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 55e7f6a43c4..0847064d5b3 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
@@ -6,40 +6,40 @@ define(["exports", "../../lit-element/lit-element.js", "../../@polymer/paper-ico
   });
   _exports.A11yCollapse = void 0;
 
-  function _templateObject4_87b257b022d211eaa0764d1a500fd781() {
+  function _templateObject4_42b1a860243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"heading\">\n        <div id=\"text\"><slot name=\"heading\"></slot></div>\n        <paper-icon-button\n          id=\"expand\"\n          @click=\"", "\"\n          ?disabled=\"", "\"\n          ?rotated=\"", "\"\n          .label=\"", "\"\n          .icon=\"", "\"\n          aria-controls=\"content\"\n          aria-expanded=\"", "\"\n        >\n        </paper-icon-button>\n        <paper-tooltip for=\"expand\"\n          >", "</paper-tooltip\n        >\n      </div>\n    "]);
 
-    _templateObject4_87b257b022d211eaa0764d1a500fd781 = function _templateObject4_87b257b022d211eaa0764d1a500fd781() {
+    _templateObject4_42b1a860243411ea86f395335a802507 = function _templateObject4_42b1a860243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_87b257b022d211eaa0764d1a500fd781() {
+  function _templateObject3_42b1a860243411ea86f395335a802507() {
     var data = 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        <iron-icon\n          id=\"expand\"\n          ?rotated=\"", "\"\n          .icon=\"", "\"\n          aria-hidden=\"true\"\n        >\n        </iron-icon>\n      </div>\n      <paper-tooltip for=\"heading\"\n        >", "</paper-tooltip\n      >\n    "]);
 
-    _templateObject3_87b257b022d211eaa0764d1a500fd781 = function _templateObject3_87b257b022d211eaa0764d1a500fd781() {
+    _templateObject3_42b1a860243411ea86f395335a802507 = function _templateObject3_42b1a860243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_87b257b022d211eaa0764d1a500fd781() {
+  function _templateObject2_42b1a860243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: var(--a11y-collapse-margin, 15px 0);\n          border: var(--a11y-collapse-border, 1px solid);\n          transition: all 0.5s;\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        #text {\n          flex-grow: 1;\n        }\n        #expand {\n          transition: transform 0.5s;\n          padding: (--a11y-collapse-icon-padding, unset);\n        }\n        #expand[rotated] {\n          transform: rotate(-90deg);\n        }\n        #content {\n          max-height: 0;\n          overflow: hidden;\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 rgba(255, 255, 255, 0);\n          transition: all 0.5s ease-in-out;\n        }\n        :host #content-inner {\n          overflow: hidden;\n        }\n        :host([expanded]) #content {\n          max-height: unset;\n          overflow: hidden;\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        }\n        :host([expanded]) #content-inner {\n          overflow: unset;\n        }\n      "]);
 
-    _templateObject2_87b257b022d211eaa0764d1a500fd781 = function _templateObject2_87b257b022d211eaa0764d1a500fd781() {
+    _templateObject2_42b1a860243411ea86f395335a802507 = function _templateObject2_42b1a860243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_87b257b022d211eaa0764d1a500fd781() {
+  function _templateObject_42b1a860243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_87b257b022d211eaa0764d1a500fd781 = function _templateObject_87b257b022d211eaa0764d1a500fd781() {
+    _templateObject_42b1a860243411ea86f395335a802507 = function _templateObject_42b1a860243411ea86f395335a802507() {
       return data;
     };
 
@@ -82,12 +82,12 @@ define(["exports", "../../lit-element/lit-element.js", "../../@polymer/paper-ico
     babelHelpers.createClass(A11yCollapse, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_87b257b022d211eaa0764d1a500fd781(), this.accordion ? this._makeAccordionButton() : this._makeIconButton(), this.expanded ? "false" : "true");
+        return (0, _litElement.html)(_templateObject_42b1a860243411ea86f395335a802507(), this.accordion ? this._makeAccordionButton() : this._makeIconButton(), this.expanded ? "false" : "true");
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_87b257b022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_42b1a860243411ea86f395335a802507())];
       }
     }, {
       key: "tag",
@@ -336,7 +336,7 @@ define(["exports", "../../lit-element/lit-element.js", "../../@polymer/paper-ico
     }, {
       key: "_makeAccordionButton",
       value: function _makeAccordionButton() {
-        return (0, _litElement.html)(_templateObject3_87b257b022d211eaa0764d1a500fd781(), this.expanded ? "true" : "false", this._onClick, this.disabled, this._getExpanded(this.label, this.labelExpanded, this.expanded), !this.expanded && this.iconExpanded === null, this._getExpanded(this.icon, this.iconExpanded, this.expanded), this._getExpanded(this.tooltip, this.tooltipExpanded, this.expanded));
+        return (0, _litElement.html)(_templateObject3_42b1a860243411ea86f395335a802507(), this.expanded ? "true" : "false", this._onClick, this.disabled, this._getExpanded(this.label, this.labelExpanded, this.expanded), !this.expanded && this.iconExpanded === null, this._getExpanded(this.icon, this.iconExpanded, this.expanded), this._getExpanded(this.tooltip, this.tooltipExpanded, this.expanded));
       }
       /**
        * renders collapse item where only icon is a clickable button
@@ -346,7 +346,7 @@ define(["exports", "../../lit-element/lit-element.js", "../../@polymer/paper-ico
     }, {
       key: "_makeIconButton",
       value: function _makeIconButton() {
-        return (0, _litElement.html)(_templateObject4_87b257b022d211eaa0764d1a500fd781(), this._onClick, this.disabled, !this.expanded && this.iconExpanded === null, this._getExpanded(this.label, this.labelExpanded, this.expanded), this._getExpanded(this.icon, this.iconExpanded, this.expanded), this.expanded ? "true" : "false", this._getExpanded(this.tooltip, this.tooltipExpanded, this.expanded));
+        return (0, _litElement.html)(_templateObject4_42b1a860243411ea86f395335a802507(), this._onClick, this.disabled, !this.expanded && this.iconExpanded === null, this._getExpanded(this.label, this.labelExpanded, this.expanded), this._getExpanded(this.icon, this.iconExpanded, this.expanded), this.expanded ? "true" : "false", this._getExpanded(this.tooltip, this.tooltipExpanded, this.expanded));
       }
       /**
        * Handle click
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 a2d914a8ce5..37ab8c5e2ff 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
@@ -10,20 +10,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../a11y-collapse.js"]
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_8fc5e89022d211eaa0764d1a500fd781() {
+  function _templateObject2_4a963a00243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: var(--a11y-collapse-group-margin, 15px 0);\n          --a11y-collapse-margin: 15px;\n        }\n        #heading {\n          font-weight: bold;\n        }\n        .wrapper {\n          border-radius: 0;\n          --a11y-collapse-margin: 0;\n          --a11y-collapse-border-between: none;\n        }\n      "]);
 
-    _templateObject2_8fc5e89022d211eaa0764d1a500fd781 = function _templateObject2_8fc5e89022d211eaa0764d1a500fd781() {
+    _templateObject2_4a963a00243411ea86f395335a802507 = function _templateObject2_4a963a00243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8fc5e89022d211eaa0764d1a500fd781() {
+  function _templateObject_4a963a00243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\"><slot></slot></div>\n    "]);
 
-    _templateObject_8fc5e89022d211eaa0764d1a500fd781 = function _templateObject_8fc5e89022d211eaa0764d1a500fd781() {
+    _templateObject_4a963a00243411ea86f395335a802507 = function _templateObject_4a963a00243411ea86f395335a802507() {
       return data;
     };
 
@@ -56,12 +56,12 @@ define(["exports", "../../../lit-element/lit-element.js", "../a11y-collapse.js"]
     babelHelpers.createClass(A11yCollapseGroup, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8fc5e89022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_4a963a00243411ea86f395335a802507());
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8fc5e89022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4a963a00243411ea86f395335a802507())];
       }
     }]);
 
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 e72ef280a36..b0eaba3d12a 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
@@ -11,40 +11,40 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject4_6d30c25022d211eaa0764d1a500fd781() {
+  function _templateObject4_266f5030243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n        }\n        *[hidden] {\n          display: none;\n        }\n        button {\n          padding: 0;\n          display: flex;\n          align-items: stretch;\n          position: relative;\n          width: auto;\n          border: var(--a11y-gif-player-border, none);\n          border-radius: var(--a11y-gif-player-border-radius, 0);\n        }\n        button:active,\n        button:focus,\n        button:hover {\n          border: var(--a11y-gif-player-focus-border, none);\n          cursor: var(--a11y-gif-player-cursor, pointer);\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 > * {\n          width: 100%;\n          min-width: 100%;\n          min-height: 100%;\n          flex: 1 1 100%;\n        }\n        div {\n          display: flex;\n          align-items: center;\n          flex-direction: column;\n          position: absolute;\n        }\n        svg {\n          flex: 1 1 100%;\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        img {\n          position: absolute;\n        }\n        button[aria-pressed=\"true\"] svg,\n        button[aria-pressed=\"true\"] img {\n          opacity: 0;\n        }\n        button[data-no-image] .button-bg {\n          background-color: var(--a11y-gif-player-button-bg, #cccccc);\n        }\n        button[aria-pressed=\"true\"][data-no-image] .button-bg {\n          background-color: transparent;\n        }\n        paper-tooltip {\n          --paper-tooltip-background: #000000;\n          --paper-tooltip-opacity: 1;\n          --paper-tooltip-text-color: #ffffff;\n          --paper-tooltip-delay-in: 0;\n        }\n      "]);
 
-    _templateObject4_6d30c25022d211eaa0764d1a500fd781 = function _templateObject4_6d30c25022d211eaa0764d1a500fd781() {
+    _templateObject4_266f5030243411ea86f395335a802507 = function _templateObject4_266f5030243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_6d30c25022d211eaa0764d1a500fd781() {
+  function _templateObject3_266f5030243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject3_6d30c25022d211eaa0764d1a500fd781 = function _templateObject3_6d30c25022d211eaa0764d1a500fd781() {
+    _templateObject3_266f5030243411ea86f395335a802507 = function _templateObject3_266f5030243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_6d30c25022d211eaa0764d1a500fd781() {
+  function _templateObject2_266f5030243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <img\n                id=\"static\"\n                loading=\"lazy\"\n                alt=\"", "\"\n                src=\"", "\"\n              />\n            "]);
 
-    _templateObject2_6d30c25022d211eaa0764d1a500fd781 = function _templateObject2_6d30c25022d211eaa0764d1a500fd781() {
+    _templateObject2_266f5030243411ea86f395335a802507 = function _templateObject2_266f5030243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_6d30c25022d211eaa0764d1a500fd781() {
+  function _templateObject_266f5030243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <button\n        id=\"button\"\n        aria-controls=\"gif\"\n        aria-pressed=\"", "\"\n        @click=\"", "\"\n        ?data-no-image=\"", "\"\n        ?disabled=\"", "\"\n      >\n        <iron-image id=\"gif\" src=\"", "\" ?hidden=\"", "\">\n        </iron-image>\n        ", "\n        <div class=\"button-bg\">\n          <svg\n            id=\"svg\"\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        </div>\n      </button>\n\n      <paper-tooltip for=\"button\" offset=\"30\" animation-delay=\"0\">\n        ", "\n      </paper-tooltip>\n    "]);
 
-    _templateObject_6d30c25022d211eaa0764d1a500fd781 = function _templateObject_6d30c25022d211eaa0764d1a500fd781() {
+    _templateObject_266f5030243411ea86f395335a802507 = function _templateObject_266f5030243411ea86f395335a802507() {
       return data;
     };
 
@@ -113,7 +113,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
     babelHelpers.createClass(A11yGifPlayer, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_6d30c25022d211eaa0764d1a500fd781(), this.__playing ? "true" : "false", this.toggle, this.noImage, this.disabled || !this.src, this.src, !this.src, !this.noImage ? (0, _litElement.html)(_templateObject2_6d30c25022d211eaa0764d1a500fd781(), this.alt, this.srcWithoutAnimation) : (0, _litElement.html)(_templateObject3_6d30c25022d211eaa0764d1a500fd781()), this.__playing && this.tooltipPlaying ? this.tooltipPlaying : this.tooltip);
+        return (0, _litElement.html)(_templateObject_266f5030243411ea86f395335a802507(), this.__playing ? "true" : "false", this.toggle, this.noImage, this.disabled || !this.src, this.src, !this.src, !this.noImage ? (0, _litElement.html)(_templateObject2_266f5030243411ea86f395335a802507(), this.alt, this.srcWithoutAnimation) : (0, _litElement.html)(_templateObject3_266f5030243411ea86f395335a802507()), this.__playing && this.tooltipPlaying ? this.tooltipPlaying : this.tooltip);
       }
       /**
        * Convention
@@ -189,7 +189,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_6d30c25022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_266f5030243411ea86f395335a802507())];
       }
     }, {
       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 4b5b30b08fa..c0ef5d23e0f 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
@@ -12,10 +12,10 @@ define(["exports", "meta", "require", "../../@polymer/polymer/polymer-element.js
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_722e399022d211eaa0764d1a500fd781() {
+  function _templateObject_2c092e80243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          width: calc(100% - 2px);\n          border: 1px solid var(--simple-colors-default-theme-grey-3);\n          --a11y-media-color: var(--simple-colors-default-theme-grey-11);\n          --a11y-media-bg-color: var(--simple-colors-default-theme-grey-2);\n          --a11y-media-hover-color: var(--simple-colors-default-theme-grey-12);\n          --a11y-media-hover-bg-color: var(\n            --simple-colors-default-theme-grey-2\n          );\n          --a11y-media-accent-color: var(\n            --simple-colors-default-theme-accent-9\n          );\n          --a11y-media-faded-accent-color: var(\n            --simple-colors-default-theme-accent-8\n          );\n          --paper-toast-color: var(--simple-colors-default-theme-grey-11);\n          --paper-toast-background-color: var(\n            --simple-colors-default-theme-grey-2\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\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-toggle-color: var(\n            --a11y-media-faded-accent-color\n          );\n\n          --paper-toggle-button-unchecked-bar-color: var(--a11y-media-color);\n          --paper-toggle-button-unchecked-button-color: var(--a11y-media-color);\n          --paper-toggle-button-checked-bar-color: var(\n            --a11y-media-accent-color\n          );\n          --paper-toggle-button-checked-button-color: var(\n            --a11y-media-accent-color\n          );\n\n          --paper-slider-active-color: var(--a11y-media-accent-color);\n          --paper-slider-secondary-color: var(--a11y-media-faded-accent-color);\n          --paper-slider-pin-color: var(--a11y-media-faded-bg-color);\n          --paper-slider-pin-start-color: var(--a11y-media-faded-bg-color);\n          --paper-slider-pin-end-color: var(--a11y-media-faded-bg-color);\n          --paper-slider-knob-color: var(--a11y-media-accent-color);\n          --paper-slider-knob-start-color: var(--a11y-media-bg-color);\n          --paper-slider-knob-end-color: var(--a11y-media-bg-color);\n          --paper-slider-knob-border-color: var(--a11y-media-accent-color);\n          --paper-slider-knob-start-border-color: var(--a11y-media-bg-color);\n          --paper-slider-knob-end-border-color: var(--a11y-media-bg-color);\n\n          --a11y-media-transcript-color: var(\n            --simple-colors-default-theme-grey-7\n          );\n          --a11y-media-transcript-bg-color: var(\n            --simple-colors-default-theme-grey-1\n          );\n          --a11y-media-transcript-accent-color: var(\n            --simple-colors-default-theme-accent-8\n          );\n          --a11y-media-transcript-faded-accent-color: var(\n            --simple-colors-default-theme-accent-10\n          );\n          --a11y-media-transcript-cue-color: var(\n            --simple-colors-fixed-theme-grey-12\n          );\n          --a11y-media-transcript-cue-bg-color: var(\n            --simple-colors-fixed-theme-grey-1\n          );\n          --a11y-media-transcript-active-cue-color: var(\n            --simple-colors-fixed-theme-grey-12\n          );\n          --a11y-media-transcript-active-cue-bg-color: var(\n            --simple-colors-fixed-theme-accent-1\n          );\n          --a11y-media-transcript-focused-cue-color: var(\n            --simple-colors-fixed-theme-grey-12\n          );\n          --a11y-media-transcript-focused-cue-bg-color: var(\n            --simple-colors-fixed-theme-grey-2\n          );\n          --a11y-media-transcript-match-color: var(\n            --simple-colors-fixed-theme-grey-1\n          );\n          --a11y-media-transcript-match-bg-color: var(\n            --simple-colors-fixed-theme-accent-10\n          );\n          --a11y-media-transcript-match-border-color: var(\n            --simple-colors-fixed-theme-accent-12\n          );\n        }\n        :host([dark]) {\n          border: 1px solid var(--simple-colors-default-theme-grey-1);\n        }\n        :host([dark-transcript]) {\n          --a11y-media-transcript-bg-color: var(\n            --simple-colors-dark-theme-grey-1\n          );\n          --a11y-media-transcript-cue-color: var(\n            --simple-colors-dark-theme-grey-12\n          );\n          --a11y-media-transcript-cue-bg-color: var(\n            --simple-colors-dark-theme-grey-1\n          );\n          --a11y-media-transcript-active-cue-color: var(\n            --simple-colors-dark-theme-accent-10\n          );\n          --a11y-media-transcript-active-cue-bg-color: var(\n            --simple-colors-dark-theme-grey-1\n          );\n          --a11y-media-transcript-match-color: var(\n            --simple-colors-dark-theme-grey-1\n          );\n          --a11y-media-transcript-match-bg-color: var(\n            --simple-colors-dark-theme-accent-10\n          );\n          --a11y-media-transcript-match-border-color: var(\n            --simple-colors-dark-theme-accent-12\n          );\n          --a11y-media-transcript-focused-cue-color: var(\n            --simple-colors-dark-theme-grey-12\n          );\n          --a11y-media-transcript-focused-cue-bg-color: var(\n            --simple-colors-dark-theme-grey-2\n          );\n        }\n        :host,\n        :host #outerplayer {\n          color: var(--simple-colors-default-theme-grey-12);\n          background-color: var(--simple-colors-default-theme-grey-2);\n        }\n        :host > * {\n          transition: all 0.5s;\n        }\n        :host,\n        :host #outerplayer,\n        :host #player,\n        :host #outertranscript,\n        :host #innertranscript {\n          display: flex;\n          flex-flow: column;\n          align-items: stretch;\n          align-content: stretch;\n        }\n        :host #captionlink:link {\n          text-decoration: none;\n        }\n        :host #innerplayer {\n          display: flex;\n        }\n        :host([hidden]),\n        :host *[hidden] {\n          display: none !important;\n        }\n        :host #innerplayer,\n        :host #player,\n        :host #player > *,\n        :host #customcc,\n        :host #customcctxt,\n        :host #slider,\n        :host #controls,\n        :host #outertranscript,\n        :host #innertranscript {\n          width: 100%;\n        }\n        :host #innertranscript > * {\n          width: calc(100% - 1px);\n        }\n        :host > *,\n        :host #innerplayer,\n        :host #player,\n        :host #player > *,\n        :host #customcctxt {\n          flex: 1 1 auto;\n        }\n        :host #controls,\n        :host #tcontrols {\n          flex: 0 0 44px;\n        }\n        :host #innerplayer {\n          margin: 0 auto;\n        }\n        :host #player {\n          height: 400px;\n          position: relative;\n        }\n        :host #player > * {\n          position: absolute;\n          top: 0;\n          left: 0;\n          height: 100%;\n        }\n        :host #playbutton,\n        :host #slider,\n        :host #controls {\n          z-index: 2;\n        }\n        :host([audio-only]) #playbutton {\n          opacity: 0;\n        }\n        :host #slider {\n          flex: 0 0 32px;\n          height: 32px;\n        }\n        :host([thumbnail-src]) #youtube {\n          opacity: 0;\n        }\n        :host #youtube[elapsed] {\n          opacity: 1;\n          transition: opacity 0.5s;\n        }\n        :host #customcc:not([hidden]) {\n          font-size: 20px;\n          transition: font-size 0.25s;\n          display: flex;\n        }\n        :host #customcctxt:not(:empty) {\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        :host([audio-only]:not([thumbnail-src])) #customcctxt {\n          align-self: center;\n          color: var(--a11y-media-color);\n          background-color: transparent;\n        }\n        :host #printthumb {\n          width: 100%;\n          margin: 0;\n          display: block;\n          border-top: 1px solid #aaaaaa;\n        }\n        :host .media-caption:not(:empty) {\n          width: calc(100% - 30px);\n          padding: 5px 15px;\n        }\n        :host .media-type {\n          font-style: italic;\n        }\n        :host #outertranscript {\n          padding: 0 1px 0 0;\n        }\n        :host #innertranscript {\n          flex: 1 0 194px;\n        }\n        :host #transcript {\n          flex: 1 0 150px;\n          overflow-y: scroll;\n        }\n        :host .sr-only {\n          position: absolute;\n          left: -9999px;\n          font-size: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n        @media screen {\n          :host([flex-layout]:not([responsive-size=\"xs\"])) {\n            flex-flow: row;\n            padding: 0;\n          }\n          :host([flex-layout]:not([responsive-size=\"xs\"])) #outerplayer {\n            flex: 1 0 auto;\n          }\n          :host #printthumb,\n          :host([height]) #outertranscript,\n          :host([stand-alone]) #outertranscript,\n          :host([hide-transcript]) #outertranscript {\n            display: none;\n          }\n          :host([sticky]:not([sticky-corner=\"none\"])) #outerplayer {\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          :host([dark][sticky]:not([sticky-corner=\"none\"])) #outerplayer {\n            border: 1px solid var(--a11y-media-bg-color);\n          }\n          :host([sticky][sticky-corner=\"top-left\"]) #outerplayer {\n            right: unset;\n            left: 5px;\n          }\n          :host([flex-layout]:not([responsive-size=\"xs\"])) > div {\n            width: 50%;\n            flex: 1 1 auto;\n          }\n          :host #innertranscript {\n            position: relative;\n          }\n          :host([hide-transcript]) #outerplayer {\n            min-width: 50%;\n            max-width: 100%;\n          }\n          :host([hide-transcript]) #outertranscript {\n            display: none;\n          }\n          :host(:not([no-height]):not([stacked-layout]):not([responsive-size=\"xs\"]))\n            #transcript {\n            position: absolute;\n            top: 44px;\n            left: 0;\n            right: 0;\n            bottom: 0;\n            overflow-y: scroll;\n          }\n          :host(:not([no-height]):not([stacked-layout]):not([responsive-size=\"xs\"]))\n            #innerplayer.totop {\n            position: absolute;\n            top: 0;\n            left: 0;\n            width: 200px !important;\n            z-index: 9999;\n          }\n          :host([sticky][sticky-corner=\"bottom-left\"]) #innerplayer {\n            top: unset;\n            right: unset;\n            bottom: 5px;\n          }\n          :host([sticky][sticky-corner=\"bottom-right\"]) #innerplayer {\n            top: unset;\n            bottom: 5px;\n          }\n          :host([sticky]:not([sticky-corner=\"none\"]):not([no-height]):not([stacked-layout]):not([responsive-size=\"xs\"]))\n            #controls {\n            display: none;\n          }\n          :host([responsive-size=\"lg\"]) #customcc {\n            font-size: 16px;\n          }\n          :host([responsive-size=\"md\"]) #customcc,\n          :host([flex-layout][responsive-size=\"xl\"]) #customcc {\n            font-size: 14px;\n          }\n          :host([responsive-size=\"sm\"]) #customcc,\n          :host([flex-layout][responsive-size=\"lg\"]) #customcc {\n            font-size: 12px;\n          }\n          :host([responsive-size=\"xs\"]) #customcc,\n          :host([flex-layout][responsive-size=\"md\"]) #customcc,\n          :host([flex-layout][responsive-size=\"sm\"]) #customcc {\n            font-size: 10px;\n          }\n          :host([sticky]:not([sticky-corner=\"none\"])) #customcc {\n            display: none;\n          }\n          :host .media-caption {\n            color: var(--a11y-media-bg-color);\n            background-color: var(--a11y-media-accent-color);\n          }\n          :host #audio-only {\n            text-align: center;\n            font-style: italic;\n            width: 100%;\n            line-height: 160%;\n          }\n          :host .print-only {\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          :host .screen-only,\n          :host #printthumb:not([src]),\n          :host(:not([thumbnail-src])) #player {\n            display: none;\n          }\n          :host #searchbar {\n            display: none;\n          }\n          :host .media-caption {\n            background-color: #cccccc;\n            color: #000000;\n            font-size: 120%;\n          }\n        }\n      </style>\n      <style include=\"simple-colors-shared-styles-polymer\"></style>\n      <div class=\"sr-only\">\n        <a href$=\"[[__captionHref]]\">[[mediaCaption]]</a>\n      </div>\n      <div id=\"outerplayer\">\n        <div id=\"innerplayer\">\n          <div\n            id=\"player\"\n            style$=\"[[_getThumbnailCSS(thumbnailSrc,isYoutube,audioOnly)]]\"\n          >\n            <a11y-media-play-button\n              id=\"playbutton\"\n              action$=\"[[playPause.action]]\"\n              audio-only$=\"[[audioOnly]]\"\n              disabled=\"true\"\n              elapsed$=\"[[_hidePlayButton(thumbnailSrc, isYoutube, __elapsed)]]\"\n              hidden$=\"[[audioNoThumb]]\"\n              disabled$=\"[[audioNoThumb]]\"\n              on-controls-change=\"_onControlsChanged\"\n              localization$=\"[[localization]]\"\n            >\n            </a11y-media-play-button>\n            <a11y-media-html5\n              id=\"html5\"\n              audio-only$=\"[[audioOnly]]\"\n              autoplay$=\"[[autoplay]]\"\n              cc$=\"[[cc]]\"\n              crossorigin$=\"[[crossorigin]]\"\n              hidden$=\"[[isYoutube]]\"\n              media-lang$=\"[[mediaLang]]\"\n              loop$=\"[[loop]]\"\n              muted$=\"[[muted]]\"\n              manifest$=\"[[manifest]]\"\n              on-media-loaded=\"_handleMediaLoaded\"\n              ontimeupdate=\"_handleTimeUpdate\"\n              playing$=\"[[__playing]]\"\n              playback-rate$=\"[[playbackRate]]\"\n              thumbnail-src$=\"[[thumbnailSrc]]\"\n              preload$=\"[[preload]]\"\n              volume$=\"[[volume]]\"\n            >\n              <slot></slot>\n            </a11y-media-html5>\n            <div\n              id=\"youtube\"\n              elapsed$=\"[[__elapsed]]\"\n              lang$=\"[[mediaLang]]\"\n              video-id$=\"[[videoId]]\"\n            ></div>\n            <div\n              id=\"customcc\"\n              aria-live=\"polite\"\n              class=\"screen-only\"\n              hidden$=\"[[!showCustomCaptions]]\"\n            >\n              <div id=\"customcctxt\"></div>\n            </div>\n          </div>\n        </div>\n        <paper-slider\n          id=\"slider\"\n          class=\"screen-only\"\n          disabled$=\"[[disableSeek]]\"\n          label$=\"[[seekSlider.label]]\"\n          min=\"0\"\n          max=\"[[__duration]]\"\n          on-mousedown=\"_handleSliderStart\"\n          on-mouseup=\"_handleSliderStop\"\n          on-keyup=\"_handleSliderStop\"\n          on-keydown=\"_handleSliderStart\"\n          on-blur=\"_handleSliderStop\"\n          secondary-progress=\"[[__buffered]]\"\n          value=\"[[__elapsed]]\"\n        >\n        </paper-slider>\n        <a11y-media-controls\n          id=\"controls\"\n          cc$=\"[[cc]]\"\n          disable-seek$=\"[[disableSeek]]\"\n          fixed-height$=\"[[height]]\"\n          fullscreen$=\"[[fullscreen]]\"\n          fullscreen-button$=\"[[fullscreenButton]]\"\n          has-captions$=\"[[hasCaptions]]\"\n          has-transcript$=\"[[hasTranscript]]\"\n          hide-transcript$=\"[[hideTranscript]]\"\n          linkable$=\"[[linkable]]\"\n          mute-unmute=\"[[muteUnmute]]\"\n          on-controls-change=\"_onControlsChanged\"\n          on-print-transcript=\"_handlePrinting\"\n          on-download-transcript=\"_handleDownload\"\n          responsive-size$=\"[[responsiveSize]]\"\n          play-pause=\"[[playPause]]\"\n          stand-alone$=\"[[standAlone]]\"\n          volume=\"[[__volume]]\"\n        >\n        </a11y-media-controls>\n        <a id=\"captionlink\" href$=\"[[__captionHref]]\">\n          <div\n            aria-hidden=\"true\"\n            class=\"screen-only media-caption\"\n            hidden$=\"[[!_hasAttribute(mediaCaption)]]\"\n          >\n            [[mediaCaption]]\n          </div>\n        </a>\n        <div class=\"print-only media-caption\">[[printCaption]]</div>\n      </div>\n      <img\n        loading=\"lazy\"\n        id=\"printthumb\"\n        aria-hidden=\"true\"\n        src$=\"[[thumbnailSrc]]\"\n      />\n      <div id=\"outertranscript\" hidden$=\"[[standAlone]]\">\n        <div id=\"innertranscript\" hidden$=\"[[hideTranscript]]\">\n          <a11y-media-transcript-controls\n            id=\"tcontrols\"\n            accent-color$=\"[[accentColor]]\"\n            localization$=\"[[localization]]\"\n            dark$=\"[[darkTranscript]]\"\n            disable-print-button$=\"[[disablePrintButton]]\"\n            disable-scroll$=\"[[disableScroll]]\"\n            disable-search$=\"[[disableSearch]]\"\n            has-transcript$=\"[[hasTranscript]]\"\n            localization$=\"[[localization]]\"\n            on-searchbar-added=\"_handleSearchAdded\"\n            on-toggle-scroll=\"_handleTranscriptScrollToggle\"\n            on-print-transcript=\"_handlePrinting\"\n            on-download-transcript=\"_handleDownload\"\n            stand-alone$=\"[[standAlone]]\"\n          >\n          </a11y-media-transcript-controls>\n          <a11y-media-transcript\n            id=\"transcript\"\n            accent-color$=\"[[accentColor]]\"\n            dark$=\"[[darkTranscript]]\"\n            disable-scroll$=\"[[disableScroll]]\"\n            disable-search$=\"[[disableSearch]]\"\n            disable-seek$=\"[[disableSeek]]\"\n            disable-interactive$=\"[[disableInteractive]]\"\n            hide-timestamps$=\"[[hideTimestamps]]\"\n            media-id$=\"[[id]]\"\n            on-transcript-seek=\"_handleTranscriptSeek\"\n            localization$=\"[[localization]]\"\n            search=\"[[search]]\"\n            selected-transcript$=\"[[__selectedTrack]]\"\n          >\n          </a11y-media-transcript>\n        </div>\n      </div>\n      <paper-toast\n        id=\"link\"\n        disabled$=\"[[!linkable]]\"\n        hidden$=\"[[!linkable]]\"\n        duration=\"5000\"\n        text=\"Copied to clipboard: [[shareLink]]\"\n      >\n        <a11y-media-button\n          action=\"linkable\"\n          icon=\"[[_getLocal('closeLink','icon')]]\"\n          label=\"[[_getLocal('closeLink','label')]]\"\n          on-click=\"_handleCloseLink\"\n          tooltip-position=\"top\"\n        ></a11y-media-button>\n      </paper-toast>\n    "]);
 
-    _templateObject_722e399022d211eaa0764d1a500fd781 = function _templateObject_722e399022d211eaa0764d1a500fd781() {
+    _templateObject_2c092e80243411ea86f395335a802507 = function _templateObject_2c092e80243411ea86f395335a802507() {
       return data;
     };
 
@@ -149,7 +149,7 @@ define(["exports", "meta", "require", "../../@polymer/polymer/polymer-element.js
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_722e399022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_2c092e80243411ea86f395335a802507());
       } // properties available to the custom element for data binding
 
     }, {
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 a08ffcf9db3..ec7f1ef48ce 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
@@ -6,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./a11y-media
   });
   _exports.A11yMediaButton = void 0;
 
-  function _templateObject_8fd15a4022d211eaa0764d1a500fd781() {
+  function _templateObject_4aa7ed40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          margin: 0;\n          padding: 0;\n        }\n        :host #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          cursor: pointer;\n          color: var(--a11y-media-button-hover-color);\n          background-color: var(--a11y-media-button-hover-bg-color);\n        }\n        :host .sr-only {\n          position: absolute;\n          left: -99999;\n          top: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n        :host paper-tooltip {\n          z-index: 100;\n        }\n        iron-icon {\n          display: inline-block;\n        }\n      </style>\n      <button\n        id=\"button\"\n        aria-label$=\"[[label]]\"\n        aria-pressed$=\"[[toggle]]\"\n        controls=\"[[controls]]\"\n        disabled$=\"[[disabled]]\"\n        on-click=\"_buttonTap\"\n        role=\"button\"\n        tabindex=\"0\"\n        toggle$=\"[[toggle]]\"\n      >\n        <iron-icon icon=\"[[icon]]\"></iron-icon>\n      </button>\n      <paper-tooltip for=\"button\" position$=\"[[tooltipPosition]]\"\n        >[[label]]</paper-tooltip\n      >\n    "]);
 
-    _templateObject_8fd15a4022d211eaa0764d1a500fd781 = function _templateObject_8fd15a4022d211eaa0764d1a500fd781() {
+    _templateObject_4aa7ed40243411ea86f395335a802507 = function _templateObject_4aa7ed40243411ea86f395335a802507() {
       return data;
     };
 
@@ -146,7 +146,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./a11y-media
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8fd15a4022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4aa7ed40243411ea86f395335a802507());
       }
     }]);
     return A11yMediaButton;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-controls.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-controls.js
index 3276dce340d..790a0915c51 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-controls.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-controls.js
@@ -6,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./a11y-media
   });
   _exports.A11yMediaControls = void 0;
 
-  function _templateObject_8fd63c4022d211eaa0764d1a500fd781() {
+  function _templateObject_4ab09fd0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors-shared-styles-polymer\">\n        :host {\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          --primary-text-color: var(--a11y-media-settings-menu-color);\n          --paper-menu-button-dropdown-background: var(--a11y-media-settings-menu-bg-color);\n          --paper-listbox-background-color: var(--a11y-media-settings-menu-bg-color);\n          --paper-listbox-color: var(--a11y-media-settings-menu-color);\n          --paper-listbox: {\n            padding: 0;\n          };\n          --paper-menu-button: {\n            background-color: var(--a11y-media-settings-menu-bg-color);\n            color: var(--a11y-media-settings-menu-color);\n          };\n          --paper-menu-button-dropdown: {\n            background-color: var(--a11y-media-settings-menu-bg-color);\n            color: var(--a11y-media-settings-menu-color);\n            margin-top: 0 !important;\n            margin-bottom: 0 !important;\n          };\n          --paper-item-selected: {\n            color: var(--a11y-media-settings-menu-hover-color);\n          };\n          --paper-item-focused: {\n            color: var(--a11y-media-settings-menu-hover-color);\n          };\n        }\n        :host > #controls-left {\n          position: absolute;\n          left: 0;\n          min-width: 200px;\n        }\n        :host > #controls-right {\n          position: absolute;\n          right: 0;\n          top: -2px;\n        }\n        :host paper-menu-button,\n        :host dropdown-select {\n          padding: 0;\n        }\n        :host paper-icon-button {\n          background-color: var(--a11y-media-settings-menu-bg-color);\n          color: var(--a11y-media-settings-menu-color);\n        }\n        :host paper-icon-button:active,\n        :host paper-icon-button:focus,\n        :host paper-icon-button:hover {\n          background-color: var(--a11y-media-settings-menu-bg-color);\n          color: var(--a11y-media-settings-menu-color);\n        }\n        :host paper-item {\n          min-height: 40;\n        }\n        :host paper-slider {\n          @apply --a11y-media-slider;\n        }\n        :host .play-status,\n        :host paper-icon-button {\n          border: none;\n          position: relative;\n        }\n        :host .play-status {\n          font-size: 85%;\n        }\n        :host .play-status.control-bar {\n          padding: 8px 13px 8px;\n        }\n        :host([hide-play-status]) .play-status {\n          display: none;\n        }\n        :host .setting {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          width: 100%;\n        }\n        :host .setting-text {\n          min-width: 125px;\n        }\n        :host .setting-control {\n          max-width: 100px;\n        }\n        :host .setting-slider {\n          width: 130px;\n          margin-left: -15px;\n          margin-right: -15px;\n          @apply --a11y-media-slider;\n        }\n        :host #speed {\n          --paper-slider-knob-start-color: var(--a11y-media-accent-color);\n          --paper-slider-knob-start-border-color: var(--a11y-media-accent-color);\n          --paper-slider-knob-end-color: var(--a11y-media-accent-color);\n          --paper-slider-knob-end-border-color: var(--a11y-media-accent-color);\n        }\n        :host #showvolume {\n          display: inline;\n          position: relative;\n        }\n        :host #volume {\n          z-index: 1;\n          position: absolute;\n          left: 30px;\n          top: -5px;\n          width: 0;\n          overflow: hidden;\n          transition: width 0.5s;\n          z-index: 3;\n          background-color: var(--a11y-media-bg-color);\n          --paper-slider-knob-end-color: var(--a11y-media-accent-color);\n          --paper-slider-knob-end-border-color: var(--a11y-media-accent-color);\n\n        }\n        :host #volume:active,\n        :host #volume:focus,\n        :host #volume:hover,\n        :host #volume.focus,\n        :host #showvolume:active #volume,\n        :host #showvolume:focus #volume,\n        :host #showvolume:hover #volume {\n          overflow: visible;\n          width: 100px;\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\"]) #showvolume:active #volume,\n        :host([responsive-size=\"xs\"]) #showvolume:focus #volume,\n        :host([responsive-size=\"xs\"]) #showvolume:hover #volume {\n          top: -35px\n          border-radius: 4px;\n        }\n        :host .sr-only {\n          position: absolute;\n          left: -99999;\n          top: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n      </style>\n      <div id=\"controls-left\">\n        <a11y-media-button\n          action$=\"[[playPause.action]]\"\n          icon$=\"[[playPause.icon]]\"\n          label$=\"[[playPause.label]]\"\n          on-click=\"_onButtonTap\"\n        ></a11y-media-button>\n        <a11y-media-button\n          action=\"rewind\"\n          disabled$=\"[[disableSeek]]\"\n          hidden$=\"[[compactControls]]\"\n          icon$=\"[[_getLocal('rewind','icon')]]\"\n          label$=\"[[_getLocal('rewind','label')]]\"\n          on-click=\"_onButtonTap\"\n        ></a11y-media-button>\n        <a11y-media-button\n          action=\"forward\"\n          disabled$=\"[[disableSeek]]\"\n          hidden$=\"[[compactControls]]\"\n          icon$=\"[[_getLocal('forward','icon')]]\"\n          label$=\"[[_getLocal('forward','label')]]\"\n          on-click=\"_onButtonTap\"\n        ></a11y-media-button>\n        <a11y-media-button\n          action=\"restart\"\n          disabled$=\"[[disableSeek]]\"\n          hidden$=\"[[compactControls]]\"\n          icon$=\"[[_getLocal('restart','icon')]]\"\n          label$=\"[[_getLocal('restart','label')]]\"\n          on-click=\"_onButtonTap\"\n        ></a11y-media-button>\n        <div id=\"showvolume\">\n          <a11y-media-button\n            id=\"mute\"\n            action$=\"[[muteUnmute.action]]\"\n            icon$=\"[[muteUnmute.icon]]\"\n            label$=\"[[muteUnmute.label]]\"\n            on-click=\"_onButtonTap\"\n          ></a11y-media-button>\n          <paper-slider\n            id=\"volume\"\n            aria-labelledby=\"volume-slider-label\"\n            label$=\"[[volumeLabel]]\"\n            min=\"0\"\n            max=\"100\"\n            on-change=\"_onSettingsChanged\"\n            pin\n            step=\"10\"\n            value$=\"[[volume]]\"\n          ></paper-slider>\n        </div>\n        <span aria-live=\"polite\" class=\"play-status control-bar\">\n          <span id=\"statbar\"></span>\n        </span>\n      </div>\n      <div id=\"controls-right\">\n        <a11y-media-button\n          action=\"captions\"\n          disabled$=\"[[!hasCaptions]]\"\n          hidden$=\"[[!hasCaptions]]\"\n          icon$=\"[[_getLocal('captions','icon')]]\"\n          label$=\"[[_getLocal('captions','label')]]\"\n          on-click=\"_onButtonTap\"\n          toggle$=\"[[cc]]\"\n        >\n        </a11y-media-button>\n        <a11y-media-button\n          action=\"transcript\"\n          controls=\"transcript\"\n          disabled$=\"[[hideTranscriptButton]]\"\n          hidden$=\"[[hideTranscriptButton]]\"\n          icon$=\"[[_getLocal('transcript','icon')]]\"\n          label$=\"[[_getLocal('transcript','label')]]\"\n          on-click=\"_onButtonTap\"\n          toggle$=\"[[hideTranscript]]\"\n        >\n        </a11y-media-button>\n        <a11y-media-button\n          action=\"linkable\"\n          disabled$=\"[[!linkable]]\"\n          hidden$=\"[[!linkable]]\"\n          icon=\"[[_getLocal('copyLink','icon')]]\"\n          label=\"[[_getLocal('copyLink','label')]]\"\n          on-click=\"_onButtonTap\"\n        ></a11y-media-button>\n        <a11y-media-button\n          action=\"print\"\n          disabled$=\"[[noPrinting]]\"\n          hidden$=\"[[noPrinting]]\"\n          icon$=\"[[_getLocal('print','icon')]]\"\n          label=\"[[_getLocal('print','label')]]\"\n          on-click=\"_handlePrintClick\"\n        >\n        </a11y-media-button>\n        <a11y-media-button\n          action=\"download\"\n          disabled$=\"[[noPrinting]]\"\n          hidden$=\"[[noPrinting]]\"\n          icon$=\"[[_getLocal('download','icon')]]\"\n          label=\"[[_getLocal('download','label')]]\"\n          on-click=\"_handleDownloadClick\"\n        >\n        </a11y-media-button>\n        <template is=\"dom-if\" if=\"[[fullscreenButton]]\">\n          <a11y-media-button\n            action=\"fullscreen\"\n            hidden$=\"[[audioNoThumb]]\"\n            icon$=\"[[_getLocal('fullscreen','icon')]]\"\n            label$=\"[[_getLocal('fullscreen','label')]]\"\n            on-click=\"_onButtonTap\"\n            toggle$=\"[[fullscreen]]\"\n            step=\"1\"\n          >\n          </a11y-media-button>\n        </template>\n        <paper-menu-button\n          id=\"settings\"\n          allow-outside-scroll\n          horizontal-align=\"right\"\n          ignore-select\n          on-change=\"_onSettingsChanged\"\n          on-iron-activate=\"_handleSettingsActivate\"\n          on-iron-select=\"_handleSettingsSelect\"\n          vertical-align=\"bottom\"\n        >\n          <paper-icon-button\n            action=\"settings\"\n            alt$=\"[[_getLocal('settings','label')]]\"\n            icon$=\"[[_getLocal('settings','icon')]]\"\n            slot=\"dropdown-trigger\"\n          >\n          </paper-icon-button>\n          <paper-listbox id=\"settingslist\" slot=\"dropdown-content\">\n            <paper-item hidden$=\"[[!hasCaptions]]\">\n              <div class=\"setting\">\n                <div class=\"setting-text\">\n                  [[_getLocal('captions','label')]]\n                </div>\n                <div class=\"setting-control\">\n                  <dropdown-select\n                    id=\"tracks\"\n                    disabled$=\"[[!hasCaptions]]\"\n                    no-label-float\n                    on-change=\"_handleTrackChange\"\n                    value\n                  >\n                    <paper-item value=\"\"\n                      >[[_getLocal('captions','off')]]</paper-item\n                    >\n                    <template is=\"dom-repeat\" items=\"{{tracks}}\" as=\"option\">\n                      <paper-item value$=\"{{option.value}}\"\n                        >{{option.text}}</paper-item\n                      >\n                    </template>\n                  </dropdown-select>\n                </div>\n              </div>\n            </paper-item>\n            <paper-item hidden$=\"[[noTranscriptToggle]]\">\n              <div class=\"setting\">\n                <div id=\"transcript-label\" class=\"setting-text\">\n                  [[_getLocal('transcript','label')]]\n                </div>\n                <div class=\"setting-control\">\n                  <paper-toggle-button\n                    id=\"transcript-toggle\"\n                    aria-labelledby=\"transcript-label\"\n                    checked$=\"[[!hideTranscript]]\"\n                    controls=\"transcript\"\n                    disabled$=\"[[noTranscriptToggle]]\"\n                  >\n                  </paper-toggle-button>\n                </div>\n              </div>\n            </paper-item>\n            <paper-item>\n              <div class=\"setting\">\n                <div id=\"loop-label\" class=\"setting-text\">\n                  [[_getLocal('loop','label')]]\n                </div>\n                <div class=\"setting-control\">\n                  <paper-toggle-button\n                    id=\"loop\"\n                    aria-labelledby=\"loop-label\"\n                    checked$=\"[[loop]]\"\n                  ></paper-toggle-button>\n                </div>\n              </div>\n            </paper-item>\n            <paper-item>\n              <div class=\"setting\">\n                <div id=\"speed-label\" class=\"setting-text\">\n                  [[_getLocal('speed','label')]]\n                </div>\n                <div class=\"setting-control\">\n                  <paper-slider\n                    id=\"speed\"\n                    aria-labelledby=\"speed-label\"\n                    class=\"setting-slider\"\n                    min=\"0.5\"\n                    max=\"4\"\n                    pin\n                    step=\"0.5\"\n                    tab-index=\"-1\"\n                    value$=\"[[playbackRate]]\"\n                  ></paper-slider>\n                </div>\n              </div>\n            </paper-item>\n          </paper-listbox>\n        </paper-menu-button>\n        <paper-tooltip for=\"settings\">\n          [[_getLocal('settings','label')]]\n        </paper-tooltip>\n      </div>\n    "]);
 
-    _templateObject_8fd63c4022d211eaa0764d1a500fd781 = function _templateObject_8fd63c4022d211eaa0764d1a500fd781() {
+    _templateObject_4ab09fd0243411ea86f395335a802507 = function _templateObject_4ab09fd0243411ea86f395335a802507() {
       return data;
     };
 
@@ -354,7 +354,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./a11y-media
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8fd63c4022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4ab09fd0243411ea86f395335a802507());
       }
     }]);
     return A11yMediaControls;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-html5.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-html5.js
index e45aa3836f4..776162ca101 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-html5.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-html5.js
@@ -6,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./a11y-media
   });
   _exports.A11yMediaHtml5 = void 0;
 
-  function _templateObject_8fdb455022d211eaa0764d1a500fd781() {
+  function _templateObject_4ab55ac0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          height: 100%;\n          display: flex;\n          align-items: stretch;\n          position: relative;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        #video {\n          width: 100%;\n          max-width: 100%;\n        }\n      </style>\n      <video\n        id=\"video\"\n        aria-hidden$=\"[[isYoutube]]\"\n        autoplay$=\"[[autoplay]]\"\n        crossorigin$=\"[[crossorigin]]\"\n        hidden$=\"[[audioOnly]]\"\n        lang$=\"[[mediaLang]]\"\n        on-loadedmetadata=\"_handleMetadata\"\n        poster$=\"[[thumbnailSrc]]\"\n        src$=\"[[manifest]]\"\n        preload=\"metadata\"\n      >\n        HTML5 video not supported\n      </video>\n      <audio\n        id=\"audio\"\n        autoplay$=\"[[autoplay]]\"\n        crossorigin$=\"[[crossorigin]]\"\n        hidden$=\"[[!audioOnly]]\"\n        lang$=\"[[mediaLang]]\"\n        on-loadedmetadata=\"_handleMetadata\"\n        poster$=\"[[thumbnailSrc]]\"\n        preload=\"metadata\"\n      >\n        HTML5 audio not supported\n      </audio>\n    "]);
 
-    _templateObject_8fdb455022d211eaa0764d1a500fd781 = function _templateObject_8fdb455022d211eaa0764d1a500fd781() {
+    _templateObject_4ab55ac0243411ea86f395335a802507 = function _templateObject_4ab55ac0243411ea86f395335a802507() {
       return data;
     };
 
@@ -339,7 +339,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./a11y-media
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8fdb455022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4ab55ac0243411ea86f395335a802507());
       }
     }]);
     return A11yMediaHtml5;
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 488dd4d55c1..bcca91587f1 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./a11y-media
   });
   _exports.A11yMediaPlayButton = void 0;
 
-  function _templateObject_8fddb65022d211eaa0764d1a500fd781() {
+  function _templateObject_4ab8dd30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: block;\n          opacity: 1;\n          transition: opacity 0.5s;\n        }\n        :host([disabled]),\n        :host([elapsed]) {\n          opacity: 0;\n        }\n        :host,\n        :host #thumbnail,\n        :host #background,\n        :host #button {\n          width: 100%;\n          top: 0;\n          left: 0;\n          opacity: 1;\n          transition: opacity 0.5s;\n        }\n        :host #thumbnail,\n        :host #background,\n        :host #button {\n          position: absolute;\n          height: 100%;\n          padding: 0;\n          margin: 0;\n          border: none;\n        }\n        :host #thumbnail {\n          height: auto;\n          overflow: hidden;\n        }\n        :host #button {\n          overflow: hidden;\n          background: transparent;\n        }\n        :host #button:hover {\n          cursor: pointer;\n        }\n        :host #background {\n          opacity: 0.3;\n          background: var(--a11y-play-button-bg-color);\n        }\n        :host #button:focus #background,\n        :host #button:hover #background {\n          background: var(--a11y-play-button-focus-bg-color);\n          opacity: 0.1;\n        }\n        :host #arrow {\n          stroke: #ffffff;\n          fill: #000000;\n        }\n        :host #text {\n          fill: #ffffff;\n        }\n        :host .sr-only {\n          font-size: 0;\n        }\n        @media print {\n          :host(:not([thumbnail-src])),\n          :host #background,\n          :host #svg {\n            display: none;\n          }\n        }\n      </style>\n      <button\n        id=\"button\"\n        aria-pressed$=\"[[playing]]\"\n        aria-hidden$=\"[[disabled]]\"\n        controls=\"video\"\n        disabled$=\"[[disabled]]\"\n        label=\"[[playPause.label]]\"\n        on-click=\"_handleButtonClick\"\n        tabindex=\"0\"\n        title$=\"[[label]]\"\n      >\n        <svg\n          id=\"svg\"\n          aria-hidden\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 200 200\"\n          width=\"30%\"\n          height=\"30%\"\n          opacity=\"0.7\"\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              [[playPause.label]]\n            </text>\n          </g>\n        </svg>\n      </button>\n    "]);
 
-    _templateObject_8fddb65022d211eaa0764d1a500fd781 = function _templateObject_8fddb65022d211eaa0764d1a500fd781() {
+    _templateObject_4ab8dd30243411ea86f395335a802507 = function _templateObject_4ab8dd30243411ea86f395335a802507() {
       return data;
     };
 
@@ -117,7 +117,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./a11y-media
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8fddb65022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4ab8dd30243411ea86f395335a802507());
       }
     }]);
     return A11yMediaPlayButton;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-transcript-controls.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-transcript-controls.js
index 24f1bb28e98..34886b09ca9 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-transcript-controls.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-transcript-controls.js
@@ -6,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./a11y-media
   });
   _exports.A11yMediaTranscriptControls = void 0;
 
-  function _templateObject_8fe3f7e022d211eaa0764d1a500fd781() {
+  function _templateObject_4abfbb00243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: flex;\n          height: 44px;\n          max-height: 44px;\n          min-height: 44px;\n          color: var(--a11y-media-color);\n          background-color: var(--a11y-media-transcript-bg-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-text-color: var(--a11y-media-color);\n          --simple-search-input-line-color: var(--a11y-media-accent-color);\n          --simple-search-input-placeholder-color: var(\n            --a11y-media-transcript-color\n          );\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(--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-color: var(\n            --simple-colors-default-theme-grey-5\n          );\n          --simple-search-button-disabled-bg-color: var(\n            --simple-colors-default-theme-grey-2\n          );\n          --simple-search-button-disabled-border-color: var(\n            --simple-colors-default-theme-grey-3\n          );\n          --paper-input-container-input-color: var(--a11y-media-color);\n          --simple-search-padding: 0 15px;\n        }\n        :host #searchbar {\n          display: flex;\n          align-items: stretch;\n          justify-content: space-between;\n          width: 100%;\n        }\n        :host #searching {\n          flex-grow: 2;\n        }\n        :host #autoscroll {\n          padding-right: 8px;\n        }\n        :host #scrolling,\n        :host #printing {\n          display: flex;\n          align-items: center;\n        }\n        @media print {\n          :host {\n            display: none;\n          }\n        }\n      </style>\n      <div id=\"searchbar\">\n        <div id=\"searching\">\n          <simple-search\n            id=\"simplesearch\"\n            controls=\"transcript\"\n            disabled$=\"[[disableSearch]]\"\n            hidden$=\"[[disableSearch]]\"\n            no-label-float\n            next-button-icon$=\"[[_getLocal('nextResult','icon')]]\"\n            next-button-label$=\"[[_getLocal('nextResult','label')]]\"\n            prev-button-icon$=\"[[_getLocal('prevResult','icon')]]\"\n            prev-button-label$=\"[[_getLocal('prevResult','label')]]\"\n            search-input-icon$=\"[[_getLocal('search','icon')]]\"\n            search-input-label$=\"[[_getLocal('search','label')]]\"\n            target=\"[[target]]\"\n          >\n          </simple-search>\n        </div>\n        <div id=\"scrolling\">\n          <a11y-media-button\n            id=\"scroll\"\n            controls=\"transcript\"\n            icon=\"[[_getLocal('autoScroll','icon')]]\"\n            label=\"[[_getLocal('autoScroll','label')]]\"\n            on-tap=\"_handleScrollClick\"\n            toggle$=\"[[!disableScroll]]\"\n          >\n          </a11y-media-button>\n        </div>\n        <div\n          id=\"printing\"\n          hidden$=\"[[disablePrintButton]]\"\n          disabled$=\"[[disablePrintButton]]\"\n        >\n          <a11y-media-button\n            id=\"download\"\n            controls=\"transcript\"\n            icon$=\"[[_getLocal('download','icon')]]\"\n            label=\"[[_getLocal('download','label')]]\"\n            on-tap=\"_handleDownloadClick\"\n          >\n          </a11y-media-button>\n          <a11y-media-button\n            id=\"print\"\n            controls=\"transcript\"\n            icon$=\"[[_getLocal('print','icon')]]\"\n            label=\"[[_getLocal('print','label')]]\"\n            on-tap=\"_handlePrintClick\"\n          >\n          </a11y-media-button>\n        </div>\n      </div>\n    "]);
 
-    _templateObject_8fe3f7e022d211eaa0764d1a500fd781 = function _templateObject_8fe3f7e022d211eaa0764d1a500fd781() {
+    _templateObject_4abfbb00243411ea86f395335a802507 = function _templateObject_4abfbb00243411ea86f395335a802507() {
       return data;
     };
 
@@ -103,7 +103,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./a11y-media
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8fe3f7e022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4abfbb00243411ea86f395335a802507());
       }
     }]);
     return A11yMediaTranscriptControls;
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 7df6a1c36f3..90ef8f65136 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./a11y-media
   });
   _exports.A11yMediaTranscriptCue = void 0;
 
-  function _templateObject_8fe68ff022d211eaa0764d1a500fd781() {
+  function _templateObject_4ac31660243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors-shared-styles-polymer\">\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        }\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          @apply --a11y-media-transcript-focused-cue;\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          @apply --a11y-media-transcript-active-cue;\n        }\n        :host #text {\n          display: table-cell;\n          width: 100%;\n          line-height: 200%;\n        }\n        :host([hide-timestamps]) #text {\n          display: inline;\n        }\n        :host #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        :host simple-search-content {\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        @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      </style>\n      <span id=\"time\">[[cue.start]] - [[cue.end]]</span>\n      <span id=\"text\">\n        <simple-search-content id=\"content\">\n          [[cue.text]]\n        </simple-search-content>\n      </span>\n    "]);
 
-    _templateObject_8fe68ff022d211eaa0764d1a500fd781 = function _templateObject_8fe68ff022d211eaa0764d1a500fd781() {
+    _templateObject_4ac31660243411ea86f395335a802507 = function _templateObject_4ac31660243411ea86f395335a802507() {
       return data;
     };
 
@@ -180,7 +180,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./a11y-media
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8fe68ff022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4ac31660243411ea86f395335a802507());
       }
     }]);
     return A11yMediaTranscriptCue;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-transcript.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-transcript.js
index badb8002561..319b24fb50b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-transcript.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-transcript.js
@@ -6,30 +6,30 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./a11y-media
   });
   _exports.A11yMediaTranscript = void 0;
 
-  function _templateObject3_8fed94d022d211eaa0764d1a500fd781() {
+  function _templateObject3_4ac97f00243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\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        :host([hidden]) {\n          display: none !important;\n        }\n        :host .transcript-from-track {\n          display: none;\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        }\n        :host .transcript-from-track[active] {\n          display: table;\n        }\n        :host .transcript-from-track[active][hideTimestamps] {\n          display: block;\n        }\n        :host .sr-only:not(:focus) {\n          position: absolute;\n          left: -99999;\n          top: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n        @media print {\n          :host {\n            padding: 0 15px 5px;\n            color: #000;\n            background-color: #ffffff;\n            border-top: 1px solid #aaa;\n          }\n        }\n      </style>\n      <a id=\"transcript-desc\" class=\"sr-only\" href=\"#bottom\">\n        [[_getLocal('transcript','skip')]]\n      </a>\n      <div\n        aria-live=\"polite\"\n        id=\"loading\"\n        active$=\"[[_isLoading(selectedTranscript, tracks)]]\"\n        class=\"transcript-from-track\"\n      >\n        [[status]]\n      </div>\n      <template id=\"tracks\" is=\"dom-repeat\" items=\"{{tracks}}\" as=\"track\">\n        <div\n          aria-live=\"polite\"\n          id=\"track\"\n          class=\"transcript-from-track\"\n          lang=\"{{track.language}}\"\n          active$=\"[[_isActive(selectedTranscript,index)]]\"\n        >\n          <template is=\"dom-repeat\" items=\"{{track.cues}}\" as=\"cue\">\n            <a11y-media-transcript-cue\n              accent-color$=\"[[accentColor]]\"\n              active-cues$=\"[[activeCues]]\"\n              controls$=\"[[mediaId]]\"\n              cue$=\"{{cue}}\"\n              disabled$=\"[[disableCue]]\"\n              disable-search$=\"[[disableSearch]]\"\n              hide-timestamps$=\"[[hideTimestamps]]\"\n              on-cue-seek=\"_handleCueSeek\"\n              order$=\"{{cue.order}}\"\n              role=\"button\"\n              search=\"[[search]]\"\n              tabindex=\"0\"\n            >\n            </a11y-media-transcript-cue>\n          </template>\n        </div>\n      </template>\n      <template is=\"dom-repeat\" items=\"{{tracks}}\" as=\"track\">\n        <div\n          id=\"download\"\n          class=\"downloadable-track\"\n          hidden\n          active$=\"[[_isActive(selectedTranscript,index)]]\"\n        >\n          <template is=\"dom-repeat\" items=\"{{track.cues}}\" as=\"cue\">\n            [[cue.start]] - [[cue.end]]: [[cue.text]]\n          </template>\n        </div>\n      </template>\n      <div id=\"bottom\" class=\"sr-only\"></div>\n    "]);
 
-    _templateObject3_8fed94d022d211eaa0764d1a500fd781 = function _templateObject3_8fed94d022d211eaa0764d1a500fd781() {
+    _templateObject3_4ac97f00243411ea86f395335a802507 = function _templateObject3_4ac97f00243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_8fed94d022d211eaa0764d1a500fd781() {
+  function _templateObject2_4ac97f00243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        <h1>Transcript</h1>\n      "]);
 
-    _templateObject2_8fed94d022d211eaa0764d1a500fd781 = function _templateObject2_8fed94d022d211eaa0764d1a500fd781() {
+    _templateObject2_4ac97f00243411ea86f395335a802507 = function _templateObject2_4ac97f00243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8fed94d022d211eaa0764d1a500fd781() {
+  function _templateObject_4ac97f00243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        <style>\n          a11y-media-transcript-cue {\n            display: table-row;\n            background-color: #fff;\n            color: #000;\n          }\n          a11y-media-transcript-cue[hide-timestamps],\n          a11y-media-transcript-cue[hide-timestamps] #text {\n            display: inline;\n          }\n          a11y-media-transcript-cue #text {\n            display: table-cell;\n            line-height: 200%;\n          }\n          a11y-media-transcript-cue #time {\n            display: table-cell;\n            font-size: 80%;\n            padding: 0 16px;\n            white-space: nowrap;\n            font-family: monospace;\n          }\n          a11y-media-transcript-cue[hide-timestamps] #time {\n            display: none;\n          }\n          a11y-media-transcript-cue [matched] {\n            background-color: #fff;\n            color: #eee;\n            padding: 3px 4px;\n            border-radius: 3px;\n          }\n        </style>\n      "]);
 
-    _templateObject_8fed94d022d211eaa0764d1a500fd781 = function _templateObject_8fed94d022d211eaa0764d1a500fd781() {
+    _templateObject_4ac97f00243411ea86f395335a802507 = function _templateObject_4ac97f00243411ea86f395335a802507() {
       return data;
     };
 
@@ -127,8 +127,8 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./a11y-media
       value: function print(mediaTitle) {
         var root = this,
             track = root.shadowRoot.querySelector("#track[active]").cloneNode(true),
-            css = (0, _polymerElement.html)(_templateObject_8fed94d022d211eaa0764d1a500fd781()),
-            h1 = (0, _polymerElement.html)(_templateObject2_8fed94d022d211eaa0764d1a500fd781());
+            css = (0, _polymerElement.html)(_templateObject_4ac97f00243411ea86f395335a802507()),
+            h1 = (0, _polymerElement.html)(_templateObject2_4ac97f00243411ea86f395335a802507());
         if (mediaTitle !== undefined) h1.innerHTML = mediaTitle;
 
         if (track !== null & track !== undefined) {
@@ -391,7 +391,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./a11y-media
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject3_8fed94d022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject3_4ac97f00243411ea86f395335a802507());
       }
     }]);
     return A11yMediaTranscript;
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 0465367f878..107f158b29f 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
@@ -10,30 +10,30 @@ define(["exports", "../../lit-element/lit-element.js", "../responsive-utility/re
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject3_87c36eb022d211eaa0764d1a500fd781() {
+  function _templateObject3_42c668e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --a11y-tabs-border-radius: 2px;\n          --a11y-tabs-justify-tabs: flex-start;\n          --ally-tabs-wrap: unset;\n          --a11y-tabs-background: white;\n          --a11y-tabs-border-color: #ddd;\n          --a11y-tabs-color: #222;\n          --a11y-tabs-focus-color: #000;\n          --a11y-tabs-faded-background: #eee;\n          --a11y-tabs-content-padding: 16px;\n          --a11y-tabs-button-padding: 0.7em 0.57em;\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          height: var(--a11y-tabs-height);\n          overflow: var(--a11y-tabs-overflow);\n        }\n        :host([vertical]) {\n          border: 1px solid var(--a11y-tabs-border-color);\n          border-radius: var(\n            --a11y-tabs-vertical-border-radius,\n            var(--a11y-tabs-border-radius)\n          );\n          display: flex;\n          justify-content: space-between;\n          align-items: stretch;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host #tabs {\n          align-items: stretch;\n          flex-wrap: var(--ally-tabs-wrap, unset);\n          margin: 0;\n          display: flex;\n          list-style: none;\n          padding: 0;\n        }\n        :host([vertical]) #tabs {\n          background-color: var(--a11y-tabs-border-color);\n          justify-content: var(\n            --a11y-tabs-vertical-justify-tabs,\n            var(--a11y-tabs-justify-tabs, flex-start)\n          );\n          flex-wrap: var(\n            --ally-tabs-vertical-wrap,\n            var(--ally-tabs-wrap, unset)\n          );\n          border-left: none;\n          flex: 0 1 auto;\n          flex-direction: column;\n        }\n        :host(:not([vertical])) #tabs {\n          justify-content: var(\n            --a11y-tabs-horizontal-justify-tabs,\n            var(--a11y-tabs-justify-tabs, flex-start)\n          );\n        }\n        :host #tabs .flag-type {\n          position: absolute;\n          left: -99999px;\n          height: 0;\n          overflow: hidden;\n        }\n        :host #content {\n          padding: var(--a11y-tabs-content-padding);\n          background-color: var(--a11y-tabs-background);\n          border: 1px solid var(--a11y-tabs-border-color);\n        }\n        :host([vertical]) #content {\n          flex: 1 0 auto;\n          border: none;\n        }\n        :host(:not([vertical])) #content {\n          border-radius: var(\n            --a11y-tabs-horizontal-border-radius,\n            var(--a11y-tabs-border-radius)\n          );\n          margin-top: -1px;\n        }\n        :host #tabs paper-button {\n          margin: 0;\n          text-transform: unset;\n          color: var(--a11y-tabs-color);\n          background-color: var(--a11y-tabs-faded-background);\n          border: 1px solid var(--a11y-tabs-border-color);\n          padding: var(--a11y-tabs-button-padding, 0.7em 0.57em);\n        }\n        :host([vertical]) #tabs paper-button {\n          border-top: none;\n          border-left: none;\n          border-radius: 0;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          padding: var(\n            --a11y-tabs-vertical-button-padding,\n            var(--a11y-tabs-button-padding)\n          );\n        }\n        :host(:not([vertical])) #tabs paper-button {\n          width: 100%;\n          border-bottom: none;\n          border-radius: var(\n              --a11y-tabs-horizontal-border-radius,\n              var(--a11y-tabs-border-radius)\n            )\n            var(\n              --a11y-tabs-horizontal-border-radius,\n              var(--a11y-tabs-border-radius)\n            )\n            0 0;\n          padding: var(\n            --a11y-tabs-horizontal-button-padding,\n            var(--a11y-tabs-button-padding)\n          );\n        }\n        :host(:not([vertical])) #tabs li:not(:first-of-type) paper-button {\n          border-left: none;\n        }\n        :host #tabs paper-button:active,\n        :host #tabs paper-button:focus,\n        :host #tabs paper-button:hover {\n          color: var(--a11y-tabs-focus-color);\n          background-color: var(--a11y-tabs-faded-background);\n        }\n        :host #tabs paper-button[disabled] {\n          color: var(--a11y-tabs-focus-color);\n          background-color: var(--a11y-tabs-background);\n        }\n        :host([vertical]) #tabs paper-button[disabled] {\n          border-right-color: var(--a11y-tabs-background);\n        }\n        :host(:not([vertical])) #tabs paper-button[disabled] {\n          border-bottom: 1px solid var(--a11y-tabs-background);\n        }\n        :host #tabs span.label,\n        :host #tabs .flag-icon {\n          margin-right: 8px;\n        }\n        :host #tabs.icons-only paper-button {\n          justify-content: center;\n        }\n        :host #tabs.icons-only span.label {\n          display: none;\n        }\n        :host #tabs:not(.icons-only) paper-tooltip {\n          display: none;\n        }\n      "]);
 
-    _templateObject3_87c36eb022d211eaa0764d1a500fd781 = function _templateObject3_87c36eb022d211eaa0764d1a500fd781() {
+    _templateObject3_42c668e0243411ea86f395335a802507 = function _templateObject3_42c668e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_87c36eb022d211eaa0764d1a500fd781() {
+  function _templateObject2_42c668e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <li>\n              <paper-button\n                id=\"", "-button\"\n                controls=\"", "\"\n                @click=\"", "\"\n                ?disabled=\"", "\"\n                .flag=\"", "\"\n              >\n                <iron-icon\n                  class=\"flag-icon\"\n                  ?hidden=\"", "\"\n                  .icon=\"", "\"\n                >\n                </iron-icon>\n                <span class=\"label\">", "</span>\n                <span class=\"flag-type\" ?hidden=\"", "\">\n                  ", "\n                </span>\n                <iron-icon\n                  class=\"icon\"\n                  ?hidden=\"", "\"\n                  .icon=\"", "\"\n                >\n                </iron-icon>\n              </paper-button>\n              <paper-tooltip for=\"", "-button\">", "</paper-tooltip>\n            </li>\n          "]);
 
-    _templateObject2_87c36eb022d211eaa0764d1a500fd781 = function _templateObject2_87c36eb022d211eaa0764d1a500fd781() {
+    _templateObject2_42c668e0243411ea86f395335a802507 = function _templateObject2_42c668e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_87c36eb022d211eaa0764d1a500fd781() {
+  function _templateObject_42c668e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <ul\n        id=\"tabs\"\n        .class=\"", "\"\n      >\n        ", "\n      </ul>\n      <div id=\"content\">\n        <slot></slot>\n      </div>\n    "]);
 
-    _templateObject_87c36eb022d211eaa0764d1a500fd781 = function _templateObject_87c36eb022d211eaa0764d1a500fd781() {
+    _templateObject_42c668e0243411ea86f395335a802507 = function _templateObject_42c668e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -68,8 +68,8 @@ define(["exports", "../../lit-element/lit-element.js", "../responsive-utility/re
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject_87c36eb022d211eaa0764d1a500fd781(), this._showIcons(this.__hasIcons, this.iconBreakpoint, this.layoutBreakpoint, this.responsiveSize), this.__items.map(function (tab) {
-          return (0, _litElement.html)(_templateObject2_87c36eb022d211eaa0764d1a500fd781(), tab.id, tab.id, function (e) {
+        return (0, _litElement.html)(_templateObject_42c668e0243411ea86f395335a802507(), this._showIcons(this.__hasIcons, this.iconBreakpoint, this.layoutBreakpoint, this.responsiveSize), this.__items.map(function (tab) {
+          return (0, _litElement.html)(_templateObject2_42c668e0243411ea86f395335a802507(), tab.id, tab.id, function (e) {
             return _this2._handleTab("".concat(tab.id));
           }, tab.id === _this2.activeTab, tab.flag, !tab.flagIcon, tab.flagIcon, tab.label, !tab.flag, tab.flag, !tab.icon, tab.icon, tab.id, tab.label);
         }));
@@ -79,7 +79,7 @@ define(["exports", "../../lit-element/lit-element.js", "../responsive-utility/re
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_87c36eb022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_42c668e0243411ea86f395335a802507())];
       }
     }, {
       key: "haxProperties",
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 d64d6b25091..b2358363489 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,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/iro
   });
   _exports.A11yTab = void 0;
 
-  function _templateObject2_8ff7a6f022d211eaa0764d1a500fd781() {
+  function _templateObject2_4ad517c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          height: var(--a11y-tabs-tab-height, --a11y-tabs-height);\n          overflow: var(--a11y-tabs-tab-overflow, --a11y-tabs-overflow);\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        .sr-only {\n          position: absolute;\n          left: -99999px;\n          height: 0;\n          overflow: hidden;\n        }\n      "]);
 
-    _templateObject2_8ff7a6f022d211eaa0764d1a500fd781 = function _templateObject2_8ff7a6f022d211eaa0764d1a500fd781() {
+    _templateObject2_4ad517c0243411ea86f395335a802507 = function _templateObject2_4ad517c0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8ff7a6f022d211eaa0764d1a500fd781() {
+  function _templateObject_4ad517c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <span class=\"sr-only\">Tab ", "</span>\n      <slot></slot>\n      <span class=\"sr-only\"\n        >End of tab ", ". Back to\n        <a href=\"", "\">tabs</a>.</span\n      >\n    "]);
 
-    _templateObject_8ff7a6f022d211eaa0764d1a500fd781 = function _templateObject_8ff7a6f022d211eaa0764d1a500fd781() {
+    _templateObject_4ad517c0243411ea86f395335a802507 = function _templateObject_4ad517c0243411ea86f395335a802507() {
       return data;
     };
 
@@ -52,13 +52,13 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/iro
     babelHelpers.createClass(A11yTab, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8ff7a6f022d211eaa0764d1a500fd781(), this.__xOfY, this.__xOfY, this.__toTop);
+        return (0, _litElement.html)(_templateObject_4ad517c0243411ea86f395335a802507(), this.__xOfY, this.__xOfY, this.__toTop);
       } // properties available to the custom element for data binding
 
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8ff7a6f022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4ad517c0243411ea86f395335a802507())];
       }
     }, {
       key: "properties",
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 c9df5b88200..b3d532b7c59 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js", "./lib/absolute-position-
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_867a4ce022d211eaa0764d1a500fd781() {
+  function _templateObject2_413bf850243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      "]);
 
-    _templateObject2_867a4ce022d211eaa0764d1a500fd781 = function _templateObject2_867a4ce022d211eaa0764d1a500fd781() {
+    _templateObject2_413bf850243411ea86f395335a802507 = function _templateObject2_413bf850243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_867a4ce022d211eaa0764d1a500fd781() {
+  function _templateObject_413bf850243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <slot></slot>\n    "]);
 
-    _templateObject_867a4ce022d211eaa0764d1a500fd781 = function _templateObject_867a4ce022d211eaa0764d1a500fd781() {
+    _templateObject_413bf850243411ea86f395335a802507 = function _templateObject_413bf850243411ea86f395335a802507() {
       return data;
     };
 
@@ -49,14 +49,14 @@ define(["exports", "../../lit-element/lit-element.js", "./lib/absolute-position-
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_867a4ce022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_413bf850243411ea86f395335a802507());
       } // properties available to the custom element for data binding
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_867a4ce022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_413bf850243411ea86f395335a802507())];
       }
     }, {
       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 0c0a3dbc5b9..911db407017 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js", "../simple-colors/simple-
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_6c541df022d211eaa0764d1a500fd781() {
+  function _templateObject2_25592540243411ea86f395335a802507() {
     var data = 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          --accent-card-image-width: 30%;\n          --accent-card-image-height: 10%;\n          --accent-card-border-color: var(\n            --simple-colors-default-theme-accent-6,\n            #ddd\n          );\n          --accent-card-heading-color: var(\n            --simple-colors-default-theme-accent-7,\n            #000\n          );\n          --accent-card-footer-border-color: var(\n            --simple-colors-default-theme-grey-3,\n            #ddd\n          );\n        }\n        :host([dark]) {\n          color: var(\n            --accent-card-color,\n            var(--simple-colors-default-theme-grey-12, #fff)\n          );\n          --accent-card-border-color: var(\n            --simple-colors-default-theme-accent-7,\n            #fff\n          );\n          --accent-card-footer-border-color: var(\n            --simple-colors-default-theme-grey-6,\n            #666\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          --accent-card-footer-border-color: var(--accent-card-border-color);\n        }\n        :host section {\n          width: 100%;\n          box-sizing: border-box;\n        }\n        :host([horizontal]) section {\n          display: flex;\n          justify-content: space-between;\n          align-items: stretch;\n        }\n        :host([flat]) {\n          box-shadow: none;\n        }\n        :host([flat]:not([accent-background])) {\n          border: 1px solid var(--accent-card-footer-border-color);\n        }\n        :host(:not([horizontal]):not([no-border])) section {\n          border-top: 4px solid var(--accent-card-border-color);\n        }\n        :host([horizontal]:not([no-border])) section {\n          border-left: 4px solid var(--accent-card-border-color);\n        }\n        :host .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);\n        }\n        :host(:not([horizontal])) .image-outer {\n          height: auto;\n          width: 100%;\n        }\n        :host .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);\n        }\n        :host .body {\n          flex-grow: 1;\n          overflow: visible;\n        }\n        :host #heading {\n          padding-top: var(--accent-card-padding, 20px);\n          padding-left: var(--accent-card-padding, 20px);\n          padding-right: var(--accent-card-padding, 20px);\n          padding-bottom: 0;\n          margin: 0;\n        }\n        :host([accent-heading][accent-color]) #heading {\n          color: var(--accent-card-heading-color);\n        }\n        :host #subheading {\n          font-size: 90%;\n          font-style: italic;\n          padding-left: var(--accent-card-padding, 20px);\n          padding-right: var(--accent-card-padding, 20px);\n        }\n        :host #content {\n          font-size: 100%;\n          padding: var(--accent-card-padding, 20px);\n        }\n        :host #content:not(:last-child) {\n          border-bottom: 1px solid var(--accent-card-footer-border-color);\n        }\n        :host #footer {\n          padding-left: var(--accent-card-padding, 20px);\n          padding-right: var(--accent-card-padding, 20px);\n        }\n      "]);
 
-    _templateObject2_6c541df022d211eaa0764d1a500fd781 = function _templateObject2_6c541df022d211eaa0764d1a500fd781() {
+    _templateObject2_25592540243411ea86f395335a802507 = function _templateObject2_25592540243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_6c541df022d211eaa0764d1a500fd781() {
+  function _templateObject_25592540243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <section 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\"><slot name=\"content\"></slot></div>\n          <div id=\"footer\"><slot name=\"footer\"></slot></div>\n        </div>\n      </section>\n    "]);
 
-    _templateObject_6c541df022d211eaa0764d1a500fd781 = function _templateObject_6c541df022d211eaa0764d1a500fd781() {
+    _templateObject_25592540243411ea86f395335a802507 = function _templateObject_25592540243411ea86f395335a802507() {
       return data;
     };
 
@@ -69,7 +69,7 @@ define(["exports", "../../lit-element/lit-element.js", "../simple-colors/simple-
     babelHelpers.createClass(AccentCard, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_6c541df022d211eaa0764d1a500fd781(), !this.imageSrc, this.imageSrc ? "background-image: url(".concat(this.imageSrc, ");") : "display: none;");
+        return (0, _litElement.html)(_templateObject_25592540243411ea86f395335a802507(), !this.imageSrc, this.imageSrc ? "background-image: url(".concat(this.imageSrc, ");") : "display: none;");
       } // haxProperty definition
 
     }], [{
@@ -86,7 +86,7 @@ define(["exports", "../../lit-element/lit-element.js", "../simple-colors/simple-
     }, {
       key: "styles",
       get: function get() {
-        return [babelHelpers.get(babelHelpers.getPrototypeOf(AccentCard), "styles", this), (0, _litElement.css)(_templateObject2_6c541df022d211eaa0764d1a500fd781())];
+        return [babelHelpers.get(babelHelpers.getPrototypeOf(AccentCard), "styles", this), (0, _litElement.css)(_templateObject2_25592540243411ea86f395335a802507())];
       }
     }, {
       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 bf18a2e8abb..ccbcefe8969 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js", "../schema-behaviors/sche
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_6c8abe5022d211eaa0764d1a500fd781() {
+  function _templateObject2_25a12ac0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          position: relative;\n        }\n        .a-hidden {\n          display: hidden;\n        }\n      "]);
 
-    _templateObject2_6c8abe5022d211eaa0764d1a500fd781 = function _templateObject2_6c8abe5022d211eaa0764d1a500fd781() {
+    _templateObject2_25a12ac0243411ea86f395335a802507 = function _templateObject2_25a12ac0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_6c8abe5022d211eaa0764d1a500fd781() {
+  function _templateObject_25a12ac0243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_6c8abe5022d211eaa0764d1a500fd781 = function _templateObject_6c8abe5022d211eaa0764d1a500fd781() {
+    _templateObject_25a12ac0243411ea86f395335a802507 = function _templateObject_25a12ac0243411ea86f395335a802507() {
       return data;
     };
 
@@ -44,7 +44,7 @@ define(["exports", "../../lit-element/lit-element.js", "../schema-behaviors/sche
     babelHelpers.createClass(AframePlayer, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_6c8abe5022d211eaa0764d1a500fd781(), this.ar, this.height, this.width, this.skyColor);
+        return (0, _litElement.html)(_templateObject_25a12ac0243411ea86f395335a802507(), this.ar, this.height, this.width, this.skyColor);
       }
     }], [{
       key: "styles",
@@ -53,7 +53,7 @@ define(["exports", "../../lit-element/lit-element.js", "../schema-behaviors/sche
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_6c8abe5022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_25a12ac0243411ea86f395335a802507())];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/agency-theme/agency-theme.js b/build/es5-amd/node_modules/@lrnwebcomponents/agency-theme/agency-theme.js
index 9e1002be743..c6c14bdb86b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/agency-theme/agency-theme.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/agency-theme/agency-theme.js
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_6cb354f022d211eaa0764d1a500fd781() {
+  function _templateObject2_25cf8dc0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      "]);
 
-    _templateObject2_6cb354f022d211eaa0764d1a500fd781 = function _templateObject2_6cb354f022d211eaa0764d1a500fd781() {
+    _templateObject2_25cf8dc0243411ea86f395335a802507 = function _templateObject2_25cf8dc0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_6cb354f022d211eaa0764d1a500fd781() {
+  function _templateObject_25cf8dc0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <slot></slot>\n    "]);
 
-    _templateObject_6cb354f022d211eaa0764d1a500fd781 = function _templateObject_6cb354f022d211eaa0764d1a500fd781() {
+    _templateObject_25cf8dc0243411ea86f395335a802507 = function _templateObject_25cf8dc0243411ea86f395335a802507() {
       return data;
     };
 
@@ -44,14 +44,14 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_6cb354f022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_25cf8dc0243411ea86f395335a802507());
       } // properties available to the custom element for data binding
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_6cb354f022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_25cf8dc0243411ea86f395335a802507())];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/agency-theme/lib/agency-theme-band.js b/build/es5-amd/node_modules/@lrnwebcomponents/agency-theme/lib/agency-theme-band.js
index c08fa75b4e7..790858c91bf 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/agency-theme/lib/agency-theme-band.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/agency-theme/lib/agency-theme-band.js
@@ -6,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
   });
   _exports.AgencyThemeBand = void 0;
 
-  function _templateObject2_9000327022d211eaa0764d1a500fd781() {
+  function _templateObject2_4ade6690243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --agency-theme-band-bg-color: #333a4a;\n          --agency-theme-band-slice-height: 3.5vw;\n          --agency-theme-band-content-max-width: 900px;\n          --agency-theme-band-content-padding: 1em;\n          display: block;\n          margin-top: calc(var(--agency-theme-band-slice-height) * -1);\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        #wrapper {\n          margin: var(--agency-theme-band-slice-height) 0;\n          position: relative;\n        }\n        #slice {\n          width: 100%;\n          height: var(--agency-theme-band-slice-height);\n          margin-bottom: -1px;\n        }\n        #slice svg {\n          width: 100%;\n          height: 100%;\n        }\n        #inner {\n          background-image: linear-gradient(\n            to bottom,\n            #333a4a,\n            rgba(46, 49, 65, 0.8)\n          );\n        }\n        #inner-wrapper {\n          max-width: var(--agency-theme-band-content-max-width);\n          padding: var(--agency-theme-band-content-padding);\n          margin: auto;\n        }\n      "]);
 
-    _templateObject2_9000327022d211eaa0764d1a500fd781 = function _templateObject2_9000327022d211eaa0764d1a500fd781() {
+    _templateObject2_4ade6690243411ea86f395335a802507 = function _templateObject2_4ade6690243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9000327022d211eaa0764d1a500fd781() {
+  function _templateObject_4ade6690243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"wrapper\">\n        <div id=\"slice\">\n          <svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'><polygon points='0,100 100,0 100,100' style='fill:#333a4a'></svg>\n        </div>\n        <div id=\"inner\">\n          <div id=\"inner-wrapper\">\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    "]);
 
-    _templateObject_9000327022d211eaa0764d1a500fd781 = function _templateObject_9000327022d211eaa0764d1a500fd781() {
+    _templateObject_4ade6690243411ea86f395335a802507 = function _templateObject_4ade6690243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,7 +45,7 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9000327022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_4ade6690243411ea86f395335a802507());
       }
     }], [{
       key: "styles",
@@ -54,7 +54,7 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9000327022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4ade6690243411ea86f395335a802507())];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/agency-theme/lib/agency-theme-spotlight.js b/build/es5-amd/node_modules/@lrnwebcomponents/agency-theme/lib/agency-theme-spotlight.js
index 49a6b947702..fddac63fb9e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/agency-theme/lib/agency-theme-spotlight.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/agency-theme/lib/agency-theme-spotlight.js
@@ -6,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
   });
   _exports.AgencyThemeSpotlight = void 0;
 
-  function _templateObject2_90016af022d211eaa0764d1a500fd781() {
+  function _templateObject2_4ae01440243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --agency-theme-spotlight-image-height: 10em;\n          --agency-theme-spotlight-content-padding: 3vw;\n          --agency-theme-spotlight-content-color: white;\n          display: block;\n          color: white;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        .inner {\n          display: flex;\n          flex-wrap: wrap;\n        }\n\n        .image {\n          display: flex;\n          width: 100%;\n          flex: 0 1 auto;\n          justify-content: center;\n        }\n\n        .image img {\n          border-radius: 100%;\n          object-fit: cover;\n          width: var(--agency-theme-spotlight-image-height);\n          height: var(--agency-theme-spotlight-image-height);\n        }\n\n        @media screen and (min-width: 500px) {\n          .inner {\n            flex-wrap: nowrap;\n          }\n          .image {\n            width: auto;\n          }\n          .image + .content {\n            margin-left: var(--agency-theme-spotlight-content-padding);\n          }\n        }\n\n        .content {\n          width: 100%;\n          flex: 1 1 auto;\n          -ms-flex: 2;\n        }\n        .title {\n          border-bottom: 1px solid rgba(0, 0, 0, 0.2);\n          margin-bottom: 1em;\n        }\n      "]);
 
-    _templateObject2_90016af022d211eaa0764d1a500fd781 = function _templateObject2_90016af022d211eaa0764d1a500fd781() {
+    _templateObject2_4ae01440243411ea86f395335a802507 = function _templateObject2_4ae01440243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_90016af022d211eaa0764d1a500fd781() {
+  function _templateObject_4ae01440243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"inner\">\n        <div class=\"image\">\n          <img loading=\"lazy\" src=\"", "\" alt=\"\" />\n        </div>\n        <div class=\"content\">\n          <div class=\"title\"><slot name=\"title\"></slot></div>\n          <slot></slot>\n        </div>\n      </div>\n    "]);
 
-    _templateObject_90016af022d211eaa0764d1a500fd781 = function _templateObject_90016af022d211eaa0764d1a500fd781() {
+    _templateObject_4ae01440243411ea86f395335a802507 = function _templateObject_4ae01440243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,7 +45,7 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_90016af022d211eaa0764d1a500fd781(), this.image);
+        return (0, _litElement.html)(_templateObject_4ae01440243411ea86f395335a802507(), this.image);
       }
     }], [{
       key: "styles",
@@ -54,7 +54,7 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_90016af022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4ae01440243411ea86f395335a802507())];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-datepicker/app-datepicker.es6.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-datepicker/app-datepicker.es6.js
index ea49fa36a32..ec97d4602a7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-datepicker/app-datepicker.es6.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-datepicker/app-datepicker.es6.js
@@ -7,10 +7,10 @@ define(["exports", "./node_modules/@polymer/polymer/polymer-legacy.js", "./node_
   _exports.AppDatepicker = void 0;
   async = babelHelpers.interopRequireWildcard(async);
 
-  function _templateObject_68c5ee2022d211eaa0764d1a500fd781() {
+  function _templateObject_217f9490243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        box-sizing: border-box;\n\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        background: var(--app-datepicker-bg, #fafafa);\n\n        @apply --app-datepicker;\n      }\n\n      * {\n        box-sizing: border-box;\n      }\n\n      .datepicker {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        position: relative;\n        width: 300px;\n        height: 384px;\n        max-height: 384px;\n      }\n      .datepicker.with-buttons {\n        height: 431px;\n        max-height: 431px;\n      }\n\n      iron-selector.selected-fulldate {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        min-height: 84px;\n        padding: 8px 16px;\n        color: var(--app-datepicker-selection-color, #b2dfdb);\n        background-color: var(--app-datepicker-selection-bg, #009688);\n      }\n      .selected-year.iron-selected,\n      .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #fefefe);\n      }\n      .selected-year {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n\n        font-size: 14px;\n        font-weight: 800;\n        height: 34px;\n\n        @apply --app-datepicker-selected-year;\n      }\n      .selected-date {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex: 1 1 auto;\n        -webkit-flex: 1 1 auto;\n        flex: 1 1 auto;\n\n        font-size: 32px;\n        font-weight: 800;\n\n        @apply --app-datepicker-selected-date;\n      }\n      .selected-year:hover,\n      .selected-date > div:hover {\n        cursor: pointer;\n      }\n\n      neon-animated-pages.fullcalendar {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        color: var(--app-datepicker-calendar-color, #000);\n        background-color: var(--app-datepicker-calendar-bg, #fafafa);\n      }\n      .navigator {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        max-height: 46px;\n        padding: 3px 10px;\n        position: relative;\n        margin-top: 8px;\n      }\n      .nav-month-year {\n        -ms-flex: 1 1 auto;\n        -webkit-flex: 1 1 auto;\n        flex: 1 1 auto;\n\n        font-size: 14px;\n        font-weight: 500;\n        text-align: center;\n\n        @apply --app-datepicker-nav-month-year;\n      }\n      .days-of-week {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        color: var(--app-datepicker-weekdays-color, #848484);\n        font-size: 12px;\n\n        @apply --app-datepicker-days-of-week;\n      }\n      .each-days-of-week {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        padding: 13px;\n        max-height: 32px;\n        width: 41px;\n      }\n      .days-of-month {\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        -ms-flex-wrap: wrap;\n        -webkit-flex-wrap: wrap;\n        flex-wrap: wrap;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        font-size: 13px;\n\n        @apply --app-datepicker-days-of-month;\n      }\n      .each-days-of-month {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        position: relative;\n        height: 35px;\n        width: 35px;\n        margin-left: 3px;\n        margin-right: 3px;\n      }\n      div > .days-of-month > .each-days-of-month.chosen-days-of-month {\n        border-radius: 50%;\n        background-color: var(--app-datepicker-selected-day-bg, #009688);\n        color: var(--app-datepicker-selected-day-color, #fff);\n      }\n      .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #009688);\n      }\n      .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #9e9e9e);\n      }\n\n      /* outline: none for non-selectable and disabled days */\n      .days-of-month > .each-days-of-month.is-disabled-day,\n      .days-of-month > .each-days-of-month.is-non-selectable {\n        outline: none;\n      }\n      /* Date hover styling */\n      .days-of-month\n        > .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      .days-of-month\n        > .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #f5f5f5);\n        background-color: var(\n          --app-datepicker-date-hover-background-color,\n          #80cbc4\n        );\n        border-radius: 50%;\n        cursor: pointer;\n      }\n      :host(.dark-theme)\n        .days-of-month\n        > .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      :host(.dark-theme)\n        .days-of-month\n        > .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #777);\n        background-color: var(\n          --app-datepicker-date-hover-background-color,\n          #b2dfdb\n        );\n      }\n      :host(.goog-theme)\n        .days-of-month\n        > .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      :host(.goog-theme)\n        .days-of-month\n        > .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #f5f5f5);\n        background-color: var(\n          --app-datepicker-date-hover-background-color,\n          #e57373\n        );\n      }\n\n      /* Focus ring styling - replace outline with background-color */\n      .each-list-of-years:focus,\n      .each-days-of-month:focus {\n        outline: 0;\n      }\n      .each-list-of-years:focus,\n      .each-list-of-years:hover,\n      .each-list-of-years.is-selected:focus,\n      .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(\n          --app-datepicker-year-hover-background-color,\n          #e0e0e0\n        );\n\n        @apply --app-datepicker-year-hover;\n      }\n      :host(.dark-theme) .each-list-of-years:focus,\n      :host(.dark-theme) .each-list-of-years:hover,\n      :host(.dark-theme) .each-list-of-years.is-selected:focus,\n      :host(.dark-theme) .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(\n          --app-datepicker-year-hover-background-color,\n          #616161\n        );\n\n        @apply --app-datepicker-year-hover;\n      }\n      :host(.goog-theme) .each-list-of-years:focus,\n      :host(.goog-theme) .each-list-of-years:hover,\n      :host(.goog-theme) .each-list-of-years.is-selected:focus,\n      :host(.goog-theme) .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(\n          --app-datepicker-year-hover-background-color,\n          #424242\n        );\n\n        @apply --app-datepicker-year-hover;\n      }\n\n      .each-list-of-years {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        height: 64px;\n        font-size: 16px;\n\n        @apply --app-datepicker-each-list-of-years;\n      }\n      .each-list-of-years:hover {\n        cursor: pointer;\n      }\n      .each-list-of-years.is-selected {\n        font-size: 24px;\n        font-weight: 700;\n        color: var(--app-datepicker-selected-year-color, #009688);\n        background-color: var(--app-datepicker-selected-year-bg);\n\n        @apply --app-datepicker-selected-each-list-of-years;\n      }\n\n      /* paper-icon-button */\n      paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #737373);\n        --paper-icon-button-ink-color: var(\n          --app-datepicker-icon-button-ink-color,\n          #737373\n        );\n      }\n\n      /* content tag selector */\n      .buttons {\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        -ms-flex-pack: end;\n        -webkit-justify-content: flex-end;\n        justify-content: flex-end;\n\n        color: var(--app-datepicker-button-color, #009688);\n        position: relative;\n        padding: 8px 8px 8px 24px;\n        margin: 0;\n        font-size: 12px;\n        font-weight: 500;\n\n        --paper-button-ink-color: var(\n          --app-datepicker-button-ink-color,\n          #737373\n        );\n\n        @apply --app-datepicker-buttons;\n      }\n\n      /* will-change: transform, however lag on the first time */\n      .nav-month-year,\n      .days-of-week,\n      .days-of-month {\n        will-change: transform;\n        -webkit-transform: translate3d(0px, 0px, 0px);\n        transform: translate3d(0px, 0px, 0px);\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n      }\n\n      iron-list {\n        --iron-list-items-container: {\n          -webkit-transform: translate3d(0px, 0px, 0px);\n          transform: translate3d(0px, 0px, 0px);\n          -webkit-backface-visibility: hidden;\n          backface-visibility: hidden;\n        }\n      }\n\n      /* landscape */\n      @media all and (orientation: landscape) {\n        :host(.horizontal-view) #dp.datepicker,\n        :host(:not(.vertical-view)) #dp.datepicker {\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          width: 512px;\n          height: 241px;\n        }\n        :host(.horizontal-view) #dp.datepicker.with-buttons,\n        :host(:not(.vertical-view)) #dp.datepicker.with-buttons {\n          height: 288px;\n        }\n        :host(.horizontal-view) iron-selector.selected-fulldate,\n        :host(:not(.vertical-view)) iron-selector.selected-fulldate {\n          /* Fixed for IE11, Edge */\n          min-width: 164px;\n          width: calc(100% / 3 + 48px);\n          max-width: 164px;\n          height: 100%;\n        }\n        :host(:not(.vertical-view)) .selected-date {\n          display: -ms-flexbox;\n          display: -webkit-flex;\n          display: flex;\n          -ms-flex-direction: column;\n          -webkit-flex-direction: column;\n          flex-direction: column;\n          -ms-flex-align: start;\n          -webkit-align-items: flex-start;\n          align-items: flex-start;\n          -ms-flex-pack: start;\n          -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n        }\n        /* Fix for IE11 */\n        :host(:not(.vertical-view)) .selected-date > div {\n          width: 100%;\n          word-wrap: break-word;\n        }\n        /* Hack for Edge 12+ */\n        @supports (-ms-accelerator: true) {\n          :host(:not(.vertical-view)) .selected-date > div {\n            white-space: pre-wrap;\n          }\n        }\n\n        :host(.horizontal-view) neon-animated-pages.fullcalendar,\n        :host(:not(.vertical-view)) neon-animated-pages.fullcalendar {\n          height: 100%;\n        }\n        :host(.horizontal-view) .calendar-view,\n        :host(:not(.vertical-view)) .calendar-view {\n          padding-bottom: 0;\n        }\n        :host(.horizontal-view) .navigator,\n        :host(:not(.vertical-view)) .navigator {\n          padding: 2px 10px;\n          margin-top: 0;\n        }\n        :host(.horizontal-view) .each-days-of-week,\n        :host(:not(.vertical-view)) .each-days-of-week {\n          width: calc(100% / 7 - 20px);\n          padding: 0;\n          margin-left: 10px;\n          margin-right: 10px;\n        }\n        :host(:not(.vertical-view)) .days-of-month {\n          margin-top: 8px;\n        }\n        :host(.horizontal-view) .each-days-of-month,\n        :host(:not(.vertical-view)) .each-days-of-month {\n          height: 29px;\n          margin-left: 10px;\n          margin-right: 10px;\n          width: calc(100% / 7 - 20px);\n        }\n      }\n      /* End of landscape @media */\n\n      /* dark-theme */\n      :host(.dark-theme) {\n        background-color: var(--app-datepicker-bg, #424242);\n      }\n      :host(.dark-theme) iron-selector.selected-fulldate {\n        color: var(--app-datepicker-selection-color, #9e9e9e);\n        background-color: var(--app-datepicker-selection-bg, #555);\n      }\n      :host(.dark-theme) .selected-year.iron-selected,\n      :host(.dark-theme) .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #f5f5f5);\n      }\n      :host(.dark-theme) neon-animated-pages.fullcalendar {\n        color: var(--app-datepicker-calendar-color, #f5f5f5);\n        background-color: var(--app-datepicker-calendar-bg, #424242);\n      }\n      :host(.dark-theme) .days-of-week {\n        color: var(--app-datepicker-weekdays-color, #7c7c7c);\n      }\n      :host(.dark-theme)\n        div\n        > .days-of-month\n        > .each-days-of-month.chosen-days-of-month {\n        color: var(--app-datepicker-selected-day-color, #555);\n        background-color: var(--app-datepicker-selected-day-bg, #80cbc4);\n      }\n      :host(.dark-theme) .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #80cbc4);\n      }\n      :host(.dark-theme) .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #ffff00);\n      }\n      :host(.dark-theme) .each-list-of-years.is-selected {\n        background-color: var(\n          --app-datepicker-selected-year-bg,\n          rgba(0, 0, 0, 0)\n        );\n        color: var(--app-datepicker-selected-year-color, #80cbc4);\n        font-size: 26px;\n        font-weight: 500;\n      }\n      :host(.dark-theme) paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #ffff00);\n        --paper-icon-button-ink-color: var(\n          --app-datepicker-icon-button-ink-color,\n          #212121\n        );\n      }\n      :host(.dark-theme) ::slotted(paper-button) {\n        color: var(--app-datepicker-button-color, #80cbc4);\n        --paper-button-ink-color: var(\n          --app-datepicker-button-ink-color,\n          #bcbcbc\n        );\n      }\n\n      /* goog theme */\n      :host(.goog-theme) {\n        background-color: var(--app-datepicker-bg, #212121);\n      }\n\n      :host(.goog-theme) iron-selector.selected-fulldate {\n        color: var(--app-datepicker-selection-color, #fff);\n        background-color: var(--app-datepicker-selection-bg, #212121);\n      }\n      :host(.goog-theme) .selected-year.iron-selected,\n      :host(.goog-theme) .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #da4336);\n      }\n      :host(.goog-theme) neon-animated-pages.fullcalendar {\n        color: var(--app-datepicker-calendar-color, #fff);\n        background-color: var(--app-datepicker-calendar-bg, #212121);\n      }\n      :host(.goog-theme) .days-of-week {\n        color: var(--app-datepicker-weekdays-color, #9e9e9e);\n      }\n      :host(.goog-theme)\n        div\n        > .days-of-month\n        > .each-days-of-month.chosen-days-of-month {\n        color: var(--app-datepicker-selected-day-color, #fff);\n        background-color: var(--app-datepicker-selected-day-bg, #da4336);\n      }\n      :host(.goog-theme) .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #da4336);\n      }\n      :host(.goog-theme) .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #646464);\n      }\n      :host(.goog-theme) .each-list-of-years.is-selected {\n        background-color: var(\n          --app-datepicker-selected-year-bg,\n          rgba(0, 0, 0, 0)\n        );\n        color: var(--app-datepicker-selected-year-color, #da4336);\n        font-size: 26px;\n        font-weight: 500;\n      }\n      :host(.goog-theme) paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #da4336);\n        --paper-icon-button-ink-color: var(\n          --app-datepicker-icon-button-ink-color,\n          #616161\n        );\n      }\n      :host(.goog-theme) ::slotted(paper-button) {\n        color: var(--app-datepicker-button-color, #da4336);\n        --paper-button-ink-color: var(\n          --app-datepicker-button-ink-color,\n          #616161\n        );\n      }\n    </style>\n\n    <div id=\"dp\" class=\"datepicker\">\n      <iron-selector\n        class=\"selected-fulldate\"\n        selected=\"{{_activeView}}\"\n        attr-for-selected=\"view\"\n        on-selected-changed=\"_onIronSelectorSelectedChanged\"\n        fallback-selection=\"calendar\"\n      >\n        <div\n          id=\"showSelectedYear\"\n          class=\"selected-year\"\n          tabindex=\"0\"\n          view=\"year\"\n          aria-label=\"year view\"\n        >\n          [[_showSelectedYear]]\n        </div>\n        <div class=\"selected-date\" view=\"calendar\" tabindex=\"0\">\n          <div aria-label=\"calendar view\">[[_shortSelectedDate]]</div>\n        </div>\n      </iron-selector>\n\n      <neon-animated-pages\n        class=\"fullcalendar\"\n        selected=\"[[_activeView]]\"\n        attr-for-selected=\"view\"\n        entry-animation=\"[[pageEntryAnimation]]\"\n        exit-animation=\"[[pageExitAnimation]]\"\n        on-neon-animation-finish=\"_onAnimationFinish\"\n      >\n        <div class=\"calendar-view\" view=\"calendar\">\n          <div class=\"navigator\">\n            <paper-icon-button\n              icon=\"datepicker:chevron-left\"\n              on-tap=\"_decrementMonth\"\n              noink=\"[[noAnimation]]\"\n            ></paper-icon-button>\n            <div id=\"navMonthYear\" class=\"nav-month-year\">\n              [[_activeMonthYear]]\n            </div>\n            <paper-icon-button\n              icon=\"datepicker:chevron-right\"\n              on-tap=\"_incrementMonth\"\n              noink=\"[[noAnimation]]\"\n            ></paper-icon-button>\n          </div>\n\n          <div id=\"daysOfWeek\" class=\"days-of-week\">\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_daysOfWeek]]\"\n              index-as=\"index\"\n              strip-whitespace=\"\"\n            >\n              <div class=\"each-days-of-week\">[[item]]</div>\n            </template>\n          </div>\n\n          <div\n            id=\"daysOfMonth\"\n            class=\"days-of-month\"\n            on-tap=\"_chooseDaysOfMonth\"\n          >\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_daysOfMonth]]\"\n              index-as=\"index\"\n              strip-whitespace=\"\"\n            >\n              <div\n                class$=\"each-days-of-month[[_isToday(item.index, _activeYear, _activeMonth)]][[_isEmptyDate(item.index)]][[_isChosenDaysOfMonth(item.index, _selectedYear, _selectedMonth, _selectedDate)]][[_isDisableDays(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\"\n                index=\"[[index]]\"\n                date=\"[[item.index]]\"\n                tabindex$=\"[[_shouldTabIndex(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\"\n                aria-disabled$=\"[[_shouldAriaDisabled(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\"\n                aria-label$=\"[[item.index]]\"\n              >\n                [[item.date]]\n              </div>\n            </template>\n          </div>\n\n          <div class=\"buttons\">\n            <slot name=\"dismiss-button\"></slot>\n            <slot name=\"confirm-button\"></slot>\n          </div>\n        </div>\n\n        <template\n          is=\"dom-if\"\n          if=\"[[_isListRendered]]\"\n          restamp=\"true\"\n          on-dom-change=\"_onListRendered\"\n          strip-whitespace=\"\"\n        >\n          <iron-list\n            id=\"listOfYears\"\n            items=\"[[_listOfYears]]\"\n            view=\"year\"\n            on-neon-animation-finish=\"_onAnimationFinish\"\n            selection-enabled=\"\"\n          >\n            <template strip-whitespace=\"\">\n              <div\n                class$=\"each-list-of-years[[_isListOfYearsSelected(_selectedYear, item.year)]]\"\n                tabindex$=\"[[tabIndex]]\"\n                aria-label$=\"[[item.year]]\"\n                label$=\"[[item.year]]\"\n                on-tap=\"_goCalendar\"\n                on-keydown=\"_goCalendar\"\n              >\n                [[item.year]]\n              </div>\n            </template>\n          </iron-list>\n        </template>\n      </neon-animated-pages>\n    </div>\n  "], ["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        box-sizing: border-box;\n\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        background: var(--app-datepicker-bg, #fafafa);\n\n        @apply --app-datepicker;\n      }\n\n      * {\n        box-sizing: border-box;\n      }\n\n      .datepicker {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        position: relative;\n        width: 300px;\n        height: 384px;\n        max-height: 384px;\n      }\n      .datepicker.with-buttons {\n        height: 431px;\n        max-height: 431px;\n      }\n\n      iron-selector.selected-fulldate {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        min-height: 84px;\n        padding: 8px 16px;\n        color: var(--app-datepicker-selection-color, #b2dfdb);\n        background-color: var(--app-datepicker-selection-bg, #009688);\n      }\n      .selected-year.iron-selected,\n      .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #fefefe);\n      }\n      .selected-year {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n\n        font-size: 14px;\n        font-weight: 800;\n        height: 34px;\n\n        @apply --app-datepicker-selected-year;\n      }\n      .selected-date {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex: 1 1 auto;\n        -webkit-flex: 1 1 auto;\n        flex: 1 1 auto;\n\n        font-size: 32px;\n        font-weight: 800;\n\n        @apply --app-datepicker-selected-date;\n      }\n      .selected-year:hover,\n      .selected-date > div:hover {\n        cursor: pointer;\n      }\n\n      neon-animated-pages.fullcalendar {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        color: var(--app-datepicker-calendar-color, #000);\n        background-color: var(--app-datepicker-calendar-bg, #fafafa);\n      }\n      .navigator {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        max-height: 46px;\n        padding: 3px 10px;\n        position: relative;\n        margin-top: 8px;\n      }\n      .nav-month-year {\n        -ms-flex: 1 1 auto;\n        -webkit-flex: 1 1 auto;\n        flex: 1 1 auto;\n\n        font-size: 14px;\n        font-weight: 500;\n        text-align: center;\n\n        @apply --app-datepicker-nav-month-year;\n      }\n      .days-of-week {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        color: var(--app-datepicker-weekdays-color, #848484);\n        font-size: 12px;\n\n        @apply --app-datepicker-days-of-week;\n      }\n      .each-days-of-week {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        padding: 13px;\n        max-height: 32px;\n        width: 41px;\n      }\n      .days-of-month {\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        -ms-flex-wrap: wrap;\n        -webkit-flex-wrap: wrap;\n        flex-wrap: wrap;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        font-size: 13px;\n\n        @apply --app-datepicker-days-of-month;\n      }\n      .each-days-of-month {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        position: relative;\n        height: 35px;\n        width: 35px;\n        margin-left: 3px;\n        margin-right: 3px;\n      }\n      div > .days-of-month > .each-days-of-month.chosen-days-of-month {\n        border-radius: 50%;\n        background-color: var(--app-datepicker-selected-day-bg, #009688);\n        color: var(--app-datepicker-selected-day-color, #fff);\n      }\n      .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #009688);\n      }\n      .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #9e9e9e);\n      }\n\n      /* outline: none for non-selectable and disabled days */\n      .days-of-month > .each-days-of-month.is-disabled-day,\n      .days-of-month > .each-days-of-month.is-non-selectable {\n        outline: none;\n      }\n      /* Date hover styling */\n      .days-of-month\n        > .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      .days-of-month\n        > .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #f5f5f5);\n        background-color: var(\n          --app-datepicker-date-hover-background-color,\n          #80cbc4\n        );\n        border-radius: 50%;\n        cursor: pointer;\n      }\n      :host(.dark-theme)\n        .days-of-month\n        > .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      :host(.dark-theme)\n        .days-of-month\n        > .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #777);\n        background-color: var(\n          --app-datepicker-date-hover-background-color,\n          #b2dfdb\n        );\n      }\n      :host(.goog-theme)\n        .days-of-month\n        > .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      :host(.goog-theme)\n        .days-of-month\n        > .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #f5f5f5);\n        background-color: var(\n          --app-datepicker-date-hover-background-color,\n          #e57373\n        );\n      }\n\n      /* Focus ring styling - replace outline with background-color */\n      .each-list-of-years:focus,\n      .each-days-of-month:focus {\n        outline: 0;\n      }\n      .each-list-of-years:focus,\n      .each-list-of-years:hover,\n      .each-list-of-years.is-selected:focus,\n      .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(\n          --app-datepicker-year-hover-background-color,\n          #e0e0e0\n        );\n\n        @apply --app-datepicker-year-hover;\n      }\n      :host(.dark-theme) .each-list-of-years:focus,\n      :host(.dark-theme) .each-list-of-years:hover,\n      :host(.dark-theme) .each-list-of-years.is-selected:focus,\n      :host(.dark-theme) .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(\n          --app-datepicker-year-hover-background-color,\n          #616161\n        );\n\n        @apply --app-datepicker-year-hover;\n      }\n      :host(.goog-theme) .each-list-of-years:focus,\n      :host(.goog-theme) .each-list-of-years:hover,\n      :host(.goog-theme) .each-list-of-years.is-selected:focus,\n      :host(.goog-theme) .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(\n          --app-datepicker-year-hover-background-color,\n          #424242\n        );\n\n        @apply --app-datepicker-year-hover;\n      }\n\n      .each-list-of-years {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        height: 64px;\n        font-size: 16px;\n\n        @apply --app-datepicker-each-list-of-years;\n      }\n      .each-list-of-years:hover {\n        cursor: pointer;\n      }\n      .each-list-of-years.is-selected {\n        font-size: 24px;\n        font-weight: 700;\n        color: var(--app-datepicker-selected-year-color, #009688);\n        background-color: var(--app-datepicker-selected-year-bg);\n\n        @apply --app-datepicker-selected-each-list-of-years;\n      }\n\n      /* paper-icon-button */\n      paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #737373);\n        --paper-icon-button-ink-color: var(\n          --app-datepicker-icon-button-ink-color,\n          #737373\n        );\n      }\n\n      /* content tag selector */\n      .buttons {\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        -ms-flex-pack: end;\n        -webkit-justify-content: flex-end;\n        justify-content: flex-end;\n\n        color: var(--app-datepicker-button-color, #009688);\n        position: relative;\n        padding: 8px 8px 8px 24px;\n        margin: 0;\n        font-size: 12px;\n        font-weight: 500;\n\n        --paper-button-ink-color: var(\n          --app-datepicker-button-ink-color,\n          #737373\n        );\n\n        @apply --app-datepicker-buttons;\n      }\n\n      /* will-change: transform, however lag on the first time */\n      .nav-month-year,\n      .days-of-week,\n      .days-of-month {\n        will-change: transform;\n        -webkit-transform: translate3d(0px, 0px, 0px);\n        transform: translate3d(0px, 0px, 0px);\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n      }\n\n      iron-list {\n        --iron-list-items-container: {\n          -webkit-transform: translate3d(0px, 0px, 0px);\n          transform: translate3d(0px, 0px, 0px);\n          -webkit-backface-visibility: hidden;\n          backface-visibility: hidden;\n        }\n      }\n\n      /* landscape */\n      @media all and (orientation: landscape) {\n        :host(.horizontal-view) #dp.datepicker,\n        :host(:not(.vertical-view)) #dp.datepicker {\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          width: 512px;\n          height: 241px;\n        }\n        :host(.horizontal-view) #dp.datepicker.with-buttons,\n        :host(:not(.vertical-view)) #dp.datepicker.with-buttons {\n          height: 288px;\n        }\n        :host(.horizontal-view) iron-selector.selected-fulldate,\n        :host(:not(.vertical-view)) iron-selector.selected-fulldate {\n          /* Fixed for IE11, Edge */\n          min-width: 164px;\n          width: calc(100% / 3 + 48px);\n          max-width: 164px;\n          height: 100%;\n        }\n        :host(:not(.vertical-view)) .selected-date {\n          display: -ms-flexbox;\n          display: -webkit-flex;\n          display: flex;\n          -ms-flex-direction: column;\n          -webkit-flex-direction: column;\n          flex-direction: column;\n          -ms-flex-align: start;\n          -webkit-align-items: flex-start;\n          align-items: flex-start;\n          -ms-flex-pack: start;\n          -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n        }\n        /* Fix for IE11 */\n        :host(:not(.vertical-view)) .selected-date > div {\n          width: 100%;\n          word-wrap: break-word;\n        }\n        /* Hack for Edge 12+ */\n        @supports (-ms-accelerator: true) {\n          :host(:not(.vertical-view)) .selected-date > div {\n            white-space: pre-wrap;\n          }\n        }\n\n        :host(.horizontal-view) neon-animated-pages.fullcalendar,\n        :host(:not(.vertical-view)) neon-animated-pages.fullcalendar {\n          height: 100%;\n        }\n        :host(.horizontal-view) .calendar-view,\n        :host(:not(.vertical-view)) .calendar-view {\n          padding-bottom: 0;\n        }\n        :host(.horizontal-view) .navigator,\n        :host(:not(.vertical-view)) .navigator {\n          padding: 2px 10px;\n          margin-top: 0;\n        }\n        :host(.horizontal-view) .each-days-of-week,\n        :host(:not(.vertical-view)) .each-days-of-week {\n          width: calc(100% / 7 - 20px);\n          padding: 0;\n          margin-left: 10px;\n          margin-right: 10px;\n        }\n        :host(:not(.vertical-view)) .days-of-month {\n          margin-top: 8px;\n        }\n        :host(.horizontal-view) .each-days-of-month,\n        :host(:not(.vertical-view)) .each-days-of-month {\n          height: 29px;\n          margin-left: 10px;\n          margin-right: 10px;\n          width: calc(100% / 7 - 20px);\n        }\n      }\n      /* End of landscape @media */\n\n      /* dark-theme */\n      :host(.dark-theme) {\n        background-color: var(--app-datepicker-bg, #424242);\n      }\n      :host(.dark-theme) iron-selector.selected-fulldate {\n        color: var(--app-datepicker-selection-color, #9e9e9e);\n        background-color: var(--app-datepicker-selection-bg, #555);\n      }\n      :host(.dark-theme) .selected-year.iron-selected,\n      :host(.dark-theme) .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #f5f5f5);\n      }\n      :host(.dark-theme) neon-animated-pages.fullcalendar {\n        color: var(--app-datepicker-calendar-color, #f5f5f5);\n        background-color: var(--app-datepicker-calendar-bg, #424242);\n      }\n      :host(.dark-theme) .days-of-week {\n        color: var(--app-datepicker-weekdays-color, #7c7c7c);\n      }\n      :host(.dark-theme)\n        div\n        > .days-of-month\n        > .each-days-of-month.chosen-days-of-month {\n        color: var(--app-datepicker-selected-day-color, #555);\n        background-color: var(--app-datepicker-selected-day-bg, #80cbc4);\n      }\n      :host(.dark-theme) .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #80cbc4);\n      }\n      :host(.dark-theme) .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #ffff00);\n      }\n      :host(.dark-theme) .each-list-of-years.is-selected {\n        background-color: var(\n          --app-datepicker-selected-year-bg,\n          rgba(0, 0, 0, 0)\n        );\n        color: var(--app-datepicker-selected-year-color, #80cbc4);\n        font-size: 26px;\n        font-weight: 500;\n      }\n      :host(.dark-theme) paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #ffff00);\n        --paper-icon-button-ink-color: var(\n          --app-datepicker-icon-button-ink-color,\n          #212121\n        );\n      }\n      :host(.dark-theme) ::slotted(paper-button) {\n        color: var(--app-datepicker-button-color, #80cbc4);\n        --paper-button-ink-color: var(\n          --app-datepicker-button-ink-color,\n          #bcbcbc\n        );\n      }\n\n      /* goog theme */\n      :host(.goog-theme) {\n        background-color: var(--app-datepicker-bg, #212121);\n      }\n\n      :host(.goog-theme) iron-selector.selected-fulldate {\n        color: var(--app-datepicker-selection-color, #fff);\n        background-color: var(--app-datepicker-selection-bg, #212121);\n      }\n      :host(.goog-theme) .selected-year.iron-selected,\n      :host(.goog-theme) .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #da4336);\n      }\n      :host(.goog-theme) neon-animated-pages.fullcalendar {\n        color: var(--app-datepicker-calendar-color, #fff);\n        background-color: var(--app-datepicker-calendar-bg, #212121);\n      }\n      :host(.goog-theme) .days-of-week {\n        color: var(--app-datepicker-weekdays-color, #9e9e9e);\n      }\n      :host(.goog-theme)\n        div\n        > .days-of-month\n        > .each-days-of-month.chosen-days-of-month {\n        color: var(--app-datepicker-selected-day-color, #fff);\n        background-color: var(--app-datepicker-selected-day-bg, #da4336);\n      }\n      :host(.goog-theme) .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #da4336);\n      }\n      :host(.goog-theme) .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #646464);\n      }\n      :host(.goog-theme) .each-list-of-years.is-selected {\n        background-color: var(\n          --app-datepicker-selected-year-bg,\n          rgba(0, 0, 0, 0)\n        );\n        color: var(--app-datepicker-selected-year-color, #da4336);\n        font-size: 26px;\n        font-weight: 500;\n      }\n      :host(.goog-theme) paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #da4336);\n        --paper-icon-button-ink-color: var(\n          --app-datepicker-icon-button-ink-color,\n          #616161\n        );\n      }\n      :host(.goog-theme) ::slotted(paper-button) {\n        color: var(--app-datepicker-button-color, #da4336);\n        --paper-button-ink-color: var(\n          --app-datepicker-button-ink-color,\n          #616161\n        );\n      }\n    </style>\n\n    <div id=\"dp\" class=\"datepicker\">\n      <iron-selector\n        class=\"selected-fulldate\"\n        selected=\"{{_activeView}}\"\n        attr-for-selected=\"view\"\n        on-selected-changed=\"_onIronSelectorSelectedChanged\"\n        fallback-selection=\"calendar\"\n      >\n        <div\n          id=\"showSelectedYear\"\n          class=\"selected-year\"\n          tabindex=\"0\"\n          view=\"year\"\n          aria-label=\"year view\"\n        >\n          [[_showSelectedYear]]\n        </div>\n        <div class=\"selected-date\" view=\"calendar\" tabindex=\"0\">\n          <div aria-label=\"calendar view\">[[_shortSelectedDate]]</div>\n        </div>\n      </iron-selector>\n\n      <neon-animated-pages\n        class=\"fullcalendar\"\n        selected=\"[[_activeView]]\"\n        attr-for-selected=\"view\"\n        entry-animation=\"[[pageEntryAnimation]]\"\n        exit-animation=\"[[pageExitAnimation]]\"\n        on-neon-animation-finish=\"_onAnimationFinish\"\n      >\n        <div class=\"calendar-view\" view=\"calendar\">\n          <div class=\"navigator\">\n            <paper-icon-button\n              icon=\"datepicker:chevron-left\"\n              on-tap=\"_decrementMonth\"\n              noink=\"[[noAnimation]]\"\n            ></paper-icon-button>\n            <div id=\"navMonthYear\" class=\"nav-month-year\">\n              [[_activeMonthYear]]\n            </div>\n            <paper-icon-button\n              icon=\"datepicker:chevron-right\"\n              on-tap=\"_incrementMonth\"\n              noink=\"[[noAnimation]]\"\n            ></paper-icon-button>\n          </div>\n\n          <div id=\"daysOfWeek\" class=\"days-of-week\">\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_daysOfWeek]]\"\n              index-as=\"index\"\n              strip-whitespace=\"\"\n            >\n              <div class=\"each-days-of-week\">[[item]]</div>\n            </template>\n          </div>\n\n          <div\n            id=\"daysOfMonth\"\n            class=\"days-of-month\"\n            on-tap=\"_chooseDaysOfMonth\"\n          >\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_daysOfMonth]]\"\n              index-as=\"index\"\n              strip-whitespace=\"\"\n            >\n              <div\n                class\\$=\"each-days-of-month[[_isToday(item.index, _activeYear, _activeMonth)]][[_isEmptyDate(item.index)]][[_isChosenDaysOfMonth(item.index, _selectedYear, _selectedMonth, _selectedDate)]][[_isDisableDays(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\"\n                index=\"[[index]]\"\n                date=\"[[item.index]]\"\n                tabindex\\$=\"[[_shouldTabIndex(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\"\n                aria-disabled\\$=\"[[_shouldAriaDisabled(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\"\n                aria-label\\$=\"[[item.index]]\"\n              >\n                [[item.date]]\n              </div>\n            </template>\n          </div>\n\n          <div class=\"buttons\">\n            <slot name=\"dismiss-button\"></slot>\n            <slot name=\"confirm-button\"></slot>\n          </div>\n        </div>\n\n        <template\n          is=\"dom-if\"\n          if=\"[[_isListRendered]]\"\n          restamp=\"true\"\n          on-dom-change=\"_onListRendered\"\n          strip-whitespace=\"\"\n        >\n          <iron-list\n            id=\"listOfYears\"\n            items=\"[[_listOfYears]]\"\n            view=\"year\"\n            on-neon-animation-finish=\"_onAnimationFinish\"\n            selection-enabled=\"\"\n          >\n            <template strip-whitespace=\"\">\n              <div\n                class\\$=\"each-list-of-years[[_isListOfYearsSelected(_selectedYear, item.year)]]\"\n                tabindex\\$=\"[[tabIndex]]\"\n                aria-label\\$=\"[[item.year]]\"\n                label\\$=\"[[item.year]]\"\n                on-tap=\"_goCalendar\"\n                on-keydown=\"_goCalendar\"\n              >\n                [[item.year]]\n              </div>\n            </template>\n          </iron-list>\n        </template>\n      </neon-animated-pages>\n    </div>\n  "]);
 
-    _templateObject_68c5ee2022d211eaa0764d1a500fd781 = function _templateObject_68c5ee2022d211eaa0764d1a500fd781() {
+    _templateObject_217f9490243411ea86f395335a802507 = function _templateObject_217f9490243411ea86f395335a802507() {
       return data;
     };
 
@@ -18,7 +18,7 @@ define(["exports", "./node_modules/@polymer/polymer/polymer-legacy.js", "./node_
   }
 
   var AppDatepicker = (0, _polymerLegacy.Polymer)({
-    _template: (0, _polymerLegacy.html)(_templateObject_68c5ee2022d211eaa0764d1a500fd781()),
+    _template: (0, _polymerLegacy.html)(_templateObject_217f9490243411ea86f395335a802507()),
     is: "app-datepicker",
     behaviors: [_neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/app-datepicker/app-datepicker.js b/build/es5-amd/node_modules/@lrnwebcomponents/app-datepicker/app-datepicker.js
index 2a79daf08bb..923f3b78962 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/app-datepicker/app-datepicker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/app-datepicker/app-datepicker.js
@@ -7,10 +7,10 @@ define(["exports", "../../@polymer/polymer/polymer-legacy.js", "../../@polymer/p
   _exports.AppDatepicker = void 0;
   async = babelHelpers.interopRequireWildcard(async);
 
-  function _templateObject_69103d9022d211eaa0764d1a500fd781() {
+  function _templateObject_21dc3380243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        box-sizing: border-box;\n\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        background: var(--app-datepicker-bg, #fafafa);\n\n        @apply --app-datepicker;\n      }\n\n      * {\n        box-sizing: border-box;\n      }\n\n      .datepicker {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        position: relative;\n        width: 300px;\n        height: 384px;\n        max-height: 384px;\n      }\n      .datepicker.with-buttons {\n        height: 431px;\n        max-height: 431px;\n      }\n\n      iron-selector.selected-fulldate {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        min-height: 84px;\n        padding: 8px 16px;\n        color: var(--app-datepicker-selection-color, #b2dfdb);\n        background-color: var(--app-datepicker-selection-bg, #009688);\n      }\n      .selected-year.iron-selected,\n      .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #fefefe);\n      }\n      .selected-year {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n\n        font-size: 14px;\n        font-weight: 800;\n        height: 34px;\n\n        @apply --app-datepicker-selected-year;\n      }\n      .selected-date {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex: 1 1 auto;\n        -webkit-flex: 1 1 auto;\n        flex: 1 1 auto;\n\n        font-size: 32px;\n        font-weight: 800;\n\n        @apply --app-datepicker-selected-date;\n      }\n      .selected-year:hover,\n      .selected-date > div:hover {\n        cursor: pointer;\n      }\n\n      neon-animated-pages.fullcalendar {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        color: var(--app-datepicker-calendar-color, #000);\n        background-color: var(--app-datepicker-calendar-bg, #fafafa);\n      }\n      .navigator {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        max-height: 46px;\n        padding: 3px 10px;\n        position: relative;\n        margin-top: 8px;\n      }\n      .nav-month-year {\n        -ms-flex: 1 1 auto;\n        -webkit-flex: 1 1 auto;\n        flex: 1 1 auto;\n\n        font-size: 14px;\n        font-weight: 500;\n        text-align: center;\n\n        @apply --app-datepicker-nav-month-year;\n      }\n      .days-of-week {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        color: var(--app-datepicker-weekdays-color, #848484);\n        font-size: 12px;\n\n        @apply --app-datepicker-days-of-week;\n      }\n      .each-days-of-week {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        padding: 13px;\n        max-height: 32px;\n        width: 41px;\n      }\n      .days-of-month {\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        -ms-flex-wrap: wrap;\n        -webkit-flex-wrap: wrap;\n        flex-wrap: wrap;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        font-size: 13px;\n\n        @apply --app-datepicker-days-of-month;\n      }\n      .each-days-of-month {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        position: relative;\n        height: 35px;\n        width: 35px;\n        margin-left: 3px;\n        margin-right: 3px;\n      }\n      div > .days-of-month > .each-days-of-month.chosen-days-of-month {\n        border-radius: 50%;\n        background-color: var(--app-datepicker-selected-day-bg, #009688);\n        color: var(--app-datepicker-selected-day-color, #fff);\n      }\n      .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #009688);\n      }\n      .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #9e9e9e);\n      }\n\n      /* outline: none for non-selectable and disabled days */\n      .days-of-month > .each-days-of-month.is-disabled-day,\n      .days-of-month > .each-days-of-month.is-non-selectable {\n        outline: none;\n      }\n      /* Date hover styling */\n      .days-of-month\n        > .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      .days-of-month\n        > .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #f5f5f5);\n        background-color: var(\n          --app-datepicker-date-hover-background-color,\n          #80cbc4\n        );\n        border-radius: 50%;\n        cursor: pointer;\n      }\n      :host(.dark-theme)\n        .days-of-month\n        > .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      :host(.dark-theme)\n        .days-of-month\n        > .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #777);\n        background-color: var(\n          --app-datepicker-date-hover-background-color,\n          #b2dfdb\n        );\n      }\n      :host(.goog-theme)\n        .days-of-month\n        > .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      :host(.goog-theme)\n        .days-of-month\n        > .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #f5f5f5);\n        background-color: var(\n          --app-datepicker-date-hover-background-color,\n          #e57373\n        );\n      }\n\n      /* Focus ring styling - replace outline with background-color */\n      .each-list-of-years:focus,\n      .each-days-of-month:focus {\n        outline: 0;\n      }\n      .each-list-of-years:focus,\n      .each-list-of-years:hover,\n      .each-list-of-years.is-selected:focus,\n      .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(\n          --app-datepicker-year-hover-background-color,\n          #e0e0e0\n        );\n\n        @apply --app-datepicker-year-hover;\n      }\n      :host(.dark-theme) .each-list-of-years:focus,\n      :host(.dark-theme) .each-list-of-years:hover,\n      :host(.dark-theme) .each-list-of-years.is-selected:focus,\n      :host(.dark-theme) .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(\n          --app-datepicker-year-hover-background-color,\n          #616161\n        );\n\n        @apply --app-datepicker-year-hover;\n      }\n      :host(.goog-theme) .each-list-of-years:focus,\n      :host(.goog-theme) .each-list-of-years:hover,\n      :host(.goog-theme) .each-list-of-years.is-selected:focus,\n      :host(.goog-theme) .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(\n          --app-datepicker-year-hover-background-color,\n          #424242\n        );\n\n        @apply --app-datepicker-year-hover;\n      }\n\n      .each-list-of-years {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        height: 64px;\n        font-size: 16px;\n\n        @apply --app-datepicker-each-list-of-years;\n      }\n      .each-list-of-years:hover {\n        cursor: pointer;\n      }\n      .each-list-of-years.is-selected {\n        font-size: 24px;\n        font-weight: 700;\n        color: var(--app-datepicker-selected-year-color, #009688);\n        background-color: var(--app-datepicker-selected-year-bg);\n\n        @apply --app-datepicker-selected-each-list-of-years;\n      }\n\n      /* paper-icon-button */\n      paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #737373);\n        --paper-icon-button-ink-color: var(\n          --app-datepicker-icon-button-ink-color,\n          #737373\n        );\n      }\n\n      /* content tag selector */\n      .buttons {\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        -ms-flex-pack: end;\n        -webkit-justify-content: flex-end;\n        justify-content: flex-end;\n\n        color: var(--app-datepicker-button-color, #009688);\n        position: relative;\n        padding: 8px 8px 8px 24px;\n        margin: 0;\n        font-size: 12px;\n        font-weight: 500;\n\n        --paper-button-ink-color: var(\n          --app-datepicker-button-ink-color,\n          #737373\n        );\n\n        @apply --app-datepicker-buttons;\n      }\n\n      /* will-change: transform, however lag on the first time */\n      .nav-month-year,\n      .days-of-week,\n      .days-of-month {\n        will-change: transform;\n        -webkit-transform: translate3d(0px, 0px, 0px);\n        transform: translate3d(0px, 0px, 0px);\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n      }\n\n      iron-list {\n        --iron-list-items-container: {\n          -webkit-transform: translate3d(0px, 0px, 0px);\n          transform: translate3d(0px, 0px, 0px);\n          -webkit-backface-visibility: hidden;\n          backface-visibility: hidden;\n        }\n      }\n\n      /* landscape */\n      @media all and (orientation: landscape) {\n        :host(.horizontal-view) #dp.datepicker,\n        :host(:not(.vertical-view)) #dp.datepicker {\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          width: 512px;\n          height: 241px;\n        }\n        :host(.horizontal-view) #dp.datepicker.with-buttons,\n        :host(:not(.vertical-view)) #dp.datepicker.with-buttons {\n          height: 288px;\n        }\n        :host(.horizontal-view) iron-selector.selected-fulldate,\n        :host(:not(.vertical-view)) iron-selector.selected-fulldate {\n          /* Fixed for IE11, Edge */\n          min-width: 164px;\n          width: calc(100% / 3 + 48px);\n          max-width: 164px;\n          height: 100%;\n        }\n        :host(:not(.vertical-view)) .selected-date {\n          display: -ms-flexbox;\n          display: -webkit-flex;\n          display: flex;\n          -ms-flex-direction: column;\n          -webkit-flex-direction: column;\n          flex-direction: column;\n          -ms-flex-align: start;\n          -webkit-align-items: flex-start;\n          align-items: flex-start;\n          -ms-flex-pack: start;\n          -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n        }\n        /* Fix for IE11 */\n        :host(:not(.vertical-view)) .selected-date > div {\n          width: 100%;\n          word-wrap: break-word;\n        }\n        /* Hack for Edge 12+ */\n        @supports (-ms-accelerator: true) {\n          :host(:not(.vertical-view)) .selected-date > div {\n            white-space: pre-wrap;\n          }\n        }\n\n        :host(.horizontal-view) neon-animated-pages.fullcalendar,\n        :host(:not(.vertical-view)) neon-animated-pages.fullcalendar {\n          height: 100%;\n        }\n        :host(.horizontal-view) .calendar-view,\n        :host(:not(.vertical-view)) .calendar-view {\n          padding-bottom: 0;\n        }\n        :host(.horizontal-view) .navigator,\n        :host(:not(.vertical-view)) .navigator {\n          padding: 2px 10px;\n          margin-top: 0;\n        }\n        :host(.horizontal-view) .each-days-of-week,\n        :host(:not(.vertical-view)) .each-days-of-week {\n          width: calc(100% / 7 - 20px);\n          padding: 0;\n          margin-left: 10px;\n          margin-right: 10px;\n        }\n        :host(:not(.vertical-view)) .days-of-month {\n          margin-top: 8px;\n        }\n        :host(.horizontal-view) .each-days-of-month,\n        :host(:not(.vertical-view)) .each-days-of-month {\n          height: 29px;\n          margin-left: 10px;\n          margin-right: 10px;\n          width: calc(100% / 7 - 20px);\n        }\n      }\n      /* End of landscape @media */\n\n      /* dark-theme */\n      :host(.dark-theme) {\n        background-color: var(--app-datepicker-bg, #424242);\n      }\n      :host(.dark-theme) iron-selector.selected-fulldate {\n        color: var(--app-datepicker-selection-color, #9e9e9e);\n        background-color: var(--app-datepicker-selection-bg, #555);\n      }\n      :host(.dark-theme) .selected-year.iron-selected,\n      :host(.dark-theme) .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #f5f5f5);\n      }\n      :host(.dark-theme) neon-animated-pages.fullcalendar {\n        color: var(--app-datepicker-calendar-color, #f5f5f5);\n        background-color: var(--app-datepicker-calendar-bg, #424242);\n      }\n      :host(.dark-theme) .days-of-week {\n        color: var(--app-datepicker-weekdays-color, #7c7c7c);\n      }\n      :host(.dark-theme)\n        div\n        > .days-of-month\n        > .each-days-of-month.chosen-days-of-month {\n        color: var(--app-datepicker-selected-day-color, #555);\n        background-color: var(--app-datepicker-selected-day-bg, #80cbc4);\n      }\n      :host(.dark-theme) .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #80cbc4);\n      }\n      :host(.dark-theme) .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #ffff00);\n      }\n      :host(.dark-theme) .each-list-of-years.is-selected {\n        background-color: var(\n          --app-datepicker-selected-year-bg,\n          rgba(0, 0, 0, 0)\n        );\n        color: var(--app-datepicker-selected-year-color, #80cbc4);\n        font-size: 26px;\n        font-weight: 500;\n      }\n      :host(.dark-theme) paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #ffff00);\n        --paper-icon-button-ink-color: var(\n          --app-datepicker-icon-button-ink-color,\n          #212121\n        );\n      }\n      :host(.dark-theme) ::slotted(paper-button) {\n        color: var(--app-datepicker-button-color, #80cbc4);\n        --paper-button-ink-color: var(\n          --app-datepicker-button-ink-color,\n          #bcbcbc\n        );\n      }\n\n      /* goog theme */\n      :host(.goog-theme) {\n        background-color: var(--app-datepicker-bg, #212121);\n      }\n\n      :host(.goog-theme) iron-selector.selected-fulldate {\n        color: var(--app-datepicker-selection-color, #fff);\n        background-color: var(--app-datepicker-selection-bg, #212121);\n      }\n      :host(.goog-theme) .selected-year.iron-selected,\n      :host(.goog-theme) .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #da4336);\n      }\n      :host(.goog-theme) neon-animated-pages.fullcalendar {\n        color: var(--app-datepicker-calendar-color, #fff);\n        background-color: var(--app-datepicker-calendar-bg, #212121);\n      }\n      :host(.goog-theme) .days-of-week {\n        color: var(--app-datepicker-weekdays-color, #9e9e9e);\n      }\n      :host(.goog-theme)\n        div\n        > .days-of-month\n        > .each-days-of-month.chosen-days-of-month {\n        color: var(--app-datepicker-selected-day-color, #fff);\n        background-color: var(--app-datepicker-selected-day-bg, #da4336);\n      }\n      :host(.goog-theme) .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #da4336);\n      }\n      :host(.goog-theme) .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #646464);\n      }\n      :host(.goog-theme) .each-list-of-years.is-selected {\n        background-color: var(\n          --app-datepicker-selected-year-bg,\n          rgba(0, 0, 0, 0)\n        );\n        color: var(--app-datepicker-selected-year-color, #da4336);\n        font-size: 26px;\n        font-weight: 500;\n      }\n      :host(.goog-theme) paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #da4336);\n        --paper-icon-button-ink-color: var(\n          --app-datepicker-icon-button-ink-color,\n          #616161\n        );\n      }\n      :host(.goog-theme) ::slotted(paper-button) {\n        color: var(--app-datepicker-button-color, #da4336);\n        --paper-button-ink-color: var(\n          --app-datepicker-button-ink-color,\n          #616161\n        );\n      }\n    </style>\n\n    <div id=\"dp\" class=\"datepicker\">\n      <iron-selector\n        class=\"selected-fulldate\"\n        selected=\"{{_activeView}}\"\n        attr-for-selected=\"view\"\n        on-selected-changed=\"_onIronSelectorSelectedChanged\"\n        fallback-selection=\"calendar\"\n      >\n        <div\n          id=\"showSelectedYear\"\n          class=\"selected-year\"\n          tabindex=\"0\"\n          view=\"year\"\n          aria-label=\"year view\"\n        >\n          [[_showSelectedYear]]\n        </div>\n        <div class=\"selected-date\" view=\"calendar\" tabindex=\"0\">\n          <div aria-label=\"calendar view\">[[_shortSelectedDate]]</div>\n        </div>\n      </iron-selector>\n\n      <neon-animated-pages\n        class=\"fullcalendar\"\n        selected=\"[[_activeView]]\"\n        attr-for-selected=\"view\"\n        entry-animation=\"[[pageEntryAnimation]]\"\n        exit-animation=\"[[pageExitAnimation]]\"\n        on-neon-animation-finish=\"_onAnimationFinish\"\n      >\n        <div class=\"calendar-view\" view=\"calendar\">\n          <div class=\"navigator\">\n            <paper-icon-button\n              icon=\"datepicker:chevron-left\"\n              on-tap=\"_decrementMonth\"\n              noink=\"[[noAnimation]]\"\n            ></paper-icon-button>\n            <div id=\"navMonthYear\" class=\"nav-month-year\">\n              [[_activeMonthYear]]\n            </div>\n            <paper-icon-button\n              icon=\"datepicker:chevron-right\"\n              on-tap=\"_incrementMonth\"\n              noink=\"[[noAnimation]]\"\n            ></paper-icon-button>\n          </div>\n\n          <div id=\"daysOfWeek\" class=\"days-of-week\">\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_daysOfWeek]]\"\n              index-as=\"index\"\n              strip-whitespace=\"\"\n            >\n              <div class=\"each-days-of-week\">[[item]]</div>\n            </template>\n          </div>\n\n          <div\n            id=\"daysOfMonth\"\n            class=\"days-of-month\"\n            on-tap=\"_chooseDaysOfMonth\"\n          >\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_daysOfMonth]]\"\n              index-as=\"index\"\n              strip-whitespace=\"\"\n            >\n              <div\n                class$=\"each-days-of-month[[_isToday(item.index, _activeYear, _activeMonth)]][[_isEmptyDate(item.index)]][[_isChosenDaysOfMonth(item.index, _selectedYear, _selectedMonth, _selectedDate)]][[_isDisableDays(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\"\n                index=\"[[index]]\"\n                date=\"[[item.index]]\"\n                tabindex$=\"[[_shouldTabIndex(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\"\n                aria-disabled$=\"[[_shouldAriaDisabled(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\"\n                aria-label$=\"[[item.index]]\"\n              >\n                [[item.date]]\n              </div>\n            </template>\n          </div>\n\n          <div class=\"buttons\">\n            <slot name=\"dismiss-button\"></slot>\n            <slot name=\"confirm-button\"></slot>\n          </div>\n        </div>\n\n        <template\n          is=\"dom-if\"\n          if=\"[[_isListRendered]]\"\n          restamp=\"true\"\n          on-dom-change=\"_onListRendered\"\n          strip-whitespace=\"\"\n        >\n          <iron-list\n            id=\"listOfYears\"\n            items=\"[[_listOfYears]]\"\n            view=\"year\"\n            on-neon-animation-finish=\"_onAnimationFinish\"\n            selection-enabled=\"\"\n          >\n            <template strip-whitespace=\"\">\n              <div\n                class$=\"each-list-of-years[[_isListOfYearsSelected(_selectedYear, item.year)]]\"\n                tabindex$=\"[[tabIndex]]\"\n                aria-label$=\"[[item.year]]\"\n                label$=\"[[item.year]]\"\n                on-tap=\"_goCalendar\"\n                on-keydown=\"_goCalendar\"\n              >\n                [[item.year]]\n              </div>\n            </template>\n          </iron-list>\n        </template>\n      </neon-animated-pages>\n    </div>\n  "], ["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        box-sizing: border-box;\n\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        background: var(--app-datepicker-bg, #fafafa);\n\n        @apply --app-datepicker;\n      }\n\n      * {\n        box-sizing: border-box;\n      }\n\n      .datepicker {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        position: relative;\n        width: 300px;\n        height: 384px;\n        max-height: 384px;\n      }\n      .datepicker.with-buttons {\n        height: 431px;\n        max-height: 431px;\n      }\n\n      iron-selector.selected-fulldate {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        min-height: 84px;\n        padding: 8px 16px;\n        color: var(--app-datepicker-selection-color, #b2dfdb);\n        background-color: var(--app-datepicker-selection-bg, #009688);\n      }\n      .selected-year.iron-selected,\n      .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #fefefe);\n      }\n      .selected-year {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n\n        font-size: 14px;\n        font-weight: 800;\n        height: 34px;\n\n        @apply --app-datepicker-selected-year;\n      }\n      .selected-date {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex: 1 1 auto;\n        -webkit-flex: 1 1 auto;\n        flex: 1 1 auto;\n\n        font-size: 32px;\n        font-weight: 800;\n\n        @apply --app-datepicker-selected-date;\n      }\n      .selected-year:hover,\n      .selected-date > div:hover {\n        cursor: pointer;\n      }\n\n      neon-animated-pages.fullcalendar {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        color: var(--app-datepicker-calendar-color, #000);\n        background-color: var(--app-datepicker-calendar-bg, #fafafa);\n      }\n      .navigator {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        max-height: 46px;\n        padding: 3px 10px;\n        position: relative;\n        margin-top: 8px;\n      }\n      .nav-month-year {\n        -ms-flex: 1 1 auto;\n        -webkit-flex: 1 1 auto;\n        flex: 1 1 auto;\n\n        font-size: 14px;\n        font-weight: 500;\n        text-align: center;\n\n        @apply --app-datepicker-nav-month-year;\n      }\n      .days-of-week {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        color: var(--app-datepicker-weekdays-color, #848484);\n        font-size: 12px;\n\n        @apply --app-datepicker-days-of-week;\n      }\n      .each-days-of-week {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        padding: 13px;\n        max-height: 32px;\n        width: 41px;\n      }\n      .days-of-month {\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        -ms-flex-wrap: wrap;\n        -webkit-flex-wrap: wrap;\n        flex-wrap: wrap;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        font-size: 13px;\n\n        @apply --app-datepicker-days-of-month;\n      }\n      .each-days-of-month {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        position: relative;\n        height: 35px;\n        width: 35px;\n        margin-left: 3px;\n        margin-right: 3px;\n      }\n      div > .days-of-month > .each-days-of-month.chosen-days-of-month {\n        border-radius: 50%;\n        background-color: var(--app-datepicker-selected-day-bg, #009688);\n        color: var(--app-datepicker-selected-day-color, #fff);\n      }\n      .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #009688);\n      }\n      .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #9e9e9e);\n      }\n\n      /* outline: none for non-selectable and disabled days */\n      .days-of-month > .each-days-of-month.is-disabled-day,\n      .days-of-month > .each-days-of-month.is-non-selectable {\n        outline: none;\n      }\n      /* Date hover styling */\n      .days-of-month\n        > .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      .days-of-month\n        > .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #f5f5f5);\n        background-color: var(\n          --app-datepicker-date-hover-background-color,\n          #80cbc4\n        );\n        border-radius: 50%;\n        cursor: pointer;\n      }\n      :host(.dark-theme)\n        .days-of-month\n        > .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      :host(.dark-theme)\n        .days-of-month\n        > .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #777);\n        background-color: var(\n          --app-datepicker-date-hover-background-color,\n          #b2dfdb\n        );\n      }\n      :host(.goog-theme)\n        .days-of-month\n        > .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      :host(.goog-theme)\n        .days-of-month\n        > .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #f5f5f5);\n        background-color: var(\n          --app-datepicker-date-hover-background-color,\n          #e57373\n        );\n      }\n\n      /* Focus ring styling - replace outline with background-color */\n      .each-list-of-years:focus,\n      .each-days-of-month:focus {\n        outline: 0;\n      }\n      .each-list-of-years:focus,\n      .each-list-of-years:hover,\n      .each-list-of-years.is-selected:focus,\n      .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(\n          --app-datepicker-year-hover-background-color,\n          #e0e0e0\n        );\n\n        @apply --app-datepicker-year-hover;\n      }\n      :host(.dark-theme) .each-list-of-years:focus,\n      :host(.dark-theme) .each-list-of-years:hover,\n      :host(.dark-theme) .each-list-of-years.is-selected:focus,\n      :host(.dark-theme) .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(\n          --app-datepicker-year-hover-background-color,\n          #616161\n        );\n\n        @apply --app-datepicker-year-hover;\n      }\n      :host(.goog-theme) .each-list-of-years:focus,\n      :host(.goog-theme) .each-list-of-years:hover,\n      :host(.goog-theme) .each-list-of-years.is-selected:focus,\n      :host(.goog-theme) .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(\n          --app-datepicker-year-hover-background-color,\n          #424242\n        );\n\n        @apply --app-datepicker-year-hover;\n      }\n\n      .each-list-of-years {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        height: 64px;\n        font-size: 16px;\n\n        @apply --app-datepicker-each-list-of-years;\n      }\n      .each-list-of-years:hover {\n        cursor: pointer;\n      }\n      .each-list-of-years.is-selected {\n        font-size: 24px;\n        font-weight: 700;\n        color: var(--app-datepicker-selected-year-color, #009688);\n        background-color: var(--app-datepicker-selected-year-bg);\n\n        @apply --app-datepicker-selected-each-list-of-years;\n      }\n\n      /* paper-icon-button */\n      paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #737373);\n        --paper-icon-button-ink-color: var(\n          --app-datepicker-icon-button-ink-color,\n          #737373\n        );\n      }\n\n      /* content tag selector */\n      .buttons {\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        -ms-flex-pack: end;\n        -webkit-justify-content: flex-end;\n        justify-content: flex-end;\n\n        color: var(--app-datepicker-button-color, #009688);\n        position: relative;\n        padding: 8px 8px 8px 24px;\n        margin: 0;\n        font-size: 12px;\n        font-weight: 500;\n\n        --paper-button-ink-color: var(\n          --app-datepicker-button-ink-color,\n          #737373\n        );\n\n        @apply --app-datepicker-buttons;\n      }\n\n      /* will-change: transform, however lag on the first time */\n      .nav-month-year,\n      .days-of-week,\n      .days-of-month {\n        will-change: transform;\n        -webkit-transform: translate3d(0px, 0px, 0px);\n        transform: translate3d(0px, 0px, 0px);\n        -webkit-backface-visibility: hidden;\n        backface-visibility: hidden;\n      }\n\n      iron-list {\n        --iron-list-items-container: {\n          -webkit-transform: translate3d(0px, 0px, 0px);\n          transform: translate3d(0px, 0px, 0px);\n          -webkit-backface-visibility: hidden;\n          backface-visibility: hidden;\n        }\n      }\n\n      /* landscape */\n      @media all and (orientation: landscape) {\n        :host(.horizontal-view) #dp.datepicker,\n        :host(:not(.vertical-view)) #dp.datepicker {\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          width: 512px;\n          height: 241px;\n        }\n        :host(.horizontal-view) #dp.datepicker.with-buttons,\n        :host(:not(.vertical-view)) #dp.datepicker.with-buttons {\n          height: 288px;\n        }\n        :host(.horizontal-view) iron-selector.selected-fulldate,\n        :host(:not(.vertical-view)) iron-selector.selected-fulldate {\n          /* Fixed for IE11, Edge */\n          min-width: 164px;\n          width: calc(100% / 3 + 48px);\n          max-width: 164px;\n          height: 100%;\n        }\n        :host(:not(.vertical-view)) .selected-date {\n          display: -ms-flexbox;\n          display: -webkit-flex;\n          display: flex;\n          -ms-flex-direction: column;\n          -webkit-flex-direction: column;\n          flex-direction: column;\n          -ms-flex-align: start;\n          -webkit-align-items: flex-start;\n          align-items: flex-start;\n          -ms-flex-pack: start;\n          -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n        }\n        /* Fix for IE11 */\n        :host(:not(.vertical-view)) .selected-date > div {\n          width: 100%;\n          word-wrap: break-word;\n        }\n        /* Hack for Edge 12+ */\n        @supports (-ms-accelerator: true) {\n          :host(:not(.vertical-view)) .selected-date > div {\n            white-space: pre-wrap;\n          }\n        }\n\n        :host(.horizontal-view) neon-animated-pages.fullcalendar,\n        :host(:not(.vertical-view)) neon-animated-pages.fullcalendar {\n          height: 100%;\n        }\n        :host(.horizontal-view) .calendar-view,\n        :host(:not(.vertical-view)) .calendar-view {\n          padding-bottom: 0;\n        }\n        :host(.horizontal-view) .navigator,\n        :host(:not(.vertical-view)) .navigator {\n          padding: 2px 10px;\n          margin-top: 0;\n        }\n        :host(.horizontal-view) .each-days-of-week,\n        :host(:not(.vertical-view)) .each-days-of-week {\n          width: calc(100% / 7 - 20px);\n          padding: 0;\n          margin-left: 10px;\n          margin-right: 10px;\n        }\n        :host(:not(.vertical-view)) .days-of-month {\n          margin-top: 8px;\n        }\n        :host(.horizontal-view) .each-days-of-month,\n        :host(:not(.vertical-view)) .each-days-of-month {\n          height: 29px;\n          margin-left: 10px;\n          margin-right: 10px;\n          width: calc(100% / 7 - 20px);\n        }\n      }\n      /* End of landscape @media */\n\n      /* dark-theme */\n      :host(.dark-theme) {\n        background-color: var(--app-datepicker-bg, #424242);\n      }\n      :host(.dark-theme) iron-selector.selected-fulldate {\n        color: var(--app-datepicker-selection-color, #9e9e9e);\n        background-color: var(--app-datepicker-selection-bg, #555);\n      }\n      :host(.dark-theme) .selected-year.iron-selected,\n      :host(.dark-theme) .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #f5f5f5);\n      }\n      :host(.dark-theme) neon-animated-pages.fullcalendar {\n        color: var(--app-datepicker-calendar-color, #f5f5f5);\n        background-color: var(--app-datepicker-calendar-bg, #424242);\n      }\n      :host(.dark-theme) .days-of-week {\n        color: var(--app-datepicker-weekdays-color, #7c7c7c);\n      }\n      :host(.dark-theme)\n        div\n        > .days-of-month\n        > .each-days-of-month.chosen-days-of-month {\n        color: var(--app-datepicker-selected-day-color, #555);\n        background-color: var(--app-datepicker-selected-day-bg, #80cbc4);\n      }\n      :host(.dark-theme) .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #80cbc4);\n      }\n      :host(.dark-theme) .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #ffff00);\n      }\n      :host(.dark-theme) .each-list-of-years.is-selected {\n        background-color: var(\n          --app-datepicker-selected-year-bg,\n          rgba(0, 0, 0, 0)\n        );\n        color: var(--app-datepicker-selected-year-color, #80cbc4);\n        font-size: 26px;\n        font-weight: 500;\n      }\n      :host(.dark-theme) paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #ffff00);\n        --paper-icon-button-ink-color: var(\n          --app-datepicker-icon-button-ink-color,\n          #212121\n        );\n      }\n      :host(.dark-theme) ::slotted(paper-button) {\n        color: var(--app-datepicker-button-color, #80cbc4);\n        --paper-button-ink-color: var(\n          --app-datepicker-button-ink-color,\n          #bcbcbc\n        );\n      }\n\n      /* goog theme */\n      :host(.goog-theme) {\n        background-color: var(--app-datepicker-bg, #212121);\n      }\n\n      :host(.goog-theme) iron-selector.selected-fulldate {\n        color: var(--app-datepicker-selection-color, #fff);\n        background-color: var(--app-datepicker-selection-bg, #212121);\n      }\n      :host(.goog-theme) .selected-year.iron-selected,\n      :host(.goog-theme) .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #da4336);\n      }\n      :host(.goog-theme) neon-animated-pages.fullcalendar {\n        color: var(--app-datepicker-calendar-color, #fff);\n        background-color: var(--app-datepicker-calendar-bg, #212121);\n      }\n      :host(.goog-theme) .days-of-week {\n        color: var(--app-datepicker-weekdays-color, #9e9e9e);\n      }\n      :host(.goog-theme)\n        div\n        > .days-of-month\n        > .each-days-of-month.chosen-days-of-month {\n        color: var(--app-datepicker-selected-day-color, #fff);\n        background-color: var(--app-datepicker-selected-day-bg, #da4336);\n      }\n      :host(.goog-theme) .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #da4336);\n      }\n      :host(.goog-theme) .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #646464);\n      }\n      :host(.goog-theme) .each-list-of-years.is-selected {\n        background-color: var(\n          --app-datepicker-selected-year-bg,\n          rgba(0, 0, 0, 0)\n        );\n        color: var(--app-datepicker-selected-year-color, #da4336);\n        font-size: 26px;\n        font-weight: 500;\n      }\n      :host(.goog-theme) paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #da4336);\n        --paper-icon-button-ink-color: var(\n          --app-datepicker-icon-button-ink-color,\n          #616161\n        );\n      }\n      :host(.goog-theme) ::slotted(paper-button) {\n        color: var(--app-datepicker-button-color, #da4336);\n        --paper-button-ink-color: var(\n          --app-datepicker-button-ink-color,\n          #616161\n        );\n      }\n    </style>\n\n    <div id=\"dp\" class=\"datepicker\">\n      <iron-selector\n        class=\"selected-fulldate\"\n        selected=\"{{_activeView}}\"\n        attr-for-selected=\"view\"\n        on-selected-changed=\"_onIronSelectorSelectedChanged\"\n        fallback-selection=\"calendar\"\n      >\n        <div\n          id=\"showSelectedYear\"\n          class=\"selected-year\"\n          tabindex=\"0\"\n          view=\"year\"\n          aria-label=\"year view\"\n        >\n          [[_showSelectedYear]]\n        </div>\n        <div class=\"selected-date\" view=\"calendar\" tabindex=\"0\">\n          <div aria-label=\"calendar view\">[[_shortSelectedDate]]</div>\n        </div>\n      </iron-selector>\n\n      <neon-animated-pages\n        class=\"fullcalendar\"\n        selected=\"[[_activeView]]\"\n        attr-for-selected=\"view\"\n        entry-animation=\"[[pageEntryAnimation]]\"\n        exit-animation=\"[[pageExitAnimation]]\"\n        on-neon-animation-finish=\"_onAnimationFinish\"\n      >\n        <div class=\"calendar-view\" view=\"calendar\">\n          <div class=\"navigator\">\n            <paper-icon-button\n              icon=\"datepicker:chevron-left\"\n              on-tap=\"_decrementMonth\"\n              noink=\"[[noAnimation]]\"\n            ></paper-icon-button>\n            <div id=\"navMonthYear\" class=\"nav-month-year\">\n              [[_activeMonthYear]]\n            </div>\n            <paper-icon-button\n              icon=\"datepicker:chevron-right\"\n              on-tap=\"_incrementMonth\"\n              noink=\"[[noAnimation]]\"\n            ></paper-icon-button>\n          </div>\n\n          <div id=\"daysOfWeek\" class=\"days-of-week\">\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_daysOfWeek]]\"\n              index-as=\"index\"\n              strip-whitespace=\"\"\n            >\n              <div class=\"each-days-of-week\">[[item]]</div>\n            </template>\n          </div>\n\n          <div\n            id=\"daysOfMonth\"\n            class=\"days-of-month\"\n            on-tap=\"_chooseDaysOfMonth\"\n          >\n            <template\n              is=\"dom-repeat\"\n              items=\"[[_daysOfMonth]]\"\n              index-as=\"index\"\n              strip-whitespace=\"\"\n            >\n              <div\n                class\\$=\"each-days-of-month[[_isToday(item.index, _activeYear, _activeMonth)]][[_isEmptyDate(item.index)]][[_isChosenDaysOfMonth(item.index, _selectedYear, _selectedMonth, _selectedDate)]][[_isDisableDays(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\"\n                index=\"[[index]]\"\n                date=\"[[item.index]]\"\n                tabindex\\$=\"[[_shouldTabIndex(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\"\n                aria-disabled\\$=\"[[_shouldAriaDisabled(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\"\n                aria-label\\$=\"[[item.index]]\"\n              >\n                [[item.date]]\n              </div>\n            </template>\n          </div>\n\n          <div class=\"buttons\">\n            <slot name=\"dismiss-button\"></slot>\n            <slot name=\"confirm-button\"></slot>\n          </div>\n        </div>\n\n        <template\n          is=\"dom-if\"\n          if=\"[[_isListRendered]]\"\n          restamp=\"true\"\n          on-dom-change=\"_onListRendered\"\n          strip-whitespace=\"\"\n        >\n          <iron-list\n            id=\"listOfYears\"\n            items=\"[[_listOfYears]]\"\n            view=\"year\"\n            on-neon-animation-finish=\"_onAnimationFinish\"\n            selection-enabled=\"\"\n          >\n            <template strip-whitespace=\"\">\n              <div\n                class\\$=\"each-list-of-years[[_isListOfYearsSelected(_selectedYear, item.year)]]\"\n                tabindex\\$=\"[[tabIndex]]\"\n                aria-label\\$=\"[[item.year]]\"\n                label\\$=\"[[item.year]]\"\n                on-tap=\"_goCalendar\"\n                on-keydown=\"_goCalendar\"\n              >\n                [[item.year]]\n              </div>\n            </template>\n          </iron-list>\n        </template>\n      </neon-animated-pages>\n    </div>\n  "]);
 
-    _templateObject_69103d9022d211eaa0764d1a500fd781 = function _templateObject_69103d9022d211eaa0764d1a500fd781() {
+    _templateObject_21dc3380243411ea86f395335a802507 = function _templateObject_21dc3380243411ea86f395335a802507() {
       return data;
     };
 
@@ -109,7 +109,7 @@ define(["exports", "../../@polymer/polymer/polymer-legacy.js", "../../@polymer/p
   * @demo demo/index.html
   */
   var AppDatepicker = (0, _polymerLegacy.Polymer)({
-    _template: (0, _polymerLegacy.html)(_templateObject_69103d9022d211eaa0764d1a500fd781()),
+    _template: (0, _polymerLegacy.html)(_templateObject_21dc3380243411ea86f395335a802507()),
     is: "app-datepicker",
     behaviors: [_neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],
     properties: {
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 5aa195ae73e..fbe2039019e 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,20 +6,20 @@ define(["exports", "../../lit-element/lit-element.js", "../h-a-x/h-a-x.js"], fun
   });
   _exports.AppEditorHax = void 0;
 
-  function _templateObject2_6d9e9f5022d211eaa0764d1a500fd781() {
+  function _templateObject2_26dcdf10243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n          box-sizing: content-box;\n        }\n      "]);
 
-    _templateObject2_6d9e9f5022d211eaa0764d1a500fd781 = function _templateObject2_6d9e9f5022d211eaa0764d1a500fd781() {
+    _templateObject2_26dcdf10243411ea86f395335a802507 = function _templateObject2_26dcdf10243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_6d9e9f5022d211eaa0764d1a500fd781() {
+  function _templateObject_26dcdf10243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <h-a-x .app-store=\"", "\"></h-a-x>\n    "]);
 
-    _templateObject_6d9e9f5022d211eaa0764d1a500fd781 = function _templateObject_6d9e9f5022d211eaa0764d1a500fd781() {
+    _templateObject_26dcdf10243411ea86f395335a802507 = function _templateObject_26dcdf10243411ea86f395335a802507() {
       return data;
     };
 
@@ -54,7 +54,7 @@ define(["exports", "../../lit-element/lit-element.js", "../h-a-x/h-a-x.js"], fun
     babelHelpers.createClass(AppEditorHax, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_6d9e9f5022d211eaa0764d1a500fd781(), this.appStoreConnection);
+        return (0, _litElement.html)(_templateObject_26dcdf10243411ea86f395335a802507(), this.appStoreConnection);
       }
     }, {
       key: "save",
@@ -97,7 +97,7 @@ define(["exports", "../../lit-element/lit-element.js", "../h-a-x/h-a-x.js"], fun
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_6d9e9f5022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_26dcdf10243411ea86f395335a802507())];
       }
     }, {
       key: "tag",
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 9c12cda2b89..b8c6dad37bd 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,20 +7,20 @@ define(["exports", "meta", "../../lit-element/lit-element.js"], function (_expor
   _exports.AwesomeExplosion = void 0;
   meta = babelHelpers.interopRequireWildcard(meta);
 
-  function _templateObject2_6dcdc5a022d211eaa0764d1a500fd781() {
+  function _templateObject2_27238500243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <img\n        loading=\"lazy\"\n        src=\"", "\"\n        id=\"image\"\n        class=\"image-tag\"\n        alt=\"\"\n      />\n    "]);
 
-    _templateObject2_6dcdc5a022d211eaa0764d1a500fd781 = function _templateObject2_6dcdc5a022d211eaa0764d1a500fd781() {
+    _templateObject2_27238500243411ea86f395335a802507 = function _templateObject2_27238500243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_6dcdc5a022d211eaa0764d1a500fd781() {
+  function _templateObject_27238500243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject_6dcdc5a022d211eaa0764d1a500fd781 = function _templateObject_6dcdc5a022d211eaa0764d1a500fd781() {
+    _templateObject_27238500243411ea86f395335a802507 = function _templateObject_27238500243411ea86f395335a802507() {
       return data;
     };
 
@@ -51,7 +51,7 @@ define(["exports", "meta", "../../lit-element/lit-element.js"], function (_expor
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_6dcdc5a022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_27238500243411ea86f395335a802507())];
       }
     }]);
 
@@ -82,7 +82,7 @@ define(["exports", "meta", "../../lit-element/lit-element.js"], function (_expor
     babelHelpers.createClass(AwesomeExplosion, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_6dcdc5a022d211eaa0764d1a500fd781(), this.image);
+        return (0, _litElement.html)(_templateObject2_27238500243411ea86f395335a802507(), this.image);
       }
     }, {
       key: "updated",
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 dee4f11103d..df8497424c4 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
@@ -10,10 +10,10 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_7384eff022d211eaa0764d1a500fd781() {
+  function _templateObject_2d525050243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <slot></slot>\n    "]);
 
-    _templateObject_7384eff022d211eaa0764d1a500fd781 = function _templateObject_7384eff022d211eaa0764d1a500fd781() {
+    _templateObject_2d525050243411ea86f395335a802507 = function _templateObject_2d525050243411ea86f395335a802507() {
       return data;
     };
 
@@ -40,7 +40,7 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_7384eff022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_2d525050243411ea86f395335a802507());
       } // haxProperty definition
 
     }, {
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 195038d23b5..a980f41a16a 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
@@ -11,150 +11,150 @@ define(["exports", "meta", "../../lit-element/lit-element.js", "../schema-behavi
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject15_7b9e4d3022d211eaa0764d1a500fd781() {
+  function _templateObject15_36680ef0243411ea86f395335a802507() {
     var data = 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        }\n\n        .a11y {\n          position: absolute;\n          left: -999999px;\n          height: 0;\n          overflow: hidden;\n        }\n\n        .ct-label {\n          fill: var(--chartist-text-color, rgba(0, 0, 0, 0.4));\n          color: var(--chartist-text-color, rgba(0, 0, 0, 0.4));\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      "]);
 
-    _templateObject15_7b9e4d3022d211eaa0764d1a500fd781 = function _templateObject15_7b9e4d3022d211eaa0764d1a500fd781() {
+    _templateObject15_36680ef0243411ea86f395335a802507 = function _templateObject15_36680ef0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject14_7b9e4d3022d211eaa0764d1a500fd781() {
+  function _templateObject14_36680ef0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  A ", " chart.\n                "]);
 
-    _templateObject14_7b9e4d3022d211eaa0764d1a500fd781 = function _templateObject14_7b9e4d3022d211eaa0764d1a500fd781() {
+    _templateObject14_36680ef0243411ea86f395335a802507 = function _templateObject14_36680ef0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject13_7b9e4d3022d211eaa0764d1a500fd781() {
+  function _templateObject13_36680ef0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <div id=\"", "-title\" class=\"a11y\">\n                    <div>", "</div>\n                    <div>", "</div>\n                  </div>\n                "]);
 
-    _templateObject13_7b9e4d3022d211eaa0764d1a500fd781 = function _templateObject13_7b9e4d3022d211eaa0764d1a500fd781() {
+    _templateObject13_36680ef0243411ea86f395335a802507 = function _templateObject13_36680ef0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject12_7b9e4d3022d211eaa0764d1a500fd781() {
+  function _templateObject12_36680ef0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["", "\n</div>"]);
 
-    _templateObject12_7b9e4d3022d211eaa0764d1a500fd781 = function _templateObject12_7b9e4d3022d211eaa0764d1a500fd781() {
+    _templateObject12_36680ef0243411ea86f395335a802507 = function _templateObject12_36680ef0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject11_7b9e4d3022d211eaa0764d1a500fd781() {
+  function _templateObject11_36680ef0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                              <td>", "</td>\n                            "]);
 
-    _templateObject11_7b9e4d3022d211eaa0764d1a500fd781 = function _templateObject11_7b9e4d3022d211eaa0764d1a500fd781() {
+    _templateObject11_36680ef0243411ea86f395335a802507 = function _templateObject11_36680ef0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject10_7b9e4d3022d211eaa0764d1a500fd781() {
+  function _templateObject10_36680ef0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                        <tr>\n                          ", "\n                        </tr>\n                      "]);
 
-    _templateObject10_7b9e4d3022d211eaa0764d1a500fd781 = function _templateObject10_7b9e4d3022d211eaa0764d1a500fd781() {
+    _templateObject10_36680ef0243411ea86f395335a802507 = function _templateObject10_36680ef0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject9_7b9e4d3022d211eaa0764d1a500fd781() {
+  function _templateObject9_36680ef0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                            <td>", "</td>\n                          "]);
 
-    _templateObject9_7b9e4d3022d211eaa0764d1a500fd781 = function _templateObject9_7b9e4d3022d211eaa0764d1a500fd781() {
+    _templateObject9_36680ef0243411ea86f395335a802507 = function _templateObject9_36680ef0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject8_7b9e4d3022d211eaa0764d1a500fd781() {
+  function _templateObject8_36680ef0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                      <tr>\n                        ", "\n                      </tr>\n                    "]);
 
-    _templateObject8_7b9e4d3022d211eaa0764d1a500fd781 = function _templateObject8_7b9e4d3022d211eaa0764d1a500fd781() {
+    _templateObject8_36680ef0243411ea86f395335a802507 = function _templateObject8_36680ef0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject7_7b9e4d3022d211eaa0764d1a500fd781() {
+  function _templateObject7_36680ef0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject7_7b9e4d3022d211eaa0764d1a500fd781 = function _templateObject7_7b9e4d3022d211eaa0764d1a500fd781() {
+    _templateObject7_36680ef0243411ea86f395335a802507 = function _templateObject7_36680ef0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject6_7b9e4d3022d211eaa0764d1a500fd781() {
+  function _templateObject6_36680ef0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                            <td>", "</td>\n                          "]);
 
-    _templateObject6_7b9e4d3022d211eaa0764d1a500fd781 = function _templateObject6_7b9e4d3022d211eaa0764d1a500fd781() {
+    _templateObject6_36680ef0243411ea86f395335a802507 = function _templateObject6_36680ef0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject5_7b9e4d3022d211eaa0764d1a500fd781() {
+  function _templateObject5_36680ef0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                    <thead>\n                      <tr>\n                        ", "\n                      </tr>\n                    </thead>\n                  "]);
 
-    _templateObject5_7b9e4d3022d211eaa0764d1a500fd781 = function _templateObject5_7b9e4d3022d211eaa0764d1a500fd781() {
+    _templateObject5_36680ef0243411ea86f395335a802507 = function _templateObject5_36680ef0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_7b9e4d3022d211eaa0764d1a500fd781() {
+  function _templateObject4_36680ef0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                      A ", " chart.\n                    "]);
 
-    _templateObject4_7b9e4d3022d211eaa0764d1a500fd781 = function _templateObject4_7b9e4d3022d211eaa0764d1a500fd781() {
+    _templateObject4_36680ef0243411ea86f395335a802507 = function _templateObject4_36680ef0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_7b9e4d3022d211eaa0764d1a500fd781() {
+  function _templateObject3_36680ef0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                      ", "", "\n                    "]);
 
-    _templateObject3_7b9e4d3022d211eaa0764d1a500fd781 = function _templateObject3_7b9e4d3022d211eaa0764d1a500fd781() {
+    _templateObject3_36680ef0243411ea86f395335a802507 = function _templateObject3_36680ef0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_7b9e4d3022d211eaa0764d1a500fd781() {
+  function _templateObject2_36680ef0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <table id=\"", "-desc\" class=\"a11y\">\n              <caption>\n                ", "\n              </caption>\n              ", "\n              <tbody>\n                ", "\n              </tbody>\n            </table>\n          "]);
 
-    _templateObject2_7b9e4d3022d211eaa0764d1a500fd781 = function _templateObject2_7b9e4d3022d211eaa0764d1a500fd781() {
+    _templateObject2_36680ef0243411ea86f395335a802507 = function _templateObject2_36680ef0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7b9e4d3022d211eaa0764d1a500fd781() {
+  function _templateObject_36680ef0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div\n        id=\"chart\"\n        chart=\"", "\"\n        class=\"ct-chart ", "\"\n      ></div>\n      ", "\n    "]);
 
-    _templateObject_7b9e4d3022d211eaa0764d1a500fd781 = function _templateObject_7b9e4d3022d211eaa0764d1a500fd781() {
+    _templateObject_36680ef0243411ea86f395335a802507 = function _templateObject_36680ef0243411ea86f395335a802507() {
       return data;
     };
 
@@ -220,22 +220,22 @@ define(["exports", "meta", "../../lit-element/lit-element.js", "../schema-behavi
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_7b9e4d3022d211eaa0764d1a500fd781(), this.__chartId, this.scale, this.data && this.data.series ? (0, _litElement.html)(_templateObject2_7b9e4d3022d211eaa0764d1a500fd781(), this.__chartId, this.chartTitle || this.chartDesc ? (0, _litElement.html)(_templateObject3_7b9e4d3022d211eaa0764d1a500fd781(), this.chartTitle, this.chartDesc) : (0, _litElement.html)(_templateObject4_7b9e4d3022d211eaa0764d1a500fd781(), this.type), this.data.labels ? (0, _litElement.html)(_templateObject5_7b9e4d3022d211eaa0764d1a500fd781(), this.data.labels.map(function (cell) {
-          return (0, _litElement.html)(_templateObject6_7b9e4d3022d211eaa0764d1a500fd781(), cell || "-");
-        })) : (0, _litElement.html)(_templateObject7_7b9e4d3022d211eaa0764d1a500fd781()), this.type === "pie" ? (0, _litElement.html)(_templateObject8_7b9e4d3022d211eaa0764d1a500fd781(), this.data.series.map(function (cell) {
-          return (0, _litElement.html)(_templateObject9_7b9e4d3022d211eaa0764d1a500fd781(), cell || "-");
+        return (0, _litElement.html)(_templateObject_36680ef0243411ea86f395335a802507(), this.__chartId, this.scale, this.data && this.data.series ? (0, _litElement.html)(_templateObject2_36680ef0243411ea86f395335a802507(), this.__chartId, this.chartTitle || this.chartDesc ? (0, _litElement.html)(_templateObject3_36680ef0243411ea86f395335a802507(), this.chartTitle, this.chartDesc) : (0, _litElement.html)(_templateObject4_36680ef0243411ea86f395335a802507(), this.type), this.data.labels ? (0, _litElement.html)(_templateObject5_36680ef0243411ea86f395335a802507(), this.data.labels.map(function (cell) {
+          return (0, _litElement.html)(_templateObject6_36680ef0243411ea86f395335a802507(), cell || "-");
+        })) : (0, _litElement.html)(_templateObject7_36680ef0243411ea86f395335a802507()), this.type === "pie" ? (0, _litElement.html)(_templateObject8_36680ef0243411ea86f395335a802507(), this.data.series.map(function (cell) {
+          return (0, _litElement.html)(_templateObject9_36680ef0243411ea86f395335a802507(), cell || "-");
         })) : this.data.series.map(function (row) {
-          return (0, _litElement.html)(_templateObject10_7b9e4d3022d211eaa0764d1a500fd781(), row.map(function (cell) {
-            return (0, _litElement.html)(_templateObject11_7b9e4d3022d211eaa0764d1a500fd781(), cell || "-");
+          return (0, _litElement.html)(_templateObject10_36680ef0243411ea86f395335a802507(), row.map(function (cell) {
+            return (0, _litElement.html)(_templateObject11_36680ef0243411ea86f395335a802507(), cell || "-");
           }));
-        })) : (0, _litElement.html)(_templateObject12_7b9e4d3022d211eaa0764d1a500fd781(), this.chartTitle || this.chartDesc ? (0, _litElement.html)(_templateObject13_7b9e4d3022d211eaa0764d1a500fd781(), this.__chartId, this.chartTitle, this.chartDesc) : (0, _litElement.html)(_templateObject14_7b9e4d3022d211eaa0764d1a500fd781(), this.type)));
+        })) : (0, _litElement.html)(_templateObject12_36680ef0243411ea86f395335a802507(), this.chartTitle || this.chartDesc ? (0, _litElement.html)(_templateObject13_36680ef0243411ea86f395335a802507(), this.__chartId, this.chartTitle, this.chartDesc) : (0, _litElement.html)(_templateObject14_36680ef0243411ea86f395335a802507(), this.type)));
       } // properties available to the custom element for data binding
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject15_7b9e4d3022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject15_36680ef0243411ea86f395335a802507())];
       }
     }, {
       key: "properties",
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 6f1064f3401..7231566d497 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
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_6edaa1c022d211eaa0764d1a500fd781() {
+  function _templateObject_27b7d5c0243411ea86f395335a802507() {
     var data = 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    "], ["\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    "]);
 
-    _templateObject_6edaa1c022d211eaa0764d1a500fd781 = function _templateObject_6edaa1c022d211eaa0764d1a500fd781() {
+    _templateObject_27b7d5c0243411ea86f395335a802507 = function _templateObject_27b7d5c0243411ea86f395335a802507() {
       return data;
     };
 
@@ -34,7 +34,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     babelHelpers.createClass(CircleProgress, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_6edaa1c022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_27b7d5c0243411ea86f395335a802507());
       }
     }, {
       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 76a3d0b18ff..833bf703bcf 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js", "../schema-behaviors/sche
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_6f186e1022d211eaa0764d1a500fd781() {
+  function _templateObject2_28439b00243411ea86f395335a802507() {
     var data = 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          height: 16px;\n          min-width: 16px;\n          margin-right: 8px;\n        }\n      "]);
 
-    _templateObject2_6f186e1022d211eaa0764d1a500fd781 = function _templateObject2_6f186e1022d211eaa0764d1a500fd781() {
+    _templateObject2_28439b00243411ea86f395335a802507 = function _templateObject2_28439b00243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_6f186e1022d211eaa0764d1a500fd781() {
+  function _templateObject_28439b00243411ea86f395335a802507() {
     var data = 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          />", "</a\n        >. Accessed <span class=\"citation-date\">", "</span>.</cite\n      >\n    "]);
 
-    _templateObject_6f186e1022d211eaa0764d1a500fd781 = function _templateObject_6f186e1022d211eaa0764d1a500fd781() {
+    _templateObject_28439b00243411ea86f395335a802507 = function _templateObject_28439b00243411ea86f395335a802507() {
       return data;
     };
 
@@ -48,7 +48,7 @@ define(["exports", "../../lit-element/lit-element.js", "../schema-behaviors/sche
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_6f186e1022d211eaa0764d1a500fd781(), 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, _litElement.html)(_templateObject_28439b00243411ea86f395335a802507(), 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
@@ -61,7 +61,7 @@ define(["exports", "../../lit-element/lit-element.js", "../schema-behaviors/sche
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_6f186e1022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_28439b00243411ea86f395335a802507())];
       }
     }, {
       key: "tag",
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 6a5d30edd90..2005fec8024 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,20 +7,20 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../../@polyme
   _exports.CmsHax = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_7003916022d211eaa0764d1a500fd781() {
+  function _templateObject2_297b7ec0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n          box-sizing: content-box;\n        }\n      "]);
 
-    _templateObject2_7003916022d211eaa0764d1a500fd781 = function _templateObject2_7003916022d211eaa0764d1a500fd781() {
+    _templateObject2_297b7ec0243411ea86f395335a802507 = function _templateObject2_297b7ec0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7003916022d211eaa0764d1a500fd781() {
+  function _templateObject_297b7ec0243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_7003916022d211eaa0764d1a500fd781 = function _templateObject_7003916022d211eaa0764d1a500fd781() {
+    _templateObject_297b7ec0243411ea86f395335a802507 = function _templateObject_297b7ec0243411ea86f395335a802507() {
       return data;
     };
 
@@ -39,7 +39,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../../@polyme
     babelHelpers.createClass(CmsHax, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_7003916022d211eaa0764d1a500fd781(), this.endPoint, this.method, this._handleUpdateResponse, this.__appStore);
+        return (0, _litElement.html)(_templateObject_297b7ec0243411ea86f395335a802507(), this.endPoint, this.method, this._handleUpdateResponse, this.__appStore);
       }
     }, {
       key: "decodeHTMLEntities",
@@ -146,7 +146,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../../@polyme
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_7003916022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_297b7ec0243411ea86f395335a802507())];
       }
     }, {
       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 8e3b0f27ce0..b03db5b13c4 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
@@ -7,40 +7,40 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../util
   _exports.CMSBlock = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject4_9055a57022d211eaa0764d1a500fd781() {
+  function _templateObject4_4aed81c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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        #replacementcontent {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host([loading]) {\n          text-align: center;\n        }\n        :host([loading]) #replacementcontent {\n          opacity: 0;\n          visibility: hidden;\n        }\n      "]);
 
-    _templateObject4_9055a57022d211eaa0764d1a500fd781 = function _templateObject4_9055a57022d211eaa0764d1a500fd781() {
+    _templateObject4_4aed81c0243411ea86f395335a802507 = function _templateObject4_4aed81c0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_9055a57022d211eaa0764d1a500fd781() {
+  function _templateObject3_4aed81c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject3_9055a57022d211eaa0764d1a500fd781 = function _templateObject3_9055a57022d211eaa0764d1a500fd781() {
+    _templateObject3_4aed81c0243411ea86f395335a802507 = function _templateObject3_4aed81c0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_9055a57022d211eaa0764d1a500fd781() {
+  function _templateObject2_4aed81c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <hexagon-loader\n              item-count=\"4\"\n              loading\n              size=\"small\"\n            ></hexagon-loader>\n          "]);
 
-    _templateObject2_9055a57022d211eaa0764d1a500fd781 = function _templateObject2_9055a57022d211eaa0764d1a500fd781() {
+    _templateObject2_4aed81c0243411ea86f395335a802507 = function _templateObject2_4aed81c0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9055a57022d211eaa0764d1a500fd781() {
+  function _templateObject_4aed81c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-ajax\n        id=\"blockrequest\"\n        method=\"GET\"\n        url=\"", "\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n      ></iron-ajax>\n      ", "\n      <span id=\"replacementcontent\"><slot></slot></span>\n    "]);
 
-    _templateObject_9055a57022d211eaa0764d1a500fd781 = function _templateObject_9055a57022d211eaa0764d1a500fd781() {
+    _templateObject_4aed81c0243411ea86f395335a802507 = function _templateObject_4aed81c0243411ea86f395335a802507() {
       return data;
     };
 
@@ -63,7 +63,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../util
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9055a57022d211eaa0764d1a500fd781(), this.blockEndPoint, this.blockDataChanged, this.loading ? (0, _litElement.html)(_templateObject2_9055a57022d211eaa0764d1a500fd781()) : (0, _litElement.html)(_templateObject3_9055a57022d211eaa0764d1a500fd781()));
+        return (0, _litElement.html)(_templateObject_4aed81c0243411ea86f395335a802507(), this.blockEndPoint, this.blockDataChanged, this.loading ? (0, _litElement.html)(_templateObject2_4aed81c0243411ea86f395335a802507()) : (0, _litElement.html)(_templateObject3_4aed81c0243411ea86f395335a802507()));
       }
     }, {
       key: "blockDataChanged",
@@ -140,7 +140,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../util
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_9055a57022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_4aed81c0243411ea86f395335a802507())];
       }
     }, {
       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 ae4feb86576..82a3468241c 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
@@ -7,40 +7,40 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../util
   _exports.CMSEntity = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject4_905aae8022d211eaa0764d1a500fd781() {
+  function _templateObject4_4af39c40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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        #replacementcontent {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host([loading]) {\n          text-align: center;\n        }\n        :host([loading]) #replacementcontent {\n          opacity: 0;\n          visibility: hidden;\n        }\n      "]);
 
-    _templateObject4_905aae8022d211eaa0764d1a500fd781 = function _templateObject4_905aae8022d211eaa0764d1a500fd781() {
+    _templateObject4_4af39c40243411ea86f395335a802507 = function _templateObject4_4af39c40243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_905aae8022d211eaa0764d1a500fd781() {
+  function _templateObject3_4af39c40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject3_905aae8022d211eaa0764d1a500fd781 = function _templateObject3_905aae8022d211eaa0764d1a500fd781() {
+    _templateObject3_4af39c40243411ea86f395335a802507 = function _templateObject3_4af39c40243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_905aae8022d211eaa0764d1a500fd781() {
+  function _templateObject2_4af39c40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <hexagon-loader\n              item-count=\"4\"\n              loading\n              size=\"small\"\n            ></hexagon-loader>\n          "]);
 
-    _templateObject2_905aae8022d211eaa0764d1a500fd781 = function _templateObject2_905aae8022d211eaa0764d1a500fd781() {
+    _templateObject2_4af39c40243411ea86f395335a802507 = function _templateObject2_4af39c40243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_905aae8022d211eaa0764d1a500fd781() {
+  function _templateObject_4af39c40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-ajax\n        id=\"entityrequest\"\n        method=\"GET\"\n        url=\"", "\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n      ></iron-ajax>\n      ", "\n      <span id=\"replacementcontent\"><slot></slot></span>\n    "]);
 
-    _templateObject_905aae8022d211eaa0764d1a500fd781 = function _templateObject_905aae8022d211eaa0764d1a500fd781() {
+    _templateObject_4af39c40243411ea86f395335a802507 = function _templateObject_4af39c40243411ea86f395335a802507() {
       return data;
     };
 
@@ -59,7 +59,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../util
     babelHelpers.createClass(CMSEntity, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_905aae8022d211eaa0764d1a500fd781(), this.entityEndPoint, this.entityDataChanged, this.loading ? (0, _litElement.html)(_templateObject2_905aae8022d211eaa0764d1a500fd781()) : (0, _litElement.html)(_templateObject3_905aae8022d211eaa0764d1a500fd781()));
+        return (0, _litElement.html)(_templateObject_4af39c40243411ea86f395335a802507(), this.entityEndPoint, this.entityDataChanged, this.loading ? (0, _litElement.html)(_templateObject2_4af39c40243411ea86f395335a802507()) : (0, _litElement.html)(_templateObject3_4af39c40243411ea86f395335a802507()));
       }
     }, {
       key: "entityDataChanged",
@@ -77,7 +77,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../util
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_905aae8022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_4af39c40243411ea86f395335a802507())];
       }
     }]);
 
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 9e5b650bbd1..dd9aca8eef8 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
@@ -7,40 +7,40 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../util
   _exports.CMSToken = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject4_9060f01022d211eaa0764d1a500fd781() {
+  function _templateObject4_4afb3d60243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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        #replacementcontent {\n          transition: 0.6s all ease;\n          visibility: visible;\n          opacity: 1;\n          height: auto;\n          width: auto;\n        }\n        :host([loading]) {\n          text-align: center;\n        }\n        :host([loading]) #replacementcontent {\n          opacity: 0;\n          visibility: hidden;\n          height: 0;\n          width: 0;\n        }\n      "]);
 
-    _templateObject4_9060f01022d211eaa0764d1a500fd781 = function _templateObject4_9060f01022d211eaa0764d1a500fd781() {
+    _templateObject4_4afb3d60243411ea86f395335a802507 = function _templateObject4_4afb3d60243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_9060f01022d211eaa0764d1a500fd781() {
+  function _templateObject3_4afb3d60243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject3_9060f01022d211eaa0764d1a500fd781 = function _templateObject3_9060f01022d211eaa0764d1a500fd781() {
+    _templateObject3_4afb3d60243411ea86f395335a802507 = function _templateObject3_4afb3d60243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_9060f01022d211eaa0764d1a500fd781() {
+  function _templateObject2_4afb3d60243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <hexagon-loader\n              item-count=\"4\"\n              loading\n              size=\"small\"\n            ></hexagon-loader>\n          "]);
 
-    _templateObject2_9060f01022d211eaa0764d1a500fd781 = function _templateObject2_9060f01022d211eaa0764d1a500fd781() {
+    _templateObject2_4afb3d60243411ea86f395335a802507 = function _templateObject2_4afb3d60243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9060f01022d211eaa0764d1a500fd781() {
+  function _templateObject_4afb3d60243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-ajax\n        id=\"tokenrequest\"\n        method=\"GET\"\n        url=\"", "\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n      ></iron-ajax>\n      ", "\n      <span id=\"replacementcontent\"><slot></slot></span>\n    "]);
 
-    _templateObject_9060f01022d211eaa0764d1a500fd781 = function _templateObject_9060f01022d211eaa0764d1a500fd781() {
+    _templateObject_4afb3d60243411ea86f395335a802507 = function _templateObject_4afb3d60243411ea86f395335a802507() {
       return data;
     };
 
@@ -70,7 +70,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../util
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9060f01022d211eaa0764d1a500fd781(), this.tokenEndPoint, this.tokenDataChanged, this.loading ? (0, _litElement.html)(_templateObject2_9060f01022d211eaa0764d1a500fd781()) : (0, _litElement.html)(_templateObject3_9060f01022d211eaa0764d1a500fd781()));
+        return (0, _litElement.html)(_templateObject_4afb3d60243411ea86f395335a802507(), this.tokenEndPoint, this.tokenDataChanged, this.loading ? (0, _litElement.html)(_templateObject2_4afb3d60243411ea86f395335a802507()) : (0, _litElement.html)(_templateObject3_4afb3d60243411ea86f395335a802507()));
       }
     }, {
       key: "tokenDataChanged",
@@ -88,7 +88,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../util
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_9060f01022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_4afb3d60243411ea86f395335a802507())];
       }
     }]);
 
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 291be3cd4bd..2afffc8fd1a 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
@@ -7,40 +7,40 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../util
   _exports.CMSViews = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject4_9065ab0022d211eaa0764d1a500fd781() {
+  function _templateObject4_4b00bba0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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        #replacementcontent {\n          visibility: visible;\n          opacity: 1;\n        }\n        :host([loading]) {\n          text-align: center;\n        }\n        :host([loading]) #replacementcontent {\n          opacity: 0;\n          visibility: hidden;\n        }\n      "]);
 
-    _templateObject4_9065ab0022d211eaa0764d1a500fd781 = function _templateObject4_9065ab0022d211eaa0764d1a500fd781() {
+    _templateObject4_4b00bba0243411ea86f395335a802507 = function _templateObject4_4b00bba0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_9065ab0022d211eaa0764d1a500fd781() {
+  function _templateObject3_4b00bba0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject3_9065ab0022d211eaa0764d1a500fd781 = function _templateObject3_9065ab0022d211eaa0764d1a500fd781() {
+    _templateObject3_4b00bba0243411ea86f395335a802507 = function _templateObject3_4b00bba0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_9065ab0022d211eaa0764d1a500fd781() {
+  function _templateObject2_4b00bba0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <hexagon-loader\n              item-count=\"4\"\n              loading\n              size=\"small\"\n            ></hexagon-loader>\n          "]);
 
-    _templateObject2_9065ab0022d211eaa0764d1a500fd781 = function _templateObject2_9065ab0022d211eaa0764d1a500fd781() {
+    _templateObject2_4b00bba0243411ea86f395335a802507 = function _templateObject2_4b00bba0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9065ab0022d211eaa0764d1a500fd781() {
+  function _templateObject_4b00bba0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-ajax\n        id=\"viewsrequest\"\n        method=\"GET\"\n        url=\"", "\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n      ></iron-ajax>\n      ", "\n      <span id=\"replacementcontent\"><slot></slot></span>\n    "]);
 
-    _templateObject_9065ab0022d211eaa0764d1a500fd781 = function _templateObject_9065ab0022d211eaa0764d1a500fd781() {
+    _templateObject_4b00bba0243411ea86f395335a802507 = function _templateObject_4b00bba0243411ea86f395335a802507() {
       return data;
     };
 
@@ -59,7 +59,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../util
     babelHelpers.createClass(CMSViews, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9065ab0022d211eaa0764d1a500fd781(), this.viewsEndPoint, this.viewsDataChanged, this.loading ? (0, _litElement.html)(_templateObject2_9065ab0022d211eaa0764d1a500fd781()) : (0, _litElement.html)(_templateObject3_9065ab0022d211eaa0764d1a500fd781()));
+        return (0, _litElement.html)(_templateObject_4b00bba0243411ea86f395335a802507(), this.viewsEndPoint, this.viewsDataChanged, this.loading ? (0, _litElement.html)(_templateObject2_4b00bba0243411ea86f395335a802507()) : (0, _litElement.html)(_templateObject3_4b00bba0243411ea86f395335a802507()));
       }
     }, {
       key: "viewsDataChanged",
@@ -73,7 +73,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../util
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_9065ab0022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_4b00bba0243411ea86f395335a802507())];
       }
     }, {
       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 62eb010fa1a..55e6b967e6b 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
@@ -12,20 +12,20 @@ define(["exports", "meta", "require", "../../lit-element/lit-element.js", "../sc
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_7d8bc55022d211eaa0764d1a500fd781() {
+  function _templateObject2_385deb80243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <label for=\"codeeditor\" ?hidden=\"", "\">", "</label>\n      <monaco-element\n        id=\"codeeditor\"\n        ?autofocus=\"", "\"\n        ?hide-line-numbers=\"", "\"\n        lib-path=\"", "\"\n        language=\"", "\"\n        theme=\"", "\"\n        @value-changed=\"", "\"\n        font-size=\"", "\"\n        ?read-only=\"", "\"\n        @code-editor-focus=\"", "\"\n        @code-editor-blur=\"", "\"\n      >\n      </monaco-element>\n      <div class=\"code-pen-container\" ?hidden=\"", "\">\n        <span>Check it out on code pen: </span\n        ><code-pen-button .data=\"", "\"></code-pen-button>\n      </div>\n    "]);
 
-    _templateObject2_7d8bc55022d211eaa0764d1a500fd781 = function _templateObject2_7d8bc55022d211eaa0764d1a500fd781() {
+    _templateObject2_385deb80243411ea86f395335a802507 = function _templateObject2_385deb80243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7d8bc55022d211eaa0764d1a500fd781() {
+  function _templateObject_385deb80243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          padding: 16px;\n          font-family: unset;\n        }\n        :host([hidden]) {\n          display: none !important;\n        }\n        .code-pen-container:not([hidden]) {\n          width: 100%;\n          display: flex;\n          background-color: var(--code-pen-button-color, #222222);\n          color: white;\n          height: 40px;\n          justify-content: flex-end;\n          align-items: center;\n        }\n        .code-pen-container span {\n          display: inline-flex;\n          line-height: 16px;\n          font-size: 16px;\n          padding: 12px;\n        }\n        code-pen-button {\n          float: right;\n          height: 40px;\n        }\n        label {\n          color: var(--code-editor-label-color, #888);\n          transition: all 0.5s;\n        }\n\n        :host([focused]) label {\n          color: var(\n            --code-editor-float-label-active-color,\n            var(--code-editor-label-color, #000)\n          );\n        }\n\n        #codeeditor {\n          height: 100%;\n          display: flex;\n          border: var(--code-editor-code-border);\n          border-radius: var(--code-editor-code-border-radius);\n        }\n\n        :host([focused]) #codeeditor {\n          border: var(--code-editor-focus-code-border);\n        }\n      "]);
 
-    _templateObject_7d8bc55022d211eaa0764d1a500fd781 = function _templateObject_7d8bc55022d211eaa0764d1a500fd781() {
+    _templateObject_385deb80243411ea86f395335a802507 = function _templateObject_385deb80243411ea86f395335a802507() {
       return data;
     };
 
@@ -52,7 +52,7 @@ define(["exports", "meta", "require", "../../lit-element/lit-element.js", "../sc
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_7d8bc55022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_385deb80243411ea86f395335a802507())];
       }
       /**
        * HTMLElement
@@ -93,7 +93,7 @@ define(["exports", "meta", "require", "../../lit-element/lit-element.js", "../sc
     babelHelpers.createClass(CodeEditor, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_7d8bc55022d211eaa0764d1a500fd781(), !this.title, this.title, this.autofocus, this.hideLineNumbers, this.__libPath, this.language, this.theme, this._editorDataChanged, this.fontSize, this.readOnly, this._handleFocus, this._handleBlur, !this.showCodePen, this.codePenData);
+        return (0, _litElement.html)(_templateObject2_385deb80243411ea86f395335a802507(), !this.title, this.title, this.autofocus, this.hideLineNumbers, this.__libPath, this.language, this.theme, this._editorDataChanged, this.fontSize, this.readOnly, this._handleFocus, this._handleBlur, !this.showCodePen, this.codePenData);
       }
     }, {
       key: "updated",
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 872a8aa44e2..f47a53476ef 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,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
   });
   _exports.CodePenButton = void 0;
 
-  function _templateObject2_906758b022d211eaa0764d1a500fd781() {
+  function _templateObject2_4b02de80243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject2_906758b022d211eaa0764d1a500fd781 = function _templateObject2_906758b022d211eaa0764d1a500fd781() {
+    _templateObject2_4b02de80243411ea86f395335a802507 = function _templateObject2_4b02de80243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_906758b022d211eaa0764d1a500fd781() {
+  function _templateObject_4b02de80243411ea86f395335a802507() {
     var data = 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        />\n      </form>\n    "]);
 
-    _templateObject_906758b022d211eaa0764d1a500fd781 = function _templateObject_906758b022d211eaa0764d1a500fd781() {
+    _templateObject_4b02de80243411ea86f395335a802507 = function _templateObject_4b02de80243411ea86f395335a802507() {
       return data;
     };
 
@@ -39,7 +39,7 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
     babelHelpers.createClass(CodePenButton, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_906758b022d211eaa0764d1a500fd781(), this.endPoint, this.dataString);
+        return (0, _litElement.html)(_templateObject_4b02de80243411ea86f395335a802507(), this.endPoint, this.dataString);
       }
     }, {
       key: "firstUpdated",
@@ -53,7 +53,7 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_906758b022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4b02de80243411ea86f395335a802507())];
       }
     }, {
       key: "tag",
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 628accd07ca..b2d0a9658bf 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,20 +6,20 @@ define(["exports", "../../../../lit-element/lit-element.js"], function (_exports
   });
   _exports.MonacoElement = void 0;
 
-  function _templateObject2_966f3b1022d211eaa0764d1a500fd781() {
+  function _templateObject2_515118b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iframe id=\"iframe\" frameborder=\"0\"></iframe>\n    "]);
 
-    _templateObject2_966f3b1022d211eaa0764d1a500fd781 = function _templateObject2_966f3b1022d211eaa0764d1a500fd781() {
+    _templateObject2_515118b0243411ea86f395335a802507 = function _templateObject2_515118b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_966f3b1022d211eaa0764d1a500fd781() {
+  function _templateObject_515118b0243411ea86f395335a802507() {
     var data = 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        }\n      "]);
 
-    _templateObject_966f3b1022d211eaa0764d1a500fd781 = function _templateObject_966f3b1022d211eaa0764d1a500fd781() {
+    _templateObject_515118b0243411ea86f395335a802507 = function _templateObject_515118b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -48,7 +48,7 @@ define(["exports", "../../../../lit-element/lit-element.js"], function (_exports
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_966f3b1022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_515118b0243411ea86f395335a802507())];
       }
     }]);
 
@@ -85,7 +85,7 @@ define(["exports", "../../../../lit-element/lit-element.js"], function (_exports
     babelHelpers.createClass(MonacoElement, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_966f3b1022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject2_515118b0243411ea86f395335a802507());
       }
       /**
        * LitElement / popular convention
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 5a198a0033a..1b3b01f06be 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js", "./lib/themes/one-dark.js
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_7d2bcb0022d211eaa0764d1a500fd781() {
+  function _templateObject2_37f89a00243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject2_7d2bcb0022d211eaa0764d1a500fd781 = function _templateObject2_7d2bcb0022d211eaa0764d1a500fd781() {
+    _templateObject2_37f89a00243411ea86f395335a802507 = function _templateObject2_37f89a00243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7d2bcb0022d211eaa0764d1a500fd781() {
+  function _templateObject_37f89a00243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <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>\n    "]);
 
-    _templateObject_7d2bcb0022d211eaa0764d1a500fd781 = function _templateObject_7d2bcb0022d211eaa0764d1a500fd781() {
+    _templateObject_37f89a00243411ea86f395335a802507 = function _templateObject_37f89a00243411ea86f395335a802507() {
       return data;
     };
 
@@ -54,14 +54,14 @@ define(["exports", "../../lit-element/lit-element.js", "./lib/themes/one-dark.js
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_7d2bcb0022d211eaa0764d1a500fd781(), !this.copyClipboardButton, this._copyToClipboard);
+        return (0, _litElement.html)(_templateObject_37f89a00243411ea86f395335a802507(), !this.copyClipboardButton, this._copyToClipboard);
       } // haxProperty definition
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_7d2bcb0022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_37f89a00243411ea86f395335a802507())];
       }
     }, {
       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 9c5961c7e95..be48a13d5bb 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,16 +6,16 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js"], function
   });
   _exports.defaultTheme = void 0;
 
-  function _templateObject_968ab25022d211eaa0764d1a500fd781() {
+  function _templateObject_5160a910243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_968ab25022d211eaa0764d1a500fd781 = function _templateObject_968ab25022d211eaa0764d1a500fd781() {
+    _templateObject_5160a910243411ea86f395335a802507 = function _templateObject_5160a910243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var defaultTheme = (0, _polymerElement.html)(_templateObject_968ab25022d211eaa0764d1a500fd781());
+  var defaultTheme = (0, _polymerElement.html)(_templateObject_5160a910243411ea86f395335a802507());
   _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 5da16e195e1..51a99be8037 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,16 +6,16 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js"], function
   });
   _exports.github = void 0;
 
-  function _templateObject_968b75a022d211eaa0764d1a500fd781() {
+  function _templateObject_51616c60243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_968b75a022d211eaa0764d1a500fd781 = function _templateObject_968b75a022d211eaa0764d1a500fd781() {
+    _templateObject_51616c60243411ea86f395335a802507 = function _templateObject_51616c60243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var github = (0, _polymerElement.html)(_templateObject_968b75a022d211eaa0764d1a500fd781());
+  var github = (0, _polymerElement.html)(_templateObject_51616c60243411ea86f395335a802507());
   _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 9f11cc8115e..f67971bed28 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,16 +6,16 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js"], function
   });
   _exports.kustomDark = void 0;
 
-  function _templateObject_968c600022d211eaa0764d1a500fd781() {
+  function _templateObject_51627dd0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_968c600022d211eaa0764d1a500fd781 = function _templateObject_968c600022d211eaa0764d1a500fd781() {
+    _templateObject_51627dd0243411ea86f395335a802507 = function _templateObject_51627dd0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var kustomDark = (0, _polymerElement.html)(_templateObject_968c600022d211eaa0764d1a500fd781());
+  var kustomDark = (0, _polymerElement.html)(_templateObject_51627dd0243411ea86f395335a802507());
   _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 a725697ca65..ad54eb69acf 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,16 +6,16 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js"], function
   });
   _exports.kustomLight = void 0;
 
-  function _templateObject_968cfc4022d211eaa0764d1a500fd781() {
+  function _templateObject_51631a10243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_968cfc4022d211eaa0764d1a500fd781 = function _templateObject_968cfc4022d211eaa0764d1a500fd781() {
+    _templateObject_51631a10243411ea86f395335a802507 = function _templateObject_51631a10243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var kustomLight = (0, _polymerElement.html)(_templateObject_968cfc4022d211eaa0764d1a500fd781());
+  var kustomLight = (0, _polymerElement.html)(_templateObject_51631a10243411ea86f395335a802507());
   _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 f3195e363ad..7a2a39357e3 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,16 +6,16 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js"], function
   });
   _exports.oneDark = void 0;
 
-  function _templateObject_968d988022d211eaa0764d1a500fd781() {
+  function _templateObject_5163b650243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_968d988022d211eaa0764d1a500fd781 = function _templateObject_968d988022d211eaa0764d1a500fd781() {
+    _templateObject_5163b650243411ea86f395335a802507 = function _templateObject_5163b650243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var oneDark = (0, _polymerElement.html)(_templateObject_968d988022d211eaa0764d1a500fd781());
+  var oneDark = (0, _polymerElement.html)(_templateObject_5163b650243411ea86f395335a802507());
   _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 d264c88ead9..2fe2ad89bb5 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,16 +6,16 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js"], function
   });
   _exports.oneLight = void 0;
 
-  function _templateObject_968e34c022d211eaa0764d1a500fd781() {
+  function _templateObject_51642b80243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_968e34c022d211eaa0764d1a500fd781 = function _templateObject_968e34c022d211eaa0764d1a500fd781() {
+    _templateObject_51642b80243411ea86f395335a802507 = function _templateObject_51642b80243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var oneLight = (0, _polymerElement.html)(_templateObject_968e34c022d211eaa0764d1a500fd781());
+  var oneLight = (0, _polymerElement.html)(_templateObject_51642b80243411ea86f395335a802507());
   _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 c16afe3c227..cdb60c22123 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,16 +6,16 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js"], function
   });
   _exports.solarizedDark = void 0;
 
-  function _templateObject_968ed10022d211eaa0764d1a500fd781() {
+  function _templateObject_516b7e80243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_968ed10022d211eaa0764d1a500fd781 = function _templateObject_968ed10022d211eaa0764d1a500fd781() {
+    _templateObject_516b7e80243411ea86f395335a802507 = function _templateObject_516b7e80243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var solarizedDark = (0, _polymerElement.html)(_templateObject_968ed10022d211eaa0764d1a500fd781());
+  var solarizedDark = (0, _polymerElement.html)(_templateObject_516b7e80243411ea86f395335a802507());
   _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 c30eb9bdf3a..945bce8f8c0 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,16 +6,16 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js"], function
   });
   _exports.solarizedLight = void 0;
 
-  function _templateObject_968f6d4022d211eaa0764d1a500fd781() {
+  function _templateObject_516c1ac0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_968f6d4022d211eaa0764d1a500fd781 = function _templateObject_968f6d4022d211eaa0764d1a500fd781() {
+    _templateObject_516c1ac0243411ea86f395335a802507 = function _templateObject_516c1ac0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var solarizedLight = (0, _polymerElement.html)(_templateObject_968f6d4022d211eaa0764d1a500fd781());
+  var solarizedLight = (0, _polymerElement.html)(_templateObject_516c1ac0243411ea86f395335a802507());
   _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 519330fe7c1..7aa356b90ec 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
@@ -16,20 +16,20 @@ define(["exports", "../../lit-element/lit-element.js", "../../countup.js/dist/co
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_70681f9022d211eaa0764d1a500fd781() {
+  function _templateObject2_29bc7f60243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject2_70681f9022d211eaa0764d1a500fd781 = function _templateObject2_70681f9022d211eaa0764d1a500fd781() {
+    _templateObject2_29bc7f60243411ea86f395335a802507 = function _templateObject2_29bc7f60243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_70681f9022d211eaa0764d1a500fd781() {
+  function _templateObject_29bc7f60243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        <slot name=\"prefix\"></slot>\n        <div id=\"counter\"></div>\n        <slot name=\"suffix\"></slot>\n      </div>\n    "]);
 
-    _templateObject_70681f9022d211eaa0764d1a500fd781 = function _templateObject_70681f9022d211eaa0764d1a500fd781() {
+    _templateObject_29bc7f60243411ea86f395335a802507 = function _templateObject_29bc7f60243411ea86f395335a802507() {
       return data;
     };
 
@@ -56,14 +56,14 @@ define(["exports", "../../lit-element/lit-element.js", "../../countup.js/dist/co
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_70681f9022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_29bc7f60243411ea86f395335a802507());
       } // haxProperty definition
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_70681f9022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_29bc7f60243411ea86f395335a802507())];
       }
     }, {
       key: "haxProperties",
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 1786cb958e3..fd7fee61e2c 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,60 +7,60 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-col
   _exports.CsvRender = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject6_78aa3a8022d211eaa0764d1a500fd781() {
+  function _templateObject6_3330b1b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                    <td>", "</td>\n                  "]);
 
-    _templateObject6_78aa3a8022d211eaa0764d1a500fd781 = function _templateObject6_78aa3a8022d211eaa0764d1a500fd781() {
+    _templateObject6_3330b1b0243411ea86f395335a802507 = function _templateObject6_3330b1b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject5_78aa3a8022d211eaa0764d1a500fd781() {
+  function _templateObject5_3330b1b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <tr>\n                ", "\n              </tr>\n            "]);
 
-    _templateObject5_78aa3a8022d211eaa0764d1a500fd781 = function _templateObject5_78aa3a8022d211eaa0764d1a500fd781() {
+    _templateObject5_3330b1b0243411ea86f395335a802507 = function _templateObject5_3330b1b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_78aa3a8022d211eaa0764d1a500fd781() {
+  function _templateObject4_3330b1b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <th scope=\"col\">", "</th>\n                "]);
 
-    _templateObject4_78aa3a8022d211eaa0764d1a500fd781 = function _templateObject4_78aa3a8022d211eaa0764d1a500fd781() {
+    _templateObject4_3330b1b0243411ea86f395335a802507 = function _templateObject4_3330b1b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_78aa3a8022d211eaa0764d1a500fd781() {
+  function _templateObject3_3330b1b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <caption>\n                ", "\n              </caption>\n            "]);
 
-    _templateObject3_78aa3a8022d211eaa0764d1a500fd781 = function _templateObject3_78aa3a8022d211eaa0764d1a500fd781() {
+    _templateObject3_3330b1b0243411ea86f395335a802507 = function _templateObject3_3330b1b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_78aa3a8022d211eaa0764d1a500fd781() {
+  function _templateObject2_3330b1b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-ajax\n        auto\n        url=\"", "\"\n        handle-as=\"text\"\n        debounce-duration=\"500\"\n        @last-response-changed=\"", "\"\n        @response=\"", "\"\n      ></iron-ajax>\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        <paper-button\n          ><iron-icon icon=\"file-download\"></iron-icon\n        ></paper-button>\n      </a>\n      <paper-tooltip for=\"download\" animation-delay=\"200\" offset=\"14\"\n        >Download table data</paper-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    "]);
 
-    _templateObject2_78aa3a8022d211eaa0764d1a500fd781 = function _templateObject2_78aa3a8022d211eaa0764d1a500fd781() {
+    _templateObject2_3330b1b0243411ea86f395335a802507 = function _templateObject2_3330b1b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_78aa3a8022d211eaa0764d1a500fd781() {
+  function _templateObject_3330b1b0243411ea86f395335a802507() {
     var data = 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        }\n        #download paper-button {\n          color: var(--simple-colors-default-theme-accent-6);\n          border-radius: 36px;\n          width: 36px;\n          height: 36px;\n          min-width: unset;\n          padding: 0;\n          margin: 0;\n          display: inline-flex;\n        }\n        iron-icon {\n          display: inline-flex;\n          margin: 0;\n          padding: 0;\n        }\n        #download paper-button:hover,\n        #download paper-button:focus,\n        #download paper-button:active {\n          color: var(--simple-colors-default-theme-accent-8);\n          outline: 2px solid var(--simple-colors-default-theme-accent-6);\n        }\n      "]);
 
-    _templateObject_78aa3a8022d211eaa0764d1a500fd781 = function _templateObject_78aa3a8022d211eaa0764d1a500fd781() {
+    _templateObject_3330b1b0243411ea86f395335a802507 = function _templateObject_3330b1b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -88,7 +88,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-col
        * LitElement style construction
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_78aa3a8022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_3330b1b0243411ea86f395335a802507())];
       }
       /**
        * HTMLElement
@@ -147,11 +147,11 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-col
     }, {
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_78aa3a8022d211eaa0764d1a500fd781(), this.dataSource, this.tableDataChanged, this.handleResponse, this.accentColor, this.dataSource, this.summary, this.caption ? (0, _litElement.html)(_templateObject3_78aa3a8022d211eaa0764d1a500fd781(), this.caption) : "", this.tableHeadings.map(function (heading) {
-          return (0, _litElement.html)(_templateObject4_78aa3a8022d211eaa0764d1a500fd781(), heading);
+        return (0, _litElement.html)(_templateObject2_3330b1b0243411ea86f395335a802507(), this.dataSource, this.tableDataChanged, this.handleResponse, this.accentColor, this.dataSource, this.summary, this.caption ? (0, _litElement.html)(_templateObject3_3330b1b0243411ea86f395335a802507(), this.caption) : "", this.tableHeadings.map(function (heading) {
+          return (0, _litElement.html)(_templateObject4_3330b1b0243411ea86f395335a802507(), heading);
         }), this.table.map(function (row) {
-          return (0, _litElement.html)(_templateObject5_78aa3a8022d211eaa0764d1a500fd781(), row.map(function (col) {
-            return (0, _litElement.html)(_templateObject6_78aa3a8022d211eaa0764d1a500fd781(), col);
+          return (0, _litElement.html)(_templateObject5_3330b1b0243411ea86f395335a802507(), row.map(function (col) {
+            return (0, _litElement.html)(_templateObject6_3330b1b0243411ea86f395335a802507(), col);
           }));
         }));
       }
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 51bed8923ee..935e9674ecd 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
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../chartist-ren
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_70c77da022d211eaa0764d1a500fd781() {
+  function _templateObject_2ac2cbd0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <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>\n    "]);
 
-    _templateObject_70c77da022d211eaa0764d1a500fd781 = function _templateObject_70c77da022d211eaa0764d1a500fd781() {
+    _templateObject_2ac2cbd0243411ea86f395335a802507 = function _templateObject_2ac2cbd0243411ea86f395335a802507() {
       return data;
     };
 
@@ -113,7 +113,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../chartist-ren
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_70c77da022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_2ac2cbd0243411ea86f395335a802507());
       }
     }, {
       key: "properties",
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 7bc0b4eb2f5..596a924129f 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,16 +1,16 @@
 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";
 
-  function _templateObject_717e237022d211eaa0764d1a500fd781() {
+  function _templateObject_2afcc790243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_717e237022d211eaa0764d1a500fd781 = function _templateObject_717e237022d211eaa0764d1a500fd781() {
+    _templateObject_2afcc790243411ea86f395335a802507 = function _templateObject_2afcc790243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_717e237022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_2afcc790243411ea86f395335a802507());
   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 77cefec6043..684bbe65b01 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,20 +7,20 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
   _exports.DropdownSelect = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_71c9ab6022d211eaa0764d1a500fd781() {
+  function _templateObject2_2b85f4c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        paper-listbox ::slotted(paper-item) {\n          display: block;\n          width: calc(100% - 32px);\n          padding: 0 16px;\n          min-height: 32px;\n          vertical-align: text-top;\n          line-height: 32px;\n        }\n      "]);
 
-    _templateObject2_71c9ab6022d211eaa0764d1a500fd781 = function _templateObject2_71c9ab6022d211eaa0764d1a500fd781() {
+    _templateObject2_2b85f4c0243411ea86f395335a802507 = function _templateObject2_2b85f4c0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_71c9ab6022d211eaa0764d1a500fd781() {
+  function _templateObject_2b85f4c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-dropdown-menu\n        id=\"menu\"\n        error-message=\"", "\"\n        horizontal-align=\"", "\"\n        label=\"", "\"\n        placeholder=\"", "\"\n        vertical-align=\"", "\"\n        vertical-offset=\"", "\"\n        ?allow-outside-scroll=\"", "\"\n        ?always-float-label=\"", "\"\n        ?dynamic-align=\"", "\"\n        ?no-animations=\"", "\"\n        ?no-label-float=\"", "\"\n        ?restore-focus-on-close=\"", "\"\n        @paper-dropdown-open=\"", "\"\n        @paper-dropdown-close=\"", "\"\n        @selected-item-changed=\"", "\"\n      >\n        <paper-listbox\n          id=\"listbox\"\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          .selected=\"", "\"\n        >\n          <slot id=\"content\"></slot>\n        </paper-listbox>\n      </paper-dropdown-menu>\n    "]);
 
-    _templateObject_71c9ab6022d211eaa0764d1a500fd781 = function _templateObject_71c9ab6022d211eaa0764d1a500fd781() {
+    _templateObject_2b85f4c0243411ea86f395335a802507 = function _templateObject_2b85f4c0243411ea86f395335a802507() {
       return data;
     };
 
@@ -41,12 +41,12 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
     babelHelpers.createClass(DropdownSelect, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_71c9ab6022d211eaa0764d1a500fd781(), this.errorMessage, this.horizontalAlign, this.label, this.placeholder, this.verticalAlign, this.verticalOffset, this.allowOutsideScroll, this.alwaysFloatLabel, this.dynamicAlign, this.noAnimations, this.noLabelFloat, this.restoreFocusOnClose, this._onOpen, this.onClose, this._dropDownChanged, this.selectedItemIndex);
+        return (0, _litElement.html)(_templateObject_2b85f4c0243411ea86f395335a802507(), this.errorMessage, this.horizontalAlign, this.label, this.placeholder, this.verticalAlign, this.verticalOffset, this.allowOutsideScroll, this.alwaysFloatLabel, this.dynamicAlign, this.noAnimations, this.noLabelFloat, this.restoreFocusOnClose, this._onOpen, this.onClose, this._dropDownChanged, this.selectedItemIndex);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_71c9ab6022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_2b85f4c0243411ea86f395335a802507())];
       }
     }, {
       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 4ca651c1c22..22a062ee02b 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,10 +7,10 @@ define(["exports", "require", "../../../@polymer/polymer/polymer-element.js", ".
   _exports.EcoJsonSchemaArray = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_906c3ab022d211eaa0764d1a500fd781() {
+  function _templateObject_4b094720243411ea86f395335a802507() {
     var data = 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\n            is=\"dom-repeat\"\n            items=\"[[_toArray(schema.value)]]\"\n            as=\"item\"\n            restamp\n          >\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                  <paper-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                  </paper-icon-button>\n                  <paper-tooltip for=\"remove-[[index]]\"\n                    >Remove this item</paper-tooltip\n                  >\n                </div>\n              </div>\n            </a11y-collapse>\n          </template>\n        </a11y-collapse-group>\n        <paper-button\n          class=\"add-array-item array-item-button\"\n          on-click=\"_onAddItem\"\n          role=\"button\"\n        >\n          Add an item\n          <iron-icon icon=\"add-circle\"></iron-icon>\n        </paper-button>\n      </fieldset>\n    "], ["\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\n            is=\"dom-repeat\"\n            items=\"[[_toArray(schema.value)]]\"\n            as=\"item\"\n            restamp\n          >\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                  <paper-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                  </paper-icon-button>\n                  <paper-tooltip for=\"remove-[[index]]\"\n                    >Remove this item</paper-tooltip\n                  >\n                </div>\n              </div>\n            </a11y-collapse>\n          </template>\n        </a11y-collapse-group>\n        <paper-button\n          class=\"add-array-item array-item-button\"\n          on-click=\"_onAddItem\"\n          role=\"button\"\n        >\n          Add an item\n          <iron-icon icon=\"add-circle\"></iron-icon>\n        </paper-button>\n      </fieldset>\n    "]);
 
-    _templateObject_906c3ab022d211eaa0764d1a500fd781 = function _templateObject_906c3ab022d211eaa0764d1a500fd781() {
+    _templateObject_4b094720243411ea86f395335a802507 = function _templateObject_4b094720243411ea86f395335a802507() {
       return data;
     };
 
@@ -208,7 +208,7 @@ define(["exports", "require", "../../../@polymer/polymer/polymer-element.js", ".
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_906c3ab022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4b094720243411ea86f395335a802507());
       }
     }, {
       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 3e0ae3422be..006d48b6e07 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaBoolean = void 0;
 
-  function _templateObject_906ef9d022d211eaa0764d1a500fd781() {
+  function _templateObject_4b25f6e0243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_906ef9d022d211eaa0764d1a500fd781 = function _templateObject_906ef9d022d211eaa0764d1a500fd781() {
+    _templateObject_4b25f6e0243411ea86f395335a802507 = function _templateObject_4b25f6e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -92,7 +92,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_906ef9d022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4b25f6e0243411ea86f395335a802507());
       }
     }, {
       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 691b7e17641..82bf6a6c62d 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaEnum = void 0;
 
-  function _templateObject_9071e00022d211eaa0764d1a500fd781() {
+  function _templateObject_4b292b30243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_9071e00022d211eaa0764d1a500fd781 = function _templateObject_9071e00022d211eaa0764d1a500fd781() {
+    _templateObject_4b292b30243411ea86f395335a802507 = function _templateObject_4b292b30243411ea86f395335a802507() {
       return data;
     };
 
@@ -100,7 +100,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9071e00022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4b292b30243411ea86f395335a802507());
       }
     }, {
       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 217c9e5f3c3..ea6affa11d8 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaFieldset = void 0;
 
-  function _templateObject_907a929022d211eaa0764d1a500fd781() {
+  function _templateObject_4b2c5f80243411ea86f395335a802507() {
     var data = 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    "], ["\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    "]);
 
-    _templateObject_907a929022d211eaa0764d1a500fd781 = function _templateObject_907a929022d211eaa0764d1a500fd781() {
+    _templateObject_4b2c5f80243411ea86f395335a802507 = function _templateObject_4b2c5f80243411ea86f395335a802507() {
       return data;
     };
 
@@ -82,7 +82,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_907a929022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4b2c5f80243411ea86f395335a802507());
       }
     }, {
       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 a5b82b10b2b..589d8d05bac 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaFile = void 0;
 
-  function _templateObject_9078bdd022d211eaa0764d1a500fd781() {
+  function _templateObject_4b3427b0243411ea86f395335a802507() {
     var data = 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        paper-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        paper-progress {\n          --paper-progress-active-color: #03a9f4;\n        }\n\n        paper-progress[error] {\n          --paper-progress-active-color: #f40303;\n        }\n      </style>\n\n      <div class=\"layout horizontal nowrap\">\n        <div>\n          <paper-button\n            id=\"button\"\n            on-click=\"_fileClick\"\n            alt=\"{{paperButtonAlt}}\"\n            raised=\"\"\n          >\n            <iron-icon icon=\"editor:attach-file\"></iron-icon\n            >{{paperButtonTitle}}</paper-button\n          >\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                    <iron-icon\n                      icon=\"autorenew\"\n                      title=\"{{retryText}}\"\n                      on-click=\"_retryUpload\"\n                      hidden$=\"{{!item.error}}\"\n                    ></iron-icon>\n                    <iron-icon\n                      icon=\"cancel\"\n                      title=\"{{removeText}}\"\n                      on-click=\"_cancelUpload\"\n                      hidden$=\"{{item.complete}}\"\n                    ></iron-icon>\n                    <iron-icon\n                      icon=\"check-circle\"\n                      title=\"{{successText}}\"\n                      hidden$=\"{{!item.complete}}\"\n                    ></iron-icon>\n                  </div>\n                </div>\n                <div class=\"error\" hidden$=\"{{!item.error}}\">\n                  {{errorText}}\n                </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    "], ["\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        paper-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        paper-progress {\n          --paper-progress-active-color: #03a9f4;\n        }\n\n        paper-progress[error] {\n          --paper-progress-active-color: #f40303;\n        }\n      </style>\n\n      <div class=\"layout horizontal nowrap\">\n        <div>\n          <paper-button\n            id=\"button\"\n            on-click=\"_fileClick\"\n            alt=\"{{paperButtonAlt}}\"\n            raised=\"\"\n          >\n            <iron-icon icon=\"editor:attach-file\"></iron-icon\n            >{{paperButtonTitle}}</paper-button\n          >\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                    <iron-icon\n                      icon=\"autorenew\"\n                      title=\"{{retryText}}\"\n                      on-click=\"_retryUpload\"\n                      hidden\\$=\"{{!item.error}}\"\n                    ></iron-icon>\n                    <iron-icon\n                      icon=\"cancel\"\n                      title=\"{{removeText}}\"\n                      on-click=\"_cancelUpload\"\n                      hidden\\$=\"{{item.complete}}\"\n                    ></iron-icon>\n                    <iron-icon\n                      icon=\"check-circle\"\n                      title=\"{{successText}}\"\n                      hidden\\$=\"{{!item.complete}}\"\n                    ></iron-icon>\n                  </div>\n                </div>\n                <div class=\"error\" hidden\\$=\"{{!item.error}}\">\n                  {{errorText}}\n                </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    "]);
 
-    _templateObject_9078bdd022d211eaa0764d1a500fd781 = function _templateObject_9078bdd022d211eaa0764d1a500fd781() {
+    _templateObject_4b3427b0243411ea86f395335a802507 = function _templateObject_4b3427b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -376,7 +376,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9078bdd022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4b3427b0243411ea86f395335a802507());
       }
     }, {
       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 51b7acc26eb..42b0ab0edbb 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaInput = void 0;
 
-  function _templateObject_907eff6022d211eaa0764d1a500fd781() {
+  function _templateObject_4b384660243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_907eff6022d211eaa0764d1a500fd781 = function _templateObject_907eff6022d211eaa0764d1a500fd781() {
+    _templateObject_4b384660243411ea86f395335a802507 = function _templateObject_4b384660243411ea86f395335a802507() {
       return data;
     };
 
@@ -186,7 +186,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_907eff6022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4b384660243411ea86f395335a802507());
       }
     }, {
       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 97ddf6ec09a..936c2e13fe0 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaMarkup = void 0;
 
-  function _templateObject_9080d42022d211eaa0764d1a500fd781() {
+  function _templateObject_4b3a9050243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_9080d42022d211eaa0764d1a500fd781 = function _templateObject_9080d42022d211eaa0764d1a500fd781() {
+    _templateObject_4b3a9050243411ea86f395335a802507 = function _templateObject_4b3a9050243411ea86f395335a802507() {
       return data;
     };
 
@@ -59,7 +59,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9080d42022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4b3a9050243411ea86f395335a802507());
       }
     }, {
       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 023de24f3c6..54fed3a6978 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaObject = void 0;
 
-  function _templateObject_908f531022d211eaa0764d1a500fd781() {
+  function _templateObject_4b498470243411ea86f395335a802507() {
     var data = 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            --paper-tooltip-background: var(--eco-json-form-active-color);\n            --paper-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    "], ["\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            --paper-tooltip-background: var(--eco-json-form-active-color);\n            --paper-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    "]);
 
-    _templateObject_908f531022d211eaa0764d1a500fd781 = function _templateObject_908f531022d211eaa0764d1a500fd781() {
+    _templateObject_4b498470243411ea86f395335a802507 = function _templateObject_4b498470243411ea86f395335a802507() {
       return data;
     };
 
@@ -849,7 +849,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_908f531022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4b498470243411ea86f395335a802507());
       }
     }, {
       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 4992ac1a6be..66d204e7b6a 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaTabs = void 0;
 
-  function _templateObject_9092123022d211eaa0764d1a500fd781() {
+  function _templateObject_4b4bce60243411ea86f395335a802507() {
     var data = 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            margin-bottom: 15px;\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: 8px 16px 16px;\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]]\">\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            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    "]);
 
-    _templateObject_9092123022d211eaa0764d1a500fd781 = function _templateObject_9092123022d211eaa0764d1a500fd781() {
+    _templateObject_4b4bce60243411ea86f395335a802507 = function _templateObject_4b4bce60243411ea86f395335a802507() {
       return data;
     };
 
@@ -85,7 +85,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9092123022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4b4bce60243411ea86f395335a802507());
       }
     }, {
       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 dd794b656f5..761ef6c69af 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EcoJsonSchemaWizard = void 0;
 
-  function _templateObject_909b881022d211eaa0764d1a500fd781() {
+  function _templateObject_4b5655b0243411ea86f395335a802507() {
     var data = 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 paper-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        paper-icon-button id=\"camButton\" icon=\"editor:insert-photo\" raised>add photo</paper-icon-button\n      -->\n        <app-toolbar>\n          <paper-icon-button\n            id=\"prevButton\"\n            icon=\"arrow-back\"\n            hidden$=\"{{!hasPrev}}\"\n            on-click=\"prev\"\n            raised=\"\"\n            >{{localize('prev')}}</paper-icon-button\n          ><span\n            class=\"title layout horizontal flex\"\n            style=\"white-space: normal\"\n            >[[title]]</span\n          >\n          <paper-icon-button\n            id=\"nextButton\"\n            icon=\"arrow-forward\"\n            hidden$=\"{{!hasNext}}\"\n            on-click=\"next\"\n            raised=\"\"\n            >{{localize('next')}}</paper-icon-button\n          >\n          <paper-icon-button\n            id=\"submitButton\"\n            icon=\"cloud-upload\"\n            on-click=\"submit\"\n            raised=\"\"\n            >{{localize('submit')}}</paper-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            <paper-icon-button id=\"prevButton\" icon=\"arrow-back\" raised=\"\"\n              >{{localize('prev')}}</paper-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            <paper-icon-button id=\"nextButton\" icon=\"arrow-forward\" raised=\"\"\n              >{{localize('next')}}</paper-icon-button\n            >\n          </div>\n        </app-toolbar>\n      </div>\n    "], ["\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 paper-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        paper-icon-button id=\"camButton\" icon=\"editor:insert-photo\" raised>add photo</paper-icon-button\n      -->\n        <app-toolbar>\n          <paper-icon-button\n            id=\"prevButton\"\n            icon=\"arrow-back\"\n            hidden\\$=\"{{!hasPrev}}\"\n            on-click=\"prev\"\n            raised=\"\"\n            >{{localize('prev')}}</paper-icon-button\n          ><span\n            class=\"title layout horizontal flex\"\n            style=\"white-space: normal\"\n            >[[title]]</span\n          >\n          <paper-icon-button\n            id=\"nextButton\"\n            icon=\"arrow-forward\"\n            hidden\\$=\"{{!hasNext}}\"\n            on-click=\"next\"\n            raised=\"\"\n            >{{localize('next')}}</paper-icon-button\n          >\n          <paper-icon-button\n            id=\"submitButton\"\n            icon=\"cloud-upload\"\n            on-click=\"submit\"\n            raised=\"\"\n            >{{localize('submit')}}</paper-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            <paper-icon-button id=\"prevButton\" icon=\"arrow-back\" raised=\"\"\n              >{{localize('prev')}}</paper-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            <paper-icon-button id=\"nextButton\" icon=\"arrow-forward\" raised=\"\"\n              >{{localize('next')}}</paper-icon-button\n            >\n          </div>\n        </app-toolbar>\n      </div>\n    "]);
 
-    _templateObject_909b881022d211eaa0764d1a500fd781 = function _templateObject_909b881022d211eaa0764d1a500fd781() {
+    _templateObject_4b5655b0243411ea86f395335a802507 = function _templateObject_4b5655b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -634,7 +634,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_909b881022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4b5655b0243411ea86f395335a802507());
       }
     }, {
       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 26e3effcb7a..96a9e756407 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
@@ -11,30 +11,30 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-mod
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject3_71be12a022d211eaa0764d1a500fd781() {
+  function _templateObject3_2b737e30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        #list {\n          height: 100%;\n        }\n      "]);
 
-    _templateObject3_71be12a022d211eaa0764d1a500fd781 = function _templateObject3_71be12a022d211eaa0764d1a500fd781() {
+    _templateObject3_2b737e30243411ea86f395335a802507 = function _templateObject3_2b737e30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_71be12a022d211eaa0764d1a500fd781() {
+  function _templateObject2_2b737e30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <editable-list-item\n              ?edit-mode=\"", "\"\n              ?can-edit=\"", "\"\n              ?can-delete=\"", "\"\n              value=\"", "\"\n            ></editable-list-item>\n          "]);
 
-    _templateObject2_71be12a022d211eaa0764d1a500fd781 = function _templateObject2_71be12a022d211eaa0764d1a500fd781() {
+    _templateObject2_2b737e30243411ea86f395335a802507 = function _templateObject2_2b737e30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_71be12a022d211eaa0764d1a500fd781() {
+  function _templateObject_2b737e30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"list\">\n        ", "\n      </div>\n    "]);
 
-    _templateObject_71be12a022d211eaa0764d1a500fd781 = function _templateObject_71be12a022d211eaa0764d1a500fd781() {
+    _templateObject_2b737e30243411ea86f395335a802507 = function _templateObject_2b737e30243411ea86f395335a802507() {
       return data;
     };
 
@@ -55,8 +55,8 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-mod
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_71be12a022d211eaa0764d1a500fd781(), this.items.map(function (item) {
-          return (0, _litElement.html)(_templateObject2_71be12a022d211eaa0764d1a500fd781(), item.metadata.canEdit, item.metadata.canEdit, item.metadata.canDelete, item.title);
+        return (0, _litElement.html)(_templateObject_2b737e30243411ea86f395335a802507(), this.items.map(function (item) {
+          return (0, _litElement.html)(_templateObject2_2b737e30243411ea86f395335a802507(), item.metadata.canEdit, item.metadata.canEdit, item.metadata.canDelete, item.title);
         }));
       } // properties available to the custom element for data binding
 
@@ -64,7 +64,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-mod
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_71be12a022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_2b737e30243411ea86f395335a802507())];
       }
     }, {
       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 8a4bfb3cacc..f31d0eb715b 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,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../../simple-colors/s
   });
   _exports.EditableListItem = void 0;
 
-  function _templateObject2_909ee37022d211eaa0764d1a500fd781() {
+  function _templateObject2_4b5a2640243411ea86f395335a802507() {
     var data = 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        paper-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 paper-icon-button {\n          border-radius: 50%;\n          height: 32px;\n          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      "]);
 
-    _templateObject2_909ee37022d211eaa0764d1a500fd781 = function _templateObject2_909ee37022d211eaa0764d1a500fd781() {
+    _templateObject2_4b5a2640243411ea86f395335a802507 = function _templateObject2_4b5a2640243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_909ee37022d211eaa0764d1a500fd781() {
+  function _templateObject_4b5a2640243411ea86f395335a802507() {
     var data = 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        <paper-icon-button\n          @click=\"", "\"\n          id=\"edit\"\n          icon=\"icons:create\"\n        ></paper-icon-button>\n        <paper-icon-button\n          @click=\"", "\"\n          id=\"add\"\n          icon=\"icons:add\"\n        ></paper-icon-button>\n        <paper-icon-button\n          @click=\"", "\"\n          id=\"duplicate\"\n          icon=\"icons:content-copy\"\n        ></paper-icon-button>\n        <paper-icon-button\n          @click=\"", "\"\n          id=\"delete\"\n          icon=\"icons:delete\"\n        ></paper-icon-button>\n      </div>\n    "]);
 
-    _templateObject_909ee37022d211eaa0764d1a500fd781 = function _templateObject_909ee37022d211eaa0764d1a500fd781() {
+    _templateObject_4b5a2640243411ea86f395335a802507 = function _templateObject_4b5a2640243411ea86f395335a802507() {
       return data;
     };
 
@@ -44,7 +44,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../simple-colors/s
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_909ee37022d211eaa0764d1a500fd781(), this.value, this.valueChanged, !this.editing, !this.editing, this.value, !this.editMode, this._editToggle, this._editToggle, this._editToggle, this._deleteModal);
+        return (0, _litElement.html)(_templateObject_4b5a2640243411ea86f395335a802507(), this.value, this.valueChanged, !this.editing, !this.editing, this.value, !this.editMode, this._editToggle, this._editToggle, this._editToggle, this._deleteModal);
       }
     }, {
       key: "valueChanged",
@@ -78,7 +78,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../simple-colors/s
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(EditableListItem), "styles", this)), [(0, _litElement.css)(_templateObject2_909ee37022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(EditableListItem), "styles", this)), [(0, _litElement.css)(_templateObject2_4b5a2640243411ea86f395335a802507())]);
       }
     }]);
 
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 35aac497f0e..087def81f83 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../utils/util
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_74ee6b0022d211eaa0764d1a500fd781() {
+  function _templateObject2_2ee39eb0243411ea86f395335a802507() {
     var data = 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        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        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        li {\n          font-size: 16px;\n          line-height: 32px;\n          padding: 4px;\n          transition: 0.2s linear all;\n        }\n        ul:hover {\n          outline: 1px solid #eeeeee;\n        }\n        li.collapsed-title {\n          background-color: #dddddd;\n        }\n        li.collapsed-title:after {\n          content: \"    ( Double-click to expand )\";\n        }\n        li:after {\n          transition: 0.4s ease-in-out all;\n          opacity: 0;\n          font-size: 11px;\n          visibility: hidden;\n        }\n        li.collapsed-title:hover:after {\n          font-style: italic;\n          opacity: 1;\n          visibility: visible;\n        }\n        ul.collapsed-content {\n          visibility: hidden;\n          opacity: 0;\n          height: 0;\n        }\n        li:focus,\n        li:active,\n        li:hover {\n          background-color: #eeeeee;\n          outline: 1px solid #cccccc;\n        }\n\n        iron-icon {\n          pointer-events: none;\n        }\n      "]);
 
-    _templateObject2_74ee6b0022d211eaa0764d1a500fd781 = function _templateObject2_74ee6b0022d211eaa0764d1a500fd781() {
+    _templateObject2_2ee39eb0243411ea86f395335a802507 = function _templateObject2_2ee39eb0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_74ee6b0022d211eaa0764d1a500fd781() {
+  function _templateObject_2ee39eb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-a11y-keys\n        keys=\"enter\"\n        @keys-pressed=\"", "\"\n        stop-keyboard-event-propagation\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        keys=\"up\"\n        @keys-pressed=\"", "\"\n        stop-keyboard-event-propagation\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        keys=\"down\"\n        @keys-pressed=\"", "\"\n        stop-keyboard-event-propagation\n      ></iron-a11y-keys>\n      <div class=\"button-wrapper\">\n        <button @click=\"", "\" id=\"add\" title=\"Add a new node\">\n          <iron-icon icon=\"icons:add\"></iron-icon><span>Add</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"collapse\"\n          title=\"Toggle active node collapsed status\"\n        >\n          <iron-icon icon=\"icons:swap-vert\"></iron-icon\n          ><span>Toggle active</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"collapseall\"\n          title=\"Collapse all nodes\"\n        >\n          <iron-icon icon=\"icons:swap-vert\"></iron-icon\n          ><span>Collapse all</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"expandall\"\n          title=\"Expand all nodes\"\n        >\n          <iron-icon icon=\"icons:swap-vert\"></iron-icon><span>Expand all</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"down\"\n          title=\"Move active node down\"\n        >\n          <iron-icon icon=\"icons:arrow-downward\"></iron-icon\n          ><span>Move down</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"up\"\n          title=\"Move active node up\"\n        >\n          <iron-icon icon=\"icons:arrow-upward\"></iron-icon><span>Move up</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"outdent\"\n          title=\"Outdent active node\"\n        >\n          <iron-icon icon=\"editor:format-indent-decrease\"></iron-icon\n          ><span>Outdent</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"indent\"\n          title=\"Indent active node\"\n        >\n          <iron-icon icon=\"editor:format-indent-increase\"></iron-icon\n          ><span>Indent</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"duplicate\"\n          title=\"Duplicate active node tree\"\n        >\n          <iron-icon icon=\"icons:content-copy\"></iron-icon\n          ><span>Duplicate</span>\n        </button>\n        <button\n          @click=\"", "\"\n          id=\"delete\"\n          title=\"Delete active node\"\n        >\n          <iron-icon icon=\"icons:delete\"></iron-icon><span>Delete</span>\n        </button>\n      </div>\n      <ul id=\"outline\"></ul>\n    "]);
 
-    _templateObject_74ee6b0022d211eaa0764d1a500fd781 = function _templateObject_74ee6b0022d211eaa0764d1a500fd781() {
+    _templateObject_2ee39eb0243411ea86f395335a802507 = function _templateObject_2ee39eb0243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,14 +45,14 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../utils/util
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_74ee6b0022d211eaa0764d1a500fd781(), this._enterPressed, this._upPressed, this._downPressed, this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents, this.buttonEvents);
+        return (0, _litElement.html)(_templateObject_2ee39eb0243411ea86f395335a802507(), this._enterPressed, this._upPressed, this._downPressed, this.buttonEvents, 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
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_74ee6b0022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_2ee39eb0243411ea86f395335a802507())];
       }
     }, {
       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 f5bc7ac4976..4ea2e265bc0 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
@@ -6,10 +6,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
   });
   _exports.EditableTable = void 0;
 
-  function _templateObject_732766a022d211eaa0764d1a500fd781() {
+  function _templateObject_2c240980243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"editable-table-styles\">\n        :host {\n          --paper-listbox-background-color: var(\n            --editable-table-rowcol-bg-color\n          );\n        }\n        :host .filter-icon,\n        :host .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        :host table {\n          min-width: calc(100% - 2.3px);\n          width: unset;\n        }\n        :host caption {\n          width: 100%;\n          padding: 0;\n          margin: 0;\n          color: var(--editable-table-caption-color);\n        }\n        :host caption,\n        :host .th-or-td {\n          border: 1px solid #ddd;\n        }\n        :host label,\n        :host .label {\n          font-size: var(--editable-table-secondary-font-size);\n          font-family: var(--editable-table-secondary-font-family);\n        }\n        :host .field-group {\n          width: 100%;\n          padding: 0;\n          margin: 0;\n          transition: all 2s;\n          color: var(--editable-table-caption-color);\n        }\n        :host .field-group:not([hidden]) {\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: space-between;\n          align-items: center;\n        }\n        :host caption > *,\n        :host .field-group > * {\n          margin: 0 2.5px;\n        }\n        :host .field-group .field-group {\n          width: unset;\n        }\n        :host .th,\n        :host th {\n          padding: 0;\n          vertical-align: center;\n          color: var(--editable-table-rowcol-color);\n          background-color: var(--editable-table-rowcol-bg-color);\n          outline: var(--editable-table-border);\n        }\n        :host td {\n          margin: 0;\n          padding: var(--editable-table-cell-padding);\n        }\n        :host th:hover,\n        :host th:focus-within {\n          background-color: var(--editable-table-rowcol-hover-bg-color);\n        }\n        :host .th:first-child {\n          width: 96px;\n        }\n        :host([responsive]) thead .th:nth-of-type(3),\n        :host([responsive]) .td:nth-of-type(2) {\n          border-right-width: calc(var(--editable-table-border-width) + 5px);\n          border-right-style: double;\n        }\n        :host([bordered]) thead .th:not(:first-child) {\n          border-bottom: var(--editable-table-border);\n        }\n        :host([striped][column-header])\n          tbody\n          .tr:nth-child(2n + 1):not(:first-of-type)\n          .td,\n        :host([striped]:not([column-header])) tbody .tr:nth-child(2n) .td {\n          @apply --editable-table-style-stripe;\n        }\n        :host([column-header]) tbody .tr:first-child .td {\n          @apply --editable-table-style-column-header;\n        }\n        :host([row-header]) tbody .tr .td:first-of-type {\n          @apply --editable-table-style-row-header;\n        }\n        :host([footer]) tbody .tr:last-of-type .td {\n          @apply --editable-table-style-footer;\n        }\n      </style>\n      <iron-ajax\n        auto\n        hidden$=\"[[!dataCsv]]\"\n        url=\"[[dataCsv]]\"\n        handle-as=\"text\"\n        debounce-duration=\"500\"\n        last-response=\"{{csvData}}\"\n        on-response=\"_loadExternalData\"\n      ></iron-ajax>\n      <editable-table-display\n        aria-hidden$=\"[[editMode]]\"\n        bordered$=\"[[bordered]]\"\n        caption$=\"[[caption]]\"\n        column-header$=\"[[columnHeader]]\"\n        data=\"{{data}}\"\n        condensed$=\"[[condensed]]\"\n        filter$=\"[[filter]]\"\n        footer$=\"[[footer]]\"\n        hidden$=\"[[editMode]]\"\n        responsive$=\"[[responsive]]\"\n        row-header$=\"[[rowHeader]]\"\n        sort$=\"[[sort]]\"\n        striped$=\"[[striped]]\"\n      >\n      </editable-table-display>\n      <div id=\"outer\" hidden$=\"[[!editMode]]\" aria-hidden$=\"[[!editMode]]\">\n        <div id=\"inner\">\n          <p class=\"sr-only\">Table Editor</p>\n          <table\n            id=\"table-editmode\"\n            bordered$=\"[[bordered]]\"\n            condensed$=\"[[condensed]]\"\n            striped$=\"[[striped]]\"\n          >\n            <caption>\n              <p class=\"sr-only\">Edit Mode for</p>\n              <paper-input\n                id=\"caption\"\n                label=\"Caption\"\n                placeholder=\"A title for the table.\"\n                on-change=\"_captionChanged\"\n                value$=\"{{caption}}\"\n              >\n              </paper-input>\n            </caption>\n            <thead>\n              <tr class=\"tr\">\n                <th class=\"th th-or-td\" scope=\"col\">\n                  <span class=\"sr-only\">Row Operations</span>\n                </th>\n                <template\n                  id=\"headers\"\n                  is=\"dom-repeat\"\n                  items=\"[[data]]\"\n                  as=\"row\"\n                  index-as=\"tr\"\n                  mutable-data\n                  restamp\n                >\n                  <template is=\"dom-if\" if=\"[[_isFirstRow(tr)]]\" restamp>\n                    <template\n                      id=\"headercols\"\n                      is=\"dom-repeat\"\n                      items=\"[[row]]\"\n                      as=\"cell\"\n                      index-as=\"th\"\n                      mutable-data\n                      restamp\n                    >\n                      <th class=\"th th-or-td col-[[th]]\" scope=\"col\">\n                        <editable-table-editor-rowcol\n                          index$=\"[[th]]\"\n                          condensed$=\"[[condensed]]\"\n                          on-rowcol-action=\"_handleRowColumnMenu\"\n                        >\n                        </editable-table-editor-rowcol>\n                      </th>\n                    </template>\n                  </template>\n                </template>\n              </tr>\n            </thead>\n            <tbody id=\"tbody\">\n              <template\n                id=\"rows\"\n                is=\"dom-repeat\"\n                items=\"[[data]]\"\n                as=\"row\"\n                index-as=\"tr\"\n                mutable-data\n                restamp\n              >\n                <tr class=\"tr tbody-tr\">\n                  <th class=\"th th-or-td\" scope=\"row\">\n                    <editable-table-editor-rowcol\n                      index$=\"[[tr]]\"\n                      condensed$=\"[[condensed]]\"\n                      on-rowcol-action=\"_handleRowColumnMenu\"\n                      row\n                    >\n                    </editable-table-editor-rowcol>\n                  </th>\n                  <template\n                    id=\"columns\"\n                    index-as=\"td\"\n                    is=\"dom-repeat\"\n                    items=\"[[row]]\"\n                    as=\"cell\"\n                    mutable-data\n                    restamp\n                  >\n                    <td class=\"td th-or-td\" on-click=\"_onCellClick\">\n                      <editable-table-editor-cell\n                        id=\"cell-[[td]]-[[tr]]\"\n                        class=\"cell\"\n                        column=\"[[td]]\"\n                        row=\"[[tr]]\"\n                        on-change=\"_onCellValueChange\"\n                        value=\"{{cell}}\"\n                      >\n                        <iron-icon\n                          class=\"sortable-icon\"\n                          icon=\"editable-table:sortable\"\n                          aria-hidden=\"true\"\n                        ></iron-icon>\n                        <iron-icon\n                          class=\"filter-icon\"\n                          icon=\"editable-table:filter-off\"\n                        ></iron-icon>\n                      </editable-table-editor-cell>\n                    </td>\n                  </template>\n                </tr>\n              </template>\n            </tbody>\n          </table>\n        </div>\n        <div class=\"field-group\">\n          <div class=\"field-group\">\n            <div class=\"label\">Headers and footers</div>\n            <editable-table-editor-toggle\n              id=\"columnHeader\"\n              icon=\"editable-table:column-headers\"\n              label=\"First row has column headers.\"\n              on-change=\"_onTableSettingChange\"\n              toggled$=\"[[columnHeader]]\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              id=\"rowHeader\"\n              icon=\"editable-table:row-headers\"\n              on-change=\"_onTableSettingChange\"\n              label=\"First column has row headers.\"\n              toggled$=\"[[rowHeader]]\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              id=\"footer\"\n              icon=\"editable-table:footer\"\n              label=\"Last row is a footer.\"\n              on-change=\"_onTableSettingChange\"\n              toggled$=\"[[footer]]\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n          <div class=\"field-group\" hidden$=\"[[hideDisplay]]\">\n            <div class=\"label\">Display</div>\n            <editable-table-editor-toggle\n              id=\"bordered\"\n              disabled$=\"[[hideBordered]]\"\n              hidden$=\"[[hideBordered]]\"\n              icon=\"image:grid-on\"\n              label=\"Borders.\"\n              on-change=\"_onTableSettingChange\"\n              toggled$=\"[[bordered]]\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              id=\"striped\"\n              disabled$=\"[[hideStriped]]\"\n              hidden$=\"[[hideStriped]]\"\n              icon=\"editable-table:row-striped\"\n              label=\"Alternating rows.\"\n              on-change=\"_onTableSettingChange\"\n              toggled$=\"[[striped]]\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              id=\"condensed\"\n              disabled$=\"[[hideCondensed]]\"\n              hidden$=\"[[hideCondensed]]\"\n              icon=\"editable-table:row-condensed\"\n              label=\"Condensed rows.\"\n              on-change=\"_onTableSettingChange\"\n              toggled$=\"[[condensed]]\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              id=\"responsive\"\n              disabled$=\"[[hideResponsive]]\"\n              hidden$=\"[[hideResponsive]]\"\n              icon=\"device:devices\"\n              label=\"Adjust width to screen size.\"\n              on-change=\"_onTableSettingChange\"\n              toggled$=\"[[responsive]]\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n          <div class=\"field-group\" hidden$=\"[[hideSortFilter]]\">\n            <div class=\"label\">Data</div>\n            <editable-table-editor-toggle\n              id=\"sort\"\n              disabled$=\"[[_isSortDisabled(hideSort,columnHeader)]]\"\n              hidden$=\"[[_isSortDisabled(hideSort,columnHeader)]]\"\n              label=\"Column sorting (for tables with column headers).\"\n              icon=\"editable-table:sortable\"\n              on-change=\"_onTableSettingChange\"\n              toggled$=\"[[sort]]\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              id=\"filter\"\n              disabled$=\"[[hideFilter]]\"\n              hidden$=\"[[hideFilter]]\"\n              icon=\"editable-table:filter\"\n              label=\"Column filtering.\"\n              on-change=\"_onTableSettingChange\"\n              toggled$=\"[[filter]]\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n        </div>\n      </div>\n      <div id=\"htmlImport\" hidden><slot></slot></div>\n    "]);
 
-    _templateObject_732766a022d211eaa0764d1a500fd781 = function _templateObject_732766a022d211eaa0764d1a500fd781() {
+    _templateObject_2c240980243411ea86f395335a802507 = function _templateObject_2c240980243411ea86f395335a802507() {
       return data;
     };
 
@@ -335,7 +335,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_732766a022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_2c240980243411ea86f395335a802507());
       }
     }, {
       key: "tag",
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 ad5e897f850..599b321bfb2 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,10 +7,10 @@ define(["exports", "require", "../../../@polymer/polymer/polymer-element.js", ".
   _exports.EditableTableDisplay = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_90ac780022d211eaa0764d1a500fd781() {
+  function _templateObject_4b694170243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"editable-table-styles\">\n        :host .th-or-td {\n          padding: var(--editable-table-cell-padding);\n        }\n        :host([bordered]) .th {\n          border: 1px solid var(--editable-table-border-color);\n        }\n        :host([striped]) .tbody-tr:nth-child(2n) .th,\n        :host([striped]) .tbody-tr:nth-child(2n) .td {\n          @apply --editable-table-style-stripe;\n        }\n        :host([sort]) thead th,\n        :host([filter]) tbody td {\n          padding: 0;\n        }\n        :host([column-header]) .thead-tr .th {\n          @apply --editable-table-style-column-header;\n        }\n        :host([row-header]) .tbody-tr .th {\n          @apply --editable-table-style-row-header;\n        }\n        :host([footer]) .tfoot-tr .th,\n        :host([footer]) .tfoot-tr .td {\n          @apply --editable-table-style-footer;\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);\n        }\n        @media screen {\n          :host([responsive][responsive-size=\"xs\"]) caption {\n            padding: 0;\n          }\n          :host([responsive][responsive-size=\"xs\"])\n            caption\n            > div\n            > *:not(#column) {\n            padding: 0 0 5px;\n          }\n          :host([responsive][responsive-size=\"xs\"]) caption > div {\n            display: flex;\n            align-items: flex-end;\n            justify-content: space-between;\n          }\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      </style>\n      <iron-ajax\n        auto\n        url=\"[[dataCsv]]\"\n        hidden$=\"[[!dataCsv]]\"\n        handle-as=\"text\"\n        debounce-duration=\"500\"\n        last-response=\"{{csvData}}\"\n        on-response=\"_loadExternalData\"\n      ></iron-ajax>\n      <table id=\"table\" class=\"table\" hidden$=\"[[hidden]]\">\n        <caption>\n          <div>\n            [[caption]]\n            <simple-picker\n              id=\"column\"\n              align-right\n              aria-labelledby$=\"[[tables.0.label]]\"\n              hide-sample\n              value$=\"{{selected}}\"\n              on-change=\"_selectedChanged\"\n              options=\"[[options]]\"\n            >\n            </simple-picker>\n          </div>\n        </caption>\n        <thead hidden=\"[[!columnHeader]]\">\n          <tr class=\"tr thead-tr\">\n            <template\n              is=\"dom-repeat\"\n              items=\"[[thead.0]]\"\n              as=\"th\"\n              index-as=\"index\"\n              mutable-data\n              restamp\n            >\n              <th\n                class=\"th th-or-td\"\n                cell-index$=\"[[index]]\"\n                numeric$=\"[[_isNumericColumn(index)]]\"\n                scope=\"col\"\n                xs-hidden$=\"[[_isColHidden(index,1)]]\"\n              >\n                <template is=\"dom-if\" if=\"[[sort]]\" restamp>\n                  <editable-table-sort\n                    sort-column$=\"[[sortColumn]]\"\n                    column-index=\"[[index]]\"\n                    text$=\"[[_replaceBlankCell(th)]]\"\n                  ></editable-table-sort>\n                </template>\n                <template is=\"dom-if\" if=\"[[!sort]]\" restamp\n                  >[[_replaceBlankCell(th)]]\n                </template>\n              </th>\n            </template>\n          </tr>\n        </thead>\n        <tbody id=\"tbody\" class=\"tbody\">\n          <template\n            is=\"dom-repeat\"\n            items=\"[[tbody]]\"\n            as=\"tr\"\n            filter=\"{{filterRows(filterColumn,filterText)}}\"\n            mutable-data\n            restamp\n          >\n            <tr class=\"tr tbody-tr\">\n              <template\n                is=\"dom-repeat\"\n                items=\"[[tr]]\"\n                as=\"cell\"\n                index-as=\"index\"\n                mutable-data\n                restamp\n              >\n                <template\n                  is=\"dom-if\"\n                  if=\"[[_isRowHeader(rowHeader,index)]]\"\n                  restamp\n                >\n                  <th\n                    class=\"th th-or-td\"\n                    cell-index$=\"[[index]]\"\n                    numeric$=\"[[_isNumericColumn(index)]]\"\n                    xs-hidden$=\"[[_isColHidden(index,1)]]\"\n                    scope=\"row\"\n                  >\n                    [[_replaceBlankCell(cell)]]\n                  </th>\n                </template>\n                <template\n                  is=\"dom-if\"\n                  if=\"[[!_isRowHeader(rowHeader,index)]]\"\n                  restamp\n                >\n                  <td\n                    class=\"td cell th-or-td\"\n                    cell-index$=\"[[index]]\"\n                    numeric$=\"[[_isNumericColumn(index)]]\"\n                    negative$=\"[[_isNegative(cell)]]\"\n                    xs-hidden$=\"[[_isColHidden(index,1)]]\"\n                  >\n                    <template is=\"dom-if\" if=\"[[filter]]\" restamp>\n                      <editable-table-filter\n                        column-index=\"[[index]]\"\n                        text$=\"[[_replaceBlankCell(cell)]]\"\n                        filtered$=\"[[_isFiltered(index,filterColumn,filtered)]]\"\n                      ></editable-table-filter>\n                    </template>\n                    <template is=\"dom-if\" if=\"[[!filter]]\" restamp>\n                      <span class=\"cell\">[[_replaceBlankCell(cell)]]</span>\n                    </template>\n                  </td>\n                </template>\n              </template>\n            </tr>\n          </template>\n        </tbody>\n        <template is=\"dom-if\" if=\"[[footer]]\">\n          <tfoot class=\"tfoot\">\n            <tr class=\"tr tfoot-tr\">\n              <template\n                is=\"dom-repeat\"\n                items=\"[[tfoot.0]]\"\n                as=\"cell\"\n                index-as=\"index\"\n                mutable-data\n                restamp\n              >\n                <template is=\"dom-if\" if=\"[[_isRowHeader(rowHeader,index)]]\">\n                  <th\n                    class=\"th th-or-td\"\n                    cell-index$=\"[[index]]\"\n                    numeric$=\"[[_isNumericColumn(index)]]\"\n                    xs-hidden$=\"[[_isColHidden(index,1)]]\"\n                    scope=\"row\"\n                  >\n                    [[_replaceBlankCell(cell)]]\n                  </th>\n                </template>\n                <template is=\"dom-if\" if=\"[[!_isRowHeader(rowHeader,index)]]\">\n                  <td\n                    class=\"td cell th-or-td\"\n                    cell-index$=\"[[index]]\"\n                    numeric$=\"[[_isNumericColumn(index)]]\"\n                    negative$=\"[[_isNegative(cell)]]\"\n                    xs-hidden$=\"[[_isColHidden(index,1)]]\"\n                  >\n                    [[_replaceBlankCell(cell)]]\n                  </td>\n                </template>\n              </template>\n            </tr>\n          </tfoot>\n        </template>\n      </table>\n      <div id=\"htmlImport\" hidden><slot></slot></div>\n    "]);
 
-    _templateObject_90ac780022d211eaa0764d1a500fd781 = function _templateObject_90ac780022d211eaa0764d1a500fd781() {
+    _templateObject_4b694170243411ea86f395335a802507 = function _templateObject_4b694170243411ea86f395335a802507() {
       return data;
     };
 
@@ -286,7 +286,7 @@ define(["exports", "require", "../../../@polymer/polymer/polymer-element.js", ".
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_90ac780022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4b694170243411ea86f395335a802507());
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor-cell.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor-cell.js
index ea9e4cf5c44..7b084d7cbeb 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor-cell.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor-cell.js
@@ -6,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EditableTableEditorCell = void 0;
 
-  function _templateObject_90b307b022d211eaa0764d1a500fd781() {
+  function _templateObject_4b6d3910243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\">\n        :host {\n          padding: 0;\n          margin: 0;\n          width: calc(\n            100% - var(--editable-table-row-horizontal-padding) -\n              var(--editable-table-row-horizontal-padding)\n          );\n          min-width: unset;\n          display: inline-flex;\n          justify-content: space-between;\n          align-items: center;\n          align-content: stretch;\n        }\n        :host iron-autogrow-textarea {\n          width: 100%;\n          padding: 0;\n          border: none;\n          font-weight: unset;\n          resize: none;\n          -webkit-appearance: none;\n          -mozilla-appearance: none;\n          flex-grow: 1;\n          --iron-autogrow-textarea: {\n            padding: 0;\n            font-weight: unset;\n            border: none;\n            resize: none;\n            flex-direction: column;\n            -webkit-flex-direction: column;\n            -webkit-appearance: none;\n            -mozilla-appearance: none;\n          }\n        }\n        :host iron-autogrow-textarea > * {\n          padding: 0;\n          font-weight: unset;\n          border: none;\n          resize: none;\n          flex-direction: column;\n          -webkit-flex-direction: column;\n          -webkit-appearance: none;\n          -mozilla-appearance: none;\n        }\n      </style>\n      <iron-autogrow-textarea\n        autofocus\n        id=\"cell\"\n        label$=\"[[label]]\"\n        on-value-changed=\"_onValueChanged\"\n        value$=\"{{value}}\"\n      >\n      </iron-autogrow-textarea>\n      <div id=\"icons\"><slot></slot></div>\n    "]);
 
-    _templateObject_90b307b022d211eaa0764d1a500fd781 = function _templateObject_90b307b022d211eaa0764d1a500fd781() {
+    _templateObject_4b6d3910243411ea86f395335a802507 = function _templateObject_4b6d3910243411ea86f395335a802507() {
       return data;
     };
 
@@ -234,7 +234,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_90b307b022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4b6d3910243411ea86f395335a802507());
       }
     }, {
       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 2e6cc204c3a..b9c9a3aff37 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EditableTableEditorRowcol = void 0;
 
-  function _templateObject_90af854022d211eaa0764d1a500fd781() {
+  function _templateObject_4b706d60243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --paper-item-min-height: 24px;\n        }\n        :host .sr-only {\n          position: absolute;\n          left: -9999px;\n          font-size: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n        :host #label {\n          margin: 0;\n          padding: 0;\n        }\n        :host paper-menu-button {\n          margin: 0;\n          padding: 0;\n          width: 100%;\n        }\n        :host paper-listbox {\n          padding: 0;\n          background-color: var(--editable-table-bg-color);\n        }\n        :host paper-button,\n        :host paper-item {\n          margin: 0;\n          text-transform: none;\n          background-color: transparent;\n          text-align: left;\n          font-family: var(--editable-table-secondary-font-family);\n          color: var(--editable-table-color);\n        }\n        :host paper-item {\n          font-size: var(--editable-table-secondary-font-size);\n        }\n        :host paper-button {\n          display: block;\n          padding-top: var(--editable-table-row-vertical-padding);\n          padding-bottom: var(--editable-table-row-vertical-padding);\n        }\n        :host([condensed]) paper-button {\n          padding-top: var(--editable-table-row-vertical-padding-condensed);\n          padding-bottom: var(--editable-table-row-vertical-padding-condensed);\n        }\n      </style>\n      <paper-menu-button id=\"menu\">\n        <paper-button slot=\"dropdown-trigger\">\n          <span class=\"sr-only\">[[_getType(row)]]</span>\n          <span id=\"label\">[[label]]</span>\n          <span class=\"sr-only\">Menu</span>\n          <iron-icon icon=\"arrow-drop-down\"></iron-icon>\n        </paper-button>\n        <paper-listbox\n          slot=\"dropdown-content\"\n          label=\"[_getType(row)]] [[label]] Menu\"\n        >\n          <paper-item role=\"button\" on-click=\"_onInsertBefore\">\n            Insert [[_getType(row)]] Before\n            <span class=\"sr-only\">[[label]]]</span>\n          </paper-item>\n          <paper-item role=\"button\" on-click=\"_onInsertAfter\">\n            Insert [[_getType(row)]] After\n            <span class=\"sr-only\">[[label]]]</span>\n          </paper-item>\n          <paper-item role=\"button\" on-click=\"_onDelete\">\n            Delete [[_getType(row)]]\n            <span class=\"sr-only\">[[label]]]</span>\n          </paper-item>\n        </paper-listbox>\n      </paper-menu-button>\n      <paper-tooltip for=\"menu\">[[_getType(row)]] [[label]] Menu</paper-tooltip>\n    "]);
 
-    _templateObject_90af854022d211eaa0764d1a500fd781 = function _templateObject_90af854022d211eaa0764d1a500fd781() {
+    _templateObject_4b706d60243411ea86f395335a802507 = function _templateObject_4b706d60243411ea86f395335a802507() {
       return data;
     };
 
@@ -116,7 +116,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_90af854022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4b706d60243411ea86f395335a802507());
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor-toggle.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor-toggle.js
index 5e3ea1b06b2..37aabedcbf7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor-toggle.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor-toggle.js
@@ -6,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EditableTableEditorToggle = void 0;
 
-  function _templateObject_90b4dc7022d211eaa0764d1a500fd781() {
+  function _templateObject_4b726930243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host([hidden]) {\n          display: none;\n        }\n        :host paper-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(--editable-table-secondary-font-family);\n          background-color: var(--editable-table-button-bg-color);\n          color: var(--editable-table-button-color);\n        }\n        :host([toggled]) paper-button {\n          background-color: var(--editable-table-button-toggled-bg-color);\n          color: var(--editable-table-button-toggled-color);\n        }\n        :host(:not([disabled])) paper-button:focus,\n        :host(:not([disabled])) paper-button:hover {\n          background-color: var(--editable-table-button-hover-bg-color);\n          color: var(--editable-table-button-hover-color);\n          cursor: pointer;\n        }\n        :host([toggled]:not([disabled])) paper-button:focus,\n        :host([toggled]:not([disabled])) paper-button:hover {\n          background-color: var(--editable-table-button-toggled-hover-bg-color);\n          color: var(--editable-table-button-toggled-hover-color);\n          cursor: pointer;\n        }\n        :host([disabled]) paper-button {\n          background-color: var(--editable-table-button-disabled-bg-color);\n          color: var(--editable-table-button-disabled-color);\n          cursor: not-allowed;\n        }\n        :host paper-button > div {\n          flex-grow: 1;\n        }\n        :host .sr-only {\n          position: absolute;\n          left: -9999px;\n          font-size: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n        :host #filter-off {\n          opacity: 0.25;\n        }\n      </style>\n      <paper-button\n        id=\"button\"\n        active$=\"[[toggled]]\"\n        disabled$=\"[[disabled]]\"\n        label=\"[[label]]\"\n        toggles\n        on-click=\"_onClick\"\n      >\n        <span class=\"sr-only\">[[label]]</span>\n        <iron-icon icon$=\"[[icon]]\" aria-hidden=\"true\"></iron-icon>\n      </paper-button>\n      <paper-tooltip id=\"tooltip\" for=\"button\" aria-hidden\n        >[[label]]</paper-tooltip\n      >\n    "]);
 
-    _templateObject_90b4dc7022d211eaa0764d1a500fd781 = function _templateObject_90b4dc7022d211eaa0764d1a500fd781() {
+    _templateObject_4b726930243411ea86f395335a802507 = function _templateObject_4b726930243411ea86f395335a802507() {
       return data;
     };
 
@@ -66,7 +66,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_90b4dc7022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4b726930243411ea86f395335a802507());
       }
     }, {
       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 9a10f8bbc71..9f715ca522a 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,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pap
   });
   _exports.EditableTableFilter = void 0;
 
-  function _templateObject2_90c8165022d211eaa0764d1a500fd781() {
+  function _templateObject2_4b746500243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        paper-button {\n          padding: var(--editable-table-cell-padding, 0);\n          margin: 0;\n          width: auto;\n          min-width: unset;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          align-content: stretch;\n          text-transform: unset;\n          font-family: var(--editable-table-font-family);\n        }\n        paper-button > div {\n          flex-grow: 1;\n        }\n        iron-icon {\n          min-width: 24px;\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        #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_90c8165022d211eaa0764d1a500fd781 = function _templateObject2_90c8165022d211eaa0764d1a500fd781() {
+    _templateObject2_4b746500243411ea86f395335a802507 = function _templateObject2_4b746500243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_90c8165022d211eaa0764d1a500fd781() {
+  function _templateObject_4b746500243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-button\n        id=\"button\"\n        class=\"container\"\n        @click=\"", "\"\n      >\n        <span>", "</span>\n        <span class=\"sr-only\" .hidden=\"", "\"> (filtered)</span>\n        <span class=\"sr-only\"> Toggle filter.</span>\n        <iron-icon id=\"filter\" icon=\"editable-table:filter\"></iron-icon>\n        <iron-icon id=\"filter-off\" icon=\"editable-table:filter-off\"></iron-icon>\n      </paper-button>\n      <paper-tooltip for=\"button\"\n        >Toggle Column ", " filter for\n        \"", "\"</paper-tooltip\n      >\n    "]);
 
-    _templateObject_90c8165022d211eaa0764d1a500fd781 = function _templateObject_90c8165022d211eaa0764d1a500fd781() {
+    _templateObject_4b746500243411ea86f395335a802507 = function _templateObject_4b746500243411ea86f395335a802507() {
       return data;
     };
 
@@ -43,12 +43,12 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pap
     babelHelpers.createClass(EditableTableFilter, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_90c8165022d211eaa0764d1a500fd781(), this._onFilterClicked, this.text, !this.filtered, this.columnIndex, this.text);
+        return (0, _litElement.html)(_templateObject_4b746500243411ea86f395335a802507(), this._onFilterClicked, this.text, !this.filtered, this.columnIndex, this.text);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_90c8165022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4b746500243411ea86f395335a802507())];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-iconset.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-iconset.js
index 634e0aea149..78cb0c144fc 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-iconset.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-iconset.js
@@ -1,16 +1,16 @@
 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";
 
-  function _templateObject_90c8d9a022d211eaa0764d1a500fd781() {
+  function _templateObject_4b752850243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg size=\"24\" name=\"editable-table\">\n    <!-- column headers -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"column-headers\">\n          <rect style=\"opacity: 0.7\" x=\"3\" y=\"3\" width=\"18\" height=\"6\" />\n          <path\n            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\"\n          />\n        </g>\n      </defs>\n    </svg>\n    <!-- row-headers -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"row-headers\">\n          <rect style=\"opacity: 0.7\" x=\"3\" y=\"3\" width=\"6\" height=\"18\" />\n          <path\n            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\"\n          />\n        </g>\n      </defs>\n    </svg>\n    <!-- row-striped -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"row-striped\">\n          <rect style=\"opacity: 0.4\" x=\"3\" y=\"3\" width=\"18\" height=\"6\" />\n          <rect style=\"opacity: 0.4\" x=\"3\" y=\"15\" width=\"18\" height=\"6\" />\n          <path\n            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\"\n          />\n        </g>\n      </defs>\n    </svg>\n    <!-- footer -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"footer\">\n          <rect style=\"opacity: 0.7\" x=\"3\" y=\"15\" width=\"18\" height=\"6\" />\n          <path\n            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\"\n          />\n        </g>\n      </defs>\n    </svg>\n    <!-- filter -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"filter\">\n          <path d=\"M5,7l7,7,7-7Z\"></path>\n          <rect x=\"11\" y=\"13\" width=\"2\" height=\"4\"></rect>\n        </g>\n      </defs>\n    </svg>\n    <!-- row-condensed -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"row-condensed\">\n          <path\n            d=\"M20,2H4A2,2,0,0,0,2,4V20a2,2,0,0,0,2,2H20a2,2,0,0,0,2-2V4A2,2,0,0,0,20,2ZM8,20H4V17.5H8Zm0-4.5H4V13H8ZM8,11H4V8.74H8ZM8,6.5H4V4H8ZM14,20H10V17.5h4Zm0-4.5H10V13h4ZM14,11H10V8.74h4Zm0-4.5H10V4h4ZM20,20H16V17.5h4Zm0-4.5H16V13h4ZM20,11H16V8.5h4Zm0-4.5H16V4h4Z\"\n          />\n        </g>\n      </defs>\n    </svg>\n    <!-- filter off -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"filter-off\">\n          <polygon\n            points=\"19.26 6.95 10.7 6.95 14.98 11.23 19.26 6.95\"\n          ></polygon>\n          <polygon\n            points=\"5 4.92 7.03 6.95 5.26 6.95 11.26 12.95 11.26 16.95 13.26 16.95 13.26 13.18 17.57 17.49 18.49 16.57 5.92 4 5 4.92\"\n          ></polygon>\n        </g>\n      </defs>\n    </svg>\n    <!-- sortable -->\n    <svg viewBox=\"0 0 24 24\" preserveAspectRatio=\"xMidYMid meet\">\n      <defs>\n        <g id=\"sortable\">\n          <path d=\"M7,13l5,5l5-5H7z M17,11l-5-5l-5,5H17z\"></path>\n        </g>\n      </defs>\n    </svg>\n  </iron-iconset-svg>\n"]);
 
-    _templateObject_90c8d9a022d211eaa0764d1a500fd781 = function _templateObject_90c8d9a022d211eaa0764d1a500fd781() {
+    _templateObject_4b752850243411ea86f395335a802507 = function _templateObject_4b752850243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_90c8d9a022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4b752850243411ea86f395335a802507());
   document.head.appendChild(template.content);
 });
\ No newline at end of file
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 8bda6eb736d..81ff2f865bf 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.EditableTableSort = void 0;
 
-  function _templateObject_90cad57022d211eaa0764d1a500fd781() {
+  function _templateObject_4b76fd10243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\">\n        :host paper-button {\n          padding: var(--editable-table-cell-padding, 0);\n          margin: 0;\n          width: auto;\n          min-width: unset;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          align-content: stretch;\n          text-transform: unset;\n          font-family: var(--editable-table-font-family);\n        }\n        :host paper-button > div {\n          flex-grow: 1;\n        }\n        :host .sr-only {\n          position: absolute;\n          left: -9999px;\n          font-size: 0;\n          height: 0;\n          width: 0;\n          overflow: hidden;\n        }\n        :host(:not([sort-mode=\"asc\"])) .asc,\n        :host(:not([sort-mode=\"desc\"])) .desc,\n        :host(:not([sort-mode=\"none\"])) .none,\n        :host #asc,\n        :host #desc,\n        :host([sorting]:not([sort-mode=\"none\"])) #none {\n          display: none;\n        }\n        :host([sorting][sort-mode=\"asc\"]) #asc,\n        :host([sorting][sort-mode=\"desc\"]) #desc {\n          display: flex;\n        }\n      </style>\n      <paper-button id=\"button\" class=\"container\" on-click=\"_onSortClicked\">\n        [[text]] <span class=\"sr-only asc\">(ascending)</span>\n        <span class=\"sr-only desc\">(descending)</span>\n        <span class=\"sr-only\"> Toggle sort mode.</span>\n        <iron-icon id=\"asc\" icon=\"arrow-drop-up\"></iron-icon>\n        <iron-icon id=\"desc\" icon=\"arrow-drop-down\"></iron-icon>\n        <iron-icon id=\"none\" icon=\"editable-table:sortable\"></iron-icon>\n      </paper-button>\n    "]);
 
-    _templateObject_90cad57022d211eaa0764d1a500fd781 = function _templateObject_90cad57022d211eaa0764d1a500fd781() {
+    _templateObject_4b76fd10243411ea86f395335a802507 = function _templateObject_4b76fd10243411ea86f395335a802507() {
       return data;
     };
 
@@ -77,7 +77,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_90cad57022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4b76fd10243411ea86f395335a802507());
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-styles.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-styles.js
index 12979251915..6358413bf0d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-styles.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-styles.js
@@ -1,10 +1,10 @@
 define(["../../../@polymer/polymer/polymer-element.js"], function (_polymerElement) {
   "use strict";
 
-  function _templateObject_90cbe6e022d211eaa0764d1a500fd781() {
+  function _templateObject_4b77e770243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n  <style is=\"custom-style\">\n    :host {\n      display: block;\n      width: 100%;\n      max-width: 100%;\n      margin: 15px 0;\n      --editable-table-font-size: unset;\n      --editable-table-secondary-font-size: 12px;\n      --editable-table-caption-font-size: var(--editable-table-font-size);\n      --editable-table-font-family: inherit;\n      --editable-table-secondary-font-family: \"Roboto\", \"Noto\", sans-serif;\n      font-family: var(--editable-table-font-family);\n\n      --editable-table-light-weight: 200;\n      --editable-table-medium-weight: 300;\n      --editable-table-heavy-weight: 600;\n      --editable-table-color: #222;\n      --editable-table-bg-color: #fff;\n      --editable-table-caption-bg-color: #fff;\n      --editable-table-heading-color: #000;\n      --editable-table-heading-bg-color: #ddd;\n      --editable-table-stripe-bg-color: #eee;\n\n      --editable-table-row-horizontal-padding: 6px;\n      --editable-table-row-vertical-padding: 10px;\n      --editable-table-row-horizontal-padding-condensed: 4px;\n      --editable-table-row-vertical-padding-condensed: 2px;\n      --editable-table-row-padding: var(--editable-table-row-vertical-padding)\n        var(--editable-table-row-horizontal-padding);\n      --editable-table-row-padding-condensed: var(\n          --editable-table-row-vertical-padding-condensed\n        )\n        var(--editable-table-row-horizontal-padding-condensed);\n      --editable-table-cell-padding: var(--editable-table-row-padding);\n\n      --editable-table-border-width: 1px;\n      --editable-table-border-style: solid;\n      --editable-table-border-color: #999;\n      --editable-table-border: var(--editable-table-border-width)\n        var(--editable-table-border-style) var(--editable-table-border-color);\n\n      --editable-table-caption-color: var(--editable-table-color);\n      --editable-table-button-color: var(--editable-table-border-color);\n      --editable-table-button-bg-color: var(--editable-table-bg-color);\n      --editable-table-button-toggled-color: var(--editable-table-color);\n      --editable-table-button-toggled-bg-color: var(--editable-table-bg-color);\n      --editable-table-button-hover-color: var(--editable-table-button-color);\n      --editable-table-button-toggled-hover-color: var(\n        --editable-table-heading-color\n      );\n      --editable-table-button-hover-bg-color: var(\n        --editable-table-heading-bg-color\n      );\n      --editable-table-button-toggled-hover-bg-color: var(\n        --editable-table-heading-bg-color\n      );\n      --editable-table-button-disabled-color: var(\n        --editable-table-heading-bg-color\n      );\n      --editable-table-button-disabled-bg-color: var(--editable-table-bg-color);\n      --secondary-text-color: var(--editable-table-border-color);\n      --editable-table-rowcol-color: var(--editable-table-heading-color);\n      --editable-table-rowcol-bg-color: var(--editable-table-stripe-bg-color);\n      --editable-table-rowcol-hover-bg-color: var(\n        --editable-table-heading-bg-color\n      );\n\n      --simple-picker-font-family: var(--editable-table-secondary-font-family);\n      --simple-picker-font-size: var(--editable-table-secondary-font-size);\n      --simple-picker-color: var(--editable-table-color);\n      --simple-picker-background-color: var(--editable-table-bg-color);\n\n      --editable-table-style-stripe: {\n        background-color: var(--editable-table-stripe-bg-color);\n      }\n      --editable-table-style-column-header: {\n        font-weight: var(--editable-table-heavy-weight);\n        color: var(--editable-table-heading-color);\n        background-color: var(--editable-table-heading-bg-color);\n      }\n      --editable-table-style-row-header: {\n        font-weight: var(--editable-table-heavy-weight);\n        color: var(--editable-table-heading-color);\n      }\n      --editable-table-style-footer: {\n        font-weight: var(--editable-table-heavy-weight);\n        color: var(--editable-table-heading-color);\n        border-top: 3px solid var(--editable-table-color);\n      }\n      --paper-font-caption: {\n        font-family: var(--editable-table-secondary-font-family);\n      }\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    :host([condensed]) {\n      --editable-table-cell-padding: var(\n        --editable-table-row-padding-condensed\n      );\n    }\n    :host .sr-only {\n      position: absolute;\n      left: -9999px;\n      font-size: 0;\n      height: 0;\n      width: 0;\n      overflow: hidden;\n    }\n    :host table {\n      width: calc(\n        100% - var(--editable-table-border-width) -\n          var(--editable-table-border-width)\n      );\n      display: table;\n      border-collapse: collapse;\n      border: var(--editable-table-border);\n    }\n    :host table,\n    :host .th-or-td {\n      font-weight: var(--editable-table-light-weight);\n      color: var(--editable-table-color);\n      background-color: var(--editable-table-bg-color);\n    }\n    :host caption {\n      padding: 0 0 5px;\n      font-size: var(--editable-table-caption-font-size);\n      font-weight: var(--editable-table-heavy-weight);\n      color: var(--editable-table-caption-color);\n      background-color: var(--editable-table-caption-bg-color);\n      width: 100%;\n    }\n    :host tr {\n      display: table-row;\n    }\n    :host .th-or-td {\n      display: table-cell;\n    }\n    :host([bordered]) .td {\n      border: var(--editable-table-border);\n    }\n    :host caption,\n    :host table .th-or-td {\n      text-align: left;\n    }\n    :host table .th-or-td[numeric] {\n      text-align: var(--editable-table-numeric-text-align, unset);\n    }\n    :host table .td[negative] .cell {\n      color: var(--editable-table-negative-color, --editable-table-color);\n    }\n    :host editable-table-sort {\n      width: 100%;\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  </style>\n"]);
 
-    _templateObject_90cbe6e022d211eaa0764d1a500fd781 = function _templateObject_90cbe6e022d211eaa0764d1a500fd781() {
+    _templateObject_4b77e770243411ea86f395335a802507 = function _templateObject_4b77e770243411ea86f395335a802507() {
       return data;
     };
 
@@ -12,7 +12,7 @@ define(["../../../@polymer/polymer/polymer-element.js"], function (_polymerEleme
   }
 
   var styleElement = document.createElement("dom-module");
-  var css = (0, _polymerElement.html)(_templateObject_90cbe6e022d211eaa0764d1a500fd781());
+  var css = (0, _polymerElement.html)(_templateObject_4b77e770243411ea86f395335a802507());
   styleElement.appendChild(css);
   styleElement.register("editable-table-styles");
   window.EditableTableStyleManager = {};
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 fa80ef9b5ca..2a6c23f5ce7 100644
--- 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
@@ -10,20 +10,20 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_9775ae9022d211eaa0764d1a500fd781() {
+  function _templateObject2_52693f70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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 {\n          height: 75vh;\n          font-family: Roboto, sans-serif;\n          --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n        }\n\n        vaadin-grid .cell {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          padding-right: 56px;\n        }\n\n        vaadin-grid .cell.last {\n          padding-right: 24px;\n        }\n\n        vaadin-grid .cell.numeric {\n          text-align: right;\n        }\n\n        vaadin-grid paper-checkbox {\n          --primary-color: var(--paper-indigo-500);\n          margin: 0 24px;\n        }\n\n        vaadin-grid vaadin-grid-sorter .cell {\n          flex: 1;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        vaadin-grid vaadin-grid-sorter iron-icon {\n          transform: scale(0.8);\n        }\n\n        vaadin-grid vaadin-grid-sorter:not([direction]) iron-icon {\n          color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n        }\n\n        vaadin-grid vaadin-grid-sorter[direction] {\n          color: rgba(0, 0, 0, var(--dark-primary-opacity));\n        }\n\n        vaadin-grid vaadin-grid-sorter[direction=\"desc\"] iron-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      "]);
 
-    _templateObject2_9775ae9022d211eaa0764d1a500fd781 = function _templateObject2_9775ae9022d211eaa0764d1a500fd781() {
+    _templateObject2_52693f70243411ea86f395335a802507 = function _templateObject2_52693f70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9775ae9022d211eaa0764d1a500fd781() {
+  function _templateObject_52693f70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          vaadin-grid {\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        </style>\n      </custom-style>\n      <app-location\n        .route=\"", "\"\n        @route-changed=\"", "\"\n      ></app-location>\n      <app-route\n        pattern=\"", "/submissions/:submission\"\n        .route=\"", "\"\n        @route-changed=\"", "\"\n        .data=\"", "\"\n        @data-changed=\"", "\"\n        .tail=\"", "\"\n        @tail-changed=\"", "\"\n      >\n      </app-route>\n      <iron-ajax\n        auto\n        id=\"optionsrequest\"\n        url=\"", "\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n      ></iron-ajax>\n      <simple-picker\n        id=\"section\"\n        label=\"Section\"\n        value=\"", "\"\n        @value-changed=\"", "\"\n        .options=\"", "\"\n      ></simple-picker>\n      <simple-picker\n        id=\"game\"\n        label=\"Game\"\n        value=\"", "\"\n        @value-changed=\"", "\"\n        .options=\"", "\"\n      ></simple-picker>\n      <iron-ajax\n        auto\n        id=\"datarequest\"\n        url=\"", "\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n      ></iron-ajax>\n      <vaadin-grid\n        ?hidden=\"", "\"\n        id=\"material\"\n        aria-label=\"Student project list\"\n        .items=\"", "\"\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>\n            [[item.name]]\n          </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    "]);
 
-    _templateObject_9775ae9022d211eaa0764d1a500fd781 = function _templateObject_9775ae9022d211eaa0764d1a500fd781() {
+    _templateObject_52693f70243411ea86f395335a802507 = function _templateObject_52693f70243411ea86f395335a802507() {
       return data;
     };
 
@@ -37,7 +37,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(GameShowScoreboard, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9775ae9022d211eaa0764d1a500fd781(), this.route, this.routeChangedEvent, this.endPoint, this.route, this.routeChangedEvent, this.data, this.dataChangedEvent, this.tail, this.tailChangedEvent, this.optionsPath, this.optionsDataChangedEvent, this.section, this.sectionEvent, this.sectionOptions, this.game, this.gameEvent, this.gameOptions, this.dataRequestUrl, this.activeDataEvent, !this.visibleData, this._toArray(this.visibleData));
+        return (0, _litElement.html)(_templateObject_52693f70243411ea86f395335a802507(), this.route, this.routeChangedEvent, this.endPoint, this.route, this.routeChangedEvent, this.data, this.dataChangedEvent, this.tail, this.tailChangedEvent, this.optionsPath, this.optionsDataChangedEvent, this.section, this.sectionEvent, this.sectionOptions, this.game, this.gameEvent, this.gameOptions, this.dataRequestUrl, this.activeDataEvent, !this.visibleData, this._toArray(this.visibleData));
       }
     }], [{
       key: "styles",
@@ -46,7 +46,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9775ae9022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_52693f70243411ea86f395335a802507())];
       }
     }, {
       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 d3c3ca36815..222cd6a0760 100644
--- 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,10 +6,10 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@vaadi
   });
   _exports.LrnappCanvasListing = void 0;
 
-  function _templateObject8_977ba20022d211eaa0764d1a500fd781() {
+  function _templateObject8_527107a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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 {\n          height: 75vh;\n          font-family: Roboto, sans-serif;\n        }\n\n        vaadin-grid .cell {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          padding-right: 56px;\n        }\n\n        vaadin-grid .cell.last {\n          padding-right: 24px;\n        }\n\n        vaadin-grid .cell.numeric {\n          text-align: right;\n        }\n\n        vaadin-grid paper-checkbox {\n          --primary-color: var(--paper-indigo-500);\n          margin: 0 24px;\n        }\n\n        vaadin-grid vaadin-grid-sorter .cell {\n          flex: 1;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        vaadin-grid vaadin-grid-sorter iron-icon {\n          transform: scale(0.8);\n        }\n\n        vaadin-grid vaadin-grid-sorter:not([direction]) iron-icon {\n          color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n        }\n\n        vaadin-grid vaadin-grid-sorter[direction] {\n          color: rgba(0, 0, 0, var(--dark-primary-opacity));\n        }\n\n        vaadin-grid vaadin-grid-sorter[direction=\"desc\"] iron-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      "]);
 
-    _templateObject8_977ba20022d211eaa0764d1a500fd781 = function _templateObject8_977ba20022d211eaa0764d1a500fd781() {
+    _templateObject8_527107a0243411ea86f395335a802507 = function _templateObject8_527107a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -20,70 +20,70 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@vaadi
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject7_977ba20022d211eaa0764d1a500fd781() {
+  function _templateObject7_527107a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <div class=\"avatar-name\" id=\"user-", "\">\n                    <lrndesign-avatar\n                      label=\"", "\"\n                      src=\"", "\"\n                    ></lrndesign-avatar>\n                  </div>\n                  <paper-tooltip for=\"user-", "\"\n                    >", "</paper-tooltip\n                  >\n                "]);
 
-    _templateObject7_977ba20022d211eaa0764d1a500fd781 = function _templateObject7_977ba20022d211eaa0764d1a500fd781() {
+    _templateObject7_527107a0243411ea86f395335a802507 = function _templateObject7_527107a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject6_977ba20022d211eaa0764d1a500fd781() {
+  function _templateObject6_527107a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <h2>", "s</h2>\n              ", "\n            "]);
 
-    _templateObject6_977ba20022d211eaa0764d1a500fd781 = function _templateObject6_977ba20022d211eaa0764d1a500fd781() {
+    _templateObject6_527107a0243411ea86f395335a802507 = function _templateObject6_527107a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject5_977ba20022d211eaa0764d1a500fd781() {
+  function _templateObject5_527107a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                      <iron-image\n                        style=\"width:100%; height:200px; background-color: lightgray;\"\n                        sizing=\"cover\"\n                        preload\n                        fade\n                        src=\"", "\"\n                      ></iron-image>\n                    "]);
 
-    _templateObject5_977ba20022d211eaa0764d1a500fd781 = function _templateObject5_977ba20022d211eaa0764d1a500fd781() {
+    _templateObject5_527107a0243411ea86f395335a802507 = function _templateObject5_527107a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_977ba20022d211eaa0764d1a500fd781() {
+  function _templateObject4_527107a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                ", "\n                <span class=\"heading\">\n                  <span>Student count: ", "</span>\n                  <span>SIS ID: ", "</span>\n                  <span>Term: ", "</span>\n                  <span>Workflow: ", "</span>\n                </span>\n              "]);
 
-    _templateObject4_977ba20022d211eaa0764d1a500fd781 = function _templateObject4_977ba20022d211eaa0764d1a500fd781() {
+    _templateObject4_527107a0243411ea86f395335a802507 = function _templateObject4_527107a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_977ba20022d211eaa0764d1a500fd781() {
+  function _templateObject3_527107a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <div id=\"loadingRoster\" class=\"loading\">\n                  <h3>Loading..</h3>\n                  <elmsln-loading\n                    color=\"grey-text\"\n                    size=\"large\"\n                  ></elmsln-loading>\n                </div>\n              "]);
 
-    _templateObject3_977ba20022d211eaa0764d1a500fd781 = function _templateObject3_977ba20022d211eaa0764d1a500fd781() {
+    _templateObject3_527107a0243411ea86f395335a802507 = function _templateObject3_527107a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_977ba20022d211eaa0764d1a500fd781() {
+  function _templateObject2_527107a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <option value=\"", "\">\n                    ", " (", ")\n                  </option>\n                "]);
 
-    _templateObject2_977ba20022d211eaa0764d1a500fd781 = function _templateObject2_977ba20022d211eaa0764d1a500fd781() {
+    _templateObject2_527107a0243411ea86f395335a802507 = function _templateObject2_527107a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_977ba20022d211eaa0764d1a500fd781() {
+  function _templateObject_527107a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style include=\"materializecss-styles\">\n          vaadin-grid {\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          vaadin-grid vaadin-grid-sorter {\n            --vaadin-grid-sorter-arrow: {\n              display: none !important;\n            }\n          }\n        </style>\n      </custom-style>\n      <iron-ajax\n        auto\n        url=\"", "\"\n        params='{\"return\": \"courses\"}'\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-response-changed=\"", "\"\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=\"", "\"\n      >\n        <vaadin-grid-column width=\"50px\" flex-grow=\"0\">\n          <template class=\"header\"\n            >#</template\n          >\n          <template\n            >[[index]]</template\n          >\n          <template class=\"footer\"\n            >#</template\n          >\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>\n            [[item.term]]\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Semester\"\n              path=\"term\"\n              value=\"", "\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Semester\"\n                @value-changed=\"", "\"\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\n            >[[item.name]]</template\n          >\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Course\"\n              path=\"name\"\n              value=\"", "\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Course\"\n                @value-changed=\"", "\"\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>\n            [[item.sis_course_id]]\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Student information system ID\"\n              path=\"sis_course_id\"\n              value=\"", "\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"SIS\"\n                @value-changed=\"", "\"\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\n            >[[item.student_count]]</template\n          >\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\n            >[[item.workflow_state]]</template\n          >\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Workflow state\"\n              path=\"workflow_state\"\n              value=\"", "\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"State\"\n                value=\"", "\"\n                focus-target\n              ></paper-input>\n            </vaadin-grid-filter>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column>\n          <template class=\"header\"\n            >ELMSLN Course</template\n          >\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              ", "\n            </select>\n          </template>\n          <template class=\"footer\">\n            <vaadin-grid-filter\n              aria-label=\"Course\"\n              path=\"elmslnCourse\"\n              value=\"", "\"\n            >\n              <paper-input\n                slot=\"filter\"\n                label=\"Course\"\n                @value-changed=\"", "\"\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            <paper-button\n              raised\n              @click=\"", "\"\n              id=\"{{item.sis_course_id}}\"\n              >Details</paper-button\n            >\n          </template>\n          <template class=\"footer\"></template>\n        </vaadin-grid-column>\n      </vaadin-grid>\n      <iron-ajax\n        id=\"request\"\n        url=\"", "\"\n        params='{\"return\": \"users\"}'\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-response-changed=\"", "\"\n      ></iron-ajax>\n      <lrnsys-dialog\n        tabindex=\"-1\"\n        id=\"details-dialog\"\n        body-append\n        header=\"", "\"\n      >\n        <div slot=\"content\">\n          ", "\n        </div>\n        <div slot=\"header\">\n          ", "\n        </div>\n        <div id=\"loadingContent\" slot=\"content\">\n          ", "\n        </div>\n      </lrnsys-dialog>\n    "]);
 
-    _templateObject_977ba20022d211eaa0764d1a500fd781 = function _templateObject_977ba20022d211eaa0764d1a500fd781() {
+    _templateObject_527107a0243411ea86f395335a802507 = function _templateObject_527107a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -99,11 +99,11 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@vaadi
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject_977ba20022d211eaa0764d1a500fd781(), this.sourcePath, this.handleResponse, this.queryResponseEvent, this._toArray(this.canvasCourses), this._filterTerm, this._filterTermEvent, this._filterCourse, this._filterCourseEvent, this._filterSIS, this._filterSISChanged, this._filterWorkflow, this._filterWorkflowChanged, this.elmslnCourses.map(function (elmsCourse) {
-          return (0, _litElement.html)(_templateObject2_977ba20022d211eaa0764d1a500fd781(), elmsCourse.machineName, elmsCourse.name, elmsCourse.machineName);
-        }), this._filterELMSLNCourse, this.filterELMSLNCourseEvent, this._triggerDialog, this.sourcePath, this.handleRosterResponse, this.queryResponseRosterEvent, this.activeCourse.name, !this.roster ? (0, _litElement.html)(_templateObject3_977ba20022d211eaa0764d1a500fd781()) : "", this.roster ? (0, _litElement.html)(_templateObject4_977ba20022d211eaa0764d1a500fd781(), this.activeCourse.image ? (0, _litElement.html)(_templateObject5_977ba20022d211eaa0764d1a500fd781(), this.activeCourse.image) : "", this.activeCourse.student_count, this.activeCourse.sis_course_id, this.activeCourse.term, this.activeCourse.workflow_state) : "", this._toArray(this.roster).map(function (roleList) {
-          return (0, _litElement.html)(_templateObject6_977ba20022d211eaa0764d1a500fd781(), roleList.role, _this2._toArray(roleList.users).map(function (user) {
-            return (0, _litElement.html)(_templateObject7_977ba20022d211eaa0764d1a500fd781(), user.id, user.name, user.picture, user.id, user.name);
+        return (0, _litElement.html)(_templateObject_527107a0243411ea86f395335a802507(), this.sourcePath, this.handleResponse, this.queryResponseEvent, this._toArray(this.canvasCourses), this._filterTerm, this._filterTermEvent, this._filterCourse, this._filterCourseEvent, this._filterSIS, this._filterSISChanged, this._filterWorkflow, this._filterWorkflowChanged, this.elmslnCourses.map(function (elmsCourse) {
+          return (0, _litElement.html)(_templateObject2_527107a0243411ea86f395335a802507(), elmsCourse.machineName, elmsCourse.name, elmsCourse.machineName);
+        }), this._filterELMSLNCourse, this.filterELMSLNCourseEvent, this._triggerDialog, this.sourcePath, this.handleRosterResponse, this.queryResponseRosterEvent, this.activeCourse.name, !this.roster ? (0, _litElement.html)(_templateObject3_527107a0243411ea86f395335a802507()) : "", this.roster ? (0, _litElement.html)(_templateObject4_527107a0243411ea86f395335a802507(), this.activeCourse.image ? (0, _litElement.html)(_templateObject5_527107a0243411ea86f395335a802507(), this.activeCourse.image) : "", this.activeCourse.student_count, this.activeCourse.sis_course_id, this.activeCourse.term, this.activeCourse.workflow_state) : "", this._toArray(this.roster).map(function (roleList) {
+          return (0, _litElement.html)(_templateObject6_527107a0243411ea86f395335a802507(), roleList.role, _this2._toArray(roleList.users).map(function (user) {
+            return (0, _litElement.html)(_templateObject7_527107a0243411ea86f395335a802507(), user.id, user.name, user.picture, user.id, user.name);
           }));
         }));
       }
@@ -149,7 +149,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@vaadi
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject8_977ba20022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject8_527107a0243411ea86f395335a802507())];
       }
     }, {
       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 a313d4d7c97..81911c5aecf 100644
--- 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,20 +6,20 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappCisCourseCard = void 0;
 
-  function _templateObject2_977ed65022d211eaa0764d1a500fd781() {
+  function _templateObject2_52746300243411ea86f395335a802507() {
     var data = 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        paper-card {\n          border-radius: 4px;\n          margin: 0;\n          width: 100%;\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          --iron-icon-height: 100%;\n          --iron-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      "]);
 
-    _templateObject2_977ed65022d211eaa0764d1a500fd781 = function _templateObject2_977ed65022d211eaa0764d1a500fd781() {
+    _templateObject2_52746300243411ea86f395335a802507 = function _templateObject2_52746300243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_977ed65022d211eaa0764d1a500fd781() {
+  function _templateObject_52746300243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style include=\"materializecss-styles\">\n          :host {\n            display: block;\n          }\n        </style>\n      </custom-style>\n      <paper-card elevation=\"", "\">\n        <div class=\"card-content card-control-height card-control-center\">\n          <div class=\"course-preview\">\n            <iron-icon\n              class=\"course-icon\"\n              icon=\"", "\"\n              ?hidden=\"", "\"\n            ></iron-icon>\n            <iron-image\n              style=\"width:100%; height:100%; background-color: lightgray;\"\n              sizing=\"cover\"\n              preload=\"\"\n              fade=\"\"\n              src=\"", "\"\n              ?hidden=\"", "\"\n            ></iron-image>\n          </div>\n          <div class=\"course-info\">\n            <div class=\"divider\"></div>\n            <div class=\"name\">", "</div>\n            <div class=\"title\">", "</div>\n          </div>\n        </div>\n        <div class=\"card-actions\" hidden=\"\">\n          <div class=\"card-action-details\"></div>\n        </div>\n      </paper-card>\n    "]);
 
-    _templateObject_977ed65022d211eaa0764d1a500fd781 = function _templateObject_977ed65022d211eaa0764d1a500fd781() {
+    _templateObject_52746300243411ea86f395335a802507 = function _templateObject_52746300243411ea86f395335a802507() {
       return data;
     };
 
@@ -41,7 +41,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_977ed65022d211eaa0764d1a500fd781(), this.elevation, this.icon, !this.icon, this.image, !this.image, this.name, this.title);
+        return (0, _litElement.html)(_templateObject_52746300243411ea86f395335a802507(), this.elevation, this.icon, !this.icon, this.image, !this.image, this.name, this.title);
       }
     }], [{
       key: "styles",
@@ -50,7 +50,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_977ed65022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_52746300243411ea86f395335a802507())];
       }
     }, {
       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 488b962bced..49152cbcbf1 100644
--- 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
@@ -10,170 +10,170 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject17_978df18022d211eaa0764d1a500fd781() {
+  function _templateObject17_5285c820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <lrnsys-dialog id=\"confirm\">\n              <div class=\"dialog-header\" slot=\"header\">\n                Add this to the\n                <strong>", "</strong> network?\n              </div>\n              <div class=\"dialog-body\">\n                <responsive-grid-row gutter=\"5\">\n                  <responsive-grid-col\n                    xl=\"3\"\n                    lg=\"3\"\n                    md=\"3\"\n                    sm=\"3\"\n                    xs=\"3\"\n                  ></responsive-grid-col>\n                  <responsive-grid-col xl=\"1\" lg=\"1\" md=\"1\" sm=\"1\" xs=\"1\"\n                    >Add</responsive-grid-col\n                  >\n                  <responsive-grid-col xl=\"2\" lg=\"2\" md=\"2\" sm=\"2\" xs=\"2\"\n                    ><lrn-icon\n                      icon=\"", "\"\n                      class=\"", "-text elmsln-hover-icon service-confirm-icon\"\n                    ></lrn-icon\n                  ></responsive-grid-col>\n                  <responsive-grid-col xl=\"3\" lg=\"3\" md=\"3\" sm=\"3\" xs=\"3\"\n                    ><strong\n                      >", "</strong\n                    ></responsive-grid-col\n                  >\n                  <responsive-grid-col\n                    xl=\"3\"\n                    lg=\"3\"\n                    md=\"3\"\n                    sm=\"3\"\n                    xs=\"3\"\n                  ></responsive-grid-col>\n                </responsive-grid-row>\n                <responsive-grid-row gutter=\"5\">\n                  <responsive-grid-col\n                    xl=\"3\"\n                    lg=\"3\"\n                    md=\"3\"\n                    sm=\"3\"\n                    xs=\"3\"\n                  ></responsive-grid-col>\n                  <responsive-grid-col xl=\"1\" lg=\"1\" md=\"1\" sm=\"1\" xs=\"1\"\n                    >To</responsive-grid-col\n                  >\n                  <responsive-grid-col xl=\"2\" lg=\"2\" md=\"2\" sm=\"2\" xs=\"2\"\n                    ><lrndesign-avatar\n                      class=\"service-confirm-icon\"\n                      label=\"", "\"\n                      jdenticon=\"\"\n                      color=\"", " darken-4\"\n                    >\n                    </lrndesign-avatar\n                  ></responsive-grid-col>\n                  <responsive-grid-col xl=\"3\" lg=\"3\" md=\"3\" sm=\"3\" xs=\"3\"\n                    ><strong\n                      >", "</strong\n                    ></responsive-grid-col\n                  >\n                  <responsive-grid-col\n                    xl=\"3\"\n                    lg=\"3\"\n                    md=\"3\"\n                    sm=\"3\"\n                    xs=\"3\"\n                  ></responsive-grid-col>\n                </responsive-grid-row>\n                <div style=\"margin-top:1em;\">This will take a few moments.</div>\n              </div>\n              <div class=\"buttons\">\n                <paper-button\n                  raised=\"\"\n                  dialog-confirm=\"\"\n                  autofocus=\"\"\n                  @click=\"", "\"\n                  class=\"green\"\n                  >Let's do it!</paper-button\n                >\n                <paper-button dialog-dismiss=\"\" class=\"red-text\"\n                  >Oops, go back.</paper-button\n                >\n              </div>\n            </lrnsys-dialog>\n          "]);
 
-    _templateObject17_978df18022d211eaa0764d1a500fd781 = function _templateObject17_978df18022d211eaa0764d1a500fd781() {
+    _templateObject17_5285c820243411ea86f395335a802507 = function _templateObject17_5285c820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject16_978df18022d211eaa0764d1a500fd781() {
+  function _templateObject16_5285c820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject16_978df18022d211eaa0764d1a500fd781 = function _templateObject16_978df18022d211eaa0764d1a500fd781() {
+    _templateObject16_5285c820243411ea86f395335a802507 = function _templateObject16_5285c820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject15_978df18022d211eaa0764d1a500fd781() {
+  function _templateObject15_5285c820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject15_978df18022d211eaa0764d1a500fd781 = function _templateObject15_978df18022d211eaa0764d1a500fd781() {
+    _templateObject15_5285c820243411ea86f395335a802507 = function _templateObject15_5285c820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject14_978df18022d211eaa0764d1a500fd781() {
+  function _templateObject14_5285c820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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=\"", "\"\n                              label=\"Delete\"\n                              hover-class=\"red lighten-1\"\n                              color=\"red lighten-3\"\n                              icon=\"delete\"\n                            ></lrnsys-button>\n                          </div>\n                        "]);
 
-    _templateObject14_978df18022d211eaa0764d1a500fd781 = function _templateObject14_978df18022d211eaa0764d1a500fd781() {
+    _templateObject14_5285c820243411ea86f395335a802507 = function _templateObject14_5285c820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject13_978df18022d211eaa0764d1a500fd781() {
+  function _templateObject13_5285c820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                    <lrnsys-button\n                      raised=\"\"\n                      href=\"", "\"\n                      label=\"Edit\"\n                      hover-class=\"green lighten-4\"\n                      icon=\"create\"\n                    ></lrnsys-button>\n                    <lrnsys-button\n                      raised=\"\"\n                      href=\"", "\"\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=\"", "\"\n                    label=\"Offerings\"\n                    hover-class=\"amber lighten-4\"\n                    icon=\"social:people\"\n                  ></lrnsys-button>\n                  <lrnsys-button\n                    raised=\"\"\n                    href=\"", "\"\n                    label=\"Sync Roster\"\n                    hover-class=\"amber lighten-4\"\n                    icon=\"notification:sync\"\n                  ></lrnsys-button>\n                  <lrnsys-button\n                    raised=\"\"\n                    href=\"", "\"\n                    label=\"Course page (legacy)\"\n                    hover-class=\"brown lighten-4\"\n                    icon=\"delete\"\n                  ></lrnsys-button>\n                  ", "\n                "]);
 
-    _templateObject13_978df18022d211eaa0764d1a500fd781 = function _templateObject13_978df18022d211eaa0764d1a500fd781() {
+    _templateObject13_5285c820243411ea86f395335a802507 = function _templateObject13_5285c820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject12_978df18022d211eaa0764d1a500fd781() {
+  function _templateObject12_5285c820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                                        <lrnsys-button\n                                          raised=\"\"\n                                          @click=\"", "\"\n                                          color=\"grey lighten-4\"\n                                          icon-class=\"grey lighten-5\"\n                                          data-machine-name=\"", "\"\n                                        >\n                                          <lrn-icon\n                                            data-machine-name=\"", "\"\n                                            icon=\"", "\"\n                                            class=\"elmsln-hover-icon\"\n                                          ></lrn-icon>\n                                          <span\n                                            data-machine-name=\"", "\"\n                                            >Make the ", "\n                                            service</span\n                                          >\n                                        </lrnsys-button>\n                                      "]);
 
-    _templateObject12_978df18022d211eaa0764d1a500fd781 = function _templateObject12_978df18022d211eaa0764d1a500fd781() {
+    _templateObject12_5285c820243411ea86f395335a802507 = function _templateObject12_5285c820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject11_978df18022d211eaa0764d1a500fd781() {
+  function _templateObject11_5285c820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                                        <lrnsys-button\n                                          raised=\"\"\n                                          href=\"", "\"\n                                          hover-class=\"", " lighten-4\"\n                                        >\n                                          <lrn-icon\n                                            icon=\"", "\"\n                                            class=\"elmsln-hover-icon\"\n                                          ></lrn-icon>\n                                          <span>", "</span>\n                                        </lrnsys-button>\n                                      "]);
 
-    _templateObject11_978df18022d211eaa0764d1a500fd781 = function _templateObject11_978df18022d211eaa0764d1a500fd781() {
+    _templateObject11_5285c820243411ea86f395335a802507 = function _templateObject11_5285c820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject10_978df18022d211eaa0764d1a500fd781() {
+  function _templateObject10_5285c820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                                  ", "\n                                "]);
 
-    _templateObject10_978df18022d211eaa0764d1a500fd781 = function _templateObject10_978df18022d211eaa0764d1a500fd781() {
+    _templateObject10_5285c820243411ea86f395335a802507 = function _templateObject10_5285c820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject9_978df18022d211eaa0764d1a500fd781() {
+  function _templateObject9_5285c820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                              ", "\n                            "]);
 
-    _templateObject9_978df18022d211eaa0764d1a500fd781 = function _templateObject9_978df18022d211eaa0764d1a500fd781() {
+    _templateObject9_5285c820243411ea86f395335a802507 = function _templateObject9_5285c820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject8_978df18022d211eaa0764d1a500fd781() {
+  function _templateObject8_5285c820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <responsive-grid-row gutter=\"5\">\n                    <responsive-grid-col xl=\"6\" lg=\"6\" md=\"6\" sm=\"12\" xs=\"12\">\n                      <div class=\"column\">\n                        <h4>Details</h4>\n                        <ul>\n                          <li\n                            ?hidden=\"", "\"\n                          >\n                            Academic unit:\n                            ", "\n                          </li>\n                          <li\n                            ?hidden=\"", "\"\n                          >\n                            Program:\n                            ", "\n                          </li>\n                        </ul>\n                        <h4>Learning Network</h4>\n                        ", "\n                      </div>\n                    </responsive-grid-col>\n                    <responsive-grid-col xl=\"6\" lg=\"6\" md=\"6\" sm=\"12\" xs=\"12\">\n                      <div class=\"column\">\n                        <h4>Operations</h4>\n                        ", "\n                      </div>\n                    </responsive-grid-col>\n                  </responsive-grid-row>\n                  <p>", "</p>\n                "]);
 
-    _templateObject8_978df18022d211eaa0764d1a500fd781 = function _templateObject8_978df18022d211eaa0764d1a500fd781() {
+    _templateObject8_5285c820243411ea86f395335a802507 = function _templateObject8_5285c820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject7_978df18022d211eaa0764d1a500fd781() {
+  function _templateObject7_5285c820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <lrndesign-course-banner\n                    .image=\"", "\"\n                    .name=\"", "\"\n                    .title=\"", "\"\n                    .color=\"", " darken-4\"\n                  >\n                  </lrndesign-course-banner>\n                "]);
 
-    _templateObject7_978df18022d211eaa0764d1a500fd781 = function _templateObject7_978df18022d211eaa0764d1a500fd781() {
+    _templateObject7_5285c820243411ea86f395335a802507 = function _templateObject7_5285c820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject6_978df18022d211eaa0764d1a500fd781() {
+  function _templateObject6_5285c820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <paper-button\n                data-course-id=\"", "\"\n                class=\"coursecard-wrapper\"\n                @click=\"", "\"\n              >\n                <lrnapp-cis-course-card\n                  elevation=\"2\"\n                  data-course-id=\"", "\"\n                  .name=\"", "\"\n                  .image=\"", "\"\n                  .title=\"", "\"\n                  .color=\"", "\"\n                >\n                </lrnapp-cis-course-card>\n              </paper-button>\n            "]);
 
-    _templateObject6_978df18022d211eaa0764d1a500fd781 = function _templateObject6_978df18022d211eaa0764d1a500fd781() {
+    _templateObject6_5285c820243411ea86f395335a802507 = function _templateObject6_5285c820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject5_978df18022d211eaa0764d1a500fd781() {
+  function _templateObject5_5285c820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <paper-item item-id=\"", "\">\n                  ", "\n                </paper-item>\n              "]);
 
-    _templateObject5_978df18022d211eaa0764d1a500fd781 = function _templateObject5_978df18022d211eaa0764d1a500fd781() {
+    _templateObject5_5285c820243411ea86f395335a802507 = function _templateObject5_5285c820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_978df18022d211eaa0764d1a500fd781() {
+  function _templateObject4_5285c820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <paper-item item-id=\"", "\">\n                  ", "\n                </paper-item>\n              "]);
 
-    _templateObject4_978df18022d211eaa0764d1a500fd781 = function _templateObject4_978df18022d211eaa0764d1a500fd781() {
+    _templateObject4_5285c820243411ea86f395335a802507 = function _templateObject4_5285c820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_978df18022d211eaa0764d1a500fd781() {
+  function _templateObject3_5285c820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <paper-item item-id=\"", "\">\n                  ", "\n                </paper-item>\n              "]);
 
-    _templateObject3_978df18022d211eaa0764d1a500fd781 = function _templateObject3_978df18022d211eaa0764d1a500fd781() {
+    _templateObject3_5285c820243411ea86f395335a802507 = function _templateObject3_5285c820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_978df18022d211eaa0764d1a500fd781() {
+  function _templateObject2_5285c820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style include=\"materializecss-styles\">\n          :host {\n            display: block;\n          }\n        </style>\n      </custom-style>\n      <iron-ajax\n        auto\n        .url=\"", "\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n        @response=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        .url=\"", "\"\n        handle-as=\"json\"\n        id=\"courserequest\"\n        @last-response-changed=\"", "\"\n        @response=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        .url=\"", "\"\n        handle-as=\"json\"\n        id=\"makeservice\"\n        @last-response-changed=\"", "\"\n        @response=\"", "\"\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 ", " of\n          ", "</span\n        >\n        <paper-dropdown-menu\n          label=\"Course\"\n          ?hidden=\"", "\"\n        >\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            .selected=\"", "\"\n            @selected-changed=\"", "\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item>-- Any --</paper-item>\n            ", "\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-dropdown-menu\n          label=\"Program\"\n          ?hidden=\"", "\"\n        >\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            .selected=\"", "\"\n            @selected-changed=\"", "\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item>-- Any --</paper-item>\n            ", "\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-dropdown-menu\n          label=\"Academic home\"\n          ?hidden=\"", "\"\n        >\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            .selected=\"", "\"\n            @selected-changed=\"", "\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item>-- Any --</paper-item>\n            ", "\n          </paper-listbox>\n        </paper-dropdown-menu>\n      </app-toolbar>\n      <div class=\"courses-grid\">\n        <div class=\"list-container\">\n          ", "\n        </div>\n      </div>\n      <app-location\n        .route=\"", "\"\n        @route-changed=\"", "\"\n        .query-params=\"", "\"\n        @query-params-changed=\"", "\"\n      ></app-location>\n      <app-route\n        .route=\"", "\"\n        @route-changed=\"", "\"\n        pattern=\"", "/:page\"\n        .tail=\"", "\"\n        @tail=\"", "\"\n        .data=\"", "\"\n        @data=\"", "\"\n        .query-params=\"", "\"\n        @query-params-changed=\"", "\"\n      >\n      </app-route>\n      <paper-dialog id=\"dialog\" with-backdrop>\n        <h2>Course details</h2>\n        <paper-dialog-scrollable>\n          <div class=\"dialog-header\">\n            ", "\n          </div>\n          <div id=\"coursedetails\">\n            ", "\n          </div>\n        </paper-dialog-scrollable>\n      </paper-dialog>\n      ", "\n      <paper-toast id=\"toast\"></paper-toast>\n    "]);
 
-    _templateObject2_978df18022d211eaa0764d1a500fd781 = function _templateObject2_978df18022d211eaa0764d1a500fd781() {
+    _templateObject2_5285c820243411ea86f395335a802507 = function _templateObject2_5285c820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_978df18022d211eaa0764d1a500fd781() {
+  function _templateObject_5285c820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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: 1em;\n        }\n        iron-selector lrnsys-button {\n          display: inline-flex;\n        }\n        paper-button.coursecard-wrapper {\n          margin: 0;\n          padding: 0;\n        }\n        paper-button.coursecard-wrapper:focus {\n          outline: blue solid 1px;\n        }\n        lrnapp-cis-course-card {\n          padding: 0;\n          margin: 1em;\n          height: 15em;\n          width: 14em;\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        .list-container {\n          display: block;\n          flex-direction: column;\n          min-height: 50vh;\n          flex: 1 1 auto;\n        }\n        .list-container .coursecard-wrapper {\n          display: inline-flex;\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 paper-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      "]);
 
-    _templateObject_978df18022d211eaa0764d1a500fd781 = function _templateObject_978df18022d211eaa0764d1a500fd781() {
+    _templateObject_5285c820243411ea86f395335a802507 = function _templateObject_5285c820243411ea86f395335a802507() {
       return data;
     };
 
@@ -202,7 +202,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_978df18022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_5285c820243411ea86f395335a802507())];
       }
       /**
        * HTMLElement
@@ -240,17 +240,17 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject2_978df18022d211eaa0764d1a500fd781(), this.sourcePath, this.__cisResponseChanged, this._handleResponse, this.courseDataPath, this.__courseResponseChanged, this._handleCourseResponse, this.makeServicePath, this.__makeServiceResponseChanged, this._handleMakeServiceResponse, this.courses.length, this.originalCourses.length, this.courses.length == 0 ? true : false, this.queryParams.course, this._queryParamsCourseChanged, this.originalCourses.map(function (course) {
-          return (0, _litElement.html)(_templateObject3_978df18022d211eaa0764d1a500fd781(), course.id, course.attributes.name);
+        return (0, _litElement.html)(_templateObject2_5285c820243411ea86f395335a802507(), this.sourcePath, this.__cisResponseChanged, this._handleResponse, this.courseDataPath, this.__courseResponseChanged, this._handleCourseResponse, this.makeServicePath, this.__makeServiceResponseChanged, this._handleMakeServiceResponse, this.courses.length, this.originalCourses.length, this.courses.length == 0 ? true : false, this.queryParams.course, this._queryParamsCourseChanged, this.originalCourses.map(function (course) {
+          return (0, _litElement.html)(_templateObject3_5285c820243411ea86f395335a802507(), course.id, course.attributes.name);
         }), this.programs.length == 0 ? true : false, this.queryParams.program, this._queryParamsProgramChanged, this.programs.map(function (program) {
-          return (0, _litElement.html)(_templateObject4_978df18022d211eaa0764d1a500fd781(), program.id, program.attributes.name);
+          return (0, _litElement.html)(_templateObject4_5285c820243411ea86f395335a802507(), program.id, program.attributes.name);
         }), this.academics.length == 0 ? true : false, this.queryParams.academic, this._queryParamsAcademicChanged, this.academics.map(function (academic) {
-          return (0, _litElement.html)(_templateObject5_978df18022d211eaa0764d1a500fd781(), academic.id, academic.attributes.name);
+          return (0, _litElement.html)(_templateObject5_5285c820243411ea86f395335a802507(), academic.id, academic.attributes.name);
         }), this.courses.map(function (course) {
-          return (0, _litElement.html)(_templateObject6_978df18022d211eaa0764d1a500fd781(), course.id, _this2._loadCourseUrl, course.id, course.attributes.name, course.attributes.image, course.attributes.title, course.attributes.color);
-        }), this.route, this.__routeChangedEvent, this.queryParams, this.queryParamsChanged, this.route, this.__routeChangedEvent, this.endPoint, this.tail, this.__tailChanged, this.data, this.__dataChanged, this.queryParams, this.queryParamsChanged, this.activeCourse.attributes ? (0, _litElement.html)(_templateObject7_978df18022d211eaa0764d1a500fd781(), this.activeCourse.attributes.image, this.activeCourse.attributes.name, this.activeCourse.attributes.title, this.activeCourse.attributes.color) : "", this.activeCourse.attributes ? (0, _litElement.html)(_templateObject8_978df18022d211eaa0764d1a500fd781(), !this.activeCourse.relationships.academic.attributes.name, this.activeCourse.relationships.academic.attributes.name, !this.activeCourse.relationships.program.attributes.name, this.activeCourse.relationships.program.attributes.name, this.activeCourse.topology ? (0, _litElement.html)(_templateObject9_978df18022d211eaa0764d1a500fd781(), this.activeCourse.topology.Network.map(function (service) {
-          return (0, _litElement.html)(_templateObject10_978df18022d211eaa0764d1a500fd781(), service._exists ? (0, _litElement.html)(_templateObject11_978df18022d211eaa0764d1a500fd781(), service.url, service.color, service.icon, service.title) : (0, _litElement.html)(_templateObject12_978df18022d211eaa0764d1a500fd781(), _this2._makeService, service.machine_name, service.machine_name, service.icon, service.machine_name, service.title));
-        })) : "", this.activeCourse.meta.canUpdate ? (0, _litElement.html)(_templateObject13_978df18022d211eaa0764d1a500fd781(), this.activeCourse.uris.edit, this.activeCourse.uris.addOffering, this.activeCourse.uris.offerings, this.activeCourse.uris.sync, this.activeCourse.uris.uri, this.activeCourse.meta.canDelete ? (0, _litElement.html)(_templateObject14_978df18022d211eaa0764d1a500fd781(), this.activeCourse.uris.delete) : (0, _litElement.html)(_templateObject15_978df18022d211eaa0764d1a500fd781())) : (0, _litElement.html)(_templateObject16_978df18022d211eaa0764d1a500fd781()), this.activeCourse.attributes.body) : "", this.activeCourse.attributes ? (0, _litElement.html)(_templateObject17_978df18022d211eaa0764d1a500fd781(), this.activeCourse.attributes.title, this._activeService.icon, this._activeService.color, this._activeService.title, this.activeCourse.attributes.name, this.activeCourse.attributes.color, this.activeCourse.attributes.title, this._confirmBuild) : "");
+          return (0, _litElement.html)(_templateObject6_5285c820243411ea86f395335a802507(), course.id, _this2._loadCourseUrl, course.id, course.attributes.name, course.attributes.image, course.attributes.title, course.attributes.color);
+        }), this.route, this.__routeChangedEvent, this.queryParams, this.queryParamsChanged, this.route, this.__routeChangedEvent, this.endPoint, this.tail, this.__tailChanged, this.data, this.__dataChanged, this.queryParams, this.queryParamsChanged, this.activeCourse.attributes ? (0, _litElement.html)(_templateObject7_5285c820243411ea86f395335a802507(), this.activeCourse.attributes.image, this.activeCourse.attributes.name, this.activeCourse.attributes.title, this.activeCourse.attributes.color) : "", this.activeCourse.attributes ? (0, _litElement.html)(_templateObject8_5285c820243411ea86f395335a802507(), !this.activeCourse.relationships.academic.attributes.name, this.activeCourse.relationships.academic.attributes.name, !this.activeCourse.relationships.program.attributes.name, this.activeCourse.relationships.program.attributes.name, this.activeCourse.topology ? (0, _litElement.html)(_templateObject9_5285c820243411ea86f395335a802507(), this.activeCourse.topology.Network.map(function (service) {
+          return (0, _litElement.html)(_templateObject10_5285c820243411ea86f395335a802507(), service._exists ? (0, _litElement.html)(_templateObject11_5285c820243411ea86f395335a802507(), service.url, service.color, service.icon, service.title) : (0, _litElement.html)(_templateObject12_5285c820243411ea86f395335a802507(), _this2._makeService, service.machine_name, service.machine_name, service.icon, service.machine_name, service.title));
+        })) : "", this.activeCourse.meta.canUpdate ? (0, _litElement.html)(_templateObject13_5285c820243411ea86f395335a802507(), this.activeCourse.uris.edit, this.activeCourse.uris.addOffering, this.activeCourse.uris.offerings, this.activeCourse.uris.sync, this.activeCourse.uris.uri, this.activeCourse.meta.canDelete ? (0, _litElement.html)(_templateObject14_5285c820243411ea86f395335a802507(), this.activeCourse.uris.delete) : (0, _litElement.html)(_templateObject15_5285c820243411ea86f395335a802507())) : (0, _litElement.html)(_templateObject16_5285c820243411ea86f395335a802507()), this.activeCourse.attributes.body) : "", this.activeCourse.attributes ? (0, _litElement.html)(_templateObject17_5285c820243411ea86f395335a802507(), this.activeCourse.attributes.title, this._activeService.icon, this._activeService.color, this._activeService.title, this.activeCourse.attributes.name, this.activeCourse.attributes.color, this.activeCourse.attributes.title, this._confirmBuild) : "");
       }
     }, {
       key: "queryParamsChanged",
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 a60a4d3eafa..51cd4c7c39f 100644
--- 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,30 +6,30 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappGalleryGrid = void 0;
 
-  function _templateObject3_9792374022d211eaa0764d1a500fd781() {
+  function _templateObject3_5289e6d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <paper-button>\n                <iron-image\n                  preload\n                  open-url=\"", "\"\n                  title=\"", "\"\n                  alt=\"", "\"\n                  src=\"", "\"\n                  author=\"", "\"\n                  comments=\"", "\"\n                  height=\"", "\"\n                  width=\"", "\"\n                ></iron-image>\n              </paper-button>\n            "]);
 
-    _templateObject3_9792374022d211eaa0764d1a500fd781 = function _templateObject3_9792374022d211eaa0764d1a500fd781() {
+    _templateObject3_5289e6d0243411ea86f395335a802507 = function _templateObject3_5289e6d0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_9792374022d211eaa0764d1a500fd781() {
+  function _templateObject2_5289e6d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style include=\"materializecss-styles\">\n          :host {\n            display: block;\n          }\n        </style>\n      </custom-style>\n      <iron-ajax\n        id=\"ajax\"\n        url=\"", "\"\n        params=\"\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n      ></iron-ajax>\n      <iron-scroll-threshold\n        @lower-threshold=\"", "\"\n        id=\"threshold\"\n      >\n        <iron-list\n          grid\n          .items=\"", "\"\n          as=\"item\"\n        >\n          ", "\n        </iron-list>\n      </iron-scroll-threshold>\n      <paper-dialog id=\"dialog\">\n        <paper-dialog-scrollable id=\"dialogResponse\">\n          <iron-image src=\"", "\"></iron-image>\n          <div id=\"details\">\n            <div class=\"title\">\n              <span>Title:</span> <span>", "</span>\n            </div>\n            <div class=\"author\">\n              <span>Author:</span> <span>", "</span>\n            </div>\n            <div class=\"comments\">\n              <span>Comments:</span> <span>", "</span>\n            </div>\n            <div class=\"comment-on-work\">\n              <a href=\"", "\">\n                <paper-button raised>Comment on this work</paper-button>\n              </a>\n            </div>\n          </div>\n        </paper-dialog-scrollable>\n      </paper-dialog>\n    "]);
 
-    _templateObject2_9792374022d211eaa0764d1a500fd781 = function _templateObject2_9792374022d211eaa0764d1a500fd781() {
+    _templateObject2_5289e6d0243411ea86f395335a802507 = function _templateObject2_5289e6d0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9792374022d211eaa0764d1a500fd781() {
+  function _templateObject_5289e6d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        paper-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      "]);
 
-    _templateObject_9792374022d211eaa0764d1a500fd781 = function _templateObject_9792374022d211eaa0764d1a500fd781() {
+    _templateObject_5289e6d0243411ea86f395335a802507 = function _templateObject_5289e6d0243411ea86f395335a802507() {
       return data;
     };
 
@@ -47,7 +47,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9792374022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_5289e6d0243411ea86f395335a802507())];
       }
     }]);
 
@@ -85,8 +85,8 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     }, {
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9792374022d211eaa0764d1a500fd781(), this.sourcePath, this.submissionsChangedEvent, this._loadMoreData, this._toArray(this.submissions.data), this._toArray(item.images).map(function (image) {
-          return (0, _litElement.html)(_templateObject3_9792374022d211eaa0764d1a500fd781(), item.url, item.title, item.title, image.src, item.author, item.comments, image.height, image.width);
+        return (0, _litElement.html)(_templateObject2_5289e6d0243411ea86f395335a802507(), this.sourcePath, this.submissionsChangedEvent, this._loadMoreData, this._toArray(this.submissions.data), this._toArray(item.images).map(function (image) {
+          return (0, _litElement.html)(_templateObject3_5289e6d0243411ea86f395335a802507(), item.url, item.title, item.title, image.src, item.author, item.comments, image.height, image.width);
         }), this.activeImage, this.activeTitle, this.activeAuthor, this.activeComments, this.activeUrl);
       }
     }, {
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 82ef8daf530..bd647d3ed65 100644
--- 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
@@ -7,60 +7,60 @@ define(["exports", "require", "../../../../lit-element/lit-element.js", "../../.
   _exports.LrnappOpenStudioAssignments = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject6_97978e7022d211eaa0764d1a500fd781() {
+  function _templateObject6_528fda40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\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: 2em;\n        }\n        .submission-title {\n          font-size: 1em;\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      "]);
 
-    _templateObject6_97978e7022d211eaa0764d1a500fd781 = function _templateObject6_97978e7022d211eaa0764d1a500fd781() {
+    _templateObject6_528fda40243411ea86f395335a802507 = function _templateObject6_528fda40243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject5_97978e7022d211eaa0764d1a500fd781() {
+  function _templateObject5_528fda40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <h1 class=\"empty-title black-text\">\n              Please select an Assignment in order to view all submissions\n            </h1>\n          "]);
 
-    _templateObject5_97978e7022d211eaa0764d1a500fd781 = function _templateObject5_97978e7022d211eaa0764d1a500fd781() {
+    _templateObject5_528fda40243411ea86f395335a802507 = function _templateObject5_528fda40243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_97978e7022d211eaa0764d1a500fd781() {
+  function _templateObject4_528fda40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <lrnapp-studio-submission-display\n                  id=\"submission-", "\"\n                  .submission=\"", "\"\n                  class=\"ferpa-protect\"\n                ></lrnapp-studio-submission-display>\n                <paper-button\n                  class=\"submission-title ferpa-protect\"\n                  @click=\"", "\"\n                  data-submission-id=\"", "\"\n                  >Tap to comment on ", " by\n                  ", "\n                </paper-button>\n              "]);
 
-    _templateObject4_97978e7022d211eaa0764d1a500fd781 = function _templateObject4_97978e7022d211eaa0764d1a500fd781() {
+    _templateObject4_528fda40243411ea86f395335a802507 = function _templateObject4_528fda40243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_97978e7022d211eaa0764d1a500fd781() {
+  function _templateObject3_528fda40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <lrnsys-button\n                    @click=\"", "\"\n                    raised=\"\"\n                    class=\"submission-list-item\"\n                    button-class=\"submission-list-item\"\n                    hover-class=\"blue white-text\"\n                    data-submission-id=\"", "\"\n                  >\n                    <span slot=\"button\">\n                      <lrndesign-avatar\n                        src=\"", "\"\n                        label=\"", "\"\n                        style=\"display:inline-block;\"\n                        data-submission-id=\"", "\"\n                      ></lrndesign-avatar>\n                    </span>\n                    <span slot=\"label\"\n                      >", "</span\n                    >\n                  </lrnsys-button>\n                "]);
 
-    _templateObject3_97978e7022d211eaa0764d1a500fd781 = function _templateObject3_97978e7022d211eaa0764d1a500fd781() {
+    _templateObject3_528fda40243411ea86f395335a802507 = function _templateObject3_528fda40243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_97978e7022d211eaa0764d1a500fd781() {
+  function _templateObject2_528fda40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <h1 class=\"assignment-title black-text\">\n              ", "\n            </h1>\n            <div class=\"submission-list\">\n              ", "\n            </div>\n            ", "\n          "]);
 
-    _templateObject2_97978e7022d211eaa0764d1a500fd781 = function _templateObject2_97978e7022d211eaa0764d1a500fd781() {
+    _templateObject2_528fda40243411ea86f395335a802507 = function _templateObject2_528fda40243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97978e7022d211eaa0764d1a500fd781() {
+  function _templateObject_528fda40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style include=\"materializecss-styles\">\n          :host {\n            display: block;\n          }\n        </style>\n      </custom-style>\n      ", "\n    "]);
 
-    _templateObject_97978e7022d211eaa0764d1a500fd781 = function _templateObject_97978e7022d211eaa0764d1a500fd781() {
+    _templateObject_528fda40243411ea86f395335a802507 = function _templateObject_528fda40243411ea86f395335a802507() {
       return data;
     };
 
@@ -76,11 +76,11 @@ define(["exports", "require", "../../../../lit-element/lit-element.js", "../../.
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject_97978e7022d211eaa0764d1a500fd781(), this.showSubmissions ? (0, _litElement.html)(_templateObject2_97978e7022d211eaa0764d1a500fd781(), this.activeAssignment.attributes.title, this.submissions.map(function (submission) {
-          return (0, _litElement.html)(_templateObject3_97978e7022d211eaa0764d1a500fd781(), _this2._scrollToTarget, submission.id, submission.relationships.author.data.avatar, submission.relationships.author.data.name, submission.id, submission.relationships.author.data.display_name);
+        return (0, _litElement.html)(_templateObject_528fda40243411ea86f395335a802507(), this.showSubmissions ? (0, _litElement.html)(_templateObject2_528fda40243411ea86f395335a802507(), this.activeAssignment.attributes.title, this.submissions.map(function (submission) {
+          return (0, _litElement.html)(_templateObject3_528fda40243411ea86f395335a802507(), _this2._scrollToTarget, submission.id, submission.relationships.author.data.avatar, submission.relationships.author.data.name, submission.id, submission.relationships.author.data.display_name);
         }), this.submissions.map(function (submission) {
-          return (0, _litElement.html)(_templateObject4_97978e7022d211eaa0764d1a500fd781(), submission.id, submission, _this2._loadSubmissionUrl, submission.id, submission.attributes.title, submission.relationships.author.data.display_name);
-        })) : (0, _litElement.html)(_templateObject5_97978e7022d211eaa0764d1a500fd781()));
+          return (0, _litElement.html)(_templateObject4_528fda40243411ea86f395335a802507(), submission.id, submission, _this2._loadSubmissionUrl, submission.id, submission.attributes.title, submission.relationships.author.data.display_name);
+        })) : (0, _litElement.html)(_templateObject5_528fda40243411ea86f395335a802507()));
       }
     }], [{
       key: "styles",
@@ -89,7 +89,7 @@ define(["exports", "require", "../../../../lit-element/lit-element.js", "../../.
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject6_97978e7022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject6_528fda40243411ea86f395335a802507())];
       }
     }]);
 
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 c5a4d9b8709..34205f76b73 100644
--- 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
@@ -7,60 +7,60 @@ define(["exports", "require", "../../../../lit-element/lit-element.js", "../../.
   _exports.LrnappOpenStudioProjects = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject6_979d33c022d211eaa0764d1a500fd781() {
+  function _templateObject6_52969100243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <h1 class=\"empty-title black-text\">\n              Please select an Author and Project in order to review their\n              portfolio\n            </h1>\n          "]);
 
-    _templateObject6_979d33c022d211eaa0764d1a500fd781 = function _templateObject6_979d33c022d211eaa0764d1a500fd781() {
+    _templateObject6_52969100243411ea86f395335a802507 = function _templateObject6_52969100243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject5_979d33c022d211eaa0764d1a500fd781() {
+  function _templateObject5_52969100243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <a\n                  name=\"", "\"\n                  class=\"assignment-", "\"\n                  ><h2 class=\"assignment-title\">\n                    ", "\n                  </h2></a\n                >\n                <lrnapp-studio-submission-display\n                  .submission=\"", "\"\n                  class=\"ferpa-protect\"\n                ></lrnapp-studio-submission-display>\n              "]);
 
-    _templateObject5_979d33c022d211eaa0764d1a500fd781 = function _templateObject5_979d33c022d211eaa0764d1a500fd781() {
+    _templateObject5_52969100243411ea86f395335a802507 = function _templateObject5_52969100243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_979d33c022d211eaa0764d1a500fd781() {
+  function _templateObject4_52969100243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <lrnsys-button\n                    icon=\"", "\"\n                    icon-class=\"", "\"\n                    @click=\"", "\"\n                    label=\"", "\"\n                    data-assignment-id=\"", "\"\n                    class=\"project-step\"\n                    hover-class=\"blue white-text\"\n                    raised=\"\"\n                    ?hidden=\"", "\"\n                  ></lrnsys-button>\n                "]);
 
-    _templateObject4_979d33c022d211eaa0764d1a500fd781 = function _templateObject4_979d33c022d211eaa0764d1a500fd781() {
+    _templateObject4_52969100243411ea86f395335a802507 = function _templateObject4_52969100243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_979d33c022d211eaa0764d1a500fd781() {
+  function _templateObject3_52969100243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <h1 class=\"project-title black-text\">\n              ", "\n            </h1>\n            <div class=\"project-steps\">\n              ", "\n            </div>\n            ", "\n          "]);
 
-    _templateObject3_979d33c022d211eaa0764d1a500fd781 = function _templateObject3_979d33c022d211eaa0764d1a500fd781() {
+    _templateObject3_52969100243411ea86f395335a802507 = function _templateObject3_52969100243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_979d33c022d211eaa0764d1a500fd781() {
+  function _templateObject2_52969100243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style include=\"materializecss-styles\">\n          :host {\n            display: block;\n          }\n        </style>\n      </custom-style>\n      ", "\n    "]);
 
-    _templateObject2_979d33c022d211eaa0764d1a500fd781 = function _templateObject2_979d33c022d211eaa0764d1a500fd781() {
+    _templateObject2_52969100243411ea86f395335a802507 = function _templateObject2_52969100243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_979d33c022d211eaa0764d1a500fd781() {
+  function _templateObject_52969100243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          align-content: center;\n        }\n        h1.empty-title,\n        h1.project-title {\n          font-size: 2em;\n        }\n        h2.assignment-title {\n          font-size: 1.5em;\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      "]);
 
-    _templateObject_979d33c022d211eaa0764d1a500fd781 = function _templateObject_979d33c022d211eaa0764d1a500fd781() {
+    _templateObject_52969100243411ea86f395335a802507 = function _templateObject_52969100243411ea86f395335a802507() {
       return data;
     };
 
@@ -78,7 +78,7 @@ define(["exports", "require", "../../../../lit-element/lit-element.js", "../../.
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_979d33c022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_52969100243411ea86f395335a802507())];
       }
     }]);
 
@@ -101,11 +101,11 @@ define(["exports", "require", "../../../../lit-element/lit-element.js", "../../.
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject2_979d33c022d211eaa0764d1a500fd781(), this.showSubmissions ? (0, _litElement.html)(_templateObject3_979d33c022d211eaa0764d1a500fd781(), this.activeProject.attributes.title, this.activeProject.attributes.steps.map(function (assignment) {
-          return (0, _litElement.html)(_templateObject4_979d33c022d211eaa0764d1a500fd781(), _this2._getSubmissionIcon(assignment.id), _this2._getSubmissionClass(assignment.id), _this2._scrollToTarget, assignment.title, assignment.id, !assignment.title);
+        return (0, _litElement.html)(_templateObject2_52969100243411ea86f395335a802507(), this.showSubmissions ? (0, _litElement.html)(_templateObject3_52969100243411ea86f395335a802507(), this.activeProject.attributes.title, this.activeProject.attributes.steps.map(function (assignment) {
+          return (0, _litElement.html)(_templateObject4_52969100243411ea86f395335a802507(), _this2._getSubmissionIcon(assignment.id), _this2._getSubmissionClass(assignment.id), _this2._scrollToTarget, assignment.title, assignment.id, !assignment.title);
         }), this.renderSubmissions.map(function (submission) {
-          return (0, _litElement.html)(_templateObject5_979d33c022d211eaa0764d1a500fd781(), submission.relationships.assignment.title, submission.relationships.assignment.id, submission.relationships.assignment.title, submission);
-        })) : (0, _litElement.html)(_templateObject6_979d33c022d211eaa0764d1a500fd781()));
+          return (0, _litElement.html)(_templateObject5_52969100243411ea86f395335a802507(), submission.relationships.assignment.title, submission.relationships.assignment.id, submission.relationships.assignment.title, submission);
+        })) : (0, _litElement.html)(_templateObject6_52969100243411ea86f395335a802507()));
       }
     }, {
       key: "updated",
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 0035f94305d..5f76da9c7f9 100644
--- 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,20 +6,20 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappOpenStudioTable = void 0;
 
-  function _templateObject2_97a1798022d211eaa0764d1a500fd781() {
+  function _templateObject2_529a88a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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 {\n          height: 75vh;\n          font-family: Roboto, sans-serif;\n          --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n        }\n\n        vaadin-grid .cell {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          padding-right: 56px;\n        }\n\n        vaadin-grid .cell.last {\n          padding-right: 24px;\n        }\n\n        vaadin-grid .cell.numeric {\n          text-align: right;\n        }\n\n        vaadin-grid paper-checkbox {\n          --primary-color: var(--paper-indigo-500);\n          margin: 0 24px;\n        }\n\n        vaadin-grid vaadin-grid-sorter .cell {\n          flex: 1;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        vaadin-grid vaadin-grid-sorter iron-icon {\n          transform: scale(0.8);\n        }\n\n        vaadin-grid vaadin-grid-sorter:not([direction]) iron-icon {\n          color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n        }\n\n        vaadin-grid vaadin-grid-sorter[direction] {\n          color: rgba(0, 0, 0, var(--dark-primary-opacity));\n        }\n\n        vaadin-grid vaadin-grid-sorter[direction=\"desc\"] iron-icon {\n          transform: scale(0.8) rotate(180deg);\n        }\n        vaadin-grid-sorter {\n          text-align: center;\n        }\n      "]);
 
-    _templateObject2_97a1798022d211eaa0764d1a500fd781 = function _templateObject2_97a1798022d211eaa0764d1a500fd781() {
+    _templateObject2_529a88a0243411ea86f395335a802507 = function _templateObject2_529a88a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97a1798022d211eaa0764d1a500fd781() {
+  function _templateObject_529a88a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style include=\"materializecss-styles\">\n          vaadin-grid {\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 vaadin-grid-sorter {\n            --vaadin-grid-sorter-arrow: {\n              display: none !important;\n            }\n          }\n        </style>\n      </custom-style>\n      <vaadin-grid\n        column-reordering-allowed=\"\"\n        id=\"material\"\n        aria-label=\"Course list\"\n        .items=\"", "\"\n        @items-changed=\"", "\"\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            <paper-button\n              @click=\"", "\"\n              data-project-id=\"[[item.relationships.project.data.id]]\"\n              data-author-id=\"[[item.relationships.author.data.id]]\"\n              >[[item.relationships.project.data.title]]</paper-button\n            >\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>\n            [[item.relationships.assignment.data.title]]\n          </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            <paper-button\n              @click=\"", "\"\n              data-submission-id=\"{{item.id}}\"\n              >[[item.attributes.title]]</paper-button\n            >\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>\n            [[item.meta.humandate]]\n          </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>\n            [[item.relationships.author.data.display_name]]\n          </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    "]);
 
-    _templateObject_97a1798022d211eaa0764d1a500fd781 = function _templateObject_97a1798022d211eaa0764d1a500fd781() {
+    _templateObject_529a88a0243411ea86f395335a802507 = function _templateObject_529a88a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -33,7 +33,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappOpenStudioTable, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_97a1798022d211eaa0764d1a500fd781(), this.submissions, this.submissionsEvent, this._loadProjectRoute, this._loadSubmissionUrl);
+        return (0, _litElement.html)(_templateObject_529a88a0243411ea86f395335a802507(), this.submissions, this.submissionsEvent, this._loadProjectRoute, this._loadSubmissionUrl);
       }
     }, {
       key: "submissionsEvent",
@@ -47,7 +47,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_97a1798022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_529a88a0243411ea86f395335a802507())];
       }
     }, {
       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 045179d0422..11117aea77b 100644
--- 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,10 +6,10 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappOpenStudio = void 0;
 
-  function _templateObject5_97ac9d1022d211eaa0764d1a500fd781() {
+  function _templateObject5_52ccbc30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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        iron-selector {\n          line-height: 1em;\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        lrndesign-gallerycard {\n          padding: 0;\n          margin: 1em;\n          height: 15em;\n          width: 14em;\n        }\n        app-toolbar {\n          height: 48px;\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          min-height: 50vh;\n        }\n        iron-list {\n          height: 100vh;\n        }\n      "]);
 
-    _templateObject5_97ac9d1022d211eaa0764d1a500fd781 = function _templateObject5_97ac9d1022d211eaa0764d1a500fd781() {
+    _templateObject5_52ccbc30243411ea86f395335a802507 = function _templateObject5_52ccbc30243411ea86f395335a802507() {
       return data;
     };
 
@@ -20,40 +20,40 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject4_97ac9d1022d211eaa0764d1a500fd781() {
+  function _templateObject4_52ccbc30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <paper-item item-id=\"", "\"\n                  >", "</paper-item\n                >\n              "]);
 
-    _templateObject4_97ac9d1022d211eaa0764d1a500fd781 = function _templateObject4_97ac9d1022d211eaa0764d1a500fd781() {
+    _templateObject4_52ccbc30243411ea86f395335a802507 = function _templateObject4_52ccbc30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_97ac9d1022d211eaa0764d1a500fd781() {
+  function _templateObject3_52ccbc30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <paper-item item-id=\"", "\"\n                  >", "</paper-item\n                >\n              "]);
 
-    _templateObject3_97ac9d1022d211eaa0764d1a500fd781 = function _templateObject3_97ac9d1022d211eaa0764d1a500fd781() {
+    _templateObject3_52ccbc30243411ea86f395335a802507 = function _templateObject3_52ccbc30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_97ac9d1022d211eaa0764d1a500fd781() {
+  function _templateObject2_52ccbc30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <paper-item item-id=\"", "\"\n                  >", "</paper-item\n                >\n              "]);
 
-    _templateObject2_97ac9d1022d211eaa0764d1a500fd781 = function _templateObject2_97ac9d1022d211eaa0764d1a500fd781() {
+    _templateObject2_52ccbc30243411ea86f395335a802507 = function _templateObject2_52ccbc30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97ac9d1022d211eaa0764d1a500fd781() {
+  function _templateObject_52ccbc30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-ajax\n        auto\n        url=\"", "\"\n        params=\"\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n        @response=\"", "\"\n      ></iron-ajax>\n\n      <app-location\n        .route=\"", "\"\n        @route-changed=\"", "\"\n        .query-params=\"", "\"\n        @query-params-changed=\"", "\"\n      ></app-location>\n      <app-route\n        .route=\"", "\"\n        @route-changed=\"", "\"\n        .data=\"", "\"\n        @data-changed=\"", "\"\n        .tail=\"", "\"\n        @tail-changed=\"", "\"\n        .query-params=\"", "\"\n        @query-params-changed=\"", "\"\n        pattern=\"", "/:page\">\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=\"", "\"\n          @selected-changed=\"", "\"\n          attr-for-selected=\"name\"\n          role=\"navigation\"\n        >\n          <a tabindex=\"-1\" name=\"submissions\" @click=\"", "\"\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\" @click=\"", "\"\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\" @click=\"", "\"\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\" @click=\"", "\"\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 ", " of\n          ", "</span\n        >\n        <paper-dropdown-menu label=\"Author\" ?hidden=\"", "\">\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            selected=\"", "\"\n            @selected-changed=\"", "\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item></paper-item>\n            ", "\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-dropdown-menu label=\"Project\" ?hidden=\"", "\">\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            selected=\"", "\"\n            @selected-changed=\"", "\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item></paper-item>\n            ", "\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-dropdown-menu label=\"Assignment\" ?hidden=\"", "\">\n          <paper-listbox\n            slot=\"dropdown-content\"\n            class=\"dropdown-content\"\n            selected=\"", "\"\n            @selected-changed=\"", "\"\n            attr-for-selected=\"item-id\"\n          >\n            <paper-item></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=\"", "\"\n          @selected-changed=\"", "\"\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=\"", "\"\n              as=\"item\"\n              grid\n              scroll-target=\"document\"\n            >\n              <template>\n                <div class=\"gallerycard-wrapper\">\n                  <a href=\"", "lrnapp-studio-submission/submissions/[[item.id]]\">\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=\"", "\"\n            .submissions=\"", "\"\n            .assignments=\"", "\"\n            active-author-id=\"", "\"\n            active-assignment-id=\"", "\"\n          ></lrnapp-open-studio-assignments>\n          <lrnapp-open-studio-projects\n            name=\"projects\"\n            base-path=\"", "\"\n            .projects=\"", "\"\n            .submissions=\"", "\"\n            .assignments=\"", "\"\n            active-author-id=\"", "\"\n            active-project-id=\"", "\"\n          ></lrnapp-open-studio-projects>\n          <lrnapp-open-studio-table\n            name=\"table\"\n            base-path=\"", "\"\n            .submissions=\"", "\"\n          ></lrnapp-open-studio-table>\n        </iron-pages>\n      </div>\n      <paper-toast id=\"toast\"></paper-toast>\n    "]);
 
-    _templateObject_97ac9d1022d211eaa0764d1a500fd781 = function _templateObject_97ac9d1022d211eaa0764d1a500fd781() {
+    _templateObject_52ccbc30243411ea86f395335a802507 = function _templateObject_52ccbc30243411ea86f395335a802507() {
       return data;
     };
 
@@ -67,12 +67,12 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappOpenStudio, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_97ac9d1022d211eaa0764d1a500fd781(), this.sourcePath, this.studioResponseChangedEvent, this._handleResponse, this.route, this.routeChangedEvent, this.queryParams, this.queryParamsChangedEvent, this.route, this.routeChangedEvent, this.data, this.dataChangedEvent, this.tail, this.tailChangedEvent, this.queryParams, this.queryParamsChangedEvent, this.endPoint, this.data.page, this.dataPageChangedEvent, this._submissionsClicked, this._projectsClicked, this._assignmentsClicked, this._tableClicked, this.submissions.length, this.originalSubmissions.length, !this.authors, this.queryParams.author, this.queryParamsAuthorEvent, this._toArray(this.authors).map(function (author) {
-          return (0, _litElement.html)(_templateObject2_97ac9d1022d211eaa0764d1a500fd781(), author.id, author.display_name);
+        return (0, _litElement.html)(_templateObject_52ccbc30243411ea86f395335a802507(), this.sourcePath, this.studioResponseChangedEvent, this._handleResponse, this.route, this.routeChangedEvent, this.queryParams, this.queryParamsChangedEvent, this.route, this.routeChangedEvent, this.data, this.dataChangedEvent, this.tail, this.tailChangedEvent, this.queryParams, this.queryParamsChangedEvent, this.endPoint, this.data.page, this.dataPageChangedEvent, this._submissionsClicked, this._projectsClicked, this._assignmentsClicked, this._tableClicked, this.submissions.length, this.originalSubmissions.length, !this.authors, this.queryParams.author, this.queryParamsAuthorEvent, this._toArray(this.authors).map(function (author) {
+          return (0, _litElement.html)(_templateObject2_52ccbc30243411ea86f395335a802507(), author.id, author.display_name);
         }), !this.projects, this.queryParams.project, this.queryParamsProjectEvent, this._toArray(this.projects).map(function (project) {
-          return (0, _litElement.html)(_templateObject3_97ac9d1022d211eaa0764d1a500fd781(), project.id, project.attributes.title);
+          return (0, _litElement.html)(_templateObject3_52ccbc30243411ea86f395335a802507(), project.id, project.attributes.title);
         }), !this.assignments, this.queryParams.assignment, this.queryParamsAssignmentEvent, this._toArray(this.assignments).map(function (assignment) {
-          return (0, _litElement.html)(_templateObject4_97ac9d1022d211eaa0764d1a500fd781(), assignment.id, assignment.attributes.title);
+          return (0, _litElement.html)(_templateObject4_52ccbc30243411ea86f395335a802507(), assignment.id, assignment.attributes.title);
         }), this.data.page, this.dataPageChangedEvent, this.submissions, this.basePath, this.basePath, this.submissions, this.assignments, this.queryParams.author, this.queryParams.assignment, this.basePath, this.projects, this.submissions, this.assignments, this.queryParams.author, this.queryParams.project, this.basePath, this.submissions);
       }
     }, {
@@ -135,7 +135,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject5_97ac9d1022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject5_52ccbc30243411ea86f395335a802507())];
       }
     }, {
       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 1712d109404..7eb941f6a01 100644
--- 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,10 +6,10 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappBlockNeedFeedback = void 0;
 
-  function _templateObject3_97b0469022d211eaa0764d1a500fd781() {
+  function _templateObject3_52d065b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        paper-button {\n          width: 100%;\n        }\n      "]);
 
-    _templateObject3_97b0469022d211eaa0764d1a500fd781 = function _templateObject3_97b0469022d211eaa0764d1a500fd781() {
+    _templateObject3_52d065b0243411ea86f395335a802507 = function _templateObject3_52d065b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -20,20 +20,20 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_97b0469022d211eaa0764d1a500fd781() {
+  function _templateObject2_52d065b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n          <paper-button @click=\"", "\">\n            <lrndesign-gallerycard\n              data-submission-id=\"", "\"\n              title=\"", "\"\n              author=\"", "\"\n              comments=\"", "\"\n              image=\"", "\"\n              icon=\"", "\"\n              class=\"ferpa-protect\"\n            >\n            </lrndesign-gallerycard>\n          </paper-button>\n        "]);
 
-    _templateObject2_97b0469022d211eaa0764d1a500fd781 = function _templateObject2_97b0469022d211eaa0764d1a500fd781() {
+    _templateObject2_52d065b0243411ea86f395335a802507 = function _templateObject2_52d065b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97b0469022d211eaa0764d1a500fd781() {
+  function _templateObject_52d065b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-ajax\n        auto=\"\"\n        url=\"", "\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n        @response=\"", "\"\n      ></iron-ajax>\n      <hexagon-loader\n        id=\"loader\"\n        item-count=\"4\"\n        ?loading=", "\n        size=\"small\"\n      ></hexagon-loader>\n      ", "\n    "]);
 
-    _templateObject_97b0469022d211eaa0764d1a500fd781 = function _templateObject_97b0469022d211eaa0764d1a500fd781() {
+    _templateObject_52d065b0243411ea86f395335a802507 = function _templateObject_52d065b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -49,8 +49,8 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject_97b0469022d211eaa0764d1a500fd781(), this.sourcePath, this.responseEvent, this.handleResponse, this.loading, this._toArray(this.response.data).map(function (item) {
-          return (0, _litElement.html)(_templateObject2_97b0469022d211eaa0764d1a500fd781(), _this2._loadSubmissionUrl, item.id, item.attributes.title, item.relationships.author.data, item.meta.comment_count, item.display.image, item.display.icon);
+        return (0, _litElement.html)(_templateObject_52d065b0243411ea86f395335a802507(), this.sourcePath, this.responseEvent, this.handleResponse, this.loading, this._toArray(this.response.data).map(function (item) {
+          return (0, _litElement.html)(_templateObject2_52d065b0243411ea86f395335a802507(), _this2._loadSubmissionUrl, item.id, item.attributes.title, item.relationships.author.data, item.meta.comment_count, item.display.image, item.display.icon);
         }));
       }
     }, {
@@ -65,7 +65,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_97b0469022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_52d065b0243411ea86f395335a802507())];
       }
     }, {
       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 3a53dfb1961..b3676e781f4 100644
--- 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,30 +6,30 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappBlockRecentCommentsComment = void 0;
 
-  function _templateObject3_97b63a0022d211eaa0764d1a500fd781() {
+  function _templateObject3_52d3e820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        paper-card {\n          padding: 2em 2em 0 2em;\n          clear: right;\n        }\n\n        paper-button {\n          background-color: var(--paper-grey-100);\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 paper-button {\n          display: flex;\n        }\n\n        lrndesign-avatar {\n          float: left;\n          margin-right: 1em;\n        }\n\n        .inactive {\n          max-height: 4.6em;\n          overflow: hidden;\n        }\n\n        paper-button {\n          background: white;\n          width: 100%;\n          display: flex;\n        }\n\n        lrn-icon {\n          color: black;\n          width: 100%;\n        }\n\n        .hidden {\n          display: none;\n        }\n      "]);
 
-    _templateObject3_97b63a0022d211eaa0764d1a500fd781 = function _templateObject3_97b63a0022d211eaa0764d1a500fd781() {
+    _templateObject3_52d3e820243411ea86f395335a802507 = function _templateObject3_52d3e820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_97b63a0022d211eaa0764d1a500fd781() {
+  function _templateObject2_52d3e820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <a href=\"", "\" tabindex=\"-1\">\n                  <paper-button raised=\"\" id=\"view\">View thread</paper-button>\n                </a>\n              "]);
 
-    _templateObject2_97b63a0022d211eaa0764d1a500fd781 = function _templateObject2_97b63a0022d211eaa0764d1a500fd781() {
+    _templateObject2_52d3e820243411ea86f395335a802507 = function _templateObject2_52d3e820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97b63a0022d211eaa0764d1a500fd781() {
+  function _templateObject_52d3e820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-card elevation=\"3\" class=\"flex-wrap\">\n        <div class=\"card-content\">\n          <lrndesign-avatar\n            label=\"", "\"\n            src=\"", "\"\n          ></lrndesign-avatar>\n          <h3>", "</h3>\n          <div id=\"wrapper\" class=\"button-wrapper\">\n            <div id=\"comment\" class=\"inactive\"><slot></slot></div>\n            <paper-button id=\"btn\" class=\"hidden\">\n              <lrn-icon icon=\"chevron-down\" id=\"icon\"></lrn-icon>\n            </paper-button>\n          </div>\n        </div>\n        <div class=\"card-actions\">\n          ", "\n        </div>\n      </paper-card>\n    "]);
 
-    _templateObject_97b63a0022d211eaa0764d1a500fd781 = function _templateObject_97b63a0022d211eaa0764d1a500fd781() {
+    _templateObject_52d3e820243411ea86f395335a802507 = function _templateObject_52d3e820243411ea86f395335a802507() {
       return data;
     };
 
@@ -43,7 +43,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappBlockRecentCommentsComment, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_97b63a0022d211eaa0764d1a500fd781(), this.commentUser.name, this.commentUser.avatar, this.commentUser.display_name, this.actionView ? (0, _litElement.html)(_templateObject2_97b63a0022d211eaa0764d1a500fd781(), this.actionView) : "");
+        return (0, _litElement.html)(_templateObject_52d3e820243411ea86f395335a802507(), this.commentUser.name, this.commentUser.avatar, this.commentUser.display_name, this.actionView ? (0, _litElement.html)(_templateObject2_52d3e820243411ea86f395335a802507(), this.actionView) : "");
       }
     }, {
       key: "onHeightChange",
@@ -85,7 +85,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_97b63a0022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_52d3e820243411ea86f395335a802507())];
       }
     }, {
       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 2f341f18026..f07674a1bb0 100644
--- 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,30 +6,30 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappBlockRecentComments = void 0;
 
-  function _templateObject3_97b305b022d211eaa0764d1a500fd781() {
+  function _templateObject3_52d76a90243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject3_97b305b022d211eaa0764d1a500fd781 = function _templateObject3_97b305b022d211eaa0764d1a500fd781() {
+    _templateObject3_52d76a90243411ea86f395335a802507 = function _templateObject3_52d76a90243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_97b305b022d211eaa0764d1a500fd781() {
+  function _templateObject2_52d76a90243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n          <lrnapp-block-recent-comments-comment\n            .comment-user=\"", "\"\n            comment-title=\"", "\"\n            action-view=\"", "\"\n            date-updated=\"", "\"\n            class=\"ferpa-protect\"\n          >\n            ", "\n          </lrnapp-block-recent-comments-comment>\n        "]);
 
-    _templateObject2_97b305b022d211eaa0764d1a500fd781 = function _templateObject2_97b305b022d211eaa0764d1a500fd781() {
+    _templateObject2_52d76a90243411ea86f395335a802507 = function _templateObject2_52d76a90243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97b305b022d211eaa0764d1a500fd781() {
+  function _templateObject_52d76a90243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style include=\"paper-item-styles\">\n          :host {\n            display: block;\n          }\n        </style>\n      </custom-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=\"", "\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n        @response=\"", "\"\n      ></iron-ajax>\n      ", "\n    "]);
 
-    _templateObject_97b305b022d211eaa0764d1a500fd781 = function _templateObject_97b305b022d211eaa0764d1a500fd781() {
+    _templateObject_52d76a90243411ea86f395335a802507 = function _templateObject_52d76a90243411ea86f395335a802507() {
       return data;
     };
 
@@ -51,8 +51,8 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
       value: function render() {
         var _this = this;
 
-        return (0, _litElement.html)(_templateObject_97b305b022d211eaa0764d1a500fd781(), this.sourcePath, this.responseChangedEvent, this.handleResponse, this._toArray(this.response.data).map(function (comment) {
-          return (0, _litElement.html)(_templateObject2_97b305b022d211eaa0764d1a500fd781(), comment.relationships.author.data, comment.attributes.subject, _this._getViewLink(comment.relationships.node.data.id), comment.attributes.changed, comment.attributes.body);
+        return (0, _litElement.html)(_templateObject_52d76a90243411ea86f395335a802507(), this.sourcePath, this.responseChangedEvent, this.handleResponse, this._toArray(this.response.data).map(function (comment) {
+          return (0, _litElement.html)(_templateObject2_52d76a90243411ea86f395335a802507(), comment.relationships.author.data, comment.attributes.subject, _this._getViewLink(comment.relationships.node.data.id), comment.attributes.changed, comment.attributes.body);
         }));
       }
     }, {
@@ -113,7 +113,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_97b305b022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_52d76a90243411ea86f395335a802507())];
       }
     }, {
       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 048fe4fc516..66653657ee9 100644
--- 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,40 +6,40 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappBlockRecentProject = void 0;
 
-  function _templateObject4_97b9bc7022d211eaa0764d1a500fd781() {
+  function _templateObject4_52e1cad0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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        paper-button {\n          padding: 0;\n          margin: 0;\n          min-width: 1rem;\n          text-transform: unset;\n        }\n        .project-card {\n          width: 100%;\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      "]);
 
-    _templateObject4_97b9bc7022d211eaa0764d1a500fd781 = function _templateObject4_97b9bc7022d211eaa0764d1a500fd781() {
+    _templateObject4_52e1cad0243411ea86f395335a802507 = function _templateObject4_52e1cad0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_97b9bc7022d211eaa0764d1a500fd781() {
+  function _templateObject3_52e1cad0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <lrnsys-button\n              inner-class=\"no-left-padding\"\n              button-class=\"assignment-row-button\"\n              class=\"assignment-row-button\"\n              href=\"", "lrnapp-studio-kanban\"\n              hover-class=\"amber lighten-5\"\n            >\n              <span class=\"button-contents\">\n                <div class=\"status-indicator\">\n                  <iron-icon icon=\"assignment\"></iron-icon>\n                </div>\n                <div class=\"assignment-title\">\n                  Tap to start your first project!\n                </div>\n              </span>\n            </lrnsys-button>\n          "]);
 
-    _templateObject3_97b9bc7022d211eaa0764d1a500fd781 = function _templateObject3_97b9bc7022d211eaa0764d1a500fd781() {
+    _templateObject3_52e1cad0243411ea86f395335a802507 = function _templateObject3_52e1cad0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_97b9bc7022d211eaa0764d1a500fd781() {
+  function _templateObject2_52e1cad0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <a tabindex=\"-1\" href=\"", "lrnapp-studio-kanban\">\n              <paper-button class=\"whole-project ferpa-protect\">\n                <paper-card\n                  id=\"project-", "\"\n                  class=\"project-card grey lighten-3\"\n                  heading=\"", "\"\n                  elevation=\"2\"\n                >\n                  <div class=\"card-content\">\n                    <iron-list\n                      .items=\"", "\"\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-", "-", "\"\n                            hover-class=\"amber lighten-5\"\n                            href=\"", "lrnapp-studio-kanban\"\n                          >\n                            <span class=\"button-contents\">\n                              <div\n                                class=\"status-indicator ", "\"\n                              >\n                                <iron-icon\n                                  icon=\"", "\"\n                                ></iron-icon>\n                              </div>\n                              <div class=\"assignment-title\">\n                                ", "\n                              </div>\n                            </span>\n                          </lrnsys-button>\n                        </div>\n                      </template>\n                    </iron-list>\n                  </div>\n                </paper-card>\n              </paper-button>\n            </a>\n          "]);
 
-    _templateObject2_97b9bc7022d211eaa0764d1a500fd781 = function _templateObject2_97b9bc7022d211eaa0764d1a500fd781() {
+    _templateObject2_52e1cad0243411ea86f395335a802507 = function _templateObject2_52e1cad0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97b9bc7022d211eaa0764d1a500fd781() {
+  function _templateObject_52e1cad0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style include=\"materializecss-styles paper-item-styles\">\n          :host {\n            display: block;\n          }\n        </style>\n      </custom-style>\n      <iron-ajax\n        auto=\"\"\n        url=\"", "\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n        @response=\"", "\"\n      ></iron-ajax>\n      <div id=\"loading\">\n        <h3>Loading..</h3>\n        <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      </div>\n      ", "\n    "]);
 
-    _templateObject_97b9bc7022d211eaa0764d1a500fd781 = function _templateObject_97b9bc7022d211eaa0764d1a500fd781() {
+    _templateObject_52e1cad0243411ea86f395335a802507 = function _templateObject_52e1cad0243411ea86f395335a802507() {
       return data;
     };
 
@@ -59,7 +59,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappBlockRecentProject, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_97b9bc7022d211eaa0764d1a500fd781(), this.sourcePath, this.responseChanged, this.handleResponse, this.hasProject ? (0, _litElement.html)(_templateObject2_97b9bc7022d211eaa0764d1a500fd781(), this.basePath, this.project.id, this.project.attributes.title, this._toArray(this.project.relationships.assignments), this.project.id, this.assignment.id, this.basePath, this.assignment.metadata.relatedSubmissions.complete.color, this.assignment.metadata.relatedSubmissions.complete.icon, this.assignment.title) : (0, _litElement.html)(_templateObject3_97b9bc7022d211eaa0764d1a500fd781(), this.basePath));
+        return (0, _litElement.html)(_templateObject_52e1cad0243411ea86f395335a802507(), this.sourcePath, this.responseChanged, this.handleResponse, this.hasProject ? (0, _litElement.html)(_templateObject2_52e1cad0243411ea86f395335a802507(), this.basePath, this.project.id, this.project.attributes.title, this._toArray(this.project.relationships.assignments), this.project.id, this.assignment.id, this.basePath, this.assignment.metadata.relatedSubmissions.complete.color, this.assignment.metadata.relatedSubmissions.complete.icon, this.assignment.title) : (0, _litElement.html)(_templateObject3_52e1cad0243411ea86f395335a802507(), this.basePath));
       }
     }, {
       key: "updated",
@@ -136,7 +136,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_97b9bc7022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_52e1cad0243411ea86f395335a802507())];
       }
     }, {
       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 f399d74f6d5..d2a9230c4a5 100644
--- 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,10 +6,10 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappBlockRecentSubmissions = void 0;
 
-  function _templateObject3_97be294022d211eaa0764d1a500fd781() {
+  function _templateObject3_52e57450243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        paper-button {\n          width: 100%;\n        }\n      "]);
 
-    _templateObject3_97be294022d211eaa0764d1a500fd781 = function _templateObject3_97be294022d211eaa0764d1a500fd781() {
+    _templateObject3_52e57450243411ea86f395335a802507 = function _templateObject3_52e57450243411ea86f395335a802507() {
       return data;
     };
 
@@ -20,20 +20,20 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_97be294022d211eaa0764d1a500fd781() {
+  function _templateObject2_52e57450243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n          <paper-button @click=\"", "\">\n            <lrndesign-gallerycard\n              data-submission-id=\"", "\"\n              title=\"", "\"\n              author=\"", "\"\n              comments=\"", "\"\n              image=\"", "\"\n              icon=\"", "\"\n              class=\"ferpa-protect\"\n            >\n            </lrndesign-gallerycard>\n          </paper-button>\n        "]);
 
-    _templateObject2_97be294022d211eaa0764d1a500fd781 = function _templateObject2_97be294022d211eaa0764d1a500fd781() {
+    _templateObject2_52e57450243411ea86f395335a802507 = function _templateObject2_52e57450243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97be294022d211eaa0764d1a500fd781() {
+  function _templateObject_52e57450243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-ajax\n        auto=\"\"\n        url=\"", "\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n        @response=\"", "\"\n      ></iron-ajax>\n      <hexagon-loader\n        id=\"loader\"\n        item-count=\"4\"\n        ?loading=", "\n        size=\"small\"\n      ></hexagon-loader>\n      ", "\n    "]);
 
-    _templateObject_97be294022d211eaa0764d1a500fd781 = function _templateObject_97be294022d211eaa0764d1a500fd781() {
+    _templateObject_52e57450243411ea86f395335a802507 = function _templateObject_52e57450243411ea86f395335a802507() {
       return data;
     };
 
@@ -49,8 +49,8 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject_97be294022d211eaa0764d1a500fd781(), this.sourcePath, this.responseEvent, this.handleResponse, this.loading, this._toArray(this.response.data).map(function (item) {
-          return (0, _litElement.html)(_templateObject2_97be294022d211eaa0764d1a500fd781(), _this2._loadSubmissionUrl, item.id, item.attributes.title, item.relationships.author.data, item.meta.comment_count, item.display.image, item.display.icon);
+        return (0, _litElement.html)(_templateObject_52e57450243411ea86f395335a802507(), this.sourcePath, this.responseEvent, this.handleResponse, this.loading, this._toArray(this.response.data).map(function (item) {
+          return (0, _litElement.html)(_templateObject2_52e57450243411ea86f395335a802507(), _this2._loadSubmissionUrl, item.id, item.attributes.title, item.relationships.author.data, item.meta.comment_count, item.display.image, item.display.icon);
         }));
       }
     }, {
@@ -65,7 +65,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_97be294022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_52e57450243411ea86f395335a802507())];
       }
     }, {
       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 436eaf2e511..b11b206fe7b 100644
--- 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,20 +6,20 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappStudioDashboard = void 0;
 
-  function _templateObject2_97c0c15022d211eaa0764d1a500fd781() {
+  function _templateObject2_52e91dd0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        h1.title {\n          font-size: 2em;\n          color: black;\n          margin: 0;\n          padding: 0.5em 0 0 0;\n          text-transform: none;\n          text-align: left;\n        }\n        p.para {\n          margin: 0;\n          padding: 0.25em 0.5em;\n        }\n        .dashboard-row {\n          width: 100%;\n          display: inline-flex;\n        }\n        .dashboard-item {\n          width: 30%;\n        }\n      "]);
 
-    _templateObject2_97c0c15022d211eaa0764d1a500fd781 = function _templateObject2_97c0c15022d211eaa0764d1a500fd781() {
+    _templateObject2_52e91dd0243411ea86f395335a802507 = function _templateObject2_52e91dd0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97c0c15022d211eaa0764d1a500fd781() {
+  function _templateObject_52e91dd0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style include=\"materializecss-styles\">\n          :host {\n            display: block;\n            padding: 0 2em;\n          }\n        </style>\n      </custom-style>\n      <h1 class=\"title\">Welcome back ", "!</h1>\n      <p class=\"para\">Here's what's been going on in the studio</p>\n      <div class=\"dashboard-row\">\n        <paper-card heading=\"Your active project\" class=\"dashboard-item\">\n          <div class=\"card-content\">\n            <lrnapp-block-recent-project\n              csrf-token=\"", "\"\n              end-point=\"", "\"\n              base-path=\"", "\"\n              source-path=\"", "\"\n            >\n            </lrnapp-block-recent-project>\n          </div>\n        </paper-card>\n        <paper-card\n          heading=\"Classmates needing feedback\"\n          class=\"dashboard-item\"\n        >\n          <div class=\"card-content\">\n            <lrnapp-block-need-feedback\n              csrf-token=\"", "\"\n              end-point=\"", "\"\n              base-path=\"", "\"\n              source-path=\"", "\"\n            >\n            </lrnapp-block-need-feedback>\n          </div>\n        </paper-card>\n        <paper-card heading=\"Recent Studio submissions\" class=\"dashboard-item\">\n          <div class=\"card-content\">\n            <lrnapp-block-recent-submissions\n              csrf-token=\"", "\"\n              end-point=\"", "\"\n              base-path=\"", "\"\n              source-path=\"", "\"\n            >\n            </lrnapp-block-recent-submissions>\n          </div>\n        </paper-card>\n        <paper-card heading=\"Recent Studio comments\" class=\"dashboard-item\">\n          <div class=\"card-content\">\n            <lrnapp-block-recent-comments\n              csrf-token=\"", "\"\n              end-point=\"", "\"\n              base-path=\"", "\"\n              source-path=\"", "\"\n            >\n            </lrnapp-block-recent-comments>\n          </div>\n        </paper-card>\n      </div>\n    "]);
 
-    _templateObject_97c0c15022d211eaa0764d1a500fd781 = function _templateObject_97c0c15022d211eaa0764d1a500fd781() {
+    _templateObject_52e91dd0243411ea86f395335a802507 = function _templateObject_52e91dd0243411ea86f395335a802507() {
       return data;
     };
 
@@ -39,7 +39,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappStudioDashboard, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_97c0c15022d211eaa0764d1a500fd781(), this.username, this.csrfToken, this._getEndPoint(this.basePath), this.basePath, this._getDataSource(this.csrfToken, this.basePath, "recent-project"), this.csrfToken, this._getEndPoint(this.basePath), this.basePath, this._getDataSource(this.csrfToken, this.basePath, "need-feedback"), this.csrfToken, this._getEndPoint(this.basePath), this.basePath, this._getDataSource(this.csrfToken, this.basePath, "recent-submissions"), this.csrfToken, this._getEndPoint(this.basePath), this.basePath, this._getDataSource(this.csrfToken, this.basePath, "recent-comments"));
+        return (0, _litElement.html)(_templateObject_52e91dd0243411ea86f395335a802507(), this.username, this.csrfToken, this._getEndPoint(this.basePath), this.basePath, this._getDataSource(this.csrfToken, this.basePath, "recent-project"), this.csrfToken, this._getEndPoint(this.basePath), this.basePath, this._getDataSource(this.csrfToken, this.basePath, "need-feedback"), this.csrfToken, this._getEndPoint(this.basePath), this.basePath, this._getDataSource(this.csrfToken, this.basePath, "recent-submissions"), this.csrfToken, this._getEndPoint(this.basePath), this.basePath, this._getDataSource(this.csrfToken, this.basePath, "recent-comments"));
       }
     }, {
       key: "updated",
@@ -93,7 +93,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_97c0c15022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_52e91dd0243411ea86f395335a802507())];
       }
     }, {
       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 e059eef7a9e..20e3128b9e6 100644
--- 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
@@ -10,60 +10,60 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject6_97d24d8022d211eaa0764d1a500fd781() {
+  function _templateObject6_53150fd0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          align-content: center;\n          padding: 0.8em;\n        }\n        paper-dialog {\n          width: 70vw;\n          min-height: 50vh;\n        }\n        vaadin-grid-table-body > vaadin-grid-cell-content {\n          height: unset !important;\n        }\n        app-toolbar {\n          background-color: #4285f4;\n          color: #fff;\n          margin: 20px 0;\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 {\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 .cell {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          padding-right: 56px;\n        }\n\n        vaadin-grid .cell.last {\n          padding-right: 24px;\n        }\n\n        vaadin-grid .cell.numeric {\n          text-align: right;\n        }\n\n        vaadin-grid paper-checkbox {\n          --primary-color: var(--paper-indigo-500);\n          margin: 0 24px;\n        }\n\n        vaadin-grid vaadin-grid-sorter .cell {\n          flex: 1;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        vaadin-grid vaadin-grid-sorter iron-icon {\n          transform: scale(0.8);\n        }\n\n        vaadin-grid vaadin-grid-sorter:not([direction]) iron-icon {\n          color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n        }\n\n        vaadin-grid vaadin-grid-sorter[direction] {\n          color: rgba(0, 0, 0, var(--dark-primary-opacity));\n        }\n\n        vaadin-grid vaadin-grid-sorter[direction=\"desc\"] iron-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-block;\n        }\n        .avatar-label {\n          display: inline-block;\n          margin-left: 0.2em;\n        }\n        .assignment-button {\n          height: 1em;\n        }\n        .project-button {\n          height: 1em;\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        }\n        .avatar-link paper-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: 0.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      "]);
 
-    _templateObject6_97d24d8022d211eaa0764d1a500fd781 = function _templateObject6_97d24d8022d211eaa0764d1a500fd781() {
+    _templateObject6_53150fd0243411ea86f395335a802507 = function _templateObject6_53150fd0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject5_97d24d8022d211eaa0764d1a500fd781() {
+  function _templateObject5_53150fd0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <div>\n                  <h3>No submission for this assignment</h3>\n                  <p>\n                    This student has not submitted anything for this assignment\n                    at this time.\n                  </p>\n                </div>\n              "]);
 
-    _templateObject5_97d24d8022d211eaa0764d1a500fd781 = function _templateObject5_97d24d8022d211eaa0764d1a500fd781() {
+    _templateObject5_53150fd0243411ea86f395335a802507 = function _templateObject5_53150fd0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_97d24d8022d211eaa0764d1a500fd781() {
+  function _templateObject4_53150fd0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <lrnapp-studio-submission-page\n                  base-path=\"", "\"\n                  .route=\"", "\"\n                  @route-changed=\"", "\"\n                  id=\"", "\"\n                  end-point=\"", "lrnapp-studio-submission\"\n                  csrf-token=\"", "\"\n                  data=\"", "\"\n                  hide-menu-bar\n                ></lrnapp-studio-submission-page>\n              "]);
 
-    _templateObject4_97d24d8022d211eaa0764d1a500fd781 = function _templateObject4_97d24d8022d211eaa0764d1a500fd781() {
+    _templateObject4_53150fd0243411ea86f395335a802507 = function _templateObject4_53150fd0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_97d24d8022d211eaa0764d1a500fd781() {
+  function _templateObject3_53150fd0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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')]]\" @click=\"", "\">\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)]]\" @click=\"", "\">\n                    </lrnsys-button>\n                  </li>\n                </template>\n                </ul>\n              </template>\n            </template>\n            <template is=\"dom-if\" if=\"[[!_submissionStatus(item, assignment, dataType)]]\">\n              <paper-button disabled class=\"project-button\" id=\"student-[[item.id]]-assignment-[[assignment.id]]-submission-null\">X</paper-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              <paper-tooltip for=\"student-[[item.id]]-assignment-[[assignment.id]]-tip\">Comments left on classmates [[assignment.title]]</paper-badge>\n            </template>\n          </template>\n        </vaadin-grid-column>\n      "]);
 
-    _templateObject3_97d24d8022d211eaa0764d1a500fd781 = function _templateObject3_97d24d8022d211eaa0764d1a500fd781() {
+    _templateObject3_53150fd0243411ea86f395335a802507 = function _templateObject3_53150fd0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_97d24d8022d211eaa0764d1a500fd781() {
+  function _templateObject2_53150fd0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n          <paper-item value=\"", "\"\n            >", "</paper-item\n          >\n        "]);
 
-    _templateObject2_97d24d8022d211eaa0764d1a500fd781 = function _templateObject2_97d24d8022d211eaa0764d1a500fd781() {
+    _templateObject2_53150fd0243411ea86f395335a802507 = function _templateObject2_53150fd0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97d24d8022d211eaa0764d1a500fd781() {
+  function _templateObject_53150fd0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n    <style include=\"materializecss-styles\">\n      vaadin-grid {\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    </style>\n    </custom-style>\n    <app-location \n      .route=\"", "\"\n      @route-changed=\"", "\"\n    ></app-location>\n    <app-route\n      .route=\"", "\"\n      @route-changed=\"", "\"\n      pattern=\"", "/submissions/:submission\"\n      .data=\"", "\"\n      @data-changed=\"", "\"\n      .tail=\"", "\"\n      @tail-changed=\"", "\"  \n      >\n    </app-route>\n    <iron-ajax auto\n      id=\"projectrequest\"\n      url=\"", "\"\n      handle-as=\"json\"\n      @last-response-changed=\"", "\"\n      @response=\"", "\"></iron-ajax>\n    <iron-ajax\n      id=\"studentrequest\"\n      url=\"", "\"\n      .params=\"", "\"\n      handle-as=\"json\"\n      @last-response-changed=\"", "\"\n      @response=\"", "\"></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=\"", "\">Select a project to begin reviewing work</div>\n    <dropdown-select id=\"selectedproject\" label=\"Project\">\n      ", "\n    </dropdown-select>\n    <paper-toggle-button id=\"datatype\"\n     ?checked=\"", "\"\n      @checked-changed=\"", "\"\n      disabled\n    >\n      ", "\n    </paper-toggle-button>\n    <paper-button id=\"statsdialogbutton\" disabled><iron-icon icon=\"editor:show-chart\"></iron-icon> Statistics (beta)</span></paper-button>\n    <paper-dialog id=\"statsdialog\">\n      <app-header>\n        <app-toolbar>\n          <div main-title>", "</div>\n          <label for=\"selectedchart\">Graph style</label>\n          <simple-picker id=\"selectedchart\" .options=\"", "\"></simple-picker>\n          <paper-button dialog-dismiss><iron-icon icon=\"close\"></iron-icon> Close</paper-button>\n        </app-toolbar>\n      </app-header>\n      <paper-dialog-scrollable>\n        <div class=\"stats-text\">", "</div>\n        <lrndesign-bar\n        chart-title=\"", "\"\n        chart-desc=\"", "\"\n        .data=\"", "\"\n        ></lrndesign-bar>\n      </paper-dialog-scrollable>\n    </paper-dialog>\n    <vaadin-grid ?hidden=\"", "\" id=\"material\" aria-label=\"Student project list\" .items=\"", "\">\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=\"", "lrnapp-open-studio/projects?author=[[item.id]]&project=", "\" tabindex=\"-1\" target=\"_blank\" class=\"avatar-link ferpa-protect\">\n            <paper-button class=\"avatar-button\">\n              <lrndesign-avatar label=\"[[item.name]]\" src=\"[[item.avatar]]\"></lrndesign-avatar>\n              <span class=\"avatar-label\">[[item.sis.sortable_name]]</span>\n            </paper-button>\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      ", "\n    </vaadin-grid>\n    <paper-dialog id=\"dialog\" style=\"overflow: visible;\">\n      <app-header>\n        <app-toolbar>\n          <span style=\"width:15em;\">\n            <paper-icon-button @click=\"", "\" id=\"prevstudent\" icon=\"arrow-upward\" title=\"previous student\"></paper-icon-button>\n            <paper-icon-button @click=\"", "\" id=\"nextstudent\" icon=\"arrow-downward\" title=\"next student\"></paper-icon-button>\n            <lrndesign-avatar class=\"ferpa-protect\" label=\"", "\" src=\"", "\" style=\"display:inline-block;vertical-align:middle;\"></lrndesign-avatar>\n            <span class=\"avatar-label ferpa-protect\" style=\"margin-left:1em;\">", "</span>\n          </span>\n          <paper-icon-button @click=\"", "\" id=\"prevassignment\" icon=\"arrow-back\" title=\"previous assignment\" style=\"margin-left:1em;\"></paper-icon-button>\n          <paper-icon-button @click=\"", "\" id=\"nextassignment\" icon=\"arrow-forward\" title=\"next assignment\"></paper-icon-button>\n          <span style=\"font-weight:bold;\" main-title>Assignment: ", "</span>\n          <paper-button dialog-dismiss><iron-icon icon=\"close\"></iron-icon> Close</paper-button>\n        </app-toolbar>\n      </app-header>\n      <paper-dialog-scrollable>\n        ", "\n      </paper-dialog-scrollable>\n    </paper-dialog>"]);
 
-    _templateObject_97d24d8022d211eaa0764d1a500fd781 = function _templateObject_97d24d8022d211eaa0764d1a500fd781() {
+    _templateObject_53150fd0243411ea86f395335a802507 = function _templateObject_53150fd0243411ea86f395335a802507() {
       return data;
     };
 
@@ -79,11 +79,11 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject_97d24d8022d211eaa0764d1a500fd781(), this.route, this.routeChangedEvent, this.route, this.routeChangedEvent, this.endPoint, this.data, this.dataChangedEvent, this.tail, this.tailChangedEvent, this.sourceProjectPath, this._projectDataChanged, this._handleProjectResponse, this.sourceStudentPath, this.studentParams, this._studentDataChanged, this._handleStudentResponse, this.activeProject, this._toArray(this.projects).map(function (project) {
-          return (0, _litElement.html)(_templateObject2_97d24d8022d211eaa0764d1a500fd781(), project.id, project.attributes.title);
+        return (0, _litElement.html)(_templateObject_53150fd0243411ea86f395335a802507(), this.route, this.routeChangedEvent, this.route, this.routeChangedEvent, this.endPoint, this.data, this.dataChangedEvent, this.tail, this.tailChangedEvent, this.sourceProjectPath, this._projectDataChanged, this._handleProjectResponse, this.sourceStudentPath, this.studentParams, this._studentDataChanged, this._handleStudentResponse, this.activeProject, this._toArray(this.projects).map(function (project) {
+          return (0, _litElement.html)(_templateObject2_53150fd0243411ea86f395335a802507(), project.id, project.attributes.title);
         }), this.dataType, this.checkedChangedEvent, this.dataTypeText, this.stats.header, this.simplePickerOptions, this.stats.overview, this.activeChart.title, this.activeChart.description, this.activeChart.data, !this.students, this._toArray(this.students), this.basePath, this.activeProject, this._toArray(this.assignments).map(function (assignment) {
-          return (0, _litElement.html)(_templateObject3_97d24d8022d211eaa0764d1a500fd781(), _this2._setActiveSubmission, _this2._setActiveComment);
-        }), this._changeActiveItem, this._changeActiveItem, this.activeData.student.name, this.activeData.student.avatar, this.activeData.student.sis.sortable_name, this._changeActiveItem, this._changeActiveItem, this.activeData.assignment.title, this.activeData.submission ? (0, _litElement.html)(_templateObject4_97d24d8022d211eaa0764d1a500fd781(), this.basePath, this.tail, this.tailChangedEvent, this.data.submission, this.basePath, this.csrfToken, this.data) : (0, _litElement.html)(_templateObject5_97d24d8022d211eaa0764d1a500fd781()));
+          return (0, _litElement.html)(_templateObject3_53150fd0243411ea86f395335a802507(), _this2._setActiveSubmission, _this2._setActiveComment);
+        }), this._changeActiveItem, this._changeActiveItem, this.activeData.student.name, this.activeData.student.avatar, this.activeData.student.sis.sortable_name, this._changeActiveItem, this._changeActiveItem, this.activeData.assignment.title, this.activeData.submission ? (0, _litElement.html)(_templateObject4_53150fd0243411ea86f395335a802507(), this.basePath, this.tail, this.tailChangedEvent, this.data.submission, this.basePath, this.csrfToken, this.data) : (0, _litElement.html)(_templateObject5_53150fd0243411ea86f395335a802507()));
       }
     }, {
       key: "_studentDataChanged",
@@ -122,7 +122,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject6_97d24d8022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject6_53150fd0243411ea86f395335a802507())];
       }
     }, {
       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 144c89783e0..e630292c85e 100644
--- 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,30 +6,30 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappStudioAssignmentButton = void 0;
 
-  function _templateObject3_97d5a8e022d211eaa0764d1a500fd781() {
+  function _templateObject3_52ecee60243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject3_97d5a8e022d211eaa0764d1a500fd781 = function _templateObject3_97d5a8e022d211eaa0764d1a500fd781() {
+    _templateObject3_52ecee60243411ea86f395335a802507 = function _templateObject3_52ecee60243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_97d5a8e022d211eaa0764d1a500fd781() {
+  function _templateObject2_52ecee60243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <paper-toast id=\"toast\"></paper-toast>\n          "]);
 
-    _templateObject2_97d5a8e022d211eaa0764d1a500fd781 = function _templateObject2_97d5a8e022d211eaa0764d1a500fd781() {
+    _templateObject2_52ecee60243411ea86f395335a802507 = function _templateObject2_52ecee60243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97d5a8e022d211eaa0764d1a500fd781() {
+  function _templateObject_52ecee60243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <lrnsys-button\n        @click=\"", "\"\n        icon-class=\"", "\"\n        alt=\"", "\"\n        class=\"", "\"\n        button-class=\"", "\"\n        hover-class=\"", "\"\n        icon=\"", "\"\n      ></lrnsys-button>\n      <iron-ajax\n        id=\"ajaxCreateStub\"\n        url=\"", "/api/assignments/create-stub?token=", "\"\n        method=\"POST\"\n        body=\"", "\"\n        handle-as=\"json\"\n        @response=\"", "\"\n      ></iron-ajax>\n      ", "\n    "]);
 
-    _templateObject_97d5a8e022d211eaa0764d1a500fd781 = function _templateObject_97d5a8e022d211eaa0764d1a500fd781() {
+    _templateObject_52ecee60243411ea86f395335a802507 = function _templateObject_52ecee60243411ea86f395335a802507() {
       return data;
     };
 
@@ -47,7 +47,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappStudioAssignmentButton, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_97d5a8e022d211eaa0764d1a500fd781(), this._createAssignment, this.iconClass, this.alt, this.classes, this.classes, this.hoverClass, this.icon, this.endPoint, this.csrfToken, this.projectId, this._ajaxCreateStubHandler, this.displayErrors ? (0, _litElement.html)(_templateObject2_97d5a8e022d211eaa0764d1a500fd781()) : "");
+        return (0, _litElement.html)(_templateObject_52ecee60243411ea86f395335a802507(), this._createAssignment, this.iconClass, this.alt, this.classes, this.classes, this.hoverClass, this.icon, this.endPoint, this.csrfToken, this.projectId, this._ajaxCreateStubHandler, this.displayErrors ? (0, _litElement.html)(_templateObject2_52ecee60243411ea86f395335a802507()) : "");
       }
     }], [{
       key: "styles",
@@ -56,7 +56,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_97d5a8e022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_52ecee60243411ea86f395335a802507())];
       }
     }, {
       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 f63b91c1dc2..c44bd03c0dd 100644
--- 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,20 +6,20 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappStudioAssignmentDisplay = void 0;
 
-  function _templateObject2_97d7569022d211eaa0764d1a500fd781() {
+  function _templateObject2_52ee7500243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          padding: 16px;\n        }\n        #assignment-body {\n          font-size: 21px;\n        }\n      "]);
 
-    _templateObject2_97d7569022d211eaa0764d1a500fd781 = function _templateObject2_97d7569022d211eaa0764d1a500fd781() {
+    _templateObject2_52ee7500243411ea86f395335a802507 = function _templateObject2_52ee7500243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97d7569022d211eaa0764d1a500fd781() {
+  function _templateObject_52ee7500243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <h1>", "</h1>\n      <marked-element\n        id=\"assignment-body\"\n        markdown=\"", "\"\n      ></marked-element>\n    "]);
 
-    _templateObject_97d7569022d211eaa0764d1a500fd781 = function _templateObject_97d7569022d211eaa0764d1a500fd781() {
+    _templateObject_52ee7500243411ea86f395335a802507 = function _templateObject_52ee7500243411ea86f395335a802507() {
       return data;
     };
 
@@ -39,7 +39,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappStudioAssignmentDisplay, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_97d7569022d211eaa0764d1a500fd781(), this.assignment.attributes.title, this.assignment.attributes.body);
+        return (0, _litElement.html)(_templateObject_52ee7500243411ea86f395335a802507(), this.assignment.attributes.title, this.assignment.attributes.body);
       }
     }], [{
       key: "styles",
@@ -48,7 +48,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_97d7569022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_52ee7500243411ea86f395335a802507())];
       }
     }, {
       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 018ad3f98de..166e09941e4 100644
--- 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,10 +6,10 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappStudioKanban = void 0;
 
-  function _templateObject4_97e38b9022d211eaa0764d1a500fd781() {
+  function _templateObject4_52fdb740243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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          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          width: 150vw;\n        }\n        @media screen and (max-width: 800px) {\n          .projects-container {\n            width: auto;\n          }\n        }\n        #activetoggle {\n          padding-left: 16px;\n        }\n        .projects-window {\n          width: 100vw;\n          overflow-x: scroll;\n          overflow-y: hidden;\n          scrollbar-face-color: #833900;\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        .projects-window::-webkit-scrollbar-track {\n          background-color: #833900;\n        }\n        /* the new scrollbar will have a flat appearance with the set background color */\n        .projects-window::-webkit-scrollbar-thumb {\n          background-color: #ffc107;\n        }\n        /* this will style the thumb, ignoring the track */\n        .projects-window::-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        .projects-window::-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        .projects-window::-webkit-scrollbar {\n          width: 1rem;\n          height: 1rem;\n        }\n        /* this targets the default scrollbar (compulsory) */\n        paper-button {\n          padding: 0;\n          margin: 0;\n          min-width: 1rem;\n        }\n        .project-card {\n          width: 100%;\n          min-width: 20em;\n          max-width: 20em;\n          margin: 0;\n          height: 100%;\n          min-height: 10em;\n        }\n        .project-container {\n          padding: 1em;\n        }\n        .project-card .card-content {\n          height: 100%;\n          min-height: 288px;\n          max-height: 300px;\n          overflow: scroll;\n        }\n        .project-operations {\n          position: absolute;\n          top: 0;\n          right: 0;\n        }\n        .project-operations .operation {\n          display: inline-flex;\n        }\n        .project-operations .operation[hidden] {\n          display: none;\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          text-transform: none;\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: 2em;\n          height: 2em;\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          top: 0;\n          right: 0;\n          padding: 0;\n          display: none;\n        }\n        .assignment-operations.show {\n          display: block;\n          overflow: visible;\n        }\n        .assignment-operations .operation {\n          display: inline-flex;\n          width: 2.5em;\n          height: 2.5em;\n          margin: -4px 4px 0 0;\n        }\n        .assignment-operations .operation[hidden] {\n          display: none;\n        }\n        lrnapp-studio-project-button {\n          margin: 0em auto;\n          max-width: 20em;\n        }\n      "]);
 
-    _templateObject4_97e38b9022d211eaa0764d1a500fd781 = function _templateObject4_97e38b9022d211eaa0764d1a500fd781() {
+    _templateObject4_52fdb740243411ea86f395335a802507 = function _templateObject4_52fdb740243411ea86f395335a802507() {
       return data;
     };
 
@@ -20,30 +20,30 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject3_97e38b9022d211eaa0764d1a500fd781() {
+  function _templateObject3_52fdb740243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                      <div class=\"assignment-row\" id=\"assignment\">\n                        <lrnsys-button\n                          id=\"assignment-", "-", "\"\n                          class=\"assignment-row-button\"\n                          hover-class=\"amber lighten-5\"\n                          @click=\"", "\"\n                          icon=\"", "\"\n                        >\n                          ", "\n                        </lrnsys-button>\n                        <span class=\"assignment-operations\">\n                          <lrnsys-button\n                            id=\"assignment-", "-", "-add-critique\"\n                            icon=\"editor:insert-comment\"\n                            alt=\"Add critique\"\n                            class=\"operation\"\n                            hover-class=\"green lighten-2\"\n                            ?hidden=\"", "\"\n                            href=\"", "\"\n                            icon-class=\"no-margin\"\n                          ></lrnsys-button>\n                          <lrnsys-button\n                            id=\"assignment-", "-", "-edit\"\n                            icon=\"editor:mode-edit\"\n                            alt=\"Edit\"\n                            class=\"operation\"\n                            hover-class=\"amber lighten-4\"\n                            ?hidden=\"", "\"\n                            @click=\"", "\"\n                            icon-class=\"no-margin green-text text-darken-4\"\n                          ></lrnsys-button>\n                          <lrnsys-button\n                            id=\"assignment-", "-", "-delete\"\n                            icon=\"delete\"\n                            alt=\"Delete\"\n                            class=\"operation\"\n                            hover-class=\"amber lighten-4\"\n                            hidden=\"", "\"\n                            @click=\"", "\"\n                            icon-class=\"no-margin red-text text-darken-4\"\n                          ></lrnsys-button>\n                        </span>\n                      </div>\n                    "]);
 
-    _templateObject3_97e38b9022d211eaa0764d1a500fd781 = function _templateObject3_97e38b9022d211eaa0764d1a500fd781() {
+    _templateObject3_52fdb740243411ea86f395335a802507 = function _templateObject3_52fdb740243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_97e38b9022d211eaa0764d1a500fd781() {
+  function _templateObject2_52fdb740243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <div class=\"project-container\">\n              <paper-card\n                id=\"project-", "\"\n                class=\"project-card grey lighten-3\"\n                heading=\"", "\"\n                elevation=\"2\"\n              >\n                <div class=\"project-operations\">\n                  <lrnsys-button\n                    icon-class=\"no-margin\"\n                    id=\"project-", "-edit\"\n                    alt=\"Edit project\"\n                    class=\"operation\"\n                    hover-class=\"amber lighten-2\"\n                    ?hidden=\"", "\"\n                    icon=\"create\"\n                    @click=\"", "\"\n                  >\n                  </lrnsys-button>\n                  <lrnapp-studio-assignment-button\n                    project-id=\"", "\"\n                    icon-class=\"no-margin\"\n                    id=\"project-", "-add\"\n                    alt=\"Add assignment\"\n                    class=\"operation\"\n                    hover-class=\"amber lighten-2\"\n                    ?hidden=\"", "\"\n                    icon=\"add\"\n                    end-point=\"", "\"\n                    csrf-token=\"", "\"\n                  >\n                  </lrnapp-studio-assignment-button>\n                  <lrnsys-button\n                    id=\"project-", "-delete\"\n                    alt=\"Delete project!\"\n                    class=\"operation\"\n                    hover-class=\"red darken-2 white-text\"\n                    header=\"Delete project!\"\n                    ?hidden=\"", "\"\n                    icon=\"delete-forever\"\n                    @click=\"", "\"\n                    icon-class=\"no-margin\"\n                  >\n                  </lrnsys-button>\n                </div>\n                <div class=\"card-content\">\n                  ", "\n                </div>\n              </paper-card>\n            </div>\n          "]);
 
-    _templateObject2_97e38b9022d211eaa0764d1a500fd781 = function _templateObject2_97e38b9022d211eaa0764d1a500fd781() {
+    _templateObject2_52fdb740243411ea86f395335a802507 = function _templateObject2_52fdb740243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97e38b9022d211eaa0764d1a500fd781() {
+  function _templateObject_52fdb740243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style include=\"materializecss-styles\">\n          .project-card {\n            --paper-card-header: {\n              max-width: 60%;\n              word-break: break-all;\n            }\n          }\n        </style>\n      </custom-style>\n      <iron-ajax\n        auto=\"\"\n        id=\"projectbackend\"\n        url=\"", "\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n        @response=\"", "\"\n      >\n      </iron-ajax>\n      <iron-ajax\n        id=\"backend\"\n        url=\"", "\"\n        params=\"\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n        @response=\"", "\"\n      >\n      </iron-ajax>\n\n      <app-location\n        .route=\"", "\"\n        @route-changed=\"", "\"\n        .query-params=\"", "\"\n        @query-params-changed=\"", "\"\n      ></app-location>\n      <app-route\n        .route=\"", "\"\n        @route-changed=\"", "\"\n        pattern=\"", "/:page\"\n        .data=\"", "\"\n        @data-changed=\"", "\"\n        .tail=\"", "\"\n        @tail-changed=\"", "\"\n        .query-params=\"", "\"\n        @query-params-changed=\"", "\"\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=\"", "\"\n        classes=\"amber darken-4 white-text\"\n        end-point=\"", "\"\n        csrf-token=\"", "\"\n        icon=\"add\"\n      ></lrnapp-studio-project-button>\n      <div class=\"projects-window\">\n        ", "\n      </div>\n      <paper-toast text=\"Updated\" id=\"toast\"></paper-toast>\n      <paper-dialog id=\"delete\" modal=\"\">\n        <h3>", "</h3>\n        <p>", "</p>\n        <div class=\"buttons\">\n          <paper-button dialog-dismiss=\"\">Decline</paper-button>\n          <paper-button\n            id=\"deleteaccept\"\n            @click=\"", "\"\n            dialog-confirm=\"\"\n            autofocus=\"\"\n            >Accept</paper-button\n          >\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=\"", "\"\n            >\n              <div>\n                <iron-icon\n                  icon=\"", "\"\n                  ?disabled=\"", "\"\n                ></iron-icon>\n                ", "\n              </div>\n              <div\n                spacer=\"\"\n                class=\"comment-box\"\n                ?hidden=\"", "\"\n              >\n                <paper-button\n                  id=\"assignment-", "-", "-comments\"\n                  style=\"margin:0;padding:.25em;text-transform:none;\"\n                >\n                  <iron-icon icon=\"communication:forum\"></iron-icon>\n                  ", "\n                  Comments\n                </paper-button>\n                <paper-badge\n                  ?hidden=\"", "\"\n                  for=\"assignment-", "-", "-comments\"\n                  label=\"", "\"\n                ></paper-badge>\n              </div>\n\n              <lrnapp-studio-submission-button\n                spacer\n                auto\n                assignment-id=\"", "\"\n                .submission=\"", "\"\n                end-point=\"", "\"\n                csrf-token=\"", "\"\n                submission-id=\"", "\"\n              ></lrnapp-studio-submission-button>\n              <paper-toggle-button\n                id=\"activetoggle\"\n                @click=\"", "\"\n              ></paper-toggle-button>\n              <span id=\"activetoggletext\"></span>\n            </app-toolbar>\n            <div class=\"status-rationale\">\n              ", "\n            </div>\n          </app-header>\n          <lrnsys-render-html\n            style=\"padding:2em;\"\n            html=\"", "\"\n          ></lrnsys-render-html>\n        </div>\n      </paper-dialog>\n    "]);
 
-    _templateObject_97e38b9022d211eaa0764d1a500fd781 = function _templateObject_97e38b9022d211eaa0764d1a500fd781() {
+    _templateObject_52fdb740243411ea86f395335a802507 = function _templateObject_52fdb740243411ea86f395335a802507() {
       return data;
     };
 
@@ -59,9 +59,9 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject_97e38b9022d211eaa0764d1a500fd781(), this.sourcePath, this.projectResponseChanged, this._handleProjectResponse, this.sourcePath, this.backendResponseChanged, this._handleUpdateResponse, this.route, this.routeChangedEvent, this.queryParams, this.queryParamsChangedEvent, this.route, this.routeChangedEvent, this.endPoint, this.data, this.dataChangedEvent, this.tail, this.tailChangedEvent, this.queryParams, this.queryParamsChangedEvent, !this.projectResponse.data.canCreateProjects, this.endPoint, this.csrfToken, this._toArray(this.projectResponse.data.projects).map(function (project) {
-          return (0, _litElement.html)(_templateObject2_97e38b9022d211eaa0764d1a500fd781(), project.id, project.attributes.title, project.id, !project.meta.canUpdate, _this2._makeProjectEditLink, project.id, project.id, !project.meta.canUpdate, _this2.endPoint, _this2.csrfToken, project.id, !project.meta.canDelete, _this2._deleteProjectDialog, _this2._toArray(project.relationships.assignments).map(function (assignment) {
-            return (0, _litElement.html)(_templateObject3_97e38b9022d211eaa0764d1a500fd781(), project.id, assignment.id, _this2.assignmentClick, assignment.meta.relatedSubmissions.complete.icon, assignment.attributes.title, project.id, assignment.id, !assignment.meta.canCritique, assignment.meta.critiqueLink, project.id, assignment.id, !assignment.meta.canUpdate, _this2._makeAssignmentEditLink, project.id, assignment.id, !assignment.meta.canDelete, _this2._deleteAssignmentDialog);
+        return (0, _litElement.html)(_templateObject_52fdb740243411ea86f395335a802507(), this.sourcePath, this.projectResponseChanged, this._handleProjectResponse, this.sourcePath, this.backendResponseChanged, this._handleUpdateResponse, this.route, this.routeChangedEvent, this.queryParams, this.queryParamsChangedEvent, this.route, this.routeChangedEvent, this.endPoint, this.data, this.dataChangedEvent, this.tail, this.tailChangedEvent, this.queryParams, this.queryParamsChangedEvent, !this.projectResponse.data.canCreateProjects, this.endPoint, this.csrfToken, this._toArray(this.projectResponse.data.projects).map(function (project) {
+          return (0, _litElement.html)(_templateObject2_52fdb740243411ea86f395335a802507(), project.id, project.attributes.title, project.id, !project.meta.canUpdate, _this2._makeProjectEditLink, project.id, project.id, !project.meta.canUpdate, _this2.endPoint, _this2.csrfToken, project.id, !project.meta.canDelete, _this2._deleteProjectDialog, _this2._toArray(project.relationships.assignments).map(function (assignment) {
+            return (0, _litElement.html)(_templateObject3_52fdb740243411ea86f395335a802507(), project.id, assignment.id, _this2.assignmentClick, assignment.meta.relatedSubmissions.complete.icon, assignment.attributes.title, project.id, assignment.id, !assignment.meta.canCritique, assignment.meta.critiqueLink, project.id, assignment.id, !assignment.meta.canUpdate, _this2._makeAssignmentEditLink, project.id, assignment.id, !assignment.meta.canDelete, _this2._deleteAssignmentDialog);
           }));
         }), this._deleteTitle, this._deleteText, this._handleDelete, this.activeAssignmentNode.meta.relatedSubmissions.complete.color, this.activeAssignmentNode.meta.relatedSubmissions.complete.icon, !this.activeAssignmentNode.meta.relatedSubmissions.canCreate, this.activeAssignmentNode.meta.relatedSubmissions.complete.submission.title, !this.activeAssignmentNode.meta.relatedSubmissions.complete.submission.id, this.activeAssignmentNode.relationships.project.data.id, this.activeAssignmentNode.id, this.activeAssignmentNode.meta.relatedSubmissions.complete.submission.meta.comments.count, this.displayNewBadge(activeAssignmentNode.meta.relatedSubmissions.complete.submission.meta.new), this.activeAssignmentNode.relationships.project.data.id, this.activeAssignmentNode.id, this.activeAssignmentNode.meta.relatedSubmissions.complete.submission.meta.comments.new, this.activeAssignmentNode.id, this.submission, this.buildSubmissionPath(this.basePath), this.csrfToken, this.activeAssignmentNode.meta.relatedSubmissions.complete.submission.id, this.statusToggle, this.activeAssignmentNode.meta.relatedSubmissions.complete.rationale.text, this.activeAssignmentNode.attributes.body);
       }
@@ -102,7 +102,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_97e38b9022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_52fdb740243411ea86f395335a802507())];
       }
     }, {
       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 88f9a105b76..fa245c117ac 100644
--- 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,40 +6,40 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappStudioProjectButton = void 0;
 
-  function _templateObject4_97e6e6f022d211eaa0764d1a500fd781() {
+  function _templateObject4_5301aee0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject4_97e6e6f022d211eaa0764d1a500fd781 = function _templateObject4_97e6e6f022d211eaa0764d1a500fd781() {
+    _templateObject4_5301aee0243411ea86f395335a802507 = function _templateObject4_5301aee0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_97e6e6f022d211eaa0764d1a500fd781() {
+  function _templateObject3_5301aee0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <paper-toast id=\"toast\"></paper-toast>\n          "]);
 
-    _templateObject3_97e6e6f022d211eaa0764d1a500fd781 = function _templateObject3_97e6e6f022d211eaa0764d1a500fd781() {
+    _templateObject3_5301aee0243411ea86f395335a802507 = function _templateObject3_5301aee0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_97e6e6f022d211eaa0764d1a500fd781() {
+  function _templateObject2_5301aee0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <lrnsys-button\n              raised=\"\"\n              class=\"", "\"\n              button-class=\"", "\"\n              icon=\"", "\"\n              @click=\"", "\"\n              label=\"Create project\"\n            ></lrnsys-button>\n            <iron-ajax\n              id=\"ajaxCreateStub\"\n              url=\"", "\"\n              method=\"POST\"\n              handle-as=\"json\"\n              @response=\"", "\"\n            ></iron-ajax>\n          "]);
 
-    _templateObject2_97e6e6f022d211eaa0764d1a500fd781 = function _templateObject2_97e6e6f022d211eaa0764d1a500fd781() {
+    _templateObject2_5301aee0243411ea86f395335a802507 = function _templateObject2_5301aee0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97e6e6f022d211eaa0764d1a500fd781() {
+  function _templateObject_5301aee0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      ", "\n    "]);
 
-    _templateObject_97e6e6f022d211eaa0764d1a500fd781 = function _templateObject_97e6e6f022d211eaa0764d1a500fd781() {
+    _templateObject_5301aee0243411ea86f395335a802507 = function _templateObject_5301aee0243411ea86f395335a802507() {
       return data;
     };
 
@@ -57,7 +57,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappStudioProjectButton, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_97e6e6f022d211eaa0764d1a500fd781(), this.createProjectsUrl ? (0, _litElement.html)(_templateObject2_97e6e6f022d211eaa0764d1a500fd781(), this.classes, this.classes, this.icon, this._createProject, this.createProjectsUrl, this._ajaxCreateStubHandler) : "", this.displayErrors ? (0, _litElement.html)(_templateObject3_97e6e6f022d211eaa0764d1a500fd781()) : "");
+        return (0, _litElement.html)(_templateObject_5301aee0243411ea86f395335a802507(), this.createProjectsUrl ? (0, _litElement.html)(_templateObject2_5301aee0243411ea86f395335a802507(), this.classes, this.classes, this.icon, this._createProject, this.createProjectsUrl, this._ajaxCreateStubHandler) : "", this.displayErrors ? (0, _litElement.html)(_templateObject3_5301aee0243411ea86f395335a802507()) : "");
       }
     }], [{
       key: "styles",
@@ -66,7 +66,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_97e6e6f022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_5301aee0243411ea86f395335a802507())];
       }
     }, {
       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 bd5d1f5b477..dbdafab9679 100644
--- 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,20 +6,20 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappStudioBlock = void 0;
 
-  function _templateObject2_97e909d022d211eaa0764d1a500fd781() {
+  function _templateObject2_53211dc0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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      "]);
 
-    _templateObject2_97e909d022d211eaa0764d1a500fd781 = function _templateObject2_97e909d022d211eaa0764d1a500fd781() {
+    _templateObject2_53211dc0243411ea86f395335a802507 = function _templateObject2_53211dc0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97e909d022d211eaa0764d1a500fd781() {
+  function _templateObject_53211dc0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"studio-block__header\">\n        <div class=\"studio-block__icon-wrapper\">\n          <iron-icon icon=\"", "\" ?hidden=\"", "\"></iron-icon>\n        </div>\n        <h3 ?hidden=\"", "\">", "</h3>\n      </div>\n      <div class=\"studio-block__content\"><slot></slot></div>\n    "]);
 
-    _templateObject_97e909d022d211eaa0764d1a500fd781 = function _templateObject_97e909d022d211eaa0764d1a500fd781() {
+    _templateObject_53211dc0243411ea86f395335a802507 = function _templateObject_53211dc0243411ea86f395335a802507() {
       return data;
     };
 
@@ -48,12 +48,12 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappStudioBlock, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_97e909d022d211eaa0764d1a500fd781(), this.icon, !this.icon, !this.title, this.title);
+        return (0, _litElement.html)(_templateObject_53211dc0243411ea86f395335a802507(), this.icon, !this.icon, !this.title, this.title);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_97e909d022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_53211dc0243411ea86f395335a802507())];
       }
     }, {
       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 bb857cceba7..e9c1090a72a 100644
--- 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,50 +6,50 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappStudioSubmissionButton = void 0;
 
-  function _templateObject5_97ec171022d211eaa0764d1a500fd781() {
+  function _templateObject5_53247920243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject5_97ec171022d211eaa0764d1a500fd781 = function _templateObject5_97ec171022d211eaa0764d1a500fd781() {
+    _templateObject5_53247920243411ea86f395335a802507 = function _templateObject5_53247920243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_97ec171022d211eaa0764d1a500fd781() {
+  function _templateObject4_53247920243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <paper-toast id=\"toast\"></paper-toast>\n          "]);
 
-    _templateObject4_97ec171022d211eaa0764d1a500fd781 = function _templateObject4_97ec171022d211eaa0764d1a500fd781() {
+    _templateObject4_53247920243411ea86f395335a802507 = function _templateObject4_53247920243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_97ec171022d211eaa0764d1a500fd781() {
+  function _templateObject3_53247920243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <lrnsys-button\n              raised\n              @click=\"", "\"\n              label=\"Create submission\"\n            ></lrnsys-button>\n            <iron-ajax\n              id=\"ajaxCreateStub\"\n              url=\"", "/api/submissions/create-stub?token=", "\"\n              method=\"POST\"\n              body=\"", "\"\n              handle-as=\"json\"\n              @response=\"", "\"\n            ></iron-ajax>\n          "]);
 
-    _templateObject3_97ec171022d211eaa0764d1a500fd781 = function _templateObject3_97ec171022d211eaa0764d1a500fd781() {
+    _templateObject3_53247920243411ea86f395335a802507 = function _templateObject3_53247920243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_97ec171022d211eaa0764d1a500fd781() {
+  function _templateObject2_53247920243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <lrnsys-button\n              raised=\"\"\n              label=\"View submission\"\n              show-href=\"", "\"\n              href=\"", "\"\n            ></lrnsys-button>\n          "]);
 
-    _templateObject2_97ec171022d211eaa0764d1a500fd781 = function _templateObject2_97ec171022d211eaa0764d1a500fd781() {
+    _templateObject2_53247920243411ea86f395335a802507 = function _templateObject2_53247920243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97ec171022d211eaa0764d1a500fd781() {
+  function _templateObject_53247920243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      ", "\n    "]);
 
-    _templateObject_97ec171022d211eaa0764d1a500fd781 = function _templateObject_97ec171022d211eaa0764d1a500fd781() {
+    _templateObject_53247920243411ea86f395335a802507 = function _templateObject_53247920243411ea86f395335a802507() {
       return data;
     };
 
@@ -67,7 +67,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappStudioSubmissionButton, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_97ec171022d211eaa0764d1a500fd781(), this.submissionId ? (0, _litElement.html)(_templateObject2_97ec171022d211eaa0764d1a500fd781(), this._submissionUrl(this.submissionId), this._submissionUrl(this.submissionId)) : (0, _litElement.html)(_templateObject3_97ec171022d211eaa0764d1a500fd781(), this._createSubmission, this.endPoint, this.csrfToken, this.assignmentId, this._ajaxCreateStubHandler), this.displayErrors ? (0, _litElement.html)(_templateObject4_97ec171022d211eaa0764d1a500fd781()) : "");
+        return (0, _litElement.html)(_templateObject_53247920243411ea86f395335a802507(), this.submissionId ? (0, _litElement.html)(_templateObject2_53247920243411ea86f395335a802507(), this._submissionUrl(this.submissionId), this._submissionUrl(this.submissionId)) : (0, _litElement.html)(_templateObject3_53247920243411ea86f395335a802507(), this._createSubmission, this.endPoint, this.csrfToken, this.assignmentId, this._ajaxCreateStubHandler), this.displayErrors ? (0, _litElement.html)(_templateObject4_53247920243411ea86f395335a802507()) : "");
       }
     }], [{
       key: "styles",
@@ -76,7 +76,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject5_97ec171022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject5_53247920243411ea86f395335a802507())];
       }
     }, {
       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 ecf4016e56f..3cb92f917c3 100644
--- 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,20 +6,20 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappStudioSubmissionComment = void 0;
 
-  function _templateObject2_97ee12e022d211eaa0764d1a500fd781() {
+  function _templateObject2_53273840243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n        }\n        paper-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        .paper-card-length-1 {\n          width: 85%;\n          margin-bottom: 8px;\n        }\n        .paper-card-length-2 {\n          width: 81%;\n          margin-top: 0;\n          margin-bottom: 8px;\n        }\n        .paper-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        .center {\n          padding: 0;\n        }\n      "]);
 
-    _templateObject2_97ee12e022d211eaa0764d1a500fd781 = function _templateObject2_97ee12e022d211eaa0764d1a500fd781() {
+    _templateObject2_53273840243411ea86f395335a802507 = function _templateObject2_53273840243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97ee12e022d211eaa0764d1a500fd781() {
+  function _templateObject_53273840243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"center comment-depth-", "\">\n        <lrndesign-avatar\n          label=\"", "\"\n          class=\"float-left\"\n        ></lrndesign-avatar>\n      </div>\n      <paper-card\n        class=\"paper-card-length-", "\"\n      >\n        <div id=\"body\" class=\"comment-body nowrap\">\n          <h4>\n            ", "\n            <span class=\"grey-said\"> said:</span>\n          </h4>\n          <word-count>", "</word-count>\n        </div>\n        <div class=\"card-actions\">\n          <paper-icon-button\n            class=\"right-actions\"\n            id=\"reply\"\n            icon=\"icons:reply\"\n          ></paper-icon-button>\n          <paper-tooltip for=\"reply\" animation-delay=\"0\">Reply</paper-tooltip>\n          <paper-icon-button\n            class=\"right-actions\"\n            id=\"edit\"\n            icon=\"icons:create\"\n          ></paper-icon-button>\n          <paper-tooltip for=\"edit\" animation-delay=\"0\">Edit</paper-tooltip>\n          <paper-icon-button\n            class=\"right-actions\"\n            id=\"delete\"\n            icon=\"icons:delete-forever\"\n          ></paper-icon-button>\n          <paper-tooltip for=\"delete\" animation-delay=\"0\">Delete</paper-tooltip>\n        </div>\n      </paper-card>\n    "]);
 
-    _templateObject_97ee12e022d211eaa0764d1a500fd781 = function _templateObject_97ee12e022d211eaa0764d1a500fd781() {
+    _templateObject_53273840243411ea86f395335a802507 = function _templateObject_53273840243411ea86f395335a802507() {
       return data;
     };
 
@@ -39,7 +39,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappStudioSubmissionComment, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_97ee12e022d211eaa0764d1a500fd781(), this.comment.attributes.threadDepth, this.comment.relationships.author.data.name, this.comment.attributes.threadDepth, this.comment.relationships.author.data.name, this.comment.attributes.body);
+        return (0, _litElement.html)(_templateObject_53273840243411ea86f395335a802507(), this.comment.attributes.threadDepth, this.comment.relationships.author.data.name, this.comment.attributes.threadDepth, this.comment.relationships.author.data.name, this.comment.attributes.body);
       }
     }, {
       key: "firstUpdated",
@@ -63,7 +63,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_97ee12e022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_53273840243411ea86f395335a802507())];
       }
     }, {
       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 16faf1d72d4..9f5bf00dbcc 100644
--- 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,30 +6,30 @@ define(["exports", "../../../../lit-element/lit-element.js", "./lrnapp-studio-su
   });
   _exports.LrnappStudioSubmissionComments = void 0;
 
-  function _templateObject3_97f035c022d211eaa0764d1a500fd781() {
+  function _templateObject3_5328e5f0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject3_97f035c022d211eaa0764d1a500fd781 = function _templateObject3_97f035c022d211eaa0764d1a500fd781() {
+    _templateObject3_5328e5f0243411ea86f395335a802507 = function _templateObject3_5328e5f0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_97f035c022d211eaa0764d1a500fd781() {
+  function _templateObject2_5328e5f0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n          <lrnapp-studio-submission-comment\n            .comment=\"", "\"\n          ></lrnapp-studio-submission-comment>\n        "]);
 
-    _templateObject2_97f035c022d211eaa0764d1a500fd781 = function _templateObject2_97f035c022d211eaa0764d1a500fd781() {
+    _templateObject2_5328e5f0243411ea86f395335a802507 = function _templateObject2_5328e5f0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97f035c022d211eaa0764d1a500fd781() {
+  function _templateObject_5328e5f0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", "\n    "]);
 
-    _templateObject_97f035c022d211eaa0764d1a500fd781 = function _templateObject_97f035c022d211eaa0764d1a500fd781() {
+    _templateObject_5328e5f0243411ea86f395335a802507 = function _templateObject_5328e5f0243411ea86f395335a802507() {
       return data;
     };
 
@@ -49,8 +49,8 @@ define(["exports", "../../../../lit-element/lit-element.js", "./lrnapp-studio-su
     babelHelpers.createClass(LrnappStudioSubmissionComments, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_97f035c022d211eaa0764d1a500fd781(), this._toArray(this.submission.relationships.comments.data).map(function (comment) {
-          return (0, _litElement.html)(_templateObject2_97f035c022d211eaa0764d1a500fd781(), comment);
+        return (0, _litElement.html)(_templateObject_5328e5f0243411ea86f395335a802507(), this._toArray(this.submission.relationships.comments.data).map(function (comment) {
+          return (0, _litElement.html)(_templateObject2_5328e5f0243411ea86f395335a802507(), comment);
         }));
       }
     }, {
@@ -75,7 +75,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "./lrnapp-studio-su
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_97f035c022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_5328e5f0243411ea86f395335a802507())];
       }
     }, {
       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 8a7942ab1e0..849961b3eda 100644
--- 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,10 +6,10 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappStudioSubmissionCritiquePanel = void 0;
 
-  function _templateObject5_97f3430022d211eaa0764d1a500fd781() {
+  function _templateObject5_532c6860243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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      "]);
 
-    _templateObject5_97f3430022d211eaa0764d1a500fd781 = function _templateObject5_97f3430022d211eaa0764d1a500fd781() {
+    _templateObject5_532c6860243411ea86f395335a802507 = function _templateObject5_532c6860243411ea86f395335a802507() {
       return data;
     };
 
@@ -20,40 +20,40 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject4_97f3430022d211eaa0764d1a500fd781() {
+  function _templateObject4_532c6860243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <div class=\"actions\">\n              <lrnsys-button\n                id=\"publish\"\n                icon=\"check\"\n                label=\"Publish Feedback\"\n                @click=\"", "\"\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                @click=\"", "\"\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                @click=\"", "\"\n                hover-class=\"amber lighten-5 red-text\"\n                icon-class=\"red-text text-darken-4\"\n              >\n              </lrnsys-button>\n            </div>\n          "]);
 
-    _templateObject4_97f3430022d211eaa0764d1a500fd781 = function _templateObject4_97f3430022d211eaa0764d1a500fd781() {
+    _templateObject4_532c6860243411ea86f395335a802507 = function _templateObject4_532c6860243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_97f3430022d211eaa0764d1a500fd781() {
+  function _templateObject3_532c6860243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <marked-element\n                    markdown=\"", "\"\n                    @markdown-changed=\"", "\"\n                  ></marked-element>\n                "]);
 
-    _templateObject3_97f3430022d211eaa0764d1a500fd781 = function _templateObject3_97f3430022d211eaa0764d1a500fd781() {
+    _templateObject3_532c6860243411ea86f395335a802507 = function _templateObject3_532c6860243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_97f3430022d211eaa0764d1a500fd781() {
+  function _templateObject2_532c6860243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <lrnapp-studio-submission-edit-textarea\n                    content=\"", "\"\n                    @content-changed=\"", "\"\n                  ></lrnapp-studio-submission-edit-textarea>\n                "]);
 
-    _templateObject2_97f3430022d211eaa0764d1a500fd781 = function _templateObject2_97f3430022d211eaa0764d1a500fd781() {
+    _templateObject2_532c6860243411ea86f395335a802507 = function _templateObject2_532c6860243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97f3430022d211eaa0764d1a500fd781() {
+  function _templateObject_532c6860243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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=\"", "\"\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            ", "\n          </lrnapp-studio-block>\n        </div>\n      </div>\n      ", "\n    "]);
 
-    _templateObject_97f3430022d211eaa0764d1a500fd781 = function _templateObject_97f3430022d211eaa0764d1a500fd781() {
+    _templateObject_532c6860243411ea86f395335a802507 = function _templateObject_532c6860243411ea86f395335a802507() {
       return data;
     };
 
@@ -67,7 +67,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappStudioSubmissionCritiquePanel, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_97f3430022d211eaa0764d1a500fd781(), this.submission.relationships.assignment.attributes.critiqueOutline, this.edit ? (0, _litElement.html)(_templateObject2_97f3430022d211eaa0764d1a500fd781(), this.submission.attributes.body, this.submissionAttributesBody) : (0, _litElement.html)(_templateObject3_97f3430022d211eaa0764d1a500fd781(), this.submission.attributes.body, this.submissionAttributesBody), this.edit ? (0, _litElement.html)(_templateObject4_97f3430022d211eaa0764d1a500fd781(), this._publishClicked, this._saveDraftClicked, this._deleteClicked) : "");
+        return (0, _litElement.html)(_templateObject_532c6860243411ea86f395335a802507(), this.submission.relationships.assignment.attributes.critiqueOutline, this.edit ? (0, _litElement.html)(_templateObject2_532c6860243411ea86f395335a802507(), this.submission.attributes.body, this.submissionAttributesBody) : (0, _litElement.html)(_templateObject3_532c6860243411ea86f395335a802507(), this.submission.attributes.body, this.submissionAttributesBody), this.edit ? (0, _litElement.html)(_templateObject4_532c6860243411ea86f395335a802507(), this._publishClicked, this._saveDraftClicked, this._deleteClicked) : "");
       }
     }, {
       key: "submissionAttributesBody",
@@ -83,7 +83,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject5_97f3430022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject5_532c6860243411ea86f395335a802507())];
       }
     }, {
       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 4dd5ca95a7a..efa1ef01312 100644
--- 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,10 +6,10 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@vaadi
   });
   _exports.LrnappStudioSubmissionCritique = void 0;
 
-  function _templateObject4_97f6293022d211eaa0764d1a500fd781() {
+  function _templateObject4_532fead0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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      "]);
 
-    _templateObject4_97f6293022d211eaa0764d1a500fd781 = function _templateObject4_97f6293022d211eaa0764d1a500fd781() {
+    _templateObject4_532fead0243411ea86f395335a802507 = function _templateObject4_532fead0243411ea86f395335a802507() {
       return data;
     };
 
@@ -20,30 +20,30 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@vaadi
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject3_97f6293022d211eaa0764d1a500fd781() {
+  function _templateObject3_532fead0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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=\"", "\"\n                ></lrnapp-studio-submission-display>\n              </div>\n              <!-- critique panel -->\n              <div class=\"submission-critique-panel\">\n                <lrnapp-studio-submission-critique-panel\n                  .submission=\"", "\"\n                  @submission-changed=\"", "\"\n                  ?edit=\"", "\"\n                ></lrnapp-studio-submission-critique-panel>\n              </div>\n            </vaadin-split-layout>\n          "]);
 
-    _templateObject3_97f6293022d211eaa0764d1a500fd781 = function _templateObject3_97f6293022d211eaa0764d1a500fd781() {
+    _templateObject3_532fead0243411ea86f395335a802507 = function _templateObject3_532fead0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_97f6293022d211eaa0764d1a500fd781() {
+  function _templateObject2_532fead0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <div class=\"submission-critique\">\n              <!-- critique panel -->\n              <div class=\"submission-critique-panel\" id=\"crititque-panel\">\n                <lrnapp-studio-submission-display\n                  .submission=\"", "\"\n                ></lrnapp-studio-submission-display>\n              </div>\n              <!-- critique panel -->\n              <div class=\"submission-critique-panel\">\n                <lrnapp-studio-submission-critique-panel\n                  .submission=\"", "\"\n                  ?edit=\"", "\"\n                ></lrnapp-studio-submission-critique-panel>\n              </div>\n            </div>\n          "]);
 
-    _templateObject2_97f6293022d211eaa0764d1a500fd781 = function _templateObject2_97f6293022d211eaa0764d1a500fd781() {
+    _templateObject2_532fead0243411ea86f395335a802507 = function _templateObject2_532fead0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97f6293022d211eaa0764d1a500fd781() {
+  function _templateObject_532fead0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", "\n    "]);
 
-    _templateObject_97f6293022d211eaa0764d1a500fd781 = function _templateObject_97f6293022d211eaa0764d1a500fd781() {
+    _templateObject_532fead0243411ea86f395335a802507 = function _templateObject_532fead0243411ea86f395335a802507() {
       return data;
     };
 
@@ -57,7 +57,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@vaadi
     babelHelpers.createClass(LrnappStudioSubmissionCritique, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_97f6293022d211eaa0764d1a500fd781(), this.edit ? (0, _litElement.html)(_templateObject2_97f6293022d211eaa0764d1a500fd781(), this.submission.relationships.relatedSubmission, this.submission, this.edit) : (0, _litElement.html)(_templateObject3_97f6293022d211eaa0764d1a500fd781(), this.submission.relationships.relatedSubmission, this.submission, this.submissionChanged, this.edit));
+        return (0, _litElement.html)(_templateObject_532fead0243411ea86f395335a802507(), this.edit ? (0, _litElement.html)(_templateObject2_532fead0243411ea86f395335a802507(), this.submission.relationships.relatedSubmission, this.submission, this.edit) : (0, _litElement.html)(_templateObject3_532fead0243411ea86f395335a802507(), this.submission.relationships.relatedSubmission, this.submission, this.submissionChanged, this.edit));
       }
     }, {
       key: "submissionChanged",
@@ -87,7 +87,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@vaadi
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_97f6293022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_532fead0243411ea86f395335a802507())];
       }
     }]);
 
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 43289118804..4438f56cd21 100644
--- 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,120 +6,120 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappStudioSubmissionDisplay = void 0;
 
-  function _templateObject12_9833594022d211eaa0764d1a500fd781() {
+  function _templateObject12_533764e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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        iron-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          width: 100%;\n          margin: 0;\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      "]);
 
-    _templateObject12_9833594022d211eaa0764d1a500fd781 = function _templateObject12_9833594022d211eaa0764d1a500fd781() {
+    _templateObject12_533764e0243411ea86f395335a802507 = function _templateObject12_533764e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject11_9833594022d211eaa0764d1a500fd781() {
+  function _templateObject11_533764e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                        <p>\n                          <strong>", ":</strong>\n                          <a class=\"link\" href=\"", "\" target=\"_blank\"\n                            >", "</a\n                          >\n                        </p>\n                      "]);
 
-    _templateObject11_9833594022d211eaa0764d1a500fd781 = function _templateObject11_9833594022d211eaa0764d1a500fd781() {
+    _templateObject11_533764e0243411ea86f395335a802507 = function _templateObject11_533764e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject10_9833594022d211eaa0764d1a500fd781() {
+  function _templateObject10_533764e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <lrndesign-contentblock title=\"Files Submitted\">\n                    ", "\n                  </lrndesign-contentblock>\n                "]);
 
-    _templateObject10_9833594022d211eaa0764d1a500fd781 = function _templateObject10_9833594022d211eaa0764d1a500fd781() {
+    _templateObject10_533764e0243411ea86f395335a802507 = function _templateObject10_533764e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject9_9833594022d211eaa0764d1a500fd781() {
+  function _templateObject9_533764e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                        <p>\n                          <strong>", ":</strong>\n                          <a class=\"link\" href=\"", "\" target=\"_blank\"\n                            >", "</a\n                          >\n                        </p>\n                      "]);
 
-    _templateObject9_9833594022d211eaa0764d1a500fd781 = function _templateObject9_9833594022d211eaa0764d1a500fd781() {
+    _templateObject9_533764e0243411ea86f395335a802507 = function _templateObject9_533764e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject8_9833594022d211eaa0764d1a500fd781() {
+  function _templateObject8_533764e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <lrndesign-contentblock>\n                    ", "\n                  </lrndesign-contentblock>\n                "]);
 
-    _templateObject8_9833594022d211eaa0764d1a500fd781 = function _templateObject8_9833594022d211eaa0764d1a500fd781() {
+    _templateObject8_533764e0243411ea86f395335a802507 = function _templateObject8_533764e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject7_9833594022d211eaa0764d1a500fd781() {
+  function _templateObject7_533764e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                        <iframe\n                          width=\"460\"\n                          height=\"249\"\n                          src=\"", "\"\n                        ></iframe>\n                      "]);
 
-    _templateObject7_9833594022d211eaa0764d1a500fd781 = function _templateObject7_9833594022d211eaa0764d1a500fd781() {
+    _templateObject7_533764e0243411ea86f395335a802507 = function _templateObject7_533764e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject6_9833594022d211eaa0764d1a500fd781() {
+  function _templateObject6_533764e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <lrndesign-contentblock>\n                    ", "\n                  </lrndesign-contentblock>\n                "]);
 
-    _templateObject6_9833594022d211eaa0764d1a500fd781 = function _templateObject6_9833594022d211eaa0764d1a500fd781() {
+    _templateObject6_533764e0243411ea86f395335a802507 = function _templateObject6_533764e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject5_9833594022d211eaa0764d1a500fd781() {
+  function _templateObject5_533764e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                                  <image-inspector src=\"", "\">\n                                    <span slot=\"toolbar\">\n                                      <lrnsys-button\n                                        alt=\"Download all images\"\n                                        icon=\"icons:file-download\"\n                                        href=\"", "\"\n                                        target=\"_blank\"\n                                      ></lrnsys-button>\n                                    </span>\n                                  </image-inspector>\n                                "]);
 
-    _templateObject5_9833594022d211eaa0764d1a500fd781 = function _templateObject5_9833594022d211eaa0764d1a500fd781() {
+    _templateObject5_533764e0243411ea86f395335a802507 = function _templateObject5_533764e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_9833594022d211eaa0764d1a500fd781() {
+  function _templateObject4_533764e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                                  <iron-image\n                                    style=\"width:500px; height:500px; background-color: lightgray;\"\n                                    sizing=\"contain\"\n                                    class=\"contain\"\n                                    src=\"", "\"\n                                    preload=\"\"\n                                    fade=\"\"\n                                  ></iron-image>\n                                "]);
 
-    _templateObject4_9833594022d211eaa0764d1a500fd781 = function _templateObject4_9833594022d211eaa0764d1a500fd781() {
+    _templateObject4_533764e0243411ea86f395335a802507 = function _templateObject4_533764e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_9833594022d211eaa0764d1a500fd781() {
+  function _templateObject3_533764e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                        <lrnsys-dialog alt=\"View Image\" dynamic-images=\"\">\n                          <div class=\"image-dialog-header\"></div>\n                          <span slot=\"button\">\n                            <iron-image\n                              style=\"width:200px; height:200px; background-color: lightgray;\"\n                              sizing=\"contain\"\n                              class=\"contain\"\n                              src=\"", "\"\n                              preload=\"\"\n                              fade=\"\"\n                            ></iron-image>\n                            <span>filename: image.url</span>\n                          </span>\n                          <div style=\"text-align: center;\">\n                            ", "\n                          </div>\n                        </lrnsys-dialog>\n                      "]);
 
-    _templateObject3_9833594022d211eaa0764d1a500fd781 = function _templateObject3_9833594022d211eaa0764d1a500fd781() {
+    _templateObject3_533764e0243411ea86f395335a802507 = function _templateObject3_533764e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_9833594022d211eaa0764d1a500fd781() {
+  function _templateObject2_533764e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <lrndesign-contentblock class=\"center\">\n                    ", "\n                  </lrndesign-contentblock>\n                "]);
 
-    _templateObject2_9833594022d211eaa0764d1a500fd781 = function _templateObject2_9833594022d211eaa0764d1a500fd781() {
+    _templateObject2_533764e0243411ea86f395335a802507 = function _templateObject2_533764e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9833594022d211eaa0764d1a500fd781() {
+  function _templateObject_533764e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"submission-page\">\n        <paper-card class=\"submission-page-card ferpa-protect\">\n          <div class=\"card-content\">\n            <lrndesign-avatar\n              class=\"center\"\n              label=\"", "\"\n              src=\"", "\"\n            ></lrndesign-avatar>\n            <div class=\"author center\">\n              ", "\n            </div>\n            <h2 class=\"title center\">", "</h2>\n            <div class=\"date center\">\n              Created: ", "\n            </div>\n            <div class=\"date center\">\n              Last updated: ", "\n            </div>\n            <!-- ----- Text Submission ----- -->\n            <word-count>\n              <marked-element id=\"markedarea\"> </marked-element>\n            </word-count>\n            <!-- ----- Images Submission ----- -->\n            ", "\n            <!-- ----- Video Submission ----- -->\n            ", "\n            <!-- ----- Links Submission ----- -->\n            ", "\n            <!-- ----- Files Submission ----- -->\n            ", "\n          </div>\n        </paper-card>\n      </div>\n    "]);
 
-    _templateObject_9833594022d211eaa0764d1a500fd781 = function _templateObject_9833594022d211eaa0764d1a500fd781() {
+    _templateObject_533764e0243411ea86f395335a802507 = function _templateObject_533764e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -145,14 +145,14 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
       value: function render() {
         var _this = this;
 
-        return (0, _litElement.html)(_templateObject_9833594022d211eaa0764d1a500fd781(), this.submission.relationships.author.data.name, this.submission.relationships.author.data.avatar, this.submission.relationships.author.data.display_name, this.submission.attributes.title, this.date(this.submission.meta.created), this.date(this.submission.meta.changed), this.submission.attributes.images ? (0, _litElement.html)(_templateObject2_9833594022d211eaa0764d1a500fd781(), this._toArray(this.submission.attributes.images).map(function (image) {
-          return (0, _litElement.html)(_templateObject3_9833594022d211eaa0764d1a500fd781(), image.thumbnail, _this._isGif(image.url) ? (0, _litElement.html)(_templateObject4_9833594022d211eaa0764d1a500fd781(), image.url) : (0, _litElement.html)(_templateObject5_9833594022d211eaa0764d1a500fd781(), image.url, _this.submission.attributes.download_files));
-        })) : "", this.submission.attributes.video ? (0, _litElement.html)(_templateObject6_9833594022d211eaa0764d1a500fd781(), this._toArray(this.submission.attributes.video).map(function (video) {
-          return (0, _litElement.html)(_templateObject7_9833594022d211eaa0764d1a500fd781(), video.video_src);
-        })) : "", this.submission.attributes.links ? (0, _litElement.html)(_templateObject8_9833594022d211eaa0764d1a500fd781(), this._toArray(this.submission.attributes.links).map(function (link) {
-          return (0, _litElement.html)(_templateObject9_9833594022d211eaa0764d1a500fd781(), link.title, link.url, link.url);
-        })) : "", this.submission.attributes.files ? (0, _litElement.html)(_templateObject10_9833594022d211eaa0764d1a500fd781(), this._toArray(this.submission.attributes.files).map(function (file) {
-          return (0, _litElement.html)(_templateObject11_9833594022d211eaa0764d1a500fd781(), file.filename, file.url, file.url);
+        return (0, _litElement.html)(_templateObject_533764e0243411ea86f395335a802507(), this.submission.relationships.author.data.name, this.submission.relationships.author.data.avatar, this.submission.relationships.author.data.display_name, this.submission.attributes.title, this.date(this.submission.meta.created), this.date(this.submission.meta.changed), this.submission.attributes.images ? (0, _litElement.html)(_templateObject2_533764e0243411ea86f395335a802507(), this._toArray(this.submission.attributes.images).map(function (image) {
+          return (0, _litElement.html)(_templateObject3_533764e0243411ea86f395335a802507(), image.thumbnail, _this._isGif(image.url) ? (0, _litElement.html)(_templateObject4_533764e0243411ea86f395335a802507(), image.url) : (0, _litElement.html)(_templateObject5_533764e0243411ea86f395335a802507(), image.url, _this.submission.attributes.download_files));
+        })) : "", this.submission.attributes.video ? (0, _litElement.html)(_templateObject6_533764e0243411ea86f395335a802507(), this._toArray(this.submission.attributes.video).map(function (video) {
+          return (0, _litElement.html)(_templateObject7_533764e0243411ea86f395335a802507(), video.video_src);
+        })) : "", this.submission.attributes.links ? (0, _litElement.html)(_templateObject8_533764e0243411ea86f395335a802507(), this._toArray(this.submission.attributes.links).map(function (link) {
+          return (0, _litElement.html)(_templateObject9_533764e0243411ea86f395335a802507(), link.title, link.url, link.url);
+        })) : "", this.submission.attributes.files ? (0, _litElement.html)(_templateObject10_533764e0243411ea86f395335a802507(), this._toArray(this.submission.attributes.files).map(function (file) {
+          return (0, _litElement.html)(_templateObject11_533764e0243411ea86f395335a802507(), file.filename, file.url, file.url);
         })) : "");
       }
     }, {
@@ -237,7 +237,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject12_9833594022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject12_533764e0243411ea86f395335a802507())];
       }
     }, {
       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 b0761268701..ed586ff8324 100644
--- 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,20 +6,20 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappStudioSubmissionEditAddAsset = void 0;
 
-  function _templateObject2_983506f022d211eaa0764d1a500fd781() {
+  function _templateObject2_53319880243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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        iron-icon {\n          color: gray;\n          --iron-icon-height: 50px;\n          --iron-icon-width: 50px;\n        }\n        :host([display=\"pill\"]) iron-icon {\n          --iron-icon-height: 50px;\n          --iron-icon-width: 50px;\n        }\n      "]);
 
-    _templateObject2_983506f022d211eaa0764d1a500fd781 = function _templateObject2_983506f022d211eaa0764d1a500fd781() {
+    _templateObject2_53319880243411ea86f395335a802507 = function _templateObject2_53319880243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_983506f022d211eaa0764d1a500fd781() {
+  function _templateObject_53319880243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-button>\n        <iron-icon icon=\"", "\"></iron-icon>\n      </paper-button>\n    "]);
 
-    _templateObject_983506f022d211eaa0764d1a500fd781 = function _templateObject_983506f022d211eaa0764d1a500fd781() {
+    _templateObject_53319880243411ea86f395335a802507 = function _templateObject_53319880243411ea86f395335a802507() {
       return data;
     };
 
@@ -33,7 +33,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappStudioSubmissionEditAddAsset, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_983506f022d211eaa0764d1a500fd781(), this.icon);
+        return (0, _litElement.html)(_templateObject_53319880243411ea86f395335a802507(), this.icon);
       }
     }], [{
       key: "styles",
@@ -42,7 +42,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_983506f022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_53319880243411ea86f395335a802507())];
       }
     }, {
       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 6f1335cfb0d..a3470498688 100644
--- 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,20 +6,20 @@ define(["exports", "../../../../lit-element/lit-element.js", "./lrnapp-studio-su
   });
   _exports.LrnappStudioSubmissionEditFile = void 0;
 
-  function _templateObject2_9836b4a022d211eaa0764d1a500fd781() {
+  function _templateObject2_533939a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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      "]);
 
-    _templateObject2_9836b4a022d211eaa0764d1a500fd781 = function _templateObject2_9836b4a022d211eaa0764d1a500fd781() {
+    _templateObject2_533939a0243411ea86f395335a802507 = function _templateObject2_533939a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9836b4a022d211eaa0764d1a500fd781() {
+  function _templateObject_533939a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <lrnapp-studio-submission-media-editoverlay\n        data-index=\"", "\"\n        embedcode=\"", "\"\n      >\n        <div class=\"file_url\">", "</div>\n      </lrnapp-studio-submission-media-editoverlay>\n    "]);
 
-    _templateObject_9836b4a022d211eaa0764d1a500fd781 = function _templateObject_9836b4a022d211eaa0764d1a500fd781() {
+    _templateObject_533939a0243411ea86f395335a802507 = function _templateObject_533939a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -39,7 +39,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "./lrnapp-studio-su
     babelHelpers.createClass(LrnappStudioSubmissionEditFile, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9836b4a022d211eaa0764d1a500fd781(), this.index, this.embedcode, this.file.filename);
+        return (0, _litElement.html)(_templateObject_533939a0243411ea86f395335a802507(), this.index, this.embedcode, this.file.filename);
       }
     }, {
       key: "updated",
@@ -64,7 +64,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "./lrnapp-studio-su
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9836b4a022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_533939a0243411ea86f395335a802507())];
       }
     }, {
       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 5c66a01d758..90cff948581 100644
--- 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,40 +6,40 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../secure-re
   });
   _exports.LrnappStudioSubmissionEditFiles = void 0;
 
-  function _templateObject4_983aac4022d211eaa0764d1a500fd781() {
+  function _templateObject4_533d0a30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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      "]);
 
-    _templateObject4_983aac4022d211eaa0764d1a500fd781 = function _templateObject4_983aac4022d211eaa0764d1a500fd781() {
+    _templateObject4_533d0a30243411ea86f395335a802507 = function _templateObject4_533d0a30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_983aac4022d211eaa0764d1a500fd781() {
+  function _templateObject3_533d0a30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <vaadin-upload\n                  accept=\"", "\"\n                  target=\"", "\"\n                  method=\"POST\"\n                  form-data-name=\"file-upload\"\n                  @upload-success=\"", "\"\n                >\n                  <div class=\"files__drop-label\">\n                    <iron-icon icon=\"description\"></iron-icon>\n                    Upload files here:\n                  </div>\n                </vaadin-upload>\n              "]);
 
-    _templateObject3_983aac4022d211eaa0764d1a500fd781 = function _templateObject3_983aac4022d211eaa0764d1a500fd781() {
+    _templateObject3_533d0a30243411ea86f395335a802507 = function _templateObject3_533d0a30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_983aac4022d211eaa0764d1a500fd781() {
+  function _templateObject2_533d0a30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <lrnapp-studio-submission-edit-file\n              .file=\"", "\"\n              @deleted=\"", "\"\n              data-index=\"", "\"\n            ></lrnapp-studio-submission-edit-file>\n          "]);
 
-    _templateObject2_983aac4022d211eaa0764d1a500fd781 = function _templateObject2_983aac4022d211eaa0764d1a500fd781() {
+    _templateObject2_533d0a30243411ea86f395335a802507 = function _templateObject2_533d0a30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_983aac4022d211eaa0764d1a500fd781() {
+  function _templateObject_533d0a30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"files__files\">\n        ", "\n        <lrnapp-studio-submission-edit-add-asset\n          @click=\"", "\"\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          ", "\n        </div>\n        <div>\n          <paper-button dialog-dismiss>Cancel</paper-button>\n        </div>\n      </paper-dialog>\n    "]);
 
-    _templateObject_983aac4022d211eaa0764d1a500fd781 = function _templateObject_983aac4022d211eaa0764d1a500fd781() {
+    _templateObject_533d0a30243411ea86f395335a802507 = function _templateObject_533d0a30243411ea86f395335a802507() {
       return data;
     };
 
@@ -55,9 +55,9 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../secure-re
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject_983aac4022d211eaa0764d1a500fd781(), this.files.map(function (file, index) {
-          return (0, _litElement.html)(_templateObject2_983aac4022d211eaa0764d1a500fd781(), file, _this2._deleteImage, index);
-        }), this._addFile, this.uploadUrl ? (0, _litElement.html)(_templateObject3_983aac4022d211eaa0764d1a500fd781(), this.fileTypes, this.uploadUrl, this._handleImageUploadSuccess) : "");
+        return (0, _litElement.html)(_templateObject_533d0a30243411ea86f395335a802507(), this.files.map(function (file, index) {
+          return (0, _litElement.html)(_templateObject2_533d0a30243411ea86f395335a802507(), file, _this2._deleteImage, index);
+        }), this._addFile, this.uploadUrl ? (0, _litElement.html)(_templateObject3_533d0a30243411ea86f395335a802507(), this.fileTypes, this.uploadUrl, this._handleImageUploadSuccess) : "");
       }
     }, {
       key: "updated",
@@ -86,7 +86,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../secure-re
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_983aac4022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_533d0a30243411ea86f395335a802507())];
       }
     }, {
       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 9ae3babba64..04fdcf0979e 100644
--- 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,20 +6,20 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappStudioSubmissionEditImage = void 0;
 
-  function _templateObject2_983d445022d211eaa0764d1a500fd781() {
+  function _templateObject2_533f2d10243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          justify-content: space-around;\n          min-height: 100px;\n          position: relative;\n        }\n\n        iron-image {\n          --iron-image-height: 200px;\n          display: block;\n        }\n      "]);
 
-    _templateObject2_983d445022d211eaa0764d1a500fd781 = function _templateObject2_983d445022d211eaa0764d1a500fd781() {
+    _templateObject2_533f2d10243411ea86f395335a802507 = function _templateObject2_533f2d10243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_983d445022d211eaa0764d1a500fd781() {
+  function _templateObject_533f2d10243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <lrnapp-studio-submission-media-editoverlay\n        data-index=\"", "\"\n        embedcode=\"", "\"\n      >\n        <iron-image\n          src=\"", "\"\n          style=\"width:200px; height:200px; background-color: lightgray;\"\n          sizing=\"contain\"\n          class=\"contain\"\n          preload=\"\"\n          fade=\"\"\n        ></iron-image>\n      </lrnapp-studio-submission-media-editoverlay>\n    "]);
 
-    _templateObject_983d445022d211eaa0764d1a500fd781 = function _templateObject_983d445022d211eaa0764d1a500fd781() {
+    _templateObject_533f2d10243411ea86f395335a802507 = function _templateObject_533f2d10243411ea86f395335a802507() {
       return data;
     };
 
@@ -39,7 +39,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappStudioSubmissionEditImage, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_983d445022d211eaa0764d1a500fd781(), this.index, this.embedcode, this.thumbnail);
+        return (0, _litElement.html)(_templateObject_533f2d10243411ea86f395335a802507(), this.index, this.embedcode, this.thumbnail);
       }
     }, {
       key: "updated",
@@ -85,7 +85,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_983d445022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_533f2d10243411ea86f395335a802507())];
       }
     }, {
       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 f253b24758e..44d1f97ea52 100644
--- 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,40 +6,40 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../secure-re
   });
   _exports.LrnappStudioSubmissionEditImages = void 0;
 
-  function _templateObject4_98409fb022d211eaa0764d1a500fd781() {
+  function _templateObject4_5342fda0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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        neon-animated-pages .iron-selected {\n          position: static;\n        }\n        paper-dialog {\n          width: 50%;\n          width: 50vmax;\n          padding: 16px;\n        }\n      "]);
 
-    _templateObject4_98409fb022d211eaa0764d1a500fd781 = function _templateObject4_98409fb022d211eaa0764d1a500fd781() {
+    _templateObject4_5342fda0243411ea86f395335a802507 = function _templateObject4_5342fda0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_98409fb022d211eaa0764d1a500fd781() {
+  function _templateObject3_5342fda0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <vaadin-upload\n                    accept=\"", "\"\n                    target=\"", "\"\n                    method=\"POST\"\n                    form-data-name=\"file-upload\"\n                    @upload-success=\"", "\"\n                  >\n                    <div class=\"images__drop-label\">\n                      <iron-icon icon=\"description\"></iron-icon>\n                      Upload files here:\n                    </div>\n                  </vaadin-upload>\n                "]);
 
-    _templateObject3_98409fb022d211eaa0764d1a500fd781 = function _templateObject3_98409fb022d211eaa0764d1a500fd781() {
+    _templateObject3_5342fda0243411ea86f395335a802507 = function _templateObject3_5342fda0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_98409fb022d211eaa0764d1a500fd781() {
+  function _templateObject2_5342fda0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <lrnapp-studio-submission-edit-image\n              .image=\"", "\"\n              @deleted=\"", "\"\n              data-index=\"", "\"\n            ></lrnapp-studio-submission-edit-image>\n          "]);
 
-    _templateObject2_98409fb022d211eaa0764d1a500fd781 = function _templateObject2_98409fb022d211eaa0764d1a500fd781() {
+    _templateObject2_5342fda0243411ea86f395335a802507 = function _templateObject2_5342fda0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_98409fb022d211eaa0764d1a500fd781() {
+  function _templateObject_5342fda0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"images__images\">\n        ", "\n        <lrnapp-studio-submission-edit-add-asset\n          @click=\"", "\"\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        <paper-dialog-scrollable>\n          <div class=\"images__upload\">\n            ", "\n          </div>\n        </paper-dialog-scrollable>\n        <div class=\"buttons\">\n          <paper-button dialog-dismiss=\"\">Cancel</paper-button>\n        </div>\n      </paper-dialog>\n    "]);
 
-    _templateObject_98409fb022d211eaa0764d1a500fd781 = function _templateObject_98409fb022d211eaa0764d1a500fd781() {
+    _templateObject_5342fda0243411ea86f395335a802507 = function _templateObject_5342fda0243411ea86f395335a802507() {
       return data;
     };
 
@@ -59,9 +59,9 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../secure-re
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject_98409fb022d211eaa0764d1a500fd781(), this.images.map(function (image, index) {
-          return (0, _litElement.html)(_templateObject2_98409fb022d211eaa0764d1a500fd781(), image, _this2._deleteImage, index);
-        }), this._addImage, this.uploadUrl ? (0, _litElement.html)(_templateObject3_98409fb022d211eaa0764d1a500fd781(), this.fileTypes, this.uploadUrl, this._handleImageUploadSuccess) : "");
+        return (0, _litElement.html)(_templateObject_5342fda0243411ea86f395335a802507(), this.images.map(function (image, index) {
+          return (0, _litElement.html)(_templateObject2_5342fda0243411ea86f395335a802507(), image, _this2._deleteImage, index);
+        }), this._addImage, this.uploadUrl ? (0, _litElement.html)(_templateObject3_5342fda0243411ea86f395335a802507(), this.fileTypes, this.uploadUrl, this._handleImageUploadSuccess) : "");
       }
     }, {
       key: "_addImage",
@@ -124,7 +124,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../secure-re
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_98409fb022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_5342fda0243411ea86f395335a802507())];
       }
     }, {
       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 06bc97bfa75..73989818d88 100644
--- 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,30 +6,30 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappStudioSubmissionEditLinks = void 0;
 
-  function _templateObject3_9844975022d211eaa0764d1a500fd781() {
+  function _templateObject3_53460ae0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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      "]);
 
-    _templateObject3_9844975022d211eaa0764d1a500fd781 = function _templateObject3_9844975022d211eaa0764d1a500fd781() {
+    _templateObject3_53460ae0243411ea86f395335a802507 = function _templateObject3_53460ae0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_9844975022d211eaa0764d1a500fd781() {
+  function _templateObject2_53460ae0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n          <div class=\"item\">\n            <div class=\"info\">\n              <div class=\"linksfield__url\">", "</div>\n            </div>\n            <div class=\"linksfield__actions\">\n              <paper-icon-button\n                icon=\"delete\"\n                class=\"linksfield__delete\"\n                data-index=\"", "\"\n                @click=\"", "\"\n              ></paper-icon-button>\n            </div>\n          </div>\n        "]);
 
-    _templateObject2_9844975022d211eaa0764d1a500fd781 = function _templateObject2_9844975022d211eaa0764d1a500fd781() {
+    _templateObject2_53460ae0243411ea86f395335a802507 = function _templateObject2_53460ae0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9844975022d211eaa0764d1a500fd781() {
+  function _templateObject_53460ae0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <lrnapp-studio-submission-edit-add-asset\n        icon=\"link\"\n        display=\"pill\"\n        @click=\"", "\"\n      ></lrnapp-studio-submission-edit-add-asset>\n\n      <paper-dialog id=\"dialog\">\n        <h2>Add Link</h2>\n        <paper-dialog-scrollable>\n          <paper-input\n            id=\"link-input\"\n            class=\"input\"\n            label=\"URL\"\n            value=\"", "\"\n            @value-changed=\"", "\"\n          ></paper-input>\n        </paper-dialog-scrollable>\n        <div class=\"buttons\">\n          <paper-button dialog-dismiss=\"\">Cancel</paper-button>\n          <paper-button dialog-confirm=\"\" @click=\"", "\"\n            >Add Link</paper-button\n          >\n        </div>\n      </paper-dialog>\n    "]);
 
-    _templateObject_9844975022d211eaa0764d1a500fd781 = function _templateObject_9844975022d211eaa0764d1a500fd781() {
+    _templateObject_53460ae0243411ea86f395335a802507 = function _templateObject_53460ae0243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,8 +45,8 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject_9844975022d211eaa0764d1a500fd781(), this.links.map(function (link, index) {
-          return (0, _litElement.html)(_templateObject2_9844975022d211eaa0764d1a500fd781(), link.url, index, _this2._deleteLink);
+        return (0, _litElement.html)(_templateObject_53460ae0243411ea86f395335a802507(), this.links.map(function (link, index) {
+          return (0, _litElement.html)(_templateObject2_53460ae0243411ea86f395335a802507(), link.url, index, _this2._deleteLink);
         }), this._openDialog, this.newlink, this.newlinkEvent, this._createLink);
       }
     }, {
@@ -81,7 +81,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_9844975022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_53460ae0243411ea86f395335a802507())];
       }
     }, {
       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 a5eac679db8..f10529174ed 100644
--- 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,20 +6,20 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../lrn-markd
   });
   _exports.LrnappStudioSubmissionEditTextArea = void 0;
 
-  function _templateObject2_9846932022d211eaa0764d1a500fd781() {
+  function _templateObject2_5347dfa0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject2_9846932022d211eaa0764d1a500fd781 = function _templateObject2_9846932022d211eaa0764d1a500fd781() {
+    _templateObject2_5347dfa0243411ea86f395335a802507 = function _templateObject2_5347dfa0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9846932022d211eaa0764d1a500fd781() {
+  function _templateObject_5347dfa0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <lrn-markdown-editor\n        content=\"", "\"\n        @content-changed=\"", "\"\n      ></lrn-markdown-editor>\n    "]);
 
-    _templateObject_9846932022d211eaa0764d1a500fd781 = function _templateObject_9846932022d211eaa0764d1a500fd781() {
+    _templateObject_5347dfa0243411ea86f395335a802507 = function _templateObject_5347dfa0243411ea86f395335a802507() {
       return data;
     };
 
@@ -39,7 +39,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../lrn-markd
     babelHelpers.createClass(LrnappStudioSubmissionEditTextArea, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9846932022d211eaa0764d1a500fd781(), this.content, this.contentEvent);
+        return (0, _litElement.html)(_templateObject_5347dfa0243411ea86f395335a802507(), this.content, this.contentEvent);
       }
     }, {
       key: "contentEvent",
@@ -73,7 +73,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../lrn-markd
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9846932022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_5347dfa0243411ea86f395335a802507())];
       }
     }, {
       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 deef3a3b65c..21f22797be8 100644
--- 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,40 +6,40 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../secure-re
   });
   _exports.LrnappStudioSubmissionEditVideo = void 0;
 
-  function _templateObject4_9849ee8022d211eaa0764d1a500fd781() {
+  function _templateObject4_534bd740243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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      "]);
 
-    _templateObject4_9849ee8022d211eaa0764d1a500fd781 = function _templateObject4_9849ee8022d211eaa0764d1a500fd781() {
+    _templateObject4_534bd740243411ea86f395335a802507 = function _templateObject4_534bd740243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_9849ee8022d211eaa0764d1a500fd781() {
+  function _templateObject3_534bd740243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <!-- Generate Video Source Url for preview -->\n            <iron-ajax\n              id=\"videourl\"\n              url=\"", "\"\n              method=\"POST\"\n              .body=\"", "\"\n              content-type=\"application/json\"\n              handle-as=\"json\"\n              @response=\"", "\"\n            ></iron-ajax>\n          "]);
 
-    _templateObject3_9849ee8022d211eaa0764d1a500fd781 = function _templateObject3_9849ee8022d211eaa0764d1a500fd781() {
+    _templateObject3_534bd740243411ea86f395335a802507 = function _templateObject3_534bd740243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_9849ee8022d211eaa0764d1a500fd781() {
+  function _templateObject2_534bd740243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n          <lrnapp-studio-submission-media-editoverlay\n            @deleted=\"", "\"\n            data-index=\"", "\"\n          >\n            <iframe\n              class=\"videosfield__iframe\"\n              src=\"", "\"\n            ></iframe>\n          </lrnapp-studio-submission-media-editoverlay>\n        "]);
 
-    _templateObject2_9849ee8022d211eaa0764d1a500fd781 = function _templateObject2_9849ee8022d211eaa0764d1a500fd781() {
+    _templateObject2_534bd740243411ea86f395335a802507 = function _templateObject2_534bd740243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9849ee8022d211eaa0764d1a500fd781() {
+  function _templateObject_534bd740243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", "\n\n      <lrnapp-studio-submission-edit-add-asset\n        icon=\"av:video-library\"\n        @click=\"", "\"\n      ></lrnapp-studio-submission-edit-add-asset>\n\n      <paper-dialog id=\"dialog\">\n        <h2>Add Video</h2>\n        <paper-dialog-scrollable>\n          <paper-input\n            label=\"Video URL\"\n            value=\"", "\"\n            @value-changed=\"", "\"\n          ></paper-input>\n        </paper-dialog-scrollable>\n        <div class=\"buttons\">\n          <paper-button dialog-dismiss=\"\">Cancel</paper-button>\n          <paper-button dialog-confirm=\"\" @click=\"", "\"\n            >Add Video</paper-button\n          >\n        </div>\n      </paper-dialog>\n      ", "\n    "]);
 
-    _templateObject_9849ee8022d211eaa0764d1a500fd781 = function _templateObject_9849ee8022d211eaa0764d1a500fd781() {
+    _templateObject_534bd740243411ea86f395335a802507 = function _templateObject_534bd740243411ea86f395335a802507() {
       return data;
     };
 
@@ -55,9 +55,9 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../secure-re
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject_9849ee8022d211eaa0764d1a500fd781(), this.videos.map(function (video, index) {
-          return (0, _litElement.html)(_templateObject2_9849ee8022d211eaa0764d1a500fd781(), _this2._videoDelete, index, video.video_src);
-        }), this._openDialog, this.newvideo, this.newvideoEvent, this._addVideo, this.videoGenerateSourceUrl ? (0, _litElement.html)(_templateObject3_9849ee8022d211eaa0764d1a500fd781(), this.videoGenerateSourceUrl, this.newvideo, this._addVideoAjax) : "");
+        return (0, _litElement.html)(_templateObject_534bd740243411ea86f395335a802507(), this.videos.map(function (video, index) {
+          return (0, _litElement.html)(_templateObject2_534bd740243411ea86f395335a802507(), _this2._videoDelete, index, video.video_src);
+        }), this._openDialog, this.newvideo, this.newvideoEvent, this._addVideo, this.videoGenerateSourceUrl ? (0, _litElement.html)(_templateObject3_534bd740243411ea86f395335a802507(), this.videoGenerateSourceUrl, this.newvideo, this._addVideoAjax) : "");
       }
     }, {
       key: "newvideoEvent",
@@ -71,7 +71,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../secure-re
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_9849ee8022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_534bd740243411ea86f395335a802507())];
       }
     }, {
       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 d9a111453c1..a311f47d326 100644
--- 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,10 +6,10 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappStudioSubmissionEdit = void 0;
 
-  function _templateObject3_984e826022d211eaa0764d1a500fd781() {
+  function _templateObject3_53d24550243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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        iron-icon {\n          margin-right: 6px;\n          --iron-icon-height: 32px;\n          --iron-icon-width: 32px;\n        }\n        .imagesfiled__image_delete {\n          position: absolute;\n          top: 0;\n          right: 0;\n        }\n      "]);
 
-    _templateObject3_984e826022d211eaa0764d1a500fd781 = function _templateObject3_984e826022d211eaa0764d1a500fd781() {
+    _templateObject3_53d24550243411ea86f395335a802507 = function _templateObject3_53d24550243411ea86f395335a802507() {
       return data;
     };
 
@@ -20,20 +20,20 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_984e826022d211eaa0764d1a500fd781() {
+  function _templateObject2_53d24550243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <div class=\"field\">\n              <paper-input\n                label=\"Title\"\n                value=\"", "\"\n                @value-changed=\"", "\"\n              ></paper-input>\n            </div>\n            <!-- Body -->\n            <div class=\"field\">\n              <label>Submission Text</label>\n              <lrnapp-studio-submission-edit-textarea\n                content=\"", "\"\n                @content-changed=\"", "\"\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=\"", "\"\n                @images-changed=\"", "\"\n                file-types=\"", "\"\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=\"", "\"\n                @files-changed=\"", "\"\n                file-types=\"", "\"\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=\"", "\"\n                @links-changed=\"", "\"\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=\"", "\"\n                @videos-changed=\"", "\"\n                end-point=\"", "\"\n                csrf-token=\"", "\"\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                @click=\"", "\"\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                @click=\"", "\"\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                @click=\"", "\"\n                hover-class=\"amber lighten-5 red-text\"\n                icon-class=\"red-text text-darken-4\"\n              >\n              </lrnsys-button>\n            </div>\n          "]);
 
-    _templateObject2_984e826022d211eaa0764d1a500fd781 = function _templateObject2_984e826022d211eaa0764d1a500fd781() {
+    _templateObject2_53d24550243411ea86f395335a802507 = function _templateObject2_53d24550243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_984e826022d211eaa0764d1a500fd781() {
+  function _templateObject_53d24550243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", "\n    "]);
 
-    _templateObject_984e826022d211eaa0764d1a500fd781 = function _templateObject_984e826022d211eaa0764d1a500fd781() {
+    _templateObject_53d24550243411ea86f395335a802507 = function _templateObject_53d24550243411ea86f395335a802507() {
       return data;
     };
 
@@ -53,7 +53,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappStudioSubmissionEdit, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_984e826022d211eaa0764d1a500fd781(), this.submission ? (0, _litElement.html)(_templateObject2_984e826022d211eaa0764d1a500fd781(), this.submission.attributes.title, this.titleEvent, this.submission.attributes.body, this.contentEvent, this.submission.attributes.images, this.imagesEvent, this.submission.meta.imagefieldTypes, this.submission.attributes.files, this.filesEvent, this.submission.meta.filefieldTypes, this.submission.attributes.links, this.linksEvent, this.submission.attributes.video, this.submissionVideosChanged, this.endPoint, this.csrfToken, this._publishClicked, this._saveDraftClicked, this._deleteClicked) : "");
+        return (0, _litElement.html)(_templateObject_53d24550243411ea86f395335a802507(), this.submission ? (0, _litElement.html)(_templateObject2_53d24550243411ea86f395335a802507(), this.submission.attributes.title, this.titleEvent, this.submission.attributes.body, this.contentEvent, this.submission.attributes.images, this.imagesEvent, this.submission.meta.imagefieldTypes, this.submission.attributes.files, this.filesEvent, this.submission.meta.filefieldTypes, this.submission.attributes.links, this.linksEvent, this.submission.attributes.video, this.submissionVideosChanged, this.endPoint, this.csrfToken, this._publishClicked, this._saveDraftClicked, this._deleteClicked) : "");
       }
     }, {
       key: "titleEvent",
@@ -161,7 +161,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_984e826022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_53d24550243411ea86f395335a802507())];
       }
     }, {
       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 d609f5e886a..b463e8bc1d3 100644
--- 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,20 +6,20 @@ define(["exports", "../../../../lit-element/lit-element.js"], function (_exports
   });
   _exports.LrnappStudioSubmissionEditbarMessage = void 0;
 
-  function _templateObject2_984f93d022d211eaa0764d1a500fd781() {
+  function _templateObject2_53d3a4e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject2_984f93d022d211eaa0764d1a500fd781 = function _templateObject2_984f93d022d211eaa0764d1a500fd781() {
+    _templateObject2_53d3a4e0243411ea86f395335a802507 = function _templateObject2_53d3a4e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_984f93d022d211eaa0764d1a500fd781() {
+  function _templateObject_53d3a4e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <slot></slot>\n    "]);
 
-    _templateObject_984f93d022d211eaa0764d1a500fd781 = function _templateObject_984f93d022d211eaa0764d1a500fd781() {
+    _templateObject_53d3a4e0243411ea86f395335a802507 = function _templateObject_53d3a4e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -39,7 +39,7 @@ define(["exports", "../../../../lit-element/lit-element.js"], function (_exports
     babelHelpers.createClass(LrnappStudioSubmissionEditbarMessage, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_984f93d022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_53d3a4e0243411ea86f395335a802507());
       }
     }], [{
       key: "styles",
@@ -48,7 +48,7 @@ define(["exports", "../../../../lit-element/lit-element.js"], function (_exports
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_984f93d022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_53d3a4e0243411ea86f395335a802507())];
       }
     }, {
       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 b0af281c332..016ae7a177b 100644
--- 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,20 +6,20 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappStudioSubmissionEditbar = void 0;
 
-  function _templateObject2_9850cc5022d211eaa0764d1a500fd781() {
+  function _templateObject2_53d52b80243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject2_9850cc5022d211eaa0764d1a500fd781 = function _templateObject2_9850cc5022d211eaa0764d1a500fd781() {
+    _templateObject2_53d52b80243411ea86f395335a802507 = function _templateObject2_53d52b80243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9850cc5022d211eaa0764d1a500fd781() {
+  function _templateObject_53d52b80243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-tooltip position=\"top\" animation-delay=\"0\" offset=\"-20\">\n        <slot name=\"lrnapp-studio-submission-editbar-message\"></slot>\n      </paper-tooltip>\n      <slot></slot>\n    "]);
 
-    _templateObject_9850cc5022d211eaa0764d1a500fd781 = function _templateObject_9850cc5022d211eaa0764d1a500fd781() {
+    _templateObject_53d52b80243411ea86f395335a802507 = function _templateObject_53d52b80243411ea86f395335a802507() {
       return data;
     };
 
@@ -39,7 +39,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappStudioSubmissionEditbar, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9850cc5022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_53d52b80243411ea86f395335a802507());
       }
     }], [{
       key: "styles",
@@ -48,7 +48,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9850cc5022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_53d52b80243411ea86f395335a802507())];
       }
     }, {
       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 c043154ca4b..e82fbb50b48 100644
--- 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,40 +6,40 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappStudioSubmissionMediaEditoverlay = void 0;
 
-  function _templateObject4_9852a11022d211eaa0764d1a500fd781() {
+  function _templateObject4_53f16610243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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      "]);
 
-    _templateObject4_9852a11022d211eaa0764d1a500fd781 = function _templateObject4_9852a11022d211eaa0764d1a500fd781() {
+    _templateObject4_53f16610243411ea86f395335a802507 = function _templateObject4_53f16610243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_9852a11022d211eaa0764d1a500fd781() {
+  function _templateObject3_53f16610243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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              <paper-dialog-scrollable>\n                <pre>", "</pre>\n              </paper-dialog-scrollable>\n            </paper-dialog>\n          "]);
 
-    _templateObject3_9852a11022d211eaa0764d1a500fd781 = function _templateObject3_9852a11022d211eaa0764d1a500fd781() {
+    _templateObject3_53f16610243411ea86f395335a802507 = function _templateObject3_53f16610243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_9852a11022d211eaa0764d1a500fd781() {
+  function _templateObject2_53f16610243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <paper-icon-button\n                  icon=\"code\"\n                  class=\"embed\"\n                  @click=\"", "\"\n                ></paper-icon-button>\n              "]);
 
-    _templateObject2_9852a11022d211eaa0764d1a500fd781 = function _templateObject2_9852a11022d211eaa0764d1a500fd781() {
+    _templateObject2_53f16610243411ea86f395335a802507 = function _templateObject2_53f16610243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9852a11022d211eaa0764d1a500fd781() {
+  function _templateObject_53f16610243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        <slot></slot>\n        <div class=\"actions\">\n          ", "\n          <paper-icon-button\n            icon=\"delete\"\n            class=\"delete\"\n            @click=\"", "\"\n          ></paper-icon-button>\n        </div>\n      </div>\n      ", "\n    "]);
 
-    _templateObject_9852a11022d211eaa0764d1a500fd781 = function _templateObject_9852a11022d211eaa0764d1a500fd781() {
+    _templateObject_53f16610243411ea86f395335a802507 = function _templateObject_53f16610243411ea86f395335a802507() {
       return data;
     };
 
@@ -59,7 +59,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappStudioSubmissionMediaEditoverlay, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9852a11022d211eaa0764d1a500fd781(), this.embedcode ? (0, _litElement.html)(_templateObject2_9852a11022d211eaa0764d1a500fd781(), this._embedClicked) : "", this._deleteClicked, this.embedcode ? (0, _litElement.html)(_templateObject3_9852a11022d211eaa0764d1a500fd781(), this.embedcode) : "");
+        return (0, _litElement.html)(_templateObject_53f16610243411ea86f395335a802507(), this.embedcode ? (0, _litElement.html)(_templateObject2_53f16610243411ea86f395335a802507(), this._embedClicked) : "", this._deleteClicked, this.embedcode ? (0, _litElement.html)(_templateObject3_53f16610243411ea86f395335a802507(), this.embedcode) : "");
       }
     }, {
       key: "_embedClicked",
@@ -83,7 +83,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_9852a11022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_53f16610243411ea86f395335a802507())];
       }
     }, {
       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 78d58f2ac40..21b66e1049f 100644
--- 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,10 +6,10 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.LrnappStudioSubmissionObject = void 0;
 
-  function _templateObject2_985671a022d211eaa0764d1a500fd781() {
+  function _templateObject2_53f78090243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject2_985671a022d211eaa0764d1a500fd781 = function _templateObject2_985671a022d211eaa0764d1a500fd781() {
+    _templateObject2_53f78090243411ea86f395335a802507 = function _templateObject2_53f78090243411ea86f395335a802507() {
       return data;
     };
 
@@ -20,10 +20,10 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_985671a022d211eaa0764d1a500fd781() {
+  function _templateObject_53f78090243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-pages selected=\"", "\">\n        <lrnapp-studio-submission-display\n          .submission=\"", "\"\n          @submission-changed=\"", "\"\n        ></lrnapp-studio-submission-display>\n        <lrnapp-studio-submission-edit\n          .submission=\"", "\"\n          @submission-changed=\"", "\"\n        ></lrnapp-studio-submission-edit>\n        <lrnapp-studio-submission-critique\n          .submission=\"", "\"\n          @submission-changed=\"", "\"\n          ?edit=\"", "\"\n        ></lrnapp-studio-submission-critique>\n      </iron-pages>\n    "]);
 
-    _templateObject_985671a022d211eaa0764d1a500fd781 = function _templateObject_985671a022d211eaa0764d1a500fd781() {
+    _templateObject_53f78090243411ea86f395335a802507 = function _templateObject_53f78090243411ea86f395335a802507() {
       return data;
     };
 
@@ -37,7 +37,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappStudioSubmissionObject, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_985671a022d211eaa0764d1a500fd781(), this.selectedPage, this.submission, this.submissionChanged, this.submission, this.submissionChanged, this.submission, this.submissionChanged, this.edit);
+        return (0, _litElement.html)(_templateObject_53f78090243411ea86f395335a802507(), this.selectedPage, this.submission, this.submissionChanged, this.submission, this.submissionChanged, this.submission, this.submissionChanged, this.edit);
       }
     }, {
       key: "submissionChanged",
@@ -51,7 +51,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_985671a022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_53f78090243411ea86f395335a802507())];
       }
     }, {
       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 a63c15b113c..276fbd53a7f 100644
--- 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
@@ -10,50 +10,50 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject5_985efd2022d211eaa0764d1a500fd781() {
+  function _templateObject5_546f48a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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        iron-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        }\n\n        .submission-page {\n          width: 70vw;\n        }\n\n        .submission-page-card {\n          width: 100%;\n          margin: 0;\n          padding: 0 0 2em 1em;\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        iron-icon {\n          margin: 0.2em;\n        }\n      "]);
 
-    _templateObject5_985efd2022d211eaa0764d1a500fd781 = function _templateObject5_985efd2022d211eaa0764d1a500fd781() {
+    _templateObject5_546f48a0243411ea86f395335a802507 = function _templateObject5_546f48a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_985efd2022d211eaa0764d1a500fd781() {
+  function _templateObject4_546f48a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <lrnsys-comment-list\n                  comment-ops-base=\"", "\"\n                  csrf-token=\"", "\"\n                  source-path=\"", "\"\n                  create-stub-url=\"", "\"\n                ></lrnsys-comment-list>\n              "]);
 
-    _templateObject4_985efd2022d211eaa0764d1a500fd781 = function _templateObject4_985efd2022d211eaa0764d1a500fd781() {
+    _templateObject4_546f48a0243411ea86f395335a802507 = function _templateObject4_546f48a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_985efd2022d211eaa0764d1a500fd781() {
+  function _templateObject3_546f48a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <lrnsys-button\n                @click=\"", "\"\n                icon=\"arrow-back\"\n                label=\"Back to project management\"\n                hover-class=\"amber darken-4 white-text\"\n              ></lrnsys-button>\n            "]);
 
-    _templateObject3_985efd2022d211eaa0764d1a500fd781 = function _templateObject3_985efd2022d211eaa0764d1a500fd781() {
+    _templateObject3_546f48a0243411ea86f395335a802507 = function _templateObject3_546f48a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_985efd2022d211eaa0764d1a500fd781() {
+  function _templateObject2_546f48a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <lrnsys-button\n                @click=\"", "\"\n                icon=\"arrow-back\"\n                label=\"See in studio\"\n                hover-class=\"amber darken-4 white-text\"\n              ></lrnsys-button>\n            "]);
 
-    _templateObject2_985efd2022d211eaa0764d1a500fd781 = function _templateObject2_985efd2022d211eaa0764d1a500fd781() {
+    _templateObject2_546f48a0243411ea86f395335a802507 = function _templateObject2_546f48a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_985efd2022d211eaa0764d1a500fd781() {
+  function _templateObject_546f48a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          .submission-page-wrapper {\n            --vaadin-split-layout-splitter: {\n              min-width: 0.4em;\n              background: var(--paper-amber-200);\n            }\n          }\n        </style>\n      </custom-style>\n      <app-route\n        .route=\"", "\"\n        @route-changed=\"", "\"\n        .tail=\"", "\"\n        @tail-changed=\"", "\"\n        pattern=\"/edit\"\n        .active=\"", "\"\n        @active-changed=\"", "\"\n      >\n      </app-route>\n\n      <iron-ajax\n        id=\"ajaxRequest\"\n        auto=\"\"\n        url=\"", "\"\n        method=\"GET\"\n        params=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n      ></iron-ajax>\n      <!-- Update Submission Node -->\n      <iron-ajax\n        id=\"ajaxUpdateRequest\"\n        url=\"", "\"\n        method=\"PUT\"\n        .body=\"", "\"\n        params=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n      ></iron-ajax>\n      <!-- Delete Submission Node -->\n      <iron-ajax\n        id=\"ajaxDeleteRequest\"\n        url=\"", "\"\n        method=\"DELETE\"\n        params=\"", "\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n      ></iron-ajax>\n\n      <app-toolbar class=\"amber lighten-3\" ?hidden=\"", "\">\n        ", "\n        <div spacer=\"\" main-title=\"\">", "</div>\n        <div spacer=\"\">\n          <lrnsys-dialog\n            raised\n            header=\"", "\"\n          >\n            <span slot=\"button\"\n              ><iron-icon icon=\"icons:assignment\"></iron-icon>Assignment\n              Details</span\n            >\n            <div class=\"assignment-body\">\n              <marked-element\n                id=\"assignment-body\"\n                markdown=\"", "\"\n              ></marked-element>\n            </div>\n          </lrnsys-dialog>\n        </div>\n        <div>\n          <paper-button\n            id=\"comment-count\"\n            style=\"margin:0;padding:.25em;text-transform:none;\"\n          >\n            <iron-icon icon=\"communication:forum\"></iron-icon>\n            ", " Comments\n          </paper-button>\n          <paper-badge\n            ?hidden=\"", "\"\n            for=\"comment-count\"\n            label=\"", "\"\n          ></paper-badge>\n        </div>\n        <div ?hidden=\"", "\">\n          <lrnsys-button\n            @click=\"", "\"\n            icon=\"create\"\n            label=\"Edit\"\n            hover-class=\"amber darken-4 white-text\"\n            ?hidden=\"", "\"\n          ></lrnsys-button>\n        </div>\n        <div ?hidden=\"", "\">\n          <lrnsys-button\n            @click=\"", "\"\n            icon=\"cancel\"\n            label=\"Cancel\"\n            hover-class=\"amber darken-4 white-text\"\n            ?hidden=\"", "\"\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: 25%; max-width: 40%; width:30%;\"\n        >\n          ", "\n        </div>\n        <div id=\"submissioncolumn\" style=\"width:70%;\">\n          <lrnapp-studio-submission-object\n            .submission=\"", "\"\n            edit=\"", "\"\n          ></lrnapp-studio-submission-object>\n        </div>\n        <iron-icon class=\"splitter-handle\" icon=\"more-vert\"></iron-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          <paper-button dialog-dismiss=\"\">Cancel</paper-button>\n          <paper-button\n            dialog-confirm=\"\"\n            @click=\"", "\"\n            >Delete</paper-button\n          >\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          <paper-button dialog-dismiss=\"\">Cancel</paper-button>\n          <paper-button\n            dialog-confirm=\"\"\n            @click=\"", "\"\n            >Yes Publish</paper-button\n          >\n        </div>\n      </paper-dialog>\n\n      <paper-toast id=\"toast\"></paper-toast>\n    "]);
 
-    _templateObject_985efd2022d211eaa0764d1a500fd781 = function _templateObject_985efd2022d211eaa0764d1a500fd781() {
+    _templateObject_546f48a0243411ea86f395335a802507 = function _templateObject_546f48a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -67,7 +67,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     babelHelpers.createClass(LrnappStudioSubmissionPage, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_985efd2022d211eaa0764d1a500fd781(), this.route, this.routeChangedEvent, this.tail, this.tailChangedEvent, this.editPage, this.editPageChangedEvent, this.reqUrl, this.reqParams, this._handleResponse, this.reqUrl, this.submission, this.reqParams, this._handleUpdateResponse, this.reqUrl, this.reqParams, this._handleDeleteResponse, this.hideMenuBar, this.showComments ? (0, _litElement.html)(_templateObject2_985efd2022d211eaa0764d1a500fd781(), this._backToStudio) : (0, _litElement.html)(_templateObject3_985efd2022d211eaa0764d1a500fd781(), this._backToKanban), this.submission.attributes.title, this.submission.relationships.assignment.attributes.title, this.submission.relationships.assignment.attributes.body, this.submission.meta.comment_count, this.displayNewBadge(this.submission.meta.comment_new), this.submission.meta.comment_new, this.editPage, this._setEditRoute, !this.submission.meta.canUpdate, !this.editPage, this._resetRoute, !this.submission.meta.canUpdate, this.showComments ? (0, _litElement.html)(_templateObject4_985efd2022d211eaa0764d1a500fd781(), this.commentOpsBase, this.csrfToken, this.commentsUrl, this.createStubUrl) : "", this.submission, this.editPage, this._submissionDeleteConfirmed, this._submissionPublishConfirmed);
+        return (0, _litElement.html)(_templateObject_546f48a0243411ea86f395335a802507(), this.route, this.routeChangedEvent, this.tail, this.tailChangedEvent, this.editPage, this.editPageChangedEvent, this.reqUrl, this.reqParams, this._handleResponse, this.reqUrl, this.submission, this.reqParams, this._handleUpdateResponse, this.reqUrl, this.reqParams, this._handleDeleteResponse, this.hideMenuBar, this.showComments ? (0, _litElement.html)(_templateObject2_546f48a0243411ea86f395335a802507(), this._backToStudio) : (0, _litElement.html)(_templateObject3_546f48a0243411ea86f395335a802507(), this._backToKanban), this.submission.attributes.title, this.submission.relationships.assignment.attributes.title, this.submission.relationships.assignment.attributes.body, this.submission.meta.comment_count, this.displayNewBadge(this.submission.meta.comment_new), this.submission.meta.comment_new, this.editPage, this._setEditRoute, !this.submission.meta.canUpdate, !this.editPage, this._resetRoute, !this.submission.meta.canUpdate, this.showComments ? (0, _litElement.html)(_templateObject4_546f48a0243411ea86f395335a802507(), this.commentOpsBase, this.csrfToken, this.commentsUrl, this.createStubUrl) : "", this.submission, this.editPage, this._submissionDeleteConfirmed, this._submissionPublishConfirmed);
       }
     }], [{
       key: "styles",
@@ -76,7 +76,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject5_985efd2022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject5_546f48a0243411ea86f395335a802507())];
       }
     }]);
 
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 7e9958a4cc2..4b5e1826993 100644
--- 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
@@ -10,40 +10,40 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../secure-re
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject4_9863df2022d211eaa0764d1a500fd781() {
+  function _templateObject4_5474c6e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        paper-button {\n          padding: 0;\n          margin: 0;\n          min-width: 1rem;\n        }\n      "]);
 
-    _templateObject4_9863df2022d211eaa0764d1a500fd781 = function _templateObject4_9863df2022d211eaa0764d1a500fd781() {
+    _templateObject4_5474c6e0243411ea86f395335a802507 = function _templateObject4_5474c6e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_9863df2022d211eaa0764d1a500fd781() {
+  function _templateObject3_5474c6e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            This is the lrnapp-studio-submission page.\n          "]);
 
-    _templateObject3_9863df2022d211eaa0764d1a500fd781 = function _templateObject3_9863df2022d211eaa0764d1a500fd781() {
+    _templateObject3_5474c6e0243411ea86f395335a802507 = function _templateObject3_5474c6e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_9863df2022d211eaa0764d1a500fd781() {
+  function _templateObject2_5474c6e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <lrnapp-studio-submission-page\n              base-path=\"{", "\"\n              @base-path-changed=\"", "\"\n              .route=\"", "\"\n              @route-changed=\"", "\"\n              .data=\"", "\"\n              @data-changed=\"", "\"\n              id=\"", "\"\n              end-point=\"", "\"\n              csrf-token=\"", "\"\n            ></lrnapp-studio-submission-page>\n          "]);
 
-    _templateObject2_9863df2022d211eaa0764d1a500fd781 = function _templateObject2_9863df2022d211eaa0764d1a500fd781() {
+    _templateObject2_5474c6e0243411ea86f395335a802507 = function _templateObject2_5474c6e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9863df2022d211eaa0764d1a500fd781() {
+  function _templateObject_5474c6e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <app-location\n        .route=\"", "\"\n        @route-changed=\"", "\"\n      ></app-location>\n      <app-route\n        .route=\"", "\"\n        @route-changed=\"", "\"\n        pattern=\"", "/submissions/:submission\"\n        .data=\"", "\"\n        @data-changed=\"", "\"\n        .tail=\"", "\"\n        @tail-changed=\"", "\"\n      >\n      </app-route>\n      ", "\n      <paper-toast id=\"toast\"></paper-toast>\n    "]);
 
-    _templateObject_9863df2022d211eaa0764d1a500fd781 = function _templateObject_9863df2022d211eaa0764d1a500fd781() {
+    _templateObject_5474c6e0243411ea86f395335a802507 = function _templateObject_5474c6e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -57,7 +57,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../secure-re
     babelHelpers.createClass(LrnappStudioSubmission, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9863df2022d211eaa0764d1a500fd781(), this.route, this.routeChangedEvent, this.route, this.routeChangedEvent, this.endPoint, this.data, this.dataChangedEvent, this.tail, this.tailChangedEvent, this.data.submission ? (0, _litElement.html)(_templateObject2_9863df2022d211eaa0764d1a500fd781(), this.basePath, this.basePathChangedEvent, this.tail, this.tailChangedEvent, this.data, this.dataChangedEvent, this.data.submission, this.endPoint, this.csrfToken) : (0, _litElement.html)(_templateObject3_9863df2022d211eaa0764d1a500fd781()));
+        return (0, _litElement.html)(_templateObject_5474c6e0243411ea86f395335a802507(), this.route, this.routeChangedEvent, this.route, this.routeChangedEvent, this.endPoint, this.data, this.dataChangedEvent, this.tail, this.tailChangedEvent, this.data.submission ? (0, _litElement.html)(_templateObject2_5474c6e0243411ea86f395335a802507(), this.basePath, this.basePathChangedEvent, this.tail, this.tailChangedEvent, this.data, this.dataChangedEvent, this.data.submission, this.endPoint, this.csrfToken) : (0, _litElement.html)(_templateObject3_5474c6e0243411ea86f395335a802507()));
       }
     }, {
       key: "basePathChangedEvent",
@@ -101,7 +101,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../secure-re
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_9863df2022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_5474c6e0243411ea86f395335a802507())];
       }
     }, {
       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 8f7497b2281..0c4ce6e41bb 100644
--- 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,20 +6,20 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
   });
   _exports.MoocContent = void 0;
 
-  function _templateObject2_986d06e022d211eaa0764d1a500fd781() {
+  function _templateObject2_531f9720243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style include=\"materializecss-styles\">\n          :host {\n            display: block;\n          }\n        </style>\n      </custom-style>\n      <div id=\"hackycontainer\"><style id=\"hackycsspotterhates\"></style></div>\n      <iron-ajax\n        id=\"fulloutlinepath\"\n        url=\"", "\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-response-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        id=\"pageajax\"\n        .params=\"", "\"\n        url=\"", "\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        @last-response-changed=\"", "\"\n        loading=\"", "\"\n        @loading-changed=\"", "\"\n      ></iron-ajax>\n      <app-location\n        route=\"", "\"\n        @route-changed=\"", "\"\n        .query-params=\"", "\"\n        @query-params-changed=\"", "\"\n      ></app-location>\n      <app-route\n        route=\"", "\"\n        @route-changed=\"", "\"\n        pattern=\"", "/:type/:id\"\n        data=\"", "\"\n        @data-changed=\"", "\"\n        tail=\"", "\"\n        @tail-changed=\"", "\"\n        .query-params=\"", "\"\n        @query-params-changed=\"", "\"\n      >\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\n                  class=\"book-navigation-header book-sibling-nav-container book-navigation-header-2\"\n                >\n                  <div\n                    class=\"book-navigation-header book-sibling-nav-container\"\n                  >\n                    <lrnsys-dialog\n                      id=\"outlinepopover\"\n                      data-voicecommand=\"open outline\"\n                      label=\"Outline\"\n                      header=\"Outline\"\n                    >\n                      <span slot=\"button\">\n                        <iron-icon icon=\"explore\"></iron-icon>\n                        Outline\n                      </span>\n                      <div\n                        class=\"elmsln-modal-content\"\n                        id=\"block-mooc-helper-mooc-helper-toc-nav-modal\"\n                      >\n                        <div id=\"outlinemodal\" @click=\"", "\">\n                          <slot name=\"outlinemodal\"></slot>\n                        </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=\"3\" lg=\"3\" md=\"3\" sm=\"4\" xs=\"12\">\n                  <section\n                    id=\"block-mooc-nav-block-mooc-nav-nav\"\n                    class=\"mooc-nav-block-left block block-mooc-nav-block contextual-links-region block-mooc-nav-block-mooc-nav column\"\n                    role=\"navigation\"\n                    aria-label=\"", "\"\n                  >\n                    <div\n                      class=\"block-mooc-nav-block-mooc-title black white-text\"\n                    >\n                      ", "\n                    </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=\"8\" lg=\"8\" md=\"9\" sm=\"7\" xs=\"12\">\n                  <a\n                    id=\"main-content\"\n                    class=\"scrollspy\"\n                    data-scrollspy=\"scrollspy\"\n                  ></a>\n                  <div class=\"column\">\n                    <div id=\"content\" ?data-loading=\"", "\">\n                      <slot name=\"content\"></slot>\n                    </div>\n                  </div>\n                </responsive-grid-col>\n              </responsive-grid-row>\n            </div>\n          </section>\n          <a class=\"exit-off-canvas\"></a>\n        </div>\n      </main>\n    "]);
 
-    _templateObject2_986d06e022d211eaa0764d1a500fd781 = function _templateObject2_986d06e022d211eaa0764d1a500fd781() {
+    _templateObject2_531f9720243411ea86f395335a802507 = function _templateObject2_531f9720243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_986d06e022d211eaa0764d1a500fd781() {
+  function _templateObject_531f9720243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n          box-sizing: content-box;\n        }\n        #content[data-loading] {\n          opacity: 0.2 !important;\n          pointer-events: none;\n        }\n        #content {\n          opacity: 1;\n          visibility: visible;\n          transition: all 0.4s ease;\n        }\n      "]);
 
-    _templateObject_986d06e022d211eaa0764d1a500fd781 = function _templateObject_986d06e022d211eaa0764d1a500fd781() {
+    _templateObject_531f9720243411ea86f395335a802507 = function _templateObject_531f9720243411ea86f395335a802507() {
       return data;
     };
 
@@ -61,7 +61,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_986d06e022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_531f9720243411ea86f395335a802507())];
       }
       /**
        * HTMLElement
@@ -142,7 +142,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../../../@polym
     }, {
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_986d06e022d211eaa0764d1a500fd781(), this.fullOutlinePath, this.handleOutlineResponse, this.outlineDataChanged, this.requestParams, this.sourcePath, this.handleResponse, this.pageDataChanged, this._loading, this._loadingChanged, this.route, this.routeChangedEvent, this.queryParams, this.queryParamsChanged, this.route, this.routeChangedEvent, this.endPoint, this.data, this.dataChanged, this.tail, this.tailChanged, this.queryParams, this.queryParamsChanged, this._modalTap, this.outlineTitle, this.outlineTitle, this.loading);
+        return (0, _litElement.html)(_templateObject2_531f9720243411ea86f395335a802507(), this.fullOutlinePath, this.handleOutlineResponse, this.outlineDataChanged, this.requestParams, this.sourcePath, this.handleResponse, this.pageDataChanged, this._loading, this._loadingChanged, this.route, this.routeChangedEvent, this.queryParams, this.queryParamsChanged, this.route, this.routeChangedEvent, this.endPoint, this.data, this.dataChanged, this.tail, this.tailChanged, this.queryParams, this.queryParamsChanged, this._modalTap, this.outlineTitle, this.outlineTitle, this.loading);
       }
     }, {
       key: "tailChanged",
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 328ec45fbd8..2191c32e63b 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-col
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_736bc2a022d211eaa0764d1a500fd781() {
+  function _templateObject2_2d1baff0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-icon icon=\"lrn:network\"></iron-icon>\n    "]);
 
-    _templateObject2_736bc2a022d211eaa0764d1a500fd781 = function _templateObject2_736bc2a022d211eaa0764d1a500fd781() {
+    _templateObject2_2d1baff0243411ea86f395335a802507 = function _templateObject2_2d1baff0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_736bc2a022d211eaa0764d1a500fd781() {
+  function _templateObject_2d1baff0243411ea86f395335a802507() {
     var data = 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 iron-icon {\n          color: var(--simple-colors-default-theme-accent-6);\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\"]) iron-icon {\n          width: 16px;\n          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\"]) iron-icon {\n          width: 32px;\n          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\"]) iron-icon {\n          width: 64px;\n          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\"]) iron-icon {\n          width: 80px;\n          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\"]) iron-icon {\n          width: 400px;\n          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      "]);
 
-    _templateObject_736bc2a022d211eaa0764d1a500fd781 = function _templateObject_736bc2a022d211eaa0764d1a500fd781() {
+    _templateObject_2d1baff0243411ea86f395335a802507 = function _templateObject_2d1baff0243411ea86f395335a802507() {
       return data;
     };
 
@@ -53,7 +53,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-col
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ElmslnLoading), "styles", this)), [(0, _litElement.css)(_templateObject_736bc2a022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(ElmslnLoading), "styles", this)), [(0, _litElement.css)(_templateObject_2d1baff0243411ea86f395335a802507())]);
       }
     }, {
       key: "tag",
@@ -107,7 +107,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-col
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_736bc2a022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject2_2d1baff0243411ea86f395335a802507());
       }
     }, {
       key: "_getAccentColor",
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 dfc18963b9a..44d475790ee 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
@@ -11,10 +11,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../h
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_74fce9f022d211eaa0764d1a500fd781() {
+  function _templateObject_2f1499c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <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>\n    "]);
 
-    _templateObject_74fce9f022d211eaa0764d1a500fd781 = function _templateObject_74fce9f022d211eaa0764d1a500fd781() {
+    _templateObject_2f1499c0243411ea86f395335a802507 = function _templateObject_2f1499c0243411ea86f395335a802507() {
       return data;
     };
 
@@ -41,7 +41,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../h
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_74fce9f022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_2f1499c0243411ea86f395335a802507());
       } // 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 cc6d8b44203..0594b13edeb 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_78b955b022d211eaa0764d1a500fd781() {
+  function _templateObject2_33452410243411ea86f395335a802507() {
     var data = 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: #f2f2f2;\n          padding: 10.8px 13.5px 10.8px;\n          font-size: 13.5px;\n        }\n\n        #description {\n          border: solid 1px #f2f2f2;\n          padding: 10.8px 13.5px 10.8px;\n          font-size: 13.5px;\n        }\n      "]);
 
-    _templateObject2_78b955b022d211eaa0764d1a500fd781 = function _templateObject2_78b955b022d211eaa0764d1a500fd781() {
+    _templateObject2_33452410243411ea86f395335a802507 = function _templateObject2_33452410243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_78b955b022d211eaa0764d1a500fd781() {
+  function _templateObject_33452410243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"wrap\">\n        <div id=\"title\">", "</div>\n        <div id=\"description\">", "</div>\n      </div>\n    "]);
 
-    _templateObject_78b955b022d211eaa0764d1a500fd781 = function _templateObject_78b955b022d211eaa0764d1a500fd781() {
+    _templateObject_33452410243411ea86f395335a802507 = function _templateObject_33452410243411ea86f395335a802507() {
       return data;
     };
 
@@ -56,7 +56,7 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_78b955b022d211eaa0764d1a500fd781(), this.title, this.description);
+        return (0, _litElement.html)(_templateObject_33452410243411ea86f395335a802507(), this.title, this.description);
       } // haxProperty definition
 
     }, {
@@ -73,7 +73,7 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_78b955b022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_33452410243411ea86f395335a802507())];
       }
     }, {
       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 8ad9c7293fd..ee65777961f 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js", "../simple-colors/simple-
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_758e7b9022d211eaa0764d1a500fd781() {
+  function _templateObject2_2f7b71e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      "]);
 
-    _templateObject2_758e7b9022d211eaa0764d1a500fd781 = function _templateObject2_758e7b9022d211eaa0764d1a500fd781() {
+    _templateObject2_2f7b71e0243411ea86f395335a802507 = function _templateObject2_2f7b71e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_758e7b9022d211eaa0764d1a500fd781() {
+  function _templateObject_2f7b71e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <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>\n    "]);
 
-    _templateObject_758e7b9022d211eaa0764d1a500fd781 = function _templateObject_758e7b9022d211eaa0764d1a500fd781() {
+    _templateObject_2f7b71e0243411ea86f395335a802507 = function _templateObject_2f7b71e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -51,14 +51,14 @@ define(["exports", "../../lit-element/lit-element.js", "../simple-colors/simple-
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_758e7b9022d211eaa0764d1a500fd781(), this.width, this.height, this.__id, this.__id);
+        return (0, _litElement.html)(_templateObject_2f7b71e0243411ea86f395335a802507(), this.width, this.height, this.__id, this.__id);
       } // haxProperty definition
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_758e7b9022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_2f7b71e0243411ea86f395335a802507())];
       }
     }, {
       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 4c47c40412e..a610a925462 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../filtered-
   });
   _exports.FilteredImageFilters = void 0;
 
-  function _templateObject_90f4567022d211eaa0764d1a500fd781() {
+  function _templateObject_4b8702a0243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_90f4567022d211eaa0764d1a500fd781 = function _templateObject_90f4567022d211eaa0764d1a500fd781() {
+    _templateObject_4b8702a0243411ea86f395335a802507 = function _templateObject_4b8702a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -97,7 +97,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../filtered-
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_90f4567022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4b8702a0243411ea86f395335a802507());
       } // 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 0259f74d6b4..f60013e70c4 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
@@ -11,10 +11,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_75d65a0022d211eaa0764d1a500fd781() {
+  function _templateObject_2fde2b50243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        paper-card {\n          -webkit-perspective: 800;\n          width: 400px;\n          height: 300px;\n          position: relative;\n          padding: 0;\n          margin: 0;\n        }\n        paper-card.flipped {\n          -webkit-transform: rotatex(-180deg);\n        }\n        paper-card.flipped .back {\n          z-index: 3;\n        }\n        paper-card {\n          -webkit-transform-style: preserve-3d;\n          -webkit-transition: 0.5s;\n        }\n        paper-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        paper-card .front {\n          position: absolute;\n          z-index: 1;\n        }\n        paper-card .back {\n          -webkit-transform: rotatex(-180deg);\n        }\n      </style>\n      <paper-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      </paper-card>\n    "]);
 
-    _templateObject_75d65a0022d211eaa0764d1a500fd781 = function _templateObject_75d65a0022d211eaa0764d1a500fd781() {
+    _templateObject_2fde2b50243411ea86f395335a802507 = function _templateObject_2fde2b50243411ea86f395335a802507() {
       return data;
     };
 
@@ -33,7 +33,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
     babelHelpers.createClass(FlashCard, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_75d65a0022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_2fde2b50243411ea86f395335a802507());
       }
     }, {
       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 9cdcf85027a..2da4963b3f2 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_76641b1022d211eaa0764d1a500fd781() {
+  function _templateObject2_3020d9a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-variant-ligatures: common-ligatures;\n        }\n        :host([hidden]) {\n          display: none;\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        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        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        paper-icon-button {\n          width: 75px;\n          height: 45px;\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        .fullpage-container {\n          display: block;\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        .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      "]);
 
-    _templateObject2_76641b1022d211eaa0764d1a500fd781 = function _templateObject2_76641b1022d211eaa0764d1a500fd781() {
+    _templateObject2_3020d9a0243411ea86f395335a802507 = function _templateObject2_3020d9a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_76641b1022d211eaa0764d1a500fd781() {
+  function _templateObject_3020d9a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"fullpage-container\">\n        <div class=\"overlay-container\">\n          <h2>", "</h2>\n          <p>", "</p>\n        </div>\n        <paper-icon-button\n          id=\"down\"\n          icon=\"hardware:keyboard-arrow-down\"\n        ></paper-icon-button>\n        <div class=\"image-wrapper\">\n          <img loading=\"lazy\" id=\"img\" src=\"", "\" />\n        </div>\n      </div>\n    "]);
 
-    _templateObject_76641b1022d211eaa0764d1a500fd781 = function _templateObject_76641b1022d211eaa0764d1a500fd781() {
+    _templateObject_3020d9a0243411ea86f395335a802507 = function _templateObject_3020d9a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -51,14 +51,14 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_76641b1022d211eaa0764d1a500fd781(), this.title, this.subtitle, this.source);
+        return (0, _litElement.html)(_templateObject_3020d9a0243411ea86f395335a802507(), this.title, this.subtitle, this.source);
       } // haxProperty definition
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_76641b1022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_3020d9a0243411ea86f395335a802507())];
       }
     }, {
       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 fccec0b4eb1..376681920a1 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_76a1723022d211eaa0764d1a500fd781() {
+  function _templateObject2_30e86f60243411ea86f395335a802507() {
     var data = 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        .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      "]);
 
-    _templateObject2_76a1723022d211eaa0764d1a500fd781 = function _templateObject2_76a1723022d211eaa0764d1a500fd781() {
+    _templateObject2_30e86f60243411ea86f395335a802507 = function _templateObject2_30e86f60243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_76a1723022d211eaa0764d1a500fd781() {
+  function _templateObject_30e86f60243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"image\">\n        <div class=\"wrapper\">\n          <div class=\"caption\">\n            ", "\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    "]);
 
-    _templateObject_76a1723022d211eaa0764d1a500fd781 = function _templateObject_76a1723022d211eaa0764d1a500fd781() {
+    _templateObject_30e86f60243411ea86f395335a802507 = function _templateObject_30e86f60243411ea86f395335a802507() {
       return data;
     };
 
@@ -54,7 +54,7 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_76a1723022d211eaa0764d1a500fd781(), this.caption);
+        return (0, _litElement.html)(_templateObject_30e86f60243411ea86f395335a802507(), this.caption);
       } // haxProperty definition
 
     }, {
@@ -83,7 +83,7 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_76a1723022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_30e86f60243411ea86f395335a802507())];
       }
     }, {
       key: "haxProperties",
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 e33a96b82be..9ab063ed0b8 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,10 +7,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
   _exports.GameShowQuiz = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_7743096022d211eaa0764d1a500fd781() {
+  function _templateObject_31aa38c0243411ea86f395335a802507() {
     var data = 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        iron-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        paper-button {\n          --paper-button-ink-color: var(--game-show-bg-color);\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        paper-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 paper-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          paper-button {\n            padding: 0;\n            margin: 0;\n            width: 16px;\n            height: 16px;\n            min-width: unset;\n          }\n          game-show-quiz-modal paper-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 paper-button[disabled] {\n            font-weight: bold;\n            font-size: 10px;\n          }\n        }\n      </style>\n      <app-header>\n        <app-toolbar>\n          <paper-button id=\"scorebutton\" on-click=\"scoreBoardToggle\">\n            <iron-icon icon=\"editor:pie-chart\"></iron-icon\n            ><label for=\"scorebutton\">Score board</label>\n          </paper-button>\n          <div main-title>[[title]]</div>\n          <paper-button id=\"helpbutton\" on-click=\"directionsToggle\">\n            <iron-icon icon=\"help\"></iron-icon\n            ><label for=\"helpbutton\">Directions</label>\n          </paper-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                <paper-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                  >[[col.title]]<br />[[col.displayPoints]]</paper-button\n                >\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        <paper-button\n          aria-label=\"Close score board and return to game\"\n          slot=\"buttons\"\n          id=\"dismiss\"\n          dialog-confirm\n          raised\n          >Return to game board</paper-button\n        >\n      </game-show-quiz-modal>\n      <game-show-quiz-modal id=\"directions\" title=\"[[directionsTitle]]\">\n        <div slot=\"content\"><slot></slot></div>\n        <paper-button\n          aria-label=\"Close directions dialog and return to game\"\n          slot=\"buttons\"\n          id=\"dismiss\"\n          dialog-confirm\n          raised\n          >Good luck!</paper-button\n        >\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            <iron-image\n              style=\"min-width:100px; width:100%; min-height:50vh; height:75vh;\"\n              sizing=\"contain\"\n              preload=\"\"\n              src$=\"[[activeQuestion.image]]\"\n            ></iron-image>\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        <paper-button\n          slot=\"buttons\"\n          hidden$=\"[[activeQuestion.submitted]]\"\n          id=\"submit\"\n          raised=\"\"\n          disabled$=\"[[__submitDisabled]]\"\n          >Submit answer\n          <iron-icon\n            hidden$=\"[[__submitDisabled]]\"\n            icon=\"icons:touch-app\"\n          ></iron-icon\n        ></paper-button>\n        <paper-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          >Continue <iron-icon icon=\"icons:arrow-forward\"></iron-icon\n        ></paper-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    "], ["\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        iron-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        paper-button {\n          --paper-button-ink-color: var(--game-show-bg-color);\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        paper-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 paper-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          paper-button {\n            padding: 0;\n            margin: 0;\n            width: 16px;\n            height: 16px;\n            min-width: unset;\n          }\n          game-show-quiz-modal paper-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 paper-button[disabled] {\n            font-weight: bold;\n            font-size: 10px;\n          }\n        }\n      </style>\n      <app-header>\n        <app-toolbar>\n          <paper-button id=\"scorebutton\" on-click=\"scoreBoardToggle\">\n            <iron-icon icon=\"editor:pie-chart\"></iron-icon\n            ><label for=\"scorebutton\">Score board</label>\n          </paper-button>\n          <div main-title>[[title]]</div>\n          <paper-button id=\"helpbutton\" on-click=\"directionsToggle\">\n            <iron-icon icon=\"help\"></iron-icon\n            ><label for=\"helpbutton\">Directions</label>\n          </paper-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                <paper-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                  >[[col.title]]<br />[[col.displayPoints]]</paper-button\n                >\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        <paper-button\n          aria-label=\"Close score board and return to game\"\n          slot=\"buttons\"\n          id=\"dismiss\"\n          dialog-confirm\n          raised\n          >Return to game board</paper-button\n        >\n      </game-show-quiz-modal>\n      <game-show-quiz-modal id=\"directions\" title=\"[[directionsTitle]]\">\n        <div slot=\"content\"><slot></slot></div>\n        <paper-button\n          aria-label=\"Close directions dialog and return to game\"\n          slot=\"buttons\"\n          id=\"dismiss\"\n          dialog-confirm\n          raised\n          >Good luck!</paper-button\n        >\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            <iron-image\n              style=\"min-width:100px; width:100%; min-height:50vh; height:75vh;\"\n              sizing=\"contain\"\n              preload=\"\"\n              src\\$=\"[[activeQuestion.image]]\"\n            ></iron-image>\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        <paper-button\n          slot=\"buttons\"\n          hidden\\$=\"[[activeQuestion.submitted]]\"\n          id=\"submit\"\n          raised=\"\"\n          disabled\\$=\"[[__submitDisabled]]\"\n          >Submit answer\n          <iron-icon\n            hidden$=\"[[__submitDisabled]]\"\n            icon=\"icons:touch-app\"\n          ></iron-icon\n        ></paper-button>\n        <paper-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          >Continue <iron-icon icon=\"icons:arrow-forward\"></iron-icon\n        ></paper-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    "]);
 
-    _templateObject_7743096022d211eaa0764d1a500fd781 = function _templateObject_7743096022d211eaa0764d1a500fd781() {
+    _templateObject_31aa38c0243411ea86f395335a802507 = function _templateObject_31aa38c0243411ea86f395335a802507() {
       return data;
     };
 
@@ -582,7 +582,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_7743096022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_31aa38c0243411ea86f395335a802507());
       }
     }, {
       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 5edad44c96d..532ae0f7da8 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,20 +7,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
   _exports.GameShowQuizModal = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_90f6c77022d211eaa0764d1a500fd781() {
+  function _templateObject2_4b894c90243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject2_90f6c77022d211eaa0764d1a500fd781 = function _templateObject2_90f6c77022d211eaa0764d1a500fd781() {
+    _templateObject2_4b894c90243411ea86f395335a802507 = function _templateObject2_4b894c90243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_90f6c77022d211eaa0764d1a500fd781() {
+  function _templateObject_4b894c90243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject_90f6c77022d211eaa0764d1a500fd781 = function _templateObject_90f6c77022d211eaa0764d1a500fd781() {
+    _templateObject_4b894c90243411ea86f395335a802507 = function _templateObject_4b894c90243411ea86f395335a802507() {
       return data;
     };
 
@@ -41,7 +41,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
     babelHelpers.createClass(GameShowQuizModal, null, [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_90f6c77022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4b894c90243411ea86f395335a802507())];
       }
     }, {
       key: "tag",
@@ -73,7 +73,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
     babelHelpers.createClass(GameShowQuizModal, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_90f6c77022d211eaa0764d1a500fd781(), this.title);
+        return (0, _litElement.html)(_templateObject2_4b894c90243411ea86f395335a802507(), this.title);
       }
       /**
        * Basic bridge to the toggle function in paper-dialog
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 ec9b86dae19..ef0fd0b9285 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_7762c66022d211eaa0764d1a500fd781() {
+  function _templateObject2_314b01c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\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        :host([circle]) svg {\n          border-radius: 100px;\n          transform: rotate(-45deg);\n        }\n        :host([size=\"micro\"]) {\n          --github-corner-size: 28px;\n        }\n        :host([size=\"small\"]) {\n          --github-corner-size: 50px;\n        }\n        :host([size=\"large\"]) {\n          --github-corner-size: 100px;\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        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          20%,\n          60% {\n            transform: rotate(-25deg);\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          .github-corner .octo-arm {\n            animation: octocat-wave 560ms ease-in-out;\n          }\n        }\n      "]);
 
-    _templateObject2_7762c66022d211eaa0764d1a500fd781 = function _templateObject2_7762c66022d211eaa0764d1a500fd781() {
+    _templateObject2_314b01c0243411ea86f395335a802507 = function _templateObject2_314b01c0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7762c66022d211eaa0764d1a500fd781() {
+  function _templateObject_314b01c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <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>\n    "]);
 
-    _templateObject_7762c66022d211eaa0764d1a500fd781 = function _templateObject_7762c66022d211eaa0764d1a500fd781() {
+    _templateObject_314b01c0243411ea86f395335a802507 = function _templateObject_314b01c0243411ea86f395335a802507() {
       return data;
     };
 
@@ -56,7 +56,7 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_7762c66022d211eaa0764d1a500fd781(), this.alt, this.source);
+        return (0, _litElement.html)(_templateObject_314b01c0243411ea86f395335a802507(), this.alt, this.source);
       } // properties available to the custom element for data binding
 
     }, {
@@ -84,7 +84,7 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
        * Register CSS styles
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_7762c66022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_314b01c0243411ea86f395335a802507())];
       }
     }, {
       key: "properties",
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 1cc6d662de2..679e18033c6 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
@@ -11,30 +11,30 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject3_777dc87022d211eaa0764d1a500fd781() {
+  function _templateObject3_31c75db0243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject3_777dc87022d211eaa0764d1a500fd781 = function _templateObject3_777dc87022d211eaa0764d1a500fd781() {
+    _templateObject3_31c75db0243411ea86f395335a802507 = function _templateObject3_31c75db0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_777dc87022d211eaa0764d1a500fd781() {
+  function _templateObject2_31c75db0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <slot></slot>\n          "]);
 
-    _templateObject2_777dc87022d211eaa0764d1a500fd781 = function _templateObject2_777dc87022d211eaa0764d1a500fd781() {
+    _templateObject2_31c75db0243411ea86f395335a802507 = function _templateObject2_31c75db0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_777dc87022d211eaa0764d1a500fd781() {
+  function _templateObject_31c75db0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", "\n    "]);
 
-    _templateObject_777dc87022d211eaa0764d1a500fd781 = function _templateObject_777dc87022d211eaa0764d1a500fd781() {
+    _templateObject_31c75db0243411ea86f395335a802507 = function _templateObject_31c75db0243411ea86f395335a802507() {
       return data;
     };
 
@@ -55,14 +55,14 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_777dc87022d211eaa0764d1a500fd781(), this._fallback ? (0, _litElement.html)(_templateObject2_777dc87022d211eaa0764d1a500fd781()) : "\n<lrn-vocab term=\"".concat(this.display, "\">\n  <div>").concat(this.definition, "</div>\n</lrn-vocab>\n"));
+        return (0, _litElement.html)(_templateObject_31c75db0243411ea86f395335a802507(), this._fallback ? (0, _litElement.html)(_templateObject2_31c75db0243411ea86f395335a802507()) : "\n<lrn-vocab term=\"".concat(this.display, "\">\n  <div>").concat(this.definition, "</div>\n</lrn-vocab>\n"));
       } // haxProperty definition
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_777dc87022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_31c75db0243411ea86f395335a802507())];
       }
     }, {
       key: "haxProperties",
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 f6a1ca55236..45edede957a 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
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_875bd34022d211eaa0764d1a500fd781() {
+  function _templateObject_42251fd0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"dom\"><slot></slot></div>\n    "]);
 
-    _templateObject_875bd34022d211eaa0764d1a500fd781 = function _templateObject_875bd34022d211eaa0764d1a500fd781() {
+    _templateObject_42251fd0243411ea86f395335a802507 = function _templateObject_42251fd0243411ea86f395335a802507() {
       return data;
     };
 
@@ -338,7 +338,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_875bd34022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_42251fd0243411ea86f395335a802507());
       }
     }, {
       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 b1145aec938..cf2155dde59 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../responsive
   _exports.GridPlate = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_780213a022d211eaa0764d1a500fd781() {
+  function _templateObject2_322498e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"button-holding-pen\">\n        <paper-icon-button\n          class=\"direction\"\n          icon=\"hardware:keyboard-arrow-up\"\n          title=\"move item up\"\n          id=\"up\"\n          @click=\"", "\"\n        >\n        </paper-icon-button>\n        <paper-icon-button\n          class=\"direction\"\n          icon=\"hardware:keyboard-arrow-right\"\n          title=\"move item right\"\n          id=\"right\"\n          @click=\"", "\"\n        >\n        </paper-icon-button>\n        <paper-icon-button\n          class=\"direction\"\n          icon=\"hardware:keyboard-arrow-down\"\n          title=\"move item down\"\n          id=\"down\"\n          @click=\"", "\"\n        >\n        </paper-icon-button>\n        <paper-icon-button\n          class=\"direction\"\n          icon=\"hardware:keyboard-arrow-left\"\n          title=\"move item left\"\n          id=\"left\"\n          @click=\"", "\"\n        >\n        </paper-icon-button>\n      </div>\n      <div class=\"row\">\n        <div\n          class=\"column\"\n          id=\"col1\"\n          .style=\"", "\"\n        >\n          <slot name=\"col-1\"></slot>\n        </div>\n        <div\n          class=\"column\"\n          id=\"col2\"\n          .style=\"", "\"\n        >\n          <slot name=\"col-2\"></slot>\n        </div>\n        <div\n          class=\"column\"\n          id=\"col3\"\n          .style=\"", "\"\n        >\n          <slot name=\"col-3\"></slot>\n        </div>\n        <div\n          class=\"column\"\n          id=\"col4\"\n          .style=\"", "\"\n        >\n          <slot name=\"col-4\"></slot>\n        </div>\n        <div\n          class=\"column\"\n          id=\"col5\"\n          .style=\"", "\"\n        >\n          <slot name=\"col-5\"></slot>\n        </div>\n        <div\n          class=\"column\"\n          id=\"col6\"\n          .style=\"", "\"\n        >\n          <slot name=\"col-6\"></slot>\n        </div>\n      </div>\n    "]);
 
-    _templateObject2_780213a022d211eaa0764d1a500fd781 = function _templateObject2_780213a022d211eaa0764d1a500fd781() {
+    _templateObject2_322498e0243411ea86f395335a802507 = function _templateObject2_322498e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_780213a022d211eaa0764d1a500fd781() {
+  function _templateObject_322498e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --grid-plate-row-margin: 0px;\n          --grid-plate-row-padding: 0px;\n          --grid-plate-item-margin: 15px;\n          --grid-plate-editable-border-color: #bbbbbb;\n          --grid-plate-active-border-color: #000000;\n          --grid-plate-target-background-color: var(\n            --simple-colors-default-theme-blue-1\n          );\n          --grid-plate-possible-target-background-color: transparent;\n          --grid-plate-selected-background-color: #ffffff;\n        }\n        :host .row {\n          width: 100%;\n          display: flex;\n          flex-wrap: wrap;\n          justify-content: space-between;\n          align-items: stretch;\n          margin: var(--grid-plate-row-margin);\n          padding: var(--grid-plate-row-padding);\n        }\n        :host .column {\n          width: 100%;\n          flex: 0 0 auto;\n        }\n        :host([edit-mode]) .column {\n          min-height: 150px;\n        }\n        :host([edit-mode]) .column {\n          outline: 2px dashed var(--grid-plate-editable-border-color);\n        }\n        :host .column[style=\"min-height: unset;\"] {\n          display: none;\n        }\n        :host([edit-mode]) .column[style=\"min-height: unset;\"]:not(:empty) {\n          display: block;\n          outline: 2px solid red;\n          width: 20%;\n          min-width: 100px;\n          padding: 15px 0;\n          min-height: 150px !important;\n          margin-top: var(--grid-plate-item-margin);\n        }\n        :host([edit-mode])\n          .column[style=\"min-height: unset;\"]:not(:empty):before {\n          content: \"Column (\" attr(id) \") hidden by layout selected\";\n          color: red;\n          margin: var(--grid-plate-item-margin);\n        }\n        :host .column ::slotted(*) {\n          margin: var(--grid-plate-item-margin);\n          padding: var(--grid-plate-item-margin);\n          max-width: calc(100% - 60px);\n          max-width: -webkit-fill-available;\n        }\n        :host([edit-mode]) .column ::slotted(img) {\n          display: block;\n        }\n        :host([edit-mode]) .column ::slotted(.grid-plate-active-item) {\n          outline: 2px dashed var(--grid-plate-active-border-color);\n          background-color: var(--grid-plate-selected-background-color);\n        }\n        :host([edit-mode]) .column ::slotted(*:focus),\n        :host([edit-mode]) .column ::slotted(*:hover),\n        :host([edit-mode]) .column ::slotted(*:active) {\n          cursor: move;\n        }\n        :host([edit-mode]) .column ::slotted(.mover) {\n          outline: 2px dashed var(--grid-plate-editable-border-color);\n        }\n        :host([edit-mode]) .column.mover {\n          outline: 2px dashed var(--grid-plate-editable-border-color);\n        }\n        :host([edit-mode]) .column ::slotted(.mover) {\n          background-color: var(--grid-plate-possible-target-background-color);\n          padding: 16px;\n        }\n        :host([edit-mode]) .column.mover {\n          content: \"Double click to create a paragraph here\";\n          background-color: var(--grid-plate-possible-target-background-color);\n        }\n        :host([edit-mode]) .column ::slotted(.hovered) {\n          background-color: var(\n            --grid-plate-target-background-color\n          ) !important;\n          outline: dashed 2px var(--grid-plate-active-border-color);\n          z-index: 2;\n        }\n        :host([edit-mode]) .column.hovered {\n          background-color: var(\n            --grid-plate-target-background-color\n          ) !important;\n          outline: dashed 2px var(--grid-plate-active-border-color);\n          z-index: 2;\n        }\n        paper-icon-button {\n          display: none;\n          position: absolute;\n          margin: 0;\n          padding: 0;\n          outline: none;\n          width: 30px;\n          height: 30px;\n          color: black;\n          opacity: 0.8;\n          background-color: transparent;\n          border-radius: 0;\n          box-sizing: content-box !important;\n          z-index: 1;\n          min-width: unset;\n        }\n        paper-icon-button:hover {\n          outline: 2px dashed #000000;\n          opacity: 1;\n          visibility: visible;\n          background-color: #ffffff;\n        }\n\n        paper-icon-button[disabled] {\n          color: #aaa;\n        }\n        paper-icon-button[disabled]:focus,\n        paper-icon-button[disabled]:hover {\n          cursor: not-allowed;\n        }\n        paper-icon-button.active {\n          display: block;\n        }\n\n        .button-holding-pen {\n          position: relative;\n        }\n      "]);
 
-    _templateObject_780213a022d211eaa0764d1a500fd781 = function _templateObject_780213a022d211eaa0764d1a500fd781() {
+    _templateObject_322498e0243411ea86f395335a802507 = function _templateObject_322498e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -164,7 +164,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../responsive
        * LitElement render styles
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_780213a022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_322498e0243411ea86f395335a802507())];
       }
     }]);
 
@@ -205,7 +205,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../responsive
     babelHelpers.createClass(GridPlate, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_780213a022d211eaa0764d1a500fd781(), this.moveActiveElement, this.moveActiveElement, this.moveActiveElement, this.moveActiveElement, this._getColumnWidth(0, this.columnWidths), this._getColumnWidth(1, this.columnWidths), this._getColumnWidth(2, this.columnWidths), this._getColumnWidth(3, this.columnWidths), this._getColumnWidth(4, this.columnWidths), this._getColumnWidth(5, this.columnWidths));
+        return (0, _litElement.html)(_templateObject2_322498e0243411ea86f395335a802507(), this.moveActiveElement, this.moveActiveElement, this.moveActiveElement, this.moveActiveElement, this._getColumnWidth(0, this.columnWidths), this._getColumnWidth(1, this.columnWidths), this._getColumnWidth(2, this.columnWidths), this._getColumnWidth(3, this.columnWidths), this._getColumnWidth(4, this.columnWidths), this._getColumnWidth(5, this.columnWidths));
       }
     }, {
       key: "validateElementSlot",
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 b97995b1556..ecd694c8040 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
@@ -11,20 +11,20 @@ define(["exports", "meta", "../../lit-element/lit-element.js", "../es-global-bri
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_78915b5022d211eaa0764d1a500fd781() {
+  function _templateObject2_32f41de0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject2_78915b5022d211eaa0764d1a500fd781 = function _templateObject2_78915b5022d211eaa0764d1a500fd781() {
+    _templateObject2_32f41de0243411ea86f395335a802507 = function _templateObject2_32f41de0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_78915b5022d211eaa0764d1a500fd781() {
+  function _templateObject_32f41de0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div\n        class=\"h5p-container\"\n        data-content-id=\"wrapper-", "\"\n      ></div>\n    "]);
 
-    _templateObject_78915b5022d211eaa0764d1a500fd781 = function _templateObject_78915b5022d211eaa0764d1a500fd781() {
+    _templateObject_32f41de0243411ea86f395335a802507 = function _templateObject_32f41de0243411ea86f395335a802507() {
       return data;
     };
 
@@ -58,14 +58,14 @@ define(["exports", "meta", "../../lit-element/lit-element.js", "../es-global-bri
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_78915b5022d211eaa0764d1a500fd781(), this.contentId);
+        return (0, _litElement.html)(_templateObject_32f41de0243411ea86f395335a802507(), this.contentId);
       } // haxProperty definition
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_78915b5022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_32f41de0243411ea86f395335a802507())];
       }
     }, {
       key: "haxProperties",
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 e48c68ba06f..8daa6fed3d4 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
@@ -11,20 +11,20 @@ define(["exports", "meta", "../../lit-element/lit-element.js", "../es-global-bri
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_7d3e68a022d211eaa0764d1a500fd781() {
+  function _templateObject2_381326e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject2_7d3e68a022d211eaa0764d1a500fd781 = function _templateObject2_7d3e68a022d211eaa0764d1a500fd781() {
+    _templateObject2_381326e0243411ea86f395335a802507 = function _templateObject2_381326e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7d3e68a022d211eaa0764d1a500fd781() {
+  function _templateObject_381326e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <slot></slot>\n    "]);
 
-    _templateObject_7d3e68a022d211eaa0764d1a500fd781 = function _templateObject_7d3e68a022d211eaa0764d1a500fd781() {
+    _templateObject_381326e0243411ea86f395335a802507 = function _templateObject_381326e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -47,7 +47,7 @@ define(["exports", "meta", "../../lit-element/lit-element.js", "../es-global-bri
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_7d3e68a022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_381326e0243411ea86f395335a802507());
       } // properties available to the custom element for data binding
 
     }, {
@@ -64,7 +64,7 @@ define(["exports", "meta", "../../lit-element/lit-element.js", "../es-global-bri
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_7d3e68a022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_381326e0243411ea86f395335a802507())];
       }
     }, {
       key: "properties",
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 5729bd68777..078ceeceb04 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/hax-body.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/hax-body.js
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-col
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_7971822022d211eaa0764d1a500fd781() {
+  function _templateObject2_33e89000243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"bodycontainer\" class=\"ignore-activation\">\n        <slot id=\"body\"></slot>\n      </div>\n      <hax-text-context\n        id=\"textcontextmenu\"\n        class=\"hax-context-menu ignore-activation\"\n      ></hax-text-context>\n      <hax-ce-context\n        id=\"cecontextmenu\"\n        class=\"hax-context-menu ignore-activation\"\n      ></hax-ce-context>\n      <hax-plate-context\n        id=\"platecontextmenu\"\n        class=\"hax-context-menu ignore-activation\"\n      ></hax-plate-context>\n      <hax-input-mixer\n        id=\"haxinputmixer\"\n        class=\"hax-context-menu ignore-activation\"\n      ></hax-input-mixer>\n    "]);
 
-    _templateObject2_7971822022d211eaa0764d1a500fd781 = function _templateObject2_7971822022d211eaa0764d1a500fd781() {
+    _templateObject2_33e89000243411ea86f395335a802507 = function _templateObject2_33e89000243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7971822022d211eaa0764d1a500fd781() {
+  function _templateObject_33e89000243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\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        :host {\n          display: block;\n          position: relative;\n          min-height: 32px;\n          min-width: 32px;\n          outline: none;\n          --hax-body-editable-border-color: #bbbbbb;\n          --hax-body-active-border-color: #000000;\n          --hax-body-target-background-color: var(\n            --simple-colors-default-theme-blue-1\n          );\n          --hax-body-possible-target-background-color: transparent;\n        }\n        .hax-context-menu {\n          padding: 0;\n          margin-left: -5000px;\n          position: absolute;\n          visibility: hidden;\n          opacity: 0;\n          z-index: 1000;\n          float: left;\n          display: block;\n          pointer-events: none;\n          transition: 0.2s opacity ease-in-out, 0.2s visibility ease-in-out;\n        }\n        #textcontextmenu.hax-context-menu {\n          z-index: 1001;\n        }\n        #haxinputmixer {\n          z-index: 10000000;\n        }\n        .hax-context-visible.hax-active-hover {\n          visibility: visible;\n          opacity: 1;\n          pointer-events: all;\n          margin-left: unset;\n        }\n        :host #bodycontainer ::slotted(h1) {\n          font-size: var(--hax-base-styles-h1-font-size, 2.5em);\n          line-height: var(--hax-base-styles-h1-line-height, 2.5em);\n        }\n        :host #bodycontainer ::slotted(h2) {\n          font-size: var(--hax-base-styles-h2-font-size, 2em);\n        }\n        :host #bodycontainer ::slotted(h3) {\n          font-size: var(--hax-base-styles-h3-font-size, 1.75em);\n        }\n        :host #bodycontainer ::slotted(h4) {\n          font-size: var(--hax-base-styles-h4-font-size, 1.5em);\n        }\n        :host #bodycontainer ::slotted(h5) {\n          font-size: var(--hax-base-styles-h5-font-size, 1.25em);\n        }\n        :host #bodycontainer ::slotted(h6) {\n          font-size: var(--hax-base-styles-h6-font-size, 1.25em);\n        }\n        :host #bodycontainer ::slotted(p) {\n          min-height: var(--hax-base-styles-p-min-height, 43px);\n          font-size: var(--hax-base-styles-p-font-size, 24px);\n          line-height: var(--hax-base-styles-p-line-height, 1.8);\n          letter-spacing: var(--hax-base-styles-p-letter-spacing, 0.5px);\n        }\n        :host #bodycontainer ::slotted(a) {\n          color: var(--hax-base-styles-a-color, #000);\n          font-size: var(--hax-base-styles-a-font-size, 24px);\n          font-weight: var(--hax-base-styles-a-font-weight, normal);\n        }\n        :host #bodycontainer ::slotted(a:visited) {\n          color: var(--hax-base-styles-a-color-visited, #2196f3);\n        }\n        :host #bodycontainer ::slotted(a:active),\n        :host #bodycontainer ::slotted(a:focus),\n        :host #bodycontainer ::slotted(a:hover) {\n          color: var(--hax-base-styles-a-color-active, #2196f3);\n          font-weight: var(--hax-base-styles-a-font-weight-active, normal);\n        }\n        :host #bodycontainer ::slotted(ol),\n        :host #bodycontainer ::slotted(ul),\n        :host #bodycontainer ::slotted(li) {\n          padding-bottom: var(--hax-base-styles-list-padding-bottom, 1.5em);\n          line-height: var(--hax-base-styles-list-line-height, 40px);\n          font-size: var(--hax-base-styles-list-font-size, 24px);\n          max-width: var(--hax-base-styles-list-max-width, 28em);\n        }\n        :host #bodycontainer ::slotted(ol > li:last-child),\n        :host #bodycontainer ::slotted(ul > li:last-child) {\n          padding-bottom: var(\n            --hax-base-styles-list-last-child-padding-bottom,\n            1em\n          );\n        }\n        :host #bodycontainer ::slotted(ul),\n        :host #bodycontainer ::slotted(ol) {\n          padding-left: var(--hax-base-styles-list-padding-left, 20px);\n          padding-left: var(--hax-base-styles-list-margin-left, 20px);\n        }\n\n        :host([edit-mode]) #bodycontainer ::slotted(*[data-editable]) {\n          outline: none;\n          caret-color: var(--hax-color-text);\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*:not(grid-plate)[data-editable]:hover) {\n          outline: 2px dashed rgba(145, 151, 162, 0.5);\n          caret-color: #000000;\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*.hax-active[data-editable]:hover) {\n          cursor: text !important;\n          outline: 2px dashed rgba(145, 151, 162, 0.5);\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*:not(grid-plate)[data-editable] .hax-active:hover) {\n          cursor: text !important;\n          outline: 2px dashed rgba(145, 151, 162, 0.5);\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(code.hax-active[data-editable]) {\n          display: block;\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*.hax-active[data-editable]) {\n          outline: 2px dashed rgba(145, 151, 162, 0.25);\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(hr[data-editable]) {\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(*[data-editable]) {\n          -webkit-user-select: text;\n          cursor: pointer;\n        }\n\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*[data-editable]::-moz-selection),\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*[data-editable] *::-moz-selection) {\n          background-color: var(--hax-body-highlight, --paper-yellow-300);\n          color: black;\n        }\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*[data-editable]::selection),\n        :host([edit-mode])\n          #bodycontainer\n          ::slotted(*[data-editable] *::selection) {\n          background-color: var(--hax-body-highlight, --paper-yellow-300);\n          color: black;\n        }\n        #bodycontainer {\n          -webkit-user-select: text;\n          user-select: text;\n        }\n        :host([edit-mode][hax-ray-mode])\n          #bodycontainer\n          ::slotted(*[data-editable]):before {\n          content: attr(data-hax-ray) \" \" attr(resource) \" \" attr(typeof) \" \"\n            attr(property) \" \" attr(content);\n          font-size: 10px;\n          font-style: italic;\n          left: unset;\n          right: unset;\n          top: unset;\n          background-color: #d3d3d3;\n          color: #000000;\n          bottom: unset;\n          width: auto;\n          padding: 8px;\n          margin: 0;\n          z-index: 1;\n          margin: -16px 0 0 0;\n          float: right;\n          line-height: 2;\n        }\n        /* drag and drop */\n        :host([edit-mode]) #bodycontainer ::slotted(.mover) {\n          outline: 2px dashed var(--hax-body-editable-border-color);\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(.mover) {\n          background-color: var(--hax-body-possible-target-background-color);\n          padding: 16px;\n        }\n        :host([edit-mode]) #bodycontainer ::slotted(.hovered) {\n          background-color: var(--hax-body-target-background-color) !important;\n          outline: dashed 2px var(--hax-body-active-border-color);\n          z-index: 2;\n        }\n        .hax-context-menu:not(:defined) {\n          display: none;\n        }\n      "]);
 
-    _templateObject_7971822022d211eaa0764d1a500fd781 = function _templateObject_7971822022d211eaa0764d1a500fd781() {
+    _templateObject_33e89000243411ea86f395335a802507 = function _templateObject_33e89000243411ea86f395335a802507() {
       return data;
     };
 
@@ -51,7 +51,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-col
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxBody), "styles", this)), [(0, _litElement.css)(_templateObject_7971822022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxBody), "styles", this)), [(0, _litElement.css)(_templateObject_33e89000243411ea86f395335a802507())]);
       }
       /**
        * HTMLElement
@@ -111,7 +111,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-col
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_7971822022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject2_33e89000243411ea86f395335a802507());
       }
       /**
        * LitElement / popular convention
@@ -1543,13 +1543,35 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-col
           this.setAttribute("tabindex", "-1");
 
           if (newValue) {
-            if (this.children && this.children[0] && this.children[0].focus) {
-              this.activeNode = this.children[0];
-              this.activeContainerNode = this.activeNode;
-              window.HaxStore.write("activeNode", this.children[0], this);
-              window.HaxStore.write("activeContainerNode", this.children[0], this);
-              setTimeout(function () {
-                if (window.HaxStore.instance.isTextElement(_this11.activeNode)) {
+            // minor timeout here to see if we have children or not. the slight delay helps w/
+            // timing in scenarios where this is inside of other systems which are setting default
+            // attributes and what not
+            setTimeout(function () {
+              if (_this11.children && _this11.children[0] && _this11.children[0].focus) {
+                _this11.activeNode = _this11.children[0];
+                _this11.activeContainerNode = _this11.activeNode;
+                window.HaxStore.write("activeNode", _this11.children[0], _this11);
+                window.HaxStore.write("activeContainerNode", _this11.children[0], _this11);
+                setTimeout(function () {
+                  if (window.HaxStore.instance.isTextElement(_this11.activeNode)) {
+                    try {
+                      var range = document.createRange();
+                      var sel = window.HaxStore.getSelection();
+                      range.setStart(_this11.activeNode, 0);
+                      range.collapse(true);
+                      sel.removeAllRanges();
+                      sel.addRange(range);
+
+                      _this11.activeNode.focus();
+                    } catch (e) {
+                      console.warn(e);
+                    }
+                  }
+                }, 0);
+              } else {
+                _this11.haxInsert("p", "", {}, false);
+
+                setTimeout(function () {
                   try {
                     var range = document.createRange();
                     var sel = window.HaxStore.getSelection();
@@ -1562,25 +1584,9 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-col
                   } catch (e) {
                     console.warn(e);
                   }
-                }
-              }, 0);
-            } else {
-              this.haxInsert("p", "", {}, false);
-              setTimeout(function () {
-                try {
-                  var range = document.createRange();
-                  var sel = window.HaxStore.getSelection();
-                  range.setStart(_this11.activeNode, 0);
-                  range.collapse(true);
-                  sel.removeAllRanges();
-                  sel.addRange(range);
-
-                  _this11.activeNode.focus();
-                } catch (e) {
-                  console.warn(e);
-                }
-              }, 0);
-            }
+                }, 0);
+              }
+            }, 100);
           }
         } // hide menus when state changes
 
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-browser-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-browser-item.js
index 51e579b488d..e49d9b5008d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-browser-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-browser-item.js
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
   _exports.HAXAppBrowserItem = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_9114afb022d211eaa0764d1a500fd781() {
+  function _templateObject2_4bd597d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          max-width: 90px;\n        }\n        paper-button {\n          color: var(--hax-color-text);\n          text-transform: none;\n          background-color: var(--hax-color-bg-accent);\n          min-width: unset;\n          cursor: pointer;\n          display: flex;\n          width: 80px;\n          padding: 5px;\n          margin: 5px;\n          color: #ffffff;\n          border-radius: 0;\n          transition: box-shadow 0.3s;\n        }\n        paper-button:hover,\n        paper-button:focus {\n          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14),\n            0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 6px 2px -4px rgba(0, 0, 0, 0.2);\n        }\n        paper-button:active {\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        }\n        paper-button iron-icon {\n          height: 32px;\n          width: 32px;\n          color: var(--simple-colors-default-theme-grey-1);\n          display: inline-block;\n        }\n        .item-title {\n          margin-top: 8px;\n          color: var(--hax-color-text);\n          width: 100%;\n          white-space: nowrap;\n          overflow: hidden;\n          text-overflow: ellipsis;\n          font-size: 12px;\n          line-height: 12px;\n          height: 12px;\n          text-align: center;\n        }\n        .button-inner {\n          display: flex;\n        }\n        .flip-icon {\n          transform: rotateY(180deg);\n        }\n      "]);
 
-    _templateObject2_9114afb022d211eaa0764d1a500fd781 = function _templateObject2_9114afb022d211eaa0764d1a500fd781() {
+    _templateObject2_4bd597d0243411ea86f395335a802507 = function _templateObject2_4bd597d0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9114afb022d211eaa0764d1a500fd781() {
+  function _templateObject_4bd597d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-button\n        @click=\"", "\"\n        .data-voicecommand=\"select ", "\"\n        title=\"", "\"\n      >\n        <hax-item-button-inner\n          color=\"", "\"\n          icon=\"", "\"\n          label=\"", "\"\n        >\n        </hax-item-button-inner>\n      </paper-button>\n    "]);
 
-    _templateObject_9114afb022d211eaa0764d1a500fd781 = function _templateObject_9114afb022d211eaa0764d1a500fd781() {
+    _templateObject_4bd597d0243411ea86f395335a802507 = function _templateObject_4bd597d0243411ea86f395335a802507() {
       return data;
     };
 
@@ -131,7 +131,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
     babelHelpers.createClass(HAXAppBrowserItem, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9114afb022d211eaa0764d1a500fd781(), this._fireEvent, this.title, this.title, this.color, this.icon, this.title);
+        return (0, _litElement.html)(_templateObject_4bd597d0243411ea86f395335a802507(), this._fireEvent, this.title, this.title, this.color, this.icon, this.title);
       }
       /**
        * Fire an event that includes the eventName of what was just pressed.
@@ -150,7 +150,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9114afb022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4bd597d0243411ea86f395335a802507())];
       }
     }]);
     return HAXAppBrowserItem;
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 a8edd2b3ca5..e68ea29b6c7 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,30 +7,30 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../graf
   _exports.HaxAppBrowser = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject3_911a06e022d211eaa0764d1a500fd781() {
+  function _templateObject3_4bf750a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n          <hax-app-browser-item\n            index=\"", "\"\n            title=\"", "\"\n            icon=\"", "\"\n            image=\"", "\"\n            color=\"", "\"\n            meta=\"", "\"\n            groups=\"", "\"\n            handles=\"", "\"\n            description=\"", "\"\n            rating=\"", "\"\n            tags=\"", "\"\n          ></hax-app-browser-item>\n        "]);
 
-    _templateObject3_911a06e022d211eaa0764d1a500fd781 = function _templateObject3_911a06e022d211eaa0764d1a500fd781() {
+    _templateObject3_4bf750a0243411ea86f395335a802507 = function _templateObject3_4bf750a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_911a06e022d211eaa0764d1a500fd781() {
+  function _templateObject2_4bf750a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <h3 class=\"title\"><iron-icon icon=\"search\"></iron-icon> ", "</h3>\n      <div class=\"toolbar-inner\">\n        <dropdown-select\n          id=\"filtertype\"\n          label=\"Filter by\"\n          value=\"details.title\"\n          @change=\"", "\"\n        >\n          <paper-item value=\"details.title\">Title</paper-item>\n        </dropdown-select>\n        <paper-input\n          label=\"Filter\"\n          id=\"inputfilter\"\n          @value-changed=\"", "\"\n          aria-controls=\"filter\"\n          value=\"\"\n          always-float-label=\"\"\n        ></paper-input>\n      </div>\n      <grafitto-filter\n        id=\"filter\"\n        .items=\"", "\"\n        like=\"\"\n        @filtered-changed=\"", "\"\n        where=\"details.title\"\n        ><template></template\n      ></grafitto-filter>\n      ", "\n      <hax-app-search\n        id=\"haxappsearch\"\n        .hidden=\"", "\"\n      ></hax-app-search>\n      <slot></slot>\n    "]);
 
-    _templateObject2_911a06e022d211eaa0764d1a500fd781 = function _templateObject2_911a06e022d211eaa0764d1a500fd781() {
+    _templateObject2_4bf750a0243411ea86f395335a802507 = function _templateObject2_4bf750a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_911a06e022d211eaa0764d1a500fd781() {
+  function _templateObject_4bf750a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host *[hidden] {\n          display: none;\n        }\n        hax-app-browser-item {\n          margin: 8px;\n          -webkit-transition: 0.3s all linear;\n          transition: 0.3s all linear;\n          display: inline-flex;\n        }\n        .title {\n          position: relative;\n          padding: 16px;\n          outline: 0;\n          font-weight: 600;\n          text-align: left;\n          margin: 0;\n          background-color: var(--hax-color-menu-heading-bg);\n          font-size: 18px;\n          line-height: 18px;\n          font-family: \"Noto Serif\", serif;\n          color: var(--hax-color-menu-heading-color);\n        }\n        grafitto-filter {\n          color: black;\n        }\n        .toolbar-inner {\n          display: inline-flex;\n          padding: 0 16px;\n        }\n      "]);
 
-    _templateObject_911a06e022d211eaa0764d1a500fd781 = function _templateObject_911a06e022d211eaa0764d1a500fd781() {
+    _templateObject_4bf750a0243411ea86f395335a802507 = function _templateObject_4bf750a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -53,7 +53,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../graf
     babelHelpers.createClass(HaxAppBrowser, null, [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_911a06e022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4bf750a0243411ea86f395335a802507())];
       }
     }]);
 
@@ -93,8 +93,8 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../graf
     babelHelpers.createClass(HaxAppBrowser, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_911a06e022d211eaa0764d1a500fd781(), this.title, this.filtertypeChange, this.inputfilterChanged, this.appList, this.filteredChanged, this.filtered.map(function (app) {
-          return (0, _litElement.html)(_templateObject3_911a06e022d211eaa0764d1a500fd781(), app.index, app.details.title, app.details.icon, app.details.tag, app.details.color, app.details.meta, app.details.groups, app.details.handles, app.details.description, app.details.rating, app.details.tags);
+        return (0, _litElement.html)(_templateObject2_4bf750a0243411ea86f395335a802507(), this.title, this.filtertypeChange, this.inputfilterChanged, this.appList, this.filteredChanged, this.filtered.map(function (app) {
+          return (0, _litElement.html)(_templateObject3_4bf750a0243411ea86f395335a802507(), app.index, app.details.title, app.details.icon, app.details.tag, app.details.color, app.details.meta, app.details.groups, app.details.handles, app.details.description, app.details.rating, app.details.tags);
         }), !this.searching);
       }
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-picker-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-picker-item.js
index 8816aca0fbb..88f1aa892dd 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-picker-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app-picker-item.js
@@ -6,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pap
   });
   _exports.HaxAppPickerItem = void 0;
 
-  function _templateObject2_9122e08022d211eaa0764d1a500fd781() {
+  function _templateObject2_4bf8d740243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          max-width: 90px;\n        }\n        paper-button {\n          color: black;\n          text-transform: none;\n          min-width: unset;\n          cursor: pointer;\n          width: 80px;\n          padding: 5px;\n          margin: 5px;\n          --paper-button-ink-color: var(--hax-ink-color, black);\n          -webkit-transition: box-shadow 0.3s;\n          -moz-transition: box-shadow 0.3s;\n          -ms-transition: box-shadow 0.3s;\n          -o-transition: box-shadow 0.3s;\n          transition: box-shadow 0.3s;\n        }\n        paper-button:hover,\n        paper-button:focus {\n          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14),\n            0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 6px 2px -4px rgba(0, 0, 0, 0.2);\n        }\n        paper-button:active {\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        }\n      "]);
 
-    _templateObject2_9122e08022d211eaa0764d1a500fd781 = function _templateObject2_9122e08022d211eaa0764d1a500fd781() {
+    _templateObject2_4bf8d740243411ea86f395335a802507 = function _templateObject2_4bf8d740243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9122e08022d211eaa0764d1a500fd781() {
+  function _templateObject_4bf8d740243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-button class=\"icon\">\n        <hax-item-button-inner\n          color=\"", "\"\n          icon=\"", "\"\n          label=\"", "\"\n        >\n        </hax-item-button-inner>\n      </paper-button>\n    "]);
 
-    _templateObject_9122e08022d211eaa0764d1a500fd781 = function _templateObject_9122e08022d211eaa0764d1a500fd781() {
+    _templateObject_4bf8d740243411ea86f395335a802507 = function _templateObject_4bf8d740243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,12 +45,12 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pap
     babelHelpers.createClass(HaxAppPickerItem, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9122e08022d211eaa0764d1a500fd781(), this.color, this.icon, this.label);
+        return (0, _litElement.html)(_templateObject_4bf8d740243411ea86f395335a802507(), this.color, this.icon, this.label);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9122e08022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4bf8d740243411ea86f395335a802507())];
       }
     }, {
       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 3886470bd52..3571e01aada 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
@@ -7,30 +7,30 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../../@
   _exports.HaxAppPicker = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject3_9120bda022d211eaa0764d1a500fd781() {
+  function _templateObject3_4c05f6a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <div class=\"repeat-item\">\n                  <hax-app-picker-item\n                    id=\"picker-item-", "\"\n                    class=\"element-button\"\n                    @click=\"", "\"\n                    data-selected=\"", "\"\n                    label=\"", "\"\n                    icon=\"", "\"\n                    color=\"", "\"\n                  ></hax-app-picker-item>\n                </div>\n              "]);
 
-    _templateObject3_9120bda022d211eaa0764d1a500fd781 = function _templateObject3_9120bda022d211eaa0764d1a500fd781() {
+    _templateObject3_4c05f6a0243411ea86f395335a802507 = function _templateObject3_4c05f6a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_9120bda022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c05f6a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          #dialog {\n            @apply --hax-app-picker-dialog;\n          }\n          #title {\n            @apply --paper-font-title;\n            @apply --hax-app-picker-dialog-title;\n          }\n        </style>\n      </custom-style>\n      <paper-dialog id=\"dialog\" ?opened=\"", "\">\n        <h3 id=\"title\">", "</h3>\n        <div id=\"buttonlist\">\n          <div class=\"scroll-wrap\">\n            ", "\n          </div>\n        </div>\n        <paper-button id=\"closedialog\" @click=\"", "\">\n          <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n        </paper-button>\n      </paper-dialog>\n    "]);
 
-    _templateObject2_9120bda022d211eaa0764d1a500fd781 = function _templateObject2_9120bda022d211eaa0764d1a500fd781() {
+    _templateObject2_4c05f6a0243411ea86f395335a802507 = function _templateObject2_4c05f6a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9120bda022d211eaa0764d1a500fd781() {
+  function _templateObject_4c05f6a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        iron-icon:not(:defined),\n        paper-button:not(:defined),\n        paper-dialog:not(:defined) {\n          display: none;\n        }\n        hax-app-picker-item {\n          -webkit-transition: 0.3s all linear;\n          transition: 0.3s all linear;\n          display: inline-flex;\n        }\n        #closedialog {\n          float: right;\n          top: 15px;\n          right: 0;\n          position: absolute;\n          padding: 8px;\n          margin: 0;\n          background-color: var(--hax-color-menu-heading-bg, #eeeeee);\n          color: var(--hax-color-menu-heading-color, black);\n          background-color: transparent;\n          width: 40px;\n          height: 40px;\n          min-width: unset;\n        }\n        .repeat-item {\n          display: inline-flex;\n        }\n        .scroll-wrap {\n          display: flex;\n          justify-content: space-evenly;\n          flex-wrap: wrap;\n        }\n        #dialog {\n          min-width: 400px;\n          min-height: 200px;\n          max-height: 60vh;\n          max-width: 50vw;\n          overflow: hidden;\n          border-radius: 16px;\n          z-index: 1000000;\n          border: 2px solid var(--hax-color-border-outline);\n          background-color: #ffffff;\n          overflow: scroll;\n        }\n        #buttonlist {\n          display: block;\n          text-align: left;\n          margin: 0px;\n          max-width: 50vw;\n          min-height: 100px;\n          overflow-x: hidden;\n          overflow-y: auto;\n        }\n        #title,\n        .element-button > div {\n          color: var(--hax-color-menu-heading-color, black);\n        }\n        #title {\n          padding: 16px;\n          border-bottom: 2px solid var(--hax-color-border-outline);\n          margin: 0;\n          width: calc(100% - 32px);\n          background-color: var(--hax-color-menu-heading-bg, #eeeeee);\n          color: var(--hax-color-menu-heading-color, black);\n        }\n        .element-button {\n          display: inline-block;\n          text-align: center;\n          width: 96px;\n          margin: 5px 0px;\n          padding: 0;\n        }\n      "]);
 
-    _templateObject_9120bda022d211eaa0764d1a500fd781 = function _templateObject_9120bda022d211eaa0764d1a500fd781() {
+    _templateObject_4c05f6a0243411ea86f395335a802507 = function _templateObject_4c05f6a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -56,7 +56,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../../@
     babelHelpers.createClass(HaxAppPicker, null, [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9120bda022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4c05f6a0243411ea86f395335a802507())];
       }
     }]);
 
@@ -98,8 +98,8 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../../@
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject2_9120bda022d211eaa0764d1a500fd781(), this.opened, this.title, this.selectionList.map(function (element, index) {
-          return (0, _litElement.html)(_templateObject3_9120bda022d211eaa0764d1a500fd781(), index, _this2._selected, index, element.title, element.icon, element.color);
+        return (0, _litElement.html)(_templateObject2_4c05f6a0243411ea86f395335a802507(), this.opened, this.title, this.selectionList.map(function (element, index) {
+          return (0, _litElement.html)(_templateObject3_4c05f6a0243411ea86f395335a802507(), index, _this2._selected, index, element.title, element.icon, element.color);
         }), this.closeEvent);
       }
     }, {
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 d6bed7f10a6..4672cc5b6f9 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../eco-
   _exports.HaxAppSearchInputs = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_91259fa022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c084090243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"search-label\">Search ", "</div>\n      <eco-json-schema-object\n        id=\"form\"\n        .schema=\"", "\"\n        @value-changed=\"", "\"\n      ></eco-json-schema-object>\n    "]);
 
-    _templateObject2_91259fa022d211eaa0764d1a500fd781 = function _templateObject2_91259fa022d211eaa0764d1a500fd781() {
+    _templateObject2_4c084090243411ea86f395335a802507 = function _templateObject2_4c084090243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_91259fa022d211eaa0764d1a500fd781() {
+  function _templateObject_4c084090243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        eco-json-schema-object {\n          color: var(--hax-color-text);\n        }\n        .search-label {\n          font-size: 24px;\n          color: var(--hax-color-text);\n          font-weight: bold;\n          margin: 0;\n          padding: 0;\n        }\n      "]);
 
-    _templateObject_91259fa022d211eaa0764d1a500fd781 = function _templateObject_91259fa022d211eaa0764d1a500fd781() {
+    _templateObject_4c084090243411ea86f395335a802507 = function _templateObject_4c084090243411ea86f395335a802507() {
       return data;
     };
 
@@ -49,7 +49,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../eco-
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_91259fa022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4c084090243411ea86f395335a802507())];
       }
     }]);
 
@@ -71,7 +71,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../eco-
     babelHelpers.createClass(HaxAppSearchInputs, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_91259fa022d211eaa0764d1a500fd781(), this.label, this.schema, this.searchValuesChanged);
+        return (0, _litElement.html)(_templateObject2_4c084090243411ea86f395335a802507(), this.label, this.schema, this.searchValuesChanged);
       }
     }, {
       key: "searchValuesChanged",
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 69d0a380873..55cb776b101 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
   _exports.HaxAppSearchResult = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_9129703022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c0bc300243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          width: 45%;\n          background-color: var(--hax-color-bg-accent);\n          color: var(--hax-color-text);\n        }\n        paper-button.button {\n          margin: 0;\n          padding: 7px;\n          height: 168px;\n          border-radius: 0;\n          width: 100%;\n          border: 1px solid var(--hax-color-border-outline);\n          justify-content: flex-start;\n          background-image: none;\n          text-align: unset;\n          display: flex;\n        }\n        paper-button:hover,\n        paper-button:focus,\n        paper-button:active {\n          outline: 2px solid var(--hax-color-bg-accent1);\n        }\n        .detail-wrapper {\n          padding: 0 8px;\n          display: inline-block;\n          height: 100%;\n          width: calc(80% - 16px);\n          overflow: hidden;\n          font-family: \"Noto Serif\", serif;\n        }\n        .title {\n          font-size: 16px;\n          font-weight: bold;\n          text-transform: none;\n          padding-bottom: 4px;\n        }\n        .details {\n          height: 100px;\n          overflow: hidden;\n          font-size: 12px;\n          line-height: 16px;\n          padding: 0;\n          margin: 0;\n          text-transform: none;\n        }\n        .image {\n          display: inline-flex;\n          height: 152px;\n          width: 20%;\n          background-color: lightgray;\n        }\n        @media screen and (max-width: 1000px) {\n          :host {\n            width: 100%;\n          }\n          .title {\n            font-size: 12px;\n          }\n          .image {\n            min-width: 160px;\n            width: 160px;\n          }\n          .details {\n            font-size: 10px;\n          }\n        }\n        @media screen and (max-width: 600px) {\n          .details {\n            font-size: 8px;\n          }\n        }\n      "]);
 
-    _templateObject2_9129703022d211eaa0764d1a500fd781 = function _templateObject2_9129703022d211eaa0764d1a500fd781() {
+    _templateObject2_4c0bc300243411ea86f395335a802507 = function _templateObject2_4c0bc300243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9129703022d211eaa0764d1a500fd781() {
+  function _templateObject_4c0bc300243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-button @click=\"", "\" class=\"button\">\n        <iron-image\n          alt=\"\"\n          class=\"image\"\n          src=\"", "\"\n          preload=\"\"\n          fade=\"\"\n          sizing=\"cover\"\n        ></iron-image>\n        <div class=\"detail-wrapper\">\n          <div class=\"title\">", "</div>\n          <div class=\"details\">", "</div>\n        </div>\n      </paper-button>\n    "]);
 
-    _templateObject_9129703022d211eaa0764d1a500fd781 = function _templateObject_9129703022d211eaa0764d1a500fd781() {
+    _templateObject_4c0bc300243411ea86f395335a802507 = function _templateObject_4c0bc300243411ea86f395335a802507() {
       return data;
     };
 
@@ -57,7 +57,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
     babelHelpers.createClass(HaxAppSearchResult, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9129703022d211eaa0764d1a500fd781(), this._itemSelected, this.image, this.title, this.details);
+        return (0, _litElement.html)(_templateObject_4c0bc300243411ea86f395335a802507(), this._itemSelected, this.image, this.title, this.details);
       }
     }, {
       key: "_itemSelected",
@@ -91,7 +91,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9129703022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4c0bc300243411ea86f395335a802507())];
       }
     }, {
       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 61da9f8d310..e4b5b03aafd 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
@@ -11,30 +11,30 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject3_9137a10022d211eaa0764d1a500fd781() {
+  function _templateObject3_4c167160243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <hax-app-search-result\n              image=\"", "\"\n              title=\"", "\"\n              details=\"", "\"\n              .map=\"", "\"\n              type=\"", "\"\n            ></hax-app-search-result>\n          "]);
 
-    _templateObject3_9137a10022d211eaa0764d1a500fd781 = function _templateObject3_9137a10022d211eaa0764d1a500fd781() {
+    _templateObject3_4c167160243411ea86f395335a802507 = function _templateObject3_4c167160243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_9137a10022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c167160243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          paper-card {\n            --paper-card-header: {\n              max-height: 160px;\n            }\n          }\n        </style>\n      </custom-style>\n      <iron-ajax\n        id=\"request\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n        @loading-changed=\"", "\"\n        debounce-duration=\"200\"\n      ></iron-ajax>\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      <div id=\"itemlist\">\n        ", "\n      </div>\n    "]);
 
-    _templateObject2_9137a10022d211eaa0764d1a500fd781 = function _templateObject2_9137a10022d211eaa0764d1a500fd781() {
+    _templateObject2_4c167160243411ea86f395335a802507 = function _templateObject2_4c167160243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9137a10022d211eaa0764d1a500fd781() {
+  function _templateObject_4c167160243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        paper-button.item-wrapper {\n          margin: 0;\n          padding: 0;\n        }\n        paper-card {\n          padding: 0;\n          margin: 8px;\n          width: 240px;\n          font-size: 12px;\n        }\n        @media screen and (min-width: 800px) {\n          paper-card {\n            font-size: 14px;\n          }\n        }\n        hexagon-loader {\n          display: none;\n          justify-content: center;\n          width: 100%;\n          z-index: 1000;\n          position: absolute;\n          --hexagon-color: var(--hax-color-bg-accent, #0085ba);\n        }\n        hexagon-loader[loading] {\n          display: block;\n          opacity: 0.8;\n        }\n        .card-content {\n          padding: 16px;\n        }\n        .card-content p {\n          padding: 0;\n          margin: 0;\n        }\n        #itemlist {\n          min-height: 172px;\n          border: 1px solid #222222;\n        }\n        hax-app-search-inputs {\n          min-height: 150px;\n          padding: 0 16px;\n        }\n        hax-app-pagination {\n          min-height: 32px;\n          font-size: 12.8px;\n          display: none;\n          justify-content: flex-end;\n          justify-content: center;\n        }\n      "]);
 
-    _templateObject_9137a10022d211eaa0764d1a500fd781 = function _templateObject_9137a10022d211eaa0764d1a500fd781() {
+    _templateObject_4c167160243411ea86f395335a802507 = function _templateObject_4c167160243411ea86f395335a802507() {
       return data;
     };
 
@@ -61,7 +61,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxAppSearch), "styles", this)), [(0, _litElement.css)(_templateObject_9137a10022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxAppSearch), "styles", this)), [(0, _litElement.css)(_templateObject_4c167160243411ea86f395335a802507())]);
       }
     }]);
 
@@ -109,8 +109,8 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
     babelHelpers.createClass(HaxAppSearch, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9137a10022d211eaa0764d1a500fd781(), this.requestDataChanged, this._loadingChanged, this.label, this.searchSchema, this._searchValuesChanged, this.requestData, this.pagination, this.loading, this.media.map(function (resultData) {
-          return (0, _litElement.html)(_templateObject3_9137a10022d211eaa0764d1a500fd781(), resultData.image, resultData.title, resultData.details, resultData.map, resultData.type);
+        return (0, _litElement.html)(_templateObject2_4c167160243411ea86f395335a802507(), this.requestDataChanged, this._loadingChanged, this.label, this.searchSchema, this._searchValuesChanged, this.requestData, this.pagination, this.loading, this.media.map(function (resultData) {
+          return (0, _litElement.html)(_templateObject3_4c167160243411ea86f395335a802507(), resultData.image, resultData.title, resultData.details, resultData.map, resultData.type);
         }));
       }
     }, {
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 259c79a9b11..c4b133f91b9 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
@@ -12,20 +12,20 @@ define(["exports", "meta", "require", "../../../lit-element/lit-element.js", "..
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_9141650022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c1eaec0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n      "]);
 
-    _templateObject2_9141650022d211eaa0764d1a500fd781 = function _templateObject2_9141650022d211eaa0764d1a500fd781() {
+    _templateObject2_4c1eaec0243411ea86f395335a802507 = function _templateObject2_4c1eaec0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9141650022d211eaa0764d1a500fd781() {
+  function _templateObject_4c1eaec0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <slot></slot>\n    "]);
 
-    _templateObject_9141650022d211eaa0764d1a500fd781 = function _templateObject_9141650022d211eaa0764d1a500fd781() {
+    _templateObject_4c1eaec0243411ea86f395335a802507 = function _templateObject_4c1eaec0243411ea86f395335a802507() {
       return data;
     };
 
@@ -47,7 +47,7 @@ define(["exports", "meta", "require", "../../../lit-element/lit-element.js", "..
     babelHelpers.createClass(HaxAutoloader, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9141650022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_4c1eaec0243411ea86f395335a802507());
       }
     }, {
       key: "pathFromUrl",
@@ -62,7 +62,7 @@ define(["exports", "meta", "require", "../../../lit-element/lit-element.js", "..
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9141650022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4c1eaec0243411ea86f395335a802507())];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-blox-browser-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-blox-browser-item.js
index df50385364f..4fb52778cfb 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-blox-browser-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-blox-browser-item.js
@@ -6,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pap
   });
   _exports.HaxBloxBrowserItem = void 0;
 
-  function _templateObject2_9144242022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c211fc0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n        }\n        paper-button {\n          color: black;\n          background-color: #ffffff;\n          border: 2px solid var(--hax-color-border-outline);\n          text-transform: none;\n          margin: 0;\n          height: 80px !important;\n          width: 100%;\n          display: flex;\n          border-radius: 0;\n          min-width: unset;\n          --paper-button-ink-color: var(--hax-ink-color, black);\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          transition: box-shadow 0.3s;\n        }\n        paper-button:hover,\n        paper-button:focus {\n          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14),\n            0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 6px 2px -4px rgba(0, 0, 0, 0.2);\n        }\n        paper-button:active {\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        }\n        paper-button .item-title {\n          font-size: 14px;\n          display: inline-flex;\n        }\n        .flip-icon {\n          transform: rotateY(180deg);\n        }\n        iron-icon {\n          width: 40px;\n          height: 40px;\n          display: inline-block;\n          color: black;\n        }\n        @media screen and (max-width: 550px) {\n          paper-button .item-title {\n            font-size: 12px;\n          }\n        }\n      "]);
 
-    _templateObject2_9144242022d211eaa0764d1a500fd781 = function _templateObject2_9144242022d211eaa0764d1a500fd781() {
+    _templateObject2_4c211fc0243411ea86f395335a802507 = function _templateObject2_4c211fc0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9144242022d211eaa0764d1a500fd781() {
+  function _templateObject_4c211fc0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-button\n        id=\"button\"\n        @click=\"", "\"\n        .data-voicecommand=\"select ", "\"\n      >\n        <div class=\"button-inner\">\n          <iron-icon icon=\"", "\"></iron-icon>\n          <div class=\"item-title\">", "</div>\n        </div>\n      </paper-button>\n    "]);
 
-    _templateObject_9144242022d211eaa0764d1a500fd781 = function _templateObject_9144242022d211eaa0764d1a500fd781() {
+    _templateObject_4c211fc0243411ea86f395335a802507 = function _templateObject_4c211fc0243411ea86f395335a802507() {
       return data;
     };
 
@@ -44,7 +44,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pap
     babelHelpers.createClass(HaxBloxBrowserItem, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9144242022d211eaa0764d1a500fd781(), this._fireEvent, this.title, this.icon, this.title);
+        return (0, _litElement.html)(_templateObject_4c211fc0243411ea86f395335a802507(), this._fireEvent, this.title, this.icon, this.title);
       }
     }, {
       key: "_fireEvent",
@@ -79,7 +79,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pap
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9144242022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4c211fc0243411ea86f395335a802507())];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-blox-browser.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-blox-browser.js
index 6cb51e7e20a..bd4d8d30ebd 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-blox-browser.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-blox-browser.js
@@ -6,30 +6,30 @@ define(["exports", "../../../lit-element/lit-element.js", "./hax-blox-browser-it
   });
   _exports.HaxBloxBrowser = void 0;
 
-  function _templateObject3_9146e34022d211eaa0764d1a500fd781() {
+  function _templateObject3_4c22f480243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n          <div class=\"blox-container\">\n            <hax-blox-browser-item\n              .index=\"", "\"\n              .layout=\"", "\"\n              .title=\"", "\"\n              .tag=\"", "\"\n              .icon=\"", "\"\n              .author=\"", "\"\n              .teaser=\"", "\"\n              .description=\"", "\"\n              .examples=\"", "\"\n              .status=\"", "\"\n              .blox=\"", "\"\n            ></hax-blox-browser-item>\n          </div>\n        "]);
 
-    _templateObject3_9146e34022d211eaa0764d1a500fd781 = function _templateObject3_9146e34022d211eaa0764d1a500fd781() {
+    _templateObject3_4c22f480243411ea86f395335a802507 = function _templateObject3_4c22f480243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_9146e34022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c22f480243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", "\n    "]);
 
-    _templateObject2_9146e34022d211eaa0764d1a500fd781 = function _templateObject2_9146e34022d211eaa0764d1a500fd781() {
+    _templateObject2_4c22f480243411ea86f395335a802507 = function _templateObject2_4c22f480243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9146e34022d211eaa0764d1a500fd781() {
+  function _templateObject_4c22f480243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        hax-blox-browser-item {\n          margin: 10px;\n          -webkit-transition: 0.3s all linear;\n          transition: 0.3s all linear;\n        }\n      "]);
 
-    _templateObject_9146e34022d211eaa0764d1a500fd781 = function _templateObject_9146e34022d211eaa0764d1a500fd781() {
+    _templateObject_4c22f480243411ea86f395335a802507 = function _templateObject_4c22f480243411ea86f395335a802507() {
       return data;
     };
 
@@ -50,7 +50,7 @@ define(["exports", "../../../lit-element/lit-element.js", "./hax-blox-browser-it
     babelHelpers.createClass(HaxBloxBrowser, null, [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9146e34022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4c22f480243411ea86f395335a802507())];
       }
     }]);
 
@@ -66,8 +66,8 @@ define(["exports", "../../../lit-element/lit-element.js", "./hax-blox-browser-it
     babelHelpers.createClass(HaxBloxBrowser, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9146e34022d211eaa0764d1a500fd781(), this.bloxList.map(function (blox) {
-          return (0, _litElement.html)(_templateObject3_9146e34022d211eaa0764d1a500fd781(), blox.index, blox.details.layout, blox.details.title, blox.details.tag, blox.details.icon, blox.details.author, blox.details.teaser, blox.details.description, blox.details.examples, blox.details.status, blox.blox);
+        return (0, _litElement.html)(_templateObject2_4c22f480243411ea86f395335a802507(), this.bloxList.map(function (blox) {
+          return (0, _litElement.html)(_templateObject3_4c22f480243411ea86f395335a802507(), blox.index, blox.details.layout, blox.details.title, blox.details.tag, blox.details.icon, blox.details.author, blox.details.teaser, blox.details.description, blox.details.examples, blox.details.status, blox.blox);
         }));
       }
     }], [{
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-blox-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-blox-picker.js
index 76120fef6e3..ce23a140ad7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-blox-picker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-blox-picker.js
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
   _exports.HaxBloxPicker = _exports.HaxPicker = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_914b01f022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c271330243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        iron-icon:not(:defined),\n        paper-button:not(:defined),\n        app-drawer:not(:defined) {\n          display: none;\n        }\n        #dialog {\n          --app-drawer-width: 320px;\n          z-index: 10000;\n          margin-top: 56px;\n        }\n        #closedialog {\n          float: right;\n          top: 124px;\n          right: 0;\n          position: absolute;\n          padding: 8px;\n          margin: 0;\n          background-color: var(--hax-color-menu-heading-bg, #eeeeee);\n          color: var(--hax-color-menu-heading-color, black);\n          background-color: transparent;\n          width: 40px;\n          height: 40px;\n          min-width: unset;\n        }\n        .title {\n          position: relative;\n          padding: 16px;\n          outline: 0;\n          font-weight: 600;\n          text-align: left;\n          margin: 0;\n          background-color: var(--hax-color-menu-heading-bg, #eeeeee);\n          color: var(--hax-color-menu-heading-color, black);\n          font-size: 18px;\n          line-height: 18px;\n          font-family: \"Noto Serif\", serif;\n        }\n        app-drawer {\n          --app-drawer-width: 320px;\n        }\n        .pref-container {\n          text-align: left;\n          padding: 16px;\n        }\n      "]);
 
-    _templateObject2_914b01f022d211eaa0764d1a500fd781 = function _templateObject2_914b01f022d211eaa0764d1a500fd781() {
+    _templateObject2_4c271330243411ea86f395335a802507 = function _templateObject2_4c271330243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_914b01f022d211eaa0764d1a500fd781() {
+  function _templateObject_4c271330243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <app-drawer\n        id=\"dialog\"\n        @opened-changed=\"", "\"\n        ?opened=\"", "\"\n        align=\"left\"\n        transition-duration=\"300\"\n      >\n        <h3 class=\"title\">\n          <iron-icon icon=\"", "\"></iron-icon> ", "\n        </h3>\n        <div style=\"height: 100%; overflow: auto;\" class=\"pref-container\">\n          <slot></slot>\n        </div>\n        <paper-button id=\"closedialog\" @click=\"", "\">\n          <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n        </paper-button>\n      </app-drawer>\n    "]);
 
-    _templateObject_914b01f022d211eaa0764d1a500fd781 = function _templateObject_914b01f022d211eaa0764d1a500fd781() {
+    _templateObject_4c271330243411ea86f395335a802507 = function _templateObject_4c271330243411ea86f395335a802507() {
       return data;
     };
 
@@ -88,7 +88,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
     }, {
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_914b01f022d211eaa0764d1a500fd781(), this.openedChanged, this.opened, this.icon, this.title, this.closeEvent);
+        return (0, _litElement.html)(_templateObject_4c271330243411ea86f395335a802507(), this.openedChanged, this.opened, this.icon, this.title, this.closeEvent);
       }
     }, {
       key: "openedChanged",
@@ -128,7 +128,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_914b01f022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4c271330243411ea86f395335a802507())];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-ce-context.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-ce-context.js
index 9c1e5493590..e4ec6697193 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-ce-context.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-ce-context.js
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
   _exports.HaxCeContext = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_9151438022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c2d06a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <hax-toolbar\n        id=\"toolbar\"\n        size=\"", "\"\n        @size-changed=\"", "\"\n      >\n        <slot slot=\"primary\"></slot>\n        <hax-context-item\n          slot=\"primary\"\n          icon=\"icons:settings\"\n          label=\"Settings\"\n          event-name=\"hax-manager-configure\"\n          .hidden=\"", "\"\n        ></hax-context-item>\n        <hax-context-item\n          slot=\"primary\"\n          icon=\"icons:view-quilt\"\n          label=\"", "\"\n          event-name=\"hax-manager-configure-container\"\n          .hidden=\"", "\"\n        ></hax-context-item>\n      </hax-toolbar>\n    "]);
 
-    _templateObject2_9151438022d211eaa0764d1a500fd781 = function _templateObject2_9151438022d211eaa0764d1a500fd781() {
+    _templateObject2_4c2d06a0243411ea86f395335a802507 = function _templateObject2_4c2d06a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9151438022d211eaa0764d1a500fd781() {
+  function _templateObject_4c2d06a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host *[hidden] {\n          display: none;\n        }\n        :host {\n          display: block;\n          height: 36px;\n        }\n        hax-context-item {\n          margin: 0;\n          height: 36px;\n        }\n        :host(.hax-context-pin-top) hax-toolbar {\n          position: fixed;\n          top: 64px;\n          opacity: 0.9;\n        }\n        :host(.hax-context-pin-bottom) hax-toolbar {\n          position: fixed;\n          bottom: 0;\n          opacity: 0.9;\n        }\n        :host(.hax-context-pin-top) hax-toolbar:hover,\n        :host(.hax-context-pin-bottom) hax-toolbar:hover {\n          opacity: 1;\n        }\n      "]);
 
-    _templateObject_9151438022d211eaa0764d1a500fd781 = function _templateObject_9151438022d211eaa0764d1a500fd781() {
+    _templateObject_4c2d06a0243411ea86f395335a802507 = function _templateObject_4c2d06a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -47,7 +47,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9151438022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4c2d06a0243411ea86f395335a802507())];
       }
     }]);
 
@@ -70,7 +70,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
     babelHelpers.createClass(HaxCeContext, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9151438022d211eaa0764d1a500fd781(), this.ceSize, this.ceSizeChanged, !this.__hasSettingsForm, this.__parentName, !this.__hasParentSettingsForm);
+        return (0, _litElement.html)(_templateObject2_4c2d06a0243411ea86f395335a802507(), this.ceSize, this.ceSizeChanged, !this.__hasSettingsForm, this.__parentName, !this.__hasParentSettingsForm);
       }
     }, {
       key: "updated",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-context-item-menu.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-context-item-menu.js
index cc75965a42f..10f8739f31b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-context-item-menu.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-context-item-menu.js
@@ -6,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "./hax-toolbar-menu.js
   });
   _exports.HaxContextItemMenu = void 0;
 
-  function _templateObject2_9155141022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c308910243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <hax-toolbar-menu\n        id=\"menu\"\n        .icon=\"", "\"\n        .tooltip=\"", "\"\n        .tooltip-direction=\"", "\"\n        @selected-changed=\"", "\"\n        .selected=\"", "\"\n        .reset-on-select=\"", "\"\n      >\n        <slot></slot>\n      </hax-toolbar-menu>\n    "]);
 
-    _templateObject2_9155141022d211eaa0764d1a500fd781 = function _templateObject2_9155141022d211eaa0764d1a500fd781() {
+    _templateObject2_4c308910243411ea86f395335a802507 = function _templateObject2_4c308910243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9155141022d211eaa0764d1a500fd781() {
+  function _templateObject_4c308910243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          height: 36px;\n          box-sizing: border-box;\n        }\n        :host hax-toolbar-menu ::slotted(*):hover {\n          background-color: var(--hax-color-bg-accent);\n        }\n        :host hax-toolbar-menu ::slotted(*) {\n          height: 36px;\n        }\n      "]);
 
-    _templateObject_9155141022d211eaa0764d1a500fd781 = function _templateObject_9155141022d211eaa0764d1a500fd781() {
+    _templateObject_4c308910243411ea86f395335a802507 = function _templateObject_4c308910243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,7 +45,7 @@ define(["exports", "../../../lit-element/lit-element.js", "./hax-toolbar-menu.js
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9155141022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4c308910243411ea86f395335a802507())];
       }
     }]);
 
@@ -67,7 +67,7 @@ define(["exports", "../../../lit-element/lit-element.js", "./hax-toolbar-menu.js
     babelHelpers.createClass(HaxContextItemMenu, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9155141022d211eaa0764d1a500fd781(), this.icon, this.label, this.direction, this.selectedValueChanged, this.selectedValue, this.resetOnSelect);
+        return (0, _litElement.html)(_templateObject2_4c308910243411ea86f395335a802507(), this.icon, this.label, this.direction, this.selectedValueChanged, this.selectedValue, this.resetOnSelect);
       }
     }, {
       key: "selectedValueChanged",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-context-item-textop.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-context-item-textop.js
index dc9fecd769a..23fe2c5cff7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-context-item-textop.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-context-item-textop.js
@@ -6,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/iro
   });
   _exports.HaxContextItemTextop = void 0;
 
-  function _templateObject2_915959d022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c37dc10243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-a11y-keys\n        id=\"a11y\"\n        keys=\"enter\"\n        @keys-pressed=\"", "\"\n      ></iron-a11y-keys>\n      <hax-toolbar-item\n        id=\"button\"\n        icon=\"", "\"\n        .hidden=\"", "\"\n        tooltip-direction=\"", "\"\n        tooltip=\"", "\"\n        @mousedown=\"", "\"\n        .mini=\"", "\"\n        .menu=\"", "\"\n        .light=\"", "\"\n      >\n        <slot></slot>\n      </hax-toolbar-item>\n    "]);
 
-    _templateObject2_915959d022d211eaa0764d1a500fd781 = function _templateObject2_915959d022d211eaa0764d1a500fd781() {
+    _templateObject2_4c37dc10243411ea86f395335a802507 = function _templateObject2_4c37dc10243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_915959d022d211eaa0764d1a500fd781() {
+  function _templateObject_4c37dc10243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          box-sizing: border-box;\n          height: 36px;\n          width: 36px;\n        }\n        :host([menu]) {\n          display: flex;\n          width: 100%;\n        }\n      "]);
 
-    _templateObject_915959d022d211eaa0764d1a500fd781 = function _templateObject_915959d022d211eaa0764d1a500fd781() {
+    _templateObject_4c37dc10243411ea86f395335a802507 = function _templateObject_4c37dc10243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,7 +45,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/iro
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_915959d022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4c37dc10243411ea86f395335a802507())];
       }
     }]);
 
@@ -71,7 +71,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/iro
     babelHelpers.createClass(HaxContextItemTextop, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_915959d022d211eaa0764d1a500fd781(), this._fireEvent, this.icon, !this.icon, this.direction, this.label, this._fireEvent, this.mini, this.menu, this.light);
+        return (0, _litElement.html)(_templateObject2_4c37dc10243411ea86f395335a802507(), this._fireEvent, this.icon, !this.icon, this.direction, this.label, this._fireEvent, this.mini, this.menu, this.light);
       }
     }, {
       key: "firstUpdated",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-context-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-context-item.js
index 50a2dc1fb01..4dd1cbda578 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-context-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-context-item.js
@@ -6,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "./hax-toolbar-item.js
   });
   _exports.HaxContextItem = void 0;
 
-  function _templateObject2_917ac48022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c3459a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          height: 36px;\n          width: 36px;\n        }\n        :host([mini]) {\n          height: unset;\n          width: unset;\n        }\n        :host([menu]) {\n          display: flex;\n          width: 100%;\n        }\n      "]);
 
-    _templateObject2_917ac48022d211eaa0764d1a500fd781 = function _templateObject2_917ac48022d211eaa0764d1a500fd781() {
+    _templateObject2_4c3459a0243411ea86f395335a802507 = function _templateObject2_4c3459a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_917ac48022d211eaa0764d1a500fd781() {
+  function _templateObject_4c3459a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <hax-toolbar-item\n        .disabled=\"", "\"\n        .light=\"", "\"\n        .mini=\"", "\"\n        id=\"button\"\n        icon=\"", "\"\n        .hidden=\"", "\"\n        icon-class=\"", "\"\n        @mousedown=\"", "\"\n        @click=\"", "\"\n        tooltip=\"", "\"\n        tooltip-direction=\"", "\"\n        .default=\"", "\"\n        .menu=\"", "\"\n      >\n        <slot></slot>\n      </hax-toolbar-item>\n    "]);
 
-    _templateObject_917ac48022d211eaa0764d1a500fd781 = function _templateObject_917ac48022d211eaa0764d1a500fd781() {
+    _templateObject_4c3459a0243411ea86f395335a802507 = function _templateObject_4c3459a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -64,7 +64,7 @@ define(["exports", "../../../lit-element/lit-element.js", "./hax-toolbar-item.js
     babelHelpers.createClass(HaxContextItem, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_917ac48022d211eaa0764d1a500fd781(), this.disabled, this.light, this.mini, this.icon, !this.icon, this.iconClass, this._storeSelection, this._fireEvent, this.label, this.direction, this.default, this.menu);
+        return (0, _litElement.html)(_templateObject_4c3459a0243411ea86f395335a802507(), this.disabled, this.light, this.mini, this.icon, !this.icon, this.iconClass, this._storeSelection, this._fireEvent, this.label, this.direction, this.default, this.menu);
       }
     }, {
       key: "_storeSelection",
@@ -99,7 +99,7 @@ define(["exports", "../../../lit-element/lit-element.js", "./hax-toolbar-item.js
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_917ac48022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4c3459a0243411ea86f395335a802507())];
       }
     }, {
       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 21363f78749..03140fca5a0 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
@@ -7,10 +7,10 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../dl-b
   _exports.HaxExportDialog = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_9181c96022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c3ee0f0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        #dialog {\n          z-index: 1000;\n        }\n        iron-icon:not(:defined),\n        paper-button:not(:defined),\n        paper-dialog:not(:defined) {\n          display: none;\n        }\n        .title {\n          position: relative;\n          padding: 16px;\n          outline: 0;\n          font-weight: 600;\n          text-align: left;\n          margin: 0;\n          font-size: 18px;\n          line-height: 18px;\n          font-family: \"Noto Serif\", serif;\n          background-color: var(--hax-color-menu-heading-bg, #eeeeee);\n          color: var(--hax-color-menu-heading-color, black);\n        }\n        .pref-container {\n          text-align: left;\n          padding: 16px;\n        }\n        .buttons paper-button:focus,\n        .buttons paper-button:hover {\n          outline: 1px solid var(--hax-color-border-outline);\n        }\n        .buttons paper-button {\n          text-transform: none;\n          margin: 0;\n          background-color: var(--hax-color-menu-heading-bg, #eeeeee);\n          color: var(--hax-color-menu-heading-color, black);\n          display: inline-flex;\n          border-radius: 0px;\n          border-style: solid;\n          border-width: 1px;\n          min-width: unset;\n          font-size: 12px;\n          font-weight: bold;\n        }\n        #closedialog {\n          float: right;\n          top: 5px;\n          right: 0;\n          position: absolute;\n          padding: 4px;\n          margin: 0;\n          background-color: var(--hax-color-menu-heading-bg, #eeeeee);\n          color: var(--hax-color-menu-heading-color, black);\n          width: 40px;\n          height: 40px;\n          min-width: unset;\n        }\n        #textarea {\n          margin-bottom: 16px;\n          padding: 10px;\n          font-size: 10px;\n          resize: none;\n          width: 90%;\n          height: 40vh;\n          width: -webkit-fill-available;\n          background-color: transparent;\n          color: #eeeeee;\n          font-family: monospace;\n        }\n        paper-dialog {\n          min-width: 70vw;\n          min-height: 60vh;\n          background-color: #ffffff;\n          color: black;\n        }\n        #import {\n          background-color: var(\n            --hax-export-dialog-import-button-bg,\n            --hax-color-menu-heading-bg\n          );\n          color: var(--hax-color-menu-heading-color, black);\n        }\n        #loading {\n          position: absolute;\n          margin: 0 auto;\n          width: 100%;\n        }\n      "]);
 
-    _templateObject2_9181c96022d211eaa0764d1a500fd781 = function _templateObject2_9181c96022d211eaa0764d1a500fd781() {
+    _templateObject2_4c3ee0f0243411ea86f395335a802507 = function _templateObject2_4c3ee0f0243411ea86f395335a802507() {
       return data;
     };
 
@@ -21,10 +21,10 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../dl-b
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_9181c96022d211eaa0764d1a500fd781() {
+  function _templateObject_4c3ee0f0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-dialog\n        id=\"dialog\"\n        ?opened=\"", "\"\n        @opened-changed=\"", "\"\n      >\n        <h3 class=\"title\">\n          <iron-icon icon=\"icons:code\"></iron-icon> ", "\n        </h3>\n        <div style=\"height: 100%; overflow: auto;\" class=\"pref-container\">\n          <div id=\"wrapper\">\n            <textarea id=\"hiddentextarea\" hidden></textarea>\n            <hexagon-loader\n              size=\"small\"\n              id=\"loading\"\n              item-count=\"4\"\n              color=\"#0085ba\"\n              aria-roledescription=\"Loading\"\n            ></hexagon-loader>\n            <code-editor id=\"textarea\" title=\"\" theme=\"vs\"></code-editor>\n          </div>\n          <div id=\"buttons\" class=\"buttons\">\n            <paper-button id=\"import\" raised @click=\"", "\"\n              >Update body area</paper-button\n            >\n            <paper-button id=\"copy\" @click=\"", "\"\n              >Copy to clipboard</paper-button\n            >\n            <paper-button id=\"downloadfull\" @click=\"", "\"\n              >Download full file</paper-button\n            >\n            <paper-button id=\"download\" @click=\"", "\"\n              >Download body area</paper-button\n            >\n            <paper-button\n              id=\"elementexport\"\n              @click=\"", "\"\n              ?hidden=\"", "\"\n              >Copy as HAX schema to clipboard</paper-button\n            >\n          </div>\n        </div>\n        <paper-button id=\"closedialog\" @click=\"", "\">\n          <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n        </paper-button>\n      </paper-dialog>\n    "]);
 
-    _templateObject_9181c96022d211eaa0764d1a500fd781 = function _templateObject_9181c96022d211eaa0764d1a500fd781() {
+    _templateObject_4c3ee0f0243411ea86f395335a802507 = function _templateObject_4c3ee0f0243411ea86f395335a802507() {
       return data;
     };
 
@@ -43,7 +43,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../dl-b
     babelHelpers.createClass(HaxExportDialog, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9181c96022d211eaa0764d1a500fd781(), this.opened, this.openedChanged, this.title, this.importContent, this.selectBody, this.downloadfull, this.download, this.htmlToHaxElements, !this.globalPreferences.haxDeveloperMode, this.closeEvent);
+        return (0, _litElement.html)(_templateObject_4c3ee0f0243411ea86f395335a802507(), this.opened, this.openedChanged, this.title, this.importContent, this.selectBody, this.downloadfull, this.download, this.htmlToHaxElements, !this.globalPreferences.haxDeveloperMode, this.closeEvent);
       }
     }, {
       key: "openedChanged",
@@ -194,7 +194,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../dl-b
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9181c96022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4c3ee0f0243411ea86f395335a802507())];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-gizmo-browser-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-gizmo-browser-item.js
index fec7f380e84..d8e693bf830 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-gizmo-browser-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-gizmo-browser-item.js
@@ -6,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "./hax-item-button-inn
   });
   _exports.HaxGizmoBrowserItem = void 0;
 
-  function _templateObject2_9184888022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c40b5b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          max-width: 90px;\n        }\n        paper-button {\n          text-transform: none;\n          min-width: unset;\n          cursor: pointer;\n          width: 80px;\n          padding: 5px;\n          margin: 5px;\n          box-shadow: none;\n          transition: 0.2s all linear;\n          --paper-button-ink-color: var(--hax-ink-color, #000000);\n        }\n        paper-button:hover,\n        paper-button:focus {\n          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14),\n            0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 6px 2px -4px rgba(0, 0, 0, 0.2);\n        }\n        paper-button:active {\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        }\n      "]);
 
-    _templateObject2_9184888022d211eaa0764d1a500fd781 = function _templateObject2_9184888022d211eaa0764d1a500fd781() {
+    _templateObject2_4c40b5b0243411ea86f395335a802507 = function _templateObject2_4c40b5b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9184888022d211eaa0764d1a500fd781() {
+  function _templateObject_4c40b5b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-button\n        @click=\"", "\"\n        .data-voicecommand=\"select ", "\"\n      >\n        <hax-item-button-inner\n          color=\"", "\"\n          icon=\"", "\"\n          label=\"", "\"\n        >\n        </hax-item-button-inner>\n      </paper-button>\n    "]);
 
-    _templateObject_9184888022d211eaa0764d1a500fd781 = function _templateObject_9184888022d211eaa0764d1a500fd781() {
+    _templateObject_4c40b5b0243411ea86f395335a802507 = function _templateObject_4c40b5b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -44,7 +44,7 @@ define(["exports", "../../../lit-element/lit-element.js", "./hax-item-button-inn
     babelHelpers.createClass(HaxGizmoBrowserItem, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9184888022d211eaa0764d1a500fd781(), this._fireEvent, this.title, this.color, this.icon, this.title);
+        return (0, _litElement.html)(_templateObject_4c40b5b0243411ea86f395335a802507(), this._fireEvent, this.title, this.color, this.icon, this.title);
       }
     }, {
       key: "_fireEvent",
@@ -62,7 +62,7 @@ define(["exports", "../../../lit-element/lit-element.js", "./hax-item-button-inn
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9184888022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4c40b5b0243411ea86f395335a802507())];
       }
     }, {
       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 3148bb43cdf..67c653a8ae1 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
@@ -7,30 +7,30 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../graf
   _exports.HaxGizmoBrowser = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject3_91b44b1022d211eaa0764d1a500fd781() {
+  function _templateObject3_4c454990243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n          <hax-gizmo-browser-item\n            .index=\"", "\"\n            .title=\"", "\"\n            tag-to-insert=\"", "\"\n            .icon=\"", "\"\n            color=\"", "\"\n            .author=\"", "\"\n            .teaser=\"", "\"\n            .description=\"", "\"\n            .examples=\"", "\"\n            .status=\"", "\"\n          ></hax-gizmo-browser-item>\n        "]);
 
-    _templateObject3_91b44b1022d211eaa0764d1a500fd781 = function _templateObject3_91b44b1022d211eaa0764d1a500fd781() {
+    _templateObject3_4c454990243411ea86f395335a802507 = function _templateObject3_4c454990243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_91b44b1022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c454990243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <h3 class=\"title\">\n        <iron-icon icon=\"hax:add-brick\"></iron-icon> ", "\n      </h3>\n      <div class=\"toolbar-inner\">\n        <dropdown-select\n          id=\"filtertype\"\n          label=\"Filter by\"\n          value=\"title\"\n          @change=\"", "\"\n        >\n          <paper-item value=\"title\">Title</paper-item>\n        </dropdown-select>\n        <paper-input\n          label=\"Filter\"\n          id=\"inputfilter\"\n          aria-controls=\"filter\"\n          @value-changed=\"", "\"\n          value=\"\"\n          always-float-label=\"\"\n        ></paper-input>\n      </div>\n      <grafitto-filter\n        id=\"filter\"\n        .items=\"", "\"\n        like=\"\"\n        where=\"title\"\n        like=\"\"\n        @filtered-changed=\"", "\"\n        ><template></template\n      ></grafitto-filter>\n      ", "\n    "]);
 
-    _templateObject2_91b44b1022d211eaa0764d1a500fd781 = function _templateObject2_91b44b1022d211eaa0764d1a500fd781() {
+    _templateObject2_4c454990243411ea86f395335a802507 = function _templateObject2_4c454990243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_91b44b1022d211eaa0764d1a500fd781() {
+  function _templateObject_4c454990243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        hax-gizmo-browser-item {\n          margin: 5px;\n          transition: 0.2s all linear;\n          display: inline-flex;\n        }\n        #ironlist {\n          min-height: 50vh;\n          margin: 0;\n          padding: 16px;\n        }\n        .title {\n          position: relative;\n          padding: 16px;\n          outline: 0;\n          font-weight: 600;\n          text-align: left;\n          margin: 0;\n          font-size: 18px;\n          line-height: 18px;\n          font-family: \"Noto Serif\", serif;\n          background-color: var(--hax-color-menu-heading-bg, #eeeeee);\n          color: var(--hax-color-menu-heading-color, black);\n        }\n        .toolbar-inner {\n          display: inline-flex;\n          padding: 10px;\n        }\n      "]);
 
-    _templateObject_91b44b1022d211eaa0764d1a500fd781 = function _templateObject_91b44b1022d211eaa0764d1a500fd781() {
+    _templateObject_4c454990243411ea86f395335a802507 = function _templateObject_4c454990243411ea86f395335a802507() {
       return data;
     };
 
@@ -51,7 +51,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../graf
     babelHelpers.createClass(HaxGizmoBrowser, null, [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_91b44b1022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4c454990243411ea86f395335a802507())];
       }
     }]);
 
@@ -81,8 +81,8 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../graf
     babelHelpers.createClass(HaxGizmoBrowser, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_91b44b1022d211eaa0764d1a500fd781(), this.title, this.filtertypeChange, this.inputfilterChanged, this.__gizmoList, this.filteredChanged, this.filtered.map(function (gizmo) {
-          return (0, _litElement.html)(_templateObject3_91b44b1022d211eaa0764d1a500fd781(), gizmo.index, gizmo.title, gizmo.tag, gizmo.icon, gizmo.color, gizmo.author, gizmo.teaser, gizmo.description, gizmo.examples, gizmo.status);
+        return (0, _litElement.html)(_templateObject2_4c454990243411ea86f395335a802507(), this.title, this.filtertypeChange, this.inputfilterChanged, this.__gizmoList, this.filteredChanged, this.filtered.map(function (gizmo) {
+          return (0, _litElement.html)(_templateObject3_4c454990243411ea86f395335a802507(), gizmo.index, gizmo.title, gizmo.tag, gizmo.icon, gizmo.color, gizmo.author, gizmo.teaser, gizmo.description, gizmo.examples, gizmo.status);
         }));
       }
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-input-mixer.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-input-mixer.js
index 0cbe40101c8..19253275b2a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-input-mixer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-input-mixer.js
@@ -7,140 +7,140 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
   _exports.HaxInputMixer = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject14_91bbec3022d211eaa0764d1a500fd781() {
+  function _templateObject14_4c4ebf70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject14_91bbec3022d211eaa0764d1a500fd781 = function _templateObject14_91bbec3022d211eaa0764d1a500fd781() {
+    _templateObject14_4c4ebf70243411ea86f395335a802507 = function _templateObject14_4c4ebf70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject13_91bbec3022d211eaa0764d1a500fd781() {
+  function _templateObject13_4c4ebf70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <span>", "</span>\n                <simple-colors-picker\n                  id=\"input\"\n                  .value=\"", "\"\n                  @value-changed=\"", "\"\n                ></simple-colors-picker>\n              "]);
 
-    _templateObject13_91bbec3022d211eaa0764d1a500fd781 = function _templateObject13_91bbec3022d211eaa0764d1a500fd781() {
+    _templateObject13_4c4ebf70243411ea86f395335a802507 = function _templateObject13_4c4ebf70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject12_91bbec3022d211eaa0764d1a500fd781() {
+  function _templateObject12_4c4ebf70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject12_91bbec3022d211eaa0764d1a500fd781 = function _templateObject12_91bbec3022d211eaa0764d1a500fd781() {
+    _templateObject12_4c4ebf70243411ea86f395335a802507 = function _templateObject12_4c4ebf70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject11_91bbec3022d211eaa0764d1a500fd781() {
+  function _templateObject11_4c4ebf70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <paper-checkbox\n                  id=\"input\"\n                  .checked=\"", "\"\n                  @checked-changed=\"", "\"\n                  >", "</paper-checkbox\n                >\n              "]);
 
-    _templateObject11_91bbec3022d211eaa0764d1a500fd781 = function _templateObject11_91bbec3022d211eaa0764d1a500fd781() {
+    _templateObject11_4c4ebf70243411ea86f395335a802507 = function _templateObject11_4c4ebf70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject10_91bbec3022d211eaa0764d1a500fd781() {
+  function _templateObject10_4c4ebf70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject10_91bbec3022d211eaa0764d1a500fd781 = function _templateObject10_91bbec3022d211eaa0764d1a500fd781() {
+    _templateObject10_4c4ebf70243411ea86f395335a802507 = function _templateObject10_4c4ebf70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject9_91bbec3022d211eaa0764d1a500fd781() {
+  function _templateObject9_4c4ebf70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <paper-checkbox\n                  id=\"input\"\n                  .checked=\"", "\"\n                  @checked-changed=\"", "\"\n                  >", "</paper-checkbox\n                >\n              "]);
 
-    _templateObject9_91bbec3022d211eaa0764d1a500fd781 = function _templateObject9_91bbec3022d211eaa0764d1a500fd781() {
+    _templateObject9_4c4ebf70243411ea86f395335a802507 = function _templateObject9_4c4ebf70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject8_91bbec3022d211eaa0764d1a500fd781() {
+  function _templateObject8_4c4ebf70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject8_91bbec3022d211eaa0764d1a500fd781 = function _templateObject8_91bbec3022d211eaa0764d1a500fd781() {
+    _templateObject8_4c4ebf70243411ea86f395335a802507 = function _templateObject8_4c4ebf70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject7_91bbec3022d211eaa0764d1a500fd781() {
+  function _templateObject7_4c4ebf70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <paper-input\n                  id=\"input\"\n                  type=\"", "\"\n                  label=\"", "\"\n                  .value=\"", "\"\n                  @value-changed=\"", "\"\n                  auto-validate=\"\"\n                  pattern=\"", "\"\n                  required=\"", "\"\n                ></paper-input>\n              "]);
 
-    _templateObject7_91bbec3022d211eaa0764d1a500fd781 = function _templateObject7_91bbec3022d211eaa0764d1a500fd781() {
+    _templateObject7_4c4ebf70243411ea86f395335a802507 = function _templateObject7_4c4ebf70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject6_91bbec3022d211eaa0764d1a500fd781() {
+  function _templateObject6_4c4ebf70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject6_91bbec3022d211eaa0764d1a500fd781 = function _templateObject6_91bbec3022d211eaa0764d1a500fd781() {
+    _templateObject6_4c4ebf70243411ea86f395335a802507 = function _templateObject6_4c4ebf70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject5_91bbec3022d211eaa0764d1a500fd781() {
+  function _templateObject5_4c4ebf70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <paper-textarea\n                  id=\"input\"\n                  label=\"", "\"\n                  .value=\"", "\"\n                  @value-changed=\"", "\"\n                  auto-validate=\"\"\n                  pattern=\"", "\"\n                  required=\"", "\"\n                ></paper-textarea>\n              "]);
 
-    _templateObject5_91bbec3022d211eaa0764d1a500fd781 = function _templateObject5_91bbec3022d211eaa0764d1a500fd781() {
+    _templateObject5_4c4ebf70243411ea86f395335a802507 = function _templateObject5_4c4ebf70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_91bbec3022d211eaa0764d1a500fd781() {
+  function _templateObject4_4c4ebf70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject4_91bbec3022d211eaa0764d1a500fd781 = function _templateObject4_91bbec3022d211eaa0764d1a500fd781() {
+    _templateObject4_4c4ebf70243411ea86f395335a802507 = function _templateObject4_4c4ebf70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_91bbec3022d211eaa0764d1a500fd781() {
+  function _templateObject3_4c4ebf70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <span class=\"input-mixer-label\">", "</span>\n              <hax-context-item-menu\n                selected-value=\"", "\"\n                @selected-value-changed=\"", "\"\n                .icon=\"", "\"\n                id=\"input\"\n              >\n                <slot></slot>\n              </hax-context-item-menu>\n            "]);
 
-    _templateObject3_91bbec3022d211eaa0764d1a500fd781 = function _templateObject3_91bbec3022d211eaa0764d1a500fd781() {
+    _templateObject3_4c4ebf70243411ea86f395335a802507 = function _templateObject3_4c4ebf70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_91bbec3022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c4ebf70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          paper-textarea,\n          paper-input {\n            --paper-input-container: {\n              padding: 0;\n              font-size: 14px;\n            }\n            --paper-input-container-label-floating: {\n              color: var(--hax-color-text);\n              font-size: 12px;\n            }\n            --paper-input-container-underline: {\n              margin: 0;\n            }\n            --paper-input-container-color: var(--hax-color-text);\n            --paper-input-container-focus-color: var(--hax-color-text);\n            --paper-input-container-invalid-color: var(--hax-color-text);\n            --paper-input-container-input-color: var(--hax-color-text);\n            --paper-input-container-shared-input-style: {\n              color: var(--hax-color-text);\n              background: transparent;\n              margin: 0;\n              padding: 0;\n              line-height: 14px;\n              font-size: 14px;\n              outline: none;\n              border: none;\n            }\n          }\n        </style>\n      </custom-style>\n      <div class=\"wrapper\">\n        ", "\n        <span class=\"input-method\">\n          ", "\n          ", "\n          ", "\n          ", "\n          ", "\n        </span>\n        <paper-tooltip for=\"input\" position=\"top\" offset=\"14\">\n          ", "\n        </paper-tooltip>\n        <hax-context-item\n          id=\"updatebutton\"\n          icon=\"subdirectory-arrow-right\"\n          label=\"Update ", "\"\n          event-name=\"hax-update-tap\"\n        ></hax-context-item>\n      </div>\n    "]);
 
-    _templateObject2_91bbec3022d211eaa0764d1a500fd781 = function _templateObject2_91bbec3022d211eaa0764d1a500fd781() {
+    _templateObject2_4c4ebf70243411ea86f395335a802507 = function _templateObject2_4c4ebf70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_91bbec3022d211eaa0764d1a500fd781() {
+  function _templateObject_4c4ebf70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: 0;\n          border: none;\n          padding: 0;\n          border: 1px solid var(--hax-color-border-outline);\n        }\n        .wrapper {\n          background-color: #ffffff;\n          color: #222222;\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        }\n        hax-context-item {\n          margin: 0;\n        }\n        #elementoptions {\n          height: inherit;\n        }\n        #input {\n          color: var(--hax-color-text);\n        }\n        paper-checkbox {\n          --paper-checkbox-label-color: var(--hax-color-text);\n        }\n        paper-textarea,\n        paper-input {\n          height: 40px;\n          font-size: 14px;\n          margin-bottom: 6px;\n        }\n        .input-method {\n          color: var(--hax-color-text);\n          padding: 0 8px;\n          width: 80%;\n        }\n        #updatebutton {\n          outline: 1px solid black;\n        }\n        #updatebutton:hover {\n          border: none;\n        }\n      "]);
 
-    _templateObject_91bbec3022d211eaa0764d1a500fd781 = function _templateObject_91bbec3022d211eaa0764d1a500fd781() {
+    _templateObject_4c4ebf70243411ea86f395335a802507 = function _templateObject_4c4ebf70243411ea86f395335a802507() {
       return data;
     };
 
@@ -167,7 +167,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_91bbec3022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4c4ebf70243411ea86f395335a802507())];
       }
     }]);
 
@@ -212,7 +212,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
     babelHelpers.createClass(HaxInputMixer, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_91bbec3022d211eaa0764d1a500fd781(), this.__inputselect ? (0, _litElement.html)(_templateObject3_91bbec3022d211eaa0764d1a500fd781(), this.label, this.__selectedValue, this.__selectedValueChanged, this.icon) : (0, _litElement.html)(_templateObject4_91bbec3022d211eaa0764d1a500fd781()), this.__inputtextarea ? (0, _litElement.html)(_templateObject5_91bbec3022d211eaa0764d1a500fd781(), this.label, this.value, this.valueChanged, this.validation, this.required) : (0, _litElement.html)(_templateObject6_91bbec3022d211eaa0764d1a500fd781()), this.__inputtextfield ? (0, _litElement.html)(_templateObject7_91bbec3022d211eaa0764d1a500fd781(), this.validationType, this.label, this.value, this.valueChanged, this.validation, this.required) : (0, _litElement.html)(_templateObject8_91bbec3022d211eaa0764d1a500fd781()), this.__inputboolean ? (0, _litElement.html)(_templateObject9_91bbec3022d211eaa0764d1a500fd781(), this.value, this.valueChanged, this.label) : (0, _litElement.html)(_templateObject10_91bbec3022d211eaa0764d1a500fd781()), this.__inputflipboolean ? (0, _litElement.html)(_templateObject11_91bbec3022d211eaa0764d1a500fd781(), this.value, this.valueChanged, this.label) : (0, _litElement.html)(_templateObject12_91bbec3022d211eaa0764d1a500fd781()), this.__inputcolorpicker ? (0, _litElement.html)(_templateObject13_91bbec3022d211eaa0764d1a500fd781(), this.label, this.value, this.valueChanged) : (0, _litElement.html)(_templateObject14_91bbec3022d211eaa0764d1a500fd781()), this.description, this.label);
+        return (0, _litElement.html)(_templateObject2_4c4ebf70243411ea86f395335a802507(), this.__inputselect ? (0, _litElement.html)(_templateObject3_4c4ebf70243411ea86f395335a802507(), this.label, this.__selectedValue, this.__selectedValueChanged, this.icon) : (0, _litElement.html)(_templateObject4_4c4ebf70243411ea86f395335a802507()), this.__inputtextarea ? (0, _litElement.html)(_templateObject5_4c4ebf70243411ea86f395335a802507(), this.label, this.value, this.valueChanged, this.validation, this.required) : (0, _litElement.html)(_templateObject6_4c4ebf70243411ea86f395335a802507()), this.__inputtextfield ? (0, _litElement.html)(_templateObject7_4c4ebf70243411ea86f395335a802507(), this.validationType, this.label, this.value, this.valueChanged, this.validation, this.required) : (0, _litElement.html)(_templateObject8_4c4ebf70243411ea86f395335a802507()), this.__inputboolean ? (0, _litElement.html)(_templateObject9_4c4ebf70243411ea86f395335a802507(), this.value, this.valueChanged, this.label) : (0, _litElement.html)(_templateObject10_4c4ebf70243411ea86f395335a802507()), this.__inputflipboolean ? (0, _litElement.html)(_templateObject11_4c4ebf70243411ea86f395335a802507(), this.value, this.valueChanged, this.label) : (0, _litElement.html)(_templateObject12_4c4ebf70243411ea86f395335a802507()), this.__inputcolorpicker ? (0, _litElement.html)(_templateObject13_4c4ebf70243411ea86f395335a802507(), this.label, this.value, this.valueChanged) : (0, _litElement.html)(_templateObject14_4c4ebf70243411ea86f395335a802507()), this.description, this.label);
       }
     }, {
       key: "__selectedValueChanged",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-item-button-inner.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-item-button-inner.js
index d09f453f142..a417765e512 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-item-button-inner.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-item-button-inner.js
@@ -10,20 +10,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../../simple-colors/s
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_91bf479022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c5241e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      :host {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n      }\n      .button-inner {\n        width: 30px;\n        height: 30px;\n        padding: 5px;\n        background-color: var(--simple-colors-default-theme-accent-7, #000);\n        border-radius: 50%;\n      }\n      iron-icon {\n        width: 30px;\n        height: 30px;\n        color: var(--simple-colors-default-theme-grey-1, #fff);\n      }\n      .item-label {\n        margin-top: 8px;\n        color: var(--simple-colors-default-theme-grey-12, #000);\n        width: 70px;\n        font-size: 12px;\n        line-height: 12px;\n        height: 12px;\n        text-align: center;\n        text-overflow: ellipsis;\n        overflow: hidden;\n        word-break: break-all;\n      }\n      .flip-icon {\n        transform: rotateY(180deg);\n      }\n    "]);
 
-    _templateObject2_91bf479022d211eaa0764d1a500fd781 = function _templateObject2_91bf479022d211eaa0764d1a500fd781() {
+    _templateObject2_4c5241e0243411ea86f395335a802507 = function _templateObject2_4c5241e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_91bf479022d211eaa0764d1a500fd781() {
+  function _templateObject_4c5241e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"button-inner\">\n        <iron-icon icon=\"", "\" ?hidden=\"", "\"></iron-icon>\n      </div>\n      <div class=\"item-label\">", "</div>\n    "]);
 
-    _templateObject_91bf479022d211eaa0764d1a500fd781 = function _templateObject_91bf479022d211eaa0764d1a500fd781() {
+    _templateObject_4c5241e0243411ea86f395335a802507 = function _templateObject_4c5241e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -53,7 +53,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../simple-colors/s
        * LitElement life cycle - render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_91bf479022d211eaa0764d1a500fd781(), this.icon, !this.icon, this.label);
+        return (0, _litElement.html)(_templateObject_4c5241e0243411ea86f395335a802507(), this.icon, !this.icon, this.label);
       }
     }, {
       key: "updated",
@@ -94,7 +94,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../simple-colors/s
           styles = babelHelpers.get(babelHelpers.getPrototypeOf(HaxItemButtonInner), "styles", this);
         }
 
-        styles.push((0, _litElement.css)(_templateObject2_91bf479022d211eaa0764d1a500fd781()));
+        styles.push((0, _litElement.css)(_templateObject2_4c5241e0243411ea86f395335a802507()));
         return styles;
       }
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-manager.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-manager.js
index af4d4895f52..49d479d68e9 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-manager.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-manager.js
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
   _exports.HaxManager = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_91cf261022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c93dec0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          @import url(\"https://fonts.googleapis.com/css?family=Noto+Serif\");\n          #dialog {\n            --app-drawer-content-container: {\n              background-color: #ffffff;\n            }\n          }\n          vaadin-upload {\n            --vaadin-upload-button-add-wrapper: {\n              border: 2px solid #ffffff;\n              background-color: var(--hax-color-accent1);\n              color: #ffffff;\n              display: block;\n            }\n            --vaadin-upload-buttons-primary: {\n              display: block;\n              width: 100%;\n              flex: unset;\n              -webkit-flex: unset;\n            }\n            --vaadin-upload-button-add: {\n              color: #000000;\n              display: block;\n              flex: unset;\n              -webkit-flex: unset;\n              text-align: center;\n            }\n            --vaadin-upload-drop-label: {\n              color: #ffffff;\n              display: block;\n              padding: 8px;\n            }\n            --vaadin-upload-drop-label-dragover: {\n              color: #ffffff;\n            }\n            --vaadin-upload-file-list: {\n              padding: 8px;\n              margin: 0;\n              color: #ffffff;\n            }\n            --vaadin-upload-file: {\n              color: #ffffff;\n            }\n          }\n        </style>\n      </custom-style>\n      <app-drawer\n        id=\"dialog\"\n        .opened=\"", "\"\n        @opened-changed=\"", "\"\n        disable-swipe=\"\"\n      >\n        <div\n          class=\"dialog-contents\"\n          id=\"dialogcontent\"\n          style=\"height: 100%; overflow: auto;\"\n        >\n          <iron-pages\n            id=\"steppages\"\n            .selected=\"", "\"\n            @selected-changed=\"", "\"\n            fallback-selection=\"select\"\n            role=\"main\"\n          >\n            <div data-value=\"select\">\n              <iron-pages\n                id=\"activepage\"\n                @selected-changed=\"", "\"\n                .selected=\"", "\"\n                fallback-selection=\"link\"\n              >\n                <div class=\"page-area add-area\">\n                  <h3 class=\"title\">\n                    <iron-icon icon=\"icons:file-upload\"></iron-icon> ", "\n                  </h3>\n                  <div class=\"add-area-content-wrapper\">\n                    <div class=\"add-url-area\">\n                      <paper-input\n                        id=\"url\"\n                        label=\"URL\"\n                        type=\"url\"\n                        auto-validate=\"\"\n                      ></paper-input>\n                      <div class=\"url-description\">\n                        Add an existing resource / link\n                      </div>\n                    </div>\n                    <div class=\"add-upload-area\">\n                      <vaadin-upload\n                        @upload-before=\"", "\"\n                        @upload-response=\"", "\"\n                        form-data-name=\"file-upload\"\n                        id=\"fileupload\"\n                        ?hidden=\"", "\"\n                      ></vaadin-upload>\n                    </div>\n                    <paper-button\n                      @click=\"", "\"\n                      id=\"newassetconfigure\"\n                      raised=\"\"\n                      >Configure item</paper-button\n                    >\n                  </div>\n                </div>\n                <div class=\"page-area\">\n                  <hax-app-browser id=\"appbrowser\">\n                    <slot></slot>\n                  </hax-app-browser>\n                </div>\n                <div class=\"page-area\">\n                  <hax-gizmo-browser id=\"gizmobrowser\"></hax-gizmo-browser>\n                </div>\n              </iron-pages>\n            </div>\n            <div style=\"height:100%;\">\n              <hax-preview id=\"preview\"></hax-preview>\n            </div>\n          </iron-pages>\n          <paper-button\n            id=\"closedialog\"\n            @click=\"", "\"\n            ?hidden=\"", "\"\n          >\n            <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n          </paper-button>\n        </div>\n      </app-drawer>\n    "]);
 
-    _templateObject2_91cf261022d211eaa0764d1a500fd781 = function _templateObject2_91cf261022d211eaa0764d1a500fd781() {
+    _templateObject2_4c93dec0243411ea86f395335a802507 = function _templateObject2_4c93dec0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_91cf261022d211eaa0764d1a500fd781() {
+  function _templateObject_4c93dec0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          color: var(--hax-color-text);\n        }\n        app-drawer:not(:defined),\n        hax-preview:not(:defined),\n        hax-app-browser:not(:defined),\n        hax-gizmo-browser:not(:defined),\n        iron-icon:not(:defined) {\n          display: none;\n        }\n        #dialog {\n          color: var(--hax-color-text);\n          z-index: 10000;\n          padding: 56px 0;\n          margin-top: 56px;\n          --app-drawer-width: 400px;\n        }\n        #closedialog {\n          float: right;\n          top: 124px;\n          right: 0;\n          position: absolute;\n          padding: 8px;\n          margin: 0;\n          background-color: var(--hax-color-menu-heading-bg, #eeeeee);\n          color: var(--hax-color-menu-heading-color, black);\n          background-color: transparent;\n          width: 40px;\n          height: 40px;\n          min-width: unset;\n        }\n        :host([active-page=\"0\"]) #dialog {\n          --app-drawer-width: 300px;\n        }\n        :host([active-page=\"1\"]) #dialog {\n          --app-drawer-width: 60%;\n        }\n        :host([active-page=\"2\"]) #dialog {\n          --app-drawer-width: 60%;\n        }\n        :host([active-step]) #dialog {\n          --app-drawer-width: 60%;\n        }\n        :host([searching]) #dialog {\n          --app-drawer-width: 60%;\n        }\n        @media screen and (max-width: 800px) {\n          :host([active-page=\"0\"]) #dialog {\n            --app-drawer-width: 50%;\n          }\n          :host([active-page=\"1\"]) #dialog,\n          :host([active-page=\"2\"]) #dialog,\n          :host([active-step]) #dialog,\n          :host([searching]) #dialog {\n            --app-drawer-width: 80%;\n          }\n        }\n        .title {\n          position: relative;\n          padding: 16px;\n          outline: 0;\n          font-weight: 600;\n          text-align: left;\n          margin: 0;\n          background-color: var(--hax-color-menu-heading-bg);\n          font-size: 18px;\n          line-height: 18px;\n          font-family: \"Noto Serif\", serif;\n          color: var(--hax-color-menu-heading-color);\n        }\n\n        #preview {\n          height: 100%;\n        }\n        vaadin-upload {\n          --primary-color: var(--hax-color-accent1);\n          --primary-font-color: #ffffff;\n          --dark-primary-color: #ffffff;\n          --light-primary-color: var(--hax-color-accent1);\n          --error-color: darkred;\n          color: #ffffff;\n          display: block;\n          padding: 16px !important;\n        }\n        vaadin-upload[dragover] {\n          border-color: #396;\n        }\n        vaadin-upload-file {\n          --disabled-text-color: #222222;\n        }\n        .add-area-content-wrapper {\n          padding: 0 16px;\n        }\n        .add-url-area,\n        .add-upload-area {\n          margin: 16px 0;\n        }\n        .url-description {\n          font-size: 18px;\n          color: #000000;\n          line-height: 22px;\n          font-family: sans-serif;\n          letter-spacing: 1px;\n        }\n        #steppages {\n          height: 100%;\n        }\n        #newassetconfigure {\n          width: 100%;\n          margin: 0;\n          padding: 16px;\n          background-color: var(--hax-color-menu-heading-bg, #eeeeee);\n          color: var(--hax-color-menu-heading-color, black);\n        }\n        paper-input {\n          color: var(--hax-color-text);\n        }\n        @media screen and (max-width: 550px) {\n          .hide-on-mobile {\n            opacity: 0;\n            visibility: hidden;\n            position: absolute;\n            left: -9999px;\n          }\n          .page-area.hax-manager {\n            padding: 6px;\n          }\n        }\n      "]);
 
-    _templateObject_91cf261022d211eaa0764d1a500fd781 = function _templateObject_91cf261022d211eaa0764d1a500fd781() {
+    _templateObject_4c93dec0243411ea86f395335a802507 = function _templateObject_4c93dec0243411ea86f395335a802507() {
       return data;
     };
 
@@ -49,7 +49,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
        * LitElement life cycle - styles addition
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxManager), "styles", this)), [(0, _litElement.css)(_templateObject_91cf261022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxManager), "styles", this)), [(0, _litElement.css)(_templateObject_4c93dec0243411ea86f395335a802507())]);
       }
       /**
        * HTMLElement life cycle
@@ -89,7 +89,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
     babelHelpers.createClass(HaxManager, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_91cf261022d211eaa0764d1a500fd781(), this.opened, this.openedChanged, this.activeStep, this.activeStepChanged, this.activePageChanged, this.activePage, this.addTitle, this._fileAboutToUpload, this._fileUploadResponse, !this.canSupportUploads, this.newAssetConfigure, this.closeEvent, this.activeStep === 0 ? false : true);
+        return (0, _litElement.html)(_templateObject2_4c93dec0243411ea86f395335a802507(), this.opened, this.openedChanged, this.activeStep, this.activeStepChanged, this.activePageChanged, this.activePage, this.addTitle, this._fileAboutToUpload, this._fileUploadResponse, !this.canSupportUploads, this.newAssetConfigure, this.closeEvent, this.activeStep === 0 ? false : true);
       }
     }, {
       key: "activePageChanged",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-panel-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-panel-item.js
index fac4a53ee80..6e0812fa1ca 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-panel-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-panel-item.js
@@ -6,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pap
   });
   _exports.HAXPanelItem = void 0;
 
-  function _templateObject2_91d2817022d211eaa0764d1a500fd781() {
+  function _templateObject2_4c969de0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n        }\n        paper-button {\n          height: 48px;\n          line-height: 48px;\n          width: 48px;\n          overflow: hidden;\n          margin: 0;\n          text-transform: none;\n          background-color: var(--hax-panel-item-bg);\n          color: var(--hax-panel-item-text);\n          display: flex;\n          padding: 8px;\n          border-radius: 50%;\n          border: 1px solid var(--hax-panel-item-border-color);\n          min-width: unset;\n          --paper-button-ink-color: var(--hax-panel-item-ink, black);\n        }\n        paper-button .button-inner {\n          text-align: center;\n          margin: 0 auto;\n        }\n        paper-button iron-icon {\n          height: 24px;\n          width: 24px;\n          display: inline-flex;\n        }\n        paper-button:hover,\n        paper-button:focus {\n          color: var(--hax-panel-item-active);\n          border: 1px solid var(--hax-panel-item-active-border-color);\n        }\n\n        paper-button[disabled] {\n          opacity: 0.5;\n        }\n        .flip-icon {\n          transform: rotateY(180deg);\n        }\n        :host([dark]) paper-button {\n          border: solid 2px #000000;\n          background-color: #000000 !important;\n          color: var(--hax-color-bg-accent);\n        }\n        :host([large]) paper-button {\n          height: 40px;\n          width: 40px;\n        }\n        :host([dark]) paper-button:hover iron-icon,\n        :host([dark]) paper-button:focus iron-icon {\n          color: #ffffff !important;\n        }\n        :host([dark]) paper-button:hover {\n          border: solid #0085ba 1px;\n        }\n        paper-tooltip {\n          font-size: 16px;\n          --paper-tooltip-background: #000000;\n          --paper-tooltip-opacity: 1;\n          --paper-tooltip-text-color: #ffffff;\n          --paper-tooltip-delay-in: 0;\n          --paper-tooltip-duration-in: 200ms;\n          --paper-tooltip-duration-out: 0;\n        }\n      "]);
 
-    _templateObject2_91d2817022d211eaa0764d1a500fd781 = function _templateObject2_91d2817022d211eaa0764d1a500fd781() {
+    _templateObject2_4c969de0243411ea86f395335a802507 = function _templateObject2_4c969de0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_91d2817022d211eaa0764d1a500fd781() {
+  function _templateObject_4c969de0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          paper-tooltip {\n            --paper-tooltip: {\n              border-radius: 0;\n              font-size: 14px;\n            }\n          }\n        </style>\n      </custom-style>\n      <paper-button raised id=\"button\" .disabled=\"", "\">\n        <div class=\"button-inner\">\n          <iron-icon icon=\"", "\"></iron-icon>\n        </div>\n      </paper-button>\n      <paper-tooltip for=\"button\" position=\"bottom\" offset=\"10\">\n        ", "\n      </paper-tooltip>\n    "]);
 
-    _templateObject_91d2817022d211eaa0764d1a500fd781 = function _templateObject_91d2817022d211eaa0764d1a500fd781() {
+    _templateObject_4c969de0243411ea86f395335a802507 = function _templateObject_4c969de0243411ea86f395335a802507() {
       return data;
     };
 
@@ -63,7 +63,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pap
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_91d2817022d211eaa0764d1a500fd781(), this.disabled, this.icon, this.label);
+        return (0, _litElement.html)(_templateObject_4c969de0243411ea86f395335a802507(), this.disabled, this.icon, this.label);
       }
       /**
        * LitElement properties changed
@@ -192,7 +192,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pap
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_91d2817022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4c969de0243411ea86f395335a802507())];
       }
     }]);
     return HAXPanelItem;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-panel.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-panel.js
index f733598e255..2e7b22c09d1 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-panel.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-panel.js
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
   _exports.HaxPanel = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_91dabed022d211eaa0764d1a500fd781() {
+  function _templateObject2_4cc045f0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          app-drawer {\n            --app-drawer-content-container: {\n              align-items: center;\n              width: 100%;\n              left: 0;\n              right: 0;\n              background-color: var(--hax-color-bg);\n              border-bottom: 1px solid black;\n              padding: var(--hax-panel-padding, 0px 16px);\n              display: flex;\n              touch-action: auto;\n              overflow-x: auto;\n              overflow: visible !important;\n              -webkit-overflow-scrolling: touch;\n              white-space: nowrap;\n            }\n          }\n        </style>\n      </custom-style>\n      <div ?hidden=\"", "\">\n        <hax-panel-item\n          dark\n          large\n          .data-opened=\"", "\"\n          @click=\"", "\"\n          icon=\"create\"\n          id=\"button\"\n          label=\"", "\"\n        ></hax-panel-item>\n      </div>\n      <app-drawer\n        id=\"drawer\"\n        ?opened=\"", "\"\n        @opened-changed=\"", "\"\n        disable-swipe\n        persistent\n        transition-duration=\"300\"\n      >\n        <hax-panel-item\n          ?hidden=\"", "\"\n          @click=\"", "\"\n          icon=\"save\"\n          id=\"haxsavebutton\"\n          label=\"", "\"\n          event-name=\"save\"\n          voice-command=\"save content\"\n        ></hax-panel-item>\n        <hax-panel-item\n          ?hidden=\"", "\"\n          icon=\"cancel\"\n          id=\"haxcancelbutton\"\n          label=\"Cancel\"\n          event-name=\"cancel\"\n          voice-command=\"cancel\"\n        ></hax-panel-item>\n        <hax-panel-item\n          icon=\"icons:file-upload\"\n          label=\"Upload media\"\n          event-name=\"hax-manager-open\"\n          value=\"0\"\n          voice-command=\"(upload)(add) media\"\n        ></hax-panel-item>\n        <hax-panel-item\n          icon=\"search\"\n          label=\"Search for media\"\n          event-name=\"hax-manager-open\"\n          value=\"1\"\n          voice-command=\"(search)(find) media\"\n        ></hax-panel-item>\n        <hax-panel-item\n          icon=\"hax:add-brick\"\n          label=\"Create page element\"\n          event-name=\"hax-manager-open\"\n          voice-command=\"create (page) (element)(widget)\"\n          value=\"2\"\n        ></hax-panel-item>\n        <hax-panel-item\n          icon=\"icons:view-column\"\n          label=\"Insert layout\"\n          event-name=\"hax-blox-picker-open\"\n          voice-command=\"insert (page) layout\"\n        ></hax-panel-item>\n        <hax-panel-item\n          icon=\"hax:templates\"\n          label=\"Insert template\"\n          event-name=\"hax-stax-picker-open\"\n          voice-command=\"insert (page) template\"\n        ></hax-panel-item>\n        <hax-panel-item\n          icon=\"hax:paragraph\"\n          label=\"Insert paragraph\"\n          event-name=\"text\"\n          voice-command=\"insert (text)(paragraph)\"\n          class=\"hide-small\"\n        ></hax-panel-item>\n        <hax-panel-item\n          icon=\"hax:h2\"\n          label=\"Insert heading\"\n          event-name=\"header\"\n          voice-command=\"insert (header)(heading)\"\n          class=\"hide-small\"\n        ></hax-panel-item>\n        <hax-panel-item\n          icon=\"hax:hr\"\n          label=\"Insert horizontal line\"\n          event-name=\"divider\"\n          voice-command=\"insert (divider)(horizontal line)\"\n          class=\"hide-small\"\n        ></hax-panel-item>\n        <hax-panel-item\n          icon=\"hax:placeholder\"\n          label=\"Insert media placeholder\"\n          event-name=\"placeholder\"\n          voice-command=\"insert (image) placeholder\"\n          class=\"hide-small\"\n        ></hax-panel-item>\n        <hax-panel-item\n          ?hidden=\"", "\"\n          event-name=\"open-export-dialog\"\n          icon=\"code\"\n          label=\"View page source\"\n          voice-command=\"view (page) source\"\n        ></hax-panel-item>\n        <slot></slot>\n        <hax-panel-item\n          icon=\"icons:undo\"\n          ?disabled=\"", "\"\n          label=\"Undo previous action\"\n          event-name=\"undo\"\n          voice-command=\"undo\"\n          class=\"hide-small\"\n        ></hax-panel-item>\n        <hax-panel-item\n          icon=\"icons:redo\"\n          ?disabled=\"", "\"\n          label=\"Redo previous action\"\n          event-name=\"redo\"\n          voice-command=\"redo\"\n          class=\"hide-small\"\n        ></hax-panel-item>\n        <hax-panel-item\n          right\n          ?hidden=\"", "\"\n          event-name=\"open-preferences-dialog\"\n          icon=\"settings\"\n          label=\"Editor preferences\"\n          voice-command=\"open (editor) preferences\"\n        ></hax-panel-item>\n        <div class=\"editing-mode-active\">", "</div>\n      </app-drawer>\n      <div class=\"active-op-name\">", "</div>\n    "]);
 
-    _templateObject2_91dabed022d211eaa0764d1a500fd781 = function _templateObject2_91dabed022d211eaa0764d1a500fd781() {
+    _templateObject2_4cc045f0243411ea86f395335a802507 = function _templateObject2_4cc045f0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_91dabed022d211eaa0764d1a500fd781() {
+  function _templateObject_4cc045f0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          position: absolute;\n          z-index: 1000000;\n        }\n        :host *[hidden] {\n          display: none;\n        }\n        iron-icon:not(:defined),\n        hax-panel-item:not(:defined),\n        app-drawer:not(:defined) {\n          display: none;\n        }\n        app-drawer {\n          z-index: 100001;\n          height: 40px;\n          padding: var(--hax-panel-padding, 8px 16px);\n          left: 0;\n          top: 0;\n          align-items: center;\n          touch-action: auto;\n          visibility: hidden;\n          opacity: 0;\n          display: flex;\n          --app-drawer-width: 100%;\n        }\n        hax-panel-item {\n          margin: 8px 2px;\n        }\n        hax-panel-item[right] {\n          float: right;\n        }\n        #haxcancelbutton {\n          margin-right: 48px;\n        }\n        :host([edit-mode]) app-drawer {\n          visibility: visible;\n          transition: 0.3s ease opacity;\n          opacity: 1;\n          right: 0;\n          left: 0;\n          top: 0;\n        }\n\n        #button {\n          color: white;\n          position: fixed;\n          top: 0;\n          left: 0;\n          visibility: visible;\n          z-index: 10000;\n          transition: all 0.3s ease;\n          margin: 0;\n          border-top-left-radius: 0;\n        }\n        :host([edit-mode]) #button {\n          visibility: hidden;\n          opacity: 0;\n        }\n        #button:hover {\n          opacity: 1;\n        }\n        :host([align=\"right\"]) #button {\n          right: 0;\n          left: unset;\n          border-top-right-radius: 0;\n          border-top-left-radius: unset;\n        }\n        .active-op-name,\n        .editing-mode-active {\n          display: none;\n        }\n        :host([edit-mode]) .active-op-name {\n          display: flex;\n          top: 0;\n          right: 0;\n          z-index: 1000000;\n          position: fixed;\n          font-size: 14px;\n          border-bottom: 1px solid black;\n          border-left: 1px solid black;\n          font-weight: bold;\n          padding: 16px 28px 16px 16px;\n          line-height: 24px;\n          height: 23px;\n          min-width: 120px;\n          justify-content: space-evenly;\n          color: var(--hax-color-menu-heading-bg, black);\n          background-color: var(--hax-color-menu-heading-color, #eeeeee);\n          vertical-align: middle;\n        }\n        :host([edit-mode]) .editing-mode-active {\n          display: flex;\n          font-size: 18px;\n          margin-left: 100px;\n          padding: 0 8px;\n          font-weight: bold;\n          color: var(--hax-color-menu-heading-bg, black);\n          background-color: var(--hax-color-menu-heading-color, #eeeeee);\n        }\n        @media screen and (max-width: 600px) {\n          :host([edit-mode]) .hide-small {\n            display: none;\n          }\n        }\n        @media screen and (max-width: 800px) {\n          :host([edit-mode]) #haxcancelbutton {\n            margin-right: 2px;\n          }\n          :host([edit-mode]) .editing-mode-active,\n          :host([edit-mode]) .active-op-name {\n            display: none;\n          }\n        }\n      "]);
 
-    _templateObject_91dabed022d211eaa0764d1a500fd781 = function _templateObject_91dabed022d211eaa0764d1a500fd781() {
+    _templateObject_4cc045f0243411ea86f395335a802507 = function _templateObject_4cc045f0243411ea86f395335a802507() {
       return data;
     };
 
@@ -51,7 +51,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxPanel), "styles", this)), [(0, _litElement.css)(_templateObject_91dabed022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxPanel), "styles", this)), [(0, _litElement.css)(_templateObject_4cc045f0243411ea86f395335a802507())]);
       }
       /**
        * HTMLElement specification
@@ -137,7 +137,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
     }, {
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_91dabed022d211eaa0764d1a500fd781(), this.hidePanelOps, this.editMode, this._clickEditButton, this.__tipText, this.editMode, this.openedChanged, this.hidePanelOps, this._clickSaveButton, this.__tipText, this.hidePanelOps, this.hideExportButton, !this.canUndo, !this.canRedo, this.hidePreferencesButton, this.editModeName, this.activeOperationName);
+        return (0, _litElement.html)(_templateObject2_4cc045f0243411ea86f395335a802507(), this.hidePanelOps, this.editMode, this._clickEditButton, this.__tipText, this.editMode, this.openedChanged, this.hidePanelOps, this._clickSaveButton, this.__tipText, this.hidePanelOps, this.hideExportButton, !this.canUndo, !this.canRedo, this.hidePreferencesButton, this.editModeName, this.activeOperationName);
       }
     }, {
       key: "openedChanged",
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 0b03957328c..3aa34438fa6 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_91e2d52022d211eaa0764d1a500fd781() {
+  function _templateObject2_4cc91f90243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          app-drawer {\n            --app-drawer-content-container: {\n              background-color: #ffffff;\n            }\n            --app-drawer-width: 320px;\n          }\n          eco-json-schema-object {\n            --eco-json-schema-object-form : {\n              -ms-flex: unset;\n              -webkit-flex: unset;\n              flex: unset;\n              -webkit-flex-basis: unset;\n              flex-basis: unset;\n            }\n            --paper-checkbox-size: 16px;\n            --paper-checkbox-checked-ink-color: var(--hax-color-accent1);\n            --paper-checkbox-label: {\n              font-size: 16px;\n              line-height: 16px;\n            }\n          }\n        </style>\n      </custom-style>\n      <app-drawer\n        id=\"dialog\"\n        align=\"right\"\n        transition-duration=\"300\"\n        ?opened=\"", "\"\n        @opened-changed=\"", "\"\n      >\n        <h3 class=\"title\">\n          <iron-icon icon=\"icons:settings\"></iron-icon> ", "\n        </h3>\n        <div style=\"height: 100%; overflow: auto;\" class=\"pref-container\">\n          <eco-json-schema-object\n            .schema=\"", "\"\n            @value-changed=\"", "\"\n          ></eco-json-schema-object>\n        </div>\n        <paper-button id=\"closedialog\" @click=\"", "\">\n          <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n        </paper-button>\n      </app-drawer>\n    "]);
 
-    _templateObject2_91e2d52022d211eaa0764d1a500fd781 = function _templateObject2_91e2d52022d211eaa0764d1a500fd781() {
+    _templateObject2_4cc91f90243411ea86f395335a802507 = function _templateObject2_4cc91f90243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_91e2d52022d211eaa0764d1a500fd781() {
+  function _templateObject_4cc91f90243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        iron-icon:not(:defined),\n        paper-button:not(:defined),\n        app-drawer:not(:defined) {\n          display: none;\n        }\n        #dialog {\n          z-index: 1000;\n          margin-top: 56px;\n        }\n        #closedialog {\n          float: right;\n          top: 124px;\n          right: 0;\n          position: absolute;\n          padding: 8px;\n          margin: 0;\n          background-color: var(--hax-color-menu-heading-bg, #eeeeee);\n          color: var(--hax-color-menu-heading-color, black);\n          width: 40px;\n          height: 40px;\n          min-width: unset;\n        }\n        .title {\n          position: relative;\n          padding: 16px;\n          outline: 0;\n          font-weight: 600;\n          text-align: left;\n          margin: 0;\n          background-color: var(--hax-color-menu-heading-bg, #eeeeee);\n          color: var(--hax-color-menu-heading-color, black);\n          font-size: 18px;\n          line-height: 18px;\n          font-family: \"Noto Serif\", serif;\n        }\n        eco-json-schema-object {\n          color: white;\n        }\n        .pref-container {\n          text-align: left;\n          padding: 16px;\n        }\n      "]);
 
-    _templateObject_91e2d52022d211eaa0764d1a500fd781 = function _templateObject_91e2d52022d211eaa0764d1a500fd781() {
+    _templateObject_4cc91f90243411ea86f395335a802507 = function _templateObject_4cc91f90243411ea86f395335a802507() {
       return data;
     };
 
@@ -47,7 +47,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxPreferencesDialog), "styles", this)), [(0, _litElement.css)(_templateObject_91e2d52022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxPreferencesDialog), "styles", this)), [(0, _litElement.css)(_templateObject_4cc91f90243411ea86f395335a802507())]);
       }
     }]);
 
@@ -102,7 +102,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
     }, {
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_91e2d52022d211eaa0764d1a500fd781(), this.opened, this.openedChanged, this.title, this.schema, this.valueChanged, this.closeEvent);
+        return (0, _litElement.html)(_templateObject2_4cc91f90243411ea86f395335a802507(), this.opened, this.openedChanged, this.title, this.schema, this.valueChanged, this.closeEvent);
       }
     }, {
       key: "openedChanged",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-preview.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-preview.js
index 8693439b7d0..18f8f0ffaf1 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-preview.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-preview.js
@@ -10,20 +10,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pol
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_91f4886022d211eaa0764d1a500fd781() {
+  function _templateObject2_4cdb4800243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          #form {\n            --eco-json-schema-object-form: {\n              display: block !important;\n            }\n          }\n          #modetabs {\n            --paper-tabs: {\n              background: transparent;\n            }\n          }\n          #modetabs paper-tab {\n            --paper-tab: {\n              font-size: 16px;\n            }\n          }\n          eco-json-schema-object {\n            --eco-json-schema-object-form : {\n              -ms-flex: unset;\n              -webkit-flex: unset;\n              flex: unset;\n              -webkit-flex-basis: unset;\n              flex-basis: unset;\n            }\n          }\n        </style>\n      </custom-style>\n      <vaadin-split-layout\n        class=\"panel-wrapper\"\n        orientation=\"", "\"\n      >\n        <div\n          id=\"ppanel1\"\n          class=\"vaadin-split-layout-panel vaadin-layout-", "\"\n        >\n          <div class=\"preview-buttons\">\n            <paper-button id=\"insert\" raised @click=\"", "\"\n              >", "</paper-button\n            >\n            <paper-button id=\"cancel\" raised @click=\"", "\"\n              >Cancel</paper-button\n            >\n          </div>\n          <div class=\"preview-text hide-on-mobile\">\n            <iron-icon icon=\"icons:arrow-drop-down\"></iron-icon\n            ><iron-icon icon=\"icons:arrow-drop-down\"></iron-icon\n            ><iron-icon icon=\"icons:arrow-drop-down\"></iron-icon>", "\n            preview<iron-icon icon=\"icons:arrow-drop-down\"></iron-icon\n            ><iron-icon icon=\"icons:arrow-drop-down\"></iron-icon\n            ><iron-icon icon=\"icons:arrow-drop-down\"></iron-icon>\n          </div>\n          <div id=\"preview\"><slot></slot></div>\n          <div class=\"preview-text preview-text-bottom hide-on-mobile\">\n            <iron-icon icon=\"icons:arrow-drop-up\"></iron-icon\n            ><iron-icon icon=\"icons:arrow-drop-up\"></iron-icon\n            ><iron-icon icon=\"icons:arrow-drop-up\"></iron-icon>end\n            preview<iron-icon icon=\"icons:arrow-drop-up\"></iron-icon\n            ><iron-icon icon=\"icons:arrow-drop-up\"></iron-icon\n            ><iron-icon icon=\"icons:arrow-drop-up\"></iron-icon>\n          </div>\n        </div>\n        <div\n          id=\"ppanel2\"\n          class=\"vaadin-split-layout-panel vaadin-layout-", "\"\n        >\n          <paper-tabs\n            .hidden=\"", "\"\n            id=\"modetabs\"\n            selected=\"", "\"\n            @selected-changed=\"", "\"\n            attr-for-selected=\"data-mode\"\n          >\n            <paper-tab id=\"configurebutton\" data-mode=\"configure\"\n              ><paper-button raised=\"\" noink=\"\"\n                >Configure</paper-button\n              ></paper-tab\n            >\n            <paper-tab id=\"advancedbutton\" data-mode=\"advanced\"\n              ><paper-button raised=\"\" noink=\"\"\n                >Advanced</paper-button\n              ></paper-tab\n            >\n          </paper-tabs>\n          <paper-card class=\"form-wrapper\">\n            <eco-json-schema-object\n              id=\"form\"\n              .schema=\"", "\"\n              .value=\"", "\"\n              @value-changed=\"", "\"\n            ></eco-json-schema-object>\n          </paper-card>\n        </div>\n      </vaadin-split-layout>\n      <iron-media-query\n        query=\"", "\"\n        @query-matches-changed=\"", "\"\n      ></iron-media-query>\n    "]);
 
-    _templateObject2_91f4886022d211eaa0764d1a500fd781 = function _templateObject2_91f4886022d211eaa0764d1a500fd781() {
+    _templateObject2_4cdb4800243411ea86f395335a802507 = function _templateObject2_4cdb4800243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_91f4886022d211eaa0764d1a500fd781() {
+  function _templateObject_4cdb4800243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: #ffffff;\n          overflow: hidden;\n        }\n        iron-icon:not(:defined),\n        paper-button:not(:defined) {\n          display: none;\n        }\n        paper-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        }\n\n        vaadin-split-layout {\n          display: flex;\n          justify-content: space-around;\n          height: 100%;\n        }\n        eco-json-schema-object {\n          width: 50%;\n          --eco-json-field-margin: var(--hax-field-margin, 0 0 4px);\n          color: var(--hax-text-color);\n        }\n\n        .vaadin-split-layout-panel {\n          flex: 1 1 auto;\n          width: 100%;\n          flex-wrap: nowrap;\n          margin: 0;\n          height: 100%;\n          overflow: hidden;\n        }\n        #preview {\n          padding: 16px;\n          color: #000000;\n          background-color: white;\n          max-height: 63vh;\n          overflow: scroll;\n        }\n        #preview ::slotted(*) {\n          float: unset !important;\n          margin: unset !important;\n          width: unset !important;\n          position: unset !important;\n          top: unset !important;\n          left: unset !important;\n          right: unset !important;\n          bottom: unset !important;\n        }\n        .preview-text {\n          font-size: 14px;\n          color: var(--hax-color-text);\n          font-style: italic;\n          width: 100%;\n          height: 24px;\n          border-bottom: 1px solid var(--hax-color-border-outline);\n          text-align: center;\n          padding: 8px 0;\n          box-sizing: content-box;\n        }\n        .preview-text iron-icon {\n          margin: 0 8px;\n          display: inline-block;\n        }\n        .preview-text-bottom {\n          border-bottom: unset;\n          border-top: 1px solid var(--hax-color-border-outline);\n        }\n        @media screen and (max-width: 550px) {\n          .hide-on-mobile {\n            opacity: 0;\n            visibility: hidden;\n            position: absolute;\n            left: -9999px;\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);\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(--hax-color-accent1);\n        }\n        #modetabs paper-tab {\n          display: inline-flex;\n          height: 100%;\n          --paper-tab-ink: var(--hax-color-accent1);\n        }\n        #modetabs paper-tab paper-button {\n          min-width: unset;\n          width: 100%;\n          background-color: var(--hax-preview-button-bg, white);\n          color: var(--hax-preview-button-color, black);\n        }\n        .preview-buttons {\n          height: 64px;\n          padding: 0px;\n          color: var(--hax-color-text);\n          border-bottom: 1px solid var(--hax-color-border-outline);\n          background-color: transparent;\n          margin: 16px 0 0 0;\n          text-align: center;\n          box-sizing: content-box;\n        }\n        .preview-buttons paper-button {\n          min-width: unset;\n          width: 40%;\n          color: var(--hax-preview-button-color, black);\n          display: inline-block;\n          background-color: var(--hax-preview-button-bg, white);\n        }\n        #insert {\n          background-color: var(\n            --hax-preview-insert-button-bg,\n            --hax-preview-button-bg\n          );\n        }\n        #cancel {\n          background-color: var(\n            --hax-preview-cancel-button-bg,\n            --hax-preview-button-bg\n          );\n        }\n        .vaadin-layout-width {\n          min-width: 30%;\n          width: 50%;\n          max-width: 70%;\n        }\n        .vaadin-layout-height {\n          min-height: 40%;\n          height: 50%;\n          max-height: 60%;\n        }\n      "]);
 
-    _templateObject_91f4886022d211eaa0764d1a500fd781 = function _templateObject_91f4886022d211eaa0764d1a500fd781() {
+    _templateObject_4cdb4800243411ea86f395335a802507 = function _templateObject_4cdb4800243411ea86f395335a802507() {
       return data;
     };
 
@@ -49,7 +49,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pol
        * LitElement render styles
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_91f4886022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4cdb4800243411ea86f395335a802507())];
       }
       /**
        * HTMLElement
@@ -87,7 +87,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pol
     babelHelpers.createClass(HaxPreview, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_91f4886022d211eaa0764d1a500fd781(), this.orientation, this.orientationDirection, this.insert, this.editTitle, this.cancel, this.humanName, this.orientationDirection, !this.haspreviewNode, this.modeTab, this.__modeTabChanged, this.schema, this.value, this.__valueChangedEvent, this._computeMediaQuery(this.responsiveWidth), this._onQueryMatchesChanged);
+        return (0, _litElement.html)(_templateObject2_4cdb4800243411ea86f395335a802507(), this.orientation, this.orientationDirection, this.insert, this.editTitle, this.cancel, this.humanName, this.orientationDirection, !this.haspreviewNode, this.modeTab, this.__modeTabChanged, this.schema, this.value, this.__valueChangedEvent, this._computeMediaQuery(this.responsiveWidth), this._onQueryMatchesChanged);
       }
       /**
        * Notice change in eco and bubble up
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-schema-form.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-schema-form.js
index 7033e1bca5f..484b6b32a23 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-schema-form.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-schema-form.js
@@ -7,10 +7,10 @@ define(["exports", "require", "../../../@polymer/polymer/polymer-element.js", ".
   _exports.HaxSchemaForm = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_91f9df9022d211eaa0764d1a500fd781() {
+  function _templateObject_4ce16280243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: block;\n          background-color: #ffffff;\n          overflow: hidden;\n        }\n        paper-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        }\n\n        eco-json-schema-object {\n          width: 50%;\n        }\n        #form {\n          --eco-json-schema-object-form: {\n            display: block !important;\n          }\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);\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(--hax-color-accent1);\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(--hax-color-accent1);\n          --paper-tab: {\n            font-size: 16px;\n          }\n        }\n        #modetabs paper-tab paper-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        eco-json-schema-object {\n          color: var(--hax-text-color);\n          --paper-input-container-focus-color: var(\n            --haxcms-site-listing-color-hover\n          );\n          --simple-colors-picker-preview-size: 20px;\n          --eco-json-schema-object-form: {\n            -ms-flex: unset;\n            -webkit-flex: unset;\n            flex: unset;\n            -webkit-flex-basis: unset;\n            flex-basis: unset;\n          }\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          ><paper-button raised=\"\" noink=\"\">Configure</paper-button></paper-tab\n        >\n        <paper-tab id=\"advancedbutton\" data-mode=\"advanced\"\n          ><paper-button raised=\"\" noink=\"\">Advanced</paper-button></paper-tab\n        >\n      </paper-tabs>\n      <paper-card class=\"form-wrapper\">\n        <eco-json-schema-object\n          id=\"form\"\n          schema=\"[[schema]]\"\n          value=\"{{value}}\"\n        ></eco-json-schema-object>\n      </paper-card>\n    "]);
 
-    _templateObject_91f9df9022d211eaa0764d1a500fd781 = function _templateObject_91f9df9022d211eaa0764d1a500fd781() {
+    _templateObject_4ce16280243411ea86f395335a802507 = function _templateObject_4ce16280243411ea86f395335a802507() {
       return data;
     };
 
@@ -182,7 +182,7 @@ define(["exports", "require", "../../../@polymer/polymer/polymer-element.js", ".
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_91f9df9022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4ce16280243411ea86f395335a802507());
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-stax-browser-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-stax-browser-item.js
index e9c64197aa8..9391d3d432b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-stax-browser-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-stax-browser-item.js
@@ -7,30 +7,30 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../../@
   _exports.HaxStaxBrowserItem = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject3_91fc9eb022d211eaa0764d1a500fd781() {
+  function _templateObject3_4ce46fc0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n        }\n        paper-card {\n          margin: 4px 0;\n          border-radius: 10px;\n          display: flex;\n          width: 100%;\n        }\n        paper-button {\n          color: black;\n          background-color: #ffffff;\n          border: 2px solid var(--hax-color-border-outline);\n          text-transform: none;\n          margin: 0;\n          height: 80px !important;\n          width: 100%;\n          display: flex;\n          border-radius: 0;\n          min-width: unset;\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          transition: box-shadow 0.3s;\n        }\n        paper-button:hover,\n        paper-button:focus {\n          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.14),\n            0 2px 10px 0 rgba(0, 0, 0, 0.12), 0 6px 2px -4px rgba(0, 0, 0, 0.2);\n        }\n        paper-button:active {\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        }\n        paper-button .item-title {\n          font-size: 14px;\n          display: inline-flex;\n        }\n        paper-button .item-title {\n          font-size: 14px;\n          display: inline-flex;\n        }\n        paper-button .button-inner {\n          text-align: center;\n        }\n        .flip-icon {\n          transform: rotateY(180deg);\n        }\n        @media screen and (max-width: 550px) {\n          paper-button .item-title {\n            font-size: 10px;\n          }\n        }\n      "]);
 
-    _templateObject3_91fc9eb022d211eaa0764d1a500fd781 = function _templateObject3_91fc9eb022d211eaa0764d1a500fd781() {
+    _templateObject3_4ce46fc0243411ea86f395335a802507 = function _templateObject3_4ce46fc0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_91fc9eb022d211eaa0764d1a500fd781() {
+  function _templateObject2_4ce46fc0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <iron-image\n                  src=\"", "\"\n                  preload=\"\"\n                  sizing=\"cover\"\n                ></iron-image>\n              "]);
 
-    _templateObject2_91fc9eb022d211eaa0764d1a500fd781 = function _templateObject2_91fc9eb022d211eaa0764d1a500fd781() {
+    _templateObject2_4ce46fc0243411ea86f395335a802507 = function _templateObject2_4ce46fc0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_91fc9eb022d211eaa0764d1a500fd781() {
+  function _templateObject_4ce46fc0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-button\n        id=\"button\"\n        @click=\"", "\"\n        .data-voicecommand=\"select ", "\"\n      >\n        <div class=\"button-inner\">\n          ", "\n          <div class=\"item-title\">", "</div>\n        </div>\n      </paper-button>\n    "]);
 
-    _templateObject_91fc9eb022d211eaa0764d1a500fd781 = function _templateObject_91fc9eb022d211eaa0764d1a500fd781() {
+    _templateObject_4ce46fc0243411ea86f395335a802507 = function _templateObject_4ce46fc0243411ea86f395335a802507() {
       return data;
     };
 
@@ -55,7 +55,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../../@
     babelHelpers.createClass(HaxStaxBrowserItem, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_91fc9eb022d211eaa0764d1a500fd781(), this._fireEvent, this.title, this.image ? (0, _litElement.html)(_templateObject2_91fc9eb022d211eaa0764d1a500fd781(), this.image) : "", this.title);
+        return (0, _litElement.html)(_templateObject_4ce46fc0243411ea86f395335a802507(), this._fireEvent, this.title, this.image ? (0, _litElement.html)(_templateObject2_4ce46fc0243411ea86f395335a802507(), this.image) : "", this.title);
       }
     }, {
       key: "updated",
@@ -86,7 +86,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../../@
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_91fc9eb022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_4ce46fc0243411ea86f395335a802507())];
       }
     }, {
       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 4cb0ad739a8..67e6dd25e0c 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,30 +6,30 @@ define(["exports", "../../../lit-element/lit-element.js", "./hax-stax-browser-it
   });
   _exports.HaxStaxBrowser = void 0;
 
-  function _templateObject3_91fe737022d211eaa0764d1a500fd781() {
+  function _templateObject3_4ce64480243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n          <div class=\"stax-container\">\n            <hax-stax-browser-item\n              .index=\"", "\"\n              .title=\"", "\"\n              .tag=\"", "\"\n              .image=\"", "\"\n              .author=\"", "\"\n              .teaser=\"", "\"\n              .description=\"", "\"\n              .examples=\"", "\"\n              .status=\"", "\"\n              .stax=\"", "\"\n            ></hax-stax-browser-item>\n          </div>\n        "]);
 
-    _templateObject3_91fe737022d211eaa0764d1a500fd781 = function _templateObject3_91fe737022d211eaa0764d1a500fd781() {
+    _templateObject3_4ce64480243411ea86f395335a802507 = function _templateObject3_4ce64480243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_91fe737022d211eaa0764d1a500fd781() {
+  function _templateObject2_4ce64480243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", "\n    "]);
 
-    _templateObject2_91fe737022d211eaa0764d1a500fd781 = function _templateObject2_91fe737022d211eaa0764d1a500fd781() {
+    _templateObject2_4ce64480243411ea86f395335a802507 = function _templateObject2_4ce64480243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_91fe737022d211eaa0764d1a500fd781() {
+  function _templateObject_4ce64480243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        hax-stax-browser-item {\n          margin: 10px;\n          transition: 0.3s all linear;\n        }\n      "]);
 
-    _templateObject_91fe737022d211eaa0764d1a500fd781 = function _templateObject_91fe737022d211eaa0764d1a500fd781() {
+    _templateObject_4ce64480243411ea86f395335a802507 = function _templateObject_4ce64480243411ea86f395335a802507() {
       return data;
     };
 
@@ -50,7 +50,7 @@ define(["exports", "../../../lit-element/lit-element.js", "./hax-stax-browser-it
     babelHelpers.createClass(HaxStaxBrowser, null, [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_91fe737022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4ce64480243411ea86f395335a802507())];
       }
     }]);
 
@@ -66,8 +66,8 @@ define(["exports", "../../../lit-element/lit-element.js", "./hax-stax-browser-it
     babelHelpers.createClass(HaxStaxBrowser, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_91fe737022d211eaa0764d1a500fd781(), this.staxList.map(function (stax) {
-          return (0, _litElement.html)(_templateObject3_91fe737022d211eaa0764d1a500fd781(), stax.index, stax.details.title, stax.details.tag, stax.details.image, stax.details.author, stax.details.teaser, stax.details.description, stax.details.examples, stax.details.status, stax.stax);
+        return (0, _litElement.html)(_templateObject2_4ce64480243411ea86f395335a802507(), this.staxList.map(function (stax) {
+          return (0, _litElement.html)(_templateObject3_4ce64480243411ea86f395335a802507(), stax.index, stax.details.title, stax.details.tag, stax.details.image, stax.details.author, stax.details.teaser, stax.details.description, stax.details.examples, stax.details.status, stax.stax);
         }));
       }
     }], [{
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 0037877e2f7..6976b74aecb 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,10 +8,10 @@ define(["exports", "meta", "require", "../../../lit-element/lit-element.js", "..
   meta = babelHelpers.interopRequireWildcard(meta);
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_9239f5d022d211eaa0764d1a500fd781() {
+  function _templateObject2_4d1cbdd0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n      "]);
 
-    _templateObject2_9239f5d022d211eaa0764d1a500fd781 = function _templateObject2_9239f5d022d211eaa0764d1a500fd781() {
+    _templateObject2_4d1cbdd0243411ea86f395335a802507 = function _templateObject2_4d1cbdd0243411ea86f395335a802507() {
       return data;
     };
 
@@ -22,10 +22,10 @@ define(["exports", "meta", "require", "../../../lit-element/lit-element.js", "..
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_9239f5d022d211eaa0764d1a500fd781() {
+  function _templateObject_4d1cbdd0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <slot></slot>\n      <undoer-element></undoer-element>\n      <iron-ajax\n        id=\"appstore\"\n        url=\"", "\"\n        .params=\"", "\"\n        method=\"GET\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n      ></iron-ajax>\n      <hal-9000\n        id=\"hal\"\n        .responds-to=\"", "\"\n        .debug=\"", "\"\n      ></hal-9000>\n    "]);
 
-    _templateObject_9239f5d022d211eaa0764d1a500fd781 = function _templateObject_9239f5d022d211eaa0764d1a500fd781() {
+    _templateObject_4d1cbdd0243411ea86f395335a802507 = function _templateObject_4d1cbdd0243411ea86f395335a802507() {
       return data;
     };
 
@@ -46,7 +46,7 @@ define(["exports", "meta", "require", "../../../lit-element/lit-element.js", "..
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9239f5d022d211eaa0764d1a500fd781(), this.appStore.url, this.appStore.params, this.__appStoreDataChanged, this.voiceRespondsTo, this.voiceDebug);
+        return (0, _litElement.html)(_templateObject_4d1cbdd0243411ea86f395335a802507(), this.appStore.url, this.appStore.params, this.__appStoreDataChanged, this.voiceRespondsTo, this.voiceDebug);
       }
     }, {
       key: "__appStoreDataChanged",
@@ -676,7 +676,7 @@ define(["exports", "meta", "require", "../../../lit-element/lit-element.js", "..
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9239f5d022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4d1cbdd0243411ea86f395335a802507())];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-text-context.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-text-context.js
index f3c965a518e..fe19ea7d52a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-text-context.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-text-context.js
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
   _exports.HaxTextContext = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_925e94d022d211eaa0764d1a500fd781() {
+  function _templateObject2_4d252240243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <hax-toolbar .selected=\"", "\" hide-transform id=\"toolbar\">\n        <hax-context-item-menu\n          slot=\"primary\"\n          .selected-value=\"", "\"\n          @selected-value-changed=\"", "\"\n          id=\"formatsize\"\n          icon=\"", "\"\n          label=\"Text format\"\n          event-name=\"text-tag\"\n        >\n          <paper-item value=\"p\"\n            ><iron-icon icon=\"hax:paragraph\"></iron-icon>Paragraph</paper-item\n          >\n          <paper-item value=\"ul\"\n            ><iron-icon icon=\"editor:format-list-bulleted\"></iron-icon>Bulleted\n            list</paper-item\n          >\n          <paper-item value=\"ol\"\n            ><iron-icon icon=\"editor:format-list-numbered\"></iron-icon>Numbered\n            list</paper-item\n          >\n          <paper-item value=\"h2\"\n            ><iron-icon icon=\"hax:h2\"></iron-icon>Title\n          </paper-item>\n          <paper-item value=\"h3\"\n            ><iron-icon icon=\"hax:h3\"></iron-icon>Content heading\n          </paper-item>\n          <paper-item value=\"h4\"\n            ><iron-icon icon=\"hax:h4\"></iron-icon>Subheading\n          </paper-item>\n          <paper-item value=\"h5\"\n            ><iron-icon icon=\"hax:h5\"></iron-icon>Deeper subheading\n          </paper-item>\n          <paper-item value=\"blockquote\"\n            ><iron-icon icon=\"editor:format-quote\"></iron-icon>Blockquote\n          </paper-item>\n          <paper-item value=\"code\"\n            ><iron-icon icon=\"icons:code\"></iron-icon>Code\n          </paper-item>\n        </hax-context-item-menu>\n        <hax-context-item-textop\n          slot=\"primary\"\n          icon=\"editor:format-bold\"\n          label=\"Bold\"\n          event-name=\"text-bold\"\n        ></hax-context-item-textop>\n        <hax-context-item-textop\n          slot=\"primary\"\n          icon=\"editor:format-italic\"\n          label=\"Italic\"\n          event-name=\"text-italic\"\n        ></hax-context-item-textop>\n        <hax-context-item-textop\n          slot=\"primary\"\n          icon=\"editor:insert-link\"\n          label=\"Link\"\n          event-name=\"text-link\"\n        ></hax-context-item-textop>\n        <hax-context-item-textop\n          slot=\"primary\"\n          icon=\"mdextra:unlink\"\n          label=\"Remove link\"\n          event-name=\"text-unlink\"\n        ></hax-context-item-textop>\n        <hax-context-item-textop\n          slot=\"primary\"\n          icon=\"editor:format-list-bulleted\"\n          event-name=\"ul\"\n          label=\"Bulleted list\"\n          .hidden=\"", "\"\n        ></hax-context-item-textop>\n        <hax-context-item-textop\n          slot=\"primary\"\n          icon=\"editor:format-list-numbered\"\n          label=\"Numbered list\"\n          event-name=\"ol\"\n          .hidden=\"", "\"\n        ></hax-context-item-textop>\n        <hax-context-item-textop\n          slot=\"primary\"\n          icon=\"editor:format-indent-decrease\"\n          label=\"Outdent\"\n          event-name=\"text-outdent\"\n          .hidden=\"", "\"\n        ></hax-context-item-textop>\n        <hax-context-item-textop\n          slot=\"primary\"\n          icon=\"editor:format-indent-increase\"\n          label=\"Indent\"\n          event-name=\"text-indent\"\n          .hidden=\"", "\"\n        ></hax-context-item-textop>\n        <hax-context-item-textop\n          slot=\"primary\"\n          icon=\"editor:format-clear\"\n          label=\"Remove format\"\n          event-name=\"text-remove-format\"\n        ></hax-context-item-textop>\n        <hax-context-item\n          slot=\"primary\"\n          icon=\"hax:add-brick\"\n          label=\"Add element to selection\"\n          event-name=\"insert-inline-gizmo\"\n          .hidden=\"", "\"\n        ></hax-context-item>\n        <hax-context-item-textop\n          slot=\"primary\"\n          icon=\"hax:add-brick\"\n          label=\"Add element to selection\"\n          event-name=\"insert-inline-gizmo\"\n          .hidden=\"", "\"\n        ></hax-context-item-textop>\n        <hax-context-item-textop\n          menu\n          slot=\"more\"\n          icon=\"mdextra:subscript\"\n          event-name=\"text-subscript\"\n          >Subscript</hax-context-item-textop\n        >\n        <hax-context-item-textop\n          menu\n          slot=\"more\"\n          icon=\"mdextra:superscript\"\n          event-name=\"text-superscript\"\n          >Superscript</hax-context-item-textop\n        >\n        <hax-context-item-textop\n          menu\n          slot=\"more\"\n          icon=\"editor:format-underlined\"\n          event-name=\"text-underline\"\n          >Underline</hax-context-item-textop\n        >\n        <hax-context-item-textop\n          menu\n          slot=\"more\"\n          icon=\"editor:format-strikethrough\"\n          event-name=\"text-strikethrough\"\n          >Cross out</hax-context-item-textop\n        >\n      </hax-toolbar>\n    "]);
 
-    _templateObject2_925e94d022d211eaa0764d1a500fd781 = function _templateObject2_925e94d022d211eaa0764d1a500fd781() {
+    _templateObject2_4d252240243411ea86f395335a802507 = function _templateObject2_4d252240243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_925e94d022d211eaa0764d1a500fd781() {
+  function _templateObject_4d252240243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          pointer-events: none;\n        }\n        :host [hidden] {\n          display: none;\n        }\n        paper-item {\n          -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n          height: 36px;\n          padding: 0 8px;\n          min-height: 36px;\n        }\n        paper-item:hover {\n          background-color: #d3d3d3;\n          cursor: pointer;\n        }\n        iron-icon {\n          padding: 8px;\n        }\n        paper-item strong {\n          padding: 8px;\n          font-size: 12px;\n        }\n        :host(.hax-context-pin-top) hax-toolbar {\n          position: fixed;\n          top: 64px;\n          opacity: 0.95;\n        }\n        :host(.hax-context-pin-bottom) hax-toolbar {\n          position: fixed;\n          bottom: 0;\n          opacity: 0.95;\n        }\n      "]);
 
-    _templateObject_925e94d022d211eaa0764d1a500fd781 = function _templateObject_925e94d022d211eaa0764d1a500fd781() {
+    _templateObject_4d252240243411ea86f395335a802507 = function _templateObject_4d252240243411ea86f395335a802507() {
       return data;
     };
 
@@ -41,7 +41,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
     babelHelpers.createClass(HaxTextContext, null, [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_925e94d022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4d252240243411ea86f395335a802507())];
       }
     }]);
 
@@ -87,7 +87,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
     babelHelpers.createClass(HaxTextContext, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_925e94d022d211eaa0764d1a500fd781(), this.selection, this.selectedValue, this.selectedValueChanged, this.formatIcon, !this._showLists, !this._showLists, !this._showIndent, !this._showIndent, this.isSafari, !this.isSafari);
+        return (0, _litElement.html)(_templateObject2_4d252240243411ea86f395335a802507(), this.selection, this.selectedValue, this.selectedValueChanged, this.formatIcon, !this._showLists, !this._showLists, !this._showIndent, !this._showIndent, this.isSafari, !this.isSafari);
       }
     }, {
       key: "selectedValueChanged",
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 0adafdfbb02..46c1aa2c7e1 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,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../../simple-colors/l
   });
   _exports.HaxToolbarItem = void 0;
 
-  function _templateObject2_9261a21022d211eaa0764d1a500fd781() {
+  function _templateObject2_4d287da0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          box-sizing: border-box;\n          height: 36px;\n          width: 36px;\n        }\n        :host([mini]) {\n          height: unset;\n          width: unset;\n        }\n        :host([menu]) {\n          width: 100%;\n          position: relative;\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          -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n          -webkit-font-smoothing: antialiased;\n          font-size: 16px;\n          font-weight: 400;\n          line-height: 24px;\n        }\n        :host([menu]) paper-button {\n          -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n        }\n        #label {\n          padding-left: 5px;\n        }\n        paper-button {\n          display: flex;\n          align-items: center;\n          background-color: var(\n            --hax-toolbar-item-bg,\n            var(--hax-color-bg-accent, white)\n          );\n          color: var(--hax-toolbar-item-color, --hax-color-text);\n          min-width: 0;\n          margin: 0;\n          text-transform: none;\n          padding: 0;\n          border-radius: 0;\n          font-size: 12px;\n          transition: 0.3s all;\n          height: 36px;\n          width: 36px;\n          min-width: unset;\n          --paper-button-ink-color: var(\n            --hax-toolbar-item-color,\n            --hax-color-accent1\n          );\n        }\n        paper-button:active,\n        paper-button:hover,\n        paper-button:focus {\n          color: var(--hax-color-text-active);\n          outline: 1px solid var(--hax-color-accent1);\n          z-index: 2;\n        }\n        :host([default]) paper-button {\n          background: black;\n        }\n        :host([dark]) paper-button {\n          background-color: var(--hax-color-text);\n          color: var(--hax-color-bg-accent);\n        }\n        :host([dark]) paper-button:hover {\n          background-color: var(--hax-color-bg-accent);\n          color: var(--hax-color-text);\n        }\n        :host([dark]) paper-button:active {\n          background: var(--hax-color-bg-accent);\n          color: var(--hax-color-text);\n        }\n        iron-icon {\n          width: 20px;\n          height: 20px;\n          padding: 0;\n          margin: 0;\n        }\n        :host([mini]) iron-icon {\n          width: 16px;\n          height: 16px;\n        }\n        :host([mini]) paper-button {\n          border-radius: 50%;\n          width: 18px;\n          height: 18px;\n          padding: 1px;\n          border: 1px solid var(--hax-color-border-outline);\n        }\n        :host([mini]) paper-button:active,\n        :host([mini]) paper-button:hover,\n        :host([mini]) paper-button:focus {\n          outline: unset;\n          border: 1px solid var(--hax-color-accent1);\n        }\n        :host([menu]) paper-button {\n          padding: 0 8px;\n          width: 100%;\n          height: 36px;\n        }\n        :host([menu]) paper-button:hover {\n          background-color: #d3d3d3;\n          color: #000000;\n        }\n        .flip-icon {\n          transform: rotateY(180deg);\n        }\n        paper-tooltip {\n          --paper-tooltip-background: #000000;\n          --paper-tooltip-opacity: 1;\n          --paper-tooltip-text-color: #ffffff;\n          --paper-tooltip-delay-in: 0;\n          --paper-tooltip-duration-in: 200ms;\n          --paper-tooltip-duration-out: 0;\n        }\n      "]);
 
-    _templateObject2_9261a21022d211eaa0764d1a500fd781 = function _templateObject2_9261a21022d211eaa0764d1a500fd781() {
+    _templateObject2_4d287da0243411ea86f395335a802507 = function _templateObject2_4d287da0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9261a21022d211eaa0764d1a500fd781() {
+  function _templateObject_4d287da0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          paper-tooltip {\n            --paper-tooltip: {\n              border-radius: 0;\n              font-size: 14px;\n            }\n          }\n        </style>\n      </custom-style>\n      <paper-button\n        .disabled=\"", "\"\n        id=\"btn\"\n        tabindex=\"0\"\n        .title=\"", "\"\n      >\n        <iron-icon\n          icon=\"", "\"\n          ?hidden=\"", "\"\n        ></iron-icon>\n        <span id=\"label\" ?hidden=\"", "\"\n          >", "</span\n        >\n        <slot></slot>\n      </paper-button>\n      <paper-tooltip\n        for=\"btn\"\n        ?hidden=\"", "\"\n        id=\"tooltip\"\n        offset=\"10\"\n        position=\"", "\"\n      >\n        ", "\n      </paper-tooltip>\n    "]);
 
-    _templateObject_9261a21022d211eaa0764d1a500fd781 = function _templateObject_9261a21022d211eaa0764d1a500fd781() {
+    _templateObject_4d287da0243411ea86f395335a802507 = function _templateObject_4d287da0243411ea86f395335a802507() {
       return data;
     };
 
@@ -33,12 +33,12 @@ define(["exports", "../../../lit-element/lit-element.js", "../../simple-colors/l
     babelHelpers.createClass(HaxToolbarItem, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9261a21022d211eaa0764d1a500fd781(), this.disabled, this.tooltip, this.icon, this.icon == "" ? true : false, this.label == "" ? true : false, this.label, this.tooltip == "" ? true : false, this.tooltipDirection, this.tooltip);
+        return (0, _litElement.html)(_templateObject_4d287da0243411ea86f395335a802507(), this.disabled, this.tooltip, this.icon, this.icon == "" ? true : false, this.label == "" ? true : false, this.label, this.tooltip == "" ? true : false, this.tooltipDirection, this.tooltip);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9261a21022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4d287da0243411ea86f395335a802507())];
       }
     }, {
       key: "tag",
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 65b42b716bb..8a87960bea8 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,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/iro
   });
   _exports.HaxToolbarMenu = void 0;
 
-  function _templateObject2_9264884022d211eaa0764d1a500fd781() {
+  function _templateObject2_4d2c2720243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          box-sizing: border-box;\n        }\n        paper-menu-button {\n          color: rgba(0, 0, 0, 0.66);\n          margin: 0;\n          padding: 0;\n          text-transform: none;\n          background-color: #ffffff;\n          display: flex;\n          min-width: 24px;\n        }\n\n        paper-menu-button .label {\n          font-size: 12px;\n          margin-top: 4px;\n        }\n\n        paper-menu-button .button-inner {\n          padding-top: 8px;\n          text-align: center;\n        }\n\n        .flip-icon {\n          transform: rotateY(180deg);\n        }\n\n        paper-tooltip {\n          pointer-events: none;\n        }\n        paper-listbox {\n          padding: 0;\n        }\n      "]);
 
-    _templateObject2_9264884022d211eaa0764d1a500fd781 = function _templateObject2_9264884022d211eaa0764d1a500fd781() {
+    _templateObject2_4d2c2720243411ea86f395335a802507 = function _templateObject2_4d2c2720243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9264884022d211eaa0764d1a500fd781() {
+  function _templateObject_4d2c2720243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-menu-button>\n        <hax-toolbar-item\n          id=\"button\"\n          slot=\"dropdown-trigger\"\n          icon=\"", "\"\n          .hidden=\"", "\"\n          .class=\"", "\"\n          tooltip=\"", "\"\n        ></hax-toolbar-item>\n        <paper-listbox\n          id=\"listbox\"\n          slot=\"dropdown-content\"\n          .selected=\"", "\"\n          @selected-changed=\"", "\"\n        >\n          <slot></slot>\n        </paper-listbox>\n      </paper-menu-button>\n    "]);
 
-    _templateObject_9264884022d211eaa0764d1a500fd781 = function _templateObject_9264884022d211eaa0764d1a500fd781() {
+    _templateObject_4d2c2720243411ea86f395335a802507 = function _templateObject_4d2c2720243411ea86f395335a802507() {
       return data;
     };
 
@@ -33,7 +33,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/iro
     babelHelpers.createClass(HaxToolbarMenu, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9264884022d211eaa0764d1a500fd781(), this.icon, !this.icon, this.iconClass, this.tooltip, this.selected, this.selectedChanged);
+        return (0, _litElement.html)(_templateObject_4d2c2720243411ea86f395335a802507(), this.icon, !this.icon, this.iconClass, this.tooltip, this.selected, this.selectedChanged);
       }
     }, {
       key: "selectedChanged",
@@ -43,7 +43,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/iro
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9264884022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4d2c2720243411ea86f395335a802507())];
       }
     }, {
       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 a1f0397a7c3..0061b81ecd8 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
   _exports.HaxToolbar = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_9294e71022d211eaa0764d1a500fd781() {
+  function _templateObject2_4d3241a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <hax-context-item\n        ?hidden=\"", "\"\n        mini\n        light\n        icon=\"close\"\n        label=\"Hide menu\"\n        event-name=\"close-menu\"\n        class=\"close-cap\"\n        direction=\"left\"\n      ></hax-context-item>\n      <div class=\"wrapper\">\n        <hax-context-item-menu\n          ?hidden=\"", "\"\n          @selected-value-changed=\"", "\"\n          id=\"justify\"\n          icon=\"", "\"\n          label=\"Alignment\"\n        >\n          <hax-context-item\n            menu\n            icon=\"editor:format-align-left\"\n            event-name=\"hax-align-left\"\n            >Left</hax-context-item\n          >\n          <hax-context-item\n            menu\n            icon=\"editor:format-align-center\"\n            event-name=\"hax-align-center\"\n            >Center</hax-context-item\n          >\n        </hax-context-item-menu>\n        <paper-slider\n          ?hidden=\"", "\"\n          id=\"slider\"\n          pin\n          min=\"", "\"\n          step=\"", "\"\n          max=\"", "\"\n          value=\"", "\"\n          @immediate-value-changed=\"", "\"\n          @value-changed=\"", "\"\n        ></paper-slider>\n        <paper-tooltip\n          ?hidden=\"", "\"\n          for=\"slider\"\n          position=\"top\"\n          offset=\"10\"\n        >\n          Resize\n        </paper-tooltip>\n        <slot name=\"primary\"></slot>\n        <hax-context-item\n          ?hidden=\"", "\"\n          icon=\"hax:bricks\"\n          label=\"Change type\"\n          event-name=\"grid-plate-convert\"\n        ></hax-context-item>\n        <hax-context-item\n          ?hidden=\"", "\"\n          icon=\"delete\"\n          label=\"Remove\"\n          event-name=\"grid-plate-delete\"\n        ></hax-context-item>\n        <hax-context-item-menu\n          ?hidden=\"", "\"\n          icon=\"more-vert\"\n          label=\"More operations\"\n          id=\"moremenu\"\n          event-name=\"grid-plate-op\"\n          reset-on-select\n        >\n          <paper-item value=\"\" hidden></paper-item>\n          <slot name=\"more\"></slot>\n          <hax-context-item-textop\n            menu\n            icon=\"icons:content-copy\"\n            event-name=\"grid-plate-duplicate\"\n            >Duplicate</hax-context-item-textop\n          >\n        </hax-context-item-menu>\n      </div>\n    "]);
 
-    _templateObject2_9294e71022d211eaa0764d1a500fd781 = function _templateObject2_9294e71022d211eaa0764d1a500fd781() {
+    _templateObject2_4d3241a0243411ea86f395335a802507 = function _templateObject2_4d3241a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9294e71022d211eaa0764d1a500fd781() {
+  function _templateObject_4d3241a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          justify-content: flex-start;\n          visibility: visible;\n          transition: 0.3s all ease;\n          box-sizing: border-box;\n          height: 36px;\n          pointer-events: all;\n        }\n        :host *[hidden] {\n          display: none;\n        }\n        .wrapper {\n          display: flex;\n          border: 1px solid var(--hax-color-border-outline, black);\n          color: #222222;\n          background-color: #ffffff;\n          height: 35px;\n          align-items: center;\n          padding: 1px;\n          margin-top: -2px;\n        }\n        :host .wrapper ::slotted(*) {\n          pointer-events: all;\n        }\n        .close-cap {\n          margin: 10px 10px 0 8px;\n          display: flex;\n          padding: 0;\n        }\n        :host * ::slotted(hax-context-item:hover),\n        :host * ::slotted(hax-context-item-textop:hover),\n        :host * ::slotted(hax-context-item-menu:hover),\n        hax-context-item:hover,\n        hax-context-item-textop:hover,\n        hax-context-item-menu:hover {\n          z-index: 2;\n        }\n        #moremenu hax-context-item,\n        #moremenu ::slotted(paper-item),\n        paper-item {\n          height: 32px;\n          padding: 0;\n          min-width: 100px;\n        }\n\n        #moremenu hax-context-item:hover,\n        :host #moremenu ::slotted(paper-item:hover),\n        paper-item:hover {\n          background-color: var(--hax-color-menu-heading-bg);\n          cursor: pointer;\n        }\n        paper-slider {\n          background-color: var(--hax-color-bg-accent);\n          color: #ffffff;\n          font-weight: bold;\n          height: 36px;\n          min-width: 100px;\n          --paper-slider-font-color: white;\n          --paper-slider-active-color: var(--hax-color-accent1);\n          --paper-slider-knob-color: var(--hax-color-accent1);\n          --paper-slider-pin-start-color: var(--hax-color-accent1);\n          --paper-slider-pin-color: var(--hax-color-accent1);\n        }\n        .convert-button {\n          border-top: 1px solid var(--hax-color-bg-accent);\n        }\n      "]);
 
-    _templateObject_9294e71022d211eaa0764d1a500fd781 = function _templateObject_9294e71022d211eaa0764d1a500fd781() {
+    _templateObject_4d3241a0243411ea86f395335a802507 = function _templateObject_4d3241a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -38,7 +38,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9294e71022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4d3241a0243411ea86f395335a802507())];
       }
     }]);
 
@@ -91,7 +91,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
     babelHelpers.createClass(HaxToolbar, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9294e71022d211eaa0764d1a500fd781(), this.inline, !this.haxProperties.canPosition, this.justifyValueChanged, this.justifyIcon, !this.haxProperties.canScale, this.haxProperties.canScale && this.haxProperties.canScale.min ? this.haxProperties.canScale.min : 12.5, this.haxProperties.canScale && this.haxProperties.canScale.step ? this.haxProperties.canScale.step : 12.5, this.haxProperties.canScale && this.haxProperties.canScale.max ? this.haxProperties.canScale.max : 100, this.size, this.sizeChanged, this.sizeChanged, this.inline, this.hideTransform, this.inline, this.hideMode);
+        return (0, _litElement.html)(_templateObject2_4d3241a0243411ea86f395335a802507(), this.inline, !this.haxProperties.canPosition, this.justifyValueChanged, this.justifyIcon, !this.haxProperties.canScale, this.haxProperties.canScale && this.haxProperties.canScale.min ? this.haxProperties.canScale.min : 12.5, this.haxProperties.canScale && this.haxProperties.canScale.step ? this.haxProperties.canScale.step : 12.5, this.haxProperties.canScale && this.haxProperties.canScale.max ? this.haxProperties.canScale.max : 100, this.size, this.sizeChanged, this.sizeChanged, this.inline, this.hideTransform, this.inline, this.hideMode);
       }
     }, {
       key: "sizeChanged",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-upload-field.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-upload-field.js
index 9fd2c72e6cb..0df36429df3 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-upload-field.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-upload-field.js
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
   _exports.HaxUploadField = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_929c612022d211eaa0764d1a500fd781() {
+  function _templateObject2_4d441bf0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <fieldset id=\"fieldset\">\n        <legend id=\"legend\" ?hidden=\"", "\">", "</legend>\n        <div>\n          <simple-picker\n            id=\"picker\"\n            aria-label=\"Source...\"\n            required\n            value=\"", "\"\n            @value-changed=\"", "\"\n            .options=\"", "\"\n          >\n          </simple-picker>\n          <paper-input\n            id=\"url\"\n            ?hidden=\"", "\"\n            value=\"", "\"\n            @value-changed=\"", "\"\n            label=\"URL\"\n            type=\"url\"\n            auto-validate=\"\"\n          ></paper-input>\n          <vaadin-upload\n            capture\n            form-data-name=\"file-upload\"\n            ?hidden=\"", "\"\n            id=\"fileupload\"\n            @upload-before=\"", "\"\n            @upload-response=\"", "\"\n          ></vaadin-upload>\n          <div id=\"camerahole\" ?hidden=\"", "\"></div>\n          <div id=\"voicerecorder\" ?hidden=\"", "\"></div>\n        </div>\n      </fieldset>\n    "]);
 
-    _templateObject2_929c612022d211eaa0764d1a500fd781 = function _templateObject2_929c612022d211eaa0764d1a500fd781() {
+    _templateObject2_4d441bf0243411ea86f395335a802507 = function _templateObject2_4d441bf0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_929c612022d211eaa0764d1a500fd781() {
+  function _templateObject_4d441bf0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          visibility: visible;\n          transition: 0.3s all ease;\n          box-sizing: border-box;\n          pointer-events: all;\n          overflow: visible;\n          --simple-camera-snap-width: 300px;\n          --simple-camera-snap-height: calc(300px * 9 / 16);\n          --simple-camera-snap-color: var(--eco-json-form-color, #222);\n          --simple-camera-snap-background: var(--eco-json-form-bg, white);\n          --simple-camera-snap-border-radius: 2px;\n          --lumo-font-family: var(\n            --eco-json-form-font-family,\n            var(--paper-font-caption_-_font-family, unset)\n          );\n          --lumo-base-color: var(\n            --eco-json-form-bg,\n            var(--primary-background-color, #fff)\n          );\n          --lumo-primary-contrast-color: var(\n            --eco-json-form-bg,\n            var(--primary-background-color, #fff)\n          );\n          --lumo-primary-color: var(\n            --eco-json-form-active-color,\n            var(--primary-color, #000)\n          );\n          --lumo-primary-text-color: var(\n            --eco-json-form-color,\n            var(--primary-text-color, #222)\n          );\n          --lumo-body-text-color: var(\n            --eco-json-form-color,\n            var(--primary-text-color, #222)\n          );\n          --lumo-header-text-color: var(\n            --eco-json-form-color,\n            var(--primary-text-color, #222)\n          );\n          --lumo-secondary-text-color: var(\n            --eco-json-form-faded-color,\n            var(--secondary-text-color, #888)\n          );\n          --lumo-disabled-text-color: var(\n            --eco-json-form-faded-color,\n            var(--secondary-text-color, #888)\n          );\n          background-color: var(\n            --eco-json-form-bg,\n            var(--primary-background-color, #fff)\n          );\n        }\n        :host #legend {\n          transition: all 0.5s;\n          color: var(\n            --eco-json-form-faded-color,\n            var(--secondary-text-color, #888)\n          );\n        }\n        :host(:focus-within) #legend {\n          color: var(--eco-json-form-active-color, var(--primary-color, #000));\n        }\n        :host #fieldset {\n          border-radius: 2px;\n          transition: all 0.5s;\n          border: 1px solid\n            var(--eco-json-form-faded-color, var(--secondary-text-color, #888));\n        }\n        :host #fieldset > div {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        }\n        :host #fieldset > div > *:not(#picker) {\n          flex: 1 1 auto;\n        }\n        #picker {\n          margin-bottom: 0;\n          margin-right: 5px;\n        }\n        vaadin-upload {\n          padding: 0;\n          margin: 0;\n        }\n        simple-camera-snap {\n          position: relative;\n          --simple-camera-snap-button-container-position: absolute;\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_929c612022d211eaa0764d1a500fd781 = function _templateObject_929c612022d211eaa0764d1a500fd781() {
+    _templateObject_4d441bf0243411ea86f395335a802507 = function _templateObject_4d441bf0243411ea86f395335a802507() {
       return data;
     };
 
@@ -38,7 +38,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
        * LitElement life cycle - styles addition
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxUploadField), "styles", this)), [(0, _litElement.css)(_templateObject_929c612022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(HaxUploadField), "styles", this)), [(0, _litElement.css)(_templateObject_4d441bf0243411ea86f395335a802507())]);
       }
       /**
        * HTMLElement life cycle
@@ -78,7 +78,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
     babelHelpers.createClass(HaxUploadField, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_929c612022d211eaa0764d1a500fd781(), !this.label, this.label, this.option, this.optionChanged, this.options, this.option !== "url", this.value, this.valueChanged, this.option !== "fileupload", this._fileAboutToUpload, this._fileUploadResponse, this.option !== "selfie", this.option !== "audio");
+        return (0, _litElement.html)(_templateObject2_4d441bf0243411ea86f395335a802507(), !this.label, this.label, this.option, this.optionChanged, this.options, this.option !== "url", this.value, this.valueChanged, this.option !== "fileupload", this._fileAboutToUpload, this._fileUploadResponse, this.option !== "selfie", this.option !== "audio");
       }
     }, {
       key: "optionChanged",
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 8ffaf904e8a..ca8798ec274 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,16 +1,16 @@
 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";
 
-  function _templateObject_79bfc93022d211eaa0764d1a500fd781() {
+  function _templateObject_344fb640243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n  <iron-iconset-svg size=\"24\" name=\"hax\">\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    <!-- 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=\"8/4\" height=\"20\">\n          <rect x=\"0\" y=\"0\" width=\"16\" height=\"100%\"></rect>\n          <rect x=\"18\" y=\"0\" width=\"6\" 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  </iron-iconset-svg>\n"]);
 
-    _templateObject_79bfc93022d211eaa0764d1a500fd781 = function _templateObject_79bfc93022d211eaa0764d1a500fd781() {
+    _templateObject_344fb640243411ea86f395335a802507 = function _templateObject_344fb640243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_79bfc93022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_344fb640243411ea86f395335a802507());
   document.head.appendChild(template.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-text-editor/hax-text-editor.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-text-editor/hax-text-editor.js
index 66e83544726..7ce1341802c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-text-editor/hax-text-editor.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-text-editor/hax-text-editor.js
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../rich-text-ed
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_7a02025022d211eaa0764d1a500fd781() {
+  function _templateObject_349fd210243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style></style>\n      ", "\n    "]);
 
-    _templateObject_7a02025022d211eaa0764d1a500fd781 = function _templateObject_7a02025022d211eaa0764d1a500fd781() {
+    _templateObject_349fd210243411ea86f395335a802507 = function _templateObject_349fd210243411ea86f395335a802507() {
       return data;
     };
 
@@ -40,7 +40,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../rich-text-ed
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_7a02025022d211eaa0764d1a500fd781(), babelHelpers.get(babelHelpers.getPrototypeOf(HaxTextEditor), "template", this));
+        return (0, _polymerElement.html)(_templateObject_349fd210243411ea86f395335a802507(), babelHelpers.get(babelHelpers.getPrototypeOf(HaxTextEditor), "template", this));
       } // properties available to the custom element for data binding
 
     }, {
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 5a14f3aeba9..8ff098eb02f 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,10 +7,10 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../h
   _exports.HAXCMSBackendBeaker = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_9b73420022d211eaa0764d1a500fd781() {
+  function _templateObject_5674dca0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <beaker-broker id=\"beaker\"></beaker-broker>\n    "]);
 
-    _templateObject_9b73420022d211eaa0764d1a500fd781 = function _templateObject_9b73420022d211eaa0764d1a500fd781() {
+    _templateObject_5674dca0243411ea86f395335a802507 = function _templateObject_5674dca0243411ea86f395335a802507() {
       return data;
     };
 
@@ -32,7 +32,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../h
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9b73420022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_5674dca0243411ea86f395335a802507());
       }
     }], [{
       key: "tag",
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 8654b3d32a2..765df6d1cb0 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,10 +7,10 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../h
   _exports.HAXCMSBackendDemo = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_9b76c47022d211eaa0764d1a500fd781() {
+  function _templateObject_5679bea0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <jwt-login\n        auto\n        id=\"jwt\"\n        url=\"", "\"\n        url-logout=\"", "\"\n        jwt=\"", "\"\n        @jwt-changed=\"", "\"\n      ></jwt-login>\n    "]);
 
-    _templateObject_9b76c47022d211eaa0764d1a500fd781 = function _templateObject_9b76c47022d211eaa0764d1a500fd781() {
+    _templateObject_5679bea0243411ea86f395335a802507 = function _templateObject_5679bea0243411ea86f395335a802507() {
       return data;
     };
 
@@ -34,7 +34,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../h
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9b76c47022d211eaa0764d1a500fd781(), this.jwtLoginLocation, this.jwtLogoutLocation, this.jwt, this.jwtChanged);
+        return (0, _litElement.html)(_templateObject_5679bea0243411ea86f395335a802507(), this.jwtLoginLocation, this.jwtLogoutLocation, 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 93e1dbcaf10..5e6ac5902d0 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,10 +7,10 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../h
   _exports.HAXCMSBackendNodeJS = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_9b7ae32022d211eaa0764d1a500fd781() {
+  function _templateObject_567e2b70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <jwt-login\n        id=\"jwt\"\n        url=\"", "\"\n        url-logout=\"", "\"\n        jwt=\"", "\"\n        @jwt-changed=\"", "\"\n      ></jwt-login>\n    "]);
 
-    _templateObject_9b7ae32022d211eaa0764d1a500fd781 = function _templateObject_9b7ae32022d211eaa0764d1a500fd781() {
+    _templateObject_567e2b70243411ea86f395335a802507 = function _templateObject_567e2b70243411ea86f395335a802507() {
       return data;
     };
 
@@ -37,7 +37,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../h
        * LitElement
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9b7ae32022d211eaa0764d1a500fd781(), this.jwtLoginLocation, this.jwtLogoutLocation, this.jwt, this.jwtChanged);
+        return (0, _litElement.html)(_templateObject_567e2b70243411ea86f395335a802507(), this.jwtLoginLocation, this.jwtLogoutLocation, 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 f3e3adf2e7d..974641928cd 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,10 +7,10 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../h
   _exports.HAXCMSBackendPHP = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_9b7e177022d211eaa0764d1a500fd781() {
+  function _templateObject_5682bf50243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <jwt-login\n        id=\"jwt\"\n        url=\"", "\"\n        url-logout=\"", "\"\n        jwt=\"", "\"\n        @jwt-changed=\"", "\"\n      ></jwt-login>\n    "]);
 
-    _templateObject_9b7e177022d211eaa0764d1a500fd781 = function _templateObject_9b7e177022d211eaa0764d1a500fd781() {
+    _templateObject_5682bf50243411ea86f395335a802507 = function _templateObject_5682bf50243411ea86f395335a802507() {
       return data;
     };
 
@@ -43,7 +43,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../h
        * LitElement
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9b7e177022d211eaa0764d1a500fd781(), this.jwtLoginLocation, this.jwtLogoutLocation, this.jwt, this.jwtChanged);
+        return (0, _litElement.html)(_templateObject_5682bf50243411ea86f395335a802507(), this.jwtLoginLocation, this.jwtLogoutLocation, 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 d98de7f9f3d..6b9e3c95af8 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,20 +6,20 @@ define(["exports", "../../../../lit-element/lit-element.js", "./haxcms-site-stor
   });
   _exports.HAXCMSOutlineEditorDialog = void 0;
 
-  function _templateObject2_96af515022d211eaa0764d1a500fd781() {
+  function _templateObject2_518c4cf0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          height: 60vh;\n          min-width: 50vw;\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 paper-button {\n          color: #ffffff;\n          background-color: var(--simple-modal-button-background, #000000);\n        }\n        editable-outline:not(:defined),\n        json-editor:not(:defined),\n        paper-button: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        json-editor {\n          margin-bottom: 32px;\n        }\n      "]);
 
-    _templateObject2_96af515022d211eaa0764d1a500fd781 = function _templateObject2_96af515022d211eaa0764d1a500fd781() {
+    _templateObject2_518c4cf0243411ea86f395335a802507 = function _templateObject2_518c4cf0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_96af515022d211eaa0764d1a500fd781() {
+  function _templateObject_518c4cf0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <editable-outline\n        id=\"outline\"\n        edit-mode\n        .hidden=\"", "\"\n        .items=\"", "\"\n      ></editable-outline>\n      <json-editor\n        id=\"editor\"\n        @current-data-changed=\"", "\"\n        label=\"JSON Outline Schema items\"\n        value=\"", "\"\n        .hidden=\"", "\"\n      ></json-editor>\n      <div class=\"buttons\">\n        <paper-button id=\"savebtn\" dialog-confirm @click=\"", "\"\n          ><iron-icon icon=\"icons:save\"></iron-icon>Save</paper-button\n        >\n        <paper-button dialog-dismiss\n          ><iron-icon icon=\"icons:cancel\"></iron-icon>Cancel</paper-button\n        >\n        <paper-button id=\"toggle\" @click=\"", "\"\n          ><iron-icon icon=\"", "\"></iron-icon>", "</paper-button\n        >\n      </div>\n    "]);
 
-    _templateObject_96af515022d211eaa0764d1a500fd781 = function _templateObject_96af515022d211eaa0764d1a500fd781() {
+    _templateObject_518c4cf0243411ea86f395335a802507 = function _templateObject_518c4cf0243411ea86f395335a802507() {
       return data;
     };
 
@@ -42,7 +42,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "./haxcms-site-stor
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_96af515022d211eaa0764d1a500fd781(), this.viewMode, this.manifestItems, this.currentDataChangedEvent, this.manifestItemsStatic, !this.viewMode, this._saveTap, this.toggleView, this._viewIcon, this.viewLabel);
+        return (0, _litElement.html)(_templateObject_518c4cf0243411ea86f395335a802507(), this.viewMode, this.manifestItems, this.currentDataChangedEvent, this.manifestItemsStatic, !this.viewMode, this._saveTap, this.toggleView, this._viewIcon, this.viewLabel);
       }
     }], [{
       key: "styles",
@@ -51,7 +51,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "./haxcms-site-stor
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_96af515022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_518c4cf0243411ea86f395335a802507())];
       }
       /**
        * 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 121cd5bfdfd..525bce8284c 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,20 +8,20 @@ define(["exports", "meta", "require", "../../../../lit-element/lit-element.js",
   meta = babelHelpers.interopRequireWildcard(meta);
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_96bc97c022d211eaa0764d1a500fd781() {
+  function _templateObject2_519b4110243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host #slot {\n          background-color: var(--haxcms-color, white);\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        paper-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          --paper-progress-active-color: var(\n            --haxcms-color,\n            rgba(255, 255, 255, 0.5)\n          );\n          --paper-progress-container-color: transparent;\n        }\n      "]);
 
-    _templateObject2_96bc97c022d211eaa0764d1a500fd781 = function _templateObject2_96bc97c022d211eaa0764d1a500fd781() {
+    _templateObject2_519b4110243411ea86f395335a802507 = function _templateObject2_519b4110243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_96bc97c022d211eaa0764d1a500fd781() {
+  function _templateObject_519b4110243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <haxcms-site-router base-uri=\"", "\"></haxcms-site-router>\n      <paper-progress .hidden=\"", "\" indeterminate></paper-progress>\n      <iron-ajax\n        id=\"manifest\"\n        .url=\"", "", "", "\"\n        handle-as=\"json\"\n        @last-response-changed=\"", "\"\n        @last-error-changed=\"", "\"\n      ></iron-ajax>\n      <iron-ajax\n        id=\"activecontent\"\n        .url=\"", "", "", "\"\n        handle-as=\"text\"\n        @loading-changed=\"", "\"\n        @last-response-changed=\"", "\"\n        @last-error-changed=\"", "\"\n      ></iron-ajax>\n      <div id=\"slot\"><slot></slot></div>\n      <simple-colors-polymer></simple-colors-polymer>\n    "]);
 
-    _templateObject_96bc97c022d211eaa0764d1a500fd781 = function _templateObject_96bc97c022d211eaa0764d1a500fd781() {
+    _templateObject_519b4110243411ea86f395335a802507 = function _templateObject_519b4110243411ea86f395335a802507() {
       return data;
     };
 
@@ -44,7 +44,7 @@ define(["exports", "meta", "require", "../../../../lit-element/lit-element.js",
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_96bc97c022d211eaa0764d1a500fd781(), this.baseURI, !this.loading, this.outlineLocation, this.file, this._timeStamp, this._updateManifest, this._updateLastError, this.outlineLocation, this.activeItemLocation, this._timeStamp, this._updateLoading, this._updateActiveItemContent, this._updateLastError);
+        return (0, _litElement.html)(_templateObject_519b4110243411ea86f395335a802507(), this.baseURI, !this.loading, this.outlineLocation, this.file, this._timeStamp, this._updateManifest, this._updateLastError, this.outlineLocation, this.activeItemLocation, this._timeStamp, this._updateLoading, this._updateActiveItemContent, this._updateLastError);
       }
       /**
        * Simple "two way" data binding from the element below via events
@@ -176,7 +176,7 @@ define(["exports", "meta", "require", "../../../../lit-element/lit-element.js",
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_96bc97c022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_519b4110243411ea86f395335a802507())];
       }
       /**
        * 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 ae1ae1d40c7..926aa320377 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,30 +6,30 @@ define(["exports", "../../../../lit-element/lit-element.js", "./haxcms-site-stor
   });
   _exports.HAXCMSSiteDashboard = void 0;
 
-  function _templateObject3_96c0dd8022d211eaa0764d1a500fd781() {
+  function _templateObject3_51a02310243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          z-index: 1;\n          display: inline-block;\n          vertical-align: top;\n          position: fixed;\n          height: 100vh;\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 paper-icon-button {\n          color: #ffffff;\n          --paper-icon-button-ink-color: var(--haxcms-color, #ffffff);\n          background-color: #000000;\n          height: 48px;\n          width: 48px;\n          padding: 8px;\n          border-radius: 50%;\n        }\n        #homebutton paper-icon-button:hover,\n        #homebutton paper-icon-button:active,\n        #homebutton paper-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 paper-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 paper-button:active,\n        .buttons paper-button:focus,\n        .buttons paper-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 paper-icon-button {\n            height: 36px;\n            width: 36px;\n            padding: 4px;\n          }\n        }\n        paper-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          --eco-json-form-add-color: var(--haxcms-color, #000000);\n          --eco-json-form-faded-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      "]);
 
-    _templateObject3_96c0dd8022d211eaa0764d1a500fd781 = function _templateObject3_96c0dd8022d211eaa0764d1a500fd781() {
+    _templateObject3_51a02310243411ea86f395335a802507 = function _templateObject3_51a02310243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_96c0dd8022d211eaa0764d1a500fd781() {
+  function _templateObject2_51a02310243411ea86f395335a802507() {
     var data = 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            "]);
 
-    _templateObject2_96c0dd8022d211eaa0764d1a500fd781 = function _templateObject2_96c0dd8022d211eaa0764d1a500fd781() {
+    _templateObject2_51a02310243411ea86f395335a802507 = function _templateObject2_51a02310243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_96c0dd8022d211eaa0764d1a500fd781() {
+  function _templateObject_51a02310243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"title-wrapper\">\n        <portal-launcher>\n          <a href=\"../../\" tabindex=\"-1\" id=\"homebutton\"\n            ><paper-icon-button\n              icon=\"icons:home\"\n              title=\"Back to site list\"\n            ></paper-icon-button\n          ></a>\n        </portal-launcher>\n        <paper-tooltip for=\"homebutton\" offset=\"14\" position=\"bottom\">\n          Back to site list\n        </paper-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          load-endpoint=\"", "\"\n          method=\"", "\"\n          @last-error-changed=\"", "\"\n        ></simple-fields-form>\n      </div>\n      <div class=\"buttons\">\n        <paper-button\n          title=\"Save site settings\"\n          id=\"save\"\n          @click=\"", "\"\n          ><iron-icon icon=\"icons:save\"></iron-icon> Save settings</paper-button\n        >\n        <paper-button\n          title=\"Cancel and close dashboard\"\n          id=\"cancel\"\n          @click=\"", "\"\n          ><iron-icon icon=\"icons:cancel\"></iron-icon> Cancel</paper-button\n        >\n      </div>\n    "]);
 
-    _templateObject_96c0dd8022d211eaa0764d1a500fd781 = function _templateObject_96c0dd8022d211eaa0764d1a500fd781() {
+    _templateObject_51a02310243411ea86f395335a802507 = function _templateObject_51a02310243411ea86f395335a802507() {
       return data;
     };
 
@@ -83,7 +83,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "./haxcms-site-stor
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_96c0dd8022d211eaa0764d1a500fd781(), this.manifest.title, (0, _utils.varExists)(this.manifest, "metadata.site.static.publishedLocation") ? (0, _litElement.html)(_templateObject2_96c0dd8022d211eaa0764d1a500fd781(), (0, _utils.varGet)(this.manifest, "metadata.site.static.publishedLocation", "#")) : "", this.headers, this.body, this.loadEndpoint, this.method, this._lastErrorChanged, this._saveSiteFieldsTap, this._cancel);
+        return (0, _litElement.html)(_templateObject_51a02310243411ea86f395335a802507(), this.manifest.title, (0, _utils.varExists)(this.manifest, "metadata.site.static.publishedLocation") ? (0, _litElement.html)(_templateObject2_51a02310243411ea86f395335a802507(), (0, _utils.varGet)(this.manifest, "metadata.site.static.publishedLocation", "#")) : "", this.headers, this.body, this.loadEndpoint, this.method, this._lastErrorChanged, this._saveSiteFieldsTap, this._cancel);
       }
     }, {
       key: "_lastErrorChanged",
@@ -166,7 +166,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "./haxcms-site-stor
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_96c0dd8022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_51a02310243411ea86f395335a802507())];
       }
     }, {
       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 2a95c216bb0..2b10575e052 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../../lit-element/lit-element.js", "./haxcm
   _exports.HAXCMSSiteEditorUI = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_96cb3dc022d211eaa0764d1a500fd781() {
+  function _templateObject2_51ac09f0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          paper-tooltip {\n            --paper-tooltip: {\n              border-radius: 0;\n              font-size: 14px;\n              width: 145px;\n            }\n          }\n        </style>\n      </custom-style>\n      <paper-avatar\n        id=\"username\"\n        .label=\"", "\"\n        two-chars\n        .src=\"", "\"\n      ></paper-avatar>\n      <paper-fab\n        id=\"editbutton\"\n        icon=\"", "\"\n        @click=\"", "\"\n        title=\"", "\"\n        voice-command=\"edit (this) page\"\n      ></paper-fab>\n      <paper-fab\n        id=\"cancelbutton\"\n        icon=\"icons:cancel\"\n        @click=\"", "\"\n        .hidden=\"", "\"\n        title=\"Cancel editing\"\n        voice-command=\"cancel (editing)\"\n      ></paper-fab>\n      <paper-fab\n        id=\"editdetails\"\n        icon=\"hax:page-details\"\n        @click=\"", "\"\n        title=\"Edit page details\"\n        voice-command=\"edit (page) details\"\n      ></paper-fab>\n      <paper-icon-button\n        id=\"addbutton\"\n        icon=\"hax:add-page\"\n        @click=\"", "\"\n        title=\"Add new page\"\n        voice-command=\"add page\"\n      ></paper-icon-button>\n      <paper-fab\n        id=\"deletebutton\"\n        icon=\"icons:delete\"\n        @click=\"", "\"\n        title=\"Delete this page\"\n        voice-command=\"delete page\"\n      ></paper-fab>\n      <paper-icon-button\n        id=\"outlinebutton\"\n        icon=\"hax:site-map\"\n        @click=\"", "\"\n        title=\"Edit site outline\"\n        voice-command=\"edit site outline\"\n      ></paper-icon-button>\n      <paper-icon-button\n        id=\"manifestbutton\"\n        icon=\"", "\"\n        @click=\"", "\"\n        title=\"", "\"\n        voice-command=\"edit site settings\"\n      ></paper-icon-button>\n      <paper-tooltip for=\"username\" position=\"right\" offset=\"14\"\n        >", "</paper-tooltip\n      >\n      <paper-tooltip for=\"cancelbutton\" position=\"right\" offset=\"14\"\n        >Cancel editing</paper-tooltip\n      >\n      <paper-tooltip for=\"editbutton\" position=\"right\" offset=\"14\"\n        >", "</paper-tooltip\n      >\n      <paper-tooltip for=\"editdetails\" position=\"right\" offset=\"14\"\n        >Edit page details</paper-tooltip\n      >\n      <paper-tooltip for=\"deletebutton\" position=\"right\" offset=\"14\"\n        >Delete this page</paper-tooltip\n      >\n      <paper-tooltip for=\"addbutton\" position=\"right\" offset=\"14\"\n        >Add new page</paper-tooltip\n      >\n      <paper-tooltip for=\"outlinebutton\" position=\"right\" offset=\"14\"\n        >Organize site content</paper-tooltip\n      >\n      <paper-tooltip for=\"manifestbutton\" position=\"right\" offset=\"14\"\n        >", "</paper-tooltip\n      >\n    "]);
 
-    _templateObject2_96cb3dc022d211eaa0764d1a500fd781 = function _templateObject2_96cb3dc022d211eaa0764d1a500fd781() {
+    _templateObject2_51ac09f0243411ea86f395335a802507 = function _templateObject2_51ac09f0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_96cb3dc022d211eaa0764d1a500fd781() {
+  function _templateObject_51ac09f0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host *:not(:defined) {\n          display: none;\n        }\n        :host {\n          display: block;\n          position: fixed;\n          left: 0;\n          top: 0;\n          bottom: 0;\n          background-color: var(--haxcms-system-bg, #37474f);\n          z-index: 10000;\n          border-right: 2px solid black;\n          visibility: visible;\n        }\n        :host([edit-mode]) {\n          z-index: 9999;\n        }\n        :host([dashboard-opened]) {\n          left: 50vw;\n        }\n        @media screen and (max-width: 600px) {\n          :host([dashboard-opened]) {\n            left: 90vw;\n          }\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]) #outlinebutton {\n          display: none !important;\n        }\n        :host *[hidden] {\n          display: none;\n        }\n        paper-fab:not(:defined),\n        paper-tooltip:not(:defined),\n        paper-icon-button:not(:defined) {\n          display: none !important;\n        }\n        paper-avatar {\n          width: 48px;\n          height: 48px;\n          line-height: 20px;\n          padding: 12px;\n        }\n        paper-fab {\n          display: block;\n          width: 48px;\n          height: 48px;\n          line-height: 20px;\n          background-color: black;\n          color: #ffffff;\n          transition: 0.3s all ease-in-out;\n          padding: 12px;\n          margin: 0;\n          position: relative;\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        :host([painting]) {\n          opacity: 0;\n          visibility: hidden;\n        }\n        paper-icon-button {\n          display: block;\n          padding: 8px;\n          width: 48px;\n          min-width: 48px;\n          height: 48px;\n          border-radius: 50%;\n          margin: 0px;\n          background-color: black;\n          color: #ffffff;\n          transition: 0.3s all ease-in-out;\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        paper-fab:hover,\n        paper-fab:focus,\n        paper-fab:active,\n        paper-icon-button:hover,\n        paper-icon-button:focus,\n        paper-icon-button:active {\n          background-color: var(--haxcms-color, blue);\n          color: #ffffff;\n        }\n        #cancelbutton {\n          background-color: var(--haxcms-system-danger-color);\n        }\n        #editbutton,\n        #editdetails,\n        #deletebutton {\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        :host([edit-mode]) #editbutton {\n          color: white;\n          background-color: var(--haxcms-system-action-color, blue) !important;\n        }\n        :host([edit-mode]) #manifestbutton,\n        :host([edit-mode]) #editdetails,\n        :host([edit-mode]) #deletebutton,\n        :host([edit-mode]) #addbutton,\n        :host([edit-mode]) #outlinebutton {\n          display: none !important;\n        }\n\n        :host(:hover),\n        :host(:active),\n        :host(:focus) {\n          opacity: 1;\n        }\n        paper-tooltip {\n          --paper-tooltip-background: #000000;\n          --paper-tooltip-opacity: 1;\n          --paper-tooltip-text-color: #ffffff;\n          --paper-tooltip-delay-in: 0;\n          --paper-tooltip-duration-in: 200ms;\n          --paper-tooltip-duration-out: 0;\n        }\n      "]);
 
-    _templateObject_96cb3dc022d211eaa0764d1a500fd781 = function _templateObject_96cb3dc022d211eaa0764d1a500fd781() {
+    _templateObject_51ac09f0243411ea86f395335a802507 = function _templateObject_51ac09f0243411ea86f395335a802507() {
       return data;
     };
 
@@ -41,7 +41,7 @@ define(["exports", "require", "../../../../lit-element/lit-element.js", "./haxcm
     babelHelpers.createClass(HAXCMSSiteEditorUI, null, [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_96cb3dc022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_51ac09f0243411ea86f395335a802507())];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
@@ -110,7 +110,7 @@ define(["exports", "require", "../../../../lit-element/lit-element.js", "./haxcm
     babelHelpers.createClass(HAXCMSSiteEditorUI, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_96cb3dc022d211eaa0764d1a500fd781(), this.userName, this.userPicture, this.__editIcon, this._editButtonTap, this.__editText, this._cancelButtonTap, !this.editMode, this._editDetailsButtonTap, this._addButtonTap, this._deleteButtonTap, this._outlineButtonTap, this.icon, this._manifestButtonTap, this.__settingsText, this.userName, this.__editText, this.__settingsText);
+        return (0, _litElement.html)(_templateObject2_51ac09f0243411ea86f395335a802507(), this.userName, this.userPicture, this.__editIcon, this._editButtonTap, this.__editText, this._cancelButtonTap, !this.editMode, this._editDetailsButtonTap, this._addButtonTap, this._deleteButtonTap, this._outlineButtonTap, this.icon, this._manifestButtonTap, this.__settingsText, this.userName, this.__editText, this.__settingsText);
       }
     }, {
       key: "firstUpdated",
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 366404ea200..61b9bdec8e1 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,10 +6,10 @@ define(["exports", "../../../../lit-element/lit-element.js", "./haxcms-site-stor
   });
   _exports.HAXCMSSiteEditor = void 0;
 
-  function _templateObject_96dc7bd022d211eaa0764d1a500fd781() {
+  function _templateObject_51bf1cc0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        #editbutton {\n          position: fixed;\n          bottom: 0;\n          right: 0;\n          margin: 16px;\n          padding: 2px;\n          width: 40px;\n          height: 40px;\n          visibility: visible;\n          opacity: 1;\n          transition: all 0.4s ease;\n          z-index: 1000;\n        }\n        #outlinebutton {\n          position: fixed;\n          bottom: 0;\n          right: 46px;\n          margin: 16px;\n          padding: 2px;\n          width: 40px;\n          height: 40px;\n          visibility: visible;\n          opacity: 1;\n          transition: all 0.4s ease;\n          z-index: 1000;\n        }\n        :host([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        :host([edit-mode]) h-a-x {\n          display: block;\n        }\n      </style>\n      <iron-ajax\n        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"nodeupdateajax\"\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        .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        .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        .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        .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        .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        .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        .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        .headers='{\"Authorization\": \"Bearer ", "\"}'\n        id=\"getnodefieldsajax\"\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        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 id=\"hax\" hide-panel-ops></h-a-x>\n    "]);
 
-    _templateObject_96dc7bd022d211eaa0764d1a500fd781 = function _templateObject_96dc7bd022d211eaa0764d1a500fd781() {
+    _templateObject_51bf1cc0243411ea86f395335a802507 = function _templateObject_51bf1cc0243411ea86f395335a802507() {
       return data;
     };
 
@@ -52,7 +52,7 @@ define(["exports", "../../../../lit-element/lit-element.js", "./haxcms-site-stor
     babelHelpers.createClass(HAXCMSSiteEditor, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_96dc7bd022d211eaa0764d1a500fd781(), 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.getNodeFieldsPath, this.method, this._handleGetNodeFieldsResponse, this.lastErrorChanged, this.jwt, this.getUserDataPath, this.method, this._handleUserDataResponse, this.lastErrorChanged);
+        return (0, _litElement.html)(_templateObject_51bf1cc0243411ea86f395335a802507(), 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.getNodeFieldsPath, this.method, this._handleGetNodeFieldsResponse, this.lastErrorChanged, 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 7aa6e6b14bb..2266d98ca4a 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,10 +7,10 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
   _exports.HAXCMSSiteListing = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_9b9ac73022d211eaa0764d1a500fd781() {
+  function _templateObject_56a402f0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        paper-icon-button {\n          --paper-icon-button-ink-color: var(--haxcms-system-action-color);\n        }\n        app-toolbar div.main-title {\n          margin-left: 50px;\n          font-size: 24px;\n        }\n        app-header {\n          color: var(--haxcms-site-listing-color-light);\n          @apply --layout-fixed-top;\n          --app-header-background-rear-layer: {\n            background-color: var(--haxcms-site-listing-color-dark);\n          }\n        }\n        app-toolbar {\n          color: var(--haxcms-site-listing-color-light);\n          background-color: var(--haxcms-site-listing-color-dark);\n        }\n        vaadin-grid {\n          margin-top: 64px;\n          height: calc(100vh - 64px);\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 -78px;\n          width: 355px;\n          height: 200px;\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          --paper-input-container-focus-color: var(--haxcms-system-action-color);\n          --login-btn-background-color: var(--haxcms-system-bg);\n          --login-btn-raised-background-color: var(--haxcms-system-action-color);\n          --login-form-color: var(--haxcms-system-bg);\n          --login-btn-width: 80%;\n          --login-btn-display: flex;\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        paper-dialog {\n          width: 60vw;\n        }\n        paper-dialog-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          width: 50%;\n          height: 64px;\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        .action-button iron-icon {\n          margin-right: 8px;\n        }\n        paper-input {\n          --paper-input-container-focus-color: var(--haxcms-site-listing-color-hover);\n        }\n        .small-location {\n          font-size: 11px;\n          text-align: center;\n          font-style: italic;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 1;\n          padding: 24px;\n          top: 0;\n          position: absolute;\n          background-color: rgba(250, 250, 250, 0.8);\n          transition: all linear 1s;\n          visibility: visible;\n          color: white;\n        }\n        #loading[data-loading] {\n          background-color: rgba(0, 0, 0, 0);\n          opacity: 0;\n          visibility: hidden;\n        }\n        a {\n          text-decoration: none;\n        }\n        .site-title {\n          font-size: 20px;\n          color: black;\n          text-align: center;\n          width: 100%;\n          text-transform: unset;\n          min-width: unset;\n        }\n        .site-title:hover,\n        .site-title:active,\n        .site-title:focus {\n          background-color: var(--haxcms-site-listing-color-hover);\n          color: var(--haxcms-site-listing-color-light);\n        }\n        .operations paper-button {\n          font-weight: 500;\n          font-size: 18px;\n          color: var(--haxcms-site-listing-color-light);\n          margin: 0;\n          padding: 8px;\n          width: auto;\n          display: inline-flex;\n          height: 48px;\n        }\n        .operations paper-button:hover,\n        .operations paper-button:active,\n        .operations paper-button:focus {\n          background-color: var(--haxcms-site-listing-color-light);\n          color: var(--haxcms-site-listing-color-hover);\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: (--haxcms-site-listing-color-light);\n          transition: .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        .selected-operations[data-hidden] {\n          visibility: hidden;\n          opacity: 0;\n        }\n        .selected-operations paper-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 paper-button:active,\n        .selected-operations paper-button:hover,\n        .selected-operations paper-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        eco-json-schema-object {\n          --eco-json-schema-object-form: {\n            -ms-flex: unset;\n            -webkit-flex: unset;\n            flex: unset;\n            -webkit-flex-basis: unset;\n            flex-basis: unset;\n          }\n        }\n        #configform {\n          --eco-json-schema-object-form: {\n            display: block !important;\n          }\n        }\n        #userphoto {\n          width: 40px;\n          height: 40px;\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      <div>\n        <jwt-login\n          id=\"jwt\"\n          method=\"[[method]]\"\n          url=\"[[__loginPath]]\"\n          logout-url=\"[[__logoutPath]]\"\n          jwt=\"{{jwt}}\"\n        ></jwt-login>\n        <iron-ajax\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          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          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          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          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          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          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          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          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          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          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          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>\n      <div id=\"loading\" data-loading$=\"[[!__loading]]\">\n        <hexagon-loader\n          item-count=\"4\"\n          color=\"white\"\n          loading\n          size=\"large\"\n        ></hexagon-loader>\n      </div>\n      <app-header reveals>\n        <app-toolbar>\n          <slot name=\"app-header-pre\"></slot>\n          <div class=\"operations\">\n            <paper-button\n              on-click=\"_addTap\"\n              id=\"add\"\n              raised\n              hidden$=\"[[!loggedIn]]\"\n              title=\"Create new site\"\n            >\n              <iron-icon icon=\"icons:add\"></iron-icon>\n              <span class=\"small-hide\">Create</span>\n            </paper-button>\n            <paper-button\n              on-click=\"_importTap\"\n              id=\"import\"\n              raised\n              hidden$=\"[[!loggedIn]]\"\n              title=\"Import site\"\n            >\n              <iron-icon icon=\"icons:cloud-download\"></iron-icon>\n              <span class=\"small-hide\">Import</span>\n            </paper-button>\n          </div>\n          <div class=\"main-title\" hidden$=\"[[!loggedIn]]\">[[title]]</div>\n          <div class=\"operations right\">\n            <paper-button\n              on-click=\"_settingsTap\"\n              id=\"settings\"\n              raised\n              title=\"Settings\"\n              hidden$=\"[[!showSpecialButtons(hideGlobalSettings,loggedIn)]]\"\n            >\n              <iron-icon icon=\"icons:settings\"></iron-icon>\n              <span class=\"small-hide\">Settings</span>\n            </paper-button>\n            <paper-button\n              hidden$=\"[[!showSpecialButtons(hideLogin,loggedIn)]]\"\n              id=\"login\"\n              on-click=\"_loginUserRoutine\"\n              title=\"Logout\"\n            >\n              <template is=\"dom-if\" if=\"[[!logoutPhoto]]\">\n                <iron-icon\n                  icon=\"[[__loginIcon]]\"\n                  class=\"small-hide\"\n                ></iron-icon>\n              </template>\n              <template is=\"dom-if\" if=\"[[logoutPhoto]]\">\n                <img id=\"userphoto\" src=\"[[logoutPhoto]]\" class=\"small-hide\" />\n              </template>\n              [[__loginText]]</paper-button\n            >\n          </div>\n        </app-toolbar>\n      </app-header>\n      <app-header\n        class=\"selected-operations\"\n        data-hidden$=\"[[!hasSelectedItems]]\"\n      >\n        <app-toolbar>\n          <div>\n            <paper-button\n              title=\"Publish\"\n              on-click=\"_bulkSitesConfirm\"\n              id=\"publish\"\n              raised\n            >\n              <iron-icon icon=\"editor:publish\"></iron-icon>\n              <span class=\"small-hide\">Publish site</span>\n            </paper-button>\n            <paper-button\n              title=\"Sync git\"\n              on-click=\"_bulkSitesConfirm\"\n              id=\"sync\"\n              raised\n            >\n              <iron-icon icon=\"notification:sync\"></iron-icon>\n              <span class=\"small-hide\">Sync git</span>\n            </paper-button>\n            <paper-button\n              title=\"Copy site\"\n              on-click=\"_bulkSitesConfirm\"\n              id=\"clone\"\n              raised\n            >\n              <iron-icon icon=\"icons:content-copy\"></iron-icon>\n              <span class=\"small-hide\">Copy site</span>\n            </paper-button>\n            <paper-button\n              title=\"Download zip\"\n              on-click=\"_bulkSitesConfirm\"\n              id=\"download\"\n              raised\n            >\n              <iron-icon icon=\"icons:file-download\"></iron-icon>\n              <span class=\"small-hide\">Download zip</span>\n            </paper-button>\n            <paper-button\n              title=\"Archive\"\n              on-click=\"_bulkSitesConfirm\"\n              id=\"archive\"\n              raised\n            >\n              <iron-icon icon=\"icons:archive\"></iron-icon>\n              <span class=\"small-hide\">Archive site</span>\n            </paper-button>\n            <paper-button\n              on-click=\"_bulkSitesConfirm\"\n              id=\"delete\"\n              raised\n              class=\"danger\"\n              title=\"Delete forever\"\n            >\n              <iron-icon icon=\"icons:delete-forever\"></iron-icon>\n              <span class=\"small-hide\">Delete forever</span>\n            </paper-button>\n          </div>\n        </app-toolbar>\n      </app-header>\n\n      <vaadin-grid\n        hidden$=\"[[!loggedIn]]\"\n        id=\"grid\"\n        items=\"[[sites]]\"\n        theme=\"row-dividers\"\n        column-reordering-allowed\n        multi-sort\n      >\n        <vaadin-grid-selection-column\n          auto-select\n          frozen\n        ></vaadin-grid-selection-column>\n        <vaadin-grid-filter-column width=\"6em\" path=\"title\">\n          <template>\n            <portal-launcher>\n              <a tabindex=\"-1\" href$=\"[[item.location]]\">\n                <paper-button raised class=\"site-title\">\n                  [[item.title]]\n                </paper-button>\n                <div class=\"small-location\">\n                  [[cleanLocation(item.location)]]\n                </div>\n              </a>\n            </portal-launcher>\n          </template>\n        </vaadin-grid-filter-column>\n        <vaadin-grid-filter-column\n          width=\"2em\"\n          path=\"metadata.theme.name\"\n          header=\"Theme\"\n        ></vaadin-grid-filter-column>\n        <vaadin-grid-sort-column\n          width=\"1em\"\n          path=\"metadata.pageCount\"\n          header=\"Pages\"\n        ></vaadin-grid-sort-column>\n        <vaadin-grid-sort-column\n          width=\"1em\"\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          width=\"1em\"\n          header=\"Updated\"\n          path=\"metadata.updated\"\n        >\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\n          width=\"1em\"\n          header=\"Created\"\n          path=\"metadata.created\"\n        >\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 width=\"1em\" header=\"Icon\">\n          <template\n            ><iron-icon\n              icon=\"[[item.metadata.theme.variables.icon]]\"\n            ></iron-icon\n          ></template>\n        </vaadin-grid-column>\n        <vaadin-grid-column width=\"1em\" header=\"Color\">\n          <template>\n            <div\n              style$=\"border:1px solid black;width:48px;height:48px;background-color:[[item.metadata.theme.variables.hexCode]];\"\n            ></div>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column width=\"1em\" header=\"Banner\">\n          <template\n            ><iron-image\n              sizing=\"contain\"\n              preload\n              src$=\"[[item.metadata.theme.variables.image]]\"\n              style=\"width:100px; height:48px;\"\n            ></iron-image\n          ></template>\n        </vaadin-grid-column>\n      </vaadin-grid>\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            <paper-icon-button\n              id=\"snap\"\n              icon=\"image:camera-alt\"\n              title=\"Snap photo\"\n            ></paper-icon-button>\n            <paper-icon-button\n              id=\"newsnap\"\n              icon=\"icons:cancel\"\n              title=\"Clear photo\"\n            ></paper-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      <paper-dialog id=\"confirm\">\n        <h2 class=\"dialog-header\">\n          [[activeOpertion]] these [[selectedItems.length]] sites\n        </h2>\n        <paper-dialog-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        </paper-dialog-scrollable>\n        <div class=\"buttons\">\n          <paper-button\n            on-click=\"_confirmBulkOperation\"\n            dialog-confirm\n            id=\"bulksites\"\n            class=\"action-button\"\n            raised\n            ><iron-icon icon=\"icons:thumb-up\"></iron-icon> Yes,\n            [[activeOpertion]]</paper-button\n          >\n          <paper-button class=\"action-button\" dialog-dismiss\n            ><iron-icon icon=\"icons:thumb-down\"></iron-icon>\n            Cancel</paper-button\n          >\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"createsite\">\n        <h2 class=\"dialog-header\">Create new site</h2>\n        <paper-dialog-scrollable>\n          <form>\n            <simple-fields id=\"createsitefields\" autofocus></simple-fields>\n          </form>\n        </paper-dialog-scrollable>\n        <div class=\"buttons\">\n          <paper-button\n            on-click=\"_createSite\"\n            class=\"action-button\"\n            dialog-confirm\n            id=\"create\"\n            raised\n            ><iron-icon icon=\"icons:home\"></iron-icon> Create your new\n            site!</paper-button\n          >\n          <paper-button class=\"action-button\" dialog-dismiss\n            ><iron-icon icon=\"icons:thumb-down\"></iron-icon>\n            Cancel</paper-button\n          >\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"importsite\">\n        <h2 class=\"dialog-header\">Import site from git repo</h2>\n        <paper-input id=\"importurl\" label=\"Git url\"></paper-input>\n        <div class=\"buttons\">\n          <paper-button\n            on-click=\"_gitImportSite\"\n            class=\"action-button\"\n            dialog-confirm\n            id=\"importsite\"\n            raised\n            ><iron-icon icon=\"icons:home\"></iron-icon> Import</paper-button\n          >\n          <paper-button class=\"action-button\" dialog-dismiss\n            ><iron-icon icon=\"icons:thumb-down\"></iron-icon>\n            Cancel</paper-button\n          >\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"settingsdialog\">\n        <h2 class=\"dialog-header\">Edit HAXCMS configuration</h2>\n        <paper-dialog-scrollable>\n          <eco-json-schema-object id=\"settingsform\"></eco-json-schema-object>\n        </paper-dialog-scrollable>\n        <div class=\"buttons\">\n          <paper-button\n            on-click=\"_saveConfig\"\n            dialog-confirm\n            id=\"saveconfig\"\n            class=\"action-button\"\n            raised\n            ><iron-icon icon=\"icons:save\"></iron-icon> Save</paper-button\n          >\n          <paper-button class=\"action-button\" dialog-dismiss\n            ><iron-icon icon=\"icons:thumb-down\"></iron-icon>\n            Cancel</paper-button\n          >\n        </div>\n      </paper-dialog>\n    "], ["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        paper-icon-button {\n          --paper-icon-button-ink-color: var(--haxcms-system-action-color);\n        }\n        app-toolbar div.main-title {\n          margin-left: 50px;\n          font-size: 24px;\n        }\n        app-header {\n          color: var(--haxcms-site-listing-color-light);\n          @apply --layout-fixed-top;\n          --app-header-background-rear-layer: {\n            background-color: var(--haxcms-site-listing-color-dark);\n          }\n        }\n        app-toolbar {\n          color: var(--haxcms-site-listing-color-light);\n          background-color: var(--haxcms-site-listing-color-dark);\n        }\n        vaadin-grid {\n          margin-top: 64px;\n          height: calc(100vh - 64px);\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 -78px;\n          width: 355px;\n          height: 200px;\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          --paper-input-container-focus-color: var(--haxcms-system-action-color);\n          --login-btn-background-color: var(--haxcms-system-bg);\n          --login-btn-raised-background-color: var(--haxcms-system-action-color);\n          --login-form-color: var(--haxcms-system-bg);\n          --login-btn-width: 80%;\n          --login-btn-display: flex;\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        paper-dialog {\n          width: 60vw;\n        }\n        paper-dialog-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          width: 50%;\n          height: 64px;\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        .action-button iron-icon {\n          margin-right: 8px;\n        }\n        paper-input {\n          --paper-input-container-focus-color: var(--haxcms-site-listing-color-hover);\n        }\n        .small-location {\n          font-size: 11px;\n          text-align: center;\n          font-style: italic;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 1;\n          padding: 24px;\n          top: 0;\n          position: absolute;\n          background-color: rgba(250, 250, 250, 0.8);\n          transition: all linear 1s;\n          visibility: visible;\n          color: white;\n        }\n        #loading[data-loading] {\n          background-color: rgba(0, 0, 0, 0);\n          opacity: 0;\n          visibility: hidden;\n        }\n        a {\n          text-decoration: none;\n        }\n        .site-title {\n          font-size: 20px;\n          color: black;\n          text-align: center;\n          width: 100%;\n          text-transform: unset;\n          min-width: unset;\n        }\n        .site-title:hover,\n        .site-title:active,\n        .site-title:focus {\n          background-color: var(--haxcms-site-listing-color-hover);\n          color: var(--haxcms-site-listing-color-light);\n        }\n        .operations paper-button {\n          font-weight: 500;\n          font-size: 18px;\n          color: var(--haxcms-site-listing-color-light);\n          margin: 0;\n          padding: 8px;\n          width: auto;\n          display: inline-flex;\n          height: 48px;\n        }\n        .operations paper-button:hover,\n        .operations paper-button:active,\n        .operations paper-button:focus {\n          background-color: var(--haxcms-site-listing-color-light);\n          color: var(--haxcms-site-listing-color-hover);\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: (--haxcms-site-listing-color-light);\n          transition: .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        .selected-operations[data-hidden] {\n          visibility: hidden;\n          opacity: 0;\n        }\n        .selected-operations paper-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 paper-button:active,\n        .selected-operations paper-button:hover,\n        .selected-operations paper-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        eco-json-schema-object {\n          --eco-json-schema-object-form: {\n            -ms-flex: unset;\n            -webkit-flex: unset;\n            flex: unset;\n            -webkit-flex-basis: unset;\n            flex-basis: unset;\n          }\n        }\n        #configform {\n          --eco-json-schema-object-form: {\n            display: block !important;\n          }\n        }\n        #userphoto {\n          width: 40px;\n          height: 40px;\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      <div>\n        <jwt-login\n          id=\"jwt\"\n          method=\"[[method]]\"\n          url=\"[[__loginPath]]\"\n          logout-url=\"[[__logoutPath]]\"\n          jwt=\"{{jwt}}\"\n        ></jwt-login>\n        <iron-ajax\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          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          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          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          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          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          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          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          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          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          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          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>\n      <div id=\"loading\" data-loading\\$=\"[[!__loading]]\">\n        <hexagon-loader\n          item-count=\"4\"\n          color=\"white\"\n          loading\n          size=\"large\"\n        ></hexagon-loader>\n      </div>\n      <app-header reveals>\n        <app-toolbar>\n          <slot name=\"app-header-pre\"></slot>\n          <div class=\"operations\">\n            <paper-button\n              on-click=\"_addTap\"\n              id=\"add\"\n              raised\n              hidden$=\"[[!loggedIn]]\"\n              title=\"Create new site\"\n            >\n              <iron-icon icon=\"icons:add\"></iron-icon>\n              <span class=\"small-hide\">Create</span>\n            </paper-button>\n            <paper-button\n              on-click=\"_importTap\"\n              id=\"import\"\n              raised\n              hidden$=\"[[!loggedIn]]\"\n              title=\"Import site\"\n            >\n              <iron-icon icon=\"icons:cloud-download\"></iron-icon>\n              <span class=\"small-hide\">Import</span>\n            </paper-button>\n          </div>\n          <div class=\"main-title\" hidden$=\"[[!loggedIn]]\">[[title]]</div>\n          <div class=\"operations right\">\n            <paper-button\n              on-click=\"_settingsTap\"\n              id=\"settings\"\n              raised\n              title=\"Settings\"\n              hidden$=\"[[!showSpecialButtons(hideGlobalSettings,loggedIn)]]\"\n            >\n              <iron-icon icon=\"icons:settings\"></iron-icon>\n              <span class=\"small-hide\">Settings</span>\n            </paper-button>\n            <paper-button\n              hidden$=\"[[!showSpecialButtons(hideLogin,loggedIn)]]\"\n              id=\"login\"\n              on-click=\"_loginUserRoutine\"\n              title=\"Logout\"\n            >\n              <template is=\"dom-if\" if=\"[[!logoutPhoto]]\">\n                <iron-icon\n                  icon=\"[[__loginIcon]]\"\n                  class=\"small-hide\"\n                ></iron-icon>\n              </template>\n              <template is=\"dom-if\" if=\"[[logoutPhoto]]\">\n                <img id=\"userphoto\" src=\"[[logoutPhoto]]\" class=\"small-hide\" />\n              </template>\n              [[__loginText]]</paper-button\n            >\n          </div>\n        </app-toolbar>\n      </app-header>\n      <app-header\n        class=\"selected-operations\"\n        data-hidden$=\"[[!hasSelectedItems]]\"\n      >\n        <app-toolbar>\n          <div>\n            <paper-button\n              title=\"Publish\"\n              on-click=\"_bulkSitesConfirm\"\n              id=\"publish\"\n              raised\n            >\n              <iron-icon icon=\"editor:publish\"></iron-icon>\n              <span class=\"small-hide\">Publish site</span>\n            </paper-button>\n            <paper-button\n              title=\"Sync git\"\n              on-click=\"_bulkSitesConfirm\"\n              id=\"sync\"\n              raised\n            >\n              <iron-icon icon=\"notification:sync\"></iron-icon>\n              <span class=\"small-hide\">Sync git</span>\n            </paper-button>\n            <paper-button\n              title=\"Copy site\"\n              on-click=\"_bulkSitesConfirm\"\n              id=\"clone\"\n              raised\n            >\n              <iron-icon icon=\"icons:content-copy\"></iron-icon>\n              <span class=\"small-hide\">Copy site</span>\n            </paper-button>\n            <paper-button\n              title=\"Download zip\"\n              on-click=\"_bulkSitesConfirm\"\n              id=\"download\"\n              raised\n            >\n              <iron-icon icon=\"icons:file-download\"></iron-icon>\n              <span class=\"small-hide\">Download zip</span>\n            </paper-button>\n            <paper-button\n              title=\"Archive\"\n              on-click=\"_bulkSitesConfirm\"\n              id=\"archive\"\n              raised\n            >\n              <iron-icon icon=\"icons:archive\"></iron-icon>\n              <span class=\"small-hide\">Archive site</span>\n            </paper-button>\n            <paper-button\n              on-click=\"_bulkSitesConfirm\"\n              id=\"delete\"\n              raised\n              class=\"danger\"\n              title=\"Delete forever\"\n            >\n              <iron-icon icon=\"icons:delete-forever\"></iron-icon>\n              <span class=\"small-hide\">Delete forever</span>\n            </paper-button>\n          </div>\n        </app-toolbar>\n      </app-header>\n\n      <vaadin-grid\n        hidden$=\"[[!loggedIn]]\"\n        id=\"grid\"\n        items=\"[[sites]]\"\n        theme=\"row-dividers\"\n        column-reordering-allowed\n        multi-sort\n      >\n        <vaadin-grid-selection-column\n          auto-select\n          frozen\n        ></vaadin-grid-selection-column>\n        <vaadin-grid-filter-column width=\"6em\" path=\"title\">\n          <template>\n            <portal-launcher>\n              <a tabindex=\"-1\" href$=\"[[item.location]]\">\n                <paper-button raised class=\"site-title\">\n                  [[item.title]]\n                </paper-button>\n                <div class=\"small-location\">\n                  [[cleanLocation(item.location)]]\n                </div>\n              </a>\n            </portal-launcher>\n          </template>\n        </vaadin-grid-filter-column>\n        <vaadin-grid-filter-column\n          width=\"2em\"\n          path=\"metadata.theme.name\"\n          header=\"Theme\"\n        ></vaadin-grid-filter-column>\n        <vaadin-grid-sort-column\n          width=\"1em\"\n          path=\"metadata.pageCount\"\n          header=\"Pages\"\n        ></vaadin-grid-sort-column>\n        <vaadin-grid-sort-column\n          width=\"1em\"\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          width=\"1em\"\n          header=\"Updated\"\n          path=\"metadata.updated\"\n        >\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\n          width=\"1em\"\n          header=\"Created\"\n          path=\"metadata.created\"\n        >\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 width=\"1em\" header=\"Icon\">\n          <template\n            ><iron-icon\n              icon=\"[[item.metadata.theme.variables.icon]]\"\n            ></iron-icon\n          ></template>\n        </vaadin-grid-column>\n        <vaadin-grid-column width=\"1em\" header=\"Color\">\n          <template>\n            <div\n              style$=\"border:1px solid black;width:48px;height:48px;background-color:[[item.metadata.theme.variables.hexCode]];\"\n            ></div>\n          </template>\n        </vaadin-grid-column>\n        <vaadin-grid-column width=\"1em\" header=\"Banner\">\n          <template\n            ><iron-image\n              sizing=\"contain\"\n              preload\n              src$=\"[[item.metadata.theme.variables.image]]\"\n              style=\"width:100px; height:48px;\"\n            ></iron-image\n          ></template>\n        </vaadin-grid-column>\n      </vaadin-grid>\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            <paper-icon-button\n              id=\"snap\"\n              icon=\"image:camera-alt\"\n              title=\"Snap photo\"\n            ></paper-icon-button>\n            <paper-icon-button\n              id=\"newsnap\"\n              icon=\"icons:cancel\"\n              title=\"Clear photo\"\n            ></paper-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      <paper-dialog id=\"confirm\">\n        <h2 class=\"dialog-header\">\n          [[activeOpertion]] these [[selectedItems.length]] sites\n        </h2>\n        <paper-dialog-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        </paper-dialog-scrollable>\n        <div class=\"buttons\">\n          <paper-button\n            on-click=\"_confirmBulkOperation\"\n            dialog-confirm\n            id=\"bulksites\"\n            class=\"action-button\"\n            raised\n            ><iron-icon icon=\"icons:thumb-up\"></iron-icon> Yes,\n            [[activeOpertion]]</paper-button\n          >\n          <paper-button class=\"action-button\" dialog-dismiss\n            ><iron-icon icon=\"icons:thumb-down\"></iron-icon>\n            Cancel</paper-button\n          >\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"createsite\">\n        <h2 class=\"dialog-header\">Create new site</h2>\n        <paper-dialog-scrollable>\n          <form>\n            <simple-fields id=\"createsitefields\" autofocus></simple-fields>\n          </form>\n        </paper-dialog-scrollable>\n        <div class=\"buttons\">\n          <paper-button\n            on-click=\"_createSite\"\n            class=\"action-button\"\n            dialog-confirm\n            id=\"create\"\n            raised\n            ><iron-icon icon=\"icons:home\"></iron-icon> Create your new\n            site!</paper-button\n          >\n          <paper-button class=\"action-button\" dialog-dismiss\n            ><iron-icon icon=\"icons:thumb-down\"></iron-icon>\n            Cancel</paper-button\n          >\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"importsite\">\n        <h2 class=\"dialog-header\">Import site from git repo</h2>\n        <paper-input id=\"importurl\" label=\"Git url\"></paper-input>\n        <div class=\"buttons\">\n          <paper-button\n            on-click=\"_gitImportSite\"\n            class=\"action-button\"\n            dialog-confirm\n            id=\"importsite\"\n            raised\n            ><iron-icon icon=\"icons:home\"></iron-icon> Import</paper-button\n          >\n          <paper-button class=\"action-button\" dialog-dismiss\n            ><iron-icon icon=\"icons:thumb-down\"></iron-icon>\n            Cancel</paper-button\n          >\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"settingsdialog\">\n        <h2 class=\"dialog-header\">Edit HAXCMS configuration</h2>\n        <paper-dialog-scrollable>\n          <eco-json-schema-object id=\"settingsform\"></eco-json-schema-object>\n        </paper-dialog-scrollable>\n        <div class=\"buttons\">\n          <paper-button\n            on-click=\"_saveConfig\"\n            dialog-confirm\n            id=\"saveconfig\"\n            class=\"action-button\"\n            raised\n            ><iron-icon icon=\"icons:save\"></iron-icon> Save</paper-button\n          >\n          <paper-button class=\"action-button\" dialog-dismiss\n            ><iron-icon icon=\"icons:thumb-down\"></iron-icon>\n            Cancel</paper-button\n          >\n        </div>\n      </paper-dialog>\n    "]);
 
-    _templateObject_9b9ac73022d211eaa0764d1a500fd781 = function _templateObject_9b9ac73022d211eaa0764d1a500fd781() {
+    _templateObject_56a402f0243411ea86f395335a802507 = function _templateObject_56a402f0243411ea86f395335a802507() {
       return data;
     };
 
@@ -1136,7 +1136,7 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9b9ac73022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_56a402f0243411ea86f395335a802507());
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/site-list/site-login.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/site-list/site-login.js
index 7e3d9de2d3c..968fdf77320 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/site-list/site-login.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/site-list/site-login.js
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
   _exports.SiteLogin = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_9b9ff75022d211eaa0764d1a500fd781() {
+  function _templateObject2_56a98130243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          #loginbtn {\n            --paper-button-raised-keyboard-focus: {\n              background-color: var(\n                --login-btn-raised-background-color,\n                var(--paper-pink-a200)\n              ) !important;\n              color: var(--login-btn-text-color, white) !important;\n            }\n            @apply --login-btn;\n          }\n\n          h1 {\n            @apply --paper-font-display1;\n            @apply --login-title;\n          }\n\n          h2 {\n            @apply --paper-font-title;\n            @apply --login-subtitle;\n          }\n\n          #errormsg {\n            @apply --paper-font-menu;\n          }\n        </style>\n      </custom-style>\n      <div id=\"loginform\">\n        <paper-progress\n          ?disabled=\"", "\"\n          indeterminate\n        ></paper-progress>\n        <div id=\"loginformcontent\">\n          <h1>", "</h1>\n          <h2>", "</h2>\n          <div id=\"errormsg\">", "</div>\n          <paper-input\n            id=\"userinput\"\n            .value=\"", "\"\n            @value-changed=\"", "\"\n            ?disabled=\"", "\"\n            type=\"text\"\n            label=\"", "\"\n            required\n            error-message=\"", "\"\n          ></paper-input>\n          <paper-input\n            id=\"passinput\"\n            .value=\"", "\"\n            @value-changed=\"", "\"\n            ?disabled=\"", "\"\n            type=\"password\"\n            label=\"", "\"\n            required\n            error-message=\"", "\"\n          ></paper-input>\n          <paper-button\n            @click=\"", "\"\n            ?disabled=\"", "\"\n            id=\"loginbtn\"\n            raised\n            class=\"indigo\"\n            >", "</paper-button\n          >\n          <slot name=\"links\"></slot>\n        </div>\n      </div>\n    "]);
 
-    _templateObject2_9b9ff75022d211eaa0764d1a500fd781 = function _templateObject2_9b9ff75022d211eaa0764d1a500fd781() {
+    _templateObject2_56a98130243411ea86f395335a802507 = function _templateObject2_56a98130243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9b9ff75022d211eaa0764d1a500fd781() {
+  function _templateObject_56a98130243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        #loginform {\n          width: 450px;\n          height: 450px;\n          background: var(--login-form-background-color, white);\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        #loginformcontent {\n          padding: 48px;\n        }\n        #loginformcontent > * {\n          margin-top: 8px;\n          margin-bottom: 8px;\n        }\n        #loginbtn {\n          margin-top: 24px;\n          float: right;\n          background-color: var(\n            --login-btn-background-color,\n            var(--paper-indigo-500)\n          );\n          color: var(--login-btn-text-color, white);\n        }\n        #loginbtn[disabled] {\n          background-color: var(\n            --login-btn-disabled-background-color,\n            var(--paper-indigo-100)\n          );\n        }\n        h1 {\n          margin: 0;\n        }\n        h2 {\n          margin: 0;\n        }\n        paper-progress {\n          width: 100%;\n        }\n        #errormsg {\n          margin-top: 16px;\n          color: var(--login-error-label-color, var(--error-color));\n        }\n      "]);
 
-    _templateObject_9b9ff75022d211eaa0764d1a500fd781 = function _templateObject_9b9ff75022d211eaa0764d1a500fd781() {
+    _templateObject_56a98130243411ea86f395335a802507 = function _templateObject_56a98130243411ea86f395335a802507() {
       return data;
     };
 
@@ -46,7 +46,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9b9ff75022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_56a98130243411ea86f395335a802507())];
       }
       /**
        * HTMLElement life cycle
@@ -80,7 +80,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
     babelHelpers.createClass(SiteLogin, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9b9ff75022d211eaa0764d1a500fd781(), !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, _litElement.html)(_templateObject2_56a98130243411ea86f395335a802507(), !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);
       }
     }, {
       key: "usernameChanged",
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 6cdeaf1eeff..106b9a848ef 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,10 +6,10 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../HAX
   });
   _exports.HAXCMSBasicTheme = void 0;
 
-  function _templateObject_9ba1f32022d211eaa0764d1a500fd781() {
+  function _templateObject_56ab2ee0243411ea86f395335a802507() {
     var data = 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-render-item: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: #37474f;\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: #37474f;\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: #37474f;\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          --site-active-title-heading: {\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        }\n        site-title {\n          margin: 0 32px;\n          overflow: hidden;\n          --site-title-link: {\n            display: inline-block;\n            color: #fafafa;\n            text-decoration: none;\n          }\n          --site-title-heading: {\n            font-family: \"Montserrat\", \"Helvetica\", \"Tahoma\", \"Geneva\", \"Arial\",\n              sans-serif;\n            font-size: 26px;\n            margin: 0;\n            padding: 0;\n            text-align: center;\n            font-weight: 100;\n          }\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-icon-fill-color: white;\n          --site-menu-button-button-hover: {\n            color: var(--haxcms-basic-theme-accent-color);\n          }\n        }\n        site-footer {\n          padding: 32px 64px;\n          background-color: #37474f;\n        }\n        site-modal {\n          --site-modal-icon-color: white;\n          --site-modal-tooltip: {\n            --paper-tooltip-background: #000000;\n            --paper-tooltip-opacity: 1;\n            --paper-tooltip-text-color: #ffffff;\n            --paper-tooltip-delay-in: 0;\n            --paper-tooltip: {\n              border-radius: 0;\n            }\n          }\n        }\n        scroll-button {\n          position: fixed;\n          left: 0;\n          bottom: 0;\n          z-index: 10000000;\n          --scroll-button-button: {\n            background-color: var(--site-top-menu-bg);\n          }\n        }\n        site-print-button {\n          --site-print-button-button: {\n            color: white;\n          }\n          --site-print-button-tooltip: {\n            --paper-tooltip-background: #000000;\n            --paper-tooltip-opacity: 1;\n            --paper-tooltip-text-color: #ffffff;\n            --paper-tooltip-delay-in: 0;\n            --paper-tooltip: {\n              border-radius: 0;\n            }\n          }\n        }\n      </style>\n      ", "\n    "]);
 
-    _templateObject_9ba1f32022d211eaa0764d1a500fd781 = function _templateObject_9ba1f32022d211eaa0764d1a500fd781() {
+    _templateObject_56ab2ee0243411ea86f395335a802507 = function _templateObject_56ab2ee0243411ea86f395335a802507() {
       return data;
     };
 
@@ -39,7 +39,7 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../HAX
       // render function
       get: function get() {
         var template = babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSBasicTheme), "template", this);
-        return (0, _polymerElement.html)(_templateObject_9ba1f32022d211eaa0764d1a500fd781(), template);
+        return (0, _polymerElement.html)(_templateObject_56ab2ee0243411ea86f395335a802507(), template);
       }
     }]);
     return HAXCMSBasicTheme;
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-legacy-player.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-legacy-player.js
index a2ea40bad57..031a053af64 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-legacy-player.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-legacy-player.js
@@ -8,10 +8,10 @@ define(["exports", "meta", "require", "../../../../../@polymer/polymer/polymer-e
   meta = babelHelpers.interopRequireWildcard(meta);
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_9baec46022d211eaa0764d1a500fd781() {
+  function _templateObject_56b84e40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"hax-shared-styles simple-colors-shared-styles-polymer\">\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        :host([closed]) {\n          --app-drawer-width: 0px;\n        }\n\n        h1 {\n          font-size: 48px;\n          line-height: 16px;\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-title {\n          font-size: 24px;\n          font-weight: normal;\n          line-height: 32px;\n          vertical-align: middle;\n          padding: 16px;\n          height: 32px;\n          margin: 0;\n          text-align: center;\n          text-overflow: ellipsis;\n          overflow: hidden;\n          word-break: break-word;\n          border-bottom: 1px solid #eeeeee;\n          position: sticky;\n        }\n\n        site-menu {\n          padding: 8px;\n        }\n\n        outline-player-navigation {\n          --outline-player-dark: var(--outline-player-dark);\n        }\n\n        div[main-title] {\n          margin-left: 16px;\n          font-size: 20px;\n          line-height: 20px;\n          overflow-wrap: break-word;\n          text-overflow: ellipsis;\n          display: inline-block;\n          word-break: break-word;\n        }\n\n        paper-progress {\n          display: block;\n          width: 100%;\n          --paper-progress-active-color: rgba(255, 255, 255, 0.5);\n          --paper-progress-container-color: transparent;\n        }\n\n        app-header {\n          color: var(--outline-player-dark);\n          /* Enable outline to be placed anywhere in the dom */\n          /* This will override the app-header-layout forcing fixed mode */\n          /*position: absolute !important;\n        left: 0 !important;*/\n          --app-header-background-rear-layer: {\n            /* app-header-layout will force fixed */\n            background-color: var(--outline-player-light);\n          }\n        }\n\n        app-toolbar {\n          border-bottom: none;\n          background-color: #ffffff;\n          box-shadow: 0 0 6px -3px var(--outline-player-dark);\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          --app-drawer-content-container: {\n            overflow: hidden;\n            background-color: var(--outline-player-light);\n          }\n        }\n        app-drawer-layout[narrow] app-toolbar {\n          position: fixed !important;\n          left: 0;\n          right: 0;\n        }\n        app-drawer-layout[narrow] #contentcontainer {\n          padding-top: 64px;\n        }\n        #content {\n          justify-content: center;\n          padding: 8px 8px 8px 8px;\n        }\n\n        #content > * {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n        }\n\n        /* Required for HAX */\n        :host([edit-mode]) #slot {\n          display: none !important;\n        }\n        :host([edit-mode]) #content {\n          padding: 32px 8px 8px 8px;\n        }\n        #contentcontainer {\n          max-width: 840px;\n          margin: 0 auto;\n          padding: 0 16px 16px 16px;\n          flex: 1 1 auto;\n          order: 1;\n          display: flex;\n        }\n        #contentcontainer > * {\n          flex: 1 1 auto;\n          display: flex;\n          flex-direction: column;\n          width: 100%;\n        }\n        #contentcontainer h-a-x {\n          margin: 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: {\n            padding: 0;\n            background-color: #ffffff;\n            color: #000000;\n          }\n          --site-menu-container: {\n            padding: 0;\n            background-color: #ffffff;\n            color: #000000;\n          }\n          --site-menu-item-active-item-color: #000000;\n        }\n        site-menu-button {\n          --site-menu-button-button: {\n            border-radius: 50%;\n            background-color: rgba(0, 0, 0, 0.1);\n            height: 40px;\n            width: 40px;\n          }\n          --site-menu-button-button-hover: {\n            background-color: rgba(0, 0, 0, 0.2);\n          }\n        }\n      </style>\n      <iron-ajax\n        id=\"manifest\"\n        url=\"[[outlineLocation]][[file]]\"\n        handle-as=\"json\"\n        debounce-duration=\"250\"\n        last-response=\"{{manifest}}\"\n      ></iron-ajax>\n      <iron-ajax\n        id=\"activecontent\"\n        url=\"[[outlineLocation]][[activeItemLocation]]\"\n        handle-as=\"text\"\n        loading=\"{{loading}}\"\n        debounce-duration=\"250\"\n        last-response=\"{{activeItemContent}}\"\n      ></iron-ajax>\n      <!-- Begin Layout -->\n      <app-drawer-layout narrow=\"{{narrow}}\">\n        <app-drawer id=\"drawer\" swipe-open slot=\"drawer\" opened=\"{{opened}}\">\n          <h2 class=\"outline-title\">[[manifest.title]]</h2>\n          <map-menu\n            id=\"menu\"\n            selected=\"[[activeItem.id]]\"\n            manifest=\"[[routerManifest]]\"\n            active-indicator\n            auto-scroll\n          ></map-menu>\n        </app-drawer>\n        <app-header-layout>\n          <app-header slot=\"header\" reveals>\n            <app-toolbar>\n              <div main-title>\n                [[activeItem.title]]\n                <div id=\"slotTitle\"><slot name=\"title\"></slot></div>\n              </div>\n              <site-menu-button\n                type=\"prev\"\n                position=\"bottom\"\n                label=\"Prev\"\n                raised\n              ></site-menu-button>\n              <site-menu-button\n                type=\"next\"\n                position=\"bottom\"\n                label=\"Next\"\n                raised\n              ></site-menu-button>\n              <site-print-button></site-print-button>\n            </app-toolbar>\n          </app-header>\n          <div id=\"content\">\n            <div id=\"contentcontainer\">\n              <div id=\"slot\"><slot></slot></div>\n            </div>\n          </div>\n        </app-header-layout>\n      </app-drawer-layout>\n    "]);
 
-    _templateObject_9baec46022d211eaa0764d1a500fd781 = function _templateObject_9baec46022d211eaa0764d1a500fd781() {
+    _templateObject_56b84e40243411ea86f395335a802507 = function _templateObject_56b84e40243411ea86f395335a802507() {
       return data;
     };
 
@@ -103,7 +103,7 @@ define(["exports", "meta", "require", "../../../../../@polymer/polymer/polymer-e
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9baec46022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_56b84e40243411ea86f395335a802507());
       }
     }]);
 
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 1532fbb03bc..e93c8e9decd 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,10 +6,10 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../HAX
   });
   _exports.HAXCMSMinimalistTheme = void 0;
 
-  function _templateObject_9bb5a23022d211eaa0764d1a500fd781() {
+  function _templateObject_56ba4a10243411ea86f395335a802507() {
     var data = 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-title {\n          --site-title-link: {\n            color: black;\n            display: inline-flex;\n          }\n          --site-title-tooltip: {\n            --paper-tooltip-background: #000000;\n            --paper-tooltip-opacity: 1;\n            --paper-tooltip-text-color: #ffffff;\n            --paper-tooltip-delay-in: 0;\n            --paper-tooltip: {\n              border-radius: 0;\n            }\n          }\n          --site-title-link-hover: {\n            background-color: #dee2e6;\n          }\n        }\n        site-top-menu:not([sticky]) site-title {\n          --site-title-link: {\n            color: black;\n            display: inline-flex;\n            border: 1px solid #dee2e6;\n            padding: 0.75rem 1.5rem;\n            font-size: 1.25rem;\n            line-height: 1.5;\n          }\n          --site-title-link-hover: {\n            background-color: #dee2e6;\n          }\n        }\n        site-menu-button {\n          --site-menu-button-button: {\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-menu-button-button-hover: {\n            background-color: #dee2e6;\n          }\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            --paper-tooltip-background: #000000;\n            --paper-tooltip-opacity: 1;\n            --paper-tooltip-text-color: #ffffff;\n            --paper-tooltip-delay-in: 0;\n            --paper-tooltip: {\n              border-radius: 0;\n            }\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 {\n          --site-print-button-button: {\n            color: black;\n          }\n          --site-print-button-tooltip: {\n            --paper-tooltip-background: #000000;\n            --paper-tooltip-opacity: 1;\n            --paper-tooltip-text-color: #ffffff;\n            --paper-tooltip-delay-in: 0;\n            --paper-tooltip: {\n              border-radius: 0;\n            }\n          }\n          --site-print-button-button-hover: {\n            background-color: #dee2e6;\n          }\n        }\n        site-top-menu:not([sticky]) site-print-button {\n          --site-print-button-button: {\n            color: black;\n            display: inline-flex;\n            border: 1px solid #dee2e6;\n            height: 50px;\n            width: 50px;\n            line-height: 1.5;\n          }\n        }\n        scroll-button {\n          position: fixed;\n          right: 0;\n          bottom: 50px;\n          z-index: 10000;\n          --scroll-button-button: {\n            border-radius: 10px;\n          }\n        }\n        .spacing {\n          height: 50px;\n        }\n      </style>\n      ", "\n    "]);
 
-    _templateObject_9bb5a23022d211eaa0764d1a500fd781 = function _templateObject_9bb5a23022d211eaa0764d1a500fd781() {
+    _templateObject_56ba4a10243411ea86f395335a802507 = function _templateObject_56ba4a10243411ea86f395335a802507() {
       return data;
     };
 
@@ -39,7 +39,7 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../HAX
       // render function
       get: function get() {
         var template = babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSMinimalistTheme), "template", this);
-        return (0, _polymerElement.html)(_templateObject_9bb5a23022d211eaa0764d1a500fd781(), template);
+        return (0, _polymerElement.html)(_templateObject_56ba4a10243411ea86f395335a802507(), template);
       }
     }]);
     return HAXCMSMinimalistTheme;
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 1291f709054..b1c39489d4c 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,10 +7,10 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
   _exports.HAXCMSSlideTheme = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_9bb3a66022d211eaa0764d1a500fd781() {
+  function _templateObject_56bfef60243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"hax-shared-styles simple-colors-shared-styles-polymer\">\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        .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([is-logged-in]) .active-slide {\n          left: 48px;\n          width: calc(100vw - 64px - 48px);\n        }\n        :host([is-logged-in]) .bottom-wrapper {\n          left: 48px;\n          width: calc(100vw - 48px);\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          --site-menu-button-button: {\n            height: 60px;\n            width: 60px;\n            padding: 0;\n            margin: 0;\n            line-height: 60px;\n          }\n          --site-menu-button-button-hover: {\n            color: var(--haxcms-color, yellow);\n          }\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          --site-title-link: {\n            text-decoration: none;\n          }\n          --site-title-heading: {\n            color: black;\n            font-size: 28px;\n            margin: 0;\n            padding: 0;\n          }\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          --site-active-title-heading: {\n            color: black;\n            font-size: 28px;\n            margin: 0;\n            padding: 0;\n          }\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      </style>\n      <div class=\"active-slide\">\n        <div id=\"contentcontainer\">\n          <div id=\"slot\"><slot></slot></div>\n        </div>\n      </div>\n      <div 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            [[activeManifestIndexCounter]] / [[manifestLength]]\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      </div>\n    "]);
 
-    _templateObject_9bb3a66022d211eaa0764d1a500fd781 = function _templateObject_9bb3a66022d211eaa0764d1a500fd781() {
+    _templateObject_56bfef60243411ea86f395335a802507 = function _templateObject_56bfef60243411ea86f395335a802507() {
       return data;
     };
 
@@ -112,7 +112,7 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9bb3a66022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_56bfef60243411ea86f395335a802507());
       }
     }]);
     return HAXCMSSlideTheme;
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 cd306e8e2fe..6cc87ee4534 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,10 +6,10 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../HAX
   });
   _exports.HAXCMSUserTheme = void 0;
 
-  function _templateObject_9bbb478022d211eaa0764d1a500fd781() {
+  function _templateObject_56c51f80243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_9bbb478022d211eaa0764d1a500fd781 = function _templateObject_9bbb478022d211eaa0764d1a500fd781() {
+    _templateObject_56c51f80243411ea86f395335a802507 = function _templateObject_56c51f80243411ea86f395335a802507() {
       return data;
     };
 
@@ -189,7 +189,7 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../HAX
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9bbb478022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_56c51f80243411ea86f395335a802507());
       }
     }]);
     return HAXCMSUserTheme;
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 0ad947b6205..134d5db6bf2 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,10 +7,10 @@ define(["exports", "require", "../../../../@polymer/polymer/polymer-element.js",
   _exports.HAXCMSDevTheme = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_9697839022d211eaa0764d1a500fd781() {
+  function _templateObject_51d2a4c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"hax-shared-styles 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        paper-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: #37474f;\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 paper-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: #37474f;\n            color: #ffffff;\n          }\n        }\n        site-print-button {\n          --site-print-button-button: {\n            color: white;\n          }\n          --site-print-button-tooltip: {\n            --paper-tooltip-background: #000000;\n            --paper-tooltip-opacity: 1;\n            --paper-tooltip-text-color: #ffffff;\n            --paper-tooltip-delay-in: 0;\n            --paper-tooltip: {\n              border-radius: 0;\n            }\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            <paper-button noink>Get HAXcms</paper-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        <paper-button id=\"unset\" on-click=\"resetActive\"\n          >Unset activeItem</paper-button\n        >\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          <iron-icon\n            icon=\"[[manifest.metadata.theme.variables.icon]]\"\n          ></iron-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            <paper-card\n              heading=\"[[item.title]]\"\n              image=\"[[item.metadata.fields.image]]\"\n              elevation=\"1\"\n              animated-shadow=\"false\"\n            >\n              <div class=\"card-content\">\n                <div>description: [[item.description]]</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.location]]\"\n                  ><paper-button data-id$=\"[[item.id]]\"\n                    >Set as active</paper-button\n                  ></a\n                >\n              </div>\n            </paper-card>\n          </div>\n        </template>\n      </site-render-query>\n      <site-menu></site-menu>\n    "]);
 
-    _templateObject_9697839022d211eaa0764d1a500fd781 = function _templateObject_9697839022d211eaa0764d1a500fd781() {
+    _templateObject_51d2a4c0243411ea86f395335a802507 = function _templateObject_51d2a4c0243411ea86f395335a802507() {
       return data;
     };
 
@@ -109,7 +109,7 @@ define(["exports", "require", "../../../../@polymer/polymer/polymer-element.js",
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9697839022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_51d2a4c0243411ea86f395335a802507());
       }
     }]);
     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 93faf305c9a..dcf6b2962b4 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,10 +6,10 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../core/H
   });
   _exports.HAXCMSThemeDeveloper = void 0;
 
-  function _templateObject_969cdac022d211eaa0764d1a500fd781() {
+  function _templateObject_51d90d60243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"hax-shared-styles\">\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    "]);
 
-    _templateObject_969cdac022d211eaa0764d1a500fd781 = function _templateObject_969cdac022d211eaa0764d1a500fd781() {
+    _templateObject_51d90d60243411ea86f395335a802507 = function _templateObject_51d90d60243411ea86f395335a802507() {
       return data;
     };
 
@@ -309,7 +309,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../core/H
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_969cdac022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_51d90d60243411ea86f395335a802507());
       }
     }]);
 
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 d924c22267b..15340b75eb5 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,20 +6,20 @@ define(["exports", "../../../../../lit-element/lit-element.js", "../../core/haxc
   });
   _exports.SiteActiveTitle = void 0;
 
-  function _templateObject2_9bbf3f2022d211eaa0764d1a500fd781() {
+  function _templateObject2_56cb8820243411ea86f395335a802507() {
     var data = 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        }\n        h2 {\n          text-rendering: optimizelegibility;\n          font-family: sans-serif;\n          color: var(--site-active-title-color, #383f45);\n        }\n      "]);
 
-    _templateObject2_9bbf3f2022d211eaa0764d1a500fd781 = function _templateObject2_9bbf3f2022d211eaa0764d1a500fd781() {
+    _templateObject2_56cb8820243411ea86f395335a802507 = function _templateObject2_56cb8820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9bbf3f2022d211eaa0764d1a500fd781() {
+  function _templateObject_56cb8820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          h2 {\n            @apply --site-active-title-heading;\n          }\n        </style>\n      </custom-style>\n      <h2>", "</h2>\n    "]);
 
-    _templateObject_9bbf3f2022d211eaa0764d1a500fd781 = function _templateObject_9bbf3f2022d211eaa0764d1a500fd781() {
+    _templateObject_56cb8820243411ea86f395335a802507 = function _templateObject_56cb8820243411ea86f395335a802507() {
       return data;
     };
 
@@ -44,7 +44,7 @@ define(["exports", "../../../../../lit-element/lit-element.js", "../../core/haxc
        * LitElement
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9bbf3f2022d211eaa0764d1a500fd781(), this.__title);
+        return (0, _litElement.html)(_templateObject_56cb8820243411ea86f395335a802507(), this.__title);
       }
       /**
        * LitElement life cycle - property changed
@@ -105,7 +105,7 @@ define(["exports", "../../../../../lit-element/lit-element.js", "../../core/haxc
        * LitElement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9bbf3f2022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_56cb8820243411ea86f395335a802507())];
       }
       /**
        * 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/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 792e7de934e..a6f6f15ba0e 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,20 +7,20 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
   _exports.SiteGitCorner = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_9bc559a022d211eaa0764d1a500fd781() {
+  function _templateObject2_56cebc70243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject2_9bc559a022d211eaa0764d1a500fd781 = function _templateObject2_9bc559a022d211eaa0764d1a500fd781() {
+    _templateObject2_56cebc70243411ea86f395335a802507 = function _templateObject2_56cebc70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9bc559a022d211eaa0764d1a500fd781() {
+  function _templateObject_56cebc70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <git-corner\n        alt=\"", "\"\n        source=\"", "\"\n      ></git-corner>\n    "]);
 
-    _templateObject_9bc559a022d211eaa0764d1a500fd781 = function _templateObject_9bc559a022d211eaa0764d1a500fd781() {
+    _templateObject_56cebc70243411ea86f395335a802507 = function _templateObject_56cebc70243411ea86f395335a802507() {
       return data;
     };
 
@@ -34,7 +34,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
     babelHelpers.createClass(SiteGitCorner, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9bc559a022d211eaa0764d1a500fd781(), this.alt, this.activeGitFileLink);
+        return (0, _litElement.html)(_templateObject_56cebc70243411ea86f395335a802507(), this.alt, this.activeGitFileLink);
       }
     }], [{
       key: "tag",
@@ -44,7 +44,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9bc559a022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_56cebc70243411ea86f395335a802507())];
       }
     }]);
 
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-render-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-render-item.js
index 3448c259a55..c2f247b111f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-render-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-render-item.js
@@ -8,10 +8,10 @@ define(["exports", "meta", "require", "../../../../../@polymer/polymer/polymer-e
   meta = babelHelpers.interopRequireWildcard(meta);
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_9bcad7e022d211eaa0764d1a500fd781() {
+  function _templateObject_56d4afe0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <iron-ajax\n        id=\"content\"\n        url=\"[[location]]\"\n        handle-as=\"text\"\n        loading=\"{{loading}}\"\n        debounce-duration=\"250\"\n        last-response=\"{{itemContent}}\"\n      ></iron-ajax>\n      <slot></slot>\n    "]);
 
-    _templateObject_9bcad7e022d211eaa0764d1a500fd781 = function _templateObject_9bcad7e022d211eaa0764d1a500fd781() {
+    _templateObject_56d4afe0243411ea86f395335a802507 = function _templateObject_56d4afe0243411ea86f395335a802507() {
       return data;
     };
 
@@ -149,7 +149,7 @@ define(["exports", "meta", "require", "../../../../../@polymer/polymer/polymer-e
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9bcad7e022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_56d4afe0243411ea86f395335a802507());
       }
       /**
        * Props
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 010ac30433b..0a62447134e 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,20 +6,20 @@ define(["exports", "../../../../../lit-element/lit-element.js", "../../core/haxc
   });
   _exports.SiteShareWidget = void 0;
 
-  function _templateObject2_9bcf44b022d211eaa0764d1a500fd781() {
+  function _templateObject2_56d8a780243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        paper-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        iron-icon {\n          display: block;\n          color: var(--haxcms-color, #000000);\n        }\n        iron-icon:hover {\n          display: block;\n          color: #ffffff;\n          background-color: var(--haxcms-color, #000000);\n        }\n      "]);
 
-    _templateObject2_9bcf44b022d211eaa0764d1a500fd781 = function _templateObject2_9bcf44b022d211eaa0764d1a500fd781() {
+    _templateObject2_56d8a780243411ea86f395335a802507 = function _templateObject2_56d8a780243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9bcf44b022d211eaa0764d1a500fd781() {
+  function _templateObject_56d8a780243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-icon-button\n        @click=\"", "\"\n        title=\"", "\"\n        icon=\"", "\"\n      ></paper-icon-button>\n      <web-social-share .share=\"false\">\n        <iron-icon slot=\"facebook\" icon=\"social-media:facebook\"></iron-icon>\n        <iron-icon slot=\"twitter\" icon=\"social-media:twitter\"></iron-icon>\n        <iron-icon slot=\"pinterest\" icon=\"social-media:pinterest\"></iron-icon>\n        <iron-icon slot=\"linkedin\" icon=\"social-media:linkedin\"></iron-icon>\n        <iron-icon slot=\"email\" icon=\"icons:mail\"></iron-icon>\n        <iron-icon slot=\"copy\" icon=\"icons:content-copy\"></iron-icon>\n      </web-social-share>\n    "]);
 
-    _templateObject_9bcf44b022d211eaa0764d1a500fd781 = function _templateObject_9bcf44b022d211eaa0764d1a500fd781() {
+    _templateObject_56d8a780243411ea86f395335a802507 = function _templateObject_56d8a780243411ea86f395335a802507() {
       return data;
     };
 
@@ -42,7 +42,7 @@ define(["exports", "../../../../../lit-element/lit-element.js", "../../core/haxc
     babelHelpers.createClass(SiteShareWidget, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9bcf44b022d211eaa0764d1a500fd781(), this.click, this.alt, this.icon);
+        return (0, _litElement.html)(_templateObject_56d8a780243411ea86f395335a802507(), this.click, this.alt, this.icon);
       }
     }], [{
       key: "tag",
@@ -52,7 +52,7 @@ define(["exports", "../../../../../lit-element/lit-element.js", "../../core/haxc
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9bcf44b022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_56d8a780243411ea86f395335a802507())];
       }
     }]);
 
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 6ce53ea2873..5f3d8de1a33 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
@@ -7,10 +7,10 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
   _exports.SiteChildrenBlock = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_9bd3d89022d211eaa0764d1a500fd781() {
+  function _templateObject_5736f420243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\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        .wrapper {\n          @apply --site-children-block-wrapper;\n        }\n        .spacing {\n          @apply --site-children-block-spacing;\n        }\n        .link {\n          display: block;\n          color: var(--site-children-block-link-color, #444444);\n          @apply --site-children-block-link;\n        }\n        paper-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          @apply --site-children-block-button;\n        }\n        paper-button:hover,\n        paper-button:focus,\n        paper-button:active {\n          @apply --site-children-block-button-active;\n        }\n        .active {\n          color: var(--site-children-block-link-active-color, #000000);\n          background-color: var(--site-children-block-link-active-bg);\n          @apply --site-children-block-link-active;\n        }\n        .spacing .indent {\n          display: inline-flex;\n        }\n        .indent-1 {\n          margin-left: calc(var(--site-children-block-indent) * 1);\n          @apply --site-children-block-indent-1;\n        }\n        .indent-2 {\n          margin-left: calc(var(--site-children-block-indent) * 2);\n          @apply --site-children-block-indent-1;\n        }\n        .indent-3 {\n          margin-left: calc(var(--site-children-block-indent) * 3);\n          @apply --site-children-block-indent-1;\n        }\n        .indent-4 {\n          margin-left: calc(var(--site-children-block-indent) * 4);\n          @apply --site-children-block-indent-1;\n        }\n        .indent-5 {\n          margin-left: calc(var(--site-children-block-indent) * 5);\n          @apply --site-children-block-indent-1;\n        }\n        .indent-6 {\n          margin-left: calc(var(--site-children-block-indent) * 6);\n          @apply --site-children-block-indent-1;\n        }\n        .indent-7 {\n          margin-left: calc(var(--site-children-block-indent) * 7);\n          @apply --site-children-block-indent-1;\n        }\n        .indent-8 {\n          margin-left: calc(var(--site-children-block-indent) * 8);\n          @apply --site-children-block-indent-1;\n        }\n        .indent-9 {\n          margin-left: calc(var(--site-children-block-indent) * 9);\n          @apply --site-children-block-indent-1;\n        }\n        .indent-10 {\n          margin-left: calc(var(--site-children-block-indent) * 10);\n          @apply --site-children-block-indent-1;\n        }\n      </style>\n      <div class=\"wrapper\">\n        <site-query-menu-slice\n          result=\"{{__items}}\"\n          dynamic-methodology=\"[[dynamicMethodology]]\"\n          start=\"[[start]]\"\n          end=\"[[end]]\"\n          parent=\"[[parent]]\"\n          fixed-id=\"[[fixedId]]\"\n        ></site-query-menu-slice>\n        <dom-repeat items=\"[[__items]]\">\n          <template>\n            <div class=\"spacing\">\n              <a\n                data-id$=\"[[item.id]]\"\n                class=\"link\"\n                tabindex=\"-1\"\n                href$=\"[[item.location]]\"\n              >\n                <paper-button noink=\"[[noink]]\">\n                  <div class$=\"indent indent-[[item.indent]]\"></div>\n                  [[item.title]]\n                </paper-button>\n              </a>\n            </div>\n          </template>\n        </dom-repeat>\n      </div>\n    "]);
 
-    _templateObject_9bd3d89022d211eaa0764d1a500fd781 = function _templateObject_9bd3d89022d211eaa0764d1a500fd781() {
+    _templateObject_5736f420243411ea86f395335a802507 = function _templateObject_5736f420243411ea86f395335a802507() {
       return data;
     };
 
@@ -145,7 +145,7 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9bd3d89022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_5736f420243411ea86f395335a802507());
       }
     }, {
       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 3ea78b06652..ee8a5c12191 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,10 +6,10 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../../
   });
   _exports.SiteOutlineBlock = void 0;
 
-  function _templateObject_9bd908b022d211eaa0764d1a500fd781() {
+  function _templateObject_574c29d0243411ea86f395335a802507() {
     var data = 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        paper-button {\n          text-transform: unset;\n          min-width: unset;\n          @apply --site-top-menu-button;\n        }\n        paper-button:hover,\n        paper-button:focus,\n        paper-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.location]]\"\n                ><paper-button noink=\"[[noink]]\"\n                  ><span class=\"link-index\">[[humanIndex(index)]]</span\n                  ><span class=\"link-title\">[[item.title]]</span></paper-button\n                ></a\n              >\n            </div>\n          </template>\n        </dom-repeat>\n        <slot name=\"suffix\"></slot>\n      </div>\n      <div id=\"indicator\"></div>\n    "]);
 
-    _templateObject_9bd908b022d211eaa0764d1a500fd781 = function _templateObject_9bd908b022d211eaa0764d1a500fd781() {
+    _templateObject_574c29d0243411ea86f395335a802507 = function _templateObject_574c29d0243411ea86f395335a802507() {
       return data;
     };
 
@@ -149,7 +149,7 @@ define(["exports", "../../../../../@polymer/polymer/polymer-element.js", "../../
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9bd908b022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_574c29d0243411ea86f395335a802507());
       }
       /**
        * 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 560fd3cfd9b..ab0ca10ee1e 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
@@ -7,10 +7,10 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
   _exports.SiteRecentContentBlock = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_9bdcd94022d211eaa0764d1a500fd781() {
+  function _templateObject_575159f0243411ea86f395335a802507() {
     var data = 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 iron-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                <iron-image\n                  sizing=\"cover\"\n                  src=\"[[item.metadata.fields.image]]\"\n                ></iron-image>\n              </div>\n              <div class=\"item-heading\">\n                <a href$=\"[[item.location]]\">[[item.title]]</a>\n              </div>\n            </div>\n          </template>\n        </dom-repeat>\n      </aside>\n    "], ["\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 iron-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                <iron-image\n                  sizing=\"cover\"\n                  src=\"[[item.metadata.fields.image]]\"\n                ></iron-image>\n              </div>\n              <div class=\"item-heading\">\n                <a href\\$=\"[[item.location]]\">[[item.title]]</a>\n              </div>\n            </div>\n          </template>\n        </dom-repeat>\n      </aside>\n    "]);
 
-    _templateObject_9bdcd94022d211eaa0764d1a500fd781 = function _templateObject_9bdcd94022d211eaa0764d1a500fd781() {
+    _templateObject_575159f0243411ea86f395335a802507 = function _templateObject_575159f0243411ea86f395335a802507() {
       return data;
     };
 
@@ -116,7 +116,7 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9bdcd94022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_575159f0243411ea86f395335a802507());
       }
       /**
        * 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 899028159e0..9be67ba25e4 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,20 +7,20 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
   _exports.SiteDrawer = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_9bdfe68022d211eaa0764d1a500fd781() {
+  function _templateObject2_5753caf0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          app-drawer {\n            --app-drawer-width: var(--site-drawer-width, 300px);\n            --app-drawer-content-container: {\n              background-color: #eeeeee;\n            }\n            @apply --site-drawer-drawer;\n          }\n          .drawer-contents {\n            @apply --site-drawer-drawer-content;\n          }\n          paper-icon-button {\n            @apply --site-drawer-button;\n          }\n        </style>\n      </custom-style>\n      <paper-icon-button\n        icon=\"", "\"\n        @click=\"", "\"\n      ></paper-icon-button>\n      <app-drawer align=\"", "\">\n        <div class=\"drawer-contents\"><slot></slot></div>\n      </app-drawer>\n    "]);
 
-    _templateObject2_9bdfe68022d211eaa0764d1a500fd781 = function _templateObject2_9bdfe68022d211eaa0764d1a500fd781() {
+    _templateObject2_5753caf0243411ea86f395335a802507 = function _templateObject2_5753caf0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9bdfe68022d211eaa0764d1a500fd781() {
+  function _templateObject_5753caf0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        .drawer-contents {\n          height: 100%;\n          overflow-y: auto;\n          padding: 16px;\n        }\n        paper-icon-button {\n          color: var(--site-drawer-button-color, #ffffff);\n        }\n      "]);
 
-    _templateObject_9bdfe68022d211eaa0764d1a500fd781 = function _templateObject_9bdfe68022d211eaa0764d1a500fd781() {
+    _templateObject_5753caf0243411ea86f395335a802507 = function _templateObject_5753caf0243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,7 +45,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9bdfe68022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_5753caf0243411ea86f395335a802507())];
       }
       /**
        * HTMLElement
@@ -76,7 +76,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
     babelHelpers.createClass(SiteDrawer, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9bdfe68022d211eaa0764d1a500fd781(), this.icon, this.toggle, this.align);
+        return (0, _litElement.html)(_templateObject2_5753caf0243411ea86f395335a802507(), this.icon, this.toggle, this.align);
       }
     }, {
       key: "toggle",
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 1ce51bf3d2a..5394629036c 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,20 +7,20 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
   _exports.SiteFooter = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_9be341e022d211eaa0764d1a500fd781() {
+  function _templateObject2_57572650243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        <license-element\n          .title=\"", "\"\n          .creator=\"", "\"\n          .source=\"", "\"\n          .license=\"", "\"\n        >\n        </license-element>\n      </div>\n    "]);
 
-    _templateObject2_9be341e022d211eaa0764d1a500fd781 = function _templateObject2_9be341e022d211eaa0764d1a500fd781() {
+    _templateObject2_57572650243411ea86f395335a802507 = function _templateObject2_57572650243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9be341e022d211eaa0764d1a500fd781() {
+  function _templateObject_57572650243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject_9be341e022d211eaa0764d1a500fd781 = function _templateObject_9be341e022d211eaa0764d1a500fd781() {
+    _templateObject_57572650243411ea86f395335a802507 = function _templateObject_57572650243411ea86f395335a802507() {
       return data;
     };
 
@@ -42,7 +42,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
     babelHelpers.createClass(SiteFooter, null, [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9be341e022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_57572650243411ea86f395335a802507())];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
@@ -71,7 +71,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
     babelHelpers.createClass(SiteFooter, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9be341e022d211eaa0764d1a500fd781(), this.siteTitle, this.manifest.author, this.manifest.domain, this.manifest.license);
+        return (0, _litElement.html)(_templateObject2_57572650243411ea86f395335a802507(), this.siteTitle, this.manifest.author, this.manifest.domain, this.manifest.license);
       }
     }, {
       key: "connectedCallback",
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 fc194cc929f..4db05cfa542 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
   _exports.SiteModal = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_9be64f2022d211eaa0764d1a500fd781() {
+  function _templateObject2_575a5aa0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          paper-tooltip {\n            @apply --site-modal-tooltip;\n          }\n          simple-modal-template {\n            @apply --site-modal-modal;\n          }\n        </style>\n      </custom-style>\n      <paper-icon-button\n        ?disabled=\"", "\"\n        id=\"btn\"\n        @click=\"", "\"\n        .icon=\"", "\"\n        .title=\"", "\"\n      ></paper-icon-button>\n      <paper-tooltip for=\"btn\" .position=\"", "\" offset=\"14\">\n        ", "\n      </paper-tooltip>\n      <simple-modal-template id=\"smt\" .title=\"", "\">\n        <div id=\"content\" slot=\"content\"></div>\n      </simple-modal-template>\n    "]);
 
-    _templateObject2_9be64f2022d211eaa0764d1a500fd781 = function _templateObject2_9be64f2022d211eaa0764d1a500fd781() {
+    _templateObject2_575a5aa0243411ea86f395335a802507 = function _templateObject2_575a5aa0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9be64f2022d211eaa0764d1a500fd781() {
+  function _templateObject_575a5aa0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        paper-icon-button {\n          color: var(--site-modal-icon-color);\n        }\n      "]);
 
-    _templateObject_9be64f2022d211eaa0764d1a500fd781 = function _templateObject_9be64f2022d211eaa0764d1a500fd781() {
+    _templateObject_575a5aa0243411ea86f395335a802507 = function _templateObject_575a5aa0243411ea86f395335a802507() {
       return data;
     };
 
@@ -46,7 +46,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9be64f2022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_575a5aa0243411ea86f395335a802507())];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
@@ -78,7 +78,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
     babelHelpers.createClass(SiteModal, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9be64f2022d211eaa0764d1a500fd781(), this.editMode, this.fireEvent, this.icon, this.buttonLabel, this.position, this.buttonLabel, this.title);
+        return (0, _litElement.html)(_templateObject2_575a5aa0243411ea86f395335a802507(), 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
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 4e55cb42a6a..e0d48c34349 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,20 +6,20 @@ define(["exports", "../../../../../lit-element/lit-element.js", "../../core/haxc
   });
   _exports.ActiveWhenVisible = void 0;
 
-  function _templateObject2_9bea46c022d211eaa0764d1a500fd781() {
+  function _templateObject2_575e5240243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject2_9bea46c022d211eaa0764d1a500fd781 = function _templateObject2_9bea46c022d211eaa0764d1a500fd781() {
+    _templateObject2_575e5240243411ea86f395335a802507 = function _templateObject2_575e5240243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9bea46c022d211eaa0764d1a500fd781() {
+  function _templateObject_575e5240243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_9bea46c022d211eaa0764d1a500fd781 = function _templateObject_9bea46c022d211eaa0764d1a500fd781() {
+    _templateObject_575e5240243411ea86f395335a802507 = function _templateObject_575e5240243411ea86f395335a802507() {
       return data;
     };
 
@@ -42,12 +42,12 @@ define(["exports", "../../../../../lit-element/lit-element.js", "../../core/haxc
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9bea46c022d211eaa0764d1a500fd781(), this._a, this.itemId);
+        return (0, _litElement.html)(_templateObject_575e5240243411ea86f395335a802507(), this._a, this.itemId);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9bea46c022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_575e5240243411ea86f395335a802507())];
       }
       /**
        * 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 aceda80a446..98d9173d11e 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
   _exports.SiteBreadcrumb = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_9bf0132022d211eaa0764d1a500fd781() {
+  function _templateObject2_5763d080243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div\n        id=\"space\"\n        itemscope\n        itemtype=\"http://data-vocabulary.org/Breadcrumb\"\n      ></div>\n    "]);
 
-    _templateObject2_9bf0132022d211eaa0764d1a500fd781 = function _templateObject2_9bf0132022d211eaa0764d1a500fd781() {
+    _templateObject2_5763d080243411ea86f395335a802507 = function _templateObject2_5763d080243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9bf0132022d211eaa0764d1a500fd781() {
+  function _templateObject_5763d080243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n          color: var(--site-breadcrumb-color, #383f45);\n        }\n        #space {\n          height: 24px;\n          line-height: 24px;\n        }\n        a {\n          height: 24px;\n          color: var(--site-breadcrumb-color, #383f45);\n          display: inline-flex;\n          line-height: 24px;\n          padding: 0 8px 0 0;\n          text-decoration: var(--site-breadcrumb-text-decoration, underline);\n        }\n        paper-button {\n          margin: 0;\n          padding: 0;\n          height: 24px;\n          min-width: unset;\n          display: inline-flex;\n          text-transform: unset;\n        }\n        paper-button:hover,\n        paper-button:focus,\n        paper-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          padding: 0 8px 0 0;\n          height: 24px;\n          display: inline-flex;\n        }\n        iron-icon {\n          display: inline-flex;\n          height: 24px;\n          width: 24px;\n          padding: 0 8px 0 0;\n          color: var(--site-breadcrumb-color, #383f45);\n        }\n      "]);
 
-    _templateObject_9bf0132022d211eaa0764d1a500fd781 = function _templateObject_9bf0132022d211eaa0764d1a500fd781() {
+    _templateObject_5763d080243411ea86f395335a802507 = function _templateObject_5763d080243411ea86f395335a802507() {
       return data;
     };
 
@@ -42,7 +42,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
     babelHelpers.createClass(SiteBreadcrumb, null, [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9bf0132022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_5763d080243411ea86f395335a802507())];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
@@ -90,7 +90,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
     babelHelpers.createClass(SiteBreadcrumb, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9bf0132022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject2_5763d080243411ea86f395335a802507());
       }
       /**
        * Notice the change and build
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 8982693874d..75c9420b8e3 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,20 +6,20 @@ define(["exports", "../../../../../lit-element/lit-element.js", "../../core/haxc
   });
   _exports.SiteDotIndicator = void 0;
 
-  function _templateObject2_9bf5916022d211eaa0764d1a500fd781() {
+  function _templateObject2_576900a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <ol id=\"list\"></ol>\n    "]);
 
-    _templateObject2_9bf5916022d211eaa0764d1a500fd781 = function _templateObject2_9bf5916022d211eaa0764d1a500fd781() {
+    _templateObject2_576900a0243411ea86f395335a802507 = function _templateObject2_576900a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9bf5916022d211eaa0764d1a500fd781() {
+  function _templateObject_576900a0243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject_9bf5916022d211eaa0764d1a500fd781 = function _templateObject_9bf5916022d211eaa0764d1a500fd781() {
+    _templateObject_576900a0243411ea86f395335a802507 = function _templateObject_576900a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -41,7 +41,7 @@ define(["exports", "../../../../../lit-element/lit-element.js", "../../core/haxc
     babelHelpers.createClass(SiteDotIndicator, null, [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9bf5916022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_576900a0243411ea86f395335a802507())];
       }
     }]);
 
@@ -63,7 +63,7 @@ define(["exports", "../../../../../lit-element/lit-element.js", "../../core/haxc
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9bf5916022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject2_576900a0243411ea86f395335a802507());
       }
       /**
        * Props
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 94da717f6e0..b6c156e4380 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,20 +7,20 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
   _exports.SiteMenuButton = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_9c3be93022d211eaa0764d1a500fd781() {
+  function _templateObject2_57702c90243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          paper-button {\n            @apply --site-menu-button-button;\n          }\n          paper-button:hover,\n          paper-button:focus,\n          paper-button:active {\n            @apply --site-menu-button-button-hover;\n          }\n          paper-tooltip {\n            --paper-tooltip: {\n              border-radius: 0;\n            }\n          }\n        </style>\n      </custom-style>\n      <a tabindex=\"-1\" ?disabled=\"", "\" .title=\"", "\">\n        <paper-button\n          id=\"menulink\"\n          noink\n          ?disabled=\"", "\"\n          ?raised=\"", "\"\n          title=\"", "\"\n        >\n          <slot name=\"prefix\"></slot>\n          <iron-icon icon=\"", "\"></iron-icon>\n          <slot name=\"suffix\"></slot>\n        </paper-button>\n      </a>\n      <paper-tooltip for=\"menulink\" offset=\"8\" .position=\"", "\">\n        ", "\n      </paper-tooltip>\n    "]);
 
-    _templateObject2_9c3be93022d211eaa0764d1a500fd781 = function _templateObject2_9c3be93022d211eaa0764d1a500fd781() {
+    _templateObject2_57702c90243411ea86f395335a802507 = function _templateObject2_57702c90243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9c3be93022d211eaa0764d1a500fd781() {
+  function _templateObject_57702c90243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n          transition: 0.3s all ease-in-out;\n        }\n        :host([disabled]) {\n          pointer-events: none;\n          opacity: 0.3;\n        }\n        a {\n          color: var(--site-menu-button-link-color, black);\n          text-decoration: underline;\n        }\n        paper-button {\n          transition: 0.3s all ease-in-out;\n          min-width: unset;\n        }\n        iron-icon {\n          display: block;\n          font-size: 16px;\n          --iron-icon-width: var(--site-menu-button-icon-width, 32px);\n          --iron-icon-height: var(--site-menu-button-icon-height, 32px);\n          --iron-icon-fill-color: var(\n            --site-menu-button-icon-fill-color,\n            black\n          );\n        }\n        paper-tooltip {\n          --paper-tooltip-background: var(\n            --site-menu-button-tooltip-bg,\n            #000000\n          );\n          --paper-tooltip-opacity: 1;\n          --paper-tooltip-text-color: var(\n            --site-menu-button-tooltip-text,\n            #ffffff\n          );\n          --paper-tooltip-delay-in: 0;\n        }\n      "]);
 
-    _templateObject_9c3be93022d211eaa0764d1a500fd781 = function _templateObject_9c3be93022d211eaa0764d1a500fd781() {
+    _templateObject_57702c90243411ea86f395335a802507 = function _templateObject_57702c90243411ea86f395335a802507() {
       return data;
     };
 
@@ -46,7 +46,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9c3be93022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_57702c90243411ea86f395335a802507())];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
@@ -99,7 +99,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
     babelHelpers.createClass(SiteMenuButton, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9c3be93022d211eaa0764d1a500fd781(), this.disabled, this.label, this.disabled, this.raised, this.label, this.icon, this.position, this.label);
+        return (0, _litElement.html)(_templateObject2_57702c90243411ea86f395335a802507(), this.disabled, this.label, this.disabled, this.raised, this.label, this.icon, this.position, this.label);
       }
       /**
        * Props
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 30b0e95f52f..66b0bd9c5b0 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
   _exports.SiteMenu = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_9c91f87022d211eaa0764d1a500fd781() {
+  function _templateObject2_5774c070243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          map-menu {\n            @apply --site-menu;\n            --map-menu-active-color: var(--site-menu-active-color);\n            --map-menu-container: var(--site-menu-container);\n            --map-menu-item-active-item: var(--site-menu-item-active-item);\n          }\n        </style>\n      </custom-style>\n      <map-menu\n        ?disabled=\"", "\"\n        .selected=\"", "\"\n        .manifest=\"", "\"\n        ?active-indicator=\"", "\"\n        selected=\"", "\"\n        ?auto-scroll=\"", "\"\n        @active-item=\"", "\"\n      ></map-menu>\n    "]);
 
-    _templateObject2_9c91f87022d211eaa0764d1a500fd781 = function _templateObject2_9c91f87022d211eaa0764d1a500fd781() {
+    _templateObject2_5774c070243411ea86f395335a802507 = function _templateObject2_5774c070243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9c91f87022d211eaa0764d1a500fd781() {
+  function _templateObject_5774c070243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          height: 100vh;\n        }\n        map-menu[disabled] {\n          pointer-events: none;\n          opacity: 0.5;\n          background-color: grey;\n        }\n        map-menu:not(:defined) {\n          display: none;\n        }\n\n        map-menu::-webkit-scrollbar-track {\n          -webkit-box-shadow: inset 0 0 4px\n            var(--site-menu-scrolltrack-bg-color, rgba(56, 63, 69, 0.9));\n          border-radius: 0;\n          background-color: var(--site-menu-bg-color, #383f45);\n        }\n        map-menu::-webkit-scrollbar {\n          width: 2px;\n          background-color: var(--site-menu-bg-color, #383f45);\n        }\n        map-menu::-webkit-scrollbar-thumb {\n          border-radius: 1px;\n          -webkit-box-shadow: inset 0 0 4px var(--site-menu-bg-shadow, #747474);\n          background-color: var(--site-menu-bg-color, #383f45);\n        }\n      "]);
 
-    _templateObject_9c91f87022d211eaa0764d1a500fd781 = function _templateObject_9c91f87022d211eaa0764d1a500fd781() {
+    _templateObject_5774c070243411ea86f395335a802507 = function _templateObject_5774c070243411ea86f395335a802507() {
       return data;
     };
 
@@ -43,7 +43,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9c91f87022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_5774c070243411ea86f395335a802507())];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
@@ -92,7 +92,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
     babelHelpers.createClass(SiteMenu, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9c91f87022d211eaa0764d1a500fd781(), this.editMode, this.activeId, this.routerManifest, !this.hideActiveIndicator, this.activeId, !this.preventAutoScroll, this.mapMenuActiveChanged);
+        return (0, _litElement.html)(_templateObject2_5774c070243411ea86f395335a802507(), this.editMode, this.activeId, this.routerManifest, !this.hideActiveIndicator, this.activeId, !this.preventAutoScroll, this.mapMenuActiveChanged);
       }
     }, {
       key: "firstUpdated",
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 2c44d738b0d..8bfef0655b4 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,10 +7,10 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
   _exports.SiteTopMenu = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_9c9812f022d211eaa0764d1a500fd781() {
+  function _templateObject_577b7730243411ea86f395335a802507() {
     var data = 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        paper-button {\n          text-transform: unset;\n          min-width: unset;\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        paper-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 paper-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        <paper-icon-button\n          icon=\"menu\"\n          id=\"menu\"\n          title=\"Open navigation\"\n        ></paper-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.location]]\"\n              >\n                <paper-button id$=\"item-[[item.id]]\" noink=\"[[noink]]\">\n                  <span class=\"link-index\">[[humanIndex(index)]]</span>\n                  <span class=\"link-title\">[[item.title]]</span>\n                </paper-button>\n              </a>\n            </div>\n          </template>\n        </dom-repeat>\n        <slot name=\"suffix\"></slot>\n      </div>\n      <div id=\"indicator\"></div>\n    "]);
 
-    _templateObject_9c9812f022d211eaa0764d1a500fd781 = function _templateObject_9c9812f022d211eaa0764d1a500fd781() {
+    _templateObject_577b7730243411ea86f395335a802507 = function _templateObject_577b7730243411ea86f395335a802507() {
       return data;
     };
 
@@ -180,7 +180,7 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9c9812f022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_577b7730243411ea86f395335a802507());
       }
       /**
        * 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 870e4d1571c..6b6b7156cef 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,20 +6,20 @@ define(["exports", "../../../../../lit-element/lit-element.js", "../../../../../
   });
   _exports.SiteRenderQuery = void 0;
 
-  function _templateObject2_9ca5596022d211eaa0764d1a500fd781() {
+  function _templateObject2_578980f0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject2_9ca5596022d211eaa0764d1a500fd781 = function _templateObject2_9ca5596022d211eaa0764d1a500fd781() {
+    _templateObject2_578980f0243411ea86f395335a802507 = function _templateObject2_578980f0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9ca5596022d211eaa0764d1a500fd781() {
+  function _templateObject_578980f0243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_9ca5596022d211eaa0764d1a500fd781 = function _templateObject_9ca5596022d211eaa0764d1a500fd781() {
+    _templateObject_578980f0243411ea86f395335a802507 = function _templateObject_578980f0243411ea86f395335a802507() {
       return data;
     };
 
@@ -42,7 +42,7 @@ define(["exports", "../../../../../lit-element/lit-element.js", "../../../../../
       key: "render",
       // render function, this is non-visual
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9ca5596022d211eaa0764d1a500fd781(), this.result, this.resultEvent, this.sort, this.conditions, this.__items, this.grid);
+        return (0, _litElement.html)(_templateObject_578980f0243411ea86f395335a802507(), this.result, this.resultEvent, this.sort, this.conditions, this.__items, this.grid);
       }
     }, {
       key: "resultEvent",
@@ -60,7 +60,7 @@ define(["exports", "../../../../../lit-element/lit-element.js", "../../../../../
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9ca5596022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_578980f0243411ea86f395335a802507())];
       }
       /**
        * 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 8c496dfc3ff..0e7c757536d 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
   _exports.SitePrintButton = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_9cb9a4b022d211eaa0764d1a500fd781() {
+  function _templateObject2_5795dd00243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          paper-icon-button {\n            @apply --site-print-button-button;\n          }\n          paper-icon-button:hover,\n          paper-icon-button:focus,\n          paper-icon-button:active {\n            @apply --site-print-button-button-hover;\n          }\n          paper-tooltip {\n            @apply --site-print-button-tooltip;\n          }\n        </style>\n      </custom-style>\n      <paper-icon-button\n        id=\"btn\"\n        icon=\"", "\"\n        @click=\"", "\"\n        .title=\"", "\"\n        ?disabled=\"", "\"\n      ></paper-icon-button>\n      <paper-tooltip for=\"btn\" position=\"", "\" offset=\"14\">\n        ", "\n      </paper-tooltip>\n    "]);
 
-    _templateObject2_9cb9a4b022d211eaa0764d1a500fd781 = function _templateObject2_9cb9a4b022d211eaa0764d1a500fd781() {
+    _templateObject2_5795dd00243411ea86f395335a802507 = function _templateObject2_5795dd00243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9cb9a4b022d211eaa0764d1a500fd781() {
+  function _templateObject_5795dd00243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          text-rendering: optimizelegibility;\n          position: relative;\n        }\n      "]);
 
-    _templateObject_9cb9a4b022d211eaa0764d1a500fd781 = function _templateObject_9cb9a4b022d211eaa0764d1a500fd781() {
+    _templateObject_5795dd00243411ea86f395335a802507 = function _templateObject_5795dd00243411ea86f395335a802507() {
       return data;
     };
 
@@ -44,7 +44,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9cb9a4b022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_5795dd00243411ea86f395335a802507())];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
@@ -78,7 +78,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
     babelHelpers.createClass(SitePrintButton, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9cb9a4b022d211eaa0764d1a500fd781(), this.icon, this.print, this.label, this.disabled, this.position, this.label);
+        return (0, _litElement.html)(_templateObject2_5795dd00243411ea86f395335a802507(), this.icon, this.print, this.label, this.disabled, this.position, this.label);
       }
     }, {
       key: "updated",
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 6bf993e04a4..d914ea55ad4 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
   _exports.SiteRSSButton = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_9cbd754022d211eaa0764d1a500fd781() {
+  function _templateObject2_57995f70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          paper-button {\n            @apply --site-rss-paper-button;\n          }\n        </style>\n      </custom-style>\n      <a\n        ?disabled=\"", "\"\n        tabindex=\"-1\"\n        href=\"", "\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <paper-button ?raised=\"", "\">\n          <iron-icon icon=\"", "\"></iron-icon> ", "\n        </paper-button>\n      </a>\n    "]);
 
-    _templateObject2_9cbd754022d211eaa0764d1a500fd781 = function _templateObject2_9cbd754022d211eaa0764d1a500fd781() {
+    _templateObject2_57995f70243411ea86f395335a802507 = function _templateObject2_57995f70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9cbd754022d211eaa0764d1a500fd781() {
+  function _templateObject_57995f70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n          color: var(--site-rss-color, #383f45);\n        }\n        a {\n          text-decoration: var(--site-rss-text-decoration, none);\n        }\n        paper-button {\n          text-transform: unset;\n          color: white;\n          background-color: var(--site-rss-bg-color, #383f45);\n          font-size: var(--site-rss-font-size, 13px);\n          margin: var(--site-rss-paper-button-margin, 0);\n          border-radius: var(--site-rss-border-radius, 3px);\n          padding: var(--site-rss-paper-button-padding, 0);\n        }\n        paper-button:hover,\n        paper-button:focus,\n        paper-button:active {\n          background-color: var(--site-rss-bg-active, #2d3237);\n        }\n      "]);
 
-    _templateObject_9cbd754022d211eaa0764d1a500fd781 = function _templateObject_9cbd754022d211eaa0764d1a500fd781() {
+    _templateObject_57995f70243411ea86f395335a802507 = function _templateObject_57995f70243411ea86f395335a802507() {
       return data;
     };
 
@@ -44,7 +44,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9cbd754022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_57995f70243411ea86f395335a802507())];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
@@ -80,7 +80,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
     babelHelpers.createClass(SiteRSSButton, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9cbd754022d211eaa0764d1a500fd781(), this.disabled, this.href, this.raised, this.icon, this.label);
+        return (0, _litElement.html)(_templateObject2_57995f70243411ea86f395335a802507(), this.disabled, this.href, this.raised, this.icon, this.label);
       }
       /**
        * Mix in an opened status
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 3bcbf97f69c..71d63020b13 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,50 +7,50 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js"], func
   _exports.SiteSearch = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject5_9cc16ce022d211eaa0764d1a500fd781() {
+  function _templateObject5_579e4170243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n          <a class=\"result\" .href=\"", "\">\n            <div class=\"title\">\n              ", "<span class=\"link-text\" aria-hidden=\"true\"\n                >(", ")</span\n              >\n            </div>\n            <div class=\"date\">\n              <simple-datetime format=\"M jS\" .timestamp=\"", "\" unix\n                >", "</simple-datetime\n              >\n            </div>\n            <p>", "..</p>\n          </a>\n        "]);
 
-    _templateObject5_9cc16ce022d211eaa0764d1a500fd781 = function _templateObject5_9cc16ce022d211eaa0764d1a500fd781() {
+    _templateObject5_579e4170243411ea86f395335a802507 = function _templateObject5_579e4170243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_9cc16ce022d211eaa0764d1a500fd781() {
+  function _templateObject4_579e4170243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject4_9cc16ce022d211eaa0764d1a500fd781 = function _templateObject4_9cc16ce022d211eaa0764d1a500fd781() {
+    _templateObject4_579e4170243411ea86f395335a802507 = function _templateObject4_579e4170243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_9cc16ce022d211eaa0764d1a500fd781() {
+  function _templateObject3_579e4170243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            Found ", " results.\n          "]);
 
-    _templateObject3_9cc16ce022d211eaa0764d1a500fd781 = function _templateObject3_9cc16ce022d211eaa0764d1a500fd781() {
+    _templateObject3_579e4170243411ea86f395335a802507 = function _templateObject3_579e4170243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_9cc16ce022d211eaa0764d1a500fd781() {
+  function _templateObject2_579e4170243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-input\n        id=\"search\"\n        always-float-label\n        label=\"Search\"\n        @value-changed=\"", "\"\n      >\n        <iron-icon icon=\"search\" slot=\"prefix\"></iron-icon>\n      </paper-input>\n      ", "\n      <lunr-search id=\"lunr\"></lunr-search>\n\n      ", "\n    "]);
 
-    _templateObject2_9cc16ce022d211eaa0764d1a500fd781 = function _templateObject2_9cc16ce022d211eaa0764d1a500fd781() {
+    _templateObject2_579e4170243411ea86f395335a802507 = function _templateObject2_579e4170243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9cc16ce022d211eaa0764d1a500fd781() {
+  function _templateObject_579e4170243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 16px;\n          color: var(--site-search-color, #383f45);\n          height: 55vh;\n          width: 60vh;\n        }\n        .result {\n          display: block;\n          background-color: #eeeeee;\n          color: #222222;\n          border: 1px solid black;\n          padding: 16px;\n        }\n        .result:hover,\n        .result:focus {\n          background-color: #dddddd;\n          color: black;\n          color: var(--site-search-link-color-hover, #000000);\n          text-decoration: underline;\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        .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        #search {\n          flex-grow: 2;\n          margin-right: 4px;\n          --paper-input-container-input-color: var(\n            --site-search-text-color,\n            #000\n          );\n          --paper-input-container-shared-input-style_-_color: var(\n            --site-search-text-color,\n            #000\n          );\n          --paper-input-container-focus-color: var(\n            --site-search-line-color,\n            #000\n          );\n          --paper-input-container-color: var(\n            --site-search-placeholder-color,\n            #222\n          );\n          color: var(--site-search-placeholder-color, #222);\n        }\n      "]);
 
-    _templateObject_9cc16ce022d211eaa0764d1a500fd781 = function _templateObject_9cc16ce022d211eaa0764d1a500fd781() {
+    _templateObject_579e4170243411ea86f395335a802507 = function _templateObject_579e4170243411ea86f395335a802507() {
       return data;
     };
 
@@ -76,7 +76,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js"], func
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9cc16ce022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_579e4170243411ea86f395335a802507())];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
@@ -118,8 +118,8 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js"], func
     babelHelpers.createClass(SiteSearch, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9cc16ce022d211eaa0764d1a500fd781(), this._searchValueChanged, this.search.length > 0 ? (0, _litElement.html)(_templateObject3_9cc16ce022d211eaa0764d1a500fd781(), this.__results.length) : (0, _litElement.html)(_templateObject4_9cc16ce022d211eaa0764d1a500fd781()), this.__results.map(function (item) {
-          return (0, _litElement.html)(_templateObject5_9cc16ce022d211eaa0764d1a500fd781(), item.location, item.title, item.location, item.created, item.created, item.description);
+        return (0, _litElement.html)(_templateObject2_579e4170243411ea86f395335a802507(), this._searchValueChanged, this.search.length > 0 ? (0, _litElement.html)(_templateObject3_579e4170243411ea86f395335a802507(), this.__results.length) : (0, _litElement.html)(_templateObject4_579e4170243411ea86f395335a802507()), this.__results.map(function (item) {
+          return (0, _litElement.html)(_templateObject5_579e4170243411ea86f395335a802507(), item.location, item.title, item.location, item.created, item.created, item.description);
         }));
       }
     }, {
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 537189dcba6..bcd5a9dbd78 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,40 +7,40 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
   _exports.SiteTitle = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject4_9cc4c84022d211eaa0764d1a500fd781() {
+  function _templateObject4_57a1eaf0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <h1>", "</h1>\n            "]);
 
-    _templateObject4_9cc4c84022d211eaa0764d1a500fd781 = function _templateObject4_9cc4c84022d211eaa0764d1a500fd781() {
+    _templateObject4_57a1eaf0243411ea86f395335a802507 = function _templateObject4_57a1eaf0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_9cc4c84022d211eaa0764d1a500fd781() {
+  function _templateObject3_57a1eaf0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject3_9cc4c84022d211eaa0764d1a500fd781 = function _templateObject3_9cc4c84022d211eaa0764d1a500fd781() {
+    _templateObject3_57a1eaf0243411ea86f395335a802507 = function _templateObject3_57a1eaf0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_9cc4c84022d211eaa0764d1a500fd781() {
+  function _templateObject2_57a1eaf0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          a {\n            @apply --site-title-link;\n          }\n          a:hover,\n          a:focus,\n          a:active {\n            @apply --site-title-link-hover;\n          }\n          a h1 {\n            text-rendering: optimizelegibility;\n            @apply --site-title-heading;\n          }\n          iron-icon {\n            @apply --site-title-icon;\n          }\n        </style>\n      </custom-style>\n      <a\n        href=\"", "\"\n        title=\"", "\"\n        ?disabled=\"", "\"\n      >\n        <iron-icon\n          ?hidden=\"", "\"\n          icon=\"", "\"\n        ></iron-icon>\n        ", "\n      </a>\n    "]);
 
-    _templateObject2_9cc4c84022d211eaa0764d1a500fd781 = function _templateObject2_9cc4c84022d211eaa0764d1a500fd781() {
+    _templateObject2_57a1eaf0243411ea86f395335a802507 = function _templateObject2_57a1eaf0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9cc4c84022d211eaa0764d1a500fd781() {
+  function _templateObject_57a1eaf0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          text-rendering: optimizelegibility;\n          position: relative;\n        }\n      "]);
 
-    _templateObject_9cc4c84022d211eaa0764d1a500fd781 = function _templateObject_9cc4c84022d211eaa0764d1a500fd781() {
+    _templateObject_57a1eaf0243411ea86f395335a802507 = function _templateObject_57a1eaf0243411ea86f395335a802507() {
       return data;
     };
 
@@ -65,7 +65,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9cc4c84022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_57a1eaf0243411ea86f395335a802507())];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
@@ -109,7 +109,7 @@ define(["exports", "require", "../../../../../lit-element/lit-element.js", "../.
     babelHelpers.createClass(SiteTitle, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9cc4c84022d211eaa0764d1a500fd781(), this.homeLink, this.label, this.disabled, this.icon ? false : true, this.icon, this.notitle ? (0, _litElement.html)(_templateObject3_9cc4c84022d211eaa0764d1a500fd781()) : (0, _litElement.html)(_templateObject4_9cc4c84022d211eaa0764d1a500fd781(), this.siteTitle));
+        return (0, _litElement.html)(_templateObject2_57a1eaf0243411ea86f395335a802507(), this.homeLink, this.label, this.disabled, this.icon ? false : true, this.icon, this.notitle ? (0, _litElement.html)(_templateObject3_57a1eaf0243411ea86f395335a802507()) : (0, _litElement.html)(_templateObject4_57a1eaf0243411ea86f395335a802507(), this.siteTitle));
       }
       /**
        * Props
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 af8d873cc51..113fa20f5e6 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,10 +7,10 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
   _exports.Basic = _exports.BasicTemplate = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_9caa3b6022d211eaa0764d1a500fd781() {
+  function _templateObject_57a87aa0243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject_9caa3b6022d211eaa0764d1a500fd781 = function _templateObject_9caa3b6022d211eaa0764d1a500fd781() {
+    _templateObject_57a87aa0243411ea86f395335a802507 = function _templateObject_57a87aa0243411ea86f395335a802507() {
       return data;
     };
 
@@ -105,7 +105,7 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
         babelHelpers.createClass(_class, null, [{
           key: "template",
           get: function get() {
-            return (0, _polymerElement.html)(_templateObject_9caa3b6022d211eaa0764d1a500fd781());
+            return (0, _polymerElement.html)(_templateObject_57a87aa0243411ea86f395335a802507());
           }
         }]);
         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 9f82326ccc9..7152a6e2566 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,10 +7,10 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
   _exports.Minimalist = _exports.MinimalistTemplate = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_9cae330022d211eaa0764d1a500fd781() {
+  function _templateObject_57acc060243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject_9cae330022d211eaa0764d1a500fd781 = function _templateObject_9cae330022d211eaa0764d1a500fd781() {
+    _templateObject_57acc060243411ea86f395335a802507 = function _templateObject_57acc060243411ea86f395335a802507() {
       return data;
     };
 
@@ -78,7 +78,7 @@ define(["exports", "require", "../../../../../@polymer/polymer/polymer-element.j
         babelHelpers.createClass(_class, null, [{
           key: "template",
           get: function get() {
-            return (0, _polymerElement.html)(_templateObject_9cae330022d211eaa0764d1a500fd781());
+            return (0, _polymerElement.html)(_templateObject_57acc060243411ea86f395335a802507());
           }
         }]);
         return _class;
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 d819304dba6..6b2652bc963 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
@@ -11,50 +11,50 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../haxcms-ele
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject5_7a49e0c022d211eaa0764d1a500fd781() {
+  function _templateObject5_34e147e0243411ea86f395335a802507() {
     var data = 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\n        :host([hidden]) {\n          display: none;\n        }\n        :host([is-logged-in]) {\n          margin-left: 48px;\n        }\n        :host([is-logged-in][edit-mode]) {\n          padding-left: 12px;\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\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: 740px;\n          margin: 0 auto;\n          box-sizing: border-box;\n          padding-left: 20px;\n          padding-right: 20px;\n        }\n        simple-blog-card {\n          padding: 8px;\n          min-height: 100px;\n          min-width: 100px;\n        }\n        .simple-blog-card-wrapper {\n          margin: 0 auto;\n          width: 100%;\n        }\n        .evenly {\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        app-toolbar {\n          padding: 0 20px;\n          height: 54px;\n          max-width: 1032px;\n          margin: 0 auto;\n        }\n        .backbutton {\n          height: 54px;\n          border-radius: 0;\n          min-width: unset;\n          text-transform: unset;\n        }\n        app-header {\n          z-index: 100;\n          @apply --layout-fixed-top;\n          color: #ffffff;\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          --app-header-background-rear-layer: {\n            background-color: var(--haxcms-color, rgba(255, 0, 116, 1));\n          }\n        }\n        paper-icon-button {\n          --paper-icon-button-ink-color: white;\n        }\n        site-active-title {\n          --site-active-title-heading: {\n            font-size: 42px;\n            font-family: Georgia, Cambria, \"Times New Roman\", Times, serif;\n            font-weight: 400;\n            font-style: normal;\n            font-weight: 400;\n            line-height: 1.25;\n            letter-spacing: 0;\n          }\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        iron-icon {\n          height: 40px;\n          width: 40px;\n          display: flex;\n          padding-right: 20px;\n        }\n        .annoy-user iron-icon {\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: 700px;\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          --site-rss-color: #000000;\n          --site-rss-bg-color: var(--haxcms-color, rgba(255, 0, 116, 1));\n          --site-rss-paper-button-padding: 0 4px;\n          --site-rss-paper-button-margin: 0;\n        }\n\n        @media screen and (max-width: 800px) {\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          }\n          .evenly {\n            display: unset;\n            justify-content: unset;\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      "]);
 
-    _templateObject5_7a49e0c022d211eaa0764d1a500fd781 = function _templateObject5_7a49e0c022d211eaa0764d1a500fd781() {
+    _templateObject5_34e147e0243411ea86f395335a802507 = function _templateObject5_34e147e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_7a49e0c022d211eaa0764d1a500fd781() {
+  function _templateObject4_34e147e0243411ea86f395335a802507() {
     var data = 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                "]);
 
-    _templateObject4_7a49e0c022d211eaa0764d1a500fd781 = function _templateObject4_7a49e0c022d211eaa0764d1a500fd781() {
+    _templateObject4_34e147e0243411ea86f395335a802507 = function _templateObject4_34e147e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_7a49e0c022d211eaa0764d1a500fd781() {
+  function _templateObject3_34e147e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <simple-blog-card\n                    alt=\"", "\"\n                    color=\"", "\"\n                    .title=\"", "\"\n                    size=\"medium\"\n                    .link=\"", "\"\n                    .image=\"", "\"\n                    .author=\"", "\"\n                    .timestamp=\"", "\"\n                    .readtime=\"", "\"\n                    .authorimage=\"", "\"\n                    .placeholder=\"", "\"\n                    .authorlink=\"", "\"\n                  >\n                    ", "\n                  </simple-blog-card>\n                "]);
 
-    _templateObject3_7a49e0c022d211eaa0764d1a500fd781 = function _templateObject3_7a49e0c022d211eaa0764d1a500fd781() {
+    _templateObject3_34e147e0243411ea86f395335a802507 = function _templateObject3_34e147e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_7a49e0c022d211eaa0764d1a500fd781() {
+  function _templateObject2_34e147e0243411ea86f395335a802507() {
     var data = 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                "]);
 
-    _templateObject2_7a49e0c022d211eaa0764d1a500fd781 = function _templateObject2_7a49e0c022d211eaa0764d1a500fd781() {
+    _templateObject2_34e147e0243411ea86f395335a802507 = function _templateObject2_34e147e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7a49e0c022d211eaa0764d1a500fd781() {
+  function _templateObject_34e147e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <app-header reveals>\n        <app-toolbar>\n          <div>\n            <paper-button\n              class=\"backbutton\"\n              @click=\"", "\"\n              title=\"Back to listing\"\n            >\n              <iron-icon icon=\"", "\"></iron-icon>\n              <span class=\"hide-small\"\n                >", " - ", "</span\n              >\n            </paper-button>\n          </div>\n          <div main-title>\n            <iron-image\n              src=\"", "\"\n              preload\n              sizing=\"cover\"\n              style=\"height:46px;width:100%;margin: 4px 0 2px 0;\"\n            ></iron-image>\n          </div>\n          <div>\n            <site-modal\n              @site-modal-click=\"", "\"\n              icon=\"icons:search\"\n              title=\"Search site\"\n              button-label=\"Search\"\n            >\n              <site-search></site-search>\n            </site-modal>\n          </div>\n        </app-toolbar>\n      </app-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 evenly\">\n              ", "\n            </div>\n            <site-query\n              @result-changed=\"", "\"\n              start-index=\"2\"\n              limit=\"6\"\n              sort='{\"created\": \"ASC\"}'\n            ></site-query>\n            <div class=\"simple-blog-card-wrapper\">\n              ", "\n            </div>\n          </div>\n          <div class=\"contentcontainer-wrapper\">\n            <div 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              <div id=\"slot\">\n                <slot></slot>\n              </div>\n            </div>\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            <div 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            </div>\n            <div class=\"annoy-user ", "\">\n              <div class=\"annoy-inner\">\n                <iron-icon icon=\"", "\" class=\"hide-small\"></iron-icon>\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            </div>\n          </div>\n        </iron-pages>\n      </div>\n    "]);
 
-    _templateObject_7a49e0c022d211eaa0764d1a500fd781 = function _templateObject_7a49e0c022d211eaa0764d1a500fd781() {
+    _templateObject_34e147e0243411ea86f395335a802507 = function _templateObject_34e147e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -82,12 +82,12 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../haxcms-ele
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject_7a49e0c022d211eaa0764d1a500fd781(), this._goBack, this.icon, this.title, this.activeTitle, this.image, this.siteModalClick, this.selectedPage, this.__mainPostsChanged, this.__mainPosts.map(function (post) {
-          return (0, _litElement.html)(_templateObject2_7a49e0c022d211eaa0764d1a500fd781(), 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.location, _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, _litElement.html)(_templateObject_34e147e0243411ea86f395335a802507(), this._goBack, this.icon, this.title, this.activeTitle, this.image, this.siteModalClick, this.selectedPage, this.__mainPostsChanged, this.__mainPosts.map(function (post) {
+          return (0, _litElement.html)(_templateObject2_34e147e0243411ea86f395335a802507(), 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.location, _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, _litElement.html)(_templateObject3_7a49e0c022d211eaa0764d1a500fd781(), 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.location, _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, _litElement.html)(_templateObject3_34e147e0243411ea86f395335a802507(), 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.location, _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, _litElement.html)(_templateObject4_7a49e0c022d211eaa0764d1a500fd781(), 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.location, _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, _litElement.html)(_templateObject4_34e147e0243411ea86f395335a802507(), 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.location, _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);
       }
       /**
@@ -140,7 +140,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../haxcms-ele
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject5_7a49e0c022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject5_34e147e0243411ea86f395335a802507())];
       }
     }, {
       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 181b8192a9b..f5774cf709b 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
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../json-editor/
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_7a6753d022d211eaa0764d1a500fd781() {
+  function _templateObject_35113180243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        code-editor {\n          height: 500px;\n        }\n      </style>\n      <vaadin-split-layout>\n        <div>\n          <paper-button raised noink on-click=\"addConfigure\"\n            >Add to configure</paper-button\n          >\n          <paper-button raised noink on-click=\"addAdvanced\"\n            >Add to advanced</paper-button\n          >\n          <code-editor\n            id=\"code\"\n            on-value-changed=\"_editorDataChanged\"\n            language=\"json\"\n          ></code-editor>\n          <json-editor\n            id=\"json\"\n            label=\"JSON\"\n            value=\"{{haxSchema}}\"\n          ></json-editor>\n        </div>\n        <div>\n          <hax-schema-form\n            id=\"form\"\n            configure-schema=\"[[configureSchema]]\"\n            advanced-schema=\"[[advancedSchema]]\"\n            value=\"{{value}}\"\n          ></hax-schema-form>\n        </div>\n      </vaadin-split-layout>\n    "]);
 
-    _templateObject_7a6753d022d211eaa0764d1a500fd781 = function _templateObject_7a6753d022d211eaa0764d1a500fd781() {
+    _templateObject_35113180243411ea86f395335a802507 = function _templateObject_35113180243411ea86f395335a802507() {
       return data;
     };
 
@@ -138,7 +138,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../json-editor/
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_7a6753d022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_35113180243411ea86f395335a802507());
       } // haxProperty definition
 
     }, {
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 d3f502cff44..6decdce7073 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
@@ -11,10 +11,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_7a92828022d211eaa0764d1a500fd781() {
+  function _templateObject_3534bf10243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\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 paper-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 paper-button,\n        .linkbutton:hover paper-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      </style>\n      <iron-image\n        class=\"image\"\n        src$=\"[[image]]\"\n        fade=\"\"\n        preload=\"\"\n        sizing=\"cover\"\n      ></iron-image>\n      <div class=\"itemwrapper\">\n        <div class=\"title\">[[title]]</div>\n        <div class=\"details\">[[details]]</div>\n        <a class=\"linkbutton\" href$=\"[[buttonLink]]\"\n          ><paper-button raised=\"\">[[buttonText]]</paper-button></a\n        >\n      </div>\n    "], ["\n      <style include=\"simple-colors-shared-styles-polymer\">\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 paper-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 paper-button,\n        .linkbutton:hover paper-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      </style>\n      <iron-image\n        class=\"image\"\n        src\\$=\"[[image]]\"\n        fade=\"\"\n        preload=\"\"\n        sizing=\"cover\"\n      ></iron-image>\n      <div class=\"itemwrapper\">\n        <div class=\"title\">[[title]]</div>\n        <div class=\"details\">[[details]]</div>\n        <a class=\"linkbutton\" href\\$=\"[[buttonLink]]\"\n          ><paper-button raised=\"\">[[buttonText]]</paper-button></a\n        >\n      </div>\n    "]);
 
-    _templateObject_7a92828022d211eaa0764d1a500fd781 = function _templateObject_7a92828022d211eaa0764d1a500fd781() {
+    _templateObject_3534bf10243411ea86f395335a802507 = function _templateObject_3534bf10243411ea86f395335a802507() {
       return data;
     };
 
@@ -49,7 +49,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
     babelHelpers.createClass(HeroBanner, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_7a92828022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3534bf10243411ea86f395335a802507());
       }
     }, {
       key: "tag",
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 401d4d8e225..7abd21c0648 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
@@ -10,30 +10,30 @@ define(["exports", "../../lit-element/lit-element.js", "./lib/hex-a-gon.js"], fu
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject3_7ab302d022d211eaa0764d1a500fd781() {
+  function _templateObject3_35598520243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host([loading]) {\n          display: block;\n        }\n        :host([size=\"small\"]) {\n          transform: scale(0.5, 0.5);\n          -webkit-transform: scale(0.5, 0.5);\n          -moz-transform: scale(0.5, 0.5);\n          -ms-transform: scale(0.5, 0.5);\n          -o-transform: scale(0.5, 0.5);\n        }\n        :host([size=\"large\"]) {\n          transform: scale(1.25, 1.25);\n          -webkit-transform: scale(1.25, 1.25);\n          -moz-transform: scale(1.25, 1.25);\n          -ms-transform: scale(1.25, 1.25);\n          -o-transform: scale(1.25, 1.25);\n        }\n        :host([size=\"epic\"]) {\n          transform: scale(2.5, 2.5);\n          -webkit-transform: scale(2.5, 2.5);\n          -moz-transform: scale(2.5, 2.5);\n          -ms-transform: scale(2.5, 2.5);\n          -o-transform: scale(2.5, 2.5);\n        }\n\n        div {\n          position: relative;\n          width: 255px;\n          height: 232.5px;\n          margin: 0 auto;\n        }\n\n        hex-a-gon {\n          display: none;\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          width: 30px;\n          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        hex-a-gon:nth-of-type(1) {\n          display: block;\n          margin-left: -56.25px;\n          margin-top: -97.875px;\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        hex-a-gon:nth-of-type(2) {\n          display: block;\n          margin-left: -18.75px;\n          margin-top: -97.875px;\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        hex-a-gon:nth-of-type(3) {\n          display: block;\n          margin-left: 18.75px;\n          margin-top: -97.875px;\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        hex-a-gon:nth-of-type(4) {\n          display: block;\n          margin-left: 56.25px;\n          margin-top: -97.875px;\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        hex-a-gon:nth-of-type(5) {\n          display: block;\n          margin-left: -75px;\n          margin-top: -65.25px;\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        hex-a-gon:nth-of-type(6) {\n          display: block;\n          margin-left: -37.5px;\n          margin-top: -65.25px;\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        hex-a-gon:nth-of-type(7) {\n          display: block;\n          margin-left: 0px;\n          margin-top: -65.25px;\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        hex-a-gon:nth-of-type(8) {\n          display: block;\n          margin-left: 37.5px;\n          margin-top: -65.25px;\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        hex-a-gon:nth-of-type(9) {\n          display: block;\n          margin-left: 75px;\n          margin-top: -65.25px;\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        hex-a-gon:nth-of-type(10) {\n          display: block;\n          margin-left: -93.75px;\n          margin-top: -32.625px;\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        hex-a-gon:nth-of-type(11) {\n          display: block;\n          margin-left: -56.25px;\n          margin-top: -32.625px;\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        hex-a-gon:nth-of-type(12) {\n          display: block;\n          margin-left: -18.75px;\n          margin-top: -32.625px;\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        hex-a-gon:nth-of-type(13) {\n          display: block;\n          margin-left: 18.75px;\n          margin-top: -32.625px;\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        hex-a-gon:nth-of-type(14) {\n          display: block;\n          margin-left: 56.25px;\n          margin-top: -32.625px;\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        hex-a-gon:nth-of-type(15) {\n          display: block;\n          margin-left: 93.75px;\n          margin-top: -32.625px;\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        hex-a-gon:nth-of-type(16) {\n          display: block;\n          margin-left: -112.5px;\n          margin-top: 0px;\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        hex-a-gon:nth-of-type(17) {\n          display: block;\n          margin-left: -75px;\n          margin-top: 0px;\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        hex-a-gon:nth-of-type(18) {\n          display: block;\n          margin-left: -37.5px;\n          margin-top: 0px;\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        hex-a-gon:nth-of-type(19) {\n          display: block;\n          margin-left: 0px;\n          margin-top: 0px;\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        hex-a-gon:nth-of-type(20) {\n          display: block;\n          margin-left: 37.5px;\n          margin-top: 0px;\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        hex-a-gon:nth-of-type(21) {\n          display: block;\n          margin-left: 75px;\n          margin-top: 0px;\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        hex-a-gon:nth-of-type(22) {\n          display: block;\n          margin-left: 112.5px;\n          margin-top: 0px;\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        hex-a-gon:nth-of-type(23) {\n          display: block;\n          margin-left: -93.75px;\n          margin-top: 32.625px;\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        hex-a-gon:nth-of-type(24) {\n          display: block;\n          margin-left: -56.25px;\n          margin-top: 32.625px;\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        hex-a-gon:nth-of-type(25) {\n          display: block;\n          margin-left: -18.75px;\n          margin-top: 32.625px;\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        hex-a-gon:nth-of-type(26) {\n          display: block;\n          margin-left: 18.75px;\n          margin-top: 32.625px;\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        hex-a-gon:nth-of-type(27) {\n          display: block;\n          margin-left: 56.25px;\n          margin-top: 32.625px;\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        hex-a-gon:nth-of-type(28) {\n          display: block;\n          margin-left: 93.75px;\n          margin-top: 32.625px;\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        hex-a-gon:nth-of-type(29) {\n          display: block;\n          margin-left: -75px;\n          margin-top: 65.25px;\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        hex-a-gon:nth-of-type(30) {\n          display: block;\n          margin-left: -37.5px;\n          margin-top: 65.25px;\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        hex-a-gon:nth-of-type(31) {\n          display: block;\n          margin-left: 0px;\n          margin-top: 65.25px;\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        hex-a-gon:nth-of-type(32) {\n          display: block;\n          margin-left: 37.5px;\n          margin-top: 65.25px;\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        hex-a-gon:nth-of-type(33) {\n          display: block;\n          margin-left: 75px;\n          margin-top: 65.25px;\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        hex-a-gon:nth-of-type(34) {\n          display: block;\n          margin-left: -56.25px;\n          margin-top: 97.875px;\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        hex-a-gon:nth-of-type(35) {\n          display: block;\n          margin-left: -18.75px;\n          margin-top: 97.875px;\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        hex-a-gon:nth-of-type(36) {\n          display: block;\n          margin-left: 18.75px;\n          margin-top: 97.875px;\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        hex-a-gon:nth-of-type(37) {\n          display: block;\n          margin-left: 56.25px;\n          margin-top: 97.875px;\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        @-webkit-keyframes scaleIt {\n          25%,\n          100% {\n            -webkit-transform: scale(1) translate(-50%, -50%);\n            transform: scale(1) translate(-50%, -50%);\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          50% {\n            -webkit-transform: scale(0) translate(-50%, -50%);\n            transform: scale(0) translate(-50%, -50%);\n          }\n        }\n      "]);
 
-    _templateObject3_7ab302d022d211eaa0764d1a500fd781 = function _templateObject3_7ab302d022d211eaa0764d1a500fd781() {
+    _templateObject3_35598520243411ea86f395335a802507 = function _templateObject3_35598520243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_7ab302d022d211eaa0764d1a500fd781() {
+  function _templateObject2_35598520243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <hex-a-gon></hex-a-gon>\n            "]);
 
-    _templateObject2_7ab302d022d211eaa0764d1a500fd781 = function _templateObject2_7ab302d022d211eaa0764d1a500fd781() {
+    _templateObject2_35598520243411ea86f395335a802507 = function _templateObject2_35598520243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7ab302d022d211eaa0764d1a500fd781() {
+  function _templateObject_35598520243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        ", "\n      </div>\n    "]);
 
-    _templateObject_7ab302d022d211eaa0764d1a500fd781 = function _templateObject_7ab302d022d211eaa0764d1a500fd781() {
+    _templateObject_35598520243411ea86f395335a802507 = function _templateObject_35598520243411ea86f395335a802507() {
       return data;
     };
 
@@ -57,8 +57,8 @@ define(["exports", "../../lit-element/lit-element.js", "./lib/hex-a-gon.js"], fu
       key: "render",
       // LitElement render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_7ab302d022d211eaa0764d1a500fd781(), this.items.map(function (item) {
-          return (0, _litElement.html)(_templateObject2_7ab302d022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_35598520243411ea86f395335a802507(), this.items.map(function (item) {
+          return (0, _litElement.html)(_templateObject2_35598520243411ea86f395335a802507());
         }));
       } // properties available to the custom element for data binding
 
@@ -66,7 +66,7 @@ define(["exports", "../../lit-element/lit-element.js", "./lib/hex-a-gon.js"], fu
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_7ab302d022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_35598520243411ea86f395335a802507())];
       }
     }, {
       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 5b99e2b1e71..cfb5dbdc7d0 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
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_7afdee8022d211eaa0764d1a500fd781() {
+  function _templateObject_35b5aee0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <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        :host .iconset:not(:first-of-type) {\n          border-top: 1px solid #ddd;\n        }\n        :host ul {\n          list-style-type: none;\n          padding: 0;\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        :host iron-icon {\n          font-size: 14px;\n          color: rgb(97, 97, 97);\n          display: inline-block;\n        }\n        :host .iconset:nth-of-type(9n + 2) iron-icon {\n          color: #be3300;\n        }\n        :host .iconset:nth-of-type(9n + 3) iron-icon {\n          color: #0000b5;\n        }\n        :host .iconset:nth-of-type(9n + 4) iron-icon {\n          color: #750075;\n        }\n        :host .iconset:nth-of-type(9n + 5) iron-icon {\n          color: #aa5d00;\n        }\n        :host .iconset:nth-of-type(9n + 6) iron-icon {\n          color: #db0a5b;\n        }\n        :host .iconset:nth-of-type(9n + 7) iron-icon {\n          color: #005500;\n        }\n        :host .iconset:nth-of-type(9n + 8) iron-icon {\n          color: #cf000f;\n        }\n        :host .iconset:nth-of-type(9n) iron-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                  <iron-icon icon$=\"[[icon]]\"></iron-icon>\n                  <div id=\"icon-text\">[[icon]]</div>\n                </div>\n              </li>\n            </template>\n          </ul>\n        </div>\n      </template>\n    "], ["\n      <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        :host .iconset:not(:first-of-type) {\n          border-top: 1px solid #ddd;\n        }\n        :host ul {\n          list-style-type: none;\n          padding: 0;\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        :host iron-icon {\n          font-size: 14px;\n          color: rgb(97, 97, 97);\n          display: inline-block;\n        }\n        :host .iconset:nth-of-type(9n + 2) iron-icon {\n          color: #be3300;\n        }\n        :host .iconset:nth-of-type(9n + 3) iron-icon {\n          color: #0000b5;\n        }\n        :host .iconset:nth-of-type(9n + 4) iron-icon {\n          color: #750075;\n        }\n        :host .iconset:nth-of-type(9n + 5) iron-icon {\n          color: #aa5d00;\n        }\n        :host .iconset:nth-of-type(9n + 6) iron-icon {\n          color: #db0a5b;\n        }\n        :host .iconset:nth-of-type(9n + 7) iron-icon {\n          color: #005500;\n        }\n        :host .iconset:nth-of-type(9n + 8) iron-icon {\n          color: #cf000f;\n        }\n        :host .iconset:nth-of-type(9n) iron-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                  <iron-icon icon\\$=\"[[icon]]\"></iron-icon>\n                  <div id=\"icon-text\">[[icon]]</div>\n                </div>\n              </li>\n            </template>\n          </ul>\n        </div>\n      </template>\n    "]);
 
-    _templateObject_7afdee8022d211eaa0764d1a500fd781 = function _templateObject_7afdee8022d211eaa0764d1a500fd781() {
+    _templateObject_35b5aee0243411ea86f395335a802507 = function _templateObject_35b5aee0243411ea86f395335a802507() {
       return data;
     };
 
@@ -101,7 +101,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_7afdee8022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_35b5aee0243411ea86f395335a802507());
       } // properties available to the custom element for data binding
 
     }, {
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 7dba543a8f1..0fb48b73363 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_7b1f593022d211eaa0764d1a500fd781() {
+  function _templateObject2_35cb0ba0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <h2>", "</h2>\n        <div id=\"container\" style=\"background-image: url(", ");\">\n          <div id=\"top\" style=\"background-image: url(", ");\"></div>\n        </div>\n        <user-action track=\"click\">\n          <paper-slider id=\"slider\" value=\"50\"></paper-slider>\n        </user-action>\n        <div></div>\n      </div>\n    "]);
 
-    _templateObject2_7b1f593022d211eaa0764d1a500fd781 = function _templateObject2_7b1f593022d211eaa0764d1a500fd781() {
+    _templateObject2_35cb0ba0243411ea86f395335a802507 = function _templateObject2_35cb0ba0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7b1f593022d211eaa0764d1a500fd781() {
+  function _templateObject_35cb0ba0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          width: 100%;\n        }\n        :host > div,\n        :host #container,\n        :host #top {\n          width: 100%;\n        }\n        :host #container {\n          background-size: cover;\n          overflow: visible;\n        }\n        :host #top {\n          background-size: auto 100%;\n          overflow: hidden;\n        }\n        :host #slider {\n          width: calc(100% + 30px);\n          margin-left: -15px;\n        }\n      "]);
 
-    _templateObject_7b1f593022d211eaa0764d1a500fd781 = function _templateObject_7b1f593022d211eaa0764d1a500fd781() {
+    _templateObject_35cb0ba0243411ea86f395335a802507 = function _templateObject_35cb0ba0243411ea86f395335a802507() {
       return data;
     };
 
@@ -48,7 +48,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_7b1f593022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_35cb0ba0243411ea86f395335a802507())];
       }
     }]);
 
@@ -73,7 +73,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
     babelHelpers.createClass(ImageCompareSlider, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_7b1f593022d211eaa0764d1a500fd781(), this.title, this.bottomSrc, this.topSrc);
+        return (0, _litElement.html)(_templateObject2_35cb0ba0243411ea86f395335a802507(), this.title, this.bottomSrc, this.topSrc);
       }
     }, {
       key: "updated",
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 f60ee0f85ce..7cf46bbf50d 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
   _exports.ImageInspector = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_8900d0b022d211eaa0764d1a500fd781() {
+  function _templateObject2_43d73ca0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <app-toolbar>\n        <lrnsys-button\n          alt=\"Zoom in\"\n          icon=\"zoom-in\"\n          @click=\"", "\"\n          hover-class=\"", "\"\n        ></lrnsys-button>\n        <lrnsys-button\n          alt=\"Zoom out\"\n          icon=\"zoom-out\"\n          @click=\"", "\"\n          hover-class=\"", "\"\n        ></lrnsys-button>\n        <lrnsys-button\n          alt=\"Rotate right\"\n          icon=\"image:rotate-right\"\n          @click=\"", "\"\n          hover-class=\"", "\"\n        ></lrnsys-button>\n        <lrnsys-button\n          alt=\"Rotate left\"\n          icon=\"image:rotate-left\"\n          @click=\"", "\"\n          hover-class=\"", "\"\n        ></lrnsys-button>\n        <lrnsys-button\n          alt=\"Mirror image\"\n          icon=\"image:flip\"\n          @click=\"", "\"\n          hover-class=\"", "\"\n        ></lrnsys-button>\n        <lrnsys-button\n          alt=\"Open in new window\"\n          icon=\"launch\"\n          href=\"", "\"\n          target=\"_blank\"\n          hover-class=\"", "\"\n        ></lrnsys-button>\n        <lrnsys-button\n          alt=\"EXIF Data\"\n          icon=\"image:camera-roll\"\n          @click=\"", "\"\n          hover-class=\"", "\"\n        ></lrnsys-button>\n        <slot name=\"toolbar\"></slot>\n      </app-toolbar>\n      <exif-data id=\"exif\" @click=", " no-events>\n        <img src=\"", "\" />\n      </exif-data>\n      <img-pan-zoom id=\"img\" src=\"", "\"></img-pan-zoom>\n      <slot></slot>\n    "]);
 
-    _templateObject2_8900d0b022d211eaa0764d1a500fd781 = function _templateObject2_8900d0b022d211eaa0764d1a500fd781() {
+    _templateObject2_43d73ca0243411ea86f395335a802507 = function _templateObject2_43d73ca0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8900d0b022d211eaa0764d1a500fd781() {
+  function _templateObject_43d73ca0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          overflow: hidden;\n          --image-inspector-background: #dddddd;\n        }\n\n        app-toolbar {\n          width: 90%;\n          background: var(--image-inspector-background);\n          margin: 0 auto;\n          padding: 0;\n          z-index: 1;\n          display: flex;\n          text-align: center;\n          justify-content: space-evenly;\n        }\n\n        lrnsys-button {\n          display: inline-flex;\n        }\n\n        .top {\n          top: 128px;\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      "]);
 
-    _templateObject_8900d0b022d211eaa0764d1a500fd781 = function _templateObject_8900d0b022d211eaa0764d1a500fd781() {
+    _templateObject_43d73ca0243411ea86f395335a802507 = function _templateObject_43d73ca0243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,7 +45,7 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_8900d0b022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_43d73ca0243411ea86f395335a802507())];
       }
     }]);
 
@@ -80,7 +80,7 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
     babelHelpers.createClass(ImageInspector, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_8900d0b022d211eaa0764d1a500fd781(), this.zoomIn, this.hoverClass, this.zoomOut, this.hoverClass, this.rotateRight, this.hoverClass, this.rotateLeft, this.hoverClass, this.mirrorImage, this.hoverClass, this.src, this.hoverClass, this.exifDataEvent, this.hoverClass, this.hideData, this.src, this.src);
+        return (0, _litElement.html)(_templateObject2_43d73ca0243411ea86f395335a802507(), this.zoomIn, this.hoverClass, this.zoomOut, this.hoverClass, this.rotateRight, this.hoverClass, this.rotateLeft, this.hoverClass, this.mirrorImage, this.hoverClass, this.src, this.hoverClass, this.exifDataEvent, this.hoverClass, this.hideData, this.src, this.src);
       }
     }, {
       key: "exifDataEvent",
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 af4df0fbe5a..749a49354df 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,30 +8,30 @@ define(["exports", "meta", "require", "../../lit-element/lit-element.js", "../es
   meta = babelHelpers.interopRequireWildcard(meta);
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject3_86ad43c022d211eaa0764d1a500fd781() {
+  function _templateObject3_41724a90243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          position: relative;\n          height: 500px;\n        }\n        #viewer {\n          position: relative;\n          height: 100%;\n          width: 100%;\n        }\n\n        hexagon-loader {\n          opacity: 0;\n          display: block;\n          transition: opacity 700ms;\n          position: absolute;\n          margin: auto;\n          top: 0;\n          left: 0;\n          bottom: 0;\n          right: 0;\n          z-index: 1;\n          height: 70px;\n          width: 70px;\n        }\n        hexagon-loader[loading] {\n          opacity: 1;\n        }\n      "]);
 
-    _templateObject3_86ad43c022d211eaa0764d1a500fd781 = function _templateObject3_86ad43c022d211eaa0764d1a500fd781() {
+    _templateObject3_41724a90243411ea86f395335a802507 = function _templateObject3_41724a90243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_86ad43c022d211eaa0764d1a500fd781() {
+  function _templateObject2_41724a90243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <hexagon-loader\n              ?hidden=\"", "\"\n              ?loading=", "\n              item-count=\"4\"\n              size=\"small\"\n            ></hexagon-loader>\n            <img-loader\n              loaded=\"", "\"\n              @loaded-changed=\"", "\"\n              ?loading=\"", "\"\n              @loading-changed=\"", "\"\n              src=\"", "\"\n            ></img-loader>\n          "]);
 
-    _templateObject2_86ad43c022d211eaa0764d1a500fd781 = function _templateObject2_86ad43c022d211eaa0764d1a500fd781() {
+    _templateObject2_41724a90243411ea86f395335a802507 = function _templateObject2_41724a90243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_86ad43c022d211eaa0764d1a500fd781() {
+  function _templateObject_41724a90243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <!-- Only preload regular images -->\n      ", "\n\n      <!-- Openseadragon -->\n      <div id=\"viewer\"></div>\n    "]);
 
-    _templateObject_86ad43c022d211eaa0764d1a500fd781 = function _templateObject_86ad43c022d211eaa0764d1a500fd781() {
+    _templateObject_41724a90243411ea86f395335a802507 = function _templateObject_41724a90243411ea86f395335a802507() {
       return data;
     };
 
@@ -54,7 +54,7 @@ define(["exports", "meta", "require", "../../lit-element/lit-element.js", "../es
     babelHelpers.createClass(ImgPanZoom, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_86ad43c022d211eaa0764d1a500fd781(), !this.dzi ? (0, _litElement.html)(_templateObject2_86ad43c022d211eaa0764d1a500fd781(), this.hideSpinner, this.loading, this.loaded, this.loadedChangedEvent, this.loading, this.loadingChangedEvent, this.src) : "");
+        return (0, _litElement.html)(_templateObject_41724a90243411ea86f395335a802507(), !this.dzi ? (0, _litElement.html)(_templateObject2_41724a90243411ea86f395335a802507(), this.hideSpinner, this.loading, this.loaded, this.loadedChangedEvent, this.loading, this.loadingChangedEvent, this.src) : "");
       }
     }, {
       key: "pathFromUrl",
@@ -73,7 +73,7 @@ define(["exports", "meta", "require", "../../lit-element/lit-element.js", "../es
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_86ad43c022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_41724a90243411ea86f395335a802507())];
       }
     }, {
       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 d6247e57c1c..da2187b8488 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,10 +6,10 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
   });
   _exports.ImgLoader = void 0;
 
-  function _templateObject_92aed7b022d211eaa0764d1a500fd781() {
+  function _templateObject_4d904020243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <img loading=\"lazy\" id=\"img\" hidden=\"\" src=\"", "\" />\n    "]);
 
-    _templateObject_92aed7b022d211eaa0764d1a500fd781 = function _templateObject_92aed7b022d211eaa0764d1a500fd781() {
+    _templateObject_4d904020243411ea86f395335a802507 = function _templateObject_4d904020243411ea86f395335a802507() {
       return data;
     };
 
@@ -30,7 +30,7 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_92aed7b022d211eaa0764d1a500fd781(), this.src);
+        return (0, _litElement.html)(_templateObject_4d904020243411ea86f395335a802507(), this.src);
       }
       /**
        * convention
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 3c6623081ab..2e3585b2c64 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,10 +6,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
   });
   _exports.ItemOverlayOps = void 0;
 
-  function _templateObject_7b9106c022d211eaa0764d1a500fd781() {
+  function _templateObject_364dd030243411ea86f395335a802507() {
     var data = 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 paper-icon-button {\n          display: inline-flex;\n          width: 26px;\n          height: 26px;\n          padding: 1px;\n          margin: 6px;\n          color: #999999;\n        }\n        .ops paper-icon-button#cancel {\n          width: 16px;\n          height: 16px;\n          padding: 0px;\n          margin: 4px;\n          position: absolute;\n        }\n        .ops paper-icon-button.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 paper-icon-button {\n          width: 50%;\n          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          <paper-icon-button\n            on-click=\"_opTap\"\n            icon=\"icons:add\"\n            id=\"add\"\n            hidden$=\"[[!add]]\"\n            title=\"Add to this\"\n          ></paper-icon-button>\n          <paper-icon-button\n            on-click=\"_opTap\"\n            icon=\"icons:create\"\n            id=\"edit\"\n            hidden$=\"[[!edit]]\"\n            title=\"Edit this\"\n          ></paper-icon-button>\n          <paper-icon-button\n            on-click=\"_opTap\"\n            icon=\"icons:swap-horiz\"\n            id=\"move\"\n            hidden$=\"[[!move]]\"\n            title=\"Move this\"\n          ></paper-icon-button>\n          <paper-icon-button\n            on-click=\"_opTap\"\n            icon=\"icons:delete\"\n            id=\"remove\"\n            hidden$=\"[[!remove]]\"\n            title=\"Delete this\"\n          ></paper-icon-button>\n          <paper-icon-button\n            on-click=\"_opTap\"\n            icon=\"icons:content-copy\"\n            id=\"duplicate\"\n            hidden$=\"[[!duplicate]]\"\n            title=\"Duplicate this\"\n          ></paper-icon-button>\n          <paper-icon-button\n            on-click=\"_opTap\"\n            icon=\"icons:cancel\"\n            id=\"cancel\"\n            hidden$=\"[[!__anyOp]]\"\n            title=\"Cancel\"\n          ></paper-icon-button>\n        </div>\n        <div class=\"active-op\">[[activeTitle]]</div>\n        <div id=\"workingarea\" class$=\"[[activeOp]]\">\n          <paper-icon-button\n            on-click=\"_optionSelected\"\n            id=\"option1\"\n            title=\"[[__option1Text]]\"\n            icon=\"[[__option1Icon]]\"\n          ></paper-icon-button>\n          <paper-icon-button\n            on-click=\"_optionSelected\"\n            id=\"option2\"\n            title=\"[[__option2Text]]\"\n            icon=\"[[__option2Icon]]\"\n          ></paper-icon-button>\n        </div>\n      </div>\n      <slot></slot>\n    "], ["\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 paper-icon-button {\n          display: inline-flex;\n          width: 26px;\n          height: 26px;\n          padding: 1px;\n          margin: 6px;\n          color: #999999;\n        }\n        .ops paper-icon-button#cancel {\n          width: 16px;\n          height: 16px;\n          padding: 0px;\n          margin: 4px;\n          position: absolute;\n        }\n        .ops paper-icon-button.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 paper-icon-button {\n          width: 50%;\n          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          <paper-icon-button\n            on-click=\"_opTap\"\n            icon=\"icons:add\"\n            id=\"add\"\n            hidden\\$=\"[[!add]]\"\n            title=\"Add to this\"\n          ></paper-icon-button>\n          <paper-icon-button\n            on-click=\"_opTap\"\n            icon=\"icons:create\"\n            id=\"edit\"\n            hidden\\$=\"[[!edit]]\"\n            title=\"Edit this\"\n          ></paper-icon-button>\n          <paper-icon-button\n            on-click=\"_opTap\"\n            icon=\"icons:swap-horiz\"\n            id=\"move\"\n            hidden\\$=\"[[!move]]\"\n            title=\"Move this\"\n          ></paper-icon-button>\n          <paper-icon-button\n            on-click=\"_opTap\"\n            icon=\"icons:delete\"\n            id=\"remove\"\n            hidden\\$=\"[[!remove]]\"\n            title=\"Delete this\"\n          ></paper-icon-button>\n          <paper-icon-button\n            on-click=\"_opTap\"\n            icon=\"icons:content-copy\"\n            id=\"duplicate\"\n            hidden\\$=\"[[!duplicate]]\"\n            title=\"Duplicate this\"\n          ></paper-icon-button>\n          <paper-icon-button\n            on-click=\"_opTap\"\n            icon=\"icons:cancel\"\n            id=\"cancel\"\n            hidden\\$=\"[[!__anyOp]]\"\n            title=\"Cancel\"\n          ></paper-icon-button>\n        </div>\n        <div class=\"active-op\">[[activeTitle]]</div>\n        <div id=\"workingarea\" class\\$=\"[[activeOp]]\">\n          <paper-icon-button\n            on-click=\"_optionSelected\"\n            id=\"option1\"\n            title=\"[[__option1Text]]\"\n            icon=\"[[__option1Icon]]\"\n          ></paper-icon-button>\n          <paper-icon-button\n            on-click=\"_optionSelected\"\n            id=\"option2\"\n            title=\"[[__option2Text]]\"\n            icon=\"[[__option2Icon]]\"\n          ></paper-icon-button>\n        </div>\n      </div>\n      <slot></slot>\n    "]);
 
-    _templateObject_7b9106c022d211eaa0764d1a500fd781 = function _templateObject_7b9106c022d211eaa0764d1a500fd781() {
+    _templateObject_364dd030243411ea86f395335a802507 = function _templateObject_364dd030243411ea86f395335a802507() {
       return data;
     };
 
@@ -227,7 +227,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_7b9106c022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_364dd030243411ea86f395335a802507());
       }
     }, {
       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 749eff5aa19..2d9bbdb1170 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_7bbea67022d211eaa0764d1a500fd781() {
+  function _templateObject2_367de0e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      "]);
 
-    _templateObject2_7bbea67022d211eaa0764d1a500fd781 = function _templateObject2_7bbea67022d211eaa0764d1a500fd781() {
+    _templateObject2_367de0e0243411ea86f395335a802507 = function _templateObject2_367de0e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7bbea67022d211eaa0764d1a500fd781() {
+  function _templateObject_367de0e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <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>\n    "]);
 
-    _templateObject_7bbea67022d211eaa0764d1a500fd781 = function _templateObject_7bbea67022d211eaa0764d1a500fd781() {
+    _templateObject_367de0e0243411ea86f395335a802507 = function _templateObject_367de0e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,14 +45,14 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_7bbea67022d211eaa0764d1a500fd781(), this.label, this.value, this.valueEvent, this.disabled, this.error, this.maxRows);
+        return (0, _litElement.html)(_templateObject_367de0e0243411ea86f395335a802507(), this.label, this.value, this.valueEvent, this.disabled, this.error, this.maxRows);
       } // properties available to the custom element for data binding
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_7bbea67022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_367de0e0243411ea86f395335a802507())];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/jwt-login/jwt-login.js b/build/es5-amd/node_modules/@lrnwebcomponents/jwt-login/jwt-login.js
index 7ceec19ea2a..cfd7a5599a2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/jwt-login/jwt-login.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/jwt-login/jwt-login.js
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js", "../../@polymer/iron-ajax
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_7c49333022d211eaa0764d1a500fd781() {
+  function _templateObject2_36fe5b80243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-ajax\n        ?auto=\"", "\"\n        id=\"loginrequest\"\n        method=\"", "\"\n        url=\"", "\"\n        handle-as=\"json\"\n        content-type=\"application/json\"\n        @response=\"", "\"\n      >\n      </iron-ajax>\n    "]);
 
-    _templateObject2_7c49333022d211eaa0764d1a500fd781 = function _templateObject2_7c49333022d211eaa0764d1a500fd781() {
+    _templateObject2_36fe5b80243411ea86f395335a802507 = function _templateObject2_36fe5b80243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7c49333022d211eaa0764d1a500fd781() {
+  function _templateObject_36fe5b80243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: none;\n        }\n      </style>\n      "]);
 
-    _templateObject_7c49333022d211eaa0764d1a500fd781 = function _templateObject_7c49333022d211eaa0764d1a500fd781() {
+    _templateObject_36fe5b80243411ea86f395335a802507 = function _templateObject_36fe5b80243411ea86f395335a802507() {
       return data;
     };
 
@@ -49,7 +49,7 @@ define(["exports", "../../lit-element/lit-element.js", "../../@polymer/iron-ajax
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_7c49333022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_36fe5b80243411ea86f395335a802507())];
       }
     }]);
 
@@ -73,7 +73,7 @@ define(["exports", "../../lit-element/lit-element.js", "../../@polymer/iron-ajax
     babelHelpers.createClass(JwtLogin, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_7c49333022d211eaa0764d1a500fd781(), this.auto, this.method, this.url, this.loginResponse);
+        return (0, _litElement.html)(_templateObject2_36fe5b80243411ea86f395335a802507(), this.auto, this.method, this.url, this.loginResponse);
       }
     }, {
       key: "updated",
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 5ddaf3b3f89..84e8c549ca2 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
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_7ca276c022d211eaa0764d1a500fd781() {
+  function _templateObject_3744da60243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host paper-button {\n          display: block;\n          margin: 0;\n        }\n        :host paper-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          <paper-button on-tap=\"_handleAddChild\"\n            >Insert into [[type]]</paper-button\n          >\n        </div>\n        <div id=\"content\"><slot></slot></div>\n      </div>\n      <div id=\"insert-sibling-after\">\n        <paper-button on-tap=\"_handleAddSibling\">Add new [[type]]</paper-button>\n      </div>\n    "]);
 
-    _templateObject_7ca276c022d211eaa0764d1a500fd781 = function _templateObject_7ca276c022d211eaa0764d1a500fd781() {
+    _templateObject_3744da60243411ea86f395335a802507 = function _templateObject_3744da60243411ea86f395335a802507() {
       return data;
     };
 
@@ -87,7 +87,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_7ca276c022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3744da60243411ea86f395335a802507());
       } // haxProperty definition
 
     }, {
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 f8cd80f5f3a..7e657326cb4 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../haxcms-ele
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_7d46f42022d211eaa0764d1a500fd781() {
+  function _templateObject2_38028510243411ea86f395335a802507() {
     var data = 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        html,\n        body {\n          background: var(\n            --learn-two-theme-html-body-background,\n            var(--__learn-two-theme-default-background)\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: 0rem 1rem 2rem 1rem;\n        }\n\n        site-git-corner {\n          top: 0;\n          right: 0;\n          position: absolute;\n          z-index: 1000;\n        }\n\n        site-menu::-webkit-scrollbar-track {\n          -webkit-box-shadow: inset 0 0 4px rgba(56, 63, 69, 0.9);\n          border-radius: 0;\n          background-color: #383f45;\n        }\n        site-menu::-webkit-scrollbar {\n          width: 2px;\n          background-color: #383f45;\n        }\n        site-menu::-webkit-scrollbar-thumb {\n          border-radius: 1px;\n          -webkit-box-shadow: inset 0 0 4px #747474;\n          background-color: #383f45;\n        }\n        .rss-buttons {\n          justify-content: space-evenly;\n          display: flex;\n        }\n        site-print-button {\n          --site-print-button-button: {\n            color: white;\n          }\n        }\n\n        h-a-x {\n          padding: 0 !important;\n        }\n\n        :host([edit-mode]) app-drawer {\n          opacity: 0.2;\n          pointer-events: none;\n        }\n\n        :host([is-logged-in]) app-drawer {\n          left: 48px;\n        }\n        :host([is-logged-in]) app-drawer-layout[narrow] {\n          margin: 0 0 0 48px;\n        }\n\n        git-corner {\n          float: right;\n        }\n\n        app-drawer {\n          opacity: 1;\n          transition: 0.2s linear all;\n          box-shadow: 0 0 6px -3px var(--haxcms-color, black);\n          overflow: hidden;\n          width: 300px;\n        }\n        app-drawer-layout[narrow] #contentcontainer {\n          padding: 0 16px;\n        }\n        #menubutton,\n        #menubutton2 {\n          display: none;\n        }\n        app-drawer-layout[narrow] #menubutton {\n          display: block;\n        }\n        app-drawer-layout[narrow] #menubutton2 {\n          display: block;\n          position: absolute;\n          z-index: 1;\n        }\n        app-drawer-layout[narrow] .header {\n          padding: 0;\n        }\n        :host([is-logged-in]) site-menu-button[type=\"prev\"] {\n          left: 348px;\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        app-drawer-layout[narrow] site-menu {\n          max-height: calc(100vh - 160px);\n        }\n        site-menu-button[type=\"next\"] {\n          right: 0;\n          left: unset;\n        }\n\n        :host([is-logged-in])\n          app-drawer-layout[narrow]\n          site-menu-button[type=\"prev\"],\n        app-drawer-layout[narrow] site-menu-button[type=\"prev\"] {\n          left: unset;\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        site-title {\n          position: relative;\n          overflow: hidden;\n        }\n        site-menu {\n          background-color: #383f45;\n          color: #ffffff;\n          padding: 0;\n          overflow: scroll;\n          max-height: calc(100vh - 200px);\n          --site-menu-active-color: #ffffff;\n          --site-menu-item-active-item-color: #2d3237;\n        }\n        app-drawer-layout {\n          min-height: 100vh;\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        site-menu-button {\n          position: fixed;\n          top: 0;\n          bottom: 0;\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        app-drawer-layout[narrow] site-menu-button {\n          bottom: 0;\n          top: unset;\n        }\n        site-menu,\n        map-menu,\n        map-menu * {\n          display: flex;\n          flex-direction: column;\n          flex: 1 1 auto;\n        }\n      "]);
 
-    _templateObject2_7d46f42022d211eaa0764d1a500fd781 = function _templateObject2_7d46f42022d211eaa0764d1a500fd781() {
+    _templateObject2_38028510243411ea86f395335a802507 = function _templateObject2_38028510243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7d46f42022d211eaa0764d1a500fd781() {
+  function _templateObject_38028510243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          site-active-title {\n            --site-active-title-heading: {\n              font-family: var(--__learn-two-theme-default-font-family);\n              font-size: 52px;\n              line-height: 78px;\n              margin-bottom: 27.2px;\n              margin-top: 13.6px;\n              text-align: center;\n              text-rendering: optimizelegibility;\n              font-weight: 100;\n            }\n          }\n          site-title {\n            --site-title-link: {\n              display: inline-block;\n              color: #fafafa;\n              text-decoration: none;\n            }\n            --site-title-heading: {\n              font-family: var(--__learn-two-theme-default-font-family);\n              font-size: 28px;\n              margin: 0;\n              padding: 0;\n              text-align: center;\n              text-rendering: optimizelegibility;\n              font-weight: 100;\n            }\n          }\n          site-menu {\n            --site-menu: {\n              background-color: #383f45;\n            }\n            --site-menu-container: {\n              padding: 0;\n              background-color: #2d3237;\n            }\n          }\n          app-drawer-layout {\n            --app-drawer-content-container: {\n              overflow: hidden;\n              background-color: #383f45;\n              position: relative;\n            }\n          }\n          site-print-button {\n            --site-print-button-button: {\n              color: white;\n            }\n          }\n          site-menu-button {\n            --site-menu-button-button: {\n              background-color: rgba(0, 0, 0, 0);\n              width: 64px;\n              height: 100vh;\n              border-radius: 0;\n              transition: 0.4s all ease-in-out;\n              transition-delay: 0.2s;\n              margin: 0;\n              padding: 0;\n              opacity: 0.8;\n              -webkit-transition: 0.4s all ease-in-out;\n              -moz-transition: 0.4s all ease-in-out;\n              -ms-transition: 0.4s all ease-in-out;\n              -o-transition: 0.4s all ease-in-out;\n            }\n          }\n          app-drawer-layout[narrow] site-menu-button {\n            --site-menu-button-button: {\n              background-color: transparent !important;\n              width: 64px;\n              height: 64px;\n            }\n          }\n          site-menu,\n          map-menu,\n          map-menu * {\n            --map-menu-container: {\n              display: flex;\n              flex-direction: column;\n              flex: 1 1 auto;\n            }\n            --map-menu-items-list: {\n              display: flex;\n              flex-direction: column;\n              flex: 1 1 auto;\n            }\n          }\n        </style>\n      </custom-style>\n      <app-drawer-layout responsive-width=\"900px\">\n        <paper-icon-button\n          id=\"menubutton\"\n          icon=\"menu\"\n          @click=\"", "\"\n          title=\"Toggle site menu\"\n        ></paper-icon-button>\n        <app-drawer\n          swipe-open\n          slot=\"drawer\"\n          .opened=\"", "\"\n          @opened=\"", "\"\n        >\n          <paper-icon-button\n            id=\"menubutton2\"\n            icon=\"menu\"\n            @click=\"", "\"\n            title=\"Toggle site menu\"\n          ></paper-icon-button>\n          <div class=\"header-wrapper\">\n            <div class=\"header\">\n              <site-title ?disabled=\"", "\"></site-title>\n              <site-modal\n                @site-modal-click=\"", "\"\n                ?disabled=\"", "\"\n                icon=\"icons:search\"\n                title=\"Search site\"\n                button-label=\"Search\"\n              >\n                <site-search></site-search>\n              </site-modal>\n            </div>\n          </div>\n          <site-menu></site-menu>\n          <div class=\"rss-buttons\">\n            <site-rss-button\n              ?disabled=\"", "\"\n              type=\"atom\"\n            ></site-rss-button>\n            <site-rss-button\n              ?disabled=\"", "\"\n              type=\"rss\"\n            ></site-rss-button>\n            <site-print-button\n              ?disabled=\"", "\"\n              position=\"top\"\n            ></site-print-button>\n          </div>\n        </app-drawer>\n        <div>\n          <site-menu-button type=\"prev\"></site-menu-button>\n          <div id=\"contentcontainer\">\n            <site-git-corner></site-git-corner>\n            <site-breadcrumb></site-breadcrumb>\n            <site-active-title></site-active-title>\n            <div id=\"slot\">\n              <slot></slot>\n            </div>\n          </div>\n          <site-menu-button type=\"next\"></site-menu-button>\n        </div>\n      </app-drawer-layout>\n    "]);
 
-    _templateObject_7d46f42022d211eaa0764d1a500fd781 = function _templateObject_7d46f42022d211eaa0764d1a500fd781() {
+    _templateObject_38028510243411ea86f395335a802507 = function _templateObject_38028510243411ea86f395335a802507() {
       return data;
     };
 
@@ -47,14 +47,14 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../haxcms-ele
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_7d46f42022d211eaa0764d1a500fd781(), this.toggleDrawer, this.opened, this.__openedChanged, this.toggleDrawer, this.editMode, this.siteModalClick, this.editMode, this.editMode, this.editMode, this.editMode);
+        return (0, _litElement.html)(_templateObject_38028510243411ea86f395335a802507(), this.toggleDrawer, this.opened, this.__openedChanged, this.toggleDrawer, this.editMode, this.siteModalClick, this.editMode, this.editMode, this.editMode, this.editMode);
       } // properties available to the custom element for data binding
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_7d46f42022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_38028510243411ea86f395335a802507())];
       }
     }, {
       key: "properties",
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 ad2f80bbcfe..478c5d5cdbe 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
@@ -10,40 +10,40 @@ define(["exports", "../../lit-element/lit-element.js", "../schema-behaviors/sche
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject4_7d6d19c022d211eaa0764d1a500fd781() {
+  function _templateObject4_382cf070243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject4_7d6d19c022d211eaa0764d1a500fd781 = function _templateObject4_7d6d19c022d211eaa0764d1a500fd781() {
+    _templateObject4_382cf070243411ea86f395335a802507 = function _templateObject4_382cf070243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_7d6d19c022d211eaa0764d1a500fd781() {
+  function _templateObject3_382cf070243411ea86f395335a802507() {
     var data = 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            "]);
 
-    _templateObject3_7d6d19c022d211eaa0764d1a500fd781 = function _templateObject3_7d6d19c022d211eaa0764d1a500fd781() {
+    _templateObject3_382cf070243411ea86f395335a802507 = function _templateObject3_382cf070243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_7d6d19c022d211eaa0764d1a500fd781() {
+  function _templateObject2_382cf070243411ea86f395335a802507() {
     var data = 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            "]);
 
-    _templateObject2_7d6d19c022d211eaa0764d1a500fd781 = function _templateObject2_7d6d19c022d211eaa0764d1a500fd781() {
+    _templateObject2_382cf070243411ea86f395335a802507 = function _templateObject2_382cf070243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7d6d19c022d211eaa0764d1a500fd781() {
+  function _templateObject_382cf070243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_7d6d19c022d211eaa0764d1a500fd781 = function _templateObject_7d6d19c022d211eaa0764d1a500fd781() {
+    _templateObject_382cf070243411ea86f395335a802507 = function _templateObject_382cf070243411ea86f395335a802507() {
       return data;
     };
 
@@ -118,7 +118,7 @@ define(["exports", "../../lit-element/lit-element.js", "../schema-behaviors/sche
     babelHelpers.createClass(LicenseElement, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_7d6d19c022d211eaa0764d1a500fd781(), this.licenseLink, this.licenseName, this.licenseLink, this.licenseImage ? (0, _litElement.html)(_templateObject2_7d6d19c022d211eaa0764d1a500fd781(), this.licenseLink, this.licenseName, this.licenseImage) : "", this.title, this.source, this.creator, this.licenseLink, this.licenseName, this.source, this.hasMore ? (0, _litElement.html)(_templateObject3_7d6d19c022d211eaa0764d1a500fd781(), this.moreLink, this.moreLabel) : "");
+        return (0, _litElement.html)(_templateObject_382cf070243411ea86f395335a802507(), this.licenseLink, this.licenseName, this.licenseLink, this.licenseImage ? (0, _litElement.html)(_templateObject2_382cf070243411ea86f395335a802507(), this.licenseLink, this.licenseName, this.licenseImage) : "", this.title, this.source, this.creator, this.licenseLink, this.licenseName, this.source, this.hasMore ? (0, _litElement.html)(_templateObject3_382cf070243411ea86f395335a802507(), this.moreLink, this.moreLabel) : "");
       }
     }], [{
       key: "styles",
@@ -127,7 +127,7 @@ define(["exports", "../../lit-element/lit-element.js", "../schema-behaviors/sche
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_7d6d19c022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_382cf070243411ea86f395335a802507())];
       }
     }, {
       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 368c3bd802c..3161d821897 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,10 +7,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
   _exports.LrnAside = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_7e15dce022d211eaa0764d1a500fd781() {
+  function _templateObject_384ad8b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <aside>\n        <lrndesign-panelcard title=\"[[title]]\">\n          <slot></slot>\n        </lrndesign-panelcard>\n      </aside>\n    "]);
 
-    _templateObject_7e15dce022d211eaa0764d1a500fd781 = function _templateObject_7e15dce022d211eaa0764d1a500fd781() {
+    _templateObject_384ad8b0243411ea86f395335a802507 = function _templateObject_384ad8b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -43,7 +43,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
     babelHelpers.createClass(LrnAside, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_7e15dce022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_384ad8b0243411ea86f395335a802507());
       }
     }, {
       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 9564e05a442..399086f5c02 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,40 +6,40 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pap
   });
   _exports.LrnAssignmentButton = void 0;
 
-  function _templateObject4_92b196d022d211eaa0764d1a500fd781() {
+  function _templateObject4_4d959750243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        a {\n          color: inherit;\n          text-decoration: inherit;\n        }\n        paper-button {\n          background: #b0e6f9;\n        }\n        paper-button[complete] {\n          background: #e7ffe7;\n        }\n        iron-icon {\n          margin-left: 8px;\n          opacity: 0.8;\n        }\n      "]);
 
-    _templateObject4_92b196d022d211eaa0764d1a500fd781 = function _templateObject4_92b196d022d211eaa0764d1a500fd781() {
+    _templateObject4_4d959750243411ea86f395335a802507 = function _templateObject4_4d959750243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_92b196d022d211eaa0764d1a500fd781() {
+  function _templateObject3_4d959750243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <paper-button raised complete\n                >", " <iron-icon icon=\"lrn-icons:done\"></iron-icon\n              ></paper-button>\n            "]);
 
-    _templateObject3_92b196d022d211eaa0764d1a500fd781 = function _templateObject3_92b196d022d211eaa0764d1a500fd781() {
+    _templateObject3_4d959750243411ea86f395335a802507 = function _templateObject3_4d959750243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_92b196d022d211eaa0764d1a500fd781() {
+  function _templateObject2_4d959750243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <paper-button raised open\n                >", " <iron-icon icon=\"lrn-icons:input\"></iron-icon\n              ></paper-button>\n            "]);
 
-    _templateObject2_92b196d022d211eaa0764d1a500fd781 = function _templateObject2_92b196d022d211eaa0764d1a500fd781() {
+    _templateObject2_4d959750243411ea86f395335a802507 = function _templateObject2_4d959750243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_92b196d022d211eaa0764d1a500fd781() {
+  function _templateObject_4d959750243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <a href=\"", "\">\n        ", "\n        ", "\n      </a>\n    "]);
 
-    _templateObject_92b196d022d211eaa0764d1a500fd781 = function _templateObject_92b196d022d211eaa0764d1a500fd781() {
+    _templateObject_4d959750243411ea86f395335a802507 = function _templateObject_4d959750243411ea86f395335a802507() {
       return data;
     };
 
@@ -57,7 +57,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pap
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_92b196d022d211eaa0764d1a500fd781(), this.url, this.open ? (0, _litElement.html)(_templateObject2_92b196d022d211eaa0764d1a500fd781(), this.title) : "", this.complete ? (0, _litElement.html)(_templateObject3_92b196d022d211eaa0764d1a500fd781(), this.title) : "");
+        return (0, _litElement.html)(_templateObject_4d959750243411ea86f395335a802507(), this.url, this.open ? (0, _litElement.html)(_templateObject2_4d959750243411ea86f395335a802507(), this.title) : "", this.complete ? (0, _litElement.html)(_templateObject3_4d959750243411ea86f395335a802507(), this.title) : "");
       }
     }], [{
       key: "styles",
@@ -66,7 +66,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pap
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_92b196d022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_4d959750243411ea86f395335a802507())];
       }
     }, {
       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 accfc3fd6cb..b42f804bccd 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,20 +6,20 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
   });
   _exports.LrnAssignments = _exports.LrnAssignment = void 0;
 
-  function _templateObject2_7d90593022d211eaa0764d1a500fd781() {
+  function _templateObject2_387c21e0243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject2_7d90593022d211eaa0764d1a500fd781 = function _templateObject2_7d90593022d211eaa0764d1a500fd781() {
+    _templateObject2_387c21e0243411ea86f395335a802507 = function _templateObject2_387c21e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7d90593022d211eaa0764d1a500fd781() {
+  function _templateObject_387c21e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: flex;\n          width: 100%;\n        }\n        paper-card {\n          width: 100%;\n        }\n      </style>\n      <paper-card\n        heading=\"[[title]]\"\n        image=\"[[image]]\"\n        elevation=\"1\"\n        animated-shadow=\"false\"\n      >\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]]\"\n              ><paper-button raised>[[item.label]]</paper-button></a\n            >\n          </template>\n        </div>\n      </paper-card>\n    "]);
 
-    _templateObject_7d90593022d211eaa0764d1a500fd781 = function _templateObject_7d90593022d211eaa0764d1a500fd781() {
+    _templateObject_387c21e0243411ea86f395335a802507 = function _templateObject_387c21e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -44,7 +44,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     babelHelpers.createClass(LrnAssignment, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_7d90593022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_387c21e0243411ea86f395335a802507());
       }
     }, {
       key: "tag",
@@ -134,7 +134,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject2_7d90593022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject2_387c21e0243411ea86f395335a802507());
       }
     }, {
       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 021a7568703..9784f24b687 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
@@ -11,40 +11,40 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../materializ
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject4_7dd0e4a022d211eaa0764d1a500fd781() {
+  function _templateObject4_38af66e0243411ea86f395335a802507() {
     var data = 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        paper-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: unset;\n        }\n\n        paper-button iron-icon {\n          height: var(--lrnsys-button-height);\n          margin: 0 12px;\n        }\n\n        paper-button div.inner {\n          height: var(--lrnsys-button-height);\n          line-height: var(--lrnsys-button-height);\n          padding: 0 12px;\n        }\n\n        paper-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      "]);
 
-    _templateObject4_7dd0e4a022d211eaa0764d1a500fd781 = function _templateObject4_7dd0e4a022d211eaa0764d1a500fd781() {
+    _templateObject4_38af66e0243411ea86f395335a802507 = function _templateObject4_38af66e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_7dd0e4a022d211eaa0764d1a500fd781() {
+  function _templateObject3_38af66e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <span class=\"label\">\n                    ", "\n                  </span>\n                "]);
 
-    _templateObject3_7dd0e4a022d211eaa0764d1a500fd781 = function _templateObject3_7dd0e4a022d211eaa0764d1a500fd781() {
+    _templateObject3_38af66e0243411ea86f395335a802507 = function _templateObject3_38af66e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_7dd0e4a022d211eaa0764d1a500fd781() {
+  function _templateObject2_38af66e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <iron-icon\n                    icon=\"", "\"\n                    id=\"icon\"\n                    class=\"", "\"\n                  ></iron-icon>\n                "]);
 
-    _templateObject2_7dd0e4a022d211eaa0764d1a500fd781 = function _templateObject2_7dd0e4a022d211eaa0764d1a500fd781() {
+    _templateObject2_38af66e0243411ea86f395335a802507 = function _templateObject2_38af66e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7dd0e4a022d211eaa0764d1a500fd781() {
+  function _templateObject_38af66e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style include=\"materializecss-styles-colors\">\n          :host {\n            @apply --paper-button;\n          }\n        </style>\n      </custom-style>\n      <a\n        tabindex=\"-1\"\n        id=\"lrnsys-button-link\"\n        href=\"", "\"\n        data-prefetch-hover=\"", "\"\n        target=\"", "\"\n      >\n        <paper-button\n          id=\"button\"\n          raised=\"", "\"\n          class=\"", " ", " ", "\"\n          ?disabled=\"", "\"\n        >\n          <div class=\"inner ", "\">\n            ", "\n            ", "\n            <slot></slot>\n          </div>\n        </paper-button>\n      </a>\n      <paper-tooltip for=\"lrnsys-button-link\" animation-delay=\"0\"\n        >", "</paper-tooltip\n      >\n    "]);
 
-    _templateObject_7dd0e4a022d211eaa0764d1a500fd781 = function _templateObject_7dd0e4a022d211eaa0764d1a500fd781() {
+    _templateObject_38af66e0243411ea86f395335a802507 = function _templateObject_38af66e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -65,14 +65,14 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../materializ
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_7dd0e4a022d211eaa0764d1a500fd781(), this.showHref, this.prefetch, this.target, this.raised, this.class, this.color, this.textColor, this.disabled, this.innerClass, this.icon ? (0, _litElement.html)(_templateObject2_7dd0e4a022d211eaa0764d1a500fd781(), this.icon, this.iconClass) : "", this.label ? (0, _litElement.html)(_templateObject3_7dd0e4a022d211eaa0764d1a500fd781(), this.label) : "", this.alt);
+        return (0, _litElement.html)(_templateObject_38af66e0243411ea86f395335a802507(), this.showHref, this.prefetch, this.target, this.raised, this.class, this.color, this.textColor, this.disabled, this.innerClass, this.icon ? (0, _litElement.html)(_templateObject2_38af66e0243411ea86f395335a802507(), this.icon, this.iconClass) : "", this.label ? (0, _litElement.html)(_templateObject3_38af66e0243411ea86f395335a802507(), this.label) : "", this.alt);
       } // properties available to the custom element for data binding
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_7dd0e4a022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_38af66e0243411ea86f395335a802507())];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-calendar/lib/lrn-calendar-date.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-calendar/lib/lrn-calendar-date.js
index 0a712f7eeb6..1961581785b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-calendar/lib/lrn-calendar-date.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-calendar/lib/lrn-calendar-date.js
@@ -6,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.LrnCalendarDate = void 0;
 
-  function _templateObject_92b62ab022d211eaa0764d1a500fd781() {
+  function _templateObject_4d9aa060243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles-colors\">\n        :host {\n          display: block;\n        }\n        ::-webkit-scrollbar {\n          width: 0px; /* remove scrollbar space */\n          background: transparent; /* optional: just make scrollbar invisible */\n        }\n\n        .month {\n          width: 100%;\n          height: 20vh;\n          vertical-align: top;\n          overflow: scroll;\n        }\n        .week {\n          width: 100%;\n          height: 40vh;\n          vertical-align: top;\n          overflow: scroll;\n        }\n        .card-content {\n          position: relative;\n          bottom: 10px;\n          white-space: nowrap;\n          font-size: 12px;\n          padding: 0px 5px;\n          line-height: 7px;\n        }\n        .label {\n          width: 100%;\n        }\n      </style>\n\n      <div id=\"test\">\n        <div>\n          <template is=\"dom-if\" if=\"[[firstWeek]]\">\n            <paper-card class=\"label\"> <h3>[[getWeek(date)]]</h3> </paper-card>\n          </template>\n        </div>\n        <paper-card class$=\"[[view]]\" id=\"dateHeader\">\n          <h5>[[getMonth(date)]]</h5>\n          <template is=\"dom-repeat\" items=\"{{events}}\">\n            <div class=\"card-content\">\n              <lrnsys-drawer\n                text=\"[[timeString(item.event.startDate._time.hour, item.event.startDate._time.minute, item.event.endDate._time.hour,item.event.endDate._time.minute)]] {{item.event.summary}}\"\n                header=\"[[getDateString(date)]]\"\n                align=\"left\"\n                heading-class=\"orange lighten-3 blue-text text-darken-4\"\n                style$=\"[[computeStyle(item)]];overflow:auto;\"\n              >\n                [[displayActivity(item)]]\n                <br /><br />[[displayStart(item)]]<br /><br />[[displayEnd(item)]]<br /><br />[[displayDuration(item)]]<br /><br />[[displayDescription(item)]]<br /><br />[[displayLocation(item)]]\n              </lrnsys-drawer>\n            </div>\n          </template>\n        </paper-card>\n      </div>\n    "]);
 
-    _templateObject_92b62ab022d211eaa0764d1a500fd781 = function _templateObject_92b62ab022d211eaa0764d1a500fd781() {
+    _templateObject_4d9aa060243411ea86f395335a802507 = function _templateObject_4d9aa060243411ea86f395335a802507() {
       return data;
     };
 
@@ -228,7 +228,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_92b62ab022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4d9aa060243411ea86f395335a802507());
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-calendar/lrn-calendar.es6.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-calendar/lrn-calendar.es6.js
index b9c7fa0ba5a..f8f58a97630 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-calendar/lrn-calendar.es6.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-calendar/lrn-calendar.es6.js
@@ -8,10 +8,10 @@ define(["exports", "meta", "require", "../../@polymer/polymer/polymer-element.js
   meta = babelHelpers.interopRequireWildcard(meta);
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_69b72bf022d211eaa0764d1a500fd781() {
+  function _templateObject_229152b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        lrn-calendar-date {\n          display: inline-table;\n          top: 0px;\n        }\n        paper-card {\n          width: 14%;\n          height: 20px;\n          display: inline-table;\n          padding: 0;\n          margin: 0;\n        }\n        .calendar {\n          color: var(--my-toolbar-title-color);\n        }\n        .header {\n          padding-bottom: 15px;\n        }\n      </style>\n\n      <div class=\"calendar\">\n        <div class=\"header\">\n          <div style=\"float: left\">\n            <paper-button raised type=\"button\" on-click=\"monthView\"\n              >Month</paper-button\n            >\n            <paper-button raised type=\"button\" on-click=\"weekView\"\n              >Week</paper-button\n            >\n          </div>\n          <div style=\"float: right\">\n            <paper-button raised type=\"button\" on-click=\"showDate\"\n              >Today</paper-button\n            >\n            <paper-button on-click=\"showPrev\"\n              ><iron-icon icon=\"arrow-back\"></iron-icon\n            ></paper-button>\n            <paper-button on-click=\"showNext\"\n              ><iron-icon icon=\"arrow-forward\"></iron-icon\n            ></paper-button>\n          </div>\n          <div style=\"margin: 0 auto; width: 200px; text-align: center\">\n            <h2>[[getDisplayDate(date)]]</h2>\n          </div>\n        </div>\n\n        <div class=\"calendarView\" id=\"calView\"></div>\n      </div>\n    "]);
 
-    _templateObject_69b72bf022d211eaa0764d1a500fd781 = function _templateObject_69b72bf022d211eaa0764d1a500fd781() {
+    _templateObject_229152b0243411ea86f395335a802507 = function _templateObject_229152b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -88,7 +88,7 @@ define(["exports", "meta", "require", "../../@polymer/polymer/polymer-element.js
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_69b72bf022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_229152b0243411ea86f395335a802507());
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-calendar/lrn-calendar.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-calendar/lrn-calendar.js
index a357eaf15c0..2159831ef24 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrn-calendar/lrn-calendar.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrn-calendar/lrn-calendar.js
@@ -8,10 +8,10 @@ define(["exports", "meta", "require", "../../@polymer/polymer/polymer-element.js
   meta = babelHelpers.interopRequireWildcard(meta);
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_6d9af5d022d211eaa0764d1a500fd781() {
+  function _templateObject_26d7fd10243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        lrn-calendar-date {\n          display: inline-table;\n          top: 0px;\n        }\n        paper-card {\n          width: 14%;\n          height: 20px;\n          display: inline-table;\n          padding: 0;\n          margin: 0;\n        }\n        .calendar {\n          color: var(--my-toolbar-title-color);\n        }\n        .header {\n          padding-bottom: 15px;\n        }\n      </style>\n\n      <div class=\"calendar\">\n        <div class=\"header\">\n          <div style=\"float: left\">\n            <paper-button raised type=\"button\" on-click=\"monthView\"\n              >Month</paper-button\n            >\n            <paper-button raised type=\"button\" on-click=\"weekView\"\n              >Week</paper-button\n            >\n          </div>\n          <div style=\"float: right\">\n            <paper-button raised type=\"button\" on-click=\"showDate\"\n              >Today</paper-button\n            >\n            <paper-button on-click=\"showPrev\"\n              ><iron-icon icon=\"arrow-back\"></iron-icon\n            ></paper-button>\n            <paper-button on-click=\"showNext\"\n              ><iron-icon icon=\"arrow-forward\"></iron-icon\n            ></paper-button>\n          </div>\n          <div style=\"margin: 0 auto; width: 200px; text-align: center\">\n            <h2>[[getDisplayDate(date)]]</h2>\n          </div>\n        </div>\n\n        <div class=\"calendarView\" id=\"calView\"></div>\n      </div>\n    "]);
 
-    _templateObject_6d9af5d022d211eaa0764d1a500fd781 = function _templateObject_6d9af5d022d211eaa0764d1a500fd781() {
+    _templateObject_26d7fd10243411ea86f395335a802507 = function _templateObject_26d7fd10243411ea86f395335a802507() {
       return data;
     };
 
@@ -88,7 +88,7 @@ define(["exports", "meta", "require", "../../@polymer/polymer/polymer-element.js
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_6d9af5d022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_26d7fd10243411ea86f395335a802507());
       }
     }, {
       key: "tag",
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 bc9b109956f..4873143056f 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,30 +6,30 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
   });
   _exports.LrnContent = void 0;
 
-  function _templateObject3_7deafc5022d211eaa0764d1a500fd781() {
+  function _templateObject3_38d9ab30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject3_7deafc5022d211eaa0764d1a500fd781 = function _templateObject3_7deafc5022d211eaa0764d1a500fd781() {
+    _templateObject3_38d9ab30243411ea86f395335a802507 = function _templateObject3_38d9ab30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_7deafc5022d211eaa0764d1a500fd781() {
+  function _templateObject2_38d9ab30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <h2 property=\"oer:name\">", "</h2>\n            "]);
 
-    _templateObject2_7deafc5022d211eaa0764d1a500fd781 = function _templateObject2_7deafc5022d211eaa0764d1a500fd781() {
+    _templateObject2_38d9ab30243411ea86f395335a802507 = function _templateObject2_38d9ab30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7deafc5022d211eaa0764d1a500fd781() {
+  function _templateObject_38d9ab30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div typeof=\"oer:SupportingMaterial\">\n        ", "\n        <div property=\"oer:description\"><slot></slot></div>\n      </div>\n    "]);
 
-    _templateObject_7deafc5022d211eaa0764d1a500fd781 = function _templateObject_7deafc5022d211eaa0764d1a500fd781() {
+    _templateObject_38d9ab30243411ea86f395335a802507 = function _templateObject_38d9ab30243411ea86f395335a802507() {
       return data;
     };
 
@@ -56,7 +56,7 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
     babelHelpers.createClass(LrnContent, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_7deafc5022d211eaa0764d1a500fd781(), this.title ? (0, _litElement.html)(_templateObject2_7deafc5022d211eaa0764d1a500fd781(), this.title) : "");
+        return (0, _litElement.html)(_templateObject_38d9ab30243411ea86f395335a802507(), this.title ? (0, _litElement.html)(_templateObject2_38d9ab30243411ea86f395335a802507(), this.title) : "");
       }
     }], [{
       key: "styles",
@@ -65,7 +65,7 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_7deafc5022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_38d9ab30243411ea86f395335a802507())];
       }
     }, {
       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 8499191fb2d..c54a654ad6a 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,10 +6,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "./lib/gitgraph.
   });
   _exports.LrnGitgraph = void 0;
 
-  function _templateObject_7e3b182022d211eaa0764d1a500fd781() {
+  function _templateObject_38f7e190243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          overflow-x: scroll;\n        }\n      </style>\n      <canvas id=\"gitGraph\"></canvas>\n    "]);
 
-    _templateObject_7e3b182022d211eaa0764d1a500fd781 = function _templateObject_7e3b182022d211eaa0764d1a500fd781() {
+    _templateObject_38f7e190243411ea86f395335a802507 = function _templateObject_38f7e190243411ea86f395335a802507() {
       return data;
     };
 
@@ -116,7 +116,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "./lib/gitgraph.
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_7e3b182022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_38f7e190243411ea86f395335a802507());
       }
     }, {
       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 0076a7ea8bc..9015dbd5589 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,10 +6,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
   });
   _exports.LrnIcon = void 0;
 
-  function _templateObject_7e85679022d211eaa0764d1a500fd781() {
+  function _templateObject_3963c2c0243411ea86f395335a802507() {
     var data = 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      <iron-icon icon$=\"lrn:[[icon]]\"></iron-icon>\n    "]);
 
-    _templateObject_7e85679022d211eaa0764d1a500fd781 = function _templateObject_7e85679022d211eaa0764d1a500fd781() {
+    _templateObject_3963c2c0243411ea86f395335a802507 = function _templateObject_3963c2c0243411ea86f395335a802507() {
       return data;
     };
 
@@ -168,7 +168,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_7e85679022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3963c2c0243411ea86f395335a802507());
       }
     }, {
       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 913e399655a..6d33cb0f84c 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,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../../mtz-marked-edit
   });
   _exports.LrnMarkdownEditorEditor = void 0;
 
-  function _templateObject2_92b8c2c022d211eaa0764d1a500fd781() {
+  function _templateObject2_4d9d5f80243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject2_92b8c2c022d211eaa0764d1a500fd781 = function _templateObject2_92b8c2c022d211eaa0764d1a500fd781() {
+    _templateObject2_4d9d5f80243411ea86f395335a802507 = function _templateObject2_4d9d5f80243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_92b8c2c022d211eaa0764d1a500fd781() {
+  function _templateObject_4d9d5f80243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_92b8c2c022d211eaa0764d1a500fd781 = function _templateObject_92b8c2c022d211eaa0764d1a500fd781() {
+    _templateObject_4d9d5f80243411ea86f395335a802507 = function _templateObject_4d9d5f80243411ea86f395335a802507() {
       return data;
     };
 
@@ -43,7 +43,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../mtz-marked-edit
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_92b8c2c022d211eaa0764d1a500fd781(), this.content, this._contentChanged);
+        return (0, _litElement.html)(_templateObject_4d9d5f80243411ea86f395335a802507(), this.content, this._contentChanged);
       }
     }, {
       key: "_contentChanged",
@@ -91,7 +91,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../mtz-marked-edit
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_92b8c2c022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4d9d5f80243411ea86f395335a802507())];
       }
     }, {
       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 597fb8c9f39..9daf017facf 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,20 +6,20 @@ define(["exports", "../../lit-element/lit-element.js", "../../@polymer/paper-tab
   });
   _exports.LrnMarkdownEditor = void 0;
 
-  function _templateObject2_8bffb8d022d211eaa0764d1a500fd781() {
+  function _templateObject2_46eb3360243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        #split-pane {\n          display: flex;\n        }\n\n        .split-pane > * {\n          flex: 1 1 auto;\n          min-height: 160px;\n        }\n\n        .preview-pane {\n          background: lightblue;\n        }\n\n        div.pane {\n          padding: 16px;\n          width: calc(100% - 32px);\n        }\n\n        paper-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      "]);
 
-    _templateObject2_8bffb8d022d211eaa0764d1a500fd781 = function _templateObject2_8bffb8d022d211eaa0764d1a500fd781() {
+    _templateObject2_46eb3360243411ea86f395335a802507 = function _templateObject2_46eb3360243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8bffb8d022d211eaa0764d1a500fd781() {
+  function _templateObject_46eb3360243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"mtz-toolbar\">\n        <paper-tabs\n          selected=\"", "\"\n          @selected-changed=\"", "\"\n        >\n          <paper-tab>Write</paper-tab>\n          <paper-tab>Preview</paper-tab>\n          <paper-tab>Split View</paper-tab>\n        </paper-tabs>\n      </div>\n\n      <iron-pages\n        selected=\"", "\"\n        @selected-changed=\"", "\"\n      >\n        <section>\n          <div class=\"pane\">\n            <lrn-markdown-editor-editor\n              content=\"", "\"\n              @content-changed=\"", "\"\n            ></lrn-markdown-editor-editor>\n          </div>\n        </section>\n\n        <section>\n          <div class=\"pane\">\n            <marked-element\n              markdown=\"", "\"\n              @markdown-changed=\"", "\"\n            ></marked-element>\n          </div>\n        </section>\n\n        <section 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        </section>\n      </iron-pages>\n    "]);
 
-    _templateObject_8bffb8d022d211eaa0764d1a500fd781 = function _templateObject_8bffb8d022d211eaa0764d1a500fd781() {
+    _templateObject_46eb3360243411ea86f395335a802507 = function _templateObject_46eb3360243411ea86f395335a802507() {
       return data;
     };
 
@@ -48,7 +48,7 @@ define(["exports", "../../lit-element/lit-element.js", "../../@polymer/paper-tab
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8bffb8d022d211eaa0764d1a500fd781(), this.selected, this.__selectedChanged, this.selected, this.__selectedChanged, this.content, this.__contentChanged, this.content, this.__contentChanged, this.content, this.__contentChanged, this.content, this.__contentChanged);
+        return (0, _litElement.html)(_templateObject_46eb3360243411ea86f395335a802507(), this.selected, this.__selectedChanged, this.selected, this.__selectedChanged, this.content, this.__contentChanged, this.content, this.__contentChanged, this.content, this.__contentChanged, this.content, this.__contentChanged);
       }
     }, {
       key: "__selectedChanged",
@@ -67,7 +67,7 @@ define(["exports", "../../lit-element/lit-element.js", "../../@polymer/paper-tab
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8bffb8d022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_46eb3360243411ea86f395335a802507())];
       }
     }]);
 
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 937e4737621..6a471d8bd47 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,20 +7,20 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
   _exports.LrnPage = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_7f9c55d022d211eaa0764d1a500fd781() {
+  function _templateObject2_3a3bd340243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <oer-schema><slot></slot></oer-schema>\n    "]);
 
-    _templateObject2_7f9c55d022d211eaa0764d1a500fd781 = function _templateObject2_7f9c55d022d211eaa0764d1a500fd781() {
+    _templateObject2_3a3bd340243411ea86f395335a802507 = function _templateObject2_3a3bd340243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7f9c55d022d211eaa0764d1a500fd781() {
+  function _templateObject_3a3bd340243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject_7f9c55d022d211eaa0764d1a500fd781 = function _templateObject_7f9c55d022d211eaa0764d1a500fd781() {
+    _templateObject_3a3bd340243411ea86f395335a802507 = function _templateObject_3a3bd340243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,7 +45,7 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_7f9c55d022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_3a3bd340243411ea86f395335a802507())];
       }
     }]);
 
@@ -63,7 +63,7 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
     babelHelpers.createClass(LrnPage, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_7f9c55d022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject2_3a3bd340243411ea86f395335a802507());
       }
     }], [{
       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 f4ff628f984..5d09edb965a 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,10 +1,10 @@
 define(["../../../@polymer/polymer/polymer-element.js", "../lrn-shared-styles.js"], function (_polymerElement, _lrnSharedStyles) {
   "use strict";
 
-  function _templateObject_92b9fb4022d211eaa0764d1a500fd781() {
+  function _templateObject_4d9e70f0243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_92b9fb4022d211eaa0764d1a500fd781 = function _templateObject_92b9fb4022d211eaa0764d1a500fd781() {
+    _templateObject_4d9e70f0243411ea86f395335a802507 = function _templateObject_4d9e70f0243411ea86f395335a802507() {
       return data;
     };
 
@@ -25,7 +25,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_92b9fb4022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4d9e70f0243411ea86f395335a802507());
       }
     }]);
     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 946ea5f557c..1ad7ee8fedd 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";
 
-  function _templateObject_7fae573022d211eaa0764d1a500fd781() {
+  function _templateObject_3a604b30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n  <style include=\"iron-flex iron-flex-alignment\">\n    /**\n     * Normalizes iron-icon and lrn-icon.\n     */\n    lrn-icon,\n    iron-icon {\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"]);
 
-    _templateObject_7fae573022d211eaa0764d1a500fd781 = function _templateObject_7fae573022d211eaa0764d1a500fd781() {
+    _templateObject_3a604b30243411ea86f395335a802507 = function _templateObject_3a604b30243411ea86f395335a802507() {
       return data;
     };
 
@@ -12,7 +12,7 @@ define(["../../@polymer/polymer/polymer-element.js", "../../@polymer/polymer/lib
   }
 
   var styleElement = document.createElement("dom-module");
-  var css = (0, _polymerElement.html)(_templateObject_7fae573022d211eaa0764d1a500fd781());
+  var css = (0, _polymerElement.html)(_templateObject_3a604b30243411ea86f395335a802507());
   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 448e9305165..395887a09f9 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
@@ -7,10 +7,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
   _exports.LrnTable = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_7fc8bd0022d211eaa0764d1a500fd781() {
+  function _templateObject_3a74e4a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        .hidden-title {\n          display: none;\n        }\n      </style>\n      <div typeof=\"oer:SupportingMaterial\">\n        <div class=\"hidden-title\" property=\"oer:name\">[[title]]</div>\n        <div property=\"oer:description\">\n          <slot></slot>\n          <csv-render\n            data-source=\"[[csvFile]]\"\n            caption=\"[[title]]\"\n            summary=\"[[description]]\"\n          ></csv-render>\n        </div>\n      </div>\n    "]);
 
-    _templateObject_7fc8bd0022d211eaa0764d1a500fd781 = function _templateObject_7fc8bd0022d211eaa0764d1a500fd781() {
+    _templateObject_3a74e4a0243411ea86f395335a802507 = function _templateObject_3a74e4a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -49,7 +49,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
     babelHelpers.createClass(LrnTable, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_7fc8bd0022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3a74e4a0243411ea86f395335a802507());
       }
     }, {
       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 44524960b97..754d5424aad 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_7ff9df2022d211eaa0764d1a500fd781() {
+  function _templateObject2_3a94c8b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <button>", "</button>\n    "]);
 
-    _templateObject2_7ff9df2022d211eaa0764d1a500fd781 = function _templateObject2_7ff9df2022d211eaa0764d1a500fd781() {
+    _templateObject2_3a94c8b0243411ea86f395335a802507 = function _templateObject2_3a94c8b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7ff9df2022d211eaa0764d1a500fd781() {
+  function _templateObject_3a94c8b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\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      "]);
 
-    _templateObject_7ff9df2022d211eaa0764d1a500fd781 = function _templateObject_7ff9df2022d211eaa0764d1a500fd781() {
+    _templateObject_3a94c8b0243411ea86f395335a802507 = function _templateObject_3a94c8b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -48,7 +48,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_7ff9df2022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_3a94c8b0243411ea86f395335a802507())];
       }
     }]);
 
@@ -66,7 +66,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
     babelHelpers.createClass(LrnVocab, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_7ff9df2022d211eaa0764d1a500fd781(), this.term);
+        return (0, _litElement.html)(_templateObject2_3a94c8b0243411ea86f395335a802507(), this.term);
       }
     }, {
       key: "openDialog",
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 1d3c55e475f..d2cea6dd12e 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../../@
   _exports.LrnappFabSpeedDialAction = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_92bc935022d211eaa0764d1a500fd781() {
+  function _templateObject2_4da093d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style\n          include=\"iron-flex iron-flex-alignment materializecss-styles-colors\"\n        >\n          :host {\n            @apply --layout-horizontal;\n            @apply --layout-center;\n            @apply --layout-end-justified;\n          }\n        </style>\n      </custom-style>\n      <div class=\"flex\">\n        <span class=\"label\"><slot></slot></span>\n      </div>\n      <paper-fab class=\"fab ", "\" icon=\"", "\" mini></paper-fab>\n    "]);
 
-    _templateObject2_92bc935022d211eaa0764d1a500fd781 = function _templateObject2_92bc935022d211eaa0764d1a500fd781() {
+    _templateObject2_4da093d0243411ea86f395335a802507 = function _templateObject2_4da093d0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_92bc935022d211eaa0764d1a500fd781() {
+  function _templateObject_4da093d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\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        .fab {\n          --lrnapp-fab-background: var(\n            --lrnapp-fab-speed-dial-action-background\n          );\n          --lrnapp-fab-keyboard-focus-background: var(\n            --lrnapp-fab-speed-dial-action-keyboard-focus-background\n          );\n        }\n        .label,\n        .fab {\n          display: flex;\n        }\n      "]);
 
-    _templateObject_92bc935022d211eaa0764d1a500fd781 = function _templateObject_92bc935022d211eaa0764d1a500fd781() {
+    _templateObject_4da093d0243411ea86f395335a802507 = function _templateObject_4da093d0243411ea86f395335a802507() {
       return data;
     };
 
@@ -56,7 +56,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../../@
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_92bc935022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4da093d0243411ea86f395335a802507())];
       }
     }, {
       key: "tag",
@@ -88,7 +88,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../../@
     babelHelpers.createClass(LrnappFabSpeedDialAction, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_92bc935022d211eaa0764d1a500fd781(), this.color, this.icon);
+        return (0, _litElement.html)(_templateObject2_4da093d0243411ea86f395335a802507(), this.color, this.icon);
       }
     }], [{
       key: "properties",
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 4a7bbd61db5..fa3e77a513a 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,10 +7,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
   _exports.LrnappFabMenu = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_8020c81022d211eaa0764d1a500fd781() {
+  function _templateObject_3ac54e90243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n\n      <paper-fab\n        icon=\"[[icon]]\"\n        class=\"open\"\n        on-click=\"open\"\n        hidden$=\"[[opened]]\"\n        disabled$=\"[[disabled]]\"\n      ></paper-fab>\n\n      <paper-fab-speed-dial-overlay\n        class=\"overlay\"\n        opened=\"{{opened}}\"\n        with-backdrop\n      >\n        <slot></slot>\n        <paper-fab icon=\"close\" class=\"close\" on-click=\"close\"></paper-fab>\n      </paper-fab-speed-dial-overlay>\n    "]);
 
-    _templateObject_8020c81022d211eaa0764d1a500fd781 = function _templateObject_8020c81022d211eaa0764d1a500fd781() {
+    _templateObject_3ac54e90243411ea86f395335a802507 = function _templateObject_3ac54e90243411ea86f395335a802507() {
       return data;
     };
 
@@ -73,7 +73,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8020c81022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3ac54e90243411ea86f395335a802507());
       }
     }, {
       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 c006a8b617f..0eb3c3100d1 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
@@ -11,10 +11,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_804eb5e022d211eaa0764d1a500fd781() {
+  function _templateObject_3aecacb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\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          @apply --abbreviation-main;\n        }\n        abbr:focus,\n        abbr:active,\n        abbr:hover {\n          text-decoration: none;\n          background-color: var(--abbreviation-selection, #ffff33);\n          @apply --abbreviation-hover;\n        }\n        abbr::-moz-selection,\n        abbr::selection {\n          text-decoration: none;\n          background-color: var(--abbreviation-selection, #ffff33);\n          @apply --abbreviation-selection;\n        }\n      </style>\n      <abbr tabindex=\"0\" title$=\"[[phrase]]\" id=\"abbr\">[[abbr]]</abbr>\n      <paper-tooltip for=\"abbr\" position=\"top\" offset=\"2\" animation-delay=\"300\"\n        >[[phrase]]</paper-tooltip\n      >\n    "]);
 
-    _templateObject_804eb5e022d211eaa0764d1a500fd781 = function _templateObject_804eb5e022d211eaa0764d1a500fd781() {
+    _templateObject_3aecacb0243411ea86f395335a802507 = function _templateObject_3aecacb0243411ea86f395335a802507() {
       return data;
     };
 
@@ -47,7 +47,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
     babelHelpers.createClass(LrndesignAbbreviation, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_804eb5e022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3aecacb0243411ea86f395335a802507());
       }
     }, {
       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 5670c94c416..d4c09314670 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-col
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_80cc234022d211eaa0764d1a500fd781() {
+  function _templateObject2_3b25e520243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-avatar\n        label=\"", "\"\n        src=\"", "\"\n        ?two-chars=\"", "\"\n        style=\"background-color:", " !important;\"\n        ?jdenticon=\"", "\"\n      ></paper-avatar>\n    "]);
 
-    _templateObject2_80cc234022d211eaa0764d1a500fd781 = function _templateObject2_80cc234022d211eaa0764d1a500fd781() {
+    _templateObject2_3b25e520243411ea86f395335a802507 = function _templateObject2_3b25e520243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_80cc234022d211eaa0764d1a500fd781() {
+  function _templateObject_3b25e520243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        paper-avatar {\n          color: var(--simple-colors-default-theme-grey-1);\n          --paper-avatar-width: var(--lrndesign-avatar-width, 40px);\n          --paper-avatar-height: var(--lrndesign-avatar-height, 40px);\n          --paper-avatar-text-color: var(--simple-colors-default-theme-grey-1);\n        }\n      "]);
 
-    _templateObject_80cc234022d211eaa0764d1a500fd781 = function _templateObject_80cc234022d211eaa0764d1a500fd781() {
+    _templateObject_3b25e520243411ea86f395335a802507 = function _templateObject_3b25e520243411ea86f395335a802507() {
       return data;
     };
 
@@ -48,7 +48,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-col
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignAvatar), "styles", this)), [(0, _litElement.css)(_templateObject_80cc234022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignAvatar), "styles", this)), [(0, _litElement.css)(_templateObject_3b25e520243411ea86f395335a802507())]);
       }
     }]);
 
@@ -70,7 +70,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-col
     babelHelpers.createClass(LrndesignAvatar, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_80cc234022d211eaa0764d1a500fd781(), this.label, this.src, this.twoChars, this.hexColor, this.jdenticon);
+        return (0, _litElement.html)(_templateObject2_3b25e520243411ea86f395335a802507(), this.label, this.src, this.twoChars, this.hexColor, this.jdenticon);
       }
     }, {
       key: "_getAccentColor",
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 c7f4d0c4065..263ce6f315d 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,20 +7,20 @@ define(["exports", "meta", "../../lit-element/lit-element.js", "../schema-behavi
   _exports.LrndesignBlockquote = void 0;
   meta = babelHelpers.interopRequireWildcard(meta);
 
-  function _templateObject2_810e837022d211eaa0764d1a500fd781() {
+  function _templateObject2_3b98f240243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject2_810e837022d211eaa0764d1a500fd781 = function _templateObject2_810e837022d211eaa0764d1a500fd781() {
+    _templateObject2_3b98f240243411ea86f395335a802507 = function _templateObject2_3b98f240243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_810e837022d211eaa0764d1a500fd781() {
+  function _templateObject_3b98f240243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"wrap\" class=\"mb-wrap\">\n        <div id=\"thumb\" class=\"mb-thumb\"></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    "]);
 
-    _templateObject_810e837022d211eaa0764d1a500fd781 = function _templateObject_810e837022d211eaa0764d1a500fd781() {
+    _templateObject_3b98f240243411ea86f395335a802507 = function _templateObject_3b98f240243411ea86f395335a802507() {
       return data;
     };
 
@@ -40,7 +40,7 @@ define(["exports", "meta", "../../lit-element/lit-element.js", "../schema-behavi
     babelHelpers.createClass(LrndesignBlockquote, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_810e837022d211eaa0764d1a500fd781(), this.sourceLink, this.author, this.sourceLink, this.citation);
+        return (0, _litElement.html)(_templateObject_3b98f240243411ea86f395335a802507(), this.sourceLink, this.author, this.sourceLink, this.citation);
       }
     }], [{
       key: "styles",
@@ -49,7 +49,7 @@ define(["exports", "meta", "../../lit-element/lit-element.js", "../schema-behavi
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_810e837022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_3b98f240243411ea86f395335a802507())];
       }
     }, {
       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 d5f0ae65f19..ea1e2937b76 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js", "../simple-colors/simple-
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_872e5aa022d211eaa0764d1a500fd781() {
+  function _templateObject2_41fdc1b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --chartist-color-1: var(--simple-colors-default-theme-red-8);\n          --chartist-color-2: var(--simple-colors-default-theme-blue-8);\n          --chartist-color-3: var(--simple-colors-default-theme-yellow-8);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-8);\n          --chartist-color-5: var(--simple-colors-default-theme-green-8);\n          --chartist-color-6: var(--simple-colors-default-theme-orange-7);\n          --chartist-color-7: var(--simple-colors-default-theme-pink-8);\n          --chartist-color-8: var(--simple-colors-default-theme-deep-orange-8);\n          --chartist-color-9: var(--simple-colors-default-theme-red-9);\n          --chartist-color-10: var(--simple-colors-default-theme-blue-9);\n          --chartist-color-11: var(--simple-colors-default-theme-yellow-9);\n          --chartist-color-12: var(--simple-colors-default-theme-purple-9);\n          --chartist-color-13: var(--simple-colors-default-theme-green-9);\n          --chartist-color-14: var(--simple-colors-default-theme-orange-8);\n          --chartist-color-15: var(--simple-colors-default-theme-pink-9);\n        }\n\n        :host([dark]) {\n          --chartist-color-1: var(--simple-colors-default-theme-red-4);\n          --chartist-color-2: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-3: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-5: var(--simple-colors-default-theme-green-4);\n          --chartist-color-6: var(--simple-colors-default-theme-orange-5);\n          --chartist-color-7: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-8: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-9: var(--simple-colors-default-theme-red-3);\n          --chartist-color-10: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-11: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-12: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-13: var(--simple-colors-default-theme-green-3);\n          --chartist-color-14: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-15: var(--simple-colors-default-theme-pink-3);\n        }\n\n        :host([accent-color=\"red\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-red-8);\n          --chartist-color-2: var(--simple-colors-default-theme-pink-9);\n          --chartist-color-3: var(--simple-colors-default-theme-deep-orange-10);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-8);\n          --chartist-color-5: var(--simple-colors-default-theme-orange-9);\n          --chartist-color-6: var(--simple-colors-default-theme-red-10);\n          --chartist-color-7: var(--simple-colors-default-theme-pink-8);\n          --chartist-color-8: var(--simple-colors-default-theme-deep-orange-9);\n          --chartist-color-9: var(--simple-colors-default-theme-purple-10);\n          --chartist-color-10: var(--simple-colors-default-theme-orange-8);\n          --chartist-color-11: var(--simple-colors-default-theme-red-9);\n          --chartist-color-12: var(--simple-colors-default-theme-pink-10);\n          --chartist-color-13: var(--simple-colors-default-theme-deep-orange-8);\n          --chartist-color-14: var(--simple-colors-default-theme-purple-9);\n          --chartist-color-15: var(--simple-colors-default-theme-orange-10);\n        }\n\n        :host([dark][accent-color=\"red\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-red-4);\n          --chartist-color-2: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-3: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-5: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-6: var(--simple-colors-default-theme-red-2);\n          --chartist-color-7: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-8: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-9: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-10: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-11: var(--simple-colors-default-theme-red-3);\n          --chartist-color-12: var(--simple-colors-default-theme-pink-2);\n          --chartist-color-13: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-14: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-15: var(--simple-colors-default-theme-orange-2);\n        }\n\n        :host([accent-color=\"pink\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-pink-8);\n          --chartist-color-2: var(--simple-colors-default-theme-purple-9);\n          --chartist-color-3: var(--simple-colors-default-theme-red-10);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-8);\n          --chartist-color-5: var(--simple-colors-default-theme-deep-orange-9);\n          --chartist-color-6: var(--simple-colors-default-theme-pink-10);\n          --chartist-color-7: var(--simple-colors-default-theme-purple-8);\n          --chartist-color-8: var(--simple-colors-default-theme-red-9);\n          --chartist-color-9: var(--simple-colors-default-theme-purple-10);\n          --chartist-color-10: var(--simple-colors-default-theme-deep-orange-8);\n          --chartist-color-11: var(--simple-colors-default-theme-pink-9);\n          --chartist-color-12: var(--simple-colors-default-theme-purple-10);\n          --chartist-color-13: var(--simple-colors-default-theme-red-8);\n          --chartist-color-14: var(--simple-colors-default-theme-purple-9);\n          --chartist-color-15: var(\n            --simple-colors-default-theme-deep-orange-10\n          );\n        }\n\n        :host([dark][accent-color=\"pink\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-2: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-3: var(--simple-colors-default-theme-red-2);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-5: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-6: var(--simple-colors-default-theme-pink-2);\n          --chartist-color-7: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-8: var(--simple-colors-default-theme-red-3);\n          --chartist-color-9: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-10: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-11: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-12: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-13: var(--simple-colors-default-theme-red-4);\n          --chartist-color-14: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-15: var(--simple-colors-default-theme-deep-orange-2);\n        }\n\n        :host([accent-color=\"purple\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-purple-8);\n          --chartist-color-2: var(--simple-colors-default-theme-deep-purple-9);\n          --chartist-color-3: var(--simple-colors-default-theme-pink-10);\n          --chartist-color-4: var(--simple-colors-default-theme-indigo-8);\n          --chartist-color-5: var(--simple-colors-default-theme-red-9);\n          --chartist-color-6: var(--simple-colors-default-theme-purple-10);\n          --chartist-color-7: var(--simple-colors-default-theme-deep-purple-8);\n          --chartist-color-8: var(--simple-colors-default-theme-pink-9);\n          --chartist-color-9: var(--simple-colors-default-theme-indigo-10);\n          --chartist-color-10: var(--simple-colors-default-theme-red-8);\n          --chartist-color-11: var(--simple-colors-default-theme-purple-9);\n          --chartist-color-12: var(\n            --simple-colors-default-theme-deep-purple-10\n          );\n          --chartist-color-13: var(--simple-colors-default-theme-pink-8);\n          --chartist-color-14: var(--simple-colors-default-theme-indigo-9);\n          --chartist-color-15: var(--simple-colors-default-theme-red-10);\n        }\n\n        :host([dark][accent-color=\"purple\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-2: var(--simple-colors-default-theme-deep-purple-3);\n          --chartist-color-3: var(--simple-colors-default-theme-pink-2);\n          --chartist-color-4: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-5: var(--simple-colors-default-theme-red-3);\n          --chartist-color-6: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-7: var(--simple-colors-default-theme-deep-purple-4);\n          --chartist-color-8: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-9: var(--simple-colors-default-theme-indigo-2);\n          --chartist-color-10: var(--simple-colors-default-theme-red-4);\n          --chartist-color-11: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-12: var(--simple-colors-default-theme-deep-purple-2);\n          --chartist-color-13: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-14: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-15: var(--simple-colors-default-theme-red-2);\n        }\n\n        :host([accent-color=\"deep-purple\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-deep-purple-8);\n          --chartist-color-2: var(--simple-colors-default-theme-indigo-9);\n          --chartist-color-3: var(--simple-colors-default-theme-purple-10);\n          --chartist-color-4: var(--simple-colors-default-theme-blue-8);\n          --chartist-color-5: var(--simple-colors-default-theme-pink-9);\n          --chartist-color-6: var(--simple-colors-default-theme-deep-purple-10);\n          --chartist-color-7: var(--simple-colors-default-theme-indigo-8);\n          --chartist-color-8: var(--simple-colors-default-theme-purple-9);\n          --chartist-color-9: var(--simple-colors-default-theme-blue-10);\n          --chartist-color-10: var(--simple-colors-default-theme-pink-8);\n          --chartist-color-11: var(--simple-colors-default-theme-deep-purple-9);\n          --chartist-color-12: var(--simple-colors-default-theme-indigo-10);\n          --chartist-color-13: var(--simple-colors-default-theme-purple-8);\n          --chartist-color-14: var(--simple-colors-default-theme-blue-9);\n          --chartist-color-15: var(--simple-colors-default-theme-pink-10);\n        }\n\n        :host([dark][accent-color=\"deep-purple\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-deep-purple-4);\n          --chartist-color-2: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-3: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-4: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-5: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-6: var(--simple-colors-default-theme-deep-purple-2);\n          --chartist-color-7: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-8: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-9: var(--simple-colors-default-theme-blue-2);\n          --chartist-color-10: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-11: var(--simple-colors-default-theme-deep-purple-3);\n          --chartist-color-12: var(--simple-colors-default-theme-indigo-2);\n          --chartist-color-13: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-14: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-15: var(--simple-colors-default-theme-pink-2);\n        }\n\n        :host([accent-color=\"indigo\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-indigo-8);\n          --chartist-color-2: var(--simple-colors-default-theme-blue-9);\n          --chartist-color-3: var(--simple-colors-default-theme-deep-purple-10);\n          --chartist-color-4: var(--simple-colors-default-theme-light-blue-8);\n          --chartist-color-5: var(--simple-colors-default-theme-purple-9);\n          --chartist-color-6: var(--simple-colors-default-theme-indigo-10);\n          --chartist-color-7: var(--simple-colors-default-theme-blue-8);\n          --chartist-color-8: var(--simple-colors-default-theme-deep-purple-9);\n          --chartist-color-9: var(--simple-colors-default-theme-light-blue-10);\n          --chartist-color-10: var(--simple-colors-default-theme-purple-8);\n          --chartist-color-11: var(--simple-colors-default-theme-indigo-9);\n          --chartist-color-12: var(--simple-colors-default-theme-blue-10);\n          --chartist-color-13: var(--simple-colors-default-theme-deep-purple-8);\n          --chartist-color-14: var(--simple-colors-default-theme-light-blue-9);\n          --chartist-color-15: var(--simple-colors-default-theme-purple-10);\n        }\n\n        :host([dark][accent-color=\"indigo\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-2: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-3: var(--simple-colors-default-theme-deep-purple-2);\n          --chartist-color-4: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-5: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-6: var(--simple-colors-default-theme-indigo-2);\n          --chartist-color-7: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-8: var(--simple-colors-default-theme-deep-purple-3);\n          --chartist-color-9: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-10: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-11: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-12: var(--simple-colors-default-theme-blue-2);\n          --chartist-color-13: var(--simple-colors-default-theme-deep-purple-4);\n          --chartist-color-14: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-15: var(--simple-colors-default-theme-purple-2);\n        }\n\n        :host([accent-color=\"blue\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-blue-8);\n          --chartist-color-2: var(--simple-colors-default-theme-light-blue-9);\n          --chartist-color-3: var(--simple-colors-default-theme-indigo-10);\n          --chartist-color-4: var(--simple-colors-default-theme-cyan-8);\n          --chartist-color-5: var(--simple-colors-default-theme-deep-purple-9);\n          --chartist-color-6: var(--simple-colors-default-theme-blue-10);\n          --chartist-color-7: var(--simple-colors-default-theme-light-blue-8);\n          --chartist-color-8: var(--simple-colors-default-theme-indigo-9);\n          --chartist-color-9: var(--simple-colors-default-theme-cyan-10);\n          --chartist-color-10: var(--simple-colors-default-theme-deep-purple-8);\n          --chartist-color-11: var(--simple-colors-default-theme-blue-9);\n          --chartist-color-12: var(--simple-colors-default-theme-light-blue-10);\n          --chartist-color-13: var(--simple-colors-default-theme-indigo-8);\n          --chartist-color-14: var(--simple-colors-default-theme-cyan-9);\n          --chartist-color-15: var(\n            --simple-colors-default-theme-deep-purple-10\n          );\n        }\n\n        :host([dark][accent-color=\"blue\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-2: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-3: var(--simple-colors-default-theme-indigo-2);\n          --chartist-color-4: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-5: var(--simple-colors-default-theme-deep-purple-3);\n          --chartist-color-6: var(--simple-colors-default-theme-blue-2);\n          --chartist-color-7: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-8: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-9: var(--simple-colors-default-theme-cyan-2);\n          --chartist-color-10: var(--simple-colors-default-theme-deep-purple-4);\n          --chartist-color-11: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-12: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-13: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-14: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-15: var(--simple-colors-default-theme-deep-purple-2);\n        }\n\n        :host([accent-color=\"light-blue\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-light-blue-8);\n          --chartist-color-2: var(--simple-colors-default-theme-cyan-9);\n          --chartist-color-3: var(--simple-colors-default-theme-blue-10);\n          --chartist-color-4: var(--simple-colors-default-theme-teal-8);\n          --chartist-color-5: var(--simple-colors-default-theme-indigo-9);\n          --chartist-color-6: var(--simple-colors-default-theme-light-blue-10);\n          --chartist-color-7: var(--simple-colors-default-theme-cyan-8);\n          --chartist-color-8: var(--simple-colors-default-theme-blue-9);\n          --chartist-color-9: var(--simple-colors-default-theme-teal-10);\n          --chartist-color-10: var(--simple-colors-default-theme-indigo-8);\n          --chartist-color-11: var(--simple-colors-default-theme-light-blue-9);\n          --chartist-color-12: var(--simple-colors-default-theme-cyan-10);\n          --chartist-color-13: var(--simple-colors-default-theme-blue-8);\n          --chartist-color-14: var(--simple-colors-default-theme-teal-9);\n          --chartist-color-15: var(--simple-colors-default-theme-indigo-10);\n        }\n\n        :host([dark][accent-color=\"light-blue\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-2: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-3: var(--simple-colors-default-theme-blue-2);\n          --chartist-color-4: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-5: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-6: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-7: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-8: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-9: var(--simple-colors-default-theme-teal-2);\n          --chartist-color-10: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-11: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-12: var(--simple-colors-default-theme-cyan-2);\n          --chartist-color-13: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-14: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-15: var(--simple-colors-default-theme-indigo-2);\n        }\n\n        :host([accent-color=\"cyan\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-cyan-8);\n          --chartist-color-2: var(--simple-colors-default-theme-teal-9);\n          --chartist-color-3: var(--simple-colors-default-theme-light-blue-10);\n          --chartist-color-4: var(--simple-colors-default-theme-green-8);\n          --chartist-color-5: var(--simple-colors-default-theme-blue-9);\n          --chartist-color-6: var(--simple-colors-default-theme-cyan-10);\n          --chartist-color-7: var(--simple-colors-default-theme-teal-8);\n          --chartist-color-8: var(--simple-colors-default-theme-light-blue-9);\n          --chartist-color-9: var(--simple-colors-default-theme-green-10);\n          --chartist-color-10: var(--simple-colors-default-theme-blue-8);\n          --chartist-color-11: var(--simple-colors-default-theme-cyan-9);\n          --chartist-color-12: var(--simple-colors-default-theme-teal-10);\n          --chartist-color-13: var(--simple-colors-default-theme-light-blue-8);\n          --chartist-color-14: var(--simple-colors-default-theme-green-9);\n          --chartist-color-15: var(--simple-colors-default-theme-blue-10);\n        }\n\n        :host([dark][accent-color=\"cyan\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-2: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-3: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-4: var(--simple-colors-default-theme-green-4);\n          --chartist-color-5: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-6: var(--simple-colors-default-theme-cyan-2);\n          --chartist-color-7: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-8: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-9: var(--simple-colors-default-theme-green-2);\n          --chartist-color-10: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-11: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-12: var(--simple-colors-default-theme-teal-2);\n          --chartist-color-13: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-14: var(--simple-colors-default-theme-green-3);\n          --chartist-color-15: var(--simple-colors-default-theme-blue-2);\n        }\n\n        :host([accent-color=\"teal\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-teal-8);\n          --chartist-color-2: var(--simple-colors-default-theme-green-9);\n          --chartist-color-3: var(--simple-colors-default-theme-cyan-10);\n          --chartist-color-4: var(--simple-colors-default-theme-light-green-8);\n          --chartist-color-5: var(--simple-colors-default-theme-light-blue-9);\n          --chartist-color-6: var(--simple-colors-default-theme-teal-10);\n          --chartist-color-7: var(--simple-colors-default-theme-green-8);\n          --chartist-color-8: var(--simple-colors-default-theme-cyan-9);\n          --chartist-color-9: var(--simple-colors-default-theme-light-green-10);\n          --chartist-color-10: var(--simple-colors-default-theme-light-blue-8);\n          --chartist-color-11: var(--simple-colors-default-theme-teal-9);\n          --chartist-color-12: var(--simple-colors-default-theme-green-10);\n          --chartist-color-13: var(--simple-colors-default-theme-cyan-8);\n          --chartist-color-14: var(--simple-colors-default-theme-light-green-9);\n          --chartist-color-15: var(--simple-colors-default-theme-light-blue-10);\n        }\n\n        :host([dark][accent-color=\"teal\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-2: var(--simple-colors-default-theme-green-3);\n          --chartist-color-3: var(--simple-colors-default-theme-cyan-2);\n          --chartist-color-4: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-5: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-6: var(--simple-colors-default-theme-teal-2);\n          --chartist-color-7: var(--simple-colors-default-theme-green-4);\n          --chartist-color-8: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-9: var(--simple-colors-default-theme-light-green-2);\n          --chartist-color-10: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-11: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-12: var(--simple-colors-default-theme-green-2);\n          --chartist-color-13: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-14: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-15: var(--simple-colors-default-theme-light-blue-2);\n        }\n\n        :host([accent-color=\"green\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-green-8);\n          --chartist-color-2: var(--simple-colors-default-theme-light-green-9);\n          --chartist-color-3: var(--simple-colors-default-theme-teal-10);\n          --chartist-color-4: var(--simple-colors-default-theme-lime-8);\n          --chartist-color-5: var(--simple-colors-default-theme-cyan-9);\n          --chartist-color-6: var(--simple-colors-default-theme-green-10);\n          --chartist-color-7: var(--simple-colors-default-theme-light-green-8);\n          --chartist-color-8: var(--simple-colors-default-theme-teal-9);\n          --chartist-color-9: var(--simple-colors-default-theme-lime-10);\n          --chartist-color-10: var(--simple-colors-default-theme-cyan-8);\n          --chartist-color-11: var(--simple-colors-default-theme-green-9);\n          --chartist-color-12: var(\n            --simple-colors-default-theme-light-green-10\n          );\n          --chartist-color-13: var(--simple-colors-default-theme-teal-8);\n          --chartist-color-14: var(--simple-colors-default-theme-lime-9);\n          --chartist-color-15: var(--simple-colors-default-theme-cyan-10);\n        }\n\n        :host([dark][accent-color=\"green\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-green-4);\n          --chartist-color-2: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-3: var(--simple-colors-default-theme-teal-2);\n          --chartist-color-4: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-5: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-6: var(--simple-colors-default-theme-green-2);\n          --chartist-color-7: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-8: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-9: var(--simple-colors-default-theme-lime-2);\n          --chartist-color-10: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-11: var(--simple-colors-default-theme-green-3);\n          --chartist-color-12: var(--simple-colors-default-theme-light-green-2);\n          --chartist-color-13: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-14: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-15: var(--simple-colors-default-theme-cyan-2);\n        }\n\n        :host([accent-color=\"light-green\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-light-green-8);\n          --chartist-color-2: var(--simple-colors-default-theme-lime-9);\n          --chartist-color-3: var(--simple-colors-default-theme-green-10);\n          --chartist-color-4: var(--simple-colors-default-theme-amber-8);\n          --chartist-color-5: var(--simple-colors-default-theme-teal-9);\n          --chartist-color-6: var(--simple-colors-default-theme-light-green-10);\n          --chartist-color-7: var(--simple-colors-default-theme-lime-8);\n          --chartist-color-8: var(--simple-colors-default-theme-green-9);\n          --chartist-color-9: var(--simple-colors-default-theme-amber-10);\n          --chartist-color-10: var(--simple-colors-default-theme-teal-8);\n          --chartist-color-11: var(--simple-colors-default-theme-light-green-9);\n          --chartist-color-12: var(--simple-colors-default-theme-lime-10);\n          --chartist-color-13: var(--simple-colors-default-theme-green-8);\n          --chartist-color-14: var(--simple-colors-default-theme-amber-9);\n          --chartist-color-15: var(--simple-colors-default-theme-teal-10);\n        }\n\n        :host([dark][accent-color=\"light-green\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-2: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-3: var(--simple-colors-default-theme-green-2);\n          --chartist-color-4: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-5: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-6: var(--simple-colors-default-theme-light-green-2);\n          --chartist-color-7: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-8: var(--simple-colors-default-theme-green-3);\n          --chartist-color-9: var(--simple-colors-default-theme-amber-2);\n          --chartist-color-10: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-11: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-12: var(--simple-colors-default-theme-lime-2);\n          --chartist-color-13: var(--simple-colors-default-theme-green-4);\n          --chartist-color-14: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-15: var(--simple-colors-default-theme-teal-2);\n        }\n\n        :host([accent-color=\"lime\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-lime-8);\n          --chartist-color-2: var(--simple-colors-default-theme-yellow-9);\n          --chartist-color-3: var(--simple-colors-default-theme-light-green-10);\n          --chartist-color-4: var(--simple-colors-default-theme-orange-8);\n          --chartist-color-5: var(--simple-colors-default-theme-green-9);\n          --chartist-color-6: var(--simple-colors-default-theme-lime-10);\n          --chartist-color-7: var(--simple-colors-default-theme-yellow-8);\n          --chartist-color-8: var(--simple-colors-default-theme-light-green-9);\n          --chartist-color-9: var(--simple-colors-default-theme-orange-10);\n          --chartist-color-10: var(--simple-colors-default-theme-green-8);\n          --chartist-color-11: var(--simple-colors-default-theme-lime-9);\n          --chartist-color-12: var(--simple-colors-default-theme-yellow-10);\n          --chartist-color-13: var(--simple-colors-default-theme-light-green-8);\n          --chartist-color-14: var(--simple-colors-default-theme-orange-9);\n          --chartist-color-15: var(--simple-colors-default-theme-green-10);\n        }\n\n        :host([dark][accent-color=\"lime\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-2: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-3: var(--simple-colors-default-theme-light-green-2);\n          --chartist-color-4: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-5: var(--simple-colors-default-theme-green-3);\n          --chartist-color-6: var(--simple-colors-default-theme-lime-2);\n          --chartist-color-7: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-8: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-9: var(--simple-colors-default-theme-orange-2);\n          --chartist-color-10: var(--simple-colors-default-theme-green-4);\n          --chartist-color-11: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-12: var(--simple-colors-default-theme-yellow-2);\n          --chartist-color-13: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-14: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-15: var(--simple-colors-default-theme-green-2);\n        }\n\n        :host([accent-color=\"yellow\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-yellow-8);\n          --chartist-color-2: var(--simple-colors-default-theme-amber-9);\n          --chartist-color-3: var(--simple-colors-default-theme-lime-10);\n          --chartist-color-4: var(--simple-colors-default-theme-deep-orange-8);\n          --chartist-color-5: var(--simple-colors-default-theme-light-green-9);\n          --chartist-color-6: var(--simple-colors-default-theme-yellow-10);\n          --chartist-color-7: var(--simple-colors-default-theme-amber-8);\n          --chartist-color-8: var(--simple-colors-default-theme-lime-9);\n          --chartist-color-9: var(--simple-colors-default-theme-deep-orange-10);\n          --chartist-color-10: var(--simple-colors-default-theme-light-green-8);\n          --chartist-color-11: var(--simple-colors-default-theme-yellow-9);\n          --chartist-color-12: var(--simple-colors-default-theme-amber-10);\n          --chartist-color-13: var(--simple-colors-default-theme-lime-8);\n          --chartist-color-14: var(--simple-colors-default-theme-deep-orange-9);\n          --chartist-color-15: var(\n            --simple-colors-default-theme-light-green-10\n          );\n        }\n\n        :host([dark][accent-color=\"yellow\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-2: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-3: var(--simple-colors-default-theme-lime-2);\n          --chartist-color-4: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-5: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-6: var(--simple-colors-default-theme-yellow-2);\n          --chartist-color-7: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-8: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-9: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-10: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-11: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-12: var(--simple-colors-default-theme-amber-2);\n          --chartist-color-13: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-14: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-15: var(--simple-colors-default-theme-light-green-2);\n        }\n\n        :host([accent-color=\"amber\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-amber-8);\n          --chartist-color-2: var(--simple-colors-default-theme-orange-9);\n          --chartist-color-3: var(--simple-colors-default-theme-yellow-10);\n          --chartist-color-4: var(--simple-colors-default-theme-red-8);\n          --chartist-color-5: var(--simple-colors-default-theme-lime-9);\n          --chartist-color-6: var(--simple-colors-default-theme-amber-10);\n          --chartist-color-7: var(--simple-colors-default-theme-orange-8);\n          --chartist-color-8: var(--simple-colors-default-theme-yellow-9);\n          --chartist-color-9: var(--simple-colors-default-theme-red-10);\n          --chartist-color-10: var(--simple-colors-default-theme-lime-8);\n          --chartist-color-11: var(--simple-colors-default-theme-amber-9);\n          --chartist-color-12: var(--simple-colors-default-theme-orange-10);\n          --chartist-color-13: var(--simple-colors-default-theme-yellow-8);\n          --chartist-color-14: var(--simple-colors-default-theme-red-9);\n          --chartist-color-15: var(--simple-colors-default-theme-lime-10);\n        }\n\n        :host([dark][accent-color=\"amber\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-2: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-3: var(--simple-colors-default-theme-yellow-2);\n          --chartist-color-4: var(--simple-colors-default-theme-red-4);\n          --chartist-color-5: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-6: var(--simple-colors-default-theme-amber-2);\n          --chartist-color-7: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-8: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-9: var(--simple-colors-default-theme-red-2);\n          --chartist-color-10: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-11: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-12: var(--simple-colors-default-theme-orange-2);\n          --chartist-color-13: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-14: var(--simple-colors-default-theme-red-3);\n          --chartist-color-15: var(--simple-colors-default-theme-lime-2);\n        }\n\n        :host([accent-color=\"orange\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-orange-8);\n          --chartist-color-2: var(--simple-colors-default-theme-deep-orange-9);\n          --chartist-color-3: var(--simple-colors-default-theme-amber-10);\n          --chartist-color-4: var(--simple-colors-default-theme-pink-8);\n          --chartist-color-5: var(--simple-colors-default-theme-yellow-9);\n          --chartist-color-6: var(--simple-colors-default-theme-orange-10);\n          --chartist-color-7: var(--simple-colors-default-theme-deep-orange-8);\n          --chartist-color-8: var(--simple-colors-default-theme-amber-9);\n          --chartist-color-9: var(--simple-colors-default-theme-pink-10);\n          --chartist-color-10: var(--simple-colors-default-theme-yellow-8);\n          --chartist-color-11: var(--simple-colors-default-theme-orange-9);\n          --chartist-color-12: var(\n            --simple-colors-default-theme-deep-orange-10\n          );\n          --chartist-color-13: var(--simple-colors-default-theme-amber-8);\n          --chartist-color-14: var(--simple-colors-default-theme-pink-9);\n          --chartist-color-15: var(--simple-colors-default-theme-yellow-10);\n        }\n\n        :host([dark][accent-color=\"orange\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-2: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-3: var(--simple-colors-default-theme-amber-2);\n          --chartist-color-4: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-5: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-6: var(--simple-colors-default-theme-orange-2);\n          --chartist-color-7: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-8: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-9: var(--simple-colors-default-theme-pink-2);\n          --chartist-color-10: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-11: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-12: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-13: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-14: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-15: var(--simple-colors-default-theme-yellow-2);\n        }\n\n        :host([accent-color=\"deep-orange\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-deep-orange-8);\n          --chartist-color-2: var(--simple-colors-default-theme-red-9);\n          --chartist-color-3: var(--simple-colors-default-theme-orange-10);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-8);\n          --chartist-color-5: var(--simple-colors-default-theme-amber-9);\n          --chartist-color-6: var(--simple-colors-default-theme-deep-orange-10);\n          --chartist-color-7: var(--simple-colors-default-theme-red-8);\n          --chartist-color-8: var(--simple-colors-default-theme-orange-9);\n          --chartist-color-9: var(--simple-colors-default-theme-purple-10);\n          --chartist-color-10: var(--simple-colors-default-theme-amber-8);\n          --chartist-color-11: var(--simple-colors-default-theme-deep-orange-9);\n          --chartist-color-12: var(--simple-colors-default-theme-red-10);\n          --chartist-color-13: var(--simple-colors-default-theme-orange-8);\n          --chartist-color-14: var(--simple-colors-default-theme-purple-9);\n          --chartist-color-15: var(--simple-colors-default-theme-amber-10);\n        }\n\n        :host([dark][accent-color=\"deep-orange\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-2: var(--simple-colors-default-theme-red-3);\n          --chartist-color-3: var(--simple-colors-default-theme-orange-2);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-5: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-6: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-7: var(--simple-colors-default-theme-red-4);\n          --chartist-color-8: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-9: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-10: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-11: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-12: var(--simple-colors-default-theme-red-2);\n          --chartist-color-13: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-14: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-15: var(--simple-colors-default-theme-amber-2);\n        }\n\n        :host([accent-color=\"brown\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-brown-8);\n          --chartist-color-2: var(--simple-colors-default-theme-red-9);\n          --chartist-color-3: var(--simple-colors-default-theme-deep-orange-10);\n          --chartist-color-4: var(--simple-colors-default-theme-brown-11);\n          --chartist-color-5: var(--simple-colors-default-theme-red-12);\n          --chartist-color-6: var(--simple-colors-default-theme-deep-orange-8);\n          --chartist-color-7: var(--simple-colors-default-theme-brown-9);\n          --chartist-color-8: var(--simple-colors-default-theme-red-10);\n          --chartist-color-9: var(--simple-colors-default-theme-deep-orange-11);\n          --chartist-color-10: var(--simple-colors-default-theme-brown-12);\n          --chartist-color-11: var(--simple-colors-default-theme-red-8);\n          --chartist-color-12: var(--simple-colors-default-theme-deep-orange-9);\n          --chartist-color-13: var(--simple-colors-default-theme-brown-10);\n          --chartist-color-14: var(--simple-colors-default-theme-red-11);\n          --chartist-color-15: var(\n            --simple-colors-default-theme-deep-orange-12\n          );\n        }\n\n        :host([dark][accent-color=\"brown\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-brown-4);\n          --chartist-color-2: var(--simple-colors-default-theme-red-3);\n          --chartist-color-3: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-4: var(--simple-colors-default-theme-brown-1);\n          --chartist-color-5: var(--simple-colors-default-theme-red-0);\n          --chartist-color-6: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-7: var(--simple-colors-default-theme-brown-3);\n          --chartist-color-8: var(--simple-colors-default-theme-red-2);\n          --chartist-color-9: var(--simple-colors-default-theme-deep-orange-1);\n          --chartist-color-10: var(--simple-colors-default-theme-brown-0);\n          --chartist-color-11: var(--simple-colors-default-theme-red-4);\n          --chartist-color-12: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-13: var(--simple-colors-default-theme-brown-2);\n          --chartist-color-14: var(--simple-colors-default-theme-red-1);\n          --chartist-color-15: var(--simple-colors-default-theme-deep-orange-0);\n        }\n\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject2_872e5aa022d211eaa0764d1a500fd781 = function _templateObject2_872e5aa022d211eaa0764d1a500fd781() {
+    _templateObject2_41fdc1b0243411ea86f395335a802507 = function _templateObject2_41fdc1b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_872e5aa022d211eaa0764d1a500fd781() {
+  function _templateObject_41fdc1b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-ajax\n        auto\n        handle-as=\"text\"\n        url=\"", "\"\n        @response=\"", "\"\n      ></iron-ajax>\n      <chartist-render\n        id=\"chartist\"\n        .type=\"", "\"\n        .scale=\"", "\"\n        .chart-title=\"", "\"\n        .chart-desc=\"", "\"\n        .data=\"", "\"\n        .responsive-options=\"", "\"\n      ></chartist-render>\n    "]);
 
-    _templateObject_872e5aa022d211eaa0764d1a500fd781 = function _templateObject_872e5aa022d211eaa0764d1a500fd781() {
+    _templateObject_41fdc1b0243411ea86f395335a802507 = function _templateObject_41fdc1b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -57,14 +57,14 @@ define(["exports", "../../lit-element/lit-element.js", "../simple-colors/simple-
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_872e5aa022d211eaa0764d1a500fd781(), this.dataSource, this.handleResponse, this.type, this.scale, this.chartTitle, this.chartDesc, this.data, this.responsiveOptions);
+        return (0, _litElement.html)(_templateObject_41fdc1b0243411ea86f395335a802507(), this.dataSource, this.handleResponse, this.type, this.scale, this.chartTitle, this.chartDesc, this.data, this.responsiveOptions);
       } // haxProperty definition
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        var styles = [(0, _litElement.css)(_templateObject2_872e5aa022d211eaa0764d1a500fd781())];
+        var styles = [(0, _litElement.css)(_templateObject2_41fdc1b0243411ea86f395335a802507())];
         if (babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignChart), "styles", this)) styles = Object.assign(babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignChart), "styles", this), styles);
         return styles;
       }
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 526d5a5fe7c..903143baaa2 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,10 +6,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../lrndesign-av
   });
   _exports.LrndesignComment = void 0;
 
-  function _templateObject_815c7c6022d211eaa0764d1a500fd781() {
+  function _templateObject_3be7fca0243411ea86f395335a802507() {
     var data = 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    "], ["\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    "]);
 
-    _templateObject_815c7c6022d211eaa0764d1a500fd781 = function _templateObject_815c7c6022d211eaa0764d1a500fd781() {
+    _templateObject_3be7fca0243411ea86f395335a802507 = function _templateObject_3be7fca0243411ea86f395335a802507() {
       return data;
     };
 
@@ -36,7 +36,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../lrndesign-av
     babelHelpers.createClass(LrndesignComment, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_815c7c6022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3be7fca0243411ea86f395335a802507());
       }
     }, {
       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 13da2e49779..b756ac2693f 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,10 +7,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
   _exports.LrndesignContactcard = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_817f6db022d211eaa0764d1a500fd781() {
+  function _templateObject_3c241b40243411ea86f395335a802507() {
     var data = 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        social-media-icons {\n          --social-media-icons-hover-color: var(\n            --contactcard-icons-hover-color\n          );\n          margin-left: 8px;\n        }\n\n        .icons {\n          display: flex;\n          justify-content: center;\n          align-items: flext-start;\n          padding-top: 5px;\n        }\n\n        paper-button {\n          padding: 0;\n          margin: 0 8px;\n          display: block;\n          min-width: 16px;\n        }\n      </style>\n      <paper-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                <paper-button id=\"mail\" title$=\"Email address [[email]]\">\n                  <iron-icon icon=\"mail\" class=\"mail_icon\"></iron-icon>\n                </paper-button>\n              </a>\n              <paper-tooltip for=\"mail\" position=\"bottom\">Email</paper-tooltip>\n            </template>\n            <template is=\"dom-if\" if=\"[[phone]]\">\n              <a tabindex=\"-1\" href$=\"tel:[[phone]]\">\n                <paper-button id=\"phone\" title$=\"Phone number [[phone]]\">\n                  <iron-icon\n                    icon=\"maps:local-phone\"\n                    class=\"phone_icon\"\n                  ></iron-icon>\n                </paper-button>\n              </a>\n              <paper-tooltip for=\"phone\" position=\"bottom\">Call</paper-tooltip>\n            </template>\n            <template is=\"dom-if\" if=\"[[website]]\">\n              <a tabindex=\"-1\" href$=\"[[website]]\">\n                <paper-button id=\"website\" title$=\"Website address [[website]]\">\n                  <iron-icon\n                    icon=\"hardware:desktop-windows\"\n                    class=\"computer_icon\"\n                  ></iron-icon>\n                </paper-button>\n              </a>\n              <paper-tooltip for=\"website\" position=\"bottom\"\n                >Visit</paper-tooltip\n              >\n            </template>\n            <template is=\"dom-if\" if=\"[[twitter]]\">\n              <a tabindex=\"-1\" href$=\"[[twitter]]\">\n                <paper-button id=\"twitter\" title$=\"Twitter name [[twitter]]\">\n                  <social-media-icons\n                    icon=\"twitter\"\n                    color=\"#aeaeae\"\n                    size=\"35\"\n                    class=\"twitter_icon\"\n                  ></social-media-icons>\n                </paper-button>\n              </a>\n              <paper-tooltip for=\"twitter\" position=\"bottom\"\n                >Connect</paper-tooltip\n              >\n            </template>\n          </div>\n        </div>\n      </paper-card>\n    "], ["\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        social-media-icons {\n          --social-media-icons-hover-color: var(\n            --contactcard-icons-hover-color\n          );\n          margin-left: 8px;\n        }\n\n        .icons {\n          display: flex;\n          justify-content: center;\n          align-items: flext-start;\n          padding-top: 5px;\n        }\n\n        paper-button {\n          padding: 0;\n          margin: 0 8px;\n          display: block;\n          min-width: 16px;\n        }\n      </style>\n      <paper-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                <paper-button id=\"mail\" title$=\"Email address [[email]]\">\n                  <iron-icon icon=\"mail\" class=\"mail_icon\"></iron-icon>\n                </paper-button>\n              </a>\n              <paper-tooltip for=\"mail\" position=\"bottom\">Email</paper-tooltip>\n            </template>\n            <template is=\"dom-if\" if=\"[[phone]]\">\n              <a tabindex=\"-1\" href\\$=\"tel:[[phone]]\">\n                <paper-button id=\"phone\" title$=\"Phone number [[phone]]\">\n                  <iron-icon\n                    icon=\"maps:local-phone\"\n                    class=\"phone_icon\"\n                  ></iron-icon>\n                </paper-button>\n              </a>\n              <paper-tooltip for=\"phone\" position=\"bottom\">Call</paper-tooltip>\n            </template>\n            <template is=\"dom-if\" if=\"[[website]]\">\n              <a tabindex=\"-1\" href\\$=\"[[website]]\">\n                <paper-button id=\"website\" title$=\"Website address [[website]]\">\n                  <iron-icon\n                    icon=\"hardware:desktop-windows\"\n                    class=\"computer_icon\"\n                  ></iron-icon>\n                </paper-button>\n              </a>\n              <paper-tooltip for=\"website\" position=\"bottom\"\n                >Visit</paper-tooltip\n              >\n            </template>\n            <template is=\"dom-if\" if=\"[[twitter]]\">\n              <a tabindex=\"-1\" href$=\"[[twitter]]\">\n                <paper-button id=\"twitter\" title$=\"Twitter name [[twitter]]\">\n                  <social-media-icons\n                    icon=\"twitter\"\n                    color=\"#aeaeae\"\n                    size=\"35\"\n                    class=\"twitter_icon\"\n                  ></social-media-icons>\n                </paper-button>\n              </a>\n              <paper-tooltip for=\"twitter\" position=\"bottom\"\n                >Connect</paper-tooltip\n              >\n            </template>\n          </div>\n        </div>\n      </paper-card>\n    "]);
 
-    _templateObject_817f6db022d211eaa0764d1a500fd781 = function _templateObject_817f6db022d211eaa0764d1a500fd781() {
+    _templateObject_3c241b40243411ea86f395335a802507 = function _templateObject_3c241b40243411ea86f395335a802507() {
       return data;
     };
 
@@ -63,7 +63,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
     babelHelpers.createClass(LrndesignContactcard, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_817f6db022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3c241b40243411ea86f395335a802507());
       }
     }, {
       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 1ea191cb973..34fe099296b 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,10 +6,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js"], function (_expo
   });
   _exports.LrndesignContentblock = void 0;
 
-  function _templateObject_8907124022d211eaa0764d1a500fd781() {
+  function _templateObject_43f85930243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_8907124022d211eaa0764d1a500fd781 = function _templateObject_8907124022d211eaa0764d1a500fd781() {
+    _templateObject_43f85930243411ea86f395335a802507 = function _templateObject_43f85930243411ea86f395335a802507() {
       return data;
     };
 
@@ -35,7 +35,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js"], function (_expo
     babelHelpers.createClass(LrndesignContentblock, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8907124022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_43f85930243411ea86f395335a802507());
       }
     }, {
       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 4542a691f70..77b51af1c86 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,10 +7,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
   _exports.LrndesignCourseBanner = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_82d1903022d211eaa0764d1a500fd781() {
+  function _templateObject_3d85ce20243411ea86f395335a802507() {
     var data = 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      <iron-image\n        class=\"course-image\"\n        style=\"width:100%; height:200px; background-color: lightgray;\"\n        sizing=\"cover\"\n        preload=\"\"\n        fade=\"\"\n        src$=\"[[image]]\"\n      ></iron-image>\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    "], ["\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      <iron-image\n        class=\"course-image\"\n        style=\"width:100%; height:200px; background-color: lightgray;\"\n        sizing=\"cover\"\n        preload=\"\"\n        fade=\"\"\n        src\\$=\"[[image]]\"\n      ></iron-image>\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    "]);
 
-    _templateObject_82d1903022d211eaa0764d1a500fd781 = function _templateObject_82d1903022d211eaa0764d1a500fd781() {
+    _templateObject_3d85ce20243411ea86f395335a802507 = function _templateObject_3d85ce20243411ea86f395335a802507() {
       return data;
     };
 
@@ -44,7 +44,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
     babelHelpers.createClass(LrndesignCourseBanner, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_82d1903022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3d85ce20243411ea86f395335a802507());
       }
     }, {
       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 5908c18a595..5d50e044ded 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,10 +7,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
   _exports.LrndesignDrawer = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_824332e022d211eaa0764d1a500fd781() {
+  function _templateObject_3ce9b530243411ea86f395335a802507() {
     var data = 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      <paper-icon-button\n        icon=\"[[icon]]\"\n        alt=\"[[alt]]\"\n        id=\"flyoutdrawer\"\n      ></paper-icon-button>\n      <paper-tooltip for=\"flyoutdrawer\">[[alt]]</paper-tooltip>\n    "]);
 
-    _templateObject_824332e022d211eaa0764d1a500fd781 = function _templateObject_824332e022d211eaa0764d1a500fd781() {
+    _templateObject_3ce9b530243411ea86f395335a802507 = function _templateObject_3ce9b530243411ea86f395335a802507() {
       return data;
     };
 
@@ -65,7 +65,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_824332e022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3ce9b530243411ea86f395335a802507());
       }
     }, {
       key: "tag",
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 d71f57e1090..5104d7d655f 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./lrndesign-
   });
   _exports.LrndesignGalleryCarousel = void 0;
 
-  function _templateObject_9301b2a022d211eaa0764d1a500fd781() {
+  function _templateObject_4db6b3e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"lrndesign-gallery-shared-styles\">\n        :host {\n          margin: 15px 0 0;\n          padding: 0;\n        }\n        :host #carouselitem {\n          width: 100%;\n          color: var(--lrndesign-gallery-color);\n          background-color: var(--lrndesign-gallery-background-color);\n          border: 1px solid var(--lrndesign-gallery-border-color);\n        }\n        :host(:not([responsive-size=\"xs\"]):not([extra-wide])) #carouselitem {\n          display: flex;\n          justify-content: space-between;\n          align-items: stretch;\n          border-top: 4px solid var(--lrndesign-gallery-focus-color);\n        }\n        :host([responsive-size=\"sm\"]:not([extra-wide])) #carouselitem,\n        :host([responsive-size=\"sm\"]:not([extra-wide])) #prevnextnav,\n        :host([responsive-size=\"md\"]:not([extra-wide])) #carouselitem,\n        :host([responsive-size=\"md\"]:not([extra-wide])) #prevnextnav {\n          height: 200px;\n          max-height: 200px;\n        }\n        :host([responsive-size=\"lg\"]:not([extra-wide])) #carouselitem,\n        :host([responsive-size=\"lg\"]:not([extra-wide])) #prevnextnav {\n          height: 300px;\n          max-height: 300px;\n        }\n        :host([responsive-size=\"xl\"]:not([extra-wide])) #carouselitem,\n        :host([responsive-size=\"xl\"]:not([extra-wide])) #prevnextnav {\n          height: 400px;\n          max-height: 400px;\n        }\n        :host #carouselimage {\n          position: relative;\n        }\n        :host #carouselimage iron-image {\n          width: 100%;\n          height: 100%;\n        }\n        :host #prevnextnav {\n          left: 0;\n          top: 0;\n          height: 100%;\n          width: 100%;\n          position: absolute;\n        }\n        :host #prevnextnav paper-button {\n          position: absolute;\n          display: flex;\n          align-items: center;\n          justify-content: flex-end;\n          left: 50%;\n          top: 0;\n          width: 50%;\n          height: 100%;\n          opacity: 0;\n          margin: 0;\n          border-radius: 0;\n          color: var(--lrndesign-gallery-color);\n          background-color: var(--lrndesign-gallery-background-color);\n          --paper-button-ink-color: var(--lrndesign-gallery-background-color);\n          background: var(--lrndesign-gallery-next-bg);\n          transition: opacity 0.5s;\n        }\n        :host #prevnextnav paper-button#carouselprev {\n          left: 0;\n          justify-content: flex-start;\n          background: var(--lrndesign-gallery-prev-bg);\n        }\n        :host #prevnextnav paper-button[item=\"-1\"] {\n          display: none;\n        }\n        :host #prevnextnav paper-button:focus,\n        :host #prevnextnav paper-button:hover {\n          opacity: 0.8;\n        }\n        :host #prevnextnav iron-icon {\n          margin: 10%;\n        }\n        :host lrndesign-gallery-zoom {\n          left: 3px;\n          bottom: 0;\n          z-index: 2;\n          position: absolute;\n        }\n        :host #details {\n          flex-grow: 1;\n          flex-shrink: 1;\n          overflow-y: auto;\n        }\n        :host([responsive-size=\"xs\"]) #details,\n        :host([extra-wide]) #details {\n          margin-top: -4px;\n          border-top: 4px solid var(--lrndesign-gallery-focus-color);\n        }\n        :host #details-inner {\n          height: 100%;\n          display: flex;\n          position: relative;\n          justify-content: space-between;\n          flex-wrap: wrap;\n          align-items: stretch;\n          align-content: stretch;\n        }\n        :host #itemdetails,\n        :host #thumbnails {\n          padding: 20px;\n          flex-basis: 100%;\n        }\n        :host #itemdetails {\n          align-self: flex-start;\n          flex-grow: 1;\n          flex-shrink: 1;\n          overflow-y: auto;\n        }\n        :host #thumbnails {\n          align-self: flex-end;\n        }\n        :host .gallerythumb[disabled] {\n          @apply --lrndesign-gallery-thumbnail-image-selected;\n        }\n        :host .gallerythumb iron-image {\n          width: 40px;\n          height: 40px;\n        }\n        :host([responsive-size=\"xs\"]) .gallerythumb iron-image {\n          display: none;\n        }\n        :host([responsive-size=\"md\"]) .gallerythumb iron-image {\n          width: 45px;\n          height: 45px;\n        }\n        :host([responsive-size=\"lg\"]) .gallerythumb iron-image,\n        :host([responsive-size=\"xl\"]) .gallerythumb iron-image {\n          width: 50px;\n          height: 50px;\n        }\n        :host #itemtitle {\n          margin-top: 0;\n        }\n        :host .x-of-y {\n          font-size: 85%;\n          font-style: italic;\n          text-align: right;\n          padding: 0;\n          margin: 0;\n        }\n        :host #xystart,\n        :host #xyend {\n          position: absolute;\n          right: 20px;\n          top: 20px;\n        }\n      </style>\n      <article id=\"carousel\">\n        <template is=\"dom-if\" if=\"[[_isAttrSet(title)]]\">\n          <h1 id=\"gallerytitle\">[[title]]</h1>\n        </template>\n        <div id=\"gallerydescription\"><slot></slot></div>\n        <p class=\"sr-only\">A carousel of items:</p>\n        <div id=\"galleryscreen\">\n          <div\n            id=\"carouselitem\"\n            aspect-ratio$=\"[[aspectRatio]]\"\n            dark$=\"[[dark]]\"\n            extra-wide$=\"[[extraWide]]\"\n            image-style$=\"[[__imageStyle]]\"\n            item=\"[[selected]]\"\n            responsive-size$=\"[[responsiveSize]]\"\n          >\n            <p id=\"xystart\" class=\"sr-only\" hidden$=\"[[_hideNav(items)]]\">\n              Slide [[selected.xofy]] selected.\n            </p>\n            <div id=\"carouselimage\">\n              <iron-image\n                alt$=\"[[selected.alt]]\"\n                fade=\"\"\n                id$=\"[[selected.id]]\"\n                placeholder$=\"[[selected.thumbnail]]\"\n                sizing$=\"[[selected.sizing]]\"\n                src$=\"[[selected.src]]\"\n                style$=\"[[__imageStyle]]\"\n              >\n              </iron-image>\n              <lrndesign-gallery-zoom\n                details$=\"[[selected.details]]\"\n                heading$=\"[[selected.heading]]\"\n                id=\"galleryzoom\"\n                item-id=\"[[selected.id]]\"\n                src$=\"[[selected.large]]\"\n                tooltip$=\"[[selected.tooltip]]\"\n                zoom-alt$=\"[[selected.alt]]\"\n                zoomed$=\"[[selected.zoom]]\"\n              >\n                <iron-icon\n                  icon=\"zoom-in\"\n                  hidden$=\"[[!_isAttrSet(icon)]]\"\n                ></iron-icon>\n              </lrndesign-gallery-zoom>\n              <div id=\"prevnextnav\">\n                <paper-button\n                  id=\"carouselprev\"\n                  aria-controls$=\"[[__gallery.id]]\"\n                  aria-label=\"prev\"\n                  hidden$=\"[[_hideNav(items)]]\"\n                  index$=\"[[selected.prev]]\"\n                  on-click=\"_onPrev\"\n                  target$=\"[[__gallery]]\"\n                  tabindex=\"-1\"\n                  title=\"\"\n                >\n                  <iron-icon icon=\"chevron-left\"></iron-icon>\n                </paper-button>\n                <paper-tooltip for=\"carouselprev\" position=\"top\"\n                  >previous</paper-tooltip\n                >\n                <paper-button\n                  id=\"carouselnext\"\n                  aria-controls$=\"[[__gallery.id]]\"\n                  aria-label=\"next\"\n                  hidden$=\"[[_hideNav(items)]]\"\n                  index$=\"[[selected.next]]\"\n                  on-click=\"_onNext\"\n                  target=\"[[__gallery]]\"\n                  tabindex=\"-1\"\n                  title=\"\"\n                >\n                  <iron-icon icon=\"chevron-right\"></iron-icon>\n                </paper-button>\n                <paper-tooltip for=\"carouselnext\" position=\"top\"\n                  >next</paper-tooltip\n                >\n              </div>\n            </div>\n            <div id=\"details\" class=\"item-info\">\n              <div id=\"details-inner\">\n                <div id=\"itemdetails\">\n                  <h2 id=\"itemtitle\" hidden=\"[[!_isAttrSet(selected.title)]]\">\n                    [[selected.title]]\n                  </h2>\n                  <div id=\"itembody\">\n                    <lrndesign-gallery-details\n                      details$=\"[[selected.details]]\"\n                    ></lrndesign-gallery-details>\n                  </div>\n                </div>\n                <div id=\"xyend\">\n                  <p class=\"x-of-y\" hidden$=\"[[_hideNav(items)]]\">\n                    (<span class=\"sr-only\"> End of slide </span>\n                    [[selected.xofy]]<span class=\"sr-only\">.</span>)\n                  </p>\n                </div>\n                <div id=\"thumbnails\" class=\"item-info\">\n                  <div id=\"thumbnails-inner\">\n                    <div>\n                      <p class=\"sr-only\" hidden$=\"[[_hideNav(items)]]\">\n                        Slides list:\n                      </p>\n                      <template is=\"dom-repeat\" items=\"[[items]]\" as=\"item\">\n                        <paper-button\n                          id$=\"[[item.id]]\"\n                          aria-controls$=\"[[__gallery.id]]\"\n                          class=\"gallerythumb\"\n                          hidden$=\"[[_hideNav(items)]]\"\n                          index$=\"[[item.index]]\"\n                          on-click=\"_onNavTapped\"\n                          disabled$=\"[[_isSelected(selected,item)]]\"\n                          target$=\"[[item.target]]\"\n                          title\n                        >\n                          <iron-image\n                            alt$=\"[[item.alt]]\"\n                            fade\n                            sizing=\"cover\"\n                            src$=\"[[item.thumbnail]]\"\n                          >\n                          </iron-image>\n                        </paper-button>\n                        <paper-tooltip\n                          for$=\"[[item.id]]\"\n                          hidden$=\"[[_isSelected(selected,item)]]\"\n                          position=\"top\"\n                        >\n                          [[item.alt]]\n                        </paper-tooltip>\n                      </template>\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div id=\"galleryprint\">\n          <template id=\"printlist\" is=\"dom-repeat\" items=\"[[items]]\" as=\"item\">\n            <section>\n              <template is=\"dom-if\" if=\"[[_isAttrSet(item.title)]]\">\n                <h2>[[item.title]]</h2>\n              </template>\n              <lrndesign-gallery-details\n                details$=\"[[item.details]]\"\n              ></lrndesign-gallery-details>\n              <img\n                class=\"print-image\"\n                alt$=\"[[item.alt]]\"\n                src$=\"[[item.src]]\"\n              />\n            </section>\n          </template>\n        </div>\n      </article>\n    "]);
 
-    _templateObject_9301b2a022d211eaa0764d1a500fd781 = function _templateObject_9301b2a022d211eaa0764d1a500fd781() {
+    _templateObject_4db6b3e0243411ea86f395335a802507 = function _templateObject_4db6b3e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -192,7 +192,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./lrndesign-
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9301b2a022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4db6b3e0243411ea86f395335a802507());
       } // properties available to the custom element for data binding
 
     }, {
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 95c36e4981b..aa0cf6f79b6 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,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
   });
   _exports.LrndesignGalleryDetails = void 0;
 
-  function _templateObject2_9303605022d211eaa0764d1a500fd781() {
+  function _templateObject2_4db86190243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      "]);
 
-    _templateObject2_9303605022d211eaa0764d1a500fd781 = function _templateObject2_9303605022d211eaa0764d1a500fd781() {
+    _templateObject2_4db86190243411ea86f395335a802507 = function _templateObject2_4db86190243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9303605022d211eaa0764d1a500fd781() {
+  function _templateObject_4db86190243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"details\"></div>\n    "]);
 
-    _templateObject_9303605022d211eaa0764d1a500fd781 = function _templateObject_9303605022d211eaa0764d1a500fd781() {
+    _templateObject_4db86190243411ea86f395335a802507 = function _templateObject_4db86190243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,7 +45,7 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9303605022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_4db86190243411ea86f395335a802507());
       }
     }], [{
       key: "styles",
@@ -54,7 +54,7 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9303605022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4db86190243411ea86f395335a802507())];
       }
       /**
        * 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 f459a958808..1295ed3e36b 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.LrndesignGalleryGrid = void 0;
 
-  function _templateObject_9306468022d211eaa0764d1a500fd781() {
+  function _templateObject_4dbaf9a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"lrndesign-gallery-shared-styles\">\n        :host {\n          margin: 15px 0 0;\n          padding: 0;\n          max-width: 100%;\n          display: block;\n        }\n        :host .gallerythumb div {\n          position: relative;\n          display: flex;\n          align-items: stretch;\n        }\n        :host .gallerythumb div,\n        :host .gallerythumb iron-image {\n          width: 100%;\n        }\n        :host .gallerythumb {\n          width: var(--lrndesign-gallery-grid-thumbnail-xs, 100px);\n        }\n        :host([responsive-size=\"sm\"]) .gallerythumb {\n          width: var(--lrndesign-gallery-grid-thumbnail-sm, 150px);\n        }\n        :host([responsive-size=\"md\"]) .gallerythumb {\n          width: var(--lrndesign-gallery-grid-thumbnail-md, 200px);\n        }\n        :host([responsive-size=\"lg\"]) .gallerythumb {\n          width: var(--lrndesign-gallery-grid-thumbnail-lg, 250px);\n        }\n        :host([responsive-size=\"xl\"]) .gallerythumb {\n          width: var(--lrndesign-gallery-grid-thumbnail-lg, 300px);\n        }\n        :host .gallerythumb iron-icon {\n          position: absolute;\n          bottom: 7px;\n          left: 7px;\n        }\n      </style>\n      <article id=\"grid\">\n        <template is=\"dom-if\" if=\"[[_isAttrSet(title)]]\">\n          <h1 id=\"gallery-title\">[[title]]</h1>\n        </template>\n        <div id=\"gallery-description\"><slot></slot></div>\n        <p class=\"sr-only\">A list of thumbnail buttons items:</p>\n        <div id=\"galleryscreen\">\n          <template id=\"screenlist\" is=\"dom-repeat\" items=\"[[items]]\" as=\"item\">\n            <lrndesign-gallery-zoom\n              anchored-item=\"[[__anchoredItem]]\"\n              class=\"gallerythumb\"\n              details$=\"[[item.details]]\"\n              heading$=\"[[item.heading]]\"\n              item-id=\"[[item.id]]\"\n              on-gallery-scroll=\"_handleScroll\"\n              scrolled$=\"[[item.scroll]]\"\n              src$=\"[[item.large]]\"\n              tooltip$=\"[[item.tooltip]]\"\n              zoom-alt$=\"[[item.zoomAlt]]\"\n              zoomed$=\"[[item.zoom]]\"\n            >\n              <div>\n                <iron-image\n                  alt$=\"[[item.zoomAlt]]\"\n                  fade\n                  sizing=\"cover\"\n                  src$=\"[[item.thumbnail]]\"\n                  style$=\"[[_getImageStyle(items)]]\"\n                >\n                </iron-image>\n              </div>\n              <iron-icon icon=\"zoom-in\"></iron-icon>\n            </lrndesign-gallery-zoom>\n          </template>\n        </div>\n        <div id=\"galleryprint\">\n          <template id=\"printlist\" is=\"dom-repeat\" items=\"[[items]]\" as=\"item\">\n            <section>\n              <template is=\"dom-if\" if=\"[[_isAttrSet(item.title)]]\">\n                <h2>[[item.title]]</h2>\n              </template>\n              <lrndesign-gallery-details\n                details$=\"[[item.details]]\"\n              ></lrndesign-gallery-details>\n              <img\n                class=\"print-image\"\n                alt$=\"[[item.alt]]\"\n                src$=\"[[item.src]]\"\n              />\n            </section>\n          </template>\n        </div>\n      </article>\n    "]);
 
-    _templateObject_9306468022d211eaa0764d1a500fd781 = function _templateObject_9306468022d211eaa0764d1a500fd781() {
+    _templateObject_4dbaf9a0243411ea86f395335a802507 = function _templateObject_4dbaf9a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -108,7 +108,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9306468022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4dbaf9a0243411ea86f395335a802507());
       } // properties available to the custom element for data binding
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-shared-styles.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-shared-styles.js
index b8474b0abbd..606122c30bc 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-shared-styles.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-gallery/lib/lrndesign-gallery-shared-styles.js
@@ -1,10 +1,10 @@
 define(["../../../@polymer/polymer/polymer-element.js", "../../../@polymer/iron-flex-layout/iron-flex-layout.js"], function (_polymerElement, _ironFlexLayout) {
   "use strict";
 
-  function _templateObject_9307a61022d211eaa0764d1a500fd781() {
+  function _templateObject_4dbbbcf0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n  <style>\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-2\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-titlebar-color: var(\n        --simple-colors-default-theme-grey-1\n      );\n      --lrndesign-gallery-dialog-titlebar-background-color: var(\n        --simple-colors-default-theme-accent-9\n      );\n      --lrndesign-gallery-dialog-header-color: var(\n        --simple-colors-default-theme-grey-12\n      );\n      --lrndesign-gallery-dialog-header-background-color: var(\n        --simple-colors-default-theme-grey-2\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-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    :host .sr-only {\n      position: absolute;\n      left: -999999;\n      height: 0;\n      width: 0;\n      overflow: hidden;\n    }\n    :host .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    :host .gallerythumb iron-image {\n      @apply --lrndesign-gallery-thumbnail-image;\n    }\n    :host .gallerythumb:focus iron-image,\n    :host .gallerythumb:hover iron-image {\n      @apply --lrndesign-gallery-thumbnail-image-focus;\n    }\n    :host lrndesign-gallery-zoom iron-icon {\n      width: 24px;\n      height: 24px;\n      opacity: 0.5;\n      border-radius: 3px;\n      color: var(--lrndesign-gallery-color);\n      background-color: var(--lrndesign-gallery-dialog-background-color);\n      transition: opacity 0.5s;\n    }\n    :host lrndesign-gallery-zoom:focus iron-icon,\n    :host lrndesign-gallery-zoom:hover iron-icon {\n      opacity: 1;\n    }\n    :host #galleryprint {\n      display: none;\n    }\n    @media print {\n      :host #galleryscreen {\n        display: none;\n      }\n      :host #galleryprint {\n        display: block;\n      }\n      :host #galleryprint section {\n        margin-top: 15px;\n        margin-bottom: 15px;\n      }\n      :host #galleryprint .print-image {\n        max-width: 400px;\n        max-height: 400px;\n        display: block;\n        border: 1px solid #ddd;\n        page-break-inside: avoid;\n      }\n    }\n  </style>\n"]);
 
-    _templateObject_9307a61022d211eaa0764d1a500fd781 = function _templateObject_9307a61022d211eaa0764d1a500fd781() {
+    _templateObject_4dbbbcf0243411ea86f395335a802507 = function _templateObject_4dbbbcf0243411ea86f395335a802507() {
       return data;
     };
 
@@ -12,7 +12,7 @@ define(["../../../@polymer/polymer/polymer-element.js", "../../../@polymer/iron-
   }
 
   var styleElement = document.createElement("dom-module");
-  var css = (0, _polymerElement.html)(_templateObject_9307a61022d211eaa0764d1a500fd781());
+  var css = (0, _polymerElement.html)(_templateObject_4dbbbcf0243411ea86f395335a802507());
   styleElement.appendChild(css);
   styleElement.register("lrndesign-gallery-shared-styles");
 });
\ No newline at end of file
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 87032c8b0b1..a42c7d7c078 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../simple
   });
   _exports.LrndesignGalleryZoom = void 0;
 
-  function _templateObject_930ab35022d211eaa0764d1a500fd781() {
+  function _templateObject_4deb7f80243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host paper-button {\n          width: 100%;\n        }\n        simple-modal-template[modal-id=\"zoomdialog\"] {\n          --simple-modal-width: 75vw;\n          --simple-modal-height: 75vh;\n          --simple-modal-titlebar-color: var(\n            --lrndesign-gallery-dialog-titlebar-color\n          );\n          --simple-modal-titlebar-background: var(\n            --lrndesign-gallery-dialog-titlebar-background-color\n          );\n          --simple-modal-header-color: var(\n            --lrndesign-gallery-dialog-header-color\n          );\n          --simple-modal-header-background: var(\n            --lrndesign-gallery-dialog-header-background-color\n          );\n          --simple-modal-content-container-color: var(\n            --lrndesign-gallery-dialog-color\n          );\n          --simple-modal-content-container-background: var(\n            --lrndesign-gallery-dialog-background-color\n          );\n        }\n        #zoombtn {\n          padding: 0px;\n          margin: 0;\n          min-width: unset;\n        }\n      </style>\n      <paper-button\n        id=\"zoombtn\"\n        label$=\"[[tooltip]]\"\n        title=\"\"\n        controls=\"zoomdialog\"\n      >\n        <slot></slot>\n      </paper-button>\n      <paper-tooltip for=\"zoombtn\" position=\"right\">[[tooltip]]</paper-tooltip>\n      <simple-modal-template\n        id=\"zoomtpl\"\n        modal-id=\"zoomdialog\"\n        title$=\"[[heading]]\"\n      >\n        <div\n          id=\"details\"\n          slot=\"header\"\n          hidden$=\"[[!_isAttrSet(details)]]\"\n        ></div>\n        <div slot=\"content\" hidden$=\"[[!_isAttrSet(src)]]\">\n          <img-pan-zoom\n            id=\"img\"\n            alt$=\"[[zoomAlt]]\"\n            src$=\"[[src]]\"\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          </img-pan-zoom>\n          <div>\n            Swipe, use a mouse or use the +/- and arrow keys to zoom and pan the\n            image above.\n          </div>\n        </div>\n      </simple-modal-template>\n    "]);
 
-    _templateObject_930ab35022d211eaa0764d1a500fd781 = function _templateObject_930ab35022d211eaa0764d1a500fd781() {
+    _templateObject_4deb7f80243411ea86f395335a802507 = function _templateObject_4deb7f80243411ea86f395335a802507() {
       return data;
     };
 
@@ -130,7 +130,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../simple
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_930ab35022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4deb7f80243411ea86f395335a802507());
       } // properties available to the custom element for data binding
 
     }, {
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 411e49e5bd6..7b0dc32d366 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,10 +6,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "./lib/lrndesign
   });
   _exports.LrndesignGallery = void 0;
 
-  function _templateObject_825de6d022d211eaa0764d1a500fd781() {
+  function _templateObject_3d05c8b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <div id=\"gallery\">\n        <template is=\"dom-if\" if=\"[[!grid]]\" restamp>\n          <lrndesign-gallery-carousel\n            accent-color$=\"[[accentColor]]\"\n            aspect-ratio$=\"[[aspectRatio]]\"\n            title$=\"[[title]]\"\n            dark$=\"[[dark]]\"\n            gallery-id$=\"[[id]]\"\n            responsive-size$=\"[[responsiveSize]]\"\n            sizing$=\"[[sizing]]\"\n            sources=\"[[sources]]\"\n            title$=\"[[title]]\"\n          >\n            <slot></slot>\n          </lrndesign-gallery-carousel>\n        </template>\n        <template is=\"dom-if\" if=\"[[grid]]\">\n          <lrndesign-gallery-grid\n            accent-color$=\"[[accentColor]]\"\n            aspect-ratio$=\"[[aspectRatio]]\"\n            dark$=\"[[dark]]\"\n            gallery-id$=\"[[id]]\"\n            responsive-size$=\"[[responsiveSize]]\"\n            sizing$=\"[[sizing]]\"\n            sources=\"[[sources]]\"\n            title$=\"[[title]]\"\n          >\n            <slot></slot>\n          </lrndesign-gallery-grid>\n        </template>\n      </div>\n    "]);
 
-    _templateObject_825de6d022d211eaa0764d1a500fd781 = function _templateObject_825de6d022d211eaa0764d1a500fd781() {
+    _templateObject_3d05c8b0243411ea86f395335a802507 = function _templateObject_3d05c8b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -109,7 +109,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "./lib/lrndesign
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_825de6d022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3d05c8b0243411ea86f395335a802507());
       } // haxProperty definition
 
     }, {
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 85a0871f1fe..c95ddf67d34 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,10 +7,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
   _exports.LrndesignGallerycard = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_8304600022d211eaa0764d1a500fd781() {
+  function _templateObject_3db51b80243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\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        paper-card {\n          border-radius: 4px;\n          margin: 0;\n          width: 100%;\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: 240px;\n        }\n\n        [elevation=\"0\"] {\n          border: solid 1px #eeeeee;\n        }\n\n        .text-right {\n          text-align: right;\n        }\n\n        .text-left {\n          text-align: left;\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        }\n\n        .divider {\n          height: 1px;\n          width: 100%;\n          background: #efefef;\n        }\n\n        .project-icon {\n          --iron-icon-height: 100%;\n          --iron-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      </style>\n      <paper-card elevation=\"[[elevation]]\">\n        <div class=\"card-content card-control-height card-control-center\">\n          <div class=\"submission-preview\">\n            <iron-icon\n              class=\"project-icon\"\n              icon=\"[[icon]]\"\n              hidden$=\"[[!icon]]\"\n            ></iron-icon>\n            <iron-image\n              style=\"width:100%; height:100%; background-color: lightgray;\"\n              sizing=\"cover\"\n              preload=\"\"\n              fade=\"\"\n              src=\"[[image]]\"\n              hidden$=\"[[!image]]\"\n            ></iron-image>\n          </div>\n          <div class=\"submission-info\">\n            <div class=\"divider\"></div>\n            <div class=\"title\">[[title]]</div>\n          </div>\n        </div>\n        <div class=\"card-actions\">\n          <lrndesign-avatar\n            id=\"avatar\"\n            label=\"[[author.name]]\"\n            src=\"[[author.avatar]]\"\n          ></lrndesign-avatar>\n          <div class=\"card-action-details\">\n            <span class=\"text-left author\">[[author.display_name]]</span>\n            <span class=\"comments text-right\">Comments: [[comments]]</span>\n          </div>\n        </div>\n      </paper-card>\n    "], ["\n      <style>\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        paper-card {\n          border-radius: 4px;\n          margin: 0;\n          width: 100%;\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: 240px;\n        }\n\n        [elevation=\"0\"] {\n          border: solid 1px #eeeeee;\n        }\n\n        .text-right {\n          text-align: right;\n        }\n\n        .text-left {\n          text-align: left;\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        }\n\n        .divider {\n          height: 1px;\n          width: 100%;\n          background: #efefef;\n        }\n\n        .project-icon {\n          --iron-icon-height: 100%;\n          --iron-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      </style>\n      <paper-card elevation=\"[[elevation]]\">\n        <div class=\"card-content card-control-height card-control-center\">\n          <div class=\"submission-preview\">\n            <iron-icon\n              class=\"project-icon\"\n              icon=\"[[icon]]\"\n              hidden\\$=\"[[!icon]]\"\n            ></iron-icon>\n            <iron-image\n              style=\"width:100%; height:100%; background-color: lightgray;\"\n              sizing=\"cover\"\n              preload=\"\"\n              fade=\"\"\n              src=\"[[image]]\"\n              hidden\\$=\"[[!image]]\"\n            ></iron-image>\n          </div>\n          <div class=\"submission-info\">\n            <div class=\"divider\"></div>\n            <div class=\"title\">[[title]]</div>\n          </div>\n        </div>\n        <div class=\"card-actions\">\n          <lrndesign-avatar\n            id=\"avatar\"\n            label=\"[[author.name]]\"\n            src=\"[[author.avatar]]\"\n          ></lrndesign-avatar>\n          <div class=\"card-action-details\">\n            <span class=\"text-left author\">[[author.display_name]]</span>\n            <span class=\"comments text-right\">Comments: [[comments]]</span>\n          </div>\n        </div>\n      </paper-card>\n    "]);
 
-    _templateObject_8304600022d211eaa0764d1a500fd781 = function _templateObject_8304600022d211eaa0764d1a500fd781() {
+    _templateObject_3db51b80243411ea86f395335a802507 = function _templateObject_3db51b80243411ea86f395335a802507() {
       return data;
     };
 
@@ -77,7 +77,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8304600022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3db51b80243411ea86f395335a802507());
       }
     }, {
       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 f5ffccc1c44..eb3513cecee 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,20 +7,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
   _exports.LrndesignImagemapHotspot = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_930d245022d211eaa0764d1a500fd781() {
+  function _templateObject2_4dedc970243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n        }\n        :host #desc {\n          margin: 0 0 15px;\n        }\n        @media print {\n          :host {\n            display: block;\n          }\n        }\n      "]);
 
-    _templateObject2_930d245022d211eaa0764d1a500fd781 = function _templateObject2_930d245022d211eaa0764d1a500fd781() {
+    _templateObject2_4dedc970243411ea86f395335a802507 = function _templateObject2_4dedc970243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_930d245022d211eaa0764d1a500fd781() {
+  function _templateObject_4dedc970243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <relative-heading\n        id=\"heading\"\n        ?hidden=\"", "\"\n        text=\"", "\"\n      >\n      </relative-heading>\n      <div id=\"desc\"><slot></slot></div>\n    "]);
 
-    _templateObject_930d245022d211eaa0764d1a500fd781 = function _templateObject_930d245022d211eaa0764d1a500fd781() {
+    _templateObject_4dedc970243411ea86f395335a802507 = function _templateObject_4dedc970243411ea86f395335a802507() {
       return data;
     };
 
@@ -44,7 +44,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_930d245022d211eaa0764d1a500fd781(), !this.label, this.label);
+        return (0, _litElement.html)(_templateObject_4dedc970243411ea86f395335a802507(), !this.label, this.label);
       }
       /**
        * HTMLElement
@@ -57,7 +57,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_930d245022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4dedc970243411ea86f395335a802507())];
       }
     }]);
 
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 9185b1484d0..3c61be78ce9 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,10 +7,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
   _exports.LrndesignImagemap = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_828e6cb022d211eaa0764d1a500fd781() {
+  function _templateObject_3d3982e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\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        /*::slotted([hotspot]) {\n        display: none;\n      }*/\n        @media print {\n          :host > #svg {\n            display: none;\n          }\n          /*::slotted(#screen-only) {\n          display: none;\n        }\n        ::slotted([hotspot]) {\n          display: block;\n        }*/\n        }\n      </style>\n      <relative-heading\n        hidden$=\"[[!label]]\"\n        id=\"heading\"\n        subtopic-of$=\"[[subtopicOf]]\"\n        tag$=\"[[tag]]\"\n        text$=\"[[label]]\"\n      >\n      </relative-heading>\n      <div id=\"desc\"><slot name=\"desc\"></slot></div>\n      <div id=\"svg\"></div>\n      <div id=\"buttons\"></div>\n      <slot></slot>\n      <iron-ajax\n        auto=\"\"\n        id=\"get_svg\"\n        url=\"[[src]]\"\n        handle-as=\"text\"\n        on-response=\"_getSVGHandler\"\n      ></iron-ajax>\n    "], ["\n      <style>\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        /*::slotted([hotspot]) {\n        display: none;\n      }*/\n        @media print {\n          :host > #svg {\n            display: none;\n          }\n          /*::slotted(#screen-only) {\n          display: none;\n        }\n        ::slotted([hotspot]) {\n          display: block;\n        }*/\n        }\n      </style>\n      <relative-heading\n        hidden\\$=\"[[!label]]\"\n        id=\"heading\"\n        subtopic-of\\$=\"[[subtopicOf]]\"\n        tag\\$=\"[[tag]]\"\n        text\\$=\"[[label]]\"\n      >\n      </relative-heading>\n      <div id=\"desc\"><slot name=\"desc\"></slot></div>\n      <div id=\"svg\"></div>\n      <div id=\"buttons\"></div>\n      <slot></slot>\n      <iron-ajax\n        auto=\"\"\n        id=\"get_svg\"\n        url=\"[[src]]\"\n        handle-as=\"text\"\n        on-response=\"_getSVGHandler\"\n      ></iron-ajax>\n    "]);
 
-    _templateObject_828e6cb022d211eaa0764d1a500fd781 = function _templateObject_828e6cb022d211eaa0764d1a500fd781() {
+    _templateObject_3d3982e0243411ea86f395335a802507 = function _templateObject_3d3982e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -234,7 +234,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_828e6cb022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3d3982e0243411ea86f395335a802507());
       }
     }, {
       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 6961d93c428..3c7a9f59df5 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../lrndes
   });
   _exports.LrndesignMapmenuHeader = void 0;
 
-  function _templateObject_930f473022d211eaa0764d1a500fd781() {
+  function _templateObject_4defc540243411ea86f395335a802507() {
     var data = 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          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        }\n        lrndesign-avatar ::slotted(*) {\n          transform: translateY(2px);\n        }\n        #title {\n          font-size: 19.2px;\n        }\n        #right iron-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            <iron-icon icon=\"arrow-drop-down\"></iron-icon>\n          </template>\n          <template is=\"dom-if\" if=\"[[opened]]\">\n            <iron-icon icon=\"arrow-drop-up\"></iron-icon>\n          </template>\n        </div>\n      </div>\n    "]);
 
-    _templateObject_930f473022d211eaa0764d1a500fd781 = function _templateObject_930f473022d211eaa0764d1a500fd781() {
+    _templateObject_4defc540243411ea86f395335a802507 = function _templateObject_4defc540243411ea86f395335a802507() {
       return data;
     };
 
@@ -36,7 +36,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../lrndes
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_930f473022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4defc540243411ea86f395335a802507());
       }
     }, {
       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 c8ae3f6cc2a..48e08526a47 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,30 +6,30 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/iro
   });
   _exports.LrndesignMapmenuItem = void 0;
 
-  function _templateObject3_9310f4e022d211eaa0764d1a500fd781() {
+  function _templateObject3_4e0dd490243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --lrndesign-mapmenu-item-height: 16px;\n        }\n        iron-icon {\n          --iron-icon-height: var(--lrndesign-mapmenu-item-height);\n          display: inline-flex;\n        }\n      "]);
 
-    _templateObject3_9310f4e022d211eaa0764d1a500fd781 = function _templateObject3_9310f4e022d211eaa0764d1a500fd781() {
+    _templateObject3_4e0dd490243411ea86f395335a802507 = function _templateObject3_4e0dd490243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_9310f4e022d211eaa0764d1a500fd781() {
+  function _templateObject2_4e0dd490243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <iron-icon icon=\"", "\"></iron-icon>\n          "]);
 
-    _templateObject2_9310f4e022d211eaa0764d1a500fd781 = function _templateObject2_9310f4e022d211eaa0764d1a500fd781() {
+    _templateObject2_4e0dd490243411ea86f395335a802507 = function _templateObject2_4e0dd490243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9310f4e022d211eaa0764d1a500fd781() {
+  function _templateObject_4e0dd490243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <span id=\"title\">", "</span>\n    "]);
 
-    _templateObject_9310f4e022d211eaa0764d1a500fd781 = function _templateObject_9310f4e022d211eaa0764d1a500fd781() {
+    _templateObject_4e0dd490243411ea86f395335a802507 = function _templateObject_4e0dd490243411ea86f395335a802507() {
       return data;
     };
 
@@ -43,7 +43,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/iro
     babelHelpers.createClass(LrndesignMapmenuItem, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9310f4e022d211eaa0764d1a500fd781(), this.icon ? (0, _litElement.html)(_templateObject2_9310f4e022d211eaa0764d1a500fd781(), this.icon) : "", this.title);
+        return (0, _litElement.html)(_templateObject_4e0dd490243411ea86f395335a802507(), this.icon ? (0, _litElement.html)(_templateObject2_4e0dd490243411ea86f395335a802507(), this.icon) : "", this.title);
       }
     }], [{
       key: "styles",
@@ -52,7 +52,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/iro
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_9310f4e022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_4e0dd490243411ea86f395335a802507())];
       }
     }, {
       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 8e9eedad493..9843b438ec4 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,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pol
   });
   _exports.LrndesignMapmenuSubmenu = void 0;
 
-  function _templateObject2_9313db1022d211eaa0764d1a500fd781() {
+  function _templateObject2_4e10bac0243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject2_9313db1022d211eaa0764d1a500fd781 = function _templateObject2_9313db1022d211eaa0764d1a500fd781() {
+    _templateObject2_4e10bac0243411ea86f395335a802507 = function _templateObject2_4e10bac0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9313db1022d211eaa0764d1a500fd781() {
+  function _templateObject_4e10bac0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <lrndesign-mapmenu-header\n        @click=\"", "\"\n        avatar-label=\"", "\"\n        title=\"", "\"\n        label=\"", "\"\n        ?opened=\"", "\"\n      ></lrndesign-mapmenu-header>\n      <iron-collapse id=\"container\"> <slot></slot> </iron-collapse>\n    "]);
 
-    _templateObject_9313db1022d211eaa0764d1a500fd781 = function _templateObject_9313db1022d211eaa0764d1a500fd781() {
+    _templateObject_4e10bac0243411ea86f395335a802507 = function _templateObject_4e10bac0243411ea86f395335a802507() {
       return data;
     };
 
@@ -33,7 +33,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pol
     babelHelpers.createClass(LrndesignMapmenuSubmenu, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9313db1022d211eaa0764d1a500fd781(), this._headerClickHandler, this.avatarLabel, this.title, this.label, this.opened);
+        return (0, _litElement.html)(_templateObject_4e10bac0243411ea86f395335a802507(), this._headerClickHandler, this.avatarLabel, this.title, this.label, this.opened);
       }
     }, {
       key: "_openChanged",
@@ -56,7 +56,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/pol
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_9313db1022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4e10bac0243411ea86f395335a802507())];
       }
     }, {
       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 e1b3bb03469..0b62debd013 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,10 +6,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "./lib/lrndesign
   });
   _exports.LrndesignMapmenu = void 0;
 
-  function _templateObject_829dfd1022d211eaa0764d1a500fd781() {
+  function _templateObject_3d484ff0243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_829dfd1022d211eaa0764d1a500fd781 = function _templateObject_829dfd1022d211eaa0764d1a500fd781() {
+    _templateObject_3d484ff0243411ea86f395335a802507 = function _templateObject_3d484ff0243411ea86f395335a802507() {
       return data;
     };
 
@@ -35,7 +35,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "./lib/lrndesign
     babelHelpers.createClass(LrndesignMapmenu, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_829dfd1022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3d484ff0243411ea86f395335a802507());
       }
     }, {
       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 46c58588036..8351af978e8 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
@@ -11,10 +11,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_82bbbe4022d211eaa0764d1a500fd781() {
+  function _templateObject_3d585580243411ea86f395335a802507() {
     var data = 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        }\n\n        h3 {\n          padding: 0;\n          margin: 0 0 8px 0;\n        }\n      </style>\n      <aside>\n        <paper-card elevation=\"[[elevation]]\">\n          <div class=\"card-panel\">\n            <h3>[[title]]</h3>\n            <span><slot></slot></span>\n          </div>\n        </paper-card>\n      </aside>\n    "]);
 
-    _templateObject_82bbbe4022d211eaa0764d1a500fd781 = function _templateObject_82bbbe4022d211eaa0764d1a500fd781() {
+    _templateObject_3d585580243411ea86f395335a802507 = function _templateObject_3d585580243411ea86f395335a802507() {
       return data;
     };
 
@@ -46,7 +46,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
     babelHelpers.createClass(LrndesignPanelcard, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_82bbbe4022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3d585580243411ea86f395335a802507());
       }
     }, {
       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 549a1e1f587..8d705833e6c 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
@@ -11,10 +11,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_82d44f5022d211eaa0764d1a500fd781() {
+  function _templateObject_3d7f3e70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\n        :host {\n          display: block;\n          font-size: 14px;\n          --lrndesign-paperstack-bg: var(--simple-colors-default-theme-grey-1);\n          --lrndesign-paperstack-faded-bg: var(\n            --simple-colors-default-theme-grey-2\n          );\n          --lrndesign-paperstack-border: var(\n            --simple-colors-default-theme-grey-4\n          );\n          --lrndesign-paperstack-shadow: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --lrndesign-paperstack-accent: var(\n            --simple-colors-default-theme-accent-8\n          );\n          --lrndesign-paperstack-text: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --lrndesign-paperstack-heading-font: cursive;\n        }\n        :host([dark]) {\n          --lrndesign-paperstack-bg: var(\n            --simple-colors-default-theme-accent-4\n          );\n          --lrndesign-paperstack-faded-bg: var(\n            --simple-colors-default-theme-accent-3\n          );\n          --lrndesign-paperstack-border: var(\n            --simple-colors-default-theme-accent-1\n          );\n          --lrndesign-paperstack-shadow: var(\n            --simple-colors-default-theme-grey-1\n          );\n          --lrndesign-paperstack-accent: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --lrndesign-paperstack-text: var(\n            --simple-colors-default-theme-grey-12\n          );\n        }\n        .stack {\n          width: 100%;\n          position: relative;\n          display: flex;\n          flex-direction: column;\n          align-items: stretch;\n        }\n        .paper {\n          min-height: 160px;\n          width: 80%;\n          padding: 12px 24px;\n          position: absolute;\n          flex: 1 1 auto;\n          left: 0;\n          top: 0;\n          box-shadow: 0 0 1px var(--lrndesign-paperstack-shadow);\n          border: 1px solid var(--lrndesign-paperstack-border);\n        }\n        .paper:first-of-type {\n          left: -0.32px;\n          top: 0.32px;\n          transform: rotate(-2.5deg);\n          background-color: var(--lrndesign-paperstack-faded-bg);\n        }\n        .paper:nth-of-type(2) {\n          right: -0.32px;\n          top: 1.6px;\n          transform: rotate(1.4deg);\n          background-color: var(--lrndesign-paperstack-faded-bg);\n        }\n        .front {\n          flex: 0 0 100%;\n          position: relative;\n          margin-bottom: 48px;\n          background-color: var(--lrndesign-paperstack-bg);\n          color: var(--lrndesign-paperstack-text);\n        }\n\n        iron-icon {\n          width: 40px;\n          height: 40px;\n          margin: 4px;\n          color: var(--lrndesign-paperstack-bg);\n        }\n        .heading {\n          display: flex;\n          align-items: center;\n        }\n        .icon-container {\n          width: 48px;\n          height: 48px;\n          border-radius: 50%;\n          background-color: var(--lrndesign-paperstack-accent);\n          margin-right: 8px;\n          display: flex;\n          align-items: center;\n        }\n        .title {\n          font-size: 16px;\n          color: var(--lrndesign-paperstack-accent);\n          font-family: var(--lrndesign-paperstack-heading-font);\n        }\n      </style>\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              <iron-icon icon=\"[[icon]]\"></iron-icon>\n            </div>\n            <span class=\"title\">[[title]]</span>\n          </div>\n          <p><slot></slot></p>\n        </div>\n      </div>\n    "]);
 
-    _templateObject_82d44f5022d211eaa0764d1a500fd781 = function _templateObject_82d44f5022d211eaa0764d1a500fd781() {
+    _templateObject_3d7f3e70243411ea86f395335a802507 = function _templateObject_3d7f3e70243411ea86f395335a802507() {
       return data;
     };
 
@@ -50,7 +50,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
     babelHelpers.createClass(LrndesignPaperstack, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_82d44f5022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3d7f3e70243411ea86f395335a802507());
       }
     }, {
       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 ca051003583..7f7379d2d6d 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
@@ -6,10 +6,10 @@ define(["exports", "../../lit-element/lit-element.js", "../../@polymer/iron-icon
   });
   _exports.LrndesignSidenote = void 0;
 
-  function _templateObject_82fc22a022d211eaa0764d1a500fd781() {
+  function _templateObject_3d9efb70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          --container-bg-color: lightgray;\n          --container-text-color: black;\n          --container-padding: 16px;\n          --container-outset: 0;\n          @apply --host-styles;\n        }\n\n        #container {\n          display: block;\n          background: var(--container-bg-color);\n          color: var(--container-text-color);\n          padding: var(--container-padding);\n          margin-left: -var(--container-outset);\n          @apply --container-styles;\n        }\n\n        #header {\n          display: flex;\n          align-items: center;\n          @apply --container-header;\n        }\n\n        #icon {\n          margin-right: 8px;\n          @apply --icon-styles;\n        }\n\n        #label {\n          font-size: 20.8px;\n          margin: 12.8px 0;\n          flex: 1 1 auto;\n          @apply --label-styles;\n        }\n      </style>\n      <div id=\"container\" style=\"", "\">\n        <div id=\"header\">\n          <iron-icon id=\"icon\" icon=", "></iron-icon>\n          <div id=\"label\">", "</div>\n        </div>\n        <slot></slot>\n      </div>\n    "]);
 
-    _templateObject_82fc22a022d211eaa0764d1a500fd781 = function _templateObject_82fc22a022d211eaa0764d1a500fd781() {
+    _templateObject_3d9efb70243411ea86f395335a802507 = function _templateObject_3d9efb70243411ea86f395335a802507() {
       return data;
     };
 
@@ -100,7 +100,7 @@ define(["exports", "../../lit-element/lit-element.js", "../../@polymer/iron-icon
       key: "render",
       value: function render() {
         var inlineStyle = this.bgColor ? "background-color:".concat(this.bgColor, ";") : "";
-        return (0, _litElement.html)(_templateObject_82fc22a022d211eaa0764d1a500fd781(), inlineStyle, this.icon, this.label);
+        return (0, _litElement.html)(_templateObject_3d9efb70243411ea86f395335a802507(), inlineStyle, this.icon, this.label);
       }
     }], [{
       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 4164fd0eb80..aa5e8f1a420 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.LrndesignStepperButton = void 0;
 
-  function _templateObject_93175d8022d211eaa0764d1a500fd781() {
+  function _templateObject_4e13a0f0243411ea86f395335a802507() {
     var data = 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          --iron-icon-height: 35px;\n          --iron-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        paper-button {\n          width: 100%;\n          position: relative;\n        }\n\n        paper-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        paper-button:active,\n        paper-button:focus {\n          background-color: var(--lrndesign-stepper-btn-active);\n        }\n        paper-button:focus iron-icon {\n          color: black;\n        }\n\n        paper-button:active:after,\n        paper-button:focus:after {\n          border-color: var(--lrndesign-border-color);\n        }\n\n        paper-button {\n          --paper-button: {\n            border-radius: 0;\n            padding: 0;\n          }\n        }\n      </style>\n\n      <template is=\"dom-if\" if=\"{{hasCollapse(collapsible, 1)}}\">\n        <paper-button noink=\"\" on-click=\"collapseToggle\">\n          <div class=\"box-container\">\n            <div class=\"top-line\"></div>\n            <div class=\"stepper-btn\">\n              <iron-icon icon=\"[[icon]]\" class=\"btn-icon\"></iron-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        </paper-button>\n        <iron-collapse>\n          <div><slot></slot></div>\n        </iron-collapse>\n      </template>\n      <template is=\"dom-if\" if=\"{{hasCollapse(collapsible, 0)}}\">\n        <a tabindex=\"-1\" href=\"[[url]]\" class=\"url-style\">\n          <paper-button class=\"btn\" noink=\"\">\n            <div class=\"box-container\">\n              <div class=\"top-line\"></div>\n              <div class=\"stepper-btn\">\n                <iron-icon icon=\"[[icon]]\" class=\"btn-icon\"></iron-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          </paper-button>\n        </a>\n        <slot></slot>\n      </template>\n    "]);
 
-    _templateObject_93175d8022d211eaa0764d1a500fd781 = function _templateObject_93175d8022d211eaa0764d1a500fd781() {
+    _templateObject_4e13a0f0243411ea86f395335a802507 = function _templateObject_4e13a0f0243411ea86f395335a802507() {
       return data;
     };
 
@@ -72,7 +72,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_93175d8022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4e13a0f0243411ea86f395335a802507());
       }
     }, {
       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 3183d58dc40..c8f56b0cb23 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
@@ -7,10 +7,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
   _exports.LrndesignStepper = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_8330520022d211eaa0764d1a500fd781() {
+  function _templateObject_3dc34c50243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <div class=\"buttons\"><slot></slot></div>\n    "]);
 
-    _templateObject_8330520022d211eaa0764d1a500fd781 = function _templateObject_8330520022d211eaa0764d1a500fd781() {
+    _templateObject_3dc34c50243411ea86f395335a802507 = function _templateObject_3dc34c50243411ea86f395335a802507() {
       return data;
     };
 
@@ -66,7 +66,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8330520022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3dc34c50243411ea86f395335a802507());
       }
     }, {
       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 9d0ab4da461..b5f04bd4751 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
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../simple-color
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8367408022d211eaa0764d1a500fd781() {
+  function _templateObject_3dfe8090243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\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        :host([dark]) {\n          --lrndesign-timeline-background: #1b1b1b;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host #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        :host #events {\n          padding: 0;\n          width: 100%;\n          min-height: 300px;\n        }\n        :host .heading {\n          margin: 0;\n          color: var(--lrndesign-timeline-accent-print);\n        }\n        :host .heading h2 {\n          font-size: 24px;\n          font-weight: 300;\n        }\n        :host .heading h2,\n        :host .details,\n        :host .media {\n          padding: 0 40px;\n        }\n        :host .details {\n          margin: 15px 0;\n        }\n        :host .media {\n          opacity: 1;\n          transition: opacity 0.5s;\n        }\n        :host .media,\n        :host .media * {\n          margin: 0 auto;\n          max-width: 100%;\n          max-height: 260px;\n        }\n        @media screen {\n          :host #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          :host([dark]) #timeline {\n            background-color: var(--lrndesign-timeline-background);\n          }\n          :host h2 {\n            color: var(--lrndesign-timeline-header-accent);\n          }\n          :host(:not([timeline-size=\"xs\"])) #timeline {\n            background-color: var(--lrndesign-timeline-background);\n          }\n          :host(:not([timeline-size=\"xs\"])) h2 {\n            color: var(--lrndesign-timeline-header-accent);\n          }\n          :host(:not([timeline-size=\"xs\"])) #events {\n            height: 300px;\n            position: relative;\n            overflow-y: scroll;\n          }\n          :host(:not([timeline-size=\"xs\"])) .event {\n            position: static;\n            top: 0;\n          }\n          :host(:not([timeline-size=\"xs\"])) .event-overview {\n            padding: 0;\n            position: sticky;\n            top: 0;\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          :host(:not([timeline-size=\"xs\"]))\n            .event[has-media][selected]\n            .heading {\n            z-index: 2;\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          :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          :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-header-accent);\n            color: var(--lrndesign-timeline-header);\n            opacity: 0.6;\n            transition: opacity 0.3s;\n          }\n          :host(:not([timeline-size=\"xs\"])) .event[selected] .heading h2 {\n            opacity: 1;\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            width: 0px;\n            transition: all 0.3s;\n            background-color: var(--lrndesign-timeline-background);\n          }\n          :host(:not([timeline-size=\"xs\"]))\n            .event[has-media][selected]\n            .heading\n            h2:after {\n            width: 13px;\n            background-color: var(--lrndesign-timeline-header-accent);\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          :host(:not([timeline-size=\"xs\"])) .media {\n            display: flex;\n            padding: 20px 20px 20px 50px;\n            opacity: 0;\n            transition: opacity 0.3s delay 0.3s;\n          }\n          :host(:not([timeline-size=\"xs\"])) .event[selected] .media {\n            opacity: 1;\n            transition-delay: 0s;\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          :host(:not([timeline-size=\"xs\"])) .event:last-of-type .details {\n            min-height: 180px;\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          :host(:not([timeline-size=\"xs\"]))\n            .event:first-of-type[selected]\n            .details {\n            border-top: 1px solid var(--lrndesign-timeline-background);\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      </style>\n      <style include=\"simple-colors-shared-styles-polymer\"></style>\n      <article>\n        <h1 id=\"title\">[[title]]</h1>\n        <slot></slot>\n        <div id=\"timeline\">\n          <div id=\"events\" on-scroll=\"_onScroll\">\n            <template\n              id=\"repeat\"\n              is=\"dom-repeat\"\n              items=\"[[__events]]\"\n              as=\"event\"\n              index-as=\"index\"\n              restamp\n            >\n              <section class=\"event\" has-media$=\"[[_isSet(event.imagesrc)]]\">\n                <div class=\"event-overview\">\n                  <div class=\"heading\"><h2>[[event.heading]]</h2></div>\n                  <div class=\"media-outer\">\n                    <template\n                      is=\"dom-if\"\n                      if=\"[[_isSet(event.imagesrc)]]\"\n                      restamp\n                    >\n                      <div class=\"media\">\n                        <div>\n                          <image\n                            alt$=\"[[event.imagealt]]\"\n                            src$=\"[[event.imagesrc]]\"\n                          />\n                        </div>\n                      </div>\n                    </template>\n                  </div>\n                </div>\n                <div class=\"details\">[[event.details]]</div>\n              </section>\n            </template>\n          </div>\n        </div>\n      </article>\n    "]);
 
-    _templateObject_8367408022d211eaa0764d1a500fd781 = function _templateObject_8367408022d211eaa0764d1a500fd781() {
+    _templateObject_3dfe8090243411ea86f395335a802507 = function _templateObject_3dfe8090243411ea86f395335a802507() {
       return data;
     };
 
@@ -139,7 +139,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../simple-color
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8367408022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3dfe8090243411ea86f395335a802507());
       } // haxProperty definition
 
     }, {
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 d67739584e3..fa10a85789d 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
@@ -7,10 +7,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
   _exports.LrnsysButton = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_8390c18022d211eaa0764d1a500fd781() {
+  function _templateObject_3e2bf930243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles-colors\">\n        :host {\n          display: block;\n          @apply --paper-font-common-base;\n          @apply --paper-button;\n          --lrnsys-button-height: 48px;\n        }\n        a {\n          text-decoration: none;\n          display: block;\n          color: var(--lrnsys-button-link-color, #000000);\n          display: flex;\n        }\n        paper-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        }\n        .no-padding {\n          padding: 0;\n        }\n        paper-button iron-icon {\n          height: var(--lrnsys-button-height);\n          margin: 0 4px;\n        }\n        paper-button iron-icon:first-child {\n          margin: 0 4px 0 0;\n        }\n        paper-button iron-icon:last-child {\n          margin: 0 0 0 4px;\n        }\n        paper-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        paper-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      </style>\n      <a\n        tabindex=\"-1\"\n        id=\"lrnsys-button-link\"\n        href$=\"[[showHref]]\"\n        target$=\"[[target]]\"\n      >\n        <paper-button\n          id=\"button\"\n          title=\"[[alt]]\"\n          raised=\"[[raised]]\"\n          class$=\"[[buttonClass]] [[color]] [[textColor]]\"\n          disabled$=\"[[disabled]]\"\n        >\n          <div class$=\"inner [[innerClass]]\">\n            <slot name=\"prefix\"></slot>\n            <iron-icon\n              icon=\"[[icon]]\"\n              id=\"icon\"\n              class$=\"[[iconClass]]\"\n              hidden$=\"[[!icon]]\"\n            ></iron-icon>\n            <span class=\"label\" hidden$=\"[[!label]]\"> [[label]] </span>\n            <slot></slot>\n          </div>\n        </paper-button>\n      </a>\n      <paper-tooltip\n        for=\"lrnsys-button-link\"\n        animation-delay=\"0\"\n        hidden$=\"[[!alt]]\"\n        >[[alt]]</paper-tooltip\n      >\n    "], ["\n      <style include=\"materializecss-styles-colors\">\n        :host {\n          display: block;\n          @apply --paper-font-common-base;\n          @apply --paper-button;\n          --lrnsys-button-height: 48px;\n        }\n        a {\n          text-decoration: none;\n          display: block;\n          color: var(--lrnsys-button-link-color, #000000);\n          display: flex;\n        }\n        paper-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        }\n        .no-padding {\n          padding: 0;\n        }\n        paper-button iron-icon {\n          height: var(--lrnsys-button-height);\n          margin: 0 4px;\n        }\n        paper-button iron-icon:first-child {\n          margin: 0 4px 0 0;\n        }\n        paper-button iron-icon:last-child {\n          margin: 0 0 0 4px;\n        }\n        paper-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        paper-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      </style>\n      <a\n        tabindex=\"-1\"\n        id=\"lrnsys-button-link\"\n        href\\$=\"[[showHref]]\"\n        target\\$=\"[[target]]\"\n      >\n        <paper-button\n          id=\"button\"\n          title=\"[[alt]]\"\n          raised=\"[[raised]]\"\n          class\\$=\"[[buttonClass]] [[color]] [[textColor]]\"\n          disabled\\$=\"[[disabled]]\"\n        >\n          <div class\\$=\"inner [[innerClass]]\">\n            <slot name=\"prefix\"></slot>\n            <iron-icon\n              icon=\"[[icon]]\"\n              id=\"icon\"\n              class\\$=\"[[iconClass]]\"\n              hidden\\$=\"[[!icon]]\"\n            ></iron-icon>\n            <span class=\"label\" hidden\\$=\"[[!label]]\"> [[label]] </span>\n            <slot></slot>\n          </div>\n        </paper-button>\n      </a>\n      <paper-tooltip\n        for=\"lrnsys-button-link\"\n        animation-delay=\"0\"\n        hidden\\$=\"[[!alt]]\"\n        >[[alt]]</paper-tooltip\n      >\n    "]);
 
-    _templateObject_8390c18022d211eaa0764d1a500fd781 = function _templateObject_8390c18022d211eaa0764d1a500fd781() {
+    _templateObject_3e2bf930243411ea86f395335a802507 = function _templateObject_3e2bf930243411ea86f395335a802507() {
       return data;
     };
 
@@ -201,7 +201,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8390c18022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3e2bf930243411ea86f395335a802507());
       }
     }, {
       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 41f67136070..6bf7aa09eb7 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,10 +6,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@vowo/cha
   });
   _exports.LrnsysChartjs = void 0;
 
-  function _templateObject_83c5db4022d211eaa0764d1a500fd781() {
+  function _templateObject_3e692940243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_83c5db4022d211eaa0764d1a500fd781 = function _templateObject_83c5db4022d211eaa0764d1a500fd781() {
+    _templateObject_3e692940243411ea86f395335a802507 = function _templateObject_3e692940243411ea86f395335a802507() {
       return data;
     };
 
@@ -64,7 +64,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@vowo/cha
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_83c5db4022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3e692940243411ea86f395335a802507());
       }
     }, {
       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 326e821f34c..00d07b29e62 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.LrnsysCommentList = void 0;
 
-  function _templateObject_931f4cc022d211eaa0764d1a500fd781() {
+  function _templateObject_4e1bde50243411ea86f395335a802507() {
     var data = 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          min-width: 125px;\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          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        <dropdown-select\n          id=\"filtertype\"\n          label=\"Filter Comments by\"\n          value=\"attributes.body\"\n        >\n          <paper-item value=\"attributes.body\">Body</paper-item>\n          <paper-item value=\"relationships.author.data.name\"\n            >User Name</paper-item\n          >\n        </dropdown-select>\n        <paper-input\n          label=\"Filter 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=\"\"\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    "], ["\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          min-width: 125px;\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          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        <dropdown-select\n          id=\"filtertype\"\n          label=\"Filter Comments by\"\n          value=\"attributes.body\"\n        >\n          <paper-item value=\"attributes.body\">Body</paper-item>\n          <paper-item value=\"relationships.author.data.name\"\n            >User Name</paper-item\n          >\n        </dropdown-select>\n        <paper-input\n          label=\"Filter 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=\"\"\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    "]);
 
-    _templateObject_931f4cc022d211eaa0764d1a500fd781 = function _templateObject_931f4cc022d211eaa0764d1a500fd781() {
+    _templateObject_4e1bde50243411ea86f395335a802507 = function _templateObject_4e1bde50243411ea86f395335a802507() {
       return data;
     };
 
@@ -88,7 +88,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_931f4cc022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4e1bde50243411ea86f395335a802507());
       }
     }, {
       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 940b9ae4d09..6ecc6f50c14 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
@@ -8,10 +8,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
   _require = babelHelpers.interopRequireWildcard(_require);
   async = babelHelpers.interopRequireWildcard(async);
 
-  function _templateObject_8913474022d211eaa0764d1a500fd781() {
+  function _templateObject_44029260243411ea86f395335a802507() {
     var data = 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        .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        }\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        }\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        .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        }\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            <paper-tooltip\n              for=\"avatar\"\n              animation-delay=\"0\"\n              class=\"ferpa-protect\"\n              >[[displayName]]</paper-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                  data-commentid=\"[[comment.id]]\"\n                  alt=\"Reply\"\n                  icon=\"reply\"\n                  hover-class=\"[[hoverClass]]\"\n                  icon-class=\"grey-text no-margin\"\n                  hidden$=\"[[!comment.actions.reply]]\"\n                ></lrnsys-button>\n                <lrnsys-button\n                  on-click=\"actionHandler\"\n                  id=\"like\"\n                  data-commentid=\"[[comment.id]]\"\n                  alt=\"Like\"\n                  icon=\"thumb-up\"\n                  hover-class=\"[[hoverClass]]\"\n                  icon-class=\"grey-text no-margin\"\n                  hidden$=\"[[!comment.actions.like]]\"\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                  alt=\"Edit\"\n                  hover-class=\"[[hoverClass]]\"\n                  icon-class=\"grey-text no-margin\"\n                  hidden$=\"[[!comment.actions.edit]]\"\n                ></lrnsys-button>\n                <lrnsys-button\n                  on-click=\"actionHandler\"\n                  id=\"delete\"\n                  data-commentid=\"[[comment.id]]\"\n                  icon=\"delete-forever\"\n                  alt=\"Delete\"\n                  hover-class=\"[[hoverClass]]\"\n                  icon-class=\"grey-text no-margin\"\n                  hidden$=\"[[!comment.actions.delete]]\"\n                ></lrnsys-button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    "], ["\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        .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        }\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        }\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        .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        }\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            <paper-tooltip\n              for=\"avatar\"\n              animation-delay=\"0\"\n              class=\"ferpa-protect\"\n              >[[displayName]]</paper-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                  data-commentid=\"[[comment.id]]\"\n                  alt=\"Reply\"\n                  icon=\"reply\"\n                  hover-class=\"[[hoverClass]]\"\n                  icon-class=\"grey-text no-margin\"\n                  hidden\\$=\"[[!comment.actions.reply]]\"\n                ></lrnsys-button>\n                <lrnsys-button\n                  on-click=\"actionHandler\"\n                  id=\"like\"\n                  data-commentid=\"[[comment.id]]\"\n                  alt=\"Like\"\n                  icon=\"thumb-up\"\n                  hover-class=\"[[hoverClass]]\"\n                  icon-class=\"grey-text no-margin\"\n                  hidden\\$=\"[[!comment.actions.like]]\"\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                  alt=\"Edit\"\n                  hover-class=\"[[hoverClass]]\"\n                  icon-class=\"grey-text no-margin\"\n                  hidden\\$=\"[[!comment.actions.edit]]\"\n                ></lrnsys-button>\n                <lrnsys-button\n                  on-click=\"actionHandler\"\n                  id=\"delete\"\n                  data-commentid=\"[[comment.id]]\"\n                  icon=\"delete-forever\"\n                  alt=\"Delete\"\n                  hover-class=\"[[hoverClass]]\"\n                  icon-class=\"grey-text no-margin\"\n                  hidden\\$=\"[[!comment.actions.delete]]\"\n                ></lrnsys-button>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    "]);
 
-    _templateObject_8913474022d211eaa0764d1a500fd781 = function _templateObject_8913474022d211eaa0764d1a500fd781() {
+    _templateObject_44029260243411ea86f395335a802507 = function _templateObject_44029260243411ea86f395335a802507() {
       return data;
     };
 
@@ -225,7 +225,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8913474022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_44029260243411ea86f395335a802507());
       }
     }, {
       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 29c58b12751..cf33322189d 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
@@ -7,50 +7,50 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
   _exports.LrnsysButtonInner = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject5_932232f022d211eaa0764d1a500fd781() {
+  function _templateObject5_4e1f39b0243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject5_932232f022d211eaa0764d1a500fd781 = function _templateObject5_932232f022d211eaa0764d1a500fd781() {
+    _templateObject5_4e1f39b0243411ea86f395335a802507 = function _templateObject5_4e1f39b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_932232f022d211eaa0764d1a500fd781() {
+  function _templateObject4_4e1f39b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <span class=\"", "\"\n                >", "</span\n              >\n            "]);
 
-    _templateObject4_932232f022d211eaa0764d1a500fd781 = function _templateObject4_932232f022d211eaa0764d1a500fd781() {
+    _templateObject4_4e1f39b0243411ea86f395335a802507 = function _templateObject4_4e1f39b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_932232f022d211eaa0764d1a500fd781() {
+  function _templateObject3_4e1f39b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <lrn-icon icon=\"", "\"></lrn-icon>\n            "]);
 
-    _templateObject3_932232f022d211eaa0764d1a500fd781 = function _templateObject3_932232f022d211eaa0764d1a500fd781() {
+    _templateObject3_4e1f39b0243411ea86f395335a802507 = function _templateObject3_4e1f39b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_932232f022d211eaa0764d1a500fd781() {
+  function _templateObject2_4e1f39b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <paper-avatar src=\"", "\"></paper-avatar>\n            "]);
 
-    _templateObject2_932232f022d211eaa0764d1a500fd781 = function _templateObject2_932232f022d211eaa0764d1a500fd781() {
+    _templateObject2_4e1f39b0243411ea86f395335a802507 = function _templateObject2_4e1f39b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_932232f022d211eaa0764d1a500fd781() {
+  function _templateObject_4e1f39b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        ", "\n        ", "\n        ", "\n      </div>\n      <div><slot name=\"button\"></slot><slot></slot></div>\n    "]);
 
-    _templateObject_932232f022d211eaa0764d1a500fd781 = function _templateObject_932232f022d211eaa0764d1a500fd781() {
+    _templateObject_4e1f39b0243411ea86f395335a802507 = function _templateObject_4e1f39b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -78,7 +78,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_932232f022d211eaa0764d1a500fd781(), this.avatar ? (0, _litElement.html)(_templateObject2_932232f022d211eaa0764d1a500fd781(), this.avatar) : "", this.icon ? (0, _litElement.html)(_templateObject3_932232f022d211eaa0764d1a500fd781(), this.icon) : "", this.text ? (0, _litElement.html)(_templateObject4_932232f022d211eaa0764d1a500fd781(), this._getTextLabelClass(this.avatar, this.icon), this.text) : "");
+        return (0, _litElement.html)(_templateObject_4e1f39b0243411ea86f395335a802507(), this.avatar ? (0, _litElement.html)(_templateObject2_4e1f39b0243411ea86f395335a802507(), this.avatar) : "", this.icon ? (0, _litElement.html)(_templateObject3_4e1f39b0243411ea86f395335a802507(), this.icon) : "", this.text ? (0, _litElement.html)(_templateObject4_4e1f39b0243411ea86f395335a802507(), this._getTextLabelClass(this.avatar, this.icon), this.text) : "");
       }
       /**
        * LitElement properties changed
@@ -125,7 +125,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject5_932232f022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject5_4e1f39b0243411ea86f395335a802507())];
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-collapselist-item.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-collapselist-item.js
index 6fcef2602d9..80d49b7962c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-collapselist-item.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-collapselist-item.js
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
   _exports.LrnsysCollapselistItem = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_9327d84022d211eaa0764d1a500fd781() {
+  function _templateObject2_4e21f8d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-button\n        @click=\"", "\"\n        id=\"collapse-trigger\"\n        aria-controls=\"collapse\"\n      >\n        <span class=\"collapse-label\"> <slot name=\"label\"></slot> </span>\n      </paper-button>\n      <iron-collapse\n        id=\"collapse\"\n        .opened=\"", "\"\n        @opened-changed=\"", "\"\n      >\n        <div class=\"collapse-content\"><slot name=\"content\"></slot></div>\n      </iron-collapse>\n    "]);
 
-    _templateObject2_9327d84022d211eaa0764d1a500fd781 = function _templateObject2_9327d84022d211eaa0764d1a500fd781() {
+    _templateObject2_4e21f8d0243411ea86f395335a802507 = function _templateObject2_4e21f8d0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9327d84022d211eaa0764d1a500fd781() {
+  function _templateObject_4e21f8d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          color: var(--lrnsys-collapselist-text-color, #000);\n        }\n        paper-button {\n          height: 48px;\n          padding: 0;\n          margin: 0;\n          min-width: 0.16px;\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: 0;\n          background-color: var(--lrnsys-collapselist-item-color, #fff);\n        }\n        paper-button span {\n          pointer-events: none;\n        }\n        .collapse-label {\n          padding: 12px 8px 4px 8px;\n          width: 100%;\n          height: 32px;\n        }\n        :host([opened]) #collapse {\n          border-top: 1px solid var(--lrnsys-collapselist-item-border, #bbb);\n          background-color: var(--lrnsys-collapselist-item-active-color, #eee);\n        }\n        :host([opened]) .collapse-label {\n          font-weight: bold;\n          background-color: var(--lrnsys-collapselist-item-active-color, #eee);\n        }\n        .collapse-content {\n          padding: 16px;\n        }\n      "]);
 
-    _templateObject_9327d84022d211eaa0764d1a500fd781 = function _templateObject_9327d84022d211eaa0764d1a500fd781() {
+    _templateObject_4e21f8d0243411ea86f395335a802507 = function _templateObject_4e21f8d0243411ea86f395335a802507() {
       return data;
     };
 
@@ -43,7 +43,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_9327d84022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4e21f8d0243411ea86f395335a802507())];
       }
       /**
        * HTMLElement
@@ -73,7 +73,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
     babelHelpers.createClass(LrnsysCollapselistItem, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9327d84022d211eaa0764d1a500fd781(), this.collapseToggle, this.opened, this.__openedChanged);
+        return (0, _litElement.html)(_templateObject2_4e21f8d0243411ea86f395335a802507(), this.collapseToggle, this.opened, this.__openedChanged);
       }
     }, {
       key: "__openedChanged",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-collapselist.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-collapselist.js
index a862be52063..6abdf057a96 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-collapselist.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrnsys-layout/lib/lrnsys-collapselist.js
@@ -7,30 +7,30 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
   _exports.LrnsysCollapselist = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject3_93247ce022d211eaa0764d1a500fd781() {
+  function _templateObject3_4e2442c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <li>\n              <lrnsys-collapselist-item>\n                <span slot=\"label\">\n                  <iron-icon icon=\"", "\"></iron-icon>\n                  <span class=\"collapse-label\">", "</span>\n                </span>\n                <span slot=\"content\"> ", " </span>\n              </lrnsys-collapselist-item>\n            </li>\n          "]);
 
-    _templateObject3_93247ce022d211eaa0764d1a500fd781 = function _templateObject3_93247ce022d211eaa0764d1a500fd781() {
+    _templateObject3_4e2442c0243411ea86f395335a802507 = function _templateObject3_4e2442c0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_93247ce022d211eaa0764d1a500fd781() {
+  function _templateObject2_4e2442c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <ul>\n        ", "\n      </ul>\n    "]);
 
-    _templateObject2_93247ce022d211eaa0764d1a500fd781 = function _templateObject2_93247ce022d211eaa0764d1a500fd781() {
+    _templateObject2_4e2442c0243411ea86f395335a802507 = function _templateObject2_4e2442c0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_93247ce022d211eaa0764d1a500fd781() {
+  function _templateObject_4e2442c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          background-color: var(--simple-colors-background1);\n          --lrnsys-collapselist-text-color: var(--simple-colors-foreground1);\n          --lrnsys-collapselist-item-color: var(--simple-colors-background1);\n          --lrnsys-collapselist-item-active-color: var(\n            --simple-colors-background2\n          );\n          --lrnsys-collapselist-item-border: var(--simple-colors-background5);\n        }\n        ul {\n          list-style-type: none;\n          margin: 0;\n          padding: 0;\n        }\n        ul li {\n          width: 100%;\n          border: 1px solid var(--lrnsys-collapselist-item-border);\n          margin-bottom: -1px;\n        }\n        ul li lrnsys-collapselist-item {\n          height: 32px;\n          padding: 8px;\n          margin: 0;\n          min-width: 0.16px;\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: 0;\n        }\n        ul li lrnsys-collapselist-item iron-icon,\n        ul li lrnsys-collapselist-item span {\n          pointer-events: none;\n        }\n        iron-icon {\n          display: inline-block;\n        }\n        .collapse-label {\n          margin-left: 8px;\n        }\n        .collapse-content {\n          padding: 16px;\n        }\n      "]);
 
-    _templateObject_93247ce022d211eaa0764d1a500fd781 = function _templateObject_93247ce022d211eaa0764d1a500fd781() {
+    _templateObject_4e2442c0243411ea86f395335a802507 = function _templateObject_4e2442c0243411ea86f395335a802507() {
       return data;
     };
 
@@ -52,7 +52,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_93247ce022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4e2442c0243411ea86f395335a802507())];
       }
       /**
        * HTMLElement
@@ -82,8 +82,8 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
     babelHelpers.createClass(LrnsysCollapselist, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_93247ce022d211eaa0764d1a500fd781(), this.items.map(function (row) {
-          return (0, _litElement.html)(_templateObject3_93247ce022d211eaa0764d1a500fd781(), row.icon, row.label, row.content);
+        return (0, _litElement.html)(_templateObject2_4e2442c0243411ea86f395335a802507(), this.items.map(function (row) {
+          return (0, _litElement.html)(_templateObject3_4e2442c0243411ea86f395335a802507(), row.icon, row.label, row.content);
         }));
       }
     }], [{
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 b8263626a89..c501817d6a4 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,20 +7,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
   _exports.LrnsysDialogToolbarButton = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_932a223022d211eaa0764d1a500fd781() {
+  function _templateObject2_4e277710243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n        iron-icon {\n          display: inline-block;\n          height: 16px;\n          width: 16px;\n        }\n      "]);
 
-    _templateObject2_932a223022d211eaa0764d1a500fd781 = function _templateObject2_932a223022d211eaa0764d1a500fd781() {
+    _templateObject2_4e277710243411ea86f395335a802507 = function _templateObject2_4e277710243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_932a223022d211eaa0764d1a500fd781() {
+  function _templateObject_4e277710243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-button\n        raised\n        @click=\"", "\"\n        id=\"", "\"\n        aria-label=\"", "\"\n      >\n        <iron-icon icon=\"", "\"></iron-icon> ", "\n      </paper-button>\n      <paper-tooltip for=\"", "\" animation-delay=\"0\"\n        >", "</paper-tooltip\n      >\n    "]);
 
-    _templateObject_932a223022d211eaa0764d1a500fd781 = function _templateObject_932a223022d211eaa0764d1a500fd781() {
+    _templateObject_4e277710243411ea86f395335a802507 = function _templateObject_4e277710243411ea86f395335a802507() {
       return data;
     };
 
@@ -38,7 +38,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_932a223022d211eaa0764d1a500fd781(), this._onTap, this.id, this.title, this.icon, this.title, this.id, this.title);
+        return (0, _litElement.html)(_templateObject_4e277710243411ea86f395335a802507(), this._onTap, this.id, this.title, this.icon, this.title, this.id, this.title);
       }
     }], [{
       key: "styles",
@@ -47,7 +47,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_932a223022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4e277710243411ea86f395335a802507())];
       }
     }, {
       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 2689b4a5ec9..79bca44520f 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,20 +7,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
   _exports.LrnsysDialogToolbar = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_932c6c2022d211eaa0764d1a500fd781() {
+  function _templateObject2_4e2a0f20243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject2_932c6c2022d211eaa0764d1a500fd781 = function _templateObject2_932c6c2022d211eaa0764d1a500fd781() {
+    _templateObject2_4e2a0f20243411ea86f395335a802507 = function _templateObject2_4e2a0f20243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_932c6c2022d211eaa0764d1a500fd781() {
+  function _templateObject_4e2a0f20243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_932c6c2022d211eaa0764d1a500fd781 = function _templateObject_932c6c2022d211eaa0764d1a500fd781() {
+    _templateObject_4e2a0f20243411ea86f395335a802507 = function _templateObject_4e2a0f20243411ea86f395335a802507() {
       return data;
     };
 
@@ -38,7 +38,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_932c6c2022d211eaa0764d1a500fd781(), !this._secondaryHasChildren);
+        return (0, _litElement.html)(_templateObject_4e2a0f20243411ea86f395335a802507(), !this._secondaryHasChildren);
       }
     }], [{
       key: "styles",
@@ -47,7 +47,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_932c6c2022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4e2a0f20243411ea86f395335a802507())];
       }
     }, {
       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 38bdb107956..3e7cffc307b 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_9333bf2022d211eaa0764d1a500fd781() {
+  function _templateObject2_4e316220243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-button\n        class=\"", "\"\n        id=\"dialogtrigger\"\n        @click=\"", "\"\n        ?raised=\"", "\"\n        ?disabled=\"", "\"\n        title=\"", "\"\n        aria-label=\"", "\"\n      >\n        <lrnsys-button-inner\n          avatar=\"", "\"\n          icon=\"", "\"\n          text=\"", "\"\n        >\n          <slot name=\"button\"></slot>\n        </lrnsys-button-inner>\n      </paper-button>\n      <paper-tooltip\n        for=\"dialogtrigger\"\n        animation-delay=\"0\"\n        ?hidden=\"", "\"\n        >", "</paper-tooltip\n      >\n    "]);
 
-    _templateObject2_9333bf2022d211eaa0764d1a500fd781 = function _templateObject2_9333bf2022d211eaa0764d1a500fd781() {
+    _templateObject2_4e316220243411ea86f395335a802507 = function _templateObject2_4e316220243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9333bf2022d211eaa0764d1a500fd781() {
+  function _templateObject_4e316220243411ea86f395335a802507() {
     var data = 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([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          margin: var(--lrnsys-dialog-button-margin);\n          padding: var(--lrnsys-dialog-button-padding);\n        }\n      "]);
 
-    _templateObject_9333bf2022d211eaa0764d1a500fd781 = function _templateObject_9333bf2022d211eaa0764d1a500fd781() {
+    _templateObject_4e316220243411ea86f395335a802507 = function _templateObject_4e316220243411ea86f395335a802507() {
       return data;
     };
 
@@ -47,7 +47,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrnsysDialog), "styles", this)), [(0, _litElement.css)(_templateObject_9333bf2022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrnsysDialog), "styles", this)), [(0, _litElement.css)(_templateObject_4e316220243411ea86f395335a802507())]);
       }
       /**
        * HTMLElement
@@ -89,7 +89,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
     babelHelpers.createClass(LrnsysDialog, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9333bf2022d211eaa0764d1a500fd781(), this.class, this.openDialog, this.raised, this.disabled, this.alt, this.alt, this.avatar, this.icon, this.text, !this.alt, this.alt);
+        return (0, _litElement.html)(_templateObject2_4e316220243411ea86f395335a802507(), this.class, this.openDialog, this.raised, this.disabled, this.alt, this.alt, this.avatar, this.icon, this.text, !this.alt, this.alt);
       }
     }, {
       key: "tapEventOn",
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 4c8845d4949..d918fbaec6b 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_933a4ed022d211eaa0764d1a500fd781() {
+  function _templateObject2_4e377ca0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-button\n        class=\"", "\"\n        id=\"flyouttrigger\"\n        @click=\"", "\"\n        ?raised=\"", "\"\n        ?disabled=\"", "\"\n        title=\"", "\"\n      >\n        <lrnsys-button-inner\n          avatar=\"", "\"\n          icon=\"", "\"\n          text=\"", "\"\n        >\n          <slot name=\"button\"></slot>\n        </lrnsys-button-inner>\n      </paper-button>\n      <paper-tooltip for=\"flyouttrigger\" animation-delay=\"0\"\n        >[[alt]]</paper-tooltip\n      >\n    "]);
 
-    _templateObject2_933a4ed022d211eaa0764d1a500fd781 = function _templateObject2_933a4ed022d211eaa0764d1a500fd781() {
+    _templateObject2_4e377ca0243411ea86f395335a802507 = function _templateObject2_4e377ca0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_933a4ed022d211eaa0764d1a500fd781() {
+  function _templateObject_4e377ca0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --lrnsys-drawer-color: var(--simple-colors-foreground1);\n          --lrnsys-drawer-background-color: var(--simple-colors-background1);\n        }\n        paper-button {\n          display: inline-block;\n          min-width: unset;\n          margin: var(--lrnsys-drawer-button-margin);\n          padding: var(--lrnsys-drawer-button-padding);\n        }\n      "]);
 
-    _templateObject_933a4ed022d211eaa0764d1a500fd781 = function _templateObject_933a4ed022d211eaa0764d1a500fd781() {
+    _templateObject_4e377ca0243411ea86f395335a802507 = function _templateObject_4e377ca0243411ea86f395335a802507() {
       return data;
     };
 
@@ -48,7 +48,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrnsysDrawer), "styles", this)), [(0, _litElement.css)(_templateObject_933a4ed022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(LrnsysDrawer), "styles", this)), [(0, _litElement.css)(_templateObject_4e377ca0243411ea86f395335a802507())]);
       }
       /**
        * HTMLElement
@@ -85,7 +85,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
     babelHelpers.createClass(LrnsysDrawer, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_933a4ed022d211eaa0764d1a500fd781(), this.class, this.toggleDrawer, this.raised, this.disabled, this.alt, this.avatar, this.icon, this.text);
+        return (0, _litElement.html)(_templateObject2_4e377ca0243411ea86f395335a802507(), this.class, this.toggleDrawer, this.raised, this.disabled, this.alt, this.avatar, this.icon, this.text);
       }
     }, {
       key: "firstUpdated",
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 0512e3de3d3..262cba81e91 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.LrnsysOutlineItem = void 0;
 
-  function _templateObject_9341a1d022d211eaa0764d1a500fd781() {
+  function _templateObject_4e400820243411ea86f395335a802507() {
     var data = 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        paper-icon-button {\n          font-size: 16px;\n          height: 36px;\n          padding: 10px;\n          margin: 4px;\n          display: none;\n          border-radius: 0.16px;\n        }\n        :host([focus-state]) paper-icon-button,\n        :host(:focus) paper-icon-button,\n        :host(:hover) paper-icon-button {\n          width: 36px;\n          display: inline-flex;\n        }\n        paper-icon-button#add {\n          width: 36px;\n          margin-right: 2px;\n          color: white;\n          background-color: var(--lrnsys-outline-add-button-color, #018dff);\n        }\n        paper-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        <paper-icon-button\n          id=\"down\"\n          title=\"Move downwards\"\n          icon=\"icons:arrow-downward\"\n          on-click=\"moveDown\"\n        ></paper-icon-button>\n        <paper-icon-button\n          id=\"left\"\n          title=\"Outdent\"\n          icon=\"icons:arrow-back\"\n          on-click=\"moveOut\"\n        ></paper-icon-button>\n        <paper-icon-button\n          id=\"right\"\n          title=\"Indent\"\n          icon=\"icons:arrow-forward\"\n          on-click=\"moveIn\"\n        ></paper-icon-button>\n        <paper-icon-button\n          id=\"up\"\n          title=\"Move upwards\"\n          icon=\"icons:arrow-upward\"\n          on-click=\"moveUp\"\n        ></paper-icon-button>\n        <paper-icon-button\n          id=\"add\"\n          title=\"Add Item\"\n          icon=\"icons:add\"\n          on-click=\"add\"\n        ></paper-icon-button>\n        <paper-icon-button\n          id=\"delete\"\n          title=\"Delete\"\n          icon=\"icons:delete\"\n          on-click=\"delete\"\n        ></paper-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    "]);
 
-    _templateObject_9341a1d022d211eaa0764d1a500fd781 = function _templateObject_9341a1d022d211eaa0764d1a500fd781() {
+    _templateObject_4e400820243411ea86f395335a802507 = function _templateObject_4e400820243411ea86f395335a802507() {
       return data;
     };
 
@@ -178,7 +178,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9341a1d022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4e400820243411ea86f395335a802507());
       }
     }, {
       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 5c5a37d35ab..49b8be01f9c 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,10 +8,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
   _require = babelHelpers.interopRequireWildcard(_require);
   async = babelHelpers.interopRequireWildcard(async);
 
-  function _templateObject_84715d8022d211eaa0764d1a500fd781() {
+  function _templateObject_3f1d5e10243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_84715d8022d211eaa0764d1a500fd781 = function _templateObject_84715d8022d211eaa0764d1a500fd781() {
+    _templateObject_3f1d5e10243411ea86f395335a802507 = function _templateObject_3f1d5e10243411ea86f395335a802507() {
       return data;
     };
 
@@ -499,7 +499,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_84715d8022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3f1d5e10243411ea86f395335a802507());
       }
     }, {
       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 0799d909d0f..8c2386b7d2c 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
@@ -11,10 +11,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_847d6b7022d211eaa0764d1a500fd781() {
+  function _templateObject_3f35a100243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_847d6b7022d211eaa0764d1a500fd781 = function _templateObject_847d6b7022d211eaa0764d1a500fd781() {
+    _templateObject_3f35a100243411ea86f395335a802507 = function _templateObject_3f35a100243411ea86f395335a802507() {
       return data;
     };
 
@@ -58,7 +58,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_847d6b7022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3f35a100243411ea86f395335a802507());
       }
     }, {
       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 d87fa9e5fc4..e808f8bb2fb 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,10 +7,10 @@ define(["exports", "meta", "../../../@polymer/polymer/polymer-element.js", "../.
   _exports.LrnsysProgressCircle = void 0;
   meta = babelHelpers.interopRequireWildcard(meta);
 
-  function _templateObject_934ac99022d211eaa0764d1a500fd781() {
+  function _templateObject_4e481e70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style is=\"custom-style\" include=\"paper-material-styles\">\n          :host {\n            --paper-button-ink-color: var(\n              --lrnsys-progress-color,\n              var(--paper-green-500)\n            );\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            --paper-button-ink-color: var(\n              --lrnsys-progress-complete-color,\n              var(--paper-green-500)\n            );\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          paper-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          iron-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            width: var(--lrnsys-progress-icon-size, 24px);\n            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 iron-icon:not(.activeIcon) {\n            width: calc(var(--lrnsys-progress-icon-size, 24px) - 8px);\n            height: calc(var(--lrnsys-progress-icon-size, 24px) - 8px);\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      <paper-tooltip\n        hidden$=\"[[!toolTip]]\"\n        for=\"button\"\n        position=\"bottom\"\n        offset=\"8\"\n        animation-delay=\"0\"\n      >\n        [[label]]\n      </paper-tooltip>\n      <paper-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            <iron-icon\n              id=\"icon\"\n              icon=\"[[activeIcon]]\"\n              hidden$=\"[[!activeIcon]]\"\n            ></iron-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      </paper-button>\n    "]);
 
-    _templateObject_934ac99022d211eaa0764d1a500fd781 = function _templateObject_934ac99022d211eaa0764d1a500fd781() {
+    _templateObject_4e481e70243411ea86f395335a802507 = function _templateObject_4e481e70243411ea86f395335a802507() {
       return data;
     };
 
@@ -102,7 +102,7 @@ define(["exports", "meta", "../../../@polymer/polymer/polymer-element.js", "../.
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_934ac99022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4e481e70243411ea86f395335a802507());
       }
     }, {
       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 e9a9945c578..ad7ecfe504f 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,10 +7,10 @@ define(["exports", "meta", "../../@polymer/polymer/polymer-element.js", "../../@
   _exports.LrnsysProgress = void 0;
   meta = babelHelpers.interopRequireWildcard(meta);
 
-  function _templateObject_84acdfe022d211eaa0764d1a500fd781() {
+  function _templateObject_3f59a3c0243411ea86f395335a802507() {
     var data = 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        paper-progress {\n          --paper-progress-height: 8px;\n          --paper-progress-transition-duration: 0.5s;\n          --paper-progress-transition-timing-function: ease;\n          --paper-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]) paper-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      <paper-progress\n        id=\"progress\"\n        value=\"[[overallPercentage]]\"\n      ></paper-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.location]]\"\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    "], ["\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        paper-progress {\n          --paper-progress-height: 8px;\n          --paper-progress-transition-duration: 0.5s;\n          --paper-progress-transition-timing-function: ease;\n          --paper-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]) paper-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      <paper-progress\n        id=\"progress\"\n        value=\"[[overallPercentage]]\"\n      ></paper-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.location]]\"\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    "]);
 
-    _templateObject_84acdfe022d211eaa0764d1a500fd781 = function _templateObject_84acdfe022d211eaa0764d1a500fd781() {
+    _templateObject_3f59a3c0243411ea86f395335a802507 = function _templateObject_3f59a3c0243411ea86f395335a802507() {
       return data;
     };
 
@@ -464,7 +464,7 @@ define(["exports", "meta", "../../@polymer/polymer/polymer-element.js", "../../@
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_84acdfe022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3f59a3c0243411ea86f395335a802507());
       }
     }, {
       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 76e276b212e..4517d20998a 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,10 +6,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
   });
   _exports.LrnsysRandomimage = void 0;
 
-  function _templateObject_84caef3022d211eaa0764d1a500fd781() {
+  function _templateObject_3fa48f70243411ea86f395335a802507() {
     var data = 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      <paper-button raised on-click=\"reload\">Reload</paper-button>\n    "]);
 
-    _templateObject_84caef3022d211eaa0764d1a500fd781 = function _templateObject_84caef3022d211eaa0764d1a500fd781() {
+    _templateObject_3fa48f70243411ea86f395335a802507 = function _templateObject_3fa48f70243411ea86f395335a802507() {
       return data;
     };
 
@@ -43,7 +43,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_84caef3022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3fa48f70243411ea86f395335a802507());
       }
     }, {
       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 0dc951bd3e3..2cffc4943e0 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,20 +6,20 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
   });
   _exports.LrnsysRenderHtml = void 0;
 
-  function _templateObject2_850d4f6022d211eaa0764d1a500fd781() {
+  function _templateObject2_3fbcab50243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject2_850d4f6022d211eaa0764d1a500fd781 = function _templateObject2_850d4f6022d211eaa0764d1a500fd781() {
+    _templateObject2_3fbcab50243411ea86f395335a802507 = function _templateObject2_3fbcab50243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_850d4f6022d211eaa0764d1a500fd781() {
+  function _templateObject_3fbcab50243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"container\"></div>\n    "]);
 
-    _templateObject_850d4f6022d211eaa0764d1a500fd781 = function _templateObject_850d4f6022d211eaa0764d1a500fd781() {
+    _templateObject_3fbcab50243411ea86f395335a802507 = function _templateObject_3fbcab50243411ea86f395335a802507() {
       return data;
     };
 
@@ -51,7 +51,7 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
     babelHelpers.createClass(LrnsysRenderHtml, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_850d4f6022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_3fbcab50243411ea86f395335a802507());
       }
     }, {
       key: "firstUpdated",
@@ -76,7 +76,7 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_850d4f6022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_3fbcab50243411ea86f395335a802507())];
       }
     }, {
       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 4b5a57d276b..80a0e69bd04 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
@@ -11,10 +11,10 @@ define(["exports", "meta", "../../@polymer/polymer/polymer-element.js", "../es-g
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_853019a022d211eaa0764d1a500fd781() {
+  function _templateObject_3fddeef0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <iron-ajax\n        auto\n        url=\"[[dataSource]]\"\n        method=\"[[method]]\"\n        handle-as=\"json\"\n        on-response=\"_dataResponse\"\n      ></iron-ajax>\n    "]);
 
-    _templateObject_853019a022d211eaa0764d1a500fd781 = function _templateObject_853019a022d211eaa0764d1a500fd781() {
+    _templateObject_3fddeef0243411ea86f395335a802507 = function _templateObject_3fddeef0243411ea86f395335a802507() {
       return data;
     };
 
@@ -41,7 +41,7 @@ define(["exports", "meta", "../../@polymer/polymer/polymer-element.js", "../es-g
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_853019a022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_3fddeef0243411ea86f395335a802507());
       } // properties available to the custom element for data binding
 
     }, {
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 898cda2a059..4fe6a4c1f59 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
   _exports.MagazineCover = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_853d390022d211eaa0764d1a500fd781() {
+  function _templateObject2_3ff6a710243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-image\n        src=\"", "\"\n        preload=\"\"\n        fade=\"\"\n        sizing=\"cover\"\n        id=\"image\"\n      ></iron-image>\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          <paper-button raised=\"\" id=\"action\">\n            <span id=\"label\"\n              >", "<iron-icon\n                id=\"icon\"\n                icon=\"", "\"\n                ?hidden=\"", "\"\n              ></iron-icon\n            ></span>\n          </paper-button>\n        </a>\n      </div>\n    "]);
 
-    _templateObject2_853d390022d211eaa0764d1a500fd781 = function _templateObject2_853d390022d211eaa0764d1a500fd781() {
+    _templateObject2_3ff6a710243411ea86f395335a802507 = function _templateObject2_3ff6a710243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_853d390022d211eaa0764d1a500fd781() {
+  function _templateObject_3ff6a710243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject_853d390022d211eaa0764d1a500fd781 = function _templateObject_853d390022d211eaa0764d1a500fd781() {
+    _templateObject_3ff6a710243411ea86f395335a802507 = function _templateObject_3ff6a710243411ea86f395335a802507() {
       return data;
     };
 
@@ -50,7 +50,7 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_853d390022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_3ff6a710243411ea86f395335a802507())];
       }
       /**
        * HTMLElement
@@ -90,7 +90,7 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
     babelHelpers.createClass(MagazineCover, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_853d390022d211eaa0764d1a500fd781(), this.image, !this.header, this.header, !this.subheader, this.subheader, !this.text, this.text, this.link, this._linkTapped, this.action, this.icon, !this.icon);
+        return (0, _litElement.html)(_templateObject2_3ff6a710243411ea86f395335a802507(), this.image, !this.header, this.header, !this.subheader, this.subheader, !this.text, this.text, this.link, this._linkTapped, this.action, this.icon, !this.icon);
       }
       /**
        * convention
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 6ecd32de2cc..ffcc77d38da 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,50 +7,50 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
   _exports.MapMenuBuilder = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject5_934e4c0022d211eaa0764d1a500fd781() {
+  function _templateObject5_4e4b2bb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                    <map-menu-item\n                      title=\"", "\"\n                      id=\"", "\"\n                      url=\"", "\"\n                      icon=\"", "\"\n                      track-icon=\"", "\"\n                      active-path=\"", "\"\n                      selected=\"", "\"\n                    ></map-menu-item>\n                  "]);
 
-    _templateObject5_934e4c0022d211eaa0764d1a500fd781 = function _templateObject5_934e4c0022d211eaa0764d1a500fd781() {
+    _templateObject5_4e4b2bb0243411ea86f395335a802507 = function _templateObject5_4e4b2bb0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_934e4c0022d211eaa0764d1a500fd781() {
+  function _templateObject4_4e4b2bb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                    <map-menu-submenu\n                      title=\"", "\"\n                      id=\"", "\"\n                      url=\"", "\"\n                      icon=\"", "\"\n                      open=\"", "\"\n                      avatar-label=\"", "\"\n                      selected=\"", "\"\n                    >\n                      <map-menu-builder\n                        .items=\"", "\"\n                        selected=\"", "\"\n                      ></map-menu-builder>\n                    </map-menu-submenu>\n                  "]);
 
-    _templateObject4_934e4c0022d211eaa0764d1a500fd781 = function _templateObject4_934e4c0022d211eaa0764d1a500fd781() {
+    _templateObject4_4e4b2bb0243411ea86f395335a802507 = function _templateObject4_4e4b2bb0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_934e4c0022d211eaa0764d1a500fd781() {
+  function _templateObject3_4e4b2bb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              ", "\n            "]);
 
-    _templateObject3_934e4c0022d211eaa0764d1a500fd781 = function _templateObject3_934e4c0022d211eaa0764d1a500fd781() {
+    _templateObject3_4e4b2bb0243411ea86f395335a802507 = function _templateObject3_4e4b2bb0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_934e4c0022d211eaa0764d1a500fd781() {
+  function _templateObject2_4e4b2bb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", "\n    "]);
 
-    _templateObject2_934e4c0022d211eaa0764d1a500fd781 = function _templateObject2_934e4c0022d211eaa0764d1a500fd781() {
+    _templateObject2_4e4b2bb0243411ea86f395335a802507 = function _templateObject2_4e4b2bb0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_934e4c0022d211eaa0764d1a500fd781() {
+  function _templateObject_4e4b2bb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject_934e4c0022d211eaa0764d1a500fd781 = function _templateObject_934e4c0022d211eaa0764d1a500fd781() {
+    _templateObject_4e4b2bb0243411ea86f395335a802507 = function _templateObject_4e4b2bb0243411ea86f395335a802507() {
       return data;
     };
 
@@ -68,7 +68,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_934e4c0022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4e4b2bb0243411ea86f395335a802507())];
       }
     }]);
 
@@ -96,8 +96,8 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject2_934e4c0022d211eaa0764d1a500fd781(), this.items ? this.items.map(function (item) {
-          return (0, _litElement.html)(_templateObject3_934e4c0022d211eaa0764d1a500fd781(), item.children.length > 0 ? (0, _litElement.html)(_templateObject4_934e4c0022d211eaa0764d1a500fd781(), item.title, item.id, item.location, 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.children, _this2.selected) : (0, _litElement.html)(_templateObject5_934e4c0022d211eaa0764d1a500fd781(), item.title, item.id, item.location, 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));
+        return (0, _litElement.html)(_templateObject2_4e4b2bb0243411ea86f395335a802507(), this.items ? this.items.map(function (item) {
+          return (0, _litElement.html)(_templateObject3_4e4b2bb0243411ea86f395335a802507(), item.children.length > 0 ? (0, _litElement.html)(_templateObject4_4e4b2bb0243411ea86f395335a802507(), item.title, item.id, item.location, 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.children, _this2.selected) : (0, _litElement.html)(_templateObject5_4e4b2bb0243411ea86f395335a802507(), item.title, item.id, item.location, 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));
         }) : "");
       }
     }], [{
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 c9724c1da7b..4609dec839b 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,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "./map-menu-item.js",
   });
   _exports.MapMenuContainer = void 0;
 
-  function _templateObject2_934fab9022d211eaa0764d1a500fd781() {
+  function _templateObject2_4e4c6430243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject2_934fab9022d211eaa0764d1a500fd781 = function _templateObject2_934fab9022d211eaa0764d1a500fd781() {
+    _templateObject2_4e4c6430243411ea86f395335a802507 = function _templateObject2_4e4c6430243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_934fab9022d211eaa0764d1a500fd781() {
+  function _templateObject_4e4c6430243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <slot></slot>\n    "]);
 
-    _templateObject_934fab9022d211eaa0764d1a500fd781 = function _templateObject_934fab9022d211eaa0764d1a500fd781() {
+    _templateObject_4e4c6430243411ea86f395335a802507 = function _templateObject_4e4c6430243411ea86f395335a802507() {
       return data;
     };
 
@@ -49,7 +49,7 @@ define(["exports", "../../../lit-element/lit-element.js", "./map-menu-item.js",
        * LitElement life cycle - render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_934fab9022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_4e4c6430243411ea86f395335a802507());
       }
     }], [{
       key: "styles",
@@ -58,7 +58,7 @@ define(["exports", "../../../lit-element/lit-element.js", "./map-menu-item.js",
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_934fab9022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4e4c6430243411ea86f395335a802507())];
       }
     }, {
       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 6cc2613e5ac..2abe69be1ad 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
@@ -7,60 +7,60 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../../@
   _exports.MapMenuHeader = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject6_9377f41022d211eaa0764d1a500fd781() {
+  function _templateObject6_4e514630243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          transition: 0.1s all ease-in-out;\n          --map-menu-item-height: 16px;\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\n        a,\n        a:hover,\n        a:visited,\n        a:focus {\n          color: var(--map-menu-header-a-color, inherit);\n          text-decoration: var(--map-menu-header-a-text-decoration, inherit);\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        .title {\n          font-size: var(--map-menu-font-size, 16px);\n        }\n\n        #right iron-icon {\n          display: inline-block;\n          color: gray;\n        }\n\n        /* @todo this is a hack */\n        .icon iron-icon {\n          display: inline-block;\n          --iron-icon-height: var(--map-menu-item-height);\n          transform: translateX(10px);\n        }\n\n        paper-button {\n          text-transform: none;\n        }\n      "]);
 
-    _templateObject6_9377f41022d211eaa0764d1a500fd781 = function _templateObject6_9377f41022d211eaa0764d1a500fd781() {
+    _templateObject6_4e514630243411ea86f395335a802507 = function _templateObject6_4e514630243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject5_9377f41022d211eaa0764d1a500fd781() {
+  function _templateObject5_4e514630243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject5_9377f41022d211eaa0764d1a500fd781 = function _templateObject5_9377f41022d211eaa0764d1a500fd781() {
+    _templateObject5_4e514630243411ea86f395335a802507 = function _templateObject5_4e514630243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_9377f41022d211eaa0764d1a500fd781() {
+  function _templateObject4_4e514630243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <div class=\"icon\">\n                <iron-icon icon=\"", "\"></iron-icon>\n              </div>\n            "]);
 
-    _templateObject4_9377f41022d211eaa0764d1a500fd781 = function _templateObject4_9377f41022d211eaa0764d1a500fd781() {
+    _templateObject4_4e514630243411ea86f395335a802507 = function _templateObject4_4e514630243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_9377f41022d211eaa0764d1a500fd781() {
+  function _templateObject3_4e514630243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject3_9377f41022d211eaa0764d1a500fd781 = function _templateObject3_9377f41022d211eaa0764d1a500fd781() {
+    _templateObject3_4e514630243411ea86f395335a802507 = function _templateObject3_4e514630243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_9377f41022d211eaa0764d1a500fd781() {
+  function _templateObject2_4e514630243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <div class=\"avatarlabel\">\n                <lrndesign-avatar\n                  label=\"", "\"\n                ></lrndesign-avatar>\n              </div>\n            "]);
 
-    _templateObject2_9377f41022d211eaa0764d1a500fd781 = function _templateObject2_9377f41022d211eaa0764d1a500fd781() {
+    _templateObject2_4e514630243411ea86f395335a802507 = function _templateObject2_4e514630243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9377f41022d211eaa0764d1a500fd781() {
+  function _templateObject_4e514630243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"container\">\n        ", "\n        ", "\n\n        <div id=\"center\">\n          <a tabindex=\"-1\" href=\"", "\">\n            <paper-button class=\"title\" noink>\n              <div id=\"label\">", "</div>\n              <div class=\"title\">", "</div>\n            </paper-button>\n          </a>\n        </div>\n        <div id=\"right\">\n          <iron-icon\n            id=\"toggle\"\n            icon=\"", "\"\n            aria-role=\"button\"\n            aria-label=\"", "\"\n            tabindex=\"0\"\n          ></iron-icon>\n        </div>\n      </div>\n    "]);
 
-    _templateObject_9377f41022d211eaa0764d1a500fd781 = function _templateObject_9377f41022d211eaa0764d1a500fd781() {
+    _templateObject_4e514630243411ea86f395335a802507 = function _templateObject_4e514630243411ea86f395335a802507() {
       return data;
     };
 
@@ -78,7 +78,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../../@
        * LitElement life cycle - render callback
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9377f41022d211eaa0764d1a500fd781(), this.avatarLabel ? (0, _litElement.html)(_templateObject2_9377f41022d211eaa0764d1a500fd781(), this.avatarLabel) : (0, _litElement.html)(_templateObject3_9377f41022d211eaa0764d1a500fd781()), this.icon ? (0, _litElement.html)(_templateObject4_9377f41022d211eaa0764d1a500fd781(), this.icon) : (0, _litElement.html)(_templateObject5_9377f41022d211eaa0764d1a500fd781()), this.url, this.label, this.title, this.__collapseIcon, this.__collapseAria);
+        return (0, _litElement.html)(_templateObject_4e514630243411ea86f395335a802507(), this.avatarLabel ? (0, _litElement.html)(_templateObject2_4e514630243411ea86f395335a802507(), this.avatarLabel) : (0, _litElement.html)(_templateObject3_4e514630243411ea86f395335a802507()), this.icon ? (0, _litElement.html)(_templateObject4_4e514630243411ea86f395335a802507(), this.icon) : (0, _litElement.html)(_templateObject5_4e514630243411ea86f395335a802507()), this.url, this.label, this.title, this.__collapseIcon, this.__collapseAria);
       }
     }], [{
       key: "styles",
@@ -87,7 +87,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../../@
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject6_9377f41022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject6_4e514630243411ea86f395335a802507())];
       }
     }, {
       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 3ad07513edf..2307ec9978f 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
@@ -6,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/iro
   });
   _exports.MapMenuItem = void 0;
 
-  function _templateObject2_937ab33022d211eaa0764d1a500fd781() {
+  function _templateObject2_4e542c60243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          transition: 0.1s all ease-in-out;\n          font-size: var(--map-menu-item-font-size, 14px);\n          --map-menu-item-height: var(--map-menu-item-height);\n          --map-menu-item-a-color: inherit;\n        }\n        :host([active]) {\n          background: var(--map-menu-active-color);\n          color: var(--map-menu-item-active-item-color, #000000);\n        }\n        paper-button {\n          width: 100%;\n          justify-content: left;\n          margin: 0;\n        }\n        iron-icon {\n          display: inline-block;\n          --iron-icon-height: var(--map-menu-item-height);\n        }\n        .title {\n          text-transform: none;\n        }\n        a {\n          color: var(--map-menu-item-a-color);\n          text-decoration: var(--map-menu-item-a-text-decoration);\n        }\n        a,\n        a:hover,\n        a:visited,\n        a:focus {\n          color: var(\n            --map-menu-item-a-active-color,\n            var(--map-menu-item-a-color)\n          );\n          text-decoration: var(--map-menu-item-a-text-decoration);\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        #wrapper {\n          font-size: var(--map-menu-font-size, 16px);\n        }\n      "]);
 
-    _templateObject2_937ab33022d211eaa0764d1a500fd781 = function _templateObject2_937ab33022d211eaa0764d1a500fd781() {
+    _templateObject2_4e542c60243411ea86f395335a802507 = function _templateObject2_4e542c60243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_937ab33022d211eaa0764d1a500fd781() {
+  function _templateObject_4e542c60243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <a tabindex=\"-1\" href=\"", "\">\n        <paper-button id=\"wrapper\" role=\"link\" noink>\n          <iron-icon\n            ?hidden=\"", "\"\n            icon=\"", "\"\n          ></iron-icon>\n          <span class=\"title\">", "</span>\n          <iron-icon\n            id=\"track\"\n            ?hidden=\"", "\"\n            icon=\"", "\"\n          ></iron-icon>\n        </paper-button>\n      </a>\n    "]);
 
-    _templateObject_937ab33022d211eaa0764d1a500fd781 = function _templateObject_937ab33022d211eaa0764d1a500fd781() {
+    _templateObject_4e542c60243411ea86f395335a802507 = function _templateObject_4e542c60243411ea86f395335a802507() {
       return data;
     };
 
@@ -37,7 +37,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/iro
        * LitElement life cycle - render callback
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_937ab33022d211eaa0764d1a500fd781(), this.url, this.icon ? true : false, this.icon, this.title, this.trackIcon ? true : false, this.trackIcon);
+        return (0, _litElement.html)(_templateObject_4e542c60243411ea86f395335a802507(), this.url, this.icon ? true : false, this.icon, this.title, this.trackIcon ? true : false, this.trackIcon);
       }
     }], [{
       key: "styles",
@@ -46,7 +46,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/iro
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_937ab33022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4e542c60243411ea86f395335a802507())];
       }
     }, {
       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 0a500e4cf00..230a3295ca4 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
   _exports.MapMenuSubmenu = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_93a608f022d211eaa0764d1a500fd781() {
+  function _templateObject2_4e584b10243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <map-menu-header\n        .avatar-label=\"", "\"\n        id=\"", "\"\n        title=\"", "\"\n        label=\"", "\"\n        ?opened=\"", "\"\n        url=\"", "\"\n        icon=\"", "\"\n        selected=\"", "\"\n      ></map-menu-header>\n      <iron-collapse id=\"container\"> <slot></slot> </iron-collapse>\n    "]);
 
-    _templateObject2_93a608f022d211eaa0764d1a500fd781 = function _templateObject2_93a608f022d211eaa0764d1a500fd781() {
+    _templateObject2_4e584b10243411ea86f395335a802507 = function _templateObject2_4e584b10243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_93a608f022d211eaa0764d1a500fd781() {
+  function _templateObject_4e584b10243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([collapsable]) > map-menu-header {\n          cursor: pointer;\n          display: block;\n        }\n        #container {\n          margin-left: 16px;\n        }\n        #container ::slotted(map-menu-item) {\n          margin-top: 0.4em;\n        }\n      "]);
 
-    _templateObject_93a608f022d211eaa0764d1a500fd781 = function _templateObject_93a608f022d211eaa0764d1a500fd781() {
+    _templateObject_4e584b10243411ea86f395335a802507 = function _templateObject_4e584b10243411ea86f395335a802507() {
       return data;
     };
 
@@ -38,7 +38,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_93a608f022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4e584b10243411ea86f395335a802507())];
       }
     }]);
 
@@ -77,7 +77,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js"], function (
     babelHelpers.createClass(MapMenuSubmenu, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_93a608f022d211eaa0764d1a500fd781(), this.avatarLabel, this.id, this.title, this.label, this.opened, this.url, this.icon, this.selected);
+        return (0, _litElement.html)(_templateObject2_4e584b10243411ea86f395335a802507(), this.avatarLabel, this.id, this.title, this.label, this.opened, this.url, this.icon, this.selected);
       }
     }, {
       key: "updated",
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 15daba197ff..21569725300 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,20 +6,20 @@ define(["exports", "../../lit-element/lit-element.js", "../smooth-scroll/smooth-
   });
   _exports.MapMenu = void 0;
 
-  function _templateObject2_857d012022d211eaa0764d1a500fd781() {
+  function _templateObject2_403cd7d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          #itemslist {\n            @apply --map-menu-items-list;\n          }\n          #activeindicator {\n            @apply --map-menu-active-indicator;\n          }\n          map-menu-container {\n            @apply --map-menu-container;\n          }\n        </style>\n      </custom-style>\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    "]);
 
-    _templateObject2_857d012022d211eaa0764d1a500fd781 = function _templateObject2_857d012022d211eaa0764d1a500fd781() {
+    _templateObject2_403cd7d0243411ea86f395335a802507 = function _templateObject2_403cd7d0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_857d012022d211eaa0764d1a500fd781() {
+  function _templateObject_403cd7d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --map-menu-active-color: rgba(0, 0, 0, 0.1);\n          --map-menu-size: 1;\n          --map-menu-font-size: 16px;\n          display: block;\n          overflow-y: scroll;\n          position: relative;\n          height: 100%;\n          transition: 0.1s linear all;\n          opacity: 1;\n          background-color: transparent;\n        }\n        #activeindicator {\n          background: var(--map-menu-active-color);\n          transition: all 0.1s ease-in-out;\n          position: absolute;\n        }\n\n        map-menu-container {\n          padding: var(--map-menu-container-padding, 0);\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      "]);
 
-    _templateObject_857d012022d211eaa0764d1a500fd781 = function _templateObject_857d012022d211eaa0764d1a500fd781() {
+    _templateObject_403cd7d0243411ea86f395335a802507 = function _templateObject_403cd7d0243411ea86f395335a802507() {
       return data;
     };
 
@@ -44,7 +44,7 @@ define(["exports", "../../lit-element/lit-element.js", "../smooth-scroll/smooth-
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_857d012022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_403cd7d0243411ea86f395335a802507())];
       }
       /**
        * HTMLElement
@@ -82,7 +82,7 @@ define(["exports", "../../lit-element/lit-element.js", "../smooth-scroll/smooth-
     babelHelpers.createClass(MapMenu, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_857d012022d211eaa0764d1a500fd781(), this.items, this.selected);
+        return (0, _litElement.html)(_templateObject2_403cd7d0243411ea86f395335a802507(), this.items, this.selected);
       }
     }, {
       key: "updated",
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 68b85db051a..5ae66e4b6fd 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.MaterialProgressBars = void 0;
 
-  function _templateObject_93a852e022d211eaa0764d1a500fd781() {
+  function _templateObject_4e5df060243411ea86f395335a802507() {
     var data = 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    "], ["\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    "]);
 
-    _templateObject_93a852e022d211eaa0764d1a500fd781 = function _templateObject_93a852e022d211eaa0764d1a500fd781() {
+    _templateObject_4e5df060243411ea86f395335a802507 = function _templateObject_4e5df060243411ea86f395335a802507() {
       return data;
     };
 
@@ -37,7 +37,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_93a852e022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4e5df060243411ea86f395335a802507());
       }
     }, {
       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 08785a993c1..42aecc3a14e 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.MaterialProgressHisto = void 0;
 
-  function _templateObject_93ad34e022d211eaa0764d1a500fd781() {
+  function _templateObject_4e5f7700243411ea86f395335a802507() {
     var data = 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    "], ["\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    "]);
 
-    _templateObject_93ad34e022d211eaa0764d1a500fd781 = function _templateObject_93ad34e022d211eaa0764d1a500fd781() {
+    _templateObject_4e5f7700243411ea86f395335a802507 = function _templateObject_4e5f7700243411ea86f395335a802507() {
       return data;
     };
 
@@ -36,7 +36,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_93ad34e022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4e5f7700243411ea86f395335a802507());
       }
     }, {
       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 62344252e1f..7f390db4505 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,10 +6,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js"], function (_expo
   });
   _exports.MaterialWord = void 0;
 
-  function _templateObject_85d4970022d211eaa0764d1a500fd781() {
+  function _templateObject_40f2e160243411ea86f395335a802507() {
     var data = 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    "], ["\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    "]);
 
-    _templateObject_85d4970022d211eaa0764d1a500fd781 = function _templateObject_85d4970022d211eaa0764d1a500fd781() {
+    _templateObject_40f2e160243411ea86f395335a802507 = function _templateObject_40f2e160243411ea86f395335a802507() {
       return data;
     };
 
@@ -55,7 +55,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js"], function (_expo
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_85d4970022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_40f2e160243411ea86f395335a802507());
       }
     }, {
       key: "tag",
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 ade4a82cd2c..2c4e643869f 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_869cc90022d211eaa0764d1a500fd781() {
+  function _templateObject2_4157bdb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      "]);
 
-    _templateObject2_869cc90022d211eaa0764d1a500fd781 = function _templateObject2_869cc90022d211eaa0764d1a500fd781() {
+    _templateObject2_4157bdb0243411ea86f395335a802507 = function _templateObject2_4157bdb0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_869cc90022d211eaa0764d1a500fd781() {
+  function _templateObject_4157bdb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div>\n        <marked-element markdown=\"", "\">\n          <div slot=\"markdown-html\"></div>\n          <script type=\"text/markdown\" src=\"", "\"></script>\n        </marked-element>\n      </div>\n    "]);
 
-    _templateObject_869cc90022d211eaa0764d1a500fd781 = function _templateObject_869cc90022d211eaa0764d1a500fd781() {
+    _templateObject_4157bdb0243411ea86f395335a802507 = function _templateObject_4157bdb0243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,14 +45,14 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_869cc90022d211eaa0764d1a500fd781(), this.markdown, this.source);
+        return (0, _litElement.html)(_templateObject_4157bdb0243411ea86f395335a802507(), this.markdown, this.source);
       } // haxProperty definition
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_869cc90022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4157bdb0243411ea86f395335a802507())];
       }
     }, {
       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 4abab52b1b2..2a248edd83a 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,16 +1,16 @@
 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";
 
-  function _templateObject_86b1898022d211eaa0764d1a500fd781() {
+  function _templateObject_416922d0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_86b1898022d211eaa0764d1a500fd781 = function _templateObject_86b1898022d211eaa0764d1a500fd781() {
+    _templateObject_416922d0243411ea86f395335a802507 = function _templateObject_416922d0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_86b1898022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_416922d0243411ea86f395335a802507());
   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 994beaecc15..681803e3761 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,16 +1,16 @@
 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";
 
-  function _templateObject_93b01b1022d211eaa0764d1a500fd781() {
+  function _templateObject_4e620f10243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93b01b1022d211eaa0764d1a500fd781 = function _templateObject_93b01b1022d211eaa0764d1a500fd781() {
+    _templateObject_4e620f10243411ea86f395335a802507 = function _templateObject_4e620f10243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93b01b1022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4e620f10243411ea86f395335a802507());
   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 300bcd0c312..75bd7452855 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,16 +1,16 @@
 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";
 
-  function _templateObject_93b23df022d211eaa0764d1a500fd781() {
+  function _templateObject_4f2ba0a0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93b23df022d211eaa0764d1a500fd781 = function _templateObject_93b23df022d211eaa0764d1a500fd781() {
+    _templateObject_4f2ba0a0243411ea86f395335a802507 = function _templateObject_4f2ba0a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93b23df022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f2ba0a0243411ea86f395335a802507());
   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 e239cc39db6..6a124687f5c 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,16 +1,16 @@
 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";
 
-  function _templateObject_93b1057022d211eaa0764d1a500fd781() {
+  function _templateObject_4f2c63f0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93b1057022d211eaa0764d1a500fd781 = function _templateObject_93b1057022d211eaa0764d1a500fd781() {
+    _templateObject_4f2c63f0243411ea86f395335a802507 = function _templateObject_4f2c63f0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93b1057022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f2c63f0243411ea86f395335a802507());
   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 bbeea663c00..b39e415747d 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,16 +1,16 @@
 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";
 
-  function _templateObject_93b412b022d211eaa0764d1a500fd781() {
+  function _templateObject_4f2d4e50243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93b412b022d211eaa0764d1a500fd781 = function _templateObject_93b412b022d211eaa0764d1a500fd781() {
+    _templateObject_4f2d4e50243411ea86f395335a802507 = function _templateObject_4f2d4e50243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93b412b022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f2d4e50243411ea86f395335a802507());
   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 5f3f27c7d75..a322ff3885f 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,16 +1,16 @@
 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";
 
-  function _templateObject_93b3285022d211eaa0764d1a500fd781() {
+  function _templateObject_4f2e11a0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93b3285022d211eaa0764d1a500fd781 = function _templateObject_93b3285022d211eaa0764d1a500fd781() {
+    _templateObject_4f2e11a0243411ea86f395335a802507 = function _templateObject_4f2e11a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93b3285022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f2e11a0243411ea86f395335a802507());
   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 a0dea2665cc..6fcd2e40e3b 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,16 +1,16 @@
 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";
 
-  function _templateObject_93b4d60022d211eaa0764d1a500fd781() {
+  function _templateObject_4f2ed4f0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93b4d60022d211eaa0764d1a500fd781 = function _templateObject_93b4d60022d211eaa0764d1a500fd781() {
+    _templateObject_4f2ed4f0243411ea86f395335a802507 = function _templateObject_4f2ed4f0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93b4d60022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f2ed4f0243411ea86f395335a802507());
   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 70b03114af8..eae33c70906 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,16 +1,16 @@
 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";
 
-  function _templateObject_93b5c06022d211eaa0764d1a500fd781() {
+  function _templateObject_4f2f7130243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93b5c06022d211eaa0764d1a500fd781 = function _templateObject_93b5c06022d211eaa0764d1a500fd781() {
+    _templateObject_4f2f7130243411ea86f395335a802507 = function _templateObject_4f2f7130243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93b5c06022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f2f7130243411ea86f395335a802507());
   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 5852d396001..6d1e8e9ed2f 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,16 +1,16 @@
 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";
 
-  function _templateObject_93b76e1022d211eaa0764d1a500fd781() {
+  function _templateObject_4f3082a0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93b76e1022d211eaa0764d1a500fd781 = function _templateObject_93b76e1022d211eaa0764d1a500fd781() {
+    _templateObject_4f3082a0243411ea86f395335a802507 = function _templateObject_4f3082a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93b76e1022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f3082a0243411ea86f395335a802507());
   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 2dfa3b74384..1dbdc80ea14 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,16 +1,16 @@
 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";
 
-  function _templateObject_93b8f4b022d211eaa0764d1a500fd781() {
+  function _templateObject_4f3145f0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93b8f4b022d211eaa0764d1a500fd781 = function _templateObject_93b8f4b022d211eaa0764d1a500fd781() {
+    _templateObject_4f3145f0243411ea86f395335a802507 = function _templateObject_4f3145f0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93b8f4b022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f3145f0243411ea86f395335a802507());
   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 ed90ff4a0fe..b2e063a7db5 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,16 +1,16 @@
 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";
 
-  function _templateObject_93b6aac022d211eaa0764d1a500fd781() {
+  function _templateObject_4f320940243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93b6aac022d211eaa0764d1a500fd781 = function _templateObject_93b6aac022d211eaa0764d1a500fd781() {
+    _templateObject_4f320940243411ea86f395335a802507 = function _templateObject_4f320940243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93b6aac022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f320940243411ea86f395335a802507());
   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 6d8eae2164a..c6df2a447a9 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,16 +1,16 @@
 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";
 
-  function _templateObject_93b9b80022d211eaa0764d1a500fd781() {
+  function _templateObject_4f32cc90243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93b9b80022d211eaa0764d1a500fd781 = function _templateObject_93b9b80022d211eaa0764d1a500fd781() {
+    _templateObject_4f32cc90243411ea86f395335a802507 = function _templateObject_4f32cc90243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93b9b80022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f32cc90243411ea86f395335a802507());
   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 7285f1e48ea..aac297ad75a 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,16 +1,16 @@
 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";
 
-  function _templateObject_93bb65b022d211eaa0764d1a500fd781() {
+  function _templateObject_4f338fe0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93bb65b022d211eaa0764d1a500fd781 = function _templateObject_93bb65b022d211eaa0764d1a500fd781() {
+    _templateObject_4f338fe0243411ea86f395335a802507 = function _templateObject_4f338fe0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93bb65b022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f338fe0243411ea86f395335a802507());
   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 c7effee0053..b7edf9b7734 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,16 +1,16 @@
 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";
 
-  function _templateObject_93bc501022d211eaa0764d1a500fd781() {
+  function _templateObject_4f351680243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93bc501022d211eaa0764d1a500fd781 = function _templateObject_93bc501022d211eaa0764d1a500fd781() {
+    _templateObject_4f351680243411ea86f395335a802507 = function _templateObject_4f351680243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93bc501022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f351680243411ea86f395335a802507());
   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 4ba1117ac98..f041150e900 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,16 +1,16 @@
 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";
 
-  function _templateObject_93ba7b5022d211eaa0764d1a500fd781() {
+  function _templateObject_4f35d9d0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93ba7b5022d211eaa0764d1a500fd781 = function _templateObject_93ba7b5022d211eaa0764d1a500fd781() {
+    _templateObject_4f35d9d0243411ea86f395335a802507 = function _templateObject_4f35d9d0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93ba7b5022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f35d9d0243411ea86f395335a802507());
   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 c9b74b9a801..5667a8193cb 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,16 +1,16 @@
 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";
 
-  function _templateObject_93bcec5022d211eaa0764d1a500fd781() {
+  function _templateObject_4f369d20243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93bcec5022d211eaa0764d1a500fd781 = function _templateObject_93bcec5022d211eaa0764d1a500fd781() {
+    _templateObject_4f369d20243411ea86f395335a802507 = function _templateObject_4f369d20243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93bcec5022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f369d20243411ea86f395335a802507());
   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 793c57204ce..c16aaee7412 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,16 +1,16 @@
 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";
 
-  function _templateObject_93bdfdc022d211eaa0764d1a500fd781() {
+  function _templateObject_4f38c000243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93bdfdc022d211eaa0764d1a500fd781 = function _templateObject_93bdfdc022d211eaa0764d1a500fd781() {
+    _templateObject_4f38c000243411ea86f395335a802507 = function _templateObject_4f38c000243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93bdfdc022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f38c000243411ea86f395335a802507());
   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 182164073ee..dc019a2092f 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,16 +1,16 @@
 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";
 
-  function _templateObject_93bec11022d211eaa0764d1a500fd781() {
+  function _templateObject_4f376070243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93bec11022d211eaa0764d1a500fd781 = function _templateObject_93bec11022d211eaa0764d1a500fd781() {
+    _templateObject_4f376070243411ea86f395335a802507 = function _templateObject_4f376070243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93bec11022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f376070243411ea86f395335a802507());
   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 10cfbe80165..c2e55c60f2e 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,16 +1,16 @@
 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";
 
-  function _templateObject_93dde1d022d211eaa0764d1a500fd781() {
+  function _templateObject_4f39aa60243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_93dde1d022d211eaa0764d1a500fd781 = function _templateObject_93dde1d022d211eaa0764d1a500fd781() {
+    _templateObject_4f39aa60243411ea86f395335a802507 = function _templateObject_4f39aa60243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_93dde1d022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f39aa60243411ea86f395335a802507());
   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 58cc01b9c56..dd629c44bf3 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,16 +1,16 @@
 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";
 
-  function _templateObject_940b818022d211eaa0764d1a500fd781() {
+  function _templateObject_4f3a6db0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_940b818022d211eaa0764d1a500fd781 = function _templateObject_940b818022d211eaa0764d1a500fd781() {
+    _templateObject_4f3a6db0243411ea86f395335a802507 = function _templateObject_4f3a6db0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_940b818022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f3a6db0243411ea86f395335a802507());
   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 6f3f3447d49..dc43bbb1d34 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,16 +1,16 @@
 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";
 
-  function _templateObject_940c6be022d211eaa0764d1a500fd781() {
+  function _templateObject_4f3b5810243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_940c6be022d211eaa0764d1a500fd781 = function _templateObject_940c6be022d211eaa0764d1a500fd781() {
+    _templateObject_4f3b5810243411ea86f395335a802507 = function _templateObject_4f3b5810243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_940c6be022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f3b5810243411ea86f395335a802507());
   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 418934da481..5aadc1090e7 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,16 +1,16 @@
 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";
 
-  function _templateObject_940d2f3022d211eaa0764d1a500fd781() {
+  function _templateObject_4f3c1b60243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_940d2f3022d211eaa0764d1a500fd781 = function _templateObject_940d2f3022d211eaa0764d1a500fd781() {
+    _templateObject_4f3c1b60243411ea86f395335a802507 = function _templateObject_4f3c1b60243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_940d2f3022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f3c1b60243411ea86f395335a802507());
   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 ce46368a447..be447f52071 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,16 +1,16 @@
 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";
 
-  function _templateObject_940dcb7022d211eaa0764d1a500fd781() {
+  function _templateObject_4f3d05c0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_940dcb7022d211eaa0764d1a500fd781 = function _templateObject_940dcb7022d211eaa0764d1a500fd781() {
+    _templateObject_4f3d05c0243411ea86f395335a802507 = function _templateObject_4f3d05c0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_940dcb7022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f3d05c0243411ea86f395335a802507());
   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 e0092509a8d..629d819ed4d 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,16 +1,16 @@
 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";
 
-  function _templateObject_940e67b022d211eaa0764d1a500fd781() {
+  function _templateObject_4f3da200243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_940e67b022d211eaa0764d1a500fd781 = function _templateObject_940e67b022d211eaa0764d1a500fd781() {
+    _templateObject_4f3da200243411ea86f395335a802507 = function _templateObject_4f3da200243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_940e67b022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f3da200243411ea86f395335a802507());
   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 20f4f966cc8..d6ed00c5c99 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,16 +1,16 @@
 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";
 
-  function _templateObject_940f2b0022d211eaa0764d1a500fd781() {
+  function _templateObject_4f3e6550243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_940f2b0022d211eaa0764d1a500fd781 = function _templateObject_940f2b0022d211eaa0764d1a500fd781() {
+    _templateObject_4f3e6550243411ea86f395335a802507 = function _templateObject_4f3e6550243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_940f2b0022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f3e6550243411ea86f395335a802507());
   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 2a5b2094e4e..dfdb0154554 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,16 +1,16 @@
 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";
 
-  function _templateObject_940fc74022d211eaa0764d1a500fd781() {
+  function _templateObject_4f3f28a0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_940fc74022d211eaa0764d1a500fd781 = function _templateObject_940fc74022d211eaa0764d1a500fd781() {
+    _templateObject_4f3f28a0243411ea86f395335a802507 = function _templateObject_4f3f28a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_940fc74022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f3f28a0243411ea86f395335a802507());
   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 2d8cd59a6f5..09d9e50ae85 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,16 +1,16 @@
 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";
 
-  function _templateObject_94108a9022d211eaa0764d1a500fd781() {
+  function _templateObject_4f408830243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_94108a9022d211eaa0764d1a500fd781 = function _templateObject_94108a9022d211eaa0764d1a500fd781() {
+    _templateObject_4f408830243411ea86f395335a802507 = function _templateObject_4f408830243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_94108a9022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f408830243411ea86f395335a802507());
   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 660efbb83d2..f62c8daeadb 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,16 +1,16 @@
 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";
 
-  function _templateObject_9410ffc022d211eaa0764d1a500fd781() {
+  function _templateObject_4f587d00243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_9410ffc022d211eaa0764d1a500fd781 = function _templateObject_9410ffc022d211eaa0764d1a500fd781() {
+    _templateObject_4f587d00243411ea86f395335a802507 = function _templateObject_4f587d00243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_9410ffc022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f587d00243411ea86f395335a802507());
   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 44e8033a700..f357a0186f1 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,16 +1,16 @@
 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";
 
-  function _templateObject_9411c31022d211eaa0764d1a500fd781() {
+  function _templateObject_4f68d0b0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_9411c31022d211eaa0764d1a500fd781 = function _templateObject_9411c31022d211eaa0764d1a500fd781() {
+    _templateObject_4f68d0b0243411ea86f395335a802507 = function _templateObject_4f68d0b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_9411c31022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f68d0b0243411ea86f395335a802507());
   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 948c6cf3137..a20d19abec7 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,16 +1,16 @@
 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";
 
-  function _templateObject_94125f5022d211eaa0764d1a500fd781() {
+  function _templateObject_4f69bb10243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_94125f5022d211eaa0764d1a500fd781 = function _templateObject_94125f5022d211eaa0764d1a500fd781() {
+    _templateObject_4f69bb10243411ea86f395335a802507 = function _templateObject_4f69bb10243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_94125f5022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f69bb10243411ea86f395335a802507());
   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 480bc30a3e7..6c3f7d38cef 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,16 +1,16 @@
 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";
 
-  function _templateObject_941322a022d211eaa0764d1a500fd781() {
+  function _templateObject_4f6a7e60243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_941322a022d211eaa0764d1a500fd781 = function _templateObject_941322a022d211eaa0764d1a500fd781() {
+    _templateObject_4f6a7e60243411ea86f395335a802507 = function _templateObject_4f6a7e60243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_941322a022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f6a7e60243411ea86f395335a802507());
   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 97f097ffacd..fed1c83335f 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,16 +1,16 @@
 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";
 
-  function _templateObject_9414823022d211eaa0764d1a500fd781() {
+  function _templateObject_4f6b68c0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_9414823022d211eaa0764d1a500fd781 = function _templateObject_9414823022d211eaa0764d1a500fd781() {
+    _templateObject_4f6b68c0243411ea86f395335a802507 = function _templateObject_4f6b68c0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_9414823022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f6b68c0243411ea86f395335a802507());
   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 4d6289da7c4..334ea5854bf 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,16 +1,16 @@
 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";
 
-  function _templateObject_9415458022d211eaa0764d1a500fd781() {
+  function _templateObject_4f6c2c10243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_9415458022d211eaa0764d1a500fd781 = function _templateObject_9415458022d211eaa0764d1a500fd781() {
+    _templateObject_4f6c2c10243411ea86f395335a802507 = function _templateObject_4f6c2c10243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_9415458022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f6c2c10243411ea86f395335a802507());
   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 5bd72379edf..a1576154b12 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,16 +1,16 @@
 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";
 
-  function _templateObject_9415e1c022d211eaa0764d1a500fd781() {
+  function _templateObject_4f6d8ba0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_9415e1c022d211eaa0764d1a500fd781 = function _templateObject_9415e1c022d211eaa0764d1a500fd781() {
+    _templateObject_4f6d8ba0243411ea86f395335a802507 = function _templateObject_4f6d8ba0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_9415e1c022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f6d8ba0243411ea86f395335a802507());
   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 d079e1cba27..0d5ba10a4ee 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,16 +1,16 @@
 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";
 
-  function _templateObject_9416a51022d211eaa0764d1a500fd781() {
+  function _templateObject_4f6e7600243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_9416a51022d211eaa0764d1a500fd781 = function _templateObject_9416a51022d211eaa0764d1a500fd781() {
+    _templateObject_4f6e7600243411ea86f395335a802507 = function _templateObject_4f6e7600243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_9416a51022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f6e7600243411ea86f395335a802507());
   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 7a3752c3bcf..9a2f4ca0882 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,16 +1,16 @@
 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";
 
-  function _templateObject_9417415022d211eaa0764d1a500fd781() {
+  function _templateObject_4f6f3950243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_9417415022d211eaa0764d1a500fd781 = function _templateObject_9417415022d211eaa0764d1a500fd781() {
+    _templateObject_4f6f3950243411ea86f395335a802507 = function _templateObject_4f6f3950243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_9417415022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f6f3950243411ea86f395335a802507());
   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 9fe903972cd..3f8aea7aa9e 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,16 +1,16 @@
 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";
 
-  function _templateObject_941804a022d211eaa0764d1a500fd781() {
+  function _templateObject_4f6ffca0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_941804a022d211eaa0764d1a500fd781 = function _templateObject_941804a022d211eaa0764d1a500fd781() {
+    _templateObject_4f6ffca0243411ea86f395335a802507 = function _templateObject_4f6ffca0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_941804a022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f6ffca0243411ea86f395335a802507());
   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 c0a877109af..d47a9d13856 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,16 +1,16 @@
 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";
 
-  function _templateObject_9419161022d211eaa0764d1a500fd781() {
+  function _templateObject_4f713520243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_9419161022d211eaa0764d1a500fd781 = function _templateObject_9419161022d211eaa0764d1a500fd781() {
+    _templateObject_4f713520243411ea86f395335a802507 = function _templateObject_4f713520243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_9419161022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f713520243411ea86f395335a802507());
   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 6a0b3a289f8..67bea846f78 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,16 +1,16 @@
 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";
 
-  function _templateObject_9419b25022d211eaa0764d1a500fd781() {
+  function _templateObject_4f71f870243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_9419b25022d211eaa0764d1a500fd781 = function _templateObject_9419b25022d211eaa0764d1a500fd781() {
+    _templateObject_4f71f870243411ea86f395335a802507 = function _templateObject_4f71f870243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_9419b25022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f71f870243411ea86f395335a802507());
   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 27c6083fbc5..668cf7261f5 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,16 +1,16 @@
 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";
 
-  function _templateObject_941a4e9022d211eaa0764d1a500fd781() {
+  function _templateObject_4f72bbc0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_941a4e9022d211eaa0764d1a500fd781 = function _templateObject_941a4e9022d211eaa0764d1a500fd781() {
+    _templateObject_4f72bbc0243411ea86f395335a802507 = function _templateObject_4f72bbc0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_941a4e9022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f72bbc0243411ea86f395335a802507());
   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 1fcf986d459..47ea5fe42c0 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,16 +1,16 @@
 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";
 
-  function _templateObject_941aead022d211eaa0764d1a500fd781() {
+  function _templateObject_4f737f10243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_941aead022d211eaa0764d1a500fd781 = function _templateObject_941aead022d211eaa0764d1a500fd781() {
+    _templateObject_4f737f10243411ea86f395335a802507 = function _templateObject_4f737f10243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_941aead022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f737f10243411ea86f395335a802507());
   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 49002def39c..6b4b789a1cb 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,16 +1,16 @@
 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";
 
-  function _templateObject_941bae2022d211eaa0764d1a500fd781() {
+  function _templateObject_4f746970243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_941bae2022d211eaa0764d1a500fd781 = function _templateObject_941bae2022d211eaa0764d1a500fd781() {
+    _templateObject_4f746970243411ea86f395335a802507 = function _templateObject_4f746970243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_941bae2022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f746970243411ea86f395335a802507());
   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 b1f6dc7d0c0..2b7548bf659 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,16 +1,16 @@
 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";
 
-  function _templateObject_941c717022d211eaa0764d1a500fd781() {
+  function _templateObject_4f752cc0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_941c717022d211eaa0764d1a500fd781 = function _templateObject_941c717022d211eaa0764d1a500fd781() {
+    _templateObject_4f752cc0243411ea86f395335a802507 = function _templateObject_4f752cc0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_941c717022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f752cc0243411ea86f395335a802507());
   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 505283ef5b6..47b25a1948c 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,16 +1,16 @@
 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";
 
-  function _templateObject_941da9f022d211eaa0764d1a500fd781() {
+  function _templateObject_4f75f010243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_941da9f022d211eaa0764d1a500fd781 = function _templateObject_941da9f022d211eaa0764d1a500fd781() {
+    _templateObject_4f75f010243411ea86f395335a802507 = function _templateObject_4f75f010243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_941da9f022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f75f010243411ea86f395335a802507());
   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 2cfd95458cc..55965db17b9 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,16 +1,16 @@
 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";
 
-  function _templateObject_942c4ff022d211eaa0764d1a500fd781() {
+  function _templateObject_4f768c50243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_942c4ff022d211eaa0764d1a500fd781 = function _templateObject_942c4ff022d211eaa0764d1a500fd781() {
+    _templateObject_4f768c50243411ea86f395335a802507 = function _templateObject_4f768c50243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_942c4ff022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f768c50243411ea86f395335a802507());
   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 b1e8dca5c71..cdc8fc111f1 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,16 +1,16 @@
 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";
 
-  function _templateObject_942d134022d211eaa0764d1a500fd781() {
+  function _templateObject_4f77ebe0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_942d134022d211eaa0764d1a500fd781 = function _templateObject_942d134022d211eaa0764d1a500fd781() {
+    _templateObject_4f77ebe0243411ea86f395335a802507 = function _templateObject_4f77ebe0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_942d134022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f77ebe0243411ea86f395335a802507());
   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 78aae517f47..d5a0fbde20b 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,16 +1,16 @@
 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";
 
-  function _templateObject_9443817022d211eaa0764d1a500fd781() {
+  function _templateObject_4f788820243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_9443817022d211eaa0764d1a500fd781 = function _templateObject_9443817022d211eaa0764d1a500fd781() {
+    _templateObject_4f788820243411ea86f395335a802507 = function _templateObject_4f788820243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_9443817022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f788820243411ea86f395335a802507());
   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 6e12cdac5ea..e00d1394e8b 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,16 +1,16 @@
 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";
 
-  function _templateObject_944444c022d211eaa0764d1a500fd781() {
+  function _templateObject_4f794b70243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_944444c022d211eaa0764d1a500fd781 = function _templateObject_944444c022d211eaa0764d1a500fd781() {
+    _templateObject_4f794b70243411ea86f395335a802507 = function _templateObject_4f794b70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_944444c022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f794b70243411ea86f395335a802507());
   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 f60685e902b..061a39807b8 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,16 +1,16 @@
 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";
 
-  function _templateObject_94452f2022d211eaa0764d1a500fd781() {
+  function _templateObject_4f7a0ec0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_94452f2022d211eaa0764d1a500fd781 = function _templateObject_94452f2022d211eaa0764d1a500fd781() {
+    _templateObject_4f7a0ec0243411ea86f395335a802507 = function _templateObject_4f7a0ec0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_94452f2022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f7a0ec0243411ea86f395335a802507());
   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 c73a2d07d04..d5fa7b2bf07 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,16 +1,16 @@
 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";
 
-  function _templateObject_9445f27022d211eaa0764d1a500fd781() {
+  function _templateObject_4f7aab00243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_9445f27022d211eaa0764d1a500fd781 = function _templateObject_9445f27022d211eaa0764d1a500fd781() {
+    _templateObject_4f7aab00243411ea86f395335a802507 = function _templateObject_4f7aab00243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_9445f27022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f7aab00243411ea86f395335a802507());
   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 3f6fecdf208..7dd31aedffc 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,16 +1,16 @@
 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";
 
-  function _templateObject_9446b5c022d211eaa0764d1a500fd781() {
+  function _templateObject_4f7b9560243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_9446b5c022d211eaa0764d1a500fd781 = function _templateObject_9446b5c022d211eaa0764d1a500fd781() {
+    _templateObject_4f7b9560243411ea86f395335a802507 = function _templateObject_4f7b9560243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_9446b5c022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f7b9560243411ea86f395335a802507());
   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 3de2fb01c3a..121e1205086 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,16 +1,16 @@
 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";
 
-  function _templateObject_94483c6022d211eaa0764d1a500fd781() {
+  function _templateObject_4f9dc360243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_94483c6022d211eaa0764d1a500fd781 = function _templateObject_94483c6022d211eaa0764d1a500fd781() {
+    _templateObject_4f9dc360243411ea86f395335a802507 = function _templateObject_4f9dc360243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_94483c6022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f9dc360243411ea86f395335a802507());
   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 bffde7cda68..9049e103e95 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,16 +1,16 @@
 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";
 
-  function _templateObject_9448ffb022d211eaa0764d1a500fd781() {
+  function _templateObject_4f9f22f0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_9448ffb022d211eaa0764d1a500fd781 = function _templateObject_9448ffb022d211eaa0764d1a500fd781() {
+    _templateObject_4f9f22f0243411ea86f395335a802507 = function _templateObject_4f9f22f0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_9448ffb022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4f9f22f0243411ea86f395335a802507());
   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 9ad0f4c47a2..cb07907d90c 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,16 +1,16 @@
 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";
 
-  function _templateObject_944a112022d211eaa0764d1a500fd781() {
+  function _templateObject_4fa00d50243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_944a112022d211eaa0764d1a500fd781 = function _templateObject_944a112022d211eaa0764d1a500fd781() {
+    _templateObject_4fa00d50243411ea86f395335a802507 = function _templateObject_4fa00d50243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_944a112022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4fa00d50243411ea86f395335a802507());
   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 039c612c0cd..f67a6928f91 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,16 +1,16 @@
 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";
 
-  function _templateObject_944ad47022d211eaa0764d1a500fd781() {
+  function _templateObject_4fa0a990243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_944ad47022d211eaa0764d1a500fd781 = function _templateObject_944ad47022d211eaa0764d1a500fd781() {
+    _templateObject_4fa0a990243411ea86f395335a802507 = function _templateObject_4fa0a990243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_944ad47022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4fa0a990243411ea86f395335a802507());
   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 3005182c82b..1f2390a6e99 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,16 +1,16 @@
 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";
 
-  function _templateObject_944b70b022d211eaa0764d1a500fd781() {
+  function _templateObject_4fa16ce0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_944b70b022d211eaa0764d1a500fd781 = function _templateObject_944b70b022d211eaa0764d1a500fd781() {
+    _templateObject_4fa16ce0243411ea86f395335a802507 = function _templateObject_4fa16ce0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_944b70b022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4fa16ce0243411ea86f395335a802507());
   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 76bc42039f7..d9049bd00a2 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,16 +1,16 @@
 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";
 
-  function _templateObject_944c340022d211eaa0764d1a500fd781() {
+  function _templateObject_4fa20920243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_944c340022d211eaa0764d1a500fd781 = function _templateObject_944c340022d211eaa0764d1a500fd781() {
+    _templateObject_4fa20920243411ea86f395335a802507 = function _templateObject_4fa20920243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_944c340022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4fa20920243411ea86f395335a802507());
   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 ef1407bad1a..d3ac104e2f4 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,16 +1,16 @@
 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";
 
-  function _templateObject_944cd04022d211eaa0764d1a500fd781() {
+  function _templateObject_4fa2a560243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_944cd04022d211eaa0764d1a500fd781 = function _templateObject_944cd04022d211eaa0764d1a500fd781() {
+    _templateObject_4fa2a560243411ea86f395335a802507 = function _templateObject_4fa2a560243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_944cd04022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4fa2a560243411ea86f395335a802507());
   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 5747ea37b2c..65a448a5368 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,16 +1,16 @@
 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";
 
-  function _templateObject_944d6c8022d211eaa0764d1a500fd781() {
+  function _templateObject_4fa368b0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_944d6c8022d211eaa0764d1a500fd781 = function _templateObject_944d6c8022d211eaa0764d1a500fd781() {
+    _templateObject_4fa368b0243411ea86f395335a802507 = function _templateObject_4fa368b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_944d6c8022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4fa368b0243411ea86f395335a802507());
   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 8b945138784..e8791e1cd86 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,16 +1,16 @@
 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";
 
-  function _templateObject_944e08c022d211eaa0764d1a500fd781() {
+  function _templateObject_4fa404f0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_944e08c022d211eaa0764d1a500fd781 = function _templateObject_944e08c022d211eaa0764d1a500fd781() {
+    _templateObject_4fa404f0243411ea86f395335a802507 = function _templateObject_4fa404f0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_944e08c022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4fa404f0243411ea86f395335a802507());
   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 9b025168ab5..73a8aceab15 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,16 +1,16 @@
 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";
 
-  function _templateObject_944ecc1022d211eaa0764d1a500fd781() {
+  function _templateObject_4fa4c840243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_944ecc1022d211eaa0764d1a500fd781 = function _templateObject_944ecc1022d211eaa0764d1a500fd781() {
+    _templateObject_4fa4c840243411ea86f395335a802507 = function _templateObject_4fa4c840243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_944ecc1022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4fa4c840243411ea86f395335a802507());
   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 81b280c0270..522b16203b4 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,16 +1,16 @@
 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";
 
-  function _templateObject_944f685022d211eaa0764d1a500fd781() {
+  function _templateObject_4fa58b90243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_944f685022d211eaa0764d1a500fd781 = function _templateObject_944f685022d211eaa0764d1a500fd781() {
+    _templateObject_4fa58b90243411ea86f395335a802507 = function _templateObject_4fa58b90243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_944f685022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4fa58b90243411ea86f395335a802507());
   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 6e9e3bb317a..cef0d6afb82 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,16 +1,16 @@
 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";
 
-  function _templateObject_945052b022d211eaa0764d1a500fd781() {
+  function _templateObject_4fa64ee0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_945052b022d211eaa0764d1a500fd781 = function _templateObject_945052b022d211eaa0764d1a500fd781() {
+    _templateObject_4fa64ee0243411ea86f395335a802507 = function _templateObject_4fa64ee0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_945052b022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4fa64ee0243411ea86f395335a802507());
   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 e97a6333b12..14ab574a534 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,16 +1,16 @@
 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";
 
-  function _templateObject_9451160022d211eaa0764d1a500fd781() {
+  function _templateObject_4fa6eb20243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_9451160022d211eaa0764d1a500fd781 = function _templateObject_9451160022d211eaa0764d1a500fd781() {
+    _templateObject_4fa6eb20243411ea86f395335a802507 = function _templateObject_4fa6eb20243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_9451160022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4fa6eb20243411ea86f395335a802507());
   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 8a44c8b13d0..10d41da8f61 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,16 +1,16 @@
 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";
 
-  function _templateObject_94524e8022d211eaa0764d1a500fd781() {
+  function _templateObject_4fa78760243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_94524e8022d211eaa0764d1a500fd781 = function _templateObject_94524e8022d211eaa0764d1a500fd781() {
+    _templateObject_4fa78760243411ea86f395335a802507 = function _templateObject_4fa78760243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_94524e8022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4fa78760243411ea86f395335a802507());
   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 5471ae278c9..c0e14ebbd3a 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,16 +1,16 @@
 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";
 
-  function _templateObject_945311d022d211eaa0764d1a500fd781() {
+  function _templateObject_4fa8bfe0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_945311d022d211eaa0764d1a500fd781 = function _templateObject_945311d022d211eaa0764d1a500fd781() {
+    _templateObject_4fa8bfe0243411ea86f395335a802507 = function _templateObject_4fa8bfe0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_945311d022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4fa8bfe0243411ea86f395335a802507());
   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 e5d3d1a26ae..4ac03baf164 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,16 +1,16 @@
 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";
 
-  function _templateObject_9453fc3022d211eaa0764d1a500fd781() {
+  function _templateObject_4fa9d150243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_9453fc3022d211eaa0764d1a500fd781 = function _templateObject_9453fc3022d211eaa0764d1a500fd781() {
+    _templateObject_4fa9d150243411ea86f395335a802507 = function _templateObject_4fa9d150243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_9453fc3022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_4fa9d150243411ea86f395335a802507());
   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 811240474f1..fb9ade5c15c 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,50 +7,50 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
   _exports.MediaImage = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject9_873622d022d211eaa0764d1a500fd781() {
+  function _templateObject9_41f18cb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\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      "]);
 
-    _templateObject9_873622d022d211eaa0764d1a500fd781 = function _templateObject9_873622d022d211eaa0764d1a500fd781() {
+    _templateObject9_41f18cb0243411ea86f395335a802507 = function _templateObject9_41f18cb0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject8_873622d022d211eaa0764d1a500fd781() {
+  function _templateObject8_41f18cb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <slot id=\"slot\"></slot>\n            "]);
 
-    _templateObject8_873622d022d211eaa0764d1a500fd781 = function _templateObject8_873622d022d211eaa0764d1a500fd781() {
+    _templateObject8_41f18cb0243411ea86f395335a802507 = function _templateObject8_41f18cb0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject7_873622d022d211eaa0764d1a500fd781() {
+  function _templateObject7_41f18cb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"caption\">\n        ", "\n      </div>\n    "]);
 
-    _templateObject7_873622d022d211eaa0764d1a500fd781 = function _templateObject7_873622d022d211eaa0764d1a500fd781() {
+    _templateObject7_41f18cb0243411ea86f395335a802507 = function _templateObject7_41f18cb0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject6_873622d022d211eaa0764d1a500fd781() {
+  function _templateObject6_41f18cb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        .citation {\n          font-size: 12.8px;\n          font-style: italic;\n          color: #4c4c4c;\n          margin: 15px 0 15px;\n        }\n      "]);
 
-    _templateObject6_873622d022d211eaa0764d1a500fd781 = function _templateObject6_873622d022d211eaa0764d1a500fd781() {
+    _templateObject6_41f18cb0243411ea86f395335a802507 = function _templateObject6_41f18cb0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject5_873622d022d211eaa0764d1a500fd781() {
+  function _templateObject5_41f18cb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"citation\"><slot></slot></div>\n    "]);
 
-    _templateObject5_873622d022d211eaa0764d1a500fd781 = function _templateObject5_873622d022d211eaa0764d1a500fd781() {
+    _templateObject5_41f18cb0243411ea86f395335a802507 = function _templateObject5_41f18cb0243411ea86f395335a802507() {
       return data;
     };
 
@@ -61,40 +61,40 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject4_873622d022d211eaa0764d1a500fd781() {
+  function _templateObject4_41f18cb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <media-image-caption>\n              <slot name=\"caption\">\n                ", "\n              </slot>\n            </media-image-caption>\n          "]);
 
-    _templateObject4_873622d022d211eaa0764d1a500fd781 = function _templateObject4_873622d022d211eaa0764d1a500fd781() {
+    _templateObject4_41f18cb0243411ea86f395335a802507 = function _templateObject4_41f18cb0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_873622d022d211eaa0764d1a500fd781() {
+  function _templateObject3_41f18cb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <figure-label\n              title=\"", "\"\n              description=\"", "\"\n            ></figure-label>\n          "]);
 
-    _templateObject3_873622d022d211eaa0764d1a500fd781 = function _templateObject3_873622d022d211eaa0764d1a500fd781() {
+    _templateObject3_41f18cb0243411ea86f395335a802507 = function _templateObject3_41f18cb0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_873622d022d211eaa0764d1a500fd781() {
+  function _templateObject2_41f18cb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <iron-image\n        resource=\"", "-image\"\n        src=\"", "\"\n        alt=\"", "\"\n      ></iron-image>\n      <media-image-citation>\n        <slot name=\"citation\">\n          ", "\n        </slot>\n      </media-image-citation>\n      ", "\n    "]);
 
-    _templateObject2_873622d022d211eaa0764d1a500fd781 = function _templateObject2_873622d022d211eaa0764d1a500fd781() {
+    _templateObject2_41f18cb0243411ea86f395335a802507 = function _templateObject2_41f18cb0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_873622d022d211eaa0764d1a500fd781() {
+  function _templateObject_41f18cb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          width: auto;\n          margin: auto;\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        :host([round]) iron-image {\n          border-radius: 50%;\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        iron-image {\n          width: 100%;\n          --iron-image-width: 100%;\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      "]);
 
-    _templateObject_873622d022d211eaa0764d1a500fd781 = function _templateObject_873622d022d211eaa0764d1a500fd781() {
+    _templateObject_41f18cb0243411ea86f395335a802507 = function _templateObject_41f18cb0243411ea86f395335a802507() {
       return data;
     };
 
@@ -118,7 +118,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_873622d022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_41f18cb0243411ea86f395335a802507())];
       }
     }]);
 
@@ -164,7 +164,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
     }, {
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_873622d022d211eaa0764d1a500fd781(), this._hasFigureLabel(this.figureLabelTitle, this.figureLabelDescription) ? (0, _litElement.html)(_templateObject3_873622d022d211eaa0764d1a500fd781(), this.figureLabelTitle, this.figureLabelDescription) : "", this.schemaResourceID, this.source, this.alt, this.citation, this._hasCaption ? (0, _litElement.html)(_templateObject4_873622d022d211eaa0764d1a500fd781(), this.caption) : "");
+        return (0, _litElement.html)(_templateObject2_41f18cb0243411ea86f395335a802507(), this._hasFigureLabel(this.figureLabelTitle, this.figureLabelDescription) ? (0, _litElement.html)(_templateObject3_41f18cb0243411ea86f395335a802507(), this.figureLabelTitle, this.figureLabelDescription) : "", this.schemaResourceID, this.source, this.alt, this.citation, this._hasCaption ? (0, _litElement.html)(_templateObject4_41f18cb0243411ea86f395335a802507(), this.caption) : "");
       }
     }, {
       key: "_hasFigureLabel",
@@ -450,7 +450,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
     babelHelpers.createClass(MediaImageCitation, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject5_873622d022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject5_41f18cb0243411ea86f395335a802507());
       }
     }], [{
       key: "styles",
@@ -459,7 +459,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject6_873622d022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject6_41f18cb0243411ea86f395335a802507())];
       }
     }, {
       key: "tag",
@@ -491,7 +491,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
     babelHelpers.createClass(MediaImageCaption, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject7_873622d022d211eaa0764d1a500fd781(), !this.__hasContent ? (0, _litElement.html)(_templateObject8_873622d022d211eaa0764d1a500fd781()) : "");
+        return (0, _litElement.html)(_templateObject7_41f18cb0243411ea86f395335a802507(), !this.__hasContent ? (0, _litElement.html)(_templateObject8_41f18cb0243411ea86f395335a802507()) : "");
       }
     }], [{
       key: "styles",
@@ -500,7 +500,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject9_873622d022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject9_41f18cb0243411ea86f395335a802507())];
       }
     }, {
       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 e7aa7d6cc21..b4bf47054dd 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
@@ -6,20 +6,20 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
   });
   _exports.MemeMaker = void 0;
 
-  function _templateObject2_8752f9a022d211eaa0764d1a500fd781() {
+  function _templateObject2_421197d0243411ea86f395335a802507() {
     var data = 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        }\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      "]);
 
-    _templateObject2_8752f9a022d211eaa0764d1a500fd781 = function _templateObject2_8752f9a022d211eaa0764d1a500fd781() {
+    _templateObject2_421197d0243411ea86f395335a802507 = function _templateObject2_421197d0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8752f9a022d211eaa0764d1a500fd781() {
+  function _templateObject_421197d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <figure>\n        <img loading=\"lazy\" src=\"", "\" .alt=\"", "\" />\n        <figcaption class=\"top-text\">", "</figcaption>\n        <figcaption class=\"bottom-text\">", "</figcaption>\n      </figure>\n    "]);
 
-    _templateObject_8752f9a022d211eaa0764d1a500fd781 = function _templateObject_8752f9a022d211eaa0764d1a500fd781() {
+    _templateObject_421197d0243411ea86f395335a802507 = function _templateObject_421197d0243411ea86f395335a802507() {
       return data;
     };
 
@@ -41,12 +41,12 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
     babelHelpers.createClass(MemeMaker, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8752f9a022d211eaa0764d1a500fd781(), this.imageUrl, this.alt, this.topText, this.bottomText);
+        return (0, _litElement.html)(_templateObject_421197d0243411ea86f395335a802507(), this.imageUrl, this.alt, this.topText, this.bottomText);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8752f9a022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_421197d0243411ea86f395335a802507())];
       }
     }, {
       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 c8504ec56d8..4ac61ad42b0 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_87728f9022d211eaa0764d1a500fd781() {
+  function _templateObject2_4228a240243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: 16px 0;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        span {\n          margin-left: 8px;\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      "]);
 
-    _templateObject2_87728f9022d211eaa0764d1a500fd781 = function _templateObject2_87728f9022d211eaa0764d1a500fd781() {
+    _templateObject2_4228a240243411ea86f395335a802507 = function _templateObject2_4228a240243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_87728f9022d211eaa0764d1a500fd781() {
+  function _templateObject_4228a240243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <h2>", "<span aria-hidden=\"true\">", "</span></h2>\n    "]);
 
-    _templateObject_87728f9022d211eaa0764d1a500fd781 = function _templateObject_87728f9022d211eaa0764d1a500fd781() {
+    _templateObject_4228a240243411ea86f395335a802507 = function _templateObject_4228a240243411ea86f395335a802507() {
       return data;
     };
 
@@ -50,14 +50,14 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_87728f9022d211eaa0764d1a500fd781(), this.heading, this.endcap);
+        return (0, _litElement.html)(_templateObject_4228a240243411ea86f395335a802507(), this.heading, this.endcap);
       } // haxProperty definition
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_87728f9022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4228a240243411ea86f395335a802507())];
       }
     }, {
       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 b5a6831b42a..c947b9e4283 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,10 +7,10 @@ define(["exports", "meta", "../../lit-element/lit-element.js", "../es-global-bri
   _exports.MomentElement = void 0;
   meta = babelHelpers.interopRequireWildcard(meta);
 
-  function _templateObject_8b3a941022d211eaa0764d1a500fd781() {
+  function _templateObject_46039280243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", "\n    "]);
 
-    _templateObject_8b3a941022d211eaa0764d1a500fd781 = function _templateObject_8b3a941022d211eaa0764d1a500fd781() {
+    _templateObject_46039280243411ea86f395335a802507 = function _templateObject_46039280243411ea86f395335a802507() {
       return data;
     };
 
@@ -40,7 +40,7 @@ define(["exports", "meta", "../../lit-element/lit-element.js", "../es-global-bri
     babelHelpers.createClass(MomentElement, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8b3a941022d211eaa0764d1a500fd781(), this.output);
+        return (0, _litElement.html)(_templateObject_46039280243411ea86f395335a802507(), this.output);
       }
     }, {
       key: "pathFromUrl",
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 d86c9cd3449..30bdc29ac40 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
@@ -10,10 +10,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_946a6a6022d211eaa0764d1a500fd781() {
+  function _templateObject_4fad2cb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline-block;\n        }\n      </style>\n\n      <paper-icon-button\n        icon=\"[[icon]]\"\n        noink=\"[[noink]]\"\n        on-click=\"_handleCommand\"\n        alt=\"[[title]]\"\n      ></paper-icon-button>\n\n      <iron-a11y-keys\n        keys=\"[[keys]]\"\n        on-keys-pressed=\"_handleCommand\"\n        target=\"[[__editor]]\"\n      ></iron-a11y-keys>\n    "]);
 
-    _templateObject_946a6a6022d211eaa0764d1a500fd781 = function _templateObject_946a6a6022d211eaa0764d1a500fd781() {
+    _templateObject_4fad2cb0243411ea86f395335a802507 = function _templateObject_4fad2cb0243411ea86f395335a802507() {
       return data;
     };
 
@@ -33,7 +33,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     babelHelpers.createClass(MtzMarkedControlGenericLine, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_946a6a6022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4fad2cb0243411ea86f395335a802507());
       }
     }, {
       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 0a0fb98cee6..b4cdaae5e9f 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
@@ -10,10 +10,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_946c663022d211eaa0764d1a500fd781() {
+  function _templateObject_4faf2880243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline-block;\n        }\n      </style>\n\n      <paper-icon-button\n        icon=\"[[icon]]\"\n        noink=\"[[noink]]\"\n        on-click=\"_handleCommand\"\n        alt=\"[[title]]\"\n      ></paper-icon-button>\n\n      <iron-a11y-keys\n        keys=\"[[keys]]\"\n        on-keys-pressed=\"_handleCommand\"\n        target=\"[[__editor]]\"\n      ></iron-a11y-keys>\n    "]);
 
-    _templateObject_946c663022d211eaa0764d1a500fd781 = function _templateObject_946c663022d211eaa0764d1a500fd781() {
+    _templateObject_4faf2880243411ea86f395335a802507 = function _templateObject_4faf2880243411ea86f395335a802507() {
       return data;
     };
 
@@ -33,7 +33,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     babelHelpers.createClass(MtzMarkedControlGenericWrap, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_946c663022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4faf2880243411ea86f395335a802507());
       }
     }, {
       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 1da68b71506..751b5b7691c 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
@@ -10,10 +10,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_949523e022d211eaa0764d1a500fd781() {
+  function _templateObject_4fb54300243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline-block;\n        }\n      </style>\n\n      <paper-icon-button\n        icon=\"[[icon]]\"\n        noink=\"[[noink]]\"\n        on-click=\"_handleCommand\"\n        alt=\"[[title]]\"\n      ></paper-icon-button>\n\n      <iron-a11y-keys\n        keys=\"[[keys]]\"\n        on-keys-pressed=\"_handleCommand\"\n        target=\"[[__editor]]\"\n      ></iron-a11y-keys>\n    "]);
 
-    _templateObject_949523e022d211eaa0764d1a500fd781 = function _templateObject_949523e022d211eaa0764d1a500fd781() {
+    _templateObject_4fb54300243411ea86f395335a802507 = function _templateObject_4fb54300243411ea86f395335a802507() {
       return data;
     };
 
@@ -93,7 +93,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_949523e022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4fb54300243411ea86f395335a802507());
       }
     }, {
       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 f41ee381a60..8b51d428fb2 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
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8b297d1022d211eaa0764d1a500fd781() {
+  function _templateObject_45ee83e0243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_8b297d1022d211eaa0764d1a500fd781 = function _templateObject_8b297d1022d211eaa0764d1a500fd781() {
+    _templateObject_45ee83e0243411ea86f395335a802507 = function _templateObject_45ee83e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -33,7 +33,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     babelHelpers.createClass(MtzMarkedEditor, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8b297d1022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_45ee83e0243411ea86f395335a802507());
       }
     }, {
       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 3d0a34850e2..80b36983dbe 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
@@ -11,80 +11,80 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject8_8824efa022d211eaa0764d1a500fd781() {
+  function _templateObject8_42ee3c30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <div id=\"buttons\">\n              <paper-button\n                id=\"check\"\n                ?disabled=\"", "\"\n                raised\n                @click=\"", "\"\n                >", "</paper-button\n              >\n              <paper-button\n                id=\"reset\"\n                ?disabled=\"", "\"\n                raised\n                @click=\"", "\"\n                >", "</paper-button\n              >\n            </div>\n          "]);
 
-    _templateObject8_8824efa022d211eaa0764d1a500fd781 = function _templateObject8_8824efa022d211eaa0764d1a500fd781() {
+    _templateObject8_42ee3c30243411ea86f395335a802507 = function _templateObject8_42ee3c30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject7_8824efa022d211eaa0764d1a500fd781() {
+  function _templateObject7_42ee3c30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <li>\n                    <paper-checkbox\n                      ?disabled=\"", "\"\n                      property=\"oer:answer\"\n                      name=\"", "\"\n                      ?checked=\"", "\"\n                      @checked-changed=\"", "\"\n                      >", "</paper-checkbox\n                    >\n                  </li>\n                "]);
 
-    _templateObject7_8824efa022d211eaa0764d1a500fd781 = function _templateObject7_8824efa022d211eaa0764d1a500fd781() {
+    _templateObject7_42ee3c30243411ea86f395335a802507 = function _templateObject7_42ee3c30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject6_8824efa022d211eaa0764d1a500fd781() {
+  function _templateObject6_42ee3c30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <ul>\n              ", "\n            </ul>\n          "]);
 
-    _templateObject6_8824efa022d211eaa0764d1a500fd781 = function _templateObject6_8824efa022d211eaa0764d1a500fd781() {
+    _templateObject6_42ee3c30243411ea86f395335a802507 = function _templateObject6_42ee3c30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject5_8824efa022d211eaa0764d1a500fd781() {
+  function _templateObject5_42ee3c30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <paper-radio-button\n                    ?disabled=\"", "\"\n                    property=\"oer:answer\"\n                    name=\"", "\"\n                    ?checked=\"", "\"\n                    @checked-changed=\"", "\"\n                    >", "</paper-radio-button\n                  >\n                "]);
 
-    _templateObject5_8824efa022d211eaa0764d1a500fd781 = function _templateObject5_8824efa022d211eaa0764d1a500fd781() {
+    _templateObject5_42ee3c30243411ea86f395335a802507 = function _templateObject5_42ee3c30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_8824efa022d211eaa0764d1a500fd781() {
+  function _templateObject4_42ee3c30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <paper-radio-group>\n              ", "\n            </paper-radio-group>\n          "]);
 
-    _templateObject4_8824efa022d211eaa0764d1a500fd781 = function _templateObject4_8824efa022d211eaa0764d1a500fd781() {
+    _templateObject4_42ee3c30243411ea86f395335a802507 = function _templateObject4_42ee3c30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_8824efa022d211eaa0764d1a500fd781() {
+  function _templateObject3_42ee3c30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <h3><span property=\"oer:name\">", "</span></h3>\n          "]);
 
-    _templateObject3_8824efa022d211eaa0764d1a500fd781 = function _templateObject3_8824efa022d211eaa0764d1a500fd781() {
+    _templateObject3_42ee3c30243411ea86f395335a802507 = function _templateObject3_42ee3c30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_8824efa022d211eaa0764d1a500fd781() {
+  function _templateObject2_42ee3c30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <meta property=\"oer:assessing\" content=\"", "\" />\n      ", "\n      <div>", "</div>\n      ", "\n      ", "\n      <paper-toast\n        id=\"toast\"\n        scroll-action=\"cancel\"\n        duration=\"6000\"\n        position-target=\"", "\"\n        class=\"fit-bottom ", "\"\n      >\n        ", "\n        <iron-icon\n          icon=\"", "\"\n          style=\"margin-left:16px;\"\n        ></iron-icon>\n      </paper-toast>\n    "]);
 
-    _templateObject2_8824efa022d211eaa0764d1a500fd781 = function _templateObject2_8824efa022d211eaa0764d1a500fd781() {
+    _templateObject2_42ee3c30243411ea86f395335a802507 = function _templateObject2_42ee3c30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8824efa022d211eaa0764d1a500fd781() {
+  function _templateObject_42ee3c30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          padding: 16px 16px 54px 16px;\n          background-color: var(--simple-colors-default-theme-grey-1);\n          color: var(--simple-colors-default-theme-grey-12);\n          --paper-checkbox-unchecked-color: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --paper-checkbox-unchecked-ink-color: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --paper-checkbox-checked-color: var(\n            --simple-colors-default-theme-accent-8\n          );\n          --paper-checkbox-checked-ink-color: var(\n            --simple-colors-default-theme-accent-8\n          );\n          --paper-checkbox-checkmark-color: var(\n            --simple-colors-default-theme-grey-1\n          );\n          --paper-checkbox-label-color: var(\n            --simple-colors-default-theme-grey-12\n          );\n          --paper-checkbox-error-color: var(\n            --simple-colors-default-theme-red-8\n          );\n        }\n        :host([accent-color=\"grey\"]),\n        :host([accent-color=\"red\"]),\n        :host([accent-color=\"green\"]) {\n          --paper-checkbox-checked-color: var(\n            --simple-colors-default-theme-blue-8\n          );\n          --paper-checkbox-checked-ink-color: var(\n            --simple-colors-default-theme-blue-8\n          );\n        }\n        :host #check {\n          background-color: var(--simple-colors-default-theme-accent-8);\n          color: var(--simple-colors-default-theme-grey-1);\n        }\n        :host #check:hover {\n          background-color: var(--simple-colors-default-theme-accent-9);\n        }\n        :host([accent-color=\"red\"]) #check,\n        :host([accent-color=\"green\"]) #check {\n          background-color: var(--simple-colors-default-theme-blue-8);\n          color: var(--simple-colors-default-theme-grey-1);\n        }\n        :host([accent-color=\"red\"]) #check:hover,\n        :host([accent-color=\"green\"]) #check:hover {\n          background-color: var(--simple-colors-default-theme-blue-9);\n        }\n        :host([accent-color=\"grey\"]) #check,\n        :host paper-button {\n          background-color: var(--simple-colors-default-theme-grey-1);\n          color: var(--simple-colors-default-theme-grey-12);\n        }\n        :host([accent-color=\"grey\"]) #check:hover,\n        :host paper-button:hover {\n          cursor: pointer;\n          background-color: var(--simple-colors-default-theme-grey-2);\n          color: var(--simple-colors-default-theme-grey-12);\n        }\n        .red {\n          background-color: var(--simple-colors-default-theme-red-8);\n        }\n        .green {\n          background-color: var(--simple-colors-default-theme-green-8);\n        }\n        h3 {\n          margin: 8px;\n        }\n        ul {\n          list-style: none;\n          padding: 0;\n          margin: 0;\n        }\n        ul li {\n          padding: 8px;\n        }\n        paper-radio-button {\n          padding: 8px;\n          display: block;\n        }\n        paper-checkbox {\n          padding: 8px;\n        }\n        iron-icon {\n          display: inline-flex;\n        }\n      "]);
 
-    _templateObject_8824efa022d211eaa0764d1a500fd781 = function _templateObject_8824efa022d211eaa0764d1a500fd781() {
+    _templateObject_42ee3c30243411ea86f395335a802507 = function _templateObject_42ee3c30243411ea86f395335a802507() {
       return data;
     };
 
@@ -108,7 +108,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(MultipleChoice), "styles", this)), [(0, _litElement.css)(_templateObject_8824efa022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(MultipleChoice), "styles", this)), [(0, _litElement.css)(_templateObject_42ee3c30243411ea86f395335a802507())]);
       }
     }, {
       key: "tag",
@@ -205,11 +205,11 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
       value: function render() {
         var _this3 = this;
 
-        return (0, _litElement.html)(_templateObject2_8824efa022d211eaa0764d1a500fd781(), this.relatedResource, this.title ? (0, _litElement.html)(_templateObject3_8824efa022d211eaa0764d1a500fd781(), this.title) : "", this.question, this.singleOption ? (0, _litElement.html)(_templateObject4_8824efa022d211eaa0764d1a500fd781(), this.displayedAnswers.map(function (answer, index) {
-          return (0, _litElement.html)(_templateObject5_8824efa022d211eaa0764d1a500fd781(), _this3.disabled, index, answer.userGuess, _this3.checkedEvent, answer.label);
-        })) : (0, _litElement.html)(_templateObject6_8824efa022d211eaa0764d1a500fd781(), this.displayedAnswers.map(function (answer, index) {
-          return (0, _litElement.html)(_templateObject7_8824efa022d211eaa0764d1a500fd781(), _this3.disabled, index, answer.userGuess, _this3.checkedEvent, answer.label);
-        })), !this.hideButtons ? (0, _litElement.html)(_templateObject8_8824efa022d211eaa0764d1a500fd781(), this.disabled, this._verifyAnswers, this.checkLabel, this.disabled, this.resetAnswers, this.resetLabel) : "", this.positionTarget, this.__toastColor, this.__toastText, this.__toastIcon);
+        return (0, _litElement.html)(_templateObject2_42ee3c30243411ea86f395335a802507(), this.relatedResource, this.title ? (0, _litElement.html)(_templateObject3_42ee3c30243411ea86f395335a802507(), this.title) : "", this.question, this.singleOption ? (0, _litElement.html)(_templateObject4_42ee3c30243411ea86f395335a802507(), this.displayedAnswers.map(function (answer, index) {
+          return (0, _litElement.html)(_templateObject5_42ee3c30243411ea86f395335a802507(), _this3.disabled, index, answer.userGuess, _this3.checkedEvent, answer.label);
+        })) : (0, _litElement.html)(_templateObject6_42ee3c30243411ea86f395335a802507(), this.displayedAnswers.map(function (answer, index) {
+          return (0, _litElement.html)(_templateObject7_42ee3c30243411ea86f395335a802507(), _this3.disabled, index, answer.userGuess, _this3.checkedEvent, answer.label);
+        })), !this.hideButtons ? (0, _litElement.html)(_templateObject8_42ee3c30243411ea86f395335a802507(), this.disabled, this._verifyAnswers, this.checkLabel, this.disabled, this.resetAnswers, this.resetLabel) : "", this.positionTarget, this.__toastColor, this.__toastText, this.__toastIcon);
       }
     }, {
       key: "checkedEvent",
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 c29ffc3a034..6862dba84de 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_882cdee022d211eaa0764d1a500fd781() {
+  function _templateObject2_42f6eec0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n      "]);
 
-    _templateObject2_882cdee022d211eaa0764d1a500fd781 = function _templateObject2_882cdee022d211eaa0764d1a500fd781() {
+    _templateObject2_42f6eec0243411ea86f395335a802507 = function _templateObject2_42f6eec0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_882cdee022d211eaa0764d1a500fd781() {
+  function _templateObject_42f6eec0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <span property=\"oer:", "\">\n        <slot></slot> ", "\n      </span>\n    "]);
 
-    _templateObject_882cdee022d211eaa0764d1a500fd781 = function _templateObject_882cdee022d211eaa0764d1a500fd781() {
+    _templateObject_42f6eec0243411ea86f395335a802507 = function _templateObject_42f6eec0243411ea86f395335a802507() {
       return data;
     };
 
@@ -44,7 +44,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
     babelHelpers.createClass(OerSchemaElement, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_882cdee022d211eaa0764d1a500fd781(), this.oerProperty, this.text);
+        return (0, _litElement.html)(_templateObject_42f6eec0243411ea86f395335a802507(), this.oerProperty, this.text);
       }
     }], [{
       key: "styles",
@@ -53,7 +53,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_882cdee022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_42f6eec0243411ea86f395335a802507())];
       }
     }, {
       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 73ceafa023d..0a16f38c8c4 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,10 +8,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   async = babelHelpers.interopRequireWildcard(async);
   Gestures = babelHelpers.interopRequireWildcard(Gestures);
 
-  function _templateObject_9517e87022d211eaa0764d1a500fd781() {
+  function _templateObject_4fdbb6c0243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_9517e87022d211eaa0764d1a500fd781 = function _templateObject_9517e87022d211eaa0764d1a500fd781() {
+    _templateObject_4fdbb6c0243411ea86f395335a802507 = function _templateObject_4fdbb6c0243411ea86f395335a802507() {
       return data;
     };
 
@@ -37,7 +37,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9517e87022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4fdbb6c0243411ea86f395335a802507());
       }
     }, {
       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 8658818f830..e5737846eb7 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
@@ -11,10 +11,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_88476bc022d211eaa0764d1a500fd781() {
+  function _templateObject_430b6120243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <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        .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        .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        .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        paper-progress {\n          display: block;\n          width: 100%;\n          --paper-progress-active-color: rgba(255, 255, 255, 0.5);\n          --paper-progress-container-color: transparent;\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        paper-card {\n          width: 250px;\n          height: 300px;\n          display: block;\n          visibility: visible;\n          opacity: 1;\n        }\n\n        #addbutton {\n          opacity: 0.6;\n          background-color: var(--simple-colors-default-theme-grey-3, #ddd);\n        }\n        .add-button {\n          width: 200px;\n          height: 200px;\n          margin: auto;\n          display: flex;\n        }\n\n        paper-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        :host([details-mode=\"mid\"]) .mid-detail {\n          visibility: visible;\n          opacity: 1;\n        }\n\n        paper-card.card-low-detail {\n          width: 150px;\n          height: 150px;\n        }\n        paper-card.card-mid-detail {\n          width: 250px;\n          height: 250px;\n        }\n        paper-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        #minimaparea.show-minimap {\n          background-color: white;\n          opacity: 0.5;\n          visibility: visible;\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        .tf-tree * {\n          transition: 0.3s all ease;\n          box-sizing: border-box;\n          margin: 0;\n          padding: 0;\n        }\n        .tf-tree ul {\n          display: inline-flex;\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        .tf-tree li ul {\n          margin: 2em 0;\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        .tf-tree li li:first-child:before {\n          left: calc(50% - 0.03125em);\n          max-width: calc(50% + 0.0625em);\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        .tf-tree li li:only-child:before {\n          display: none;\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        .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        .tf-tree .tf-nc:before,\n        .tf-tree .tf-node-content:before {\n          top: -1.03125em;\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        .tf-tree .tf-nc:after,\n        .tf-tree .tf-node-content:after {\n          top: calc(100% + 0.03125em);\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        .tf-tree.tf-gap-sm li {\n          padding: 0 0.6em;\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        .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        .tf-tree.tf-gap-sm li ul {\n          margin: 1.2em 0;\n        }\n        .tf-tree.tf-gap-sm li li:before {\n          top: -0.63125em;\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        .tf-tree.tf-gap-lg li {\n          padding: 0 1.5em;\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        .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        .tf-tree.tf-gap-lg li ul {\n          margin: 3em 0;\n        }\n        .tf-tree.tf-gap-lg li li:before {\n          top: -1.53125em;\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        .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        .tf-tree li.tf-dotted-children li:before {\n          border-top-style: dotted;\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        .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        .tf-tree li.tf-dashed-children li:before {\n          border-top-style: dashed;\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        .tf-label {\n          transition: 0.3s all ease;\n          cursor: pointer;\n        }\n\n        .node-high-detail li iron-image {\n          height: 50px;\n          position: static;\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        .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          <paper-icon-button\n            on-click=\"_toggleViewMode\"\n            id=\"viewmode\"\n            icon=\"[[viewModeIcon]]\"\n          ></paper-icon-button>\n          <paper-tooltip for=\"viewmode\">[[viewModeLabel]]</paper-tooltip>\n          Detail: [[detailsModeLabel]]\n          <paper-icon-button\n            on-click=\"_toggleDetailsMode\"\n            id=\"detailsmode\"\n            icon=\"[[detailsModeIcon]]\"\n          ></paper-icon-button>\n          <paper-tooltip for=\"detailsmode\">[[detailsModeLabel]]</paper-tooltip>\n          <div main-title class=\"flex layout breadcrumb_layout\">\n            <iron-icon\n              class=\"breadcrumb-arrow\"\n              icon=\"icons:chevron-right\"\n            ></iron-icon>\n            <a class=\"breadcrumb\" id=\"main\">[[manifest.title]]</a>\n\n            <iron-icon\n              class=\"breadcrumb-arrow\"\n              icon=\"icons:chevron-right\"\n            ></iron-icon>\n            <a class=\"breadcrumb\" id=\"second\">Lesson 2</a>\n\n            <iron-icon\n              class=\"breadcrumb-arrow\"\n              icon=\"icons:chevron-right\"\n            ></iron-icon>\n            <a class=\"breadcrumb\" id=\"third\">Math Basics</a>\n          </div>\n          <div>\n            <paper-icon-button\n              on-click=\"_toggleMiniMap\"\n              id=\"minimap\"\n              icon=\"device:gps-fixed\"\n              title=\"Toggle outline mini map\"\n            ></paper-icon-button>\n            <paper-tooltip for=\"helpbutton\">Toggle mini-map</paper-tooltip>\n            <paper-icon-button\n              id=\"helpbutton\"\n              icon=\"icons:help\"\n              title=\"help\"\n            ></paper-icon-button>\n            <paper-tooltip for=\"helpbutton\">Help</paper-tooltip>\n          </div>\n          <paper-progress\n            value=\"10\"\n            indeterminate\n            bottom-item\n            hidden$=\"[[!__loading]]\"\n          ></paper-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                  <paper-card\n                    class$=\"card-[[detailsMode]]-detail\"\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                        <iron-swipeable-container\n                          ><li>Page 2</li></iron-swipeable-container\n                        >\n                        <iron-swipeable-container\n                          ><li>Page 3</li></iron-swipeable-container\n                        >\n                      </ul>\n                    </div>\n                  </paper-card>\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                    <paper-tooltip for$=\"item-tip-[[item.id]]\"\n                      >[[item.title]]</paper-tooltip\n                    >\n                    <iron-image\n                      src=\"[[item.metadata.image]]\"\n                      preload\n                      sizing=\"cover\"\n                      class=\"high-detail\"\n                    ></iron-image>\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                <paper-card\n                  class$=\"card-[[detailsMode]]-detail\"\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                </paper-card>\n              </div>\n            </template>\n          </sortable-list>\n        </section>\n      </iron-pages>\n      <canvas id=\"minimaparea\"></canvas>\n      <slot></slot>\n    "]);
 
-    _templateObject_88476bc022d211eaa0764d1a500fd781 = function _templateObject_88476bc022d211eaa0764d1a500fd781() {
+    _templateObject_430b6120243411ea86f395335a802507 = function _templateObject_430b6120243411ea86f395335a802507() {
       return data;
     };
 
@@ -318,7 +318,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_88476bc022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_430b6120243411ea86f395335a802507());
       } // 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 f32ff724bd8..ab6950b815e 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../haxcms-ele
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_8875a7b022d211eaa0764d1a500fd781() {
+  function _templateObject2_433fb790243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          site-title {\n            --site-title-heading: {\n              font-size: 24px;\n              color: black;\n              font-weight: normal;\n              line-height: 32px;\n              vertical-align: middle;\n              padding: 16px;\n              height: 32px;\n              margin: 0;\n              text-align: center;\n              text-overflow: ellipsis;\n              overflow: hidden;\n              word-break: break-word;\n              border-bottom: 1px solid #eeeeee;\n              position: sticky;\n            }\n          }\n          app-header {\n            color: var(--outline-player-dark);\n            /* Enable outline to be placed anywhere in the dom */\n            /* This will override the app-header-layout forcing fixed mode */\n            /*position: absolute !important;\n        left: 0 !important;*/\n            --app-header-background-rear-layer: {\n              /* app-header-layout will force fixed */\n              background-color: var(--outline-player-light);\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            --app-drawer-content-container: {\n              overflow: hidden;\n              background-color: var(--outline-player-light);\n            }\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: {\n              padding: 0;\n              background-color: #ffffff;\n              color: #000000;\n            }\n            --site-menu-container: {\n              padding: 0;\n              background-color: #ffffff;\n              color: #000000;\n            }\n            --site-menu-item-active-item-color: #000000;\n          }\n          site-menu-button {\n            --site-menu-button-button: {\n              border-radius: 50%;\n              background-color: rgba(0, 0, 0, 0.1);\n              height: 40px;\n              width: 40px;\n            }\n            --site-menu-button-button-hover: {\n              background-color: rgba(0, 0, 0, 0.2);\n            }\n          }\n        </style>\n      </custom-style>\n      <app-drawer-layout\n        .narrow=\"", "\"\n        @narrow-changed=\"", "\"\n      >\n        <app-drawer\n          id=\"drawer\"\n          swipe-open=\"\"\n          slot=\"drawer\"\n          .opened=\"", "\"\n          @opened-changed=\"", "\"\n        >\n          <site-title></site-title>\n          <site-menu></site-menu>\n        </app-drawer>\n        <app-header-layout>\n          <app-header slot=\"header\" reveals>\n            <app-toolbar>\n              <paper-icon-button\n                icon=\"menu\"\n                @click=\"", "\"\n              ></paper-icon-button>\n              <div main-title>\n                <site-active-title></site-active-title>\n                <div><slot name=\"title\"></slot></div>\n              </div>\n              <site-menu-button\n                type=\"prev\"\n                position=\"bottom\"\n                raised\n              ></site-menu-button>\n              <site-menu-button\n                type=\"next\"\n                position=\"bottom\"\n                raised\n              ></site-menu-button>\n              <site-print-button></site-print-button>\n            </app-toolbar>\n          </app-header>\n          <div id=\"content\">\n            <site-git-corner></site-git-corner>\n            <div id=\"contentcontainer\">\n              <div id=\"slot\"><slot></slot></div>\n            </div>\n          </div>\n        </app-header-layout>\n      </app-drawer-layout>\n    "]);
 
-    _templateObject2_8875a7b022d211eaa0764d1a500fd781 = function _templateObject2_8875a7b022d211eaa0764d1a500fd781() {
+    _templateObject2_433fb790243411ea86f395335a802507 = function _templateObject2_433fb790243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8875a7b022d211eaa0764d1a500fd781() {
+  function _templateObject_433fb790243411ea86f395335a802507() {
     var data = 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        :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: 48px;\n          line-height: 16px;\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\n        paper-progress {\n          display: block;\n          width: 100%;\n          --paper-progress-active-color: rgba(255, 255, 255, 0.5);\n          --paper-progress-container-color: transparent;\n        }\n\n        app-toolbar {\n          border-bottom: none;\n          background-color: #ffffff;\n          box-shadow: 0 0 6px -3px var(--outline-player-dark);\n        }\n        app-drawer-layout[narrow] app-toolbar {\n          position: fixed !important;\n          left: 0;\n          right: 0;\n        }\n        app-drawer-layout[narrow] #contentcontainer {\n          padding-top: 64px;\n        }\n        #content {\n          justify-content: center;\n          padding: 8px 8px 8px 8px;\n        }\n\n        #content > * {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n        }\n\n        /* Required for HAX */\n        :host([edit-mode]) #slot {\n          display: none !important;\n        }\n        :host([edit-mode]) #content {\n          padding: 32px 8px 8px 8px;\n        }\n        :host([is-logged-in]) app-drawer,\n        :host([is-logged-in]) app-drawer-layout[narrow] {\n          left: 48px;\n        }\n        #contentcontainer {\n          max-width: 840px;\n          margin: 0 auto;\n          padding: 0 16px 16px 16px;\n          flex: 1 1 auto;\n          order: 1;\n          display: flex;\n        }\n        #contentcontainer > * {\n          flex: 1 1 auto;\n          display: flex;\n          flex-direction: column;\n          width: 100%;\n        }\n        #contentcontainer h-a-x {\n          margin: 0;\n        }\n      "]);
 
-    _templateObject_8875a7b022d211eaa0764d1a500fd781 = function _templateObject_8875a7b022d211eaa0764d1a500fd781() {
+    _templateObject_433fb790243411ea86f395335a802507 = function _templateObject_433fb790243411ea86f395335a802507() {
       return data;
     };
 
@@ -49,7 +49,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../haxcms-ele
        * LitElement style render
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(OutlinePlayer), "styles", this)), [(0, _litElement.css)(_templateObject_8875a7b022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(OutlinePlayer), "styles", this)), [(0, _litElement.css)(_templateObject_433fb790243411ea86f395335a802507())]);
       }
       /**
        * Store the tag name to make it easier to obtain directly.
@@ -114,7 +114,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../haxcms-ele
     babelHelpers.createClass(OutlinePlayer, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_8875a7b022d211eaa0764d1a500fd781(), this.narrow, this._narrowChanged, this.opened, this._openedChanged, this._toggleMenu);
+        return (0, _litElement.html)(_templateObject2_433fb790243411ea86f395335a802507(), this.narrow, this._narrowChanged, this.opened, this._openedChanged, this._toggleMenu);
       }
     }, {
       key: "_narrowChanged",
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 044865b33a5..c109888a6ab 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
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_88d999a022d211eaa0764d1a500fd781() {
+  function _templateObject_4396ff50243411ea86f395335a802507() {
     var data = 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        paper-icon-button,\n        iron-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        paper-icon-button,\n        iron-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          <paper-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          ></paper-icon-button>\n          <paper-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          ></paper-icon-button>\n          <iron-icon\n            id=\"error\"\n            icon=\"paper-audio-icons:error-outline\"\n            class=\"fit\"\n            hidden$=\"[[ !error ]]\"\n          ></iron-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          <paper-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          ></paper-icon-button>\n        </div>\n      </div>\n    "], ["\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        paper-icon-button,\n        iron-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        paper-icon-button,\n        iron-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          <paper-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          ></paper-icon-button>\n          <paper-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          ></paper-icon-button>\n          <iron-icon\n            id=\"error\"\n            icon=\"paper-audio-icons:error-outline\"\n            class=\"fit\"\n            hidden$=\"[[ !error ]]\"\n          ></iron-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          <paper-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          ></paper-icon-button>\n        </div>\n      </div>\n    "]);
 
-    _templateObject_88d999a022d211eaa0764d1a500fd781 = function _templateObject_88d999a022d211eaa0764d1a500fd781() {
+    _templateObject_4396ff50243411ea86f395335a802507 = function _templateObject_4396ff50243411ea86f395335a802507() {
       return data;
     };
 
@@ -380,7 +380,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_88d999a022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4396ff50243411ea86f395335a802507());
       }
     }, {
       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 f4dcf6de2b7..90b34fe8495 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,30 +8,30 @@ define(["exports", "meta", "../../lit-element/lit-element.js", "../es-global-bri
   meta = babelHelpers.interopRequireWildcard(meta);
   md5 = babelHelpers.interopRequireWildcard(md5);
 
-  function _templateObject3_88ee0c0022d211eaa0764d1a500fd781() {
+  function _templateObject3_43ac5c10243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --paper-avatar-width: 40px;\n          display: inline-block;\n          box-sizing: border-box;\n          position: relative;\n          width: var(--paper-avatar-width);\n          height: var(--paper-avatar-width);\n          border-radius: 50%;\n          cursor: default;\n          background-color: var(\n            --paper-avatar-color,\n            var(--paper-avatar-bgcolor)\n          );\n          -webkit-user-select: none;\n          -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n        }\n\n        :host > * {\n          pointer-events: none;\n        }\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        }\n        #label span {\n          display: block;\n          width: 100%;\n          font-weight: 400;\n          color: var(--paper-avatar-text-color, rgba(255, 255, 255, 0.8));\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) / 1.65);\n        }\n        #jdenticon {\n          width: var(--paper-avatar-width);\n          height: var(--paper-avatar-width);\n        }\n        #jdenticon * {\n          fill: var(\n            --paper-avatar-text-color,\n            rgba(255, 255, 255, 0.8)\n          ) !important;\n        }\n      "]);
 
-    _templateObject3_88ee0c0022d211eaa0764d1a500fd781 = function _templateObject3_88ee0c0022d211eaa0764d1a500fd781() {
+    _templateObject3_43ac5c10243411ea86f395335a802507 = function _templateObject3_43ac5c10243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_88ee0c0022d211eaa0764d1a500fd781() {
+  function _templateObject2_43ac5c10243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <img\n              id=\"img\"\n              loading=\"lazy\"\n              src=\"", "\"\n              title=\"", "\"\n              @load=\"", "\"\n              @error=\"", "\"\n              title=\"", "\"\n            />\n          "]);
 
-    _templateObject2_88ee0c0022d211eaa0764d1a500fd781 = function _templateObject2_88ee0c0022d211eaa0764d1a500fd781() {
+    _templateObject2_43ac5c10243411ea86f395335a802507 = function _templateObject2_43ac5c10243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_88ee0c0022d211eaa0764d1a500fd781() {
+  function _templateObject_43ac5c10243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"label\" title=\"", "\">\n        <span>", "</span>\n      </div>\n      <svg id=\"jdenticon\" width=\"40\" height=\"40\"><slot></slot></svg>\n      ", "\n    "]);
 
-    _templateObject_88ee0c0022d211eaa0764d1a500fd781 = function _templateObject_88ee0c0022d211eaa0764d1a500fd781() {
+    _templateObject_43ac5c10243411ea86f395335a802507 = function _templateObject_43ac5c10243411ea86f395335a802507() {
       return data;
     };
 
@@ -75,7 +75,7 @@ define(["exports", "meta", "../../lit-element/lit-element.js", "../es-global-bri
        * LitElement render method
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_88ee0c0022d211eaa0764d1a500fd781(), this.label, this._label(this.label), this.src ? (0, _litElement.html)(_templateObject2_88ee0c0022d211eaa0764d1a500fd781(), this.src, this.label, this._onImgLoad, this._onImgError, this.color) : "");
+        return (0, _litElement.html)(_templateObject_43ac5c10243411ea86f395335a802507(), this.label, this._label(this.label), this.src ? (0, _litElement.html)(_templateObject2_43ac5c10243411ea86f395335a802507(), this.src, this.label, this._onImgLoad, this._onImgError, this.color) : "");
       }
       /**
        * HTMLElement specification
@@ -88,7 +88,7 @@ define(["exports", "meta", "../../lit-element/lit-element.js", "../es-global-bri
        * LitElement style method
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_88ee0c0022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_43ac5c10243411ea86f395335a802507())];
       }
       /**
        * 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 07624a71adf..ac1806f6e9c 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.PaperFabSpeedDialOverlay = void 0;
 
-  function _templateObject_9527ee0022d211eaa0764d1a500fd781() {
+  function _templateObject_4ffc3710243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <slot></slot>\n    "]);
 
-    _templateObject_9527ee0022d211eaa0764d1a500fd781 = function _templateObject_9527ee0022d211eaa0764d1a500fd781() {
+    _templateObject_4ffc3710243411ea86f395335a802507 = function _templateObject_4ffc3710243411ea86f395335a802507() {
       return data;
     };
 
@@ -29,7 +29,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     babelHelpers.createClass(PaperFabSpeedDialOverlay, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9527ee0022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4ffc3710243411ea86f395335a802507());
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/paper-fab-transitions/lib/paper-fab-morph.js b/build/es5-amd/node_modules/@lrnwebcomponents/paper-fab-transitions/lib/paper-fab-morph.js
index c70ad0bcb48..79231495033 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/paper-fab-transitions/lib/paper-fab-morph.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/paper-fab-transitions/lib/paper-fab-morph.js
@@ -6,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.PaperFabMorph = void 0;
 
-  function _templateObject_952c5ad022d211eaa0764d1a500fd781() {
+  function _templateObject_50014020243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        iron-dropdown {\n          @apply --paper-morph-dropdown;\n        }\n        .dropdown-content {\n          @apply --paper-morph-content;\n        }\n        #morpher {\n          position: fixed;\n          display: none;\n          background-color: var(--paper-morph-background, #fff);\n        }\n      </style>\n      <span id=\"fabContainer\" class=\"dropdown-trigger\"\n        ><slot name=\"dropdown-trigger\"></slot\n      ></span>\n      <span id=\"contentContainer\" class=\"dropdown-content\"\n        ><slot name=\"dropdown-content\"></slot\n      ></span>\n      <paper-material id=\"morpher\"></paper-material>\n    "]);
 
-    _templateObject_952c5ad022d211eaa0764d1a500fd781 = function _templateObject_952c5ad022d211eaa0764d1a500fd781() {
+    _templateObject_50014020243411ea86f395335a802507 = function _templateObject_50014020243411ea86f395335a802507() {
       return data;
     };
 
@@ -203,7 +203,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_952c5ad022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_50014020243411ea86f395335a802507());
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/paper-fab-transitions/lib/paper-fab-speed-dial.js b/build/es5-amd/node_modules/@lrnwebcomponents/paper-fab-transitions/lib/paper-fab-speed-dial.js
index 5709e3f5215..53ae468a672 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/paper-fab-transitions/lib/paper-fab-speed-dial.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/paper-fab-transitions/lib/paper-fab-speed-dial.js
@@ -6,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.PaperFabSpeedDial = void 0;
 
-  function _templateObject_952fdd4022d211eaa0764d1a500fd781() {
+  function _templateObject_50049b80243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          :host .vertical ::content .dropdown-content {\n            @apply --layout-vertical;\n          }\n          :host .horizontal ::content .dropdown-content {\n            @apply --layout-horizontal;\n          }\n          :host ::content .dropdown-content > * {\n            margin: 8px;\n            @apply --paper-fab-speed-dial-option;\n          }\n        </style>\n      </custom-style>\n      <slot id=\"fabContainer\" name=\"dropdown-trigger\"></slot>\n      <iron-dropdown\n        id=\"dropdown\"\n        open-animation-config=\"[[openAnimationConfig]]\"\n        close-animation-config=\"[[closeAnimationConfig]]\"\n      >\n        <slot id=\"contentContainer\" name=\"dropdown-content\"></slot>\n      </iron-dropdown>\n    "]);
 
-    _templateObject_952fdd4022d211eaa0764d1a500fd781 = function _templateObject_952fdd4022d211eaa0764d1a500fd781() {
+    _templateObject_50049b80243411ea86f395335a802507 = function _templateObject_50049b80243411ea86f395335a802507() {
       return data;
     };
 
@@ -143,7 +143,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_952fdd4022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_50049b80243411ea86f395335a802507());
       }
     }, {
       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 b3e9b6835ba..67eefd8835a 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
   _exports.PaperInputFlagged = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_8967a8d022d211eaa0764d1a500fd781() {
+  function _templateObject2_44222850243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-input\n        label=\"", "\"\n        value=\"", "\"\n        @value-changed=\"", "\"\n        ?char-counter=\"", "\"\n        ?disabled=\"", "\"\n        minlength=\"", "\"\n        maxlength=\"", "\"\n      >\n        <iron-icon id=\"icon\" icon=\"", "\" slot=\"prefix\"></iron-icon>\n      </paper-input>\n      <div class=\"element-invisible\">", "</div>\n      <paper-tooltip\n        for=\"icon\"\n        position=\"top\"\n        offset=\"20\"\n        fit-to-visible-bounds\n      >\n        ", "\n      </paper-tooltip>\n    "]);
 
-    _templateObject2_8967a8d022d211eaa0764d1a500fd781 = function _templateObject2_8967a8d022d211eaa0764d1a500fd781() {
+    _templateObject2_44222850243411ea86f395335a802507 = function _templateObject2_44222850243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8967a8d022d211eaa0764d1a500fd781() {
+  function _templateObject_44222850243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        iron-icon {\n          transition: 0.6s all ease-in;\n          width: 24px;\n          height: 24px;\n          margin-right: 4px;\n        }\n        paper-tooltip {\n          --paper-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      "]);
 
-    _templateObject_8967a8d022d211eaa0764d1a500fd781 = function _templateObject_8967a8d022d211eaa0764d1a500fd781() {
+    _templateObject_44222850243411ea86f395335a802507 = function _templateObject_44222850243411ea86f395335a802507() {
       return data;
     };
 
@@ -47,7 +47,7 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_8967a8d022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_44222850243411ea86f395335a802507())];
       }
     }]);
 
@@ -139,7 +139,7 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
     }, {
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_8967a8d022d211eaa0764d1a500fd781(), this.label, this.value, this.valueEvent, this.charCounter, this.disabled, this.minlength, this.maxlength, this.icon, this.__activeMessage, this.__activeMessage);
+        return (0, _litElement.html)(_templateObject2_44222850243411ea86f395335a802507(), this.label, this.value, this.valueEvent, this.charCounter, this.disabled, this.minlength, this.maxlength, this.icon, this.__activeMessage, this.__activeMessage);
       }
     }, {
       key: "testStatus",
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 ec4b2d2cc3c..4818389ba70 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js", "../schema-behaviors/sche
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_89b8d61022d211eaa0764d1a500fd781() {
+  function _templateObject2_450a3e60243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject2_89b8d61022d211eaa0764d1a500fd781 = function _templateObject2_89b8d61022d211eaa0764d1a500fd781() {
+    _templateObject2_450a3e60243411ea86f395335a802507 = function _templateObject2_450a3e60243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_89b8d61022d211eaa0764d1a500fd781() {
+  function _templateObject_450a3e60243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"parallax_container\">\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    "]);
 
-    _templateObject_89b8d61022d211eaa0764d1a500fd781 = function _templateObject_89b8d61022d211eaa0764d1a500fd781() {
+    _templateObject_450a3e60243411ea86f395335a802507 = function _templateObject_450a3e60243411ea86f395335a802507() {
       return data;
     };
 
@@ -42,7 +42,7 @@ define(["exports", "../../lit-element/lit-element.js", "../schema-behaviors/sche
     babelHelpers.createClass(ParallaxImage, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_89b8d61022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_450a3e60243411ea86f395335a802507());
       }
     }], [{
       key: "styles",
@@ -51,7 +51,7 @@ define(["exports", "../../lit-element/lit-element.js", "../schema-behaviors/sche
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_89b8d61022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_450a3e60243411ea86f395335a802507())];
       }
     }, {
       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 b3f85025bb1..2f2f79e230c 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
@@ -7,10 +7,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
   _exports.PdfBrowserViewer = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_89f1724022d211eaa0764d1a500fd781() {
+  function _templateObject_45289bd0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: none;\n        }\n        :host([file]) {\n          display: inherit;\n        }\n      </style>\n\n      <template is=\"dom-if\" if=\"[[card]]\">\n        <paper-card 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            <paper-button on-click=\"_download\">[[downloadLabel]]</paper-button>\n          </div>\n        </paper-card>\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    "]);
 
-    _templateObject_89f1724022d211eaa0764d1a500fd781 = function _templateObject_89f1724022d211eaa0764d1a500fd781() {
+    _templateObject_45289bd0243411ea86f395335a802507 = function _templateObject_45289bd0243411ea86f395335a802507() {
       return data;
     };
 
@@ -105,7 +105,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_89f1724022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_45289bd0243411ea86f395335a802507());
       }
     }, {
       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 a79094b6ba1..5169e2cec05 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
@@ -11,10 +11,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8ac786f022d211eaa0764d1a500fd781() {
+  function _templateObject_4552e020243411ea86f395335a802507() {
     var data = 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          <paper-card class=\"paperCard\" style=\"width: {{width}}px\">\n            <div class=\"pdf-viewer\">\n              <app-toolbar class=\"pdf-toolbar\">\n                <paper-icon-button\n                  icon=\"menu\"\n                  on-click=\"sideBar\"\n                ></paper-icon-button>\n                <paper-icon-button\n                  icon=\"arrow-back\"\n                  on-click=\"showPrev\"\n                ></paper-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                <paper-icon-button\n                  icon=\"arrow-forward\"\n                  on-click=\"showNext\"\n                ></paper-icon-button>\n                <span class=\"title\" hidden=\"{{!showFileName}}\">Testing</span>\n                <span class=\"title\" hidden=\"{{showFileName}}\"></span>\n                <span class=\"pageRendering\"></span>\n                <paper-icon-button\n                  icon=\"zoom-in\"\n                  on-click=\"zoomIn\"\n                ></paper-icon-button>\n                <paper-icon-button\n                  icon=\"zoom-out\"\n                  on-click=\"zoomOut\"\n                ></paper-icon-button>\n                <paper-icon-button\n                  id=\"zoomIcon\"\n                  icon=\"fullscreen\"\n                  on-click=\"zoomFit\"\n                ></paper-icon-button>\n                <paper-icon-button\n                  icon=\"file-download\"\n                  hidden$=\"{{!downloadable}}\"\n                  on-click=\"download\"\n                ></paper-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          </paper-card>\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          <paper-card class=\"paperCard\" style=\"width: {{width}}px\">\n            <div class=\"pdf-viewer\">\n              <app-toolbar class=\"pdf-toolbar\">\n                <paper-icon-button\n                  icon=\"menu\"\n                  on-click=\"sideBar\"\n                ></paper-icon-button>\n                <paper-icon-button\n                  icon=\"arrow-back\"\n                  on-click=\"showPrev\"\n                ></paper-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                <paper-icon-button\n                  icon=\"arrow-forward\"\n                  on-click=\"showNext\"\n                ></paper-icon-button>\n                <span class=\"title\" hidden=\"{{!showFileName}}\">Testing</span>\n                <span class=\"title\" hidden=\"{{showFileName}}\"></span>\n                <span class=\"pageRendering\"></span>\n                <paper-icon-button\n                  icon=\"zoom-in\"\n                  on-click=\"zoomIn\"\n                ></paper-icon-button>\n                <paper-icon-button\n                  icon=\"zoom-out\"\n                  on-click=\"zoomOut\"\n                ></paper-icon-button>\n                <paper-icon-button\n                  id=\"zoomIcon\"\n                  icon=\"fullscreen\"\n                  on-click=\"zoomFit\"\n                ></paper-icon-button>\n                <paper-icon-button\n                  icon=\"file-download\"\n                  hidden\\$=\"{{!downloadable}}\"\n                  on-click=\"download\"\n                ></paper-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          </paper-card>\n        </div>\n      </paper-material>\n    "]);
 
-    _templateObject_8ac786f022d211eaa0764d1a500fd781 = function _templateObject_8ac786f022d211eaa0764d1a500fd781() {
+    _templateObject_4552e020243411ea86f395335a802507 = function _templateObject_4552e020243411ea86f395335a802507() {
       return data;
     };
 
@@ -308,7 +308,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8ac786f022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4552e020243411ea86f395335a802507());
       }
     }, {
       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 3dcc6685813..1fa6259760b 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
@@ -11,10 +11,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8b0d90a022d211eaa0764d1a500fd781() {
+  function _templateObject_457ab370243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\">\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        paper-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        }\n\n        iron-image {\n          display: block;\n          width: 150px;\n          height: 100%;\n        }\n        .image {\n          padding-right: 5px;\n          background-color: var(--person-testimonial-color);\n        }\n\n        iron-icon {\n          --iron-icon-height: 24px;\n          --iron-icon-width: 24px;\n          --iron-icon-fill-color: var(--person-testimonial-color);\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\n        @media screen and (max-width: 850px) {\n          paper-card {\n            display: flex;\n            flex-wrap: wrap;\n          }\n          iron-image {\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      </style>\n      <paper-card elevation=\"[[elevation]]\">\n        <div class=\"image\">\n          <iron-image\n            src=\"[[image]]\"\n            sizing=\"cover\"\n            preload=\"\"\n            fade=\"\"\n          ></iron-image>\n        </div>\n        <div class=\"arrow_right\"></div>\n        <div class=\"wrap\">\n          <div class=\"testimonial\">\n            <iron-icon\n              id=\"quotestart\"\n              icon=\"persontestimonial:format-quote\"\n            ></iron-icon>\n            <slot></slot>\n            <iron-icon\n              id=\"quoteend\"\n              icon=\"persontestimonial:format-quote\"\n            ></iron-icon>\n          </div>\n          <div class=\"name\">[[name]]</div>\n          <div class=\"position\">[[position]]</div>\n        </div>\n      </paper-card>\n    "]);
 
-    _templateObject_8b0d90a022d211eaa0764d1a500fd781 = function _templateObject_8b0d90a022d211eaa0764d1a500fd781() {
+    _templateObject_457ab370243411ea86f395335a802507 = function _templateObject_457ab370243411ea86f395335a802507() {
       return data;
     };
 
@@ -55,7 +55,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
     babelHelpers.createClass(PersonTestimonial, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8b0d90a022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_457ab370243411ea86f395335a802507());
       }
     }, {
       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 712d77d2b68..45b2dcc09f7 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
@@ -7,10 +7,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
   _exports.PieMenu = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_8b2389a022d211eaa0764d1a500fd781() {
+  function _templateObject_45c6d7a0243411ea86f395335a802507() {
     var data = 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          <iron-icon icon$=\"[[centerIcon]]\"></iron-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          <iron-icon icon$=\"[[topIcon]]\"></iron-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          <iron-icon icon$=\"[[rightIcon]]\"></iron-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          <iron-icon icon$=\"[[bottomIcon]]\"></iron-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          <iron-icon icon$=\"[[leftIcon]]\"></iron-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    "], ["\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          <iron-icon icon\\$=\"[[centerIcon]]\"></iron-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          <iron-icon icon\\$=\"[[topIcon]]\"></iron-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          <iron-icon icon\\$=\"[[rightIcon]]\"></iron-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          <iron-icon icon\\$=\"[[bottomIcon]]\"></iron-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          <iron-icon icon\\$=\"[[leftIcon]]\"></iron-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    "]);
 
-    _templateObject_8b2389a022d211eaa0764d1a500fd781 = function _templateObject_8b2389a022d211eaa0764d1a500fd781() {
+    _templateObject_45c6d7a0243411ea86f395335a802507 = function _templateObject_45c6d7a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -124,7 +124,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8b2389a022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_45c6d7a0243411ea86f395335a802507());
       }
     }, {
       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 7635c2c2864..7d522b689a6 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../simple-colors/simple-colors.js", "../../lit-el
   _exports.PlaceHolder = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_8b44310022d211eaa0764d1a500fd781() {
+  function _templateObject2_45fadff0243411ea86f395335a802507() {
     var data = 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-grey-11, #222222);\n          background-color: var(--simple-colors-default-theme-grey-2, #eeeeee);\n        }\n        iron-icon {\n          margin: 0 auto;\n          width: 50%;\n          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      "]);
 
-    _templateObject2_8b44310022d211eaa0764d1a500fd781 = function _templateObject2_8b44310022d211eaa0764d1a500fd781() {
+    _templateObject2_45fadff0243411ea86f395335a802507 = function _templateObject2_45fadff0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8b44310022d211eaa0764d1a500fd781() {
+  function _templateObject_45fadff0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"wrapper\">\n        <iron-icon icon=\"", "\"></iron-icon>\n        <div class=\"text\">", "</div>\n        <div class=\"directions\">", "</div>\n      </div>\n    "]);
 
-    _templateObject_8b44310022d211eaa0764d1a500fd781 = function _templateObject_8b44310022d211eaa0764d1a500fd781() {
+    _templateObject_45fadff0243411ea86f395335a802507 = function _templateObject_45fadff0243411ea86f395335a802507() {
       return data;
     };
 
@@ -48,7 +48,7 @@ define(["exports", "require", "../simple-colors/simple-colors.js", "../../lit-el
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8b44310022d211eaa0764d1a500fd781(), this.iconFromType, this.calcText, this.directions);
+        return (0, _litElement.html)(_templateObject_45fadff0243411ea86f395335a802507(), this.iconFromType, this.calcText, this.directions);
       }
     }, {
       key: "updated",
@@ -170,7 +170,7 @@ define(["exports", "require", "../simple-colors/simple-colors.js", "../../lit-el
        * LitElement render styles
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(PlaceHolder), "styles", this)), [(0, _litElement.css)(_templateObject2_8b44310022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(PlaceHolder), "styles", this)), [(0, _litElement.css)(_templateObject2_45fadff0243411ea86f395335a802507())]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/pouch-db/pouch-db.js b/build/es5-amd/node_modules/@lrnwebcomponents/pouch-db/pouch-db.js
index 8564dddcfb8..06093e04737 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/pouch-db/pouch-db.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/pouch-db/pouch-db.js
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "./lib/pouchdb.m
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8b8ece9022d211eaa0764d1a500fd781() {
+  function _templateObject_463047d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <slot></slot>\n    "]);
 
-    _templateObject_8b8ece9022d211eaa0764d1a500fd781 = function _templateObject_8b8ece9022d211eaa0764d1a500fd781() {
+    _templateObject_463047d0243411ea86f395335a802507 = function _templateObject_463047d0243411ea86f395335a802507() {
       return data;
     };
 
@@ -282,7 +282,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "./lib/pouchdb.m
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8b8ece9022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_463047d0243411ea86f395335a802507());
       } // properties available to the custom element for data binding
 
     }, {
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 c667e36d6d6..66b4905273c 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js", "../schema-behaviors/sche
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_8bd107b022d211eaa0764d1a500fd781() {
+  function _templateObject2_4660cdb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          --chartist-color-1: var(--simple-colors-default-theme-red-8);\n          --chartist-color-2: var(--simple-colors-default-theme-blue-8);\n          --chartist-color-3: var(--simple-colors-default-theme-yellow-8);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-8);\n          --chartist-color-5: var(--simple-colors-default-theme-green-8);\n          --chartist-color-6: var(--simple-colors-default-theme-orange-7);\n          --chartist-color-7: var(--simple-colors-default-theme-pink-8);\n          --chartist-color-8: var(--simple-colors-default-theme-deep-orange-8);\n          --chartist-color-9: var(--simple-colors-default-theme-red-9);\n          --chartist-color-10: var(--simple-colors-default-theme-blue-9);\n          --chartist-color-11: var(--simple-colors-default-theme-yellow-9);\n          --chartist-color-12: var(--simple-colors-default-theme-purple-9);\n          --chartist-color-13: var(--simple-colors-default-theme-green-9);\n          --chartist-color-14: var(--simple-colors-default-theme-orange-8);\n          --chartist-color-15: var(--simple-colors-default-theme-pink-9);\n        }\n\n        :host([dark]) {\n          --chartist-color-1: var(--simple-colors-default-theme-red-4);\n          --chartist-color-2: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-3: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-5: var(--simple-colors-default-theme-green-4);\n          --chartist-color-6: var(--simple-colors-default-theme-orange-5);\n          --chartist-color-7: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-8: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-9: var(--simple-colors-default-theme-red-3);\n          --chartist-color-10: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-11: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-12: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-13: var(--simple-colors-default-theme-green-3);\n          --chartist-color-14: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-15: var(--simple-colors-default-theme-pink-3);\n        }\n\n        :host([accent-color=\"red\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-red-8);\n          --chartist-color-2: var(--simple-colors-default-theme-pink-9);\n          --chartist-color-3: var(--simple-colors-default-theme-deep-orange-10);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-8);\n          --chartist-color-5: var(--simple-colors-default-theme-orange-9);\n          --chartist-color-6: var(--simple-colors-default-theme-red-10);\n          --chartist-color-7: var(--simple-colors-default-theme-pink-8);\n          --chartist-color-8: var(--simple-colors-default-theme-deep-orange-9);\n          --chartist-color-9: var(--simple-colors-default-theme-purple-10);\n          --chartist-color-10: var(--simple-colors-default-theme-orange-8);\n          --chartist-color-11: var(--simple-colors-default-theme-red-9);\n          --chartist-color-12: var(--simple-colors-default-theme-pink-10);\n          --chartist-color-13: var(--simple-colors-default-theme-deep-orange-8);\n          --chartist-color-14: var(--simple-colors-default-theme-purple-9);\n          --chartist-color-15: var(--simple-colors-default-theme-orange-10);\n        }\n\n        :host([dark][accent-color=\"red\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-red-4);\n          --chartist-color-2: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-3: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-5: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-6: var(--simple-colors-default-theme-red-2);\n          --chartist-color-7: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-8: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-9: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-10: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-11: var(--simple-colors-default-theme-red-3);\n          --chartist-color-12: var(--simple-colors-default-theme-pink-2);\n          --chartist-color-13: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-14: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-15: var(--simple-colors-default-theme-orange-2);\n        }\n\n        :host([accent-color=\"pink\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-pink-8);\n          --chartist-color-2: var(--simple-colors-default-theme-purple-9);\n          --chartist-color-3: var(--simple-colors-default-theme-red-10);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-8);\n          --chartist-color-5: var(--simple-colors-default-theme-deep-orange-9);\n          --chartist-color-6: var(--simple-colors-default-theme-pink-10);\n          --chartist-color-7: var(--simple-colors-default-theme-purple-8);\n          --chartist-color-8: var(--simple-colors-default-theme-red-9);\n          --chartist-color-9: var(--simple-colors-default-theme-purple-10);\n          --chartist-color-10: var(--simple-colors-default-theme-deep-orange-8);\n          --chartist-color-11: var(--simple-colors-default-theme-pink-9);\n          --chartist-color-12: var(--simple-colors-default-theme-purple-10);\n          --chartist-color-13: var(--simple-colors-default-theme-red-8);\n          --chartist-color-14: var(--simple-colors-default-theme-purple-9);\n          --chartist-color-15: var(\n            --simple-colors-default-theme-deep-orange-10\n          );\n        }\n\n        :host([dark][accent-color=\"pink\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-2: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-3: var(--simple-colors-default-theme-red-2);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-5: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-6: var(--simple-colors-default-theme-pink-2);\n          --chartist-color-7: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-8: var(--simple-colors-default-theme-red-3);\n          --chartist-color-9: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-10: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-11: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-12: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-13: var(--simple-colors-default-theme-red-4);\n          --chartist-color-14: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-15: var(--simple-colors-default-theme-deep-orange-2);\n        }\n\n        :host([accent-color=\"purple\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-purple-8);\n          --chartist-color-2: var(--simple-colors-default-theme-deep-purple-9);\n          --chartist-color-3: var(--simple-colors-default-theme-pink-10);\n          --chartist-color-4: var(--simple-colors-default-theme-indigo-8);\n          --chartist-color-5: var(--simple-colors-default-theme-red-9);\n          --chartist-color-6: var(--simple-colors-default-theme-purple-10);\n          --chartist-color-7: var(--simple-colors-default-theme-deep-purple-8);\n          --chartist-color-8: var(--simple-colors-default-theme-pink-9);\n          --chartist-color-9: var(--simple-colors-default-theme-indigo-10);\n          --chartist-color-10: var(--simple-colors-default-theme-red-8);\n          --chartist-color-11: var(--simple-colors-default-theme-purple-9);\n          --chartist-color-12: var(\n            --simple-colors-default-theme-deep-purple-10\n          );\n          --chartist-color-13: var(--simple-colors-default-theme-pink-8);\n          --chartist-color-14: var(--simple-colors-default-theme-indigo-9);\n          --chartist-color-15: var(--simple-colors-default-theme-red-10);\n        }\n\n        :host([dark][accent-color=\"purple\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-2: var(--simple-colors-default-theme-deep-purple-3);\n          --chartist-color-3: var(--simple-colors-default-theme-pink-2);\n          --chartist-color-4: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-5: var(--simple-colors-default-theme-red-3);\n          --chartist-color-6: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-7: var(--simple-colors-default-theme-deep-purple-4);\n          --chartist-color-8: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-9: var(--simple-colors-default-theme-indigo-2);\n          --chartist-color-10: var(--simple-colors-default-theme-red-4);\n          --chartist-color-11: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-12: var(--simple-colors-default-theme-deep-purple-2);\n          --chartist-color-13: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-14: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-15: var(--simple-colors-default-theme-red-2);\n        }\n\n        :host([accent-color=\"deep-purple\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-deep-purple-8);\n          --chartist-color-2: var(--simple-colors-default-theme-indigo-9);\n          --chartist-color-3: var(--simple-colors-default-theme-purple-10);\n          --chartist-color-4: var(--simple-colors-default-theme-blue-8);\n          --chartist-color-5: var(--simple-colors-default-theme-pink-9);\n          --chartist-color-6: var(--simple-colors-default-theme-deep-purple-10);\n          --chartist-color-7: var(--simple-colors-default-theme-indigo-8);\n          --chartist-color-8: var(--simple-colors-default-theme-purple-9);\n          --chartist-color-9: var(--simple-colors-default-theme-blue-10);\n          --chartist-color-10: var(--simple-colors-default-theme-pink-8);\n          --chartist-color-11: var(--simple-colors-default-theme-deep-purple-9);\n          --chartist-color-12: var(--simple-colors-default-theme-indigo-10);\n          --chartist-color-13: var(--simple-colors-default-theme-purple-8);\n          --chartist-color-14: var(--simple-colors-default-theme-blue-9);\n          --chartist-color-15: var(--simple-colors-default-theme-pink-10);\n        }\n\n        :host([dark][accent-color=\"deep-purple\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-deep-purple-4);\n          --chartist-color-2: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-3: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-4: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-5: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-6: var(--simple-colors-default-theme-deep-purple-2);\n          --chartist-color-7: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-8: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-9: var(--simple-colors-default-theme-blue-2);\n          --chartist-color-10: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-11: var(--simple-colors-default-theme-deep-purple-3);\n          --chartist-color-12: var(--simple-colors-default-theme-indigo-2);\n          --chartist-color-13: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-14: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-15: var(--simple-colors-default-theme-pink-2);\n        }\n\n        :host([accent-color=\"indigo\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-indigo-8);\n          --chartist-color-2: var(--simple-colors-default-theme-blue-9);\n          --chartist-color-3: var(--simple-colors-default-theme-deep-purple-10);\n          --chartist-color-4: var(--simple-colors-default-theme-light-blue-8);\n          --chartist-color-5: var(--simple-colors-default-theme-purple-9);\n          --chartist-color-6: var(--simple-colors-default-theme-indigo-10);\n          --chartist-color-7: var(--simple-colors-default-theme-blue-8);\n          --chartist-color-8: var(--simple-colors-default-theme-deep-purple-9);\n          --chartist-color-9: var(--simple-colors-default-theme-light-blue-10);\n          --chartist-color-10: var(--simple-colors-default-theme-purple-8);\n          --chartist-color-11: var(--simple-colors-default-theme-indigo-9);\n          --chartist-color-12: var(--simple-colors-default-theme-blue-10);\n          --chartist-color-13: var(--simple-colors-default-theme-deep-purple-8);\n          --chartist-color-14: var(--simple-colors-default-theme-light-blue-9);\n          --chartist-color-15: var(--simple-colors-default-theme-purple-10);\n        }\n\n        :host([dark][accent-color=\"indigo\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-2: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-3: var(--simple-colors-default-theme-deep-purple-2);\n          --chartist-color-4: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-5: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-6: var(--simple-colors-default-theme-indigo-2);\n          --chartist-color-7: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-8: var(--simple-colors-default-theme-deep-purple-3);\n          --chartist-color-9: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-10: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-11: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-12: var(--simple-colors-default-theme-blue-2);\n          --chartist-color-13: var(--simple-colors-default-theme-deep-purple-4);\n          --chartist-color-14: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-15: var(--simple-colors-default-theme-purple-2);\n        }\n\n        :host([accent-color=\"blue\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-blue-8);\n          --chartist-color-2: var(--simple-colors-default-theme-light-blue-9);\n          --chartist-color-3: var(--simple-colors-default-theme-indigo-10);\n          --chartist-color-4: var(--simple-colors-default-theme-cyan-8);\n          --chartist-color-5: var(--simple-colors-default-theme-deep-purple-9);\n          --chartist-color-6: var(--simple-colors-default-theme-blue-10);\n          --chartist-color-7: var(--simple-colors-default-theme-light-blue-8);\n          --chartist-color-8: var(--simple-colors-default-theme-indigo-9);\n          --chartist-color-9: var(--simple-colors-default-theme-cyan-10);\n          --chartist-color-10: var(--simple-colors-default-theme-deep-purple-8);\n          --chartist-color-11: var(--simple-colors-default-theme-blue-9);\n          --chartist-color-12: var(--simple-colors-default-theme-light-blue-10);\n          --chartist-color-13: var(--simple-colors-default-theme-indigo-8);\n          --chartist-color-14: var(--simple-colors-default-theme-cyan-9);\n          --chartist-color-15: var(\n            --simple-colors-default-theme-deep-purple-10\n          );\n        }\n\n        :host([dark][accent-color=\"blue\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-2: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-3: var(--simple-colors-default-theme-indigo-2);\n          --chartist-color-4: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-5: var(--simple-colors-default-theme-deep-purple-3);\n          --chartist-color-6: var(--simple-colors-default-theme-blue-2);\n          --chartist-color-7: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-8: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-9: var(--simple-colors-default-theme-cyan-2);\n          --chartist-color-10: var(--simple-colors-default-theme-deep-purple-4);\n          --chartist-color-11: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-12: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-13: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-14: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-15: var(--simple-colors-default-theme-deep-purple-2);\n        }\n\n        :host([accent-color=\"light-blue\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-light-blue-8);\n          --chartist-color-2: var(--simple-colors-default-theme-cyan-9);\n          --chartist-color-3: var(--simple-colors-default-theme-blue-10);\n          --chartist-color-4: var(--simple-colors-default-theme-teal-8);\n          --chartist-color-5: var(--simple-colors-default-theme-indigo-9);\n          --chartist-color-6: var(--simple-colors-default-theme-light-blue-10);\n          --chartist-color-7: var(--simple-colors-default-theme-cyan-8);\n          --chartist-color-8: var(--simple-colors-default-theme-blue-9);\n          --chartist-color-9: var(--simple-colors-default-theme-teal-10);\n          --chartist-color-10: var(--simple-colors-default-theme-indigo-8);\n          --chartist-color-11: var(--simple-colors-default-theme-light-blue-9);\n          --chartist-color-12: var(--simple-colors-default-theme-cyan-10);\n          --chartist-color-13: var(--simple-colors-default-theme-blue-8);\n          --chartist-color-14: var(--simple-colors-default-theme-teal-9);\n          --chartist-color-15: var(--simple-colors-default-theme-indigo-10);\n        }\n\n        :host([dark][accent-color=\"light-blue\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-2: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-3: var(--simple-colors-default-theme-blue-2);\n          --chartist-color-4: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-5: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-6: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-7: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-8: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-9: var(--simple-colors-default-theme-teal-2);\n          --chartist-color-10: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-11: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-12: var(--simple-colors-default-theme-cyan-2);\n          --chartist-color-13: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-14: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-15: var(--simple-colors-default-theme-indigo-2);\n        }\n\n        :host([accent-color=\"cyan\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-cyan-8);\n          --chartist-color-2: var(--simple-colors-default-theme-teal-9);\n          --chartist-color-3: var(--simple-colors-default-theme-light-blue-10);\n          --chartist-color-4: var(--simple-colors-default-theme-green-8);\n          --chartist-color-5: var(--simple-colors-default-theme-blue-9);\n          --chartist-color-6: var(--simple-colors-default-theme-cyan-10);\n          --chartist-color-7: var(--simple-colors-default-theme-teal-8);\n          --chartist-color-8: var(--simple-colors-default-theme-light-blue-9);\n          --chartist-color-9: var(--simple-colors-default-theme-green-10);\n          --chartist-color-10: var(--simple-colors-default-theme-blue-8);\n          --chartist-color-11: var(--simple-colors-default-theme-cyan-9);\n          --chartist-color-12: var(--simple-colors-default-theme-teal-10);\n          --chartist-color-13: var(--simple-colors-default-theme-light-blue-8);\n          --chartist-color-14: var(--simple-colors-default-theme-green-9);\n          --chartist-color-15: var(--simple-colors-default-theme-blue-10);\n        }\n\n        :host([dark][accent-color=\"cyan\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-2: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-3: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-4: var(--simple-colors-default-theme-green-4);\n          --chartist-color-5: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-6: var(--simple-colors-default-theme-cyan-2);\n          --chartist-color-7: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-8: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-9: var(--simple-colors-default-theme-green-2);\n          --chartist-color-10: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-11: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-12: var(--simple-colors-default-theme-teal-2);\n          --chartist-color-13: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-14: var(--simple-colors-default-theme-green-3);\n          --chartist-color-15: var(--simple-colors-default-theme-blue-2);\n        }\n\n        :host([accent-color=\"teal\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-teal-8);\n          --chartist-color-2: var(--simple-colors-default-theme-green-9);\n          --chartist-color-3: var(--simple-colors-default-theme-cyan-10);\n          --chartist-color-4: var(--simple-colors-default-theme-light-green-8);\n          --chartist-color-5: var(--simple-colors-default-theme-light-blue-9);\n          --chartist-color-6: var(--simple-colors-default-theme-teal-10);\n          --chartist-color-7: var(--simple-colors-default-theme-green-8);\n          --chartist-color-8: var(--simple-colors-default-theme-cyan-9);\n          --chartist-color-9: var(--simple-colors-default-theme-light-green-10);\n          --chartist-color-10: var(--simple-colors-default-theme-light-blue-8);\n          --chartist-color-11: var(--simple-colors-default-theme-teal-9);\n          --chartist-color-12: var(--simple-colors-default-theme-green-10);\n          --chartist-color-13: var(--simple-colors-default-theme-cyan-8);\n          --chartist-color-14: var(--simple-colors-default-theme-light-green-9);\n          --chartist-color-15: var(--simple-colors-default-theme-light-blue-10);\n        }\n\n        :host([dark][accent-color=\"teal\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-2: var(--simple-colors-default-theme-green-3);\n          --chartist-color-3: var(--simple-colors-default-theme-cyan-2);\n          --chartist-color-4: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-5: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-6: var(--simple-colors-default-theme-teal-2);\n          --chartist-color-7: var(--simple-colors-default-theme-green-4);\n          --chartist-color-8: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-9: var(--simple-colors-default-theme-light-green-2);\n          --chartist-color-10: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-11: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-12: var(--simple-colors-default-theme-green-2);\n          --chartist-color-13: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-14: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-15: var(--simple-colors-default-theme-light-blue-2);\n        }\n\n        :host([accent-color=\"green\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-green-8);\n          --chartist-color-2: var(--simple-colors-default-theme-light-green-9);\n          --chartist-color-3: var(--simple-colors-default-theme-teal-10);\n          --chartist-color-4: var(--simple-colors-default-theme-lime-8);\n          --chartist-color-5: var(--simple-colors-default-theme-cyan-9);\n          --chartist-color-6: var(--simple-colors-default-theme-green-10);\n          --chartist-color-7: var(--simple-colors-default-theme-light-green-8);\n          --chartist-color-8: var(--simple-colors-default-theme-teal-9);\n          --chartist-color-9: var(--simple-colors-default-theme-lime-10);\n          --chartist-color-10: var(--simple-colors-default-theme-cyan-8);\n          --chartist-color-11: var(--simple-colors-default-theme-green-9);\n          --chartist-color-12: var(\n            --simple-colors-default-theme-light-green-10\n          );\n          --chartist-color-13: var(--simple-colors-default-theme-teal-8);\n          --chartist-color-14: var(--simple-colors-default-theme-lime-9);\n          --chartist-color-15: var(--simple-colors-default-theme-cyan-10);\n        }\n\n        :host([dark][accent-color=\"green\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-green-4);\n          --chartist-color-2: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-3: var(--simple-colors-default-theme-teal-2);\n          --chartist-color-4: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-5: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-6: var(--simple-colors-default-theme-green-2);\n          --chartist-color-7: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-8: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-9: var(--simple-colors-default-theme-lime-2);\n          --chartist-color-10: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-11: var(--simple-colors-default-theme-green-3);\n          --chartist-color-12: var(--simple-colors-default-theme-light-green-2);\n          --chartist-color-13: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-14: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-15: var(--simple-colors-default-theme-cyan-2);\n        }\n\n        :host([accent-color=\"light-green\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-light-green-8);\n          --chartist-color-2: var(--simple-colors-default-theme-lime-9);\n          --chartist-color-3: var(--simple-colors-default-theme-green-10);\n          --chartist-color-4: var(--simple-colors-default-theme-amber-8);\n          --chartist-color-5: var(--simple-colors-default-theme-teal-9);\n          --chartist-color-6: var(--simple-colors-default-theme-light-green-10);\n          --chartist-color-7: var(--simple-colors-default-theme-lime-8);\n          --chartist-color-8: var(--simple-colors-default-theme-green-9);\n          --chartist-color-9: var(--simple-colors-default-theme-amber-10);\n          --chartist-color-10: var(--simple-colors-default-theme-teal-8);\n          --chartist-color-11: var(--simple-colors-default-theme-light-green-9);\n          --chartist-color-12: var(--simple-colors-default-theme-lime-10);\n          --chartist-color-13: var(--simple-colors-default-theme-green-8);\n          --chartist-color-14: var(--simple-colors-default-theme-amber-9);\n          --chartist-color-15: var(--simple-colors-default-theme-teal-10);\n        }\n\n        :host([dark][accent-color=\"light-green\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-2: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-3: var(--simple-colors-default-theme-green-2);\n          --chartist-color-4: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-5: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-6: var(--simple-colors-default-theme-light-green-2);\n          --chartist-color-7: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-8: var(--simple-colors-default-theme-green-3);\n          --chartist-color-9: var(--simple-colors-default-theme-amber-2);\n          --chartist-color-10: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-11: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-12: var(--simple-colors-default-theme-lime-2);\n          --chartist-color-13: var(--simple-colors-default-theme-green-4);\n          --chartist-color-14: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-15: var(--simple-colors-default-theme-teal-2);\n        }\n\n        :host([accent-color=\"lime\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-lime-8);\n          --chartist-color-2: var(--simple-colors-default-theme-yellow-9);\n          --chartist-color-3: var(--simple-colors-default-theme-light-green-10);\n          --chartist-color-4: var(--simple-colors-default-theme-orange-8);\n          --chartist-color-5: var(--simple-colors-default-theme-green-9);\n          --chartist-color-6: var(--simple-colors-default-theme-lime-10);\n          --chartist-color-7: var(--simple-colors-default-theme-yellow-8);\n          --chartist-color-8: var(--simple-colors-default-theme-light-green-9);\n          --chartist-color-9: var(--simple-colors-default-theme-orange-10);\n          --chartist-color-10: var(--simple-colors-default-theme-green-8);\n          --chartist-color-11: var(--simple-colors-default-theme-lime-9);\n          --chartist-color-12: var(--simple-colors-default-theme-yellow-10);\n          --chartist-color-13: var(--simple-colors-default-theme-light-green-8);\n          --chartist-color-14: var(--simple-colors-default-theme-orange-9);\n          --chartist-color-15: var(--simple-colors-default-theme-green-10);\n        }\n\n        :host([dark][accent-color=\"lime\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-2: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-3: var(--simple-colors-default-theme-light-green-2);\n          --chartist-color-4: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-5: var(--simple-colors-default-theme-green-3);\n          --chartist-color-6: var(--simple-colors-default-theme-lime-2);\n          --chartist-color-7: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-8: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-9: var(--simple-colors-default-theme-orange-2);\n          --chartist-color-10: var(--simple-colors-default-theme-green-4);\n          --chartist-color-11: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-12: var(--simple-colors-default-theme-yellow-2);\n          --chartist-color-13: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-14: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-15: var(--simple-colors-default-theme-green-2);\n        }\n\n        :host([accent-color=\"yellow\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-yellow-8);\n          --chartist-color-2: var(--simple-colors-default-theme-amber-9);\n          --chartist-color-3: var(--simple-colors-default-theme-lime-10);\n          --chartist-color-4: var(--simple-colors-default-theme-deep-orange-8);\n          --chartist-color-5: var(--simple-colors-default-theme-light-green-9);\n          --chartist-color-6: var(--simple-colors-default-theme-yellow-10);\n          --chartist-color-7: var(--simple-colors-default-theme-amber-8);\n          --chartist-color-8: var(--simple-colors-default-theme-lime-9);\n          --chartist-color-9: var(--simple-colors-default-theme-deep-orange-10);\n          --chartist-color-10: var(--simple-colors-default-theme-light-green-8);\n          --chartist-color-11: var(--simple-colors-default-theme-yellow-9);\n          --chartist-color-12: var(--simple-colors-default-theme-amber-10);\n          --chartist-color-13: var(--simple-colors-default-theme-lime-8);\n          --chartist-color-14: var(--simple-colors-default-theme-deep-orange-9);\n          --chartist-color-15: var(\n            --simple-colors-default-theme-light-green-10\n          );\n        }\n\n        :host([dark][accent-color=\"yellow\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-2: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-3: var(--simple-colors-default-theme-lime-2);\n          --chartist-color-4: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-5: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-6: var(--simple-colors-default-theme-yellow-2);\n          --chartist-color-7: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-8: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-9: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-10: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-11: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-12: var(--simple-colors-default-theme-amber-2);\n          --chartist-color-13: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-14: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-15: var(--simple-colors-default-theme-light-green-2);\n        }\n\n        :host([accent-color=\"amber\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-amber-8);\n          --chartist-color-2: var(--simple-colors-default-theme-orange-9);\n          --chartist-color-3: var(--simple-colors-default-theme-yellow-10);\n          --chartist-color-4: var(--simple-colors-default-theme-red-8);\n          --chartist-color-5: var(--simple-colors-default-theme-lime-9);\n          --chartist-color-6: var(--simple-colors-default-theme-amber-10);\n          --chartist-color-7: var(--simple-colors-default-theme-orange-8);\n          --chartist-color-8: var(--simple-colors-default-theme-yellow-9);\n          --chartist-color-9: var(--simple-colors-default-theme-red-10);\n          --chartist-color-10: var(--simple-colors-default-theme-lime-8);\n          --chartist-color-11: var(--simple-colors-default-theme-amber-9);\n          --chartist-color-12: var(--simple-colors-default-theme-orange-10);\n          --chartist-color-13: var(--simple-colors-default-theme-yellow-8);\n          --chartist-color-14: var(--simple-colors-default-theme-red-9);\n          --chartist-color-15: var(--simple-colors-default-theme-lime-10);\n        }\n\n        :host([dark][accent-color=\"amber\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-2: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-3: var(--simple-colors-default-theme-yellow-2);\n          --chartist-color-4: var(--simple-colors-default-theme-red-4);\n          --chartist-color-5: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-6: var(--simple-colors-default-theme-amber-2);\n          --chartist-color-7: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-8: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-9: var(--simple-colors-default-theme-red-2);\n          --chartist-color-10: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-11: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-12: var(--simple-colors-default-theme-orange-2);\n          --chartist-color-13: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-14: var(--simple-colors-default-theme-red-3);\n          --chartist-color-15: var(--simple-colors-default-theme-lime-2);\n        }\n\n        :host([accent-color=\"orange\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-orange-8);\n          --chartist-color-2: var(--simple-colors-default-theme-deep-orange-9);\n          --chartist-color-3: var(--simple-colors-default-theme-amber-10);\n          --chartist-color-4: var(--simple-colors-default-theme-pink-8);\n          --chartist-color-5: var(--simple-colors-default-theme-yellow-9);\n          --chartist-color-6: var(--simple-colors-default-theme-orange-10);\n          --chartist-color-7: var(--simple-colors-default-theme-deep-orange-8);\n          --chartist-color-8: var(--simple-colors-default-theme-amber-9);\n          --chartist-color-9: var(--simple-colors-default-theme-pink-10);\n          --chartist-color-10: var(--simple-colors-default-theme-yellow-8);\n          --chartist-color-11: var(--simple-colors-default-theme-orange-9);\n          --chartist-color-12: var(\n            --simple-colors-default-theme-deep-orange-10\n          );\n          --chartist-color-13: var(--simple-colors-default-theme-amber-8);\n          --chartist-color-14: var(--simple-colors-default-theme-pink-9);\n          --chartist-color-15: var(--simple-colors-default-theme-yellow-10);\n        }\n\n        :host([dark][accent-color=\"orange\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-2: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-3: var(--simple-colors-default-theme-amber-2);\n          --chartist-color-4: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-5: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-6: var(--simple-colors-default-theme-orange-2);\n          --chartist-color-7: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-8: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-9: var(--simple-colors-default-theme-pink-2);\n          --chartist-color-10: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-11: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-12: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-13: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-14: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-15: var(--simple-colors-default-theme-yellow-2);\n        }\n\n        :host([accent-color=\"deep-orange\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-deep-orange-8);\n          --chartist-color-2: var(--simple-colors-default-theme-red-9);\n          --chartist-color-3: var(--simple-colors-default-theme-orange-10);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-8);\n          --chartist-color-5: var(--simple-colors-default-theme-amber-9);\n          --chartist-color-6: var(--simple-colors-default-theme-deep-orange-10);\n          --chartist-color-7: var(--simple-colors-default-theme-red-8);\n          --chartist-color-8: var(--simple-colors-default-theme-orange-9);\n          --chartist-color-9: var(--simple-colors-default-theme-purple-10);\n          --chartist-color-10: var(--simple-colors-default-theme-amber-8);\n          --chartist-color-11: var(--simple-colors-default-theme-deep-orange-9);\n          --chartist-color-12: var(--simple-colors-default-theme-red-10);\n          --chartist-color-13: var(--simple-colors-default-theme-orange-8);\n          --chartist-color-14: var(--simple-colors-default-theme-purple-9);\n          --chartist-color-15: var(--simple-colors-default-theme-amber-10);\n        }\n\n        :host([dark][accent-color=\"deep-orange\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-2: var(--simple-colors-default-theme-red-3);\n          --chartist-color-3: var(--simple-colors-default-theme-orange-2);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-5: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-6: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-7: var(--simple-colors-default-theme-red-4);\n          --chartist-color-8: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-9: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-10: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-11: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-12: var(--simple-colors-default-theme-red-2);\n          --chartist-color-13: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-14: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-15: var(--simple-colors-default-theme-amber-2);\n        }\n\n        :host([accent-color=\"brown\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-brown-8);\n          --chartist-color-2: var(--simple-colors-default-theme-red-9);\n          --chartist-color-3: var(--simple-colors-default-theme-deep-orange-10);\n          --chartist-color-4: var(--simple-colors-default-theme-brown-11);\n          --chartist-color-5: var(--simple-colors-default-theme-red-12);\n          --chartist-color-6: var(--simple-colors-default-theme-deep-orange-8);\n          --chartist-color-7: var(--simple-colors-default-theme-brown-9);\n          --chartist-color-8: var(--simple-colors-default-theme-red-10);\n          --chartist-color-9: var(--simple-colors-default-theme-deep-orange-11);\n          --chartist-color-10: var(--simple-colors-default-theme-brown-12);\n          --chartist-color-11: var(--simple-colors-default-theme-red-8);\n          --chartist-color-12: var(--simple-colors-default-theme-deep-orange-9);\n          --chartist-color-13: var(--simple-colors-default-theme-brown-10);\n          --chartist-color-14: var(--simple-colors-default-theme-red-11);\n          --chartist-color-15: var(\n            --simple-colors-default-theme-deep-orange-12\n          );\n        }\n\n        :host([dark][accent-color=\"brown\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-brown-4);\n          --chartist-color-2: var(--simple-colors-default-theme-red-3);\n          --chartist-color-3: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-4: var(--simple-colors-default-theme-brown-1);\n          --chartist-color-5: var(--simple-colors-default-theme-red-0);\n          --chartist-color-6: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-7: var(--simple-colors-default-theme-brown-3);\n          --chartist-color-8: var(--simple-colors-default-theme-red-2);\n          --chartist-color-9: var(--simple-colors-default-theme-deep-orange-1);\n          --chartist-color-10: var(--simple-colors-default-theme-brown-0);\n          --chartist-color-11: var(--simple-colors-default-theme-red-4);\n          --chartist-color-12: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-13: var(--simple-colors-default-theme-brown-2);\n          --chartist-color-14: var(--simple-colors-default-theme-red-1);\n          --chartist-color-15: var(--simple-colors-default-theme-deep-orange-0);\n        }\n\n        :host {\n          overflow: visible;\n          display: flex;\n          margin: 15px;\n        }\n\n        :host #wrapper {\n          margin: 0 auto;\n          position: relative;\n          padding-top: 100%;\n          display: flex;\n          align-items: stretch;\n          justify-content: space-around;\n        }\n\n        :host #wrapper > * {\n          position: absolute;\n        }\n\n        :host #chart {\n          left: 0;\n          top: 0;\n          flex: 1 1 100%;\n        }\n\n        :host #wrapper,\n        :host #chart {\n          width: 100%;\n        }\n\n        :host #image {\n          left: 15%;\n          top: 15%;\n          width: 70%;\n          height: 70%;\n          -webkit-clip-path: circle(50% at 50% 50%);\n          clip-path: circle(50% at 50% 50%);\n        }\n      "]);
 
-    _templateObject2_8bd107b022d211eaa0764d1a500fd781 = function _templateObject2_8bd107b022d211eaa0764d1a500fd781() {
+    _templateObject2_4660cdb0243411ea86f395335a802507 = function _templateObject2_4660cdb0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8bd107b022d211eaa0764d1a500fd781() {
+  function _templateObject_4660cdb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"wrapper\">\n        <img\n          id=\"image\"\n          alt=\"", "\"\n          aria-hidden=\"true\"\n          src=\"", "\"\n          ?hidden=\"", "\"\n        />\n        <chartist-render\n          id=\"chart\"\n          type=\"pie\"\n          scale=\"ct-square\"\n          .chart-title=\"", "\"\n          .chart-desc=\"", "\"\n          @chartist-render-draw=\"", "\"\n        >\n        </chartist-render>\n      </div>\n    "]);
 
-    _templateObject_8bd107b022d211eaa0764d1a500fd781 = function _templateObject_8bd107b022d211eaa0764d1a500fd781() {
+    _templateObject_4660cdb0243411ea86f395335a802507 = function _templateObject_4660cdb0243411ea86f395335a802507() {
       return data;
     };
 
@@ -53,14 +53,14 @@ define(["exports", "../../lit-element/lit-element.js", "../schema-behaviors/sche
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8bd107b022d211eaa0764d1a500fd781(), this.imageAlt, this.imageSrc, !this.imageSrc || this.imageSrc == "", this.title, this.desc, this._onCreated);
+        return (0, _litElement.html)(_templateObject_4660cdb0243411ea86f395335a802507(), this.imageAlt, this.imageSrc, !this.imageSrc || this.imageSrc == "", this.title, this.desc, this._onCreated);
       } // haxProperty definition
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8bd107b022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4660cdb0243411ea86f395335a802507())];
       }
     }, {
       key: "haxProperties",
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 5a35f756291..024f181b590 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
@@ -11,10 +11,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8bef3e1022d211eaa0764d1a500fd781() {
+  function _templateObject_468ac3e0243411ea86f395335a802507() {
     var data = 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        paper-button#learn {\n          display: var(--promo-tile-paper-button-learn-display, flex);\n          margin: var(\n            --promo-tile-paper-button-learn-margin,\n            140px auto 0 auto\n          );\n          font-size: var(--promo-tile-paper-button-learn-font-size, 18px);\n          color: var(--promo-tile-paper-button-learn-font-color, #ffffff);\n          border: var(--promo-tile-paper-button-learn-border, solid);\n          border-width: var(--promo-tile-paper-button-learn-border-width, 1px);\n          border-color: var(\n            --promo-tile-paper-button-learn-border-color,\n            #ffffff\n          );\n          border-radius: var(--promo-tile-paper-button-learn-border-radius, 0);\n          width: var(--promo-tile-paper-button-learn-width, 50%);\n          @apply --promo-tile-paper-button-learn;\n        }\n\n        paper-button#learn:hover,\n        paper-button#learn:focus {\n          background-color: var(\n            --promo-tile-paper-button-learn-background-color-active,\n            #363533\n          );\n          @apply --promo-tile-paper-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                  <paper-button id=\"learn\" no-ink\n                    >[[label]]\n                    <iron-icon icon=\"chevron-right\"></iron-icon>\n                  </paper-button>\n                </a>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    "]);
 
-    _templateObject_8bef3e1022d211eaa0764d1a500fd781 = function _templateObject_8bef3e1022d211eaa0764d1a500fd781() {
+    _templateObject_468ac3e0243411ea86f395335a802507 = function _templateObject_468ac3e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -126,7 +126,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8bef3e1022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_468ac3e0243411ea86f395335a802507());
       }
     }, {
       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 ada47c69dd8..ff22d1dea63 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,90 +6,90 @@ define(["exports", "../../lit-element/lit-element.js", "../../@polymer/paper-inp
   });
   _exports.PunnettSquare = void 0;
 
-  function _templateObject9_8c78b96022d211eaa0764d1a500fd781() {
+  function _templateObject9_46e34420243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                            <td>", "", "</td>\n                          "]);
 
-    _templateObject9_8c78b96022d211eaa0764d1a500fd781 = function _templateObject9_8c78b96022d211eaa0764d1a500fd781() {
+    _templateObject9_46e34420243411ea86f395335a802507 = function _templateObject9_46e34420243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject8_8c78b96022d211eaa0764d1a500fd781() {
+  function _templateObject8_46e34420243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <tr>\n                    <th>", "</th>\n                    ", "\n                  </tr>\n                "]);
 
-    _templateObject8_8c78b96022d211eaa0764d1a500fd781 = function _templateObject8_8c78b96022d211eaa0764d1a500fd781() {
+    _templateObject8_46e34420243411ea86f395335a802507 = function _templateObject8_46e34420243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject7_8c78b96022d211eaa0764d1a500fd781() {
+  function _templateObject7_46e34420243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                        <th>", "</th>\n                      "]);
 
-    _templateObject7_8c78b96022d211eaa0764d1a500fd781 = function _templateObject7_8c78b96022d211eaa0764d1a500fd781() {
+    _templateObject7_46e34420243411ea86f395335a802507 = function _templateObject7_46e34420243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject6_8c78b96022d211eaa0764d1a500fd781() {
+  function _templateObject6_46e34420243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  ", "\n                "]);
 
-    _templateObject6_8c78b96022d211eaa0764d1a500fd781 = function _templateObject6_8c78b96022d211eaa0764d1a500fd781() {
+    _templateObject6_46e34420243411ea86f395335a802507 = function _templateObject6_46e34420243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject5_8c78b96022d211eaa0764d1a500fd781() {
+  function _templateObject5_46e34420243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                ", "\n              "]);
 
-    _templateObject5_8c78b96022d211eaa0764d1a500fd781 = function _templateObject5_8c78b96022d211eaa0764d1a500fd781() {
+    _templateObject5_46e34420243411ea86f395335a802507 = function _templateObject5_46e34420243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_8c78b96022d211eaa0764d1a500fd781() {
+  function _templateObject4_46e34420243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <paper-input\n                  value=\"", "\"\n                  @value-changed=", "\n                ></paper-input>\n              "]);
 
-    _templateObject4_8c78b96022d211eaa0764d1a500fd781 = function _templateObject4_8c78b96022d211eaa0764d1a500fd781() {
+    _templateObject4_46e34420243411ea86f395335a802507 = function _templateObject4_46e34420243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_8c78b96022d211eaa0764d1a500fd781() {
+  function _templateObject3_46e34420243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                ", "\n              "]);
 
-    _templateObject3_8c78b96022d211eaa0764d1a500fd781 = function _templateObject3_8c78b96022d211eaa0764d1a500fd781() {
+    _templateObject3_46e34420243411ea86f395335a802507 = function _templateObject3_46e34420243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_8c78b96022d211eaa0764d1a500fd781() {
+  function _templateObject2_46e34420243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <paper-input\n                  value=\"", "\"\n                  @value-changed=", "\n                ></paper-input>\n              "]);
 
-    _templateObject2_8c78b96022d211eaa0764d1a500fd781 = function _templateObject2_8c78b96022d211eaa0764d1a500fd781() {
+    _templateObject2_46e34420243411ea86f395335a802507 = function _templateObject2_46e34420243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8c78b96022d211eaa0764d1a500fd781() {
+  function _templateObject_46e34420243411ea86f395335a802507() {
     var data = 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      <table>\n        <thead>\n          <tr>\n            <th></th>\n            ", "\n          </tr>\n        <tbody>\n          ", "\n        </tbody>\n        </thead>\n      </table>\n    "]);
 
-    _templateObject_8c78b96022d211eaa0764d1a500fd781 = function _templateObject_8c78b96022d211eaa0764d1a500fd781() {
+    _templateObject_46e34420243411ea86f395335a802507 = function _templateObject_46e34420243411ea86f395335a802507() {
       return data;
     };
 
@@ -179,19 +179,19 @@ define(["exports", "../../lit-element/lit-element.js", "../../@polymer/paper-inp
 
         var value2 = this.__ensureArray(this.variant2);
 
-        return (0, _litElement.html)(_templateObject_8c78b96022d211eaa0764d1a500fd781(), this.editable ? (0, _litElement.html)(_templateObject2_8c78b96022d211eaa0764d1a500fd781(), this.variant1, function (e) {
+        return (0, _litElement.html)(_templateObject_46e34420243411ea86f395335a802507(), this.editable ? (0, _litElement.html)(_templateObject2_46e34420243411ea86f395335a802507(), this.variant1, function (e) {
           return _this2.variant1 = e.detail.value;
-        }) : (0, _litElement.html)(_templateObject3_8c78b96022d211eaa0764d1a500fd781(), this.variant1), this.editable ? (0, _litElement.html)(_templateObject4_8c78b96022d211eaa0764d1a500fd781(), this.variant2, function (e) {
+        }) : (0, _litElement.html)(_templateObject3_46e34420243411ea86f395335a802507(), this.variant1), this.editable ? (0, _litElement.html)(_templateObject4_46e34420243411ea86f395335a802507(), this.variant2, function (e) {
           return _this2.variant2 = e.detail.value;
-        }) : (0, _litElement.html)(_templateObject5_8c78b96022d211eaa0764d1a500fd781(), this.variant2), value1.map(function (allele1) {
-          return (0, _litElement.html)(_templateObject6_8c78b96022d211eaa0764d1a500fd781(), allele1.map(function (i) {
-            return (0, _litElement.html)(_templateObject7_8c78b96022d211eaa0764d1a500fd781(), i);
+        }) : (0, _litElement.html)(_templateObject5_46e34420243411ea86f395335a802507(), this.variant2), value1.map(function (allele1) {
+          return (0, _litElement.html)(_templateObject6_46e34420243411ea86f395335a802507(), allele1.map(function (i) {
+            return (0, _litElement.html)(_templateObject7_46e34420243411ea86f395335a802507(), i);
           }));
         }), value2.map(function (allele2, index) {
           return allele2.map(function (allele) {
-            return (0, _litElement.html)(_templateObject8_8c78b96022d211eaa0764d1a500fd781(), allele, value1.map(function (v1) {
+            return (0, _litElement.html)(_templateObject8_46e34420243411ea86f395335a802507(), allele, value1.map(function (v1) {
               return v1.map(function (allele1) {
-                return (0, _litElement.html)(_templateObject9_8c78b96022d211eaa0764d1a500fd781(), allele1, allele);
+                return (0, _litElement.html)(_templateObject9_46e34420243411ea86f395335a802507(), allele1, allele);
               });
             }));
           });
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 9d645f8192f..24385f0b9ea 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
   _exports.QR = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_8c03896022d211eaa0764d1a500fd781() {
+  function _templateObject2_47516f40243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject2_8c03896022d211eaa0764d1a500fd781 = function _templateObject2_8c03896022d211eaa0764d1a500fd781() {
+    _templateObject2_47516f40243411ea86f395335a802507 = function _templateObject2_47516f40243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8c03896022d211eaa0764d1a500fd781() {
+  function _templateObject_47516f40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        #link {\n          visibility: hidden;\n          opacity: 0;\n        }\n      "]);
 
-    _templateObject_8c03896022d211eaa0764d1a500fd781 = function _templateObject_8c03896022d211eaa0764d1a500fd781() {
+    _templateObject_47516f40243411ea86f395335a802507 = function _templateObject_47516f40243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,7 +45,7 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_8c03896022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_47516f40243411ea86f395335a802507())];
       }
     }]);
 
@@ -66,7 +66,7 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
     babelHelpers.createClass(QR, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_8c03896022d211eaa0764d1a500fd781(), this.data, this.modulesize, this.margin, this.format, this.data, this.title);
+        return (0, _litElement.html)(_templateObject2_47516f40243411ea86f395335a802507(), this.data, this.modulesize, this.margin, this.format, this.data, this.title);
       }
     }], [{
       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 f0387773124..6e704401e39 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
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8ca56eb022d211eaa0764d1a500fd781() {
+  function _templateObject_47562a30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <code-editor id=\"editor\" language=\"r\"></code-editor>\n      <paper-button\n        id=\"button\"\n        disabled=\"[[!__connected]]\"\n        on-click=\"process\"\n        raised\n        >Process</paper-button\n      >\n      <div id=\"output\"></div>\n    "]);
 
-    _templateObject_8ca56eb022d211eaa0764d1a500fd781 = function _templateObject_8ca56eb022d211eaa0764d1a500fd781() {
+    _templateObject_47562a30243411ea86f395335a802507 = function _templateObject_47562a30243411ea86f395335a802507() {
       return data;
     };
 
@@ -136,7 +136,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8ca56eb022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_47562a30243411ea86f395335a802507());
       } // haxProperty definition
 
     }, {
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 7055e47f29a..325d665b657 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
   _exports.RandomImage = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_8ca82dd022d211eaa0764d1a500fd781() {
+  function _templateObject2_47591060243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-image\n        style=\"width:200px; height:200px;\"\n        class=\"", "\"\n        sizing=\"contain\"\n        src=\"", "\"\n        title=\"", "\"\n      ></iron-image>\n    "]);
 
-    _templateObject2_8ca82dd022d211eaa0764d1a500fd781 = function _templateObject2_8ca82dd022d211eaa0764d1a500fd781() {
+    _templateObject2_47591060243411ea86f395335a802507 = function _templateObject2_47591060243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8ca82dd022d211eaa0764d1a500fd781() {
+  function _templateObject_47591060243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject_8ca82dd022d211eaa0764d1a500fd781 = function _templateObject_8ca82dd022d211eaa0764d1a500fd781() {
+    _templateObject_47591060243411ea86f395335a802507 = function _templateObject_47591060243411ea86f395335a802507() {
       return data;
     };
 
@@ -44,7 +44,7 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_8ca82dd022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_47591060243411ea86f395335a802507())];
       }
     }]);
 
@@ -64,7 +64,7 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
     babelHelpers.createClass(RandomImage, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_8ca82dd022d211eaa0764d1a500fd781(), this.mode, this._imgSrc, this._imgTitle);
+        return (0, _litElement.html)(_templateObject2_47591060243411ea86f395335a802507(), this.mode, this._imgSrc, this._imgTitle);
       }
     }, {
       key: "_pickRandomProperty",
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 930bf66bf57..2abc920aab8 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js", "../utils/utils.js"], fun
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_8cb2b52022d211eaa0764d1a500fd781() {
+  function _templateObject2_478836b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      "]);
 
-    _templateObject2_8cb2b52022d211eaa0764d1a500fd781 = function _templateObject2_8cb2b52022d211eaa0764d1a500fd781() {
+    _templateObject2_478836b0243411ea86f395335a802507 = function _templateObject2_478836b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8cb2b52022d211eaa0764d1a500fd781() {
+  function _templateObject_478836b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div><slot></slot></div>\n    "]);
 
-    _templateObject_8cb2b52022d211eaa0764d1a500fd781 = function _templateObject_8cb2b52022d211eaa0764d1a500fd781() {
+    _templateObject_478836b0243411ea86f395335a802507 = function _templateObject_478836b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,7 +45,7 @@ define(["exports", "../../lit-element/lit-element.js", "../utils/utils.js"], fun
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8cb2b52022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_478836b0243411ea86f395335a802507());
       } // haxProperty definition
 
     }, {
@@ -87,7 +87,7 @@ define(["exports", "../../lit-element/lit-element.js", "../utils/utils.js"], fun
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8cb2b52022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_478836b0243411ea86f395335a802507())];
       }
     }, {
       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 22f88f9bd3c..d6718c9398d 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,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
   });
   _exports.ResponsiveGridClear = void 0;
 
-  function _templateObject2_95f7730022d211eaa0764d1a500fd781() {
+  function _templateObject2_50cb46e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n          clear: both;\n        }\n      "]);
 
-    _templateObject2_95f7730022d211eaa0764d1a500fd781 = function _templateObject2_95f7730022d211eaa0764d1a500fd781() {
+    _templateObject2_50cb46e0243411ea86f395335a802507 = function _templateObject2_50cb46e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_95f7730022d211eaa0764d1a500fd781() {
+  function _templateObject_50cb46e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject_95f7730022d211eaa0764d1a500fd781 = function _templateObject_95f7730022d211eaa0764d1a500fd781() {
+    _templateObject_50cb46e0243411ea86f395335a802507 = function _templateObject_50cb46e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -44,7 +44,7 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
     babelHelpers.createClass(ResponsiveGridClear, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_95f7730022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_50cb46e0243411ea86f395335a802507());
       }
     }], [{
       key: "styles",
@@ -53,7 +53,7 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_95f7730022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_50cb46e0243411ea86f395335a802507())];
       }
     }, {
       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 102f35b5b59..575dd985518 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,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
   });
   _exports.ResponsiveGridCol = void 0;
 
-  function _templateObject2_95f920b022d211eaa0764d1a500fd781() {
+  function _templateObject2_50cdb7e0243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject2_95f920b022d211eaa0764d1a500fd781 = function _templateObject2_95f920b022d211eaa0764d1a500fd781() {
+    _templateObject2_50cdb7e0243411ea86f395335a802507 = function _templateObject2_50cdb7e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_95f920b022d211eaa0764d1a500fd781() {
+  function _templateObject_50cdb7e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div id=\"col-inner\"><slot></slot></div>\n    "]);
 
-    _templateObject_95f920b022d211eaa0764d1a500fd781 = function _templateObject_95f920b022d211eaa0764d1a500fd781() {
+    _templateObject_50cdb7e0243411ea86f395335a802507 = function _templateObject_50cdb7e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -47,7 +47,7 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
     babelHelpers.createClass(ResponsiveGridCol, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_95f920b022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_50cdb7e0243411ea86f395335a802507());
       }
     }], [{
       key: "styles",
@@ -56,7 +56,7 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_95f920b022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_50cdb7e0243411ea86f395335a802507())];
       }
     }, {
       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 97a873f9993..4590d47d4df 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,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../../responsive-util
   });
   _exports.ResponsiveGridRow = void 0;
 
-  function _templateObject2_95fb91b022d211eaa0764d1a500fd781() {
+  function _templateObject2_50d028e0243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject2_95fb91b022d211eaa0764d1a500fd781 = function _templateObject2_95fb91b022d211eaa0764d1a500fd781() {
+    _templateObject2_50d028e0243411ea86f395335a802507 = function _templateObject2_50d028e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_95fb91b022d211eaa0764d1a500fd781() {
+  function _templateObject_50d028e0243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_95fb91b022d211eaa0764d1a500fd781 = function _templateObject_95fb91b022d211eaa0764d1a500fd781() {
+    _templateObject_50d028e0243411ea86f395335a802507 = function _templateObject_50d028e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -59,7 +59,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../responsive-util
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_95fb91b022d211eaa0764d1a500fd781(), this.xs, this.sm, this.md, this.lg, this.xl, this.responsiveToParent, this.screen, this.gutter);
+        return (0, _litElement.html)(_templateObject_50d028e0243411ea86f395335a802507(), this.xs, this.sm, this.md, this.lg, this.xl, this.responsiveToParent, this.screen, this.gutter);
       }
       /**
        * convention
@@ -72,7 +72,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../responsive-util
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_95fb91b022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_50d028e0243411ea86f395335a802507())];
       }
     }, {
       key: "tag",
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 29caf0b4789..d562180ba80 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
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8ce66f5022d211eaa0764d1a500fd781() {
+  function _templateObject_478ddc00243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline;\n        }\n      </style>\n      <slot></slot>\n    "]);
 
-    _templateObject_8ce66f5022d211eaa0764d1a500fd781 = function _templateObject_8ce66f5022d211eaa0764d1a500fd781() {
+    _templateObject_478ddc00243411ea86f395335a802507 = function _templateObject_478ddc00243411ea86f395335a802507() {
       return data;
     };
 
@@ -104,7 +104,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8ce66f5022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_478ddc00243411ea86f395335a802507());
       }
     }, {
       key: "tag",
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
new file mode 100644
index 00000000000..81a694685c1
--- /dev/null
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/retro-card/retro-card.js
@@ -0,0 +1,320 @@
+define(["exports", "../../lit-element/lit-element.js", "../simple-colors/simple-colors.js"], function (_exports, _litElement, _simpleColors) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.RetroCard = void 0;
+
+  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+  function _templateObject3_4797c710243411ea86f395335a802507() {
+    var data = 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        :host([dark]) {\n          --retro-card-dark-color: #f4f1d0;\n          --retro-card-light-color: #212121;\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        .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        .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        .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        .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      "]);
+
+    _templateObject3_4797c710243411ea86f395335a802507 = function _templateObject3_4797c710243411ea86f395335a802507() {
+      return data;
+    };
+
+    return data;
+  }
+
+  function _templateObject2_4797c710243411ea86f395335a802507() {
+    var data = babelHelpers.taggedTemplateLiteral(["\n                <span class=\"project-tag\">", "</span>\n              "]);
+
+    _templateObject2_4797c710243411ea86f395335a802507 = function _templateObject2_4797c710243411ea86f395335a802507() {
+      return data;
+    };
+
+    return data;
+  }
+
+  function _templateObject_4797c710243411ea86f395335a802507() {
+    var data = babelHelpers.taggedTemplateLiteral(["\n      <a tabindex=\"-1\" class=\"link ", "\" href=\"", "\">\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>\n    "]);
+
+    _templateObject_4797c710243411ea86f395335a802507 = function _templateObject_4797c710243411ea86f395335a802507() {
+      return data;
+    };
+
+    return data;
+  }
+
+  /**
+   * `retro-card`
+   * `Simple card in a cool retro design`
+   *
+   * @microcopy - language worth noting:
+   *  -
+   *
+   * @demo demo/index.html
+   * @customElement retro-card
+   */
+  var RetroCard =
+  /*#__PURE__*/
+  function (_SimpleColors) {
+    babelHelpers.inherits(RetroCard, _SimpleColors);
+    babelHelpers.createClass(RetroCard, [{
+      key: "render",
+      // render function
+      value: function render() {
+        return (0, _litElement.html)(_templateObject_4797c710243411ea86f395335a802507(), this.color, this.url, this.__source, this.title, this.subtitle, this.__cardTags.map(function (tag) {
+          return (0, _litElement.html)(_templateObject2_4797c710243411ea86f395335a802507(), tag.trim());
+        }));
+      } // haxProperty definition
+
+    }], [{
+      key: "styles",
+      //styles function
+      get: function get() {
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(RetroCard), "styles", this)), [(0, _litElement.css)(_templateObject3_4797c710243411ea86f395335a802507())]);
+      }
+    }, {
+      key: "haxProperties",
+      get: function get() {
+        return {
+          canScale: false,
+          canPosition: false,
+          canEditSource: false,
+          gizmo: {
+            title: "Retro card",
+            description: "Simple card in a cool retro design",
+            icon: "icons:android",
+            color: "purple",
+            groups: ["Card"],
+            handles: [{
+              type: "image",
+              source2: "mediaSource",
+              source: "hoverSource",
+              alt: "subtitle",
+              title: "title",
+              name: "title"
+            }],
+            meta: {
+              author: "ELMS:LN",
+              owner: "The Pennsylvania State University"
+            }
+          },
+          settings: {
+            quick: [{
+              property: "mediaSource",
+              description: "",
+              inputMethod: "textfield",
+              required: true,
+              icon: "icons:link",
+              validationType: "url"
+            }],
+            configure: [{
+              property: "title",
+              description: "",
+              inputMethod: "textfield",
+              required: false,
+              icon: "icons:android"
+            }, {
+              property: "url",
+              description: "",
+              inputMethod: "textfield",
+              required: false,
+              icon: "icons:android",
+              validationType: "url"
+            }, {
+              property: "subtitle",
+              description: "",
+              inputMethod: "textfield",
+              required: false,
+              icon: "icons:android"
+            }, {
+              property: "tags",
+              description: "",
+              inputMethod: "textfield",
+              required: false,
+              icon: "icons:android"
+            }, {
+              property: "mediaSource",
+              description: "Primary media source",
+              inputMethod: "haxupload",
+              required: true,
+              icon: "icons:link",
+              validationType: "url"
+            }, {
+              property: "hoverSource",
+              description: "When user hovers / activates the card",
+              title: "Source on hover",
+              inputMethod: "haxupload",
+              required: false,
+              validationType: "url",
+              icon: "icons:android"
+            }, {
+              property: "accentColor",
+              description: "An accent to apply evenly to the card",
+              title: "Accent Color",
+              inputMethod: "colorpicker",
+              required: false,
+              icon: "icons:android"
+            }, {
+              property: "dark",
+              title: "Dark",
+              description: "Flips the color mode to be dark mode",
+              inputMethod: "boolean",
+              required: false
+            }],
+            advanced: []
+          }
+        };
+      } // properties available to the custom element for data binding
+
+    }, {
+      key: "properties",
+      get: function get() {
+        return _objectSpread({}, babelHelpers.get(babelHelpers.getPrototypeOf(RetroCard), "properties", this), {
+          title: {
+            type: String
+          },
+          subtitle: {
+            type: String
+          },
+          tags: {
+            type: String
+          },
+          mediaSource: {
+            type: String,
+            attribute: "media-source"
+          },
+          url: {
+            type: String
+          },
+          hoverSource: {
+            type: String,
+            attribute: "hover-source"
+          },
+          hoverState: {
+            type: Boolean,
+            attribute: "hover-state",
+            reflect: true
+          },
+          __cardTags: {
+            type: Array
+          },
+          __source: {
+            type: String
+          }
+        });
+      }
+      /**
+       * Convention we use
+       */
+
+    }, {
+      key: "tag",
+      get: function get() {
+        return "retro-card";
+      }
+      /**
+       * HTMLElement
+       */
+
+    }]);
+
+    function RetroCard() {
+      var _this;
+
+      babelHelpers.classCallCheck(this, RetroCard);
+      _this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(RetroCard).call(this));
+      _this.__cardTags = [];
+      _this.hoverState = false; // makes this focusable and we normalize the hover / focus state
+      // between CSS, JS and keyboard actions this way
+
+      _this.setAttribute("tabindex", 0);
+
+      setTimeout(function () {
+        _this.addEventListener("keypress", _this._keyPress.bind(babelHelpers.assertThisInitialized(_this)));
+
+        _this.addEventListener("mouseover", _this._hoverStateOn.bind(babelHelpers.assertThisInitialized(_this)));
+
+        _this.addEventListener("mouseout", _this._hoverStateOff.bind(babelHelpers.assertThisInitialized(_this)));
+
+        _this.addEventListener("focusin", _this._hoverStateOn.bind(babelHelpers.assertThisInitialized(_this)));
+
+        _this.addEventListener("focusout", _this._hoverStateOff.bind(babelHelpers.assertThisInitialized(_this)));
+      }, 0);
+      return _this;
+    }
+    /**
+     * A11y because we are delegating keyboard function to hit the link when enter pressed
+     */
+
+
+    babelHelpers.createClass(RetroCard, [{
+      key: "_keyPress",
+      value: function _keyPress(e) {
+        switch (e.key) {
+          case "Enter":
+            // simulate click to go to whatever link / action it has
+            this.shadowRoot.querySelector("a").click();
+            break;
+        }
+      }
+    }, {
+      key: "_hoverStateOff",
+      value: function _hoverStateOff(e) {
+        this.hoverState = false;
+      }
+    }, {
+      key: "_hoverStateOn",
+      value: function _hoverStateOn(e) {
+        this.hoverState = true;
+      }
+    }, {
+      key: "firstUpdated",
+      value: function firstUpdated() {
+        // optional support for hoverSource being the default source
+        if (!this.hoverSource) {
+          console.log("?");
+          this.hoverSource = this.mediaSource;
+        }
+      }
+      /**
+       * LitElement life cycle - property changed
+       */
+
+    }, {
+      key: "updated",
+      value: function updated(changedProperties) {
+        var _this2 = this;
+
+        if (babelHelpers.get(babelHelpers.getPrototypeOf(RetroCard.prototype), "updated", this)) {
+          babelHelpers.get(babelHelpers.getPrototypeOf(RetroCard.prototype), "updated", this).call(this, changedProperties);
+        }
+
+        changedProperties.forEach(function (oldValue, propName) {
+          if (propName == "tags") {
+            _this2._tagsChanged(_this2[propName]);
+          }
+
+          if (propName == "source") {
+            _this2.__source = _this2.mediaSource;
+          }
+
+          if (propName == "hoverState") {
+            _this2.__source = _this2[propName] ? _this2.hoverSource : _this2.mediaSource;
+            console.log(_this2.mediaSource);
+          }
+        });
+      }
+      /**
+       * Convert string based tags into array
+       */
+
+    }, {
+      key: "_tagsChanged",
+      value: function _tagsChanged(tags) {
+        var ary = tags.split(",");
+        this.__cardTags = babelHelpers.toConsumableArray(ary);
+      }
+    }]);
+    return RetroCard;
+  }(_simpleColors.SimpleColors);
+
+  _exports.RetroCard = RetroCard;
+  customElements.define(RetroCard.tag, RetroCard);
+});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-button-styles.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-button-styles.js
index 51a92feb172..2e3d59735ba 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-button-styles.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-button-styles.js
@@ -1,10 +1,10 @@
 define(["../../../../@polymer/polymer/polymer-element.js"], function (_polymerElement) {
   "use strict";
 
-  function _templateObject_9724cf7022d211eaa0764d1a500fd781() {
+  function _templateObject_521700c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    :host {\n      --rich-text-editor-button-min-width: 24px;\n      --rich-text-editor-button-height: 24px;\n      --rich-text-editor-button-margin: 3px;\n      --rich-text-editor-button-padding: 0;\n    }\n    :host([hidden]) {\n      display: none;\n    }\n    :host .offscreen {\n      position: absolute;\n      left: -999999px;\n      top: 0;\n      height: 0;\n      width: 0;\n      overflow: hidden;\n    }\n    :host(rich-text-editor-emoji-picker),\n    :host(rich-text-editor-symbol-picker) {\n      --simple-picker-option-label-padding: 2px;\n    }\n    :host paper-tooltip {\n      z-index: 2;\n    }\n    :host .rtebutton {\n      text-transform: unset;\n      transition: all 0.5s;\n      color: var(--rich-text-editor-button-color);\n      border-color: var(--rich-text-editor-border-color);\n      @apply --rich-text-editor-button;\n    }\n    :host([disabled]) .rtebutton {\n      cursor: not-allowed;\n      color: var(--rich-text-editor-button-disabled-color);\n      background-color: var(--rich-text-editor-button-disabled-bg);\n      @apply --rich-text-editor-button-disabled;\n    }\n    :host .rtebutton[toggled] {\n      color: var(--rich-text-editor-button-toggled-color);\n      background-color: var(--rich-text-editor-button-toggled-bg);\n      @apply --rich-text-editor-button-toggled;\n    }\n    :host .rtebutton:focus,\n    :host .rtebutton:hover {\n      color: var(--rich-text-editor-button-hover-color);\n      background-color: var(--rich-text-editor-button-hover-bg);\n    }\n    :host .rtebutton #icon:not([icon]) {\n      display: none;\n    }\n  </style>\n"]);
 
-    _templateObject_9724cf7022d211eaa0764d1a500fd781 = function _templateObject_9724cf7022d211eaa0764d1a500fd781() {
+    _templateObject_521700c0243411ea86f395335a802507 = function _templateObject_521700c0243411ea86f395335a802507() {
       return data;
     };
 
@@ -12,7 +12,7 @@ define(["../../../../@polymer/polymer/polymer-element.js"], function (_polymerEl
   }
 
   var styleElement = document.createElement("dom-module");
-  var css = (0, _polymerElement.html)(_templateObject_9724cf7022d211eaa0764d1a500fd781());
+  var css = (0, _polymerElement.html)(_templateObject_521700c0243411ea86f395335a802507());
   styleElement.appendChild(css);
   styleElement.register("rich-text-editor-button-styles");
 });
\ No newline at end of file
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 58a3f7459b7..2e93387e975 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,10 +6,10 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.RichTextEditorButton = void 0;
 
-  function _templateObject_9729d88022d211eaa0764d1a500fd781() {
+  function _templateObject_521f3e20243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"rich-text-editor-button-styles\">\n        :host .rtebutton {\n          min-width: var(--rich-text-editor-button-min-width);\n          height: var(--rich-text-editor-button-height);\n          margin: var(--rich-text-editor-button-margin);\n          padding: var(--rich-text-editor-button-padding);\n        }\n      </style>\n      <iron-a11y-keys\n        id=\"a11y\"\n        target=\"[[__a11y]]\"\n        keys=\"enter\"\n        on-keys-pressed=\"_buttonTap\"\n      >\n      </iron-a11y-keys>\n      <paper-button\n        id=\"button\"\n        class=\"rtebutton\"\n        disabled$=\"[[disabled]]\"\n        controls$=\"[[controls]]\"\n        on-click=\"_buttonTap\"\n        tabindex=\"0\"\n        toggled$=\"[[toggled]]\"\n      >\n        <iron-icon\n          id=\"icon\"\n          aria-hidden\n          icon$=\"[[_regOrToggled(icon,toggledIcon,toggled)]]\"\n        >\n        </iron-icon>\n        <span id=\"label\" class$=\"[[labelStyle]]\">[[__label]]</span>\n      </paper-button>\n      <paper-tooltip id=\"tooltip\" for=\"button\">[[__label]]</paper-tooltip>\n    "]);
 
-    _templateObject_9729d88022d211eaa0764d1a500fd781 = function _templateObject_9729d88022d211eaa0764d1a500fd781() {
+    _templateObject_521f3e20243411ea86f395335a802507 = function _templateObject_521f3e20243411ea86f395335a802507() {
       return data;
     };
 
@@ -205,7 +205,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9729d88022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_521f3e20243411ea86f395335a802507());
       } // 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-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/buttons/rich-text-editor-picker.js
index 283f325d279..66b3f13d01e 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,10 +6,10 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "./rich-te
   });
   _exports.RichTextEditorPicker = void 0;
 
-  function _templateObject_9735e67022d211eaa0764d1a500fd781() {
+  function _templateObject_522f43b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"rich-text-editor-button-styles\">\n        :host {\n          margin: 0 var(--rich-text-editor-button-margin);\n        }\n        :host simple-picker {\n          --simple-picker-border-radius: 0px;\n          --simple-picker-color: var(--rich-text-editor-button-color);\n          --simple-picker-color-active: var(\n            --rich-text-editor-button-hover-color\n          );\n          --simple-picker-color-disabled: var(--rich-text-editor-border-color);\n          --simple-picker-background-color: var(--rich-text-editor-bg);\n          --simple-picker-background-color-disabled: var(\n            --rich-text-editor-border-color\n          );\n          --simple-picker-border-width: 0px;\n          --simple-picker-option-size: 18px;\n          --simple-picker-options-border-width: 1px;\n        }\n      </style>\n      <simple-picker\n        id=\"button\"\n        allow-null$=\"[[allowNull]]\"\n        class=\"rtebutton\"\n        disabled$=\"[[super.disabled]]\"\n        controls$=\"[[super.controls]]\"\n        on-change=\"_pickerChange\"\n        tabindex=\"0\"\n        title-as-html$=\"[[titleAsHtml]]\"\n        options=\"[[options]]\"\n        value=\"{{value}}\"\n      >\n        <span id=\"label\" class$=\"[[super.labelStyle]]\">[[__label]]</span>\n      </simple-picker>\n      <paper-tooltip id=\"tooltip\" for=\"button\">[[__label]]</paper-tooltip>\n    "]);
 
-    _templateObject_9735e67022d211eaa0764d1a500fd781 = function _templateObject_9735e67022d211eaa0764d1a500fd781() {
+    _templateObject_522f43b0243411ea86f395335a802507 = function _templateObject_522f43b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -153,7 +153,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "./rich-te
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9735e67022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_522f43b0243411ea86f395335a802507());
       } // properties available to the custom element for data binding
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-styles.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-styles.js
index aca5810a991..a968ea66eab 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-styles.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-styles.js
@@ -1,10 +1,10 @@
 define(["../../../@polymer/polymer/polymer-element.js"], function (_polymerElement) {
   "use strict";
 
-  function _templateObject_95fe29c022d211eaa0764d1a500fd781() {
+  function _templateObject_50d272d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n  <style>\n    :host {\n      --rich-text-editor-bg: #fafafa;\n      --rich-text-editor-button-color: #444;\n      --rich-text-editor-border-color: #ddd;\n      --rich-text-editor-border: 1px solid\n        var(--rich-text-editor-border-color, #ddd);\n      --rich-text-editor-button-border: transparent;\n      --rich-text-editor-button-disabled-color: #666;\n      --rich-text-editor-button-disabled-bg: transparent;\n      --rich-text-editor-button-toggled-color: #222;\n      --rich-text-editor-button-toggled-bg: #ddd;\n      --rich-text-editor-button-hover-color: #000;\n      --rich-text-editor-button-hover-bg: #f0f0f0;\n      --rich-text-editor-picker-border: #fafafa;\n      --rich-text-editor-selection-bg: #b3d9ff;\n    }\n    .rich-text-editor-selection {\n      background-color: var(--rich-text-editor-selection-bg);\n      @apply --rich-text-editor-content-selection;\n    }\n  </style>\n"]);
 
-    _templateObject_95fe29c022d211eaa0764d1a500fd781 = function _templateObject_95fe29c022d211eaa0764d1a500fd781() {
+    _templateObject_50d272d0243411ea86f395335a802507 = function _templateObject_50d272d0243411ea86f395335a802507() {
       return data;
     };
 
@@ -12,7 +12,7 @@ define(["../../../@polymer/polymer/polymer-element.js"], function (_polymerEleme
   }
 
   var styleElement = document.createElement("dom-module");
-  var css = (0, _polymerElement.html)(_templateObject_95fe29c022d211eaa0764d1a500fd781());
+  var css = (0, _polymerElement.html)(_templateObject_50d272d0243411ea86f395335a802507());
   styleElement.appendChild(css);
   styleElement.register("rich-text-editor-styles");
   window.RichTextEditorStyleManager = {};
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 6ab8cdd609e..6fb4e10bbfc 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,10 +6,10 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.RichTextEditorPrompt = void 0;
 
-  function _templateObject_974290a022d211eaa0764d1a500fd781() {
+  function _templateObject_523d2660243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"rich-text-editor-styles rich-text-editor-button-styles\">\n        :host {\n          --paper-input-container-focus-color: var(\n            --rich-text-editor-focus-color,\n            #000\n          );\n          --paper-input-container-invalid-color: var(\n            --rich-text-editor-error-color,\n            #800\n          );\n        }\n        :host #prompt {\n          display: none;\n          width: 300px;\n          max-width: 300px;\n          --simple-popover-padding: 0px;\n        }\n        :host #prompt[for]{\n          display: block;\n          z-index: 2;\n        }\n        :host #prompt[for] #form {\n          display: flex;\n          flex-direction: column;\n          align-items: center;\n          justify-content: space-between;\n          z-index: 2;\n        }\n        :host #formfields {\n          width: calc(100% - 20px);\n          padding: 10px 10px 0;\n        }\n        :host #prompt paper-input {\n          padding: 0;\n        }\n        :host #confirm, \n        :host #cancel {\n          min-width: unset;\n        }\n        :host #formfields {\n          overflow: visible;\n        }\n        :host #cancel {\n          color: var(--rich-text-editor-button-color);\n          background-color: var(--rich-text-editor-button-bg);\n\n        }\n        :host #cancel:focus,\n        :host #cancel:hover {\n          color: var(--rich-text-editor-button-hover-color);\n          background-color: var(--rich-text-editor-button-hover-bg);\n        }\n        :host #confirm {\n          color: var(--rich-text-editor-button-color);\n          background-color: var(--rich-text-editor-button-bg);\n\n        }\n        :host #confirm:focus,\n        :host #confirm:hover {\n          color: var(--rich-text-editor-button-hover-color);\n          background-color: var(--rich-text-editor-button-hover-bg);\n        }\n        :host .actions {\n          width: 100%;\n          padding-bottom: 3px;\n          display: flex;\n          align-items: center;\n          justify-content: flex-end;\n        }\n        :host .confirm-or-cancel {\n          min-width: 40px;\n        }\n      </style>\n      <simple-popover\n        id=\"prompt\"\n        auto\n        for$=\"[[for]]\"\n      >\n        <form id=\"form\">\n          <simple-fields\n            id=\"formfields\"\n            autofocus\n            hide-line-numbers\n            fields=\"[[fields]]\"\n            value=\"{{value}}\"\n          ></simple-fields>\n          <div class=\"actions\">\n            </iron-a11y-keys>\n            <paper-button\n              id=\"cancel\"\n              class=\"rtebutton\"\n              controls$=\"[[for]]\"\n              on-click=\"_cancel\"\n              tabindex=\"0\"\n            >\n              <iron-icon id=\"icon\" aria-hidden icon=\"clear\"> </iron-icon>\n              <span id=\"label\" class=\"offscreen\">Cancel</span>\n            </paper-button>\n            <paper-tooltip id=\"tooltip\" for=\"cancel\">Cancel</paper-tooltip>\n            <paper-button\n              id=\"confirm\"\n              class=\"rtebutton\"\n              controls$=\"[[for]]\"\n              on-click=\"_confirm\"\n              tabindex=\"0\"\n            >\n              <iron-icon id=\"icon\" aria-hidden icon=\"check\"> </iron-icon>\n              <span id=\"label\" class=\"offscreen\">OK</span>\n            </paper-button>\n            <paper-tooltip id=\"tooltip\" for=\"confirm\">OK</paper-tooltip>\n          </div>\n          <iron-a11y-keys\n            id=\"a11ycancel\"\n            target=\"[[__a11ycancel]]\"\n            keys=\"enter space\"\n            on-keys-pressed=\"_cancel\"\n          >\n          <iron-a11y-keys\n            id=\"a11yconfirm\"\n            target=\"[[__a11yconfirm]]\"\n            keys=\"enter space\"\n            on-keys-pressed=\"_confirm\"\n          >\n          </iron-a11y-keys>\n        </form>\n      </simple-popover>\n    "]);
 
-    _templateObject_974290a022d211eaa0764d1a500fd781 = function _templateObject_974290a022d211eaa0764d1a500fd781() {
+    _templateObject_523d2660243411ea86f395335a802507 = function _templateObject_523d2660243411ea86f395335a802507() {
       return data;
     };
 
@@ -36,7 +36,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
       /* REQUIRED FOR TOOLING DO NOT TOUCH */
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_974290a022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_523d2660243411ea86f395335a802507());
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-selection.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-selection.js
index 233cb8c9fc9..b879113d462 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-selection.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/singletons/rich-text-editor-selection.js
@@ -6,10 +6,10 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../rich-t
   });
   _exports.RichTextEditorSelection = void 0;
 
-  function _templateObject_9747c0c022d211eaa0764d1a500fd781() {
+  function _templateObject_524340e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"rich-text-editor-styles\">\n        :host {\n          background-color: var(--rich-text-editor-selection-bg);\n          @apply --rich-text-editor-content-selection;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <slot></slot>\n    "]);
 
-    _templateObject_9747c0c022d211eaa0764d1a500fd781 = function _templateObject_9747c0c022d211eaa0764d1a500fd781() {
+    _templateObject_524340e0243411ea86f395335a802507 = function _templateObject_524340e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -282,7 +282,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../rich-t
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9747c0c022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_524340e0243411ea86f395335a802507());
       } // properties available to the custom element for data binding
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-breadcrumb.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-breadcrumb.js
index 7b8ce209ce9..f9faaebb89d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-breadcrumb.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-breadcrumb.js
@@ -6,10 +6,10 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.RichTextEditorBreadcrumb = void 0;
 
-  function _templateObject_97496e7022d211eaa0764d1a500fd781() {
+  function _templateObject_52453cb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"rich-text-editor-button-styles\">\n        :host #button {\n          @apply --rich-text-editor-breadcrumb;\n        }\n      </style>\n      <iron-a11y-keys\n        id=\"a11y\"\n        target=\"[[__a11y]]\"\n        keys=\"enter\"\n        on-keys-pressed=\"_buttonTap\"\n      >\n      </iron-a11y-keys>\n      <paper-button\n        id=\"button\"\n        class=\"rtebutton rtebreadcrumb\"\n        controls$=\"[[controls]]\"\n        on-click=\"_buttonTap\"\n        tabindex=\"0\"\n      >\n        [[tag]]\n      </paper-button>\n    "]);
 
-    _templateObject_97496e7022d211eaa0764d1a500fd781 = function _templateObject_97496e7022d211eaa0764d1a500fd781() {
+    _templateObject_52453cb0243411ea86f395335a802507 = function _templateObject_52453cb0243411ea86f395335a802507() {
       return data;
     };
 
@@ -84,7 +84,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_97496e7022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_52453cb0243411ea86f395335a802507());
       } // properties available to the custom element for data binding
 
     }, {
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 d0ee36c459e..fc9a3867765 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,10 +6,10 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "./rich-te
   });
   _exports.RichTextEditorBreadcrumbs = void 0;
 
-  function _templateObject_974b433022d211eaa0764d1a500fd781() {
+  function _templateObject_524786a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"rich-text-editor-styles\"></style>\n      <style include=\"rich-text-editor-button-styles\">\n        :host([sticky]) {\n          position: sticky;\n          bottom: 0;\n        }\n        :host {\n          display: block;\n          background-color: var(--rich-text-editor-bg);\n          color: var(--rich-text-editor-button-color);\n          border: var(--rich-text-editor-border);\n          padding: 3px 10px;\n\n          --rich-text-editor-breadcrumb: {\n            font-family: monospace;\n            display: inline-block;\n            text-align: center;\n            min-width: 30px;\n            line-height: 30px;\n            margin: 0;\n            padding: 2px 5px;\n          }\n        }\n        :host .selectednode {\n          background-color: var(--rich-text-editor-bg);\n          @apply --rich-text-editor-breadcrumb;\n        }\n      </style>\n      [[label]]\n      <template is=\"dom-repeat\" items=\"[[ancestorNodes]]\" as=\"crumb\">\n        <rich-text-editor-breadcrumb\n          controls$=\"[[controls]]\"\n          tag$=\"[[crumb.tag]]\"\n          target=\"[[crumb.target]]\"\n        >\n        </rich-text-editor-breadcrumb>\n      </template>\n    "]);
 
-    _templateObject_974b433022d211eaa0764d1a500fd781 = function _templateObject_974b433022d211eaa0764d1a500fd781() {
+    _templateObject_524786a0243411ea86f395335a802507 = function _templateObject_524786a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -81,7 +81,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "./rich-te
       /* REQUIRED FOR TOOLING DO NOT TOUCH */
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_974b433022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_524786a0243411ea86f395335a802507());
       }
       /**
        * Store the tag name to make it easier to obtain directly.
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-toolbar-full.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-toolbar-full.js
index 9453477e472..6796c8998a2 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-toolbar-full.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/toolbars/rich-text-editor-toolbar-full.js
@@ -6,10 +6,10 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "./rich-te
   });
   _exports.RichTextEditorToolbarFull = void 0;
 
-  function _templateObject_974d17f022d211eaa0764d1a500fd781() {
+  function _templateObject_524a6cd0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", " ", " ", "\n    "]);
 
-    _templateObject_974d17f022d211eaa0764d1a500fd781 = function _templateObject_974d17f022d211eaa0764d1a500fd781() {
+    _templateObject_524a6cd0243411ea86f395335a802507 = function _templateObject_524a6cd0243411ea86f395335a802507() {
       return data;
     };
 
@@ -119,7 +119,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "./rich-te
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_974d17f022d211eaa0764d1a500fd781(), this.styleTemplate, this.stickyTemplate, this.toolbarTemplate);
+        return (0, _polymerElement.html)(_templateObject_524a6cd0243411ea86f395335a802507(), this.styleTemplate, this.stickyTemplate, this.toolbarTemplate);
       } // properties available to the custom element for data binding
 
     }, {
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 892a91a6977..bf7adb5e77d 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,10 +6,10 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "./rich-te
   });
   _exports.RichTextEditorToolbarMini = void 0;
 
-  function _templateObject_974f88f022d211eaa0764d1a500fd781() {
+  function _templateObject_524c8fb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      <style>\n        :host #floating {\n          display: flex;\n        }\n      </style>\n      <absolute-position-behavior\n        auto\n        id=\"floating\"\n        fit-to-visible-bounds\n        for$=\"[[controls]]\"\n        position=\"top\"\n      >\n        ", "\n      </absolute-position-behavior>\n    "]);
 
-    _templateObject_974f88f022d211eaa0764d1a500fd781 = function _templateObject_974f88f022d211eaa0764d1a500fd781() {
+    _templateObject_524c8fb0243411ea86f395335a802507 = function _templateObject_524c8fb0243411ea86f395335a802507() {
       return data;
     };
 
@@ -115,7 +115,7 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "./rich-te
     babelHelpers.createClass(RichTextEditorToolbarMini, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_974f88f022d211eaa0764d1a500fd781(), this.styleTemplate, this.toolbarTemplate);
+        return (0, _polymerElement.html)(_templateObject_524c8fb0243411ea86f395335a802507(), this.styleTemplate, this.toolbarTemplate);
       } // properties available to the custom element for data binding
 
     }, {
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 1480850f5b1..bc85560d01f 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
@@ -6,40 +6,40 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
   });
   _exports.RichTextEditorToolbar = void 0;
 
-  function _templateObject4_975b21b022d211eaa0764d1a500fd781() {
+  function _templateObject4_525a4b50243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", " ", " ", "\n    "]);
 
-    _templateObject4_975b21b022d211eaa0764d1a500fd781 = function _templateObject4_975b21b022d211eaa0764d1a500fd781() {
+    _templateObject4_525a4b50243411ea86f395335a802507 = function _templateObject4_525a4b50243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_975b21b022d211eaa0764d1a500fd781() {
+  function _templateObject3_525a4b50243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div\n        id=\"toolbar\"\n        aria-live=\"polite\"\n        aria-hidden$=\"[[!controls]]\"\n        collapsed$=\"[[collapsed]]\"\n      >\n        <rich-text-editor-more-button\n          id=\"morebutton\"\n          class=\"button\"\n          controls=\"toolbar\"\n          icon$=\"[[moreIcon]]\"\n          label$=\"[[moreLabel]]\"\n          show-text-label$=\"[[moreShowTextLabel]]\"\n          label-toggled$=\"[[moreLabelToggled]]\"\n          toggled$=\"[[!collapsed]]\"\n          on-click=\"_toggleMore\"\n        >\n        </rich-text-editor-more-button>\n      </div>\n    "]);
 
-    _templateObject3_975b21b022d211eaa0764d1a500fd781 = function _templateObject3_975b21b022d211eaa0764d1a500fd781() {
+    _templateObject3_525a4b50243411ea86f395335a802507 = function _templateObject3_525a4b50243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_975b21b022d211eaa0764d1a500fd781() {
+  function _templateObject2_525a4b50243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"rich-text-editor-styles rich-text-editor-button-styles\">\n        :host([hidden]) {\n          display: none;\n        }\n        :host #toolbar {\n          display: flex;\n          opacity: 1;\n          z-index: 1;\n          margin: 0;\n          align-items: stretch;\n          flex-wrap: wrap;\n          justify-content: flex-start;\n          background-color: var(--rich-text-editor-bg);\n          border: var(--rich-text-editor-border);\n          font-size: 12px;\n          transition: all 0.5s;\n          @apply --rich-text-editor-toolbar;\n        }\n        :host #toolbar[aria-hidden] {\n          visibility: hidden;\n          opacity: 0;\n          height: 0;\n        }\n        :host #toolbar .group {\n          display: flex;\n          flex-wrap: nowrap;\n          justify-content: space-evenly;\n          align-items: stretch;\n          padding: 0 3px;\n          @apply --rich-text-editor-toolbar-group;\n        }\n        :host #toolbar .group:not(:last-of-type) {\n          margin-right: 3px;\n          border-right: var(--rich-text-editor-border);\n          @apply --rich-text-editor-toolbar-divider;\n        }\n        :host #toolbar .button {\n          display: flex;\n          flex: 0 0 auto;\n          align-items: stretch;\n        }\n        :host #toolbar #morebutton {\n          flex: 1 0 auto;\n          justify-content: flex-end;\n        }\n        /* hide the more button if all the buttons are displayed */\n        :host([responsive-size=\"xs\"]) #morebutton[collapse-max=\"xs\"],\n        :host([responsive-size=\"sm\"]) #morebutton[collapse-max*=\"s\"],\n        :host([responsive-size=\"md\"]) #morebutton:not([collapse-max*=\"l\"]),\n        :host([responsive-size=\"lg\"]) #morebutton:not([collapse-max=\"xl\"]),\n        :host([responsive-size=\"xl\"]) #morebutton,\n        /* hide the buttons if they should be collaped until */\n        :host([responsive-size=\"xs\"]) #toolbar[collapsed] *[collapsed-until*=\"m\"],\n        :host([responsive-size=\"xs\"]) #toolbar[collapsed] *[collapsed-until*=\"l\"],\n        :host([responsive-size=\"sm\"]) #toolbar[collapsed] *[collapsed-until=\"md\"],\n        :host([responsive-size=\"sm\"]) #toolbar[collapsed] *[collapsed-until*=\"l\"],\n        :host([responsive-size=\"md\"]) #toolbar[collapsed] *[collapsed-until*=\"l\"],\n        :host([responsive-size=\"lg\"]) #toolbar[collapsed] *[collapsed-until=\"xl\"] {\n          display: none;\n        }\n      </style>\n    "]);
 
-    _templateObject2_975b21b022d211eaa0764d1a500fd781 = function _templateObject2_975b21b022d211eaa0764d1a500fd781() {
+    _templateObject2_525a4b50243411ea86f395335a802507 = function _templateObject2_525a4b50243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_975b21b022d211eaa0764d1a500fd781() {
+  function _templateObject_525a4b50243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host([sticky]) {\n          position: sticky;\n          top: 0;\n        }\n      </style>\n    "]);
 
-    _templateObject_975b21b022d211eaa0764d1a500fd781 = function _templateObject_975b21b022d211eaa0764d1a500fd781() {
+    _templateObject_525a4b50243411ea86f395335a802507 = function _templateObject_525a4b50243411ea86f395335a802507() {
       return data;
     };
 
@@ -525,25 +525,25 @@ define(["exports", "../../../../@polymer/polymer/polymer-element.js", "../../../
       key: "stickyTemplate",
       // render function for styles
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_975b21b022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_525a4b50243411ea86f395335a802507());
       } // render function for styles
 
     }, {
       key: "styleTemplate",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject2_975b21b022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject2_525a4b50243411ea86f395335a802507());
       } // render function for toolbar
 
     }, {
       key: "toolbarTemplate",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject3_975b21b022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject3_525a4b50243411ea86f395335a802507());
       } // render function for template
 
     }, {
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject4_975b21b022d211eaa0764d1a500fd781(), this.styleTemplate, this.stickyTemplate, this.toolbarTemplate);
+        return (0, _polymerElement.html)(_templateObject4_525a4b50243411ea86f395335a802507(), this.styleTemplate, this.stickyTemplate, this.toolbarTemplate);
       } // properties available to the custom element for data binding
 
     }, {
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 01abd331902..f3181e2e204 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
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8cea66f022d211eaa0764d1a500fd781() {
+  function _templateObject_479d1e40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host([hidden]) {\n          display: none;\n        }\n        :host {\n          display: block;\n          min-height: 20px;\n          cursor: pointer;\n          @apply --rich-text-editor-content;\n        }\n        :host([contenteditable=\"true\"]) {\n          border: var(--rich-text-editor-border);\n          overflow: auto;\n          @apply --rich-text-editor-content-edit;\n        }\n        :host(.heightmax[contenteditable=\"true\"]) {\n          max-height: calc(100vh - 200px);\n          overflow-y: scroll;\n          @apply --rich-text-editor-heightmax;\n        }\n        :host(:empty) {\n          border: 1px dashed var(--rich-text-editor-border-color);\n          @apply --rich-text-editor-empty;\n        }\n        :host(:not([contenteditable=\"true\"]):empty):before {\n          content: attr(placeholder);\n          padding: 0 5px;\n          display: block;\n          color: var(--rich-text-editor-button-disabled-color);\n          @apply --rich-text-editor-empty-placeholder;\n        }\n        :host([contenteditable=\"true\"]:empty):before {\n          @apply --rich-text-editor-empty-editable;\n        }\n      </style>\n      <style include=\"rich-text-editor-styles\"></style>\n      <slot></slot>\n    "]);
 
-    _templateObject_8cea66f022d211eaa0764d1a500fd781 = function _templateObject_8cea66f022d211eaa0764d1a500fd781() {
+    _templateObject_479d1e40243411ea86f395335a802507 = function _templateObject_479d1e40243411ea86f395335a802507() {
       return data;
     };
 
@@ -126,7 +126,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8cea66f022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_479d1e40243411ea86f395335a802507());
       } // haxProperty definition
 
     }, {
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 1ae141d928c..37774a2d728 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
@@ -12,50 +12,50 @@ define(["exports", "meta", "require", "../../lit-element/lit-element.js", "../es
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject5_8cf27d4022d211eaa0764d1a500fd781() {
+  function _templateObject5_47c39200243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host([hidden]) {\n          display: none;\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      "]);
 
-    _templateObject5_8cf27d4022d211eaa0764d1a500fd781 = function _templateObject5_8cf27d4022d211eaa0764d1a500fd781() {
+    _templateObject5_47c39200243411ea86f395335a802507 = function _templateObject5_47c39200243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_8cf27d4022d211eaa0764d1a500fd781() {
+  function _templateObject4_47c39200243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <a\n                    tabindex=\"-1\"\n                    href=\"", "\"\n                    class=\"read-more\"\n                    title=\"", "\"\n                    >", "\n                    <paper-icon-button\n                      icon=\"icons:arrow-forward\"\n                      class=\"read-more-icon\"\n                      alt=\"", "\"\n                    ></paper-icon-button>\n                  </a>\n                "]);
 
-    _templateObject4_8cf27d4022d211eaa0764d1a500fd781 = function _templateObject4_8cf27d4022d211eaa0764d1a500fd781() {
+    _templateObject4_47c39200243411ea86f395335a802507 = function _templateObject4_47c39200243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_8cf27d4022d211eaa0764d1a500fd781() {
+  function _templateObject3_47c39200243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <a\n                    class=\"thumbnail-container\"\n                    href=\"", "\"\n                    title=\"", "\"\n                  >\n                    <iron-image\n                      class=\"thumbnail\"\n                      src=\"", "\"\n                      alt=\"", "\"\n                      sizing=\"cover\"\n                    ></iron-image>\n                  </a>\n                "]);
 
-    _templateObject3_8cf27d4022d211eaa0764d1a500fd781 = function _templateObject3_8cf27d4022d211eaa0764d1a500fd781() {
+    _templateObject3_47c39200243411ea86f395335a802507 = function _templateObject3_47c39200243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_8cf27d4022d211eaa0764d1a500fd781() {
+  function _templateObject2_47c39200243411ea86f395335a802507() {
     var data = 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        "]);
 
-    _templateObject2_8cf27d4022d211eaa0764d1a500fd781 = function _templateObject2_8cf27d4022d211eaa0764d1a500fd781() {
+    _templateObject2_47c39200243411ea86f395335a802507 = function _templateObject2_47c39200243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8cf27d4022d211eaa0764d1a500fd781() {
+  function _templateObject_47c39200243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-ajax\n        id=\"rssajax\"\n        url=\"", "\"\n        handle-as=\"xml\"\n        @last-response-changed=\"", "\"\n      ></iron-ajax>\n      ", "\n    "]);
 
-    _templateObject_8cf27d4022d211eaa0764d1a500fd781 = function _templateObject_8cf27d4022d211eaa0764d1a500fd781() {
+    _templateObject_47c39200243411ea86f395335a802507 = function _templateObject_47c39200243411ea86f395335a802507() {
       return data;
     };
 
@@ -88,8 +88,8 @@ define(["exports", "meta", "require", "../../lit-element/lit-element.js", "../es
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject_8cf27d4022d211eaa0764d1a500fd781(), this.url, this.xmlEvent, this.items.map(function (item) {
-          return (0, _litElement.html)(_templateObject2_8cf27d4022d211eaa0764d1a500fd781(), item.imageSrc ? (0, _litElement.html)(_templateObject3_8cf27d4022d211eaa0764d1a500fd781(), 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, _litElement.html)(_templateObject4_8cf27d4022d211eaa0764d1a500fd781(), item.link, item.title, _this2.readMoreAnchorText, _this2.readMoreImageAlt) : "");
+        return (0, _litElement.html)(_templateObject_47c39200243411ea86f395335a802507(), this.url, this.xmlEvent, this.items.map(function (item) {
+          return (0, _litElement.html)(_templateObject2_47c39200243411ea86f395335a802507(), item.imageSrc ? (0, _litElement.html)(_templateObject3_47c39200243411ea86f395335a802507(), 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, _litElement.html)(_templateObject4_47c39200243411ea86f395335a802507(), item.link, item.title, _this2.readMoreAnchorText, _this2.readMoreImageAlt) : "");
         }));
       } // haxProperty definition
 
@@ -248,7 +248,7 @@ define(["exports", "meta", "require", "../../lit-element/lit-element.js", "../es
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject5_8cf27d4022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject5_47c39200243411ea86f395335a802507())];
       }
     }, {
       key: "haxProperties",
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 28031559fc2..09f8603013d 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../../@polyme
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_8d06536022d211eaa0764d1a500fd781() {
+  function _templateObject2_47ca6fd0243411ea86f395335a802507() {
     var data = 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        paper-icon-button {\n          background-color: rgba(0, 0, 0, 0.6);\n          color: white;\n        }\n        paper-icon-button:hover,\n        paper-icon-button:active,\n        paper-icon-button:focus {\n          background-color: rgba(0, 0, 0, 1);\n        }\n        paper-tooltip {\n          --paper-tooltip-background: #000000;\n          --paper-tooltip-opacity: 1;\n          --paper-tooltip-text-color: #ffffff;\n          --paper-tooltip-delay-in: 0;\n        }\n      "]);
 
-    _templateObject2_8d06536022d211eaa0764d1a500fd781 = function _templateObject2_8d06536022d211eaa0764d1a500fd781() {
+    _templateObject2_47ca6fd0243411ea86f395335a802507 = function _templateObject2_47ca6fd0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8d06536022d211eaa0764d1a500fd781() {
+  function _templateObject_47ca6fd0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          paper-icon-button {\n            @apply --scroll-button-button;\n          }\n          paper-icon-button:hover,\n          paper-icon-button:active,\n          paper-icon-button:focus {\n            @apply --scroll-button-button-active;\n          }\n          paper-tooltip {\n            --paper-tooltip: {\n              border-radius: 0;\n            }\n            @apply --scroll-button-tooltip;\n          }\n        </style>\n      </custom-style>\n      <paper-icon-button\n        @click=\"", "\"\n        id=\"btn\"\n        icon=\"", "\"\n        title=\"", "\"\n      ></paper-icon-button>\n      <paper-tooltip for=\"btn\" position=\"", "\" offset=\"14\">\n        ", "\n      </paper-tooltip>\n    "]);
 
-    _templateObject_8d06536022d211eaa0764d1a500fd781 = function _templateObject_8d06536022d211eaa0764d1a500fd781() {
+    _templateObject_47ca6fd0243411ea86f395335a802507 = function _templateObject_47ca6fd0243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,14 +45,14 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../../@polyme
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8d06536022d211eaa0764d1a500fd781(), this.scrollEvent, this.icon, this.label, this.position, this.label);
+        return (0, _litElement.html)(_templateObject_47ca6fd0243411ea86f395335a802507(), this.scrollEvent, this.icon, this.label, this.position, this.label);
       } // haxProperty definition
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8d06536022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_47ca6fd0243411ea86f395335a802507())];
       }
     }, {
       key: "haxProperties",
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 a3b057aff4d..1c259efa64b 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,10 +7,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
   _exports.SelectMenu = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_8d1d36c022d211eaa0764d1a500fd781() {
+  function _templateObject_47cfee10243411ea86f395335a802507() {
     var data = 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    "], ["\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    "]);
 
-    _templateObject_8d1d36c022d211eaa0764d1a500fd781 = function _templateObject_8d1d36c022d211eaa0764d1a500fd781() {
+    _templateObject_47cfee10243411ea86f395335a802507 = function _templateObject_47cfee10243411ea86f395335a802507() {
       return data;
     };
 
@@ -91,7 +91,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js"], func
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8d1d36c022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_47cfee10243411ea86f395335a802507());
       }
     }, {
       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 bbc24f24959..74c9b0abfcd 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
@@ -11,30 +11,30 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-col
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject3_8d22dc1022d211eaa0764d1a500fd781() {
+  function _templateObject3_48094d90243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          margin: 15px 0;\n        }\n        :host([hidden]),\n        *[hidden] {\n          display: none !important;\n        }\n\n        paper-card {\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        paper-icon-button#checkbtn {\n          width: 50px;\n          height: 50px;\n          position: relative;\n          left: 16px;\n          bottom: -10px;\n        }\n\n        .check_button {\n          display: flex;\n          justify-content: flex-end;\n        }\n\n        paper-icon-button#closeBtn {\n          width: 50px;\n          height: 50px;\n          position: relative;\n          left: 16px;\n          bottom: -16px;\n        }\n\n        .close_button {\n          display: flex;\n          justify-content: flex-end;\n        }\n\n        iron-icon#questionmark {\n          width: 35px;\n          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: inline-flex;\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-8, #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      "]);
 
-    _templateObject3_8d22dc1022d211eaa0764d1a500fd781 = function _templateObject3_8d22dc1022d211eaa0764d1a500fd781() {
+    _templateObject3_48094d90243411ea86f395335a802507 = function _templateObject3_48094d90243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_8d22dc1022d211eaa0764d1a500fd781() {
+  function _templateObject2_48094d90243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                    <div class=\"more_info\">\n                      <user-action track=\"click\" every\n                        ><a href=\"", "\" target=\"_blank\"\n                          >More info...</a\n                        ></user-action\n                      >\n                    </div>\n                  "]);
 
-    _templateObject2_8d22dc1022d211eaa0764d1a500fd781 = function _templateObject2_8d22dc1022d211eaa0764d1a500fd781() {
+    _templateObject2_48094d90243411ea86f395335a802507 = function _templateObject2_48094d90243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8d22dc1022d211eaa0764d1a500fd781() {
+  function _templateObject_48094d90243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-card image=\"", "\" alt=\"", "\">\n        <div class=\"triangle\"></div>\n        <div id=\"header_wrap\">\n          <iron-icon id=\"questionmark\" icon=\"icons:help\"></iron-icon>\n          <div class=\"heading\">", "</div>\n        </div>\n        <div id=\"question_wrap\">\n          <div class=\"question\" aria-hidden=\"", "\">\n            <slot name=\"question\"></slot>\n            <div class=\"check_button\">\n              <paper-icon-button\n                controls=\"answer_wrap\"\n                aria-label=\"Reveal Answer\"\n                id=\"checkBtn\"\n                icon=\"icons:check-circle\"\n                noink\n                @click=\"", "\"\n              ></paper-icon-button>\n              <paper-tooltip aria-hidden=\"true\" for=\"checkBtn\" position=\"left\">\n                Reveal Answer\n              </paper-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                <paper-icon-button\n                  aria-label=\"Close\"\n                  id=\"closeBtn\"\n                  icon=\"icons:close\"\n                  @click=\"", "\"\n                  noink\n                >\n                </paper-icon-button>\n                <paper-tooltip\n                  aria-hidden=\"true\"\n                  for=\"closeBtn\"\n                  position=\"left\"\n                >\n                  Close\n                </paper-tooltip>\n              </div>\n            </div>\n          </div>\n        </div>\n      </paper-card>\n    "]);
 
-    _templateObject_8d22dc1022d211eaa0764d1a500fd781 = function _templateObject_8d22dc1022d211eaa0764d1a500fd781() {
+    _templateObject_48094d90243411ea86f395335a802507 = function _templateObject_48094d90243411ea86f395335a802507() {
       return data;
     };
 
@@ -106,7 +106,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-col
     babelHelpers.createClass(SelfCheck, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8d22dc1022d211eaa0764d1a500fd781(), this.image, this.alt, this.title, this.correct, this.openAnswer, this.correct ? "false" : "true", this.link ? (0, _litElement.html)(_templateObject2_8d22dc1022d211eaa0764d1a500fd781(), this.link) : "", this.openAnswer);
+        return (0, _litElement.html)(_templateObject_48094d90243411ea86f395335a802507(), this.image, this.alt, this.title, this.correct, this.openAnswer, this.correct ? "false" : "true", this.link ? (0, _litElement.html)(_templateObject2_48094d90243411ea86f395335a802507(), this.link) : "", this.openAnswer);
       }
     }, {
       key: "openAnswer",
@@ -120,7 +120,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../simple-col
     }], [{
       key: "styles",
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SelfCheck), "styles", this)), [(0, _litElement.css)(_templateObject3_8d22dc1022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SelfCheck), "styles", this)), [(0, _litElement.css)(_templateObject3_48094d90243411ea86f395335a802507())]);
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/silly-hax-game/silly-hax-game.es6.js b/build/es5-amd/node_modules/@lrnwebcomponents/silly-hax-game/silly-hax-game.es6.js
index c7e11f320d8..5d659abf826 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/silly-hax-game/silly-hax-game.es6.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/silly-hax-game/silly-hax-game.es6.js
@@ -6,10 +6,10 @@ define(["exports", "./node_modules/@polymer/polymer/polymer-legacy.js", "./node_
   });
   _exports.SillyHaxGame = void 0;
 
-  function _templateObject_6aacd69022d211eaa0764d1a500fd781() {
+  function _templateObject_23935960243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <paper-card heading=\"[[haxText]]\" elevation=\"1\">\n      <simple-timer\n        id=\"timer\"\n        start-time=\"60\"\n        count-up=\"\"\n        hidden=\"\"\n        current-time=\"{{timer}}\"\n      ></simple-timer>\n      <div class=\"card-content\">\n        <to-do\n          items=\"{{tasks}}\"\n          hide-form=\"\"\n          id=\"todo\"\n          name=\"Hax Challenge\"\n        ></to-do>\n      </div>\n      <div class=\"card-actions\">\n        <paper-button id=\"play\" raised=\"\" on-tap=\"_playButton\"\n          >Play</paper-button\n        >\n        <paper-button raised=\"\" on-tap=\"_resetTimer\">Reset</paper-button>\n      </div>\n    </paper-card>\n  "]);
 
-    _templateObject_6aacd69022d211eaa0764d1a500fd781 = function _templateObject_6aacd69022d211eaa0764d1a500fd781() {
+    _templateObject_23935960243411ea86f395335a802507 = function _templateObject_23935960243411ea86f395335a802507() {
       return data;
     };
 
@@ -22,7 +22,7 @@ define(["exports", "./node_modules/@polymer/polymer/polymer-legacy.js", "./node_
   * @demo demo/index.html
   */
   var SillyHaxGame = (0, _polymerLegacy.Polymer)({
-    _template: (0, _polymerLegacy.html)(_templateObject_6aacd69022d211eaa0764d1a500fd781()),
+    _template: (0, _polymerLegacy.html)(_templateObject_23935960243411ea86f395335a802507()),
     is: "silly-hax-game",
     properties: {
       /**
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/silly-hax-game/silly-hax-game.js b/build/es5-amd/node_modules/@lrnwebcomponents/silly-hax-game/silly-hax-game.js
index b412f88a639..f5d995a0165 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/silly-hax-game/silly-hax-game.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/silly-hax-game/silly-hax-game.js
@@ -6,10 +6,10 @@ define(["exports", "../../@polymer/polymer/polymer-legacy.js", "../simple-timer/
   });
   _exports.SillyHaxGame = void 0;
 
-  function _templateObject_6ab6e8b022d211eaa0764d1a500fd781() {
+  function _templateObject_239e07c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <paper-card heading=\"[[haxText]]\" elevation=\"1\">\n      <simple-timer\n        id=\"timer\"\n        start-time=\"60\"\n        count-up=\"\"\n        hidden=\"\"\n        current-time=\"{{timer}}\"\n      ></simple-timer>\n      <div class=\"card-content\">\n        <to-do\n          items=\"{{tasks}}\"\n          hide-form=\"\"\n          id=\"todo\"\n          name=\"Hax Challenge\"\n        ></to-do>\n      </div>\n      <div class=\"card-actions\">\n        <paper-button id=\"play\" raised=\"\" on-tap=\"_playButton\"\n          >Play</paper-button\n        >\n        <paper-button raised=\"\" on-tap=\"_resetTimer\">Reset</paper-button>\n      </div>\n    </paper-card>\n  "]);
 
-    _templateObject_6ab6e8b022d211eaa0764d1a500fd781 = function _templateObject_6ab6e8b022d211eaa0764d1a500fd781() {
+    _templateObject_239e07c0243411ea86f395335a802507 = function _templateObject_239e07c0243411ea86f395335a802507() {
       return data;
     };
 
@@ -24,7 +24,7 @@ define(["exports", "../../@polymer/polymer/polymer-legacy.js", "../simple-timer/
   
   */
   var SillyHaxGame = (0, _polymerLegacy.Polymer)({
-    _template: (0, _polymerLegacy.html)(_templateObject_6ab6e8b022d211eaa0764d1a500fd781()),
+    _template: (0, _polymerLegacy.html)(_templateObject_239e07c0243411ea86f395335a802507()),
     is: "silly-hax-game",
     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 557d730f79e..18ef064eedc 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../../@polyme
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_8d435c6022d211eaa0764d1a500fd781() {
+  function _templateObject2_48142300243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n          --simple-blog-card-author-link: #03a87c;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        .card-micro {\n          width: 100px;\n        }\n        .card-small {\n          width: 200px;\n        }\n        .card-medium {\n          width: 300px;\n        }\n        .card-large {\n          width: 400px;\n        }\n        .card-xlarge {\n          width: 600px;\n        }\n        a {\n          text-decoration: none;\n        }\n        .teaser {\n          margin-top: 7px;\n        }\n        .teaser,\n        .teaser ::slotted(*) {\n          color: var(--simple-blog-card-text, rgba(0, 0, 0, 0.54));\n          line-height: 1.2;\n          font-size: 20px;\n          word-break: all;\n        }\n        paper-card:not(:defined) {\n          display: none;\n        }\n        paper-card {\n          --iron-image-height: 250px;\n        }\n        .card-content {\n          height: 125px;\n          overflow: hidden;\n        }\n        .card-micro {\n          --iron-image-height: 50px;\n        }\n        .card-small {\n          --iron-image-height: 100px;\n        }\n        .card-medium {\n          --iron-image-height: 150px;\n        }\n        .card-large {\n          --iron-image-height: 200px;\n          height: 100px;\n        }\n        .card-micro .card-content {\n          height: 25px;\n        }\n        .card-small .card-content {\n          height: 50px;\n        }\n        .card-medium .card-content {\n          height: 75px;\n        }\n        .card-large .card-content {\n          height: 100px;\n        }\n        paper-card h3 {\n          font-size: 26px;\n          line-height: 1.1;\n          letter-spacing: 0;\n          font-weight: 600;\n          color: var(--simple-blog-card-header, black);\n          text-decoration: none;\n          padding-bottom: 2px;\n          padding-top: 5px;\n          margin: 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        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        .reading-time:after {\n          content: attr(title);\n        }\n        .author-block {\n          line-height: 1.4;\n          font-size: 15px;\n          display: -webkit-box;\n          display: -webkit-flex;\n          display: -ms-flexbox;\n          display: flex;\n          -webkit-box-align: center;\n          -webkit-align-items: center;\n          -ms-flex-align: center;\n          align-items: center;\n        }\n        .author-info {\n          font-size: 16px;\n          line-height: 1.4;\n          padding-left: 10px;\n          text-rendering: auto;\n        }\n        .author-info a {\n          color: var(--simple-blog-card-author-link);\n        }\n        .post-details {\n          font-size: 15px;\n          color: var(--simple-blog-card-text, rgba(0, 0, 0, 0.54));\n        }\n        .post-details .dot {\n          padding-right: 0.3em;\n          padding-left: 0.3em;\n        }\n        .box {\n          outline: 1px solid black;\n        }\n        simple-popover:not([for]) {\n          display: none;\n        }\n      "]);
 
-    _templateObject2_8d435c6022d211eaa0764d1a500fd781 = function _templateObject2_8d435c6022d211eaa0764d1a500fd781() {
+    _templateObject2_48142300243411ea86f395335a802507 = function _templateObject2_48142300243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8d435c6022d211eaa0764d1a500fd781() {
+  function _templateObject_48142300243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n\n<paper-card\n  .alt=\"", "\"\n  image=\"", "\"\n  .elevation=\"", "\"\n  animated-shadow\n  preload-image\n  .placeholder-image=\"", "\"\n  class=\"card-", "\">\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    >\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</paper-card>"]);
 
-    _templateObject_8d435c6022d211eaa0764d1a500fd781 = function _templateObject_8d435c6022d211eaa0764d1a500fd781() {
+    _templateObject_48142300243411ea86f395335a802507 = function _templateObject_48142300243411ea86f395335a802507() {
       return data;
     };
 
@@ -51,13 +51,13 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../../@polyme
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8d435c6022d211eaa0764d1a500fd781(), this.alt, this.image, this.shadow, this.placeholder, this.size, this.link, this.title, this.author, this.authorimage, this.authorlink, this.author, this.timestamp, this.readtime);
+        return (0, _litElement.html)(_templateObject_48142300243411ea86f395335a802507(), this.alt, this.image, this.shadow, this.placeholder, this.size, 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
 
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8d435c6022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_48142300243411ea86f395335a802507())];
       } // life cycle
 
     }, {
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 71c1bb0a229..a931ab2fd17 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_960b221022d211eaa0764d1a500fd781() {
+  function _templateObject2_50df6b20243411ea86f395335a802507() {
     var data = 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        paper-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        paper-button:focus,\n        paper-button:active,\n        paper-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      "]);
 
-    _templateObject2_960b221022d211eaa0764d1a500fd781 = function _templateObject2_960b221022d211eaa0764d1a500fd781() {
+    _templateObject2_50df6b20243411ea86f395335a802507 = function _templateObject2_50df6b20243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_960b221022d211eaa0764d1a500fd781() {
+  function _templateObject_50df6b20243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          paper-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        <paper-button raised @click=\"", "\"\n          >Back to list</paper-button\n        >\n        <h2 class=\"blog-title\">\n          ", "\n        </h2>\n        <h3 class=\"blog-description\">\n          ", "\n        </h3>\n      </div>\n    "]);
 
-    _templateObject_960b221022d211eaa0764d1a500fd781 = function _templateObject_960b221022d211eaa0764d1a500fd781() {
+    _templateObject_50df6b20243411ea86f395335a802507 = function _templateObject_50df6b20243411ea86f395335a802507() {
       return data;
     };
 
@@ -50,7 +50,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_960b221022d211eaa0764d1a500fd781(), (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, _litElement.html)(_templateObject_50df6b20243411ea86f395335a802507(), (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
@@ -99,7 +99,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
        * LitElement style render
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogFooter), "styles", this)), [(0, _litElement.css)(_templateObject2_960b221022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogFooter), "styles", this)), [(0, _litElement.css)(_templateObject2_50df6b20243411ea86f395335a802507())]);
       }
       /**
        * 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 5234a3d81f6..be96324569a 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_960fb5f022d211eaa0764d1a500fd781() {
+  function _templateObject2_50e42610243411ea86f395335a802507() {
     var data = 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        <iron-icon class=\"blog-logo\" icon=\"", "\"></iron-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    "]);
 
-    _templateObject2_960fb5f022d211eaa0764d1a500fd781 = function _templateObject2_960fb5f022d211eaa0764d1a500fd781() {
+    _templateObject2_50e42610243411ea86f395335a802507 = function _templateObject2_50e42610243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_960fb5f022d211eaa0764d1a500fd781() {
+  function _templateObject_50e42610243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject_960fb5f022d211eaa0764d1a500fd781 = function _templateObject_960fb5f022d211eaa0764d1a500fd781() {
+    _templateObject_50e42610243411ea86f395335a802507 = function _templateObject_50e42610243411ea86f395335a802507() {
       return data;
     };
 
@@ -47,7 +47,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogHeader), "styles", this)), [(0, _litElement.css)(_templateObject_960fb5f022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogHeader), "styles", this)), [(0, _litElement.css)(_templateObject_50e42610243411ea86f395335a802507())]);
       }
       /**
        * Store the tag name to make it easier to obtain directly.
@@ -78,7 +78,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
     babelHelpers.createClass(SimpleBlogHeader, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_960fb5f022d211eaa0764d1a500fd781(), this.image, this.icon, this.title, this.description);
+        return (0, _litElement.html)(_templateObject2_50e42610243411ea86f395335a802507(), this.image, this.icon, this.title, this.description);
       }
     }, {
       key: "connectedCallback",
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 c2eba9afea0..879b748e9b9 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
@@ -10,30 +10,30 @@ define(["exports", "../../../lit-element/lit-element.js", "../../simple-colors/s
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject3_961226f022d211eaa0764d1a500fd781() {
+  function _templateObject3_50e6e530243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <simple-blog-overview\n              item-id=\"", "\"\n              title=\"", "\"\n              description=\"", "\"\n              link=\"", "\"\n              changed=\"", "\"\n            ></simple-blog-overview>\n          "]);
 
-    _templateObject3_961226f022d211eaa0764d1a500fd781 = function _templateObject3_961226f022d211eaa0764d1a500fd781() {
+    _templateObject3_50e6e530243411ea86f395335a802507 = function _templateObject3_50e6e530243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_961226f022d211eaa0764d1a500fd781() {
+  function _templateObject2_50e6e530243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <site-query\n        @result-changed=\"", "\"\n        sort='{\"metadata.created\": \"DESC\"}'\n      ></site-query>\n      <div class=\"listing\">\n        ", "\n      </div>\n    "]);
 
-    _templateObject2_961226f022d211eaa0764d1a500fd781 = function _templateObject2_961226f022d211eaa0764d1a500fd781() {
+    _templateObject2_50e6e530243411ea86f395335a802507 = function _templateObject2_50e6e530243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_961226f022d211eaa0764d1a500fd781() {
+  function _templateObject_50e6e530243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject_961226f022d211eaa0764d1a500fd781 = function _templateObject_961226f022d211eaa0764d1a500fd781() {
+    _templateObject_50e6e530243411ea86f395335a802507 = function _templateObject_50e6e530243411ea86f395335a802507() {
       return data;
     };
 
@@ -56,7 +56,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../simple-colors/s
        * LitElement render styles
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogListing), "styles", this)), [(0, _litElement.css)(_templateObject_961226f022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogListing), "styles", this)), [(0, _litElement.css)(_templateObject_50e6e530243411ea86f395335a802507())]);
       }
       /**
        * Store the tag name to make it easier to obtain directly.
@@ -89,8 +89,8 @@ define(["exports", "../../../lit-element/lit-element.js", "../../simple-colors/s
     babelHelpers.createClass(SimpleBlogListing, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_961226f022d211eaa0764d1a500fd781(), this.__itemsChanged, this.__items.map(function (item) {
-          return (0, _litElement.html)(_templateObject3_961226f022d211eaa0764d1a500fd781(), item.id, item.title, item.description, item.location, item.metadata.created);
+        return (0, _litElement.html)(_templateObject2_50e6e530243411ea86f395335a802507(), this.__itemsChanged, this.__items.map(function (item) {
+          return (0, _litElement.html)(_templateObject3_50e6e530243411ea86f395335a802507(), item.id, item.title, item.description, item.location, item.metadata.created);
         }));
       }
       /**
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 9d1d90e1bf0..684bd1f2e7a 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_9615a96022d211eaa0764d1a500fd781() {
+  function _templateObject2_50ea8eb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <a href=\"", "\" itemprop=\"url\" title=\"", "\">\n        <paper-card elevation=\"", "\">\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        </paper-card>\n      </a>\n    "]);
 
-    _templateObject2_9615a96022d211eaa0764d1a500fd781 = function _templateObject2_9615a96022d211eaa0764d1a500fd781() {
+    _templateObject2_50ea8eb0243411ea86f395335a802507 = function _templateObject2_50ea8eb0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9615a96022d211eaa0764d1a500fd781() {
+  function _templateObject_50ea8eb0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          outline: none;\n          text-transform: none;\n        }\n        paper-card {\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        }\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      "]);
 
-    _templateObject_9615a96022d211eaa0764d1a500fd781 = function _templateObject_9615a96022d211eaa0764d1a500fd781() {
+    _templateObject_50ea8eb0243411ea86f395335a802507 = function _templateObject_50ea8eb0243411ea86f395335a802507() {
       return data;
     };
 
@@ -52,7 +52,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
        * LitElement render style
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogOverview), "styles", this)), [(0, _litElement.css)(_templateObject_9615a96022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogOverview), "styles", this)), [(0, _litElement.css)(_templateObject_50ea8eb0243411ea86f395335a802507())]);
       }
       /**
        * Store the tag name to make it easier to obtain directly.
@@ -102,7 +102,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
     babelHelpers.createClass(SimpleBlogOverview, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_9615a96022d211eaa0764d1a500fd781(), this.link, this.title, this.elevation, this.title, this.description, this.changed);
+        return (0, _litElement.html)(_templateObject2_50ea8eb0243411ea86f395335a802507(), this.link, this.title, this.elevation, this.title, this.description, this.changed);
       }
       /**
        * LitElement / popular convention
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 865be68d660..a6e28c856f5 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
@@ -11,30 +11,30 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject3_9619ef2022d211eaa0764d1a500fd781() {
+  function _templateObject3_50f03400243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject3_9619ef2022d211eaa0764d1a500fd781 = function _templateObject3_9619ef2022d211eaa0764d1a500fd781() {
+    _templateObject3_50f03400243411ea86f395335a802507 = function _templateObject3_50f03400243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_9619ef2022d211eaa0764d1a500fd781() {
+  function _templateObject2_50f03400243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <div\n                    id=\"image\"\n                    class=\"post-image-image\"\n                    style='background-image: url(\"", "\");'\n                  ></div>\n                "]);
 
-    _templateObject2_9619ef2022d211eaa0764d1a500fd781 = function _templateObject2_9619ef2022d211eaa0764d1a500fd781() {
+    _templateObject2_50f03400243411ea86f395335a802507 = function _templateObject2_50f03400243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_9619ef2022d211eaa0764d1a500fd781() {
+  function _templateObject_50f03400243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          site-active-title {\n            --site-active-title-heading: {\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          }\n          :host([has-image]) site-active-title {\n            --site-active-title-heading: {\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          }\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    "]);
 
-    _templateObject_9619ef2022d211eaa0764d1a500fd781 = function _templateObject_9619ef2022d211eaa0764d1a500fd781() {
+    _templateObject_50f03400243411ea86f395335a802507 = function _templateObject_50f03400243411ea86f395335a802507() {
       return data;
     };
 
@@ -54,7 +54,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_9619ef2022d211eaa0764d1a500fd781(), this.hasImage ? (0, _litElement.html)(_templateObject2_9619ef2022d211eaa0764d1a500fd781(), this.image) : "");
+        return (0, _litElement.html)(_templateObject_50f03400243411ea86f395335a802507(), this.hasImage ? (0, _litElement.html)(_templateObject2_50f03400243411ea86f395335a802507(), this.image) : "");
       }
     }, {
       key: "updated",
@@ -74,7 +74,7 @@ define(["exports", "require", "../../../lit-element/lit-element.js", "../../simp
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogPost), "styles", this)), [(0, _litElement.css)(_templateObject3_9619ef2022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogPost), "styles", this)), [(0, _litElement.css)(_templateObject3_50f03400243411ea86f395335a802507())]);
       }
       /**
        * 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 b9be4a5b26b..1df5cd6f854 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../haxcms-ele
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_8d2944b022d211eaa0764d1a500fd781() {
+  function _templateObject2_480f6810243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject2_8d2944b022d211eaa0764d1a500fd781 = function _templateObject2_8d2944b022d211eaa0764d1a500fd781() {
+    _templateObject2_480f6810243411ea86f395335a802507 = function _templateObject2_480f6810243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8d2944b022d211eaa0764d1a500fd781() {
+  function _templateObject_480f6810243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-pages .selected=\"", "\">\n        <section>\n          <simple-blog-header></simple-blog-header>\n          <simple-blog-listing></simple-blog-listing>\n        </section>\n        <section>\n          <paper-icon-button\n            id=\"backbutton\"\n            icon=\"icons:arrow-back\"\n            @click=\"", "\"\n          ></paper-icon-button>\n          <paper-tooltip\n            for=\"backbutton\"\n            position=\"right\"\n            offset=\"14\"\n            animation-delay=\"0\"\n            >Back to listing\n          </paper-tooltip>\n          <simple-blog-post ?edit-mode=\"", "\"\n            ><slot></slot\n          ></simple-blog-post>\n          <simple-blog-footer id=\"footer\"></simple-blog-footer>\n        </section>\n      </iron-pages>\n    "]);
 
-    _templateObject_8d2944b022d211eaa0764d1a500fd781 = function _templateObject_8d2944b022d211eaa0764d1a500fd781() {
+    _templateObject_480f6810243411ea86f395335a802507 = function _templateObject_480f6810243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,7 +45,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../haxcms-ele
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8d2944b022d211eaa0764d1a500fd781(), this.selectedPage, this._goBack, this.editMode);
+        return (0, _litElement.html)(_templateObject_480f6810243411ea86f395335a802507(), this.selectedPage, this._goBack, this.editMode);
       }
       /**
        * Mix in an opened status
@@ -58,7 +58,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../haxcms-ele
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlog), "styles", this)), [(0, _litElement.css)(_templateObject2_8d2944b022d211eaa0764d1a500fd781())]);
+        return [].concat(babelHelpers.toConsumableArray(babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlog), "styles", this)), [(0, _litElement.css)(_templateObject2_480f6810243411ea86f395335a802507())]);
       }
       /**
        * 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 b05f618ca42..59023748c55 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_8d6e640022d211eaa0764d1a500fd781() {
+  function _templateObject2_485c2880243411ea86f395335a802507() {
     var data = 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: #ddefff;\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: #ddf8ff;\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: #d9fff0;\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: #ddefff;\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: #ddf8ff;\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: #d9fff0;\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      "]);
 
-    _templateObject2_8d6e640022d211eaa0764d1a500fd781 = function _templateObject2_8d6e640022d211eaa0764d1a500fd781() {
+    _templateObject2_485c2880243411ea86f395335a802507 = function _templateObject2_485c2880243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8d6e640022d211eaa0764d1a500fd781() {
+  function _templateObject_485c2880243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral([""]);
 
-    _templateObject_8d6e640022d211eaa0764d1a500fd781 = function _templateObject_8d6e640022d211eaa0764d1a500fd781() {
+    _templateObject_485c2880243411ea86f395335a802507 = function _templateObject_485c2880243411ea86f395335a802507() {
       return data;
     };
 
@@ -41,14 +41,14 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8d6e640022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_485c2880243411ea86f395335a802507());
       } // properties available to the custom element for data binding
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8d6e640022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_485c2880243411ea86f395335a802507())];
       }
     }, {
       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 5f391a06fcf..237ce828f67 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,50 +6,50 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../simple-color
   });
   _exports.simpleColorsSwatchInfo = void 0;
 
-  function _templateObject5_97635f1022d211eaa0764d1a500fd781() {
+  function _templateObject5_525df4d0243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject5_97635f1022d211eaa0764d1a500fd781 = function _templateObject5_97635f1022d211eaa0764d1a500fd781() {
+    _templateObject5_525df4d0243411ea86f395335a802507 = function _templateObject5_525df4d0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_97635f1022d211eaa0764d1a500fd781() {
+  function _templateObject4_525df4d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                        <span\n                          class=\"contrast\"\n                          style=\"", "\"\n                          >", "-", "</span\n                        >\n                      "]);
 
-    _templateObject4_97635f1022d211eaa0764d1a500fd781 = function _templateObject4_97635f1022d211eaa0764d1a500fd781() {
+    _templateObject4_525df4d0243411ea86f395335a802507 = function _templateObject4_525df4d0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_97635f1022d211eaa0764d1a500fd781() {
+  function _templateObject3_525df4d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                        <span\n                          class=\"contrast\"\n                          style=\"", "\"\n                          >", "-", "</span\n                        >\n                      "]);
 
-    _templateObject3_97635f1022d211eaa0764d1a500fd781 = function _templateObject3_97635f1022d211eaa0764d1a500fd781() {
+    _templateObject3_525df4d0243411ea86f395335a802507 = function _templateObject3_525df4d0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_97635f1022d211eaa0764d1a500fd781() {
+  function _templateObject2_525df4d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <tr>\n                <th scope=\"row\">", "</th>\n                <td>\n                  ", "\n                </td>\n                <td>\n                  ", "\n                </td>\n              </tr>\n            "]);
 
-    _templateObject2_97635f1022d211eaa0764d1a500fd781 = function _templateObject2_97635f1022d211eaa0764d1a500fd781() {
+    _templateObject2_525df4d0243411ea86f395335a802507 = function _templateObject2_525df4d0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97635f1022d211eaa0764d1a500fd781() {
+  function _templateObject_525df4d0243411ea86f395335a802507() {
     var data = 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\">\n              --simple-colors-fixed-theme-", "\n            </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    "]);
 
-    _templateObject_97635f1022d211eaa0764d1a500fd781 = function _templateObject_97635f1022d211eaa0764d1a500fd781() {
+    _templateObject_525df4d0243411ea86f395335a802507 = function _templateObject_525df4d0243411ea86f395335a802507() {
       return data;
     };
 
@@ -79,18 +79,18 @@ define(["exports", "../../../../lit-element/lit-element.js", "../../simple-color
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject_97635f1022d211eaa0764d1a500fd781(), 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, _litElement.html)(_templateObject2_97635f1022d211eaa0764d1a500fd781(), color, _this2._getAa(_this2.swatchId, color).map(function (contrast) {
-            return (0, _litElement.html)(_templateObject3_97635f1022d211eaa0764d1a500fd781(), _this2._getContrastBg(color, contrast), color, contrast);
+        return (0, _litElement.html)(_templateObject_525df4d0243411ea86f395335a802507(), 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, _litElement.html)(_templateObject2_525df4d0243411ea86f395335a802507(), color, _this2._getAa(_this2.swatchId, color).map(function (contrast) {
+            return (0, _litElement.html)(_templateObject3_525df4d0243411ea86f395335a802507(), _this2._getContrastBg(color, contrast), color, contrast);
           }), _this2._getAaLarge(_this2.swatchId, color).map(function (contrast) {
-            return (0, _litElement.html)(_templateObject4_97635f1022d211eaa0764d1a500fd781(), _this2._getContrastBg(color, contrast), color, contrast);
+            return (0, _litElement.html)(_templateObject4_525df4d0243411ea86f395335a802507(), _this2._getContrastBg(color, contrast), color, contrast);
           }));
         }));
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [babelHelpers.get(babelHelpers.getPrototypeOf(simpleColorsSwatchInfo), "styles", this), (0, _litElement.css)(_templateObject5_97635f1022d211eaa0764d1a500fd781())];
+        return [babelHelpers.get(babelHelpers.getPrototypeOf(simpleColorsSwatchInfo), "styles", this), (0, _litElement.css)(_templateObject5_525df4d0243411ea86f395335a802507())];
       }
     }]);
 
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 1f1cf88c41a..22ff58211fe 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,40 +7,40 @@ define(["exports", "require", "../../../../lit-element/lit-element.js", "../../s
   _exports.simpleColorsSwatches = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject4_97672fa022d211eaa0764d1a500fd781() {
+  function _templateObject4_52617740243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject4_97672fa022d211eaa0764d1a500fd781 = function _templateObject4_97672fa022d211eaa0764d1a500fd781() {
+    _templateObject4_52617740243411ea86f395335a802507 = function _templateObject4_52617740243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_97672fa022d211eaa0764d1a500fd781() {
+  function _templateObject3_52617740243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                    <button\n                      id=\"", "\"\n                      controls=\"swatchinfo\"\n                      style=\"background-color: ", ";\"\n                      title=\"", "\"\n                      @click=\"", "\"\n                    >\n                      <div>", "</div>\n                    </button>\n                  "]);
 
-    _templateObject3_97672fa022d211eaa0764d1a500fd781 = function _templateObject3_97672fa022d211eaa0764d1a500fd781() {
+    _templateObject3_52617740243411ea86f395335a802507 = function _templateObject3_52617740243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_97672fa022d211eaa0764d1a500fd781() {
+  function _templateObject2_52617740243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              <div class=\"row\">\n                ", "\n              </div>\n            "]);
 
-    _templateObject2_97672fa022d211eaa0764d1a500fd781 = function _templateObject2_97672fa022d211eaa0764d1a500fd781() {
+    _templateObject2_52617740243411ea86f395335a802507 = function _templateObject2_52617740243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_97672fa022d211eaa0764d1a500fd781() {
+  function _templateObject_52617740243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_97672fa022d211eaa0764d1a500fd781 = function _templateObject_97672fa022d211eaa0764d1a500fd781() {
+    _templateObject_52617740243411ea86f395335a802507 = function _templateObject_52617740243411ea86f395335a802507() {
       return data;
     };
 
@@ -79,9 +79,9 @@ define(["exports", "require", "../../../../lit-element/lit-element.js", "../../s
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject_97672fa022d211eaa0764d1a500fd781(), Object.keys(this.colors).map(function (color) {
-          return (0, _litElement.html)(_templateObject2_97672fa022d211eaa0764d1a500fd781(), _this2.colors.grey.map(function (shade, index) {
-            return (0, _litElement.html)(_templateObject3_97672fa022d211eaa0764d1a500fd781(), _this2._getId(color, index), _this2.colors[color][index], _this2._getTitle(color, index), function (e) {
+        return (0, _litElement.html)(_templateObject_52617740243411ea86f395335a802507(), Object.keys(this.colors).map(function (color) {
+          return (0, _litElement.html)(_templateObject2_52617740243411ea86f395335a802507(), _this2.colors.grey.map(function (shade, index) {
+            return (0, _litElement.html)(_templateObject3_52617740243411ea86f395335a802507(), _this2._getId(color, index), _this2.colors[color][index], _this2._getTitle(color, index), function (e) {
               return _this2._handleClick(color, index);
             }, _this2._getTitle(color, index));
           }));
@@ -107,7 +107,7 @@ define(["exports", "require", "../../../../lit-element/lit-element.js", "../../s
     }], [{
       key: "styles",
       get: function get() {
-        return [babelHelpers.get(babelHelpers.getPrototypeOf(simpleColorsSwatches), "styles", this), (0, _litElement.css)(_templateObject4_97672fa022d211eaa0764d1a500fd781())];
+        return [babelHelpers.get(babelHelpers.getPrototypeOf(simpleColorsSwatches), "styles", this), (0, _litElement.css)(_templateObject4_52617740243411ea86f395335a802507())];
       }
     }, {
       key: "properties",
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 cfc9adaf2e9..592437d51e3 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
@@ -10,20 +10,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../simple-colors.js",
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_961eaa1022d211eaa0764d1a500fd781() {
+  function _templateObject2_50f5d950243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      "]);
 
-    _templateObject2_961eaa1022d211eaa0764d1a500fd781 = function _templateObject2_961eaa1022d211eaa0764d1a500fd781() {
+    _templateObject2_50f5d950243411ea86f395335a802507 = function _templateObject2_50f5d950243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_961eaa1022d211eaa0764d1a500fd781() {
+  function _templateObject_50f5d950243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <simple-picker\n        id=\"picker\"\n        ?block-label=\"", "\"\n        ?disabled=\"", "\"\n        ?expanded=\"", "\"\n        ?hide-option-labels=\"", "\"\n        @change=\"", "\"\n        @collapse=\"", "\"\n        @expand=\"", "\"\n        @option-focus=\"", "\"\n        .aria-labelledby=\"", "\"\n        .label=\"", "\"\n        .options=\"", "\"\n        .value=\"", "\"\n      >\n      </simple-picker>\n    "]);
 
-    _templateObject_961eaa1022d211eaa0764d1a500fd781 = function _templateObject_961eaa1022d211eaa0764d1a500fd781() {
+    _templateObject_50f5d950243411ea86f395335a802507 = function _templateObject_50f5d950243411ea86f395335a802507() {
       return data;
     };
 
@@ -52,12 +52,12 @@ define(["exports", "../../../lit-element/lit-element.js", "../simple-colors.js",
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_961eaa1022d211eaa0764d1a500fd781(), this.blockLabel, this.disabled, this.expanded, this.shades, this._handleChange, this._handleCollapse, this._handleExpand, this._handleOptionFocus, this.ariaLabelledby, this.label, this.options, this.value);
+        return (0, _litElement.html)(_templateObject_50f5d950243411ea86f395335a802507(), this.blockLabel, this.disabled, this.expanded, this.shades, this._handleChange, this._handleCollapse, this._handleExpand, this._handleOptionFocus, this.ariaLabelledby, this.label, this.options, this.value);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [babelHelpers.get(babelHelpers.getPrototypeOf(SimpleColorsPicker), "styles", this), (0, _litElement.css)(_templateObject2_961eaa1022d211eaa0764d1a500fd781())];
+        return [babelHelpers.get(babelHelpers.getPrototypeOf(SimpleColorsPicker), "styles", this), (0, _litElement.css)(_templateObject2_50f5d950243411ea86f395335a802507())];
       }
     }]);
 
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 df997f12041..10cd8bba199 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../simple
   });
   _exports.SimpleColorsPolymer = void 0;
 
-  function _templateObject_96211b1022d211eaa0764d1a500fd781() {
+  function _templateObject_50f82340243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors-shared-styles-polymer\"></style>\n      <slot></slot>\n    "]);
 
-    _templateObject_96211b1022d211eaa0764d1a500fd781 = function _templateObject_96211b1022d211eaa0764d1a500fd781() {
+    _templateObject_50f82340243411ea86f395335a802507 = function _templateObject_50f82340243411ea86f395335a802507() {
       return data;
     };
 
@@ -32,7 +32,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../simple
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_96211b1022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_50f82340243411ea86f395335a802507());
       } // 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 00f61a25039..b0eb170acd5 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js"], function (_e
   });
   _exports.css = void 0;
 
-  function _templateObject_9627aac022d211eaa0764d1a500fd781() {
+  function _templateObject_50f9d0f0243411ea86f395335a802507() {
     var data = 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: #ddefff;\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: #ddefff;\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: #ddefff;\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: #ddefff;\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_9627aac022d211eaa0764d1a500fd781 = function _templateObject_9627aac022d211eaa0764d1a500fd781() {
+    _templateObject_50f9d0f0243411ea86f395335a802507 = function _templateObject_50f9d0f0243411ea86f395335a802507() {
       return data;
     };
 
@@ -26,7 +26,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js"], function (_e
    */
   var StyleElement = document.createElement("dom-module"); // styles
 
-  var css = (0, _polymerElement.html)(_templateObject_9627aac022d211eaa0764d1a500fd781());
+  var css = (0, _polymerElement.html)(_templateObject_50f9d0f0243411ea86f395335a802507());
   _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 fc0e2d46a71..5ed6d27d231 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js", "../simple-colors-shared-
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_8d67381022d211eaa0764d1a500fd781() {
+  function _templateObject2_4818b6e0243411ea86f395335a802507() {
     var data = 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: #ddefff;\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            --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: #ddefff;\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: #ddefff;\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: #ddefff;\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        "]);
 
-    _templateObject2_8d67381022d211eaa0764d1a500fd781 = function _templateObject2_8d67381022d211eaa0764d1a500fd781() {
+    _templateObject2_4818b6e0243411ea86f395335a802507 = function _templateObject2_4818b6e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8d67381022d211eaa0764d1a500fd781() {
+  function _templateObject_4818b6e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        <slot></slot>\n      "]);
 
-    _templateObject_8d67381022d211eaa0764d1a500fd781 = function _templateObject_8d67381022d211eaa0764d1a500fd781() {
+    _templateObject_4818b6e0243411ea86f395335a802507 = function _templateObject_4818b6e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -39,14 +39,14 @@ define(["exports", "../../lit-element/lit-element.js", "../simple-colors-shared-
           key: "render",
           // render function
           value: function render() {
-            return (0, _litElement.html)(_templateObject_8d67381022d211eaa0764d1a500fd781());
+            return (0, _litElement.html)(_templateObject_4818b6e0243411ea86f395335a802507());
           } // properties available to the custom element for data binding
 
         }], [{
           key: "styles",
           //styles function
           get: function get() {
-            return [(0, _litElement.css)(_templateObject2_8d67381022d211eaa0764d1a500fd781())];
+            return [(0, _litElement.css)(_templateObject2_4818b6e0243411ea86f395335a802507())];
           }
         }, {
           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 6ba087fa446..83b9cf444b6 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,10 +7,10 @@ define(["exports", "require", "../../../@polymer/polymer/polymer-element.js", ".
   _exports.SimpleConceptNetworkNode = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_9629a69022d211eaa0764d1a500fd781() {
+  function _templateObject_50fcb720243411ea86f395335a802507() {
     var data = 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        paper-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\"]) paper-button:hover,\n        :host([visualization=\"network\"]) paper-button:focus {\n          opacity: 0.8;\n        }\n        :host([visualization=\"3d\"]) paper-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\"]) paper-button:hover,\n        :host([visualization=\"3d\"]) paper-button:focus {\n          transform: perspective(0px) rotateX(0deg);\n        }\n        iron-icon {\n          width: 50px;\n          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        <paper-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            <iron-icon icon=\"[[icon]]\">&gt;</iron-icon>\n          </div>\n        </paper-button>\n      </a>\n      <paper-tooltip for=\"button\" position=\"bottom\" offset=\"45\">\n        [[label]]\n      </paper-tooltip>\n    "]);
 
-    _templateObject_9629a69022d211eaa0764d1a500fd781 = function _templateObject_9629a69022d211eaa0764d1a500fd781() {
+    _templateObject_50fcb720243411ea86f395335a802507 = function _templateObject_50fcb720243411ea86f395335a802507() {
       return data;
     };
 
@@ -54,7 +54,7 @@ define(["exports", "require", "../../../@polymer/polymer/polymer-element.js", ".
     babelHelpers.createClass(SimpleConceptNetworkNode, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9629a69022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_50fcb720243411ea86f395335a802507());
       }
     }, {
       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 396524506b5..8ed7d864ead 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
@@ -11,10 +11,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8d72d0d022d211eaa0764d1a500fd781() {
+  function _templateObject_4860bc60243411ea86f395335a802507() {
     var data = 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    "]);
 
-    _templateObject_8d72d0d022d211eaa0764d1a500fd781 = function _templateObject_8d72d0d022d211eaa0764d1a500fd781() {
+    _templateObject_4860bc60243411ea86f395335a802507 = function _templateObject_4860bc60243411ea86f395335a802507() {
       return data;
     };
 
@@ -61,7 +61,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8d72d0d022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4860bc60243411ea86f395335a802507());
       }
     }, {
       key: "tag",
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 3d50111c3a3..be814e283c5 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,20 +6,20 @@ define(["exports", "../../lit-element/lit-element.js", "./lib/date.format.js"],
   });
   _exports.SimpleDatetime = void 0;
 
-  function _templateObject2_8d751ac022d211eaa0764d1a500fd781() {
+  function _templateObject2_4862df40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          font-size: 14px;\n          color: #b3b3b1;\n          line-height: 30px;\n        }\n      "]);
 
-    _templateObject2_8d751ac022d211eaa0764d1a500fd781 = function _templateObject2_8d751ac022d211eaa0764d1a500fd781() {
+    _templateObject2_4862df40243411ea86f395335a802507 = function _templateObject2_4862df40243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8d751ac022d211eaa0764d1a500fd781() {
+  function _templateObject_4862df40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <time datetime=\"", "\">", "</time>\n    "]);
 
-    _templateObject_8d751ac022d211eaa0764d1a500fd781 = function _templateObject_8d751ac022d211eaa0764d1a500fd781() {
+    _templateObject_4862df40243411ea86f395335a802507 = function _templateObject_4862df40243411ea86f395335a802507() {
       return data;
     };
 
@@ -63,7 +63,7 @@ define(["exports", "../../lit-element/lit-element.js", "./lib/date.format.js"],
        * LitElement life cycle - render callback
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8d751ac022d211eaa0764d1a500fd781(), this.date, this.date);
+        return (0, _litElement.html)(_templateObject_4862df40243411ea86f395335a802507(), this.date, this.date);
       }
     }, {
       key: "updated",
@@ -97,7 +97,7 @@ define(["exports", "../../lit-element/lit-element.js", "./lib/date.format.js"],
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8d751ac022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4862df40243411ea86f395335a802507())];
       }
     }, {
       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 50134a6ce82..d25616c4f17 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
@@ -10,30 +10,30 @@ define(["exports", "../../lit-element/lit-element.js", "../simple-colors/simple-
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject3_8d923fb022d211eaa0764d1a500fd781() {
+  function _templateObject3_48699600243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          z-index: 1000;\n        }\n        :host([hidden]) {\n          display: none;\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;\n          margin: 0;\n          text-transform: none;\n          float: right;\n          font-size: 12px;\n          color: var(--simple-drawer-header-color, #ffffff);\n          background-color: transparent;\n          min-width: unset;\n        }\n\n        #close iron-icon {\n          display: inline-block;\n          width: 16px;\n          height: 16px;\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: 32px;\n          margin: 8px;\n        }\n      "]);
 
-    _templateObject3_8d923fb022d211eaa0764d1a500fd781 = function _templateObject3_8d923fb022d211eaa0764d1a500fd781() {
+    _templateObject3_48699600243411ea86f395335a802507 = function _templateObject3_48699600243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_8d923fb022d211eaa0764d1a500fd781() {
+  function _templateObject2_48699600243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                  <h2>", "</h2>\n                "]);
 
-    _templateObject2_8d923fb022d211eaa0764d1a500fd781 = function _templateObject2_8d923fb022d211eaa0764d1a500fd781() {
+    _templateObject2_48699600243411ea86f395335a802507 = function _templateObject2_48699600243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8d923fb022d211eaa0764d1a500fd781() {
+  function _templateObject_48699600243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <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          <paper-button id=\"close\" @click=\"", "\">\n            <iron-icon icon=\"", "\"></iron-icon> ", "\n          </paper-button>\n        </div>\n      </app-drawer>\n    "]);
 
-    _templateObject_8d923fb022d211eaa0764d1a500fd781 = function _templateObject_8d923fb022d211eaa0764d1a500fd781() {
+    _templateObject_48699600243411ea86f395335a802507 = function _templateObject_48699600243411ea86f395335a802507() {
       return data;
     };
 
@@ -75,14 +75,14 @@ define(["exports", "../../lit-element/lit-element.js", "../simple-colors/simple-
       key: "render",
       // LitElement
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8d923fb022d211eaa0764d1a500fd781(), this.opened, this.__openedChanged, this.align, this.title ? (0, _litElement.html)(_templateObject2_8d923fb022d211eaa0764d1a500fd781(), this.title) : "", this.close, this.closeIcon, this.closeLabel);
+        return (0, _litElement.html)(_templateObject_48699600243411ea86f395335a802507(), this.opened, this.__openedChanged, this.align, this.title ? (0, _litElement.html)(_templateObject2_48699600243411ea86f395335a802507(), this.title) : "", this.close, this.closeIcon, this.closeLabel);
       } // properties available to the custom element for data binding
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_8d923fb022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_48699600243411ea86f395335a802507())];
       }
     }, {
       key: "properties",
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 18da08a8590..1b99e1621cf 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,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../simple-fields.js"]
   });
   _exports.SimpleFieldsForm = void 0;
 
-  function _templateObject2_96373b2022d211eaa0764d1a500fd781() {
+  function _templateObject2_51040a20243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject2_96373b2022d211eaa0764d1a500fd781 = function _templateObject2_96373b2022d211eaa0764d1a500fd781() {
+    _templateObject2_51040a20243411ea86f395335a802507 = function _templateObject2_51040a20243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_96373b2022d211eaa0764d1a500fd781() {
+  function _templateObject_51040a20243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <form><simple-fields id=\"fields\" autofocus></simple-fields></form>\n    "]);
 
-    _templateObject_96373b2022d211eaa0764d1a500fd781 = function _templateObject_96373b2022d211eaa0764d1a500fd781() {
+    _templateObject_51040a20243411ea86f395335a802507 = function _templateObject_51040a20243411ea86f395335a802507() {
       return data;
     };
 
@@ -43,7 +43,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../simple-fields.js"]
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_96373b2022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_51040a20243411ea86f395335a802507());
       }
       /**
        * first update hook; also implies default settings
@@ -182,7 +182,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../simple-fields.js"]
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_96373b2022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_51040a20243411ea86f395335a802507())];
       }
     }, {
       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 18da4bc9205..de814d3ac33 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/simple-fields.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-fields/simple-fields.js
@@ -11,10 +11,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8db928a022d211eaa0764d1a500fd781() {
+  function _templateObject_486d6690243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          background-color: #ffffff;\n          overflow: visible;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        eco-json-schema-object {\n          width: 50%;\n        }\n        eco-json-schema-object {\n          color: var(--hax-text-color);\n          --eco-json-form-color: var(--hax-text-color);\n          --eco-json-schema-object-form : {\n            -ms-flex: unset;\n            -webkit-flex: unset;\n            flex: unset;\n            -webkit-flex-basis: unset;\n            flex-basis: unset;\n          }\n        }\n        eco-json-schema-object .hax-code-editor {\n          padding: 0;\n        }\n      </style>\n      <style include=\"simple-colors-shared-styles-polymer\"></style>\n      <eco-json-schema-object\n        id=\"schemaobject\"\n        autofocus$=\"[[autofocus]]\"\n        hide-line-numbers$=\"[[hideLineNumbers]]\"\n        on-form-changed=\"_formFieldsChanged\"\n        schema=\"[[__validatedSchema]]\"\n        value=\"{{value}}\"\n      ></eco-json-schema-object>\n    "]);
 
-    _templateObject_8db928a022d211eaa0764d1a500fd781 = function _templateObject_8db928a022d211eaa0764d1a500fd781() {
+    _templateObject_486d6690243411ea86f395335a802507 = function _templateObject_486d6690243411ea86f395335a802507() {
       return data;
     };
 
@@ -132,7 +132,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8db928a022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_486d6690243411ea86f395335a802507());
       } // haxProperty definition
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon-picker/simple-icon-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon-picker/simple-icon-picker.js
index 56e331040b1..17853bec070 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon-picker/simple-icon-picker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-icon-picker/simple-icon-picker.js
@@ -10,10 +10,10 @@ define(["exports", "../../lit-element/lit-element.js", "../simple-picker/simple-
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8dbe58c022d211eaa0764d1a500fd781() {
+  function _templateObject_488868a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host(simple-icon-picker) #collapse {\n          width: 300px;\n        }\n        :host(simple-icon-picker) .row {\n          justify-content: flex-start;\n        }\n        :host(simple-icon-picker) simple-picker-option {\n          flex: 0 0 auto;\n        }\n      "]);
 
-    _templateObject_8dbe58c022d211eaa0764d1a500fd781 = function _templateObject_8dbe58c022d211eaa0764d1a500fd781() {
+    _templateObject_488868a0243411ea86f395335a802507 = function _templateObject_488868a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -36,7 +36,7 @@ define(["exports", "../../lit-element/lit-element.js", "../simple-picker/simple-
       key: "styles",
       //styles function
       get: function get() {
-        return [babelHelpers.get(babelHelpers.getPrototypeOf(SimpleIconPicker), "styles", this), (0, _litElement.css)(_templateObject_8dbe58c022d211eaa0764d1a500fd781())];
+        return [babelHelpers.get(babelHelpers.getPrototypeOf(SimpleIconPicker), "styles", this), (0, _litElement.css)(_templateObject_488868a0243411ea86f395335a802507())];
       } // properties available to the custom element for data binding
 
     }, {
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-image/simple-image.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-image/simple-image.js
index ffcd08c5d4e..2def603e59d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/simple-image/simple-image.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/simple-image/simple-image.js
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../schema-behav
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8dc13ef022d211eaa0764d1a500fd781() {
+  function _templateObject_489ab820243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        @-webkit-keyframes simple-animate {\n          0% {\n            opacity: 0;\n          }\n\n          100% {\n            opacity: 1;\n          }\n        }\n\n        @keyframes simple-animate {\n          0% {\n            opacity: 0;\n          }\n\n          100% {\n            opacity: 1;\n          }\n        }\n        .hero {\n          margin-bottom: 21px;\n        }\n        .hero-img {\n          display: block;\n          position: absolute;\n          width: 100%;\n          opacity: 1;\n          -webkit-animation: simple-animate 1s ease;\n          animation: simple-animate 1s ease;\n        }\n\n        .hero-img {\n          -webkit-animation: simple-animate 1s ease;\n          animation: simple-animate 1s ease;\n        }\n\n        .credit {\n          color: #8a959e;\n          font-family: \"Gotham SSm A\", \"Gotham SSm B\", \"Arial\", \"Verdana\",\n            \"sans-serif\";\n          font-weight: 400;\n          font-size: 9px;\n          line-height: 11px;\n          margin: 0;\n          text-align: right;\n        }\n\n        .credit--full {\n          margin: 3px 20px 0;\n        }\n\n        .caption {\n          font-family: museoSlab-500, \"Arial Narrow\", \"Arial\", \"Helvetica\",\n            \"sans-serif\";\n          font-size: 15px;\n          line-height: 21px;\n          color: #666666;\n          font-style: normal;\n          margin: 0;\n          float: none;\n          display: block;\n          margin-top: 6px;\n        }\n\n        .trigger {\n          background-color: #eeeeee;\n          padding: 0 0 56.25%;\n          position: relative;\n          -webkit-appearance: none;\n          -moz-appearance: none;\n          appearance: none;\n          display: block;\n          margin: 0;\n          border: none;\n          width: 100%;\n        }\n\n        .trigger:hover {\n          cursor: pointer;\n        }\n\n        .trigger:focus {\n          outline: none;\n        }\n\n        .hero--full {\n          -webkit-animation: animation-lm3h86 1s ease;\n          animation: animation-lm3h86 1s ease;\n          margin-top: 90px;\n          margin-bottom: 21px;\n        }\n\n        @media screen and (min-width: 581px) {\n          .hero--full {\n            position: relative;\n            height: 320px;\n          }\n        }\n\n        @media screen and (min-width: 769px) {\n          .hero--full {\n            height: 362px;\n          }\n        }\n\n        @media screen and (min-width: 1024px) {\n          .hero--full {\n            height: 510px;\n          }\n        }\n\n        .full-img {\n          display: block;\n          width: 100%;\n        }\n\n        @media screen and (min-width: 581px) {\n          .full-img {\n            position: absolute;\n            top: 50%;\n            -webkit-transform: translateY(-50%);\n            -ms-transform: translateY(-50%);\n            transform: translateY(-50%);\n          }\n        }\n\n        .hero_container-full {\n          display: block;\n          position: relative;\n          overflow: hidden;\n        }\n\n        @media screen and (min-width: 581px) {\n          .hero_container-full {\n            height: 320px;\n          }\n        }\n\n        @media screen and (min-width: 769px) {\n          .hero_container-full {\n            height: 362px;\n          }\n        }\n\n        @media screen and (min-width: 1024px) {\n          .hero_container-full {\n            height: 510px;\n          }\n        }\n      </style>\n      <div class=\"hero\">\n        <div class=\"modal-overlay\" style=\"display: none;\">\n          <div class=\"modal-content\">\n            <div class=\"modal-wrapper\">\n              <paper-icon-button\n                id=\"closearea\"\n                icon=\"icons:fullscreen-exit\"\n                class=\"close-modal modal--close\"\n              ></paper-icon-button>\n              <paper-tooltip for=\"closearea\" position=\"bottom\" offset=\"14\">\n                close modal\n              </paper-tooltip>\n              <div class=\"content\">\n                <img loading=\"lazy\" src$=\"[[src]]\" alt$=\"[[alt]]\" />\n              </div>\n\n              <div class=\"meta\">\n                <div class=\"credit\">[[credit]]</div>\n                <div class=\"caption\">[[caption]]</div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"trigger modal\">\n          <img\n            class=\"simple-img\"\n            src$=\"[[src]]\"\n            srcset=\"\n              https://media.edutopia.org/styles/responsive_200px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   200w,\n              https://media.edutopia.org/styles/responsive_250px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   250w,\n              https://media.edutopia.org/styles/responsive_300px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   300w,\n              https://media.edutopia.org/styles/responsive_310px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   310w,\n              https://media.edutopia.org/styles/responsive_350px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   350w,\n              https://media.edutopia.org/styles/responsive_450px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   450w,\n              https://media.edutopia.org/styles/responsive_500px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   500w,\n              https://media.edutopia.org/styles/responsive_550px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   550w,\n              https://media.edutopia.org/styles/responsive_600px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   600w,\n              https://media.edutopia.org/styles/responsive_620px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   620w,\n              https://media.edutopia.org/styles/responsive_650px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   650w,\n              https://media.edutopia.org/styles/responsive_700px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   700w,\n              https://media.edutopia.org/styles/responsive_750px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   750w,\n              https://media.edutopia.org/styles/responsive_768px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   768w,\n              https://media.edutopia.org/styles/responsive_800px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   800w,\n              https://media.edutopia.org/styles/responsive_900px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   900w,\n              https://media.edutopia.org/styles/responsive_1000px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1000w,\n              https://media.edutopia.org/styles/responsive_1100px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1100w,\n              https://media.edutopia.org/styles/responsive_1200px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1200w,\n              https://media.edutopia.org/styles/responsive_1240px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1240w,\n              https://media.edutopia.org/styles/responsive_1300px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1300w,\n              https://media.edutopia.org/styles/responsive_1400px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1400w,\n              https://media.edutopia.org/styles/responsive_1440px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1440w,\n              https://media.edutopia.org/styles/responsive_1500px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1500w,\n              https://media.edutopia.org/styles/responsive_1536px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1536w,\n              https://media.edutopia.org/styles/responsive_1600px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1600w,\n              https://media.edutopia.org/styles/responsive_2000px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 2000w,\n              https://media.edutopia.org/styles/responsive_2880px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 2880w\n            \"\n            sizes=\"100vw\"\n            alt$=\"[[alt]]\"\n          />\n        </div>\n\n        <div class=\"credit\">[[credit]]</div>\n        <iron-icon icon=\"icons:fullscreen\" class=\"close-fullscreen\"></iron-icon>\n      </div>\n    "], ["\n      <style>\n        :host {\n          display: block;\n        }\n        @-webkit-keyframes simple-animate {\n          0% {\n            opacity: 0;\n          }\n\n          100% {\n            opacity: 1;\n          }\n        }\n\n        @keyframes simple-animate {\n          0% {\n            opacity: 0;\n          }\n\n          100% {\n            opacity: 1;\n          }\n        }\n        .hero {\n          margin-bottom: 21px;\n        }\n        .hero-img {\n          display: block;\n          position: absolute;\n          width: 100%;\n          opacity: 1;\n          -webkit-animation: simple-animate 1s ease;\n          animation: simple-animate 1s ease;\n        }\n\n        .hero-img {\n          -webkit-animation: simple-animate 1s ease;\n          animation: simple-animate 1s ease;\n        }\n\n        .credit {\n          color: #8a959e;\n          font-family: \"Gotham SSm A\", \"Gotham SSm B\", \"Arial\", \"Verdana\",\n            \"sans-serif\";\n          font-weight: 400;\n          font-size: 9px;\n          line-height: 11px;\n          margin: 0;\n          text-align: right;\n        }\n\n        .credit--full {\n          margin: 3px 20px 0;\n        }\n\n        .caption {\n          font-family: museoSlab-500, \"Arial Narrow\", \"Arial\", \"Helvetica\",\n            \"sans-serif\";\n          font-size: 15px;\n          line-height: 21px;\n          color: #666666;\n          font-style: normal;\n          margin: 0;\n          float: none;\n          display: block;\n          margin-top: 6px;\n        }\n\n        .trigger {\n          background-color: #eeeeee;\n          padding: 0 0 56.25%;\n          position: relative;\n          -webkit-appearance: none;\n          -moz-appearance: none;\n          appearance: none;\n          display: block;\n          margin: 0;\n          border: none;\n          width: 100%;\n        }\n\n        .trigger:hover {\n          cursor: pointer;\n        }\n\n        .trigger:focus {\n          outline: none;\n        }\n\n        .hero--full {\n          -webkit-animation: animation-lm3h86 1s ease;\n          animation: animation-lm3h86 1s ease;\n          margin-top: 90px;\n          margin-bottom: 21px;\n        }\n\n        @media screen and (min-width: 581px) {\n          .hero--full {\n            position: relative;\n            height: 320px;\n          }\n        }\n\n        @media screen and (min-width: 769px) {\n          .hero--full {\n            height: 362px;\n          }\n        }\n\n        @media screen and (min-width: 1024px) {\n          .hero--full {\n            height: 510px;\n          }\n        }\n\n        .full-img {\n          display: block;\n          width: 100%;\n        }\n\n        @media screen and (min-width: 581px) {\n          .full-img {\n            position: absolute;\n            top: 50%;\n            -webkit-transform: translateY(-50%);\n            -ms-transform: translateY(-50%);\n            transform: translateY(-50%);\n          }\n        }\n\n        .hero_container-full {\n          display: block;\n          position: relative;\n          overflow: hidden;\n        }\n\n        @media screen and (min-width: 581px) {\n          .hero_container-full {\n            height: 320px;\n          }\n        }\n\n        @media screen and (min-width: 769px) {\n          .hero_container-full {\n            height: 362px;\n          }\n        }\n\n        @media screen and (min-width: 1024px) {\n          .hero_container-full {\n            height: 510px;\n          }\n        }\n      </style>\n      <div class=\"hero\">\n        <div class=\"modal-overlay\" style=\"display: none;\">\n          <div class=\"modal-content\">\n            <div class=\"modal-wrapper\">\n              <paper-icon-button\n                id=\"closearea\"\n                icon=\"icons:fullscreen-exit\"\n                class=\"close-modal modal--close\"\n              ></paper-icon-button>\n              <paper-tooltip for=\"closearea\" position=\"bottom\" offset=\"14\">\n                close modal\n              </paper-tooltip>\n              <div class=\"content\">\n                <img loading=\"lazy\" src\\$=\"[[src]]\" alt\\$=\"[[alt]]\" />\n              </div>\n\n              <div class=\"meta\">\n                <div class=\"credit\">[[credit]]</div>\n                <div class=\"caption\">[[caption]]</div>\n              </div>\n            </div>\n          </div>\n        </div>\n        <div class=\"trigger modal\">\n          <img\n            class=\"simple-img\"\n            src\\$=\"[[src]]\"\n            srcset=\"\n              https://media.edutopia.org/styles/responsive_200px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   200w,\n              https://media.edutopia.org/styles/responsive_250px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   250w,\n              https://media.edutopia.org/styles/responsive_300px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   300w,\n              https://media.edutopia.org/styles/responsive_310px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   310w,\n              https://media.edutopia.org/styles/responsive_350px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   350w,\n              https://media.edutopia.org/styles/responsive_450px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   450w,\n              https://media.edutopia.org/styles/responsive_500px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   500w,\n              https://media.edutopia.org/styles/responsive_550px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   550w,\n              https://media.edutopia.org/styles/responsive_600px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   600w,\n              https://media.edutopia.org/styles/responsive_620px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   620w,\n              https://media.edutopia.org/styles/responsive_650px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   650w,\n              https://media.edutopia.org/styles/responsive_700px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   700w,\n              https://media.edutopia.org/styles/responsive_750px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   750w,\n              https://media.edutopia.org/styles/responsive_768px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   768w,\n              https://media.edutopia.org/styles/responsive_800px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   800w,\n              https://media.edutopia.org/styles/responsive_900px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg   900w,\n              https://media.edutopia.org/styles/responsive_1000px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1000w,\n              https://media.edutopia.org/styles/responsive_1100px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1100w,\n              https://media.edutopia.org/styles/responsive_1200px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1200w,\n              https://media.edutopia.org/styles/responsive_1240px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1240w,\n              https://media.edutopia.org/styles/responsive_1300px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1300w,\n              https://media.edutopia.org/styles/responsive_1400px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1400w,\n              https://media.edutopia.org/styles/responsive_1440px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1440w,\n              https://media.edutopia.org/styles/responsive_1500px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1500w,\n              https://media.edutopia.org/styles/responsive_1536px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1536w,\n              https://media.edutopia.org/styles/responsive_1600px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 1600w,\n              https://media.edutopia.org/styles/responsive_2000px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 2000w,\n              https://media.edutopia.org/styles/responsive_2880px_16x9/s3/masters/2018-05/kids-doing-homework-math-problems-at-the-kitchen-table-at-home_t20_K6blK1_master.jpg 2880w\n            \"\n            sizes=\"100vw\"\n            alt\\$=\"[[alt]]\"\n          />\n        </div>\n\n        <div class=\"credit\">[[credit]]</div>\n        <iron-icon icon=\"icons:fullscreen\" class=\"close-fullscreen\"></iron-icon>\n      </div>\n    "]);
 
-    _templateObject_8dc13ef022d211eaa0764d1a500fd781 = function _templateObject_8dc13ef022d211eaa0764d1a500fd781() {
+    _templateObject_489ab820243411ea86f395335a802507 = function _templateObject_489ab820243411ea86f395335a802507() {
       return data;
     };
 
@@ -39,7 +39,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../schema-behav
     babelHelpers.createClass(SimpleImage, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8dc13ef022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_489ab820243411ea86f395335a802507());
       }
     }, {
       key: "tag",
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 4fd17e884fb..2c5b5f3a719 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
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8dc584b022d211eaa0764d1a500fd781() {
+  function _templateObject_489eafc0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\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-width: var(--login-form-image-width, 200px);\n          --simple-camera-snap-height: var(--login-form-image-height, 200px);\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(paper-button) {\n          background-color: var(\n            --login-btn-background-color,\n            var(--login-form-color, var(--paper-indigo-500))\n          );\n          color: var(\n            --login-btn-text-color,\n            var(--login-form-background, white)\n          );\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          --paper-button-raised-keyboard-focus: {\n            background-color: var(\n              --login-btn-raised-background-color,\n              var(--paper-pink-a200)\n            ) !important;\n            color: var(\n              --login-btn-text-color,\n              var(--login-form-background, white)\n            ) !important;\n          }\n          @apply --login-btn;\n        }\n\n        #loginbtn[disabled] {\n          background-color: var(\n            --login-btn-disabled-background-color,\n            var(--paper-indigo-100)\n          );\n        }\n\n        h1 {\n          @apply --paper-font-display1;\n          margin: 0;\n          @apply --login-title;\n        }\n\n        h2 {\n          @apply --paper-font-title;\n          margin: 0;\n          @apply --login-subtitle;\n        }\n\n        paper-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          @apply --paper-font-menu;\n        }\n      </style>\n      <div id=\"loginform\">\n        <paper-progress disabled=\"[[!loading]]\" indeterminate></paper-progress>\n        <div id=\"loginformcontent\">\n          <h1>[[title]]</h1>\n          <h2>[[subtitle]]</h2>\n          <div id=\"errormsg\">[[errorMsg]]</div>\n          <slot></slot>\n          <paper-input\n            id=\"userinput\"\n            value=\"{{username}}\"\n            disabled=\"[[loading]]\"\n            type=\"text\"\n            label=\"[[userInputLabel]]\"\n            required\n            error-message=\"[[userInputErrMsg]]\"\n          ></paper-input>\n          <paper-input\n            id=\"passinput\"\n            value=\"{{password}}\"\n            disabled=\"[[loading]]\"\n            type=\"password\"\n            label=\"[[passwordInputLabel]]\"\n            required\n            error-message=\"[[passwordInputErrMsg]]\"\n          ></paper-input>\n          <paper-button\n            on-click=\"_login\"\n            disabled=\"[[loading]]\"\n            id=\"loginbtn\"\n            raised\n            class=\"indigo\"\n            >[[loginBtnText]]\n          </paper-button>\n          <span id=\"buttons\"><slot name=\"buttons\"></slot></span>\n        </div>\n      </div>\n    "]);
 
-    _templateObject_8dc584b022d211eaa0764d1a500fd781 = function _templateObject_8dc584b022d211eaa0764d1a500fd781() {
+    _templateObject_489eafc0243411ea86f395335a802507 = function _templateObject_489eafc0243411ea86f395335a802507() {
       return data;
     };
 
@@ -40,7 +40,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8dc584b022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_489eafc0243411ea86f395335a802507());
       } // properties available to the custom element for data binding
 
     }, {
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 67a81758a78..2b6c4ce44af 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,20 +6,20 @@ define(["exports", "../../../lit-element/lit-element.js", "../simple-modal.js"],
   });
   _exports.SimpleModalTemplate = void 0;
 
-  function _templateObject2_964c22b022d211eaa0764d1a500fd781() {
+  function _templateObject2_51226790243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <slot name=\"header\"></slot> <slot name=\"content\"></slot>\n      <slot name=\"buttons\"></slot>\n    "]);
 
-    _templateObject2_964c22b022d211eaa0764d1a500fd781 = function _templateObject2_964c22b022d211eaa0764d1a500fd781() {
+    _templateObject2_51226790243411ea86f395335a802507 = function _templateObject2_51226790243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_964c22b022d211eaa0764d1a500fd781() {
+  function _templateObject_51226790243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: none;\n          --simple-modal-width: auto;\n          --simple-modal-height: auto;\n          --simple-modal-min-width: unset;\n          --simple-modal-min-height: unset;\n          --simple-modal-max-width: unset;\n          --simple-modal-max-height: unset;\n          --simple-modal-titlebar-color: #444;\n          --simple-modal-titlebar-background: #ddd;\n          --simple-modal-header-color: #222;\n          --simple-modal-header-background: #ccc;\n          --simple-modal-content-container-color: #222;\n          --simple-modal-content-container-background: #fff;\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      "]);
 
-    _templateObject_964c22b022d211eaa0764d1a500fd781 = function _templateObject_964c22b022d211eaa0764d1a500fd781() {
+    _templateObject_51226790243411ea86f395335a802507 = function _templateObject_51226790243411ea86f395335a802507() {
       return data;
     };
 
@@ -43,7 +43,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../simple-modal.js"],
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_964c22b022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_51226790243411ea86f395335a802507())];
       }
       /**
        * Store the tag name to make it easier to obtain directly.
@@ -72,7 +72,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../simple-modal.js"],
       key: "render",
       //render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_964c22b022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject2_51226790243411ea86f395335a802507());
       }
       /**
        * sets event listeners for a specified target
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 5b94ffc5ee8..3bf7b16c9f4 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../../@polyme
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_8ddcdd4022d211eaa0764d1a500fd781() {
+  function _templateObject2_48a69f00243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        paper-dialog-scrollable:not(:defined) {\n          display: none;\n        }\n\n        :host paper-dialog ::slotted(*) {\n          font-size: 14px;\n          width: 100%;\n        }\n\n        #dialog {\n          display: flex;\n          flex-direction: column;\n          margin: 15px auto;\n          z-index: 1000;\n          height: var(--simple-modal-height, auto);\n          width: var(--simple-modal-width, auto);\n          min-width: var(--simple-modal-min-width, unset);\n          max-width: var(--simple-modal-max-width, unset);\n          min-height: var(--simple-modal-min-height, unset);\n          max-height: var(--simple-modal-max-height, unset);\n          border-radius: 3px;\n        }\n\n        #titlebar {\n          margin-top: 0;\n          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: 3px 3px 0 0;\n          height: 64px;\n          line-height: 64px;\n        }\n\n        #headerbar {\n          margin: 0;\n          padding: 0 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          flex: auto;\n          font-size: 18px;\n          line-height: 18px;\n        }\n\n        #close {\n          top: 0;\n          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 iron-icon {\n          width: 16px;\n          height: 16px;\n          color: var(--simple-modal-titlebar-color, #444);\n        }\n\n        #simple-modal-content {\n          flex-grow: 1;\n          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        .buttons {\n          padding: 0;\n          margin: 0;\n          color: var(--simple-modal-buttons-color, unset);\n          background-color: var(--simple-modal-buttons-background, unset);\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      "]);
 
-    _templateObject2_8ddcdd4022d211eaa0764d1a500fd781 = function _templateObject2_8ddcdd4022d211eaa0764d1a500fd781() {
+    _templateObject2_48a69f00243411ea86f395335a802507 = function _templateObject2_48a69f00243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8ddcdd4022d211eaa0764d1a500fd781() {
+  function _templateObject_48a69f00243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          :host paper-dialog ::slotted(*) {\n            @apply --simple-modal-content;\n          }\n\n          #dialog {\n            @apply --simple-modal-dialog;\n          }\n\n          #titlebar {\n            @apply --simple-modal-top;\n          }\n\n          #headerbar {\n            @apply --simple-modal-headerbar;\n          }\n\n          h2 {\n            @apply --simple-modal-title;\n          }\n\n          #close {\n            @apply --simple-modal-close;\n          }\n\n          #close iron-icon {\n            @apply --simple-modal-close-icon;\n          }\n\n          #simple-modal-content {\n            --paper-dialog-scrollable: {\n              padding: 0;\n            }\n            @apply --simple-modal-content-container;\n          }\n          .buttons {\n            @apply --simple-modal-buttons;\n          }\n          .buttons ::slotted(*) {\n            @apply --simple-modal-button;\n          }\n        </style>\n      </custom-style>\n      <paper-dialog\n        id=\"dialog\"\n        always-on-top\n        aria-describedby=\"simple-modal-content\"\n        aria-label=\"", "\"\n        aria-labelledby=\"", "\"\n        aria-modal=\"true\"\n        entry-animation=\"scale-up-animation\"\n        exit-animation=\"fade-out-animation\"\n        role=\"dialog\"\n        ?opened=\"", "\"\n        @opened-changed=\"", "\"\n        ?modal=\"", "\"\n        with-backdrop\n      >\n        <div id=\"titlebar\">\n          <h2 id=\"simple-modal-title\" ?hidden=\"", "\">\n            ", "\n          </h2>\n          <div></div>\n          <paper-button\n            id=\"close\"\n            dialog-dismiss\n            ?hidden=\"", "\"\n            label=\"", "\"\n          >\n            <iron-icon aria-hidden=\"true\" icon=\"", "\"></iron-icon>\n          </paper-button>\n        </div>\n        <div id=\"headerbar\"><slot name=\"header\"></slot></div>\n        <paper-dialog-scrollable id=\"simple-modal-content\">\n          <slot name=\"content\"></slot>\n        </paper-dialog-scrollable>\n        <div class=\"buttons\">\n          <slot name=\"buttons\"></slot>\n        </div>\n      </paper-dialog>\n    "]);
 
-    _templateObject_8ddcdd4022d211eaa0764d1a500fd781 = function _templateObject_8ddcdd4022d211eaa0764d1a500fd781() {
+    _templateObject_48a69f00243411ea86f395335a802507 = function _templateObject_48a69f00243411ea86f395335a802507() {
       return data;
     };
 
@@ -60,14 +60,14 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../../@polyme
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8ddcdd4022d211eaa0764d1a500fd781(), this._getAriaLabel(this.title), this._getAriaLabelledby(this.title), this.opened, this.openedChangedEvent, this.modal, !this.title, this.title, !this.opened, this.closeLabel, this.closeIcon);
+        return (0, _litElement.html)(_templateObject_48a69f00243411ea86f395335a802507(), this._getAriaLabel(this.title), this._getAriaLabelledby(this.title), this.opened, this.openedChangedEvent, this.modal, !this.title, this.title, !this.opened, this.closeLabel, this.closeIcon);
       } // properties available to the custom element for data binding
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8ddcdd4022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_48a69f00243411ea86f395335a802507())];
       }
     }, {
       key: "properties",
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 7c1d6f3fc8e..a6a5b2520cc 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,40 +6,40 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/iro
   });
   _exports.SimplePickerOption = void 0;
 
-  function _templateObject4_964ebac022d211eaa0764d1a500fd781() {
+  function _templateObject4_512acc00243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["red"]);
 
-    _templateObject4_964ebac022d211eaa0764d1a500fd781 = function _templateObject4_964ebac022d211eaa0764d1a500fd781() {
+    _templateObject4_512acc00243411ea86f395335a802507 = function _templateObject4_512acc00243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_964ebac022d211eaa0764d1a500fd781() {
+  function _templateObject3_512acc00243411ea86f395335a802507() {
     var data = 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      iron-icon {\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    "]);
 
-    _templateObject3_964ebac022d211eaa0764d1a500fd781 = function _templateObject3_964ebac022d211eaa0764d1a500fd781() {
+    _templateObject3_512acc00243411ea86f395335a802507 = function _templateObject3_512acc00243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_964ebac022d211eaa0764d1a500fd781() {
+  function _templateObject2_512acc00243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n              ", "\n            "]);
 
-    _templateObject2_964ebac022d211eaa0764d1a500fd781 = function _templateObject2_964ebac022d211eaa0764d1a500fd781() {
+    _templateObject2_512acc00243411ea86f395335a802507 = function _templateObject2_512acc00243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_964ebac022d211eaa0764d1a500fd781() {
+  function _templateObject_512acc00243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-icon\n        ?hidden=\"", "\"\n        .icon=\"", "\"\n        aria-hidden=\"true\"\n      ></iron-icon>\n      <div id=\"label\">\n        ", "\n      </div>\n    "]);
 
-    _templateObject_964ebac022d211eaa0764d1a500fd781 = function _templateObject_964ebac022d211eaa0764d1a500fd781() {
+    _templateObject_512acc00243411ea86f395335a802507 = function _templateObject_512acc00243411ea86f395335a802507() {
       return data;
     };
 
@@ -75,13 +75,13 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/iro
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_964ebac022d211eaa0764d1a500fd781(), !this.icon, this.icon, this.titleAsHtml ? (0, _litElement.html)(_templateObject2_964ebac022d211eaa0764d1a500fd781(), this.label) : this.label);
+        return (0, _litElement.html)(_templateObject_512acc00243411ea86f395335a802507(), !this.icon, this.icon, this.titleAsHtml ? (0, _litElement.html)(_templateObject2_512acc00243411ea86f395335a802507(), this.label) : this.label);
       }
     }], [{
       key: "styles",
       //styles
       get: function get() {
-        return (0, _litElement.css)(_templateObject3_964ebac022d211eaa0764d1a500fd781());
+        return (0, _litElement.css)(_templateObject3_512acc00243411ea86f395335a802507());
       }
     }]);
 
@@ -136,7 +136,7 @@ define(["exports", "../../../lit-element/lit-element.js", "../../../@polymer/iro
     }, {
       key: "_getColor",
       value: function _getColor() {
-        return (0, _litElement.css)(_templateObject4_964ebac022d211eaa0764d1a500fd781());
+        return (0, _litElement.css)(_templateObject4_512acc00243411ea86f395335a802507());
       }
     }], [{
       key: "properties",
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 3ad6f8b27d1..51a3c46bf4f 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,10 +7,10 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
   _exports.SimplePicker = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject5_8dfe47f022d211eaa0764d1a500fd781() {
+  function _templateObject5_48b0ff40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        option-", "-", "\n      "]);
 
-    _templateObject5_8dfe47f022d211eaa0764d1a500fd781 = function _templateObject5_8dfe47f022d211eaa0764d1a500fd781() {
+    _templateObject5_48b0ff40243411ea86f395335a802507 = function _templateObject5_48b0ff40243411ea86f395335a802507() {
       return data;
     };
 
@@ -21,40 +21,40 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject4_8dfe47f022d211eaa0764d1a500fd781() {
+  function _templateObject4_48b0ff40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n          align-items: center;\n          color: var(--simple-picker-color, black);\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        }\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, black)\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, black)\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          padding: var(--simple-picker-sample-padding, 2px);\n          border-radius: var(--simple-picker-border-radius, 2px);\n          color: var(--simple-picker-sample-color, black);\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(: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        #icon {\n          transform: var(--simple-picker-icon-transform, rotate(0deg));\n          transition: transform 0.25s;\n        }\n\n        :host([expanded]) #icon {\n          transform: var(--simple-picker-expanded-icon-transform, rotate(0deg));\n          transition: transform 0.25s;\n        }\n\n        #collapse {\n          display: none;\n          width: 100%;\n          position: absolute;\n          padding: var(\n            --simple-picker-options-border-width,\n            var(--simple-picker-border-width, 1px)\n          );\n          z-index: 2;\n        }\n\n        :host([expanded]:not([disabled])) #collapse {\n          display: block;\n        }\n\n        .rows {\n          display: block;\n          position: absolute;\n          z-index: 1000;\n          left: calc(\n            var(\n              --simple-picker-options-border-width,\n              var(--simple-picker-border-width, 1px)\n            )\n          );\n          top: calc(\n            0px -\n              var(\n                --simple-picker-options-border-width,\n                var(--simple-picker-border-width, 1px)\n              )\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(--simple-picker-options-background-color, #fff);\n          max-height: var(--simple-picker-options-max-height, 250px);\n          overflow-y: auto;\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        .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, black);\n          background-color: var(--simple-picker-options-background-color, #fff);\n          transition: max-height 2s;\n        }\n\n        simple-picker-option[selected] {\n          z-index: 50;\n          color: var(--simple-picker-color, black);\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, black);\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, black);\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, black)\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          #collapse {\n            top: 0;\n            margin-top: 0;\n            position: relative;\n          }\n          .rows {\n            position: absolute;\n          }\n        }\n      "]);
 
-    _templateObject4_8dfe47f022d211eaa0764d1a500fd781 = function _templateObject4_8dfe47f022d211eaa0764d1a500fd781() {
+    _templateObject4_48b0ff40243411ea86f395335a802507 = function _templateObject4_48b0ff40243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_8dfe47f022d211eaa0764d1a500fd781() {
+  function _templateObject3_48b0ff40243411ea86f395335a802507() {
     var data = 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                            "]);
 
-    _templateObject3_8dfe47f022d211eaa0764d1a500fd781 = function _templateObject3_8dfe47f022d211eaa0764d1a500fd781() {
+    _templateObject3_48b0ff40243411ea86f395335a802507 = function _templateObject3_48b0ff40243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_8dfe47f022d211eaa0764d1a500fd781() {
+  function _templateObject2_48b0ff40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                    <div class=\"row\">\n                      ", "\n                    </div>\n                  "]);
 
-    _templateObject2_8dfe47f022d211eaa0764d1a500fd781 = function _templateObject2_8dfe47f022d211eaa0764d1a500fd781() {
+    _templateObject2_48b0ff40243411ea86f395335a802507 = function _templateObject2_48b0ff40243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8dfe47f022d211eaa0764d1a500fd781() {
+  function _templateObject_48b0ff40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <label\n        id=\"listLabel\"\n        for=\"listbox\"\n        .hidden=\"", "\"\n      >\n        ", "\n      </label>\n      <div\n        id=\"listbox\"\n        .aria-activedescendant=\"", "\"\n        .aria-labelledby=\"", "\"\n        .disabled=\"", "\"\n        role=\"listbox\"\n        tabindex=\"0\"\n        @click=\"", "\"\n        @mousedown=\"", "\"\n        @keydown=\"", "\"\n      >\n        <div id=\"sample\">\n          <simple-picker-option\n            ?hide-option-labels=\"", "\"\n            ?title-as-html=\"", "\"\n            .icon=\"", "\"\n            .label=\"", "\"\n            .style=", "\n            aria-hidden=\"true\"\n          >\n          </simple-picker-option>\n          <span id=\"icon\"\n            ><iron-icon aria-hidden=\"true\" icon=\"arrow-drop-down\"></iron-icon\n          ></span>\n        </div>\n        <div id=\"collapse\">\n          <div class=\"rows\">\n            ", "\n          </div>\n        </div>\n      </div>\n    "]);
 
-    _templateObject_8dfe47f022d211eaa0764d1a500fd781 = function _templateObject_8dfe47f022d211eaa0764d1a500fd781() {
+    _templateObject_48b0ff40243411ea86f395335a802507 = function _templateObject_48b0ff40243411ea86f395335a802507() {
       return data;
     };
 
@@ -120,9 +120,9 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
       value: function render() {
         var _this2 = this;
 
-        return (0, _litElement.html)(_templateObject_8dfe47f022d211eaa0764d1a500fd781(), !this.label || this.label.trim() === "", this.label && this.label.trim() !== "" ? this.label.trim() : "", this.__activeDesc, this.ariaLabelledby, this.disabled, 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, this.__options ? this.__options.map(function (row, rownum) {
-          return (0, _litElement.html)(_templateObject2_8dfe47f022d211eaa0764d1a500fd781(), row ? row.map(function (option, colnum) {
-            return (0, _litElement.html)(_templateObject3_8dfe47f022d211eaa0764d1a500fd781(), _this2._handleOptionFocus, _this2._handleSetSelectedOption, "".concat(_this2.__activeDesc) === "option-".concat(rownum, "-").concat(colnum), _this2.hideOptionLabels, !_this2.allowNull && !option.value, _this2.value === option.value, _this2.titleAsHtml, _this2.data, option.icon, rownum, colnum, option.alt, option.style, _this2.value === option.value ? "true" : "false", option.value);
+        return (0, _litElement.html)(_templateObject_48b0ff40243411ea86f395335a802507(), !this.label || this.label.trim() === "", this.label && this.label.trim() !== "" ? this.label.trim() : "", this.__activeDesc, this.ariaLabelledby, this.disabled, 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, this.__options ? this.__options.map(function (row, rownum) {
+          return (0, _litElement.html)(_templateObject2_48b0ff40243411ea86f395335a802507(), row ? row.map(function (option, colnum) {
+            return (0, _litElement.html)(_templateObject3_48b0ff40243411ea86f395335a802507(), _this2._handleOptionFocus, _this2._handleSetSelectedOption, "".concat(_this2.__activeDesc) === "option-".concat(rownum, "-").concat(colnum), _this2.hideOptionLabels, !_this2.allowNull && !option.value, _this2.value === option.value, _this2.titleAsHtml, _this2.data, option.icon, rownum, colnum, option.alt, option.style, _this2.value === option.value ? "true" : "false", option.value);
           }) : "");
         }) : "");
       } // properties available to the custom element for data binding
@@ -131,7 +131,7 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_8dfe47f022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_48b0ff40243411ea86f395335a802507())];
       }
     }, {
       key: "properties",
@@ -403,7 +403,7 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
     }, {
       key: "_goToOption",
       value: function _goToOption(rownum, colnum) {
-        var targetId = (0, _litElement.html)(_templateObject5_8dfe47f022d211eaa0764d1a500fd781(), rownum, colnum),
+        var targetId = (0, _litElement.html)(_templateObject5_48b0ff40243411ea86f395335a802507(), rownum, colnum),
             target = this.shadowRoot.querySelector("#" + targetId),
             active = this.shadowRoot.querySelector("#" + this.__activeDesc);
 
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 449c617ce1f..5be5d62ce48 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js", "../absolute-position-beh
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_8e01a35022d211eaa0764d1a500fd781() {
+  function _templateObject2_48d2b810243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host([hidden]) {\n          display: none;\n        }\n        :host > div {\n          display: flex;\n          flex-direction: column-reverse;\n          justify-content: stretch;\n          z-index: 1;\n        }\n        :host([position=\"left\"]) > div {\n          justify-content: flex-start;\n          flex-direction: row;\n        }\n        :host([position=\"right\"]) > div {\n          justify-content: flex-end;\n          flex-direction: row-reverse;\n        }\n        :host([position=\"top\"]) > div {\n          flex-direction: column;\n        }\n        :host > div > * {\n          width: 100%;\n        }\n        :host([position=\"left\"]) > div > *,\n        :host([position=\"right\"]) > div > * {\n          width: unset;\n        }\n        #content {\n          margin: 0;\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: 1px solid var(--simple-popover-border-color, #bbb);\n          min-height: 20px;\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        }\n        #pointer-outer {\n          margin: -1px;\n        }\n        #pointer {\n          width: 20px;\n          height: 20px;\n          position: relative;\n          overflow: hidden;\n          flex: 0 0 20px;\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        :host([position=\"top\"]) #pointer:after {\n          top: -5px;\n          left: 5px;\n        }\n        :host([position=\"right\"]) #pointer:after {\n          top: 5px;\n          left: 15px;\n        }\n        :host([position=\"left\"]) #pointer:after {\n          top: 5px;\n          left: -5px;\n        }\n      "]);
 
-    _templateObject2_8e01a35022d211eaa0764d1a500fd781 = function _templateObject2_8e01a35022d211eaa0764d1a500fd781() {
+    _templateObject2_48d2b810243411ea86f395335a802507 = function _templateObject2_48d2b810243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8e01a35022d211eaa0764d1a500fd781() {
+  function _templateObject_48d2b810243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <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>\n    "]);
 
-    _templateObject_8e01a35022d211eaa0764d1a500fd781 = function _templateObject_8e01a35022d211eaa0764d1a500fd781() {
+    _templateObject_48d2b810243411ea86f395335a802507 = function _templateObject_48d2b810243411ea86f395335a802507() {
       return data;
     };
 
@@ -60,14 +60,14 @@ define(["exports", "../../lit-element/lit-element.js", "../absolute-position-beh
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8e01a35022d211eaa0764d1a500fd781(), this._getMargins(this.__positions));
+        return (0, _litElement.html)(_templateObject_48d2b810243411ea86f395335a802507(), this._getMargins(this.__positions));
       } // haxProperty definition
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8e01a35022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_48d2b810243411ea86f395335a802507())];
       }
     }, {
       key: "haxProperties",
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 10605c4d69a..bdba7577335 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,10 +6,10 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
   });
   _exports.SimpleSearchContent = void 0;
 
-  function _templateObject_96508f8022d211eaa0764d1a500fd781() {
+  function _templateObject_512ceee0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <slot></slot>\n    "]);
 
-    _templateObject_96508f8022d211eaa0764d1a500fd781 = function _templateObject_96508f8022d211eaa0764d1a500fd781() {
+    _templateObject_512ceee0243411ea86f395335a802507 = function _templateObject_512ceee0243411ea86f395335a802507() {
       return data;
     };
 
@@ -78,7 +78,7 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
     }, {
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_96508f8022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_512ceee0243411ea86f395335a802507());
       }
     }], [{
       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 71bbb7669a0..f15b844e85b 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,10 +6,10 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
   });
   _exports.SimpleSearchMatch = void 0;
 
-  function _templateObject2_96523d3022d211eaa0764d1a500fd781() {
+  function _templateObject2_512ec3a0243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject2_96523d3022d211eaa0764d1a500fd781 = function _templateObject2_96523d3022d211eaa0764d1a500fd781() {
+    _templateObject2_512ec3a0243411ea86f395335a802507 = function _templateObject2_512ec3a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -20,10 +20,10 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_96523d3022d211eaa0764d1a500fd781() {
+  function _templateObject_512ec3a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <slot></slot>\n    "]);
 
-    _templateObject_96523d3022d211eaa0764d1a500fd781 = function _templateObject_96523d3022d211eaa0764d1a500fd781() {
+    _templateObject_512ec3a0243411ea86f395335a802507 = function _templateObject_512ec3a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -67,7 +67,7 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
     babelHelpers.createClass(SimpleSearchMatch, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_96523d3022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_512ec3a0243411ea86f395335a802507());
       }
     }], [{
       key: "tag",
@@ -89,7 +89,7 @@ define(["exports", "../../../lit-element/lit-element.js"], function (_exports, _
     }, {
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_96523d3022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_512ec3a0243411ea86f395335a802507())];
       }
     }]);
     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 1aca8237ff2..b6b92687143 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js", "../../@polymer/iron-icon
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_8e076fb022d211eaa0764d1a500fd781() {
+  function _templateObject2_48d96ed0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n          width: 100%;\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          --paper-input-container-input-color: var(\n            --simple-search-input-text-color,\n            #000\n          );\n          --paper-input-container-shared-input-style_-_color: var(\n            --simple-search-input-text-color,\n            #000\n          );\n          --paper-input-container-focus-color: var(\n            --simple-search-input-line-color,\n            #000\n          );\n          --paper-input-container-color: var(\n            --simple-search-input-placeholder-color,\n            #222\n          );\n          color: var(--simple-search-input-placeholder-color, #222);\n        }\n        #xofy {\n          margin: 8px;\n        }\n        button {\n          margin: 8px 0 8px;\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        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        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        button:not([controls]) {\n          display: none;\n        }\n        *[shrink-hide] {\n          display: none;\n        }\n      "]);
 
-    _templateObject2_8e076fb022d211eaa0764d1a500fd781 = function _templateObject2_8e076fb022d211eaa0764d1a500fd781() {
+    _templateObject2_48d96ed0243411ea86f395335a802507 = function _templateObject2_48d96ed0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8e076fb022d211eaa0764d1a500fd781() {
+  function _templateObject_48d96ed0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-input\n        id=\"input\"\n        label=\"", "\"\n        ?always-float-label=\"", "\"\n        ?no-label-float=\"", "\"\n        @change=\"", "\"\n      >\n        <iron-icon icon=\"", "\" slot=\"prefix\"></iron-icon>\n      </paper-input>\n      <div id=\"xofy\" ?shrink-hide=\"", "\">\n        ", "\n      </div>\n      <div ?shrink-hide=\"", "\">\n        <button\n          id=\"prev\"\n          aria-label=\"", "\"\n          aria-role=\"button\"\n          controls=\"", "\"\n          tabindex=\"0\"\n          ?disabled=\"", "\"\n          @click=\"", "\"\n        >\n          <iron-icon icon=\"", "\"></iron-icon>\n        </button>\n        <paper-tooltip for=\"prev\">", "</paper-tooltip>\n        <button\n          id=\"next\"\n          aria-label=\"", "\"\n          aria-role=\"button\"\n          controls=\"", "\"\n          tabindex=\"0\"\n          ?disabled=\"", "\"\n          @click=\"", "\"\n        >\n          <iron-icon icon=\"", "\"></iron-icon>\n        </button>\n        <paper-tooltip for=\"next\">", "</paper-tooltip>\n      </div>\n    "]);
 
-    _templateObject_8e076fb022d211eaa0764d1a500fd781 = function _templateObject_8e076fb022d211eaa0764d1a500fd781() {
+    _templateObject_48d96ed0243411ea86f395335a802507 = function _templateObject_48d96ed0243411ea86f395335a802507() {
       return data;
     };
 
@@ -67,14 +67,14 @@ define(["exports", "../../lit-element/lit-element.js", "../../@polymer/iron-icon
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8e076fb022d211eaa0764d1a500fd781(), this.searchInputLabel, this.alwaysFloatLabel, this.noLabelFloat, this._handleChange, this.searchInputIcon, this._hasNoSearch(this.searchTerms), this._getResultsSpan(this.resultPointer, this.resultCount), this._hasNoResults(this.resultCount), 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, _litElement.html)(_templateObject_48d96ed0243411ea86f395335a802507(), this.searchInputLabel, this.alwaysFloatLabel, this.noLabelFloat, this._handleChange, this.searchInputIcon, this._hasNoSearch(this.searchTerms), this._getResultsSpan(this.resultPointer, this.resultCount), this._hasNoResults(this.resultCount), 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
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8e076fb022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_48d96ed0243411ea86f395335a802507())];
       }
     }, {
       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 e43974d882b..8e521199347 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,10 +6,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js"], function (_expo
   });
   _exports.SimpleTimer = void 0;
 
-  function _templateObject_8e0af22022d211eaa0764d1a500fd781() {
+  function _templateObject_48dc7c10243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      [[_formattedTime]]\n    "]);
 
-    _templateObject_8e0af22022d211eaa0764d1a500fd781 = function _templateObject_8e0af22022d211eaa0764d1a500fd781() {
+    _templateObject_48dc7c10243411ea86f395335a802507 = function _templateObject_48dc7c10243411ea86f395335a802507() {
       return data;
     };
 
@@ -110,7 +110,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js"], function (_expo
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8e0af22022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_48dc7c10243411ea86f395335a802507());
       }
     }, {
       key: "tag",
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 6cfb865aa36..8aaffb89dfb 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
@@ -11,20 +11,20 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_8e0fd42022d211eaa0764d1a500fd781() {
+  function _templateObject2_48e1ac30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        paper-toast {\n          width: var(--simple-toast-width, inherit);\n          height: var(--simple-toast-height, inherit);\n          color: var(--simple-toast-color, white);\n          background-color: var(--simple-toast-bg, black);\n          top: var(--simple-toast-top, inherit);\n          margin: var(--simple-toast-margin, 16px);\n          padding: var(--simple-toast-padding, 16px);\n          left: var(--simple-toast-left, inherit);\n          bottom: var(--simple-toast-bottom, inherit);\n          right: var(--simple-toast-right, inherit);\n          border: var(--simple-toast-border, inherit);\n          z-index: var(--simple-toast-z-index, inherit);\n          font-size: var(--simple-toast-font-size, inherit);\n        }\n      "]);
 
-    _templateObject2_8e0fd42022d211eaa0764d1a500fd781 = function _templateObject2_8e0fd42022d211eaa0764d1a500fd781() {
+    _templateObject2_48e1ac30243411ea86f395335a802507 = function _templateObject2_48e1ac30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8e0fd42022d211eaa0764d1a500fd781() {
+  function _templateObject_48e1ac30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-toast\n        id=\"toast\"\n        text=\"", "\"\n        duration=\"", "\"\n        ?opened=\"", "\"\n        @opened-changed=\"", "\"\n        .class=\"", "\"\n      >\n        <slot></slot>\n        <paper-button .hidden=\"", "\" @click=\"", "\"\n          >", "</paper-button\n        >\n      </paper-toast>\n    "]);
 
-    _templateObject_8e0fd42022d211eaa0764d1a500fd781 = function _templateObject_8e0fd42022d211eaa0764d1a500fd781() {
+    _templateObject_48e1ac30243411ea86f395335a802507 = function _templateObject_48e1ac30243411ea86f395335a802507() {
       return data;
     };
 
@@ -67,14 +67,14 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8e0fd42022d211eaa0764d1a500fd781(), this.text, this.duration, this.opened, this.openedChanged, this.classStyle, !this.closeButton, this.hide, this.closeText);
+        return (0, _litElement.html)(_templateObject_48e1ac30243411ea86f395335a802507(), 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
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8e0fd42022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_48e1ac30243411ea86f395335a802507())];
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/sites-listing/lib/site-card.js b/build/es5-amd/node_modules/@lrnwebcomponents/sites-listing/lib/site-card.js
index 333867b3616..4a821c9c47e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/sites-listing/lib/site-card.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/sites-listing/lib/site-card.js
@@ -6,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.SiteCard = void 0;
 
-  function _templateObject_9653eae022d211eaa0764d1a500fd781() {
+  function _templateObject_5130bf70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline-flex;\n          width: 250px;\n        }\n        :host(:focus) {\n          outline: none;\n        }\n\n        :host([size=\"micro\"]) {\n          transform: scale(0.5);\n        }\n\n        :host([size=\"small\"]) {\n          transform: scale(0.8);\n        }\n\n        paper-card {\n          border-radius: 4px;\n          margin: 0;\n          width: 100%;\n        }\n\n        .card-actions {\n          background-color: #f5f5f5;\n          border-radius: 0 0 4px 4px;\n          padding: 0 8px;\n        }\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\n        .card-control-height {\n          height: 240px;\n        }\n\n        [elevation=\"0\"] {\n          border: solid 1px #eeeeee;\n        }\n\n        .text-right {\n          text-align: right;\n        }\n\n        .text-left {\n          text-align: left;\n        }\n\n        .name,\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        .title {\n          font-size: 11.2px;\n          font-weight: 400;\n        }\n\n        .divider {\n          height: 1px;\n          width: 100%;\n          background: #efefef;\n        }\n\n        .site-icon {\n          display: inline-block;\n          vertical-align: text-top;\n          transform: scale(0.8);\n          --iron-icon-height: 100%;\n          --iron-icon-width: 100%;\n          overflow: hidden;\n          color: grey;\n          margin: -16px 8px 0 0;\n          position: absolute;\n          right: 0;\n          font-size: 16px;\n          padding: 4px;\n          height: 40px;\n          width: 40px;\n          border-radius: 50%;\n          background-color: white;\n        }\n\n        .site-icon:hover,\n        .site-icon:focus {\n          color: black;\n        }\n\n        .center {\n          margin: auto;\n          width: 80%;\n          padding: 16px;\n        }\n\n        .site-info {\n          width: 100%;\n        }\n\n        .site-preview {\n          height: 160px;\n        }\n        .card-content {\n          padding: 0;\n          margin: 0;\n          overflow: hidden;\n        }\n\n        .inline {\n          display: inline;\n        }\n      </style>\n      <paper-card elevation=\"[[elevation]]\">\n        <div class=\"card-content card-control-height card-control-center\">\n          <div class=\"site-preview\">\n            <iron-image\n              style=\"width:100%; height:100%; background-color: lightgray;\"\n              sizing=\"cover\"\n              preload=\"\"\n              fade=\"\"\n              src=\"[[image]]\"\n              hidden$=\"[[!image]]\"\n            ></iron-image>\n          </div>\n          <iron-icon\n            class=\"site-icon\"\n            icon=\"[[icon]]\"\n            hidden$=\"[[!icon]]\"\n          ></iron-icon>\n          <div class=\"site-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      </paper-card>\n    "], ["\n      <style>\n        :host {\n          display: inline-flex;\n          width: 250px;\n        }\n        :host(:focus) {\n          outline: none;\n        }\n\n        :host([size=\"micro\"]) {\n          transform: scale(0.5);\n        }\n\n        :host([size=\"small\"]) {\n          transform: scale(0.8);\n        }\n\n        paper-card {\n          border-radius: 4px;\n          margin: 0;\n          width: 100%;\n        }\n\n        .card-actions {\n          background-color: #f5f5f5;\n          border-radius: 0 0 4px 4px;\n          padding: 0 8px;\n        }\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\n        .card-control-height {\n          height: 240px;\n        }\n\n        [elevation=\"0\"] {\n          border: solid 1px #eeeeee;\n        }\n\n        .text-right {\n          text-align: right;\n        }\n\n        .text-left {\n          text-align: left;\n        }\n\n        .name,\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        .title {\n          font-size: 11.2px;\n          font-weight: 400;\n        }\n\n        .divider {\n          height: 1px;\n          width: 100%;\n          background: #efefef;\n        }\n\n        .site-icon {\n          display: inline-block;\n          vertical-align: text-top;\n          transform: scale(0.8);\n          --iron-icon-height: 100%;\n          --iron-icon-width: 100%;\n          overflow: hidden;\n          color: grey;\n          margin: -16px 8px 0 0;\n          position: absolute;\n          right: 0;\n          font-size: 16px;\n          padding: 4px;\n          height: 40px;\n          width: 40px;\n          border-radius: 50%;\n          background-color: white;\n        }\n\n        .site-icon:hover,\n        .site-icon:focus {\n          color: black;\n        }\n\n        .center {\n          margin: auto;\n          width: 80%;\n          padding: 16px;\n        }\n\n        .site-info {\n          width: 100%;\n        }\n\n        .site-preview {\n          height: 160px;\n        }\n        .card-content {\n          padding: 0;\n          margin: 0;\n          overflow: hidden;\n        }\n\n        .inline {\n          display: inline;\n        }\n      </style>\n      <paper-card elevation=\"[[elevation]]\">\n        <div class=\"card-content card-control-height card-control-center\">\n          <div class=\"site-preview\">\n            <iron-image\n              style=\"width:100%; height:100%; background-color: lightgray;\"\n              sizing=\"cover\"\n              preload=\"\"\n              fade=\"\"\n              src=\"[[image]]\"\n              hidden\\$=\"[[!image]]\"\n            ></iron-image>\n          </div>\n          <iron-icon\n            class=\"site-icon\"\n            icon=\"[[icon]]\"\n            hidden\\$=\"[[!icon]]\"\n          ></iron-icon>\n          <div class=\"site-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      </paper-card>\n    "]);
 
-    _templateObject_9653eae022d211eaa0764d1a500fd781 = function _templateObject_9653eae022d211eaa0764d1a500fd781() {
+    _templateObject_5130bf70243411ea86f395335a802507 = function _templateObject_5130bf70243411ea86f395335a802507() {
       return data;
     };
 
@@ -59,7 +59,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_9653eae022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_5130bf70243411ea86f395335a802507());
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/sites-listing/sites-listing.es6.js b/build/es5-amd/node_modules/@lrnwebcomponents/sites-listing/sites-listing.es6.js
index 4a6353c9714..32f3231591a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/sites-listing/sites-listing.es6.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/sites-listing/sites-listing.es6.js
@@ -7,10 +7,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
   _exports.SitesListing = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_6b336bb022d211eaa0764d1a500fd781() {
+  function _templateObject_24339100243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          height: 100vh;\n          display: flex;\n          flex-direction: column;\n        }\n        iron-list {\n          flex: 1 1 auto;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          padding: 16px;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: rgba(250, 250, 250, 0.8);\n          transition: all linear 0.8s;\n          visibility: visible;\n        }\n        #loading div {\n          font-size: 32px;\n          font-weight: bold;\n          padding: 16px;\n        }\n        #loading[data-loading] {\n          background-color: rgba(0, 0, 0, 0);\n          opacity: 0;\n          visibility: hidden;\n        }\n        site-card {\n          padding: 16px;\n          font-size: 16px;\n        }\n        paper-button.site-card-wrapper {\n          margin: 0;\n          padding: 0;\n        }\n      </style>\n      <iron-ajax\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      <div id=\"loading\" data-loading$=\"[[!__loading]]\">\n        <elmsln-loading size=\"large\"></elmsln-loading>\n        <div>Loading..</div>\n      </div>\n      <iron-list id=\"list\" items=\"[[sites]]\" as=\"site\" grid=\"\">\n        <template>\n          <paper-button\n            on-focusin=\"_mouseEnter\"\n            on-focusout=\"_mouseLeave\"\n            data-site-id$=\"[[site.id]]\"\n            class=\"site-card-wrapper\"\n            on-click=\"_siteClicked\"\n          >\n            <site-card\n              data-site-id$=\"[[site.id]]\"\n              size=\"[[size]]\"\n              image=\"[[site.metadata.image]]\"\n              icon=\"[[site.metadata.icon]]\"\n              name=\"[[site.title]]\"\n              title=\"[[site.description]]\"\n              elevation=\"2\"\n            ></site-card>\n          </paper-button>\n        </template>\n      </iron-list>\n    "], ["\n      <style>\n        :host {\n          height: 100vh;\n          display: flex;\n          flex-direction: column;\n        }\n        iron-list {\n          flex: 1 1 auto;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          padding: 16px;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: rgba(250, 250, 250, 0.8);\n          transition: all linear 0.8s;\n          visibility: visible;\n        }\n        #loading div {\n          font-size: 32px;\n          font-weight: bold;\n          padding: 16px;\n        }\n        #loading[data-loading] {\n          background-color: rgba(0, 0, 0, 0);\n          opacity: 0;\n          visibility: hidden;\n        }\n        site-card {\n          padding: 16px;\n          font-size: 16px;\n        }\n        paper-button.site-card-wrapper {\n          margin: 0;\n          padding: 0;\n        }\n      </style>\n      <iron-ajax\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      <div id=\"loading\" data-loading\\$=\"[[!__loading]]\">\n        <elmsln-loading size=\"large\"></elmsln-loading>\n        <div>Loading..</div>\n      </div>\n      <iron-list id=\"list\" items=\"[[sites]]\" as=\"site\" grid=\"\">\n        <template>\n          <paper-button\n            on-focusin=\"_mouseEnter\"\n            on-focusout=\"_mouseLeave\"\n            data-site-id\\$=\"[[site.id]]\"\n            class=\"site-card-wrapper\"\n            on-click=\"_siteClicked\"\n          >\n            <site-card\n              data-site-id\\$=\"[[site.id]]\"\n              size=\"[[size]]\"\n              image=\"[[site.metadata.image]]\"\n              icon=\"[[site.metadata.icon]]\"\n              name=\"[[site.title]]\"\n              title=\"[[site.description]]\"\n              elevation=\"2\"\n            ></site-card>\n          </paper-button>\n        </template>\n      </iron-list>\n    "]);
 
-    _templateObject_6b336bb022d211eaa0764d1a500fd781 = function _templateObject_6b336bb022d211eaa0764d1a500fd781() {
+    _templateObject_24339100243411ea86f395335a802507 = function _templateObject_24339100243411ea86f395335a802507() {
       return data;
     };
 
@@ -146,7 +146,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_6b336bb022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_24339100243411ea86f395335a802507());
       }
     }, {
       key: "tag",
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/sites-listing/sites-listing.js b/build/es5-amd/node_modules/@lrnwebcomponents/sites-listing/sites-listing.js
index 3a138c845db..97498af6f28 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/sites-listing/sites-listing.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/sites-listing/sites-listing.js
@@ -7,10 +7,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
   _exports.SitesListing = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject_6b49b2d022d211eaa0764d1a500fd781() {
+  function _templateObject_24451d30243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          height: 100vh;\n          display: flex;\n          flex-direction: column;\n        }\n        iron-list {\n          flex: 1 1 auto;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          padding: 16px;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: rgba(250, 250, 250, 0.8);\n          transition: all linear 0.8s;\n          visibility: visible;\n        }\n        #loading div {\n          font-size: 32px;\n          font-weight: bold;\n          padding: 16px;\n        }\n        #loading[data-loading] {\n          background-color: rgba(0, 0, 0, 0);\n          opacity: 0;\n          visibility: hidden;\n        }\n        site-card {\n          padding: 16px;\n          font-size: 16px;\n        }\n        paper-button.site-card-wrapper {\n          margin: 0;\n          padding: 0;\n        }\n      </style>\n      <iron-ajax\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      <div id=\"loading\" data-loading$=\"[[!__loading]]\">\n        <elmsln-loading size=\"large\"></elmsln-loading>\n        <div>Loading..</div>\n      </div>\n      <iron-list id=\"list\" items=\"[[sites]]\" as=\"site\" grid=\"\">\n        <template>\n          <paper-button\n            on-focusin=\"_mouseEnter\"\n            on-focusout=\"_mouseLeave\"\n            data-site-id$=\"[[site.id]]\"\n            class=\"site-card-wrapper\"\n            on-click=\"_siteClicked\"\n          >\n            <site-card\n              data-site-id$=\"[[site.id]]\"\n              size=\"[[size]]\"\n              image=\"[[site.metadata.image]]\"\n              icon=\"[[site.metadata.icon]]\"\n              name=\"[[site.title]]\"\n              title=\"[[site.description]]\"\n              elevation=\"2\"\n            ></site-card>\n          </paper-button>\n        </template>\n      </iron-list>\n    "], ["\n      <style>\n        :host {\n          height: 100vh;\n          display: flex;\n          flex-direction: column;\n        }\n        iron-list {\n          flex: 1 1 auto;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          padding: 16px;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: rgba(250, 250, 250, 0.8);\n          transition: all linear 0.8s;\n          visibility: visible;\n        }\n        #loading div {\n          font-size: 32px;\n          font-weight: bold;\n          padding: 16px;\n        }\n        #loading[data-loading] {\n          background-color: rgba(0, 0, 0, 0);\n          opacity: 0;\n          visibility: hidden;\n        }\n        site-card {\n          padding: 16px;\n          font-size: 16px;\n        }\n        paper-button.site-card-wrapper {\n          margin: 0;\n          padding: 0;\n        }\n      </style>\n      <iron-ajax\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      <div id=\"loading\" data-loading\\$=\"[[!__loading]]\">\n        <elmsln-loading size=\"large\"></elmsln-loading>\n        <div>Loading..</div>\n      </div>\n      <iron-list id=\"list\" items=\"[[sites]]\" as=\"site\" grid=\"\">\n        <template>\n          <paper-button\n            on-focusin=\"_mouseEnter\"\n            on-focusout=\"_mouseLeave\"\n            data-site-id\\$=\"[[site.id]]\"\n            class=\"site-card-wrapper\"\n            on-click=\"_siteClicked\"\n          >\n            <site-card\n              data-site-id\\$=\"[[site.id]]\"\n              size=\"[[size]]\"\n              image=\"[[site.metadata.image]]\"\n              icon=\"[[site.metadata.icon]]\"\n              name=\"[[site.title]]\"\n              title=\"[[site.description]]\"\n              elevation=\"2\"\n            ></site-card>\n          </paper-button>\n        </template>\n      </iron-list>\n    "]);
 
-    _templateObject_6b49b2d022d211eaa0764d1a500fd781 = function _templateObject_6b49b2d022d211eaa0764d1a500fd781() {
+    _templateObject_24451d30243411ea86f395335a802507 = function _templateObject_24451d30243411ea86f395335a802507() {
       return data;
     };
 
@@ -146,7 +146,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../.
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_6b49b2d022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_24451d30243411ea86f395335a802507());
       }
     }, {
       key: "tag",
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 96f29bcd331..063ecedd3ca 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,16 +1,16 @@
 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";
 
-  function _templateObject_9654fc5022d211eaa0764d1a500fd781() {
+  function _templateObject_5131a9d0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_9654fc5022d211eaa0764d1a500fd781 = function _templateObject_9654fc5022d211eaa0764d1a500fd781() {
+    _templateObject_5131a9d0243411ea86f395335a802507 = function _templateObject_5131a9d0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_9654fc5022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_5131a9d0243411ea86f395335a802507());
   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 5ecf198341a..281a11aa012 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
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8e168ae022d211eaa0764d1a500fd781() {
+  function _templateObject_4972c8a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline;\n        }\n        :host([hidden]) {\n          display: none;\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          @apply --social-share-link;\n        }\n        :host a:visited {\n          color: var(--social-share-visited-link-color, inherit);\n          @apply --social-share-visited-link;\n        }\n        :host a:focus,\n        :host a:hover {\n          color: var(--social-share-link-hover-color, inherit);\n          @apply --social-share-link-hover;\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          @apply --social-share-disabled-link;\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          @apply --social-share-button;\n        }\n        :host([button-style]) a:visited {\n          color: var(--social-share-visited-button-color, white);\n          @apply --social-share-visited-button;\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          @apply --social-share-button-hover;\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          @apply --social-share-disabled-button;\n        }\n        :host iron-icon {\n          margin-right: 5px;\n        }\n        :host a.text-only iron-icon {\n          display: none;\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        :host a.icon-only iron-icon {\n          margin-right: 0;\n        }\n      </style>\n      <a\n        href$=\"[[__href]]\"\n        disabled$=\"[[!__href]]\"\n        class$=\"[[mode]]\"\n        rel=\"noopener noreferrer\"\n        target=\"_blank\"\n      >\n        <iron-icon\n          aria-hidden=\"true\"\n          icon$=\"[[__icon]]\"\n          hidden$=\"[[!__showIcon]]\"\n        ></iron-icon>\n        <span class=\"linktext\">[[__linkText]]</span>\n      </a>\n    "]);
 
-    _templateObject_8e168ae022d211eaa0764d1a500fd781 = function _templateObject_8e168ae022d211eaa0764d1a500fd781() {
+    _templateObject_4972c8a0243411ea86f395335a802507 = function _templateObject_4972c8a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -124,7 +124,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../../@polymer/
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8e168ae022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4972c8a0243411ea86f395335a802507());
       } // properties available to the custom element for data binding
 
     }, {
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 143bb9a9c7b..3103acf174e 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,30 +7,30 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
   _exports.StopNote = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject3_8e1a0d5022d211eaa0764d1a500fd781() {
+  function _templateObject3_4976e750243411ea86f395335a802507() {
     var data = 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        iron-icon {\n          height: 100px;\n          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          float: left;\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          color: #2196f3;\n        }\n\n        .link a:hover {\n          color: #1976d2;\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      "]);
 
-    _templateObject3_8e1a0d5022d211eaa0764d1a500fd781 = function _templateObject3_8e1a0d5022d211eaa0764d1a500fd781() {
+    _templateObject3_4976e750243411ea86f395335a802507 = function _templateObject3_4976e750243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_8e1a0d5022d211eaa0764d1a500fd781() {
+  function _templateObject2_4976e750243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                <div class=\"link\">\n                  <a href=\"", "\" id=\"link\">\n                    More Information &gt;\n                  </a>\n                </div>\n              "]);
 
-    _templateObject2_8e1a0d5022d211eaa0764d1a500fd781 = function _templateObject2_8e1a0d5022d211eaa0764d1a500fd781() {
+    _templateObject2_4976e750243411ea86f395335a802507 = function _templateObject2_4976e750243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8e1a0d5022d211eaa0764d1a500fd781() {
+  function _templateObject_4976e750243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"container\">\n        <div class=\"svg_wrap\">\n          <div class=\"svg\"><iron-icon icon=\"", "\"></iron-icon></div>\n        </div>\n        <div class=\"message_wrap\">\n          <div class=\"main_message\">", "</div>\n          <div class=\"secondary_message\"><slot name=\"message\"></slot></div>\n          ", "\n        </div>\n      </div>\n    "]);
 
-    _templateObject_8e1a0d5022d211eaa0764d1a500fd781 = function _templateObject_8e1a0d5022d211eaa0764d1a500fd781() {
+    _templateObject_4976e750243411ea86f395335a802507 = function _templateObject_4976e750243411ea86f395335a802507() {
       return data;
     };
 
@@ -50,7 +50,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
     babelHelpers.createClass(StopNote, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8e1a0d5022d211eaa0764d1a500fd781(), this.icon, this.title, this.url ? (0, _litElement.html)(_templateObject2_8e1a0d5022d211eaa0764d1a500fd781(), this.url) : "");
+        return (0, _litElement.html)(_templateObject_4976e750243411ea86f395335a802507(), this.icon, this.title, this.url ? (0, _litElement.html)(_templateObject2_4976e750243411ea86f395335a802507(), this.url) : "");
       }
     }], [{
       key: "styles",
@@ -59,7 +59,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../schema-beh
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject3_8e1a0d5022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject3_4976e750243411ea86f395335a802507())];
       }
     }, {
       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 93e1a965418..03c602c5fa8 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
@@ -7,30 +7,30 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../../@polyme
   _exports.TabList = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject3_8e67df3022d211eaa0764d1a500fd781() {
+  function _templateObject3_49803620243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <paper-tab>\n              <a\n                target=\"_blank\"\n                href=\"", "\"\n                tabindex=\"-1\"\n                rel=\"noopener noreferrer\"\n              >\n                <paper-button raised>", "</paper-button>\n              </a>\n            </paper-tab>\n          "]);
 
-    _templateObject3_8e67df3022d211eaa0764d1a500fd781 = function _templateObject3_8e67df3022d211eaa0764d1a500fd781() {
+    _templateObject3_49803620243411ea86f395335a802507 = function _templateObject3_49803620243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_8e67df3022d211eaa0764d1a500fd781() {
+  function _templateObject2_49803620243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <paper-tabs>\n        ", "\n      </paper-tabs>\n    "]);
 
-    _templateObject2_8e67df3022d211eaa0764d1a500fd781 = function _templateObject2_8e67df3022d211eaa0764d1a500fd781() {
+    _templateObject2_49803620243411ea86f395335a802507 = function _templateObject2_49803620243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8e67df3022d211eaa0764d1a500fd781() {
+  function _templateObject_49803620243411ea86f395335a802507() {
     var data = 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        paper-tabs {\n          align-items: center;\n          justify-items: center;\n        }\n        paper-tab a {\n          text-decoration: none;\n          flex: unset;\n          height: unset;\n          width: 100%;\n          text-align: center;\n        }\n        paper-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          paper-tab {\n            display: block;\n          }\n        }\n      "]);
 
-    _templateObject_8e67df3022d211eaa0764d1a500fd781 = function _templateObject_8e67df3022d211eaa0764d1a500fd781() {
+    _templateObject_49803620243411ea86f395335a802507 = function _templateObject_49803620243411ea86f395335a802507() {
       return data;
     };
 
@@ -50,7 +50,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../../@polyme
     babelHelpers.createClass(TabList, null, [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_8e67df3022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_49803620243411ea86f395335a802507())];
       }
     }]);
 
@@ -72,8 +72,8 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../../@polyme
     babelHelpers.createClass(TabList, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_8e67df3022d211eaa0764d1a500fd781(), this.tabs.map(function (tab) {
-          return (0, _litElement.html)(_templateObject3_8e67df3022d211eaa0764d1a500fd781(), tab.link, tab.label);
+        return (0, _litElement.html)(_templateObject2_49803620243411ea86f395335a802507(), this.tabs.map(function (tab) {
+          return (0, _litElement.html)(_templateObject3_49803620243411ea86f395335a802507(), tab.link, tab.label);
         }));
       }
     }, {
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 38487fa8318..c297f3e865f 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
@@ -10,50 +10,50 @@ define(["exports", "../../lit-element/lit-element.js", "../schema-behaviors/sche
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject5_8e6c9a2022d211eaa0764d1a500fd781() {
+  function _templateObject5_49ad87b0243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject5_8e6c9a2022d211eaa0764d1a500fd781 = function _templateObject5_8e6c9a2022d211eaa0764d1a500fd781() {
+    _templateObject5_49ad87b0243411ea86f395335a802507 = function _templateObject5_49ad87b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject4_8e6c9a2022d211eaa0764d1a500fd781() {
+  function _templateObject4_49ad87b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                    <span property=\"oer:task\">", "</span>\n                  "]);
 
-    _templateObject4_8e6c9a2022d211eaa0764d1a500fd781 = function _templateObject4_8e6c9a2022d211eaa0764d1a500fd781() {
+    _templateObject4_49ad87b0243411ea86f395335a802507 = function _templateObject4_49ad87b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_8e6c9a2022d211eaa0764d1a500fd781() {
+  function _templateObject3_49ad87b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n                    <a href=\"", "\" property=\"oer:task\">", "</a>\n                  "]);
 
-    _templateObject3_8e6c9a2022d211eaa0764d1a500fd781 = function _templateObject3_8e6c9a2022d211eaa0764d1a500fd781() {
+    _templateObject3_49ad87b0243411ea86f395335a802507 = function _templateObject3_49ad87b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_8e6c9a2022d211eaa0764d1a500fd781() {
+  function _templateObject2_49ad87b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <li>\n              ", "\n            </li>\n          "]);
 
-    _templateObject2_8e6c9a2022d211eaa0764d1a500fd781 = function _templateObject2_8e6c9a2022d211eaa0764d1a500fd781() {
+    _templateObject2_49ad87b0243411ea86f395335a802507 = function _templateObject2_49ad87b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8e6c9a2022d211eaa0764d1a500fd781() {
+  function _templateObject_49ad87b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <h3><span property=\"oer:name\">", "</span></h3>\n      <ol>\n        ", "\n      </ol>\n    "]);
 
-    _templateObject_8e6c9a2022d211eaa0764d1a500fd781 = function _templateObject_8e6c9a2022d211eaa0764d1a500fd781() {
+    _templateObject_49ad87b0243411ea86f395335a802507 = function _templateObject_49ad87b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -76,8 +76,8 @@ define(["exports", "../../lit-element/lit-element.js", "../schema-behaviors/sche
     babelHelpers.createClass(TaskList, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8e6c9a2022d211eaa0764d1a500fd781(), this.name, this.tasks.map(function (task) {
-          return (0, _litElement.html)(_templateObject2_8e6c9a2022d211eaa0764d1a500fd781(), task.link ? (0, _litElement.html)(_templateObject3_8e6c9a2022d211eaa0764d1a500fd781(), task.link, task.name) : (0, _litElement.html)(_templateObject4_8e6c9a2022d211eaa0764d1a500fd781(), task.name));
+        return (0, _litElement.html)(_templateObject_49ad87b0243411ea86f395335a802507(), this.name, this.tasks.map(function (task) {
+          return (0, _litElement.html)(_templateObject2_49ad87b0243411ea86f395335a802507(), task.link ? (0, _litElement.html)(_templateObject3_49ad87b0243411ea86f395335a802507(), task.link, task.name) : (0, _litElement.html)(_templateObject4_49ad87b0243411ea86f395335a802507(), task.name));
         }));
       }
     }], [{
@@ -87,7 +87,7 @@ define(["exports", "../../lit-element/lit-element.js", "../schema-behaviors/sche
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject5_8e6c9a2022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject5_49ad87b0243411ea86f395335a802507())];
       }
     }, {
       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 5bfdeacdfb2..84b8bd88bec 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
@@ -11,10 +11,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8e6ff58022d211eaa0764d1a500fd781() {
+  function _templateObject_49b15840243411ea86f395335a802507() {
     var data = 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        iron-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        paper-icon-button {\n          color: var(--team-member-color);\n        }\n      </style>\n      <div class=\"team-member\">\n        <iron-image src=\"[[image]]\" sizing=\"cover\" alt=\"\"></iron-image>\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            ><paper-icon-button icon=\"mdi-social:dribble\"></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[facebook]]\" hidden$=\"[[!facebook]]\"\n            ><paper-icon-button\n              icon=\"mdi-social:facebook-box\"\n            ></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[github]]\" hidden$=\"[[!github]]\"\n            ><paper-icon-button\n              icon=\"mdi-social:github-circle\"\n            ></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[google]]\" hidden$=\"[[!google]]\"\n            ><paper-icon-button\n              icon=\"mdi-social:google-plus\"\n            ></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[instagram]]\" hidden$=\"[[!instagram]]\"\n            ><paper-icon-button icon=\"mdi-social:instagram\"></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[linkedin]]\" hidden$=\"[[!linkedin]]\"\n            ><paper-icon-button icon=\"mdi-social:linkedin\"></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[pinterest]]\" hidden$=\"[[!pinterest]]\"\n            ><paper-icon-button icon=\"mdi-social:pinterest\"></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[tumblr]]\" hidden$=\"[[!tumblr]]\"\n            ><paper-icon-button icon=\"mdi-social:tumblr\"></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[twitch]]\" hidden$=\"[[!twitch]]\"\n            ><paper-icon-button icon=\"mdi-social:twitch\"></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[twitter]]\" hidden$=\"[[!twitter]]\"\n            ><paper-icon-button icon=\"mdi-social:twitter\"></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href$=\"[[whatsapp]]\" hidden$=\"[[!whatsapp]]\"\n            ><paper-icon-button icon=\"mdi-social:whatsapp\"></paper-icon-button\n          ></a>\n        </div>\n      </div>\n    "], ["\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        iron-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        paper-icon-button {\n          color: var(--team-member-color);\n        }\n      </style>\n      <div class=\"team-member\">\n        <iron-image src=\"[[image]]\" sizing=\"cover\" alt=\"\"></iron-image>\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            ><paper-icon-button icon=\"mdi-social:dribble\"></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href\\$=\"[[facebook]]\" hidden\\$=\"[[!facebook]]\"\n            ><paper-icon-button\n              icon=\"mdi-social:facebook-box\"\n            ></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href\\$=\"[[github]]\" hidden\\$=\"[[!github]]\"\n            ><paper-icon-button\n              icon=\"mdi-social:github-circle\"\n            ></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href\\$=\"[[google]]\" hidden\\$=\"[[!google]]\"\n            ><paper-icon-button\n              icon=\"mdi-social:google-plus\"\n            ></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href\\$=\"[[instagram]]\" hidden\\$=\"[[!instagram]]\"\n            ><paper-icon-button icon=\"mdi-social:instagram\"></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href\\$=\"[[linkedin]]\" hidden\\$=\"[[!linkedin]]\"\n            ><paper-icon-button icon=\"mdi-social:linkedin\"></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href\\$=\"[[pinterest]]\" hidden\\$=\"[[!pinterest]]\"\n            ><paper-icon-button icon=\"mdi-social:pinterest\"></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href\\$=\"[[tumblr]]\" hidden\\$=\"[[!tumblr]]\"\n            ><paper-icon-button icon=\"mdi-social:tumblr\"></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href\\$=\"[[twitch]]\" hidden\\$=\"[[!twitch]]\"\n            ><paper-icon-button icon=\"mdi-social:twitch\"></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href\\$=\"[[twitter]]\" hidden\\$=\"[[!twitter]]\"\n            ><paper-icon-button icon=\"mdi-social:twitter\"></paper-icon-button\n          ></a>\n          <a tabindex=\"-1\" href\\$=\"[[whatsapp]]\" hidden\\$=\"[[!whatsapp]]\"\n            ><paper-icon-button icon=\"mdi-social:whatsapp\"></paper-icon-button\n          ></a>\n        </div>\n      </div>\n    "]);
 
-    _templateObject_8e6ff58022d211eaa0764d1a500fd781 = function _templateObject_8e6ff58022d211eaa0764d1a500fd781() {
+    _templateObject_49b15840243411ea86f395335a802507 = function _templateObject_49b15840243411ea86f395335a802507() {
       return data;
     };
 
@@ -55,7 +55,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
     babelHelpers.createClass(TeamMember, null, [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8e6ff58022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_49b15840243411ea86f395335a802507());
       }
     }, {
       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 dc393c183d6..34c51ecc4ad 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
@@ -10,20 +10,20 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject2_8e72668022d211eaa0764d1a500fd781() {
+  function _templateObject2_49b48c90243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject2_8e72668022d211eaa0764d1a500fd781 = function _templateObject2_8e72668022d211eaa0764d1a500fd781() {
+    _templateObject2_49b48c90243411ea86f395335a802507 = function _templateObject2_49b48c90243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8e72668022d211eaa0764d1a500fd781() {
+  function _templateObject_49b48c90243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <div class=\"content\">\n        <div class=\"truth\">", "</div>\n        <slot></slot>\n      </div>\n    "]);
 
-    _templateObject_8e72668022d211eaa0764d1a500fd781 = function _templateObject_8e72668022d211eaa0764d1a500fd781() {
+    _templateObject_49b48c90243411ea86f395335a802507 = function _templateObject_49b48c90243411ea86f395335a802507() {
       return data;
     };
 
@@ -51,7 +51,7 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8e72668022d211eaa0764d1a500fd781(), this.truth);
+        return (0, _litElement.html)(_templateObject_49b48c90243411ea86f395335a802507(), this.truth);
       } // properties available to the custom element for data binding
 
     }], [{
@@ -61,7 +61,7 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
        * Register CSS styles
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8e72668022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_49b48c90243411ea86f395335a802507())];
       } // life cycle
 
     }, {
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 0b922347250..f42333d722a 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
@@ -11,10 +11,10 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8e83a49022d211eaa0764d1a500fd781() {
+  function _templateObject_49b8d250243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        :host([hide-form]) ul {\n          border: 1px solid black;\n        }\n        paper-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      <paper-card heading=\"[[name]]\" elevation=\"2\">\n        <div class=\"card-content\">\n          <div hidden$=\"[[hideForm]]\">\n            <paper-input label=\"Task to accomplish\" id=\"itemtext\"></paper-input>\n            <paper-button raised=\"\" id=\"itembutton\" on-click=\"_addItemToList\"\n              >Add item</paper-button\n            >\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                <paper-checkbox\n                  checked=\"{{item.value}}\"\n                  disabled=\"[[item.disabled]]\"\n                  >[[item.label]]</paper-checkbox\n                >\n              </li>\n            </template>\n          </ul>\n        </div>\n      </paper-card>\n    "], ["\n      <style>\n        :host {\n          display: block;\n        }\n        :host([hide-form]) ul {\n          border: 1px solid black;\n        }\n        paper-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      <paper-card heading=\"[[name]]\" elevation=\"2\">\n        <div class=\"card-content\">\n          <div hidden\\$=\"[[hideForm]]\">\n            <paper-input label=\"Task to accomplish\" id=\"itemtext\"></paper-input>\n            <paper-button raised=\"\" id=\"itembutton\" on-click=\"_addItemToList\"\n              >Add item</paper-button\n            >\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                <paper-checkbox\n                  checked=\"{{item.value}}\"\n                  disabled=\"[[item.disabled]]\"\n                  >[[item.label]]</paper-checkbox\n                >\n              </li>\n            </template>\n          </ul>\n        </div>\n      </paper-card>\n    "]);
 
-    _templateObject_8e83a49022d211eaa0764d1a500fd781 = function _templateObject_8e83a49022d211eaa0764d1a500fd781() {
+    _templateObject_49b8d250243411ea86f395335a802507 = function _templateObject_49b8d250243411ea86f395335a802507() {
       return data;
     };
 
@@ -84,7 +84,7 @@ define(["exports", "require", "../../@polymer/polymer/polymer-element.js", "../s
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8e83a49022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_49b8d250243411ea86f395335a802507());
       }
     }, {
       key: "tag",
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 d8d51dac719..58c6e954597 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
@@ -11,40 +11,40 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject4_8ea906e022d211eaa0764d1a500fd781() {
+  function _templateObject4_49ffed70243411ea86f395335a802507() {
     var data = 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        iron-icon {\n          color: var(--topic-heading-icon-color);\n          display: inline-flex;\n          font-size: 16px;\n          height: 32px;\n          width: 32px;\n          padding: 16px;\n          line-height: 16px;\n          vertical-align: bottom;\n        }\n      "]);
 
-    _templateObject4_8ea906e022d211eaa0764d1a500fd781 = function _templateObject4_8ea906e022d211eaa0764d1a500fd781() {
+    _templateObject4_49ffed70243411ea86f395335a802507 = function _templateObject4_49ffed70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject3_8ea906e022d211eaa0764d1a500fd781() {
+  function _templateObject3_49ffed70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <relative-heading text=\"", "\"\n              >", "</relative-heading\n            >\n          "]);
 
-    _templateObject3_8ea906e022d211eaa0764d1a500fd781 = function _templateObject3_8ea906e022d211eaa0764d1a500fd781() {
+    _templateObject3_49ffed70243411ea86f395335a802507 = function _templateObject3_49ffed70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject2_8ea906e022d211eaa0764d1a500fd781() {
+  function _templateObject2_49ffed70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n            <iron-icon icon=\"", "\"></iron-icon>\n          "]);
 
-    _templateObject2_8ea906e022d211eaa0764d1a500fd781 = function _templateObject2_8ea906e022d211eaa0764d1a500fd781() {
+    _templateObject2_49ffed70243411ea86f395335a802507 = function _templateObject2_49ffed70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8ea906e022d211eaa0764d1a500fd781() {
+  function _templateObject_49ffed70243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      ", "\n      ", "\n    "]);
 
-    _templateObject_8ea906e022d211eaa0764d1a500fd781 = function _templateObject_8ea906e022d211eaa0764d1a500fd781() {
+    _templateObject_49ffed70243411ea86f395335a802507 = function _templateObject_49ffed70243411ea86f395335a802507() {
       return data;
     };
 
@@ -65,14 +65,14 @@ define(["exports", "require", "../../lit-element/lit-element.js"], function (_ex
       key: "render",
       // render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8ea906e022d211eaa0764d1a500fd781(), this.icon ? (0, _litElement.html)(_templateObject2_8ea906e022d211eaa0764d1a500fd781(), this.icon) : "", this.title ? (0, _litElement.html)(_templateObject3_8ea906e022d211eaa0764d1a500fd781(), this.title, this.title) : "");
+        return (0, _litElement.html)(_templateObject_49ffed70243411ea86f395335a802507(), this.icon ? (0, _litElement.html)(_templateObject2_49ffed70243411ea86f395335a802507(), this.icon) : "", this.title ? (0, _litElement.html)(_templateObject3_49ffed70243411ea86f395335a802507(), this.title, this.title) : "");
       } // haxProperty definition
 
     }], [{
       key: "styles",
       //styles function
       get: function get() {
-        return [(0, _litElement.css)(_templateObject4_8ea906e022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject4_49ffed70243411ea86f395335a802507())];
       }
     }, {
       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 15d0ed8514c..edb9b51a3b3 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
@@ -11,10 +11,10 @@ define(["exports", "meta", "../../lit-element/lit-element.js", "../es-global-bri
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8eaefa5022d211eaa0764d1a500fd781() {
+  function _templateObject_4a0607f0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <slot></slot>\n    "]);
 
-    _templateObject_8eaefa5022d211eaa0764d1a500fd781 = function _templateObject_8eaefa5022d211eaa0764d1a500fd781() {
+    _templateObject_4a0607f0243411ea86f395335a802507 = function _templateObject_4a0607f0243411ea86f395335a802507() {
       return data;
     };
 
@@ -43,7 +43,7 @@ define(["exports", "meta", "../../lit-element/lit-element.js", "../es-global-bri
        * LitElement render
        */
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8eaefa5022d211eaa0764d1a500fd781());
+        return (0, _litElement.html)(_templateObject_4a0607f0243411ea86f395335a802507());
       }
       /**
        * LitElement / popular convention
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 a725754aabb..5dbbe57235d 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
@@ -10,10 +10,10 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../simple-color
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8f72bf8022d211eaa0764d1a500fd781() {
+  function _templateObject_4a4051d0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          margin: 0 0 15px;\n        }\n        .video-caption {\n          font-style: italic;\n          margin: 0;\n          padding: 8px;\n          @apply --video-player-caption-theme;\n        }\n      </style>\n      <style include=\"simple-colors-shared-styles-polymer\"></style>\n      <div style$=\"[[playerStyle]]\">\n        <template is=\"dom-if\" if=\"[[isA11yMedia]]\" restamp>\n          <a11y-media-player\n            accent-color$=\"[[accentColor]]\"\n            audio-only$=\"[[audioOnly]]\"\n            dark$=\"[[dark]]\"\n            dark-transcript$=\"[[darkTranscript]]\"\n            disable-interactive$=\"[[disableInteractive]]\"\n            hide-timestamps$=\"[[hideTimestamps]]\"\n            hide-transcript$=\"[[hideTiranscript]]\"\n            id=\"[[_getPlayerId(playerId,schemaResourceID)]]\"\n            lang$=\"[[lang]]\"\n            linkable$=\"[[linkable]]\"\n            media-type$=\"[[sourceType]]\"\n            preload$=\"[[preload]]\"\n            media-title$=\"[[mediaTitle]]\"\n            sources$=\"[[sourceData]]\"\n            stand-alone$=\"[[__standAlone]]\"\n            sticky-corner$=\"[[stickyCorner]]\"\n            thumbnail-src$=\"[[thumbnailSrc]]\"\n            tracks$=\"[[trackData]]\"\n            crossorigin$=\"[[crossorigin]]\"\n            youtube-id$=\"[[youtubeId]]\"\n          >\n            <template\n              id=\"sources\"\n              is=\"dom-repeat\"\n              items=\"[[sourceData]]\"\n              as=\"sd\"\n              restamp\n            >\n              <source src$=\"[[sd.src]]\" type$=\"[[sd.type]]\" />\n            </template>\n            <template\n              id=\"tracks\"\n              is=\"dom-repeat\"\n              items=\"[[trackData]]\"\n              as=\"track\"\n              restamp\n            >\n              <track\n                src$=\"[[track.src]]\"\n                kind$=\"[[track.kind]]\"\n                label$=\"[[track.label]]\"\n                srclang$=\"[[track.lang]]\"\n              />\n            </template>\n            <slot name=\"caption\"></slot>\n          </a11y-media-player>\n        </template>\n        <template is=\"dom-if\" if=\"[[!isA11yMedia]]\">\n          <template is=\"dom-if\" if=\"[[sandboxed]]\">\n            <div class=\"responsive-video-container\" lang$=\"[[lang]]\">\n              <webview\n                resource$=\"[[schemaResourceID]]-video\"\n                src$=\"[[sourceData.0.src]]\"\n                width$=\"[[width]]\"\n                height$=\"[[height]]\"\n                frameborder=\"0\"\n              ></webview>\n            </div>\n          </template>\n          <template is=\"dom-if\" if=\"[[!sandboxed]]\">\n            <template is=\"dom-if\" if=\"[[iframed]]\">\n              <div class=\"responsive-video-container\" lang$=\"[[lang]]\">\n                <iframe\n                  resource$=\"[[schemaResourceID]]-video\"\n                  src$=\"[[sourceData.0.src]]\"\n                  width$=\"[[width]]\"\n                  height$=\"[[height]]\"\n                  frameborder=\"0\"\n                  webkitallowfullscreen=\"\"\n                  mozallowfullscreen=\"\"\n                  allowfullscreen=\"\"\n                ></iframe>\n              </div>\n            </template>\n          </template>\n          <div id=\"videocaption\" class$=\"video-caption\">\n            <p>\n              [[mediaTitle]]\n              <span class=\"media-type print-only\">(embedded media)</span>\n            </p>\n            <slot name=\"caption\"></slot>\n          </div>\n        </template>\n      </div>\n    "]);
 
-    _templateObject_8f72bf8022d211eaa0764d1a500fd781 = function _templateObject_8f72bf8022d211eaa0764d1a500fd781() {
+    _templateObject_4a4051d0243411ea86f395335a802507 = function _templateObject_4a4051d0243411ea86f395335a802507() {
       return data;
     };
 
@@ -315,7 +315,7 @@ define(["exports", "../../@polymer/polymer/polymer-element.js", "../simple-color
       key: "template",
       // render function
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8f72bf8022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4a4051d0243411ea86f395335a802507());
       } // haxProperty definition
 
     }, {
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 95079484cd4..cb2a6267eac 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
@@ -8,20 +8,20 @@ define(["exports", "meta", "require", "../../lit-element/lit-element.js", "./lib
   meta = babelHelpers.interopRequireWildcard(meta);
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_8f75ccc022d211eaa0764d1a500fd781() {
+  function _templateObject2_4a53b2c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: inline-flex;\n        }\n      "]);
 
-    _templateObject2_8f75ccc022d211eaa0764d1a500fd781 = function _templateObject2_8f75ccc022d211eaa0764d1a500fd781() {
+    _templateObject2_4a53b2c0243411ea86f395335a802507 = function _templateObject2_4a53b2c0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8f75ccc022d211eaa0764d1a500fd781() {
+  function _templateObject_4a53b2c0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <button @click=\"", "\">\n        <iron-icon icon=\"", "\"></iron-icon>", "\n      </button>\n      <slot></slot>\n    "]);
 
-    _templateObject_8f75ccc022d211eaa0764d1a500fd781 = function _templateObject_8f75ccc022d211eaa0764d1a500fd781() {
+    _templateObject_4a53b2c0243411ea86f395335a802507 = function _templateObject_4a53b2c0243411ea86f395335a802507() {
       return data;
     };
 
@@ -42,12 +42,12 @@ define(["exports", "meta", "require", "../../lit-element/lit-element.js", "./lib
     babelHelpers.createClass(VoiceRecorder, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8f75ccc022d211eaa0764d1a500fd781(), this.recordState, this.iconState, this.textState);
+        return (0, _litElement.html)(_templateObject_4a53b2c0243411ea86f395335a802507(), this.recordState, this.iconState, this.textState);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8f75ccc022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4a53b2c0243411ea86f395335a802507())];
       }
     }, {
       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 d820997ffa3..8092517ec46 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
@@ -12,10 +12,10 @@ define(["exports", "meta", "require", "../../@polymer/polymer/polymer-element.js
 
   function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-  function _templateObject_8f7dbc0022d211eaa0764d1a500fd781() {
+  function _templateObject_4a5d28a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          height: 150px;\n          background-color: var(--dark-primary-color);\n          display: block;\n        }\n\n        paper-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        paper-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\n        .hidden {\n          display: none;\n        }\n\n        @media only screen and (max-width: 500px) {\n          .albuminfo {\n            width: 100%;\n          }\n        }\n      </style>\n      <paper-fab\n        id=\"playbutton\"\n        class=\"circleAnimation\"\n        disabled=\"\"\n        icon=\"av:play-arrow\"\n        on-click=\"togglePlay\"\n      ></paper-fab>\n      <paper-material id=\"controls\" class=\"controls hidden\" elevation=\"2\">\n        <paper-icon-button\n          class=\"centred middle\"\n          style=\"color: white;\"\n          icon=\"av:pause\"\n          on-click=\"togglePlay\"\n        ></paper-icon-button>\n        <paper-icon-button\n          id=\"replay\"\n          class=\"centred\"\n          style=\"color: white;\"\n          icon=\"av:replay-30\"\n          on-click=\"throwBack\"\n        ></paper-icon-button>\n        <paper-icon-button\n          id=\"mute\"\n          class=\"centred\"\n          style=\"color: white;\"\n          icon=\"av:volume-up\"\n          on-click=\"toggleMute\"\n        ></paper-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=\"[[coverart]]\" />\n        <span class=\"title\">[[title]]</span>\n        <span class=\"subtitle\">[[subtitle]]</span>\n      </div>\n    "]);
 
-    _templateObject_8f7dbc0022d211eaa0764d1a500fd781 = function _templateObject_8f7dbc0022d211eaa0764d1a500fd781() {
+    _templateObject_4a5d28a0243411ea86f395335a802507 = function _templateObject_4a5d28a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -55,7 +55,7 @@ define(["exports", "meta", "require", "../../@polymer/polymer/polymer-element.js
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_8f7dbc0022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_4a5d28a0243411ea86f395335a802507());
       }
     }, {
       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 63fbfbdc86b..666764b4c76 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
@@ -7,20 +7,20 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../../@polyme
   _exports.WikipediaQuery = void 0;
   _require = babelHelpers.interopRequireWildcard(_require);
 
-  function _templateObject2_8f82ec2022d211eaa0764d1a500fd781() {
+  function _templateObject2_4a6517e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <iron-ajax\n        auto\n        url=\"https://en.wikipedia.org/w/api.php?origin=*&amp;action=query&amp;titles=", "&amp;prop=extracts&amp;format=json\"\n        handle-as=\"json\"\n        @response=\"", "\"\n        debounce-duration=\"25\"\n        @last-response-changed=\"", "\"\n      ></iron-ajax>\n      <h3 .hidden=\"", "\">", "</h3>\n      <div id=\"result\" .hidden=\"", "\"></div>\n      <citation-element\n        .hidden=\"", "\"\n        creator=\"{Wikipedia contributors}\"\n        scope=\"sibling\"\n        license=\"by-sa\"\n        title=\"", " --- {Wikipedia}{,} The Free Encyclopedia\"\n        source=\"https://en.wikipedia.org/w/index.php?title=", "\"\n        date=\"", "\"\n      ></citation-element>\n    "]);
 
-    _templateObject2_8f82ec2022d211eaa0764d1a500fd781 = function _templateObject2_8f82ec2022d211eaa0764d1a500fd781() {
+    _templateObject2_4a6517e0243411ea86f395335a802507 = function _templateObject2_4a6517e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8f82ec2022d211eaa0764d1a500fd781() {
+  function _templateObject_4a6517e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n          --wikipedia-query-body-height: 160px;\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: #f8f8f8;\n          padding: 16px 8px;\n          font-size: 12px;\n        }\n      "]);
 
-    _templateObject_8f82ec2022d211eaa0764d1a500fd781 = function _templateObject_8f82ec2022d211eaa0764d1a500fd781() {
+    _templateObject_4a6517e0243411ea86f395335a802507 = function _templateObject_4a6517e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,7 +45,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../../@polyme
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject_8f82ec2022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject_4a6517e0243411ea86f395335a802507())];
       }
     }]);
 
@@ -74,7 +74,7 @@ define(["exports", "require", "../../lit-element/lit-element.js", "../../@polyme
       key: "render",
       // LitElement render function
       value: function render() {
-        return (0, _litElement.html)(_templateObject2_8f82ec2022d211eaa0764d1a500fd781(), this.search, this.handleResponse, this.searchResponseChanged, this.hideTitle, this._title, !this.__rendercontent, !this.__rendercontent, this.search, this.search, this.__now);
+        return (0, _litElement.html)(_templateObject2_4a6517e0243411ea86f395335a802507(), this.search, this.handleResponse, this.searchResponseChanged, this.hideTitle, this._title, !this.__rendercontent, !this.__rendercontent, this.search, this.search, this.__now);
       }
     }, {
       key: "searchResponseChanged",
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 65c3e5afa05..b51ca061519 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
@@ -6,20 +6,20 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
   });
   _exports.WordCount = void 0;
 
-  function _templateObject2_8f99334022d211eaa0764d1a500fd781() {
+  function _templateObject2_4a68c160243411ea86f395335a802507() {
     var data = 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      "]);
 
-    _templateObject2_8f99334022d211eaa0764d1a500fd781 = function _templateObject2_8f99334022d211eaa0764d1a500fd781() {
+    _templateObject2_4a68c160243411ea86f395335a802507 = function _templateObject2_4a68c160243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8f99334022d211eaa0764d1a500fd781() {
+  function _templateObject_4a68c160243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n      <slot></slot>\n      <div class=\"screen-reader-text\">", " ", "</div>\n    "]);
 
-    _templateObject_8f99334022d211eaa0764d1a500fd781 = function _templateObject_8f99334022d211eaa0764d1a500fd781() {
+    _templateObject_4a68c160243411ea86f395335a802507 = function _templateObject_4a68c160243411ea86f395335a802507() {
       return data;
     };
 
@@ -40,12 +40,12 @@ define(["exports", "../../lit-element/lit-element.js"], function (_exports, _lit
     babelHelpers.createClass(WordCount, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8f99334022d211eaa0764d1a500fd781(), this.wordsPrefix, this.words);
+        return (0, _litElement.html)(_templateObject_4a68c160243411ea86f395335a802507(), this.wordsPrefix, this.words);
       }
     }], [{
       key: "styles",
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8f99334022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4a68c160243411ea86f395335a802507())];
       }
     }, {
       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 8631aee7b4f..c33babcb0b5 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,24 +6,20 @@ define(["exports", "../../lit-element/lit-element.js", "../cms-hax/cms-hax.js"],
   });
   _exports.WysiwygHax = void 0;
 
-  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
-
-  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { babelHelpers.defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-
-  function _templateObject2_8fc17bc022d211eaa0764d1a500fd781() {
+  function _templateObject2_4a6d7c50243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n        :host {\n          display: block;\n        }\n      "]);
 
-    _templateObject2_8fc17bc022d211eaa0764d1a500fd781 = function _templateObject2_8fc17bc022d211eaa0764d1a500fd781() {
+    _templateObject2_4a6d7c50243411ea86f395335a802507 = function _templateObject2_4a6d7c50243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_8fc17bc022d211eaa0764d1a500fd781() {
+  function _templateObject_4a6d7c50243411ea86f395335a802507() {
     var data = 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        ?open-default=\"", "\"\n        ?sync-body=\"", "\"\n        ?hide-export-button=\"", "\"\n        ?hide-panel-ops=\"", "\"\n        ?hide-preferences-button=\"", "\"\n        align=\"", "\"\n      >\n      </cms-hax>\n    "]);
 
-    _templateObject_8fc17bc022d211eaa0764d1a500fd781 = function _templateObject_8fc17bc022d211eaa0764d1a500fd781() {
+    _templateObject_4a6d7c50243411ea86f395335a802507 = function _templateObject_4a6d7c50243411ea86f395335a802507() {
       return data;
     };
 
@@ -32,8 +28,9 @@ define(["exports", "../../lit-element/lit-element.js", "../cms-hax/cms-hax.js"],
 
   /**
    * `wysiwyg-hax`
-   * @customElement wysiwyg-hax
    * `Integration of wysiwyg edit form for a page with HAX.`
+   * @demo demo/index.html
+   * @customElement wysiwyg-hax
    */
   var WysiwygHax =
   /*#__PURE__*/
@@ -42,7 +39,7 @@ define(["exports", "../../lit-element/lit-element.js", "../cms-hax/cms-hax.js"],
     babelHelpers.createClass(WysiwygHax, [{
       key: "render",
       value: function render() {
-        return (0, _litElement.html)(_templateObject_8fc17bc022d211eaa0764d1a500fd781(), this.fieldClass, this.fieldId, this.fieldName, this.bodyValue, this.redirectLocation, this.updatePageData, this.endPoint, this.appStoreConnection, this.openDefault, this.syncBody, this.hideExportButton, this.hidePanelOps, this.hidePreferencesButton, this.align);
+        return (0, _litElement.html)(_templateObject_4a6d7c50243411ea86f395335a802507(), this.fieldClass, this.fieldId, this.fieldName, this.bodyValue, this.redirectLocation, this.updatePageData, this.endPoint, this.appStoreConnection, this.openDefault, this.syncBody, this.hideExportButton, this.hidePanelOps, this.hidePreferencesButton, this.align);
       }
     }], [{
       key: "styles",
@@ -51,7 +48,7 @@ define(["exports", "../../lit-element/lit-element.js", "../cms-hax/cms-hax.js"],
        * LitElement constructable styles enhancement
        */
       get: function get() {
-        return [(0, _litElement.css)(_templateObject2_8fc17bc022d211eaa0764d1a500fd781())];
+        return [(0, _litElement.css)(_templateObject2_4a6d7c50243411ea86f395335a802507())];
       }
     }, {
       key: "tag",
@@ -64,7 +61,14 @@ define(["exports", "../../lit-element/lit-element.js", "../cms-hax/cms-hax.js"],
       var _this;
 
       babelHelpers.classCallCheck(this, WysiwygHax);
-      _this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(WysiwygHax).call(this));
+      _this = babelHelpers.possibleConstructorReturn(this, babelHelpers.getPrototypeOf(WysiwygHax).call(this)); // import child nodes before things start deleting whats in there
+
+      var children = _this.querySelector("template");
+
+      if (children) {
+        _this.__importContent = children.innerHTML;
+      }
+
       _this.openDefault = false;
       _this.hideExportButton = false;
       _this.align = "right";
@@ -73,6 +77,8 @@ define(["exports", "../../lit-element/lit-element.js", "../cms-hax/cms-hax.js"],
       _this.__imported = false;
       _this.redirectLocation = "";
       _this.updatePageData = "";
+      window.addEventListener("hax-save", _this._bodyContentUpdated.bind(babelHelpers.assertThisInitialized(_this)));
+      window.addEventListener("hax-store-property-updated", _this._haxStorePropertyUpdated.bind(babelHelpers.assertThisInitialized(_this)));
       return _this;
     }
 
@@ -99,39 +105,20 @@ define(["exports", "../../lit-element/lit-element.js", "../cms-hax/cms-hax.js"],
     }, {
       key: "_activeHaxBodyUpdated",
       value: function _activeHaxBodyUpdated(newValue) {
-        var _this3 = this;
-
         // ensure we import our content once we get an initial registration of active body
         if (newValue != null && !this.__imported) {
-          this.__imported = true; // see what's inside of this, in a template tag
-
-          var children = this.querySelector("template"); // convert this template content into the real thing
-          // this helps with correctly preserving everything on the way down
-
-          if (children != null) {
-            newValue.importContent(children.innerHTML); // need to dot his because of juggling unfortunately
+          this.__imported = true;
 
-            this.editMode = false;
-            window.HaxStore.write("editMode", this.editMode, this);
-            setTimeout(function () {
-              _this3.editMode = true;
-              window.HaxStore.write("editMode", _this3.editMode, _this3);
-            }, 200);
+          if (this.__importContent) {
+            newValue.importContent(this.__importContent);
           }
         }
       }
-    }, {
-      key: "connectedCallback",
-      value: function connectedCallback() {
-        babelHelpers.get(babelHelpers.getPrototypeOf(WysiwygHax.prototype), "connectedCallback", this).call(this);
-        document.body.addEventListener("hax-save", this._bodyContentUpdated.bind(this));
-        document.body.addEventListener("hax-store-property-updated", this._haxStorePropertyUpdated.bind(this));
-      }
     }, {
       key: "disconnectedCallback",
       value: function disconnectedCallback() {
-        document.body.removeEventListener("hax-save", this._bodyContentUpdated.bind(this));
-        document.body.removeEventListener("hax-store-property-updated", this._haxStorePropertyUpdated.bind(this));
+        window.removeEventListener("hax-save", this._bodyContentUpdated.bind(this));
+        window.removeEventListener("hax-store-property-updated", this._haxStorePropertyUpdated.bind(this));
         babelHelpers.get(babelHelpers.getPrototypeOf(WysiwygHax.prototype), "disconnectedCallback", this).call(this);
       }
       /**
@@ -143,10 +130,10 @@ define(["exports", "../../lit-element/lit-element.js", "../cms-hax/cms-hax.js"],
       value: function _haxStorePropertyUpdated(e) {
         if (e.detail && babelHelpers.typeof(e.detail.value) !== (typeof undefined === "undefined" ? "undefined" : babelHelpers.typeof(undefined)) && e.detail.property) {
           if (babelHelpers.typeof(e.detail.value) === "object") {
-            this[e.detail.property] = _objectSpread({}, e.detail.value);
-          } else {
-            this[e.detail.property] = e.detail.value;
+            this[e.detail.property] = null;
           }
+
+          this[e.detail.property] = e.detail.value;
         }
       }
       /**
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 fbbcf03210e..9c8b5a16ad4 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,10 +1,10 @@
 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";
 
-  function _templateObject_a372608022d211eaa0764d1a500fd781() {
+  function _templateObject_5f13e4a0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_a372608022d211eaa0764d1a500fd781 = function _templateObject_a372608022d211eaa0764d1a500fd781() {
+    _templateObject_5f13e4a0243411ea86f395335a802507 = function _templateObject_5f13e4a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -89,7 +89,7 @@ define(["../../polymer/polymer-legacy.js", "../../iron-flex-layout/iron-flex-lay
   @demo app-box/demo/scrolling-region.html Scrolling Region
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_a372608022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_5f13e4a0243411ea86f395335a802507()),
     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 ea960f3ebbd..4761a12ff25 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,10 +1,10 @@
 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";
 
-  function _templateObject_a37ac4f022d211eaa0764d1a500fd781() {
+  function _templateObject_5f15e070243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_a37ac4f022d211eaa0764d1a500fd781 = function _templateObject_a37ac4f022d211eaa0764d1a500fd781() {
+    _templateObject_5f15e070243411ea86f395335a802507 = function _templateObject_5f15e070243411ea86f395335a802507() {
       return data;
     };
 
@@ -133,7 +133,7 @@ define(["../../polymer/polymer-legacy.js", "../../iron-media-query/iron-media-qu
   @demo app-drawer-layout/demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_a37ac4f022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_5f15e070243411ea86f395335a802507()),
     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 3eab2a43db2..5666341dc3c 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,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", "../../polymer/lib/utils/render-status.js"], function (_polymerLegacy, _ironFlexLayout, _polymerFn, _polymerDom, _htmlTag, _renderStatus) {
   "use strict";
 
-  function _templateObject_a378c92022d211eaa0764d1a500fd781() {
+  function _templateObject_5f1bd3e0243411ea86f395335a802507() {
     var data = 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: 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: 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"]);
 
-    _templateObject_a378c92022d211eaa0764d1a500fd781 = function _templateObject_a378c92022d211eaa0764d1a500fd781() {
+    _templateObject_5f1bd3e0243411ea86f395335a802507 = function _templateObject_5f1bd3e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -63,7 +63,7 @@ define(["../../polymer/polymer-legacy.js", "../../iron-flex-layout/iron-flex-lay
   @demo app-drawer/demo/right-drawer.html Right Drawer with Icons
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_a378c92022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_5f1bd3e0243411ea86f395335a802507()),
     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 d881614bf31..d1f199a7948 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,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", "../app-layout-behavior/app-layout-behavior.js"], function (_polymerLegacy, _ironFlexLayout, _polymerFn, _polymerDom, _htmlTag, _appLayoutBehavior) {
   "use strict";
 
-  function _templateObject_a380b86022d211eaa0764d1a500fd781() {
+  function _templateObject_5f226390243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_a380b86022d211eaa0764d1a500fd781 = function _templateObject_a380b86022d211eaa0764d1a500fd781() {
+    _templateObject_5f226390243411ea86f395335a802507 = function _templateObject_5f226390243411ea86f395335a802507() {
       return data;
     };
 
@@ -63,7 +63,7 @@ define(["../../polymer/polymer-legacy.js", "../../iron-flex-layout/iron-flex-lay
   @demo app-header-layout/demo/footer.html Footer Demo
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_a380b86022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_5f226390243411ea86f395335a802507()),
     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 0b8157efcca..19aeadfe671 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,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", "../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";
 
-  function _templateObject_a37f31c022d211eaa0764d1a500fd781() {
+  function _templateObject_5f20dcf0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_a37f31c022d211eaa0764d1a500fd781 = function _templateObject_a37f31c022d211eaa0764d1a500fd781() {
+    _templateObject_5f20dcf0243411ea86f395335a802507 = function _templateObject_5f20dcf0243411ea86f395335a802507() {
       return data;
     };
 
@@ -233,7 +233,7 @@ define(["../../polymer/polymer-legacy.js", "../../iron-flex-layout/iron-flex-lay
   
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_a37f31c022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_5f20dcf0243411ea86f395335a802507()),
     is: 'app-header',
     behaviors: [_appScrollEffectsBehavior.AppScrollEffectsBehavior, _appLayoutBehavior.AppLayoutBehavior],
     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 7ef2cd80cd9..a3fc1d90e3a 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,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"], function (_polymerLegacy, _ironFlexLayout, _polymerFn, _htmlTag) {
   "use strict";
 
-  function _templateObject_a3865db022d211eaa0764d1a500fd781() {
+  function _templateObject_5f271e80243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_a3865db022d211eaa0764d1a500fd781 = function _templateObject_a3865db022d211eaa0764d1a500fd781() {
+    _templateObject_5f271e80243411ea86f395335a802507 = function _templateObject_5f271e80243411ea86f395335a802507() {
       return data;
     };
 
@@ -59,7 +59,7 @@ define(["../../polymer/polymer-legacy.js", "../../iron-flex-layout/iron-flex-lay
   @demo app-toolbar/demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_a3865db022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_5f271e80243411ea86f395335a802507()),
     is: 'app-toolbar'
   });
 });
\ No newline at end of file
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 bdbcc268dd3..bdbc2ce3f8f 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,10 +1,10 @@
 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";
 
-  function _templateObject_82bf67c022d211eaa0764d1a500fd781() {
+  function _templateObject_3d6ffc30243411ea86f395335a802507() {
     var data = 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  "]);
 
-    _templateObject_82bf67c022d211eaa0764d1a500fd781 = function _templateObject_82bf67c022d211eaa0764d1a500fd781() {
+    _templateObject_3d6ffc30243411ea86f395335a802507 = function _templateObject_3d6ffc30243411ea86f395335a802507() {
       return data;
     };
 
@@ -64,7 +64,7 @@ define(["../polymer/polymer-legacy.js", "../iron-location/iron-location.js", "..
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_82bf67c022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_3d6ffc30243411ea86f395335a802507()),
     is: 'app-location',
     properties: {
       /**
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 a7bd36409f1..83b6766f7d9 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,10 +6,10 @@ define(["exports", "../polymer/polymer-legacy.js", "../polymer/lib/legacy/polyme
   });
   _exports.IronA11yAnnouncer = void 0;
 
-  function _templateObject_7a35e39022d211eaa0764d1a500fd781() {
+  function _templateObject_34f37050243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_7a35e39022d211eaa0764d1a500fd781 = function _templateObject_7a35e39022d211eaa0764d1a500fd781() {
+    _templateObject_34f37050243411ea86f395335a802507 = function _templateObject_34f37050243411ea86f395335a802507() {
       return data;
     };
 
@@ -50,7 +50,7 @@ define(["exports", "../polymer/polymer-legacy.js", "../polymer/lib/legacy/polyme
   @demo demo/index.html
   */
   var IronA11yAnnouncer = (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_7a35e39022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_34f37050243411ea86f395335a802507()),
     is: 'iron-a11y-announcer',
     properties: {
       /**
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 c1f9a7244b3..1c90bb3e962 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,10 +1,10 @@
 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";
 
-  function _templateObject_7a88495022d211eaa0764d1a500fd781() {
+  function _templateObject_353e0de0243411ea86f395335a802507() {
     var data = 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]]\" inputmode$=\"[[inputmode]]\" placeholder$=\"[[placeholder]]\" readonly$=\"[[readonly]]\" required$=\"[[required]]\" disabled$=\"[[disabled]]\" rows$=\"[[rows]]\" minlength$=\"[[minlength]]\" maxlength$=\"[[maxlength]]\"></textarea>\n    </div>\n"], ["\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]]\" inputmode\\$=\"[[inputmode]]\" placeholder\\$=\"[[placeholder]]\" readonly\\$=\"[[readonly]]\" required\\$=\"[[required]]\" disabled\\$=\"[[disabled]]\" rows\\$=\"[[rows]]\" minlength\\$=\"[[minlength]]\" maxlength\\$=\"[[maxlength]]\"></textarea>\n    </div>\n"]);
 
-    _templateObject_7a88495022d211eaa0764d1a500fd781 = function _templateObject_7a88495022d211eaa0764d1a500fd781() {
+    _templateObject_353e0de0243411ea86f395335a802507 = function _templateObject_353e0de0243411ea86f395335a802507() {
       return data;
     };
 
@@ -34,7 +34,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_7a88495022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_353e0de0243411ea86f395335a802507()),
     is: 'iron-autogrow-textarea',
     behaviors: [_ironValidatableBehavior.IronValidatableBehavior, _ironControlState.IronControlState],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/iron-collapse/iron-collapse.js b/build/es5-amd/node_modules/@polymer/iron-collapse/iron-collapse.js
index 9c6cd382457..4036def50e1 100644
--- a/build/es5-amd/node_modules/@polymer/iron-collapse/iron-collapse.js
+++ b/build/es5-amd/node_modules/@polymer/iron-collapse/iron-collapse.js
@@ -1,10 +1,10 @@
 define(["../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", "../polymer/polymer-legacy.js"], function (_ironResizableBehavior, _polymerFn, _polymerDom, _htmlTag, _polymerLegacy) {
   "use strict";
 
-  function _templateObject_812518b022d211eaa0764d1a500fd781() {
+  function _templateObject_3be42c10243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        transition-duration: var(--iron-collapse-transition-duration, 300ms);\n        /* Safari 10 needs this property prefixed to correctly apply the custom property */\n        -webkit-transition-duration: var(--iron-collapse-transition-duration, 300ms);\n        overflow: visible;\n      }\n\n      :host(.iron-collapse-closed) {\n        display: none;\n      }\n\n      :host(:not(.iron-collapse-opened)) {\n        overflow: hidden;\n      }\n    </style>\n\n    <slot></slot>\n"]);
 
-    _templateObject_812518b022d211eaa0764d1a500fd781 = function _templateObject_812518b022d211eaa0764d1a500fd781() {
+    _templateObject_3be42c10243411ea86f395335a802507 = function _templateObject_3be42c10243411ea86f395335a802507() {
       return data;
     };
 
@@ -58,7 +58,7 @@ define(["../iron-resizable-behavior/iron-resizable-behavior.js", "../polymer/lib
   @element iron-collapse
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_812518b022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_3be42c10243411ea86f395335a802507()),
     is: 'iron-collapse',
     behaviors: [_ironResizableBehavior.IronResizableBehavior],
     properties: {
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 6a1e0714a6b..d905856ba1b 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,10 +1,10 @@
 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";
 
-  function _templateObject_7a153c3022d211eaa0764d1a500fd781() {
+  function _templateObject_34ba8600243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_7a153c3022d211eaa0764d1a500fd781 = function _templateObject_7a153c3022d211eaa0764d1a500fd781() {
+    _templateObject_34ba8600243411ea86f395335a802507 = function _templateObject_34ba8600243411ea86f395335a802507() {
       return data;
     };
 
@@ -37,7 +37,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_7a153c3022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_34ba8600243411ea86f395335a802507()),
     is: 'iron-dropdown',
     behaviors: [_ironControlState.IronControlState, _ironA11yKeysBehavior.IronA11yKeysBehavior, _ironOverlayBehavior.IronOverlayBehavior, _neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],
     properties: {
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 46297728e4e..46157c4befc 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,10 +1,10 @@
 define(["../polymer/polymer-legacy.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _htmlTag) {
   "use strict";
 
-  function _templateObject_8297e29022d211eaa0764d1a500fd781() {
+  function _templateObject_3d4c95b0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_8297e29022d211eaa0764d1a500fd781 = function _templateObject_8297e29022d211eaa0764d1a500fd781() {
+    _templateObject_3d4c95b0243411ea86f395335a802507 = function _templateObject_3d4c95b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -37,7 +37,7 @@ define(["../polymer/polymer-legacy.js", "../polymer/lib/utils/html-tag.js"], fun
    - iron-flex-factors
    - iron-positioning
   */
-  var template = (0, _htmlTag.html)(_templateObject_8297e29022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_3d4c95b0243411ea86f395335a802507());
   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 ac603236a11..0175843ec9e 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,10 +1,10 @@
 define(["../polymer/polymer-legacy.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _htmlTag) {
   "use strict";
 
-  function _templateObject_79f8174022d211eaa0764d1a500fd781() {
+  function _templateObject_34994260243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_79f8174022d211eaa0764d1a500fd781 = function _templateObject_79f8174022d211eaa0764d1a500fd781() {
+    _templateObject_34994260243411ea86f395335a802507 = function _templateObject_34994260243411ea86f395335a802507() {
       return data;
     };
 
@@ -73,7 +73,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_79f8174022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_34994260243411ea86f395335a802507());
   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 773a718f641..7405fd5c1f6 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,10 +1,10 @@
 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";
 
-  function _templateObject_74f548d022d211eaa0764d1a500fd781() {
+  function _templateObject_2eeaf1b0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_74f548d022d211eaa0764d1a500fd781 = function _templateObject_74f548d022d211eaa0764d1a500fd781() {
+    _templateObject_2eeaf1b0243411ea86f395335a802507 = function _templateObject_2eeaf1b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -81,7 +81,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_74f548d022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_2eeaf1b0243411ea86f395335a802507()),
     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 449651d6044..5bb37d44e63 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,16 +1,16 @@
 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";
 
-  function _templateObject_7187242022d211eaa0764d1a500fd781() {
+  function _templateObject_2b2f7050243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_7187242022d211eaa0764d1a500fd781 = function _templateObject_7187242022d211eaa0764d1a500fd781() {
+    _templateObject_2b2f7050243411ea86f395335a802507 = function _templateObject_2b2f7050243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_7187242022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_2b2f7050243411ea86f395335a802507());
   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 a28b1fa8c3f..b800341dd3e 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,16 +1,16 @@
 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";
 
-  function _templateObject_718aa69022d211eaa0764d1a500fd781() {
+  function _templateObject_2b3c4190243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_718aa69022d211eaa0764d1a500fd781 = function _templateObject_718aa69022d211eaa0764d1a500fd781() {
+    _templateObject_2b3c4190243411ea86f395335a802507 = function _templateObject_2b3c4190243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_718aa69022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_2b3c4190243411ea86f395335a802507());
   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 dde6a9ea171..ae5e254a991 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,16 +1,16 @@
 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";
 
-  function _templateObject_718f889022d211eaa0764d1a500fd781() {
+  function _templateObject_2b5288b0243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_718f889022d211eaa0764d1a500fd781 = function _templateObject_718f889022d211eaa0764d1a500fd781() {
+    _templateObject_2b5288b0243411ea86f395335a802507 = function _templateObject_2b5288b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_718f889022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_2b5288b0243411ea86f395335a802507());
   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 03d39d3c24f..f797e3220b4 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,16 +1,16 @@
 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";
 
-  function _templateObject_719afa4022d211eaa0764d1a500fd781() {
+  function _templateObject_2b56f580243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_719afa4022d211eaa0764d1a500fd781 = function _templateObject_719afa4022d211eaa0764d1a500fd781() {
+    _templateObject_2b56f580243411ea86f395335a802507 = function _templateObject_2b56f580243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_719afa4022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_2b56f580243411ea86f395335a802507());
   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 b0990671778..8a68e063b9f 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,16 +1,16 @@
 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";
 
-  function _templateObject_719e7cb022d211eaa0764d1a500fd781() {
+  function _templateObject_2b5b6250243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_719e7cb022d211eaa0764d1a500fd781 = function _templateObject_719e7cb022d211eaa0764d1a500fd781() {
+    _templateObject_2b5b6250243411ea86f395335a802507 = function _templateObject_2b5b6250243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_719e7cb022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_2b5b6250243411ea86f395335a802507());
   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 ebcb0605c6d..7af20f241f2 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,16 +1,16 @@
 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";
 
-  function _templateObject_71a2e98022d211eaa0764d1a500fd781() {
+  function _templateObject_2b604450243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_71a2e98022d211eaa0764d1a500fd781 = function _templateObject_71a2e98022d211eaa0764d1a500fd781() {
+    _templateObject_2b604450243411ea86f395335a802507 = function _templateObject_2b604450243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_71a2e98022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_2b604450243411ea86f395335a802507());
   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 b980976e1e1..9aaf31362ed 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,10 +1,10 @@
 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";
 
-  function _templateObject_700d7c7022d211eaa0764d1a500fd781() {
+  function _templateObject_29b0e6a0243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_700d7c7022d211eaa0764d1a500fd781 = function _templateObject_700d7c7022d211eaa0764d1a500fd781() {
+    _templateObject_29b0e6a0243411ea86f395335a802507 = function _templateObject_29b0e6a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -45,6 +45,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_700d7c7022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_29b0e6a0243411ea86f395335a802507());
   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 18353f9d300..e555b78bfbe 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,16 +1,16 @@
 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";
 
-  function _templateObject_71a867c022d211eaa0764d1a500fd781() {
+  function _templateObject_2b65c290243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_71a867c022d211eaa0764d1a500fd781 = function _templateObject_71a867c022d211eaa0764d1a500fd781() {
+    _templateObject_2b65c290243411ea86f395335a802507 = function _templateObject_2b65c290243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_71a867c022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_2b65c290243411ea86f395335a802507());
   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 18be7f730c1..2ed7bad757d 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,16 +1,16 @@
 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";
 
-  function _templateObject_71ac5f6022d211eaa0764d1a500fd781() {
+  function _templateObject_2b694500243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_71ac5f6022d211eaa0764d1a500fd781 = function _templateObject_71ac5f6022d211eaa0764d1a500fd781() {
+    _templateObject_2b694500243411ea86f395335a802507 = function _templateObject_2b694500243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_71ac5f6022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_2b694500243411ea86f395335a802507());
   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 a3e435b745f..f1f41562672 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,16 +1,16 @@
 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";
 
-  function _templateObject_71b49cc022d211eaa0764d1a500fd781() {
+  function _templateObject_2b7a5c00243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_71b49cc022d211eaa0764d1a500fd781 = function _templateObject_71b49cc022d211eaa0764d1a500fd781() {
+    _templateObject_2b7a5c00243411ea86f395335a802507 = function _templateObject_2b7a5c00243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_71b49cc022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_2b7a5c00243411ea86f395335a802507());
   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 3ccb34b07bd..1a4dd1e97ff 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,16 +1,16 @@
 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";
 
-  function _templateObject_71af93b022d211eaa0764d1a500fd781() {
+  function _templateObject_2b7775d0243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_71af93b022d211eaa0764d1a500fd781 = function _templateObject_71af93b022d211eaa0764d1a500fd781() {
+    _templateObject_2b7775d0243411ea86f395335a802507 = function _templateObject_2b7775d0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_71af93b022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_2b7775d0243411ea86f395335a802507());
   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 bf37d3062a0..6afc644ded8 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,10 +1,10 @@
 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";
 
-  function _templateObject_723df10022d211eaa0764d1a500fd781() {
+  function _templateObject_2c1822a0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_723df10022d211eaa0764d1a500fd781 = function _templateObject_723df10022d211eaa0764d1a500fd781() {
+    _templateObject_2c1822a0243411ea86f395335a802507 = function _templateObject_2c1822a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -69,7 +69,7 @@ define(["../polymer/polymer-legacy.js", "../polymer/lib/legacy/polymer-fn.js", "
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_723df10022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_2c1822a0243411ea86f395335a802507()),
     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 714b33fe3df..2742d5b44d2 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,10 +1,10 @@
 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";
 
-  function _templateObject_7ae843a022d211eaa0764d1a500fd781() {
+  function _templateObject_35a693b0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n      }\n    </style>\n    <slot id=\"content\"></slot>\n"]);
 
-    _templateObject_7ae843a022d211eaa0764d1a500fd781 = function _templateObject_7ae843a022d211eaa0764d1a500fd781() {
+    _templateObject_35a693b0243411ea86f395335a802507 = function _templateObject_35a693b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -94,7 +94,7 @@ define(["../polymer/polymer-legacy.js", "../iron-a11y-announcer/iron-a11y-announ
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_7ae843a022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_35a693b0243411ea86f395335a802507()),
     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 cb9dd2d862d..d4aaea01649 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,10 +1,10 @@
 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";
 
-  function _templateObject_76fd9bf022d211eaa0764d1a500fd781() {
+  function _templateObject_31422820243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_76fd9bf022d211eaa0764d1a500fd781 = function _templateObject_76fd9bf022d211eaa0764d1a500fd781() {
+    _templateObject_31422820243411ea86f395335a802507 = function _templateObject_31422820243411ea86f395335a802507() {
       return data;
     };
 
@@ -241,7 +241,7 @@ define(["../polymer/polymer-legacy.js", "../iron-a11y-keys-behavior/iron-a11y-ke
   */
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_76fd9bf022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_31422820243411ea86f395335a802507()),
     is: 'iron-list',
     properties: {
       /**
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 407714ee787..c163b3aff91 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,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"], function (_polymerLegacy, _polymerFn, _polymerDom, _htmlTag) {
   "use strict";
 
-  function _templateObject_86b09f2022d211eaa0764d1a500fd781() {
+  function _templateObject_41911d30243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_86b09f2022d211eaa0764d1a500fd781 = function _templateObject_86b09f2022d211eaa0764d1a500fd781() {
+    _templateObject_41911d30243411ea86f395335a802507 = function _templateObject_41911d30243411ea86f395335a802507() {
       return data;
     };
 
@@ -27,7 +27,7 @@ define(["../polymer/polymer-legacy.js", "../polymer/lib/legacy/polymer-fn.js", "
   `--iron-overlay-backdrop-opened`           | Mixin applied to `iron-overlay-backdrop` when it is displayed | {}
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_86b09f2022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_41911d30243411ea86f395335a802507()),
     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 cf202b62ad4..dac91dbabdc 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,10 +1,10 @@
 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";
 
-  function _templateObject_77b0e66022d211eaa0764d1a500fd781() {
+  function _templateObject_323efeb0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_77b0e66022d211eaa0764d1a500fd781 = function _templateObject_77b0e66022d211eaa0764d1a500fd781() {
+    _templateObject_323efeb0243411ea86f395335a802507 = function _templateObject_323efeb0243411ea86f395335a802507() {
       return data;
     };
 
@@ -34,7 +34,7 @@ define(["../polymer/polymer-legacy.js", "../iron-resizable-behavior/iron-resizab
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_77b0e66022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_323efeb0243411ea86f395335a802507()),
     is: 'iron-pages',
     behaviors: [_ironResizableBehavior.IronResizableBehavior, _ironSelectable.IronSelectableBehavior],
     properties: {
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 aaf187a812d..a146d69e1bb 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,10 +1,10 @@
 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";
 
-  function _templateObject_82f740a022d211eaa0764d1a500fd781() {
+  function _templateObject_3dac9000243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <slot></slot>\n"]);
 
-    _templateObject_82f740a022d211eaa0764d1a500fd781 = function _templateObject_82f740a022d211eaa0764d1a500fd781() {
+    _templateObject_3dac9000243411ea86f395335a802507 = function _templateObject_3dac9000243411ea86f395335a802507() {
       return data;
     };
 
@@ -77,7 +77,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_82f740a022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_3dac9000243411ea86f395335a802507()),
     is: 'iron-scroll-threshold',
     properties: {
       /**
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 aa05fd837fa..bd778edd48e 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,10 +1,10 @@
 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";
 
-  function _templateObject_78b473b022d211eaa0764d1a500fd781() {
+  function _templateObject_333d0dc0243411ea86f395335a802507() {
     var data = 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  "]);
 
-    _templateObject_78b473b022d211eaa0764d1a500fd781 = function _templateObject_78b473b022d211eaa0764d1a500fd781() {
+    _templateObject_333d0dc0243411ea86f395335a802507 = function _templateObject_333d0dc0243411ea86f395335a802507() {
       return data;
     };
 
@@ -89,7 +89,7 @@ define(["../polymer/polymer-legacy.js", "./marked-import.js", "../polymer/lib/le
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_78b473b022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_333d0dc0243411ea86f395335a802507()),
     is: 'marked-element',
     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 91c39fd8a73..8cd9f7713f1 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,10 +1,10 @@
 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";
 
-  function _templateObject_824ecba022d211eaa0764d1a500fd781() {
+  function _templateObject_3d01d110243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <slot></slot>\n  "]);
 
-    _templateObject_824ecba022d211eaa0764d1a500fd781 = function _templateObject_824ecba022d211eaa0764d1a500fd781() {
+    _templateObject_3d01d110243411ea86f395335a802507 = function _templateObject_3d01d110243411ea86f395335a802507() {
       return data;
     };
 
@@ -26,7 +26,7 @@ define(["../polymer/polymer-legacy.js", "../iron-resizable-behavior/iron-resizab
   ```
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_824ecba022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_3d01d110243411ea86f395335a802507()),
     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 0a1bdcb3046..f365e630b0a 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,10 +1,10 @@
 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";
 
-  function _templateObject_824bbe6022d211eaa0764d1a500fd781() {
+  function _templateObject_3cff6010243411ea86f395335a802507() {
     var data = 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  "]);
 
-    _templateObject_824bbe6022d211eaa0764d1a500fd781 = function _templateObject_824bbe6022d211eaa0764d1a500fd781() {
+    _templateObject_3cff6010243411ea86f395335a802507 = function _templateObject_3cff6010243411ea86f395335a802507() {
       return data;
     };
 
@@ -24,7 +24,7 @@ define(["../polymer/polymer-legacy.js", "../iron-resizable-behavior/iron-resizab
   @element neon-animated-pages
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_824bbe6022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_3cff6010243411ea86f395335a802507()),
     is: 'neon-animated-pages',
     behaviors: [_ironResizableBehavior.IronResizableBehavior, _ironSelectable.IronSelectableBehavior, _neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],
     properties: {
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 7f01769846e..354bc4dd5a6 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,10 +1,10 @@
 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";
 
-  function _templateObject_70e1202022d211eaa0764d1a500fd781() {
+  function _templateObject_2a9ec910243411ea86f395335a802507() {
     var data = 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  "]);
 
-    _templateObject_70e1202022d211eaa0764d1a500fd781 = function _templateObject_70e1202022d211eaa0764d1a500fd781() {
+    _templateObject_2a9ec910243411ea86f395335a802507 = function _templateObject_2a9ec910243411ea86f395335a802507() {
       return data;
     };
 
@@ -77,7 +77,7 @@ define(["../iron-icon/iron-icon.js", "../iron-flex-layout/iron-flex-layout.js",
   */
   (0, _polymerFn.Polymer)({
     /** @override */
-    _template: (0, _htmlTag.html)(_templateObject_70e1202022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_2a9ec910243411ea86f395335a802507()),
     is: 'paper-badge',
 
     /** @private */
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 b4e0f1cdd03..3892a694b17 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,17 +1,17 @@
 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";
 
-  function _templateObject_700a482022d211eaa0764d1a500fd781() {
+  function _templateObject_29a01dc0243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_700a482022d211eaa0764d1a500fd781 = function _templateObject_700a482022d211eaa0764d1a500fd781() {
+    _templateObject_29a01dc0243411ea86f395335a802507 = function _templateObject_29a01dc0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _polymerLegacy.html)(_templateObject_700a482022d211eaa0764d1a500fd781());
+  var template = (0, _polymerLegacy.html)(_templateObject_29a01dc0243411ea86f395335a802507());
   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 de052d425cc..85cfe5e25da 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,10 +1,10 @@
 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";
 
-  function _templateObject_6ffc657022d211eaa0764d1a500fd781() {
+  function _templateObject_29873e90243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_6ffc657022d211eaa0764d1a500fd781 = function _templateObject_6ffc657022d211eaa0764d1a500fd781() {
+    _templateObject_29873e90243411ea86f395335a802507 = function _templateObject_29873e90243411ea86f395335a802507() {
       return data;
     };
 
@@ -58,7 +58,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_6ffc657022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_29873e90243411ea86f395335a802507()),
     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 2dd2d406256..a03ca2379aa 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,17 +1,17 @@
 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";
 
-  function _templateObject_70cd711022d211eaa0764d1a500fd781() {
+  function _templateObject_2a7d3750243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_70cd711022d211eaa0764d1a500fd781 = function _templateObject_70cd711022d211eaa0764d1a500fd781() {
+    _templateObject_2a7d3750243411ea86f395335a802507 = function _templateObject_2a7d3750243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_70cd711022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_2a7d3750243411ea86f395335a802507());
   template.setAttribute('strip-whitespace', '');
   /**
   Material design:
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 a1f0c3347d6..e100101ae3a 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,10 +1,10 @@
 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";
 
-  function _templateObject_70be07c022d211eaa0764d1a500fd781() {
+  function _templateObject_2a708d20243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_70be07c022d211eaa0764d1a500fd781 = function _templateObject_70be07c022d211eaa0764d1a500fd781() {
+    _templateObject_2a708d20243411ea86f395335a802507 = function _templateObject_2a708d20243411ea86f395335a802507() {
       return data;
     };
 
@@ -71,7 +71,7 @@ define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js
   @hero hero.svg
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_70be07c022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_2a708d20243411ea86f395335a802507()),
     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 4679aa9b900..80cdd17dd8c 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,10 +1,10 @@
 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";
 
-  function _templateObject_7d71387022d211eaa0764d1a500fd781() {
+  function _templateObject_383f6700243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-dialog-shared-styles\"></style>\n    <slot></slot>\n"]);
 
-    _templateObject_7d71387022d211eaa0764d1a500fd781 = function _templateObject_7d71387022d211eaa0764d1a500fd781() {
+    _templateObject_383f6700243411ea86f395335a802507 = function _templateObject_383f6700243411ea86f395335a802507() {
       return data;
     };
 
@@ -74,7 +74,7 @@ define(["../polymer/polymer-legacy.js", "../paper-dialog-behavior/paper-dialog-s
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_7d71387022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_383f6700243411ea86f395335a802507()),
     is: 'paper-dialog',
     behaviors: [_paperDialogBehavior.PaperDialogBehavior, _neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],
     listeners: {
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 689250941e0..144b368eacc 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,10 +3,10 @@ define(["../polymer/polymer-legacy.js", "../iron-a11y-keys-behavior/iron-a11y-ke
 
   gestures = babelHelpers.interopRequireWildcard(gestures);
 
-  function _templateObject_786e1be022d211eaa0764d1a500fd781() {
+  function _templateObject_33042370243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-dropdown-menu-shared-styles\"></style>\n\n    <!-- this div fulfills an a11y requirement for combobox, do not remove -->\n    <span role=\"button\"></span>\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]]\">\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 type=\"text\" invalid=\"[[invalid]]\" readonly disabled=\"[[disabled]]\" value=\"[[value]]\" placeholder=\"[[placeholder]]\" error-message=\"[[errorMessage]]\" always-float-label=\"[[alwaysFloatLabel]]\" no-label-float=\"[[noLabelFloat]]\" label=\"[[label]]\">\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"]);
 
-    _templateObject_786e1be022d211eaa0764d1a500fd781 = function _templateObject_786e1be022d211eaa0764d1a500fd781() {
+    _templateObject_33042370243411ea86f395335a802507 = function _templateObject_33042370243411ea86f395335a802507() {
       return data;
     };
 
@@ -71,7 +71,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_786e1be022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_33042370243411ea86f395335a802507()),
     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 11e68e73793..54161d19888 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,17 +1,17 @@
 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";
 
-  function _templateObject_7579940022d211eaa0764d1a500fd781() {
+  function _templateObject_2f8276c0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_7579940022d211eaa0764d1a500fd781 = function _templateObject_7579940022d211eaa0764d1a500fd781() {
+    _templateObject_2f8276c0243411ea86f395335a802507 = function _templateObject_2f8276c0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_7579940022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_2f8276c0243411ea86f395335a802507());
   template.setAttribute('strip-whitespace', '');
   /**
   Material design: [Floating Action
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 160fc629289..51871f73aa4 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,10 +1,10 @@
 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";
 
-  function _templateObject_75656fc022d211eaa0764d1a500fd781() {
+  function _templateObject_2f615a30243411ea86f395335a802507() {
     var data = 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  "]);
 
-    _templateObject_75656fc022d211eaa0764d1a500fd781 = function _templateObject_75656fc022d211eaa0764d1a500fd781() {
+    _templateObject_2f615a30243411ea86f395335a802507 = function _templateObject_2f615a30243411ea86f395335a802507() {
       return data;
     };
 
@@ -73,7 +73,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_75656fc022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_2f615a30243411ea86f395335a802507()),
     hostAttributes: {
       role: 'button',
       tabindex: '0'
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 3250060c616..4df2fb5b760 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,10 +1,10 @@
 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";
 
-  function _templateObject_7a8f272022d211eaa0764d1a500fd781() {
+  function _templateObject_35427ab0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_7a8f272022d211eaa0764d1a500fd781 = function _templateObject_7a8f272022d211eaa0764d1a500fd781() {
+    _templateObject_35427ab0243411ea86f395335a802507 = function _templateObject_35427ab0243411ea86f395335a802507() {
       return data;
     };
 
@@ -30,7 +30,7 @@ define(["../polymer/polymer-legacy.js", "../paper-styles/typography.js", "../pol
   `--paper-input-char-counter` | Mixin applied to the element | `{}`
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_7a8f272022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_35427ab0243411ea86f395335a802507()),
     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 2e3be833a4d..a18fbc4e21e 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,27 +1,27 @@
 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";
 
-  function _templateObject2_7a9df43022d211eaa0764d1a500fd781() {
+  function _templateObject2_354e88a0243411ea86f395335a802507() {
     var data = 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      .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"]);
 
-    _templateObject2_7a9df43022d211eaa0764d1a500fd781 = function _templateObject2_7a9df43022d211eaa0764d1a500fd781() {
+    _templateObject2_354e88a0243411ea86f395335a802507 = function _templateObject2_354e88a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  function _templateObject_7a9df43022d211eaa0764d1a500fd781() {
+  function _templateObject_354e88a0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_7a9df43022d211eaa0764d1a500fd781 = function _templateObject_7a9df43022d211eaa0764d1a500fd781() {
+    _templateObject_354e88a0243411ea86f395335a802507 = function _templateObject_354e88a0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_7a9df43022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_354e88a0243411ea86f395335a802507());
   template.setAttribute('style', 'display: none;');
   document.head.appendChild(template.content);
   /*
@@ -137,7 +137,7 @@ define(["../polymer/polymer-legacy.js", "../iron-flex-layout/iron-flex-layout.js
   */
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject2_7a9df43022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject2_354e88a0243411ea86f395335a802507()),
     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 fbf60a99059..5f965e3013c 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,10 +1,10 @@
 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";
 
-  function _templateObject_7aa1288022d211eaa0764d1a500fd781() {
+  function _templateObject_3552ce60243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_7aa1288022d211eaa0764d1a500fd781 = function _templateObject_7aa1288022d211eaa0764d1a500fd781() {
+    _templateObject_3552ce60243411ea86f395335a802507 = function _templateObject_3552ce60243411ea86f395335a802507() {
       return data;
     };
 
@@ -32,7 +32,7 @@ define(["../polymer/polymer-legacy.js", "../paper-styles/default-theme.js", "../
   `--paper-input-error` | Mixin applied to the error | `{}`
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_7aa1288022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_3552ce60243411ea86f395335a802507()),
     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 c6e0cc3e996..49db8905353 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,10 +1,10 @@
 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";
 
-  function _templateObject_70d930e022d211eaa0764d1a500fd781() {
+  function _templateObject_2a8b1a00243411ea86f395335a802507() {
     var data = 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]]\">\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  "]);
 
-    _templateObject_70d930e022d211eaa0764d1a500fd781 = function _templateObject_70d930e022d211eaa0764d1a500fd781() {
+    _templateObject_2a8b1a00243411ea86f395335a802507 = function _templateObject_2a8b1a00243411ea86f395335a802507() {
       return data;
     };
 
@@ -70,7 +70,7 @@ define(["../polymer/polymer-legacy.js", "../iron-input/iron-input.js", "./paper-
   */
   (0, _polymerFn.Polymer)({
     is: 'paper-input',
-    _template: (0, _htmlTag.html)(_templateObject_70d930e022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_2a8b1a00243411ea86f395335a802507()),
     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 f76ed0605fb..ae30d4ac9a3 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,10 +1,10 @@
 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";
 
-  function _templateObject_70c35ef022d211eaa0764d1a500fd781() {
+  function _templateObject_2a763270243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_70c35ef022d211eaa0764d1a500fd781 = function _templateObject_70c35ef022d211eaa0764d1a500fd781() {
+    _templateObject_2a763270243411ea86f395335a802507 = function _templateObject_2a763270243411ea86f395335a802507() {
       return data;
     };
 
@@ -28,7 +28,7 @@ define(["../polymer/polymer-legacy.js", "../iron-autogrow-textarea/iron-autogrow
   style this element.
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_70c35ef022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_2a763270243411ea86f395335a802507()),
     is: 'paper-textarea',
     behaviors: [_paperInputBehavior.PaperInputBehavior, _ironFormElementBehavior.IronFormElementBehavior],
     properties: {
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 b27fb265cd5..dee8d38a92d 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,10 +1,10 @@
 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";
 
-  function _templateObject_7101796022d211eaa0764d1a500fd781() {
+  function _templateObject_2abe10e0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_7101796022d211eaa0764d1a500fd781 = function _templateObject_7101796022d211eaa0764d1a500fd781() {
+    _templateObject_2abe10e0243411ea86f395335a802507 = function _templateObject_2abe10e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -85,7 +85,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_7101796022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_2abe10e0243411ea86f395335a802507()),
     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 ad145ad1cc2..5c8d469b3fe 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,10 +1,10 @@
 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";
 
-  function _templateObject_70fee15022d211eaa0764d1a500fd781() {
+  function _templateObject_2abb2ab0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_70fee15022d211eaa0764d1a500fd781 = function _templateObject_70fee15022d211eaa0764d1a500fd781() {
+    _templateObject_2abb2ab0243411ea86f395335a802507 = function _templateObject_2abb2ab0243411ea86f395335a802507() {
       return data;
     };
 
@@ -63,7 +63,7 @@ define(["../polymer/polymer-legacy.js", "../paper-styles/default-theme.js", "../
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_70fee15022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_2abb2ab0243411ea86f395335a802507()),
     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 0780b3076d9..bcb5c45650d 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,17 +1,17 @@
 define(["../paper-styles/shadow.js", "../polymer/lib/utils/html-tag.js"], function (_shadow, _htmlTag) {
   "use strict";
 
-  function _templateObject_8153f0e022d211eaa0764d1a500fd781() {
+  function _templateObject_3c052190243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_8153f0e022d211eaa0764d1a500fd781 = function _templateObject_8153f0e022d211eaa0764d1a500fd781() {
+    _templateObject_3c052190243411ea86f395335a802507 = function _templateObject_3c052190243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_8153f0e022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_3c052190243411ea86f395335a802507());
   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 8f6e4ad66a1..6436ba08120 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,10 +1,10 @@
 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";
 
-  function _templateObject_7991663022d211eaa0764d1a500fd781() {
+  function _templateObject_34280a00243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_7991663022d211eaa0764d1a500fd781 = function _templateObject_7991663022d211eaa0764d1a500fd781() {
+    _templateObject_34280a00243411ea86f395335a802507 = function _templateObject_34280a00243411ea86f395335a802507() {
       return data;
     };
 
@@ -28,7 +28,7 @@ define(["../polymer/polymer-legacy.js", "../paper-styles/shadow.js", "./paper-ma
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_7991663022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_34280a00243411ea86f395335a802507()),
     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 3375d8a048f..38f73598f30 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,10 +6,10 @@ define(["exports", "../polymer/polymer-legacy.js", "../iron-dropdown/iron-dropdo
   });
   _exports.PaperMenuButton = void 0;
 
-  function _templateObject_70a1580022d211eaa0764d1a500fd781() {
+  function _templateObject_2a4efb60243411ea86f395335a802507() {
     var data = 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\">\n      <div slot=\"dropdown-content\" class=\"dropdown-content\">\n        <slot id=\"content\" name=\"dropdown-content\"></slot>\n      </div>\n    </iron-dropdown>\n"]);
 
-    _templateObject_70a1580022d211eaa0764d1a500fd781 = function _templateObject_70a1580022d211eaa0764d1a500fd781() {
+    _templateObject_2a4efb60243411ea86f395335a802507 = function _templateObject_2a4efb60243411ea86f395335a802507() {
       return data;
     };
 
@@ -64,7 +64,7 @@ define(["exports", "../polymer/polymer-legacy.js", "../iron-dropdown/iron-dropdo
   */
 
   var PaperMenuButton = (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_70a1580022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_2a4efb60243411ea86f395335a802507()),
     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 0ff024ac46d..cb842762cd5 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,10 +1,10 @@
 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";
 
-  function _templateObject_752cd39022d211eaa0764d1a500fd781() {
+  function _templateObject_2f2821c0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_752cd39022d211eaa0764d1a500fd781 = function _templateObject_752cd39022d211eaa0764d1a500fd781() {
+    _templateObject_2f2821c0243411ea86f395335a802507 = function _templateObject_2f2821c0243411ea86f395335a802507() {
       return data;
     };
 
@@ -86,7 +86,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_752cd39022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_2f2821c0243411ea86f395335a802507()),
     is: 'paper-progress',
     behaviors: [_ironRangeBehavior.IronRangeBehavior],
     properties: {
diff --git a/build/es5-amd/node_modules/@polymer/paper-radio-button/paper-radio-button.js b/build/es5-amd/node_modules/@polymer/paper-radio-button/paper-radio-button.js
index c0a778e430e..3cd9e7e50ce 100644
--- a/build/es5-amd/node_modules/@polymer/paper-radio-button/paper-radio-button.js
+++ b/build/es5-amd/node_modules/@polymer/paper-radio-button/paper-radio-button.js
@@ -1,17 +1,17 @@
 define(["../polymer/polymer-legacy.js", "../paper-styles/default-theme.js", "../iron-flex-layout/iron-flex-layout.js", "../paper-behaviors/paper-checked-element-behavior.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js", "../polymer/lib/utils/render-status.js"], function (_polymerLegacy, _defaultTheme, _ironFlexLayout, _paperCheckedElementBehavior, _polymerFn, _htmlTag, _renderStatus) {
   "use strict";
 
-  function _templateObject_78cc8f9022d211eaa0764d1a500fd781() {
+  function _templateObject_337b2830243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n<style>\n  :host {\n    display: inline-block;\n    line-height: 0;\n    white-space: nowrap;\n    cursor: pointer;\n    @apply --paper-font-common-base;\n    --calculated-paper-radio-button-size: var(--paper-radio-button-size, 16px);\n    /* -1px is a sentinel for the default and is replace in `attached`. */\n    --calculated-paper-radio-button-ink-size: var(--paper-radio-button-ink-size, -1px);\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  #radioContainer {\n    @apply --layout-inline;\n    @apply --layout-center-center;\n    position: relative;\n    width: var(--calculated-paper-radio-button-size);\n    height: var(--calculated-paper-radio-button-size);\n    vertical-align: middle;\n\n    @apply --paper-radio-button-radio-container;\n  }\n\n  #ink {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    right: auto;\n    width: var(--calculated-paper-radio-button-ink-size);\n    height: var(--calculated-paper-radio-button-ink-size);\n    color: var(--paper-radio-button-unchecked-ink-color, var(--primary-text-color));\n    opacity: 0.6;\n    pointer-events: none;\n    -webkit-transform: translate(-50%, -50%);\n    transform: translate(-50%, -50%);\n  }\n\n  #ink[checked] {\n    color: var(--paper-radio-button-checked-ink-color, var(--primary-color));\n  }\n\n  #offRadio, #onRadio {\n    position: absolute;\n    box-sizing: border-box;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n  }\n\n  #offRadio {\n    border: 2px solid var(--paper-radio-button-unchecked-color, var(--primary-text-color));\n    background-color: var(--paper-radio-button-unchecked-background-color, transparent);\n    transition: border-color 0.28s;\n  }\n\n  #onRadio {\n    background-color: var(--paper-radio-button-checked-color, var(--primary-color));\n    -webkit-transform: scale(0);\n    transform: scale(0);\n    transition: -webkit-transform ease 0.28s;\n    transition: transform ease 0.28s;\n    will-change: transform;\n  }\n\n  :host([checked]) #offRadio {\n    border-color: var(--paper-radio-button-checked-color, var(--primary-color));\n  }\n\n  :host([checked]) #onRadio {\n    -webkit-transform: scale(0.5);\n    transform: scale(0.5);\n  }\n\n  #radioLabel {\n    line-height: normal;\n    position: relative;\n    display: inline-block;\n    vertical-align: middle;\n    margin-left: var(--paper-radio-button-label-spacing, 10px);\n    white-space: normal;\n    color: var(--paper-radio-button-label-color, var(--primary-text-color));\n\n    @apply --paper-radio-button-label;\n  }\n\n  :host([checked]) #radioLabel {\n    @apply --paper-radio-button-label-checked;\n  }\n\n  #radioLabel:dir(rtl) {\n    margin-left: 0;\n    margin-right: var(--paper-radio-button-label-spacing, 10px);\n  }\n\n  #radioLabel[hidden] {\n    display: none;\n  }\n\n  /* disabled state */\n\n  :host([disabled]) #offRadio {\n    border-color: var(--paper-radio-button-unchecked-color, var(--primary-text-color));\n    opacity: 0.5;\n  }\n\n  :host([disabled][checked]) #onRadio {\n    background-color: var(--paper-radio-button-unchecked-color, var(--primary-text-color));\n    opacity: 0.5;\n  }\n\n  :host([disabled]) #radioLabel {\n    /* slightly darker than the button, so that it's readable */\n    opacity: 0.65;\n  }\n</style>\n\n<div id=\"radioContainer\">\n  <div id=\"offRadio\"></div>\n  <div id=\"onRadio\"></div>\n</div>\n\n<div id=\"radioLabel\"><slot></slot></div>"], ["\n<style>\n  :host {\n    display: inline-block;\n    line-height: 0;\n    white-space: nowrap;\n    cursor: pointer;\n    @apply --paper-font-common-base;\n    --calculated-paper-radio-button-size: var(--paper-radio-button-size, 16px);\n    /* -1px is a sentinel for the default and is replace in \\`attached\\`. */\n    --calculated-paper-radio-button-ink-size: var(--paper-radio-button-ink-size, -1px);\n  }\n\n  :host(:focus) {\n    outline: none;\n  }\n\n  #radioContainer {\n    @apply --layout-inline;\n    @apply --layout-center-center;\n    position: relative;\n    width: var(--calculated-paper-radio-button-size);\n    height: var(--calculated-paper-radio-button-size);\n    vertical-align: middle;\n\n    @apply --paper-radio-button-radio-container;\n  }\n\n  #ink {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    right: auto;\n    width: var(--calculated-paper-radio-button-ink-size);\n    height: var(--calculated-paper-radio-button-ink-size);\n    color: var(--paper-radio-button-unchecked-ink-color, var(--primary-text-color));\n    opacity: 0.6;\n    pointer-events: none;\n    -webkit-transform: translate(-50%, -50%);\n    transform: translate(-50%, -50%);\n  }\n\n  #ink[checked] {\n    color: var(--paper-radio-button-checked-ink-color, var(--primary-color));\n  }\n\n  #offRadio, #onRadio {\n    position: absolute;\n    box-sizing: border-box;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    border-radius: 50%;\n  }\n\n  #offRadio {\n    border: 2px solid var(--paper-radio-button-unchecked-color, var(--primary-text-color));\n    background-color: var(--paper-radio-button-unchecked-background-color, transparent);\n    transition: border-color 0.28s;\n  }\n\n  #onRadio {\n    background-color: var(--paper-radio-button-checked-color, var(--primary-color));\n    -webkit-transform: scale(0);\n    transform: scale(0);\n    transition: -webkit-transform ease 0.28s;\n    transition: transform ease 0.28s;\n    will-change: transform;\n  }\n\n  :host([checked]) #offRadio {\n    border-color: var(--paper-radio-button-checked-color, var(--primary-color));\n  }\n\n  :host([checked]) #onRadio {\n    -webkit-transform: scale(0.5);\n    transform: scale(0.5);\n  }\n\n  #radioLabel {\n    line-height: normal;\n    position: relative;\n    display: inline-block;\n    vertical-align: middle;\n    margin-left: var(--paper-radio-button-label-spacing, 10px);\n    white-space: normal;\n    color: var(--paper-radio-button-label-color, var(--primary-text-color));\n\n    @apply --paper-radio-button-label;\n  }\n\n  :host([checked]) #radioLabel {\n    @apply --paper-radio-button-label-checked;\n  }\n\n  #radioLabel:dir(rtl) {\n    margin-left: 0;\n    margin-right: var(--paper-radio-button-label-spacing, 10px);\n  }\n\n  #radioLabel[hidden] {\n    display: none;\n  }\n\n  /* disabled state */\n\n  :host([disabled]) #offRadio {\n    border-color: var(--paper-radio-button-unchecked-color, var(--primary-text-color));\n    opacity: 0.5;\n  }\n\n  :host([disabled][checked]) #onRadio {\n    background-color: var(--paper-radio-button-unchecked-color, var(--primary-text-color));\n    opacity: 0.5;\n  }\n\n  :host([disabled]) #radioLabel {\n    /* slightly darker than the button, so that it's readable */\n    opacity: 0.65;\n  }\n</style>\n\n<div id=\"radioContainer\">\n  <div id=\"offRadio\"></div>\n  <div id=\"onRadio\"></div>\n</div>\n\n<div id=\"radioLabel\"><slot></slot></div>"]);
 
-    _templateObject_78cc8f9022d211eaa0764d1a500fd781 = function _templateObject_78cc8f9022d211eaa0764d1a500fd781() {
+    _templateObject_337b2830243411ea86f395335a802507 = function _templateObject_337b2830243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_78cc8f9022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_337b2830243411ea86f395335a802507());
   template.setAttribute('strip-whitespace', '');
   /**
   Material design: [Radio button](https://www.google.com/design/spec/components/selection-controls.html#selection-controls-radio-button)
diff --git a/build/es5-amd/node_modules/@polymer/paper-radio-group/paper-radio-group.js b/build/es5-amd/node_modules/@polymer/paper-radio-group/paper-radio-group.js
index 418bec25df6..d93f17b90cb 100644
--- a/build/es5-amd/node_modules/@polymer/paper-radio-group/paper-radio-group.js
+++ b/build/es5-amd/node_modules/@polymer/paper-radio-group/paper-radio-group.js
@@ -1,10 +1,10 @@
 define(["../polymer/polymer-legacy.js", "../iron-a11y-keys-behavior/iron-a11y-keys-behavior.js", "../paper-radio-button/paper-radio-button.js", "../iron-menu-behavior/iron-menubar-behavior.js", "../iron-selector/iron-selectable.js", "../polymer/lib/legacy/polymer-fn.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _ironA11yKeysBehavior, _paperRadioButton, _ironMenubarBehavior, _ironSelectable, _polymerFn, _htmlTag) {
   "use strict";
 
-  function _templateObject_78c7fbb022d211eaa0764d1a500fd781() {
+  function _templateObject_3374bf90243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n      }\n\n      :host ::slotted(*) {\n        padding: var(--paper-radio-group-item-padding, 12px);\n      }\n    </style>\n\n    <slot></slot>\n"]);
 
-    _templateObject_78c7fbb022d211eaa0764d1a500fd781 = function _templateObject_78c7fbb022d211eaa0764d1a500fd781() {
+    _templateObject_3374bf90243411ea86f395335a802507 = function _templateObject_3374bf90243411ea86f395335a802507() {
       return data;
     };
 
@@ -52,7 +52,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_78c7fbb022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_3374bf90243411ea86f395335a802507()),
     is: 'paper-radio-group',
     behaviors: [_ironMenubarBehavior.IronMenubarBehavior],
 
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 6fcaf1e68a0..ae7bb9bb18e 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,10 +1,10 @@
 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";
 
-  function _templateObject_80fa5f3022d211eaa0764d1a500fd781() {
+  function _templateObject_3bb1aa60243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_80fa5f3022d211eaa0764d1a500fd781 = function _templateObject_80fa5f3022d211eaa0764d1a500fd781() {
+    _templateObject_3bb1aa60243411ea86f395335a802507 = function _templateObject_3bb1aa60243411ea86f395335a802507() {
       return data;
     };
 
@@ -307,7 +307,7 @@ define(["../polymer/polymer-legacy.js", "../iron-a11y-keys-behavior/iron-a11y-ke
   */
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_80fa5f3022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_3bb1aa60243411ea86f395335a802507()),
     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 96c9c26178f..49a9118e494 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,17 +1,17 @@
 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";
 
-  function _templateObject_70f4cf3022d211eaa0764d1a500fd781() {
+  function _templateObject_2ab36280243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_70f4cf3022d211eaa0764d1a500fd781 = function _templateObject_70f4cf3022d211eaa0764d1a500fd781() {
+    _templateObject_2ab36280243411ea86f395335a802507 = function _templateObject_2ab36280243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _polymerLegacy.html)(_templateObject_70f4cf3022d211eaa0764d1a500fd781());
+  var template = (0, _polymerLegacy.html)(_templateObject_2ab36280243411ea86f395335a802507());
   template.setAttribute('strip-whitespace', '');
   /**
   Material design:
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 ea9eed93f32..ab4845f0ea1 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,17 +1,17 @@
 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";
 
-  function _templateObject_70fa266022d211eaa0764d1a500fd781() {
+  function _templateObject_2ab78130243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_70fa266022d211eaa0764d1a500fd781 = function _templateObject_70fa266022d211eaa0764d1a500fd781() {
+    _templateObject_2ab78130243411ea86f395335a802507 = function _templateObject_2ab78130243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_70fa266022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_2ab78130243411ea86f395335a802507());
   template.setAttribute('strip-whitespace', '');
   /**
   Material design: [Progress &
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 14db34c1368..917bd216f21 100644
--- a/build/es5-amd/node_modules/@polymer/paper-styles/color.js
+++ b/build/es5-amd/node_modules/@polymer/paper-styles/color.js
@@ -1,17 +1,17 @@
 define(["../polymer/polymer-legacy.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _htmlTag) {
   "use strict";
 
-  function _templateObject_7a5d8fd022d211eaa0764d1a500fd781() {
+  function _templateObject_350c4f80243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_7a5d8fd022d211eaa0764d1a500fd781 = function _templateObject_7a5d8fd022d211eaa0764d1a500fd781() {
+    _templateObject_350c4f80243411ea86f395335a802507 = function _templateObject_350c4f80243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_7a5d8fd022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_350c4f80243411ea86f395335a802507());
   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 2dbd27ec44d..a93f23d77f6 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,17 +1,17 @@
 define(["../polymer/polymer-legacy.js", "./color.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _color, _htmlTag) {
   "use strict";
 
-  function _templateObject_79fd205022d211eaa0764d1a500fd781() {
+  function _templateObject_34a158b0243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_79fd205022d211eaa0764d1a500fd781 = function _templateObject_79fd205022d211eaa0764d1a500fd781() {
+    _templateObject_34a158b0243411ea86f395335a802507 = function _templateObject_34a158b0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_79fd205022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_34a158b0243411ea86f395335a802507());
   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 6abc3f0cd7d..58349ddf4a8 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,17 +1,17 @@
 define(["../../polymer/polymer-legacy.js", "../shadow.js", "../../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _shadow, _htmlTag) {
   "use strict";
 
-  function _templateObject_79fafd7022d211eaa0764d1a500fd781() {
+  function _templateObject_349bb360243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_79fafd7022d211eaa0764d1a500fd781 = function _templateObject_79fafd7022d211eaa0764d1a500fd781() {
+    _templateObject_349bb360243411ea86f395335a802507 = function _templateObject_349bb360243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_79fafd7022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_349bb360243411ea86f395335a802507());
   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 bfba80f4f78..1080b0591e7 100644
--- a/build/es5-amd/node_modules/@polymer/paper-styles/shadow.js
+++ b/build/es5-amd/node_modules/@polymer/paper-styles/shadow.js
@@ -1,17 +1,17 @@
 define(["../polymer/polymer-legacy.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _htmlTag) {
   "use strict";
 
-  function _templateObject_7a1e3ce022d211eaa0764d1a500fd781() {
+  function _templateObject_34c24e30243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_7a1e3ce022d211eaa0764d1a500fd781 = function _templateObject_7a1e3ce022d211eaa0764d1a500fd781() {
+    _templateObject_34c24e30243411ea86f395335a802507 = function _templateObject_34c24e30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_7a1e3ce022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_34c24e30243411ea86f395335a802507());
   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 5e8e8869021..de078098b2f 100644
--- a/build/es5-amd/node_modules/@polymer/paper-styles/typography.js
+++ b/build/es5-amd/node_modules/@polymer/paper-styles/typography.js
@@ -1,17 +1,17 @@
 define(["../polymer/polymer-legacy.js", "../font-roboto/roboto.js", "../polymer/lib/utils/html-tag.js"], function (_polymerLegacy, _roboto, _htmlTag) {
   "use strict";
 
-  function _templateObject_7af1927022d211eaa0764d1a500fd781() {
+  function _templateObject_35adbfa0243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_7af1927022d211eaa0764d1a500fd781 = function _templateObject_7af1927022d211eaa0764d1a500fd781() {
+    _templateObject_35adbfa0243411ea86f395335a802507 = function _templateObject_35adbfa0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_7af1927022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_35adbfa0243411ea86f395335a802507());
   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 eadbc1a050c..4057cf98500 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,10 +1,10 @@
 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";
 
-  function _templateObject_79846de022d211eaa0764d1a500fd781() {
+  function _templateObject_34193cf0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_79846de022d211eaa0764d1a500fd781 = function _templateObject_79846de022d211eaa0764d1a500fd781() {
+    _templateObject_34193cf0243411ea86f395335a802507 = function _templateObject_34193cf0243411ea86f395335a802507() {
       return data;
     };
 
@@ -40,7 +40,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_79846de022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_34193cf0243411ea86f395335a802507()),
     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 e03d0a56970..87e1574529c 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,16 +1,16 @@
 define(["../iron-iconset-svg/iron-iconset-svg.js", "../polymer/lib/utils/html-tag.js"], function (_ironIconsetSvg, _htmlTag) {
   "use strict";
 
-  function _templateObject_7a6000d022d211eaa0764d1a500fd781() {
+  function _templateObject_35129110243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_7a6000d022d211eaa0764d1a500fd781 = function _templateObject_7a6000d022d211eaa0764d1a500fd781() {
+    _templateObject_35129110243411ea86f395335a802507 = function _templateObject_35129110243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_7a6000d022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_35129110243411ea86f395335a802507());
   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 9536443580a..5d30baf17a1 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,10 +1,10 @@
 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";
 
-  function _templateObject_70b8b09022d211eaa0764d1a500fd781() {
+  function _templateObject_2a6a72a0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_70b8b09022d211eaa0764d1a500fd781 = function _templateObject_70b8b09022d211eaa0764d1a500fd781() {
+    _templateObject_2a6a72a0243411ea86f395335a802507 = function _templateObject_2a6a72a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -86,7 +86,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_70b8b09022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_2a6a72a0243411ea86f395335a802507()),
     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 251cafd3293..50e35ef5865 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,10 +1,10 @@
 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";
 
-  function _templateObject_70a883f022d211eaa0764d1a500fd781() {
+  function _templateObject_2a575fd0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_70a883f022d211eaa0764d1a500fd781 = function _templateObject_70a883f022d211eaa0764d1a500fd781() {
+    _templateObject_2a575fd0243411ea86f395335a802507 = function _templateObject_2a575fd0243411ea86f395335a802507() {
       return data;
     };
 
@@ -68,7 +68,7 @@ define(["../iron-a11y-announcer/iron-a11y-announcer.js", "../iron-overlay-behavi
   */
 
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_70a883f022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_2a575fd0243411ea86f395335a802507()),
     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 4801b721ece..dfa3b53e9d3 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,17 +1,17 @@
 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";
 
-  function _templateObject_70d475f022d211eaa0764d1a500fd781() {
+  function _templateObject_2a859bc0243411ea86f395335a802507() {
     var data = 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  "]);
 
-    _templateObject_70d475f022d211eaa0764d1a500fd781 = function _templateObject_70d475f022d211eaa0764d1a500fd781() {
+    _templateObject_2a859bc0243411ea86f395335a802507 = function _templateObject_2a859bc0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var template = (0, _htmlTag.html)(_templateObject_70d475f022d211eaa0764d1a500fd781());
+  var template = (0, _htmlTag.html)(_templateObject_2a859bc0243411ea86f395335a802507());
   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/paper-tooltip/paper-tooltip.js b/build/es5-amd/node_modules/@polymer/paper-tooltip/paper-tooltip.js
index b3a1b0685e3..bbcbaa67c35 100644
--- a/build/es5-amd/node_modules/@polymer/paper-tooltip/paper-tooltip.js
+++ b/build/es5-amd/node_modules/@polymer/paper-tooltip/paper-tooltip.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"], function (_polymerLegacy, _polymerFn, _polymerDom, _htmlTag) {
   "use strict";
 
-  function _templateObject_755e91f022d211eaa0764d1a500fd781() {
+  function _templateObject_2f5c9f40243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n    <style>\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        @apply --paper-font-common-base;\n        font-size: 10px;\n        line-height: 1;\n        background-color: var(--paper-tooltip-background, #616161);\n        color: var(--paper-tooltip-text-color, white);\n        padding: 8px;\n        border-radius: 2px;\n        @apply --paper-tooltip;\n      }\n\n      @keyframes keyFrameScaleUp {\n        0% {\n          transform: scale(0.0);\n        }\n        100% {\n          transform: scale(1.0);\n        }\n      }\n\n      @keyframes keyFrameScaleDown {\n        0% {\n          transform: scale(1.0);\n        }\n        100% {\n          transform: scale(0.0);\n        }\n      }\n\n      @keyframes keyFrameFadeInOpacity {\n        0% {\n          opacity: 0;\n        }\n        100% {\n          opacity: var(--paper-tooltip-opacity, 0.9);\n        }\n      }\n\n      @keyframes keyFrameFadeOutOpacity {\n        0% {\n          opacity: var(--paper-tooltip-opacity, 0.9);\n        }\n        100% {\n          opacity: 0;\n        }\n      }\n\n      @keyframes keyFrameSlideDownIn {\n        0% {\n          transform: translateY(-2000px);\n          opacity: 0;\n        }\n        10% {\n          opacity: 0.2;\n        }\n        100% {\n          transform: translateY(0);\n          opacity: var(--paper-tooltip-opacity, 0.9);\n        }\n      }\n\n      @keyframes keyFrameSlideDownOut {\n        0% {\n          transform: translateY(0);\n          opacity: var(--paper-tooltip-opacity, 0.9);\n        }\n        10% {\n          opacity: 0.2;\n        }\n        100% {\n          transform: translateY(-2000px);\n          opacity: 0;\n        }\n      }\n\n      .fade-in-animation {\n        opacity: 0;\n        animation-delay: var(--paper-tooltip-delay-in, 500ms);\n        animation-name: keyFrameFadeInOpacity;\n        animation-iteration-count: 1;\n        animation-timing-function: ease-in;\n        animation-duration: var(--paper-tooltip-duration-in, 500ms);\n        animation-fill-mode: forwards;\n        @apply --paper-tooltip-animation;\n      }\n\n      .fade-out-animation {\n        opacity: var(--paper-tooltip-opacity, 0.9);\n        animation-delay: var(--paper-tooltip-delay-out, 0ms);\n        animation-name: keyFrameFadeOutOpacity;\n        animation-iteration-count: 1;\n        animation-timing-function: ease-in;\n        animation-duration: var(--paper-tooltip-duration-out, 500ms);\n        animation-fill-mode: forwards;\n        @apply --paper-tooltip-animation;\n      }\n\n      .scale-up-animation {\n        transform: scale(0);\n        opacity: var(--paper-tooltip-opacity, 0.9);\n        animation-delay: var(--paper-tooltip-delay-in, 500ms);\n        animation-name: keyFrameScaleUp;\n        animation-iteration-count: 1;\n        animation-timing-function: ease-in;\n        animation-duration: var(--paper-tooltip-duration-in, 500ms);\n        animation-fill-mode: forwards;\n        @apply --paper-tooltip-animation;\n      }\n\n      .scale-down-animation {\n        transform: scale(1);\n        opacity: var(--paper-tooltip-opacity, 0.9);\n        animation-delay: var(--paper-tooltip-delay-out, 500ms);\n        animation-name: keyFrameScaleDown;\n        animation-iteration-count: 1;\n        animation-timing-function: ease-in;\n        animation-duration: var(--paper-tooltip-duration-out, 500ms);\n        animation-fill-mode: forwards;\n        @apply --paper-tooltip-animation;\n      }\n\n      .slide-down-animation {\n        transform: translateY(-2000px);\n        opacity: 0;\n        animation-delay: var(--paper-tooltip-delay-out, 500ms);\n        animation-name: keyFrameSlideDownIn;\n        animation-iteration-count: 1;\n        animation-timing-function: cubic-bezier(0.0, 0.0, 0.2, 1);\n        animation-duration: var(--paper-tooltip-duration-out, 500ms);\n        animation-fill-mode: forwards;\n        @apply --paper-tooltip-animation;\n      }\n\n      .slide-down-animation-out {\n        transform: translateY(0);\n        opacity: var(--paper-tooltip-opacity, 0.9);\n        animation-delay: var(--paper-tooltip-delay-out, 500ms);\n        animation-name: keyFrameSlideDownOut;\n        animation-iteration-count: 1;\n        animation-timing-function: cubic-bezier(0.4, 0.0, 1, 1);\n        animation-duration: var(--paper-tooltip-duration-out, 500ms);\n        animation-fill-mode: forwards;\n        @apply --paper-tooltip-animation;\n      }\n\n      .cancel-animation {\n        animation-delay: -30s !important;\n      }\n\n      /* Thanks IE 10. */\n\n      .hidden {\n        display: none !important;\n      }\n    </style>\n\n    <div id=\"tooltip\" class=\"hidden\">\n      <slot></slot>\n    </div>\n"]);
 
-    _templateObject_755e91f022d211eaa0764d1a500fd781 = function _templateObject_755e91f022d211eaa0764d1a500fd781() {
+    _templateObject_2f5c9f40243411ea86f395335a802507 = function _templateObject_2f5c9f40243411ea86f395335a802507() {
       return data;
     };
 
@@ -50,7 +50,7 @@ define(["../polymer/polymer-legacy.js", "../polymer/lib/legacy/polymer-fn.js", "
   @demo demo/index.html
   */
   (0, _polymerFn.Polymer)({
-    _template: (0, _htmlTag.html)(_templateObject_755e91f022d211eaa0764d1a500fd781()),
+    _template: (0, _htmlTag.html)(_templateObject_2f5c9f40243411ea86f395335a802507()),
     is: 'paper-tooltip',
     hostAttributes: {
       role: 'tooltip',
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 fda2dc96f3c..af2843b1253 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.ButtonElement = void 0;
 
-  function _templateObject_a44f2bf022d211eaa0764d1a500fd781() {
+  function _templateObject_62967bb0243411ea86f395335a802507() {
     var data = 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        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        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"]);
 
-    _templateObject_a44f2bf022d211eaa0764d1a500fd781 = function _templateObject_a44f2bf022d211eaa0764d1a500fd781() {
+    _templateObject_62967bb0243411ea86f395335a802507 = function _templateObject_62967bb0243411ea86f395335a802507() {
       return data;
     };
 
@@ -127,7 +127,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_a44f2bf022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_62967bb0243411ea86f395335a802507());
       }
     }, {
       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 4518b2fd493..083ca0ec35a 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,16 +1,16 @@
 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";
 
-  function _templateObject_aa481a3022d211eaa0764d1a500fd781() {
+  function _templateObject_662547c0243411ea86f395335a802507() {
     var data = 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    </style>\n  </template>\n</dom-module>"]);
 
-    _templateObject_aa481a3022d211eaa0764d1a500fd781 = function _templateObject_aa481a3022d211eaa0764d1a500fd781() {
+    _templateObject_662547c0243411ea86f395335a802507 = function _templateObject_662547c0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa481a3022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_662547c0243411ea86f395335a802507());
   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 2a40bf7acc2..949ff0887e7 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,16 +1,16 @@
 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";
 
-  function _templateObject_aa49049022d211eaa0764d1a500fd781() {
+  function _templateObject_66263220243411ea86f395335a802507() {
     var data = 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    </style>\n  </template>\n</dom-module>"]);
 
-    _templateObject_aa49049022d211eaa0764d1a500fd781 = function _templateObject_aa49049022d211eaa0764d1a500fd781() {
+    _templateObject_66263220243411ea86f395335a802507 = function _templateObject_66263220243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa49049022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_66263220243411ea86f395335a802507());
   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 6605e0de5f9..7857f91fdbd 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.CheckboxGroupElement = void 0;
 
-  function _templateObject_a8d2b84022d211eaa0764d1a500fd781() {
+  function _templateObject_629b0f90243411ea86f395335a802507() {
     var data = 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=\"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=\"error-message\" aria-live=\"assertive\" aria-hidden\\$=\"[[_getErrorMessageAriaHidden(invalid, errorMessage)]]\">[[errorMessage]]</div>\n\n    </div>\n"]);
 
-    _templateObject_a8d2b84022d211eaa0764d1a500fd781 = function _templateObject_a8d2b84022d211eaa0764d1a500fd781() {
+    _templateObject_629b0f90243411ea86f395335a802507 = function _templateObject_629b0f90243411ea86f395335a802507() {
       return data;
     };
 
@@ -241,7 +241,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_a8d2b84022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_629b0f90243411ea86f395335a802507());
       }
     }, {
       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 111d22c4128..75c9c1e9b90 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.CheckboxElement = void 0;
 
-  function _templateObject_a8d7e86022d211eaa0764d1a500fd781() {
+  function _templateObject_629ff190243411ea86f395335a802507() {
     var data = 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        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        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"]);
 
-    _templateObject_a8d7e86022d211eaa0764d1a500fd781 = function _templateObject_a8d7e86022d211eaa0764d1a500fd781() {
+    _templateObject_629ff190243411ea86f395335a802507 = function _templateObject_629ff190243411ea86f395335a802507() {
       return data;
     };
 
@@ -62,7 +62,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     babelHelpers.createClass(CheckboxElement, null, [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_a8d7e86022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_629ff190243411ea86f395335a802507());
       }
     }, {
       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 6859bb2eeb7..98351f5956a 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,16 +1,16 @@
 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";
 
-  function _templateObject_aa49a0d022d211eaa0764d1a500fd781() {
+  function _templateObject_6626f570243411ea86f395335a802507() {
     var data = 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        color: var(--lumo-body-text-color);\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>"]);
 
-    _templateObject_aa49a0d022d211eaa0764d1a500fd781 = function _templateObject_aa49a0d022d211eaa0764d1a500fd781() {
+    _templateObject_6626f570243411ea86f395335a802507 = function _templateObject_6626f570243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa49a0d022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_6626f570243411ea86f395335a802507());
   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 e195d08d4fc..c06c61f25b7 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,16 +1,16 @@
 define(["../../../vaadin-lumo-styles/color.js", "../../../vaadin-lumo-styles/style.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _style, _htmlTag) {
   "use strict";
 
-  function _templateObject_aa4b277022d211eaa0764d1a500fd781() {
+  function _templateObject_6627dfd0243411ea86f395335a802507() {
     var data = 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);\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    </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);\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    </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>"]);
 
-    _templateObject_aa4b277022d211eaa0764d1a500fd781 = function _templateObject_aa4b277022d211eaa0764d1a500fd781() {
+    _templateObject_6627dfd0243411ea86f395335a802507 = function _templateObject_6627dfd0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa4b277022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_6627dfd0243411ea86f395335a802507());
   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 6d5caf85441..7f999300116 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,16 +1,16 @@
 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";
 
-  function _templateObject_aa66298022d211eaa0764d1a500fd781() {
+  function _templateObject_66415b40243411ea86f395335a802507() {
     var data = 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\"]) {\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    </style>\n  </template>\n</dom-module>"]);
 
-    _templateObject_aa66298022d211eaa0764d1a500fd781 = function _templateObject_aa66298022d211eaa0764d1a500fd781() {
+    _templateObject_66415b40243411ea86f395335a802507 = function _templateObject_66415b40243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa66298022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_66415b40243411ea86f395335a802507());
   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 9ac39cfd42d..ad2eef3f70a 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,16 +1,16 @@
 define(["../../../vaadin-material-styles/color.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _htmlTag) {
   "use strict";
 
-  function _templateObject_aa66ecd022d211eaa0764d1a500fd781() {
+  function _templateObject_66421e90243411ea86f395335a802507() {
     var data = 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    </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    </style>\n  </template>\n</dom-module>"]);
 
-    _templateObject_aa66ecd022d211eaa0764d1a500fd781 = function _templateObject_aa66ecd022d211eaa0764d1a500fd781() {
+    _templateObject_66421e90243411ea86f395335a802507 = function _templateObject_66421e90243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa66ecd022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_66421e90243411ea86f395335a802507());
   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 290c767de6e..0f46d8335fc 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,10 +6,10 @@ define(["exports", "./vaadin-grid-column.js", "./vaadin-grid-filter.js", "../../
   });
   _exports.GridFilterColumnElement = void 0;
 
-  function _templateObject_a943c99022d211eaa0764d1a500fd781() {
+  function _templateObject_6522a4d0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_a943c99022d211eaa0764d1a500fd781 = function _templateObject_a943c99022d211eaa0764d1a500fd781() {
+    _templateObject_6522a4d0243411ea86f395335a802507 = function _templateObject_6522a4d0243411ea86f395335a802507() {
       return data;
     };
 
@@ -58,7 +58,7 @@ define(["exports", "./vaadin-grid-column.js", "./vaadin-grid-filter.js", "../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_a943c99022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_6522a4d0243411ea86f395335a802507());
       }
     }, {
       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 93c84ecda25..f4427afc3bd 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-legacy.js", "../../vaadin-
   });
   _exports.GridFilterElement = void 0;
 
-  function _templateObject_a947731022d211eaa0764d1a500fd781() {
+  function _templateObject_652711a0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_a947731022d211eaa0764d1a500fd781 = function _templateObject_a947731022d211eaa0764d1a500fd781() {
+    _templateObject_652711a0243411ea86f395335a802507 = function _templateObject_652711a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -89,7 +89,7 @@ define(["exports", "../../../@polymer/polymer/polymer-legacy.js", "../../vaadin-
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_a947731022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_652711a0243411ea86f395335a802507());
       }
     }, {
       key: "is",
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-outer-scroller.js b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-outer-scroller.js
index 5f23dd539ac..d6b63165dfd 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-outer-scroller.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-grid/src/vaadin-grid-outer-scroller.js
@@ -1,10 +1,10 @@
 define(["../../../@polymer/polymer/polymer-element.js", "../../../@polymer/polymer/lib/utils/html-tag.js"], function (_polymerElement, _htmlTag) {
   "use strict";
 
-  function _templateObject_a97057d022d211eaa0764d1a500fd781() {
+  function _templateObject_6536c910243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        height: 100%;\n        width: 100%;\n        position: absolute;\n        top: 0;\n        box-sizing: border-box;\n        overflow: auto;\n      }\n\n      :host([passthrough]) {\n        pointer-events: none;\n      }\n    </style>\n\n    <slot></slot>\n"]);
 
-    _templateObject_a97057d022d211eaa0764d1a500fd781 = function _templateObject_a97057d022d211eaa0764d1a500fd781() {
+    _templateObject_6536c910243411ea86f395335a802507 = function _templateObject_6536c910243411ea86f395335a802507() {
       return data;
     };
 
@@ -81,7 +81,7 @@ define(["../../../@polymer/polymer/polymer-element.js", "../../../@polymer/polym
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_a97057d022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_6536c910243411ea86f395335a802507());
       }
     }, {
       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 6997da90121..90f0ae9caed 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-legacy.js", "./vaadin-grid
   });
   _exports.GridSelectionColumnElement = void 0;
 
-  function _templateObject_a98cb97022d211eaa0764d1a500fd781() {
+  function _templateObject_656d6970243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_a98cb97022d211eaa0764d1a500fd781 = function _templateObject_a98cb97022d211eaa0764d1a500fd781() {
+    _templateObject_656d6970243411ea86f395335a802507 = function _templateObject_656d6970243411ea86f395335a802507() {
       return data;
     };
 
@@ -92,7 +92,7 @@ define(["exports", "../../../@polymer/polymer/polymer-legacy.js", "./vaadin-grid
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_a98cb97022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_656d6970243411ea86f395335a802507());
       }
     }, {
       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 08f54bc8205..404f66247d5 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,10 +6,10 @@ define(["exports", "./vaadin-grid-column.js", "./vaadin-grid-sorter.js", "../../
   });
   _exports.GridSortColumnElement = void 0;
 
-  function _templateObject_a9908a0022d211eaa0764d1a500fd781() {
+  function _templateObject_657076b0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_a9908a0022d211eaa0764d1a500fd781 = function _templateObject_a9908a0022d211eaa0764d1a500fd781() {
+    _templateObject_657076b0243411ea86f395335a802507 = function _templateObject_657076b0243411ea86f395335a802507() {
       return data;
     };
 
@@ -58,7 +58,7 @@ define(["exports", "./vaadin-grid-column.js", "./vaadin-grid-sorter.js", "../../
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_a9908a0022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_657076b0243411ea86f395335a802507());
       }
     }, {
       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 68dcd0b0327..0efb4e5d00b 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-legacy.js", "../../../@pol
   });
   _exports.GridSorterElement = void 0;
 
-  function _templateObject_a996566022d211eaa0764d1a500fd781() {
+  function _templateObject_65764310243411ea86f395335a802507() {
     var data = 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      }\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      }\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"]);
 
-    _templateObject_a996566022d211eaa0764d1a500fd781 = function _templateObject_a996566022d211eaa0764d1a500fd781() {
+    _templateObject_65764310243411ea86f395335a802507 = function _templateObject_65764310243411ea86f395335a802507() {
       return data;
     };
 
@@ -144,7 +144,7 @@ define(["exports", "../../../@polymer/polymer/polymer-legacy.js", "../../../@pol
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_a996566022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_65764310243411ea86f395335a802507());
       }
     }, {
       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 98b6375c9ea..43ca42c5799 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";
 
-  function _templateObject_a99740c022d211eaa0764d1a500fd781() {
+  function _templateObject_65770660243411ea86f395335a802507() {
     var data = 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    #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      height: auto;\n      align-self: flex-start;\n      flex-grow: 0;\n      width: 100%;\n    }\n\n    :host([height-by-rows]) #scroller {\n      width: 100%;\n      height: 100%;\n      position: relative;\n    }\n\n    #table {\n      display: block;\n      width: 100%;\n      height: 100%;\n      overflow: auto;\n      z-index: -2;\n      position: relative;\n      outline: none;\n    }\n\n    #header {\n      display: block;\n      position: absolute;\n      top: 0;\n      width: 100%;\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      display: block;\n      position: absolute;\n      bottom: 0;\n      width: 100%;\n    }\n\n    #items {\n      display: block;\n      width: 100%;\n      position: relative;\n      z-index: -1;\n    }\n\n    #items,\n    #outersizer,\n    #fixedsizer {\n      border-top: 0 solid transparent;\n      border-bottom: 0 solid transparent;\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    #outerscroller {\n      /* Needed (at least) for Android Chrome */\n      z-index: 0;\n    }\n\n    #scroller:not([safari]) #outerscroller {\n      /* Needed for Android Chrome (#1020). Can't be applied to Safari\n      since it would re-introduce the sub-pixel overflow bug (#853) */\n      will-change: transform;\n    }\n\n    [no-scrollbars]:not([safari]):not([firefox]) #outerscroller,\n    [no-scrollbars][safari] #table,\n    [no-scrollbars][firefox] #table {\n      overflow: hidden;\n    }\n\n    [no-scrollbars]:not([safari]):not([firefox]) #outerscroller {\n      pointer-events: none;\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    :host([reordering]) #outerscroller {\n      -webkit-overflow-scrolling: auto !important;\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: relative;\n      width: 100%;\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      margin-top: -1em;\n      height: 0 !important;\n      min-height: 0 !important;\n      max-height: 0 !important;\n      padding: 0 !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    /* Fixed mode (Tablet Edge) */\n    #fixedsizer {\n      position: absolute;\n    }\n\n    :not([edge][no-scrollbars]) #fixedsizer {\n      display: none;\n    }\n\n    [edge][no-scrollbars] {\n      /* Any value other than \u2018none\u2019 for the transform results in the creation of both a stacking context and\n      a containing block. The object acts as a containing block for fixed positioned descendants. */\n      transform: translateZ(0);\n      overflow: hidden;\n    }\n\n    [edge][no-scrollbars] #header,\n    [edge][no-scrollbars] #footer {\n      position: fixed;\n    }\n\n    [edge][no-scrollbars] #items {\n      position: fixed;\n      width: 100%;\n      will-change: transform;\n    }\n  </style>\n"]);
 
-    _templateObject_a99740c022d211eaa0764d1a500fd781 = function _templateObject_a99740c022d211eaa0764d1a500fd781() {
+    _templateObject_65770660243411ea86f395335a802507 = function _templateObject_65770660243411ea86f395335a802507() {
       return data;
     };
 
@@ -13,7 +13,7 @@ define(["../../../@polymer/polymer/lib/elements/dom-module.js", "../../../@polym
 
   var VaadinGridStyles = document.createElement('dom-module'); // NOTE(web-padawan): https://github.com/vaadin/vaadin-grid/issues/1514
 
-  VaadinGridStyles.appendChild((0, _htmlTag.html)(_templateObject_a99740c022d211eaa0764d1a500fd781()));
+  VaadinGridStyles.appendChild((0, _htmlTag.html)(_templateObject_65770660243411ea86f395335a802507()));
   var safari = /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
   var firefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
 
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 fff3a911436..b9eba3ecb12 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,10 +6,10 @@ define(["exports", "./vaadin-grid-column.js", "./vaadin-grid-tree-toggle.js", ".
   });
   _exports.GridTreeColumnElement = void 0;
 
-  function _templateObject_a99df78022d211eaa0764d1a500fd781() {
+  function _templateObject_657e0b40243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_a99df78022d211eaa0764d1a500fd781 = function _templateObject_a99df78022d211eaa0764d1a500fd781() {
+    _templateObject_657e0b40243411ea86f395335a802507 = function _templateObject_657e0b40243411ea86f395335a802507() {
       return data;
     };
 
@@ -63,7 +63,7 @@ define(["exports", "./vaadin-grid-column.js", "./vaadin-grid-tree-toggle.js", ".
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_a99df78022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_657e0b40243411ea86f395335a802507());
       }
     }, {
       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 e413af4b4ec..50931703e71 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.GridTreeToggleElement = void 0;
 
-  function _templateObject_a9a0417022d211eaa0764d1a500fd781() {
+  function _templateObject_65802e20243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_a9a0417022d211eaa0764d1a500fd781 = function _templateObject_a9a0417022d211eaa0764d1a500fd781() {
+    _templateObject_65802e20243411ea86f395335a802507 = function _templateObject_65802e20243411ea86f395335a802507() {
       return data;
     };
 
@@ -112,7 +112,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_a9a0417022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_65802e20243411ea86f395335a802507());
       }
     }, {
       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 819fd19b26e..daeb421a7ed 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-legacy.js", "../../vaadin-
   });
   _exports.GridElement = void 0;
 
-  function _templateObject_a9ae242022d211eaa0764d1a500fd781() {
+  function _templateObject_658f7060243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n    <style include=\"vaadin-grid-styles\"></style>\n\n    <div id=\"scroller\" no-scrollbars$=\"[[!_scrollbarWidth]]\" wheel-scrolling$=\"[[_wheelScrolling]]\" safari$=\"[[_safari]]\" ios$=\"[[_ios]]\" loading$=\"[[loading]]\" edge$=\"[[_edge]]\" firefox$=\"[[_firefox]]\" ie$=\"[[_ie]]\" column-reordering-allowed$=\"[[columnReorderingAllowed]]\">\n\n      <table id=\"table\" role=\"grid\" aria-multiselectable=\"true\" tabindex=\"0\">\n        <caption id=\"fixedsizer\" class=\"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      <vaadin-grid-outer-scroller id=\"outerscroller\" _touch-device=\"[[_touchDevice]]\" scroll-target=\"[[scrollTarget]]\" scroll-handler=\"[[_this]]\" no-scrollbars=\"[[!_scrollbarWidth]]\">\n        <div id=\"outersizer\" class=\"sizer\" part=\"row\"></div>\n      </vaadin-grid-outer-scroller>\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\" no-scrollbars\\$=\"[[!_scrollbarWidth]]\" wheel-scrolling\\$=\"[[_wheelScrolling]]\" safari\\$=\"[[_safari]]\" ios\\$=\"[[_ios]]\" loading\\$=\"[[loading]]\" edge\\$=\"[[_edge]]\" firefox\\$=\"[[_firefox]]\" ie\\$=\"[[_ie]]\" column-reordering-allowed\\$=\"[[columnReorderingAllowed]]\">\n\n      <table id=\"table\" role=\"grid\" aria-multiselectable=\"true\" tabindex=\"0\">\n        <caption id=\"fixedsizer\" class=\"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      <vaadin-grid-outer-scroller id=\"outerscroller\" _touch-device=\"[[_touchDevice]]\" scroll-target=\"[[scrollTarget]]\" scroll-handler=\"[[_this]]\" no-scrollbars=\"[[!_scrollbarWidth]]\">\n        <div id=\"outersizer\" class=\"sizer\" part=\"row\"></div>\n      </vaadin-grid-outer-scroller>\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"]);
 
-    _templateObject_a9ae242022d211eaa0764d1a500fd781 = function _templateObject_a9ae242022d211eaa0764d1a500fd781() {
+    _templateObject_658f7060243411ea86f395335a802507 = function _templateObject_658f7060243411ea86f395335a802507() {
       return data;
     };
 
@@ -267,7 +267,7 @@ define(["exports", "../../../@polymer/polymer/polymer-legacy.js", "../../vaadin-
     babelHelpers.createClass(GridElement, null, [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_a9ae242022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_658f7060243411ea86f395335a802507());
       }
     }, {
       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 f0ee1bc64fe..25430db0dfb 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,16 +1,16 @@
 define(["../../../vaadin-lumo-styles/color.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _htmlTag) {
   "use strict";
 
-  function _templateObject_aa69d30022d211eaa0764d1a500fd781() {
+  function _templateObject_66448f90243411ea86f395335a802507() {
     var data = 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    </style>\n  </template>\n</dom-module>"]);
 
-    _templateObject_aa69d30022d211eaa0764d1a500fd781 = function _templateObject_aa69d30022d211eaa0764d1a500fd781() {
+    _templateObject_66448f90243411ea86f395335a802507 = function _templateObject_66448f90243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa69d30022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_66448f90243411ea86f395335a802507());
   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 89967cc46f6..a9212ea99bd 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,16 +1,16 @@
 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";
 
-  function _templateObject_aa6ae47022d211eaa0764d1a500fd781() {
+  function _templateObject_66468b60243411ea86f395335a802507() {
     var data = 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      /* 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      [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    </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>"]);
 
-    _templateObject_aa6ae47022d211eaa0764d1a500fd781 = function _templateObject_aa6ae47022d211eaa0764d1a500fd781() {
+    _templateObject_66468b60243411ea86f395335a802507 = function _templateObject_66468b60243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa6ae47022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_66468b60243411ea86f395335a802507());
   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 9a20f1a9181..24fce41b6d6 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,16 +1,16 @@
 define(["../../../vaadin-lumo-styles/color.js", "../../../vaadin-lumo-styles/spacing.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _spacing, _htmlTag) {
   "use strict";
 
-  function _templateObject_aa83c3a022d211eaa0764d1a500fd781() {
+  function _templateObject_66474eb0243411ea86f395335a802507() {
     var data = 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        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    </style>\n  </template>\n</dom-module>"]);
 
-    _templateObject_aa83c3a022d211eaa0764d1a500fd781 = function _templateObject_aa83c3a022d211eaa0764d1a500fd781() {
+    _templateObject_66474eb0243411ea86f395335a802507 = function _templateObject_66474eb0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa83c3a022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_66474eb0243411ea86f395335a802507());
   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 3e39c9aca48..9e9c4e20ec7 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,16 +1,16 @@
 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";
 
-  function _templateObject_aa876d2022d211eaa0764d1a500fd781() {
+  function _templateObject_66618d70243411ea86f395335a802507() {
     var data = 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    </style>\n  </template>\n</dom-module>"]);
 
-    _templateObject_aa876d2022d211eaa0764d1a500fd781 = function _templateObject_aa876d2022d211eaa0764d1a500fd781() {
+    _templateObject_66618d70243411ea86f395335a802507 = function _templateObject_66618d70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa876d2022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_66618d70243411ea86f395335a802507());
   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 de2adb60b31..7f7648069ac 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,16 +1,16 @@
 define(["../../../vaadin-material-styles/color.js", "../../../vaadin-material-styles/typography.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _typography, _htmlTag) {
   "use strict";
 
-  function _templateObject_aa88307022d211eaa0764d1a500fd781() {
+  function _templateObject_66631410243411ea86f395335a802507() {
     var data = 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      [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      [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    </style>\n  </template>\n</dom-module>"]);
 
-    _templateObject_aa88307022d211eaa0764d1a500fd781 = function _templateObject_aa88307022d211eaa0764d1a500fd781() {
+    _templateObject_66631410243411ea86f395335a802507 = function _templateObject_66631410243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa88307022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_66631410243411ea86f395335a802507());
   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 66a8537a3e8..7b6ba626a92 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,16 +1,16 @@
 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";
 
-  function _templateObject_aa88f3c022d211eaa0764d1a500fd781() {
+  function _templateObject_66644c90243411ea86f395335a802507() {
     var data = 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        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>"]);
 
-    _templateObject_aa88f3c022d211eaa0764d1a500fd781 = function _templateObject_aa88f3c022d211eaa0764d1a500fd781() {
+    _templateObject_66644c90243411ea86f395335a802507 = function _templateObject_66644c90243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa88f3c022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_66644c90243411ea86f395335a802507());
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-material-styles/typography.js b/build/es5-amd/node_modules/@vaadin/vaadin-material-styles/typography.js
index e1f4a22bec6..86f9fb76bbc 100644
--- a/build/es5-amd/node_modules/@vaadin/vaadin-material-styles/typography.js
+++ b/build/es5-amd/node_modules/@vaadin/vaadin-material-styles/typography.js
@@ -1,16 +1,16 @@
 define(["./version.js", "../../@polymer/polymer/lib/elements/custom-style.js", "../../@polymer/polymer/lib/elements/dom-module.js", "../../@polymer/polymer/lib/utils/html-tag.js", "./font-roboto.js"], function (_version, _customStyle, _domModule, _htmlTag, _fontRoboto) {
   "use strict";
 
-  function _templateObject_acde075022d211eaa0764d1a500fd781() {
+  function _templateObject_68daf1e0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["<custom-style>\n  <style>\n    html {\n      /* Font family */\n      --material-font-family: 'Roboto', sans-serif;\n\n      /* Font sizes */\n      --material-h1-font-size: 6rem;\n      --material-h2-font-size: 3.75rem;\n      --material-h3-font-size: 3rem;\n      --material-h4-font-size: 2.125rem;\n      --material-h5-font-size: 1.5rem;\n      --material-h6-font-size: 1.25rem;\n      --material-body-font-size: 1rem;\n      --material-small-font-size: 0.875rem;\n      --material-button-font-size: 0.875rem;\n      --material-caption-font-size: 0.75rem;\n\n      /* Icon size */\n      --material-icon-font-size: 20px;\n    }\n  </style>\n</custom-style><dom-module id=\"material-typography\">\n  <template>\n    <style>\n      body {\n        font-family: var(--material-font-family);\n        font-size: var(--material-body-font-size);\n        line-height: 1.4;\n        -webkit-text-size-adjust: 100%;\n        -webkit-font-smoothing: antialiased;\n        -moz-osx-font-smoothing: grayscale;\n      }\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        color: inherit;\n        line-height: 1.1;\n        margin-top: 1.5em;\n      }\n\n      h1 {\n        font-size: var(--material-h3-font-size);\n        font-weight: 300;\n        letter-spacing: -0.015em;\n        margin-bottom: 1em;\n        text-indent: -0.07em;\n      }\n\n      h2 {\n        font-size: var(--material-h4-font-size);\n        font-weight: 300;\n        letter-spacing: -0.01em;\n        margin-bottom: 0.75em;\n        text-indent: -0.07em;\n      }\n\n      h3 {\n        font-size: var(--material-h5-font-size);\n        font-weight: 400;\n        margin-bottom: 0.75em;\n        text-indent: -0.05em;\n      }\n\n      h4 {\n        font-size: var(--material-h6-font-size);\n        font-weight: 400;\n        letter-spacing: 0.01em;\n        margin-bottom: 0.75em;\n        text-indent: -0.05em;\n      }\n\n      h5 {\n        font-size: var(--material-body-font-size);\n        font-weight: 500;\n        margin-bottom: 0.5em;\n        text-indent: -0.025em;\n      }\n\n      h6 {\n        font-size: var(--material-small-font-size);\n        font-weight: 500;\n        letter-spacing: 0.01em;\n        margin-bottom: 0.25em;\n        text-indent: -0.025em;\n      }\n\n      a,\n      b,\n      strong {\n        font-weight: 500;\n      }\n    </style>\n  </template>\n</dom-module>"]);
 
-    _templateObject_acde075022d211eaa0764d1a500fd781 = function _templateObject_acde075022d211eaa0764d1a500fd781() {
+    _templateObject_68daf1e0243411ea86f395335a802507 = function _templateObject_68daf1e0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_acde075022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_68daf1e0243411ea86f395335a802507());
   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 20ab394aeb3..7b813b3455b 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./vaadin-pro
   });
   _exports.ProgressBarElement = void 0;
 
-  function _templateObject_a9cca8a022d211eaa0764d1a500fd781() {
+  function _templateObject_65ab83e0243411ea86f395335a802507() {
     var data = 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    </style>\n\n    <div part=\"bar\">\n      <div part=\"value\"></div>\n    </div>\n"]);
 
-    _templateObject_a9cca8a022d211eaa0764d1a500fd781 = function _templateObject_a9cca8a022d211eaa0764d1a500fd781() {
+    _templateObject_65ab83e0243411ea86f395335a802507 = function _templateObject_65ab83e0243411ea86f395335a802507() {
       return data;
     };
 
@@ -65,7 +65,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./vaadin-pro
     babelHelpers.createClass(ProgressBarElement, null, [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_a9cca8a022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_65ab83e0243411ea86f395335a802507());
       }
     }, {
       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 397ccd634ce..eaa30aca217 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,17 +1,17 @@
 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";
 
-  function _templateObject_aa8e23e022d211eaa0764d1a500fd781() {
+  function _templateObject_66722f40243411ea86f395335a802507() {
     var data = 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    </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>"]);
 
-    _templateObject_aa8e23e022d211eaa0764d1a500fd781 = function _templateObject_aa8e23e022d211eaa0764d1a500fd781() {
+    _templateObject_66722f40243411ea86f395335a802507 = function _templateObject_66722f40243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa8e23e022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_66722f40243411ea86f395335a802507());
   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 786968aac77..e62dc55afc2 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,16 +1,16 @@
 define(["../../../vaadin-material-styles/color.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _htmlTag) {
   "use strict";
 
-  function _templateObject_aa8ec02022d211eaa0764d1a500fd781() {
+  function _templateObject_6672f290243411ea86f395335a802507() {
     var data = 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    </style>\n  </template>\n</dom-module>"]);
 
-    _templateObject_aa8ec02022d211eaa0764d1a500fd781 = function _templateObject_aa8ec02022d211eaa0764d1a500fd781() {
+    _templateObject_6672f290243411ea86f395335a802507 = function _templateObject_6672f290243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa8ec02022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_6672f290243411ea86f395335a802507());
   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 4c6e613c0f5..fc0ed5cc084 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.SplitLayoutElement = void 0;
 
-  function _templateObject_a9ed500022d211eaa0764d1a500fd781() {
+  function _templateObject_65b17750243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_a9ed500022d211eaa0764d1a500fd781 = function _templateObject_a9ed500022d211eaa0764d1a500fd781() {
+    _templateObject_65b17750243411ea86f395335a802507 = function _templateObject_65b17750243411ea86f395335a802507() {
       return data;
     };
 
@@ -279,7 +279,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_a9ed500022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_65b17750243411ea86f395335a802507());
       }
     }, {
       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 9869a9b5429..cf4336bb143 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,16 +1,16 @@
 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";
 
-  function _templateObject_aa906dd022d211eaa0764d1a500fd781() {
+  function _templateObject_6673dcf0243411ea86f395335a802507() {
     var data = 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    </style>\n  </template>\n</dom-module>"]);
 
-    _templateObject_aa906dd022d211eaa0764d1a500fd781 = function _templateObject_aa906dd022d211eaa0764d1a500fd781() {
+    _templateObject_6673dcf0243411ea86f395335a802507 = function _templateObject_6673dcf0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa906dd022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_6673dcf0243411ea86f395335a802507());
   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 29b28dee7e9..dbf4ebb193a 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,16 +1,16 @@
 define(["../../../vaadin-material-styles/color.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _htmlTag) {
   "use strict";
 
-  function _templateObject_aa910a1022d211eaa0764d1a500fd781() {
+  function _templateObject_6674a040243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_aa910a1022d211eaa0764d1a500fd781 = function _templateObject_aa910a1022d211eaa0764d1a500fd781() {
+    _templateObject_6674a040243411ea86f395335a802507 = function _templateObject_6674a040243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa910a1022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_6674a040243411ea86f395335a802507());
   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-text-area.js b/build/es5-amd/node_modules/@vaadin/vaadin-text-field/src/vaadin-text-area.js
index b092b24bacd..392ba8a9baa 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./vaadin-tex
   });
   _exports.TextAreaElement = void 0;
 
-  function _templateObject_a9fcb95022d211eaa0764d1a500fd781() {
+  function _templateObject_65d94aa0243411ea86f395335a802507() {
     var data = 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 and the error message should neither grow nor shrink. */\n      [part=\"label\"],\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    </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]]\">\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=\"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 and the error message should neither grow nor shrink. */\n      [part=\"label\"],\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    </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]]\">\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=\"error-message\" id=\"[[_errorId]]\" aria-live=\"assertive\" aria-hidden\\$=\"[[_getErrorMessageAriaHidden(invalid, errorMessage, _errorId)]]\">[[errorMessage]]</div>\n\n    </div>\n"]);
 
-    _templateObject_a9fcb95022d211eaa0764d1a500fd781 = function _templateObject_a9fcb95022d211eaa0764d1a500fd781() {
+    _templateObject_65d94aa0243411ea86f395335a802507 = function _templateObject_65d94aa0243411ea86f395335a802507() {
       return data;
     };
 
@@ -144,7 +144,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./vaadin-tex
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_a9fcb95022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_65d94aa0243411ea86f395335a802507());
       }
     }, {
       key: "is",
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 6efb483f55b..eba955e6582 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "./vaadin-tex
   });
   _exports.TextFieldElement = void 0;
 
-  function _templateObject_a9fdf1d022d211eaa0764d1a500fd781() {
+  function _templateObject_65e7c990243411ea86f395335a802507() {
     var data = 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=\"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=\"error-message\" id=\"[[_errorId]]\" aria-live=\"assertive\" aria-hidden\\$=\"[[_getErrorMessageAriaHidden(invalid, errorMessage, _errorId)]]\">[[errorMessage]]</div>\n\n    </div>\n"]);
 
-    _templateObject_a9fdf1d022d211eaa0764d1a500fd781 = function _templateObject_a9fdf1d022d211eaa0764d1a500fd781() {
+    _templateObject_65e7c990243411ea86f395335a802507 = function _templateObject_65e7c990243411ea86f395335a802507() {
       return data;
     };
 
@@ -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_a9fdf1d022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_65e7c990243411ea86f395335a802507());
       }
     }, {
       key: "is",
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 81eb1cdce21..a5e1bf64e87 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,16 +1,16 @@
 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";
 
-  function _templateObject_aa921b8022d211eaa0764d1a500fd781() {
+  function _templateObject_6679d060243411ea86f395335a802507() {
     var data = 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    </style>\n  </template>\n</dom-module>"]);
 
-    _templateObject_aa921b8022d211eaa0764d1a500fd781 = function _templateObject_aa921b8022d211eaa0764d1a500fd781() {
+    _templateObject_6679d060243411ea86f395335a802507 = function _templateObject_6679d060243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa921b8022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_6679d060243411ea86f395335a802507());
   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 cc29c40865d..2cdbff96e3f 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,16 +1,16 @@
 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";
 
-  function _templateObject_aa92b7c022d211eaa0764d1a500fd781() {
+  function _templateObject_667e3d30243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_aa92b7c022d211eaa0764d1a500fd781 = function _templateObject_aa92b7c022d211eaa0764d1a500fd781() {
+    _templateObject_667e3d30243411ea86f395335a802507 = function _templateObject_667e3d30243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa92b7c022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_667e3d30243411ea86f395335a802507());
   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 6faba82e039..c8bd563a351 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,16 +1,16 @@
 define(["../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_htmlTag) {
   "use strict";
 
-  function _templateObject_aa96885022d211eaa0764d1a500fd781() {
+  function _templateObject_667f0080243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_aa96885022d211eaa0764d1a500fd781 = function _templateObject_aa96885022d211eaa0764d1a500fd781() {
+    _templateObject_667f0080243411ea86f395335a802507 = function _templateObject_667f0080243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa96885022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_667f0080243411ea86f395335a802507());
   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 3769677a38d..d1ee8275b30 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,16 +1,16 @@
 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";
 
-  function _templateObject_aa97249022d211eaa0764d1a500fd781() {
+  function _templateObject_667fc3d0243411ea86f395335a802507() {
     var data = 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])) [part=\"input-field\"] {\n        background-color: var(--lumo-contrast-20pct);\n      }\n\n      @media (pointer: coarse) {\n        :host(:hover:not([readonly]):not([focused])) [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])) [part=\"input-field\"] {\n        background-color: var(--lumo-contrast-20pct);\n      }\n\n      @media (pointer: coarse) {\n        :host(:hover:not([readonly]):not([focused])) [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>"]);
 
-    _templateObject_aa97249022d211eaa0764d1a500fd781 = function _templateObject_aa97249022d211eaa0764d1a500fd781() {
+    _templateObject_667fc3d0243411ea86f395335a802507 = function _templateObject_667fc3d0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa97249022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_667fc3d0243411ea86f395335a802507());
   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 50dd1a3b743..d36862a8056 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,16 +1,16 @@
 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";
 
-  function _templateObject_aa99206022d211eaa0764d1a500fd781() {
+  function _templateObject_66814a70243411ea86f395335a802507() {
     var data = 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      [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        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=\"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-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      /* 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    </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      [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        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=\"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-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      /* 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    </style>\n  </template>\n</dom-module>"]);
 
-    _templateObject_aa99206022d211eaa0764d1a500fd781 = function _templateObject_aa99206022d211eaa0764d1a500fd781() {
+    _templateObject_66814a70243411ea86f395335a802507 = function _templateObject_66814a70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa99206022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_66814a70243411ea86f395335a802507());
   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 d02dac124a8..77bc2d1892d 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,16 +1,16 @@
 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";
 
-  function _templateObject_aa9e779022d211eaa0764d1a500fd781() {
+  function _templateObject_668282f0243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_aa9e779022d211eaa0764d1a500fd781 = function _templateObject_aa9e779022d211eaa0764d1a500fd781() {
+    _templateObject_668282f0243411ea86f395335a802507 = function _templateObject_668282f0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa9e779022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_668282f0243411ea86f395335a802507());
   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 90cb9b9adb3..072a52f285a 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,16 +1,16 @@
 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";
 
-  function _templateObject_aa9f3ae022d211eaa0764d1a500fd781() {
+  function _templateObject_66834640243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_aa9f3ae022d211eaa0764d1a500fd781 = function _templateObject_aa9f3ae022d211eaa0764d1a500fd781() {
+    _templateObject_66834640243411ea86f395335a802507 = function _templateObject_66834640243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aa9f3ae022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_66834640243411ea86f395335a802507());
   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 7066a1dfd77..11ba0aebc57 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,16 +1,16 @@
 define(["../../../vaadin-material-styles/color.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_color, _htmlTag) {
   "use strict";
 
-  function _templateObject_aaa09a7022d211eaa0764d1a500fd781() {
+  function _templateObject_66840990243411ea86f395335a802507() {
     var data = 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>"]);
 
-    _templateObject_aaa09a7022d211eaa0764d1a500fd781 = function _templateObject_aaa09a7022d211eaa0764d1a500fd781() {
+    _templateObject_66840990243411ea86f395335a802507 = function _templateObject_66840990243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aaa09a7022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_66840990243411ea86f395335a802507());
   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 ebfaa0a61e3..d85579bea42 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,16 +1,16 @@
 define(["./vaadin-text-field-styles.js", "../../../../@polymer/polymer/lib/utils/html-tag.js"], function (_vaadinTextFieldStyles, _htmlTag) {
   "use strict";
 
-  function _templateObject_aaa10fa022d211eaa0764d1a500fd781() {
+  function _templateObject_66884f50243411ea86f395335a802507() {
     var data = 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    </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    </style>\n  </template>\n</dom-module>"]);
 
-    _templateObject_aaa10fa022d211eaa0764d1a500fd781 = function _templateObject_aaa10fa022d211eaa0764d1a500fd781() {
+    _templateObject_66884f50243411ea86f395335a802507 = function _templateObject_66884f50243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aaa10fa022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_66884f50243411ea86f395335a802507());
   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 7329d26aa96..77e1af8930a 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,16 +1,16 @@
 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";
 
-  function _templateObject_aaa2482022d211eaa0764d1a500fd781() {
+  function _templateObject_668987d0243411ea86f395335a802507() {
     var data = 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        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      [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      /* 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        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    </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        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      [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      /* 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        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    </style>\n  </template>\n</dom-module>"]);
 
-    _templateObject_aaa2482022d211eaa0764d1a500fd781 = function _templateObject_aaa2482022d211eaa0764d1a500fd781() {
+    _templateObject_668987d0243411ea86f395335a802507 = function _templateObject_668987d0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aaa2482022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_668987d0243411ea86f395335a802507());
   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 62f7ac91092..694755c24df 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../vaadin
   });
   _exports.UploadFileElement = void 0;
 
-  function _templateObject_aa0cbee022d211eaa0764d1a500fd781() {
+  function _templateObject_65ea61a0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_aa0cbee022d211eaa0764d1a500fd781 = function _templateObject_aa0cbee022d211eaa0764d1a500fd781() {
+    _templateObject_65ea61a0243411ea86f395335a802507 = function _templateObject_65ea61a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -154,7 +154,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../vaadin
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_aa0cbee022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_65ea61a0243411ea86f395335a802507());
       }
     }, {
       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 0f241c7520d..27aea8e55c0 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,10 +6,10 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
   });
   _exports.UploadElement = void 0;
 
-  function _templateObject_aa19420022d211eaa0764d1a500fd781() {
+  function _templateObject_65f70bd0243411ea86f395335a802507() {
     var data = 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"]);
 
-    _templateObject_aa19420022d211eaa0764d1a500fd781 = function _templateObject_aa19420022d211eaa0764d1a500fd781() {
+    _templateObject_65f70bd0243411ea86f395335a802507 = function _templateObject_65f70bd0243411ea86f395335a802507() {
       return data;
     };
 
@@ -663,7 +663,7 @@ define(["exports", "../../../@polymer/polymer/polymer-element.js", "../../../@po
     }], [{
       key: "template",
       get: function get() {
-        return (0, _htmlTag.html)(_templateObject_aa19420022d211eaa0764d1a500fd781());
+        return (0, _htmlTag.html)(_templateObject_65f70bd0243411ea86f395335a802507());
       }
     }, {
       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 ba3407ed706..ad2c7e9f5eb 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,16 +1,16 @@
 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";
 
-  function _templateObject_aaa380a022d211eaa0764d1a500fd781() {
+  function _templateObject_668b0e70243411ea86f395335a802507() {
     var data = 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      [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>"]);
 
-    _templateObject_aaa380a022d211eaa0764d1a500fd781 = function _templateObject_aaa380a022d211eaa0764d1a500fd781() {
+    _templateObject_668b0e70243411ea86f395335a802507 = function _templateObject_668b0e70243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aaa380a022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_668b0e70243411ea86f395335a802507());
   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 eb3bd504b56..c7e94dff312 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,16 +1,16 @@
 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";
 
-  function _templateObject_aaa4921022d211eaa0764d1a500fd781() {
+  function _templateObject_668c1fe0243411ea86f395335a802507() {
     var data = 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      [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>"]);
 
-    _templateObject_aaa4921022d211eaa0764d1a500fd781 = function _templateObject_aaa4921022d211eaa0764d1a500fd781() {
+    _templateObject_668c1fe0243411ea86f395335a802507 = function _templateObject_668c1fe0243411ea86f395335a802507() {
       return data;
     };
 
     return data;
   }
 
-  var $_documentContainer = (0, _htmlTag.html)(_templateObject_aaa4921022d211eaa0764d1a500fd781());
+  var $_documentContainer = (0, _htmlTag.html)(_templateObject_668c1fe0243411ea86f395335a802507());
   document.head.appendChild($_documentContainer.content);
 });
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/app-datepicker/app-datepicker.js b/build/es5-amd/node_modules/app-datepicker/app-datepicker.js
index bc3236b0233..5c6c6ca61f4 100644
--- a/build/es5-amd/node_modules/app-datepicker/app-datepicker.js
+++ b/build/es5-amd/node_modules/app-datepicker/app-datepicker.js
@@ -1,10 +1,10 @@
 define(["./app-datepicker-icons.js", "./animations/datepicker-slide-from-left-animation.js", "./animations/datepicker-slide-from-right-animation.js", "../@polymer/iron-selector/iron-selector.js", "../@polymer/iron-list/iron-list.js", "../@polymer/paper-icon-button/paper-icon-button.js", "../@polymer/neon-animation/neon-animated-pages.js", "../@polymer/neon-animation/neon-animation-runner-behavior.js", "../@polymer/neon-animation/animations/fade-in-animation.js", "../@polymer/neon-animation/animations/fade-out-animation.js", "../@polymer/neon-animation/animations/slide-from-left-animation.js", "../@polymer/neon-animation/animations/slide-from-right-animation.js", "../@polymer/neon-animation/neon-animatable.js", "../@polymer/polymer/lib/legacy/polymer.dom.js", "../@polymer/polymer/lib/legacy/class.js", "../@polymer/polymer/polymer-element.js"], function (_appDatepickerIcons, _datepickerSlideFromLeftAnimation, _datepickerSlideFromRightAnimation, _ironSelector, _ironList, _paperIconButton, _neonAnimatedPages, _neonAnimationRunnerBehavior, _fadeInAnimation, _fadeOutAnimation, _slideFromLeftAnimation, _slideFromRightAnimation, _neonAnimatable, _polymerDom, _class, _polymerElement) {
   "use strict";
 
-  function _templateObject_7ef69ff022d211eaa0764d1a500fd781() {
+  function _templateObject_39b8e7a0243411ea86f395335a802507() {
     var data = babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        box-sizing: border-box;\n\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        background: var(--app-datepicker-bg, #fafafa);\n\n        @apply --app-datepicker;\n      }\n\n      * {\n        box-sizing: border-box;\n      }\n\n      .datepicker {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        position: relative;\n        width: 300px;\n        height: 384px;\n        max-height: 384px;\n      }\n      .datepicker.with-buttons {\n        height: 431px;\n        max-height: 431px;\n      }\n\n      iron-selector.selected-fulldate {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        min-height: 84px;\n        padding: 8px 16px;\n        color: var(--app-datepicker-selection-color, #b2dfdb);\n        background-color: var(--app-datepicker-selection-bg, #009688);\n      }\n      .selected-year.iron-selected,\n      .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #fefefe);\n      }\n      .selected-year {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n\n        font-size: 14px;\n        font-weight: 800;\n        height: 34px;\n\n        @apply --app-datepicker-selected-year;\n      }\n      .selected-date {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex: 1 1 auto;\n        -webkit-flex: 1 1 auto;\n        flex: 1 1 auto;\n\n        font-size: 32px;\n        font-weight: 800;\n\n        @apply --app-datepicker-selected-date;\n      }\n      .selected-year:hover,\n      .selected-date > div:hover {\n        cursor: pointer;\n      }\n\n      neon-animated-pages.fullcalendar {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        color: var(--app-datepicker-calendar-color, #000);\n        background-color: var(--app-datepicker-calendar-bg, #fafafa);\n      }\n      .navigator {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        max-height: 46px;\n        padding: 3px 10px;\n        position: relative;\n        margin-top: 8px;\n      }\n      .nav-month-year {\n        -ms-flex: 1 1 auto;\n        -webkit-flex: 1 1 auto;\n        flex: 1 1 auto;\n\n        font-size: 14px;\n        font-weight: 500;\n        text-align: center;\n\n        @apply --app-datepicker-nav-month-year;\n      }\n      .days-of-week {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        color: var(--app-datepicker-weekdays-color, #848484);\n        font-size: 12px;\n\n        @apply --app-datepicker-days-of-week;\n      }\n      .each-days-of-week {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        padding: 13px;\n        max-height: 32px;\n        width: 41px;\n      }\n      .days-of-month {\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        -ms-flex-wrap: wrap;\n        -webkit-flex-wrap: wrap;\n        flex-wrap: wrap;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        font-size: 13px;\n\n        @apply --app-datepicker-days-of-month;\n      }\n      .each-days-of-month {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        position: relative;\n        height: 35px;\n        width: 35px;\n        margin-left: 3px;\n        margin-right: 3px;\n      }\n      div > .days-of-month > .each-days-of-month.chosen-days-of-month {\n        border-radius: 50%;\n        background-color: var(--app-datepicker-selected-day-bg, #009688);\n        color: var(--app-datepicker-selected-day-color, #fff);\n      }\n      .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #009688);\n      }\n      .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #9e9e9e);\n      }\n\n\n      /* outline: none for non-selectable and disabled days */\n      .days-of-month > .each-days-of-month.is-disabled-day,\n      .days-of-month > .each-days-of-month.is-non-selectable {\n        outline: none;\n      }\n      /* Date hover styling */\n      .days-of-month > .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      .days-of-month > .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #f5f5f5);\n        background-color: var(--app-datepicker-date-hover-background-color, #80cbc4);\n        border-radius: 50%;\n        cursor: pointer;\n      }\n      :host(.dark-theme) .days-of-month >  .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      :host(.dark-theme) .days-of-month >  .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #777);\n        background-color: var(--app-datepicker-date-hover-background-color, #b2dfdb);\n      }\n      :host(.goog-theme) .days-of-month > .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      :host(.goog-theme) .days-of-month > .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #f5f5f5);\n        background-color: var(--app-datepicker-date-hover-background-color, #e57373);\n      }\n\n      /* Focus ring styling - replace outline with background-color */\n      .each-list-of-years:focus,\n      .each-days-of-month:focus {\n        outline: 0;\n      }\n      .each-list-of-years:focus,\n      .each-list-of-years:hover,\n      .each-list-of-years.is-selected:focus,\n      .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(--app-datepicker-year-hover-background-color, #e0e0e0);\n\n        @apply --app-datepicker-year-hover;\n      }\n      :host(.dark-theme) .each-list-of-years:focus,\n      :host(.dark-theme) .each-list-of-years:hover,\n      :host(.dark-theme) .each-list-of-years.is-selected:focus,\n      :host(.dark-theme) .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(--app-datepicker-year-hover-background-color, #616161);\n\n        @apply --app-datepicker-year-hover;\n      }\n      :host(.goog-theme) .each-list-of-years:focus,\n      :host(.goog-theme) .each-list-of-years:hover,\n      :host(.goog-theme) .each-list-of-years.is-selected:focus,\n      :host(.goog-theme) .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(--app-datepicker-year-hover-background-color, #424242);\n\n        @apply --app-datepicker-year-hover;\n      }\n\n      .each-list-of-years {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        height: 64px;\n        font-size: 16px;\n\n        @apply --app-datepicker-each-list-of-years;\n      }\n      .each-list-of-years:hover {\n        cursor: pointer;\n      }\n      .each-list-of-years.is-selected {\n        font-size: 24px;\n        font-weight: 700;\n        color: var(--app-datepicker-selected-year-color, #009688);\n        background-color: var(--app-datepicker-selected-year-bg);\n\n        @apply --app-datepicker-selected-each-list-of-years;\n      }\n\n      /* paper-icon-button */\n      paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #737373);\n        --paper-icon-button-ink-color: var(--app-datepicker-icon-button-ink-color, #737373);\n      }\n\n      /* content tag selector */\n      .buttons {\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        -ms-flex-pack: end;\n        -webkit-justify-content: flex-end;\n        justify-content: flex-end;\n\n        color: var(--app-datepicker-button-color, #009688);\n        position: relative;\n        padding: 8px 8px 8px 24px;\n        margin: 0;\n        font-size: 12px;\n        font-weight: 500;\n\n        --paper-button-ink-color: var(--app-datepicker-button-ink-color, #737373);\n\n        @apply --app-datepicker-buttons;\n      }\n\n      /* will-change: transform, however lag on the first time */\n      .nav-month-year,\n      .days-of-week,\n      .days-of-month {\n        will-change: transform;\n        -webkit-transform: translate3d(0px, 0px, 0px);\n                transform: translate3d(0px, 0px, 0px);\n        -webkit-backface-visibility: hidden;\n                backface-visibility: hidden;\n      }\n\n      iron-list {\n        --iron-list-items-container: {\n          -webkit-transform: translate3d(0px, 0px, 0px);\n          transform: translate3d(0px, 0px, 0px);\n          -webkit-backface-visibility: hidden;\n          backface-visibility: hidden;\n        };\n      }\n\n      /* landscape */\n      @media all and (orientation: landscape) {\n        :host(.horizontal-view) #dp.datepicker,\n        :host(:not(.vertical-view)) #dp.datepicker {\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          width: 512px;\n          height: 241px;\n        }\n        :host(.horizontal-view) #dp.datepicker.with-buttons,\n        :host(:not(.vertical-view)) #dp.datepicker.with-buttons {\n          height: 288px;\n        }\n        :host(.horizontal-view) iron-selector.selected-fulldate,\n        :host(:not(.vertical-view)) iron-selector.selected-fulldate {\n          /* Fixed for IE11, Edge */\n          min-width: 164px;\n          width: calc(100% / 3 + 48px);\n          max-width: 164px;\n          height: 100%;\n        }\n        :host(:not(.vertical-view)) .selected-date {\n          display: -ms-flexbox;\n          display: -webkit-flex;\n          display: flex;\n          -ms-flex-direction: column;\n          -webkit-flex-direction: column;\n          flex-direction: column;\n          -ms-flex-align: start;\n          -webkit-align-items: flex-start;\n          align-items: flex-start;\n          -ms-flex-pack: start;\n          -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n        }\n        /* Fix for IE11 */\n        :host(:not(.vertical-view)) .selected-date > div {\n          width: 100%;\n          word-wrap: break-word;\n        }\n        /* Hack for Edge 12+ */\n        @supports (-ms-accelerator:true) {\n          :host(:not(.vertical-view)) .selected-date > div {\n            white-space: pre-wrap;\n          }\n        }\n\n        :host(.horizontal-view) neon-animated-pages.fullcalendar,\n        :host(:not(.vertical-view)) neon-animated-pages.fullcalendar {\n          height: 100%;\n        }\n        :host(.horizontal-view) .calendar-view,\n        :host(:not(.vertical-view)) .calendar-view {\n          padding-bottom: 0;\n        }\n        :host(.horizontal-view) .navigator,\n        :host(:not(.vertical-view)) .navigator {\n          padding: 2px 10px;\n          margin-top: 0;\n        }\n        :host(.horizontal-view) .each-days-of-week,\n        :host(:not(.vertical-view)) .each-days-of-week {\n          width: calc(100% / 7 - 20px);\n          padding: 0;\n          margin-left: 10px;\n          margin-right: 10px;\n        }\n        :host(:not(.vertical-view)) .days-of-month {\n          margin-top: 8px;\n        }\n        :host(.horizontal-view) .each-days-of-month,\n        :host(:not(.vertical-view)) .each-days-of-month {\n          height: 29px;\n          margin-left: 10px;\n          margin-right: 10px;\n          width: calc(100% / 7 - 20px);\n        }\n      }\n      /* End of landscape @media */\n\n      /* dark-theme */\n      :host(.dark-theme) {\n        background-color: var(--app-datepicker-bg, #424242);\n      }\n      :host(.dark-theme) iron-selector.selected-fulldate {\n        color: var(--app-datepicker-selection-color, #9e9e9e);\n        background-color: var(--app-datepicker-selection-bg, #555);\n      }\n      :host(.dark-theme) .selected-year.iron-selected,\n      :host(.dark-theme) .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #f5f5f5);\n      }\n      :host(.dark-theme) neon-animated-pages.fullcalendar {\n        color: var(--app-datepicker-calendar-color, #f5f5f5);\n        background-color: var(--app-datepicker-calendar-bg, #424242);\n      }\n      :host(.dark-theme) .days-of-week {\n        color: var(--app-datepicker-weekdays-color, #7c7c7c);\n      }\n      :host(.dark-theme) div > .days-of-month > .each-days-of-month.chosen-days-of-month {\n        color: var(--app-datepicker-selected-day-color, #555);\n        background-color: var(--app-datepicker-selected-day-bg, #80cbc4);\n      }\n      :host(.dark-theme) .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #80cbc4);\n      }\n      :host(.dark-theme) .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #ffff00);\n      }\n      :host(.dark-theme) .each-list-of-years.is-selected {\n        background-color: var(--app-datepicker-selected-year-bg, rgba(0, 0, 0, 0));\n        color: var(--app-datepicker-selected-year-color, #80cbc4);\n        font-size: 26px;\n        font-weight: 500;\n      }\n      :host(.dark-theme) paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #ffff00);\n        --paper-icon-button-ink-color: var(--app-datepicker-icon-button-ink-color, #212121);\n      }\n      :host(.dark-theme) ::slotted(paper-button) {\n        color: var(--app-datepicker-button-color, #80cbc4);\n        --paper-button-ink-color: var(--app-datepicker-button-ink-color, #bcbcbc);\n      }\n\n      /* goog theme */\n      :host(.goog-theme) {\n        background-color: var(--app-datepicker-bg, #212121);\n      }\n\n      :host(.goog-theme) iron-selector.selected-fulldate {\n        color: var(--app-datepicker-selection-color, #fff);\n        background-color: var(--app-datepicker-selection-bg, #212121);\n      }\n      :host(.goog-theme) .selected-year.iron-selected,\n      :host(.goog-theme) .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #DA4336);\n      }\n      :host(.goog-theme) neon-animated-pages.fullcalendar {\n        color: var(--app-datepicker-calendar-color, #fff);\n        background-color: var(--app-datepicker-calendar-bg, #212121);\n      }\n      :host(.goog-theme) .days-of-week {\n        color: var(--app-datepicker-weekdays-color, #9e9e9e);\n      }\n      :host(.goog-theme) div > .days-of-month > .each-days-of-month.chosen-days-of-month {\n        color: var(--app-datepicker-selected-day-color, #fff);\n        background-color: var(--app-datepicker-selected-day-bg, #DA4336);\n      }\n      :host(.goog-theme) .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #DA4336);\n      }\n      :host(.goog-theme) .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #646464);\n      }\n      :host(.goog-theme) .each-list-of-years.is-selected {\n        background-color: var(--app-datepicker-selected-year-bg, rgba(0, 0, 0, 0));\n        color: var(--app-datepicker-selected-year-color, #DA4336);\n        font-size: 26px;\n        font-weight: 500;\n      }\n      :host(.goog-theme) paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #DA4336);\n        --paper-icon-button-ink-color: var(--app-datepicker-icon-button-ink-color, #616161);\n      }\n      :host(.goog-theme) ::slotted(paper-button) {\n        color: var(--app-datepicker-button-color, #DA4336);\n        --paper-button-ink-color: var(--app-datepicker-button-ink-color, #616161);\n      }\n    </style>\n\n    <div id=\"dp\" class=\"datepicker\">\n      <iron-selector class=\"selected-fulldate\" selected=\"{{_activeView}}\" attr-for-selected=\"view\" on-selected-changed=\"_onIronSelectorSelectedChanged\" fallback-selection=\"calendar\">\n        <div id=\"showSelectedYear\" class=\"selected-year\" tabindex=\"0\" view=\"year\" aria-label=\"year view\">\n          [[_showSelectedYear]]\n        </div>\n        <div class=\"selected-date\" view=\"calendar\" tabindex=\"0\">\n          <div aria-label=\"calendar view\">[[_shortSelectedDate]]</div>\n        </div>\n      </iron-selector>\n\n      <neon-animated-pages class=\"fullcalendar\" selected=\"[[_activeView]]\" attr-for-selected=\"view\" entry-animation=\"[[pageEntryAnimation]]\" exit-animation=\"[[pageExitAnimation]]\" on-neon-animation-finish=\"_onAnimationFinish\">\n        <div class=\"calendar-view\" view=\"calendar\">\n          <div class=\"navigator\">\n            <paper-icon-button icon=\"datepicker:chevron-left\" on-tap=\"_decrementMonth\" noink=\"[[noAnimation]]\"></paper-icon-button>\n            <neon-animatable id=\"navMonthYearAnimation\">\n              <div id=\"navMonthYear\" class=\"nav-month-year\">\n                [[_activeMonthYear]]\n              </div>\n            </neon-animatable>\n            <paper-icon-button icon=\"datepicker:chevron-right\" on-tap=\"_incrementMonth\" noink=\"[[noAnimation]]\"></paper-icon-button>\n          </div>\n\n          <neon-animatable id=\"daysOfWeekAnimation\">\n            <div id=\"daysOfWeek\" class=\"days-of-week\">\n              <template is=\"dom-repeat\" items=\"[[_daysOfWeek]]\" index-as=\"index\" strip-whitespace=\"\">\n                <div class=\"each-days-of-week\">\n                  [[item]]\n                </div>\n              </template>\n            </div>\n          </neon-animatable>\n\n\n          <neon-animatable id=\"daysOfMonthAnimation\">\n            <div id=\"daysOfMonth\" class=\"days-of-month\" on-tap=\"_chooseDaysOfMonth\">\n              <template is=\"dom-repeat\" items=\"[[_daysOfMonth]]\" index-as=\"index\" strip-whitespace=\"\">\n                <div class$=\"each-days-of-month[[_isToday(item.index, _activeYear, _activeMonth)]][[_isEmptyDate(item.index)]][[_isChosenDaysOfMonth(item.index, _selectedYear, _selectedMonth, _selectedDate)]][[_isDisableDays(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\" index=\"[[index]]\" date=\"[[item.index]]\" tabindex$=\"[[_shouldTabIndex(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\" aria-disabled$=\"[[_shouldAriaDisabled(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\" aria-label$=\"[[item.index]]\">\n                  [[item.date]]\n                </div>\n              </template>\n            </div>\n          </neon-animatable>\n\n          <div class=\"buttons\">\n            <slot name=\"dismiss-button\"></slot>\n            <slot name=\"confirm-button\"></slot>\n          </div>\n        </div>\n\n        <template is=\"dom-if\" if=\"[[_isListRendered]]\" restamp=\"true\" on-dom-change=\"_onListRendered\" strip-whitespace=\"\">\n          <iron-list id=\"listOfYears\" items=\"[[_listOfYears]]\" view=\"year\" on-neon-animation-finish=\"_onAnimationFinish\" selection-enabled=\"\">\n            <template strip-whitespace=\"\">\n              <div class$=\"each-list-of-years[[_isListOfYearsSelected(_selectedYear, item.year)]]\" tabindex$=\"[[tabIndex]]\" aria-label$=\"[[item.year]]\" label$=\"[[item.year]]\" on-tap=\"_goCalendar\" on-keydown=\"_goCalendar\">\n                [[item.year]]\n              </div>\n            </template>\n          </iron-list>\n        </template>\n      </neon-animated-pages>\n\n    </div>"], ["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        box-sizing: border-box;\n\n        -webkit-user-select: none;\n        -moz-user-select: none;\n        -ms-user-select: none;\n        user-select: none;\n        background: var(--app-datepicker-bg, #fafafa);\n\n        @apply --app-datepicker;\n      }\n\n      * {\n        box-sizing: border-box;\n      }\n\n      .datepicker {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        position: relative;\n        width: 300px;\n        height: 384px;\n        max-height: 384px;\n      }\n      .datepicker.with-buttons {\n        height: 431px;\n        max-height: 431px;\n      }\n\n      iron-selector.selected-fulldate {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        min-height: 84px;\n        padding: 8px 16px;\n        color: var(--app-datepicker-selection-color, #b2dfdb);\n        background-color: var(--app-datepicker-selection-bg, #009688);\n      }\n      .selected-year.iron-selected,\n      .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #fefefe);\n      }\n      .selected-year {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n\n        font-size: 14px;\n        font-weight: 800;\n        height: 34px;\n\n        @apply --app-datepicker-selected-year;\n      }\n      .selected-date {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex: 1 1 auto;\n        -webkit-flex: 1 1 auto;\n        flex: 1 1 auto;\n\n        font-size: 32px;\n        font-weight: 800;\n\n        @apply --app-datepicker-selected-date;\n      }\n      .selected-year:hover,\n      .selected-date > div:hover {\n        cursor: pointer;\n      }\n\n      neon-animated-pages.fullcalendar {\n        display: -ms-flexbox;\n        display: -webkit-flex;\n        display: flex;\n        -ms-flex-direction: column;\n        -webkit-flex-direction: column;\n        flex-direction: column;\n\n        width: 100%;\n        height: 100%;\n        overflow: hidden;\n        color: var(--app-datepicker-calendar-color, #000);\n        background-color: var(--app-datepicker-calendar-bg, #fafafa);\n      }\n      .navigator {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        max-height: 46px;\n        padding: 3px 10px;\n        position: relative;\n        margin-top: 8px;\n      }\n      .nav-month-year {\n        -ms-flex: 1 1 auto;\n        -webkit-flex: 1 1 auto;\n        flex: 1 1 auto;\n\n        font-size: 14px;\n        font-weight: 500;\n        text-align: center;\n\n        @apply --app-datepicker-nav-month-year;\n      }\n      .days-of-week {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        color: var(--app-datepicker-weekdays-color, #848484);\n        font-size: 12px;\n\n        @apply --app-datepicker-days-of-week;\n      }\n      .each-days-of-week {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        padding: 13px;\n        max-height: 32px;\n        width: 41px;\n      }\n      .days-of-month {\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        -ms-flex-wrap: wrap;\n        -webkit-flex-wrap: wrap;\n        flex-wrap: wrap;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        font-size: 13px;\n\n        @apply --app-datepicker-days-of-month;\n      }\n      .each-days-of-month {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        position: relative;\n        height: 35px;\n        width: 35px;\n        margin-left: 3px;\n        margin-right: 3px;\n      }\n      div > .days-of-month > .each-days-of-month.chosen-days-of-month {\n        border-radius: 50%;\n        background-color: var(--app-datepicker-selected-day-bg, #009688);\n        color: var(--app-datepicker-selected-day-color, #fff);\n      }\n      .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #009688);\n      }\n      .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #9e9e9e);\n      }\n\n\n      /* outline: none for non-selectable and disabled days */\n      .days-of-month > .each-days-of-month.is-disabled-day,\n      .days-of-month > .each-days-of-month.is-non-selectable {\n        outline: none;\n      }\n      /* Date hover styling */\n      .days-of-month > .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      .days-of-month > .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #f5f5f5);\n        background-color: var(--app-datepicker-date-hover-background-color, #80cbc4);\n        border-radius: 50%;\n        cursor: pointer;\n      }\n      :host(.dark-theme) .days-of-month >  .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      :host(.dark-theme) .days-of-month >  .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #777);\n        background-color: var(--app-datepicker-date-hover-background-color, #b2dfdb);\n      }\n      :host(.goog-theme) .days-of-month > .each-days-of-month:hover:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month),\n      :host(.goog-theme) .days-of-month > .each-days-of-month:focus:not(.is-disabled-day):not(.is-non-selectable):not(.chosen-days-of-month) {\n        color: var(--app-datepicker-date-hover-color, #f5f5f5);\n        background-color: var(--app-datepicker-date-hover-background-color, #e57373);\n      }\n\n      /* Focus ring styling - replace outline with background-color */\n      .each-list-of-years:focus,\n      .each-days-of-month:focus {\n        outline: 0;\n      }\n      .each-list-of-years:focus,\n      .each-list-of-years:hover,\n      .each-list-of-years.is-selected:focus,\n      .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(--app-datepicker-year-hover-background-color, #e0e0e0);\n\n        @apply --app-datepicker-year-hover;\n      }\n      :host(.dark-theme) .each-list-of-years:focus,\n      :host(.dark-theme) .each-list-of-years:hover,\n      :host(.dark-theme) .each-list-of-years.is-selected:focus,\n      :host(.dark-theme) .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(--app-datepicker-year-hover-background-color, #616161);\n\n        @apply --app-datepicker-year-hover;\n      }\n      :host(.goog-theme) .each-list-of-years:focus,\n      :host(.goog-theme) .each-list-of-years:hover,\n      :host(.goog-theme) .each-list-of-years.is-selected:focus,\n      :host(.goog-theme) .each-list-of-years.is-selected:hover {\n        font-weight: 700;\n        background-color: var(--app-datepicker-year-hover-background-color, #424242);\n\n        @apply --app-datepicker-year-hover;\n      }\n\n      .each-list-of-years {\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        -ms-flex-align: center;\n        -webkit-align-items: center;\n        align-items: center;\n        -ms-flex-pack: center;\n        -webkit-justify-content: center;\n        justify-content: center;\n\n        height: 64px;\n        font-size: 16px;\n\n        @apply --app-datepicker-each-list-of-years;\n      }\n      .each-list-of-years:hover {\n        cursor: pointer;\n      }\n      .each-list-of-years.is-selected {\n        font-size: 24px;\n        font-weight: 700;\n        color: var(--app-datepicker-selected-year-color, #009688);\n        background-color: var(--app-datepicker-selected-year-bg);\n\n        @apply --app-datepicker-selected-each-list-of-years;\n      }\n\n      /* paper-icon-button */\n      paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #737373);\n        --paper-icon-button-ink-color: var(--app-datepicker-icon-button-ink-color, #737373);\n      }\n\n      /* content tag selector */\n      .buttons {\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        -ms-flex-pack: end;\n        -webkit-justify-content: flex-end;\n        justify-content: flex-end;\n\n        color: var(--app-datepicker-button-color, #009688);\n        position: relative;\n        padding: 8px 8px 8px 24px;\n        margin: 0;\n        font-size: 12px;\n        font-weight: 500;\n\n        --paper-button-ink-color: var(--app-datepicker-button-ink-color, #737373);\n\n        @apply --app-datepicker-buttons;\n      }\n\n      /* will-change: transform, however lag on the first time */\n      .nav-month-year,\n      .days-of-week,\n      .days-of-month {\n        will-change: transform;\n        -webkit-transform: translate3d(0px, 0px, 0px);\n                transform: translate3d(0px, 0px, 0px);\n        -webkit-backface-visibility: hidden;\n                backface-visibility: hidden;\n      }\n\n      iron-list {\n        --iron-list-items-container: {\n          -webkit-transform: translate3d(0px, 0px, 0px);\n          transform: translate3d(0px, 0px, 0px);\n          -webkit-backface-visibility: hidden;\n          backface-visibility: hidden;\n        };\n      }\n\n      /* landscape */\n      @media all and (orientation: landscape) {\n        :host(.horizontal-view) #dp.datepicker,\n        :host(:not(.vertical-view)) #dp.datepicker {\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          width: 512px;\n          height: 241px;\n        }\n        :host(.horizontal-view) #dp.datepicker.with-buttons,\n        :host(:not(.vertical-view)) #dp.datepicker.with-buttons {\n          height: 288px;\n        }\n        :host(.horizontal-view) iron-selector.selected-fulldate,\n        :host(:not(.vertical-view)) iron-selector.selected-fulldate {\n          /* Fixed for IE11, Edge */\n          min-width: 164px;\n          width: calc(100% / 3 + 48px);\n          max-width: 164px;\n          height: 100%;\n        }\n        :host(:not(.vertical-view)) .selected-date {\n          display: -ms-flexbox;\n          display: -webkit-flex;\n          display: flex;\n          -ms-flex-direction: column;\n          -webkit-flex-direction: column;\n          flex-direction: column;\n          -ms-flex-align: start;\n          -webkit-align-items: flex-start;\n          align-items: flex-start;\n          -ms-flex-pack: start;\n          -webkit-justify-content: flex-start;\n          justify-content: flex-start;\n        }\n        /* Fix for IE11 */\n        :host(:not(.vertical-view)) .selected-date > div {\n          width: 100%;\n          word-wrap: break-word;\n        }\n        /* Hack for Edge 12+ */\n        @supports (-ms-accelerator:true) {\n          :host(:not(.vertical-view)) .selected-date > div {\n            white-space: pre-wrap;\n          }\n        }\n\n        :host(.horizontal-view) neon-animated-pages.fullcalendar,\n        :host(:not(.vertical-view)) neon-animated-pages.fullcalendar {\n          height: 100%;\n        }\n        :host(.horizontal-view) .calendar-view,\n        :host(:not(.vertical-view)) .calendar-view {\n          padding-bottom: 0;\n        }\n        :host(.horizontal-view) .navigator,\n        :host(:not(.vertical-view)) .navigator {\n          padding: 2px 10px;\n          margin-top: 0;\n        }\n        :host(.horizontal-view) .each-days-of-week,\n        :host(:not(.vertical-view)) .each-days-of-week {\n          width: calc(100% / 7 - 20px);\n          padding: 0;\n          margin-left: 10px;\n          margin-right: 10px;\n        }\n        :host(:not(.vertical-view)) .days-of-month {\n          margin-top: 8px;\n        }\n        :host(.horizontal-view) .each-days-of-month,\n        :host(:not(.vertical-view)) .each-days-of-month {\n          height: 29px;\n          margin-left: 10px;\n          margin-right: 10px;\n          width: calc(100% / 7 - 20px);\n        }\n      }\n      /* End of landscape @media */\n\n      /* dark-theme */\n      :host(.dark-theme) {\n        background-color: var(--app-datepicker-bg, #424242);\n      }\n      :host(.dark-theme) iron-selector.selected-fulldate {\n        color: var(--app-datepicker-selection-color, #9e9e9e);\n        background-color: var(--app-datepicker-selection-bg, #555);\n      }\n      :host(.dark-theme) .selected-year.iron-selected,\n      :host(.dark-theme) .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #f5f5f5);\n      }\n      :host(.dark-theme) neon-animated-pages.fullcalendar {\n        color: var(--app-datepicker-calendar-color, #f5f5f5);\n        background-color: var(--app-datepicker-calendar-bg, #424242);\n      }\n      :host(.dark-theme) .days-of-week {\n        color: var(--app-datepicker-weekdays-color, #7c7c7c);\n      }\n      :host(.dark-theme) div > .days-of-month > .each-days-of-month.chosen-days-of-month {\n        color: var(--app-datepicker-selected-day-color, #555);\n        background-color: var(--app-datepicker-selected-day-bg, #80cbc4);\n      }\n      :host(.dark-theme) .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #80cbc4);\n      }\n      :host(.dark-theme) .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #ffff00);\n      }\n      :host(.dark-theme) .each-list-of-years.is-selected {\n        background-color: var(--app-datepicker-selected-year-bg, rgba(0, 0, 0, 0));\n        color: var(--app-datepicker-selected-year-color, #80cbc4);\n        font-size: 26px;\n        font-weight: 500;\n      }\n      :host(.dark-theme) paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #ffff00);\n        --paper-icon-button-ink-color: var(--app-datepicker-icon-button-ink-color, #212121);\n      }\n      :host(.dark-theme) ::slotted(paper-button) {\n        color: var(--app-datepicker-button-color, #80cbc4);\n        --paper-button-ink-color: var(--app-datepicker-button-ink-color, #bcbcbc);\n      }\n\n      /* goog theme */\n      :host(.goog-theme) {\n        background-color: var(--app-datepicker-bg, #212121);\n      }\n\n      :host(.goog-theme) iron-selector.selected-fulldate {\n        color: var(--app-datepicker-selection-color, #fff);\n        background-color: var(--app-datepicker-selection-bg, #212121);\n      }\n      :host(.goog-theme) .selected-year.iron-selected,\n      :host(.goog-theme) .selected-date.iron-selected {\n        color: var(--app-datepicker-iron-selected, #DA4336);\n      }\n      :host(.goog-theme) neon-animated-pages.fullcalendar {\n        color: var(--app-datepicker-calendar-color, #fff);\n        background-color: var(--app-datepicker-calendar-bg, #212121);\n      }\n      :host(.goog-theme) .days-of-week {\n        color: var(--app-datepicker-weekdays-color, #9e9e9e);\n      }\n      :host(.goog-theme) div > .days-of-month > .each-days-of-month.chosen-days-of-month {\n        color: var(--app-datepicker-selected-day-color, #fff);\n        background-color: var(--app-datepicker-selected-day-bg, #DA4336);\n      }\n      :host(.goog-theme) .days-of-month > .each-days-of-month.is-today {\n        color: var(--app-datepicker-today-color, #DA4336);\n      }\n      :host(.goog-theme) .days-of-month > .each-days-of-month.is-disabled-day {\n        color: var(--app-datepicker-disabled-color, #646464);\n      }\n      :host(.goog-theme) .each-list-of-years.is-selected {\n        background-color: var(--app-datepicker-selected-year-bg, rgba(0, 0, 0, 0));\n        color: var(--app-datepicker-selected-year-color, #DA4336);\n        font-size: 26px;\n        font-weight: 500;\n      }\n      :host(.goog-theme) paper-icon-button {\n        color: var(--app-datepicker-icon-button-color, #DA4336);\n        --paper-icon-button-ink-color: var(--app-datepicker-icon-button-ink-color, #616161);\n      }\n      :host(.goog-theme) ::slotted(paper-button) {\n        color: var(--app-datepicker-button-color, #DA4336);\n        --paper-button-ink-color: var(--app-datepicker-button-ink-color, #616161);\n      }\n    </style>\n\n    <div id=\"dp\" class=\"datepicker\">\n      <iron-selector class=\"selected-fulldate\" selected=\"{{_activeView}}\" attr-for-selected=\"view\" on-selected-changed=\"_onIronSelectorSelectedChanged\" fallback-selection=\"calendar\">\n        <div id=\"showSelectedYear\" class=\"selected-year\" tabindex=\"0\" view=\"year\" aria-label=\"year view\">\n          [[_showSelectedYear]]\n        </div>\n        <div class=\"selected-date\" view=\"calendar\" tabindex=\"0\">\n          <div aria-label=\"calendar view\">[[_shortSelectedDate]]</div>\n        </div>\n      </iron-selector>\n\n      <neon-animated-pages class=\"fullcalendar\" selected=\"[[_activeView]]\" attr-for-selected=\"view\" entry-animation=\"[[pageEntryAnimation]]\" exit-animation=\"[[pageExitAnimation]]\" on-neon-animation-finish=\"_onAnimationFinish\">\n        <div class=\"calendar-view\" view=\"calendar\">\n          <div class=\"navigator\">\n            <paper-icon-button icon=\"datepicker:chevron-left\" on-tap=\"_decrementMonth\" noink=\"[[noAnimation]]\"></paper-icon-button>\n            <neon-animatable id=\"navMonthYearAnimation\">\n              <div id=\"navMonthYear\" class=\"nav-month-year\">\n                [[_activeMonthYear]]\n              </div>\n            </neon-animatable>\n            <paper-icon-button icon=\"datepicker:chevron-right\" on-tap=\"_incrementMonth\" noink=\"[[noAnimation]]\"></paper-icon-button>\n          </div>\n\n          <neon-animatable id=\"daysOfWeekAnimation\">\n            <div id=\"daysOfWeek\" class=\"days-of-week\">\n              <template is=\"dom-repeat\" items=\"[[_daysOfWeek]]\" index-as=\"index\" strip-whitespace=\"\">\n                <div class=\"each-days-of-week\">\n                  [[item]]\n                </div>\n              </template>\n            </div>\n          </neon-animatable>\n\n\n          <neon-animatable id=\"daysOfMonthAnimation\">\n            <div id=\"daysOfMonth\" class=\"days-of-month\" on-tap=\"_chooseDaysOfMonth\">\n              <template is=\"dom-repeat\" items=\"[[_daysOfMonth]]\" index-as=\"index\" strip-whitespace=\"\">\n                <div class\\$=\"each-days-of-month[[_isToday(item.index, _activeYear, _activeMonth)]][[_isEmptyDate(item.index)]][[_isChosenDaysOfMonth(item.index, _selectedYear, _selectedMonth, _selectedDate)]][[_isDisableDays(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\" index=\"[[index]]\" date=\"[[item.index]]\" tabindex\\$=\"[[_shouldTabIndex(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\" aria-disabled\\$=\"[[_shouldAriaDisabled(index, firstDayOfWeek, minDate, maxDate, item.index, _shiftedDisableDays.*, disableDates.*)]]\" aria-label\\$=\"[[item.index]]\">\n                  [[item.date]]\n                </div>\n              </template>\n            </div>\n          </neon-animatable>\n\n          <div class=\"buttons\">\n            <slot name=\"dismiss-button\"></slot>\n            <slot name=\"confirm-button\"></slot>\n          </div>\n        </div>\n\n        <template is=\"dom-if\" if=\"[[_isListRendered]]\" restamp=\"true\" on-dom-change=\"_onListRendered\" strip-whitespace=\"\">\n          <iron-list id=\"listOfYears\" items=\"[[_listOfYears]]\" view=\"year\" on-neon-animation-finish=\"_onAnimationFinish\" selection-enabled=\"\">\n            <template strip-whitespace=\"\">\n              <div class\\$=\"each-list-of-years[[_isListOfYearsSelected(_selectedYear, item.year)]]\" tabindex\\$=\"[[tabIndex]]\" aria-label\\$=\"[[item.year]]\" label\\$=\"[[item.year]]\" on-tap=\"_goCalendar\" on-keydown=\"_goCalendar\">\n                [[item.year]]\n              </div>\n            </template>\n          </iron-list>\n        </template>\n      </neon-animated-pages>\n\n    </div>"]);
 
-    _templateObject_7ef69ff022d211eaa0764d1a500fd781 = function _templateObject_7ef69ff022d211eaa0764d1a500fd781() {
+    _templateObject_39b8e7a0243411ea86f395335a802507 = function _templateObject_39b8e7a0243411ea86f395335a802507() {
       return data;
     };
 
@@ -931,7 +931,7 @@ define(["./app-datepicker-icons.js", "./animations/datepicker-slide-from-left-an
     }], [{
       key: "template",
       get: function get() {
-        return (0, _polymerElement.html)(_templateObject_7ef69ff022d211eaa0764d1a500fd781());
+        return (0, _polymerElement.html)(_templateObject_39b8e7a0243411ea86f395335a802507());
       }
     }, {
       key: "properties",
diff --git a/build/es5-amd/node_modules/vmsg/COPYING b/build/es5-amd/node_modules/vmsg/COPYING
new file mode 100644
index 00000000000..0e259d42c99
--- /dev/null
+++ b/build/es5-amd/node_modules/vmsg/COPYING
@@ -0,0 +1,121 @@
+Creative Commons Legal Code
+
+CC0 1.0 Universal
+
+    CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE
+    LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN
+    ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS
+    INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES
+    REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS
+    PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM
+    THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED
+    HEREUNDER.
+
+Statement of Purpose
+
+The laws of most jurisdictions throughout the world automatically confer
+exclusive Copyright and Related Rights (defined below) upon the creator
+and subsequent owner(s) (each and all, an "owner") of an original work of
+authorship and/or a database (each, a "Work").
+
+Certain owners wish to permanently relinquish those rights to a Work for
+the purpose of contributing to a commons of creative, cultural and
+scientific works ("Commons") that the public can reliably and without fear
+of later claims of infringement build upon, modify, incorporate in other
+works, reuse and redistribute as freely as possible in any form whatsoever
+and for any purposes, including without limitation commercial purposes.
+These owners may contribute to the Commons to promote the ideal of a free
+culture and the further production of creative, cultural and scientific
+works, or to gain reputation or greater distribution for their Work in
+part through the use and efforts of others.
+
+For these and/or other purposes and motivations, and without any
+expectation of additional consideration or compensation, the person
+associating CC0 with a Work (the "Affirmer"), to the extent that he or she
+is an owner of Copyright and Related Rights in the Work, voluntarily
+elects to apply CC0 to the Work and publicly distribute the Work under its
+terms, with knowledge of his or her Copyright and Related Rights in the
+Work and the meaning and intended legal effect of CC0 on those rights.
+
+1. Copyright and Related Rights. A Work made available under CC0 may be
+protected by copyright and related or neighboring rights ("Copyright and
+Related Rights"). Copyright and Related Rights include, but are not
+limited to, the following:
+
+  i. the right to reproduce, adapt, distribute, perform, display,
+     communicate, and translate a Work;
+ ii. moral rights retained by the original author(s) and/or performer(s);
+iii. publicity and privacy rights pertaining to a person's image or
+     likeness depicted in a Work;
+ iv. rights protecting against unfair competition in regards to a Work,
+     subject to the limitations in paragraph 4(a), below;
+  v. rights protecting the extraction, dissemination, use and reuse of data
+     in a Work;
+ vi. database rights (such as those arising under Directive 96/9/EC of the
+     European Parliament and of the Council of 11 March 1996 on the legal
+     protection of databases, and under any national implementation
+     thereof, including any amended or successor version of such
+     directive); and
+vii. other similar, equivalent or corresponding rights throughout the
+     world based on applicable law or treaty, and any national
+     implementations thereof.
+
+2. Waiver. To the greatest extent permitted by, but not in contravention
+of, applicable law, Affirmer hereby overtly, fully, permanently,
+irrevocably and unconditionally waives, abandons, and surrenders all of
+Affirmer's Copyright and Related Rights and associated claims and causes
+of action, whether now known or unknown (including existing as well as
+future claims and causes of action), in the Work (i) in all territories
+worldwide, (ii) for the maximum duration provided by applicable law or
+treaty (including future time extensions), (iii) in any current or future
+medium and for any number of copies, and (iv) for any purpose whatsoever,
+including without limitation commercial, advertising or promotional
+purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each
+member of the public at large and to the detriment of Affirmer's heirs and
+successors, fully intending that such Waiver shall not be subject to
+revocation, rescission, cancellation, termination, or any other legal or
+equitable action to disrupt the quiet enjoyment of the Work by the public
+as contemplated by Affirmer's express Statement of Purpose.
+
+3. Public License Fallback. Should any part of the Waiver for any reason
+be judged legally invalid or ineffective under applicable law, then the
+Waiver shall be preserved to the maximum extent permitted taking into
+account Affirmer's express Statement of Purpose. In addition, to the
+extent the Waiver is so judged Affirmer hereby grants to each affected
+person a royalty-free, non transferable, non sublicensable, non exclusive,
+irrevocable and unconditional license to exercise Affirmer's Copyright and
+Related Rights in the Work (i) in all territories worldwide, (ii) for the
+maximum duration provided by applicable law or treaty (including future
+time extensions), (iii) in any current or future medium and for any number
+of copies, and (iv) for any purpose whatsoever, including without
+limitation commercial, advertising or promotional purposes (the
+"License"). The License shall be deemed effective as of the date CC0 was
+applied by Affirmer to the Work. Should any part of the License for any
+reason be judged legally invalid or ineffective under applicable law, such
+partial invalidity or ineffectiveness shall not invalidate the remainder
+of the License, and in such case Affirmer hereby affirms that he or she
+will not (i) exercise any of his or her remaining Copyright and Related
+Rights in the Work or (ii) assert any associated claims and causes of
+action with respect to the Work, in either case contrary to Affirmer's
+express Statement of Purpose.
+
+4. Limitations and Disclaimers.
+
+ a. No trademark or patent rights held by Affirmer are waived, abandoned,
+    surrendered, licensed or otherwise affected by this document.
+ b. Affirmer offers the Work as-is and makes no representations or
+    warranties of any kind concerning the Work, express, implied,
+    statutory or otherwise, including without limitation warranties of
+    title, merchantability, fitness for a particular purpose, non
+    infringement, or the absence of latent or other defects, accuracy, or
+    the present or absence of errors, whether or not discoverable, all to
+    the greatest extent permissible under applicable law.
+ c. Affirmer disclaims responsibility for clearing rights of other persons
+    that may apply to the Work or any use thereof, including without
+    limitation any person's Copyright and Related Rights in the Work.
+    Further, Affirmer disclaims responsibility for obtaining any necessary
+    consents, permissions or other rights required for any use of the
+    Work.
+ d. Affirmer understands and acknowledges that Creative Commons is not a
+    party to this document and has no duty or obligation with respect to
+    this CC0 or use of the Work.
diff --git a/build/es5-amd/node_modules/vmsg/README.md b/build/es5-amd/node_modules/vmsg/README.md
new file mode 100644
index 00000000000..81d819bf37c
--- /dev/null
+++ b/build/es5-amd/node_modules/vmsg/README.md
@@ -0,0 +1,128 @@
+# vmsg [![npm](https://img.shields.io/npm/v/vmsg.svg)](https://www.npmjs.com/package/vmsg)
+
+vmsg is a small library for creating voice messages. While traditional
+way of communicating on the web is via text, sometimes it's easier or
+rather funnier to express your thoughts just by saying it. Of course it
+doesn't require any special support: record your voice with some
+standard program, upload to file hosting and share the link. But why
+bother with all of that tedious stuff if you can do the same in browser
+with a few clicks.
+
+:confetti_ball: :tada: **[DEMO](https://kagami.github.io/vmsg/)** :tada: :confetti_ball:
+
+## Features
+
+* No dependencies, framework-agnostic, can be easily added to any site
+* Small: ~73kb gzipped WASM module and ~3kb gzipped JS + CSS
+* Uses MP3 format which is widely supported
+* Works in all latest browsers
+
+## Supported browsers
+
+* Chrome 32+
+* Firefox 27+
+* Safari 11+
+* Edge 12+
+
+## Usage
+
+```
+npm install vmsg --save
+```
+
+```js
+import { record } from "vmsg";
+
+someButton.onclick = function() {
+  record(/* {wasmURL: "/static/js/vmsg.wasm"} */).then(blob => {
+    console.log("Recorded MP3", blob);
+    // Can be used like this:
+    //
+    // const form = new FormData();
+    // form.append("file[]", blob, "record.mp3");
+    // fetch("/upload.php", {
+    //   credentials: "include",
+    //   method: "POST",
+    //   body: form,
+    // }).then(resp => {
+    // });
+  });
+};
+```
+
+That's it! Don't forget to include [vmsg.css](vmsg.css) and
+[vmsg.wasm](vmsg.wasm) in your project. For browsers without WebAssembly
+support you need to also include
+[wasm-polyfill.js](https://github.com/Kagami/wasm-polyfill.js).
+
+See [demo](demo) directory for a more feasible example.
+
+A minimal React example for using Recorder with your own UI can be found [here](https://codesandbox.io/s/v67oz43lm7).
+
+See also [non React demo](https://github.com/addpipe/simple-vmsg-demo) and [Recording mp3 audio in HTML5 using vmsg](https://addpipe.com/blog/recording-mp3-audio-in-html5-using-vmsg-a-webassembly-library-based-on-lame/) article.
+
+## Development
+
+1. Install [Emscripten SDK](https://github.com/juj/emsdk).
+2. Install latest LLVM, Clang and LLD with WebAssembly backend, fix
+   `LLVM_ROOT` variable of Emscripten config.
+3. Make sure you have a standard GNU development environment.
+4. Activate emsdk environment.
+5. ```bash
+   git clone --recurse-submodules https://github.com/Kagami/vmsg.git && cd vmsg
+   make clean all
+   npm install
+   npm start
+   ```
+
+These instructions are very basic because there're a lot of systems with
+different conventions. Docker image would probably be provided to fix it.
+
+## Technical details for nerds
+
+vmsg uses LAME encoder underneath compiled with Emscripten to
+WebAssembly module. LAME build is optimized for size, weights only
+little more than 70kb gzipped and can be super-efficiently fetched and
+parsed by browser. [It's like a small image.](https://twitter.com/wycats/status/942908325775077376)
+
+Access to microphone is implemented with Web Audio API, data samples
+sent to Web Worker which is responsibe for loading WebAssembly module
+and calling LAME API.
+
+Module is produced with modern LLVM WASM backend and LLD linker which
+should become standard soon, also vmsg has own tiny WASM runtime instead
+of Emscripten's to decrease overall size and simplify architecture.
+Worker code is included in the main JS module so end-user has to care
+only about 3 files: `vmsg.js`, `vmsg.css` and `vmsg.wasm`. CSS can be
+inlined too but IMO that would be ugly.
+
+In order to support browsers without WebAssembly,
+[WebAssembly polyfill](https://github.com/Kagami/wasm-polyfill.js) is
+being used. It translates binary module into semantically-equivalent
+JavaScript on the fly (almost asm.js compatible but doesn't fully
+validate yet) so we don't need separate asm.js build and can use
+standard WebAssembly API. It's not as effecient but for audio encoding
+should be enough.
+
+**See also:** [Creating WebAssembly-powered library for modern web](https://hackernoon.com/creating-webassembly-powered-library-for-modern-web-846da334f8fc) article.
+
+## Why not MediaRecorder?
+
+[MediaStream Recording API](https://developer.mozilla.org/en-US/docs/Web/API/MediaStream_Recording_API)
+is great but:
+
+* Works only in Firefox and Chrome
+* Provides little to no options, e.g. VBR quality can't be specified
+* Firefox/Chrome encode only to Opus which can't be natively played in Safari and Edge
+
+## But you can use e.g. ogv.js polyfill!
+
+* It make things more complicated, now you need both encoder and decoder
+* Opus gives you ~2x bitrate win but for 500kb per minute files it's not that much
+* MP3 is much more widespread, so even while compression is not best compatibility matters
+
+## License
+
+vmsg is licensed under [CC0](COPYING).  
+LAME is licensed under [LGPL](https://github.com/Kagami/lame-svn/blob/master/lame/COPYING).  
+MP3 patents seems to [have expired since April 23, 2017](https://en.wikipedia.org/wiki/LAME#Patents_and_legal_issues).
diff --git a/build/es5-amd/node_modules/vmsg/package.json b/build/es5-amd/node_modules/vmsg/package.json
new file mode 100644
index 00000000000..ccb0000027f
--- /dev/null
+++ b/build/es5-amd/node_modules/vmsg/package.json
@@ -0,0 +1,44 @@
+{
+  "name": "vmsg",
+  "version": "0.3.6",
+  "description": "Library for creating voice messages",
+  "main": "vmsg.js",
+  "typings": "vmsg.d.ts",
+  "scripts": {
+    "start": "parcel demo/index.html",
+    "prepare": "babel vmsg.js -o vmsg.es5.js",
+    "demo": "D=`mktemp -d` && parcel build demo/index.html --out-dir \"$D\" --public-url ./ && git checkout gh-pages && rm `git ls-files *` && mv \"$D\"/* . && rmdir \"$D\" && git add -A && git commit -m 'Update demo'"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Kagami/vmsg.git"
+  },
+  "keywords": [
+    "voice",
+    "voice message",
+    "emscripten",
+    "webassembly",
+    "lame",
+    "mp3"
+  ],
+  "author": "Kagami Hiiragi",
+  "license": "CC0-1.0",
+  "bugs": {
+    "url": "https://github.com/Kagami/vmsg/issues"
+  },
+  "homepage": "https://github.com/Kagami/vmsg#readme",
+  "parcelDisableLoaders": [
+    "wasm"
+  ],
+  "devDependencies": {
+    "@babel/cli": "^7.2.3",
+    "@babel/core": "^7.2.2",
+    "@babel/plugin-proposal-class-properties": "^7.3.0",
+    "@babel/preset-env": "^7.3.1",
+    "autoprefixer": "^9.4.7",
+    "parcel-bundler": "^1.11.0",
+    "parcel-plugin-disable-loaders": "^1.0.3",
+    "react": "^16.8.1",
+    "react-dom": "^16.8.1"
+  }
+}
diff --git a/build/es5-amd/node_modules/vmsg/vmsg.css b/build/es5-amd/node_modules/vmsg/vmsg.css
new file mode 100644
index 00000000000..3ad248f1e79
--- /dev/null
+++ b/build/es5-amd/node_modules/vmsg/vmsg.css
@@ -0,0 +1 @@
+.vmsg-backdrop{position:fixed;left:0;right:0;top:0;bottom:0;display:flex;background:rgba(0,0,0,.7);align-items:center;justify-content:center;}.vmsg-popup{box-sizing:border-box;width:250px;padding:10px;border-radius:4px;background:#e4e1e5;box-shadow:1px 1px 4px 0 rgba(59,26,84,.6);display:flex;flex-direction:column;justify-content:center;font-family:Helvetica,sans-serif;font-size:14px;line-height:1.4;color:#0a0a0a;}.vmsg-progress{width:40%;margin:0 auto;display:flex;justify-content:space-between;}.vmsg-progress-dot{width:15px;height:15px;border-radius:50%;animation:vmsg-progress 1s linear infinite;}.vmsg-progress-dot:nth-child(2){animation-delay:-0.8s;}.vmsg-progress-dot:nth-child(3){animation-delay:-0.6s;}@keyframes vmsg-progress{0%, 60%, 100%{background:none;}30%{background:#9e85ad;}}.vmsg-error{font-weight:bold;text-align:center;}.vmsg-record-row{display:flex;justify-content:space-between;}.vmsg-button{min-width:40px;line-height:30px;padding:0;background:transparent;border:1px solid #ccc;font-family:Helvetica,sans-serif;cursor:pointer;outline:none;user-select:none;}.vmsg-button:disabled{cursor:default;color:#999;}.vmsg-button:not(:disabled):hover{border-color:#9e85ad;}.vmsg-button::-moz-focus-inner{border:0;}.vmsg-record-button{font-size:30px;color:#f00;}.vmsg-stop-button{font-size:25px;color:#000;}.vmsg-save-button{font-size:25px;color:#090;}.vmsg-timer{line-height:32px;font-weight:bold;color:#333;cursor:pointer;user-select:none;}.vmsg-slider-wrapper{position:relative;margin-top:3px;}.vmsg-slider-wrapper::after{position:absolute;left:0;right:0;top:0;bottom:0;line-height:14px;text-align:center;color:#999;pointer-events:none;}.vmsg-pitch-slider-wrapper::after{content:"pitch";}.vmsg-gain-slider-wrapper::after{content:"gain";}.vmsg-slider{display:block;width:100%;height:16px;margin:0;padding:0;outline:none;background:none;-webkit-appearance:none;}.vmsg-slider::-moz-focus-outer{border:0;}.vmsg-slider::-webkit-slider-runnable-track{box-sizing:border-box;height:16px;background:none;border:1px solid #ccc;}.vmsg-slider::-moz-range-track{box-sizing:border-box;height:16px;background:none;border:1px solid #ccc;}.vmsg-slider::-ms-track{box-sizing:border-box;height:16px;background:none;border:1px solid #ccc;}.vmsg-slider::-webkit-slider-thumb{width:39px;height:14px;background:#ccc;cursor:pointer;-webkit-appearance:none;}.vmsg-slider::-moz-range-thumb{width:40px;height:14px;background:#ccc;border:none;border-radius:0;cursor:pointer;}.vmsg-slider::-ms-thumb{width:39px;height:14px;background:#ccc;cursor:pointer;}.vmsg-slider::-webkit-slider-thumb:hover{background:#999;}.vmsg-slider::-moz-range-thumb:hover{background:#999;}.vmsg-slider::-ms-thumb:hover{background:#999;}.vmsg-slider::-ms-tooltip{display:none;}
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/vmsg/vmsg.d.ts b/build/es5-amd/node_modules/vmsg/vmsg.d.ts
new file mode 100644
index 00000000000..7669b3f8d71
--- /dev/null
+++ b/build/es5-amd/node_modules/vmsg/vmsg.d.ts
@@ -0,0 +1,23 @@
+declare module "vmsg" {
+  interface RecordOptions {
+    wasmURL?: string;
+    shimURL?: string;
+    pitch?: number;
+  }
+
+  export class Recorder {
+    constructor(opts: RecordOptions);
+    stopRecording(): Promise<Blob>;
+    initAudio(): Promise<void>;
+    initWorker(): Promise<void>;
+    init(): Promise<void>;
+    startRecording(): void;
+    close(): void;
+  }
+
+  interface Exports {
+    record: (opts?: RecordOptions) => Promise<Blob>;
+  }
+  const exports: Exports;
+  export default exports;
+}
diff --git a/build/es5-amd/node_modules/vmsg/vmsg.es5.js b/build/es5-amd/node_modules/vmsg/vmsg.es5.js
new file mode 100644
index 00000000000..66a8ab57353
--- /dev/null
+++ b/build/es5-amd/node_modules/vmsg/vmsg.es5.js
@@ -0,0 +1,891 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.record = record;
+exports.default = exports.Form = exports.Recorder = void 0;
+
+function _classCallCheck(instance, Constructor) {
+  if (!babelHelpers.instanceof(instance, Constructor)) {
+    throw new TypeError("Cannot call a class as a function");
+  }
+}
+
+function _defineProperties(target, props) {
+  for (var i = 0; i < props.length; i++) {
+    var descriptor = props[i];
+    descriptor.enumerable = descriptor.enumerable || false;
+    descriptor.configurable = true;
+    if ("value" in descriptor) descriptor.writable = true;
+    Object.defineProperty(target, descriptor.key, descriptor);
+  }
+}
+
+function _createClass(Constructor, protoProps, staticProps) {
+  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+  if (staticProps) _defineProperties(Constructor, staticProps);
+  return Constructor;
+}
+/* eslint-disable */
+
+
+function pad2(n) {
+  n |= 0;
+  return n < 10 ? "0".concat(n) : "".concat(Math.min(n, 99));
+}
+
+function inlineWorker() {
+  // TODO(Kagami): Cache compiled module in IndexedDB? It works in FF
+  // and Edge, see: https://github.com/mdn/webassembly-examples/issues/4
+  // Though gzipped WASM module currently weights ~70kb so it should be
+  // perfectly cached by the browser itself.
+  function fetchAndInstantiate(url, imports) {
+    if (!WebAssembly.instantiateStreaming) return fetchAndInstantiateFallback(url, imports);
+    var req = fetch(url, {
+      credentials: "same-origin"
+    });
+    return WebAssembly.instantiateStreaming(req, imports).catch(function (err) {
+      // https://github.com/Kagami/vmsg/issues/11
+      if (err.message && err.message.indexOf("Argument 0 must be provided and must be a Response") > 0) {
+        return fetchAndInstantiateFallback(url, imports);
+      } else {
+        throw err;
+      }
+    });
+  }
+
+  function fetchAndInstantiateFallback(url, imports) {
+    return new Promise(function (resolve, reject) {
+      var req = new XMLHttpRequest();
+      req.open("GET", url);
+      req.responseType = "arraybuffer";
+
+      req.onload = function () {
+        resolve(WebAssembly.instantiate(req.response, imports));
+      };
+
+      req.onerror = reject;
+      req.send();
+    });
+  } // Must be in sync with emcc settings!
+
+
+  var TOTAL_STACK = 5 * 1024 * 1024;
+  var TOTAL_MEMORY = 16 * 1024 * 1024;
+  var WASM_PAGE_SIZE = 64 * 1024;
+  var memory = null;
+  var dynamicTop = TOTAL_STACK; // TODO(Kagami): Grow memory?
+
+  function sbrk(increment) {
+    var oldDynamicTop = dynamicTop;
+    dynamicTop += increment;
+    return oldDynamicTop;
+  } // TODO(Kagami): LAME calls exit(-1) on internal error. Would be nice
+  // to provide custom DEBUGF/ERRORF for easier debugging. Currenty
+  // those functions do nothing.
+
+
+  function exit(status) {
+    postMessage({
+      type: "internal-error",
+      data: status
+    });
+  }
+
+  var FFI = null;
+  var ref = null;
+  var pcm_l = null;
+
+  function vmsg_init(rate) {
+    ref = FFI.vmsg_init(rate);
+    if (!ref) return false;
+    var pcm_l_ref = new Uint32Array(memory.buffer, ref, 1)[0];
+    pcm_l = new Float32Array(memory.buffer, pcm_l_ref);
+    return true;
+  }
+
+  function vmsg_encode(data) {
+    pcm_l.set(data);
+    return FFI.vmsg_encode(ref, data.length) >= 0;
+  }
+
+  function vmsg_flush() {
+    if (FFI.vmsg_flush(ref) < 0) return null;
+    var mp3_ref = new Uint32Array(memory.buffer, ref + 4, 1)[0];
+    var size = new Uint32Array(memory.buffer, ref + 8, 1)[0];
+    var mp3 = new Uint8Array(memory.buffer, mp3_ref, size);
+    var blob = new Blob([mp3], {
+      type: "audio/mpeg"
+    });
+    FFI.vmsg_free(ref);
+    ref = null;
+    pcm_l = null;
+    return blob;
+  } // https://github.com/brion/min-wasm-fail
+
+
+  function testSafariWebAssemblyBug() {
+    var bin = new Uint8Array([0, 97, 115, 109, 1, 0, 0, 0, 1, 6, 1, 96, 1, 127, 1, 127, 3, 2, 1, 0, 5, 3, 1, 0, 1, 7, 8, 1, 4, 116, 101, 115, 116, 0, 0, 10, 16, 1, 14, 0, 32, 0, 65, 1, 54, 2, 0, 32, 0, 40, 2, 0, 11]);
+    var mod = new WebAssembly.Module(bin);
+    var inst = new WebAssembly.Instance(mod, {}); // test storing to and loading from a non-zero location via a parameter.
+    // Safari on iOS 11.2.5 returns 0 unexpectedly at non-zero locations
+
+    return inst.exports.test(4) !== 0;
+  }
+
+  onmessage = function onmessage(e) {
+    var msg = e.data;
+
+    switch (msg.type) {
+      case "init":
+        var _msg$data = msg.data,
+            wasmURL = _msg$data.wasmURL,
+            shimURL = _msg$data.shimURL;
+        Promise.resolve().then(function () {
+          if (self.WebAssembly && !testSafariWebAssemblyBug()) {
+            delete self.WebAssembly;
+          }
+
+          if (!self.WebAssembly) {
+            importScripts(shimURL);
+          }
+
+          memory = new WebAssembly.Memory({
+            initial: TOTAL_MEMORY / WASM_PAGE_SIZE,
+            maximum: TOTAL_MEMORY / WASM_PAGE_SIZE
+          });
+          return {
+            memory: memory,
+            pow: Math.pow,
+            exit: exit,
+            powf: Math.pow,
+            exp: Math.exp,
+            sqrtf: Math.sqrt,
+            cos: Math.cos,
+            log: Math.log,
+            sin: Math.sin,
+            sbrk: sbrk
+          };
+        }).then(function (Runtime) {
+          return fetchAndInstantiate(wasmURL, {
+            env: Runtime
+          });
+        }).then(function (wasm) {
+          FFI = wasm.instance.exports;
+          postMessage({
+            type: "init",
+            data: null
+          });
+        }).catch(function (err) {
+          postMessage({
+            type: "init-error",
+            data: err.toString()
+          });
+        });
+        break;
+
+      case "start":
+        if (!vmsg_init(msg.data)) return postMessage({
+          type: "error",
+          data: "vmsg_init"
+        });
+        break;
+
+      case "data":
+        if (!vmsg_encode(msg.data)) return postMessage({
+          type: "error",
+          data: "vmsg_encode"
+        });
+        break;
+
+      case "stop":
+        var blob = vmsg_flush();
+        if (!blob) return postMessage({
+          type: "error",
+          data: "vmsg_flush"
+        });
+        postMessage({
+          type: "stop",
+          data: blob
+        });
+        break;
+    }
+  };
+}
+
+var Recorder =
+/*#__PURE__*/
+function () {
+  function Recorder() {
+    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var onStop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+
+    _classCallCheck(this, Recorder); // Can't use relative URL in blob worker, see:
+    // https://stackoverflow.com/a/22582695
+
+
+    this.wasmURL = new URL(opts.wasmURL || "/static/js/vmsg.wasm", location).href;
+    this.shimURL = new URL(opts.shimURL || "/static/js/wasm-polyfill.js", location).href;
+    this.onStop = onStop;
+    this.pitch = opts.pitch || 0;
+    this.stream = null;
+    this.audioCtx = null;
+    this.gainNode = null;
+    this.pitchFX = null;
+    this.encNode = null;
+    this.worker = null;
+    this.workerURL = null;
+    this.blob = null;
+    this.blobURL = null;
+    this.resolve = null;
+    this.reject = null;
+    Object.seal(this);
+  }
+
+  _createClass(Recorder, [{
+    key: "close",
+    value: function close() {
+      if (this.encNode) this.encNode.disconnect();
+      if (this.encNode) this.encNode.onaudioprocess = null;
+      if (this.stream) this.stopTracks();
+      if (this.audioCtx) this.audioCtx.close();
+      if (this.worker) this.worker.terminate();
+      if (this.workerURL) URL.revokeObjectURL(this.workerURL);
+      if (this.blobURL) URL.revokeObjectURL(this.blobURL);
+    } // Without pitch shift:
+    //   [sourceNode] -> [gainNode] -> [encNode] -> [audioCtx.destination]
+    //                                     |
+    //                                     -> [worker]
+    // With pitch shift:
+    //   [sourceNode] -> [gainNode] -> [pitchFX] -> [encNode] -> [audioCtx.destination]
+    //                                                  |
+    //                                                  -> [worker]
+
+  }, {
+    key: "initAudio",
+    value: function initAudio() {
+      var _this = this;
+
+      var getUserMedia = navigator.mediaDevices && navigator.mediaDevices.getUserMedia ? function (constraints) {
+        return navigator.mediaDevices.getUserMedia(constraints);
+      } : function (constraints) {
+        var oldGetUserMedia = navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
+
+        if (!oldGetUserMedia) {
+          return Promise.reject(new Error("getUserMedia is not implemented in this browser"));
+        }
+
+        return new Promise(function (resolve, reject) {
+          oldGetUserMedia.call(navigator, constraints, resolve, reject);
+        });
+      };
+      return getUserMedia({
+        audio: true
+      }).then(function (stream) {
+        _this.stream = stream;
+        var audioCtx = _this.audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+        var sourceNode = audioCtx.createMediaStreamSource(stream);
+        var gainNode = _this.gainNode = (audioCtx.createGain || audioCtx.createGainNode).call(audioCtx);
+        gainNode.gain.value = 1;
+        sourceNode.connect(gainNode);
+        var pitchFX = _this.pitchFX = new Jungle(audioCtx);
+        pitchFX.setPitchOffset(_this.pitch);
+        var encNode = _this.encNode = (audioCtx.createScriptProcessor || audioCtx.createJavaScriptNode).call(audioCtx, 0, 1, 1);
+        pitchFX.output.connect(encNode);
+        gainNode.connect(_this.pitch === 0 ? encNode : pitchFX.input);
+      });
+    }
+  }, {
+    key: "initWorker",
+    value: function initWorker() {
+      var _this2 = this;
+
+      if (!this.stream) throw new Error("missing audio initialization"); // https://stackoverflow.com/a/19201292
+
+      var blob = new Blob(["(", inlineWorker.toString(), ")()"], {
+        type: "application/javascript"
+      });
+      var workerURL = this.workerURL = URL.createObjectURL(blob);
+      var worker = this.worker = new Worker(workerURL);
+      var wasmURL = this.wasmURL,
+          shimURL = this.shimURL;
+      worker.postMessage({
+        type: "init",
+        data: {
+          wasmURL: wasmURL,
+          shimURL: shimURL
+        }
+      });
+      return new Promise(function (resolve, reject) {
+        worker.onmessage = function (e) {
+          var msg = e.data;
+
+          switch (msg.type) {
+            case "init":
+              resolve();
+              break;
+
+            case "init-error":
+              reject(new Error(msg.data));
+              break;
+            // TODO(Kagami): Error handling.
+
+            case "error":
+            case "internal-error":
+              console.error("Worker error:", msg.data);
+              if (_this2.reject) _this2.reject(msg.data);
+              break;
+
+            case "stop":
+              _this2.blob = msg.data;
+              _this2.blobURL = URL.createObjectURL(msg.data);
+              if (_this2.onStop) _this2.onStop();
+              if (_this2.resolve) _this2.resolve(_this2.blob);
+              break;
+          }
+        };
+      });
+    }
+  }, {
+    key: "init",
+    value: function init() {
+      return this.initAudio().then(this.initWorker.bind(this));
+    }
+  }, {
+    key: "startRecording",
+    value: function startRecording() {
+      var _this3 = this;
+
+      if (!this.stream) throw new Error("missing audio initialization");
+      if (!this.worker) throw new Error("missing worker initialization");
+      this.blob = null;
+      if (this.blobURL) URL.revokeObjectURL(this.blobURL);
+      this.blobURL = null;
+      this.resolve = null;
+      this.reject = null;
+      this.worker.postMessage({
+        type: "start",
+        data: this.audioCtx.sampleRate
+      });
+
+      this.encNode.onaudioprocess = function (e) {
+        var samples = e.inputBuffer.getChannelData(0);
+
+        _this3.worker.postMessage({
+          type: "data",
+          data: samples
+        });
+      };
+
+      this.encNode.connect(this.audioCtx.destination);
+    }
+  }, {
+    key: "stopRecording",
+    value: function stopRecording() {
+      var _this4 = this;
+
+      if (!this.stream) throw new Error("missing audio initialization");
+      if (!this.worker) throw new Error("missing worker initialization");
+      this.encNode.disconnect();
+      this.encNode.onaudioprocess = null;
+      this.stopTracks();
+      this.worker.postMessage({
+        type: "stop",
+        data: null
+      });
+      return new Promise(function (resolve, reject) {
+        _this4.resolve = resolve;
+        _this4.reject = reject;
+      });
+    }
+  }, {
+    key: "stopTracks",
+    value: function stopTracks() {
+      // Might be missed in Safari and old FF/Chrome per MDN.
+      if (this.stream.getTracks) {
+        // Hide browser's recording indicator.
+        this.stream.getTracks().forEach(function (track) {
+          return track.stop();
+        });
+      }
+    }
+  }]);
+
+  return Recorder;
+}();
+
+exports.Recorder = Recorder;
+
+var Form =
+/*#__PURE__*/
+function () {
+  function Form() {
+    var _this5 = this;
+
+    var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var resolve = arguments.length > 1 ? arguments[1] : undefined;
+    var reject = arguments.length > 2 ? arguments[2] : undefined;
+
+    _classCallCheck(this, Form);
+
+    this.recorder = new Recorder(opts, this.onStop.bind(this));
+    this.resolve = resolve;
+    this.reject = reject;
+    this.backdrop = null;
+    this.popup = null;
+    this.recordBtn = null;
+    this.stopBtn = null;
+    this.timer = null;
+    this.audio = null;
+    this.saveBtn = null;
+    this.tid = 0;
+    this.start = 0;
+    Object.seal(this);
+    this.recorder.initAudio().then(function () {
+      return _this5.drawInit();
+    }).then(function () {
+      return _this5.recorder.initWorker();
+    }).then(function () {
+      return _this5.drawAll();
+    }).catch(function (err) {
+      return _this5.drawError(err);
+    });
+  }
+
+  _createClass(Form, [{
+    key: "drawInit",
+    value: function drawInit() {
+      var _this6 = this;
+
+      if (this.backdrop) return;
+      var backdrop = this.backdrop = document.createElement("div");
+      backdrop.className = "vmsg-backdrop";
+      backdrop.addEventListener("click", function () {
+        return _this6.close(null);
+      });
+      var popup = this.popup = document.createElement("div");
+      popup.className = "vmsg-popup";
+      popup.addEventListener("click", function (e) {
+        return e.stopPropagation();
+      });
+      var progress = document.createElement("div");
+      progress.className = "vmsg-progress";
+
+      for (var i = 0; i < 3; i++) {
+        var progressDot = document.createElement("div");
+        progressDot.className = "vmsg-progress-dot";
+        progress.appendChild(progressDot);
+      }
+
+      popup.appendChild(progress);
+      backdrop.appendChild(popup);
+      document.body.appendChild(backdrop);
+    }
+  }, {
+    key: "drawTime",
+    value: function drawTime(msecs) {
+      var secs = Math.round(msecs / 1000);
+      this.timer.textContent = pad2(secs / 60) + ":" + pad2(secs % 60);
+    }
+  }, {
+    key: "drawAll",
+    value: function drawAll() {
+      var _this7 = this;
+
+      this.drawInit();
+      this.clearAll();
+      var recordRow = document.createElement("div");
+      recordRow.className = "vmsg-record-row";
+      this.popup.appendChild(recordRow);
+      var recordBtn = this.recordBtn = document.createElement("button");
+      recordBtn.className = "vmsg-button vmsg-record-button";
+      recordBtn.textContent = "●";
+      recordBtn.addEventListener("click", function () {
+        return _this7.startRecording();
+      });
+      recordRow.appendChild(recordBtn);
+      var stopBtn = this.stopBtn = document.createElement("button");
+      stopBtn.className = "vmsg-button vmsg-stop-button";
+      stopBtn.style.display = "none";
+      stopBtn.textContent = "■";
+      stopBtn.addEventListener("click", function () {
+        return _this7.stopRecording();
+      });
+      recordRow.appendChild(stopBtn);
+      var audio = this.audio = new Audio();
+      audio.autoplay = true;
+      var timer = this.timer = document.createElement("span");
+      timer.className = "vmsg-timer";
+      timer.addEventListener("click", function () {
+        if (audio.paused) {
+          if (_this7.recorder.blobURL) {
+            audio.src = _this7.recorder.blobURL;
+          }
+        } else {
+          audio.pause();
+        }
+      });
+      this.drawTime(0);
+      recordRow.appendChild(timer);
+      var saveBtn = this.saveBtn = document.createElement("button");
+      saveBtn.className = "vmsg-button vmsg-save-button";
+      saveBtn.textContent = "✓";
+      saveBtn.disabled = true;
+      saveBtn.addEventListener("click", function () {
+        return _this7.close(_this7.recorder.blob);
+      });
+      recordRow.appendChild(saveBtn);
+      var gainWrapper = document.createElement("div");
+      gainWrapper.className = "vmsg-slider-wrapper vmsg-gain-slider-wrapper";
+      var gainSlider = document.createElement("input");
+      gainSlider.className = "vmsg-slider vmsg-gain-slider";
+      gainSlider.setAttribute("type", "range");
+      gainSlider.min = 0;
+      gainSlider.max = 2;
+      gainSlider.step = 0.2;
+      gainSlider.value = 1;
+
+      gainSlider.onchange = function () {
+        var gain = +gainSlider.value;
+        _this7.recorder.gainNode.gain.value = gain;
+      };
+
+      gainWrapper.appendChild(gainSlider);
+      this.popup.appendChild(gainWrapper);
+      var pitchWrapper = document.createElement("div");
+      pitchWrapper.className = "vmsg-slider-wrapper vmsg-pitch-slider-wrapper";
+      var pitchSlider = document.createElement("input");
+      pitchSlider.className = "vmsg-slider vmsg-pitch-slider";
+      pitchSlider.setAttribute("type", "range");
+      pitchSlider.min = -1;
+      pitchSlider.max = 1;
+      pitchSlider.step = 0.2;
+      pitchSlider.value = this.recorder.pitch;
+
+      pitchSlider.onchange = function () {
+        var pitch = +pitchSlider.value;
+
+        _this7.recorder.pitchFX.setPitchOffset(pitch);
+
+        _this7.recorder.gainNode.disconnect();
+
+        _this7.recorder.gainNode.connect(pitch === 0 ? _this7.recorder.encNode : _this7.recorder.pitchFX.input);
+      };
+
+      pitchWrapper.appendChild(pitchSlider);
+      this.popup.appendChild(pitchWrapper);
+    }
+  }, {
+    key: "drawError",
+    value: function drawError(err) {
+      console.error(err);
+      this.drawInit();
+      this.clearAll();
+      var error = document.createElement("div");
+      error.className = "vmsg-error";
+      error.textContent = err.toString();
+      this.popup.appendChild(error);
+    }
+  }, {
+    key: "clearAll",
+    value: function clearAll() {
+      if (!this.popup) return;
+      this.popup.innerHTML = "";
+    }
+  }, {
+    key: "close",
+    value: function close(blob) {
+      if (this.audio) this.audio.pause();
+      if (this.tid) clearTimeout(this.tid);
+      this.recorder.close();
+      this.backdrop.remove();
+
+      if (blob) {
+        this.resolve(blob);
+      } else {
+        this.reject(new Error("No record made"));
+      }
+    }
+  }, {
+    key: "onStop",
+    value: function onStop() {
+      this.recordBtn.style.display = "";
+      this.stopBtn.style.display = "none";
+      this.stopBtn.disabled = false;
+      this.saveBtn.disabled = false;
+    }
+  }, {
+    key: "startRecording",
+    value: function startRecording() {
+      this.audio.pause();
+      this.start = Date.now();
+      this.updateTime();
+      this.recordBtn.style.display = "none";
+      this.stopBtn.style.display = "";
+      this.saveBtn.disabled = true;
+      this.recorder.startRecording();
+    }
+  }, {
+    key: "stopRecording",
+    value: function stopRecording() {
+      clearTimeout(this.tid);
+      this.tid = 0;
+      this.stopBtn.disabled = true;
+      this.recorder.stopRecording();
+    }
+  }, {
+    key: "updateTime",
+    value: function updateTime() {
+      var _this8 = this; // NOTE(Kagami): We can do this in `onaudioprocess` but that would
+      // run too often and create unnecessary DOM updates.
+
+
+      this.drawTime(Date.now() - this.start);
+      this.tid = setTimeout(function () {
+        return _this8.updateTime();
+      }, 300);
+    }
+  }]);
+
+  return Form;
+}();
+
+exports.Form = Form;
+var shown = false;
+/**
+ * Record a new voice message.
+ *
+ * @param {Object=} opts - Options
+ * @param {string=} opts.wasmURL - URL of the module
+ *                                 ("/static/js/vmsg.wasm" by default)
+ * @param {string=} opts.shimURL - URL of the WebAssembly polyfill
+ *                                 ("/static/js/wasm-polyfill.js" by default)
+ * @param {number=} opts.pitch - Initial pitch shift ([-1, 1], 0 by default)
+ * @return {Promise.<Blob>} A promise that contains recorded blob when fulfilled.
+ */
+
+function record(opts) {
+  return new Promise(function (resolve, reject) {
+    if (shown) throw new Error("Record form is already opened");
+    shown = true;
+    new Form(opts, resolve, reject); // Use `.finally` once it's available in Safari and Edge.
+  }).then(function (result) {
+    shown = false;
+    return result;
+  }, function (err) {
+    shown = false;
+    throw err;
+  });
+}
+/**
+ * All available public items.
+ */
+
+
+var _default = {
+  Recorder: Recorder,
+  Form: Form,
+  record: record
+}; // Borrowed from and slightly modified:
+// https://github.com/cwilso/Audio-Input-Effects/blob/master/js/jungle.js
+// Copyright 2012, Google Inc.
+// All rights reserved.
+//
+// Redistribution and use in source and binary forms, with or without
+// modification, are permitted provided that the following conditions are
+// met:
+//
+//     * Redistributions of source code must retain the above copyright
+// notice, this list of conditions and the following disclaimer.
+//     * Redistributions in binary form must reproduce the above
+// copyright notice, this list of conditions and the following disclaimer
+// in the documentation and/or other materials provided with the
+// distribution.
+//     * Neither the name of Google Inc. nor the names of its
+// contributors may be used to endorse or promote products derived from
+// this software without specific prior written permission.
+//
+// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+// "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+// LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+// A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+// OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+// SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+// LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+// DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+// THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+// (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+// OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+exports.default = _default;
+var delayTime = 0.100;
+var fadeTime = 0.050;
+var bufferTime = 0.100;
+
+function createFadeBuffer(context, activeTime, fadeTime) {
+  var length1 = activeTime * context.sampleRate;
+  var length2 = (activeTime - 2 * fadeTime) * context.sampleRate;
+  var length = length1 + length2;
+  var buffer = context.createBuffer(1, length, context.sampleRate);
+  var p = buffer.getChannelData(0);
+  var fadeLength = fadeTime * context.sampleRate;
+  var fadeIndex1 = fadeLength;
+  var fadeIndex2 = length1 - fadeLength; // 1st part of cycle
+
+  for (var i = 0; i < length1; ++i) {
+    var value;
+
+    if (i < fadeIndex1) {
+      value = Math.sqrt(i / fadeLength);
+    } else if (i >= fadeIndex2) {
+      value = Math.sqrt(1 - (i - fadeIndex2) / fadeLength);
+    } else {
+      value = 1;
+    }
+
+    p[i] = value;
+  } // 2nd part
+
+
+  for (var i = length1; i < length; ++i) {
+    p[i] = 0;
+  }
+
+  return buffer;
+}
+
+function createDelayTimeBuffer(context, activeTime, fadeTime, shiftUp) {
+  var length1 = activeTime * context.sampleRate;
+  var length2 = (activeTime - 2 * fadeTime) * context.sampleRate;
+  var length = length1 + length2;
+  var buffer = context.createBuffer(1, length, context.sampleRate);
+  var p = buffer.getChannelData(0); // 1st part of cycle
+
+  for (var i = 0; i < length1; ++i) {
+    if (shiftUp) // This line does shift-up transpose
+      p[i] = (length1 - i) / length;else // This line does shift-down transpose
+      p[i] = i / length1;
+  } // 2nd part
+
+
+  for (var i = length1; i < length; ++i) {
+    p[i] = 0;
+  }
+
+  return buffer;
+}
+
+function Jungle(context) {
+  this.context = context; // Create nodes for the input and output of this "module".
+
+  var input = (context.createGain || context.createGainNode).call(context);
+  var output = (context.createGain || context.createGainNode).call(context);
+  this.input = input;
+  this.output = output; // Delay modulation.
+
+  var mod1 = context.createBufferSource();
+  var mod2 = context.createBufferSource();
+  var mod3 = context.createBufferSource();
+  var mod4 = context.createBufferSource();
+  this.shiftDownBuffer = createDelayTimeBuffer(context, bufferTime, fadeTime, false);
+  this.shiftUpBuffer = createDelayTimeBuffer(context, bufferTime, fadeTime, true);
+  mod1.buffer = this.shiftDownBuffer;
+  mod2.buffer = this.shiftDownBuffer;
+  mod3.buffer = this.shiftUpBuffer;
+  mod4.buffer = this.shiftUpBuffer;
+  mod1.loop = true;
+  mod2.loop = true;
+  mod3.loop = true;
+  mod4.loop = true; // for switching between oct-up and oct-down
+
+  var mod1Gain = (context.createGain || context.createGainNode).call(context);
+  var mod2Gain = (context.createGain || context.createGainNode).call(context);
+  var mod3Gain = (context.createGain || context.createGainNode).call(context);
+  mod3Gain.gain.value = 0;
+  var mod4Gain = (context.createGain || context.createGainNode).call(context);
+  mod4Gain.gain.value = 0;
+  mod1.connect(mod1Gain);
+  mod2.connect(mod2Gain);
+  mod3.connect(mod3Gain);
+  mod4.connect(mod4Gain); // Delay amount for changing pitch.
+
+  var modGain1 = (context.createGain || context.createGainNode).call(context);
+  var modGain2 = (context.createGain || context.createGainNode).call(context);
+  var delay1 = (context.createDelay || context.createDelayNode).call(context);
+  var delay2 = (context.createDelay || context.createDelayNode).call(context);
+  mod1Gain.connect(modGain1);
+  mod2Gain.connect(modGain2);
+  mod3Gain.connect(modGain1);
+  mod4Gain.connect(modGain2);
+  modGain1.connect(delay1.delayTime);
+  modGain2.connect(delay2.delayTime); // Crossfading.
+
+  var fade1 = context.createBufferSource();
+  var fade2 = context.createBufferSource();
+  var fadeBuffer = createFadeBuffer(context, bufferTime, fadeTime);
+  fade1.buffer = fadeBuffer;
+  fade2.buffer = fadeBuffer;
+  fade1.loop = true;
+  fade2.loop = true;
+  var mix1 = (context.createGain || context.createGainNode).call(context);
+  var mix2 = (context.createGain || context.createGainNode).call(context);
+  mix1.gain.value = 0;
+  mix2.gain.value = 0;
+  fade1.connect(mix1.gain);
+  fade2.connect(mix2.gain); // Connect processing graph.
+
+  input.connect(delay1);
+  input.connect(delay2);
+  delay1.connect(mix1);
+  delay2.connect(mix2);
+  mix1.connect(output);
+  mix2.connect(output); // Start
+
+  var t = context.currentTime + 0.050;
+  var t2 = t + bufferTime - fadeTime;
+  mod1.start(t);
+  mod2.start(t2);
+  mod3.start(t);
+  mod4.start(t2);
+  fade1.start(t);
+  fade2.start(t2);
+  this.mod1 = mod1;
+  this.mod2 = mod2;
+  this.mod1Gain = mod1Gain;
+  this.mod2Gain = mod2Gain;
+  this.mod3Gain = mod3Gain;
+  this.mod4Gain = mod4Gain;
+  this.modGain1 = modGain1;
+  this.modGain2 = modGain2;
+  this.fade1 = fade1;
+  this.fade2 = fade2;
+  this.mix1 = mix1;
+  this.mix2 = mix2;
+  this.delay1 = delay1;
+  this.delay2 = delay2;
+  this.setDelay(delayTime);
+}
+
+Jungle.prototype.setDelay = function (delayTime) {
+  this.modGain1.gain.setTargetAtTime(0.5 * delayTime, 0, 0.010);
+  this.modGain2.gain.setTargetAtTime(0.5 * delayTime, 0, 0.010);
+};
+
+Jungle.prototype.setPitchOffset = function (mult) {
+  if (mult > 0) {
+    // pitch up
+    this.mod1Gain.gain.value = 0;
+    this.mod2Gain.gain.value = 0;
+    this.mod3Gain.gain.value = 1;
+    this.mod4Gain.gain.value = 1;
+  } else {
+    // pitch down
+    this.mod1Gain.gain.value = 1;
+    this.mod2Gain.gain.value = 1;
+    this.mod3Gain.gain.value = 0;
+    this.mod4Gain.gain.value = 0;
+  }
+
+  this.setDelay(delayTime * Math.abs(mult));
+};
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/vmsg/vmsg.js b/build/es5-amd/node_modules/vmsg/vmsg.js
new file mode 100644
index 00000000000..2e1a038645f
--- /dev/null
+++ b/build/es5-amd/node_modules/vmsg/vmsg.js
@@ -0,0 +1,864 @@
+define(["exports"], function (_exports) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.record = record;
+  _exports.default = _exports.Form = _exports.Recorder = void 0;
+
+  /* eslint-disable */
+  function pad2(n) {
+    n |= 0;
+    return n < 10 ? "0".concat(n) : "".concat(Math.min(n, 99));
+  }
+
+  function inlineWorker() {
+    // TODO(Kagami): Cache compiled module in IndexedDB? It works in FF
+    // and Edge, see: https://github.com/mdn/webassembly-examples/issues/4
+    // Though gzipped WASM module currently weights ~70kb so it should be
+    // perfectly cached by the browser itself.
+    function fetchAndInstantiate(url, imports) {
+      if (!WebAssembly.instantiateStreaming) return fetchAndInstantiateFallback(url, imports);
+      var req = fetch(url, {
+        credentials: "same-origin"
+      });
+      return WebAssembly.instantiateStreaming(req, imports).catch(function (err) {
+        // https://github.com/Kagami/vmsg/issues/11
+        if (err.message && err.message.indexOf("Argument 0 must be provided and must be a Response") > 0) {
+          return fetchAndInstantiateFallback(url, imports);
+        } else {
+          throw err;
+        }
+      });
+    }
+
+    function fetchAndInstantiateFallback(url, imports) {
+      return new Promise(function (resolve, reject) {
+        var req = new XMLHttpRequest();
+        req.open("GET", url);
+        req.responseType = "arraybuffer";
+
+        req.onload = function () {
+          resolve(WebAssembly.instantiate(req.response, imports));
+        };
+
+        req.onerror = reject;
+        req.send();
+      });
+    } // Must be in sync with emcc settings!
+
+
+    var TOTAL_STACK = 5 * 1024 * 1024;
+    var TOTAL_MEMORY = 16 * 1024 * 1024;
+    var WASM_PAGE_SIZE = 64 * 1024;
+    var memory = null;
+    var dynamicTop = TOTAL_STACK; // TODO(Kagami): Grow memory?
+
+    function sbrk(increment) {
+      var oldDynamicTop = dynamicTop;
+      dynamicTop += increment;
+      return oldDynamicTop;
+    } // TODO(Kagami): LAME calls exit(-1) on internal error. Would be nice
+    // to provide custom DEBUGF/ERRORF for easier debugging. Currenty
+    // those functions do nothing.
+
+
+    function exit(status) {
+      postMessage({
+        type: "internal-error",
+        data: status
+      });
+    }
+
+    var FFI = null;
+    var ref = null;
+    var pcm_l = null;
+
+    function vmsg_init(rate) {
+      ref = FFI.vmsg_init(rate);
+      if (!ref) return false;
+      var pcm_l_ref = new Uint32Array(memory.buffer, ref, 1)[0];
+      pcm_l = new Float32Array(memory.buffer, pcm_l_ref);
+      return true;
+    }
+
+    function vmsg_encode(data) {
+      pcm_l.set(data);
+      return FFI.vmsg_encode(ref, data.length) >= 0;
+    }
+
+    function vmsg_flush() {
+      if (FFI.vmsg_flush(ref) < 0) return null;
+      var mp3_ref = new Uint32Array(memory.buffer, ref + 4, 1)[0];
+      var size = new Uint32Array(memory.buffer, ref + 8, 1)[0];
+      var mp3 = new Uint8Array(memory.buffer, mp3_ref, size);
+      var blob = new Blob([mp3], {
+        type: "audio/mpeg"
+      });
+      FFI.vmsg_free(ref);
+      ref = null;
+      pcm_l = null;
+      return blob;
+    } // https://github.com/brion/min-wasm-fail
+
+
+    function testSafariWebAssemblyBug() {
+      var bin = new Uint8Array([0, 97, 115, 109, 1, 0, 0, 0, 1, 6, 1, 96, 1, 127, 1, 127, 3, 2, 1, 0, 5, 3, 1, 0, 1, 7, 8, 1, 4, 116, 101, 115, 116, 0, 0, 10, 16, 1, 14, 0, 32, 0, 65, 1, 54, 2, 0, 32, 0, 40, 2, 0, 11]);
+      var mod = new WebAssembly.Module(bin);
+      var inst = new WebAssembly.Instance(mod, {}); // test storing to and loading from a non-zero location via a parameter.
+      // Safari on iOS 11.2.5 returns 0 unexpectedly at non-zero locations
+
+      return inst.exports.test(4) !== 0;
+    }
+
+    onmessage = function onmessage(e) {
+      var msg = e.data;
+
+      switch (msg.type) {
+        case "init":
+          var _msg$data = msg.data,
+              wasmURL = _msg$data.wasmURL,
+              shimURL = _msg$data.shimURL;
+          Promise.resolve().then(function () {
+            if (self.WebAssembly && !testSafariWebAssemblyBug()) {
+              delete self.WebAssembly;
+            }
+
+            if (!self.WebAssembly) {
+              importScripts(shimURL);
+            }
+
+            memory = new WebAssembly.Memory({
+              initial: TOTAL_MEMORY / WASM_PAGE_SIZE,
+              maximum: TOTAL_MEMORY / WASM_PAGE_SIZE
+            });
+            return {
+              memory: memory,
+              pow: Math.pow,
+              exit: exit,
+              powf: Math.pow,
+              exp: Math.exp,
+              sqrtf: Math.sqrt,
+              cos: Math.cos,
+              log: Math.log,
+              sin: Math.sin,
+              sbrk: sbrk
+            };
+          }).then(function (Runtime) {
+            return fetchAndInstantiate(wasmURL, {
+              env: Runtime
+            });
+          }).then(function (wasm) {
+            FFI = wasm.instance.exports;
+            postMessage({
+              type: "init",
+              data: null
+            });
+          }).catch(function (err) {
+            postMessage({
+              type: "init-error",
+              data: err.toString()
+            });
+          });
+          break;
+
+        case "start":
+          if (!vmsg_init(msg.data)) return postMessage({
+            type: "error",
+            data: "vmsg_init"
+          });
+          break;
+
+        case "data":
+          if (!vmsg_encode(msg.data)) return postMessage({
+            type: "error",
+            data: "vmsg_encode"
+          });
+          break;
+
+        case "stop":
+          var blob = vmsg_flush();
+          if (!blob) return postMessage({
+            type: "error",
+            data: "vmsg_flush"
+          });
+          postMessage({
+            type: "stop",
+            data: blob
+          });
+          break;
+      }
+    };
+  }
+
+  var Recorder =
+  /*#__PURE__*/
+  function () {
+    function Recorder() {
+      var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var onStop = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+      babelHelpers.classCallCheck(this, Recorder);
+      // Can't use relative URL in blob worker, see:
+      // https://stackoverflow.com/a/22582695
+      this.wasmURL = new URL(opts.wasmURL || "/static/js/vmsg.wasm", location).href;
+      this.shimURL = new URL(opts.shimURL || "/static/js/wasm-polyfill.js", location).href;
+      this.onStop = onStop;
+      this.pitch = opts.pitch || 0;
+      this.stream = null;
+      this.audioCtx = null;
+      this.gainNode = null;
+      this.pitchFX = null;
+      this.encNode = null;
+      this.worker = null;
+      this.workerURL = null;
+      this.blob = null;
+      this.blobURL = null;
+      this.resolve = null;
+      this.reject = null;
+      Object.seal(this);
+    }
+
+    babelHelpers.createClass(Recorder, [{
+      key: "close",
+      value: function close() {
+        if (this.encNode) this.encNode.disconnect();
+        if (this.encNode) this.encNode.onaudioprocess = null;
+        if (this.stream) this.stopTracks();
+        if (this.audioCtx) this.audioCtx.close();
+        if (this.worker) this.worker.terminate();
+        if (this.workerURL) URL.revokeObjectURL(this.workerURL);
+        if (this.blobURL) URL.revokeObjectURL(this.blobURL);
+      } // Without pitch shift:
+      //   [sourceNode] -> [gainNode] -> [encNode] -> [audioCtx.destination]
+      //                                     |
+      //                                     -> [worker]
+      // With pitch shift:
+      //   [sourceNode] -> [gainNode] -> [pitchFX] -> [encNode] -> [audioCtx.destination]
+      //                                                  |
+      //                                                  -> [worker]
+
+    }, {
+      key: "initAudio",
+      value: function initAudio() {
+        var _this = this;
+
+        var getUserMedia = navigator.mediaDevices && navigator.mediaDevices.getUserMedia ? function (constraints) {
+          return navigator.mediaDevices.getUserMedia(constraints);
+        } : function (constraints) {
+          var oldGetUserMedia = navigator.webkitGetUserMedia || navigator.mozGetUserMedia;
+
+          if (!oldGetUserMedia) {
+            return Promise.reject(new Error("getUserMedia is not implemented in this browser"));
+          }
+
+          return new Promise(function (resolve, reject) {
+            oldGetUserMedia.call(navigator, constraints, resolve, reject);
+          });
+        };
+        return getUserMedia({
+          audio: true
+        }).then(function (stream) {
+          _this.stream = stream;
+          var audioCtx = _this.audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+          var sourceNode = audioCtx.createMediaStreamSource(stream);
+          var gainNode = _this.gainNode = (audioCtx.createGain || audioCtx.createGainNode).call(audioCtx);
+          gainNode.gain.value = 1;
+          sourceNode.connect(gainNode);
+          var pitchFX = _this.pitchFX = new Jungle(audioCtx);
+          pitchFX.setPitchOffset(_this.pitch);
+          var encNode = _this.encNode = (audioCtx.createScriptProcessor || audioCtx.createJavaScriptNode).call(audioCtx, 0, 1, 1);
+          pitchFX.output.connect(encNode);
+          gainNode.connect(_this.pitch === 0 ? encNode : pitchFX.input);
+        });
+      }
+    }, {
+      key: "initWorker",
+      value: function initWorker() {
+        var _this2 = this;
+
+        if (!this.stream) throw new Error("missing audio initialization"); // https://stackoverflow.com/a/19201292
+
+        var blob = new Blob(["(", inlineWorker.toString(), ")()"], {
+          type: "application/javascript"
+        });
+        var workerURL = this.workerURL = URL.createObjectURL(blob);
+        var worker = this.worker = new Worker(workerURL);
+        var wasmURL = this.wasmURL,
+            shimURL = this.shimURL;
+        worker.postMessage({
+          type: "init",
+          data: {
+            wasmURL: wasmURL,
+            shimURL: shimURL
+          }
+        });
+        return new Promise(function (resolve, reject) {
+          worker.onmessage = function (e) {
+            var msg = e.data;
+
+            switch (msg.type) {
+              case "init":
+                resolve();
+                break;
+
+              case "init-error":
+                reject(new Error(msg.data));
+                break;
+              // TODO(Kagami): Error handling.
+
+              case "error":
+              case "internal-error":
+                console.error("Worker error:", msg.data);
+                if (_this2.reject) _this2.reject(msg.data);
+                break;
+
+              case "stop":
+                _this2.blob = msg.data;
+                _this2.blobURL = URL.createObjectURL(msg.data);
+                if (_this2.onStop) _this2.onStop();
+                if (_this2.resolve) _this2.resolve(_this2.blob);
+                break;
+            }
+          };
+        });
+      }
+    }, {
+      key: "init",
+      value: function init() {
+        return this.initAudio().then(this.initWorker.bind(this));
+      }
+    }, {
+      key: "startRecording",
+      value: function startRecording() {
+        var _this3 = this;
+
+        if (!this.stream) throw new Error("missing audio initialization");
+        if (!this.worker) throw new Error("missing worker initialization");
+        this.blob = null;
+        if (this.blobURL) URL.revokeObjectURL(this.blobURL);
+        this.blobURL = null;
+        this.resolve = null;
+        this.reject = null;
+        this.worker.postMessage({
+          type: "start",
+          data: this.audioCtx.sampleRate
+        });
+
+        this.encNode.onaudioprocess = function (e) {
+          var samples = e.inputBuffer.getChannelData(0);
+
+          _this3.worker.postMessage({
+            type: "data",
+            data: samples
+          });
+        };
+
+        this.encNode.connect(this.audioCtx.destination);
+      }
+    }, {
+      key: "stopRecording",
+      value: function stopRecording() {
+        var _this4 = this;
+
+        if (!this.stream) throw new Error("missing audio initialization");
+        if (!this.worker) throw new Error("missing worker initialization");
+        this.encNode.disconnect();
+        this.encNode.onaudioprocess = null;
+        this.stopTracks();
+        this.worker.postMessage({
+          type: "stop",
+          data: null
+        });
+        return new Promise(function (resolve, reject) {
+          _this4.resolve = resolve;
+          _this4.reject = reject;
+        });
+      }
+    }, {
+      key: "stopTracks",
+      value: function stopTracks() {
+        // Might be missed in Safari and old FF/Chrome per MDN.
+        if (this.stream.getTracks) {
+          // Hide browser's recording indicator.
+          this.stream.getTracks().forEach(function (track) {
+            return track.stop();
+          });
+        }
+      }
+    }]);
+    return Recorder;
+  }();
+
+  _exports.Recorder = Recorder;
+
+  var Form =
+  /*#__PURE__*/
+  function () {
+    function Form() {
+      var _this5 = this;
+
+      var opts = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var resolve = arguments.length > 1 ? arguments[1] : undefined;
+      var reject = arguments.length > 2 ? arguments[2] : undefined;
+      babelHelpers.classCallCheck(this, Form);
+      this.recorder = new Recorder(opts, this.onStop.bind(this));
+      this.resolve = resolve;
+      this.reject = reject;
+      this.backdrop = null;
+      this.popup = null;
+      this.recordBtn = null;
+      this.stopBtn = null;
+      this.timer = null;
+      this.audio = null;
+      this.saveBtn = null;
+      this.tid = 0;
+      this.start = 0;
+      Object.seal(this);
+      this.recorder.initAudio().then(function () {
+        return _this5.drawInit();
+      }).then(function () {
+        return _this5.recorder.initWorker();
+      }).then(function () {
+        return _this5.drawAll();
+      }).catch(function (err) {
+        return _this5.drawError(err);
+      });
+    }
+
+    babelHelpers.createClass(Form, [{
+      key: "drawInit",
+      value: function drawInit() {
+        var _this6 = this;
+
+        if (this.backdrop) return;
+        var backdrop = this.backdrop = document.createElement("div");
+        backdrop.className = "vmsg-backdrop";
+        backdrop.addEventListener("click", function () {
+          return _this6.close(null);
+        });
+        var popup = this.popup = document.createElement("div");
+        popup.className = "vmsg-popup";
+        popup.addEventListener("click", function (e) {
+          return e.stopPropagation();
+        });
+        var progress = document.createElement("div");
+        progress.className = "vmsg-progress";
+
+        for (var i = 0; i < 3; i++) {
+          var progressDot = document.createElement("div");
+          progressDot.className = "vmsg-progress-dot";
+          progress.appendChild(progressDot);
+        }
+
+        popup.appendChild(progress);
+        backdrop.appendChild(popup);
+        document.body.appendChild(backdrop);
+      }
+    }, {
+      key: "drawTime",
+      value: function drawTime(msecs) {
+        var secs = Math.round(msecs / 1000);
+        this.timer.textContent = pad2(secs / 60) + ":" + pad2(secs % 60);
+      }
+    }, {
+      key: "drawAll",
+      value: function drawAll() {
+        var _this7 = this;
+
+        this.drawInit();
+        this.clearAll();
+        var recordRow = document.createElement("div");
+        recordRow.className = "vmsg-record-row";
+        this.popup.appendChild(recordRow);
+        var recordBtn = this.recordBtn = document.createElement("button");
+        recordBtn.className = "vmsg-button vmsg-record-button";
+        recordBtn.textContent = "●";
+        recordBtn.addEventListener("click", function () {
+          return _this7.startRecording();
+        });
+        recordRow.appendChild(recordBtn);
+        var stopBtn = this.stopBtn = document.createElement("button");
+        stopBtn.className = "vmsg-button vmsg-stop-button";
+        stopBtn.style.display = "none";
+        stopBtn.textContent = "■";
+        stopBtn.addEventListener("click", function () {
+          return _this7.stopRecording();
+        });
+        recordRow.appendChild(stopBtn);
+        var audio = this.audio = new Audio();
+        audio.autoplay = true;
+        var timer = this.timer = document.createElement("span");
+        timer.className = "vmsg-timer";
+        timer.addEventListener("click", function () {
+          if (audio.paused) {
+            if (_this7.recorder.blobURL) {
+              audio.src = _this7.recorder.blobURL;
+            }
+          } else {
+            audio.pause();
+          }
+        });
+        this.drawTime(0);
+        recordRow.appendChild(timer);
+        var saveBtn = this.saveBtn = document.createElement("button");
+        saveBtn.className = "vmsg-button vmsg-save-button";
+        saveBtn.textContent = "✓";
+        saveBtn.disabled = true;
+        saveBtn.addEventListener("click", function () {
+          return _this7.close(_this7.recorder.blob);
+        });
+        recordRow.appendChild(saveBtn);
+        var gainWrapper = document.createElement("div");
+        gainWrapper.className = "vmsg-slider-wrapper vmsg-gain-slider-wrapper";
+        var gainSlider = document.createElement("input");
+        gainSlider.className = "vmsg-slider vmsg-gain-slider";
+        gainSlider.setAttribute("type", "range");
+        gainSlider.min = 0;
+        gainSlider.max = 2;
+        gainSlider.step = 0.2;
+        gainSlider.value = 1;
+
+        gainSlider.onchange = function () {
+          var gain = +gainSlider.value;
+          _this7.recorder.gainNode.gain.value = gain;
+        };
+
+        gainWrapper.appendChild(gainSlider);
+        this.popup.appendChild(gainWrapper);
+        var pitchWrapper = document.createElement("div");
+        pitchWrapper.className = "vmsg-slider-wrapper vmsg-pitch-slider-wrapper";
+        var pitchSlider = document.createElement("input");
+        pitchSlider.className = "vmsg-slider vmsg-pitch-slider";
+        pitchSlider.setAttribute("type", "range");
+        pitchSlider.min = -1;
+        pitchSlider.max = 1;
+        pitchSlider.step = 0.2;
+        pitchSlider.value = this.recorder.pitch;
+
+        pitchSlider.onchange = function () {
+          var pitch = +pitchSlider.value;
+
+          _this7.recorder.pitchFX.setPitchOffset(pitch);
+
+          _this7.recorder.gainNode.disconnect();
+
+          _this7.recorder.gainNode.connect(pitch === 0 ? _this7.recorder.encNode : _this7.recorder.pitchFX.input);
+        };
+
+        pitchWrapper.appendChild(pitchSlider);
+        this.popup.appendChild(pitchWrapper);
+      }
+    }, {
+      key: "drawError",
+      value: function drawError(err) {
+        console.error(err);
+        this.drawInit();
+        this.clearAll();
+        var error = document.createElement("div");
+        error.className = "vmsg-error";
+        error.textContent = err.toString();
+        this.popup.appendChild(error);
+      }
+    }, {
+      key: "clearAll",
+      value: function clearAll() {
+        if (!this.popup) return;
+        this.popup.innerHTML = "";
+      }
+    }, {
+      key: "close",
+      value: function close(blob) {
+        if (this.audio) this.audio.pause();
+        if (this.tid) clearTimeout(this.tid);
+        this.recorder.close();
+        this.backdrop.remove();
+
+        if (blob) {
+          this.resolve(blob);
+        } else {
+          this.reject(new Error("No record made"));
+        }
+      }
+    }, {
+      key: "onStop",
+      value: function onStop() {
+        this.recordBtn.style.display = "";
+        this.stopBtn.style.display = "none";
+        this.stopBtn.disabled = false;
+        this.saveBtn.disabled = false;
+      }
+    }, {
+      key: "startRecording",
+      value: function startRecording() {
+        this.audio.pause();
+        this.start = Date.now();
+        this.updateTime();
+        this.recordBtn.style.display = "none";
+        this.stopBtn.style.display = "";
+        this.saveBtn.disabled = true;
+        this.recorder.startRecording();
+      }
+    }, {
+      key: "stopRecording",
+      value: function stopRecording() {
+        clearTimeout(this.tid);
+        this.tid = 0;
+        this.stopBtn.disabled = true;
+        this.recorder.stopRecording();
+      }
+    }, {
+      key: "updateTime",
+      value: function updateTime() {
+        var _this8 = this;
+
+        // NOTE(Kagami): We can do this in `onaudioprocess` but that would
+        // run too often and create unnecessary DOM updates.
+        this.drawTime(Date.now() - this.start);
+        this.tid = setTimeout(function () {
+          return _this8.updateTime();
+        }, 300);
+      }
+    }]);
+    return Form;
+  }();
+
+  _exports.Form = Form;
+  var shown = false;
+  /**
+   * Record a new voice message.
+   *
+   * @param {Object=} opts - Options
+   * @param {string=} opts.wasmURL - URL of the module
+   *                                 ("/static/js/vmsg.wasm" by default)
+   * @param {string=} opts.shimURL - URL of the WebAssembly polyfill
+   *                                 ("/static/js/wasm-polyfill.js" by default)
+   * @param {number=} opts.pitch - Initial pitch shift ([-1, 1], 0 by default)
+   * @return {Promise.<Blob>} A promise that contains recorded blob when fulfilled.
+   */
+
+  function record(opts) {
+    return new Promise(function (resolve, reject) {
+      if (shown) throw new Error("Record form is already opened");
+      shown = true;
+      new Form(opts, resolve, reject); // Use `.finally` once it's available in Safari and Edge.
+    }).then(function (result) {
+      shown = false;
+      return result;
+    }, function (err) {
+      shown = false;
+      throw err;
+    });
+  }
+  /**
+   * All available public items.
+   */
+
+
+  var _default = {
+    Recorder: Recorder,
+    Form: Form,
+    record: record
+  }; // Borrowed from and slightly modified:
+  // https://github.com/cwilso/Audio-Input-Effects/blob/master/js/jungle.js
+  // Copyright 2012, Google Inc.
+  // All rights reserved.
+  //
+  // Redistribution and use in source and binary forms, with or without
+  // modification, are permitted provided that the following conditions are
+  // met:
+  //
+  //     * Redistributions of source code must retain the above copyright
+  // notice, this list of conditions and the following disclaimer.
+  //     * Redistributions in binary form must reproduce the above
+  // copyright notice, this list of conditions and the following disclaimer
+  // in the documentation and/or other materials provided with the
+  // distribution.
+  //     * Neither the name of Google Inc. nor the names of its
+  // contributors may be used to endorse or promote products derived from
+  // this software without specific prior written permission.
+  //
+  // THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
+  // "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
+  // LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
+  // A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
+  // OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+  // SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
+  // LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
+  // DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
+  // THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+  // (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
+  // OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+
+  _exports.default = _default;
+  var delayTime = 0.100;
+  var fadeTime = 0.050;
+  var bufferTime = 0.100;
+
+  function createFadeBuffer(context, activeTime, fadeTime) {
+    var length1 = activeTime * context.sampleRate;
+    var length2 = (activeTime - 2 * fadeTime) * context.sampleRate;
+    var length = length1 + length2;
+    var buffer = context.createBuffer(1, length, context.sampleRate);
+    var p = buffer.getChannelData(0);
+    var fadeLength = fadeTime * context.sampleRate;
+    var fadeIndex1 = fadeLength;
+    var fadeIndex2 = length1 - fadeLength; // 1st part of cycle
+
+    for (var i = 0; i < length1; ++i) {
+      var value;
+
+      if (i < fadeIndex1) {
+        value = Math.sqrt(i / fadeLength);
+      } else if (i >= fadeIndex2) {
+        value = Math.sqrt(1 - (i - fadeIndex2) / fadeLength);
+      } else {
+        value = 1;
+      }
+
+      p[i] = value;
+    } // 2nd part
+
+
+    for (var i = length1; i < length; ++i) {
+      p[i] = 0;
+    }
+
+    return buffer;
+  }
+
+  function createDelayTimeBuffer(context, activeTime, fadeTime, shiftUp) {
+    var length1 = activeTime * context.sampleRate;
+    var length2 = (activeTime - 2 * fadeTime) * context.sampleRate;
+    var length = length1 + length2;
+    var buffer = context.createBuffer(1, length, context.sampleRate);
+    var p = buffer.getChannelData(0); // 1st part of cycle
+
+    for (var i = 0; i < length1; ++i) {
+      if (shiftUp) // This line does shift-up transpose
+        p[i] = (length1 - i) / length;else // This line does shift-down transpose
+        p[i] = i / length1;
+    } // 2nd part
+
+
+    for (var i = length1; i < length; ++i) {
+      p[i] = 0;
+    }
+
+    return buffer;
+  }
+
+  function Jungle(context) {
+    this.context = context; // Create nodes for the input and output of this "module".
+
+    var input = (context.createGain || context.createGainNode).call(context);
+    var output = (context.createGain || context.createGainNode).call(context);
+    this.input = input;
+    this.output = output; // Delay modulation.
+
+    var mod1 = context.createBufferSource();
+    var mod2 = context.createBufferSource();
+    var mod3 = context.createBufferSource();
+    var mod4 = context.createBufferSource();
+    this.shiftDownBuffer = createDelayTimeBuffer(context, bufferTime, fadeTime, false);
+    this.shiftUpBuffer = createDelayTimeBuffer(context, bufferTime, fadeTime, true);
+    mod1.buffer = this.shiftDownBuffer;
+    mod2.buffer = this.shiftDownBuffer;
+    mod3.buffer = this.shiftUpBuffer;
+    mod4.buffer = this.shiftUpBuffer;
+    mod1.loop = true;
+    mod2.loop = true;
+    mod3.loop = true;
+    mod4.loop = true; // for switching between oct-up and oct-down
+
+    var mod1Gain = (context.createGain || context.createGainNode).call(context);
+    var mod2Gain = (context.createGain || context.createGainNode).call(context);
+    var mod3Gain = (context.createGain || context.createGainNode).call(context);
+    mod3Gain.gain.value = 0;
+    var mod4Gain = (context.createGain || context.createGainNode).call(context);
+    mod4Gain.gain.value = 0;
+    mod1.connect(mod1Gain);
+    mod2.connect(mod2Gain);
+    mod3.connect(mod3Gain);
+    mod4.connect(mod4Gain); // Delay amount for changing pitch.
+
+    var modGain1 = (context.createGain || context.createGainNode).call(context);
+    var modGain2 = (context.createGain || context.createGainNode).call(context);
+    var delay1 = (context.createDelay || context.createDelayNode).call(context);
+    var delay2 = (context.createDelay || context.createDelayNode).call(context);
+    mod1Gain.connect(modGain1);
+    mod2Gain.connect(modGain2);
+    mod3Gain.connect(modGain1);
+    mod4Gain.connect(modGain2);
+    modGain1.connect(delay1.delayTime);
+    modGain2.connect(delay2.delayTime); // Crossfading.
+
+    var fade1 = context.createBufferSource();
+    var fade2 = context.createBufferSource();
+    var fadeBuffer = createFadeBuffer(context, bufferTime, fadeTime);
+    fade1.buffer = fadeBuffer;
+    fade2.buffer = fadeBuffer;
+    fade1.loop = true;
+    fade2.loop = true;
+    var mix1 = (context.createGain || context.createGainNode).call(context);
+    var mix2 = (context.createGain || context.createGainNode).call(context);
+    mix1.gain.value = 0;
+    mix2.gain.value = 0;
+    fade1.connect(mix1.gain);
+    fade2.connect(mix2.gain); // Connect processing graph.
+
+    input.connect(delay1);
+    input.connect(delay2);
+    delay1.connect(mix1);
+    delay2.connect(mix2);
+    mix1.connect(output);
+    mix2.connect(output); // Start
+
+    var t = context.currentTime + 0.050;
+    var t2 = t + bufferTime - fadeTime;
+    mod1.start(t);
+    mod2.start(t2);
+    mod3.start(t);
+    mod4.start(t2);
+    fade1.start(t);
+    fade2.start(t2);
+    this.mod1 = mod1;
+    this.mod2 = mod2;
+    this.mod1Gain = mod1Gain;
+    this.mod2Gain = mod2Gain;
+    this.mod3Gain = mod3Gain;
+    this.mod4Gain = mod4Gain;
+    this.modGain1 = modGain1;
+    this.modGain2 = modGain2;
+    this.fade1 = fade1;
+    this.fade2 = fade2;
+    this.mix1 = mix1;
+    this.mix2 = mix2;
+    this.delay1 = delay1;
+    this.delay2 = delay2;
+    this.setDelay(delayTime);
+  }
+
+  Jungle.prototype.setDelay = function (delayTime) {
+    this.modGain1.gain.setTargetAtTime(0.5 * delayTime, 0, 0.010);
+    this.modGain2.gain.setTargetAtTime(0.5 * delayTime, 0, 0.010);
+  };
+
+  Jungle.prototype.setPitchOffset = function (mult) {
+    if (mult > 0) {
+      // pitch up
+      this.mod1Gain.gain.value = 0;
+      this.mod2Gain.gain.value = 0;
+      this.mod3Gain.gain.value = 1;
+      this.mod4Gain.gain.value = 1;
+    } else {
+      // pitch down
+      this.mod1Gain.gain.value = 1;
+      this.mod2Gain.gain.value = 1;
+      this.mod3Gain.gain.value = 0;
+      this.mod4Gain.gain.value = 0;
+    }
+
+    this.setDelay(delayTime * Math.abs(mult));
+  };
+});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/vmsg/vmsg.wasm b/build/es5-amd/node_modules/vmsg/vmsg.wasm
new file mode 100644
index 00000000000..224bcc7fd1c
Binary files /dev/null and b/build/es5-amd/node_modules/vmsg/vmsg.wasm differ
diff --git a/build/es6-amd/node_modules/@lrnwebcomponents/hax-body/hax-body.js b/build/es6-amd/node_modules/@lrnwebcomponents/hax-body/hax-body.js
index ee5c66be9cc..e5c594e51de 100644
--- a/build/es6-amd/node_modules/@lrnwebcomponents/hax-body/hax-body.js
+++ b/build/es6-amd/node_modules/@lrnwebcomponents/hax-body/hax-body.js
@@ -238,4 +238,4 @@ define(["exports","require","../../lit-element/lit-element.js","../simple-colors
         id="haxinputmixer"
         class="hax-context-menu ignore-activation"
       ></hax-input-mixer>
-    `}static get properties(){return{...super.properties,openDrawer:{type:Object},editMode:{type:Boolean,reflect:!0,attribute:"edit-mode"},haxRayMode:{type:Boolean,reflect:!0,attribute:"hax-ray-mode"},globalPreferences:{type:Object},activeNode:{type:Object},activeContainerNode:{type:Object}}}firstUpdated(changedProperties){this.dispatchEvent(new CustomEvent("hax-register-body",{bubbles:!0,cancelable:!0,composed:!0,detail:this}));try{document.execCommand("enableObjectResizing",!1,!1),document.execCommand("defaultParagraphSeparator",!1,"p")}catch(e){console.warn(e)}this.shadowRoot.querySelector("slot").addEventListener("mousemove",this.hoverEvent.bind(this)),this.shadowRoot.querySelector("slot").addEventListener("mouseup",e=>{const tmp=window.HaxStore.getSelection();window.HaxStore._tmpSelection=tmp;try{const range=window.HaxStore.getRange();range.cloneRange&&(window.HaxStore._tmpRange=range.cloneRange())}catch(e){console.warn(e)}}),this.editMode=window.HaxStore.instance.editMode,this.__tabTrap=!1}updated(changedProperties){changedProperties.forEach((oldValue,propName)=>{"openDrawer"==propName&&this._openDrawerChanged(this[propName],oldValue),"editMode"==propName&&this._editModeChanged(this[propName],oldValue),"globalPreferences"==propName&&this._globalPreferencesUpdated(this[propName],oldValue),"activeNode"==propName&&(this._activeNodeChanged(this[propName],oldValue),this.dispatchEvent(new CustomEvent("active-node-changed",{detail:{value:this[propName]}}))),"activeContainerNode"==propName&&(this._activeContainerNodeChanged(this[propName],oldValue),this.dispatchEvent(new CustomEvent("active-container-node-changed",{detail:{value:this[propName]}})))})}_openDrawerChanged(newValue,oldValue){newValue?this.hideContextMenus():this.positionContextMenus(this.activeNode,this.activeContainerNode)}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(mutations=>{var mutFind=!1;mutations.forEach(mutation=>{mutation.addedNodes.length>0&&mutation.addedNodes.forEach(node=>{this._validElementTest(node)&&(!this.editMode||"true"!=node.getAttribute("contenteditable")&&!0!==node.getAttribute("contenteditable")&&"contenteditable"!=node.getAttribute("contenteditable")||this.__applyNodeEditableState(node,!this.editMode),this.__applyNodeEditableState(node,this.editMode),this.dispatchEvent(new CustomEvent("hax-body-tag-added",{bubbles:!0,cancelable:!0,composed:!0,detail:{node:node}})),this.___moveLock||mutFind?this.___moveLock=!1:(mutFind=!0,this.activeNode=node,window.HaxStore.write("activeNode",node,this)))}),mutation.removedNodes.length>0&&mutation.removedNodes.forEach(node=>{this._validElementTest(node)&&!node.classList.contains("hax-active")&&this.dispatchEvent(new CustomEvent("hax-body-tag-removed",{bubbles:!0,cancelable:!0,composed:!0,detail:{node:node}}))})})}),this._observer.observe(this,{childList:!0}),setTimeout(()=>{window.addEventListener("keydown",this._onKeyDown.bind(this)),window.addEventListener("keypress",this._onKeyPress.bind(this)),document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this)),window.addEventListener("scroll",this._keepContextVisible.bind(this))},0)}disconnectedCallback(){window.removeEventListener("keydown",this._onKeyDown.bind(this)),window.removeEventListener("keypress",this._onKeyPress.bind(this)),document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this)),window.removeEventListener("scroll",this._keepContextVisible.bind(this)),this._observer.disconnect(),super.disconnectedCallback()}_keepContextVisible(e){if(!this.openDrawer&&this.editMode){let el=!1;this.shadowRoot.querySelector("#textcontextmenu").classList.contains("hax-context-visible")?el=this.shadowRoot.querySelector("#textcontextmenu"):this.shadowRoot.querySelector("#cecontextmenu").classList.contains("hax-context-visible")&&(el=this.shadowRoot.querySelector("#cecontextmenu")),el&&(this.elementInViewport(el)?el.classList.remove("hax-context-pin-bottom","hax-context-pin-top"):this.__OffBottom?el.classList.add("hax-context-pin-top"):el.classList.add("hax-context-pin-bottom"))}}_onKeyDown(e){if(!this.openDrawer&&this.editMode&&this.getAttribute("contenteditable")){switch(e.key){case"Tab":window.HaxStore.instance.isTextElement(this.activeContainerNode)&&(e.detail.keyboardEvent&&(e.detail.keyboardEvent.preventDefault(),e.detail.keyboardEvent.stopPropagation(),e.detail.keyboardEvent.stopImmediatePropagation()),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),e.shiftKey?this._tabBackKeyPressed():this._tabKeyPressed());break;case"Enter":this.setAttribute("contenteditable",!0);case"Backspace":case"Delete":case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":clearTimeout(this.__keyPressDirection),this.__keyPressDirection=setTimeout(()=>{const rng=window.HaxStore.getRange();rng.commonAncestorContainer&&this.activeNode!==rng.commonAncestorContainer&&"function"==typeof rng.commonAncestorContainer.focus?"HAX-BODY"!==rng.commonAncestorContainer.tagName&&(window.HaxStore.instance.isTextElement(rng.commonAncestorContainer)?this.setAttribute("contenteditable",!0):this.removeAttribute("contenteditable"),rng.commonAncestorContainer.focus(),this.__focusLogic(rng.commonAncestorContainer)):rng.commonAncestorContainer&&rng.commonAncestorContainer.parentNode&&this.activeNode!==rng.commonAncestorContainer.parentNode&&"function"==typeof rng.commonAncestorContainer.parentNode.focus&&"HAX-BODY"!==rng.commonAncestorContainer.parentNode.tagName&&(window.HaxStore.instance.isTextElement(rng.commonAncestorContainer.parentNode)?this.setAttribute("contenteditable",!0):this.removeAttribute("contenteditable"),rng.commonAncestorContainer.parentNode.focus(),this.__focusLogic(rng.commonAncestorContainer.parentNode))},50)}this.shadowRoot.querySelector("#platecontextmenu").classList.contains("hax-active-hover")&&this.__dropActiveHover()}}_onKeyPress(e){!this.openDrawer&&this.editMode&&this.shadowRoot.querySelector("#platecontextmenu").classList.contains("hax-active-hover")&&this.activeNode&&window.HaxStore.instance.isTextElement(this.activeNode)?this.__dropActiveHover():!this.openDrawer&&this.editMode&&this.activeNode&&window.HaxStore.instance.isTextElement(this.activeNode)&&(clearTimeout(this.__positionContextTimer),this.__positionContextTimer=setTimeout(()=>{this.positionContextMenus(this.activeNode,this.activeNode)},2e3))}hoverEvent(e){if(!this.openDrawer&&this.editMode&&(e.target&&null!=e.target.getAttribute("data-hax-ray")?(this.__activeHover=e.target,this.dispatchEvent(new CustomEvent("hax-active-hover-name",{bubbles:!0,cancelable:!0,composed:!0,detail:e.target.getAttribute("data-hax-ray")}))):e.target&&e.target.parentNode&&null!=e.target.parentNode.getAttribute("data-hax-ray")&&(this.__activeHover=e.target.parentNode,this.dispatchEvent(new CustomEvent("hax-active-hover-name",{bubbles:!0,cancelable:!0,composed:!0,detail:e.target.parentNode.getAttribute("data-hax-ray")}))),!this.shadowRoot.querySelector("#platecontextmenu").classList.contains("hax-active-hover"))){let local=e.target;e.target===this.shadowRoot.querySelector("#cecontextmenu")||e.target===this.shadowRoot.querySelector("#textcontextmenu")||e.target===this.shadowRoot.querySelector("#platecontextmenu")||local===this.activeNode||local===this.activeContainerNode||e.target===this.activeNode||e.target===this.activeContainerNode||local.parentNode===this.activeContainerNode||local.parentNode.parentNode===this.activeContainerNode||local.parentNode.parentNode.parentNode===this.activeContainerNode?(this.positionContextMenus(this.activeNode,this.activeContainerNode),this.__addActiveHover(),this.__typeLock=!1):this.__dropActiveHover()}}__addActiveHover(){this.shadowRoot.querySelector("#cecontextmenu").classList.add("hax-active-hover"),this.shadowRoot.querySelector("#textcontextmenu").classList.add("hax-active-hover"),this.shadowRoot.querySelector("#platecontextmenu").classList.add("hax-active-hover")}__dropActiveHover(){this.shadowRoot.querySelector("#cecontextmenu").classList.remove("hax-active-hover"),this.shadowRoot.querySelector("#textcontextmenu").classList.remove("hax-active-hover"),this.shadowRoot.querySelector("#platecontextmenu").classList.remove("hax-active-hover")}elementInViewport(el){let top=el.offsetTop-32-window.HaxStore.instance.haxPanel.shadowRoot.querySelector("#drawer").offsetHeight,left=el.offsetLeft,width=el.offsetWidth,height=el.offsetHeight;for(;el.offsetParent;)top+=(el=el.offsetParent).offsetTop,left+=el.offsetLeft;return this.__OffBottom=top<window.pageYOffset+window.innerHeight,top<window.pageYOffset+window.innerHeight&&left<window.pageXOffset+window.innerWidth&&top+height>window.pageYOffset&&left+width>window.pageXOffset}replacePlaceholder(e){if("text"===e.detail){let p=document.createElement("p");p.innerHTML="<br/>",this.haxReplaceNode(this.activeNode,p,this.activeNode.parentNode),setTimeout(()=>{this.activeNode=p,window.HaxStore.write("activeNode",p,this),this.activeContainerNode.setAttribute("contenteditable",!0),p.focus(),this.__focusLogic(p)},210)}else this.replaceElementWorkflow()}replaceElementWorkflow(){let element=window.HaxStore.nodeToHaxElement(this.activeNode,null),type="*",skipPropMatch=!1;"place-holder"===element.tag&&void 0!==element.properties.type&&(type=element.properties.type,skipPropMatch=!0);var props={};if(void 0!==window.HaxStore.instance.elementList[element.tag]&&!1!==window.HaxStore.instance.elementList[element.tag].gizmo&&void 0!==window.HaxStore.instance.elementList[element.tag].gizmo.handles&&window.HaxStore.instance.elementList[element.tag].gizmo.handles.length>0){let gizmo=window.HaxStore.instance.elementList[element.tag].gizmo;for(var i=0;i<gizmo.handles.length;i++)for(var prop in gizmo.handles[i])"type"!==prop&&void 0!==element.properties[gizmo.handles[i][prop]]&&(props[prop]=element.properties[gizmo.handles[i][prop]])}let haxElements=window.HaxStore.guessGizmo(type,props,skipPropMatch);if(haxElements.length>0){let tag=this.activeNode.tagName.toLowerCase(),humanName=tag.replace("-"," ");void 0!==window.HaxStore.instance.elementList[tag]&&!1!==window.HaxStore.instance.elementList[tag].gizmo&&(humanName=window.HaxStore.instance.elementList[tag].gizmo.title),window.HaxStore.instance.haxAppPicker.presentOptions(haxElements,"__convert",`Transform ${humanName} to..`,"gizmo")}else window.HaxStore.toast("Sorry, this can not be transformed!",5e3)}_globalPreferencesUpdated(newValue,oldValue){void 0!==newValue&&null!=newValue&&(this.haxRayMode=newValue.haxRayMode)}_haxStorePropertyUpdated(e){e.detail&&void 0!==e.detail.value&&e.detail.property&&(this[e.detail.property]=e.detail.value)}haxClearBody(confirm=!0){let status=!0;confirm&&(status=prompt("Are you sure you want to delete all content?")),status&&(0,_utils.wipeSlot)(this)}haxInsert(tag,content,properties={},waitForLock=!0){this.__activeHover=null;var frag=document.createElement(tag);frag.innerHTML=content;var newNode=frag.cloneNode(!0);for(var property in properties){let attributeName=window.HaxStore.camelToDash(property);properties.hasOwnProperty(property)&&(!0===properties[property]?newNode.setAttribute(attributeName,attributeName):!1===properties[property]?newNode.removeAttribute(attributeName):null!=properties[property]&&properties[property].constructor===Array?newNode.properties&&newNode.properties[property].readOnly||(newNode.set?newNode.set(attributeName,properties[property]):newNode[attributeName]=properties[property]):null!=properties[property]&&properties[property].constructor===Object?newNode.properties&&newNode.properties[property].readOnly||(newNode.set?newNode.set(attributeName,properties[property]):newNode[attributeName]=properties[property]):newNode.setAttribute(attributeName,properties[property]))}return null!==window.HaxStore.instance.activePlaceHolder&&void 0!==window.HaxStore.instance.activePlaceHolder.style?(newNode.style.width=window.HaxStore.instance.activePlaceHolder.style.width,newNode.style.float=window.HaxStore.instance.activePlaceHolder.style.float,newNode.style.margin=window.HaxStore.instance.activePlaceHolder.style.margin,newNode.style.display=window.HaxStore.instance.activePlaceHolder.style.display,this.haxReplaceNode(window.HaxStore.instance.activePlaceHolder,newNode,window.HaxStore.instance.activePlaceHolder.parentNode),window.HaxStore.instance.activePlaceHolder=null):null!=this.activeContainerNode?"GRID-PLATE"!==newNode.tagName&&"GRID-PLATE"===this.activeContainerNode.tagName&&this.activeContainerNode!==this.activeNode?(null!=this.activeNode.getAttribute("slot")&&newNode.setAttribute("slot",this.activeNode.getAttribute("slot")),this.activeContainerNode.insertBefore(newNode,this.activeNode)):this.insertBefore(newNode,this.activeContainerNode.nextElementSibling):this.appendChild(newNode),this.shadowRoot.querySelector("#textcontextmenu").highlightOps=!1,this.__updateLockFocus=newNode,waitForLock&&setTimeout(()=>{this.breakUpdateLock()},50),!0}breakUpdateLock(){window.HaxStore.write("activeContainerNode",this.__updateLockFocus,this),window.HaxStore.write("activeNode",this.__updateLockFocus,this),this.__updateLockFocus.focus(),"function"==typeof this.__updateLockFocus.scrollIntoViewIfNeeded?this.__updateLockFocus.scrollIntoViewIfNeeded(!0):this.__updateLockFocus.scrollIntoView({behavior:"smooth",inline:"center"})}haxToContent(){this.hideContextMenus();var __active=this.activeNode;this.activeNode=null,this.activeContainerNode=null,window.HaxStore.write("activeNode",null,this),window.HaxStore.write("activeContainerNode",null,this);let children="slot"===this.shadowRoot.querySelector("#body").localName?this.shadowRoot.querySelector("#body").assignedNodes({flatten:!0}):[];this.globalPreferences.haxDeveloperMode&&console.warn(children);for(var content="",i=0,len=children.length;i<len;i++)this._validElementTest(children[i])?(children[i].removeAttribute("data-editable"),children[i].removeAttribute("data-hax-ray"),children[i].contentEditable=!1,content+=window.HaxStore.nodeToContent(children[i]),"grid-plate"===children[i].tagName.toLowerCase()&&this._applyContentEditable(this.editMode,children[i])):8===children[i].nodeType?content+="\x3c!-- "+children[i].textContent+" --\x3e":1!==children[i].nodeType&&void 0!==children[i].textContent&&"undefined"!==children[i].textContent&&(content+=children[i].textContent);if(content=(content=(content=(content=(content=(content=(content=(content=(content=content.replace(/\scontenteditable=\"false\"/g,"")).replace(/\sdata-editable=\"true\"/g,"")).replace(/\sdata-editable=\"false\"/g,"")).replace(/\sdata-editable=\""/g,"")).replace(/\sdata-editable/g,"")).replace(/\scontenteditable/g,"")).replace(/\sdraggable/g,"")).replace(/\sdata-draggable/g,"")).replace(/\sdata-hax-ray=\".*?\"/g,""),this.parentNode.tagName){let parentTag=this.parentNode.tagName.toLowerCase(),string="style-scope "+parentTag+" x-scope",re=new RegExp(string,"g");content=content.replace(re,""),string="style-scope "+parentTag,re=new RegExp(string,"g"),content=content.replace(re,""),string="x-scope "+parentTag+"-0",re=new RegExp(string,"g"),content=content.replace(re,"");let tags=window.HaxStore.instance.validTagList;for(var i in tags.push("hax-preview"),tags)string="style-scope "+tags[i],re=new RegExp(string,"g"),content=content.replace(re,""),string="x-scope "+tags[i]+"-0 ",re=new RegExp(string,"g"),content=content.replace(re,""),string="x-scope "+tags[i]+"-0",re=new RegExp(string,"g"),content=content.replace(re,"")}return content=(content=content.replace(/\sclass=\"\"/g,"")).replace(/\sclass=\"\s\"/g,""),this._applyContentEditable(this.editMode),window.HaxStore.write("activeNode",__active,this),window.HaxStore.write("activeContainerNode",__active,this),content=(0,_utils.encapScript)(content),this.globalPreferences.haxDeveloperMode&&console.warn(content),content}haxDuplicateNode(node,parent=this){this.hideContextMenus();let haxElement=window.HaxStore.nodeToHaxElement(node,null);void 0!==node.preProcessHaxInsertContent&&(haxElement=node.preProcessHaxInsertContent(haxElement)),haxElement.content==haxElement.properties.innerHTML&&delete haxElement.properties.innerHTML;var nodeClone=window.HaxStore.haxElementToNode(haxElement.tag,haxElement.content,haxElement.properties);return"webview"===nodeClone.tagName.toLowerCase()&&window.HaxStore.instance._isSandboxed&&void 0!==nodeClone.guestinstance&&delete nodeClone.guestinstance,null!==node?parent.insertBefore(nodeClone,node.nextSibling):parent.appendChild(nodeClone),setTimeout(()=>{parent===this&&window.HaxStore.write("activeContainerNode",nodeClone,this),window.HaxStore.write("activeNode",nodeClone,this)},100),!0}hideContextMenus(){this._hideContextMenu(this.shadowRoot.querySelector("#textcontextmenu")),this._hideContextMenu(this.shadowRoot.querySelector("#cecontextmenu")),this._hideContextMenu(this.shadowRoot.querySelector("#platecontextmenu")),this._hideContextMenu(this.shadowRoot.querySelector("#haxinputmixer")),this.shadowRoot.querySelector("#textcontextmenu").highlightOps=!1}positionContextMenus(node,container){if(node){let tag=node.tagName.toLowerCase();window.HaxStore.instance._isSandboxed&&"webview"===tag&&(tag="iframe");let props=window.HaxStore.instance.elementList[tag];void 0===props||window.HaxStore.instance.isTextElement(node)?(this._hideContextMenu(this.shadowRoot.querySelector("#cecontextmenu")),this._positionContextMenu(this.shadowRoot.querySelector("#textcontextmenu"),node,-39,-39)):(this._hideContextMenu(this.shadowRoot.querySelector("#textcontextmenu")),props.element=node,this.shadowRoot.querySelector("#cecontextmenu").setHaxProperties(props),this._positionContextMenu(this.shadowRoot.querySelector("#cecontextmenu"),node,-39,-39)),this._positionContextMenu(this.shadowRoot.querySelector("#platecontextmenu"),container,-39,0),container&&!this._HTMLPrimativeTest(node)&&node!==container?container.contentEditable=!1:container&&(container.contentEditable=!0)}}haxMoveGridPlate(direction,node,container){switch(this.___moveLock=!0,direction){case"first":null!==container.previousElementSibling&&this.insertBefore(container,this.firstChild);break;case"up":null!==container.previousElementSibling&&this.insertBefore(container,container.previousElementSibling);break;case"down":null!==container.nextElementSibling&&this.insertBefore(container.nextElementSibling,container);break;case"last":null!==container.nextElementSibling&&this.appendChild(container)}return setTimeout(()=>{this.positionContextMenus(node,container),"function"==typeof container.scrollIntoViewIfNeeded?container.scrollIntoViewIfNeeded(!0):container.scrollIntoView({behavior:"smooth",inline:"center"})},5),!0}haxReplaceNode(node,replacement,parent=this){this.hideContextMenus();try{node&&node.getAttribute&&null!=node.getAttribute("slot")&&replacement.setAttribute("slot",node.getAttribute("slot")),null==node&&(node=this.__oldActiveNode,parent=this.__oldActiveNode.parentNode),parent.replaceChild(replacement,node)}catch(e){console.warn(e)}return replacement}haxChangeTagName(node,tagName){this.hideContextMenus();for(var replacement=document.createElement(tagName),i=0,l=node.attributes.length;i<l;++i){var nodeName=node.attributes.item(i).nodeName,value=node.attributes.item(i).value;replacement.setAttribute(nodeName,value)}replacement.innerHTML=node.innerHTML.trim(),"ul"==tagName||"ol"==tagName?""==replacement.innerHTML?replacement.innerHTML="<li></li>":"ul"!=node.tagName.toLowerCase()&&"ol"!=node.tagName.toLowerCase()&&(replacement.innerHTML="<li>"+node.innerHTML.trim().replace(/<br\/>/g,"</li>\n<li>").replace(/<br>/g,"</li>\n<li>")+"</li>"):"ul"!=node.tagName.toLowerCase()&&"ol"!=node.tagName.toLowerCase()||(replacement.innerHTML=replacement.innerHTML.replace(/<ul>/g,"").replace(/<\/ul>/g,"").replace(/<li><\/li>/g,"").replace(/<li>/g,"").replace(/<\/li>/g,"<br/>"));try{node.parentNode.replaceChild(replacement,node),setTimeout(()=>{let children=replacement.children;children[0]&&children.tagName?children[0].focus():replacement.focus()},50)}catch(e){console.warn(e),console.warn(replacement),console.warn(node)}return replacement}haxDeleteNode(node,parent=this){if(this.hideContextMenus(),null!=this.activeContainerNode&&null!==this.activeContainerNode.previousElementSibling){if(this.activeContainerNode.previousElementSibling.focus(),null!=this.activeContainerNode&&window.HaxStore.instance.isTextElement(this.activeContainerNode)&&""!==this.activeContainerNode.textContent)try{var range=document.createRange(),sel=window.HaxStore.getSelection();range.setStart(this.activeContainerNode,1),range.collapse(!0),sel.removeAllRanges(),sel.addRange(range),this.activeContainerNode.focus()}catch(e){console.warn(e)}}else null!=this.activeContainerNode&&null!==this.activeContainerNode.nextElementSibling?this.activeContainerNode.nextElementSibling.focus():(this.activeNode=null,this.activeContainerNode=null,window.HaxStore.write("activeNode",null,this),window.HaxStore.write("activeContainerNode",null,this));try{return parent.removeChild(node)}catch(e){console.warn(e)}}importContent(html,clear=!0){clear&&(0,_utils.wipeSlot)(this,"*"),setTimeout(()=>{html=(0,_utils.encapScript)(html);let fragment=document.createElement("div");for(fragment.insertAdjacentHTML("beforeend",html);null!==fragment.firstChild;)if(void 0!==fragment.firstChild.tagName)if(window.HaxStore.instance._isSandboxed&&"iframe"===fragment.firstChild.tagName.toLowerCase()){for(var replacement=document.createElement("webview"),j=0,l=fragment.firstChild.attributes.length;j<l;++j){var nodeName=fragment.firstChild.attributes.item(j).nodeName,value=fragment.firstChild.attributes.item(j).value;"height"!==nodeName&&"width"!==nodeName||replacement.style[nodeName],replacement.setAttribute(nodeName,value)}this.appendChild(replacement)}else this.appendChild(fragment.firstChild);else fragment.removeChild(fragment.firstChild)},50)}_haxContextOperation(e){let detail=e.detail;var haxElement;switch(detail.eventName){case"p":case"ol":case"ul":case"h2":case"h3":case"h4":case"h5":case"h6":case"blockquote":case"code":this.shadowRoot.querySelector("#textcontextmenu").realSelectedValue=detail.eventName,this.activeNode=this.haxChangeTagName(this.activeNode,detail.eventName),window.HaxStore.write("activeNode",this.activeNode,this),this.positionContextMenus(this.activeNode,this.activeContainerNode);break;case"text-align-left":this.activeNode.style.textAlign=null;break;case"grid-plate-convert":this.replaceElementWorkflow();break;case"grid-plate-duplicate":this.activeNode===this.activeContainerNode?this.haxDuplicateNode(this.activeNode):this.haxDuplicateNode(this.activeNode,this.activeContainerNode);break;case"grid-plate-delete":if(null!=this.activeNode){let options=[{icon:"thumb-up",color:"green",title:"Yes"},{icon:"thumb-down",color:"red",title:"No"}],tag=this.activeNode.tagName.toLowerCase(),humanName=tag.replace("-"," ");void 0!==window.HaxStore.instance.elementList[tag]&&!1!==window.HaxStore.instance.elementList[tag].gizmo&&(humanName=window.HaxStore.instance.elementList[tag].gizmo.title),window.HaxStore.instance.haxAppPicker.presentOptions(options,"",`Remove this \`${humanName}\`?`,"delete")}break;case"grid-plate-first":this.haxMoveGridPlate("first",this.activeNode,this.activeContainerNode);break;case"grid-plate-up":this.haxMoveGridPlate("up",this.activeNode,this.activeContainerNode);break;case"hax-manager-open":window.HaxStore.write("activeHaxElement",{},this),window.HaxStore.instance.haxManager.resetManager(parseInt(detail.value)),window.HaxStore.write("openDrawer",window.HaxStore.instance.haxManager,this);break;case"grid-plate-down":this.haxMoveGridPlate("down",this.activeNode,this.activeContainerNode);break;case"grid-plate-last":this.haxMoveGridPlate("last",this.activeNode,this.activeContainerNode);break;case"close-menu":this.activeNode=null,this.activeContainerNode=null,window.HaxStore.write("activeNode",null,this),window.HaxStore.write("activeContainerNode",null,this);break;case"hax-edit-property":let haxInputMixer=this.shadowRoot.querySelector("#haxinputmixer");haxInputMixer.label=detail.target.label,haxInputMixer.options=detail.target.options,haxInputMixer.icon=detail.target.icon,haxInputMixer.description=detail.target.description,haxInputMixer.required=detail.target.required,haxInputMixer.validation=detail.target.validation,haxInputMixer.validationType=detail.target.validationType,haxInputMixer.inputMethod=detail.target.inputMethod,haxInputMixer.value="",void 0!==detail.target.propertyToBind&&null!=detail.target.propertyToBind&&0!=detail.target.propertyToBind&&(haxInputMixer.propertyToBind=detail.target.propertyToBind,void 0!==this.activeNode[detail.target.propertyToBind]?haxInputMixer.value=this.activeNode[detail.target.propertyToBind]:haxInputMixer.value=this.activeNode.getAttribute(detail.target.propertyToBind)),this._positionContextMenu(haxInputMixer,this.activeContainerNode,-1,-38);let style=this.shadowRoot.querySelector("#cecontextmenu").currentStyle||window.getComputedStyle(this.shadowRoot.querySelector("#cecontextmenu"));haxInputMixer.style.width=style.width.replace("px","")-40+"px";break;case"hax-align-left":this.activeNode.style.float=null,this.activeNode.style.margin=null,this.activeNode.style.display=null;break;case"hax-align-center":this.activeNode.style.float=null,this.activeNode.style.margin="0 auto",this.activeNode.style.display="block";break;case"hax-size-change":this.activeNode&&(this.activeNode.style.width=detail.value+"%");break;case"hax-manager-configure":this._hideContextMenu(this.shadowRoot.querySelector("#haxinputmixer")),window.HaxStore.instance.haxManager.resetManager(),haxElement=window.HaxStore.nodeToHaxElement(this.activeNode),window.HaxStore.write("activeHaxElement",haxElement,this),window.HaxStore.instance.haxManager.editExistingNode=!0,window.HaxStore.instance.haxManager.selectStep("configure"),window.HaxStore.write("openDrawer",window.HaxStore.instance.haxManager,this),setTimeout(()=>{window.HaxStore.instance.haxManager.shadowRoot.querySelector("#preview").shadowRoot.querySelector("#configurebutton").focus()},100);break;case"hax-manager-configure-container":window.HaxStore.write("activeNode",window.HaxStore.instance.activeContainerNode,this),this._hideContextMenu(this.shadowRoot.querySelector("#haxinputmixer")),window.HaxStore.instance.haxManager.resetManager(),haxElement=window.HaxStore.nodeToHaxElement(window.HaxStore.instance.activeNode),window.HaxStore.write("activeHaxElement",haxElement,this),window.HaxStore.instance.haxManager.editExistingNode=!0,window.HaxStore.instance.haxManager.selectStep("configure"),window.HaxStore.write("openDrawer",window.HaxStore.instance.haxManager,this),setTimeout(()=>{window.HaxStore.instance.haxManager.shadowRoot.querySelector("#preview").shadowRoot.querySelector("#configurebutton").focus()},100)}}_haxInputMixerOperation(e){let mixer=e.detail.inputMixer;null!=mixer.propertyToBind?this.activeNode[mixer.propertyToBind]=mixer.value:null!=mixer.slotToBind&&(item=document.createElement("span"),item.style.height="inherit",item.innerHTML=mixer.value,item.slot=mixer.slotToBind,this.activeNode.appendChild(item)),this._hideContextMenu(this.shadowRoot.querySelector("#haxinputmixer"))}_focusIn(e){this.__focusLogic(e.target)&&e.stopPropagation()}__focusLogic(target){let stopProp=!1;if(this.openDrawer||!this.editMode||this.__tabTrap)this.__tabTrap=!1;else{let containerNode=target;"SPAN"===containerNode.tagName&&window.HaxStore.instance.isTextElement(target.parentNode)&&(containerNode=target.parentNode);let activeNode=null;if(this._validElementTest(containerNode)&&null!=containerNode.parentNode){for(;"HAX-BODY"!=containerNode.parentNode.tagName;)null===activeNode&&"LI"!==containerNode.tagName&&"B"!==containerNode.tagName&&"I"!==containerNode.tagName&&"STRONG"!==containerNode.tagName&&"EM"!==containerNode.tagName&&(activeNode=containerNode),containerNode=containerNode.parentNode;null===activeNode?activeNode=containerNode:window.HaxStore.instance.isGridPlateElement(containerNode)?["UL","OL","LI","P","GRID-PLATE"].includes(containerNode.tagName)&&["UL","OL","LI"].includes(activeNode.tagName)&&(activeNode=containerNode):activeNode=containerNode,this.activeContainerNode===containerNode||containerNode.classList.contains("ignore-activation")?containerNode.classList.contains("ignore-activation")&&(stopProp=!0):(this.hideContextMenus(),this.activeContainerNode=containerNode,window.HaxStore.write("activeContainerNode",containerNode,this),stopProp=!0),this.activeNode===activeNode||activeNode.classList.contains("ignore-activation")||(this.activeNode=activeNode,window.HaxStore.write("activeNode",activeNode,this),this.positionContextMenus(activeNode,containerNode),stopProp=!0)}}return stopProp}_editModeChanged(newValue,oldValue){void 0!==oldValue&&(this._applyContentEditable(newValue),this.setAttribute("tabindex","-1"),newValue&&(this.children&&this.children[0]&&this.children[0].focus?(this.activeNode=this.children[0],this.activeContainerNode=this.activeNode,window.HaxStore.write("activeNode",this.children[0],this),window.HaxStore.write("activeContainerNode",this.children[0],this),setTimeout(()=>{if(window.HaxStore.instance.isTextElement(this.activeNode))try{var range=document.createRange(),sel=window.HaxStore.getSelection();range.setStart(this.activeNode,0),range.collapse(!0),sel.removeAllRanges(),sel.addRange(range),this.activeNode.focus()}catch(e){console.warn(e)}},0)):(this.haxInsert("p","",{},!1),setTimeout(()=>{try{var range=document.createRange(),sel=window.HaxStore.getSelection();range.setStart(this.activeNode,0),range.collapse(!0),sel.removeAllRanges(),sel.addRange(range),this.activeNode.focus()}catch(e){console.warn(e)}},0)))),!1===newValue&&(this.removeAttribute("contenteditable"),this.hideContextMenus())}_haxResolvePreviousElement(node){for(node=node.previousElementSibling;null!=node&&void 0!==node.tagName&&"HAX-"===node.tagName.substring(0,4);)node=node.previousElementSibling;return node}_validElementTest(node){return void 0!==node.tagName&&("HAX-"!==node.tagName.substring(0,4)||"HAX-LOGO"===node.tagName)}_HTMLPrimativeTest(node){return null!=node&&void 0!==node.tagName&&-1==node.tagName.indexOf("-")}_applyContentEditable(status,target=this.shadowRoot.querySelector("#body")){let children="slot"===target.localName?target.assignedNodes({flatten:!0}):[];0===children.length&&(children=target.children);for(var i=0,len=children.length;i<len;i++)this._validElementTest(children[i])&&(!status||!0!==children[i].getAttribute("contenteditable")&&"true"!=children[i].getAttribute("contenteditable")&&"contenteditable"!=children[i].getAttribute("contenteditable"))&&this.__applyNodeEditableState(children[i],status)}__applyNodeEditableState(node,status=!0){let listenerMethod,haxRay=node.tagName.replace("-"," ").toLowerCase(),i=window.HaxStore.instance.gizmoList.findIndex(j=>j.tag===node.tagName.toLowerCase());if(-1!==i&&(haxRay=window.HaxStore.instance.gizmoList[i].title),status?(node.setAttribute("data-draggable",!0),node.setAttribute("data-editable",status),node.setAttribute("data-hax-ray",haxRay),listenerMethod="addEventListener"):(node.removeAttribute("data-draggable"),node.removeAttribute("data-editable"),node.removeAttribute("data-hax-ray"),listenerMethod="removeEventListener"),node[listenerMethod]("drop",this.dropEvent.bind(this)),node[listenerMethod]("dragenter",this.dragEnter.bind(this)),node[listenerMethod]("dragleave",this.dragLeave.bind(this)),node[listenerMethod]("dragend",this.dragEnd.bind(this)),node[listenerMethod]("dragover",(function(e){e.preventDefault()})),this._HTMLPrimativeTest(node)&&(status?node.setAttribute("contenteditable",status):node.removeAttribute("contenteditable"),node.querySelectorAll("a").length>0)){let links=node.querySelectorAll("a");for(var j=0,len2=links.length;j<len2;j++)status?(links[j].setAttribute("contenteditable",status),links[j].setAttribute("data-editable",status)):(links[j].removeAttribute("contenteditable"),links[j].removeAttribute("data-editable")),links[j][listenerMethod]("click",e=>{e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()})}}dropEvent(e){if(!this.openDrawer&&this.editMode){var target=window.HaxStore.instance.__dragTarget,local=e.target;if(null!=target&&void 0!==local&&target!==local&&target!==local.parentNode&&target.parentNode===this||local.parentNode===this){target.removeAttribute("slot");try{this.insertBefore(target,local)}catch(e){console.warn(e)}e.preventDefault(),e.stopPropagation()}let children=this.children;for(var i in children)void 0!==children[i].classList&&children[i].classList.remove("mover","hovered");target&&"function"==typeof target.focus&&setTimeout(()=>{this.positionContextMenus(this.activeNode,this.activeContainerNode)},0)}}dragEnter(e){!this.openDrawer&&this.editMode&&(e.preventDefault(),e.target.classList.add("hovered"))}dragLeave(e){!this.openDrawer&&this.editMode&&e.target.classList.remove("hovered")}dragStart(e){if(!this.openDrawer&&this.editMode){let children=this.children;for(var i in children)void 0!==children[i].classList&&children[i].classList.add("mover")}}dragEnd(e){if(!this.openDrawer&&this.editMode){let children=this.children;for(var i in children)void 0!==children[i].classList&&children[i].classList.remove("mover","hovered")}}_activeContainerNodeChanged(newValue,oldValue){if(this.editMode&&void 0!==newValue&&null!=newValue&&null!=newValue.tagName){window.HaxStore.instance.isTextElement(newValue)||window.HaxStore.instance.isGridPlateElement(newValue)?(newValue.setAttribute("contenteditable",!0),this.setAttribute("contenteditable",!0)):(newValue.removeAttribute("contenteditable"),this.removeAttribute("contenteditable")),oldValue&&"GRID-PLATE"==oldValue.tagName&&(oldValue.activeItem=null),"grid-plate"===newValue.tagName.toLowerCase()&&(newValue.editMode=this.editMode,this._applyContentEditable(this.editMode,newValue))}}_activeNodeChanged(newValue,oldValue){if(this.querySelectorAll(".hax-active").forEach(el=>{el.classList.remove("hax-active")}),this.editMode&&null!=newValue){let tag=newValue.tagName.toLowerCase();newValue.classList.add("hax-active"),window.HaxStore.instance.isTextElement(newValue)||window.HaxStore.instance.isGridPlateElement(newValue)?(newValue.setAttribute("contenteditable",!0),this.setAttribute("contenteditable",!0),clearTimeout(this.__positionContextTimer),this.__positionContextTimer=setTimeout(()=>{newValue===this.activeNode&&this.positionContextMenus(newValue,newValue)},10)):(newValue.removeAttribute("contenteditable"),this.removeAttribute("contenteditable")),this.shadowRoot.querySelector("#textcontextmenu").realSelectedValue=tag,"left"==newValue.style.textAlign?(this.shadowRoot.querySelector("#textcontextmenu").justifyIcon="editor:format-align-left",this.shadowRoot.querySelector("#textcontextmenu").justifyValue="text-align-left"):"left"==newValue.style.float?(this.shadowRoot.querySelector("#cecontextmenu").justifyIcon="editor:format-align-left",this.shadowRoot.querySelector("#cecontextmenu").justifyValue="hax-align-left"):"0 auto"==newValue.style.margin&&(this.shadowRoot.querySelector("#cecontextmenu").justifyIcon="editor:format-align-center",this.shadowRoot.querySelector("#cecontextmenu").justifyValue="hax-align-center")}else null===newValue&&(this.hideContextMenus(),this.__oldActiveNode=oldValue,this.shadowRoot.querySelector("#textcontextmenu").justifyIcon="editor:format-align-left",this.shadowRoot.querySelector("#textcontextmenu").justifyValue="text-align-left")}_getPosition(element){return{x:element.offsetLeft-element.scrollLeft+element.clientLeft,y:element.offsetTop-element.scrollTop+element.clientTop}}_positionContextMenu(menu,target,xoffset,yoffset){if(null!=target){let pos=this._getPosition(target);menu.style.left=null!=xoffset?pos.x+xoffset+"px":pos.x+"px",menu.style.top=null!=yoffset?pos.y+yoffset+"px":pos.y+"px"}menu.classList.add("hax-context-visible"),this.__activeHover&&(menu.classList.add("hax-active-hover"),menu.style.marginLeft="",this.__typeLock=!1),setTimeout(()=>{this._keepContextVisible()},100)}_hideContextMenu(menu){menu.classList.remove("hax-context-visible","hax-context-pin-top","hax-context-pin-bottom"),menu.style.left="-100px"}_tabKeyPressed(){let focus=!1,node=this.activeContainerNode;const activeNodeTagName=this.activeContainerNode.tagName;try{let range=window.HaxStore.getRange().cloneRange();var tagTest=range.commonAncestorContainer.tagName;if(void 0===tagTest&&(tagTest=range.commonAncestorContainer.parentNode.tagName),["UL","OL","LI"].includes(activeNodeTagName)||["UL","OL","LI"].includes(tagTest))this.polyfillSafe&&(document.execCommand("indent"),this.__tabTrap=!0);else for(;!focus;)null==node.nextSibling?focus=!0:"function"===node.nextSibling.focus?(node.nextSibling.focus(),focus=!0):node=node.nextSibling}catch(e){console.warn(e)}}_tabBackKeyPressed(){let node=this.activeContainerNode;const activeNodeTagName=this.activeContainerNode.tagName;try{let range=window.HaxStore.getRange().cloneRange();var tagTest=range.commonAncestorContainer.tagName;if(void 0===tagTest&&(tagTest=range.commonAncestorContainer.parentNode.tagName),["UL","OL","LI"].includes(activeNodeTagName)||["UL","OL","LI"].includes(tagTest))this.polyfillSafe&&(document.execCommand("outdent"),this.__tabTrap=!0);else{if(null!=node)for(;null!=node&&!this._validElementTest(node);)node=node.previousSibling;null!=node&&setTimeout(()=>{node.focus()},50)}}catch(e){console.warn(e)}}}_exports.HaxBody=HaxBody,window.customElements.define(HaxBody.tag,HaxBody)}));
\ No newline at end of file
+    `}static get properties(){return{...super.properties,openDrawer:{type:Object},editMode:{type:Boolean,reflect:!0,attribute:"edit-mode"},haxRayMode:{type:Boolean,reflect:!0,attribute:"hax-ray-mode"},globalPreferences:{type:Object},activeNode:{type:Object},activeContainerNode:{type:Object}}}firstUpdated(changedProperties){this.dispatchEvent(new CustomEvent("hax-register-body",{bubbles:!0,cancelable:!0,composed:!0,detail:this}));try{document.execCommand("enableObjectResizing",!1,!1),document.execCommand("defaultParagraphSeparator",!1,"p")}catch(e){console.warn(e)}this.shadowRoot.querySelector("slot").addEventListener("mousemove",this.hoverEvent.bind(this)),this.shadowRoot.querySelector("slot").addEventListener("mouseup",e=>{const tmp=window.HaxStore.getSelection();window.HaxStore._tmpSelection=tmp;try{const range=window.HaxStore.getRange();range.cloneRange&&(window.HaxStore._tmpRange=range.cloneRange())}catch(e){console.warn(e)}}),this.editMode=window.HaxStore.instance.editMode,this.__tabTrap=!1}updated(changedProperties){changedProperties.forEach((oldValue,propName)=>{"openDrawer"==propName&&this._openDrawerChanged(this[propName],oldValue),"editMode"==propName&&this._editModeChanged(this[propName],oldValue),"globalPreferences"==propName&&this._globalPreferencesUpdated(this[propName],oldValue),"activeNode"==propName&&(this._activeNodeChanged(this[propName],oldValue),this.dispatchEvent(new CustomEvent("active-node-changed",{detail:{value:this[propName]}}))),"activeContainerNode"==propName&&(this._activeContainerNodeChanged(this[propName],oldValue),this.dispatchEvent(new CustomEvent("active-container-node-changed",{detail:{value:this[propName]}})))})}_openDrawerChanged(newValue,oldValue){newValue?this.hideContextMenus():this.positionContextMenus(this.activeNode,this.activeContainerNode)}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(mutations=>{var mutFind=!1;mutations.forEach(mutation=>{mutation.addedNodes.length>0&&mutation.addedNodes.forEach(node=>{this._validElementTest(node)&&(!this.editMode||"true"!=node.getAttribute("contenteditable")&&!0!==node.getAttribute("contenteditable")&&"contenteditable"!=node.getAttribute("contenteditable")||this.__applyNodeEditableState(node,!this.editMode),this.__applyNodeEditableState(node,this.editMode),this.dispatchEvent(new CustomEvent("hax-body-tag-added",{bubbles:!0,cancelable:!0,composed:!0,detail:{node:node}})),this.___moveLock||mutFind?this.___moveLock=!1:(mutFind=!0,this.activeNode=node,window.HaxStore.write("activeNode",node,this)))}),mutation.removedNodes.length>0&&mutation.removedNodes.forEach(node=>{this._validElementTest(node)&&!node.classList.contains("hax-active")&&this.dispatchEvent(new CustomEvent("hax-body-tag-removed",{bubbles:!0,cancelable:!0,composed:!0,detail:{node:node}}))})})}),this._observer.observe(this,{childList:!0}),setTimeout(()=>{window.addEventListener("keydown",this._onKeyDown.bind(this)),window.addEventListener("keypress",this._onKeyPress.bind(this)),document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this)),window.addEventListener("scroll",this._keepContextVisible.bind(this))},0)}disconnectedCallback(){window.removeEventListener("keydown",this._onKeyDown.bind(this)),window.removeEventListener("keypress",this._onKeyPress.bind(this)),document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this)),window.removeEventListener("scroll",this._keepContextVisible.bind(this)),this._observer.disconnect(),super.disconnectedCallback()}_keepContextVisible(e){if(!this.openDrawer&&this.editMode){let el=!1;this.shadowRoot.querySelector("#textcontextmenu").classList.contains("hax-context-visible")?el=this.shadowRoot.querySelector("#textcontextmenu"):this.shadowRoot.querySelector("#cecontextmenu").classList.contains("hax-context-visible")&&(el=this.shadowRoot.querySelector("#cecontextmenu")),el&&(this.elementInViewport(el)?el.classList.remove("hax-context-pin-bottom","hax-context-pin-top"):this.__OffBottom?el.classList.add("hax-context-pin-top"):el.classList.add("hax-context-pin-bottom"))}}_onKeyDown(e){if(!this.openDrawer&&this.editMode&&this.getAttribute("contenteditable")){switch(e.key){case"Tab":window.HaxStore.instance.isTextElement(this.activeContainerNode)&&(e.detail.keyboardEvent&&(e.detail.keyboardEvent.preventDefault(),e.detail.keyboardEvent.stopPropagation(),e.detail.keyboardEvent.stopImmediatePropagation()),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),e.shiftKey?this._tabBackKeyPressed():this._tabKeyPressed());break;case"Enter":this.setAttribute("contenteditable",!0);case"Backspace":case"Delete":case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":clearTimeout(this.__keyPressDirection),this.__keyPressDirection=setTimeout(()=>{const rng=window.HaxStore.getRange();rng.commonAncestorContainer&&this.activeNode!==rng.commonAncestorContainer&&"function"==typeof rng.commonAncestorContainer.focus?"HAX-BODY"!==rng.commonAncestorContainer.tagName&&(window.HaxStore.instance.isTextElement(rng.commonAncestorContainer)?this.setAttribute("contenteditable",!0):this.removeAttribute("contenteditable"),rng.commonAncestorContainer.focus(),this.__focusLogic(rng.commonAncestorContainer)):rng.commonAncestorContainer&&rng.commonAncestorContainer.parentNode&&this.activeNode!==rng.commonAncestorContainer.parentNode&&"function"==typeof rng.commonAncestorContainer.parentNode.focus&&"HAX-BODY"!==rng.commonAncestorContainer.parentNode.tagName&&(window.HaxStore.instance.isTextElement(rng.commonAncestorContainer.parentNode)?this.setAttribute("contenteditable",!0):this.removeAttribute("contenteditable"),rng.commonAncestorContainer.parentNode.focus(),this.__focusLogic(rng.commonAncestorContainer.parentNode))},50)}this.shadowRoot.querySelector("#platecontextmenu").classList.contains("hax-active-hover")&&this.__dropActiveHover()}}_onKeyPress(e){!this.openDrawer&&this.editMode&&this.shadowRoot.querySelector("#platecontextmenu").classList.contains("hax-active-hover")&&this.activeNode&&window.HaxStore.instance.isTextElement(this.activeNode)?this.__dropActiveHover():!this.openDrawer&&this.editMode&&this.activeNode&&window.HaxStore.instance.isTextElement(this.activeNode)&&(clearTimeout(this.__positionContextTimer),this.__positionContextTimer=setTimeout(()=>{this.positionContextMenus(this.activeNode,this.activeNode)},2e3))}hoverEvent(e){if(!this.openDrawer&&this.editMode&&(e.target&&null!=e.target.getAttribute("data-hax-ray")?(this.__activeHover=e.target,this.dispatchEvent(new CustomEvent("hax-active-hover-name",{bubbles:!0,cancelable:!0,composed:!0,detail:e.target.getAttribute("data-hax-ray")}))):e.target&&e.target.parentNode&&null!=e.target.parentNode.getAttribute("data-hax-ray")&&(this.__activeHover=e.target.parentNode,this.dispatchEvent(new CustomEvent("hax-active-hover-name",{bubbles:!0,cancelable:!0,composed:!0,detail:e.target.parentNode.getAttribute("data-hax-ray")}))),!this.shadowRoot.querySelector("#platecontextmenu").classList.contains("hax-active-hover"))){let local=e.target;e.target===this.shadowRoot.querySelector("#cecontextmenu")||e.target===this.shadowRoot.querySelector("#textcontextmenu")||e.target===this.shadowRoot.querySelector("#platecontextmenu")||local===this.activeNode||local===this.activeContainerNode||e.target===this.activeNode||e.target===this.activeContainerNode||local.parentNode===this.activeContainerNode||local.parentNode.parentNode===this.activeContainerNode||local.parentNode.parentNode.parentNode===this.activeContainerNode?(this.positionContextMenus(this.activeNode,this.activeContainerNode),this.__addActiveHover(),this.__typeLock=!1):this.__dropActiveHover()}}__addActiveHover(){this.shadowRoot.querySelector("#cecontextmenu").classList.add("hax-active-hover"),this.shadowRoot.querySelector("#textcontextmenu").classList.add("hax-active-hover"),this.shadowRoot.querySelector("#platecontextmenu").classList.add("hax-active-hover")}__dropActiveHover(){this.shadowRoot.querySelector("#cecontextmenu").classList.remove("hax-active-hover"),this.shadowRoot.querySelector("#textcontextmenu").classList.remove("hax-active-hover"),this.shadowRoot.querySelector("#platecontextmenu").classList.remove("hax-active-hover")}elementInViewport(el){let top=el.offsetTop-32-window.HaxStore.instance.haxPanel.shadowRoot.querySelector("#drawer").offsetHeight,left=el.offsetLeft,width=el.offsetWidth,height=el.offsetHeight;for(;el.offsetParent;)top+=(el=el.offsetParent).offsetTop,left+=el.offsetLeft;return this.__OffBottom=top<window.pageYOffset+window.innerHeight,top<window.pageYOffset+window.innerHeight&&left<window.pageXOffset+window.innerWidth&&top+height>window.pageYOffset&&left+width>window.pageXOffset}replacePlaceholder(e){if("text"===e.detail){let p=document.createElement("p");p.innerHTML="<br/>",this.haxReplaceNode(this.activeNode,p,this.activeNode.parentNode),setTimeout(()=>{this.activeNode=p,window.HaxStore.write("activeNode",p,this),this.activeContainerNode.setAttribute("contenteditable",!0),p.focus(),this.__focusLogic(p)},210)}else this.replaceElementWorkflow()}replaceElementWorkflow(){let element=window.HaxStore.nodeToHaxElement(this.activeNode,null),type="*",skipPropMatch=!1;"place-holder"===element.tag&&void 0!==element.properties.type&&(type=element.properties.type,skipPropMatch=!0);var props={};if(void 0!==window.HaxStore.instance.elementList[element.tag]&&!1!==window.HaxStore.instance.elementList[element.tag].gizmo&&void 0!==window.HaxStore.instance.elementList[element.tag].gizmo.handles&&window.HaxStore.instance.elementList[element.tag].gizmo.handles.length>0){let gizmo=window.HaxStore.instance.elementList[element.tag].gizmo;for(var i=0;i<gizmo.handles.length;i++)for(var prop in gizmo.handles[i])"type"!==prop&&void 0!==element.properties[gizmo.handles[i][prop]]&&(props[prop]=element.properties[gizmo.handles[i][prop]])}let haxElements=window.HaxStore.guessGizmo(type,props,skipPropMatch);if(haxElements.length>0){let tag=this.activeNode.tagName.toLowerCase(),humanName=tag.replace("-"," ");void 0!==window.HaxStore.instance.elementList[tag]&&!1!==window.HaxStore.instance.elementList[tag].gizmo&&(humanName=window.HaxStore.instance.elementList[tag].gizmo.title),window.HaxStore.instance.haxAppPicker.presentOptions(haxElements,"__convert",`Transform ${humanName} to..`,"gizmo")}else window.HaxStore.toast("Sorry, this can not be transformed!",5e3)}_globalPreferencesUpdated(newValue,oldValue){void 0!==newValue&&null!=newValue&&(this.haxRayMode=newValue.haxRayMode)}_haxStorePropertyUpdated(e){e.detail&&void 0!==e.detail.value&&e.detail.property&&(this[e.detail.property]=e.detail.value)}haxClearBody(confirm=!0){let status=!0;confirm&&(status=prompt("Are you sure you want to delete all content?")),status&&(0,_utils.wipeSlot)(this)}haxInsert(tag,content,properties={},waitForLock=!0){this.__activeHover=null;var frag=document.createElement(tag);frag.innerHTML=content;var newNode=frag.cloneNode(!0);for(var property in properties){let attributeName=window.HaxStore.camelToDash(property);properties.hasOwnProperty(property)&&(!0===properties[property]?newNode.setAttribute(attributeName,attributeName):!1===properties[property]?newNode.removeAttribute(attributeName):null!=properties[property]&&properties[property].constructor===Array?newNode.properties&&newNode.properties[property].readOnly||(newNode.set?newNode.set(attributeName,properties[property]):newNode[attributeName]=properties[property]):null!=properties[property]&&properties[property].constructor===Object?newNode.properties&&newNode.properties[property].readOnly||(newNode.set?newNode.set(attributeName,properties[property]):newNode[attributeName]=properties[property]):newNode.setAttribute(attributeName,properties[property]))}return null!==window.HaxStore.instance.activePlaceHolder&&void 0!==window.HaxStore.instance.activePlaceHolder.style?(newNode.style.width=window.HaxStore.instance.activePlaceHolder.style.width,newNode.style.float=window.HaxStore.instance.activePlaceHolder.style.float,newNode.style.margin=window.HaxStore.instance.activePlaceHolder.style.margin,newNode.style.display=window.HaxStore.instance.activePlaceHolder.style.display,this.haxReplaceNode(window.HaxStore.instance.activePlaceHolder,newNode,window.HaxStore.instance.activePlaceHolder.parentNode),window.HaxStore.instance.activePlaceHolder=null):null!=this.activeContainerNode?"GRID-PLATE"!==newNode.tagName&&"GRID-PLATE"===this.activeContainerNode.tagName&&this.activeContainerNode!==this.activeNode?(null!=this.activeNode.getAttribute("slot")&&newNode.setAttribute("slot",this.activeNode.getAttribute("slot")),this.activeContainerNode.insertBefore(newNode,this.activeNode)):this.insertBefore(newNode,this.activeContainerNode.nextElementSibling):this.appendChild(newNode),this.shadowRoot.querySelector("#textcontextmenu").highlightOps=!1,this.__updateLockFocus=newNode,waitForLock&&setTimeout(()=>{this.breakUpdateLock()},50),!0}breakUpdateLock(){window.HaxStore.write("activeContainerNode",this.__updateLockFocus,this),window.HaxStore.write("activeNode",this.__updateLockFocus,this),this.__updateLockFocus.focus(),"function"==typeof this.__updateLockFocus.scrollIntoViewIfNeeded?this.__updateLockFocus.scrollIntoViewIfNeeded(!0):this.__updateLockFocus.scrollIntoView({behavior:"smooth",inline:"center"})}haxToContent(){this.hideContextMenus();var __active=this.activeNode;this.activeNode=null,this.activeContainerNode=null,window.HaxStore.write("activeNode",null,this),window.HaxStore.write("activeContainerNode",null,this);let children="slot"===this.shadowRoot.querySelector("#body").localName?this.shadowRoot.querySelector("#body").assignedNodes({flatten:!0}):[];this.globalPreferences.haxDeveloperMode&&console.warn(children);for(var content="",i=0,len=children.length;i<len;i++)this._validElementTest(children[i])?(children[i].removeAttribute("data-editable"),children[i].removeAttribute("data-hax-ray"),children[i].contentEditable=!1,content+=window.HaxStore.nodeToContent(children[i]),"grid-plate"===children[i].tagName.toLowerCase()&&this._applyContentEditable(this.editMode,children[i])):8===children[i].nodeType?content+="\x3c!-- "+children[i].textContent+" --\x3e":1!==children[i].nodeType&&void 0!==children[i].textContent&&"undefined"!==children[i].textContent&&(content+=children[i].textContent);if(content=(content=(content=(content=(content=(content=(content=(content=(content=content.replace(/\scontenteditable=\"false\"/g,"")).replace(/\sdata-editable=\"true\"/g,"")).replace(/\sdata-editable=\"false\"/g,"")).replace(/\sdata-editable=\""/g,"")).replace(/\sdata-editable/g,"")).replace(/\scontenteditable/g,"")).replace(/\sdraggable/g,"")).replace(/\sdata-draggable/g,"")).replace(/\sdata-hax-ray=\".*?\"/g,""),this.parentNode.tagName){let parentTag=this.parentNode.tagName.toLowerCase(),string="style-scope "+parentTag+" x-scope",re=new RegExp(string,"g");content=content.replace(re,""),string="style-scope "+parentTag,re=new RegExp(string,"g"),content=content.replace(re,""),string="x-scope "+parentTag+"-0",re=new RegExp(string,"g"),content=content.replace(re,"");let tags=window.HaxStore.instance.validTagList;for(var i in tags.push("hax-preview"),tags)string="style-scope "+tags[i],re=new RegExp(string,"g"),content=content.replace(re,""),string="x-scope "+tags[i]+"-0 ",re=new RegExp(string,"g"),content=content.replace(re,""),string="x-scope "+tags[i]+"-0",re=new RegExp(string,"g"),content=content.replace(re,"")}return content=(content=content.replace(/\sclass=\"\"/g,"")).replace(/\sclass=\"\s\"/g,""),this._applyContentEditable(this.editMode),window.HaxStore.write("activeNode",__active,this),window.HaxStore.write("activeContainerNode",__active,this),content=(0,_utils.encapScript)(content),this.globalPreferences.haxDeveloperMode&&console.warn(content),content}haxDuplicateNode(node,parent=this){this.hideContextMenus();let haxElement=window.HaxStore.nodeToHaxElement(node,null);void 0!==node.preProcessHaxInsertContent&&(haxElement=node.preProcessHaxInsertContent(haxElement)),haxElement.content==haxElement.properties.innerHTML&&delete haxElement.properties.innerHTML;var nodeClone=window.HaxStore.haxElementToNode(haxElement.tag,haxElement.content,haxElement.properties);return"webview"===nodeClone.tagName.toLowerCase()&&window.HaxStore.instance._isSandboxed&&void 0!==nodeClone.guestinstance&&delete nodeClone.guestinstance,null!==node?parent.insertBefore(nodeClone,node.nextSibling):parent.appendChild(nodeClone),setTimeout(()=>{parent===this&&window.HaxStore.write("activeContainerNode",nodeClone,this),window.HaxStore.write("activeNode",nodeClone,this)},100),!0}hideContextMenus(){this._hideContextMenu(this.shadowRoot.querySelector("#textcontextmenu")),this._hideContextMenu(this.shadowRoot.querySelector("#cecontextmenu")),this._hideContextMenu(this.shadowRoot.querySelector("#platecontextmenu")),this._hideContextMenu(this.shadowRoot.querySelector("#haxinputmixer")),this.shadowRoot.querySelector("#textcontextmenu").highlightOps=!1}positionContextMenus(node,container){if(node){let tag=node.tagName.toLowerCase();window.HaxStore.instance._isSandboxed&&"webview"===tag&&(tag="iframe");let props=window.HaxStore.instance.elementList[tag];void 0===props||window.HaxStore.instance.isTextElement(node)?(this._hideContextMenu(this.shadowRoot.querySelector("#cecontextmenu")),this._positionContextMenu(this.shadowRoot.querySelector("#textcontextmenu"),node,-39,-39)):(this._hideContextMenu(this.shadowRoot.querySelector("#textcontextmenu")),props.element=node,this.shadowRoot.querySelector("#cecontextmenu").setHaxProperties(props),this._positionContextMenu(this.shadowRoot.querySelector("#cecontextmenu"),node,-39,-39)),this._positionContextMenu(this.shadowRoot.querySelector("#platecontextmenu"),container,-39,0),container&&!this._HTMLPrimativeTest(node)&&node!==container?container.contentEditable=!1:container&&(container.contentEditable=!0)}}haxMoveGridPlate(direction,node,container){switch(this.___moveLock=!0,direction){case"first":null!==container.previousElementSibling&&this.insertBefore(container,this.firstChild);break;case"up":null!==container.previousElementSibling&&this.insertBefore(container,container.previousElementSibling);break;case"down":null!==container.nextElementSibling&&this.insertBefore(container.nextElementSibling,container);break;case"last":null!==container.nextElementSibling&&this.appendChild(container)}return setTimeout(()=>{this.positionContextMenus(node,container),"function"==typeof container.scrollIntoViewIfNeeded?container.scrollIntoViewIfNeeded(!0):container.scrollIntoView({behavior:"smooth",inline:"center"})},5),!0}haxReplaceNode(node,replacement,parent=this){this.hideContextMenus();try{node&&node.getAttribute&&null!=node.getAttribute("slot")&&replacement.setAttribute("slot",node.getAttribute("slot")),null==node&&(node=this.__oldActiveNode,parent=this.__oldActiveNode.parentNode),parent.replaceChild(replacement,node)}catch(e){console.warn(e)}return replacement}haxChangeTagName(node,tagName){this.hideContextMenus();for(var replacement=document.createElement(tagName),i=0,l=node.attributes.length;i<l;++i){var nodeName=node.attributes.item(i).nodeName,value=node.attributes.item(i).value;replacement.setAttribute(nodeName,value)}replacement.innerHTML=node.innerHTML.trim(),"ul"==tagName||"ol"==tagName?""==replacement.innerHTML?replacement.innerHTML="<li></li>":"ul"!=node.tagName.toLowerCase()&&"ol"!=node.tagName.toLowerCase()&&(replacement.innerHTML="<li>"+node.innerHTML.trim().replace(/<br\/>/g,"</li>\n<li>").replace(/<br>/g,"</li>\n<li>")+"</li>"):"ul"!=node.tagName.toLowerCase()&&"ol"!=node.tagName.toLowerCase()||(replacement.innerHTML=replacement.innerHTML.replace(/<ul>/g,"").replace(/<\/ul>/g,"").replace(/<li><\/li>/g,"").replace(/<li>/g,"").replace(/<\/li>/g,"<br/>"));try{node.parentNode.replaceChild(replacement,node),setTimeout(()=>{let children=replacement.children;children[0]&&children.tagName?children[0].focus():replacement.focus()},50)}catch(e){console.warn(e),console.warn(replacement),console.warn(node)}return replacement}haxDeleteNode(node,parent=this){if(this.hideContextMenus(),null!=this.activeContainerNode&&null!==this.activeContainerNode.previousElementSibling){if(this.activeContainerNode.previousElementSibling.focus(),null!=this.activeContainerNode&&window.HaxStore.instance.isTextElement(this.activeContainerNode)&&""!==this.activeContainerNode.textContent)try{var range=document.createRange(),sel=window.HaxStore.getSelection();range.setStart(this.activeContainerNode,1),range.collapse(!0),sel.removeAllRanges(),sel.addRange(range),this.activeContainerNode.focus()}catch(e){console.warn(e)}}else null!=this.activeContainerNode&&null!==this.activeContainerNode.nextElementSibling?this.activeContainerNode.nextElementSibling.focus():(this.activeNode=null,this.activeContainerNode=null,window.HaxStore.write("activeNode",null,this),window.HaxStore.write("activeContainerNode",null,this));try{return parent.removeChild(node)}catch(e){console.warn(e)}}importContent(html,clear=!0){clear&&(0,_utils.wipeSlot)(this,"*"),setTimeout(()=>{html=(0,_utils.encapScript)(html);let fragment=document.createElement("div");for(fragment.insertAdjacentHTML("beforeend",html);null!==fragment.firstChild;)if(void 0!==fragment.firstChild.tagName)if(window.HaxStore.instance._isSandboxed&&"iframe"===fragment.firstChild.tagName.toLowerCase()){for(var replacement=document.createElement("webview"),j=0,l=fragment.firstChild.attributes.length;j<l;++j){var nodeName=fragment.firstChild.attributes.item(j).nodeName,value=fragment.firstChild.attributes.item(j).value;"height"!==nodeName&&"width"!==nodeName||replacement.style[nodeName],replacement.setAttribute(nodeName,value)}this.appendChild(replacement)}else this.appendChild(fragment.firstChild);else fragment.removeChild(fragment.firstChild)},50)}_haxContextOperation(e){let detail=e.detail;var haxElement;switch(detail.eventName){case"p":case"ol":case"ul":case"h2":case"h3":case"h4":case"h5":case"h6":case"blockquote":case"code":this.shadowRoot.querySelector("#textcontextmenu").realSelectedValue=detail.eventName,this.activeNode=this.haxChangeTagName(this.activeNode,detail.eventName),window.HaxStore.write("activeNode",this.activeNode,this),this.positionContextMenus(this.activeNode,this.activeContainerNode);break;case"text-align-left":this.activeNode.style.textAlign=null;break;case"grid-plate-convert":this.replaceElementWorkflow();break;case"grid-plate-duplicate":this.activeNode===this.activeContainerNode?this.haxDuplicateNode(this.activeNode):this.haxDuplicateNode(this.activeNode,this.activeContainerNode);break;case"grid-plate-delete":if(null!=this.activeNode){let options=[{icon:"thumb-up",color:"green",title:"Yes"},{icon:"thumb-down",color:"red",title:"No"}],tag=this.activeNode.tagName.toLowerCase(),humanName=tag.replace("-"," ");void 0!==window.HaxStore.instance.elementList[tag]&&!1!==window.HaxStore.instance.elementList[tag].gizmo&&(humanName=window.HaxStore.instance.elementList[tag].gizmo.title),window.HaxStore.instance.haxAppPicker.presentOptions(options,"",`Remove this \`${humanName}\`?`,"delete")}break;case"grid-plate-first":this.haxMoveGridPlate("first",this.activeNode,this.activeContainerNode);break;case"grid-plate-up":this.haxMoveGridPlate("up",this.activeNode,this.activeContainerNode);break;case"hax-manager-open":window.HaxStore.write("activeHaxElement",{},this),window.HaxStore.instance.haxManager.resetManager(parseInt(detail.value)),window.HaxStore.write("openDrawer",window.HaxStore.instance.haxManager,this);break;case"grid-plate-down":this.haxMoveGridPlate("down",this.activeNode,this.activeContainerNode);break;case"grid-plate-last":this.haxMoveGridPlate("last",this.activeNode,this.activeContainerNode);break;case"close-menu":this.activeNode=null,this.activeContainerNode=null,window.HaxStore.write("activeNode",null,this),window.HaxStore.write("activeContainerNode",null,this);break;case"hax-edit-property":let haxInputMixer=this.shadowRoot.querySelector("#haxinputmixer");haxInputMixer.label=detail.target.label,haxInputMixer.options=detail.target.options,haxInputMixer.icon=detail.target.icon,haxInputMixer.description=detail.target.description,haxInputMixer.required=detail.target.required,haxInputMixer.validation=detail.target.validation,haxInputMixer.validationType=detail.target.validationType,haxInputMixer.inputMethod=detail.target.inputMethod,haxInputMixer.value="",void 0!==detail.target.propertyToBind&&null!=detail.target.propertyToBind&&0!=detail.target.propertyToBind&&(haxInputMixer.propertyToBind=detail.target.propertyToBind,void 0!==this.activeNode[detail.target.propertyToBind]?haxInputMixer.value=this.activeNode[detail.target.propertyToBind]:haxInputMixer.value=this.activeNode.getAttribute(detail.target.propertyToBind)),this._positionContextMenu(haxInputMixer,this.activeContainerNode,-1,-38);let style=this.shadowRoot.querySelector("#cecontextmenu").currentStyle||window.getComputedStyle(this.shadowRoot.querySelector("#cecontextmenu"));haxInputMixer.style.width=style.width.replace("px","")-40+"px";break;case"hax-align-left":this.activeNode.style.float=null,this.activeNode.style.margin=null,this.activeNode.style.display=null;break;case"hax-align-center":this.activeNode.style.float=null,this.activeNode.style.margin="0 auto",this.activeNode.style.display="block";break;case"hax-size-change":this.activeNode&&(this.activeNode.style.width=detail.value+"%");break;case"hax-manager-configure":this._hideContextMenu(this.shadowRoot.querySelector("#haxinputmixer")),window.HaxStore.instance.haxManager.resetManager(),haxElement=window.HaxStore.nodeToHaxElement(this.activeNode),window.HaxStore.write("activeHaxElement",haxElement,this),window.HaxStore.instance.haxManager.editExistingNode=!0,window.HaxStore.instance.haxManager.selectStep("configure"),window.HaxStore.write("openDrawer",window.HaxStore.instance.haxManager,this),setTimeout(()=>{window.HaxStore.instance.haxManager.shadowRoot.querySelector("#preview").shadowRoot.querySelector("#configurebutton").focus()},100);break;case"hax-manager-configure-container":window.HaxStore.write("activeNode",window.HaxStore.instance.activeContainerNode,this),this._hideContextMenu(this.shadowRoot.querySelector("#haxinputmixer")),window.HaxStore.instance.haxManager.resetManager(),haxElement=window.HaxStore.nodeToHaxElement(window.HaxStore.instance.activeNode),window.HaxStore.write("activeHaxElement",haxElement,this),window.HaxStore.instance.haxManager.editExistingNode=!0,window.HaxStore.instance.haxManager.selectStep("configure"),window.HaxStore.write("openDrawer",window.HaxStore.instance.haxManager,this),setTimeout(()=>{window.HaxStore.instance.haxManager.shadowRoot.querySelector("#preview").shadowRoot.querySelector("#configurebutton").focus()},100)}}_haxInputMixerOperation(e){let mixer=e.detail.inputMixer;null!=mixer.propertyToBind?this.activeNode[mixer.propertyToBind]=mixer.value:null!=mixer.slotToBind&&(item=document.createElement("span"),item.style.height="inherit",item.innerHTML=mixer.value,item.slot=mixer.slotToBind,this.activeNode.appendChild(item)),this._hideContextMenu(this.shadowRoot.querySelector("#haxinputmixer"))}_focusIn(e){this.__focusLogic(e.target)&&e.stopPropagation()}__focusLogic(target){let stopProp=!1;if(this.openDrawer||!this.editMode||this.__tabTrap)this.__tabTrap=!1;else{let containerNode=target;"SPAN"===containerNode.tagName&&window.HaxStore.instance.isTextElement(target.parentNode)&&(containerNode=target.parentNode);let activeNode=null;if(this._validElementTest(containerNode)&&null!=containerNode.parentNode){for(;"HAX-BODY"!=containerNode.parentNode.tagName;)null===activeNode&&"LI"!==containerNode.tagName&&"B"!==containerNode.tagName&&"I"!==containerNode.tagName&&"STRONG"!==containerNode.tagName&&"EM"!==containerNode.tagName&&(activeNode=containerNode),containerNode=containerNode.parentNode;null===activeNode?activeNode=containerNode:window.HaxStore.instance.isGridPlateElement(containerNode)?["UL","OL","LI","P","GRID-PLATE"].includes(containerNode.tagName)&&["UL","OL","LI"].includes(activeNode.tagName)&&(activeNode=containerNode):activeNode=containerNode,this.activeContainerNode===containerNode||containerNode.classList.contains("ignore-activation")?containerNode.classList.contains("ignore-activation")&&(stopProp=!0):(this.hideContextMenus(),this.activeContainerNode=containerNode,window.HaxStore.write("activeContainerNode",containerNode,this),stopProp=!0),this.activeNode===activeNode||activeNode.classList.contains("ignore-activation")||(this.activeNode=activeNode,window.HaxStore.write("activeNode",activeNode,this),this.positionContextMenus(activeNode,containerNode),stopProp=!0)}}return stopProp}_editModeChanged(newValue,oldValue){void 0!==oldValue&&(this._applyContentEditable(newValue),this.setAttribute("tabindex","-1"),newValue&&setTimeout(()=>{this.children&&this.children[0]&&this.children[0].focus?(this.activeNode=this.children[0],this.activeContainerNode=this.activeNode,window.HaxStore.write("activeNode",this.children[0],this),window.HaxStore.write("activeContainerNode",this.children[0],this),setTimeout(()=>{if(window.HaxStore.instance.isTextElement(this.activeNode))try{var range=document.createRange(),sel=window.HaxStore.getSelection();range.setStart(this.activeNode,0),range.collapse(!0),sel.removeAllRanges(),sel.addRange(range),this.activeNode.focus()}catch(e){console.warn(e)}},0)):(this.haxInsert("p","",{},!1),setTimeout(()=>{try{var range=document.createRange(),sel=window.HaxStore.getSelection();range.setStart(this.activeNode,0),range.collapse(!0),sel.removeAllRanges(),sel.addRange(range),this.activeNode.focus()}catch(e){console.warn(e)}},0))},100)),!1===newValue&&(this.removeAttribute("contenteditable"),this.hideContextMenus())}_haxResolvePreviousElement(node){for(node=node.previousElementSibling;null!=node&&void 0!==node.tagName&&"HAX-"===node.tagName.substring(0,4);)node=node.previousElementSibling;return node}_validElementTest(node){return void 0!==node.tagName&&("HAX-"!==node.tagName.substring(0,4)||"HAX-LOGO"===node.tagName)}_HTMLPrimativeTest(node){return null!=node&&void 0!==node.tagName&&-1==node.tagName.indexOf("-")}_applyContentEditable(status,target=this.shadowRoot.querySelector("#body")){let children="slot"===target.localName?target.assignedNodes({flatten:!0}):[];0===children.length&&(children=target.children);for(var i=0,len=children.length;i<len;i++)this._validElementTest(children[i])&&(!status||!0!==children[i].getAttribute("contenteditable")&&"true"!=children[i].getAttribute("contenteditable")&&"contenteditable"!=children[i].getAttribute("contenteditable"))&&this.__applyNodeEditableState(children[i],status)}__applyNodeEditableState(node,status=!0){let listenerMethod,haxRay=node.tagName.replace("-"," ").toLowerCase(),i=window.HaxStore.instance.gizmoList.findIndex(j=>j.tag===node.tagName.toLowerCase());if(-1!==i&&(haxRay=window.HaxStore.instance.gizmoList[i].title),status?(node.setAttribute("data-draggable",!0),node.setAttribute("data-editable",status),node.setAttribute("data-hax-ray",haxRay),listenerMethod="addEventListener"):(node.removeAttribute("data-draggable"),node.removeAttribute("data-editable"),node.removeAttribute("data-hax-ray"),listenerMethod="removeEventListener"),node[listenerMethod]("drop",this.dropEvent.bind(this)),node[listenerMethod]("dragenter",this.dragEnter.bind(this)),node[listenerMethod]("dragleave",this.dragLeave.bind(this)),node[listenerMethod]("dragend",this.dragEnd.bind(this)),node[listenerMethod]("dragover",(function(e){e.preventDefault()})),this._HTMLPrimativeTest(node)&&(status?node.setAttribute("contenteditable",status):node.removeAttribute("contenteditable"),node.querySelectorAll("a").length>0)){let links=node.querySelectorAll("a");for(var j=0,len2=links.length;j<len2;j++)status?(links[j].setAttribute("contenteditable",status),links[j].setAttribute("data-editable",status)):(links[j].removeAttribute("contenteditable"),links[j].removeAttribute("data-editable")),links[j][listenerMethod]("click",e=>{e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()})}}dropEvent(e){if(!this.openDrawer&&this.editMode){var target=window.HaxStore.instance.__dragTarget,local=e.target;if(null!=target&&void 0!==local&&target!==local&&target!==local.parentNode&&target.parentNode===this||local.parentNode===this){target.removeAttribute("slot");try{this.insertBefore(target,local)}catch(e){console.warn(e)}e.preventDefault(),e.stopPropagation()}let children=this.children;for(var i in children)void 0!==children[i].classList&&children[i].classList.remove("mover","hovered");target&&"function"==typeof target.focus&&setTimeout(()=>{this.positionContextMenus(this.activeNode,this.activeContainerNode)},0)}}dragEnter(e){!this.openDrawer&&this.editMode&&(e.preventDefault(),e.target.classList.add("hovered"))}dragLeave(e){!this.openDrawer&&this.editMode&&e.target.classList.remove("hovered")}dragStart(e){if(!this.openDrawer&&this.editMode){let children=this.children;for(var i in children)void 0!==children[i].classList&&children[i].classList.add("mover")}}dragEnd(e){if(!this.openDrawer&&this.editMode){let children=this.children;for(var i in children)void 0!==children[i].classList&&children[i].classList.remove("mover","hovered")}}_activeContainerNodeChanged(newValue,oldValue){if(this.editMode&&void 0!==newValue&&null!=newValue&&null!=newValue.tagName){window.HaxStore.instance.isTextElement(newValue)||window.HaxStore.instance.isGridPlateElement(newValue)?(newValue.setAttribute("contenteditable",!0),this.setAttribute("contenteditable",!0)):(newValue.removeAttribute("contenteditable"),this.removeAttribute("contenteditable")),oldValue&&"GRID-PLATE"==oldValue.tagName&&(oldValue.activeItem=null),"grid-plate"===newValue.tagName.toLowerCase()&&(newValue.editMode=this.editMode,this._applyContentEditable(this.editMode,newValue))}}_activeNodeChanged(newValue,oldValue){if(this.querySelectorAll(".hax-active").forEach(el=>{el.classList.remove("hax-active")}),this.editMode&&null!=newValue){let tag=newValue.tagName.toLowerCase();newValue.classList.add("hax-active"),window.HaxStore.instance.isTextElement(newValue)||window.HaxStore.instance.isGridPlateElement(newValue)?(newValue.setAttribute("contenteditable",!0),this.setAttribute("contenteditable",!0),clearTimeout(this.__positionContextTimer),this.__positionContextTimer=setTimeout(()=>{newValue===this.activeNode&&this.positionContextMenus(newValue,newValue)},10)):(newValue.removeAttribute("contenteditable"),this.removeAttribute("contenteditable")),this.shadowRoot.querySelector("#textcontextmenu").realSelectedValue=tag,"left"==newValue.style.textAlign?(this.shadowRoot.querySelector("#textcontextmenu").justifyIcon="editor:format-align-left",this.shadowRoot.querySelector("#textcontextmenu").justifyValue="text-align-left"):"left"==newValue.style.float?(this.shadowRoot.querySelector("#cecontextmenu").justifyIcon="editor:format-align-left",this.shadowRoot.querySelector("#cecontextmenu").justifyValue="hax-align-left"):"0 auto"==newValue.style.margin&&(this.shadowRoot.querySelector("#cecontextmenu").justifyIcon="editor:format-align-center",this.shadowRoot.querySelector("#cecontextmenu").justifyValue="hax-align-center")}else null===newValue&&(this.hideContextMenus(),this.__oldActiveNode=oldValue,this.shadowRoot.querySelector("#textcontextmenu").justifyIcon="editor:format-align-left",this.shadowRoot.querySelector("#textcontextmenu").justifyValue="text-align-left")}_getPosition(element){return{x:element.offsetLeft-element.scrollLeft+element.clientLeft,y:element.offsetTop-element.scrollTop+element.clientTop}}_positionContextMenu(menu,target,xoffset,yoffset){if(null!=target){let pos=this._getPosition(target);menu.style.left=null!=xoffset?pos.x+xoffset+"px":pos.x+"px",menu.style.top=null!=yoffset?pos.y+yoffset+"px":pos.y+"px"}menu.classList.add("hax-context-visible"),this.__activeHover&&(menu.classList.add("hax-active-hover"),menu.style.marginLeft="",this.__typeLock=!1),setTimeout(()=>{this._keepContextVisible()},100)}_hideContextMenu(menu){menu.classList.remove("hax-context-visible","hax-context-pin-top","hax-context-pin-bottom"),menu.style.left="-100px"}_tabKeyPressed(){let focus=!1,node=this.activeContainerNode;const activeNodeTagName=this.activeContainerNode.tagName;try{let range=window.HaxStore.getRange().cloneRange();var tagTest=range.commonAncestorContainer.tagName;if(void 0===tagTest&&(tagTest=range.commonAncestorContainer.parentNode.tagName),["UL","OL","LI"].includes(activeNodeTagName)||["UL","OL","LI"].includes(tagTest))this.polyfillSafe&&(document.execCommand("indent"),this.__tabTrap=!0);else for(;!focus;)null==node.nextSibling?focus=!0:"function"===node.nextSibling.focus?(node.nextSibling.focus(),focus=!0):node=node.nextSibling}catch(e){console.warn(e)}}_tabBackKeyPressed(){let node=this.activeContainerNode;const activeNodeTagName=this.activeContainerNode.tagName;try{let range=window.HaxStore.getRange().cloneRange();var tagTest=range.commonAncestorContainer.tagName;if(void 0===tagTest&&(tagTest=range.commonAncestorContainer.parentNode.tagName),["UL","OL","LI"].includes(activeNodeTagName)||["UL","OL","LI"].includes(tagTest))this.polyfillSafe&&(document.execCommand("outdent"),this.__tabTrap=!0);else{if(null!=node)for(;null!=node&&!this._validElementTest(node);)node=node.previousSibling;null!=node&&setTimeout(()=>{node.focus()},50)}}catch(e){console.warn(e)}}}_exports.HaxBody=HaxBody,window.customElements.define(HaxBody.tag,HaxBody)}));
\ No newline at end of file
diff --git a/build/es6-amd/node_modules/@lrnwebcomponents/retro-card/retro-card.js b/build/es6-amd/node_modules/@lrnwebcomponents/retro-card/retro-card.js
new file mode 100644
index 00000000000..144f572ee17
--- /dev/null
+++ b/build/es6-amd/node_modules/@lrnwebcomponents/retro-card/retro-card.js
@@ -0,0 +1,147 @@
+define(["exports","../../lit-element/lit-element.js","../simple-colors/simple-colors.js"],(function(_exports,_litElement,_simpleColors){Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.RetroCard=void 0;
+/**
+   * Copyright 2019 The Pennsylvania State University
+   * @license Apache-2.0, see License.md for full text.
+   */
+class RetroCard extends _simpleColors.SimpleColors{static get styles(){return[...super.styles,_litElement.css`
+        :host {
+          display: block;
+          --retro-card-level-2: var(
+            --simple-colors-default-theme-accent-7,
+            #b8a515
+          );
+          --retro-card-level-1: var(
+            --simple-colors-default-theme-accent-6,
+            #e5cd1b
+          );
+          --retro-card-level-3: var(
+            --simple-colors-default-theme-accent-5,
+            #ead749
+          );
+          --retro-card-shadow: var(
+            --simple-colors-default-theme-accent-8,
+            rgba(229, 205, 27, 0.2)
+          );
+          --retro-card-light-color: #f4f1d0;
+          --retro-card-dark-color: #212121;
+        }
+        :host([dark]) {
+          --retro-card-dark-color: #f4f1d0;
+          --retro-card-light-color: #212121;
+        }
+        :host([hidden]) {
+          display: none;
+        }
+
+        :host([hover-state]) .link:nth-child(1n + 0) {
+          box-shadow: 16px 16px 0px 0px var(--retro-card-shadow);
+          border: 16px solid var(--retro-card-level-2);
+          background-color: var(--retro-card-level-1);
+        }
+
+        :host([hover-state]) .link {
+          color: var(--retro-card-light-color);
+          text-decoration: underline;
+          padding: 1.25rem;
+          border: 16px var(--retro-card-level-1) solid;
+          box-shadow: 16px 16px 0px 0px var(--retro-card-shadow);
+          transition: background-color 0.2s ease-in-out 0s,
+            padding 0.4s ease-in-out 0s, border 0.4s ease-in-out 0s,
+            box-shadow 0.2s ease-in-out 0s;
+        }
+        .link:nth-child(1n + 0) {
+          background-color: var(--retro-card-level-3);
+          box-shadow: 8px 8px 0px 0px var(--retro-card-level-1);
+          border: 4px var(--retro-card-level-1) solid;
+        }
+        .link {
+          display: block;
+          background-color: var(--retro-card-level-3);
+          border: 4px var(--retro-card-level-1) solid;
+          padding: 2rem;
+          box-shadow: 8px 8px 0px 0px var(--retro-card-level-1);
+          transition: padding 0.4s ease-in-out 0s, border 0.4s ease-in-out 0s,
+            box-shadow 0.2s ease-in-out 0s;
+        }
+
+        .img {
+          -webkit-filter: grayscale(1);
+          filter: grayscale(1);
+          mix-blend-mode: screen;
+          border: 0;
+          max-width: 100%;
+          height: auto;
+          -ms-interpolation-mode: bicubic;
+          display: inline-block;
+          vertical-align: middle;
+          max-height: 200px;
+        }
+
+        .title {
+          display: block;
+          font-size: 1.5rem;
+          padding: 2rem 0 0 0;
+          text-transform: uppercase;
+          font-weight: 700;
+          text-align: center;
+        }
+
+        .description {
+          display: block;
+          font-size: 0.9rem;
+          padding: 0.75rem 1rem 0;
+        }
+        .card-tags {
+          line-height: 1.6;
+          text-align: center;
+          margin-bottom: 1rem;
+          text-rendering: optimizeLegibility;
+          font-weight: 300;
+        }
+        .project-tag {
+          font-size: 0.7rem;
+          padding: 0.25rem 0.5rem;
+          font-style: italic;
+          font-weight: 600;
+          color: var(--retro-card-light-color);
+          background: var(--retro-card-dark-color);
+          word-wrap: break-word;
+          padding: 0 0.5rem;
+          text-transform: uppercase;
+          margin-bottom: 2rem;
+          margin: 0 0.25rem 2rem 0;
+        }
+
+        hr {
+          border-bottom: 1px solid var(--retro-card-dark-color);
+          max-width: 75rem;
+          height: 0;
+          border-right: 0;
+          border-top: 0;
+          border-left: 0;
+          margin: 1.25rem auto;
+          clear: both;
+        }
+
+        a {
+          text-align: center;
+          color: var(--retro-card-dark-color);
+          text-decoration: none;
+          line-height: inherit;
+          cursor: pointer;
+          font-family: "Roboto Mono", Consolas, Monospace;
+        }
+      `]}render(){return _litElement.html`
+      <a tabindex="-1" class="link ${this.color}" href="${this.url}">
+        <img class="img" loading="lazy" src="${this.__source}" alt="" />
+        <span class="title">${this.title}</span>
+        <span class="name">${this.subtitle}</span>
+        <span class="description"><slot></slot></span>
+        <hr />
+        <div class="card-tags">
+          ${this.__cardTags.map(tag=>_litElement.html`
+                <span class="project-tag">${tag.trim()}</span>
+              `)}
+        </div>
+      </a>
+    `}static get haxProperties(){return{canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Retro card",description:"Simple card in a cool retro design",icon:"icons:android",color:"purple",groups:["Card"],handles:[{type:"image",source2:"mediaSource",source:"hoverSource",alt:"subtitle",title:"title",name:"title"}],meta:{author:"ELMS:LN",owner:"The Pennsylvania State University"}},settings:{quick:[{property:"mediaSource",description:"",inputMethod:"textfield",required:!0,icon:"icons:link",validationType:"url"}],configure:[{property:"title",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"},{property:"url",description:"",inputMethod:"textfield",required:!1,icon:"icons:android",validationType:"url"},{property:"subtitle",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"},{property:"tags",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"},{property:"mediaSource",description:"Primary media source",inputMethod:"haxupload",required:!0,icon:"icons:link",validationType:"url"},{property:"hoverSource",description:"When user hovers / activates the card",title:"Source on hover",inputMethod:"haxupload",required:!1,validationType:"url",icon:"icons:android"},{property:"accentColor",description:"An accent to apply evenly to the card",title:"Accent Color",inputMethod:"colorpicker",required:!1,icon:"icons:android"},{property:"dark",title:"Dark",description:"Flips the color mode to be dark mode",inputMethod:"boolean",required:!1}],advanced:[]}}}static get properties(){return{...super.properties,title:{type:String},subtitle:{type:String},tags:{type:String},mediaSource:{type:String,attribute:"media-source"},url:{type:String},hoverSource:{type:String,attribute:"hover-source"},hoverState:{type:Boolean,attribute:"hover-state",reflect:!0},__cardTags:{type:Array},__source:{type:String}}}static get tag(){return"retro-card"}constructor(){super(),this.__cardTags=[],this.hoverState=!1,this.setAttribute("tabindex",0),setTimeout(()=>{this.addEventListener("keypress",this._keyPress.bind(this)),this.addEventListener("mouseover",this._hoverStateOn.bind(this)),this.addEventListener("mouseout",this._hoverStateOff.bind(this)),this.addEventListener("focusin",this._hoverStateOn.bind(this)),this.addEventListener("focusout",this._hoverStateOff.bind(this))},0)}_keyPress(e){switch(e.key){case"Enter":this.shadowRoot.querySelector("a").click()}}_hoverStateOff(e){this.hoverState=!1}_hoverStateOn(e){this.hoverState=!0}firstUpdated(){this.hoverSource||(console.log("?"),this.hoverSource=this.mediaSource)}updated(changedProperties){super.updated&&super.updated(changedProperties),changedProperties.forEach((oldValue,propName)=>{"tags"==propName&&this._tagsChanged(this[propName]),"source"==propName&&(this.__source=this.mediaSource),"hoverState"==propName&&(this.__source=this[propName]?this.hoverSource:this.mediaSource,console.log(this.mediaSource))})}_tagsChanged(tags){let ary=tags.split(",");this.__cardTags=[...ary]}}_exports.RetroCard=RetroCard,customElements.define(RetroCard.tag,RetroCard)}));
\ No newline at end of file
diff --git a/build/es6-amd/node_modules/@lrnwebcomponents/wysiwyg-hax/wysiwyg-hax.js b/build/es6-amd/node_modules/@lrnwebcomponents/wysiwyg-hax/wysiwyg-hax.js
index 745c481f217..c6f9ffab128 100644
--- a/build/es6-amd/node_modules/@lrnwebcomponents/wysiwyg-hax/wysiwyg-hax.js
+++ b/build/es6-amd/node_modules/@lrnwebcomponents/wysiwyg-hax/wysiwyg-hax.js
@@ -26,4 +26,4 @@ define(["exports","../../lit-element/lit-element.js","../cms-hax/cms-hax.js"],(f
         align="${this.align}"
       >
       </cms-hax>
-    `}static get tag(){return"wysiwyg-hax"}constructor(){super(),this.openDefault=!1,this.hideExportButton=!1,this.align="right",this.fieldId="textarea-input-field",this.fieldName="data[content]",this.__imported=!1,this.redirectLocation="",this.updatePageData=""}updated(changedProperties){changedProperties.forEach((oldValue,propName)=>{"activeHaxBody"==propName&&this._activeHaxBodyUpdated(this[propName])})}static get properties(){return{openDefault:{type:Boolean,attribute:"open-default"},redirectLocation:{type:String,attribute:"redirect-location"},hideExportButton:{type:Boolean,attribute:"hide-export-button"},hidePanelOps:{type:Boolean,attribute:"hide-panel-ops"},hidePreferencesButton:{type:Boolean,attribute:"hide-preferences-button"},align:{type:String},bodyValue:{type:String,attribute:"body-value"},appStoreConnection:{type:String,attribute:"app-store-connection"},fieldClass:{type:String,attribute:"field-class"},fieldId:{type:String,attribute:"field-id"},fieldName:{type:String,attribute:"field-name"},syncBody:{type:Boolean,attribute:"sync-body",reflect:!0},editMode:{type:Boolean,reflect:!0,attribute:"edit-mode"},endPoint:{type:String,attribute:"end-point"},updatePageData:{type:String,attribute:"update-page-data"},activeHaxBody:{type:Object},__imported:{type:Boolean}}}createRenderRoot(){return this}_activeHaxBodyUpdated(newValue){if(null!=newValue&&!this.__imported){this.__imported=!0;let children=this.querySelector("template");null!=children&&(newValue.importContent(children.innerHTML),this.editMode=!1,window.HaxStore.write("editMode",this.editMode,this),setTimeout(()=>{this.editMode=!0,window.HaxStore.write("editMode",this.editMode,this)},200))}}connectedCallback(){super.connectedCallback(),document.body.addEventListener("hax-save",this._bodyContentUpdated.bind(this)),document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))}disconnectedCallback(){document.body.removeEventListener("hax-save",this._bodyContentUpdated.bind(this)),document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this)),super.disconnectedCallback()}_haxStorePropertyUpdated(e){e.detail&&void 0!==e.detail.value&&e.detail.property&&("object"==typeof e.detail.value?this[e.detail.property]={...e.detail.value}:this[e.detail.property]=e.detail.value)}_bodyContentUpdated(e){this.bodyValue=window.HaxStore.instance.activeHaxBody.haxToContent()}}_exports.WysiwygHax=WysiwygHax,window.customElements.define(WysiwygHax.tag,WysiwygHax)}));
\ No newline at end of file
+    `}static get tag(){return"wysiwyg-hax"}constructor(){super();let children=this.querySelector("template");children&&(this.__importContent=children.innerHTML),this.openDefault=!1,this.hideExportButton=!1,this.align="right",this.fieldId="textarea-input-field",this.fieldName="data[content]",this.__imported=!1,this.redirectLocation="",this.updatePageData="",window.addEventListener("hax-save",this._bodyContentUpdated.bind(this)),window.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))}updated(changedProperties){changedProperties.forEach((oldValue,propName)=>{"activeHaxBody"==propName&&this._activeHaxBodyUpdated(this[propName])})}static get properties(){return{openDefault:{type:Boolean,attribute:"open-default"},redirectLocation:{type:String,attribute:"redirect-location"},hideExportButton:{type:Boolean,attribute:"hide-export-button"},hidePanelOps:{type:Boolean,attribute:"hide-panel-ops"},hidePreferencesButton:{type:Boolean,attribute:"hide-preferences-button"},align:{type:String},bodyValue:{type:String,attribute:"body-value"},appStoreConnection:{type:String,attribute:"app-store-connection"},fieldClass:{type:String,attribute:"field-class"},fieldId:{type:String,attribute:"field-id"},fieldName:{type:String,attribute:"field-name"},syncBody:{type:Boolean,attribute:"sync-body",reflect:!0},editMode:{type:Boolean,reflect:!0,attribute:"edit-mode"},endPoint:{type:String,attribute:"end-point"},updatePageData:{type:String,attribute:"update-page-data"},activeHaxBody:{type:Object},__imported:{type:Boolean}}}createRenderRoot(){return this}_activeHaxBodyUpdated(newValue){null==newValue||this.__imported||(this.__imported=!0,this.__importContent&&newValue.importContent(this.__importContent))}disconnectedCallback(){window.removeEventListener("hax-save",this._bodyContentUpdated.bind(this)),window.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this)),super.disconnectedCallback()}_haxStorePropertyUpdated(e){e.detail&&void 0!==e.detail.value&&e.detail.property&&("object"==typeof e.detail.value&&(this[e.detail.property]=null),this[e.detail.property]=e.detail.value)}_bodyContentUpdated(e){this.bodyValue=window.HaxStore.instance.activeHaxBody.haxToContent()}}_exports.WysiwygHax=WysiwygHax,window.customElements.define(WysiwygHax.tag,WysiwygHax)}));
\ No newline at end of file
diff --git a/build/es6-amd/node_modules/vmsg/COPYING b/build/es6-amd/node_modules/vmsg/COPYING
new file mode 100644
index 00000000000..0e259d42c99
--- /dev/null
+++ b/build/es6-amd/node_modules/vmsg/COPYING
@@ -0,0 +1,121 @@
+Creative Commons Legal Code
+
+CC0 1.0 Universal
+
+    CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE
+    LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN
+    ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS
+    INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES
+    REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS
+    PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM
+    THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED
+    HEREUNDER.
+
+Statement of Purpose
+
+The laws of most jurisdictions throughout the world automatically confer
+exclusive Copyright and Related Rights (defined below) upon the creator
+and subsequent owner(s) (each and all, an "owner") of an original work of
+authorship and/or a database (each, a "Work").
+
+Certain owners wish to permanently relinquish those rights to a Work for
+the purpose of contributing to a commons of creative, cultural and
+scientific works ("Commons") that the public can reliably and without fear
+of later claims of infringement build upon, modify, incorporate in other
+works, reuse and redistribute as freely as possible in any form whatsoever
+and for any purposes, including without limitation commercial purposes.
+These owners may contribute to the Commons to promote the ideal of a free
+culture and the further production of creative, cultural and scientific
+works, or to gain reputation or greater distribution for their Work in
+part through the use and efforts of others.
+
+For these and/or other purposes and motivations, and without any
+expectation of additional consideration or compensation, the person
+associating CC0 with a Work (the "Affirmer"), to the extent that he or she
+is an owner of Copyright and Related Rights in the Work, voluntarily
+elects to apply CC0 to the Work and publicly distribute the Work under its
+terms, with knowledge of his or her Copyright and Related Rights in the
+Work and the meaning and intended legal effect of CC0 on those rights.
+
+1. Copyright and Related Rights. A Work made available under CC0 may be
+protected by copyright and related or neighboring rights ("Copyright and
+Related Rights"). Copyright and Related Rights include, but are not
+limited to, the following:
+
+  i. the right to reproduce, adapt, distribute, perform, display,
+     communicate, and translate a Work;
+ ii. moral rights retained by the original author(s) and/or performer(s);
+iii. publicity and privacy rights pertaining to a person's image or
+     likeness depicted in a Work;
+ iv. rights protecting against unfair competition in regards to a Work,
+     subject to the limitations in paragraph 4(a), below;
+  v. rights protecting the extraction, dissemination, use and reuse of data
+     in a Work;
+ vi. database rights (such as those arising under Directive 96/9/EC of the
+     European Parliament and of the Council of 11 March 1996 on the legal
+     protection of databases, and under any national implementation
+     thereof, including any amended or successor version of such
+     directive); and
+vii. other similar, equivalent or corresponding rights throughout the
+     world based on applicable law or treaty, and any national
+     implementations thereof.
+
+2. Waiver. To the greatest extent permitted by, but not in contravention
+of, applicable law, Affirmer hereby overtly, fully, permanently,
+irrevocably and unconditionally waives, abandons, and surrenders all of
+Affirmer's Copyright and Related Rights and associated claims and causes
+of action, whether now known or unknown (including existing as well as
+future claims and causes of action), in the Work (i) in all territories
+worldwide, (ii) for the maximum duration provided by applicable law or
+treaty (including future time extensions), (iii) in any current or future
+medium and for any number of copies, and (iv) for any purpose whatsoever,
+including without limitation commercial, advertising or promotional
+purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each
+member of the public at large and to the detriment of Affirmer's heirs and
+successors, fully intending that such Waiver shall not be subject to
+revocation, rescission, cancellation, termination, or any other legal or
+equitable action to disrupt the quiet enjoyment of the Work by the public
+as contemplated by Affirmer's express Statement of Purpose.
+
+3. Public License Fallback. Should any part of the Waiver for any reason
+be judged legally invalid or ineffective under applicable law, then the
+Waiver shall be preserved to the maximum extent permitted taking into
+account Affirmer's express Statement of Purpose. In addition, to the
+extent the Waiver is so judged Affirmer hereby grants to each affected
+person a royalty-free, non transferable, non sublicensable, non exclusive,
+irrevocable and unconditional license to exercise Affirmer's Copyright and
+Related Rights in the Work (i) in all territories worldwide, (ii) for the
+maximum duration provided by applicable law or treaty (including future
+time extensions), (iii) in any current or future medium and for any number
+of copies, and (iv) for any purpose whatsoever, including without
+limitation commercial, advertising or promotional purposes (the
+"License"). The License shall be deemed effective as of the date CC0 was
+applied by Affirmer to the Work. Should any part of the License for any
+reason be judged legally invalid or ineffective under applicable law, such
+partial invalidity or ineffectiveness shall not invalidate the remainder
+of the License, and in such case Affirmer hereby affirms that he or she
+will not (i) exercise any of his or her remaining Copyright and Related
+Rights in the Work or (ii) assert any associated claims and causes of
+action with respect to the Work, in either case contrary to Affirmer's
+express Statement of Purpose.
+
+4. Limitations and Disclaimers.
+
+ a. No trademark or patent rights held by Affirmer are waived, abandoned,
+    surrendered, licensed or otherwise affected by this document.
+ b. Affirmer offers the Work as-is and makes no representations or
+    warranties of any kind concerning the Work, express, implied,
+    statutory or otherwise, including without limitation warranties of
+    title, merchantability, fitness for a particular purpose, non
+    infringement, or the absence of latent or other defects, accuracy, or
+    the present or absence of errors, whether or not discoverable, all to
+    the greatest extent permissible under applicable law.
+ c. Affirmer disclaims responsibility for clearing rights of other persons
+    that may apply to the Work or any use thereof, including without
+    limitation any person's Copyright and Related Rights in the Work.
+    Further, Affirmer disclaims responsibility for obtaining any necessary
+    consents, permissions or other rights required for any use of the
+    Work.
+ d. Affirmer understands and acknowledges that Creative Commons is not a
+    party to this document and has no duty or obligation with respect to
+    this CC0 or use of the Work.
diff --git a/build/es6-amd/node_modules/vmsg/README.md b/build/es6-amd/node_modules/vmsg/README.md
new file mode 100644
index 00000000000..81d819bf37c
--- /dev/null
+++ b/build/es6-amd/node_modules/vmsg/README.md
@@ -0,0 +1,128 @@
+# vmsg [![npm](https://img.shields.io/npm/v/vmsg.svg)](https://www.npmjs.com/package/vmsg)
+
+vmsg is a small library for creating voice messages. While traditional
+way of communicating on the web is via text, sometimes it's easier or
+rather funnier to express your thoughts just by saying it. Of course it
+doesn't require any special support: record your voice with some
+standard program, upload to file hosting and share the link. But why
+bother with all of that tedious stuff if you can do the same in browser
+with a few clicks.
+
+:confetti_ball: :tada: **[DEMO](https://kagami.github.io/vmsg/)** :tada: :confetti_ball:
+
+## Features
+
+* No dependencies, framework-agnostic, can be easily added to any site
+* Small: ~73kb gzipped WASM module and ~3kb gzipped JS + CSS
+* Uses MP3 format which is widely supported
+* Works in all latest browsers
+
+## Supported browsers
+
+* Chrome 32+
+* Firefox 27+
+* Safari 11+
+* Edge 12+
+
+## Usage
+
+```
+npm install vmsg --save
+```
+
+```js
+import { record } from "vmsg";
+
+someButton.onclick = function() {
+  record(/* {wasmURL: "/static/js/vmsg.wasm"} */).then(blob => {
+    console.log("Recorded MP3", blob);
+    // Can be used like this:
+    //
+    // const form = new FormData();
+    // form.append("file[]", blob, "record.mp3");
+    // fetch("/upload.php", {
+    //   credentials: "include",
+    //   method: "POST",
+    //   body: form,
+    // }).then(resp => {
+    // });
+  });
+};
+```
+
+That's it! Don't forget to include [vmsg.css](vmsg.css) and
+[vmsg.wasm](vmsg.wasm) in your project. For browsers without WebAssembly
+support you need to also include
+[wasm-polyfill.js](https://github.com/Kagami/wasm-polyfill.js).
+
+See [demo](demo) directory for a more feasible example.
+
+A minimal React example for using Recorder with your own UI can be found [here](https://codesandbox.io/s/v67oz43lm7).
+
+See also [non React demo](https://github.com/addpipe/simple-vmsg-demo) and [Recording mp3 audio in HTML5 using vmsg](https://addpipe.com/blog/recording-mp3-audio-in-html5-using-vmsg-a-webassembly-library-based-on-lame/) article.
+
+## Development
+
+1. Install [Emscripten SDK](https://github.com/juj/emsdk).
+2. Install latest LLVM, Clang and LLD with WebAssembly backend, fix
+   `LLVM_ROOT` variable of Emscripten config.
+3. Make sure you have a standard GNU development environment.
+4. Activate emsdk environment.
+5. ```bash
+   git clone --recurse-submodules https://github.com/Kagami/vmsg.git && cd vmsg
+   make clean all
+   npm install
+   npm start
+   ```
+
+These instructions are very basic because there're a lot of systems with
+different conventions. Docker image would probably be provided to fix it.
+
+## Technical details for nerds
+
+vmsg uses LAME encoder underneath compiled with Emscripten to
+WebAssembly module. LAME build is optimized for size, weights only
+little more than 70kb gzipped and can be super-efficiently fetched and
+parsed by browser. [It's like a small image.](https://twitter.com/wycats/status/942908325775077376)
+
+Access to microphone is implemented with Web Audio API, data samples
+sent to Web Worker which is responsibe for loading WebAssembly module
+and calling LAME API.
+
+Module is produced with modern LLVM WASM backend and LLD linker which
+should become standard soon, also vmsg has own tiny WASM runtime instead
+of Emscripten's to decrease overall size and simplify architecture.
+Worker code is included in the main JS module so end-user has to care
+only about 3 files: `vmsg.js`, `vmsg.css` and `vmsg.wasm`. CSS can be
+inlined too but IMO that would be ugly.
+
+In order to support browsers without WebAssembly,
+[WebAssembly polyfill](https://github.com/Kagami/wasm-polyfill.js) is
+being used. It translates binary module into semantically-equivalent
+JavaScript on the fly (almost asm.js compatible but doesn't fully
+validate yet) so we don't need separate asm.js build and can use
+standard WebAssembly API. It's not as effecient but for audio encoding
+should be enough.
+
+**See also:** [Creating WebAssembly-powered library for modern web](https://hackernoon.com/creating-webassembly-powered-library-for-modern-web-846da334f8fc) article.
+
+## Why not MediaRecorder?
+
+[MediaStream Recording API](https://developer.mozilla.org/en-US/docs/Web/API/MediaStream_Recording_API)
+is great but:
+
+* Works only in Firefox and Chrome
+* Provides little to no options, e.g. VBR quality can't be specified
+* Firefox/Chrome encode only to Opus which can't be natively played in Safari and Edge
+
+## But you can use e.g. ogv.js polyfill!
+
+* It make things more complicated, now you need both encoder and decoder
+* Opus gives you ~2x bitrate win but for 500kb per minute files it's not that much
+* MP3 is much more widespread, so even while compression is not best compatibility matters
+
+## License
+
+vmsg is licensed under [CC0](COPYING).  
+LAME is licensed under [LGPL](https://github.com/Kagami/lame-svn/blob/master/lame/COPYING).  
+MP3 patents seems to [have expired since April 23, 2017](https://en.wikipedia.org/wiki/LAME#Patents_and_legal_issues).
diff --git a/build/es6-amd/node_modules/vmsg/package.json b/build/es6-amd/node_modules/vmsg/package.json
new file mode 100644
index 00000000000..ccb0000027f
--- /dev/null
+++ b/build/es6-amd/node_modules/vmsg/package.json
@@ -0,0 +1,44 @@
+{
+  "name": "vmsg",
+  "version": "0.3.6",
+  "description": "Library for creating voice messages",
+  "main": "vmsg.js",
+  "typings": "vmsg.d.ts",
+  "scripts": {
+    "start": "parcel demo/index.html",
+    "prepare": "babel vmsg.js -o vmsg.es5.js",
+    "demo": "D=`mktemp -d` && parcel build demo/index.html --out-dir \"$D\" --public-url ./ && git checkout gh-pages && rm `git ls-files *` && mv \"$D\"/* . && rmdir \"$D\" && git add -A && git commit -m 'Update demo'"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Kagami/vmsg.git"
+  },
+  "keywords": [
+    "voice",
+    "voice message",
+    "emscripten",
+    "webassembly",
+    "lame",
+    "mp3"
+  ],
+  "author": "Kagami Hiiragi",
+  "license": "CC0-1.0",
+  "bugs": {
+    "url": "https://github.com/Kagami/vmsg/issues"
+  },
+  "homepage": "https://github.com/Kagami/vmsg#readme",
+  "parcelDisableLoaders": [
+    "wasm"
+  ],
+  "devDependencies": {
+    "@babel/cli": "^7.2.3",
+    "@babel/core": "^7.2.2",
+    "@babel/plugin-proposal-class-properties": "^7.3.0",
+    "@babel/preset-env": "^7.3.1",
+    "autoprefixer": "^9.4.7",
+    "parcel-bundler": "^1.11.0",
+    "parcel-plugin-disable-loaders": "^1.0.3",
+    "react": "^16.8.1",
+    "react-dom": "^16.8.1"
+  }
+}
diff --git a/build/es6-amd/node_modules/vmsg/vmsg.css b/build/es6-amd/node_modules/vmsg/vmsg.css
new file mode 100644
index 00000000000..005e512465e
--- /dev/null
+++ b/build/es6-amd/node_modules/vmsg/vmsg.css
@@ -0,0 +1,193 @@
+.vmsg-backdrop {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  background: rgba(0,0,0,.7);
+  align-items: center;
+  justify-content: center;
+}
+
+.vmsg-popup {
+  box-sizing: border-box;
+  width: 250px;
+  padding: 10px;
+  border-radius: 4px;
+  background: #e4e1e5;
+  box-shadow: 1px 1px 4px 0 rgba(59,26,84,.6);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  font-family: Helvetica,sans-serif;
+  font-size: 14px;
+  line-height: 1.4;
+  color: #0a0a0a;
+}
+
+.vmsg-progress {
+  width: 40%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: space-between;
+}
+
+.vmsg-progress-dot {
+  width: 15px;
+  height: 15px;
+  border-radius: 50%;
+  animation: vmsg-progress 1s linear infinite;
+}
+.vmsg-progress-dot:nth-child(2) {
+  animation-delay: -0.8s;
+}
+.vmsg-progress-dot:nth-child(3) {
+  animation-delay: -0.6s;
+}
+@keyframes vmsg-progress {
+  0%, 60%, 100% {
+    background: none;
+  }
+  30% {
+    background: #9e85ad;
+  }
+}
+
+.vmsg-error {
+  font-weight: bold;
+  text-align: center;
+}
+
+.vmsg-record-row {
+  display: flex;
+  justify-content: space-between;
+}
+
+.vmsg-button {
+  min-width: 40px;
+  line-height: 30px;
+  padding: 0;
+  background: transparent;
+  border: 1px solid #ccc;
+  font-family: Helvetica,sans-serif;
+  cursor: pointer;
+  outline: none;
+  user-select: none;
+}
+.vmsg-button:disabled {
+  cursor: default;
+  color: #999;
+}
+.vmsg-button:not(:disabled):hover {
+  border-color: #9e85ad;
+}
+.vmsg-button::-moz-focus-inner {
+  border: 0;
+}
+.vmsg-record-button {
+  font-size: 30px;
+  color: #f00;
+}
+.vmsg-stop-button {
+  font-size: 25px;
+  color: #000;
+}
+.vmsg-save-button {
+  font-size: 25px;
+  color: #090;
+}
+
+.vmsg-timer {
+  line-height: 32px;
+  font-weight: bold;
+  color: #333;
+  cursor: pointer;
+  user-select: none;
+}
+
+.vmsg-slider-wrapper {
+  position: relative;
+  margin-top: 3px;
+}
+.vmsg-slider-wrapper::after {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  line-height: 14px;
+  text-align: center;
+  color: #999;
+  pointer-events: none;
+}
+.vmsg-pitch-slider-wrapper::after {
+  content: "pitch";
+}
+.vmsg-gain-slider-wrapper::after {
+  content: "gain";
+}
+.vmsg-slider {
+  display: block;
+  width: 100%;
+  height: 16px;
+  margin: 0;
+  padding: 0;
+  outline: none;
+  background: none;
+  -webkit-appearance: none;
+}
+.vmsg-slider::-moz-focus-outer {
+  border: 0;
+}
+.vmsg-slider::-webkit-slider-runnable-track {
+  box-sizing: border-box;
+  height: 16px;
+  background: none;
+  border: 1px solid #ccc;
+}
+.vmsg-slider::-moz-range-track {
+  box-sizing: border-box;
+  height: 16px;
+  background: none;
+  border: 1px solid #ccc;
+}
+.vmsg-slider::-ms-track {
+  box-sizing: border-box;
+  height: 16px;
+  background: none;
+  border: 1px solid #ccc;
+}
+.vmsg-slider::-webkit-slider-thumb {
+  width: 39px;
+  height: 14px;
+  background: #ccc;
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+.vmsg-slider::-moz-range-thumb {
+  width: 40px;
+  height: 14px;
+  background: #ccc;
+  border: none;
+  border-radius: 0;
+  cursor: pointer;
+}
+.vmsg-slider::-ms-thumb {
+  width: 39px;
+  height: 14px;
+  background: #ccc;
+  cursor: pointer;
+}
+.vmsg-slider::-webkit-slider-thumb:hover {
+  background: #999;
+}
+.vmsg-slider::-moz-range-thumb:hover {
+  background: #999;
+}
+.vmsg-slider::-ms-thumb:hover {
+  background: #999;
+}
+.vmsg-slider::-ms-tooltip {
+  display: none;
+}
diff --git a/build/es6-amd/node_modules/vmsg/vmsg.d.ts b/build/es6-amd/node_modules/vmsg/vmsg.d.ts
new file mode 100644
index 00000000000..7669b3f8d71
--- /dev/null
+++ b/build/es6-amd/node_modules/vmsg/vmsg.d.ts
@@ -0,0 +1,23 @@
+declare module "vmsg" {
+  interface RecordOptions {
+    wasmURL?: string;
+    shimURL?: string;
+    pitch?: number;
+  }
+
+  export class Recorder {
+    constructor(opts: RecordOptions);
+    stopRecording(): Promise<Blob>;
+    initAudio(): Promise<void>;
+    initWorker(): Promise<void>;
+    init(): Promise<void>;
+    startRecording(): void;
+    close(): void;
+  }
+
+  interface Exports {
+    record: (opts?: RecordOptions) => Promise<Blob>;
+  }
+  const exports: Exports;
+  export default exports;
+}
diff --git a/build/es6-amd/node_modules/vmsg/vmsg.es5.js b/build/es6-amd/node_modules/vmsg/vmsg.es5.js
new file mode 100644
index 00000000000..e0fdf3eb51c
--- /dev/null
+++ b/build/es6-amd/node_modules/vmsg/vmsg.es5.js
@@ -0,0 +1 @@
+function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}function pad2(n){return(n|=0)<10?"0".concat(n):"".concat(Math.min(n,99))}function inlineWorker(){function fetchAndInstantiateFallback(url,imports){return new Promise((function(resolve,reject){var req=new XMLHttpRequest;req.open("GET",url),req.responseType="arraybuffer",req.onload=function(){resolve(WebAssembly.instantiate(req.response,imports))},req.onerror=reject,req.send()}))}var memory=null,dynamicTop=5242880;function sbrk(increment){var oldDynamicTop=dynamicTop;return dynamicTop+=increment,oldDynamicTop}function exit(status){postMessage({type:"internal-error",data:status})}var FFI=null,ref=null,pcm_l=null;onmessage=function onmessage(e){var msg=e.data;switch(msg.type){case"init":var _msg$data=msg.data,wasmURL=_msg$data.wasmURL,shimURL=_msg$data.shimURL;Promise.resolve().then((function(){return self.WebAssembly&&!function testSafariWebAssemblyBug(){var bin=new Uint8Array([0,97,115,109,1,0,0,0,1,6,1,96,1,127,1,127,3,2,1,0,5,3,1,0,1,7,8,1,4,116,101,115,116,0,0,10,16,1,14,0,32,0,65,1,54,2,0,32,0,40,2,0,11]),mod=new WebAssembly.Module(bin);return 0!==new WebAssembly.Instance(mod,{}).exports.test(4)}()&&delete self.WebAssembly,self.WebAssembly||importScripts(shimURL),{memory:memory=new WebAssembly.Memory({initial:256,maximum:256}),pow:Math.pow,exit:exit,powf:Math.pow,exp:Math.exp,sqrtf:Math.sqrt,cos:Math.cos,log:Math.log,sin:Math.sin,sbrk:sbrk}})).then((function(Runtime){return function fetchAndInstantiate(url,imports){if(!WebAssembly.instantiateStreaming)return fetchAndInstantiateFallback(url,imports);var req=fetch(url,{credentials:"same-origin"});return WebAssembly.instantiateStreaming(req,imports).catch((function(err){if(err.message&&err.message.indexOf("Argument 0 must be provided and must be a Response")>0)return fetchAndInstantiateFallback(url,imports);throw err}))}(wasmURL,{env:Runtime})})).then((function(wasm){FFI=wasm.instance.exports,postMessage({type:"init",data:null})})).catch((function(err){postMessage({type:"init-error",data:err.toString()})}));break;case"start":if(!function vmsg_init(rate){if(!(ref=FFI.vmsg_init(rate)))return!1;var pcm_l_ref=new Uint32Array(memory.buffer,ref,1)[0];return pcm_l=new Float32Array(memory.buffer,pcm_l_ref),!0}(msg.data))return postMessage({type:"error",data:"vmsg_init"});break;case"data":if(!function vmsg_encode(data){return pcm_l.set(data),FFI.vmsg_encode(ref,data.length)>=0}(msg.data))return postMessage({type:"error",data:"vmsg_encode"});break;case"stop":var blob=function vmsg_flush(){if(FFI.vmsg_flush(ref)<0)return null;var mp3_ref=new Uint32Array(memory.buffer,ref+4,1)[0],size=new Uint32Array(memory.buffer,ref+8,1)[0],mp3=new Uint8Array(memory.buffer,mp3_ref,size),blob=new Blob([mp3],{type:"audio/mpeg"});return FFI.vmsg_free(ref),ref=null,pcm_l=null,blob}();if(!blob)return postMessage({type:"error",data:"vmsg_flush"});postMessage({type:"stop",data:blob})}}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.record=record,exports.default=exports.Form=exports.Recorder=void 0;var Recorder=function(){function Recorder(){var opts=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},onStop=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;_classCallCheck(this,Recorder),this.wasmURL=new URL(opts.wasmURL||"/static/js/vmsg.wasm",location).href,this.shimURL=new URL(opts.shimURL||"/static/js/wasm-polyfill.js",location).href,this.onStop=onStop,this.pitch=opts.pitch||0,this.stream=null,this.audioCtx=null,this.gainNode=null,this.pitchFX=null,this.encNode=null,this.worker=null,this.workerURL=null,this.blob=null,this.blobURL=null,this.resolve=null,this.reject=null,Object.seal(this)}return _createClass(Recorder,[{key:"close",value:function close(){this.encNode&&this.encNode.disconnect(),this.encNode&&(this.encNode.onaudioprocess=null),this.stream&&this.stopTracks(),this.audioCtx&&this.audioCtx.close(),this.worker&&this.worker.terminate(),this.workerURL&&URL.revokeObjectURL(this.workerURL),this.blobURL&&URL.revokeObjectURL(this.blobURL)}},{key:"initAudio",value:function initAudio(){var _this=this;return(navigator.mediaDevices&&navigator.mediaDevices.getUserMedia?function(constraints){return navigator.mediaDevices.getUserMedia(constraints)}:function(constraints){var oldGetUserMedia=navigator.webkitGetUserMedia||navigator.mozGetUserMedia;return oldGetUserMedia?new Promise((function(resolve,reject){oldGetUserMedia.call(navigator,constraints,resolve,reject)})):Promise.reject(new Error("getUserMedia is not implemented in this browser"))})({audio:!0}).then((function(stream){_this.stream=stream;var audioCtx=_this.audioCtx=new(window.AudioContext||window.webkitAudioContext),sourceNode=audioCtx.createMediaStreamSource(stream),gainNode=_this.gainNode=(audioCtx.createGain||audioCtx.createGainNode).call(audioCtx);gainNode.gain.value=1,sourceNode.connect(gainNode);var pitchFX=_this.pitchFX=new Jungle(audioCtx);pitchFX.setPitchOffset(_this.pitch);var encNode=_this.encNode=(audioCtx.createScriptProcessor||audioCtx.createJavaScriptNode).call(audioCtx,0,1,1);pitchFX.output.connect(encNode),gainNode.connect(0===_this.pitch?encNode:pitchFX.input)}))}},{key:"initWorker",value:function initWorker(){var _this2=this;if(!this.stream)throw new Error("missing audio initialization");var blob=new Blob(["(",inlineWorker.toString(),")()"],{type:"application/javascript"}),workerURL=this.workerURL=URL.createObjectURL(blob),worker=this.worker=new Worker(workerURL),wasmURL=this.wasmURL,shimURL=this.shimURL;return worker.postMessage({type:"init",data:{wasmURL:wasmURL,shimURL:shimURL}}),new Promise((function(resolve,reject){worker.onmessage=function(e){var msg=e.data;switch(msg.type){case"init":resolve();break;case"init-error":reject(new Error(msg.data));break;case"error":case"internal-error":console.error("Worker error:",msg.data),_this2.reject&&_this2.reject(msg.data);break;case"stop":_this2.blob=msg.data,_this2.blobURL=URL.createObjectURL(msg.data),_this2.onStop&&_this2.onStop(),_this2.resolve&&_this2.resolve(_this2.blob)}}}))}},{key:"init",value:function init(){return this.initAudio().then(this.initWorker.bind(this))}},{key:"startRecording",value:function startRecording(){var _this3=this;if(!this.stream)throw new Error("missing audio initialization");if(!this.worker)throw new Error("missing worker initialization");this.blob=null,this.blobURL&&URL.revokeObjectURL(this.blobURL),this.blobURL=null,this.resolve=null,this.reject=null,this.worker.postMessage({type:"start",data:this.audioCtx.sampleRate}),this.encNode.onaudioprocess=function(e){var samples=e.inputBuffer.getChannelData(0);_this3.worker.postMessage({type:"data",data:samples})},this.encNode.connect(this.audioCtx.destination)}},{key:"stopRecording",value:function stopRecording(){var _this4=this;if(!this.stream)throw new Error("missing audio initialization");if(!this.worker)throw new Error("missing worker initialization");return this.encNode.disconnect(),this.encNode.onaudioprocess=null,this.stopTracks(),this.worker.postMessage({type:"stop",data:null}),new Promise((function(resolve,reject){_this4.resolve=resolve,_this4.reject=reject}))}},{key:"stopTracks",value:function stopTracks(){this.stream.getTracks&&this.stream.getTracks().forEach((function(track){return track.stop()}))}}]),Recorder}();exports.Recorder=Recorder;var Form=function(){function Form(){var _this5=this,opts=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},resolve=arguments.length>1?arguments[1]:void 0,reject=arguments.length>2?arguments[2]:void 0;_classCallCheck(this,Form),this.recorder=new Recorder(opts,this.onStop.bind(this)),this.resolve=resolve,this.reject=reject,this.backdrop=null,this.popup=null,this.recordBtn=null,this.stopBtn=null,this.timer=null,this.audio=null,this.saveBtn=null,this.tid=0,this.start=0,Object.seal(this),this.recorder.initAudio().then((function(){return _this5.drawInit()})).then((function(){return _this5.recorder.initWorker()})).then((function(){return _this5.drawAll()})).catch((function(err){return _this5.drawError(err)}))}return _createClass(Form,[{key:"drawInit",value:function drawInit(){var _this6=this;if(!this.backdrop){var backdrop=this.backdrop=document.createElement("div");backdrop.className="vmsg-backdrop",backdrop.addEventListener("click",(function(){return _this6.close(null)}));var popup=this.popup=document.createElement("div");popup.className="vmsg-popup",popup.addEventListener("click",(function(e){return e.stopPropagation()}));var progress=document.createElement("div");progress.className="vmsg-progress";for(var i=0;i<3;i++){var progressDot=document.createElement("div");progressDot.className="vmsg-progress-dot",progress.appendChild(progressDot)}popup.appendChild(progress),backdrop.appendChild(popup),document.body.appendChild(backdrop)}}},{key:"drawTime",value:function drawTime(msecs){var secs=Math.round(msecs/1e3);this.timer.textContent=pad2(secs/60)+":"+pad2(secs%60)}},{key:"drawAll",value:function drawAll(){var _this7=this;this.drawInit(),this.clearAll();var recordRow=document.createElement("div");recordRow.className="vmsg-record-row",this.popup.appendChild(recordRow);var recordBtn=this.recordBtn=document.createElement("button");recordBtn.className="vmsg-button vmsg-record-button",recordBtn.textContent="●",recordBtn.addEventListener("click",(function(){return _this7.startRecording()})),recordRow.appendChild(recordBtn);var stopBtn=this.stopBtn=document.createElement("button");stopBtn.className="vmsg-button vmsg-stop-button",stopBtn.style.display="none",stopBtn.textContent="■",stopBtn.addEventListener("click",(function(){return _this7.stopRecording()})),recordRow.appendChild(stopBtn);var audio=this.audio=new Audio;audio.autoplay=!0;var timer=this.timer=document.createElement("span");timer.className="vmsg-timer",timer.addEventListener("click",(function(){audio.paused?_this7.recorder.blobURL&&(audio.src=_this7.recorder.blobURL):audio.pause()})),this.drawTime(0),recordRow.appendChild(timer);var saveBtn=this.saveBtn=document.createElement("button");saveBtn.className="vmsg-button vmsg-save-button",saveBtn.textContent="✓",saveBtn.disabled=!0,saveBtn.addEventListener("click",(function(){return _this7.close(_this7.recorder.blob)})),recordRow.appendChild(saveBtn);var gainWrapper=document.createElement("div");gainWrapper.className="vmsg-slider-wrapper vmsg-gain-slider-wrapper";var gainSlider=document.createElement("input");gainSlider.className="vmsg-slider vmsg-gain-slider",gainSlider.setAttribute("type","range"),gainSlider.min=0,gainSlider.max=2,gainSlider.step=.2,gainSlider.value=1,gainSlider.onchange=function(){var gain=+gainSlider.value;_this7.recorder.gainNode.gain.value=gain},gainWrapper.appendChild(gainSlider),this.popup.appendChild(gainWrapper);var pitchWrapper=document.createElement("div");pitchWrapper.className="vmsg-slider-wrapper vmsg-pitch-slider-wrapper";var pitchSlider=document.createElement("input");pitchSlider.className="vmsg-slider vmsg-pitch-slider",pitchSlider.setAttribute("type","range"),pitchSlider.min=-1,pitchSlider.max=1,pitchSlider.step=.2,pitchSlider.value=this.recorder.pitch,pitchSlider.onchange=function(){var pitch=+pitchSlider.value;_this7.recorder.pitchFX.setPitchOffset(pitch),_this7.recorder.gainNode.disconnect(),_this7.recorder.gainNode.connect(0===pitch?_this7.recorder.encNode:_this7.recorder.pitchFX.input)},pitchWrapper.appendChild(pitchSlider),this.popup.appendChild(pitchWrapper)}},{key:"drawError",value:function drawError(err){console.error(err),this.drawInit(),this.clearAll();var error=document.createElement("div");error.className="vmsg-error",error.textContent=err.toString(),this.popup.appendChild(error)}},{key:"clearAll",value:function clearAll(){this.popup&&(this.popup.innerHTML="")}},{key:"close",value:function close(blob){this.audio&&this.audio.pause(),this.tid&&clearTimeout(this.tid),this.recorder.close(),this.backdrop.remove(),blob?this.resolve(blob):this.reject(new Error("No record made"))}},{key:"onStop",value:function onStop(){this.recordBtn.style.display="",this.stopBtn.style.display="none",this.stopBtn.disabled=!1,this.saveBtn.disabled=!1}},{key:"startRecording",value:function startRecording(){this.audio.pause(),this.start=Date.now(),this.updateTime(),this.recordBtn.style.display="none",this.stopBtn.style.display="",this.saveBtn.disabled=!0,this.recorder.startRecording()}},{key:"stopRecording",value:function stopRecording(){clearTimeout(this.tid),this.tid=0,this.stopBtn.disabled=!0,this.recorder.stopRecording()}},{key:"updateTime",value:function updateTime(){var _this8=this;this.drawTime(Date.now()-this.start),this.tid=setTimeout((function(){return _this8.updateTime()}),300)}}]),Form}();exports.Form=Form;var shown=!1;function record(opts){return new Promise((function(resolve,reject){if(shown)throw new Error("Record form is already opened");shown=!0,new Form(opts,resolve,reject)})).then((function(result){return shown=!1,result}),(function(err){throw shown=!1,err}))}var _default={Recorder:Recorder,Form:Form,record:record};exports.default=_default;var delayTime=.1,fadeTime=.05,bufferTime=.1;function createDelayTimeBuffer(context,activeTime,fadeTime,shiftUp){for(var length1=activeTime*context.sampleRate,length=length1+(activeTime-2*fadeTime)*context.sampleRate,buffer=context.createBuffer(1,length,context.sampleRate),p=buffer.getChannelData(0),i=0;i<length1;++i)p[i]=shiftUp?(length1-i)/length:i/length1;for(i=length1;i<length;++i)p[i]=0;return buffer}function Jungle(context){this.context=context;var input=(context.createGain||context.createGainNode).call(context),output=(context.createGain||context.createGainNode).call(context);this.input=input,this.output=output;var mod1=context.createBufferSource(),mod2=context.createBufferSource(),mod3=context.createBufferSource(),mod4=context.createBufferSource();this.shiftDownBuffer=createDelayTimeBuffer(context,bufferTime,fadeTime,!1),this.shiftUpBuffer=createDelayTimeBuffer(context,bufferTime,fadeTime,!0),mod1.buffer=this.shiftDownBuffer,mod2.buffer=this.shiftDownBuffer,mod3.buffer=this.shiftUpBuffer,mod4.buffer=this.shiftUpBuffer,mod1.loop=!0,mod2.loop=!0,mod3.loop=!0,mod4.loop=!0;var mod1Gain=(context.createGain||context.createGainNode).call(context),mod2Gain=(context.createGain||context.createGainNode).call(context),mod3Gain=(context.createGain||context.createGainNode).call(context);mod3Gain.gain.value=0;var mod4Gain=(context.createGain||context.createGainNode).call(context);mod4Gain.gain.value=0,mod1.connect(mod1Gain),mod2.connect(mod2Gain),mod3.connect(mod3Gain),mod4.connect(mod4Gain);var modGain1=(context.createGain||context.createGainNode).call(context),modGain2=(context.createGain||context.createGainNode).call(context),delay1=(context.createDelay||context.createDelayNode).call(context),delay2=(context.createDelay||context.createDelayNode).call(context);mod1Gain.connect(modGain1),mod2Gain.connect(modGain2),mod3Gain.connect(modGain1),mod4Gain.connect(modGain2),modGain1.connect(delay1.delayTime),modGain2.connect(delay2.delayTime);var fade1=context.createBufferSource(),fade2=context.createBufferSource(),fadeBuffer=function createFadeBuffer(context,activeTime,fadeTime){for(var length1=activeTime*context.sampleRate,length=length1+(activeTime-2*fadeTime)*context.sampleRate,buffer=context.createBuffer(1,length,context.sampleRate),p=buffer.getChannelData(0),fadeLength=fadeTime*context.sampleRate,fadeIndex1=fadeLength,fadeIndex2=length1-fadeLength,i=0;i<length1;++i){var value;value=i<fadeIndex1?Math.sqrt(i/fadeLength):i>=fadeIndex2?Math.sqrt(1-(i-fadeIndex2)/fadeLength):1,p[i]=value}for(i=length1;i<length;++i)p[i]=0;return buffer}(context,bufferTime,fadeTime);fade1.buffer=fadeBuffer,fade2.buffer=fadeBuffer,fade1.loop=!0,fade2.loop=!0;var mix1=(context.createGain||context.createGainNode).call(context),mix2=(context.createGain||context.createGainNode).call(context);mix1.gain.value=0,mix2.gain.value=0,fade1.connect(mix1.gain),fade2.connect(mix2.gain),input.connect(delay1),input.connect(delay2),delay1.connect(mix1),delay2.connect(mix2),mix1.connect(output),mix2.connect(output);var t=context.currentTime+.05,t2=t+bufferTime-fadeTime;mod1.start(t),mod2.start(t2),mod3.start(t),mod4.start(t2),fade1.start(t),fade2.start(t2),this.mod1=mod1,this.mod2=mod2,this.mod1Gain=mod1Gain,this.mod2Gain=mod2Gain,this.mod3Gain=mod3Gain,this.mod4Gain=mod4Gain,this.modGain1=modGain1,this.modGain2=modGain2,this.fade1=fade1,this.fade2=fade2,this.mix1=mix1,this.mix2=mix2,this.delay1=delay1,this.delay2=delay2,this.setDelay(delayTime)}Jungle.prototype.setDelay=function(delayTime){this.modGain1.gain.setTargetAtTime(.5*delayTime,0,.01),this.modGain2.gain.setTargetAtTime(.5*delayTime,0,.01)},Jungle.prototype.setPitchOffset=function(mult){mult>0?(this.mod1Gain.gain.value=0,this.mod2Gain.gain.value=0,this.mod3Gain.gain.value=1,this.mod4Gain.gain.value=1):(this.mod1Gain.gain.value=1,this.mod2Gain.gain.value=1,this.mod3Gain.gain.value=0,this.mod4Gain.gain.value=0),this.setDelay(delayTime*Math.abs(mult))};
\ No newline at end of file
diff --git a/build/es6-amd/node_modules/vmsg/vmsg.js b/build/es6-amd/node_modules/vmsg/vmsg.js
new file mode 100644
index 00000000000..df2a245ba1c
--- /dev/null
+++ b/build/es6-amd/node_modules/vmsg/vmsg.js
@@ -0,0 +1 @@
+define(["exports"],(function(_exports){function pad2(n){return(n|=0)<10?`0${n}`:`${Math.min(n,99)}`}function inlineWorker(){function fetchAndInstantiateFallback(url,imports){return new Promise((resolve,reject)=>{const req=new XMLHttpRequest;req.open("GET",url),req.responseType="arraybuffer",req.onload=()=>{resolve(WebAssembly.instantiate(req.response,imports))},req.onerror=reject,req.send()})}let memory=null,dynamicTop=5242880;function sbrk(increment){const oldDynamicTop=dynamicTop;return dynamicTop+=increment,oldDynamicTop}function exit(status){postMessage({type:"internal-error",data:status})}let FFI=null,ref=null,pcm_l=null;onmessage=e=>{const msg=e.data;switch(msg.type){case"init":const{wasmURL:wasmURL,shimURL:shimURL}=msg.data;Promise.resolve().then(()=>(self.WebAssembly&&!function testSafariWebAssemblyBug(){const bin=new Uint8Array([0,97,115,109,1,0,0,0,1,6,1,96,1,127,1,127,3,2,1,0,5,3,1,0,1,7,8,1,4,116,101,115,116,0,0,10,16,1,14,0,32,0,65,1,54,2,0,32,0,40,2,0,11]),mod=new WebAssembly.Module(bin);return 0!==new WebAssembly.Instance(mod,{}).exports.test(4)}()&&delete self.WebAssembly,self.WebAssembly||importScripts(shimURL),memory=new WebAssembly.Memory({initial:256,maximum:256}),{memory:memory,pow:Math.pow,exit:exit,powf:Math.pow,exp:Math.exp,sqrtf:Math.sqrt,cos:Math.cos,log:Math.log,sin:Math.sin,sbrk:sbrk})).then(Runtime=>(function fetchAndInstantiate(url,imports){if(!WebAssembly.instantiateStreaming)return fetchAndInstantiateFallback(url,imports);const req=fetch(url,{credentials:"same-origin"});return WebAssembly.instantiateStreaming(req,imports).catch(err=>{if(err.message&&err.message.indexOf("Argument 0 must be provided and must be a Response")>0)return fetchAndInstantiateFallback(url,imports);throw err})})(wasmURL,{env:Runtime})).then(wasm=>{FFI=wasm.instance.exports,postMessage({type:"init",data:null})}).catch(err=>{postMessage({type:"init-error",data:err.toString()})});break;case"start":if(!function vmsg_init(rate){if(ref=FFI.vmsg_init(rate),!ref)return!1;const pcm_l_ref=new Uint32Array(memory.buffer,ref,1)[0];return pcm_l=new Float32Array(memory.buffer,pcm_l_ref),!0}(msg.data))return postMessage({type:"error",data:"vmsg_init"});break;case"data":if(!function vmsg_encode(data){return pcm_l.set(data),FFI.vmsg_encode(ref,data.length)>=0}(msg.data))return postMessage({type:"error",data:"vmsg_encode"});break;case"stop":const blob=function vmsg_flush(){if(FFI.vmsg_flush(ref)<0)return null;const mp3_ref=new Uint32Array(memory.buffer,ref+4,1)[0],size=new Uint32Array(memory.buffer,ref+8,1)[0],mp3=new Uint8Array(memory.buffer,mp3_ref,size),blob=new Blob([mp3],{type:"audio/mpeg"});return FFI.vmsg_free(ref),ref=null,pcm_l=null,blob}();if(!blob)return postMessage({type:"error",data:"vmsg_flush"});postMessage({type:"stop",data:blob})}}}Object.defineProperty(_exports,"__esModule",{value:!0}),_exports.record=record,_exports.default=_exports.Form=_exports.Recorder=void 0;class Recorder{constructor(opts={},onStop=null){this.wasmURL=new URL(opts.wasmURL||"/static/js/vmsg.wasm",location).href,this.shimURL=new URL(opts.shimURL||"/static/js/wasm-polyfill.js",location).href,this.onStop=onStop,this.pitch=opts.pitch||0,this.stream=null,this.audioCtx=null,this.gainNode=null,this.pitchFX=null,this.encNode=null,this.worker=null,this.workerURL=null,this.blob=null,this.blobURL=null,this.resolve=null,this.reject=null,Object.seal(this)}close(){this.encNode&&this.encNode.disconnect(),this.encNode&&(this.encNode.onaudioprocess=null),this.stream&&this.stopTracks(),this.audioCtx&&this.audioCtx.close(),this.worker&&this.worker.terminate(),this.workerURL&&URL.revokeObjectURL(this.workerURL),this.blobURL&&URL.revokeObjectURL(this.blobURL)}initAudio(){return(navigator.mediaDevices&&navigator.mediaDevices.getUserMedia?function(constraints){return navigator.mediaDevices.getUserMedia(constraints)}:function(constraints){const oldGetUserMedia=navigator.webkitGetUserMedia||navigator.mozGetUserMedia;return oldGetUserMedia?new Promise((function(resolve,reject){oldGetUserMedia.call(navigator,constraints,resolve,reject)})):Promise.reject(new Error("getUserMedia is not implemented in this browser"))})({audio:!0}).then(stream=>{this.stream=stream;const audioCtx=this.audioCtx=new(window.AudioContext||window.webkitAudioContext),sourceNode=audioCtx.createMediaStreamSource(stream),gainNode=this.gainNode=(audioCtx.createGain||audioCtx.createGainNode).call(audioCtx);gainNode.gain.value=1,sourceNode.connect(gainNode);const pitchFX=this.pitchFX=new Jungle(audioCtx);pitchFX.setPitchOffset(this.pitch);const encNode=this.encNode=(audioCtx.createScriptProcessor||audioCtx.createJavaScriptNode).call(audioCtx,0,1,1);pitchFX.output.connect(encNode),gainNode.connect(0===this.pitch?encNode:pitchFX.input)})}initWorker(){if(!this.stream)throw new Error("missing audio initialization");const blob=new Blob(["(",inlineWorker.toString(),")()"],{type:"application/javascript"}),workerURL=this.workerURL=URL.createObjectURL(blob),worker=this.worker=new Worker(workerURL),{wasmURL:wasmURL,shimURL:shimURL}=this;return worker.postMessage({type:"init",data:{wasmURL:wasmURL,shimURL:shimURL}}),new Promise((resolve,reject)=>{worker.onmessage=e=>{const msg=e.data;switch(msg.type){case"init":resolve();break;case"init-error":reject(new Error(msg.data));break;case"error":case"internal-error":console.error("Worker error:",msg.data),this.reject&&this.reject(msg.data);break;case"stop":this.blob=msg.data,this.blobURL=URL.createObjectURL(msg.data),this.onStop&&this.onStop(),this.resolve&&this.resolve(this.blob)}}})}init(){return this.initAudio().then(this.initWorker.bind(this))}startRecording(){if(!this.stream)throw new Error("missing audio initialization");if(!this.worker)throw new Error("missing worker initialization");this.blob=null,this.blobURL&&URL.revokeObjectURL(this.blobURL),this.blobURL=null,this.resolve=null,this.reject=null,this.worker.postMessage({type:"start",data:this.audioCtx.sampleRate}),this.encNode.onaudioprocess=e=>{const samples=e.inputBuffer.getChannelData(0);this.worker.postMessage({type:"data",data:samples})},this.encNode.connect(this.audioCtx.destination)}stopRecording(){if(!this.stream)throw new Error("missing audio initialization");if(!this.worker)throw new Error("missing worker initialization");return this.encNode.disconnect(),this.encNode.onaudioprocess=null,this.stopTracks(),this.worker.postMessage({type:"stop",data:null}),new Promise((resolve,reject)=>{this.resolve=resolve,this.reject=reject})}stopTracks(){this.stream.getTracks&&this.stream.getTracks().forEach(track=>track.stop())}}_exports.Recorder=Recorder;class Form{constructor(opts={},resolve,reject){this.recorder=new Recorder(opts,this.onStop.bind(this)),this.resolve=resolve,this.reject=reject,this.backdrop=null,this.popup=null,this.recordBtn=null,this.stopBtn=null,this.timer=null,this.audio=null,this.saveBtn=null,this.tid=0,this.start=0,Object.seal(this),this.recorder.initAudio().then(()=>this.drawInit()).then(()=>this.recorder.initWorker()).then(()=>this.drawAll()).catch(err=>this.drawError(err))}drawInit(){if(this.backdrop)return;const backdrop=this.backdrop=document.createElement("div");backdrop.className="vmsg-backdrop",backdrop.addEventListener("click",()=>this.close(null));const popup=this.popup=document.createElement("div");popup.className="vmsg-popup",popup.addEventListener("click",e=>e.stopPropagation());const progress=document.createElement("div");progress.className="vmsg-progress";for(let i=0;i<3;i++){const progressDot=document.createElement("div");progressDot.className="vmsg-progress-dot",progress.appendChild(progressDot)}popup.appendChild(progress),backdrop.appendChild(popup),document.body.appendChild(backdrop)}drawTime(msecs){const secs=Math.round(msecs/1e3);this.timer.textContent=pad2(secs/60)+":"+pad2(secs%60)}drawAll(){this.drawInit(),this.clearAll();const recordRow=document.createElement("div");recordRow.className="vmsg-record-row",this.popup.appendChild(recordRow);const recordBtn=this.recordBtn=document.createElement("button");recordBtn.className="vmsg-button vmsg-record-button",recordBtn.textContent="●",recordBtn.addEventListener("click",()=>this.startRecording()),recordRow.appendChild(recordBtn);const stopBtn=this.stopBtn=document.createElement("button");stopBtn.className="vmsg-button vmsg-stop-button",stopBtn.style.display="none",stopBtn.textContent="■",stopBtn.addEventListener("click",()=>this.stopRecording()),recordRow.appendChild(stopBtn);const audio=this.audio=new Audio;audio.autoplay=!0;const timer=this.timer=document.createElement("span");timer.className="vmsg-timer",timer.addEventListener("click",()=>{audio.paused?this.recorder.blobURL&&(audio.src=this.recorder.blobURL):audio.pause()}),this.drawTime(0),recordRow.appendChild(timer);const saveBtn=this.saveBtn=document.createElement("button");saveBtn.className="vmsg-button vmsg-save-button",saveBtn.textContent="✓",saveBtn.disabled=!0,saveBtn.addEventListener("click",()=>this.close(this.recorder.blob)),recordRow.appendChild(saveBtn);const gainWrapper=document.createElement("div");gainWrapper.className="vmsg-slider-wrapper vmsg-gain-slider-wrapper";const gainSlider=document.createElement("input");gainSlider.className="vmsg-slider vmsg-gain-slider",gainSlider.setAttribute("type","range"),gainSlider.min=0,gainSlider.max=2,gainSlider.step=.2,gainSlider.value=1,gainSlider.onchange=()=>{const gain=+gainSlider.value;this.recorder.gainNode.gain.value=gain},gainWrapper.appendChild(gainSlider),this.popup.appendChild(gainWrapper);const pitchWrapper=document.createElement("div");pitchWrapper.className="vmsg-slider-wrapper vmsg-pitch-slider-wrapper";const pitchSlider=document.createElement("input");pitchSlider.className="vmsg-slider vmsg-pitch-slider",pitchSlider.setAttribute("type","range"),pitchSlider.min=-1,pitchSlider.max=1,pitchSlider.step=.2,pitchSlider.value=this.recorder.pitch,pitchSlider.onchange=()=>{const pitch=+pitchSlider.value;this.recorder.pitchFX.setPitchOffset(pitch),this.recorder.gainNode.disconnect(),this.recorder.gainNode.connect(0===pitch?this.recorder.encNode:this.recorder.pitchFX.input)},pitchWrapper.appendChild(pitchSlider),this.popup.appendChild(pitchWrapper)}drawError(err){console.error(err),this.drawInit(),this.clearAll();const error=document.createElement("div");error.className="vmsg-error",error.textContent=err.toString(),this.popup.appendChild(error)}clearAll(){this.popup&&(this.popup.innerHTML="")}close(blob){this.audio&&this.audio.pause(),this.tid&&clearTimeout(this.tid),this.recorder.close(),this.backdrop.remove(),blob?this.resolve(blob):this.reject(new Error("No record made"))}onStop(){this.recordBtn.style.display="",this.stopBtn.style.display="none",this.stopBtn.disabled=!1,this.saveBtn.disabled=!1}startRecording(){this.audio.pause(),this.start=Date.now(),this.updateTime(),this.recordBtn.style.display="none",this.stopBtn.style.display="",this.saveBtn.disabled=!0,this.recorder.startRecording()}stopRecording(){clearTimeout(this.tid),this.tid=0,this.stopBtn.disabled=!0,this.recorder.stopRecording()}updateTime(){this.drawTime(Date.now()-this.start),this.tid=setTimeout(()=>this.updateTime(),300)}}_exports.Form=Form;let shown=!1;function record(opts){return new Promise((resolve,reject)=>{if(shown)throw new Error("Record form is already opened");shown=!0,new Form(opts,resolve,reject)}).then(result=>(shown=!1,result),err=>{throw shown=!1,err})}var _default={Recorder:Recorder,Form:Form,record:record};_exports.default=_default;const delayTime=.1,fadeTime=.05,bufferTime=.1;function createDelayTimeBuffer(context,activeTime,fadeTime,shiftUp){for(var length1=activeTime*context.sampleRate,length=length1+(activeTime-2*fadeTime)*context.sampleRate,buffer=context.createBuffer(1,length,context.sampleRate),p=buffer.getChannelData(0),i=0;i<length1;++i)p[i]=shiftUp?(length1-i)/length:i/length1;for(i=length1;i<length;++i)p[i]=0;return buffer}function Jungle(context){this.context=context;var input=(context.createGain||context.createGainNode).call(context),output=(context.createGain||context.createGainNode).call(context);this.input=input,this.output=output;var mod1=context.createBufferSource(),mod2=context.createBufferSource(),mod3=context.createBufferSource(),mod4=context.createBufferSource();this.shiftDownBuffer=createDelayTimeBuffer(context,bufferTime,fadeTime,!1),this.shiftUpBuffer=createDelayTimeBuffer(context,bufferTime,fadeTime,!0),mod1.buffer=this.shiftDownBuffer,mod2.buffer=this.shiftDownBuffer,mod3.buffer=this.shiftUpBuffer,mod4.buffer=this.shiftUpBuffer,mod1.loop=!0,mod2.loop=!0,mod3.loop=!0,mod4.loop=!0;var mod1Gain=(context.createGain||context.createGainNode).call(context),mod2Gain=(context.createGain||context.createGainNode).call(context),mod3Gain=(context.createGain||context.createGainNode).call(context);mod3Gain.gain.value=0;var mod4Gain=(context.createGain||context.createGainNode).call(context);mod4Gain.gain.value=0,mod1.connect(mod1Gain),mod2.connect(mod2Gain),mod3.connect(mod3Gain),mod4.connect(mod4Gain);var modGain1=(context.createGain||context.createGainNode).call(context),modGain2=(context.createGain||context.createGainNode).call(context),delay1=(context.createDelay||context.createDelayNode).call(context),delay2=(context.createDelay||context.createDelayNode).call(context);mod1Gain.connect(modGain1),mod2Gain.connect(modGain2),mod3Gain.connect(modGain1),mod4Gain.connect(modGain2),modGain1.connect(delay1.delayTime),modGain2.connect(delay2.delayTime);var fade1=context.createBufferSource(),fade2=context.createBufferSource(),fadeBuffer=function createFadeBuffer(context,activeTime,fadeTime){for(var length1=activeTime*context.sampleRate,length=length1+(activeTime-2*fadeTime)*context.sampleRate,buffer=context.createBuffer(1,length,context.sampleRate),p=buffer.getChannelData(0),fadeLength=fadeTime*context.sampleRate,fadeIndex1=fadeLength,fadeIndex2=length1-fadeLength,i=0;i<length1;++i){var value;value=i<fadeIndex1?Math.sqrt(i/fadeLength):i>=fadeIndex2?Math.sqrt(1-(i-fadeIndex2)/fadeLength):1,p[i]=value}for(i=length1;i<length;++i)p[i]=0;return buffer}(context,bufferTime,fadeTime);fade1.buffer=fadeBuffer,fade2.buffer=fadeBuffer,fade1.loop=!0,fade2.loop=!0;var mix1=(context.createGain||context.createGainNode).call(context),mix2=(context.createGain||context.createGainNode).call(context);mix1.gain.value=0,mix2.gain.value=0,fade1.connect(mix1.gain),fade2.connect(mix2.gain),input.connect(delay1),input.connect(delay2),delay1.connect(mix1),delay2.connect(mix2),mix1.connect(output),mix2.connect(output);var t=context.currentTime+.05,t2=t+bufferTime-fadeTime;mod1.start(t),mod2.start(t2),mod3.start(t),mod4.start(t2),fade1.start(t),fade2.start(t2),this.mod1=mod1,this.mod2=mod2,this.mod1Gain=mod1Gain,this.mod2Gain=mod2Gain,this.mod3Gain=mod3Gain,this.mod4Gain=mod4Gain,this.modGain1=modGain1,this.modGain2=modGain2,this.fade1=fade1,this.fade2=fade2,this.mix1=mix1,this.mix2=mix2,this.delay1=delay1,this.delay2=delay2,this.setDelay(delayTime)}Jungle.prototype.setDelay=function(delayTime){this.modGain1.gain.setTargetAtTime(.5*delayTime,0,.01),this.modGain2.gain.setTargetAtTime(.5*delayTime,0,.01)},Jungle.prototype.setPitchOffset=function(mult){mult>0?(this.mod1Gain.gain.value=0,this.mod2Gain.gain.value=0,this.mod3Gain.gain.value=1,this.mod4Gain.gain.value=1):(this.mod1Gain.gain.value=1,this.mod2Gain.gain.value=1,this.mod3Gain.gain.value=0,this.mod4Gain.gain.value=0),this.setDelay(delayTime*Math.abs(mult))}}));
\ No newline at end of file
diff --git a/build/es6-amd/node_modules/vmsg/vmsg.wasm b/build/es6-amd/node_modules/vmsg/vmsg.wasm
new file mode 100644
index 00000000000..224bcc7fd1c
Binary files /dev/null and b/build/es6-amd/node_modules/vmsg/vmsg.wasm differ
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/hax-body.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/hax-body.js
index 2773d8cfb39..39382dc4adc 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/hax-body.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/hax-body.js
@@ -238,4 +238,4 @@ import{html,css}from"../../lit-element/lit-element.js";import{SimpleColors}from"
         id="haxinputmixer"
         class="hax-context-menu ignore-activation"
       ></hax-input-mixer>
-    `}static get properties(){return{...super.properties,openDrawer:{type:Object},editMode:{type:Boolean,reflect:!0,attribute:"edit-mode"},haxRayMode:{type:Boolean,reflect:!0,attribute:"hax-ray-mode"},globalPreferences:{type:Object},activeNode:{type:Object},activeContainerNode:{type:Object}}}firstUpdated(changedProperties){this.dispatchEvent(new CustomEvent("hax-register-body",{bubbles:!0,cancelable:!0,composed:!0,detail:this}));try{document.execCommand("enableObjectResizing",!1,!1),document.execCommand("defaultParagraphSeparator",!1,"p")}catch(e){console.warn(e)}this.shadowRoot.querySelector("slot").addEventListener("mousemove",this.hoverEvent.bind(this)),this.shadowRoot.querySelector("slot").addEventListener("mouseup",e=>{const tmp=window.HaxStore.getSelection();window.HaxStore._tmpSelection=tmp;try{const range=window.HaxStore.getRange();range.cloneRange&&(window.HaxStore._tmpRange=range.cloneRange())}catch(e){console.warn(e)}}),this.editMode=window.HaxStore.instance.editMode,this.__tabTrap=!1}updated(changedProperties){changedProperties.forEach((oldValue,propName)=>{"openDrawer"==propName&&this._openDrawerChanged(this[propName],oldValue),"editMode"==propName&&this._editModeChanged(this[propName],oldValue),"globalPreferences"==propName&&this._globalPreferencesUpdated(this[propName],oldValue),"activeNode"==propName&&(this._activeNodeChanged(this[propName],oldValue),this.dispatchEvent(new CustomEvent("active-node-changed",{detail:{value:this[propName]}}))),"activeContainerNode"==propName&&(this._activeContainerNodeChanged(this[propName],oldValue),this.dispatchEvent(new CustomEvent("active-container-node-changed",{detail:{value:this[propName]}})))})}_openDrawerChanged(newValue,oldValue){newValue?this.hideContextMenus():this.positionContextMenus(this.activeNode,this.activeContainerNode)}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(mutations=>{var mutFind=!1;mutations.forEach(mutation=>{mutation.addedNodes.length>0&&mutation.addedNodes.forEach(node=>{this._validElementTest(node)&&(!this.editMode||"true"!=node.getAttribute("contenteditable")&&!0!==node.getAttribute("contenteditable")&&"contenteditable"!=node.getAttribute("contenteditable")||this.__applyNodeEditableState(node,!this.editMode),this.__applyNodeEditableState(node,this.editMode),this.dispatchEvent(new CustomEvent("hax-body-tag-added",{bubbles:!0,cancelable:!0,composed:!0,detail:{node:node}})),this.___moveLock||mutFind?this.___moveLock=!1:(mutFind=!0,this.activeNode=node,window.HaxStore.write("activeNode",node,this)))}),mutation.removedNodes.length>0&&mutation.removedNodes.forEach(node=>{this._validElementTest(node)&&!node.classList.contains("hax-active")&&this.dispatchEvent(new CustomEvent("hax-body-tag-removed",{bubbles:!0,cancelable:!0,composed:!0,detail:{node:node}}))})})}),this._observer.observe(this,{childList:!0}),setTimeout(()=>{window.addEventListener("keydown",this._onKeyDown.bind(this)),window.addEventListener("keypress",this._onKeyPress.bind(this)),document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this)),window.addEventListener("scroll",this._keepContextVisible.bind(this))},0)}disconnectedCallback(){window.removeEventListener("keydown",this._onKeyDown.bind(this)),window.removeEventListener("keypress",this._onKeyPress.bind(this)),document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this)),window.removeEventListener("scroll",this._keepContextVisible.bind(this)),this._observer.disconnect(),super.disconnectedCallback()}_keepContextVisible(e){if(!this.openDrawer&&this.editMode){let el=!1;this.shadowRoot.querySelector("#textcontextmenu").classList.contains("hax-context-visible")?el=this.shadowRoot.querySelector("#textcontextmenu"):this.shadowRoot.querySelector("#cecontextmenu").classList.contains("hax-context-visible")&&(el=this.shadowRoot.querySelector("#cecontextmenu")),el&&(this.elementInViewport(el)?el.classList.remove("hax-context-pin-bottom","hax-context-pin-top"):this.__OffBottom?el.classList.add("hax-context-pin-top"):el.classList.add("hax-context-pin-bottom"))}}_onKeyDown(e){if(!this.openDrawer&&this.editMode&&this.getAttribute("contenteditable")){switch(e.key){case"Tab":window.HaxStore.instance.isTextElement(this.activeContainerNode)&&(e.detail.keyboardEvent&&(e.detail.keyboardEvent.preventDefault(),e.detail.keyboardEvent.stopPropagation(),e.detail.keyboardEvent.stopImmediatePropagation()),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),e.shiftKey?this._tabBackKeyPressed():this._tabKeyPressed());break;case"Enter":this.setAttribute("contenteditable",!0);case"Backspace":case"Delete":case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":clearTimeout(this.__keyPressDirection),this.__keyPressDirection=setTimeout(()=>{const rng=window.HaxStore.getRange();rng.commonAncestorContainer&&this.activeNode!==rng.commonAncestorContainer&&"function"==typeof rng.commonAncestorContainer.focus?"HAX-BODY"!==rng.commonAncestorContainer.tagName&&(window.HaxStore.instance.isTextElement(rng.commonAncestorContainer)?this.setAttribute("contenteditable",!0):this.removeAttribute("contenteditable"),rng.commonAncestorContainer.focus(),this.__focusLogic(rng.commonAncestorContainer)):rng.commonAncestorContainer&&rng.commonAncestorContainer.parentNode&&this.activeNode!==rng.commonAncestorContainer.parentNode&&"function"==typeof rng.commonAncestorContainer.parentNode.focus&&"HAX-BODY"!==rng.commonAncestorContainer.parentNode.tagName&&(window.HaxStore.instance.isTextElement(rng.commonAncestorContainer.parentNode)?this.setAttribute("contenteditable",!0):this.removeAttribute("contenteditable"),rng.commonAncestorContainer.parentNode.focus(),this.__focusLogic(rng.commonAncestorContainer.parentNode))},50)}this.shadowRoot.querySelector("#platecontextmenu").classList.contains("hax-active-hover")&&this.__dropActiveHover()}}_onKeyPress(e){!this.openDrawer&&this.editMode&&this.shadowRoot.querySelector("#platecontextmenu").classList.contains("hax-active-hover")&&this.activeNode&&window.HaxStore.instance.isTextElement(this.activeNode)?this.__dropActiveHover():!this.openDrawer&&this.editMode&&this.activeNode&&window.HaxStore.instance.isTextElement(this.activeNode)&&(clearTimeout(this.__positionContextTimer),this.__positionContextTimer=setTimeout(()=>{this.positionContextMenus(this.activeNode,this.activeNode)},2e3))}hoverEvent(e){if(!this.openDrawer&&this.editMode&&(e.target&&null!=e.target.getAttribute("data-hax-ray")?(this.__activeHover=e.target,this.dispatchEvent(new CustomEvent("hax-active-hover-name",{bubbles:!0,cancelable:!0,composed:!0,detail:e.target.getAttribute("data-hax-ray")}))):e.target&&e.target.parentNode&&null!=e.target.parentNode.getAttribute("data-hax-ray")&&(this.__activeHover=e.target.parentNode,this.dispatchEvent(new CustomEvent("hax-active-hover-name",{bubbles:!0,cancelable:!0,composed:!0,detail:e.target.parentNode.getAttribute("data-hax-ray")}))),!this.shadowRoot.querySelector("#platecontextmenu").classList.contains("hax-active-hover"))){let local=e.target;e.target===this.shadowRoot.querySelector("#cecontextmenu")||e.target===this.shadowRoot.querySelector("#textcontextmenu")||e.target===this.shadowRoot.querySelector("#platecontextmenu")||local===this.activeNode||local===this.activeContainerNode||e.target===this.activeNode||e.target===this.activeContainerNode||local.parentNode===this.activeContainerNode||local.parentNode.parentNode===this.activeContainerNode||local.parentNode.parentNode.parentNode===this.activeContainerNode?(this.positionContextMenus(this.activeNode,this.activeContainerNode),this.__addActiveHover(),this.__typeLock=!1):this.__dropActiveHover()}}__addActiveHover(){this.shadowRoot.querySelector("#cecontextmenu").classList.add("hax-active-hover"),this.shadowRoot.querySelector("#textcontextmenu").classList.add("hax-active-hover"),this.shadowRoot.querySelector("#platecontextmenu").classList.add("hax-active-hover")}__dropActiveHover(){this.shadowRoot.querySelector("#cecontextmenu").classList.remove("hax-active-hover"),this.shadowRoot.querySelector("#textcontextmenu").classList.remove("hax-active-hover"),this.shadowRoot.querySelector("#platecontextmenu").classList.remove("hax-active-hover")}elementInViewport(el){let top=el.offsetTop-32-window.HaxStore.instance.haxPanel.shadowRoot.querySelector("#drawer").offsetHeight,left=el.offsetLeft,width=el.offsetWidth,height=el.offsetHeight;for(;el.offsetParent;)top+=(el=el.offsetParent).offsetTop,left+=el.offsetLeft;return this.__OffBottom=top<window.pageYOffset+window.innerHeight,top<window.pageYOffset+window.innerHeight&&left<window.pageXOffset+window.innerWidth&&top+height>window.pageYOffset&&left+width>window.pageXOffset}replacePlaceholder(e){if("text"===e.detail){let p=document.createElement("p");p.innerHTML="<br/>",this.haxReplaceNode(this.activeNode,p,this.activeNode.parentNode),setTimeout(()=>{this.activeNode=p,window.HaxStore.write("activeNode",p,this),this.activeContainerNode.setAttribute("contenteditable",!0),p.focus(),this.__focusLogic(p)},210)}else this.replaceElementWorkflow()}replaceElementWorkflow(){let element=window.HaxStore.nodeToHaxElement(this.activeNode,null),type="*",skipPropMatch=!1;"place-holder"===element.tag&&void 0!==element.properties.type&&(type=element.properties.type,skipPropMatch=!0);var props={};if(void 0!==window.HaxStore.instance.elementList[element.tag]&&!1!==window.HaxStore.instance.elementList[element.tag].gizmo&&void 0!==window.HaxStore.instance.elementList[element.tag].gizmo.handles&&window.HaxStore.instance.elementList[element.tag].gizmo.handles.length>0){let gizmo=window.HaxStore.instance.elementList[element.tag].gizmo;for(var i=0;i<gizmo.handles.length;i++)for(var prop in gizmo.handles[i])"type"!==prop&&void 0!==element.properties[gizmo.handles[i][prop]]&&(props[prop]=element.properties[gizmo.handles[i][prop]])}let haxElements=window.HaxStore.guessGizmo(type,props,skipPropMatch);if(haxElements.length>0){let tag=this.activeNode.tagName.toLowerCase(),humanName=tag.replace("-"," ");void 0!==window.HaxStore.instance.elementList[tag]&&!1!==window.HaxStore.instance.elementList[tag].gizmo&&(humanName=window.HaxStore.instance.elementList[tag].gizmo.title),window.HaxStore.instance.haxAppPicker.presentOptions(haxElements,"__convert",`Transform ${humanName} to..`,"gizmo")}else window.HaxStore.toast("Sorry, this can not be transformed!",5e3)}_globalPreferencesUpdated(newValue,oldValue){void 0!==newValue&&null!=newValue&&(this.haxRayMode=newValue.haxRayMode)}_haxStorePropertyUpdated(e){e.detail&&void 0!==e.detail.value&&e.detail.property&&(this[e.detail.property]=e.detail.value)}haxClearBody(confirm=!0){let status=!0;confirm&&(status=prompt("Are you sure you want to delete all content?")),status&&wipeSlot(this)}haxInsert(tag,content,properties={},waitForLock=!0){this.__activeHover=null;var frag=document.createElement(tag);frag.innerHTML=content;var newNode=frag.cloneNode(!0);for(var property in properties){let attributeName=window.HaxStore.camelToDash(property);properties.hasOwnProperty(property)&&(!0===properties[property]?newNode.setAttribute(attributeName,attributeName):!1===properties[property]?newNode.removeAttribute(attributeName):null!=properties[property]&&properties[property].constructor===Array?newNode.properties&&newNode.properties[property].readOnly||(newNode.set?newNode.set(attributeName,properties[property]):newNode[attributeName]=properties[property]):null!=properties[property]&&properties[property].constructor===Object?newNode.properties&&newNode.properties[property].readOnly||(newNode.set?newNode.set(attributeName,properties[property]):newNode[attributeName]=properties[property]):newNode.setAttribute(attributeName,properties[property]))}return null!==window.HaxStore.instance.activePlaceHolder&&void 0!==window.HaxStore.instance.activePlaceHolder.style?(newNode.style.width=window.HaxStore.instance.activePlaceHolder.style.width,newNode.style.float=window.HaxStore.instance.activePlaceHolder.style.float,newNode.style.margin=window.HaxStore.instance.activePlaceHolder.style.margin,newNode.style.display=window.HaxStore.instance.activePlaceHolder.style.display,this.haxReplaceNode(window.HaxStore.instance.activePlaceHolder,newNode,window.HaxStore.instance.activePlaceHolder.parentNode),window.HaxStore.instance.activePlaceHolder=null):null!=this.activeContainerNode?"GRID-PLATE"!==newNode.tagName&&"GRID-PLATE"===this.activeContainerNode.tagName&&this.activeContainerNode!==this.activeNode?(null!=this.activeNode.getAttribute("slot")&&newNode.setAttribute("slot",this.activeNode.getAttribute("slot")),this.activeContainerNode.insertBefore(newNode,this.activeNode)):this.insertBefore(newNode,this.activeContainerNode.nextElementSibling):this.appendChild(newNode),this.shadowRoot.querySelector("#textcontextmenu").highlightOps=!1,this.__updateLockFocus=newNode,waitForLock&&setTimeout(()=>{this.breakUpdateLock()},50),!0}breakUpdateLock(){window.HaxStore.write("activeContainerNode",this.__updateLockFocus,this),window.HaxStore.write("activeNode",this.__updateLockFocus,this),this.__updateLockFocus.focus(),"function"==typeof this.__updateLockFocus.scrollIntoViewIfNeeded?this.__updateLockFocus.scrollIntoViewIfNeeded(!0):this.__updateLockFocus.scrollIntoView({behavior:"smooth",inline:"center"})}haxToContent(){this.hideContextMenus();var __active=this.activeNode;this.activeNode=null,this.activeContainerNode=null,window.HaxStore.write("activeNode",null,this),window.HaxStore.write("activeContainerNode",null,this);let children="slot"===this.shadowRoot.querySelector("#body").localName?this.shadowRoot.querySelector("#body").assignedNodes({flatten:!0}):[];this.globalPreferences.haxDeveloperMode&&console.warn(children);for(var content="",i=0,len=children.length;i<len;i++)this._validElementTest(children[i])?(children[i].removeAttribute("data-editable"),children[i].removeAttribute("data-hax-ray"),children[i].contentEditable=!1,content+=window.HaxStore.nodeToContent(children[i]),"grid-plate"===children[i].tagName.toLowerCase()&&this._applyContentEditable(this.editMode,children[i])):8===children[i].nodeType?content+="\x3c!-- "+children[i].textContent+" --\x3e":1!==children[i].nodeType&&void 0!==children[i].textContent&&"undefined"!==children[i].textContent&&(content+=children[i].textContent);if(content=(content=(content=(content=(content=(content=(content=(content=(content=content.replace(/\scontenteditable=\"false\"/g,"")).replace(/\sdata-editable=\"true\"/g,"")).replace(/\sdata-editable=\"false\"/g,"")).replace(/\sdata-editable=\""/g,"")).replace(/\sdata-editable/g,"")).replace(/\scontenteditable/g,"")).replace(/\sdraggable/g,"")).replace(/\sdata-draggable/g,"")).replace(/\sdata-hax-ray=\".*?\"/g,""),this.parentNode.tagName){let parentTag=this.parentNode.tagName.toLowerCase(),string="style-scope "+parentTag+" x-scope",re=new RegExp(string,"g");content=content.replace(re,""),string="style-scope "+parentTag,re=new RegExp(string,"g"),content=content.replace(re,""),string="x-scope "+parentTag+"-0",re=new RegExp(string,"g"),content=content.replace(re,"");let tags=window.HaxStore.instance.validTagList;for(var i in tags.push("hax-preview"),tags)string="style-scope "+tags[i],re=new RegExp(string,"g"),content=content.replace(re,""),string="x-scope "+tags[i]+"-0 ",re=new RegExp(string,"g"),content=content.replace(re,""),string="x-scope "+tags[i]+"-0",re=new RegExp(string,"g"),content=content.replace(re,"")}return content=(content=content.replace(/\sclass=\"\"/g,"")).replace(/\sclass=\"\s\"/g,""),this._applyContentEditable(this.editMode),window.HaxStore.write("activeNode",__active,this),window.HaxStore.write("activeContainerNode",__active,this),content=encapScript(content),this.globalPreferences.haxDeveloperMode&&console.warn(content),content}haxDuplicateNode(node,parent=this){this.hideContextMenus();let haxElement=window.HaxStore.nodeToHaxElement(node,null);void 0!==node.preProcessHaxInsertContent&&(haxElement=node.preProcessHaxInsertContent(haxElement)),haxElement.content==haxElement.properties.innerHTML&&delete haxElement.properties.innerHTML;var nodeClone=window.HaxStore.haxElementToNode(haxElement.tag,haxElement.content,haxElement.properties);return"webview"===nodeClone.tagName.toLowerCase()&&window.HaxStore.instance._isSandboxed&&void 0!==nodeClone.guestinstance&&delete nodeClone.guestinstance,null!==node?parent.insertBefore(nodeClone,node.nextSibling):parent.appendChild(nodeClone),setTimeout(()=>{parent===this&&window.HaxStore.write("activeContainerNode",nodeClone,this),window.HaxStore.write("activeNode",nodeClone,this)},100),!0}hideContextMenus(){this._hideContextMenu(this.shadowRoot.querySelector("#textcontextmenu")),this._hideContextMenu(this.shadowRoot.querySelector("#cecontextmenu")),this._hideContextMenu(this.shadowRoot.querySelector("#platecontextmenu")),this._hideContextMenu(this.shadowRoot.querySelector("#haxinputmixer")),this.shadowRoot.querySelector("#textcontextmenu").highlightOps=!1}positionContextMenus(node,container){if(node){let tag=node.tagName.toLowerCase();window.HaxStore.instance._isSandboxed&&"webview"===tag&&(tag="iframe");let props=window.HaxStore.instance.elementList[tag];void 0===props||window.HaxStore.instance.isTextElement(node)?(this._hideContextMenu(this.shadowRoot.querySelector("#cecontextmenu")),this._positionContextMenu(this.shadowRoot.querySelector("#textcontextmenu"),node,-39,-39)):(this._hideContextMenu(this.shadowRoot.querySelector("#textcontextmenu")),props.element=node,this.shadowRoot.querySelector("#cecontextmenu").setHaxProperties(props),this._positionContextMenu(this.shadowRoot.querySelector("#cecontextmenu"),node,-39,-39)),this._positionContextMenu(this.shadowRoot.querySelector("#platecontextmenu"),container,-39,0),container&&!this._HTMLPrimativeTest(node)&&node!==container?container.contentEditable=!1:container&&(container.contentEditable=!0)}}haxMoveGridPlate(direction,node,container){switch(this.___moveLock=!0,direction){case"first":null!==container.previousElementSibling&&this.insertBefore(container,this.firstChild);break;case"up":null!==container.previousElementSibling&&this.insertBefore(container,container.previousElementSibling);break;case"down":null!==container.nextElementSibling&&this.insertBefore(container.nextElementSibling,container);break;case"last":null!==container.nextElementSibling&&this.appendChild(container)}return setTimeout(()=>{this.positionContextMenus(node,container),"function"==typeof container.scrollIntoViewIfNeeded?container.scrollIntoViewIfNeeded(!0):container.scrollIntoView({behavior:"smooth",inline:"center"})},5),!0}haxReplaceNode(node,replacement,parent=this){this.hideContextMenus();try{node&&node.getAttribute&&null!=node.getAttribute("slot")&&replacement.setAttribute("slot",node.getAttribute("slot")),null==node&&(node=this.__oldActiveNode,parent=this.__oldActiveNode.parentNode),parent.replaceChild(replacement,node)}catch(e){console.warn(e)}return replacement}haxChangeTagName(node,tagName){this.hideContextMenus();for(var replacement=document.createElement(tagName),i=0,l=node.attributes.length;i<l;++i){var nodeName=node.attributes.item(i).nodeName,value=node.attributes.item(i).value;replacement.setAttribute(nodeName,value)}replacement.innerHTML=node.innerHTML.trim(),"ul"==tagName||"ol"==tagName?""==replacement.innerHTML?replacement.innerHTML="<li></li>":"ul"!=node.tagName.toLowerCase()&&"ol"!=node.tagName.toLowerCase()&&(replacement.innerHTML="<li>"+node.innerHTML.trim().replace(/<br\/>/g,"</li>\n<li>").replace(/<br>/g,"</li>\n<li>")+"</li>"):"ul"!=node.tagName.toLowerCase()&&"ol"!=node.tagName.toLowerCase()||(replacement.innerHTML=replacement.innerHTML.replace(/<ul>/g,"").replace(/<\/ul>/g,"").replace(/<li><\/li>/g,"").replace(/<li>/g,"").replace(/<\/li>/g,"<br/>"));try{node.parentNode.replaceChild(replacement,node),setTimeout(()=>{let children=replacement.children;children[0]&&children.tagName?children[0].focus():replacement.focus()},50)}catch(e){console.warn(e),console.warn(replacement),console.warn(node)}return replacement}haxDeleteNode(node,parent=this){if(this.hideContextMenus(),null!=this.activeContainerNode&&null!==this.activeContainerNode.previousElementSibling){if(this.activeContainerNode.previousElementSibling.focus(),null!=this.activeContainerNode&&window.HaxStore.instance.isTextElement(this.activeContainerNode)&&""!==this.activeContainerNode.textContent)try{var range=document.createRange(),sel=window.HaxStore.getSelection();range.setStart(this.activeContainerNode,1),range.collapse(!0),sel.removeAllRanges(),sel.addRange(range),this.activeContainerNode.focus()}catch(e){console.warn(e)}}else null!=this.activeContainerNode&&null!==this.activeContainerNode.nextElementSibling?this.activeContainerNode.nextElementSibling.focus():(this.activeNode=null,this.activeContainerNode=null,window.HaxStore.write("activeNode",null,this),window.HaxStore.write("activeContainerNode",null,this));try{return parent.removeChild(node)}catch(e){console.warn(e)}}importContent(html,clear=!0){clear&&wipeSlot(this,"*"),setTimeout(()=>{html=encapScript(html);let fragment=document.createElement("div");for(fragment.insertAdjacentHTML("beforeend",html);null!==fragment.firstChild;)if(void 0!==fragment.firstChild.tagName)if(window.HaxStore.instance._isSandboxed&&"iframe"===fragment.firstChild.tagName.toLowerCase()){for(var replacement=document.createElement("webview"),j=0,l=fragment.firstChild.attributes.length;j<l;++j){var nodeName=fragment.firstChild.attributes.item(j).nodeName,value=fragment.firstChild.attributes.item(j).value;"height"!==nodeName&&"width"!==nodeName||replacement.style[nodeName],replacement.setAttribute(nodeName,value)}this.appendChild(replacement)}else this.appendChild(fragment.firstChild);else fragment.removeChild(fragment.firstChild)},50)}_haxContextOperation(e){let detail=e.detail;var haxElement;switch(detail.eventName){case"p":case"ol":case"ul":case"h2":case"h3":case"h4":case"h5":case"h6":case"blockquote":case"code":this.shadowRoot.querySelector("#textcontextmenu").realSelectedValue=detail.eventName,this.activeNode=this.haxChangeTagName(this.activeNode,detail.eventName),window.HaxStore.write("activeNode",this.activeNode,this),this.positionContextMenus(this.activeNode,this.activeContainerNode);break;case"text-align-left":this.activeNode.style.textAlign=null;break;case"grid-plate-convert":this.replaceElementWorkflow();break;case"grid-plate-duplicate":this.activeNode===this.activeContainerNode?this.haxDuplicateNode(this.activeNode):this.haxDuplicateNode(this.activeNode,this.activeContainerNode);break;case"grid-plate-delete":if(null!=this.activeNode){let options=[{icon:"thumb-up",color:"green",title:"Yes"},{icon:"thumb-down",color:"red",title:"No"}],tag=this.activeNode.tagName.toLowerCase(),humanName=tag.replace("-"," ");void 0!==window.HaxStore.instance.elementList[tag]&&!1!==window.HaxStore.instance.elementList[tag].gizmo&&(humanName=window.HaxStore.instance.elementList[tag].gizmo.title),window.HaxStore.instance.haxAppPicker.presentOptions(options,"",`Remove this \`${humanName}\`?`,"delete")}break;case"grid-plate-first":this.haxMoveGridPlate("first",this.activeNode,this.activeContainerNode);break;case"grid-plate-up":this.haxMoveGridPlate("up",this.activeNode,this.activeContainerNode);break;case"hax-manager-open":window.HaxStore.write("activeHaxElement",{},this),window.HaxStore.instance.haxManager.resetManager(parseInt(detail.value)),window.HaxStore.write("openDrawer",window.HaxStore.instance.haxManager,this);break;case"grid-plate-down":this.haxMoveGridPlate("down",this.activeNode,this.activeContainerNode);break;case"grid-plate-last":this.haxMoveGridPlate("last",this.activeNode,this.activeContainerNode);break;case"close-menu":this.activeNode=null,this.activeContainerNode=null,window.HaxStore.write("activeNode",null,this),window.HaxStore.write("activeContainerNode",null,this);break;case"hax-edit-property":let haxInputMixer=this.shadowRoot.querySelector("#haxinputmixer");haxInputMixer.label=detail.target.label,haxInputMixer.options=detail.target.options,haxInputMixer.icon=detail.target.icon,haxInputMixer.description=detail.target.description,haxInputMixer.required=detail.target.required,haxInputMixer.validation=detail.target.validation,haxInputMixer.validationType=detail.target.validationType,haxInputMixer.inputMethod=detail.target.inputMethod,haxInputMixer.value="",void 0!==detail.target.propertyToBind&&null!=detail.target.propertyToBind&&0!=detail.target.propertyToBind&&(haxInputMixer.propertyToBind=detail.target.propertyToBind,void 0!==this.activeNode[detail.target.propertyToBind]?haxInputMixer.value=this.activeNode[detail.target.propertyToBind]:haxInputMixer.value=this.activeNode.getAttribute(detail.target.propertyToBind)),this._positionContextMenu(haxInputMixer,this.activeContainerNode,-1,-38);let style=this.shadowRoot.querySelector("#cecontextmenu").currentStyle||window.getComputedStyle(this.shadowRoot.querySelector("#cecontextmenu"));haxInputMixer.style.width=style.width.replace("px","")-40+"px";break;case"hax-align-left":this.activeNode.style.float=null,this.activeNode.style.margin=null,this.activeNode.style.display=null;break;case"hax-align-center":this.activeNode.style.float=null,this.activeNode.style.margin="0 auto",this.activeNode.style.display="block";break;case"hax-size-change":this.activeNode&&(this.activeNode.style.width=detail.value+"%");break;case"hax-manager-configure":this._hideContextMenu(this.shadowRoot.querySelector("#haxinputmixer")),window.HaxStore.instance.haxManager.resetManager(),haxElement=window.HaxStore.nodeToHaxElement(this.activeNode),window.HaxStore.write("activeHaxElement",haxElement,this),window.HaxStore.instance.haxManager.editExistingNode=!0,window.HaxStore.instance.haxManager.selectStep("configure"),window.HaxStore.write("openDrawer",window.HaxStore.instance.haxManager,this),setTimeout(()=>{window.HaxStore.instance.haxManager.shadowRoot.querySelector("#preview").shadowRoot.querySelector("#configurebutton").focus()},100);break;case"hax-manager-configure-container":window.HaxStore.write("activeNode",window.HaxStore.instance.activeContainerNode,this),this._hideContextMenu(this.shadowRoot.querySelector("#haxinputmixer")),window.HaxStore.instance.haxManager.resetManager(),haxElement=window.HaxStore.nodeToHaxElement(window.HaxStore.instance.activeNode),window.HaxStore.write("activeHaxElement",haxElement,this),window.HaxStore.instance.haxManager.editExistingNode=!0,window.HaxStore.instance.haxManager.selectStep("configure"),window.HaxStore.write("openDrawer",window.HaxStore.instance.haxManager,this),setTimeout(()=>{window.HaxStore.instance.haxManager.shadowRoot.querySelector("#preview").shadowRoot.querySelector("#configurebutton").focus()},100)}}_haxInputMixerOperation(e){let mixer=e.detail.inputMixer;null!=mixer.propertyToBind?this.activeNode[mixer.propertyToBind]=mixer.value:null!=mixer.slotToBind&&(item=document.createElement("span"),item.style.height="inherit",item.innerHTML=mixer.value,item.slot=mixer.slotToBind,this.activeNode.appendChild(item)),this._hideContextMenu(this.shadowRoot.querySelector("#haxinputmixer"))}_focusIn(e){this.__focusLogic(e.target)&&e.stopPropagation()}__focusLogic(target){let stopProp=!1;if(this.openDrawer||!this.editMode||this.__tabTrap)this.__tabTrap=!1;else{let containerNode=target;"SPAN"===containerNode.tagName&&window.HaxStore.instance.isTextElement(target.parentNode)&&(containerNode=target.parentNode);let activeNode=null;if(this._validElementTest(containerNode)&&null!=containerNode.parentNode){for(;"HAX-BODY"!=containerNode.parentNode.tagName;)null===activeNode&&"LI"!==containerNode.tagName&&"B"!==containerNode.tagName&&"I"!==containerNode.tagName&&"STRONG"!==containerNode.tagName&&"EM"!==containerNode.tagName&&(activeNode=containerNode),containerNode=containerNode.parentNode;null===activeNode?activeNode=containerNode:window.HaxStore.instance.isGridPlateElement(containerNode)?["UL","OL","LI","P","GRID-PLATE"].includes(containerNode.tagName)&&["UL","OL","LI"].includes(activeNode.tagName)&&(activeNode=containerNode):activeNode=containerNode,this.activeContainerNode===containerNode||containerNode.classList.contains("ignore-activation")?containerNode.classList.contains("ignore-activation")&&(stopProp=!0):(this.hideContextMenus(),this.activeContainerNode=containerNode,window.HaxStore.write("activeContainerNode",containerNode,this),stopProp=!0),this.activeNode===activeNode||activeNode.classList.contains("ignore-activation")||(this.activeNode=activeNode,window.HaxStore.write("activeNode",activeNode,this),this.positionContextMenus(activeNode,containerNode),stopProp=!0)}}return stopProp}_editModeChanged(newValue,oldValue){void 0!==oldValue&&(this._applyContentEditable(newValue),this.setAttribute("tabindex","-1"),newValue&&(this.children&&this.children[0]&&this.children[0].focus?(this.activeNode=this.children[0],this.activeContainerNode=this.activeNode,window.HaxStore.write("activeNode",this.children[0],this),window.HaxStore.write("activeContainerNode",this.children[0],this),setTimeout(()=>{if(window.HaxStore.instance.isTextElement(this.activeNode))try{var range=document.createRange(),sel=window.HaxStore.getSelection();range.setStart(this.activeNode,0),range.collapse(!0),sel.removeAllRanges(),sel.addRange(range),this.activeNode.focus()}catch(e){console.warn(e)}},0)):(this.haxInsert("p","",{},!1),setTimeout(()=>{try{var range=document.createRange(),sel=window.HaxStore.getSelection();range.setStart(this.activeNode,0),range.collapse(!0),sel.removeAllRanges(),sel.addRange(range),this.activeNode.focus()}catch(e){console.warn(e)}},0)))),!1===newValue&&(this.removeAttribute("contenteditable"),this.hideContextMenus())}_haxResolvePreviousElement(node){for(node=node.previousElementSibling;null!=node&&void 0!==node.tagName&&"HAX-"===node.tagName.substring(0,4);)node=node.previousElementSibling;return node}_validElementTest(node){return void 0!==node.tagName&&("HAX-"!==node.tagName.substring(0,4)||"HAX-LOGO"===node.tagName)}_HTMLPrimativeTest(node){return null!=node&&void 0!==node.tagName&&-1==node.tagName.indexOf("-")}_applyContentEditable(status,target=this.shadowRoot.querySelector("#body")){let children="slot"===target.localName?target.assignedNodes({flatten:!0}):[];0===children.length&&(children=target.children);for(var i=0,len=children.length;i<len;i++)this._validElementTest(children[i])&&(!status||!0!==children[i].getAttribute("contenteditable")&&"true"!=children[i].getAttribute("contenteditable")&&"contenteditable"!=children[i].getAttribute("contenteditable"))&&this.__applyNodeEditableState(children[i],status)}__applyNodeEditableState(node,status=!0){let listenerMethod,haxRay=node.tagName.replace("-"," ").toLowerCase(),i=window.HaxStore.instance.gizmoList.findIndex(j=>j.tag===node.tagName.toLowerCase());if(-1!==i&&(haxRay=window.HaxStore.instance.gizmoList[i].title),status?(node.setAttribute("data-draggable",!0),node.setAttribute("data-editable",status),node.setAttribute("data-hax-ray",haxRay),listenerMethod="addEventListener"):(node.removeAttribute("data-draggable"),node.removeAttribute("data-editable"),node.removeAttribute("data-hax-ray"),listenerMethod="removeEventListener"),node[listenerMethod]("drop",this.dropEvent.bind(this)),node[listenerMethod]("dragenter",this.dragEnter.bind(this)),node[listenerMethod]("dragleave",this.dragLeave.bind(this)),node[listenerMethod]("dragend",this.dragEnd.bind(this)),node[listenerMethod]("dragover",(function(e){e.preventDefault()})),this._HTMLPrimativeTest(node)&&(status?node.setAttribute("contenteditable",status):node.removeAttribute("contenteditable"),node.querySelectorAll("a").length>0)){let links=node.querySelectorAll("a");for(var j=0,len2=links.length;j<len2;j++)status?(links[j].setAttribute("contenteditable",status),links[j].setAttribute("data-editable",status)):(links[j].removeAttribute("contenteditable"),links[j].removeAttribute("data-editable")),links[j][listenerMethod]("click",e=>{e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()})}}dropEvent(e){if(!this.openDrawer&&this.editMode){var target=window.HaxStore.instance.__dragTarget,local=e.target;if(null!=target&&void 0!==local&&target!==local&&target!==local.parentNode&&target.parentNode===this||local.parentNode===this){target.removeAttribute("slot");try{this.insertBefore(target,local)}catch(e){console.warn(e)}e.preventDefault(),e.stopPropagation()}let children=this.children;for(var i in children)void 0!==children[i].classList&&children[i].classList.remove("mover","hovered");target&&"function"==typeof target.focus&&setTimeout(()=>{this.positionContextMenus(this.activeNode,this.activeContainerNode)},0)}}dragEnter(e){!this.openDrawer&&this.editMode&&(e.preventDefault(),e.target.classList.add("hovered"))}dragLeave(e){!this.openDrawer&&this.editMode&&e.target.classList.remove("hovered")}dragStart(e){if(!this.openDrawer&&this.editMode){let children=this.children;for(var i in children)void 0!==children[i].classList&&children[i].classList.add("mover")}}dragEnd(e){if(!this.openDrawer&&this.editMode){let children=this.children;for(var i in children)void 0!==children[i].classList&&children[i].classList.remove("mover","hovered")}}_activeContainerNodeChanged(newValue,oldValue){if(this.editMode&&void 0!==newValue&&null!=newValue&&null!=newValue.tagName){window.HaxStore.instance.isTextElement(newValue)||window.HaxStore.instance.isGridPlateElement(newValue)?(newValue.setAttribute("contenteditable",!0),this.setAttribute("contenteditable",!0)):(newValue.removeAttribute("contenteditable"),this.removeAttribute("contenteditable")),oldValue&&"GRID-PLATE"==oldValue.tagName&&(oldValue.activeItem=null),"grid-plate"===newValue.tagName.toLowerCase()&&(newValue.editMode=this.editMode,this._applyContentEditable(this.editMode,newValue))}}_activeNodeChanged(newValue,oldValue){if(this.querySelectorAll(".hax-active").forEach(el=>{el.classList.remove("hax-active")}),this.editMode&&null!=newValue){let tag=newValue.tagName.toLowerCase();newValue.classList.add("hax-active"),window.HaxStore.instance.isTextElement(newValue)||window.HaxStore.instance.isGridPlateElement(newValue)?(newValue.setAttribute("contenteditable",!0),this.setAttribute("contenteditable",!0),clearTimeout(this.__positionContextTimer),this.__positionContextTimer=setTimeout(()=>{newValue===this.activeNode&&this.positionContextMenus(newValue,newValue)},10)):(newValue.removeAttribute("contenteditable"),this.removeAttribute("contenteditable")),this.shadowRoot.querySelector("#textcontextmenu").realSelectedValue=tag,"left"==newValue.style.textAlign?(this.shadowRoot.querySelector("#textcontextmenu").justifyIcon="editor:format-align-left",this.shadowRoot.querySelector("#textcontextmenu").justifyValue="text-align-left"):"left"==newValue.style.float?(this.shadowRoot.querySelector("#cecontextmenu").justifyIcon="editor:format-align-left",this.shadowRoot.querySelector("#cecontextmenu").justifyValue="hax-align-left"):"0 auto"==newValue.style.margin&&(this.shadowRoot.querySelector("#cecontextmenu").justifyIcon="editor:format-align-center",this.shadowRoot.querySelector("#cecontextmenu").justifyValue="hax-align-center")}else null===newValue&&(this.hideContextMenus(),this.__oldActiveNode=oldValue,this.shadowRoot.querySelector("#textcontextmenu").justifyIcon="editor:format-align-left",this.shadowRoot.querySelector("#textcontextmenu").justifyValue="text-align-left")}_getPosition(element){return{x:element.offsetLeft-element.scrollLeft+element.clientLeft,y:element.offsetTop-element.scrollTop+element.clientTop}}_positionContextMenu(menu,target,xoffset,yoffset){if(null!=target){let pos=this._getPosition(target);menu.style.left=null!=xoffset?pos.x+xoffset+"px":pos.x+"px",menu.style.top=null!=yoffset?pos.y+yoffset+"px":pos.y+"px"}menu.classList.add("hax-context-visible"),this.__activeHover&&(menu.classList.add("hax-active-hover"),menu.style.marginLeft="",this.__typeLock=!1),setTimeout(()=>{this._keepContextVisible()},100)}_hideContextMenu(menu){menu.classList.remove("hax-context-visible","hax-context-pin-top","hax-context-pin-bottom"),menu.style.left="-100px"}_tabKeyPressed(){let focus=!1,node=this.activeContainerNode;const activeNodeTagName=this.activeContainerNode.tagName;try{let range=window.HaxStore.getRange().cloneRange();var tagTest=range.commonAncestorContainer.tagName;if(void 0===tagTest&&(tagTest=range.commonAncestorContainer.parentNode.tagName),["UL","OL","LI"].includes(activeNodeTagName)||["UL","OL","LI"].includes(tagTest))this.polyfillSafe&&(document.execCommand("indent"),this.__tabTrap=!0);else for(;!focus;)null==node.nextSibling?focus=!0:"function"===node.nextSibling.focus?(node.nextSibling.focus(),focus=!0):node=node.nextSibling}catch(e){console.warn(e)}}_tabBackKeyPressed(){let node=this.activeContainerNode;const activeNodeTagName=this.activeContainerNode.tagName;try{let range=window.HaxStore.getRange().cloneRange();var tagTest=range.commonAncestorContainer.tagName;if(void 0===tagTest&&(tagTest=range.commonAncestorContainer.parentNode.tagName),["UL","OL","LI"].includes(activeNodeTagName)||["UL","OL","LI"].includes(tagTest))this.polyfillSafe&&(document.execCommand("outdent"),this.__tabTrap=!0);else{if(null!=node)for(;null!=node&&!this._validElementTest(node);)node=node.previousSibling;null!=node&&setTimeout(()=>{node.focus()},50)}}catch(e){console.warn(e)}}}window.customElements.define(HaxBody.tag,HaxBody);export{HaxBody};
\ No newline at end of file
+    `}static get properties(){return{...super.properties,openDrawer:{type:Object},editMode:{type:Boolean,reflect:!0,attribute:"edit-mode"},haxRayMode:{type:Boolean,reflect:!0,attribute:"hax-ray-mode"},globalPreferences:{type:Object},activeNode:{type:Object},activeContainerNode:{type:Object}}}firstUpdated(changedProperties){this.dispatchEvent(new CustomEvent("hax-register-body",{bubbles:!0,cancelable:!0,composed:!0,detail:this}));try{document.execCommand("enableObjectResizing",!1,!1),document.execCommand("defaultParagraphSeparator",!1,"p")}catch(e){console.warn(e)}this.shadowRoot.querySelector("slot").addEventListener("mousemove",this.hoverEvent.bind(this)),this.shadowRoot.querySelector("slot").addEventListener("mouseup",e=>{const tmp=window.HaxStore.getSelection();window.HaxStore._tmpSelection=tmp;try{const range=window.HaxStore.getRange();range.cloneRange&&(window.HaxStore._tmpRange=range.cloneRange())}catch(e){console.warn(e)}}),this.editMode=window.HaxStore.instance.editMode,this.__tabTrap=!1}updated(changedProperties){changedProperties.forEach((oldValue,propName)=>{"openDrawer"==propName&&this._openDrawerChanged(this[propName],oldValue),"editMode"==propName&&this._editModeChanged(this[propName],oldValue),"globalPreferences"==propName&&this._globalPreferencesUpdated(this[propName],oldValue),"activeNode"==propName&&(this._activeNodeChanged(this[propName],oldValue),this.dispatchEvent(new CustomEvent("active-node-changed",{detail:{value:this[propName]}}))),"activeContainerNode"==propName&&(this._activeContainerNodeChanged(this[propName],oldValue),this.dispatchEvent(new CustomEvent("active-container-node-changed",{detail:{value:this[propName]}})))})}_openDrawerChanged(newValue,oldValue){newValue?this.hideContextMenus():this.positionContextMenus(this.activeNode,this.activeContainerNode)}connectedCallback(){super.connectedCallback(),this._observer=new MutationObserver(mutations=>{var mutFind=!1;mutations.forEach(mutation=>{mutation.addedNodes.length>0&&mutation.addedNodes.forEach(node=>{this._validElementTest(node)&&(!this.editMode||"true"!=node.getAttribute("contenteditable")&&!0!==node.getAttribute("contenteditable")&&"contenteditable"!=node.getAttribute("contenteditable")||this.__applyNodeEditableState(node,!this.editMode),this.__applyNodeEditableState(node,this.editMode),this.dispatchEvent(new CustomEvent("hax-body-tag-added",{bubbles:!0,cancelable:!0,composed:!0,detail:{node:node}})),this.___moveLock||mutFind?this.___moveLock=!1:(mutFind=!0,this.activeNode=node,window.HaxStore.write("activeNode",node,this)))}),mutation.removedNodes.length>0&&mutation.removedNodes.forEach(node=>{this._validElementTest(node)&&!node.classList.contains("hax-active")&&this.dispatchEvent(new CustomEvent("hax-body-tag-removed",{bubbles:!0,cancelable:!0,composed:!0,detail:{node:node}}))})})}),this._observer.observe(this,{childList:!0}),setTimeout(()=>{window.addEventListener("keydown",this._onKeyDown.bind(this)),window.addEventListener("keypress",this._onKeyPress.bind(this)),document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this)),window.addEventListener("scroll",this._keepContextVisible.bind(this))},0)}disconnectedCallback(){window.removeEventListener("keydown",this._onKeyDown.bind(this)),window.removeEventListener("keypress",this._onKeyPress.bind(this)),document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this)),window.removeEventListener("scroll",this._keepContextVisible.bind(this)),this._observer.disconnect(),super.disconnectedCallback()}_keepContextVisible(e){if(!this.openDrawer&&this.editMode){let el=!1;this.shadowRoot.querySelector("#textcontextmenu").classList.contains("hax-context-visible")?el=this.shadowRoot.querySelector("#textcontextmenu"):this.shadowRoot.querySelector("#cecontextmenu").classList.contains("hax-context-visible")&&(el=this.shadowRoot.querySelector("#cecontextmenu")),el&&(this.elementInViewport(el)?el.classList.remove("hax-context-pin-bottom","hax-context-pin-top"):this.__OffBottom?el.classList.add("hax-context-pin-top"):el.classList.add("hax-context-pin-bottom"))}}_onKeyDown(e){if(!this.openDrawer&&this.editMode&&this.getAttribute("contenteditable")){switch(e.key){case"Tab":window.HaxStore.instance.isTextElement(this.activeContainerNode)&&(e.detail.keyboardEvent&&(e.detail.keyboardEvent.preventDefault(),e.detail.keyboardEvent.stopPropagation(),e.detail.keyboardEvent.stopImmediatePropagation()),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),e.shiftKey?this._tabBackKeyPressed():this._tabKeyPressed());break;case"Enter":this.setAttribute("contenteditable",!0);case"Backspace":case"Delete":case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":clearTimeout(this.__keyPressDirection),this.__keyPressDirection=setTimeout(()=>{const rng=window.HaxStore.getRange();rng.commonAncestorContainer&&this.activeNode!==rng.commonAncestorContainer&&"function"==typeof rng.commonAncestorContainer.focus?"HAX-BODY"!==rng.commonAncestorContainer.tagName&&(window.HaxStore.instance.isTextElement(rng.commonAncestorContainer)?this.setAttribute("contenteditable",!0):this.removeAttribute("contenteditable"),rng.commonAncestorContainer.focus(),this.__focusLogic(rng.commonAncestorContainer)):rng.commonAncestorContainer&&rng.commonAncestorContainer.parentNode&&this.activeNode!==rng.commonAncestorContainer.parentNode&&"function"==typeof rng.commonAncestorContainer.parentNode.focus&&"HAX-BODY"!==rng.commonAncestorContainer.parentNode.tagName&&(window.HaxStore.instance.isTextElement(rng.commonAncestorContainer.parentNode)?this.setAttribute("contenteditable",!0):this.removeAttribute("contenteditable"),rng.commonAncestorContainer.parentNode.focus(),this.__focusLogic(rng.commonAncestorContainer.parentNode))},50)}this.shadowRoot.querySelector("#platecontextmenu").classList.contains("hax-active-hover")&&this.__dropActiveHover()}}_onKeyPress(e){!this.openDrawer&&this.editMode&&this.shadowRoot.querySelector("#platecontextmenu").classList.contains("hax-active-hover")&&this.activeNode&&window.HaxStore.instance.isTextElement(this.activeNode)?this.__dropActiveHover():!this.openDrawer&&this.editMode&&this.activeNode&&window.HaxStore.instance.isTextElement(this.activeNode)&&(clearTimeout(this.__positionContextTimer),this.__positionContextTimer=setTimeout(()=>{this.positionContextMenus(this.activeNode,this.activeNode)},2e3))}hoverEvent(e){if(!this.openDrawer&&this.editMode&&(e.target&&null!=e.target.getAttribute("data-hax-ray")?(this.__activeHover=e.target,this.dispatchEvent(new CustomEvent("hax-active-hover-name",{bubbles:!0,cancelable:!0,composed:!0,detail:e.target.getAttribute("data-hax-ray")}))):e.target&&e.target.parentNode&&null!=e.target.parentNode.getAttribute("data-hax-ray")&&(this.__activeHover=e.target.parentNode,this.dispatchEvent(new CustomEvent("hax-active-hover-name",{bubbles:!0,cancelable:!0,composed:!0,detail:e.target.parentNode.getAttribute("data-hax-ray")}))),!this.shadowRoot.querySelector("#platecontextmenu").classList.contains("hax-active-hover"))){let local=e.target;e.target===this.shadowRoot.querySelector("#cecontextmenu")||e.target===this.shadowRoot.querySelector("#textcontextmenu")||e.target===this.shadowRoot.querySelector("#platecontextmenu")||local===this.activeNode||local===this.activeContainerNode||e.target===this.activeNode||e.target===this.activeContainerNode||local.parentNode===this.activeContainerNode||local.parentNode.parentNode===this.activeContainerNode||local.parentNode.parentNode.parentNode===this.activeContainerNode?(this.positionContextMenus(this.activeNode,this.activeContainerNode),this.__addActiveHover(),this.__typeLock=!1):this.__dropActiveHover()}}__addActiveHover(){this.shadowRoot.querySelector("#cecontextmenu").classList.add("hax-active-hover"),this.shadowRoot.querySelector("#textcontextmenu").classList.add("hax-active-hover"),this.shadowRoot.querySelector("#platecontextmenu").classList.add("hax-active-hover")}__dropActiveHover(){this.shadowRoot.querySelector("#cecontextmenu").classList.remove("hax-active-hover"),this.shadowRoot.querySelector("#textcontextmenu").classList.remove("hax-active-hover"),this.shadowRoot.querySelector("#platecontextmenu").classList.remove("hax-active-hover")}elementInViewport(el){let top=el.offsetTop-32-window.HaxStore.instance.haxPanel.shadowRoot.querySelector("#drawer").offsetHeight,left=el.offsetLeft,width=el.offsetWidth,height=el.offsetHeight;for(;el.offsetParent;)top+=(el=el.offsetParent).offsetTop,left+=el.offsetLeft;return this.__OffBottom=top<window.pageYOffset+window.innerHeight,top<window.pageYOffset+window.innerHeight&&left<window.pageXOffset+window.innerWidth&&top+height>window.pageYOffset&&left+width>window.pageXOffset}replacePlaceholder(e){if("text"===e.detail){let p=document.createElement("p");p.innerHTML="<br/>",this.haxReplaceNode(this.activeNode,p,this.activeNode.parentNode),setTimeout(()=>{this.activeNode=p,window.HaxStore.write("activeNode",p,this),this.activeContainerNode.setAttribute("contenteditable",!0),p.focus(),this.__focusLogic(p)},210)}else this.replaceElementWorkflow()}replaceElementWorkflow(){let element=window.HaxStore.nodeToHaxElement(this.activeNode,null),type="*",skipPropMatch=!1;"place-holder"===element.tag&&void 0!==element.properties.type&&(type=element.properties.type,skipPropMatch=!0);var props={};if(void 0!==window.HaxStore.instance.elementList[element.tag]&&!1!==window.HaxStore.instance.elementList[element.tag].gizmo&&void 0!==window.HaxStore.instance.elementList[element.tag].gizmo.handles&&window.HaxStore.instance.elementList[element.tag].gizmo.handles.length>0){let gizmo=window.HaxStore.instance.elementList[element.tag].gizmo;for(var i=0;i<gizmo.handles.length;i++)for(var prop in gizmo.handles[i])"type"!==prop&&void 0!==element.properties[gizmo.handles[i][prop]]&&(props[prop]=element.properties[gizmo.handles[i][prop]])}let haxElements=window.HaxStore.guessGizmo(type,props,skipPropMatch);if(haxElements.length>0){let tag=this.activeNode.tagName.toLowerCase(),humanName=tag.replace("-"," ");void 0!==window.HaxStore.instance.elementList[tag]&&!1!==window.HaxStore.instance.elementList[tag].gizmo&&(humanName=window.HaxStore.instance.elementList[tag].gizmo.title),window.HaxStore.instance.haxAppPicker.presentOptions(haxElements,"__convert",`Transform ${humanName} to..`,"gizmo")}else window.HaxStore.toast("Sorry, this can not be transformed!",5e3)}_globalPreferencesUpdated(newValue,oldValue){void 0!==newValue&&null!=newValue&&(this.haxRayMode=newValue.haxRayMode)}_haxStorePropertyUpdated(e){e.detail&&void 0!==e.detail.value&&e.detail.property&&(this[e.detail.property]=e.detail.value)}haxClearBody(confirm=!0){let status=!0;confirm&&(status=prompt("Are you sure you want to delete all content?")),status&&wipeSlot(this)}haxInsert(tag,content,properties={},waitForLock=!0){this.__activeHover=null;var frag=document.createElement(tag);frag.innerHTML=content;var newNode=frag.cloneNode(!0);for(var property in properties){let attributeName=window.HaxStore.camelToDash(property);properties.hasOwnProperty(property)&&(!0===properties[property]?newNode.setAttribute(attributeName,attributeName):!1===properties[property]?newNode.removeAttribute(attributeName):null!=properties[property]&&properties[property].constructor===Array?newNode.properties&&newNode.properties[property].readOnly||(newNode.set?newNode.set(attributeName,properties[property]):newNode[attributeName]=properties[property]):null!=properties[property]&&properties[property].constructor===Object?newNode.properties&&newNode.properties[property].readOnly||(newNode.set?newNode.set(attributeName,properties[property]):newNode[attributeName]=properties[property]):newNode.setAttribute(attributeName,properties[property]))}return null!==window.HaxStore.instance.activePlaceHolder&&void 0!==window.HaxStore.instance.activePlaceHolder.style?(newNode.style.width=window.HaxStore.instance.activePlaceHolder.style.width,newNode.style.float=window.HaxStore.instance.activePlaceHolder.style.float,newNode.style.margin=window.HaxStore.instance.activePlaceHolder.style.margin,newNode.style.display=window.HaxStore.instance.activePlaceHolder.style.display,this.haxReplaceNode(window.HaxStore.instance.activePlaceHolder,newNode,window.HaxStore.instance.activePlaceHolder.parentNode),window.HaxStore.instance.activePlaceHolder=null):null!=this.activeContainerNode?"GRID-PLATE"!==newNode.tagName&&"GRID-PLATE"===this.activeContainerNode.tagName&&this.activeContainerNode!==this.activeNode?(null!=this.activeNode.getAttribute("slot")&&newNode.setAttribute("slot",this.activeNode.getAttribute("slot")),this.activeContainerNode.insertBefore(newNode,this.activeNode)):this.insertBefore(newNode,this.activeContainerNode.nextElementSibling):this.appendChild(newNode),this.shadowRoot.querySelector("#textcontextmenu").highlightOps=!1,this.__updateLockFocus=newNode,waitForLock&&setTimeout(()=>{this.breakUpdateLock()},50),!0}breakUpdateLock(){window.HaxStore.write("activeContainerNode",this.__updateLockFocus,this),window.HaxStore.write("activeNode",this.__updateLockFocus,this),this.__updateLockFocus.focus(),"function"==typeof this.__updateLockFocus.scrollIntoViewIfNeeded?this.__updateLockFocus.scrollIntoViewIfNeeded(!0):this.__updateLockFocus.scrollIntoView({behavior:"smooth",inline:"center"})}haxToContent(){this.hideContextMenus();var __active=this.activeNode;this.activeNode=null,this.activeContainerNode=null,window.HaxStore.write("activeNode",null,this),window.HaxStore.write("activeContainerNode",null,this);let children="slot"===this.shadowRoot.querySelector("#body").localName?this.shadowRoot.querySelector("#body").assignedNodes({flatten:!0}):[];this.globalPreferences.haxDeveloperMode&&console.warn(children);for(var content="",i=0,len=children.length;i<len;i++)this._validElementTest(children[i])?(children[i].removeAttribute("data-editable"),children[i].removeAttribute("data-hax-ray"),children[i].contentEditable=!1,content+=window.HaxStore.nodeToContent(children[i]),"grid-plate"===children[i].tagName.toLowerCase()&&this._applyContentEditable(this.editMode,children[i])):8===children[i].nodeType?content+="\x3c!-- "+children[i].textContent+" --\x3e":1!==children[i].nodeType&&void 0!==children[i].textContent&&"undefined"!==children[i].textContent&&(content+=children[i].textContent);if(content=(content=(content=(content=(content=(content=(content=(content=(content=content.replace(/\scontenteditable=\"false\"/g,"")).replace(/\sdata-editable=\"true\"/g,"")).replace(/\sdata-editable=\"false\"/g,"")).replace(/\sdata-editable=\""/g,"")).replace(/\sdata-editable/g,"")).replace(/\scontenteditable/g,"")).replace(/\sdraggable/g,"")).replace(/\sdata-draggable/g,"")).replace(/\sdata-hax-ray=\".*?\"/g,""),this.parentNode.tagName){let parentTag=this.parentNode.tagName.toLowerCase(),string="style-scope "+parentTag+" x-scope",re=new RegExp(string,"g");content=content.replace(re,""),string="style-scope "+parentTag,re=new RegExp(string,"g"),content=content.replace(re,""),string="x-scope "+parentTag+"-0",re=new RegExp(string,"g"),content=content.replace(re,"");let tags=window.HaxStore.instance.validTagList;for(var i in tags.push("hax-preview"),tags)string="style-scope "+tags[i],re=new RegExp(string,"g"),content=content.replace(re,""),string="x-scope "+tags[i]+"-0 ",re=new RegExp(string,"g"),content=content.replace(re,""),string="x-scope "+tags[i]+"-0",re=new RegExp(string,"g"),content=content.replace(re,"")}return content=(content=content.replace(/\sclass=\"\"/g,"")).replace(/\sclass=\"\s\"/g,""),this._applyContentEditable(this.editMode),window.HaxStore.write("activeNode",__active,this),window.HaxStore.write("activeContainerNode",__active,this),content=encapScript(content),this.globalPreferences.haxDeveloperMode&&console.warn(content),content}haxDuplicateNode(node,parent=this){this.hideContextMenus();let haxElement=window.HaxStore.nodeToHaxElement(node,null);void 0!==node.preProcessHaxInsertContent&&(haxElement=node.preProcessHaxInsertContent(haxElement)),haxElement.content==haxElement.properties.innerHTML&&delete haxElement.properties.innerHTML;var nodeClone=window.HaxStore.haxElementToNode(haxElement.tag,haxElement.content,haxElement.properties);return"webview"===nodeClone.tagName.toLowerCase()&&window.HaxStore.instance._isSandboxed&&void 0!==nodeClone.guestinstance&&delete nodeClone.guestinstance,null!==node?parent.insertBefore(nodeClone,node.nextSibling):parent.appendChild(nodeClone),setTimeout(()=>{parent===this&&window.HaxStore.write("activeContainerNode",nodeClone,this),window.HaxStore.write("activeNode",nodeClone,this)},100),!0}hideContextMenus(){this._hideContextMenu(this.shadowRoot.querySelector("#textcontextmenu")),this._hideContextMenu(this.shadowRoot.querySelector("#cecontextmenu")),this._hideContextMenu(this.shadowRoot.querySelector("#platecontextmenu")),this._hideContextMenu(this.shadowRoot.querySelector("#haxinputmixer")),this.shadowRoot.querySelector("#textcontextmenu").highlightOps=!1}positionContextMenus(node,container){if(node){let tag=node.tagName.toLowerCase();window.HaxStore.instance._isSandboxed&&"webview"===tag&&(tag="iframe");let props=window.HaxStore.instance.elementList[tag];void 0===props||window.HaxStore.instance.isTextElement(node)?(this._hideContextMenu(this.shadowRoot.querySelector("#cecontextmenu")),this._positionContextMenu(this.shadowRoot.querySelector("#textcontextmenu"),node,-39,-39)):(this._hideContextMenu(this.shadowRoot.querySelector("#textcontextmenu")),props.element=node,this.shadowRoot.querySelector("#cecontextmenu").setHaxProperties(props),this._positionContextMenu(this.shadowRoot.querySelector("#cecontextmenu"),node,-39,-39)),this._positionContextMenu(this.shadowRoot.querySelector("#platecontextmenu"),container,-39,0),container&&!this._HTMLPrimativeTest(node)&&node!==container?container.contentEditable=!1:container&&(container.contentEditable=!0)}}haxMoveGridPlate(direction,node,container){switch(this.___moveLock=!0,direction){case"first":null!==container.previousElementSibling&&this.insertBefore(container,this.firstChild);break;case"up":null!==container.previousElementSibling&&this.insertBefore(container,container.previousElementSibling);break;case"down":null!==container.nextElementSibling&&this.insertBefore(container.nextElementSibling,container);break;case"last":null!==container.nextElementSibling&&this.appendChild(container)}return setTimeout(()=>{this.positionContextMenus(node,container),"function"==typeof container.scrollIntoViewIfNeeded?container.scrollIntoViewIfNeeded(!0):container.scrollIntoView({behavior:"smooth",inline:"center"})},5),!0}haxReplaceNode(node,replacement,parent=this){this.hideContextMenus();try{node&&node.getAttribute&&null!=node.getAttribute("slot")&&replacement.setAttribute("slot",node.getAttribute("slot")),null==node&&(node=this.__oldActiveNode,parent=this.__oldActiveNode.parentNode),parent.replaceChild(replacement,node)}catch(e){console.warn(e)}return replacement}haxChangeTagName(node,tagName){this.hideContextMenus();for(var replacement=document.createElement(tagName),i=0,l=node.attributes.length;i<l;++i){var nodeName=node.attributes.item(i).nodeName,value=node.attributes.item(i).value;replacement.setAttribute(nodeName,value)}replacement.innerHTML=node.innerHTML.trim(),"ul"==tagName||"ol"==tagName?""==replacement.innerHTML?replacement.innerHTML="<li></li>":"ul"!=node.tagName.toLowerCase()&&"ol"!=node.tagName.toLowerCase()&&(replacement.innerHTML="<li>"+node.innerHTML.trim().replace(/<br\/>/g,"</li>\n<li>").replace(/<br>/g,"</li>\n<li>")+"</li>"):"ul"!=node.tagName.toLowerCase()&&"ol"!=node.tagName.toLowerCase()||(replacement.innerHTML=replacement.innerHTML.replace(/<ul>/g,"").replace(/<\/ul>/g,"").replace(/<li><\/li>/g,"").replace(/<li>/g,"").replace(/<\/li>/g,"<br/>"));try{node.parentNode.replaceChild(replacement,node),setTimeout(()=>{let children=replacement.children;children[0]&&children.tagName?children[0].focus():replacement.focus()},50)}catch(e){console.warn(e),console.warn(replacement),console.warn(node)}return replacement}haxDeleteNode(node,parent=this){if(this.hideContextMenus(),null!=this.activeContainerNode&&null!==this.activeContainerNode.previousElementSibling){if(this.activeContainerNode.previousElementSibling.focus(),null!=this.activeContainerNode&&window.HaxStore.instance.isTextElement(this.activeContainerNode)&&""!==this.activeContainerNode.textContent)try{var range=document.createRange(),sel=window.HaxStore.getSelection();range.setStart(this.activeContainerNode,1),range.collapse(!0),sel.removeAllRanges(),sel.addRange(range),this.activeContainerNode.focus()}catch(e){console.warn(e)}}else null!=this.activeContainerNode&&null!==this.activeContainerNode.nextElementSibling?this.activeContainerNode.nextElementSibling.focus():(this.activeNode=null,this.activeContainerNode=null,window.HaxStore.write("activeNode",null,this),window.HaxStore.write("activeContainerNode",null,this));try{return parent.removeChild(node)}catch(e){console.warn(e)}}importContent(html,clear=!0){clear&&wipeSlot(this,"*"),setTimeout(()=>{html=encapScript(html);let fragment=document.createElement("div");for(fragment.insertAdjacentHTML("beforeend",html);null!==fragment.firstChild;)if(void 0!==fragment.firstChild.tagName)if(window.HaxStore.instance._isSandboxed&&"iframe"===fragment.firstChild.tagName.toLowerCase()){for(var replacement=document.createElement("webview"),j=0,l=fragment.firstChild.attributes.length;j<l;++j){var nodeName=fragment.firstChild.attributes.item(j).nodeName,value=fragment.firstChild.attributes.item(j).value;"height"!==nodeName&&"width"!==nodeName||replacement.style[nodeName],replacement.setAttribute(nodeName,value)}this.appendChild(replacement)}else this.appendChild(fragment.firstChild);else fragment.removeChild(fragment.firstChild)},50)}_haxContextOperation(e){let detail=e.detail;var haxElement;switch(detail.eventName){case"p":case"ol":case"ul":case"h2":case"h3":case"h4":case"h5":case"h6":case"blockquote":case"code":this.shadowRoot.querySelector("#textcontextmenu").realSelectedValue=detail.eventName,this.activeNode=this.haxChangeTagName(this.activeNode,detail.eventName),window.HaxStore.write("activeNode",this.activeNode,this),this.positionContextMenus(this.activeNode,this.activeContainerNode);break;case"text-align-left":this.activeNode.style.textAlign=null;break;case"grid-plate-convert":this.replaceElementWorkflow();break;case"grid-plate-duplicate":this.activeNode===this.activeContainerNode?this.haxDuplicateNode(this.activeNode):this.haxDuplicateNode(this.activeNode,this.activeContainerNode);break;case"grid-plate-delete":if(null!=this.activeNode){let options=[{icon:"thumb-up",color:"green",title:"Yes"},{icon:"thumb-down",color:"red",title:"No"}],tag=this.activeNode.tagName.toLowerCase(),humanName=tag.replace("-"," ");void 0!==window.HaxStore.instance.elementList[tag]&&!1!==window.HaxStore.instance.elementList[tag].gizmo&&(humanName=window.HaxStore.instance.elementList[tag].gizmo.title),window.HaxStore.instance.haxAppPicker.presentOptions(options,"",`Remove this \`${humanName}\`?`,"delete")}break;case"grid-plate-first":this.haxMoveGridPlate("first",this.activeNode,this.activeContainerNode);break;case"grid-plate-up":this.haxMoveGridPlate("up",this.activeNode,this.activeContainerNode);break;case"hax-manager-open":window.HaxStore.write("activeHaxElement",{},this),window.HaxStore.instance.haxManager.resetManager(parseInt(detail.value)),window.HaxStore.write("openDrawer",window.HaxStore.instance.haxManager,this);break;case"grid-plate-down":this.haxMoveGridPlate("down",this.activeNode,this.activeContainerNode);break;case"grid-plate-last":this.haxMoveGridPlate("last",this.activeNode,this.activeContainerNode);break;case"close-menu":this.activeNode=null,this.activeContainerNode=null,window.HaxStore.write("activeNode",null,this),window.HaxStore.write("activeContainerNode",null,this);break;case"hax-edit-property":let haxInputMixer=this.shadowRoot.querySelector("#haxinputmixer");haxInputMixer.label=detail.target.label,haxInputMixer.options=detail.target.options,haxInputMixer.icon=detail.target.icon,haxInputMixer.description=detail.target.description,haxInputMixer.required=detail.target.required,haxInputMixer.validation=detail.target.validation,haxInputMixer.validationType=detail.target.validationType,haxInputMixer.inputMethod=detail.target.inputMethod,haxInputMixer.value="",void 0!==detail.target.propertyToBind&&null!=detail.target.propertyToBind&&0!=detail.target.propertyToBind&&(haxInputMixer.propertyToBind=detail.target.propertyToBind,void 0!==this.activeNode[detail.target.propertyToBind]?haxInputMixer.value=this.activeNode[detail.target.propertyToBind]:haxInputMixer.value=this.activeNode.getAttribute(detail.target.propertyToBind)),this._positionContextMenu(haxInputMixer,this.activeContainerNode,-1,-38);let style=this.shadowRoot.querySelector("#cecontextmenu").currentStyle||window.getComputedStyle(this.shadowRoot.querySelector("#cecontextmenu"));haxInputMixer.style.width=style.width.replace("px","")-40+"px";break;case"hax-align-left":this.activeNode.style.float=null,this.activeNode.style.margin=null,this.activeNode.style.display=null;break;case"hax-align-center":this.activeNode.style.float=null,this.activeNode.style.margin="0 auto",this.activeNode.style.display="block";break;case"hax-size-change":this.activeNode&&(this.activeNode.style.width=detail.value+"%");break;case"hax-manager-configure":this._hideContextMenu(this.shadowRoot.querySelector("#haxinputmixer")),window.HaxStore.instance.haxManager.resetManager(),haxElement=window.HaxStore.nodeToHaxElement(this.activeNode),window.HaxStore.write("activeHaxElement",haxElement,this),window.HaxStore.instance.haxManager.editExistingNode=!0,window.HaxStore.instance.haxManager.selectStep("configure"),window.HaxStore.write("openDrawer",window.HaxStore.instance.haxManager,this),setTimeout(()=>{window.HaxStore.instance.haxManager.shadowRoot.querySelector("#preview").shadowRoot.querySelector("#configurebutton").focus()},100);break;case"hax-manager-configure-container":window.HaxStore.write("activeNode",window.HaxStore.instance.activeContainerNode,this),this._hideContextMenu(this.shadowRoot.querySelector("#haxinputmixer")),window.HaxStore.instance.haxManager.resetManager(),haxElement=window.HaxStore.nodeToHaxElement(window.HaxStore.instance.activeNode),window.HaxStore.write("activeHaxElement",haxElement,this),window.HaxStore.instance.haxManager.editExistingNode=!0,window.HaxStore.instance.haxManager.selectStep("configure"),window.HaxStore.write("openDrawer",window.HaxStore.instance.haxManager,this),setTimeout(()=>{window.HaxStore.instance.haxManager.shadowRoot.querySelector("#preview").shadowRoot.querySelector("#configurebutton").focus()},100)}}_haxInputMixerOperation(e){let mixer=e.detail.inputMixer;null!=mixer.propertyToBind?this.activeNode[mixer.propertyToBind]=mixer.value:null!=mixer.slotToBind&&(item=document.createElement("span"),item.style.height="inherit",item.innerHTML=mixer.value,item.slot=mixer.slotToBind,this.activeNode.appendChild(item)),this._hideContextMenu(this.shadowRoot.querySelector("#haxinputmixer"))}_focusIn(e){this.__focusLogic(e.target)&&e.stopPropagation()}__focusLogic(target){let stopProp=!1;if(this.openDrawer||!this.editMode||this.__tabTrap)this.__tabTrap=!1;else{let containerNode=target;"SPAN"===containerNode.tagName&&window.HaxStore.instance.isTextElement(target.parentNode)&&(containerNode=target.parentNode);let activeNode=null;if(this._validElementTest(containerNode)&&null!=containerNode.parentNode){for(;"HAX-BODY"!=containerNode.parentNode.tagName;)null===activeNode&&"LI"!==containerNode.tagName&&"B"!==containerNode.tagName&&"I"!==containerNode.tagName&&"STRONG"!==containerNode.tagName&&"EM"!==containerNode.tagName&&(activeNode=containerNode),containerNode=containerNode.parentNode;null===activeNode?activeNode=containerNode:window.HaxStore.instance.isGridPlateElement(containerNode)?["UL","OL","LI","P","GRID-PLATE"].includes(containerNode.tagName)&&["UL","OL","LI"].includes(activeNode.tagName)&&(activeNode=containerNode):activeNode=containerNode,this.activeContainerNode===containerNode||containerNode.classList.contains("ignore-activation")?containerNode.classList.contains("ignore-activation")&&(stopProp=!0):(this.hideContextMenus(),this.activeContainerNode=containerNode,window.HaxStore.write("activeContainerNode",containerNode,this),stopProp=!0),this.activeNode===activeNode||activeNode.classList.contains("ignore-activation")||(this.activeNode=activeNode,window.HaxStore.write("activeNode",activeNode,this),this.positionContextMenus(activeNode,containerNode),stopProp=!0)}}return stopProp}_editModeChanged(newValue,oldValue){void 0!==oldValue&&(this._applyContentEditable(newValue),this.setAttribute("tabindex","-1"),newValue&&setTimeout(()=>{this.children&&this.children[0]&&this.children[0].focus?(this.activeNode=this.children[0],this.activeContainerNode=this.activeNode,window.HaxStore.write("activeNode",this.children[0],this),window.HaxStore.write("activeContainerNode",this.children[0],this),setTimeout(()=>{if(window.HaxStore.instance.isTextElement(this.activeNode))try{var range=document.createRange(),sel=window.HaxStore.getSelection();range.setStart(this.activeNode,0),range.collapse(!0),sel.removeAllRanges(),sel.addRange(range),this.activeNode.focus()}catch(e){console.warn(e)}},0)):(this.haxInsert("p","",{},!1),setTimeout(()=>{try{var range=document.createRange(),sel=window.HaxStore.getSelection();range.setStart(this.activeNode,0),range.collapse(!0),sel.removeAllRanges(),sel.addRange(range),this.activeNode.focus()}catch(e){console.warn(e)}},0))},100)),!1===newValue&&(this.removeAttribute("contenteditable"),this.hideContextMenus())}_haxResolvePreviousElement(node){for(node=node.previousElementSibling;null!=node&&void 0!==node.tagName&&"HAX-"===node.tagName.substring(0,4);)node=node.previousElementSibling;return node}_validElementTest(node){return void 0!==node.tagName&&("HAX-"!==node.tagName.substring(0,4)||"HAX-LOGO"===node.tagName)}_HTMLPrimativeTest(node){return null!=node&&void 0!==node.tagName&&-1==node.tagName.indexOf("-")}_applyContentEditable(status,target=this.shadowRoot.querySelector("#body")){let children="slot"===target.localName?target.assignedNodes({flatten:!0}):[];0===children.length&&(children=target.children);for(var i=0,len=children.length;i<len;i++)this._validElementTest(children[i])&&(!status||!0!==children[i].getAttribute("contenteditable")&&"true"!=children[i].getAttribute("contenteditable")&&"contenteditable"!=children[i].getAttribute("contenteditable"))&&this.__applyNodeEditableState(children[i],status)}__applyNodeEditableState(node,status=!0){let listenerMethod,haxRay=node.tagName.replace("-"," ").toLowerCase(),i=window.HaxStore.instance.gizmoList.findIndex(j=>j.tag===node.tagName.toLowerCase());if(-1!==i&&(haxRay=window.HaxStore.instance.gizmoList[i].title),status?(node.setAttribute("data-draggable",!0),node.setAttribute("data-editable",status),node.setAttribute("data-hax-ray",haxRay),listenerMethod="addEventListener"):(node.removeAttribute("data-draggable"),node.removeAttribute("data-editable"),node.removeAttribute("data-hax-ray"),listenerMethod="removeEventListener"),node[listenerMethod]("drop",this.dropEvent.bind(this)),node[listenerMethod]("dragenter",this.dragEnter.bind(this)),node[listenerMethod]("dragleave",this.dragLeave.bind(this)),node[listenerMethod]("dragend",this.dragEnd.bind(this)),node[listenerMethod]("dragover",(function(e){e.preventDefault()})),this._HTMLPrimativeTest(node)&&(status?node.setAttribute("contenteditable",status):node.removeAttribute("contenteditable"),node.querySelectorAll("a").length>0)){let links=node.querySelectorAll("a");for(var j=0,len2=links.length;j<len2;j++)status?(links[j].setAttribute("contenteditable",status),links[j].setAttribute("data-editable",status)):(links[j].removeAttribute("contenteditable"),links[j].removeAttribute("data-editable")),links[j][listenerMethod]("click",e=>{e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation()})}}dropEvent(e){if(!this.openDrawer&&this.editMode){var target=window.HaxStore.instance.__dragTarget,local=e.target;if(null!=target&&void 0!==local&&target!==local&&target!==local.parentNode&&target.parentNode===this||local.parentNode===this){target.removeAttribute("slot");try{this.insertBefore(target,local)}catch(e){console.warn(e)}e.preventDefault(),e.stopPropagation()}let children=this.children;for(var i in children)void 0!==children[i].classList&&children[i].classList.remove("mover","hovered");target&&"function"==typeof target.focus&&setTimeout(()=>{this.positionContextMenus(this.activeNode,this.activeContainerNode)},0)}}dragEnter(e){!this.openDrawer&&this.editMode&&(e.preventDefault(),e.target.classList.add("hovered"))}dragLeave(e){!this.openDrawer&&this.editMode&&e.target.classList.remove("hovered")}dragStart(e){if(!this.openDrawer&&this.editMode){let children=this.children;for(var i in children)void 0!==children[i].classList&&children[i].classList.add("mover")}}dragEnd(e){if(!this.openDrawer&&this.editMode){let children=this.children;for(var i in children)void 0!==children[i].classList&&children[i].classList.remove("mover","hovered")}}_activeContainerNodeChanged(newValue,oldValue){if(this.editMode&&void 0!==newValue&&null!=newValue&&null!=newValue.tagName){window.HaxStore.instance.isTextElement(newValue)||window.HaxStore.instance.isGridPlateElement(newValue)?(newValue.setAttribute("contenteditable",!0),this.setAttribute("contenteditable",!0)):(newValue.removeAttribute("contenteditable"),this.removeAttribute("contenteditable")),oldValue&&"GRID-PLATE"==oldValue.tagName&&(oldValue.activeItem=null),"grid-plate"===newValue.tagName.toLowerCase()&&(newValue.editMode=this.editMode,this._applyContentEditable(this.editMode,newValue))}}_activeNodeChanged(newValue,oldValue){if(this.querySelectorAll(".hax-active").forEach(el=>{el.classList.remove("hax-active")}),this.editMode&&null!=newValue){let tag=newValue.tagName.toLowerCase();newValue.classList.add("hax-active"),window.HaxStore.instance.isTextElement(newValue)||window.HaxStore.instance.isGridPlateElement(newValue)?(newValue.setAttribute("contenteditable",!0),this.setAttribute("contenteditable",!0),clearTimeout(this.__positionContextTimer),this.__positionContextTimer=setTimeout(()=>{newValue===this.activeNode&&this.positionContextMenus(newValue,newValue)},10)):(newValue.removeAttribute("contenteditable"),this.removeAttribute("contenteditable")),this.shadowRoot.querySelector("#textcontextmenu").realSelectedValue=tag,"left"==newValue.style.textAlign?(this.shadowRoot.querySelector("#textcontextmenu").justifyIcon="editor:format-align-left",this.shadowRoot.querySelector("#textcontextmenu").justifyValue="text-align-left"):"left"==newValue.style.float?(this.shadowRoot.querySelector("#cecontextmenu").justifyIcon="editor:format-align-left",this.shadowRoot.querySelector("#cecontextmenu").justifyValue="hax-align-left"):"0 auto"==newValue.style.margin&&(this.shadowRoot.querySelector("#cecontextmenu").justifyIcon="editor:format-align-center",this.shadowRoot.querySelector("#cecontextmenu").justifyValue="hax-align-center")}else null===newValue&&(this.hideContextMenus(),this.__oldActiveNode=oldValue,this.shadowRoot.querySelector("#textcontextmenu").justifyIcon="editor:format-align-left",this.shadowRoot.querySelector("#textcontextmenu").justifyValue="text-align-left")}_getPosition(element){return{x:element.offsetLeft-element.scrollLeft+element.clientLeft,y:element.offsetTop-element.scrollTop+element.clientTop}}_positionContextMenu(menu,target,xoffset,yoffset){if(null!=target){let pos=this._getPosition(target);menu.style.left=null!=xoffset?pos.x+xoffset+"px":pos.x+"px",menu.style.top=null!=yoffset?pos.y+yoffset+"px":pos.y+"px"}menu.classList.add("hax-context-visible"),this.__activeHover&&(menu.classList.add("hax-active-hover"),menu.style.marginLeft="",this.__typeLock=!1),setTimeout(()=>{this._keepContextVisible()},100)}_hideContextMenu(menu){menu.classList.remove("hax-context-visible","hax-context-pin-top","hax-context-pin-bottom"),menu.style.left="-100px"}_tabKeyPressed(){let focus=!1,node=this.activeContainerNode;const activeNodeTagName=this.activeContainerNode.tagName;try{let range=window.HaxStore.getRange().cloneRange();var tagTest=range.commonAncestorContainer.tagName;if(void 0===tagTest&&(tagTest=range.commonAncestorContainer.parentNode.tagName),["UL","OL","LI"].includes(activeNodeTagName)||["UL","OL","LI"].includes(tagTest))this.polyfillSafe&&(document.execCommand("indent"),this.__tabTrap=!0);else for(;!focus;)null==node.nextSibling?focus=!0:"function"===node.nextSibling.focus?(node.nextSibling.focus(),focus=!0):node=node.nextSibling}catch(e){console.warn(e)}}_tabBackKeyPressed(){let node=this.activeContainerNode;const activeNodeTagName=this.activeContainerNode.tagName;try{let range=window.HaxStore.getRange().cloneRange();var tagTest=range.commonAncestorContainer.tagName;if(void 0===tagTest&&(tagTest=range.commonAncestorContainer.parentNode.tagName),["UL","OL","LI"].includes(activeNodeTagName)||["UL","OL","LI"].includes(tagTest))this.polyfillSafe&&(document.execCommand("outdent"),this.__tabTrap=!0);else{if(null!=node)for(;null!=node&&!this._validElementTest(node);)node=node.previousSibling;null!=node&&setTimeout(()=>{node.focus()},50)}}catch(e){console.warn(e)}}}window.customElements.define(HaxBody.tag,HaxBody);export{HaxBody};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/retro-card/retro-card.js b/build/es6/node_modules/@lrnwebcomponents/retro-card/retro-card.js
new file mode 100644
index 00000000000..aa81a792ed6
--- /dev/null
+++ b/build/es6/node_modules/@lrnwebcomponents/retro-card/retro-card.js
@@ -0,0 +1,146 @@
+/**
+ * Copyright 2019 The Pennsylvania State University
+ * @license Apache-2.0, see License.md for full text.
+ */
+import{html,css}from"../../lit-element/lit-element.js";import{SimpleColors}from"../simple-colors/simple-colors.js";class RetroCard extends SimpleColors{static get styles(){return[...super.styles,css`
+        :host {
+          display: block;
+          --retro-card-level-2: var(
+            --simple-colors-default-theme-accent-7,
+            #b8a515
+          );
+          --retro-card-level-1: var(
+            --simple-colors-default-theme-accent-6,
+            #e5cd1b
+          );
+          --retro-card-level-3: var(
+            --simple-colors-default-theme-accent-5,
+            #ead749
+          );
+          --retro-card-shadow: var(
+            --simple-colors-default-theme-accent-8,
+            rgba(229, 205, 27, 0.2)
+          );
+          --retro-card-light-color: #f4f1d0;
+          --retro-card-dark-color: #212121;
+        }
+        :host([dark]) {
+          --retro-card-dark-color: #f4f1d0;
+          --retro-card-light-color: #212121;
+        }
+        :host([hidden]) {
+          display: none;
+        }
+
+        :host([hover-state]) .link:nth-child(1n + 0) {
+          box-shadow: 16px 16px 0px 0px var(--retro-card-shadow);
+          border: 16px solid var(--retro-card-level-2);
+          background-color: var(--retro-card-level-1);
+        }
+
+        :host([hover-state]) .link {
+          color: var(--retro-card-light-color);
+          text-decoration: underline;
+          padding: 1.25rem;
+          border: 16px var(--retro-card-level-1) solid;
+          box-shadow: 16px 16px 0px 0px var(--retro-card-shadow);
+          transition: background-color 0.2s ease-in-out 0s,
+            padding 0.4s ease-in-out 0s, border 0.4s ease-in-out 0s,
+            box-shadow 0.2s ease-in-out 0s;
+        }
+        .link:nth-child(1n + 0) {
+          background-color: var(--retro-card-level-3);
+          box-shadow: 8px 8px 0px 0px var(--retro-card-level-1);
+          border: 4px var(--retro-card-level-1) solid;
+        }
+        .link {
+          display: block;
+          background-color: var(--retro-card-level-3);
+          border: 4px var(--retro-card-level-1) solid;
+          padding: 2rem;
+          box-shadow: 8px 8px 0px 0px var(--retro-card-level-1);
+          transition: padding 0.4s ease-in-out 0s, border 0.4s ease-in-out 0s,
+            box-shadow 0.2s ease-in-out 0s;
+        }
+
+        .img {
+          -webkit-filter: grayscale(1);
+          filter: grayscale(1);
+          mix-blend-mode: screen;
+          border: 0;
+          max-width: 100%;
+          height: auto;
+          -ms-interpolation-mode: bicubic;
+          display: inline-block;
+          vertical-align: middle;
+          max-height: 200px;
+        }
+
+        .title {
+          display: block;
+          font-size: 1.5rem;
+          padding: 2rem 0 0 0;
+          text-transform: uppercase;
+          font-weight: 700;
+          text-align: center;
+        }
+
+        .description {
+          display: block;
+          font-size: 0.9rem;
+          padding: 0.75rem 1rem 0;
+        }
+        .card-tags {
+          line-height: 1.6;
+          text-align: center;
+          margin-bottom: 1rem;
+          text-rendering: optimizeLegibility;
+          font-weight: 300;
+        }
+        .project-tag {
+          font-size: 0.7rem;
+          padding: 0.25rem 0.5rem;
+          font-style: italic;
+          font-weight: 600;
+          color: var(--retro-card-light-color);
+          background: var(--retro-card-dark-color);
+          word-wrap: break-word;
+          padding: 0 0.5rem;
+          text-transform: uppercase;
+          margin-bottom: 2rem;
+          margin: 0 0.25rem 2rem 0;
+        }
+
+        hr {
+          border-bottom: 1px solid var(--retro-card-dark-color);
+          max-width: 75rem;
+          height: 0;
+          border-right: 0;
+          border-top: 0;
+          border-left: 0;
+          margin: 1.25rem auto;
+          clear: both;
+        }
+
+        a {
+          text-align: center;
+          color: var(--retro-card-dark-color);
+          text-decoration: none;
+          line-height: inherit;
+          cursor: pointer;
+          font-family: "Roboto Mono", Consolas, Monospace;
+        }
+      `]}render(){return html`
+      <a tabindex="-1" class="link ${this.color}" href="${this.url}">
+        <img class="img" loading="lazy" src="${this.__source}" alt="" />
+        <span class="title">${this.title}</span>
+        <span class="name">${this.subtitle}</span>
+        <span class="description"><slot></slot></span>
+        <hr />
+        <div class="card-tags">
+          ${this.__cardTags.map(tag=>html`
+                <span class="project-tag">${tag.trim()}</span>
+              `)}
+        </div>
+      </a>
+    `}static get haxProperties(){return{canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Retro card",description:"Simple card in a cool retro design",icon:"icons:android",color:"purple",groups:["Card"],handles:[{type:"image",source2:"mediaSource",source:"hoverSource",alt:"subtitle",title:"title",name:"title"}],meta:{author:"ELMS:LN",owner:"The Pennsylvania State University"}},settings:{quick:[{property:"mediaSource",description:"",inputMethod:"textfield",required:!0,icon:"icons:link",validationType:"url"}],configure:[{property:"title",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"},{property:"url",description:"",inputMethod:"textfield",required:!1,icon:"icons:android",validationType:"url"},{property:"subtitle",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"},{property:"tags",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"},{property:"mediaSource",description:"Primary media source",inputMethod:"haxupload",required:!0,icon:"icons:link",validationType:"url"},{property:"hoverSource",description:"When user hovers / activates the card",title:"Source on hover",inputMethod:"haxupload",required:!1,validationType:"url",icon:"icons:android"},{property:"accentColor",description:"An accent to apply evenly to the card",title:"Accent Color",inputMethod:"colorpicker",required:!1,icon:"icons:android"},{property:"dark",title:"Dark",description:"Flips the color mode to be dark mode",inputMethod:"boolean",required:!1}],advanced:[]}}}static get properties(){return{...super.properties,title:{type:String},subtitle:{type:String},tags:{type:String},mediaSource:{type:String,attribute:"media-source"},url:{type:String},hoverSource:{type:String,attribute:"hover-source"},hoverState:{type:Boolean,attribute:"hover-state",reflect:!0},__cardTags:{type:Array},__source:{type:String}}}static get tag(){return"retro-card"}constructor(){super(),this.__cardTags=[],this.hoverState=!1,this.setAttribute("tabindex",0),setTimeout(()=>{this.addEventListener("keypress",this._keyPress.bind(this)),this.addEventListener("mouseover",this._hoverStateOn.bind(this)),this.addEventListener("mouseout",this._hoverStateOff.bind(this)),this.addEventListener("focusin",this._hoverStateOn.bind(this)),this.addEventListener("focusout",this._hoverStateOff.bind(this))},0)}_keyPress(e){switch(e.key){case"Enter":this.shadowRoot.querySelector("a").click()}}_hoverStateOff(e){this.hoverState=!1}_hoverStateOn(e){this.hoverState=!0}firstUpdated(){this.hoverSource||(console.log("?"),this.hoverSource=this.mediaSource)}updated(changedProperties){super.updated&&super.updated(changedProperties),changedProperties.forEach((oldValue,propName)=>{"tags"==propName&&this._tagsChanged(this[propName]),"source"==propName&&(this.__source=this.mediaSource),"hoverState"==propName&&(this.__source=this[propName]?this.hoverSource:this.mediaSource,console.log(this.mediaSource))})}_tagsChanged(tags){let ary=tags.split(",");this.__cardTags=[...ary]}}customElements.define(RetroCard.tag,RetroCard);export{RetroCard};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/wysiwyg-hax/wysiwyg-hax.js b/build/es6/node_modules/@lrnwebcomponents/wysiwyg-hax/wysiwyg-hax.js
index dbf5a4d70ae..9f2ff9e8a8d 100644
--- a/build/es6/node_modules/@lrnwebcomponents/wysiwyg-hax/wysiwyg-hax.js
+++ b/build/es6/node_modules/@lrnwebcomponents/wysiwyg-hax/wysiwyg-hax.js
@@ -26,4 +26,4 @@ import{LitElement,html,css}from"../../lit-element/lit-element.js";import"../cms-
         align="${this.align}"
       >
       </cms-hax>
-    `}static get tag(){return"wysiwyg-hax"}constructor(){super(),this.openDefault=!1,this.hideExportButton=!1,this.align="right",this.fieldId="textarea-input-field",this.fieldName="data[content]",this.__imported=!1,this.redirectLocation="",this.updatePageData=""}updated(changedProperties){changedProperties.forEach((oldValue,propName)=>{"activeHaxBody"==propName&&this._activeHaxBodyUpdated(this[propName])})}static get properties(){return{openDefault:{type:Boolean,attribute:"open-default"},redirectLocation:{type:String,attribute:"redirect-location"},hideExportButton:{type:Boolean,attribute:"hide-export-button"},hidePanelOps:{type:Boolean,attribute:"hide-panel-ops"},hidePreferencesButton:{type:Boolean,attribute:"hide-preferences-button"},align:{type:String},bodyValue:{type:String,attribute:"body-value"},appStoreConnection:{type:String,attribute:"app-store-connection"},fieldClass:{type:String,attribute:"field-class"},fieldId:{type:String,attribute:"field-id"},fieldName:{type:String,attribute:"field-name"},syncBody:{type:Boolean,attribute:"sync-body",reflect:!0},editMode:{type:Boolean,reflect:!0,attribute:"edit-mode"},endPoint:{type:String,attribute:"end-point"},updatePageData:{type:String,attribute:"update-page-data"},activeHaxBody:{type:Object},__imported:{type:Boolean}}}createRenderRoot(){return this}_activeHaxBodyUpdated(newValue){if(null!=newValue&&!this.__imported){this.__imported=!0;let children=this.querySelector("template");null!=children&&(newValue.importContent(children.innerHTML),this.editMode=!1,window.HaxStore.write("editMode",this.editMode,this),setTimeout(()=>{this.editMode=!0,window.HaxStore.write("editMode",this.editMode,this)},200))}}connectedCallback(){super.connectedCallback(),document.body.addEventListener("hax-save",this._bodyContentUpdated.bind(this)),document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))}disconnectedCallback(){document.body.removeEventListener("hax-save",this._bodyContentUpdated.bind(this)),document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this)),super.disconnectedCallback()}_haxStorePropertyUpdated(e){e.detail&&void 0!==e.detail.value&&e.detail.property&&("object"==typeof e.detail.value?this[e.detail.property]={...e.detail.value}:this[e.detail.property]=e.detail.value)}_bodyContentUpdated(e){this.bodyValue=window.HaxStore.instance.activeHaxBody.haxToContent()}}window.customElements.define(WysiwygHax.tag,WysiwygHax);export{WysiwygHax};
\ No newline at end of file
+    `}static get tag(){return"wysiwyg-hax"}constructor(){super();let children=this.querySelector("template");children&&(this.__importContent=children.innerHTML),this.openDefault=!1,this.hideExportButton=!1,this.align="right",this.fieldId="textarea-input-field",this.fieldName="data[content]",this.__imported=!1,this.redirectLocation="",this.updatePageData="",window.addEventListener("hax-save",this._bodyContentUpdated.bind(this)),window.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))}updated(changedProperties){changedProperties.forEach((oldValue,propName)=>{"activeHaxBody"==propName&&this._activeHaxBodyUpdated(this[propName])})}static get properties(){return{openDefault:{type:Boolean,attribute:"open-default"},redirectLocation:{type:String,attribute:"redirect-location"},hideExportButton:{type:Boolean,attribute:"hide-export-button"},hidePanelOps:{type:Boolean,attribute:"hide-panel-ops"},hidePreferencesButton:{type:Boolean,attribute:"hide-preferences-button"},align:{type:String},bodyValue:{type:String,attribute:"body-value"},appStoreConnection:{type:String,attribute:"app-store-connection"},fieldClass:{type:String,attribute:"field-class"},fieldId:{type:String,attribute:"field-id"},fieldName:{type:String,attribute:"field-name"},syncBody:{type:Boolean,attribute:"sync-body",reflect:!0},editMode:{type:Boolean,reflect:!0,attribute:"edit-mode"},endPoint:{type:String,attribute:"end-point"},updatePageData:{type:String,attribute:"update-page-data"},activeHaxBody:{type:Object},__imported:{type:Boolean}}}createRenderRoot(){return this}_activeHaxBodyUpdated(newValue){null==newValue||this.__imported||(this.__imported=!0,this.__importContent&&newValue.importContent(this.__importContent))}disconnectedCallback(){window.removeEventListener("hax-save",this._bodyContentUpdated.bind(this)),window.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this)),super.disconnectedCallback()}_haxStorePropertyUpdated(e){e.detail&&void 0!==e.detail.value&&e.detail.property&&("object"==typeof e.detail.value&&(this[e.detail.property]=null),this[e.detail.property]=e.detail.value)}_bodyContentUpdated(e){this.bodyValue=window.HaxStore.instance.activeHaxBody.haxToContent()}}window.customElements.define(WysiwygHax.tag,WysiwygHax);export{WysiwygHax};
\ No newline at end of file
diff --git a/build/es6/node_modules/vmsg/COPYING b/build/es6/node_modules/vmsg/COPYING
new file mode 100644
index 00000000000..0e259d42c99
--- /dev/null
+++ b/build/es6/node_modules/vmsg/COPYING
@@ -0,0 +1,121 @@
+Creative Commons Legal Code
+
+CC0 1.0 Universal
+
+    CREATIVE COMMONS CORPORATION IS NOT A LAW FIRM AND DOES NOT PROVIDE
+    LEGAL SERVICES. DISTRIBUTION OF THIS DOCUMENT DOES NOT CREATE AN
+    ATTORNEY-CLIENT RELATIONSHIP. CREATIVE COMMONS PROVIDES THIS
+    INFORMATION ON AN "AS-IS" BASIS. CREATIVE COMMONS MAKES NO WARRANTIES
+    REGARDING THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS
+    PROVIDED HEREUNDER, AND DISCLAIMS LIABILITY FOR DAMAGES RESULTING FROM
+    THE USE OF THIS DOCUMENT OR THE INFORMATION OR WORKS PROVIDED
+    HEREUNDER.
+
+Statement of Purpose
+
+The laws of most jurisdictions throughout the world automatically confer
+exclusive Copyright and Related Rights (defined below) upon the creator
+and subsequent owner(s) (each and all, an "owner") of an original work of
+authorship and/or a database (each, a "Work").
+
+Certain owners wish to permanently relinquish those rights to a Work for
+the purpose of contributing to a commons of creative, cultural and
+scientific works ("Commons") that the public can reliably and without fear
+of later claims of infringement build upon, modify, incorporate in other
+works, reuse and redistribute as freely as possible in any form whatsoever
+and for any purposes, including without limitation commercial purposes.
+These owners may contribute to the Commons to promote the ideal of a free
+culture and the further production of creative, cultural and scientific
+works, or to gain reputation or greater distribution for their Work in
+part through the use and efforts of others.
+
+For these and/or other purposes and motivations, and without any
+expectation of additional consideration or compensation, the person
+associating CC0 with a Work (the "Affirmer"), to the extent that he or she
+is an owner of Copyright and Related Rights in the Work, voluntarily
+elects to apply CC0 to the Work and publicly distribute the Work under its
+terms, with knowledge of his or her Copyright and Related Rights in the
+Work and the meaning and intended legal effect of CC0 on those rights.
+
+1. Copyright and Related Rights. A Work made available under CC0 may be
+protected by copyright and related or neighboring rights ("Copyright and
+Related Rights"). Copyright and Related Rights include, but are not
+limited to, the following:
+
+  i. the right to reproduce, adapt, distribute, perform, display,
+     communicate, and translate a Work;
+ ii. moral rights retained by the original author(s) and/or performer(s);
+iii. publicity and privacy rights pertaining to a person's image or
+     likeness depicted in a Work;
+ iv. rights protecting against unfair competition in regards to a Work,
+     subject to the limitations in paragraph 4(a), below;
+  v. rights protecting the extraction, dissemination, use and reuse of data
+     in a Work;
+ vi. database rights (such as those arising under Directive 96/9/EC of the
+     European Parliament and of the Council of 11 March 1996 on the legal
+     protection of databases, and under any national implementation
+     thereof, including any amended or successor version of such
+     directive); and
+vii. other similar, equivalent or corresponding rights throughout the
+     world based on applicable law or treaty, and any national
+     implementations thereof.
+
+2. Waiver. To the greatest extent permitted by, but not in contravention
+of, applicable law, Affirmer hereby overtly, fully, permanently,
+irrevocably and unconditionally waives, abandons, and surrenders all of
+Affirmer's Copyright and Related Rights and associated claims and causes
+of action, whether now known or unknown (including existing as well as
+future claims and causes of action), in the Work (i) in all territories
+worldwide, (ii) for the maximum duration provided by applicable law or
+treaty (including future time extensions), (iii) in any current or future
+medium and for any number of copies, and (iv) for any purpose whatsoever,
+including without limitation commercial, advertising or promotional
+purposes (the "Waiver"). Affirmer makes the Waiver for the benefit of each
+member of the public at large and to the detriment of Affirmer's heirs and
+successors, fully intending that such Waiver shall not be subject to
+revocation, rescission, cancellation, termination, or any other legal or
+equitable action to disrupt the quiet enjoyment of the Work by the public
+as contemplated by Affirmer's express Statement of Purpose.
+
+3. Public License Fallback. Should any part of the Waiver for any reason
+be judged legally invalid or ineffective under applicable law, then the
+Waiver shall be preserved to the maximum extent permitted taking into
+account Affirmer's express Statement of Purpose. In addition, to the
+extent the Waiver is so judged Affirmer hereby grants to each affected
+person a royalty-free, non transferable, non sublicensable, non exclusive,
+irrevocable and unconditional license to exercise Affirmer's Copyright and
+Related Rights in the Work (i) in all territories worldwide, (ii) for the
+maximum duration provided by applicable law or treaty (including future
+time extensions), (iii) in any current or future medium and for any number
+of copies, and (iv) for any purpose whatsoever, including without
+limitation commercial, advertising or promotional purposes (the
+"License"). The License shall be deemed effective as of the date CC0 was
+applied by Affirmer to the Work. Should any part of the License for any
+reason be judged legally invalid or ineffective under applicable law, such
+partial invalidity or ineffectiveness shall not invalidate the remainder
+of the License, and in such case Affirmer hereby affirms that he or she
+will not (i) exercise any of his or her remaining Copyright and Related
+Rights in the Work or (ii) assert any associated claims and causes of
+action with respect to the Work, in either case contrary to Affirmer's
+express Statement of Purpose.
+
+4. Limitations and Disclaimers.
+
+ a. No trademark or patent rights held by Affirmer are waived, abandoned,
+    surrendered, licensed or otherwise affected by this document.
+ b. Affirmer offers the Work as-is and makes no representations or
+    warranties of any kind concerning the Work, express, implied,
+    statutory or otherwise, including without limitation warranties of
+    title, merchantability, fitness for a particular purpose, non
+    infringement, or the absence of latent or other defects, accuracy, or
+    the present or absence of errors, whether or not discoverable, all to
+    the greatest extent permissible under applicable law.
+ c. Affirmer disclaims responsibility for clearing rights of other persons
+    that may apply to the Work or any use thereof, including without
+    limitation any person's Copyright and Related Rights in the Work.
+    Further, Affirmer disclaims responsibility for obtaining any necessary
+    consents, permissions or other rights required for any use of the
+    Work.
+ d. Affirmer understands and acknowledges that Creative Commons is not a
+    party to this document and has no duty or obligation with respect to
+    this CC0 or use of the Work.
diff --git a/build/es6/node_modules/vmsg/README.md b/build/es6/node_modules/vmsg/README.md
new file mode 100644
index 00000000000..81d819bf37c
--- /dev/null
+++ b/build/es6/node_modules/vmsg/README.md
@@ -0,0 +1,128 @@
+# vmsg [![npm](https://img.shields.io/npm/v/vmsg.svg)](https://www.npmjs.com/package/vmsg)
+
+vmsg is a small library for creating voice messages. While traditional
+way of communicating on the web is via text, sometimes it's easier or
+rather funnier to express your thoughts just by saying it. Of course it
+doesn't require any special support: record your voice with some
+standard program, upload to file hosting and share the link. But why
+bother with all of that tedious stuff if you can do the same in browser
+with a few clicks.
+
+:confetti_ball: :tada: **[DEMO](https://kagami.github.io/vmsg/)** :tada: :confetti_ball:
+
+## Features
+
+* No dependencies, framework-agnostic, can be easily added to any site
+* Small: ~73kb gzipped WASM module and ~3kb gzipped JS + CSS
+* Uses MP3 format which is widely supported
+* Works in all latest browsers
+
+## Supported browsers
+
+* Chrome 32+
+* Firefox 27+
+* Safari 11+
+* Edge 12+
+
+## Usage
+
+```
+npm install vmsg --save
+```
+
+```js
+import { record } from "vmsg";
+
+someButton.onclick = function() {
+  record(/* {wasmURL: "/static/js/vmsg.wasm"} */).then(blob => {
+    console.log("Recorded MP3", blob);
+    // Can be used like this:
+    //
+    // const form = new FormData();
+    // form.append("file[]", blob, "record.mp3");
+    // fetch("/upload.php", {
+    //   credentials: "include",
+    //   method: "POST",
+    //   body: form,
+    // }).then(resp => {
+    // });
+  });
+};
+```
+
+That's it! Don't forget to include [vmsg.css](vmsg.css) and
+[vmsg.wasm](vmsg.wasm) in your project. For browsers without WebAssembly
+support you need to also include
+[wasm-polyfill.js](https://github.com/Kagami/wasm-polyfill.js).
+
+See [demo](demo) directory for a more feasible example.
+
+A minimal React example for using Recorder with your own UI can be found [here](https://codesandbox.io/s/v67oz43lm7).
+
+See also [non React demo](https://github.com/addpipe/simple-vmsg-demo) and [Recording mp3 audio in HTML5 using vmsg](https://addpipe.com/blog/recording-mp3-audio-in-html5-using-vmsg-a-webassembly-library-based-on-lame/) article.
+
+## Development
+
+1. Install [Emscripten SDK](https://github.com/juj/emsdk).
+2. Install latest LLVM, Clang and LLD with WebAssembly backend, fix
+   `LLVM_ROOT` variable of Emscripten config.
+3. Make sure you have a standard GNU development environment.
+4. Activate emsdk environment.
+5. ```bash
+   git clone --recurse-submodules https://github.com/Kagami/vmsg.git && cd vmsg
+   make clean all
+   npm install
+   npm start
+   ```
+
+These instructions are very basic because there're a lot of systems with
+different conventions. Docker image would probably be provided to fix it.
+
+## Technical details for nerds
+
+vmsg uses LAME encoder underneath compiled with Emscripten to
+WebAssembly module. LAME build is optimized for size, weights only
+little more than 70kb gzipped and can be super-efficiently fetched and
+parsed by browser. [It's like a small image.](https://twitter.com/wycats/status/942908325775077376)
+
+Access to microphone is implemented with Web Audio API, data samples
+sent to Web Worker which is responsibe for loading WebAssembly module
+and calling LAME API.
+
+Module is produced with modern LLVM WASM backend and LLD linker which
+should become standard soon, also vmsg has own tiny WASM runtime instead
+of Emscripten's to decrease overall size and simplify architecture.
+Worker code is included in the main JS module so end-user has to care
+only about 3 files: `vmsg.js`, `vmsg.css` and `vmsg.wasm`. CSS can be
+inlined too but IMO that would be ugly.
+
+In order to support browsers without WebAssembly,
+[WebAssembly polyfill](https://github.com/Kagami/wasm-polyfill.js) is
+being used. It translates binary module into semantically-equivalent
+JavaScript on the fly (almost asm.js compatible but doesn't fully
+validate yet) so we don't need separate asm.js build and can use
+standard WebAssembly API. It's not as effecient but for audio encoding
+should be enough.
+
+**See also:** [Creating WebAssembly-powered library for modern web](https://hackernoon.com/creating-webassembly-powered-library-for-modern-web-846da334f8fc) article.
+
+## Why not MediaRecorder?
+
+[MediaStream Recording API](https://developer.mozilla.org/en-US/docs/Web/API/MediaStream_Recording_API)
+is great but:
+
+* Works only in Firefox and Chrome
+* Provides little to no options, e.g. VBR quality can't be specified
+* Firefox/Chrome encode only to Opus which can't be natively played in Safari and Edge
+
+## But you can use e.g. ogv.js polyfill!
+
+* It make things more complicated, now you need both encoder and decoder
+* Opus gives you ~2x bitrate win but for 500kb per minute files it's not that much
+* MP3 is much more widespread, so even while compression is not best compatibility matters
+
+## License
+
+vmsg is licensed under [CC0](COPYING).  
+LAME is licensed under [LGPL](https://github.com/Kagami/lame-svn/blob/master/lame/COPYING).  
+MP3 patents seems to [have expired since April 23, 2017](https://en.wikipedia.org/wiki/LAME#Patents_and_legal_issues).
diff --git a/build/es6/node_modules/vmsg/package.json b/build/es6/node_modules/vmsg/package.json
new file mode 100644
index 00000000000..ccb0000027f
--- /dev/null
+++ b/build/es6/node_modules/vmsg/package.json
@@ -0,0 +1,44 @@
+{
+  "name": "vmsg",
+  "version": "0.3.6",
+  "description": "Library for creating voice messages",
+  "main": "vmsg.js",
+  "typings": "vmsg.d.ts",
+  "scripts": {
+    "start": "parcel demo/index.html",
+    "prepare": "babel vmsg.js -o vmsg.es5.js",
+    "demo": "D=`mktemp -d` && parcel build demo/index.html --out-dir \"$D\" --public-url ./ && git checkout gh-pages && rm `git ls-files *` && mv \"$D\"/* . && rmdir \"$D\" && git add -A && git commit -m 'Update demo'"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Kagami/vmsg.git"
+  },
+  "keywords": [
+    "voice",
+    "voice message",
+    "emscripten",
+    "webassembly",
+    "lame",
+    "mp3"
+  ],
+  "author": "Kagami Hiiragi",
+  "license": "CC0-1.0",
+  "bugs": {
+    "url": "https://github.com/Kagami/vmsg/issues"
+  },
+  "homepage": "https://github.com/Kagami/vmsg#readme",
+  "parcelDisableLoaders": [
+    "wasm"
+  ],
+  "devDependencies": {
+    "@babel/cli": "^7.2.3",
+    "@babel/core": "^7.2.2",
+    "@babel/plugin-proposal-class-properties": "^7.3.0",
+    "@babel/preset-env": "^7.3.1",
+    "autoprefixer": "^9.4.7",
+    "parcel-bundler": "^1.11.0",
+    "parcel-plugin-disable-loaders": "^1.0.3",
+    "react": "^16.8.1",
+    "react-dom": "^16.8.1"
+  }
+}
diff --git a/build/es6/node_modules/vmsg/vmsg.css b/build/es6/node_modules/vmsg/vmsg.css
new file mode 100644
index 00000000000..005e512465e
--- /dev/null
+++ b/build/es6/node_modules/vmsg/vmsg.css
@@ -0,0 +1,193 @@
+.vmsg-backdrop {
+  position: fixed;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  background: rgba(0,0,0,.7);
+  align-items: center;
+  justify-content: center;
+}
+
+.vmsg-popup {
+  box-sizing: border-box;
+  width: 250px;
+  padding: 10px;
+  border-radius: 4px;
+  background: #e4e1e5;
+  box-shadow: 1px 1px 4px 0 rgba(59,26,84,.6);
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  font-family: Helvetica,sans-serif;
+  font-size: 14px;
+  line-height: 1.4;
+  color: #0a0a0a;
+}
+
+.vmsg-progress {
+  width: 40%;
+  margin: 0 auto;
+  display: flex;
+  justify-content: space-between;
+}
+
+.vmsg-progress-dot {
+  width: 15px;
+  height: 15px;
+  border-radius: 50%;
+  animation: vmsg-progress 1s linear infinite;
+}
+.vmsg-progress-dot:nth-child(2) {
+  animation-delay: -0.8s;
+}
+.vmsg-progress-dot:nth-child(3) {
+  animation-delay: -0.6s;
+}
+@keyframes vmsg-progress {
+  0%, 60%, 100% {
+    background: none;
+  }
+  30% {
+    background: #9e85ad;
+  }
+}
+
+.vmsg-error {
+  font-weight: bold;
+  text-align: center;
+}
+
+.vmsg-record-row {
+  display: flex;
+  justify-content: space-between;
+}
+
+.vmsg-button {
+  min-width: 40px;
+  line-height: 30px;
+  padding: 0;
+  background: transparent;
+  border: 1px solid #ccc;
+  font-family: Helvetica,sans-serif;
+  cursor: pointer;
+  outline: none;
+  user-select: none;
+}
+.vmsg-button:disabled {
+  cursor: default;
+  color: #999;
+}
+.vmsg-button:not(:disabled):hover {
+  border-color: #9e85ad;
+}
+.vmsg-button::-moz-focus-inner {
+  border: 0;
+}
+.vmsg-record-button {
+  font-size: 30px;
+  color: #f00;
+}
+.vmsg-stop-button {
+  font-size: 25px;
+  color: #000;
+}
+.vmsg-save-button {
+  font-size: 25px;
+  color: #090;
+}
+
+.vmsg-timer {
+  line-height: 32px;
+  font-weight: bold;
+  color: #333;
+  cursor: pointer;
+  user-select: none;
+}
+
+.vmsg-slider-wrapper {
+  position: relative;
+  margin-top: 3px;
+}
+.vmsg-slider-wrapper::after {
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  line-height: 14px;
+  text-align: center;
+  color: #999;
+  pointer-events: none;
+}
+.vmsg-pitch-slider-wrapper::after {
+  content: "pitch";
+}
+.vmsg-gain-slider-wrapper::after {
+  content: "gain";
+}
+.vmsg-slider {
+  display: block;
+  width: 100%;
+  height: 16px;
+  margin: 0;
+  padding: 0;
+  outline: none;
+  background: none;
+  -webkit-appearance: none;
+}
+.vmsg-slider::-moz-focus-outer {
+  border: 0;
+}
+.vmsg-slider::-webkit-slider-runnable-track {
+  box-sizing: border-box;
+  height: 16px;
+  background: none;
+  border: 1px solid #ccc;
+}
+.vmsg-slider::-moz-range-track {
+  box-sizing: border-box;
+  height: 16px;
+  background: none;
+  border: 1px solid #ccc;
+}
+.vmsg-slider::-ms-track {
+  box-sizing: border-box;
+  height: 16px;
+  background: none;
+  border: 1px solid #ccc;
+}
+.vmsg-slider::-webkit-slider-thumb {
+  width: 39px;
+  height: 14px;
+  background: #ccc;
+  cursor: pointer;
+  -webkit-appearance: none;
+}
+.vmsg-slider::-moz-range-thumb {
+  width: 40px;
+  height: 14px;
+  background: #ccc;
+  border: none;
+  border-radius: 0;
+  cursor: pointer;
+}
+.vmsg-slider::-ms-thumb {
+  width: 39px;
+  height: 14px;
+  background: #ccc;
+  cursor: pointer;
+}
+.vmsg-slider::-webkit-slider-thumb:hover {
+  background: #999;
+}
+.vmsg-slider::-moz-range-thumb:hover {
+  background: #999;
+}
+.vmsg-slider::-ms-thumb:hover {
+  background: #999;
+}
+.vmsg-slider::-ms-tooltip {
+  display: none;
+}
diff --git a/build/es6/node_modules/vmsg/vmsg.d.ts b/build/es6/node_modules/vmsg/vmsg.d.ts
new file mode 100644
index 00000000000..7669b3f8d71
--- /dev/null
+++ b/build/es6/node_modules/vmsg/vmsg.d.ts
@@ -0,0 +1,23 @@
+declare module "vmsg" {
+  interface RecordOptions {
+    wasmURL?: string;
+    shimURL?: string;
+    pitch?: number;
+  }
+
+  export class Recorder {
+    constructor(opts: RecordOptions);
+    stopRecording(): Promise<Blob>;
+    initAudio(): Promise<void>;
+    initWorker(): Promise<void>;
+    init(): Promise<void>;
+    startRecording(): void;
+    close(): void;
+  }
+
+  interface Exports {
+    record: (opts?: RecordOptions) => Promise<Blob>;
+  }
+  const exports: Exports;
+  export default exports;
+}
diff --git a/build/es6/node_modules/vmsg/vmsg.es5.js b/build/es6/node_modules/vmsg/vmsg.es5.js
new file mode 100644
index 00000000000..e0fdf3eb51c
--- /dev/null
+++ b/build/es6/node_modules/vmsg/vmsg.es5.js
@@ -0,0 +1 @@
+function _classCallCheck(instance,Constructor){if(!(instance instanceof Constructor))throw new TypeError("Cannot call a class as a function")}function _defineProperties(target,props){for(var i=0;i<props.length;i++){var descriptor=props[i];descriptor.enumerable=descriptor.enumerable||!1,descriptor.configurable=!0,"value"in descriptor&&(descriptor.writable=!0),Object.defineProperty(target,descriptor.key,descriptor)}}function _createClass(Constructor,protoProps,staticProps){return protoProps&&_defineProperties(Constructor.prototype,protoProps),staticProps&&_defineProperties(Constructor,staticProps),Constructor}function pad2(n){return(n|=0)<10?"0".concat(n):"".concat(Math.min(n,99))}function inlineWorker(){function fetchAndInstantiateFallback(url,imports){return new Promise((function(resolve,reject){var req=new XMLHttpRequest;req.open("GET",url),req.responseType="arraybuffer",req.onload=function(){resolve(WebAssembly.instantiate(req.response,imports))},req.onerror=reject,req.send()}))}var memory=null,dynamicTop=5242880;function sbrk(increment){var oldDynamicTop=dynamicTop;return dynamicTop+=increment,oldDynamicTop}function exit(status){postMessage({type:"internal-error",data:status})}var FFI=null,ref=null,pcm_l=null;onmessage=function onmessage(e){var msg=e.data;switch(msg.type){case"init":var _msg$data=msg.data,wasmURL=_msg$data.wasmURL,shimURL=_msg$data.shimURL;Promise.resolve().then((function(){return self.WebAssembly&&!function testSafariWebAssemblyBug(){var bin=new Uint8Array([0,97,115,109,1,0,0,0,1,6,1,96,1,127,1,127,3,2,1,0,5,3,1,0,1,7,8,1,4,116,101,115,116,0,0,10,16,1,14,0,32,0,65,1,54,2,0,32,0,40,2,0,11]),mod=new WebAssembly.Module(bin);return 0!==new WebAssembly.Instance(mod,{}).exports.test(4)}()&&delete self.WebAssembly,self.WebAssembly||importScripts(shimURL),{memory:memory=new WebAssembly.Memory({initial:256,maximum:256}),pow:Math.pow,exit:exit,powf:Math.pow,exp:Math.exp,sqrtf:Math.sqrt,cos:Math.cos,log:Math.log,sin:Math.sin,sbrk:sbrk}})).then((function(Runtime){return function fetchAndInstantiate(url,imports){if(!WebAssembly.instantiateStreaming)return fetchAndInstantiateFallback(url,imports);var req=fetch(url,{credentials:"same-origin"});return WebAssembly.instantiateStreaming(req,imports).catch((function(err){if(err.message&&err.message.indexOf("Argument 0 must be provided and must be a Response")>0)return fetchAndInstantiateFallback(url,imports);throw err}))}(wasmURL,{env:Runtime})})).then((function(wasm){FFI=wasm.instance.exports,postMessage({type:"init",data:null})})).catch((function(err){postMessage({type:"init-error",data:err.toString()})}));break;case"start":if(!function vmsg_init(rate){if(!(ref=FFI.vmsg_init(rate)))return!1;var pcm_l_ref=new Uint32Array(memory.buffer,ref,1)[0];return pcm_l=new Float32Array(memory.buffer,pcm_l_ref),!0}(msg.data))return postMessage({type:"error",data:"vmsg_init"});break;case"data":if(!function vmsg_encode(data){return pcm_l.set(data),FFI.vmsg_encode(ref,data.length)>=0}(msg.data))return postMessage({type:"error",data:"vmsg_encode"});break;case"stop":var blob=function vmsg_flush(){if(FFI.vmsg_flush(ref)<0)return null;var mp3_ref=new Uint32Array(memory.buffer,ref+4,1)[0],size=new Uint32Array(memory.buffer,ref+8,1)[0],mp3=new Uint8Array(memory.buffer,mp3_ref,size),blob=new Blob([mp3],{type:"audio/mpeg"});return FFI.vmsg_free(ref),ref=null,pcm_l=null,blob}();if(!blob)return postMessage({type:"error",data:"vmsg_flush"});postMessage({type:"stop",data:blob})}}}Object.defineProperty(exports,"__esModule",{value:!0}),exports.record=record,exports.default=exports.Form=exports.Recorder=void 0;var Recorder=function(){function Recorder(){var opts=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},onStop=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null;_classCallCheck(this,Recorder),this.wasmURL=new URL(opts.wasmURL||"/static/js/vmsg.wasm",location).href,this.shimURL=new URL(opts.shimURL||"/static/js/wasm-polyfill.js",location).href,this.onStop=onStop,this.pitch=opts.pitch||0,this.stream=null,this.audioCtx=null,this.gainNode=null,this.pitchFX=null,this.encNode=null,this.worker=null,this.workerURL=null,this.blob=null,this.blobURL=null,this.resolve=null,this.reject=null,Object.seal(this)}return _createClass(Recorder,[{key:"close",value:function close(){this.encNode&&this.encNode.disconnect(),this.encNode&&(this.encNode.onaudioprocess=null),this.stream&&this.stopTracks(),this.audioCtx&&this.audioCtx.close(),this.worker&&this.worker.terminate(),this.workerURL&&URL.revokeObjectURL(this.workerURL),this.blobURL&&URL.revokeObjectURL(this.blobURL)}},{key:"initAudio",value:function initAudio(){var _this=this;return(navigator.mediaDevices&&navigator.mediaDevices.getUserMedia?function(constraints){return navigator.mediaDevices.getUserMedia(constraints)}:function(constraints){var oldGetUserMedia=navigator.webkitGetUserMedia||navigator.mozGetUserMedia;return oldGetUserMedia?new Promise((function(resolve,reject){oldGetUserMedia.call(navigator,constraints,resolve,reject)})):Promise.reject(new Error("getUserMedia is not implemented in this browser"))})({audio:!0}).then((function(stream){_this.stream=stream;var audioCtx=_this.audioCtx=new(window.AudioContext||window.webkitAudioContext),sourceNode=audioCtx.createMediaStreamSource(stream),gainNode=_this.gainNode=(audioCtx.createGain||audioCtx.createGainNode).call(audioCtx);gainNode.gain.value=1,sourceNode.connect(gainNode);var pitchFX=_this.pitchFX=new Jungle(audioCtx);pitchFX.setPitchOffset(_this.pitch);var encNode=_this.encNode=(audioCtx.createScriptProcessor||audioCtx.createJavaScriptNode).call(audioCtx,0,1,1);pitchFX.output.connect(encNode),gainNode.connect(0===_this.pitch?encNode:pitchFX.input)}))}},{key:"initWorker",value:function initWorker(){var _this2=this;if(!this.stream)throw new Error("missing audio initialization");var blob=new Blob(["(",inlineWorker.toString(),")()"],{type:"application/javascript"}),workerURL=this.workerURL=URL.createObjectURL(blob),worker=this.worker=new Worker(workerURL),wasmURL=this.wasmURL,shimURL=this.shimURL;return worker.postMessage({type:"init",data:{wasmURL:wasmURL,shimURL:shimURL}}),new Promise((function(resolve,reject){worker.onmessage=function(e){var msg=e.data;switch(msg.type){case"init":resolve();break;case"init-error":reject(new Error(msg.data));break;case"error":case"internal-error":console.error("Worker error:",msg.data),_this2.reject&&_this2.reject(msg.data);break;case"stop":_this2.blob=msg.data,_this2.blobURL=URL.createObjectURL(msg.data),_this2.onStop&&_this2.onStop(),_this2.resolve&&_this2.resolve(_this2.blob)}}}))}},{key:"init",value:function init(){return this.initAudio().then(this.initWorker.bind(this))}},{key:"startRecording",value:function startRecording(){var _this3=this;if(!this.stream)throw new Error("missing audio initialization");if(!this.worker)throw new Error("missing worker initialization");this.blob=null,this.blobURL&&URL.revokeObjectURL(this.blobURL),this.blobURL=null,this.resolve=null,this.reject=null,this.worker.postMessage({type:"start",data:this.audioCtx.sampleRate}),this.encNode.onaudioprocess=function(e){var samples=e.inputBuffer.getChannelData(0);_this3.worker.postMessage({type:"data",data:samples})},this.encNode.connect(this.audioCtx.destination)}},{key:"stopRecording",value:function stopRecording(){var _this4=this;if(!this.stream)throw new Error("missing audio initialization");if(!this.worker)throw new Error("missing worker initialization");return this.encNode.disconnect(),this.encNode.onaudioprocess=null,this.stopTracks(),this.worker.postMessage({type:"stop",data:null}),new Promise((function(resolve,reject){_this4.resolve=resolve,_this4.reject=reject}))}},{key:"stopTracks",value:function stopTracks(){this.stream.getTracks&&this.stream.getTracks().forEach((function(track){return track.stop()}))}}]),Recorder}();exports.Recorder=Recorder;var Form=function(){function Form(){var _this5=this,opts=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},resolve=arguments.length>1?arguments[1]:void 0,reject=arguments.length>2?arguments[2]:void 0;_classCallCheck(this,Form),this.recorder=new Recorder(opts,this.onStop.bind(this)),this.resolve=resolve,this.reject=reject,this.backdrop=null,this.popup=null,this.recordBtn=null,this.stopBtn=null,this.timer=null,this.audio=null,this.saveBtn=null,this.tid=0,this.start=0,Object.seal(this),this.recorder.initAudio().then((function(){return _this5.drawInit()})).then((function(){return _this5.recorder.initWorker()})).then((function(){return _this5.drawAll()})).catch((function(err){return _this5.drawError(err)}))}return _createClass(Form,[{key:"drawInit",value:function drawInit(){var _this6=this;if(!this.backdrop){var backdrop=this.backdrop=document.createElement("div");backdrop.className="vmsg-backdrop",backdrop.addEventListener("click",(function(){return _this6.close(null)}));var popup=this.popup=document.createElement("div");popup.className="vmsg-popup",popup.addEventListener("click",(function(e){return e.stopPropagation()}));var progress=document.createElement("div");progress.className="vmsg-progress";for(var i=0;i<3;i++){var progressDot=document.createElement("div");progressDot.className="vmsg-progress-dot",progress.appendChild(progressDot)}popup.appendChild(progress),backdrop.appendChild(popup),document.body.appendChild(backdrop)}}},{key:"drawTime",value:function drawTime(msecs){var secs=Math.round(msecs/1e3);this.timer.textContent=pad2(secs/60)+":"+pad2(secs%60)}},{key:"drawAll",value:function drawAll(){var _this7=this;this.drawInit(),this.clearAll();var recordRow=document.createElement("div");recordRow.className="vmsg-record-row",this.popup.appendChild(recordRow);var recordBtn=this.recordBtn=document.createElement("button");recordBtn.className="vmsg-button vmsg-record-button",recordBtn.textContent="●",recordBtn.addEventListener("click",(function(){return _this7.startRecording()})),recordRow.appendChild(recordBtn);var stopBtn=this.stopBtn=document.createElement("button");stopBtn.className="vmsg-button vmsg-stop-button",stopBtn.style.display="none",stopBtn.textContent="■",stopBtn.addEventListener("click",(function(){return _this7.stopRecording()})),recordRow.appendChild(stopBtn);var audio=this.audio=new Audio;audio.autoplay=!0;var timer=this.timer=document.createElement("span");timer.className="vmsg-timer",timer.addEventListener("click",(function(){audio.paused?_this7.recorder.blobURL&&(audio.src=_this7.recorder.blobURL):audio.pause()})),this.drawTime(0),recordRow.appendChild(timer);var saveBtn=this.saveBtn=document.createElement("button");saveBtn.className="vmsg-button vmsg-save-button",saveBtn.textContent="✓",saveBtn.disabled=!0,saveBtn.addEventListener("click",(function(){return _this7.close(_this7.recorder.blob)})),recordRow.appendChild(saveBtn);var gainWrapper=document.createElement("div");gainWrapper.className="vmsg-slider-wrapper vmsg-gain-slider-wrapper";var gainSlider=document.createElement("input");gainSlider.className="vmsg-slider vmsg-gain-slider",gainSlider.setAttribute("type","range"),gainSlider.min=0,gainSlider.max=2,gainSlider.step=.2,gainSlider.value=1,gainSlider.onchange=function(){var gain=+gainSlider.value;_this7.recorder.gainNode.gain.value=gain},gainWrapper.appendChild(gainSlider),this.popup.appendChild(gainWrapper);var pitchWrapper=document.createElement("div");pitchWrapper.className="vmsg-slider-wrapper vmsg-pitch-slider-wrapper";var pitchSlider=document.createElement("input");pitchSlider.className="vmsg-slider vmsg-pitch-slider",pitchSlider.setAttribute("type","range"),pitchSlider.min=-1,pitchSlider.max=1,pitchSlider.step=.2,pitchSlider.value=this.recorder.pitch,pitchSlider.onchange=function(){var pitch=+pitchSlider.value;_this7.recorder.pitchFX.setPitchOffset(pitch),_this7.recorder.gainNode.disconnect(),_this7.recorder.gainNode.connect(0===pitch?_this7.recorder.encNode:_this7.recorder.pitchFX.input)},pitchWrapper.appendChild(pitchSlider),this.popup.appendChild(pitchWrapper)}},{key:"drawError",value:function drawError(err){console.error(err),this.drawInit(),this.clearAll();var error=document.createElement("div");error.className="vmsg-error",error.textContent=err.toString(),this.popup.appendChild(error)}},{key:"clearAll",value:function clearAll(){this.popup&&(this.popup.innerHTML="")}},{key:"close",value:function close(blob){this.audio&&this.audio.pause(),this.tid&&clearTimeout(this.tid),this.recorder.close(),this.backdrop.remove(),blob?this.resolve(blob):this.reject(new Error("No record made"))}},{key:"onStop",value:function onStop(){this.recordBtn.style.display="",this.stopBtn.style.display="none",this.stopBtn.disabled=!1,this.saveBtn.disabled=!1}},{key:"startRecording",value:function startRecording(){this.audio.pause(),this.start=Date.now(),this.updateTime(),this.recordBtn.style.display="none",this.stopBtn.style.display="",this.saveBtn.disabled=!0,this.recorder.startRecording()}},{key:"stopRecording",value:function stopRecording(){clearTimeout(this.tid),this.tid=0,this.stopBtn.disabled=!0,this.recorder.stopRecording()}},{key:"updateTime",value:function updateTime(){var _this8=this;this.drawTime(Date.now()-this.start),this.tid=setTimeout((function(){return _this8.updateTime()}),300)}}]),Form}();exports.Form=Form;var shown=!1;function record(opts){return new Promise((function(resolve,reject){if(shown)throw new Error("Record form is already opened");shown=!0,new Form(opts,resolve,reject)})).then((function(result){return shown=!1,result}),(function(err){throw shown=!1,err}))}var _default={Recorder:Recorder,Form:Form,record:record};exports.default=_default;var delayTime=.1,fadeTime=.05,bufferTime=.1;function createDelayTimeBuffer(context,activeTime,fadeTime,shiftUp){for(var length1=activeTime*context.sampleRate,length=length1+(activeTime-2*fadeTime)*context.sampleRate,buffer=context.createBuffer(1,length,context.sampleRate),p=buffer.getChannelData(0),i=0;i<length1;++i)p[i]=shiftUp?(length1-i)/length:i/length1;for(i=length1;i<length;++i)p[i]=0;return buffer}function Jungle(context){this.context=context;var input=(context.createGain||context.createGainNode).call(context),output=(context.createGain||context.createGainNode).call(context);this.input=input,this.output=output;var mod1=context.createBufferSource(),mod2=context.createBufferSource(),mod3=context.createBufferSource(),mod4=context.createBufferSource();this.shiftDownBuffer=createDelayTimeBuffer(context,bufferTime,fadeTime,!1),this.shiftUpBuffer=createDelayTimeBuffer(context,bufferTime,fadeTime,!0),mod1.buffer=this.shiftDownBuffer,mod2.buffer=this.shiftDownBuffer,mod3.buffer=this.shiftUpBuffer,mod4.buffer=this.shiftUpBuffer,mod1.loop=!0,mod2.loop=!0,mod3.loop=!0,mod4.loop=!0;var mod1Gain=(context.createGain||context.createGainNode).call(context),mod2Gain=(context.createGain||context.createGainNode).call(context),mod3Gain=(context.createGain||context.createGainNode).call(context);mod3Gain.gain.value=0;var mod4Gain=(context.createGain||context.createGainNode).call(context);mod4Gain.gain.value=0,mod1.connect(mod1Gain),mod2.connect(mod2Gain),mod3.connect(mod3Gain),mod4.connect(mod4Gain);var modGain1=(context.createGain||context.createGainNode).call(context),modGain2=(context.createGain||context.createGainNode).call(context),delay1=(context.createDelay||context.createDelayNode).call(context),delay2=(context.createDelay||context.createDelayNode).call(context);mod1Gain.connect(modGain1),mod2Gain.connect(modGain2),mod3Gain.connect(modGain1),mod4Gain.connect(modGain2),modGain1.connect(delay1.delayTime),modGain2.connect(delay2.delayTime);var fade1=context.createBufferSource(),fade2=context.createBufferSource(),fadeBuffer=function createFadeBuffer(context,activeTime,fadeTime){for(var length1=activeTime*context.sampleRate,length=length1+(activeTime-2*fadeTime)*context.sampleRate,buffer=context.createBuffer(1,length,context.sampleRate),p=buffer.getChannelData(0),fadeLength=fadeTime*context.sampleRate,fadeIndex1=fadeLength,fadeIndex2=length1-fadeLength,i=0;i<length1;++i){var value;value=i<fadeIndex1?Math.sqrt(i/fadeLength):i>=fadeIndex2?Math.sqrt(1-(i-fadeIndex2)/fadeLength):1,p[i]=value}for(i=length1;i<length;++i)p[i]=0;return buffer}(context,bufferTime,fadeTime);fade1.buffer=fadeBuffer,fade2.buffer=fadeBuffer,fade1.loop=!0,fade2.loop=!0;var mix1=(context.createGain||context.createGainNode).call(context),mix2=(context.createGain||context.createGainNode).call(context);mix1.gain.value=0,mix2.gain.value=0,fade1.connect(mix1.gain),fade2.connect(mix2.gain),input.connect(delay1),input.connect(delay2),delay1.connect(mix1),delay2.connect(mix2),mix1.connect(output),mix2.connect(output);var t=context.currentTime+.05,t2=t+bufferTime-fadeTime;mod1.start(t),mod2.start(t2),mod3.start(t),mod4.start(t2),fade1.start(t),fade2.start(t2),this.mod1=mod1,this.mod2=mod2,this.mod1Gain=mod1Gain,this.mod2Gain=mod2Gain,this.mod3Gain=mod3Gain,this.mod4Gain=mod4Gain,this.modGain1=modGain1,this.modGain2=modGain2,this.fade1=fade1,this.fade2=fade2,this.mix1=mix1,this.mix2=mix2,this.delay1=delay1,this.delay2=delay2,this.setDelay(delayTime)}Jungle.prototype.setDelay=function(delayTime){this.modGain1.gain.setTargetAtTime(.5*delayTime,0,.01),this.modGain2.gain.setTargetAtTime(.5*delayTime,0,.01)},Jungle.prototype.setPitchOffset=function(mult){mult>0?(this.mod1Gain.gain.value=0,this.mod2Gain.gain.value=0,this.mod3Gain.gain.value=1,this.mod4Gain.gain.value=1):(this.mod1Gain.gain.value=1,this.mod2Gain.gain.value=1,this.mod3Gain.gain.value=0,this.mod4Gain.gain.value=0),this.setDelay(delayTime*Math.abs(mult))};
\ No newline at end of file
diff --git a/build/es6/node_modules/vmsg/vmsg.js b/build/es6/node_modules/vmsg/vmsg.js
new file mode 100644
index 00000000000..bd0d10681b4
--- /dev/null
+++ b/build/es6/node_modules/vmsg/vmsg.js
@@ -0,0 +1 @@
+function pad2(n){return(n|=0)<10?`0${n}`:`${Math.min(n,99)}`}function inlineWorker(){function fetchAndInstantiateFallback(url,imports){return new Promise((resolve,reject)=>{const req=new XMLHttpRequest;req.open("GET",url),req.responseType="arraybuffer",req.onload=()=>{resolve(WebAssembly.instantiate(req.response,imports))},req.onerror=reject,req.send()})}let memory=null,dynamicTop=5242880;function sbrk(increment){const oldDynamicTop=dynamicTop;return dynamicTop+=increment,oldDynamicTop}function exit(status){postMessage({type:"internal-error",data:status})}let FFI=null,ref=null,pcm_l=null;onmessage=e=>{const msg=e.data;switch(msg.type){case"init":const{wasmURL:wasmURL,shimURL:shimURL}=msg.data;Promise.resolve().then(()=>(self.WebAssembly&&!function testSafariWebAssemblyBug(){const bin=new Uint8Array([0,97,115,109,1,0,0,0,1,6,1,96,1,127,1,127,3,2,1,0,5,3,1,0,1,7,8,1,4,116,101,115,116,0,0,10,16,1,14,0,32,0,65,1,54,2,0,32,0,40,2,0,11]),mod=new WebAssembly.Module(bin);return 0!==new WebAssembly.Instance(mod,{}).exports.test(4)}()&&delete self.WebAssembly,self.WebAssembly||importScripts(shimURL),memory=new WebAssembly.Memory({initial:256,maximum:256}),{memory:memory,pow:Math.pow,exit:exit,powf:Math.pow,exp:Math.exp,sqrtf:Math.sqrt,cos:Math.cos,log:Math.log,sin:Math.sin,sbrk:sbrk})).then(Runtime=>(function fetchAndInstantiate(url,imports){if(!WebAssembly.instantiateStreaming)return fetchAndInstantiateFallback(url,imports);const req=fetch(url,{credentials:"same-origin"});return WebAssembly.instantiateStreaming(req,imports).catch(err=>{if(err.message&&err.message.indexOf("Argument 0 must be provided and must be a Response")>0)return fetchAndInstantiateFallback(url,imports);throw err})})(wasmURL,{env:Runtime})).then(wasm=>{FFI=wasm.instance.exports,postMessage({type:"init",data:null})}).catch(err=>{postMessage({type:"init-error",data:err.toString()})});break;case"start":if(!function vmsg_init(rate){if(ref=FFI.vmsg_init(rate),!ref)return!1;const pcm_l_ref=new Uint32Array(memory.buffer,ref,1)[0];return pcm_l=new Float32Array(memory.buffer,pcm_l_ref),!0}(msg.data))return postMessage({type:"error",data:"vmsg_init"});break;case"data":if(!function vmsg_encode(data){return pcm_l.set(data),FFI.vmsg_encode(ref,data.length)>=0}(msg.data))return postMessage({type:"error",data:"vmsg_encode"});break;case"stop":const blob=function vmsg_flush(){if(FFI.vmsg_flush(ref)<0)return null;const mp3_ref=new Uint32Array(memory.buffer,ref+4,1)[0],size=new Uint32Array(memory.buffer,ref+8,1)[0],mp3=new Uint8Array(memory.buffer,mp3_ref,size),blob=new Blob([mp3],{type:"audio/mpeg"});return FFI.vmsg_free(ref),ref=null,pcm_l=null,blob}();if(!blob)return postMessage({type:"error",data:"vmsg_flush"});postMessage({type:"stop",data:blob})}}}export class Recorder{constructor(opts={},onStop=null){this.wasmURL=new URL(opts.wasmURL||"/static/js/vmsg.wasm",location).href,this.shimURL=new URL(opts.shimURL||"/static/js/wasm-polyfill.js",location).href,this.onStop=onStop,this.pitch=opts.pitch||0,this.stream=null,this.audioCtx=null,this.gainNode=null,this.pitchFX=null,this.encNode=null,this.worker=null,this.workerURL=null,this.blob=null,this.blobURL=null,this.resolve=null,this.reject=null,Object.seal(this)}close(){this.encNode&&this.encNode.disconnect(),this.encNode&&(this.encNode.onaudioprocess=null),this.stream&&this.stopTracks(),this.audioCtx&&this.audioCtx.close(),this.worker&&this.worker.terminate(),this.workerURL&&URL.revokeObjectURL(this.workerURL),this.blobURL&&URL.revokeObjectURL(this.blobURL)}initAudio(){return(navigator.mediaDevices&&navigator.mediaDevices.getUserMedia?function(constraints){return navigator.mediaDevices.getUserMedia(constraints)}:function(constraints){const oldGetUserMedia=navigator.webkitGetUserMedia||navigator.mozGetUserMedia;return oldGetUserMedia?new Promise((function(resolve,reject){oldGetUserMedia.call(navigator,constraints,resolve,reject)})):Promise.reject(new Error("getUserMedia is not implemented in this browser"))})({audio:!0}).then(stream=>{this.stream=stream;const audioCtx=this.audioCtx=new(window.AudioContext||window.webkitAudioContext),sourceNode=audioCtx.createMediaStreamSource(stream),gainNode=this.gainNode=(audioCtx.createGain||audioCtx.createGainNode).call(audioCtx);gainNode.gain.value=1,sourceNode.connect(gainNode);const pitchFX=this.pitchFX=new Jungle(audioCtx);pitchFX.setPitchOffset(this.pitch);const encNode=this.encNode=(audioCtx.createScriptProcessor||audioCtx.createJavaScriptNode).call(audioCtx,0,1,1);pitchFX.output.connect(encNode),gainNode.connect(0===this.pitch?encNode:pitchFX.input)})}initWorker(){if(!this.stream)throw new Error("missing audio initialization");const blob=new Blob(["(",inlineWorker.toString(),")()"],{type:"application/javascript"}),workerURL=this.workerURL=URL.createObjectURL(blob),worker=this.worker=new Worker(workerURL),{wasmURL:wasmURL,shimURL:shimURL}=this;return worker.postMessage({type:"init",data:{wasmURL:wasmURL,shimURL:shimURL}}),new Promise((resolve,reject)=>{worker.onmessage=e=>{const msg=e.data;switch(msg.type){case"init":resolve();break;case"init-error":reject(new Error(msg.data));break;case"error":case"internal-error":console.error("Worker error:",msg.data),this.reject&&this.reject(msg.data);break;case"stop":this.blob=msg.data,this.blobURL=URL.createObjectURL(msg.data),this.onStop&&this.onStop(),this.resolve&&this.resolve(this.blob)}}})}init(){return this.initAudio().then(this.initWorker.bind(this))}startRecording(){if(!this.stream)throw new Error("missing audio initialization");if(!this.worker)throw new Error("missing worker initialization");this.blob=null,this.blobURL&&URL.revokeObjectURL(this.blobURL),this.blobURL=null,this.resolve=null,this.reject=null,this.worker.postMessage({type:"start",data:this.audioCtx.sampleRate}),this.encNode.onaudioprocess=e=>{const samples=e.inputBuffer.getChannelData(0);this.worker.postMessage({type:"data",data:samples})},this.encNode.connect(this.audioCtx.destination)}stopRecording(){if(!this.stream)throw new Error("missing audio initialization");if(!this.worker)throw new Error("missing worker initialization");return this.encNode.disconnect(),this.encNode.onaudioprocess=null,this.stopTracks(),this.worker.postMessage({type:"stop",data:null}),new Promise((resolve,reject)=>{this.resolve=resolve,this.reject=reject})}stopTracks(){this.stream.getTracks&&this.stream.getTracks().forEach(track=>track.stop())}}export class Form{constructor(opts={},resolve,reject){this.recorder=new Recorder(opts,this.onStop.bind(this)),this.resolve=resolve,this.reject=reject,this.backdrop=null,this.popup=null,this.recordBtn=null,this.stopBtn=null,this.timer=null,this.audio=null,this.saveBtn=null,this.tid=0,this.start=0,Object.seal(this),this.recorder.initAudio().then(()=>this.drawInit()).then(()=>this.recorder.initWorker()).then(()=>this.drawAll()).catch(err=>this.drawError(err))}drawInit(){if(this.backdrop)return;const backdrop=this.backdrop=document.createElement("div");backdrop.className="vmsg-backdrop",backdrop.addEventListener("click",()=>this.close(null));const popup=this.popup=document.createElement("div");popup.className="vmsg-popup",popup.addEventListener("click",e=>e.stopPropagation());const progress=document.createElement("div");progress.className="vmsg-progress";for(let i=0;i<3;i++){const progressDot=document.createElement("div");progressDot.className="vmsg-progress-dot",progress.appendChild(progressDot)}popup.appendChild(progress),backdrop.appendChild(popup),document.body.appendChild(backdrop)}drawTime(msecs){const secs=Math.round(msecs/1e3);this.timer.textContent=pad2(secs/60)+":"+pad2(secs%60)}drawAll(){this.drawInit(),this.clearAll();const recordRow=document.createElement("div");recordRow.className="vmsg-record-row",this.popup.appendChild(recordRow);const recordBtn=this.recordBtn=document.createElement("button");recordBtn.className="vmsg-button vmsg-record-button",recordBtn.textContent="●",recordBtn.addEventListener("click",()=>this.startRecording()),recordRow.appendChild(recordBtn);const stopBtn=this.stopBtn=document.createElement("button");stopBtn.className="vmsg-button vmsg-stop-button",stopBtn.style.display="none",stopBtn.textContent="■",stopBtn.addEventListener("click",()=>this.stopRecording()),recordRow.appendChild(stopBtn);const audio=this.audio=new Audio;audio.autoplay=!0;const timer=this.timer=document.createElement("span");timer.className="vmsg-timer",timer.addEventListener("click",()=>{audio.paused?this.recorder.blobURL&&(audio.src=this.recorder.blobURL):audio.pause()}),this.drawTime(0),recordRow.appendChild(timer);const saveBtn=this.saveBtn=document.createElement("button");saveBtn.className="vmsg-button vmsg-save-button",saveBtn.textContent="✓",saveBtn.disabled=!0,saveBtn.addEventListener("click",()=>this.close(this.recorder.blob)),recordRow.appendChild(saveBtn);const gainWrapper=document.createElement("div");gainWrapper.className="vmsg-slider-wrapper vmsg-gain-slider-wrapper";const gainSlider=document.createElement("input");gainSlider.className="vmsg-slider vmsg-gain-slider",gainSlider.setAttribute("type","range"),gainSlider.min=0,gainSlider.max=2,gainSlider.step=.2,gainSlider.value=1,gainSlider.onchange=()=>{const gain=+gainSlider.value;this.recorder.gainNode.gain.value=gain},gainWrapper.appendChild(gainSlider),this.popup.appendChild(gainWrapper);const pitchWrapper=document.createElement("div");pitchWrapper.className="vmsg-slider-wrapper vmsg-pitch-slider-wrapper";const pitchSlider=document.createElement("input");pitchSlider.className="vmsg-slider vmsg-pitch-slider",pitchSlider.setAttribute("type","range"),pitchSlider.min=-1,pitchSlider.max=1,pitchSlider.step=.2,pitchSlider.value=this.recorder.pitch,pitchSlider.onchange=()=>{const pitch=+pitchSlider.value;this.recorder.pitchFX.setPitchOffset(pitch),this.recorder.gainNode.disconnect(),this.recorder.gainNode.connect(0===pitch?this.recorder.encNode:this.recorder.pitchFX.input)},pitchWrapper.appendChild(pitchSlider),this.popup.appendChild(pitchWrapper)}drawError(err){console.error(err),this.drawInit(),this.clearAll();const error=document.createElement("div");error.className="vmsg-error",error.textContent=err.toString(),this.popup.appendChild(error)}clearAll(){this.popup&&(this.popup.innerHTML="")}close(blob){this.audio&&this.audio.pause(),this.tid&&clearTimeout(this.tid),this.recorder.close(),this.backdrop.remove(),blob?this.resolve(blob):this.reject(new Error("No record made"))}onStop(){this.recordBtn.style.display="",this.stopBtn.style.display="none",this.stopBtn.disabled=!1,this.saveBtn.disabled=!1}startRecording(){this.audio.pause(),this.start=Date.now(),this.updateTime(),this.recordBtn.style.display="none",this.stopBtn.style.display="",this.saveBtn.disabled=!0,this.recorder.startRecording()}stopRecording(){clearTimeout(this.tid),this.tid=0,this.stopBtn.disabled=!0,this.recorder.stopRecording()}updateTime(){this.drawTime(Date.now()-this.start),this.tid=setTimeout(()=>this.updateTime(),300)}}let shown=!1;export function record(opts){return new Promise((resolve,reject)=>{if(shown)throw new Error("Record form is already opened");shown=!0,new Form(opts,resolve,reject)}).then(result=>(shown=!1,result),err=>{throw shown=!1,err})}export default{Recorder:Recorder,Form:Form,record:record};const delayTime=.1,fadeTime=.05,bufferTime=.1;function createDelayTimeBuffer(context,activeTime,fadeTime,shiftUp){for(var length1=activeTime*context.sampleRate,length=length1+(activeTime-2*fadeTime)*context.sampleRate,buffer=context.createBuffer(1,length,context.sampleRate),p=buffer.getChannelData(0),i=0;i<length1;++i)p[i]=shiftUp?(length1-i)/length:i/length1;for(i=length1;i<length;++i)p[i]=0;return buffer}function Jungle(context){this.context=context;var input=(context.createGain||context.createGainNode).call(context),output=(context.createGain||context.createGainNode).call(context);this.input=input,this.output=output;var mod1=context.createBufferSource(),mod2=context.createBufferSource(),mod3=context.createBufferSource(),mod4=context.createBufferSource();this.shiftDownBuffer=createDelayTimeBuffer(context,bufferTime,fadeTime,!1),this.shiftUpBuffer=createDelayTimeBuffer(context,bufferTime,fadeTime,!0),mod1.buffer=this.shiftDownBuffer,mod2.buffer=this.shiftDownBuffer,mod3.buffer=this.shiftUpBuffer,mod4.buffer=this.shiftUpBuffer,mod1.loop=!0,mod2.loop=!0,mod3.loop=!0,mod4.loop=!0;var mod1Gain=(context.createGain||context.createGainNode).call(context),mod2Gain=(context.createGain||context.createGainNode).call(context),mod3Gain=(context.createGain||context.createGainNode).call(context);mod3Gain.gain.value=0;var mod4Gain=(context.createGain||context.createGainNode).call(context);mod4Gain.gain.value=0,mod1.connect(mod1Gain),mod2.connect(mod2Gain),mod3.connect(mod3Gain),mod4.connect(mod4Gain);var modGain1=(context.createGain||context.createGainNode).call(context),modGain2=(context.createGain||context.createGainNode).call(context),delay1=(context.createDelay||context.createDelayNode).call(context),delay2=(context.createDelay||context.createDelayNode).call(context);mod1Gain.connect(modGain1),mod2Gain.connect(modGain2),mod3Gain.connect(modGain1),mod4Gain.connect(modGain2),modGain1.connect(delay1.delayTime),modGain2.connect(delay2.delayTime);var fade1=context.createBufferSource(),fade2=context.createBufferSource(),fadeBuffer=function createFadeBuffer(context,activeTime,fadeTime){for(var length1=activeTime*context.sampleRate,length=length1+(activeTime-2*fadeTime)*context.sampleRate,buffer=context.createBuffer(1,length,context.sampleRate),p=buffer.getChannelData(0),fadeLength=fadeTime*context.sampleRate,fadeIndex1=fadeLength,fadeIndex2=length1-fadeLength,i=0;i<length1;++i){var value;value=i<fadeIndex1?Math.sqrt(i/fadeLength):i>=fadeIndex2?Math.sqrt(1-(i-fadeIndex2)/fadeLength):1,p[i]=value}for(i=length1;i<length;++i)p[i]=0;return buffer}(context,bufferTime,fadeTime);fade1.buffer=fadeBuffer,fade2.buffer=fadeBuffer,fade1.loop=!0,fade2.loop=!0;var mix1=(context.createGain||context.createGainNode).call(context),mix2=(context.createGain||context.createGainNode).call(context);mix1.gain.value=0,mix2.gain.value=0,fade1.connect(mix1.gain),fade2.connect(mix2.gain),input.connect(delay1),input.connect(delay2),delay1.connect(mix1),delay2.connect(mix2),mix1.connect(output),mix2.connect(output);var t=context.currentTime+.05,t2=t+bufferTime-fadeTime;mod1.start(t),mod2.start(t2),mod3.start(t),mod4.start(t2),fade1.start(t),fade2.start(t2),this.mod1=mod1,this.mod2=mod2,this.mod1Gain=mod1Gain,this.mod2Gain=mod2Gain,this.mod3Gain=mod3Gain,this.mod4Gain=mod4Gain,this.modGain1=modGain1,this.modGain2=modGain2,this.fade1=fade1,this.fade2=fade2,this.mix1=mix1,this.mix2=mix2,this.delay1=delay1,this.delay2=delay2,this.setDelay(delayTime)}Jungle.prototype.setDelay=function(delayTime){this.modGain1.gain.setTargetAtTime(.5*delayTime,0,.01),this.modGain2.gain.setTargetAtTime(.5*delayTime,0,.01)},Jungle.prototype.setPitchOffset=function(mult){mult>0?(this.mod1Gain.gain.value=0,this.mod2Gain.gain.value=0,this.mod3Gain.gain.value=1,this.mod4Gain.gain.value=1):(this.mod1Gain.gain.value=1,this.mod2Gain.gain.value=1,this.mod3Gain.gain.value=0,this.mod4Gain.gain.value=0),this.setDelay(delayTime*Math.abs(mult))};
\ No newline at end of file
diff --git a/build/es6/node_modules/vmsg/vmsg.wasm b/build/es6/node_modules/vmsg/vmsg.wasm
new file mode 100644
index 00000000000..224bcc7fd1c
Binary files /dev/null and b/build/es6/node_modules/vmsg/vmsg.wasm differ
diff --git a/build/polymer.json b/build/polymer.json
index 00d223df12d..22e481b1dfd 100644
--- a/build/polymer.json
+++ b/build/polymer.json
@@ -21,6 +21,7 @@
     "node_modules/lit-element/*.*.map",
     "node_modules/@polymer/app-layout/*/*.js",
     "node_modules/@vaadin/**",
+    "node_modules/vmsg/*",
     "node_modules/fetch-ie8/fetch.js",
     "node_modules/promise-polyfill/dist/polyfill.min.js",
     "node_modules/web-animations-js/*.map",
diff --git a/polymer.json b/polymer.json
index 9b2ef6e1c9b..58ad85ed2ce 100644
--- a/polymer.json
+++ b/polymer.json
@@ -16,6 +16,7 @@
     "node_modules/lit-element/*.*.map",
     "node_modules/@polymer/app-layout/*/*.js",
     "node_modules/@vaadin/**",
+    "node_modules/vmsg/*",
     "node_modules/fetch-ie8/fetch.js",
     "node_modules/promise-polyfill/dist/polyfill.min.js",
     "node_modules/web-animations-js/*.map",