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 0c68f4cc6aa..dff4cb3e504 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/paper-icon-button/paper-icon-button.js","./lib/a11y-collapse-accordion-button.js","./lib/a11y-collapse-icon-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yCollapse=void 0;function _templateObject_5e9e592054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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        @apply --a11y-collapse;\n      }\n      :host #content {\n        max-height: 0;\n        overflow: hidden;\n        padding: 0 var(--a11y-collapse-horizontal-padding, 16px);\n        border-top: 0px solid rgba(255, 255, 255, 0);\n        transition: all 0.5s ease-in-out;\n        @apply --a11y-collapse-content;\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        @apply --a11y-collapse-disabled;\n      }\n      :host([disabled]:not([accordion])) #expand,\n      :host([disabled][accordion]) #heading {\n        cursor: not-allowed;\n      }\n      :host([expanded]) {\n        @apply --a11y-collapse-expanded;\n      }\n      :host([expanded]) #content {\n        max-height: unset;\n        overflow: hidden;\n        padding: var(--a11y-collapse-vertical-padding, 16px)\n          var(--a11y-collapse-horizontal-padding, 16px);\n        border-top: var(--a11y-collapse-border, 1px solid);\n        @apply --a11y-collapse-content-expanded;\n      }\n      :host(:not([expanded])) #content-inner {\n        overflow: hidden;\n      }\n    </style>\n    <template is=\"dom-if\" if=\"[[!accordion]]\">\n      <a11y-collapse-icon-button\n        id=\"iconbutton\"\n        disabled$=\"[[disabled]]\"\n        expanded$=\"[[_setAriaExpanded(expanded)]]\"\n        label$=\"[[_getExpandCollapse(expanded,label,labelExpanded)]]\"\n        icon$=\"[[_getExpandCollapse(expanded,icon,iconExpanded)]]\"\n        rotated$=\"[[__rotateIcon]]\"\n        tooltip$=\"[[_getExpandCollapse(expanded,tooltip,tooltipExpanded)]]\"\n      >\n        <slot name=\"heading\"></slot>\n      </a11y-collapse-icon-button>\n    </template>\n    <template is=\"dom-if\" if=\"[[accordion]]\">\n      <a11y-collapse-accordion-button\n        id=\"accordionbutton\"\n        disabled$=\"[[disabled]]\"\n        expanded$=\"[[_setAriaExpanded(expanded)]]\"\n        label$=\"[[_getExpandCollapse(expanded,label,labelExpanded)]]\"\n        icon$=\"[[_getExpandCollapse(expanded,icon,iconExpanded)]]\"\n        rotated$=\"[[__rotateIcon]]\"\n        tooltip$=\"[[_getExpandCollapse(expanded,tooltip,tooltipExpanded)]]\"\n      >\n        <slot name=\"heading\"></slot>\n      </a11y-collapse-accordion-button>\n    </template>\n    <div\n      id=\"content\"\n      aria-hidden$=\"{{!expanded}}\"\n      aria-labelledby=\"heading\"\n      aria-live=\"polite\"\n    >\n      <div id=\"content-inner\"><slot name=\"content\"></slot><slot></slot></div>\n    </div>\n  "],["\n    <style>\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        @apply --a11y-collapse;\n      }\n      :host #content {\n        max-height: 0;\n        overflow: hidden;\n        padding: 0 var(--a11y-collapse-horizontal-padding, 16px);\n        border-top: 0px solid rgba(255, 255, 255, 0);\n        transition: all 0.5s ease-in-out;\n        @apply --a11y-collapse-content;\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        @apply --a11y-collapse-disabled;\n      }\n      :host([disabled]:not([accordion])) #expand,\n      :host([disabled][accordion]) #heading {\n        cursor: not-allowed;\n      }\n      :host([expanded]) {\n        @apply --a11y-collapse-expanded;\n      }\n      :host([expanded]) #content {\n        max-height: unset;\n        overflow: hidden;\n        padding: var(--a11y-collapse-vertical-padding, 16px)\n          var(--a11y-collapse-horizontal-padding, 16px);\n        border-top: var(--a11y-collapse-border, 1px solid);\n        @apply --a11y-collapse-content-expanded;\n      }\n      :host(:not([expanded])) #content-inner {\n        overflow: hidden;\n      }\n    </style>\n    <template is=\"dom-if\" if=\"[[!accordion]]\">\n      <a11y-collapse-icon-button\n        id=\"iconbutton\"\n        disabled$=\"[[disabled]]\"\n        expanded$=\"[[_setAriaExpanded(expanded)]]\"\n        label$=\"[[_getExpandCollapse(expanded,label,labelExpanded)]]\"\n        icon$=\"[[_getExpandCollapse(expanded,icon,iconExpanded)]]\"\n        rotated$=\"[[__rotateIcon]]\"\n        tooltip$=\"[[_getExpandCollapse(expanded,tooltip,tooltipExpanded)]]\"\n      >\n        <slot name=\"heading\"></slot>\n      </a11y-collapse-icon-button>\n    </template>\n    <template is=\"dom-if\" if=\"[[accordion]]\">\n      <a11y-collapse-accordion-button\n        id=\"accordionbutton\"\n        disabled$=\"[[disabled]]\"\n        expanded$=\"[[_setAriaExpanded(expanded)]]\"\n        label$=\"[[_getExpandCollapse(expanded,label,labelExpanded)]]\"\n        icon$=\"[[_getExpandCollapse(expanded,icon,iconExpanded)]]\"\n        rotated$=\"[[__rotateIcon]]\"\n        tooltip$=\"[[_getExpandCollapse(expanded,tooltip,tooltipExpanded)]]\"\n      >\n        <slot name=\"heading\"></slot>\n      </a11y-collapse-accordion-button>\n    </template>\n    <div\n      id=\"content\"\n      aria-hidden\\$=\"{{!expanded}}\"\n      aria-labelledby=\"heading\"\n      aria-live=\"polite\"\n    >\n      <div id=\"content-inner\"><slot name=\"content\"></slot><slot></slot></div>\n    </div>\n  "]);_templateObject_5e9e592054f411e9aeb367f92c5b63ab=function(){return data};return data}var A11yCollapse=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_5e9e592054f411e9aeb367f92c5b63ab()),is:"a11y-collapse",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],listeners:{"a11y-collapse-tap":"_onTap"},properties:{accordion:{name:"accordion",type:Boolean,value:!1,observer:"flush",reflectToAttribute:!0},disabled:{name:"disabled",type:Boolean,value:!1,reflectToAttribute:!0},expanded:{name:"expanded",type:Boolean,value:!1,reflectToAttribute:!0},icon:{name:"icon",type:String,value:"expand-more"},iconExpanded:{name:"iconExpanded",type:String,value:null},label:{name:"label",type:String,value:"expand/collapse"},labelExpanded:{name:"labelExpanded",type:String,value:null},tooltip:{name:"tooltip",type:String,value:"toggle expand/collapse"},tooltipExpanded:{name:"tooltipExpanded",type:String,value:null},__rotateIcon:{name:"__rotateIcon",type:Boolean,computed:"_isRotated(expanded,iconExpanded)"}},attached:function attached(){this.fire("a11y-collapse-attached",this);this.setHaxProperties({canScale:!1,canPosition:!0,canEditSource:!1,gizmo:{title:"Single Expand Collapse",description:"A single instance of an expand collapse.",icon:"view-day",color:"grey",groups:["Text"],meta:{author:"Your organization on github"}},settings:{quick:[],configure:[{property:"expanded",title:"Expanded",description:"Expand by default",inputMethod:"boolean"},{property:"label",title:"Label",description:"The label of the toggle expand/collapse button",inputMethod:"textfield",icon:"editor:title"},{property:"tooltip",title:"Tooltip",description:"The tooltip for the toggle expand/collapse button",inputMethod:"textfield",icon:"editor:title"},{property:"icon",title:"Icon",description:"The icon for the toggle expand/collapse button",inputMethod:"textfield",icon:"editor:title"},{property:"iconExpanded",title:"Expanded Icon",description:"Optional: The icon for the toggle expand/collapse button when expanded",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})},detached:function detached(){this.fire("a11y-collapse-detached",this)},toggle:function toggle(mode){this.expanded=mode!==void 0?mode:!this.expanded;this.fire("a11y-collapse-toggle",this)},_overrideProp:function _overrideProp(prop,val){this[prop]=val},_getExpandCollapse:function _getExpandCollapse(expanded,ifFalse,ifTrue){return expanded&&null!==ifTrue?ifTrue:ifFalse},_isRotated:function _isRotated(expanded,iconExpanded){return!expanded&&null===iconExpanded},_onTap:function _onTap(){if(!this.disabled){this.toggle();this.fire("a11y-collapse-click",this)}},_setAriaExpanded:function _setAriaExpanded(expanded){return""+expanded}});_exports.A11yCollapse=A11yCollapse});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/paper-icon-button/paper-icon-button.js","./lib/a11y-collapse-accordion-button.js","./lib/a11y-collapse-icon-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yCollapse=void 0;function _templateObject_f61cdf30555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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        @apply --a11y-collapse;\n      }\n      :host #content {\n        max-height: 0;\n        overflow: hidden;\n        padding: 0 var(--a11y-collapse-horizontal-padding, 16px);\n        border-top: 0px solid rgba(255, 255, 255, 0);\n        transition: all 0.5s ease-in-out;\n        @apply --a11y-collapse-content;\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        @apply --a11y-collapse-disabled;\n      }\n      :host([disabled]:not([accordion])) #expand,\n      :host([disabled][accordion]) #heading {\n        cursor: not-allowed;\n      }\n      :host([expanded]) {\n        @apply --a11y-collapse-expanded;\n      }\n      :host([expanded]) #content {\n        max-height: unset;\n        overflow: hidden;\n        padding: var(--a11y-collapse-vertical-padding, 16px)\n          var(--a11y-collapse-horizontal-padding, 16px);\n        border-top: var(--a11y-collapse-border, 1px solid);\n        @apply --a11y-collapse-content-expanded;\n      }\n      :host(:not([expanded])) #content-inner {\n        overflow: hidden;\n      }\n    </style>\n    <template is=\"dom-if\" if=\"[[!accordion]]\">\n      <a11y-collapse-icon-button\n        id=\"iconbutton\"\n        disabled$=\"[[disabled]]\"\n        expanded$=\"[[_setAriaExpanded(expanded)]]\"\n        label$=\"[[_getExpandCollapse(expanded,label,labelExpanded)]]\"\n        icon$=\"[[_getExpandCollapse(expanded,icon,iconExpanded)]]\"\n        rotated$=\"[[__rotateIcon]]\"\n        tooltip$=\"[[_getExpandCollapse(expanded,tooltip,tooltipExpanded)]]\"\n      >\n        <slot name=\"heading\"></slot>\n      </a11y-collapse-icon-button>\n    </template>\n    <template is=\"dom-if\" if=\"[[accordion]]\">\n      <a11y-collapse-accordion-button\n        id=\"accordionbutton\"\n        disabled$=\"[[disabled]]\"\n        expanded$=\"[[_setAriaExpanded(expanded)]]\"\n        label$=\"[[_getExpandCollapse(expanded,label,labelExpanded)]]\"\n        icon$=\"[[_getExpandCollapse(expanded,icon,iconExpanded)]]\"\n        rotated$=\"[[__rotateIcon]]\"\n        tooltip$=\"[[_getExpandCollapse(expanded,tooltip,tooltipExpanded)]]\"\n      >\n        <slot name=\"heading\"></slot>\n      </a11y-collapse-accordion-button>\n    </template>\n    <div\n      id=\"content\"\n      aria-hidden$=\"{{!expanded}}\"\n      aria-labelledby=\"heading\"\n      aria-live=\"polite\"\n    >\n      <div id=\"content-inner\"><slot name=\"content\"></slot><slot></slot></div>\n    </div>\n  "],["\n    <style>\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        @apply --a11y-collapse;\n      }\n      :host #content {\n        max-height: 0;\n        overflow: hidden;\n        padding: 0 var(--a11y-collapse-horizontal-padding, 16px);\n        border-top: 0px solid rgba(255, 255, 255, 0);\n        transition: all 0.5s ease-in-out;\n        @apply --a11y-collapse-content;\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        @apply --a11y-collapse-disabled;\n      }\n      :host([disabled]:not([accordion])) #expand,\n      :host([disabled][accordion]) #heading {\n        cursor: not-allowed;\n      }\n      :host([expanded]) {\n        @apply --a11y-collapse-expanded;\n      }\n      :host([expanded]) #content {\n        max-height: unset;\n        overflow: hidden;\n        padding: var(--a11y-collapse-vertical-padding, 16px)\n          var(--a11y-collapse-horizontal-padding, 16px);\n        border-top: var(--a11y-collapse-border, 1px solid);\n        @apply --a11y-collapse-content-expanded;\n      }\n      :host(:not([expanded])) #content-inner {\n        overflow: hidden;\n      }\n    </style>\n    <template is=\"dom-if\" if=\"[[!accordion]]\">\n      <a11y-collapse-icon-button\n        id=\"iconbutton\"\n        disabled$=\"[[disabled]]\"\n        expanded$=\"[[_setAriaExpanded(expanded)]]\"\n        label$=\"[[_getExpandCollapse(expanded,label,labelExpanded)]]\"\n        icon$=\"[[_getExpandCollapse(expanded,icon,iconExpanded)]]\"\n        rotated$=\"[[__rotateIcon]]\"\n        tooltip$=\"[[_getExpandCollapse(expanded,tooltip,tooltipExpanded)]]\"\n      >\n        <slot name=\"heading\"></slot>\n      </a11y-collapse-icon-button>\n    </template>\n    <template is=\"dom-if\" if=\"[[accordion]]\">\n      <a11y-collapse-accordion-button\n        id=\"accordionbutton\"\n        disabled$=\"[[disabled]]\"\n        expanded$=\"[[_setAriaExpanded(expanded)]]\"\n        label$=\"[[_getExpandCollapse(expanded,label,labelExpanded)]]\"\n        icon$=\"[[_getExpandCollapse(expanded,icon,iconExpanded)]]\"\n        rotated$=\"[[__rotateIcon]]\"\n        tooltip$=\"[[_getExpandCollapse(expanded,tooltip,tooltipExpanded)]]\"\n      >\n        <slot name=\"heading\"></slot>\n      </a11y-collapse-accordion-button>\n    </template>\n    <div\n      id=\"content\"\n      aria-hidden\\$=\"{{!expanded}}\"\n      aria-labelledby=\"heading\"\n      aria-live=\"polite\"\n    >\n      <div id=\"content-inner\"><slot name=\"content\"></slot><slot></slot></div>\n    </div>\n  "]);_templateObject_f61cdf30555111e98f439769bd191e33=function(){return data};return data}var A11yCollapse=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_f61cdf30555111e98f439769bd191e33()),is:"a11y-collapse",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],listeners:{"a11y-collapse-tap":"_onTap"},properties:{accordion:{name:"accordion",type:Boolean,value:!1,observer:"flush",reflectToAttribute:!0},disabled:{name:"disabled",type:Boolean,value:!1,reflectToAttribute:!0},expanded:{name:"expanded",type:Boolean,value:!1,reflectToAttribute:!0,observer:"_fireToggleEvents"},icon:{name:"icon",type:String,value:"expand-more"},iconExpanded:{name:"iconExpanded",type:String,value:null},label:{name:"label",type:String,value:"expand/collapse"},labelExpanded:{name:"labelExpanded",type:String,value:null},tooltip:{name:"tooltip",type:String,value:"toggle expand/collapse"},tooltipExpanded:{name:"tooltipExpanded",type:String,value:null},__rotateIcon:{name:"__rotateIcon",type:Boolean,computed:"_isRotated(expanded,iconExpanded)"}},attached:function attached(){this.fire("a11y-collapse-attached",this);this.setHaxProperties({canScale:!1,canPosition:!0,canEditSource:!1,gizmo:{title:"Single Expand Collapse",description:"A single instance of an expand collapse.",icon:"view-day",color:"grey",groups:["Text"],meta:{author:"Your organization on github"}},settings:{quick:[],configure:[{property:"expanded",title:"Expanded",description:"Expand by default",inputMethod:"boolean"},{property:"label",title:"Label",description:"The label of the toggle expand/collapse button",inputMethod:"textfield",icon:"editor:title"},{property:"tooltip",title:"Tooltip",description:"The tooltip for the toggle expand/collapse button",inputMethod:"textfield",icon:"editor:title"},{property:"icon",title:"Icon",description:"The icon for the toggle expand/collapse button",inputMethod:"textfield",icon:"editor:title"},{property:"iconExpanded",title:"Expanded Icon",description:"Optional: The icon for the toggle expand/collapse button when expanded",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})},collapse:function collapse(){this.toggle(!1)},detached:function detached(){this.fire("a11y-collapse-detached",this)},expand:function expand(){this.toggle(!0)},toggle:function toggle(mode){this.expanded=mode!==void 0?mode:!this.expanded},_fireToggleEvents:function _fireToggleEvents(){this.fire("toggle",this);this.fire("a11y-collapse-toggle",this);if(this.expanded){this.fire("expand",this)}else{this.fire("collapse",this)}},_overrideProp:function _overrideProp(prop,val){this[prop]=val},_getExpandCollapse:function _getExpandCollapse(expanded,ifFalse,ifTrue){return expanded&&null!==ifTrue?ifTrue:ifFalse},_isRotated:function _isRotated(expanded,iconExpanded){return!expanded&&null===iconExpanded},_onTap:function _onTap(){if(!this.disabled){this.toggle();this.fire("a11y-collapse-click",this)}},_setAriaExpanded:function _setAriaExpanded(expanded){return""+expanded}});_exports.A11yCollapse=A11yCollapse});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-accordion-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-accordion-button.js
index 1a15f78ba8c..fa942e8142a 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-accordion-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-accordion-button.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","./a11y-collapse-button-styles.js","../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_polymerLegacy){"use strict";function _templateObject_95e8b4c054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"a11y-collapse-button-styles\">\n      :host #heading:focus,\n      :host #heading:hover {\n        @apply --a11y-collapse-heading-focus;\n      }\n      :host #heading:focus #text,\n      :host #heading:hover #text {\n        @apply --a11y-collapse-heading-text-focus;\n      }\n      :host #heading:focus #expand,\n      :host #heading:hover #expand {\n        @apply --a11y-collapse-icon-focus;\n      }\n    </style>\n    <div\n      id=\"heading\"\n      aria-controls=\"content\"\n      aria-expanded$=\"[[expanded]]\"\n      disabled$=\"[[disabled]]\"\n      label$=\"[[label]]\"\n      role=\"button\"\n    >\n      <div id=\"text\"><slot></slot></div>\n      <iron-icon\n        id=\"expand\"\n        aria-hidden=\"true\"\n        icon$=\"[[icon]]\"\n        rotated$=\"[[rotated]]\"\n      >\n      </iron-icon>\n    </div>\n    <paper-tooltip for=\"heading\">[[tooltip]]</paper-tooltip>\n  "],["\n    <style include=\"a11y-collapse-button-styles\">\n      :host #heading:focus,\n      :host #heading:hover {\n        @apply --a11y-collapse-heading-focus;\n      }\n      :host #heading:focus #text,\n      :host #heading:hover #text {\n        @apply --a11y-collapse-heading-text-focus;\n      }\n      :host #heading:focus #expand,\n      :host #heading:hover #expand {\n        @apply --a11y-collapse-icon-focus;\n      }\n    </style>\n    <div\n      id=\"heading\"\n      aria-controls=\"content\"\n      aria-expanded\\$=\"[[expanded]]\"\n      disabled\\$=\"[[disabled]]\"\n      label\\$=\"[[label]]\"\n      role=\"button\"\n    >\n      <div id=\"text\"><slot></slot></div>\n      <iron-icon\n        id=\"expand\"\n        aria-hidden=\"true\"\n        icon\\$=\"[[icon]]\"\n        rotated\\$=\"[[rotated]]\"\n      >\n      </iron-icon>\n    </div>\n    <paper-tooltip for=\"heading\">[[tooltip]]</paper-tooltip>\n  "]);_templateObject_95e8b4c054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_95e8b4c054f411e9aeb367f92c5b63ab()),is:"a11y-collapse-accordion-button",listeners:{tap:"_onTap"},properties:{disabled:{type:Boolean,value:!1,reflectToAttribute:!0},expanded:{type:Boolean,value:!1,reflectToAttribute:!0},icon:{type:String,value:"icons:expand-more"},label:{type:String,value:"expand/collapse"},tooltip:{type:String,value:"toggle expand/collapse"},rotated:{type:Boolean,value:!1}},_onTap:function _onTap(){if(!this.disabled){this.fire("a11y-collapse-tap",this)}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","./a11y-collapse-button-styles.js","../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_polymerLegacy){"use strict";function _templateObject_2a654570555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"a11y-collapse-button-styles\">\n      :host #heading:focus,\n      :host #heading:hover {\n        @apply --a11y-collapse-heading-focus;\n      }\n      :host #heading:focus #text,\n      :host #heading:hover #text {\n        @apply --a11y-collapse-heading-text-focus;\n      }\n      :host #heading:focus #expand,\n      :host #heading:hover #expand {\n        @apply --a11y-collapse-icon-focus;\n      }\n    </style>\n    <div\n      id=\"heading\"\n      aria-controls=\"content\"\n      aria-expanded$=\"[[expanded]]\"\n      disabled$=\"[[disabled]]\"\n      label$=\"[[label]]\"\n      role=\"button\"\n    >\n      <div id=\"text\"><slot></slot></div>\n      <iron-icon\n        id=\"expand\"\n        aria-hidden=\"true\"\n        icon$=\"[[icon]]\"\n        rotated$=\"[[rotated]]\"\n      >\n      </iron-icon>\n    </div>\n    <paper-tooltip for=\"heading\">[[tooltip]]</paper-tooltip>\n  "],["\n    <style include=\"a11y-collapse-button-styles\">\n      :host #heading:focus,\n      :host #heading:hover {\n        @apply --a11y-collapse-heading-focus;\n      }\n      :host #heading:focus #text,\n      :host #heading:hover #text {\n        @apply --a11y-collapse-heading-text-focus;\n      }\n      :host #heading:focus #expand,\n      :host #heading:hover #expand {\n        @apply --a11y-collapse-icon-focus;\n      }\n    </style>\n    <div\n      id=\"heading\"\n      aria-controls=\"content\"\n      aria-expanded\\$=\"[[expanded]]\"\n      disabled\\$=\"[[disabled]]\"\n      label\\$=\"[[label]]\"\n      role=\"button\"\n    >\n      <div id=\"text\"><slot></slot></div>\n      <iron-icon\n        id=\"expand\"\n        aria-hidden=\"true\"\n        icon\\$=\"[[icon]]\"\n        rotated\\$=\"[[rotated]]\"\n      >\n      </iron-icon>\n    </div>\n    <paper-tooltip for=\"heading\">[[tooltip]]</paper-tooltip>\n  "]);_templateObject_2a654570555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2a654570555211e98f439769bd191e33()),is:"a11y-collapse-accordion-button",listeners:{tap:"_onTap"},properties:{disabled:{type:Boolean,value:!1,reflectToAttribute:!0},expanded:{type:Boolean,value:!1,reflectToAttribute:!0},icon:{type:String,value:"icons:expand-more"},label:{type:String,value:"expand/collapse"},tooltip:{type:String,value:"toggle expand/collapse"},rotated:{type:Boolean,value:!1}},_onTap:function _onTap(){if(!this.disabled){this.fire("a11y-collapse-tap",this)}}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-button-styles.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-button-styles.js
index 6bdc65d4078..74aade73edd 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-button-styles.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-button-styles.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-element.js"],function(_polymerElement){"use strict";function _templateObject_95ead7a054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n  <style>\n    :host #heading {\n      display: flex;\n      justify-content: stretch;\n      align-items: center;\n      padding: 0 var(--a11y-collapse-horizontal-padding, 16px);\n      font-weight: bold;\n      @apply --a11y-collapse-heading;\n    }\n    :host #text {\n      flex-grow: 1;\n      @apply --a11y-collapse-heading-text;\n    }\n    :host #expand {\n      transition: transform 0.5s;\n      @apply --a11y-collapse-icon;\n    }\n    :host #expand[rotated] {\n      transform: rotate(-90deg);\n      @apply --a11y-collapse-icon-rotated;\n    }\n    :host [aria-controls] {\n      cursor: pointer;\n    }\n    :host([disabled]) [aria-controls] {\n      cursor: not-allowed;\n    }\n    :host([expanded]) #heading {\n      @apply --a11y-collapse-heading-expanded;\n    }\n    :host([expanded]) #text {\n      @apply --a11y-collapse-heading-text-expanded;\n    }\n    :host([expanded]) #expand {\n      @apply --a11y-collapse-icon-expanded;\n    }\n  </style>\n"]);_templateObject_95ead7a054f411e9aeb367f92c5b63ab=function(){return data};return data}var styleElement=document.createElement("dom-module"),css=(0,_polymerElement.html)(_templateObject_95ead7a054f411e9aeb367f92c5b63ab());styleElement.appendChild(css);styleElement.register("a11y-collapse-button-styles")});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-element.js"],function(_polymerElement){"use strict";function _templateObject_2a67b670555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n  <style>\n    :host #heading {\n      display: flex;\n      justify-content: stretch;\n      align-items: center;\n      padding: 0 var(--a11y-collapse-horizontal-padding, 16px);\n      font-weight: bold;\n      @apply --a11y-collapse-heading;\n    }\n    :host #text {\n      flex-grow: 1;\n      @apply --a11y-collapse-heading-text;\n    }\n    :host #expand {\n      transition: transform 0.5s;\n      @apply --a11y-collapse-icon;\n    }\n    :host #expand[rotated] {\n      transform: rotate(-90deg);\n      @apply --a11y-collapse-icon-rotated;\n    }\n    :host [aria-controls] {\n      cursor: pointer;\n    }\n    :host([disabled]) [aria-controls] {\n      cursor: not-allowed;\n    }\n    :host([expanded]) #heading {\n      @apply --a11y-collapse-heading-expanded;\n    }\n    :host([expanded]) #text {\n      @apply --a11y-collapse-heading-text-expanded;\n    }\n    :host([expanded]) #expand {\n      @apply --a11y-collapse-icon-expanded;\n    }\n  </style>\n"]);_templateObject_2a67b670555211e98f439769bd191e33=function(){return data};return data}var styleElement=document.createElement("dom-module"),css=(0,_polymerElement.html)(_templateObject_2a67b670555211e98f439769bd191e33());styleElement.appendChild(css);styleElement.register("a11y-collapse-button-styles")});
\ No newline at end of file
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 f3b5ddf07e0..3f7d58ba233 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-legacy.js","../../hax-body-behaviors/lib/HAXWiring.js","../../schema-behaviors/schema-behaviors.js","../a11y-collapse.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yCollapseGroup=void 0;function _templateObject_95f6706054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        margin: var(--a11y-collapse-group-margin, 15px 0);\n        --a11y-collapse-margin: 15px;\n\n        @apply --a11y-collapse-group;\n      }\n      :host #heading {\n        font-weight: bold;\n        @apply --a11y-collapse-group-heading;\n      }\n      :host .wrapper {\n        border-radius: 0;\n        --a11y-collapse-margin: 0;\n        --a11y-collapse-border-between: none;\n      }\n    </style>\n    <div class=\"wrapper\"><slot></slot></div>\n  "]);_templateObject_95f6706054f411e9aeb367f92c5b63ab=function(){return data};return data}var A11yCollapseGroup=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_95f6706054f411e9aeb367f92c5b63ab()),is:"a11y-collapse-group",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{globalOptions:{type:Object,value:{}},radio:{type:Boolean,value:!1},__items:{type:Array,value:[]}},ready:function ready(){this.addEventListener("a11y-collapse-click",function(e){this.radioToggle(e.detail)});this.addEventListener("a11y-collapse-attached",function(e){this._attachItem(e.detail)});this.addEventListener("a11y-collapse-detached",function(e){this._detachItem(e.detail)})},_attachItem:function _attachItem(item){for(var key in this.globalOptions){if(this.globalOptions.hasOwnProperty(key)){item._overrideProp(key,this.globalOptions[key])}}this.push("__items",item);this.notifyPath("__items")},_detachItem:function _detachItem(){for(var i=0;i<this.__items.length;i++){if(this.__items[i]===e.detail)this.splice("_items",i,1)}},radioToggle:function radioToggle(item){if(this.radio&&item.expanded){for(var i=0;i<this.__items.length;i++){if(this.__items[i]!==item)this.__items[i].toggle(!1)}}},detached:function detached(){this.removeEventListener("a11y-collapse-click",function(e){this.radioToggle(e.detail)});this.removeEventListener("a11y-collapse-attached",function(e){this.push("__items",e.detail)});this.removeEventListener("a11y-collapse-detached",function(e){this._detachItem(e.detail)});this.set("__items",[]);this.notifyPath("__items")},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Sample gizmo",description:"The user will be able to see this for selection in a UI.",icon:"av:play-circle-filled",color:"grey",groups:["Video","Media"],handles:[{type:"video",url:"source"}],meta:{author:"Your organization on github"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})}});_exports.A11yCollapseGroup=A11yCollapseGroup});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-legacy.js","../../hax-body-behaviors/lib/HAXWiring.js","../../schema-behaviors/schema-behaviors.js","../a11y-collapse.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yCollapseGroup=void 0;function _templateObject_2a717a70555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        margin: var(--a11y-collapse-group-margin, 15px 0);\n        --a11y-collapse-margin: 15px;\n\n        @apply --a11y-collapse-group;\n      }\n      :host #heading {\n        font-weight: bold;\n        @apply --a11y-collapse-group-heading;\n      }\n      :host .wrapper {\n        border-radius: 0;\n        --a11y-collapse-margin: 0;\n        --a11y-collapse-border-between: none;\n      }\n    </style>\n    <div class=\"wrapper\"><slot></slot></div>\n  "]);_templateObject_2a717a70555211e98f439769bd191e33=function(){return data};return data}var A11yCollapseGroup=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2a717a70555211e98f439769bd191e33()),is:"a11y-collapse-group",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{globalOptions:{type:Object,value:{}},radio:{type:Boolean,value:!1},__items:{type:Array,value:[]}},ready:function ready(){this.addEventListener("a11y-collapse-click",function(e){this.radioToggle(e.detail)});this.addEventListener("a11y-collapse-attached",function(e){this._attachItem(e.detail)});this.addEventListener("a11y-collapse-detached",function(e){this._detachItem(e.detail)})},_attachItem:function _attachItem(item){for(var key in this.globalOptions){if(this.globalOptions.hasOwnProperty(key)){item._overrideProp(key,this.globalOptions[key])}}this.push("__items",item);this.notifyPath("__items")},_detachItem:function _detachItem(){for(var i=0;i<this.__items.length;i++){if(this.__items[i]===e.detail)this.splice("_items",i,1)}},radioToggle:function radioToggle(item){if(this.radio&&item.expanded){for(var i=0;i<this.__items.length;i++){if(this.__items[i]!==item)this.__items[i].toggle(!1)}}},detached:function detached(){this.removeEventListener("a11y-collapse-click",function(e){this.radioToggle(e.detail)});this.removeEventListener("a11y-collapse-attached",function(e){this.push("__items",e.detail)});this.removeEventListener("a11y-collapse-detached",function(e){this._detachItem(e.detail)});this.set("__items",[]);this.notifyPath("__items")},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Sample gizmo",description:"The user will be able to see this for selection in a UI.",icon:"av:play-circle-filled",color:"grey",groups:["Video","Media"],handles:[{type:"video",url:"source"}],meta:{author:"Your organization on github"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})}});_exports.A11yCollapseGroup=A11yCollapseGroup});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-icon-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-icon-button.js
index ae647d4188f..e82126bc445 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-icon-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-icon-button.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../hax-body-behaviors/lib/HAXWiring.js","../../schema-behaviors/schema-behaviors.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../@polymer/iron-icons/iron-icons.js","./a11y-collapse-button-styles.js","../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_polymerLegacy){"use strict";function _templateObject_960145d054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"a11y-collapse-button-styles\">\n      :host #expand:focus,\n      :host #expand:hover {\n        @apply --a11y-collapse-icon-focus;\n      }\n    </style>\n    <div id=\"heading\">\n      <div id=\"text\"><slot></slot></div>\n      <paper-icon-button\n        id=\"expand\"\n        alt$=\"[[label]]\"\n        aria-controls=\"content\"\n        aria-expanded$=\"[[exanded]]\"\n        disabled$=\"[[disabled]]\"\n        label$=\"[[label]]\"\n        icon$=\"[[icon]]\"\n        rotated$=\"[[rotated]]\"\n      >\n      </paper-icon-button>\n      <paper-tooltip for=\"expand\">[[tooltip]]</paper-tooltip>\n    </div>\n  "],["\n    <style include=\"a11y-collapse-button-styles\">\n      :host #expand:focus,\n      :host #expand:hover {\n        @apply --a11y-collapse-icon-focus;\n      }\n    </style>\n    <div id=\"heading\">\n      <div id=\"text\"><slot></slot></div>\n      <paper-icon-button\n        id=\"expand\"\n        alt\\$=\"[[label]]\"\n        aria-controls=\"content\"\n        aria-expanded\\$=\"[[exanded]]\"\n        disabled\\$=\"[[disabled]]\"\n        label\\$=\"[[label]]\"\n        icon\\$=\"[[icon]]\"\n        rotated\\$=\"[[rotated]]\"\n      >\n      </paper-icon-button>\n      <paper-tooltip for=\"expand\">[[tooltip]]</paper-tooltip>\n    </div>\n  "]);_templateObject_960145d054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_960145d054f411e9aeb367f92c5b63ab()),is:"a11y-collapse-icon-button",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{disabled:{type:Boolean,value:!1,reflectToAttribute:!0},expanded:{type:Boolean,value:!1,reflectToAttribute:!0},icon:{type:String,value:"icons:expand-more"},label:{type:String,value:"expand/collapse"},tooltip:{type:String,value:"toggle expand/collapse"},rotated:{type:Boolean,value:!1}},ready:function ready(){var root=this;this.$.expand.addEventListener("tap",function(e){root._onTap(e)})},detached:function detached(){this.$.expand.removeEventListener("tap",function(e){root._onTap(e)})},_onTap:function _onTap(){if(!this.disabled){this.fire("a11y-collapse-tap",this)}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../hax-body-behaviors/lib/HAXWiring.js","../../schema-behaviors/schema-behaviors.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../@polymer/iron-icons/iron-icons.js","./a11y-collapse-button-styles.js","../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_polymerLegacy){"use strict";function _templateObject_2a7bdab0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"a11y-collapse-button-styles\">\n      :host #expand:focus,\n      :host #expand:hover {\n        @apply --a11y-collapse-icon-focus;\n      }\n    </style>\n    <div id=\"heading\">\n      <div id=\"text\"><slot></slot></div>\n      <paper-icon-button\n        id=\"expand\"\n        alt$=\"[[label]]\"\n        aria-controls=\"content\"\n        aria-expanded$=\"[[exanded]]\"\n        disabled$=\"[[disabled]]\"\n        label$=\"[[label]]\"\n        icon$=\"[[icon]]\"\n        rotated$=\"[[rotated]]\"\n      >\n      </paper-icon-button>\n      <paper-tooltip for=\"expand\">[[tooltip]]</paper-tooltip>\n    </div>\n  "],["\n    <style include=\"a11y-collapse-button-styles\">\n      :host #expand:focus,\n      :host #expand:hover {\n        @apply --a11y-collapse-icon-focus;\n      }\n    </style>\n    <div id=\"heading\">\n      <div id=\"text\"><slot></slot></div>\n      <paper-icon-button\n        id=\"expand\"\n        alt\\$=\"[[label]]\"\n        aria-controls=\"content\"\n        aria-expanded\\$=\"[[exanded]]\"\n        disabled\\$=\"[[disabled]]\"\n        label\\$=\"[[label]]\"\n        icon\\$=\"[[icon]]\"\n        rotated\\$=\"[[rotated]]\"\n      >\n      </paper-icon-button>\n      <paper-tooltip for=\"expand\">[[tooltip]]</paper-tooltip>\n    </div>\n  "]);_templateObject_2a7bdab0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2a7bdab0555211e98f439769bd191e33()),is:"a11y-collapse-icon-button",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{disabled:{type:Boolean,value:!1,reflectToAttribute:!0},expanded:{type:Boolean,value:!1,reflectToAttribute:!0},icon:{type:String,value:"icons:expand-more"},label:{type:String,value:"expand/collapse"},tooltip:{type:String,value:"toggle expand/collapse"},rotated:{type:Boolean,value:!1}},ready:function ready(){var root=this;this.$.expand.addEventListener("tap",function(e){root._onTap(e)})},detached:function detached(){this.$.expand.removeEventListener("tap",function(e){root._onTap(e)})},_onTap:function _onTap(){if(!this.disabled){this.fire("a11y-collapse-tap",this)}}})});
\ No newline at end of file
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 1756ab577a5..18eeb988934 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../@polymer/iron-image/iron-image.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yGifPlayer=void 0;function _templateObject_6568ef4054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      :host #gifbutton > * {\n        position: relative;\n      }\n      :host #svg {\n        position: absolute;\n        top: 35%;\n        left: 35%;\n      }\n      :host #gifbutton:active,\n      :host #gifbutton:focus,\n      :host #gifbutton:hover {\n        cursor: pointer;\n        outline: 1px solid blue;\n      }\n      :host #preload {\n        display: none;\n      }\n    </style>\n    <div id=\"gifbutton\" aria-role=\"button\" aria-controls=\"gif\" tabindex=\"0\">\n      <div>\n        <img\n          id=\"gif\"\n          alt$=\"[[alt]]\"\n          src$=\"[[srcWithoutAnimation]]\"\n          style=\"width:100%;height:100%;\"\n        />\n        <svg\n          id=\"svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 200 200\"\n          width=\"30%\"\n          height=\"30%\"\n        >\n          <g opacity=\".5\">\n            <polygon\n              points=\"30,20 30,180 170,100\"\n              fill=\"#000000\"\n              stroke=\"#ffffff\"\n              stroke-width=\"15px\"\n            ></polygon>\n            <text x=\"50\" y=\"115\" fill=\"#ffffff\" font-size=\"40px\">GIF</text>\n          </g>\n        </svg>\n      </div>\n    </div>\n    <iron-image id=\"preload\" src$=\"[[src]]\" hidden=\"\"></iron-image>\n    <iron-a11y-keys\n      id=\"a11y\"\n      keys=\"enter space\"\n      on-keys-pressed=\"toggleAnimation\"\n    ></iron-a11y-keys>\n  "],["\n    <style>\n      :host {\n        display: block;\n      }\n      :host #gifbutton > * {\n        position: relative;\n      }\n      :host #svg {\n        position: absolute;\n        top: 35%;\n        left: 35%;\n      }\n      :host #gifbutton:active,\n      :host #gifbutton:focus,\n      :host #gifbutton:hover {\n        cursor: pointer;\n        outline: 1px solid blue;\n      }\n      :host #preload {\n        display: none;\n      }\n    </style>\n    <div id=\"gifbutton\" aria-role=\"button\" aria-controls=\"gif\" tabindex=\"0\">\n      <div>\n        <img\n          id=\"gif\"\n          alt\\$=\"[[alt]]\"\n          src\\$=\"[[srcWithoutAnimation]]\"\n          style=\"width:100%;height:100%;\"\n        />\n        <svg\n          id=\"svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 200 200\"\n          width=\"30%\"\n          height=\"30%\"\n        >\n          <g opacity=\".5\">\n            <polygon\n              points=\"30,20 30,180 170,100\"\n              fill=\"#000000\"\n              stroke=\"#ffffff\"\n              stroke-width=\"15px\"\n            ></polygon>\n            <text x=\"50\" y=\"115\" fill=\"#ffffff\" font-size=\"40px\">GIF</text>\n          </g>\n        </svg>\n      </div>\n    </div>\n    <iron-image id=\"preload\" src\\$=\"[[src]]\" hidden=\"\"></iron-image>\n    <iron-a11y-keys\n      id=\"a11y\"\n      keys=\"enter space\"\n      on-keys-pressed=\"toggleAnimation\"\n    ></iron-a11y-keys>\n  "]);_templateObject_6568ef4054f411e9aeb367f92c5b63ab=function(){return data};return data}var A11yGifPlayer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_6568ef4054f411e9aeb367f92c5b63ab()),is:"a11y-gif-player",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],listeners:{tap:"toggleAnimation"},properties:{src:{type:String,value:null},srcWithoutAnimation:{type:String,value:null},alt:{type:String,value:null}},ready:function ready(){this.stop();this.$.a11y.target=this.$.gifbutton},play:function play(){this.__stopped=!0;this.toggleAnimation()},stop:function stop(){this.__stopped=!1;this.toggleAnimation()},toggleAnimation:function toggleAnimation(){if(this.__stopped){this.__stopped=!1;this.$.svg.style.visibility="hidden";if(null!=this.src){this.$.gif.src=this.src}this.$.gif.alt=this.alt+" (Stop animation.)"}else{this.__stopped=!0;this.$.svg.style.visibility="visible";if(null!=this.srcWithoutAnimation){this.$.gif.src=this.srcWithoutAnimation}this.$.gif.alt=this.alt+" (Play animation.)"}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Accessible GIF",description:"Makes animated GIFs accessible.",icon:"gif",color:"grey",groups:["Images","Media"],handles:[{type:"image",source:"src",source2:"srcWithoutAnimation",alt:"alt"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"src",title:"Animated GIF",description:"The URL to your animated GIF.",inputMethod:"textfield",icon:"link",validationType:"url",required:!0},{property:"srcWithoutAnimation",title:"Still Image",description:"The URL to a still image version of your GIF.",inputMethod:"textfield",icon:"link",validationType:"url",required:!0},{property:"alt",title:"Alt Text",description:"Alternative text for the image.",inputMethod:"textfield",icon:"accessibility",required:!0}],configure:[{property:"src",title:"Animated GIF",description:"The URL to your animated GIF.",inputMethod:"haxupload",icon:"link",validationType:"url",required:!0},{property:"srcWithoutAnimation",title:"Still Image",description:"The URL to a still image version of your GIF.",inputMethod:"haxupload",icon:"link",validationType:"url",required:!0},{property:"alt",title:"Alt Text",description:"Alternative text for the image.",inputMethod:"alt",icon:"accessibility",required:!0}],advanced:[]}})}});_exports.A11yGifPlayer=A11yGifPlayer});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../@polymer/iron-image/iron-image.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yGifPlayer=void 0;function _templateObject_fa7a1ed0555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      :host #gifbutton > * {\n        position: relative;\n      }\n      :host #svg {\n        position: absolute;\n        top: 35%;\n        left: 35%;\n      }\n      :host #gifbutton:active,\n      :host #gifbutton:focus,\n      :host #gifbutton:hover {\n        cursor: pointer;\n        outline: 1px solid blue;\n      }\n      :host #preload {\n        display: none;\n      }\n    </style>\n    <div id=\"gifbutton\" aria-role=\"button\" aria-controls=\"gif\" tabindex=\"0\">\n      <div>\n        <img\n          id=\"gif\"\n          alt$=\"[[alt]]\"\n          src$=\"[[srcWithoutAnimation]]\"\n          style=\"width:100%;height:100%;\"\n        />\n        <svg\n          id=\"svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 200 200\"\n          width=\"30%\"\n          height=\"30%\"\n        >\n          <g opacity=\".5\">\n            <polygon\n              points=\"30,20 30,180 170,100\"\n              fill=\"#000000\"\n              stroke=\"#ffffff\"\n              stroke-width=\"15px\"\n            ></polygon>\n            <text x=\"50\" y=\"115\" fill=\"#ffffff\" font-size=\"40px\">GIF</text>\n          </g>\n        </svg>\n      </div>\n    </div>\n    <iron-image id=\"preload\" src$=\"[[src]]\" hidden=\"\"></iron-image>\n    <iron-a11y-keys\n      id=\"a11y\"\n      keys=\"enter space\"\n      on-keys-pressed=\"toggleAnimation\"\n    ></iron-a11y-keys>\n  "],["\n    <style>\n      :host {\n        display: block;\n      }\n      :host #gifbutton > * {\n        position: relative;\n      }\n      :host #svg {\n        position: absolute;\n        top: 35%;\n        left: 35%;\n      }\n      :host #gifbutton:active,\n      :host #gifbutton:focus,\n      :host #gifbutton:hover {\n        cursor: pointer;\n        outline: 1px solid blue;\n      }\n      :host #preload {\n        display: none;\n      }\n    </style>\n    <div id=\"gifbutton\" aria-role=\"button\" aria-controls=\"gif\" tabindex=\"0\">\n      <div>\n        <img\n          id=\"gif\"\n          alt\\$=\"[[alt]]\"\n          src\\$=\"[[srcWithoutAnimation]]\"\n          style=\"width:100%;height:100%;\"\n        />\n        <svg\n          id=\"svg\"\n          xmlns=\"http://www.w3.org/2000/svg\"\n          viewBox=\"0 0 200 200\"\n          width=\"30%\"\n          height=\"30%\"\n        >\n          <g opacity=\".5\">\n            <polygon\n              points=\"30,20 30,180 170,100\"\n              fill=\"#000000\"\n              stroke=\"#ffffff\"\n              stroke-width=\"15px\"\n            ></polygon>\n            <text x=\"50\" y=\"115\" fill=\"#ffffff\" font-size=\"40px\">GIF</text>\n          </g>\n        </svg>\n      </div>\n    </div>\n    <iron-image id=\"preload\" src\\$=\"[[src]]\" hidden=\"\"></iron-image>\n    <iron-a11y-keys\n      id=\"a11y\"\n      keys=\"enter space\"\n      on-keys-pressed=\"toggleAnimation\"\n    ></iron-a11y-keys>\n  "]);_templateObject_fa7a1ed0555111e98f439769bd191e33=function(){return data};return data}var A11yGifPlayer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_fa7a1ed0555111e98f439769bd191e33()),is:"a11y-gif-player",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],listeners:{tap:"toggleAnimation"},properties:{src:{type:String,value:null},srcWithoutAnimation:{type:String,value:null},alt:{type:String,value:null}},ready:function ready(){this.stop();this.$.a11y.target=this.$.gifbutton},play:function play(){this.__stopped=!0;this.toggleAnimation()},stop:function stop(){this.__stopped=!1;this.toggleAnimation()},toggleAnimation:function toggleAnimation(){if(this.__stopped){this.__stopped=!1;this.$.svg.style.visibility="hidden";if(null!=this.src){this.$.gif.src=this.src}this.$.gif.alt=this.alt+" (Stop animation.)"}else{this.__stopped=!0;this.$.svg.style.visibility="visible";if(null!=this.srcWithoutAnimation){this.$.gif.src=this.srcWithoutAnimation}this.$.gif.alt=this.alt+" (Play animation.)"}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Accessible GIF",description:"Makes animated GIFs accessible.",icon:"gif",color:"grey",groups:["Images","Media"],handles:[{type:"image",source:"src",source2:"srcWithoutAnimation",alt:"alt"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"src",title:"Animated GIF",description:"The URL to your animated GIF.",inputMethod:"textfield",icon:"link",validationType:"url",required:!0},{property:"srcWithoutAnimation",title:"Still Image",description:"The URL to a still image version of your GIF.",inputMethod:"textfield",icon:"link",validationType:"url",required:!0},{property:"alt",title:"Alt Text",description:"Alternative text for the image.",inputMethod:"textfield",icon:"accessibility",required:!0}],configure:[{property:"src",title:"Animated GIF",description:"The URL to your animated GIF.",inputMethod:"haxupload",icon:"link",validationType:"url",required:!0},{property:"srcWithoutAnimation",title:"Still Image",description:"The URL to a still image version of your GIF.",inputMethod:"haxupload",icon:"link",validationType:"url",required:!0},{property:"alt",title:"Alt Text",description:"Alternative text for the image.",inputMethod:"alt",icon:"accessibility",required:!0}],advanced:[]}})}});_exports.A11yGifPlayer=A11yGifPlayer});
\ No newline at end of file
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 461ed9a4c35..b24e0fbd6e4 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","./lib/a11y-media-behaviors.js","../../@polymer/paper-slider/paper-slider.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/av-icons.js","./lib/a11y-media-controls.js","./lib/a11y-media-html5.js","./lib/a11y-media-play-button.js","./lib/a11y-media-transcript.js","./lib/a11y-media-transcript-controls.js","./lib/a11y-media-state-manager.js","./lib/a11y-media-youtube.js"],function(_exports,_polymerElement,_a11yMediaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaPlayer=void 0;function _templateObject_73fdd84054f411e9aeb367f92c5b63ab(){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\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 #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          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 is=\"custom-style\" include=\"simple-colors\"></style>\n      <div class=\"sr-only\">[[mediaCaption]]</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              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          max$=\"[[__duration]]\"\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          mute-unmute=\"[[muteUnmute]]\"\n          on-controls-change=\"_onControlsChanged\"\n          on-print-transcript=\"_handlePrinting\"\n          responsive-size$=\"[[responsiveSize]]\"\n          play-pause=\"[[playPause]]\"\n          stand-alone$=\"[[standAlone]]\"\n          volume=\"[[__volume]]\"\n        >\n        </a11y-media-controls>\n        <div\n          aria-hidden=\"true\"\n          class=\"screen-only media-caption\"\n          hidden$=\"[[!_hasAttribute(mediaCaption)]]\"\n        >\n          [[mediaCaption]]\n        </div>\n        <div class=\"print-only media-caption\">[[printCaption]]</div>\n      </div>\n      <img id=\"printthumb\" aria-hidden=\"true\" src$=\"[[thumbnailSrc]]\" />\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            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    "]);_templateObject_73fdd84054f411e9aeb367f92c5b63ab=function(){return data};return data}var A11yMediaPlayer=function(_A11yMediaBehaviors){var _Mathmax=Math.max;babelHelpers.inherits(A11yMediaPlayer,_A11yMediaBehaviors);function A11yMediaPlayer(){babelHelpers.classCallCheck(this,A11yMediaPlayer);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaPlayer).apply(this,arguments))}babelHelpers.createClass(A11yMediaPlayer,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaPlayer.prototype),"connectedCallback",this).call(this);var root=this;root.__playerAttached=!0;window.A11yMediaStateManager.requestAvailability();root._addResponsiveUtility();window.dispatchEvent(new CustomEvent("a11y-player",{detail:root}));if(root.isYoutube){root._youTubeRequest()}}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaPlayer.prototype),"ready",this).call(this);var root=this;if(null===root.id)root.id="a11y-media-player"+Date.now();root.__playerReady=!0;root.target=root.shadowRoot.querySelector("#transcript");root.__status=root._getLocal("loading","label");root.__slider=root.$.slider;root.__volume=root.muted?0:_Mathmax(this.volume,10);root.__resumePlaying=!1;root.__showFullscreen=!root.disableFullscreen&&window.A11yMediaStateManager.screenfullLoaded&&screenfull.enabled;root.__duration=0;root.$.controls.setStatus(root.__status);root.width=null!==root.width?root.width:"100%";root.style.maxWidth=null!==root.width?root.width:"100%";root._setPlayerHeight(16/9);if(root.isYoutube){root._youTubeRequest();document.addEventListener("timeupdate",function(e){if(e.detail===root.media)root._handleTimeUpdate(e)})}else{root.media=root.$.html5;root.media.media.addEventListener("timeupdate",function(e){root._handleTimeUpdate(e)});root._addSourcesAndTracks()}root.$.transcript.setMedia(root.$.innerplayer);if(root.__showFullscreen){if(window.A11yMediaStateManager.screenfullLoaded)screenfull.on("change",function(){root.fullscreen=screenfull.isFullscreen})}root.$.slider.addEventListener("mousedown",function(){root._handleSliderStart()});root.$.slider.addEventListener("mouseup",function(){root._handleSliderStop()});root.$.slider.addEventListener("keydown",function(){root._handleSliderStart()});root.$.slider.addEventListener("keyup",function(){root._handleSliderStop()});root.$.slider.addEventListener("blur",function(){root._handleSliderStop()})}},{key:"play",value:function play(){var root=this,stopped=!(!0===root.__playing);root.__playing=!0;root.media.play();window.dispatchEvent(new CustomEvent("a11y-player-playing",{detail:root}))}},{key:"pause",value:function pause(){var root=this;root.__playing=!1;root.media.pause()}},{key:"stop",value:function stop(){this.pause();this.seek(0)}},{key:"restart",value:function restart(){this.seek(0);this.play()}},{key:"rewind",value:function rewind(amt){amt=amt!==void 0?amt:this.media.duration/20;this.__resumePlaying=this.__playing;this.seek(this.media.getCurrentTime()-amt,0);if(this.__resumePlaying)this.play();this.__resumePlaying=!1}},{key:"forward",value:function forward(amt){amt=amt!==void 0?amt:this.media.duration/20;this.__resumePlaying=this.__playing;this.seek(this.media.getCurrentTime()+amt);if(this.__resumePlaying)this.play();this.__resumePlaying=!1}},{key:"seek",value:function seek(time){var seekable=this.media!==void 0&&null!==this.media?this.media.seekable:[];if(0<seekable.length&&time>=seekable.start(0)&&time<=seekable.end(0)){this.media.seek(time)}}},{key:"selectTrack",value:function selectTrack(index){this.__selectedTrack=index;this.$.html5.selectTrack(index)}},{key:"setVolume",value:function setVolume(value){this.volume=null!==value?value:70;this.media.setVolume(this.volume);this.muted=0===this.volume}},{key:"setPlaybackRate",value:function setPlaybackRate(value){value=null!==value?value:1;this.media.setPlaybackRate(value)}},{key:"toggleCC",value:function toggleCC(mode){this.cc=mode===void 0?!this.cc:mode;this.$.html5.setCC(this.cc)}},{key:"toggleLoop",value:function toggleLoop(mode){if(!this.isYoutube){this.loop=mode===void 0?!this.loop:mode;this.media.setLoop(this.loop)}}},{key:"toggleMute",value:function toggleMute(mode){this.muted=mode===void 0?!this.muted:mode;this.__volume=this.muted?0:_Mathmax(this.volume,10);this.media.setMute(this.muted)}},{key:"toggleSticky",value:function toggleSticky(mode){mode=mode===void 0?!this.sticky:mode;this.sticky=mode;this.dispatchEvent(new CustomEvent("player-sticky",{detail:this}))}},{key:"toggleTranscript",value:function toggleTranscript(mode){mode=mode===void 0?this.hideTranscript:mode;this.hideTranscript=!mode;if(this.$.transcript!==void 0&&null!==this.$.transcript){this.dispatchEvent(new CustomEvent("transcript-toggle",{detail:this}))}}},{key:"_appendToPlayer",value:function _appendToPlayer(data,type){if(data!==void 0&&null!==data&&[]!==data){for(var root=this,arr=Array.isArray(data)?data:JSON.parse(data),i=0,el;i<arr.length;i++){el=document.createElement(type);for(var key in arr[i]){el.setAttribute(key,arr[i][key])}root.$.html5.media.appendChild(el)}}}},{key:"_setPlayerHeight",value:function _setPlayerHeight(aspect){var root=this;if(root.audioOnly&&null===root.thumbnailSrc&&null===root.height){root.$.player.style.height="60px"}else if(null===root.height){root.$.player.style.paddingTop=100/aspect+"%";root.$.innerplayer.style.maxWidth="calc("+100*aspect+"vh - "+80*aspect+"px)"}else{root.$.outerplayer.style.height=root.height}}},{key:"_getMediaCaption",value:function _getMediaCaption(audioOnly,localization,mediaTitle){var audioLabel=this._getLocal("audio","label"),hasMediaTitle=mediaTitle!==void 0&&null!==mediaTitle&&""!==mediaTitle;if(audioOnly&&hasMediaTitle){return mediaTitle+" ("+audioLabel+")"}else if(audioOnly){return audioLabel}else if(hasMediaTitle){return mediaTitle}else{return null}}},{key:"_getMuteUnmute",value:function _getMuteUnmute(muted){return muted?{label:this._getLocal("unmute","label"),icon:this._getLocal("unmute","icon"),action:"unmute"}:{label:this._getLocal("mute","label"),icon:this._getLocal("mute","icon"),action:"mute"}}},{key:"_getPrintCaption",value:function _getPrintCaption(audioOnly,localization,mediaTitle){var audioLabel=this._getLocal("audio","label"),videoLabel=this._getLocal("video","label"),hasMediaTitle=mediaTitle!==void 0&&null!==mediaTitle&&""!==mediaTitle;if(audioOnly&&hasMediaTitle){return mediaTitle+" ("+audioLabel+")"}else if(audioOnly){return audioLabel}else if(hasMediaTitle){return mediaTitle+" ("+videoLabel+")"}else{return videoLabel}}},{key:"_getThumbnailCSS",value:function _getThumbnailCSS(thumbnailSrc,isYoutube,audioOnly){return null!=thumbnailSrc&&(isYoutube||audioOnly)?"background-image: url("+thumbnailSrc+"); background-size: cover;":null}},{key:"_addSourcesAndTracks",value:function _addSourcesAndTracks(){var root=this,counter=0;root.querySelectorAll("source,track").forEach(function(node){root.$.html5.media.appendChild(node)});root._appendToPlayer(root.tracks,"track");root._appendToPlayer(root.sources,"source");root.$.html5.media.textTracks.onaddtrack=function(e){root.hasCaptions=!0;root.hasTranscript=!root.standAlone;root._getTrackData(e.track,counter++)}}},{key:"_getAudioNoThumb",value:function _getAudioNoThumb(audioOnly,thumbnailSrc){return audioOnly&&(null===thumbnailSrc||thumbnailSrc===void 0)}},{key:"_getFullscreenButton",value:function _getFullscreenButton(disableFullscreen,audioNoThumb){if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||disableFullscreen||audioNoThumb){return!1}else{return!0}}},{key:"_getPlayPause",value:function _getPlayPause(__playing){return!1!==__playing?{label:this._getLocal("pause","label"),icon:this._getLocal("pause","icon"),action:"pause"}:{label:this._getLocal("play","label"),icon:this._getLocal("play","icon"),action:"play"}}},{key:"_getTrackData",value:function _getTrackData(track,id){var root=this,selected=!0===track.default||root.__selectedTrack===void 0,loadCueData;if(selected)root.selectTrack(id);track.mode=selected&&!0===this.cc?"showing":"hidden";loadCueData=setInterval(function(){if(track.cues!==void 0&&null!==track.cues&&0<track.cues.length){clearInterval(loadCueData);var cues=Object.keys(track.cues).map(function(key){return{order:""!==track.cues[key].id?track.cues[key].id:key,seek:track.cues[key].startTime,seekEnd:track.cues[key].endTime,start:root._getHHMMSS(track.cues[key].startTime,root.media.duration),end:root._getHHMMSS(track.cues[key].endTime,root.media.duration),text:track.cues[key].text}});if(root.__tracks===void 0)root.__tracks=[];root.push("__tracks",{value:id,language:track.language,text:track.label!==void 0?track.label:track.language!==void 0?track.language:"Track "+id,cues:cues});root.$.controls.setTracks(root.__tracks);root.$.transcript.setTracks(root.__tracks);root.push("__tracks");track.oncuechange=function(e){root.$.transcript.setActiveCues(Object.keys(e.currentTarget.activeCues).map(function(key){return e.currentTarget.activeCues[key].id}))}}},1)}},{key:"_handleTranscriptSeek",value:function _handleTranscriptSeek(e){var root=this;if(!root.standAlone&&root.$.transcript!==void 0&&null!==root.$.transcript){root.__resumePlaying=root.__playing;root.seek(e.detail)}}},{key:"_handleMediaLoaded",value:function _handleMediaLoaded(){var root=this,aspect=root.media.aspectRatio;root._setPlayerHeight(aspect);root.$.playbutton.removeAttribute("disabled");root._setElapsedTime();root._getTrackData(root.$.html5.media)}},{key:"_hidePlayButton",value:function _hidePlayButton(thumbnailSrc,isYoutube,__elapsed){return isYoutube&&null===thumbnailSrc||!(__elapsed===void 0||0===__elapsed)}},{key:"_handlePrinting",value:function _handlePrinting(){var root=this;root.dispatchEvent(new CustomEvent("printing-transcript",{detail:root}));root.$.transcript.print(root.mediaTitle)}},{key:"_handleSearchAdded",value:function _handleSearchAdded(e){this.search=e.detail}},{key:"_handleSliderStart",value:function _handleSliderStart(){this.__resumePlaying=!this.paused;this.pause();this.__seeking=!0}},{key:"_handleSliderStop",value:function _handleSliderStop(){this.seek(this.$.slider.immediateValue);this.__seeking=!1;if(this.__resumePlaying){this.play();this.__resumePlaying=null}}},{key:"_handleTimeUpdate",value:function _handleTimeUpdate(){var root=this;if(root.isYoutube&&root.media.duration!==root.media.getDuration()){root.__duration=root.media.duration=root.media.getDuration();root.disableSeek=!1;root._addSourcesAndTracks();if(root.media.seekable!==void 0&&0<root.media.seekable.length){root.$.slider.min=root.media.seekable.start(0)}}if(root.media.seekable!==void 0&&0<root.media.seekable.length&&root.media.seekable.end(0)<=root.media.getCurrentTime()){root.stop();root.__playing=!1}root._updateCustomTracks();root._setElapsedTime()}},{key:"_handleTranscriptScrollToggle",value:function _handleTranscriptScrollToggle(){this.disableScroll=!this.disableScroll}},{key:"_isFlexLayout",value:function _isFlexLayout(standAlone,hideTranscript,audioNoThumb,stackedLayout){return!standAlone&&!hideTranscript&&!audioNoThumb&&!stackedLayout}},{key:"_onControlsChanged",value:function _onControlsChanged(e){var root=this,action=e.detail.action!==void 0?e.detail.action:e.detail.id;if("backward"===action||"rewind"===action){root.rewind()}else if("captions"===action){root.toggleCC()}else if("transcript"===action||"transcript-toggle"===action){root.toggleTranscript()}else if("tracks"===e.detail.id){if(""===e.detail.value){root.toggleCC(!1)}else{root.toggleCC(!0);root.selectTrack(e.detail.value)}}else if("forward"===action){root.forward()}else if("fullscreen"===action&&window.A11yMediaStateManager.screenfullLoaded){root.toggleTranscript(root.fullscreen);screenfull.toggle(root.$.outerplayer)}else if("loop"===action){root.toggleLoop()}else if("mute"===action||"unmute"===action){root.toggleMute()}else if("pause"===action){root.pause()}else if("play"===action){root.play()}else if("restart"===action){root.seek(0);root.play()}else if("speed"===action){root.setPlaybackRate(e.detail.value)}else if("volume"===action){root.setVolume(e.detail.value)}}},{key:"_setElapsedTime",value:function _setElapsedTime(){var elapsed=!0===this.__seeking?this.$.slider.immediateValue:0<this.media.getCurrentTime()?this.media.getCurrentTime():0,duration=0<this.media.duration?this.media.duration:0;this.__elapsed=elapsed;this.__duration=duration;if(this.media.seekable!==void 0&&0<this.media.seekable.length){if(this.media.seekable.start(0)!==void 0)elapsed-=this.media.seekable.start(0);if(this.media.seekable.end(0)!==void 0)duration=this.media.seekable.end(0)-(this.media.seekable.start(0)!==void 0?this.media.seekable.start(0):0)}this.__status=this._getHHMMSS(elapsed,duration)+"/"+this._getHHMMSS(duration);this.$.controls.setStatus(this.__status)}},{key:"_showCustomCaptions",value:function _showCustomCaptions(isYoutube,audioOnly,hasCaptions,cc){return(isYoutube||audioOnly)&&hasCaptions&&cc}},{key:"_useYoutubeIframe",value:function _useYoutubeIframe(thumbnailSrc,isYoutube,__elapsed){return isYoutube&&(null===thumbnailSrc||__elapsed===void 0||0===__elapsed)}},{key:"_youTubeRequest",value:function _youTubeRequest(){window.A11yMediaYoutube.requestAvailability();var root=this,ytUtil=window.A11yMediaYoutube.instance;root.disableSeek=!0;if(root.__playerAttached&&root.__playerReady){var ytInit=function(){root.media=ytUtil.initYoutubePlayer({width:"100%",height:"100%",videoId:root.youtubeId});root.__status=root._getLocal("youTubeLoading","label");root.$.controls.setStatus(root.__status);root.$.youtube.appendChild(root.media.a);root.__ytAppended=!0;root._updateCustomTracks()},checkApi=function(){if(ytUtil.apiReady){document.removeEventListener("youtube-api-ready",checkApi);if(!root.__ytAppended){ytInit()}}};if(ytUtil.apiReady){if(!root.__ytAppended){ytInit()}}else{document.addEventListener("youtube-api-ready",checkApi)}}}},{key:"_updateCustomTracks",value:function _updateCustomTracks(){if((this.isYoutube||this.audioOnly)&&this.__tracks){var root=this,track=root.__tracks[this.$.transcript.selectedTranscript],active=[],caption="";if(track!==void 0&&null!==track&&track.cues!==void 0&&null!==track.cues){for(var i=0;i<track.cues.length;i++){if(track.cues[i].seek<root.__elapsed&&track.cues[i].seekEnd>root.__elapsed){active.push(track.cues[i].order);caption=""===caption?track.cues[i].text:caption}}root.$.customcctxt.innerText=caption;root.$.transcript.setActiveCues(active)}}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_73fdd84054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{allowConcurrent:{name:"allowConcurrent",type:"Boolean",value:!1},audioNoThumb:{name:"audioNoThumb",type:"Boolean",computed:"_getAudioNoThumb(audioOnly,thumbnailSrc)"},darkTranscript:{name:"darkTranscript",type:"Boolean",value:!1},disableFullscreen:{name:"disableFullscreen",type:"Boolean",value:!1},disableInteractive:{name:"disableInteractive",type:"Boolean",value:!1},flexLayout:{name:"flexLayout",type:"Boolean",computed:"_isFlexLayout(standAlone,hideTranscript,audioNoThumb,stackedLayout)",reflectToAttribute:!0},fullscreen:{name:"fullscreen",type:"Boolean",value:!1},fullscreenButton:{name:"fullscreenButton",type:"Boolean",computed:"_getFullscreenButton(disableFullscreen,audioNoThumb)",notify:!0},hasCaptions:{name:"hasCaptions",type:"Boolean",value:!1},hideElapsedTime:{name:"hideElapsedTime",type:"Boolean",value:!1},hideTimestamps:{name:"hideTimestamps",type:"Boolean",value:!1},hideTranscript:{name:"hideTranscript",type:"Boolean",value:!1,reflectToAttribute:!0},id:{name:"id",type:"String",value:null,reflectToAttribute:!0},mediaCaption:{name:"mediaCaption",type:"String",computed:"_getMediaCaption(audioOnly,localization,mediaTitle)"},mediaLang:{name:"mediaLang",type:"String",value:"en"},muteUnmute:{name:"muteUnmute",type:"Object",computed:"_getMuteUnmute(muted)"},printCaption:{name:"printCaption",type:"String",computed:"_getPrintCaption(audioOnly,audioLabel,videoLabel,mediaTitle)"},responsiveSize:{name:"responsiveSize",type:"String",notify:!0,value:"xs",reflectToAttribute:!0},showCustomCaptions:{name:"showCustomCaptions",type:"Boolean",computed:"_showCustomCaptions(isYoutube, audioOnly, hasCaptions, cc)"},sources:{name:"sources",type:"Array",value:[]},stackedLayout:{name:"stackedLayout",type:"Boolean",value:!1},sticky:{name:"sticky",type:"Boolean",value:!1,reflectToAttribute:!0},stickyCorner:{name:"stickyCorner",type:"String",value:"top-right",reflectToAttribute:!0},thumbnailSrc:{name:"thumbnailSrc",type:"String",value:null,reflectToAttribute:!0},tracks:{name:"tracks",type:"Array",value:[]},playPause:{name:"playPause",type:"Object",computed:"_getPlayPause(__playing)"},__playing:{name:"__playing",type:"Boolean",value:!1,notify:!0,reflectToAttribute:!0}}}},{key:"tag",get:function get(){return"a11y-media-player"}},{key:"behaviors",get:function get(){return[_a11yMediaBehaviors.A11yMediaBehaviors]}}]);return A11yMediaPlayer}(_a11yMediaBehaviors.A11yMediaBehaviors);_exports.A11yMediaPlayer=A11yMediaPlayer;window.customElements.define(A11yMediaPlayer.tag,A11yMediaPlayer)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","./lib/a11y-media-behaviors.js","../../@polymer/paper-slider/paper-slider.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/av-icons.js","./lib/a11y-media-controls.js","./lib/a11y-media-html5.js","./lib/a11y-media-play-button.js","./lib/a11y-media-transcript.js","./lib/a11y-media-transcript-controls.js","./lib/a11y-media-state-manager.js","./lib/a11y-media-youtube.js"],function(_exports,_polymerElement,_a11yMediaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaPlayer=void 0;function _templateObject_08ff2950555211e98f439769bd191e33(){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\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 #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          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 is=\"custom-style\" include=\"simple-colors\"></style>\n      <div class=\"sr-only\">[[mediaCaption]]</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              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          max$=\"[[__duration]]\"\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          mute-unmute=\"[[muteUnmute]]\"\n          on-controls-change=\"_onControlsChanged\"\n          on-print-transcript=\"_handlePrinting\"\n          responsive-size$=\"[[responsiveSize]]\"\n          play-pause=\"[[playPause]]\"\n          stand-alone$=\"[[standAlone]]\"\n          volume=\"[[__volume]]\"\n        >\n        </a11y-media-controls>\n        <div\n          aria-hidden=\"true\"\n          class=\"screen-only media-caption\"\n          hidden$=\"[[!_hasAttribute(mediaCaption)]]\"\n        >\n          [[mediaCaption]]\n        </div>\n        <div class=\"print-only media-caption\">[[printCaption]]</div>\n      </div>\n      <img id=\"printthumb\" aria-hidden=\"true\" src$=\"[[thumbnailSrc]]\" />\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            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    "]);_templateObject_08ff2950555211e98f439769bd191e33=function(){return data};return data}var A11yMediaPlayer=function(_A11yMediaBehaviors){var _Mathmax=Math.max;babelHelpers.inherits(A11yMediaPlayer,_A11yMediaBehaviors);function A11yMediaPlayer(){babelHelpers.classCallCheck(this,A11yMediaPlayer);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaPlayer).apply(this,arguments))}babelHelpers.createClass(A11yMediaPlayer,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaPlayer.prototype),"connectedCallback",this).call(this);var root=this;root.__playerAttached=!0;window.A11yMediaStateManager.requestAvailability();root._addResponsiveUtility();window.dispatchEvent(new CustomEvent("a11y-player",{detail:root}));if(root.isYoutube){root._youTubeRequest()}}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaPlayer.prototype),"ready",this).call(this);var root=this;if(null===root.id)root.id="a11y-media-player"+Date.now();root.__playerReady=!0;root.target=root.shadowRoot.querySelector("#transcript");root.__status=root._getLocal("loading","label");root.__slider=root.$.slider;root.__volume=root.muted?0:_Mathmax(this.volume,10);root.__resumePlaying=!1;root.__showFullscreen=!root.disableFullscreen&&window.A11yMediaStateManager.screenfullLoaded&&screenfull.enabled;root.__duration=0;root.$.controls.setStatus(root.__status);root.width=null!==root.width?root.width:"100%";root.style.maxWidth=null!==root.width?root.width:"100%";root._setPlayerHeight(16/9);if(root.isYoutube){root._youTubeRequest();document.addEventListener("timeupdate",function(e){if(e.detail===root.media)root._handleTimeUpdate(e)})}else{root.media=root.$.html5;root.media.media.addEventListener("timeupdate",function(e){root._handleTimeUpdate(e)});root._addSourcesAndTracks()}root.$.transcript.setMedia(root.$.innerplayer);if(root.__showFullscreen){if(window.A11yMediaStateManager.screenfullLoaded)screenfull.on("change",function(){root.fullscreen=screenfull.isFullscreen})}root.$.slider.addEventListener("mousedown",function(){root._handleSliderStart()});root.$.slider.addEventListener("mouseup",function(){root._handleSliderStop()});root.$.slider.addEventListener("keydown",function(){root._handleSliderStart()});root.$.slider.addEventListener("keyup",function(){root._handleSliderStop()});root.$.slider.addEventListener("blur",function(){root._handleSliderStop()})}},{key:"play",value:function play(){var root=this,stopped=!(!0===root.__playing);root.__playing=!0;root.media.play();window.dispatchEvent(new CustomEvent("a11y-player-playing",{detail:root}))}},{key:"pause",value:function pause(){var root=this;root.__playing=!1;root.media.pause()}},{key:"stop",value:function stop(){this.pause();this.seek(0)}},{key:"restart",value:function restart(){this.seek(0);this.play()}},{key:"rewind",value:function rewind(amt){amt=amt!==void 0?amt:this.media.duration/20;this.__resumePlaying=this.__playing;this.seek(this.media.getCurrentTime()-amt,0);if(this.__resumePlaying)this.play();this.__resumePlaying=!1}},{key:"forward",value:function forward(amt){amt=amt!==void 0?amt:this.media.duration/20;this.__resumePlaying=this.__playing;this.seek(this.media.getCurrentTime()+amt);if(this.__resumePlaying)this.play();this.__resumePlaying=!1}},{key:"seek",value:function seek(time){var seekable=this.media!==void 0&&null!==this.media?this.media.seekable:[];if(0<seekable.length&&time>=seekable.start(0)&&time<=seekable.end(0)){this.media.seek(time)}}},{key:"selectTrack",value:function selectTrack(index){this.__selectedTrack=index;this.$.html5.selectTrack(index)}},{key:"setVolume",value:function setVolume(value){this.volume=null!==value?value:70;this.media.setVolume(this.volume);this.muted=0===this.volume}},{key:"setPlaybackRate",value:function setPlaybackRate(value){value=null!==value?value:1;this.media.setPlaybackRate(value)}},{key:"toggleCC",value:function toggleCC(mode){this.cc=mode===void 0?!this.cc:mode;this.$.html5.setCC(this.cc)}},{key:"toggleLoop",value:function toggleLoop(mode){if(!this.isYoutube){this.loop=mode===void 0?!this.loop:mode;this.media.setLoop(this.loop)}}},{key:"toggleMute",value:function toggleMute(mode){this.muted=mode===void 0?!this.muted:mode;this.__volume=this.muted?0:_Mathmax(this.volume,10);this.media.setMute(this.muted)}},{key:"toggleSticky",value:function toggleSticky(mode){mode=mode===void 0?!this.sticky:mode;this.sticky=mode;this.dispatchEvent(new CustomEvent("player-sticky",{detail:this}))}},{key:"toggleTranscript",value:function toggleTranscript(mode){mode=mode===void 0?this.hideTranscript:mode;this.hideTranscript=!mode;if(this.$.transcript!==void 0&&null!==this.$.transcript){this.dispatchEvent(new CustomEvent("transcript-toggle",{detail:this}))}}},{key:"_appendToPlayer",value:function _appendToPlayer(data,type){if(data!==void 0&&null!==data&&[]!==data){for(var root=this,arr=Array.isArray(data)?data:JSON.parse(data),i=0,el;i<arr.length;i++){el=document.createElement(type);for(var key in arr[i]){el.setAttribute(key,arr[i][key])}root.$.html5.media.appendChild(el)}}}},{key:"_setPlayerHeight",value:function _setPlayerHeight(aspect){var root=this;if(root.audioOnly&&null===root.thumbnailSrc&&null===root.height){root.$.player.style.height="60px"}else if(null===root.height){root.$.player.style.paddingTop=100/aspect+"%";root.$.innerplayer.style.maxWidth="calc("+100*aspect+"vh - "+80*aspect+"px)"}else{root.$.outerplayer.style.height=root.height}}},{key:"_getMediaCaption",value:function _getMediaCaption(audioOnly,localization,mediaTitle){var audioLabel=this._getLocal("audio","label"),hasMediaTitle=mediaTitle!==void 0&&null!==mediaTitle&&""!==mediaTitle;if(audioOnly&&hasMediaTitle){return mediaTitle+" ("+audioLabel+")"}else if(audioOnly){return audioLabel}else if(hasMediaTitle){return mediaTitle}else{return null}}},{key:"_getMuteUnmute",value:function _getMuteUnmute(muted){return muted?{label:this._getLocal("unmute","label"),icon:this._getLocal("unmute","icon"),action:"unmute"}:{label:this._getLocal("mute","label"),icon:this._getLocal("mute","icon"),action:"mute"}}},{key:"_getPrintCaption",value:function _getPrintCaption(audioOnly,localization,mediaTitle){var audioLabel=this._getLocal("audio","label"),videoLabel=this._getLocal("video","label"),hasMediaTitle=mediaTitle!==void 0&&null!==mediaTitle&&""!==mediaTitle;if(audioOnly&&hasMediaTitle){return mediaTitle+" ("+audioLabel+")"}else if(audioOnly){return audioLabel}else if(hasMediaTitle){return mediaTitle+" ("+videoLabel+")"}else{return videoLabel}}},{key:"_getThumbnailCSS",value:function _getThumbnailCSS(thumbnailSrc,isYoutube,audioOnly){return null!=thumbnailSrc&&(isYoutube||audioOnly)?"background-image: url("+thumbnailSrc+"); background-size: cover;":null}},{key:"_addSourcesAndTracks",value:function _addSourcesAndTracks(){var root=this,counter=0;root.querySelectorAll("source,track").forEach(function(node){root.$.html5.media.appendChild(node)});root._appendToPlayer(root.tracks,"track");root._appendToPlayer(root.sources,"source");root.$.html5.media.textTracks.onaddtrack=function(e){root.hasCaptions=!0;root.hasTranscript=!root.standAlone;root._getTrackData(e.track,counter++)}}},{key:"_getAudioNoThumb",value:function _getAudioNoThumb(audioOnly,thumbnailSrc){return audioOnly&&(null===thumbnailSrc||thumbnailSrc===void 0)}},{key:"_getFullscreenButton",value:function _getFullscreenButton(disableFullscreen,audioNoThumb){if(/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||disableFullscreen||audioNoThumb){return!1}else{return!0}}},{key:"_getPlayPause",value:function _getPlayPause(__playing){return!1!==__playing?{label:this._getLocal("pause","label"),icon:this._getLocal("pause","icon"),action:"pause"}:{label:this._getLocal("play","label"),icon:this._getLocal("play","icon"),action:"play"}}},{key:"_getTrackData",value:function _getTrackData(track,id){var root=this,selected=!0===track.default||root.__selectedTrack===void 0,loadCueData;if(selected)root.selectTrack(id);track.mode=selected&&!0===this.cc?"showing":"hidden";loadCueData=setInterval(function(){if(track.cues!==void 0&&null!==track.cues&&0<track.cues.length){clearInterval(loadCueData);var cues=Object.keys(track.cues).map(function(key){return{order:""!==track.cues[key].id?track.cues[key].id:key,seek:track.cues[key].startTime,seekEnd:track.cues[key].endTime,start:root._getHHMMSS(track.cues[key].startTime,root.media.duration),end:root._getHHMMSS(track.cues[key].endTime,root.media.duration),text:track.cues[key].text}});if(root.__tracks===void 0)root.__tracks=[];root.push("__tracks",{value:id,language:track.language,text:track.label!==void 0?track.label:track.language!==void 0?track.language:"Track "+id,cues:cues});root.$.controls.setTracks(root.__tracks);root.$.transcript.setTracks(root.__tracks);root.push("__tracks");track.oncuechange=function(e){root.$.transcript.setActiveCues(Object.keys(e.currentTarget.activeCues).map(function(key){return e.currentTarget.activeCues[key].id}))}}},1)}},{key:"_handleTranscriptSeek",value:function _handleTranscriptSeek(e){var root=this;if(!root.standAlone&&root.$.transcript!==void 0&&null!==root.$.transcript){root.__resumePlaying=root.__playing;root.seek(e.detail)}}},{key:"_handleMediaLoaded",value:function _handleMediaLoaded(){var root=this,aspect=root.media.aspectRatio;root._setPlayerHeight(aspect);root.$.playbutton.removeAttribute("disabled");root._setElapsedTime();root._getTrackData(root.$.html5.media)}},{key:"_hidePlayButton",value:function _hidePlayButton(thumbnailSrc,isYoutube,__elapsed){return isYoutube&&null===thumbnailSrc||!(__elapsed===void 0||0===__elapsed)}},{key:"_handlePrinting",value:function _handlePrinting(){var root=this;root.dispatchEvent(new CustomEvent("printing-transcript",{detail:root}));root.$.transcript.print(root.mediaTitle)}},{key:"_handleSearchAdded",value:function _handleSearchAdded(e){this.search=e.detail}},{key:"_handleSliderStart",value:function _handleSliderStart(){this.__resumePlaying=!this.paused;this.pause();this.__seeking=!0}},{key:"_handleSliderStop",value:function _handleSliderStop(){this.seek(this.$.slider.immediateValue);this.__seeking=!1;if(this.__resumePlaying){this.play();this.__resumePlaying=null}}},{key:"_handleTimeUpdate",value:function _handleTimeUpdate(){var root=this;if(root.isYoutube&&root.media.duration!==root.media.getDuration()){root.__duration=root.media.duration=root.media.getDuration();root.disableSeek=!1;root._addSourcesAndTracks();if(root.media.seekable!==void 0&&0<root.media.seekable.length){root.$.slider.min=root.media.seekable.start(0)}}if(root.media.seekable!==void 0&&0<root.media.seekable.length&&root.media.seekable.end(0)<=root.media.getCurrentTime()){root.stop();root.__playing=!1}root._updateCustomTracks();root._setElapsedTime()}},{key:"_handleTranscriptScrollToggle",value:function _handleTranscriptScrollToggle(){this.disableScroll=!this.disableScroll}},{key:"_isFlexLayout",value:function _isFlexLayout(standAlone,hideTranscript,audioNoThumb,stackedLayout){return!standAlone&&!hideTranscript&&!audioNoThumb&&!stackedLayout}},{key:"_onControlsChanged",value:function _onControlsChanged(e){var root=this,action=e.detail.action!==void 0?e.detail.action:e.detail.id;if("backward"===action||"rewind"===action){root.rewind()}else if("captions"===action){root.toggleCC()}else if("transcript"===action||"transcript-toggle"===action){root.toggleTranscript()}else if("tracks"===e.detail.id){if(""===e.detail.value){root.toggleCC(!1)}else{root.toggleCC(!0);root.selectTrack(e.detail.value)}}else if("forward"===action){root.forward()}else if("fullscreen"===action&&window.A11yMediaStateManager.screenfullLoaded){root.toggleTranscript(root.fullscreen);screenfull.toggle(root.$.outerplayer)}else if("loop"===action){root.toggleLoop()}else if("mute"===action||"unmute"===action){root.toggleMute()}else if("pause"===action){root.pause()}else if("play"===action){root.play()}else if("restart"===action){root.seek(0);root.play()}else if("speed"===action){root.setPlaybackRate(e.detail.value)}else if("volume"===action){root.setVolume(e.detail.value)}}},{key:"_setElapsedTime",value:function _setElapsedTime(){var elapsed=!0===this.__seeking?this.$.slider.immediateValue:0<this.media.getCurrentTime()?this.media.getCurrentTime():0,duration=0<this.media.duration?this.media.duration:0;this.__elapsed=elapsed;this.__duration=duration;if(this.media.seekable!==void 0&&0<this.media.seekable.length){if(this.media.seekable.start(0)!==void 0)elapsed-=this.media.seekable.start(0);if(this.media.seekable.end(0)!==void 0)duration=this.media.seekable.end(0)-(this.media.seekable.start(0)!==void 0?this.media.seekable.start(0):0)}this.__status=this._getHHMMSS(elapsed,duration)+"/"+this._getHHMMSS(duration);this.$.controls.setStatus(this.__status)}},{key:"_showCustomCaptions",value:function _showCustomCaptions(isYoutube,audioOnly,hasCaptions,cc){return(isYoutube||audioOnly)&&hasCaptions&&cc}},{key:"_useYoutubeIframe",value:function _useYoutubeIframe(thumbnailSrc,isYoutube,__elapsed){return isYoutube&&(null===thumbnailSrc||__elapsed===void 0||0===__elapsed)}},{key:"_youTubeRequest",value:function _youTubeRequest(){window.A11yMediaYoutube.requestAvailability();var root=this,ytUtil=window.A11yMediaYoutube.instance;root.disableSeek=!0;if(root.__playerAttached&&root.__playerReady){var ytInit=function(){root.media=ytUtil.initYoutubePlayer({width:"100%",height:"100%",videoId:root.youtubeId});root.__status=root._getLocal("youTubeLoading","label");root.$.controls.setStatus(root.__status);root.$.youtube.appendChild(root.media.a);root.__ytAppended=!0;root._updateCustomTracks()},checkApi=function(){if(ytUtil.apiReady){document.removeEventListener("youtube-api-ready",checkApi);if(!root.__ytAppended){ytInit()}}};if(ytUtil.apiReady){if(!root.__ytAppended){ytInit()}}else{document.addEventListener("youtube-api-ready",checkApi)}}}},{key:"_updateCustomTracks",value:function _updateCustomTracks(){if((this.isYoutube||this.audioOnly)&&this.__tracks){var root=this,track=root.__tracks[this.$.transcript.selectedTranscript],active=[],caption="";if(track!==void 0&&null!==track&&track.cues!==void 0&&null!==track.cues){for(var i=0;i<track.cues.length;i++){if(track.cues[i].seek<root.__elapsed&&track.cues[i].seekEnd>root.__elapsed){active.push(track.cues[i].order);caption=""===caption?track.cues[i].text:caption}}root.$.customcctxt.innerText=caption;root.$.transcript.setActiveCues(active)}}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_08ff2950555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{allowConcurrent:{name:"allowConcurrent",type:"Boolean",value:!1},audioNoThumb:{name:"audioNoThumb",type:"Boolean",computed:"_getAudioNoThumb(audioOnly,thumbnailSrc)"},darkTranscript:{name:"darkTranscript",type:"Boolean",value:!1},disableFullscreen:{name:"disableFullscreen",type:"Boolean",value:!1},disableInteractive:{name:"disableInteractive",type:"Boolean",value:!1},flexLayout:{name:"flexLayout",type:"Boolean",computed:"_isFlexLayout(standAlone,hideTranscript,audioNoThumb,stackedLayout)",reflectToAttribute:!0},fullscreen:{name:"fullscreen",type:"Boolean",value:!1},fullscreenButton:{name:"fullscreenButton",type:"Boolean",computed:"_getFullscreenButton(disableFullscreen,audioNoThumb)",notify:!0},hasCaptions:{name:"hasCaptions",type:"Boolean",value:!1},hideElapsedTime:{name:"hideElapsedTime",type:"Boolean",value:!1},hideTimestamps:{name:"hideTimestamps",type:"Boolean",value:!1},hideTranscript:{name:"hideTranscript",type:"Boolean",value:!1,reflectToAttribute:!0},id:{name:"id",type:"String",value:null,reflectToAttribute:!0},mediaCaption:{name:"mediaCaption",type:"String",computed:"_getMediaCaption(audioOnly,localization,mediaTitle)"},mediaLang:{name:"mediaLang",type:"String",value:"en"},muteUnmute:{name:"muteUnmute",type:"Object",computed:"_getMuteUnmute(muted)"},printCaption:{name:"printCaption",type:"String",computed:"_getPrintCaption(audioOnly,audioLabel,videoLabel,mediaTitle)"},responsiveSize:{name:"responsiveSize",type:"String",notify:!0,value:"xs",reflectToAttribute:!0},showCustomCaptions:{name:"showCustomCaptions",type:"Boolean",computed:"_showCustomCaptions(isYoutube, audioOnly, hasCaptions, cc)"},sources:{name:"sources",type:"Array",value:[]},stackedLayout:{name:"stackedLayout",type:"Boolean",value:!1},sticky:{name:"sticky",type:"Boolean",value:!1,reflectToAttribute:!0},stickyCorner:{name:"stickyCorner",type:"String",value:"top-right",reflectToAttribute:!0},thumbnailSrc:{name:"thumbnailSrc",type:"String",value:null,reflectToAttribute:!0},tracks:{name:"tracks",type:"Array",value:[]},playPause:{name:"playPause",type:"Object",computed:"_getPlayPause(__playing)"},__playing:{name:"__playing",type:"Boolean",value:!1,notify:!0,reflectToAttribute:!0}}}},{key:"tag",get:function get(){return"a11y-media-player"}},{key:"behaviors",get:function get(){return[_a11yMediaBehaviors.A11yMediaBehaviors]}}]);return A11yMediaPlayer}(_a11yMediaBehaviors.A11yMediaBehaviors);_exports.A11yMediaPlayer=A11yMediaPlayer;window.customElements.define(A11yMediaPlayer.tag,A11yMediaPlayer)});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-behaviors.js b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-behaviors.js
index ff34df8f634..004fb7ceec6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-behaviors.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-behaviors.js
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../simple-colors/simple-colors.js","../../responsive-utility/responsive-utility.js"],function(_exports,_polymerElement,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaBehaviors=void 0;var A11yMediaBehaviors=function(_SimpleColors){babelHelpers.inherits(A11yMediaBehaviors,_SimpleColors);function A11yMediaBehaviors(){babelHelpers.classCallCheck(this,A11yMediaBehaviors);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaBehaviors).apply(this,arguments))}babelHelpers.createClass(A11yMediaBehaviors,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaBehaviors.prototype),"connectedCallback",this).call(this)}},{key:"_hasAttribute",value:function _hasAttribute(attr){return attr!==void 0&&null!==attr}},{key:"_testAttribute",value:function _testAttribute(attr,val){return attr===val}},{key:"_addResponsiveUtility",value:function _addResponsiveUtility(options){var root=this;window.ResponsiveUtility.requestAvailability();window.dispatchEvent(new CustomEvent("responsive-element",{detail:options!==void 0?options:{element:root,attribute:"responsive-size",relativeToParent:!0}}))}},{key:"_getHHMMSS",value:function _getHHMMSS(val,max){max=max===void 0?val:max;var a=function(val){return 10>val?"0"+val:val},b=function(val,i,none){return max>=i?a(Math.floor(val/i))+":":none};return b(val,3600,"")+b(val%3600,60,"00:")+a(Math.round(val%60))}},{key:"_getLocal",value:function _getLocal(key,subkey){var local="",localization=this.localization;if(localization!==void 0&&localization[key]!==void 0&&localization[key][subkey]!==void 0){local=localization[key][subkey]}else if(this.localizationDefaults!==void 0&&this.localizationDefaults[key]!==void 0&&this.localizationDefaults[key][subkey]!==void 0){local=this.localizationDefaults[key][subkey]}return local}},{key:"_handlePrintClick",value:function _handlePrintClick(){this.dispatchEvent(new CustomEvent("print-transcript",{detail:this}))}},{key:"_handlePrinting",value:function _handlePrinting(){var root=this;root.dispatchEvent(new CustomEvent("printing-transcript",{detail:root}));root.$.transcript.print(root.mediaTitle)}}],[{key:"tag",get:function get(){return"a11y-media-behaviors"}},{key:"properties",get:function get(){return{audioOnly:{name:"audioOnly",type:Boolean,value:!1,reflectToAttribute:!0},autoplay:{name:"autoplay",type:Boolean,value:!1},cc:{name:"cc",type:Boolean,value:!1},disablePrintButton:{name:"disablePrintButton",type:Boolean,value:!1},disableSearch:{name:"disableSearch",type:Boolean,value:!1},disableScroll:{name:"disableScroll",type:Boolean,value:!1},disableSeek:{name:"disableSeek",type:Boolean,value:!1},hasTranscript:{name:"hasTranscript",type:Boolean,value:!1},height:{name:"height",type:String,value:null},isYoutube:{name:"isYoutube",type:Boolean,computed:"_hasAttribute(youtubeId)"},lang:{name:"lang",type:String,value:"en"},localization:{name:"localization",type:Object,value:{}},localizationDefaults:{name:"localizationDefaults",type:Object,value:{audio:{label:"Audio"},autoScroll:{label:"Scroll transcript with video.",icon:"swap-vert"},captions:{label:"Closed Captions",icon:"av:closed-caption",off:"Off"},forward:{label:"Forward",icon:"av:fast-forward"},fullscreen:{label:"Fullscreen",icon:"fullscreen"},loading:{label:"Loading..."},loop:{label:"Loop Playback"},mute:{label:"Mute",icon:"av:volume-up"},nextResult:{label:"Next",icon:"arrow-forward"},pause:{label:"Pause",icon:"av:pause"},play:{label:"Play",icon:"av:play-arrow"},prevResult:{label:"Previous",icon:"arrow-back"},print:{label:"Print the transcript.",icon:"print"},restart:{label:"Restart",icon:"av:replay"},rewind:{label:"Backward",icon:"av:fast-rewind"},search:{label:"Search the transcript.",icon:"search"},settings:{label:"Settings",icon:"settings"},speed:{label:"Speed %"},transcript:{label:"Transcript",icon:"description",loading:"Loading the transcript(s)...",skip:"Skip to the transcript."},unmute:{label:"Unmute",icon:"av:volume-off"},video:{label:"Video"},volume:{label:"Volume"},youTubeLoading:{label:"Ready."},youTubeTranscript:{label:"Transcript will load once media plays."}},readOnly:!0},loop:{name:"loop",type:Boolean,value:!1},manifest:{name:"manifest",type:String,value:null},media:{name:"media",type:Object,value:null},mediaTitle:{name:"mediaTitle",type:String,value:""},muted:{name:"muted",type:Boolean,value:!1},playbackRate:{name:"playbackRate",type:Number,value:1},playing:{name:"playing",type:Boolean,value:!1},playPause:{name:"playPause",type:Object},preload:{name:"preload",type:String,value:"metadata"},search:{name:"search",type:Object,value:null},standAlone:{name:"standAlone",type:Boolean,value:!1,reflectToAttribute:!0},status:{name:"status",type:String,value:"loading..."},selectedTrack:{name:"selectedTrack",type:Object,value:null},selectedTrackID:{name:"selectedTrackID",type:Number,value:null},target:{name:"target",type:Object,value:null},tracks:{name:"tracks",type:Array,value:null},volume:{name:"volume",type:Number,value:70},width:{name:"width",type:String,value:null},youtubeId:{name:"youtubeId",type:String,value:null},youTube:{name:"youTube",type:Object,value:{}}}}},{key:"behaviors",get:function get(){return[_simpleColors.SimpleColors,ResponsiveUtility]}}]);return A11yMediaBehaviors}(_simpleColors.SimpleColors);_exports.A11yMediaBehaviors=A11yMediaBehaviors;window.customElements.define(A11yMediaBehaviors.tag,A11yMediaBehaviors)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../simple-colors/simple-colors.js","../../responsive-utility/responsive-utility.js"],function(_exports,_polymerElement,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaBehaviors=void 0;var A11yMediaBehaviors=function(_SimpleColors){babelHelpers.inherits(A11yMediaBehaviors,_SimpleColors);function A11yMediaBehaviors(){babelHelpers.classCallCheck(this,A11yMediaBehaviors);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaBehaviors).apply(this,arguments))}babelHelpers.createClass(A11yMediaBehaviors,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaBehaviors.prototype),"connectedCallback",this).call(this)}},{key:"_hasAttribute",value:function _hasAttribute(attr){return attr!==void 0&&null!==attr}},{key:"_testAttribute",value:function _testAttribute(attr,val){return attr===val}},{key:"_addResponsiveUtility",value:function _addResponsiveUtility(options){var root=this;window.ResponsiveUtility.requestAvailability();window.dispatchEvent(new CustomEvent("responsive-element",{detail:options!==void 0?options:{element:root,attribute:"responsive-size",relativeToParent:!0}}))}},{key:"_getHHMMSS",value:function _getHHMMSS(val,max){max=max===void 0?val:max;var a=function(val){return 10>val?"0"+val:val},b=function(val,i,none){return max>=i?a(Math.floor(val/i))+":":none};return b(val,3600,"")+b(val%3600,60,"00:")+a(Math.round(val%60))}},{key:"_getLocal",value:function _getLocal(key,subkey){var local="",localization=this.localization;if(localization!==void 0&&localization[key]!==void 0&&localization[key][subkey]!==void 0){local=localization[key][subkey]}else if(this.localizationDefaults!==void 0&&this.localizationDefaults[key]!==void 0&&this.localizationDefaults[key][subkey]!==void 0){local=this.localizationDefaults[key][subkey]}return local}},{key:"_handlePrintClick",value:function _handlePrintClick(){this.dispatchEvent(new CustomEvent("print-transcript",{detail:this}))}},{key:"_handlePrinting",value:function _handlePrinting(){var root=this;root.dispatchEvent(new CustomEvent("printing-transcript",{detail:root}));root.$.transcript.print(root.mediaTitle)}}],[{key:"tag",get:function get(){return"a11y-media-behaviors"}},{key:"properties",get:function get(){return{audioOnly:{name:"audioOnly",type:Boolean,value:!1,reflectToAttribute:!0},autoplay:{name:"autoplay",type:Boolean,value:!1},cc:{name:"cc",type:Boolean,value:!1},disablePrintButton:{name:"disablePrintButton",type:Boolean,value:!1},disableSearch:{name:"disableSearch",type:Boolean,value:!1},disableScroll:{name:"disableScroll",type:Boolean,value:!1},disableSeek:{name:"disableSeek",type:Boolean,value:!1},hasTranscript:{name:"hasTranscript",type:Boolean,value:!1},height:{name:"height",type:String,value:null},isYoutube:{name:"isYoutube",type:Boolean,computed:"_hasAttribute(youtubeId)"},lang:{name:"lang",type:String,value:"en"},localization:{name:"localization",type:Object,value:{}},localizationDefaults:{name:"localizationDefaults",type:Object,value:{audio:{label:"Audio"},autoScroll:{label:"Scroll transcript with video.",icon:"swap-vert"},captions:{label:"Closed Captions",icon:"av:closed-caption",off:"Off"},forward:{label:"Forward",icon:"av:fast-forward"},fullscreen:{label:"Fullscreen",icon:"fullscreen"},loading:{label:"Loading..."},loop:{label:"Loop Playback"},mute:{label:"Mute",icon:"av:volume-up"},nextResult:{label:"Next",icon:"arrow-forward"},pause:{label:"Pause",icon:"av:pause"},play:{label:"Play",icon:"av:play-arrow"},prevResult:{label:"Previous",icon:"arrow-back"},print:{label:"Print the transcript.",icon:"print"},restart:{label:"Restart",icon:"av:replay"},rewind:{label:"Backward",icon:"av:fast-rewind"},search:{label:"Search the transcript.",icon:"search"},seekSlider:{label:"Seek Slider"},settings:{label:"Settings",icon:"settings"},speed:{label:"Speed %"},transcript:{label:"Transcript",icon:"description",loading:"Loading the transcript(s)...",skip:"Skip to the transcript."},unmute:{label:"Unmute",icon:"av:volume-off"},video:{label:"Video"},volume:{label:"Volume"},youTubeLoading:{label:"Ready."},youTubeTranscript:{label:"Transcript will load once media plays."}},readOnly:!0},loop:{name:"loop",type:Boolean,value:!1},manifest:{name:"manifest",type:String,value:null},media:{name:"media",type:Object,value:null},mediaTitle:{name:"mediaTitle",type:String,value:""},muted:{name:"muted",type:Boolean,value:!1},playbackRate:{name:"playbackRate",type:Number,value:1},playing:{name:"playing",type:Boolean,value:!1},playPause:{name:"playPause",type:Object},preload:{name:"preload",type:String,value:"metadata"},search:{name:"search",type:Object,value:null},standAlone:{name:"standAlone",type:Boolean,value:!1,reflectToAttribute:!0},status:{name:"status",type:String,value:"loading..."},selectedTrack:{name:"selectedTrack",type:Object,value:null},selectedTrackID:{name:"selectedTrackID",type:Number,value:null},target:{name:"target",type:Object,value:null},tracks:{name:"tracks",type:Array,value:null},volume:{name:"volume",type:Number,value:70},width:{name:"width",type:String,value:null},youtubeId:{name:"youtubeId",type:String,value:null},youTube:{name:"youTube",type:Object,value:{}}}}},{key:"behaviors",get:function get(){return[_simpleColors.SimpleColors,ResponsiveUtility]}}]);return A11yMediaBehaviors}(_simpleColors.SimpleColors);_exports.A11yMediaBehaviors=A11yMediaBehaviors;window.customElements.define(A11yMediaBehaviors.tag,A11yMediaBehaviors)});
\ No newline at end of file
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 68879eb2808..926e7936ddf 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","./a11y-media-behaviors.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/av-icons.js","../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement,_a11yMediaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaButton=void 0;function _templateObject_9c8dc18054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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        aria-role=\"button\"\n        controls=\"[[controls]]\"\n        disabled$=\"[[disabled]]\"\n        on-tap=\"_buttonTap\"\n        tabindex=\"0\"\n        toggle$=\"[[toggle]]\"\n      >\n        <iron-icon icon=\"[[icon]]\"></iron-icon>\n      </button>\n      <paper-tooltip for=\"button\">[[label]]</paper-tooltip>\n    "]);_templateObject_9c8dc18054f411e9aeb367f92c5b63ab=function(){return data};return data}var A11yMediaButton=function(_A11yMediaBehaviors){babelHelpers.inherits(A11yMediaButton,_A11yMediaBehaviors);function A11yMediaButton(){babelHelpers.classCallCheck(this,A11yMediaButton);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaButton).apply(this,arguments))}babelHelpers.createClass(A11yMediaButton,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaButton.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaButton.prototype),"ready",this).call(this);this.__target=this.$.button}},{key:"_buttonTap",value:function _buttonTap(){this.dispatchEvent(new CustomEvent("tap",{detail:this}))}}],[{key:"properties",get:function get(){return{action:{type:String,value:null},controls:{type:String,value:"video"},icon:{type:String,value:null},label:{type:String,value:null},toggle:{type:Boolean,value:!1,reflectToAttribute:!0},disabled:{type:Boolean,value:null}}}},{key:"tag",get:function get(){return"a11y-media-button"}},{key:"behaviors",get:function get(){return[_a11yMediaBehaviors.A11yMediaBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_9c8dc18054f411e9aeb367f92c5b63ab())}}]);return A11yMediaButton}(_a11yMediaBehaviors.A11yMediaBehaviors);_exports.A11yMediaButton=A11yMediaButton;window.customElements.define(A11yMediaButton.tag,A11yMediaButton)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","./a11y-media-behaviors.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/av-icons.js","../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement,_a11yMediaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaButton=void 0;function _templateObject_2a92be10555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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        aria-role=\"button\"\n        controls=\"[[controls]]\"\n        disabled$=\"[[disabled]]\"\n        on-tap=\"_buttonTap\"\n        tabindex=\"0\"\n        toggle$=\"[[toggle]]\"\n      >\n        <iron-icon icon=\"[[icon]]\"></iron-icon>\n      </button>\n      <paper-tooltip for=\"button\">[[label]]</paper-tooltip>\n    "]);_templateObject_2a92be10555211e98f439769bd191e33=function(){return data};return data}var A11yMediaButton=function(_A11yMediaBehaviors){babelHelpers.inherits(A11yMediaButton,_A11yMediaBehaviors);function A11yMediaButton(){babelHelpers.classCallCheck(this,A11yMediaButton);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaButton).apply(this,arguments))}babelHelpers.createClass(A11yMediaButton,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaButton.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaButton.prototype),"ready",this).call(this);this.__target=this.$.button}},{key:"_buttonTap",value:function _buttonTap(){this.dispatchEvent(new CustomEvent("tap",{detail:this}))}}],[{key:"properties",get:function get(){return{action:{type:String,value:null},controls:{type:String,value:"video"},icon:{type:String,value:null},label:{type:String,value:null},toggle:{type:Boolean,value:!1,reflectToAttribute:!0},disabled:{type:Boolean,value:null}}}},{key:"tag",get:function get(){return"a11y-media-button"}},{key:"behaviors",get:function get(){return[_a11yMediaBehaviors.A11yMediaBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_2a92be10555211e98f439769bd191e33())}}]);return A11yMediaButton}(_a11yMediaBehaviors.A11yMediaBehaviors);_exports.A11yMediaButton=A11yMediaButton;window.customElements.define(A11yMediaButton.tag,A11yMediaButton)});
\ No newline at end of file
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 e2aceb3fb3e..f4f1f9af94d 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","./a11y-media-behaviors.js","../../../@polymer/paper-menu-button/paper-menu-button.js","../../../@polymer/paper-listbox/paper-listbox.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../@polymer/paper-toggle-button/paper-toggle-button.js","../../dropdown-select/dropdown-select.js","../../../@polymer/paper-slider/paper-slider.js","../../../@polymer/paper-tooltip/paper-tooltip.js","./a11y-media-button.js"],function(_exports,_polymerElement,_a11yMediaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaControls=void 0;function _templateObject_9c9fe9f054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\">\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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_onButtonTap\"\n          ></a11y-media-button>\n          <span id=\"volume-slider-label\" class=\"sr-only\">[[volumeLabel]]</span>\n          <paper-slider\n            id=\"volume\"\n            aria-labelledby=\"volume-slider-label\"\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 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-tap=\"_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-tap=\"_onButtonTap\"\n          toggle$=\"[[hideTranscript]]\"\n        >\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-tap=\"_handlePrintClick\"\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-tap=\"_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                    label=\"tracks\"\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_9c9fe9f054f411e9aeb367f92c5b63ab=function(){return data};return data}var A11yMediaControls=function(_A11yMediaBehaviors){babelHelpers.inherits(A11yMediaControls,_A11yMediaBehaviors);function A11yMediaControls(){babelHelpers.classCallCheck(this,A11yMediaControls);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaControls).apply(this,arguments))}babelHelpers.createClass(A11yMediaControls,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaControls.prototype),"connectedCallback",this).call(this);var root=this;root._addResponsiveUtility({element:root,attribute:"responsive-size",relativeToParent:!0,sm:300,md:600,lg:900,xl:1200})}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaControls.prototype),"ready",this).call(this);var root=this;root.$.mute.$.button.onfocus=function(){root.$.volume.classList.add("focus")};root.$.mute.$.button.onblur=function(){root.$.volume.classList.remove("focus")}}},{key:"setStatus",value:function setStatus(status){this.$.statbar.innerText=status}},{key:"setTracks",value:function setTracks(tracks){this.set("tracks",[]);this.set("tracks",tracks.slice(0))}},{key:"_getCompactControls",value:function _getCompactControls(responsiveSize){return this._testAttribute(responsiveSize,"xs")||this._testAttribute(responsiveSize,"sm")}},{key:"_handleTrackChange",value:function _handleTrackChange(e){var root=this;if(null!==root.__selectedTrack){if(""!==e.detail.value){root.dispatchEvent(new CustomEvent("select-track",{detail:{control:root,value:e.detail.value}}));root.dispatchEvent(new CustomEvent("toggle-cc",{detail:{control:root,value:!0}}))}else{root.dispatchEvent(new CustomEvent("toggle-cc",{detail:{control:root,value:!1}}))}}}},{key:"_handleSettingsSelect",value:function _handleSettingsSelect(){}},{key:"_handleSettingsActivate",value:function _handleSettingsActivate(){}},{key:"_onButtonTap",value:function _onButtonTap(e){this.dispatchEvent(new CustomEvent("controls-change",{detail:e.detail}));this.$.settings.close()}},{key:"_onSettingsChanged",value:function _onSettingsChanged(e){this.dispatchEvent(new CustomEvent("controls-change",{detail:e.target}));this.$.settings.close()}},{key:"_hideTranscriptButton",value:function _hideTranscriptButton(noTranscriptToggle,compactControls){return noTranscriptToggle||compactControls}},{key:"_noPrinting",value:function _noPrinting(standAlone,fixedHeight){return standAlone||!fixedHeight}},{key:"_noTranscriptToggle",value:function _noTranscriptToggle(standAlone,fixedHeight,hasTranscript){return standAlone||fixedHeight||!hasTranscript}}],[{key:"properties",get:function get(){return{compactControls:{name:"compactControls",type:Boolean,computed:"_getCompactControls(responsiveSize)"},fixedHeight:{type:Boolean,value:!1},fullscreen:{name:"fullscreen",type:Boolean,value:!1},fullscreenButton:{name:"fullscreenButton",type:Boolean,value:!1,nofity:!0},hasCaptions:{name:"hasCaptions",type:Boolean,value:!1,notify:!0},hideTranscript:{name:"hideTranscript",type:Boolean,value:!1},hideTranscriptButton:{type:Boolean,computed:"_hideTranscriptButton(noTranscriptToggle,compactControls)"},muteUnmute:{name:"muteUnmute",type:Object},noPrinting:{type:Boolean,computed:"_noPrinting(standAlone,fixedHeight)"},noTranscriptToggle:{type:Boolean,computed:"_noTranscriptToggle(standAlone,fixedHeight,hasTranscript)"},responsiveSize:{name:"responsiveSize",type:String,notify:!0,value:"xs",reflectToAttribute:!0}}}},{key:"tag",get:function get(){return"a11y-media-controls"}},{key:"behaviors",get:function get(){return[_a11yMediaBehaviors.A11yMediaBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_9c9fe9f054f411e9aeb367f92c5b63ab())}}]);return A11yMediaControls}(_a11yMediaBehaviors.A11yMediaBehaviors);_exports.A11yMediaControls=A11yMediaControls;window.customElements.define(A11yMediaControls.tag,A11yMediaControls)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","./a11y-media-behaviors.js","../../../@polymer/paper-menu-button/paper-menu-button.js","../../../@polymer/paper-listbox/paper-listbox.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../@polymer/paper-toggle-button/paper-toggle-button.js","../../dropdown-select/dropdown-select.js","../../../@polymer/paper-slider/paper-slider.js","../../../@polymer/paper-tooltip/paper-tooltip.js","./a11y-media-button.js"],function(_exports,_polymerElement,_a11yMediaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaControls=void 0;function _templateObject_2aa534a0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\">\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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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 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-tap=\"_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-tap=\"_onButtonTap\"\n          toggle$=\"[[hideTranscript]]\"\n        >\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-tap=\"_handlePrintClick\"\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-tap=\"_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_2aa534a0555211e98f439769bd191e33=function(){return data};return data}var A11yMediaControls=function(_A11yMediaBehaviors){babelHelpers.inherits(A11yMediaControls,_A11yMediaBehaviors);function A11yMediaControls(){babelHelpers.classCallCheck(this,A11yMediaControls);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaControls).apply(this,arguments))}babelHelpers.createClass(A11yMediaControls,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaControls.prototype),"connectedCallback",this).call(this);var root=this;root._addResponsiveUtility({element:root,attribute:"responsive-size",relativeToParent:!0,sm:300,md:600,lg:900,xl:1200})}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaControls.prototype),"ready",this).call(this);var root=this;root.$.mute.$.button.onfocus=function(){root.$.volume.classList.add("focus")};root.$.mute.$.button.onblur=function(){root.$.volume.classList.remove("focus")}}},{key:"setStatus",value:function setStatus(status){this.$.statbar.innerText=status}},{key:"setTracks",value:function setTracks(tracks){this.set("tracks",[]);this.set("tracks",tracks.slice(0))}},{key:"_getCompactControls",value:function _getCompactControls(responsiveSize){return this._testAttribute(responsiveSize,"xs")||this._testAttribute(responsiveSize,"sm")}},{key:"_handleTrackChange",value:function _handleTrackChange(e){var root=this;if(null!==root.__selectedTrack){if(""!==e.detail.value){root.dispatchEvent(new CustomEvent("select-track",{detail:{control:root,value:e.detail.value}}));root.dispatchEvent(new CustomEvent("toggle-cc",{detail:{control:root,value:!0}}))}else{root.dispatchEvent(new CustomEvent("toggle-cc",{detail:{control:root,value:!1}}))}}}},{key:"_handleSettingsSelect",value:function _handleSettingsSelect(){}},{key:"_handleSettingsActivate",value:function _handleSettingsActivate(){}},{key:"_onButtonTap",value:function _onButtonTap(e){this.dispatchEvent(new CustomEvent("controls-change",{detail:e.detail}));this.$.settings.close()}},{key:"_onSettingsChanged",value:function _onSettingsChanged(e){this.dispatchEvent(new CustomEvent("controls-change",{detail:e.target}));this.$.settings.close()}},{key:"_hideTranscriptButton",value:function _hideTranscriptButton(noTranscriptToggle,compactControls){return noTranscriptToggle||compactControls}},{key:"_noPrinting",value:function _noPrinting(standAlone,fixedHeight){return standAlone||!fixedHeight}},{key:"_noTranscriptToggle",value:function _noTranscriptToggle(standAlone,fixedHeight,hasTranscript){return standAlone||fixedHeight||!hasTranscript}}],[{key:"properties",get:function get(){return{compactControls:{name:"compactControls",type:Boolean,computed:"_getCompactControls(responsiveSize)"},fixedHeight:{type:Boolean,value:!1},fullscreen:{name:"fullscreen",type:Boolean,value:!1},fullscreenButton:{name:"fullscreenButton",type:Boolean,value:!1,nofity:!0},hasCaptions:{name:"hasCaptions",type:Boolean,value:!1,notify:!0},hideTranscript:{name:"hideTranscript",type:Boolean,value:!1},hideTranscriptButton:{type:Boolean,computed:"_hideTranscriptButton(noTranscriptToggle,compactControls)"},muteUnmute:{name:"muteUnmute",type:Object},noPrinting:{type:Boolean,computed:"_noPrinting(standAlone,fixedHeight)"},noTranscriptToggle:{type:Boolean,computed:"_noTranscriptToggle(standAlone,fixedHeight,hasTranscript)"},responsiveSize:{name:"responsiveSize",type:String,notify:!0,value:"xs",reflectToAttribute:!0}}}},{key:"tag",get:function get(){return"a11y-media-controls"}},{key:"behaviors",get:function get(){return[_a11yMediaBehaviors.A11yMediaBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_2aa534a0555211e98f439769bd191e33())}}]);return A11yMediaControls}(_a11yMediaBehaviors.A11yMediaBehaviors);_exports.A11yMediaControls=A11yMediaControls;window.customElements.define(A11yMediaControls.tag,A11yMediaControls)});
\ No newline at end of file
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 fba2a8fe7cd..9e82e652eac 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","./a11y-media-behaviors.js"],function(_exports,_polymerElement,_a11yMediaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaHtml5=void 0;function _templateObject_9ca6a0b054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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_9ca6a0b054f411e9aeb367f92c5b63ab=function(){return data};return data}var A11yMediaHtml5=function(_A11yMediaBehaviors){babelHelpers.inherits(A11yMediaHtml5,_A11yMediaBehaviors);function A11yMediaHtml5(){babelHelpers.classCallCheck(this,A11yMediaHtml5);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaHtml5).apply(this,arguments))}babelHelpers.createClass(A11yMediaHtml5,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaHtml5.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaHtml5.prototype),"ready",this).call(this);var root=this;root.media=root.$.video!==void 0&&!root.audioOnly?root.$.video:root.$.audio}},{key:"_handleMetadata",value:function _handleMetadata(){var root=this;root.duration=0<root.media.duration?root.media.duration:0;root.tracks=[];root.volume=root.muted?0:Math.max(this.volume,10);root.seekable=root.media.seekable;root.setVolume(root.volume);root.setMute(root.muted);root.setCC(root.cc);root.setLoop(root.loop);root.setPlaybackRate(root.playbackRate);root.aspectRatio=root.media.videoWidth/root.media.videoHeight;root.dispatchEvent(new CustomEvent("media-loaded",{detail:root}))}},{key:"getBufferedTime",value:function getBufferedTime(){return 0<this.media.buffered.length?this.media.buffered.end(0):this.getCurrentTime()}},{key:"getCurrentTime",value:function getCurrentTime(){return this.media.currentTime}},{key:"play",value:function play(){this.paused=!1;this.media.play()}},{key:"pause",value:function pause(){this.paused=!0;this.media.pause()}},{key:"selectTrack",value:function selectTrack(index){this.selectedTrack=this.media.textTracks[index];for(var i=0;i<this.media.textTracks.length;i++){if(parseInt(index)===i){this.media.textTracks[i].mode="showing"}else if(null!==this.media.textTracks[i]){this.media.textTracks[i].mode="hidden"}}}},{key:"stop",value:function stop(){this.pause();this.seek(0)}},{key:"restart",value:function restart(){this.seek(0);this.play()}},{key:"seek",value:function seek(time){this.media.currentTime=time}},{key:"setCC",value:function setCC(mode){this.media.cc=!0===mode;if(this.selectedTrack!==void 0&&!0==mode){this.selectedTrack.mode="showing";this.$.video.textTracks.value=this.selectedTrackId}else if(this.selectedTrack!==void 0&&null!==this.selectedTrack){this.selectedTrack.mode="hidden";this.$.video.textTracks.value=""}}},{key:"setVolume",value:function setVolume(value){this.media.volume=value/100}},{key:"setPlaybackRate",value:function setPlaybackRate(value){this.media.playbackRate=null!==value?value:1}},{key:"setLoop",value:function setLoop(mode){this.media.loop=!0===mode}},{key:"setMute",value:function setMute(mode){this.media.muted=mode}}],[{key:"properties",get:function get(){return{controls:{type:String,value:"video"},crossorigin:{type:String,value:null},disabled:{type:Boolean,value:null},icon:{type:String,value:null},label:{type:String,value:null},mediaLang:{name:"mediaLang",type:String,value:"en"},paused:{type:Boolean,value:!0},seekable:{type:Object,value:{length:0,start:null,stop:null}},thumbnailSrc:{name:"thumbnailSrc",type:String,value:null,reflectToAttribute:!0}}}},{key:"tag",get:function get(){return"a11y-media-html5"}},{key:"behaviors",get:function get(){return[_a11yMediaBehaviors.A11yMediaBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_9ca6a0b054f411e9aeb367f92c5b63ab())}}]);return A11yMediaHtml5}(_a11yMediaBehaviors.A11yMediaBehaviors);_exports.A11yMediaHtml5=A11yMediaHtml5;window.customElements.define(A11yMediaHtml5.tag,A11yMediaHtml5)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","./a11y-media-behaviors.js"],function(_exports,_polymerElement,_a11yMediaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaHtml5=void 0;function _templateObject_2aaed190555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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_2aaed190555211e98f439769bd191e33=function(){return data};return data}var A11yMediaHtml5=function(_A11yMediaBehaviors){babelHelpers.inherits(A11yMediaHtml5,_A11yMediaBehaviors);function A11yMediaHtml5(){babelHelpers.classCallCheck(this,A11yMediaHtml5);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaHtml5).apply(this,arguments))}babelHelpers.createClass(A11yMediaHtml5,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaHtml5.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaHtml5.prototype),"ready",this).call(this);var root=this;root.media=root.$.video!==void 0&&!root.audioOnly?root.$.video:root.$.audio}},{key:"_handleMetadata",value:function _handleMetadata(){var root=this;root.duration=0<root.media.duration?root.media.duration:0;root.tracks=[];root.volume=root.muted?0:Math.max(this.volume,10);root.seekable=root.media.seekable;root.setVolume(root.volume);root.setMute(root.muted);root.setCC(root.cc);root.setLoop(root.loop);root.setPlaybackRate(root.playbackRate);root.aspectRatio=root.media.videoWidth/root.media.videoHeight;root.dispatchEvent(new CustomEvent("media-loaded",{detail:root}))}},{key:"getBufferedTime",value:function getBufferedTime(){return 0<this.media.buffered.length?this.media.buffered.end(0):this.getCurrentTime()}},{key:"getCurrentTime",value:function getCurrentTime(){return this.media.currentTime}},{key:"play",value:function play(){this.paused=!1;this.media.play()}},{key:"pause",value:function pause(){this.paused=!0;this.media.pause()}},{key:"selectTrack",value:function selectTrack(index){this.selectedTrack=this.media.textTracks[index];for(var i=0;i<this.media.textTracks.length;i++){if(parseInt(index)===i){this.media.textTracks[i].mode="showing"}else if(null!==this.media.textTracks[i]){this.media.textTracks[i].mode="hidden"}}}},{key:"stop",value:function stop(){this.pause();this.seek(0)}},{key:"restart",value:function restart(){this.seek(0);this.play()}},{key:"seek",value:function seek(time){this.media.currentTime=time}},{key:"setCC",value:function setCC(mode){this.media.cc=!0===mode;if(this.selectedTrack!==void 0&&!0==mode){this.selectedTrack.mode="showing";this.$.video.textTracks.value=this.selectedTrackId}else if(this.selectedTrack!==void 0&&null!==this.selectedTrack){this.selectedTrack.mode="hidden";this.$.video.textTracks.value=""}}},{key:"setVolume",value:function setVolume(value){this.media.volume=value/100}},{key:"setPlaybackRate",value:function setPlaybackRate(value){this.media.playbackRate=null!==value?value:1}},{key:"setLoop",value:function setLoop(mode){this.media.loop=!0===mode}},{key:"setMute",value:function setMute(mode){this.media.muted=mode}}],[{key:"properties",get:function get(){return{controls:{type:String,value:"video"},crossorigin:{type:String,value:null},disabled:{type:Boolean,value:null},icon:{type:String,value:null},label:{type:String,value:null},mediaLang:{name:"mediaLang",type:String,value:"en"},paused:{type:Boolean,value:!0},seekable:{type:Object,value:{length:0,start:null,stop:null}},thumbnailSrc:{name:"thumbnailSrc",type:String,value:null,reflectToAttribute:!0}}}},{key:"tag",get:function get(){return"a11y-media-html5"}},{key:"behaviors",get:function get(){return[_a11yMediaBehaviors.A11yMediaBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_2aaed190555211e98f439769bd191e33())}}]);return A11yMediaHtml5}(_a11yMediaBehaviors.A11yMediaBehaviors);_exports.A11yMediaHtml5=A11yMediaHtml5;window.customElements.define(A11yMediaHtml5.tag,A11yMediaHtml5)});
\ No newline at end of file
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 f0ff6d42e74..0e7128cf021 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","./a11y-media-behaviors.js","../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement,_a11yMediaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaPlayButton=void 0;function _templateObject_9cada59054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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        tabindex=\"0\"\n        disabled$=\"[[disabled]]\"\n        controls=\"video\"\n        on-tap=\"_buttonTap\"\n        title$=\"[[label]]\"\n      >\n        <svg\n          id=\"svg\"\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_9cada59054f411e9aeb367f92c5b63ab=function(){return data};return data}var A11yMediaPlayButton=function(_A11yMediaBehaviors){babelHelpers.inherits(A11yMediaPlayButton,_A11yMediaBehaviors);function A11yMediaPlayButton(){babelHelpers.classCallCheck(this,A11yMediaPlayButton);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaPlayButton).apply(this,arguments))}babelHelpers.createClass(A11yMediaPlayButton,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaPlayButton.prototype),"connectedCallback",this).call(this);this.$.text.innerText=this.playLabel}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaPlayButton.prototype),"ready",this).call(this);this.target=this.$.button}},{key:"_buttonTap",value:function _buttonTap(){var root=this;root.dispatchEvent(new CustomEvent("controls-change",{detail:this}))}}],[{key:"properties",get:function get(){return{action:{type:String,value:null},disabled:{type:Boolean,value:!1},playing:{type:Boolean,value:!1}}}},{key:"tag",get:function get(){return"a11y-media-play-button"}},{key:"behaviors",get:function get(){return[_a11yMediaBehaviors.A11yMediaBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_9cada59054f411e9aeb367f92c5b63ab())}}]);return A11yMediaPlayButton}(_a11yMediaBehaviors.A11yMediaBehaviors);_exports.A11yMediaPlayButton=A11yMediaPlayButton;window.customElements.define(A11yMediaPlayButton.tag,A11yMediaPlayButton)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","./a11y-media-behaviors.js","../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement,_a11yMediaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaPlayButton=void 0;function _templateObject_2ab401b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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-tap=\"_buttonTap\"\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_2ab401b0555211e98f439769bd191e33=function(){return data};return data}var A11yMediaPlayButton=function(_A11yMediaBehaviors){babelHelpers.inherits(A11yMediaPlayButton,_A11yMediaBehaviors);function A11yMediaPlayButton(){babelHelpers.classCallCheck(this,A11yMediaPlayButton);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaPlayButton).apply(this,arguments))}babelHelpers.createClass(A11yMediaPlayButton,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaPlayButton.prototype),"connectedCallback",this).call(this);this.$.text.innerText=this.playLabel}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaPlayButton.prototype),"ready",this).call(this);this.target=this.$.button}},{key:"_buttonTap",value:function _buttonTap(){var root=this;root.dispatchEvent(new CustomEvent("controls-change",{detail:this}))}}],[{key:"properties",get:function get(){return{action:{type:String,value:null},disabled:{type:Boolean,value:!1},playing:{type:Boolean,value:!1}}}},{key:"tag",get:function get(){return"a11y-media-play-button"}},{key:"behaviors",get:function get(){return[_a11yMediaBehaviors.A11yMediaBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_2ab401b0555211e98f439769bd191e33())}}]);return A11yMediaPlayButton}(_a11yMediaBehaviors.A11yMediaBehaviors);_exports.A11yMediaPlayButton=A11yMediaPlayButton;window.customElements.define(A11yMediaPlayButton.tag,A11yMediaPlayButton)});
\ No newline at end of file
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 bd28100dc2f..27b219250e3 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","./a11y-media-behaviors.js","../../simple-search/simple-search.js","./a11y-media-button.js"],function(_exports,_polymerElement,_a11yMediaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaTranscriptControls=void 0;function _templateObject_9cc12d9054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\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-container: {\n            padding: 0 15px;\n          }\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=\"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_9cc12d9054f411e9aeb367f92c5b63ab=function(){return data};return data}var A11yMediaTranscriptControls=function(_A11yMediaBehaviors){babelHelpers.inherits(A11yMediaTranscriptControls,_A11yMediaBehaviors);function A11yMediaTranscriptControls(){babelHelpers.classCallCheck(this,A11yMediaTranscriptControls);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaTranscriptControls).apply(this,arguments))}babelHelpers.createClass(A11yMediaTranscriptControls,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaTranscriptControls.prototype),"connectedCallback",this).call(this);var root=this;root.search=root.$.simplesearch;root.dispatchEvent(new CustomEvent("searchbar-added",{detail:root.search}))}},{key:"_handleScrollClick",value:function _handleScrollClick(){this.dispatchEvent(new CustomEvent("toggle-scroll",{detail:this}))}}],[{key:"properties",get:function get(){return{target:{type:Object,value:null}}}},{key:"tag",get:function get(){return"a11y-media-transcript-controls"}},{key:"behaviors",get:function get(){return[_a11yMediaBehaviors.A11yMediaBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_9cc12d9054f411e9aeb367f92c5b63ab())}}]);return A11yMediaTranscriptControls}(_a11yMediaBehaviors.A11yMediaBehaviors);_exports.A11yMediaTranscriptControls=A11yMediaTranscriptControls;window.customElements.define(A11yMediaTranscriptControls.tag,A11yMediaTranscriptControls)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","./a11y-media-behaviors.js","../../simple-search/simple-search.js","./a11y-media-button.js"],function(_exports,_polymerElement,_a11yMediaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaTranscriptControls=void 0;function _templateObject_2ac65130555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\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-container: {\n            padding: 0 15px;\n          }\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=\"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_2ac65130555211e98f439769bd191e33=function(){return data};return data}var A11yMediaTranscriptControls=function(_A11yMediaBehaviors){babelHelpers.inherits(A11yMediaTranscriptControls,_A11yMediaBehaviors);function A11yMediaTranscriptControls(){babelHelpers.classCallCheck(this,A11yMediaTranscriptControls);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaTranscriptControls).apply(this,arguments))}babelHelpers.createClass(A11yMediaTranscriptControls,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaTranscriptControls.prototype),"connectedCallback",this).call(this);var root=this;root.search=root.$.simplesearch;root.dispatchEvent(new CustomEvent("searchbar-added",{detail:root.search}))}},{key:"_handleScrollClick",value:function _handleScrollClick(){this.dispatchEvent(new CustomEvent("toggle-scroll",{detail:this}))}}],[{key:"properties",get:function get(){return{target:{type:Object,value:null}}}},{key:"tag",get:function get(){return"a11y-media-transcript-controls"}},{key:"behaviors",get:function get(){return[_a11yMediaBehaviors.A11yMediaBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_2ac65130555211e98f439769bd191e33())}}]);return A11yMediaTranscriptControls}(_a11yMediaBehaviors.A11yMediaBehaviors);_exports.A11yMediaTranscriptControls=A11yMediaTranscriptControls;window.customElements.define(A11yMediaTranscriptControls.tag,A11yMediaTranscriptControls)});
\ No newline at end of file
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 97959e94233..123b002a19e 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","./a11y-media-behaviors.js","../../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../simple-search/lib/simple-search-content.js"],function(_exports,_polymerElement,_a11yMediaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaTranscriptCue=void 0;function _templateObject_9cc8809054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\">\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: {\n            border: none;\n            border-radius: 4px;\n            font-weight: normal;\n          }\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\" content=\"[[cue.text]]\">\n          [[cue.text]]\n        </simple-search-content>\n      </span>\n    "]);_templateObject_9cc8809054f411e9aeb367f92c5b63ab=function(){return data};return data}var A11yMediaTranscriptCue=function(_A11yMediaBehaviors){babelHelpers.inherits(A11yMediaTranscriptCue,_A11yMediaBehaviors);function A11yMediaTranscriptCue(){babelHelpers.classCallCheck(this,A11yMediaTranscriptCue);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaTranscriptCue).apply(this,arguments))}babelHelpers.createClass(A11yMediaTranscriptCue,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaTranscriptCue.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaTranscriptCue.prototype),"ready",this).call(this);var root=this,search=root.search;if(!root.disabled){root.__target=this;root.setAttribute("aria-role","button");root.setAttribute("controls",this.mediaId)}if(!root.disableSearch&&root.search!==void 0&&null!==root.search){root.$.content.enableSearch(search)}root.addEventListener("click",root._handleTap)}},{key:"_getActiveCue",value:function _getActiveCue(cue,activeCues){return null!==activeCues&&activeCues.includes(cue.order.toString())?!0:!1}},{key:"_handleTap",value:function _handleTap(){var root=this;this.dispatchEvent(new CustomEvent("cue-seek",{detail:root.cue.seek}))}}],[{key:"properties",get:function get(){return{active:babelHelpers.defineProperty({type:Boolean,reflectToAttribute:!0,computed:"_getActiveCue(cue,activeCues)",notify:!0},"reflectToAttribute",!0),activeCues:{type:Array,value:null,notify:!0},cue:{type:Array,value:null},disabled:{type:Boolean,value:!1},text:{type:String,value:""}}}},{key:"tag",get:function get(){return"a11y-media-transcript-cue"}},{key:"behaviors",get:function get(){return[_a11yMediaBehaviors.A11yMediaBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_9cc8809054f411e9aeb367f92c5b63ab())}}]);return A11yMediaTranscriptCue}(_a11yMediaBehaviors.A11yMediaBehaviors);_exports.A11yMediaTranscriptCue=A11yMediaTranscriptCue;window.customElements.define(A11yMediaTranscriptCue.tag,A11yMediaTranscriptCue)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","./a11y-media-behaviors.js","../../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../simple-search/lib/simple-search-content.js"],function(_exports,_polymerElement,_a11yMediaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaTranscriptCue=void 0;function _templateObject_2ad0b170555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\">\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: {\n            border: none;\n            border-radius: 4px;\n            font-weight: normal;\n          }\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\" content=\"[[cue.text]]\">\n          [[cue.text]]\n        </simple-search-content>\n      </span>\n    "]);_templateObject_2ad0b170555211e98f439769bd191e33=function(){return data};return data}var A11yMediaTranscriptCue=function(_A11yMediaBehaviors){babelHelpers.inherits(A11yMediaTranscriptCue,_A11yMediaBehaviors);function A11yMediaTranscriptCue(){babelHelpers.classCallCheck(this,A11yMediaTranscriptCue);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaTranscriptCue).apply(this,arguments))}babelHelpers.createClass(A11yMediaTranscriptCue,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaTranscriptCue.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaTranscriptCue.prototype),"ready",this).call(this);var root=this,search=root.search;if(!root.disabled){root.__target=this;root.setAttribute("aria-role","button");root.setAttribute("controls",this.mediaId)}if(!root.disableSearch&&root.search!==void 0&&null!==root.search){root.$.content.enableSearch(search)}root.addEventListener("click",root._handleTap)}},{key:"_getActiveCue",value:function _getActiveCue(cue,activeCues){return null!==activeCues&&activeCues.includes(cue.order.toString())?!0:!1}},{key:"_handleTap",value:function _handleTap(){var root=this;this.dispatchEvent(new CustomEvent("cue-seek",{detail:root.cue.seek}))}}],[{key:"properties",get:function get(){return{active:babelHelpers.defineProperty({type:Boolean,reflectToAttribute:!0,computed:"_getActiveCue(cue,activeCues)",notify:!0},"reflectToAttribute",!0),activeCues:{type:Array,value:null,notify:!0},cue:{type:Array,value:null},disabled:{type:Boolean,value:!1},text:{type:String,value:""}}}},{key:"tag",get:function get(){return"a11y-media-transcript-cue"}},{key:"behaviors",get:function get(){return[_a11yMediaBehaviors.A11yMediaBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_2ad0b170555211e98f439769bd191e33())}}]);return A11yMediaTranscriptCue}(_a11yMediaBehaviors.A11yMediaBehaviors);_exports.A11yMediaTranscriptCue=A11yMediaTranscriptCue;window.customElements.define(A11yMediaTranscriptCue.tag,A11yMediaTranscriptCue)});
\ No newline at end of file
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 abd9ada0b02..41bd8c284b1 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","./a11y-media-behaviors.js","./a11y-media-transcript-cue.js"],function(_exports,_polymerElement,_a11yMediaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaTranscript=void 0;function _templateObject3_9cd6d87054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\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        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          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      <div id=\"bottom\" class=\"sr-only\"></div>\n    "]);_templateObject3_9cd6d87054f411e9aeb367f92c5b63ab=function(){return data};return data}function _templateObject2_9cd6d87054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n        <h1>Transcript</h1>\n      "]);_templateObject2_9cd6d87054f411e9aeb367f92c5b63ab=function(){return data};return data}function _templateObject_9cd6d87054f411e9aeb367f92c5b63ab(){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_9cd6d87054f411e9aeb367f92c5b63ab=function(){return data};return data}var A11yMediaTranscript=function(_A11yMediaBehaviors){babelHelpers.inherits(A11yMediaTranscript,_A11yMediaBehaviors);function A11yMediaTranscript(){babelHelpers.classCallCheck(this,A11yMediaTranscript);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaTranscript).apply(this,arguments))}babelHelpers.createClass(A11yMediaTranscript,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaTranscript.prototype),"connectedCallback",this).call(this);this.dispatchEvent(new CustomEvent("transcript-ready",{detail:this}))}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaTranscript.prototype),"ready",this).call(this)}},{key:"print",value:function print(mediaTitle){var root=this,track=root.shadowRoot.querySelector("#track[active]").cloneNode(!0),css=(0,_polymerElement.html)(_templateObject_9cd6d87054f411e9aeb367f92c5b63ab()),h1=(0,_polymerElement.html)(_templateObject2_9cd6d87054f411e9aeb367f92c5b63ab());if(mediaTitle!==void 0)h1.innerHTML=mediaTitle;if(null!==track&track!==void 0){var print=window.open("","","left=0,top=0,width=552,height=477,toolbar=0,scrollbars=0,status =0");print.document.body.appendChild(css);print.document.body.appendChild(h1);print.document.body.appendChild(track);print.document.close();print.focus();print.print();print.close()}}},{key:"setActiveCues",value:function setActiveCues(cues){var root=this,offset=null!==root.shadowRoot.querySelector("#track")&&root.shadowRoot.querySelector("#track")!==void 0?root.shadowRoot.querySelector("#track").offsetTop:0,cue=root.shadowRoot.querySelector("#track a11y-media-transcript-cue[active]");root.set("activeCues",cues.slice(0));if(!root.disableScroll&&cue!==void 0&&null!==cue&&root.activeCues!==void 0&&cue.getAttribute("order")!==root.activeCues[0]){var scrollingTo=function(element,to,duration){if(0>=duration)return;var difference=to-element.scrollTop;setTimeout(function(){element.scrollTop=element.scrollTop+10*(difference/duration);if(element.scrollTop===to)return;scrollingTo(element,to,duration-10)},10)};scrollingTo(root,cue.offsetTop-offset,250)}}},{key:"setMedia",value:function setMedia(player){this.media=player;this.dispatchEvent(new CustomEvent("transcript-ready",{detail:this}))}},{key:"setTracks",value:function setTracks(tracks){this.set("tracks",tracks.slice(0));this.notifyPath("tracks");if(this.tracks!==void 0&&0<this.tracks.length)this.$.tracks.render()}},{key:"toggleHidden",value:function toggleHidden(mode){var root=this,inner=document.getElementById("inner"),active=null!==inner&&inner!==void 0?inner.querySelector("a11y-media-transcript-cue[active]"):null,first=null!==inner&&inner!==void 0?inner.querySelector("a11y-media-transcript-cue"):null;mode=mode!==void 0?mode:this.hidden;this.hidden=mode}},{key:"_getTabIndex",value:function _getTabIndex(disableInteractive){return disableInteractive?-1:0}},{key:"_getRole",value:function _getRole(disableInteractive){return disableInteractive?null:"button"}},{key:"_handleCueSeek",value:function _handleCueSeek(e){if(!this.disableInteractive){this.dispatchEvent(new CustomEvent("transcript-seek",{detail:e.detail}))}}},{key:"_isActive",value:function _isActive(selectedTranscript,index){return selectedTranscript!==void 0&&null!==selectedTranscript&&parseInt(selectedTranscript)===parseInt(index)}},{key:"_isLoading",value:function _isLoading(selectedTranscript,tracks){return selectedTranscript===void 0||null===selectedTranscript||tracks===void 0||null===tracks||0===tracks.length}},{key:"_stampLoadingStatus",value:function _stampLoadingStatus(disableSeek){this.$.loading.innerHTML=!1===disableSeek?this._getLocal("transcript","label"):this._getLocal("youTubeTranscript","label");return this.$.loading.innerHTML}}],[{key:"properties",get:function get(){return{activeCues:{type:Array,value:null,reflectToAttribute:!0,notify:!0},disableInteractive:{name:"disableInteractive",type:Boolean,value:!1},hideTimestamps:{name:"hideTimestamps",type:Boolean,value:!1},lang:{type:String,value:"en",reflectToAttribute:!0},mediaId:{type:String,value:null},tabIndex:{type:Number,computed:"_getTabIndex(disableInteractive)"},role:{type:Number,computed:"_getRole(disableInteractive)"},selectedTranscript:{type:String,value:"0"},status:{type:String,computed:"_stampLoadingStatus(disableSeek)"},tracks:{type:Array,value:null}}}},{key:"tag",get:function get(){return"a11y-media-transcript"}},{key:"behaviors",get:function get(){return[_a11yMediaBehaviors.A11yMediaBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject3_9cd6d87054f411e9aeb367f92c5b63ab())}}]);return A11yMediaTranscript}(_a11yMediaBehaviors.A11yMediaBehaviors);_exports.A11yMediaTranscript=A11yMediaTranscript;window.customElements.define(A11yMediaTranscript.tag,A11yMediaTranscript)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","./a11y-media-behaviors.js","./a11y-media-transcript-cue.js"],function(_exports,_polymerElement,_a11yMediaBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.A11yMediaTranscript=void 0;function _templateObject3_2adb5fd0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\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        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          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      <div id=\"bottom\" class=\"sr-only\"></div>\n    "]);_templateObject3_2adb5fd0555211e98f439769bd191e33=function(){return data};return data}function _templateObject2_2adb5fd0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n        <h1>Transcript</h1>\n      "]);_templateObject2_2adb5fd0555211e98f439769bd191e33=function(){return data};return data}function _templateObject_2adb5fd0555211e98f439769bd191e33(){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_2adb5fd0555211e98f439769bd191e33=function(){return data};return data}var A11yMediaTranscript=function(_A11yMediaBehaviors){babelHelpers.inherits(A11yMediaTranscript,_A11yMediaBehaviors);function A11yMediaTranscript(){babelHelpers.classCallCheck(this,A11yMediaTranscript);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(A11yMediaTranscript).apply(this,arguments))}babelHelpers.createClass(A11yMediaTranscript,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaTranscript.prototype),"connectedCallback",this).call(this);this.dispatchEvent(new CustomEvent("transcript-ready",{detail:this}))}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(A11yMediaTranscript.prototype),"ready",this).call(this)}},{key:"print",value:function print(mediaTitle){var root=this,track=root.shadowRoot.querySelector("#track[active]").cloneNode(!0),css=(0,_polymerElement.html)(_templateObject_2adb5fd0555211e98f439769bd191e33()),h1=(0,_polymerElement.html)(_templateObject2_2adb5fd0555211e98f439769bd191e33());if(mediaTitle!==void 0)h1.innerHTML=mediaTitle;if(null!==track&track!==void 0){var print=window.open("","","left=0,top=0,width=552,height=477,toolbar=0,scrollbars=0,status =0");print.document.body.appendChild(css);print.document.body.appendChild(h1);print.document.body.appendChild(track);print.document.close();print.focus();print.print();print.close()}}},{key:"setActiveCues",value:function setActiveCues(cues){var root=this,offset=null!==root.shadowRoot.querySelector("#track")&&root.shadowRoot.querySelector("#track")!==void 0?root.shadowRoot.querySelector("#track").offsetTop:0,cue=root.shadowRoot.querySelector("#track a11y-media-transcript-cue[active]");root.set("activeCues",cues.slice(0));if(!root.disableScroll&&cue!==void 0&&null!==cue&&root.activeCues!==void 0&&cue.getAttribute("order")!==root.activeCues[0]){var scrollingTo=function(element,to,duration){if(0>=duration)return;var difference=to-element.scrollTop;setTimeout(function(){element.scrollTop=element.scrollTop+10*(difference/duration);if(element.scrollTop===to)return;scrollingTo(element,to,duration-10)},10)};scrollingTo(root,cue.offsetTop-offset,250)}}},{key:"setMedia",value:function setMedia(player){this.media=player;this.dispatchEvent(new CustomEvent("transcript-ready",{detail:this}))}},{key:"setTracks",value:function setTracks(tracks){this.set("tracks",tracks.slice(0));this.notifyPath("tracks");if(this.tracks!==void 0&&0<this.tracks.length)this.$.tracks.render()}},{key:"toggleHidden",value:function toggleHidden(mode){var root=this,inner=document.getElementById("inner"),active=null!==inner&&inner!==void 0?inner.querySelector("a11y-media-transcript-cue[active]"):null,first=null!==inner&&inner!==void 0?inner.querySelector("a11y-media-transcript-cue"):null;mode=mode!==void 0?mode:this.hidden;this.hidden=mode}},{key:"_getTabIndex",value:function _getTabIndex(disableInteractive){return disableInteractive?-1:0}},{key:"_getRole",value:function _getRole(disableInteractive){return disableInteractive?null:"button"}},{key:"_handleCueSeek",value:function _handleCueSeek(e){if(!this.disableInteractive){this.dispatchEvent(new CustomEvent("transcript-seek",{detail:e.detail}))}}},{key:"_isActive",value:function _isActive(selectedTranscript,index){return selectedTranscript!==void 0&&null!==selectedTranscript&&parseInt(selectedTranscript)===parseInt(index)}},{key:"_isLoading",value:function _isLoading(selectedTranscript,tracks){return selectedTranscript===void 0||null===selectedTranscript||tracks===void 0||null===tracks||0===tracks.length}},{key:"_stampLoadingStatus",value:function _stampLoadingStatus(disableSeek){this.$.loading.innerHTML=!1===disableSeek?this._getLocal("transcript","label"):this._getLocal("youTubeTranscript","label");return this.$.loading.innerHTML}}],[{key:"properties",get:function get(){return{activeCues:{type:Array,value:null,reflectToAttribute:!0,notify:!0},disableInteractive:{name:"disableInteractive",type:Boolean,value:!1},hideTimestamps:{name:"hideTimestamps",type:Boolean,value:!1},lang:{type:String,value:"en",reflectToAttribute:!0},mediaId:{type:String,value:null},tabIndex:{type:Number,computed:"_getTabIndex(disableInteractive)"},role:{type:Number,computed:"_getRole(disableInteractive)"},selectedTranscript:{type:String,value:"0"},status:{type:String,computed:"_stampLoadingStatus(disableSeek)"},tracks:{type:Array,value:null}}}},{key:"tag",get:function get(){return"a11y-media-transcript"}},{key:"behaviors",get:function get(){return[_a11yMediaBehaviors.A11yMediaBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject3_2adb5fd0555211e98f439769bd191e33())}}]);return A11yMediaTranscript}(_a11yMediaBehaviors.A11yMediaBehaviors);_exports.A11yMediaTranscript=A11yMediaTranscript;window.customElements.define(A11yMediaTranscript.tag,A11yMediaTranscript)});
\ No newline at end of file
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 8865b8ee3eb..6afa8ecd730 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../simple-colors/simple-colors.js"],function(_exports,_polymerElement,_HAXWiring,_schemaBehaviors,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.AccentCard=void 0;function _templateObject_6753a84054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\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          @apply --accent-card;\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          @apply --accent-card-image;\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([horizontal]) .image {\n          @apply --accent-card-image-horizontal;\n        }\n        :host(:not([horizontal])) .image {\n          height: 0;\n          padding-top: var(--accent-card-image-height);\n          @apply --accent-card-image-vertical;\n        }\n        :host .body {\n          flex-grow: 1;\n          overflow: visible;\n          @apply --accent-card-body;\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          @apply --accent-card-heading;\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          @apply --accent-card-subheading;\n        }\n        :host #content {\n          font-size: 100%;\n          padding: var(--accent-card-padding, 20px);\n          @apply --accent-card-content;\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          @apply --accent-card-footer;\n        }\n      </style>\n      <section id=\"card\" style$=\"[[__customStyle]]\">\n        <div class=\"image-outer\" hidden$=\"[[!_hasProp(imageSrc)]]\">\n          <div class=\"image\" style$=\"[[__backgroundStyle]]\"></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_6753a84054f411e9aeb367f92c5b63ab=function(){return data};return data}var AccentCard=function(_SimpleColors){babelHelpers.inherits(AccentCard,_SimpleColors);function AccentCard(){babelHelpers.classCallCheck(this,AccentCard);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(AccentCard).apply(this,arguments))}babelHelpers.createClass(AccentCard,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(AccentCard.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(AccentCard.haxProperties,AccentCard.tag,this)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(AccentCard.prototype),"ready",this).call(this)}},{key:"_hasProp",value:function _hasProp(prop){return prop!==void 0&&null!==prop}},{key:"_getBackgroundStyle",value:function _getBackgroundStyle(imageSrc){if(this._hasProp(imageSrc)){return"background-image: url("+imageSrc+");"}else{return"display: none;"}}}],[{key:"tag",get:function get(){return"accent-card"}},{key:"behaviors",get:function get(){return[_simpleColors.SimpleColors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_6753a84054f411e9aeb367f92c5b63ab())}},{key:"haxProperties",get:function get(){var _ref;return _ref={canEditSource:!1,canPosition:!1},babelHelpers.defineProperty(_ref,"canEditSource",!1),babelHelpers.defineProperty(_ref,"gizmo",{title:"Accent Card",description:"A card with optional accent styling.",icon:"chrome-reader-mode",color:"light-blue",groups:["Media","Text"],handles:[{type:"media",url:"source"},{type:"text",url:"source"}],meta:{author:"nikkimk",owner:"The Pennsylvania State University"}}),babelHelpers.defineProperty(_ref,"settings",{quick:[{property:"accentColor",title:"Accent Color",description:"An optional accent color.",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark Theme",description:"Enable Dark Theme",inputMethod:"boolean",icon:"icons:invert-colors"},{property:"horizontal",title:"Horizontal",description:"Horizontal orientation?",inputMethod:"boolean"}],configure:[{slot:"heading",title:"Heading",description:"A heading for the card.",inputMethod:"textfield"},{slot:"subheading",title:"Subheading",description:"An optional subheading for the card.",inputMethod:"textfield"},{slot:"content",title:"Content",description:"Content for the card.",inputMethod:"textfield"},{slot:"footer",title:"Footer",description:"An optional footer for the card.",inputMethod:"textfield"},{property:"imageSrc",title:"Image",description:"Optional image",inputMethod:"textfield",icon:"editor:insert-photo"},{property:"imageAlign",title:"imageAlign",description:"Image Horizontal Alignment",inputMethod:"select",options:{left:"left",center:"center",right:"right"}},{property:"imageValign",title:"imageValign",description:"Image Vertical Alignment",inputMethod:"select",options:{top:"top",center:"center",bottom:"bottom"}},{property:"accentColor",title:"Accent Color",description:"An optional accent color.",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark Theme",description:"Enable Dark Theme",inputMethod:"boolean",icon:"icons:invert-colors"},{property:"horizontal",title:"Horizontal",description:"Horizontal orientation?",inputMethod:"boolean"},{property:"accentHeading",title:"Heading Accent",description:"Apply the accent color to the heading?",inputMethod:"boolean"},{property:"accentBackground",title:"Background Accent",description:"Apply the accent color to the card background?",inputMethod:"boolean"},{property:"noBorder",title:"No Border Accent",description:"Remove the border accent?",inputMethod:"boolean"},{property:"flat",title:"Flat",description:"Remove the box shadow?",inputMethod:"boolean"}],advanced:[]}),_ref}},{key:"properties",get:function get(){return{accentBackground:{name:"accentBackground",type:Boolean,value:!1,reflectToAttribute:!0},accentHeading:{name:"accentHeading",type:Boolean,value:!1,reflectToAttribute:!0},flat:{name:"flat",type:Boolean,value:!1,reflectToAttribute:!0},horizontal:{name:"horizontal",type:Boolean,value:!1,reflectToAttribute:!0},imageAlign:{name:"imageAlign",type:String,value:null,reflectToAttribute:!0},imageSrc:{name:"imageSrc",type:String,value:null},imageValign:{name:"imageValign",type:String,value:null,reflectToAttribute:!0},noBorder:{name:"noBorder",type:Boolean,value:!1,reflectToAttribute:!0},__backgroundStyle:{name:"__backgroundStyle",type:String,computed:"_getBackgroundStyle(imageSrc)"}}}}]);return AccentCard}(_simpleColors.SimpleColors);_exports.AccentCard=AccentCard;window.customElements.define(AccentCard.tag,AccentCard)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../simple-colors/simple-colors.js"],function(_exports,_polymerElement,_HAXWiring,_schemaBehaviors,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.AccentCard=void 0;function _templateObject_f91b0400555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\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          @apply --accent-card;\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          @apply --accent-card-image;\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([horizontal]) .image {\n          @apply --accent-card-image-horizontal;\n        }\n        :host(:not([horizontal])) .image {\n          height: 0;\n          padding-top: var(--accent-card-image-height);\n          @apply --accent-card-image-vertical;\n        }\n        :host .body {\n          flex-grow: 1;\n          overflow: visible;\n          @apply --accent-card-body;\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          @apply --accent-card-heading;\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          @apply --accent-card-subheading;\n        }\n        :host #content {\n          font-size: 100%;\n          padding: var(--accent-card-padding, 20px);\n          @apply --accent-card-content;\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          @apply --accent-card-footer;\n        }\n      </style>\n      <section id=\"card\" style$=\"[[__customStyle]]\">\n        <div class=\"image-outer\" hidden$=\"[[!_hasProp(imageSrc)]]\">\n          <div class=\"image\" style$=\"[[__backgroundStyle]]\"></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_f91b0400555111e98f439769bd191e33=function(){return data};return data}var AccentCard=function(_SimpleColors){babelHelpers.inherits(AccentCard,_SimpleColors);function AccentCard(){babelHelpers.classCallCheck(this,AccentCard);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(AccentCard).apply(this,arguments))}babelHelpers.createClass(AccentCard,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(AccentCard.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(AccentCard.haxProperties,AccentCard.tag,this)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(AccentCard.prototype),"ready",this).call(this)}},{key:"_hasProp",value:function _hasProp(prop){return prop!==void 0&&null!==prop}},{key:"_getBackgroundStyle",value:function _getBackgroundStyle(imageSrc){if(this._hasProp(imageSrc)){return"background-image: url("+imageSrc+");"}else{return"display: none;"}}}],[{key:"tag",get:function get(){return"accent-card"}},{key:"behaviors",get:function get(){return[_simpleColors.SimpleColors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_f91b0400555111e98f439769bd191e33())}},{key:"haxProperties",get:function get(){var _ref;return _ref={canEditSource:!1,canPosition:!1},babelHelpers.defineProperty(_ref,"canEditSource",!1),babelHelpers.defineProperty(_ref,"gizmo",{title:"Accent Card",description:"A card with optional accent styling.",icon:"chrome-reader-mode",color:"light-blue",groups:["Media","Text"],handles:[{type:"media",url:"source"},{type:"text",url:"source"}],meta:{author:"nikkimk",owner:"The Pennsylvania State University"}}),babelHelpers.defineProperty(_ref,"settings",{quick:[{property:"accentColor",title:"Accent Color",description:"An optional accent color.",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark Theme",description:"Enable Dark Theme",inputMethod:"boolean",icon:"icons:invert-colors"},{property:"horizontal",title:"Horizontal",description:"Horizontal orientation?",inputMethod:"boolean"}],configure:[{slot:"heading",title:"Heading",description:"A heading for the card.",inputMethod:"textfield"},{slot:"subheading",title:"Subheading",description:"An optional subheading for the card.",inputMethod:"textfield"},{slot:"content",title:"Content",description:"Content for the card.",inputMethod:"textfield"},{slot:"footer",title:"Footer",description:"An optional footer for the card.",inputMethod:"textfield"},{property:"imageSrc",title:"Image",description:"Optional image",inputMethod:"textfield",icon:"editor:insert-photo"},{property:"imageAlign",title:"imageAlign",description:"Image Horizontal Alignment",inputMethod:"select",options:{left:"left",center:"center",right:"right"}},{property:"imageValign",title:"imageValign",description:"Image Vertical Alignment",inputMethod:"select",options:{top:"top",center:"center",bottom:"bottom"}},{property:"accentColor",title:"Accent Color",description:"An optional accent color.",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark Theme",description:"Enable Dark Theme",inputMethod:"boolean",icon:"icons:invert-colors"},{property:"horizontal",title:"Horizontal",description:"Horizontal orientation?",inputMethod:"boolean"},{property:"accentHeading",title:"Heading Accent",description:"Apply the accent color to the heading?",inputMethod:"boolean"},{property:"accentBackground",title:"Background Accent",description:"Apply the accent color to the card background?",inputMethod:"boolean"},{property:"noBorder",title:"No Border Accent",description:"Remove the border accent?",inputMethod:"boolean"},{property:"flat",title:"Flat",description:"Remove the box shadow?",inputMethod:"boolean"}],advanced:[]}),_ref}},{key:"properties",get:function get(){return{accentBackground:{name:"accentBackground",type:Boolean,value:!1,reflectToAttribute:!0},accentHeading:{name:"accentHeading",type:Boolean,value:!1,reflectToAttribute:!0},flat:{name:"flat",type:Boolean,value:!1,reflectToAttribute:!0},horizontal:{name:"horizontal",type:Boolean,value:!1,reflectToAttribute:!0},imageAlign:{name:"imageAlign",type:String,value:null,reflectToAttribute:!0},imageSrc:{name:"imageSrc",type:String,value:null},imageValign:{name:"imageValign",type:String,value:null,reflectToAttribute:!0},noBorder:{name:"noBorder",type:Boolean,value:!1,reflectToAttribute:!0},__backgroundStyle:{name:"__backgroundStyle",type:String,computed:"_getBackgroundStyle(imageSrc)"}}}}]);return AccentCard}(_simpleColors.SimpleColors);_exports.AccentCard=AccentCard;window.customElements.define(AccentCard.tag,AccentCard)});
\ No newline at end of file
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 bffbdb96a3d..cb7321152b8 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../aframe/dist/aframe-master.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.AframePlayer=void 0;function _templateObject_60cad61054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\">\n        :host {\n          display: block;\n          position: relative;\n        }\n        .a-hidden {\n          display: hidden;\n        }\n      </style>\n    </custom-style>\n    <a-scene\n      id=\"scene\"\n      class=\"embedded\"\n      embedded\n      arjs$=\"[[ar]]\"\n      style$=\"height:[[height]];width:[[width]];\"\n    >\n      <a-sky color$=\"[[skyColor]]\"></a-sky>\n      <a-marker-camera preset=\"hiro\"></a-marker-camera>\n      <a-entity\n        id=\"entity\"\n        gltf-model$=\"[[source]]\"\n        position=\"0 0 0\"\n      ></a-entity>\n    </a-scene>\n  "],["\n    <custom-style>\n      <style is=\"custom-style\">\n        :host {\n          display: block;\n          position: relative;\n        }\n        .a-hidden {\n          display: hidden;\n        }\n      </style>\n    </custom-style>\n    <a-scene\n      id=\"scene\"\n      class=\"embedded\"\n      embedded\n      arjs$=\"[[ar]]\"\n      style$=\"height:[[height]];width:[[width]];\"\n    >\n      <a-sky color\\$=\"[[skyColor]]\"></a-sky>\n      <a-marker-camera preset=\"hiro\"></a-marker-camera>\n      <a-entity\n        id=\"entity\"\n        gltf-model\\$=\"[[source]]\"\n        position=\"0 0 0\"\n      ></a-entity>\n    </a-scene>\n  "]);_templateObject_60cad61054f411e9aeb367f92c5b63ab=function(){return data};return data}var AframePlayer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_60cad61054f411e9aeb367f92c5b63ab()),is:"aframe-player",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{source:{type:String,value:""},height:{type:String,value:"480px"},width:{type:String,value:"640px"},skyColor:{type:String,value:"#DCDCDC"},ar:{type:Boolean,value:!1},x:{type:String,value:"0"},y:{type:String,value:"0"},z:{type:String,value:"0"},position:{type:Object,computed:"_computePosition(x, y, z, width, height)",observer:"_positionChanged"}},_attachDom:function _attachDom(dom){this.appendChild(dom)},attached:function attached(){this.$.scene.removeFullScreenStyles();this.setHaxProperties({canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"3D player",description:"A 3D file / augmented reality player.",icon:"av:play-circle-filled",color:"amber",groups:["3D","Augmented reality"],handles:[{type:"3d",source:"source"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"height",title:"height",description:"height of the object",inputMethod:"textfield",type:"bar",icon:"image:photo-size-select-small",required:!0},{property:"width",title:"Width",description:"Width of the object",inputMethod:"textfield",type:"bar",icon:"image:straighten",required:!0}],configure:[{property:"source",title:"Source",description:"The URL for this AR file.",inputMethod:"textfield",type:"bar",icon:"link",required:!0},{property:"x",title:"X",description:"X position of the element in AR.",inputMethod:"textfield",type:"bar",icon:"communication:location-on",required:!0},{property:"y",title:"Y",description:"Y position of the element in AR.",inputMethod:"textfield",type:"bar",icon:"communication:location-on",required:!0},{property:"z",title:"Z",description:"Z position of the element in AR.",inputMethod:"textfield",type:"bar",icon:"communication:location-on",required:!0},{property:"skyColor",title:"Sky color",description:"Select the color of the sky in the scene.",inputMethod:"colorpicker",type:"bar",icon:"editor:format-color-fill"}],advanced:[]}})},_computePosition:function _computePosition(x,y,z){return{x:x,y:y,z:z}},_positionChanged:function _positionChanged(position){this.$.entity.setAttribute("position",position)}});_exports.AframePlayer=AframePlayer});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../aframe/dist/aframe-master.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.AframePlayer=void 0;function _templateObject_f9f3fee0555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\">\n        :host {\n          display: block;\n          position: relative;\n        }\n        .a-hidden {\n          display: hidden;\n        }\n      </style>\n    </custom-style>\n    <a-scene\n      id=\"scene\"\n      class=\"embedded\"\n      embedded\n      arjs$=\"[[ar]]\"\n      style$=\"height:[[height]];width:[[width]];\"\n    >\n      <a-sky color$=\"[[skyColor]]\"></a-sky>\n      <a-marker-camera preset=\"hiro\"></a-marker-camera>\n      <a-entity\n        id=\"entity\"\n        gltf-model$=\"[[source]]\"\n        position=\"0 0 0\"\n      ></a-entity>\n    </a-scene>\n  "],["\n    <custom-style>\n      <style is=\"custom-style\">\n        :host {\n          display: block;\n          position: relative;\n        }\n        .a-hidden {\n          display: hidden;\n        }\n      </style>\n    </custom-style>\n    <a-scene\n      id=\"scene\"\n      class=\"embedded\"\n      embedded\n      arjs$=\"[[ar]]\"\n      style$=\"height:[[height]];width:[[width]];\"\n    >\n      <a-sky color\\$=\"[[skyColor]]\"></a-sky>\n      <a-marker-camera preset=\"hiro\"></a-marker-camera>\n      <a-entity\n        id=\"entity\"\n        gltf-model\\$=\"[[source]]\"\n        position=\"0 0 0\"\n      ></a-entity>\n    </a-scene>\n  "]);_templateObject_f9f3fee0555111e98f439769bd191e33=function(){return data};return data}var AframePlayer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_f9f3fee0555111e98f439769bd191e33()),is:"aframe-player",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{source:{type:String,value:""},height:{type:String,value:"480px"},width:{type:String,value:"640px"},skyColor:{type:String,value:"#DCDCDC"},ar:{type:Boolean,value:!1},x:{type:String,value:"0"},y:{type:String,value:"0"},z:{type:String,value:"0"},position:{type:Object,computed:"_computePosition(x, y, z, width, height)",observer:"_positionChanged"}},_attachDom:function _attachDom(dom){this.appendChild(dom)},attached:function attached(){this.$.scene.removeFullScreenStyles();this.setHaxProperties({canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"3D player",description:"A 3D file / augmented reality player.",icon:"av:play-circle-filled",color:"amber",groups:["3D","Augmented reality"],handles:[{type:"3d",source:"source"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"height",title:"height",description:"height of the object",inputMethod:"textfield",type:"bar",icon:"image:photo-size-select-small",required:!0},{property:"width",title:"Width",description:"Width of the object",inputMethod:"textfield",type:"bar",icon:"image:straighten",required:!0}],configure:[{property:"source",title:"Source",description:"The URL for this AR file.",inputMethod:"textfield",type:"bar",icon:"link",required:!0},{property:"x",title:"X",description:"X position of the element in AR.",inputMethod:"textfield",type:"bar",icon:"communication:location-on",required:!0},{property:"y",title:"Y",description:"Y position of the element in AR.",inputMethod:"textfield",type:"bar",icon:"communication:location-on",required:!0},{property:"z",title:"Z",description:"Z position of the element in AR.",inputMethod:"textfield",type:"bar",icon:"communication:location-on",required:!0},{property:"skyColor",title:"Sky color",description:"Select the color of the sky in the scene.",inputMethod:"colorpicker",type:"bar",icon:"editor:format-color-fill"}],advanced:[]}})},_computePosition:function _computePosition(x,y,z){return{x:x,y:y,z:z}},_positionChanged:function _positionChanged(position){this.$.entity.setAttribute("position",position)}});_exports.AframePlayer=AframePlayer});
\ No newline at end of file
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 14160d6a498..b61d1e43520 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../@polymer/polymer/lib/utils/async.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-animation-runner-behavior.js","../../@polymer/neon-animation/neon-animated-pages.js","./lib/app-datepicker-icons.js","./lib/app-datepicker-animations.js"],function(_exports,_polymerLegacy,_polymerDom,_flattenedNodesObserver,async,_ironSelector,_ironList,_paperIconButton,_neonAnimationRunnerBehavior){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.AppDatepicker=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_7db3f59054f411e9aeb367f92c5b63ab(){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_7db3f59054f411e9aeb367f92c5b63ab=function(){return data};return data}var AppDatepicker=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7db3f59054f411e9aeb367f92c5b63ab()),is:"app-datepicker",behaviors:[_neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],properties:{locale:{type:String,value:function value(){if(window.Intl){return window.Intl&&window.Intl.DateTimeFormat&&window.Intl.DateTimeFormat().resolvedOptions&&window.Intl.DateTimeFormat().resolvedOptions().locale||"en-US"}return"en-US"}},view:String,theme:String,firstDayOfWeek:{type:Number,value:0},disableDays:{type:Array,value:function value(){return[6,0]}},disableDates:{type:Array,value:function value(){return[]}},minDate:{type:String,value:"1000/00/01"},maxDate:{type:String,value:"9999/99/99"},format:{type:String,value:"yyyy/mm/dd"},date:{type:String,notify:!0,readOnly:!0},inputDate:String,noAnimation:Boolean,pageEntryAnimation:String,pageExitAnimation:String,showLongDate:{type:Boolean,value:!1},invalidDate:{type:Boolean,notify:!0,readOnly:!0},autoUpdateDate:{type:Boolean,value:!1},alwaysResetSelectedDateOnDialogClose:Boolean,_monthNames:{type:Array,value:function value(){return["January","February","March","April","May","June","July","August","September","October","November","December"]}},_shiftedDisableDays:{type:Array,value:[6,0]},_activeMonthYear:String,_shortSelectedDate:String,_showSelectedYear:String,_daysOfWeek:Array,_daysOfMonth:Array,_listOfYears:Array,_activeView:{type:String,value:"calendar"},_activeYear:{type:Number,value:function value(){return new Date().getFullYear()}},_activeMonth:{type:Number,value:function value(){return new Date().getMonth()}},_isIncrementMonth:Boolean,_isDecrementMonth:Boolean,_selectedYear:{type:Number,value:function value(){return new Date().getFullYear()}},_selectedMonth:{type:Number,value:function value(){return new Date().getMonth()}},_selectedDate:{type:Number,value:function value(){return new Date().getDate()}},_chosenDaysOfMonth:{type:Number,value:function value(){return new Date().getDate()}},_isListRendered:{type:Boolean,value:!1},_isSelectedDateConfirmed:Boolean,_format:{type:Object,value:function value(){return{y:"yyyy",m:"mm",d:"dd",s1:"/",s2:"/"}}}},observers:["_computeDaysOfMonth(_activeYear, _activeMonth, firstDayOfWeek, locale)","_computeSeparateFormat(format)","_computeShowLongDate(showLongDate, locale)","_updateToReflectExternalChange(inputDate)","_updateThemeColor(theme)","_updateDatepickerView(view)","_computeDaysOfWeek(firstDayOfWeek, locale)","_computeActiveMonthYear(_activeYear, _activeMonth, locale)","_computeShortSelectedDate(_selectedYear, _selectedMonth, _selectedDate, locale)","_computeShowSelectedYear(_selectedYear, locale)","_computeShiftedDisableDays(firstDayOfWeek, disableDays.*)"],attached:function attached(){if(!this.noAnimation){this.set("animationConfig",{incrementEntry:[{name:"slide-from-right-animation",node:this.$.daysOfWeek},{name:"slide-from-right-animation",node:this.$.daysOfMonth},{name:"datepicker-slide-from-right-animation",node:this.$.navMonthYear}],decrementEntry:[{name:"slide-from-left-animation",node:this.$.daysOfWeek},{name:"slide-from-left-animation",node:this.$.daysOfMonth},{name:"datepicker-slide-from-left-animation",node:this.$.navMonthYear}]});this.set("pageEntryAnimation","fade-in-animation");this.set("pageExitAnimation","fade-out-animation")}var effectiveChildren=_flattenedNodesObserver.FlattenedNodesObserver.getFlattenedNodes(this).filter(function(n){return n.nodeType===Node.ELEMENT_NODE});if(effectiveChildren&&0<effectiveChildren.length){for(var i=0;i<effectiveChildren.length;i++){if(effectiveChildren[i].hasAttribute("dialog-confirm")){effectiveChildren[i].addEventListener("tap",this._updateBindDate.bind(this));effectiveChildren[i].addEventListener("transitionend",this._updateBindDate.bind(this))}this._updateDistributedButtonInkColorCustomProp(effectiveChildren[i],"#737373")}this.$.dp.classList.add("with-buttons")}else{this.$.dp.classList.remove("with-buttons")}this.fire("app-datepicker-attached")},_computeDaysOfMonth:function _computeDaysOfMonth(_activeYear,_activeMonth,_firstDayOfWeek,_locale){if(!window.Intl){return}var _start=new Date(_activeYear,_activeMonth,1).getDay(),_daysOfMonth=[],_totalDays=function(_year,_month){var _totalDaysOfMonth=new Date(_year,_month+1,0).getDate();return _totalDaysOfMonth}(_activeYear,_activeMonth);if(0<_firstDayOfWeek&&7>_firstDayOfWeek){_start=_start-_firstDayOfWeek;_start=0>_start?7+_start:_start}_locale=_locale||window.Intl&&window.Intl.DateTimeFormat&&window.Intl.DateTimeFormat().resolvedOptions&&window.Intl.DateTimeFormat().resolvedOptions().locale||"en-US";for(var _formatter=window.Intl&&window.Intl.DateTimeFormat?new window.Intl.DateTimeFormat(_locale,{timeZone:"UTC",day:"numeric"}).format:function(date){return date.getDate()},i=0,j=1-_start;42>i;i++,j++){var _formatted=_formatter(Date.UTC(_activeYear,_activeMonth,j)),_dateObj={date:"",index:""};if(i>=_start&i<_start+_totalDays){_dateObj.date=_formatted;_dateObj.index=j}_daysOfMonth.push(_dateObj)}this.set("_chosenDaysOfMonth",this._computeChosenDaysOfMonth(_daysOfMonth,this._selectedDate));this.set("_daysOfMonth",_daysOfMonth)},_computeShiftedDisableDays:function _computeShiftedDisableDays(_firstDayOfWeek){_firstDayOfWeek=0<_firstDayOfWeek&&7>_firstDayOfWeek?_firstDayOfWeek:0;var _sdd=this.disableDays.map(function(_day){_day=_day-_firstDayOfWeek;return 0>_day?7+_day:_day});this.set("_shiftedDisableDays",_sdd)},_incrementMonth:function _incrementMonth(){this.debounce("_incrementMonth",function(){this.set("_isIncrementMonth",!0);window.requestAnimationFrame(function(){var _month=this._activeMonth;if(0===++_month%12){this._activeYear++}this.set("_activeMonth",_month%12);if(!this.noAnimation){this.cancelAnimation();this.playAnimation("incrementEntry")}this.set("_isIncrementMonth",!1)}.bind(this))},100)},_decrementMonth:function _decrementMonth(){this.debounce("_decrementMonth",function(){this.set("_isDecrementMonth",!0);window.requestAnimationFrame(function(){var _month=this._activeMonth;if(0>--_month){this._activeYear--;_month=11}this.set("_activeMonth",_month);if(!this.noAnimation){this.cancelAnimation();this.playAnimation("decrementEntry")}this.set("_isDecrementMonth",!1)}.bind(this))},100)},_computeActiveMonthYear:function _computeActiveMonthYear(_activeYear,_activeMonth,_locale){if(window.Intl){_locale=_locale||window.Intl&&window.Intl.DateTimeFormat&&window.Intl.DateTimeFormat().resolvedOptions&&window.Intl.DateTimeFormat().resolvedOptions().locale||"en-US";var _amy=new window.Intl.DateTimeFormat(_locale,{timeZone:"UTC",month:"short",year:"numeric"}).format(Date.UTC(_activeYear,_activeMonth,1));this.set("_activeMonthYear",_amy)}},_computeShortSelectedDate:function _computeShortSelectedDate(_selectedYear,_selectedMonth,_selectedDate,_locale){if(window.Intl){_locale=_locale||window.Intl&&window.Intl.DateTimeFormat&&window.Intl.DateTimeFormat().resolvedOptions&&window.Intl.DateTimeFormat().resolvedOptions().locale||"en-US";var _ssd=new window.Intl.DateTimeFormat(_locale,{timeZone:"UTC",weekday:"short",month:"short",day:"numeric"}).format(Date.UTC(_selectedYear,_selectedMonth,_selectedDate));this.set("_shortSelectedDate",_ssd);if(this.autoUpdateDate){this.enforceDateChange()}}},_computeShowSelectedYear:function _computeShowSelectedYear(_selectedYear,_locale){if(window.Intl){_locale=_locale||window.Intl&&window.Intl.DateTimeFormat&&window.Intl.DateTimeFormat().resolvedOptions&&window.Intl.DateTimeFormat().resolvedOptions().locale||"en-US";var _ssy=new window.Intl.DateTimeFormat(_locale,{timeZone:"UTC",year:"numeric"}).format(Date.UTC(_selectedYear,0,1));this.set("_showSelectedYear",_ssy)}},_chooseDaysOfMonth:function _chooseDaysOfMonth(ev){var _target=ev.target;if(_target&&this._isNumber(_target.date)&&!_target.classList.contains("is-disabled-day")){this.set("_chosenDaysOfMonth",_target.index);this.set("_selectedYear",this._activeYear);this.set("_selectedDate",_target.date);this.set("_selectedMonth",this._activeMonth)}},_isToday:function(_item,_activeYear,_activeMonth){var _now=new Date,_isToday=_item===_now.getDate()&&_activeYear===_now.getFullYear()&&_activeMonth===_now.getMonth();return _isToday?" is-today":""},_isEmptyDate:function _isEmptyDate(_item){return this._isNumber(_item)?"":" is-non-selectable"},_isChosenDaysOfMonth:function(_item,_selectedYear,_selectedMonth,_selectedDate){var _isChosenDaysOfMonth=0<=this._chosenDaysOfMonth&&this._activeYear===_selectedYear&&this._activeMonth===_selectedMonth&&_item===_selectedDate;return _isChosenDaysOfMonth?" chosen-days-of-month":""},_isDisableDays:function(_index,_firstDayOfWeek,_minDate,_maxDate,_item){var _isLessThanMinDate=!1,_isMoreThanMaxDate=!1,_isDisableDay=!1,_isDisableDates=!1,_isDisableDays=this._shiftedDisableDays.some(function(_n){return _n===_index%7});if(this._isNumber(_item)){var _minDateObj=this._convertDateStringToDateObject(_minDate),_maxDateObj=this._convertDateStringToDateObject(_maxDate),_currentDate=new Date(this._activeYear,this._activeMonth,_item);if(_minDateObj){_isLessThanMinDate=_currentDate.getTime()<_minDateObj.getTime()}if(_maxDateObj){_isMoreThanMaxDate=_currentDate.getTime()>_maxDateObj.getTime()}_isDisableDates=this.disableDates&&this.disableDates.length&&this.disableDates.some(function(date){var _dateObj=this._convertDateStringToDateObject(date);return _dateObj&&_currentDate.getTime()===_dateObj.getTime()}.bind(this))}_isDisableDay=_isDisableDays||_isDisableDates||_isLessThanMinDate||_isMoreThanMaxDate;return _isDisableDay?" is-disabled-day is-non-selectable":""},_isListOfYearsSelected:function _isListOfYearsSelected(selectedYear,year){return+selectedYear===+year?" is-selected":""},_computeDaysOfWeek:function _computeDaysOfWeek(_firstDayOfWeek,_locale){var _dow=["S","M","T","W","T","F","S"],_firstDayOfWeek=0<_firstDayOfWeek&&7>_firstDayOfWeek?_firstDayOfWeek:0;if(_locale&&window.Intl){_dow=[];for(var _today=new Date,_offsetDate=_today.getDate()-_today.getDay(),_formatter=new window.Intl.DateTimeFormat(_locale,{timeZone:"UTC",weekday:"narrow"}).format,newDate=null,i=0;7>i;i++){newDate=Date.UTC(_today.getFullYear(),_today.getMonth(),_offsetDate+i);_dow.push(_formatter(newDate))}}var _sliced=_dow.slice(_firstDayOfWeek),_rest=_dow.slice(0,_firstDayOfWeek),_concatted=Array.prototype.concat(_sliced,_rest);this.set("_daysOfWeek",_concatted)},_computeChosenDaysOfMonth:function _computeChosenDaysOfMonth(_daysOfMonth,_selectedDate){for(var _len=_daysOfMonth.length,i=0;i<_len;i++){if(0<=i&&_daysOfMonth[i].index===_selectedDate){return i}}},_convertDateStringToDateObject:function _convertDateStringToDateObject(_date){var _checkDate=babelHelpers.instanceof(_date,Date)||"string"!==typeof _date?_date:new Date(_date),_isValidDate="Invalid Date"!==_checkDate.toDateString();return _isValidDate?_checkDate:null},_updateList:function _updateList(){for(var _newList=[],i=1900;2100>=i;i++){_newList.push({year:i})}this.set("_listOfYears",_newList)},_onAnimationFinish:function _onAnimationFinish(ev){var _this=this,_target=ev.detail;if(_target&&"IRON-LIST"===_target.toPage.tagName){var _focusableItem=this._updateListScroller(_target.toPage);async.microTask.run(function(){_target.toPage._focusPhysicalItem(_focusableItem)})}else{async.microTask.run(function(){_this.$.showSelectedYear.focus()})}},_updateListScroller:function _updateListScroller(_list){var _Mathfloor=Math.floor,_this2=this,_sl=(0,_polymerDom.dom)(_list.root).querySelector("#items"),_slh=_sl.getBoundingClientRect().height||12863.994140625,_sli=_Mathfloor(_slh/(2100-1900+1)*(this._activeYear-1900-2))+1;if(!this.$.dp.classList.contains("with-buttons")&&window.matchMedia("(orientation: landscape)").matches){_sli=_Mathfloor(_slh/(2100-1900+1)*(this._activeYear-1900-1))+1}async.microTask.run(function(){_list.scroll(0,_sli);_list.selectItem(_this2._activeYear-1900)});return this._activeYear-1900},_onIronSelectorSelectedChanged:function _onIronSelectorSelectedChanged(ev){if("year"===ev.detail.value){if(!this._isListRendered){this._updateList();this.set("_isListRendered",!0)}else{if(this.noAnimation){this._updateListScroller(this.shadowRoot.querySelector("#listOfYears"))}}}},_onListRendered:function _onListRendered(ev){var _this3=this;if(ev.target.if&&this.noAnimation){async.microTask.run(function(){_this3._updateListScroller(_this3.shadowRoot.querySelector("#listOfYears"))})}},_goCalendar:function _goCalendar(ev){if("keydown"===ev.type&&13!==ev.keyCode){return}var _selectedYear=ev.model.item.year;this.set("_activeYear",_selectedYear);this.set("_selectedYear",_selectedYear);this.shadowRoot.querySelector("#listOfYears").selectItem(_selectedYear-1900);this.set("_activeView","calendar")},_computeSeparateFormat:function _computeSeparateFormat(_format){var re=/^(yyyy|yy|m{1,4}|d{1,2}|do)\W+(yyyy|yy|m{1,4}|d{1,2}|do)\W+(yyyy|yy|m{1,4}|d{1,2}|do)$/g,m=re.exec(_format),_temp={},_tempArr=[];if(null!==m){_tempArr.push(m[1]);_tempArr.push(m[2]);_tempArr.push(m[3]);for(var i=0,matched;3>i;i++){matched=_tempArr[i];if(0<=matched.indexOf("y")){_temp.y=matched}else if(0<=matched.indexOf("m")){_temp.m=matched}else if(0<=matched.indexOf("d")){_temp.d=matched}}}if("d"in _temp&&"m"in _temp&&"y"in _temp){this.set("_format",_temp)}_temp=null},_bindSelectedFulldate:function _bindSelectedFulldate(_selectedYear,_selectedMonth,_selectedDate,_format){if(this.showLongDate){return this._computeShowLongDate(this.showLongDate,this.locale,!0)}var _formattedYear=_selectedYear,_formattedMonth=this._monthNames[_selectedMonth],_formattedDate=_selectedDate,_finalFormatted=this.format;if("yy"===_format.y){_formattedYear=_selectedYear%100}if("mmm"===_format.m){_formattedMonth=_formattedMonth.slice(0,3)}else if("mm"===_format.m){_formattedMonth=this._padStart(_selectedMonth+1,2,"0")}else if("m"===_format.m){_formattedMonth=_selectedMonth+1}if("do"===_format.d){var _cardinalNumber=_formattedDate%10,_suffixOrdinal=3<_cardinalNumber?"th":["th","st","nd","rd"][_cardinalNumber];if(11===_formattedDate||12==_formattedDate||13===_formattedDate){_suffixOrdinal="th"}_formattedDate=_formattedDate+_suffixOrdinal}else if("dd"===_format.d){_formattedDate=this._padStart(_formattedDate,2,"0")}_finalFormatted=_finalFormatted.replace(_format.y,_formattedYear);_finalFormatted=_finalFormatted.replace(_format.m,_formattedMonth);_finalFormatted=_finalFormatted.replace(_format.d,_formattedDate);return _finalFormatted},_updateBindDate:function _updateBindDate(ev){this.debounce("_updateBindDate",function(){var _type=ev.type;if("tap"===_type){this.set("_isSelectedDateConfirmed",!0)}if("transitionend"===_type||this.noAnimation){if(this._isSelectedDateConfirmed){var _sy=this._selectedYear,_sm=this._selectedMonth,_sd=this._selectedDate,_f=this._format,_confirmDate=this._bindSelectedFulldate(_sy,_sm,_sd,_f);this._setDate(_confirmDate);this.set("_isSelectedDateConfirmed",!1);if(this.alwaysResetSelectedDateOnDialogClose){this.resetDate()}}}},1)},_computeShowLongDate:function _computeShowLongDate(_showLongDate,_locale,_returnResult){if(!window.Intl||!this._selectedDate||"undefined"===typeof this._selectedDate){return}var _selectedDate=this._selectedDate,_longDate=Date.UTC(this._selectedYear,this._selectedMonth,_selectedDate);if(_showLongDate){_locale=_locale||window.Intl&&window.Intl.DateTimeFormat&&window.Intl.DateTimeFormat().resolvedOptions&&window.Intl.DateTimeFormat().resolvedOptions().locale||"en-US";var _options={timeZone:"UTC",weekday:this.showLongDate?"short":void 0,year:"numeric",month:this.showLongDate?"short":"2-digit",day:"2-digit"};_longDate=new window.Intl.DateTimeFormat(_locale,_options).format(_longDate);if(_returnResult){return _longDate}if(window.navigator.msManipulationViewsEnabled){if(_locale||""===_locale){_longDate=decodeURIComponent(encodeURIComponent(_longDate).replace(/\%E2\%80\%8[0-9A-F]/gi,""))}}this._setDate(_longDate)}else{_longDate=this._bindSelectedFulldate(this._selectedYear,this._selectedMonth,_selectedDate,this._format);if(_returnResult){return _longDate}this._setDate(_longDate)}},_updateToReflectExternalChange:function _updateToReflectExternalChange(_inputDate){if(this.showLongDate&&0>this.locale.indexOf("en")){this._setInvalidDate(!0);return}var _showLongDate=this.showLongDate,_yy=0,_mm=0,_isValidDate=function(_id,_showLongDate){var _res={valid:!1,result:""};if(_showLongDate){var _ds=_id.split(", ");if(2<_ds.length){_ds=_ds[1].split(" ").join("/")+", "+_ds[2];var _newDate=new Date(_ds);if("Invalid Date"===_newDate.toString()){return _res}else{return{valid:!0,result:_newDate}}}return _res}var _re1=/^(\d{4})\W+(\d{1,2})\W+(\d{1,2})$/i,_re2=/^(\d{4})[ ](\w+)[ ](\d{1,2})$/i,_validWithRe1=_re1.exec(_id),_validWithRe2=_re2.exec(_id);if(null===_validWithRe1&&null===_validWithRe2){return _res}else{var _resultToDate=null;if(null===_validWithRe1){_resultToDate=new Date(_validWithRe2[1]+" "+_validWithRe2[2]+" "+_validWithRe2[3])}else if(null===_validWithRe2){_resultToDate=new Date(+_validWithRe1[1],+_validWithRe1[2]-1,+_validWithRe1[3])}return{valid:!0,result:_resultToDate}}}(_inputDate,_showLongDate);if(_isValidDate.valid){if(this.alwaysResetSelectedDateOnDialogClose){return}var _vd=new Date(_isValidDate.result),_yy=_vd.getFullYear(),_mm=_vd.getMonth();this._setInvalidDate(!1);this.set("_activeYear",_yy);this.set("_activeMonth",_mm);this.set("_selectedYear",_yy);this.set("_selectedMonth",_mm);this.set("_selectedDate",_vd.getDate())}else{this.set("_selectedDate",this._selectedDate||new Date().getDate());this._computeShowLongDate(_showLongDate,this.locale);this._setInvalidDate(!0)}},enforceDateChange:function enforceDateChange(){this._setInvalidDate(!1);this._computeShowLongDate(this.showLongDate,this.locale)},resetDate:function resetDate(){if(this._isSelectedDateConfirmed){return}var now=new Date,nowFy=now.getFullYear(),nowM=now.getMonth(),nowD=now.getDate();this.set("_activeYear",nowFy);this.set("_activeMonth",nowM);this.set("_selectedYear",nowFy);this.set("_selectedMonth",nowM);this.set("_selectedDate",nowD);this._setInvalidDate(!1)},_shouldTabIndex:function _shouldTabIndex(_index,_firstDayOfWeek,_minDate,_maxDate,_item){var _isDisableDays=this._isDisableDays(_index,_firstDayOfWeek,_minDate,_maxDate,_item);return _item&&0<=_item&&!_isDisableDays?0:-1},_shouldAriaDisabled:function _shouldAriaDisabled(_index,_firstDayOfWeek,_minDate,_maxDate,_item){var _isDisableDays=this._isDisableDays(_index,_firstDayOfWeek,_minDate,_maxDate,_item);return!(_item&&0<=_item&&!_isDisableDays)},_padStart:function _padStart(_string,_length,_chars){var _str=(_chars+_string).slice(-_length);return _str},_isNumber:function _isNumber(_value){return"number"==typeof _value||!isNaN(parseFloat(_value))&&isFinite(_value)},_updateThemeColor:function _updateThemeColor(_theme){var _themes=["dark-theme","light-theme","goog-theme"],_themeIdx=_themes.indexOf(_theme),_distributedButtons=(0,_polymerDom.dom)(this).querySelectorAll("paper-button"),_distributedButtonsLen=_distributedButtons.length,_colorCode=["#bcbcbc","#737373","#616161"][_themeIdx];if(0<=_themeIdx){_themes.splice(_themeIdx,1);this.toggleClass(_themes[0],!1,this);this.toggleClass(_themes[1],!1,this);this.toggleClass(_theme,!0,this)}else{this.toggleClass("dark-theme",!1,this);this.toggleClass("light-theme",!1,this);this.toggleClass("goog-theme",!1,this)}for(var i=0;i<_distributedButtonsLen;i++){this._updateDistributedButtonInkColorCustomProp(_distributedButtons[i],_colorCode||"#737373")}this.updateStyles()},_updateDatepickerView:function _updateDatepickerView(_view){this.toggleClass("horizontal-view","horizontal"===_view,this);this.toggleClass("vertical-view","vertical"===_view,this)},_updateDistributedButtonInkColorCustomProp:function _updateDistributedButtonInkColorCustomProp(_node,_colorCode){this.updateStyles({"--paper-button-ink-color":_colorCode})}});_exports.AppDatepicker=AppDatepicker});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../@polymer/polymer/lib/utils/async.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-animation-runner-behavior.js","../../@polymer/neon-animation/neon-animated-pages.js","./lib/app-datepicker-icons.js","./lib/app-datepicker-animations.js"],function(_exports,_polymerLegacy,_polymerDom,_flattenedNodesObserver,async,_ironSelector,_ironList,_paperIconButton,_neonAnimationRunnerBehavior){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.AppDatepicker=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_126db650555211e98f439769bd191e33(){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_126db650555211e98f439769bd191e33=function(){return data};return data}var AppDatepicker=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_126db650555211e98f439769bd191e33()),is:"app-datepicker",behaviors:[_neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],properties:{locale:{type:String,value:function value(){if(window.Intl){return window.Intl&&window.Intl.DateTimeFormat&&window.Intl.DateTimeFormat().resolvedOptions&&window.Intl.DateTimeFormat().resolvedOptions().locale||"en-US"}return"en-US"}},view:String,theme:String,firstDayOfWeek:{type:Number,value:0},disableDays:{type:Array,value:function value(){return[6,0]}},disableDates:{type:Array,value:function value(){return[]}},minDate:{type:String,value:"1000/00/01"},maxDate:{type:String,value:"9999/99/99"},format:{type:String,value:"yyyy/mm/dd"},date:{type:String,notify:!0,readOnly:!0},inputDate:String,noAnimation:Boolean,pageEntryAnimation:String,pageExitAnimation:String,showLongDate:{type:Boolean,value:!1},invalidDate:{type:Boolean,notify:!0,readOnly:!0},autoUpdateDate:{type:Boolean,value:!1},alwaysResetSelectedDateOnDialogClose:Boolean,_monthNames:{type:Array,value:function value(){return["January","February","March","April","May","June","July","August","September","October","November","December"]}},_shiftedDisableDays:{type:Array,value:[6,0]},_activeMonthYear:String,_shortSelectedDate:String,_showSelectedYear:String,_daysOfWeek:Array,_daysOfMonth:Array,_listOfYears:Array,_activeView:{type:String,value:"calendar"},_activeYear:{type:Number,value:function value(){return new Date().getFullYear()}},_activeMonth:{type:Number,value:function value(){return new Date().getMonth()}},_isIncrementMonth:Boolean,_isDecrementMonth:Boolean,_selectedYear:{type:Number,value:function value(){return new Date().getFullYear()}},_selectedMonth:{type:Number,value:function value(){return new Date().getMonth()}},_selectedDate:{type:Number,value:function value(){return new Date().getDate()}},_chosenDaysOfMonth:{type:Number,value:function value(){return new Date().getDate()}},_isListRendered:{type:Boolean,value:!1},_isSelectedDateConfirmed:Boolean,_format:{type:Object,value:function value(){return{y:"yyyy",m:"mm",d:"dd",s1:"/",s2:"/"}}}},observers:["_computeDaysOfMonth(_activeYear, _activeMonth, firstDayOfWeek, locale)","_computeSeparateFormat(format)","_computeShowLongDate(showLongDate, locale)","_updateToReflectExternalChange(inputDate)","_updateThemeColor(theme)","_updateDatepickerView(view)","_computeDaysOfWeek(firstDayOfWeek, locale)","_computeActiveMonthYear(_activeYear, _activeMonth, locale)","_computeShortSelectedDate(_selectedYear, _selectedMonth, _selectedDate, locale)","_computeShowSelectedYear(_selectedYear, locale)","_computeShiftedDisableDays(firstDayOfWeek, disableDays.*)"],attached:function attached(){if(!this.noAnimation){this.set("animationConfig",{incrementEntry:[{name:"slide-from-right-animation",node:this.$.daysOfWeek},{name:"slide-from-right-animation",node:this.$.daysOfMonth},{name:"datepicker-slide-from-right-animation",node:this.$.navMonthYear}],decrementEntry:[{name:"slide-from-left-animation",node:this.$.daysOfWeek},{name:"slide-from-left-animation",node:this.$.daysOfMonth},{name:"datepicker-slide-from-left-animation",node:this.$.navMonthYear}]});this.set("pageEntryAnimation","fade-in-animation");this.set("pageExitAnimation","fade-out-animation")}var effectiveChildren=_flattenedNodesObserver.FlattenedNodesObserver.getFlattenedNodes(this).filter(function(n){return n.nodeType===Node.ELEMENT_NODE});if(effectiveChildren&&0<effectiveChildren.length){for(var i=0;i<effectiveChildren.length;i++){if(effectiveChildren[i].hasAttribute("dialog-confirm")){effectiveChildren[i].addEventListener("tap",this._updateBindDate.bind(this));effectiveChildren[i].addEventListener("transitionend",this._updateBindDate.bind(this))}this._updateDistributedButtonInkColorCustomProp(effectiveChildren[i],"#737373")}this.$.dp.classList.add("with-buttons")}else{this.$.dp.classList.remove("with-buttons")}this.fire("app-datepicker-attached")},_computeDaysOfMonth:function _computeDaysOfMonth(_activeYear,_activeMonth,_firstDayOfWeek,_locale){if(!window.Intl){return}var _start=new Date(_activeYear,_activeMonth,1).getDay(),_daysOfMonth=[],_totalDays=function(_year,_month){var _totalDaysOfMonth=new Date(_year,_month+1,0).getDate();return _totalDaysOfMonth}(_activeYear,_activeMonth);if(0<_firstDayOfWeek&&7>_firstDayOfWeek){_start=_start-_firstDayOfWeek;_start=0>_start?7+_start:_start}_locale=_locale||window.Intl&&window.Intl.DateTimeFormat&&window.Intl.DateTimeFormat().resolvedOptions&&window.Intl.DateTimeFormat().resolvedOptions().locale||"en-US";for(var _formatter=window.Intl&&window.Intl.DateTimeFormat?new window.Intl.DateTimeFormat(_locale,{timeZone:"UTC",day:"numeric"}).format:function(date){return date.getDate()},i=0,j=1-_start;42>i;i++,j++){var _formatted=_formatter(Date.UTC(_activeYear,_activeMonth,j)),_dateObj={date:"",index:""};if(i>=_start&i<_start+_totalDays){_dateObj.date=_formatted;_dateObj.index=j}_daysOfMonth.push(_dateObj)}this.set("_chosenDaysOfMonth",this._computeChosenDaysOfMonth(_daysOfMonth,this._selectedDate));this.set("_daysOfMonth",_daysOfMonth)},_computeShiftedDisableDays:function _computeShiftedDisableDays(_firstDayOfWeek){_firstDayOfWeek=0<_firstDayOfWeek&&7>_firstDayOfWeek?_firstDayOfWeek:0;var _sdd=this.disableDays.map(function(_day){_day=_day-_firstDayOfWeek;return 0>_day?7+_day:_day});this.set("_shiftedDisableDays",_sdd)},_incrementMonth:function _incrementMonth(){this.debounce("_incrementMonth",function(){this.set("_isIncrementMonth",!0);window.requestAnimationFrame(function(){var _month=this._activeMonth;if(0===++_month%12){this._activeYear++}this.set("_activeMonth",_month%12);if(!this.noAnimation){this.cancelAnimation();this.playAnimation("incrementEntry")}this.set("_isIncrementMonth",!1)}.bind(this))},100)},_decrementMonth:function _decrementMonth(){this.debounce("_decrementMonth",function(){this.set("_isDecrementMonth",!0);window.requestAnimationFrame(function(){var _month=this._activeMonth;if(0>--_month){this._activeYear--;_month=11}this.set("_activeMonth",_month);if(!this.noAnimation){this.cancelAnimation();this.playAnimation("decrementEntry")}this.set("_isDecrementMonth",!1)}.bind(this))},100)},_computeActiveMonthYear:function _computeActiveMonthYear(_activeYear,_activeMonth,_locale){if(window.Intl){_locale=_locale||window.Intl&&window.Intl.DateTimeFormat&&window.Intl.DateTimeFormat().resolvedOptions&&window.Intl.DateTimeFormat().resolvedOptions().locale||"en-US";var _amy=new window.Intl.DateTimeFormat(_locale,{timeZone:"UTC",month:"short",year:"numeric"}).format(Date.UTC(_activeYear,_activeMonth,1));this.set("_activeMonthYear",_amy)}},_computeShortSelectedDate:function _computeShortSelectedDate(_selectedYear,_selectedMonth,_selectedDate,_locale){if(window.Intl){_locale=_locale||window.Intl&&window.Intl.DateTimeFormat&&window.Intl.DateTimeFormat().resolvedOptions&&window.Intl.DateTimeFormat().resolvedOptions().locale||"en-US";var _ssd=new window.Intl.DateTimeFormat(_locale,{timeZone:"UTC",weekday:"short",month:"short",day:"numeric"}).format(Date.UTC(_selectedYear,_selectedMonth,_selectedDate));this.set("_shortSelectedDate",_ssd);if(this.autoUpdateDate){this.enforceDateChange()}}},_computeShowSelectedYear:function _computeShowSelectedYear(_selectedYear,_locale){if(window.Intl){_locale=_locale||window.Intl&&window.Intl.DateTimeFormat&&window.Intl.DateTimeFormat().resolvedOptions&&window.Intl.DateTimeFormat().resolvedOptions().locale||"en-US";var _ssy=new window.Intl.DateTimeFormat(_locale,{timeZone:"UTC",year:"numeric"}).format(Date.UTC(_selectedYear,0,1));this.set("_showSelectedYear",_ssy)}},_chooseDaysOfMonth:function _chooseDaysOfMonth(ev){var _target=ev.target;if(_target&&this._isNumber(_target.date)&&!_target.classList.contains("is-disabled-day")){this.set("_chosenDaysOfMonth",_target.index);this.set("_selectedYear",this._activeYear);this.set("_selectedDate",_target.date);this.set("_selectedMonth",this._activeMonth)}},_isToday:function(_item,_activeYear,_activeMonth){var _now=new Date,_isToday=_item===_now.getDate()&&_activeYear===_now.getFullYear()&&_activeMonth===_now.getMonth();return _isToday?" is-today":""},_isEmptyDate:function _isEmptyDate(_item){return this._isNumber(_item)?"":" is-non-selectable"},_isChosenDaysOfMonth:function(_item,_selectedYear,_selectedMonth,_selectedDate){var _isChosenDaysOfMonth=0<=this._chosenDaysOfMonth&&this._activeYear===_selectedYear&&this._activeMonth===_selectedMonth&&_item===_selectedDate;return _isChosenDaysOfMonth?" chosen-days-of-month":""},_isDisableDays:function(_index,_firstDayOfWeek,_minDate,_maxDate,_item){var _isLessThanMinDate=!1,_isMoreThanMaxDate=!1,_isDisableDay=!1,_isDisableDates=!1,_isDisableDays=this._shiftedDisableDays.some(function(_n){return _n===_index%7});if(this._isNumber(_item)){var _minDateObj=this._convertDateStringToDateObject(_minDate),_maxDateObj=this._convertDateStringToDateObject(_maxDate),_currentDate=new Date(this._activeYear,this._activeMonth,_item);if(_minDateObj){_isLessThanMinDate=_currentDate.getTime()<_minDateObj.getTime()}if(_maxDateObj){_isMoreThanMaxDate=_currentDate.getTime()>_maxDateObj.getTime()}_isDisableDates=this.disableDates&&this.disableDates.length&&this.disableDates.some(function(date){var _dateObj=this._convertDateStringToDateObject(date);return _dateObj&&_currentDate.getTime()===_dateObj.getTime()}.bind(this))}_isDisableDay=_isDisableDays||_isDisableDates||_isLessThanMinDate||_isMoreThanMaxDate;return _isDisableDay?" is-disabled-day is-non-selectable":""},_isListOfYearsSelected:function _isListOfYearsSelected(selectedYear,year){return+selectedYear===+year?" is-selected":""},_computeDaysOfWeek:function _computeDaysOfWeek(_firstDayOfWeek,_locale){var _dow=["S","M","T","W","T","F","S"],_firstDayOfWeek=0<_firstDayOfWeek&&7>_firstDayOfWeek?_firstDayOfWeek:0;if(_locale&&window.Intl){_dow=[];for(var _today=new Date,_offsetDate=_today.getDate()-_today.getDay(),_formatter=new window.Intl.DateTimeFormat(_locale,{timeZone:"UTC",weekday:"narrow"}).format,newDate=null,i=0;7>i;i++){newDate=Date.UTC(_today.getFullYear(),_today.getMonth(),_offsetDate+i);_dow.push(_formatter(newDate))}}var _sliced=_dow.slice(_firstDayOfWeek),_rest=_dow.slice(0,_firstDayOfWeek),_concatted=Array.prototype.concat(_sliced,_rest);this.set("_daysOfWeek",_concatted)},_computeChosenDaysOfMonth:function _computeChosenDaysOfMonth(_daysOfMonth,_selectedDate){for(var _len=_daysOfMonth.length,i=0;i<_len;i++){if(0<=i&&_daysOfMonth[i].index===_selectedDate){return i}}},_convertDateStringToDateObject:function _convertDateStringToDateObject(_date){var _checkDate=babelHelpers.instanceof(_date,Date)||"string"!==typeof _date?_date:new Date(_date),_isValidDate="Invalid Date"!==_checkDate.toDateString();return _isValidDate?_checkDate:null},_updateList:function _updateList(){for(var _newList=[],i=1900;2100>=i;i++){_newList.push({year:i})}this.set("_listOfYears",_newList)},_onAnimationFinish:function _onAnimationFinish(ev){var _this=this,_target=ev.detail;if(_target&&"IRON-LIST"===_target.toPage.tagName){var _focusableItem=this._updateListScroller(_target.toPage);async.microTask.run(function(){_target.toPage._focusPhysicalItem(_focusableItem)})}else{async.microTask.run(function(){_this.$.showSelectedYear.focus()})}},_updateListScroller:function _updateListScroller(_list){var _Mathfloor=Math.floor,_this2=this,_sl=(0,_polymerDom.dom)(_list.root).querySelector("#items"),_slh=_sl.getBoundingClientRect().height||12863.994140625,_sli=_Mathfloor(_slh/(2100-1900+1)*(this._activeYear-1900-2))+1;if(!this.$.dp.classList.contains("with-buttons")&&window.matchMedia("(orientation: landscape)").matches){_sli=_Mathfloor(_slh/(2100-1900+1)*(this._activeYear-1900-1))+1}async.microTask.run(function(){_list.scroll(0,_sli);_list.selectItem(_this2._activeYear-1900)});return this._activeYear-1900},_onIronSelectorSelectedChanged:function _onIronSelectorSelectedChanged(ev){if("year"===ev.detail.value){if(!this._isListRendered){this._updateList();this.set("_isListRendered",!0)}else{if(this.noAnimation){this._updateListScroller(this.shadowRoot.querySelector("#listOfYears"))}}}},_onListRendered:function _onListRendered(ev){var _this3=this;if(ev.target.if&&this.noAnimation){async.microTask.run(function(){_this3._updateListScroller(_this3.shadowRoot.querySelector("#listOfYears"))})}},_goCalendar:function _goCalendar(ev){if("keydown"===ev.type&&13!==ev.keyCode){return}var _selectedYear=ev.model.item.year;this.set("_activeYear",_selectedYear);this.set("_selectedYear",_selectedYear);this.shadowRoot.querySelector("#listOfYears").selectItem(_selectedYear-1900);this.set("_activeView","calendar")},_computeSeparateFormat:function _computeSeparateFormat(_format){var re=/^(yyyy|yy|m{1,4}|d{1,2}|do)\W+(yyyy|yy|m{1,4}|d{1,2}|do)\W+(yyyy|yy|m{1,4}|d{1,2}|do)$/g,m=re.exec(_format),_temp={},_tempArr=[];if(null!==m){_tempArr.push(m[1]);_tempArr.push(m[2]);_tempArr.push(m[3]);for(var i=0,matched;3>i;i++){matched=_tempArr[i];if(0<=matched.indexOf("y")){_temp.y=matched}else if(0<=matched.indexOf("m")){_temp.m=matched}else if(0<=matched.indexOf("d")){_temp.d=matched}}}if("d"in _temp&&"m"in _temp&&"y"in _temp){this.set("_format",_temp)}_temp=null},_bindSelectedFulldate:function _bindSelectedFulldate(_selectedYear,_selectedMonth,_selectedDate,_format){if(this.showLongDate){return this._computeShowLongDate(this.showLongDate,this.locale,!0)}var _formattedYear=_selectedYear,_formattedMonth=this._monthNames[_selectedMonth],_formattedDate=_selectedDate,_finalFormatted=this.format;if("yy"===_format.y){_formattedYear=_selectedYear%100}if("mmm"===_format.m){_formattedMonth=_formattedMonth.slice(0,3)}else if("mm"===_format.m){_formattedMonth=this._padStart(_selectedMonth+1,2,"0")}else if("m"===_format.m){_formattedMonth=_selectedMonth+1}if("do"===_format.d){var _cardinalNumber=_formattedDate%10,_suffixOrdinal=3<_cardinalNumber?"th":["th","st","nd","rd"][_cardinalNumber];if(11===_formattedDate||12==_formattedDate||13===_formattedDate){_suffixOrdinal="th"}_formattedDate=_formattedDate+_suffixOrdinal}else if("dd"===_format.d){_formattedDate=this._padStart(_formattedDate,2,"0")}_finalFormatted=_finalFormatted.replace(_format.y,_formattedYear);_finalFormatted=_finalFormatted.replace(_format.m,_formattedMonth);_finalFormatted=_finalFormatted.replace(_format.d,_formattedDate);return _finalFormatted},_updateBindDate:function _updateBindDate(ev){this.debounce("_updateBindDate",function(){var _type=ev.type;if("tap"===_type){this.set("_isSelectedDateConfirmed",!0)}if("transitionend"===_type||this.noAnimation){if(this._isSelectedDateConfirmed){var _sy=this._selectedYear,_sm=this._selectedMonth,_sd=this._selectedDate,_f=this._format,_confirmDate=this._bindSelectedFulldate(_sy,_sm,_sd,_f);this._setDate(_confirmDate);this.set("_isSelectedDateConfirmed",!1);if(this.alwaysResetSelectedDateOnDialogClose){this.resetDate()}}}},1)},_computeShowLongDate:function _computeShowLongDate(_showLongDate,_locale,_returnResult){if(!window.Intl||!this._selectedDate||"undefined"===typeof this._selectedDate){return}var _selectedDate=this._selectedDate,_longDate=Date.UTC(this._selectedYear,this._selectedMonth,_selectedDate);if(_showLongDate){_locale=_locale||window.Intl&&window.Intl.DateTimeFormat&&window.Intl.DateTimeFormat().resolvedOptions&&window.Intl.DateTimeFormat().resolvedOptions().locale||"en-US";var _options={timeZone:"UTC",weekday:this.showLongDate?"short":void 0,year:"numeric",month:this.showLongDate?"short":"2-digit",day:"2-digit"};_longDate=new window.Intl.DateTimeFormat(_locale,_options).format(_longDate);if(_returnResult){return _longDate}if(window.navigator.msManipulationViewsEnabled){if(_locale||""===_locale){_longDate=decodeURIComponent(encodeURIComponent(_longDate).replace(/\%E2\%80\%8[0-9A-F]/gi,""))}}this._setDate(_longDate)}else{_longDate=this._bindSelectedFulldate(this._selectedYear,this._selectedMonth,_selectedDate,this._format);if(_returnResult){return _longDate}this._setDate(_longDate)}},_updateToReflectExternalChange:function _updateToReflectExternalChange(_inputDate){if(this.showLongDate&&0>this.locale.indexOf("en")){this._setInvalidDate(!0);return}var _showLongDate=this.showLongDate,_yy=0,_mm=0,_isValidDate=function(_id,_showLongDate){var _res={valid:!1,result:""};if(_showLongDate){var _ds=_id.split(", ");if(2<_ds.length){_ds=_ds[1].split(" ").join("/")+", "+_ds[2];var _newDate=new Date(_ds);if("Invalid Date"===_newDate.toString()){return _res}else{return{valid:!0,result:_newDate}}}return _res}var _re1=/^(\d{4})\W+(\d{1,2})\W+(\d{1,2})$/i,_re2=/^(\d{4})[ ](\w+)[ ](\d{1,2})$/i,_validWithRe1=_re1.exec(_id),_validWithRe2=_re2.exec(_id);if(null===_validWithRe1&&null===_validWithRe2){return _res}else{var _resultToDate=null;if(null===_validWithRe1){_resultToDate=new Date(_validWithRe2[1]+" "+_validWithRe2[2]+" "+_validWithRe2[3])}else if(null===_validWithRe2){_resultToDate=new Date(+_validWithRe1[1],+_validWithRe1[2]-1,+_validWithRe1[3])}return{valid:!0,result:_resultToDate}}}(_inputDate,_showLongDate);if(_isValidDate.valid){if(this.alwaysResetSelectedDateOnDialogClose){return}var _vd=new Date(_isValidDate.result),_yy=_vd.getFullYear(),_mm=_vd.getMonth();this._setInvalidDate(!1);this.set("_activeYear",_yy);this.set("_activeMonth",_mm);this.set("_selectedYear",_yy);this.set("_selectedMonth",_mm);this.set("_selectedDate",_vd.getDate())}else{this.set("_selectedDate",this._selectedDate||new Date().getDate());this._computeShowLongDate(_showLongDate,this.locale);this._setInvalidDate(!0)}},enforceDateChange:function enforceDateChange(){this._setInvalidDate(!1);this._computeShowLongDate(this.showLongDate,this.locale)},resetDate:function resetDate(){if(this._isSelectedDateConfirmed){return}var now=new Date,nowFy=now.getFullYear(),nowM=now.getMonth(),nowD=now.getDate();this.set("_activeYear",nowFy);this.set("_activeMonth",nowM);this.set("_selectedYear",nowFy);this.set("_selectedMonth",nowM);this.set("_selectedDate",nowD);this._setInvalidDate(!1)},_shouldTabIndex:function _shouldTabIndex(_index,_firstDayOfWeek,_minDate,_maxDate,_item){var _isDisableDays=this._isDisableDays(_index,_firstDayOfWeek,_minDate,_maxDate,_item);return _item&&0<=_item&&!_isDisableDays?0:-1},_shouldAriaDisabled:function _shouldAriaDisabled(_index,_firstDayOfWeek,_minDate,_maxDate,_item){var _isDisableDays=this._isDisableDays(_index,_firstDayOfWeek,_minDate,_maxDate,_item);return!(_item&&0<=_item&&!_isDisableDays)},_padStart:function _padStart(_string,_length,_chars){var _str=(_chars+_string).slice(-_length);return _str},_isNumber:function _isNumber(_value){return"number"==typeof _value||!isNaN(parseFloat(_value))&&isFinite(_value)},_updateThemeColor:function _updateThemeColor(_theme){var _themes=["dark-theme","light-theme","goog-theme"],_themeIdx=_themes.indexOf(_theme),_distributedButtons=(0,_polymerDom.dom)(this).querySelectorAll("paper-button"),_distributedButtonsLen=_distributedButtons.length,_colorCode=["#bcbcbc","#737373","#616161"][_themeIdx];if(0<=_themeIdx){_themes.splice(_themeIdx,1);this.toggleClass(_themes[0],!1,this);this.toggleClass(_themes[1],!1,this);this.toggleClass(_theme,!0,this)}else{this.toggleClass("dark-theme",!1,this);this.toggleClass("light-theme",!1,this);this.toggleClass("goog-theme",!1,this)}for(var i=0;i<_distributedButtonsLen;i++){this._updateDistributedButtonInkColorCustomProp(_distributedButtons[i],_colorCode||"#737373")}this.updateStyles()},_updateDatepickerView:function _updateDatepickerView(_view){this.toggleClass("horizontal-view","horizontal"===_view,this);this.toggleClass("vertical-view","vertical"===_view,this)},_updateDistributedButtonInkColorCustomProp:function _updateDistributedButtonInkColorCustomProp(_node,_colorCode){this.updateStyles({"--paper-button-ink-color":_colorCode})}});_exports.AppDatepicker=AppDatepicker});
\ No newline at end of file
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 2aa029aa2cd..3755ebeb887 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body/lib/hax-store.js","../hax-body/hax-body.js","../hax-body/lib/hax-autoloader.js","../hax-body/lib/hax-manager.js","../hax-body/lib/hax-panel.js","../hax-body/lib/hax-app-picker.js","../hax-body/lib/hax-export-dialog.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.AppEditorHax=void 0;function _templateObject_645387a054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        font-size: 16px;\n        box-sizing: content-box;\n      }\n    </style>\n    <hax-store\n      skip-exit-trap=\"\"\n      hidden=\"\"\n      app-store=\"[[appStoreConnection]]\"\n    ></hax-store>\n    <hax-autoloader hidden=\"\"></hax-autoloader>\n    <hax-panel\n      id=\"panel\"\n      hide-panel-ops=\"\"\n      hide-export-button=\"\"\n      hide-preferences-button$=\"[[hidePreferencesButton]]\"\n      align=\"right\"\n    ></hax-panel>\n    <hax-body id=\"body\"></hax-body>\n    <hax-manager></hax-manager>\n    <hax-export-dialog></hax-export-dialog>\n    <hax-app-picker></hax-app-picker>\n  "],["\n    <style>\n      :host {\n        display: block;\n        font-size: 16px;\n        box-sizing: content-box;\n      }\n    </style>\n    <hax-store\n      skip-exit-trap=\"\"\n      hidden=\"\"\n      app-store=\"[[appStoreConnection]]\"\n    ></hax-store>\n    <hax-autoloader hidden=\"\"></hax-autoloader>\n    <hax-panel\n      id=\"panel\"\n      hide-panel-ops=\"\"\n      hide-export-button=\"\"\n      hide-preferences-button\\$=\"[[hidePreferencesButton]]\"\n      align=\"right\"\n    ></hax-panel>\n    <hax-body id=\"body\"></hax-body>\n    <hax-manager></hax-manager>\n    <hax-export-dialog></hax-export-dialog>\n    <hax-app-picker></hax-app-picker>\n  "]);_templateObject_645387a054f411e9aeb367f92c5b63ab=function(){return data};return data}var AppEditorHax=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_645387a054f411e9aeb367f92c5b63ab()),is:"app-editor-hax",properties:{appStoreConnection:{type:Object},hidePreferencesButton:{value:!1,type:Boolean}},save:function save(){var content=window.HaxStore.instance.activeHaxBody.haxToContent();this.fire("app-editor-hax-save",content)},import:function _import(html){window.HaxStore.instance.activeHaxBody.importContent(html);this.fire("app-editor-hax-import",!0)}});_exports.AppEditorHax=AppEditorHax});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body/lib/hax-store.js","../hax-body/hax-body.js","../hax-body/lib/hax-autoloader.js","../hax-body/lib/hax-manager.js","../hax-body/lib/hax-panel.js","../hax-body/lib/hax-app-picker.js","../hax-body/lib/hax-export-dialog.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.AppEditorHax=void 0;function _templateObject_fb701790555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        font-size: 16px;\n        box-sizing: content-box;\n      }\n    </style>\n    <hax-store\n      skip-exit-trap=\"\"\n      hidden=\"\"\n      app-store=\"[[appStoreConnection]]\"\n    ></hax-store>\n    <hax-autoloader hidden=\"\"></hax-autoloader>\n    <hax-panel\n      id=\"panel\"\n      hide-panel-ops=\"\"\n      hide-export-button=\"\"\n      hide-preferences-button$=\"[[hidePreferencesButton]]\"\n      align=\"right\"\n    ></hax-panel>\n    <hax-body id=\"body\"></hax-body>\n    <hax-manager></hax-manager>\n    <hax-export-dialog></hax-export-dialog>\n    <hax-app-picker></hax-app-picker>\n  "],["\n    <style>\n      :host {\n        display: block;\n        font-size: 16px;\n        box-sizing: content-box;\n      }\n    </style>\n    <hax-store\n      skip-exit-trap=\"\"\n      hidden=\"\"\n      app-store=\"[[appStoreConnection]]\"\n    ></hax-store>\n    <hax-autoloader hidden=\"\"></hax-autoloader>\n    <hax-panel\n      id=\"panel\"\n      hide-panel-ops=\"\"\n      hide-export-button=\"\"\n      hide-preferences-button\\$=\"[[hidePreferencesButton]]\"\n      align=\"right\"\n    ></hax-panel>\n    <hax-body id=\"body\"></hax-body>\n    <hax-manager></hax-manager>\n    <hax-export-dialog></hax-export-dialog>\n    <hax-app-picker></hax-app-picker>\n  "]);_templateObject_fb701790555111e98f439769bd191e33=function(){return data};return data}var AppEditorHax=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_fb701790555111e98f439769bd191e33()),is:"app-editor-hax",properties:{appStoreConnection:{type:Object},hidePreferencesButton:{value:!1,type:Boolean}},save:function save(){var content=window.HaxStore.instance.activeHaxBody.haxToContent();this.fire("app-editor-hax-save",content)},import:function _import(html){window.HaxStore.instance.activeHaxBody.importContent(html);this.fire("app-editor-hax-import",!0)}});_exports.AppEditorHax=AppEditorHax});
\ No newline at end of file
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 9c5511ceb0e..f3a9831e680 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.AwesomeExplosion=void 0;function _templateObject_627c56a054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <img src=\"[[image]]\" id=\"image\" class=\"image-tag\" alt=\"\" />\n  "]);_templateObject_627c56a054f411e9aeb367f92c5b63ab=function(){return data};return data}var AwesomeExplosion=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_627c56a054f411e9aeb367f92c5b63ab()),is:"awesome-explosion",listeners:{tap:"_setPlaySound",mouseover:"_setPlaySound",mouseout:"_setStopSound"},properties:{state:{type:String,value:"stop",reflectToAttribute:!0},stopped:{type:Boolean,computed:"_calculateStopped(state)"},playing:{type:Boolean,computed:"_calculatePlaying(state)"},paused:{type:Boolean,computed:"_calculatePaused(state)"},image:{type:String,value:"assets/explode.gif",reflectToAttribute:!0},sound:{type:String,value:"assets/273320__clagnut__fireworks.mp3",reflectToAttribute:!0},size:{type:String,value:"medium",reflectToAttribute:!0},color:{type:String,value:"",reflectToAttribute:!0},resetSound:{type:Boolean,value:!1,reflectToAttribute:!0}},_calculateStopped:function _calculateStopped(newValue){if("stop"==newValue){this.stopped=!0;if(babelHelpers.typeof(window.audio)!=="undefined"){window.audio.currentTime=0}this._stopSound();this.fire("awesome-event",{message:"Sound stopped"})}else{this.stopped=!1}},_calculatePlaying:function _calculatePlaying(newValue){if("play"==newValue){this.playing=!0;this._playSound();this.fire("awesome-event",{message:"Sound played"})}else{this.playing=!1}},_calculatePaused:function _calculatePaused(newValue){if("pause"==newValue){this.paused=!0;this._stopSound();this.fire("awesome-event",{message:"Sound paused"})}else{this.paused=!1}},_stopSound:function _stopSound(){if(babelHelpers.typeof(window.audio)!=="undefined"){window.audio.pause();if(this.resetSound){window.audio.currentTime=0}}},_setPlaySound:function _setPlaySound(){this.state="play"},_setStopSound:function _setStopSound(){this.state="pause"},_playSound:function _playSound(){if(babelHelpers.typeof(window.audio)==="undefined"){window.audio=new Audio(this.sound)}window.audio.play()}});_exports.AwesomeExplosion=AwesomeExplosion});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.AwesomeExplosion=void 0;function _templateObject_fbc5ffc0555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <img src=\"[[image]]\" id=\"image\" class=\"image-tag\" alt=\"\" />\n  "]);_templateObject_fbc5ffc0555111e98f439769bd191e33=function(){return data};return data}var AwesomeExplosion=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_fbc5ffc0555111e98f439769bd191e33()),is:"awesome-explosion",listeners:{tap:"_setPlaySound",mouseover:"_setPlaySound",mouseout:"_setStopSound"},properties:{state:{type:String,value:"stop",reflectToAttribute:!0},stopped:{type:Boolean,computed:"_calculateStopped(state)"},playing:{type:Boolean,computed:"_calculatePlaying(state)"},paused:{type:Boolean,computed:"_calculatePaused(state)"},image:{type:String,value:"assets/explode.gif",reflectToAttribute:!0},sound:{type:String,value:"assets/273320__clagnut__fireworks.mp3",reflectToAttribute:!0},size:{type:String,value:"medium",reflectToAttribute:!0},color:{type:String,value:"",reflectToAttribute:!0},resetSound:{type:Boolean,value:!1,reflectToAttribute:!0}},_calculateStopped:function _calculateStopped(newValue){if("stop"==newValue){this.stopped=!0;if(babelHelpers.typeof(window.audio)!=="undefined"){window.audio.currentTime=0}this._stopSound();this.fire("awesome-event",{message:"Sound stopped"})}else{this.stopped=!1}},_calculatePlaying:function _calculatePlaying(newValue){if("play"==newValue){this.playing=!0;this._playSound();this.fire("awesome-event",{message:"Sound played"})}else{this.playing=!1}},_calculatePaused:function _calculatePaused(newValue){if("pause"==newValue){this.paused=!0;this._stopSound();this.fire("awesome-event",{message:"Sound paused"})}else{this.paused=!1}},_stopSound:function _stopSound(){if(babelHelpers.typeof(window.audio)!=="undefined"){window.audio.pause();if(this.resetSound){window.audio.currentTime=0}}},_setPlaySound:function _setPlaySound(){this.state="play"},_setStopSound:function _setStopSound(){this.state="pause"},_playSound:function _playSound(){if(babelHelpers.typeof(window.audio)==="undefined"){window.audio=new Audio(this.sound)}window.audio.play()}});_exports.AwesomeExplosion=AwesomeExplosion});
\ No newline at end of file
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 b7f290431c3..76f25fe5f06 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.BeakerBroker=void 0;function _templateObject_6b9b15f054f411e9aeb367f92c5b63ab(){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_6b9b15f054f411e9aeb367f92c5b63ab=function(){return data};return data}var BeakerBroker=function(_PolymerElement){babelHelpers.inherits(BeakerBroker,_PolymerElement);function BeakerBroker(){babelHelpers.classCallCheck(this,BeakerBroker);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(BeakerBroker).apply(this,arguments))}babelHelpers.createClass(BeakerBroker,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(BeakerBroker.prototype),"connectedCallback",this).call(this);if(("undefined"===typeof DatArchive?"undefined":babelHelpers.typeof(DatArchive))==="undefined"){console.log("Beaker is not available from this site loading methodology")}}},{key:"_datUrlChanged",value:function(){var _datUrlChanged2=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee(newValue){return regeneratorRuntime.wrap(function(_context){while(1){switch(_context.prev=_context.next){case 0:if(("undefined"===typeof DatArchive?"undefined":babelHelpers.typeof(DatArchive))!=="undefined"&&newValue){this.set("archive",new DatArchive(newValue))}case 1:case"end":return _context.stop();}}},_callee,this)}));return function _datUrlChanged(){return _datUrlChanged2.apply(this,arguments)}}()},{key:"write",value:function(){var _write=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee2(path,data){return regeneratorRuntime.wrap(function(_context2){while(1){switch(_context2.prev=_context2.next){case 0:_context2.next=2;return this.archive.writeFile(path,data);case 2:case"end":return _context2.stop();}}},_callee2,this)}));return function write(){return _write.apply(this,arguments)}}()},{key:"read",value:function(){var _read=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee3(path,type){var ftype,response,buf,blob,str;return regeneratorRuntime.wrap(function(_context3){while(1){switch(_context3.prev=_context3.next){case 0:ftype="utf8";_context3.t0=type;_context3.next="jpeg"===_context3.t0?4:"jpg"===_context3.t0?4:"png"===_context3.t0?11:"base64"===_context3.t0?18:23;break;case 4:ftype="binary";_context3.next=7;return this.archive.readFile(path,ftype);case 7:buf=_context3.sent;blob=new Blob([buf],{type:"image/jpeg"});response=URL.createObjectURL(blob);return _context3.abrupt("break",28);case 11:ftype="binary";_context3.next=14;return this.archive.readFile(path,ftype);case 14:buf=_context3.sent;blob=new Blob([buf],{type:"image/png"});response=URL.createObjectURL(blob);return _context3.abrupt("break",28);case 18:_context3.next=20;return this.archive.readFile(path,type);case 20:str=_context3.sent;response="data:image/png;base64,"+str;return _context3.abrupt("break",28);case 23:_context3.next=25;return this.archive.readFile(path,type);case 25:str=_context3.sent;response=str;return _context3.abrupt("break",28);case 28:_context3.next=30;return response;case 30:return _context3.abrupt("return",_context3.sent);case 31:case"end":return _context3.stop();}}},_callee3,this)}));return function read(){return _read.apply(this,arguments)}}()}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_6b9b15f054f411e9aeb367f92c5b63ab())}},{key:"haxProperties",get:function get(){return{}}},{key:"properties",get:function get(){return{archive:{type:"Object",notify:!0},datUrl:{type:"String",value:window.location.host,observer:"_datUrlChanged",notify:!0}}}},{key:"tag",get:function get(){return"beaker-broker"}}]);return BeakerBroker}(_polymerElement.PolymerElement);_exports.BeakerBroker=BeakerBroker;window.customElements.define(BeakerBroker.tag,BeakerBroker)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.BeakerBroker=void 0;function _templateObject_006eee60555211e98f439769bd191e33(){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_006eee60555211e98f439769bd191e33=function(){return data};return data}var BeakerBroker=function(_PolymerElement){babelHelpers.inherits(BeakerBroker,_PolymerElement);function BeakerBroker(){babelHelpers.classCallCheck(this,BeakerBroker);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(BeakerBroker).apply(this,arguments))}babelHelpers.createClass(BeakerBroker,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(BeakerBroker.prototype),"connectedCallback",this).call(this);if(("undefined"===typeof DatArchive?"undefined":babelHelpers.typeof(DatArchive))==="undefined"){console.log("Beaker is not available from this site loading methodology")}}},{key:"_datUrlChanged",value:function(){var _datUrlChanged2=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee(newValue){return regeneratorRuntime.wrap(function(_context){while(1){switch(_context.prev=_context.next){case 0:if(("undefined"===typeof DatArchive?"undefined":babelHelpers.typeof(DatArchive))!=="undefined"&&newValue){this.set("archive",new DatArchive(newValue))}case 1:case"end":return _context.stop();}}},_callee,this)}));return function _datUrlChanged(){return _datUrlChanged2.apply(this,arguments)}}()},{key:"write",value:function(){var _write=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee2(path,data){return regeneratorRuntime.wrap(function(_context2){while(1){switch(_context2.prev=_context2.next){case 0:_context2.next=2;return this.archive.writeFile(path,data);case 2:case"end":return _context2.stop();}}},_callee2,this)}));return function write(){return _write.apply(this,arguments)}}()},{key:"read",value:function(){var _read=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee3(path,type){var ftype,response,buf,blob,str;return regeneratorRuntime.wrap(function(_context3){while(1){switch(_context3.prev=_context3.next){case 0:ftype="utf8";_context3.t0=type;_context3.next="jpeg"===_context3.t0?4:"jpg"===_context3.t0?4:"png"===_context3.t0?11:"base64"===_context3.t0?18:23;break;case 4:ftype="binary";_context3.next=7;return this.archive.readFile(path,ftype);case 7:buf=_context3.sent;blob=new Blob([buf],{type:"image/jpeg"});response=URL.createObjectURL(blob);return _context3.abrupt("break",28);case 11:ftype="binary";_context3.next=14;return this.archive.readFile(path,ftype);case 14:buf=_context3.sent;blob=new Blob([buf],{type:"image/png"});response=URL.createObjectURL(blob);return _context3.abrupt("break",28);case 18:_context3.next=20;return this.archive.readFile(path,type);case 20:str=_context3.sent;response="data:image/png;base64,"+str;return _context3.abrupt("break",28);case 23:_context3.next=25;return this.archive.readFile(path,type);case 25:str=_context3.sent;response=str;return _context3.abrupt("break",28);case 28:_context3.next=30;return response;case 30:return _context3.abrupt("return",_context3.sent);case 31:case"end":return _context3.stop();}}},_callee3,this)}));return function read(){return _read.apply(this,arguments)}}()}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_006eee60555211e98f439769bd191e33())}},{key:"haxProperties",get:function get(){return{}}},{key:"properties",get:function get(){return{archive:{type:"Object",notify:!0},datUrl:{type:"String",value:window.location.host,observer:"_datUrlChanged",notify:!0}}}},{key:"tag",get:function get(){return"beaker-broker"}}]);return BeakerBroker}(_polymerElement.PolymerElement);_exports.BeakerBroker=BeakerBroker;window.customElements.define(BeakerBroker.tag,BeakerBroker)});
\ No newline at end of file
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 2f7479363ca..9ecd66c8678 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../es-global-bridge/es-global-bridge.js","../../chartist/dist/chartist.min.js","./lib/chartist-render-shared-styles.js"],function(_exports,_polymerElement,_esGlobalBridge,Chartist){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ChartistRender=void 0;Chartist=babelHelpers.interopRequireWildcard(Chartist);function _templateObject_8f4d6c0054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"chartist-render-shared-styles\">\n        :host {\n          display: block;\n        }\n      </style>\n      <div id=\"chart\" chart$=\"[[__chartId]]\" class$=\"ct-chart [[scale]]\"></div>\n    "]);_templateObject_8f4d6c0054f411e9aeb367f92c5b63ab=function(){return data};return data}var ChartistRender=function(_PolymerElement){babelHelpers.inherits(ChartistRender,_PolymerElement);function ChartistRender(){babelHelpers.classCallCheck(this,ChartistRender);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(ChartistRender).apply(this,arguments))}babelHelpers.createClass(ChartistRender,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(ChartistRender.prototype),"connectedCallback",this).call(this);this._chartistLoaded()}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(ChartistRender.prototype),"ready",this).call(this);this.__chartId=this._getUniqueId("chartist-render-");if(this.__chartistLoaded)this._chartReady()}},{key:"_chartistLoaded",value:function _chartistLoaded(){this.__chartistLoaded=!0;if(this.__chartId)this._chartReady()}},{key:"_checkReady",value:function _checkReady(){var root=this;setInterval(root._chartReady,500)}},{key:"_chartReady",value:function _chartReady(){var root=this,container=root.$.chart;if(null!==container){window.dispatchEvent(new CustomEvent("chartist-render-ready",{detail:root}));if(null!==root.data)root.makeChart();clearInterval(root._checkReady)}}},{key:"makeChart",value:function makeChart(){var root=this,chart;if(this.__chartistLoaded&&this.__chartId&&null!==root.data&&null!==this.$.chart){if("bar"==root.type){if(root.responsiveOptions!==void 0&&0<root.responsiveOptions.length){root.responsiveOptions.forEach(function(option){if(option[1]!==void 0){if(option[1].axisX&&"noop"==option[1].axisX.labelInterpolationFnc)option[1].axisX.labelInterpolationFnc=Chartist.noop;if(option[1].axisY&&"noop"==option[1].axisY.labelInterpolationFnc)option[1].axisY.labelInterpolationFnc=Chartist.noop}})}chart=Chartist.Bar(this.$.chart,root.data,root.options,root.responsiveOptions)}else if("line"==root.type){chart=Chartist.Line(this.$.chart,root.data,root.options,root.responsiveOptions)}else if("pie"==root.type){chart=Chartist.Pie(this.$.chart,root.data,root.options,root.responsiveOptions)}window.dispatchEvent(new CustomEvent("chartist-render-draw",{detail:chart}));chart.on("created",function(){root.addA11yFeatures(chart.container.childNodes[0])});return chart}else{return null}}},{key:"addA11yFeatures",value:function addA11yFeatures(svg){var desc=this.data.labels!==void 0&&null!==this.data.labels?this.chartDesc+this.makeA11yTable(svg):this.chartDesc;this._addA11yFeature(svg,"desc",desc);this._addA11yFeature(svg,"title",this.chartTitle);svg.setAttribute("aria-labelledby",this.__chartId+"-chart-title "+this.__chartId+"-chart-desc")}},{key:"makeA11yTable",value:function makeA11yTable(){for(var title=null!==this.chartTitle?this.chartTitle:"A "+this.type+" chart.",table=["<table summary=\"Each column is a series of data, and the first column is the data label.\">","<caption>"+title+"</caption>","<tbody>"],i=0;i<this.data.labels.length;i++){table.push("<tr><th scope=\"row\">"+this.data.labels[i]+"</th>");if("pie"==this.type){table.push("<td>"+this.data.series[i]+"</td>")}else{for(var j=0;j<this.data.series.length;j++){table.push("<td>"+this.data.series[j][i]+"</td>")}}table.push("</tr>")}table.push("</tbody></table>");return table.join("")}},{key:"_addA11yFeature",value:function _addA11yFeature(svg,tag,html){var el=document.createElement(tag),first=svg.childNodes[0];el.innerHTML=html;el.setAttribute("id",this.__chartId+"-chart-"+tag);svg.insertBefore(el,first)}},{key:"_getUniqueId",value:function _getUniqueId(prefix){var id=prefix+Date.now();return id}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_8f4d6c0054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{id:{type:String,value:"chart"},type:{type:String,value:"bar"},scale:{type:String,observer:"makeChart"},chartTitle:{type:String,value:null,observer:"makeChart"},chartDesc:{type:String,value:"",observer:"makeChart"},data:{type:Object,value:null,observer:"makeChart"},options:{type:Object,value:null,observer:"makeChart"},responsiveOptions:{type:Array,value:[],observer:"makeChart"},showTable:{type:Boolean,value:!1,observer:"makeChart"}}}},{key:"tag",get:function get(){return"chartist-render"}}]);return ChartistRender}(_polymerElement.PolymerElement);_exports.ChartistRender=ChartistRender;window.customElements.define(ChartistRender.tag,ChartistRender)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../es-global-bridge/es-global-bridge.js","../../chartist/dist/chartist.min.js","./lib/chartist-render-shared-styles.js"],function(_exports,_polymerElement,_esGlobalBridge,Chartist){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ChartistRender=void 0;Chartist=babelHelpers.interopRequireWildcard(Chartist);function _templateObject_22fb13f0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"chartist-render-shared-styles\">\n        :host {\n          display: block;\n        }\n      </style>\n      <div id=\"chart\" chart$=\"[[__chartId]]\" class$=\"ct-chart [[scale]]\"></div>\n    "]);_templateObject_22fb13f0555211e98f439769bd191e33=function(){return data};return data}var ChartistRender=function(_PolymerElement){babelHelpers.inherits(ChartistRender,_PolymerElement);function ChartistRender(){babelHelpers.classCallCheck(this,ChartistRender);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(ChartistRender).apply(this,arguments))}babelHelpers.createClass(ChartistRender,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(ChartistRender.prototype),"connectedCallback",this).call(this);this._chartistLoaded()}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(ChartistRender.prototype),"ready",this).call(this);this.__chartId=this._getUniqueId("chartist-render-");if(this.__chartistLoaded)this._chartReady()}},{key:"_chartistLoaded",value:function _chartistLoaded(){this.__chartistLoaded=!0;if(this.__chartId)this._chartReady()}},{key:"_checkReady",value:function _checkReady(){var root=this;setInterval(root._chartReady,500)}},{key:"_chartReady",value:function _chartReady(){var root=this,container=root.$.chart;if(null!==container){window.dispatchEvent(new CustomEvent("chartist-render-ready",{detail:root}));if(null!==root.data)root.makeChart();clearInterval(root._checkReady)}}},{key:"makeChart",value:function makeChart(){var root=this,chart;if(this.__chartistLoaded&&this.__chartId&&null!==root.data&&null!==this.$.chart){if("bar"==root.type){if(root.responsiveOptions!==void 0&&0<root.responsiveOptions.length){root.responsiveOptions.forEach(function(option){if(option[1]!==void 0){if(option[1].axisX&&"noop"==option[1].axisX.labelInterpolationFnc)option[1].axisX.labelInterpolationFnc=Chartist.noop;if(option[1].axisY&&"noop"==option[1].axisY.labelInterpolationFnc)option[1].axisY.labelInterpolationFnc=Chartist.noop}})}chart=Chartist.Bar(this.$.chart,root.data,root.options,root.responsiveOptions)}else if("line"==root.type){chart=Chartist.Line(this.$.chart,root.data,root.options,root.responsiveOptions)}else if("pie"==root.type){chart=Chartist.Pie(this.$.chart,root.data,root.options,root.responsiveOptions)}window.dispatchEvent(new CustomEvent("chartist-render-draw",{detail:chart}));chart.on("created",function(){root.addA11yFeatures(chart.container.childNodes[0])});return chart}else{return null}}},{key:"addA11yFeatures",value:function addA11yFeatures(svg){var desc=this.data.labels!==void 0&&null!==this.data.labels?this.chartDesc+this.makeA11yTable(svg):this.chartDesc;this._addA11yFeature(svg,"desc",desc);this._addA11yFeature(svg,"title",this.chartTitle);svg.setAttribute("aria-labelledby",this.__chartId+"-chart-title "+this.__chartId+"-chart-desc")}},{key:"makeA11yTable",value:function makeA11yTable(){for(var title=null!==this.chartTitle?this.chartTitle:"A "+this.type+" chart.",table=["<table summary=\"Each column is a series of data, and the first column is the data label.\">","<caption>"+title+"</caption>","<tbody>"],i=0;i<this.data.labels.length;i++){table.push("<tr><th scope=\"row\">"+this.data.labels[i]+"</th>");if("pie"==this.type){table.push("<td>"+this.data.series[i]+"</td>")}else{for(var j=0;j<this.data.series.length;j++){table.push("<td>"+this.data.series[j][i]+"</td>")}}table.push("</tr>")}table.push("</tbody></table>");return table.join("")}},{key:"_addA11yFeature",value:function _addA11yFeature(svg,tag,html){var el=document.createElement(tag),first=svg.childNodes[0];el.innerHTML=html;el.setAttribute("id",this.__chartId+"-chart-"+tag);svg.insertBefore(el,first)}},{key:"_getUniqueId",value:function _getUniqueId(prefix){var id=prefix+Date.now();return id}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_22fb13f0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{id:{type:String,value:"chart"},type:{type:String,value:"bar"},scale:{type:String,observer:"makeChart"},chartTitle:{type:String,value:null,observer:"makeChart"},chartDesc:{type:String,value:"",observer:"makeChart"},data:{type:Object,value:null,observer:"makeChart"},options:{type:Object,value:null,observer:"makeChart"},responsiveOptions:{type:Array,value:[],observer:"makeChart"},showTable:{type:Boolean,value:!1,observer:"makeChart"}}}},{key:"tag",get:function get(){return"chartist-render"}}]);return ChartistRender}(_polymerElement.PolymerElement);_exports.ChartistRender=ChartistRender;window.customElements.define(ChartistRender.tag,ChartistRender)});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/chartist-render/lib/chartist-render-shared-styles.js b/build/es5-amd/node_modules/@lrnwebcomponents/chartist-render/lib/chartist-render-shared-styles.js
index ede573062ea..7994a865ec0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/chartist-render/lib/chartist-render-shared-styles.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/chartist-render/lib/chartist-render-shared-styles.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/utils/resolve-url.js"],function(_polymerElement){"use strict";function _templateObject_961baba054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n  <style>\n    .ct-label {\n      fill: var(--chartist-label-color, #000);\n      color: var(--chartist-label-color, #000);\n      font-size: 0.75rem;\n      line-height: 1;\n    }\n\n    .ct-chart-pie .ct-label {\n      fill: var(--chartist-pie-label-color, --chartist-label-color);\n      color: var(--chartist-pie-label-color, --chartist-label-color);\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: 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-a .ct-label {\n      fill: var(--chartist-label-color-1, --chartist-label-color);\n      stroke: var(--chartist-label-color-1, --chartist-label-color);\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-b .ct-label {\n      fill: var(--chartist-label-color-2, --chartist-label-color);\n      stroke: var(--chartist-label-color-2, --chartist-label-color);\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-c .ct-label {\n      fill: var(--chartist-label-color-3, --chartist-label-color);\n      stroke: var(--chartist-label-color-3, --chartist-label-color);\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-d .ct-label {\n      fill: var(--chartist-label-color-4, --chartist-label-color);\n      stroke: var(--chartist-label-color-4, --chartist-label-color);\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-e .ct-label {\n      fill: var(--chartist-label-color-5, --chartist-label-color);\n      stroke: var(--chartist-label-color-5, --chartist-label-color);\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-f .ct-label {\n      fill: var(--chartist-label-color-6, --chartist-label-color);\n      stroke: var(--chartist-label-color-6, --chartist-label-color);\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-g .ct-label {\n      fill: var(--chartist-label-color-7, --chartist-label-color);\n      stroke: var(--chartist-label-color-7, --chartist-label-color);\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-h .ct-label {\n      fill: var(--chartist-label-color-8, --chartist-label-color);\n      stroke: var(--chartist-label-color-8, --chartist-label-color);\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-i .ct-label {\n      fill: var(--chartist-label-color-9, --chartist-label-color);\n      stroke: var(--chartist-label-color-9, --chartist-label-color);\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-j .ct-label {\n      fill: var(--chartist-label-color-10, --chartist-label-color);\n      stroke: var(--chartist-label-color-10, --chartist-label-color);\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-k .ct-label {\n      fill: var(--chartist-label-color-11, --chartist-label-color);\n      stroke: var(--chartist-label-color-11, --chartist-label-color);\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-l .ct-label {\n      fill: var(--chartist-label-color-12, --chartist-label-color);\n      stroke: var(--chartist-label-color-12, --chartist-label-color);\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-m .ct-label {\n      fill: var(--chartist-label-color-13, --chartist-label-color);\n      stroke: var(--chartist-label-color-13, --chartist-label-color);\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-n .ct-label {\n      fill: var(--chartist-label-color-14, --chartist-label-color);\n      stroke: var(--chartist-label-color-14, --chartist-label-color);\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\n    .ct-series-o .ct-label {\n      fill: var(--chartist-label-color-15, --chartist-label-color);\n      stroke: var(--chartist-label-color-15, --chartist-label-color);\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.8888888889%;\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.3333333333%;\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.6666666667%;\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.804697157%;\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.3333333333%;\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.3333333333%;\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    /*# sourceMappingURL=chartist.css.map */\n  </style>\n"]);_templateObject_961baba054f411e9aeb367f92c5b63ab=function(){return data};return data}var styleElement=document.createElement("dom-module"),template=document.createElement("template");styleElement.appendChild((0,_polymerElement.html)(_templateObject_961baba054f411e9aeb367f92c5b63ab()));styleElement.register("chartist-render-shared-styles")});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/utils/resolve-url.js"],function(_polymerElement){"use strict";function _templateObject_2afca370555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n  <style>\n    .ct-label {\n      fill: var(--chartist-label-color, #000);\n      color: var(--chartist-label-color, #000);\n      font-size: 0.75rem;\n      line-height: 1;\n    }\n\n    .ct-chart-pie .ct-label {\n      fill: var(--chartist-pie-label-color, --chartist-label-color);\n      color: var(--chartist-pie-label-color, --chartist-label-color);\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: 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-a .ct-label {\n      fill: var(--chartist-label-color-1, --chartist-label-color);\n      stroke: var(--chartist-label-color-1, --chartist-label-color);\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-b .ct-label {\n      fill: var(--chartist-label-color-2, --chartist-label-color);\n      stroke: var(--chartist-label-color-2, --chartist-label-color);\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-c .ct-label {\n      fill: var(--chartist-label-color-3, --chartist-label-color);\n      stroke: var(--chartist-label-color-3, --chartist-label-color);\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-d .ct-label {\n      fill: var(--chartist-label-color-4, --chartist-label-color);\n      stroke: var(--chartist-label-color-4, --chartist-label-color);\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-e .ct-label {\n      fill: var(--chartist-label-color-5, --chartist-label-color);\n      stroke: var(--chartist-label-color-5, --chartist-label-color);\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-f .ct-label {\n      fill: var(--chartist-label-color-6, --chartist-label-color);\n      stroke: var(--chartist-label-color-6, --chartist-label-color);\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-g .ct-label {\n      fill: var(--chartist-label-color-7, --chartist-label-color);\n      stroke: var(--chartist-label-color-7, --chartist-label-color);\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-h .ct-label {\n      fill: var(--chartist-label-color-8, --chartist-label-color);\n      stroke: var(--chartist-label-color-8, --chartist-label-color);\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-i .ct-label {\n      fill: var(--chartist-label-color-9, --chartist-label-color);\n      stroke: var(--chartist-label-color-9, --chartist-label-color);\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-j .ct-label {\n      fill: var(--chartist-label-color-10, --chartist-label-color);\n      stroke: var(--chartist-label-color-10, --chartist-label-color);\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-k .ct-label {\n      fill: var(--chartist-label-color-11, --chartist-label-color);\n      stroke: var(--chartist-label-color-11, --chartist-label-color);\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-l .ct-label {\n      fill: var(--chartist-label-color-12, --chartist-label-color);\n      stroke: var(--chartist-label-color-12, --chartist-label-color);\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-m .ct-label {\n      fill: var(--chartist-label-color-13, --chartist-label-color);\n      stroke: var(--chartist-label-color-13, --chartist-label-color);\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-n .ct-label {\n      fill: var(--chartist-label-color-14, --chartist-label-color);\n      stroke: var(--chartist-label-color-14, --chartist-label-color);\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\n    .ct-series-o .ct-label {\n      fill: var(--chartist-label-color-15, --chartist-label-color);\n      stroke: var(--chartist-label-color-15, --chartist-label-color);\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.8888888889%;\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.3333333333%;\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.6666666667%;\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.804697157%;\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.3333333333%;\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.3333333333%;\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    /*# sourceMappingURL=chartist.css.map */\n  </style>\n"]);_templateObject_2afca370555211e98f439769bd191e33=function(){return data};return data}var styleElement=document.createElement("dom-module"),template=document.createElement("template");styleElement.appendChild((0,_polymerElement.html)(_templateObject_2afca370555211e98f439769bd191e33()));styleElement.register("chartist-render-shared-styles")});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/chemical-element-visualisation/chemical-element-visualisation.js b/build/es5-amd/node_modules/@lrnwebcomponents/chemical-element-visualisation/chemical-element-visualisation.js
index a6191cda7fe..301411cae56 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/chemical-element-visualisation/chemical-element-visualisation.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/chemical-element-visualisation/chemical-element-visualisation.js
@@ -1 +1 @@
-define(["../../@polymer/polymer/polymer-element.js","../../@polymer/paper-tooltip/paper-tooltip.js","../../@polymer/neon-animation/neon-animation.js"],function(_polymerElement){"use strict";function _templateObject_661b4f5054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          .alkali-metal {\n            fill: var(--alkali-metal-primary-color, #ff8a65);\n          }\n          .alkaline-earth-metal {\n            fill: var(--alkaline-earth-metal-primary-color, #ffb74d);\n          }\n          .transition-metal {\n            fill: var(--transition-metal-primary-color, #ffd54f);\n          }\n          .post-transition-metal {\n            fill: var(--post-transition-metal-primary-color, #dce775);\n          }\n          .metalloid {\n            fill: var(--metalloid-primary-color, #aed581);\n          }\n          .other-nonmetal {\n            fill: var(--other-nonmetal-primary-color, #4db6ac);\n          }\n          .halogen {\n            fill: var(--halogen-primary-color, #4dd0e1);\n          }\n          .noble-gas {\n            fill: var(--noble-gas-primary-color, #4fc3f7);\n          }\n          .lanthanide {\n            fill: var(--lanthanide-primary-color, #9575cd);\n          }\n          .actinide {\n            fill: var(--actinide-primary-color, #f06292);\n          }\n\n          .ring {\n            fill: none;\n            stroke: #ddd;\n          }\n\n          .electron {\n            fill: #888;\n          }\n\n          .electron-background {\n            fill: #fff;\n          }\n\n          .s-group-electron {\n            fill: var(--s-group-electron-color, #2196f3);\n          }\n          .p-group-electron {\n            fill: var(--p-group-electron-color, #ff9800);\n          }\n          .d-group-electron {\n            fill: var(--d-group-electron-color, #4caf50);\n          }\n          .f-group-electron {\n            fill: var(--f-group-electron-color, #e91e63);\n          }\n        </style>\n      </custom-style>\n      <svg id=\"element\" version=\"1.1\" viewBox=\"0 0 500 500\">\n        <title>An animation of the chemical element [[_element.name]].</title>\n        <circle\n          cx$=\"[[_divide(500, 2)]]\"\n          cy$=\"[[_divide(500, 2)]]\"\n          r$=\"[[_divide(500, 10)]]\"\n          class$=\"[[_element.group]]\"\n        ></circle>\n        <g id=\"ring-group\"></g>\n        <g id=\"electron-group\"></g>\n      </svg>\n      <paper-tooltip for=\"element\" position=\"bottom\" animation-delay=\"0\">\n        [[_element.name]]\n      </paper-tooltip>\n    "],["\n      <custom-style>\n        <style>\n          .alkali-metal {\n            fill: var(--alkali-metal-primary-color, #ff8a65);\n          }\n          .alkaline-earth-metal {\n            fill: var(--alkaline-earth-metal-primary-color, #ffb74d);\n          }\n          .transition-metal {\n            fill: var(--transition-metal-primary-color, #ffd54f);\n          }\n          .post-transition-metal {\n            fill: var(--post-transition-metal-primary-color, #dce775);\n          }\n          .metalloid {\n            fill: var(--metalloid-primary-color, #aed581);\n          }\n          .other-nonmetal {\n            fill: var(--other-nonmetal-primary-color, #4db6ac);\n          }\n          .halogen {\n            fill: var(--halogen-primary-color, #4dd0e1);\n          }\n          .noble-gas {\n            fill: var(--noble-gas-primary-color, #4fc3f7);\n          }\n          .lanthanide {\n            fill: var(--lanthanide-primary-color, #9575cd);\n          }\n          .actinide {\n            fill: var(--actinide-primary-color, #f06292);\n          }\n\n          .ring {\n            fill: none;\n            stroke: #ddd;\n          }\n\n          .electron {\n            fill: #888;\n          }\n\n          .electron-background {\n            fill: #fff;\n          }\n\n          .s-group-electron {\n            fill: var(--s-group-electron-color, #2196f3);\n          }\n          .p-group-electron {\n            fill: var(--p-group-electron-color, #ff9800);\n          }\n          .d-group-electron {\n            fill: var(--d-group-electron-color, #4caf50);\n          }\n          .f-group-electron {\n            fill: var(--f-group-electron-color, #e91e63);\n          }\n        </style>\n      </custom-style>\n      <svg id=\"element\" version=\"1.1\" viewBox=\"0 0 500 500\">\n        <title>An animation of the chemical element [[_element.name]].</title>\n        <circle\n          cx\\$=\"[[_divide(500, 2)]]\"\n          cy\\$=\"[[_divide(500, 2)]]\"\n          r\\$=\"[[_divide(500, 10)]]\"\n          class\\$=\"[[_element.group]]\"\n        ></circle>\n        <g id=\"ring-group\"></g>\n        <g id=\"electron-group\"></g>\n      </svg>\n      <paper-tooltip for=\"element\" position=\"bottom\" animation-delay=\"0\">\n        [[_element.name]]\n      </paper-tooltip>\n    "]);_templateObject_661b4f5054f411e9aeb367f92c5b63ab=function(){return data};return data}var ChemicalElementVisualisation=function(_PolymerElement){babelHelpers.inherits(ChemicalElementVisualisation,_PolymerElement);babelHelpers.createClass(ChemicalElementVisualisation,null,[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_661b4f5054f411e9aeb367f92c5b63ab())}},{key:"is",get:function get(){return"chemical-element-visualisation"}},{key:"properties",get:function get(){return{symbol:String,_elements:{type:Object,value:{h:{symbol:"H",name:"Hydrogen",group:"other-nonmetal","atomic-number":1,"electron-configuration":[{s:1,p:0,d:0,f:0}],electronegativity:2.2,"atomic-weight":1.0079,"melting-point":13.99,"boiling-point":20.271},he:{symbol:"He",name:"Helium",group:"noble-gas","atomic-number":2,"electron-configuration":[{s:2,p:0,d:0,f:0}],electronegativity:"no data","atomic-weight":4.0026,"melting-point":.95,"boiling-point":4.222},li:{symbol:"Li",name:"Lithium",group:"alkali-metal","atomic-number":3,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:1,p:0,d:0,f:0}],electronegativity:.98,"atomic-weight":6.94,"melting-point":453.65,"boiling-point":1603},be:{symbol:"Be",name:"Beryllium",group:"alkaline-earth-metal","atomic-number":4,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.57,"atomic-weight":9.0121831,"melting-point":1560,"boiling-point":2742},b:{symbol:"B",name:"Boron",group:"metalloid","atomic-number":5,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:1,d:0,f:0}],electronegativity:2.04,"atomic-weight":10.81,"melting-point":2349,"boiling-point":4200},c:{symbol:"C",name:"Carbon",group:"other-nonmetal","atomic-number":6,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:2,d:0,f:0}],electronegativity:2.55,"atomic-weight":12.011,"melting-point":"-","boiling-point":"-"},n:{symbol:"N",name:"Nitrogen",group:"other-nonmetal","atomic-number":7,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:3,d:0,f:0}],electronegativity:3.04,"atomic-weight":14.007,"melting-point":63.15,"boiling-point":77.355},o:{symbol:"O",name:"Oxygen",group:"other-nonmetal","atomic-number":8,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:4,d:0,f:0}],electronegativity:3.44,"atomic-weight":15.999,"melting-point":54.36,"boiling-point":90.188},f:{symbol:"F",name:"Fluorine",group:"halogen","atomic-number":9,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:5,d:0,f:0}],electronegativity:3.98,"atomic-weight":18.998403163,"melting-point":53.48,"boiling-point":85.03},ne:{symbol:"Ne",name:"Neon",group:"noble-gas","atomic-number":10,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0}],electronegativity:"no data","atomic-weight":20.1797,"melting-point":24.56,"boiling-point":27.104},na:{symbol:"Na",name:"Sodium",group:"alkali-metal","atomic-number":11,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:1,p:0,d:0,f:0}],electronegativity:.93,"atomic-weight":22.98976928,"melting-point":370.944,"boiling-point":208.029},mg:{symbol:"Mg",name:"Magnesium",group:"alkaline-earth-metal","atomic-number":12,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.31,"atomic-weight":24.305,"melting-point":923,"boiling-point":1363},al:{symbol:"Al",name:"Aluminium",group:"post-transition-metal","atomic-number":13,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:1,d:0,f:0}],electronegativity:1.61,"atomic-weight":26.9815385,"melting-point":933.47,"boiling-point":2743},si:{symbol:"Si",name:"Silicon",group:"metalloid","atomic-number":14,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:2,d:0,f:0}],electronegativity:1.9,"atomic-weight":28.085,"melting-point":1687,"boiling-point":3538},p:{symbol:"P",name:"Phosphorus",group:"other-nonmetal","atomic-number":15,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:3,d:0,f:0}],electronegativity:2.19,"atomic-weight":30.973761998,"melting-point":"-","boiling-point":"-"},s:{symbol:"S",name:"Sulfur",group:"other-nonmetal","atomic-number":16,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:4,d:0,f:0}],electronegativity:"2.58","atomic-weight":32.06,"melting-point":"388.36","boiling-point":"717.8"},cl:{symbol:"Cl",name:"Chlorine",group:"halogen","atomic-number":17,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:5,d:0,f:0}],electronegativity:3.16,"atomic-weight":35.45,"melting-point":171.6,"boiling-point":239.11},ar:{symbol:"Ar",name:"Argon",group:"noble-gas","atomic-number":18,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:0,f:0}],electronegativity:"no data","atomic-weight":39.948,"melting-point":83.81,"boiling-point":87.302},k:{symbol:"K",name:"Potasium",group:"alkali-metal","atomic-number":19,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:0,f:0},{s:1,p:0,d:0,f:0}],electronegativity:.82,"atomic-weight":39.0983,"melting-point":336.7,"boiling-point":1032},ca:{symbol:"Ca",name:"Calcium",group:"alkaline-earth-metal","atomic-number":20,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1,"atomic-weight":40.078,"melting-point":1115,"boiling-point":1757},sc:{symbol:"Sc",name:"Scandium",group:"transition-metal","atomic-number":21,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.36,"atomic-weight":44.955908,"melting-point":1814,"boiling-point":3109},ti:{symbol:"Ti",name:"Titanium",group:"transition-metal","atomic-number":22,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:2,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.54,"atomic-weight":47.867,"melting-point":1941,"boiling-point":3560},v:{symbol:"V",name:"Vanadium",group:"transition-metal","atomic-number":23,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:3,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.63,"atomic-weight":50.9415,"melting-point":2183,"boiling-point":3680},cr:{symbol:"Cr",name:"Chromium",group:"transition-metal","atomic-number":24,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:5,f:0},{s:1,p:0,d:0,f:0}],electronegativity:1.66,"atomic-weight":51.9961,"melting-point":2180,"boiling-point":2944},mn:{symbol:"Mn",name:"Manganese",group:"transition-metal","atomic-number":25,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:5,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.55,"atomic-weight":54.938044,"melting-point":1519,"boiling-point":2334},fe:{symbol:"Fe",name:"Iron",group:"transition-metal","atomic-number":26,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:6,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.83,"atomic-weight":55.845,"melting-point":1811,"boiling-point":3134},co:{symbol:"Co",name:"Cobalt",group:"transition-metal","atomic-number":27,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:7,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.88,"atomic-weight":58.933194,"melting-point":1768,"boiling-point":3200},ni:{symbol:"Ni",name:"Nickel",group:"transition-metal","atomic-number":28,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:8,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.91,"atomic-weight":58.6934,"melting-point":1728,"boiling-point":3003},cu:{symbol:"Cu",name:"Copper",group:"transition-metal","atomic-number":29,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:1,p:0,d:0,f:0}],electronegativity:1.9,"atomic-weight":63.546,"melting-point":1357.77,"boiling-point":2835},zn:{symbol:"Zn",name:"Zinc",group:"transition-metal","atomic-number":30,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.65,"atomic-weight":65.38,"melting-point":692.68,"boiling-point":1180},ga:{symbol:"Ga",name:"Gallium",group:"post-transition-metal","atomic-number":31,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:1,d:0,f:0}],electronegativity:1.81,"atomic-weight":69.723,"melting-point":302.9146,"boiling-point":2673},ge:{symbol:"Ge",name:"Germanium",group:"metalloid","atomic-number":32,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:2,d:0,f:0}],electronegativity:2.01,"atomic-weight":72.63,"melting-point":1211.4,"boiling-point":3106},as:{symbol:"As",name:"Arsenic",group:"metalloid","atomic-number":33,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:3,d:0,f:0}],electronegativity:2.18,"atomic-weight":74.921595,"melting-point":"-","boiling-point":"-"},se:{symbol:"Se",name:"Selenium",group:"other-nonmetal","atomic-number":34,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:4,d:0,f:0}],electronegativity:2.55,"atomic-weight":78.971,"melting-point":494,"boiling-point":958},br:{symbol:"Br",name:"Bromine",group:"halogen","atomic-number":35,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:5,d:0,f:0}],electronegativity:2.96,"atomic-weight":79.904,"melting-point":265.8,"boiling-point":332},kr:{symbol:"Kr",name:"Krypton",group:"noble-gas","atomic-number":36,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0}],electronegativity:3,"atomic-weight":83.798,"melting-point":115.78,"boiling-point":119.93},rb:{symbol:"Rb",name:"Rubidium",group:"alkali-metal","atomic-number":37,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0},{s:1,p:0,d:0,f:0}],electronegativity:.82,"atomic-weight":85.4678,"melting-point":312.45,"boiling-point":961},sr:{symbol:"Sr",name:"Strontium",group:"alkaline-earth-metal","atomic-number":38,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:.95,"atomic-weight":87.62,"melting-point":1050,"boiling-point":1650},y:{symbol:"Y",name:"Yttrium",group:"transition-metal","atomic-number":39,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.22,"atomic-weight":88.90584,"melting-point":1799,"boiling-point":3203},zr:{symbol:"Zr",name:"Zirconium",group:"transition-metal","atomic-number":40,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:2,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.33,"atomic-weight":91.224,"melting-point":2128,"boiling-point":4650},nb:{symbol:"Nb",name:"Niobium",group:"transition-metal","atomic-number":41,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:4,f:0},{s:1,p:0,d:0,f:0}],electronegativity:1.6,"atomic-weight":92.90637,"melting-point":2750,"boiling-point":5017},mo:{symbol:"Mo",name:"Molybdenum",group:"transition-metal","atomic-number":42,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:5,f:0},{s:1,p:0,d:0,f:0}],electronegativity:2.16,"atomic-weight":95.95,"melting-point":2896,"boiling-point":4912},tc:{symbol:"Tc",name:"Technetium",group:"transition-metal","atomic-number":43,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:5,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.9,"atomic-weight":"?","melting-point":2430,"boiling-point":4538},ru:{symbol:"Ru",name:"Ruthenium",group:"transition-metal","atomic-number":44,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:7,f:0},{s:1,p:0,d:0,f:0}],electronegativity:2.2,"atomic-weight":101.07,"melting-point":2607,"boiling-point":4423},rh:{symbol:"Rh",name:"Rhodium",group:"transition-metal","atomic-number":45,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:8,f:0},{s:1,p:0,d:0,f:0}],electronegativity:2.28,"atomic-weight":102.9055,"melting-point":2237,"boiling-point":3968},pd:{symbol:"Pd",name:"Palladium",group:"transition-metal","atomic-number":46,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:0,p:0,d:0,f:0}],electronegativity:2.2,"atomic-weight":106.42,"melting-point":1828.05,"boiling-point":3236},ag:{symbol:"Ag",name:"Silver",group:"transition-metal","atomic-number":47,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:1,p:0,d:0,f:0}],electronegativity:1.93,"atomic-weight":107.8682,"melting-point":1234.93,"boiling-point":2435},cd:{symbol:"Cd",name:"Cadmium",group:"transition-metal","atomic-number":48,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.69,"atomic-weight":112.414,"melting-point":594.22,"boiling-point":1040},in:{symbol:"In",name:"Indium",group:"post-transition-metal","atomic-number":49,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:1,d:0,f:0}],electronegativity:1.78,"atomic-weight":114.818,"melting-point":429.7485,"boiling-point":2345},sn:{symbol:"Sn",name:"Tin",group:"post-transition-metal","atomic-number":50,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:2,d:0,f:0}],electronegativity:1.96,"atomic-weight":118.71,"melting-point":505.08,"boiling-point":2875},sb:{symbol:"Sb",name:"Antimony",group:"metalloid","atomic-number":51,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:3,d:0,f:0}],electronegativity:2.05,"atomic-weight":121.76,"melting-point":903.78,"boiling-point":1908},te:{symbol:"Te",name:"Tellurium",group:"metalloid","atomic-number":52,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:4,d:0,f:0}],electronegativity:2.1,"atomic-weight":127.6,"melting-point":722.66,"boiling-point":1261},i:{symbol:"I",name:"Iodine",group:"halogen","atomic-number":53,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:5,d:0,f:0}],electronegativity:2.66,"atomic-weight":126.90447,"melting-point":386.85,"boiling-point":457.4},xe:{symbol:"Xe",name:"Xenon",group:"noble-gas","atomic-number":54,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0}],electronegativity:2.6,"atomic-weight":131.293,"melting-point":161.4,"boiling-point":165.051},cs:{symbol:"Cs",name:"Caesium",group:"alkali-metal","atomic-number":55,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0},{s:1,p:0,d:0,f:0}],electronegativity:.79,"atomic-weight":132.90545196,"melting-point":301.7,"boiling-point":944},ba:{symbol:"Ba",name:"Barium",group:"alkaline-earth-metal","atomic-number":56,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:"?","atomic-weight":137.327,"melting-point":1e3,"boiling-point":2118},hf:{symbol:"Hf",name:"Hafnium",group:"transition-metal","atomic-number":72,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:2,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":178.49,"melting-point":2506,"boiling-point":4876},ta:{symbol:"Ta",name:"Tantalium",group:"transition-metal","atomic-number":73,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:3,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.5,"atomic-weight":180.94788,"melting-point":3290,"boiling-point":5731},w:{symbol:"W",name:"Tungsten",group:"transition-metal","atomic-number":74,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:4,f:0},{s:2,p:0,d:0,f:0}],electronegativity:2.36,"atomic-weight":183.84,"melting-point":3695,"boiling-point":6203},re:{symbol:"Re",name:"Rhenium",group:"transition-metal","atomic-number":75,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:5,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.9,"atomic-weight":186.207,"melting-point":3459,"boiling-point":5903},os:{symbol:"Os",name:"Osmium",group:"transition-metal","atomic-number":76,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:6,f:0},{s:2,p:0,d:0,f:0}],electronegativity:2.2,"atomic-weight":190.23,"melting-point":3306,"boiling-point":5285},ir:{symbol:"Ir",name:"Iridium",group:"transition-metal","atomic-number":77,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:7,f:0},{s:2,p:0,d:0,f:0}],electronegativity:2.2,"atomic-weight":192.217,"melting-point":2719,"boiling-point":4403},pt:{symbol:"Pt",name:"Platinium",group:"transition-metal","atomic-number":78,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:9,f:0},{s:1,p:0,d:0,f:0}],electronegativity:2.28,"atomic-weight":195.084,"melting-point":2041.4,"boiling-point":4098},au:{symbol:"Au",name:"Gold",group:"transition-metal","atomic-number":79,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:1,p:0,d:0,f:0}],electronegativity:2.54,"atomic-weight":196.966569,"melting-point":1337.33,"boiling-point":3243},hg:{symbol:"Hg",name:"Mercury",group:"transition-metal","atomic-number":80,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:0,d:0,f:0}],electronegativity:2,"atomic-weight":200.592,"melting-point":234.321,"boiling-point":629.88},tl:{symbol:"Tl",name:"Thallium",group:"post-transition-metal","atomic-number":81,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:1,d:0,f:0}],electronegativity:1.62,"atomic-weight":204.38,"melting-point":577,"boiling-point":1746},pb:{symbol:"Pb",name:"Lead",group:"post-transition-metal","atomic-number":82,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:2,d:0,f:0}],electronegativity:1.87,"atomic-weight":207.2,"melting-point":600.61,"boiling-point":2022},bi:{symbol:"Bi",name:"Bismuth",group:"post-transition-metal","atomic-number":83,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:3,d:0,f:0}],electronegativity:2.02,"atomic-weight":208.9804,"melting-point":544.7,"boiling-point":1837},po:{symbol:"Po",name:"Polonium",group:"metalloid","atomic-number":84,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:4,d:0,f:0}],electronegativity:2,"atomic-weight":209,"melting-point":527,"boiling-point":1235},at:{symbol:"At",name:"Astatine",group:"halogen","atomic-number":85,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:5,d:0,f:0}],electronegativity:2.2,"atomic-weight":210,"melting-point":575,"boiling-point":610},rn:{symbol:"Rn",name:"Radon",group:"noble-gas","atomic-number":86,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0}],electronegativity:2.2,"atomic-weight":222,"melting-point":202,"boiling-point":211.5},fr:{symbol:"Fr",name:"Francium",group:"alkali-metal","atomic-number":87,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0},{s:1,p:0,d:0,f:0}],electronegativity:"> 0.79","atomic-weight":223,"melting-point":"300 (?)","boiling-point":"950 (?)"},ra:{symbol:"Ra",name:"Radium",group:"alkaline-earth-metal","atomic-number":88,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:.9,"atomic-weight":226,"melting-point":973,"boiling-point":2010},rf:{symbol:"Rf",name:"Rutherfordium",group:"transition-metal","atomic-number":104,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},db:{symbol:"Db",name:"Dubnium",group:"transition-metal","atomic-number":105,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},sg:{symbol:"Sg",name:"Seaborgium",group:"transition-metal","atomic-number":106,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},bh:{symbol:"Bh",name:"Bohrium",group:"transition-metal","atomic-number":107,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},hs:{symbol:"Hs",name:"Hassium",group:"transition-metal","atomic-number":108,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},mt:{symbol:"Mt",name:"Meitnerium",group:"transition-metal","atomic-number":109,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},ds:{symbol:"Ds",name:"Darmstadtium",group:"transition-metal","atomic-number":110,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},rg:{symbol:"Rg",name:"Roentgenium",group:"transition-metal","atomic-number":111,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},cn:{symbol:"Cn",name:"Copernium",group:"transition-metal","atomic-number":112,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},nh:{symbol:"Nh",name:"Nihonium",group:"post-transition-metal","atomic-number":113,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},fl:{symbol:"Fl",name:"Flerovium",group:"post-transition-metal","atomic-number":114,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},mc:{symbol:"Mc",name:"Moscovium",group:"post-transition-metal","atomic-number":115,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},lv:{symbol:"Lv",name:"Livermorium",group:"post-transition-metal","atomic-number":116,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},ts:{symbol:"Ts",name:"Tennessine",group:"halogen","atomic-number":117,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},og:{symbol:"Og",name:"Oganesson",group:"noble-gas","atomic-number":118,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},la:{symbol:"La",name:"Lanthanum",group:"lanthanide","atomic-number":57,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.1,"atomic-weight":138.90547,"melting-point":1193,"boiling-point":3737},ce:{symbol:"Ce",name:"Cerium",group:"lanthanide","atomic-number":58,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:1},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.12,"atomic-weight":140.116,"melting-point":1068,"boiling-point":3716},pr:{symbol:"Pr",name:"Praseodymium",group:"lanthanide","atomic-number":59,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:3},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.13,"atomic-weight":140.90766,"melting-point":1208,"boiling-point":3403},nd:{symbol:"Nd",name:"Neodymium",group:"lanthanide","atomic-number":60,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:4},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.14,"atomic-weight":144.242,"melting-point":1297,"boiling-point":3347},pm:{symbol:"Pm",name:"Promethium",group:"lanthanide","atomic-number":61,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:5},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:"1.13 (?)","atomic-weight":145,"melting-point":1315,"boiling-point":3273},sm:{symbol:"Sm",name:"Samarium",group:"lanthanide","atomic-number":62,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:6},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.17,"atomic-weight":150.36,"melting-point":1345,"boiling-point":2173},eu:{symbol:"Eu",name:"Europium",group:"lanthanide","atomic-number":63,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:7},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.2,"atomic-weight":151.964,"melting-point":1099,"boiling-point":1802},gd:{symbol:"Gd",name:"Gadolinium",group:"lanthanide","atomic-number":64,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:7},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.2,"atomic-weight":157.25,"melting-point":1585,"boiling-point":3273},tb:{symbol:"Tb",name:"Terbium",group:"lanthanide","atomic-number":65,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:9},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:"1.2 (?)","atomic-weight":158.92535,"melting-point":1629,"boiling-point":3396},dy:{symbol:"Dy",name:"Dysprosium",group:"lanthanide","atomic-number":66,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:10},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.22,"atomic-weight":162.5,"melting-point":1680,"boiling-point":2840},ho:{symbol:"Ho",name:"Holmium",group:"lanthanide","atomic-number":67,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:11},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.23,"atomic-weight":164.93033,"melting-point":1734,"boiling-point":2873},er:{symbol:"Er",name:"Erbium",group:"lanthanide","atomic-number":68,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:12},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.24,"atomic-weight":167.259,"melting-point":1802,"boiling-point":3141},tm:{symbol:"Tm",name:"Thulium",group:"lanthanide","atomic-number":69,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:13},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.25,"atomic-weight":168.93422,"melting-point":1818,"boiling-point":2223},yb:{symbol:"Yb",name:"Ytterbium",group:"lanthanide","atomic-number":70,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:"1.1 (?)","atomic-weight":173.045,"melting-point":1097,"boiling-point":1469},lu:{symbol:"Lu",name:"Lutetium",group:"lanthanide","atomic-number":71,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.27,"atomic-weight":174.9668,"melting-point":1925,"boiling-point":3675},ac:{symbol:"Ac",name:"Actinium",group:"actinide","atomic-number":89,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.1,"atomic-weight":227,"melting-point":1500,"boiling-point":3500},th:{symbol:"Th",name:"Thorium",group:"actinide","atomic-number":90,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:6,d:2,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":232.0377,"melting-point":2023,"boiling-point":5061},pa:{symbol:"Pa",name:"Protactinium",group:"actinide","atomic-number":91,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:2},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.5,"atomic-weight":231.03588,"melting-point":1841,"boiling-point":4300},u:{symbol:"U",name:"Uranium",group:"actinide","atomic-number":92,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:3},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.38,"atomic-weight":238.02891,"melting-point":1405.3,"boiling-point":4404},np:{symbol:"Np",name:"Neptunium",group:"actinide","atomic-number":93,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:4},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.36,"atomic-weight":237,"melting-point":912,"boiling-point":4447},pu:{symbol:"Pu",name:"Plutonium",group:"actinide","atomic-number":94,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:6},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.28,"atomic-weight":244,"melting-point":912.5,"boiling-point":3505},am:{symbol:"Am",name:"Americum",group:"actinide","atomic-number":95,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:7},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":243,"melting-point":1449,"boiling-point":2880},cm:{symbol:"Cm",name:"Curium",group:"actinide","atomic-number":96,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:7},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:"1.3","atomic-weight":247,"melting-point":"1613","boiling-point":"3383"},bk:{symbol:"Bk",name:"Berkelium",group:"actinide","atomic-number":97,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:9},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":247,"melting-point":1259,"boiling-point":2900},cf:{symbol:"Cf",name:"Californium",group:"actinide","atomic-number":98,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:10},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":251,"melting-point":1173,"boiling-point":1743},es:{symbol:"Es",name:"Einsteinium",group:"actinide","atomic-number":99,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:11},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":252,"melting-point":1133,"boiling-point":1269},fm:{symbol:"Fm",name:"Fermium",group:"actinide","atomic-number":100,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:12},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":257,"melting-point":1800,"boiling-point":"-"},md:{symbol:"Md",name:"Mendelevium",group:"actinide","atomic-number":101,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:13},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":258,"melting-point":1100,"boiling-point":"-"},no:{symbol:"No",name:"Nobelium",group:"actinide","atomic-number":102,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:14},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":259,"melting-point":1100,"boiling-point":"-"},lr:{symbol:"Lr",name:"Lawrencium",group:"actinide","atomic-number":103,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:14},{s:2,p:6,d:0,f:0},{s:2,p:1,d:0,f:0}],electronegativity:1.3,"atomic-weight":266,"melting-point":1900,"boiling-point":"-"}}},_element:Object}}},{key:"observers",get:function get(){return["_onSymbolChange(symbol)","_onElementChange(_element)"]}}]);function ChemicalElementVisualisation(){babelHelpers.classCallCheck(this,ChemicalElementVisualisation);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(ChemicalElementVisualisation).call(this))}babelHelpers.createClass(ChemicalElementVisualisation,[{key:"_onSymbolChange",value:function _onSymbolChange(){this._element=this._elements[this.symbol]}},{key:"_onElementChange",value:function _onElementChange(){var _MathPI=Math.PI,SIZE=500,dynamicallyAddedElements=this.shadowRoot.querySelectorAll(".added-dynamically");dynamicallyAddedElements.forEach(function(element){return element.remove()});if(this._element){for(var electronConfiguration=this._element["electron-configuration"],electronGroup=this.$["electron-group"],ringGroup=this.$["ring-group"],minimumRadius=SIZE/6,maximumRadius=SIZE/2,i=0;i<electronConfiguration.length;i++){var ring=document.createElementNS("http://www.w3.org/2000/svg","circle"),radius=minimumRadius+(i+1)*(maximumRadius-minimumRadius)/(electronConfiguration.length+1);ring.setAttribute("cx",SIZE/2);ring.setAttribute("cy",SIZE/2);ring.setAttribute("r",radius);ring.classList.add("ring");ring.classList.add("added-dynamically");if(i!==electronConfiguration.length-1){ring.setAttribute("opacity","0.3")}ringGroup.appendChild(ring)}for(var outerShell=electronConfiguration[electronConfiguration.length-1],secondOuterShell=electronConfiguration[electronConfiguration.length-2],electrons=[],electronBackgrounds=[],_i=0;_i<electronConfiguration.length;_i++){for(var configuration=electronConfiguration[_i],totalValenceElectrons=configuration.s+configuration.p+configuration.d+configuration.f,j=0;j<totalValenceElectrons;j++){var electron=document.createElementNS("http://www.w3.org/2000/svg","circle"),electronBackground=document.createElementNS("http://www.w3.org/2000/svg","circle"),ringRadius=minimumRadius+(_i+1)*(maximumRadius-minimumRadius)/(electronConfiguration.length+1),phaseShift=_i*_MathPI/8,cx=Math.sin(2*_MathPI*(j/totalValenceElectrons)+phaseShift)*ringRadius,cy=Math.cos(2*_MathPI*(j/totalValenceElectrons)+phaseShift)*ringRadius,_radius=SIZE/50;electron.setAttribute("cx",cx);electron.setAttribute("cy",cy);electron.setAttribute("r",_radius);electron.setAttribute("opacity","0.3");electron.classList.add("electron");electron.classList.add("added-dynamically");electronBackground.setAttribute("cx",cx);electronBackground.setAttribute("cy",cy);electronBackground.setAttribute("r",_radius+SIZE/75);electronBackground.classList.add("electron-background");electronBackground.classList.add("added-dynamically");if(j>=configuration.s){if(j>=configuration.p+configuration.s){if(j>=configuration.d+configuration.p+configuration.s){electron.classList.add("f-group-electron");if(1>=secondOuterShell.d&&3==electronConfiguration.length-_i)electron.setAttribute("opacity","1")}else{electron.classList.add("d-group-electron");if(0>=outerShell.p&&2==electronConfiguration.length-_i)electron.setAttribute("opacity","1")}}else{electron.classList.add("p-group-electron")}}else{electron.classList.add("s-group-electron")}if(_i===electronConfiguration.length-1){electron.setAttribute("opacity","1")}electronBackgrounds.push(electronBackground);electrons.push(electron)}}electronBackgrounds.forEach(function(electronBackground){return electronGroup.appendChild(electronBackground)});electrons.forEach(function(electron){return electronGroup.appendChild(electron)});electronGroup.animate([{transform:"translate("+SIZE/2+"px, "+SIZE/2+"px) rotate(0deg)"},{transform:"translate("+SIZE/2+"px, "+SIZE/2+"px) rotate(360deg)"}],{duration:1e4,iterations:1/0})}}},{key:"_divide",value:function _divide(divident,divisor){return divident/divisor}}]);return ChemicalElementVisualisation}(_polymerElement.PolymerElement);customElements.define(ChemicalElementVisualisation.is,ChemicalElementVisualisation)});
\ No newline at end of file
+define(["../../@polymer/polymer/polymer-element.js","../../@polymer/paper-tooltip/paper-tooltip.js","../../@polymer/neon-animation/neon-animation.js"],function(_polymerElement){"use strict";function _templateObject_fe619230555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          .alkali-metal {\n            fill: var(--alkali-metal-primary-color, #ff8a65);\n          }\n          .alkaline-earth-metal {\n            fill: var(--alkaline-earth-metal-primary-color, #ffb74d);\n          }\n          .transition-metal {\n            fill: var(--transition-metal-primary-color, #ffd54f);\n          }\n          .post-transition-metal {\n            fill: var(--post-transition-metal-primary-color, #dce775);\n          }\n          .metalloid {\n            fill: var(--metalloid-primary-color, #aed581);\n          }\n          .other-nonmetal {\n            fill: var(--other-nonmetal-primary-color, #4db6ac);\n          }\n          .halogen {\n            fill: var(--halogen-primary-color, #4dd0e1);\n          }\n          .noble-gas {\n            fill: var(--noble-gas-primary-color, #4fc3f7);\n          }\n          .lanthanide {\n            fill: var(--lanthanide-primary-color, #9575cd);\n          }\n          .actinide {\n            fill: var(--actinide-primary-color, #f06292);\n          }\n\n          .ring {\n            fill: none;\n            stroke: #ddd;\n          }\n\n          .electron {\n            fill: #888;\n          }\n\n          .electron-background {\n            fill: #fff;\n          }\n\n          .s-group-electron {\n            fill: var(--s-group-electron-color, #2196f3);\n          }\n          .p-group-electron {\n            fill: var(--p-group-electron-color, #ff9800);\n          }\n          .d-group-electron {\n            fill: var(--d-group-electron-color, #4caf50);\n          }\n          .f-group-electron {\n            fill: var(--f-group-electron-color, #e91e63);\n          }\n        </style>\n      </custom-style>\n      <svg id=\"element\" version=\"1.1\" viewBox=\"0 0 500 500\">\n        <title>An animation of the chemical element [[_element.name]].</title>\n        <circle\n          cx$=\"[[_divide(500, 2)]]\"\n          cy$=\"[[_divide(500, 2)]]\"\n          r$=\"[[_divide(500, 10)]]\"\n          class$=\"[[_element.group]]\"\n        ></circle>\n        <g id=\"ring-group\"></g>\n        <g id=\"electron-group\"></g>\n      </svg>\n      <paper-tooltip for=\"element\" position=\"bottom\" animation-delay=\"0\">\n        [[_element.name]]\n      </paper-tooltip>\n    "],["\n      <custom-style>\n        <style>\n          .alkali-metal {\n            fill: var(--alkali-metal-primary-color, #ff8a65);\n          }\n          .alkaline-earth-metal {\n            fill: var(--alkaline-earth-metal-primary-color, #ffb74d);\n          }\n          .transition-metal {\n            fill: var(--transition-metal-primary-color, #ffd54f);\n          }\n          .post-transition-metal {\n            fill: var(--post-transition-metal-primary-color, #dce775);\n          }\n          .metalloid {\n            fill: var(--metalloid-primary-color, #aed581);\n          }\n          .other-nonmetal {\n            fill: var(--other-nonmetal-primary-color, #4db6ac);\n          }\n          .halogen {\n            fill: var(--halogen-primary-color, #4dd0e1);\n          }\n          .noble-gas {\n            fill: var(--noble-gas-primary-color, #4fc3f7);\n          }\n          .lanthanide {\n            fill: var(--lanthanide-primary-color, #9575cd);\n          }\n          .actinide {\n            fill: var(--actinide-primary-color, #f06292);\n          }\n\n          .ring {\n            fill: none;\n            stroke: #ddd;\n          }\n\n          .electron {\n            fill: #888;\n          }\n\n          .electron-background {\n            fill: #fff;\n          }\n\n          .s-group-electron {\n            fill: var(--s-group-electron-color, #2196f3);\n          }\n          .p-group-electron {\n            fill: var(--p-group-electron-color, #ff9800);\n          }\n          .d-group-electron {\n            fill: var(--d-group-electron-color, #4caf50);\n          }\n          .f-group-electron {\n            fill: var(--f-group-electron-color, #e91e63);\n          }\n        </style>\n      </custom-style>\n      <svg id=\"element\" version=\"1.1\" viewBox=\"0 0 500 500\">\n        <title>An animation of the chemical element [[_element.name]].</title>\n        <circle\n          cx\\$=\"[[_divide(500, 2)]]\"\n          cy\\$=\"[[_divide(500, 2)]]\"\n          r\\$=\"[[_divide(500, 10)]]\"\n          class\\$=\"[[_element.group]]\"\n        ></circle>\n        <g id=\"ring-group\"></g>\n        <g id=\"electron-group\"></g>\n      </svg>\n      <paper-tooltip for=\"element\" position=\"bottom\" animation-delay=\"0\">\n        [[_element.name]]\n      </paper-tooltip>\n    "]);_templateObject_fe619230555111e98f439769bd191e33=function(){return data};return data}var ChemicalElementVisualisation=function(_PolymerElement){babelHelpers.inherits(ChemicalElementVisualisation,_PolymerElement);babelHelpers.createClass(ChemicalElementVisualisation,null,[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_fe619230555111e98f439769bd191e33())}},{key:"is",get:function get(){return"chemical-element-visualisation"}},{key:"properties",get:function get(){return{symbol:String,_elements:{type:Object,value:{h:{symbol:"H",name:"Hydrogen",group:"other-nonmetal","atomic-number":1,"electron-configuration":[{s:1,p:0,d:0,f:0}],electronegativity:2.2,"atomic-weight":1.0079,"melting-point":13.99,"boiling-point":20.271},he:{symbol:"He",name:"Helium",group:"noble-gas","atomic-number":2,"electron-configuration":[{s:2,p:0,d:0,f:0}],electronegativity:"no data","atomic-weight":4.0026,"melting-point":.95,"boiling-point":4.222},li:{symbol:"Li",name:"Lithium",group:"alkali-metal","atomic-number":3,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:1,p:0,d:0,f:0}],electronegativity:.98,"atomic-weight":6.94,"melting-point":453.65,"boiling-point":1603},be:{symbol:"Be",name:"Beryllium",group:"alkaline-earth-metal","atomic-number":4,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.57,"atomic-weight":9.0121831,"melting-point":1560,"boiling-point":2742},b:{symbol:"B",name:"Boron",group:"metalloid","atomic-number":5,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:1,d:0,f:0}],electronegativity:2.04,"atomic-weight":10.81,"melting-point":2349,"boiling-point":4200},c:{symbol:"C",name:"Carbon",group:"other-nonmetal","atomic-number":6,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:2,d:0,f:0}],electronegativity:2.55,"atomic-weight":12.011,"melting-point":"-","boiling-point":"-"},n:{symbol:"N",name:"Nitrogen",group:"other-nonmetal","atomic-number":7,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:3,d:0,f:0}],electronegativity:3.04,"atomic-weight":14.007,"melting-point":63.15,"boiling-point":77.355},o:{symbol:"O",name:"Oxygen",group:"other-nonmetal","atomic-number":8,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:4,d:0,f:0}],electronegativity:3.44,"atomic-weight":15.999,"melting-point":54.36,"boiling-point":90.188},f:{symbol:"F",name:"Fluorine",group:"halogen","atomic-number":9,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:5,d:0,f:0}],electronegativity:3.98,"atomic-weight":18.998403163,"melting-point":53.48,"boiling-point":85.03},ne:{symbol:"Ne",name:"Neon",group:"noble-gas","atomic-number":10,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0}],electronegativity:"no data","atomic-weight":20.1797,"melting-point":24.56,"boiling-point":27.104},na:{symbol:"Na",name:"Sodium",group:"alkali-metal","atomic-number":11,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:1,p:0,d:0,f:0}],electronegativity:.93,"atomic-weight":22.98976928,"melting-point":370.944,"boiling-point":208.029},mg:{symbol:"Mg",name:"Magnesium",group:"alkaline-earth-metal","atomic-number":12,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.31,"atomic-weight":24.305,"melting-point":923,"boiling-point":1363},al:{symbol:"Al",name:"Aluminium",group:"post-transition-metal","atomic-number":13,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:1,d:0,f:0}],electronegativity:1.61,"atomic-weight":26.9815385,"melting-point":933.47,"boiling-point":2743},si:{symbol:"Si",name:"Silicon",group:"metalloid","atomic-number":14,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:2,d:0,f:0}],electronegativity:1.9,"atomic-weight":28.085,"melting-point":1687,"boiling-point":3538},p:{symbol:"P",name:"Phosphorus",group:"other-nonmetal","atomic-number":15,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:3,d:0,f:0}],electronegativity:2.19,"atomic-weight":30.973761998,"melting-point":"-","boiling-point":"-"},s:{symbol:"S",name:"Sulfur",group:"other-nonmetal","atomic-number":16,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:4,d:0,f:0}],electronegativity:"2.58","atomic-weight":32.06,"melting-point":"388.36","boiling-point":"717.8"},cl:{symbol:"Cl",name:"Chlorine",group:"halogen","atomic-number":17,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:5,d:0,f:0}],electronegativity:3.16,"atomic-weight":35.45,"melting-point":171.6,"boiling-point":239.11},ar:{symbol:"Ar",name:"Argon",group:"noble-gas","atomic-number":18,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:0,f:0}],electronegativity:"no data","atomic-weight":39.948,"melting-point":83.81,"boiling-point":87.302},k:{symbol:"K",name:"Potasium",group:"alkali-metal","atomic-number":19,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:0,f:0},{s:1,p:0,d:0,f:0}],electronegativity:.82,"atomic-weight":39.0983,"melting-point":336.7,"boiling-point":1032},ca:{symbol:"Ca",name:"Calcium",group:"alkaline-earth-metal","atomic-number":20,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1,"atomic-weight":40.078,"melting-point":1115,"boiling-point":1757},sc:{symbol:"Sc",name:"Scandium",group:"transition-metal","atomic-number":21,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.36,"atomic-weight":44.955908,"melting-point":1814,"boiling-point":3109},ti:{symbol:"Ti",name:"Titanium",group:"transition-metal","atomic-number":22,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:2,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.54,"atomic-weight":47.867,"melting-point":1941,"boiling-point":3560},v:{symbol:"V",name:"Vanadium",group:"transition-metal","atomic-number":23,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:3,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.63,"atomic-weight":50.9415,"melting-point":2183,"boiling-point":3680},cr:{symbol:"Cr",name:"Chromium",group:"transition-metal","atomic-number":24,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:5,f:0},{s:1,p:0,d:0,f:0}],electronegativity:1.66,"atomic-weight":51.9961,"melting-point":2180,"boiling-point":2944},mn:{symbol:"Mn",name:"Manganese",group:"transition-metal","atomic-number":25,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:5,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.55,"atomic-weight":54.938044,"melting-point":1519,"boiling-point":2334},fe:{symbol:"Fe",name:"Iron",group:"transition-metal","atomic-number":26,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:6,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.83,"atomic-weight":55.845,"melting-point":1811,"boiling-point":3134},co:{symbol:"Co",name:"Cobalt",group:"transition-metal","atomic-number":27,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:7,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.88,"atomic-weight":58.933194,"melting-point":1768,"boiling-point":3200},ni:{symbol:"Ni",name:"Nickel",group:"transition-metal","atomic-number":28,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:8,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.91,"atomic-weight":58.6934,"melting-point":1728,"boiling-point":3003},cu:{symbol:"Cu",name:"Copper",group:"transition-metal","atomic-number":29,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:1,p:0,d:0,f:0}],electronegativity:1.9,"atomic-weight":63.546,"melting-point":1357.77,"boiling-point":2835},zn:{symbol:"Zn",name:"Zinc",group:"transition-metal","atomic-number":30,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.65,"atomic-weight":65.38,"melting-point":692.68,"boiling-point":1180},ga:{symbol:"Ga",name:"Gallium",group:"post-transition-metal","atomic-number":31,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:1,d:0,f:0}],electronegativity:1.81,"atomic-weight":69.723,"melting-point":302.9146,"boiling-point":2673},ge:{symbol:"Ge",name:"Germanium",group:"metalloid","atomic-number":32,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:2,d:0,f:0}],electronegativity:2.01,"atomic-weight":72.63,"melting-point":1211.4,"boiling-point":3106},as:{symbol:"As",name:"Arsenic",group:"metalloid","atomic-number":33,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:3,d:0,f:0}],electronegativity:2.18,"atomic-weight":74.921595,"melting-point":"-","boiling-point":"-"},se:{symbol:"Se",name:"Selenium",group:"other-nonmetal","atomic-number":34,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:4,d:0,f:0}],electronegativity:2.55,"atomic-weight":78.971,"melting-point":494,"boiling-point":958},br:{symbol:"Br",name:"Bromine",group:"halogen","atomic-number":35,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:5,d:0,f:0}],electronegativity:2.96,"atomic-weight":79.904,"melting-point":265.8,"boiling-point":332},kr:{symbol:"Kr",name:"Krypton",group:"noble-gas","atomic-number":36,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0}],electronegativity:3,"atomic-weight":83.798,"melting-point":115.78,"boiling-point":119.93},rb:{symbol:"Rb",name:"Rubidium",group:"alkali-metal","atomic-number":37,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0},{s:1,p:0,d:0,f:0}],electronegativity:.82,"atomic-weight":85.4678,"melting-point":312.45,"boiling-point":961},sr:{symbol:"Sr",name:"Strontium",group:"alkaline-earth-metal","atomic-number":38,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:.95,"atomic-weight":87.62,"melting-point":1050,"boiling-point":1650},y:{symbol:"Y",name:"Yttrium",group:"transition-metal","atomic-number":39,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.22,"atomic-weight":88.90584,"melting-point":1799,"boiling-point":3203},zr:{symbol:"Zr",name:"Zirconium",group:"transition-metal","atomic-number":40,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:2,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.33,"atomic-weight":91.224,"melting-point":2128,"boiling-point":4650},nb:{symbol:"Nb",name:"Niobium",group:"transition-metal","atomic-number":41,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:4,f:0},{s:1,p:0,d:0,f:0}],electronegativity:1.6,"atomic-weight":92.90637,"melting-point":2750,"boiling-point":5017},mo:{symbol:"Mo",name:"Molybdenum",group:"transition-metal","atomic-number":42,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:5,f:0},{s:1,p:0,d:0,f:0}],electronegativity:2.16,"atomic-weight":95.95,"melting-point":2896,"boiling-point":4912},tc:{symbol:"Tc",name:"Technetium",group:"transition-metal","atomic-number":43,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:5,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.9,"atomic-weight":"?","melting-point":2430,"boiling-point":4538},ru:{symbol:"Ru",name:"Ruthenium",group:"transition-metal","atomic-number":44,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:7,f:0},{s:1,p:0,d:0,f:0}],electronegativity:2.2,"atomic-weight":101.07,"melting-point":2607,"boiling-point":4423},rh:{symbol:"Rh",name:"Rhodium",group:"transition-metal","atomic-number":45,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:8,f:0},{s:1,p:0,d:0,f:0}],electronegativity:2.28,"atomic-weight":102.9055,"melting-point":2237,"boiling-point":3968},pd:{symbol:"Pd",name:"Palladium",group:"transition-metal","atomic-number":46,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:0,p:0,d:0,f:0}],electronegativity:2.2,"atomic-weight":106.42,"melting-point":1828.05,"boiling-point":3236},ag:{symbol:"Ag",name:"Silver",group:"transition-metal","atomic-number":47,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:1,p:0,d:0,f:0}],electronegativity:1.93,"atomic-weight":107.8682,"melting-point":1234.93,"boiling-point":2435},cd:{symbol:"Cd",name:"Cadmium",group:"transition-metal","atomic-number":48,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.69,"atomic-weight":112.414,"melting-point":594.22,"boiling-point":1040},in:{symbol:"In",name:"Indium",group:"post-transition-metal","atomic-number":49,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:1,d:0,f:0}],electronegativity:1.78,"atomic-weight":114.818,"melting-point":429.7485,"boiling-point":2345},sn:{symbol:"Sn",name:"Tin",group:"post-transition-metal","atomic-number":50,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:2,d:0,f:0}],electronegativity:1.96,"atomic-weight":118.71,"melting-point":505.08,"boiling-point":2875},sb:{symbol:"Sb",name:"Antimony",group:"metalloid","atomic-number":51,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:3,d:0,f:0}],electronegativity:2.05,"atomic-weight":121.76,"melting-point":903.78,"boiling-point":1908},te:{symbol:"Te",name:"Tellurium",group:"metalloid","atomic-number":52,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:4,d:0,f:0}],electronegativity:2.1,"atomic-weight":127.6,"melting-point":722.66,"boiling-point":1261},i:{symbol:"I",name:"Iodine",group:"halogen","atomic-number":53,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:5,d:0,f:0}],electronegativity:2.66,"atomic-weight":126.90447,"melting-point":386.85,"boiling-point":457.4},xe:{symbol:"Xe",name:"Xenon",group:"noble-gas","atomic-number":54,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0}],electronegativity:2.6,"atomic-weight":131.293,"melting-point":161.4,"boiling-point":165.051},cs:{symbol:"Cs",name:"Caesium",group:"alkali-metal","atomic-number":55,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0},{s:1,p:0,d:0,f:0}],electronegativity:.79,"atomic-weight":132.90545196,"melting-point":301.7,"boiling-point":944},ba:{symbol:"Ba",name:"Barium",group:"alkaline-earth-metal","atomic-number":56,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:"?","atomic-weight":137.327,"melting-point":1e3,"boiling-point":2118},hf:{symbol:"Hf",name:"Hafnium",group:"transition-metal","atomic-number":72,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:2,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":178.49,"melting-point":2506,"boiling-point":4876},ta:{symbol:"Ta",name:"Tantalium",group:"transition-metal","atomic-number":73,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:3,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.5,"atomic-weight":180.94788,"melting-point":3290,"boiling-point":5731},w:{symbol:"W",name:"Tungsten",group:"transition-metal","atomic-number":74,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:4,f:0},{s:2,p:0,d:0,f:0}],electronegativity:2.36,"atomic-weight":183.84,"melting-point":3695,"boiling-point":6203},re:{symbol:"Re",name:"Rhenium",group:"transition-metal","atomic-number":75,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:5,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.9,"atomic-weight":186.207,"melting-point":3459,"boiling-point":5903},os:{symbol:"Os",name:"Osmium",group:"transition-metal","atomic-number":76,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:6,f:0},{s:2,p:0,d:0,f:0}],electronegativity:2.2,"atomic-weight":190.23,"melting-point":3306,"boiling-point":5285},ir:{symbol:"Ir",name:"Iridium",group:"transition-metal","atomic-number":77,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:7,f:0},{s:2,p:0,d:0,f:0}],electronegativity:2.2,"atomic-weight":192.217,"melting-point":2719,"boiling-point":4403},pt:{symbol:"Pt",name:"Platinium",group:"transition-metal","atomic-number":78,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:9,f:0},{s:1,p:0,d:0,f:0}],electronegativity:2.28,"atomic-weight":195.084,"melting-point":2041.4,"boiling-point":4098},au:{symbol:"Au",name:"Gold",group:"transition-metal","atomic-number":79,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:1,p:0,d:0,f:0}],electronegativity:2.54,"atomic-weight":196.966569,"melting-point":1337.33,"boiling-point":3243},hg:{symbol:"Hg",name:"Mercury",group:"transition-metal","atomic-number":80,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:0,d:0,f:0}],electronegativity:2,"atomic-weight":200.592,"melting-point":234.321,"boiling-point":629.88},tl:{symbol:"Tl",name:"Thallium",group:"post-transition-metal","atomic-number":81,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:1,d:0,f:0}],electronegativity:1.62,"atomic-weight":204.38,"melting-point":577,"boiling-point":1746},pb:{symbol:"Pb",name:"Lead",group:"post-transition-metal","atomic-number":82,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:2,d:0,f:0}],electronegativity:1.87,"atomic-weight":207.2,"melting-point":600.61,"boiling-point":2022},bi:{symbol:"Bi",name:"Bismuth",group:"post-transition-metal","atomic-number":83,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:3,d:0,f:0}],electronegativity:2.02,"atomic-weight":208.9804,"melting-point":544.7,"boiling-point":1837},po:{symbol:"Po",name:"Polonium",group:"metalloid","atomic-number":84,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:4,d:0,f:0}],electronegativity:2,"atomic-weight":209,"melting-point":527,"boiling-point":1235},at:{symbol:"At",name:"Astatine",group:"halogen","atomic-number":85,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:5,d:0,f:0}],electronegativity:2.2,"atomic-weight":210,"melting-point":575,"boiling-point":610},rn:{symbol:"Rn",name:"Radon",group:"noble-gas","atomic-number":86,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0}],electronegativity:2.2,"atomic-weight":222,"melting-point":202,"boiling-point":211.5},fr:{symbol:"Fr",name:"Francium",group:"alkali-metal","atomic-number":87,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0},{s:1,p:0,d:0,f:0}],electronegativity:"> 0.79","atomic-weight":223,"melting-point":"300 (?)","boiling-point":"950 (?)"},ra:{symbol:"Ra",name:"Radium",group:"alkaline-earth-metal","atomic-number":88,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:.9,"atomic-weight":226,"melting-point":973,"boiling-point":2010},rf:{symbol:"Rf",name:"Rutherfordium",group:"transition-metal","atomic-number":104,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},db:{symbol:"Db",name:"Dubnium",group:"transition-metal","atomic-number":105,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},sg:{symbol:"Sg",name:"Seaborgium",group:"transition-metal","atomic-number":106,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},bh:{symbol:"Bh",name:"Bohrium",group:"transition-metal","atomic-number":107,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},hs:{symbol:"Hs",name:"Hassium",group:"transition-metal","atomic-number":108,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},mt:{symbol:"Mt",name:"Meitnerium",group:"transition-metal","atomic-number":109,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},ds:{symbol:"Ds",name:"Darmstadtium",group:"transition-metal","atomic-number":110,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},rg:{symbol:"Rg",name:"Roentgenium",group:"transition-metal","atomic-number":111,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},cn:{symbol:"Cn",name:"Copernium",group:"transition-metal","atomic-number":112,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},nh:{symbol:"Nh",name:"Nihonium",group:"post-transition-metal","atomic-number":113,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},fl:{symbol:"Fl",name:"Flerovium",group:"post-transition-metal","atomic-number":114,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},mc:{symbol:"Mc",name:"Moscovium",group:"post-transition-metal","atomic-number":115,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},lv:{symbol:"Lv",name:"Livermorium",group:"post-transition-metal","atomic-number":116,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},ts:{symbol:"Ts",name:"Tennessine",group:"halogen","atomic-number":117,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},og:{symbol:"Og",name:"Oganesson",group:"noble-gas","atomic-number":118,"electron-configuration":"2",electronegativity:"?","atomic-weight":4.0026,"melting-point":"?","boiling-point":"?"},la:{symbol:"La",name:"Lanthanum",group:"lanthanide","atomic-number":57,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.1,"atomic-weight":138.90547,"melting-point":1193,"boiling-point":3737},ce:{symbol:"Ce",name:"Cerium",group:"lanthanide","atomic-number":58,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:1},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.12,"atomic-weight":140.116,"melting-point":1068,"boiling-point":3716},pr:{symbol:"Pr",name:"Praseodymium",group:"lanthanide","atomic-number":59,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:3},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.13,"atomic-weight":140.90766,"melting-point":1208,"boiling-point":3403},nd:{symbol:"Nd",name:"Neodymium",group:"lanthanide","atomic-number":60,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:4},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.14,"atomic-weight":144.242,"melting-point":1297,"boiling-point":3347},pm:{symbol:"Pm",name:"Promethium",group:"lanthanide","atomic-number":61,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:5},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:"1.13 (?)","atomic-weight":145,"melting-point":1315,"boiling-point":3273},sm:{symbol:"Sm",name:"Samarium",group:"lanthanide","atomic-number":62,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:6},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.17,"atomic-weight":150.36,"melting-point":1345,"boiling-point":2173},eu:{symbol:"Eu",name:"Europium",group:"lanthanide","atomic-number":63,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:7},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.2,"atomic-weight":151.964,"melting-point":1099,"boiling-point":1802},gd:{symbol:"Gd",name:"Gadolinium",group:"lanthanide","atomic-number":64,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:7},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.2,"atomic-weight":157.25,"melting-point":1585,"boiling-point":3273},tb:{symbol:"Tb",name:"Terbium",group:"lanthanide","atomic-number":65,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:9},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:"1.2 (?)","atomic-weight":158.92535,"melting-point":1629,"boiling-point":3396},dy:{symbol:"Dy",name:"Dysprosium",group:"lanthanide","atomic-number":66,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:10},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.22,"atomic-weight":162.5,"melting-point":1680,"boiling-point":2840},ho:{symbol:"Ho",name:"Holmium",group:"lanthanide","atomic-number":67,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:11},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.23,"atomic-weight":164.93033,"melting-point":1734,"boiling-point":2873},er:{symbol:"Er",name:"Erbium",group:"lanthanide","atomic-number":68,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:12},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.24,"atomic-weight":167.259,"melting-point":1802,"boiling-point":3141},tm:{symbol:"Tm",name:"Thulium",group:"lanthanide","atomic-number":69,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:13},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.25,"atomic-weight":168.93422,"melting-point":1818,"boiling-point":2223},yb:{symbol:"Yb",name:"Ytterbium",group:"lanthanide","atomic-number":70,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:"1.1 (?)","atomic-weight":173.045,"melting-point":1097,"boiling-point":1469},lu:{symbol:"Lu",name:"Lutetium",group:"lanthanide","atomic-number":71,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.27,"atomic-weight":174.9668,"melting-point":1925,"boiling-point":3675},ac:{symbol:"Ac",name:"Actinium",group:"actinide","atomic-number":89,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.1,"atomic-weight":227,"melting-point":1500,"boiling-point":3500},th:{symbol:"Th",name:"Thorium",group:"actinide","atomic-number":90,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:0},{s:2,p:6,d:2,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":232.0377,"melting-point":2023,"boiling-point":5061},pa:{symbol:"Pa",name:"Protactinium",group:"actinide","atomic-number":91,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:2},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.5,"atomic-weight":231.03588,"melting-point":1841,"boiling-point":4300},u:{symbol:"U",name:"Uranium",group:"actinide","atomic-number":92,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:3},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.38,"atomic-weight":238.02891,"melting-point":1405.3,"boiling-point":4404},np:{symbol:"Np",name:"Neptunium",group:"actinide","atomic-number":93,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:4},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.36,"atomic-weight":237,"melting-point":912,"boiling-point":4447},pu:{symbol:"Pu",name:"Plutonium",group:"actinide","atomic-number":94,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:6},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.28,"atomic-weight":244,"melting-point":912.5,"boiling-point":3505},am:{symbol:"Am",name:"Americum",group:"actinide","atomic-number":95,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:7},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":243,"melting-point":1449,"boiling-point":2880},cm:{symbol:"Cm",name:"Curium",group:"actinide","atomic-number":96,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:7},{s:2,p:6,d:1,f:0},{s:2,p:0,d:0,f:0}],electronegativity:"1.3","atomic-weight":247,"melting-point":"1613","boiling-point":"3383"},bk:{symbol:"Bk",name:"Berkelium",group:"actinide","atomic-number":97,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:9},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":247,"melting-point":1259,"boiling-point":2900},cf:{symbol:"Cf",name:"Californium",group:"actinide","atomic-number":98,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:10},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":251,"melting-point":1173,"boiling-point":1743},es:{symbol:"Es",name:"Einsteinium",group:"actinide","atomic-number":99,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:11},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":252,"melting-point":1133,"boiling-point":1269},fm:{symbol:"Fm",name:"Fermium",group:"actinide","atomic-number":100,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:12},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":257,"melting-point":1800,"boiling-point":"-"},md:{symbol:"Md",name:"Mendelevium",group:"actinide","atomic-number":101,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:13},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":258,"melting-point":1100,"boiling-point":"-"},no:{symbol:"No",name:"Nobelium",group:"actinide","atomic-number":102,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:14},{s:2,p:6,d:0,f:0},{s:2,p:0,d:0,f:0}],electronegativity:1.3,"atomic-weight":259,"melting-point":1100,"boiling-point":"-"},lr:{symbol:"Lr",name:"Lawrencium",group:"actinide","atomic-number":103,"electron-configuration":[{s:2,p:0,d:0,f:0},{s:2,p:6,d:0,f:0},{s:2,p:6,d:10,f:0},{s:2,p:6,d:10,f:14},{s:2,p:6,d:10,f:14},{s:2,p:6,d:0,f:0},{s:2,p:1,d:0,f:0}],electronegativity:1.3,"atomic-weight":266,"melting-point":1900,"boiling-point":"-"}}},_element:Object}}},{key:"observers",get:function get(){return["_onSymbolChange(symbol)","_onElementChange(_element)"]}}]);function ChemicalElementVisualisation(){babelHelpers.classCallCheck(this,ChemicalElementVisualisation);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(ChemicalElementVisualisation).call(this))}babelHelpers.createClass(ChemicalElementVisualisation,[{key:"_onSymbolChange",value:function _onSymbolChange(){this._element=this._elements[this.symbol]}},{key:"_onElementChange",value:function _onElementChange(){var _MathPI=Math.PI,SIZE=500,dynamicallyAddedElements=this.shadowRoot.querySelectorAll(".added-dynamically");dynamicallyAddedElements.forEach(function(element){return element.remove()});if(this._element){for(var electronConfiguration=this._element["electron-configuration"],electronGroup=this.$["electron-group"],ringGroup=this.$["ring-group"],minimumRadius=SIZE/6,maximumRadius=SIZE/2,i=0;i<electronConfiguration.length;i++){var ring=document.createElementNS("http://www.w3.org/2000/svg","circle"),radius=minimumRadius+(i+1)*(maximumRadius-minimumRadius)/(electronConfiguration.length+1);ring.setAttribute("cx",SIZE/2);ring.setAttribute("cy",SIZE/2);ring.setAttribute("r",radius);ring.classList.add("ring");ring.classList.add("added-dynamically");if(i!==electronConfiguration.length-1){ring.setAttribute("opacity","0.3")}ringGroup.appendChild(ring)}for(var outerShell=electronConfiguration[electronConfiguration.length-1],secondOuterShell=electronConfiguration[electronConfiguration.length-2],electrons=[],electronBackgrounds=[],_i=0;_i<electronConfiguration.length;_i++){for(var configuration=electronConfiguration[_i],totalValenceElectrons=configuration.s+configuration.p+configuration.d+configuration.f,j=0;j<totalValenceElectrons;j++){var electron=document.createElementNS("http://www.w3.org/2000/svg","circle"),electronBackground=document.createElementNS("http://www.w3.org/2000/svg","circle"),ringRadius=minimumRadius+(_i+1)*(maximumRadius-minimumRadius)/(electronConfiguration.length+1),phaseShift=_i*_MathPI/8,cx=Math.sin(2*_MathPI*(j/totalValenceElectrons)+phaseShift)*ringRadius,cy=Math.cos(2*_MathPI*(j/totalValenceElectrons)+phaseShift)*ringRadius,_radius=SIZE/50;electron.setAttribute("cx",cx);electron.setAttribute("cy",cy);electron.setAttribute("r",_radius);electron.setAttribute("opacity","0.3");electron.classList.add("electron");electron.classList.add("added-dynamically");electronBackground.setAttribute("cx",cx);electronBackground.setAttribute("cy",cy);electronBackground.setAttribute("r",_radius+SIZE/75);electronBackground.classList.add("electron-background");electronBackground.classList.add("added-dynamically");if(j>=configuration.s){if(j>=configuration.p+configuration.s){if(j>=configuration.d+configuration.p+configuration.s){electron.classList.add("f-group-electron");if(1>=secondOuterShell.d&&3==electronConfiguration.length-_i)electron.setAttribute("opacity","1")}else{electron.classList.add("d-group-electron");if(0>=outerShell.p&&2==electronConfiguration.length-_i)electron.setAttribute("opacity","1")}}else{electron.classList.add("p-group-electron")}}else{electron.classList.add("s-group-electron")}if(_i===electronConfiguration.length-1){electron.setAttribute("opacity","1")}electronBackgrounds.push(electronBackground);electrons.push(electron)}}electronBackgrounds.forEach(function(electronBackground){return electronGroup.appendChild(electronBackground)});electrons.forEach(function(electron){return electronGroup.appendChild(electron)});electronGroup.animate([{transform:"translate("+SIZE/2+"px, "+SIZE/2+"px) rotate(0deg)"},{transform:"translate("+SIZE/2+"px, "+SIZE/2+"px) rotate(360deg)"}],{duration:1e4,iterations:1/0})}}},{key:"_divide",value:function _divide(divident,divisor){return divident/divisor}}]);return ChemicalElementVisualisation}(_polymerElement.PolymerElement);customElements.define(ChemicalElementVisualisation.is,ChemicalElementVisualisation)});
\ No newline at end of file
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 9aea6b3ae2a..84ed80c2607 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-styles/paper-styles.js","../../@polymer/iron-flex-layout/iron-flex-layout.js","../../@polymer/iron-resizable-behavior/iron-resizable-behavior.js"],function(_exports,_polymerLegacy,_paperStyles,_ironFlexLayout,_ironResizableBehavior){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.CircleProgress=void 0;function _templateObject_8dfe08a054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-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    </custom-style>\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    <custom-style>\n      <style is=\"custom-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    </custom-style>\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_8dfe08a054f411e9aeb367f92c5b63ab=function(){return data};return data}var CircleProgress=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8dfe08a054f411e9aeb367f92c5b63ab()),is:"circle-progress",behaviors:[_ironResizableBehavior.IronResizableBehavior],properties:{value:{name:"value",type:"Number",value:0},max:{name:"max",type:"Number",value:100},strokeWidth:{name:"strokeWidth",type:"Number",value:4},angle:{name:"angle",type:"Number",value:-90},_cx:{name:"_cx",type:"Number",value:null},_cy:{name:"_cy",type:"Number",value:null},_radius:{name:"_radius",type:"Number",computed:"_computeRadius(_cx, _cy, strokeWidth)"},_transform:{name:"_transform",type:"String",computed:"_computeTransform(angle, _cx, _cy)"},_dasharray:{name:"_dasharray",type:"Number",computed:"_computeDashArray(_radius)"},_dashoffset:{name:"_dashoffset",type:"Number",computed:"_computeDashOffset(value, max, _dasharray)"}},listeners:{"iron-resize":"_onIronResize"},_computeDashArray:function _computeDashArray(radius){return 2*Math.PI*radius},_computeDashOffset:function _computeDashOffset(value,max,dasharray){return(1-value/max)*dasharray},_computeRadius:function _computeRadius(cx,cy,strokeWidth){return cx&&cy?Math.max(0,Math.min(cx,cy)-strokeWidth/2):0},_computeTransform:function _computeTransform(angle,cx,cy){return cx&&cy?"rotate("+angle+", "+cx+", "+cy+")":""},_onIronResize:function _onIronResize(){if(this.offsetWidth&&this.offsetHeight){this._cx=this.offsetWidth/2;this._cy=this.offsetHeight/2;this.$.circle.style.display="block"}}});_exports.CircleProgress=CircleProgress});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-styles/paper-styles.js","../../@polymer/iron-flex-layout/iron-flex-layout.js","../../@polymer/iron-resizable-behavior/iron-resizable-behavior.js"],function(_exports,_polymerLegacy,_paperStyles,_ironFlexLayout,_ironResizableBehavior){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.CircleProgress=void 0;function _templateObject_21bdd900555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-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    </custom-style>\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    <custom-style>\n      <style is=\"custom-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    </custom-style>\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_21bdd900555211e98f439769bd191e33=function(){return data};return data}var CircleProgress=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_21bdd900555211e98f439769bd191e33()),is:"circle-progress",behaviors:[_ironResizableBehavior.IronResizableBehavior],properties:{value:{name:"value",type:"Number",value:0},max:{name:"max",type:"Number",value:100},strokeWidth:{name:"strokeWidth",type:"Number",value:4},angle:{name:"angle",type:"Number",value:-90},_cx:{name:"_cx",type:"Number",value:null},_cy:{name:"_cy",type:"Number",value:null},_radius:{name:"_radius",type:"Number",computed:"_computeRadius(_cx, _cy, strokeWidth)"},_transform:{name:"_transform",type:"String",computed:"_computeTransform(angle, _cx, _cy)"},_dasharray:{name:"_dasharray",type:"Number",computed:"_computeDashArray(_radius)"},_dashoffset:{name:"_dashoffset",type:"Number",computed:"_computeDashOffset(value, max, _dasharray)"}},listeners:{"iron-resize":"_onIronResize"},_computeDashArray:function _computeDashArray(radius){return 2*Math.PI*radius},_computeDashOffset:function _computeDashOffset(value,max,dasharray){return(1-value/max)*dasharray},_computeRadius:function _computeRadius(cx,cy,strokeWidth){return cx&&cy?Math.max(0,Math.min(cx,cy)-strokeWidth/2):0},_computeTransform:function _computeTransform(angle,cx,cy){return cx&&cy?"rotate("+angle+", "+cx+", "+cy+")":""},_onIronResize:function _onIronResize(){if(this.offsetWidth&&this.offsetHeight){this._cx=this.offsetWidth/2;this._cy=this.offsetHeight/2;this.$.circle.style.display="block"}}});_exports.CircleProgress=CircleProgress});
\ No newline at end of file
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 bca6b7de9ba..2eb928720d6 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.CitationElement=void 0;function _templateObject_66f9a16054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <meta\n      about$=\"[[relatedResource]]\"\n      property=\"cc:attributionUrl\"\n      content$=\"[[source]]\"\n    />\n    <meta\n      about$=\"[[relatedResource]]\"\n      property=\"cc:attributionName\"\n      typeof=\"oer:Text\"\n      content$=\"[[title]]\"\n    />\n    <meta\n      rel=\"cc:license\"\n      href$=\"[[licenseLink]]\"\n      content$=\"License: [[licenseName]]\"\n    />\n    <cite\n      ><a target=\"_blank\" href=\"[[source]]\">[[title]]</a> by [[creator]],\n      licensed under\n      <a class=\"license-link\" target=\"_blank\" href=\"[[licenseLink]]\"\n        ><img\n          alt=\"[[licenseName]] graphic\"\n          src=\"[[licenseImage]]\"\n          hidden&=\"[[!licenseImage]]\"\n        />[[licenseName]]</a\n      >. Accessed <span class=\"citation-date\">[[date]]</span>.</cite\n    >\n  "],["\n    <style>\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    </style>\n    <meta\n      about\\$=\"[[relatedResource]]\"\n      property=\"cc:attributionUrl\"\n      content\\$=\"[[source]]\"\n    />\n    <meta\n      about\\$=\"[[relatedResource]]\"\n      property=\"cc:attributionName\"\n      typeof=\"oer:Text\"\n      content\\$=\"[[title]]\"\n    />\n    <meta\n      rel=\"cc:license\"\n      href\\$=\"[[licenseLink]]\"\n      content\\$=\"License: [[licenseName]]\"\n    />\n    <cite\n      ><a target=\"_blank\" href=\"[[source]]\">[[title]]</a> by [[creator]],\n      licensed under\n      <a class=\"license-link\" target=\"_blank\" href=\"[[licenseLink]]\"\n        ><img\n          alt=\"[[licenseName]] graphic\"\n          src=\"[[licenseImage]]\"\n          hidden&=\"[[!licenseImage]]\"\n        />[[licenseName]]</a\n      >. Accessed <span class=\"citation-date\">[[date]]</span>.</cite\n    >\n  "]);_templateObject_66f9a16054f411e9aeb367f92c5b63ab=function(){return data};return data}var CitationElement=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_66f9a16054f411e9aeb367f92c5b63ab()),is:"citation-element",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{title:{type:String},scope:{type:String,value:"sibling",observer:"_scopeChanged"},displayMethod:{type:String,reflectToAttribute:!0},creator:{type:String},source:{type:String},date:{type:String},licenseName:{type:String},licenseLink:{type:String},license:{type:String,observer:"_licenseUpdated"},_aboutLink:{type:Object,computed:"_generateAboutLink(relatedResource, licenseLink)"},_licenseLink:{type:Object,computed:"_generateLicenseLink(source)"}},_generateLicenseLink:function _generateLicenseLink(source){if(this._licenseLink){document.head.removeChild(this._licenseLink)}var link=document.createElement("link");link.setAttribute("typeof","resource");link.setAttribute("rel","license");link.setAttribute("src",source);document.head.appendChild(link);return link},_generateAboutLink:function _generateAboutLink(relatedResource,licenseLink){if(this._aboutLink){document.head.removeChild(this._aboutLink)}var link=document.createElement("link");link.setAttribute("about",relatedResource);link.setAttribute("property","cc:license");link.setAttribute("content",licenseLink);document.head.appendChild(link);return link},_scopeChanged:function _scopeChanged(newValue){if("sibling"===newValue&&null!==(0,_polymerDom.dom)(this).previousElementSibling){if((0,_polymerDom.dom)(this).previousElementSibling.getAttribute("resource")){this.relatedResource=(0,_polymerDom.dom)(this).previousElementSibling.getAttribute("resource")}else{var uuid=this.generateResourceID();this.relatedResource=uuid;(0,_polymerDom.dom)(this).previousElementSibling.setAttribute("resource",uuid)}(0,_polymerDom.dom)(this).previousElementSibling.setAttribute("prefix",this.getAttribute("prefix"))}else if("parent"===newValue){if((0,_polymerDom.dom)(this).parentNode.getAttribute("resource")){this.relatedResource=(0,_polymerDom.dom)(this).parentNode.getAttribute("resource")}else{var _uuid=this.generateResourceID();this.relatedResource=_uuid;(0,_polymerDom.dom)(this).parentNode.setAttribute("resource",_uuid)}(0,_polymerDom.dom)(this).parentNode.setAttribute("prefix",this.getAttribute("prefix"))}},attached:function attached(){var props={canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Citation",description:"A basic citation element with 3 presentation modes",icon:"editor:title",color:"grey",groups:["Content","Text","Copyright"],handles:[{type:"citation",source:"source",title:"title",author:"creator",license:"license",accessDate:"date"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the work being cited.",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the work being cited.",inputMethod:"textfield",icon:"editor:title"},{property:"source",title:"Source link",description:"The source url for the element this is citing.",inputMethod:"textfield",icon:"link",validationType:"url"},{property:"date",title:"Date accessed",description:"The date this was accessed.",inputMethod:"textfield",icon:"link"},{property:"scope",title:"Scope",description:"Scope of what to cite.",inputMethod:"select",options:{sibling:"Sibling element",parent:"Parent element"},icon:"code"},{property:"license",title:"License",description:"The source url for the element this is citing.",inputMethod:"select",options:this.licenseList("select"),icon:"link"},{property:"creator",title:"Creator",description:"Who made or owns this.",inputMethod:"textfield",icon:"link"}],advanced:[]}};this.setHaxProperties(props)},licenseList:function licenseList(){var mode=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"full",list={by:{name:"Attribution",link:"https://creativecommons.org/licenses/by/4.0/",image:"https://i.creativecommons.org/l/by/4.0/88x31.png"},"by-sa":{name:"Attribution Share a like",link:"https://creativecommons.org/licenses/by-sa/4.0/",image:"https://i.creativecommons.org/l/by-sa/4.0/88x31.png"},"by-nd":{name:"Attribution No derivatives",link:"https://creativecommons.org/licenses/by-nd/4.0/",image:"https://i.creativecommons.org/l/by-nd/4.0/88x31.png"},"by-nc":{name:"Attribution non-commercial",link:"https://creativecommons.org/licenses/by-nc/4.0/",image:"https://i.creativecommons.org/l/by-nc/4.0/88x31.png"},"by-nc-sa":{name:"Attribution non-commercial share a like",link:"https://creativecommons.org/licenses/by-nc-sa/4.0/",image:"https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png"},"by-nc-nd":{name:"Attribution Non-commercial No derivatives",link:"https://creativecommons.org/licenses/by-nc-nd/4.0/",image:"https://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png"}};if("select"==mode){var select={};for(var i in list){select[i]=list[i].name}return select}return list},_licenseUpdated:function _licenseUpdated(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){var list=this.licenseList();if(babelHelpers.typeof(list[newValue])!=="undefined"){this.licenseName=list[newValue].name;this.licenseLink=list[newValue].link;this.licenseImage=list[newValue].image}}}});_exports.CitationElement=CitationElement});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.CitationElement=void 0;function _templateObject_ff7ced40555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <meta\n      about$=\"[[relatedResource]]\"\n      property=\"cc:attributionUrl\"\n      content$=\"[[source]]\"\n    />\n    <meta\n      about$=\"[[relatedResource]]\"\n      property=\"cc:attributionName\"\n      typeof=\"oer:Text\"\n      content$=\"[[title]]\"\n    />\n    <meta\n      rel=\"cc:license\"\n      href$=\"[[licenseLink]]\"\n      content$=\"License: [[licenseName]]\"\n    />\n    <cite\n      ><a target=\"_blank\" href=\"[[source]]\">[[title]]</a> by [[creator]],\n      licensed under\n      <a class=\"license-link\" target=\"_blank\" href=\"[[licenseLink]]\"\n        ><img\n          alt=\"[[licenseName]] graphic\"\n          src=\"[[licenseImage]]\"\n          hidden&=\"[[!licenseImage]]\"\n        />[[licenseName]]</a\n      >. Accessed <span class=\"citation-date\">[[date]]</span>.</cite\n    >\n  "],["\n    <style>\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    </style>\n    <meta\n      about\\$=\"[[relatedResource]]\"\n      property=\"cc:attributionUrl\"\n      content\\$=\"[[source]]\"\n    />\n    <meta\n      about\\$=\"[[relatedResource]]\"\n      property=\"cc:attributionName\"\n      typeof=\"oer:Text\"\n      content\\$=\"[[title]]\"\n    />\n    <meta\n      rel=\"cc:license\"\n      href\\$=\"[[licenseLink]]\"\n      content\\$=\"License: [[licenseName]]\"\n    />\n    <cite\n      ><a target=\"_blank\" href=\"[[source]]\">[[title]]</a> by [[creator]],\n      licensed under\n      <a class=\"license-link\" target=\"_blank\" href=\"[[licenseLink]]\"\n        ><img\n          alt=\"[[licenseName]] graphic\"\n          src=\"[[licenseImage]]\"\n          hidden&=\"[[!licenseImage]]\"\n        />[[licenseName]]</a\n      >. Accessed <span class=\"citation-date\">[[date]]</span>.</cite\n    >\n  "]);_templateObject_ff7ced40555111e98f439769bd191e33=function(){return data};return data}var CitationElement=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_ff7ced40555111e98f439769bd191e33()),is:"citation-element",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{title:{type:String},scope:{type:String,value:"sibling",observer:"_scopeChanged"},displayMethod:{type:String,reflectToAttribute:!0},creator:{type:String},source:{type:String},date:{type:String},licenseName:{type:String},licenseLink:{type:String},license:{type:String,observer:"_licenseUpdated"},_aboutLink:{type:Object,computed:"_generateAboutLink(relatedResource, licenseLink)"},_licenseLink:{type:Object,computed:"_generateLicenseLink(source)"}},_generateLicenseLink:function _generateLicenseLink(source){if(this._licenseLink){document.head.removeChild(this._licenseLink)}var link=document.createElement("link");link.setAttribute("typeof","resource");link.setAttribute("rel","license");link.setAttribute("src",source);document.head.appendChild(link);return link},_generateAboutLink:function _generateAboutLink(relatedResource,licenseLink){if(this._aboutLink){document.head.removeChild(this._aboutLink)}var link=document.createElement("link");link.setAttribute("about",relatedResource);link.setAttribute("property","cc:license");link.setAttribute("content",licenseLink);document.head.appendChild(link);return link},_scopeChanged:function _scopeChanged(newValue){if("sibling"===newValue&&null!==(0,_polymerDom.dom)(this).previousElementSibling){if((0,_polymerDom.dom)(this).previousElementSibling.getAttribute("resource")){this.relatedResource=(0,_polymerDom.dom)(this).previousElementSibling.getAttribute("resource")}else{var uuid=this.generateResourceID();this.relatedResource=uuid;(0,_polymerDom.dom)(this).previousElementSibling.setAttribute("resource",uuid)}(0,_polymerDom.dom)(this).previousElementSibling.setAttribute("prefix",this.getAttribute("prefix"))}else if("parent"===newValue){if((0,_polymerDom.dom)(this).parentNode.getAttribute("resource")){this.relatedResource=(0,_polymerDom.dom)(this).parentNode.getAttribute("resource")}else{var _uuid=this.generateResourceID();this.relatedResource=_uuid;(0,_polymerDom.dom)(this).parentNode.setAttribute("resource",_uuid)}(0,_polymerDom.dom)(this).parentNode.setAttribute("prefix",this.getAttribute("prefix"))}},attached:function attached(){var props={canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Citation",description:"A basic citation element with 3 presentation modes",icon:"editor:title",color:"grey",groups:["Content","Text","Copyright"],handles:[{type:"citation",source:"source",title:"title",author:"creator",license:"license",accessDate:"date"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the work being cited.",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the work being cited.",inputMethod:"textfield",icon:"editor:title"},{property:"source",title:"Source link",description:"The source url for the element this is citing.",inputMethod:"textfield",icon:"link",validationType:"url"},{property:"date",title:"Date accessed",description:"The date this was accessed.",inputMethod:"textfield",icon:"link"},{property:"scope",title:"Scope",description:"Scope of what to cite.",inputMethod:"select",options:{sibling:"Sibling element",parent:"Parent element"},icon:"code"},{property:"license",title:"License",description:"The source url for the element this is citing.",inputMethod:"select",options:this.licenseList("select"),icon:"link"},{property:"creator",title:"Creator",description:"Who made or owns this.",inputMethod:"textfield",icon:"link"}],advanced:[]}};this.setHaxProperties(props)},licenseList:function licenseList(){var mode=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"full",list={by:{name:"Attribution",link:"https://creativecommons.org/licenses/by/4.0/",image:"https://i.creativecommons.org/l/by/4.0/88x31.png"},"by-sa":{name:"Attribution Share a like",link:"https://creativecommons.org/licenses/by-sa/4.0/",image:"https://i.creativecommons.org/l/by-sa/4.0/88x31.png"},"by-nd":{name:"Attribution No derivatives",link:"https://creativecommons.org/licenses/by-nd/4.0/",image:"https://i.creativecommons.org/l/by-nd/4.0/88x31.png"},"by-nc":{name:"Attribution non-commercial",link:"https://creativecommons.org/licenses/by-nc/4.0/",image:"https://i.creativecommons.org/l/by-nc/4.0/88x31.png"},"by-nc-sa":{name:"Attribution non-commercial share a like",link:"https://creativecommons.org/licenses/by-nc-sa/4.0/",image:"https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png"},"by-nc-nd":{name:"Attribution Non-commercial No derivatives",link:"https://creativecommons.org/licenses/by-nc-nd/4.0/",image:"https://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png"}};if("select"==mode){var select={};for(var i in list){select[i]=list[i].name}return select}return list},_licenseUpdated:function _licenseUpdated(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){var list=this.licenseList();if(babelHelpers.typeof(list[newValue])!=="undefined"){this.licenseName=list[newValue].name;this.licenseLink=list[newValue].link;this.licenseImage=list[newValue].image}}}});_exports.CitationElement=CitationElement});
\ No newline at end of file
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 3f6a07c5acc..8bf4197e9e6 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../@polymer/iron-ajax/iron-ajax.js","../h-a-x/h-a-x.js","../simple-toast/simple-toast.js","./lib/cms-token.js","./lib/cms-block.js","./lib/cms-views.js","./lib/cms-entity.js"],function(_exports,_polymerLegacy,_flattenedNodesObserver){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.CmsHax=void 0;function _templateObject_691ea44054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        font-size: 16px;\n        box-sizing: content-box;\n      }\n    </style>\n    <iron-ajax\n      id=\"pageupdateajax\"\n      url=\"[[endPoint]]\"\n      method=\"[[method]]\"\n      body=\"[[updatePageData]]\"\n      content-type=\"application/json\"\n      handle-as=\"json\"\n      on-response=\"_handleUpdateResponse\"\n    ></iron-ajax>\n    <h-a-x app-store$=\"[[appStoreConnection]]\"></h-a-x>\n  "]);_templateObject_691ea44054f411e9aeb367f92c5b63ab=function(){return data};return data}var CmsHax=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_691ea44054f411e9aeb367f92c5b63ab()),is:"cms-hax",observers:["_noticeTagChanges(allowedTags, hideExportButton, hidePanelOps, hidePreferencesButton, align, bodyOffsetLeft)"],properties:{openDefault:{type:Boolean,value:!1},hideExportButton:{type:Boolean,value:!0},hidePanelOps:{type:Boolean,value:!1},hidePreferencesButton:{type:Boolean,value:!1},align:{type:String,value:"right"},allowedTags:{type:Array},endPoint:{type:String},method:{type:String,value:"PUT"},updatePageData:{type:String},appStoreConnection:{type:Object},bodyOffsetLeft:{type:Number,value:-164},editMode:{type:Boolean,reflectToAttribute:!0},syncBody:{type:Boolean,value:!1},bodyValue:{type:String,value:""},hideMessage:{type:Boolean,value:!1},redirectLocation:{type:String},redirectOnSave:{type:Boolean,computed:"_computeRedirectOnSave(redirectLocation)"},activeHaxBody:{type:Object,observer:"_activeHaxBodyUpdated"},__imported:{type:Boolean,value:!1}},_activeHaxBodyUpdated:function _activeHaxBodyUpdated(newValue){if(null!=newValue&&!this.__imported){this.__imported=!0;var children=this.queryEffectiveChildren("template");if(babelHelpers.typeof(children)!=="undefined"){newValue.importContent(children.innerHTML)}}},_computeRedirectOnSave:function _computeRedirectOnSave(redirectLocation){if(babelHelpers.typeof(redirectLocation)!=="undefined"){return!0}return!1},_attachDom:function _attachDom(dom){this.appendChild(dom)},_noticeTagChanges:function _noticeTagChanges(allowedTags,hideExportButton,hidePanelOps,hidePreferencesButton,align,bodyOffsetLeft){if(window.HaxStore.ready){if(allowedTags){window.HaxStore.instance.validTagList=allowedTags}window.HaxStore.instance.haxPanel.hideExportButton=hideExportButton;window.HaxStore.instance.haxPanel.hidePanelOps=hidePanelOps;window.HaxStore.instance.haxPanel.hidePreferencesButton=hidePreferencesButton;window.HaxStore.instance.haxPanel.align=align;window.HaxStore.instance.activeHaxBody.contextOffsetLeft=bodyOffsetLeft}},_storeReady:function _storeReady(){this._noticeTagChanges(this.allowedTags,this.hideExportButton,this.hidePanelOps,this.hidePreferencesButton,this.align,this.bodyOffsetLeft)},created:function created(){window.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));window.addEventListener("hax-store-ready",this._storeReady.bind(this))},detached:function detached(){window.removeEventListener("hax-store-ready",this._storeReady.bind(this));window.removeEventListener("hax-save",this._saveFired.bind(this))},attached:function attached(){var _this=this;window.SimpleToast.requestAvailability();this.__lock=!1;window.addEventListener("hax-save",this._saveFired.bind(this));if(this.openDefault){window.HaxStore.write("editMode",!0,this)}if(this.syncBody){(0,_flattenedNodesObserver.FlattenedNodesObserver)(window.HaxStore.instance.activeHaxBody,function(){if(!_this.__lock){_this.__lock=!0;_this.fire("hax-body-content-changed",window.HaxStore.instance.activeHaxBody.haxToContent());setTimeout(function(){_this.__lock=!1},100)}})}},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){if("object"===babelHelpers.typeof(e.detail.value)){this.set(e.detail.property,null)}this.set(e.detail.property,e.detail.value);this.notifyPath(e.detail.property)}},_saveFired:function _saveFired(){this.updatePageData=window.HaxStore.instance.activeHaxBody.haxToContent();this.$.pageupdateajax.generateRequest()},_handleUpdateResponse:function _handleUpdateResponse(){var _this2=this;if(!this.hideMessage){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,cancelable:!0,detail:{text:"Saved!",duration:3e3}});this.dispatchEvent(evt);if(this.redirectOnSave){setTimeout(function(){window.HaxStore.instance.haxPanel.toggle();window.location=_this2.redirectLocation},1e3)}}}});_exports.CmsHax=CmsHax});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../@polymer/iron-ajax/iron-ajax.js","../h-a-x/h-a-x.js","../simple-toast/simple-toast.js","./lib/cms-token.js","./lib/cms-block.js","./lib/cms-views.js","./lib/cms-entity.js"],function(_exports,_polymerLegacy,_flattenedNodesObserver){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.CmsHax=void 0;function _templateObject_ffbc8e50555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        font-size: 16px;\n        box-sizing: content-box;\n      }\n    </style>\n    <iron-ajax\n      id=\"pageupdateajax\"\n      url=\"[[endPoint]]\"\n      method=\"[[method]]\"\n      body=\"[[updatePageData]]\"\n      content-type=\"application/json\"\n      handle-as=\"json\"\n      on-response=\"_handleUpdateResponse\"\n    ></iron-ajax>\n    <h-a-x app-store$=\"[[appStoreConnection]]\"></h-a-x>\n  "]);_templateObject_ffbc8e50555111e98f439769bd191e33=function(){return data};return data}var CmsHax=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_ffbc8e50555111e98f439769bd191e33()),is:"cms-hax",observers:["_noticeTagChanges(allowedTags, hideExportButton, hidePanelOps, hidePreferencesButton, align, bodyOffsetLeft)"],properties:{openDefault:{type:Boolean,value:!1},hideExportButton:{type:Boolean,value:!0},hidePanelOps:{type:Boolean,value:!1},hidePreferencesButton:{type:Boolean,value:!1},align:{type:String,value:"right"},allowedTags:{type:Array},endPoint:{type:String},method:{type:String,value:"PUT"},updatePageData:{type:String},appStoreConnection:{type:Object},bodyOffsetLeft:{type:Number,value:-164},editMode:{type:Boolean,reflectToAttribute:!0},syncBody:{type:Boolean,value:!1},bodyValue:{type:String,value:""},hideMessage:{type:Boolean,value:!1},redirectLocation:{type:String},redirectOnSave:{type:Boolean,computed:"_computeRedirectOnSave(redirectLocation)"},activeHaxBody:{type:Object,observer:"_activeHaxBodyUpdated"},__imported:{type:Boolean,value:!1}},_activeHaxBodyUpdated:function _activeHaxBodyUpdated(newValue){if(null!=newValue&&!this.__imported){this.__imported=!0;var children=this.queryEffectiveChildren("template");if(babelHelpers.typeof(children)!=="undefined"){newValue.importContent(children.innerHTML)}}},_computeRedirectOnSave:function _computeRedirectOnSave(redirectLocation){if(babelHelpers.typeof(redirectLocation)!=="undefined"){return!0}return!1},_attachDom:function _attachDom(dom){this.appendChild(dom)},_noticeTagChanges:function _noticeTagChanges(allowedTags,hideExportButton,hidePanelOps,hidePreferencesButton,align,bodyOffsetLeft){if(window.HaxStore.ready){if(allowedTags){window.HaxStore.instance.validTagList=allowedTags}window.HaxStore.instance.haxPanel.hideExportButton=hideExportButton;window.HaxStore.instance.haxPanel.hidePanelOps=hidePanelOps;window.HaxStore.instance.haxPanel.hidePreferencesButton=hidePreferencesButton;window.HaxStore.instance.haxPanel.align=align;window.HaxStore.instance.activeHaxBody.contextOffsetLeft=bodyOffsetLeft}},_storeReady:function _storeReady(){this._noticeTagChanges(this.allowedTags,this.hideExportButton,this.hidePanelOps,this.hidePreferencesButton,this.align,this.bodyOffsetLeft)},created:function created(){window.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));window.addEventListener("hax-store-ready",this._storeReady.bind(this))},detached:function detached(){window.removeEventListener("hax-store-ready",this._storeReady.bind(this));window.removeEventListener("hax-save",this._saveFired.bind(this))},attached:function attached(){var _this=this;window.SimpleToast.requestAvailability();this.__lock=!1;window.addEventListener("hax-save",this._saveFired.bind(this));if(this.openDefault){window.HaxStore.write("editMode",!0,this)}if(this.syncBody){(0,_flattenedNodesObserver.FlattenedNodesObserver)(window.HaxStore.instance.activeHaxBody,function(){if(!_this.__lock){_this.__lock=!0;_this.fire("hax-body-content-changed",window.HaxStore.instance.activeHaxBody.haxToContent());setTimeout(function(){_this.__lock=!1},100)}})}},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){if("object"===babelHelpers.typeof(e.detail.value)){this.set(e.detail.property,null)}this.set(e.detail.property,e.detail.value);this.notifyPath(e.detail.property)}},_saveFired:function _saveFired(){this.updatePageData=window.HaxStore.instance.activeHaxBody.haxToContent();this.$.pageupdateajax.generateRequest()},_handleUpdateResponse:function _handleUpdateResponse(){var _this2=this;if(!this.hideMessage){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,cancelable:!0,detail:{text:"Saved!",duration:3e3}});this.dispatchEvent(evt);if(this.redirectOnSave){setTimeout(function(){window.HaxStore.instance.haxPanel.toggle();window.location=_this2.redirectLocation},1e3)}}}});_exports.CmsHax=CmsHax});
\ No newline at end of file
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 58f1b19c7e8..ff909260fef 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
@@ -1 +1 @@
-define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/render-status.js","../../@polymer/polymer/lib/utils/async.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","./lib/monaco-element/monaco-element.js","./lib/code-pen-button.js"],function(_exports,meta,_polymerLegacy,_flattenedNodesObserver,_polymerDom,_renderStatus,async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.CodeEditor=void 0;meta=babelHelpers.interopRequireWildcard(meta);async=babelHelpers.interopRequireWildcard(async);function _templateObject_7d74c9b054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style>\n        :host {\n          display: block;\n          padding: 16px;\n        }\n        .code-pen-container {\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        [hidden] {\n          display: none !important;\n        }\n        code-pen-button {\n          float: right;\n          height: 40px;\n        }\n        h3 {\n          color: var(--code-pen-title-color, #222222);\n        }\n        #codeeditor {\n          height: 100%;\n          display: flex;\n        }\n      </style>\n    </custom-style>\n    <h3 hidden$=\"[[!title]]\">[[title]]</h3>\n    <monaco-element\n      id=\"codeeditor\"\n      lib-path=\"[[__libPath]]\"\n      value=\"[[editorValue]]\"\n      language=\"[[language]]\"\n      theme=\"[[theme]]\"\n      on-value-changed=\"_editorDataChanged\"\n      font-size$=\"[[fontSize]]\"\n      read-only$=\"[[readOnly]]\"\n    >\n    </monaco-element>\n    <div class=\"code-pen-container\" hidden$=\"[[!showCodePen]]\">\n      <span>Check it out on code pen: </span\n      ><code-pen-button data=\"[[codePenData]]\"></code-pen-button>\n    </div>\n  "]);_templateObject_7d74c9b054f411e9aeb367f92c5b63ab=function(){return data};return data}var CodeEditor=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7d74c9b054f411e9aeb367f92c5b63ab()),is:"code-editor",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{title:{type:String},showCodePen:{type:Boolean,value:!1,reflectToAttribute:!0},readOnly:{type:Boolean,value:!1,reflectToAttribute:!0},codePenData:{type:Object,computed:"_computeCodePenData(title, value)"},editorValue:{type:String},value:{type:String,notify:!0},theme:{type:String,value:"vs-dark"},mode:{type:String,observer:"_modeChanged"},language:{type:String,value:"javascript"},fontSize:{type:Number,value:16}},_computeCodePenData:function _computeCodePenData(title,editorValue){return{title:title,html:editorValue}},_modeChanged:function _modeChanged(){this.language=this.mode},_editorDataChanged:function _editorDataChanged(e){this.value=e.detail},updateEditorValue:function updateEditorValue(){var content="",children=this.queryEffectiveChildren("template");if(!children){console.warn("code-editor works best with a template tag provided in light dom");children=(0,_polymerDom.dom)(this).getEffectiveChildNodes();if(0<children.length){for(var j=0,len2=children.length;j<len2;j++){if(babelHelpers.typeof(children[j].tagName)!=="undefined"){content+=children[j].outerHTML}else{content+=children[j].textContent}}}}else{content=children.innerHTML}this.$.codeeditor.value=content.trim()},preProcessHaxNodeToContent:function preProcessHaxNodeToContent(clone){clone.editorValue=null;clone.codePenData=null;clone.value=null;clone.removeAttribute("value");clone.removeAttribute("code-pen-data");return clone},created:function created(){this.__libPath=decodeURIComponent(meta.url)+"/../../../monaco-editor/min/vs"},attached:function attached(){(0,_renderStatus.afterNextRender)(this,function(){var _this=this;this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(this,function(info){if(0<info.addedNodes.length){info.addedNodes.map(function(){_this.updateEditorValue()})}if(0<info.removedNodes.length){info.removedNodes.map(function(){_this.updateEditorValue()})}})})}});_exports.CodeEditor=CodeEditor});
\ No newline at end of file
+define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/render-status.js","../../@polymer/polymer/lib/utils/async.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","./lib/monaco-element/monaco-element.js","./lib/code-pen-button.js"],function(_exports,meta,_polymerLegacy,_flattenedNodesObserver,_polymerDom,_renderStatus,async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.CodeEditor=void 0;meta=babelHelpers.interopRequireWildcard(meta);async=babelHelpers.interopRequireWildcard(async);function _templateObject_122da010555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style>\n        :host {\n          display: block;\n          padding: 16px;\n        }\n        .code-pen-container {\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        [hidden] {\n          display: none !important;\n        }\n        code-pen-button {\n          float: right;\n          height: 40px;\n        }\n        h3 {\n          color: var(--code-pen-title-color, #222222);\n        }\n        #codeeditor {\n          height: 100%;\n          display: flex;\n        }\n      </style>\n    </custom-style>\n    <h3 hidden$=\"[[!title]]\">[[title]]</h3>\n    <monaco-element\n      id=\"codeeditor\"\n      lib-path=\"[[__libPath]]\"\n      value=\"[[editorValue]]\"\n      language=\"[[language]]\"\n      theme=\"[[theme]]\"\n      on-value-changed=\"_editorDataChanged\"\n      font-size$=\"[[fontSize]]\"\n      read-only$=\"[[readOnly]]\"\n    >\n    </monaco-element>\n    <div class=\"code-pen-container\" hidden$=\"[[!showCodePen]]\">\n      <span>Check it out on code pen: </span\n      ><code-pen-button data=\"[[codePenData]]\"></code-pen-button>\n    </div>\n  "]);_templateObject_122da010555211e98f439769bd191e33=function(){return data};return data}var CodeEditor=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_122da010555211e98f439769bd191e33()),is:"code-editor",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{title:{type:String},showCodePen:{type:Boolean,value:!1,reflectToAttribute:!0},readOnly:{type:Boolean,value:!1,reflectToAttribute:!0},codePenData:{type:Object,computed:"_computeCodePenData(title, value)"},editorValue:{type:String},value:{type:String,notify:!0},theme:{type:String,value:"vs-dark"},mode:{type:String,observer:"_modeChanged"},language:{type:String,value:"javascript"},fontSize:{type:Number,value:16}},_computeCodePenData:function _computeCodePenData(title,editorValue){return{title:title,html:editorValue}},_modeChanged:function _modeChanged(){this.language=this.mode},_editorDataChanged:function _editorDataChanged(e){this.value=e.detail},updateEditorValue:function updateEditorValue(){var content="",children=this.queryEffectiveChildren("template");if(!children){console.warn("code-editor works best with a template tag provided in light dom");children=(0,_polymerDom.dom)(this).getEffectiveChildNodes();if(0<children.length){for(var j=0,len2=children.length;j<len2;j++){if(babelHelpers.typeof(children[j].tagName)!=="undefined"){content+=children[j].outerHTML}else{content+=children[j].textContent}}}}else{content=children.innerHTML}this.$.codeeditor.value=content.trim()},preProcessHaxNodeToContent:function preProcessHaxNodeToContent(clone){clone.editorValue=null;clone.codePenData=null;clone.value=null;clone.removeAttribute("value");clone.removeAttribute("code-pen-data");return clone},created:function created(){this.__libPath=decodeURIComponent(meta.url)+"/../../../monaco-editor/min/vs"},attached:function attached(){(0,_renderStatus.afterNextRender)(this,function(){var _this=this;this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(this,function(info){if(0<info.addedNodes.length){info.addedNodes.map(function(){_this.updateEditorValue()})}if(0<info.removedNodes.length){info.removedNodes.map(function(){_this.updateEditorValue()})}})})}});_exports.CodeEditor=CodeEditor});
\ No newline at end of file
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 e1a9006a56d..c7eef9804ce 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_961f7c3054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <form action=\"[[endPoint]]\" method=\"POST\" target=\"_blank\">\n      <input type=\"hidden\" name=\"data\" value$=\"[[dataString]]\" />\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  "],["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <form action=\"[[endPoint]]\" method=\"POST\" target=\"_blank\">\n      <input type=\"hidden\" name=\"data\" value\\$=\"[[dataString]]\" />\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_961f7c3054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_961f7c3054f411e9aeb367f92c5b63ab()),is:"code-pen-button",hostAttributes:{title:"Check it out on codepen"},properties:{endPoint:{type:String,value:"https://codepen.io/pen/define"},dataString:{type:String,computed:"_getDataString(data)"},data:{type:Object,value:{}}},_getDataString:function _getDataString(data){return JSON.stringify(data).replace(/"/g,"&quot;").replace(/'/g,"&apos;")}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_2b439780555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <form action=\"[[endPoint]]\" method=\"POST\" target=\"_blank\">\n      <input type=\"hidden\" name=\"data\" value$=\"[[dataString]]\" />\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  "],["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <form action=\"[[endPoint]]\" method=\"POST\" target=\"_blank\">\n      <input type=\"hidden\" name=\"data\" value\\$=\"[[dataString]]\" />\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_2b439780555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2b439780555211e98f439769bd191e33()),is:"code-pen-button",hostAttributes:{title:"Check it out on codepen"},properties:{endPoint:{type:String,value:"https://codepen.io/pen/define"},dataString:{type:String,computed:"_getDataString(data)"},data:{type:Object,value:{}}},_getDataString:function _getDataString(data){return JSON.stringify(data).replace(/"/g,"&quot;").replace(/'/g,"&apos;")}})});
\ No newline at end of file
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 1573101028a..ffcb0e1844d 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-element.js"],function(_polymerElement){"use strict";function _templateObject_a6c0d70054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <iframe id=\"iframe\" frameborder=\"0\"></iframe>\n    "]);_templateObject_a6c0d70054f411e9aeb367f92c5b63ab=function(){return data};return data}var MonacoElement=function(_PolymerElement){babelHelpers.inherits(MonacoElement,_PolymerElement);function MonacoElement(){var _this;babelHelpers.classCallCheck(this,MonacoElement);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(MonacoElement).call(this));_this.iframe=null;return _this}babelHelpers.createClass(MonacoElement,[{key:"generateUUID",value:function generateUUID(){return"ss-s-s-s-sss".replace(/s/g,this._uuidPart)}},{key:"_uuidPart",value:function _uuidPart(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(MonacoElement.prototype),"connectedCallback",this).call(this);window.addEventListener("message",function(message){_this2.handleMessage(message)});setTimeout(function(){if(!_this2.__init){_this2.initIFrame()}},500)}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this3=this;babelHelpers.get(babelHelpers.getPrototypeOf(MonacoElement.prototype),"disconnectedCallback",this).call(this);window.removeEventListener("message",function(message){_this3.handleMessage(message)});this.__init=!1}},{key:"initIFrame",value:function initIFrame(){var _this4=this;this.iframe=this.shadowRoot.querySelector("#iframe");if(this.document&&!this.__init){this.__init=!0;var div=document.createElement("div");div.id="container";this.document.body.appendChild(div);var iframeScript="\n  var eventTypes = {\n    ready: 'ready',\n    valueChanged: 'valueChanged',\n    languageChanged: 'languageChanged',\n    themeChanged: 'themeChanged',\n  };\n\n  class MonacoEditor {\n    constructor(editorReference) {\n      this._editorReference_ = editorReference;\n      this.language = 'javascript';\n      this.value = '';\n      this.editor = null;\n      this.setupEventListener('message', this.handleMessage.bind(this));\n      this.setupEditor();\n    }\n\n    setupEditor() {\n      require.config({ paths: { vs: '".concat(this.libPath,"' } });\n      require(['vs/editor/editor.main'], () => {\n        this.editor = monaco.editor.create(document.getElementById('container'), {\n          value: this.value,\n          language: '").concat(this.language,"',\n          scrollBeyondLastLine: false,\n          automaticLayout: true,\n          fontSize: ").concat(this.fontSize,",\n          readOnly: ").concat(this.readOnly,",\n          minimap: {\n            enabled: true\n          },\n          autoIndent: true,\n        });\n\n        const model = this.editor.getModel();\n        model.onDidChangeContent(() => {\n          const value = model.getValue();\n          this.onValueChanged(value);\n        });\n\n        this.ready();\n      });\n    }\n\n    ready() {\n      setTimeout(() => {\n        this.postMessage(eventTypes.ready, null);\n        this.setupEventListener(\n          eventTypes.valueChanged,\n          this.onValueChanged.bind(this)\n        );\n      }, 100);\n    }\n\n    _handleMessage(data) {\n      switch (data.event) {\n        case eventTypes.valueChanged:\n          this.onInputValueChanged(data.payload);\n          break;\n        case eventTypes.languageChanged:\n          this.onLanguageChanged(data.payload);\n          break;\n        case eventTypes.themeChanged:\n          this.onThemeChanged(data.payload);\n          break;\n        default:\n          break;\n      }\n    }\n\n    handleMessage(message) {\n      try {\n        const data = JSON.parse(message.data);\n        this._handleMessage(data);\n      } catch (error) {\n        console.warn(error);\n        return;\n      }\n    }\n\n    postMessage(event, payload) {\n      var msg = {\n        event: event,\n        payload: payload,\n        editorReference: this._editorReference_\n      }\n      window.parent.postMessage(msg, window.parent.location.href);\n    }\n\n    setupEventListener(type, callback) {\n      window.addEventListener(type, data => {\n        callback(data);\n      });\n    }\n\n    onInputValueChanged(newValue) {\n      if (newValue !== this.value) {\n        this.value = newValue;\n        this.editor.getModel().setValue(newValue);\n        this.postMessage(eventTypes.valueChanged, newValue);\n      }\n    } \n\n    onValueChanged(newValue) {\n      if (newValue !== this.value) {\n        this.value = newValue;\n        this.postMessage(eventTypes.valueChanged, newValue);\n      }\n    }\n\n    onLanguageChanged(newLang) {\n      monaco.editor.setModelLanguage(this.editor.getModel(), newLang);\n    }\n\n    onThemeChanged(newValue) {\n      monaco.editor.setTheme(newValue);\n    }\n  }\n\n  new MonacoEditor(\"").concat(this.editorReference,"\");");this.insertScriptElement({src:"".concat(this.libPath,"/loader.js"),onload:function onload(){_this4.insertScriptElement({text:iframeScript});_this4.insertStyle()}})}}},{key:"handleMessage",value:function handleMessage(message){try{var data=message.data;if("string"===typeof message.data){data=JSON.parse(message.data)}this._handleMessage(data)}catch(error){console.warn("[monaco-element] Error while parsing message:",error)}}},{key:"_handleMessage",value:function _handleMessage(data){if(data.editorReference!==this.editorReference)return;if(data.event===this.eventTypes.valueChanged){var evt=new CustomEvent("value-changed",{bubbles:!0,cancelable:!0,detail:data.payload});this.dispatchEvent(evt)}else if(data.event===this.eventTypes.ready){this.onIFrameReady()}}},{key:"onIFrameReady",value:function onIFrameReady(){this.monacoValueChanged(this.value);this.monacoLanguageChanged(this.language);this.monacoThemeChanged(this.theme)}},{key:"monacoValueChanged",value:function monacoValueChanged(value){this.postMessage(this.eventTypes.valueChanged,value)}},{key:"monacoLanguageChanged",value:function monacoLanguageChanged(value){this.postMessage(this.eventTypes.languageChanged,value)}},{key:"monacoThemeChanged",value:function monacoThemeChanged(value){this.postMessage(this.eventTypes.themeChanged,value)}},{key:"postMessage",value:function postMessage(event,payload){if(!this.iframe){return}if(null!=this.iframe.contentWindow){this.iframe.contentWindow.postMessage(JSON.stringify({event:event,payload:payload}),window.location.href)}}},{key:"insertScriptElement",value:function insertScriptElement(_ref){var src=_ref.src,text=_ref.text,onload=_ref.onload,ele=this.document.createElement("script");if(src)ele.src=src;if(text)ele.text=text;if(onload)ele.onload=onload;this.document.head.appendChild(ele)}},{key:"insertStyle",value:function insertStyle(){var css="\n    body {\n      height: 100vh;\n      overflow: hidden;\n      margin: 0;\n    }    \n    #container {\n      width: 100%;\n      height: 100%;\n    }\n    .debug-red {\n      background : red;\n    }\n    .debug-green {\n      background : green;\n    }\n    html,body {\n      margin : 0px;\n    }",head=this.document.head,style=this.document.createElement("style");style.type="text/css";if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(this.document.createTextNode(css))}head.appendChild(style)}},{key:"document",get:function get(){if(this.iframe.contentWindow){return this.iframe.contentWindow.document}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a6c0d70054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{value:{type:String,value:"",observer:"monacoValueChanged"},fontSize:{type:Number,value:16},readOnly:{type:Boolean,value:!1},uniqueKey:{type:String},eventTypes:{type:Object,value:{ready:"ready",valueChanged:"valueChanged",languageChanged:"languageChanged",themeChanged:"themeChanged"}},language:{type:String,value:"javascript",observer:"monacoLanguageChanged"},theme:{type:String,value:"vs-dark",observer:"monacoThemeChanged"},libPath:{type:String,value:"node_modules/monaco-editor/min/vs"},editorReference:{type:String,reflectToAttribute:!0,computed:"generateUUID()"}}}}]);return MonacoElement}(_polymerElement.PolymerElement);window.customElements.define("monaco-element",MonacoElement);window.MonacoData=window.MonacoData||{}});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-element.js"],function(_polymerElement){"use strict";function _templateObject_3680ca00555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <iframe id=\"iframe\" frameborder=\"0\"></iframe>\n    "]);_templateObject_3680ca00555211e98f439769bd191e33=function(){return data};return data}var MonacoElement=function(_PolymerElement){babelHelpers.inherits(MonacoElement,_PolymerElement);function MonacoElement(){var _this;babelHelpers.classCallCheck(this,MonacoElement);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(MonacoElement).call(this));_this.iframe=null;return _this}babelHelpers.createClass(MonacoElement,[{key:"generateUUID",value:function generateUUID(){return"ss-s-s-s-sss".replace(/s/g,this._uuidPart)}},{key:"_uuidPart",value:function _uuidPart(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(MonacoElement.prototype),"connectedCallback",this).call(this);window.addEventListener("message",function(message){_this2.handleMessage(message)});setTimeout(function(){if(!_this2.__init){_this2.initIFrame()}},500)}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this3=this;babelHelpers.get(babelHelpers.getPrototypeOf(MonacoElement.prototype),"disconnectedCallback",this).call(this);window.removeEventListener("message",function(message){_this3.handleMessage(message)});this.__init=!1}},{key:"initIFrame",value:function initIFrame(){var _this4=this;this.iframe=this.shadowRoot.querySelector("#iframe");if(this.document&&!this.__init){this.__init=!0;var div=document.createElement("div");div.id="container";this.document.body.appendChild(div);var iframeScript="\n  var eventTypes = {\n    ready: 'ready',\n    valueChanged: 'valueChanged',\n    languageChanged: 'languageChanged',\n    themeChanged: 'themeChanged',\n  };\n\n  class MonacoEditor {\n    constructor(editorReference) {\n      this._editorReference_ = editorReference;\n      this.language = 'javascript';\n      this.value = '';\n      this.editor = null;\n      this.setupEventListener('message', this.handleMessage.bind(this));\n      this.setupEditor();\n    }\n\n    setupEditor() {\n      require.config({ paths: { vs: '".concat(this.libPath,"' } });\n      require(['vs/editor/editor.main'], () => {\n        this.editor = monaco.editor.create(document.getElementById('container'), {\n          value: this.value,\n          language: '").concat(this.language,"',\n          scrollBeyondLastLine: false,\n          automaticLayout: true,\n          fontSize: ").concat(this.fontSize,",\n          readOnly: ").concat(this.readOnly,",\n          minimap: {\n            enabled: true\n          },\n          autoIndent: true,\n        });\n\n        const model = this.editor.getModel();\n        model.onDidChangeContent(() => {\n          const value = model.getValue();\n          this.onValueChanged(value);\n        });\n\n        this.ready();\n      });\n    }\n\n    ready() {\n      setTimeout(() => {\n        this.postMessage(eventTypes.ready, null);\n        this.setupEventListener(\n          eventTypes.valueChanged,\n          this.onValueChanged.bind(this)\n        );\n      }, 100);\n    }\n\n    _handleMessage(data) {\n      switch (data.event) {\n        case eventTypes.valueChanged:\n          this.onInputValueChanged(data.payload);\n          break;\n        case eventTypes.languageChanged:\n          this.onLanguageChanged(data.payload);\n          break;\n        case eventTypes.themeChanged:\n          this.onThemeChanged(data.payload);\n          break;\n        default:\n          break;\n      }\n    }\n\n    handleMessage(message) {\n      try {\n        const data = JSON.parse(message.data);\n        this._handleMessage(data);\n      } catch (error) {\n        console.warn(error);\n        return;\n      }\n    }\n\n    postMessage(event, payload) {\n      var msg = {\n        event: event,\n        payload: payload,\n        editorReference: this._editorReference_\n      }\n      window.parent.postMessage(msg, window.parent.location.href);\n    }\n\n    setupEventListener(type, callback) {\n      window.addEventListener(type, data => {\n        callback(data);\n      });\n    }\n\n    onInputValueChanged(newValue) {\n      if (newValue !== this.value) {\n        this.value = newValue;\n        this.editor.getModel().setValue(newValue);\n        this.postMessage(eventTypes.valueChanged, newValue);\n      }\n    } \n\n    onValueChanged(newValue) {\n      if (newValue !== this.value) {\n        this.value = newValue;\n        this.postMessage(eventTypes.valueChanged, newValue);\n      }\n    }\n\n    onLanguageChanged(newLang) {\n      monaco.editor.setModelLanguage(this.editor.getModel(), newLang);\n    }\n\n    onThemeChanged(newValue) {\n      monaco.editor.setTheme(newValue);\n    }\n  }\n\n  new MonacoEditor(\"").concat(this.editorReference,"\");");this.insertScriptElement({src:"".concat(this.libPath,"/loader.js"),onload:function onload(){_this4.insertScriptElement({text:iframeScript});_this4.insertStyle()}})}}},{key:"handleMessage",value:function handleMessage(message){try{var data=message.data;if("string"===typeof message.data){data=JSON.parse(message.data)}this._handleMessage(data)}catch(error){console.warn("[monaco-element] Error while parsing message:",error)}}},{key:"_handleMessage",value:function _handleMessage(data){if(data.editorReference!==this.editorReference)return;if(data.event===this.eventTypes.valueChanged){var evt=new CustomEvent("value-changed",{bubbles:!0,cancelable:!0,detail:data.payload});this.dispatchEvent(evt)}else if(data.event===this.eventTypes.ready){this.onIFrameReady()}}},{key:"onIFrameReady",value:function onIFrameReady(){this.monacoValueChanged(this.value);this.monacoLanguageChanged(this.language);this.monacoThemeChanged(this.theme)}},{key:"monacoValueChanged",value:function monacoValueChanged(value){this.postMessage(this.eventTypes.valueChanged,value)}},{key:"monacoLanguageChanged",value:function monacoLanguageChanged(value){this.postMessage(this.eventTypes.languageChanged,value)}},{key:"monacoThemeChanged",value:function monacoThemeChanged(value){this.postMessage(this.eventTypes.themeChanged,value)}},{key:"postMessage",value:function postMessage(event,payload){if(!this.iframe){return}if(null!=this.iframe.contentWindow){this.iframe.contentWindow.postMessage(JSON.stringify({event:event,payload:payload}),window.location.href)}}},{key:"insertScriptElement",value:function insertScriptElement(_ref){var src=_ref.src,text=_ref.text,onload=_ref.onload,ele=this.document.createElement("script");if(src)ele.src=src;if(text)ele.text=text;if(onload)ele.onload=onload;this.document.head.appendChild(ele)}},{key:"insertStyle",value:function insertStyle(){var css="\n    body {\n      height: 100vh;\n      overflow: hidden;\n      margin: 0;\n    }    \n    #container {\n      width: 100%;\n      height: 100%;\n    }\n    .debug-red {\n      background : red;\n    }\n    .debug-green {\n      background : green;\n    }\n    html,body {\n      margin : 0px;\n    }",head=this.document.head,style=this.document.createElement("style");style.type="text/css";if(style.styleSheet){style.styleSheet.cssText=css}else{style.appendChild(this.document.createTextNode(css))}head.appendChild(style)}},{key:"document",get:function get(){if(this.iframe.contentWindow){return this.iframe.contentWindow.document}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_3680ca00555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{value:{type:String,value:"",observer:"monacoValueChanged"},fontSize:{type:Number,value:16},readOnly:{type:Boolean,value:!1},uniqueKey:{type:String},eventTypes:{type:Object,value:{ready:"ready",valueChanged:"valueChanged",languageChanged:"languageChanged",themeChanged:"themeChanged"}},language:{type:String,value:"javascript",observer:"monacoLanguageChanged"},theme:{type:String,value:"vs-dark",observer:"monacoThemeChanged"},libPath:{type:String,value:"node_modules/monaco-editor/min/vs"},editorReference:{type:String,reflectToAttribute:!0,computed:"generateUUID()"}}}}]);return MonacoElement}(_polymerElement.PolymerElement);window.customElements.define("monaco-element",MonacoElement);window.MonacoData=window.MonacoData||{}});
\ No newline at end of file
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 ad731ad1bf4..d59ed33d2b4 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","./lib/themes/one-dark.js","./lib/highlightjs/highlight.js","./lib/highlightjs/languages/javascript.js","./lib/highlightjs/languages/xml.js"],function(_exports,_polymerElement,_HAXWiring,_flattenedNodesObserver,_oneDark,_highlight2,_javascript,_xml){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.CodeSample=void 0;function _templateObject_823ba09054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]),\n        [hidden] {\n          display: none;\n        }\n\n        pre {\n          margin: 0;\n          @apply --code-sample-pre;\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          @apply --code-sample-hljs;\n        }\n\n        .demo:not(:empty) {\n          padding: var(--code-sample-demo-padding, 0 0 1.25rem);\n          @apply --code-sample-demo-not-empty;\n        }\n\n        .demo {\n          @apply --code-sample-demo;\n        }\n\n        #code-container {\n          position: relative;\n          @apply --code-sample-code-container;\n        }\n\n        #code-container:hover {\n          @apply --code-sample-code-container-hover;\n        }\n\n        #code-container:hover > button {\n          @apply --code-sample-code-container-hover-button;\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          @apply --code-sample-copy-clipboard-button;\n        }\n      </style>\n      <div id=\"theme\">","</div>\n      <div id=\"demo\" class=\"demo\"></div>\n      <slot id=\"content\"></slot>\n\n      <div id=\"code-container\">\n        <button\n          type=\"button\"\n          hidden=\"[[!copyClipboardButton]]\"\n          id=\"copyButton\"\n          title=\"Copy to clipboard\"\n          on-click=\"_copyToClipboard\"\n        >\n          Copy\n        </button>\n        <pre id=\"code\"></pre>\n      </div>\n    "]);_templateObject_823ba09054f411e9aeb367f92c5b63ab=function(){return data};return data}_highlight2.hljs.registerLanguage("javascript",_javascript.javascript);_highlight2.hljs.registerLanguage("xml",_xml.xml);window.hljs=_highlight2.hljs;var CodeSample=function(_PolymerElement){babelHelpers.inherits(CodeSample,_PolymerElement);function CodeSample(){babelHelpers.classCallCheck(this,CodeSample);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(CodeSample).apply(this,arguments))}babelHelpers.createClass(CodeSample,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(CodeSample.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(CodeSample.haxProperties,CodeSample.tag,this);setTimeout(function(){if(_this.querySelector("template")){_this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(_this.$.content,function(){return _this._updateContent()})}else if(_this.childNodes.length){console.error("<code-sample>:","content must be provided inside a <template> tag")}})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(CodeSample.prototype),"disconnectedCallback",this).call(this);if(this._observer){this._observer.disconnect();this._observer=null}}},{key:"_themeChanged",value:function _themeChanged(theme){if(theme&&this._themeCanBeChanged()){var previousTheme=this.$.theme.querySelector("style");this.$.theme.replaceChild(document.importNode(theme.content,!0),previousTheme)}}},{key:"_themeCanBeChanged",value:function _themeCanBeChanged(){if(window.ShadyCSS){console.error("<code-sample>:","Theme changing is not supported in Shady DOM.");return}if("TEMPLATE"!==this.theme.tagName){console.error("<code-sample>:","theme must be a template");return}return!0}},{key:"_updateContent",value:function _updateContent(){if(this._code)this._code.parentNode.removeChild(this._code);if(this._demo)this.$.demo.innerHTML="";var template=this._getCodeTemplate();if(this.render){this._demo=this.$.demo.appendChild(document.importNode(template.content,!0))}this._highlight(template.innerHTML)}},{key:"_getCodeTemplate",value:function _getCodeTemplate(){var nodes=_flattenedNodesObserver.FlattenedNodesObserver.getFlattenedNodes(this.$.content);return[].filter.call(nodes,function(node){return node.nodeType===Node.ELEMENT_NODE})[0]}},{key:"_highlight",value:function _highlight(str){this._code=document.createElement("code");if(this.type)this._code.classList.add(this.type);this._code.innerHTML=this._entitize(this._cleanIndentation(str));this.$.code.appendChild(this._code);_highlight2.hljs.highlightBlock(this._code)}},{key:"_cleanIndentation",value:function _cleanIndentation(str){var pattern=str.match(/\s*\n[\t\s]*/);return str.replace(new RegExp(pattern,"g"),"\n")}},{key:"_entitize",value:function _entitize(str){return(str+"").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/=""/g,"").replace(/=&gt;/g,"=>").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}},{key:"_copyToClipboard",value:function _copyToClipboard(event){var copyButton=event.target,textarea=this._textAreaWithClonedContent();textarea.select();try{document.execCommand("copy",!1);copyButton.textContent="Done"}catch(err){console.error(err);copyButton.textContent="Error"}textarea.remove();setTimeout(function(){copyButton.textContent="Copy"},1e3)}},{key:"_textAreaWithClonedContent",value:function _textAreaWithClonedContent(){var textarea=document.createElement("textarea");document.body.appendChild(textarea);textarea.value=this._cleanIndentation(this._getCodeTemplate().innerHTML);return textarea}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_823ba09054f411e9aeb367f92c5b63ab(),this.constructor.theme||_oneDark.oneDark)}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Code sample",description:"A sample of code highlighted in the page",icon:"icons:code",color:"blue",groups:["Code","Development"],meta:{author:"kuscamara"}},settings:{quick:[],configure:[{slot:"",slotWrapper:"template",slotAttributes:{"preserve-content":"preserve-content"},title:"Source",description:"The URL for this video.",inputMethod:"code-editor"},{attribute:"copy-clipboard-button",title:"Copy to clipboard button",description:"button in top right that says copy to clipboard",inputMethod:"boolean"}],advanced:[]}}}},{key:"properties",get:function get(){return{copyClipboardButton:{type:"Boolean",value:!1},theme:{type:"String",observer:"_themeChanged"},render:{type:"Boolean",value:!1},type:{type:"String"}}}},{key:"tag",get:function get(){return"code-sample"}}]);return CodeSample}(_polymerElement.PolymerElement);_exports.CodeSample=CodeSample;window.customElements.define(CodeSample.tag,CodeSample)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","./lib/themes/one-dark.js","./lib/highlightjs/highlight.js","./lib/highlightjs/languages/javascript.js","./lib/highlightjs/languages/xml.js"],function(_exports,_polymerElement,_HAXWiring,_flattenedNodesObserver,_oneDark,_highlight2,_javascript,_xml){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.CodeSample=void 0;function _templateObject_16953ff0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]),\n        [hidden] {\n          display: none;\n        }\n\n        pre {\n          margin: 0;\n          @apply --code-sample-pre;\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          @apply --code-sample-hljs;\n        }\n\n        .demo:not(:empty) {\n          padding: var(--code-sample-demo-padding, 0 0 1.25rem);\n          @apply --code-sample-demo-not-empty;\n        }\n\n        .demo {\n          @apply --code-sample-demo;\n        }\n\n        #code-container {\n          position: relative;\n          @apply --code-sample-code-container;\n        }\n\n        #code-container:hover {\n          @apply --code-sample-code-container-hover;\n        }\n\n        #code-container:hover > button {\n          @apply --code-sample-code-container-hover-button;\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          @apply --code-sample-copy-clipboard-button;\n        }\n      </style>\n      <div id=\"theme\">","</div>\n      <div id=\"demo\" class=\"demo\"></div>\n      <slot id=\"content\"></slot>\n\n      <div id=\"code-container\">\n        <button\n          type=\"button\"\n          hidden=\"[[!copyClipboardButton]]\"\n          id=\"copyButton\"\n          title=\"Copy to clipboard\"\n          on-click=\"_copyToClipboard\"\n        >\n          Copy\n        </button>\n        <pre id=\"code\"></pre>\n      </div>\n    "]);_templateObject_16953ff0555211e98f439769bd191e33=function(){return data};return data}_highlight2.hljs.registerLanguage("javascript",_javascript.javascript);_highlight2.hljs.registerLanguage("xml",_xml.xml);window.hljs=_highlight2.hljs;var CodeSample=function(_PolymerElement){babelHelpers.inherits(CodeSample,_PolymerElement);function CodeSample(){babelHelpers.classCallCheck(this,CodeSample);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(CodeSample).apply(this,arguments))}babelHelpers.createClass(CodeSample,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(CodeSample.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(CodeSample.haxProperties,CodeSample.tag,this);setTimeout(function(){if(_this.querySelector("template")){_this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(_this.$.content,function(){return _this._updateContent()})}else if(_this.childNodes.length){console.error("<code-sample>:","content must be provided inside a <template> tag")}})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(CodeSample.prototype),"disconnectedCallback",this).call(this);if(this._observer){this._observer.disconnect();this._observer=null}}},{key:"_themeChanged",value:function _themeChanged(theme){if(theme&&this._themeCanBeChanged()){var previousTheme=this.$.theme.querySelector("style");this.$.theme.replaceChild(document.importNode(theme.content,!0),previousTheme)}}},{key:"_themeCanBeChanged",value:function _themeCanBeChanged(){if(window.ShadyCSS){console.error("<code-sample>:","Theme changing is not supported in Shady DOM.");return}if("TEMPLATE"!==this.theme.tagName){console.error("<code-sample>:","theme must be a template");return}return!0}},{key:"_updateContent",value:function _updateContent(){if(this._code)this._code.parentNode.removeChild(this._code);if(this._demo)this.$.demo.innerHTML="";var template=this._getCodeTemplate();if(this.render){this._demo=this.$.demo.appendChild(document.importNode(template.content,!0))}this._highlight(template.innerHTML)}},{key:"_getCodeTemplate",value:function _getCodeTemplate(){var nodes=_flattenedNodesObserver.FlattenedNodesObserver.getFlattenedNodes(this.$.content);return[].filter.call(nodes,function(node){return node.nodeType===Node.ELEMENT_NODE})[0]}},{key:"_highlight",value:function _highlight(str){this._code=document.createElement("code");if(this.type)this._code.classList.add(this.type);this._code.innerHTML=this._entitize(this._cleanIndentation(str));this.$.code.appendChild(this._code);_highlight2.hljs.highlightBlock(this._code)}},{key:"_cleanIndentation",value:function _cleanIndentation(str){var pattern=str.match(/\s*\n[\t\s]*/);return str.replace(new RegExp(pattern,"g"),"\n")}},{key:"_entitize",value:function _entitize(str){return(str+"").replace(/&lt;/g,"<").replace(/&gt;/g,">").replace(/=""/g,"").replace(/=&gt;/g,"=>").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}},{key:"_copyToClipboard",value:function _copyToClipboard(event){var copyButton=event.target,textarea=this._textAreaWithClonedContent();textarea.select();try{document.execCommand("copy",!1);copyButton.textContent="Done"}catch(err){console.error(err);copyButton.textContent="Error"}textarea.remove();setTimeout(function(){copyButton.textContent="Copy"},1e3)}},{key:"_textAreaWithClonedContent",value:function _textAreaWithClonedContent(){var textarea=document.createElement("textarea");document.body.appendChild(textarea);textarea.value=this._cleanIndentation(this._getCodeTemplate().innerHTML);return textarea}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_16953ff0555211e98f439769bd191e33(),this.constructor.theme||_oneDark.oneDark)}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Code sample",description:"A sample of code highlighted in the page",icon:"icons:code",color:"blue",groups:["Code","Development"],meta:{author:"kuscamara"}},settings:{quick:[],configure:[{slot:"",slotWrapper:"template",slotAttributes:{"preserve-content":"preserve-content"},title:"Source",description:"The URL for this video.",inputMethod:"code-editor"},{attribute:"copy-clipboard-button",title:"Copy to clipboard button",description:"button in top right that says copy to clipboard",inputMethod:"boolean"}],advanced:[]}}}},{key:"properties",get:function get(){return{copyClipboardButton:{type:"Boolean",value:!1},theme:{type:"String",observer:"_themeChanged"},render:{type:"Boolean",value:!1},type:{type:"String"}}}},{key:"tag",get:function get(){return"code-sample"}}]);return CodeSample}(_polymerElement.PolymerElement);_exports.CodeSample=CodeSample;window.customElements.define(CodeSample.tag,CodeSample)});
\ No newline at end of file
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 c362ad42fcd..896ddcc1abc 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
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.defaultTheme=void 0;function _templateObject_a6ee76b054f411e9aeb367f92c5b63ab(){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_a6ee76b054f411e9aeb367f92c5b63ab=function(){return data};return data}var defaultTheme=(0,_polymerElement.html)(_templateObject_a6ee76b054f411e9aeb367f92c5b63ab());_exports.defaultTheme=defaultTheme});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.defaultTheme=void 0;function _templateObject_36a87640555211e98f439769bd191e33(){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_36a87640555211e98f439769bd191e33=function(){return data};return data}var defaultTheme=(0,_polymerElement.html)(_templateObject_36a87640555211e98f439769bd191e33());_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 477125334c8..cefe442c848 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
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.github=void 0;function _templateObject_a6ecf01054f411e9aeb367f92c5b63ab(){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_a6ecf01054f411e9aeb367f92c5b63ab=function(){return data};return data}var github=(0,_polymerElement.html)(_templateObject_a6ecf01054f411e9aeb367f92c5b63ab());_exports.github=github});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.github=void 0;function _templateObject_36ad3130555211e98f439769bd191e33(){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_36ad3130555211e98f439769bd191e33=function(){return data};return data}var github=(0,_polymerElement.html)(_templateObject_36ad3130555211e98f439769bd191e33());_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 8073b30534e..3e94be00f26 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
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.kustomDark=void 0;function _templateObject_a6e6d59054f411e9aeb367f92c5b63ab(){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_a6e6d59054f411e9aeb367f92c5b63ab=function(){return data};return data}var kustomDark=(0,_polymerElement.html)(_templateObject_a6e6d59054f411e9aeb367f92c5b63ab());_exports.kustomDark=kustomDark});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.kustomDark=void 0;function _templateObject_36afa230555211e98f439769bd191e33(){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_36afa230555211e98f439769bd191e33=function(){return data};return data}var kustomDark=(0,_polymerElement.html)(_templateObject_36afa230555211e98f439769bd191e33());_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 af0dd514ab3..57b1d249ab3 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
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.kustomLight=void 0;function _templateObject_a6ea580054f411e9aeb367f92c5b63ab(){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_a6ea580054f411e9aeb367f92c5b63ab=function(){return data};return data}var kustomLight=(0,_polymerElement.html)(_templateObject_a6ea580054f411e9aeb367f92c5b63ab());_exports.kustomLight=kustomLight});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.kustomLight=void 0;function _templateObject_36b14fe0555211e98f439769bd191e33(){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_36b14fe0555211e98f439769bd191e33=function(){return data};return data}var kustomLight=(0,_polymerElement.html)(_templateObject_36b14fe0555211e98f439769bd191e33());_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 e1cfb045f92..524d1e6defe 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
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.oneDark=void 0;function _templateObject_a6f1f92054f411e9aeb367f92c5b63ab(){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_a6f1f92054f411e9aeb367f92c5b63ab=function(){return data};return data}var oneDark=(0,_polymerElement.html)(_templateObject_a6f1f92054f411e9aeb367f92c5b63ab());_exports.oneDark=oneDark});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.oneDark=void 0;function _templateObject_36b3c0e0555211e98f439769bd191e33(){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_36b3c0e0555211e98f439769bd191e33=function(){return data};return data}var oneDark=(0,_polymerElement.html)(_templateObject_36b3c0e0555211e98f439769bd191e33());_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 19c574e0127..07a1afba06f 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
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.oneLight=void 0;function _templateObject_a6f4431054f411e9aeb367f92c5b63ab(){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_a6f4431054f411e9aeb367f92c5b63ab=function(){return data};return data}var oneLight=(0,_polymerElement.html)(_templateObject_a6f4431054f411e9aeb367f92c5b63ab());_exports.oneLight=oneLight});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.oneLight=void 0;function _templateObject_36b658f0555211e98f439769bd191e33(){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_36b658f0555211e98f439769bd191e33=function(){return data};return data}var oneLight=(0,_polymerElement.html)(_templateObject_36b658f0555211e98f439769bd191e33());_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 3afc22f7011..cc84e3d9b1a 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
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.solarizedDark=void 0;function _templateObject_a6f6db2054f411e9aeb367f92c5b63ab(){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_a6f6db2054f411e9aeb367f92c5b63ab=function(){return data};return data}var solarizedDark=(0,_polymerElement.html)(_templateObject_a6f6db2054f411e9aeb367f92c5b63ab());_exports.solarizedDark=solarizedDark});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.solarizedDark=void 0;function _templateObject_36bac5c0555211e98f439769bd191e33(){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_36bac5c0555211e98f439769bd191e33=function(){return data};return data}var solarizedDark=(0,_polymerElement.html)(_templateObject_36bac5c0555211e98f439769bd191e33());_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 3e3944675c8..7d091fe3193 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
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.solarizedLight=void 0;function _templateObject_a6f9733054f411e9aeb367f92c5b63ab(){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_a6f9733054f411e9aeb367f92c5b63ab=function(){return data};return data}var solarizedLight=(0,_polymerElement.html)(_templateObject_a6f9733054f411e9aeb367f92c5b63ab());_exports.solarizedLight=solarizedLight});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.solarizedLight=void 0;function _templateObject_36bdd300555211e98f439769bd191e33(){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_36bdd300555211e98f439769bd191e33=function(){return data};return data}var solarizedLight=(0,_polymerElement.html)(_templateObject_36bdd300555211e98f439769bd191e33());_exports.solarizedLight=solarizedLight});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/contenta-polymer/contenta-polymer.js b/build/es5-amd/node_modules/@lrnwebcomponents/contenta-polymer/contenta-polymer.js
index 4f22887ae9b..1f49815fdcd 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/contenta-polymer/contenta-polymer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/contenta-polymer/contenta-polymer.js
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-ajax/iron-ajax.js","../../@polymer/iron-list/iron-list.js","../materializecss-styles/materializecss-styles.js","../../@polymer/paper-button/paper-button.js","../../@polymer/paper-card/paper-card.js","../../@polymer/iron-image/iron-image.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/av-icons.js","../../@polymer/app-layout/app-drawer/app-drawer.js","../../@polymer/app-layout/app-drawer-layout/app-drawer-layout.js","../../@polymer/app-layout/app-header/app-header.js","../../@polymer/app-layout/app-header-layout/app-header-layout.js","../../@polymer/app-layout/app-scroll-effects/app-scroll-effects.js","../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../@polymer/app-route/app-location.js","../../@polymer/app-route/app-route.js","../../@polymer/iron-pages/iron-pages.js","../../@polymer/iron-selector/iron-selector.js","../../@polymer/paper-icon-button/paper-icon-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ContentaPolymer=void 0;function _templateObject_6896d6a054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          --app-primary-color: #4285f4;\n          --app-secondary-color: black;\n\n          display: block;\n        }\n\n        app-drawer-layout:not([narrow]) [drawer-toggle] {\n          display: none;\n        }\n\n        app-header {\n          color: #fff;\n          background-color: var(--app-primary-color);\n        }\n\n        app-header paper-icon-button {\n          --paper-icon-button-ink-color: white;\n        }\n\n        .drawer-list {\n          margin: 0 20px;\n        }\n\n        .drawer-list a {\n          display: block;\n          padding: 0 16px;\n          text-decoration: none;\n          color: var(--app-secondary-color);\n          line-height: 40px;\n        }\n\n        .drawer-list a.iron-selected {\n          color: black;\n          font-weight: bold;\n        }\n      </style>\n    </custom-style>\n    <app-location route=\"{{route}}\" url-space-regex=\"^[[rootPath]]\">\n    </app-location>\n\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[rootPath]]:page\"\n      data=\"{{routeData}}\"\n      tail=\"{{subroute}}\"\n    >\n    </app-route>\n\n    <app-drawer-layout fullbleed=\"\" narrow=\"{{narrow}}\">\n      <!-- Drawer content -->\n      <app-drawer id=\"drawer\" slot=\"drawer\" swipe-open=\"[[narrow]]\">\n        <app-toolbar>Menu</app-toolbar>\n        <iron-selector\n          selected=\"[[page]]\"\n          attr-for-selected=\"name\"\n          class=\"drawer-list\"\n          role=\"navigation\"\n        >\n          <a name=\"view1\" href=\"[[rootPath]]\">Home</a>\n          <a name=\"view2\" href=\"[[rootPath]]recipes\">Recipes</a>\n          <a\n            name=\"view3\"\n            href=\"https://github.com/LRNWebComponents/contenta-polymer\"\n            >Github</a\n          >\n          <a name=\"view4\" href=\"https://www.contentacms.org/\"\n            >ContentaCMS website</a\n          >\n        </iron-selector>\n      </app-drawer>\n\n      <!-- Main content -->\n      <app-header-layout has-scrolling-region=\"\">\n        <app-header slot=\"header\" condenses=\"\" reveals=\"\" effects=\"waterfall\">\n          <app-toolbar>\n            <paper-icon-button icon=\"menu\" drawer-toggle=\"\"></paper-icon-button>\n            <div main-title=\"\">Mmmm Cooking</div>\n          </app-toolbar>\n        </app-header>\n\n        <iron-pages\n          selected=\"[[page]]\"\n          attr-for-selected=\"name\"\n          fallback-selection=\"view404\"\n          role=\"main\"\n        >\n          <my-view1 name=\"view1\"></my-view1>\n          <my-view2 name=\"view2\"></my-view2>\n          <my-view404 name=\"view404\"></my-view404>\n        </iron-pages>\n      </app-header-layout>\n    </app-drawer-layout>\n  "]);_templateObject_6896d6a054f411e9aeb367f92c5b63ab=function(){return data};return data}var ContentaPolymer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_6896d6a054f411e9aeb367f92c5b63ab()),is:"contenta-polymer",properties:{},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}});_exports.ContentaPolymer=ContentaPolymer});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-ajax/iron-ajax.js","../../@polymer/iron-list/iron-list.js","../materializecss-styles/materializecss-styles.js","../../@polymer/paper-button/paper-button.js","../../@polymer/paper-card/paper-card.js","../../@polymer/iron-image/iron-image.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/av-icons.js","../../@polymer/app-layout/app-drawer/app-drawer.js","../../@polymer/app-layout/app-drawer-layout/app-drawer-layout.js","../../@polymer/app-layout/app-header/app-header.js","../../@polymer/app-layout/app-header-layout/app-header-layout.js","../../@polymer/app-layout/app-scroll-effects/app-scroll-effects.js","../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../@polymer/app-route/app-location.js","../../@polymer/app-route/app-route.js","../../@polymer/iron-pages/iron-pages.js","../../@polymer/iron-selector/iron-selector.js","../../@polymer/paper-icon-button/paper-icon-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ContentaPolymer=void 0;function _templateObject_01bb4480555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          --app-primary-color: #4285f4;\n          --app-secondary-color: black;\n\n          display: block;\n        }\n\n        app-drawer-layout:not([narrow]) [drawer-toggle] {\n          display: none;\n        }\n\n        app-header {\n          color: #fff;\n          background-color: var(--app-primary-color);\n        }\n\n        app-header paper-icon-button {\n          --paper-icon-button-ink-color: white;\n        }\n\n        .drawer-list {\n          margin: 0 20px;\n        }\n\n        .drawer-list a {\n          display: block;\n          padding: 0 16px;\n          text-decoration: none;\n          color: var(--app-secondary-color);\n          line-height: 40px;\n        }\n\n        .drawer-list a.iron-selected {\n          color: black;\n          font-weight: bold;\n        }\n      </style>\n    </custom-style>\n    <app-location route=\"{{route}}\" url-space-regex=\"^[[rootPath]]\">\n    </app-location>\n\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[rootPath]]:page\"\n      data=\"{{routeData}}\"\n      tail=\"{{subroute}}\"\n    >\n    </app-route>\n\n    <app-drawer-layout fullbleed=\"\" narrow=\"{{narrow}}\">\n      <!-- Drawer content -->\n      <app-drawer id=\"drawer\" slot=\"drawer\" swipe-open=\"[[narrow]]\">\n        <app-toolbar>Menu</app-toolbar>\n        <iron-selector\n          selected=\"[[page]]\"\n          attr-for-selected=\"name\"\n          class=\"drawer-list\"\n          role=\"navigation\"\n        >\n          <a name=\"view1\" href=\"[[rootPath]]\">Home</a>\n          <a name=\"view2\" href=\"[[rootPath]]recipes\">Recipes</a>\n          <a\n            name=\"view3\"\n            href=\"https://github.com/LRNWebComponents/contenta-polymer\"\n            >Github</a\n          >\n          <a name=\"view4\" href=\"https://www.contentacms.org/\"\n            >ContentaCMS website</a\n          >\n        </iron-selector>\n      </app-drawer>\n\n      <!-- Main content -->\n      <app-header-layout has-scrolling-region=\"\">\n        <app-header slot=\"header\" condenses=\"\" reveals=\"\" effects=\"waterfall\">\n          <app-toolbar>\n            <paper-icon-button icon=\"menu\" drawer-toggle=\"\"></paper-icon-button>\n            <div main-title=\"\">Mmmm Cooking</div>\n          </app-toolbar>\n        </app-header>\n\n        <iron-pages\n          selected=\"[[page]]\"\n          attr-for-selected=\"name\"\n          fallback-selection=\"view404\"\n          role=\"main\"\n        >\n          <my-view1 name=\"view1\"></my-view1>\n          <my-view2 name=\"view2\"></my-view2>\n          <my-view404 name=\"view404\"></my-view404>\n        </iron-pages>\n      </app-header-layout>\n    </app-drawer-layout>\n  "]);_templateObject_01bb4480555211e98f439769bd191e33=function(){return data};return data}var ContentaPolymer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_01bb4480555211e98f439769bd191e33()),is:"contenta-polymer",properties:{},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}});_exports.ContentaPolymer=ContentaPolymer});
\ 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 085b518c1a3..822dd5d5e7b 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../../countup.js/dist/countUp.min.js"],function(_exports,_polymerElement,_HAXWiring,_countUpMin){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});Object.defineProperty(_exports,"CountUp",{enumerable:!0,get:function get(){return _countUpMin.CountUp}});_exports.CountUpElement=void 0;function _templateObject_69dd606054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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          @apply --count-up-number;\n        }\n      </style>\n      <div class=\"wrapper\">\n        <slot name=\"prefix\"></slot>\n        <div id=\"counter\"></div>\n        <slot name=\"suffix\"></slot>\n      </div>\n    "]);_templateObject_69dd606054f411e9aeb367f92c5b63ab=function(){return data};return data}var CountUpElement=function(_PolymerElement){babelHelpers.inherits(CountUpElement,_PolymerElement);function CountUpElement(){babelHelpers.classCallCheck(this,CountUpElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(CountUpElement).apply(this,arguments))}babelHelpers.createClass(CountUpElement,[{key:"tag",value:function tag(){return"count-up"}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(CountUpElement.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(CountUpElement.haxProperties,"count-up",this);this.observer=new IntersectionObserver(this.handleIntersectionCallback.bind(this),{root:document.rootElement,rootMargin:this.rootMargin,threshold:this.thresholds});this.observer.observe(this);var options={startVal:this.start,decimalPlaces:this.decimalplaces,duration:this.duration,useEasing:!this.noeasing,separator:this.separator,decimal:this.decimal,prefix:this.prefixtext,suffix:this.suffixtext};this._countUp=new _countUpMin.CountUp(this.$.counter,this.end,options)}},{key:"handleIntersectionCallback",value:function handleIntersectionCallback(entries){var _iteratorNormalCompletion=!0,_didIteratorError=!1,_iteratorError=void 0;try{for(var _iterator=entries[Symbol.iterator](),_step,entry;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=!0){entry=_step.value;this._setRatio((+entry.intersectionRatio).toFixed(2));if(this.ratio>=this.visibleLimit){this._countUp.start()}}}catch(err){_didIteratorError=!0;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&null!=_iterator.return){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_69dd606054f411e9aeb367f92c5b63ab())}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Count up",description:"count up js wrapper with minimal styling",icon:"icons:android",color:"green",groups:["Up"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[],configure:[{property:"start",description:"",inputMethod:"textfield"},{property:"end",description:"",inputMethod:"textfield"},{property:"duration",description:"",inputMethod:"textfield"},{property:"noeasing",description:"",inputMethod:"boolean"},{property:"decimalplaces",description:"",inputMethod:"textfield"},{property:"separator",description:"",inputMethod:"textfield"},{property:"decimal",description:"",inputMethod:"textfield"},{property:"prefix",description:"",inputMethod:"textfield"},{property:"suffix",description:"",inputMethod:"textfield"}],advanced:[]}}}},{key:"properties",get:function get(){return{start:{name:"start",type:"Number",value:0},end:{name:"end",type:"Number",value:100},duration:{name:"duration",type:"Number",value:2.5},noeasing:{name:"noeasing",type:"Boolean",value:!1},decimalplaces:{name:"decimalPlaces",type:"Number",value:0},separator:{name:"separator",type:"String",value:","},decimal:{name:"decimal",type:"String",value:"."},prefixtext:{name:"prefixtext",type:"String",value:" "},suffixtext:{name:"suffixtext",type:"String",value:" "},thresholds:{type:"Array",value:[0,.25,.5,.75,1]},rootMargin:{type:"String",value:"0px"},ratio:{type:"Number",reflectToAttribute:!0,readOnly:!0},visibleLimit:{type:"Number",value:.5,reflectToAttribute:!0}}}}]);return CountUpElement}(_polymerElement.PolymerElement);_exports.CountUpElement=CountUpElement;customElements.define("count-up",CountUpElement)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../../countup.js/dist/countUp.min.js"],function(_exports,_polymerElement,_HAXWiring,_countUpMin){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});Object.defineProperty(_exports,"CountUp",{enumerable:!0,get:function get(){return _countUpMin.CountUp}});_exports.CountUpElement=void 0;function _templateObject_0224dbc0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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          @apply --count-up-number;\n        }\n      </style>\n      <div class=\"wrapper\">\n        <slot name=\"prefix\"></slot>\n        <div id=\"counter\"></div>\n        <slot name=\"suffix\"></slot>\n      </div>\n    "]);_templateObject_0224dbc0555211e98f439769bd191e33=function(){return data};return data}var CountUpElement=function(_PolymerElement){babelHelpers.inherits(CountUpElement,_PolymerElement);function CountUpElement(){babelHelpers.classCallCheck(this,CountUpElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(CountUpElement).apply(this,arguments))}babelHelpers.createClass(CountUpElement,[{key:"tag",value:function tag(){return"count-up"}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(CountUpElement.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(CountUpElement.haxProperties,"count-up",this);this.observer=new IntersectionObserver(this.handleIntersectionCallback.bind(this),{root:document.rootElement,rootMargin:this.rootMargin,threshold:this.thresholds});this.observer.observe(this);var options={startVal:this.start,decimalPlaces:this.decimalplaces,duration:this.duration,useEasing:!this.noeasing,separator:this.separator,decimal:this.decimal,prefix:this.prefixtext,suffix:this.suffixtext};this._countUp=new _countUpMin.CountUp(this.$.counter,this.end,options)}},{key:"handleIntersectionCallback",value:function handleIntersectionCallback(entries){var _iteratorNormalCompletion=!0,_didIteratorError=!1,_iteratorError=void 0;try{for(var _iterator=entries[Symbol.iterator](),_step,entry;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=!0){entry=_step.value;this._setRatio((+entry.intersectionRatio).toFixed(2));if(this.ratio>=this.visibleLimit){this._countUp.start()}}}catch(err){_didIteratorError=!0;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&null!=_iterator.return){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_0224dbc0555211e98f439769bd191e33())}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Count up",description:"count up js wrapper with minimal styling",icon:"icons:android",color:"green",groups:["Up"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[],configure:[{property:"start",description:"",inputMethod:"textfield"},{property:"end",description:"",inputMethod:"textfield"},{property:"duration",description:"",inputMethod:"textfield"},{property:"noeasing",description:"",inputMethod:"boolean"},{property:"decimalplaces",description:"",inputMethod:"textfield"},{property:"separator",description:"",inputMethod:"textfield"},{property:"decimal",description:"",inputMethod:"textfield"},{property:"prefix",description:"",inputMethod:"textfield"},{property:"suffix",description:"",inputMethod:"textfield"}],advanced:[]}}}},{key:"properties",get:function get(){return{start:{name:"start",type:"Number",value:0},end:{name:"end",type:"Number",value:100},duration:{name:"duration",type:"Number",value:2.5},noeasing:{name:"noeasing",type:"Boolean",value:!1},decimalplaces:{name:"decimalPlaces",type:"Number",value:0},separator:{name:"separator",type:"String",value:","},decimal:{name:"decimal",type:"String",value:"."},prefixtext:{name:"prefixtext",type:"String",value:" "},suffixtext:{name:"suffixtext",type:"String",value:" "},thresholds:{type:"Array",value:[0,.25,.5,.75,1]},rootMargin:{type:"String",value:"0px"},ratio:{type:"Number",reflectToAttribute:!0,readOnly:!0},visibleLimit:{type:"Number",value:.5,reflectToAttribute:!0}}}}]);return CountUpElement}(_polymerElement.PolymerElement);_exports.CountUpElement=CountUpElement;customElements.define("count-up",CountUpElement)});
\ No newline at end of file
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 586d52b832c..0816c8a7af4 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-ajax/iron-ajax.js","../../@polymer/paper-button/paper-button.js","../../@polymer/paper-spinner/paper-spinner.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js","../simple-colors/simple-colors.js","../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.CsvRender=void 0;function _templateObject_72fce30054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors\">\n      :host {\n        display: block;\n      }\n      .mdl-data-table {\n        width: 100%;\n        /*position: relative;*/\n        border: 1px solid rgba(0, 0, 0, 0.12);\n        border-collapse: collapse;\n        white-space: nowrap;\n        font-size: 16px;\n        background-color: rgb(255, 255, 255);\n      }\n      .mdl-data-table thead {\n        padding-bottom: 0.16px;\n        position: sticky;\n      }\n      .mdl-data-table caption {\n        background-color: #eee;\n        font-weight: bold;\n        padding: 8px;\n        border: 1px solid rgba(0, 0, 0, 0.12);\n        border-bottom: none;\n      }\n      .mdl-data-table thead th {\n        text-align: center;\n      }\n      .mdl-data-table thead .mdl-data-table__select {\n        margin-top: 0;\n      }\n      .mdl-data-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      .mdl-data-table tbody tr.is-selected {\n        background-color: #e0e0e0;\n      }\n      .mdl-data-table tbody tr:hover {\n        background-color: #eeeeee;\n      }\n      .mdl-data-table td,\n      .mdl-data-table th {\n        padding: 0 1.125em;\n        text-align: right;\n      }\n      .mdl-data-table td:first-of-type,\n      .mdl-data-table th:first-of-type {\n        padding-left: 24px;\n      }\n      .mdl-data-table td:last-of-type,\n      .mdl-data-table th:last-of-type {\n        padding-right: 24px;\n      }\n      .mdl-data-table td {\n        border-top: 1px solid rgba(0, 0, 0, 0.12);\n        border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n      }\n      .mdl-data-table td .mdl-data-table__select {\n        vertical-align: top;\n        position: absolute;\n        left: 24px;\n      }\n      .mdl-data-table th.mdl-data-table__sort {\n        color: rgba(0, 0, 0, 0.87);\n      }\n      .mdl-data-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      .mdl-data-table th .mdl-data-table__select {\n        position: relative;\n      }\n      .mdl-data-table__select {\n        width: 16px;\n      }\n      .mdl-data-table td.mdl-data-table__cell--non-numeric {\n        text-align: left;\n      }\n      .mdl-data-table th.mdl-data-table__cell--non-numeric {\n        text-align: left;\n      }\n      #loading {\n        position: absolute;\n        width: 100px;\n        height: 100px;\n        transition: 1.2s all linear;\n        opacity: 0;\n      }\n      #loading[active] {\n        visibility: visible;\n        opacity: 1;\n      }\n      #download paper-button {\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:focus,\n      #download paper-button:active {\n        outline: 2px solid grey;\n      }\n    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"[[dataSource]]\"\n      handle-as=\"text\"\n      last-response=\"{{tableData}}\"\n      on-response=\"handleResponse\"\n    ></iron-ajax>\n    <paper-spinner id=\"loading\" active=\"\"></paper-spinner>\n    <a href=\"[[dataSource]]\" id=\"download\" tabindex=\"-1\">\n      <paper-button class=\"simple-colors-default-theme-grey-11-text\"\n        ><iron-icon icon=\"file-download\"></iron-icon\n      ></paper-button> </a\n    ><paper-tooltip for=\"download\" animation-delay=\"200\" offset=\"14\"\n      >Download table data</paper-tooltip\n    >\n    <table class=\"mdl-data-table\" summary=\"[[summary]]\">\n      <template is=\"dom-if\" if=\"[[caption]]\">\n        <caption>\n          [[caption]]\n        </caption>\n      </template>\n      <thead>\n        <tr>\n          <template is=\"dom-repeat\" items=\"[[tableHeadings]]\" as=\"heading\">\n            <th scope=\"col\">[[heading]]</th>\n          </template>\n        </tr>\n      </thead>\n      <tbody>\n        <template is=\"dom-repeat\" items=\"[[table]]\" as=\"row\">\n          <tr>\n            <template is=\"dom-repeat\" items=\"[[row]]\" as=\"col\">\n              <td>[[col]]</td>\n            </template>\n          </tr>\n        </template>\n      </tbody>\n    </table>\n  "]);_templateObject_72fce30054f411e9aeb367f92c5b63ab=function(){return data};return data}var CsvRender=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_72fce30054f411e9aeb367f92c5b63ab()),is:"csv-render",properties:{dataSource:{type:String},caption:{type:String,reflectToAttribute:!0},summary:{type:String,reflectToAttribute:!0},table:{type:Array,value:[]},tableHeadings:{type:Array,value:[]},tableData:{type:String,value:""}},handleResponse:function handleResponse(){this.table=this.CSVtoArray(this.tableData);this.tableHeadings=this.table.shift();this.$.loading.active=!1},CSVtoArray:function CSVtoArray(text){var p="",row=[""],ret=[row],i=0,r=0,s=!0,l;for(l in text){l=text[l];if("\""===l){if(s&&l===p)row[i]+=l;s=!s}else if(","===l&&s)l=row[++i]="";else if("\n"===l&&s){if("\r"===p)row[i]=row[i].slice(0,-1);row=ret[++r]=[l=""];i=0}else row[i]+=l;p=l}return ret}});_exports.CsvRender=CsvRender});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-ajax/iron-ajax.js","../../@polymer/paper-button/paper-button.js","../../@polymer/paper-spinner/paper-spinner.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js","../simple-colors/simple-colors.js","../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.CsvRender=void 0;function _templateObject_080538f0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors\">\n      :host {\n        display: block;\n      }\n      .mdl-data-table {\n        width: 100%;\n        /*position: relative;*/\n        border: 1px solid rgba(0, 0, 0, 0.12);\n        border-collapse: collapse;\n        white-space: nowrap;\n        font-size: 16px;\n        background-color: rgb(255, 255, 255);\n      }\n      .mdl-data-table thead {\n        padding-bottom: 0.16px;\n        position: sticky;\n      }\n      .mdl-data-table caption {\n        background-color: #eee;\n        font-weight: bold;\n        padding: 8px;\n        border: 1px solid rgba(0, 0, 0, 0.12);\n        border-bottom: none;\n      }\n      .mdl-data-table thead th {\n        text-align: center;\n      }\n      .mdl-data-table thead .mdl-data-table__select {\n        margin-top: 0;\n      }\n      .mdl-data-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      .mdl-data-table tbody tr.is-selected {\n        background-color: #e0e0e0;\n      }\n      .mdl-data-table tbody tr:hover {\n        background-color: #eeeeee;\n      }\n      .mdl-data-table td,\n      .mdl-data-table th {\n        padding: 0 1.125em;\n        text-align: right;\n      }\n      .mdl-data-table td:first-of-type,\n      .mdl-data-table th:first-of-type {\n        padding-left: 24px;\n      }\n      .mdl-data-table td:last-of-type,\n      .mdl-data-table th:last-of-type {\n        padding-right: 24px;\n      }\n      .mdl-data-table td {\n        border-top: 1px solid rgba(0, 0, 0, 0.12);\n        border-bottom: 1px solid rgba(0, 0, 0, 0.12);\n      }\n      .mdl-data-table td .mdl-data-table__select {\n        vertical-align: top;\n        position: absolute;\n        left: 24px;\n      }\n      .mdl-data-table th.mdl-data-table__sort {\n        color: rgba(0, 0, 0, 0.87);\n      }\n      .mdl-data-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      .mdl-data-table th .mdl-data-table__select {\n        position: relative;\n      }\n      .mdl-data-table__select {\n        width: 16px;\n      }\n      .mdl-data-table td.mdl-data-table__cell--non-numeric {\n        text-align: left;\n      }\n      .mdl-data-table th.mdl-data-table__cell--non-numeric {\n        text-align: left;\n      }\n      #loading {\n        position: absolute;\n        width: 100px;\n        height: 100px;\n        transition: 1.2s all linear;\n        opacity: 0;\n      }\n      #loading[active] {\n        visibility: visible;\n        opacity: 1;\n      }\n      #download paper-button {\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:focus,\n      #download paper-button:active {\n        outline: 2px solid grey;\n      }\n    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"[[dataSource]]\"\n      handle-as=\"text\"\n      last-response=\"{{tableData}}\"\n      on-response=\"handleResponse\"\n    ></iron-ajax>\n    <paper-spinner id=\"loading\" active=\"\"></paper-spinner>\n    <a href=\"[[dataSource]]\" id=\"download\" tabindex=\"-1\">\n      <paper-button class=\"simple-colors-default-theme-grey-11-text\"\n        ><iron-icon icon=\"file-download\"></iron-icon\n      ></paper-button> </a\n    ><paper-tooltip for=\"download\" animation-delay=\"200\" offset=\"14\"\n      >Download table data</paper-tooltip\n    >\n    <table class=\"mdl-data-table\" summary=\"[[summary]]\">\n      <template is=\"dom-if\" if=\"[[caption]]\">\n        <caption>\n          [[caption]]\n        </caption>\n      </template>\n      <thead>\n        <tr>\n          <template is=\"dom-repeat\" items=\"[[tableHeadings]]\" as=\"heading\">\n            <th scope=\"col\">[[heading]]</th>\n          </template>\n        </tr>\n      </thead>\n      <tbody>\n        <template is=\"dom-repeat\" items=\"[[table]]\" as=\"row\">\n          <tr>\n            <template is=\"dom-repeat\" items=\"[[row]]\" as=\"col\">\n              <td>[[col]]</td>\n            </template>\n          </tr>\n        </template>\n      </tbody>\n    </table>\n  "]);_templateObject_080538f0555211e98f439769bd191e33=function(){return data};return data}var CsvRender=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_080538f0555211e98f439769bd191e33()),is:"csv-render",properties:{dataSource:{type:String},caption:{type:String,reflectToAttribute:!0},summary:{type:String,reflectToAttribute:!0},table:{type:Array,value:[]},tableHeadings:{type:Array,value:[]},tableData:{type:String,value:""}},handleResponse:function handleResponse(){this.table=this.CSVtoArray(this.tableData);this.tableHeadings=this.table.shift();this.$.loading.active=!1},CSVtoArray:function CSVtoArray(text){var p="",row=[""],ret=[row],i=0,r=0,s=!0,l;for(l in text){l=text[l];if("\""===l){if(s&&l===p)row[i]+=l;s=!s}else if(","===l&&s)l=row[++i]="";else if("\n"===l&&s){if("\r"===p)row[i]=row[i].slice(0,-1);row=ret[++r]=[l=""];i=0}else row[i]+=l;p=l}return ret}});_exports.CsvRender=CsvRender});
\ No newline at end of file
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 8d7cb49f76a..3f1e2074cd8 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 +1 @@
-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_69f30b4054f411e9aeb367f92c5b63ab(){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_69f30b4054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_69f30b4054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_04d26f90555211e98f439769bd191e33(){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_04d26f90555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_04d26f90555211e98f439769bd191e33());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 fa37a0ad567..a3b9276c67d 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../../@polymer/paper-item/paper-item.js","../../@polymer/paper-listbox/paper-listbox.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.DropdownSelect=void 0;function _templateObject_6b8a9b3054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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        @apply --dropdown-select-items;\n      }\n      paper-listbox paper-listbox {\n        @apply --dropdown-listbox;\n      }\n    </style>\n    <paper-dropdown-menu\n      id=\"menu\"\n      allow-outside-scroll$=\"[[allowOutsideScroll]]\"\n      always-float-label$=\"[[alwaysFloatLabel]]\"\n      dynamic-align$=\"[[dynamicAlign]]\"\n      error-message$=\"[[errorMessage]]\"\n      horizontal-align$=\"[[horizontalAlign]]\"\n      label$=\"[[label]]\"\n      no-animations$=\"[[noAnimations]]\"\n      no-label-float$=\"[[noLabelFloat]]\"\n      on-selected-item-changed=\"_getSelectedValue\"\n      placeholder$=\"[[placeholder]]\"\n      restore-focus-on-close$=\"[[restoreFocusOnClose]]\"\n      vertical-align$=\"[[verticalAlign]]\"\n      vertical-offset$=\"[[verticalOffset]]\"\n    >\n      <paper-listbox\n        id=\"listbox\"\n        slot=\"dropdown-content\"\n        class=\"dropdown-content\"\n      >\n        <slot id=\"content\"></slot>\n      </paper-listbox>\n    </paper-dropdown-menu>\n  "],["\n    <style>\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        @apply --dropdown-select-items;\n      }\n      paper-listbox paper-listbox {\n        @apply --dropdown-listbox;\n      }\n    </style>\n    <paper-dropdown-menu\n      id=\"menu\"\n      allow-outside-scroll\\$=\"[[allowOutsideScroll]]\"\n      always-float-label\\$=\"[[alwaysFloatLabel]]\"\n      dynamic-align\\$=\"[[dynamicAlign]]\"\n      error-message\\$=\"[[errorMessage]]\"\n      horizontal-align\\$=\"[[horizontalAlign]]\"\n      label\\$=\"[[label]]\"\n      no-animations\\$=\"[[noAnimations]]\"\n      no-label-float\\$=\"[[noLabelFloat]]\"\n      on-selected-item-changed=\"_getSelectedValue\"\n      placeholder\\$=\"[[placeholder]]\"\n      restore-focus-on-close\\$=\"[[restoreFocusOnClose]]\"\n      vertical-align\\$=\"[[verticalAlign]]\"\n      vertical-offset\\$=\"[[verticalOffset]]\"\n    >\n      <paper-listbox\n        id=\"listbox\"\n        slot=\"dropdown-content\"\n        class=\"dropdown-content\"\n      >\n        <slot id=\"content\"></slot>\n      </paper-listbox>\n    </paper-dropdown-menu>\n  "]);_templateObject_6b8a9b3054f411e9aeb367f92c5b63ab=function(){return data};return data}var DropdownSelect=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_6b8a9b3054f411e9aeb367f92c5b63ab()),is:"dropdown-select",listeners:{"paper-dropdown-open":"_onOpen","paper-dropdown-close":"_onClose"},properties:{allowOutsideScroll:{type:Boolean,value:!1},alwaysFloatLabel:{type:Boolean,value:!1},dynamicAlign:{type:Boolean},errorMessage:{type:String},horizontalAlign:{type:String,value:"right"},label:{type:String,value:"Select an option."},noAnimations:{type:Boolean,value:!1},noLabelFloat:{type:Boolean,value:!1},opened:{type:Boolean,value:!1},placeholder:{type:String},restoreFocusOnClose:{type:Boolean,value:!0},selectedItem:{type:Object},selectedItemIndex:{type:Number,value:null},selectedItemLabel:{type:String,value:null},value:{type:String,value:null,notify:!0,reflectToAttribute:!0,observer:"_valueChanged"},verticalAlign:{type:String,value:"top"},verticalOffset:{type:Number}},_getSelectedValue:function _getSelectedValue(e){if(null!==e.detail.value){this.value=e.detail.value.getAttribute("value");this._setSelectedValues();this.fire("change",{value:this.value});this.fire("dropdown-select-changed",this)}},_onOpen:function _onOpen(){this.opened=!0},_onClose:function _onClose(){this.opened=!1},_setSelectedValues:function _setSelectedValues(){this.selectedItem=this.$.menu.selectedItem;this.selectedItemLabel=this.$.menu.selectedItemLabel;this.selectedItemIndex=this.$.listbox.selected},attached:function attached(){this._valueChanged(this.value)},_valueChanged:function _valueChanged(){var children=(0,_polymerDom.dom)(this).querySelectorAll("paper-item");if(children!==void 0&&null!==children){for(var i=0;i<children.length;i++){if(this.value===children[i].getAttribute("value")){this.$.listbox.selected=i;this._setSelectedValues()}}}}});_exports.DropdownSelect=DropdownSelect});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../../@polymer/paper-item/paper-item.js","../../@polymer/paper-listbox/paper-listbox.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.DropdownSelect=void 0;function _templateObject_063ea9c0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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        @apply --dropdown-select-items;\n      }\n      paper-listbox paper-listbox {\n        @apply --dropdown-listbox;\n      }\n    </style>\n    <paper-dropdown-menu\n      id=\"menu\"\n      allow-outside-scroll$=\"[[allowOutsideScroll]]\"\n      always-float-label$=\"[[alwaysFloatLabel]]\"\n      dynamic-align$=\"[[dynamicAlign]]\"\n      error-message$=\"[[errorMessage]]\"\n      horizontal-align$=\"[[horizontalAlign]]\"\n      label$=\"[[label]]\"\n      no-animations$=\"[[noAnimations]]\"\n      no-label-float$=\"[[noLabelFloat]]\"\n      on-selected-item-changed=\"_getSelectedValue\"\n      placeholder$=\"[[placeholder]]\"\n      restore-focus-on-close$=\"[[restoreFocusOnClose]]\"\n      vertical-align$=\"[[verticalAlign]]\"\n      vertical-offset$=\"[[verticalOffset]]\"\n    >\n      <paper-listbox\n        id=\"listbox\"\n        slot=\"dropdown-content\"\n        class=\"dropdown-content\"\n      >\n        <slot id=\"content\"></slot>\n      </paper-listbox>\n    </paper-dropdown-menu>\n  "],["\n    <style>\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        @apply --dropdown-select-items;\n      }\n      paper-listbox paper-listbox {\n        @apply --dropdown-listbox;\n      }\n    </style>\n    <paper-dropdown-menu\n      id=\"menu\"\n      allow-outside-scroll\\$=\"[[allowOutsideScroll]]\"\n      always-float-label\\$=\"[[alwaysFloatLabel]]\"\n      dynamic-align\\$=\"[[dynamicAlign]]\"\n      error-message\\$=\"[[errorMessage]]\"\n      horizontal-align\\$=\"[[horizontalAlign]]\"\n      label\\$=\"[[label]]\"\n      no-animations\\$=\"[[noAnimations]]\"\n      no-label-float\\$=\"[[noLabelFloat]]\"\n      on-selected-item-changed=\"_getSelectedValue\"\n      placeholder\\$=\"[[placeholder]]\"\n      restore-focus-on-close\\$=\"[[restoreFocusOnClose]]\"\n      vertical-align\\$=\"[[verticalAlign]]\"\n      vertical-offset\\$=\"[[verticalOffset]]\"\n    >\n      <paper-listbox\n        id=\"listbox\"\n        slot=\"dropdown-content\"\n        class=\"dropdown-content\"\n      >\n        <slot id=\"content\"></slot>\n      </paper-listbox>\n    </paper-dropdown-menu>\n  "]);_templateObject_063ea9c0555211e98f439769bd191e33=function(){return data};return data}var DropdownSelect=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_063ea9c0555211e98f439769bd191e33()),is:"dropdown-select",listeners:{"paper-dropdown-open":"_onOpen","paper-dropdown-close":"_onClose"},properties:{allowOutsideScroll:{type:Boolean,value:!1},alwaysFloatLabel:{type:Boolean,value:!1},dynamicAlign:{type:Boolean},errorMessage:{type:String},horizontalAlign:{type:String,value:"right"},label:{type:String,value:"Select an option."},noAnimations:{type:Boolean,value:!1},noLabelFloat:{type:Boolean,value:!1},opened:{type:Boolean,value:!1},placeholder:{type:String},restoreFocusOnClose:{type:Boolean,value:!0},selectedItem:{type:Object},selectedItemIndex:{type:Number,value:null},selectedItemLabel:{type:String,value:null},value:{type:String,value:null,notify:!0,reflectToAttribute:!0,observer:"_valueChanged"},verticalAlign:{type:String,value:"top"},verticalOffset:{type:Number}},_getSelectedValue:function _getSelectedValue(e){if(null!==e.detail.value){this.value=e.detail.value.getAttribute("value");this._setSelectedValues();this.fire("change",{value:this.value});this.fire("dropdown-select-changed",this)}},_onOpen:function _onOpen(){this.opened=!0},_onClose:function _onClose(){this.opened=!1},_setSelectedValues:function _setSelectedValues(){this.selectedItem=this.$.menu.selectedItem;this.selectedItemLabel=this.$.menu.selectedItemLabel;this.selectedItemIndex=this.$.listbox.selected},attached:function attached(){this._valueChanged(this.value)},_valueChanged:function _valueChanged(){var children=(0,_polymerDom.dom)(this).querySelectorAll("paper-item");if(children!==void 0&&null!==children){for(var i=0;i<children.length;i++){if(this.value===children[i].getAttribute("value")){this.$.listbox.selected=i;this._setSelectedValues()}}}}});_exports.DropdownSelect=DropdownSelect});
\ No newline at end of file
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 21fdbd9e57b..2d9bf6f2f4f 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/iron-flex-layout/iron-flex-layout-classes.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/editor-icons.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../paper-collapse-item/paper-collapse-item.js","../../../paper-collapse-item/paper-collapse-group.js","../../../@polymer/app-localize-behavior/app-localize-behavior.js","./eco-json-schema-boolean.js","./eco-json-schema-enum.js","./eco-json-schema-input.js","./eco-json-schema-object.js","./eco-json-schema-file.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_96784a9054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        paper-input {\n          padding: 2px;\n\n          --paper-input-container-label: {\n            white-space: normal;\n            position: static;\n            font-size: 22px;\n            color: #212121;\n          }\n        }\n\n        paper-collapse-item {\n          --paper-collapse-item-header: {\n            font-weight: bold;\n            padding: 8px 0 0 8px;\n          }\n        }\n\n        #form {\n          border: 1px solid #aaaaaa;\n        }\n\n        #form div:nth-child(odd) {\n          background-color: #f2f2f2;\n          padding: 4px;\n        }\n\n        #form div:nth-child(even) {\n          background-color: #e2e2e2;\n          border-top: 1px solid #aaaaaa;\n          border-bottom: 1px solid #aaaaaa;\n          padding: 4px;\n        }\n\n        #form div:focus,\n        #form div:hover,\n        #form div:active {\n          background-color: #ffffff !important;\n        }\n\n        paper-icon-button {\n          float: right;\n          border-radius: 50%;\n        }\n\n        .array-add {\n          color: #34e79a;\n          background-color: #f8f8f8;\n        }\n\n        .array-remove-element {\n          color: #f44336;\n          background-color: #f8f8f8;\n        }\n\n        .label {\n          @apply --paper-input-container-label;\n          white-space: normal;\n          position: static;\n          font-size: 22px;\n          color: #212121;\n        }\n\n        :host {\n          display: block;\n        }\n        .label {\n          white-space: normal;\n          position: static;\n          font-size: 22px;\n          color: #212121;\n          @apply --paper-input-container-label;\n        }\n      </style>\n    </custom-style>\n    <div class=\"horizontal layout\">\n      <div class=\"flex\" hidden$=\"[[!label]]\">[[label]]</div>\n      <paper-icon-button\n        id=\"addarray\"\n        title=\"Add another item\"\n        class=\"array-add\"\n        icon=\"add\"\n        on-click=\"_onAddItem\"\n        role=\"button\"\n        aria-label=\"Add another item\"\n      ></paper-icon-button>\n    </div>\n\n    <paper-collapse-group id=\"form\" class=\"vertical flex layout\"\n      ><slot></slot\n    ></paper-collapse-group>\n  "],["\n    <custom-style>\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        paper-input {\n          padding: 2px;\n\n          --paper-input-container-label: {\n            white-space: normal;\n            position: static;\n            font-size: 22px;\n            color: #212121;\n          }\n        }\n\n        paper-collapse-item {\n          --paper-collapse-item-header: {\n            font-weight: bold;\n            padding: 8px 0 0 8px;\n          }\n        }\n\n        #form {\n          border: 1px solid #aaaaaa;\n        }\n\n        #form div:nth-child(odd) {\n          background-color: #f2f2f2;\n          padding: 4px;\n        }\n\n        #form div:nth-child(even) {\n          background-color: #e2e2e2;\n          border-top: 1px solid #aaaaaa;\n          border-bottom: 1px solid #aaaaaa;\n          padding: 4px;\n        }\n\n        #form div:focus,\n        #form div:hover,\n        #form div:active {\n          background-color: #ffffff !important;\n        }\n\n        paper-icon-button {\n          float: right;\n          border-radius: 50%;\n        }\n\n        .array-add {\n          color: #34e79a;\n          background-color: #f8f8f8;\n        }\n\n        .array-remove-element {\n          color: #f44336;\n          background-color: #f8f8f8;\n        }\n\n        .label {\n          @apply --paper-input-container-label;\n          white-space: normal;\n          position: static;\n          font-size: 22px;\n          color: #212121;\n        }\n\n        :host {\n          display: block;\n        }\n        .label {\n          white-space: normal;\n          position: static;\n          font-size: 22px;\n          color: #212121;\n          @apply --paper-input-container-label;\n        }\n      </style>\n    </custom-style>\n    <div class=\"horizontal layout\">\n      <div class=\"flex\" hidden\\$=\"[[!label]]\">[[label]]</div>\n      <paper-icon-button\n        id=\"addarray\"\n        title=\"Add another item\"\n        class=\"array-add\"\n        icon=\"add\"\n        on-click=\"_onAddItem\"\n        role=\"button\"\n        aria-label=\"Add another item\"\n      ></paper-icon-button>\n    </div>\n\n    <paper-collapse-group id=\"form\" class=\"vertical flex layout\"\n      ><slot></slot\n    ></paper-collapse-group>\n  "]);_templateObject_96784a9054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({is:"eco-json-schema-array",_template:(0,_polymerLegacy.html)(_templateObject_96784a9054f411e9aeb367f92c5b63ab()),properties:{schema:{type:Object,notify:!0,observer:"_schemaChanged"},label:{type:String},value:{type:Array,notify:!0,value:function value(){return[]},observer:"_valueChanged"},error:{type:Object,observer:"_errorChanged"},_schemaArrayItems:{type:Array,notify:!0}},observers:["_schemaArraySplicesChanged(_schemaArrayItems.splices)"],_valueChanged:function _valueChanged(newValue,oldValue){var _this=this;if(newValue!==oldValue&&babelHelpers.typeof(newValue)!=="undefined"&&babelHelpers.typeof(this.schema)!=="undefined"){setTimeout(function(){_this._buildSchemaArrayItems();for(var i in newValue){_this._onAddItemWithValue(newValue[i],parseInt(i))}},325)}},ready:function ready(){},detached:function detached(){this._clearForm()},_buildSchemaArrayItems:function _buildSchemaArrayItems(){this.set("_schemaArrayItems",[])},_setValue:function _setValue(){var newValue=this._schemaArrayItems.map(function(item){return item.value});this.set("value",[]);this.set("value",newValue);this.notifyPath("value.*")},_schemaArraySplicesChanged:function _schemaArraySplicesChanged(detail){var _this2=this;if(!detail){return console.warn("detail is undefined")}if(detail.keySplices){console.warn("Got keySplices, don't know what to do with them!")}detail.indexSplices.forEach(function(splice){var args=["value",splice.index,splice.removed.length];if(splice.removed&&splice.removed.length){for(var i=splice.index,ii=splice.index+splice.removed.length;i<ii;i++){_this2._removeArrayEl(_this2.children[i])}}if(splice.addedCount){for(var i=splice.index,ii=splice.index+splice.addedCount;i<ii;i++){var item=splice.object[i],componentEl=_this2.create(item.component.name,{label:item.label,schema:item.schema,schemaArrayItem:item}),containerEl=_this2.create("paper-collapse-item",{header:"Item "+(i+1)}),buttonEl=_this2.create("paper-icon-button",{icon:"remove",title:"Remove item"});_this2.listen(buttonEl,"tap","_onRemoveItem");buttonEl.classList.add("array-remove-element");componentEl.classList.add("flex","horizontal","layout");(0,_polymerDom.dom)(containerEl).appendChild(componentEl);(0,_polymerDom.dom)(containerEl).appendChild(buttonEl);var beforeEl=_this2.children[i];if(beforeEl){(0,_polymerDom.dom)(_this2).insertBefore(containerEl,beforeEl)}else{(0,_polymerDom.dom)(_this2).appendChild(containerEl)}_this2.listen(componentEl,item.component.valueProperty.replace(/([A-Z])/g,"-$1").toLowerCase()+"-changed","_schemaArrayItemChanged");args.push(_this2._deepClone(componentEl[item.component.valueProperty]))}}_this2.splice.apply(_this2,args)})},_schemaArrayItemChanged:function _schemaArrayItemChanged(event,detail){var _this3=this;if(detail.path&&/\.length$/.test(detail.path)){return}var item=event.target.schemaArrayItem,index=this._schemaArrayItems.indexOf(item),path=["value",index];if(detail.path&&/\.splices$/.test(detail.path)){path=path.concat(detail.path.split(".").slice(1,-1));if(detail.value.keySplices){console.warn("Got keySplices, don't know what to do with them!")}detail.value.indexSplices.forEach(function(splice){var args=[path.join("."),splice.index,splice.removed.length];if(splice.addedCount){for(var i=splice.index,ii=splice.index+splice.addedCount;i<ii;i++){args.push(_this3._deepClone(splice.object[i]))}}_this3.splice.apply(_this3,args)})}else if(detail.path){path=path.concat(detail.path.split(".").slice(1));this.set(path,this._deepClone(detail.value));this.notifyPath(path)}else{this.splice("value",index,1,this._deepClone(detail.value));this.notifyPath("value.1")}},_removeArrayEl:function _removeArrayEl(el){var polyEl=(0,_polymerDom.dom)(el);if(babelHelpers.typeof(polyEl.childNodes[0])!=="undefined"){this.unlisten(polyEl.childNodes[0],polyEl.firstChild.schemaArrayItem.component.valueProperty.replace(/([A-Z])/g,"-$1").toLowerCase()+"-changed","_schemaArrayItemChanged");if(babelHelpers.typeof(polyEl.childNodes[1])!=="undefined"){this.unlisten(polyEl.childNodes[1],"tap","_onRemoveItem")}}el.schemaArrayItem=null;(0,_polymerDom.dom)(this).removeChild(el)},_clearForm:function _clearForm(){var formEl=(0,_polymerDom.dom)(this);while(formEl.firstChild){this._removeArrayEl(formEl.firstChild)}},_schemaChanged:function _schemaChanged(){this._clearForm();this._buildSchemaArrayItems()},_errorChanged:function _errorChanged(){var _this4=this;(0,_polymerDom.dom)(this).childNodes.forEach(function(rowEl,idx){if(_this4.error&&_this4.error[idx]){(0,_polymerDom.dom)(rowEl).childNodes[0].error=_this4.error[idx]}else{(0,_polymerDom.dom)(rowEl).childNodes[0].error=null}})},_onAddItemWithValue:function _onAddItemWithValue(values){var schema=this.schema.items,i=0;if(babelHelpers.typeof(values)!=="undefined"){for(i in values){if(babelHelpers.typeof(schema.properties[i])!=="undefined"){schema.properties[i].value=values[i]}}}var item={schema:schema,component:schema.component||{}};if(schema.title){item.label=schema.title}if(!item.component.valueProperty){item.component.valueProperty="value"}if(!item.component.name){if(this._isSchemaEnum(schema)){item.component.name="eco-json-schema-enum"}else if(this._isSchemaBoolean(schema.type)){item.component.name="eco-json-schema-boolean"}else if(this._isSchemaFile(schema.type)){item.component.name="eco-json-schema-file"}else if(this._isSchemaValue(schema.type)){item.component.name="eco-json-schema-input"}else if(this._isSchemaObject(schema.type)){item.component.name="eco-json-schema-object"}else if(this._isSchemaArray(schema.type)){item.component.name="eco-json-schema-array"}else{return console.error("Unknown item type %s",schema.type)}}var componentEl=this.create(item.component.name,{label:item.label,schema:item.schema,schemaArrayItem:item}),containerEl=this.create("paper-collapse-item",{header:"Item "+(this.children.length+1)}),buttonEl=this.create("paper-icon-button",{icon:"remove",title:"Remove item"});this.listen(buttonEl,"tap","_onRemoveItem");buttonEl.classList.add("array-remove-element");componentEl.classList.add("flex","horizontal","layout");(0,_polymerDom.dom)(containerEl).appendChild(componentEl);(0,_polymerDom.dom)(containerEl).appendChild(buttonEl);var beforeEl=this.children[this.children.length];if(beforeEl){(0,_polymerDom.dom)(this).insertBefore(containerEl,beforeEl)}else{(0,_polymerDom.dom)(this).appendChild(containerEl)}this.listen(componentEl,item.component.valueProperty.replace(/([A-Z])/g,"-$1").toLowerCase()+"-changed","_schemaArrayItemChanged");this._schemaArrayItems.push(item)},_onAddItem:function _onAddItem(){var schema=this.schema.items,item={label:schema.title,schema:schema,component:schema.component||{}};if(!item.component.valueProperty){item.component.valueProperty="value"}for(var i in item.schema.properties){item.schema.properties[i].value=null}if(!item.component.name){if(this._isSchemaEnum(schema)){item.component.name="eco-json-schema-enum"}else if(this._isSchemaBoolean(schema.type)){item.component.name="eco-json-schema-boolean"}else if(this._isSchemaFile(schema.type)){item.component.name="eco-json-schema-file"}else if(this._isSchemaValue(schema.type)){item.component.name="eco-json-schema-input"}else if(this._isSchemaObject(schema.type)){item.component.name="eco-json-schema-object"}else if(this._isSchemaArray(schema.type)){item.component.name="eco-json-schema-array"}else{return console.error("Unknown item type %s",schema.type)}}this.push("_schemaArrayItems",item)},_onRemoveItem:function _onRemoveItem(e){var item=(0,_polymerDom.dom)(e).localTarget.previousSibling.schemaArrayItem,index=this._schemaArrayItems.indexOf(item);this.splice("_schemaArrayItems",index,1)},_deepClone:function _deepClone(o){return JSON.parse(JSON.stringify(o))},_isSchemaValue:function _isSchemaValue(type){return this._isSchemaBoolean(type)||this._isSchemaNumber(type)||this._isSchemaString(type)||this._isSchemaFile(type)},_isSchemaFile:function _isSchemaFile(type){if(Array.isArray(type)){return-1!==type.indexOf("file")}else{return"file"===type}},_isSchemaBoolean:function _isSchemaBoolean(type){if(Array.isArray(type)){return-1!==type.indexOf("boolean")}else{return"boolean"===type}},_isSchemaEnum:function _isSchemaEnum(schema){return!!schema.enum},_isSchemaNumber:function _isSchemaNumber(type){if(Array.isArray(type)){return-1!==type.indexOf("number")||-1!==type.indexOf("integer")}else{return"number"===type||"integer"===type}},_isSchemaString:function _isSchemaString(type){if(Array.isArray(type)){return-1!==type.indexOf("string")}else{return"string"===type}},_isSchemaObject:function _isSchemaObject(type){return"object"===type},_isSchemaArray:function _isSchemaArray(type){return"array"===type}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/iron-flex-layout/iron-flex-layout-classes.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/editor-icons.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../paper-collapse-item/paper-collapse-item.js","../../../paper-collapse-item/paper-collapse-group.js","../../../@polymer/app-localize-behavior/app-localize-behavior.js","./eco-json-schema-boolean.js","./eco-json-schema-enum.js","./eco-json-schema-input.js","./eco-json-schema-object.js","./eco-json-schema-file.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_2b5e4b70555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        paper-input {\n          padding: 2px;\n\n          --paper-input-container-label: {\n            white-space: normal;\n            position: static;\n            font-size: 22px;\n            color: #212121;\n          }\n        }\n\n        paper-collapse-item {\n          --paper-collapse-item-header: {\n            font-weight: bold;\n            padding: 8px 0 0 8px;\n          }\n        }\n\n        #form {\n          border: 1px solid #aaaaaa;\n        }\n\n        #form div:nth-child(odd) {\n          background-color: #f2f2f2;\n          padding: 4px;\n        }\n\n        #form div:nth-child(even) {\n          background-color: #e2e2e2;\n          border-top: 1px solid #aaaaaa;\n          border-bottom: 1px solid #aaaaaa;\n          padding: 4px;\n        }\n\n        #form div:focus,\n        #form div:hover,\n        #form div:active {\n          background-color: #ffffff !important;\n        }\n\n        paper-icon-button {\n          float: right;\n          border-radius: 50%;\n        }\n\n        .array-add {\n          color: #34e79a;\n          background-color: #f8f8f8;\n        }\n\n        .array-remove-element {\n          color: #f44336;\n          background-color: #f8f8f8;\n        }\n\n        .label {\n          @apply --paper-input-container-label;\n          white-space: normal;\n          position: static;\n          font-size: 22px;\n          color: #212121;\n        }\n\n        :host {\n          display: block;\n        }\n        .label {\n          white-space: normal;\n          position: static;\n          font-size: 22px;\n          color: #212121;\n          @apply --paper-input-container-label;\n        }\n      </style>\n    </custom-style>\n    <div class=\"horizontal layout\">\n      <div class=\"flex\" hidden$=\"[[!label]]\">[[label]]</div>\n      <paper-icon-button\n        id=\"addarray\"\n        title=\"Add another item\"\n        class=\"array-add\"\n        icon=\"add\"\n        on-click=\"_onAddItem\"\n        role=\"button\"\n        aria-label=\"Add another item\"\n      ></paper-icon-button>\n    </div>\n\n    <paper-collapse-group id=\"form\" class=\"vertical flex layout\"\n      ><slot></slot\n    ></paper-collapse-group>\n  "],["\n    <custom-style>\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        paper-input {\n          padding: 2px;\n\n          --paper-input-container-label: {\n            white-space: normal;\n            position: static;\n            font-size: 22px;\n            color: #212121;\n          }\n        }\n\n        paper-collapse-item {\n          --paper-collapse-item-header: {\n            font-weight: bold;\n            padding: 8px 0 0 8px;\n          }\n        }\n\n        #form {\n          border: 1px solid #aaaaaa;\n        }\n\n        #form div:nth-child(odd) {\n          background-color: #f2f2f2;\n          padding: 4px;\n        }\n\n        #form div:nth-child(even) {\n          background-color: #e2e2e2;\n          border-top: 1px solid #aaaaaa;\n          border-bottom: 1px solid #aaaaaa;\n          padding: 4px;\n        }\n\n        #form div:focus,\n        #form div:hover,\n        #form div:active {\n          background-color: #ffffff !important;\n        }\n\n        paper-icon-button {\n          float: right;\n          border-radius: 50%;\n        }\n\n        .array-add {\n          color: #34e79a;\n          background-color: #f8f8f8;\n        }\n\n        .array-remove-element {\n          color: #f44336;\n          background-color: #f8f8f8;\n        }\n\n        .label {\n          @apply --paper-input-container-label;\n          white-space: normal;\n          position: static;\n          font-size: 22px;\n          color: #212121;\n        }\n\n        :host {\n          display: block;\n        }\n        .label {\n          white-space: normal;\n          position: static;\n          font-size: 22px;\n          color: #212121;\n          @apply --paper-input-container-label;\n        }\n      </style>\n    </custom-style>\n    <div class=\"horizontal layout\">\n      <div class=\"flex\" hidden\\$=\"[[!label]]\">[[label]]</div>\n      <paper-icon-button\n        id=\"addarray\"\n        title=\"Add another item\"\n        class=\"array-add\"\n        icon=\"add\"\n        on-click=\"_onAddItem\"\n        role=\"button\"\n        aria-label=\"Add another item\"\n      ></paper-icon-button>\n    </div>\n\n    <paper-collapse-group id=\"form\" class=\"vertical flex layout\"\n      ><slot></slot\n    ></paper-collapse-group>\n  "]);_templateObject_2b5e4b70555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({is:"eco-json-schema-array",_template:(0,_polymerLegacy.html)(_templateObject_2b5e4b70555211e98f439769bd191e33()),properties:{schema:{type:Object,notify:!0,observer:"_schemaChanged"},label:{type:String},value:{type:Array,notify:!0,value:function value(){return[]},observer:"_valueChanged"},error:{type:Object,observer:"_errorChanged"},_schemaArrayItems:{type:Array,notify:!0}},observers:["_schemaArraySplicesChanged(_schemaArrayItems.splices)"],_valueChanged:function _valueChanged(newValue,oldValue){var _this=this;if(newValue!==oldValue&&babelHelpers.typeof(newValue)!=="undefined"&&babelHelpers.typeof(this.schema)!=="undefined"){setTimeout(function(){_this._buildSchemaArrayItems();for(var i in newValue){_this._onAddItemWithValue(newValue[i],parseInt(i))}},325)}},ready:function ready(){},detached:function detached(){this._clearForm()},_buildSchemaArrayItems:function _buildSchemaArrayItems(){this.set("_schemaArrayItems",[])},_setValue:function _setValue(){var newValue=this._schemaArrayItems.map(function(item){return item.value});this.set("value",[]);this.set("value",newValue);this.notifyPath("value.*")},_schemaArraySplicesChanged:function _schemaArraySplicesChanged(detail){var _this2=this;if(!detail){return console.warn("detail is undefined")}if(detail.keySplices){console.warn("Got keySplices, don't know what to do with them!")}detail.indexSplices.forEach(function(splice){var args=["value",splice.index,splice.removed.length];if(splice.removed&&splice.removed.length){for(var i=splice.index,ii=splice.index+splice.removed.length;i<ii;i++){_this2._removeArrayEl(_this2.children[i])}}if(splice.addedCount){for(var i=splice.index,ii=splice.index+splice.addedCount;i<ii;i++){var item=splice.object[i],componentEl=_this2.create(item.component.name,{label:item.label,schema:item.schema,schemaArrayItem:item}),containerEl=_this2.create("paper-collapse-item",{header:"Item "+(i+1)}),buttonEl=_this2.create("paper-icon-button",{icon:"remove",title:"Remove item"});_this2.listen(buttonEl,"tap","_onRemoveItem");buttonEl.classList.add("array-remove-element");componentEl.classList.add("flex","horizontal","layout");(0,_polymerDom.dom)(containerEl).appendChild(componentEl);(0,_polymerDom.dom)(containerEl).appendChild(buttonEl);var beforeEl=_this2.children[i];if(beforeEl){(0,_polymerDom.dom)(_this2).insertBefore(containerEl,beforeEl)}else{(0,_polymerDom.dom)(_this2).appendChild(containerEl)}_this2.listen(componentEl,item.component.valueProperty.replace(/([A-Z])/g,"-$1").toLowerCase()+"-changed","_schemaArrayItemChanged");args.push(_this2._deepClone(componentEl[item.component.valueProperty]))}}_this2.splice.apply(_this2,args)})},_schemaArrayItemChanged:function _schemaArrayItemChanged(event,detail){var _this3=this;if(detail.path&&/\.length$/.test(detail.path)){return}var item=event.target.schemaArrayItem,index=this._schemaArrayItems.indexOf(item),path=["value",index];if(detail.path&&/\.splices$/.test(detail.path)){path=path.concat(detail.path.split(".").slice(1,-1));if(detail.value.keySplices){console.warn("Got keySplices, don't know what to do with them!")}detail.value.indexSplices.forEach(function(splice){var args=[path.join("."),splice.index,splice.removed.length];if(splice.addedCount){for(var i=splice.index,ii=splice.index+splice.addedCount;i<ii;i++){args.push(_this3._deepClone(splice.object[i]))}}_this3.splice.apply(_this3,args)})}else if(detail.path){path=path.concat(detail.path.split(".").slice(1));this.set(path,this._deepClone(detail.value));this.notifyPath(path)}else{this.splice("value",index,1,this._deepClone(detail.value));this.notifyPath("value.1")}},_removeArrayEl:function _removeArrayEl(el){var polyEl=(0,_polymerDom.dom)(el);if(babelHelpers.typeof(polyEl.childNodes[0])!=="undefined"){this.unlisten(polyEl.childNodes[0],polyEl.firstChild.schemaArrayItem.component.valueProperty.replace(/([A-Z])/g,"-$1").toLowerCase()+"-changed","_schemaArrayItemChanged");if(babelHelpers.typeof(polyEl.childNodes[1])!=="undefined"){this.unlisten(polyEl.childNodes[1],"tap","_onRemoveItem")}}el.schemaArrayItem=null;(0,_polymerDom.dom)(this).removeChild(el)},_clearForm:function _clearForm(){var formEl=(0,_polymerDom.dom)(this);while(formEl.firstChild){this._removeArrayEl(formEl.firstChild)}},_schemaChanged:function _schemaChanged(){this._clearForm();this._buildSchemaArrayItems()},_errorChanged:function _errorChanged(){var _this4=this;(0,_polymerDom.dom)(this).childNodes.forEach(function(rowEl,idx){if(_this4.error&&_this4.error[idx]){(0,_polymerDom.dom)(rowEl).childNodes[0].error=_this4.error[idx]}else{(0,_polymerDom.dom)(rowEl).childNodes[0].error=null}})},_onAddItemWithValue:function _onAddItemWithValue(values){var schema=this.schema.items,i=0;if(babelHelpers.typeof(values)!=="undefined"){for(i in values){if(babelHelpers.typeof(schema.properties[i])!=="undefined"){schema.properties[i].value=values[i]}}}var item={schema:schema,component:schema.component||{}};if(schema.title){item.label=schema.title}if(!item.component.valueProperty){item.component.valueProperty="value"}if(!item.component.name){if(this._isSchemaEnum(schema)){item.component.name="eco-json-schema-enum"}else if(this._isSchemaBoolean(schema.type)){item.component.name="eco-json-schema-boolean"}else if(this._isSchemaFile(schema.type)){item.component.name="eco-json-schema-file"}else if(this._isSchemaValue(schema.type)){item.component.name="eco-json-schema-input"}else if(this._isSchemaObject(schema.type)){item.component.name="eco-json-schema-object"}else if(this._isSchemaArray(schema.type)){item.component.name="eco-json-schema-array"}else{return console.error("Unknown item type %s",schema.type)}}var componentEl=this.create(item.component.name,{label:item.label,schema:item.schema,schemaArrayItem:item}),containerEl=this.create("paper-collapse-item",{header:"Item "+(this.children.length+1)}),buttonEl=this.create("paper-icon-button",{icon:"remove",title:"Remove item"});this.listen(buttonEl,"tap","_onRemoveItem");buttonEl.classList.add("array-remove-element");componentEl.classList.add("flex","horizontal","layout");(0,_polymerDom.dom)(containerEl).appendChild(componentEl);(0,_polymerDom.dom)(containerEl).appendChild(buttonEl);var beforeEl=this.children[this.children.length];if(beforeEl){(0,_polymerDom.dom)(this).insertBefore(containerEl,beforeEl)}else{(0,_polymerDom.dom)(this).appendChild(containerEl)}this.listen(componentEl,item.component.valueProperty.replace(/([A-Z])/g,"-$1").toLowerCase()+"-changed","_schemaArrayItemChanged");this._schemaArrayItems.push(item)},_onAddItem:function _onAddItem(){var schema=this.schema.items,item={label:schema.title,schema:schema,component:schema.component||{}};if(!item.component.valueProperty){item.component.valueProperty="value"}for(var i in item.schema.properties){item.schema.properties[i].value=null}if(!item.component.name){if(this._isSchemaEnum(schema)){item.component.name="eco-json-schema-enum"}else if(this._isSchemaBoolean(schema.type)){item.component.name="eco-json-schema-boolean"}else if(this._isSchemaFile(schema.type)){item.component.name="eco-json-schema-file"}else if(this._isSchemaValue(schema.type)){item.component.name="eco-json-schema-input"}else if(this._isSchemaObject(schema.type)){item.component.name="eco-json-schema-object"}else if(this._isSchemaArray(schema.type)){item.component.name="eco-json-schema-array"}else{return console.error("Unknown item type %s",schema.type)}}this.push("_schemaArrayItems",item)},_onRemoveItem:function _onRemoveItem(e){var item=(0,_polymerDom.dom)(e).localTarget.previousSibling.schemaArrayItem,index=this._schemaArrayItems.indexOf(item);this.splice("_schemaArrayItems",index,1)},_deepClone:function _deepClone(o){return JSON.parse(JSON.stringify(o))},_isSchemaValue:function _isSchemaValue(type){return this._isSchemaBoolean(type)||this._isSchemaNumber(type)||this._isSchemaString(type)||this._isSchemaFile(type)},_isSchemaFile:function _isSchemaFile(type){if(Array.isArray(type)){return-1!==type.indexOf("file")}else{return"file"===type}},_isSchemaBoolean:function _isSchemaBoolean(type){if(Array.isArray(type)){return-1!==type.indexOf("boolean")}else{return"boolean"===type}},_isSchemaEnum:function _isSchemaEnum(schema){return!!schema.enum},_isSchemaNumber:function _isSchemaNumber(type){if(Array.isArray(type)){return-1!==type.indexOf("number")||-1!==type.indexOf("integer")}else{return"number"===type||"integer"===type}},_isSchemaString:function _isSchemaString(type){if(Array.isArray(type)){return-1!==type.indexOf("string")}else{return"string"===type}},_isSchemaObject:function _isSchemaObject(type){return"object"===type},_isSchemaArray:function _isSchemaArray(type){return"array"===type}})});
\ No newline at end of file
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 3003b1b579a..70ca6f6a90b 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-flex-layout/iron-flex-layout-classes.js","../../../@polymer/paper-checkbox/paper-checkbox.js"],function(_polymerLegacy){"use strict";function _templateObject_967f286054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n      paper-checkbox {\n        color: #737373;\n        padding: 2px;\n        display: block;\n        font-size: 16px;\n        white-space: normal;\n      }\n    </style>\n\n    <paper-checkbox\n      id=\"checkbox\"\n      class=\"flex\"\n      checked=\"{{value}}\"\n      invalid=\"[[error]]\"\n      >[[_label]]</paper-checkbox\n    >\n  "]);_templateObject_967f286054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({is:"eco-json-schema-boolean",_template:(0,_polymerLegacy.html)(_templateObject_967f286054f411e9aeb367f92c5b63ab()),properties:{schema:{type:Object,observer:"_schemaChanged"},value:{type:Boolean,notify:!0,value:!1},error:{type:Boolean,value:!1},_label:{type:String,notify:!0,value:""}},ready:function ready(){},detached:function detached(){},_schemaChanged:function _schemaChanged(){var schema=this.schema,inputEl=this.$.checkbox;if(schema.component&&schema.component.properties){Object.keys(schema.component.properties).forEach(function(prop){inputEl[prop]=schema.component.properties[prop]})}if(schema.title){this._label=schema.title}},_isSchemaValue:function _isSchemaValue(type){return this._isSchemaBoolean(type)||this._isSchemaNumber(type)||this._isSchemaString(type)},_isSchemaBoolean:function _isSchemaBoolean(type){if(Array.isArray(type)){return-1!==type.indexOf("boolean")}else{return"boolean"===type}},_isSchemaNumber:function _isSchemaNumber(type){if(Array.isArray(type)){return-1!==type.indexOf("number")||-1!==type.indexOf("integer")}else{return"number"===type||"integer"===type}},_isSchemaString:function _isSchemaString(type){if(Array.isArray(type)){return-1!==type.indexOf("string")}else{return"string"===type}},_isSchemaObject:function _isSchemaObject(type){return"object"===type},_isSchemaArray:function _isSchemaArray(type){return"array"===type}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-flex-layout/iron-flex-layout-classes.js","../../../@polymer/paper-checkbox/paper-checkbox.js"],function(_polymerLegacy){"use strict";function _templateObject_2b61cde0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n      paper-checkbox {\n        color: #737373;\n        padding: 2px;\n        display: block;\n        font-size: 16px;\n        white-space: normal;\n      }\n    </style>\n\n    <paper-checkbox\n      id=\"checkbox\"\n      class=\"flex\"\n      checked=\"{{value}}\"\n      invalid=\"[[error]]\"\n      >[[_label]]</paper-checkbox\n    >\n  "]);_templateObject_2b61cde0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({is:"eco-json-schema-boolean",_template:(0,_polymerLegacy.html)(_templateObject_2b61cde0555211e98f439769bd191e33()),properties:{schema:{type:Object,observer:"_schemaChanged"},value:{type:Boolean,notify:!0,value:!1},error:{type:Boolean,value:!1},_label:{type:String,notify:!0,value:""}},ready:function ready(){},detached:function detached(){},_schemaChanged:function _schemaChanged(){var schema=this.schema,inputEl=this.$.checkbox;if(schema.component&&schema.component.properties){Object.keys(schema.component.properties).forEach(function(prop){inputEl[prop]=schema.component.properties[prop]})}if(schema.title){this._label=schema.title}},_isSchemaValue:function _isSchemaValue(type){return this._isSchemaBoolean(type)||this._isSchemaNumber(type)||this._isSchemaString(type)},_isSchemaBoolean:function _isSchemaBoolean(type){if(Array.isArray(type)){return-1!==type.indexOf("boolean")}else{return"boolean"===type}},_isSchemaNumber:function _isSchemaNumber(type){if(Array.isArray(type)){return-1!==type.indexOf("number")||-1!==type.indexOf("integer")}else{return"number"===type||"integer"===type}},_isSchemaString:function _isSchemaString(type){if(Array.isArray(type)){return-1!==type.indexOf("string")}else{return"string"===type}},_isSchemaObject:function _isSchemaObject(type){return"object"===type},_isSchemaArray:function _isSchemaArray(type){return"array"===type}})});
\ No newline at end of file
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 398595b1440..653b659d79c 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-flex-layout/iron-flex-layout-classes.js","../../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/paper-listbox/paper-listbox.js","../../../@polymer/iron-validatable-behavior/iron-validatable-behavior.js"],function(_polymerLegacy,_ironFlexLayoutClasses,_paperDropdownMenu,_paperItem,_paperListbox,_ironValidatableBehavior){"use strict";function _templateObject_9685910054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\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_9685910054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9685910054f411e9aeb367f92c5b63ab()),is:"eco-json-schema-enum",behaviors:[_ironValidatableBehavior.IronValidatableBehavior],properties:{schema:{type:Object,observer:"_schemaChanged"},value:{type:String,notify:!0,value:null},error:{type:String,observer:"_errorChanged",value:null},_items:{type:Object,value:function value(){return{}}}},ready:function ready(){},detached:function detached(){},_schemaChanged:function _schemaChanged(){var schema=this.schema,inputEl=this.$.dropdown;if(schema.component&&schema.component.properties){Object.keys(schema.component.properties).forEach(function(prop){inputEl[prop]=schema.component.properties[prop]})}this._items=schema.enum.filter(function(item){return null!==item});if(schema.title){inputEl.label=schema.title}},_errorChanged:function _errorChanged(){if(this.error){this.$.dropdown.invalid=!0}else{this.$.dropdown.invalid=!1}},_isSchemaValue:function _isSchemaValue(type){return this._isSchemaBoolean(type)||this._isSchemaNumber(type)||this._isSchemaString(type)},_isSchemaBoolean:function _isSchemaBoolean(type){if(Array.isArray(type)){return-1!==type.indexOf("boolean")}else{return"boolean"===type}},_isSchemaNumber:function _isSchemaNumber(type){if(Array.isArray(type)){return-1!==type.indexOf("number")||-1!==type.indexOf("integer")}else{return"number"===type||"integer"===type}},_isSchemaString:function _isSchemaString(type){if(Array.isArray(type)){return-1!==type.indexOf("string")}else{return"string"===type}},_isSchemaObject:function _isSchemaObject(type){return"object"===type},_isSchemaArray:function _isSchemaArray(type){return"array"===type}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-flex-layout/iron-flex-layout-classes.js","../../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/paper-listbox/paper-listbox.js","../../../@polymer/iron-validatable-behavior/iron-validatable-behavior.js"],function(_polymerLegacy,_ironFlexLayoutClasses,_paperDropdownMenu,_paperItem,_paperListbox,_ironValidatableBehavior){"use strict";function _templateObject_2b6ace90555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\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_2b6ace90555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2b6ace90555211e98f439769bd191e33()),is:"eco-json-schema-enum",behaviors:[_ironValidatableBehavior.IronValidatableBehavior],properties:{schema:{type:Object,observer:"_schemaChanged"},value:{type:String,notify:!0,value:null},error:{type:String,observer:"_errorChanged",value:null},_items:{type:Object,value:function value(){return{}}}},ready:function ready(){},detached:function detached(){},_schemaChanged:function _schemaChanged(){var schema=this.schema,inputEl=this.$.dropdown;if(schema.component&&schema.component.properties){Object.keys(schema.component.properties).forEach(function(prop){inputEl[prop]=schema.component.properties[prop]})}this._items=schema.enum.filter(function(item){return null!==item});if(schema.title){inputEl.label=schema.title}},_errorChanged:function _errorChanged(){if(this.error){this.$.dropdown.invalid=!0}else{this.$.dropdown.invalid=!1}},_isSchemaValue:function _isSchemaValue(type){return this._isSchemaBoolean(type)||this._isSchemaNumber(type)||this._isSchemaString(type)},_isSchemaBoolean:function _isSchemaBoolean(type){if(Array.isArray(type)){return-1!==type.indexOf("boolean")}else{return"boolean"===type}},_isSchemaNumber:function _isSchemaNumber(type){if(Array.isArray(type)){return-1!==type.indexOf("number")||-1!==type.indexOf("integer")}else{return"number"===type||"integer"===type}},_isSchemaString:function _isSchemaString(type){if(Array.isArray(type)){return-1!==type.indexOf("string")}else{return"string"===type}},_isSchemaObject:function _isSchemaObject(type){return"object"===type},_isSchemaArray:function _isSchemaArray(type){return"array"===type}})});
\ No newline at end of file
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 42ab338280d..d3152d9abe5 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/iron-flex-layout/iron-flex-layout-classes.js","../../../@polymer/app-localize-behavior/app-localize-behavior.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-icons/iron-icons.js"],function(_polymerLegacy,async,_ironFlexLayoutClasses,_appLocalizeBehavior){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_9695487054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\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}}\">{{errorText}}</div>\n            </div>\n          </template>\n        </div>\n      </div>\n      <input\n        type=\"file\"\n        id=\"fileInput\"\n        on-change=\"_fileChange\"\n        hidden=\"\"\n        multiple=\"{{multi}}\"\n        accept=\"{{accept}}\"\n      />\n    </div>\n  "],["\n    <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\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}}\">{{errorText}}</div>\n            </div>\n          </template>\n        </div>\n      </div>\n      <input\n        type=\"file\"\n        id=\"fileInput\"\n        on-change=\"_fileChange\"\n        hidden=\"\"\n        multiple=\"{{multi}}\"\n        accept=\"{{accept}}\"\n      />\n    </div>\n  "]);_templateObject_9695487054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({is:"eco-json-schema-file",_template:(0,_polymerLegacy.html)(_templateObject_9695487054f411e9aeb367f92c5b63ab()),behaviors:[_appLocalizeBehavior.AppLocalizeBehavior],properties:{language:{value:"en",notify:!0},resources:{value:function value(){return{}},notify:!0},schema:{type:Object,observer:"_schemaChanged"},value:{type:Object,notify:!0,value:function value(){return{}},observer:"_valueChanged"},target:{type:String,value:""},accept:{type:String,value:""},droppable:{type:Boolean,value:!1},dropText:{type:String,value:"Drop Files Here"},multi:{type:Boolean,value:!0},files:{type:Array,notify:!0,value:function value(){return[]}},raised:{type:Boolean,value:!0},noink:{type:Boolean,value:!1},headers:{type:Object,value:{}},retryText:{type:String,value:"Retry Upload"},removeText:{type:String,value:"Remove"},successText:{type:String,value:"Success"},errorText:{type:String,value:"Error uploading file..."},_shownDropText:{type:Boolean,value:!1},additional:{type:Object,value:{}},fileDataName:{type:String,value:"file"},paperButtonAlt:{type:String,value:""},paperButtonTitle:{type:String,value:""}},clear:function clear(){this.set("files",[]);this.$.fileInput.value="";this._showDropText()},ready:function ready(){if(this.raised){this.toggleAttribute("raised",!0,this.$.button)}if(this.noink){this.toggleAttribute("noink",!0,this.$.button)}if(this.droppable){this._showDropText();this.setupDrop()}},setupDrop:function setupDrop(){var uploadBorder=this.$.UploadBorder;this.toggleClass("enabled",!0,uploadBorder);this.ondragover=function(e){e.stopPropagation();this.toggleClass("hover",!0,uploadBorder);var effect=e.dataTransfer&&e.dataTransfer.dropEffect,effectAllowed=e.dataTransfer&&e.dataTransfer.effectAllowed;if("none"===effect&&"none"!==effectAllowed){e.dataTransfer.dropEffect="move"===effectAllowed?"move":"copy"}return!1};this.ondragleave=function(){this.toggleClass("hover",!1,uploadBorder);return!1};this.ondrop=function(event){this.toggleClass("hover",!1,uploadBorder);event.preventDefault();if(!this.multi&&0!==this.files.length){return}for(var length=event.dataTransfer.files.length,i=0;i<length;i++){var file=event.dataTransfer.files[i],mimeType=""!==file.type?file.type.match(/^[^\/]*\//)[0]:null,fileType=file.name.match(/\.[^\.]*$/)[0];if(""!==this.accept&&!(-1<this.accept.indexOf(mimeType)||-1<this.accept.indexOf(fileType))){continue}file.progress=0;file.error=!1;file.complete=!1;this.push("files",file);this.uploadFile(file)}}},_fileClick:function _fileClick(){var elem=this.$.fileInput;if(elem&&document.createEvent){var evt=document.createEvent("MouseEvents");evt.initEvent("click",!0,!1);elem.dispatchEvent(evt)}},_fileChange:function _fileChange(e){for(var length=e.target.files.length,i=0,file;i<length;i++){file=e.target.files[i];file.progress=0;file.error=!1;file.complete=!1;this.push("files",file);if(!this.multi&&0!==this.files.length){this.set("files",[]);this.set("value",{})}this.uploadFile(file)}},cancel:function cancel(file){if(file){if(file.xhr){file.xhr.abort()}this.splice("files",this.files.indexOf(file),1);this._showDropText()}},_cancelUpload:function _cancelUpload(e){this.cancel(e.model.__data__.item)},_retryUpload:function _retryUpload(e){e.model.set("item.error",!1);e.model.set("item.progress",0);var self=this;async.microTask.run(function(){self.uploadFile(e.model.__data__.item)})},_showDropText:function _showDropText(){this.set("_shownDropText",!this.files.length&&this.droppable)},uploadFile:function uploadFile(file){if(!file){return}this.fire("before-upload");this._showDropText();var prefix="files."+this.files.indexOf(file),self=this,reader=new FileReader;reader.addEventListener("load",function(){var r=reader.result;self.set("value."+self.attributes.name.value+"."+self.files.indexOf(file),r)},!1);if(!self.value.hasOwnProperty(self.attributes.name.value)){this.set("value."+self.attributes.name.value,{})}reader.readAsDataURL(file)},_valueChanged:function _valueChanged(){console.log("this.value: "+JSON.stringify(this.value))},_schemaChanged:function _schemaChanged(){this.schema},_isSchemaValue:function _isSchemaValue(type){return this._isSchemaFile(type)},_isSchemaFile:function _isSchemaFile(type){if(Array.isArray(type)){return-1!==type.indexOf("file")}else{return"file"===type}},_isSchemaBoolean:function _isSchemaBoolean(type){if(Array.isArray(type)){return-1!==type.indexOf("boolean")}else{return"boolean"===type}},_isSchemaNumber:function _isSchemaNumber(type){if(Array.isArray(type)){return-1!==type.indexOf("number")||-1!==type.indexOf("integer")}else{return"number"===type||"integer"===type}},_isSchemaString:function _isSchemaString(type){if(Array.isArray(type)){return-1!==type.indexOf("string")}else{return"string"===type}},_isSchemaObject:function _isSchemaObject(type){return"object"===type},_isSchemaArray:function _isSchemaArray(type){return"array"===type},stringify:function stringify(s){return JSON.stringify(s)}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/iron-flex-layout/iron-flex-layout-classes.js","../../../@polymer/app-localize-behavior/app-localize-behavior.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-icons/iron-icons.js"],function(_polymerLegacy,async,_ironFlexLayoutClasses,_appLocalizeBehavior){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_2b7afb30555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\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}}\">{{errorText}}</div>\n            </div>\n          </template>\n        </div>\n      </div>\n      <input\n        type=\"file\"\n        id=\"fileInput\"\n        on-change=\"_fileChange\"\n        hidden=\"\"\n        multiple=\"{{multi}}\"\n        accept=\"{{accept}}\"\n      />\n    </div>\n  "],["\n    <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\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}}\">{{errorText}}</div>\n            </div>\n          </template>\n        </div>\n      </div>\n      <input\n        type=\"file\"\n        id=\"fileInput\"\n        on-change=\"_fileChange\"\n        hidden=\"\"\n        multiple=\"{{multi}}\"\n        accept=\"{{accept}}\"\n      />\n    </div>\n  "]);_templateObject_2b7afb30555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({is:"eco-json-schema-file",_template:(0,_polymerLegacy.html)(_templateObject_2b7afb30555211e98f439769bd191e33()),behaviors:[_appLocalizeBehavior.AppLocalizeBehavior],properties:{language:{value:"en",notify:!0},resources:{value:function value(){return{}},notify:!0},schema:{type:Object,observer:"_schemaChanged"},value:{type:Object,notify:!0,value:function value(){return{}},observer:"_valueChanged"},target:{type:String,value:""},accept:{type:String,value:""},droppable:{type:Boolean,value:!1},dropText:{type:String,value:"Drop Files Here"},multi:{type:Boolean,value:!0},files:{type:Array,notify:!0,value:function value(){return[]}},raised:{type:Boolean,value:!0},noink:{type:Boolean,value:!1},headers:{type:Object,value:{}},retryText:{type:String,value:"Retry Upload"},removeText:{type:String,value:"Remove"},successText:{type:String,value:"Success"},errorText:{type:String,value:"Error uploading file..."},_shownDropText:{type:Boolean,value:!1},additional:{type:Object,value:{}},fileDataName:{type:String,value:"file"},paperButtonAlt:{type:String,value:""},paperButtonTitle:{type:String,value:""}},clear:function clear(){this.set("files",[]);this.$.fileInput.value="";this._showDropText()},ready:function ready(){if(this.raised){this.toggleAttribute("raised",!0,this.$.button)}if(this.noink){this.toggleAttribute("noink",!0,this.$.button)}if(this.droppable){this._showDropText();this.setupDrop()}},setupDrop:function setupDrop(){var uploadBorder=this.$.UploadBorder;this.toggleClass("enabled",!0,uploadBorder);this.ondragover=function(e){e.stopPropagation();this.toggleClass("hover",!0,uploadBorder);var effect=e.dataTransfer&&e.dataTransfer.dropEffect,effectAllowed=e.dataTransfer&&e.dataTransfer.effectAllowed;if("none"===effect&&"none"!==effectAllowed){e.dataTransfer.dropEffect="move"===effectAllowed?"move":"copy"}return!1};this.ondragleave=function(){this.toggleClass("hover",!1,uploadBorder);return!1};this.ondrop=function(event){this.toggleClass("hover",!1,uploadBorder);event.preventDefault();if(!this.multi&&0!==this.files.length){return}for(var length=event.dataTransfer.files.length,i=0;i<length;i++){var file=event.dataTransfer.files[i],mimeType=""!==file.type?file.type.match(/^[^\/]*\//)[0]:null,fileType=file.name.match(/\.[^\.]*$/)[0];if(""!==this.accept&&!(-1<this.accept.indexOf(mimeType)||-1<this.accept.indexOf(fileType))){continue}file.progress=0;file.error=!1;file.complete=!1;this.push("files",file);this.uploadFile(file)}}},_fileClick:function _fileClick(){var elem=this.$.fileInput;if(elem&&document.createEvent){var evt=document.createEvent("MouseEvents");evt.initEvent("click",!0,!1);elem.dispatchEvent(evt)}},_fileChange:function _fileChange(e){for(var length=e.target.files.length,i=0,file;i<length;i++){file=e.target.files[i];file.progress=0;file.error=!1;file.complete=!1;this.push("files",file);if(!this.multi&&0!==this.files.length){this.set("files",[]);this.set("value",{})}this.uploadFile(file)}},cancel:function cancel(file){if(file){if(file.xhr){file.xhr.abort()}this.splice("files",this.files.indexOf(file),1);this._showDropText()}},_cancelUpload:function _cancelUpload(e){this.cancel(e.model.__data__.item)},_retryUpload:function _retryUpload(e){e.model.set("item.error",!1);e.model.set("item.progress",0);var self=this;async.microTask.run(function(){self.uploadFile(e.model.__data__.item)})},_showDropText:function _showDropText(){this.set("_shownDropText",!this.files.length&&this.droppable)},uploadFile:function uploadFile(file){if(!file){return}this.fire("before-upload");this._showDropText();var prefix="files."+this.files.indexOf(file),self=this,reader=new FileReader;reader.addEventListener("load",function(){var r=reader.result;self.set("value."+self.attributes.name.value+"."+self.files.indexOf(file),r)},!1);if(!self.value.hasOwnProperty(self.attributes.name.value)){this.set("value."+self.attributes.name.value,{})}reader.readAsDataURL(file)},_valueChanged:function _valueChanged(){console.log("this.value: "+JSON.stringify(this.value))},_schemaChanged:function _schemaChanged(){this.schema},_isSchemaValue:function _isSchemaValue(type){return this._isSchemaFile(type)},_isSchemaFile:function _isSchemaFile(type){if(Array.isArray(type)){return-1!==type.indexOf("file")}else{return"file"===type}},_isSchemaBoolean:function _isSchemaBoolean(type){if(Array.isArray(type)){return-1!==type.indexOf("boolean")}else{return"boolean"===type}},_isSchemaNumber:function _isSchemaNumber(type){if(Array.isArray(type)){return-1!==type.indexOf("number")||-1!==type.indexOf("integer")}else{return"number"===type||"integer"===type}},_isSchemaString:function _isSchemaString(type){if(Array.isArray(type)){return-1!==type.indexOf("string")}else{return"string"===type}},_isSchemaObject:function _isSchemaObject(type){return"object"===type},_isSchemaArray:function _isSchemaArray(type){return"array"===type},stringify:function stringify(s){return JSON.stringify(s)}})});
\ No newline at end of file
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 a4bbe60b4f8..98b697dcbf1 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-flex-layout/iron-flex-layout-classes.js","../../../@polymer/app-localize-behavior/app-localize-behavior.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-styles/typography.js"],function(_polymerLegacy,_ironFlexLayoutClasses,_appLocalizeBehavior){"use strict";function _templateObject_96a463a054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        paper-input {\n          padding: 2px;\n          --paper-input-container-label: {\n            white-space: normal;\n            position: static;\n            font-size: 16px;\n            color: #212121;\n          }\n          --paper-input-container: {\n            width: 100%;\n          }\n          --paper-input-container-input: {\n            width: 100% !important;\n            background-color: transparent !important;\n            border: none !important;\n          }\n          --paper-input-container-shared-input-style: {\n            width: 100% !important;\n            background-color: transparent !important;\n            border: none !important;\n          }\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_96a463a054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({is:"eco-json-schema-input",_template:(0,_polymerLegacy.html)(_templateObject_96a463a054f411e9aeb367f92c5b63ab()),behaviors:[_appLocalizeBehavior.AppLocalizeBehavior],properties:{language:{value:"en"},resources:{value:function value(){return{}}},schema:{type:Object,observer:"_schemaChanged"},value:{type:String,notify:!0,value:function value(){return""}},error:{type:String,observer:"_errorChanged",value:null}},ready:function ready(){},detached:function detached(){},_schemaChanged:function _schemaChanged(){var schema=this.schema,inputEl=this.$.input;if(schema.required){inputEl.required=!0}if(this._isSchemaNumber(schema.type)){inputEl.type="number";if(schema.multipleOf){inputEl.step=schema.multipleOf}if(!isNaN(schema.maximum)){if(schema.exclusiveMaximum){inputEl.max=schema.maximum-(schema.multipleOf||1)}else{inputEl.max=schema.maximum}}if(!isNaN(schema.minimum)){if(schema.exclusiveMinimum){inputEl.min=schema.minimum+(schema.multipleOf||1)}else{inputEl.min=schema.minimum}}}if(this._isSchemaString(schema.type)){if("date-time"===schema.format){inputEl.type="datetime-local";inputEl.alwaysFloatLabel=!0}else if("date"===schema.format){inputEl.type="date"}else if("email"===schema.format){inputEl.type="email"}else if("hostname"===schema.format){inputEl.type="text"}else if("ipv4"===schema.format){inputEl.type="text"}else if("ipv6"===schema.format){inputEl.type="text"}else if("uri"===schema.format){inputEl.type="url"}else{inputEl.type="text"}if(schema.maxLength){inputEl.maxlength=schema.maxLength}if(schema.minLength){inputEl.minlength=schema.minLength}if(schema.pattern){inputEl.pattern=schema.pattern}}if(schema.component&&schema.component.properties){Object.keys(schema.component.properties).forEach(function(prop){inputEl[prop]=schema.component.properties[prop]})}inputEl.alwaysFloatLabel=!0;if(schema.title){inputEl.label=schema.title}},_errorChanged:function _errorChanged(){if(this.error){this.$.input.errorMessage=this.error;this.$.input.invalid=!0}else{this.$.input.invalid=!1;this.$.input.errorMessage=null}},_isSchemaValue:function _isSchemaValue(type){return this._isSchemaBoolean(type)||this._isSchemaNumber(type)||this._isSchemaString(type)},_isSchemaBoolean:function _isSchemaBoolean(type){if(Array.isArray(type)){return-1!==type.indexOf("boolean")}else{return"boolean"===type}},_isSchemaNumber:function _isSchemaNumber(type){if(Array.isArray(type)){return-1!==type.indexOf("number")||-1!==type.indexOf("integer")}else{return"number"===type||"integer"===type}},_isSchemaString:function _isSchemaString(type){if(Array.isArray(type)){return-1!==type.indexOf("string")}else{return"string"===type}},_isSchemaObject:function _isSchemaObject(type){return"object"===type},_isSchemaArray:function _isSchemaArray(type){return"array"===type}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-flex-layout/iron-flex-layout-classes.js","../../../@polymer/app-localize-behavior/app-localize-behavior.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-styles/typography.js"],function(_polymerLegacy,_ironFlexLayoutClasses,_appLocalizeBehavior){"use strict";function _templateObject_2bbf3020555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        paper-input {\n          padding: 2px;\n          --paper-input-container-label: {\n            white-space: normal;\n            position: static;\n            font-size: 16px;\n            color: #212121;\n          }\n          --paper-input-container: {\n            width: 100%;\n          }\n          --paper-input-container-input: {\n            width: 100% !important;\n            background-color: transparent !important;\n            border: none !important;\n          }\n          --paper-input-container-shared-input-style: {\n            width: 100% !important;\n            background-color: transparent !important;\n            border: none !important;\n          }\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_2bbf3020555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({is:"eco-json-schema-input",_template:(0,_polymerLegacy.html)(_templateObject_2bbf3020555211e98f439769bd191e33()),behaviors:[_appLocalizeBehavior.AppLocalizeBehavior],properties:{language:{value:"en"},resources:{value:function value(){return{}}},schema:{type:Object,observer:"_schemaChanged"},value:{type:String,notify:!0,value:function value(){return""}},error:{type:String,observer:"_errorChanged",value:null}},ready:function ready(){},detached:function detached(){},_schemaChanged:function _schemaChanged(){var schema=this.schema,inputEl=this.$.input;if(schema.required){inputEl.required=!0}if(this._isSchemaNumber(schema.type)){inputEl.type="number";if(schema.multipleOf){inputEl.step=schema.multipleOf}if(!isNaN(schema.maximum)){if(schema.exclusiveMaximum){inputEl.max=schema.maximum-(schema.multipleOf||1)}else{inputEl.max=schema.maximum}}if(!isNaN(schema.minimum)){if(schema.exclusiveMinimum){inputEl.min=schema.minimum+(schema.multipleOf||1)}else{inputEl.min=schema.minimum}}}if(this._isSchemaString(schema.type)){if("date-time"===schema.format){inputEl.type="datetime-local";inputEl.alwaysFloatLabel=!0}else if("date"===schema.format){inputEl.type="date"}else if("email"===schema.format){inputEl.type="email"}else if("hostname"===schema.format){inputEl.type="text"}else if("ipv4"===schema.format){inputEl.type="text"}else if("ipv6"===schema.format){inputEl.type="text"}else if("uri"===schema.format){inputEl.type="url"}else{inputEl.type="text"}if(schema.maxLength){inputEl.maxlength=schema.maxLength}if(schema.minLength){inputEl.minlength=schema.minLength}if(schema.pattern){inputEl.pattern=schema.pattern}}if(schema.component&&schema.component.properties){Object.keys(schema.component.properties).forEach(function(prop){inputEl[prop]=schema.component.properties[prop]})}inputEl.alwaysFloatLabel=!0;if(schema.title){inputEl.label=schema.title}},_errorChanged:function _errorChanged(){if(this.error){this.$.input.errorMessage=this.error;this.$.input.invalid=!0}else{this.$.input.invalid=!1;this.$.input.errorMessage=null}},_isSchemaValue:function _isSchemaValue(type){return this._isSchemaBoolean(type)||this._isSchemaNumber(type)||this._isSchemaString(type)},_isSchemaBoolean:function _isSchemaBoolean(type){if(Array.isArray(type)){return-1!==type.indexOf("boolean")}else{return"boolean"===type}},_isSchemaNumber:function _isSchemaNumber(type){if(Array.isArray(type)){return-1!==type.indexOf("number")||-1!==type.indexOf("integer")}else{return"number"===type||"integer"===type}},_isSchemaString:function _isSchemaString(type){if(Array.isArray(type)){return-1!==type.indexOf("string")}else{return"string"===type}},_isSchemaObject:function _isSchemaObject(type){return"object"===type},_isSchemaArray:function _isSchemaArray(type){return"array"===type}})});
\ No newline at end of file
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 e6e4e3f75ab..35701641e24 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../../@polymer/app-localize-behavior/app-localize-behavior.js","../../../@polymer/iron-flex-layout/iron-flex-layout-classes.js","./eco-json-schema-array.js","./eco-json-schema-boolean.js","./eco-json-schema-enum.js","./eco-json-schema-file.js","./eco-json-schema-input.js"],function(_polymerLegacy,_polymerDom,_flattenedNodesObserver,_appLocalizeBehavior){"use strict";function _templateObject_96b7014054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        div.layout {\n          height: auto;\n        }\n        #form {\n          display: block;\n          @apply --eco-json-schema-object-form;\n          @apply --layout-vertical;\n          @apply --layout-wrap;\n        }\n        #form ::slotted(paper-input) {\n          --paper-input-container-shared-input-style: {\n            border: none !important;\n            width: 100% !important;\n            background-color: transparent !important;\n          }\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 id=\"form\" class=\"layout horizontal flex start-justified\">\n        <slot></slot>\n      </div>\n    </div>\n  "],["\n    <custom-style>\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        div.layout {\n          height: auto;\n        }\n        #form {\n          display: block;\n          @apply --eco-json-schema-object-form;\n          @apply --layout-vertical;\n          @apply --layout-wrap;\n        }\n        #form ::slotted(paper-input) {\n          --paper-input-container-shared-input-style: {\n            border: none !important;\n            width: 100% !important;\n            background-color: transparent !important;\n          }\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 id=\"form\" class=\"layout horizontal flex start-justified\">\n        <slot></slot>\n      </div>\n    </div>\n  "]);_templateObject_96b7014054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({is:"eco-json-schema-object",_template:(0,_polymerLegacy.html)(_templateObject_96b7014054f411e9aeb367f92c5b63ab()),behaviors:[_appLocalizeBehavior.AppLocalizeBehavior],properties:{language:{value:"en"},resources:{value:function value(){return{}}},schema:{type:Object,notify:!0,observer:"_schemaChanged"},label:{type:String},value:{type:Object,notify:!0,value:function value(){return{}}},error:{type:Object,observer:"_errorChanged"},wizard:{type:Boolean,notify:!0}},detached:function detached(){this._clearForm()},_buildSchemaProperties:function _buildSchemaProperties(){var ctx=this;this._schemaProperties=Object.keys(this.schema.properties||[]).map(function(key){var schema=ctx.schema.properties[key],property={property:key,label:schema.title||key,schema:schema,component:schema.component||{}};if(!property.component.valueProperty){property.component.valueProperty="value"}if(!property.component.slot){property.component.slot=""}if(ctx._isSchemaEnum(schema)){property.component.name=property.component.name||"eco-json-schema-enum";if(babelHelpers.typeof(schema.value)==="undefined"){schema.value=""}property.value=schema.value}else if(ctx._isSchemaBoolean(schema.type)){property.component.name=property.component.name||"eco-json-schema-boolean";if(babelHelpers.typeof(schema.value)==="undefined"){schema.value=!1}property.value=schema.value}else if(ctx._isSchemaFile(schema.type)){property.component.name=property.component.name||"eco-json-schema-file";if(babelHelpers.typeof(schema.value)==="undefined"){schema.value={}}property.value=schema.value}else if(ctx._isSchemaValue(schema.type)){property.component.name=property.component.name||"eco-json-schema-input";if(babelHelpers.typeof(schema.value)==="undefined"){schema.value=""}property.value=schema.value}else if(ctx._isSchemaObject(schema.type)){property.component.name=property.component.name||"eco-json-schema-object";if(babelHelpers.typeof(schema.value)==="undefined"){schema.value={}}property.value=schema.value}else if(ctx._isSchemaArray(schema.type)){property.component.name=property.component.name||"eco-json-schema-array";if(babelHelpers.typeof(schema.value)==="undefined"){schema.value=[]}property.value=schema.value}else{return console.error("Unknown property type %s",schema.type)}return property})},_schemaPropertyChanged:function _schemaPropertyChanged(event,detail){if(detail.path&&/\.length$/.test(detail.path)){return}var ctx=this,property=event.target.schemaProperty,path=["value",property.property];if(detail.path&&/\.splices$/.test(detail.path)){var parts=detail.path.split(".").slice(1,-1);while(parts.length){path.push(parts.shift());if(property.keyMap&&property.keyMap[path.join(".")]){path=property.keyMap[path.join(".")].split(".")}}if(detail.value.keySplices){if(property.keyMap){detail.value.keySplices.forEach(function(splice){splice.removed.forEach(function(k){delete property.keyMap[path.concat([k]).join(".")]})})}}if(detail.value){detail.value.indexSplices.forEach(function(splice){var args=[path.join("."),splice.index,splice.removed.length];if(splice.addedCount){for(var i=0,ii=splice.addedCount;i<ii;i++){if(splice.addedKeys&&splice.addedKeys[i]){property.keyMap=property.keyMap||{};property.keyMap[path.concat([splice.addedKeys[i]]).join(".")]=path.concat([i+splice.index]).join(".")}args.push(ctx._deepClone(splice.object[i+splice.index]))}}ctx.splice.apply(ctx,args)})}}else if(detail.path){var parts=detail.path.split(".").slice(1),v=this.value;if(!v.hasOwnProperty(property.property)){this.set("value."+property.property,{});this.notifyPath("value."+property.property)}while(parts.length){var k=parts.shift();path.push(k);if(property.keyMap&&property.keyMap[path.join(".")]){path=property.keyMap[path.join(".")].split(".")}}this.set(path.join("."),this._deepClone(detail.value));this.notifyPath(path.join("."))}else{property.value=detail.value;this.set(path,this._deepClone(detail.value));this.notifyPath(path)}},_setValue:function _setValue(){var _this=this,value={};this._schemaProperties.forEach(function(property){if(babelHelpers.typeof(property.value)!=="undefined"){value[property.property]=_this._deepClone(property.value)}});this.set("value",value);this.notifyPath("value.*")},_buildForm:function _buildForm(){var _this2=this;this._schemaProperties.forEach(function(property){var el=_this2.create(property.component.name,{label:property.label,schema:property.schema,schemaProperty:property,language:_this2.language,resources:_this2.resources});if("paper-input"===property.component.name){el.style["background-color"]="transparent";el.style.width="100%"}el.setAttribute("name",property.property);el.className="flex start-justified";el[property.component.valueProperty]=property.value;for(var attr in property.component.attributes){el.setAttribute(attr,property.component.attributes[attr])}for(var prop in property.component.properties){el[prop]=property.component.properties[prop]}_this2.listen(el,property.component.valueProperty.replace(/([A-Z])/g,"-$1").toLowerCase()+"-changed","_schemaPropertyChanged");if(babelHelpers.typeof(_this2.$)!=="undefined"){(0,_polymerDom.dom)(_this2).appendChild(el)}if(""!=property.component.slot){var temp=document.createElement("div");temp.innerHTML=property.component.slot;var cloneDiv=temp.cloneNode(!0);while(null!==(0,_polymerDom.dom)(cloneDiv).firstChild){(0,_polymerDom.dom)(el).appendChild((0,_polymerDom.dom)(cloneDiv).firstChild)}}})},_removePropertyEl:function _removePropertyEl(el){if(babelHelpers.typeof(el.schemaProperty)!=="undefined"){this.unlisten(el,el.schemaProperty.component.valueProperty.replace(/([A-Z])/g,"-$1").toLowerCase()+"-changed","_schemaPropertyChanged")}el.schemaProperty=null;(0,_polymerDom.dom)(this).removeChild(el)},_clearForm:function _clearForm(){if(babelHelpers.typeof(this.$)!=="undefined"){var formEl=(0,_polymerDom.dom)(this);while(formEl.firstChild){this._removePropertyEl(formEl.firstChild)}}},_schemaChanged:function _schemaChanged(newValue){if(newValue){this._clearForm();this._buildSchemaProperties();this._buildForm();this._setValue()}},_errorChanged:function _errorChanged(){var _this3=this;(0,_polymerDom.dom)(this).childNodes.forEach(function(el){var name=el.getAttribute("name");if(_this3.error&&_this3.error[name]){el.error=_this3.error[name]}else{el.error=null}})},_deepClone:function _deepClone(o){return JSON.parse(JSON.stringify(o))},_isSchemaValue:function _isSchemaValue(type){return this._isSchemaBoolean(type)||this._isSchemaNumber(type)||this._isSchemaString(type)||this._isSchemaFile(type)},_isSchemaFile:function _isSchemaFile(type){if(Array.isArray(type)){return-1!==type.indexOf("file")}else{return"file"===type}},_isSchemaBoolean:function _isSchemaBoolean(type){if(Array.isArray(type)){return-1!==type.indexOf("boolean")}else{return"boolean"===type}},_isSchemaEnum:function _isSchemaEnum(schema){return!!schema.enum},_isSchemaNumber:function _isSchemaNumber(type){if(Array.isArray(type)){return-1!==type.indexOf("number")||-1!==type.indexOf("integer")}else{return"number"===type||"integer"===type}},_isSchemaString:function _isSchemaString(type){if(Array.isArray(type)){return-1!==type.indexOf("string")}else{return"string"===type}},_isSchemaObject:function _isSchemaObject(type){return"object"===type},_isSchemaArray:function _isSchemaArray(type){return"array"===type}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../../@polymer/app-localize-behavior/app-localize-behavior.js","../../../@polymer/iron-flex-layout/iron-flex-layout-classes.js","./eco-json-schema-array.js","./eco-json-schema-boolean.js","./eco-json-schema-enum.js","./eco-json-schema-file.js","./eco-json-schema-input.js"],function(_polymerLegacy,_polymerDom,_flattenedNodesObserver,_appLocalizeBehavior){"use strict";function _templateObject_2bd0bc50555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        div.layout {\n          height: auto;\n        }\n        #form {\n          display: block;\n          @apply --eco-json-schema-object-form;\n          @apply --layout-vertical;\n          @apply --layout-wrap;\n        }\n        #form ::slotted(paper-input) {\n          --paper-input-container-shared-input-style: {\n            border: none !important;\n            width: 100% !important;\n            background-color: transparent !important;\n          }\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 id=\"form\" class=\"layout horizontal flex start-justified\">\n        <slot></slot>\n      </div>\n    </div>\n  "],["\n    <custom-style>\n      <style is=\"custom-style\" include=\"iron-flex iron-flex-alignment\">\n        div.layout {\n          height: auto;\n        }\n        #form {\n          display: block;\n          @apply --eco-json-schema-object-form;\n          @apply --layout-vertical;\n          @apply --layout-wrap;\n        }\n        #form ::slotted(paper-input) {\n          --paper-input-container-shared-input-style: {\n            border: none !important;\n            width: 100% !important;\n            background-color: transparent !important;\n          }\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 id=\"form\" class=\"layout horizontal flex start-justified\">\n        <slot></slot>\n      </div>\n    </div>\n  "]);_templateObject_2bd0bc50555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({is:"eco-json-schema-object",_template:(0,_polymerLegacy.html)(_templateObject_2bd0bc50555211e98f439769bd191e33()),behaviors:[_appLocalizeBehavior.AppLocalizeBehavior],properties:{language:{value:"en"},resources:{value:function value(){return{}}},schema:{type:Object,notify:!0,observer:"_schemaChanged"},label:{type:String},value:{type:Object,notify:!0,value:function value(){return{}}},error:{type:Object,observer:"_errorChanged"},wizard:{type:Boolean,notify:!0}},detached:function detached(){this._clearForm()},_buildSchemaProperties:function _buildSchemaProperties(){var ctx=this;this._schemaProperties=Object.keys(this.schema.properties||[]).map(function(key){var schema=ctx.schema.properties[key],property={property:key,label:schema.title||key,schema:schema,component:schema.component||{}};if(!property.component.valueProperty){property.component.valueProperty="value"}if(!property.component.slot){property.component.slot=""}if(ctx._isSchemaEnum(schema)){property.component.name=property.component.name||"eco-json-schema-enum";if(babelHelpers.typeof(schema.value)==="undefined"){schema.value=""}property.value=schema.value}else if(ctx._isSchemaBoolean(schema.type)){property.component.name=property.component.name||"eco-json-schema-boolean";if(babelHelpers.typeof(schema.value)==="undefined"){schema.value=!1}property.value=schema.value}else if(ctx._isSchemaFile(schema.type)){property.component.name=property.component.name||"eco-json-schema-file";if(babelHelpers.typeof(schema.value)==="undefined"){schema.value={}}property.value=schema.value}else if(ctx._isSchemaValue(schema.type)){property.component.name=property.component.name||"eco-json-schema-input";if(babelHelpers.typeof(schema.value)==="undefined"){schema.value=""}property.value=schema.value}else if(ctx._isSchemaObject(schema.type)){property.component.name=property.component.name||"eco-json-schema-object";if(babelHelpers.typeof(schema.value)==="undefined"){schema.value={}}property.value=schema.value}else if(ctx._isSchemaArray(schema.type)){property.component.name=property.component.name||"eco-json-schema-array";if(babelHelpers.typeof(schema.value)==="undefined"){schema.value=[]}property.value=schema.value}else{return console.error("Unknown property type %s",schema.type)}return property})},_schemaPropertyChanged:function _schemaPropertyChanged(event,detail){if(detail.path&&/\.length$/.test(detail.path)){return}var ctx=this,property=event.target.schemaProperty,path=["value",property.property];if(detail.path&&/\.splices$/.test(detail.path)){var parts=detail.path.split(".").slice(1,-1);while(parts.length){path.push(parts.shift());if(property.keyMap&&property.keyMap[path.join(".")]){path=property.keyMap[path.join(".")].split(".")}}if(detail.value.keySplices){if(property.keyMap){detail.value.keySplices.forEach(function(splice){splice.removed.forEach(function(k){delete property.keyMap[path.concat([k]).join(".")]})})}}if(detail.value){detail.value.indexSplices.forEach(function(splice){var args=[path.join("."),splice.index,splice.removed.length];if(splice.addedCount){for(var i=0,ii=splice.addedCount;i<ii;i++){if(splice.addedKeys&&splice.addedKeys[i]){property.keyMap=property.keyMap||{};property.keyMap[path.concat([splice.addedKeys[i]]).join(".")]=path.concat([i+splice.index]).join(".")}args.push(ctx._deepClone(splice.object[i+splice.index]))}}ctx.splice.apply(ctx,args)})}}else if(detail.path){var parts=detail.path.split(".").slice(1),v=this.value;if(!v.hasOwnProperty(property.property)){this.set("value."+property.property,{});this.notifyPath("value."+property.property)}while(parts.length){var k=parts.shift();path.push(k);if(property.keyMap&&property.keyMap[path.join(".")]){path=property.keyMap[path.join(".")].split(".")}}this.set(path.join("."),this._deepClone(detail.value));this.notifyPath(path.join("."))}else{property.value=detail.value;this.set(path,this._deepClone(detail.value));this.notifyPath(path)}},_setValue:function _setValue(){var _this=this,value={};this._schemaProperties.forEach(function(property){if(babelHelpers.typeof(property.value)!=="undefined"){value[property.property]=_this._deepClone(property.value)}});this.set("value",value);this.notifyPath("value.*")},_buildForm:function _buildForm(){var _this2=this;this._schemaProperties.forEach(function(property){var el=_this2.create(property.component.name,{label:property.label,schema:property.schema,schemaProperty:property,language:_this2.language,resources:_this2.resources});if("paper-input"===property.component.name){el.style["background-color"]="transparent";el.style.width="100%"}el.setAttribute("name",property.property);el.className="flex start-justified";el[property.component.valueProperty]=property.value;for(var attr in property.component.attributes){el.setAttribute(attr,property.component.attributes[attr])}for(var prop in property.component.properties){el[prop]=property.component.properties[prop]}_this2.listen(el,property.component.valueProperty.replace(/([A-Z])/g,"-$1").toLowerCase()+"-changed","_schemaPropertyChanged");if(babelHelpers.typeof(_this2.$)!=="undefined"){(0,_polymerDom.dom)(_this2).appendChild(el)}if(""!=property.component.slot){var temp=document.createElement("div");temp.innerHTML=property.component.slot;var cloneDiv=temp.cloneNode(!0);while(null!==(0,_polymerDom.dom)(cloneDiv).firstChild){(0,_polymerDom.dom)(el).appendChild((0,_polymerDom.dom)(cloneDiv).firstChild)}}})},_removePropertyEl:function _removePropertyEl(el){if(babelHelpers.typeof(el.schemaProperty)!=="undefined"){this.unlisten(el,el.schemaProperty.component.valueProperty.replace(/([A-Z])/g,"-$1").toLowerCase()+"-changed","_schemaPropertyChanged")}el.schemaProperty=null;(0,_polymerDom.dom)(this).removeChild(el)},_clearForm:function _clearForm(){if(babelHelpers.typeof(this.$)!=="undefined"){var formEl=(0,_polymerDom.dom)(this);while(formEl.firstChild){this._removePropertyEl(formEl.firstChild)}}},_schemaChanged:function _schemaChanged(newValue){if(newValue){this._clearForm();this._buildSchemaProperties();this._buildForm();this._setValue()}},_errorChanged:function _errorChanged(){var _this3=this;(0,_polymerDom.dom)(this).childNodes.forEach(function(el){var name=el.getAttribute("name");if(_this3.error&&_this3.error[name]){el.error=_this3.error[name]}else{el.error=null}})},_deepClone:function _deepClone(o){return JSON.parse(JSON.stringify(o))},_isSchemaValue:function _isSchemaValue(type){return this._isSchemaBoolean(type)||this._isSchemaNumber(type)||this._isSchemaString(type)||this._isSchemaFile(type)},_isSchemaFile:function _isSchemaFile(type){if(Array.isArray(type)){return-1!==type.indexOf("file")}else{return"file"===type}},_isSchemaBoolean:function _isSchemaBoolean(type){if(Array.isArray(type)){return-1!==type.indexOf("boolean")}else{return"boolean"===type}},_isSchemaEnum:function _isSchemaEnum(schema){return!!schema.enum},_isSchemaNumber:function _isSchemaNumber(type){if(Array.isArray(type)){return-1!==type.indexOf("number")||-1!==type.indexOf("integer")}else{return"number"===type||"integer"===type}},_isSchemaString:function _isSchemaString(type){if(Array.isArray(type)){return-1!==type.indexOf("string")}else{return"string"===type}},_isSchemaObject:function _isSchemaObject(type){return"object"===type},_isSchemaArray:function _isSchemaArray(type){return"array"===type}})});
\ No newline at end of file
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 7c3226f4128..98d2f10bcf4 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/iron-flex-layout/iron-flex-layout-classes.js","../../../@polymer/iron-icons/image-icons.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/editor-icons.js","../../../@polymer/iron-pages/iron-pages.js","../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../@polymer/paper-menu-button/paper-menu-button.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../@polymer/paper-ripple/paper-ripple.js","../../../@polymer/app-localize-behavior/app-localize-behavior.js","./eco-json-schema-object.js","./eco-json-schema-array.js","./eco-json-schema-boolean.js","./eco-json-schema-enum.js","./eco-json-schema-file.js","./eco-json-schema-input.js"],function(_polymerLegacy,_polymerDom,_ironFlexLayoutClasses,_imageIcons,_ironIcons,_editorIcons,_ironPages,_appToolbar,_paperMenuButton,_paperIconButton,_paperRipple,_appLocalizeBehavior){"use strict";function _templateObject_96dd9c1054f411e9aeb367f92c5b63ab(){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-tap=\"prev\"\n          raised=\"\"\n          >{{localize('prev')}}</paper-icon-button\n        ><span class=\"title layout horizontal flex\" style=\"white-space: normal\"\n          >[[title]]</span\n        >\n        <paper-icon-button\n          id=\"nextButton\"\n          icon=\"arrow-forward\"\n          hidden$=\"{{!hasNext}}\"\n          on-tap=\"next\"\n          raised=\"\"\n          >{{localize('next')}}</paper-icon-button\n        >\n        <paper-icon-button\n          id=\"submitButton\"\n          icon=\"cloud-upload\"\n          on-tap=\"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-tap=\"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-tap=\"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-tap=\"prev\"\n          raised=\"\"\n          >{{localize('prev')}}</paper-icon-button\n        ><span class=\"title layout horizontal flex\" style=\"white-space: normal\"\n          >[[title]]</span\n        >\n        <paper-icon-button\n          id=\"nextButton\"\n          icon=\"arrow-forward\"\n          hidden\\$=\"{{!hasNext}}\"\n          on-tap=\"next\"\n          raised=\"\"\n          >{{localize('next')}}</paper-icon-button\n        >\n        <paper-icon-button\n          id=\"submitButton\"\n          icon=\"cloud-upload\"\n          on-tap=\"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-tap=\"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-tap=\"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_96dd9c1054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({is:"eco-json-schema-wizard",behaviors:[_appLocalizeBehavior.AppLocalizeBehavior],_template:(0,_polymerLegacy.html)(_templateObject_96dd9c1054f411e9aeb367f92c5b63ab()),properties:{language:{type:String,notify:!0},resources:{type:Object,notify:!0},schema:{type:Object,notify:!0,observer:"_schemaChanged"},label:{type:String},value:{type:Object,notify:!0,value:function value(){return{}}},page:{type:String,notify:!0,observer:"_pageChanged"},pages:{type:Array,notify:!0,value:[]},error:{type:Object,observer:"_errorChanged"},isReview:{type:Boolean,value:!1,notify:!0},canSubmit:{type:Boolean,notify:!0},hasNext:{type:Boolean,notify:!0},hasPrev:{type:Boolean,notify:!0},titles:{type:Array,notify:!0,value:[]},title:{type:String,value:"",notify:!0}},detached:function detached(){this._clearForm()},_buildSchemaProperties:function _buildSchemaProperties(){var ctx=this;this._schemaProperties=Object.keys(this.schema.properties||[]).map(function(key){var schema=ctx.schema.properties[key],property={property:key,label:schema.title||key,schema:schema,component:schema.component||{}};if(!property.component.valueProperty){property.component.valueProperty="value"}if(ctx._isSchemaEnum(schema)){property.component.name=property.component.name||"eco-json-schema-enum";property.value=""}else if(ctx._isSchemaBoolean(schema.type)){property.component.name=property.component.name||"eco-json-schema-boolean";property.value=!1}else if(ctx._isSchemaFile(schema.type)){property.component.name=property.component.name||"eco-json-schema-file";property.value=""}else if(ctx._isSchemaValue(schema.type)){property.component.name=property.component.name||"eco-json-schema-input";property.value=""}else if(ctx._isSchemaObject(schema.type)){property.component.name=property.component.name||"eco-json-schema-object";property.component.wizard=!0;property.value={}}else if(ctx._isSchemaArray(schema.type)){property.component.name=property.component.name||"eco-json-schema-array";property.value=[]}else{return console.error("Unknown property type %s",schema.type)}ctx.push("pages",key);ctx.push("titles",schema.title);return property})},_schemaPropertyChanged:function _schemaPropertyChanged(event,detail){if(detail.path&&/\.length$/.test(detail.path)){return}var ctx=this,property=event.target.schemaProperty,path=["value",property.property];if(detail.path&&/\.splices$/.test(detail.path)){var parts=detail.path.split(".").slice(1,-1);while(parts.length){path.push(parts.shift());if(property.keyMap&&property.keyMap[path.join(".")]){path=property.keyMap[path.join(".")].split(".")}}if(detail.value.keySplices){if(property.keyMap){detail.value.keySplices.forEach(function(splice){splice.removed.forEach(function(k){delete property.keyMap[path.concat([k]).join(".")]})})}}detail.value.indexSplices.forEach(function(splice){var args=[path.join("."),splice.index,splice.removed.length];if(splice.addedCount){for(var i=0,ii=splice.addedCount;i<ii;i++){if(splice.addedKeys&&splice.addedKeys[i]){property.keyMap=property.keyMap||{};property.keyMap[path.concat([splice.addedKeys[i]]).join(".")]=path.concat([i+splice.index]).join(".")}args.push(ctx._deepClone(splice.object[i+splice.index]))}}ctx.splice.apply(ctx,args)})}else if(detail.path){var parts=detail.path.split(".").slice(1),v=this.value;if(!v.hasOwnProperty(property.property)){this.set("value."+property.property,{})}while(parts.length){var k=parts.shift();path.push(k);if(property.keyMap&&property.keyMap[path.join(".")]){path=property.keyMap[path.join(".")].split(".")}}this.set(path.join("."),this._deepClone(detail.value));console.log("value: "+JSON.stringify(this.value))}},_setValue:function _setValue(){var ctx=this,value={};this._schemaProperties.forEach(function(property){value[property.property]=ctx._deepClone(property.value)});this.value=value},_buildForm:function _buildForm(){var _this=this,ctx=this;this._schemaProperties.forEach(function(property){var el=ctx.create(property.component.name,{label:property.label,schema:property.schema,schemaProperty:property,language:_this.language,resources:_this.resources});el.setAttribute("name",property.property);el.className="flex start-justified";property.value=el[property.component.valueProperty];ctx.listen(el,property.component.valueProperty.replace(/([A-Z])/g,"-$1").toLowerCase()+"-changed","_schemaPropertyChanged");(0,_polymerDom.dom)(ctx.$.form).appendChild(el)})},_removePropertyEl:function _removePropertyEl(el){if(babelHelpers.typeof(el.schemaProperty)!=="undefined"){this.unlisten(el,el.schemaProperty.component.valueProperty.replace(/([A-Z])/g,"-$1").toLowerCase()+"-changed","_schemaPropertyChanged")}el.schemaProperty=null;(0,_polymerDom.dom)(this.$.form).removeChild(el)},_clearForm:function _clearForm(){var formEl=(0,_polymerDom.dom)(this.$.form);while(formEl.firstChild){this._removePropertyEl(formEl.firstChild)}},_schemaChanged:function _schemaChanged(){this._clearForm();this._buildSchemaProperties();this._buildForm();this._setValue();if(0<this.pages.length){this.set("page",this.pages[0])}this.set("title",this.titles[0])},next:function(){var current=this.pages.indexOf(this.page),next=current;if(-1!==current){if(current<this.pages.length-1){next=current+1}this.set("page",this.pages[next]);this.set("title",this.titles[next])}else{console.log("Invalid current page in wizard")}},prev:function(){var current=this.pages.indexOf(this.page),prev=current;if(-1!==current){if(0<current){prev=current-1}this.set("page",this.pages[prev]);this.set("title",this.titles[prev])}else{console.log("Invalid current page in wizard")}},submit:function submit(){this.fire("submit")},_pageChanged:function _pageChanged(){var current=this.pages.indexOf(this.page);if(0===current){this.set("hasPrev",!1)}else{this.set("hasPrev",!0)}if(current===this.pages.length-1){this.set("hasNext",!1)}else{this.set("hasNext",!0)}},_errorChanged:function _errorChanged(){var ctx=this;(0,_polymerDom.dom)(this.$.form).childNodes.forEach(function(el){var name=el.getAttribute("name");if(ctx.error&&ctx.error[name]){el.error=ctx.error[name]}else{el.error=null}})},_deepClone:function _deepClone(o){return JSON.parse(JSON.stringify(o))},_isSchemaValue:function _isSchemaValue(type){return this._isSchemaBoolean(type)||this._isSchemaNumber(type)||this._isSchemaString(type)||this._isSchemaFile(type)},_isSchemaFile:function _isSchemaFile(type){if(Array.isArray(type)){return-1!==type.indexOf("file")}else{return"file"===type}},_isSchemaBoolean:function _isSchemaBoolean(type){if(Array.isArray(type)){return-1!==type.indexOf("boolean")}else{return"boolean"===type}},_isSchemaEnum:function _isSchemaEnum(schema){return!!schema.enum},_isSchemaNumber:function _isSchemaNumber(type){if(Array.isArray(type)){return-1!==type.indexOf("number")||-1!==type.indexOf("integer")}else{return"number"===type||"integer"===type}},_isSchemaString:function _isSchemaString(type){if(Array.isArray(type)){return-1!==type.indexOf("string")}else{return"string"===type}},_isSchemaObject:function _isSchemaObject(type){return"object"===type},_isSchemaArray:function _isSchemaArray(type){return"array"===type}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/iron-flex-layout/iron-flex-layout-classes.js","../../../@polymer/iron-icons/image-icons.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/editor-icons.js","../../../@polymer/iron-pages/iron-pages.js","../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../@polymer/paper-menu-button/paper-menu-button.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../@polymer/paper-ripple/paper-ripple.js","../../../@polymer/app-localize-behavior/app-localize-behavior.js","./eco-json-schema-object.js","./eco-json-schema-array.js","./eco-json-schema-boolean.js","./eco-json-schema-enum.js","./eco-json-schema-file.js","./eco-json-schema-input.js"],function(_polymerLegacy,_polymerDom,_ironFlexLayoutClasses,_imageIcons,_ironIcons,_editorIcons,_ironPages,_appToolbar,_paperMenuButton,_paperIconButton,_paperRipple,_appLocalizeBehavior){"use strict";function _templateObject_2be8b120555211e98f439769bd191e33(){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-tap=\"prev\"\n          raised=\"\"\n          >{{localize('prev')}}</paper-icon-button\n        ><span class=\"title layout horizontal flex\" style=\"white-space: normal\"\n          >[[title]]</span\n        >\n        <paper-icon-button\n          id=\"nextButton\"\n          icon=\"arrow-forward\"\n          hidden$=\"{{!hasNext}}\"\n          on-tap=\"next\"\n          raised=\"\"\n          >{{localize('next')}}</paper-icon-button\n        >\n        <paper-icon-button\n          id=\"submitButton\"\n          icon=\"cloud-upload\"\n          on-tap=\"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-tap=\"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-tap=\"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-tap=\"prev\"\n          raised=\"\"\n          >{{localize('prev')}}</paper-icon-button\n        ><span class=\"title layout horizontal flex\" style=\"white-space: normal\"\n          >[[title]]</span\n        >\n        <paper-icon-button\n          id=\"nextButton\"\n          icon=\"arrow-forward\"\n          hidden\\$=\"{{!hasNext}}\"\n          on-tap=\"next\"\n          raised=\"\"\n          >{{localize('next')}}</paper-icon-button\n        >\n        <paper-icon-button\n          id=\"submitButton\"\n          icon=\"cloud-upload\"\n          on-tap=\"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-tap=\"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-tap=\"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_2be8b120555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({is:"eco-json-schema-wizard",behaviors:[_appLocalizeBehavior.AppLocalizeBehavior],_template:(0,_polymerLegacy.html)(_templateObject_2be8b120555211e98f439769bd191e33()),properties:{language:{type:String,notify:!0},resources:{type:Object,notify:!0},schema:{type:Object,notify:!0,observer:"_schemaChanged"},label:{type:String},value:{type:Object,notify:!0,value:function value(){return{}}},page:{type:String,notify:!0,observer:"_pageChanged"},pages:{type:Array,notify:!0,value:[]},error:{type:Object,observer:"_errorChanged"},isReview:{type:Boolean,value:!1,notify:!0},canSubmit:{type:Boolean,notify:!0},hasNext:{type:Boolean,notify:!0},hasPrev:{type:Boolean,notify:!0},titles:{type:Array,notify:!0,value:[]},title:{type:String,value:"",notify:!0}},detached:function detached(){this._clearForm()},_buildSchemaProperties:function _buildSchemaProperties(){var ctx=this;this._schemaProperties=Object.keys(this.schema.properties||[]).map(function(key){var schema=ctx.schema.properties[key],property={property:key,label:schema.title||key,schema:schema,component:schema.component||{}};if(!property.component.valueProperty){property.component.valueProperty="value"}if(ctx._isSchemaEnum(schema)){property.component.name=property.component.name||"eco-json-schema-enum";property.value=""}else if(ctx._isSchemaBoolean(schema.type)){property.component.name=property.component.name||"eco-json-schema-boolean";property.value=!1}else if(ctx._isSchemaFile(schema.type)){property.component.name=property.component.name||"eco-json-schema-file";property.value=""}else if(ctx._isSchemaValue(schema.type)){property.component.name=property.component.name||"eco-json-schema-input";property.value=""}else if(ctx._isSchemaObject(schema.type)){property.component.name=property.component.name||"eco-json-schema-object";property.component.wizard=!0;property.value={}}else if(ctx._isSchemaArray(schema.type)){property.component.name=property.component.name||"eco-json-schema-array";property.value=[]}else{return console.error("Unknown property type %s",schema.type)}ctx.push("pages",key);ctx.push("titles",schema.title);return property})},_schemaPropertyChanged:function _schemaPropertyChanged(event,detail){if(detail.path&&/\.length$/.test(detail.path)){return}var ctx=this,property=event.target.schemaProperty,path=["value",property.property];if(detail.path&&/\.splices$/.test(detail.path)){var parts=detail.path.split(".").slice(1,-1);while(parts.length){path.push(parts.shift());if(property.keyMap&&property.keyMap[path.join(".")]){path=property.keyMap[path.join(".")].split(".")}}if(detail.value.keySplices){if(property.keyMap){detail.value.keySplices.forEach(function(splice){splice.removed.forEach(function(k){delete property.keyMap[path.concat([k]).join(".")]})})}}detail.value.indexSplices.forEach(function(splice){var args=[path.join("."),splice.index,splice.removed.length];if(splice.addedCount){for(var i=0,ii=splice.addedCount;i<ii;i++){if(splice.addedKeys&&splice.addedKeys[i]){property.keyMap=property.keyMap||{};property.keyMap[path.concat([splice.addedKeys[i]]).join(".")]=path.concat([i+splice.index]).join(".")}args.push(ctx._deepClone(splice.object[i+splice.index]))}}ctx.splice.apply(ctx,args)})}else if(detail.path){var parts=detail.path.split(".").slice(1),v=this.value;if(!v.hasOwnProperty(property.property)){this.set("value."+property.property,{})}while(parts.length){var k=parts.shift();path.push(k);if(property.keyMap&&property.keyMap[path.join(".")]){path=property.keyMap[path.join(".")].split(".")}}this.set(path.join("."),this._deepClone(detail.value));console.log("value: "+JSON.stringify(this.value))}},_setValue:function _setValue(){var ctx=this,value={};this._schemaProperties.forEach(function(property){value[property.property]=ctx._deepClone(property.value)});this.value=value},_buildForm:function _buildForm(){var _this=this,ctx=this;this._schemaProperties.forEach(function(property){var el=ctx.create(property.component.name,{label:property.label,schema:property.schema,schemaProperty:property,language:_this.language,resources:_this.resources});el.setAttribute("name",property.property);el.className="flex start-justified";property.value=el[property.component.valueProperty];ctx.listen(el,property.component.valueProperty.replace(/([A-Z])/g,"-$1").toLowerCase()+"-changed","_schemaPropertyChanged");(0,_polymerDom.dom)(ctx.$.form).appendChild(el)})},_removePropertyEl:function _removePropertyEl(el){if(babelHelpers.typeof(el.schemaProperty)!=="undefined"){this.unlisten(el,el.schemaProperty.component.valueProperty.replace(/([A-Z])/g,"-$1").toLowerCase()+"-changed","_schemaPropertyChanged")}el.schemaProperty=null;(0,_polymerDom.dom)(this.$.form).removeChild(el)},_clearForm:function _clearForm(){var formEl=(0,_polymerDom.dom)(this.$.form);while(formEl.firstChild){this._removePropertyEl(formEl.firstChild)}},_schemaChanged:function _schemaChanged(){this._clearForm();this._buildSchemaProperties();this._buildForm();this._setValue();if(0<this.pages.length){this.set("page",this.pages[0])}this.set("title",this.titles[0])},next:function(){var current=this.pages.indexOf(this.page),next=current;if(-1!==current){if(current<this.pages.length-1){next=current+1}this.set("page",this.pages[next]);this.set("title",this.titles[next])}else{console.log("Invalid current page in wizard")}},prev:function(){var current=this.pages.indexOf(this.page),prev=current;if(-1!==current){if(0<current){prev=current-1}this.set("page",this.pages[prev]);this.set("title",this.titles[prev])}else{console.log("Invalid current page in wizard")}},submit:function submit(){this.fire("submit")},_pageChanged:function _pageChanged(){var current=this.pages.indexOf(this.page);if(0===current){this.set("hasPrev",!1)}else{this.set("hasPrev",!0)}if(current===this.pages.length-1){this.set("hasNext",!1)}else{this.set("hasNext",!0)}},_errorChanged:function _errorChanged(){var ctx=this;(0,_polymerDom.dom)(this.$.form).childNodes.forEach(function(el){var name=el.getAttribute("name");if(ctx.error&&ctx.error[name]){el.error=ctx.error[name]}else{el.error=null}})},_deepClone:function _deepClone(o){return JSON.parse(JSON.stringify(o))},_isSchemaValue:function _isSchemaValue(type){return this._isSchemaBoolean(type)||this._isSchemaNumber(type)||this._isSchemaString(type)||this._isSchemaFile(type)},_isSchemaFile:function _isSchemaFile(type){if(Array.isArray(type)){return-1!==type.indexOf("file")}else{return"file"===type}},_isSchemaBoolean:function _isSchemaBoolean(type){if(Array.isArray(type)){return-1!==type.indexOf("boolean")}else{return"boolean"===type}},_isSchemaEnum:function _isSchemaEnum(schema){return!!schema.enum},_isSchemaNumber:function _isSchemaNumber(type){if(Array.isArray(type)){return-1!==type.indexOf("number")||-1!==type.indexOf("integer")}else{return"number"===type||"integer"===type}},_isSchemaString:function _isSchemaString(type){if(Array.isArray(type)){return-1!==type.indexOf("string")}else{return"string"===type}},_isSchemaObject:function _isSchemaObject(type){return"object"===type},_isSchemaArray:function _isSchemaArray(type){return"array"===type}})});
\ No newline at end of file
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 f217b9a1d8e..8eae372bcae 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../simple-modal/simple-modal.js","../../@polymer/iron-list/iron-list.js","./lib/editable-list-item.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.EditableList=void 0;function _templateObject_6b3af49054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        iron-list {\n          height: 100%;\n        }\n      </style>\n      <iron-list id=\"list\" items=\"[[items]]\" as=\"item\" mutable-data>\n        <template>\n          <editable-list-item\n            edit-mode=\"[[item.metadata.canEdit]]\"\n            can-edit=\"[[item.metadata.canEdit]]\"\n            can-delete=\"[[item.metadata.canDelete]]\"\n            value=\"[[item.title]]\"\n          ></editable-list-item>\n        </template>\n      </iron-list>\n    "]);_templateObject_6b3af49054f411e9aeb367f92c5b63ab=function(){return data};return data}var EditableList=function(_PolymerElement){babelHelpers.inherits(EditableList,_PolymerElement);function EditableList(){babelHelpers.classCallCheck(this,EditableList);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(EditableList).apply(this,arguments))}babelHelpers.createClass(EditableList,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(EditableList.prototype),"connectedCallback",this).call(this);window.SimpleModal.requestAvailability();this.$.list.addEventListener("editable-list-item-delete",this.triggerDeleteModal.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.$.list.removeEventListener("editable-list-item-delete",this.triggerDeleteModal.bind(this))}},{key:"triggerDeleteModal",value:function triggerDeleteModal(e){this.activeElement=e.detail.element;var c=document.createElement("div");c.innerHTML="<div>Are you sure you want to delete <strong>".concat(e.detail.element.value,"</strong>?</div>");var button1=document.createElement("paper-button");button1.raised=!0;button1.addEventListener("click",this._deleteItemConfirm.bind(this));button1.appendChild(document.createTextNode("Delete"));var button2=document.createElement("paper-button");button2.raised=!0;button2.setAttribute("dialog-dismiss","dialog-dismiss");button2.appendChild(document.createTextNode("cancel"));var b=document.createElement("div");b.appendChild(button1);b.appendChild(button2);var evt=new CustomEvent("simple-modal-show",{bubbles:!0,cancelable:!0,detail:{title:"Delete ".concat(e.detail.element.value),elements:{content:c,buttons:b},invokedBy:e.detail.element.$.delete,clone:!1}});this.dispatchEvent(evt)}},{key:"_deleteItemConfirm",value:function _deleteItemConfirm(){var evt=new CustomEvent("simple-modal-hide",{bubbles:!0,cancelable:!0,detail:{}});this.dispatchEvent(evt)}},{key:"_editModeChanged",value:function _editModeChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this._itemsChanged(this.items);for(var i in this.items){if(this.items[i].metadata){this.items[i].metadata.canEdit=newValue;this.notifyPath("items.".concat(i,".metadata.canEdit"))}}}}},{key:"_itemsChanged",value:function _itemsChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&"string"===typeof newValue){this.set("items",JSON.parse(newValue))}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_6b3af49054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{editMode:{name:"editMode",type:"Boolean",value:!1,notify:!0,reflectToAttribute:!0,observer:"_editModeChanged"},items:{name:"items",type:"Array",value:[],reflectToAttribute:!1,observer:"_itemsChanged"},activeElement:{name:"activeElement",type:"Object"}}}},{key:"tag",get:function get(){return"editable-list"}}]);return EditableList}(_polymerElement.PolymerElement);_exports.EditableList=EditableList;window.customElements.define(EditableList.tag,EditableList)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../simple-modal/simple-modal.js","../../@polymer/iron-list/iron-list.js","./lib/editable-list-item.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.EditableList=void 0;function _templateObject_073c91c0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        iron-list {\n          height: 100%;\n        }\n      </style>\n      <iron-list id=\"list\" items=\"[[items]]\" as=\"item\" mutable-data>\n        <template>\n          <editable-list-item\n            edit-mode=\"[[item.metadata.canEdit]]\"\n            can-edit=\"[[item.metadata.canEdit]]\"\n            can-delete=\"[[item.metadata.canDelete]]\"\n            value=\"[[item.title]]\"\n          ></editable-list-item>\n        </template>\n      </iron-list>\n    "]);_templateObject_073c91c0555211e98f439769bd191e33=function(){return data};return data}var EditableList=function(_PolymerElement){babelHelpers.inherits(EditableList,_PolymerElement);function EditableList(){babelHelpers.classCallCheck(this,EditableList);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(EditableList).apply(this,arguments))}babelHelpers.createClass(EditableList,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(EditableList.prototype),"connectedCallback",this).call(this);window.SimpleModal.requestAvailability();this.$.list.addEventListener("editable-list-item-delete",this.triggerDeleteModal.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.$.list.removeEventListener("editable-list-item-delete",this.triggerDeleteModal.bind(this))}},{key:"triggerDeleteModal",value:function triggerDeleteModal(e){this.activeElement=e.detail.element;var c=document.createElement("div");c.innerHTML="<div>Are you sure you want to delete <strong>".concat(e.detail.element.value,"</strong>?</div>");var button1=document.createElement("paper-button");button1.raised=!0;button1.addEventListener("click",this._deleteItemConfirm.bind(this));button1.appendChild(document.createTextNode("Delete"));var button2=document.createElement("paper-button");button2.raised=!0;button2.setAttribute("dialog-dismiss","dialog-dismiss");button2.appendChild(document.createTextNode("cancel"));var b=document.createElement("div");b.appendChild(button1);b.appendChild(button2);var evt=new CustomEvent("simple-modal-show",{bubbles:!0,cancelable:!0,detail:{title:"Delete ".concat(e.detail.element.value),elements:{content:c,buttons:b},invokedBy:e.detail.element.$.delete,clone:!1}});this.dispatchEvent(evt)}},{key:"_deleteItemConfirm",value:function _deleteItemConfirm(){var evt=new CustomEvent("simple-modal-hide",{bubbles:!0,cancelable:!0,detail:{}});this.dispatchEvent(evt)}},{key:"_editModeChanged",value:function _editModeChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this._itemsChanged(this.items);for(var i in this.items){if(this.items[i].metadata){this.items[i].metadata.canEdit=newValue;this.notifyPath("items.".concat(i,".metadata.canEdit"))}}}}},{key:"_itemsChanged",value:function _itemsChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&"string"===typeof newValue){this.set("items",JSON.parse(newValue))}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_073c91c0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{editMode:{name:"editMode",type:"Boolean",value:!1,notify:!0,reflectToAttribute:!0,observer:"_editModeChanged"},items:{name:"items",type:"Array",value:[],reflectToAttribute:!1,observer:"_itemsChanged"},activeElement:{name:"activeElement",type:"Object"}}}},{key:"tag",get:function get(){return"editable-list"}}]);return EditableList}(_polymerElement.PolymerElement);_exports.EditableList=EditableList;window.customElements.define(EditableList.tag,EditableList)});
\ No newline at end of file
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 12994de0b18..aa588bda3de 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../@polymer/paper-input/paper-input.js","../../simple-colors/simple-colors.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.EditableListItem=void 0;function _templateObject_96e8236054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\n        :host {\n          display: block;\n        }\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        paper-input {\n          --paper-input-container-shared-input-style: {\n            height: 40px;\n            padding: 0;\n            margin: 0;\n          }\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      </style>\n      <paper-input\n        id=\"input\"\n        class=\"input\"\n        value=\"{{value}}\"\n        hidden$=\"[[!editing]]\"\n      ></paper-input>\n      <div class=\"input\" hidden$=\"[[editing]]\">[[value]]</div>\n      <div class=\"ops\" hidden$=\"[[!editMode]]\">\n        <paper-icon-button\n          on-tap=\"_editToggle\"\n          id=\"edit\"\n          icon=\"icons:create\"\n        ></paper-icon-button>\n        <paper-icon-button\n          on-tap=\"_editToggle\"\n          id=\"add\"\n          icon=\"icons:add\"\n        ></paper-icon-button>\n        <paper-icon-button\n          on-tap=\"_editToggle\"\n          id=\"duplicate\"\n          icon=\"icons:content-copy\"\n        ></paper-icon-button>\n        <paper-icon-button\n          on-tap=\"_deleteModal\"\n          id=\"delete\"\n          icon=\"icons:delete\"\n        ></paper-icon-button>\n      </div>\n    "]);_templateObject_96e8236054f411e9aeb367f92c5b63ab=function(){return data};return data}var EditableListItem=function(_PolymerElement){babelHelpers.inherits(EditableListItem,_PolymerElement);function EditableListItem(){babelHelpers.classCallCheck(this,EditableListItem);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(EditableListItem).apply(this,arguments))}babelHelpers.createClass(EditableListItem,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(EditableListItem.prototype),"connectedCallback",this).call(this)}},{key:"_editToggle",value:function _editToggle(){this.editing=!this.editing;if(this.editing){this.$.input.focus()}}},{key:"_deleteModal",value:function _deleteModal(){var evt=new CustomEvent("editable-list-item-delete",{bubbles:!0,cancelable:!0,detail:{element:this}});this.dispatchEvent(evt)}},{key:"_editModeChanged",value:function _editModeChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){if(newValue){this.$.edit.icon="icons:save"}else{this.$.edit.icon="icons:create"}}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_96e8236054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{value:{name:"value",type:"String"},editMode:{name:"editMode",type:"Boolean",value:!1,notify:!0,reflectToAttribute:!0},editing:{name:"editing",type:"Boolean",value:!1,observer:"_editModeChanged"},canEdit:{name:"canEdit",type:"Boolean",value:!1,reflectToAttribute:!0},canDelete:{name:"canDelete",type:"Boolean",value:!1,reflectToAttribute:!0}}}},{key:"tag",get:function get(){return"editable-list-item"}}]);return EditableListItem}(_polymerElement.PolymerElement);_exports.EditableListItem=EditableListItem;window.customElements.define(EditableListItem.tag,EditableListItem)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../@polymer/paper-input/paper-input.js","../../simple-colors/simple-colors.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.EditableListItem=void 0;function _templateObject_2bfb00a0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\n        :host {\n          display: block;\n        }\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        paper-input {\n          --paper-input-container-shared-input-style: {\n            height: 40px;\n            padding: 0;\n            margin: 0;\n          }\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      </style>\n      <paper-input\n        id=\"input\"\n        class=\"input\"\n        value=\"{{value}}\"\n        hidden$=\"[[!editing]]\"\n      ></paper-input>\n      <div class=\"input\" hidden$=\"[[editing]]\">[[value]]</div>\n      <div class=\"ops\" hidden$=\"[[!editMode]]\">\n        <paper-icon-button\n          on-tap=\"_editToggle\"\n          id=\"edit\"\n          icon=\"icons:create\"\n        ></paper-icon-button>\n        <paper-icon-button\n          on-tap=\"_editToggle\"\n          id=\"add\"\n          icon=\"icons:add\"\n        ></paper-icon-button>\n        <paper-icon-button\n          on-tap=\"_editToggle\"\n          id=\"duplicate\"\n          icon=\"icons:content-copy\"\n        ></paper-icon-button>\n        <paper-icon-button\n          on-tap=\"_deleteModal\"\n          id=\"delete\"\n          icon=\"icons:delete\"\n        ></paper-icon-button>\n      </div>\n    "]);_templateObject_2bfb00a0555211e98f439769bd191e33=function(){return data};return data}var EditableListItem=function(_PolymerElement){babelHelpers.inherits(EditableListItem,_PolymerElement);function EditableListItem(){babelHelpers.classCallCheck(this,EditableListItem);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(EditableListItem).apply(this,arguments))}babelHelpers.createClass(EditableListItem,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(EditableListItem.prototype),"connectedCallback",this).call(this)}},{key:"_editToggle",value:function _editToggle(){this.editing=!this.editing;if(this.editing){this.$.input.focus()}}},{key:"_deleteModal",value:function _deleteModal(){var evt=new CustomEvent("editable-list-item-delete",{bubbles:!0,cancelable:!0,detail:{element:this}});this.dispatchEvent(evt)}},{key:"_editModeChanged",value:function _editModeChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){if(newValue){this.$.edit.icon="icons:save"}else{this.$.edit.icon="icons:create"}}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_2bfb00a0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{value:{name:"value",type:"String"},editMode:{name:"editMode",type:"Boolean",value:!1,notify:!0,reflectToAttribute:!0},editing:{name:"editing",type:"Boolean",value:!1,observer:"_editModeChanged"},canEdit:{name:"canEdit",type:"Boolean",value:!1,reflectToAttribute:!0},canDelete:{name:"canDelete",type:"Boolean",value:!1,reflectToAttribute:!0}}}},{key:"tag",get:function get(){return"editable-list-item"}}]);return EditableListItem}(_polymerElement.PolymerElement);_exports.EditableListItem=EditableListItem;window.customElements.define(EditableListItem.tag,EditableListItem)});
\ No newline at end of file
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 1334a4241c2..671579a1a84 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","./lib/shadows-safari.js","../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/editor-icons.js","../json-outline-schema/json-outline-schema.js"],function(_exports,_polymerElement,_shadowsSafari){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.EditableOutline=void 0;function _templateObject_6d62dda054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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          background-color: white;\n          position: absolute;\n          display: block;\n          justify-content: space-evenly;\n          @apply --editable-outline-button-wrapper;\n        }\n        @media (max-width: 1000px) {\n          .button-wrapper {\n            position: relative;\n            @apply --editable-outline-button-wrapper-mobile;\n          }\n        }\n        button {\n          height: 32px;\n          font-size: 10px;\n          margin: 0;\n          padding: 0 8px;\n        }\n\n        #outline {\n          padding-top: 44px;\n          margin: 0;\n        }\n        ul,\n        ol {\n          font-size: 16px;\n          line-height: 32px;\n          padding-left: 32px;\n          @apply --editable-outline-button-list;\n        }\n        li {\n          font-size: 16px;\n          line-height: 32px;\n          padding: 4px;\n          @apply --editable-outline-button-list-item;\n        }\n\n        li:focus,\n        li:active,\n        li:hover {\n          background-color: #eeeeee;\n          outline: 1px solid #cccccc;\n          @apply --editable-outline-button-list-item-active;\n        }\n\n        iron-icon {\n          pointer-events: none;\n        }\n      </style>\n      <div class=\"button-wrapper\">\n        <button on-click=\"buttonEvents\" id=\"down\">\n          <iron-icon icon=\"icons:arrow-downward\"></iron-icon> Move down\n        </button>\n        <button on-click=\"buttonEvents\" id=\"up\">\n          <iron-icon icon=\"icons:arrow-upward\"></iron-icon> Move up\n        </button>\n        <button on-click=\"buttonEvents\" id=\"outdent\">\n          <iron-icon icon=\"editor:format-indent-decrease\"></iron-icon> Outdent\n        </button>\n        <button on-click=\"buttonEvents\" id=\"indent\">\n          <iron-icon icon=\"editor:format-indent-increase\"></iron-icon> Indent\n        </button>\n        <button on-click=\"buttonEvents\" id=\"duplicate\">\n          <iron-icon icon=\"icons:content-copy\"></iron-icon> Duplicate\n        </button>\n      </div>\n      <ul id=\"outline\" contenteditable$=\"[[editMode]]\">\n        <li contenteditable=\"true\"></li>\n      </ul>\n\n      <iron-a11y-keys\n        target=\"[[__outlineNode]]\"\n        keys=\"shift+tab\"\n        on-keys-pressed=\"_tabBackKeyPressed\"\n        stop-keyboard-event-propagation\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__outlineNode]]\"\n        keys=\"tab\"\n        on-keys-pressed=\"_tabKeyPressed\"\n        stop-keyboard-event-propagation\n      ></iron-a11y-keys>\n    "]);_templateObject_6d62dda054f411e9aeb367f92c5b63ab=function(){return data};return data}var EditableOutline=function(_PolymerElement){babelHelpers.inherits(EditableOutline,_PolymerElement);babelHelpers.createClass(EditableOutline,null,[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_6d62dda054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{items:{name:"items",type:"Array",value:[],notify:!0},editMode:{name:"editMode",type:"Boolean",notify:!0,observer:"_editModeChanged"},__outlineNode:{name:"__outlineNode",type:"Object"}}}}]);function EditableOutline(){var _this;babelHelpers.classCallCheck(this,EditableOutline);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(EditableOutline).call(this));_this.polyfillSafe=_this.__computePolyfillSafe();window.JSONOutlineSchema.requestAvailability();return _this}babelHelpers.createClass(EditableOutline,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(EditableOutline.prototype),"connectedCallback",this).call(this);this.__outlineNode=this.$.outline;this._observer=new MutationObserver(this._observer.bind(this));this._observer.observe(this.__outlineNode,{childList:!0,subtree:!0})}},{key:"_observer",value:function _observer(record){var _this2=this,reference;for(var index in record){var info=record[index];if(0<info.removedNodes.length&&this.__outdent){for(var i in info.removedNodes){if(reference&&info.removedNodes[i].tagName&&"LI"===info.removedNodes[i].tagName&&null!==info.removedNodes[i].getAttribute("data-jos-id")){reference.setAttribute("data-jos-id",info.removedNodes[i].getAttribute("data-jos-id"));if(null!==info.removedNodes[i].getAttribute("data-jos-location")){reference.setAttribute("data-jos-location",info.removedNodes[i].getAttribute("data-jos-location"))}reference=null}else if("UL"===info.removedNodes[i].tagName&&info.removedNodes[i].firstChild&&"LI"===info.removedNodes[i].firstChild.tagName&&null!==info.removedNodes[i].firstChild.getAttribute("data-jos-id")){reference.setAttribute("data-jos-id",info.removedNodes[i].firstChild.getAttribute("data-jos-id"));if(null!==info.removedNodes[i].firstChild.getAttribute("data-jos-location")){reference.setAttribute("data-jos-location",info.removedNodes[i].firstChild.getAttribute("data-jos-location"))}reference=null}}if(!this.$.outline.firstChild){this.$.outline.appendChild(document.createElement("li"))}}if(0<info.addedNodes.length){if(this.__outdent){for(var _i in info.addedNodes){if(info.addedNodes[_i].tagName&&"LI"===info.addedNodes[_i].tagName){reference=info.addedNodes[_i]}}}else if(!this.__blockScrub){for(var _i2 in info.addedNodes){if(info.addedNodes[_i2].tagName){window.JSONOutlineSchema.requestAvailability().scrubElementJOSData(info.addedNodes[_i2])}}}}}setTimeout(function(){_this2.__blockScrub=!1;_this2.__outdent=!1;_this2.__indent=!1},100)}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(EditableOutline.prototype),"disconnectedCallback",this).call(this)}},{key:"_editModeChanged",value:function _editModeChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){}}},{key:"buttonEvents",value:function buttonEvents(e){switch(e.target.id){case"indent":this._indent();break;case"outdent":this._outdent();break;case"up":this._move("up");break;case"down":this._move("down");break;case"duplicate":this._duplicate();break;}}},{key:"_duplicate",value:function _duplicate(){try{var range=this.getDeepRange();if(babelHelpers.typeof(range.commonAncestorContainer)==="undefined"){return}var activeItem=range.commonAncestorContainer;if(null===activeItem||babelHelpers.typeof(activeItem)==="undefined"||babelHelpers.typeof(activeItem.tagName)==="undefined"){activeItem=activeItem.parentNode}if(activeItem){if(null!==activeItem.nextElementSibling&&"UL"===activeItem.nextElementSibling.tagName){var clone2=activeItem.nextElementSibling.cloneNode(!0);activeItem.parentNode.insertBefore(clone2,activeItem.nextElementSibling.nextElementSibling);var clone=activeItem.cloneNode(!0);activeItem.parentNode.insertBefore(clone,activeItem.nextElementSibling.nextElementSibling)}else{var _clone=activeItem.cloneNode(!0);activeItem.parentNode.insertBefore(_clone,activeItem.nextElementSibling)}}}catch(e){console.log(e)}}},{key:"_move",value:function _move(direction){try{var range=this.getDeepRange();if(babelHelpers.typeof(range.commonAncestorContainer)==="undefined"){return}var activeItem=range.commonAncestorContainer;if(null===activeItem||babelHelpers.typeof(activeItem)==="undefined"||babelHelpers.typeof(activeItem.tagName)==="undefined"){activeItem=activeItem.parentNode}var test=activeItem,valid=!1;while(!valid&&test.parentNode){if("outline"===test.id){valid=!0}test=test.parentNode}if(valid&&activeItem){if("up"===direction){if(null!==activeItem.previousElementSibling){if(activeItem.nextElementSibling&&"UL"===activeItem.nextElementSibling.tagName){if("UL"===activeItem.previousElementSibling.tagName){this.__blockScrub=!0;activeItem.parentNode.insertBefore(activeItem.previousElementSibling,activeItem.nextElementSibling.nextElementSibling)}this.__blockScrub=!0;activeItem.parentNode.insertBefore(activeItem.previousElementSibling,activeItem.nextElementSibling.nextElementSibling);activeItem.focus()}else{if("UL"===activeItem.previousElementSibling.tagName){this.__blockScrub=!0;activeItem.parentNode.insertBefore(activeItem.previousElementSibling,activeItem.nextElementSibling)}this.__blockScrub=!0;activeItem.parentNode.insertBefore(activeItem.previousElementSibling,activeItem.nextElementSibling);activeItem.focus()}}}else if("down"===direction){if(null!==activeItem.nextElementSibling){if(activeItem.nextElementSibling&&"UL"===activeItem.nextElementSibling.tagName&&null!==activeItem.nextElementSibling.nextElementSibling){if("LI"===activeItem.nextElementSibling.nextElementSibling.tagName&&null!==activeItem.nextElementSibling.nextElementSibling.nextElementSibling&&"UL"===activeItem.nextElementSibling.nextElementSibling.nextElementSibling.tagName){this.__blockScrub=!0;activeItem.parentNode.insertBefore(activeItem.nextElementSibling.nextElementSibling,activeItem)}this.__blockScrub=!0;activeItem.parentNode.insertBefore(activeItem.nextElementSibling.nextElementSibling,activeItem);activeItem.focus()}else if("LI"===activeItem.nextElementSibling.tagName){if(null!==activeItem.nextElementSibling.nextElementSibling&&"UL"===activeItem.nextElementSibling.nextElementSibling.tagName){this.__blockScrub=!0;activeItem.parentNode.insertBefore(activeItem.nextElementSibling,activeItem)}this.__blockScrub=!0;activeItem.parentNode.insertBefore(activeItem.nextElementSibling,activeItem);activeItem.focus()}}}}}catch(e){console.log(e)}}},{key:"importJsonOutlineSchemaItems",value:function importJsonOutlineSchemaItems(){this.__blockScrub=!0;while(null!==this.$.outline.firstChild){this.$.outline.removeChild(this.$.outline.firstChild)}if(0===this.items.length){this.set("items",window.JSONOutlineSchema.requestAvailability().items)}var outline=window.JSONOutlineSchema.requestAvailability().itemsToNodes(this.items);while(null!==outline.firstChild){this.__blockScrub=!0;this.$.outline.appendChild(outline.firstChild)}return outline}},{key:"exportJsonOutlineSchemaItems",value:function exportJsonOutlineSchemaItems(){var save=0<arguments.length&&arguments[0]!==void 0?arguments[0]:!1;return window.JSONOutlineSchema.requestAvailability().nodesToItems(this.$.outline,save)}},{key:"_tabKeyPressed",value:function _tabKeyPressed(e){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();if(e.detail.keyboardEvent){e.detail.keyboardEvent.preventDefault();e.detail.keyboardEvent.stopPropagation();e.detail.keyboardEvent.stopImmediatePropagation()}try{this._indent()}catch(e){}}},{key:"_indent",value:function _indent(){if(this.polyfillSafe){this.__indent=!0;this.__blockScrub=!0;document.execCommand("indent")}}},{key:"_tabBackKeyPressed",value:function _tabBackKeyPressed(e){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();if(e.detail.keyboardEvent){e.detail.keyboardEvent.preventDefault();e.detail.keyboardEvent.stopPropagation();e.detail.keyboardEvent.stopImmediatePropagation()}try{this._outdent()}catch(e){}}},{key:"_outdent",value:function _outdent(){if(this.polyfillSafe){this.__outdent=!0;this.__blockScrub=!0;document.execCommand("outdent")}}},{key:"getDeepSelection",value:function getDeepSelection(){if(this.shadowRoot.getSelection){return this.shadowRoot.getSelection()}else if((0,_shadowsSafari.getRange)(this.$.outline.parentNode)){return(0,_shadowsSafari.getRange)(this.$.outline.parentNode)}return window.getSelection()}},{key:"getDeepRange",value:function getDeepRange(){var sel=this.getDeepSelection();if(sel.getRangeAt&&sel.rangeCount){return sel.getRangeAt(0)}else if(sel){return sel}else;}},{key:"__computePolyfillSafe",value:function __computePolyfillSafe(){if(document.head.createShadowRoot||document.head.attachShadow){return!0}else{console.log("Shadow DOM missing, certain operations hidden");return!1}}}],[{key:"tag",get:function get(){return"editable-outline"}}]);return EditableOutline}(_polymerElement.PolymerElement);_exports.EditableOutline=EditableOutline;window.customElements.define(EditableOutline.tag,EditableOutline)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","./lib/shadows-safari.js","../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/editor-icons.js","../json-outline-schema/json-outline-schema.js"],function(_exports,_polymerElement,_shadowsSafari){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.EditableOutline=void 0;function _templateObject_07f02a50555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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          background-color: white;\n          position: absolute;\n          display: block;\n          justify-content: space-evenly;\n          @apply --editable-outline-button-wrapper;\n        }\n        @media (max-width: 1000px) {\n          .button-wrapper {\n            position: relative;\n            @apply --editable-outline-button-wrapper-mobile;\n          }\n        }\n        button {\n          height: 32px;\n          font-size: 10px;\n          margin: 0;\n          padding: 0 8px;\n        }\n\n        #outline {\n          padding-top: 44px;\n          margin: 0;\n        }\n        ul,\n        ol {\n          font-size: 16px;\n          line-height: 32px;\n          padding-left: 32px;\n          @apply --editable-outline-button-list;\n        }\n        li {\n          font-size: 16px;\n          line-height: 32px;\n          padding: 4px;\n          @apply --editable-outline-button-list-item;\n        }\n\n        li:focus,\n        li:active,\n        li:hover {\n          background-color: #eeeeee;\n          outline: 1px solid #cccccc;\n          @apply --editable-outline-button-list-item-active;\n        }\n\n        iron-icon {\n          pointer-events: none;\n        }\n      </style>\n      <div class=\"button-wrapper\">\n        <button on-click=\"buttonEvents\" id=\"down\">\n          <iron-icon icon=\"icons:arrow-downward\"></iron-icon> Move down\n        </button>\n        <button on-click=\"buttonEvents\" id=\"up\">\n          <iron-icon icon=\"icons:arrow-upward\"></iron-icon> Move up\n        </button>\n        <button on-click=\"buttonEvents\" id=\"outdent\">\n          <iron-icon icon=\"editor:format-indent-decrease\"></iron-icon> Outdent\n        </button>\n        <button on-click=\"buttonEvents\" id=\"indent\">\n          <iron-icon icon=\"editor:format-indent-increase\"></iron-icon> Indent\n        </button>\n        <button on-click=\"buttonEvents\" id=\"duplicate\">\n          <iron-icon icon=\"icons:content-copy\"></iron-icon> Duplicate\n        </button>\n      </div>\n      <ul id=\"outline\" contenteditable$=\"[[editMode]]\">\n        <li contenteditable=\"true\"></li>\n      </ul>\n\n      <iron-a11y-keys\n        target=\"[[__outlineNode]]\"\n        keys=\"shift+tab\"\n        on-keys-pressed=\"_tabBackKeyPressed\"\n        stop-keyboard-event-propagation\n      ></iron-a11y-keys>\n      <iron-a11y-keys\n        target=\"[[__outlineNode]]\"\n        keys=\"tab\"\n        on-keys-pressed=\"_tabKeyPressed\"\n        stop-keyboard-event-propagation\n      ></iron-a11y-keys>\n    "]);_templateObject_07f02a50555211e98f439769bd191e33=function(){return data};return data}var EditableOutline=function(_PolymerElement){babelHelpers.inherits(EditableOutline,_PolymerElement);babelHelpers.createClass(EditableOutline,null,[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_07f02a50555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{items:{name:"items",type:"Array",value:[],notify:!0},editMode:{name:"editMode",type:"Boolean",notify:!0,observer:"_editModeChanged"},__outlineNode:{name:"__outlineNode",type:"Object"}}}}]);function EditableOutline(){var _this;babelHelpers.classCallCheck(this,EditableOutline);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(EditableOutline).call(this));_this.polyfillSafe=_this.__computePolyfillSafe();window.JSONOutlineSchema.requestAvailability();return _this}babelHelpers.createClass(EditableOutline,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(EditableOutline.prototype),"connectedCallback",this).call(this);this.__outlineNode=this.$.outline;this._observer=new MutationObserver(this._observer.bind(this));this._observer.observe(this.__outlineNode,{childList:!0,subtree:!0})}},{key:"_observer",value:function _observer(record){var _this2=this,reference;for(var index in record){var info=record[index];if(0<info.removedNodes.length&&this.__outdent){for(var i in info.removedNodes){if(reference&&info.removedNodes[i].tagName&&"LI"===info.removedNodes[i].tagName&&null!==info.removedNodes[i].getAttribute("data-jos-id")){reference.setAttribute("data-jos-id",info.removedNodes[i].getAttribute("data-jos-id"));if(null!==info.removedNodes[i].getAttribute("data-jos-location")){reference.setAttribute("data-jos-location",info.removedNodes[i].getAttribute("data-jos-location"))}reference=null}else if("UL"===info.removedNodes[i].tagName&&info.removedNodes[i].firstChild&&"LI"===info.removedNodes[i].firstChild.tagName&&null!==info.removedNodes[i].firstChild.getAttribute("data-jos-id")){reference.setAttribute("data-jos-id",info.removedNodes[i].firstChild.getAttribute("data-jos-id"));if(null!==info.removedNodes[i].firstChild.getAttribute("data-jos-location")){reference.setAttribute("data-jos-location",info.removedNodes[i].firstChild.getAttribute("data-jos-location"))}reference=null}}if(!this.$.outline.firstChild){this.$.outline.appendChild(document.createElement("li"))}}if(0<info.addedNodes.length){if(this.__outdent){for(var _i in info.addedNodes){if(info.addedNodes[_i].tagName&&"LI"===info.addedNodes[_i].tagName){reference=info.addedNodes[_i]}}}else if(!this.__blockScrub){for(var _i2 in info.addedNodes){if(info.addedNodes[_i2].tagName){window.JSONOutlineSchema.requestAvailability().scrubElementJOSData(info.addedNodes[_i2])}}}}}setTimeout(function(){_this2.__blockScrub=!1;_this2.__outdent=!1;_this2.__indent=!1},100)}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(EditableOutline.prototype),"disconnectedCallback",this).call(this)}},{key:"_editModeChanged",value:function _editModeChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){}}},{key:"buttonEvents",value:function buttonEvents(e){switch(e.target.id){case"indent":this._indent();break;case"outdent":this._outdent();break;case"up":this._move("up");break;case"down":this._move("down");break;case"duplicate":this._duplicate();break;}}},{key:"_duplicate",value:function _duplicate(){try{var range=this.getDeepRange();if(babelHelpers.typeof(range.commonAncestorContainer)==="undefined"){return}var activeItem=range.commonAncestorContainer;if(null===activeItem||babelHelpers.typeof(activeItem)==="undefined"||babelHelpers.typeof(activeItem.tagName)==="undefined"){activeItem=activeItem.parentNode}if(activeItem){if(null!==activeItem.nextElementSibling&&"UL"===activeItem.nextElementSibling.tagName){var clone2=activeItem.nextElementSibling.cloneNode(!0);activeItem.parentNode.insertBefore(clone2,activeItem.nextElementSibling.nextElementSibling);var clone=activeItem.cloneNode(!0);activeItem.parentNode.insertBefore(clone,activeItem.nextElementSibling.nextElementSibling)}else{var _clone=activeItem.cloneNode(!0);activeItem.parentNode.insertBefore(_clone,activeItem.nextElementSibling)}}}catch(e){console.log(e)}}},{key:"_move",value:function _move(direction){try{var range=this.getDeepRange();if(babelHelpers.typeof(range.commonAncestorContainer)==="undefined"){return}var activeItem=range.commonAncestorContainer;if(null===activeItem||babelHelpers.typeof(activeItem)==="undefined"||babelHelpers.typeof(activeItem.tagName)==="undefined"){activeItem=activeItem.parentNode}var test=activeItem,valid=!1;while(!valid&&test.parentNode){if("outline"===test.id){valid=!0}test=test.parentNode}if(valid&&activeItem){if("up"===direction){if(null!==activeItem.previousElementSibling){if(activeItem.nextElementSibling&&"UL"===activeItem.nextElementSibling.tagName){if("UL"===activeItem.previousElementSibling.tagName){this.__blockScrub=!0;activeItem.parentNode.insertBefore(activeItem.previousElementSibling,activeItem.nextElementSibling.nextElementSibling)}this.__blockScrub=!0;activeItem.parentNode.insertBefore(activeItem.previousElementSibling,activeItem.nextElementSibling.nextElementSibling);activeItem.focus()}else{if("UL"===activeItem.previousElementSibling.tagName){this.__blockScrub=!0;activeItem.parentNode.insertBefore(activeItem.previousElementSibling,activeItem.nextElementSibling)}this.__blockScrub=!0;activeItem.parentNode.insertBefore(activeItem.previousElementSibling,activeItem.nextElementSibling);activeItem.focus()}}}else if("down"===direction){if(null!==activeItem.nextElementSibling){if(activeItem.nextElementSibling&&"UL"===activeItem.nextElementSibling.tagName&&null!==activeItem.nextElementSibling.nextElementSibling){if("LI"===activeItem.nextElementSibling.nextElementSibling.tagName&&null!==activeItem.nextElementSibling.nextElementSibling.nextElementSibling&&"UL"===activeItem.nextElementSibling.nextElementSibling.nextElementSibling.tagName){this.__blockScrub=!0;activeItem.parentNode.insertBefore(activeItem.nextElementSibling.nextElementSibling,activeItem)}this.__blockScrub=!0;activeItem.parentNode.insertBefore(activeItem.nextElementSibling.nextElementSibling,activeItem);activeItem.focus()}else if("LI"===activeItem.nextElementSibling.tagName){if(null!==activeItem.nextElementSibling.nextElementSibling&&"UL"===activeItem.nextElementSibling.nextElementSibling.tagName){this.__blockScrub=!0;activeItem.parentNode.insertBefore(activeItem.nextElementSibling,activeItem)}this.__blockScrub=!0;activeItem.parentNode.insertBefore(activeItem.nextElementSibling,activeItem);activeItem.focus()}}}}}catch(e){console.log(e)}}},{key:"importJsonOutlineSchemaItems",value:function importJsonOutlineSchemaItems(){this.__blockScrub=!0;while(null!==this.$.outline.firstChild){this.$.outline.removeChild(this.$.outline.firstChild)}if(0===this.items.length){this.set("items",window.JSONOutlineSchema.requestAvailability().items)}var outline=window.JSONOutlineSchema.requestAvailability().itemsToNodes(this.items);while(null!==outline.firstChild){this.__blockScrub=!0;this.$.outline.appendChild(outline.firstChild)}return outline}},{key:"exportJsonOutlineSchemaItems",value:function exportJsonOutlineSchemaItems(){var save=0<arguments.length&&arguments[0]!==void 0?arguments[0]:!1;return window.JSONOutlineSchema.requestAvailability().nodesToItems(this.$.outline,save)}},{key:"_tabKeyPressed",value:function _tabKeyPressed(e){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();if(e.detail.keyboardEvent){e.detail.keyboardEvent.preventDefault();e.detail.keyboardEvent.stopPropagation();e.detail.keyboardEvent.stopImmediatePropagation()}try{this._indent()}catch(e){}}},{key:"_indent",value:function _indent(){if(this.polyfillSafe){this.__indent=!0;this.__blockScrub=!0;document.execCommand("indent")}}},{key:"_tabBackKeyPressed",value:function _tabBackKeyPressed(e){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();if(e.detail.keyboardEvent){e.detail.keyboardEvent.preventDefault();e.detail.keyboardEvent.stopPropagation();e.detail.keyboardEvent.stopImmediatePropagation()}try{this._outdent()}catch(e){}}},{key:"_outdent",value:function _outdent(){if(this.polyfillSafe){this.__outdent=!0;this.__blockScrub=!0;document.execCommand("outdent")}}},{key:"getDeepSelection",value:function getDeepSelection(){if(this.shadowRoot.getSelection){return this.shadowRoot.getSelection()}else if((0,_shadowsSafari.getRange)(this.$.outline.parentNode)){return(0,_shadowsSafari.getRange)(this.$.outline.parentNode)}return window.getSelection()}},{key:"getDeepRange",value:function getDeepRange(){var sel=this.getDeepSelection();if(sel.getRangeAt&&sel.rangeCount){return sel.getRangeAt(0)}else if(sel){return sel}else;}},{key:"__computePolyfillSafe",value:function __computePolyfillSafe(){if(document.head.createShadowRoot||document.head.attachShadow){return!0}else{console.log("Shadow DOM missing, certain operations hidden");return!1}}}],[{key:"tag",get:function get(){return"editable-outline"}}]);return EditableOutline}(_polymerElement.PolymerElement);_exports.EditableOutline=EditableOutline;window.customElements.define(EditableOutline.tag,EditableOutline)});
\ No newline at end of file
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 47ae35128c7..2b72911b7c2 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-tooltip/paper-tooltip.js","../../@polymer/paper-toggle-button/paper-toggle-button.js","./lib/editable-table-behaviors.js","./lib/editable-table-editor.js","./lib/editable-table-display.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.EditableTable=void 0;function _templateObject_6ad94c9054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        width: 100%;\n      }\n    </style>\n    <paper-tooltip for=\"button\" position=\"left\">Edit this table.</paper-tooltip>\n    <template id=\"display\" is=\"dom-if\" if=\"[[!editMode]]\" restamp=\"true\">\n      <editable-table-display\n        accent-color$=\"[[accentColor]]\"\n        bordered$=\"[[bordered]]\"\n        caption$=\"[[caption]]\"\n        column-header$=\"[[columnHeader]]\"\n        dark$=\"[[dark]]\"\n        data$=\"[[data]]\"\n        condensed$=\"[[condensed]]\"\n        filter$=\"[[filter]]\"\n        footer$=\"[[footer]]\"\n        row-header$=\"[[rowHeader]]\"\n        scroll$=\"[[scroll]]\"\n        sort$=\"[[sort]]\"\n        striped$=\"[[striped]]\"\n        summary$=\"[[summary]]\"\n      >\n      </editable-table-display>\n    </template>\n    <template id=\"editor\" is=\"dom-if\" if=\"[[editMode]]\" restamp=\"true\">\n      <editable-table-editor\n        accent-color$=\"[[accentColor]]\"\n        bordered$=\"[[bordered]]\"\n        caption$=\"[[caption]]\"\n        column-header$=\"[[columnHeader]]\"\n        condensed$=\"[[condensed]]\"\n        dark$=\"[[dark]]\"\n        data$=\"[[data]]\"\n        filter$=\"[[filter]]\"\n        footer$=\"[[footer]]\"\n        hide-accent-color$=\"[[hideAccentColor]]\"\n        hide-dark-theme$=\"[[hideDarkTheme]]\"\n        hide-bordered$=\"[[hideBordered]]\"\n        hide-condensed$=\"[[hideCondensed]]\"\n        hide-filter$=\"[[hideFilter]]\"\n        hide-sort$=\"[[hideSort]]\"\n        hide-scroll$=\"[[hideScroll]]\"\n        hide-striped$=\"[[hideStriped]]\"\n        row-header$=\"[[rowHeader]]\"\n        scroll$=\"[[scroll]]\"\n        sort$=\"[[sort]]\"\n        striped$=\"[[striped]]\"\n        summary$=\"[[summary]]\"\n      >\n      </editable-table-editor>\n    </template>\n  "],["\n    <style>\n      :host {\n        display: block;\n        width: 100%;\n      }\n    </style>\n    <paper-tooltip for=\"button\" position=\"left\">Edit this table.</paper-tooltip>\n    <template id=\"display\" is=\"dom-if\" if=\"[[!editMode]]\" restamp=\"true\">\n      <editable-table-display\n        accent-color\\$=\"[[accentColor]]\"\n        bordered\\$=\"[[bordered]]\"\n        caption\\$=\"[[caption]]\"\n        column-header\\$=\"[[columnHeader]]\"\n        dark\\$=\"[[dark]]\"\n        data\\$=\"[[data]]\"\n        condensed\\$=\"[[condensed]]\"\n        filter\\$=\"[[filter]]\"\n        footer\\$=\"[[footer]]\"\n        row-header\\$=\"[[rowHeader]]\"\n        scroll\\$=\"[[scroll]]\"\n        sort\\$=\"[[sort]]\"\n        striped\\$=\"[[striped]]\"\n        summary\\$=\"[[summary]]\"\n      >\n      </editable-table-display>\n    </template>\n    <template id=\"editor\" is=\"dom-if\" if=\"[[editMode]]\" restamp=\"true\">\n      <editable-table-editor\n        accent-color\\$=\"[[accentColor]]\"\n        bordered\\$=\"[[bordered]]\"\n        caption\\$=\"[[caption]]\"\n        column-header\\$=\"[[columnHeader]]\"\n        condensed\\$=\"[[condensed]]\"\n        dark\\$=\"[[dark]]\"\n        data\\$=\"[[data]]\"\n        filter\\$=\"[[filter]]\"\n        footer\\$=\"[[footer]]\"\n        hide-accent-color\\$=\"[[hideAccentColor]]\"\n        hide-dark-theme\\$=\"[[hideDarkTheme]]\"\n        hide-bordered\\$=\"[[hideBordered]]\"\n        hide-condensed\\$=\"[[hideCondensed]]\"\n        hide-filter\\$=\"[[hideFilter]]\"\n        hide-sort\\$=\"[[hideSort]]\"\n        hide-scroll\\$=\"[[hideScroll]]\"\n        hide-striped\\$=\"[[hideStriped]]\"\n        row-header\\$=\"[[rowHeader]]\"\n        scroll\\$=\"[[scroll]]\"\n        sort\\$=\"[[sort]]\"\n        striped\\$=\"[[striped]]\"\n        summary\\$=\"[[summary]]\"\n      >\n      </editable-table-editor>\n    </template>\n  "]);_templateObject_6ad94c9054f411e9aeb367f92c5b63ab=function(){return data};return data}var EditableTable=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_6ad94c9054f411e9aeb367f92c5b63ab()),is:"editable-table",behaviors:[editableTableBehaviors.displayBehaviors,editableTableBehaviors.editBehaviors],properties:{editMode:{type:Boolean,value:!1}},toggleEditMode:function toggleEditMode(edit){var temp;edit=edit!==void 0?edit:!this.editMode;if(edit){this.querySelector("editable-table-display").toggleFilter();this.querySelector("editable-table-display").sortData(!1);temp=this.querySelector("editable-table-display").getData();console.log(temp)}else{temp=this.querySelector("editable-table-editor").getData()}for(prop in temp){if("data"!==prop){this[prop]=temp[prop]}else{this.set("data",temp[prop])}}this.editMode=edit}});_exports.EditableTable=EditableTable});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-tooltip/paper-tooltip.js","../../@polymer/paper-toggle-button/paper-toggle-button.js","./lib/editable-table-behaviors.js","./lib/editable-table-editor.js","./lib/editable-table-display.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.EditableTable=void 0;function _templateObject_088899c0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        width: 100%;\n      }\n    </style>\n    <paper-tooltip for=\"button\" position=\"left\">Edit this table.</paper-tooltip>\n    <template id=\"display\" is=\"dom-if\" if=\"[[!editMode]]\" restamp=\"true\">\n      <editable-table-display\n        accent-color$=\"[[accentColor]]\"\n        bordered$=\"[[bordered]]\"\n        caption$=\"[[caption]]\"\n        column-header$=\"[[columnHeader]]\"\n        dark$=\"[[dark]]\"\n        data$=\"[[data]]\"\n        condensed$=\"[[condensed]]\"\n        filter$=\"[[filter]]\"\n        footer$=\"[[footer]]\"\n        row-header$=\"[[rowHeader]]\"\n        scroll$=\"[[scroll]]\"\n        sort$=\"[[sort]]\"\n        striped$=\"[[striped]]\"\n        summary$=\"[[summary]]\"\n      >\n      </editable-table-display>\n    </template>\n    <template id=\"editor\" is=\"dom-if\" if=\"[[editMode]]\" restamp=\"true\">\n      <editable-table-editor\n        accent-color$=\"[[accentColor]]\"\n        bordered$=\"[[bordered]]\"\n        caption$=\"[[caption]]\"\n        column-header$=\"[[columnHeader]]\"\n        condensed$=\"[[condensed]]\"\n        dark$=\"[[dark]]\"\n        data$=\"[[data]]\"\n        filter$=\"[[filter]]\"\n        footer$=\"[[footer]]\"\n        hide-accent-color$=\"[[hideAccentColor]]\"\n        hide-dark-theme$=\"[[hideDarkTheme]]\"\n        hide-bordered$=\"[[hideBordered]]\"\n        hide-condensed$=\"[[hideCondensed]]\"\n        hide-filter$=\"[[hideFilter]]\"\n        hide-sort$=\"[[hideSort]]\"\n        hide-scroll$=\"[[hideScroll]]\"\n        hide-striped$=\"[[hideStriped]]\"\n        row-header$=\"[[rowHeader]]\"\n        scroll$=\"[[scroll]]\"\n        sort$=\"[[sort]]\"\n        striped$=\"[[striped]]\"\n        summary$=\"[[summary]]\"\n      >\n      </editable-table-editor>\n    </template>\n  "],["\n    <style>\n      :host {\n        display: block;\n        width: 100%;\n      }\n    </style>\n    <paper-tooltip for=\"button\" position=\"left\">Edit this table.</paper-tooltip>\n    <template id=\"display\" is=\"dom-if\" if=\"[[!editMode]]\" restamp=\"true\">\n      <editable-table-display\n        accent-color\\$=\"[[accentColor]]\"\n        bordered\\$=\"[[bordered]]\"\n        caption\\$=\"[[caption]]\"\n        column-header\\$=\"[[columnHeader]]\"\n        dark\\$=\"[[dark]]\"\n        data\\$=\"[[data]]\"\n        condensed\\$=\"[[condensed]]\"\n        filter\\$=\"[[filter]]\"\n        footer\\$=\"[[footer]]\"\n        row-header\\$=\"[[rowHeader]]\"\n        scroll\\$=\"[[scroll]]\"\n        sort\\$=\"[[sort]]\"\n        striped\\$=\"[[striped]]\"\n        summary\\$=\"[[summary]]\"\n      >\n      </editable-table-display>\n    </template>\n    <template id=\"editor\" is=\"dom-if\" if=\"[[editMode]]\" restamp=\"true\">\n      <editable-table-editor\n        accent-color\\$=\"[[accentColor]]\"\n        bordered\\$=\"[[bordered]]\"\n        caption\\$=\"[[caption]]\"\n        column-header\\$=\"[[columnHeader]]\"\n        condensed\\$=\"[[condensed]]\"\n        dark\\$=\"[[dark]]\"\n        data\\$=\"[[data]]\"\n        filter\\$=\"[[filter]]\"\n        footer\\$=\"[[footer]]\"\n        hide-accent-color\\$=\"[[hideAccentColor]]\"\n        hide-dark-theme\\$=\"[[hideDarkTheme]]\"\n        hide-bordered\\$=\"[[hideBordered]]\"\n        hide-condensed\\$=\"[[hideCondensed]]\"\n        hide-filter\\$=\"[[hideFilter]]\"\n        hide-sort\\$=\"[[hideSort]]\"\n        hide-scroll\\$=\"[[hideScroll]]\"\n        hide-striped\\$=\"[[hideStriped]]\"\n        row-header\\$=\"[[rowHeader]]\"\n        scroll\\$=\"[[scroll]]\"\n        sort\\$=\"[[sort]]\"\n        striped\\$=\"[[striped]]\"\n        summary\\$=\"[[summary]]\"\n      >\n      </editable-table-editor>\n    </template>\n  "]);_templateObject_088899c0555211e98f439769bd191e33=function(){return data};return data}var EditableTable=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_088899c0555211e98f439769bd191e33()),is:"editable-table",behaviors:[editableTableBehaviors.displayBehaviors,editableTableBehaviors.editBehaviors],properties:{editMode:{type:Boolean,value:!1}},toggleEditMode:function toggleEditMode(edit){var temp;edit=edit!==void 0?edit:!this.editMode;if(edit){this.querySelector("editable-table-display").toggleFilter();this.querySelector("editable-table-display").sortData(!1);temp=this.querySelector("editable-table-display").getData();console.log(temp)}else{temp=this.querySelector("editable-table-editor").getData()}for(prop in temp){if("data"!==prop){this[prop]=temp[prop]}else{this.set("data",temp[prop])}}this.editMode=edit}});_exports.EditableTable=EditableTable});
\ No newline at end of file
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 400ae4e4560..cbe3f185c32 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../dropdown-select/dropdown-select.js","../../../@polymer/paper-item/paper-item.js","../../simple-colors/simple-colors.js","../../responsive-utility/lib/responsive-utility-behaviors.js","./editable-table-behaviors.js","./editable-table-sort.js","./editable-table-filter.js","./editable-table-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_972c0a3054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"editable-table-styles simple-colors\">\n      :host([dark]) .caption {\n        padding: 4px 4px 0;\n      }\n      :host([bordered]) .table .th,\n      :host([bordered]) .table .td {\n        border: 1px solid var(--editable-table-border-color);\n      }\n      :host([striped]) .table .tbody .tr:nth-child(2n) .th,\n      :host([striped]) .table .tbody .tr:nth-child(2n) .td {\n        @apply --editable-table-style-stripe;\n      }\n      :host([column-header]) .table .thead .tr .th {\n        @apply --editable-table-style-column-header;\n      }\n      :host([row-header]) .table .tbody .tr .th {\n        @apply --editable-table-style-row-header;\n      }\n      :host([footer]) .table .tfoot .tr .th,\n      :host([footer]) .table .tfoot .tr .td {\n        @apply --editable-table-style-footer;\n      }\n    </style>\n    <table id=\"table\" class=\"table\" default-xs-display=\"\">\n      <caption class=\"caption\">\n        <div>\n          <div>[[caption]]</div>\n          <dropdown-select id=\"column\" label$=\"[[tables.0.label]]\" value=\"1\">\n            <template\n              is=\"dom-repeat\"\n              items$=\"[[thead.0]]\"\n              as=\"col\"\n              index-as=\"index\"\n            >\n              <template is=\"dom-if\" if=\"[[columnHeader]]\">\n                <paper-item id$=\"[[index]]\" value$=\"[[index]]\"\n                  >[[col]]</paper-item\n                >\n              </template>\n              <template is=\"dom-if\" if=\"[[!columnHeader]]\">\n                <paper-item id$=\"[[index]]\">Column [[index]]</paper-item>\n              </template>\n            </template>\n          </dropdown-select>\n        </div>\n      </caption>\n      <thead class=\"thead\" hidden=\"[[!columnHeader]]\">\n        <tr class=\"tr\">\n          <template\n            is=\"dom-repeat\"\n            items$=\"[[thead.0]]\"\n            as=\"th\"\n            index-as=\"index\"\n          >\n            <th class=\"th\" scope=\"col\" numeric$=\"[[_isNumericColumn(index)]]\">\n              <template is=\"dom-if\" if=\"[[sort]]\" restamp=\"\">\n                <editable-table-sort\n                  sort-column$=\"[[sortColumn]]\"\n                  column-number=\"[[index]]\"\n                  text$=\"[[th]]\"\n                ></editable-table-sort>\n              </template>\n              <template is=\"dom-if\" if=\"[[!sort]]\" restamp=\"\"\n                >[[th]]</template\n              >\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          restamp=\"\"\n        >\n          <tr class=\"tr\">\n            <template\n              is=\"dom-repeat\"\n              items$=\"[[tr]]\"\n              as=\"cell\"\n              index-as=\"index\"\n              restamp=\"\"\n            >\n              <template\n                is=\"dom-if\"\n                if=\"[[_isRowHeader(rowHeader,index)]]\"\n                restamp=\"\"\n              >\n                <th\n                  class=\"th\"\n                  scope=\"row\"\n                  numeric$=\"[[_isNumericColumn(index)]]\"\n                >\n                  [[cell]]\n                </th>\n              </template>\n              <template\n                is=\"dom-if\"\n                if=\"[[!_isRowHeader(rowHeader,index)]]\"\n                restamp=\"\"\n              >\n                <td\n                  class=\"td\"\n                  numeric$=\"[[_isNumericColumn(index)]]\"\n                  negative$=\"[[_isNegative(cell)]]\"\n                >\n                  <template is=\"dom-if\" if=\"[[filter]]\" restamp=\"\">\n                    <editable-table-filter\n                      column-number=\"[[index]]\"\n                      text$=\"[[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\">[[cell]]</span></template\n                  >\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\">\n            <template\n              is=\"dom-repeat\"\n              items$=\"[[__tfoot.0]]\"\n              as=\"cell\"\n              index-as=\"index\"\n            >\n              <template is=\"dom-if\" if=\"[[_isRowHeader(rowHeader,index)]]\">\n                <th\n                  class=\"th\"\n                  scope=\"row\"\n                  numeric$=\"[[_isNumericColumn(index)]]\"\n                >\n                  [[cell]]\n                </th>\n              </template>\n              <template is=\"dom-if\" if=\"[[!_isRowHeader(rowHeader,index)]]\">\n                <td\n                  class=\"td\"\n                  numeric$=\"[[_isNumericColumn(index)]]\"\n                  negative$=\"[[_isNegative(cell)]]\"\n                >\n                  [[cell]]\n                </td>\n              </template>\n            </template>\n          </tr>\n        </tfoot>\n      </template>\n    </table>\n  "],["\n    <style is=\"custom-style\" include=\"editable-table-styles simple-colors\">\n      :host([dark]) .caption {\n        padding: 4px 4px 0;\n      }\n      :host([bordered]) .table .th,\n      :host([bordered]) .table .td {\n        border: 1px solid var(--editable-table-border-color);\n      }\n      :host([striped]) .table .tbody .tr:nth-child(2n) .th,\n      :host([striped]) .table .tbody .tr:nth-child(2n) .td {\n        @apply --editable-table-style-stripe;\n      }\n      :host([column-header]) .table .thead .tr .th {\n        @apply --editable-table-style-column-header;\n      }\n      :host([row-header]) .table .tbody .tr .th {\n        @apply --editable-table-style-row-header;\n      }\n      :host([footer]) .table .tfoot .tr .th,\n      :host([footer]) .table .tfoot .tr .td {\n        @apply --editable-table-style-footer;\n      }\n    </style>\n    <table id=\"table\" class=\"table\" default-xs-display=\"\">\n      <caption class=\"caption\">\n        <div>\n          <div>[[caption]]</div>\n          <dropdown-select id=\"column\" label\\$=\"[[tables.0.label]]\" value=\"1\">\n            <template\n              is=\"dom-repeat\"\n              items\\$=\"[[thead.0]]\"\n              as=\"col\"\n              index-as=\"index\"\n            >\n              <template is=\"dom-if\" if=\"[[columnHeader]]\">\n                <paper-item id\\$=\"[[index]]\" value\\$=\"[[index]]\"\n                  >[[col]]</paper-item\n                >\n              </template>\n              <template is=\"dom-if\" if=\"[[!columnHeader]]\">\n                <paper-item id\\$=\"[[index]]\">Column [[index]]</paper-item>\n              </template>\n            </template>\n          </dropdown-select>\n        </div>\n      </caption>\n      <thead class=\"thead\" hidden=\"[[!columnHeader]]\">\n        <tr class=\"tr\">\n          <template\n            is=\"dom-repeat\"\n            items\\$=\"[[thead.0]]\"\n            as=\"th\"\n            index-as=\"index\"\n          >\n            <th class=\"th\" scope=\"col\" numeric\\$=\"[[_isNumericColumn(index)]]\">\n              <template is=\"dom-if\" if=\"[[sort]]\" restamp=\"\">\n                <editable-table-sort\n                  sort-column\\$=\"[[sortColumn]]\"\n                  column-number=\"[[index]]\"\n                  text\\$=\"[[th]]\"\n                ></editable-table-sort>\n              </template>\n              <template is=\"dom-if\" if=\"[[!sort]]\" restamp=\"\"\n                >[[th]]</template\n              >\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          restamp=\"\"\n        >\n          <tr class=\"tr\">\n            <template\n              is=\"dom-repeat\"\n              items\\$=\"[[tr]]\"\n              as=\"cell\"\n              index-as=\"index\"\n              restamp=\"\"\n            >\n              <template\n                is=\"dom-if\"\n                if=\"[[_isRowHeader(rowHeader,index)]]\"\n                restamp=\"\"\n              >\n                <th\n                  class=\"th\"\n                  scope=\"row\"\n                  numeric\\$=\"[[_isNumericColumn(index)]]\"\n                >\n                  [[cell]]\n                </th>\n              </template>\n              <template\n                is=\"dom-if\"\n                if=\"[[!_isRowHeader(rowHeader,index)]]\"\n                restamp=\"\"\n              >\n                <td\n                  class=\"td\"\n                  numeric\\$=\"[[_isNumericColumn(index)]]\"\n                  negative\\$=\"[[_isNegative(cell)]]\"\n                >\n                  <template is=\"dom-if\" if=\"[[filter]]\" restamp=\"\">\n                    <editable-table-filter\n                      column-number=\"[[index]]\"\n                      text\\$=\"[[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\">[[cell]]</span></template\n                  >\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\">\n            <template\n              is=\"dom-repeat\"\n              items\\$=\"[[__tfoot.0]]\"\n              as=\"cell\"\n              index-as=\"index\"\n            >\n              <template is=\"dom-if\" if=\"[[_isRowHeader(rowHeader,index)]]\">\n                <th\n                  class=\"th\"\n                  scope=\"row\"\n                  numeric\\$=\"[[_isNumericColumn(index)]]\"\n                >\n                  [[cell]]\n                </th>\n              </template>\n              <template is=\"dom-if\" if=\"[[!_isRowHeader(rowHeader,index)]]\">\n                <td\n                  class=\"td\"\n                  numeric\\$=\"[[_isNumericColumn(index)]]\"\n                  negative\\$=\"[[_isNegative(cell)]]\"\n                >\n                  [[cell]]\n                </td>\n              </template>\n            </template>\n          </tr>\n        </tfoot>\n      </template>\n    </table>\n  "]);_templateObject_972c0a3054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_972c0a3054f411e9aeb367f92c5b63ab()),is:"editable-table-display",listeners:{"change-sort-mode":"_changeSortMode","toggle-filter":"toggleFilter","dropdown-select-changed":"_onColumnChange"},behaviors:[ResponsiveUtilityBehaviors,editableTableBehaviors.displayBehaviors],properties:{editMode:{type:Boolean,value:!1},filterColumn:{type:Number,value:null},filtered:{type:Boolean,value:!1},filterText:{type:String,value:null},hideEditMode:{type:Boolean,value:!1},selected:{type:Number,value:1},sortMode:{type:String,value:"none"},sortColumn:{type:Number,value:-1},thead:{type:Array,computed:"_getThead(data,columnHeader)"},tbody:{type:Array,computed:"_getTbody(data,columnHeader,footer)"}},_getTbody:function _getTbody(data,columnHeader,footer){if(data!==void 0&&null!==data&&0<data.length){var ch=columnHeader?1:0,tbody;if(footer){tbody=data.slice(ch,data.length-1);this.__tfoot=data.slice(data.length-1)}else{tbody=data.slice(ch,data.length);this.__tfoot=[]}return tbody}return[]},_getThead:function _getThead(data,columnHeader){this;if(data!==void 0&&null!==data&&0<data.length&&columnHeader){return data.slice(0,1)}return[]},_isFiltered:function _isFiltered(column,filterColumn,filtered){return null!==filterColumn&&filterColumn===column&&filtered},_isNegative:function _isNegative(cell){return this._isNumeric(cell)&&0===cell.trim().indexOf("-")},_isNumeric:function _isNumeric(cell){return null!==cell&&!isNaN(cell.trim().replace(/\$/g,""))},_isNumericColumn:function _isNumericColumn(col){for(var numeric=!0,i=0;i<this.tbody.length;i++){if(!this._isNumeric(this.tbody[i][col]))numeric=!1}return numeric},_isRowHeader:function _isRowHeader(rowHeader,index){return 0===index&&rowHeader},_onColumnChange:function _onColumnChange(e){this.selected=e.detail.value;this._updateCols(parseInt(e.detail.value))},_changeSortMode:function _changeSortMode(e){if(this.sortColumn===e.detail.columnNumber&&"asc"===this.sortMode){this.sortMode="desc"}else if(this.sortColumn===e.detail.columnNumber&&"desc"===this.sortMode){this.sortMode="none"}else{this.sortMode="asc";this.sortColumn=e.detail.columnNumber}e.detail.setSortMode(this.sortMode);this.sortData(this.sortMode,e.detail.columnNumber)},_updateCols:function _updateCols(selected){this.$.table.removeAttribute("default-xs-display");var cols=this.$.table.querySelectorAll("th,td");this.$.table.setAttribute("transition",!0);setTimeout(function(){for(var i=0;i<cols.length;i++){var col=cols[i],index=col.cellIndex;if(0===index||index===selected){col.removeAttribute("xs-hidden")}else{col.setAttribute("xs-hidden",!0)}}},200);this.$.table.removeAttribute("transition")},filterRows:function filterRows(filterColumn,filterText){if(filterText!==void 0&&null!==filterText){return function(tr){return tr[filterColumn].toLowerCase().trim()===filterText.toLowerCase().trim()}}else{return null}},sortData:function sortData(type,column){if("none"!==type&&!1!==type){for(var temp=this.tbody.slice(),i=0;i<temp.length;i++){temp[i].unshift(temp[i][column])}if("asc"===type){temp.sort()}else{temp.reverse()}for(var _i=0;_i<temp.length;_i++){this.set("tbody."+_i,[]);this.set("tbody."+_i,temp[_i].slice(1))}}else{for(var _temp=this.tbody.slice(),_i2=0;_i2<_temp.length;_i2++){this.set("data."+(_i2+1),[]);this.set("data."+(_i2+1),_temp[_i2].slice())}}},toggleFilter:function toggleFilter(e){if(e===void 0||this.filterColumn==e.detail.columnNumber&&this.filtered){this.filtered=!1;this.filterText=null;this.filterColumn=null}else{this.filterText=e.detail.text;this.filterColumn=e.detail.columnNumber;this.filtered=!0}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../dropdown-select/dropdown-select.js","../../../@polymer/paper-item/paper-item.js","../../simple-colors/simple-colors.js","../../responsive-utility/lib/responsive-utility-behaviors.js","./editable-table-behaviors.js","./editable-table-sort.js","./editable-table-filter.js","./editable-table-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_2c1ba800555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"editable-table-styles simple-colors\">\n      :host([dark]) .caption {\n        padding: 4px 4px 0;\n      }\n      :host([bordered]) .table .th,\n      :host([bordered]) .table .td {\n        border: 1px solid var(--editable-table-border-color);\n      }\n      :host([striped]) .table .tbody .tr:nth-child(2n) .th,\n      :host([striped]) .table .tbody .tr:nth-child(2n) .td {\n        @apply --editable-table-style-stripe;\n      }\n      :host([column-header]) .table .thead .tr .th {\n        @apply --editable-table-style-column-header;\n      }\n      :host([row-header]) .table .tbody .tr .th {\n        @apply --editable-table-style-row-header;\n      }\n      :host([footer]) .table .tfoot .tr .th,\n      :host([footer]) .table .tfoot .tr .td {\n        @apply --editable-table-style-footer;\n      }\n    </style>\n    <table id=\"table\" class=\"table\" default-xs-display=\"\">\n      <caption class=\"caption\">\n        <div>\n          <div>[[caption]]</div>\n          <dropdown-select id=\"column\" label$=\"[[tables.0.label]]\" value=\"1\">\n            <template\n              is=\"dom-repeat\"\n              items$=\"[[thead.0]]\"\n              as=\"col\"\n              index-as=\"index\"\n            >\n              <template is=\"dom-if\" if=\"[[columnHeader]]\">\n                <paper-item id$=\"[[index]]\" value$=\"[[index]]\"\n                  >[[col]]</paper-item\n                >\n              </template>\n              <template is=\"dom-if\" if=\"[[!columnHeader]]\">\n                <paper-item id$=\"[[index]]\">Column [[index]]</paper-item>\n              </template>\n            </template>\n          </dropdown-select>\n        </div>\n      </caption>\n      <thead class=\"thead\" hidden=\"[[!columnHeader]]\">\n        <tr class=\"tr\">\n          <template\n            is=\"dom-repeat\"\n            items$=\"[[thead.0]]\"\n            as=\"th\"\n            index-as=\"index\"\n          >\n            <th class=\"th\" scope=\"col\" numeric$=\"[[_isNumericColumn(index)]]\">\n              <template is=\"dom-if\" if=\"[[sort]]\" restamp=\"\">\n                <editable-table-sort\n                  sort-column$=\"[[sortColumn]]\"\n                  column-number=\"[[index]]\"\n                  text$=\"[[th]]\"\n                ></editable-table-sort>\n              </template>\n              <template is=\"dom-if\" if=\"[[!sort]]\" restamp=\"\"\n                >[[th]]</template\n              >\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          restamp=\"\"\n        >\n          <tr class=\"tr\">\n            <template\n              is=\"dom-repeat\"\n              items$=\"[[tr]]\"\n              as=\"cell\"\n              index-as=\"index\"\n              restamp=\"\"\n            >\n              <template\n                is=\"dom-if\"\n                if=\"[[_isRowHeader(rowHeader,index)]]\"\n                restamp=\"\"\n              >\n                <th\n                  class=\"th\"\n                  scope=\"row\"\n                  numeric$=\"[[_isNumericColumn(index)]]\"\n                >\n                  [[cell]]\n                </th>\n              </template>\n              <template\n                is=\"dom-if\"\n                if=\"[[!_isRowHeader(rowHeader,index)]]\"\n                restamp=\"\"\n              >\n                <td\n                  class=\"td\"\n                  numeric$=\"[[_isNumericColumn(index)]]\"\n                  negative$=\"[[_isNegative(cell)]]\"\n                >\n                  <template is=\"dom-if\" if=\"[[filter]]\" restamp=\"\">\n                    <editable-table-filter\n                      column-number=\"[[index]]\"\n                      text$=\"[[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\">[[cell]]</span></template\n                  >\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\">\n            <template\n              is=\"dom-repeat\"\n              items$=\"[[__tfoot.0]]\"\n              as=\"cell\"\n              index-as=\"index\"\n            >\n              <template is=\"dom-if\" if=\"[[_isRowHeader(rowHeader,index)]]\">\n                <th\n                  class=\"th\"\n                  scope=\"row\"\n                  numeric$=\"[[_isNumericColumn(index)]]\"\n                >\n                  [[cell]]\n                </th>\n              </template>\n              <template is=\"dom-if\" if=\"[[!_isRowHeader(rowHeader,index)]]\">\n                <td\n                  class=\"td\"\n                  numeric$=\"[[_isNumericColumn(index)]]\"\n                  negative$=\"[[_isNegative(cell)]]\"\n                >\n                  [[cell]]\n                </td>\n              </template>\n            </template>\n          </tr>\n        </tfoot>\n      </template>\n    </table>\n  "],["\n    <style is=\"custom-style\" include=\"editable-table-styles simple-colors\">\n      :host([dark]) .caption {\n        padding: 4px 4px 0;\n      }\n      :host([bordered]) .table .th,\n      :host([bordered]) .table .td {\n        border: 1px solid var(--editable-table-border-color);\n      }\n      :host([striped]) .table .tbody .tr:nth-child(2n) .th,\n      :host([striped]) .table .tbody .tr:nth-child(2n) .td {\n        @apply --editable-table-style-stripe;\n      }\n      :host([column-header]) .table .thead .tr .th {\n        @apply --editable-table-style-column-header;\n      }\n      :host([row-header]) .table .tbody .tr .th {\n        @apply --editable-table-style-row-header;\n      }\n      :host([footer]) .table .tfoot .tr .th,\n      :host([footer]) .table .tfoot .tr .td {\n        @apply --editable-table-style-footer;\n      }\n    </style>\n    <table id=\"table\" class=\"table\" default-xs-display=\"\">\n      <caption class=\"caption\">\n        <div>\n          <div>[[caption]]</div>\n          <dropdown-select id=\"column\" label\\$=\"[[tables.0.label]]\" value=\"1\">\n            <template\n              is=\"dom-repeat\"\n              items\\$=\"[[thead.0]]\"\n              as=\"col\"\n              index-as=\"index\"\n            >\n              <template is=\"dom-if\" if=\"[[columnHeader]]\">\n                <paper-item id\\$=\"[[index]]\" value\\$=\"[[index]]\"\n                  >[[col]]</paper-item\n                >\n              </template>\n              <template is=\"dom-if\" if=\"[[!columnHeader]]\">\n                <paper-item id\\$=\"[[index]]\">Column [[index]]</paper-item>\n              </template>\n            </template>\n          </dropdown-select>\n        </div>\n      </caption>\n      <thead class=\"thead\" hidden=\"[[!columnHeader]]\">\n        <tr class=\"tr\">\n          <template\n            is=\"dom-repeat\"\n            items\\$=\"[[thead.0]]\"\n            as=\"th\"\n            index-as=\"index\"\n          >\n            <th class=\"th\" scope=\"col\" numeric\\$=\"[[_isNumericColumn(index)]]\">\n              <template is=\"dom-if\" if=\"[[sort]]\" restamp=\"\">\n                <editable-table-sort\n                  sort-column\\$=\"[[sortColumn]]\"\n                  column-number=\"[[index]]\"\n                  text\\$=\"[[th]]\"\n                ></editable-table-sort>\n              </template>\n              <template is=\"dom-if\" if=\"[[!sort]]\" restamp=\"\"\n                >[[th]]</template\n              >\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          restamp=\"\"\n        >\n          <tr class=\"tr\">\n            <template\n              is=\"dom-repeat\"\n              items\\$=\"[[tr]]\"\n              as=\"cell\"\n              index-as=\"index\"\n              restamp=\"\"\n            >\n              <template\n                is=\"dom-if\"\n                if=\"[[_isRowHeader(rowHeader,index)]]\"\n                restamp=\"\"\n              >\n                <th\n                  class=\"th\"\n                  scope=\"row\"\n                  numeric\\$=\"[[_isNumericColumn(index)]]\"\n                >\n                  [[cell]]\n                </th>\n              </template>\n              <template\n                is=\"dom-if\"\n                if=\"[[!_isRowHeader(rowHeader,index)]]\"\n                restamp=\"\"\n              >\n                <td\n                  class=\"td\"\n                  numeric\\$=\"[[_isNumericColumn(index)]]\"\n                  negative\\$=\"[[_isNegative(cell)]]\"\n                >\n                  <template is=\"dom-if\" if=\"[[filter]]\" restamp=\"\">\n                    <editable-table-filter\n                      column-number=\"[[index]]\"\n                      text\\$=\"[[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\">[[cell]]</span></template\n                  >\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\">\n            <template\n              is=\"dom-repeat\"\n              items\\$=\"[[__tfoot.0]]\"\n              as=\"cell\"\n              index-as=\"index\"\n            >\n              <template is=\"dom-if\" if=\"[[_isRowHeader(rowHeader,index)]]\">\n                <th\n                  class=\"th\"\n                  scope=\"row\"\n                  numeric\\$=\"[[_isNumericColumn(index)]]\"\n                >\n                  [[cell]]\n                </th>\n              </template>\n              <template is=\"dom-if\" if=\"[[!_isRowHeader(rowHeader,index)]]\">\n                <td\n                  class=\"td\"\n                  numeric\\$=\"[[_isNumericColumn(index)]]\"\n                  negative\\$=\"[[_isNegative(cell)]]\"\n                >\n                  [[cell]]\n                </td>\n              </template>\n            </template>\n          </tr>\n        </tfoot>\n      </template>\n    </table>\n  "]);_templateObject_2c1ba800555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2c1ba800555211e98f439769bd191e33()),is:"editable-table-display",listeners:{"change-sort-mode":"_changeSortMode","toggle-filter":"toggleFilter","dropdown-select-changed":"_onColumnChange"},behaviors:[ResponsiveUtilityBehaviors,editableTableBehaviors.displayBehaviors],properties:{editMode:{type:Boolean,value:!1},filterColumn:{type:Number,value:null},filtered:{type:Boolean,value:!1},filterText:{type:String,value:null},hideEditMode:{type:Boolean,value:!1},selected:{type:Number,value:1},sortMode:{type:String,value:"none"},sortColumn:{type:Number,value:-1},thead:{type:Array,computed:"_getThead(data,columnHeader)"},tbody:{type:Array,computed:"_getTbody(data,columnHeader,footer)"}},_getTbody:function _getTbody(data,columnHeader,footer){if(data!==void 0&&null!==data&&0<data.length){var ch=columnHeader?1:0,tbody;if(footer){tbody=data.slice(ch,data.length-1);this.__tfoot=data.slice(data.length-1)}else{tbody=data.slice(ch,data.length);this.__tfoot=[]}return tbody}return[]},_getThead:function _getThead(data,columnHeader){this;if(data!==void 0&&null!==data&&0<data.length&&columnHeader){return data.slice(0,1)}return[]},_isFiltered:function _isFiltered(column,filterColumn,filtered){return null!==filterColumn&&filterColumn===column&&filtered},_isNegative:function _isNegative(cell){return this._isNumeric(cell)&&0===cell.trim().indexOf("-")},_isNumeric:function _isNumeric(cell){return null!==cell&&!isNaN(cell.trim().replace(/\$/g,""))},_isNumericColumn:function _isNumericColumn(col){for(var numeric=!0,i=0;i<this.tbody.length;i++){if(!this._isNumeric(this.tbody[i][col]))numeric=!1}return numeric},_isRowHeader:function _isRowHeader(rowHeader,index){return 0===index&&rowHeader},_onColumnChange:function _onColumnChange(e){this.selected=e.detail.value;this._updateCols(parseInt(e.detail.value))},_changeSortMode:function _changeSortMode(e){if(this.sortColumn===e.detail.columnNumber&&"asc"===this.sortMode){this.sortMode="desc"}else if(this.sortColumn===e.detail.columnNumber&&"desc"===this.sortMode){this.sortMode="none"}else{this.sortMode="asc";this.sortColumn=e.detail.columnNumber}e.detail.setSortMode(this.sortMode);this.sortData(this.sortMode,e.detail.columnNumber)},_updateCols:function _updateCols(selected){this.$.table.removeAttribute("default-xs-display");var cols=this.$.table.querySelectorAll("th,td");this.$.table.setAttribute("transition",!0);setTimeout(function(){for(var i=0;i<cols.length;i++){var col=cols[i],index=col.cellIndex;if(0===index||index===selected){col.removeAttribute("xs-hidden")}else{col.setAttribute("xs-hidden",!0)}}},200);this.$.table.removeAttribute("transition")},filterRows:function filterRows(filterColumn,filterText){if(filterText!==void 0&&null!==filterText){return function(tr){return tr[filterColumn].toLowerCase().trim()===filterText.toLowerCase().trim()}}else{return null}},sortData:function sortData(type,column){if("none"!==type&&!1!==type){for(var temp=this.tbody.slice(),i=0;i<temp.length;i++){temp[i].unshift(temp[i][column])}if("asc"===type){temp.sort()}else{temp.reverse()}for(var _i=0;_i<temp.length;_i++){this.set("tbody."+_i,[]);this.set("tbody."+_i,temp[_i].slice(1))}}else{for(var _temp=this.tbody.slice(),_i2=0;_i2<_temp.length;_i2++){this.set("data."+(_i2+1),[]);this.set("data."+(_i2+1),_temp[_i2].slice())}}},toggleFilter:function toggleFilter(e){if(e===void 0||this.filterColumn==e.detail.columnNumber&&this.filtered){this.filtered=!1;this.filterText=null;this.filterColumn=null}else{this.filterText=e.detail.text;this.filterColumn=e.detail.columnNumber;this.filtered=!0}}})});
\ No newline at end of file
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 f98f51d86a0..14f7bf9d20e 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-autogrow-textarea/iron-autogrow-textarea.js","../../../@polymer/iron-a11y-keys/iron-a11y-keys.js","./editable-table-behaviors.js"],function(_polymerLegacy){"use strict";function _templateObject_97313a5054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\n      :host {\n        padding: 0;\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      }\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      value$=\"{{value}}\"\n    >\n    </iron-autogrow-textarea>\n    <div id=\"icons\"><slot></slot></div>\n    <iron-a11y-keys\n      id=\"down\"\n      keys=\"down\"\n      target$=\"[[cell]]\"\n      on-keys-pressed=\"_onCellBelow\"\n    >\n    </iron-a11y-keys>\n    <iron-a11y-keys\n      id=\"up\"\n      keys=\"up\"\n      target$=\"[[cell]]\"\n      on-keys-pressed=\"_onCellAbove\"\n    >\n    </iron-a11y-keys>\n    <iron-a11y-keys\n      id=\"left\"\n      keys=\"left\"\n      target$=\"[[cell]]\"\n      on-keys-pressed=\"_onCellLeft\"\n    >\n    </iron-a11y-keys>\n    <iron-a11y-keys\n      id=\"right\"\n      keys=\"right\"\n      target$=\"[[cell]]\"\n      on-keys-pressed=\"_onCellRight\"\n    >\n    </iron-a11y-keys>\n  "],["\n    <style is=\"custom-style\">\n      :host {\n        padding: 0;\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      }\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      value\\$=\"{{value}}\"\n    >\n    </iron-autogrow-textarea>\n    <div id=\"icons\"><slot></slot></div>\n    <iron-a11y-keys\n      id=\"down\"\n      keys=\"down\"\n      target\\$=\"[[cell]]\"\n      on-keys-pressed=\"_onCellBelow\"\n    >\n    </iron-a11y-keys>\n    <iron-a11y-keys\n      id=\"up\"\n      keys=\"up\"\n      target\\$=\"[[cell]]\"\n      on-keys-pressed=\"_onCellAbove\"\n    >\n    </iron-a11y-keys>\n    <iron-a11y-keys\n      id=\"left\"\n      keys=\"left\"\n      target\\$=\"[[cell]]\"\n      on-keys-pressed=\"_onCellLeft\"\n    >\n    </iron-a11y-keys>\n    <iron-a11y-keys\n      id=\"right\"\n      keys=\"right\"\n      target\\$=\"[[cell]]\"\n      on-keys-pressed=\"_onCellRight\"\n    >\n    </iron-a11y-keys>\n  "]);_templateObject_97313a5054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_97313a5054f411e9aeb367f92c5b63ab()),is:"editable-table-editor-cell",listeners:{"bind-value-changed":"_onValueChanged"},behaviors:[editableTableBehaviors.cellBehaviors],properties:{row:{type:Number,value:null},column:{type:Number,value:null},label:{type:String,computed:"_getCellLabel(column,row)"},value:{type:String,value:!1,reflectToAttribute:!0}},ready:function ready(){this.cell=this.$.cell},focus:function focus(){this.cell.textarea.focus()},_getCellLabel:function _getCellLabel(column,row){return"Cell "+this._getLabel(column,"Column")+this._getLabel(row,"Row")},_onValueChanged:function _onValueChanged(e){var root=this;root.fire("cell-value-changed",{row:root.row,column:root.column,value:e.detail.value})},getCaretPosition:function getCaretPosition(){var caret=0;if(document.selection){this.$.cell.focus();var sel=document.selection.createRange();sel.moveStart("character",-this.$.cell.value.length);caret=sel.text.length}else if(this.$.cell.shadowRoot.querySelector("textarea").selectionStart||"0"==this.$.cell.shadowRoot.querySelector("textarea").selectionStart){caret=this.$.cell.shadowRoot.querySelector("textarea").selectionStart}return caret},setCaretPosition:function setCaretPosition(start,end){var textarea=this.$.cell.shadowRoot.querySelector("textarea");textarea.focus();if(textarea.createTextRange){var range=textarea.createTextRange();range.collapse(!0);range.moveEnd("character",end);range.moveStart("character",start);range.select()}else if(textarea.setSelectionRange){textarea.setSelectionRange(start,end);textarea.selectionStart=start;textarea.selectionEnd=end}},setFocus:function setFocus(start,end){this.$.cell.shadowRoot.querySelector("textarea").focus();if(start!==void 0&&end!==void 0){this.setCaretPosition(start,end)}else if(start!==void 0){this.setCaretPosition(start,start)}else{this.setCaretPosition(0,0)}},_onCellLeft:function _onCellLeft(){this.fire("cell-move",{cell:this.parentNode,direction:"left"})},_onCellRight:function _onCellRight(){this.fire("cell-move",{cell:this.parentNode,direction:"right"})},_onCellAbove:function _onCellAbove(){this.fire("cell-move",{cell:this.parentNode,direction:"up"})},_onCellBelow:function _onCellBelow(){this.fire("cell-move",{cell:this.parentNode,direction:"down"})}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-autogrow-textarea/iron-autogrow-textarea.js","../../../@polymer/iron-a11y-keys/iron-a11y-keys.js","./editable-table-behaviors.js"],function(_polymerLegacy){"use strict";function _templateObject_2c265660555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\n      :host {\n        padding: 0;\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      }\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      value$=\"{{value}}\"\n    >\n    </iron-autogrow-textarea>\n    <div id=\"icons\"><slot></slot></div>\n    <iron-a11y-keys\n      id=\"down\"\n      keys=\"down\"\n      target$=\"[[cell]]\"\n      on-keys-pressed=\"_onCellBelow\"\n    >\n    </iron-a11y-keys>\n    <iron-a11y-keys\n      id=\"up\"\n      keys=\"up\"\n      target$=\"[[cell]]\"\n      on-keys-pressed=\"_onCellAbove\"\n    >\n    </iron-a11y-keys>\n    <iron-a11y-keys\n      id=\"left\"\n      keys=\"left\"\n      target$=\"[[cell]]\"\n      on-keys-pressed=\"_onCellLeft\"\n    >\n    </iron-a11y-keys>\n    <iron-a11y-keys\n      id=\"right\"\n      keys=\"right\"\n      target$=\"[[cell]]\"\n      on-keys-pressed=\"_onCellRight\"\n    >\n    </iron-a11y-keys>\n  "],["\n    <style is=\"custom-style\">\n      :host {\n        padding: 0;\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      }\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      value\\$=\"{{value}}\"\n    >\n    </iron-autogrow-textarea>\n    <div id=\"icons\"><slot></slot></div>\n    <iron-a11y-keys\n      id=\"down\"\n      keys=\"down\"\n      target\\$=\"[[cell]]\"\n      on-keys-pressed=\"_onCellBelow\"\n    >\n    </iron-a11y-keys>\n    <iron-a11y-keys\n      id=\"up\"\n      keys=\"up\"\n      target\\$=\"[[cell]]\"\n      on-keys-pressed=\"_onCellAbove\"\n    >\n    </iron-a11y-keys>\n    <iron-a11y-keys\n      id=\"left\"\n      keys=\"left\"\n      target\\$=\"[[cell]]\"\n      on-keys-pressed=\"_onCellLeft\"\n    >\n    </iron-a11y-keys>\n    <iron-a11y-keys\n      id=\"right\"\n      keys=\"right\"\n      target\\$=\"[[cell]]\"\n      on-keys-pressed=\"_onCellRight\"\n    >\n    </iron-a11y-keys>\n  "]);_templateObject_2c265660555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2c265660555211e98f439769bd191e33()),is:"editable-table-editor-cell",listeners:{"bind-value-changed":"_onValueChanged"},behaviors:[editableTableBehaviors.cellBehaviors],properties:{row:{type:Number,value:null},column:{type:Number,value:null},label:{type:String,computed:"_getCellLabel(column,row)"},value:{type:String,value:!1,reflectToAttribute:!0}},ready:function ready(){this.cell=this.$.cell},focus:function focus(){this.cell.textarea.focus()},_getCellLabel:function _getCellLabel(column,row){return"Cell "+this._getLabel(column,"Column")+this._getLabel(row,"Row")},_onValueChanged:function _onValueChanged(e){var root=this;root.fire("cell-value-changed",{row:root.row,column:root.column,value:e.detail.value})},getCaretPosition:function getCaretPosition(){var caret=0;if(document.selection){this.$.cell.focus();var sel=document.selection.createRange();sel.moveStart("character",-this.$.cell.value.length);caret=sel.text.length}else if(this.$.cell.shadowRoot.querySelector("textarea").selectionStart||"0"==this.$.cell.shadowRoot.querySelector("textarea").selectionStart){caret=this.$.cell.shadowRoot.querySelector("textarea").selectionStart}return caret},setCaretPosition:function setCaretPosition(start,end){var textarea=this.$.cell.shadowRoot.querySelector("textarea");textarea.focus();if(textarea.createTextRange){var range=textarea.createTextRange();range.collapse(!0);range.moveEnd("character",end);range.moveStart("character",start);range.select()}else if(textarea.setSelectionRange){textarea.setSelectionRange(start,end);textarea.selectionStart=start;textarea.selectionEnd=end}},setFocus:function setFocus(start,end){this.$.cell.shadowRoot.querySelector("textarea").focus();if(start!==void 0&&end!==void 0){this.setCaretPosition(start,end)}else if(start!==void 0){this.setCaretPosition(start,start)}else{this.setCaretPosition(0,0)}},_onCellLeft:function _onCellLeft(){this.fire("cell-move",{cell:this.parentNode,direction:"left"})},_onCellRight:function _onCellRight(){this.fire("cell-move",{cell:this.parentNode,direction:"right"})},_onCellAbove:function _onCellAbove(){this.fire("cell-move",{cell:this.parentNode,direction:"up"})},_onCellBelow:function _onCellBelow(){this.fire("cell-move",{cell:this.parentNode,direction:"down"})}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor-insdel.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor-insdel.js
index 9a294f319ed..9fb39eead7c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor-insdel.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor-insdel.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js"],function(_polymerLegacy){"use strict";function _templateObject_97383f3054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      :host paper-button {\n        display: block;\n        text-transform: none;\n        text-align: left;\n      }\n    </style>\n    <paper-button><slot></slot></paper-button>\n  "]);_templateObject_97383f3054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_97383f3054f411e9aeb367f92c5b63ab()),is:"editable-table-editor-insdel",listeners:{tap:"_onTap"},properties:{action:{type:String,value:null},index:{type:Number,value:null,reflectToAttribute:!0},before:{type:Boolean,value:!1,reflectToAttribute:!0},type:{type:String,value:null}},_onTap:function _onTap(){var root=this,action=root.action,type=root.type,before=root.before,index=root.index,event=action+"-"+type.toLowerCase();if("insert"===action&&before&&"Row"===type){index--}else if("insert"===action&&!before&&"Row"!==type){index++}root.fire(event,index)}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js"],function(_polymerLegacy){"use strict";function _templateObject_2c2f3000555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      :host paper-button {\n        display: block;\n        text-transform: none;\n        text-align: left;\n      }\n    </style>\n    <paper-button><slot></slot></paper-button>\n  "]);_templateObject_2c2f3000555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2c2f3000555211e98f439769bd191e33()),is:"editable-table-editor-insdel",listeners:{tap:"_onTap"},properties:{action:{type:String,value:null},index:{type:Number,value:null,reflectToAttribute:!0},before:{type:Boolean,value:!1,reflectToAttribute:!0},type:{type:String,value:null}},_onTap:function _onTap(){var root=this,action=root.action,type=root.type,before=root.before,index=root.index,event=action+"-"+type.toLowerCase();if("insert"===action&&before&&"Row"===type){index--}else if("insert"===action&&!before&&"Row"!==type){index++}root.fire(event,index)}})});
\ No newline at end of file
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 a91a3e3eccc..b937649f268 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-menu-button/paper-menu-button.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-listbox/paper-listbox.js","../../../@polymer/paper-tooltip/paper-tooltip.js","./editable-table-editor-insdel.js","./editable-table-behaviors.js"],function(_polymerLegacy){"use strict";function _templateObject_973f441054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\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-button {\n        margin: 0;\n        display: block;\n        background-color: transparent;\n      }\n      :host([condensed]) paper-button {\n        padding-top: 0;\n        padding-bottom: 0;\n      }\n    </style>\n    <paper-menu-button id=\"menu\">\n      <paper-button slot=\"dropdown-trigger\">\n        <span id=\"label\">[[label]]</span>\n        <iron-icon icon=\"arrow-drop-down\"></iron-icon>\n      </paper-button>\n      <paper-listbox slot=\"dropdown-content\" label$=\"[[label]]\">\n        <editable-table-editor-insdel\n          action=\"insert\"\n          index$=\"[[index]]\"\n          type$=\"[[type]]\"\n          before=\"true\"\n          >Insert [[type]] Before</editable-table-editor-insdel\n        >\n        <editable-table-editor-insdel\n          action=\"insert\"\n          index$=\"[[index]]\"\n          type$=\"[[type]]\"\n          >Insert [[type]] After</editable-table-editor-insdel\n        >\n        <editable-table-editor-insdel\n          action=\"delete\"\n          index$=\"[[index]]\"\n          type$=\"[[type]]\"\n          >Delete [[type]]</editable-table-editor-insdel\n        >\n      </paper-listbox>\n    </paper-menu-button>\n  "],["\n    <style>\n      :host {\n        display: block;\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-button {\n        margin: 0;\n        display: block;\n        background-color: transparent;\n      }\n      :host([condensed]) paper-button {\n        padding-top: 0;\n        padding-bottom: 0;\n      }\n    </style>\n    <paper-menu-button id=\"menu\">\n      <paper-button slot=\"dropdown-trigger\">\n        <span id=\"label\">[[label]]</span>\n        <iron-icon icon=\"arrow-drop-down\"></iron-icon>\n      </paper-button>\n      <paper-listbox slot=\"dropdown-content\" label\\$=\"[[label]]\">\n        <editable-table-editor-insdel\n          action=\"insert\"\n          index\\$=\"[[index]]\"\n          type\\$=\"[[type]]\"\n          before=\"true\"\n          >Insert [[type]] Before</editable-table-editor-insdel\n        >\n        <editable-table-editor-insdel\n          action=\"insert\"\n          index\\$=\"[[index]]\"\n          type\\$=\"[[type]]\"\n          >Insert [[type]] After</editable-table-editor-insdel\n        >\n        <editable-table-editor-insdel\n          action=\"delete\"\n          index\\$=\"[[index]]\"\n          type\\$=\"[[type]]\"\n          >Delete [[type]]</editable-table-editor-insdel\n        >\n      </paper-listbox>\n    </paper-menu-button>\n  "]);_templateObject_973f441054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_973f441054f411e9aeb367f92c5b63ab()),is:"editable-table-editor-rowcol",listeners:{"insdel-tapped":"_onTap"},behaviors:[editableTableBehaviors.cellBehaviors],properties:{index:{type:Number,value:null},label:{type:String,computed:"_getLabel(index,type)"},type:{type:String,value:null}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-menu-button/paper-menu-button.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-listbox/paper-listbox.js","../../../@polymer/paper-tooltip/paper-tooltip.js","./editable-table-editor-insdel.js","./editable-table-behaviors.js"],function(_polymerLegacy){"use strict";function _templateObject_2c37bb80555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\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-button {\n        margin: 0;\n        display: block;\n        background-color: transparent;\n      }\n      :host([condensed]) paper-button {\n        padding-top: 0;\n        padding-bottom: 0;\n      }\n    </style>\n    <paper-menu-button id=\"menu\">\n      <paper-button slot=\"dropdown-trigger\">\n        <span id=\"label\">[[label]]</span>\n        <iron-icon icon=\"arrow-drop-down\"></iron-icon>\n      </paper-button>\n      <paper-listbox slot=\"dropdown-content\" label$=\"[[label]]\">\n        <editable-table-editor-insdel\n          action=\"insert\"\n          index$=\"[[index]]\"\n          type$=\"[[type]]\"\n          before=\"true\"\n          >Insert [[type]] Before</editable-table-editor-insdel\n        >\n        <editable-table-editor-insdel\n          action=\"insert\"\n          index$=\"[[index]]\"\n          type$=\"[[type]]\"\n          >Insert [[type]] After</editable-table-editor-insdel\n        >\n        <editable-table-editor-insdel\n          action=\"delete\"\n          index$=\"[[index]]\"\n          type$=\"[[type]]\"\n          >Delete [[type]]</editable-table-editor-insdel\n        >\n      </paper-listbox>\n    </paper-menu-button>\n  "],["\n    <style>\n      :host {\n        display: block;\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-button {\n        margin: 0;\n        display: block;\n        background-color: transparent;\n      }\n      :host([condensed]) paper-button {\n        padding-top: 0;\n        padding-bottom: 0;\n      }\n    </style>\n    <paper-menu-button id=\"menu\">\n      <paper-button slot=\"dropdown-trigger\">\n        <span id=\"label\">[[label]]</span>\n        <iron-icon icon=\"arrow-drop-down\"></iron-icon>\n      </paper-button>\n      <paper-listbox slot=\"dropdown-content\" label\\$=\"[[label]]\">\n        <editable-table-editor-insdel\n          action=\"insert\"\n          index\\$=\"[[index]]\"\n          type\\$=\"[[type]]\"\n          before=\"true\"\n          >Insert [[type]] Before</editable-table-editor-insdel\n        >\n        <editable-table-editor-insdel\n          action=\"insert\"\n          index\\$=\"[[index]]\"\n          type\\$=\"[[type]]\"\n          >Insert [[type]] After</editable-table-editor-insdel\n        >\n        <editable-table-editor-insdel\n          action=\"delete\"\n          index\\$=\"[[index]]\"\n          type\\$=\"[[type]]\"\n          >Delete [[type]]</editable-table-editor-insdel\n        >\n      </paper-listbox>\n    </paper-menu-button>\n  "]);_templateObject_2c37bb80555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2c37bb80555211e98f439769bd191e33()),is:"editable-table-editor-rowcol",listeners:{"insdel-tapped":"_onTap"},behaviors:[editableTableBehaviors.cellBehaviors],properties:{index:{type:Number,value:null},label:{type:String,computed:"_getLabel(index,type)"},type:{type:String,value:null}}})});
\ No newline at end of file
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 14d8166a55a..54b2a4b8008 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-toggle-button/paper-toggle-button.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_polymerLegacy){"use strict";function _templateObject_9746700054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      :host .setting {\n        font-size: 95%;\n        padding: var(--editable-table-toggle-padding, 8px 0px);\n        justify-content: space-between;\n        width: 100%;\n      }\n      :host([disabled]) .setting-text {\n        opacity: 0.5;\n      }\n    </style>\n    <div class=\"setting\">\n      <div class=\"setting-control\">\n        <paper-toggle-button\n          id=\"button\"\n          checked$=\"[[value]]\"\n          disabled$=\"[[disabled]]\"\n          >[[label]]</paper-toggle-button\n        >\n        <paper-tooltip id=\"tooltip\" for=\"button\">[[tooltip]]</paper-tooltip>\n      </div>\n    </div>\n  "],["\n    <style>\n      :host {\n        display: block;\n      }\n      :host .setting {\n        font-size: 95%;\n        padding: var(--editable-table-toggle-padding, 8px 0px);\n        justify-content: space-between;\n        width: 100%;\n      }\n      :host([disabled]) .setting-text {\n        opacity: 0.5;\n      }\n    </style>\n    <div class=\"setting\">\n      <div class=\"setting-control\">\n        <paper-toggle-button\n          id=\"button\"\n          checked\\$=\"[[value]]\"\n          disabled\\$=\"[[disabled]]\"\n          >[[label]]</paper-toggle-button\n        >\n        <paper-tooltip id=\"tooltip\" for=\"button\">[[tooltip]]</paper-tooltip>\n      </div>\n    </div>\n  "]);_templateObject_9746700054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9746700054f411e9aeb367f92c5b63ab()),is:"editable-table-editor-toggle",listeners:{change:"_onChange"},properties:{disabled:{type:Boolean,value:!1,reflectToAttribute:!0},label:{type:String,value:null},prop:{type:String,value:null},tooltip:{type:String,value:null},value:{type:Boolean,value:!1}},_onChange:function _onChange(e){var root=this;if(e.srcElement===this.$.button)root.fire("editable-table-setting-changed",{prop:this.prop,value:e.srcElement.checked})}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-toggle-button/paper-toggle-button.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_polymerLegacy){"use strict";function _templateObject_2c3c4f60555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      :host .setting {\n        font-size: 95%;\n        padding: var(--editable-table-toggle-padding, 8px 0px);\n        justify-content: space-between;\n        width: 100%;\n      }\n      :host([disabled]) .setting-text {\n        opacity: 0.5;\n      }\n    </style>\n    <div class=\"setting\">\n      <div class=\"setting-control\">\n        <paper-toggle-button\n          id=\"button\"\n          checked$=\"[[value]]\"\n          disabled$=\"[[disabled]]\"\n          >[[label]]</paper-toggle-button\n        >\n        <paper-tooltip id=\"tooltip\" for=\"button\">[[tooltip]]</paper-tooltip>\n      </div>\n    </div>\n  "],["\n    <style>\n      :host {\n        display: block;\n      }\n      :host .setting {\n        font-size: 95%;\n        padding: var(--editable-table-toggle-padding, 8px 0px);\n        justify-content: space-between;\n        width: 100%;\n      }\n      :host([disabled]) .setting-text {\n        opacity: 0.5;\n      }\n    </style>\n    <div class=\"setting\">\n      <div class=\"setting-control\">\n        <paper-toggle-button\n          id=\"button\"\n          checked\\$=\"[[value]]\"\n          disabled\\$=\"[[disabled]]\"\n          >[[label]]</paper-toggle-button\n        >\n        <paper-tooltip id=\"tooltip\" for=\"button\">[[tooltip]]</paper-tooltip>\n      </div>\n    </div>\n  "]);_templateObject_2c3c4f60555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2c3c4f60555211e98f439769bd191e33()),is:"editable-table-editor-toggle",listeners:{change:"_onChange"},properties:{disabled:{type:Boolean,value:!1,reflectToAttribute:!0},label:{type:String,value:null},prop:{type:String,value:null},tooltip:{type:String,value:null},value:{type:Boolean,value:!1}},_onChange:function _onChange(e){var root=this;if(e.srcElement===this.$.button)root.fire("editable-table-setting-changed",{prop:this.prop,value:e.srcElement.checked})}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor.js b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor.js
index 905f7702cc9..f57fa0f8ac8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/editable-table/lib/editable-table-editor.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-autogrow-textarea/iron-autogrow-textarea.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../dropdown-select/dropdown-select.js","../../simple-colors/simple-colors.js","../../responsive-utility/lib/responsive-utility-behaviors.js","../../a11y-collapse/a11y-collapse.js","./editable-table-behaviors.js","./editable-table-editor-rowcol.js","./editable-table-editor-toggle.js","./editable-table-editor-cell.js","./editable-table-iconset.js","./editable-table-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_9754c7e054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"editable-table-styles simple-colors\">\n      :host {\n        --a11y-collapse-border: 1px solid #ddd;\n        --a11y-collapse-horizontal-padding: 0;\n        --a11y-collapse: {\n          margin: 0;\n        }\n        --a11y-collapse-heading-focus: {\n          background-color: #f0f0f0;\n        }\n      }\n      :host,\n      :host paper-item {\n        font-size: 12pt;\n      }\n      :host dropdown-select {\n        padding: 0;\n      }\n      :host #accent {\n        --paper-input-container: {\n          padding-top: 0;\n        }\n      }\n      :host([responsive-size=\"xs\"]) editable-table-editor-settings {\n        padding: 3px 0;\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        display: inline-block;\n        opacity: 0.25;\n      }\n      :host([filter]:not([sort])) .filter-icon,\n      :host([filter][sort]) .tbody .tr:not(:first-child) .filter-icon {\n        display: inline-block;\n        opacity: 0.25;\n      }\n      :host .field-group {\n        width: 100%;\n        margin: 0 0 10px;\n        padding: 0;\n      }\n      :host .field-group {\n        display: flex;\n        justify-content: space-between;\n        align-items: baseline;\n        transition: all 2s;\n        flex-wrap: wrap;\n      }\n      :host .field-group.field-group-stretch {\n        align-items: stretch;\n      }\n      :host .field-group-border {\n        border: 1px solid #ddd;\n        border-radius: 4px;\n        padding: 15px;\n        margin: 15px;\n      }\n      :host .field-group-grow {\n        flex-grow: 1;\n        transition: width 2s;\n      }\n      :host .field-group-shrink {\n        flex-shrink: 1;\n        transition: width 2s;\n      }\n      :host .field-group-label {\n        padding-right: 8px;\n        font-weight: bold;\n      }\n      :host .field-group label {\n        line-height: 30px;\n      }\n      :host #caption {\n        padding: 0;\n        display: inline-block;\n        width: unset;\n      }\n      :host .caption.field-group {\n        margin-bottom: 0;\n      }\n      :host .table .th,\n      :host .table .td {\n        border: 1px solid #ddd;\n      }\n      :host .table .th {\n        padding: 0;\n        vertical-align: center;\n        color: black;\n        background-color: #f0f0f0;\n      }\n      :host .table .td {\n        vertical-align: top;\n        padding: 8px 4px;\n      }\n      :host .table .th:first-child {\n        width: 96px;\n      }\n      :host([condensed]) .table .th {\n        padding: 0;\n      }\n      :host([condensed]) .table .td {\n        padding: 0 4px;\n      }\n      :host .table[bordered] .td {\n        border: 1px solid var(--editable-table-border-color);\n      }\n      :host([dark]) table .tbody .th {\n        border-right: 1px solid var(--editable-table-bg-color);\n      }\n      :host([dark]) .table .thead .th:not(:first-child) {\n        border-bottom: 1px solid var(--editable-table-bg-color);\n      }\n      :host .table([bordered]) .thead .th:not(:first-child) {\n        border-bottom: 1px solid var(--editable-table-border-color);\n      }\n      :host([striped]) .table .tr:nth-child(2n + 1) .td {\n        @apply --editable-table-style-stripe;\n      }\n      :host([column-header]) .table .tbody .tr:first-child .td {\n        @apply --editable-table-style-column-header;\n      }\n      :host([row-header]) .table .tbody .tr .td:first-of-type {\n        @apply --editable-table-style-row-header;\n      }\n      :host([footer]) .table .tbody .tr:last-of-type .td {\n        @apply --editable-table-style-footer;\n      }\n    </style>\n    <p class=\"sr-only\">Table Editor</p>\n    <p class=\"field-group\">\n      <label aria-hidden=\"true\" class=\"field-group-label\">Table Caption </label>\n      <iron-autogrow-textarea\n        id=\"caption\"\n        class=\"field-group-grow caption\"\n        label=\"Table Caption\"\n        placeholder=\"A title for the table.\"\n        value$=\"{{caption}}\"\n      >\n      </iron-autogrow-textarea>\n    </p>\n    <p class=\"field-group\">\n      <label aria-hidden=\"true\" class=\"field-group-label\"\n        >Table Summary (for accessibility)\n      </label>\n      <iron-autogrow-textarea\n        id=\"summary\"\n        class=\"field-group-grow\"\n        label=\"Table Summary (for accessibility)\"\n        placeholder=\"Describe what the table contains. What does each row represent? What does each column represent?\"\n        value$=\"{{summary}}\"\n      >\n      </iron-autogrow-textarea>\n    </p>\n    <div id=\"table-outer\">\n      <a11y-collapse\n        accordion=\"\"\n        icon=\"settings\"\n        label=\"show settings\"\n        label-expanded=\"hide settings\"\n        tooltip=\"Show/hide table settings.\"\n      >\n        <div slot=\"heading\" class=\"field-group-label\">Table Settings</div>\n        <div class=\"field-group field-group-stretch\">\n          <div class=\"field-group-border field-group-grow\">\n            <label class=\"\">Headers and Footers: </label>\n            <editable-table-editor-toggle\n              label=\"First Column\"\n              prop=\"rowHeader\"\n              tooltip=\"The first column is a row header.\"\n              value$=\"{{rowHeader}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              label=\"First Row\"\n              prop=\"columnHeader\"\n              tooltip=\"The first row is a column header.\"\n              value$=\"{{columnHeader}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden$=\"[[hideFooter]]\"\n              label=\"Last Row\"\n              prop=\"footer\"\n              tooltip=\"The last row is a table footer.\"\n              value$=\"{{footer}}\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n          <div\n            class=\"field-group-border field-group-grow\"\n            hidden$=\"[[hideTableTheme]]\"\n          >\n            <label>Theme: </label>\n            <div class=\"field-group-grow\">\n              <dropdown-select\n                id=\"accent\"\n                label=\"Accent Color\"\n                value$=\"{{accentColor}}\"\n              >\n                <paper-item value=\"none\">None</paper-item>\n                <paper-item value=\"red\">Red</paper-item>\n                <paper-item value=\"pink\">Pink</paper-item>\n                <paper-item value=\"purple\">Purple</paper-item>\n                <paper-item value=\"deep-purple\">Deep Purple</paper-item>\n                <paper-item value=\"indigo\">Indigo</paper-item>\n                <paper-item value=\"blue\">Blue</paper-item>\n                <paper-item value=\"light-blue\">Light Blue</paper-item>\n                <paper-item value=\"cyan\">Cyan</paper-item>\n                <paper-item value=\"teal\">Teal</paper-item>\n                <paper-item value=\"green\">Green</paper-item>\n                <paper-item value=\"light-green\">Light Green</paper-item>\n                <paper-item value=\"lime\">Lime</paper-item>\n                <paper-item value=\"yellow\">Yellow</paper-item>\n                <paper-item value=\"amber\">Amber</paper-item>\n                <paper-item value=\"orange\">Orange</paper-item>\n                <paper-item value=\"deep-orange\">Deep Orange</paper-item>\n                <paper-item value=\"brown\">Deep Orange</paper-item>\n                <paper-item value=\"blue-grey\">Blue-Grey</paper-item>\n              </dropdown-select>\n            </div>\n            <paper-tooltip for=\"accent\"\n              >Set an accent color for the table.</paper-tooltip\n            >\n            <editable-table-editor-toggle\n              hidden$=\"[[hideDarkTheme]]\"\n              label=\"Dark\"\n              prop=\"dark\"\n              tooltip=\"Use the dark theme.\"\n              value$=\"{{dark}}\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n          <div\n            class=\"field-group-border field-group-grow\"\n            hidden$=\"[[hideTableStyles]]\"\n          >\n            <label>Styles: </label>\n            <editable-table-editor-toggle\n              hidden$=\"[[hideBordered]]\"\n              label=\"Bordered\"\n              prop=\"bordered\"\n              tooltip=\"Add borders to cells.\"\n              value$=\"{{bordered}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden$=\"[[hideStriped]]\"\n              label=\"Striped\"\n              prop=\"striped\"\n              tooltip=\"Add shading to alternating rows.\"\n              value$=\"{{striped}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden$=\"[[hideCondensed]]\"\n              label=\"Condensed\"\n              prop=\"condensed\"\n              tooltip=\"Condense cell height.\"\n              value$=\"{{condensed}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden$=\"[[hideScroll]]\"\n              label=\"Disable Responsive\"\n              prop=\"scroll\"\n              tooltip=\"Disables the default responsive feature.\"\n              value$=\"{{scroll}}\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n          <div\n            class=\"field-group-border field-group-grow\"\n            hidden$=\"[[hideTableSort]]\"\n          >\n            <label>Sorting and Filtering: </label>\n            <editable-table-editor-toggle\n              disabled$=\"[[!columnHeader]]\"\n              hidden$=\"[[hideSort]]\"\n              label=\"Enable Sorting\"\n              prop=\"sort\"\n              tooltip=\"When first row is a column header, make the column sortable.\"\n              value$=\"{{sort}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden$=\"[[hideFilter]]\"\n              label=\"Enable Filters\"\n              prop=\"filter\"\n              tooltip=\"When a cell is clicked toggle a filter based on that cell's value.\"\n              value$=\"{{filter}}\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n        </div>\n      </a11y-collapse>\n      <table\n        id=\"table\"\n        class=\"table\"\n        bordered$=\"{{bordered}}\"\n        condensed$=\"{{condensed}}\"\n        striped$=\"{{striped}}\"\n        summary=\"Editable table in edit mode. The table body contains fields to edit table data. Each column header contains buttons for editing the column. Each row header contains buttons for editing the row.\"\n      >\n        <caption class=\"sr-only\">\n          Editable Table Data\n        </caption>\n        <thead class=\"thead\">\n          <tr class=\"tr\">\n            <th class=\"th\" scope=\"col\">\n              <span class=\"sr-only\">Row Functions</span>\n            </th>\n            <template\n              id=\"headers\"\n              is=\"dom-repeat\"\n              items=\"[[data]]\"\n              as=\"row\"\n              index-as=\"tr\"\n              restamp=\"true\"\n            >\n              <template is=\"dom-if\" if=\"[[_isFirstRow(tr)]]\" restamp=\"true\">\n                <template\n                  id=\"headercols\"\n                  is=\"dom-repeat\"\n                  items=\"[[row]]\"\n                  as=\"cell\"\n                  index-as=\"th\"\n                  restamp=\"true\"\n                >\n                  <th class=\"th\" scope=\"col\">\n                    <editable-table-editor-rowcol\n                      condensed$=\"{{condensed}}\"\n                      index$=\"[[th]]\"\n                      type=\"Column\"\n                    ></editable-table-editor-rowcol>\n                  </th>\n                </template>\n              </template>\n            </template>\n          </tr>\n        </thead>\n        <tbody id=\"tbody\" class=\"tbody\">\n          <template\n            id=\"rows\"\n            is=\"dom-repeat\"\n            items=\"[[data]]\"\n            as=\"row\"\n            index-as=\"tr\"\n            restamp=\"true\"\n          >\n            <tr class=\"tr\">\n              <th class=\"th\" scope=\"row\">\n                <editable-table-editor-rowcol\n                  condensed$=\"{{condensed}}\"\n                  index$=\"[[tr]]\"\n                  type=\"Row\"\n                ></editable-table-editor-rowcol>\n              </th>\n              <template\n                id=\"columns\"\n                is=\"dom-repeat\"\n                items=\"[[row]]\"\n                as=\"cell\"\n                restamp=\"true\"\n              >\n                <td class=\"td\">\n                  <editable-table-editor-cell\n                    row=\"[[tr]]\"\n                    column=\"[[index]]\"\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  "],["\n    <style is=\"custom-style\" include=\"editable-table-styles simple-colors\">\n      :host {\n        --a11y-collapse-border: 1px solid #ddd;\n        --a11y-collapse-horizontal-padding: 0;\n        --a11y-collapse: {\n          margin: 0;\n        }\n        --a11y-collapse-heading-focus: {\n          background-color: #f0f0f0;\n        }\n      }\n      :host,\n      :host paper-item {\n        font-size: 12pt;\n      }\n      :host dropdown-select {\n        padding: 0;\n      }\n      :host #accent {\n        --paper-input-container: {\n          padding-top: 0;\n        }\n      }\n      :host([responsive-size=\"xs\"]) editable-table-editor-settings {\n        padding: 3px 0;\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        display: inline-block;\n        opacity: 0.25;\n      }\n      :host([filter]:not([sort])) .filter-icon,\n      :host([filter][sort]) .tbody .tr:not(:first-child) .filter-icon {\n        display: inline-block;\n        opacity: 0.25;\n      }\n      :host .field-group {\n        width: 100%;\n        margin: 0 0 10px;\n        padding: 0;\n      }\n      :host .field-group {\n        display: flex;\n        justify-content: space-between;\n        align-items: baseline;\n        transition: all 2s;\n        flex-wrap: wrap;\n      }\n      :host .field-group.field-group-stretch {\n        align-items: stretch;\n      }\n      :host .field-group-border {\n        border: 1px solid #ddd;\n        border-radius: 4px;\n        padding: 15px;\n        margin: 15px;\n      }\n      :host .field-group-grow {\n        flex-grow: 1;\n        transition: width 2s;\n      }\n      :host .field-group-shrink {\n        flex-shrink: 1;\n        transition: width 2s;\n      }\n      :host .field-group-label {\n        padding-right: 8px;\n        font-weight: bold;\n      }\n      :host .field-group label {\n        line-height: 30px;\n      }\n      :host #caption {\n        padding: 0;\n        display: inline-block;\n        width: unset;\n      }\n      :host .caption.field-group {\n        margin-bottom: 0;\n      }\n      :host .table .th,\n      :host .table .td {\n        border: 1px solid #ddd;\n      }\n      :host .table .th {\n        padding: 0;\n        vertical-align: center;\n        color: black;\n        background-color: #f0f0f0;\n      }\n      :host .table .td {\n        vertical-align: top;\n        padding: 8px 4px;\n      }\n      :host .table .th:first-child {\n        width: 96px;\n      }\n      :host([condensed]) .table .th {\n        padding: 0;\n      }\n      :host([condensed]) .table .td {\n        padding: 0 4px;\n      }\n      :host .table[bordered] .td {\n        border: 1px solid var(--editable-table-border-color);\n      }\n      :host([dark]) table .tbody .th {\n        border-right: 1px solid var(--editable-table-bg-color);\n      }\n      :host([dark]) .table .thead .th:not(:first-child) {\n        border-bottom: 1px solid var(--editable-table-bg-color);\n      }\n      :host .table([bordered]) .thead .th:not(:first-child) {\n        border-bottom: 1px solid var(--editable-table-border-color);\n      }\n      :host([striped]) .table .tr:nth-child(2n + 1) .td {\n        @apply --editable-table-style-stripe;\n      }\n      :host([column-header]) .table .tbody .tr:first-child .td {\n        @apply --editable-table-style-column-header;\n      }\n      :host([row-header]) .table .tbody .tr .td:first-of-type {\n        @apply --editable-table-style-row-header;\n      }\n      :host([footer]) .table .tbody .tr:last-of-type .td {\n        @apply --editable-table-style-footer;\n      }\n    </style>\n    <p class=\"sr-only\">Table Editor</p>\n    <p class=\"field-group\">\n      <label aria-hidden=\"true\" class=\"field-group-label\">Table Caption </label>\n      <iron-autogrow-textarea\n        id=\"caption\"\n        class=\"field-group-grow caption\"\n        label=\"Table Caption\"\n        placeholder=\"A title for the table.\"\n        value\\$=\"{{caption}}\"\n      >\n      </iron-autogrow-textarea>\n    </p>\n    <p class=\"field-group\">\n      <label aria-hidden=\"true\" class=\"field-group-label\"\n        >Table Summary (for accessibility)\n      </label>\n      <iron-autogrow-textarea\n        id=\"summary\"\n        class=\"field-group-grow\"\n        label=\"Table Summary (for accessibility)\"\n        placeholder=\"Describe what the table contains. What does each row represent? What does each column represent?\"\n        value\\$=\"{{summary}}\"\n      >\n      </iron-autogrow-textarea>\n    </p>\n    <div id=\"table-outer\">\n      <a11y-collapse\n        accordion=\"\"\n        icon=\"settings\"\n        label=\"show settings\"\n        label-expanded=\"hide settings\"\n        tooltip=\"Show/hide table settings.\"\n      >\n        <div slot=\"heading\" class=\"field-group-label\">Table Settings</div>\n        <div class=\"field-group field-group-stretch\">\n          <div class=\"field-group-border field-group-grow\">\n            <label class=\"\">Headers and Footers: </label>\n            <editable-table-editor-toggle\n              label=\"First Column\"\n              prop=\"rowHeader\"\n              tooltip=\"The first column is a row header.\"\n              value\\$=\"{{rowHeader}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              label=\"First Row\"\n              prop=\"columnHeader\"\n              tooltip=\"The first row is a column header.\"\n              value\\$=\"{{columnHeader}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden\\$=\"[[hideFooter]]\"\n              label=\"Last Row\"\n              prop=\"footer\"\n              tooltip=\"The last row is a table footer.\"\n              value\\$=\"{{footer}}\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n          <div\n            class=\"field-group-border field-group-grow\"\n            hidden\\$=\"[[hideTableTheme]]\"\n          >\n            <label>Theme: </label>\n            <div class=\"field-group-grow\">\n              <dropdown-select\n                id=\"accent\"\n                label=\"Accent Color\"\n                value\\$=\"{{accentColor}}\"\n              >\n                <paper-item value=\"none\">None</paper-item>\n                <paper-item value=\"red\">Red</paper-item>\n                <paper-item value=\"pink\">Pink</paper-item>\n                <paper-item value=\"purple\">Purple</paper-item>\n                <paper-item value=\"deep-purple\">Deep Purple</paper-item>\n                <paper-item value=\"indigo\">Indigo</paper-item>\n                <paper-item value=\"blue\">Blue</paper-item>\n                <paper-item value=\"light-blue\">Light Blue</paper-item>\n                <paper-item value=\"cyan\">Cyan</paper-item>\n                <paper-item value=\"teal\">Teal</paper-item>\n                <paper-item value=\"green\">Green</paper-item>\n                <paper-item value=\"light-green\">Light Green</paper-item>\n                <paper-item value=\"lime\">Lime</paper-item>\n                <paper-item value=\"yellow\">Yellow</paper-item>\n                <paper-item value=\"amber\">Amber</paper-item>\n                <paper-item value=\"orange\">Orange</paper-item>\n                <paper-item value=\"deep-orange\">Deep Orange</paper-item>\n                <paper-item value=\"brown\">Deep Orange</paper-item>\n                <paper-item value=\"blue-grey\">Blue-Grey</paper-item>\n              </dropdown-select>\n            </div>\n            <paper-tooltip for=\"accent\"\n              >Set an accent color for the table.</paper-tooltip\n            >\n            <editable-table-editor-toggle\n              hidden\\$=\"[[hideDarkTheme]]\"\n              label=\"Dark\"\n              prop=\"dark\"\n              tooltip=\"Use the dark theme.\"\n              value\\$=\"{{dark}}\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n          <div\n            class=\"field-group-border field-group-grow\"\n            hidden\\$=\"[[hideTableStyles]]\"\n          >\n            <label>Styles: </label>\n            <editable-table-editor-toggle\n              hidden\\$=\"[[hideBordered]]\"\n              label=\"Bordered\"\n              prop=\"bordered\"\n              tooltip=\"Add borders to cells.\"\n              value\\$=\"{{bordered}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden\\$=\"[[hideStriped]]\"\n              label=\"Striped\"\n              prop=\"striped\"\n              tooltip=\"Add shading to alternating rows.\"\n              value\\$=\"{{striped}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden\\$=\"[[hideCondensed]]\"\n              label=\"Condensed\"\n              prop=\"condensed\"\n              tooltip=\"Condense cell height.\"\n              value\\$=\"{{condensed}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden\\$=\"[[hideScroll]]\"\n              label=\"Disable Responsive\"\n              prop=\"scroll\"\n              tooltip=\"Disables the default responsive feature.\"\n              value\\$=\"{{scroll}}\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n          <div\n            class=\"field-group-border field-group-grow\"\n            hidden\\$=\"[[hideTableSort]]\"\n          >\n            <label>Sorting and Filtering: </label>\n            <editable-table-editor-toggle\n              disabled\\$=\"[[!columnHeader]]\"\n              hidden\\$=\"[[hideSort]]\"\n              label=\"Enable Sorting\"\n              prop=\"sort\"\n              tooltip=\"When first row is a column header, make the column sortable.\"\n              value\\$=\"{{sort}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden\\$=\"[[hideFilter]]\"\n              label=\"Enable Filters\"\n              prop=\"filter\"\n              tooltip=\"When a cell is clicked toggle a filter based on that cell's value.\"\n              value\\$=\"{{filter}}\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n        </div>\n      </a11y-collapse>\n      <table\n        id=\"table\"\n        class=\"table\"\n        bordered\\$=\"{{bordered}}\"\n        condensed\\$=\"{{condensed}}\"\n        striped\\$=\"{{striped}}\"\n        summary=\"Editable table in edit mode. The table body contains fields to edit table data. Each column header contains buttons for editing the column. Each row header contains buttons for editing the row.\"\n      >\n        <caption class=\"sr-only\">\n          Editable Table Data\n        </caption>\n        <thead class=\"thead\">\n          <tr class=\"tr\">\n            <th class=\"th\" scope=\"col\">\n              <span class=\"sr-only\">Row Functions</span>\n            </th>\n            <template\n              id=\"headers\"\n              is=\"dom-repeat\"\n              items=\"[[data]]\"\n              as=\"row\"\n              index-as=\"tr\"\n              restamp=\"true\"\n            >\n              <template is=\"dom-if\" if=\"[[_isFirstRow(tr)]]\" restamp=\"true\">\n                <template\n                  id=\"headercols\"\n                  is=\"dom-repeat\"\n                  items=\"[[row]]\"\n                  as=\"cell\"\n                  index-as=\"th\"\n                  restamp=\"true\"\n                >\n                  <th class=\"th\" scope=\"col\">\n                    <editable-table-editor-rowcol\n                      condensed\\$=\"{{condensed}}\"\n                      index\\$=\"[[th]]\"\n                      type=\"Column\"\n                    ></editable-table-editor-rowcol>\n                  </th>\n                </template>\n              </template>\n            </template>\n          </tr>\n        </thead>\n        <tbody id=\"tbody\" class=\"tbody\">\n          <template\n            id=\"rows\"\n            is=\"dom-repeat\"\n            items=\"[[data]]\"\n            as=\"row\"\n            index-as=\"tr\"\n            restamp=\"true\"\n          >\n            <tr class=\"tr\">\n              <th class=\"th\" scope=\"row\">\n                <editable-table-editor-rowcol\n                  condensed\\$=\"{{condensed}}\"\n                  index\\$=\"[[tr]]\"\n                  type=\"Row\"\n                ></editable-table-editor-rowcol>\n              </th>\n              <template\n                id=\"columns\"\n                is=\"dom-repeat\"\n                items=\"[[row]]\"\n                as=\"cell\"\n                restamp=\"true\"\n              >\n                <td class=\"td\">\n                  <editable-table-editor-cell\n                    row=\"[[tr]]\"\n                    column=\"[[index]]\"\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  "]);_templateObject_9754c7e054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9754c7e054f411e9aeb367f92c5b63ab()),is:"editable-table-editor",listeners:{"cell-move":"_onCellMove","cell-value-changed":"_onCellValueChange","insert-row":"_handleInsertRow","insert-column":"_handleInsertColumn","delete-row":"_handleDeleteRow","delete-column":"_handleDeleteColumn","editable-table-setting-changed":"_onTableSettingChange","dropdown-select-changed":"_onAccentChange"},behaviors:[ResponsiveUtilityBehaviors,editableTableBehaviors.displayBehaviors,editableTableBehaviors.editBehaviors],observers:["_setMinimumData(data)"],properties:{accentSelected:{type:String,computed:"_getAccentSelected(accentColor)"},hideTableStyles:{type:Boolean,computed:"_tableStylesHidden(hideBordered,hideCondensed,hideStriped,hideScroll)"},hideTableTheme:{type:Boolean,computed:"_tableThemeHidden(hideAccentColor,hideDarkTheme)"},hideTableSort:{type:Boolean,computed:"_tableSortHidden(hideSort,hideFilter)"}},ready:function ready(){this.onclick=function(e){var el=null!==e.srcElement&&null!==e.srcElement.tagName&&"td"===e.srcElement.tagName.toLowerCase()?e.srcElement:!1;if(el&&null!==el.getElementsByTagName("editable-table-cell")){console.log(el.children[0]);el.children[0].focus()}}},_getAccentSelected:function _getAccentSelected(accentColor){return null!==accentColor?accentColor:"none"},_getCurrentRow:function _getCurrentRow(index,data){var row=null;if(data!==void 0&&null!==data&&data[index]!==void 0&&null!==data[index]){row=data[index]}return row},_handleDeleteColumn:function _handleDeleteColumn(e){this.deleteColumn(e.detail)},_handleDeleteRow:function _handleDeleteRow(e){this.deleteRow(e.detail)},_handleInsertColumn:function _handleInsertColumn(e){this.insertColumn(e.detail)},_handleInsertRow:function _handleInsertRow(e){this.insertRow(e.detail)},_isFirstRow:function _isFirstRow(index){return 0===index},_onAccentChange:function _onAccentChange(e){this.accentColor="none"!==e.detail.value?e.detail.value:null},_onCellMove:function _onCellMove(e){var dir=e.detail.direction,cell=e.detail.cell,row=cell.parentNode,body=this.$.tbody,x=Array.prototype.indexOf.call(row.children,cell),y=Array.prototype.indexOf.call(body.children,row);if("down"===dir){if(y+1<body.children.length-1){body.children[y+1].children[x].children[0].setFocus()}else{this.insertRow(y)}}else if("up"===dir){if(0<y){body.children[y-1].children[x].children[0].setFocus()}}else if("right"===dir){if(x+1<row.children.length-1){row.children[x+1].children[0].setFocus()}else if(y+1<body.children.length-1){body.children[y+1].children[1].children[0].setFocus()}}else if("left"===dir){if(1<x){row.children[x-1].children[0].setFocus()}else if(0<y){body.children[y-2].children[body.children[y-2].children.length-2].children[0].setFocus()}}},_onCellValueChange:function _onCellValueChange(e){this.set("data."+e.detail.row+"."+e.detail.column,e.detail.value)},_onTableSettingChange:function _onTableSettingChange(e){this[e.detail.prop]=e.detail.value},_setMinimumData:function _setMinimumData(data){if(1>data.length||1>data[0].length){this.set("data",[["","",""],["","",""],["","",""]])}},_tableStylesHidden:function _tableStylesHidden(hideBordered,hideCondensed,hideStriped,hideScroll){return hideBordered&&hideCondensed&&hideStriped&&hideScroll},_tableThemeHidden:function _tableThemeHidden(hideAccentColor,hideDarkTheme){return hideAccentColor&&hideDarkTheme},_tableSortHidden:function _tableSortHidden(hideSort,hideFilter){return hideSort&&hideFilter},deleteColumn:function deleteColumn(index){if(confirm("Delete entire column?")){for(var i=0;i<this.data.length;i++){this.splice("data."+i,index,1)}}},deleteRow:function deleteRow(index){if(confirm("Delete entire row?")){this.splice("data",index,1)}},insertColumn:function insertColumn(index){for(var i=0;i<this.data.length;i++){this.splice("data."+i,index,0,"")}},insertRow:function insertRow(index){for(var temp=[],i=0;i<this.data[0].length;i++){temp.push("")}this.splice("data",index+1,0,temp)}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-autogrow-textarea/iron-autogrow-textarea.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../dropdown-select/dropdown-select.js","../../simple-colors/simple-colors.js","../../responsive-utility/lib/responsive-utility-behaviors.js","../../a11y-collapse/a11y-collapse.js","./editable-table-behaviors.js","./editable-table-editor-rowcol.js","./editable-table-editor-toggle.js","./editable-table-editor-cell.js","./editable-table-iconset.js","./editable-table-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_2c4af560555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"editable-table-styles simple-colors\">\n      :host {\n        --a11y-collapse-border: 1px solid #ddd;\n        --a11y-collapse-horizontal-padding: 0;\n        --a11y-collapse: {\n          margin: 0;\n        }\n        --a11y-collapse-heading-focus: {\n          background-color: #f0f0f0;\n        }\n      }\n      :host,\n      :host paper-item {\n        font-size: 12pt;\n      }\n      :host dropdown-select {\n        padding: 0;\n      }\n      :host #accent {\n        --paper-input-container: {\n          padding-top: 0;\n        }\n      }\n      :host([responsive-size=\"xs\"]) editable-table-editor-settings {\n        padding: 3px 0;\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        display: inline-block;\n        opacity: 0.25;\n      }\n      :host([filter]:not([sort])) .filter-icon,\n      :host([filter][sort]) .tbody .tr:not(:first-child) .filter-icon {\n        display: inline-block;\n        opacity: 0.25;\n      }\n      :host .field-group {\n        width: 100%;\n        margin: 0 0 10px;\n        padding: 0;\n      }\n      :host .field-group {\n        display: flex;\n        justify-content: space-between;\n        align-items: baseline;\n        transition: all 2s;\n        flex-wrap: wrap;\n      }\n      :host .field-group.field-group-stretch {\n        align-items: stretch;\n      }\n      :host .field-group-border {\n        border: 1px solid #ddd;\n        border-radius: 4px;\n        padding: 15px;\n        margin: 15px;\n      }\n      :host .field-group-grow {\n        flex-grow: 1;\n        transition: width 2s;\n      }\n      :host .field-group-shrink {\n        flex-shrink: 1;\n        transition: width 2s;\n      }\n      :host .field-group-label {\n        padding-right: 8px;\n        font-weight: bold;\n      }\n      :host .field-group label {\n        line-height: 30px;\n      }\n      :host #caption {\n        padding: 0;\n        display: inline-block;\n        width: unset;\n      }\n      :host .caption.field-group {\n        margin-bottom: 0;\n      }\n      :host .table .th,\n      :host .table .td {\n        border: 1px solid #ddd;\n      }\n      :host .table .th {\n        padding: 0;\n        vertical-align: center;\n        color: black;\n        background-color: #f0f0f0;\n      }\n      :host .table .td {\n        vertical-align: top;\n        padding: 8px 4px;\n      }\n      :host .table .th:first-child {\n        width: 96px;\n      }\n      :host([condensed]) .table .th {\n        padding: 0;\n      }\n      :host([condensed]) .table .td {\n        padding: 0 4px;\n      }\n      :host .table[bordered] .td {\n        border: 1px solid var(--editable-table-border-color);\n      }\n      :host([dark]) table .tbody .th {\n        border-right: 1px solid var(--editable-table-bg-color);\n      }\n      :host([dark]) .table .thead .th:not(:first-child) {\n        border-bottom: 1px solid var(--editable-table-bg-color);\n      }\n      :host .table([bordered]) .thead .th:not(:first-child) {\n        border-bottom: 1px solid var(--editable-table-border-color);\n      }\n      :host([striped]) .table .tr:nth-child(2n + 1) .td {\n        @apply --editable-table-style-stripe;\n      }\n      :host([column-header]) .table .tbody .tr:first-child .td {\n        @apply --editable-table-style-column-header;\n      }\n      :host([row-header]) .table .tbody .tr .td:first-of-type {\n        @apply --editable-table-style-row-header;\n      }\n      :host([footer]) .table .tbody .tr:last-of-type .td {\n        @apply --editable-table-style-footer;\n      }\n    </style>\n    <p class=\"sr-only\">Table Editor</p>\n    <p class=\"field-group\">\n      <label aria-hidden=\"true\" class=\"field-group-label\">Table Caption </label>\n      <iron-autogrow-textarea\n        id=\"caption\"\n        class=\"field-group-grow caption\"\n        label=\"Table Caption\"\n        placeholder=\"A title for the table.\"\n        value$=\"{{caption}}\"\n      >\n      </iron-autogrow-textarea>\n    </p>\n    <p class=\"field-group\">\n      <label aria-hidden=\"true\" class=\"field-group-label\"\n        >Table Summary (for accessibility)\n      </label>\n      <iron-autogrow-textarea\n        id=\"summary\"\n        class=\"field-group-grow\"\n        label=\"Table Summary (for accessibility)\"\n        placeholder=\"Describe what the table contains. What does each row represent? What does each column represent?\"\n        value$=\"{{summary}}\"\n      >\n      </iron-autogrow-textarea>\n    </p>\n    <div id=\"table-outer\">\n      <a11y-collapse\n        accordion=\"\"\n        icon=\"settings\"\n        label=\"show settings\"\n        label-expanded=\"hide settings\"\n        tooltip=\"Show/hide table settings.\"\n      >\n        <div slot=\"heading\" class=\"field-group-label\">Table Settings</div>\n        <div class=\"field-group field-group-stretch\">\n          <div class=\"field-group-border field-group-grow\">\n            <label class=\"\">Headers and Footers: </label>\n            <editable-table-editor-toggle\n              label=\"First Column\"\n              prop=\"rowHeader\"\n              tooltip=\"The first column is a row header.\"\n              value$=\"{{rowHeader}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              label=\"First Row\"\n              prop=\"columnHeader\"\n              tooltip=\"The first row is a column header.\"\n              value$=\"{{columnHeader}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden$=\"[[hideFooter]]\"\n              label=\"Last Row\"\n              prop=\"footer\"\n              tooltip=\"The last row is a table footer.\"\n              value$=\"{{footer}}\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n          <div\n            class=\"field-group-border field-group-grow\"\n            hidden$=\"[[hideTableTheme]]\"\n          >\n            <label>Theme: </label>\n            <div class=\"field-group-grow\">\n              <dropdown-select\n                id=\"accent\"\n                label=\"Accent Color\"\n                value$=\"{{accentColor}}\"\n              >\n                <paper-item value=\"none\">None</paper-item>\n                <paper-item value=\"red\">Red</paper-item>\n                <paper-item value=\"pink\">Pink</paper-item>\n                <paper-item value=\"purple\">Purple</paper-item>\n                <paper-item value=\"deep-purple\">Deep Purple</paper-item>\n                <paper-item value=\"indigo\">Indigo</paper-item>\n                <paper-item value=\"blue\">Blue</paper-item>\n                <paper-item value=\"light-blue\">Light Blue</paper-item>\n                <paper-item value=\"cyan\">Cyan</paper-item>\n                <paper-item value=\"teal\">Teal</paper-item>\n                <paper-item value=\"green\">Green</paper-item>\n                <paper-item value=\"light-green\">Light Green</paper-item>\n                <paper-item value=\"lime\">Lime</paper-item>\n                <paper-item value=\"yellow\">Yellow</paper-item>\n                <paper-item value=\"amber\">Amber</paper-item>\n                <paper-item value=\"orange\">Orange</paper-item>\n                <paper-item value=\"deep-orange\">Deep Orange</paper-item>\n                <paper-item value=\"brown\">Deep Orange</paper-item>\n                <paper-item value=\"blue-grey\">Blue-Grey</paper-item>\n              </dropdown-select>\n            </div>\n            <paper-tooltip for=\"accent\"\n              >Set an accent color for the table.</paper-tooltip\n            >\n            <editable-table-editor-toggle\n              hidden$=\"[[hideDarkTheme]]\"\n              label=\"Dark\"\n              prop=\"dark\"\n              tooltip=\"Use the dark theme.\"\n              value$=\"{{dark}}\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n          <div\n            class=\"field-group-border field-group-grow\"\n            hidden$=\"[[hideTableStyles]]\"\n          >\n            <label>Styles: </label>\n            <editable-table-editor-toggle\n              hidden$=\"[[hideBordered]]\"\n              label=\"Bordered\"\n              prop=\"bordered\"\n              tooltip=\"Add borders to cells.\"\n              value$=\"{{bordered}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden$=\"[[hideStriped]]\"\n              label=\"Striped\"\n              prop=\"striped\"\n              tooltip=\"Add shading to alternating rows.\"\n              value$=\"{{striped}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden$=\"[[hideCondensed]]\"\n              label=\"Condensed\"\n              prop=\"condensed\"\n              tooltip=\"Condense cell height.\"\n              value$=\"{{condensed}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden$=\"[[hideScroll]]\"\n              label=\"Disable Responsive\"\n              prop=\"scroll\"\n              tooltip=\"Disables the default responsive feature.\"\n              value$=\"{{scroll}}\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n          <div\n            class=\"field-group-border field-group-grow\"\n            hidden$=\"[[hideTableSort]]\"\n          >\n            <label>Sorting and Filtering: </label>\n            <editable-table-editor-toggle\n              disabled$=\"[[!columnHeader]]\"\n              hidden$=\"[[hideSort]]\"\n              label=\"Enable Sorting\"\n              prop=\"sort\"\n              tooltip=\"When first row is a column header, make the column sortable.\"\n              value$=\"{{sort}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden$=\"[[hideFilter]]\"\n              label=\"Enable Filters\"\n              prop=\"filter\"\n              tooltip=\"When a cell is clicked toggle a filter based on that cell's value.\"\n              value$=\"{{filter}}\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n        </div>\n      </a11y-collapse>\n      <table\n        id=\"table\"\n        class=\"table\"\n        bordered$=\"{{bordered}}\"\n        condensed$=\"{{condensed}}\"\n        striped$=\"{{striped}}\"\n        summary=\"Editable table in edit mode. The table body contains fields to edit table data. Each column header contains buttons for editing the column. Each row header contains buttons for editing the row.\"\n      >\n        <caption class=\"sr-only\">\n          Editable Table Data\n        </caption>\n        <thead class=\"thead\">\n          <tr class=\"tr\">\n            <th class=\"th\" scope=\"col\">\n              <span class=\"sr-only\">Row Functions</span>\n            </th>\n            <template\n              id=\"headers\"\n              is=\"dom-repeat\"\n              items=\"[[data]]\"\n              as=\"row\"\n              index-as=\"tr\"\n              restamp=\"true\"\n            >\n              <template is=\"dom-if\" if=\"[[_isFirstRow(tr)]]\" restamp=\"true\">\n                <template\n                  id=\"headercols\"\n                  is=\"dom-repeat\"\n                  items=\"[[row]]\"\n                  as=\"cell\"\n                  index-as=\"th\"\n                  restamp=\"true\"\n                >\n                  <th class=\"th\" scope=\"col\">\n                    <editable-table-editor-rowcol\n                      condensed$=\"{{condensed}}\"\n                      index$=\"[[th]]\"\n                      type=\"Column\"\n                    ></editable-table-editor-rowcol>\n                  </th>\n                </template>\n              </template>\n            </template>\n          </tr>\n        </thead>\n        <tbody id=\"tbody\" class=\"tbody\">\n          <template\n            id=\"rows\"\n            is=\"dom-repeat\"\n            items=\"[[data]]\"\n            as=\"row\"\n            index-as=\"tr\"\n            restamp=\"true\"\n          >\n            <tr class=\"tr\">\n              <th class=\"th\" scope=\"row\">\n                <editable-table-editor-rowcol\n                  condensed$=\"{{condensed}}\"\n                  index$=\"[[tr]]\"\n                  type=\"Row\"\n                ></editable-table-editor-rowcol>\n              </th>\n              <template\n                id=\"columns\"\n                is=\"dom-repeat\"\n                items=\"[[row]]\"\n                as=\"cell\"\n                restamp=\"true\"\n              >\n                <td class=\"td\">\n                  <editable-table-editor-cell\n                    row=\"[[tr]]\"\n                    column=\"[[index]]\"\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  "],["\n    <style is=\"custom-style\" include=\"editable-table-styles simple-colors\">\n      :host {\n        --a11y-collapse-border: 1px solid #ddd;\n        --a11y-collapse-horizontal-padding: 0;\n        --a11y-collapse: {\n          margin: 0;\n        }\n        --a11y-collapse-heading-focus: {\n          background-color: #f0f0f0;\n        }\n      }\n      :host,\n      :host paper-item {\n        font-size: 12pt;\n      }\n      :host dropdown-select {\n        padding: 0;\n      }\n      :host #accent {\n        --paper-input-container: {\n          padding-top: 0;\n        }\n      }\n      :host([responsive-size=\"xs\"]) editable-table-editor-settings {\n        padding: 3px 0;\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        display: inline-block;\n        opacity: 0.25;\n      }\n      :host([filter]:not([sort])) .filter-icon,\n      :host([filter][sort]) .tbody .tr:not(:first-child) .filter-icon {\n        display: inline-block;\n        opacity: 0.25;\n      }\n      :host .field-group {\n        width: 100%;\n        margin: 0 0 10px;\n        padding: 0;\n      }\n      :host .field-group {\n        display: flex;\n        justify-content: space-between;\n        align-items: baseline;\n        transition: all 2s;\n        flex-wrap: wrap;\n      }\n      :host .field-group.field-group-stretch {\n        align-items: stretch;\n      }\n      :host .field-group-border {\n        border: 1px solid #ddd;\n        border-radius: 4px;\n        padding: 15px;\n        margin: 15px;\n      }\n      :host .field-group-grow {\n        flex-grow: 1;\n        transition: width 2s;\n      }\n      :host .field-group-shrink {\n        flex-shrink: 1;\n        transition: width 2s;\n      }\n      :host .field-group-label {\n        padding-right: 8px;\n        font-weight: bold;\n      }\n      :host .field-group label {\n        line-height: 30px;\n      }\n      :host #caption {\n        padding: 0;\n        display: inline-block;\n        width: unset;\n      }\n      :host .caption.field-group {\n        margin-bottom: 0;\n      }\n      :host .table .th,\n      :host .table .td {\n        border: 1px solid #ddd;\n      }\n      :host .table .th {\n        padding: 0;\n        vertical-align: center;\n        color: black;\n        background-color: #f0f0f0;\n      }\n      :host .table .td {\n        vertical-align: top;\n        padding: 8px 4px;\n      }\n      :host .table .th:first-child {\n        width: 96px;\n      }\n      :host([condensed]) .table .th {\n        padding: 0;\n      }\n      :host([condensed]) .table .td {\n        padding: 0 4px;\n      }\n      :host .table[bordered] .td {\n        border: 1px solid var(--editable-table-border-color);\n      }\n      :host([dark]) table .tbody .th {\n        border-right: 1px solid var(--editable-table-bg-color);\n      }\n      :host([dark]) .table .thead .th:not(:first-child) {\n        border-bottom: 1px solid var(--editable-table-bg-color);\n      }\n      :host .table([bordered]) .thead .th:not(:first-child) {\n        border-bottom: 1px solid var(--editable-table-border-color);\n      }\n      :host([striped]) .table .tr:nth-child(2n + 1) .td {\n        @apply --editable-table-style-stripe;\n      }\n      :host([column-header]) .table .tbody .tr:first-child .td {\n        @apply --editable-table-style-column-header;\n      }\n      :host([row-header]) .table .tbody .tr .td:first-of-type {\n        @apply --editable-table-style-row-header;\n      }\n      :host([footer]) .table .tbody .tr:last-of-type .td {\n        @apply --editable-table-style-footer;\n      }\n    </style>\n    <p class=\"sr-only\">Table Editor</p>\n    <p class=\"field-group\">\n      <label aria-hidden=\"true\" class=\"field-group-label\">Table Caption </label>\n      <iron-autogrow-textarea\n        id=\"caption\"\n        class=\"field-group-grow caption\"\n        label=\"Table Caption\"\n        placeholder=\"A title for the table.\"\n        value\\$=\"{{caption}}\"\n      >\n      </iron-autogrow-textarea>\n    </p>\n    <p class=\"field-group\">\n      <label aria-hidden=\"true\" class=\"field-group-label\"\n        >Table Summary (for accessibility)\n      </label>\n      <iron-autogrow-textarea\n        id=\"summary\"\n        class=\"field-group-grow\"\n        label=\"Table Summary (for accessibility)\"\n        placeholder=\"Describe what the table contains. What does each row represent? What does each column represent?\"\n        value\\$=\"{{summary}}\"\n      >\n      </iron-autogrow-textarea>\n    </p>\n    <div id=\"table-outer\">\n      <a11y-collapse\n        accordion=\"\"\n        icon=\"settings\"\n        label=\"show settings\"\n        label-expanded=\"hide settings\"\n        tooltip=\"Show/hide table settings.\"\n      >\n        <div slot=\"heading\" class=\"field-group-label\">Table Settings</div>\n        <div class=\"field-group field-group-stretch\">\n          <div class=\"field-group-border field-group-grow\">\n            <label class=\"\">Headers and Footers: </label>\n            <editable-table-editor-toggle\n              label=\"First Column\"\n              prop=\"rowHeader\"\n              tooltip=\"The first column is a row header.\"\n              value\\$=\"{{rowHeader}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              label=\"First Row\"\n              prop=\"columnHeader\"\n              tooltip=\"The first row is a column header.\"\n              value\\$=\"{{columnHeader}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden\\$=\"[[hideFooter]]\"\n              label=\"Last Row\"\n              prop=\"footer\"\n              tooltip=\"The last row is a table footer.\"\n              value\\$=\"{{footer}}\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n          <div\n            class=\"field-group-border field-group-grow\"\n            hidden\\$=\"[[hideTableTheme]]\"\n          >\n            <label>Theme: </label>\n            <div class=\"field-group-grow\">\n              <dropdown-select\n                id=\"accent\"\n                label=\"Accent Color\"\n                value\\$=\"{{accentColor}}\"\n              >\n                <paper-item value=\"none\">None</paper-item>\n                <paper-item value=\"red\">Red</paper-item>\n                <paper-item value=\"pink\">Pink</paper-item>\n                <paper-item value=\"purple\">Purple</paper-item>\n                <paper-item value=\"deep-purple\">Deep Purple</paper-item>\n                <paper-item value=\"indigo\">Indigo</paper-item>\n                <paper-item value=\"blue\">Blue</paper-item>\n                <paper-item value=\"light-blue\">Light Blue</paper-item>\n                <paper-item value=\"cyan\">Cyan</paper-item>\n                <paper-item value=\"teal\">Teal</paper-item>\n                <paper-item value=\"green\">Green</paper-item>\n                <paper-item value=\"light-green\">Light Green</paper-item>\n                <paper-item value=\"lime\">Lime</paper-item>\n                <paper-item value=\"yellow\">Yellow</paper-item>\n                <paper-item value=\"amber\">Amber</paper-item>\n                <paper-item value=\"orange\">Orange</paper-item>\n                <paper-item value=\"deep-orange\">Deep Orange</paper-item>\n                <paper-item value=\"brown\">Deep Orange</paper-item>\n                <paper-item value=\"blue-grey\">Blue-Grey</paper-item>\n              </dropdown-select>\n            </div>\n            <paper-tooltip for=\"accent\"\n              >Set an accent color for the table.</paper-tooltip\n            >\n            <editable-table-editor-toggle\n              hidden\\$=\"[[hideDarkTheme]]\"\n              label=\"Dark\"\n              prop=\"dark\"\n              tooltip=\"Use the dark theme.\"\n              value\\$=\"{{dark}}\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n          <div\n            class=\"field-group-border field-group-grow\"\n            hidden\\$=\"[[hideTableStyles]]\"\n          >\n            <label>Styles: </label>\n            <editable-table-editor-toggle\n              hidden\\$=\"[[hideBordered]]\"\n              label=\"Bordered\"\n              prop=\"bordered\"\n              tooltip=\"Add borders to cells.\"\n              value\\$=\"{{bordered}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden\\$=\"[[hideStriped]]\"\n              label=\"Striped\"\n              prop=\"striped\"\n              tooltip=\"Add shading to alternating rows.\"\n              value\\$=\"{{striped}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden\\$=\"[[hideCondensed]]\"\n              label=\"Condensed\"\n              prop=\"condensed\"\n              tooltip=\"Condense cell height.\"\n              value\\$=\"{{condensed}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden\\$=\"[[hideScroll]]\"\n              label=\"Disable Responsive\"\n              prop=\"scroll\"\n              tooltip=\"Disables the default responsive feature.\"\n              value\\$=\"{{scroll}}\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n          <div\n            class=\"field-group-border field-group-grow\"\n            hidden\\$=\"[[hideTableSort]]\"\n          >\n            <label>Sorting and Filtering: </label>\n            <editable-table-editor-toggle\n              disabled\\$=\"[[!columnHeader]]\"\n              hidden\\$=\"[[hideSort]]\"\n              label=\"Enable Sorting\"\n              prop=\"sort\"\n              tooltip=\"When first row is a column header, make the column sortable.\"\n              value\\$=\"{{sort}}\"\n            >\n            </editable-table-editor-toggle>\n            <editable-table-editor-toggle\n              hidden\\$=\"[[hideFilter]]\"\n              label=\"Enable Filters\"\n              prop=\"filter\"\n              tooltip=\"When a cell is clicked toggle a filter based on that cell's value.\"\n              value\\$=\"{{filter}}\"\n            >\n            </editable-table-editor-toggle>\n          </div>\n        </div>\n      </a11y-collapse>\n      <table\n        id=\"table\"\n        class=\"table\"\n        bordered\\$=\"{{bordered}}\"\n        condensed\\$=\"{{condensed}}\"\n        striped\\$=\"{{striped}}\"\n        summary=\"Editable table in edit mode. The table body contains fields to edit table data. Each column header contains buttons for editing the column. Each row header contains buttons for editing the row.\"\n      >\n        <caption class=\"sr-only\">\n          Editable Table Data\n        </caption>\n        <thead class=\"thead\">\n          <tr class=\"tr\">\n            <th class=\"th\" scope=\"col\">\n              <span class=\"sr-only\">Row Functions</span>\n            </th>\n            <template\n              id=\"headers\"\n              is=\"dom-repeat\"\n              items=\"[[data]]\"\n              as=\"row\"\n              index-as=\"tr\"\n              restamp=\"true\"\n            >\n              <template is=\"dom-if\" if=\"[[_isFirstRow(tr)]]\" restamp=\"true\">\n                <template\n                  id=\"headercols\"\n                  is=\"dom-repeat\"\n                  items=\"[[row]]\"\n                  as=\"cell\"\n                  index-as=\"th\"\n                  restamp=\"true\"\n                >\n                  <th class=\"th\" scope=\"col\">\n                    <editable-table-editor-rowcol\n                      condensed\\$=\"{{condensed}}\"\n                      index\\$=\"[[th]]\"\n                      type=\"Column\"\n                    ></editable-table-editor-rowcol>\n                  </th>\n                </template>\n              </template>\n            </template>\n          </tr>\n        </thead>\n        <tbody id=\"tbody\" class=\"tbody\">\n          <template\n            id=\"rows\"\n            is=\"dom-repeat\"\n            items=\"[[data]]\"\n            as=\"row\"\n            index-as=\"tr\"\n            restamp=\"true\"\n          >\n            <tr class=\"tr\">\n              <th class=\"th\" scope=\"row\">\n                <editable-table-editor-rowcol\n                  condensed\\$=\"{{condensed}}\"\n                  index\\$=\"[[tr]]\"\n                  type=\"Row\"\n                ></editable-table-editor-rowcol>\n              </th>\n              <template\n                id=\"columns\"\n                is=\"dom-repeat\"\n                items=\"[[row]]\"\n                as=\"cell\"\n                restamp=\"true\"\n              >\n                <td class=\"td\">\n                  <editable-table-editor-cell\n                    row=\"[[tr]]\"\n                    column=\"[[index]]\"\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  "]);_templateObject_2c4af560555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2c4af560555211e98f439769bd191e33()),is:"editable-table-editor",listeners:{"cell-move":"_onCellMove","cell-value-changed":"_onCellValueChange","insert-row":"_handleInsertRow","insert-column":"_handleInsertColumn","delete-row":"_handleDeleteRow","delete-column":"_handleDeleteColumn","editable-table-setting-changed":"_onTableSettingChange","dropdown-select-changed":"_onAccentChange"},behaviors:[ResponsiveUtilityBehaviors,editableTableBehaviors.displayBehaviors,editableTableBehaviors.editBehaviors],observers:["_setMinimumData(data)"],properties:{accentSelected:{type:String,computed:"_getAccentSelected(accentColor)"},hideTableStyles:{type:Boolean,computed:"_tableStylesHidden(hideBordered,hideCondensed,hideStriped,hideScroll)"},hideTableTheme:{type:Boolean,computed:"_tableThemeHidden(hideAccentColor,hideDarkTheme)"},hideTableSort:{type:Boolean,computed:"_tableSortHidden(hideSort,hideFilter)"}},ready:function ready(){this.onclick=function(e){var el=null!==e.srcElement&&null!==e.srcElement.tagName&&"td"===e.srcElement.tagName.toLowerCase()?e.srcElement:!1;if(el&&null!==el.getElementsByTagName("editable-table-cell")){console.log(el.children[0]);el.children[0].focus()}}},_getAccentSelected:function _getAccentSelected(accentColor){return null!==accentColor?accentColor:"none"},_getCurrentRow:function _getCurrentRow(index,data){var row=null;if(data!==void 0&&null!==data&&data[index]!==void 0&&null!==data[index]){row=data[index]}return row},_handleDeleteColumn:function _handleDeleteColumn(e){this.deleteColumn(e.detail)},_handleDeleteRow:function _handleDeleteRow(e){this.deleteRow(e.detail)},_handleInsertColumn:function _handleInsertColumn(e){this.insertColumn(e.detail)},_handleInsertRow:function _handleInsertRow(e){this.insertRow(e.detail)},_isFirstRow:function _isFirstRow(index){return 0===index},_onAccentChange:function _onAccentChange(e){this.accentColor="none"!==e.detail.value?e.detail.value:null},_onCellMove:function _onCellMove(e){var dir=e.detail.direction,cell=e.detail.cell,row=cell.parentNode,body=this.$.tbody,x=Array.prototype.indexOf.call(row.children,cell),y=Array.prototype.indexOf.call(body.children,row);if("down"===dir){if(y+1<body.children.length-1){body.children[y+1].children[x].children[0].setFocus()}else{this.insertRow(y)}}else if("up"===dir){if(0<y){body.children[y-1].children[x].children[0].setFocus()}}else if("right"===dir){if(x+1<row.children.length-1){row.children[x+1].children[0].setFocus()}else if(y+1<body.children.length-1){body.children[y+1].children[1].children[0].setFocus()}}else if("left"===dir){if(1<x){row.children[x-1].children[0].setFocus()}else if(0<y){body.children[y-2].children[body.children[y-2].children.length-2].children[0].setFocus()}}},_onCellValueChange:function _onCellValueChange(e){this.set("data."+e.detail.row+"."+e.detail.column,e.detail.value)},_onTableSettingChange:function _onTableSettingChange(e){this[e.detail.prop]=e.detail.value},_setMinimumData:function _setMinimumData(data){if(1>data.length||1>data[0].length){this.set("data",[["","",""],["","",""],["","",""]])}},_tableStylesHidden:function _tableStylesHidden(hideBordered,hideCondensed,hideStriped,hideScroll){return hideBordered&&hideCondensed&&hideStriped&&hideScroll},_tableThemeHidden:function _tableThemeHidden(hideAccentColor,hideDarkTheme){return hideAccentColor&&hideDarkTheme},_tableSortHidden:function _tableSortHidden(hideSort,hideFilter){return hideSort&&hideFilter},deleteColumn:function deleteColumn(index){if(confirm("Delete entire column?")){for(var i=0;i<this.data.length;i++){this.splice("data."+i,index,1)}}},deleteRow:function deleteRow(index){if(confirm("Delete entire row?")){this.splice("data",index,1)}},insertColumn:function insertColumn(index){for(var i=0;i<this.data.length;i++){this.splice("data."+i,index,0,"")}},insertRow:function insertRow(index){for(var temp=[],i=0;i<this.data[0].length;i++){temp.push("")}this.splice("data",index+1,0,temp)}})});
\ No newline at end of file
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 69eba75d616..3d4fcc91ffb 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/iron-icons/iron-icons.js","./editable-table-iconset.js"],function(_polymerLegacy){"use strict";function _templateObject_9760aec054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\n      :host paper-button {\n        padding: 0;\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      }\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      :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    </style>\n    <paper-button id=\"button\" class=\"container\">\n      <span>[[text]]</span>\n      <span class=\"sr-only\" hidden$=\"[[!filtered]]\"> (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\">Toggle filter for \"[[text]]\"</paper-tooltip>\n  "],["\n    <style is=\"custom-style\">\n      :host paper-button {\n        padding: 0;\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      }\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      :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    </style>\n    <paper-button id=\"button\" class=\"container\">\n      <span>[[text]]</span>\n      <span class=\"sr-only\" hidden\\$=\"[[!filtered]]\"> (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\">Toggle filter for \"[[text]]\"</paper-tooltip>\n  "]);_templateObject_9760aec054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9760aec054f411e9aeb367f92c5b63ab()),is:"editable-table-filter",listeners:{tap:"_onFilterTapped"},properties:{columnNumber:{type:Number,value:null},filtered:{type:Boolean,value:!1,reflectToAttribute:!0},text:{type:String,value:""}},_getPressed:function _getPressed(filtered){return filtered?"true":"false"},_onFilterTapped:function _onFilterTapped(){var root=this;root.fire("toggle-filter",root)}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/iron-icons/iron-icons.js","./editable-table-iconset.js"],function(_polymerLegacy){"use strict";function _templateObject_2c597450555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\n      :host paper-button {\n        padding: 0;\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      }\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      :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    </style>\n    <paper-button id=\"button\" class=\"container\">\n      <span>[[text]]</span>\n      <span class=\"sr-only\" hidden$=\"[[!filtered]]\"> (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\">Toggle filter for \"[[text]]\"</paper-tooltip>\n  "],["\n    <style is=\"custom-style\">\n      :host paper-button {\n        padding: 0;\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      }\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      :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    </style>\n    <paper-button id=\"button\" class=\"container\">\n      <span>[[text]]</span>\n      <span class=\"sr-only\" hidden\\$=\"[[!filtered]]\"> (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\">Toggle filter for \"[[text]]\"</paper-tooltip>\n  "]);_templateObject_2c597450555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2c597450555211e98f439769bd191e33()),is:"editable-table-filter",listeners:{tap:"_onFilterTapped"},properties:{columnNumber:{type:Number,value:null},filtered:{type:Boolean,value:!1,reflectToAttribute:!0},text:{type:String,value:""}},_getPressed:function _getPressed(filtered){return filtered?"true":"false"},_onFilterTapped:function _onFilterTapped(){var root=this;root.fire("toggle-filter",root)}})});
\ 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 b820a2db8df..eedc7d670e0 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-icons/iron-icons.js","./editable-table-iconset.js"],function(_polymerLegacy){"use strict";function _templateObject_97678c9054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\n      :host paper-button {\n        padding: 0;\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      }\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\">\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_97678c9054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_97678c9054f411e9aeb367f92c5b63ab()),is:"editable-table-sort",listeners:{tap:"_onSortTapped"},properties:{columnNumber:{type:Number,value:null,reflectToAttribute:!0},sortMode:{type:String,value:"none",reflectToAttribute:!0},sortColumn:{type:Number,value:-1,reflectToAttribute:!0},sorting:{type:Boolean,computed:"_isSorting(columnNumber,sortColumn)",reflectToAttribute:!0},text:{type:String,value:""}},_onSortTapped:function _onSortTapped(){var root=this;root.fire("change-sort-mode",root)},setSortMode:function setSortMode(mode){this.sortMode=mode;this.__checked="asc"===mode?!0:"desc"===mode?mode:!1},_isSorting:function _isSorting(columnNumber,sortColumn){return columnNumber===sortColumn}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-icons/iron-icons.js","./editable-table-iconset.js"],function(_polymerLegacy){"use strict";function _templateObject_2c638670555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\n      :host paper-button {\n        padding: 0;\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      }\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\">\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_2c638670555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2c638670555211e98f439769bd191e33()),is:"editable-table-sort",listeners:{tap:"_onSortTapped"},properties:{columnNumber:{type:Number,value:null,reflectToAttribute:!0},sortMode:{type:String,value:"none",reflectToAttribute:!0},sortColumn:{type:Number,value:-1,reflectToAttribute:!0},sorting:{type:Boolean,computed:"_isSorting(columnNumber,sortColumn)",reflectToAttribute:!0},text:{type:String,value:""}},_onSortTapped:function _onSortTapped(){var root=this;root.fire("change-sort-mode",root)},setSortMode:function setSortMode(mode){this.sortMode=mode;this.__checked="asc"===mode?!0:"desc"===mode?mode:!1},_isSorting:function _isSorting(columnNumber,sortColumn){return columnNumber===sortColumn}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard-filters.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard-filters.js
index f92bae3593b..7d8af1066e3 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard-filters.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard-filters.js
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../../../../@polymer/paper-listbox/paper-listbox.js","../../../../@polymer/paper-item/paper-item.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ElmsmediaDashboardFilters=void 0;function _templateObject_a36bb89054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      paper-dropdown-menu {\n        display: block;\n        width: 100%;\n      }\n    </style>\n\n    <paper-dropdown-menu label=\"Order\">\n      <paper-listbox\n        slot=\"dropdown-content\"\n        attr-for-selected=\"name\"\n        selected=\"{{form.order}}\"\n      >\n        <paper-item name=\"ASC\">Ascending</paper-item>\n        <paper-item name=\"DESC\">Descending</paper-item>\n      </paper-listbox>\n    </paper-dropdown-menu>\n\n    <paper-dropdown-menu label=\"Media Type\">\n      <paper-listbox\n        slot=\"dropdown-content\"\n        attr-for-selected=\"name\"\n        selected=\"{{form.media_type}}\"\n      >\n        <paper-item name=\"elmsmedia_image\">Image</paper-item>\n        <paper-item name=\"h5p\">H5P</paper-item>\n        <paper-item name=\"video\">Video</paper-item>\n        <paper-item name=\"external_video\">External Video</paper-item>\n        <paper-item name=\"audio\">audio</paper-item>\n      </paper-listbox>\n    </paper-dropdown-menu>\n  "]);_templateObject_a36bb89054f411e9aeb367f92c5b63ab=function(){return data};return data}var ElmsmediaDashboardFilters=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a36bb89054f411e9aeb367f92c5b63ab()),is:"elmsmedia-dashboard-filters",properties:{form:{type:Object,value:{}}},observers:["_formChanged(form.*)"],_formChanged:function _formChanged(form){var path=form.path.replace("form.",""),propValue=form.value;this.fire("add-filter",{path:path,propValue:propValue})}});_exports.ElmsmediaDashboardFilters=ElmsmediaDashboardFilters});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../../../../@polymer/paper-listbox/paper-listbox.js","../../../../@polymer/paper-item/paper-item.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ElmsmediaDashboardFilters=void 0;function _templateObject_39b08620555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      paper-dropdown-menu {\n        display: block;\n        width: 100%;\n      }\n    </style>\n\n    <paper-dropdown-menu label=\"Order\">\n      <paper-listbox\n        slot=\"dropdown-content\"\n        attr-for-selected=\"name\"\n        selected=\"{{form.order}}\"\n      >\n        <paper-item name=\"ASC\">Ascending</paper-item>\n        <paper-item name=\"DESC\">Descending</paper-item>\n      </paper-listbox>\n    </paper-dropdown-menu>\n\n    <paper-dropdown-menu label=\"Media Type\">\n      <paper-listbox\n        slot=\"dropdown-content\"\n        attr-for-selected=\"name\"\n        selected=\"{{form.media_type}}\"\n      >\n        <paper-item name=\"elmsmedia_image\">Image</paper-item>\n        <paper-item name=\"h5p\">H5P</paper-item>\n        <paper-item name=\"video\">Video</paper-item>\n        <paper-item name=\"external_video\">External Video</paper-item>\n        <paper-item name=\"audio\">audio</paper-item>\n      </paper-listbox>\n    </paper-dropdown-menu>\n  "]);_templateObject_39b08620555211e98f439769bd191e33=function(){return data};return data}var ElmsmediaDashboardFilters=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_39b08620555211e98f439769bd191e33()),is:"elmsmedia-dashboard-filters",properties:{form:{type:Object,value:{}}},observers:["_formChanged(form.*)"],_formChanged:function _formChanged(form){var path=form.path.replace("form.",""),propValue=form.value;this.fire("add-filter",{path:path,propValue:propValue})}});_exports.ElmsmediaDashboardFilters=ElmsmediaDashboardFilters});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard-toolbar-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard-toolbar-button.js
index 0804e19328f..714e744b07d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard-toolbar-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard-toolbar-button.js
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/iron-icon/iron-icon.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ElmsmediaDashboardToolbarButton=void 0;function _templateObject_a372966054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0.7;\n      }\n      #title {\n        font-size: 1em;\n        margin: 0;\n        margin-right: 0.3em;\n        padding: 0;\n      }\n    </style>\n    <paper-button id=\"button\">\n      <h3 id=\"title\">[[title]]</h3>\n      <iron-icon id=\"icon\" icon=\"[[icon]]\"></iron-icon>\n    </paper-button>\n  "]);_templateObject_a372966054f411e9aeb367f92c5b63ab=function(){return data};return data}var ElmsmediaDashboardToolbarButton=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a372966054f411e9aeb367f92c5b63ab()),is:"elmsmedia-dashboard-toolbar-button",properties:{title:{type:String,value:""},icon:{type:String,value:""}}});_exports.ElmsmediaDashboardToolbarButton=ElmsmediaDashboardToolbarButton});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/iron-icon/iron-icon.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ElmsmediaDashboardToolbarButton=void 0;function _templateObject_39b8ea90555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 0.7;\n      }\n      #title {\n        font-size: 1em;\n        margin: 0;\n        margin-right: 0.3em;\n        padding: 0;\n      }\n    </style>\n    <paper-button id=\"button\">\n      <h3 id=\"title\">[[title]]</h3>\n      <iron-icon id=\"icon\" icon=\"[[icon]]\"></iron-icon>\n    </paper-button>\n  "]);_templateObject_39b8ea90555211e98f439769bd191e33=function(){return data};return data}var ElmsmediaDashboardToolbarButton=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_39b8ea90555211e98f439769bd191e33()),is:"elmsmedia-dashboard-toolbar-button",properties:{title:{type:String,value:""},icon:{type:String,value:""}}});_exports.ElmsmediaDashboardToolbarButton=ElmsmediaDashboardToolbarButton});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard-toolbar-filter.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard-toolbar-filter.js
index 03c91c6d3e8..3055804aad0 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard-toolbar-filter.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard-toolbar-filter.js
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","./paper-chip.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ElmsmediaDashboardToolbarFilter=void 0;function _templateObject_a378ff0054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: flex;\n        font-size: 0.8em;\n      }\n      paper-icon-button {\n        --paper-icon-button: {\n          height: 30px;\n          width: 30px;\n          margin-right: -12px;\n        }\n      }\n    </style>\n    <paper-chip>\n      [[title]]\n      <paper-icon-button\n        id=\"clear\"\n        icon=\"clear\"\n        title=\"Remove filter\"\n        on-click=\"remove\"\n      ></paper-icon-button>\n    </paper-chip>\n    <paper-tooltip\n      for=\"clear\"\n      position=\"top\"\n      animation-delay=\"100\"\n      margin-top=\"5\"\n      aria-hidden=\"true\"\n      >Remove Filter</paper-tooltip\n    >\n  "]);_templateObject_a378ff0054f411e9aeb367f92c5b63ab=function(){return data};return data}var ElmsmediaDashboardToolbarFilter=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a378ff0054f411e9aeb367f92c5b63ab()),is:"elmsmedia-dashboard-toolbar-filter",properties:{path:{type:String,value:""},propValue:{type:String,value:""},title:{type:String,value:""}},remove:function remove(){this.fire("remove-filter",{path:this.path,propValue:this.propValue})}});_exports.ElmsmediaDashboardToolbarFilter=ElmsmediaDashboardToolbarFilter});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","./paper-chip.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ElmsmediaDashboardToolbarFilter=void 0;function _templateObject_39bf0510555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: flex;\n        font-size: 0.8em;\n      }\n      paper-icon-button {\n        --paper-icon-button: {\n          height: 30px;\n          width: 30px;\n          margin-right: -12px;\n        }\n      }\n    </style>\n    <paper-chip>\n      [[title]]\n      <paper-icon-button\n        id=\"clear\"\n        icon=\"clear\"\n        title=\"Remove filter\"\n        on-click=\"remove\"\n      ></paper-icon-button>\n    </paper-chip>\n    <paper-tooltip\n      for=\"clear\"\n      position=\"top\"\n      animation-delay=\"100\"\n      margin-top=\"5\"\n      aria-hidden=\"true\"\n      >Remove Filter</paper-tooltip\n    >\n  "]);_templateObject_39bf0510555211e98f439769bd191e33=function(){return data};return data}var ElmsmediaDashboardToolbarFilter=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_39bf0510555211e98f439769bd191e33()),is:"elmsmedia-dashboard-toolbar-filter",properties:{path:{type:String,value:""},propValue:{type:String,value:""},title:{type:String,value:""}},remove:function remove(){this.fire("remove-filter",{path:this.path,propValue:this.propValue})}});_exports.ElmsmediaDashboardToolbarFilter=ElmsmediaDashboardToolbarFilter});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard-toolbar-filters.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard-toolbar-filters.js
index 33878094f83..775c92567b1 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard-toolbar-filters.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard-toolbar-filters.js
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-legacy.js","./elmsmedia-dashboard-toolbar-filter.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ElmsmediaDashboardToolbarFilters=void 0;function _templateObject_a37db9f054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: flex;\n        align-items: center;\n      }\n      elmsmedia-dashboard-toolbar-filter {\n        margin-right: 4.8px;\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"[[_filtersArray]]\" as=\"item\">\n      <elmsmedia-dashboard-toolbar-filter\n        path=\"[[item.path]]\"\n        prop-value=\"[[item.propValue]]\"\n        title=\"[[item.title]]\"\n      ></elmsmedia-dashboard-toolbar-filter>\n    </template>\n  "]);_templateObject_a37db9f054f411e9aeb367f92c5b63ab=function(){return data};return data}var ElmsmediaDashboardToolbarFilters=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a37db9f054f411e9aeb367f92c5b63ab()),is:"elmsmedia-dashboard-toolbar-filters",properties:{filters:{type:Object,value:{}},_filtersArray:{type:Array,computed:"_filtersArrayCompute(filters, filters.*)"}},_filtersArrayCompute:function _filtersArrayCompute(filters){var filtersArray=[],_loop=function(){var prop=f,values=filters[f].split(",");if("page"!==prop){values.forEach(function(value){filtersArray.push({path:prop,propValue:value,title:"".concat(prop,": ").concat(value)})})}};for(f in filters){_loop()}return filtersArray}});_exports.ElmsmediaDashboardToolbarFilters=ElmsmediaDashboardToolbarFilters});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-legacy.js","./elmsmedia-dashboard-toolbar-filter.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ElmsmediaDashboardToolbarFilters=void 0;function _templateObject_39c6f450555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: flex;\n        align-items: center;\n      }\n      elmsmedia-dashboard-toolbar-filter {\n        margin-right: 4.8px;\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"[[_filtersArray]]\" as=\"item\">\n      <elmsmedia-dashboard-toolbar-filter\n        path=\"[[item.path]]\"\n        prop-value=\"[[item.propValue]]\"\n        title=\"[[item.title]]\"\n      ></elmsmedia-dashboard-toolbar-filter>\n    </template>\n  "]);_templateObject_39c6f450555211e98f439769bd191e33=function(){return data};return data}var ElmsmediaDashboardToolbarFilters=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_39c6f450555211e98f439769bd191e33()),is:"elmsmedia-dashboard-toolbar-filters",properties:{filters:{type:Object,value:{}},_filtersArray:{type:Array,computed:"_filtersArrayCompute(filters, filters.*)"}},_filtersArrayCompute:function _filtersArrayCompute(filters){var filtersArray=[],_loop=function(){var prop=f,values=filters[f].split(",");if("page"!==prop){values.forEach(function(value){filtersArray.push({path:prop,propValue:value,title:"".concat(prop,": ").concat(value)})})}};for(f in filters){_loop()}return filtersArray}});_exports.ElmsmediaDashboardToolbarFilters=ElmsmediaDashboardToolbarFilters});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard.js
index c8650f81da8..cbdf6a8b6b9 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/elmsmedia-dashboard.js
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/app-route/app-route.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-button/paper-button.js","../../../hax-body/lib/hax-app.js","./elmsmedia-dashboard-filters.js","./elmsmedia-dashboard-toolbar-filters.js","./elmsmedia-dashboard-toolbar-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ElmsmediaDashboard=void 0;function _templateObject_a38708c054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      paper-dialog {\n        padding: 1em;\n      }\n      #toolbar {\n        display: flex;\n        justify-content: flex-end;\n        align-items: center;\n      }\n    </style>\n\n    <app-location route=\"{{route}}\"></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"/:page\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\"\n    ></app-route>\n\n    <div id=\"toolbar\">\n      <elmsmedia-dashboard-toolbar-filters\n        filters=\"[[queryParams]]\"\n      ></elmsmedia-dashboard-toolbar-filters>\n      <elmsmedia-dashboard-toolbar-button\n        icon=\"filter-list\"\n        title=\"Filter\"\n        on-click=\"toggleFilters\"\n      ></elmsmedia-dashboard-toolbar-button>\n      <elmsmedia-dashboard-toolbar-button\n        icon=\"search\"\n        title=\"Search\"\n        on-click=\"toggleSearch\"\n      ></elmsmedia-dashboard-toolbar-button>\n    </div>\n\n    <paper-dialog id=\"filterDialog\" with-backdrop=\"\">\n      <h3>Filter Media</h3>\n      <elmsmedia-dashboard-filters\n        form=\"{{queryParams}}\"\n        on-filter-changed=\"_filterChanged\"\n      ></elmsmedia-dashboard-filters>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Dismiss dialog</paper-button>\n      </div>\n    </paper-dialog>\n\n    <hax-app\n      id=\"haxSource\"\n      auto=\"\"\n      query-param=\"title\"\n      request-end-point=\"[[requestEndPoint]]\"\n      request-params=\"{{queryParams}}\"\n      data='{\n      \"root\": \"list\",\n      \"gizmoType\": \"video\",\n      \"url\": \"http://media.elmsln.local/entity_iframe/node/\",\n      \"id\": \"id\",\n      \"title\": \"attributes.title\",\n      \"description\": \"attributes.body\",\n      \"image\": \"display.image\",\n      \"customGizmoType\": \"type\"}'\n    ></hax-app>\n  "]);_templateObject_a38708c054f411e9aeb367f92c5b63ab=function(){return data};return data}var ElmsmediaDashboard=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a38708c054f411e9aeb367f92c5b63ab()),is:"elmsmedia-dashboard",properties:{requestEndPoint:{type:String,value:""},queryParams:{type:Object,value:{}}},_computeRequestEndPoint:function _computeRequestEndPoint(endPoint,csrfToken){return"".concat(endPoint,"/api/data?token=").concat(csrfToken)},_filterChanged:function _filterChanged(e){var newParams=Object.assign({},e.detail);newParams=this._cleanParams(newParams);this.set("queryParams",{});this.set("queryParams",newParams)},_cleanParams:function _cleanParams(params){var newParams={};for(x in params){var prop=x,value=params[x];if(!(""===value||null===value||value===void 0)){newParams[prop]=value}}return newParams},toggleSearch:function toggleSearch(){var searchEnabled=this.$.haxSource.search;this.$.haxSource.search=!searchEnabled},toggleFilters:function toggleFilters(){this.$.filterDialog.toggle()},removeFilter:function removeFilter(path,propValue){var currentParams=Object.assign({},this.queryParams),currentValue=_.get(currentParams,path),newValue=currentValue.split(",").filter(function(v){return v!==propValue}).join(","),newParams=_.set(currentParams,path,newValue),newCleanParams=this._cleanParams(newParams);this.set("queryParams",{});this.set("queryParams",newCleanParams)},ready:function ready(){var _this=this;this.addEventListener("remove-filter",function(e){_this.removeFilter(e.detail.path,e.detail.propValue)})},detached:function detached(){var _this2=this;this.removeEventListener("remove-filter",function(e){_this2.removeFilter(e.detail.path,e.detail.propValue)})}});_exports.ElmsmediaDashboard=ElmsmediaDashboard});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/app-route/app-route.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-button/paper-button.js","../../../hax-body/lib/hax-app.js","./elmsmedia-dashboard-filters.js","./elmsmedia-dashboard-toolbar-filters.js","./elmsmedia-dashboard-toolbar-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ElmsmediaDashboard=void 0;function _templateObject_39d488e0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      paper-dialog {\n        padding: 1em;\n      }\n      #toolbar {\n        display: flex;\n        justify-content: flex-end;\n        align-items: center;\n      }\n    </style>\n\n    <app-location route=\"{{route}}\"></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"/:page\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\"\n    ></app-route>\n\n    <div id=\"toolbar\">\n      <elmsmedia-dashboard-toolbar-filters\n        filters=\"[[queryParams]]\"\n      ></elmsmedia-dashboard-toolbar-filters>\n      <elmsmedia-dashboard-toolbar-button\n        icon=\"filter-list\"\n        title=\"Filter\"\n        on-click=\"toggleFilters\"\n      ></elmsmedia-dashboard-toolbar-button>\n      <elmsmedia-dashboard-toolbar-button\n        icon=\"search\"\n        title=\"Search\"\n        on-click=\"toggleSearch\"\n      ></elmsmedia-dashboard-toolbar-button>\n    </div>\n\n    <paper-dialog id=\"filterDialog\" with-backdrop=\"\">\n      <h3>Filter Media</h3>\n      <elmsmedia-dashboard-filters\n        form=\"{{queryParams}}\"\n        on-filter-changed=\"_filterChanged\"\n      ></elmsmedia-dashboard-filters>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Dismiss dialog</paper-button>\n      </div>\n    </paper-dialog>\n\n    <hax-app\n      id=\"haxSource\"\n      auto=\"\"\n      query-param=\"title\"\n      request-end-point=\"[[requestEndPoint]]\"\n      request-params=\"{{queryParams}}\"\n      data='{\n      \"root\": \"list\",\n      \"gizmoType\": \"video\",\n      \"url\": \"http://media.elmsln.local/entity_iframe/node/\",\n      \"id\": \"id\",\n      \"title\": \"attributes.title\",\n      \"description\": \"attributes.body\",\n      \"image\": \"display.image\",\n      \"customGizmoType\": \"type\"}'\n    ></hax-app>\n  "]);_templateObject_39d488e0555211e98f439769bd191e33=function(){return data};return data}var ElmsmediaDashboard=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_39d488e0555211e98f439769bd191e33()),is:"elmsmedia-dashboard",properties:{requestEndPoint:{type:String,value:""},queryParams:{type:Object,value:{}}},_computeRequestEndPoint:function _computeRequestEndPoint(endPoint,csrfToken){return"".concat(endPoint,"/api/data?token=").concat(csrfToken)},_filterChanged:function _filterChanged(e){var newParams=Object.assign({},e.detail);newParams=this._cleanParams(newParams);this.set("queryParams",{});this.set("queryParams",newParams)},_cleanParams:function _cleanParams(params){var newParams={};for(x in params){var prop=x,value=params[x];if(!(""===value||null===value||value===void 0)){newParams[prop]=value}}return newParams},toggleSearch:function toggleSearch(){var searchEnabled=this.$.haxSource.search;this.$.haxSource.search=!searchEnabled},toggleFilters:function toggleFilters(){this.$.filterDialog.toggle()},removeFilter:function removeFilter(path,propValue){var currentParams=Object.assign({},this.queryParams),currentValue=_.get(currentParams,path),newValue=currentValue.split(",").filter(function(v){return v!==propValue}).join(","),newParams=_.set(currentParams,path,newValue),newCleanParams=this._cleanParams(newParams);this.set("queryParams",{});this.set("queryParams",newCleanParams)},ready:function ready(){var _this=this;this.addEventListener("remove-filter",function(e){_this.removeFilter(e.detail.path,e.detail.propValue)})},detached:function detached(){var _this2=this;this.removeEventListener("remove-filter",function(e){_this2.removeFilter(e.detail.path,e.detail.propValue)})}});_exports.ElmsmediaDashboard=ElmsmediaDashboard});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/paper-chip.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/paper-chip.js
index 94acbbd8e57..4f2eb839c61 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/paper-chip.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-dashboard/paper-chip.js
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-styles/color.js","../../../../@polymer/paper-styles/typography.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PaperChip=void 0;function _templateObject_a390308054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        background-color: var(--paper-chip-background, var(--paper-grey-300));\n        height: 32px;\n        line-height: 32px !important;\n        padding: 0 12px;\n        border-radius: 16px;\n        color: var(--paper-chip-color, var(--primary-text-color));\n        font-size: 13px !important;\n        @apply --paper-font-body1;\n        @apply --paper-chip;\n      }\n      :host([selectable]) {\n        cursor: pointer;\n      }\n      :host([selectable]:hover) {\n        background-color: var(\n          --paper-chip-background-selectable,\n          var(--paper-grey-400)\n        );\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_a390308054f411e9aeb367f92c5b63ab=function(){return data};return data}var PaperChip=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a390308054f411e9aeb367f92c5b63ab()),is:"paper-chip",properties:{selectable:{type:Boolean,value:!1,reflectToAttribute:!0}}});_exports.PaperChip=PaperChip});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-styles/color.js","../../../../@polymer/paper-styles/typography.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PaperChip=void 0;function _templateObject_39daf180555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n        background-color: var(--paper-chip-background, var(--paper-grey-300));\n        height: 32px;\n        line-height: 32px !important;\n        padding: 0 12px;\n        border-radius: 16px;\n        color: var(--paper-chip-color, var(--primary-text-color));\n        font-size: 13px !important;\n        @apply --paper-font-body1;\n        @apply --paper-chip;\n      }\n      :host([selectable]) {\n        cursor: pointer;\n      }\n      :host([selectable]:hover) {\n        background-color: var(\n          --paper-chip-background-selectable,\n          var(--paper-grey-400)\n        );\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_39daf180555211e98f439769bd191e33=function(){return data};return data}var PaperChip=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_39daf180555211e98f439769bd191e33()),is:"paper-chip",properties:{selectable:{type:Boolean,value:!1,reflectToAttribute:!0}}});_exports.PaperChip=PaperChip});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-upload/elmsmedia-upload.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-upload/elmsmedia-upload.js
index 0318e22a2bd..d907f59101c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-upload/elmsmedia-upload.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/elmsmedia-upload/elmsmedia-upload.js
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-button/paper-button.js","../../../../@vaadin/vaadin-upload/vaadin-upload.js","../../../materializecss-styles/materializecss-styles.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../../../../@polymer/paper-listbox/paper-listbox.js","../../../../@polymer/paper-item/paper-item.js","../../../../@polymer/paper-checkbox/paper-checkbox.js","../../../../@polymer/paper-input/paper-input.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ElmsMediaUpload=void 0;function _templateObject_a3a90fb054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          display: block;\n        }\n        paper-button {\n          padding: 0;\n          margin: 0;\n          min-width: 1rem;\n        }\n        vaadin-upload.thick-border {\n          --primary-color: #396;\n          --dark-primary-color: #063;\n          --light-primary-color: #6c9;\n          --error-color: darkred;\n          border: 2px solid #ccc;\n          padding: 14px;\n          background: #eee;\n          border-radius: 0;\n        }\n        vaadin-upload.thick-border[dragover] {\n          border-color: #396;\n        }\n      </style>\n    </custom-style>\n    <vaadin-upload\n      target$=\"{{uploadPath}}\"\n      method=\"POST\"\n      form-data-name=\"file-upload\"\n      timeout=\"0\"\n      accept=\"video/mp4,image/*,audio/*,application/pdf,application/zip\"\n    ></vaadin-upload>\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <app-toolbar>\n        <paper-dropdown-menu label=\"Display style\">\n          <paper-listbox slot=\"dropdown-content\" class=\"dropdown-content\">\n            <paper-item value=\"image\">Image</paper-item>\n            <paper-item value=\"image__circle\">Circle</paper-item>\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-checkbox class=\"styled\" checked=\"{{hasLightbox}}\">\n          Lightbox <span class=\"subtitle\"> Users can click to expand </span>\n        </paper-checkbox>\n        <paper-button raised=\"\" class=\"green\">Save</paper-button>\n      </app-toolbar>\n      <h2 id=\"title\">{{uploadTitle}}</h2>\n      <paper-input\n        label=\"Title\"\n        placeholder=\"Title\"\n        value=\"{{uploadTitle}}\"\n      ></paper-input>\n      <div id=\"content\"></div>\n    </paper-dialog>\n  "],["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          display: block;\n        }\n        paper-button {\n          padding: 0;\n          margin: 0;\n          min-width: 1rem;\n        }\n        vaadin-upload.thick-border {\n          --primary-color: #396;\n          --dark-primary-color: #063;\n          --light-primary-color: #6c9;\n          --error-color: darkred;\n          border: 2px solid #ccc;\n          padding: 14px;\n          background: #eee;\n          border-radius: 0;\n        }\n        vaadin-upload.thick-border[dragover] {\n          border-color: #396;\n        }\n      </style>\n    </custom-style>\n    <vaadin-upload\n      target\\$=\"{{uploadPath}}\"\n      method=\"POST\"\n      form-data-name=\"file-upload\"\n      timeout=\"0\"\n      accept=\"video/mp4,image/*,audio/*,application/pdf,application/zip\"\n    ></vaadin-upload>\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <app-toolbar>\n        <paper-dropdown-menu label=\"Display style\">\n          <paper-listbox slot=\"dropdown-content\" class=\"dropdown-content\">\n            <paper-item value=\"image\">Image</paper-item>\n            <paper-item value=\"image__circle\">Circle</paper-item>\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-checkbox class=\"styled\" checked=\"{{hasLightbox}}\">\n          Lightbox <span class=\"subtitle\"> Users can click to expand </span>\n        </paper-checkbox>\n        <paper-button raised=\"\" class=\"green\">Save</paper-button>\n      </app-toolbar>\n      <h2 id=\"title\">{{uploadTitle}}</h2>\n      <paper-input\n        label=\"Title\"\n        placeholder=\"Title\"\n        value=\"{{uploadTitle}}\"\n      ></paper-input>\n      <div id=\"content\"></div>\n    </paper-dialog>\n  "]);_templateObject_a3a90fb054f411e9aeb367f92c5b63ab=function(){return data};return data}var ElmsMediaUpload=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a3a90fb054f411e9aeb367f92c5b63ab()),is:"elmsmedia-upload",listeners:{"upload-success":"_uploadSuccess"},properties:{uploadPath:{type:String,reflectToAttribute:!0,notify:!0},uploadTitle:{type:String,reflectToAttribute:!0,notify:!0},hasLightbox:{type:Boolean,reflectToAttribute:!0,notify:!0}},_uploadSuccess:function _uploadSuccess(event){var response=JSON.parse(event.detail.xhr.response);this.uploadTitle=response.data.node.title;this.$.content.innerHTML=response.data.node.nid;this.$.dialog.open()}});_exports.ElmsMediaUpload=ElmsMediaUpload});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-button/paper-button.js","../../../../@vaadin/vaadin-upload/vaadin-upload.js","../../../materializecss-styles/materializecss-styles.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../../../../@polymer/paper-listbox/paper-listbox.js","../../../../@polymer/paper-item/paper-item.js","../../../../@polymer/paper-checkbox/paper-checkbox.js","../../../../@polymer/paper-input/paper-input.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ElmsMediaUpload=void 0;function _templateObject_39e85f00555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          display: block;\n        }\n        paper-button {\n          padding: 0;\n          margin: 0;\n          min-width: 1rem;\n        }\n        vaadin-upload.thick-border {\n          --primary-color: #396;\n          --dark-primary-color: #063;\n          --light-primary-color: #6c9;\n          --error-color: darkred;\n          border: 2px solid #ccc;\n          padding: 14px;\n          background: #eee;\n          border-radius: 0;\n        }\n        vaadin-upload.thick-border[dragover] {\n          border-color: #396;\n        }\n      </style>\n    </custom-style>\n    <vaadin-upload\n      target$=\"{{uploadPath}}\"\n      method=\"POST\"\n      form-data-name=\"file-upload\"\n      timeout=\"0\"\n      accept=\"video/mp4,image/*,audio/*,application/pdf,application/zip\"\n    ></vaadin-upload>\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <app-toolbar>\n        <paper-dropdown-menu label=\"Display style\">\n          <paper-listbox slot=\"dropdown-content\" class=\"dropdown-content\">\n            <paper-item value=\"image\">Image</paper-item>\n            <paper-item value=\"image__circle\">Circle</paper-item>\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-checkbox class=\"styled\" checked=\"{{hasLightbox}}\">\n          Lightbox <span class=\"subtitle\"> Users can click to expand </span>\n        </paper-checkbox>\n        <paper-button raised=\"\" class=\"green\">Save</paper-button>\n      </app-toolbar>\n      <h2 id=\"title\">{{uploadTitle}}</h2>\n      <paper-input\n        label=\"Title\"\n        placeholder=\"Title\"\n        value=\"{{uploadTitle}}\"\n      ></paper-input>\n      <div id=\"content\"></div>\n    </paper-dialog>\n  "],["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          display: block;\n        }\n        paper-button {\n          padding: 0;\n          margin: 0;\n          min-width: 1rem;\n        }\n        vaadin-upload.thick-border {\n          --primary-color: #396;\n          --dark-primary-color: #063;\n          --light-primary-color: #6c9;\n          --error-color: darkred;\n          border: 2px solid #ccc;\n          padding: 14px;\n          background: #eee;\n          border-radius: 0;\n        }\n        vaadin-upload.thick-border[dragover] {\n          border-color: #396;\n        }\n      </style>\n    </custom-style>\n    <vaadin-upload\n      target\\$=\"{{uploadPath}}\"\n      method=\"POST\"\n      form-data-name=\"file-upload\"\n      timeout=\"0\"\n      accept=\"video/mp4,image/*,audio/*,application/pdf,application/zip\"\n    ></vaadin-upload>\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <app-toolbar>\n        <paper-dropdown-menu label=\"Display style\">\n          <paper-listbox slot=\"dropdown-content\" class=\"dropdown-content\">\n            <paper-item value=\"image\">Image</paper-item>\n            <paper-item value=\"image__circle\">Circle</paper-item>\n          </paper-listbox>\n        </paper-dropdown-menu>\n        <paper-checkbox class=\"styled\" checked=\"{{hasLightbox}}\">\n          Lightbox <span class=\"subtitle\"> Users can click to expand </span>\n        </paper-checkbox>\n        <paper-button raised=\"\" class=\"green\">Save</paper-button>\n      </app-toolbar>\n      <h2 id=\"title\">{{uploadTitle}}</h2>\n      <paper-input\n        label=\"Title\"\n        placeholder=\"Title\"\n        value=\"{{uploadTitle}}\"\n      ></paper-input>\n      <div id=\"content\"></div>\n    </paper-dialog>\n  "]);_templateObject_39e85f00555211e98f439769bd191e33=function(){return data};return data}var ElmsMediaUpload=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_39e85f00555211e98f439769bd191e33()),is:"elmsmedia-upload",listeners:{"upload-success":"_uploadSuccess"},properties:{uploadPath:{type:String,reflectToAttribute:!0,notify:!0},uploadTitle:{type:String,reflectToAttribute:!0,notify:!0},hasLightbox:{type:Boolean,reflectToAttribute:!0,notify:!0}},_uploadSuccess:function _uploadSuccess(event){var response=JSON.parse(event.detail.xhr.response);this.uploadTitle=response.data.node.title;this.$.content.innerHTML=response.data.node.nid;this.$.dialog.open()}});_exports.ElmsMediaUpload=ElmsMediaUpload});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-book/lrnapp-book-progress-dashboard.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-book/lrnapp-book-progress-dashboard.js
index 01f77eb7410..ff24b044b12 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-book/lrnapp-book-progress-dashboard.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-book/lrnapp-book-progress-dashboard.js
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-icons/iron-icons.js","../../../../@polymer/iron-icons/hardware-icons.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-styles/color.js","../../../paper-search/lib/paper-search-bar.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../../@polymer/paper-slider/paper-slider.js","../../../../@polymer/app-layout/app-layout.js","../../../../@polymer/app-layout/app-drawer/app-drawer.js","../../../../@polymer/app-layout/app-header/app-header.js","../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../@polymer/app-layout/app-scroll-effects/app-scroll-effects.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/app-route/app-route.js","../../../materializecss-styles/materializecss-styles.js","../../../lrndesign-stepper/lrndesign-stepper.js","../../../lrnsys-progress/lrnsys-progress.js","../../../elmsln-loading/elmsln-loading.js","../../../page-scroll-position/page-scroll-position.js","../../../hax-body/hax-body.js","../../../material-progress/material-progress.js","../../../lrndesign-mapmenu/lrndesign-mapmenu.js"],function(_polymerLegacy){"use strict";function _templateObject_a3bf56d054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          display: block;\n        }\n        paper-progress {\n          --paper-progress-active-color: var(--paper-blue-300, blue);\n          --paper-progress-secondary-color: var(--paper-yellow-300, yellow);\n          --paper-progress-container-color: var(--paper-green-300, green);\n          height: 1.5em;\n          display: inline-block;\n          vertical-align: text-top;\n        }\n        lrndesign-avatar {\n          display: inline-block;\n        }\n        lrnsys-progress-circle {\n          font-size: 4em;\n        }\n        .progress-icon {\n          height: 2.5em;\n          width: 2.5em;\n          padding: 0.25em;\n          display: inline-block;\n          color: white;\n          background-color: var(--paper-gray-300, gray);\n          border-radius: 50%;\n        }\n        .progress-row {\n          display: block;\n          width: 100%;\n        }\n        .progress-left,\n        .progress-right {\n          padding: 1em;\n          display: inline-block;\n          height: 10em;\n          vertical-align: text-top;\n        }\n        material-progress-histo {\n          width: 100%;\n          @apply (--paper-font-body2);\n        }\n        material-progress-bars {\n          width: 100%;\n          @apply (--paper-font-body2);\n        }\n        material-progress-bars > .bar > span {\n          text-align: end;\n          font-size: 0.9em;\n          @apply (--layout-flex);\n        }\n        .bar {\n          background-color: var(--paper-deep-orange-500);\n        }\n        .bar.run {\n          background-color: var(--paper-purple-500);\n        }\n        .bar.hello {\n          background-color: var(--paper-cyan-500);\n        }\n        .bar.world {\n          background-color: var(--paper-orange-500);\n        }\n      </style>\n    </custom-style>\n    <iron-ajax\n      id=\"dataajax\"\n      url=\"[[sourcePath]]\"\n      params=\"[[requestParams]]\"\n      handle-as=\"json\"\n      on-response=\"handleDataResponse\"\n      last-response=\"{{readTimeData}}\"\n    ></iron-ajax>\n\n    <div id=\"bodyloading\" class=\"loading\">\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      <h3 class=\"loading-text\">Loading content..</h3>\n    </div>\n    <div>\n      <material-progress-bars max=\"128\" bar-height=\"22\" animated=\"\">\n        <div class=\"bar\" data-value=\"21\">\n          <iron-icon icon=\"av:video-library\"></iron-icon>\n        </div>\n        <div class=\"bar run\" data-value=\"13\">\n          <iron-icon icon=\"maps:directions-run\"></iron-icon>\n        </div>\n        <div class=\"bar hello\" data-value=\"50\">\n          <iron-icon icon=\"maps:directions-bike\"></iron-icon>\n          <span>Hello</span>\n        </div>\n        <div class=\"bar world\" data-value=\"30\"><span>World</span></div>\n      </material-progress-bars>\n      <material-progress-histo bar-height=\"22\" animated=\"\">\n        <div class=\"bar\" data-value=\"21\">\n          <iron-icon icon=\"maps:directions-walk\"></iron-icon>\n        </div>\n        <div class=\"bar run\" data-value=\"13\">\n          <iron-icon icon=\"maps:directions-run\"></iron-icon>\n        </div>\n        <div class=\"bar hello\" data-value=\"50\">\n          <iron-icon icon=\"maps:directions-bike\"></iron-icon>\n          <span>Hello</span>\n        </div>\n        <div class=\"bar world\" data-value=\"30\"><span>World</span></div>\n      </material-progress-histo>\n      <template is=\"dom-repeat\" items=\"[[dashboardItems]]\" as=\"item\">\n        <div class=\"progress-row\">\n          <div class=\"progress-left\">\n            <lrnsys-progress-circle\n              status=\"disabled\"\n              class=\"flex\"\n              icon=\"[[item.meta.icon]]\"\n            ></lrnsys-progress-circle>\n          </div>\n          <div class=\"progress-right\">\n            <h3 class=\"progress-item-title\">[[item.attributes.title]]</h3>\n            <div class=\"description-content\">\n              <div>\n                <lrn-icon icon=\"network\" class=\"progress-icon\"></lrn-icon>\n                <paper-progress\n                  value=\"70\"\n                  secondary-progress=\"80\"\n                ></paper-progress>\n              </div>\n              <div>\n                <lrndesign-avatar\n                  src=\"[[userData.user.avatar]]\"\n                  label=\"[[userData.user.display_name]]\"\n                ></lrndesign-avatar>\n                <paper-progress\n                  value=\"70\"\n                  secondary-progress=\"80\"\n                ></paper-progress>\n              </div>\n            </div>\n          </div>\n        </div>\n      </template>\n    </div>\n  "]);_templateObject_a3bf56d054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a3bf56d054f411e9aeb367f92c5b63ab()),is:"lrnapp-book-progress-dashboard",properties:{routeData:{type:Object,observer:"_routeDataChanged"},requestParams:{type:Object,value:{node:null}},sourcePath:{type:String},readTimeData:{type:Object,value:[]},userData:{type:Object,value:[]},showProgress:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_showProgressChanged"}},_routeDataChanged:function _routeDataChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this.requestParams[newValue.type]=newValue.id;if(this.progressChanged){this.$.dataajax.generateRequest()}}},_showProgressChanged:function _showProgressChanged(newValue){if(newValue&&babelHelpers.typeof(this.routeData)!=="undefined"){this.$.dataajax.generateRequest()}},handleDataResponse:function handleDataResponse(obj){var response=obj.detail.response.data;this.$.bodyloading.hidden=!0;this.userData=response.userdata;this.dashboardItems=this._toArray(response.items)},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-icons/iron-icons.js","../../../../@polymer/iron-icons/hardware-icons.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-styles/color.js","../../../paper-search/lib/paper-search-bar.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../../@polymer/paper-slider/paper-slider.js","../../../../@polymer/app-layout/app-layout.js","../../../../@polymer/app-layout/app-drawer/app-drawer.js","../../../../@polymer/app-layout/app-header/app-header.js","../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../@polymer/app-layout/app-scroll-effects/app-scroll-effects.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/app-route/app-route.js","../../../materializecss-styles/materializecss-styles.js","../../../lrndesign-stepper/lrndesign-stepper.js","../../../lrnsys-progress/lrnsys-progress.js","../../../elmsln-loading/elmsln-loading.js","../../../page-scroll-position/page-scroll-position.js","../../../hax-body/hax-body.js","../../../material-progress/material-progress.js","../../../lrndesign-mapmenu/lrndesign-mapmenu.js"],function(_polymerLegacy){"use strict";function _templateObject_3a1d9fd0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          display: block;\n        }\n        paper-progress {\n          --paper-progress-active-color: var(--paper-blue-300, blue);\n          --paper-progress-secondary-color: var(--paper-yellow-300, yellow);\n          --paper-progress-container-color: var(--paper-green-300, green);\n          height: 1.5em;\n          display: inline-block;\n          vertical-align: text-top;\n        }\n        lrndesign-avatar {\n          display: inline-block;\n        }\n        lrnsys-progress-circle {\n          font-size: 4em;\n        }\n        .progress-icon {\n          height: 2.5em;\n          width: 2.5em;\n          padding: 0.25em;\n          display: inline-block;\n          color: white;\n          background-color: var(--paper-gray-300, gray);\n          border-radius: 50%;\n        }\n        .progress-row {\n          display: block;\n          width: 100%;\n        }\n        .progress-left,\n        .progress-right {\n          padding: 1em;\n          display: inline-block;\n          height: 10em;\n          vertical-align: text-top;\n        }\n        material-progress-histo {\n          width: 100%;\n          @apply (--paper-font-body2);\n        }\n        material-progress-bars {\n          width: 100%;\n          @apply (--paper-font-body2);\n        }\n        material-progress-bars > .bar > span {\n          text-align: end;\n          font-size: 0.9em;\n          @apply (--layout-flex);\n        }\n        .bar {\n          background-color: var(--paper-deep-orange-500);\n        }\n        .bar.run {\n          background-color: var(--paper-purple-500);\n        }\n        .bar.hello {\n          background-color: var(--paper-cyan-500);\n        }\n        .bar.world {\n          background-color: var(--paper-orange-500);\n        }\n      </style>\n    </custom-style>\n    <iron-ajax\n      id=\"dataajax\"\n      url=\"[[sourcePath]]\"\n      params=\"[[requestParams]]\"\n      handle-as=\"json\"\n      on-response=\"handleDataResponse\"\n      last-response=\"{{readTimeData}}\"\n    ></iron-ajax>\n\n    <div id=\"bodyloading\" class=\"loading\">\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      <h3 class=\"loading-text\">Loading content..</h3>\n    </div>\n    <div>\n      <material-progress-bars max=\"128\" bar-height=\"22\" animated=\"\">\n        <div class=\"bar\" data-value=\"21\">\n          <iron-icon icon=\"av:video-library\"></iron-icon>\n        </div>\n        <div class=\"bar run\" data-value=\"13\">\n          <iron-icon icon=\"maps:directions-run\"></iron-icon>\n        </div>\n        <div class=\"bar hello\" data-value=\"50\">\n          <iron-icon icon=\"maps:directions-bike\"></iron-icon>\n          <span>Hello</span>\n        </div>\n        <div class=\"bar world\" data-value=\"30\"><span>World</span></div>\n      </material-progress-bars>\n      <material-progress-histo bar-height=\"22\" animated=\"\">\n        <div class=\"bar\" data-value=\"21\">\n          <iron-icon icon=\"maps:directions-walk\"></iron-icon>\n        </div>\n        <div class=\"bar run\" data-value=\"13\">\n          <iron-icon icon=\"maps:directions-run\"></iron-icon>\n        </div>\n        <div class=\"bar hello\" data-value=\"50\">\n          <iron-icon icon=\"maps:directions-bike\"></iron-icon>\n          <span>Hello</span>\n        </div>\n        <div class=\"bar world\" data-value=\"30\"><span>World</span></div>\n      </material-progress-histo>\n      <template is=\"dom-repeat\" items=\"[[dashboardItems]]\" as=\"item\">\n        <div class=\"progress-row\">\n          <div class=\"progress-left\">\n            <lrnsys-progress-circle\n              status=\"disabled\"\n              class=\"flex\"\n              icon=\"[[item.meta.icon]]\"\n            ></lrnsys-progress-circle>\n          </div>\n          <div class=\"progress-right\">\n            <h3 class=\"progress-item-title\">[[item.attributes.title]]</h3>\n            <div class=\"description-content\">\n              <div>\n                <lrn-icon icon=\"network\" class=\"progress-icon\"></lrn-icon>\n                <paper-progress\n                  value=\"70\"\n                  secondary-progress=\"80\"\n                ></paper-progress>\n              </div>\n              <div>\n                <lrndesign-avatar\n                  src=\"[[userData.user.avatar]]\"\n                  label=\"[[userData.user.display_name]]\"\n                ></lrndesign-avatar>\n                <paper-progress\n                  value=\"70\"\n                  secondary-progress=\"80\"\n                ></paper-progress>\n              </div>\n            </div>\n          </div>\n        </div>\n      </template>\n    </div>\n  "]);_templateObject_3a1d9fd0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3a1d9fd0555211e98f439769bd191e33()),is:"lrnapp-book-progress-dashboard",properties:{routeData:{type:Object,observer:"_routeDataChanged"},requestParams:{type:Object,value:{node:null}},sourcePath:{type:String},readTimeData:{type:Object,value:[]},userData:{type:Object,value:[]},showProgress:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_showProgressChanged"}},_routeDataChanged:function _routeDataChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this.requestParams[newValue.type]=newValue.id;if(this.progressChanged){this.$.dataajax.generateRequest()}}},_showProgressChanged:function _showProgressChanged(newValue){if(newValue&&babelHelpers.typeof(this.routeData)!=="undefined"){this.$.dataajax.generateRequest()}},handleDataResponse:function handleDataResponse(obj){var response=obj.detail.response.data;this.$.bodyloading.hidden=!0;this.userData=response.userdata;this.dashboardItems=this._toArray(response.items)},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-book/lrnapp-book.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-book/lrnapp-book.js
index 5d4477312a7..c5e9c9497ff 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-book/lrnapp-book.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-book/lrnapp-book.js
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/iron-icons/iron-icons.js","../../../../@polymer/iron-icons/hardware-icons.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-styles/color.js","../../../paper-search/lib/paper-search-bar.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../../@polymer/paper-slider/paper-slider.js","../../../simple-toast/simple-toast.js","../../../../@polymer/app-layout/app-layout.js","../../../../@polymer/app-layout/app-drawer/app-drawer.js","../../../../@polymer/app-layout/app-header/app-header.js","../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../@polymer/app-layout/app-scroll-effects/app-scroll-effects.js","../../../materializecss-styles/materializecss-styles.js","../../../lrndesign-stepper/lrndesign-stepper.js","../../../lrnsys-progress/lrnsys-progress.js","../../../elmsln-loading/elmsln-loading.js","../../../page-scroll-position/page-scroll-position.js","../../../material-progress/material-progress.js","../../../map-menu/map-menu.js","./lrnapp-book-progress-dashboard.js"],function(_polymerLegacy){"use strict";function _templateObject_a3ec5a4054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          display: block;\n          font-size: 16px;\n          box-sizing: content-box;\n        }\n        #toolbar {\n          color: gray;\n          background-color: white;\n          padding: 0 8px;\n          margin: 0;\n          height: auto;\n          box-sizing: content-box;\n          transition: all 0.4s ease;\n        }\n        paper-button {\n          padding: 0;\n          margin: 0;\n          min-width: 16px;\n        }\n        app-drawer {\n          padding: 0;\n          top: 0;\n          bottom: 0;\n          z-index: 1;\n          position: absolute;\n          box-sizing: content-box;\n          --app-drawer-content-container: {\n            background-color: #fafafa;\n            padding: 0;\n            border-right: 1px solid #c8c8c8;\n            overflow-y: scroll;\n            width: 300px !important;\n            box-shadow: 0 76px 8px 0 rgba(0, 0, 0, 0.4);\n            height: 100vh;\n            top: 0;\n            position: sticky;\n          }\n        }\n        lrndesign-stepper-button {\n          --lrndesign-stepper-btn-active: #f6f7f7;\n        }\n        lrndesign-stepper-button ::slotted(paper-button) {\n          margin: 0;\n          height: 48px;\n        }\n        lrndesign-stepper-button ::slotted(.title-container) {\n          padding: 0;\n          width: 100%;\n          right: unset;\n        }\n        lrndesign-stepper-button ::slotted(.node-title) {\n          font-size: 15px;\n          line-height: 24px;\n        }\n\n        .loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.9;\n          text-align: center;\n          align-content: space-around;\n          justify-content: center;\n          position: absolute;\n          background-color: white;\n          padding: 0;\n          margin: 0;\n          display: flex;\n          margin: 0 auto;\n          visibility: visible;\n          transition: visibility 1s, opacity 1s ease;\n        }\n        .loading elmsln-loading {\n          margin: 0 5em;\n          display: inline-flex;\n        }\n        #bodyloading {\n          height: 100%;\n          display: flex;\n          justify-content: center;\n        }\n        #bodyloading .loading,\n        #bodyloading elmsln-loading {\n          display: block;\n          height: 5em;\n        }\n        .outline-title {\n          margin-left: 0.5em;\n          max-width: 50%;\n        }\n        .content-nav-buttons {\n          top: 60%;\n          position: fixed;\n          opacity: 0.8;\n          padding: 0 0.25em;\n          height: 40%;\n          padding-top: 15%;\n          margin-top: -15%;\n        }\n        .content-nav-buttons:hover {\n          opacity: 1;\n        }\n        .prev {\n          left: 0;\n          order: 1;\n        }\n        .next {\n          right: 0;\n          transition: right 0.2s ease;\n          order: 2;\n        }\n        app-header {\n          width: 100%;\n          left: 0 !important;\n          z-index: 2 !important;\n          position: sticky !important;\n        }\n        app-header-layout {\n          margin: 0;\n          padding: 0;\n          width: 100%;\n        }\n        .content-body {\n          position: relative;\n          padding: 0;\n          margin: -3em 4em 5em 4em;\n          font-size: 1.1em;\n          transition: margin 0.4s ease, width 0.4s ease;\n        }\n\n        .content-nav-buttons paper-icon-button {\n          width: 4em;\n          height: 4em;\n          opacity: 0.4;\n          display: block;\n          visibility: visible;\n          transition: opacity 0.4s linear, visibility 1s linear,\n            height 0.4s ease, width 0.4s ease;\n        }\n        .content-nav-buttons paper-icon-button:hover {\n          opacity: 1;\n        }\n        paper-tooltip {\n          --paper-tooltip-opacity: 0.96;\n        }\n        :host([drawer-opened]) .content-nav-buttons paper-icon-button {\n          width: 2.5em;\n          height: 2.5em;\n        }\n        :host([edit-mode]) .content-nav-buttons {\n          opacity: 0;\n          pointer-events: none;\n          visibility: hidden;\n        }\n        .content-title {\n          font-size: 1.4em;\n          margin: 0;\n          padding: 0.25em 0;\n          background-color: white;\n          top: 70px;\n          position: sticky;\n        }\n        .content-current {\n          min-height: 100vh;\n        }\n        .content-next {\n          background-color: grey;\n          opacity: 0.8;\n        }\n        #header {\n          position: sticky;\n          top: 0;\n          left: 0;\n          width: 100%;\n          color: black;\n          background-color: white;\n          z-index: 2;\n          padding: 0;\n          margin: 0;\n          opacity: 1;\n          box-sizing: content-box;\n          transition: all 0.4s ease;\n        }\n        app-drawer-layout {\n          font-family: sans-serif;\n        }\n        :host {\n          --app-drawer-width: 300px;\n        }\n        :host([full-width]) {\n          --app-drawer-width: 0px;\n        }\n        :host([drawer-opened]) .prev,\n        :host([edit-mode]) .prev {\n          left: 19em;\n        }\n        .progress-container {\n          width: 90%;\n          padding: 0;\n          margin: 0 0 0 1em;\n          overflow: visible;\n        }\n\n        [main-title] {\n          font-weight: lighter;\n          padding: 0.6em 0 0 0;\n          margin: 0;\n          height: 3em;\n          overflow-y: scroll;\n        }\n        [hidden] {\n          visibility: hidden !important;\n          opacity: 0 !important;\n          display: block !important;\n        }\n        paper-search-bar[hidden] {\n          display: none !important;\n        }\n        lrnsys-progress {\n          margin-top: 0.5em;\n          padding: 0.2em 0 0 0;\n          box-sizing: content-box;\n        }\n        lrnsys-progress lrnsys-progress-circle {\n          list-style-type: none;\n          box-sizing: content-box;\n        }\n\n        #bookdrawercontent {\n          overflow: scroll;\n          visibility: visible;\n          display: block;\n          opacity: 1;\n          transition: visibility 1s linear, opacity 1s linear;\n        }\n        @media (max-width: 1200px) {\n          :host .content-body {\n            font-size: 0.94em;\n          }\n        }\n        @media (max-width: 960px) {\n          :host .content-body {\n            font-size: 0.92em;\n          }\n        }\n        @media (max-width: 820px) {\n          :host .content-body {\n            font-size: 0.9em;\n          }\n        }\n        @media (max-width: 700px) {\n          :host .content-body {\n            font-size: 0.9em;\n          }\n        }\n        @media (max-width: 639px) {\n          app-drawer-layout {\n            top: 0;\n          }\n          [main-title] {\n            font-size: 0.8em;\n          }\n          .content-title {\n            font-size: 1.1em;\n          }\n          .outline-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          :host .content-body {\n            margin: 0 0.5em;\n            font-size: 0.9em;\n            width: 85%;\n          }\n          .content-nav-buttons {\n            position: relative;\n            display: flex;\n            top: unset;\n            padding: 0;\n            opacity: 0.8;\n            height: unset;\n            margin: 0;\n          }\n          .content-nav {\n            width: 100%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            vertical-align: middle;\n          }\n          .next {\n            right: unset;\n          }\n        }\n        @media (max-width: 500px) {\n          [main-title] {\n            font-size: 0.7em;\n          }\n        }\n\n        :host([edit-mode]) #header {\n          background-color: var(--paper-grey-500);\n        }\n        :host([edit-mode]) #toolbar {\n          opacity: 0.5;\n        }\n        .your-progress-button {\n          padding-right: 1em;\n        }\n        #mapmenu {\n          padding: 1em 0;\n          overflow-x: hidden;\n        }\n        .course-title-drawer {\n          font-size: 1.2em;\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    </custom-style>\n    <page-scroll-position value=\"{{scrollPosition}}\"></page-scroll-position>\n    <div id=\"anchor\"></div>\n    <!-- body where most of the heavy lifting happens -->\n    <app-drawer-layout>\n      <!-- LRNApp book we expect to navigate -->\n      <app-drawer\n        slot=\"drawer\"\n        id=\"bookdrawer\"\n        opened=\"{{drawerOpened}}\"\n        swipe-open=\"\"\n        transition-duration=\"300\"\n      >\n        <div\n          id=\"bookdrawercontent\"\n          style=\"height: 100%; overflow: auto;\"\n          hidden$=\"[[!bookItems]]\"\n        >\n          <paper-search-bar\n            hide-filter-button=\"\"\n            hidden$=\"[[!showSearch]]\"\n          ></paper-search-bar>\n          <map-menu id=\"mapmenu\" manifest=\"[[_routerManifest]]\">\n            <!-- Server response will populate this -->\n          </map-menu>\n        </div>\n      </app-drawer>\n      <app-header-layout>\n        <app-header slot=\"header\" id=\"header\" shadow=\"\" fixed=\"\">\n          <div id=\"outlineloading\" class=\"loading\">\n            <elmsln-loading color=\"grey-text\" size=\"medium\"></elmsln-loading>\n            <elmsln-loading color=\"grey-text\" size=\"medium\"></elmsln-loading>\n            <elmsln-loading color=\"grey-text\" size=\"medium\"></elmsln-loading>\n          </div>\n          <app-toolbar id=\"toolbar\" sticky=\"\" class=\"tall\">\n            <div style=\"pointer-events: auto;\" class=\"menu-btn-wrap\">\n              <paper-icon-button\n                style=\"pointer-events: auto;\"\n                title=\"Content outline\"\n                id=\"menubutton\"\n                icon=\"menu\"\n                on-tap=\"toggleBook\"\n              ></paper-icon-button>\n            </div>\n            <div spacer=\"\" class=\"outline-title\">[[outlineTitle]]</div>\n            <div spacer=\"\" main-title=\"\" style=\"pointer-events: auto;\">\n              <div class=\"progress-container\">\n                <lrnsys-progress\n                  sound-finish=\"[[soundFinish]]\"\n                  sound=\"[[sound]]\"\n                  complete-sound=\"[[completeSound]]\"\n                  finished-sound=\"[[finishedSound]]\"\n                  title=\"The steps to complete this lesson\"\n                  id=\"progress\"\n                  active=\"{{activePage}}\"\n                  manifest=\"{{manifest}}\"\n                  progressive-unlock=\"\"\n                  size=\"small\"\n                ></lrnsys-progress>\n              </div>\n            </div>\n            <!--\n              <div class=\"your-progress-button\">\n                <lrnsys-dialog body-append modal on-tap=\"progressdashboardopen\" header=\"Your progress\" alt=\"Your progress\">\n                  <span slot=\"button\"><iron-icon icon=\"av:equalizer\"></iron-icon></span>\n                  <div>\n                    <lrnapp-book-progress-dashboard id=\"progressdashboard\" source-path=\"[[progressDashboardPath]]\" route-data=\"[[data]]\"></lrnapp-book-progress-dashboard>\n                  </div>\n                </lrnsys-dialog>\n              </div>\n            -->\n          </app-toolbar>\n        </app-header>\n        <div class=\"content-body\">\n          <div id=\"current\" class=\"content-current\">\n            <h2 id=\"currenttitle\" class=\"content-title\">[[currentTitle]]</h2>\n            <div id=\"bodyloading\" class=\"loading\">\n              <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n              <h3 class=\"loading-text\">Loading content..</h3>\n            </div>\n            <div id=\"contentcontainer\">\n              <div id=\"slot\"><slot></slot></div>\n            </div>\n          </div>\n        </div>\n        <div class=\"content-nav\">\n          <div class=\"content-nav-buttons next\">\n            <paper-icon-button\n              id=\"next\"\n              title=\"[[nextLabel]]\"\n              on-tap=\"_nextBtn\"\n              icon=\"hardware:keyboard-arrow-right\"\n              data-voicecommand=\"next page\"\n              hidden$=\"[[!hasNextPage]]\"\n            ></paper-icon-button>\n            <paper-tooltip\n              for=\"next\"\n              position=\"left\"\n              offset=\"0\"\n              animation-delay=\"100\"\n            >\n              [[nextLabel]]\n            </paper-tooltip>\n          </div>\n          <div class=\"content-nav-buttons prev\">\n            <paper-icon-button\n              id=\"prev\"\n              title=\"[[prevLabel]]\"\n              on-tap=\"_prevBtn\"\n              icon=\"hardware:keyboard-arrow-left\"\n              data-voicecommand=\"previous page\"\n              hidden$=\"[[!hasPrevPage]]\"\n            ></paper-icon-button>\n            <paper-tooltip\n              for=\"prev\"\n              position=\"right\"\n              offset=\"0\"\n              animation-delay=\"100\"\n            >\n              [[prevLabel]]\n            </paper-tooltip>\n          </div>\n        </div>\n      </app-header-layout>\n    </app-drawer-layout>\n  "],["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          display: block;\n          font-size: 16px;\n          box-sizing: content-box;\n        }\n        #toolbar {\n          color: gray;\n          background-color: white;\n          padding: 0 8px;\n          margin: 0;\n          height: auto;\n          box-sizing: content-box;\n          transition: all 0.4s ease;\n        }\n        paper-button {\n          padding: 0;\n          margin: 0;\n          min-width: 16px;\n        }\n        app-drawer {\n          padding: 0;\n          top: 0;\n          bottom: 0;\n          z-index: 1;\n          position: absolute;\n          box-sizing: content-box;\n          --app-drawer-content-container: {\n            background-color: #fafafa;\n            padding: 0;\n            border-right: 1px solid #c8c8c8;\n            overflow-y: scroll;\n            width: 300px !important;\n            box-shadow: 0 76px 8px 0 rgba(0, 0, 0, 0.4);\n            height: 100vh;\n            top: 0;\n            position: sticky;\n          }\n        }\n        lrndesign-stepper-button {\n          --lrndesign-stepper-btn-active: #f6f7f7;\n        }\n        lrndesign-stepper-button ::slotted(paper-button) {\n          margin: 0;\n          height: 48px;\n        }\n        lrndesign-stepper-button ::slotted(.title-container) {\n          padding: 0;\n          width: 100%;\n          right: unset;\n        }\n        lrndesign-stepper-button ::slotted(.node-title) {\n          font-size: 15px;\n          line-height: 24px;\n        }\n\n        .loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.9;\n          text-align: center;\n          align-content: space-around;\n          justify-content: center;\n          position: absolute;\n          background-color: white;\n          padding: 0;\n          margin: 0;\n          display: flex;\n          margin: 0 auto;\n          visibility: visible;\n          transition: visibility 1s, opacity 1s ease;\n        }\n        .loading elmsln-loading {\n          margin: 0 5em;\n          display: inline-flex;\n        }\n        #bodyloading {\n          height: 100%;\n          display: flex;\n          justify-content: center;\n        }\n        #bodyloading .loading,\n        #bodyloading elmsln-loading {\n          display: block;\n          height: 5em;\n        }\n        .outline-title {\n          margin-left: 0.5em;\n          max-width: 50%;\n        }\n        .content-nav-buttons {\n          top: 60%;\n          position: fixed;\n          opacity: 0.8;\n          padding: 0 0.25em;\n          height: 40%;\n          padding-top: 15%;\n          margin-top: -15%;\n        }\n        .content-nav-buttons:hover {\n          opacity: 1;\n        }\n        .prev {\n          left: 0;\n          order: 1;\n        }\n        .next {\n          right: 0;\n          transition: right 0.2s ease;\n          order: 2;\n        }\n        app-header {\n          width: 100%;\n          left: 0 !important;\n          z-index: 2 !important;\n          position: sticky !important;\n        }\n        app-header-layout {\n          margin: 0;\n          padding: 0;\n          width: 100%;\n        }\n        .content-body {\n          position: relative;\n          padding: 0;\n          margin: -3em 4em 5em 4em;\n          font-size: 1.1em;\n          transition: margin 0.4s ease, width 0.4s ease;\n        }\n\n        .content-nav-buttons paper-icon-button {\n          width: 4em;\n          height: 4em;\n          opacity: 0.4;\n          display: block;\n          visibility: visible;\n          transition: opacity 0.4s linear, visibility 1s linear,\n            height 0.4s ease, width 0.4s ease;\n        }\n        .content-nav-buttons paper-icon-button:hover {\n          opacity: 1;\n        }\n        paper-tooltip {\n          --paper-tooltip-opacity: 0.96;\n        }\n        :host([drawer-opened]) .content-nav-buttons paper-icon-button {\n          width: 2.5em;\n          height: 2.5em;\n        }\n        :host([edit-mode]) .content-nav-buttons {\n          opacity: 0;\n          pointer-events: none;\n          visibility: hidden;\n        }\n        .content-title {\n          font-size: 1.4em;\n          margin: 0;\n          padding: 0.25em 0;\n          background-color: white;\n          top: 70px;\n          position: sticky;\n        }\n        .content-current {\n          min-height: 100vh;\n        }\n        .content-next {\n          background-color: grey;\n          opacity: 0.8;\n        }\n        #header {\n          position: sticky;\n          top: 0;\n          left: 0;\n          width: 100%;\n          color: black;\n          background-color: white;\n          z-index: 2;\n          padding: 0;\n          margin: 0;\n          opacity: 1;\n          box-sizing: content-box;\n          transition: all 0.4s ease;\n        }\n        app-drawer-layout {\n          font-family: sans-serif;\n        }\n        :host {\n          --app-drawer-width: 300px;\n        }\n        :host([full-width]) {\n          --app-drawer-width: 0px;\n        }\n        :host([drawer-opened]) .prev,\n        :host([edit-mode]) .prev {\n          left: 19em;\n        }\n        .progress-container {\n          width: 90%;\n          padding: 0;\n          margin: 0 0 0 1em;\n          overflow: visible;\n        }\n\n        [main-title] {\n          font-weight: lighter;\n          padding: 0.6em 0 0 0;\n          margin: 0;\n          height: 3em;\n          overflow-y: scroll;\n        }\n        [hidden] {\n          visibility: hidden !important;\n          opacity: 0 !important;\n          display: block !important;\n        }\n        paper-search-bar[hidden] {\n          display: none !important;\n        }\n        lrnsys-progress {\n          margin-top: 0.5em;\n          padding: 0.2em 0 0 0;\n          box-sizing: content-box;\n        }\n        lrnsys-progress lrnsys-progress-circle {\n          list-style-type: none;\n          box-sizing: content-box;\n        }\n\n        #bookdrawercontent {\n          overflow: scroll;\n          visibility: visible;\n          display: block;\n          opacity: 1;\n          transition: visibility 1s linear, opacity 1s linear;\n        }\n        @media (max-width: 1200px) {\n          :host .content-body {\n            font-size: 0.94em;\n          }\n        }\n        @media (max-width: 960px) {\n          :host .content-body {\n            font-size: 0.92em;\n          }\n        }\n        @media (max-width: 820px) {\n          :host .content-body {\n            font-size: 0.9em;\n          }\n        }\n        @media (max-width: 700px) {\n          :host .content-body {\n            font-size: 0.9em;\n          }\n        }\n        @media (max-width: 639px) {\n          app-drawer-layout {\n            top: 0;\n          }\n          [main-title] {\n            font-size: 0.8em;\n          }\n          .content-title {\n            font-size: 1.1em;\n          }\n          .outline-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          :host .content-body {\n            margin: 0 0.5em;\n            font-size: 0.9em;\n            width: 85%;\n          }\n          .content-nav-buttons {\n            position: relative;\n            display: flex;\n            top: unset;\n            padding: 0;\n            opacity: 0.8;\n            height: unset;\n            margin: 0;\n          }\n          .content-nav {\n            width: 100%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            vertical-align: middle;\n          }\n          .next {\n            right: unset;\n          }\n        }\n        @media (max-width: 500px) {\n          [main-title] {\n            font-size: 0.7em;\n          }\n        }\n\n        :host([edit-mode]) #header {\n          background-color: var(--paper-grey-500);\n        }\n        :host([edit-mode]) #toolbar {\n          opacity: 0.5;\n        }\n        .your-progress-button {\n          padding-right: 1em;\n        }\n        #mapmenu {\n          padding: 1em 0;\n          overflow-x: hidden;\n        }\n        .course-title-drawer {\n          font-size: 1.2em;\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    </custom-style>\n    <page-scroll-position value=\"{{scrollPosition}}\"></page-scroll-position>\n    <div id=\"anchor\"></div>\n    <!-- body where most of the heavy lifting happens -->\n    <app-drawer-layout>\n      <!-- LRNApp book we expect to navigate -->\n      <app-drawer\n        slot=\"drawer\"\n        id=\"bookdrawer\"\n        opened=\"{{drawerOpened}}\"\n        swipe-open=\"\"\n        transition-duration=\"300\"\n      >\n        <div\n          id=\"bookdrawercontent\"\n          style=\"height: 100%; overflow: auto;\"\n          hidden\\$=\"[[!bookItems]]\"\n        >\n          <paper-search-bar\n            hide-filter-button=\"\"\n            hidden\\$=\"[[!showSearch]]\"\n          ></paper-search-bar>\n          <map-menu id=\"mapmenu\" manifest=\"[[_routerManifest]]\">\n            <!-- Server response will populate this -->\n          </map-menu>\n        </div>\n      </app-drawer>\n      <app-header-layout>\n        <app-header slot=\"header\" id=\"header\" shadow=\"\" fixed=\"\">\n          <div id=\"outlineloading\" class=\"loading\">\n            <elmsln-loading color=\"grey-text\" size=\"medium\"></elmsln-loading>\n            <elmsln-loading color=\"grey-text\" size=\"medium\"></elmsln-loading>\n            <elmsln-loading color=\"grey-text\" size=\"medium\"></elmsln-loading>\n          </div>\n          <app-toolbar id=\"toolbar\" sticky=\"\" class=\"tall\">\n            <div style=\"pointer-events: auto;\" class=\"menu-btn-wrap\">\n              <paper-icon-button\n                style=\"pointer-events: auto;\"\n                title=\"Content outline\"\n                id=\"menubutton\"\n                icon=\"menu\"\n                on-tap=\"toggleBook\"\n              ></paper-icon-button>\n            </div>\n            <div spacer=\"\" class=\"outline-title\">[[outlineTitle]]</div>\n            <div spacer=\"\" main-title=\"\" style=\"pointer-events: auto;\">\n              <div class=\"progress-container\">\n                <lrnsys-progress\n                  sound-finish=\"[[soundFinish]]\"\n                  sound=\"[[sound]]\"\n                  complete-sound=\"[[completeSound]]\"\n                  finished-sound=\"[[finishedSound]]\"\n                  title=\"The steps to complete this lesson\"\n                  id=\"progress\"\n                  active=\"{{activePage}}\"\n                  manifest=\"{{manifest}}\"\n                  progressive-unlock=\"\"\n                  size=\"small\"\n                ></lrnsys-progress>\n              </div>\n            </div>\n            <!--\n              <div class=\"your-progress-button\">\n                <lrnsys-dialog body-append modal on-tap=\"progressdashboardopen\" header=\"Your progress\" alt=\"Your progress\">\n                  <span slot=\"button\"><iron-icon icon=\"av:equalizer\"></iron-icon></span>\n                  <div>\n                    <lrnapp-book-progress-dashboard id=\"progressdashboard\" source-path=\"[[progressDashboardPath]]\" route-data=\"[[data]]\"></lrnapp-book-progress-dashboard>\n                  </div>\n                </lrnsys-dialog>\n              </div>\n            -->\n          </app-toolbar>\n        </app-header>\n        <div class=\"content-body\">\n          <div id=\"current\" class=\"content-current\">\n            <h2 id=\"currenttitle\" class=\"content-title\">[[currentTitle]]</h2>\n            <div id=\"bodyloading\" class=\"loading\">\n              <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n              <h3 class=\"loading-text\">Loading content..</h3>\n            </div>\n            <div id=\"contentcontainer\">\n              <div id=\"slot\"><slot></slot></div>\n            </div>\n          </div>\n        </div>\n        <div class=\"content-nav\">\n          <div class=\"content-nav-buttons next\">\n            <paper-icon-button\n              id=\"next\"\n              title=\"[[nextLabel]]\"\n              on-tap=\"_nextBtn\"\n              icon=\"hardware:keyboard-arrow-right\"\n              data-voicecommand=\"next page\"\n              hidden\\$=\"[[!hasNextPage]]\"\n            ></paper-icon-button>\n            <paper-tooltip\n              for=\"next\"\n              position=\"left\"\n              offset=\"0\"\n              animation-delay=\"100\"\n            >\n              [[nextLabel]]\n            </paper-tooltip>\n          </div>\n          <div class=\"content-nav-buttons prev\">\n            <paper-icon-button\n              id=\"prev\"\n              title=\"[[prevLabel]]\"\n              on-tap=\"_prevBtn\"\n              icon=\"hardware:keyboard-arrow-left\"\n              data-voicecommand=\"previous page\"\n              hidden\\$=\"[[!hasPrevPage]]\"\n            ></paper-icon-button>\n            <paper-tooltip\n              for=\"prev\"\n              position=\"right\"\n              offset=\"0\"\n              animation-delay=\"100\"\n            >\n              [[prevLabel]]\n            </paper-tooltip>\n          </div>\n        </div>\n      </app-header-layout>\n    </app-drawer-layout>\n  "]);_templateObject_a3ec5a4054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a3ec5a4054f411e9aeb367f92c5b63ab()),is:"lrnapp-book",behaviors:[HAXCMSBehaviors.Theme],properties:{progressDashboardPath:{type:String},showSearch:{type:Boolean,reflectToAttribute:!0,value:!1},sourcePath:{type:String},editMode:{type:Boolean,reflectToAttribute:!0,value:!1,notify:!0,observer:"_editModeChanged"},drawerOpened:{type:Boolean,value:!0,reflectToAttribute:!0},currentTitle:{type:String},outlineTitle:{type:String},bookTitle:{type:String,value:"Course outline"},soundFinish:{type:Boolean,value:!0},sound:{type:Boolean,value:!0},completeSound:{type:String,value:""},finishedSound:{type:String,value:""},scrollPosition:{type:Number,value:0,observer:"_scrollChanged"},activePage:{type:Number,value:0,observer:"_activePageChanged"},activeOutline:{type:Number,value:0,observer:"_activeOutlineChanged"},outlineItems:{type:Array,value:[],notify:!0,observer:"_outlineItemsChanged"},bookItems:{type:Array,notify:!0},itemResponses:{type:Array,value:[]},requestParams:{type:Object,notify:!0,value:{node:null}},pageParams:{type:Object,notify:!0,value:{load:!1}},outlineData:{type:Object,notify:!0},bookData:{type:Object,notify:!0},pageData:{type:Object,notify:!0},outlinePath:{type:String},bookPath:{type:String},pagePath:{type:String},hasPrevPage:{type:Boolean,notify:!0},prevLabel:{type:String},hasNextPage:{type:Boolean,notify:!0},nextLabel:{type:String},resetScroll:{type:Boolean,value:!1},currentPageData:{type:Object,value:{},observer:"_currentPageDataUpdated"},manifest:{type:Object,value:{},observer:"_manifestChanged"},rebuildOutline:{type:Boolean,value:!1},fullWidth:{type:Boolean,reflectToAttribute:!0,value:!1,observer:"_fullWidthChanged"},_routerManifest:{type:Object,value:{}}},ready:function ready(){var _this=this;this.setupHAXTheme(!0,this.$.contentcontainer);window.dispatchEvent(new CustomEvent("haxcms-router-manifest-subscribe",{detail:{callback:"_haxcmsRouterManifestSubscribeHandler",scope:this,setup:!0}}));window.SimpleToast.requestAvailability();this.$.bodyloading.hidden=!0;setTimeout(function(){_this._resetScroll()},500)},attached:function attached(){this.$.progress.addEventListener("node-percent-milestone",this.testMilestone.bind(this));this.$.mapmenu.addEventListener("link-clicked",this._menuItemClicked.bind(this))},detached:function detached(){this.setupHAXTheme(!1);this.$.progress.removeEventListener("node-percent-milestone",this.testMilestone.bind(this));this.$.mapmenu.removeEventListener("link-clicked",this._menuItemClicked.bind(this))},_haxcmsRouterManifestSubscribeHandler:function _haxcmsRouterManifestSubscribeHandler(e){this._routerManifest={};this._routerManifest=e.detail},_menuItemClicked:function _menuItemClicked(e){var i=this.manifest.items.findIndex(function(j){return j.id===e.detail.id});this.activePage=i},_fullWidthChanged:function _fullWidthChanged(){this.updateStyles()},progressdashboardopen:function progressdashboardopen(){this.$.progressdashboard.showProgress=!0},_computePageUpdatePath:function _computePageUpdatePath(data,sourcePath){return sourcePath.replace("%",data.id)},_editModeChanged:function _editModeChanged(newValue,oldValue){if(babelHelpers.typeof(newValue)!=="undefined"){if(!0===newValue){this.$.currenttitle.contentEditable=!0;this.resetScroll=!0;new CustomEvent("simple-toast-show",{bubbles:!0,cancelable:!0,detail:{text:"Editor mode active",duration:5e3}})}else{this.$.currenttitle.contentEditable=!1;this.resetScroll=!1;if(!0===oldValue){if(this.$.currenttitle.innerHTML!==this.currentPageData.title){this.currentPageData.title=this.$.currenttitle.innerHTML}var _evt=new CustomEvent("simple-toast-show",{bubbles:!0,cancelable:!0,detail:{text:"Saved",duration:0}});this.dispatchEvent(_evt)}}}},_activeOutlineChanged:function _activeOutlineChanged(newValue,oldValue){if(babelHelpers.typeof(newValue)!=="undefined"&&babelHelpers.typeof(oldValue)!=="undefined"){this.rebuildOutline=!0}},_resetScroll:function _resetScroll(){this.resetScroll=!0;this.scrollPosition=0;this.$.anchor.scrollIntoView({block:"start",behavior:"smooth",inline:"nearest"})},_activePageChanged:function _activePageChanged(newValue,oldValue){var _this2=this;if(babelHelpers.typeof(newValue)!=="undefined"){if(babelHelpers.typeof(this.outlineItems)!=="undefined"&&0<this.outlineItems.length){this.fire("json-outline-schema-active-item-changed",this.outlineItems[newValue])}if(babelHelpers.typeof(oldValue)!=="undefined"){}setTimeout(function(){_this2.resetScroll=!1},1e3);if(0==newValue){this.hasPrevPage=!1}else{this.hasPrevPage=!0;if(babelHelpers.typeof(this.outlineItems)!=="undefined"){this.prevLabel=this.outlineItems[newValue-1].title}}if(babelHelpers.typeof(this.outlineItems)!=="undefined"&&newValue+1==this.outlineItems.length){this.hasNextPage=!1}else{this.hasNextPage=!0;if(babelHelpers.typeof(this.outlineItems)!=="undefined"){this.nextLabel=this.outlineItems[newValue+1].title}}}},_outlineItemsChanged:function _outlineItemsChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&0!=newValue.length){if(0!=this.activePage){this.prevLabel=newValue[this.activePage-1].title}if(this.activePage+1!=newValue.length){this.nextLabel=newValue[this.activePage+1].title}}},testMilestone:function testMilestone(e){if(75==e.detail.percentage){console.log("@todo preload the next page and present grayed out right of UI.")}},_scrollChanged:function _scrollChanged(newValue){if(babelHelpers.typeof(this.outlineItems)!=="undefined"&&babelHelpers.typeof(this.outlineItems[this.activePage])!=="undefined"&&newValue>this.outlineItems[this.activePage].metadata.value&&!this.resetScroll){if(75<=newValue){this.outlineItems[this.activePage].metadata.value=this.outlineItems[this.activePage].metadata.max;this.set("outlineItems."+this.activePage+".metadata.value",this.outlineItems[this.activePage].metadata.max)}else{this.outlineItems[this.activePage].metadata.value=newValue;this.set("outlineItems."+this.activePage+".metadata.value",newValue)}}},_nextBtn:function _nextBtn(){if(this.activePage<this.outlineItems.length-1){this.set("outlineItems."+this.activePage+".metadata.value",this.outlineItems[this.activePage].metadata.max);this.activePage=this.activePage+1}},_prevBtn:function _prevBtn(){if(0<this.activePage){this.activePage=this.activePage-1}},toggleBook:function toggleBook(){this.$.bookdrawer.toggle();this.fullWidth=!this.$.bookdrawer.opened},_manifestChanged:function _manifestChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){var items=newValue.items,outlineTitle=newValue.title;if(0!==this.activePage){this.activePage=0}this.set("outlineItems",[]);this.set("outlineItems",items);this.notifyPath("outlineItems.*");this.set("bookItems",[]);this.set("bookItems",items);this.notifyPath("bookItems.*");this.set("outlineTitle",outlineTitle);this.$.outlineloading.hidden=!0;this.pageParams.load=!0}},_currentPageDataUpdated:function _currentPageDataUpdated(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&babelHelpers.typeof(newValue.content)!=="undefined"){this.set("currentTitle",newValue.title);this._resetScroll();this.$.bodyloading.hidden=!0;if(this.editMode&&!newValue.page.meta.canUpdate){this.editMode=!1}}},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/iron-icons/iron-icons.js","../../../../@polymer/iron-icons/hardware-icons.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-styles/color.js","../../../paper-search/lib/paper-search-bar.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../../@polymer/paper-slider/paper-slider.js","../../../simple-toast/simple-toast.js","../../../../@polymer/app-layout/app-layout.js","../../../../@polymer/app-layout/app-drawer/app-drawer.js","../../../../@polymer/app-layout/app-header/app-header.js","../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../@polymer/app-layout/app-scroll-effects/app-scroll-effects.js","../../../materializecss-styles/materializecss-styles.js","../../../lrndesign-stepper/lrndesign-stepper.js","../../../lrnsys-progress/lrnsys-progress.js","../../../elmsln-loading/elmsln-loading.js","../../../page-scroll-position/page-scroll-position.js","../../../material-progress/material-progress.js","../../../map-menu/map-menu.js","./lrnapp-book-progress-dashboard.js"],function(_polymerLegacy){"use strict";function _templateObject_3a376960555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          display: block;\n          font-size: 16px;\n          box-sizing: content-box;\n        }\n        #toolbar {\n          color: gray;\n          background-color: white;\n          padding: 0 8px;\n          margin: 0;\n          height: auto;\n          box-sizing: content-box;\n          transition: all 0.4s ease;\n        }\n        paper-button {\n          padding: 0;\n          margin: 0;\n          min-width: 16px;\n        }\n        app-drawer {\n          padding: 0;\n          top: 0;\n          bottom: 0;\n          z-index: 1;\n          position: absolute;\n          box-sizing: content-box;\n          --app-drawer-content-container: {\n            background-color: #fafafa;\n            padding: 0;\n            border-right: 1px solid #c8c8c8;\n            overflow-y: scroll;\n            width: 300px !important;\n            box-shadow: 0 76px 8px 0 rgba(0, 0, 0, 0.4);\n            height: 100vh;\n            top: 0;\n            position: sticky;\n          }\n        }\n        lrndesign-stepper-button {\n          --lrndesign-stepper-btn-active: #f6f7f7;\n        }\n        lrndesign-stepper-button ::slotted(paper-button) {\n          margin: 0;\n          height: 48px;\n        }\n        lrndesign-stepper-button ::slotted(.title-container) {\n          padding: 0;\n          width: 100%;\n          right: unset;\n        }\n        lrndesign-stepper-button ::slotted(.node-title) {\n          font-size: 15px;\n          line-height: 24px;\n        }\n\n        .loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.9;\n          text-align: center;\n          align-content: space-around;\n          justify-content: center;\n          position: absolute;\n          background-color: white;\n          padding: 0;\n          margin: 0;\n          display: flex;\n          margin: 0 auto;\n          visibility: visible;\n          transition: visibility 1s, opacity 1s ease;\n        }\n        .loading elmsln-loading {\n          margin: 0 5em;\n          display: inline-flex;\n        }\n        #bodyloading {\n          height: 100%;\n          display: flex;\n          justify-content: center;\n        }\n        #bodyloading .loading,\n        #bodyloading elmsln-loading {\n          display: block;\n          height: 5em;\n        }\n        .outline-title {\n          margin-left: 0.5em;\n          max-width: 50%;\n        }\n        .content-nav-buttons {\n          top: 60%;\n          position: fixed;\n          opacity: 0.8;\n          padding: 0 0.25em;\n          height: 40%;\n          padding-top: 15%;\n          margin-top: -15%;\n        }\n        .content-nav-buttons:hover {\n          opacity: 1;\n        }\n        .prev {\n          left: 0;\n          order: 1;\n        }\n        .next {\n          right: 0;\n          transition: right 0.2s ease;\n          order: 2;\n        }\n        app-header {\n          width: 100%;\n          left: 0 !important;\n          z-index: 2 !important;\n          position: sticky !important;\n        }\n        app-header-layout {\n          margin: 0;\n          padding: 0;\n          width: 100%;\n        }\n        .content-body {\n          position: relative;\n          padding: 0;\n          margin: -3em 4em 5em 4em;\n          font-size: 1.1em;\n          transition: margin 0.4s ease, width 0.4s ease;\n        }\n\n        .content-nav-buttons paper-icon-button {\n          width: 4em;\n          height: 4em;\n          opacity: 0.4;\n          display: block;\n          visibility: visible;\n          transition: opacity 0.4s linear, visibility 1s linear,\n            height 0.4s ease, width 0.4s ease;\n        }\n        .content-nav-buttons paper-icon-button:hover {\n          opacity: 1;\n        }\n        paper-tooltip {\n          --paper-tooltip-opacity: 0.96;\n        }\n        :host([drawer-opened]) .content-nav-buttons paper-icon-button {\n          width: 2.5em;\n          height: 2.5em;\n        }\n        :host([edit-mode]) .content-nav-buttons {\n          opacity: 0;\n          pointer-events: none;\n          visibility: hidden;\n        }\n        .content-title {\n          font-size: 1.4em;\n          margin: 0;\n          padding: 0.25em 0;\n          background-color: white;\n          top: 70px;\n          position: sticky;\n        }\n        .content-current {\n          min-height: 100vh;\n        }\n        .content-next {\n          background-color: grey;\n          opacity: 0.8;\n        }\n        #header {\n          position: sticky;\n          top: 0;\n          left: 0;\n          width: 100%;\n          color: black;\n          background-color: white;\n          z-index: 2;\n          padding: 0;\n          margin: 0;\n          opacity: 1;\n          box-sizing: content-box;\n          transition: all 0.4s ease;\n        }\n        app-drawer-layout {\n          font-family: sans-serif;\n        }\n        :host {\n          --app-drawer-width: 300px;\n        }\n        :host([full-width]) {\n          --app-drawer-width: 0px;\n        }\n        :host([drawer-opened]) .prev,\n        :host([edit-mode]) .prev {\n          left: 19em;\n        }\n        .progress-container {\n          width: 90%;\n          padding: 0;\n          margin: 0 0 0 1em;\n          overflow: visible;\n        }\n\n        [main-title] {\n          font-weight: lighter;\n          padding: 0.6em 0 0 0;\n          margin: 0;\n          height: 3em;\n          overflow-y: scroll;\n        }\n        [hidden] {\n          visibility: hidden !important;\n          opacity: 0 !important;\n          display: block !important;\n        }\n        paper-search-bar[hidden] {\n          display: none !important;\n        }\n        lrnsys-progress {\n          margin-top: 0.5em;\n          padding: 0.2em 0 0 0;\n          box-sizing: content-box;\n        }\n        lrnsys-progress lrnsys-progress-circle {\n          list-style-type: none;\n          box-sizing: content-box;\n        }\n\n        #bookdrawercontent {\n          overflow: scroll;\n          visibility: visible;\n          display: block;\n          opacity: 1;\n          transition: visibility 1s linear, opacity 1s linear;\n        }\n        @media (max-width: 1200px) {\n          :host .content-body {\n            font-size: 0.94em;\n          }\n        }\n        @media (max-width: 960px) {\n          :host .content-body {\n            font-size: 0.92em;\n          }\n        }\n        @media (max-width: 820px) {\n          :host .content-body {\n            font-size: 0.9em;\n          }\n        }\n        @media (max-width: 700px) {\n          :host .content-body {\n            font-size: 0.9em;\n          }\n        }\n        @media (max-width: 639px) {\n          app-drawer-layout {\n            top: 0;\n          }\n          [main-title] {\n            font-size: 0.8em;\n          }\n          .content-title {\n            font-size: 1.1em;\n          }\n          .outline-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          :host .content-body {\n            margin: 0 0.5em;\n            font-size: 0.9em;\n            width: 85%;\n          }\n          .content-nav-buttons {\n            position: relative;\n            display: flex;\n            top: unset;\n            padding: 0;\n            opacity: 0.8;\n            height: unset;\n            margin: 0;\n          }\n          .content-nav {\n            width: 100%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            vertical-align: middle;\n          }\n          .next {\n            right: unset;\n          }\n        }\n        @media (max-width: 500px) {\n          [main-title] {\n            font-size: 0.7em;\n          }\n        }\n\n        :host([edit-mode]) #header {\n          background-color: var(--paper-grey-500);\n        }\n        :host([edit-mode]) #toolbar {\n          opacity: 0.5;\n        }\n        .your-progress-button {\n          padding-right: 1em;\n        }\n        #mapmenu {\n          padding: 1em 0;\n          overflow-x: hidden;\n        }\n        .course-title-drawer {\n          font-size: 1.2em;\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    </custom-style>\n    <page-scroll-position value=\"{{scrollPosition}}\"></page-scroll-position>\n    <div id=\"anchor\"></div>\n    <!-- body where most of the heavy lifting happens -->\n    <app-drawer-layout>\n      <!-- LRNApp book we expect to navigate -->\n      <app-drawer\n        slot=\"drawer\"\n        id=\"bookdrawer\"\n        opened=\"{{drawerOpened}}\"\n        swipe-open=\"\"\n        transition-duration=\"300\"\n      >\n        <div\n          id=\"bookdrawercontent\"\n          style=\"height: 100%; overflow: auto;\"\n          hidden$=\"[[!bookItems]]\"\n        >\n          <paper-search-bar\n            hide-filter-button=\"\"\n            hidden$=\"[[!showSearch]]\"\n          ></paper-search-bar>\n          <map-menu id=\"mapmenu\" manifest=\"[[_routerManifest]]\">\n            <!-- Server response will populate this -->\n          </map-menu>\n        </div>\n      </app-drawer>\n      <app-header-layout>\n        <app-header slot=\"header\" id=\"header\" shadow=\"\" fixed=\"\">\n          <div id=\"outlineloading\" class=\"loading\">\n            <elmsln-loading color=\"grey-text\" size=\"medium\"></elmsln-loading>\n            <elmsln-loading color=\"grey-text\" size=\"medium\"></elmsln-loading>\n            <elmsln-loading color=\"grey-text\" size=\"medium\"></elmsln-loading>\n          </div>\n          <app-toolbar id=\"toolbar\" sticky=\"\" class=\"tall\">\n            <div style=\"pointer-events: auto;\" class=\"menu-btn-wrap\">\n              <paper-icon-button\n                style=\"pointer-events: auto;\"\n                title=\"Content outline\"\n                id=\"menubutton\"\n                icon=\"menu\"\n                on-tap=\"toggleBook\"\n              ></paper-icon-button>\n            </div>\n            <div spacer=\"\" class=\"outline-title\">[[outlineTitle]]</div>\n            <div spacer=\"\" main-title=\"\" style=\"pointer-events: auto;\">\n              <div class=\"progress-container\">\n                <lrnsys-progress\n                  sound-finish=\"[[soundFinish]]\"\n                  sound=\"[[sound]]\"\n                  complete-sound=\"[[completeSound]]\"\n                  finished-sound=\"[[finishedSound]]\"\n                  title=\"The steps to complete this lesson\"\n                  id=\"progress\"\n                  active=\"{{activePage}}\"\n                  manifest=\"{{manifest}}\"\n                  progressive-unlock=\"\"\n                  size=\"small\"\n                ></lrnsys-progress>\n              </div>\n            </div>\n            <!--\n              <div class=\"your-progress-button\">\n                <lrnsys-dialog body-append modal on-tap=\"progressdashboardopen\" header=\"Your progress\" alt=\"Your progress\">\n                  <span slot=\"button\"><iron-icon icon=\"av:equalizer\"></iron-icon></span>\n                  <div>\n                    <lrnapp-book-progress-dashboard id=\"progressdashboard\" source-path=\"[[progressDashboardPath]]\" route-data=\"[[data]]\"></lrnapp-book-progress-dashboard>\n                  </div>\n                </lrnsys-dialog>\n              </div>\n            -->\n          </app-toolbar>\n        </app-header>\n        <div class=\"content-body\">\n          <div id=\"current\" class=\"content-current\">\n            <h2 id=\"currenttitle\" class=\"content-title\">[[currentTitle]]</h2>\n            <div id=\"bodyloading\" class=\"loading\">\n              <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n              <h3 class=\"loading-text\">Loading content..</h3>\n            </div>\n            <div id=\"contentcontainer\">\n              <div id=\"slot\"><slot></slot></div>\n            </div>\n          </div>\n        </div>\n        <div class=\"content-nav\">\n          <div class=\"content-nav-buttons next\">\n            <paper-icon-button\n              id=\"next\"\n              title=\"[[nextLabel]]\"\n              on-tap=\"_nextBtn\"\n              icon=\"hardware:keyboard-arrow-right\"\n              data-voicecommand=\"next page\"\n              hidden$=\"[[!hasNextPage]]\"\n            ></paper-icon-button>\n            <paper-tooltip\n              for=\"next\"\n              position=\"left\"\n              offset=\"0\"\n              animation-delay=\"100\"\n            >\n              [[nextLabel]]\n            </paper-tooltip>\n          </div>\n          <div class=\"content-nav-buttons prev\">\n            <paper-icon-button\n              id=\"prev\"\n              title=\"[[prevLabel]]\"\n              on-tap=\"_prevBtn\"\n              icon=\"hardware:keyboard-arrow-left\"\n              data-voicecommand=\"previous page\"\n              hidden$=\"[[!hasPrevPage]]\"\n            ></paper-icon-button>\n            <paper-tooltip\n              for=\"prev\"\n              position=\"right\"\n              offset=\"0\"\n              animation-delay=\"100\"\n            >\n              [[prevLabel]]\n            </paper-tooltip>\n          </div>\n        </div>\n      </app-header-layout>\n    </app-drawer-layout>\n  "],["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          display: block;\n          font-size: 16px;\n          box-sizing: content-box;\n        }\n        #toolbar {\n          color: gray;\n          background-color: white;\n          padding: 0 8px;\n          margin: 0;\n          height: auto;\n          box-sizing: content-box;\n          transition: all 0.4s ease;\n        }\n        paper-button {\n          padding: 0;\n          margin: 0;\n          min-width: 16px;\n        }\n        app-drawer {\n          padding: 0;\n          top: 0;\n          bottom: 0;\n          z-index: 1;\n          position: absolute;\n          box-sizing: content-box;\n          --app-drawer-content-container: {\n            background-color: #fafafa;\n            padding: 0;\n            border-right: 1px solid #c8c8c8;\n            overflow-y: scroll;\n            width: 300px !important;\n            box-shadow: 0 76px 8px 0 rgba(0, 0, 0, 0.4);\n            height: 100vh;\n            top: 0;\n            position: sticky;\n          }\n        }\n        lrndesign-stepper-button {\n          --lrndesign-stepper-btn-active: #f6f7f7;\n        }\n        lrndesign-stepper-button ::slotted(paper-button) {\n          margin: 0;\n          height: 48px;\n        }\n        lrndesign-stepper-button ::slotted(.title-container) {\n          padding: 0;\n          width: 100%;\n          right: unset;\n        }\n        lrndesign-stepper-button ::slotted(.node-title) {\n          font-size: 15px;\n          line-height: 24px;\n        }\n\n        .loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.9;\n          text-align: center;\n          align-content: space-around;\n          justify-content: center;\n          position: absolute;\n          background-color: white;\n          padding: 0;\n          margin: 0;\n          display: flex;\n          margin: 0 auto;\n          visibility: visible;\n          transition: visibility 1s, opacity 1s ease;\n        }\n        .loading elmsln-loading {\n          margin: 0 5em;\n          display: inline-flex;\n        }\n        #bodyloading {\n          height: 100%;\n          display: flex;\n          justify-content: center;\n        }\n        #bodyloading .loading,\n        #bodyloading elmsln-loading {\n          display: block;\n          height: 5em;\n        }\n        .outline-title {\n          margin-left: 0.5em;\n          max-width: 50%;\n        }\n        .content-nav-buttons {\n          top: 60%;\n          position: fixed;\n          opacity: 0.8;\n          padding: 0 0.25em;\n          height: 40%;\n          padding-top: 15%;\n          margin-top: -15%;\n        }\n        .content-nav-buttons:hover {\n          opacity: 1;\n        }\n        .prev {\n          left: 0;\n          order: 1;\n        }\n        .next {\n          right: 0;\n          transition: right 0.2s ease;\n          order: 2;\n        }\n        app-header {\n          width: 100%;\n          left: 0 !important;\n          z-index: 2 !important;\n          position: sticky !important;\n        }\n        app-header-layout {\n          margin: 0;\n          padding: 0;\n          width: 100%;\n        }\n        .content-body {\n          position: relative;\n          padding: 0;\n          margin: -3em 4em 5em 4em;\n          font-size: 1.1em;\n          transition: margin 0.4s ease, width 0.4s ease;\n        }\n\n        .content-nav-buttons paper-icon-button {\n          width: 4em;\n          height: 4em;\n          opacity: 0.4;\n          display: block;\n          visibility: visible;\n          transition: opacity 0.4s linear, visibility 1s linear,\n            height 0.4s ease, width 0.4s ease;\n        }\n        .content-nav-buttons paper-icon-button:hover {\n          opacity: 1;\n        }\n        paper-tooltip {\n          --paper-tooltip-opacity: 0.96;\n        }\n        :host([drawer-opened]) .content-nav-buttons paper-icon-button {\n          width: 2.5em;\n          height: 2.5em;\n        }\n        :host([edit-mode]) .content-nav-buttons {\n          opacity: 0;\n          pointer-events: none;\n          visibility: hidden;\n        }\n        .content-title {\n          font-size: 1.4em;\n          margin: 0;\n          padding: 0.25em 0;\n          background-color: white;\n          top: 70px;\n          position: sticky;\n        }\n        .content-current {\n          min-height: 100vh;\n        }\n        .content-next {\n          background-color: grey;\n          opacity: 0.8;\n        }\n        #header {\n          position: sticky;\n          top: 0;\n          left: 0;\n          width: 100%;\n          color: black;\n          background-color: white;\n          z-index: 2;\n          padding: 0;\n          margin: 0;\n          opacity: 1;\n          box-sizing: content-box;\n          transition: all 0.4s ease;\n        }\n        app-drawer-layout {\n          font-family: sans-serif;\n        }\n        :host {\n          --app-drawer-width: 300px;\n        }\n        :host([full-width]) {\n          --app-drawer-width: 0px;\n        }\n        :host([drawer-opened]) .prev,\n        :host([edit-mode]) .prev {\n          left: 19em;\n        }\n        .progress-container {\n          width: 90%;\n          padding: 0;\n          margin: 0 0 0 1em;\n          overflow: visible;\n        }\n\n        [main-title] {\n          font-weight: lighter;\n          padding: 0.6em 0 0 0;\n          margin: 0;\n          height: 3em;\n          overflow-y: scroll;\n        }\n        [hidden] {\n          visibility: hidden !important;\n          opacity: 0 !important;\n          display: block !important;\n        }\n        paper-search-bar[hidden] {\n          display: none !important;\n        }\n        lrnsys-progress {\n          margin-top: 0.5em;\n          padding: 0.2em 0 0 0;\n          box-sizing: content-box;\n        }\n        lrnsys-progress lrnsys-progress-circle {\n          list-style-type: none;\n          box-sizing: content-box;\n        }\n\n        #bookdrawercontent {\n          overflow: scroll;\n          visibility: visible;\n          display: block;\n          opacity: 1;\n          transition: visibility 1s linear, opacity 1s linear;\n        }\n        @media (max-width: 1200px) {\n          :host .content-body {\n            font-size: 0.94em;\n          }\n        }\n        @media (max-width: 960px) {\n          :host .content-body {\n            font-size: 0.92em;\n          }\n        }\n        @media (max-width: 820px) {\n          :host .content-body {\n            font-size: 0.9em;\n          }\n        }\n        @media (max-width: 700px) {\n          :host .content-body {\n            font-size: 0.9em;\n          }\n        }\n        @media (max-width: 639px) {\n          app-drawer-layout {\n            top: 0;\n          }\n          [main-title] {\n            font-size: 0.8em;\n          }\n          .content-title {\n            font-size: 1.1em;\n          }\n          .outline-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          :host .content-body {\n            margin: 0 0.5em;\n            font-size: 0.9em;\n            width: 85%;\n          }\n          .content-nav-buttons {\n            position: relative;\n            display: flex;\n            top: unset;\n            padding: 0;\n            opacity: 0.8;\n            height: unset;\n            margin: 0;\n          }\n          .content-nav {\n            width: 100%;\n            display: flex;\n            justify-content: center;\n            align-items: center;\n            vertical-align: middle;\n          }\n          .next {\n            right: unset;\n          }\n        }\n        @media (max-width: 500px) {\n          [main-title] {\n            font-size: 0.7em;\n          }\n        }\n\n        :host([edit-mode]) #header {\n          background-color: var(--paper-grey-500);\n        }\n        :host([edit-mode]) #toolbar {\n          opacity: 0.5;\n        }\n        .your-progress-button {\n          padding-right: 1em;\n        }\n        #mapmenu {\n          padding: 1em 0;\n          overflow-x: hidden;\n        }\n        .course-title-drawer {\n          font-size: 1.2em;\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    </custom-style>\n    <page-scroll-position value=\"{{scrollPosition}}\"></page-scroll-position>\n    <div id=\"anchor\"></div>\n    <!-- body where most of the heavy lifting happens -->\n    <app-drawer-layout>\n      <!-- LRNApp book we expect to navigate -->\n      <app-drawer\n        slot=\"drawer\"\n        id=\"bookdrawer\"\n        opened=\"{{drawerOpened}}\"\n        swipe-open=\"\"\n        transition-duration=\"300\"\n      >\n        <div\n          id=\"bookdrawercontent\"\n          style=\"height: 100%; overflow: auto;\"\n          hidden\\$=\"[[!bookItems]]\"\n        >\n          <paper-search-bar\n            hide-filter-button=\"\"\n            hidden\\$=\"[[!showSearch]]\"\n          ></paper-search-bar>\n          <map-menu id=\"mapmenu\" manifest=\"[[_routerManifest]]\">\n            <!-- Server response will populate this -->\n          </map-menu>\n        </div>\n      </app-drawer>\n      <app-header-layout>\n        <app-header slot=\"header\" id=\"header\" shadow=\"\" fixed=\"\">\n          <div id=\"outlineloading\" class=\"loading\">\n            <elmsln-loading color=\"grey-text\" size=\"medium\"></elmsln-loading>\n            <elmsln-loading color=\"grey-text\" size=\"medium\"></elmsln-loading>\n            <elmsln-loading color=\"grey-text\" size=\"medium\"></elmsln-loading>\n          </div>\n          <app-toolbar id=\"toolbar\" sticky=\"\" class=\"tall\">\n            <div style=\"pointer-events: auto;\" class=\"menu-btn-wrap\">\n              <paper-icon-button\n                style=\"pointer-events: auto;\"\n                title=\"Content outline\"\n                id=\"menubutton\"\n                icon=\"menu\"\n                on-tap=\"toggleBook\"\n              ></paper-icon-button>\n            </div>\n            <div spacer=\"\" class=\"outline-title\">[[outlineTitle]]</div>\n            <div spacer=\"\" main-title=\"\" style=\"pointer-events: auto;\">\n              <div class=\"progress-container\">\n                <lrnsys-progress\n                  sound-finish=\"[[soundFinish]]\"\n                  sound=\"[[sound]]\"\n                  complete-sound=\"[[completeSound]]\"\n                  finished-sound=\"[[finishedSound]]\"\n                  title=\"The steps to complete this lesson\"\n                  id=\"progress\"\n                  active=\"{{activePage}}\"\n                  manifest=\"{{manifest}}\"\n                  progressive-unlock=\"\"\n                  size=\"small\"\n                ></lrnsys-progress>\n              </div>\n            </div>\n            <!--\n              <div class=\"your-progress-button\">\n                <lrnsys-dialog body-append modal on-tap=\"progressdashboardopen\" header=\"Your progress\" alt=\"Your progress\">\n                  <span slot=\"button\"><iron-icon icon=\"av:equalizer\"></iron-icon></span>\n                  <div>\n                    <lrnapp-book-progress-dashboard id=\"progressdashboard\" source-path=\"[[progressDashboardPath]]\" route-data=\"[[data]]\"></lrnapp-book-progress-dashboard>\n                  </div>\n                </lrnsys-dialog>\n              </div>\n            -->\n          </app-toolbar>\n        </app-header>\n        <div class=\"content-body\">\n          <div id=\"current\" class=\"content-current\">\n            <h2 id=\"currenttitle\" class=\"content-title\">[[currentTitle]]</h2>\n            <div id=\"bodyloading\" class=\"loading\">\n              <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n              <h3 class=\"loading-text\">Loading content..</h3>\n            </div>\n            <div id=\"contentcontainer\">\n              <div id=\"slot\"><slot></slot></div>\n            </div>\n          </div>\n        </div>\n        <div class=\"content-nav\">\n          <div class=\"content-nav-buttons next\">\n            <paper-icon-button\n              id=\"next\"\n              title=\"[[nextLabel]]\"\n              on-tap=\"_nextBtn\"\n              icon=\"hardware:keyboard-arrow-right\"\n              data-voicecommand=\"next page\"\n              hidden\\$=\"[[!hasNextPage]]\"\n            ></paper-icon-button>\n            <paper-tooltip\n              for=\"next\"\n              position=\"left\"\n              offset=\"0\"\n              animation-delay=\"100\"\n            >\n              [[nextLabel]]\n            </paper-tooltip>\n          </div>\n          <div class=\"content-nav-buttons prev\">\n            <paper-icon-button\n              id=\"prev\"\n              title=\"[[prevLabel]]\"\n              on-tap=\"_prevBtn\"\n              icon=\"hardware:keyboard-arrow-left\"\n              data-voicecommand=\"previous page\"\n              hidden\\$=\"[[!hasPrevPage]]\"\n            ></paper-icon-button>\n            <paper-tooltip\n              for=\"prev\"\n              position=\"right\"\n              offset=\"0\"\n              animation-delay=\"100\"\n            >\n              [[prevLabel]]\n            </paper-tooltip>\n          </div>\n        </div>\n      </app-header-layout>\n    </app-drawer-layout>\n  "]);_templateObject_3a376960555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3a376960555211e98f439769bd191e33()),is:"lrnapp-book",behaviors:[HAXCMSBehaviors.Theme],properties:{progressDashboardPath:{type:String},showSearch:{type:Boolean,reflectToAttribute:!0,value:!1},sourcePath:{type:String},editMode:{type:Boolean,reflectToAttribute:!0,value:!1,notify:!0,observer:"_editModeChanged"},drawerOpened:{type:Boolean,value:!0,reflectToAttribute:!0},currentTitle:{type:String},outlineTitle:{type:String},bookTitle:{type:String,value:"Course outline"},soundFinish:{type:Boolean,value:!0},sound:{type:Boolean,value:!0},completeSound:{type:String,value:""},finishedSound:{type:String,value:""},scrollPosition:{type:Number,value:0,observer:"_scrollChanged"},activePage:{type:Number,value:0,observer:"_activePageChanged"},activeOutline:{type:Number,value:0,observer:"_activeOutlineChanged"},outlineItems:{type:Array,value:[],notify:!0,observer:"_outlineItemsChanged"},bookItems:{type:Array,notify:!0},itemResponses:{type:Array,value:[]},requestParams:{type:Object,notify:!0,value:{node:null}},pageParams:{type:Object,notify:!0,value:{load:!1}},outlineData:{type:Object,notify:!0},bookData:{type:Object,notify:!0},pageData:{type:Object,notify:!0},outlinePath:{type:String},bookPath:{type:String},pagePath:{type:String},hasPrevPage:{type:Boolean,notify:!0},prevLabel:{type:String},hasNextPage:{type:Boolean,notify:!0},nextLabel:{type:String},resetScroll:{type:Boolean,value:!1},currentPageData:{type:Object,value:{},observer:"_currentPageDataUpdated"},manifest:{type:Object,value:{},observer:"_manifestChanged"},rebuildOutline:{type:Boolean,value:!1},fullWidth:{type:Boolean,reflectToAttribute:!0,value:!1,observer:"_fullWidthChanged"},_routerManifest:{type:Object,value:{}}},ready:function ready(){var _this=this;this.setupHAXTheme(!0,this.$.contentcontainer);window.dispatchEvent(new CustomEvent("haxcms-router-manifest-subscribe",{detail:{callback:"_haxcmsRouterManifestSubscribeHandler",scope:this,setup:!0}}));window.SimpleToast.requestAvailability();this.$.bodyloading.hidden=!0;setTimeout(function(){_this._resetScroll()},500)},attached:function attached(){this.$.progress.addEventListener("node-percent-milestone",this.testMilestone.bind(this));this.$.mapmenu.addEventListener("link-clicked",this._menuItemClicked.bind(this))},detached:function detached(){this.setupHAXTheme(!1);this.$.progress.removeEventListener("node-percent-milestone",this.testMilestone.bind(this));this.$.mapmenu.removeEventListener("link-clicked",this._menuItemClicked.bind(this))},_haxcmsRouterManifestSubscribeHandler:function _haxcmsRouterManifestSubscribeHandler(e){this._routerManifest={};this._routerManifest=e.detail},_menuItemClicked:function _menuItemClicked(e){var i=this.manifest.items.findIndex(function(j){return j.id===e.detail.id});this.activePage=i},_fullWidthChanged:function _fullWidthChanged(){this.updateStyles()},progressdashboardopen:function progressdashboardopen(){this.$.progressdashboard.showProgress=!0},_computePageUpdatePath:function _computePageUpdatePath(data,sourcePath){return sourcePath.replace("%",data.id)},_editModeChanged:function _editModeChanged(newValue,oldValue){if(babelHelpers.typeof(newValue)!=="undefined"){if(!0===newValue){this.$.currenttitle.contentEditable=!0;this.resetScroll=!0;new CustomEvent("simple-toast-show",{bubbles:!0,cancelable:!0,detail:{text:"Editor mode active",duration:5e3}})}else{this.$.currenttitle.contentEditable=!1;this.resetScroll=!1;if(!0===oldValue){if(this.$.currenttitle.innerHTML!==this.currentPageData.title){this.currentPageData.title=this.$.currenttitle.innerHTML}var _evt=new CustomEvent("simple-toast-show",{bubbles:!0,cancelable:!0,detail:{text:"Saved",duration:0}});this.dispatchEvent(_evt)}}}},_activeOutlineChanged:function _activeOutlineChanged(newValue,oldValue){if(babelHelpers.typeof(newValue)!=="undefined"&&babelHelpers.typeof(oldValue)!=="undefined"){this.rebuildOutline=!0}},_resetScroll:function _resetScroll(){this.resetScroll=!0;this.scrollPosition=0;this.$.anchor.scrollIntoView({block:"start",behavior:"smooth",inline:"nearest"})},_activePageChanged:function _activePageChanged(newValue,oldValue){var _this2=this;if(babelHelpers.typeof(newValue)!=="undefined"){if(babelHelpers.typeof(this.outlineItems)!=="undefined"&&0<this.outlineItems.length){this.fire("json-outline-schema-active-item-changed",this.outlineItems[newValue])}if(babelHelpers.typeof(oldValue)!=="undefined"){}setTimeout(function(){_this2.resetScroll=!1},1e3);if(0==newValue){this.hasPrevPage=!1}else{this.hasPrevPage=!0;if(babelHelpers.typeof(this.outlineItems)!=="undefined"){this.prevLabel=this.outlineItems[newValue-1].title}}if(babelHelpers.typeof(this.outlineItems)!=="undefined"&&newValue+1==this.outlineItems.length){this.hasNextPage=!1}else{this.hasNextPage=!0;if(babelHelpers.typeof(this.outlineItems)!=="undefined"){this.nextLabel=this.outlineItems[newValue+1].title}}}},_outlineItemsChanged:function _outlineItemsChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&0!=newValue.length){if(0!=this.activePage){this.prevLabel=newValue[this.activePage-1].title}if(this.activePage+1!=newValue.length){this.nextLabel=newValue[this.activePage+1].title}}},testMilestone:function testMilestone(e){if(75==e.detail.percentage){console.log("@todo preload the next page and present grayed out right of UI.")}},_scrollChanged:function _scrollChanged(newValue){if(babelHelpers.typeof(this.outlineItems)!=="undefined"&&babelHelpers.typeof(this.outlineItems[this.activePage])!=="undefined"&&newValue>this.outlineItems[this.activePage].metadata.value&&!this.resetScroll){if(75<=newValue){this.outlineItems[this.activePage].metadata.value=this.outlineItems[this.activePage].metadata.max;this.set("outlineItems."+this.activePage+".metadata.value",this.outlineItems[this.activePage].metadata.max)}else{this.outlineItems[this.activePage].metadata.value=newValue;this.set("outlineItems."+this.activePage+".metadata.value",newValue)}}},_nextBtn:function _nextBtn(){if(this.activePage<this.outlineItems.length-1){this.set("outlineItems."+this.activePage+".metadata.value",this.outlineItems[this.activePage].metadata.max);this.activePage=this.activePage+1}},_prevBtn:function _prevBtn(){if(0<this.activePage){this.activePage=this.activePage-1}},toggleBook:function toggleBook(){this.$.bookdrawer.toggle();this.fullWidth=!this.$.bookdrawer.opened},_manifestChanged:function _manifestChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){var items=newValue.items,outlineTitle=newValue.title;if(0!==this.activePage){this.activePage=0}this.set("outlineItems",[]);this.set("outlineItems",items);this.notifyPath("outlineItems.*");this.set("bookItems",[]);this.set("bookItems",items);this.notifyPath("bookItems.*");this.set("outlineTitle",outlineTitle);this.$.outlineloading.hidden=!0;this.pageParams.load=!0}},_currentPageDataUpdated:function _currentPageDataUpdated(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&babelHelpers.typeof(newValue.content)!=="undefined"){this.set("currentTitle",newValue.title);this._resetScroll();this.$.bodyloading.hidden=!0;if(this.editMode&&!newValue.page.meta.canUpdate){this.editMode=!1}}},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
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 cf6b4261003..26f5c65f0b9 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@vaadin/vaadin-grid/vaadin-grid.js","../../../../@vaadin/vaadin-grid/vaadin-grid-column-group.js","../../../../@vaadin/vaadin-grid/vaadin-grid-filter.js","../../../../@vaadin/vaadin-grid/vaadin-grid-sorter.js","../../../../@vaadin/vaadin-grid/vaadin-grid-selection-column.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-image/iron-image.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../lrnsys-layout/lib/lrnsys-dialog.js","../../../elmsln-loading/elmsln-loading.js","../../../lrndesign-avatar/lrndesign-avatar.js"],function(_polymerLegacy){"use strict";function _templateObject_a40d28b054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          display: block;\n          margin: 0 2em;\n        }\n        .loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        vaadin-grid#material {\n          height: 75vh;\n          font-family: Roboto, sans-serif;\n          --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n\n          --vaadin-grid-cell: {\n            padding: 0;\n          }\n\n          --vaadin-grid-header-cell: {\n            height: 3.5em;\n            color: rgba(0, 0, 0, var(--dark-secondary-opacity));\n            font-size: 1em;\n          }\n\n          --vaadin-grid-body-cell: {\n            height: 3em;\n            color: rgba(0, 0, 0, var(--dark-primary-opacity));\n            font-size: 0.8em;\n          }\n\n          --vaadin-grid-body-row-hover-cell: {\n            background-color: var(--paper-grey-200);\n          }\n\n          --vaadin-grid-body-row-selected-cell: {\n            background-color: var(--paper-grey-100);\n          }\n\n          --vaadin-grid-focused-cell: {\n            box-shadow: none;\n            font-weight: bold;\n          }\n        }\n\n        vaadin-grid#material .cell {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          padding-right: 56px;\n        }\n\n        vaadin-grid#material .cell.last {\n          padding-right: 24px;\n        }\n\n        vaadin-grid#material .cell.numeric {\n          text-align: right;\n        }\n\n        vaadin-grid#material paper-checkbox {\n          --primary-color: var(--paper-indigo-500);\n          margin: 0 24px;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter {\n          --vaadin-grid-sorter-arrow: {\n            display: none !important;\n          }\n        }\n\n        vaadin-grid#material vaadin-grid-sorter .cell {\n          flex: 1;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter iron-icon {\n          transform: scale(0.8);\n        }\n\n        vaadin-grid#material vaadin-grid-sorter:not([direction]) iron-icon {\n          color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction] {\n          color: rgba(0, 0, 0, var(--dark-primary-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction=\"desc\"] 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      </style>\n    </custom-style>\n    <iron-ajax\n      auto\n      url=\"[[sourcePath]]\"\n      params='{\"return\": \"courses\"}'\n      handle-as=\"json\"\n      on-response=\"handleResponse\"\n      last-response=\"{{queryResponse}}\"\n    ></iron-ajax>\n    <div id=\"loading\" class=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <vaadin-grid\n      column-reordering-allowed\n      id=\"material\"\n      aria-label=\"Course list\"\n      items=\"[[_toArray(canvasCourses)]]\"\n    >\n      <vaadin-grid-column width=\"50px\" flex-grow=\"0\">\n        <template class=\"header\"\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=\"[[_filterTerm]]\"\n          >\n            <paper-input\n              slot=\"filter\"\n              label=\"Semester\"\n              value=\"{{_filterTerm::input}}\"\n              focus-target\n            ></paper-input>\n          </vaadin-grid-filter>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column resizable>\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"name\">Name</vaadin-grid-sorter>\n        </template>\n        <template\n          >[[item.name]]</template\n        >\n        <template class=\"footer\">\n          <vaadin-grid-filter\n            aria-label=\"Course\"\n            path=\"name\"\n            value=\"[[_filterCourse]]\"\n          >\n            <paper-input\n              slot=\"filter\"\n              label=\"Course\"\n              value=\"{{_filterCourse::input}}\"\n              focus-target\n            ></paper-input>\n          </vaadin-grid-filter>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column resizable>\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"sis_course_id\">SIS</vaadin-grid-sorter>\n        </template>\n        <template>\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=\"[[_filterSIS]]\"\n          >\n            <paper-input\n              slot=\"filter\"\n              label=\"SIS\"\n              value=\"{{_filterSIS::input}}\"\n              focus-target\n            ></paper-input>\n          </vaadin-grid-filter>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column width=\"100px\" flex-grow=\"0\" resizable>\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"student_count\">Students</vaadin-grid-sorter>\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=\"[[_filterWorkflow]]\"\n          >\n            <paper-input\n              slot=\"filter\"\n              label=\"State\"\n              value=\"{{_filterWorkflow::input}}\"\n              focus-target\n            ></paper-input>\n          </vaadin-grid-filter>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column>\n        <template class=\"header\"\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            <template is=\"dom-repeat\" items=\"[[elmslnCourses]]\" as=\"elmsCourse\">\n              <option value=\"[[elmsCourse.machineName]]\"\n                >[[elmsCourse.name]] ([[elmsCourse.machineName]])</option\n              >\n            </template>\n          </select>\n        </template>\n        <template class=\"footer\">\n          <vaadin-grid-filter\n            aria-label=\"Course\"\n            path=\"elmslnCourse\"\n            value=\"[[_filterELMSLNCourse]]\"\n          >\n            <paper-input\n              slot=\"filter\"\n              label=\"Course\"\n              value=\"{{_filterELMSLNCourse::input}}\"\n              focus-target\n            ></paper-input>\n          </vaadin-grid-filter>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column width=\"100px\" flex-grow=\"0\">\n        <template class=\"header\"></template>\n        <template>\n          <paper-button\n            raised\n            on-click=\"_triggerDialog\"\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=\"[[sourcePath]]\"\n      params='{\"return\": \"users\"}'\n      handle-as=\"json\"\n      on-response=\"handleRosterResponse\"\n      last-response=\"{{queryResponse}}\"\n    ></iron-ajax>\n    <lrnsys-dialog\n      tabindex=\"-1\"\n      id=\"details-dialog\"\n      body-append\n      header=\"{{activeCourse.name}}\"\n    >\n      <div slot=\"content\">\n        <template is=\"dom-if\" if=\"{{!roster}}\">\n          <div id=\"loadingRoster\" class=\"loading\">\n            <h3>Loading..</h3>\n            <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n          </div>\n        </template>\n      </div>\n      <div slot=\"header\">\n        <template is=\"dom-if\" if=\"{{roster}}\">\n          <template is=\"dom-if\" if=\"{{activeCourse.image}}\">\n            <iron-image\n              style=\"width:100%; height:200px; background-color: lightgray;\"\n              sizing=\"cover\"\n              preload\n              fade\n              src$=\"{{activeCourse.image}}\"\n            ></iron-image>\n          </template>\n          <span class=\"heading\">\n            <span>Student count: {{activeCourse.student_count}}</span>\n            <span>SIS ID: {{activeCourse.sis_course_id}}</span>\n            <span>Term: {{activeCourse.term}}</span>\n            <span>Workflow: {{activeCourse.workflow_state}}</span>\n          </span>\n        </template>\n      </div>\n      <div id=\"loadingContent\" slot=\"content\">\n        <template is=\"dom-repeat\" items=\"[[_toArray(roster)]]\" as=\"roleList\">\n          <h2>{{roleList.role}}s</h2>\n          <template\n            is=\"dom-repeat\"\n            items=\"[[_toArray(roleList.users)]]\"\n            as=\"user\"\n          >\n            <div class=\"avatar-name\" id$=\"user-{{user.id}}\">\n              <lrndesign-avatar\n                label$=\"{{user.name}}\"\n                src$=\"{{user.picture}}\"\n              ></lrndesign-avatar>\n            </div>\n            <paper-tooltip for$=\"user-{{user.id}}\">{{user.name}}</paper-tooltip>\n          </template>\n        </template>\n      </div>\n    </lrnsys-dialog>\n  "]);_templateObject_a40d28b054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a40d28b054f411e9aeb367f92c5b63ab()),is:"lrnapp-canvas-listing",properties:{elmslnCourses:{type:Array,notify:!0},canvasCourses:{type:Array,notify:!0},roster:{type:Array,notify:!0,value:!1},queryResponse:{type:Array,notify:!0},sourcePath:{type:String,notify:!0},activeCourse:{type:String,notify:!0,reflectToAttribute:!0}},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})},collapseToggle:function collapseToggle(e){e.target.nextElementSibling.toggle()},_triggerDialog:function _triggerDialog(e){var root=this;root.shadowRoot.querySelector("#details-dialog").toggleDialog();root.roster=!1;root.activeCourse=root.canvasCourses[e.target.id];root.shadowRoot.querySelector("#request").params.sis_course_id=root.activeCourse.sis_course_id;root.shadowRoot.querySelector("#request").generateRequest();root.shadowRoot.querySelector("#loadingContent").style.display="none"},handleResponse:function handleResponse(){var root=this;root.elmslnCourses=root.queryResponse.data.elmslnCourses;root.canvasCourses=root.queryResponse.data.canvasCourses;root.$.loading.hidden=!0},handleRosterResponse:function handleRosterResponse(){var root=this;root.roster=root.queryResponse.data;root.shadowRoot.querySelector("#loadingContent").style.display="block"}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@vaadin/vaadin-grid/vaadin-grid.js","../../../../@vaadin/vaadin-grid/vaadin-grid-column-group.js","../../../../@vaadin/vaadin-grid/vaadin-grid-filter.js","../../../../@vaadin/vaadin-grid/vaadin-grid-sorter.js","../../../../@vaadin/vaadin-grid/vaadin-grid-selection-column.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-image/iron-image.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../lrnsys-layout/lib/lrnsys-dialog.js","../../../elmsln-loading/elmsln-loading.js","../../../lrndesign-avatar/lrndesign-avatar.js"],function(_polymerLegacy){"use strict";function _templateObject_3a5b1e00555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          display: block;\n          margin: 0 2em;\n        }\n        .loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        vaadin-grid#material {\n          height: 75vh;\n          font-family: Roboto, sans-serif;\n          --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n\n          --vaadin-grid-cell: {\n            padding: 0;\n          }\n\n          --vaadin-grid-header-cell: {\n            height: 3.5em;\n            color: rgba(0, 0, 0, var(--dark-secondary-opacity));\n            font-size: 1em;\n          }\n\n          --vaadin-grid-body-cell: {\n            height: 3em;\n            color: rgba(0, 0, 0, var(--dark-primary-opacity));\n            font-size: 0.8em;\n          }\n\n          --vaadin-grid-body-row-hover-cell: {\n            background-color: var(--paper-grey-200);\n          }\n\n          --vaadin-grid-body-row-selected-cell: {\n            background-color: var(--paper-grey-100);\n          }\n\n          --vaadin-grid-focused-cell: {\n            box-shadow: none;\n            font-weight: bold;\n          }\n        }\n\n        vaadin-grid#material .cell {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          padding-right: 56px;\n        }\n\n        vaadin-grid#material .cell.last {\n          padding-right: 24px;\n        }\n\n        vaadin-grid#material .cell.numeric {\n          text-align: right;\n        }\n\n        vaadin-grid#material paper-checkbox {\n          --primary-color: var(--paper-indigo-500);\n          margin: 0 24px;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter {\n          --vaadin-grid-sorter-arrow: {\n            display: none !important;\n          }\n        }\n\n        vaadin-grid#material vaadin-grid-sorter .cell {\n          flex: 1;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter iron-icon {\n          transform: scale(0.8);\n        }\n\n        vaadin-grid#material vaadin-grid-sorter:not([direction]) iron-icon {\n          color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction] {\n          color: rgba(0, 0, 0, var(--dark-primary-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction=\"desc\"] 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      </style>\n    </custom-style>\n    <iron-ajax\n      auto\n      url=\"[[sourcePath]]\"\n      params='{\"return\": \"courses\"}'\n      handle-as=\"json\"\n      on-response=\"handleResponse\"\n      last-response=\"{{queryResponse}}\"\n    ></iron-ajax>\n    <div id=\"loading\" class=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <vaadin-grid\n      column-reordering-allowed\n      id=\"material\"\n      aria-label=\"Course list\"\n      items=\"[[_toArray(canvasCourses)]]\"\n    >\n      <vaadin-grid-column width=\"50px\" flex-grow=\"0\">\n        <template class=\"header\"\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=\"[[_filterTerm]]\"\n          >\n            <paper-input\n              slot=\"filter\"\n              label=\"Semester\"\n              value=\"{{_filterTerm::input}}\"\n              focus-target\n            ></paper-input>\n          </vaadin-grid-filter>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column resizable>\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"name\">Name</vaadin-grid-sorter>\n        </template>\n        <template\n          >[[item.name]]</template\n        >\n        <template class=\"footer\">\n          <vaadin-grid-filter\n            aria-label=\"Course\"\n            path=\"name\"\n            value=\"[[_filterCourse]]\"\n          >\n            <paper-input\n              slot=\"filter\"\n              label=\"Course\"\n              value=\"{{_filterCourse::input}}\"\n              focus-target\n            ></paper-input>\n          </vaadin-grid-filter>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column resizable>\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"sis_course_id\">SIS</vaadin-grid-sorter>\n        </template>\n        <template>\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=\"[[_filterSIS]]\"\n          >\n            <paper-input\n              slot=\"filter\"\n              label=\"SIS\"\n              value=\"{{_filterSIS::input}}\"\n              focus-target\n            ></paper-input>\n          </vaadin-grid-filter>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column width=\"100px\" flex-grow=\"0\" resizable>\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"student_count\">Students</vaadin-grid-sorter>\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=\"[[_filterWorkflow]]\"\n          >\n            <paper-input\n              slot=\"filter\"\n              label=\"State\"\n              value=\"{{_filterWorkflow::input}}\"\n              focus-target\n            ></paper-input>\n          </vaadin-grid-filter>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column>\n        <template class=\"header\"\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            <template is=\"dom-repeat\" items=\"[[elmslnCourses]]\" as=\"elmsCourse\">\n              <option value=\"[[elmsCourse.machineName]]\"\n                >[[elmsCourse.name]] ([[elmsCourse.machineName]])</option\n              >\n            </template>\n          </select>\n        </template>\n        <template class=\"footer\">\n          <vaadin-grid-filter\n            aria-label=\"Course\"\n            path=\"elmslnCourse\"\n            value=\"[[_filterELMSLNCourse]]\"\n          >\n            <paper-input\n              slot=\"filter\"\n              label=\"Course\"\n              value=\"{{_filterELMSLNCourse::input}}\"\n              focus-target\n            ></paper-input>\n          </vaadin-grid-filter>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column width=\"100px\" flex-grow=\"0\">\n        <template class=\"header\"></template>\n        <template>\n          <paper-button\n            raised\n            on-click=\"_triggerDialog\"\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=\"[[sourcePath]]\"\n      params='{\"return\": \"users\"}'\n      handle-as=\"json\"\n      on-response=\"handleRosterResponse\"\n      last-response=\"{{queryResponse}}\"\n    ></iron-ajax>\n    <lrnsys-dialog\n      tabindex=\"-1\"\n      id=\"details-dialog\"\n      body-append\n      header=\"{{activeCourse.name}}\"\n    >\n      <div slot=\"content\">\n        <template is=\"dom-if\" if=\"{{!roster}}\">\n          <div id=\"loadingRoster\" class=\"loading\">\n            <h3>Loading..</h3>\n            <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n          </div>\n        </template>\n      </div>\n      <div slot=\"header\">\n        <template is=\"dom-if\" if=\"{{roster}}\">\n          <template is=\"dom-if\" if=\"{{activeCourse.image}}\">\n            <iron-image\n              style=\"width:100%; height:200px; background-color: lightgray;\"\n              sizing=\"cover\"\n              preload\n              fade\n              src$=\"{{activeCourse.image}}\"\n            ></iron-image>\n          </template>\n          <span class=\"heading\">\n            <span>Student count: {{activeCourse.student_count}}</span>\n            <span>SIS ID: {{activeCourse.sis_course_id}}</span>\n            <span>Term: {{activeCourse.term}}</span>\n            <span>Workflow: {{activeCourse.workflow_state}}</span>\n          </span>\n        </template>\n      </div>\n      <div id=\"loadingContent\" slot=\"content\">\n        <template is=\"dom-repeat\" items=\"[[_toArray(roster)]]\" as=\"roleList\">\n          <h2>{{roleList.role}}s</h2>\n          <template\n            is=\"dom-repeat\"\n            items=\"[[_toArray(roleList.users)]]\"\n            as=\"user\"\n          >\n            <div class=\"avatar-name\" id$=\"user-{{user.id}}\">\n              <lrndesign-avatar\n                label$=\"{{user.name}}\"\n                src$=\"{{user.picture}}\"\n              ></lrndesign-avatar>\n            </div>\n            <paper-tooltip for$=\"user-{{user.id}}\">{{user.name}}</paper-tooltip>\n          </template>\n        </template>\n      </div>\n    </lrnsys-dialog>\n  "]);_templateObject_3a5b1e00555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3a5b1e00555211e98f439769bd191e33()),is:"lrnapp-canvas-listing",properties:{elmslnCourses:{type:Array,notify:!0},canvasCourses:{type:Array,notify:!0},roster:{type:Array,notify:!0,value:!1},queryResponse:{type:Array,notify:!0},sourcePath:{type:String,notify:!0},activeCourse:{type:String,notify:!0,reflectToAttribute:!0}},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})},collapseToggle:function collapseToggle(e){e.target.nextElementSibling.toggle()},_triggerDialog:function _triggerDialog(e){var root=this;root.shadowRoot.querySelector("#details-dialog").toggleDialog();root.roster=!1;root.activeCourse=root.canvasCourses[e.target.id];root.shadowRoot.querySelector("#request").params.sis_course_id=root.activeCourse.sis_course_id;root.shadowRoot.querySelector("#request").generateRequest();root.shadowRoot.querySelector("#loadingContent").style.display="none"},handleResponse:function handleResponse(){var root=this;root.elmslnCourses=root.queryResponse.data.elmslnCourses;root.canvasCourses=root.queryResponse.data.canvasCourses;root.$.loading.hidden=!0},handleRosterResponse:function handleRosterResponse(){var root=this;root.roster=root.queryResponse.data;root.shadowRoot.querySelector("#loadingContent").style.display="block"}})});
\ No newline at end of file
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 191559ba35a..c27f716b664 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-card/paper-card.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/iron-image/iron-image.js","../../../lrndesign-avatar/lrndesign-avatar.js","../../../materializecss-styles/materializecss-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_a42396e054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: inline-flex;\n      }\n      :host([size=\"micro\"]) {\n        transform: scale(0.5);\n      }\n      :host([size=\"small\"]) {\n        transform: scale(0.8);\n      }\n      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      #avatar {\n        display: inline-block;\n        vertical-align: text-top;\n        transform: scale(0.8);\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      lrndesign-avatar {\n        margin: -16px 8px 0 0;\n        position: absolute;\n        right: 0;\n      }\n      .card-content {\n        padding: 0;\n        margin: 0;\n        overflow: hidden;\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=\"course-preview\">\n          <iron-icon\n            class=\"course-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        <lrndesign-avatar\n          label=\"[[name]]\"\n          jdenticon=\"\"\n          color=\"[[color]] darken-4\"\n        >\n        </lrndesign-avatar>\n        <div class=\"course-info\">\n          <div class=\"divider\"></div>\n          <div class=\"name\">[[name]]</div>\n          <div class=\"title\">[[title]]</div>\n        </div>\n      </div>\n      <div class=\"card-actions\" hidden=\"\">\n        <div class=\"card-action-details\"></div>\n      </div>\n    </paper-card>\n  "],["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: inline-flex;\n      }\n      :host([size=\"micro\"]) {\n        transform: scale(0.5);\n      }\n      :host([size=\"small\"]) {\n        transform: scale(0.8);\n      }\n      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      #avatar {\n        display: inline-block;\n        vertical-align: text-top;\n        transform: scale(0.8);\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      lrndesign-avatar {\n        margin: -16px 8px 0 0;\n        position: absolute;\n        right: 0;\n      }\n      .card-content {\n        padding: 0;\n        margin: 0;\n        overflow: hidden;\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=\"course-preview\">\n          <iron-icon\n            class=\"course-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        <lrndesign-avatar\n          label=\"[[name]]\"\n          jdenticon=\"\"\n          color=\"[[color]] darken-4\"\n        >\n        </lrndesign-avatar>\n        <div class=\"course-info\">\n          <div class=\"divider\"></div>\n          <div class=\"name\">[[name]]</div>\n          <div class=\"title\">[[title]]</div>\n        </div>\n      </div>\n      <div class=\"card-actions\" hidden=\"\">\n        <div class=\"card-action-details\"></div>\n      </div>\n    </paper-card>\n  "]);_templateObject_a42396e054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a42396e054f411e9aeb367f92c5b63ab()),is:"lrnapp-cis-course-card",listeners:{mouseenter:"_mouseEnter",mouseleave:"_mouseLeave"},properties:{size:{type:String},image:{type:String},icon:{type:String,value:!1},name:{type:String,value:""},title:{type:String,value:""},color:{type:String,value:"grey"},elevation:{type:Number,value:1,reflectToAttribute:!0}},_mouseEnter:function _mouseEnter(){this.__oldElevation=this.elevation;if(5<this.elevation+2){this.elevation=5}else{this.elevation+=2}},_mouseLeave:function _mouseLeave(){this.elevation=this.__oldElevation}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-card/paper-card.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/iron-image/iron-image.js","../../../lrndesign-avatar/lrndesign-avatar.js","../../../materializecss-styles/materializecss-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_3a720160555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: inline-flex;\n      }\n      :host([size=\"micro\"]) {\n        transform: scale(0.5);\n      }\n      :host([size=\"small\"]) {\n        transform: scale(0.8);\n      }\n      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      #avatar {\n        display: inline-block;\n        vertical-align: text-top;\n        transform: scale(0.8);\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      lrndesign-avatar {\n        margin: -16px 8px 0 0;\n        position: absolute;\n        right: 0;\n      }\n      .card-content {\n        padding: 0;\n        margin: 0;\n        overflow: hidden;\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=\"course-preview\">\n          <iron-icon\n            class=\"course-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        <lrndesign-avatar\n          label=\"[[name]]\"\n          jdenticon=\"\"\n          color=\"[[color]] darken-4\"\n        >\n        </lrndesign-avatar>\n        <div class=\"course-info\">\n          <div class=\"divider\"></div>\n          <div class=\"name\">[[name]]</div>\n          <div class=\"title\">[[title]]</div>\n        </div>\n      </div>\n      <div class=\"card-actions\" hidden=\"\">\n        <div class=\"card-action-details\"></div>\n      </div>\n    </paper-card>\n  "],["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: inline-flex;\n      }\n      :host([size=\"micro\"]) {\n        transform: scale(0.5);\n      }\n      :host([size=\"small\"]) {\n        transform: scale(0.8);\n      }\n      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      #avatar {\n        display: inline-block;\n        vertical-align: text-top;\n        transform: scale(0.8);\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      lrndesign-avatar {\n        margin: -16px 8px 0 0;\n        position: absolute;\n        right: 0;\n      }\n      .card-content {\n        padding: 0;\n        margin: 0;\n        overflow: hidden;\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=\"course-preview\">\n          <iron-icon\n            class=\"course-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        <lrndesign-avatar\n          label=\"[[name]]\"\n          jdenticon=\"\"\n          color=\"[[color]] darken-4\"\n        >\n        </lrndesign-avatar>\n        <div class=\"course-info\">\n          <div class=\"divider\"></div>\n          <div class=\"name\">[[name]]</div>\n          <div class=\"title\">[[title]]</div>\n        </div>\n      </div>\n      <div class=\"card-actions\" hidden=\"\">\n        <div class=\"card-action-details\"></div>\n      </div>\n    </paper-card>\n  "]);_templateObject_3a720160555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3a720160555211e98f439769bd191e33()),is:"lrnapp-cis-course-card",listeners:{mouseenter:"_mouseEnter",mouseleave:"_mouseLeave"},properties:{size:{type:String},image:{type:String},icon:{type:String,value:!1},name:{type:String,value:""},title:{type:String,value:""},color:{type:String,value:"grey"},elevation:{type:Number,value:1,reflectToAttribute:!0}},_mouseEnter:function _mouseEnter(){this.__oldElevation=this.elevation;if(5<this.elevation+2){this.elevation=5}else{this.elevation+=2}},_mouseLeave:function _mouseLeave(){this.elevation=this.__oldElevation}})});
\ No newline at end of file
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 29ad7327863..f9997aeb79d 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-item/paper-item.js","../../../../@polymer/paper-listbox/paper-listbox.js","../../../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/iron-pages/iron-pages.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/app-route/app-route.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/paper-toast/paper-toast.js","../../../elmsln-loading/elmsln-loading.js","../../../lrndesign-course-banner/lrndesign-course-banner.js","../../../lrn-icon/lrn-icon.js","../../../lrnsys-button/lrnsys-button.js","../../../lrndesign-avatar/lrndesign-avatar.js","../../../lrnsys-layout/lib/lrnsys-dialog.js","../../../responsive-grid/lib/responsive-grid-col.js","../../../responsive-grid/lib/responsive-grid-row.js","../../../materializecss-styles/materializecss-styles.js","./lrnapp-cis-course-card.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_a44ddb3054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n        align-content: center;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.9;\n        padding: 4em 0 0 0;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        height: 100vh;\n        position: absolute;\n        background-color: white;\n      }\n      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      .iron-list-container {\n        display: flex;\n        flex-direction: column;\n        min-height: 50vh;\n      }\n      iron-list {\n        flex: 1 1 auto;\n      }\n      .dialog-header {\n        height: unset !important;\n        padding: 0 !important;\n      }\n      .course-dialog-heading.lrndesign-course-banner {\n        font-size: 1em;\n        height: 4em !important;\n      }\n      #coursedetails {\n        margin-top: 1em;\n      }\n      #confirm {\n        max-width: 400px;\n        max-height: 300px;\n      }\n      .buttons {\n        text-align: center;\n      }\n      .buttons 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    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"[[sourcePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      last-response=\"{{_cisResponse}}\"\n      on-response=\"_handleResponse\"\n    ></iron-ajax>\n    <iron-ajax\n      url=\"[[courseDataPath]]\"\n      params=\"[[_courseDataParams]]\"\n      handle-as=\"json\"\n      id=\"courserequest\"\n      last-response=\"{{_courseResponse}}\"\n      on-response=\"_handleCourseResponse\"\n    ></iron-ajax>\n    <iron-ajax\n      url=\"[[makeServicePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      id=\"makeservice\"\n      last-response=\"{{_makeServiceResponse}}\"\n      on-response=\"_handleMakeServiceResponse\"\n    ></iron-ajax>\n    <div id=\"loading\">\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      <h3>Loading..</h3>\n    </div>\n    <app-toolbar class=\"\">\n      <span main-title=\"\"></span>\n      <span\n        top-item=\"\"\n        style=\"text-align:right;font-size:.5em;padding-right:1em;\"\n        >Displaying [[courses.length]] of [[originalCourses.length]]</span\n      >\n      <paper-dropdown-menu label=\"Course\" hidden$=\"[[!courses]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.course}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item>-- Any --</paper-item>\n          <template\n            is=\"dom-repeat\"\n            items=\"[[_toArray(originalCourses)]]\"\n            as=\"course\"\n          >\n            <paper-item item-id=\"[[course.id]]\"\n              >[[course.attributes.name]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n      <paper-dropdown-menu label=\"Program\" hidden$=\"[[!programs]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.program}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item>-- Any --</paper-item>\n          <template is=\"dom-repeat\" items=\"[[_toArray(programs)]]\" as=\"program\">\n            <paper-item item-id=\"[[program.id]]\"\n              >[[program.attributes.name]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n      <paper-dropdown-menu label=\"Academic home\" hidden$=\"[[!academics]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.academic}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item>-- Any --</paper-item>\n          <template\n            is=\"dom-repeat\"\n            items=\"[[_toArray(academics)]]\"\n            as=\"academic\"\n          >\n            <paper-item item-id=\"[[academic.id]]\"\n              >[[academic.attributes.name]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n    </app-toolbar>\n    <div class=\"courses-grid\">\n      <iron-pages\n        selected=\"{{data.page}}\"\n        attr-for-selected=\"name\"\n        fallback-selection=\"courses\"\n        role=\"main\"\n      >\n        <div class=\"iron-list-container\" name=\"courses\">\n          <iron-list id=\"ironlist\" items=\"[[courses]]\" as=\"course\" grid=\"\">\n            <template>\n              <paper-button\n                data-course-id$=\"[[course.id]]\"\n                class=\"coursecard-wrapper\"\n                on-tap=\"_loadCourseUrl\"\n              >\n                <lrnapp-cis-course-card\n                  elevation=\"2\"\n                  data-course-id$=\"[[course.id]]\"\n                  name=\"[[course.attributes.name]]\"\n                  image=\"[[course.attributes.image]]\"\n                  title=\"[[course.attributes.title]]\"\n                  color=\"[[course.attributes.color]]\"\n                >\n                </lrnapp-cis-course-card>\n              </paper-button>\n            </template>\n          </iron-list>\n        </div>\n      </iron-pages>\n    </div>\n    <app-location\n      route=\"{{route}}\"\n      query-params=\"{{queryParams}}\"\n    ></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/:page\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\"\n    >\n    </app-route>\n    <lrnsys-dialog tabindex=\"-1\" id=\"dialog\" disable-auto-focus=\"\">\n      <div slot=\"content\">\n        <div id=\"loadingCourse\" class=\"loading\">\n          <h3>Loading..</h3>\n          <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n        </div>\n      </div>\n      <div class=\"dialog-header\" slot=\"header\">\n        <lrndesign-course-banner\n          image=\"[[activeCourse.attributes.image]]\"\n          name=\"[[activeCourse.attributes.name]]\"\n          title=\"[[activeCourse.attributes.title]]\"\n          color=\"[[activeCourse.attributes.color]] darken-4\"\n        >\n        </lrndesign-course-banner>\n      </div>\n      <div id=\"coursedetails\" slot=\"content\">\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$=\"[[!activeCourse.relationships.academic.attributes.name]]\"\n                >\n                  Academic unit:\n                  [[activeCourse.relationships.academic.attributes.name]]\n                </li>\n                <li\n                  hidden$=\"[[!activeCourse.relationships.program.attributes.name]]\"\n                >\n                  Program:\n                  [[activeCourse.relationships.program.attributes.name]]\n                </li>\n              </ul>\n              <h4>Learning Network</h4>\n              <template\n                is=\"dom-repeat\"\n                items=\"[[activeCourse.topology.Network]]\"\n                as=\"service\"\n              >\n                <template is=\"dom-if\" if=\"[[!service._exists]]\">\n                  <lrnsys-button\n                    raised=\"\"\n                    on-tap=\"_makeService\"\n                    color=\"grey lighten-4\"\n                    icon-class=\"grey lighten-5\"\n                    data-machine-name$=\"[[service.machine_name]]\"\n                  >\n                    <lrn-icon\n                      data-machine-name$=\"[[service.machine_name]]\"\n                      icon=\"[[service.icon]]\"\n                      class=\"elmsln-hover-icon\"\n                    ></lrn-icon>\n                    <span data-machine-name$=\"[[service.machine_name]]\"\n                      >Make the [[service.title]] service</span\n                    >\n                  </lrnsys-button>\n                </template>\n                <template is=\"dom-if\" if=\"[[service._exists]]\">\n                  <lrnsys-button\n                    raised=\"\"\n                    href=\"[[service.url]]\"\n                    hover-class=\"[[service.color]] lighten-4\"\n                  >\n                    <lrn-icon\n                      icon=\"[[service.icon]]\"\n                      class=\"elmsln-hover-icon\"\n                    ></lrn-icon>\n                    <span>[[service.title]]</span>\n                  </lrnsys-button>\n                </template>\n              </template>\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              <template is=\"dom-if\" if=\"[[activeCourse.meta.canUpdate]]\">\n                <lrnsys-button\n                  raised=\"\"\n                  href=\"[[activeCourse.uris.edit]]\"\n                  label=\"Edit\"\n                  hover-class=\"green lighten-4\"\n                  icon=\"create\"\n                ></lrnsys-button>\n                <lrnsys-button\n                  raised=\"\"\n                  href=\"[[activeCourse.uris.addOffering]]\"\n                  label=\"Add offering\"\n                  hover-class=\"amber lighten-3\"\n                  icon=\"icons:add\"\n                ></lrnsys-button>\n              </template>\n              <lrnsys-button\n                raised=\"\"\n                href=\"[[activeCourse.uris.offerings]]\"\n                label=\"Offerings\"\n                hover-class=\"amber lighten-4\"\n                icon=\"social:people\"\n              ></lrnsys-button>\n              <lrnsys-button\n                raised=\"\"\n                href=\"[[activeCourse.uris.sync]]\"\n                label=\"Sync Roster\"\n                hover-class=\"amber lighten-4\"\n                icon=\"notification:sync\"\n              ></lrnsys-button>\n              <lrnsys-button\n                raised=\"\"\n                href=\"[[activeCourse.uris.uri]]\"\n                label=\"Course page (legacy)\"\n                hover-class=\"brown lighten-4\"\n                icon=\"delete\"\n              ></lrnsys-button>\n              <template is=\"dom-if\" if=\"[[activeCourse.meta.canDelete]]\">\n                <div\n                  style=\"padding: 1em;width: 100%;margin: .5em 0;display: block;background-color:#FF2222;color:#ffffff;border: 1px solid #222222;\"\n                >\n                  <h4>Danger zone</h4>\n                  <lrnsys-button\n                    raised=\"\"\n                    href=\"[[activeCourse.uris.delete]]\"\n                    label=\"Delete\"\n                    hover-class=\"red lighten-1\"\n                    color=\"red lighten-3\"\n                    icon=\"delete\"\n                  ></lrnsys-button>\n                </div>\n              </template>\n            </div>\n          </responsive-grid-col>\n        </responsive-grid-row>\n        <p>[[activeCourse.attributes.body]]</p>\n      </div>\n    </lrnsys-dialog>\n    <lrnsys-dialog id=\"confirm\">\n      <div class=\"dialog-header\" slot=\"header\">\n        Add this to the\n        <strong>[[activeCourse.attributes.title]]</strong> network?\n      </div>\n      <div class=\"dialog-body\">\n        <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=\"[[_activeService.icon]]\"\n              class$=\"[[_activeService.color]]-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>[[_activeService.title]]</strong></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=\"[[activeCourse.attributes.name]]\"\n              jdenticon=\"\"\n              color=\"[[activeCourse.attributes.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              >[[activeCourse.attributes.title]]</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          on-tap=\"_confirmBuild\"\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    <paper-toast id=\"toast\"></paper-toast>\n  "],["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n        align-content: center;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.9;\n        padding: 4em 0 0 0;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        height: 100vh;\n        position: absolute;\n        background-color: white;\n      }\n      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      .iron-list-container {\n        display: flex;\n        flex-direction: column;\n        min-height: 50vh;\n      }\n      iron-list {\n        flex: 1 1 auto;\n      }\n      .dialog-header {\n        height: unset !important;\n        padding: 0 !important;\n      }\n      .course-dialog-heading.lrndesign-course-banner {\n        font-size: 1em;\n        height: 4em !important;\n      }\n      #coursedetails {\n        margin-top: 1em;\n      }\n      #confirm {\n        max-width: 400px;\n        max-height: 300px;\n      }\n      .buttons {\n        text-align: center;\n      }\n      .buttons 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    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"[[sourcePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      last-response=\"{{_cisResponse}}\"\n      on-response=\"_handleResponse\"\n    ></iron-ajax>\n    <iron-ajax\n      url=\"[[courseDataPath]]\"\n      params=\"[[_courseDataParams]]\"\n      handle-as=\"json\"\n      id=\"courserequest\"\n      last-response=\"{{_courseResponse}}\"\n      on-response=\"_handleCourseResponse\"\n    ></iron-ajax>\n    <iron-ajax\n      url=\"[[makeServicePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      id=\"makeservice\"\n      last-response=\"{{_makeServiceResponse}}\"\n      on-response=\"_handleMakeServiceResponse\"\n    ></iron-ajax>\n    <div id=\"loading\">\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      <h3>Loading..</h3>\n    </div>\n    <app-toolbar class=\"\">\n      <span main-title=\"\"></span>\n      <span\n        top-item=\"\"\n        style=\"text-align:right;font-size:.5em;padding-right:1em;\"\n        >Displaying [[courses.length]] of [[originalCourses.length]]</span\n      >\n      <paper-dropdown-menu label=\"Course\" hidden\\$=\"[[!courses]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.course}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item>-- Any --</paper-item>\n          <template\n            is=\"dom-repeat\"\n            items=\"[[_toArray(originalCourses)]]\"\n            as=\"course\"\n          >\n            <paper-item item-id=\"[[course.id]]\"\n              >[[course.attributes.name]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n      <paper-dropdown-menu label=\"Program\" hidden\\$=\"[[!programs]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.program}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item>-- Any --</paper-item>\n          <template is=\"dom-repeat\" items=\"[[_toArray(programs)]]\" as=\"program\">\n            <paper-item item-id=\"[[program.id]]\"\n              >[[program.attributes.name]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n      <paper-dropdown-menu label=\"Academic home\" hidden\\$=\"[[!academics]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.academic}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item>-- Any --</paper-item>\n          <template\n            is=\"dom-repeat\"\n            items=\"[[_toArray(academics)]]\"\n            as=\"academic\"\n          >\n            <paper-item item-id=\"[[academic.id]]\"\n              >[[academic.attributes.name]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n    </app-toolbar>\n    <div class=\"courses-grid\">\n      <iron-pages\n        selected=\"{{data.page}}\"\n        attr-for-selected=\"name\"\n        fallback-selection=\"courses\"\n        role=\"main\"\n      >\n        <div class=\"iron-list-container\" name=\"courses\">\n          <iron-list id=\"ironlist\" items=\"[[courses]]\" as=\"course\" grid=\"\">\n            <template>\n              <paper-button\n                data-course-id\\$=\"[[course.id]]\"\n                class=\"coursecard-wrapper\"\n                on-tap=\"_loadCourseUrl\"\n              >\n                <lrnapp-cis-course-card\n                  elevation=\"2\"\n                  data-course-id\\$=\"[[course.id]]\"\n                  name=\"[[course.attributes.name]]\"\n                  image=\"[[course.attributes.image]]\"\n                  title=\"[[course.attributes.title]]\"\n                  color=\"[[course.attributes.color]]\"\n                >\n                </lrnapp-cis-course-card>\n              </paper-button>\n            </template>\n          </iron-list>\n        </div>\n      </iron-pages>\n    </div>\n    <app-location\n      route=\"{{route}}\"\n      query-params=\"{{queryParams}}\"\n    ></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/:page\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\"\n    >\n    </app-route>\n    <lrnsys-dialog tabindex=\"-1\" id=\"dialog\" disable-auto-focus=\"\">\n      <div slot=\"content\">\n        <div id=\"loadingCourse\" class=\"loading\">\n          <h3>Loading..</h3>\n          <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n        </div>\n      </div>\n      <div class=\"dialog-header\" slot=\"header\">\n        <lrndesign-course-banner\n          image=\"[[activeCourse.attributes.image]]\"\n          name=\"[[activeCourse.attributes.name]]\"\n          title=\"[[activeCourse.attributes.title]]\"\n          color=\"[[activeCourse.attributes.color]] darken-4\"\n        >\n        </lrndesign-course-banner>\n      </div>\n      <div id=\"coursedetails\" slot=\"content\">\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\\$=\"[[!activeCourse.relationships.academic.attributes.name]]\"\n                >\n                  Academic unit:\n                  [[activeCourse.relationships.academic.attributes.name]]\n                </li>\n                <li\n                  hidden\\$=\"[[!activeCourse.relationships.program.attributes.name]]\"\n                >\n                  Program:\n                  [[activeCourse.relationships.program.attributes.name]]\n                </li>\n              </ul>\n              <h4>Learning Network</h4>\n              <template\n                is=\"dom-repeat\"\n                items=\"[[activeCourse.topology.Network]]\"\n                as=\"service\"\n              >\n                <template is=\"dom-if\" if=\"[[!service._exists]]\">\n                  <lrnsys-button\n                    raised=\"\"\n                    on-tap=\"_makeService\"\n                    color=\"grey lighten-4\"\n                    icon-class=\"grey lighten-5\"\n                    data-machine-name\\$=\"[[service.machine_name]]\"\n                  >\n                    <lrn-icon\n                      data-machine-name\\$=\"[[service.machine_name]]\"\n                      icon=\"[[service.icon]]\"\n                      class=\"elmsln-hover-icon\"\n                    ></lrn-icon>\n                    <span data-machine-name\\$=\"[[service.machine_name]]\"\n                      >Make the [[service.title]] service</span\n                    >\n                  </lrnsys-button>\n                </template>\n                <template is=\"dom-if\" if=\"[[service._exists]]\">\n                  <lrnsys-button\n                    raised=\"\"\n                    href=\"[[service.url]]\"\n                    hover-class=\"[[service.color]] lighten-4\"\n                  >\n                    <lrn-icon\n                      icon=\"[[service.icon]]\"\n                      class=\"elmsln-hover-icon\"\n                    ></lrn-icon>\n                    <span>[[service.title]]</span>\n                  </lrnsys-button>\n                </template>\n              </template>\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              <template is=\"dom-if\" if=\"[[activeCourse.meta.canUpdate]]\">\n                <lrnsys-button\n                  raised=\"\"\n                  href=\"[[activeCourse.uris.edit]]\"\n                  label=\"Edit\"\n                  hover-class=\"green lighten-4\"\n                  icon=\"create\"\n                ></lrnsys-button>\n                <lrnsys-button\n                  raised=\"\"\n                  href=\"[[activeCourse.uris.addOffering]]\"\n                  label=\"Add offering\"\n                  hover-class=\"amber lighten-3\"\n                  icon=\"icons:add\"\n                ></lrnsys-button>\n              </template>\n              <lrnsys-button\n                raised=\"\"\n                href=\"[[activeCourse.uris.offerings]]\"\n                label=\"Offerings\"\n                hover-class=\"amber lighten-4\"\n                icon=\"social:people\"\n              ></lrnsys-button>\n              <lrnsys-button\n                raised=\"\"\n                href=\"[[activeCourse.uris.sync]]\"\n                label=\"Sync Roster\"\n                hover-class=\"amber lighten-4\"\n                icon=\"notification:sync\"\n              ></lrnsys-button>\n              <lrnsys-button\n                raised=\"\"\n                href=\"[[activeCourse.uris.uri]]\"\n                label=\"Course page (legacy)\"\n                hover-class=\"brown lighten-4\"\n                icon=\"delete\"\n              ></lrnsys-button>\n              <template is=\"dom-if\" if=\"[[activeCourse.meta.canDelete]]\">\n                <div\n                  style=\"padding: 1em;width: 100%;margin: .5em 0;display: block;background-color:#FF2222;color:#ffffff;border: 1px solid #222222;\"\n                >\n                  <h4>Danger zone</h4>\n                  <lrnsys-button\n                    raised=\"\"\n                    href=\"[[activeCourse.uris.delete]]\"\n                    label=\"Delete\"\n                    hover-class=\"red lighten-1\"\n                    color=\"red lighten-3\"\n                    icon=\"delete\"\n                  ></lrnsys-button>\n                </div>\n              </template>\n            </div>\n          </responsive-grid-col>\n        </responsive-grid-row>\n        <p>[[activeCourse.attributes.body]]</p>\n      </div>\n    </lrnsys-dialog>\n    <lrnsys-dialog id=\"confirm\">\n      <div class=\"dialog-header\" slot=\"header\">\n        Add this to the\n        <strong>[[activeCourse.attributes.title]]</strong> network?\n      </div>\n      <div class=\"dialog-body\">\n        <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=\"[[_activeService.icon]]\"\n              class\\$=\"[[_activeService.color]]-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>[[_activeService.title]]</strong></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=\"[[activeCourse.attributes.name]]\"\n              jdenticon=\"\"\n              color=\"[[activeCourse.attributes.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              >[[activeCourse.attributes.title]]</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          on-tap=\"_confirmBuild\"\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    <paper-toast id=\"toast\"></paper-toast>\n  "]);_templateObject_a44ddb3054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a44ddb3054f411e9aeb367f92c5b63ab()),is:"lrnapp-cis",properties:{_cisResponse:{type:Object},_courseResponse:{type:Object},_makeServiceResponse:{type:Object},courses:{type:Array,value:[],computed:"_coursesCompute(originalCourses, queryParams)"},originalCourses:{type:Array,value:[],notify:!0},programs:{type:Array,value:[]},academics:{type:Array,value:[]},sourcePath:{type:String},courseDataPath:{type:String},makeServicePath:{type:String},endPoint:{type:String,value:"/"},basePath:{type:String,value:"/"},activeCourse:{type:Array,value:null},queryParams:{type:Object,notify:!0}},listeners:{"route-change":"_routeChange"},observers:["_routeChanged(route, endPoint)"],_routeChanged:function _routeChanged(route,endPoint){if("string"===typeof route.path){if("string"===typeof endPoint){if(route.path.startsWith(endPoint)||"/"==route.path){return}}this.$.loading.hidden=!1;window.location.reload()}},_routeChange:function _routeChange(e){var details=e.detail;if(babelHelpers.typeof(details.queryParams.course)!=="undefined"){this.set("queryParams.course",details.queryParams.course)}if(babelHelpers.typeof(details.queryParams.academic)!=="undefined"){this.set("queryParams.academic",details.queryParams.academic)}if(babelHelpers.typeof(details.queryParams.program)!=="undefined"){this.set("queryParams.program",details.queryParams.program)}if(babelHelpers.typeof(details.data.page)!=="undefined"){this.set("data.page",details.data.page)}},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})},_handleMakeServiceResponse:function _handleMakeServiceResponse(){var response=this._makeServiceResponse,activeCourse=this.__addServiceLinks(response.data.course);this.set("activeCourse",[]);this.set("activeCourse",activeCourse);this.$.toast.show(response.message)},_handleCourseResponse:function _handleCourseResponse(){var activeCourse=this._courseResponse.data.course;this.__addServiceLinks(activeCourse);this.set("activeCourse",[]);this.set("activeCourse",activeCourse);this.$.loadingCourse.hidden=!0},__addServiceLinks:function __addServiceLinks(courseObject){if(babelHelpers.typeof(courseObject.topology.Network)==="undefined"){courseObject.topology.Network={}}for(var key in this.services){if(babelHelpers.typeof(courseObject.topology.Network[this.services[key].attributes.machine_name])==="undefined"){courseObject.topology.Network[this.services[key].attributes.machine_name]={color:this.services[key].attributes.color,distro:this.services[key].attributes.distro,icon:this.services[key].attributes.icon,machine_name:this.services[key].attributes.machine_name,title:this.services[key].attributes.title,url:this.services[key].attributes.url,weight:this.services[key].attributes.weight,_exists:!1}}}courseObject.topology.Network=this._toArray(courseObject.topology.Network);courseObject.topology.Network.sort(function(a,b){return a.weight-b.weight});return courseObject},_handleResponse:function _handleResponse(){var course={},program={},academic={},tmp={courses:[],programs:[],academics:[]},programs=[],academics=[],courses=this._toArray(this._cisResponse.data.courses);this.set("services",this._toArray(this._cisResponse.data.services));this.set("originalCourses",courses);for(var index=0;index<courses.length;index++){course=courses[index];program=courses[index].relationships.program;academic=courses[index].relationships.academic;tmp.programs[program.id]=program;tmp.academics[academic.id]=academic;tmp.courses[course.id]=course}tmp.programs.forEach(function(element){programs.push(element)});tmp.academics.forEach(function(element){academics.push(element)});this.$.loading.hidden=!0;this.set("academics",academics);this.set("programs",programs)},_makeService:function _makeService(e){var normalizedEvent=(0,_polymerDom.dom)(e),active=normalizedEvent.localTarget.getAttribute("data-machine-name"),network=this.activeCourse.topology.Network,service=network.filter(function(service){if(service.machine_name!==active){return!1}return!0});if(0<service.length){service=service.pop();this.$.makeservice.params={course:this.activeCourse.attributes.machine_name,service:service.machine_name};this._activeService=service;this.$.confirm.toggleDialog()}else{console.log("that was not a valid service..")}},_confirmBuild:function _confirmBuild(){this.$.makeservice.generateRequest()},attached:function attached(){document.body.addEventListener("lrnsys-dialog-modal-closed",this._accessibleFocus.bind(this))},_accessibleFocus:function _accessibleFocus(){this.__rememberClick.focus()},_loadCourseUrl:function _loadCourseUrl(e){this.__rememberClick=e.target;this.$.loadingCourse.hidden=!1;var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-course-id"),findCourse=this.originalCourses.filter(function(course){if(course.id!==active){return!1}return!0});if(0<findCourse.length){findCourse=findCourse.pop()}this.activeCourse=findCourse;this._courseDataParams={id:this.activeCourse.id};this.$.courserequest.generateRequest();this.$.dialog.toggleDialog()},_coursesCompute:function _coursesCompute(originalCourses){var _this=this;if("undefined"===typeof originalCourses){return[]}var root=this,filteredCourses=[];filteredCourses=originalCourses.filter(function(course){if("undefined"!==typeof root.queryParams.course){if(course.id!==root.queryParams.course){return!1}}if("undefined"!==typeof root.queryParams.program){if(course.relationships.program.id!==root.queryParams.program){return!1}}if("undefined"!==typeof root.queryParams.academic){if(course.relationships.academic.id!==root.queryParams.academic){return!1}}return!0});setTimeout(function(){_this.$.ironlist.fire("iron-resize")},200);return filteredCourses}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-item/paper-item.js","../../../../@polymer/paper-listbox/paper-listbox.js","../../../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/iron-pages/iron-pages.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/app-route/app-route.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/paper-toast/paper-toast.js","../../../elmsln-loading/elmsln-loading.js","../../../lrndesign-course-banner/lrndesign-course-banner.js","../../../lrn-icon/lrn-icon.js","../../../lrnsys-button/lrnsys-button.js","../../../lrndesign-avatar/lrndesign-avatar.js","../../../lrnsys-layout/lib/lrnsys-dialog.js","../../../responsive-grid/lib/responsive-grid-col.js","../../../responsive-grid/lib/responsive-grid-row.js","../../../materializecss-styles/materializecss-styles.js","./lrnapp-cis-course-card.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_3a9f52f0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n        align-content: center;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.9;\n        padding: 4em 0 0 0;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        height: 100vh;\n        position: absolute;\n        background-color: white;\n      }\n      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      .iron-list-container {\n        display: flex;\n        flex-direction: column;\n        min-height: 50vh;\n      }\n      iron-list {\n        flex: 1 1 auto;\n      }\n      .dialog-header {\n        height: unset !important;\n        padding: 0 !important;\n      }\n      .course-dialog-heading.lrndesign-course-banner {\n        font-size: 1em;\n        height: 4em !important;\n      }\n      #coursedetails {\n        margin-top: 1em;\n      }\n      #confirm {\n        max-width: 400px;\n        max-height: 300px;\n      }\n      .buttons {\n        text-align: center;\n      }\n      .buttons 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    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"[[sourcePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      last-response=\"{{_cisResponse}}\"\n      on-response=\"_handleResponse\"\n    ></iron-ajax>\n    <iron-ajax\n      url=\"[[courseDataPath]]\"\n      params=\"[[_courseDataParams]]\"\n      handle-as=\"json\"\n      id=\"courserequest\"\n      last-response=\"{{_courseResponse}}\"\n      on-response=\"_handleCourseResponse\"\n    ></iron-ajax>\n    <iron-ajax\n      url=\"[[makeServicePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      id=\"makeservice\"\n      last-response=\"{{_makeServiceResponse}}\"\n      on-response=\"_handleMakeServiceResponse\"\n    ></iron-ajax>\n    <div id=\"loading\">\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      <h3>Loading..</h3>\n    </div>\n    <app-toolbar class=\"\">\n      <span main-title=\"\"></span>\n      <span\n        top-item=\"\"\n        style=\"text-align:right;font-size:.5em;padding-right:1em;\"\n        >Displaying [[courses.length]] of [[originalCourses.length]]</span\n      >\n      <paper-dropdown-menu label=\"Course\" hidden$=\"[[!courses]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.course}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item>-- Any --</paper-item>\n          <template\n            is=\"dom-repeat\"\n            items=\"[[_toArray(originalCourses)]]\"\n            as=\"course\"\n          >\n            <paper-item item-id=\"[[course.id]]\"\n              >[[course.attributes.name]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n      <paper-dropdown-menu label=\"Program\" hidden$=\"[[!programs]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.program}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item>-- Any --</paper-item>\n          <template is=\"dom-repeat\" items=\"[[_toArray(programs)]]\" as=\"program\">\n            <paper-item item-id=\"[[program.id]]\"\n              >[[program.attributes.name]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n      <paper-dropdown-menu label=\"Academic home\" hidden$=\"[[!academics]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.academic}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item>-- Any --</paper-item>\n          <template\n            is=\"dom-repeat\"\n            items=\"[[_toArray(academics)]]\"\n            as=\"academic\"\n          >\n            <paper-item item-id=\"[[academic.id]]\"\n              >[[academic.attributes.name]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n    </app-toolbar>\n    <div class=\"courses-grid\">\n      <iron-pages\n        selected=\"{{data.page}}\"\n        attr-for-selected=\"name\"\n        fallback-selection=\"courses\"\n        role=\"main\"\n      >\n        <div class=\"iron-list-container\" name=\"courses\">\n          <iron-list id=\"ironlist\" items=\"[[courses]]\" as=\"course\" grid=\"\">\n            <template>\n              <paper-button\n                data-course-id$=\"[[course.id]]\"\n                class=\"coursecard-wrapper\"\n                on-tap=\"_loadCourseUrl\"\n              >\n                <lrnapp-cis-course-card\n                  elevation=\"2\"\n                  data-course-id$=\"[[course.id]]\"\n                  name=\"[[course.attributes.name]]\"\n                  image=\"[[course.attributes.image]]\"\n                  title=\"[[course.attributes.title]]\"\n                  color=\"[[course.attributes.color]]\"\n                >\n                </lrnapp-cis-course-card>\n              </paper-button>\n            </template>\n          </iron-list>\n        </div>\n      </iron-pages>\n    </div>\n    <app-location\n      route=\"{{route}}\"\n      query-params=\"{{queryParams}}\"\n    ></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/:page\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\"\n    >\n    </app-route>\n    <lrnsys-dialog tabindex=\"-1\" id=\"dialog\" disable-auto-focus=\"\">\n      <div slot=\"content\">\n        <div id=\"loadingCourse\" class=\"loading\">\n          <h3>Loading..</h3>\n          <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n        </div>\n      </div>\n      <div class=\"dialog-header\" slot=\"header\">\n        <lrndesign-course-banner\n          image=\"[[activeCourse.attributes.image]]\"\n          name=\"[[activeCourse.attributes.name]]\"\n          title=\"[[activeCourse.attributes.title]]\"\n          color=\"[[activeCourse.attributes.color]] darken-4\"\n        >\n        </lrndesign-course-banner>\n      </div>\n      <div id=\"coursedetails\" slot=\"content\">\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$=\"[[!activeCourse.relationships.academic.attributes.name]]\"\n                >\n                  Academic unit:\n                  [[activeCourse.relationships.academic.attributes.name]]\n                </li>\n                <li\n                  hidden$=\"[[!activeCourse.relationships.program.attributes.name]]\"\n                >\n                  Program:\n                  [[activeCourse.relationships.program.attributes.name]]\n                </li>\n              </ul>\n              <h4>Learning Network</h4>\n              <template\n                is=\"dom-repeat\"\n                items=\"[[activeCourse.topology.Network]]\"\n                as=\"service\"\n              >\n                <template is=\"dom-if\" if=\"[[!service._exists]]\">\n                  <lrnsys-button\n                    raised=\"\"\n                    on-tap=\"_makeService\"\n                    color=\"grey lighten-4\"\n                    icon-class=\"grey lighten-5\"\n                    data-machine-name$=\"[[service.machine_name]]\"\n                  >\n                    <lrn-icon\n                      data-machine-name$=\"[[service.machine_name]]\"\n                      icon=\"[[service.icon]]\"\n                      class=\"elmsln-hover-icon\"\n                    ></lrn-icon>\n                    <span data-machine-name$=\"[[service.machine_name]]\"\n                      >Make the [[service.title]] service</span\n                    >\n                  </lrnsys-button>\n                </template>\n                <template is=\"dom-if\" if=\"[[service._exists]]\">\n                  <lrnsys-button\n                    raised=\"\"\n                    href=\"[[service.url]]\"\n                    hover-class=\"[[service.color]] lighten-4\"\n                  >\n                    <lrn-icon\n                      icon=\"[[service.icon]]\"\n                      class=\"elmsln-hover-icon\"\n                    ></lrn-icon>\n                    <span>[[service.title]]</span>\n                  </lrnsys-button>\n                </template>\n              </template>\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              <template is=\"dom-if\" if=\"[[activeCourse.meta.canUpdate]]\">\n                <lrnsys-button\n                  raised=\"\"\n                  href=\"[[activeCourse.uris.edit]]\"\n                  label=\"Edit\"\n                  hover-class=\"green lighten-4\"\n                  icon=\"create\"\n                ></lrnsys-button>\n                <lrnsys-button\n                  raised=\"\"\n                  href=\"[[activeCourse.uris.addOffering]]\"\n                  label=\"Add offering\"\n                  hover-class=\"amber lighten-3\"\n                  icon=\"icons:add\"\n                ></lrnsys-button>\n              </template>\n              <lrnsys-button\n                raised=\"\"\n                href=\"[[activeCourse.uris.offerings]]\"\n                label=\"Offerings\"\n                hover-class=\"amber lighten-4\"\n                icon=\"social:people\"\n              ></lrnsys-button>\n              <lrnsys-button\n                raised=\"\"\n                href=\"[[activeCourse.uris.sync]]\"\n                label=\"Sync Roster\"\n                hover-class=\"amber lighten-4\"\n                icon=\"notification:sync\"\n              ></lrnsys-button>\n              <lrnsys-button\n                raised=\"\"\n                href=\"[[activeCourse.uris.uri]]\"\n                label=\"Course page (legacy)\"\n                hover-class=\"brown lighten-4\"\n                icon=\"delete\"\n              ></lrnsys-button>\n              <template is=\"dom-if\" if=\"[[activeCourse.meta.canDelete]]\">\n                <div\n                  style=\"padding: 1em;width: 100%;margin: .5em 0;display: block;background-color:#FF2222;color:#ffffff;border: 1px solid #222222;\"\n                >\n                  <h4>Danger zone</h4>\n                  <lrnsys-button\n                    raised=\"\"\n                    href=\"[[activeCourse.uris.delete]]\"\n                    label=\"Delete\"\n                    hover-class=\"red lighten-1\"\n                    color=\"red lighten-3\"\n                    icon=\"delete\"\n                  ></lrnsys-button>\n                </div>\n              </template>\n            </div>\n          </responsive-grid-col>\n        </responsive-grid-row>\n        <p>[[activeCourse.attributes.body]]</p>\n      </div>\n    </lrnsys-dialog>\n    <lrnsys-dialog id=\"confirm\">\n      <div class=\"dialog-header\" slot=\"header\">\n        Add this to the\n        <strong>[[activeCourse.attributes.title]]</strong> network?\n      </div>\n      <div class=\"dialog-body\">\n        <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=\"[[_activeService.icon]]\"\n              class$=\"[[_activeService.color]]-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>[[_activeService.title]]</strong></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=\"[[activeCourse.attributes.name]]\"\n              jdenticon=\"\"\n              color=\"[[activeCourse.attributes.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              >[[activeCourse.attributes.title]]</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          on-tap=\"_confirmBuild\"\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    <paper-toast id=\"toast\"></paper-toast>\n  "],["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n        align-content: center;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.9;\n        padding: 4em 0 0 0;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        height: 100vh;\n        position: absolute;\n        background-color: white;\n      }\n      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      .iron-list-container {\n        display: flex;\n        flex-direction: column;\n        min-height: 50vh;\n      }\n      iron-list {\n        flex: 1 1 auto;\n      }\n      .dialog-header {\n        height: unset !important;\n        padding: 0 !important;\n      }\n      .course-dialog-heading.lrndesign-course-banner {\n        font-size: 1em;\n        height: 4em !important;\n      }\n      #coursedetails {\n        margin-top: 1em;\n      }\n      #confirm {\n        max-width: 400px;\n        max-height: 300px;\n      }\n      .buttons {\n        text-align: center;\n      }\n      .buttons 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    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"[[sourcePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      last-response=\"{{_cisResponse}}\"\n      on-response=\"_handleResponse\"\n    ></iron-ajax>\n    <iron-ajax\n      url=\"[[courseDataPath]]\"\n      params=\"[[_courseDataParams]]\"\n      handle-as=\"json\"\n      id=\"courserequest\"\n      last-response=\"{{_courseResponse}}\"\n      on-response=\"_handleCourseResponse\"\n    ></iron-ajax>\n    <iron-ajax\n      url=\"[[makeServicePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      id=\"makeservice\"\n      last-response=\"{{_makeServiceResponse}}\"\n      on-response=\"_handleMakeServiceResponse\"\n    ></iron-ajax>\n    <div id=\"loading\">\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n      <h3>Loading..</h3>\n    </div>\n    <app-toolbar class=\"\">\n      <span main-title=\"\"></span>\n      <span\n        top-item=\"\"\n        style=\"text-align:right;font-size:.5em;padding-right:1em;\"\n        >Displaying [[courses.length]] of [[originalCourses.length]]</span\n      >\n      <paper-dropdown-menu label=\"Course\" hidden\\$=\"[[!courses]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.course}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item>-- Any --</paper-item>\n          <template\n            is=\"dom-repeat\"\n            items=\"[[_toArray(originalCourses)]]\"\n            as=\"course\"\n          >\n            <paper-item item-id=\"[[course.id]]\"\n              >[[course.attributes.name]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n      <paper-dropdown-menu label=\"Program\" hidden\\$=\"[[!programs]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.program}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item>-- Any --</paper-item>\n          <template is=\"dom-repeat\" items=\"[[_toArray(programs)]]\" as=\"program\">\n            <paper-item item-id=\"[[program.id]]\"\n              >[[program.attributes.name]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n      <paper-dropdown-menu label=\"Academic home\" hidden\\$=\"[[!academics]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.academic}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item>-- Any --</paper-item>\n          <template\n            is=\"dom-repeat\"\n            items=\"[[_toArray(academics)]]\"\n            as=\"academic\"\n          >\n            <paper-item item-id=\"[[academic.id]]\"\n              >[[academic.attributes.name]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n    </app-toolbar>\n    <div class=\"courses-grid\">\n      <iron-pages\n        selected=\"{{data.page}}\"\n        attr-for-selected=\"name\"\n        fallback-selection=\"courses\"\n        role=\"main\"\n      >\n        <div class=\"iron-list-container\" name=\"courses\">\n          <iron-list id=\"ironlist\" items=\"[[courses]]\" as=\"course\" grid=\"\">\n            <template>\n              <paper-button\n                data-course-id\\$=\"[[course.id]]\"\n                class=\"coursecard-wrapper\"\n                on-tap=\"_loadCourseUrl\"\n              >\n                <lrnapp-cis-course-card\n                  elevation=\"2\"\n                  data-course-id\\$=\"[[course.id]]\"\n                  name=\"[[course.attributes.name]]\"\n                  image=\"[[course.attributes.image]]\"\n                  title=\"[[course.attributes.title]]\"\n                  color=\"[[course.attributes.color]]\"\n                >\n                </lrnapp-cis-course-card>\n              </paper-button>\n            </template>\n          </iron-list>\n        </div>\n      </iron-pages>\n    </div>\n    <app-location\n      route=\"{{route}}\"\n      query-params=\"{{queryParams}}\"\n    ></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/:page\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\"\n    >\n    </app-route>\n    <lrnsys-dialog tabindex=\"-1\" id=\"dialog\" disable-auto-focus=\"\">\n      <div slot=\"content\">\n        <div id=\"loadingCourse\" class=\"loading\">\n          <h3>Loading..</h3>\n          <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n        </div>\n      </div>\n      <div class=\"dialog-header\" slot=\"header\">\n        <lrndesign-course-banner\n          image=\"[[activeCourse.attributes.image]]\"\n          name=\"[[activeCourse.attributes.name]]\"\n          title=\"[[activeCourse.attributes.title]]\"\n          color=\"[[activeCourse.attributes.color]] darken-4\"\n        >\n        </lrndesign-course-banner>\n      </div>\n      <div id=\"coursedetails\" slot=\"content\">\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\\$=\"[[!activeCourse.relationships.academic.attributes.name]]\"\n                >\n                  Academic unit:\n                  [[activeCourse.relationships.academic.attributes.name]]\n                </li>\n                <li\n                  hidden\\$=\"[[!activeCourse.relationships.program.attributes.name]]\"\n                >\n                  Program:\n                  [[activeCourse.relationships.program.attributes.name]]\n                </li>\n              </ul>\n              <h4>Learning Network</h4>\n              <template\n                is=\"dom-repeat\"\n                items=\"[[activeCourse.topology.Network]]\"\n                as=\"service\"\n              >\n                <template is=\"dom-if\" if=\"[[!service._exists]]\">\n                  <lrnsys-button\n                    raised=\"\"\n                    on-tap=\"_makeService\"\n                    color=\"grey lighten-4\"\n                    icon-class=\"grey lighten-5\"\n                    data-machine-name\\$=\"[[service.machine_name]]\"\n                  >\n                    <lrn-icon\n                      data-machine-name\\$=\"[[service.machine_name]]\"\n                      icon=\"[[service.icon]]\"\n                      class=\"elmsln-hover-icon\"\n                    ></lrn-icon>\n                    <span data-machine-name\\$=\"[[service.machine_name]]\"\n                      >Make the [[service.title]] service</span\n                    >\n                  </lrnsys-button>\n                </template>\n                <template is=\"dom-if\" if=\"[[service._exists]]\">\n                  <lrnsys-button\n                    raised=\"\"\n                    href=\"[[service.url]]\"\n                    hover-class=\"[[service.color]] lighten-4\"\n                  >\n                    <lrn-icon\n                      icon=\"[[service.icon]]\"\n                      class=\"elmsln-hover-icon\"\n                    ></lrn-icon>\n                    <span>[[service.title]]</span>\n                  </lrnsys-button>\n                </template>\n              </template>\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              <template is=\"dom-if\" if=\"[[activeCourse.meta.canUpdate]]\">\n                <lrnsys-button\n                  raised=\"\"\n                  href=\"[[activeCourse.uris.edit]]\"\n                  label=\"Edit\"\n                  hover-class=\"green lighten-4\"\n                  icon=\"create\"\n                ></lrnsys-button>\n                <lrnsys-button\n                  raised=\"\"\n                  href=\"[[activeCourse.uris.addOffering]]\"\n                  label=\"Add offering\"\n                  hover-class=\"amber lighten-3\"\n                  icon=\"icons:add\"\n                ></lrnsys-button>\n              </template>\n              <lrnsys-button\n                raised=\"\"\n                href=\"[[activeCourse.uris.offerings]]\"\n                label=\"Offerings\"\n                hover-class=\"amber lighten-4\"\n                icon=\"social:people\"\n              ></lrnsys-button>\n              <lrnsys-button\n                raised=\"\"\n                href=\"[[activeCourse.uris.sync]]\"\n                label=\"Sync Roster\"\n                hover-class=\"amber lighten-4\"\n                icon=\"notification:sync\"\n              ></lrnsys-button>\n              <lrnsys-button\n                raised=\"\"\n                href=\"[[activeCourse.uris.uri]]\"\n                label=\"Course page (legacy)\"\n                hover-class=\"brown lighten-4\"\n                icon=\"delete\"\n              ></lrnsys-button>\n              <template is=\"dom-if\" if=\"[[activeCourse.meta.canDelete]]\">\n                <div\n                  style=\"padding: 1em;width: 100%;margin: .5em 0;display: block;background-color:#FF2222;color:#ffffff;border: 1px solid #222222;\"\n                >\n                  <h4>Danger zone</h4>\n                  <lrnsys-button\n                    raised=\"\"\n                    href=\"[[activeCourse.uris.delete]]\"\n                    label=\"Delete\"\n                    hover-class=\"red lighten-1\"\n                    color=\"red lighten-3\"\n                    icon=\"delete\"\n                  ></lrnsys-button>\n                </div>\n              </template>\n            </div>\n          </responsive-grid-col>\n        </responsive-grid-row>\n        <p>[[activeCourse.attributes.body]]</p>\n      </div>\n    </lrnsys-dialog>\n    <lrnsys-dialog id=\"confirm\">\n      <div class=\"dialog-header\" slot=\"header\">\n        Add this to the\n        <strong>[[activeCourse.attributes.title]]</strong> network?\n      </div>\n      <div class=\"dialog-body\">\n        <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=\"[[_activeService.icon]]\"\n              class\\$=\"[[_activeService.color]]-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>[[_activeService.title]]</strong></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=\"[[activeCourse.attributes.name]]\"\n              jdenticon=\"\"\n              color=\"[[activeCourse.attributes.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              >[[activeCourse.attributes.title]]</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          on-tap=\"_confirmBuild\"\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    <paper-toast id=\"toast\"></paper-toast>\n  "]);_templateObject_3a9f52f0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3a9f52f0555211e98f439769bd191e33()),is:"lrnapp-cis",properties:{_cisResponse:{type:Object},_courseResponse:{type:Object},_makeServiceResponse:{type:Object},courses:{type:Array,value:[],computed:"_coursesCompute(originalCourses, queryParams)"},originalCourses:{type:Array,value:[],notify:!0},programs:{type:Array,value:[]},academics:{type:Array,value:[]},sourcePath:{type:String},courseDataPath:{type:String},makeServicePath:{type:String},endPoint:{type:String,value:"/"},basePath:{type:String,value:"/"},activeCourse:{type:Array,value:null},queryParams:{type:Object,notify:!0}},listeners:{"route-change":"_routeChange"},observers:["_routeChanged(route, endPoint)"],_routeChanged:function _routeChanged(route,endPoint){if("string"===typeof route.path){if("string"===typeof endPoint){if(route.path.startsWith(endPoint)||"/"==route.path){return}}this.$.loading.hidden=!1;window.location.reload()}},_routeChange:function _routeChange(e){var details=e.detail;if(babelHelpers.typeof(details.queryParams.course)!=="undefined"){this.set("queryParams.course",details.queryParams.course)}if(babelHelpers.typeof(details.queryParams.academic)!=="undefined"){this.set("queryParams.academic",details.queryParams.academic)}if(babelHelpers.typeof(details.queryParams.program)!=="undefined"){this.set("queryParams.program",details.queryParams.program)}if(babelHelpers.typeof(details.data.page)!=="undefined"){this.set("data.page",details.data.page)}},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})},_handleMakeServiceResponse:function _handleMakeServiceResponse(){var response=this._makeServiceResponse,activeCourse=this.__addServiceLinks(response.data.course);this.set("activeCourse",[]);this.set("activeCourse",activeCourse);this.$.toast.show(response.message)},_handleCourseResponse:function _handleCourseResponse(){var activeCourse=this._courseResponse.data.course;this.__addServiceLinks(activeCourse);this.set("activeCourse",[]);this.set("activeCourse",activeCourse);this.$.loadingCourse.hidden=!0},__addServiceLinks:function __addServiceLinks(courseObject){if(babelHelpers.typeof(courseObject.topology.Network)==="undefined"){courseObject.topology.Network={}}for(var key in this.services){if(babelHelpers.typeof(courseObject.topology.Network[this.services[key].attributes.machine_name])==="undefined"){courseObject.topology.Network[this.services[key].attributes.machine_name]={color:this.services[key].attributes.color,distro:this.services[key].attributes.distro,icon:this.services[key].attributes.icon,machine_name:this.services[key].attributes.machine_name,title:this.services[key].attributes.title,url:this.services[key].attributes.url,weight:this.services[key].attributes.weight,_exists:!1}}}courseObject.topology.Network=this._toArray(courseObject.topology.Network);courseObject.topology.Network.sort(function(a,b){return a.weight-b.weight});return courseObject},_handleResponse:function _handleResponse(){var course={},program={},academic={},tmp={courses:[],programs:[],academics:[]},programs=[],academics=[],courses=this._toArray(this._cisResponse.data.courses);this.set("services",this._toArray(this._cisResponse.data.services));this.set("originalCourses",courses);for(var index=0;index<courses.length;index++){course=courses[index];program=courses[index].relationships.program;academic=courses[index].relationships.academic;tmp.programs[program.id]=program;tmp.academics[academic.id]=academic;tmp.courses[course.id]=course}tmp.programs.forEach(function(element){programs.push(element)});tmp.academics.forEach(function(element){academics.push(element)});this.$.loading.hidden=!0;this.set("academics",academics);this.set("programs",programs)},_makeService:function _makeService(e){var normalizedEvent=(0,_polymerDom.dom)(e),active=normalizedEvent.localTarget.getAttribute("data-machine-name"),network=this.activeCourse.topology.Network,service=network.filter(function(service){if(service.machine_name!==active){return!1}return!0});if(0<service.length){service=service.pop();this.$.makeservice.params={course:this.activeCourse.attributes.machine_name,service:service.machine_name};this._activeService=service;this.$.confirm.toggleDialog()}else{console.log("that was not a valid service..")}},_confirmBuild:function _confirmBuild(){this.$.makeservice.generateRequest()},attached:function attached(){document.body.addEventListener("lrnsys-dialog-modal-closed",this._accessibleFocus.bind(this))},_accessibleFocus:function _accessibleFocus(){this.__rememberClick.focus()},_loadCourseUrl:function _loadCourseUrl(e){this.__rememberClick=e.target;this.$.loadingCourse.hidden=!1;var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-course-id"),findCourse=this.originalCourses.filter(function(course){if(course.id!==active){return!1}return!0});if(0<findCourse.length){findCourse=findCourse.pop()}this.activeCourse=findCourse;this._courseDataParams={id:this.activeCourse.id};this.$.courserequest.generateRequest();this.$.dialog.toggleDialog()},_coursesCompute:function _coursesCompute(originalCourses){var _this=this;if("undefined"===typeof originalCourses){return[]}var root=this,filteredCourses=[];filteredCourses=originalCourses.filter(function(course){if("undefined"!==typeof root.queryParams.course){if(course.id!==root.queryParams.course){return!1}}if("undefined"!==typeof root.queryParams.program){if(course.relationships.program.id!==root.queryParams.program){return!1}}if("undefined"!==typeof root.queryParams.academic){if(course.relationships.academic.id!==root.queryParams.academic){return!1}}return!0});setTimeout(function(){_this.$.ironlist.fire("iron-resize")},200);return filteredCourses}})});
\ No newline at end of file
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 23e3ae55276..5005ea10bd8 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-scroll-threshold/iron-scroll-threshold.js","../../../../@polymer/iron-image/iron-image.js","../../../../@polymer/paper-button/paper-button.js","../../../elmsln-loading/elmsln-loading.js","../../../materializecss-styles/materializecss-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_a457c64054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\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    </style>\n    <iron-ajax\n      id=\"ajax\"\n      url=\"[[sourcePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      last-response=\"{{submissions}}\"\n    ></iron-ajax>\n    <iron-scroll-threshold on-lower-threshold=\"_loadMoreData\" id=\"threshold\">\n      <iron-list grid items=\"[[_toArray(submissions.data)]]\" as=\"item\">\n        <template is=\"dom-repeat\" items=\"[[_toArray(item.images)]]\" as=\"image\">\n          <paper-button>\n            <iron-image\n              preload\n              open-url=\"{{item.url}}\"\n              title=\"{{item.title}}\"\n              alt=\"{{item.title}}\"\n              src=\"{{image.src}}\"\n              author=\"{{item.author}}\"\n              comments=\"{{item.comments}}\"\n              height=\"{{image.height}}\"\n              width=\"{{image.width}}\"\n            ></iron-image>\n          </paper-button>\n        </template>\n      </iron-list>\n    </iron-scroll-threshold>\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n    >\n      <paper-dialog-scrollable id=\"dialogResponse\">\n        <iron-image src$=\"[[activeImage]]\"></iron-image>\n        <div id=\"details\">\n          <div class=\"title\">\n            <span>Title:</span> <span>{{{activeTitle}}}</span>\n          </div>\n          <div class=\"author\">\n            <span>Author:</span> <span>{{activeAuthor}}</span>\n          </div>\n          <div class=\"comments\">\n            <span>Comments:</span> <span>{{activeComments}}</span>\n          </div>\n          <div class=\"comment-on-work\">\n            <a href$=\"[[activeUrl]]\">\n              <paper-button raised>Comment on this work</paper-button>\n            </a>\n          </div>\n        </div>\n      </paper-dialog-scrollable>\n    </paper-dialog>\n  "]);_templateObject_a457c64054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a457c64054f411e9aeb367f92c5b63ab()),is:"lrnapp-gallery-grid",listeners:{click:"_triggerDialog"},properties:{sourcePath:{type:String,notify:!0},submissions:{type:Array,notify:!0},activeImage:{type:String,reflectToAttribute:!0,notify:!0},activeTitle:{type:String,reflectToAttribute:!0,notify:!0},activeAuthor:{type:String,reflectToAttribute:!0,notify:!0},activeComments:{type:String,reflectToAttribute:!0,notify:!0},activeUrl:{type:String,reflectToAttribute:!0,notify:!0}},_triggerDialog:function _triggerDialog(e){if("IMG"==e.target.nextElementSibling.nodeName){this.activeImage=e.target.nextElementSibling.src;this.activeTitle=e.target.parentElement.title;this.activeAuthor=e.target.parentElement.author;this.activeComments=e.target.parentElement.comments;this.activeUrl=e.target.parentElement.openUrl;this.shadowRoot.querySelector("#dialog").toggle()}},_loadMoreData:function _loadMoreData(){this.shadowRoot.querySelector("#ajax").generateRequest();this.shadowRoot.querySelector("#threshold").clearTriggers()},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-scroll-threshold/iron-scroll-threshold.js","../../../../@polymer/iron-image/iron-image.js","../../../../@polymer/paper-button/paper-button.js","../../../elmsln-loading/elmsln-loading.js","../../../materializecss-styles/materializecss-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_3aa79050555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\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    </style>\n    <iron-ajax\n      id=\"ajax\"\n      url=\"[[sourcePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      last-response=\"{{submissions}}\"\n    ></iron-ajax>\n    <iron-scroll-threshold on-lower-threshold=\"_loadMoreData\" id=\"threshold\">\n      <iron-list grid items=\"[[_toArray(submissions.data)]]\" as=\"item\">\n        <template is=\"dom-repeat\" items=\"[[_toArray(item.images)]]\" as=\"image\">\n          <paper-button>\n            <iron-image\n              preload\n              open-url=\"{{item.url}}\"\n              title=\"{{item.title}}\"\n              alt=\"{{item.title}}\"\n              src=\"{{image.src}}\"\n              author=\"{{item.author}}\"\n              comments=\"{{item.comments}}\"\n              height=\"{{image.height}}\"\n              width=\"{{image.width}}\"\n            ></iron-image>\n          </paper-button>\n        </template>\n      </iron-list>\n    </iron-scroll-threshold>\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n    >\n      <paper-dialog-scrollable id=\"dialogResponse\">\n        <iron-image src$=\"[[activeImage]]\"></iron-image>\n        <div id=\"details\">\n          <div class=\"title\">\n            <span>Title:</span> <span>{{{activeTitle}}}</span>\n          </div>\n          <div class=\"author\">\n            <span>Author:</span> <span>{{activeAuthor}}</span>\n          </div>\n          <div class=\"comments\">\n            <span>Comments:</span> <span>{{activeComments}}</span>\n          </div>\n          <div class=\"comment-on-work\">\n            <a href$=\"[[activeUrl]]\">\n              <paper-button raised>Comment on this work</paper-button>\n            </a>\n          </div>\n        </div>\n      </paper-dialog-scrollable>\n    </paper-dialog>\n  "]);_templateObject_3aa79050555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3aa79050555211e98f439769bd191e33()),is:"lrnapp-gallery-grid",listeners:{click:"_triggerDialog"},properties:{sourcePath:{type:String,notify:!0},submissions:{type:Array,notify:!0},activeImage:{type:String,reflectToAttribute:!0,notify:!0},activeTitle:{type:String,reflectToAttribute:!0,notify:!0},activeAuthor:{type:String,reflectToAttribute:!0,notify:!0},activeComments:{type:String,reflectToAttribute:!0,notify:!0},activeUrl:{type:String,reflectToAttribute:!0,notify:!0}},_triggerDialog:function _triggerDialog(e){if("IMG"==e.target.nextElementSibling.nodeName){this.activeImage=e.target.nextElementSibling.src;this.activeTitle=e.target.parentElement.title;this.activeAuthor=e.target.parentElement.author;this.activeComments=e.target.parentElement.comments;this.activeUrl=e.target.parentElement.openUrl;this.shadowRoot.querySelector("#dialog").toggle()}},_loadMoreData:function _loadMoreData(){this.shadowRoot.querySelector("#ajax").generateRequest();this.shadowRoot.querySelector("#threshold").clearTriggers()},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-media-grid/lrnapp-media-grid.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-media-grid/lrnapp-media-grid.js
index cdcfeb9c6bd..8d8e5bdea9d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-media-grid/lrnapp-media-grid.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-media-grid/lrnapp-media-grid.js
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-scroll-threshold/iron-scroll-threshold.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/iron-image/iron-image.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../../materializecss-styles/materializecss-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_a4661e2054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\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    </style>\n    <iron-ajax\n      id=\"ajax\"\n      url=\"[[sourcePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      last-response=\"{{images}}\"\n    ></iron-ajax>\n    <iron-scroll-threshold on-lower-threshold=\"_loadMoreData\" id=\"threshold\">\n      <iron-list grid items=\"[[_toArray(images.data)]]\" as=\"image\">\n        <template>\n          <paper-button>\n            <iron-image\n              preload=\"\"\n              title=\"{{image.filename}}\"\n              alt=\"{{image.alt}}\"\n              src=\"{{image.src}}\"\n              height=\"{{image.height}}\"\n              width=\"{{image.width}}\"\n            ></iron-image>\n          </paper-button>\n        </template>\n      </iron-list>\n    </iron-scroll-threshold>\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n    >\n      <paper-dialog-scrollable id=\"dialogResponse\">\n        <iron-image src$=\"[[activeImage]]\"></iron-image>\n        <div id=\"details\">\n          <div class=\"title\">\n            <span>Title:</span> <span>[[activeTitle]]</span>\n          </div>\n          <div class=\"comment-on-work\">\n            <a href$=\"[[activeUrl]]\">\n              <paper-button raised=\"\">View media</paper-button>\n            </a>\n          </div>\n        </div>\n      </paper-dialog-scrollable>\n    </paper-dialog>\n  "]);_templateObject_a4661e2054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a4661e2054f411e9aeb367f92c5b63ab()),is:"lrnapp-media-grid",listeners:{click:"_triggerDialog"},properties:{sourcePath:{type:String,notify:!0},images:{type:Array,notify:!0},activeImage:{type:String,reflectToAttribute:!0,notify:!0},activeTitle:{type:String,reflectToAttribute:!0,notify:!0},activeUrl:{type:String,reflectToAttribute:!0,notify:!0}},_triggerDialog:function _triggerDialog(e){if("IMG"==e.target.nextElementSibling.nodeName){this.activeImage=e.target.nextElementSibling.src;this.activeTitle=e.target.parentElement.title;this.activeUrl=e.target.parentElement.openUrl;this.shadowRoot.querySelector("#dialog").toggle()}},_loadMoreData:function _loadMoreData(){this.shadowRoot.querySelector("#ajax").generateRequest();this.shadowRoot.querySelector("#threshold").clearTriggers()},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-scroll-threshold/iron-scroll-threshold.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/iron-image/iron-image.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../../materializecss-styles/materializecss-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_3ab747c0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\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    </style>\n    <iron-ajax\n      id=\"ajax\"\n      url=\"[[sourcePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      last-response=\"{{images}}\"\n    ></iron-ajax>\n    <iron-scroll-threshold on-lower-threshold=\"_loadMoreData\" id=\"threshold\">\n      <iron-list grid items=\"[[_toArray(images.data)]]\" as=\"image\">\n        <template>\n          <paper-button>\n            <iron-image\n              preload=\"\"\n              title=\"{{image.filename}}\"\n              alt=\"{{image.alt}}\"\n              src=\"{{image.src}}\"\n              height=\"{{image.height}}\"\n              width=\"{{image.width}}\"\n            ></iron-image>\n          </paper-button>\n        </template>\n      </iron-list>\n    </iron-scroll-threshold>\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n    >\n      <paper-dialog-scrollable id=\"dialogResponse\">\n        <iron-image src$=\"[[activeImage]]\"></iron-image>\n        <div id=\"details\">\n          <div class=\"title\">\n            <span>Title:</span> <span>[[activeTitle]]</span>\n          </div>\n          <div class=\"comment-on-work\">\n            <a href$=\"[[activeUrl]]\">\n              <paper-button raised=\"\">View media</paper-button>\n            </a>\n          </div>\n        </div>\n      </paper-dialog-scrollable>\n    </paper-dialog>\n  "]);_templateObject_3ab747c0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3ab747c0555211e98f439769bd191e33()),is:"lrnapp-media-grid",listeners:{click:"_triggerDialog"},properties:{sourcePath:{type:String,notify:!0},images:{type:Array,notify:!0},activeImage:{type:String,reflectToAttribute:!0,notify:!0},activeTitle:{type:String,reflectToAttribute:!0,notify:!0},activeUrl:{type:String,reflectToAttribute:!0,notify:!0}},_triggerDialog:function _triggerDialog(e){if("IMG"==e.target.nextElementSibling.nodeName){this.activeImage=e.target.nextElementSibling.src;this.activeTitle=e.target.parentElement.title;this.activeUrl=e.target.parentElement.openUrl;this.shadowRoot.querySelector("#dialog").toggle()}},_loadMoreData:function _loadMoreData(){this.shadowRoot.querySelector("#ajax").generateRequest();this.shadowRoot.querySelector("#threshold").clearTriggers()},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-media-management/lrnapp-media-management.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-media-management/lrnapp-media-management.js
index 9f57e0e7aa1..3df011cc9a6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-media-management/lrnapp-media-management.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-media-management/lrnapp-media-management.js
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-scroll-threshold/iron-scroll-threshold.js","../../../../@polymer/iron-image/iron-image.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/paper-button/paper-button.js","../../../elmsln-loading/elmsln-loading.js","../../../materializecss-styles/materializecss-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_a481203054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n      }\n      paper-button {\n        padding: 0;\n        margin: 0;\n        min-width: 16px;\n      }\n      #details {\n        opacity: 0.5;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        margin: 0 16px 0 0;\n        background-color: white;\n        padding: 8px;\n      }\n      #details:hover {\n        opacity: 1;\n      }\n      #details span {\n        font-size: 10px;\n        font-weight: normal;\n      }\n      #details .comment-on-work {\n        font-size: 12px;\n        background-color: white;\n      }\n    </style>\n    <iron-ajax\n      id=\"ajax\"\n      url=\"[[source-path]]\"\n      params=\"\"\n      handle-as=\"json\"\n      last-response=\"{{submissions}}\"\n    ></iron-ajax>\n    <iron-scroll-threshold on-lower-threshold=\"_loadMoreData\" id=\"threshold\">\n      <iron-list grid items=\"[[_toArray(submissions.data)]]\" as=\"item\">\n        <template>\n          <paper-card\n            heading=\"{{item.title}}\"\n            image=\"\"\n            elevation=\"2\"\n            animated-shadow=\"true\"\n          >\n            <div class=\"card-content\"></div>\n            <div class=\"card-actions\">\n              <a href=\"{{item.url}}\"\n                ><paper-button raised>View</paper-button></a\n              >\n              <a href=\"{{item.edit_url}}\"\n                ><paper-button raised>Edit</paper-button></a\n              >\n            </div>\n          </paper-card>\n        </template>\n      </iron-list>\n    </iron-scroll-threshold>\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n    >\n      <paper-dialog-scrollable id=\"dialogResponse\">\n        <iron-image src=\"{{activeImage}}\"></iron-image>\n        <div id=\"details\">\n          <div class=\"title\">\n            <span>Title:</span> <span>{{activeTitle}}</span>\n          </div>\n          <div class=\"author\">\n            <span>Author:</span> <span>{{activeAuthor}}</span>\n          </div>\n          <div class=\"comments\">\n            <span>Comments:</span> <span>{{activeComments}}</span>\n          </div>\n          <div class=\"comment-on-work\">\n            <a href=\"{{activeUrl}}\">\n              <paper-button raised>Comment on this work</paper-button>\n            </a>\n          </div>\n        </div>\n      </paper-dialog-scrollable>\n    </paper-dialog>\n  "]);_templateObject_a481203054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a481203054f411e9aeb367f92c5b63ab()),is:"lrnapp-media-management",listeners:{click:"_triggerDialog"},properties:{submissions:{type:Array,notify:!0},activeImage:{type:String,reflectToAttribute:!0,notify:!0},activeTitle:{type:String,reflectToAttribute:!0,notify:!0},activeAuthor:{type:String,reflectToAttribute:!0,notify:!0},activeComments:{type:String,reflectToAttribute:!0,notify:!0},activeUrl:{type:String,reflectToAttribute:!0,notify:!0}},_triggerDialog:function _triggerDialog(e){var root=this;if("IMG"==e.target.nextElementSibling.nodeName){root.activeImage=e.target.nextElementSibling.src;root.activeTitle=e.target.parentElement.title;root.activeAuthor=e.target.parentElement.author;root.activeComments=e.target.parentElement.comments;root.activeUrl=e.target.parentElement.openUrl;this.shadowRoot.querySelector("#dialog").toggle()}},_loadMoreData:function _loadMoreData(){var root=this;root.shadowRoot.querySelector("#ajax").generateRequest();root.shadowRoot.querySelector("#threshold").clearTriggers()},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-scroll-threshold/iron-scroll-threshold.js","../../../../@polymer/iron-image/iron-image.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/paper-button/paper-button.js","../../../elmsln-loading/elmsln-loading.js","../../../materializecss-styles/materializecss-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_3acd19b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n      }\n      paper-button {\n        padding: 0;\n        margin: 0;\n        min-width: 16px;\n      }\n      #details {\n        opacity: 0.5;\n        position: absolute;\n        bottom: 0;\n        right: 0;\n        margin: 0 16px 0 0;\n        background-color: white;\n        padding: 8px;\n      }\n      #details:hover {\n        opacity: 1;\n      }\n      #details span {\n        font-size: 10px;\n        font-weight: normal;\n      }\n      #details .comment-on-work {\n        font-size: 12px;\n        background-color: white;\n      }\n    </style>\n    <iron-ajax\n      id=\"ajax\"\n      url=\"[[source-path]]\"\n      params=\"\"\n      handle-as=\"json\"\n      last-response=\"{{submissions}}\"\n    ></iron-ajax>\n    <iron-scroll-threshold on-lower-threshold=\"_loadMoreData\" id=\"threshold\">\n      <iron-list grid items=\"[[_toArray(submissions.data)]]\" as=\"item\">\n        <template>\n          <paper-card\n            heading=\"{{item.title}}\"\n            image=\"\"\n            elevation=\"2\"\n            animated-shadow=\"true\"\n          >\n            <div class=\"card-content\"></div>\n            <div class=\"card-actions\">\n              <a href=\"{{item.url}}\"\n                ><paper-button raised>View</paper-button></a\n              >\n              <a href=\"{{item.edit_url}}\"\n                ><paper-button raised>Edit</paper-button></a\n              >\n            </div>\n          </paper-card>\n        </template>\n      </iron-list>\n    </iron-scroll-threshold>\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n    >\n      <paper-dialog-scrollable id=\"dialogResponse\">\n        <iron-image src=\"{{activeImage}}\"></iron-image>\n        <div id=\"details\">\n          <div class=\"title\">\n            <span>Title:</span> <span>{{activeTitle}}</span>\n          </div>\n          <div class=\"author\">\n            <span>Author:</span> <span>{{activeAuthor}}</span>\n          </div>\n          <div class=\"comments\">\n            <span>Comments:</span> <span>{{activeComments}}</span>\n          </div>\n          <div class=\"comment-on-work\">\n            <a href=\"{{activeUrl}}\">\n              <paper-button raised>Comment on this work</paper-button>\n            </a>\n          </div>\n        </div>\n      </paper-dialog-scrollable>\n    </paper-dialog>\n  "]);_templateObject_3acd19b0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3acd19b0555211e98f439769bd191e33()),is:"lrnapp-media-management",listeners:{click:"_triggerDialog"},properties:{submissions:{type:Array,notify:!0},activeImage:{type:String,reflectToAttribute:!0,notify:!0},activeTitle:{type:String,reflectToAttribute:!0,notify:!0},activeAuthor:{type:String,reflectToAttribute:!0,notify:!0},activeComments:{type:String,reflectToAttribute:!0,notify:!0},activeUrl:{type:String,reflectToAttribute:!0,notify:!0}},_triggerDialog:function _triggerDialog(e){var root=this;if("IMG"==e.target.nextElementSibling.nodeName){root.activeImage=e.target.nextElementSibling.src;root.activeTitle=e.target.parentElement.title;root.activeAuthor=e.target.parentElement.author;root.activeComments=e.target.parentElement.comments;root.activeUrl=e.target.parentElement.openUrl;this.shadowRoot.querySelector("#dialog").toggle()}},_loadMoreData:function _loadMoreData(){var root=this;root.shadowRoot.querySelector("#ajax").generateRequest();root.shadowRoot.querySelector("#threshold").clearTriggers()},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-media-upload/lrnapp-media-upload.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-media-upload/lrnapp-media-upload.js
index b1c3abafa16..fda8bde2e8c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-media-upload/lrnapp-media-upload.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-media-upload/lrnapp-media-upload.js
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-legacy.js","../../../../@vaadin/vaadin-upload/vaadin-upload.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnappMediaUpload=void 0;function _templateObject_a46f940054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      paper-button {\n        padding: 0;\n        margin: 0;\n        min-width: 16px;\n      }\n      vaadin-upload.thick-border {\n        --primary-color: #396;\n        --dark-primary-color: #063;\n        --light-primary-color: #6c9;\n        --error-color: darkred;\n\n        border: 2px solid #ccc;\n        padding: 14px;\n        background: #eee;\n        border-radius: 0;\n      }\n      vaadin-upload.thick-border[dragover] {\n        border-color: #396;\n      }\n    </style>\n    <vaadin-upload\n      target$=\"{{uploadPath}}\"\n      method=\"POST\"\n      form-data-name=\"file-upload\"\n    ></vaadin-upload>\n  "],["\n    <style>\n      :host {\n        display: block;\n      }\n      paper-button {\n        padding: 0;\n        margin: 0;\n        min-width: 16px;\n      }\n      vaadin-upload.thick-border {\n        --primary-color: #396;\n        --dark-primary-color: #063;\n        --light-primary-color: #6c9;\n        --error-color: darkred;\n\n        border: 2px solid #ccc;\n        padding: 14px;\n        background: #eee;\n        border-radius: 0;\n      }\n      vaadin-upload.thick-border[dragover] {\n        border-color: #396;\n      }\n    </style>\n    <vaadin-upload\n      target\\$=\"{{uploadPath}}\"\n      method=\"POST\"\n      form-data-name=\"file-upload\"\n    ></vaadin-upload>\n  "]);_templateObject_a46f940054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnappMediaUpload=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a46f940054f411e9aeb367f92c5b63ab()),is:"lrnapp-media-upload",properties:{uploadPath:{type:String,notify:!0,reflectToAttribute:!0}}});_exports.LrnappMediaUpload=LrnappMediaUpload});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-legacy.js","../../../../@vaadin/vaadin-upload/vaadin-upload.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnappMediaUpload=void 0;function _templateObject_3acfffe0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      paper-button {\n        padding: 0;\n        margin: 0;\n        min-width: 16px;\n      }\n      vaadin-upload.thick-border {\n        --primary-color: #396;\n        --dark-primary-color: #063;\n        --light-primary-color: #6c9;\n        --error-color: darkred;\n\n        border: 2px solid #ccc;\n        padding: 14px;\n        background: #eee;\n        border-radius: 0;\n      }\n      vaadin-upload.thick-border[dragover] {\n        border-color: #396;\n      }\n    </style>\n    <vaadin-upload\n      target$=\"{{uploadPath}}\"\n      method=\"POST\"\n      form-data-name=\"file-upload\"\n    ></vaadin-upload>\n  "],["\n    <style>\n      :host {\n        display: block;\n      }\n      paper-button {\n        padding: 0;\n        margin: 0;\n        min-width: 16px;\n      }\n      vaadin-upload.thick-border {\n        --primary-color: #396;\n        --dark-primary-color: #063;\n        --light-primary-color: #6c9;\n        --error-color: darkred;\n\n        border: 2px solid #ccc;\n        padding: 14px;\n        background: #eee;\n        border-radius: 0;\n      }\n      vaadin-upload.thick-border[dragover] {\n        border-color: #396;\n      }\n    </style>\n    <vaadin-upload\n      target\\$=\"{{uploadPath}}\"\n      method=\"POST\"\n      form-data-name=\"file-upload\"\n    ></vaadin-upload>\n  "]);_templateObject_3acfffe0555211e98f439769bd191e33=function(){return data};return data}var LrnappMediaUpload=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3acfffe0555211e98f439769bd191e33()),is:"lrnapp-media-upload",properties:{uploadPath:{type:String,notify:!0,reflectToAttribute:!0}}});_exports.LrnappMediaUpload=LrnappMediaUpload});
\ No newline at end of file
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 da8c8eb6b6f..6542e423a6b 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/paper-button/paper-button.js","../../../lrnsys-button/lrnsys-button.js","../../../lrndesign-avatar/lrndesign-avatar.js","../../../materializecss-styles/materializecss-styles.js","../lrnapp-studio-submission/lrnapp-studio-submission-display.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_a490627054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\"></style>\n    <style>\n      :host {\n        display: block;\n        align-content: center;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.8;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        height: 100vh;\n        position: absolute;\n        background-color: white;\n      }\n      h1.empty-title,\n      h1.assignment-title {\n        font-size: 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    </style>\n    <template is=\"dom-if\" if=\"[[!showSubmissions]]\">\n      <h1 class=\"empty-title black-text\">\n        Please select an Assignment in order to view all submissions\n      </h1>\n    </template>\n    <template is=\"dom-if\" if=\"[[showSubmissions]]\">\n      <h1 class=\"assignment-title black-text\">\n        [[activeAssignment.attributes.title]]\n      </h1>\n      <div class=\"submission-list\">\n        <template is=\"dom-repeat\" items=\"[[submissions]]\" as=\"submission\">\n          <lrnsys-button\n            on-tap=\"_scrollToTarget\"\n            raised=\"\"\n            class=\"submission-list-item\"\n            button-class=\"submission-list-item\"\n            hover-class=\"blue white-text\"\n            data-submission-id$=\"[[submission.id]]\"\n          >\n            <span slot=\"button\">\n              <lrndesign-avatar\n                src=\"[[submission.relationships.author.data.avatar]]\"\n                label=\"[[submission.relationships.author.data.name]]\"\n                style=\"display:inline-block;\"\n                data-submission-id$=\"[[submission.id]]\"\n              ></lrndesign-avatar>\n            </span>\n            <span slot=\"label\"\n              >[[submission.relationships.author.data.display_name]]</span\n            >\n          </lrnsys-button>\n        </template>\n      </div>\n      <template is=\"dom-repeat\" items=\"[[submissions]]\" as=\"submission\">\n        <lrnapp-studio-submission-display\n          id$=\"submission-[[submission.id]]\"\n          submission=\"[[submission]]\"\n          class=\"ferpa-protect\"\n        ></lrnapp-studio-submission-display>\n        <a tabindex=\"-1\"\n          ><paper-button\n            class=\"submission-title ferpa-protect\"\n            on-tap=\"_loadSubmissionUrl\"\n            data-submission-id$=\"[[submission.id]]\"\n            >Tap to comment on[[submission.attributes.title]] by\n            [[submission.relationships.author.data.display_name]]</paper-button\n          ></a\n        >\n      </template>\n    </template>\n  "],["\n    <style include=\"materializecss-styles\"></style>\n    <style>\n      :host {\n        display: block;\n        align-content: center;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.8;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        height: 100vh;\n        position: absolute;\n        background-color: white;\n      }\n      h1.empty-title,\n      h1.assignment-title {\n        font-size: 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    </style>\n    <template is=\"dom-if\" if=\"[[!showSubmissions]]\">\n      <h1 class=\"empty-title black-text\">\n        Please select an Assignment in order to view all submissions\n      </h1>\n    </template>\n    <template is=\"dom-if\" if=\"[[showSubmissions]]\">\n      <h1 class=\"assignment-title black-text\">\n        [[activeAssignment.attributes.title]]\n      </h1>\n      <div class=\"submission-list\">\n        <template is=\"dom-repeat\" items=\"[[submissions]]\" as=\"submission\">\n          <lrnsys-button\n            on-tap=\"_scrollToTarget\"\n            raised=\"\"\n            class=\"submission-list-item\"\n            button-class=\"submission-list-item\"\n            hover-class=\"blue white-text\"\n            data-submission-id\\$=\"[[submission.id]]\"\n          >\n            <span slot=\"button\">\n              <lrndesign-avatar\n                src=\"[[submission.relationships.author.data.avatar]]\"\n                label=\"[[submission.relationships.author.data.name]]\"\n                style=\"display:inline-block;\"\n                data-submission-id\\$=\"[[submission.id]]\"\n              ></lrndesign-avatar>\n            </span>\n            <span slot=\"label\"\n              >[[submission.relationships.author.data.display_name]]</span\n            >\n          </lrnsys-button>\n        </template>\n      </div>\n      <template is=\"dom-repeat\" items=\"[[submissions]]\" as=\"submission\">\n        <lrnapp-studio-submission-display\n          id\\$=\"submission-[[submission.id]]\"\n          submission=\"[[submission]]\"\n          class=\"ferpa-protect\"\n        ></lrnapp-studio-submission-display>\n        <a tabindex=\"-1\"\n          ><paper-button\n            class=\"submission-title ferpa-protect\"\n            on-tap=\"_loadSubmissionUrl\"\n            data-submission-id\\$=\"[[submission.id]]\"\n            >Tap to comment on[[submission.attributes.title]] by\n            [[submission.relationships.author.data.display_name]]</paper-button\n          ></a\n        >\n      </template>\n    </template>\n  "]);_templateObject_a490627054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a490627054f411e9aeb367f92c5b63ab()),is:"lrnapp-open-studio-assignments",properties:{assignments:{type:Array,notify:!0},submissions:{type:Array,notify:!0},activeAssignmentId:{type:String,reflectToAttribute:!0,value:null,notify:!0},activeAssignment:{type:Object,notify:!0,computed:"_activeAssignmentCompute(activeAssignmentId, assignments)"},activeAuthorId:{type:String,reflectToAttribute:!0,value:null,notify:!0},showSubmissions:{type:Boolean,computed:"_showSubmissions(activeAssignmentId)",value:!1,notify:!0},sourcePath:{type:String,notify:!0},basePath:{type:String,notify:!0}},_loadSubmissionUrl:function _loadSubmissionUrl(e){var root=this,normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-submission-id");window.location.href=this.basePath+"lrnapp-studio-submission/submissions/"+active},_activeAssignmentCompute:function _activeAssignmentCompute(activeAssignmentId,assignments){var activeAssignment=null;if(assignments){activeAssignment=assignments.find(function(assignment){return assignment.id==activeAssignmentId})}return activeAssignment},_showSubmissions:function _showSubmissions(activeAssignmentId){if(activeAssignmentId){return!0}return!1},_scrollToTarget:function _scrollToTarget(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-submission-id");this.shadowRoot.querySelector("#submission-"+active).scrollIntoView({block:"start",behavior:"smooth"})},_handleResponse:function _handleResponse(){this.$.loading.hidden=!0},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/paper-button/paper-button.js","../../../lrnsys-button/lrnsys-button.js","../../../lrndesign-avatar/lrndesign-avatar.js","../../../materializecss-styles/materializecss-styles.js","../lrnapp-studio-submission/lrnapp-studio-submission-display.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_3ae16500555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\"></style>\n    <style>\n      :host {\n        display: block;\n        align-content: center;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.8;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        height: 100vh;\n        position: absolute;\n        background-color: white;\n      }\n      h1.empty-title,\n      h1.assignment-title {\n        font-size: 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    </style>\n    <template is=\"dom-if\" if=\"[[!showSubmissions]]\">\n      <h1 class=\"empty-title black-text\">\n        Please select an Assignment in order to view all submissions\n      </h1>\n    </template>\n    <template is=\"dom-if\" if=\"[[showSubmissions]]\">\n      <h1 class=\"assignment-title black-text\">\n        [[activeAssignment.attributes.title]]\n      </h1>\n      <div class=\"submission-list\">\n        <template is=\"dom-repeat\" items=\"[[submissions]]\" as=\"submission\">\n          <lrnsys-button\n            on-tap=\"_scrollToTarget\"\n            raised=\"\"\n            class=\"submission-list-item\"\n            button-class=\"submission-list-item\"\n            hover-class=\"blue white-text\"\n            data-submission-id$=\"[[submission.id]]\"\n          >\n            <span slot=\"button\">\n              <lrndesign-avatar\n                src=\"[[submission.relationships.author.data.avatar]]\"\n                label=\"[[submission.relationships.author.data.name]]\"\n                style=\"display:inline-block;\"\n                data-submission-id$=\"[[submission.id]]\"\n              ></lrndesign-avatar>\n            </span>\n            <span slot=\"label\"\n              >[[submission.relationships.author.data.display_name]]</span\n            >\n          </lrnsys-button>\n        </template>\n      </div>\n      <template is=\"dom-repeat\" items=\"[[submissions]]\" as=\"submission\">\n        <lrnapp-studio-submission-display\n          id$=\"submission-[[submission.id]]\"\n          submission=\"[[submission]]\"\n          class=\"ferpa-protect\"\n        ></lrnapp-studio-submission-display>\n        <a tabindex=\"-1\"\n          ><paper-button\n            class=\"submission-title ferpa-protect\"\n            on-tap=\"_loadSubmissionUrl\"\n            data-submission-id$=\"[[submission.id]]\"\n            >Tap to comment on[[submission.attributes.title]] by\n            [[submission.relationships.author.data.display_name]]</paper-button\n          ></a\n        >\n      </template>\n    </template>\n  "],["\n    <style include=\"materializecss-styles\"></style>\n    <style>\n      :host {\n        display: block;\n        align-content: center;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.8;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        height: 100vh;\n        position: absolute;\n        background-color: white;\n      }\n      h1.empty-title,\n      h1.assignment-title {\n        font-size: 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    </style>\n    <template is=\"dom-if\" if=\"[[!showSubmissions]]\">\n      <h1 class=\"empty-title black-text\">\n        Please select an Assignment in order to view all submissions\n      </h1>\n    </template>\n    <template is=\"dom-if\" if=\"[[showSubmissions]]\">\n      <h1 class=\"assignment-title black-text\">\n        [[activeAssignment.attributes.title]]\n      </h1>\n      <div class=\"submission-list\">\n        <template is=\"dom-repeat\" items=\"[[submissions]]\" as=\"submission\">\n          <lrnsys-button\n            on-tap=\"_scrollToTarget\"\n            raised=\"\"\n            class=\"submission-list-item\"\n            button-class=\"submission-list-item\"\n            hover-class=\"blue white-text\"\n            data-submission-id\\$=\"[[submission.id]]\"\n          >\n            <span slot=\"button\">\n              <lrndesign-avatar\n                src=\"[[submission.relationships.author.data.avatar]]\"\n                label=\"[[submission.relationships.author.data.name]]\"\n                style=\"display:inline-block;\"\n                data-submission-id\\$=\"[[submission.id]]\"\n              ></lrndesign-avatar>\n            </span>\n            <span slot=\"label\"\n              >[[submission.relationships.author.data.display_name]]</span\n            >\n          </lrnsys-button>\n        </template>\n      </div>\n      <template is=\"dom-repeat\" items=\"[[submissions]]\" as=\"submission\">\n        <lrnapp-studio-submission-display\n          id\\$=\"submission-[[submission.id]]\"\n          submission=\"[[submission]]\"\n          class=\"ferpa-protect\"\n        ></lrnapp-studio-submission-display>\n        <a tabindex=\"-1\"\n          ><paper-button\n            class=\"submission-title ferpa-protect\"\n            on-tap=\"_loadSubmissionUrl\"\n            data-submission-id\\$=\"[[submission.id]]\"\n            >Tap to comment on[[submission.attributes.title]] by\n            [[submission.relationships.author.data.display_name]]</paper-button\n          ></a\n        >\n      </template>\n    </template>\n  "]);_templateObject_3ae16500555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3ae16500555211e98f439769bd191e33()),is:"lrnapp-open-studio-assignments",properties:{assignments:{type:Array,notify:!0},submissions:{type:Array,notify:!0},activeAssignmentId:{type:String,reflectToAttribute:!0,value:null,notify:!0},activeAssignment:{type:Object,notify:!0,computed:"_activeAssignmentCompute(activeAssignmentId, assignments)"},activeAuthorId:{type:String,reflectToAttribute:!0,value:null,notify:!0},showSubmissions:{type:Boolean,computed:"_showSubmissions(activeAssignmentId)",value:!1,notify:!0},sourcePath:{type:String,notify:!0},basePath:{type:String,notify:!0}},_loadSubmissionUrl:function _loadSubmissionUrl(e){var root=this,normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-submission-id");window.location.href=this.basePath+"lrnapp-studio-submission/submissions/"+active},_activeAssignmentCompute:function _activeAssignmentCompute(activeAssignmentId,assignments){var activeAssignment=null;if(assignments){activeAssignment=assignments.find(function(assignment){return assignment.id==activeAssignmentId})}return activeAssignment},_showSubmissions:function _showSubmissions(activeAssignmentId){if(activeAssignmentId){return!0}return!1},_scrollToTarget:function _scrollToTarget(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-submission-id");this.shadowRoot.querySelector("#submission-"+active).scrollIntoView({block:"start",behavior:"smooth"})},_handleResponse:function _handleResponse(){this.$.loading.hidden=!0},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
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 9d00494dcfa..245e95f8142 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../lrnsys-button/lrnsys-button.js","../../../materializecss-styles/materializecss-styles.js","../lrnapp-studio-submission/lrnapp-studio-submission-display.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_a499150054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\"></style>\n    <style>\n      :host {\n        display: block;\n        align-content: center;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.8;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        height: 100vh;\n        position: absolute;\n        background-color: white;\n      }\n      h1.empty-title,\n      h1.project-title {\n        font-size: 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    </style>\n    <template is=\"dom-if\" if=\"[[!showSubmissions]]\">\n      <h1 class=\"empty-title black-text\">\n        Please select an Author and Project in order to review their portfolio\n      </h1>\n    </template>\n    <template is=\"dom-if\" if=\"[[showSubmissions]]\">\n      <h1 class=\"project-title black-text\">\n        [[activeProject.attributes.title]]\n      </h1>\n      <div class=\"project-steps\">\n        <template\n          is=\"dom-repeat\"\n          items=\"[[activeProject.attributes.steps]]\"\n          as=\"assignment\"\n        >\n          <lrnsys-button\n            icon$=\"[[_getSubmissionIcon(assignment.id)]]\"\n            icon-class$=\"[[_getSubmissionClass(assignment.id)]]\"\n            on-tap=\"_scrollToTarget\"\n            label=\"[[assignment.title]]\"\n            data-assignment-id$=\"[[assignment.id]]\"\n            class=\"project-step\"\n            hover-class=\"blue white-text\"\n            raised=\"\"\n            hidden$=\"[[!assignment.title]]\"\n          ></lrnsys-button>\n        </template>\n      </div>\n      <template is=\"dom-repeat\" items=\"[[renderSubmissions]]\" as=\"submission\">\n        <a\n          name=\"[[submission.relationships.assignment.title]]\"\n          class$=\"assignment-[[submission.relationships.assignment.id]]\"\n          ><h2 class=\"assignment-title\">\n            [[submission.relationships.assignment.title]]\n          </h2></a\n        >\n        <lrnapp-studio-submission-display\n          submission=\"[[submission]]\"\n          class=\"ferpa-protect\"\n        ></lrnapp-studio-submission-display>\n      </template>\n    </template>\n  "],["\n    <style include=\"materializecss-styles\"></style>\n    <style>\n      :host {\n        display: block;\n        align-content: center;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.8;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        height: 100vh;\n        position: absolute;\n        background-color: white;\n      }\n      h1.empty-title,\n      h1.project-title {\n        font-size: 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    </style>\n    <template is=\"dom-if\" if=\"[[!showSubmissions]]\">\n      <h1 class=\"empty-title black-text\">\n        Please select an Author and Project in order to review their portfolio\n      </h1>\n    </template>\n    <template is=\"dom-if\" if=\"[[showSubmissions]]\">\n      <h1 class=\"project-title black-text\">\n        [[activeProject.attributes.title]]\n      </h1>\n      <div class=\"project-steps\">\n        <template\n          is=\"dom-repeat\"\n          items=\"[[activeProject.attributes.steps]]\"\n          as=\"assignment\"\n        >\n          <lrnsys-button\n            icon\\$=\"[[_getSubmissionIcon(assignment.id)]]\"\n            icon-class\\$=\"[[_getSubmissionClass(assignment.id)]]\"\n            on-tap=\"_scrollToTarget\"\n            label=\"[[assignment.title]]\"\n            data-assignment-id\\$=\"[[assignment.id]]\"\n            class=\"project-step\"\n            hover-class=\"blue white-text\"\n            raised=\"\"\n            hidden\\$=\"[[!assignment.title]]\"\n          ></lrnsys-button>\n        </template>\n      </div>\n      <template is=\"dom-repeat\" items=\"[[renderSubmissions]]\" as=\"submission\">\n        <a\n          name=\"[[submission.relationships.assignment.title]]\"\n          class\\$=\"assignment-[[submission.relationships.assignment.id]]\"\n          ><h2 class=\"assignment-title\">\n            [[submission.relationships.assignment.title]]\n          </h2></a\n        >\n        <lrnapp-studio-submission-display\n          submission=\"[[submission]]\"\n          class=\"ferpa-protect\"\n        ></lrnapp-studio-submission-display>\n      </template>\n    </template>\n  "]);_templateObject_a499150054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a499150054f411e9aeb367f92c5b63ab()),is:"lrnapp-open-studio-projects",properties:{projects:{type:Array,notify:!0},submissions:{type:Array,notify:!0},renderSubmissions:{type:Array,notify:!0,computed:"_renderSubmissionsCompute(submissions, activeProject, activeAuthorId)"},activeProjectId:{type:String,reflectToAttribute:!0,value:null},activeProject:{type:Object,computed:"_activeProjectCompute(activeProjectId, projects)"},activeAuthorId:{type:String,reflectToAttribute:!0,value:null},showSubmissions:{type:Boolean,computed:"_showSubmissions(activeProjectId, activeAuthorId)",value:!1},sourcePath:{type:String,notify:!0},basePath:{type:String,notify:!0}},_renderSubmissionsCompute:function _renderSubmissionsCompute(submissions,activeProject,activeAuthorId){if(!submissions||!activeProject||!activeAuthorId){return null}var renderSubmissions=[],parentAssignments=activeProject.attributes.steps.map(function(step){return step.id});renderSubmissions=submissions.filter(function(submission){return parentAssignments.includes(submission.relationships.assignment.id)});renderSubmissions.sort(function(a,b){for(index=0;index<activeProject.attributes.steps.length;index++){if(activeProject.attributes.steps[index].id==a.relationships.assignment.id){return-1}if(activeProject.attributes.steps[index].id==b.relationships.assignment.id){return 1}}return 0});return renderSubmissions},_activeProjectCompute:function _activeProjectCompute(activeProjectId,projects){var activeProject=null;if(projects){activeProject=projects.find(function(project){return project.id===activeProjectId})}return activeProject},_showSubmissions:function _showSubmissions(activeProjectId,activeAuthorId){if(activeProjectId&&activeAuthorId){return!0}return!1},_getSubmissionIcon:function _getSubmissionIcon(id){for(var index=0;index<this.renderSubmissions.length;index++){if(this.renderSubmissions[index].relationships.assignment.id==id){return"check"}}return"assignment"},_getSubmissionClass:function _getSubmissionClass(id){for(var index=0;index<this.renderSubmissions.length;index++){if(this.renderSubmissions[index].relationships.assignment.id==id){return"green-text text-darken-2"}}return"grey-text"},_scrollToTarget:function _scrollToTarget(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-assignment-id");this.shadowRoot.querySelector(".assignment-"+active).scrollIntoView({block:"end",behavior:"smooth"})},_handleResponse:function _handleResponse(){this.$.loading.hidden=!0},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../lrnsys-button/lrnsys-button.js","../../../materializecss-styles/materializecss-styles.js","../lrnapp-studio-submission/lrnapp-studio-submission-display.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_3aee0f30555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\"></style>\n    <style>\n      :host {\n        display: block;\n        align-content: center;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.8;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        height: 100vh;\n        position: absolute;\n        background-color: white;\n      }\n      h1.empty-title,\n      h1.project-title {\n        font-size: 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    </style>\n    <template is=\"dom-if\" if=\"[[!showSubmissions]]\">\n      <h1 class=\"empty-title black-text\">\n        Please select an Author and Project in order to review their portfolio\n      </h1>\n    </template>\n    <template is=\"dom-if\" if=\"[[showSubmissions]]\">\n      <h1 class=\"project-title black-text\">\n        [[activeProject.attributes.title]]\n      </h1>\n      <div class=\"project-steps\">\n        <template\n          is=\"dom-repeat\"\n          items=\"[[activeProject.attributes.steps]]\"\n          as=\"assignment\"\n        >\n          <lrnsys-button\n            icon$=\"[[_getSubmissionIcon(assignment.id)]]\"\n            icon-class$=\"[[_getSubmissionClass(assignment.id)]]\"\n            on-tap=\"_scrollToTarget\"\n            label=\"[[assignment.title]]\"\n            data-assignment-id$=\"[[assignment.id]]\"\n            class=\"project-step\"\n            hover-class=\"blue white-text\"\n            raised=\"\"\n            hidden$=\"[[!assignment.title]]\"\n          ></lrnsys-button>\n        </template>\n      </div>\n      <template is=\"dom-repeat\" items=\"[[renderSubmissions]]\" as=\"submission\">\n        <a\n          name=\"[[submission.relationships.assignment.title]]\"\n          class$=\"assignment-[[submission.relationships.assignment.id]]\"\n          ><h2 class=\"assignment-title\">\n            [[submission.relationships.assignment.title]]\n          </h2></a\n        >\n        <lrnapp-studio-submission-display\n          submission=\"[[submission]]\"\n          class=\"ferpa-protect\"\n        ></lrnapp-studio-submission-display>\n      </template>\n    </template>\n  "],["\n    <style include=\"materializecss-styles\"></style>\n    <style>\n      :host {\n        display: block;\n        align-content: center;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.8;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        height: 100vh;\n        position: absolute;\n        background-color: white;\n      }\n      h1.empty-title,\n      h1.project-title {\n        font-size: 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    </style>\n    <template is=\"dom-if\" if=\"[[!showSubmissions]]\">\n      <h1 class=\"empty-title black-text\">\n        Please select an Author and Project in order to review their portfolio\n      </h1>\n    </template>\n    <template is=\"dom-if\" if=\"[[showSubmissions]]\">\n      <h1 class=\"project-title black-text\">\n        [[activeProject.attributes.title]]\n      </h1>\n      <div class=\"project-steps\">\n        <template\n          is=\"dom-repeat\"\n          items=\"[[activeProject.attributes.steps]]\"\n          as=\"assignment\"\n        >\n          <lrnsys-button\n            icon\\$=\"[[_getSubmissionIcon(assignment.id)]]\"\n            icon-class\\$=\"[[_getSubmissionClass(assignment.id)]]\"\n            on-tap=\"_scrollToTarget\"\n            label=\"[[assignment.title]]\"\n            data-assignment-id\\$=\"[[assignment.id]]\"\n            class=\"project-step\"\n            hover-class=\"blue white-text\"\n            raised=\"\"\n            hidden\\$=\"[[!assignment.title]]\"\n          ></lrnsys-button>\n        </template>\n      </div>\n      <template is=\"dom-repeat\" items=\"[[renderSubmissions]]\" as=\"submission\">\n        <a\n          name=\"[[submission.relationships.assignment.title]]\"\n          class\\$=\"assignment-[[submission.relationships.assignment.id]]\"\n          ><h2 class=\"assignment-title\">\n            [[submission.relationships.assignment.title]]\n          </h2></a\n        >\n        <lrnapp-studio-submission-display\n          submission=\"[[submission]]\"\n          class=\"ferpa-protect\"\n        ></lrnapp-studio-submission-display>\n      </template>\n    </template>\n  "]);_templateObject_3aee0f30555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3aee0f30555211e98f439769bd191e33()),is:"lrnapp-open-studio-projects",properties:{projects:{type:Array,notify:!0},submissions:{type:Array,notify:!0},renderSubmissions:{type:Array,notify:!0,computed:"_renderSubmissionsCompute(submissions, activeProject, activeAuthorId)"},activeProjectId:{type:String,reflectToAttribute:!0,value:null},activeProject:{type:Object,computed:"_activeProjectCompute(activeProjectId, projects)"},activeAuthorId:{type:String,reflectToAttribute:!0,value:null},showSubmissions:{type:Boolean,computed:"_showSubmissions(activeProjectId, activeAuthorId)",value:!1},sourcePath:{type:String,notify:!0},basePath:{type:String,notify:!0}},_renderSubmissionsCompute:function _renderSubmissionsCompute(submissions,activeProject,activeAuthorId){if(!submissions||!activeProject||!activeAuthorId){return null}var renderSubmissions=[],parentAssignments=activeProject.attributes.steps.map(function(step){return step.id});renderSubmissions=submissions.filter(function(submission){return parentAssignments.includes(submission.relationships.assignment.id)});renderSubmissions.sort(function(a,b){for(index=0;index<activeProject.attributes.steps.length;index++){if(activeProject.attributes.steps[index].id==a.relationships.assignment.id){return-1}if(activeProject.attributes.steps[index].id==b.relationships.assignment.id){return 1}}return 0});return renderSubmissions},_activeProjectCompute:function _activeProjectCompute(activeProjectId,projects){var activeProject=null;if(projects){activeProject=projects.find(function(project){return project.id===activeProjectId})}return activeProject},_showSubmissions:function _showSubmissions(activeProjectId,activeAuthorId){if(activeProjectId&&activeAuthorId){return!0}return!1},_getSubmissionIcon:function _getSubmissionIcon(id){for(var index=0;index<this.renderSubmissions.length;index++){if(this.renderSubmissions[index].relationships.assignment.id==id){return"check"}}return"assignment"},_getSubmissionClass:function _getSubmissionClass(id){for(var index=0;index<this.renderSubmissions.length;index++){if(this.renderSubmissions[index].relationships.assignment.id==id){return"green-text text-darken-2"}}return"grey-text"},_scrollToTarget:function _scrollToTarget(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-assignment-id");this.shadowRoot.querySelector(".assignment-"+active).scrollIntoView({block:"end",behavior:"smooth"})},_handleResponse:function _handleResponse(){this.$.loading.hidden=!0},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
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 4ec49b12603..1d179e46047 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/paper-input/paper-input.js","../../../../@vaadin/vaadin-grid/vaadin-grid.js","../../../../@vaadin/vaadin-grid/vaadin-grid-column.js","../../../../@vaadin/vaadin-grid/vaadin-grid-sorter.js","../../../../@vaadin/vaadin-grid/vaadin-grid-filter.js","../../../lrnsys-button/lrnsys-button.js","../../../materializecss-styles/materializecss-styles.js","../lrnapp-studio-submission/lrnapp-studio-submission-display.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_a4a7bb0054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          display: block;\n          align-content: center;\n          padding: 0.8em;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        .center-data {\n          text-align: center;\n        }\n        vaadin-grid#material {\n          height: 75vh;\n          font-family: Roboto, sans-serif;\n          --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n\n          --vaadin-grid-cell: {\n            padding: 0;\n          }\n\n          --vaadin-grid-header-cell: {\n            height: 3.5em;\n            color: rgba(0, 0, 0, var(--dark-secondary-opacity));\n            font-size: 1em;\n          }\n\n          --vaadin-grid-body-cell: {\n            height: 3em;\n            color: rgba(0, 0, 0, var(--dark-primary-opacity));\n            font-size: 0.8em;\n          }\n\n          --vaadin-grid-body-row-hover-cell: {\n            background-color: var(--paper-grey-200);\n          }\n\n          --vaadin-grid-body-row-selected-cell: {\n            background-color: var(--paper-grey-100);\n          }\n\n          --vaadin-grid-focused-cell: {\n            box-shadow: none;\n            font-weight: bold;\n          }\n        }\n\n        vaadin-grid#material .cell {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          padding-right: 56px;\n        }\n\n        vaadin-grid#material .cell.last {\n          padding-right: 24px;\n        }\n\n        vaadin-grid#material .cell.numeric {\n          text-align: right;\n        }\n\n        vaadin-grid#material paper-checkbox {\n          --primary-color: var(--paper-indigo-500);\n          margin: 0 24px;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter {\n          --vaadin-grid-sorter-arrow: {\n            display: none !important;\n          }\n        }\n\n        vaadin-grid#material vaadin-grid-sorter .cell {\n          flex: 1;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter iron-icon {\n          transform: scale(0.8);\n        }\n\n        vaadin-grid#material vaadin-grid-sorter:not([direction]) iron-icon {\n          color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction] {\n          color: rgba(0, 0, 0, var(--dark-primary-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction=\"desc\"] iron-icon {\n          transform: scale(0.8) rotate(180deg);\n        }\n        vaadin-grid-sorter {\n          text-align: center;\n        }\n      </style>\n    </custom-style>\n    <vaadin-grid\n      column-reordering-allowed=\"\"\n      id=\"material\"\n      aria-label=\"Course list\"\n      items=\"{{submissions}}\"\n    >\n      <vaadin-grid-column resizable=\"\">\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"relationships.project.data.title\"\n            >Project</vaadin-grid-sorter\n          >\n        </template>\n        <template>\n          <lrnsys-button\n            raised=\"\"\n            on-tap=\"_loadProjectRoute\"\n            data-project-id$=\"{{item.relationships.project.data.id}}\"\n            data-author-id$=\"{{item.relationships.author.data.id}}\"\n            label=\"[[item.relationships.project.data.title]]\"\n            hover-class=\"amber lighten-4\"\n            icon=\"folder\"\n          ></lrnsys-button>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column resizable=\"\">\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"relationships.assignment.data.title\"\n            >Assignment</vaadin-grid-sorter\n          >\n        </template>\n        <template>\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\">Title</vaadin-grid-sorter>\n        </template>\n        <template>\n          <lrnsys-button\n            raised=\"\"\n            on-tap=\"_loadSubmissionUrl\"\n            data-submission-id$=\"{{item.id}}\"\n            label=\"[[item.attributes.title]]\"\n            hover-class=\"amber lighten-4\"\n            icon=\"assignment\"\n          ></lrnsys-button>\n        </template>\n        <template class=\"footer\">\n          <vaadin-grid-filter\n            aria-label=\"Title\"\n            path=\"attributes.title\"\n            value=\"[[_filterTitle]]\"\n          >\n            <paper-input\n              slot=\"filter\"\n              label=\"Title\"\n              value=\"{{_filterTitle::input}}\"\n              focus-target=\"\"\n            ></paper-input>\n          </vaadin-grid-filter>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column resizable=\"\">\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"meta.changed\">Submitted</vaadin-grid-sorter>\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  "],["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          display: block;\n          align-content: center;\n          padding: 0.8em;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        .center-data {\n          text-align: center;\n        }\n        vaadin-grid#material {\n          height: 75vh;\n          font-family: Roboto, sans-serif;\n          --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n\n          --vaadin-grid-cell: {\n            padding: 0;\n          }\n\n          --vaadin-grid-header-cell: {\n            height: 3.5em;\n            color: rgba(0, 0, 0, var(--dark-secondary-opacity));\n            font-size: 1em;\n          }\n\n          --vaadin-grid-body-cell: {\n            height: 3em;\n            color: rgba(0, 0, 0, var(--dark-primary-opacity));\n            font-size: 0.8em;\n          }\n\n          --vaadin-grid-body-row-hover-cell: {\n            background-color: var(--paper-grey-200);\n          }\n\n          --vaadin-grid-body-row-selected-cell: {\n            background-color: var(--paper-grey-100);\n          }\n\n          --vaadin-grid-focused-cell: {\n            box-shadow: none;\n            font-weight: bold;\n          }\n        }\n\n        vaadin-grid#material .cell {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          padding-right: 56px;\n        }\n\n        vaadin-grid#material .cell.last {\n          padding-right: 24px;\n        }\n\n        vaadin-grid#material .cell.numeric {\n          text-align: right;\n        }\n\n        vaadin-grid#material paper-checkbox {\n          --primary-color: var(--paper-indigo-500);\n          margin: 0 24px;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter {\n          --vaadin-grid-sorter-arrow: {\n            display: none !important;\n          }\n        }\n\n        vaadin-grid#material vaadin-grid-sorter .cell {\n          flex: 1;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter iron-icon {\n          transform: scale(0.8);\n        }\n\n        vaadin-grid#material vaadin-grid-sorter:not([direction]) iron-icon {\n          color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction] {\n          color: rgba(0, 0, 0, var(--dark-primary-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction=\"desc\"] iron-icon {\n          transform: scale(0.8) rotate(180deg);\n        }\n        vaadin-grid-sorter {\n          text-align: center;\n        }\n      </style>\n    </custom-style>\n    <vaadin-grid\n      column-reordering-allowed=\"\"\n      id=\"material\"\n      aria-label=\"Course list\"\n      items=\"{{submissions}}\"\n    >\n      <vaadin-grid-column resizable=\"\">\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"relationships.project.data.title\"\n            >Project</vaadin-grid-sorter\n          >\n        </template>\n        <template>\n          <lrnsys-button\n            raised=\"\"\n            on-tap=\"_loadProjectRoute\"\n            data-project-id\\$=\"{{item.relationships.project.data.id}}\"\n            data-author-id\\$=\"{{item.relationships.author.data.id}}\"\n            label=\"[[item.relationships.project.data.title]]\"\n            hover-class=\"amber lighten-4\"\n            icon=\"folder\"\n          ></lrnsys-button>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column resizable=\"\">\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"relationships.assignment.data.title\"\n            >Assignment</vaadin-grid-sorter\n          >\n        </template>\n        <template>\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\">Title</vaadin-grid-sorter>\n        </template>\n        <template>\n          <lrnsys-button\n            raised=\"\"\n            on-tap=\"_loadSubmissionUrl\"\n            data-submission-id\\$=\"{{item.id}}\"\n            label=\"[[item.attributes.title]]\"\n            hover-class=\"amber lighten-4\"\n            icon=\"assignment\"\n          ></lrnsys-button>\n        </template>\n        <template class=\"footer\">\n          <vaadin-grid-filter\n            aria-label=\"Title\"\n            path=\"attributes.title\"\n            value=\"[[_filterTitle]]\"\n          >\n            <paper-input\n              slot=\"filter\"\n              label=\"Title\"\n              value=\"{{_filterTitle::input}}\"\n              focus-target=\"\"\n            ></paper-input>\n          </vaadin-grid-filter>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column resizable=\"\">\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"meta.changed\">Submitted</vaadin-grid-sorter>\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_a4a7bb0054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a4a7bb0054f411e9aeb367f92c5b63ab()),is:"lrnapp-open-studio-table",properties:{submissions:{type:Array,notify:!0},_numWidth:{type:String,value:"2.25em"},sourcePath:{type:String,notify:!0},basePath:{type:String,notify:!0},activeSubmission:{type:String,value:null,notify:!0}},_loadProjectRoute:function _loadProjectRoute(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,project=local.getAttribute("data-project-id"),author=local.getAttribute("data-author-id");this.fire("route-change",{data:{page:"projects"},queryParams:{author:author,project:project}})},_loadSubmissionUrl:function _loadSubmissionUrl(e){var root=this,normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-submission-id");window.location.href=this.basePath+"lrnapp-studio-submission/submissions/"+active},_handleResponse:function _handleResponse(){this.$.loading.hidden=!0},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/paper-input/paper-input.js","../../../../@vaadin/vaadin-grid/vaadin-grid.js","../../../../@vaadin/vaadin-grid/vaadin-grid-column.js","../../../../@vaadin/vaadin-grid/vaadin-grid-sorter.js","../../../../@vaadin/vaadin-grid/vaadin-grid-filter.js","../../../lrnsys-button/lrnsys-button.js","../../../materializecss-styles/materializecss-styles.js","../lrnapp-studio-submission/lrnapp-studio-submission-display.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_3b017020555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          display: block;\n          align-content: center;\n          padding: 0.8em;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        .center-data {\n          text-align: center;\n        }\n        vaadin-grid#material {\n          height: 75vh;\n          font-family: Roboto, sans-serif;\n          --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n\n          --vaadin-grid-cell: {\n            padding: 0;\n          }\n\n          --vaadin-grid-header-cell: {\n            height: 3.5em;\n            color: rgba(0, 0, 0, var(--dark-secondary-opacity));\n            font-size: 1em;\n          }\n\n          --vaadin-grid-body-cell: {\n            height: 3em;\n            color: rgba(0, 0, 0, var(--dark-primary-opacity));\n            font-size: 0.8em;\n          }\n\n          --vaadin-grid-body-row-hover-cell: {\n            background-color: var(--paper-grey-200);\n          }\n\n          --vaadin-grid-body-row-selected-cell: {\n            background-color: var(--paper-grey-100);\n          }\n\n          --vaadin-grid-focused-cell: {\n            box-shadow: none;\n            font-weight: bold;\n          }\n        }\n\n        vaadin-grid#material .cell {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          padding-right: 56px;\n        }\n\n        vaadin-grid#material .cell.last {\n          padding-right: 24px;\n        }\n\n        vaadin-grid#material .cell.numeric {\n          text-align: right;\n        }\n\n        vaadin-grid#material paper-checkbox {\n          --primary-color: var(--paper-indigo-500);\n          margin: 0 24px;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter {\n          --vaadin-grid-sorter-arrow: {\n            display: none !important;\n          }\n        }\n\n        vaadin-grid#material vaadin-grid-sorter .cell {\n          flex: 1;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter iron-icon {\n          transform: scale(0.8);\n        }\n\n        vaadin-grid#material vaadin-grid-sorter:not([direction]) iron-icon {\n          color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction] {\n          color: rgba(0, 0, 0, var(--dark-primary-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction=\"desc\"] iron-icon {\n          transform: scale(0.8) rotate(180deg);\n        }\n        vaadin-grid-sorter {\n          text-align: center;\n        }\n      </style>\n    </custom-style>\n    <vaadin-grid\n      column-reordering-allowed=\"\"\n      id=\"material\"\n      aria-label=\"Course list\"\n      items=\"{{submissions}}\"\n    >\n      <vaadin-grid-column resizable=\"\">\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"relationships.project.data.title\"\n            >Project</vaadin-grid-sorter\n          >\n        </template>\n        <template>\n          <lrnsys-button\n            raised=\"\"\n            on-tap=\"_loadProjectRoute\"\n            data-project-id$=\"{{item.relationships.project.data.id}}\"\n            data-author-id$=\"{{item.relationships.author.data.id}}\"\n            label=\"[[item.relationships.project.data.title]]\"\n            hover-class=\"amber lighten-4\"\n            icon=\"folder\"\n          ></lrnsys-button>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column resizable=\"\">\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"relationships.assignment.data.title\"\n            >Assignment</vaadin-grid-sorter\n          >\n        </template>\n        <template>\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\">Title</vaadin-grid-sorter>\n        </template>\n        <template>\n          <lrnsys-button\n            raised=\"\"\n            on-tap=\"_loadSubmissionUrl\"\n            data-submission-id$=\"{{item.id}}\"\n            label=\"[[item.attributes.title]]\"\n            hover-class=\"amber lighten-4\"\n            icon=\"assignment\"\n          ></lrnsys-button>\n        </template>\n        <template class=\"footer\">\n          <vaadin-grid-filter\n            aria-label=\"Title\"\n            path=\"attributes.title\"\n            value=\"[[_filterTitle]]\"\n          >\n            <paper-input\n              slot=\"filter\"\n              label=\"Title\"\n              value=\"{{_filterTitle::input}}\"\n              focus-target=\"\"\n            ></paper-input>\n          </vaadin-grid-filter>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column resizable=\"\">\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"meta.changed\">Submitted</vaadin-grid-sorter>\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  "],["\n    <custom-style>\n      <style is=\"custom-style\" include=\"materializecss-styles\">\n        :host {\n          display: block;\n          align-content: center;\n          padding: 0.8em;\n        }\n        #loading {\n          width: 100%;\n          z-index: 1000;\n          opacity: 0.8;\n          text-align: center;\n          align-content: center;\n          justify-content: center;\n          height: 100vh;\n          position: absolute;\n          background-color: white;\n        }\n        .center-data {\n          text-align: center;\n        }\n        vaadin-grid#material {\n          height: 75vh;\n          font-family: Roboto, sans-serif;\n          --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n\n          --vaadin-grid-cell: {\n            padding: 0;\n          }\n\n          --vaadin-grid-header-cell: {\n            height: 3.5em;\n            color: rgba(0, 0, 0, var(--dark-secondary-opacity));\n            font-size: 1em;\n          }\n\n          --vaadin-grid-body-cell: {\n            height: 3em;\n            color: rgba(0, 0, 0, var(--dark-primary-opacity));\n            font-size: 0.8em;\n          }\n\n          --vaadin-grid-body-row-hover-cell: {\n            background-color: var(--paper-grey-200);\n          }\n\n          --vaadin-grid-body-row-selected-cell: {\n            background-color: var(--paper-grey-100);\n          }\n\n          --vaadin-grid-focused-cell: {\n            box-shadow: none;\n            font-weight: bold;\n          }\n        }\n\n        vaadin-grid#material .cell {\n          overflow: hidden;\n          text-overflow: ellipsis;\n          padding-right: 56px;\n        }\n\n        vaadin-grid#material .cell.last {\n          padding-right: 24px;\n        }\n\n        vaadin-grid#material .cell.numeric {\n          text-align: right;\n        }\n\n        vaadin-grid#material paper-checkbox {\n          --primary-color: var(--paper-indigo-500);\n          margin: 0 24px;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter {\n          --vaadin-grid-sorter-arrow: {\n            display: none !important;\n          }\n        }\n\n        vaadin-grid#material vaadin-grid-sorter .cell {\n          flex: 1;\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n        }\n\n        vaadin-grid#material vaadin-grid-sorter iron-icon {\n          transform: scale(0.8);\n        }\n\n        vaadin-grid#material vaadin-grid-sorter:not([direction]) iron-icon {\n          color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction] {\n          color: rgba(0, 0, 0, var(--dark-primary-opacity));\n        }\n\n        vaadin-grid#material vaadin-grid-sorter[direction=\"desc\"] iron-icon {\n          transform: scale(0.8) rotate(180deg);\n        }\n        vaadin-grid-sorter {\n          text-align: center;\n        }\n      </style>\n    </custom-style>\n    <vaadin-grid\n      column-reordering-allowed=\"\"\n      id=\"material\"\n      aria-label=\"Course list\"\n      items=\"{{submissions}}\"\n    >\n      <vaadin-grid-column resizable=\"\">\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"relationships.project.data.title\"\n            >Project</vaadin-grid-sorter\n          >\n        </template>\n        <template>\n          <lrnsys-button\n            raised=\"\"\n            on-tap=\"_loadProjectRoute\"\n            data-project-id\\$=\"{{item.relationships.project.data.id}}\"\n            data-author-id\\$=\"{{item.relationships.author.data.id}}\"\n            label=\"[[item.relationships.project.data.title]]\"\n            hover-class=\"amber lighten-4\"\n            icon=\"folder\"\n          ></lrnsys-button>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column resizable=\"\">\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"relationships.assignment.data.title\"\n            >Assignment</vaadin-grid-sorter\n          >\n        </template>\n        <template>\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\">Title</vaadin-grid-sorter>\n        </template>\n        <template>\n          <lrnsys-button\n            raised=\"\"\n            on-tap=\"_loadSubmissionUrl\"\n            data-submission-id\\$=\"{{item.id}}\"\n            label=\"[[item.attributes.title]]\"\n            hover-class=\"amber lighten-4\"\n            icon=\"assignment\"\n          ></lrnsys-button>\n        </template>\n        <template class=\"footer\">\n          <vaadin-grid-filter\n            aria-label=\"Title\"\n            path=\"attributes.title\"\n            value=\"[[_filterTitle]]\"\n          >\n            <paper-input\n              slot=\"filter\"\n              label=\"Title\"\n              value=\"{{_filterTitle::input}}\"\n              focus-target=\"\"\n            ></paper-input>\n          </vaadin-grid-filter>\n        </template>\n      </vaadin-grid-column>\n      <vaadin-grid-column resizable=\"\">\n        <template class=\"header\">\n          <vaadin-grid-sorter path=\"meta.changed\">Submitted</vaadin-grid-sorter>\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_3b017020555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3b017020555211e98f439769bd191e33()),is:"lrnapp-open-studio-table",properties:{submissions:{type:Array,notify:!0},_numWidth:{type:String,value:"2.25em"},sourcePath:{type:String,notify:!0},basePath:{type:String,notify:!0},activeSubmission:{type:String,value:null,notify:!0}},_loadProjectRoute:function _loadProjectRoute(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,project=local.getAttribute("data-project-id"),author=local.getAttribute("data-author-id");this.fire("route-change",{data:{page:"projects"},queryParams:{author:author,project:project}})},_loadSubmissionUrl:function _loadSubmissionUrl(e){var root=this,normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-submission-id");window.location.href=this.basePath+"lrnapp-studio-submission/submissions/"+active},_handleResponse:function _handleResponse(){this.$.loading.hidden=!0},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
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 1e6788e6008..8fac2d9c959 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/iron-pages/iron-pages.js","../../../../@polymer/iron-selector/iron-selector.js","../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/app-route/app-route.js","../../../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../../../../@polymer/paper-listbox/paper-listbox.js","../../../../@polymer/paper-item/paper-item.js","../../../../@polymer/paper-toast/paper-toast.js","../../../lrndesign-gallerycard/lrndesign-gallerycard.js","../../../elmsln-loading/elmsln-loading.js","./lrnapp-open-studio-table.js","./lrnapp-open-studio-projects.js","./lrnapp-open-studio-assignments.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_a4c0e85054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n        align-content: center;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.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      paper-button.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      .gallery-grid {\n        margin: 0 auto;\n        width: 95%;\n      }\n      .iron-selected .display-mode {\n        background-color: #ff6f00;\n        color: white;\n      }\n      .iron-list-container {\n        display: flex;\n        flex-direction: column;\n        min-height: 50vh;\n      }\n      iron-list {\n        flex: 1 1 auto;\n      }\n    </style>\n    <iron-ajax\n      auto\n      url=\"[[sourcePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      last-response=\"{{studioResponse}}\"\n      on-response=\"_handleResponse\"\n    ></iron-ajax>\n\n    <app-location\n      route=\"{{route}}\"\n      query-params=\"{{queryParams}}\"\n    ></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/:page\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\"\n    >\n    </app-route>\n\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <app-toolbar class=\"amber lighten-3\">\n      <iron-selector\n        selected=\"{{data.page}}\"\n        attr-for-selected=\"name\"\n        role=\"navigation\"\n      >\n        <a tabindex=\"-1\" name=\"submissions\" on-tap=\"_submissionsClicked\"\n          ><lrnsys-button\n            icon=\"apps\"\n            label=\"Submission display\"\n            hover-class=\"amber darken-4 white-text\"\n            class=\"display-mode\"\n            button-class=\"display-mode style-scope lrnapp-open-studio x-scope lrnsys-button-0\"\n          ></lrnsys-button\n        ></a>\n        <a tabindex=\"-1\" name=\"projects\" on-tap=\"_projectsClicked\"\n          ><lrnsys-button\n            icon=\"folder\"\n            label=\"Project board\"\n            hover-class=\"amber darken-4 white-text\"\n            class=\"display-mode\"\n            button-class=\"display-mode style-scope lrnapp-open-studio x-scope lrnsys-button-0\"\n          ></lrnsys-button\n        ></a>\n        <a tabindex=\"-1\" name=\"assignments\" on-tap=\"_assignmentsClicked\"\n          ><lrnsys-button\n            icon=\"list\"\n            label=\"Assignment centric\"\n            hover-class=\"amber darken-4 white-text\"\n            class=\"display-mode\"\n            button-class=\"display-mode style-scope lrnapp-open-studio x-scope lrnsys-button-0\"\n          ></lrnsys-button\n        ></a>\n        <a tabindex=\"-1\" name=\"table\" on-tap=\"_tableClicked\"\n          ><lrnsys-button\n            icon=\"view-list\"\n            label=\"Table view\"\n            hover-class=\"amber darken-4 white-text\"\n            class=\"display-mode\"\n            button-class=\"display-mode style-scope lrnapp-open-studio x-scope lrnsys-button-0\"\n          ></lrnsys-button\n        ></a>\n      </iron-selector>\n      <span main-title></span>\n      <span top-item style=\"text-align:right;font-size:.5em;padding-right:1em;\"\n        >Displaying [[submissions.length]] of\n        [[originalSubmissions.length]]</span\n      >\n      <paper-dropdown-menu label=\"Author\" hidden$=\"[[!authors]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.author}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item></paper-item>\n          <template is=\"dom-repeat\" items=\"[[_toArray(authors)]]\" as=\"author\">\n            <paper-item item-id=\"[[author.id]]\"\n              >[[author.display_name]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n      <paper-dropdown-menu label=\"Project\" hidden$=\"[[!projects]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.project}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item></paper-item>\n          <template is=\"dom-repeat\" items=\"[[_toArray(projects)]]\" as=\"project\">\n            <paper-item item-id=\"[[project.id]]\"\n              >[[project.attributes.title]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n      <paper-dropdown-menu label=\"Assignment\" hidden$=\"[[!assignments]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.assignment}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item></paper-item>\n          <template\n            is=\"dom-repeat\"\n            items=\"[[_toArray(assignments)]]\"\n            as=\"assignment\"\n          >\n            <paper-item item-id=\"[[assignment.id]]\"\n              >[[assignment.attributes.title]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n    </app-toolbar>\n    <div class=\"gallery-grid\">\n      <iron-pages\n        selected=\"{{data.page}}\"\n        attr-for-selected=\"name\"\n        fallback-selection=\"submissions\"\n        role=\"main\"\n      >\n        <div class=\"iron-list-container\" name=\"submissions\">\n          <iron-list id=\"ironlist\" items=\"[[submissions]]\" as=\"item\" grid>\n            <template>\n              <paper-button\n                data-submission-id$=\"[[item.id]]\"\n                class=\"gallerycard-wrapper\"\n                on-tap=\"_loadSubmissionUrl\"\n              >\n                <lrndesign-gallerycard\n                  elevation=\"2\"\n                  data-submission-id$=\"[[item.id]]\"\n                  title=\"[[item.attributes.title]]\"\n                  author=\"[[item.relationships.author.data]]\"\n                  comments=\"[[item.meta.comment_count]]\"\n                  image=\"[[item.display.image]]\"\n                  icon=\"[[item.display.icon]]\"\n                  date=\"[[item.meta.humandate]]\"\n                  class=\"ferpa-protect\"\n                >\n                </lrndesign-gallerycard>\n              </paper-button>\n            </template>\n          </iron-list>\n        </div>\n        <lrnapp-open-studio-assignments\n          name=\"assignments\"\n          base-path=\"[[basePath]]\"\n          submissions=\"[[submissions]]\"\n          assignments=\"[[assignments]]\"\n          active-author-id=\"[[queryParams.author]]\"\n          active-assignment-id=\"[[queryParams.assignment]]\"\n        ></lrnapp-open-studio-assignments>\n        <lrnapp-open-studio-projects\n          name=\"projects\"\n          base-path=\"[[basePath]]\"\n          projects=\"[[projects]]\"\n          submissions=\"[[submissions]]\"\n          assignments=\"[[assignments]]\"\n          active-author-id=\"[[queryParams.author]]\"\n          active-project-id=\"[[queryParams.project]]\"\n        ></lrnapp-open-studio-projects>\n        <lrnapp-open-studio-table\n          name=\"table\"\n          base-path=\"[[basePath]]\"\n          submissions=\"{{submissions}}\"\n        ></lrnapp-open-studio-table>\n      </iron-pages>\n    </div>\n    <paper-toast id=\"toast\"></paper-toast>\n  "]);_templateObject_a4c0e85054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a4c0e85054f411e9aeb367f92c5b63ab()),is:"lrnapp-open-studio",properties:{studioResponse:{type:Object,notify:!0},submissions:{type:Object,notify:!0,computed:"_submissionsCompute(originalSubmissions, queryParams)"},originalSubmissions:{type:Object,notify:!0},projects:{type:Array,notify:!0,value:[]},assignments:{type:Array,notify:!0,value:[]},authors:{type:Array,notify:!0,value:[]},sourcePath:{type:String,notify:!0},endPoint:{type:String,notify:!0},basePath:{type:String,notify:!0},activeSubmission:{type:String,value:null,notify:!0},queryParams:{type:Object,notify:!0},_blockcycle:{type:Boolean,value:!1}},listeners:{"route-change":"_routeChange"},observers:["_routeChanged(route, endPoint)","_deleteToast(queryParams.deletetoast)","_assignmentFilterChanged(queryParams.assignment)","_projectFilterChanged(queryParams.project)"],_routeChanged:function _routeChanged(route,endPoint){if("string"===typeof route.path){if("string"===typeof endPoint){if(route.path.startsWith(endPoint)){return}}window.location.reload()}},_routeChange:function _routeChange(e){var details=e.detail;if(babelHelpers.typeof(details.queryParams.assignment)!=="undefined"){this.set("queryParams.assignment",details.queryParams.assignment)}if(babelHelpers.typeof(details.queryParams.project)!=="undefined"){this.set("queryParams.project",details.queryParams.project)}if(babelHelpers.typeof(details.queryParams.author)!=="undefined"){this.set("queryParams.author",details.queryParams.author)}if(babelHelpers.typeof(details.data.page)!=="undefined"){this.set("data.page",details.data.page)}},_submissionsCompute:function _submissionsCompute(originalSubmissions){var _this=this;if("undefined"===typeof originalSubmissions){return[]}var root=this,filteredSubmissions=[];filteredSubmissions=originalSubmissions.filter(function(submission){if("undefined"!==typeof root.queryParams.author){if(submission.relationships.author.data.id!==root.queryParams.author){return!1}}if("undefined"!==typeof root.queryParams.project){if(submission.relationships.project.data.id!==root.queryParams.project){return!1}}if("undefined"!==typeof root.queryParams.assignment){if(submission.relationships.assignment.id!==root.queryParams.assignment){return!1}}return!0});setTimeout(function(){_this.$.ironlist.fire("iron-resize")},200);return filteredSubmissions},_deleteToast:function _deleteToast(deletetoast){if(babelHelpers.typeof(deletetoast)!=="undefined"){if("error"==deletetoast){this.$.toast.show("That submission on longer exists!")}else{this.$.toast.show("Submission deleted successfully!")}this.set("queryParams.deletetoast",void 0);this.notifyPath("queryParams.deletetoast")}},_assignmentFilterChanged:function _assignmentFilterChanged(assignment){if(babelHelpers.typeof(assignment)!=="undefined"&&!this._blockcycle){this._blockcycle=!0;this.set("queryParams.project",void 0);this.notifyPath("queryParams.project");this.set("queryParams.assignment",assignment);this.notifyPath("queryParams.assignment")}else{this._blockcycle=!1}},_projectFilterChanged:function _projectFilterChanged(project){if(babelHelpers.typeof(project)!=="undefined"&&!this._blockcycle){this._blockcycle=!0;this.set("queryParams.project",project);this.notifyPath("queryParams.project");this.set("queryParams.assignment",void 0);this.notifyPath("queryParams.assignment")}else{this._blockcycle=!1}},_loadSubmissionUrl:function _loadSubmissionUrl(e){var root=this,normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-submission-id");window.location.href=this.basePath+"lrnapp-studio-submission/submissions/"+active},_handleResponse:function _handleResponse(){var root=this,author={},project={},tmp={authors:[],assignments:[]},assignment={},assignments=[],authors=[],submissions=this._toArray(root.studioResponse.data.submissions),projects=this._toArray(root.studioResponse.data.projects);this.set("projects",projects);this.set("originalSubmissions",submissions);for(var index=0;index<submissions.length;index++){author=submissions[index].relationships.author.data;tmp.authors[author.id]=author;project=submissions[index].relationships.project.data;assignment=submissions[index].relationships.assignment;tmp.assignments[assignment.id]=assignment;tmp.assignments[assignment.id].project=project.id}tmp.authors.forEach(function(element){authors.push(element)});tmp.assignments.forEach(function(element){assignments.push(element)});root.$.loading.hidden=!0;this.set("assignments",assignments);this.set("authors",authors)},_submissionsClicked:function _submissionsClicked(){this.set("route.path",this.endPoint+"/submissions");this.notifyPath("route.path")},_projectsClicked:function _projectsClicked(){this.set("route.path",this.endPoint+"/projects");this.notifyPath("route.path")},_assignmentsClicked:function _assignmentsClicked(){this.set("route.path",this.endPoint+"/assignments");this.notifyPath("route.path")},_tableClicked:function _tableClicked(){this.set("route.path",this.endPoint+"/table");this.notifyPath("route.path")},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/iron-pages/iron-pages.js","../../../../@polymer/iron-selector/iron-selector.js","../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/app-route/app-route.js","../../../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../../../../@polymer/paper-listbox/paper-listbox.js","../../../../@polymer/paper-item/paper-item.js","../../../../@polymer/paper-toast/paper-toast.js","../../../lrndesign-gallerycard/lrndesign-gallerycard.js","../../../elmsln-loading/elmsln-loading.js","./lrnapp-open-studio-table.js","./lrnapp-open-studio-projects.js","./lrnapp-open-studio-assignments.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_3b221780555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n        align-content: center;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.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      paper-button.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      .gallery-grid {\n        margin: 0 auto;\n        width: 95%;\n      }\n      .iron-selected .display-mode {\n        background-color: #ff6f00;\n        color: white;\n      }\n      .iron-list-container {\n        display: flex;\n        flex-direction: column;\n        min-height: 50vh;\n      }\n      iron-list {\n        flex: 1 1 auto;\n      }\n    </style>\n    <iron-ajax\n      auto\n      url=\"[[sourcePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      last-response=\"{{studioResponse}}\"\n      on-response=\"_handleResponse\"\n    ></iron-ajax>\n\n    <app-location\n      route=\"{{route}}\"\n      query-params=\"{{queryParams}}\"\n    ></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/:page\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\"\n    >\n    </app-route>\n\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <app-toolbar class=\"amber lighten-3\">\n      <iron-selector\n        selected=\"{{data.page}}\"\n        attr-for-selected=\"name\"\n        role=\"navigation\"\n      >\n        <a tabindex=\"-1\" name=\"submissions\" on-tap=\"_submissionsClicked\"\n          ><lrnsys-button\n            icon=\"apps\"\n            label=\"Submission display\"\n            hover-class=\"amber darken-4 white-text\"\n            class=\"display-mode\"\n            button-class=\"display-mode style-scope lrnapp-open-studio x-scope lrnsys-button-0\"\n          ></lrnsys-button\n        ></a>\n        <a tabindex=\"-1\" name=\"projects\" on-tap=\"_projectsClicked\"\n          ><lrnsys-button\n            icon=\"folder\"\n            label=\"Project board\"\n            hover-class=\"amber darken-4 white-text\"\n            class=\"display-mode\"\n            button-class=\"display-mode style-scope lrnapp-open-studio x-scope lrnsys-button-0\"\n          ></lrnsys-button\n        ></a>\n        <a tabindex=\"-1\" name=\"assignments\" on-tap=\"_assignmentsClicked\"\n          ><lrnsys-button\n            icon=\"list\"\n            label=\"Assignment centric\"\n            hover-class=\"amber darken-4 white-text\"\n            class=\"display-mode\"\n            button-class=\"display-mode style-scope lrnapp-open-studio x-scope lrnsys-button-0\"\n          ></lrnsys-button\n        ></a>\n        <a tabindex=\"-1\" name=\"table\" on-tap=\"_tableClicked\"\n          ><lrnsys-button\n            icon=\"view-list\"\n            label=\"Table view\"\n            hover-class=\"amber darken-4 white-text\"\n            class=\"display-mode\"\n            button-class=\"display-mode style-scope lrnapp-open-studio x-scope lrnsys-button-0\"\n          ></lrnsys-button\n        ></a>\n      </iron-selector>\n      <span main-title></span>\n      <span top-item style=\"text-align:right;font-size:.5em;padding-right:1em;\"\n        >Displaying [[submissions.length]] of\n        [[originalSubmissions.length]]</span\n      >\n      <paper-dropdown-menu label=\"Author\" hidden$=\"[[!authors]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.author}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item></paper-item>\n          <template is=\"dom-repeat\" items=\"[[_toArray(authors)]]\" as=\"author\">\n            <paper-item item-id=\"[[author.id]]\"\n              >[[author.display_name]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n      <paper-dropdown-menu label=\"Project\" hidden$=\"[[!projects]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.project}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item></paper-item>\n          <template is=\"dom-repeat\" items=\"[[_toArray(projects)]]\" as=\"project\">\n            <paper-item item-id=\"[[project.id]]\"\n              >[[project.attributes.title]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n      <paper-dropdown-menu label=\"Assignment\" hidden$=\"[[!assignments]]\">\n        <paper-listbox\n          slot=\"dropdown-content\"\n          class=\"dropdown-content\"\n          selected=\"{{queryParams.assignment}}\"\n          attr-for-selected=\"item-id\"\n        >\n          <paper-item></paper-item>\n          <template\n            is=\"dom-repeat\"\n            items=\"[[_toArray(assignments)]]\"\n            as=\"assignment\"\n          >\n            <paper-item item-id=\"[[assignment.id]]\"\n              >[[assignment.attributes.title]]</paper-item\n            >\n          </template>\n        </paper-listbox>\n      </paper-dropdown-menu>\n    </app-toolbar>\n    <div class=\"gallery-grid\">\n      <iron-pages\n        selected=\"{{data.page}}\"\n        attr-for-selected=\"name\"\n        fallback-selection=\"submissions\"\n        role=\"main\"\n      >\n        <div class=\"iron-list-container\" name=\"submissions\">\n          <iron-list id=\"ironlist\" items=\"[[submissions]]\" as=\"item\" grid>\n            <template>\n              <paper-button\n                data-submission-id$=\"[[item.id]]\"\n                class=\"gallerycard-wrapper\"\n                on-tap=\"_loadSubmissionUrl\"\n              >\n                <lrndesign-gallerycard\n                  elevation=\"2\"\n                  data-submission-id$=\"[[item.id]]\"\n                  title=\"[[item.attributes.title]]\"\n                  author=\"[[item.relationships.author.data]]\"\n                  comments=\"[[item.meta.comment_count]]\"\n                  image=\"[[item.display.image]]\"\n                  icon=\"[[item.display.icon]]\"\n                  date=\"[[item.meta.humandate]]\"\n                  class=\"ferpa-protect\"\n                >\n                </lrndesign-gallerycard>\n              </paper-button>\n            </template>\n          </iron-list>\n        </div>\n        <lrnapp-open-studio-assignments\n          name=\"assignments\"\n          base-path=\"[[basePath]]\"\n          submissions=\"[[submissions]]\"\n          assignments=\"[[assignments]]\"\n          active-author-id=\"[[queryParams.author]]\"\n          active-assignment-id=\"[[queryParams.assignment]]\"\n        ></lrnapp-open-studio-assignments>\n        <lrnapp-open-studio-projects\n          name=\"projects\"\n          base-path=\"[[basePath]]\"\n          projects=\"[[projects]]\"\n          submissions=\"[[submissions]]\"\n          assignments=\"[[assignments]]\"\n          active-author-id=\"[[queryParams.author]]\"\n          active-project-id=\"[[queryParams.project]]\"\n        ></lrnapp-open-studio-projects>\n        <lrnapp-open-studio-table\n          name=\"table\"\n          base-path=\"[[basePath]]\"\n          submissions=\"{{submissions}}\"\n        ></lrnapp-open-studio-table>\n      </iron-pages>\n    </div>\n    <paper-toast id=\"toast\"></paper-toast>\n  "]);_templateObject_3b221780555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3b221780555211e98f439769bd191e33()),is:"lrnapp-open-studio",properties:{studioResponse:{type:Object,notify:!0},submissions:{type:Object,notify:!0,computed:"_submissionsCompute(originalSubmissions, queryParams)"},originalSubmissions:{type:Object,notify:!0},projects:{type:Array,notify:!0,value:[]},assignments:{type:Array,notify:!0,value:[]},authors:{type:Array,notify:!0,value:[]},sourcePath:{type:String,notify:!0},endPoint:{type:String,notify:!0},basePath:{type:String,notify:!0},activeSubmission:{type:String,value:null,notify:!0},queryParams:{type:Object,notify:!0},_blockcycle:{type:Boolean,value:!1}},listeners:{"route-change":"_routeChange"},observers:["_routeChanged(route, endPoint)","_deleteToast(queryParams.deletetoast)","_assignmentFilterChanged(queryParams.assignment)","_projectFilterChanged(queryParams.project)"],_routeChanged:function _routeChanged(route,endPoint){if("string"===typeof route.path){if("string"===typeof endPoint){if(route.path.startsWith(endPoint)){return}}window.location.reload()}},_routeChange:function _routeChange(e){var details=e.detail;if(babelHelpers.typeof(details.queryParams.assignment)!=="undefined"){this.set("queryParams.assignment",details.queryParams.assignment)}if(babelHelpers.typeof(details.queryParams.project)!=="undefined"){this.set("queryParams.project",details.queryParams.project)}if(babelHelpers.typeof(details.queryParams.author)!=="undefined"){this.set("queryParams.author",details.queryParams.author)}if(babelHelpers.typeof(details.data.page)!=="undefined"){this.set("data.page",details.data.page)}},_submissionsCompute:function _submissionsCompute(originalSubmissions){var _this=this;if("undefined"===typeof originalSubmissions){return[]}var root=this,filteredSubmissions=[];filteredSubmissions=originalSubmissions.filter(function(submission){if("undefined"!==typeof root.queryParams.author){if(submission.relationships.author.data.id!==root.queryParams.author){return!1}}if("undefined"!==typeof root.queryParams.project){if(submission.relationships.project.data.id!==root.queryParams.project){return!1}}if("undefined"!==typeof root.queryParams.assignment){if(submission.relationships.assignment.id!==root.queryParams.assignment){return!1}}return!0});setTimeout(function(){_this.$.ironlist.fire("iron-resize")},200);return filteredSubmissions},_deleteToast:function _deleteToast(deletetoast){if(babelHelpers.typeof(deletetoast)!=="undefined"){if("error"==deletetoast){this.$.toast.show("That submission on longer exists!")}else{this.$.toast.show("Submission deleted successfully!")}this.set("queryParams.deletetoast",void 0);this.notifyPath("queryParams.deletetoast")}},_assignmentFilterChanged:function _assignmentFilterChanged(assignment){if(babelHelpers.typeof(assignment)!=="undefined"&&!this._blockcycle){this._blockcycle=!0;this.set("queryParams.project",void 0);this.notifyPath("queryParams.project");this.set("queryParams.assignment",assignment);this.notifyPath("queryParams.assignment")}else{this._blockcycle=!1}},_projectFilterChanged:function _projectFilterChanged(project){if(babelHelpers.typeof(project)!=="undefined"&&!this._blockcycle){this._blockcycle=!0;this.set("queryParams.project",project);this.notifyPath("queryParams.project");this.set("queryParams.assignment",void 0);this.notifyPath("queryParams.assignment")}else{this._blockcycle=!1}},_loadSubmissionUrl:function _loadSubmissionUrl(e){var root=this,normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-submission-id");window.location.href=this.basePath+"lrnapp-studio-submission/submissions/"+active},_handleResponse:function _handleResponse(){var root=this,author={},project={},tmp={authors:[],assignments:[]},assignment={},assignments=[],authors=[],submissions=this._toArray(root.studioResponse.data.submissions),projects=this._toArray(root.studioResponse.data.projects);this.set("projects",projects);this.set("originalSubmissions",submissions);for(var index=0;index<submissions.length;index++){author=submissions[index].relationships.author.data;tmp.authors[author.id]=author;project=submissions[index].relationships.project.data;assignment=submissions[index].relationships.assignment;tmp.assignments[assignment.id]=assignment;tmp.assignments[assignment.id].project=project.id}tmp.authors.forEach(function(element){authors.push(element)});tmp.assignments.forEach(function(element){assignments.push(element)});root.$.loading.hidden=!0;this.set("assignments",assignments);this.set("authors",authors)},_submissionsClicked:function _submissionsClicked(){this.set("route.path",this.endPoint+"/submissions");this.notifyPath("route.path")},_projectsClicked:function _projectsClicked(){this.set("route.path",this.endPoint+"/projects");this.notifyPath("route.path")},_assignmentsClicked:function _assignmentsClicked(){this.set("route.path",this.endPoint+"/assignments");this.notifyPath("route.path")},_tableClicked:function _tableClicked(){this.set("route.path",this.endPoint+"/table");this.notifyPath("route.path")},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
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 86ed63f149a..03055921031 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/paper-button/paper-button.js","../../../elmsln-loading/elmsln-loading.js","../../../lrndesign-gallerycard/lrndesign-gallerycard.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_a50c704054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-item-styles\">\n      :host {\n        display: block;\n      }\n      paper-button {\n        width: 100%;\n      }\n    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"{{sourcePath}}\"\n      handle-as=\"json\"\n      last-response=\"{{response}}\"\n      on-response=\"handleResponse\"\n    ></iron-ajax>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <iron-list items=\"[[_toArray(response.data)]]\" as=\"item\">\n      <template>\n        <paper-button on-tap=\"_loadSubmissionUrl\">\n          <lrndesign-gallerycard\n            data-submission-id$=\"[[item.id]]\"\n            title=\"[[item.attributes.title]]\"\n            author=\"[[item.relationships.author.data]]\"\n            comments=\"[[item.meta.comment_count]]\"\n            image=\"[[item.display.image]]\"\n            icon=\"[[item.display.icon]]\"\n            class=\"ferpa-protect\"\n          >\n          </lrndesign-gallerycard>\n        </paper-button>\n      </template>\n    </iron-list>\n  "],["\n    <style include=\"paper-item-styles\">\n      :host {\n        display: block;\n      }\n      paper-button {\n        width: 100%;\n      }\n    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"{{sourcePath}}\"\n      handle-as=\"json\"\n      last-response=\"{{response}}\"\n      on-response=\"handleResponse\"\n    ></iron-ajax>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <iron-list items=\"[[_toArray(response.data)]]\" as=\"item\">\n      <template>\n        <paper-button on-tap=\"_loadSubmissionUrl\">\n          <lrndesign-gallerycard\n            data-submission-id\\$=\"[[item.id]]\"\n            title=\"[[item.attributes.title]]\"\n            author=\"[[item.relationships.author.data]]\"\n            comments=\"[[item.meta.comment_count]]\"\n            image=\"[[item.display.image]]\"\n            icon=\"[[item.display.icon]]\"\n            class=\"ferpa-protect\"\n          >\n          </lrndesign-gallerycard>\n        </paper-button>\n      </template>\n    </iron-list>\n  "]);_templateObject_a50c704054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a50c704054f411e9aeb367f92c5b63ab()),is:"lrnapp-block-need-feedback",properties:{sourcePath:{type:String,notify:!0},response:{type:Array,notify:!0}},_loadSubmissionUrl:function _loadSubmissionUrl(e){var root=this,normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-submission-id");window.location.href=this.basePath+"lrnapp-studio-submission/submissions/"+active},handleResponse:function handleResponse(){this.$.loading.hidden=!0},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/paper-button/paper-button.js","../../../elmsln-loading/elmsln-loading.js","../../../lrndesign-gallerycard/lrndesign-gallerycard.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_3b2ffa30555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-item-styles\">\n      :host {\n        display: block;\n      }\n      paper-button {\n        width: 100%;\n      }\n    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"{{sourcePath}}\"\n      handle-as=\"json\"\n      last-response=\"{{response}}\"\n      on-response=\"handleResponse\"\n    ></iron-ajax>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <iron-list items=\"[[_toArray(response.data)]]\" as=\"item\">\n      <template>\n        <paper-button on-tap=\"_loadSubmissionUrl\">\n          <lrndesign-gallerycard\n            data-submission-id$=\"[[item.id]]\"\n            title=\"[[item.attributes.title]]\"\n            author=\"[[item.relationships.author.data]]\"\n            comments=\"[[item.meta.comment_count]]\"\n            image=\"[[item.display.image]]\"\n            icon=\"[[item.display.icon]]\"\n            class=\"ferpa-protect\"\n          >\n          </lrndesign-gallerycard>\n        </paper-button>\n      </template>\n    </iron-list>\n  "],["\n    <style include=\"paper-item-styles\">\n      :host {\n        display: block;\n      }\n      paper-button {\n        width: 100%;\n      }\n    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"{{sourcePath}}\"\n      handle-as=\"json\"\n      last-response=\"{{response}}\"\n      on-response=\"handleResponse\"\n    ></iron-ajax>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <iron-list items=\"[[_toArray(response.data)]]\" as=\"item\">\n      <template>\n        <paper-button on-tap=\"_loadSubmissionUrl\">\n          <lrndesign-gallerycard\n            data-submission-id\\$=\"[[item.id]]\"\n            title=\"[[item.attributes.title]]\"\n            author=\"[[item.relationships.author.data]]\"\n            comments=\"[[item.meta.comment_count]]\"\n            image=\"[[item.display.image]]\"\n            icon=\"[[item.display.icon]]\"\n            class=\"ferpa-protect\"\n          >\n          </lrndesign-gallerycard>\n        </paper-button>\n      </template>\n    </iron-list>\n  "]);_templateObject_3b2ffa30555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3b2ffa30555211e98f439769bd191e33()),is:"lrnapp-block-need-feedback",properties:{sourcePath:{type:String,notify:!0},response:{type:Array,notify:!0}},_loadSubmissionUrl:function _loadSubmissionUrl(e){var root=this,normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-submission-id");window.location.href=this.basePath+"lrnapp-studio-submission/submissions/"+active},handleResponse:function handleResponse(){this.$.loading.hidden=!0},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
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 f8879aaf043..e564ef2666b 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-resizable-behavior/iron-resizable-behavior.js","../../../../@polymer/paper-card/paper-card.js","../../../../@polymer/paper-button/paper-button.js","../../../lrn-icon/lrn-icon.js","../../../lrndesign-avatar/lrndesign-avatar.js"],function(_polymerLegacy,_ironResizableBehavior){"use strict";function _templateObject_a518572054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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      .flex-wrap {\n        @apply --layout-horizontal;\n        @apply --layout-wrap;\n      }\n\n      .inactive {\n        max-height: 4.6em;\n        overflow: hidden;\n      }\n\n      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    </style>\n    <paper-card elevation=\"3\" class=\"flex-wrap\">\n      <div class=\"card-content\">\n        <lrndesign-avatar\n          label=\"[[commentUser.name]]\"\n          src=\"[[commentUser.avatar]]\"\n        ></lrndesign-avatar>\n        <h3>[[commentUser.display_name]]</h3>\n        <div id=\"wrapper\" class=\"button-wrapper\">\n          <div id=\"comment\" class=\"inactive\"><slot></slot></div>\n          <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        <template is=\"dom-if\" if=\"[[actionView]]\">\n          <a href$=\"[[actionView]]\" tabindex=\"-1\">\n            <paper-button raised=\"\" id=\"view\">View thread</paper-button>\n          </a>\n        </template>\n      </div>\n    </paper-card>\n  "]);_templateObject_a518572054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a518572054f411e9aeb367f92c5b63ab()),is:"lrnapp-block-recent-comments-comment",behaviors:[_ironResizableBehavior.IronResizableBehavior],listeners:{"iron-resize":"onHeightChange"},onHeightChange:function onHeightChange(){var height=this.$.comment.offsetHeight;if(80<height){this.$.btn.classList.toggle("hidden",this.hidden)}},properties:{commentTitle:{type:String,value:"Comment title",reflectToAttribute:!0,notify:!0},actionView:{type:String,reflectToAttribute:!0,notify:!0},dateUpdated:{type:String,reflectToAttribute:!0,notify:!0},commentUser:{type:Object,value:{},reflectToAttribute:!0,notify:!0}},attached:function attached(){this.$.wrapper.addEventListener("click",function(){this.$.comment.classList.toggle("inactive",this.inactive)})},detached:function detached(){this.$.wrapper.removeEventListener("click",function(){this.$.comment.classList.toggle("inactive",this.inactive)})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-resizable-behavior/iron-resizable-behavior.js","../../../../@polymer/paper-card/paper-card.js","../../../../@polymer/paper-button/paper-button.js","../../../lrn-icon/lrn-icon.js","../../../lrndesign-avatar/lrndesign-avatar.js"],function(_polymerLegacy,_ironResizableBehavior){"use strict";function _templateObject_3b3b6be0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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      .flex-wrap {\n        @apply --layout-horizontal;\n        @apply --layout-wrap;\n      }\n\n      .inactive {\n        max-height: 4.6em;\n        overflow: hidden;\n      }\n\n      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    </style>\n    <paper-card elevation=\"3\" class=\"flex-wrap\">\n      <div class=\"card-content\">\n        <lrndesign-avatar\n          label=\"[[commentUser.name]]\"\n          src=\"[[commentUser.avatar]]\"\n        ></lrndesign-avatar>\n        <h3>[[commentUser.display_name]]</h3>\n        <div id=\"wrapper\" class=\"button-wrapper\">\n          <div id=\"comment\" class=\"inactive\"><slot></slot></div>\n          <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        <template is=\"dom-if\" if=\"[[actionView]]\">\n          <a href$=\"[[actionView]]\" tabindex=\"-1\">\n            <paper-button raised=\"\" id=\"view\">View thread</paper-button>\n          </a>\n        </template>\n      </div>\n    </paper-card>\n  "]);_templateObject_3b3b6be0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3b3b6be0555211e98f439769bd191e33()),is:"lrnapp-block-recent-comments-comment",behaviors:[_ironResizableBehavior.IronResizableBehavior],listeners:{"iron-resize":"onHeightChange"},onHeightChange:function onHeightChange(){var height=this.$.comment.offsetHeight;if(80<height){this.$.btn.classList.toggle("hidden",this.hidden)}},properties:{commentTitle:{type:String,value:"Comment title",reflectToAttribute:!0,notify:!0},actionView:{type:String,reflectToAttribute:!0,notify:!0},dateUpdated:{type:String,reflectToAttribute:!0,notify:!0},commentUser:{type:Object,value:{},reflectToAttribute:!0,notify:!0}},attached:function attached(){this.$.wrapper.addEventListener("click",function(){this.$.comment.classList.toggle("inactive",this.inactive)})},detached:function detached(){this.$.wrapper.removeEventListener("click",function(){this.$.comment.classList.toggle("inactive",this.inactive)})}})});
\ No newline at end of file
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 7bc7c430a96..1fc3a011e5a 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-item/paper-item.js","../../../elmsln-loading/elmsln-loading.js","./lrnapp-block-recent-comments-comment.js"],function(_polymerLegacy){"use strict";function _templateObject_a521cd0054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-item-styles\">\n      :host {\n        display: block;\n      }\n    </style>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <iron-ajax\n      auto=\"\"\n      url=\"{{sourcePath}}\"\n      handle-as=\"json\"\n      last-response=\"{{response}}\"\n      on-response=\"handleResponse\"\n    ></iron-ajax>\n    <template is=\"dom-repeat\" items=\"[[_toArray(response.data)]]\" as=\"comment\">\n      <lrnapp-block-recent-comments-comment\n        comment-user=\"{{comment.relationships.author.data}}\"\n        comment-title=\"{{comment.attributes.subject}}\"\n        action-view=\"{{_getViewLink(comment.relationships.node.data.id)}}\"\n        date-updated=\"{{comment.attributes.changed}}\"\n        class=\"ferpa-protect\"\n      >\n        [[comment.attributes.body]]\n      </lrnapp-block-recent-comments-comment>\n    </template>\n  "]);_templateObject_a521cd0054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a521cd0054f411e9aeb367f92c5b63ab()),is:"lrnapp-block-recent-comments",properties:{sourcePath:{type:String,notify:!0},response:{type:Array,notify:!0}},handleResponse:function handleResponse(){this.$.loading.hidden=!0},_getViewLink:function _getViewLink(nid){return this.basePath+"lrnapp-studio-submission/submissions/"+nid},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-item/paper-item.js","../../../elmsln-loading/elmsln-loading.js","./lrnapp-block-recent-comments-comment.js"],function(_polymerLegacy){"use strict";function _templateObject_3b4297d0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-item-styles\">\n      :host {\n        display: block;\n      }\n    </style>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <iron-ajax\n      auto=\"\"\n      url=\"{{sourcePath}}\"\n      handle-as=\"json\"\n      last-response=\"{{response}}\"\n      on-response=\"handleResponse\"\n    ></iron-ajax>\n    <template is=\"dom-repeat\" items=\"[[_toArray(response.data)]]\" as=\"comment\">\n      <lrnapp-block-recent-comments-comment\n        comment-user=\"{{comment.relationships.author.data}}\"\n        comment-title=\"{{comment.attributes.subject}}\"\n        action-view=\"{{_getViewLink(comment.relationships.node.data.id)}}\"\n        date-updated=\"{{comment.attributes.changed}}\"\n        class=\"ferpa-protect\"\n      >\n        [[comment.attributes.body]]\n      </lrnapp-block-recent-comments-comment>\n    </template>\n  "]);_templateObject_3b4297d0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3b4297d0555211e98f439769bd191e33()),is:"lrnapp-block-recent-comments",properties:{sourcePath:{type:String,notify:!0},response:{type:Array,notify:!0}},handleResponse:function handleResponse(){this.$.loading.hidden=!0},_getViewLink:function _getViewLink(nid){return this.basePath+"lrnapp-studio-submission/submissions/"+nid},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
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 72b70d71a2d..53decd3d429 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/paper-card/paper-card.js","../../../../@polymer/paper-item/paper-item-shared-styles.js","../../../../@polymer/paper-button/paper-button.js","../../../lrnsys-button/lrnsys-button.js","../../../elmsln-loading/elmsln-loading.js","../../../materializecss-styles/materializecss-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_a52ec55054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles paper-item-styles\">\n      :host {\n        display: block;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.8;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        background-color: white;\n      }\n      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    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"{{sourcePath}}\"\n      handle-as=\"json\"\n      last-response=\"{{response}}\"\n      on-response=\"handleResponse\"\n    ></iron-ajax>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <template is=\"dom-if\" if=\"[[hasProject]]\">\n      <a tabindex=\"-1\" href$=\"[[basePath]]lrnapp-studio-kanban\">\n        <paper-button class=\"whole-project ferpa-protect\">\n          <paper-card\n            id$=\"project-[[project.id]]\"\n            class=\"project-card grey lighten-3\"\n            heading=\"{{project.attributes.title}}\"\n            elevation=\"2\"\n          >\n            <div class=\"card-content\">\n              <iron-list\n                items=\"[[_toArray(project.relationships.assignments)]]\"\n                as=\"assignment\"\n              >\n                <template>\n                  <div class=\"assignment-row\" id=\"assignment\">\n                    <lrnsys-button\n                      inner-class=\"no-left-padding\"\n                      class=\"assignment-row-button\"\n                      button-class=\"assignment-row-button\"\n                      id$=\"assignment-[[project.id]]-[[assignment.id]]\"\n                      hover-class=\"amber lighten-5\"\n                      href$=\"[[basePath]]lrnapp-studio-kanban\"\n                    >\n                      <span slot=\"button\" class=\"button-contents\">\n                        <div\n                          class$=\"status-indicator [[assignment.metadata.relatedSubmissions.complete.color]]\"\n                        >\n                          <iron-icon\n                            icon=\"[[assignment.metadata.relatedSubmissions.complete.icon]]\"\n                          ></iron-icon>\n                        </div>\n                        <div class=\"assignment-title\">[[assignment.title]]</div>\n                      </span>\n                    </lrnsys-button>\n                  </div>\n                </template>\n              </iron-list>\n            </div>\n          </paper-card>\n        </paper-button>\n      </a>\n    </template>\n    <template is=\"dom-if\" if=\"[[!hasProject]]\">\n      <lrnsys-button\n        inner-class=\"no-left-padding\"\n        button-class=\"assignment-row-button\"\n        class=\"assignment-row-button\"\n        href$=\"[[basePath]]lrnapp-studio-kanban\"\n        hover-class=\"amber lighten-5\"\n      >\n        <span slot=\"button\" class=\"button-contents\">\n          <div class=\"status-indicator\">\n            <iron-icon icon=\"assignment\"></iron-icon>\n          </div>\n          <div class=\"assignment-title\">Tap to start your first project!</div>\n        </span>\n      </lrnsys-button>\n    </template>\n  "],["\n    <style include=\"materializecss-styles paper-item-styles\">\n      :host {\n        display: block;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.8;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        background-color: white;\n      }\n      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    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"{{sourcePath}}\"\n      handle-as=\"json\"\n      last-response=\"{{response}}\"\n      on-response=\"handleResponse\"\n    ></iron-ajax>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <template is=\"dom-if\" if=\"[[hasProject]]\">\n      <a tabindex=\"-1\" href\\$=\"[[basePath]]lrnapp-studio-kanban\">\n        <paper-button class=\"whole-project ferpa-protect\">\n          <paper-card\n            id\\$=\"project-[[project.id]]\"\n            class=\"project-card grey lighten-3\"\n            heading=\"{{project.attributes.title}}\"\n            elevation=\"2\"\n          >\n            <div class=\"card-content\">\n              <iron-list\n                items=\"[[_toArray(project.relationships.assignments)]]\"\n                as=\"assignment\"\n              >\n                <template>\n                  <div class=\"assignment-row\" id=\"assignment\">\n                    <lrnsys-button\n                      inner-class=\"no-left-padding\"\n                      class=\"assignment-row-button\"\n                      button-class=\"assignment-row-button\"\n                      id\\$=\"assignment-[[project.id]]-[[assignment.id]]\"\n                      hover-class=\"amber lighten-5\"\n                      href\\$=\"[[basePath]]lrnapp-studio-kanban\"\n                    >\n                      <span slot=\"button\" class=\"button-contents\">\n                        <div\n                          class\\$=\"status-indicator [[assignment.metadata.relatedSubmissions.complete.color]]\"\n                        >\n                          <iron-icon\n                            icon=\"[[assignment.metadata.relatedSubmissions.complete.icon]]\"\n                          ></iron-icon>\n                        </div>\n                        <div class=\"assignment-title\">[[assignment.title]]</div>\n                      </span>\n                    </lrnsys-button>\n                  </div>\n                </template>\n              </iron-list>\n            </div>\n          </paper-card>\n        </paper-button>\n      </a>\n    </template>\n    <template is=\"dom-if\" if=\"[[!hasProject]]\">\n      <lrnsys-button\n        inner-class=\"no-left-padding\"\n        button-class=\"assignment-row-button\"\n        class=\"assignment-row-button\"\n        href\\$=\"[[basePath]]lrnapp-studio-kanban\"\n        hover-class=\"amber lighten-5\"\n      >\n        <span slot=\"button\" class=\"button-contents\">\n          <div class=\"status-indicator\">\n            <iron-icon icon=\"assignment\"></iron-icon>\n          </div>\n          <div class=\"assignment-title\">Tap to start your first project!</div>\n        </span>\n      </lrnsys-button>\n    </template>\n  "]);_templateObject_a52ec55054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a52ec55054f411e9aeb367f92c5b63ab()),is:"lrnapp-block-recent-project",properties:{sourcePath:{type:String,notify:!0},response:{type:Object,notify:!0},project:{type:Object,notify:!0},hasProject:{type:Boolean,notify:!0,reflectToAttribute:!0,computed:"_getHasProject(project)"}},_getHasProject:function _getHasProject(project){if(babelHelpers.typeof(project.id)!=="undefined"){return!0}return!1},handleResponse:function handleResponse(){this.$.loading.hidden=!0;this.project=this.response.data},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/paper-card/paper-card.js","../../../../@polymer/paper-item/paper-item-shared-styles.js","../../../../@polymer/paper-button/paper-button.js","../../../lrnsys-button/lrnsys-button.js","../../../elmsln-loading/elmsln-loading.js","../../../materializecss-styles/materializecss-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_3b4c34c0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles paper-item-styles\">\n      :host {\n        display: block;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.8;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        background-color: white;\n      }\n      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    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"{{sourcePath}}\"\n      handle-as=\"json\"\n      last-response=\"{{response}}\"\n      on-response=\"handleResponse\"\n    ></iron-ajax>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <template is=\"dom-if\" if=\"[[hasProject]]\">\n      <a tabindex=\"-1\" href$=\"[[basePath]]lrnapp-studio-kanban\">\n        <paper-button class=\"whole-project ferpa-protect\">\n          <paper-card\n            id$=\"project-[[project.id]]\"\n            class=\"project-card grey lighten-3\"\n            heading=\"{{project.attributes.title}}\"\n            elevation=\"2\"\n          >\n            <div class=\"card-content\">\n              <iron-list\n                items=\"[[_toArray(project.relationships.assignments)]]\"\n                as=\"assignment\"\n              >\n                <template>\n                  <div class=\"assignment-row\" id=\"assignment\">\n                    <lrnsys-button\n                      inner-class=\"no-left-padding\"\n                      class=\"assignment-row-button\"\n                      button-class=\"assignment-row-button\"\n                      id$=\"assignment-[[project.id]]-[[assignment.id]]\"\n                      hover-class=\"amber lighten-5\"\n                      href$=\"[[basePath]]lrnapp-studio-kanban\"\n                    >\n                      <span slot=\"button\" class=\"button-contents\">\n                        <div\n                          class$=\"status-indicator [[assignment.metadata.relatedSubmissions.complete.color]]\"\n                        >\n                          <iron-icon\n                            icon=\"[[assignment.metadata.relatedSubmissions.complete.icon]]\"\n                          ></iron-icon>\n                        </div>\n                        <div class=\"assignment-title\">[[assignment.title]]</div>\n                      </span>\n                    </lrnsys-button>\n                  </div>\n                </template>\n              </iron-list>\n            </div>\n          </paper-card>\n        </paper-button>\n      </a>\n    </template>\n    <template is=\"dom-if\" if=\"[[!hasProject]]\">\n      <lrnsys-button\n        inner-class=\"no-left-padding\"\n        button-class=\"assignment-row-button\"\n        class=\"assignment-row-button\"\n        href$=\"[[basePath]]lrnapp-studio-kanban\"\n        hover-class=\"amber lighten-5\"\n      >\n        <span slot=\"button\" class=\"button-contents\">\n          <div class=\"status-indicator\">\n            <iron-icon icon=\"assignment\"></iron-icon>\n          </div>\n          <div class=\"assignment-title\">Tap to start your first project!</div>\n        </span>\n      </lrnsys-button>\n    </template>\n  "],["\n    <style include=\"materializecss-styles paper-item-styles\">\n      :host {\n        display: block;\n      }\n      #loading {\n        width: 100%;\n        z-index: 1000;\n        opacity: 0.8;\n        text-align: center;\n        align-content: center;\n        justify-content: center;\n        background-color: white;\n      }\n      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    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"{{sourcePath}}\"\n      handle-as=\"json\"\n      last-response=\"{{response}}\"\n      on-response=\"handleResponse\"\n    ></iron-ajax>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <template is=\"dom-if\" if=\"[[hasProject]]\">\n      <a tabindex=\"-1\" href\\$=\"[[basePath]]lrnapp-studio-kanban\">\n        <paper-button class=\"whole-project ferpa-protect\">\n          <paper-card\n            id\\$=\"project-[[project.id]]\"\n            class=\"project-card grey lighten-3\"\n            heading=\"{{project.attributes.title}}\"\n            elevation=\"2\"\n          >\n            <div class=\"card-content\">\n              <iron-list\n                items=\"[[_toArray(project.relationships.assignments)]]\"\n                as=\"assignment\"\n              >\n                <template>\n                  <div class=\"assignment-row\" id=\"assignment\">\n                    <lrnsys-button\n                      inner-class=\"no-left-padding\"\n                      class=\"assignment-row-button\"\n                      button-class=\"assignment-row-button\"\n                      id\\$=\"assignment-[[project.id]]-[[assignment.id]]\"\n                      hover-class=\"amber lighten-5\"\n                      href\\$=\"[[basePath]]lrnapp-studio-kanban\"\n                    >\n                      <span slot=\"button\" class=\"button-contents\">\n                        <div\n                          class\\$=\"status-indicator [[assignment.metadata.relatedSubmissions.complete.color]]\"\n                        >\n                          <iron-icon\n                            icon=\"[[assignment.metadata.relatedSubmissions.complete.icon]]\"\n                          ></iron-icon>\n                        </div>\n                        <div class=\"assignment-title\">[[assignment.title]]</div>\n                      </span>\n                    </lrnsys-button>\n                  </div>\n                </template>\n              </iron-list>\n            </div>\n          </paper-card>\n        </paper-button>\n      </a>\n    </template>\n    <template is=\"dom-if\" if=\"[[!hasProject]]\">\n      <lrnsys-button\n        inner-class=\"no-left-padding\"\n        button-class=\"assignment-row-button\"\n        class=\"assignment-row-button\"\n        href\\$=\"[[basePath]]lrnapp-studio-kanban\"\n        hover-class=\"amber lighten-5\"\n      >\n        <span slot=\"button\" class=\"button-contents\">\n          <div class=\"status-indicator\">\n            <iron-icon icon=\"assignment\"></iron-icon>\n          </div>\n          <div class=\"assignment-title\">Tap to start your first project!</div>\n        </span>\n      </lrnsys-button>\n    </template>\n  "]);_templateObject_3b4c34c0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3b4c34c0555211e98f439769bd191e33()),is:"lrnapp-block-recent-project",properties:{sourcePath:{type:String,notify:!0},response:{type:Object,notify:!0},project:{type:Object,notify:!0},hasProject:{type:Boolean,notify:!0,reflectToAttribute:!0,computed:"_getHasProject(project)"}},_getHasProject:function _getHasProject(project){if(babelHelpers.typeof(project.id)!=="undefined"){return!0}return!1},handleResponse:function handleResponse(){this.$.loading.hidden=!0;this.project=this.response.data},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
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 c6ca95569e5..73e99469ce6 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/paper-button/paper-button.js","../../../lrndesign-gallerycard/lrndesign-gallerycard.js","../../../elmsln-loading/elmsln-loading.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_a53de08054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-item-styles\">\n      :host {\n        display: block;\n      }\n      paper-button {\n        width: 100%;\n      }\n    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"{{sourcePath}}\"\n      handle-as=\"json\"\n      last-response=\"{{response}}\"\n      on-response=\"handleResponse\"\n    ></iron-ajax>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <iron-list items=\"[[_toArray(response.data)]]\" as=\"item\">\n      <template>\n        <paper-button on-tap=\"_loadSubmissionUrl\">\n          <lrndesign-gallerycard\n            data-submission-id$=\"[[item.id]]\"\n            title=\"[[item.attributes.title]]\"\n            author=\"[[item.relationships.author.data]]\"\n            comments=\"[[item.meta.comment_count]]\"\n            image=\"[[item.display.image]]\"\n            icon=\"[[item.display.icon]]\"\n            class=\"ferpa-protect\"\n          >\n          </lrndesign-gallerycard>\n        </paper-button>\n      </template>\n    </iron-list>\n  "],["\n    <style include=\"paper-item-styles\">\n      :host {\n        display: block;\n      }\n      paper-button {\n        width: 100%;\n      }\n    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"{{sourcePath}}\"\n      handle-as=\"json\"\n      last-response=\"{{response}}\"\n      on-response=\"handleResponse\"\n    ></iron-ajax>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <iron-list items=\"[[_toArray(response.data)]]\" as=\"item\">\n      <template>\n        <paper-button on-tap=\"_loadSubmissionUrl\">\n          <lrndesign-gallerycard\n            data-submission-id\\$=\"[[item.id]]\"\n            title=\"[[item.attributes.title]]\"\n            author=\"[[item.relationships.author.data]]\"\n            comments=\"[[item.meta.comment_count]]\"\n            image=\"[[item.display.image]]\"\n            icon=\"[[item.display.icon]]\"\n            class=\"ferpa-protect\"\n          >\n          </lrndesign-gallerycard>\n        </paper-button>\n      </template>\n    </iron-list>\n  "]);_templateObject_a53de08054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a53de08054f411e9aeb367f92c5b63ab()),is:"lrnapp-block-recent-submissions",properties:{sourcePath:{type:String,notify:!0},response:{type:Array,notify:!0}},_loadSubmissionUrl:function _loadSubmissionUrl(e){var root=this,normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-submission-id");window.location.href=this.basePath+"lrnapp-studio-submission/submissions/"+active},handleResponse:function handleResponse(){this.$.loading.hidden=!0},_getViewLink:function _getViewLink(nid){return this.basePath+"lrnapp-studio-submission/submissions/"+nid},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/paper-button/paper-button.js","../../../lrndesign-gallerycard/lrndesign-gallerycard.js","../../../elmsln-loading/elmsln-loading.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_3b5b4ff0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-item-styles\">\n      :host {\n        display: block;\n      }\n      paper-button {\n        width: 100%;\n      }\n    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"{{sourcePath}}\"\n      handle-as=\"json\"\n      last-response=\"{{response}}\"\n      on-response=\"handleResponse\"\n    ></iron-ajax>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <iron-list items=\"[[_toArray(response.data)]]\" as=\"item\">\n      <template>\n        <paper-button on-tap=\"_loadSubmissionUrl\">\n          <lrndesign-gallerycard\n            data-submission-id$=\"[[item.id]]\"\n            title=\"[[item.attributes.title]]\"\n            author=\"[[item.relationships.author.data]]\"\n            comments=\"[[item.meta.comment_count]]\"\n            image=\"[[item.display.image]]\"\n            icon=\"[[item.display.icon]]\"\n            class=\"ferpa-protect\"\n          >\n          </lrndesign-gallerycard>\n        </paper-button>\n      </template>\n    </iron-list>\n  "],["\n    <style include=\"paper-item-styles\">\n      :host {\n        display: block;\n      }\n      paper-button {\n        width: 100%;\n      }\n    </style>\n    <iron-ajax\n      auto=\"\"\n      url=\"{{sourcePath}}\"\n      handle-as=\"json\"\n      last-response=\"{{response}}\"\n      on-response=\"handleResponse\"\n    ></iron-ajax>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <iron-list items=\"[[_toArray(response.data)]]\" as=\"item\">\n      <template>\n        <paper-button on-tap=\"_loadSubmissionUrl\">\n          <lrndesign-gallerycard\n            data-submission-id\\$=\"[[item.id]]\"\n            title=\"[[item.attributes.title]]\"\n            author=\"[[item.relationships.author.data]]\"\n            comments=\"[[item.meta.comment_count]]\"\n            image=\"[[item.display.image]]\"\n            icon=\"[[item.display.icon]]\"\n            class=\"ferpa-protect\"\n          >\n          </lrndesign-gallerycard>\n        </paper-button>\n      </template>\n    </iron-list>\n  "]);_templateObject_3b5b4ff0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3b5b4ff0555211e98f439769bd191e33()),is:"lrnapp-block-recent-submissions",properties:{sourcePath:{type:String,notify:!0},response:{type:Array,notify:!0}},_loadSubmissionUrl:function _loadSubmissionUrl(e){var root=this,normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-submission-id");window.location.href=this.basePath+"lrnapp-studio-submission/submissions/"+active},handleResponse:function handleResponse(){this.$.loading.hidden=!0},_getViewLink:function _getViewLink(nid){return this.basePath+"lrnapp-studio-submission/submissions/"+nid},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
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 1e3af54dd5d..5148c70ae85 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-card/paper-card.js","../../../materializecss-styles/materializecss-styles.js","./lrnapp-block-recent-project.js","./lrnapp-block-recent-submissions.js","./lrnapp-block-recent-comments.js","./lrnapp-block-need-feedback.js"],function(_polymerLegacy){"use strict";function _templateObject_a5477d7054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n        padding: 0 2em;\n      }\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    </style>\n    <h1 class=\"title\">Welcome back [[username]]!</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=\"[[csrfToken]]\"\n            end-point=\"[[_getEndPoint(basePath)]]\"\n            base-path=\"[[basePath]]\"\n            source-path=\"[[_getDataSource(csrfToken, basePath,'recent-project')]]\"\n          >\n          </lrnapp-block-recent-project>\n        </div>\n      </paper-card>\n      <paper-card heading=\"Classmates needing feedback\" class=\"dashboard-item\">\n        <div class=\"card-content\">\n          <lrnapp-block-need-feedback\n            csrf-token=\"[[csrfToken]]\"\n            end-point=\"[[_getEndPoint(basePath)]]\"\n            base-path=\"[[basePath]]\"\n            source-path=\"[[_getDataSource(csrfToken, basePath,'need-feedback')]]\"\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=\"[[csrfToken]]\"\n            end-point=\"[[_getEndPoint(basePath)]]\"\n            base-path=\"[[basePath]]\"\n            source-path=\"[[_getDataSource(csrfToken, basePath,'recent-submissions')]]\"\n          >\n          </lrnapp-block-recent-submissions>\n        </div>\n      </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=\"[[csrfToken]]\"\n            end-point=\"[[_getEndPoint(basePath)]]\"\n            base-path=\"[[basePath]]\"\n            source-path=\"[[_getDataSource(csrfToken, basePath,'recent-comments')]]\"\n          >\n          </lrnapp-block-recent-comments>\n        </div>\n      </paper-card>\n    </div>\n  "]);_templateObject_a5477d7054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a5477d7054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-dashboard",properties:{username:{type:String,reflectToAttribute:!0},basePath:{type:String,notify:!0,reflectToAttribute:!0},csrfToken:{type:String,notify:!0,reflectToAttribute:!0},sourcePath:{type:String,notify:!0,reflectToAttribute:!0}},_getEndPoint:function _getEndPoint(basePath){return basePath+"lrnapp-studio-dashboard/blocks"},_getDataSource:function _getDataSource(csrfToken,basePath,dataPoint){return basePath+"lrnapp-studio-dashboard/blocks/"+dataPoint+"?token="+csrfToken},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-card/paper-card.js","../../../materializecss-styles/materializecss-styles.js","./lrnapp-block-recent-project.js","./lrnapp-block-recent-submissions.js","./lrnapp-block-recent-comments.js","./lrnapp-block-need-feedback.js"],function(_polymerLegacy){"use strict";function _templateObject_3b658920555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n        padding: 0 2em;\n      }\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    </style>\n    <h1 class=\"title\">Welcome back [[username]]!</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=\"[[csrfToken]]\"\n            end-point=\"[[_getEndPoint(basePath)]]\"\n            base-path=\"[[basePath]]\"\n            source-path=\"[[_getDataSource(csrfToken, basePath,'recent-project')]]\"\n          >\n          </lrnapp-block-recent-project>\n        </div>\n      </paper-card>\n      <paper-card heading=\"Classmates needing feedback\" class=\"dashboard-item\">\n        <div class=\"card-content\">\n          <lrnapp-block-need-feedback\n            csrf-token=\"[[csrfToken]]\"\n            end-point=\"[[_getEndPoint(basePath)]]\"\n            base-path=\"[[basePath]]\"\n            source-path=\"[[_getDataSource(csrfToken, basePath,'need-feedback')]]\"\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=\"[[csrfToken]]\"\n            end-point=\"[[_getEndPoint(basePath)]]\"\n            base-path=\"[[basePath]]\"\n            source-path=\"[[_getDataSource(csrfToken, basePath,'recent-submissions')]]\"\n          >\n          </lrnapp-block-recent-submissions>\n        </div>\n      </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=\"[[csrfToken]]\"\n            end-point=\"[[_getEndPoint(basePath)]]\"\n            base-path=\"[[basePath]]\"\n            source-path=\"[[_getDataSource(csrfToken, basePath,'recent-comments')]]\"\n          >\n          </lrnapp-block-recent-comments>\n        </div>\n      </paper-card>\n    </div>\n  "]);_templateObject_3b658920555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3b658920555211e98f439769bd191e33()),is:"lrnapp-studio-dashboard",properties:{username:{type:String,reflectToAttribute:!0},basePath:{type:String,notify:!0,reflectToAttribute:!0},csrfToken:{type:String,notify:!0,reflectToAttribute:!0},sourcePath:{type:String,notify:!0,reflectToAttribute:!0}},_getEndPoint:function _getEndPoint(basePath){return basePath+"lrnapp-studio-dashboard/blocks"},_getDataSource:function _getDataSource(csrfToken,basePath,dataPoint){return basePath+"lrnapp-studio-dashboard/blocks/"+dataPoint+"?token="+csrfToken},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
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 9e8c5baecc5..c657d711ea9 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/app-route/app-route.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-toggle-button/paper-toggle-button.js","../../../../@polymer/paper-item/paper-item.js","../../../../@polymer/paper-badge/paper-badge.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/paper-input/paper-input.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../../@vaadin/vaadin-grid/vaadin-grid.js","../../../../@vaadin/vaadin-grid/vaadin-grid-filter.js","../../../../@vaadin/vaadin-grid/vaadin-grid-sorter.js","../../../../@vaadin/vaadin-grid/vaadin-grid-column-group.js","../../../../@vaadin/vaadin-grid/vaadin-grid-selection-column.js","../../../elmsln-loading/elmsln-loading.js","../../../lrndesign-chart/lib/lrndesign-bar.js","../../../lrndesign-chart/lib/lrndesign-line.js","../../../lrndesign-chart/lib/lrndesign-pie.js","../../../dropdown-select/dropdown-select.js","../../../lrnsys-button/lrnsys-button.js","../../../lrndesign-avatar/lrndesign-avatar.js","../../../lrnsys-layout/lib/lrnsys-dialog.js","../lrnapp-studio-submission/lrnapp-studio-submission.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_a4ed287054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n  <style include=\"materializecss-styles\">\n    :host {\n      display: block;\n      align-content: center;\n      padding: .8em;\n    }\n    vaadin-grid-table-body > vaadin-grid-cell-content {\n      height: unset !important;\n    }\n    lrnsys-dialog-toolbar {\n      top: 0;\n      position: sticky !important;\n      z-index: 1;\n    }\n    #loading {\n      width: 100%;\n      z-index: 1000;\n      opacity: .8;\n      text-align: center;\n      align-content: center;\n      justify-content: center;\n      height: 100vh;\n      position: absolute;\n      background-color: white;\n    }\n    .center-data {\n      text-align: center;\n    }\n    vaadin-grid#material {\n      height: 75vh;\n      font-family: Roboto, sans-serif;\n      --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n\n      --vaadin-grid-cell: {\n        padding: 0;\n      };\n\n      --vaadin-grid-header-cell: {\n        height: 3.5em;\n        color: rgba(0, 0, 0, var(--dark-secondary-opacity));\n        font-size: 1em;\n      };\n\n      --vaadin-grid-body-cell: {\n        height: 3em;\n        color: rgba(0, 0, 0, var(--dark-primary-opacity));\n        font-size: .8em;\n      };\n\n      --vaadin-grid-body-row-hover-cell: {\n        background-color: var(--paper-grey-200);\n      };\n\n      --vaadin-grid-body-row-selected-cell: {\n        background-color: var(--paper-grey-100);\n      };\n\n      --vaadin-grid-focused-cell: {\n        box-shadow: none;\n        font-weight: bold;\n      };\n    }\n\n    vaadin-grid#material .cell {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-right: 56px;\n    }\n\n    vaadin-grid#material .cell.last {\n      padding-right: 24px;\n    }\n\n    vaadin-grid#material .cell.numeric {\n      text-align: right;\n    }\n\n    vaadin-grid#material paper-checkbox {\n      --primary-color: var(--paper-indigo-500);\n      margin: 0 24px;\n    }\n\n    vaadin-grid#material vaadin-grid-sorter .cell {\n      flex: 1;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    vaadin-grid#material vaadin-grid-sorter iron-icon {\n      transform: scale(0.8);\n    }\n\n    vaadin-grid#material vaadin-grid-sorter:not([direction]) iron-icon {\n      color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n    }\n\n    vaadin-grid#material vaadin-grid-sorter[direction] {\n      color: rgba(0, 0, 0, var(--dark-primary-opacity));\n    }\n\n    vaadin-grid#material vaadin-grid-sorter[direction=desc] 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: .2em;\n    }\n\n    .avatar-button {\n\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: .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  </style>\n  <app-location route=\"{{route}}\"></app-location>\n  <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/submissions/:submission\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\">\n  </app-route>\n  <iron-ajax auto\n    id=\"projectrequest\"\n    url=\"[[sourceProjectPath]]\"\n    params=\"\"\n    handle-as=\"json\"\n    last-response=\"{{_projectData}}\"\n    on-response=\"_handleProjectResponse\"></iron-ajax>\n  <iron-ajax\n    id=\"studentrequest\"\n    url=\"[[sourceStudentPath]]\"\n    params='[[studentParams]]'\n    handle-as=\"json\"\n    last-response=\"{{_studentData}}\"\n    on-response=\"_handleStudentResponse\"></iron-ajax>\n  <div id=\"loading\">\n    <h3>Loading..</h3>\n    <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n  </div>\n  <div hidden$=\"[[activeProject]]\">Select a project to begin reviewing work</div>\n  <dropdown-select id=\"selectedproject\" label=\"Project\">\n    <template is=\"dom-repeat\" items=\"[[_toArray(projects)]]\" as=\"project\">\n      <paper-item value$=\"[[project.id]]\">[[project.attributes.title]]</paper-item>\n    </template>\n  </dropdown-select>\n  <paper-toggle-button id=\"datatype\" checked=\"{{dataType}}\" disabled>\n    [[dataTypeText]]\n  </paper-toggle-button>\n  <lrnsys-dialog id=\"statsdialog\" disabled>\n    <span slot=\"button\"><iron-icon icon=\"editor:show-chart\"></iron-icon> Statistics (beta)</span>\n    <span slot=\"toolbar-primary\">\n      [[stats.header]]\n    </span>\n  <span slot=\"content\">\n      <div style=\"padding: 2em 4em;\">\n        <span class=\"stats-text\">[[stats.overview]]</span>\n        <dropdown-select id=\"selectedchart\" label=\"Graph style\">\n          <paper-item value=\"byassignment-submissions\">Submissions by Assignment</paper-item>\n          <paper-item value=\"byassignment-comments\">Comments by Assignment</paper-item>\n          <paper-item value=\"byassignment-commenters\">Commenters by Assignment</paper-item>\n        </dropdown-select>\n        <lrndesign-bar chart-title=\"[[activeChart.title]]\" chart-desc=\"[[activeChart.description]]\" data=\"[[activeChart.data]]\"></lrndesign-bar>\n      </div>\n    </span>\n  </lrnsys-dialog>\n  <vaadin-grid hidden$=\"[[!students]]\" id=\"material\" aria-label=\"Student project list\" items=\"[[_toArray(students)]]\">\n    <vaadin-grid-column resizable>\n      <template class=\"header\">\n        <vaadin-grid-sorter id=\"sorter\" path=\"sis.sortable_name\">Student</vaadin-grid-sorter>\n      </template>\n      <template>\n        <a href$=\"[[basePath]]lrnapp-open-studio/projects?author=[[item.id]]&project=[[activeProject]]\" tabindex=\"-1\" target=\"_blank\" class=\"avatar-link ferpa-protect\">\n          <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    <template is=\"dom-repeat\" items=\"[[_toArray(assignments)]]\" as=\"assignment\">\n      <vaadin-grid-column resizable>\n        <template class=\"header\">\n          <span>[[assignment.title]]</span>\n        </template>\n        <template>\n          <template is=\"dom-if\" if=\"[[_submissionStatus(item, assignment, dataType)]]\">\n            <template is=\"dom-if\" if=\"[[!dataType]]\">\n              <lrnsys-button icon=\"[[_submissionPiece(item, assignment, 'icon')]]\" id$=\"student-[[item.id]]-assignment-[[assignment.id]]-submission-[[_submissionID(item, assignment)]]\" label=\"[[_submissionPiece(item, assignment, 'title')]]\" on-tap=\"_setActiveSubmission\">\n              </lrnsys-button>\n            </template>\n            <template is=\"dom-if\" if=\"[[dataType]]\">\n              <ul class=\"comment-list\">\n              <template is=\"dom-repeat\" items=\"[[_submissionPiece(item, assignment, 'comments')]]\" as=\"commented\">\n                <li>\n                  <lrnsys-button icon=\"communication:comment\" id$=\"student-[[item.id]]-assignment-[[assignment.id]]-submission-[[commented]]\" label=\"#[[_commentIndex(index)]]\" on-tap=\"_setActiveComment\">\n                  </lrnsys-button>\n                </li>\n              </template>\n              </ul>\n            </template>\n          </template>\n          <template is=\"dom-if\" if=\"[[!_submissionStatus(item, assignment, dataType)]]\">\n            <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    </template>\n  </vaadin-grid>\n  <lrnsys-dialog id=\"dialog\" style=\"overflow: visible;\">\n    <span slot=\"toolbar-primary\">\n      <span style=\"width:15em;\">\n        <paper-icon-button on-tap=\"_changeActiveItem\" id=\"prevstudent\" icon=\"arrow-upward\" title=\"previous student\"></paper-icon-button>\n        <paper-icon-button on-tap=\"_changeActiveItem\" id=\"nextstudent\" icon=\"arrow-downward\" title=\"next student\"></paper-icon-button>\n        <lrndesign-avatar class=\"ferpa-protect\" label=\"[[activeData.student.name]]\" src=\"[[activeData.student.avatar]]\" style=\"display:inline-block;vertical-align:middle;\"></lrndesign-avatar>\n        <span class=\"avatar-label ferpa-protect\" style=\"margin-left:1em;\">[[activeData.student.sis.sortable_name]]</span>\n      </span>\n      <paper-icon-button on-tap=\"_changeActiveItem\" id=\"prevassignment\" icon=\"arrow-back\" title=\"previous assignment\" style=\"margin-left:1em;\"></paper-icon-button>\n      <paper-icon-button on-tap=\"_changeActiveItem\" id=\"nextassignment\" icon=\"arrow-forward\" title=\"next assignment\"></paper-icon-button>\n      <span style=\"font-weight:bold;\">Assignment: [[activeData.assignment.title]]</span>\n    </span>\n    <span slot=\"content\">\n      <template is=\"dom-if\" if=\"[[activeData.submission]]\">\n        <lrnapp-studio-submission-page base-path=\"[[basePath]]\" route=\"{{tail}}\" id=\"[[data.submission]]\" end-point=\"[[basePath]]lrnapp-studio-submission\" csrf-token=\"[[csrfToken]]\" data=\"[[data]]\" hide-menu-bar></lrnapp-studio-submission-page>\n      </template>\n      <template is=\"dom-if\" if=\"[[!activeData.submission]]\">\n        <div>\n          <h3>No submission for this assignment</h3>\n          <p>This student has not submitted anything for this assignment at this time.</p>\n        </div>\n      </template>\n    </span>\n  </lrnsys-dialog>  \n"]);_templateObject_a4ed287054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a4ed287054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-instructor",observers:["_routeChanged(route, endPoint)","_activeDataChanged(activeData.student, activeData.assignment)"],properties:{dataType:{type:Boolean,value:!1,observer:"_dataTypeChanged"},dataTypeText:{type:String,value:"Submissions"},projects:{type:Object,notify:!0},assignments:{type:Object,notify:!0},students:{type:Object,notify:!0,value:!1},_projectData:{type:Object,value:{}},studentParams:{type:Object,value:{projectId:null,type:"submission"}},_studentData:{type:Object},_numWidth:{type:String,value:"2.25em"},sourcePath:{type:String,notify:!0},basePath:{type:String,notify:!0},route:{type:String},csrfToken:{type:String},elmslnCourse:{type:String},elmslnSection:{type:String},data:{type:Object},activeProject:{type:Number,value:!1},activeData:{type:Object,value:{student:{},assignment:{},submission:{}}},stats:{type:Object,value:{}},activeChart:{type:Object,value:{}}},_chartChanged:function _chartChanged(e){this.set("activeChart.title",e.detail.value);this.notifyPath("activeChart.title");this.set("activeChart.description","Chart of values relative to "+e.detail.value);this.notifyPath("activeChart.description");this.set("activeChart.data",this._formatChartData(e.detail.value));this.notifyPath("activeChart.data")},_formatChartData:function _formatChartData(type){var labels=[],series=[[]],stats=this.stats.stats,assignments=this._toArray(this.assignments),parts=type.split("-");if(babelHelpers.typeof(stats[parts[0]])!=="undefined"&&babelHelpers.typeof(stats[parts[0]][parts[1]])!=="undefined"){for(var i in assignments){var title=assignments[i].title;if(babelHelpers.typeof(stats[parts[0]][parts[1]][assignments[i].id])!=="undefined"){series[0].push(stats[parts[0]][parts[1]][assignments[i].id]);title+=" (".concat(stats[parts[0]][parts[1]][assignments[i].id],")")}else{series[0].push(0);title+=" (0)"}labels.push(title)}}return{labels:labels,series:series}},_dataTypeChanged:function _dataTypeChanged(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"){if(newValue){this.dataTypeText="Comments (beta)"}else{this.dataTypeText="Submissions"}}},_commentIndex:function _commentIndex(index){return index+1},_routeChanged:function _routeChanged(route,endPoint){if("string"===typeof route.path){if("string"===typeof endPoint){if(route.path.startsWith(endPoint)){return}}window.location.reload()}},_activeDataChanged:function _activeDataChanged(student,assignment){if(babelHelpers.typeof(student.id)!=="undefined"){if(-1==this._getObjectByPosition(this.students,student.id,-1)){this.$.prevstudent.disabled=!0}else{this.$.prevstudent.disabled=!1}if(-1==this._getObjectByPosition(this.students,student.id,1)){this.$.nextstudent.disabled=!0}else{this.$.nextstudent.disabled=!1}if(-1==this._getObjectByPosition(this.assignments,assignment.id,-1)){this.$.prevassignment.disabled=!0}else{this.$.prevassignment.disabled=!1}if(-1==this._getObjectByPosition(this.assignments,assignment.id,1)){this.$.nextassignment.disabled=!0}else{this.$.nextassignment.disabled=!1}}},_projectChanged:function _projectChanged(e){this.$.loading.hidden=!1;this.__rememberClick=this.$.statsdialog;this.$.statsdialog.disabled=!1;this.$.datatype.disabled=!1;this.activeProject=e.detail.value;this.studentParams.projectId=this.activeProject;this.$.studentrequest.generateRequest()},attached:function attached(){document.body.addEventListener("lrnsys-dialog-modal-closed",this._accessibleFocus.bind(this));this.$.selectedproject.addEventListener("change",this._projectChanged.bind(this));this.$.selectedchart.addEventListener("change",this._chartChanged.bind(this))},detached:function detached(){document.body.removeEventListener("lrnsys-dialog-modal-closed",this._accessibleFocus.bind(this));this.$.selectedproject.removeEventListener("change",this._projectChanged.bind(this));this.$.selectedchart.removeEventListener("change",this._chartChanged.bind(this))},_accessibleFocus:function _accessibleFocus(){document.body.classList.remove("scroll-disabled");this.__rememberClick.focus()},_handleProjectResponse:function _handleProjectResponse(){this.$.loading.hidden=!0;this.set("projects",this._projectData.data.projects)},_handleStudentResponse:function _handleStudentResponse(){var _this=this;this.$.loading.hidden=!0;this.set("students",[]);this.set("students",this._studentData.data.students);this.set("assignments",[]);this.set("assignments",this._studentData.data.assignments);this.stats=this._studentData.data.stats;this.set("stats.header","Statistics for "+this.projects["project-"+this.activeProject].attributes.title);setTimeout(function(){_this.shadowRoot.querySelector("#sorter").direction="asc"},200)},_changeActiveItem:function _changeActiveItem(e){document.body.classList.add("scroll-disabled");var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,newstudent,newassignment;switch(local.id){case"prevstudent":newstudent=this._getObjectByPosition(this.students,this.activeData.student.id,-1);if(-1!=newstudent&&babelHelpers.typeof(newstudent.assignments[this.activeData.assignment.id])!=="undefined"){this.set("activeData.student",{});this.set("activeData.student",newstudent);this.set("activeData.submission",{});this.set("activeData.submission",newstudent.assignments[this.activeData.assignment.id]);this.set("route.path",this.endPoint+"/submissions/"+this.activeData.submission.id)}break;case"nextstudent":newstudent=this._getObjectByPosition(this.students,this.activeData.student.id,1);if(-1!=newstudent&&babelHelpers.typeof(newstudent.assignments[this.activeData.assignment.id])!=="undefined"){this.set("activeData.student",{});this.set("activeData.student",newstudent);this.set("activeData.submission",{});this.set("activeData.submission",newstudent.assignments[this.activeData.assignment.id]);this.set("route.path",this.endPoint+"/submissions/"+this.activeData.submission.id)}break;case"prevassignment":newassignment=this._getObjectByPosition(this.assignments,this.activeData.assignment.id,-1);if(-1!=newassignment){this.set("activeData.assignment",{});this.set("activeData.assignment",newassignment);if(babelHelpers.typeof(this.activeData.student.assignments[newassignment.id].id)!=="undefined"){this.set("activeData.submission",this.activeData.student.assignments[newassignment.id]);this.set("activeData.submission",{});this.set("route.path",this.endPoint+"/submissions/"+this.activeData.student.assignments[newassignment.id].id)}else{this.set("activeData.submission",!1)}}break;case"nextassignment":newassignment=this._getObjectByPosition(this.assignments,this.activeData.assignment.id,1);if(-1!=newassignment){this.set("activeData.assignment",{});this.set("activeData.assignment",newassignment);if(babelHelpers.typeof(this.activeData.student.assignments[newassignment.id].id)!=="undefined"){this.set("activeData.submission",{});this.set("activeData.submission",this.activeData.student.assignments[newassignment.id]);this.set("route.path",this.endPoint+"/submissions/"+this.activeData.student.assignments[newassignment.id].id)}else{this.set("activeData.submission",!1)}}break;}},_getObjectByPosition:function _getObjectByPosition(items,key,i){var keys=Object.keys(items).sort(function(a,b){if(babelHelpers.typeof(items[a].sis)!=="undefined"){if(items[a].sis.sortable_name>items[b].sis.sortable_name){return 1}else if(items[a].sis.sortable_name<items[b].sis.sortable_name){return-1}return 0}else{return a-b}});if(key!==void 0){key=key.toString()}var index=keys.indexOf(key);if(-1==index){index=keys.indexOf(parseInt(key))}if(-1==i&&0<index||1==i&&index<keys.length-1){return items[keys[index+i]]}else{return-1}},_submissionStatus:function _submissionStatus(student,assignment,dataType){if(null!=student){if(!dataType&&babelHelpers.typeof(student.assignments[assignment.id])!=="undefined"&&babelHelpers.typeof(student.assignments[assignment.id].id)!=="undefined"){return!0}else if(dataType&&babelHelpers.typeof(student.assignmentComments[assignment.id])!=="undefined"&&0<this._toArray(student.assignmentComments[assignment.id]).length){return!0}}return!1},_submissionID:function _submissionID(student,assignment){if(null!=student&&babelHelpers.typeof(student.assignments[assignment.id])!=="undefined"&&babelHelpers.typeof(student.assignments[assignment.id].id)!=="undefined"){return student.assignments[assignment.id].id}return!1},_submissionPiece:function _submissionPiece(student,assignment,piece){if(null!=student&&babelHelpers.typeof(student.assignments[assignment.id])!=="undefined"&&babelHelpers.typeof(student.assignments[assignment.id].id)!=="undefined"){var submission=student.assignments[assignment.id];switch(piece){case"url":return this.basePath+"lrnapp-studio-submission/submissions/"+submission.id;break;case"title":return submission.attributes.title;break;case"icon":return submission.meta.state_icon;break;case"color":return submission.meta.state_color;break;case"comments":return this._toArray(student.assignmentComments[assignment.id]);break;}}return""},_commentCount:function _commentCount(student,assignment,dataType){if(!dataType&&null!=student&&babelHelpers.typeof(student.assignmentComments[assignment.id])!=="undefined"){return this._toArray(student.assignmentComments[assignment.id]).length}return!1},_setActiveSubmission:function _setActiveSubmission(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;this.__rememberClick=local;var item=local.id.split("-");this.set("activeData.student",this.students[item[1]]);this.set("activeData.assignment",this.assignments[item[3]]);this.set("activeData.submission",this.students[item[1]].assignments[item[3]]);this.set("route.path",this.endPoint+"/submissions/"+item[item.length-1]);document.body.classList.add("scroll-disabled");this.$.dialog.toggleDialog()},_setActiveComment:function _setActiveComment(e){this.$.nextassignment.disabled=!0;this.$.prevassignment.disabled=!0;this.$.nextstudent.disabled=!0;this.$.prevstudent.disabled=!0;var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;this.__rememberClick=local;var item=local.id.split("-");this.set("activeData.student",this.students[item[1]]);this.set("activeData.assignment",this.assignments[item[3]]);this.set("activeData.submission",this.students[item[1]].assignments[item[3]]);this.set("route.path",this.endPoint+"/submissions/"+item[item.length-1]);document.body.classList.add("scroll-disabled");this.$.dialog.toggleDialog()},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/app-route/app-route.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-toggle-button/paper-toggle-button.js","../../../../@polymer/paper-item/paper-item.js","../../../../@polymer/paper-badge/paper-badge.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/paper-input/paper-input.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../../@vaadin/vaadin-grid/vaadin-grid.js","../../../../@vaadin/vaadin-grid/vaadin-grid-filter.js","../../../../@vaadin/vaadin-grid/vaadin-grid-sorter.js","../../../../@vaadin/vaadin-grid/vaadin-grid-column-group.js","../../../../@vaadin/vaadin-grid/vaadin-grid-selection-column.js","../../../elmsln-loading/elmsln-loading.js","../../../lrndesign-chart/lib/lrndesign-bar.js","../../../lrndesign-chart/lib/lrndesign-line.js","../../../lrndesign-chart/lib/lrndesign-pie.js","../../../dropdown-select/dropdown-select.js","../../../lrnsys-button/lrnsys-button.js","../../../lrndesign-avatar/lrndesign-avatar.js","../../../lrnsys-layout/lib/lrnsys-dialog.js","../lrnapp-studio-submission/lrnapp-studio-submission.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_3b89da00555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n  <style include=\"materializecss-styles\">\n    :host {\n      display: block;\n      align-content: center;\n      padding: .8em;\n    }\n    vaadin-grid-table-body > vaadin-grid-cell-content {\n      height: unset !important;\n    }\n    lrnsys-dialog-toolbar {\n      top: 0;\n      position: sticky !important;\n      z-index: 1;\n    }\n    #loading {\n      width: 100%;\n      z-index: 1000;\n      opacity: .8;\n      text-align: center;\n      align-content: center;\n      justify-content: center;\n      height: 100vh;\n      position: absolute;\n      background-color: white;\n    }\n    .center-data {\n      text-align: center;\n    }\n    vaadin-grid#material {\n      height: 75vh;\n      font-family: Roboto, sans-serif;\n      --divider-color: rgba(0, 0, 0, var(--dark-divider-opacity));\n\n      --vaadin-grid-cell: {\n        padding: 0;\n      };\n\n      --vaadin-grid-header-cell: {\n        height: 3.5em;\n        color: rgba(0, 0, 0, var(--dark-secondary-opacity));\n        font-size: 1em;\n      };\n\n      --vaadin-grid-body-cell: {\n        height: 3em;\n        color: rgba(0, 0, 0, var(--dark-primary-opacity));\n        font-size: .8em;\n      };\n\n      --vaadin-grid-body-row-hover-cell: {\n        background-color: var(--paper-grey-200);\n      };\n\n      --vaadin-grid-body-row-selected-cell: {\n        background-color: var(--paper-grey-100);\n      };\n\n      --vaadin-grid-focused-cell: {\n        box-shadow: none;\n        font-weight: bold;\n      };\n    }\n\n    vaadin-grid#material .cell {\n      overflow: hidden;\n      text-overflow: ellipsis;\n      padding-right: 56px;\n    }\n\n    vaadin-grid#material .cell.last {\n      padding-right: 24px;\n    }\n\n    vaadin-grid#material .cell.numeric {\n      text-align: right;\n    }\n\n    vaadin-grid#material paper-checkbox {\n      --primary-color: var(--paper-indigo-500);\n      margin: 0 24px;\n    }\n\n    vaadin-grid#material vaadin-grid-sorter .cell {\n      flex: 1;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n    }\n\n    vaadin-grid#material vaadin-grid-sorter iron-icon {\n      transform: scale(0.8);\n    }\n\n    vaadin-grid#material vaadin-grid-sorter:not([direction]) iron-icon {\n      color: rgba(0, 0, 0, var(--dark-disabled-opacity));\n    }\n\n    vaadin-grid#material vaadin-grid-sorter[direction] {\n      color: rgba(0, 0, 0, var(--dark-primary-opacity));\n    }\n\n    vaadin-grid#material vaadin-grid-sorter[direction=desc] 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: .2em;\n    }\n\n    .avatar-button {\n\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: .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  </style>\n  <app-location route=\"{{route}}\"></app-location>\n  <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/submissions/:submission\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\">\n  </app-route>\n  <iron-ajax auto\n    id=\"projectrequest\"\n    url=\"[[sourceProjectPath]]\"\n    params=\"\"\n    handle-as=\"json\"\n    last-response=\"{{_projectData}}\"\n    on-response=\"_handleProjectResponse\"></iron-ajax>\n  <iron-ajax\n    id=\"studentrequest\"\n    url=\"[[sourceStudentPath]]\"\n    params='[[studentParams]]'\n    handle-as=\"json\"\n    last-response=\"{{_studentData}}\"\n    on-response=\"_handleStudentResponse\"></iron-ajax>\n  <div id=\"loading\">\n    <h3>Loading..</h3>\n    <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n  </div>\n  <div hidden$=\"[[activeProject]]\">Select a project to begin reviewing work</div>\n  <dropdown-select id=\"selectedproject\" label=\"Project\">\n    <template is=\"dom-repeat\" items=\"[[_toArray(projects)]]\" as=\"project\">\n      <paper-item value$=\"[[project.id]]\">[[project.attributes.title]]</paper-item>\n    </template>\n  </dropdown-select>\n  <paper-toggle-button id=\"datatype\" checked=\"{{dataType}}\" disabled>\n    [[dataTypeText]]\n  </paper-toggle-button>\n  <lrnsys-dialog id=\"statsdialog\" disabled>\n    <span slot=\"button\"><iron-icon icon=\"editor:show-chart\"></iron-icon> Statistics (beta)</span>\n    <span slot=\"toolbar-primary\">\n      [[stats.header]]\n    </span>\n  <span slot=\"content\">\n      <div style=\"padding: 2em 4em;\">\n        <span class=\"stats-text\">[[stats.overview]]</span>\n        <dropdown-select id=\"selectedchart\" label=\"Graph style\">\n          <paper-item value=\"byassignment-submissions\">Submissions by Assignment</paper-item>\n          <paper-item value=\"byassignment-comments\">Comments by Assignment</paper-item>\n          <paper-item value=\"byassignment-commenters\">Commenters by Assignment</paper-item>\n        </dropdown-select>\n        <lrndesign-bar chart-title=\"[[activeChart.title]]\" chart-desc=\"[[activeChart.description]]\" data=\"[[activeChart.data]]\"></lrndesign-bar>\n      </div>\n    </span>\n  </lrnsys-dialog>\n  <vaadin-grid hidden$=\"[[!students]]\" id=\"material\" aria-label=\"Student project list\" items=\"[[_toArray(students)]]\">\n    <vaadin-grid-column resizable>\n      <template class=\"header\">\n        <vaadin-grid-sorter id=\"sorter\" path=\"sis.sortable_name\">Student</vaadin-grid-sorter>\n      </template>\n      <template>\n        <a href$=\"[[basePath]]lrnapp-open-studio/projects?author=[[item.id]]&project=[[activeProject]]\" tabindex=\"-1\" target=\"_blank\" class=\"avatar-link ferpa-protect\">\n          <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    <template is=\"dom-repeat\" items=\"[[_toArray(assignments)]]\" as=\"assignment\">\n      <vaadin-grid-column resizable>\n        <template class=\"header\">\n          <span>[[assignment.title]]</span>\n        </template>\n        <template>\n          <template is=\"dom-if\" if=\"[[_submissionStatus(item, assignment, dataType)]]\">\n            <template is=\"dom-if\" if=\"[[!dataType]]\">\n              <lrnsys-button icon=\"[[_submissionPiece(item, assignment, 'icon')]]\" id$=\"student-[[item.id]]-assignment-[[assignment.id]]-submission-[[_submissionID(item, assignment)]]\" label=\"[[_submissionPiece(item, assignment, 'title')]]\" on-tap=\"_setActiveSubmission\">\n              </lrnsys-button>\n            </template>\n            <template is=\"dom-if\" if=\"[[dataType]]\">\n              <ul class=\"comment-list\">\n              <template is=\"dom-repeat\" items=\"[[_submissionPiece(item, assignment, 'comments')]]\" as=\"commented\">\n                <li>\n                  <lrnsys-button icon=\"communication:comment\" id$=\"student-[[item.id]]-assignment-[[assignment.id]]-submission-[[commented]]\" label=\"#[[_commentIndex(index)]]\" on-tap=\"_setActiveComment\">\n                  </lrnsys-button>\n                </li>\n              </template>\n              </ul>\n            </template>\n          </template>\n          <template is=\"dom-if\" if=\"[[!_submissionStatus(item, assignment, dataType)]]\">\n            <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    </template>\n  </vaadin-grid>\n  <lrnsys-dialog id=\"dialog\" style=\"overflow: visible;\">\n    <span slot=\"toolbar-primary\">\n      <span style=\"width:15em;\">\n        <paper-icon-button on-tap=\"_changeActiveItem\" id=\"prevstudent\" icon=\"arrow-upward\" title=\"previous student\"></paper-icon-button>\n        <paper-icon-button on-tap=\"_changeActiveItem\" id=\"nextstudent\" icon=\"arrow-downward\" title=\"next student\"></paper-icon-button>\n        <lrndesign-avatar class=\"ferpa-protect\" label=\"[[activeData.student.name]]\" src=\"[[activeData.student.avatar]]\" style=\"display:inline-block;vertical-align:middle;\"></lrndesign-avatar>\n        <span class=\"avatar-label ferpa-protect\" style=\"margin-left:1em;\">[[activeData.student.sis.sortable_name]]</span>\n      </span>\n      <paper-icon-button on-tap=\"_changeActiveItem\" id=\"prevassignment\" icon=\"arrow-back\" title=\"previous assignment\" style=\"margin-left:1em;\"></paper-icon-button>\n      <paper-icon-button on-tap=\"_changeActiveItem\" id=\"nextassignment\" icon=\"arrow-forward\" title=\"next assignment\"></paper-icon-button>\n      <span style=\"font-weight:bold;\">Assignment: [[activeData.assignment.title]]</span>\n    </span>\n    <span slot=\"content\">\n      <template is=\"dom-if\" if=\"[[activeData.submission]]\">\n        <lrnapp-studio-submission-page base-path=\"[[basePath]]\" route=\"{{tail}}\" id=\"[[data.submission]]\" end-point=\"[[basePath]]lrnapp-studio-submission\" csrf-token=\"[[csrfToken]]\" data=\"[[data]]\" hide-menu-bar></lrnapp-studio-submission-page>\n      </template>\n      <template is=\"dom-if\" if=\"[[!activeData.submission]]\">\n        <div>\n          <h3>No submission for this assignment</h3>\n          <p>This student has not submitted anything for this assignment at this time.</p>\n        </div>\n      </template>\n    </span>\n  </lrnsys-dialog>  \n"]);_templateObject_3b89da00555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3b89da00555211e98f439769bd191e33()),is:"lrnapp-studio-instructor",observers:["_routeChanged(route, endPoint)","_activeDataChanged(activeData.student, activeData.assignment)"],properties:{dataType:{type:Boolean,value:!1,observer:"_dataTypeChanged"},dataTypeText:{type:String,value:"Submissions"},projects:{type:Object,notify:!0},assignments:{type:Object,notify:!0},students:{type:Object,notify:!0,value:!1},_projectData:{type:Object,value:{}},studentParams:{type:Object,value:{projectId:null,type:"submission"}},_studentData:{type:Object},_numWidth:{type:String,value:"2.25em"},sourcePath:{type:String,notify:!0},basePath:{type:String,notify:!0},route:{type:String},csrfToken:{type:String},elmslnCourse:{type:String},elmslnSection:{type:String},data:{type:Object},activeProject:{type:Number,value:!1},activeData:{type:Object,value:{student:{},assignment:{},submission:{}}},stats:{type:Object,value:{}},activeChart:{type:Object,value:{}}},_chartChanged:function _chartChanged(e){this.set("activeChart.title",e.detail.value);this.notifyPath("activeChart.title");this.set("activeChart.description","Chart of values relative to "+e.detail.value);this.notifyPath("activeChart.description");this.set("activeChart.data",this._formatChartData(e.detail.value));this.notifyPath("activeChart.data")},_formatChartData:function _formatChartData(type){var labels=[],series=[[]],stats=this.stats.stats,assignments=this._toArray(this.assignments),parts=type.split("-");if(babelHelpers.typeof(stats[parts[0]])!=="undefined"&&babelHelpers.typeof(stats[parts[0]][parts[1]])!=="undefined"){for(var i in assignments){var title=assignments[i].title;if(babelHelpers.typeof(stats[parts[0]][parts[1]][assignments[i].id])!=="undefined"){series[0].push(stats[parts[0]][parts[1]][assignments[i].id]);title+=" (".concat(stats[parts[0]][parts[1]][assignments[i].id],")")}else{series[0].push(0);title+=" (0)"}labels.push(title)}}return{labels:labels,series:series}},_dataTypeChanged:function _dataTypeChanged(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"){if(newValue){this.dataTypeText="Comments (beta)"}else{this.dataTypeText="Submissions"}}},_commentIndex:function _commentIndex(index){return index+1},_routeChanged:function _routeChanged(route,endPoint){if("string"===typeof route.path){if("string"===typeof endPoint){if(route.path.startsWith(endPoint)){return}}window.location.reload()}},_activeDataChanged:function _activeDataChanged(student,assignment){if(babelHelpers.typeof(student.id)!=="undefined"){if(-1==this._getObjectByPosition(this.students,student.id,-1)){this.$.prevstudent.disabled=!0}else{this.$.prevstudent.disabled=!1}if(-1==this._getObjectByPosition(this.students,student.id,1)){this.$.nextstudent.disabled=!0}else{this.$.nextstudent.disabled=!1}if(-1==this._getObjectByPosition(this.assignments,assignment.id,-1)){this.$.prevassignment.disabled=!0}else{this.$.prevassignment.disabled=!1}if(-1==this._getObjectByPosition(this.assignments,assignment.id,1)){this.$.nextassignment.disabled=!0}else{this.$.nextassignment.disabled=!1}}},_projectChanged:function _projectChanged(e){this.$.loading.hidden=!1;this.__rememberClick=this.$.statsdialog;this.$.statsdialog.disabled=!1;this.$.datatype.disabled=!1;this.activeProject=e.detail.value;this.studentParams.projectId=this.activeProject;this.$.studentrequest.generateRequest()},attached:function attached(){document.body.addEventListener("lrnsys-dialog-modal-closed",this._accessibleFocus.bind(this));this.$.selectedproject.addEventListener("change",this._projectChanged.bind(this));this.$.selectedchart.addEventListener("change",this._chartChanged.bind(this))},detached:function detached(){document.body.removeEventListener("lrnsys-dialog-modal-closed",this._accessibleFocus.bind(this));this.$.selectedproject.removeEventListener("change",this._projectChanged.bind(this));this.$.selectedchart.removeEventListener("change",this._chartChanged.bind(this))},_accessibleFocus:function _accessibleFocus(){document.body.classList.remove("scroll-disabled");this.__rememberClick.focus()},_handleProjectResponse:function _handleProjectResponse(){this.$.loading.hidden=!0;this.set("projects",this._projectData.data.projects)},_handleStudentResponse:function _handleStudentResponse(){var _this=this;this.$.loading.hidden=!0;this.set("students",[]);this.set("students",this._studentData.data.students);this.set("assignments",[]);this.set("assignments",this._studentData.data.assignments);this.stats=this._studentData.data.stats;this.set("stats.header","Statistics for "+this.projects["project-"+this.activeProject].attributes.title);setTimeout(function(){_this.shadowRoot.querySelector("#sorter").direction="asc"},200)},_changeActiveItem:function _changeActiveItem(e){document.body.classList.add("scroll-disabled");var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,newstudent,newassignment;switch(local.id){case"prevstudent":newstudent=this._getObjectByPosition(this.students,this.activeData.student.id,-1);if(-1!=newstudent&&babelHelpers.typeof(newstudent.assignments[this.activeData.assignment.id])!=="undefined"){this.set("activeData.student",{});this.set("activeData.student",newstudent);this.set("activeData.submission",{});this.set("activeData.submission",newstudent.assignments[this.activeData.assignment.id]);this.set("route.path",this.endPoint+"/submissions/"+this.activeData.submission.id)}break;case"nextstudent":newstudent=this._getObjectByPosition(this.students,this.activeData.student.id,1);if(-1!=newstudent&&babelHelpers.typeof(newstudent.assignments[this.activeData.assignment.id])!=="undefined"){this.set("activeData.student",{});this.set("activeData.student",newstudent);this.set("activeData.submission",{});this.set("activeData.submission",newstudent.assignments[this.activeData.assignment.id]);this.set("route.path",this.endPoint+"/submissions/"+this.activeData.submission.id)}break;case"prevassignment":newassignment=this._getObjectByPosition(this.assignments,this.activeData.assignment.id,-1);if(-1!=newassignment){this.set("activeData.assignment",{});this.set("activeData.assignment",newassignment);if(babelHelpers.typeof(this.activeData.student.assignments[newassignment.id].id)!=="undefined"){this.set("activeData.submission",this.activeData.student.assignments[newassignment.id]);this.set("activeData.submission",{});this.set("route.path",this.endPoint+"/submissions/"+this.activeData.student.assignments[newassignment.id].id)}else{this.set("activeData.submission",!1)}}break;case"nextassignment":newassignment=this._getObjectByPosition(this.assignments,this.activeData.assignment.id,1);if(-1!=newassignment){this.set("activeData.assignment",{});this.set("activeData.assignment",newassignment);if(babelHelpers.typeof(this.activeData.student.assignments[newassignment.id].id)!=="undefined"){this.set("activeData.submission",{});this.set("activeData.submission",this.activeData.student.assignments[newassignment.id]);this.set("route.path",this.endPoint+"/submissions/"+this.activeData.student.assignments[newassignment.id].id)}else{this.set("activeData.submission",!1)}}break;}},_getObjectByPosition:function _getObjectByPosition(items,key,i){var keys=Object.keys(items).sort(function(a,b){if(babelHelpers.typeof(items[a].sis)!=="undefined"){if(items[a].sis.sortable_name>items[b].sis.sortable_name){return 1}else if(items[a].sis.sortable_name<items[b].sis.sortable_name){return-1}return 0}else{return a-b}});if(key!==void 0){key=key.toString()}var index=keys.indexOf(key);if(-1==index){index=keys.indexOf(parseInt(key))}if(-1==i&&0<index||1==i&&index<keys.length-1){return items[keys[index+i]]}else{return-1}},_submissionStatus:function _submissionStatus(student,assignment,dataType){if(null!=student){if(!dataType&&babelHelpers.typeof(student.assignments[assignment.id])!=="undefined"&&babelHelpers.typeof(student.assignments[assignment.id].id)!=="undefined"){return!0}else if(dataType&&babelHelpers.typeof(student.assignmentComments[assignment.id])!=="undefined"&&0<this._toArray(student.assignmentComments[assignment.id]).length){return!0}}return!1},_submissionID:function _submissionID(student,assignment){if(null!=student&&babelHelpers.typeof(student.assignments[assignment.id])!=="undefined"&&babelHelpers.typeof(student.assignments[assignment.id].id)!=="undefined"){return student.assignments[assignment.id].id}return!1},_submissionPiece:function _submissionPiece(student,assignment,piece){if(null!=student&&babelHelpers.typeof(student.assignments[assignment.id])!=="undefined"&&babelHelpers.typeof(student.assignments[assignment.id].id)!=="undefined"){var submission=student.assignments[assignment.id];switch(piece){case"url":return this.basePath+"lrnapp-studio-submission/submissions/"+submission.id;break;case"title":return submission.attributes.title;break;case"icon":return submission.meta.state_icon;break;case"color":return submission.meta.state_color;break;case"comments":return this._toArray(student.assignmentComments[assignment.id]);break;}}return""},_commentCount:function _commentCount(student,assignment,dataType){if(!dataType&&null!=student&&babelHelpers.typeof(student.assignmentComments[assignment.id])!=="undefined"){return this._toArray(student.assignmentComments[assignment.id]).length}return!1},_setActiveSubmission:function _setActiveSubmission(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;this.__rememberClick=local;var item=local.id.split("-");this.set("activeData.student",this.students[item[1]]);this.set("activeData.assignment",this.assignments[item[3]]);this.set("activeData.submission",this.students[item[1]].assignments[item[3]]);this.set("route.path",this.endPoint+"/submissions/"+item[item.length-1]);document.body.classList.add("scroll-disabled");this.$.dialog.toggleDialog()},_setActiveComment:function _setActiveComment(e){this.$.nextassignment.disabled=!0;this.$.prevassignment.disabled=!0;this.$.nextstudent.disabled=!0;this.$.prevstudent.disabled=!0;var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;this.__rememberClick=local;var item=local.id.split("-");this.set("activeData.student",this.students[item[1]]);this.set("activeData.assignment",this.assignments[item[3]]);this.set("activeData.submission",this.students[item[1]].assignments[item[3]]);this.set("route.path",this.endPoint+"/submissions/"+item[item.length-1]);document.body.classList.add("scroll-disabled");this.$.dialog.toggleDialog()},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
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 7ca3d5a747e..37ac44cb699 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-toast/paper-toast.js","../../../lrnsys-button/lrnsys-button.js"],function(_polymerLegacy){"use strict";function _templateObject_a59bdf0054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <lrnsys-button\n      on-tap=\"_createAssignment\"\n      icon-class=\"[[iconClass]]\"\n      alt=\"[[alt]]\"\n      class$=\"[[classes]]\"\n      button-class$=\"[[classes]]\"\n      hover-class=\"[[hoverClass]]\"\n      icon=\"[[icon]]\"\n    ></lrnsys-button>\n    <iron-ajax\n      id=\"ajaxCreateStub\"\n      url=\"[[createAssignmentUrl]]\"\n      method=\"POST\"\n      body=\"[[projectId]]\"\n      handle-as=\"json\"\n      on-response=\"_ajaxCreateStubHandler\"\n    ></iron-ajax>\n    <template is=\"dom-if\" if=\"[[displayErrors]]\">\n      <paper-toast id=\"toast\"></paper-toast>\n    </template>\n  "],["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <lrnsys-button\n      on-tap=\"_createAssignment\"\n      icon-class=\"[[iconClass]]\"\n      alt=\"[[alt]]\"\n      class\\$=\"[[classes]]\"\n      button-class\\$=\"[[classes]]\"\n      hover-class=\"[[hoverClass]]\"\n      icon=\"[[icon]]\"\n    ></lrnsys-button>\n    <iron-ajax\n      id=\"ajaxCreateStub\"\n      url=\"[[createAssignmentUrl]]\"\n      method=\"POST\"\n      body=\"[[projectId]]\"\n      handle-as=\"json\"\n      on-response=\"_ajaxCreateStubHandler\"\n    ></iron-ajax>\n    <template is=\"dom-if\" if=\"[[displayErrors]]\">\n      <paper-toast id=\"toast\"></paper-toast>\n    </template>\n  "]);_templateObject_a59bdf0054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a59bdf0054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-assignment-button",properties:{auto:{type:Boolean,reflectToAttribute:!0,value:!1,notify:!0},displayErrors:{type:Boolean,value:!0},projectId:{type:String},createAssignmentUrl:{type:String,value:null},iconClass:{type:String,value:null},alt:{type:String,value:null},classes:{type:String,value:null},hoverClass:{type:String,value:null},icon:{type:String,value:null},endPoint:String,csrfToken:String},ready:function ready(){this.createAssignmentUrl=this.endPoint+"/api/assignments/create-stub?token="+this.csrfToken},_createAssignment:function _createAssignment(){this.shadowRoot.querySelector("#ajaxCreateStub").generateRequest()},_ajaxCreateStubHandler:function _ajaxCreateStubHandler(e){var status=e.detail.response.status,response=e.detail.response;if(201===status){var assignment=e.detail.response.data;if(assignment){this.fire("assignment-created",{assignment:assignment})}}if("undefined"!==typeof response.errors){var ul=document.createElement("ul"),text="";response.errors.forEach(function(error){text=text+" "+error});this.shadowRoot.querySelector("#toast").show(text)}}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-toast/paper-toast.js","../../../lrnsys-button/lrnsys-button.js"],function(_polymerLegacy){"use strict";function _templateObject_3baa3340555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <lrnsys-button\n      on-tap=\"_createAssignment\"\n      icon-class=\"[[iconClass]]\"\n      alt=\"[[alt]]\"\n      class$=\"[[classes]]\"\n      button-class$=\"[[classes]]\"\n      hover-class=\"[[hoverClass]]\"\n      icon=\"[[icon]]\"\n    ></lrnsys-button>\n    <iron-ajax\n      id=\"ajaxCreateStub\"\n      url=\"[[createAssignmentUrl]]\"\n      method=\"POST\"\n      body=\"[[projectId]]\"\n      handle-as=\"json\"\n      on-response=\"_ajaxCreateStubHandler\"\n    ></iron-ajax>\n    <template is=\"dom-if\" if=\"[[displayErrors]]\">\n      <paper-toast id=\"toast\"></paper-toast>\n    </template>\n  "],["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <lrnsys-button\n      on-tap=\"_createAssignment\"\n      icon-class=\"[[iconClass]]\"\n      alt=\"[[alt]]\"\n      class\\$=\"[[classes]]\"\n      button-class\\$=\"[[classes]]\"\n      hover-class=\"[[hoverClass]]\"\n      icon=\"[[icon]]\"\n    ></lrnsys-button>\n    <iron-ajax\n      id=\"ajaxCreateStub\"\n      url=\"[[createAssignmentUrl]]\"\n      method=\"POST\"\n      body=\"[[projectId]]\"\n      handle-as=\"json\"\n      on-response=\"_ajaxCreateStubHandler\"\n    ></iron-ajax>\n    <template is=\"dom-if\" if=\"[[displayErrors]]\">\n      <paper-toast id=\"toast\"></paper-toast>\n    </template>\n  "]);_templateObject_3baa3340555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3baa3340555211e98f439769bd191e33()),is:"lrnapp-studio-assignment-button",properties:{auto:{type:Boolean,reflectToAttribute:!0,value:!1,notify:!0},displayErrors:{type:Boolean,value:!0},projectId:{type:String},createAssignmentUrl:{type:String,value:null},iconClass:{type:String,value:null},alt:{type:String,value:null},classes:{type:String,value:null},hoverClass:{type:String,value:null},icon:{type:String,value:null},endPoint:String,csrfToken:String},ready:function ready(){this.createAssignmentUrl=this.endPoint+"/api/assignments/create-stub?token="+this.csrfToken},_createAssignment:function _createAssignment(){this.shadowRoot.querySelector("#ajaxCreateStub").generateRequest()},_ajaxCreateStubHandler:function _ajaxCreateStubHandler(e){var status=e.detail.response.status,response=e.detail.response;if(201===status){var assignment=e.detail.response.data;if(assignment){this.fire("assignment-created",{assignment:assignment})}}if("undefined"!==typeof response.errors){var ul=document.createElement("ul"),text="";response.errors.forEach(function(error){text=text+" "+error});this.shadowRoot.querySelector("#toast").show(text)}}})});
\ No newline at end of file
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 2fa19aad33d..63b9b56b1d8 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/marked-element/marked-element.js"],function(_polymerLegacy){"use strict";function _templateObject_a5c0cc2054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        padding: 16px;\n      }\n      #assignment-body {\n        font-size: 21px;\n      }\n    </style>\n    <h1>[[assignment.attributes.title]]</h1>\n    <marked-element\n      id=\"assignment-body\"\n      markdown=\"[[assignment.attributes.body]]\"\n    ></marked-element>\n  "]);_templateObject_a5c0cc2054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a5c0cc2054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-assignment-display",properties:{assignment:{type:Object}}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/marked-element/marked-element.js"],function(_polymerLegacy){"use strict";function _templateObject_3bb13820555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        padding: 16px;\n      }\n      #assignment-body {\n        font-size: 21px;\n      }\n    </style>\n    <h1>[[assignment.attributes.title]]</h1>\n    <marked-element\n      id=\"assignment-body\"\n      markdown=\"[[assignment.attributes.body]]\"\n    ></marked-element>\n  "]);_templateObject_3bb13820555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3bb13820555211e98f439769bd191e33()),is:"lrnapp-studio-assignment-display",properties:{assignment:{type:Object}}})});
\ No newline at end of file
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 b806bd76ed3..cca4cf248a8 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/app-route/app-route.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/paper-badge/paper-badge.js","../../../../@polymer/paper-toggle-button/paper-toggle-button.js","../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../@polymer/paper-card/paper-card.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/paper-toast/paper-toast.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../lrnsys-render-html/lrnsys-render-html.js","../../../lrnsys-layout/lib/lrnsys-dialog.js","../../../lrnsys-button/lrnsys-button.js","../../../elmsln-loading/elmsln-loading.js","../../../materializecss-styles/materializecss-styles.js","./lrnapp-studio-project-button.js","./lrnapp-studio-assignment-button.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_a5bea94054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n      }\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\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: 30em;\n        width: 150vw;\n        padding-top: 1em;\n      }\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\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\n      .projects-window::-webkit-scrollbar-thumb {\n        background-color: #ffc107;\n      }\n      /* this will style the thumb, ignoring the track */\n\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\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\n      .projects-window::-webkit-scrollbar {\n        width: 1rem;\n        height: 1rem;\n      }\n      /* this targets the default scrollbar (compulsory) */\n\n      paper-button {\n        padding: 0;\n        margin: 0;\n        min-width: 1rem;\n      }\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: 8em;\n        max-height: 10em;\n        overflow: scroll;\n      }\n\n      .project-operations {\n        position: absolute;\n        top: 0;\n        right: 0;\n        padding: 1em;\n      }\n\n      .project-operations .operation {\n        display: inline-flex;\n        height: 2.5em;\n        width: 2.5em;\n      }\n      .project-operations .operation[hidden] {\n        display: none;\n      }\n\n      .assignment-row {\n        border: 1px solid #000000;\n        background-color: #ffffff;\n      }\n\n      .assignment-row .assignment-row-button.active {\n        background-color: var(--paper-amber-50);\n        font-weight: bold;\n      }\n\n      .assignment-row:hover .assignment-operations {\n        display: block;\n        overflow: visible;\n        margin: 0.2em;\n      }\n\n      .assignment-row-button {\n        width: 100%;\n        justify-content: flex-start;\n        height: 3em;\n        text-transform: none;\n      }\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\n      .button-contents {\n        display: flex;\n        align-content: center;\n      }\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\n      .assignment-operations {\n        position: absolute;\n        top: 0;\n        right: 0;\n        padding: 0;\n        display: none;\n      }\n\n      .assignment-operations.show {\n        display: block;\n        overflow: visible;\n      }\n\n      .assignment-operations .operation {\n        display: inline-flex;\n        width: 2.5em;\n        height: 2.5em;\n      }\n      .assignment-operations .operation[hidden] {\n        display: none;\n      }\n\n      lrnapp-studio-project-button {\n        margin: 0em auto 1em;\n        max-width: 20em;\n      }\n    </style>\n    <iron-ajax\n      auto=\"\"\n      id=\"projectbackend\"\n      url=\"[[sourcePath]]\"\n      handle-as=\"json\"\n      last-response=\"{{projectResponse}}\"\n      on-response=\"_handleProjectResponse\"\n    >\n    </iron-ajax>\n    <iron-ajax\n      id=\"backend\"\n      url=\"[[sourcePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      last-response=\"{{backendResponse}}\"\n      on-response=\"_handleUpdateResponse\"\n    >\n    </iron-ajax>\n\n    <app-location\n      route=\"{{route}}\"\n      query-params=\"{{queryParams}}\"\n    ></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/:page\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\"\n    >\n    </app-route>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <lrnapp-studio-project-button\n      hidden$=\"[[!projectResponse.data.canCreateProjects]]\"\n      classes=\"amber darken-3 white-text\"\n      end-point=\"[[endPoint]]\"\n      csrf-token=\"[[csrfToken]]\"\n      icon=\"add\"\n    ></lrnapp-studio-project-button>\n    <div class=\"projects-window\">\n      <iron-list\n        items=\"[[_toArray(projectResponse.data.projects)]]\"\n        as=\"project\"\n        class=\"projects-container\"\n        grid=\"\"\n      >\n        <template class=\"projects-container-items\">\n          <div class=\"project-container\">\n            <paper-card\n              id$=\"project-[[project.id]]\"\n              class=\"project-card grey lighten-3\"\n              heading=\"{{project.attributes.title}}\"\n              elevation=\"2\"\n            >\n              <div class=\"project-operations\">\n                <lrnsys-button\n                  icon-class=\"no-margin\"\n                  id$=\"project-[[project.id]]-edit\"\n                  alt=\"Edit project\"\n                  class=\"circle operation\"\n                  hover-class=\"amber lighten-2\"\n                  hidden=\"[[!project.meta.canUpdate]]\"\n                  icon=\"create\"\n                  on-tap=\"_makeProjectEditLink\"\n                >\n                </lrnsys-button>\n                <lrnapp-studio-assignment-button\n                  project-id=\"[[project.id]]\"\n                  icon-class=\"no-margin\"\n                  id$=\"project-[[project.id]]-add\"\n                  alt=\"Add assignment\"\n                  class=\"circle operation\"\n                  hover-class=\"amber lighten-2\"\n                  hidden=\"[[!project.meta.canUpdate]]\"\n                  icon=\"add\"\n                  end-point=\"[[endPoint]]\"\n                  csrf-token=\"[[csrfToken]]\"\n                >\n                </lrnapp-studio-assignment-button>\n                <lrnsys-button\n                  id$=\"project-[[project.id]]-delete\"\n                  alt=\"Delete project!\"\n                  class=\"circle operation\"\n                  hover-class=\"red darken-2 white-text\"\n                  header=\"Delete project!\"\n                  hidden=\"[[!project.meta.canDelete]]\"\n                  icon=\"delete-forever\"\n                  on-tap=\"_deleteProjectDialog\"\n                  icon-class=\"no-margin\"\n                >\n                </lrnsys-button>\n              </div>\n              <div class=\"card-content\">\n                <iron-list\n                  items=\"[[_toArray(project.relationships.assignments)]]\"\n                  as=\"assignment\"\n                >\n                  <template>\n                    <div class=\"assignment-row\" id=\"assignment\">\n                      <lrnsys-dialog\n                        body-append=\"\"\n                        on-focusin=\"assignmentFocusIn\"\n                        class=\"assignment-row-button\"\n                        id$=\"assignment-[[project.id]]-[[assignment.id]]\"\n                        header=\"[[assignment.attributes.title]]\"\n                        hover-class=\"amber lighten-5\"\n                      >\n                        <span slot=\"button\" class=\"button-contents\">\n                          <div\n                            class$=\"status-indicator [[assignment.meta.relatedSubmissions.complete.color]]\"\n                          >\n                            <iron-icon\n                              icon=\"[[assignment.meta.relatedSubmissions.complete.icon]]\"\n                              disabled$=\"[[!assignment.meta.relatedSubmissions.canCreate]]\"\n                            ></iron-icon>\n                          </div>\n                          <div class=\"assignment-title\">\n                            [[assignment.attributes.title]]\n                          </div>\n                        </span>\n                        <div slot=\"content\">\n                          <app-toolbar\n                            class$=\"[[assignment.meta.relatedSubmissions.complete.color]]\"\n                          >\n                            <div>\n                              <iron-icon\n                                icon=\"[[assignment.meta.relatedSubmissions.complete.icon]]\"\n                                disabled$=\"[[!assignment.meta.relatedSubmissions.canCreate]]\"\n                              ></iron-icon>\n                              [[assignment.meta.relatedSubmissions.complete.submission.title]]\n                            </div>\n                            <div\n                              spacer=\"\"\n                              class=\"comment-box\"\n                              hidden$=\"[[!assignment.meta.relatedSubmissions.complete.submission.id]]\"\n                            >\n                              <paper-button\n                                id$=\"assignment-[[project.id]]-[[assignment.id]]-comments\"\n                                style=\"margin:0;padding:.25em;text-transform:none;\"\n                              >\n                                <iron-icon\n                                  icon=\"communication:forum\"\n                                ></iron-icon>\n                                [[assignment.meta.relatedSubmissions.complete.submission.meta.comments.count]]\n                                Comments\n                              </paper-button>\n                              <paper-badge\n                                hidden$=\"[[displayNewBadge(assignment.meta.relatedSubmissions.complete.submission.meta.new)]]\"\n                                for$=\"assignment-[[project.id]]-[[assignment.id]]-comments\"\n                                label$=\"[[assignment.meta.relatedSubmissions.complete.submission.meta.comments.new]]\"\n                              ></paper-badge>\n                            </div>\n\n                            <lrnapp-studio-submission-button\n                              spacer=\"\"\n                              auto=\"\"\n                              assignment-id=\"[[assignment.id]]\"\n                              submission=\"{{submission}}\"\n                              end-point=\"[[buildSubmissionPath(basePath)]]\"\n                              csrf-token=\"[[csrfToken]]\"\n                              submission-id=\"[[assignment.meta.relatedSubmissions.complete.submission.id]]\"\n                            ></lrnapp-studio-submission-button>\n                            <div main-title=\"\"></div>\n                            <paper-toggle-button\n                              id$=\"assignment-[[project.id]]-[[assignment.id]]-toggle\"\n                              on-tap=\"statusToggle\"\n                            ></paper-toggle-button>\n                            <span\n                              id$=\"assignment-[[project.id]]-[[assignment.id]]-toggle-text\"\n                            ></span>\n                            <div bottom-item=\"\" class=\"status-rationale\">\n                              [[assignment.meta.relatedSubmissions.complete.rationale.text]]\n                            </div>\n                          </app-toolbar>\n                          <lrnsys-render-html\n                            style=\"padding:2em;\"\n                            html=\"[[assignment.attributes.body]]\"\n                          ></lrnsys-render-html>\n                        </div>\n                      </lrnsys-dialog>\n                      <span class=\"assignment-operations\">\n                        <lrnsys-button\n                          id$=\"assignment-[[project.id]]-[[assignment.id]]-add-critique\"\n                          icon=\"editor:insert-comment\"\n                          alt=\"Add critique\"\n                          class=\"circle operation\"\n                          hover-class=\"green lighten-2\"\n                          hidden=\"[[!assignment.meta.canCritique]]\"\n                          href$=\"[[assignment.meta.critiqueLink]]\"\n                          icon-class=\"no-margin\"\n                        ></lrnsys-button>\n                        <lrnsys-button\n                          id$=\"assignment-[[project.id]]-[[assignment.id]]-edit\"\n                          icon=\"editor:mode-edit\"\n                          alt=\"Edit\"\n                          class=\"circle operation\"\n                          hover-class=\"amber lighten-4\"\n                          hidden=\"[[!assignment.meta.canUpdate]]\"\n                          on-tap=\"_makeAssignmentEditLink\"\n                          icon-class=\"no-margin green-text text-darken-4\"\n                        ></lrnsys-button>\n                        <lrnsys-button\n                          id$=\"assignment-[[project.id]]-[[assignment.id]]-delete\"\n                          icon=\"delete\"\n                          alt=\"Delete\"\n                          class=\"circle operation\"\n                          hover-class=\"amber lighten-4\"\n                          hidden=\"[[!assignment.meta.canDelete]]\"\n                          on-tap=\"_deleteAssignmentDialog\"\n                          icon-class=\"no-margin red-text text-darken-4\"\n                        ></lrnsys-button>\n                      </span>\n                    </div>\n                  </template>\n                </iron-list>\n              </div>\n            </paper-card>\n          </div>\n        </template>\n      </iron-list>\n    </div>\n    <paper-toast text=\"Updated\" id=\"toast\"></paper-toast>\n    <paper-dialog id=\"delete\" modal=\"\">\n      <h3>[[_deleteTitle]]</h3>\n      <p>[[_deleteText]]</p>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Decline</paper-button>\n        <paper-button\n          id=\"deleteaccept\"\n          on-tap=\"_handleDelete\"\n          dialog-confirm=\"\"\n          autofocus=\"\"\n          >Accept</paper-button\n        >\n      </div>\n    </paper-dialog>\n  "],["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n      }\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\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: 30em;\n        width: 150vw;\n        padding-top: 1em;\n      }\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\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\n      .projects-window::-webkit-scrollbar-thumb {\n        background-color: #ffc107;\n      }\n      /* this will style the thumb, ignoring the track */\n\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\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\n      .projects-window::-webkit-scrollbar {\n        width: 1rem;\n        height: 1rem;\n      }\n      /* this targets the default scrollbar (compulsory) */\n\n      paper-button {\n        padding: 0;\n        margin: 0;\n        min-width: 1rem;\n      }\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: 8em;\n        max-height: 10em;\n        overflow: scroll;\n      }\n\n      .project-operations {\n        position: absolute;\n        top: 0;\n        right: 0;\n        padding: 1em;\n      }\n\n      .project-operations .operation {\n        display: inline-flex;\n        height: 2.5em;\n        width: 2.5em;\n      }\n      .project-operations .operation[hidden] {\n        display: none;\n      }\n\n      .assignment-row {\n        border: 1px solid #000000;\n        background-color: #ffffff;\n      }\n\n      .assignment-row .assignment-row-button.active {\n        background-color: var(--paper-amber-50);\n        font-weight: bold;\n      }\n\n      .assignment-row:hover .assignment-operations {\n        display: block;\n        overflow: visible;\n        margin: 0.2em;\n      }\n\n      .assignment-row-button {\n        width: 100%;\n        justify-content: flex-start;\n        height: 3em;\n        text-transform: none;\n      }\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\n      .button-contents {\n        display: flex;\n        align-content: center;\n      }\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\n      .assignment-operations {\n        position: absolute;\n        top: 0;\n        right: 0;\n        padding: 0;\n        display: none;\n      }\n\n      .assignment-operations.show {\n        display: block;\n        overflow: visible;\n      }\n\n      .assignment-operations .operation {\n        display: inline-flex;\n        width: 2.5em;\n        height: 2.5em;\n      }\n      .assignment-operations .operation[hidden] {\n        display: none;\n      }\n\n      lrnapp-studio-project-button {\n        margin: 0em auto 1em;\n        max-width: 20em;\n      }\n    </style>\n    <iron-ajax\n      auto=\"\"\n      id=\"projectbackend\"\n      url=\"[[sourcePath]]\"\n      handle-as=\"json\"\n      last-response=\"{{projectResponse}}\"\n      on-response=\"_handleProjectResponse\"\n    >\n    </iron-ajax>\n    <iron-ajax\n      id=\"backend\"\n      url=\"[[sourcePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      last-response=\"{{backendResponse}}\"\n      on-response=\"_handleUpdateResponse\"\n    >\n    </iron-ajax>\n\n    <app-location\n      route=\"{{route}}\"\n      query-params=\"{{queryParams}}\"\n    ></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/:page\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\"\n    >\n    </app-route>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <lrnapp-studio-project-button\n      hidden\\$=\"[[!projectResponse.data.canCreateProjects]]\"\n      classes=\"amber darken-3 white-text\"\n      end-point=\"[[endPoint]]\"\n      csrf-token=\"[[csrfToken]]\"\n      icon=\"add\"\n    ></lrnapp-studio-project-button>\n    <div class=\"projects-window\">\n      <iron-list\n        items=\"[[_toArray(projectResponse.data.projects)]]\"\n        as=\"project\"\n        class=\"projects-container\"\n        grid=\"\"\n      >\n        <template class=\"projects-container-items\">\n          <div class=\"project-container\">\n            <paper-card\n              id\\$=\"project-[[project.id]]\"\n              class=\"project-card grey lighten-3\"\n              heading=\"{{project.attributes.title}}\"\n              elevation=\"2\"\n            >\n              <div class=\"project-operations\">\n                <lrnsys-button\n                  icon-class=\"no-margin\"\n                  id\\$=\"project-[[project.id]]-edit\"\n                  alt=\"Edit project\"\n                  class=\"circle operation\"\n                  hover-class=\"amber lighten-2\"\n                  hidden=\"[[!project.meta.canUpdate]]\"\n                  icon=\"create\"\n                  on-tap=\"_makeProjectEditLink\"\n                >\n                </lrnsys-button>\n                <lrnapp-studio-assignment-button\n                  project-id=\"[[project.id]]\"\n                  icon-class=\"no-margin\"\n                  id\\$=\"project-[[project.id]]-add\"\n                  alt=\"Add assignment\"\n                  class=\"circle operation\"\n                  hover-class=\"amber lighten-2\"\n                  hidden=\"[[!project.meta.canUpdate]]\"\n                  icon=\"add\"\n                  end-point=\"[[endPoint]]\"\n                  csrf-token=\"[[csrfToken]]\"\n                >\n                </lrnapp-studio-assignment-button>\n                <lrnsys-button\n                  id\\$=\"project-[[project.id]]-delete\"\n                  alt=\"Delete project!\"\n                  class=\"circle operation\"\n                  hover-class=\"red darken-2 white-text\"\n                  header=\"Delete project!\"\n                  hidden=\"[[!project.meta.canDelete]]\"\n                  icon=\"delete-forever\"\n                  on-tap=\"_deleteProjectDialog\"\n                  icon-class=\"no-margin\"\n                >\n                </lrnsys-button>\n              </div>\n              <div class=\"card-content\">\n                <iron-list\n                  items=\"[[_toArray(project.relationships.assignments)]]\"\n                  as=\"assignment\"\n                >\n                  <template>\n                    <div class=\"assignment-row\" id=\"assignment\">\n                      <lrnsys-dialog\n                        body-append=\"\"\n                        on-focusin=\"assignmentFocusIn\"\n                        class=\"assignment-row-button\"\n                        id\\$=\"assignment-[[project.id]]-[[assignment.id]]\"\n                        header=\"[[assignment.attributes.title]]\"\n                        hover-class=\"amber lighten-5\"\n                      >\n                        <span slot=\"button\" class=\"button-contents\">\n                          <div\n                            class\\$=\"status-indicator [[assignment.meta.relatedSubmissions.complete.color]]\"\n                          >\n                            <iron-icon\n                              icon=\"[[assignment.meta.relatedSubmissions.complete.icon]]\"\n                              disabled\\$=\"[[!assignment.meta.relatedSubmissions.canCreate]]\"\n                            ></iron-icon>\n                          </div>\n                          <div class=\"assignment-title\">\n                            [[assignment.attributes.title]]\n                          </div>\n                        </span>\n                        <div slot=\"content\">\n                          <app-toolbar\n                            class\\$=\"[[assignment.meta.relatedSubmissions.complete.color]]\"\n                          >\n                            <div>\n                              <iron-icon\n                                icon=\"[[assignment.meta.relatedSubmissions.complete.icon]]\"\n                                disabled\\$=\"[[!assignment.meta.relatedSubmissions.canCreate]]\"\n                              ></iron-icon>\n                              [[assignment.meta.relatedSubmissions.complete.submission.title]]\n                            </div>\n                            <div\n                              spacer=\"\"\n                              class=\"comment-box\"\n                              hidden\\$=\"[[!assignment.meta.relatedSubmissions.complete.submission.id]]\"\n                            >\n                              <paper-button\n                                id\\$=\"assignment-[[project.id]]-[[assignment.id]]-comments\"\n                                style=\"margin:0;padding:.25em;text-transform:none;\"\n                              >\n                                <iron-icon\n                                  icon=\"communication:forum\"\n                                ></iron-icon>\n                                [[assignment.meta.relatedSubmissions.complete.submission.meta.comments.count]]\n                                Comments\n                              </paper-button>\n                              <paper-badge\n                                hidden\\$=\"[[displayNewBadge(assignment.meta.relatedSubmissions.complete.submission.meta.new)]]\"\n                                for\\$=\"assignment-[[project.id]]-[[assignment.id]]-comments\"\n                                label\\$=\"[[assignment.meta.relatedSubmissions.complete.submission.meta.comments.new]]\"\n                              ></paper-badge>\n                            </div>\n\n                            <lrnapp-studio-submission-button\n                              spacer=\"\"\n                              auto=\"\"\n                              assignment-id=\"[[assignment.id]]\"\n                              submission=\"{{submission}}\"\n                              end-point=\"[[buildSubmissionPath(basePath)]]\"\n                              csrf-token=\"[[csrfToken]]\"\n                              submission-id=\"[[assignment.meta.relatedSubmissions.complete.submission.id]]\"\n                            ></lrnapp-studio-submission-button>\n                            <div main-title=\"\"></div>\n                            <paper-toggle-button\n                              id\\$=\"assignment-[[project.id]]-[[assignment.id]]-toggle\"\n                              on-tap=\"statusToggle\"\n                            ></paper-toggle-button>\n                            <span\n                              id\\$=\"assignment-[[project.id]]-[[assignment.id]]-toggle-text\"\n                            ></span>\n                            <div bottom-item=\"\" class=\"status-rationale\">\n                              [[assignment.meta.relatedSubmissions.complete.rationale.text]]\n                            </div>\n                          </app-toolbar>\n                          <lrnsys-render-html\n                            style=\"padding:2em;\"\n                            html=\"[[assignment.attributes.body]]\"\n                          ></lrnsys-render-html>\n                        </div>\n                      </lrnsys-dialog>\n                      <span class=\"assignment-operations\">\n                        <lrnsys-button\n                          id\\$=\"assignment-[[project.id]]-[[assignment.id]]-add-critique\"\n                          icon=\"editor:insert-comment\"\n                          alt=\"Add critique\"\n                          class=\"circle operation\"\n                          hover-class=\"green lighten-2\"\n                          hidden=\"[[!assignment.meta.canCritique]]\"\n                          href\\$=\"[[assignment.meta.critiqueLink]]\"\n                          icon-class=\"no-margin\"\n                        ></lrnsys-button>\n                        <lrnsys-button\n                          id\\$=\"assignment-[[project.id]]-[[assignment.id]]-edit\"\n                          icon=\"editor:mode-edit\"\n                          alt=\"Edit\"\n                          class=\"circle operation\"\n                          hover-class=\"amber lighten-4\"\n                          hidden=\"[[!assignment.meta.canUpdate]]\"\n                          on-tap=\"_makeAssignmentEditLink\"\n                          icon-class=\"no-margin green-text text-darken-4\"\n                        ></lrnsys-button>\n                        <lrnsys-button\n                          id\\$=\"assignment-[[project.id]]-[[assignment.id]]-delete\"\n                          icon=\"delete\"\n                          alt=\"Delete\"\n                          class=\"circle operation\"\n                          hover-class=\"amber lighten-4\"\n                          hidden=\"[[!assignment.meta.canDelete]]\"\n                          on-tap=\"_deleteAssignmentDialog\"\n                          icon-class=\"no-margin red-text text-darken-4\"\n                        ></lrnsys-button>\n                      </span>\n                    </div>\n                  </template>\n                </iron-list>\n              </div>\n            </paper-card>\n          </div>\n        </template>\n      </iron-list>\n    </div>\n    <paper-toast text=\"Updated\" id=\"toast\"></paper-toast>\n    <paper-dialog id=\"delete\" modal=\"\">\n      <h3>[[_deleteTitle]]</h3>\n      <p>[[_deleteText]]</p>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Decline</paper-button>\n        <paper-button\n          id=\"deleteaccept\"\n          on-tap=\"_handleDelete\"\n          dialog-confirm=\"\"\n          autofocus=\"\"\n          >Accept</paper-button\n        >\n      </div>\n    </paper-dialog>\n  "]);_templateObject_a5bea94054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a5bea94054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-kanban",properties:{activeAssignment:{type:String,value:null,notify:!0},projectToDelete:{type:String,value:null,notify:!0},assignmentToDelete:{type:String,value:null,notify:!0},sourcePath:{type:String,notify:!0},submission:{type:Object,notify:!0},projectResponse:{type:Object,notify:!0},backendResponse:{type:Object,notify:!0}},listeners:{"project-created":"_handleProjectCreated","assignment-created":"_handleAssignmentCreated"},observers:["_routeChanged(route, endPoint)","_deleteToast(queryParams.deletetoast)"],_routeChanged:function _routeChanged(route,endPoint){if("string"===typeof route.path){if("string"===typeof endPoint){if(route.path.startsWith(endPoint)){return}}window.location=route.path}},_deleteToast:function _deleteToast(deletetoast){if(babelHelpers.typeof(deletetoast)!=="undefined"){if("error"==deletetoast){this.$.toast.show("That submission on longer exists!")}else{this.$.toast.show("Submission deleted successfully!")}this.set("queryParams.deletetoast",void 0);this.notifyPath("queryParams.deletetoast")}},_makeProjectEditLink:function _makeProjectEditLink(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,parts=local.id.split("-");window.location.href=this.basePath+"../node/"+parts[1]+"/edit?destination=apps/lrnapp-studio-kanban"},_makeAssignmentEditLink:function _makeAssignmentEditLink(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,parts=local.id.split("-");window.location.href=this.basePath+"../node/"+parts[2]+"/edit?destination=apps/lrnapp-studio-kanban"},_deleteProjectDialog:function _deleteProjectDialog(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,parts=local.id.split("-");this.projectToDelete=parts[1];this._deleteTitle="Delete project";this._deleteText="Are you sure you want to delete this project and all related assignments!?";this._deleteType="project";this.$.delete.open()},_handleDelete:function _handleDelete(){if("project"==this._deleteType){this.$.backend.method="DELETE";this.$.backend.body=this.projectToDelete;this.$.backend.url=this.endPoint+"/api/projects/"+this.projectToDelete+"?token="+this.csrfToken;this.$.backend.generateRequest()}else if("assignment"==this._deleteType){this.$.backend.method="DELETE";this.$.backend.body=this.assignmentToDelete;this.$.backend.url=this.endPoint+"/api/assignments/"+this.assignmentToDelete+"?token="+this.csrfToken;this.$.backend.generateRequest()}},_deleteAssignmentDialog:function _deleteAssignmentDialog(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,parts=local.id.split("-");this.assignmentToDelete=parts[2];this._deleteTitle="Delete assignment";this._deleteText="Are you sure you want to delete this assignment?";this._deleteType="assignment";this.$.delete.open()},displayNewBadge:function displayNewBadge(count){if(0==count){return!0}return!1},statusToggle:function statusToggle(){var xhr=this.$.backend,parts=this.activeAssignment.split("-"),submission=this.projectResponse.data.projects["project-"+parts[1]].relationships.assignments["assignment-"+parts[2]].meta.relatedSubmissions.complete;if(!this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").disabled){this.$.loading.hidden=!1;xhr.params={submissionid:submission.submission.id,status:this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").checked};xhr.generateRequest()}},assignmentFocusIn:function assignmentFocusIn(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;if(null!=this.activeAssignment&&this.activeAssignment!=local.id){this.shadowRoot.querySelector("#"+this.activeAssignment).nextElementSibling.classList.remove("show");this.shadowRoot.querySelector("#"+this.activeAssignment).classList.remove("active")}this.activeAssignment=local.id;this._setToggle(!1);local.nextElementSibling.classList.add("show");local.classList.add("active")},_handleProjectResponse:function _handleProjectResponse(){this.$.loading.hidden=!0;this._setToggle(!0)},buildSubmissionPath:function buildSubmissionPath(path){return path+"lrnapp-studio-submission"},_handleUpdateResponse:function _handleUpdateResponse(){if(200==this.backendResponse.status){this.$.toast.text="Updated successfully";this.$.toast.toggle();this.$.projectbackend.generateRequest()}else{this.$.loading.hidden=!0}},_setToggle:function _setToggle(update){if(null!=this.activeAssignment){var parts=this.activeAssignment.split("-"),submission=this.projectResponse.data.projects["project-"+parts[1]].relationships.assignments["assignment-"+parts[2]].meta.relatedSubmissions.complete;if(0==submission.status&&0==submission.submission.length){if(!update){this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").disabled=!0;this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").checked=!1}this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").title="Submission not started";this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle-text").textContent="Submission not started"}else if(0==submission.status){if(!update){this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").disabled=!1;this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").checked=!1}this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").title="Submission started";this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle-text").textContent="Submission in progress"}else{if(!update){this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").disabled=!1;this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").checked=!0}this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").title="Submission ready";this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle-text").textContent="Submission ready"}}},_handleProjectCreated:function _handleProjectCreated(){this.$.toast.text="Project added";this.$.toast.toggle();this.$.projectbackend.generateRequest()},_handleAssignmentCreated:function _handleAssignmentCreated(){this.$.toast.text="Assignment added";this.$.toast.toggle();this.$.projectbackend.generateRequest()},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/app-route/app-route.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/paper-badge/paper-badge.js","../../../../@polymer/paper-toggle-button/paper-toggle-button.js","../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../@polymer/paper-card/paper-card.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/paper-toast/paper-toast.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../lrnsys-render-html/lrnsys-render-html.js","../../../lrnsys-layout/lib/lrnsys-dialog.js","../../../lrnsys-button/lrnsys-button.js","../../../elmsln-loading/elmsln-loading.js","../../../materializecss-styles/materializecss-styles.js","./lrnapp-studio-project-button.js","./lrnapp-studio-assignment-button.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_3bc8b7c0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n      }\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\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: 30em;\n        width: 150vw;\n        padding-top: 1em;\n      }\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\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\n      .projects-window::-webkit-scrollbar-thumb {\n        background-color: #ffc107;\n      }\n      /* this will style the thumb, ignoring the track */\n\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\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\n      .projects-window::-webkit-scrollbar {\n        width: 1rem;\n        height: 1rem;\n      }\n      /* this targets the default scrollbar (compulsory) */\n\n      paper-button {\n        padding: 0;\n        margin: 0;\n        min-width: 1rem;\n      }\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: 8em;\n        max-height: 10em;\n        overflow: scroll;\n      }\n\n      .project-operations {\n        position: absolute;\n        top: 0;\n        right: 0;\n        padding: 1em;\n      }\n\n      .project-operations .operation {\n        display: inline-flex;\n        height: 2.5em;\n        width: 2.5em;\n      }\n      .project-operations .operation[hidden] {\n        display: none;\n      }\n\n      .assignment-row {\n        border: 1px solid #000000;\n        background-color: #ffffff;\n      }\n\n      .assignment-row .assignment-row-button.active {\n        background-color: var(--paper-amber-50);\n        font-weight: bold;\n      }\n\n      .assignment-row:hover .assignment-operations {\n        display: block;\n        overflow: visible;\n        margin: 0.2em;\n      }\n\n      .assignment-row-button {\n        width: 100%;\n        justify-content: flex-start;\n        height: 3em;\n        text-transform: none;\n      }\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\n      .button-contents {\n        display: flex;\n        align-content: center;\n      }\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\n      .assignment-operations {\n        position: absolute;\n        top: 0;\n        right: 0;\n        padding: 0;\n        display: none;\n      }\n\n      .assignment-operations.show {\n        display: block;\n        overflow: visible;\n      }\n\n      .assignment-operations .operation {\n        display: inline-flex;\n        width: 2.5em;\n        height: 2.5em;\n      }\n      .assignment-operations .operation[hidden] {\n        display: none;\n      }\n\n      lrnapp-studio-project-button {\n        margin: 0em auto 1em;\n        max-width: 20em;\n      }\n    </style>\n    <iron-ajax\n      auto=\"\"\n      id=\"projectbackend\"\n      url=\"[[sourcePath]]\"\n      handle-as=\"json\"\n      last-response=\"{{projectResponse}}\"\n      on-response=\"_handleProjectResponse\"\n    >\n    </iron-ajax>\n    <iron-ajax\n      id=\"backend\"\n      url=\"[[sourcePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      last-response=\"{{backendResponse}}\"\n      on-response=\"_handleUpdateResponse\"\n    >\n    </iron-ajax>\n\n    <app-location\n      route=\"{{route}}\"\n      query-params=\"{{queryParams}}\"\n    ></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/:page\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\"\n    >\n    </app-route>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <lrnapp-studio-project-button\n      hidden$=\"[[!projectResponse.data.canCreateProjects]]\"\n      classes=\"amber darken-3 white-text\"\n      end-point=\"[[endPoint]]\"\n      csrf-token=\"[[csrfToken]]\"\n      icon=\"add\"\n    ></lrnapp-studio-project-button>\n    <div class=\"projects-window\">\n      <iron-list\n        items=\"[[_toArray(projectResponse.data.projects)]]\"\n        as=\"project\"\n        class=\"projects-container\"\n        grid=\"\"\n      >\n        <template class=\"projects-container-items\">\n          <div class=\"project-container\">\n            <paper-card\n              id$=\"project-[[project.id]]\"\n              class=\"project-card grey lighten-3\"\n              heading=\"{{project.attributes.title}}\"\n              elevation=\"2\"\n            >\n              <div class=\"project-operations\">\n                <lrnsys-button\n                  icon-class=\"no-margin\"\n                  id$=\"project-[[project.id]]-edit\"\n                  alt=\"Edit project\"\n                  class=\"circle operation\"\n                  hover-class=\"amber lighten-2\"\n                  hidden=\"[[!project.meta.canUpdate]]\"\n                  icon=\"create\"\n                  on-tap=\"_makeProjectEditLink\"\n                >\n                </lrnsys-button>\n                <lrnapp-studio-assignment-button\n                  project-id=\"[[project.id]]\"\n                  icon-class=\"no-margin\"\n                  id$=\"project-[[project.id]]-add\"\n                  alt=\"Add assignment\"\n                  class=\"circle operation\"\n                  hover-class=\"amber lighten-2\"\n                  hidden=\"[[!project.meta.canUpdate]]\"\n                  icon=\"add\"\n                  end-point=\"[[endPoint]]\"\n                  csrf-token=\"[[csrfToken]]\"\n                >\n                </lrnapp-studio-assignment-button>\n                <lrnsys-button\n                  id$=\"project-[[project.id]]-delete\"\n                  alt=\"Delete project!\"\n                  class=\"circle operation\"\n                  hover-class=\"red darken-2 white-text\"\n                  header=\"Delete project!\"\n                  hidden=\"[[!project.meta.canDelete]]\"\n                  icon=\"delete-forever\"\n                  on-tap=\"_deleteProjectDialog\"\n                  icon-class=\"no-margin\"\n                >\n                </lrnsys-button>\n              </div>\n              <div class=\"card-content\">\n                <iron-list\n                  items=\"[[_toArray(project.relationships.assignments)]]\"\n                  as=\"assignment\"\n                >\n                  <template>\n                    <div class=\"assignment-row\" id=\"assignment\">\n                      <lrnsys-dialog\n                        body-append=\"\"\n                        on-focusin=\"assignmentFocusIn\"\n                        class=\"assignment-row-button\"\n                        id$=\"assignment-[[project.id]]-[[assignment.id]]\"\n                        header=\"[[assignment.attributes.title]]\"\n                        hover-class=\"amber lighten-5\"\n                      >\n                        <span slot=\"button\" class=\"button-contents\">\n                          <div\n                            class$=\"status-indicator [[assignment.meta.relatedSubmissions.complete.color]]\"\n                          >\n                            <iron-icon\n                              icon=\"[[assignment.meta.relatedSubmissions.complete.icon]]\"\n                              disabled$=\"[[!assignment.meta.relatedSubmissions.canCreate]]\"\n                            ></iron-icon>\n                          </div>\n                          <div class=\"assignment-title\">\n                            [[assignment.attributes.title]]\n                          </div>\n                        </span>\n                        <div slot=\"content\">\n                          <app-toolbar\n                            class$=\"[[assignment.meta.relatedSubmissions.complete.color]]\"\n                          >\n                            <div>\n                              <iron-icon\n                                icon=\"[[assignment.meta.relatedSubmissions.complete.icon]]\"\n                                disabled$=\"[[!assignment.meta.relatedSubmissions.canCreate]]\"\n                              ></iron-icon>\n                              [[assignment.meta.relatedSubmissions.complete.submission.title]]\n                            </div>\n                            <div\n                              spacer=\"\"\n                              class=\"comment-box\"\n                              hidden$=\"[[!assignment.meta.relatedSubmissions.complete.submission.id]]\"\n                            >\n                              <paper-button\n                                id$=\"assignment-[[project.id]]-[[assignment.id]]-comments\"\n                                style=\"margin:0;padding:.25em;text-transform:none;\"\n                              >\n                                <iron-icon\n                                  icon=\"communication:forum\"\n                                ></iron-icon>\n                                [[assignment.meta.relatedSubmissions.complete.submission.meta.comments.count]]\n                                Comments\n                              </paper-button>\n                              <paper-badge\n                                hidden$=\"[[displayNewBadge(assignment.meta.relatedSubmissions.complete.submission.meta.new)]]\"\n                                for$=\"assignment-[[project.id]]-[[assignment.id]]-comments\"\n                                label$=\"[[assignment.meta.relatedSubmissions.complete.submission.meta.comments.new]]\"\n                              ></paper-badge>\n                            </div>\n\n                            <lrnapp-studio-submission-button\n                              spacer=\"\"\n                              auto=\"\"\n                              assignment-id=\"[[assignment.id]]\"\n                              submission=\"{{submission}}\"\n                              end-point=\"[[buildSubmissionPath(basePath)]]\"\n                              csrf-token=\"[[csrfToken]]\"\n                              submission-id=\"[[assignment.meta.relatedSubmissions.complete.submission.id]]\"\n                            ></lrnapp-studio-submission-button>\n                            <div main-title=\"\"></div>\n                            <paper-toggle-button\n                              id$=\"assignment-[[project.id]]-[[assignment.id]]-toggle\"\n                              on-tap=\"statusToggle\"\n                            ></paper-toggle-button>\n                            <span\n                              id$=\"assignment-[[project.id]]-[[assignment.id]]-toggle-text\"\n                            ></span>\n                            <div bottom-item=\"\" class=\"status-rationale\">\n                              [[assignment.meta.relatedSubmissions.complete.rationale.text]]\n                            </div>\n                          </app-toolbar>\n                          <lrnsys-render-html\n                            style=\"padding:2em;\"\n                            html=\"[[assignment.attributes.body]]\"\n                          ></lrnsys-render-html>\n                        </div>\n                      </lrnsys-dialog>\n                      <span class=\"assignment-operations\">\n                        <lrnsys-button\n                          id$=\"assignment-[[project.id]]-[[assignment.id]]-add-critique\"\n                          icon=\"editor:insert-comment\"\n                          alt=\"Add critique\"\n                          class=\"circle operation\"\n                          hover-class=\"green lighten-2\"\n                          hidden=\"[[!assignment.meta.canCritique]]\"\n                          href$=\"[[assignment.meta.critiqueLink]]\"\n                          icon-class=\"no-margin\"\n                        ></lrnsys-button>\n                        <lrnsys-button\n                          id$=\"assignment-[[project.id]]-[[assignment.id]]-edit\"\n                          icon=\"editor:mode-edit\"\n                          alt=\"Edit\"\n                          class=\"circle operation\"\n                          hover-class=\"amber lighten-4\"\n                          hidden=\"[[!assignment.meta.canUpdate]]\"\n                          on-tap=\"_makeAssignmentEditLink\"\n                          icon-class=\"no-margin green-text text-darken-4\"\n                        ></lrnsys-button>\n                        <lrnsys-button\n                          id$=\"assignment-[[project.id]]-[[assignment.id]]-delete\"\n                          icon=\"delete\"\n                          alt=\"Delete\"\n                          class=\"circle operation\"\n                          hover-class=\"amber lighten-4\"\n                          hidden=\"[[!assignment.meta.canDelete]]\"\n                          on-tap=\"_deleteAssignmentDialog\"\n                          icon-class=\"no-margin red-text text-darken-4\"\n                        ></lrnsys-button>\n                      </span>\n                    </div>\n                  </template>\n                </iron-list>\n              </div>\n            </paper-card>\n          </div>\n        </template>\n      </iron-list>\n    </div>\n    <paper-toast text=\"Updated\" id=\"toast\"></paper-toast>\n    <paper-dialog id=\"delete\" modal=\"\">\n      <h3>[[_deleteTitle]]</h3>\n      <p>[[_deleteText]]</p>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Decline</paper-button>\n        <paper-button\n          id=\"deleteaccept\"\n          on-tap=\"_handleDelete\"\n          dialog-confirm=\"\"\n          autofocus=\"\"\n          >Accept</paper-button\n        >\n      </div>\n    </paper-dialog>\n  "],["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n      }\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\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: 30em;\n        width: 150vw;\n        padding-top: 1em;\n      }\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\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\n      .projects-window::-webkit-scrollbar-thumb {\n        background-color: #ffc107;\n      }\n      /* this will style the thumb, ignoring the track */\n\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\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\n      .projects-window::-webkit-scrollbar {\n        width: 1rem;\n        height: 1rem;\n      }\n      /* this targets the default scrollbar (compulsory) */\n\n      paper-button {\n        padding: 0;\n        margin: 0;\n        min-width: 1rem;\n      }\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: 8em;\n        max-height: 10em;\n        overflow: scroll;\n      }\n\n      .project-operations {\n        position: absolute;\n        top: 0;\n        right: 0;\n        padding: 1em;\n      }\n\n      .project-operations .operation {\n        display: inline-flex;\n        height: 2.5em;\n        width: 2.5em;\n      }\n      .project-operations .operation[hidden] {\n        display: none;\n      }\n\n      .assignment-row {\n        border: 1px solid #000000;\n        background-color: #ffffff;\n      }\n\n      .assignment-row .assignment-row-button.active {\n        background-color: var(--paper-amber-50);\n        font-weight: bold;\n      }\n\n      .assignment-row:hover .assignment-operations {\n        display: block;\n        overflow: visible;\n        margin: 0.2em;\n      }\n\n      .assignment-row-button {\n        width: 100%;\n        justify-content: flex-start;\n        height: 3em;\n        text-transform: none;\n      }\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\n      .button-contents {\n        display: flex;\n        align-content: center;\n      }\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\n      .assignment-operations {\n        position: absolute;\n        top: 0;\n        right: 0;\n        padding: 0;\n        display: none;\n      }\n\n      .assignment-operations.show {\n        display: block;\n        overflow: visible;\n      }\n\n      .assignment-operations .operation {\n        display: inline-flex;\n        width: 2.5em;\n        height: 2.5em;\n      }\n      .assignment-operations .operation[hidden] {\n        display: none;\n      }\n\n      lrnapp-studio-project-button {\n        margin: 0em auto 1em;\n        max-width: 20em;\n      }\n    </style>\n    <iron-ajax\n      auto=\"\"\n      id=\"projectbackend\"\n      url=\"[[sourcePath]]\"\n      handle-as=\"json\"\n      last-response=\"{{projectResponse}}\"\n      on-response=\"_handleProjectResponse\"\n    >\n    </iron-ajax>\n    <iron-ajax\n      id=\"backend\"\n      url=\"[[sourcePath]]\"\n      params=\"\"\n      handle-as=\"json\"\n      last-response=\"{{backendResponse}}\"\n      on-response=\"_handleUpdateResponse\"\n    >\n    </iron-ajax>\n\n    <app-location\n      route=\"{{route}}\"\n      query-params=\"{{queryParams}}\"\n    ></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/:page\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\"\n    >\n    </app-route>\n    <div id=\"loading\">\n      <h3>Loading..</h3>\n      <elmsln-loading color=\"grey-text\" size=\"large\"></elmsln-loading>\n    </div>\n    <lrnapp-studio-project-button\n      hidden\\$=\"[[!projectResponse.data.canCreateProjects]]\"\n      classes=\"amber darken-3 white-text\"\n      end-point=\"[[endPoint]]\"\n      csrf-token=\"[[csrfToken]]\"\n      icon=\"add\"\n    ></lrnapp-studio-project-button>\n    <div class=\"projects-window\">\n      <iron-list\n        items=\"[[_toArray(projectResponse.data.projects)]]\"\n        as=\"project\"\n        class=\"projects-container\"\n        grid=\"\"\n      >\n        <template class=\"projects-container-items\">\n          <div class=\"project-container\">\n            <paper-card\n              id\\$=\"project-[[project.id]]\"\n              class=\"project-card grey lighten-3\"\n              heading=\"{{project.attributes.title}}\"\n              elevation=\"2\"\n            >\n              <div class=\"project-operations\">\n                <lrnsys-button\n                  icon-class=\"no-margin\"\n                  id\\$=\"project-[[project.id]]-edit\"\n                  alt=\"Edit project\"\n                  class=\"circle operation\"\n                  hover-class=\"amber lighten-2\"\n                  hidden=\"[[!project.meta.canUpdate]]\"\n                  icon=\"create\"\n                  on-tap=\"_makeProjectEditLink\"\n                >\n                </lrnsys-button>\n                <lrnapp-studio-assignment-button\n                  project-id=\"[[project.id]]\"\n                  icon-class=\"no-margin\"\n                  id\\$=\"project-[[project.id]]-add\"\n                  alt=\"Add assignment\"\n                  class=\"circle operation\"\n                  hover-class=\"amber lighten-2\"\n                  hidden=\"[[!project.meta.canUpdate]]\"\n                  icon=\"add\"\n                  end-point=\"[[endPoint]]\"\n                  csrf-token=\"[[csrfToken]]\"\n                >\n                </lrnapp-studio-assignment-button>\n                <lrnsys-button\n                  id\\$=\"project-[[project.id]]-delete\"\n                  alt=\"Delete project!\"\n                  class=\"circle operation\"\n                  hover-class=\"red darken-2 white-text\"\n                  header=\"Delete project!\"\n                  hidden=\"[[!project.meta.canDelete]]\"\n                  icon=\"delete-forever\"\n                  on-tap=\"_deleteProjectDialog\"\n                  icon-class=\"no-margin\"\n                >\n                </lrnsys-button>\n              </div>\n              <div class=\"card-content\">\n                <iron-list\n                  items=\"[[_toArray(project.relationships.assignments)]]\"\n                  as=\"assignment\"\n                >\n                  <template>\n                    <div class=\"assignment-row\" id=\"assignment\">\n                      <lrnsys-dialog\n                        body-append=\"\"\n                        on-focusin=\"assignmentFocusIn\"\n                        class=\"assignment-row-button\"\n                        id\\$=\"assignment-[[project.id]]-[[assignment.id]]\"\n                        header=\"[[assignment.attributes.title]]\"\n                        hover-class=\"amber lighten-5\"\n                      >\n                        <span slot=\"button\" class=\"button-contents\">\n                          <div\n                            class\\$=\"status-indicator [[assignment.meta.relatedSubmissions.complete.color]]\"\n                          >\n                            <iron-icon\n                              icon=\"[[assignment.meta.relatedSubmissions.complete.icon]]\"\n                              disabled\\$=\"[[!assignment.meta.relatedSubmissions.canCreate]]\"\n                            ></iron-icon>\n                          </div>\n                          <div class=\"assignment-title\">\n                            [[assignment.attributes.title]]\n                          </div>\n                        </span>\n                        <div slot=\"content\">\n                          <app-toolbar\n                            class\\$=\"[[assignment.meta.relatedSubmissions.complete.color]]\"\n                          >\n                            <div>\n                              <iron-icon\n                                icon=\"[[assignment.meta.relatedSubmissions.complete.icon]]\"\n                                disabled\\$=\"[[!assignment.meta.relatedSubmissions.canCreate]]\"\n                              ></iron-icon>\n                              [[assignment.meta.relatedSubmissions.complete.submission.title]]\n                            </div>\n                            <div\n                              spacer=\"\"\n                              class=\"comment-box\"\n                              hidden\\$=\"[[!assignment.meta.relatedSubmissions.complete.submission.id]]\"\n                            >\n                              <paper-button\n                                id\\$=\"assignment-[[project.id]]-[[assignment.id]]-comments\"\n                                style=\"margin:0;padding:.25em;text-transform:none;\"\n                              >\n                                <iron-icon\n                                  icon=\"communication:forum\"\n                                ></iron-icon>\n                                [[assignment.meta.relatedSubmissions.complete.submission.meta.comments.count]]\n                                Comments\n                              </paper-button>\n                              <paper-badge\n                                hidden\\$=\"[[displayNewBadge(assignment.meta.relatedSubmissions.complete.submission.meta.new)]]\"\n                                for\\$=\"assignment-[[project.id]]-[[assignment.id]]-comments\"\n                                label\\$=\"[[assignment.meta.relatedSubmissions.complete.submission.meta.comments.new]]\"\n                              ></paper-badge>\n                            </div>\n\n                            <lrnapp-studio-submission-button\n                              spacer=\"\"\n                              auto=\"\"\n                              assignment-id=\"[[assignment.id]]\"\n                              submission=\"{{submission}}\"\n                              end-point=\"[[buildSubmissionPath(basePath)]]\"\n                              csrf-token=\"[[csrfToken]]\"\n                              submission-id=\"[[assignment.meta.relatedSubmissions.complete.submission.id]]\"\n                            ></lrnapp-studio-submission-button>\n                            <div main-title=\"\"></div>\n                            <paper-toggle-button\n                              id\\$=\"assignment-[[project.id]]-[[assignment.id]]-toggle\"\n                              on-tap=\"statusToggle\"\n                            ></paper-toggle-button>\n                            <span\n                              id\\$=\"assignment-[[project.id]]-[[assignment.id]]-toggle-text\"\n                            ></span>\n                            <div bottom-item=\"\" class=\"status-rationale\">\n                              [[assignment.meta.relatedSubmissions.complete.rationale.text]]\n                            </div>\n                          </app-toolbar>\n                          <lrnsys-render-html\n                            style=\"padding:2em;\"\n                            html=\"[[assignment.attributes.body]]\"\n                          ></lrnsys-render-html>\n                        </div>\n                      </lrnsys-dialog>\n                      <span class=\"assignment-operations\">\n                        <lrnsys-button\n                          id\\$=\"assignment-[[project.id]]-[[assignment.id]]-add-critique\"\n                          icon=\"editor:insert-comment\"\n                          alt=\"Add critique\"\n                          class=\"circle operation\"\n                          hover-class=\"green lighten-2\"\n                          hidden=\"[[!assignment.meta.canCritique]]\"\n                          href\\$=\"[[assignment.meta.critiqueLink]]\"\n                          icon-class=\"no-margin\"\n                        ></lrnsys-button>\n                        <lrnsys-button\n                          id\\$=\"assignment-[[project.id]]-[[assignment.id]]-edit\"\n                          icon=\"editor:mode-edit\"\n                          alt=\"Edit\"\n                          class=\"circle operation\"\n                          hover-class=\"amber lighten-4\"\n                          hidden=\"[[!assignment.meta.canUpdate]]\"\n                          on-tap=\"_makeAssignmentEditLink\"\n                          icon-class=\"no-margin green-text text-darken-4\"\n                        ></lrnsys-button>\n                        <lrnsys-button\n                          id\\$=\"assignment-[[project.id]]-[[assignment.id]]-delete\"\n                          icon=\"delete\"\n                          alt=\"Delete\"\n                          class=\"circle operation\"\n                          hover-class=\"amber lighten-4\"\n                          hidden=\"[[!assignment.meta.canDelete]]\"\n                          on-tap=\"_deleteAssignmentDialog\"\n                          icon-class=\"no-margin red-text text-darken-4\"\n                        ></lrnsys-button>\n                      </span>\n                    </div>\n                  </template>\n                </iron-list>\n              </div>\n            </paper-card>\n          </div>\n        </template>\n      </iron-list>\n    </div>\n    <paper-toast text=\"Updated\" id=\"toast\"></paper-toast>\n    <paper-dialog id=\"delete\" modal=\"\">\n      <h3>[[_deleteTitle]]</h3>\n      <p>[[_deleteText]]</p>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Decline</paper-button>\n        <paper-button\n          id=\"deleteaccept\"\n          on-tap=\"_handleDelete\"\n          dialog-confirm=\"\"\n          autofocus=\"\"\n          >Accept</paper-button\n        >\n      </div>\n    </paper-dialog>\n  "]);_templateObject_3bc8b7c0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3bc8b7c0555211e98f439769bd191e33()),is:"lrnapp-studio-kanban",properties:{activeAssignment:{type:String,value:null,notify:!0},projectToDelete:{type:String,value:null,notify:!0},assignmentToDelete:{type:String,value:null,notify:!0},sourcePath:{type:String,notify:!0},submission:{type:Object,notify:!0},projectResponse:{type:Object,notify:!0},backendResponse:{type:Object,notify:!0}},listeners:{"project-created":"_handleProjectCreated","assignment-created":"_handleAssignmentCreated"},observers:["_routeChanged(route, endPoint)","_deleteToast(queryParams.deletetoast)"],_routeChanged:function _routeChanged(route,endPoint){if("string"===typeof route.path){if("string"===typeof endPoint){if(route.path.startsWith(endPoint)){return}}window.location=route.path}},_deleteToast:function _deleteToast(deletetoast){if(babelHelpers.typeof(deletetoast)!=="undefined"){if("error"==deletetoast){this.$.toast.show("That submission on longer exists!")}else{this.$.toast.show("Submission deleted successfully!")}this.set("queryParams.deletetoast",void 0);this.notifyPath("queryParams.deletetoast")}},_makeProjectEditLink:function _makeProjectEditLink(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,parts=local.id.split("-");window.location.href=this.basePath+"../node/"+parts[1]+"/edit?destination=apps/lrnapp-studio-kanban"},_makeAssignmentEditLink:function _makeAssignmentEditLink(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,parts=local.id.split("-");window.location.href=this.basePath+"../node/"+parts[2]+"/edit?destination=apps/lrnapp-studio-kanban"},_deleteProjectDialog:function _deleteProjectDialog(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,parts=local.id.split("-");this.projectToDelete=parts[1];this._deleteTitle="Delete project";this._deleteText="Are you sure you want to delete this project and all related assignments!?";this._deleteType="project";this.$.delete.open()},_handleDelete:function _handleDelete(){if("project"==this._deleteType){this.$.backend.method="DELETE";this.$.backend.body=this.projectToDelete;this.$.backend.url=this.endPoint+"/api/projects/"+this.projectToDelete+"?token="+this.csrfToken;this.$.backend.generateRequest()}else if("assignment"==this._deleteType){this.$.backend.method="DELETE";this.$.backend.body=this.assignmentToDelete;this.$.backend.url=this.endPoint+"/api/assignments/"+this.assignmentToDelete+"?token="+this.csrfToken;this.$.backend.generateRequest()}},_deleteAssignmentDialog:function _deleteAssignmentDialog(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,parts=local.id.split("-");this.assignmentToDelete=parts[2];this._deleteTitle="Delete assignment";this._deleteText="Are you sure you want to delete this assignment?";this._deleteType="assignment";this.$.delete.open()},displayNewBadge:function displayNewBadge(count){if(0==count){return!0}return!1},statusToggle:function statusToggle(){var xhr=this.$.backend,parts=this.activeAssignment.split("-"),submission=this.projectResponse.data.projects["project-"+parts[1]].relationships.assignments["assignment-"+parts[2]].meta.relatedSubmissions.complete;if(!this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").disabled){this.$.loading.hidden=!1;xhr.params={submissionid:submission.submission.id,status:this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").checked};xhr.generateRequest()}},assignmentFocusIn:function assignmentFocusIn(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;if(null!=this.activeAssignment&&this.activeAssignment!=local.id){this.shadowRoot.querySelector("#"+this.activeAssignment).nextElementSibling.classList.remove("show");this.shadowRoot.querySelector("#"+this.activeAssignment).classList.remove("active")}this.activeAssignment=local.id;this._setToggle(!1);local.nextElementSibling.classList.add("show");local.classList.add("active")},_handleProjectResponse:function _handleProjectResponse(){this.$.loading.hidden=!0;this._setToggle(!0)},buildSubmissionPath:function buildSubmissionPath(path){return path+"lrnapp-studio-submission"},_handleUpdateResponse:function _handleUpdateResponse(){if(200==this.backendResponse.status){this.$.toast.text="Updated successfully";this.$.toast.toggle();this.$.projectbackend.generateRequest()}else{this.$.loading.hidden=!0}},_setToggle:function _setToggle(update){if(null!=this.activeAssignment){var parts=this.activeAssignment.split("-"),submission=this.projectResponse.data.projects["project-"+parts[1]].relationships.assignments["assignment-"+parts[2]].meta.relatedSubmissions.complete;if(0==submission.status&&0==submission.submission.length){if(!update){this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").disabled=!0;this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").checked=!1}this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").title="Submission not started";this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle-text").textContent="Submission not started"}else if(0==submission.status){if(!update){this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").disabled=!1;this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").checked=!1}this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").title="Submission started";this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle-text").textContent="Submission in progress"}else{if(!update){this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").disabled=!1;this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").checked=!0}this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle").title="Submission ready";this.shadowRoot.querySelector("#"+this.activeAssignment+"-toggle-text").textContent="Submission ready"}}},_handleProjectCreated:function _handleProjectCreated(){this.$.toast.text="Project added";this.$.toast.toggle();this.$.projectbackend.generateRequest()},_handleAssignmentCreated:function _handleAssignmentCreated(){this.$.toast.text="Assignment added";this.$.toast.toggle();this.$.projectbackend.generateRequest()},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
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 7691b850b1a..26a021c65ae 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-toast/paper-toast.js","../../../lrnsys-button/lrnsys-button.js"],function(_polymerLegacy){"use strict";function _templateObject_a5c7a9f054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <template is=\"dom-if\" if=\"[[createProjectsUrl]]\">\n      <lrnsys-button\n        raised=\"\"\n        class$=\"[[classes]]\"\n        button-class$=\"[[classes]]\"\n        icon=\"[[icon]]\"\n        on-tap=\"_createProject\"\n        label=\"Create project\"\n      ></lrnsys-button>\n      <iron-ajax\n        id=\"ajaxCreateStub\"\n        url=\"[[createProjectsUrl]]\"\n        method=\"POST\"\n        handle-as=\"json\"\n        on-response=\"_ajaxCreateStubHandler\"\n      ></iron-ajax>\n    </template>\n    <template is=\"dom-if\" if=\"[[displayErrors]]\">\n      <paper-toast id=\"toast\"></paper-toast>\n    </template>\n  "],["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <template is=\"dom-if\" if=\"[[createProjectsUrl]]\">\n      <lrnsys-button\n        raised=\"\"\n        class\\$=\"[[classes]]\"\n        button-class\\$=\"[[classes]]\"\n        icon=\"[[icon]]\"\n        on-tap=\"_createProject\"\n        label=\"Create project\"\n      ></lrnsys-button>\n      <iron-ajax\n        id=\"ajaxCreateStub\"\n        url=\"[[createProjectsUrl]]\"\n        method=\"POST\"\n        handle-as=\"json\"\n        on-response=\"_ajaxCreateStubHandler\"\n      ></iron-ajax>\n    </template>\n    <template is=\"dom-if\" if=\"[[displayErrors]]\">\n      <paper-toast id=\"toast\"></paper-toast>\n    </template>\n  "]);_templateObject_a5c7a9f054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a5c7a9f054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-project-button",properties:{auto:{type:Boolean,reflectToAttribute:!0,value:!1,notify:!0},displayErrors:{type:Boolean,value:!0},createProjectsUrl:{type:String,value:null},classes:{type:String,value:""},icon:{type:String,value:""}},ready:function ready(){this.createProjectsUrl=this.endPoint+"/api/projects/create-stub?token="+this.csrfToken},_createProject:function _createProject(){this.shadowRoot.querySelector("#ajaxCreateStub").generateRequest()},_ajaxCreateStubHandler:function _ajaxCreateStubHandler(e){var status=e.detail.response.status,response=e.detail.response;if(201===status){var project=e.detail.response.data;if(project){this.fire("project-created",{project:project})}}if("undefined"!==typeof response.errors){var ul=document.createElement("ul"),text="";response.errors.forEach(function(error){text=text+" "+error});this.shadowRoot.querySelector("#toast").show(text)}}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-toast/paper-toast.js","../../../lrnsys-button/lrnsys-button.js"],function(_polymerLegacy){"use strict";function _templateObject_3be196f0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <template is=\"dom-if\" if=\"[[createProjectsUrl]]\">\n      <lrnsys-button\n        raised=\"\"\n        class$=\"[[classes]]\"\n        button-class$=\"[[classes]]\"\n        icon=\"[[icon]]\"\n        on-tap=\"_createProject\"\n        label=\"Create project\"\n      ></lrnsys-button>\n      <iron-ajax\n        id=\"ajaxCreateStub\"\n        url=\"[[createProjectsUrl]]\"\n        method=\"POST\"\n        handle-as=\"json\"\n        on-response=\"_ajaxCreateStubHandler\"\n      ></iron-ajax>\n    </template>\n    <template is=\"dom-if\" if=\"[[displayErrors]]\">\n      <paper-toast id=\"toast\"></paper-toast>\n    </template>\n  "],["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <template is=\"dom-if\" if=\"[[createProjectsUrl]]\">\n      <lrnsys-button\n        raised=\"\"\n        class\\$=\"[[classes]]\"\n        button-class\\$=\"[[classes]]\"\n        icon=\"[[icon]]\"\n        on-tap=\"_createProject\"\n        label=\"Create project\"\n      ></lrnsys-button>\n      <iron-ajax\n        id=\"ajaxCreateStub\"\n        url=\"[[createProjectsUrl]]\"\n        method=\"POST\"\n        handle-as=\"json\"\n        on-response=\"_ajaxCreateStubHandler\"\n      ></iron-ajax>\n    </template>\n    <template is=\"dom-if\" if=\"[[displayErrors]]\">\n      <paper-toast id=\"toast\"></paper-toast>\n    </template>\n  "]);_templateObject_3be196f0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3be196f0555211e98f439769bd191e33()),is:"lrnapp-studio-project-button",properties:{auto:{type:Boolean,reflectToAttribute:!0,value:!1,notify:!0},displayErrors:{type:Boolean,value:!0},createProjectsUrl:{type:String,value:null},classes:{type:String,value:""},icon:{type:String,value:""}},ready:function ready(){this.createProjectsUrl=this.endPoint+"/api/projects/create-stub?token="+this.csrfToken},_createProject:function _createProject(){this.shadowRoot.querySelector("#ajaxCreateStub").generateRequest()},_ajaxCreateStubHandler:function _ajaxCreateStubHandler(e){var status=e.detail.response.status,response=e.detail.response;if(201===status){var project=e.detail.response.data;if(project){this.fire("project-created",{project:project})}}if("undefined"!==typeof response.errors){var ul=document.createElement("ul"),text="";response.errors.forEach(function(error){text=text+" "+error});this.shadowRoot.querySelector("#toast").show(text)}}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-root/lrnapp-studio-root.js b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-root/lrnapp-studio-root.js
index 62d77836e65..8498e90e317 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-root/lrnapp-studio-root.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/elmsln-apps/lib/lrnapp-studio-root/lrnapp-studio-root.js
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/app-route/app-route.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-card/paper-card.js","../../../../@polymer/iron-selector/iron-selector.js","../../../../@polymer/iron-pages/iron-pages.js","../../../lrnsys-button/lrnsys-button.js","../../../elmsln-loading/elmsln-loading.js","../lrnapp-studio-dashboard/lrnapp-studio-dashboard.js","../lrnapp-studio-kanban/lrnapp-studio-kanban.js","../lrnapp-open-studio/lrnapp-open-studio.js"],function(_polymerLegacy){"use strict";function _templateObject_a557f83054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <app-location\n      route=\"{{route}}\"\n      query-params=\"{{queryParams}}\"\n    ></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[basePath]]/:page\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\"\n    >\n    </app-route>\n\n    <iron-selector\n      selected=\"{{data.page}}\"\n      attr-for-selected=\"name\"\n      role=\"navigation\"\n    >\n      <a tabindex=\"-1\" name=\"lrnapp-studio-dashboard\" on-tap=\"_dashboardClicked\"\n        >A</a\n      >\n      <a tabindex=\"-1\" name=\"lrnapp-studio-kanban\" on-tap=\"_kanbanClicked\">B</a>\n      <a tabindex=\"-1\" name=\"lrnapp-open-studio\" on-tap=\"_openstudioClicked\"\n        >C</a\n      >\n    </iron-selector>\n\n    <iron-pages\n      selected=\"{{data.page}}\"\n      attr-for-selected=\"name\"\n      fallback-selection=\"lrnapp-studio-dashboard\"\n      role=\"main\"\n    >\n      <lrnapp-studio-dashboard\n        name=\"lrnapp-studio-dashboard\"\n        csrf-token=\"[[csrfToken]]\"\n        end-point=\"[[_endPoint('lrnapp-studio-dashboard')]]\"\n        base-path=\"[[basePath]]\"\n        elmsln-course=\"[[elmslnCourse]]\"\n        elmsln-section=\"[[elmslnSection]]\"\n        route=\"[[tail]]\"\n      >\n      </lrnapp-studio-dashboard>\n      <lrnapp-studio-kanban\n        name=\"lrnapp-studio-kanban\"\n        csrf-token=\"[[csrfToken]]\"\n        end-point=\"[[_endPoint('lrnapp-studio-dashboard')]]\"\n        base-path=\"[[basePath]]\"\n        source-path=\"[[_sourcePath('lrnapp-studio-kanban/kanban-data')]]\"\n        elmsln-course=\"[[elmslnCourse]]\"\n        elmsln-section=\"[[elmslnSection]]\"\n        route=\"[[tail]]\"\n      ></lrnapp-studio-kanban>\n      <lrnapp-open-studio\n        name=\"lrnapp-open-studio\"\n        csrf-token=\"[[csrfToken]]\"\n        end-point=\"[[_endPoint('lrnapp-open-studio')]]\"\n        base-path=\"[[basePath]]\"\n        source-path=\"[[_sourcePath('lrnapp-open-studio/data')]]\"\n        elmsln-course=\"[[elmslnCourse]]\"\n        elmsln-section=\"[[elmslnSection]]\"\n        route=\"[[tail]]\"\n      >\n      </lrnapp-open-studio>\n    </iron-pages>\n  "]);_templateObject_a557f83054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a557f83054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-root",properties:{sourcePath:{type:String,notify:!0,reflectToAttribute:!0},elmslnSection:{type:String,notify:!0,reflectToAttribute:!0},elmslnCourse:{type:String,notify:!0,reflectToAttribute:!0},csrfToken:{type:String,notify:!0,reflectToAttribute:!0},basePath:{type:String,notify:!0},_endPoint:function _endPoint(path){return this.basePath+path},_sourcePath:function _sourcePath(path){return this.basePath+path+"?token="+this.csrfToken},listeners:{"route-change":"_routeChange"},observers:["_routeChanged(route, basePath)","_deleteToast(queryParams.deletetoast)"],_routeChanged:function _routeChanged(route,basePath){if("string"===typeof route.path){if("string"===typeof basePath){if(route.path.startsWith(basePath)){return}}window.location.reload()}},_routeChange:function _routeChange(e){var details=e.detail;if(babelHelpers.typeof(details.queryParams.assignment)!=="undefined"){this.set("queryParams.assignment",details.queryParams.assignment);this.notifyPath("queryParams.assignment")}if(babelHelpers.typeof(details.queryParams.project)!=="undefined"){this.set("queryParams.project",details.queryParams.project);this.notifyPath("queryParams.project")}if(babelHelpers.typeof(details.queryParams.author)!=="undefined"){this.set("queryParams.author",details.queryParams.author);this.notifyPath("queryParams.author")}if(babelHelpers.typeof(details.data.page)!=="undefined"){this.set("data.page",details.data.page);this.notifyPath("data.path")}},_deleteToast:function _deleteToast(deletetoast){if(babelHelpers.typeof(deletetoast)!=="undefined"){if("error"==deletetoast){this.$.toast.show("That submission on longer exists!")}else{this.$.toast.show("Submission deleted successfully!")}this.set("queryParams.deletetoast",void 0);this.notifyPath("queryParams.deletetoast")}},_dashboardClicked:function _dashboardClicked(){this.set("route.path",this.basePath+"/lrnapp-studio-dashboard");this.notifyPath("route.path")},_kanbanClicked:function _kanbanClicked(){this.set("route.path",this.basePath+"/lrnapp-studio-kanban");this.notifyPath("route.path")},_openstudioClicked:function _openstudioClicked(){this.set("route.path",this.basePath+"/lrnapp-open-studio");this.notifyPath("route.path")},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/app-route/app-route.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/iron-list/iron-list.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-card/paper-card.js","../../../../@polymer/iron-selector/iron-selector.js","../../../../@polymer/iron-pages/iron-pages.js","../../../lrnsys-button/lrnsys-button.js","../../../elmsln-loading/elmsln-loading.js","../lrnapp-studio-dashboard/lrnapp-studio-dashboard.js","../lrnapp-studio-kanban/lrnapp-studio-kanban.js","../lrnapp-open-studio/lrnapp-open-studio.js"],function(_polymerLegacy){"use strict";function _templateObject_3c0328b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <app-location\n      route=\"{{route}}\"\n      query-params=\"{{queryParams}}\"\n    ></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[basePath]]/:page\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\"\n    >\n    </app-route>\n\n    <iron-selector\n      selected=\"{{data.page}}\"\n      attr-for-selected=\"name\"\n      role=\"navigation\"\n    >\n      <a tabindex=\"-1\" name=\"lrnapp-studio-dashboard\" on-tap=\"_dashboardClicked\"\n        >A</a\n      >\n      <a tabindex=\"-1\" name=\"lrnapp-studio-kanban\" on-tap=\"_kanbanClicked\">B</a>\n      <a tabindex=\"-1\" name=\"lrnapp-open-studio\" on-tap=\"_openstudioClicked\"\n        >C</a\n      >\n    </iron-selector>\n\n    <iron-pages\n      selected=\"{{data.page}}\"\n      attr-for-selected=\"name\"\n      fallback-selection=\"lrnapp-studio-dashboard\"\n      role=\"main\"\n    >\n      <lrnapp-studio-dashboard\n        name=\"lrnapp-studio-dashboard\"\n        csrf-token=\"[[csrfToken]]\"\n        end-point=\"[[_endPoint('lrnapp-studio-dashboard')]]\"\n        base-path=\"[[basePath]]\"\n        elmsln-course=\"[[elmslnCourse]]\"\n        elmsln-section=\"[[elmslnSection]]\"\n        route=\"[[tail]]\"\n      >\n      </lrnapp-studio-dashboard>\n      <lrnapp-studio-kanban\n        name=\"lrnapp-studio-kanban\"\n        csrf-token=\"[[csrfToken]]\"\n        end-point=\"[[_endPoint('lrnapp-studio-dashboard')]]\"\n        base-path=\"[[basePath]]\"\n        source-path=\"[[_sourcePath('lrnapp-studio-kanban/kanban-data')]]\"\n        elmsln-course=\"[[elmslnCourse]]\"\n        elmsln-section=\"[[elmslnSection]]\"\n        route=\"[[tail]]\"\n      ></lrnapp-studio-kanban>\n      <lrnapp-open-studio\n        name=\"lrnapp-open-studio\"\n        csrf-token=\"[[csrfToken]]\"\n        end-point=\"[[_endPoint('lrnapp-open-studio')]]\"\n        base-path=\"[[basePath]]\"\n        source-path=\"[[_sourcePath('lrnapp-open-studio/data')]]\"\n        elmsln-course=\"[[elmslnCourse]]\"\n        elmsln-section=\"[[elmslnSection]]\"\n        route=\"[[tail]]\"\n      >\n      </lrnapp-open-studio>\n    </iron-pages>\n  "]);_templateObject_3c0328b0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c0328b0555211e98f439769bd191e33()),is:"lrnapp-studio-root",properties:{sourcePath:{type:String,notify:!0,reflectToAttribute:!0},elmslnSection:{type:String,notify:!0,reflectToAttribute:!0},elmslnCourse:{type:String,notify:!0,reflectToAttribute:!0},csrfToken:{type:String,notify:!0,reflectToAttribute:!0},basePath:{type:String,notify:!0},_endPoint:function _endPoint(path){return this.basePath+path},_sourcePath:function _sourcePath(path){return this.basePath+path+"?token="+this.csrfToken},listeners:{"route-change":"_routeChange"},observers:["_routeChanged(route, basePath)","_deleteToast(queryParams.deletetoast)"],_routeChanged:function _routeChanged(route,basePath){if("string"===typeof route.path){if("string"===typeof basePath){if(route.path.startsWith(basePath)){return}}window.location.reload()}},_routeChange:function _routeChange(e){var details=e.detail;if(babelHelpers.typeof(details.queryParams.assignment)!=="undefined"){this.set("queryParams.assignment",details.queryParams.assignment);this.notifyPath("queryParams.assignment")}if(babelHelpers.typeof(details.queryParams.project)!=="undefined"){this.set("queryParams.project",details.queryParams.project);this.notifyPath("queryParams.project")}if(babelHelpers.typeof(details.queryParams.author)!=="undefined"){this.set("queryParams.author",details.queryParams.author);this.notifyPath("queryParams.author")}if(babelHelpers.typeof(details.data.page)!=="undefined"){this.set("data.page",details.data.page);this.notifyPath("data.path")}},_deleteToast:function _deleteToast(deletetoast){if(babelHelpers.typeof(deletetoast)!=="undefined"){if("error"==deletetoast){this.$.toast.show("That submission on longer exists!")}else{this.$.toast.show("Submission deleted successfully!")}this.set("queryParams.deletetoast",void 0);this.notifyPath("queryParams.deletetoast")}},_dashboardClicked:function _dashboardClicked(){this.set("route.path",this.basePath+"/lrnapp-studio-dashboard");this.notifyPath("route.path")},_kanbanClicked:function _kanbanClicked(){this.set("route.path",this.basePath+"/lrnapp-studio-kanban");this.notifyPath("route.path")},_openstudioClicked:function _openstudioClicked(){this.set("route.path",this.basePath+"/lrnapp-open-studio");this.notifyPath("route.path")},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}}})});
\ No newline at end of file
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 4989bc993cf..3d13c0cd626 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-icon/iron-icon.js"],function(_polymerLegacy){"use strict";function _templateObject_a5f87df054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        font-size: 12px;\n      }\n      .studio-block__header {\n        padding: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        border: 1px solid lightgray;\n        border-bottom: none;\n      }\n      .studio-block__content {\n        padding: 0 16px;\n        border: 1px solid lightgray;\n      }\n      .studio-block__icon-wrapper {\n        width: 32px;\n      }\n      .studio-block__header h3 {\n        margin: 0;\n        font-style: none;\n        font-size: inherit;\n      }\n    </style>\n    <div class=\"studio-block__header\">\n      <div class=\"studio-block__icon-wrapper\">\n        <iron-icon icon=\"[[icon]]\" hidden$=\"[[!icon]]\"></iron-icon>\n      </div>\n      <h3 hidden$=\"[[!title]]\">[[title]]</h3>\n    </div>\n    <div class=\"studio-block__content\"><slot></slot></div>\n  "],["\n    <style>\n      :host {\n        display: block;\n        font-size: 12px;\n      }\n      .studio-block__header {\n        padding: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        border: 1px solid lightgray;\n        border-bottom: none;\n      }\n      .studio-block__content {\n        padding: 0 16px;\n        border: 1px solid lightgray;\n      }\n      .studio-block__icon-wrapper {\n        width: 32px;\n      }\n      .studio-block__header h3 {\n        margin: 0;\n        font-style: none;\n        font-size: inherit;\n      }\n    </style>\n    <div class=\"studio-block__header\">\n      <div class=\"studio-block__icon-wrapper\">\n        <iron-icon icon=\"[[icon]]\" hidden\\$=\"[[!icon]]\"></iron-icon>\n      </div>\n      <h3 hidden\\$=\"[[!title]]\">[[title]]</h3>\n    </div>\n    <div class=\"studio-block__content\"><slot></slot></div>\n  "]);_templateObject_a5f87df054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a5f87df054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-block",properties:{title:{type:String,value:null},icons:{type:String,value:null}}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-icon/iron-icon.js"],function(_polymerLegacy){"use strict";function _templateObject_3c05e7d0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        font-size: 12px;\n      }\n      .studio-block__header {\n        padding: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        border: 1px solid lightgray;\n        border-bottom: none;\n      }\n      .studio-block__content {\n        padding: 0 16px;\n        border: 1px solid lightgray;\n      }\n      .studio-block__icon-wrapper {\n        width: 32px;\n      }\n      .studio-block__header h3 {\n        margin: 0;\n        font-style: none;\n        font-size: inherit;\n      }\n    </style>\n    <div class=\"studio-block__header\">\n      <div class=\"studio-block__icon-wrapper\">\n        <iron-icon icon=\"[[icon]]\" hidden$=\"[[!icon]]\"></iron-icon>\n      </div>\n      <h3 hidden$=\"[[!title]]\">[[title]]</h3>\n    </div>\n    <div class=\"studio-block__content\"><slot></slot></div>\n  "],["\n    <style>\n      :host {\n        display: block;\n        font-size: 12px;\n      }\n      .studio-block__header {\n        padding: 16px;\n        display: flex;\n        align-items: center;\n        justify-content: flex-start;\n        border: 1px solid lightgray;\n        border-bottom: none;\n      }\n      .studio-block__content {\n        padding: 0 16px;\n        border: 1px solid lightgray;\n      }\n      .studio-block__icon-wrapper {\n        width: 32px;\n      }\n      .studio-block__header h3 {\n        margin: 0;\n        font-style: none;\n        font-size: inherit;\n      }\n    </style>\n    <div class=\"studio-block__header\">\n      <div class=\"studio-block__icon-wrapper\">\n        <iron-icon icon=\"[[icon]]\" hidden\\$=\"[[!icon]]\"></iron-icon>\n      </div>\n      <h3 hidden\\$=\"[[!title]]\">[[title]]</h3>\n    </div>\n    <div class=\"studio-block__content\"><slot></slot></div>\n  "]);_templateObject_3c05e7d0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c05e7d0555211e98f439769bd191e33()),is:"lrnapp-studio-block",properties:{title:{type:String,value:null},icons:{type:String,value:null}}})});
\ No newline at end of file
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 b297db5fe46..55d201c4d27 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-toast/paper-toast.js","../../../lrnsys-button/lrnsys-button.js"],function(_polymerLegacy){"use strict";function _templateObject_a5f45f4054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <template is=\"dom-if\" if=\"[[!submissionId]]\">\n      <lrnsys-button\n        raised=\"\"\n        on-tap=\"_createSubmission\"\n        label=\"Create submission\"\n      ></lrnsys-button>\n      <iron-ajax\n        id=\"ajaxCreateStub\"\n        url=\"[[createStubUrl]]\"\n        method=\"POST\"\n        body=\"[[assignmentId]]\"\n        handle-as=\"json\"\n        on-response=\"_ajaxCreateStubHandler\"\n      ></iron-ajax>\n    </template>\n    <template is=\"dom-if\" if=\"[[submissionId]]\">\n      <lrnsys-button\n        raised=\"\"\n        label=\"View submission\"\n        show-href=\"[[_submissionUrl(submissionId)]]\"\n        href=\"[[_submissionUrl(submissionId)]]\"\n      ></lrnsys-button>\n    </template>\n\n    <template is=\"dom-if\" if=\"[[displayErrors]]\">\n      <paper-toast id=\"toast\"></paper-toast>\n    </template>\n  "]);_templateObject_a5f45f4054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a5f45f4054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-button",properties:{auto:{type:Boolean,reflectToAttribute:!0,value:!1,notify:!0},assignmentId:{type:String,reflectToAttribute:!0},submissionId:{type:String,value:!1,reflectToAttribute:!0},endPoint:String,csrfToken:String,displayErrors:{type:Boolean,value:!0}},observers:["_requestUrlChanged(endPoint, csrfToken)"],_requestUrlChanged:function _requestUrlChanged(endPoint,csrfToken){this.createStubUrl=endPoint+"/api/submissions/create-stub?token="+csrfToken},_createSubmission:function _createSubmission(){this.shadowRoot.querySelector("#ajaxCreateStub").generateRequest()},_ajaxCreateStubHandler:function _ajaxCreateStubHandler(e){var status=e.detail.response.status,response=e.detail.response;if(201===status){var submissionId=e.detail.response.data.id;if(submissionId){this.submissionId=submissionId;if(this.auto){window.location.href=this._submissionUrl(submissionId)+"/edit"}}}if("undefined"!==typeof response.errors){var ul=document.createElement("ul"),text="";response.errors.forEach(function(error){text=text+" "+error});this.shadowRoot.querySelector("#toast").show(text)}},_submissionUrl:function _submissionUrl(id){return this.endPoint+"/submissions/"+id}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-toast/paper-toast.js","../../../lrnsys-button/lrnsys-button.js"],function(_polymerLegacy){"use strict";function _templateObject_3c0c7780555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <template is=\"dom-if\" if=\"[[!submissionId]]\">\n      <lrnsys-button\n        raised=\"\"\n        on-tap=\"_createSubmission\"\n        label=\"Create submission\"\n      ></lrnsys-button>\n      <iron-ajax\n        id=\"ajaxCreateStub\"\n        url=\"[[createStubUrl]]\"\n        method=\"POST\"\n        body=\"[[assignmentId]]\"\n        handle-as=\"json\"\n        on-response=\"_ajaxCreateStubHandler\"\n      ></iron-ajax>\n    </template>\n    <template is=\"dom-if\" if=\"[[submissionId]]\">\n      <lrnsys-button\n        raised=\"\"\n        label=\"View submission\"\n        show-href=\"[[_submissionUrl(submissionId)]]\"\n        href=\"[[_submissionUrl(submissionId)]]\"\n      ></lrnsys-button>\n    </template>\n\n    <template is=\"dom-if\" if=\"[[displayErrors]]\">\n      <paper-toast id=\"toast\"></paper-toast>\n    </template>\n  "]);_templateObject_3c0c7780555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c0c7780555211e98f439769bd191e33()),is:"lrnapp-studio-submission-button",properties:{auto:{type:Boolean,reflectToAttribute:!0,value:!1,notify:!0},assignmentId:{type:String,reflectToAttribute:!0},submissionId:{type:String,value:!1,reflectToAttribute:!0},endPoint:String,csrfToken:String,displayErrors:{type:Boolean,value:!0}},observers:["_requestUrlChanged(endPoint, csrfToken)"],_requestUrlChanged:function _requestUrlChanged(endPoint,csrfToken){this.createStubUrl=endPoint+"/api/submissions/create-stub?token="+csrfToken},_createSubmission:function _createSubmission(){this.shadowRoot.querySelector("#ajaxCreateStub").generateRequest()},_ajaxCreateStubHandler:function _ajaxCreateStubHandler(e){var status=e.detail.response.status,response=e.detail.response;if(201===status){var submissionId=e.detail.response.data.id;if(submissionId){this.submissionId=submissionId;if(this.auto){window.location.href=this._submissionUrl(submissionId)+"/edit"}}}if("undefined"!==typeof response.errors){var ul=document.createElement("ul"),text="";response.errors.forEach(function(error){text=text+" "+error});this.shadowRoot.querySelector("#toast").show(text)}},_submissionUrl:function _submissionUrl(id){return this.endPoint+"/submissions/"+id}})});
\ No newline at end of file
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 97b7243295a..0e8963ecbaf 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-card/paper-card.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../word-count/word-count.js","../../../lrndesign-avatar/lrndesign-avatar.js"],function(_polymerLegacy){"use strict";function _templateObject_a601f3d054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <div class$=\"center comment-depth-[[comment.attributes.threadDepth]]\">\n      <lrndesign-avatar\n        label=\"[[comment.relationships.author.data.name]]\"\n        class=\"float-left\"\n      ></lrndesign-avatar>\n    </div>\n    <paper-card class$=\"paper-card-length-[[comment.attributes.threadDepth]]\">\n      <div id=\"body\" class=\"comment-body nowrap\">\n        <h4>\n          [[comment.relationships.author.data.name]]\n          <span class=\"grey-said\"> said:</span>\n        </h4>\n        <word-count>[[comment.attributes.body]]</word-count>\n      </div>\n      <div class$=\"card-actions\">\n        <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  "],["\n    <style>\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    </style>\n    <div class\\$=\"center comment-depth-[[comment.attributes.threadDepth]]\">\n      <lrndesign-avatar\n        label=\"[[comment.relationships.author.data.name]]\"\n        class=\"float-left\"\n      ></lrndesign-avatar>\n    </div>\n    <paper-card class\\$=\"paper-card-length-[[comment.attributes.threadDepth]]\">\n      <div id=\"body\" class=\"comment-body nowrap\">\n        <h4>\n          [[comment.relationships.author.data.name]]\n          <span class=\"grey-said\"> said:</span>\n        </h4>\n        <word-count>[[comment.attributes.body]]</word-count>\n      </div>\n      <div class\\$=\"card-actions\">\n        <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_a601f3d054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a601f3d054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-comment",properties:{comment:{type:Object}},attached:function attached(){var _this=this;this.$.body.addEventListener("click",function(){_this.$.body.classList.toggle("nowrap")})},detached:function detached(){var _this2=this;this.$.body.removeEventListener("click",function(){_this2.$.body.classList.toggle("nowrap")})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-card/paper-card.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../word-count/word-count.js","../../../lrndesign-avatar/lrndesign-avatar.js"],function(_polymerLegacy){"use strict";function _templateObject_3c1be0d0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <div class$=\"center comment-depth-[[comment.attributes.threadDepth]]\">\n      <lrndesign-avatar\n        label=\"[[comment.relationships.author.data.name]]\"\n        class=\"float-left\"\n      ></lrndesign-avatar>\n    </div>\n    <paper-card class$=\"paper-card-length-[[comment.attributes.threadDepth]]\">\n      <div id=\"body\" class=\"comment-body nowrap\">\n        <h4>\n          [[comment.relationships.author.data.name]]\n          <span class=\"grey-said\"> said:</span>\n        </h4>\n        <word-count>[[comment.attributes.body]]</word-count>\n      </div>\n      <div class$=\"card-actions\">\n        <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  "],["\n    <style>\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    </style>\n    <div class\\$=\"center comment-depth-[[comment.attributes.threadDepth]]\">\n      <lrndesign-avatar\n        label=\"[[comment.relationships.author.data.name]]\"\n        class=\"float-left\"\n      ></lrndesign-avatar>\n    </div>\n    <paper-card class\\$=\"paper-card-length-[[comment.attributes.threadDepth]]\">\n      <div id=\"body\" class=\"comment-body nowrap\">\n        <h4>\n          [[comment.relationships.author.data.name]]\n          <span class=\"grey-said\"> said:</span>\n        </h4>\n        <word-count>[[comment.attributes.body]]</word-count>\n      </div>\n      <div class\\$=\"card-actions\">\n        <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_3c1be0d0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c1be0d0555211e98f439769bd191e33()),is:"lrnapp-studio-submission-comment",properties:{comment:{type:Object}},attached:function attached(){var _this=this;this.$.body.addEventListener("click",function(){_this.$.body.classList.toggle("nowrap")})},detached:function detached(){var _this2=this;this.$.body.removeEventListener("click",function(){_this2.$.body.classList.toggle("nowrap")})}})});
\ No newline at end of file
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 694885e1aa4..83432aa9e5a 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","./lrnapp-studio-submission-comment.js"],function(_polymerLegacy){"use strict";function _templateObject_a60416b054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <template is=\"dom-if\" if=\"[[submission.relationships.comments]]\">\n      <template\n        is=\"dom-repeat\"\n        items=\"[[_toArray(submission.relationships.comments.data)]]\"\n        as=\"comment\"\n      >\n        <lrnapp-studio-submission-comment\n          comment=\"{{comment}}\"\n        ></lrnapp-studio-submission-comment>\n      </template>\n    </template>\n  "]);_templateObject_a60416b054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a60416b054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-comments",properties:{submission:{type:Object}},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","./lrnapp-studio-submission-comment.js"],function(_polymerLegacy){"use strict";function _templateObject_3c1fd870555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <template is=\"dom-if\" if=\"[[submission.relationships.comments]]\">\n      <template\n        is=\"dom-repeat\"\n        items=\"[[_toArray(submission.relationships.comments.data)]]\"\n        as=\"comment\"\n      >\n        <lrnapp-studio-submission-comment\n          comment=\"{{comment}}\"\n        ></lrnapp-studio-submission-comment>\n      </template>\n    </template>\n  "]);_templateObject_3c1fd870555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c1fd870555211e98f439769bd191e33()),is:"lrnapp-studio-submission-comments",properties:{submission:{type:Object}},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
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 8f5c710ff7b..2fbd5348f99 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/marked-element/marked-element.js","../../../lrnsys-button/lrnsys-button.js","./lrnapp-studio-block.js","./lrnapp-studio-submission-edit-textarea.js"],function(_polymerLegacy){"use strict";function _templateObject_a60aa66054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      .field {\n        padding-top: 32px;\n        padding-bottom: 32px;\n      }\n\n      .actions {\n        display: flex;\n        border-top: 2px solid gainsboro;\n        margin-top: 16px;\n        font-size: 14px;\n      }\n\n      .actions .spacer {\n        flex: 1 1 auto;\n      }\n\n      .submission-critique-outline + .submission-critique-outline {\n        margin-top: 16px;\n      }\n\n      :host([edit]) .submission-critique-outline--feedback lrnapp-studio-block {\n        padding: 0;\n      }\n    </style>\n    <!-- Body -->\n    <div class=\"field\">\n      <div class=\"submission-critique-outline\">\n        <lrnapp-studio-block title=\"Directions\" icon=\"info-outline\">\n          <marked-element\n            markdown=\"[[submission.relationships.assignment.attributes.critiqueOutline]]\"\n          ></marked-element>\n        </lrnapp-studio-block>\n      </div>\n      <div\n        class=\"submission-critique-outline submission-critique-outline--feedback\"\n      >\n        <lrnapp-studio-block title=\"Feedback\" icon=\"communication:comment\">\n          <template is=\"dom-if\" if=\"[[edit]]\">\n            <lrnapp-studio-submission-edit-textarea\n              content=\"{{submission.attributes.body}}\"\n            ></lrnapp-studio-submission-edit-textarea>\n          </template>\n          <template is=\"dom-if\" if=\"[[!edit]]\">\n            <marked-element\n              markdown=\"{{submission.attributes.body}}\"\n            ></marked-element>\n          </template>\n        </lrnapp-studio-block>\n      </div>\n    </div>\n    <template is=\"dom-if\" if=\"[[edit]]\">\n      <div class=\"actions\">\n        <lrnsys-button\n          id=\"publish\"\n          icon=\"check\"\n          label=\"Publish Feedback\"\n          on-click=\"_publishClicked\"\n          hover-class=\"amber lighten-5 green-text text-darken-4\"\n          icon-class=\"green-text\"\n        ></lrnsys-button>\n        <lrnsys-button\n          id=\"save-draft\"\n          icon=\"drafts\"\n          label=\"Save Draft\"\n          on-click=\"_saveDraftClicked\"\n          hover-class=\"amber lighten-5 amber-text text-darken-4\"\n          icon-class=\"amber-text text-darken-4\"\n        ></lrnsys-button>\n        <span class=\"spacer\"></span>\n        <lrnsys-button\n          id=\"delete\"\n          label=\"Delete Feedback\"\n          icon=\"delete\"\n          on-click=\"_deleteClicked\"\n          hover-class=\"amber lighten-5 red-text\"\n          icon-class=\"red-text text-darken-4\"\n        >\n        </lrnsys-button>\n      </div>\n    </template>\n  "]);_templateObject_a60aa66054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a60aa66054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-critique-panel",properties:{submission:{type:Object,notify:!0},edit:{type:Boolean,value:!1,reflectToAttribute:!0}},_publishClicked:function _publishClicked(){this.set("submission.attributes.state","submission_ready");this.notifyPath("submission.attributes.state");this.fire("submissionPublishClicked")},_saveDraftClicked:function _saveDraftClicked(){this.set("submission.attributes.state","submission_in_progress");this.notifyPath("submission.attributes.state");this.fire("submissionSaveDraftClicked")},_deleteClicked:function _deleteClicked(){this.fire("submissionDeleteClicked")}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/marked-element/marked-element.js","../../../lrnsys-button/lrnsys-button.js","./lrnapp-studio-block.js","./lrnapp-studio-submission-edit-textarea.js"],function(_polymerLegacy){"use strict";function _templateObject_3c261a00555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      .field {\n        padding-top: 32px;\n        padding-bottom: 32px;\n      }\n\n      .actions {\n        display: flex;\n        border-top: 2px solid gainsboro;\n        margin-top: 16px;\n        font-size: 14px;\n      }\n\n      .actions .spacer {\n        flex: 1 1 auto;\n      }\n\n      .submission-critique-outline + .submission-critique-outline {\n        margin-top: 16px;\n      }\n\n      :host([edit]) .submission-critique-outline--feedback lrnapp-studio-block {\n        padding: 0;\n      }\n    </style>\n    <!-- Body -->\n    <div class=\"field\">\n      <div class=\"submission-critique-outline\">\n        <lrnapp-studio-block title=\"Directions\" icon=\"info-outline\">\n          <marked-element\n            markdown=\"[[submission.relationships.assignment.attributes.critiqueOutline]]\"\n          ></marked-element>\n        </lrnapp-studio-block>\n      </div>\n      <div\n        class=\"submission-critique-outline submission-critique-outline--feedback\"\n      >\n        <lrnapp-studio-block title=\"Feedback\" icon=\"communication:comment\">\n          <template is=\"dom-if\" if=\"[[edit]]\">\n            <lrnapp-studio-submission-edit-textarea\n              content=\"{{submission.attributes.body}}\"\n            ></lrnapp-studio-submission-edit-textarea>\n          </template>\n          <template is=\"dom-if\" if=\"[[!edit]]\">\n            <marked-element\n              markdown=\"{{submission.attributes.body}}\"\n            ></marked-element>\n          </template>\n        </lrnapp-studio-block>\n      </div>\n    </div>\n    <template is=\"dom-if\" if=\"[[edit]]\">\n      <div class=\"actions\">\n        <lrnsys-button\n          id=\"publish\"\n          icon=\"check\"\n          label=\"Publish Feedback\"\n          on-click=\"_publishClicked\"\n          hover-class=\"amber lighten-5 green-text text-darken-4\"\n          icon-class=\"green-text\"\n        ></lrnsys-button>\n        <lrnsys-button\n          id=\"save-draft\"\n          icon=\"drafts\"\n          label=\"Save Draft\"\n          on-click=\"_saveDraftClicked\"\n          hover-class=\"amber lighten-5 amber-text text-darken-4\"\n          icon-class=\"amber-text text-darken-4\"\n        ></lrnsys-button>\n        <span class=\"spacer\"></span>\n        <lrnsys-button\n          id=\"delete\"\n          label=\"Delete Feedback\"\n          icon=\"delete\"\n          on-click=\"_deleteClicked\"\n          hover-class=\"amber lighten-5 red-text\"\n          icon-class=\"red-text text-darken-4\"\n        >\n        </lrnsys-button>\n      </div>\n    </template>\n  "]);_templateObject_3c261a00555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c261a00555211e98f439769bd191e33()),is:"lrnapp-studio-submission-critique-panel",properties:{submission:{type:Object,notify:!0},edit:{type:Boolean,value:!1,reflectToAttribute:!0}},_publishClicked:function _publishClicked(){this.set("submission.attributes.state","submission_ready");this.notifyPath("submission.attributes.state");this.fire("submissionPublishClicked")},_saveDraftClicked:function _saveDraftClicked(){this.set("submission.attributes.state","submission_in_progress");this.notifyPath("submission.attributes.state");this.fire("submissionSaveDraftClicked")},_deleteClicked:function _deleteClicked(){this.fire("submissionDeleteClicked")}})});
\ No newline at end of file
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 fab95aa8866..4bd048aca7f 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@vaadin/vaadin-split-layout/vaadin-split-layout.js","./lrnapp-studio-submission-media-editoverlay.js","./lrnapp-studio-submission-edit-images.js","./lrnapp-studio-submission-edit-files.js","./lrnapp-studio-submission-edit-video.js","./lrnapp-studio-submission-edit-links.js","./lrnapp-studio-submission-display.js","./lrnapp-studio-submission-edit-textarea.js","./lrnapp-studio-block.js","./lrnapp-studio-submission-critique-panel.js"],function(_polymerLegacy){"use strict";function _templateObject_a60d3e7054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      .submission-critique {\n        display: flex;\n        justify-content: space-around;\n      }\n\n      .submission-critique-panel {\n        flex: 1 1 auto;\n        width: 100%;\n        flex-wrap: nowrap;\n        margin: 0.3em;\n      }\n    </style>\n    <template is=\"dom-if\" if=\"{{submission}}\">\n      <template is=\"dom-if\" if=\"[[!edit]]\">\n        <div class=\"submission-critique\">\n          <!-- critique panel -->\n          <div class=\"submission-critique-panel\" id=\"crititque-panel\">\n            <lrnapp-studio-submission-display\n              submission=\"[[submission.relationships.relatedSubmission]]\"\n            ></lrnapp-studio-submission-display>\n          </div>\n          <!-- critique panel -->\n          <div class=\"submission-critique-panel\">\n            <lrnapp-studio-submission-critique-panel\n              submission=\"[[submission]]\"\n              edit=\"[[edit]]\"\n            ></lrnapp-studio-submission-critique-panel>\n          </div>\n        </div>\n      </template>\n      <template is=\"dom-if\" if=\"[[edit]]\">\n        <vaadin-split-layout class=\"submission-critique\">\n          <!-- critique panel -->\n          <div class=\"submission-critique-panel\" id=\"crititque-panel\">\n            <lrnapp-studio-submission-display\n              submission=\"[[submission.relationships.relatedSubmission]]\"\n            ></lrnapp-studio-submission-display>\n          </div>\n          <!-- critique panel -->\n          <div class=\"submission-critique-panel\">\n            <lrnapp-studio-submission-critique-panel\n              submission=\"{{submission}}\"\n              edit=\"[[edit]]\"\n            ></lrnapp-studio-submission-critique-panel>\n          </div>\n        </vaadin-split-layout>\n      </template>\n    </template>\n  "]);_templateObject_a60d3e7054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a60d3e7054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-critique",properties:{submission:{type:Object,notify:!0},edit:{type:Boolean,value:!1,reflectToAttribute:!0}},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@vaadin/vaadin-split-layout/vaadin-split-layout.js","./lrnapp-studio-submission-media-editoverlay.js","./lrnapp-studio-submission-edit-images.js","./lrnapp-studio-submission-edit-files.js","./lrnapp-studio-submission-edit-video.js","./lrnapp-studio-submission-edit-links.js","./lrnapp-studio-submission-display.js","./lrnapp-studio-submission-edit-textarea.js","./lrnapp-studio-block.js","./lrnapp-studio-submission-critique-panel.js"],function(_polymerLegacy){"use strict";function _templateObject_3c2bbf50555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      .submission-critique {\n        display: flex;\n        justify-content: space-around;\n      }\n\n      .submission-critique-panel {\n        flex: 1 1 auto;\n        width: 100%;\n        flex-wrap: nowrap;\n        margin: 0.3em;\n      }\n    </style>\n    <template is=\"dom-if\" if=\"{{submission}}\">\n      <template is=\"dom-if\" if=\"[[!edit]]\">\n        <div class=\"submission-critique\">\n          <!-- critique panel -->\n          <div class=\"submission-critique-panel\" id=\"crititque-panel\">\n            <lrnapp-studio-submission-display\n              submission=\"[[submission.relationships.relatedSubmission]]\"\n            ></lrnapp-studio-submission-display>\n          </div>\n          <!-- critique panel -->\n          <div class=\"submission-critique-panel\">\n            <lrnapp-studio-submission-critique-panel\n              submission=\"[[submission]]\"\n              edit=\"[[edit]]\"\n            ></lrnapp-studio-submission-critique-panel>\n          </div>\n        </div>\n      </template>\n      <template is=\"dom-if\" if=\"[[edit]]\">\n        <vaadin-split-layout class=\"submission-critique\">\n          <!-- critique panel -->\n          <div class=\"submission-critique-panel\" id=\"crititque-panel\">\n            <lrnapp-studio-submission-display\n              submission=\"[[submission.relationships.relatedSubmission]]\"\n            ></lrnapp-studio-submission-display>\n          </div>\n          <!-- critique panel -->\n          <div class=\"submission-critique-panel\">\n            <lrnapp-studio-submission-critique-panel\n              submission=\"{{submission}}\"\n              edit=\"[[edit]]\"\n            ></lrnapp-studio-submission-critique-panel>\n          </div>\n        </vaadin-split-layout>\n      </template>\n    </template>\n  "]);_templateObject_3c2bbf50555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c2bbf50555211e98f439769bd191e33()),is:"lrnapp-studio-submission-critique",properties:{submission:{type:Object,notify:!0},edit:{type:Boolean,value:!1,reflectToAttribute:!0}},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
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 a5fdae66c27..379d79de7ee 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-card/paper-card.js","../../../../@polymer/marked-element/marked-element.js","../../../../@polymer/iron-image/iron-image.js","../../../image-inspector/image-inspector.js","../../../lrndesign-avatar/lrndesign-avatar.js","../../../word-count/word-count.js","../../../lrnsys-button/lrnsys-button.js","../../../lrndesign-contentblock/lrndesign-contentblock.js","../../../lrnsys-layout/lib/lrnsys-dialog.js"],function(_polymerLegacy){"use strict";function _templateObject_a6213ba054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\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=\"{{submission.relationships.author.data.name}}\"\n            src=\"{{submission.relationships.author.data.avatar}}\"\n          ></lrndesign-avatar>\n          <div class=\"author center\">\n            {{submission.relationships.author.data.display_name}}\n          </div>\n          <h2 class=\"title center\">{{submission.attributes.title}}</h2>\n          <div class=\"date center\">\n            Created: [[date(submission.meta.created)]]\n          </div>\n          <div class=\"date center\">\n            Last updated: [[date(submission.meta.changed)]]\n          </div>\n          <!-- ----- Text Submission ----- -->\n          <template is=\"dom-if\" if=\"[[submission.attributes.body]]\">\n            <word-count\n              ><marked-element\n                markdown=\"[[submission.attributes.body]]\"\n              ></marked-element\n            ></word-count>\n          </template>\n          <!-- ----- Images Submission ----- -->\n          <template is=\"dom-if\" if=\"[[submission.attributes.images]]\">\n            <lrndesign-contentblock class=\"center\">\n              <template\n                is=\"dom-repeat\"\n                items=\"[[_toArray(submission.attributes.images)]]\"\n                as=\"image\"\n              >\n                <lrnsys-dialog alt=\"View Image\" 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=\"[[image.thumbnail]]\"\n                      preload=\"\"\n                      fade=\"\"\n                    ></iron-image>\n                  </span>\n                  <div style=\"text-align: center;\">\n                    <template is=\"dom-if\" if=\"[[!_isGif(image.url)]]\">\n                      <image-inspector src=\"[[image.url]]\">\n                        <span slot=\"toolbar\">\n                          <lrnsys-button\n                            alt=\"Download all images\"\n                            icon=\"icons:file-download\"\n                            href=\"[[submission.attributes.download_files]]\"\n                            target=\"_blank\"\n                          ></lrnsys-button>\n                        </span>\n                      </image-inspector>\n                    </template>\n                    <template is=\"dom-if\" if=\"[[_isGif(image.url)]]\">\n                      <iron-image\n                        style=\"width:500px; height:500px; background-color: lightgray;\"\n                        sizing=\"contain\"\n                        class=\"contain\"\n                        src=\"[[image.url]]\"\n                        preload=\"\"\n                        fade=\"\"\n                      ></iron-image>\n                    </template>\n                  </div>\n                </lrnsys-dialog>\n              </template>\n            </lrndesign-contentblock>\n          </template>\n          <!-- ----- Video Submission ----- -->\n          <template is=\"dom-if\" if=\"[[submission.attributes.video]]\">\n            <lrndesign-contentblock class=\"center\">\n              <template\n                is=\"dom-repeat\"\n                items=\"[[_toArray(submission.attributes.video)]]\"\n                as=\"video\"\n              >\n                <iframe\n                  width=\"460\"\n                  height=\"249\"\n                  src=\"[[video.video_src]]\"\n                ></iframe>\n              </template>\n            </lrndesign-contentblock>\n          </template>\n          <!-- ----- Links Submission ----- -->\n          <template is=\"dom-if\" if=\"[[submission.attributes.links]]\">\n            <lrndesign-contentblock>\n              <template\n                is=\"dom-repeat\"\n                items=\"[[_toArray(submission.attributes.links)]]\"\n                as=\"link\"\n              >\n                <p>\n                  <strong>[[link.title]]:</strong>\n                  <a class=\"link\" href=\"[[link.url]]\" target=\"_blank\"\n                    >[[link.url]]</a\n                  >\n                </p>\n              </template>\n            </lrndesign-contentblock>\n          </template>\n          <!-- ----- Files Submission ----- -->\n          <template is=\"dom-if\" if=\"[[submission.attributes.files]]\">\n            <lrndesign-contentblock title=\"Files Submitted\">\n              <template\n                is=\"dom-repeat\"\n                items=\"[[_toArray(submission.attributes.files)]]\"\n                as=\"file\"\n              >\n                <p>\n                  <strong>[[file.filename]]:</strong>\n                  <a class=\"link\" href=\"[[file.url]]\" target=\"_blank\"\n                    >[[file.url]]</a\n                  >\n                </p>\n              </template>\n            </lrndesign-contentblock>\n          </template>\n        </div>\n      </paper-card>\n    </div>\n  "]);_templateObject_a6213ba054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a6213ba054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-display",properties:{submission:{type:Object,notify:!0}},date:function date(time){if(time){var parts=time.split("-"),times=time.split("T"),month=parts[2].split("T");times=times[1].split("-");return parts[1]+"/"+month[0]+" - "+times[0]}},_toArray:function _toArray(obj){if("object"===babelHelpers.typeof(obj)&&null!==obj){return Object.keys(obj).map(function(key){return obj[key]})}return[]},_isGif:function _isGif(url){if(-1!=url.indexOf(".gif")){return!0}return!1}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-card/paper-card.js","../../../../@polymer/marked-element/marked-element.js","../../../../@polymer/iron-image/iron-image.js","../../../image-inspector/image-inspector.js","../../../lrndesign-avatar/lrndesign-avatar.js","../../../word-count/word-count.js","../../../lrnsys-button/lrnsys-button.js","../../../lrndesign-contentblock/lrndesign-contentblock.js","../../../lrnsys-layout/lib/lrnsys-dialog.js"],function(_polymerLegacy){"use strict";function _templateObject_3c3de7c0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\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=\"{{submission.relationships.author.data.name}}\"\n            src=\"{{submission.relationships.author.data.avatar}}\"\n          ></lrndesign-avatar>\n          <div class=\"author center\">\n            {{submission.relationships.author.data.display_name}}\n          </div>\n          <h2 class=\"title center\">{{submission.attributes.title}}</h2>\n          <div class=\"date center\">\n            Created: [[date(submission.meta.created)]]\n          </div>\n          <div class=\"date center\">\n            Last updated: [[date(submission.meta.changed)]]\n          </div>\n          <!-- ----- Text Submission ----- -->\n          <template is=\"dom-if\" if=\"[[submission.attributes.body]]\">\n            <word-count\n              ><marked-element\n                markdown=\"[[submission.attributes.body]]\"\n              ></marked-element\n            ></word-count>\n          </template>\n          <!-- ----- Images Submission ----- -->\n          <template is=\"dom-if\" if=\"[[submission.attributes.images]]\">\n            <lrndesign-contentblock class=\"center\">\n              <template\n                is=\"dom-repeat\"\n                items=\"[[_toArray(submission.attributes.images)]]\"\n                as=\"image\"\n              >\n                <lrnsys-dialog alt=\"View Image\" 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=\"[[image.thumbnail]]\"\n                      preload=\"\"\n                      fade=\"\"\n                    ></iron-image>\n                  </span>\n                  <div style=\"text-align: center;\">\n                    <template is=\"dom-if\" if=\"[[!_isGif(image.url)]]\">\n                      <image-inspector src=\"[[image.url]]\">\n                        <span slot=\"toolbar\">\n                          <lrnsys-button\n                            alt=\"Download all images\"\n                            icon=\"icons:file-download\"\n                            href=\"[[submission.attributes.download_files]]\"\n                            target=\"_blank\"\n                          ></lrnsys-button>\n                        </span>\n                      </image-inspector>\n                    </template>\n                    <template is=\"dom-if\" if=\"[[_isGif(image.url)]]\">\n                      <iron-image\n                        style=\"width:500px; height:500px; background-color: lightgray;\"\n                        sizing=\"contain\"\n                        class=\"contain\"\n                        src=\"[[image.url]]\"\n                        preload=\"\"\n                        fade=\"\"\n                      ></iron-image>\n                    </template>\n                  </div>\n                </lrnsys-dialog>\n              </template>\n            </lrndesign-contentblock>\n          </template>\n          <!-- ----- Video Submission ----- -->\n          <template is=\"dom-if\" if=\"[[submission.attributes.video]]\">\n            <lrndesign-contentblock class=\"center\">\n              <template\n                is=\"dom-repeat\"\n                items=\"[[_toArray(submission.attributes.video)]]\"\n                as=\"video\"\n              >\n                <iframe\n                  width=\"460\"\n                  height=\"249\"\n                  src=\"[[video.video_src]]\"\n                ></iframe>\n              </template>\n            </lrndesign-contentblock>\n          </template>\n          <!-- ----- Links Submission ----- -->\n          <template is=\"dom-if\" if=\"[[submission.attributes.links]]\">\n            <lrndesign-contentblock>\n              <template\n                is=\"dom-repeat\"\n                items=\"[[_toArray(submission.attributes.links)]]\"\n                as=\"link\"\n              >\n                <p>\n                  <strong>[[link.title]]:</strong>\n                  <a class=\"link\" href=\"[[link.url]]\" target=\"_blank\"\n                    >[[link.url]]</a\n                  >\n                </p>\n              </template>\n            </lrndesign-contentblock>\n          </template>\n          <!-- ----- Files Submission ----- -->\n          <template is=\"dom-if\" if=\"[[submission.attributes.files]]\">\n            <lrndesign-contentblock title=\"Files Submitted\">\n              <template\n                is=\"dom-repeat\"\n                items=\"[[_toArray(submission.attributes.files)]]\"\n                as=\"file\"\n              >\n                <p>\n                  <strong>[[file.filename]]:</strong>\n                  <a class=\"link\" href=\"[[file.url]]\" target=\"_blank\"\n                    >[[file.url]]</a\n                  >\n                </p>\n              </template>\n            </lrndesign-contentblock>\n          </template>\n        </div>\n      </paper-card>\n    </div>\n  "]);_templateObject_3c3de7c0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c3de7c0555211e98f439769bd191e33()),is:"lrnapp-studio-submission-display",properties:{submission:{type:Object,notify:!0}},date:function date(time){if(time){var parts=time.split("-"),times=time.split("T"),month=parts[2].split("T");times=times[1].split("-");return parts[1]+"/"+month[0]+" - "+times[0]}},_toArray:function _toArray(obj){if("object"===babelHelpers.typeof(obj)&&null!==obj){return Object.keys(obj).map(function(key){return obj[key]})}return[]},_isGif:function _isGif(url){if(-1!=url.indexOf(".gif")){return!0}return!1}})});
\ No newline at end of file
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 51606d17045..c7c1b3c6849 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/paper-ripple/paper-ripple.js"],function(_polymerLegacy){"use strict";function _templateObject_a627a44054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        cursor: pointer;\n      }\n      :host([display=\"box\"]) {\n        display: block;\n        width: 200px;\n        height: 200px;\n        background: lightgray;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n      }\n      :host([display=\"pill\"]) {\n        display: block;\n        background: lightgray;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n      }\n      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    </style>\n    <paper-button>\n      <iron-icon icon=\"[[icon]]\"></iron-icon>\n      <paper-ripple></paper-ripple>\n    </paper-button>\n  "]);_templateObject_a627a44054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a627a44054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-edit-add-asset",properties:{icon:{type:String,value:"add"},display:{type:String,value:"box",reflectToAttribute:!0}}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/paper-ripple/paper-ripple.js"],function(_polymerLegacy){"use strict";function _templateObject_3c4561d0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        cursor: pointer;\n      }\n      :host([display=\"box\"]) {\n        display: block;\n        width: 200px;\n        height: 200px;\n        background: lightgray;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n      }\n      :host([display=\"pill\"]) {\n        display: block;\n        background: lightgray;\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        position: relative;\n      }\n      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    </style>\n    <paper-button>\n      <iron-icon icon=\"[[icon]]\"></iron-icon>\n      <paper-ripple></paper-ripple>\n    </paper-button>\n  "]);_templateObject_3c4561d0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c4561d0555211e98f439769bd191e33()),is:"lrnapp-studio-submission-edit-add-asset",properties:{icon:{type:String,value:"add"},display:{type:String,value:"box",reflectToAttribute:!0}}})});
\ No newline at end of file
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 bf75f190e9f..27bc25e46a7 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","./lrnapp-studio-submission-media-editoverlay.js"],function(_polymerLegacy){"use strict";function _templateObject_a62b26b054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-flex;\n        justify-content: space-around;\n        align-items: stretch;\n        min-height: 100px;\n        width: 100px;\n        position: relative;\n        background: lightgray;\n        color: #333333;\n      }\n\n      lrnapp-studio-submission-media-editoverlay {\n        display: flex;\n      }\n\n      .file_url {\n        margin: 1em;\n      }\n    </style>\n\n    <lrnapp-studio-submission-media-editoverlay\n      on-delete=\"_delete\"\n      data-index$=\"[[index]]\"\n      embedcode=\"{{embedcode}}\"\n    >\n      <div class=\"file_url\">[[file.filename]]</div>\n    </lrnapp-studio-submission-media-editoverlay>\n  "],["\n    <style>\n      :host {\n        display: inline-flex;\n        justify-content: space-around;\n        align-items: stretch;\n        min-height: 100px;\n        width: 100px;\n        position: relative;\n        background: lightgray;\n        color: #333333;\n      }\n\n      lrnapp-studio-submission-media-editoverlay {\n        display: flex;\n      }\n\n      .file_url {\n        margin: 1em;\n      }\n    </style>\n\n    <lrnapp-studio-submission-media-editoverlay\n      on-delete=\"_delete\"\n      data-index\\$=\"[[index]]\"\n      embedcode=\"{{embedcode}}\"\n    >\n      <div class=\"file_url\">[[file.filename]]</div>\n    </lrnapp-studio-submission-media-editoverlay>\n  "]);_templateObject_a62b26b054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a62b26b054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-edit-file",properties:{file:{type:Object},embedcode:{type:String,computed:"_computeEmbedCode(file)"}},observers:[],_computeEmbedCode:function _computeEmbedCode(file){return"[Alternative Text Here]("+file.url+")"},_delete:function _delete(){this.fire("deleted")}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","./lrnapp-studio-submission-media-editoverlay.js"],function(_polymerLegacy){"use strict";function _templateObject_3c498080555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-flex;\n        justify-content: space-around;\n        align-items: stretch;\n        min-height: 100px;\n        width: 100px;\n        position: relative;\n        background: lightgray;\n        color: #333333;\n      }\n\n      lrnapp-studio-submission-media-editoverlay {\n        display: flex;\n      }\n\n      .file_url {\n        margin: 1em;\n      }\n    </style>\n\n    <lrnapp-studio-submission-media-editoverlay\n      on-delete=\"_delete\"\n      data-index$=\"[[index]]\"\n      embedcode=\"{{embedcode}}\"\n    >\n      <div class=\"file_url\">[[file.filename]]</div>\n    </lrnapp-studio-submission-media-editoverlay>\n  "],["\n    <style>\n      :host {\n        display: inline-flex;\n        justify-content: space-around;\n        align-items: stretch;\n        min-height: 100px;\n        width: 100px;\n        position: relative;\n        background: lightgray;\n        color: #333333;\n      }\n\n      lrnapp-studio-submission-media-editoverlay {\n        display: flex;\n      }\n\n      .file_url {\n        margin: 1em;\n      }\n    </style>\n\n    <lrnapp-studio-submission-media-editoverlay\n      on-delete=\"_delete\"\n      data-index\\$=\"[[index]]\"\n      embedcode=\"{{embedcode}}\"\n    >\n      <div class=\"file_url\">[[file.filename]]</div>\n    </lrnapp-studio-submission-media-editoverlay>\n  "]);_templateObject_3c498080555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c498080555211e98f439769bd191e33()),is:"lrnapp-studio-submission-edit-file",properties:{file:{type:Object},embedcode:{type:String,computed:"_computeEmbedCode(file)"}},observers:[],_computeEmbedCode:function _computeEmbedCode(file){return"[Alternative Text Here]("+file.url+")"},_delete:function _delete(){this.fire("deleted")}})});
\ No newline at end of file
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 d7117f5920f..0d0602be34c 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/paper-button/paper-button.js","../../../../@vaadin/vaadin-upload/vaadin-upload.js","../../../secure-request/secure-request.js","./lrnapp-studio-submission-edit-add-asset.js","./lrnapp-studio-submission-edit-file.js"],function(_polymerLegacy){"use strict";function _templateObject_a63782c054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        min-height: 200px;\n      }\n\n      #pages {\n        display: block;\n      }\n\n      .files__files {\n        display: flex;\n        flex-wrap: wrap;\n      }\n\n      .files__files > * {\n        margin-right: 16px;\n        min-width: 200px;\n      }\n\n      neon-animated-pages .iron-selected {\n        position: static;\n      }\n\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 16px;\n      }\n    </style>\n\n    <div class=\"files__files\">\n      <template is=\"dom-repeat\" items=\"{{files}}\" as=\"file\">\n        <lrnapp-studio-submission-edit-file\n          file=\"{{file}}\"\n          on-deleted=\"_deleteImage\"\n          data-index$=\"[[index]]\"\n        ></lrnapp-studio-submission-edit-file>\n      </template>\n      <lrnapp-studio-submission-edit-add-asset\n        on-click=\"_addImage\"\n        icon=\"editor:attach-file\"\n      ></lrnapp-studio-submission-edit-add-asset>\n    </div>\n\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <h2>Add Files(s)</h2>\n      <paper-dialog-scrollable>\n        <div class=\"files__upload\">\n          <template is=\"dom-if\" if=\"[[uploadUrl]]\">\n            <vaadin-upload\n              accept=\"[[fileTypes]]\"\n              target=\"[[uploadUrl]]\"\n              method=\"POST\"\n              form-data-name=\"file-upload\"\n              on-upload-success=\"_handleImageUploadSuccess\"\n            >\n              <div class=\"files__drop-label\">\n                <iron-icon icon=\"description\"></iron-icon>\n                Upload files here:\n              </div>\n            </vaadin-upload>\n          </template>\n        </div>\n      </paper-dialog-scrollable>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Cancel</paper-button>\n      </div>\n    </paper-dialog>\n  "],["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        min-height: 200px;\n      }\n\n      #pages {\n        display: block;\n      }\n\n      .files__files {\n        display: flex;\n        flex-wrap: wrap;\n      }\n\n      .files__files > * {\n        margin-right: 16px;\n        min-width: 200px;\n      }\n\n      neon-animated-pages .iron-selected {\n        position: static;\n      }\n\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 16px;\n      }\n    </style>\n\n    <div class=\"files__files\">\n      <template is=\"dom-repeat\" items=\"{{files}}\" as=\"file\">\n        <lrnapp-studio-submission-edit-file\n          file=\"{{file}}\"\n          on-deleted=\"_deleteImage\"\n          data-index\\$=\"[[index]]\"\n        ></lrnapp-studio-submission-edit-file>\n      </template>\n      <lrnapp-studio-submission-edit-add-asset\n        on-click=\"_addImage\"\n        icon=\"editor:attach-file\"\n      ></lrnapp-studio-submission-edit-add-asset>\n    </div>\n\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <h2>Add Files(s)</h2>\n      <paper-dialog-scrollable>\n        <div class=\"files__upload\">\n          <template is=\"dom-if\" if=\"[[uploadUrl]]\">\n            <vaadin-upload\n              accept=\"[[fileTypes]]\"\n              target=\"[[uploadUrl]]\"\n              method=\"POST\"\n              form-data-name=\"file-upload\"\n              on-upload-success=\"_handleImageUploadSuccess\"\n            >\n              <div class=\"files__drop-label\">\n                <iron-icon icon=\"description\"></iron-icon>\n                Upload files here:\n              </div>\n            </vaadin-upload>\n          </template>\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_a63782c054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a63782c054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-edit-files",behaviors:[SecureRequest.xhr],properties:{files:{type:Array,notify:!0,value:null},selectedPage:{type:String,value:0},uploadUrl:{type:String,value:null,observer:"log"},fileTypes:{type:String,value:""}},observers:["_filesChanged(files)"],_filesChanged:function _filesChanged(){},_addImage:function _addImage(){this.$.dialog.open()},_selectPage:function _selectPage(e){var normalizedEvent=dom(e),page=normalizedEvent.localTarget.getAttribute("data-page");this.set("selectedPage",page)},_handleImageUploadSuccess:function _handleImageUploadSuccess(e){this.set("selectedPage",0);var response=e.detail.xhr.response,response=JSON.parse(response);if(response.data.file){var file=response.data.file;if(null===this.files){this.set("files",[])}this.push("files",file);this.$.dialog.close()}},_deleteImage:function _deleteImage(e){var normalizedEvent=dom(e),deleteIndex=normalizedEvent.localTarget.getAttribute("data-index");this.splice("files",+deleteIndex,1)},_canUpload:function _canUpload(){var uploadUrl=this.uploadUrl;if(null!==uploadUrl){return!0}else{return!1}},log:function log(){},attached:function attached(){var uploadUrl=this.generateUrl("/api/files");if(null!==uploadUrl){this.set("uploadUrl",uploadUrl)}}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/paper-button/paper-button.js","../../../../@vaadin/vaadin-upload/vaadin-upload.js","../../../secure-request/secure-request.js","./lrnapp-studio-submission-edit-add-asset.js","./lrnapp-studio-submission-edit-file.js"],function(_polymerLegacy){"use strict";function _templateObject_3c5910e0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        min-height: 200px;\n      }\n\n      #pages {\n        display: block;\n      }\n\n      .files__files {\n        display: flex;\n        flex-wrap: wrap;\n      }\n\n      .files__files > * {\n        margin-right: 16px;\n        min-width: 200px;\n      }\n\n      neon-animated-pages .iron-selected {\n        position: static;\n      }\n\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 16px;\n      }\n    </style>\n\n    <div class=\"files__files\">\n      <template is=\"dom-repeat\" items=\"{{files}}\" as=\"file\">\n        <lrnapp-studio-submission-edit-file\n          file=\"{{file}}\"\n          on-deleted=\"_deleteImage\"\n          data-index$=\"[[index]]\"\n        ></lrnapp-studio-submission-edit-file>\n      </template>\n      <lrnapp-studio-submission-edit-add-asset\n        on-click=\"_addImage\"\n        icon=\"editor:attach-file\"\n      ></lrnapp-studio-submission-edit-add-asset>\n    </div>\n\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <h2>Add Files(s)</h2>\n      <paper-dialog-scrollable>\n        <div class=\"files__upload\">\n          <template is=\"dom-if\" if=\"[[uploadUrl]]\">\n            <vaadin-upload\n              accept=\"[[fileTypes]]\"\n              target=\"[[uploadUrl]]\"\n              method=\"POST\"\n              form-data-name=\"file-upload\"\n              on-upload-success=\"_handleImageUploadSuccess\"\n            >\n              <div class=\"files__drop-label\">\n                <iron-icon icon=\"description\"></iron-icon>\n                Upload files here:\n              </div>\n            </vaadin-upload>\n          </template>\n        </div>\n      </paper-dialog-scrollable>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Cancel</paper-button>\n      </div>\n    </paper-dialog>\n  "],["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        min-height: 200px;\n      }\n\n      #pages {\n        display: block;\n      }\n\n      .files__files {\n        display: flex;\n        flex-wrap: wrap;\n      }\n\n      .files__files > * {\n        margin-right: 16px;\n        min-width: 200px;\n      }\n\n      neon-animated-pages .iron-selected {\n        position: static;\n      }\n\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 16px;\n      }\n    </style>\n\n    <div class=\"files__files\">\n      <template is=\"dom-repeat\" items=\"{{files}}\" as=\"file\">\n        <lrnapp-studio-submission-edit-file\n          file=\"{{file}}\"\n          on-deleted=\"_deleteImage\"\n          data-index\\$=\"[[index]]\"\n        ></lrnapp-studio-submission-edit-file>\n      </template>\n      <lrnapp-studio-submission-edit-add-asset\n        on-click=\"_addImage\"\n        icon=\"editor:attach-file\"\n      ></lrnapp-studio-submission-edit-add-asset>\n    </div>\n\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <h2>Add Files(s)</h2>\n      <paper-dialog-scrollable>\n        <div class=\"files__upload\">\n          <template is=\"dom-if\" if=\"[[uploadUrl]]\">\n            <vaadin-upload\n              accept=\"[[fileTypes]]\"\n              target=\"[[uploadUrl]]\"\n              method=\"POST\"\n              form-data-name=\"file-upload\"\n              on-upload-success=\"_handleImageUploadSuccess\"\n            >\n              <div class=\"files__drop-label\">\n                <iron-icon icon=\"description\"></iron-icon>\n                Upload files here:\n              </div>\n            </vaadin-upload>\n          </template>\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_3c5910e0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c5910e0555211e98f439769bd191e33()),is:"lrnapp-studio-submission-edit-files",behaviors:[SecureRequest.xhr],properties:{files:{type:Array,notify:!0,value:null},selectedPage:{type:String,value:0},uploadUrl:{type:String,value:null,observer:"log"},fileTypes:{type:String,value:""}},observers:["_filesChanged(files)"],_filesChanged:function _filesChanged(){},_addImage:function _addImage(){this.$.dialog.open()},_selectPage:function _selectPage(e){var normalizedEvent=dom(e),page=normalizedEvent.localTarget.getAttribute("data-page");this.set("selectedPage",page)},_handleImageUploadSuccess:function _handleImageUploadSuccess(e){this.set("selectedPage",0);var response=e.detail.xhr.response,response=JSON.parse(response);if(response.data.file){var file=response.data.file;if(null===this.files){this.set("files",[])}this.push("files",file);this.$.dialog.close()}},_deleteImage:function _deleteImage(e){var normalizedEvent=dom(e),deleteIndex=normalizedEvent.localTarget.getAttribute("data-index");this.splice("files",+deleteIndex,1)},_canUpload:function _canUpload(){var uploadUrl=this.uploadUrl;if(null!==uploadUrl){return!0}else{return!1}},log:function log(){},attached:function attached(){var uploadUrl=this.generateUrl("/api/files");if(null!==uploadUrl){this.set("uploadUrl",uploadUrl)}}})});
\ No newline at end of file
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 313c9bad763..7e1dba9ad03 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-image/iron-image.js","./lrnapp-studio-submission-media-editoverlay.js"],function(_polymerLegacy){"use strict";function _templateObject_a63c16a054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\">\n        :host {\n          display: inline-flex;\n          justify-content: space-around;\n          min-height: 100px;\n          position: relative;\n        }\n\n        iron-image {\n          --iron-image-height: 200px;\n          display: block;\n        }\n      </style>\n    </custom-style>\n    <lrnapp-studio-submission-media-editoverlay\n      on-delete=\"_delete\"\n      data-index$=\"[[index]]\"\n      embedcode=\"{{embedcode}}\"\n    >\n      <iron-image\n        src=\"[[thumbnail]]\"\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  "],["\n    <custom-style>\n      <style is=\"custom-style\">\n        :host {\n          display: inline-flex;\n          justify-content: space-around;\n          min-height: 100px;\n          position: relative;\n        }\n\n        iron-image {\n          --iron-image-height: 200px;\n          display: block;\n        }\n      </style>\n    </custom-style>\n    <lrnapp-studio-submission-media-editoverlay\n      on-delete=\"_delete\"\n      data-index\\$=\"[[index]]\"\n      embedcode=\"{{embedcode}}\"\n    >\n      <iron-image\n        src=\"[[thumbnail]]\"\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_a63c16a054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a63c16a054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-edit-image",properties:{image:{type:Object,notify:!0},thumbnail:{type:String,notify:!0,computed:"_getThumbnail(image)"},embedcode:{type:String,computed:"_computeEmbedCode(image)"}},_getThumbnail:function _getThumbnail(image){return image.url},_computeEmbedCode:function _computeEmbedCode(image){return"![Alternative Text Here]("+image.url+")"},_delete:function _delete(){this.fire("deleted")}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-image/iron-image.js","./lrnapp-studio-submission-media-editoverlay.js"],function(_polymerLegacy){"use strict";function _templateObject_3c5df2e0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\">\n        :host {\n          display: inline-flex;\n          justify-content: space-around;\n          min-height: 100px;\n          position: relative;\n        }\n\n        iron-image {\n          --iron-image-height: 200px;\n          display: block;\n        }\n      </style>\n    </custom-style>\n    <lrnapp-studio-submission-media-editoverlay\n      on-delete=\"_delete\"\n      data-index$=\"[[index]]\"\n      embedcode=\"{{embedcode}}\"\n    >\n      <iron-image\n        src=\"[[thumbnail]]\"\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  "],["\n    <custom-style>\n      <style is=\"custom-style\">\n        :host {\n          display: inline-flex;\n          justify-content: space-around;\n          min-height: 100px;\n          position: relative;\n        }\n\n        iron-image {\n          --iron-image-height: 200px;\n          display: block;\n        }\n      </style>\n    </custom-style>\n    <lrnapp-studio-submission-media-editoverlay\n      on-delete=\"_delete\"\n      data-index\\$=\"[[index]]\"\n      embedcode=\"{{embedcode}}\"\n    >\n      <iron-image\n        src=\"[[thumbnail]]\"\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_3c5df2e0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c5df2e0555211e98f439769bd191e33()),is:"lrnapp-studio-submission-edit-image",properties:{image:{type:Object,notify:!0},thumbnail:{type:String,notify:!0,computed:"_getThumbnail(image)"},embedcode:{type:String,computed:"_computeEmbedCode(image)"}},_getThumbnail:function _getThumbnail(image){return image.url},_computeEmbedCode:function _computeEmbedCode(image){return"![Alternative Text Here]("+image.url+")"},_delete:function _delete(){this.fire("deleted")}})});
\ No newline at end of file
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 cf548cc7eb1..9f02d905514 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/paper-button/paper-button.js","../../../../@vaadin/vaadin-upload/vaadin-upload.js","../../../secure-request/secure-request.js","./lrnapp-studio-submission-edit-add-asset.js","./lrnapp-studio-submission-edit-image.js"],function(_polymerLegacy){"use strict";function _templateObject_a64899c054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        min-height: 200px;\n      }\n      #pages {\n        display: block;\n      }\n      .images__images {\n        display: flex;\n        flex-wrap: wrap;\n      }\n      .images__images > * {\n        margin-right: 16px;\n        min-width: 200px;\n      }\n      neon-animated-pages .iron-selected {\n        position: static;\n      }\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 16px;\n      }\n    </style>\n    <div class=\"images__images\">\n      <template is=\"dom-repeat\" items=\"{{images}}\" as=\"image\">\n        <lrnapp-studio-submission-edit-image\n          image=\"{{image}}\"\n          on-deleted=\"_deleteImage\"\n          data-index$=\"[[index]]\"\n        ></lrnapp-studio-submission-edit-image>\n      </template>\n      <lrnapp-studio-submission-edit-add-asset\n        on-click=\"_addImage\"\n        icon=\"image:photo-library\"\n      ></lrnapp-studio-submission-edit-add-asset>\n    </div>\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <h2>Add Image(s)</h2>\n      <paper-dialog-scrollable>\n        <div class=\"images__upload\">\n          <template is=\"dom-if\" if=\"[[uploadUrl]]\">\n            <vaadin-upload\n              accept=\"[[fileTypes]]\"\n              target=\"[[uploadUrl]]\"\n              method=\"POST\"\n              form-data-name=\"file-upload\"\n              on-upload-success=\"_handleImageUploadSuccess\"\n            >\n              <div class=\"images__drop-label\">\n                <iron-icon icon=\"description\"></iron-icon>\n                Upload files here:\n              </div>\n            </vaadin-upload>\n          </template>\n        </div>\n      </paper-dialog-scrollable>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Cancel</paper-button>\n      </div>\n    </paper-dialog>\n  "],["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        min-height: 200px;\n      }\n      #pages {\n        display: block;\n      }\n      .images__images {\n        display: flex;\n        flex-wrap: wrap;\n      }\n      .images__images > * {\n        margin-right: 16px;\n        min-width: 200px;\n      }\n      neon-animated-pages .iron-selected {\n        position: static;\n      }\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 16px;\n      }\n    </style>\n    <div class=\"images__images\">\n      <template is=\"dom-repeat\" items=\"{{images}}\" as=\"image\">\n        <lrnapp-studio-submission-edit-image\n          image=\"{{image}}\"\n          on-deleted=\"_deleteImage\"\n          data-index\\$=\"[[index]]\"\n        ></lrnapp-studio-submission-edit-image>\n      </template>\n      <lrnapp-studio-submission-edit-add-asset\n        on-click=\"_addImage\"\n        icon=\"image:photo-library\"\n      ></lrnapp-studio-submission-edit-add-asset>\n    </div>\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <h2>Add Image(s)</h2>\n      <paper-dialog-scrollable>\n        <div class=\"images__upload\">\n          <template is=\"dom-if\" if=\"[[uploadUrl]]\">\n            <vaadin-upload\n              accept=\"[[fileTypes]]\"\n              target=\"[[uploadUrl]]\"\n              method=\"POST\"\n              form-data-name=\"file-upload\"\n              on-upload-success=\"_handleImageUploadSuccess\"\n            >\n              <div class=\"images__drop-label\">\n                <iron-icon icon=\"description\"></iron-icon>\n                Upload files here:\n              </div>\n            </vaadin-upload>\n          </template>\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_a64899c054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a64899c054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-edit-images",behaviors:[SecureRequest.xhr],properties:{images:{type:Array,notify:!0,value:[]},selectedPage:{type:String,value:0},uploadUrl:{type:String,value:null}},_addImage:function _addImage(){this.$.dialog.open()},_selectPage:function _selectPage(e){var normalizedEvent=dom(e),page=normalizedEvent.localTarget.getAttribute("data-page");this.set("selectedPage",page)},_handleImageUploadSuccess:function _handleImageUploadSuccess(e){this.set("selectedPage",0);var images=[],response=e.detail.xhr.response,response=JSON.parse(response);if(response.data.file){var file=response.data.file,replacement=!1;if(this.images){images=this.images.map(function(image){if(image.fid===file.fid){replacement=!0;return file}else{return image}})}if(!replacement){images.push(file)}this.set("images",[]);this.set("images",images);this.$.dialog.close()}},_deleteImage:function _deleteImage(e){var normalizedEvent=dom(e),deleteIndex=normalizedEvent.localTarget.getAttribute("data-index");this.splice("images",deleteIndex,1)},attached:function attached(){var uploadUrl=this.generateUrl("/api/files");if(null!==uploadUrl){this.set("uploadUrl",uploadUrl)}}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/paper-button/paper-button.js","../../../../@vaadin/vaadin-upload/vaadin-upload.js","../../../secure-request/secure-request.js","./lrnapp-studio-submission-edit-add-asset.js","./lrnapp-studio-submission-edit-image.js"],function(_polymerLegacy){"use strict";function _templateObject_3c6daa50555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        min-height: 200px;\n      }\n      #pages {\n        display: block;\n      }\n      .images__images {\n        display: flex;\n        flex-wrap: wrap;\n      }\n      .images__images > * {\n        margin-right: 16px;\n        min-width: 200px;\n      }\n      neon-animated-pages .iron-selected {\n        position: static;\n      }\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 16px;\n      }\n    </style>\n    <div class=\"images__images\">\n      <template is=\"dom-repeat\" items=\"{{images}}\" as=\"image\">\n        <lrnapp-studio-submission-edit-image\n          image=\"{{image}}\"\n          on-deleted=\"_deleteImage\"\n          data-index$=\"[[index]]\"\n        ></lrnapp-studio-submission-edit-image>\n      </template>\n      <lrnapp-studio-submission-edit-add-asset\n        on-click=\"_addImage\"\n        icon=\"image:photo-library\"\n      ></lrnapp-studio-submission-edit-add-asset>\n    </div>\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <h2>Add Image(s)</h2>\n      <paper-dialog-scrollable>\n        <div class=\"images__upload\">\n          <template is=\"dom-if\" if=\"[[uploadUrl]]\">\n            <vaadin-upload\n              accept=\"[[fileTypes]]\"\n              target=\"[[uploadUrl]]\"\n              method=\"POST\"\n              form-data-name=\"file-upload\"\n              on-upload-success=\"_handleImageUploadSuccess\"\n            >\n              <div class=\"images__drop-label\">\n                <iron-icon icon=\"description\"></iron-icon>\n                Upload files here:\n              </div>\n            </vaadin-upload>\n          </template>\n        </div>\n      </paper-dialog-scrollable>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Cancel</paper-button>\n      </div>\n    </paper-dialog>\n  "],["\n    <style>\n      :host {\n        display: block;\n        position: relative;\n        min-height: 200px;\n      }\n      #pages {\n        display: block;\n      }\n      .images__images {\n        display: flex;\n        flex-wrap: wrap;\n      }\n      .images__images > * {\n        margin-right: 16px;\n        min-width: 200px;\n      }\n      neon-animated-pages .iron-selected {\n        position: static;\n      }\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 16px;\n      }\n    </style>\n    <div class=\"images__images\">\n      <template is=\"dom-repeat\" items=\"{{images}}\" as=\"image\">\n        <lrnapp-studio-submission-edit-image\n          image=\"{{image}}\"\n          on-deleted=\"_deleteImage\"\n          data-index\\$=\"[[index]]\"\n        ></lrnapp-studio-submission-edit-image>\n      </template>\n      <lrnapp-studio-submission-edit-add-asset\n        on-click=\"_addImage\"\n        icon=\"image:photo-library\"\n      ></lrnapp-studio-submission-edit-add-asset>\n    </div>\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <h2>Add Image(s)</h2>\n      <paper-dialog-scrollable>\n        <div class=\"images__upload\">\n          <template is=\"dom-if\" if=\"[[uploadUrl]]\">\n            <vaadin-upload\n              accept=\"[[fileTypes]]\"\n              target=\"[[uploadUrl]]\"\n              method=\"POST\"\n              form-data-name=\"file-upload\"\n              on-upload-success=\"_handleImageUploadSuccess\"\n            >\n              <div class=\"images__drop-label\">\n                <iron-icon icon=\"description\"></iron-icon>\n                Upload files here:\n              </div>\n            </vaadin-upload>\n          </template>\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_3c6daa50555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c6daa50555211e98f439769bd191e33()),is:"lrnapp-studio-submission-edit-images",behaviors:[SecureRequest.xhr],properties:{images:{type:Array,notify:!0,value:[]},selectedPage:{type:String,value:0},uploadUrl:{type:String,value:null}},_addImage:function _addImage(){this.$.dialog.open()},_selectPage:function _selectPage(e){var normalizedEvent=dom(e),page=normalizedEvent.localTarget.getAttribute("data-page");this.set("selectedPage",page)},_handleImageUploadSuccess:function _handleImageUploadSuccess(e){this.set("selectedPage",0);var images=[],response=e.detail.xhr.response,response=JSON.parse(response);if(response.data.file){var file=response.data.file,replacement=!1;if(this.images){images=this.images.map(function(image){if(image.fid===file.fid){replacement=!0;return file}else{return image}})}if(!replacement){images.push(file)}this.set("images",[]);this.set("images",images);this.$.dialog.close()}},_deleteImage:function _deleteImage(e){var normalizedEvent=dom(e),deleteIndex=normalizedEvent.localTarget.getAttribute("data-index");this.splice("images",deleteIndex,1)},attached:function attached(){var uploadUrl=this.generateUrl("/api/files");if(null!==uploadUrl){this.set("uploadUrl",uploadUrl)}}})});
\ No newline at end of file
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 7297c371af4..cf68f9063f5 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../../../@polymer/paper-input/paper-input.js","../../../../@polymer/paper-button/paper-button.js","./lrnapp-studio-submission-edit-add-asset.js"],function(_polymerLegacy){"use strict";function _templateObject_a64eb44054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      .item {\n        display: flex;\n        margin: auto;\n      }\n\n      .info {\n        flex: 1 1 auto;\n      }\n\n      .create {\n        display: flex;\n        align-items: center;\n      }\n\n      .input {\n        flex: 1 1 auto;\n      }\n\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 1em;\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"{{links}}\" as=\"link\">\n      <div class=\"item\">\n        <div class=\"info\"><div class=\"linksfield__url\">{{link.url}}</div></div>\n        <div class=\"linksfield__actions\">\n          <paper-icon-button\n            icon=\"delete\"\n            class=\"linksfield__delete\"\n            data-index$=\"{{index}}\"\n            on-click=\"_deleteLink\"\n          ></paper-icon-button>\n        </div>\n      </div>\n    </template>\n    <lrnapp-studio-submission-edit-add-asset\n      icon=\"link\"\n      display=\"pill\"\n      on-click=\"_openDialog\"\n    ></lrnapp-studio-submission-edit-add-asset>\n\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <h2>Add Link</h2>\n      <paper-dialog-scrollable>\n        <paper-input\n          id=\"link-input\"\n          class=\"input\"\n          label=\"URL\"\n          value=\"{{newlink}}\"\n        ></paper-input>\n      </paper-dialog-scrollable>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Cancel</paper-button>\n        <paper-button dialog-confirm=\"\" on-click=\"_createLink\"\n          >Add Link</paper-button\n        >\n      </div>\n    </paper-dialog>\n  "],["\n    <style>\n      :host {\n        display: block;\n      }\n\n      .item {\n        display: flex;\n        margin: auto;\n      }\n\n      .info {\n        flex: 1 1 auto;\n      }\n\n      .create {\n        display: flex;\n        align-items: center;\n      }\n\n      .input {\n        flex: 1 1 auto;\n      }\n\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 1em;\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"{{links}}\" as=\"link\">\n      <div class=\"item\">\n        <div class=\"info\"><div class=\"linksfield__url\">{{link.url}}</div></div>\n        <div class=\"linksfield__actions\">\n          <paper-icon-button\n            icon=\"delete\"\n            class=\"linksfield__delete\"\n            data-index\\$=\"{{index}}\"\n            on-click=\"_deleteLink\"\n          ></paper-icon-button>\n        </div>\n      </div>\n    </template>\n    <lrnapp-studio-submission-edit-add-asset\n      icon=\"link\"\n      display=\"pill\"\n      on-click=\"_openDialog\"\n    ></lrnapp-studio-submission-edit-add-asset>\n\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <h2>Add Link</h2>\n      <paper-dialog-scrollable>\n        <paper-input\n          id=\"link-input\"\n          class=\"input\"\n          label=\"URL\"\n          value=\"{{newlink}}\"\n        ></paper-input>\n      </paper-dialog-scrollable>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Cancel</paper-button>\n        <paper-button dialog-confirm=\"\" on-click=\"_createLink\"\n          >Add Link</paper-button\n        >\n      </div>\n    </paper-dialog>\n  "]);_templateObject_a64eb44054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a64eb44054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-edit-links",properties:{links:{type:Array,value:null,notify:!0},newlink:{type:String,value:""}},_openDialog:function _openDialog(){this.$.dialog.open()},_createLink:function _createLink(){var links=this.links;if(null===links){this.set("links",[])}this.push("links",{url:this.newlink});this.newlink=""},_deleteLink:function _deleteLink(e){var normalizedEvent=dom(e),deleteIndex=normalizedEvent.localTarget.getAttribute("data-index");this.splice("links",deleteIndex,1)}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../../../@polymer/paper-input/paper-input.js","../../../../@polymer/paper-button/paper-button.js","./lrnapp-studio-submission-edit-add-asset.js"],function(_polymerLegacy){"use strict";function _templateObject_3c794310555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      .item {\n        display: flex;\n        margin: auto;\n      }\n\n      .info {\n        flex: 1 1 auto;\n      }\n\n      .create {\n        display: flex;\n        align-items: center;\n      }\n\n      .input {\n        flex: 1 1 auto;\n      }\n\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 1em;\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"{{links}}\" as=\"link\">\n      <div class=\"item\">\n        <div class=\"info\"><div class=\"linksfield__url\">{{link.url}}</div></div>\n        <div class=\"linksfield__actions\">\n          <paper-icon-button\n            icon=\"delete\"\n            class=\"linksfield__delete\"\n            data-index$=\"{{index}}\"\n            on-click=\"_deleteLink\"\n          ></paper-icon-button>\n        </div>\n      </div>\n    </template>\n    <lrnapp-studio-submission-edit-add-asset\n      icon=\"link\"\n      display=\"pill\"\n      on-click=\"_openDialog\"\n    ></lrnapp-studio-submission-edit-add-asset>\n\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <h2>Add Link</h2>\n      <paper-dialog-scrollable>\n        <paper-input\n          id=\"link-input\"\n          class=\"input\"\n          label=\"URL\"\n          value=\"{{newlink}}\"\n        ></paper-input>\n      </paper-dialog-scrollable>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Cancel</paper-button>\n        <paper-button dialog-confirm=\"\" on-click=\"_createLink\"\n          >Add Link</paper-button\n        >\n      </div>\n    </paper-dialog>\n  "],["\n    <style>\n      :host {\n        display: block;\n      }\n\n      .item {\n        display: flex;\n        margin: auto;\n      }\n\n      .info {\n        flex: 1 1 auto;\n      }\n\n      .create {\n        display: flex;\n        align-items: center;\n      }\n\n      .input {\n        flex: 1 1 auto;\n      }\n\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 1em;\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"{{links}}\" as=\"link\">\n      <div class=\"item\">\n        <div class=\"info\"><div class=\"linksfield__url\">{{link.url}}</div></div>\n        <div class=\"linksfield__actions\">\n          <paper-icon-button\n            icon=\"delete\"\n            class=\"linksfield__delete\"\n            data-index\\$=\"{{index}}\"\n            on-click=\"_deleteLink\"\n          ></paper-icon-button>\n        </div>\n      </div>\n    </template>\n    <lrnapp-studio-submission-edit-add-asset\n      icon=\"link\"\n      display=\"pill\"\n      on-click=\"_openDialog\"\n    ></lrnapp-studio-submission-edit-add-asset>\n\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <h2>Add Link</h2>\n      <paper-dialog-scrollable>\n        <paper-input\n          id=\"link-input\"\n          class=\"input\"\n          label=\"URL\"\n          value=\"{{newlink}}\"\n        ></paper-input>\n      </paper-dialog-scrollable>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Cancel</paper-button>\n        <paper-button dialog-confirm=\"\" on-click=\"_createLink\"\n          >Add Link</paper-button\n        >\n      </div>\n    </paper-dialog>\n  "]);_templateObject_3c794310555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c794310555211e98f439769bd191e33()),is:"lrnapp-studio-submission-edit-links",properties:{links:{type:Array,value:null,notify:!0},newlink:{type:String,value:""}},_openDialog:function _openDialog(){this.$.dialog.open()},_createLink:function _createLink(){var links=this.links;if(null===links){this.set("links",[])}this.push("links",{url:this.newlink});this.newlink=""},_deleteLink:function _deleteLink(e){var normalizedEvent=dom(e),deleteIndex=normalizedEvent.localTarget.getAttribute("data-index");this.splice("links",deleteIndex,1)}})});
\ No newline at end of file
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 44947e08639..d8141ba267f 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../lrn-markdown-editor/lrn-markdown-editor.js"],function(_polymerLegacy){"use strict";function _templateObject_a6551ce054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <lrn-markdown-editor content=\"{{content}}\"></lrn-markdown-editor>\n  "]);_templateObject_a6551ce054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a6551ce054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-edit-textarea",properties:{content:{type:String,notify:!0}}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../lrn-markdown-editor/lrn-markdown-editor.js"],function(_polymerLegacy){"use strict";function _templateObject_3c7dafe0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <lrn-markdown-editor content=\"{{content}}\"></lrn-markdown-editor>\n  "]);_templateObject_3c7dafe0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c7dafe0555211e98f439769bd191e33()),is:"lrnapp-studio-submission-edit-textarea",properties:{content:{type:String,notify:!0}}})});
\ No newline at end of file
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 daf49b10943..808ae68ad69 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../../../@polymer/paper-input/paper-input.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../secure-request/secure-request.js","./lrnapp-studio-submission-edit-add-asset.js","./lrnapp-studio-submission-media-editoverlay.js"],function(_polymerLegacy){"use strict";function _templateObject_a6645f2054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: flex;\n        position: relative;\n        align-items: stretch;\n      }\n\n      :host * {\n        background: lightgray;\n        display: flex;\n        align-items: center;\n        margin-right: 1em;\n      }\n\n      iframe {\n        display: block;\n      }\n\n      .videosfield__create {\n        display: block;\n        height: 250px;\n        width: 300px;\n      }\n\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 1em;\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"{{videos}}\" as=\"video\">\n      <lrnapp-studio-submission-media-editoverlay\n        on-delete=\"_videoDelete\"\n        data-index$=\"[[index]]\"\n      >\n        <iframe class=\"videosfield__iframe\" src=\"{{video.video_src}}\"></iframe>\n      </lrnapp-studio-submission-media-editoverlay>\n    </template>\n\n    <lrnapp-studio-submission-edit-add-asset\n      icon=\"av:video-library\"\n      on-click=\"_openDialog\"\n    ></lrnapp-studio-submission-edit-add-asset>\n\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <h2>Add Video</h2>\n      <paper-dialog-scrollable>\n        <paper-input label=\"Video URL\" value=\"{{newvideo}}\"></paper-input>\n      </paper-dialog-scrollable>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Cancel</paper-button>\n        <paper-button dialog-confirm=\"\" on-click=\"_addImage\"\n          >Add Video</paper-button\n        >\n      </div>\n    </paper-dialog>\n\n    <template is=\"dom-if\" if=\"[[videoGenerateSourceUrl]]\">\n      <!-- Generate Video Source Url for preview -->\n      <iron-ajax\n        id=\"videoGenerateSourceUrl\"\n        url=\"[[videoGenerateSourceUrl]]\"\n        method=\"POST\"\n        body=\"[[newvideo]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_addImage\"\n      ></iron-ajax>\n    </template>\n  "],["\n    <style>\n      :host {\n        display: flex;\n        position: relative;\n        align-items: stretch;\n      }\n\n      :host * {\n        background: lightgray;\n        display: flex;\n        align-items: center;\n        margin-right: 1em;\n      }\n\n      iframe {\n        display: block;\n      }\n\n      .videosfield__create {\n        display: block;\n        height: 250px;\n        width: 300px;\n      }\n\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 1em;\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"{{videos}}\" as=\"video\">\n      <lrnapp-studio-submission-media-editoverlay\n        on-delete=\"_videoDelete\"\n        data-index\\$=\"[[index]]\"\n      >\n        <iframe class=\"videosfield__iframe\" src=\"{{video.video_src}}\"></iframe>\n      </lrnapp-studio-submission-media-editoverlay>\n    </template>\n\n    <lrnapp-studio-submission-edit-add-asset\n      icon=\"av:video-library\"\n      on-click=\"_openDialog\"\n    ></lrnapp-studio-submission-edit-add-asset>\n\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <h2>Add Video</h2>\n      <paper-dialog-scrollable>\n        <paper-input label=\"Video URL\" value=\"{{newvideo}}\"></paper-input>\n      </paper-dialog-scrollable>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Cancel</paper-button>\n        <paper-button dialog-confirm=\"\" on-click=\"_addImage\"\n          >Add Video</paper-button\n        >\n      </div>\n    </paper-dialog>\n\n    <template is=\"dom-if\" if=\"[[videoGenerateSourceUrl]]\">\n      <!-- Generate Video Source Url for preview -->\n      <iron-ajax\n        id=\"videoGenerateSourceUrl\"\n        url=\"[[videoGenerateSourceUrl]]\"\n        method=\"POST\"\n        body=\"[[newvideo]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_addImage\"\n      ></iron-ajax>\n    </template>\n  "]);_templateObject_a6645f2054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a6645f2054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-edit-video",behaviors:[SecureRequest.xhr],properties:{videos:{type:Array,value:[],notify:!0},selectedPage:{type:String,value:"0"},newvideo:{type:String,value:""},videoGenerateSourceUrl:{type:String,value:null}},_openDialog:function _openDialog(){this.$.dialog.open()},_addImage:function _addImage(e){var video_url=this.newvideo,normalizedEvent=dom(e),tagname=normalizedEvent.localTarget.tagName;if("IRON-AJAX"===tagname){var video_src=e.detail.response.data;if("[object Array]"!=Object.prototype.toString.call(this.videos)){this.videos=[]}this.push("videos",{video_url:this.newvideo,video_src:video_src});this.newvideo=""}else{this.shadowRoot.querySelector("#videoGenerateSourceUrl").generateRequest()}},_videoDelete:function _videoDelete(e){var normalizedEvent=dom(e),deleteIndex=normalizedEvent.localTarget.getAttribute("data-index");this.splice("videos",deleteIndex,1)},ready:function ready(){var url=this.generateUrl("/api/video/generate-source-url");this.set("videoGenerateSourceUrl",url)}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../../../@polymer/paper-input/paper-input.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../secure-request/secure-request.js","./lrnapp-studio-submission-edit-add-asset.js","./lrnapp-studio-submission-media-editoverlay.js"],function(_polymerLegacy){"use strict";function _templateObject_3c848db0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: flex;\n        position: relative;\n        align-items: stretch;\n      }\n\n      :host * {\n        background: lightgray;\n        display: flex;\n        align-items: center;\n        margin-right: 1em;\n      }\n\n      iframe {\n        display: block;\n      }\n\n      .videosfield__create {\n        display: block;\n        height: 250px;\n        width: 300px;\n      }\n\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 1em;\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"{{videos}}\" as=\"video\">\n      <lrnapp-studio-submission-media-editoverlay\n        on-delete=\"_videoDelete\"\n        data-index$=\"[[index]]\"\n      >\n        <iframe class=\"videosfield__iframe\" src=\"{{video.video_src}}\"></iframe>\n      </lrnapp-studio-submission-media-editoverlay>\n    </template>\n\n    <lrnapp-studio-submission-edit-add-asset\n      icon=\"av:video-library\"\n      on-click=\"_openDialog\"\n    ></lrnapp-studio-submission-edit-add-asset>\n\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <h2>Add Video</h2>\n      <paper-dialog-scrollable>\n        <paper-input label=\"Video URL\" value=\"{{newvideo}}\"></paper-input>\n      </paper-dialog-scrollable>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Cancel</paper-button>\n        <paper-button dialog-confirm=\"\" on-click=\"_addImage\"\n          >Add Video</paper-button\n        >\n      </div>\n    </paper-dialog>\n\n    <template is=\"dom-if\" if=\"[[videoGenerateSourceUrl]]\">\n      <!-- Generate Video Source Url for preview -->\n      <iron-ajax\n        id=\"videoGenerateSourceUrl\"\n        url=\"[[videoGenerateSourceUrl]]\"\n        method=\"POST\"\n        body=\"[[newvideo]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_addImage\"\n      ></iron-ajax>\n    </template>\n  "],["\n    <style>\n      :host {\n        display: flex;\n        position: relative;\n        align-items: stretch;\n      }\n\n      :host * {\n        background: lightgray;\n        display: flex;\n        align-items: center;\n        margin-right: 1em;\n      }\n\n      iframe {\n        display: block;\n      }\n\n      .videosfield__create {\n        display: block;\n        height: 250px;\n        width: 300px;\n      }\n\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 1em;\n      }\n    </style>\n\n    <template is=\"dom-repeat\" items=\"{{videos}}\" as=\"video\">\n      <lrnapp-studio-submission-media-editoverlay\n        on-delete=\"_videoDelete\"\n        data-index\\$=\"[[index]]\"\n      >\n        <iframe class=\"videosfield__iframe\" src=\"{{video.video_src}}\"></iframe>\n      </lrnapp-studio-submission-media-editoverlay>\n    </template>\n\n    <lrnapp-studio-submission-edit-add-asset\n      icon=\"av:video-library\"\n      on-click=\"_openDialog\"\n    ></lrnapp-studio-submission-edit-add-asset>\n\n    <paper-dialog\n      id=\"dialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\n      <h2>Add Video</h2>\n      <paper-dialog-scrollable>\n        <paper-input label=\"Video URL\" value=\"{{newvideo}}\"></paper-input>\n      </paper-dialog-scrollable>\n      <div class=\"buttons\">\n        <paper-button dialog-dismiss=\"\">Cancel</paper-button>\n        <paper-button dialog-confirm=\"\" on-click=\"_addImage\"\n          >Add Video</paper-button\n        >\n      </div>\n    </paper-dialog>\n\n    <template is=\"dom-if\" if=\"[[videoGenerateSourceUrl]]\">\n      <!-- Generate Video Source Url for preview -->\n      <iron-ajax\n        id=\"videoGenerateSourceUrl\"\n        url=\"[[videoGenerateSourceUrl]]\"\n        method=\"POST\"\n        body=\"[[newvideo]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_addImage\"\n      ></iron-ajax>\n    </template>\n  "]);_templateObject_3c848db0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c848db0555211e98f439769bd191e33()),is:"lrnapp-studio-submission-edit-video",behaviors:[SecureRequest.xhr],properties:{videos:{type:Array,value:[],notify:!0},selectedPage:{type:String,value:"0"},newvideo:{type:String,value:""},videoGenerateSourceUrl:{type:String,value:null}},_openDialog:function _openDialog(){this.$.dialog.open()},_addImage:function _addImage(e){var video_url=this.newvideo,normalizedEvent=dom(e),tagname=normalizedEvent.localTarget.tagName;if("IRON-AJAX"===tagname){var video_src=e.detail.response.data;if("[object Array]"!=Object.prototype.toString.call(this.videos)){this.videos=[]}this.push("videos",{video_url:this.newvideo,video_src:video_src});this.newvideo=""}else{this.shadowRoot.querySelector("#videoGenerateSourceUrl").generateRequest()}},_videoDelete:function _videoDelete(e){var normalizedEvent=dom(e),deleteIndex=normalizedEvent.localTarget.getAttribute("data-index");this.splice("videos",deleteIndex,1)},ready:function ready(){var url=this.generateUrl("/api/video/generate-source-url");this.set("videoGenerateSourceUrl",url)}})});
\ No newline at end of file
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 d78fe012017..a16db8c99a6 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-input/paper-input.js","../../../lrnsys-button/lrnsys-button.js","./lrnapp-studio-submission-media-editoverlay.js","./lrnapp-studio-submission-edit-images.js","./lrnapp-studio-submission-edit-files.js","./lrnapp-studio-submission-edit-video.js","./lrnapp-studio-submission-edit-links.js","./lrnapp-studio-submission-edit-textarea.js"],function(_polymerLegacy){"use strict";function _templateObject_a66b15e054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        padding: 16px;\n      }\n      .field {\n        padding-bottom: 16px;\n      }\n      .actions {\n        display: flex;\n        border-top: 2px solid gainsboro;\n        margin-top: 16px;\n      }\n      .actions .spacer {\n        flex: 1 1 auto;\n      }\n      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    </style>\n    <template is=\"dom-if\" if=\"{{submission}}\">\n      <div class=\"field\">\n        <paper-input\n          label=\"Title\"\n          value=\"{{submission.attributes.title}}\"\n        ></paper-input>\n      </div>\n      <!-- Body -->\n      <div class=\"field\">\n        <label>Submission Text</label>\n        <lrnapp-studio-submission-edit-textarea\n          content=\"{{submission.attributes.body}}\"\n        ></lrnapp-studio-submission-edit-textarea>\n      </div>\n\n      <!-- Images -->\n      <div class=\"imagesfield field\">\n        <label for=\"image-upload\">Images</label>\n        <lrnapp-studio-submission-edit-images\n          images=\"{{submission.attributes.images}}\"\n          file-types=\"[[submission.meta.imagefieldTypes]]\"\n        ></lrnapp-studio-submission-edit-images>\n      </div>\n\n      <!-- Files -->\n      <div class=\"filesfield field\">\n        <label for=\"file-upload\">Files</label>\n        <lrnapp-studio-submission-edit-files\n          files=\"{{submission.attributes.files}}\"\n          file-types=\"[[submission.meta.filefieldTypes]]\"\n        >\n        </lrnapp-studio-submission-edit-files>\n      </div>\n\n      <!-- Links -->\n      <div id=\"linksfield\" class=\"linksfield field\">\n        <label for=\"links-input\">Links</label>\n        <lrnapp-studio-submission-edit-links\n          links=\"{{submission.attributes.links}}\"\n        ></lrnapp-studio-submission-edit-links>\n      </div>\n\n      <!-- Videos -->\n      <div id=\"videosfield\" class=\"videosfield field\">\n        <label for=\"videos-input\">Videos</label>\n        <lrnapp-studio-submission-edit-video\n          videos=\"{{submission.attributes.video}}\"\n          end-point=\"[[endPoint]]\"\n          csrf-token=\"[[csrfToken]]\"\n        ></lrnapp-studio-submission-edit-video>\n      </div>\n\n      <div class=\"actions\">\n        <lrnsys-button\n          id=\"publish\"\n          icon=\"check\"\n          label=\"Publish to Studio\"\n          on-click=\"_publishClicked\"\n          hover-class=\"amber lighten-5 green-text text-darken-4\"\n          icon-class=\"green-text\"\n        ></lrnsys-button>\n        <lrnsys-button\n          id=\"save-draft\"\n          icon=\"drafts\"\n          label=\"Save Draft\"\n          on-click=\"_saveDraftClicked\"\n          hover-class=\"amber lighten-5 amber-text text-darken-4\"\n          icon-class=\"amber-text text-darken-4\"\n        ></lrnsys-button>\n        <span class=\"spacer\"></span>\n        <lrnsys-button\n          id=\"delete\"\n          label=\"Delete\"\n          icon=\"delete\"\n          on-click=\"_deleteClicked\"\n          hover-class=\"amber lighten-5 red-text\"\n          icon-class=\"red-text text-darken-4\"\n        >\n        </lrnsys-button>\n      </div>\n    </template>\n  "]);_templateObject_a66b15e054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a66b15e054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-edit",properties:babelHelpers.defineProperty({submission:{type:Object,notify:!0},uploadFilesUrl:{type:String},newlink:{type:String},newvideo:{type:String},videoGenerateSourceUrl:{type:String}},"submission",{type:Object,notify:!0}),observers:["_bodyChanged(title)"],_publishClicked:function _publishClicked(){this.set("submission.attributes.state","submission_ready");this.notifyPath("submission.attributes.state");this.fire("submissionPublishClicked")},_saveDraftClicked:function _saveDraftClicked(){this.set("submission.attributes.state","submission_in_progress");this.notifyPath("submission.attributes.state");this.fire("submissionSaveDraftClicked")},_deleteClicked:function _deleteClicked(){this.fire("submissionDeleteClicked")},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-input/paper-input.js","../../../lrnsys-button/lrnsys-button.js","./lrnapp-studio-submission-media-editoverlay.js","./lrnapp-studio-submission-edit-images.js","./lrnapp-studio-submission-edit-files.js","./lrnapp-studio-submission-edit-video.js","./lrnapp-studio-submission-edit-links.js","./lrnapp-studio-submission-edit-textarea.js"],function(_polymerLegacy){"use strict";function _templateObject_3c8fd850555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        padding: 16px;\n      }\n      .field {\n        padding-bottom: 16px;\n      }\n      .actions {\n        display: flex;\n        border-top: 2px solid gainsboro;\n        margin-top: 16px;\n      }\n      .actions .spacer {\n        flex: 1 1 auto;\n      }\n      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    </style>\n    <template is=\"dom-if\" if=\"{{submission}}\">\n      <div class=\"field\">\n        <paper-input\n          label=\"Title\"\n          value=\"{{submission.attributes.title}}\"\n        ></paper-input>\n      </div>\n      <!-- Body -->\n      <div class=\"field\">\n        <label>Submission Text</label>\n        <lrnapp-studio-submission-edit-textarea\n          content=\"{{submission.attributes.body}}\"\n        ></lrnapp-studio-submission-edit-textarea>\n      </div>\n\n      <!-- Images -->\n      <div class=\"imagesfield field\">\n        <label for=\"image-upload\">Images</label>\n        <lrnapp-studio-submission-edit-images\n          images=\"{{submission.attributes.images}}\"\n          file-types=\"[[submission.meta.imagefieldTypes]]\"\n        ></lrnapp-studio-submission-edit-images>\n      </div>\n\n      <!-- Files -->\n      <div class=\"filesfield field\">\n        <label for=\"file-upload\">Files</label>\n        <lrnapp-studio-submission-edit-files\n          files=\"{{submission.attributes.files}}\"\n          file-types=\"[[submission.meta.filefieldTypes]]\"\n        >\n        </lrnapp-studio-submission-edit-files>\n      </div>\n\n      <!-- Links -->\n      <div id=\"linksfield\" class=\"linksfield field\">\n        <label for=\"links-input\">Links</label>\n        <lrnapp-studio-submission-edit-links\n          links=\"{{submission.attributes.links}}\"\n        ></lrnapp-studio-submission-edit-links>\n      </div>\n\n      <!-- Videos -->\n      <div id=\"videosfield\" class=\"videosfield field\">\n        <label for=\"videos-input\">Videos</label>\n        <lrnapp-studio-submission-edit-video\n          videos=\"{{submission.attributes.video}}\"\n          end-point=\"[[endPoint]]\"\n          csrf-token=\"[[csrfToken]]\"\n        ></lrnapp-studio-submission-edit-video>\n      </div>\n\n      <div class=\"actions\">\n        <lrnsys-button\n          id=\"publish\"\n          icon=\"check\"\n          label=\"Publish to Studio\"\n          on-click=\"_publishClicked\"\n          hover-class=\"amber lighten-5 green-text text-darken-4\"\n          icon-class=\"green-text\"\n        ></lrnsys-button>\n        <lrnsys-button\n          id=\"save-draft\"\n          icon=\"drafts\"\n          label=\"Save Draft\"\n          on-click=\"_saveDraftClicked\"\n          hover-class=\"amber lighten-5 amber-text text-darken-4\"\n          icon-class=\"amber-text text-darken-4\"\n        ></lrnsys-button>\n        <span class=\"spacer\"></span>\n        <lrnsys-button\n          id=\"delete\"\n          label=\"Delete\"\n          icon=\"delete\"\n          on-click=\"_deleteClicked\"\n          hover-class=\"amber lighten-5 red-text\"\n          icon-class=\"red-text text-darken-4\"\n        >\n        </lrnsys-button>\n      </div>\n    </template>\n  "]);_templateObject_3c8fd850555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c8fd850555211e98f439769bd191e33()),is:"lrnapp-studio-submission-edit",properties:babelHelpers.defineProperty({submission:{type:Object,notify:!0},uploadFilesUrl:{type:String},newlink:{type:String},newvideo:{type:String},videoGenerateSourceUrl:{type:String}},"submission",{type:Object,notify:!0}),observers:["_bodyChanged(title)"],_publishClicked:function _publishClicked(){this.set("submission.attributes.state","submission_ready");this.notifyPath("submission.attributes.state");this.fire("submissionPublishClicked")},_saveDraftClicked:function _saveDraftClicked(){this.set("submission.attributes.state","submission_in_progress");this.notifyPath("submission.attributes.state");this.fire("submissionSaveDraftClicked")},_deleteClicked:function _deleteClicked(){this.fire("submissionDeleteClicked")},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
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 732bcb0b763..389210964c6 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_a6676c6054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_a6676c6054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a6676c6054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-editbar-message"})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_3c946c30555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_3c946c30555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c946c30555211e98f439769bd191e33()),is:"lrnapp-studio-submission-editbar-message"})});
\ No newline at end of file
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 e8a6d76b007..08aa9e24561 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","./lrnapp-studio-submission-editbar-message.js"],function(_polymerLegacy){"use strict";function _templateObject_a670bb3054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\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_a670bb3054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a670bb3054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-editbar"})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","./lrnapp-studio-submission-editbar-message.js"],function(_polymerLegacy){"use strict";function _templateObject_3c992720555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\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_3c992720555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c992720555211e98f439769bd191e33()),is:"lrnapp-studio-submission-editbar"})});
\ No newline at end of file
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 b00fa804af8..0947a557740 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-ripple/paper-ripple.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js"],function(_polymerLegacy){"use strict";function _templateObject_a67acd5054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: flex;\n        align-items: stretch;\n        justify-content: stretch;\n      }\n\n      .wrapper {\n        position: relative;\n        z-index: 1;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n      }\n\n      .actions {\n        overflow: hidden;\n        position: absolute;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        top: 0;\n        left: 0;\n        z-index: 5;\n        color: white;\n        background: rgba(0, 0, 0, 0.7);\n        height: 100%;\n        width: 100%;\n        transition: all 0.2s ease-in-out;\n        transform: translateY(-100%);\n      }\n\n      .wrapper:hover .actions {\n        transform: translateY(0);\n      }\n\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 1em;\n      }\n    </style>\n\n    <div class=\"wrapper\">\n      <slot></slot>\n      <div class=\"actions\">\n        <template is=\"dom-if\" if=\"[[embedcode]]\">\n          <paper-icon-button\n            icon=\"code\"\n            class=\"embed\"\n            on-click=\"_embedClicked\"\n          ></paper-icon-button>\n        </template>\n        <paper-icon-button\n          icon=\"delete\"\n          class=\"delete\"\n          on-click=\"_deleteClicked\"\n        ></paper-icon-button>\n        <paper-ripple></paper-ripple>\n      </div>\n    </div>\n\n    <template is=\"dom-if\" if=\"[[embedcode]]\">\n      <paper-dialog\n        id=\"dialog\"\n        entry-animation=\"scale-up-animation\"\n        exit-animation=\"fade-out-animation\"\n        with-backdrop=\"\"\n      >\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>{{embedcode}}</pre>\n        </paper-dialog-scrollable>\n      </paper-dialog>\n    </template>\n  "]);_templateObject_a67acd5054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a67acd5054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-media-editoverlay",properties:{embedcode:{type:String}},_embedClicked:function _embedClicked(){this.shadowRoot.querySelector("#dialog").open()},_deleteClicked:function _deleteClicked(){this.fire("delete")}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-ripple/paper-ripple.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js"],function(_polymerLegacy){"use strict";function _templateObject_3c9fdde0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: flex;\n        align-items: stretch;\n        justify-content: stretch;\n      }\n\n      .wrapper {\n        position: relative;\n        z-index: 1;\n        overflow: hidden;\n        display: flex;\n        align-items: center;\n      }\n\n      .actions {\n        overflow: hidden;\n        position: absolute;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        top: 0;\n        left: 0;\n        z-index: 5;\n        color: white;\n        background: rgba(0, 0, 0, 0.7);\n        height: 100%;\n        width: 100%;\n        transition: all 0.2s ease-in-out;\n        transform: translateY(-100%);\n      }\n\n      .wrapper:hover .actions {\n        transform: translateY(0);\n      }\n\n      paper-dialog {\n        width: 50%;\n        width: 50vmax;\n        padding: 1em;\n      }\n    </style>\n\n    <div class=\"wrapper\">\n      <slot></slot>\n      <div class=\"actions\">\n        <template is=\"dom-if\" if=\"[[embedcode]]\">\n          <paper-icon-button\n            icon=\"code\"\n            class=\"embed\"\n            on-click=\"_embedClicked\"\n          ></paper-icon-button>\n        </template>\n        <paper-icon-button\n          icon=\"delete\"\n          class=\"delete\"\n          on-click=\"_deleteClicked\"\n        ></paper-icon-button>\n        <paper-ripple></paper-ripple>\n      </div>\n    </div>\n\n    <template is=\"dom-if\" if=\"[[embedcode]]\">\n      <paper-dialog\n        id=\"dialog\"\n        entry-animation=\"scale-up-animation\"\n        exit-animation=\"fade-out-animation\"\n        with-backdrop=\"\"\n      >\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>{{embedcode}}</pre>\n        </paper-dialog-scrollable>\n      </paper-dialog>\n    </template>\n  "]);_templateObject_3c9fdde0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3c9fdde0555211e98f439769bd191e33()),is:"lrnapp-studio-submission-media-editoverlay",properties:{embedcode:{type:String}},_embedClicked:function _embedClicked(){this.shadowRoot.querySelector("#dialog").open()},_deleteClicked:function _deleteClicked(){this.fire("delete")}})});
\ No newline at end of file
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 7b8caad23a6..3c81b60dda9 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-pages/iron-pages.js","./lrnapp-studio-submission-display.js","./lrnapp-studio-submission-edit.js","./lrnapp-studio-submission-critique.js"],function(_polymerLegacy){"use strict";function _templateObject_a67e4fc054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <iron-pages selected=\"[[selectedPage]]\">\n      <lrnapp-studio-submission-display\n        submission=\"{{submission}}\"\n      ></lrnapp-studio-submission-display>\n      <lrnapp-studio-submission-edit\n        submission=\"{{submission}}\"\n      ></lrnapp-studio-submission-edit>\n      <lrnapp-studio-submission-critique\n        submission=\"{{submission}}\"\n        edit=\"[[edit]]\"\n      ></lrnapp-studio-submission-critique>\n    </iron-pages>\n  "]);_templateObject_a67e4fc054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a67e4fc054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-object",properties:{submission:{type:Object,value:null,notify:!0},edit:{type:Boolean,value:!1},selectedPage:{type:Number,value:0}},observers:["_selectedPageChanged(edit, submission.meta.submissionType)"],_selectedPageChanged:function _selectedPageChanged(edit,type){var selected=0;if(edit){switch(type){case"default":selected=1;break;case"critique":selected=2;break;}}else{switch(type){case"default":selected=0;break;case"critique":selected=2;break;}}this.set("selectedPage",selected)}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/iron-pages/iron-pages.js","./lrnapp-studio-submission-display.js","./lrnapp-studio-submission-edit.js","./lrnapp-studio-submission-critique.js"],function(_polymerLegacy){"use strict";function _templateObject_3ca7f430555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <iron-pages selected=\"[[selectedPage]]\">\n      <lrnapp-studio-submission-display\n        submission=\"{{submission}}\"\n      ></lrnapp-studio-submission-display>\n      <lrnapp-studio-submission-edit\n        submission=\"{{submission}}\"\n      ></lrnapp-studio-submission-edit>\n      <lrnapp-studio-submission-critique\n        submission=\"{{submission}}\"\n        edit=\"[[edit]]\"\n      ></lrnapp-studio-submission-critique>\n    </iron-pages>\n  "]);_templateObject_3ca7f430555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3ca7f430555211e98f439769bd191e33()),is:"lrnapp-studio-submission-object",properties:{submission:{type:Object,value:null,notify:!0},edit:{type:Boolean,value:!1},selectedPage:{type:Number,value:0}},observers:["_selectedPageChanged(edit, submission.meta.submissionType)"],_selectedPageChanged:function _selectedPageChanged(edit,type){var selected=0;if(edit){switch(type){case"default":selected=1;break;case"critique":selected=2;break;}}else{switch(type){case"default":selected=0;break;case"critique":selected=2;break;}}this.set("selectedPage",selected)}})});
\ No newline at end of file
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 b3f54933fbb..7513c0f274a 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/polymer/lib/utils/async.js","../../../../@polymer/app-route/app-route.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../@polymer/marked-element/marked-element.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/paper-badge/paper-badge.js","../../../../@polymer/paper-toast/paper-toast.js","../../../../@vaadin/vaadin-split-layout/vaadin-split-layout.js","../../../lrnsys-layout/lib/lrnsys-dialog.js","../../../lrnsys-button/lrnsys-button.js","../../../lrnsys-comment/lib/lrnsys-comment-list.js","../../../elmsln-loading/elmsln-loading.js","./lrnapp-studio-submission-object.js","./lrnapp-studio-submission-comments.js","./lrnapp-studio-submission-comment.js"],function(_polymerLegacy,_polymerDom,async){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_a691b0b054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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        --vaadin-split-layout-splitter: {\n          min-width: 0.4em;\n          background: var(--paper-amber-200);\n        }\n      }\n\n      .submission-page {\n        width: 70vw;\n      }\n\n      .submission-page-card {\n        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    </style>\n\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"/edit\"\n      tail=\"{{tail}}\"\n      active=\"{{editPage}}\"\n    >\n    </app-route>\n\n    <iron-ajax\n      id=\"ajaxRequest\"\n      auto=\"\"\n      url=\"[[reqUrl]]\"\n      method=\"GET\"\n      params=\"[[reqParams]]\"\n      content-type=\"application/json\"\n      handle-as=\"json\"\n      on-response=\"_handleResponse\"\n    ></iron-ajax>\n    <!-- Update Submission Node -->\n    <iron-ajax\n      id=\"ajaxUpdateRequest\"\n      url=\"[[reqUrl]]\"\n      method=\"PUT\"\n      body=\"[[submission]]\"\n      params=\"[[reqParams]]\"\n      content-type=\"application/json\"\n      handle-as=\"json\"\n      on-response=\"_handleUpdateResponse\"\n    ></iron-ajax>\n    <!-- Delete Submission Node -->\n    <iron-ajax\n      id=\"ajaxDeleteRequest\"\n      url=\"[[reqUrl]]\"\n      method=\"DELETE\"\n      params=\"[[reqParams]]\"\n      content-type=\"application/json\"\n      handle-as=\"json\"\n      on-response=\"_handleDeleteResponse\"\n    ></iron-ajax>\n\n    <app-toolbar class=\"amber lighten-3\" hidden$=\"[[hideMenuBar]]\">\n      <template is=\"dom-if\" if=\"[[showComments]]\">\n        <lrnsys-button\n          on-tap=\"_backToStudio\"\n          icon=\"arrow-back\"\n          label=\"See in studio\"\n          hover-class=\"amber darken-4 white-text\"\n        ></lrnsys-button>\n      </template>\n      <template is=\"dom-if\" if=\"[[!showComments]]\">\n        <lrnsys-button\n          on-tap=\"_backToKanban\"\n          icon=\"arrow-back\"\n          label=\"Back to project management\"\n          hover-class=\"amber darken-4 white-text\"\n        ></lrnsys-button>\n      </template>\n      <div spacer=\"\" main-title=\"\">[[submission.attributes.title]]</div>\n      <div spacer=\"\">\n        <lrnsys-dialog\n          body-append=\"\"\n          header=\"[[submission.relationships.assignment.attributes.title]]\"\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=\"[[submission.relationships.assignment.attributes.body]]\"\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          [[submission.meta.comment_count]] Comments\n        </paper-button>\n        <paper-badge\n          hidden$=\"[[displayNewBadge(submission.meta.comment_new)]]\"\n          for=\"comment-count\"\n          label$=\"[[submission.meta.comment_new]]\"\n        ></paper-badge>\n      </div>\n      <div hidden$=\"[[editPage]]\">\n        <lrnsys-button\n          on-tap=\"_setEditRoute\"\n          icon=\"create\"\n          label=\"Edit\"\n          hover-class=\"amber darken-4 white-text\"\n          hidden$=\"[[!submission.meta.canUpdate]]\"\n        ></lrnsys-button>\n      </div>\n      <div hidden$=\"[[!editPage]]\">\n        <lrnsys-button\n          on-tap=\"_resetRoute\"\n          icon=\"cancel\"\n          label=\"Cancel\"\n          hover-class=\"amber darken-4 white-text\"\n          hidden$=\"[[!submission.meta.canUpdate]]\"\n        ></lrnsys-button>\n      </div>\n    </app-toolbar>\n\n    <vaadin-split-layout class=\"submission-page-wrapper\">\n      <div\n        id=\"commentcolumn\"\n        class=\"submission-comments\"\n        style=\"min-width: 25%; max-width: 40%; width:30%;\"\n      >\n        <template is=\"dom-if\" if=\"[[showComments]]\">\n          <lrnsys-comment-list\n            comment-ops-base=\"{{commentOpsBase}}\"\n            csrf-token=\"[[csrfToken]]\"\n            source-path=\"{{commentsUrl}}\"\n            create-stub-url=\"{{createStubUrl}}\"\n          ></lrnsys-comment-list>\n        </template>\n      </div>\n      <div id=\"submissioncolumn\" style=\"width:70%;\">\n        <lrnapp-studio-submission-object\n          submission=\"{{submission}}\"\n          edit=\"[[editPage]]\"\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\n      id=\"deletedialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\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 dialog-confirm=\"\" on-click=\"_submissionDeleteConfirmed\"\n          >Delete</paper-button\n        >\n      </div>\n    </paper-dialog>\n    <paper-dialog\n      id=\"publishdialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\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 dialog-confirm=\"\" on-click=\"_submissionPublishConfirmed\"\n          >Yes Publish</paper-button\n        >\n      </div>\n    </paper-dialog>\n\n    <paper-toast id=\"toast\"></paper-toast>\n  "],["\n    <style>\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        --vaadin-split-layout-splitter: {\n          min-width: 0.4em;\n          background: var(--paper-amber-200);\n        }\n      }\n\n      .submission-page {\n        width: 70vw;\n      }\n\n      .submission-page-card {\n        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    </style>\n\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"/edit\"\n      tail=\"{{tail}}\"\n      active=\"{{editPage}}\"\n    >\n    </app-route>\n\n    <iron-ajax\n      id=\"ajaxRequest\"\n      auto=\"\"\n      url=\"[[reqUrl]]\"\n      method=\"GET\"\n      params=\"[[reqParams]]\"\n      content-type=\"application/json\"\n      handle-as=\"json\"\n      on-response=\"_handleResponse\"\n    ></iron-ajax>\n    <!-- Update Submission Node -->\n    <iron-ajax\n      id=\"ajaxUpdateRequest\"\n      url=\"[[reqUrl]]\"\n      method=\"PUT\"\n      body=\"[[submission]]\"\n      params=\"[[reqParams]]\"\n      content-type=\"application/json\"\n      handle-as=\"json\"\n      on-response=\"_handleUpdateResponse\"\n    ></iron-ajax>\n    <!-- Delete Submission Node -->\n    <iron-ajax\n      id=\"ajaxDeleteRequest\"\n      url=\"[[reqUrl]]\"\n      method=\"DELETE\"\n      params=\"[[reqParams]]\"\n      content-type=\"application/json\"\n      handle-as=\"json\"\n      on-response=\"_handleDeleteResponse\"\n    ></iron-ajax>\n\n    <app-toolbar class=\"amber lighten-3\" hidden\\$=\"[[hideMenuBar]]\">\n      <template is=\"dom-if\" if=\"[[showComments]]\">\n        <lrnsys-button\n          on-tap=\"_backToStudio\"\n          icon=\"arrow-back\"\n          label=\"See in studio\"\n          hover-class=\"amber darken-4 white-text\"\n        ></lrnsys-button>\n      </template>\n      <template is=\"dom-if\" if=\"[[!showComments]]\">\n        <lrnsys-button\n          on-tap=\"_backToKanban\"\n          icon=\"arrow-back\"\n          label=\"Back to project management\"\n          hover-class=\"amber darken-4 white-text\"\n        ></lrnsys-button>\n      </template>\n      <div spacer=\"\" main-title=\"\">[[submission.attributes.title]]</div>\n      <div spacer=\"\">\n        <lrnsys-dialog\n          body-append=\"\"\n          header=\"[[submission.relationships.assignment.attributes.title]]\"\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=\"[[submission.relationships.assignment.attributes.body]]\"\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          [[submission.meta.comment_count]] Comments\n        </paper-button>\n        <paper-badge\n          hidden\\$=\"[[displayNewBadge(submission.meta.comment_new)]]\"\n          for=\"comment-count\"\n          label\\$=\"[[submission.meta.comment_new]]\"\n        ></paper-badge>\n      </div>\n      <div hidden\\$=\"[[editPage]]\">\n        <lrnsys-button\n          on-tap=\"_setEditRoute\"\n          icon=\"create\"\n          label=\"Edit\"\n          hover-class=\"amber darken-4 white-text\"\n          hidden\\$=\"[[!submission.meta.canUpdate]]\"\n        ></lrnsys-button>\n      </div>\n      <div hidden\\$=\"[[!editPage]]\">\n        <lrnsys-button\n          on-tap=\"_resetRoute\"\n          icon=\"cancel\"\n          label=\"Cancel\"\n          hover-class=\"amber darken-4 white-text\"\n          hidden\\$=\"[[!submission.meta.canUpdate]]\"\n        ></lrnsys-button>\n      </div>\n    </app-toolbar>\n\n    <vaadin-split-layout class=\"submission-page-wrapper\">\n      <div\n        id=\"commentcolumn\"\n        class=\"submission-comments\"\n        style=\"min-width: 25%; max-width: 40%; width:30%;\"\n      >\n        <template is=\"dom-if\" if=\"[[showComments]]\">\n          <lrnsys-comment-list\n            comment-ops-base=\"{{commentOpsBase}}\"\n            csrf-token=\"[[csrfToken]]\"\n            source-path=\"{{commentsUrl}}\"\n            create-stub-url=\"{{createStubUrl}}\"\n          ></lrnsys-comment-list>\n        </template>\n      </div>\n      <div id=\"submissioncolumn\" style=\"width:70%;\">\n        <lrnapp-studio-submission-object\n          submission=\"{{submission}}\"\n          edit=\"[[editPage]]\"\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\n      id=\"deletedialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\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 dialog-confirm=\"\" on-click=\"_submissionDeleteConfirmed\"\n          >Delete</paper-button\n        >\n      </div>\n    </paper-dialog>\n    <paper-dialog\n      id=\"publishdialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\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 dialog-confirm=\"\" on-click=\"_submissionPublishConfirmed\"\n          >Yes Publish</paper-button\n        >\n      </div>\n    </paper-dialog>\n\n    <paper-toast id=\"toast\"></paper-toast>\n  "]);_templateObject_a691b0b054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a691b0b054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission-page",properties:{id:{type:String},hideMenuBar:{type:Boolean,value:!1},endPoint:{type:String},basePath:{type:String},csrfToken:{type:String},reqUrl:{type:String},reqParams:{type:Object},submission:{type:Object},commentsUrl:{type:String,computed:"_computeCommentsUrl(id, endPoint, csrfToken)"},createStubUrl:{type:String,computed:"_computeCommentsStubUrl(id, endPoint, csrfToken)"},commentOpsBase:{type:String,computed:"_computeCommentsOpsUrl(id, endPoint, csrfToken)"},editPage:{type:Boolean,reflectToAttribute:!0},saving:{type:Boolean,value:!1,notify:!0,reflectToAttribute:!0},showComments:{type:Boolean,computed:"_computeShowComments(submission)"}},observers:["_urlVarsChanged(id, endPoint)","_paramsChanged(csrfToken)","_bodyChanged(title)"],listeners:{submissionDeleteClicked:"_submissionDeleteClicked",submissionPublishClicked:"_submissionPublishClicked",submissionSaveDraftClicked:"_submissionSaveDraftClicked"},_backToStudio:function _backToStudio(){window.location.href=this.basePath+"lrnapp-open-studio"},_backToKanban:function _backToKanban(){window.location.href=this.basePath+"lrnapp-studio-kanban"},_setEditRoute:function _setEditRoute(){this.set("route.path","edit");this.notifyPath("route.path")},_resetRoute:function _resetRoute(){this.set("route.path","");this.notifyPath("route.path")},displayNewBadge:function displayNewBadge(count){if(0==count){return!0}return!1},_computeCommentsUrl:function _computeCommentsUrl(id,endPoint,csrfToken){return endPoint+"/api/submissions/"+id+"/comments?token="+csrfToken},_computeCommentsOpsUrl:function _computeCommentsOpsUrl(id,endPoint){return endPoint+"/api/submissions/"+id+"/comments"},_computeCommentsStubUrl:function _computeCommentsStubUrl(id,endPoint,csrfToken){return endPoint+"/api/submissions/"+id+"/comments/create-stub?token="+csrfToken},_urlVarsChanged:function _urlVarsChanged(id,endPoint){this.reqUrl=endPoint+"/api/submissions/"+id},_paramsChanged:function _paramsChanged(csrfToken){var params=this.reqParams||{};params.token=csrfToken;this.reqParams=params},_handleResponse:function _handleResponse(data){if(data.detail.response.data){this.set("submission",[]);this.set("submission",data.detail.response.data);async.microTask.run(function(){window.dispatchEvent(new Event("resize"))})}},_isReply:function _isReply(){this.thread=submission.relationships.comments.data.attributes.thread},_submissionSaveDraftClicked:function _submissionSaveDraftClicked(){this.saving=!0;this.shadowRoot.querySelector("#ajaxUpdateRequest").generateRequest()},_submissionPublishClicked:function _submissionPublishClicked(){this.shadowRoot.querySelector("#publishdialog").open()},_submissionPublishConfirmed:function _submissionPublishConfirmed(){this.saving=!0;this.shadowRoot.querySelector("#ajaxUpdateRequest").generateRequest()},_submissionDeleteClicked:function _submissionDeleteClicked(){this.shadowRoot.querySelector("#deletedialog").open()},_submissionDeleteConfirmed:function _submissionDeleteConfirmed(){this.saving=!0;this.$.ajaxDeleteRequest.generateRequest()},_handleUpdateResponse:function _handleUpdateResponse(res){var root=this,status=res.detail.response.status,submission=res.detail.response.data;root.saving=!1;if(200===status){root.set("submission",{});root.set("submission",submission);root.set("route.path","");if("submission_ready"===submission.attributes.state){this.$.toast.show("Published!")}window.location.href=this.endPoint+"/submissions/"+submission.id}},_handleDeleteResponse:function _handleDeleteResponse(res){var root=this,status=res.detail.response.status;root.saving=!1;if(200===status){window.location.href=this.basePath+"lrnapp-studio-kanban?deletetoast"}},_computeShowComments:function _computeShowComments(submission){try{var type=submission.meta.submissionType;if("critique"!==type&&"submission_ready"==submission.attributes.state){return!0}}catch(error){}return!1},_toArray:function _toArray(obj){if("object"===babelHelpers.typeof(obj)&&null!==obj){return Object.keys(obj).map(function(key){return obj[key]})}return[]}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/polymer/lib/utils/async.js","../../../../@polymer/app-route/app-route.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../@polymer/marked-element/marked-element.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/paper-badge/paper-badge.js","../../../../@polymer/paper-toast/paper-toast.js","../../../../@vaadin/vaadin-split-layout/vaadin-split-layout.js","../../../lrnsys-layout/lib/lrnsys-dialog.js","../../../lrnsys-button/lrnsys-button.js","../../../lrnsys-comment/lib/lrnsys-comment-list.js","../../../elmsln-loading/elmsln-loading.js","./lrnapp-studio-submission-object.js","./lrnapp-studio-submission-comments.js","./lrnapp-studio-submission-comment.js"],function(_polymerLegacy,_polymerDom,async){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_3cbd9f10555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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        --vaadin-split-layout-splitter: {\n          min-width: 0.4em;\n          background: var(--paper-amber-200);\n        }\n      }\n\n      .submission-page {\n        width: 70vw;\n      }\n\n      .submission-page-card {\n        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    </style>\n\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"/edit\"\n      tail=\"{{tail}}\"\n      active=\"{{editPage}}\"\n    >\n    </app-route>\n\n    <iron-ajax\n      id=\"ajaxRequest\"\n      auto=\"\"\n      url=\"[[reqUrl]]\"\n      method=\"GET\"\n      params=\"[[reqParams]]\"\n      content-type=\"application/json\"\n      handle-as=\"json\"\n      on-response=\"_handleResponse\"\n    ></iron-ajax>\n    <!-- Update Submission Node -->\n    <iron-ajax\n      id=\"ajaxUpdateRequest\"\n      url=\"[[reqUrl]]\"\n      method=\"PUT\"\n      body=\"[[submission]]\"\n      params=\"[[reqParams]]\"\n      content-type=\"application/json\"\n      handle-as=\"json\"\n      on-response=\"_handleUpdateResponse\"\n    ></iron-ajax>\n    <!-- Delete Submission Node -->\n    <iron-ajax\n      id=\"ajaxDeleteRequest\"\n      url=\"[[reqUrl]]\"\n      method=\"DELETE\"\n      params=\"[[reqParams]]\"\n      content-type=\"application/json\"\n      handle-as=\"json\"\n      on-response=\"_handleDeleteResponse\"\n    ></iron-ajax>\n\n    <app-toolbar class=\"amber lighten-3\" hidden$=\"[[hideMenuBar]]\">\n      <template is=\"dom-if\" if=\"[[showComments]]\">\n        <lrnsys-button\n          on-tap=\"_backToStudio\"\n          icon=\"arrow-back\"\n          label=\"See in studio\"\n          hover-class=\"amber darken-4 white-text\"\n        ></lrnsys-button>\n      </template>\n      <template is=\"dom-if\" if=\"[[!showComments]]\">\n        <lrnsys-button\n          on-tap=\"_backToKanban\"\n          icon=\"arrow-back\"\n          label=\"Back to project management\"\n          hover-class=\"amber darken-4 white-text\"\n        ></lrnsys-button>\n      </template>\n      <div spacer=\"\" main-title=\"\">[[submission.attributes.title]]</div>\n      <div spacer=\"\">\n        <lrnsys-dialog\n          body-append=\"\"\n          header=\"[[submission.relationships.assignment.attributes.title]]\"\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=\"[[submission.relationships.assignment.attributes.body]]\"\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          [[submission.meta.comment_count]] Comments\n        </paper-button>\n        <paper-badge\n          hidden$=\"[[displayNewBadge(submission.meta.comment_new)]]\"\n          for=\"comment-count\"\n          label$=\"[[submission.meta.comment_new]]\"\n        ></paper-badge>\n      </div>\n      <div hidden$=\"[[editPage]]\">\n        <lrnsys-button\n          on-tap=\"_setEditRoute\"\n          icon=\"create\"\n          label=\"Edit\"\n          hover-class=\"amber darken-4 white-text\"\n          hidden$=\"[[!submission.meta.canUpdate]]\"\n        ></lrnsys-button>\n      </div>\n      <div hidden$=\"[[!editPage]]\">\n        <lrnsys-button\n          on-tap=\"_resetRoute\"\n          icon=\"cancel\"\n          label=\"Cancel\"\n          hover-class=\"amber darken-4 white-text\"\n          hidden$=\"[[!submission.meta.canUpdate]]\"\n        ></lrnsys-button>\n      </div>\n    </app-toolbar>\n\n    <vaadin-split-layout class=\"submission-page-wrapper\">\n      <div\n        id=\"commentcolumn\"\n        class=\"submission-comments\"\n        style=\"min-width: 25%; max-width: 40%; width:30%;\"\n      >\n        <template is=\"dom-if\" if=\"[[showComments]]\">\n          <lrnsys-comment-list\n            comment-ops-base=\"{{commentOpsBase}}\"\n            csrf-token=\"[[csrfToken]]\"\n            source-path=\"{{commentsUrl}}\"\n            create-stub-url=\"{{createStubUrl}}\"\n          ></lrnsys-comment-list>\n        </template>\n      </div>\n      <div id=\"submissioncolumn\" style=\"width:70%;\">\n        <lrnapp-studio-submission-object\n          submission=\"{{submission}}\"\n          edit=\"[[editPage]]\"\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\n      id=\"deletedialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\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 dialog-confirm=\"\" on-click=\"_submissionDeleteConfirmed\"\n          >Delete</paper-button\n        >\n      </div>\n    </paper-dialog>\n    <paper-dialog\n      id=\"publishdialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\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 dialog-confirm=\"\" on-click=\"_submissionPublishConfirmed\"\n          >Yes Publish</paper-button\n        >\n      </div>\n    </paper-dialog>\n\n    <paper-toast id=\"toast\"></paper-toast>\n  "],["\n    <style>\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        --vaadin-split-layout-splitter: {\n          min-width: 0.4em;\n          background: var(--paper-amber-200);\n        }\n      }\n\n      .submission-page {\n        width: 70vw;\n      }\n\n      .submission-page-card {\n        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    </style>\n\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"/edit\"\n      tail=\"{{tail}}\"\n      active=\"{{editPage}}\"\n    >\n    </app-route>\n\n    <iron-ajax\n      id=\"ajaxRequest\"\n      auto=\"\"\n      url=\"[[reqUrl]]\"\n      method=\"GET\"\n      params=\"[[reqParams]]\"\n      content-type=\"application/json\"\n      handle-as=\"json\"\n      on-response=\"_handleResponse\"\n    ></iron-ajax>\n    <!-- Update Submission Node -->\n    <iron-ajax\n      id=\"ajaxUpdateRequest\"\n      url=\"[[reqUrl]]\"\n      method=\"PUT\"\n      body=\"[[submission]]\"\n      params=\"[[reqParams]]\"\n      content-type=\"application/json\"\n      handle-as=\"json\"\n      on-response=\"_handleUpdateResponse\"\n    ></iron-ajax>\n    <!-- Delete Submission Node -->\n    <iron-ajax\n      id=\"ajaxDeleteRequest\"\n      url=\"[[reqUrl]]\"\n      method=\"DELETE\"\n      params=\"[[reqParams]]\"\n      content-type=\"application/json\"\n      handle-as=\"json\"\n      on-response=\"_handleDeleteResponse\"\n    ></iron-ajax>\n\n    <app-toolbar class=\"amber lighten-3\" hidden\\$=\"[[hideMenuBar]]\">\n      <template is=\"dom-if\" if=\"[[showComments]]\">\n        <lrnsys-button\n          on-tap=\"_backToStudio\"\n          icon=\"arrow-back\"\n          label=\"See in studio\"\n          hover-class=\"amber darken-4 white-text\"\n        ></lrnsys-button>\n      </template>\n      <template is=\"dom-if\" if=\"[[!showComments]]\">\n        <lrnsys-button\n          on-tap=\"_backToKanban\"\n          icon=\"arrow-back\"\n          label=\"Back to project management\"\n          hover-class=\"amber darken-4 white-text\"\n        ></lrnsys-button>\n      </template>\n      <div spacer=\"\" main-title=\"\">[[submission.attributes.title]]</div>\n      <div spacer=\"\">\n        <lrnsys-dialog\n          body-append=\"\"\n          header=\"[[submission.relationships.assignment.attributes.title]]\"\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=\"[[submission.relationships.assignment.attributes.body]]\"\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          [[submission.meta.comment_count]] Comments\n        </paper-button>\n        <paper-badge\n          hidden\\$=\"[[displayNewBadge(submission.meta.comment_new)]]\"\n          for=\"comment-count\"\n          label\\$=\"[[submission.meta.comment_new]]\"\n        ></paper-badge>\n      </div>\n      <div hidden\\$=\"[[editPage]]\">\n        <lrnsys-button\n          on-tap=\"_setEditRoute\"\n          icon=\"create\"\n          label=\"Edit\"\n          hover-class=\"amber darken-4 white-text\"\n          hidden\\$=\"[[!submission.meta.canUpdate]]\"\n        ></lrnsys-button>\n      </div>\n      <div hidden\\$=\"[[!editPage]]\">\n        <lrnsys-button\n          on-tap=\"_resetRoute\"\n          icon=\"cancel\"\n          label=\"Cancel\"\n          hover-class=\"amber darken-4 white-text\"\n          hidden\\$=\"[[!submission.meta.canUpdate]]\"\n        ></lrnsys-button>\n      </div>\n    </app-toolbar>\n\n    <vaadin-split-layout class=\"submission-page-wrapper\">\n      <div\n        id=\"commentcolumn\"\n        class=\"submission-comments\"\n        style=\"min-width: 25%; max-width: 40%; width:30%;\"\n      >\n        <template is=\"dom-if\" if=\"[[showComments]]\">\n          <lrnsys-comment-list\n            comment-ops-base=\"{{commentOpsBase}}\"\n            csrf-token=\"[[csrfToken]]\"\n            source-path=\"{{commentsUrl}}\"\n            create-stub-url=\"{{createStubUrl}}\"\n          ></lrnsys-comment-list>\n        </template>\n      </div>\n      <div id=\"submissioncolumn\" style=\"width:70%;\">\n        <lrnapp-studio-submission-object\n          submission=\"{{submission}}\"\n          edit=\"[[editPage]]\"\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\n      id=\"deletedialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\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 dialog-confirm=\"\" on-click=\"_submissionDeleteConfirmed\"\n          >Delete</paper-button\n        >\n      </div>\n    </paper-dialog>\n    <paper-dialog\n      id=\"publishdialog\"\n      entry-animation=\"scale-up-animation\"\n      exit-animation=\"fade-out-animation\"\n      with-backdrop=\"\"\n    >\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 dialog-confirm=\"\" on-click=\"_submissionPublishConfirmed\"\n          >Yes Publish</paper-button\n        >\n      </div>\n    </paper-dialog>\n\n    <paper-toast id=\"toast\"></paper-toast>\n  "]);_templateObject_3cbd9f10555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3cbd9f10555211e98f439769bd191e33()),is:"lrnapp-studio-submission-page",properties:{id:{type:String},hideMenuBar:{type:Boolean,value:!1},endPoint:{type:String},basePath:{type:String},csrfToken:{type:String},reqUrl:{type:String},reqParams:{type:Object},submission:{type:Object},commentsUrl:{type:String,computed:"_computeCommentsUrl(id, endPoint, csrfToken)"},createStubUrl:{type:String,computed:"_computeCommentsStubUrl(id, endPoint, csrfToken)"},commentOpsBase:{type:String,computed:"_computeCommentsOpsUrl(id, endPoint, csrfToken)"},editPage:{type:Boolean,reflectToAttribute:!0},saving:{type:Boolean,value:!1,notify:!0,reflectToAttribute:!0},showComments:{type:Boolean,computed:"_computeShowComments(submission)"}},observers:["_urlVarsChanged(id, endPoint)","_paramsChanged(csrfToken)","_bodyChanged(title)"],listeners:{submissionDeleteClicked:"_submissionDeleteClicked",submissionPublishClicked:"_submissionPublishClicked",submissionSaveDraftClicked:"_submissionSaveDraftClicked"},_backToStudio:function _backToStudio(){window.location.href=this.basePath+"lrnapp-open-studio"},_backToKanban:function _backToKanban(){window.location.href=this.basePath+"lrnapp-studio-kanban"},_setEditRoute:function _setEditRoute(){this.set("route.path","edit");this.notifyPath("route.path")},_resetRoute:function _resetRoute(){this.set("route.path","");this.notifyPath("route.path")},displayNewBadge:function displayNewBadge(count){if(0==count){return!0}return!1},_computeCommentsUrl:function _computeCommentsUrl(id,endPoint,csrfToken){return endPoint+"/api/submissions/"+id+"/comments?token="+csrfToken},_computeCommentsOpsUrl:function _computeCommentsOpsUrl(id,endPoint){return endPoint+"/api/submissions/"+id+"/comments"},_computeCommentsStubUrl:function _computeCommentsStubUrl(id,endPoint,csrfToken){return endPoint+"/api/submissions/"+id+"/comments/create-stub?token="+csrfToken},_urlVarsChanged:function _urlVarsChanged(id,endPoint){this.reqUrl=endPoint+"/api/submissions/"+id},_paramsChanged:function _paramsChanged(csrfToken){var params=this.reqParams||{};params.token=csrfToken;this.reqParams=params},_handleResponse:function _handleResponse(data){if(data.detail.response.data){this.set("submission",[]);this.set("submission",data.detail.response.data);async.microTask.run(function(){window.dispatchEvent(new Event("resize"))})}},_isReply:function _isReply(){this.thread=submission.relationships.comments.data.attributes.thread},_submissionSaveDraftClicked:function _submissionSaveDraftClicked(){this.saving=!0;this.shadowRoot.querySelector("#ajaxUpdateRequest").generateRequest()},_submissionPublishClicked:function _submissionPublishClicked(){this.shadowRoot.querySelector("#publishdialog").open()},_submissionPublishConfirmed:function _submissionPublishConfirmed(){this.saving=!0;this.shadowRoot.querySelector("#ajaxUpdateRequest").generateRequest()},_submissionDeleteClicked:function _submissionDeleteClicked(){this.shadowRoot.querySelector("#deletedialog").open()},_submissionDeleteConfirmed:function _submissionDeleteConfirmed(){this.saving=!0;this.$.ajaxDeleteRequest.generateRequest()},_handleUpdateResponse:function _handleUpdateResponse(res){var root=this,status=res.detail.response.status,submission=res.detail.response.data;root.saving=!1;if(200===status){root.set("submission",{});root.set("submission",submission);root.set("route.path","");if("submission_ready"===submission.attributes.state){this.$.toast.show("Published!")}window.location.href=this.endPoint+"/submissions/"+submission.id}},_handleDeleteResponse:function _handleDeleteResponse(res){var root=this,status=res.detail.response.status;root.saving=!1;if(200===status){window.location.href=this.basePath+"lrnapp-studio-kanban?deletetoast"}},_computeShowComments:function _computeShowComments(submission){try{var type=submission.meta.submissionType;if("critique"!==type&&"submission_ready"==submission.attributes.state){return!0}}catch(error){}return!1},_toArray:function _toArray(obj){if("object"===babelHelpers.typeof(obj)&&null!==obj){return Object.keys(obj).map(function(key){return obj[key]})}return[]}})});
\ No newline at end of file
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 7cab75cd52d..8be673af24e 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/app-route/app-route.js","../../../../@polymer/paper-toast/paper-toast.js","./lrnapp-studio-submission-page.js","./lrnapp-studio-submission-button.js"],function(_polymerLegacy){"use strict";function _templateObject_a6a5ade054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n      }\n      paper-button {\n        padding: 0;\n        margin: 0;\n        min-width: 1rem;\n      }\n    </style>\n    <app-location route=\"{{route}}\"></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/submissions/:submission\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n    >\n    </app-route>\n\n    <template is=\"dom-if\" if=\"[[data.submission]]\">\n      <lrnapp-studio-submission-page\n        base-path=\"{{basePath}}\"\n        route=\"{{tail}}\"\n        id=\"[[data.submission]]\"\n        end-point=\"[[endPoint]]\"\n        csrf-token=\"[[csrfToken]]\"\n        data=\"{{data}}\"\n      ></lrnapp-studio-submission-page>\n    </template>\n    <template is=\"dom-if\" if=\"[[!data.submission]]\">\n      This is the lrnapp-studio-submission page.\n    </template>\n\n    <paper-toast id=\"toast\"></paper-toast>\n  "]);_templateObject_a6a5ade054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a6a5ade054f411e9aeb367f92c5b63ab()),is:"lrnapp-studio-submission",behaviors:[SecureRequest.xhr],properties:{activePage:{type:String},basePath:{type:String},endPoint:{type:String},csrfToken:{type:String}},observers:["_routeChanged(route, endPoint)","_updateCookies(endPoint, csrfToken)"],listeners:{submissionDeleted:"_handleSubmissionDeletion",displaymessage:"_handleDisplayMessage"},_handleRouteChange:function _handleRouteChange(event){var path=event.detail.path;if(path){this.set("route.path",path);this.notifyPath("route.path")}},_routeChanged:function _routeChanged(route,endPoint){if("string"===typeof route.path){if("string"===typeof endPoint){if(route.path.startsWith(endPoint)){return}}window.location.reload()}},_handleSubmissionDeletion:function _handleSubmissionDeletion(e){var submission=e.detail.submission;if(submission){this.set("route.path",this.endPoint);this.notifyPath("route.path");this.$.toast.show("Submission has been deleted.")}},_updateCookies:function _updateCookies(endPoint,csrfToken){if(endPoint&&csrfToken){this.setCookies(endPoint,csrfToken)}},_handleDisplayMessage:function _handleDisplayMessage(e){if("undefined"!==typeof e.detail.messsage){this.$.toast.show(e.detail.message)}},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/app-route/app-route.js","../../../../@polymer/paper-toast/paper-toast.js","./lrnapp-studio-submission-page.js","./lrnapp-studio-submission-button.js"],function(_polymerLegacy){"use strict";function _templateObject_3cd3e630555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n      }\n      paper-button {\n        padding: 0;\n        margin: 0;\n        min-width: 1rem;\n      }\n    </style>\n    <app-location route=\"{{route}}\"></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/submissions/:submission\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n    >\n    </app-route>\n\n    <template is=\"dom-if\" if=\"[[data.submission]]\">\n      <lrnapp-studio-submission-page\n        base-path=\"{{basePath}}\"\n        route=\"{{tail}}\"\n        id=\"[[data.submission]]\"\n        end-point=\"[[endPoint]]\"\n        csrf-token=\"[[csrfToken]]\"\n        data=\"{{data}}\"\n      ></lrnapp-studio-submission-page>\n    </template>\n    <template is=\"dom-if\" if=\"[[!data.submission]]\">\n      This is the lrnapp-studio-submission page.\n    </template>\n\n    <paper-toast id=\"toast\"></paper-toast>\n  "]);_templateObject_3cd3e630555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3cd3e630555211e98f439769bd191e33()),is:"lrnapp-studio-submission",behaviors:[SecureRequest.xhr],properties:{activePage:{type:String},basePath:{type:String},endPoint:{type:String},csrfToken:{type:String}},observers:["_routeChanged(route, endPoint)","_updateCookies(endPoint, csrfToken)"],listeners:{submissionDeleted:"_handleSubmissionDeletion",displaymessage:"_handleDisplayMessage"},_handleRouteChange:function _handleRouteChange(event){var path=event.detail.path;if(path){this.set("route.path",path);this.notifyPath("route.path")}},_routeChanged:function _routeChanged(route,endPoint){if("string"===typeof route.path){if("string"===typeof endPoint){if(route.path.startsWith(endPoint)){return}}window.location.reload()}},_handleSubmissionDeletion:function _handleSubmissionDeletion(e){var submission=e.detail.submission;if(submission){this.set("route.path",this.endPoint);this.notifyPath("route.path");this.$.toast.show("Submission has been deleted.")}},_updateCookies:function _updateCookies(endPoint,csrfToken){if(endPoint&&csrfToken){this.setCookies(endPoint,csrfToken)}},_handleDisplayMessage:function _handleDisplayMessage(e){if("undefined"!==typeof e.detail.messsage){this.$.toast.show(e.detail.message)}},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
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 ee60e7c37ff..75a5f95d247 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
@@ -1 +1 @@
-define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/polymer/lib/utils/async.js","../../../../@polymer/iron-icons/iron-icons.js","../../../../@polymer/iron-icons/hardware-icons.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-styles/color.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/app-route/app-route.js","../../../grid-plate/grid-plate.js","../../../responsive-grid/lib/responsive-grid-row.js","../../../responsive-grid/lib/responsive-grid-col.js","../../../materializecss-styles/materializecss-styles.js"],function(_polymerLegacy,_polymerDom,async){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_a5ebacb054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n        font-size: 16px;\n        box-sizing: content-box;\n      }\n      :host([loading]) #content {\n        opacity: .2;\n      }\n      #content {\n        opacity: 1;\n        visibility: visible;\n        transition: all .4s ease;\n      }\n    </style>\n    <div id=\"hackycontainer\"><style id=\"hackycsspotterhates\"></style></div>\n    <iron-ajax\n      id=\"fulloutlinepath\"\n      url=\"[[fullOutlinePath]]\"\n      handle-as=\"json\"\n      on-response=\"handleOutlineResponse\"\n      last-response=\"{{outlineData}}\"></iron-ajax>\n    <iron-ajax\n      id=\"pageajax\"\n      params=\"[[requestParams]]\"\n      url=\"[[sourcePath]]\"\n      handle-as=\"json\"\n      on-response=\"handleResponse\"\n      last-response=\"{{pageData}}\"\n      loading=\"{{_loading}}\"></iron-ajax>\n    <app-location route=\"{{route}}\" query-params=\"{{queryParams}}\"></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/:type/:id\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\">\n    </app-route>\n    <main id=\"etb-tool-nav\" data-offcanvas=\"\">\n      <div id=\"anchor\"></div>\n      <div class=\"inner-wrap\">\n        <section class=\"main-section etb-book\" style=\"min-height: 318px;\">\n          <h2 class=\"element-invisible\">Content navigation</h2>\n          <div class=\"r-header row\">\n            <div class=\"r-header__left\">\n              <div class=\"book-navigation-header book-sibling-nav-container book-navigation-header-2\">\n                <div class=\"book-navigation-header book-sibling-nav-container book-navigation-header-<?php print $count ?>\">\n                  <lrnsys-dialog id=\"outlinepopover\" data-voicecommand=\"open outline\" class=\"black-text\" hover-class=\"grey darken-3 white-text\" label=\"Outline\" header=\"Outline\">\n                    <span slot=\"button\">\n                      <iron-icon icon=\"explore\"></iron-icon>\n                      Outline\n                    </span>\n                    <div class=\"elmsln-modal-content\" id=\"block-mooc-helper-mooc-helper-toc-nav-modal\">\n                      <div id=\"outlinemodal\" on-tap=\"_modalTap\"><slot name=\"outlinemodal\"></slot></div>\n                    </div>\n                  </lrnsys-dialog>\n                  <div id=\"navigation\"><slot name=\"navigation\"></slot></div>\n                </div>\n              </div>\n            </div>\n            <div id=\"options\" class=\"r-header__right\">\n              <slot name=\"options\"></slot>\n            </div>\n          </div>\n          <div class=\"elmsln-content-wrap\" role=\"main\">\n          <responsive-grid-row gutter=\"4\">\n            <responsive-grid-col xl=\"3\" lg=\"3\" md=\"3\" sm=\"4\" xs=\"12\">\n              <section id=\"block-mooc-nav-block-mooc-nav-nav\" class=\"mooc-nav-block-left block block-mooc-nav-block contextual-links-region block-mooc-nav-block-mooc-nav column\" role=\"navigation\" aria-label$=\"[[outlineTitle]]\">\n                <div class=\"block-mooc-nav-block-mooc-title black white-text\">[[outlineTitle]]</div>\n                <div id=\"outline\"><slot name=\"outline\"></slot></div>\n              </section>\n              <div id=\"blocks\"><slot name=\"blocks\"></slot></div>\n            </responsive-grid-col>\n            <responsive-grid-col xl=\"8\" lg=\"8\" md=\"9\" sm=\"7\" xs=\"12\">\n              <a id=\"main-content\" class=\"scrollspy\" data-scrollspy=\"scrollspy\"></a>\n              <div class=\"column\">\n                <div id=\"content\"><slot name=\"content\"></slot></div>\n              </div>\n            </responsive-grid-col>\n          </responsive-grid-row>\n        </section>\n        <a class=\"exit-off-canvas\"></a>\n      </div>\n    </main>"]);_templateObject_a5ebacb054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a5ebacb054f411e9aeb367f92c5b63ab()),is:"mooc-content",observers:["_routeChanged(data, route, endPoint)"],properties:{sourcePath:{type:String},fullOutlinePath:{type:String},route:{type:Object,notify:!0},currentTitle:{type:String},requestParams:{type:Object,notify:!0,value:{node:null}},pageData:{type:Object,value:{}},outlineData:{type:Object,value:{}},resetScroll:{type:Boolean,value:!1},responseData:{type:Object,value:{}},basePath:{type:String},elmslnCourse:{type:String},outlineTitle:{type:String},nid:{type:Number},_loading:{type:Boolean,observer:"_contentLoading",value:!1},loading:{type:Boolean,reflectToAttribute:!0,value:!1},aliases:{type:Array},activeNodeItem:{type:Object,value:null}},_modalTap:function(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;if("LRNSYS-BUTTON"===local.tagName){if(null!=this.activeNodeItem){this.activeNodeItem.classList.remove("book-menu-item-active")}this.activeNodeItem=local;this.activeNodeItem.classList.add("book-menu-item-active");this.$.outlinepopover.toggleDialog()}},_contentLoading:function(newValue){var _this=this;if(("undefined"===typeof newValue?"undefined":babelHelpers.typeof(newValue))!=="undefined"&&!newValue){setTimeout(function(){_this.loading=!1;_this._resetScroll("anchor");_this.$["main-content"].focus()},500)}else{this.loading=!0}},handleResponse:function(){if(babelHelpers.typeof(this.pageData.data)!=="undefined"){var data=this.pageData.data;if(babelHelpers.typeof(data.ops.redirect)!=="undefined"){this.set("route.path",data.ops.redirect);this._routeChanged(this.data,this.route,this.endPoint)}else{this.outlineTitle=data.bookOutline.subject;this.$.content.innerHTML=data.content;this.$.navigation.innerHTML=data.topNavigation;this.$.outline.innerHTML=data.bookOutline.content;this.$.options.innerHTML=data.options;this.__injectStyle(data.styles);window.Drupal.attachBehaviors(document,window.Drupal.settings);if(babelHelpers.typeof(this.outlineData.data)==="undefined"){this.$.fulloutlinepath.generateRequest()}async.microTask.run(function(){window.dispatchEvent(new Event("resize"))})}}},handleOutlineResponse:function(){var data=this.outlineData.data;if(("undefined"===typeof data?"undefined":babelHelpers.typeof(data))!=="undefined"){this.$.outlinemodal.innerHTML=data.outline;this.aliases=data.aliases}},_routeChanged:function(data,route){if("string"===typeof route.path){var urlAlias=route.path.replace("/"+this.elmslnCourse+"/","");if(route.path.startsWith("/"+this.elmslnCourse+"/node/")){var tmp=route.path.split("/");if(!isNaN(parseFloat(tmp[tmp.length-1]))&&isFinite(tmp[tmp.length-1])){this.nid=tmp[tmp.length-1];this.requestParams.node=this.nid;this.$.pageajax.generateRequest();if(this.$.outlinepopover.$.modal.opened){this.$.outlinepopover.$.modal.opened=!1}return}else if("edit"==tmp[tmp.length-1]){window.location.reload()}}else if(babelHelpers.typeof(this.aliases[urlAlias])!=="undefined"){this.nid=this.aliases[urlAlias].replace("node/","");this.requestParams.node=this.nid;this.$.pageajax.generateRequest();if(this.$.outlinepopover.$.modal.opened){this.$.outlinepopover.$.modal.opened=!1}return}else if(""==urlAlias){this.requestParams.node=this.nid;this.set("route.path","/"+this.elmslnCourse+"/node/"+this.nid);this.$.pageajax.generateRequest();return}}if(""!=this.elmslnCourse){window.location.reload()}},_resetScroll:function(){var item=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"anchor";this.resetScroll=!0;this.$[item].scrollIntoView({block:"nearest",behavior:"smooth"})},_toArray:function(obj){return Object.keys(obj).map(function(key){return obj[key]})},__injectStyle:function(style){if(null!=this.shadowRoot.querySelector("#hackycsspotterhates")){(0,_polymerDom.dom)(this.$.hackycontainer).innerHTML=""}var customStyle=document.createElement("style","custom-style");customStyle.id="hackycsspotterhates";customStyle.textContent=style;(0,_polymerDom.dom)(this.$.hackycontainer).appendChild(customStyle)}})});
\ No newline at end of file
+define(["../../../../@polymer/polymer/polymer-legacy.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/polymer/lib/utils/async.js","../../../../@polymer/iron-icons/iron-icons.js","../../../../@polymer/iron-icons/hardware-icons.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-styles/color.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../../@polymer/app-route/app-location.js","../../../../@polymer/app-route/app-route.js","../../../grid-plate/grid-plate.js","../../../responsive-grid/lib/responsive-grid-row.js","../../../responsive-grid/lib/responsive-grid-col.js","../../../materializecss-styles/materializecss-styles.js"],function(_polymerLegacy,_polymerDom,async){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_3ceac990555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n        font-size: 16px;\n        box-sizing: content-box;\n      }\n      :host([loading]) #content {\n        opacity: .2;\n      }\n      #content {\n        opacity: 1;\n        visibility: visible;\n        transition: all .4s ease;\n      }\n    </style>\n    <div id=\"hackycontainer\"><style id=\"hackycsspotterhates\"></style></div>\n    <iron-ajax\n      id=\"fulloutlinepath\"\n      url=\"[[fullOutlinePath]]\"\n      handle-as=\"json\"\n      on-response=\"handleOutlineResponse\"\n      last-response=\"{{outlineData}}\"></iron-ajax>\n    <iron-ajax\n      id=\"pageajax\"\n      params=\"[[requestParams]]\"\n      url=\"[[sourcePath]]\"\n      handle-as=\"json\"\n      on-response=\"handleResponse\"\n      last-response=\"{{pageData}}\"\n      loading=\"{{_loading}}\"></iron-ajax>\n    <app-location route=\"{{route}}\" query-params=\"{{queryParams}}\"></app-location>\n    <app-route\n      route=\"{{route}}\"\n      pattern=\"[[endPoint]]/:type/:id\"\n      data=\"{{data}}\"\n      tail=\"{{tail}}\"\n      query-params=\"{{queryParams}}\">\n    </app-route>\n    <main id=\"etb-tool-nav\" data-offcanvas=\"\">\n      <div id=\"anchor\"></div>\n      <div class=\"inner-wrap\">\n        <section class=\"main-section etb-book\" style=\"min-height: 318px;\">\n          <h2 class=\"element-invisible\">Content navigation</h2>\n          <div class=\"r-header row\">\n            <div class=\"r-header__left\">\n              <div class=\"book-navigation-header book-sibling-nav-container book-navigation-header-2\">\n                <div class=\"book-navigation-header book-sibling-nav-container book-navigation-header-<?php print $count ?>\">\n                  <lrnsys-dialog id=\"outlinepopover\" data-voicecommand=\"open outline\" class=\"black-text\" hover-class=\"grey darken-3 white-text\" label=\"Outline\" header=\"Outline\">\n                    <span slot=\"button\">\n                      <iron-icon icon=\"explore\"></iron-icon>\n                      Outline\n                    </span>\n                    <div class=\"elmsln-modal-content\" id=\"block-mooc-helper-mooc-helper-toc-nav-modal\">\n                      <div id=\"outlinemodal\" on-tap=\"_modalTap\"><slot name=\"outlinemodal\"></slot></div>\n                    </div>\n                  </lrnsys-dialog>\n                  <div id=\"navigation\"><slot name=\"navigation\"></slot></div>\n                </div>\n              </div>\n            </div>\n            <div id=\"options\" class=\"r-header__right\">\n              <slot name=\"options\"></slot>\n            </div>\n          </div>\n          <div class=\"elmsln-content-wrap\" role=\"main\">\n          <responsive-grid-row gutter=\"4\">\n            <responsive-grid-col xl=\"3\" lg=\"3\" md=\"3\" sm=\"4\" xs=\"12\">\n              <section id=\"block-mooc-nav-block-mooc-nav-nav\" class=\"mooc-nav-block-left block block-mooc-nav-block contextual-links-region block-mooc-nav-block-mooc-nav column\" role=\"navigation\" aria-label$=\"[[outlineTitle]]\">\n                <div class=\"block-mooc-nav-block-mooc-title black white-text\">[[outlineTitle]]</div>\n                <div id=\"outline\"><slot name=\"outline\"></slot></div>\n              </section>\n              <div id=\"blocks\"><slot name=\"blocks\"></slot></div>\n            </responsive-grid-col>\n            <responsive-grid-col xl=\"8\" lg=\"8\" md=\"9\" sm=\"7\" xs=\"12\">\n              <a id=\"main-content\" class=\"scrollspy\" data-scrollspy=\"scrollspy\"></a>\n              <div class=\"column\">\n                <div id=\"content\"><slot name=\"content\"></slot></div>\n              </div>\n            </responsive-grid-col>\n          </responsive-grid-row>\n        </section>\n        <a class=\"exit-off-canvas\"></a>\n      </div>\n    </main>"]);_templateObject_3ceac990555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3ceac990555211e98f439769bd191e33()),is:"mooc-content",observers:["_routeChanged(data, route, endPoint)"],properties:{sourcePath:{type:String},fullOutlinePath:{type:String},route:{type:Object,notify:!0},currentTitle:{type:String},requestParams:{type:Object,notify:!0,value:{node:null}},pageData:{type:Object,value:{}},outlineData:{type:Object,value:{}},resetScroll:{type:Boolean,value:!1},responseData:{type:Object,value:{}},basePath:{type:String},elmslnCourse:{type:String},outlineTitle:{type:String},nid:{type:Number},_loading:{type:Boolean,observer:"_contentLoading",value:!1},loading:{type:Boolean,reflectToAttribute:!0,value:!1},aliases:{type:Array},activeNodeItem:{type:Object,value:null}},_modalTap:function(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;if("LRNSYS-BUTTON"===local.tagName){if(null!=this.activeNodeItem){this.activeNodeItem.classList.remove("book-menu-item-active")}this.activeNodeItem=local;this.activeNodeItem.classList.add("book-menu-item-active");this.$.outlinepopover.toggleDialog()}},_contentLoading:function(newValue){var _this=this;if(("undefined"===typeof newValue?"undefined":babelHelpers.typeof(newValue))!=="undefined"&&!newValue){setTimeout(function(){_this.loading=!1;_this._resetScroll("anchor");_this.$["main-content"].focus()},500)}else{this.loading=!0}},handleResponse:function(){if(babelHelpers.typeof(this.pageData.data)!=="undefined"){var data=this.pageData.data;if(babelHelpers.typeof(data.ops.redirect)!=="undefined"){this.set("route.path",data.ops.redirect);this._routeChanged(this.data,this.route,this.endPoint)}else{this.outlineTitle=data.bookOutline.subject;this.$.content.innerHTML=data.content;this.$.navigation.innerHTML=data.topNavigation;this.$.outline.innerHTML=data.bookOutline.content;this.$.options.innerHTML=data.options;this.__injectStyle(data.styles);window.Drupal.attachBehaviors(document,window.Drupal.settings);if(babelHelpers.typeof(this.outlineData.data)==="undefined"){this.$.fulloutlinepath.generateRequest()}async.microTask.run(function(){window.dispatchEvent(new Event("resize"))})}}},handleOutlineResponse:function(){var data=this.outlineData.data;if(("undefined"===typeof data?"undefined":babelHelpers.typeof(data))!=="undefined"){this.$.outlinemodal.innerHTML=data.outline;this.aliases=data.aliases}},_routeChanged:function(data,route){if("string"===typeof route.path){var urlAlias=route.path.replace("/"+this.elmslnCourse+"/","");if(route.path.startsWith("/"+this.elmslnCourse+"/node/")){var tmp=route.path.split("/");if(!isNaN(parseFloat(tmp[tmp.length-1]))&&isFinite(tmp[tmp.length-1])){this.nid=tmp[tmp.length-1];this.requestParams.node=this.nid;this.$.pageajax.generateRequest();if(this.$.outlinepopover.$.modal.opened){this.$.outlinepopover.$.modal.opened=!1}return}else if("edit"==tmp[tmp.length-1]){window.location.reload()}}else if(babelHelpers.typeof(this.aliases[urlAlias])!=="undefined"){this.nid=this.aliases[urlAlias].replace("node/","");this.requestParams.node=this.nid;this.$.pageajax.generateRequest();if(this.$.outlinepopover.$.modal.opened){this.$.outlinepopover.$.modal.opened=!1}return}else if(""==urlAlias){this.requestParams.node=this.nid;this.set("route.path","/"+this.elmslnCourse+"/node/"+this.nid);this.$.pageajax.generateRequest();return}}if(""!=this.elmslnCourse){window.location.reload()}},_resetScroll:function(){var item=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"anchor";this.resetScroll=!0;this.$[item].scrollIntoView({block:"nearest",behavior:"smooth"})},_toArray:function(obj){return Object.keys(obj).map(function(key){return obj[key]})},__injectStyle:function(style){if(null!=this.shadowRoot.querySelector("#hackycsspotterhates")){(0,_polymerDom.dom)(this.$.hackycontainer).innerHTML=""}var customStyle=document.createElement("style","custom-style");customStyle.id="hackycsspotterhates";customStyle.textContent=style;(0,_polymerDom.dom)(this.$.hackycontainer).appendChild(customStyle)}})});
\ No newline at end of file
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 51451fe01f9..d9a49b3caee 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../lrn-icons/lrn-icons.js","../../@polymer/iron-icon/iron-icon.js","../materializecss-styles/lib/colors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ElmslnLoading=void 0;function _templateObject_6cc760f054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"materializecss-styles-colors\">\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 {\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\"]) {\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\"]) {\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\"]) {\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\"]) {\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\"]) {\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    </style>\n    <iron-icon icon=\"lrn:network\" class$=\"[[color]]\"></iron-icon>\n  "]);_templateObject_6cc760f054f411e9aeb367f92c5b63ab=function(){return data};return data}var ElmslnLoading=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_6cc760f054f411e9aeb367f92c5b63ab()),is:"elmsln-loading",properties:{color:{type:String,reflectToAttribute:!0},size:{type:String,reflectToAttribute:!0,value:"medium"}}});_exports.ElmslnLoading=ElmslnLoading});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../lrn-icons/lrn-icons.js","../../@polymer/iron-icon/iron-icon.js","../materializecss-styles/lib/colors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ElmslnLoading=void 0;function _templateObject_091ebf40555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"materializecss-styles-colors\">\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 {\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\"]) {\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\"]) {\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\"]) {\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\"]) {\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\"]) {\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    </style>\n    <iron-icon icon=\"lrn:network\" class$=\"[[color]]\"></iron-icon>\n  "]);_templateObject_091ebf40555211e98f439769bd191e33=function(){return data};return data}var ElmslnLoading=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_091ebf40555211e98f439769bd191e33()),is:"elmsln-loading",properties:{color:{type:String,reflectToAttribute:!0},size:{type:String,reflectToAttribute:!0,value:"medium"}}});_exports.ElmslnLoading=ElmslnLoading});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/fancy-carousel/fancy-carousel.js b/build/es5-amd/node_modules/@lrnwebcomponents/fancy-carousel/fancy-carousel.js
index e14ec8cfe07..10d6140a374 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/fancy-carousel/fancy-carousel.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/fancy-carousel/fancy-carousel.js
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","./lib/fancy-carousel-behaviour.js","./lib/fancy-carousel-shared-styles.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.FancyCarousel=void 0;function _templateObject_6d38724054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"fancy-carousel-shared-styles\">\n      :host {\n        display: block;\n        position: relative;\n        overflow: hidden;\n        width: 100%;\n        contain: content;\n      }\n\n      :host(:after) {\n        display: block;\n        content: \"\";\n        padding-top: 75%; /* 4:3 = height is 75% of width */\n      }\n\n      #prevBtn {\n        left: 12px;\n        z-index: 1000;\n      }\n\n      #nextBtn {\n        right: 12px;\n        z-index: 1000;\n      }\n    </style>\n\n    <div id=\"content-wrapper\"><slot></slot></div>\n\n    <button id=\"prevBtn\" on-click=\"previous\">\u276E</button>\n    <button id=\"nextBtn\" on-click=\"next\">\u276F</button>\n  "]);_templateObject_6d38724054f411e9aeb367f92c5b63ab=function(){return data};return data}var FancyCarousel=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_6d38724054f411e9aeb367f92c5b63ab()),is:"fancy-carousel",behaviors:[FancyCarouselBehaviour],properties:{selected:{observer:"_selectedChanged"},imageTopic:{type:String},searchEngineCx:{type:String},apiKey:{type:String},transitionType:{value:"default",type:String,notify:!0},noControls:{type:Boolean,value:!1},transitionTimer:{type:Number,value:0,observer:"_timerChanged"}},attached:function attached(){this._resetZIndex((0,_polymerDom.dom)(this).children);this.selected=(0,_polymerDom.dom)(this).querySelectorAll("img")[0];if(this.selected){this.selected.style.zIndex="100"}if(this.noControls){this.$.prevBtn.style.display="none";this.$.nextBtn.style.display="none"}if(this.imageTopic){this._loadCustomImages(this.imageTopic)}this._preloadAnimationSprites()},previous:function previous(){var elem=this.selected.previousElementSibling;while(elem&&"dummy"===elem.getAttribute("class")){elem=elem.previousElementSibling}if(elem&&!this._touchDir){this._startTransition(-1,this.selected,elem)}},next:function next(){var elem=this._getNextElement();if(elem&&!this._touchDir){this._startTransition(1,this.selected,elem)}}});_exports.FancyCarousel=FancyCarousel});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","./lib/fancy-carousel-behaviour.js","./lib/fancy-carousel-shared-styles.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.FancyCarousel=void 0;function _templateObject_0aea7e90555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"fancy-carousel-shared-styles\">\n      :host {\n        display: block;\n        position: relative;\n        overflow: hidden;\n        width: 100%;\n        contain: content;\n      }\n\n      :host(:after) {\n        display: block;\n        content: \"\";\n        padding-top: 75%; /* 4:3 = height is 75% of width */\n      }\n\n      #prevBtn {\n        left: 12px;\n        z-index: 1000;\n      }\n\n      #nextBtn {\n        right: 12px;\n        z-index: 1000;\n      }\n    </style>\n\n    <div id=\"content-wrapper\"><slot></slot></div>\n\n    <button id=\"prevBtn\" on-click=\"previous\">\u276E</button>\n    <button id=\"nextBtn\" on-click=\"next\">\u276F</button>\n  "]);_templateObject_0aea7e90555211e98f439769bd191e33=function(){return data};return data}var FancyCarousel=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_0aea7e90555211e98f439769bd191e33()),is:"fancy-carousel",behaviors:[FancyCarouselBehaviour],properties:{selected:{observer:"_selectedChanged"},imageTopic:{type:String},searchEngineCx:{type:String},apiKey:{type:String},transitionType:{value:"default",type:String,notify:!0},noControls:{type:Boolean,value:!1},transitionTimer:{type:Number,value:0,observer:"_timerChanged"}},attached:function attached(){this._resetZIndex((0,_polymerDom.dom)(this).children);this.selected=(0,_polymerDom.dom)(this).querySelectorAll("img")[0];if(this.selected){this.selected.style.zIndex="100"}if(this.noControls){this.$.prevBtn.style.display="none";this.$.nextBtn.style.display="none"}if(this.imageTopic){this._loadCustomImages(this.imageTopic)}this._preloadAnimationSprites()},previous:function previous(){var elem=this.selected.previousElementSibling;while(elem&&"dummy"===elem.getAttribute("class")){elem=elem.previousElementSibling}if(elem&&!this._touchDir){this._startTransition(-1,this.selected,elem)}},next:function next(){var elem=this._getNextElement();if(elem&&!this._touchDir){this._startTransition(1,this.selected,elem)}}});_exports.FancyCarousel=FancyCarousel});
\ No newline at end of file
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 ccdea419c07..a0ac53838cd 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-card/paper-card.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.FlashCard=void 0;function _templateObject_6dd6fc3054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles-colors\">\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_6dd6fc3054f411e9aeb367f92c5b63ab=function(){return data};return data}var FlashCard=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_6dd6fc3054f411e9aeb367f92c5b63ab()),is:"flash-card",behaviors:[HAXBehaviors.PropertiesBehaviors,MaterializeCSSBehaviors.ColorBehaviors,SchemaBehaviors.Schema],listeners:{mouseenter:"_flipup",mouseleave:"_flipback"},properties:{title:{type:String}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Sample gizmo",description:"The user will be able to see this for selection in a UI.",icon:"av:play-circle-filled",color:"grey",groups:["Video","Media"],handles:[{type:"video",url:"source"}],meta:{author:"Your organization on github"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})},_flipup:function _flipup(){this.$.card.classList.add("flipped")},_flipback:function _flipback(){this.$.card.classList.remove("flipped")}});_exports.FlashCard=FlashCard});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-card/paper-card.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.FlashCard=void 0;function _templateObject_0b262800555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles-colors\">\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_0b262800555211e98f439769bd191e33=function(){return data};return data}var FlashCard=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_0b262800555211e98f439769bd191e33()),is:"flash-card",behaviors:[HAXBehaviors.PropertiesBehaviors,MaterializeCSSBehaviors.ColorBehaviors,SchemaBehaviors.Schema],listeners:{mouseenter:"_flipup",mouseleave:"_flipback"},properties:{title:{type:String}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Sample gizmo",description:"The user will be able to see this for selection in a UI.",icon:"av:play-circle-filled",color:"grey",groups:["Video","Media"],handles:[{type:"video",url:"source"}],meta:{author:"Your organization on github"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})},_flipup:function _flipup(){this.$.card.classList.add("flipped")},_flipback:function _flipback(){this.$.card.classList.remove("flipped")}});_exports.FlashCard=FlashCard});
\ No newline at end of file
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 e60c943111c..84d2911a580 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/iron-icons/hardware-icons.js"],function(_exports,_polymerElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.FullScreenImage=void 0;function _templateObject_6d8bc26054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <div class=\"fullpage-container\">\n        <div class=\"overlay-container\">\n          <h2>[[title]]</h2>\n          <p>[[subtitle]]</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 id=\"img\" src=\"[[source]]\" />\n        </div>\n      </div>\n    "]);_templateObject_6d8bc26054f411e9aeb367f92c5b63ab=function(){return data};return data}var FullScreenImage=function(_PolymerElement){babelHelpers.inherits(FullScreenImage,_PolymerElement);function FullScreenImage(){babelHelpers.classCallCheck(this,FullScreenImage);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(FullScreenImage).apply(this,arguments))}babelHelpers.createClass(FullScreenImage,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(FullScreenImage.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(FullScreenImage.haxProperties,FullScreenImage.tag,this);this.$.down.addEventListener("click",function(){_this.nextElementSibling.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"})})}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(FullScreenImage.prototype),"disconnectedCallback",this).call(this);this.$.down.removeEventListener("click",function(){_this2.nextElementSibling.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"})})}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_6d8bc26054f411e9aeb367f92c5b63ab())}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Full screen-image",description:"full screen banner image with down arrow",icon:"icons:android",color:"green",groups:["Screen"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[{property:"source",description:"",inputMethod:"textfield",required:!0,icon:"icons:link",validationType:"url"}],configure:[{property:"title",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"},{property:"subtitle",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"},{property:"source",description:"",inputMethod:"textfield",required:!0,icon:"icons:link",validationType:"url"}],advanced:[]}}}},{key:"properties",get:function get(){return{title:{name:"title",type:"String",value:"",reflectToAttribute:!1,observer:!1},subtitle:{name:"subtitle",type:"String",value:"",reflectToAttribute:!1,observer:!1},source:{name:"source",type:"String",value:"",reflectToAttribute:!1,observer:!1}}}},{key:"tag",get:function get(){return"full-screen-image"}}]);return FullScreenImage}(_polymerElement.PolymerElement);_exports.FullScreenImage=FullScreenImage;window.customElements.define(FullScreenImage.tag,FullScreenImage)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/iron-icons/hardware-icons.js"],function(_exports,_polymerElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.FullScreenImage=void 0;function _templateObject_0b8510e0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <div class=\"fullpage-container\">\n        <div class=\"overlay-container\">\n          <h2>[[title]]</h2>\n          <p>[[subtitle]]</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 id=\"img\" src=\"[[source]]\" />\n        </div>\n      </div>\n    "]);_templateObject_0b8510e0555211e98f439769bd191e33=function(){return data};return data}var FullScreenImage=function(_PolymerElement){babelHelpers.inherits(FullScreenImage,_PolymerElement);function FullScreenImage(){babelHelpers.classCallCheck(this,FullScreenImage);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(FullScreenImage).apply(this,arguments))}babelHelpers.createClass(FullScreenImage,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(FullScreenImage.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(FullScreenImage.haxProperties,FullScreenImage.tag,this);this.$.down.addEventListener("click",function(){_this.nextElementSibling.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"})})}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(FullScreenImage.prototype),"disconnectedCallback",this).call(this);this.$.down.removeEventListener("click",function(){_this2.nextElementSibling.scrollIntoView({block:"start",inline:"nearest",behavior:"smooth"})})}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_0b8510e0555211e98f439769bd191e33())}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Full screen-image",description:"full screen banner image with down arrow",icon:"icons:android",color:"green",groups:["Screen"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[{property:"source",description:"",inputMethod:"textfield",required:!0,icon:"icons:link",validationType:"url"}],configure:[{property:"title",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"},{property:"subtitle",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"},{property:"source",description:"",inputMethod:"textfield",required:!0,icon:"icons:link",validationType:"url"}],advanced:[]}}}},{key:"properties",get:function get(){return{title:{name:"title",type:"String",value:"",reflectToAttribute:!1,observer:!1},subtitle:{name:"subtitle",type:"String",value:"",reflectToAttribute:!1,observer:!1},source:{name:"source",type:"String",value:"",reflectToAttribute:!1,observer:!1}}}},{key:"tag",get:function get(){return"full-screen-image"}}]);return FullScreenImage}(_polymerElement.PolymerElement);_exports.FullScreenImage=FullScreenImage;window.customElements.define(FullScreenImage.tag,FullScreenImage)});
\ No newline at end of file
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 ac71f025080..4d7234ebe27 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.FullWidthImage=void 0;function _templateObject_6e36333054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <div id=\"image\">\n        <div class=\"wrapper\">\n          <div class=\"caption\">\n            [[caption]]\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    "]);_templateObject_6e36333054f411e9aeb367f92c5b63ab=function(){return data};return data}var FullWidthImage=function(_PolymerElement){babelHelpers.inherits(FullWidthImage,_PolymerElement);function FullWidthImage(){babelHelpers.classCallCheck(this,FullWidthImage);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(FullWidthImage).apply(this,arguments))}babelHelpers.createClass(FullWidthImage,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(FullWidthImage.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(FullWidthImage.haxProperties,FullWidthImage.tag,this)}},{key:"_sourceChanged",value:function _sourceChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this.$.image.style.backgroundImage="url(\"".concat(newValue,"\")")}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_6e36333054f411e9aeb367f92c5b63ab())}},{key:"haxProperties",get:function get(){return{canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Full width-image",description:"full width image that flows beyond boundaries",icon:"image:image",color:"green",groups:["Width"],handles:[{type:"image",source:"source",caption:"caption",title:"caption"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[{property:"source",description:"",inputMethod:"textfield",required:!0,icon:"image:image",validationType:"url"}],configure:[{property:"source",description:"",inputMethod:"haxupload",required:!0,icon:"icons:link",validationType:"url"},{property:"caption",description:"",inputMethod:"textfield"}],advanced:[]}}}},{key:"properties",get:function get(){return{source:{name:"source",type:"String",reflectToAttributes:!0,observer:"_sourceChanged"},caption:{name:"caption",type:"String",reflectToAttributes:!0}}}},{key:"tag",get:function get(){return"full-width-image"}}]);return FullWidthImage}(_polymerElement.PolymerElement);_exports.FullWidthImage=FullWidthImage;window.customElements.define("full-width-image",FullWidthImage)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.FullWidthImage=void 0;function _templateObject_0bcdb2a0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <div id=\"image\">\n        <div class=\"wrapper\">\n          <div class=\"caption\">\n            [[caption]]\n            <slot></slot>\n          </div>\n        </div>\n      </div>\n    "]);_templateObject_0bcdb2a0555211e98f439769bd191e33=function(){return data};return data}var FullWidthImage=function(_PolymerElement){babelHelpers.inherits(FullWidthImage,_PolymerElement);function FullWidthImage(){babelHelpers.classCallCheck(this,FullWidthImage);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(FullWidthImage).apply(this,arguments))}babelHelpers.createClass(FullWidthImage,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(FullWidthImage.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(FullWidthImage.haxProperties,FullWidthImage.tag,this)}},{key:"_sourceChanged",value:function _sourceChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this.$.image.style.backgroundImage="url(\"".concat(newValue,"\")")}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_0bcdb2a0555211e98f439769bd191e33())}},{key:"haxProperties",get:function get(){return{canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Full width-image",description:"full width image that flows beyond boundaries",icon:"image:image",color:"green",groups:["Width"],handles:[{type:"image",source:"source",caption:"caption",title:"caption"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[{property:"source",description:"",inputMethod:"textfield",required:!0,icon:"image:image",validationType:"url"}],configure:[{property:"source",description:"",inputMethod:"haxupload",required:!0,icon:"icons:link",validationType:"url"},{property:"caption",description:"",inputMethod:"textfield"}],advanced:[]}}}},{key:"properties",get:function get(){return{source:{name:"source",type:"String",reflectToAttributes:!0,observer:"_sourceChanged"},caption:{name:"caption",type:"String",reflectToAttributes:!0}}}},{key:"tag",get:function get(){return"full-width-image"}}]);return FullWidthImage}(_polymerElement.PolymerElement);_exports.FullWidthImage=FullWidthImage;window.customElements.define("full-width-image",FullWidthImage)});
\ No newline at end of file
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 64ad611b91a..6075fd79c46 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/app-layout/app-drawer/app-drawer.js","../../@polymer/app-layout/app-header/app-header.js","../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../@polymer/iron-flex-layout/iron-flex-layout.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/paper-button/paper-button.js","../simple-toast/simple-toast.js","../../@polymer/iron-ajax/iron-ajax.js","../../@polymer/iron-image/iron-image.js","../hax-body-behaviors/lib/HAXWiring.js","../multiple-choice/multiple-choice.js","../responsive-grid/lib/responsive-grid-row.js","../responsive-grid/lib/responsive-grid-col.js","./lib/game-show-quiz-modal.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.GameShowQuiz=void 0;function _templateObject_6ed0294054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        --game-show-bg-color: #4285f4;\n        --game-show-text-color: #ffffff;\n      }\n      app-toolbar {\n        background-color: var(--game-show-bg-color, blue);\n        color: var(--game-show-text-color, white);\n        font-size: 24px;\n        display: flex;\n      }\n      iron-icon {\n        display: inline-block;\n      }\n\n      paper-button {\n        --paper-button-ink-color: var(--game-show-bg-color, blue);\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, white);\n        --app-header-background-rear-layer: {\n          background-color: #ef6c00;\n        }\n      }\n      responsive-grid-row {\n        --responsive-grid-row-inner: {\n          margin-left: 0;\n          margin-right: 0;\n        }\n      }\n      responsive-grid-col {\n        --responsive-grid-col-inner: {\n          padding-left: 0;\n          padding-right: 0;\n        }\n      }\n      #contentcontainer {\n        margin: 0 auto;\n        font-size: 16px;\n      }\n      .grid-button {\n        width: 100%;\n        height: 80px;\n        text-align: center;\n        min-width: unset;\n        padding: 0;\n        margin: 0;\n      }\n      .status-icon {\n        width: 64px;\n        height: 64px;\n        opacity: 0.25;\n        position: absolute;\n      }\n      .correct {\n        color: green;\n      }\n      .incorrect {\n        color: red;\n      }\n      .row-0 paper-button[disabled] {\n        font-weight: bold;\n        font-size: 16px;\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        .grid-button {\n          font-size: 9px;\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=\"helpbutton\" on-tap=\"directionsToggle\"\n          ><iron-icon icon=\"help\"></iron-icon> Directions</paper-button\n        >\n        <div main-title=\"\">[[title]]</div>\n      </app-toolbar>\n    </app-header>\n    <div id=\"contentcontainer\">\n      <template is=\"dom-repeat\" items=\"[[gameBoard]]\" as=\"row\">\n        <responsive-grid-row gutter=\"0\" class$=\"row row-[[index]]\">\n          <template is=\"dom-repeat\" items=\"[[row.cols]]\" as=\"col\">\n            <responsive-grid-col xl=\"3\" lg=\"3\" md=\"3\" sm=\"3\" xs=\"3\">\n              <paper-button\n                class=\"grid-button\"\n                raised=\"[[!col.notRaised]]\"\n                data-question-data$=\"[[col.question]]\"\n                data-value$=\"[[col.points]]\"\n                data-type$=\"[[col.type]]\"\n                disabled$=\"[[col.disabled]]\"\n                >[[col.title]]<br />[[col.points]]</paper-button\n              >\n            </responsive-grid-col>\n          </template>\n        </responsive-grid-row>\n      </template>\n      <div>\n        <h3>Scoreboard</h3>\n        <table>\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>Bonus</th>\n              <th>Total</th>\n            </tr>\n            <tr>\n              <th>Points Attempted</th>\n              <td>[[points.slide.attempted]]</td>\n              <td>[[points.terms.attempted]]</td>\n              <td>[[points.reading.attempted]]</td>\n              <td>[[points.lecture.attempted]]</td>\n              <td>[[points.bonus.attempted]]</td>\n              <td>[[points.total.attempted]]</td>\n            </tr>\n            <tr>\n              <th>Points Earned</th>\n              <td>[[points.slide.earned]]</td>\n              <td>[[points.terms.earned]]</td>\n              <td>[[points.reading.earned]]</td>\n              <td>[[points.lecture.earned]]</td>\n              <td>[[points.bonus.earned]]</td>\n              <td>[[points.total.earned]]</td>\n            </tr>\n            <tr>\n              <th>Category Percentage</th>\n              <td>[[points.slide.percent]]</td>\n              <td>[[points.terms.percent]]</td>\n              <td>[[points.reading.percent]]</td>\n              <td>[[points.lecture.percent]]</td>\n              <td>[[points.bonus.percent]]</td>\n              <td>[[points.total.percent]]</td>\n            </tr>\n          </tbody>\n        </table>\n        <div>Points Remaining to Attempt: [[remainingAttempts]]</div>\n      </div>\n    </div>\n    <game-show-quiz-modal id=\"directions\" title=\"[[directionsTitle]]\">\n      <div slot=\"content\"><slot name=\"directions\"></slot></div>\n      <paper-button slot=\"buttons\" id=\"dismiss\" dialog-confirm=\"\" raised=\"\"\n        >Good luck!</paper-button\n      >\n    </game-show-quiz-modal>\n    <game-show-quiz-modal id=\"dialog\" title=\"[[activeQuestion.title]]\">\n      <iron-image\n        slot=\"content\"\n        style=\"min-width:100px; width:100%; min-height:25vh; height:40vh; background-color: lightgray;\"\n        sizing=\"contain\"\n        preload=\"\"\n        src$=\"[[activeQuestion.image]]\"\n      ></iron-image>\n      <multiple-choice\n        disabled$=\"[[activeQuestion.submitted]]\"\n        slot=\"content\"\n        id=\"question\"\n        hide-buttons=\"\"\n        title=\"[[activeQuestion.title]]\"\n        answers=\"[[activeQuestion.data]]\"\n      ></multiple-choice>\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        >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=\"{{gameBoard}}\"\n    ></iron-ajax>\n    <iron-ajax\n      id=\"questiondata\"\n      url=\"[[__questionEndpoint]]\"\n      handle-as=\"json\"\n      last-response=\"{{activeQuestion}}\"\n    ></iron-ajax>\n  "],["\n    <style>\n      :host {\n        display: block;\n        --game-show-bg-color: #4285f4;\n        --game-show-text-color: #ffffff;\n      }\n      app-toolbar {\n        background-color: var(--game-show-bg-color, blue);\n        color: var(--game-show-text-color, white);\n        font-size: 24px;\n        display: flex;\n      }\n      iron-icon {\n        display: inline-block;\n      }\n\n      paper-button {\n        --paper-button-ink-color: var(--game-show-bg-color, blue);\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, white);\n        --app-header-background-rear-layer: {\n          background-color: #ef6c00;\n        }\n      }\n      responsive-grid-row {\n        --responsive-grid-row-inner: {\n          margin-left: 0;\n          margin-right: 0;\n        }\n      }\n      responsive-grid-col {\n        --responsive-grid-col-inner: {\n          padding-left: 0;\n          padding-right: 0;\n        }\n      }\n      #contentcontainer {\n        margin: 0 auto;\n        font-size: 16px;\n      }\n      .grid-button {\n        width: 100%;\n        height: 80px;\n        text-align: center;\n        min-width: unset;\n        padding: 0;\n        margin: 0;\n      }\n      .status-icon {\n        width: 64px;\n        height: 64px;\n        opacity: 0.25;\n        position: absolute;\n      }\n      .correct {\n        color: green;\n      }\n      .incorrect {\n        color: red;\n      }\n      .row-0 paper-button[disabled] {\n        font-weight: bold;\n        font-size: 16px;\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        .grid-button {\n          font-size: 9px;\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=\"helpbutton\" on-tap=\"directionsToggle\"\n          ><iron-icon icon=\"help\"></iron-icon> Directions</paper-button\n        >\n        <div main-title=\"\">[[title]]</div>\n      </app-toolbar>\n    </app-header>\n    <div id=\"contentcontainer\">\n      <template is=\"dom-repeat\" items=\"[[gameBoard]]\" as=\"row\">\n        <responsive-grid-row gutter=\"0\" class\\$=\"row row-[[index]]\">\n          <template is=\"dom-repeat\" items=\"[[row.cols]]\" as=\"col\">\n            <responsive-grid-col xl=\"3\" lg=\"3\" md=\"3\" sm=\"3\" xs=\"3\">\n              <paper-button\n                class=\"grid-button\"\n                raised=\"[[!col.notRaised]]\"\n                data-question-data\\$=\"[[col.question]]\"\n                data-value\\$=\"[[col.points]]\"\n                data-type\\$=\"[[col.type]]\"\n                disabled\\$=\"[[col.disabled]]\"\n                >[[col.title]]<br />[[col.points]]</paper-button\n              >\n            </responsive-grid-col>\n          </template>\n        </responsive-grid-row>\n      </template>\n      <div>\n        <h3>Scoreboard</h3>\n        <table>\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>Bonus</th>\n              <th>Total</th>\n            </tr>\n            <tr>\n              <th>Points Attempted</th>\n              <td>[[points.slide.attempted]]</td>\n              <td>[[points.terms.attempted]]</td>\n              <td>[[points.reading.attempted]]</td>\n              <td>[[points.lecture.attempted]]</td>\n              <td>[[points.bonus.attempted]]</td>\n              <td>[[points.total.attempted]]</td>\n            </tr>\n            <tr>\n              <th>Points Earned</th>\n              <td>[[points.slide.earned]]</td>\n              <td>[[points.terms.earned]]</td>\n              <td>[[points.reading.earned]]</td>\n              <td>[[points.lecture.earned]]</td>\n              <td>[[points.bonus.earned]]</td>\n              <td>[[points.total.earned]]</td>\n            </tr>\n            <tr>\n              <th>Category Percentage</th>\n              <td>[[points.slide.percent]]</td>\n              <td>[[points.terms.percent]]</td>\n              <td>[[points.reading.percent]]</td>\n              <td>[[points.lecture.percent]]</td>\n              <td>[[points.bonus.percent]]</td>\n              <td>[[points.total.percent]]</td>\n            </tr>\n          </tbody>\n        </table>\n        <div>Points Remaining to Attempt: [[remainingAttempts]]</div>\n      </div>\n    </div>\n    <game-show-quiz-modal id=\"directions\" title=\"[[directionsTitle]]\">\n      <div slot=\"content\"><slot name=\"directions\"></slot></div>\n      <paper-button slot=\"buttons\" id=\"dismiss\" dialog-confirm=\"\" raised=\"\"\n        >Good luck!</paper-button\n      >\n    </game-show-quiz-modal>\n    <game-show-quiz-modal id=\"dialog\" title=\"[[activeQuestion.title]]\">\n      <iron-image\n        slot=\"content\"\n        style=\"min-width:100px; width:100%; min-height:25vh; height:40vh; background-color: lightgray;\"\n        sizing=\"contain\"\n        preload=\"\"\n        src\\$=\"[[activeQuestion.image]]\"\n      ></iron-image>\n      <multiple-choice\n        disabled\\$=\"[[activeQuestion.submitted]]\"\n        slot=\"content\"\n        id=\"question\"\n        hide-buttons=\"\"\n        title=\"[[activeQuestion.title]]\"\n        answers=\"[[activeQuestion.data]]\"\n      ></multiple-choice>\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        >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=\"{{gameBoard}}\"\n    ></iron-ajax>\n    <iron-ajax\n      id=\"questiondata\"\n      url=\"[[__questionEndpoint]]\"\n      handle-as=\"json\"\n      last-response=\"{{activeQuestion}}\"\n    ></iron-ajax>\n  "]);_templateObject_6ed0294054f411e9aeb367f92c5b63ab=function(){return data};return data}var GameShowQuiz=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_6ed0294054f411e9aeb367f92c5b63ab()),is:"game-show-quiz",behaviors:[HAXBehaviors.PropertiesBehaviors],properties:{title:{type:String},points:{type:Object,value:{slide:{attempted:0,earned:0,percent:0},terms:{attempted:0,earned:0,percent:0},reading:{attempted:0,earned:0,percent:0},lecture:{attempted:0,earned:0,percent:0},bonus:{attempted:0,earned:0,percent:0},total:{attempted:0,earned:0,percent:0}}},remainingAttempts:{type:Number,value:30},directionsTitle:{type:String,value:"Directions"},gameBoard:{type:Array,observer:"_gameBoardChanged"},gameData:{type:String},activeQuestion:{type:Object}},directionsToggle:function directionsToggle(){this.$.directions.toggle()},continueGameTap:function continueGameTap(){if(babelHelpers.typeof(this.__activeTap)!=="undefined"&&null!=(0,_polymerDom.dom)(this.__activeTap).parentNode.nextElementSibling.firstElementChild){(0,_polymerDom.dom)(this.__activeTap).parentNode.nextElementSibling.firstElementChild.firstElementChild.focus();delete this.__activeTap}else if(babelHelpers.typeof(this.__activeTap)!=="undefined"&&null==(0,_polymerDom.dom)(this.__activeTap).parentNode.nextElementSibling.firstElementChild){this.__activeTap.focus();delete this.__activeTap}},registerTap:function registerTap(){this.__submitDisabled=!1},submitAnswer:function submitAnswer(){this.set("activeQuestion.submitted",!0);this.notifyPath("activeQuestion.submitted");this.$.continue.focus();this.__activeTap.disabled=!0;var icon=document.createElement("iron-icon");icon.classList.add("status-icon");var num=parseInt(this.points[this.__activeType].attempted)+parseInt(this.__activeValue);this.set("points."+this.__activeType+".attempted",num);this.notifyPath("points."+this.__activeType+".attempted");var total=parseInt(this.points.total.attempted)+parseInt(this.__activeValue);this.set("points.total.attempted",total);this.notifyPath("points.total.attempted");this.remainingAttempts=this.remainingAttempts-parseInt(this.__activeValue);if(this.$.question.checkAnswers()){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,cancelable:!0,detail:{text:"Correct!",duration:4e3}});this.dispatchEvent(evt);var _num=parseInt(this.points[this.__activeType].earned)+parseInt(this.__activeValue);this.set("points."+this.__activeType+".earned",_num);this.notifyPath("points."+this.__activeType+".earned");icon.icon="icons:check-circle";icon.classList.add("correct");var _total=parseInt(this.points.total.earned)+parseInt(this.__activeValue);this.set("points.total.earned",_total);this.notifyPath("points.total.earned")}else{var _evt=new CustomEvent("simple-toast-show",{bubbles:!0,cancelable:!0,detail:{text:":( You got it wrong",duration:4e3}});this.dispatchEvent(_evt);icon.icon="icons:cancel";icon.classList.add("incorrect")}var percent=(100*(parseInt(this.points[this.__activeType].earned)/parseInt(this.points[this.__activeType].attempted))).toFixed(1);this.set("points."+this.__activeType+".percent",percent);this.notifyPath("points."+this.__activeType+".percent");total=(100*(parseInt(this.points.total.earned)/parseInt(this.points.total.attempted))).toFixed(1);this.set("points.total.percent",total);this.notifyPath("points.total.percent");(0,_polymerDom.dom)(this.__activeTap).appendChild(icon)},_gameBoardTap:function _gameBoardTap(e){var _this=this,normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;if(null!=local.getAttribute("data-question-data")){this.__submitDisabled=!0;this.__questionEndpoint=local.getAttribute("data-question-data");this.__activeTap=local;this.__activeType=local.getAttribute("data-type");this.__activeValue=local.getAttribute("data-value");this.$.questiondata.answers=[];setTimeout(function(){_this.$.questiondata.generateRequest();_this.$.dialog.toggle()},100)}},_gameBoardChanged:function _gameBoardChanged(){},resetFocus:function resetFocus(){this.$.helpbutton.focus()},attached:function attached(){window.SimpleToast.requestAvailability();this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Game show",description:"Tweak the game show options",icon:"av:play-circle-filled",color:"grey",groups:["Video","Media"],handles:[{type:"video",url:"source"}],meta:{author:"Your organization on github"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}});this.$.dismiss.addEventListener("tap",this.resetFocus.bind(this));this.$.contentcontainer.addEventListener("tap",this._gameBoardTap.bind(this));this.$.submit.addEventListener("tap",this.submitAnswer.bind(this));this.$.continue.addEventListener("tap",this.continueGameTap.bind(this));this.$.question.addEventListener("tap",this.registerTap.bind(this))},detached:function detached(){this.$.dismiss.removeEventListener("tap",this.resetFocus.bind(this));this.$.contentcontainer.removeEventListener("tap",this._gameBoardTap.bind(this));this.$.submit.removeEventListener("tap",this.submitAnswer.bind(this));this.$.continue.removeEventListener("tap",this.continueGameTap.bind(this));this.$.question.removeEventListener("tap",this.registerTap.bind(this))}});_exports.GameShowQuiz=GameShowQuiz});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/app-layout/app-drawer/app-drawer.js","../../@polymer/app-layout/app-header/app-header.js","../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../@polymer/iron-flex-layout/iron-flex-layout.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/paper-button/paper-button.js","../simple-toast/simple-toast.js","../../@polymer/iron-ajax/iron-ajax.js","../../@polymer/iron-image/iron-image.js","../hax-body-behaviors/lib/HAXWiring.js","../multiple-choice/multiple-choice.js","../responsive-grid/lib/responsive-grid-row.js","../responsive-grid/lib/responsive-grid-col.js","./lib/game-show-quiz-modal.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.GameShowQuiz=void 0;function _templateObject_0c07ae60555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        --game-show-bg-color: #4285f4;\n        --game-show-text-color: #ffffff;\n      }\n      app-toolbar {\n        background-color: var(--game-show-bg-color, blue);\n        color: var(--game-show-text-color, white);\n        font-size: 24px;\n        display: flex;\n      }\n      iron-icon {\n        display: inline-block;\n      }\n\n      paper-button {\n        --paper-button-ink-color: var(--game-show-bg-color, blue);\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, white);\n        --app-header-background-rear-layer: {\n          background-color: #ef6c00;\n        }\n      }\n      responsive-grid-row {\n        --responsive-grid-row-inner: {\n          margin-left: 0;\n          margin-right: 0;\n        }\n      }\n      responsive-grid-col {\n        --responsive-grid-col-inner: {\n          padding-left: 0;\n          padding-right: 0;\n        }\n      }\n      #contentcontainer {\n        margin: 0 auto;\n        font-size: 16px;\n      }\n      .grid-button {\n        width: 100%;\n        height: 80px;\n        text-align: center;\n        min-width: unset;\n        padding: 0;\n        margin: 0;\n      }\n      .status-icon {\n        width: 64px;\n        height: 64px;\n        opacity: 0.25;\n        position: absolute;\n      }\n      .correct {\n        color: green;\n      }\n      .incorrect {\n        color: red;\n      }\n      .row-0 paper-button[disabled] {\n        font-weight: bold;\n        font-size: 16px;\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        .grid-button {\n          font-size: 9px;\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=\"helpbutton\" on-tap=\"directionsToggle\"\n          ><iron-icon icon=\"help\"></iron-icon> Directions</paper-button\n        >\n        <div main-title=\"\">[[title]]</div>\n      </app-toolbar>\n    </app-header>\n    <div id=\"contentcontainer\">\n      <template is=\"dom-repeat\" items=\"[[gameBoard]]\" as=\"row\">\n        <responsive-grid-row gutter=\"0\" class$=\"row row-[[index]]\">\n          <template is=\"dom-repeat\" items=\"[[row.cols]]\" as=\"col\">\n            <responsive-grid-col xl=\"3\" lg=\"3\" md=\"3\" sm=\"3\" xs=\"3\">\n              <paper-button\n                class=\"grid-button\"\n                raised=\"[[!col.notRaised]]\"\n                data-question-data$=\"[[col.question]]\"\n                data-value$=\"[[col.points]]\"\n                data-type$=\"[[col.type]]\"\n                disabled$=\"[[col.disabled]]\"\n                >[[col.title]]<br />[[col.points]]</paper-button\n              >\n            </responsive-grid-col>\n          </template>\n        </responsive-grid-row>\n      </template>\n      <div>\n        <h3>Scoreboard</h3>\n        <table>\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>Bonus</th>\n              <th>Total</th>\n            </tr>\n            <tr>\n              <th>Points Attempted</th>\n              <td>[[points.slide.attempted]]</td>\n              <td>[[points.terms.attempted]]</td>\n              <td>[[points.reading.attempted]]</td>\n              <td>[[points.lecture.attempted]]</td>\n              <td>[[points.bonus.attempted]]</td>\n              <td>[[points.total.attempted]]</td>\n            </tr>\n            <tr>\n              <th>Points Earned</th>\n              <td>[[points.slide.earned]]</td>\n              <td>[[points.terms.earned]]</td>\n              <td>[[points.reading.earned]]</td>\n              <td>[[points.lecture.earned]]</td>\n              <td>[[points.bonus.earned]]</td>\n              <td>[[points.total.earned]]</td>\n            </tr>\n            <tr>\n              <th>Category Percentage</th>\n              <td>[[points.slide.percent]]</td>\n              <td>[[points.terms.percent]]</td>\n              <td>[[points.reading.percent]]</td>\n              <td>[[points.lecture.percent]]</td>\n              <td>[[points.bonus.percent]]</td>\n              <td>[[points.total.percent]]</td>\n            </tr>\n          </tbody>\n        </table>\n        <div>Points Remaining to Attempt: [[remainingAttempts]]</div>\n      </div>\n    </div>\n    <game-show-quiz-modal id=\"directions\" title=\"[[directionsTitle]]\">\n      <div slot=\"content\"><slot name=\"directions\"></slot></div>\n      <paper-button slot=\"buttons\" id=\"dismiss\" dialog-confirm=\"\" raised=\"\"\n        >Good luck!</paper-button\n      >\n    </game-show-quiz-modal>\n    <game-show-quiz-modal id=\"dialog\" title=\"[[activeQuestion.title]]\">\n      <iron-image\n        slot=\"content\"\n        style=\"min-width:100px; width:100%; min-height:25vh; height:40vh; background-color: lightgray;\"\n        sizing=\"contain\"\n        preload=\"\"\n        src$=\"[[activeQuestion.image]]\"\n      ></iron-image>\n      <multiple-choice\n        disabled$=\"[[activeQuestion.submitted]]\"\n        slot=\"content\"\n        id=\"question\"\n        hide-buttons=\"\"\n        title=\"[[activeQuestion.title]]\"\n        answers=\"[[activeQuestion.data]]\"\n      ></multiple-choice>\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        >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=\"{{gameBoard}}\"\n    ></iron-ajax>\n    <iron-ajax\n      id=\"questiondata\"\n      url=\"[[__questionEndpoint]]\"\n      handle-as=\"json\"\n      last-response=\"{{activeQuestion}}\"\n    ></iron-ajax>\n  "],["\n    <style>\n      :host {\n        display: block;\n        --game-show-bg-color: #4285f4;\n        --game-show-text-color: #ffffff;\n      }\n      app-toolbar {\n        background-color: var(--game-show-bg-color, blue);\n        color: var(--game-show-text-color, white);\n        font-size: 24px;\n        display: flex;\n      }\n      iron-icon {\n        display: inline-block;\n      }\n\n      paper-button {\n        --paper-button-ink-color: var(--game-show-bg-color, blue);\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, white);\n        --app-header-background-rear-layer: {\n          background-color: #ef6c00;\n        }\n      }\n      responsive-grid-row {\n        --responsive-grid-row-inner: {\n          margin-left: 0;\n          margin-right: 0;\n        }\n      }\n      responsive-grid-col {\n        --responsive-grid-col-inner: {\n          padding-left: 0;\n          padding-right: 0;\n        }\n      }\n      #contentcontainer {\n        margin: 0 auto;\n        font-size: 16px;\n      }\n      .grid-button {\n        width: 100%;\n        height: 80px;\n        text-align: center;\n        min-width: unset;\n        padding: 0;\n        margin: 0;\n      }\n      .status-icon {\n        width: 64px;\n        height: 64px;\n        opacity: 0.25;\n        position: absolute;\n      }\n      .correct {\n        color: green;\n      }\n      .incorrect {\n        color: red;\n      }\n      .row-0 paper-button[disabled] {\n        font-weight: bold;\n        font-size: 16px;\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        .grid-button {\n          font-size: 9px;\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=\"helpbutton\" on-tap=\"directionsToggle\"\n          ><iron-icon icon=\"help\"></iron-icon> Directions</paper-button\n        >\n        <div main-title=\"\">[[title]]</div>\n      </app-toolbar>\n    </app-header>\n    <div id=\"contentcontainer\">\n      <template is=\"dom-repeat\" items=\"[[gameBoard]]\" as=\"row\">\n        <responsive-grid-row gutter=\"0\" class\\$=\"row row-[[index]]\">\n          <template is=\"dom-repeat\" items=\"[[row.cols]]\" as=\"col\">\n            <responsive-grid-col xl=\"3\" lg=\"3\" md=\"3\" sm=\"3\" xs=\"3\">\n              <paper-button\n                class=\"grid-button\"\n                raised=\"[[!col.notRaised]]\"\n                data-question-data\\$=\"[[col.question]]\"\n                data-value\\$=\"[[col.points]]\"\n                data-type\\$=\"[[col.type]]\"\n                disabled\\$=\"[[col.disabled]]\"\n                >[[col.title]]<br />[[col.points]]</paper-button\n              >\n            </responsive-grid-col>\n          </template>\n        </responsive-grid-row>\n      </template>\n      <div>\n        <h3>Scoreboard</h3>\n        <table>\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>Bonus</th>\n              <th>Total</th>\n            </tr>\n            <tr>\n              <th>Points Attempted</th>\n              <td>[[points.slide.attempted]]</td>\n              <td>[[points.terms.attempted]]</td>\n              <td>[[points.reading.attempted]]</td>\n              <td>[[points.lecture.attempted]]</td>\n              <td>[[points.bonus.attempted]]</td>\n              <td>[[points.total.attempted]]</td>\n            </tr>\n            <tr>\n              <th>Points Earned</th>\n              <td>[[points.slide.earned]]</td>\n              <td>[[points.terms.earned]]</td>\n              <td>[[points.reading.earned]]</td>\n              <td>[[points.lecture.earned]]</td>\n              <td>[[points.bonus.earned]]</td>\n              <td>[[points.total.earned]]</td>\n            </tr>\n            <tr>\n              <th>Category Percentage</th>\n              <td>[[points.slide.percent]]</td>\n              <td>[[points.terms.percent]]</td>\n              <td>[[points.reading.percent]]</td>\n              <td>[[points.lecture.percent]]</td>\n              <td>[[points.bonus.percent]]</td>\n              <td>[[points.total.percent]]</td>\n            </tr>\n          </tbody>\n        </table>\n        <div>Points Remaining to Attempt: [[remainingAttempts]]</div>\n      </div>\n    </div>\n    <game-show-quiz-modal id=\"directions\" title=\"[[directionsTitle]]\">\n      <div slot=\"content\"><slot name=\"directions\"></slot></div>\n      <paper-button slot=\"buttons\" id=\"dismiss\" dialog-confirm=\"\" raised=\"\"\n        >Good luck!</paper-button\n      >\n    </game-show-quiz-modal>\n    <game-show-quiz-modal id=\"dialog\" title=\"[[activeQuestion.title]]\">\n      <iron-image\n        slot=\"content\"\n        style=\"min-width:100px; width:100%; min-height:25vh; height:40vh; background-color: lightgray;\"\n        sizing=\"contain\"\n        preload=\"\"\n        src\\$=\"[[activeQuestion.image]]\"\n      ></iron-image>\n      <multiple-choice\n        disabled\\$=\"[[activeQuestion.submitted]]\"\n        slot=\"content\"\n        id=\"question\"\n        hide-buttons=\"\"\n        title=\"[[activeQuestion.title]]\"\n        answers=\"[[activeQuestion.data]]\"\n      ></multiple-choice>\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        >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=\"{{gameBoard}}\"\n    ></iron-ajax>\n    <iron-ajax\n      id=\"questiondata\"\n      url=\"[[__questionEndpoint]]\"\n      handle-as=\"json\"\n      last-response=\"{{activeQuestion}}\"\n    ></iron-ajax>\n  "]);_templateObject_0c07ae60555211e98f439769bd191e33=function(){return data};return data}var GameShowQuiz=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_0c07ae60555211e98f439769bd191e33()),is:"game-show-quiz",behaviors:[HAXBehaviors.PropertiesBehaviors],properties:{title:{type:String},points:{type:Object,value:{slide:{attempted:0,earned:0,percent:0},terms:{attempted:0,earned:0,percent:0},reading:{attempted:0,earned:0,percent:0},lecture:{attempted:0,earned:0,percent:0},bonus:{attempted:0,earned:0,percent:0},total:{attempted:0,earned:0,percent:0}}},remainingAttempts:{type:Number,value:30},directionsTitle:{type:String,value:"Directions"},gameBoard:{type:Array,observer:"_gameBoardChanged"},gameData:{type:String},activeQuestion:{type:Object}},directionsToggle:function directionsToggle(){this.$.directions.toggle()},continueGameTap:function continueGameTap(){if(babelHelpers.typeof(this.__activeTap)!=="undefined"&&null!=(0,_polymerDom.dom)(this.__activeTap).parentNode.nextElementSibling.firstElementChild){(0,_polymerDom.dom)(this.__activeTap).parentNode.nextElementSibling.firstElementChild.firstElementChild.focus();delete this.__activeTap}else if(babelHelpers.typeof(this.__activeTap)!=="undefined"&&null==(0,_polymerDom.dom)(this.__activeTap).parentNode.nextElementSibling.firstElementChild){this.__activeTap.focus();delete this.__activeTap}},registerTap:function registerTap(){this.__submitDisabled=!1},submitAnswer:function submitAnswer(){this.set("activeQuestion.submitted",!0);this.notifyPath("activeQuestion.submitted");this.$.continue.focus();this.__activeTap.disabled=!0;var icon=document.createElement("iron-icon");icon.classList.add("status-icon");var num=parseInt(this.points[this.__activeType].attempted)+parseInt(this.__activeValue);this.set("points."+this.__activeType+".attempted",num);this.notifyPath("points."+this.__activeType+".attempted");var total=parseInt(this.points.total.attempted)+parseInt(this.__activeValue);this.set("points.total.attempted",total);this.notifyPath("points.total.attempted");this.remainingAttempts=this.remainingAttempts-parseInt(this.__activeValue);if(this.$.question.checkAnswers()){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,cancelable:!0,detail:{text:"Correct!",duration:4e3}});this.dispatchEvent(evt);var _num=parseInt(this.points[this.__activeType].earned)+parseInt(this.__activeValue);this.set("points."+this.__activeType+".earned",_num);this.notifyPath("points."+this.__activeType+".earned");icon.icon="icons:check-circle";icon.classList.add("correct");var _total=parseInt(this.points.total.earned)+parseInt(this.__activeValue);this.set("points.total.earned",_total);this.notifyPath("points.total.earned")}else{var _evt=new CustomEvent("simple-toast-show",{bubbles:!0,cancelable:!0,detail:{text:":( You got it wrong",duration:4e3}});this.dispatchEvent(_evt);icon.icon="icons:cancel";icon.classList.add("incorrect")}var percent=(100*(parseInt(this.points[this.__activeType].earned)/parseInt(this.points[this.__activeType].attempted))).toFixed(1);this.set("points."+this.__activeType+".percent",percent);this.notifyPath("points."+this.__activeType+".percent");total=(100*(parseInt(this.points.total.earned)/parseInt(this.points.total.attempted))).toFixed(1);this.set("points.total.percent",total);this.notifyPath("points.total.percent");(0,_polymerDom.dom)(this.__activeTap).appendChild(icon)},_gameBoardTap:function _gameBoardTap(e){var _this=this,normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;if(null!=local.getAttribute("data-question-data")){this.__submitDisabled=!0;this.__questionEndpoint=local.getAttribute("data-question-data");this.__activeTap=local;this.__activeType=local.getAttribute("data-type");this.__activeValue=local.getAttribute("data-value");this.$.questiondata.answers=[];setTimeout(function(){_this.$.questiondata.generateRequest();_this.$.dialog.toggle()},100)}},_gameBoardChanged:function _gameBoardChanged(){},resetFocus:function resetFocus(){this.$.helpbutton.focus()},attached:function attached(){window.SimpleToast.requestAvailability();this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Game show",description:"Tweak the game show options",icon:"av:play-circle-filled",color:"grey",groups:["Video","Media"],handles:[{type:"video",url:"source"}],meta:{author:"Your organization on github"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}});this.$.dismiss.addEventListener("tap",this.resetFocus.bind(this));this.$.contentcontainer.addEventListener("tap",this._gameBoardTap.bind(this));this.$.submit.addEventListener("tap",this.submitAnswer.bind(this));this.$.continue.addEventListener("tap",this.continueGameTap.bind(this));this.$.question.addEventListener("tap",this.registerTap.bind(this))},detached:function detached(){this.$.dismiss.removeEventListener("tap",this.resetFocus.bind(this));this.$.contentcontainer.removeEventListener("tap",this._gameBoardTap.bind(this));this.$.submit.removeEventListener("tap",this.submitAnswer.bind(this));this.$.continue.removeEventListener("tap",this.continueGameTap.bind(this));this.$.question.removeEventListener("tap",this.registerTap.bind(this))}});_exports.GameShowQuiz=GameShowQuiz});
\ No newline at end of file
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 835117d0fb8..5e80a0bc7af 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../../@polymer/paper-dialog/paper-dialog.js","../../../@polymer/paper-button/paper-button.js"],function(_polymerLegacy){"use strict";function _templateObject_977436c054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      #dialog {\n        min-width: 60%;\n        top: 5%;\n        bottom: 5%;\n        margin: 0;\n        padding: 0;\n        left: 15%;\n        right: 15%;\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: 32px;\n        background-color: var(--game-show-bg-color);\n        color: var(--game-show-text-color);\n        margin: 0;\n        padding: 16px;\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: #004400;\n        background-color: #eeffee;\n      }\n      @media screen and (max-width: 600px) {\n        #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    </style>\n    <paper-dialog id=\"dialog\" modal=\"\">\n      <h2>[[title]]</h2>\n      <div class=\"content\"><slot name=\"content\"></slot></div>\n      <div class=\"buttons\"><slot name=\"buttons\"></slot></div>\n    </paper-dialog>\n  "]);_templateObject_977436c054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_977436c054f411e9aeb367f92c5b63ab()),is:"game-show-quiz-modal",properties:{title:{type:String}},toggle:function toggle(){this.$.dialog.toggle()}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../../@polymer/paper-dialog/paper-dialog.js","../../../@polymer/paper-button/paper-button.js"],function(_polymerLegacy){"use strict";function _templateObject_2c856650555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      #dialog {\n        min-width: 60%;\n        top: 5%;\n        bottom: 5%;\n        margin: 0;\n        padding: 0;\n        left: 15%;\n        right: 15%;\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: 32px;\n        background-color: var(--game-show-bg-color);\n        color: var(--game-show-text-color);\n        margin: 0;\n        padding: 16px;\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: #004400;\n        background-color: #eeffee;\n      }\n      @media screen and (max-width: 600px) {\n        #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    </style>\n    <paper-dialog id=\"dialog\" modal=\"\">\n      <h2>[[title]]</h2>\n      <div class=\"content\"><slot name=\"content\"></slot></div>\n      <div class=\"buttons\"><slot name=\"buttons\"></slot></div>\n    </paper-dialog>\n  "]);_templateObject_2c856650555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2c856650555211e98f439769bd191e33()),is:"game-show-quiz-modal",properties:{title:{type:String}},toggle:function toggle(){this.$.dialog.toggle()}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/gene-crossover.js b/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/gene-crossover.js
index 8992bf7b0e2..377ecbedf6d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/gene-crossover.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/gene-crossover.js
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/app-route/app-route.js","../../@polymer/app-route/app-location.js","../../@polymer/iron-pages/iron-pages.js","../paper-stepper/paper-stepper.js","./lib/gene-crossover-1.js","./lib/gene-crossover-2.js","./lib/gene-crossover-3.js","./lib/gene-crossover-4.js","./lib/gene-crossover-5.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.GeneCrossover=void 0;function _templateObject_6f0e91d054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"animation-shared-styles\">\n      :host {\n        display: block;\n      }\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        font-family: \"Open Sans\", sans-serif;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #6d6e71;\n        text-align: center;\n        font-size: 19.2px;\n      }\n\n      p {\n        font-family: \"Open Sans\", sans-serif;\n      }\n    </style>\n\n    <!-- Pages -->\n    <iron-pages selected=\"[[activePage]]\">\n      <gene-crossover-1\n        selected=\"[[_isActive(activePage, 0)]]\"\n      ></gene-crossover-1>\n      <gene-crossover-2\n        selected=\"[[_isActive(activePage, 1)]]\"\n      ></gene-crossover-2>\n      <gene-crossover-3\n        selected=\"[[_isActive(activePage, 2)]]\"\n      ></gene-crossover-3>\n      <gene-crossover-4\n        selected=\"[[_isActive(activePage, 3)]]\"\n      ></gene-crossover-4>\n      <!--\n        <gene-crossover-5 selected=\"[[_isActive(activePage, 4)]]\"></gene-crossover-5>\n      -->\n    </iron-pages>\n\n    <!-- Counter -->\n    <template is=\"dom-if\" if=\"[[count]]\">\n      <paper-stepper selected=\"{{activePage}}\" progress-bar=\"\">\n        <template is=\"dom-repeat\" items=\"[[_countToArray(count)]]\">\n          <paper-step></paper-step>\n        </template>\n      </paper-stepper>\n    </template>\n  "]);_templateObject_6f0e91d054f411e9aeb367f92c5b63ab=function(){return data};return data}var GeneCrossover=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_6f0e91d054f411e9aeb367f92c5b63ab()),is:"gene-crossover",properties:{activePage:{type:String,value:0},count:{type:Number,value:0}},_isActive:function _isActive(activePage,index){return activePage===index},_countToArray:function _countToArray(count){var array=[];if(count){for(var i=0;i<count;i++){array.push(i)}}return array},ready:function ready(){var root=this,ironPages=root.shadowRoot.querySelector("iron-pages");if(ironPages.children){if(ironPages.children.length){root.count=ironPages.children.length}}}});_exports.GeneCrossover=GeneCrossover});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/app-route/app-route.js","../../@polymer/app-route/app-location.js","../../@polymer/iron-pages/iron-pages.js","../paper-stepper/paper-stepper.js","./lib/gene-crossover-1.js","./lib/gene-crossover-2.js","./lib/gene-crossover-3.js","./lib/gene-crossover-4.js","./lib/gene-crossover-5.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.GeneCrossover=void 0;function _templateObject_0c219f00555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"animation-shared-styles\">\n      :host {\n        display: block;\n      }\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        font-family: \"Open Sans\", sans-serif;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #6d6e71;\n        text-align: center;\n        font-size: 19.2px;\n      }\n\n      p {\n        font-family: \"Open Sans\", sans-serif;\n      }\n    </style>\n\n    <!-- Pages -->\n    <iron-pages selected=\"[[activePage]]\">\n      <gene-crossover-1\n        selected=\"[[_isActive(activePage, 0)]]\"\n      ></gene-crossover-1>\n      <gene-crossover-2\n        selected=\"[[_isActive(activePage, 1)]]\"\n      ></gene-crossover-2>\n      <gene-crossover-3\n        selected=\"[[_isActive(activePage, 2)]]\"\n      ></gene-crossover-3>\n      <gene-crossover-4\n        selected=\"[[_isActive(activePage, 3)]]\"\n      ></gene-crossover-4>\n      <!--\n        <gene-crossover-5 selected=\"[[_isActive(activePage, 4)]]\"></gene-crossover-5>\n      -->\n    </iron-pages>\n\n    <!-- Counter -->\n    <template is=\"dom-if\" if=\"[[count]]\">\n      <paper-stepper selected=\"{{activePage}}\" progress-bar=\"\">\n        <template is=\"dom-repeat\" items=\"[[_countToArray(count)]]\">\n          <paper-step></paper-step>\n        </template>\n      </paper-stepper>\n    </template>\n  "]);_templateObject_0c219f00555211e98f439769bd191e33=function(){return data};return data}var GeneCrossover=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_0c219f00555211e98f439769bd191e33()),is:"gene-crossover",properties:{activePage:{type:String,value:0},count:{type:Number,value:0}},_isActive:function _isActive(activePage,index){return activePage===index},_countToArray:function _countToArray(count){var array=[];if(count){for(var i=0;i<count;i++){array.push(i)}}return array},ready:function ready(){var root=this,ironPages=root.shadowRoot.querySelector("iron-pages");if(ironPages.children){if(ironPages.children.length){root.count=ironPages.children.length}}}});_exports.GeneCrossover=GeneCrossover});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-1.js b/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-1.js
index 1457ee1f44b..05ef6e1c92b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-1.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-1.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../lrndesign-animationctrl/lrndesign-animationctrl.js"],function(_polymerLegacy){"use strict";function _templateObject_9905fa5054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        font-family: \"Open Sans\", sans-serif;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #6d6e71;\n        text-align: center;\n      }\n\n      p {\n        font-family: \"Open Sans\", sans-serif;\n      }\n    </style>\n\n    <h1>Gene Crossover</h1>\n\n    <p>\n      Crossing over between nonsister chromatids occurs during Prophase 1 of\n      meiosis. This animation will illustrate a simple cross-over event between\n      nonsister chromatids.\n    </p>\n\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n      viewBox=\"0 0 640 254.99\"\n    >\n      <defs>\n        <radialGradient\n          id=\"423bb513-14ae-434c-b9bb-d9a74df89b27\"\n          cx=\"22\"\n          cy=\"-240.01\"\n          r=\"88.56\"\n          gradientTransform=\"matrix(0.13, -0.99, -0.99, -0.13, 168.97, 155.6)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#fcf\"></stop>\n          <stop offset=\"1\" stop-color=\"#f6f\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n          cx=\"-363.75\"\n          cy=\"-254.35\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(-0.18, -0.98, -0.98, 0.18, -39.2, -143.49)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#09f\"></stop>\n          <stop offset=\"1\" stop-color=\"#03c\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"6cea740f-d3d4-4767-9547-190646ef7d92\"\n          cx=\"-36.8\"\n          cy=\"-249.99\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(0.08, -1, -1, -0.08, 30.75, 109.83)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"56d773ec-f559-482e-86df-677cabc1a326\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.6\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 134.88, 32.04)\"\n          xlink:href=\"#423bb513-14ae-434c-b9bb-d9a74df89b27\"\n        ></radialGradient>\n        <radialGradient\n          id=\"43b707a5-bf31-4e7b-90cb-2c24898c3fb8\"\n          cx=\"186.44\"\n          cy=\"-196.29\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0.26, -0.97, -0.97, -0.26, 28.74, 292.89)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"952d2618-a390-4884-85df-2b86ba1eaa53\"\n          cx=\"97.82\"\n          cy=\"-222.83\"\n          r=\"92.35\"\n          gradientTransform=\"matrix(0.19, -0.98, -0.98, -0.19, -7.28, 221.62)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"e3dcd28f-8611-46e9-9db2-36732c731126\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 15.88, 31.04)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"49acdd7e-3376-4b78-924b-3756b53c914f\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 23.88, 31.04)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"8f935048-8543-413e-9bb5-8eb18bec537f\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.7\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 28.63, 27.54)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n      </defs>\n      <title>crossover-2-full</title>\n\n      <g id=\"setonerightone\">\n        <g id=\"Layer1_0_FILL-18\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M355,93.59q-6.4-13.95-16.1-8.1t-6.35,16L337.1,115l.4,1.25q8,20.4,16.75,42.05l4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,382.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,355,93.59Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-18\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M355,93.59a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,377,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8q-8.75-21.65-16.75-42.05l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16T355,93.59Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setoneleftone\">\n        <g id=\"Layer0_0_FILL-17\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M213.6,110.94l.4,1.25,16.75,42.05L235.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,259.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7a173.9,173.9,0,0,0-8.2-21.4q-6.4-13.95-16.1-8.1t-6.35,16Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-17\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M213.6,110.94l-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,235.1,165l-4.35-10.8L214,112.19Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"paternalmaternal\">\n        <text\n          transform=\"translate(210.51 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Paternal\n        </text>\n        <text\n          transform=\"translate(342.5 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Maternal\n        </text>\n      </g>\n    </svg>\n  "]);_templateObject_9905fa5054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9905fa5054f411e9aeb367f92c5b63ab()),is:"gene-crossover-1"})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../lrndesign-animationctrl/lrndesign-animationctrl.js"],function(_polymerLegacy){"use strict";function _templateObject_2e1ca820555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        font-family: \"Open Sans\", sans-serif;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #6d6e71;\n        text-align: center;\n      }\n\n      p {\n        font-family: \"Open Sans\", sans-serif;\n      }\n    </style>\n\n    <h1>Gene Crossover</h1>\n\n    <p>\n      Crossing over between nonsister chromatids occurs during Prophase 1 of\n      meiosis. This animation will illustrate a simple cross-over event between\n      nonsister chromatids.\n    </p>\n\n    <svg\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n      viewBox=\"0 0 640 254.99\"\n    >\n      <defs>\n        <radialGradient\n          id=\"423bb513-14ae-434c-b9bb-d9a74df89b27\"\n          cx=\"22\"\n          cy=\"-240.01\"\n          r=\"88.56\"\n          gradientTransform=\"matrix(0.13, -0.99, -0.99, -0.13, 168.97, 155.6)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#fcf\"></stop>\n          <stop offset=\"1\" stop-color=\"#f6f\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n          cx=\"-363.75\"\n          cy=\"-254.35\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(-0.18, -0.98, -0.98, 0.18, -39.2, -143.49)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#09f\"></stop>\n          <stop offset=\"1\" stop-color=\"#03c\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"6cea740f-d3d4-4767-9547-190646ef7d92\"\n          cx=\"-36.8\"\n          cy=\"-249.99\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(0.08, -1, -1, -0.08, 30.75, 109.83)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"56d773ec-f559-482e-86df-677cabc1a326\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.6\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 134.88, 32.04)\"\n          xlink:href=\"#423bb513-14ae-434c-b9bb-d9a74df89b27\"\n        ></radialGradient>\n        <radialGradient\n          id=\"43b707a5-bf31-4e7b-90cb-2c24898c3fb8\"\n          cx=\"186.44\"\n          cy=\"-196.29\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0.26, -0.97, -0.97, -0.26, 28.74, 292.89)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"952d2618-a390-4884-85df-2b86ba1eaa53\"\n          cx=\"97.82\"\n          cy=\"-222.83\"\n          r=\"92.35\"\n          gradientTransform=\"matrix(0.19, -0.98, -0.98, -0.19, -7.28, 221.62)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"e3dcd28f-8611-46e9-9db2-36732c731126\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 15.88, 31.04)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"49acdd7e-3376-4b78-924b-3756b53c914f\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 23.88, 31.04)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"8f935048-8543-413e-9bb5-8eb18bec537f\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.7\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 28.63, 27.54)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n      </defs>\n      <title>crossover-2-full</title>\n\n      <g id=\"setonerightone\">\n        <g id=\"Layer1_0_FILL-18\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M355,93.59q-6.4-13.95-16.1-8.1t-6.35,16L337.1,115l.4,1.25q8,20.4,16.75,42.05l4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,382.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,355,93.59Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-18\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M355,93.59a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,377,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8q-8.75-21.65-16.75-42.05l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16T355,93.59Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setoneleftone\">\n        <g id=\"Layer0_0_FILL-17\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M213.6,110.94l.4,1.25,16.75,42.05L235.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,259.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7a173.9,173.9,0,0,0-8.2-21.4q-6.4-13.95-16.1-8.1t-6.35,16Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-17\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M213.6,110.94l-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,235.1,165l-4.35-10.8L214,112.19Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"paternalmaternal\">\n        <text\n          transform=\"translate(210.51 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Paternal\n        </text>\n        <text\n          transform=\"translate(342.5 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Maternal\n        </text>\n      </g>\n    </svg>\n  "]);_templateObject_2e1ca820555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2e1ca820555211e98f439769bd191e33()),is:"gene-crossover-1"})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-2.js b/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-2.js
index 10b39c71be9..51ab3c63bc9 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-2.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-2.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../lrndesign-animationctrl/lrndesign-animationctrl.js","./TweenMax.min.js"],function(_polymerLegacy){"use strict";function _templateObject_990bc6b054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        font-family: \"Open Sans\", sans-serif;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #6d6e71;\n        text-align: center;\n      }\n\n      p {\n        font-family: \"Open Sans\", sans-serif;\n      }\n    </style>\n\n    <h1>Gene Crossover</h1>\n\n    <p>\n      Crossing over occurs when homologous chromosomes come together in\n      synapsis. While in a tetrad, the chromatids align gene by gene and, at\n      certain locations, can exchange genetic material.\n    </p>\n\n    <svg\n      id=\"chromosomes\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n      viewBox=\"0 0 640 254.99\"\n    >\n      <defs>\n        <radialGradient\n          id=\"423bb513-14ae-434c-b9bb-d9a74df89b27\"\n          cx=\"22\"\n          cy=\"-240.01\"\n          r=\"88.56\"\n          gradientTransform=\"matrix(0.13, -0.99, -0.99, -0.13, 168.97, 155.6)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#fcf\"></stop>\n          <stop offset=\"1\" stop-color=\"#f6f\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n          cx=\"-363.75\"\n          cy=\"-254.35\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(-0.18, -0.98, -0.98, 0.18, -39.2, -143.49)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#09f\"></stop>\n          <stop offset=\"1\" stop-color=\"#03c\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"6cea740f-d3d4-4767-9547-190646ef7d92\"\n          cx=\"-36.8\"\n          cy=\"-249.99\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(0.08, -1, -1, -0.08, 30.75, 109.83)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"56d773ec-f559-482e-86df-677cabc1a326\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.6\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 134.88, 32.04)\"\n          xlink:href=\"#423bb513-14ae-434c-b9bb-d9a74df89b27\"\n        ></radialGradient>\n        <radialGradient\n          id=\"43b707a5-bf31-4e7b-90cb-2c24898c3fb8\"\n          cx=\"186.44\"\n          cy=\"-196.29\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0.26, -0.97, -0.97, -0.26, 28.74, 292.89)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"952d2618-a390-4884-85df-2b86ba1eaa53\"\n          cx=\"97.82\"\n          cy=\"-222.83\"\n          r=\"92.35\"\n          gradientTransform=\"matrix(0.19, -0.98, -0.98, -0.19, -7.28, 221.62)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"e3dcd28f-8611-46e9-9db2-36732c731126\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 15.88, 31.04)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"49acdd7e-3376-4b78-924b-3756b53c914f\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 23.88, 31.04)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"8f935048-8543-413e-9bb5-8eb18bec537f\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.7\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 28.63, 27.54)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n      </defs>\n      <title>crossover-2-full</title>\n\n      <g id=\"setonerightfour\">\n        <g id=\"Layer1_0_FILL-15\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M327.12,82.44a15.13,15.13,0,0,0-7.35,5.15,12.68,12.68,0,0,0-1.9,9.2v.05l1.8,14.15.2,1.3,8.35,44.45,2.2,11.35.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,354.87,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68L345.32,116a181.16,181.16,0,0,0-3.9-22.55Q337.77,78.54,327.12,82.44Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-15\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M327.12,82.44q10.65-3.9,14.3,11a181.16,181.16,0,0,1,3.9,22.55l2.45,40.4q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,349,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25-2.2-11.35-8.35-44.45-.2-1.3-1.8-14.15v-.05a12.68,12.68,0,0,1,1.9-9.2A15.13,15.13,0,0,1,327.12,82.44Z\"\n          fill=\"#c978af\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setoneleftfour\">\n        <g id=\"Layer0_0_FILL-15\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M277.2,149.19l.65,3.2.65,3.3-.3-4.15-.25-1.35-.3-.5Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n          <path\n            d=\"M259.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L263.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,287.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q5-6.7,6.35-23l2.45-36.15-.7-17-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.85,64.3.3,4.15-.65-3.3-.65-3.2q-5-23.75-9.45-38.25A173.9,173.9,0,0,0,259.55,89.54Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-15\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M278.2,151.54l-3.85-64.3q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17-2.45,36.15q-1.35,16.3-6.35,23a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,263.1,165l-4.35-10.8L242,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.45,14.5,9.45,38.25m.75,1,.25,1.35.3,4.15-.65-3.3-.65-3.2\"\n          fill=\"#344da1\"\n          stroke=\"#2895b2\"\n          stroke-miterlimit=\"10\"\n        ></path>\n      </g>\n      <g id=\"setonerightthree\">\n        <g id=\"Layer1_0_FILL-16\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M327.1,82.44a15.13,15.13,0,0,0-7.35,5.15,12.68,12.68,0,0,0-1.9,9.2v.05l1.8,14.15.2,1.3,8.35,44.45,2.2,11.35.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,354.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68L345.3,116a181.16,181.16,0,0,0-3.9-22.55Q337.75,78.54,327.1,82.44Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-16\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M327.1,82.44q10.65-3.9,14.3,11A181.16,181.16,0,0,1,345.3,116l2.45,40.4q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,349,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25-2.2-11.35-8.35-44.45-.2-1.3-1.8-14.15v-.05a12.68,12.68,0,0,1,1.9-9.2A15.13,15.13,0,0,1,327.1,82.44Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setoneleftthree\">\n        <path\n          d=\"M259.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L263.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,287.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q5-6.7,6.35-23l2.45-36.15-.7-17-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.85,64.3.3,4.15-.65-3.3-.65-3.2q-5-23.75-9.45-38.25A173.9,173.9,0,0,0,259.55,89.54Z\"\n          fill=\"#344da1\"\n          stroke=\"#2895b2\"\n          stroke-miterlimit=\"10\"\n        ></path>\n      </g>\n      <g id=\"setonerighttwo\">\n        <g id=\"Layer1_0_FILL-17\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M347,93.59q-6.4-13.95-16.1-8.1t-6.35,16L329.1,115l.4,1.25q8,20.4,16.75,42.05l4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,374.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,347,93.59Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-17\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M347,93.59a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,369,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8q-8.75-21.65-16.75-42.05l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16T347,93.59Z\"\n          fill=\"#c978af\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setonelefttwo\">\n        <g id=\"Layer0_0_FILL-16\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M239.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L243.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,267.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,239.55,89.54Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-16\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M221.6,110.94l-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,243.1,165l-4.35-10.8L222,112.19Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setonerightone\">\n        <g id=\"Layer1_0_FILL-18\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M355,93.59q-6.4-13.95-16.1-8.1t-6.35,16L337.1,115l.4,1.25q8,20.4,16.75,42.05l4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,382.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,355,93.59Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-18\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M355,93.59a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,377,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8q-8.75-21.65-16.75-42.05l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16T355,93.59Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setoneleftone\">\n        <g id=\"Layer0_0_FILL-17\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M213.6,110.94l.4,1.25,16.75,42.05L235.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,259.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7a173.9,173.9,0,0,0-8.2-21.4q-6.4-13.95-16.1-8.1t-6.35,16Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-17\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M213.6,110.94l-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,235.1,165l-4.35-10.8L214,112.19Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"synapsetext\">\n        <text\n          transform=\"translate(140.01 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Synapsed chromosomes in tetrad - Prophase I\n        </text>\n      </g>\n    </svg>\n  "]);_templateObject_990bc6b054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_990bc6b054f411e9aeb367f92c5b63ab()),is:"gene-crossover-2",properties:{tl:{type:Object,value:null},selected:{type:Boolean,value:!1},animationReady:{type:Boolean,value:!1}},observers:["_selectedChanged(selected, animationReady)"],_selectedChanged:function _selectedChanged(selected,animationReady){if(!animationReady){return}if(selected){this.tl.play();this.lefttl.play();this.righttl.play()}else{this.tl.progress(0);this.lefttl.progress(0);this.righttl.progress(0);this.tl.pause();this.lefttl.pause();this.righttl.pause()}},ready:function ready(){var root=this,tl=new TimelineMax,lefttl=new TimelineMax,righttl=new TimelineMax,playButton=this.shadowRoot.querySelector("#play-button"),replayButton=this.shadowRoot.querySelector("#replay-button"),svg=this.shadowRoot.querySelector("#chromosomes"),synapsetext=svg.getElementById("synapsetext"),setonerightfour=svg.getElementById("setonerightfour"),setonerightthree=svg.getElementById("setonerightthree"),setonerighttwo=svg.getElementById("setonerighttwo"),setonerightone=svg.getElementById("setonerightone"),setoneleftfour=svg.getElementById("setoneleftfour"),setoneleftthree=svg.getElementById("setoneleftthree"),setonelefttwo=svg.getElementById("setonelefttwo"),setoneleftone=svg.getElementById("setoneleftone");tl.set([setoneleftfour,setoneleftthree,setonelefttwo,setonerightfour,setonerightthree,setonerighttwo],{display:"none"});tl.to([setoneleftone],.2,{x:"+=5",alpha:0}).to([setonerightone],.2,{x:"-=5",alpha:0});lefttl.to([setonelefttwo],.1,babelHelpers.defineProperty({x:"+=10",display:"block"},"display","none")).to([setoneleftthree],.3,babelHelpers.defineProperty({x:"+=10",display:"block"},"display","none")).to([setoneleftfour],.3,{x:"+=10",display:"block"});righttl.to([setonerighttwo],.1,babelHelpers.defineProperty({x:"-=10",display:"block"},"display","none")).to([setonerightthree],.3,babelHelpers.defineProperty({x:"-=10",display:"block"},"display","none")).to([setonerightfour],.3,{x:"-=10",display:"block"});this.tl=tl;this.lefttl=lefttl;this.righttl=righttl;this.animationReady=!0;this.tl.pause();this.lefttl.pause();this.righttl.pause()}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../lrndesign-animationctrl/lrndesign-animationctrl.js","./TweenMax.min.js"],function(_polymerLegacy){"use strict";function _templateObject_2e27cbb0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        font-family: \"Open Sans\", sans-serif;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #6d6e71;\n        text-align: center;\n      }\n\n      p {\n        font-family: \"Open Sans\", sans-serif;\n      }\n    </style>\n\n    <h1>Gene Crossover</h1>\n\n    <p>\n      Crossing over occurs when homologous chromosomes come together in\n      synapsis. While in a tetrad, the chromatids align gene by gene and, at\n      certain locations, can exchange genetic material.\n    </p>\n\n    <svg\n      id=\"chromosomes\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n      viewBox=\"0 0 640 254.99\"\n    >\n      <defs>\n        <radialGradient\n          id=\"423bb513-14ae-434c-b9bb-d9a74df89b27\"\n          cx=\"22\"\n          cy=\"-240.01\"\n          r=\"88.56\"\n          gradientTransform=\"matrix(0.13, -0.99, -0.99, -0.13, 168.97, 155.6)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#fcf\"></stop>\n          <stop offset=\"1\" stop-color=\"#f6f\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n          cx=\"-363.75\"\n          cy=\"-254.35\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(-0.18, -0.98, -0.98, 0.18, -39.2, -143.49)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#09f\"></stop>\n          <stop offset=\"1\" stop-color=\"#03c\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"6cea740f-d3d4-4767-9547-190646ef7d92\"\n          cx=\"-36.8\"\n          cy=\"-249.99\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(0.08, -1, -1, -0.08, 30.75, 109.83)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"56d773ec-f559-482e-86df-677cabc1a326\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.6\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 134.88, 32.04)\"\n          xlink:href=\"#423bb513-14ae-434c-b9bb-d9a74df89b27\"\n        ></radialGradient>\n        <radialGradient\n          id=\"43b707a5-bf31-4e7b-90cb-2c24898c3fb8\"\n          cx=\"186.44\"\n          cy=\"-196.29\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0.26, -0.97, -0.97, -0.26, 28.74, 292.89)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"952d2618-a390-4884-85df-2b86ba1eaa53\"\n          cx=\"97.82\"\n          cy=\"-222.83\"\n          r=\"92.35\"\n          gradientTransform=\"matrix(0.19, -0.98, -0.98, -0.19, -7.28, 221.62)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"e3dcd28f-8611-46e9-9db2-36732c731126\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 15.88, 31.04)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"49acdd7e-3376-4b78-924b-3756b53c914f\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 23.88, 31.04)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"8f935048-8543-413e-9bb5-8eb18bec537f\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.7\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 28.63, 27.54)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n      </defs>\n      <title>crossover-2-full</title>\n\n      <g id=\"setonerightfour\">\n        <g id=\"Layer1_0_FILL-15\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M327.12,82.44a15.13,15.13,0,0,0-7.35,5.15,12.68,12.68,0,0,0-1.9,9.2v.05l1.8,14.15.2,1.3,8.35,44.45,2.2,11.35.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,354.87,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68L345.32,116a181.16,181.16,0,0,0-3.9-22.55Q337.77,78.54,327.12,82.44Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-15\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M327.12,82.44q10.65-3.9,14.3,11a181.16,181.16,0,0,1,3.9,22.55l2.45,40.4q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,349,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25-2.2-11.35-8.35-44.45-.2-1.3-1.8-14.15v-.05a12.68,12.68,0,0,1,1.9-9.2A15.13,15.13,0,0,1,327.12,82.44Z\"\n          fill=\"#c978af\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setoneleftfour\">\n        <g id=\"Layer0_0_FILL-15\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M277.2,149.19l.65,3.2.65,3.3-.3-4.15-.25-1.35-.3-.5Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n          <path\n            d=\"M259.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L263.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,287.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q5-6.7,6.35-23l2.45-36.15-.7-17-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.85,64.3.3,4.15-.65-3.3-.65-3.2q-5-23.75-9.45-38.25A173.9,173.9,0,0,0,259.55,89.54Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-15\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M278.2,151.54l-3.85-64.3q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17-2.45,36.15q-1.35,16.3-6.35,23a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,263.1,165l-4.35-10.8L242,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.45,14.5,9.45,38.25m.75,1,.25,1.35.3,4.15-.65-3.3-.65-3.2\"\n          fill=\"#344da1\"\n          stroke=\"#2895b2\"\n          stroke-miterlimit=\"10\"\n        ></path>\n      </g>\n      <g id=\"setonerightthree\">\n        <g id=\"Layer1_0_FILL-16\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M327.1,82.44a15.13,15.13,0,0,0-7.35,5.15,12.68,12.68,0,0,0-1.9,9.2v.05l1.8,14.15.2,1.3,8.35,44.45,2.2,11.35.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,354.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68L345.3,116a181.16,181.16,0,0,0-3.9-22.55Q337.75,78.54,327.1,82.44Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-16\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M327.1,82.44q10.65-3.9,14.3,11A181.16,181.16,0,0,1,345.3,116l2.45,40.4q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,349,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25-2.2-11.35-8.35-44.45-.2-1.3-1.8-14.15v-.05a12.68,12.68,0,0,1,1.9-9.2A15.13,15.13,0,0,1,327.1,82.44Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setoneleftthree\">\n        <path\n          d=\"M259.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L263.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,287.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q5-6.7,6.35-23l2.45-36.15-.7-17-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.85,64.3.3,4.15-.65-3.3-.65-3.2q-5-23.75-9.45-38.25A173.9,173.9,0,0,0,259.55,89.54Z\"\n          fill=\"#344da1\"\n          stroke=\"#2895b2\"\n          stroke-miterlimit=\"10\"\n        ></path>\n      </g>\n      <g id=\"setonerighttwo\">\n        <g id=\"Layer1_0_FILL-17\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M347,93.59q-6.4-13.95-16.1-8.1t-6.35,16L329.1,115l.4,1.25q8,20.4,16.75,42.05l4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,374.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,347,93.59Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-17\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M347,93.59a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,369,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8q-8.75-21.65-16.75-42.05l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16T347,93.59Z\"\n          fill=\"#c978af\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setonelefttwo\">\n        <g id=\"Layer0_0_FILL-16\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M239.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L243.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,267.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,239.55,89.54Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-16\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M221.6,110.94l-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,243.1,165l-4.35-10.8L222,112.19Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setonerightone\">\n        <g id=\"Layer1_0_FILL-18\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M355,93.59q-6.4-13.95-16.1-8.1t-6.35,16L337.1,115l.4,1.25q8,20.4,16.75,42.05l4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,382.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,355,93.59Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-18\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M355,93.59a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,377,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8q-8.75-21.65-16.75-42.05l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16T355,93.59Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setoneleftone\">\n        <g id=\"Layer0_0_FILL-17\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M213.6,110.94l.4,1.25,16.75,42.05L235.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,259.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7a173.9,173.9,0,0,0-8.2-21.4q-6.4-13.95-16.1-8.1t-6.35,16Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-17\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M213.6,110.94l-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,235.1,165l-4.35-10.8L214,112.19Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"synapsetext\">\n        <text\n          transform=\"translate(140.01 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Synapsed chromosomes in tetrad - Prophase I\n        </text>\n      </g>\n    </svg>\n  "]);_templateObject_2e27cbb0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2e27cbb0555211e98f439769bd191e33()),is:"gene-crossover-2",properties:{tl:{type:Object,value:null},selected:{type:Boolean,value:!1},animationReady:{type:Boolean,value:!1}},observers:["_selectedChanged(selected, animationReady)"],_selectedChanged:function _selectedChanged(selected,animationReady){if(!animationReady){return}if(selected){this.tl.play();this.lefttl.play();this.righttl.play()}else{this.tl.progress(0);this.lefttl.progress(0);this.righttl.progress(0);this.tl.pause();this.lefttl.pause();this.righttl.pause()}},ready:function ready(){var root=this,tl=new TimelineMax,lefttl=new TimelineMax,righttl=new TimelineMax,playButton=this.shadowRoot.querySelector("#play-button"),replayButton=this.shadowRoot.querySelector("#replay-button"),svg=this.shadowRoot.querySelector("#chromosomes"),synapsetext=svg.getElementById("synapsetext"),setonerightfour=svg.getElementById("setonerightfour"),setonerightthree=svg.getElementById("setonerightthree"),setonerighttwo=svg.getElementById("setonerighttwo"),setonerightone=svg.getElementById("setonerightone"),setoneleftfour=svg.getElementById("setoneleftfour"),setoneleftthree=svg.getElementById("setoneleftthree"),setonelefttwo=svg.getElementById("setonelefttwo"),setoneleftone=svg.getElementById("setoneleftone");tl.set([setoneleftfour,setoneleftthree,setonelefttwo,setonerightfour,setonerightthree,setonerighttwo],{display:"none"});tl.to([setoneleftone],.2,{x:"+=5",alpha:0}).to([setonerightone],.2,{x:"-=5",alpha:0});lefttl.to([setonelefttwo],.1,babelHelpers.defineProperty({x:"+=10",display:"block"},"display","none")).to([setoneleftthree],.3,babelHelpers.defineProperty({x:"+=10",display:"block"},"display","none")).to([setoneleftfour],.3,{x:"+=10",display:"block"});righttl.to([setonerighttwo],.1,babelHelpers.defineProperty({x:"-=10",display:"block"},"display","none")).to([setonerightthree],.3,babelHelpers.defineProperty({x:"-=10",display:"block"},"display","none")).to([setonerightfour],.3,{x:"-=10",display:"block"});this.tl=tl;this.lefttl=lefttl;this.righttl=righttl;this.animationReady=!0;this.tl.pause();this.lefttl.pause();this.righttl.pause()}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-3.js b/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-3.js
index 57070628f3d..ca798633b6f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-3.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-3.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../lrndesign-animationctrl/lrndesign-animationctrl.js","./TweenMax.min.js"],function(_polymerLegacy){"use strict";function _templateObject_9911931054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        font-family: \"Open Sans\", sans-serif;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #6d6e71;\n        text-align: center;\n      }\n\n      p {\n        font-family: \"Open Sans\", sans-serif;\n      }\n    </style>\n\n    <h1>Gene Crossover</h1>\n\n    <p>\n      This exchange of genetic material results in chromatids that are comprised\n      of both maternal and paternal genes. Along human chromsomes, for example,\n      an average of 2 or 3 cross-over events occurs per chromosome. This\n      exchange of genetic material creates a source of genetic variation for\n      sexually reproducing organisms.\n    </p>\n\n    <svg\n      id=\"chromosomes\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n      viewBox=\"0 0 640 254.99\"\n    >\n      <defs>\n        <radialGradient\n          id=\"423bb513-14ae-434c-b9bb-d9a74df89b27\"\n          cx=\"22\"\n          cy=\"-240.01\"\n          r=\"88.56\"\n          gradientTransform=\"matrix(0.13, -0.99, -0.99, -0.13, 168.97, 155.6)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#fcf\"></stop>\n          <stop offset=\"1\" stop-color=\"#f6f\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n          cx=\"-363.75\"\n          cy=\"-254.35\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(-0.18, -0.98, -0.98, 0.18, -39.2, -143.49)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#09f\"></stop>\n          <stop offset=\"1\" stop-color=\"#03c\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"6cea740f-d3d4-4767-9547-190646ef7d92\"\n          cx=\"-36.8\"\n          cy=\"-249.99\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(0.08, -1, -1, -0.08, 30.75, 109.83)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"56d773ec-f559-482e-86df-677cabc1a326\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.6\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 134.88, 32.04)\"\n          xlink:href=\"#423bb513-14ae-434c-b9bb-d9a74df89b27\"\n        ></radialGradient>\n        <radialGradient\n          id=\"43b707a5-bf31-4e7b-90cb-2c24898c3fb8\"\n          cx=\"186.44\"\n          cy=\"-196.29\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0.26, -0.97, -0.97, -0.26, 28.74, 292.89)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"952d2618-a390-4884-85df-2b86ba1eaa53\"\n          cx=\"97.82\"\n          cy=\"-222.83\"\n          r=\"92.35\"\n          gradientTransform=\"matrix(0.19, -0.98, -0.98, -0.19, -7.28, 221.62)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"e3dcd28f-8611-46e9-9db2-36732c731126\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 15.88, 31.04)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"49acdd7e-3376-4b78-924b-3756b53c914f\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 23.88, 31.04)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"8f935048-8543-413e-9bb5-8eb18bec537f\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.7\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 28.63, 27.54)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n      </defs>\n      <title>crossover-2-full</title>\n\n      <g id=\"settworightfive\">\n        <g id=\"Layer1_0_FILL-10\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M339.5,148.59l-20.55,1.25,1.25,6.9,2.2,11.35.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M311.65,111l.2,1.3,7.1,37.55,20.55-1.25L337.3,116a181.16,181.16,0,0,0-3.9-22.55q-3.65-14.9-14.3-11a15.13,15.13,0,0,0-7.35,5.15,12.68,12.68,0,0,0-1.9,9.2v.05Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-10\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M318.95,149.84l-7.1-37.55-.2-1.3-1.8-14.15v-.05a12.68,12.68,0,0,1,1.9-9.2,15.13,15.13,0,0,1,7.35-5.15q10.65-3.9,14.3,11A181.16,181.16,0,0,1,337.3,116l2.2,32.6.25,7.8q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25-2.2-11.35Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwoleftfive\">\n        <g id=\"Layer0_0_FILL-10\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M285.2,149.19l.65,3.2.65,3.3-.3-4.15-.25-1.35-.3-.5Z\"\n            fill=\"url(#radial-gradient-8)\"\n          ></path>\n          <path\n            d=\"M308.65,90.54l-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.7,62.05,20.1,1.15.05-.55.7-6.2,2.45-36.15Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.5,13.55.4,1.25,16.75,42.05L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q3.9-5.2,5.6-16.25L286,149.29l.05.6.1,1.65.3,4.15-.65-3.3-.65-3.2q-5-23.75-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-10\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306.15,150.44q-1.7,11.05-5.6,16.25a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165l-4.35-10.8L250,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.45,14.5,9.45,38.25m.75,1,.25,1.35-.1-1.65-.05-.6-3.7-62.05q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17-2.45,36.15-.7,6.2-.05.55m-20,1.1.3,4.15-.65-3.3-.65-3.2\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworightfour\">\n        <g id=\"Layer1_0_FILL-11\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M307.9,147a4.85,4.85,0,0,0-1.3,2.85H330l-2.1-.7q-3.35-2.5-.5-6l11.1-7.1v-.25l1.6-19.75a170.31,170.31,0,0,0-.15-22.9Q338.85,77.94,327.7,80a14.94,14.94,0,0,0-8.1,3.9,12.32,12.32,0,0,0-3.35,8.75l0,0-.55,14.25-.05,1.3.45,24,1.15,8.7Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M306.6,149.89a3.66,3.66,0,0,0,1.8,3.15L320.25,157l2.15,11.1.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68l-.1-3.3-9.65-3.2Z\"\n            fill=\"#c978af\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-11\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M317.2,140.94l-1.15-8.7-.45-24,.05-1.3.55-14.25,0,0a12.32,12.32,0,0,1,3.35-8.75,14.94,14.94,0,0,1,8.1-3.9q11.15-2,12.25,13.2a170.31,170.31,0,0,1,.15,22.9l-1.6,19.75m1.15,17.25.1,3.3q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25L320.25,157\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer1_0_2_STROKES\"\n          data-name=\"Layer1 0 2 STROKES\"\n          d=\"M320.25,157,308.4,153a3.66,3.66,0,0,1-1.8-3.15,4.85,4.85,0,0,1,1.3-2.85l9.3-6.1m21.3-5.1v.25l-11.1,7.1q-2.85,3.5.5,6l2.1.7,9.65,3.2\"\n          fill=\"none\"\n          stroke=\"#ffcfff\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwoleftfour\">\n        <g id=\"Layer0_0_FILL-11\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M291.5,146.49a12.81,12.81,0,0,1-4.85-2.5q-.35,1,4.85,2.5m5.45,3.4,0-.45a4.1,4.1,0,0,1-1.1,1.9l-.8.9Q296.85,151,296.95,149.89Z\"\n            fill=\"url(#radial-gradient-9)\"\n          ></path>\n          <path\n            d=\"M308.65,90.54l-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.15,54a4,4,0,0,0,1.15,2.8,12.81,12.81,0,0,0,4.85,2.5l.85.2,1.15.35.65.2,1.9.9a2.65,2.65,0,0,1,.85,1.3l0,.45h21l-.35-.5a82.67,82.67,0,0,1-10.6-6.5l2.35-35.35Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.5,13.55.4,1.25,16.75,42.05L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q-.25-3.8,5.45-8.5a29.14,29.14,0,0,1,9.65-4.8q3.15-1.75,2.3-3.5h-21q-.1,1.15-1.95,2.35h-.05l-.9.4-2,1-5.65,2.8-.3-.75-.65-4.3-.15-1.95-.05-.25q-5-23.85-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-11\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306,158.19q-5.7,4.7-5.45,8.5a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165l-4.35-10.8L250,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.4,14.4,9.45,38.25l.05.25.15,1.95.65,4.3m.6-11.7a4,4,0,0,1-1.15-2.8l-3.15-54q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17L307,142.89\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer0_0_2_STROKES\"\n          data-name=\"Layer0 0 2 STROKES\"\n          d=\"M286,155.69l.3.75,5.65-2.8,2-1,.9-.4H295m1.9-2.8a2.65,2.65,0,0,0-.85-1.3l-1.9-.9-.65-.2-2-.55m15.5-3.6a82.67,82.67,0,0,0,10.6,6.5l.35.5q.85,1.75-2.3,3.5a29.14,29.14,0,0,0-9.65,4.8m-9.1-8.75,0,.45q-.1,1.15-1.95,2.35m-3.5-5.75a12.81,12.81,0,0,1-4.85-2.5\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworightthree\">\n        <g id=\"Layer1_0_FILL-12\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M304.55,146.54a7.83,7.83,0,0,0-1,3.35h18.15q-.65-2.3,2.05-4.6l14.65-4.95.15-4.5,1.6-19.75a170.31,170.31,0,0,0-.15-22.9Q338.85,77.94,327.7,80a14.94,14.94,0,0,0-8.1,3.9,12.32,12.32,0,0,0-3.35,8.75l0,0-.55,14.25-.05,1.3.45,24,1.15,8.7Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M303.5,149.89a6.68,6.68,0,0,0,.85,3.6l15.9,3.5,2.15,11.1.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.75,36.6-11.9,66.75l-.2,1.25.2-1.25q-6.85-3.75-16.55-2.65a5.7,5.7,0,0,1-1.75-2.6Z\"\n            fill=\"#c978af\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-12\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M320.25,157l-15.9-3.5a6.68,6.68,0,0,1-.85-3.6,7.83,7.83,0,0,1,1-3.35l12.65-5.6m21.3-5.1-.15,4.5-14.65,4.95q-2.7,2.3-2.05,4.6a5.7,5.7,0,0,0,1.75,2.6q9.7-1.1,16.55,2.65\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer1_0_2_STROKES-2\"\n          data-name=\"Layer1 0 2 STROKES\"\n          d=\"M317.2,140.94l-1.15-8.7-.45-24,.05-1.3.55-14.25,0,0a12.32,12.32,0,0,1,3.35-8.75,14.94,14.94,0,0,1,8.1-3.9q11.15-2,12.25,13.2a170.31,170.31,0,0,1,.15,22.9l-1.6,19.75m1.45,19.3q4.15-30.15,11.9-66.75,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25L320.25,157m19.5-.6.2-1.25\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwoleftthree\">\n        <g id=\"Layer0_0_FILL-12\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M308.65,90.54l-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.15,54a4,4,0,0,0,1.15,2.8l4,1.3,12.65,1.5a4.4,4.4,0,0,1,.9,3.1h19.15a5.68,5.68,0,0,0-1.75-4q-12.1-.95-14.6-3l2.35-35.35Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.5,13.55.4,1.25,16.75,42.05L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q-.25-3.8,5.45-8.5,3.3-2.75,15.65-4.55a6.43,6.43,0,0,0,1.7-3.75H304.2a5.24,5.24,0,0,1-2.05,3.15H289.4q-2.6,0-3,3.4l-.3-.75-.65-4.3-.15-1.95-.05-.25q-5-23.85-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-12\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306,158.19q-5.7,4.7-5.45,8.5a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165l-4.35-10.8L250,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.4,14.4,9.45,38.25l.05.25.15,1.95.65,4.3m.6-11.7a4,4,0,0,1-1.15-2.8l-3.15-54q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17L307,142.89\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer0_0_2_STROKES-2\"\n          data-name=\"Layer0 0 2 STROKES\"\n          d=\"M286,155.69l.3.75q.45-3.4,3-3.4h12.75a5.24,5.24,0,0,0,2.05-3.15,4.4,4.4,0,0,0-.9-3.1l-12.65-1.5-4-1.3m20.35-1.1q2.5,2,14.6,3a5.68,5.68,0,0,1,1.75,4,6.43,6.43,0,0,1-1.7,3.75q-12.35,1.8-15.65,4.55\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworighttwo\">\n        <g id=\"Layer1_0_FILL-13\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M304.55,146.54a6.85,6.85,0,0,0-.2,7l15.9,3.5,2.15,11.1.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.75,36.6-11.9,66.75l-.2,1.25.2-1.25q-6.85-3.75-16.55-2.65-3.95-3.55.3-7.2l14.65-4.95.15-4.5,1.6-19.75a170.31,170.31,0,0,0-.15-22.9Q338.85,77.94,327.7,80a14.94,14.94,0,0,0-8.1,3.9,12.32,12.32,0,0,0-3.35,8.75l0,0-.6,15.55.45,24,1.15,8.7Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-miterlimit=\"10\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-13\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M320.25,157l-15.9-3.5a6.85,6.85,0,0,1,.2-7l12.65-5.6m21.3-5.1-.15,4.5-14.65,4.95q-4.25,3.65-.3,7.2,9.7-1.1,16.55,2.65\"\n          fill=\"none\"\n          stroke=\"#ffcfff\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer1_0_2_STROKES-3\"\n          data-name=\"Layer1 0 2 STROKES\"\n          d=\"M317.2,140.94l-1.15-8.7-.45-24,.6-15.55,0,0a12.32,12.32,0,0,1,3.35-8.75,14.94,14.94,0,0,1,8.1-3.9q11.15-2,12.25,13.2a170.31,170.31,0,0,1,.15,22.9l-1.6,19.75m1.45,19.3q4.15-30.15,11.9-66.75,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25L320.25,157m19.5-.6.2-1.25\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwolefttwo\">\n        <g id=\"Layer0_0_FILL-13\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.9,14.8L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q-.25-3.8,5.45-8.5,3.3-2.75,15.65-4.55,3.35-4-.05-7.75-12.1-.95-14.6-3l2.35-35.35-.7-17-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.15,54a4,4,0,0,0,1.15,2.8l4,1.3,12.65,1.5q2.3,3.35-1.15,6.25H289.4q-2.6,0-3,3.4l-.3-.75-.8-6.25-.05-.25q-5-23.85-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-13\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306,158.19q-5.7,4.7-5.45,8.5a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165L250,112.19l-4.9-14.8q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.4,14.4,9.45,38.25l.05.25.8,6.25m.6-11.7a4,4,0,0,1-1.15-2.8l-3.15-54q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17L307,142.89\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer0_0_2_STROKES-3\"\n          data-name=\"Layer0 0 2 STROKES\"\n          d=\"M286,155.69l.3.75q.45-3.4,3-3.4h12.75q3.45-2.9,1.15-6.25l-12.65-1.5-4-1.3m20.35-1.1q2.5,2,14.6,3,3.4,3.75.05,7.75-12.35,1.8-15.65,4.55\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworightone\">\n        <g id=\"Layer1_0_FILL-14\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M307.9,147q-2.85,3.5.5,6L320.25,157l2.15,11.1.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68l-.1-3.3-11.75-3.9q-3.35-2.5-.5-6l11.1-7.1v-.25l1.6-19.75a170.31,170.31,0,0,0-.15-22.9Q338.85,77.94,327.7,80a14.94,14.94,0,0,0-8.1,3.9,12.32,12.32,0,0,0-3.35,8.75l0,0-.55,14.25-.05,1.3.45,24,1.15,8.7Z\"\n            fill=\"#c978af\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-14\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M317.2,140.94l-1.15-8.7-.45-24,.05-1.3.55-14.25,0,0a12.32,12.32,0,0,1,3.35-8.75,14.94,14.94,0,0,1,8.1-3.9q11.15-2,12.25,13.2a170.31,170.31,0,0,1,.15,22.9l-1.6,19.75m1.15,17.25.1,3.3q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25L320.25,157\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer1_0_2_STROKES-4\"\n          data-name=\"Layer1 0 2 STROKES\"\n          d=\"M320.25,157,308.4,153q-3.35-2.5-.5-6l9.3-6.1m21.3-5.1v.25l-11.1,7.1q-2.85,3.5.5,6l11.75,3.9\"\n          fill=\"none\"\n          stroke=\"#ffcfff\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwoleftone\">\n        <g id=\"Layer0_0_FILL-14\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M291.5,146.49a12.81,12.81,0,0,1-4.85-2.5q-.35,1,4.85,2.5m3.5,5.75q2.2-1.4,1.9-2.8a4.1,4.1,0,0,1-1.1,1.9Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.5,13.55.4,1.25,16.75,42.05L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q-.25-3.8,5.45-8.5a29.14,29.14,0,0,1,9.65-4.8q3.6-2,1.95-4a82.67,82.67,0,0,1-10.6-6.5l2.35-35.35-.7-17-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.15,54a4,4,0,0,0,1.15,2.8,12.81,12.81,0,0,0,4.85,2.5l.85.2,1.15.35.65.2,1.9.9a2.65,2.65,0,0,1,.85,1.3q.3,1.4-1.9,2.8h-.05l-.9.4-2,1-5.65,2.8-.3-.75-.65-4.3-.15-1.95-.05-.25q-5-23.85-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-14\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306,158.19q-5.7,4.7-5.45,8.5a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165l-4.35-10.8L250,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.4,14.4,9.45,38.25l.05.25.15,1.95.65,4.3m.6-11.7a4,4,0,0,1-1.15-2.8l-3.15-54q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17L307,142.89\"\n          fill=\"#344da1\"\n          stroke=\"#2895b2\"\n          stroke-miterlimit=\"10\"\n        ></path>\n        <path\n          id=\"Layer0_0_2_STROKES-4\"\n          data-name=\"Layer0 0 2 STROKES\"\n          d=\"M286,155.69l.3.75,5.65-2.8,2-1,.9-.4H295m1.9-2.8a2.65,2.65,0,0,0-.85-1.3l-1.9-.9-.65-.2-2-.55m15.5-3.6a82.67,82.67,0,0,0,10.6,6.5q1.65,2-1.95,4a29.14,29.14,0,0,0-9.65,4.8m-11-5.95q2.2-1.4,1.9-2.8m-5.4-2.95a12.81,12.81,0,0,1-4.85-2.5\"\n          fill=\"#344da1\"\n          stroke=\"#2895b2\"\n          stroke-miterlimit=\"10\"\n        ></path>\n      </g>\n    </svg>\n  "]);_templateObject_9911931054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9911931054f411e9aeb367f92c5b63ab()),is:"gene-crossover-3",properties:{tl:{type:Object},selected:{type:Boolean,value:!1},animationReady:{type:Boolean,value:!1}},observers:["_selectedChanged(selected, animationReady)"],_selectedChanged:function _selectedChanged(selected,animationReady){if(!animationReady){return}if(selected){this.tl.play()}else{this.tl.progress(0);this.tl.pause()}},ready:function ready(){var root=this,tl=new TimelineMax,playButton=this.shadowRoot.querySelector("#play-button"),replayButton=this.shadowRoot.querySelector("#replay-button"),svg=this.shadowRoot.querySelector("#chromosomes"),settworightfive=svg.getElementById("settworightfive"),settworightfour=svg.getElementById("settworightfour"),settworightthree=svg.getElementById("settworightthree"),settworighttwo=svg.getElementById("settworighttwo"),settworightone=svg.getElementById("settworightone"),settwoleftfive=svg.getElementById("settwoleftfive"),settwoleftfour=svg.getElementById("settwoleftfour"),settwoleftthree=svg.getElementById("settwoleftthree"),settwolefttwo=svg.getElementById("settwolefttwo"),settwoleftone=svg.getElementById("settwoleftone");tl.set([settwoleftfive,settwoleftfour,settwoleftthree,settwolefttwo,settworightfive,settworightfour,settworightthree,settworighttwo],{display:"none"});tl.to([settwoleftone,settworightone],.5,{display:"none"}).to([settwolefttwo,settworighttwo],.5,{display:"block"}).to([settwolefttwo,settworighttwo],.1,{display:"none"}).to([settwoleftthree,settworightthree],.5,{display:"block"}).to([settwoleftthree,settworightthree],.1,{display:"none"}).to([settwoleftfour,settworightfour],.5,{display:"block"}).to([settwoleftfour,settworightfour],.1,{display:"none"}).to([settwoleftfive,settworightfive],.5,{display:"block"}).to([settwoleftfive],.5,{x:"-=10"}).to([settworightfive],.5,{x:"+=10"});this.tl=tl;this.tl.pause();this.animationReady=!0}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../lrndesign-animationctrl/lrndesign-animationctrl.js","./TweenMax.min.js"],function(_polymerLegacy){"use strict";function _templateObject_2e2ed090555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        font-family: \"Open Sans\", sans-serif;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #6d6e71;\n        text-align: center;\n      }\n\n      p {\n        font-family: \"Open Sans\", sans-serif;\n      }\n    </style>\n\n    <h1>Gene Crossover</h1>\n\n    <p>\n      This exchange of genetic material results in chromatids that are comprised\n      of both maternal and paternal genes. Along human chromsomes, for example,\n      an average of 2 or 3 cross-over events occurs per chromosome. This\n      exchange of genetic material creates a source of genetic variation for\n      sexually reproducing organisms.\n    </p>\n\n    <svg\n      id=\"chromosomes\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n      viewBox=\"0 0 640 254.99\"\n    >\n      <defs>\n        <radialGradient\n          id=\"423bb513-14ae-434c-b9bb-d9a74df89b27\"\n          cx=\"22\"\n          cy=\"-240.01\"\n          r=\"88.56\"\n          gradientTransform=\"matrix(0.13, -0.99, -0.99, -0.13, 168.97, 155.6)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#fcf\"></stop>\n          <stop offset=\"1\" stop-color=\"#f6f\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n          cx=\"-363.75\"\n          cy=\"-254.35\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(-0.18, -0.98, -0.98, 0.18, -39.2, -143.49)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#09f\"></stop>\n          <stop offset=\"1\" stop-color=\"#03c\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"6cea740f-d3d4-4767-9547-190646ef7d92\"\n          cx=\"-36.8\"\n          cy=\"-249.99\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(0.08, -1, -1, -0.08, 30.75, 109.83)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"56d773ec-f559-482e-86df-677cabc1a326\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.6\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 134.88, 32.04)\"\n          xlink:href=\"#423bb513-14ae-434c-b9bb-d9a74df89b27\"\n        ></radialGradient>\n        <radialGradient\n          id=\"43b707a5-bf31-4e7b-90cb-2c24898c3fb8\"\n          cx=\"186.44\"\n          cy=\"-196.29\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0.26, -0.97, -0.97, -0.26, 28.74, 292.89)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"952d2618-a390-4884-85df-2b86ba1eaa53\"\n          cx=\"97.82\"\n          cy=\"-222.83\"\n          r=\"92.35\"\n          gradientTransform=\"matrix(0.19, -0.98, -0.98, -0.19, -7.28, 221.62)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"e3dcd28f-8611-46e9-9db2-36732c731126\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 15.88, 31.04)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"49acdd7e-3376-4b78-924b-3756b53c914f\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 23.88, 31.04)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n        <radialGradient\n          id=\"8f935048-8543-413e-9bb5-8eb18bec537f\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.7\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 28.63, 27.54)\"\n          xlink:href=\"#fc7cb739-d6ee-4cf2-a252-fc4c057621b3\"\n        ></radialGradient>\n      </defs>\n      <title>crossover-2-full</title>\n\n      <g id=\"settworightfive\">\n        <g id=\"Layer1_0_FILL-10\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M339.5,148.59l-20.55,1.25,1.25,6.9,2.2,11.35.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M311.65,111l.2,1.3,7.1,37.55,20.55-1.25L337.3,116a181.16,181.16,0,0,0-3.9-22.55q-3.65-14.9-14.3-11a15.13,15.13,0,0,0-7.35,5.15,12.68,12.68,0,0,0-1.9,9.2v.05Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-10\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M318.95,149.84l-7.1-37.55-.2-1.3-1.8-14.15v-.05a12.68,12.68,0,0,1,1.9-9.2,15.13,15.13,0,0,1,7.35-5.15q10.65-3.9,14.3,11A181.16,181.16,0,0,1,337.3,116l2.2,32.6.25,7.8q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25-2.2-11.35Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwoleftfive\">\n        <g id=\"Layer0_0_FILL-10\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M285.2,149.19l.65,3.2.65,3.3-.3-4.15-.25-1.35-.3-.5Z\"\n            fill=\"url(#radial-gradient-8)\"\n          ></path>\n          <path\n            d=\"M308.65,90.54l-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.7,62.05,20.1,1.15.05-.55.7-6.2,2.45-36.15Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.5,13.55.4,1.25,16.75,42.05L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q3.9-5.2,5.6-16.25L286,149.29l.05.6.1,1.65.3,4.15-.65-3.3-.65-3.2q-5-23.75-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-10\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306.15,150.44q-1.7,11.05-5.6,16.25a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165l-4.35-10.8L250,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.45,14.5,9.45,38.25m.75,1,.25,1.35-.1-1.65-.05-.6-3.7-62.05q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17-2.45,36.15-.7,6.2-.05.55m-20,1.1.3,4.15-.65-3.3-.65-3.2\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworightfour\">\n        <g id=\"Layer1_0_FILL-11\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M307.9,147a4.85,4.85,0,0,0-1.3,2.85H330l-2.1-.7q-3.35-2.5-.5-6l11.1-7.1v-.25l1.6-19.75a170.31,170.31,0,0,0-.15-22.9Q338.85,77.94,327.7,80a14.94,14.94,0,0,0-8.1,3.9,12.32,12.32,0,0,0-3.35,8.75l0,0-.55,14.25-.05,1.3.45,24,1.15,8.7Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M306.6,149.89a3.66,3.66,0,0,0,1.8,3.15L320.25,157l2.15,11.1.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68l-.1-3.3-9.65-3.2Z\"\n            fill=\"#c978af\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-11\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M317.2,140.94l-1.15-8.7-.45-24,.05-1.3.55-14.25,0,0a12.32,12.32,0,0,1,3.35-8.75,14.94,14.94,0,0,1,8.1-3.9q11.15-2,12.25,13.2a170.31,170.31,0,0,1,.15,22.9l-1.6,19.75m1.15,17.25.1,3.3q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25L320.25,157\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer1_0_2_STROKES\"\n          data-name=\"Layer1 0 2 STROKES\"\n          d=\"M320.25,157,308.4,153a3.66,3.66,0,0,1-1.8-3.15,4.85,4.85,0,0,1,1.3-2.85l9.3-6.1m21.3-5.1v.25l-11.1,7.1q-2.85,3.5.5,6l2.1.7,9.65,3.2\"\n          fill=\"none\"\n          stroke=\"#ffcfff\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwoleftfour\">\n        <g id=\"Layer0_0_FILL-11\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M291.5,146.49a12.81,12.81,0,0,1-4.85-2.5q-.35,1,4.85,2.5m5.45,3.4,0-.45a4.1,4.1,0,0,1-1.1,1.9l-.8.9Q296.85,151,296.95,149.89Z\"\n            fill=\"url(#radial-gradient-9)\"\n          ></path>\n          <path\n            d=\"M308.65,90.54l-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.15,54a4,4,0,0,0,1.15,2.8,12.81,12.81,0,0,0,4.85,2.5l.85.2,1.15.35.65.2,1.9.9a2.65,2.65,0,0,1,.85,1.3l0,.45h21l-.35-.5a82.67,82.67,0,0,1-10.6-6.5l2.35-35.35Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.5,13.55.4,1.25,16.75,42.05L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q-.25-3.8,5.45-8.5a29.14,29.14,0,0,1,9.65-4.8q3.15-1.75,2.3-3.5h-21q-.1,1.15-1.95,2.35h-.05l-.9.4-2,1-5.65,2.8-.3-.75-.65-4.3-.15-1.95-.05-.25q-5-23.85-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-11\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306,158.19q-5.7,4.7-5.45,8.5a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165l-4.35-10.8L250,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.4,14.4,9.45,38.25l.05.25.15,1.95.65,4.3m.6-11.7a4,4,0,0,1-1.15-2.8l-3.15-54q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17L307,142.89\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer0_0_2_STROKES\"\n          data-name=\"Layer0 0 2 STROKES\"\n          d=\"M286,155.69l.3.75,5.65-2.8,2-1,.9-.4H295m1.9-2.8a2.65,2.65,0,0,0-.85-1.3l-1.9-.9-.65-.2-2-.55m15.5-3.6a82.67,82.67,0,0,0,10.6,6.5l.35.5q.85,1.75-2.3,3.5a29.14,29.14,0,0,0-9.65,4.8m-9.1-8.75,0,.45q-.1,1.15-1.95,2.35m-3.5-5.75a12.81,12.81,0,0,1-4.85-2.5\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworightthree\">\n        <g id=\"Layer1_0_FILL-12\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M304.55,146.54a7.83,7.83,0,0,0-1,3.35h18.15q-.65-2.3,2.05-4.6l14.65-4.95.15-4.5,1.6-19.75a170.31,170.31,0,0,0-.15-22.9Q338.85,77.94,327.7,80a14.94,14.94,0,0,0-8.1,3.9,12.32,12.32,0,0,0-3.35,8.75l0,0-.55,14.25-.05,1.3.45,24,1.15,8.7Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M303.5,149.89a6.68,6.68,0,0,0,.85,3.6l15.9,3.5,2.15,11.1.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.75,36.6-11.9,66.75l-.2,1.25.2-1.25q-6.85-3.75-16.55-2.65a5.7,5.7,0,0,1-1.75-2.6Z\"\n            fill=\"#c978af\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-12\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M320.25,157l-15.9-3.5a6.68,6.68,0,0,1-.85-3.6,7.83,7.83,0,0,1,1-3.35l12.65-5.6m21.3-5.1-.15,4.5-14.65,4.95q-2.7,2.3-2.05,4.6a5.7,5.7,0,0,0,1.75,2.6q9.7-1.1,16.55,2.65\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer1_0_2_STROKES-2\"\n          data-name=\"Layer1 0 2 STROKES\"\n          d=\"M317.2,140.94l-1.15-8.7-.45-24,.05-1.3.55-14.25,0,0a12.32,12.32,0,0,1,3.35-8.75,14.94,14.94,0,0,1,8.1-3.9q11.15-2,12.25,13.2a170.31,170.31,0,0,1,.15,22.9l-1.6,19.75m1.45,19.3q4.15-30.15,11.9-66.75,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25L320.25,157m19.5-.6.2-1.25\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwoleftthree\">\n        <g id=\"Layer0_0_FILL-12\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M308.65,90.54l-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.15,54a4,4,0,0,0,1.15,2.8l4,1.3,12.65,1.5a4.4,4.4,0,0,1,.9,3.1h19.15a5.68,5.68,0,0,0-1.75-4q-12.1-.95-14.6-3l2.35-35.35Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.5,13.55.4,1.25,16.75,42.05L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q-.25-3.8,5.45-8.5,3.3-2.75,15.65-4.55a6.43,6.43,0,0,0,1.7-3.75H304.2a5.24,5.24,0,0,1-2.05,3.15H289.4q-2.6,0-3,3.4l-.3-.75-.65-4.3-.15-1.95-.05-.25q-5-23.85-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-12\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306,158.19q-5.7,4.7-5.45,8.5a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165l-4.35-10.8L250,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.4,14.4,9.45,38.25l.05.25.15,1.95.65,4.3m.6-11.7a4,4,0,0,1-1.15-2.8l-3.15-54q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17L307,142.89\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer0_0_2_STROKES-2\"\n          data-name=\"Layer0 0 2 STROKES\"\n          d=\"M286,155.69l.3.75q.45-3.4,3-3.4h12.75a5.24,5.24,0,0,0,2.05-3.15,4.4,4.4,0,0,0-.9-3.1l-12.65-1.5-4-1.3m20.35-1.1q2.5,2,14.6,3a5.68,5.68,0,0,1,1.75,4,6.43,6.43,0,0,1-1.7,3.75q-12.35,1.8-15.65,4.55\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworighttwo\">\n        <g id=\"Layer1_0_FILL-13\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M304.55,146.54a6.85,6.85,0,0,0-.2,7l15.9,3.5,2.15,11.1.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.75,36.6-11.9,66.75l-.2,1.25.2-1.25q-6.85-3.75-16.55-2.65-3.95-3.55.3-7.2l14.65-4.95.15-4.5,1.6-19.75a170.31,170.31,0,0,0-.15-22.9Q338.85,77.94,327.7,80a14.94,14.94,0,0,0-8.1,3.9,12.32,12.32,0,0,0-3.35,8.75l0,0-.6,15.55.45,24,1.15,8.7Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-miterlimit=\"10\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-13\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M320.25,157l-15.9-3.5a6.85,6.85,0,0,1,.2-7l12.65-5.6m21.3-5.1-.15,4.5-14.65,4.95q-4.25,3.65-.3,7.2,9.7-1.1,16.55,2.65\"\n          fill=\"none\"\n          stroke=\"#ffcfff\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer1_0_2_STROKES-3\"\n          data-name=\"Layer1 0 2 STROKES\"\n          d=\"M317.2,140.94l-1.15-8.7-.45-24,.6-15.55,0,0a12.32,12.32,0,0,1,3.35-8.75,14.94,14.94,0,0,1,8.1-3.9q11.15-2,12.25,13.2a170.31,170.31,0,0,1,.15,22.9l-1.6,19.75m1.45,19.3q4.15-30.15,11.9-66.75,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25L320.25,157m19.5-.6.2-1.25\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwolefttwo\">\n        <g id=\"Layer0_0_FILL-13\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.9,14.8L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q-.25-3.8,5.45-8.5,3.3-2.75,15.65-4.55,3.35-4-.05-7.75-12.1-.95-14.6-3l2.35-35.35-.7-17-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.15,54a4,4,0,0,0,1.15,2.8l4,1.3,12.65,1.5q2.3,3.35-1.15,6.25H289.4q-2.6,0-3,3.4l-.3-.75-.8-6.25-.05-.25q-5-23.85-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-13\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306,158.19q-5.7,4.7-5.45,8.5a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165L250,112.19l-4.9-14.8q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.4,14.4,9.45,38.25l.05.25.8,6.25m.6-11.7a4,4,0,0,1-1.15-2.8l-3.15-54q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17L307,142.89\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer0_0_2_STROKES-3\"\n          data-name=\"Layer0 0 2 STROKES\"\n          d=\"M286,155.69l.3.75q.45-3.4,3-3.4h12.75q3.45-2.9,1.15-6.25l-12.65-1.5-4-1.3m20.35-1.1q2.5,2,14.6,3,3.4,3.75.05,7.75-12.35,1.8-15.65,4.55\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworightone\">\n        <g id=\"Layer1_0_FILL-14\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M307.9,147q-2.85,3.5.5,6L320.25,157l2.15,11.1.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68l-.1-3.3-11.75-3.9q-3.35-2.5-.5-6l11.1-7.1v-.25l1.6-19.75a170.31,170.31,0,0,0-.15-22.9Q338.85,77.94,327.7,80a14.94,14.94,0,0,0-8.1,3.9,12.32,12.32,0,0,0-3.35,8.75l0,0-.55,14.25-.05,1.3.45,24,1.15,8.7Z\"\n            fill=\"#c978af\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-14\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M317.2,140.94l-1.15-8.7-.45-24,.05-1.3.55-14.25,0,0a12.32,12.32,0,0,1,3.35-8.75,14.94,14.94,0,0,1,8.1-3.9q11.15-2,12.25,13.2a170.31,170.31,0,0,1,.15,22.9l-1.6,19.75m1.15,17.25.1,3.3q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25L320.25,157\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer1_0_2_STROKES-4\"\n          data-name=\"Layer1 0 2 STROKES\"\n          d=\"M320.25,157,308.4,153q-3.35-2.5-.5-6l9.3-6.1m21.3-5.1v.25l-11.1,7.1q-2.85,3.5.5,6l11.75,3.9\"\n          fill=\"none\"\n          stroke=\"#ffcfff\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwoleftone\">\n        <g id=\"Layer0_0_FILL-14\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M291.5,146.49a12.81,12.81,0,0,1-4.85-2.5q-.35,1,4.85,2.5m3.5,5.75q2.2-1.4,1.9-2.8a4.1,4.1,0,0,1-1.1,1.9Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.5,13.55.4,1.25,16.75,42.05L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q-.25-3.8,5.45-8.5a29.14,29.14,0,0,1,9.65-4.8q3.6-2,1.95-4a82.67,82.67,0,0,1-10.6-6.5l2.35-35.35-.7-17-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.15,54a4,4,0,0,0,1.15,2.8,12.81,12.81,0,0,0,4.85,2.5l.85.2,1.15.35.65.2,1.9.9a2.65,2.65,0,0,1,.85,1.3q.3,1.4-1.9,2.8h-.05l-.9.4-2,1-5.65,2.8-.3-.75-.65-4.3-.15-1.95-.05-.25q-5-23.85-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-14\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306,158.19q-5.7,4.7-5.45,8.5a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165l-4.35-10.8L250,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.4,14.4,9.45,38.25l.05.25.15,1.95.65,4.3m.6-11.7a4,4,0,0,1-1.15-2.8l-3.15-54q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17L307,142.89\"\n          fill=\"#344da1\"\n          stroke=\"#2895b2\"\n          stroke-miterlimit=\"10\"\n        ></path>\n        <path\n          id=\"Layer0_0_2_STROKES-4\"\n          data-name=\"Layer0 0 2 STROKES\"\n          d=\"M286,155.69l.3.75,5.65-2.8,2-1,.9-.4H295m1.9-2.8a2.65,2.65,0,0,0-.85-1.3l-1.9-.9-.65-.2-2-.55m15.5-3.6a82.67,82.67,0,0,0,10.6,6.5q1.65,2-1.95,4a29.14,29.14,0,0,0-9.65,4.8m-11-5.95q2.2-1.4,1.9-2.8m-5.4-2.95a12.81,12.81,0,0,1-4.85-2.5\"\n          fill=\"#344da1\"\n          stroke=\"#2895b2\"\n          stroke-miterlimit=\"10\"\n        ></path>\n      </g>\n    </svg>\n  "]);_templateObject_2e2ed090555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2e2ed090555211e98f439769bd191e33()),is:"gene-crossover-3",properties:{tl:{type:Object},selected:{type:Boolean,value:!1},animationReady:{type:Boolean,value:!1}},observers:["_selectedChanged(selected, animationReady)"],_selectedChanged:function _selectedChanged(selected,animationReady){if(!animationReady){return}if(selected){this.tl.play()}else{this.tl.progress(0);this.tl.pause()}},ready:function ready(){var root=this,tl=new TimelineMax,playButton=this.shadowRoot.querySelector("#play-button"),replayButton=this.shadowRoot.querySelector("#replay-button"),svg=this.shadowRoot.querySelector("#chromosomes"),settworightfive=svg.getElementById("settworightfive"),settworightfour=svg.getElementById("settworightfour"),settworightthree=svg.getElementById("settworightthree"),settworighttwo=svg.getElementById("settworighttwo"),settworightone=svg.getElementById("settworightone"),settwoleftfive=svg.getElementById("settwoleftfive"),settwoleftfour=svg.getElementById("settwoleftfour"),settwoleftthree=svg.getElementById("settwoleftthree"),settwolefttwo=svg.getElementById("settwolefttwo"),settwoleftone=svg.getElementById("settwoleftone");tl.set([settwoleftfive,settwoleftfour,settwoleftthree,settwolefttwo,settworightfive,settworightfour,settworightthree,settworighttwo],{display:"none"});tl.to([settwoleftone,settworightone],.5,{display:"none"}).to([settwolefttwo,settworighttwo],.5,{display:"block"}).to([settwolefttwo,settworighttwo],.1,{display:"none"}).to([settwoleftthree,settworightthree],.5,{display:"block"}).to([settwoleftthree,settworightthree],.1,{display:"none"}).to([settwoleftfour,settworightfour],.5,{display:"block"}).to([settwoleftfour,settworightfour],.1,{display:"none"}).to([settwoleftfive,settworightfive],.5,{display:"block"}).to([settwoleftfive],.5,{x:"-=10"}).to([settworightfive],.5,{x:"+=10"});this.tl=tl;this.tl.pause();this.animationReady=!0}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-4.js b/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-4.js
index 0da46ef4d0d..9f72b2cf05b 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-4.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-4.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../lrndesign-animationctrl/lrndesign-animationctrl.js","./TweenMax.min.js"],function(_polymerLegacy){"use strict";function _templateObject_991e8b6054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        font-family: \"Open Sans\", sans-serif;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #6d6e71;\n        text-align: center;\n      }\n\n      p {\n        font-family: \"Open Sans\", sans-serif;\n      }\n    </style>\n\n    <h1>Gene Crossover</h1>\n\n    <p>\n      This screen shows the end result of meiosis with crossing over. Notice\n      that these chromatids - each with a unique combination of genes have\n      segregated into 4 different gametes.\n    </p>\n\n    <svg\n      id=\"chromosomes\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n      viewBox=\"0 0 640 254.99\"\n    >\n      <defs>\n        <radialGradient\n          id=\"radial-gradient\"\n          cx=\"22\"\n          cy=\"-240.01\"\n          r=\"88.56\"\n          gradientTransform=\"matrix(0.13, -0.99, -0.99, -0.13, 168.97, 155.6)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#fcf\"></stop>\n          <stop offset=\"1\" stop-color=\"#f6f\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"radial-gradient-2\"\n          cx=\"-363.75\"\n          cy=\"-254.35\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(-0.18, -0.98, -0.98, 0.18, -39.2, -143.49)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#09f\"></stop>\n          <stop offset=\"1\" stop-color=\"#03c\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"radial-gradient-3\"\n          cx=\"-36.8\"\n          cy=\"-249.99\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(0.08, -1, -1, -0.08, 30.75, 109.83)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-4\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.6\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 134.88, 32.04)\"\n          xlink:href=\"#radial-gradient\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-5\"\n          cx=\"186.44\"\n          cy=\"-196.29\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0.26, -0.97, -0.97, -0.26, 28.74, 292.89)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-6\"\n          cx=\"97.82\"\n          cy=\"-222.83\"\n          r=\"92.35\"\n          gradientTransform=\"matrix(0.19, -0.98, -0.98, -0.19, -7.28, 221.62)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-7\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 15.88, 31.04)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-8\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 23.88, 31.04)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-9\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.7\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 28.63, 27.54)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n      </defs>\n      <title>crossover-2-full-correct-ids</title>\n\n      <g id=\"setthreerightnine\">\n        <g id=\"Layer1_0_FILL\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M494,124.59l.1-1.7.05-1q.35-9,0-21.9l-1.3-21.5q-.45-1.85-3.35-3.25l-.35-.15a15.82,15.82,0,0,0-7.85-.8,9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.25,22.9l.45,19.6.05,1,.05,1.7q-.35,46-.2,47.65t2.25,3.5q2.15,1.85,2.25,3.3,0,2-2.25,3.65a6.53,6.53,0,0,0-2.6,5.1l-.1,3.9.05,6.2q2.3,6,10.4,6.35t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3t2.25-2.75a6,6,0,0,0,2.75-4.5Q493.9,169.09,494,124.59Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M373.4,182.69a6.53,6.53,0,0,0-2.6,5.1l-.1,3.9,0,6.2q2.3,6,10.4,6.35t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3t2.25-2.75a6,6,0,0,0,2.75-4.5l.35-23.35H371.15q-.15,22.5,0,23.65.1,1.7,2.25,3.5t2.25,3.3Q375.7,181,373.4,182.69Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M391.65,124.59l.1-1.7.05-1q.35-9,0-21.9l-1.3-21.5q-.45-1.85-3.35-3.25l-.35-.15a15.82,15.82,0,0,0-7.85-.8,9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.25,22.9l.45,19.6.05,1,0,1.7-.2,24H391.6Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M371.15,148.59l.2-24,0-1.7-.05-1-.45-19.6Q370.35,84,372,79.39a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15q2.9,1.4,3.35,3.25l1.3,21.5q.35,12.9,0,21.9l-.05,1-.1,1.7-.05,24-.35,23.35a6,6,0,0,1-2.75,4.5q-2.25,1.45-2.25,2.75t2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2,5.75-10.2,5.4t-10.4-6.35l0-6.2.1-3.9a6.53,6.53,0,0,1,2.6-5.1q2.3-1.65,2.25-3.65-.1-1.45-2.25-3.3t-2.25-3.5Q371,171.09,371.15,148.59Zm122.85-24q-.1,44.5-.4,47.35a6,6,0,0,1-2.75,4.5q-2.25,1.45-2.25,2.75t2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2.05,5.75-10.2,5.4t-10.4-6.35l-.05-6.2.1-3.9a6.53,6.53,0,0,1,2.6-5.1Q478,181,478,179q-.1-1.45-2.25-3.3t-2.25-3.5q-.15-1.65.2-47.65l-.05-1.7-.05-1-.45-19.6q-.45-18.3,1.25-22.9a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15q2.9,1.4,3.35,3.25l1.3,21.5q.35,12.9,0,21.9l-.05,1Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.25\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftnine\">\n        <g id=\"Layer0_0_FILL\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M252.75,148.59v23.65q.1,1.7,2.25,3.5t2.25,3.3q0,2-2.25,3.65a6.53,6.53,0,0,0-2.6,5.1l-.1,3.9,0,6.2q2.3,6,10.4,6.35t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3t2.25-2.75a6,6,0,0,0,2.75-4.5q.2-2,.35-23.35Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M260.55,74.29a9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.25,22.9l.45,18.6.1,3.7-.2,24H273.2l0-24,.2-3.7q.3-8.7,0-20.9l-1.3-21.5q-.45-1.85-3.35-3.25l-.35-.15A15.82,15.82,0,0,0,260.55,74.29Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M152.2,74.29a9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.25,22.9l.55,22.3-.2,47.65q.1,1.7,2.25,3.5t2.25,3.3q.05,2-2.25,3.65a6.53,6.53,0,0,0-2.6,5.1l-.1,3.9.05,6.2q2.3,6,10.4,6.35t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3t2.25-2.75a6,6,0,0,0,2.75-4.5q.3-2.85.4-47.35.55-9.7.15-24.6l-1.3-21.5q-.45-1.85-3.35-3.25l-.35-.15A15.82,15.82,0,0,0,152.2,74.29Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M152.2,74.29a15.82,15.82,0,0,1,7.85.8l.35.15q2.9,1.4,3.35,3.25L165,100q.4,14.9-.15,24.6-.1,44.5-.4,47.35a6,6,0,0,1-2.75,4.5q-2.25,1.45-2.25,2.75t2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2.05,5.75-10.2,5.4T144,197.89l-.05-6.2.1-3.9a6.53,6.53,0,0,1,2.6-5.1q2.3-1.65,2.25-3.65-.1-1.45-2.25-3.3t-2.25-3.5l.2-47.65-.55-22.3q-.45-18.3,1.25-22.9a7.13,7.13,0,0,1,3.9-4.3A9.89,9.89,0,0,1,152.2,74.29Zm100.55,74.3.2-24-.1-3.7-.45-18.6q-.45-18.3,1.25-22.9a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15q2.9,1.4,3.35,3.25l1.3,21.5q.35,12.2,0,20.9l-.2,3.7,0,24q-.15,21.4-.35,23.35a6,6,0,0,1-2.75,4.5q-2.25,1.45-2.25,2.75t2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2,5.75-10.2,5.4t-10.4-6.35l0-6.2.1-3.9a6.53,6.53,0,0,1,2.6-5.1q2.3-1.65,2.25-3.65-.1-1.45-2.25-3.3t-2.25-3.5Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.25\"\n        ></path>\n      </g>\n      <g id=\"setthreerighteight\">\n        <g id=\"Layer1_0_FILL-2\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M459.35,78.49q-.45-1.85-3.35-3.25l-.35-.15a15.82,15.82,0,0,0-7.85-.8,9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.35,20.75l.25,19.45a20.85,20.85,0,0,0,0,3.8l-1.05,23.8L437.4,172q-.25,1.5,3.35,3.55t2.85,4.1a9.05,9.05,0,0,1-2.65,3.6,4.33,4.33,0,0,0-1.55,4l.15,4.45v7q2.35,5.25,10.45,5.6t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3a4.62,4.62,0,0,1,1.3-2.85,17.34,17.34,0,0,0,2.45-4.4q1.15-2.85,1.45-25.5l.3-23.55.05-1q.35-9,0-21.9Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M362.45,151.34l.7,20.9a5.6,5.6,0,0,0,1.9,3.5,5.85,5.85,0,0,1,1.85,3.55,4.54,4.54,0,0,1-1.9,3.45,6.94,6.94,0,0,0-2.2,5l-.1,3.9v5.2q2.05,5.3,10.2,5.85t9.4-5.7a33.3,33.3,0,0,0,.9-9.35,8.48,8.48,0,0,0-2.8-5.3q-2.4-2.15-2.65-3.75t1.6-3.2a8.57,8.57,0,0,0,2.5-3.5q.65-1.8.05-18.25l-.05-2.35Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M362.25,83.39l-1,2.85L361,93.09q.1,9.1-.25,15.95l.3,10.85,1.3,27.35.1,4.1h19.4q-.5-14.6-.1-21.9l.4-13.1.15-19.6-.4-10.45-.25-2.7a11.2,11.2,0,0,0-1.7-3.6l-1.4-1.65a15.82,15.82,0,0,0-7.85-.8,20.53,20.53,0,0,0-4.25,1.1Q363.85,79.59,362.25,83.39Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-2\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M362.45,151.34l-.1-4.1L361,119.89l-.3-10.85q.35-6.85.25-15.95l.25-6.85,1-2.85q1.6-3.8,4.2-4.75a20.53,20.53,0,0,1,4.25-1.1,15.82,15.82,0,0,1,7.85.8l1.4,1.65a11.2,11.2,0,0,1,1.7,3.6l.25,2.7.4,10.45-.15,19.6-.4,13.1q-.4,7.3.1,21.9l.05,2.35q.6,16.45-.05,18.25a8.57,8.57,0,0,1-2.5,3.5q-1.85,1.65-1.6,3.2t2.65,3.75a8.48,8.48,0,0,1,2.8,5.3,33.3,33.3,0,0,1-.9,9.35q-1.25,6.25-9.4,5.7t-10.2-5.85v-5.2l.1-3.9a6.94,6.94,0,0,1,2.2-5,4.54,4.54,0,0,0,1.9-3.45,5.85,5.85,0,0,0-1.85-3.55,5.6,5.6,0,0,1-1.9-3.5Zm96.9-72.85,1.3,21.5q.35,12.9,0,21.9l-.05,1-.3,23.55q-.3,22.65-1.45,25.5a17.34,17.34,0,0,1-2.45,4.4,4.62,4.62,0,0,0-1.3,2.85q0,1.25,2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2.05,5.75-10.2,5.4t-10.45-5.6v-7l-.15-4.45a4.33,4.33,0,0,1,1.55-4,9.05,9.05,0,0,0,2.65-3.6q.8-2.05-2.85-4.1T437.4,172l1.35-24.8,1.05-23.8a20.85,20.85,0,0,1,0-3.8l-.25-19.45Q439.2,84,440.9,79.39a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15Q458.9,76.64,459.35,78.49Z\"\n          fill=\"none\"\n          stroke=\"#ffcfff\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.25\"\n        ></path>\n      </g>\n      <g id=\"setthreelefteight\">\n        <g id=\"Layer0_0_FILL-2\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M262.9,148.59q-.75,20.15.1,22.65a9.45,9.45,0,0,0,3,4.5q2.15,1.85,1.65,3.25t-3.2,3a4.77,4.77,0,0,0-2.65,4.45l1.55,11.45q2.3,6,10.4,6.35t10.2-5.4q-.25-8-1.15-11.15a18.88,18.88,0,0,0-2.5-5.2,5.86,5.86,0,0,1-1.45-3.3q0-1.3,2-3.25t1-5.25l.85-22.1Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M263.4,102.29l.4,17L263,146l-.1,2.6h19.85l.35-3.5,2.15-27.65.65-20.6q.65-15.2-1.3-17.7t-3.5-2.6A15.18,15.18,0,0,1,278,76a17.32,17.32,0,0,0-4.85-.35,23.37,23.37,0,0,0-5.35.75q-2,.6-3.45,4.1T263.4,102.29Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M200.7,79.19a9.75,9.75,0,0,0-4.3-4l-.35-.15a15.82,15.82,0,0,0-7.85-.8,9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6.05,22.9l1.45,43.3-.9,26.7q-.6,1.7,1.85,3.7t1.85,3.55a7.9,7.9,0,0,1-2.95,3.15,6.53,6.53,0,0,0-2.6,5.1l-.1,3.9v3.45q2.3,5.8,10.45,7.1t9.5-5.8l.55-8.75q-.4-3.1-2.7-3.75t-2.25-2.4q0-1.75,2.6-2.2t2.65-5.3l2-32.3q1.85-27.5.65-43.8T200.7,79.19Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-2\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M200.7,79.19q1.4,2.5,2.65,18.75t-.65,43.8l-2,32.3q-.1,4.8-2.65,5.3t-2.6,2.2q0,1.8,2.25,2.4t2.7,3.75l-.55,8.75q-1.35,7.1-9.5,5.8t-10.45-7.1v-3.45l.1-3.9a6.53,6.53,0,0,1,2.6-5.1,7.9,7.9,0,0,0,2.95-3.15q.55-1.5-1.85-3.55t-1.85-3.7l.9-26.7-1.45-43.3q-1.75-18.3-.05-22.9a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15A9.75,9.75,0,0,1,200.7,79.19Zm62.2,69.4.1-2.6.8-26.75-.4-17q-.45-18.3,1-21.8t3.45-4.1a23.37,23.37,0,0,1,5.35-.75A17.32,17.32,0,0,1,278,76a15.18,15.18,0,0,0,3.1.55q1.55.1,3.5,2.6t1.3,17.7l-.65,20.6-2.15,27.65-.35,3.5-.85,22.1q1,3.4-1,5.25t-2,3.25a5.86,5.86,0,0,0,1.45,3.3,18.88,18.88,0,0,1,2.5,5.2q.9,3.1,1.15,11.15-2,5.75-10.2,5.4t-10.4-6.35l-1.55-11.45a4.77,4.77,0,0,1,2.65-4.45q2.7-1.55,3.2-3T266,175.74a9.45,9.45,0,0,1-3-4.5Q262.15,168.74,262.9,148.59Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.25\"\n        ></path>\n      </g>\n      <g id=\"setthreerightseven\">\n        <g id=\"Layer1_0_FILL-3\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M409.1,166.89l-.5,0,.05.15Z\"\n            fill=\"url(#radial-gradient)\"\n          ></path>\n          <path\n            d=\"M405.7,182.19l0,.45.15,4.25a51.86,51.86,0,0,0,2.5,13.35q2.2,7,7.55,6.25l6.9-1.15a8.42,8.42,0,0,0,3-2q1.4-1.4,1-5.85a124.41,124.41,0,0,0-2.6-16l-4.65-1.5q-1.45-2.15,0-3.7l2.9-1.75-4-5.25-8.3-2.25h0l-.9-.2h-.15l-.37-.33-2.68.53-.25,7.75,3,1.6a3.16,3.16,0,0,1,0,3.25Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M436.55,94.39l-.1-2.4-1-5.2q-1.8-6.25-14-7.6-9.55-1.3-10.6,8.6l-4,60.15-.15,2.6-.15,2.65-.55,13.9,1.3-.1h.3l.95,0,.5,0h.15l.9.2,8.3,2.25,4,5.25.13-4.59-.28-.66.15,5.25,5.7-27.7,6.95-35.55A98.38,98.38,0,0,0,436.55,94.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M355.1,168.09h6.25l10.3-2.8.35,2.8,1.45,7.25q-.25-20.8,0-26.1L352.95,152l.55,4.5L354.9,168l-.2,5.7,2.35,3.2a4.25,4.25,0,0,1,0,4l-2.4,3.6.7,13.7.45,2.1q1.85,5.5,9.5,5,8.8-.6,9.7-10.15v-.4a94.79,94.79,0,0,0,.2-12.1l-2.9-3-.1-3.25,1.25-1.1q-2.65-6.2-2.6-5.6H355.2l-.3-1.65.3,1.65h15.65q0-.6,2.6,5.6L372,168.09l-.35-2.8-10.3,2.8Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M361.8,80.49q-11.1,1.1-11.1,10.6l0,14.35q-.1,4.85.1,15.25l2.2,31.3,20.45-2.75q.55-16.25,0-32.25-.4-10.7-.45-24.15T361.8,80.49Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-3\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M352.95,152l-2.2-31.3q-.2-10.4-.1-15.25l0-14.35q0-9.5,11.1-10.6t11.15,12.35q0,13.45.45,24.15.55,16,0,32.25-.2,5.3,0,26.1l-1.25,1.1.1,3.25,2.9,3a94.79,94.79,0,0,1-.2,12.1v.4q-.9,9.55-9.7,10.15-7.65.5-9.5-5l-.45-2.1-.7-13.7,2.4-3.6a4.25,4.25,0,0,0,0-4l-2.35-3.2.2-5.7-1.4-11.55Zm53.1,15.1.55-13.9.15-2.65.15-2.6,4-60.15q1.05-9.9,10.6-8.6,12.2,1.35,14,7.6l1,5.2.1,2.4a98.38,98.38,0,0,1-1.45,16.95l-6.95,35.55-5.7,27.7-2.9,1.75q-1.45,1.55,0,3.7l4.65,1.5a124.41,124.41,0,0,1,2.6,16q.45,4.45-1,5.85a8.42,8.42,0,0,1-3,2l-6.9,1.15q-5.35.7-7.55-6.25a51.86,51.86,0,0,1-2.5-13.35l-.15-4.25,0-.45,3.15-2.5a3.16,3.16,0,0,0,0-3.25l-3-1.6.25-7.75\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftseven\">\n        <g id=\"Layer0_0_FILL-3\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M295.25,172l-.4,2.65.2,1.55Z\"\n            fill=\"url(#radial-gradient-2)\"\n          ></path>\n          <path\n            d=\"M295.35,169.79l-.1,2.2.25-1.9Z\"\n            fill=\"url(#radial-gradient-3)\"\n          ></path>\n          <path\n            d=\"M277.45,184.79a50.93,50.93,0,0,0,2.45,13.4q2.2,6.9,7.55,6.2a47.65,47.65,0,0,0,6.9-1.15,7.88,7.88,0,0,0,3-2q1.4-1.4,1-5.85l-1.75-11.7v-.15l-2.85-2.05q-1.65-2.45-.3-3.75l1.6-1.6-.2-1.55.4-2.65.1-2.2a167.1,167.1,0,0,1,2.3-21.05l-20.35-.5V151l0,21.05,3.6,3.25a2.88,2.88,0,0,1,0,3.25l-3.6,3.6Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M299.6,136.79l2.85-21.9,1.7-16.9.65-7.15a22.28,22.28,0,0,0,0-4.25,30.16,30.16,0,0,0-.85-3.6q-.65-2-3.75-4.15t-11.5-2.6q-9.65-.9-10.25,9.1-.95,39.65-1.15,62.9l20.35.5,0-.4Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M214.45,105.54l0,1.35,3.65,45q.5,5.75-2.5,24.1l2.75,2.3a2.88,2.88,0,0,1,0,3.25l-4.7,2.5-.3,1.65-1.15,8q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4,2-6.6-3-2.2q-1.65-2.45.1-3.2l4.1-1.8,2-24.1q2-20.8,2.05-42.2a181.06,181.06,0,0,0-1.55-22.85q-2.05-15.2-13.05-12.45t-10.7,13.35l.3,14.25M235,169.09v0Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-3\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M214.45,105.54l-.3-14.25q-.3-10.6,10.7-13.35T237.9,90.39a181.06,181.06,0,0,1,1.55,22.85q0,21.4-2.05,42.2l-2,24.1-4.1,1.8q-1.75.75-.1,3.2l3,2.2-2,6.6-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l1.15-8,.3-1.65,4.7-2.5a2.88,2.88,0,0,0,0-3.25l-2.75-2.3q3-18.35,2.5-24.1l-3.65-45Zm62.85,42.7q.2-23.25,1.15-62.9.6-10,10.25-9.1,8.4.5,11.5,2.6T303.95,83a30.16,30.16,0,0,1,.85,3.6,22.28,22.28,0,0,1,0,4.25L304.15,98l-1.7,16.9-2.85,21.9-1.9,11.55,0,.4a167.1,167.1,0,0,0-2.3,21.05m-.1,2.2-.2,4.2-1.6,1.6q-1.35,1.3.3,3.75l2.85,2.05v.15l1.75,11.7q.4,4.45-1,5.85a7.88,7.88,0,0,1-3,2,47.65,47.65,0,0,1-6.9,1.15q-5.35.7-7.55-6.2a50.93,50.93,0,0,1-2.45-13.4l-.1-2.6,3.6-3.6a2.88,2.88,0,0,0,0-3.25l-3.6-3.25,0-21.05v-2.8M295.25,172l.1-2.2\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightsix\">\n        <g id=\"Layer1_0_FILL-4\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M407.7,170.19l-.35.55.55-.5.4-.9h-.4l-.2.85m-.1,0-.25.6.35-.55.2-.85h-3.45Z\"\n            fill=\"url(#radial-gradient-4)\"\n          ></path>\n          <path\n            d=\"M391.65,180.29v.65l.1,1.7.15,4.25a51.86,51.86,0,0,0,2.5,13.35q2.2,7,7.55,6.25l6.9-1.15a8.42,8.42,0,0,0,3-2q1.4-1.4,1-5.85a140.15,140.15,0,0,0-5.45-26.8l.25-.6-3.15-.8-8.3-2.25h0l-.9-.2h-.15l-.52-.35-2.53.55Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M407.5,79.19q-9.55-1.3-10.6,8.6l-4,60.15-.15,2.6-.15,2.65-.55,13.9,1.3-.1h.75l1-.1h.15l.9.2,9.45,4.06,2.3-1.81a155.3,155.3,0,0,0,6.25-22.45l6.95-35.55a98.38,98.38,0,0,0,1.45-16.95l-.1-2.4-1-5.2Q419.7,80.54,407.5,79.19Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M341.1,168.09h6.25l9.3-1.33,1.35,1.33.9-8.1.5-10.75L338.95,152l.55,4.5L340.9,168a226.05,226.05,0,0,0,.45,30.2l.45,2.1q1.85,5.5,9.5,5,8.8-.6,9.7-10.15v-.4a71.31,71.31,0,0,0,.1-11.25l-3-15.2q-1.25.8-1.2,1.4H341.2l-.3-1.65.3,1.65h15.65q0-.6,1.2-1.4l-.05-.25-1.43-1.84-9.22,1.84Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M357,94.19q-2.55-15.1-13.45-12T333.3,96l.8,14.2.1,1.35L338.95,152l20.45-2.75q.55-16.25,0-32.25A183.18,183.18,0,0,0,357,94.19Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-4\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M338.95,152l-4.75-40.45-.1-1.35L333.3,96q-.7-10.6,10.25-13.8t13.45,12a183.18,183.18,0,0,1,2.4,22.8q.55,16,0,32.25L358.9,160l-.9,8.1.05.25,3,15.2a71.31,71.31,0,0,1-.1,11.25v.4q-.9,9.55-9.7,10.15-7.65.5-9.5-5l-.45-2.1a226.05,226.05,0,0,1-.45-30.2l-1.4-11.55Zm53.1,15.1.55-13.9.15-2.65.15-2.6,4-60.15q1.05-9.9,10.6-8.6,12.2,1.35,14,7.6l1,5.2.1,2.4a98.38,98.38,0,0,1-1.45,16.95l-6.95,35.55a155.3,155.3,0,0,1-6.25,22.45m.4,0-.4.9-.55.5a140.15,140.15,0,0,1,5.45,26.8q.45,4.45-1,5.85a8.42,8.42,0,0,1-3,2l-6.9,1.15q-5.35.7-7.55-6.25a51.86,51.86,0,0,1-2.5-13.35l-.15-4.25-.1-1.7v-.65l.4-13.2m15.85,2.25-.2.85m-.35.55.25-.6M358,168.09m34.05-1\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftsix\">\n        <g id=\"Layer0_0_FILL-4\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M282.25,166.89l-.35,1.75,0,.25v-.1Z\"\n            fill=\"url(#radial-gradient-5)\"\n          ></path>\n          <path\n            d=\"M266.45,184.79a50.93,50.93,0,0,0,2.45,13.4q2.2,6.9,7.55,6.2a47.65,47.65,0,0,0,6.9-1.15,7.88,7.88,0,0,0,3-2q1.4-1.4,1-5.85a145,145,0,0,0-5.4-26.55l0-.25.35-1.75.15-.8.1-.55,0-.45q2.05-5.15,4.1-16.35l-20.35-.5v29.9l-.1.55Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M292.8,107.64l.65-7.7a76.56,76.56,0,0,0,0-9.25l-.2-2.4a24,24,0,0,0-1.2-5.15,7.41,7.41,0,0,0-2.3-3.35q-3.65-3-12-3.55-9.65-.9-10.25,9.1-.95,39.65-1.15,62.9l20.35.5.9-5.25Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M232.9,165.69l.1-.4h0l-.05.4m.1,3.4v-.3l-.1.25Z\"\n            fill=\"url(#radial-gradient-6)\"\n          ></path>\n          <path\n            d=\"M212.45,105.54l0,1.35,3.65,45,.8,12.6v.25a206,206,0,0,0-6.6,26.8l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4a61.66,61.66,0,0,0,2.9-11.25l-.15-13-.1,0,.1-.25-.1-3.1.05-.4h0q2.9-10.1,2.4-9.85,2-20.8,2.05-42.2a181.06,181.06,0,0,0-1.55-22.85q-2.05-15.2-13.05-12.45t-10.7,13.35Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-4\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M233,169.09l.15,13a61.66,61.66,0,0,1-2.9,11.25l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15a206,206,0,0,1,6.6-26.8v-.25l-.8-12.6-3.65-45,0-1.35-.3-14.25q-.3-10.6,10.7-13.35T235.9,90.39a181.06,181.06,0,0,1,1.55,22.85q0,21.4-2.05,42.2.5-.25-2.4,9.85l-.1.4.1,3.1Zm33.3-20.85q.2-23.25,1.15-62.9.6-10,10.25-9.1,8.35.5,12,3.55a7.41,7.41,0,0,1,2.3,3.35,24,24,0,0,1,1.2,5.15l.2,2.4a76.56,76.56,0,0,1,0,9.25l-.65,7.7-5.25,35.85-.9,5.25q-2.05,11.2-4.1,16.35l0,.45-.1.55-.15.8-.3,1.9v.1a145,145,0,0,1,5.4,26.55q.4,4.45-1,5.85a7.88,7.88,0,0,1-3,2,47.65,47.65,0,0,1-6.9,1.15q-5.35.7-7.55-6.2a50.93,50.93,0,0,1-2.45-13.4l-.25-6.1.1-.55v-29.9Zm15.95,18.65-.35,1.75\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightfive\">\n        <g id=\"Layer1_0_FILL-5\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M385,183.44l.2.65.5,1.6,1.3,4.1A49.42,49.42,0,0,0,392.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45l.55-.85H387.75l-2.7.35-.05-.35Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M412.55,94.39l-.1-2.4-1-5.2q-1.8-6.25-14-7.6-9.55-1.3-10.6,8.6l-4,60.15-.15,2.6-.15,2.65,2.4,16.15.05.35,2.7-.35H398.3a183.05,183.05,0,0,0,5.85-22.45l6.95-35.55A98.38,98.38,0,0,0,412.55,94.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M341.85,195.64l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4a71.67,71.67,0,0,0,3-10.8l1-15.5q-1.4.45-1.5,1.05L348.9,168A189,189,0,0,0,341.85,195.64Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M346.95,152l.55,4.5L348.9,168l15.3,4.1q.1-.6,1.5-1.05l1.2-11.1.5-10.75Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M351.55,82.19q-11,3.2-10.25,13.8l.8,14.2.1,1.35L346.95,152l20.45-2.75q.55-16.25,0-32.25a183.18,183.18,0,0,0-2.4-22.8Q362.45,79.09,351.55,82.19Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-5\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M346.95,152l-4.75-40.45-.1-1.35L341.3,96q-.7-10.6,10.25-13.8t13.45,12a183.18,183.18,0,0,1,2.4,22.8q.55,16,0,32.25L366.9,160l-1.2,11.1-1,15.5a71.67,71.67,0,0,1-3,10.8l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a189,189,0,0,1,7-27.6l-1.4-11.55Zm38,17.35-2.4-16.15.15-2.65.15-2.6,4-60.15q1.05-9.9,10.6-8.6,12.2,1.35,14,7.6l1,5.2.1,2.4a98.38,98.38,0,0,1-1.45,16.95l-6.95,35.55a183.05,183.05,0,0,1-5.85,22.45l-.55.85a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,387,189.79l-1.3-4.1-.5-1.6-.2-.65v-14.1l.05.35\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftfive\">\n        <g id=\"Layer0_0_FILL-5\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M258.3,148.24v18.3l15.95-.4.2-.6.1-.45q2-5.15,4.1-16.35Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M258.3,166.54l3.3,12.8,0,.55,1.85,5.85A49.42,49.42,0,0,0,269.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M284.8,107.64l.65-7.7a76.56,76.56,0,0,0,0-9.25l-.2-2.4a24,24,0,0,0-1.2-5.15,7.41,7.41,0,0,0-2.3-3.35q-3.65-3-12-3.55-9.65-.9-10.25,9.1-.95,39.65-1.15,62.9l20.35.5.9-5.25Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M214,107.39l.2,1.35,8.6,44.4,2.25,11.4-.15.25a206,206,0,0,0-6.6,26.8l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4a61.66,61.66,0,0,0,2.9-11.25l-.15-13v-.3l-.1-3.1,1.55-10.45q-.35-21.65-2.7-42.95a176.84,176.84,0,0,0-4-22.55q-3.65-14.85-14.3-11t-9.2,14.5Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-5\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M241,169.09l.15,13a61.66,61.66,0,0,1-2.9,11.25l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15a206,206,0,0,1,6.6-26.8l.15-.25-2.25-11.4-8.6-44.4-.2-1.35-1.85-14.1q-1.45-10.5,9.2-14.5t14.3,11a176.84,176.84,0,0,1,4,22.55q2.35,21.3,2.7,42.95l-1.55,10.45.1,3.1Zm17.3-20.85q.2-23.25,1.15-62.9.6-10,10.25-9.1,8.35.5,12,3.55a7.41,7.41,0,0,1,2.3,3.35,24,24,0,0,1,1.2,5.15l.2,2.4a76.56,76.56,0,0,1,0,9.25l-.65,7.7-5.25,35.85-.9,5.25q-2,11.2-4.1,16.35m-.1.45-.2.6a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-1.85-5.85,0-.55-3.3-12.8v-18.3\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightfour\">\n        <g id=\"Layer1_0_FILL-6\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M403.55,81.34q-9.3-2.65-11.7,7Q384.1,125,379.7,147.49l-.5,2.55-.5,2.6.3,30.8.2.65.5,1.6,1.3,4.1A49.42,49.42,0,0,0,386.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25Q415.45,84.29,403.55,81.34Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M348.55,154.09l1.7,4.2,4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4a71.67,71.67,0,0,0,3-10.8q-.4-31.85-.75-29.9l-2.35-10.55Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M351,93.59q-6.4-13.95-16.1-8.1t-6.35,16L333.1,115l.4,1.25q7.25,18.4,15.05,37.85l19-7.95q-3.7-15.85-8.35-31.15A173.9,173.9,0,0,0,351,93.59Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-6\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M348.55,154.09q-7.8-19.45-15.05-37.85l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.65,15.3,8.35,31.15l2.35,10.55q.35-2,.75,29.9a71.67,71.67,0,0,1-3,10.8l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8Zm55-72.75q11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,381,189.79l-1.3-4.1-.5-1.6-.2-.65-.3-30.8.5-2.6.5-2.55q4.4-22.45,12.15-59.1Q394.25,78.69,403.55,81.34Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftfour\">\n        <g id=\"Layer0_0_FILL-6\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M255.7,146l0,.15-.5,2.6.35,26.5.1,4.05,0,.55,1.85,5.85A49.42,49.42,0,0,0,263.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3-4.55,7.35-15.9Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M289.15,110.94l2-7.5a73.07,73.07,0,0,0,1.7-9.1l.2-2.4-.2-5.25a7.51,7.51,0,0,0-1.7-3.7q-3-3.65-11.15-5.7-9.3-2.65-11.7,7.05L255.7,146l19.9,4.2,1.85-5Q282.9,129.89,289.15,110.94Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M209.6,110.94l.4,1.25,16.75,42.05L231.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4a61.66,61.66,0,0,0,2.9-11.25q-.4-31.3-.7-29.45-4.45-21.2-10.7-41.7a173.9,173.9,0,0,0-8.2-21.4q-6.4-13.95-16.1-8.1t-6.35,16Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-6\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M209.6,110.94l-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7.3-1.85.7,29.45a61.66,61.66,0,0,1-2.9,11.25l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,231.1,165l-4.35-10.8L210,112.19ZM255.7,146l12.65-61.7q2.4-9.7,11.7-7.05,8.15,2,11.15,5.7a7.51,7.51,0,0,1,1.7,3.7l.2,5.25-.2,2.4a73.07,73.07,0,0,1-1.7,9.1l-2,7.5q-6.25,19-11.7,34.3l-1.85,5q-4.3,11.35-7.35,15.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-1.85-5.85,0-.55-.1-4.05-.35-26.5.5-2.6Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightthree\">\n        <g id=\"Layer1_0_FILL-7\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M412.4,98.39l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3l-2.35-10.55-19,7.95,1.7,4.2,4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,382.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3A101.51,101.51,0,0,0,412.4,98.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M355,93.59q-6.4-13.95-16.1-8.1t-6.35,16L337.1,115l.4,1.25q7.25,18.4,15.05,37.85l19-7.95q-3.7-15.85-8.35-31.15A173.9,173.9,0,0,0,355,93.59Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-7\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M352.55,154.09q-7.8-19.45-15.05-37.85l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.65,15.3,8.35,31.15l2.35,10.55q4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,377,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftthree\">\n        <g id=\"Layer0_0_FILL-7\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M288.9,94.34l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05L251.7,146l19.9,4.2,1.85-5q5.45-15.35,11.7-34.3A101.51,101.51,0,0,0,288.9,94.34Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M213.6,110.94l.4,1.25,16.75,42.05L235.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,259.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3-4.55,7.35-15.9L251.7,146l-1.25,6.6q-4.45-21.2-10.7-41.7a173.9,173.9,0,0,0-8.2-21.4q-6.4-13.95-16.1-8.1t-6.35,16Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-7\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M271.6,150.24q-4.3,11.35-7.35,15.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,235.1,165l-4.35-10.8L214,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7l1.25-6.6,12.65-61.7q2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerighttwo\">\n        <g id=\"Layer1_0_FILL-8\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M404.4,98.39l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3l-2.4-10.7h-.05l-19,7.95,1.75,4.35,4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,374.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3A101.51,101.51,0,0,0,404.4,98.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M347,93.59q-6.4-13.95-16.1-8.1t-6.35,16L329.1,115l.4,1.25q7.2,18.35,15,37.7l19-7.95h.05q-3.65-15.85-8.3-31A173.9,173.9,0,0,0,347,93.59Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-8\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M344.5,153.94q-7.8-19.35-15-37.7l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.65,15.15,8.3,31l2.4,10.7q4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,369,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreelefttwo\">\n        <g id=\"Layer0_0_FILL-8\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M296.9,94.34l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05l-13,63.3,0,.1,19.6,4.15,0-.15.75-1.85,1.7-4.65q5.45-15.35,11.7-34.3A101.51,101.51,0,0,0,296.9,94.34Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M239.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L243.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,267.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q2.8-4.2,6.7-14.25l-19.6-4.15-.4,2.15-.5,2.75q-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,239.55,89.54Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-8\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M278.95,151.89q-3.9,10-6.7,14.25a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,243.1,165l-4.35-10.8L222,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7l.5-2.75.4-2.15,0-.1,13-63.3q2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3l-1.7,4.65-.75,1.85Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightone\">\n        <g id=\"Layer1_0_FILL-9\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M384.4,98.39l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68l-.3-9.25L326.9,150l1.3,6.75,2.2,11.35.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,354.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3A101.51,101.51,0,0,0,384.4,98.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M341.4,93.44q-3.65-14.9-14.3-11a15.13,15.13,0,0,0-7.35,5.15,12.68,12.68,0,0,0-1.9,9.2v.05l1.8,14.15.2,1.3L326.9,150l20.55-2.85L345.3,116A181.16,181.16,0,0,0,341.4,93.44Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-9\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M326.9,150l-7.05-37.7-.2-1.3-1.8-14.15v-.05a12.68,12.68,0,0,1,1.9-9.2,15.13,15.13,0,0,1,7.35-5.15q10.65-3.9,14.3,11A181.16,181.16,0,0,1,345.3,116l2.15,31.15.3,9.25q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,349,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25-2.2-11.35Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftone\">\n        <g id=\"Layer0_0_FILL-9\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M277.2,149.19l.65,3.2.65,3.3-.3-4.15-.25-1.35-.3-.5Z\"\n            fill=\"url(#radial-gradient-7)\"\n          ></path>\n          <path\n            d=\"M300.65,90.54l-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85L278,148.89,298,150.84l.15-.95.7-6.2,2.45-36.15Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M259.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L263.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,287.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q3.85-5.15,5.5-15.85L278,148.89l.1,1,.1,1.65.3,4.15-.65-3.3-.65-3.2q-5-23.75-9.45-38.25A173.9,173.9,0,0,0,259.55,89.54Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-9\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M298,150.84q-1.65,10.7-5.5,15.85a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,263.1,165l-4.35-10.8L242,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.45,14.5,9.45,38.25m.75,1,.25,1.35-.1-1.65-.1-1-3.65-61.65q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17-2.45,36.15-.7,6.2-.15.95m-19.85.7.3,4.15-.65-3.3-.65-3.2\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"paternalrecombinanttext\">\n        <text\n          transform=\"translate(102.63 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Parental\n        </text>\n        <text\n          transform=\"translate(467.96 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Parental\n        </text>\n        <text\n          transform=\"translate(205.96 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Recombinant\n        </text>\n        <text\n          transform=\"translate(332.63 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Recombinant\n        </text>\n      </g>\n    </svg>\n  "]);_templateObject_991e8b6054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_991e8b6054f411e9aeb367f92c5b63ab()),is:"gene-crossover-4",properties:{tl:{type:Object},selected:{type:Boolean,value:!1},animationReady:{type:Boolean,value:!1}},observers:["_selectedChanged(selected, animationReady)"],_selectedChanged:function _selectedChanged(selected,animationReady){if(!animationReady){return}if(selected){this.tl.play();this.tlleft.play();this.tlright.play()}else{this.tl.progress(0);this.tlleft.progress(0);this.tlright.progress(0);this.tl.pause();this.tlleft.pause();this.tlright.pause()}},ready:function ready(){var root=this,tl=new TimelineMax,tlleft=new TimelineMax,tlright=new TimelineMax,playButton=this.shadowRoot.querySelector("#play-button"),replayButton=this.shadowRoot.querySelector("#replay-button"),svg=this.shadowRoot.querySelector("#chromosomes"),paternalrecombinanttext=svg.getElementById("paternalrecombinanttext"),setthreerightnine=svg.getElementById("setthreerightnine"),setthreerighteight=svg.getElementById("setthreerighteight"),setthreerightseven=svg.getElementById("setthreerightseven"),setthreerightsix=svg.getElementById("setthreerightsix"),setthreerightfive=svg.getElementById("setthreerightfive"),setthreerightfour=svg.getElementById("setthreerightfour"),setthreerightthree=svg.getElementById("setthreerightthree"),setthreerighttwo=svg.getElementById("setthreerighttwo"),setthreerightone=svg.getElementById("setthreerightone"),setthreeleftnine=svg.getElementById("setthreeleftnine"),setthreelefteight=svg.getElementById("setthreelefteight"),setthreeleftseven=svg.getElementById("setthreeleftseven"),setthreeleftsix=svg.getElementById("setthreeleftsix"),setthreeleftfive=svg.getElementById("setthreeleftfive"),setthreeleftfour=svg.getElementById("setthreeleftfour"),setthreeleftthree=svg.getElementById("setthreeleftthree"),setthreelefttwo=svg.getElementById("setthreelefttwo"),setthreeleftone=svg.getElementById("setthreeleftone");tl.set([setthreeleftnine,setthreelefteight,setthreeleftseven,setthreeleftsix,setthreeleftfive,setthreeleftfour,setthreeleftthree,setthreelefttwo,setthreerightnine,setthreerighteight,setthreerightseven,setthreerightsix,setthreerightfive,setthreerightfour,setthreerightthree,setthreerighttwo,paternalrecombinanttext],{display:"none"});tlleft.to([setthreeleftone],.1,{x:"-=5",display:"none"}).to([setthreelefttwo],.5,{x:"-=5",display:"block"}).to([setthreelefttwo],.1,{x:"-=5",display:"none"}).to([setthreeleftthree],.5,{x:"-=5",display:"block"}).to([setthreeleftthree],.1,{x:"-=5",display:"none"}).to([setthreeleftfour],.5,{x:"-=5",display:"block"}).to([setthreeleftfour],.1,{x:"-=5",display:"none"}).to([setthreeleftfive],.5,{x:"-=5",display:"block"}).to([setthreeleftfive],.1,{x:"-=5",display:"none"}).to([setthreeleftsix],.5,{x:"-=5",display:"block"}).to([setthreeleftsix],.1,{x:"-=5",display:"none"}).to([setthreeleftseven],.5,{x:"-=5",display:"block"}).to([setthreeleftseven],.1,{x:"-=5",display:"none"}).to([setthreelefteight],.5,{x:"-=5",display:"block"}).to([setthreelefteight],.1,{x:"-=5",display:"none"}).to([setthreeleftnine,paternalrecombinanttext],.5,{display:"block"});tlright.to([setthreerightone],.1,{x:"+=5",display:"none"}).to([setthreerighttwo],.5,{x:"+=5",display:"block"}).to([setthreerighttwo],.1,{x:"+=5",display:"none"}).to([setthreerightthree],.5,{x:"+=5",display:"block"}).to([setthreerightthree],.1,{x:"+=5",display:"none"}).to([setthreerightfour],.5,{x:"+=5",display:"block"}).to([setthreerightfour],.1,{x:"+=5",display:"none"}).to([setthreerightfive],.5,{x:"+=5",display:"block"}).to([setthreerightfive],.1,{x:"+=5",display:"none"}).to([setthreerightsix],.5,{x:"+=5",display:"block"}).to([setthreerightsix],.1,{x:"+=5",display:"none"}).to([setthreerightseven],.5,{x:"+=5",display:"block"}).to([setthreerightseven],.1,{x:"+=5",display:"none"}).to([setthreerighteight],.5,{x:"+=5",display:"block"}).to([setthreerighteight],.1,{x:"+=5",display:"none"}).to([setthreerightnine],.5,{x:"+=5",display:"block"});tl.pause();tlleft.pause();tlright.pause();this.tl=tl;this.tlleft=tlleft;this.tlright=tlright;this.animationReady=!0}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../lrndesign-animationctrl/lrndesign-animationctrl.js","./TweenMax.min.js"],function(_polymerLegacy){"use strict";function _templateObject_2e3909c0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        font-family: \"Open Sans\", sans-serif;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #6d6e71;\n        text-align: center;\n      }\n\n      p {\n        font-family: \"Open Sans\", sans-serif;\n      }\n    </style>\n\n    <h1>Gene Crossover</h1>\n\n    <p>\n      This screen shows the end result of meiosis with crossing over. Notice\n      that these chromatids - each with a unique combination of genes have\n      segregated into 4 different gametes.\n    </p>\n\n    <svg\n      id=\"chromosomes\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n      viewBox=\"0 0 640 254.99\"\n    >\n      <defs>\n        <radialGradient\n          id=\"radial-gradient\"\n          cx=\"22\"\n          cy=\"-240.01\"\n          r=\"88.56\"\n          gradientTransform=\"matrix(0.13, -0.99, -0.99, -0.13, 168.97, 155.6)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#fcf\"></stop>\n          <stop offset=\"1\" stop-color=\"#f6f\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"radial-gradient-2\"\n          cx=\"-363.75\"\n          cy=\"-254.35\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(-0.18, -0.98, -0.98, 0.18, -39.2, -143.49)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#09f\"></stop>\n          <stop offset=\"1\" stop-color=\"#03c\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"radial-gradient-3\"\n          cx=\"-36.8\"\n          cy=\"-249.99\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(0.08, -1, -1, -0.08, 30.75, 109.83)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-4\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.6\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 134.88, 32.04)\"\n          xlink:href=\"#radial-gradient\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-5\"\n          cx=\"186.44\"\n          cy=\"-196.29\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0.26, -0.97, -0.97, -0.26, 28.74, 292.89)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-6\"\n          cx=\"97.82\"\n          cy=\"-222.83\"\n          r=\"92.35\"\n          gradientTransform=\"matrix(0.19, -0.98, -0.98, -0.19, -7.28, 221.62)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-7\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 15.88, 31.04)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-8\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 23.88, 31.04)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-9\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.7\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 28.63, 27.54)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n      </defs>\n      <title>crossover-2-full-correct-ids</title>\n\n      <g id=\"setthreerightnine\">\n        <g id=\"Layer1_0_FILL\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M494,124.59l.1-1.7.05-1q.35-9,0-21.9l-1.3-21.5q-.45-1.85-3.35-3.25l-.35-.15a15.82,15.82,0,0,0-7.85-.8,9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.25,22.9l.45,19.6.05,1,.05,1.7q-.35,46-.2,47.65t2.25,3.5q2.15,1.85,2.25,3.3,0,2-2.25,3.65a6.53,6.53,0,0,0-2.6,5.1l-.1,3.9.05,6.2q2.3,6,10.4,6.35t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3t2.25-2.75a6,6,0,0,0,2.75-4.5Q493.9,169.09,494,124.59Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M373.4,182.69a6.53,6.53,0,0,0-2.6,5.1l-.1,3.9,0,6.2q2.3,6,10.4,6.35t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3t2.25-2.75a6,6,0,0,0,2.75-4.5l.35-23.35H371.15q-.15,22.5,0,23.65.1,1.7,2.25,3.5t2.25,3.3Q375.7,181,373.4,182.69Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M391.65,124.59l.1-1.7.05-1q.35-9,0-21.9l-1.3-21.5q-.45-1.85-3.35-3.25l-.35-.15a15.82,15.82,0,0,0-7.85-.8,9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.25,22.9l.45,19.6.05,1,0,1.7-.2,24H391.6Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M371.15,148.59l.2-24,0-1.7-.05-1-.45-19.6Q370.35,84,372,79.39a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15q2.9,1.4,3.35,3.25l1.3,21.5q.35,12.9,0,21.9l-.05,1-.1,1.7-.05,24-.35,23.35a6,6,0,0,1-2.75,4.5q-2.25,1.45-2.25,2.75t2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2,5.75-10.2,5.4t-10.4-6.35l0-6.2.1-3.9a6.53,6.53,0,0,1,2.6-5.1q2.3-1.65,2.25-3.65-.1-1.45-2.25-3.3t-2.25-3.5Q371,171.09,371.15,148.59Zm122.85-24q-.1,44.5-.4,47.35a6,6,0,0,1-2.75,4.5q-2.25,1.45-2.25,2.75t2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2.05,5.75-10.2,5.4t-10.4-6.35l-.05-6.2.1-3.9a6.53,6.53,0,0,1,2.6-5.1Q478,181,478,179q-.1-1.45-2.25-3.3t-2.25-3.5q-.15-1.65.2-47.65l-.05-1.7-.05-1-.45-19.6q-.45-18.3,1.25-22.9a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15q2.9,1.4,3.35,3.25l1.3,21.5q.35,12.9,0,21.9l-.05,1Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.25\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftnine\">\n        <g id=\"Layer0_0_FILL\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M252.75,148.59v23.65q.1,1.7,2.25,3.5t2.25,3.3q0,2-2.25,3.65a6.53,6.53,0,0,0-2.6,5.1l-.1,3.9,0,6.2q2.3,6,10.4,6.35t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3t2.25-2.75a6,6,0,0,0,2.75-4.5q.2-2,.35-23.35Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M260.55,74.29a9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.25,22.9l.45,18.6.1,3.7-.2,24H273.2l0-24,.2-3.7q.3-8.7,0-20.9l-1.3-21.5q-.45-1.85-3.35-3.25l-.35-.15A15.82,15.82,0,0,0,260.55,74.29Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M152.2,74.29a9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.25,22.9l.55,22.3-.2,47.65q.1,1.7,2.25,3.5t2.25,3.3q.05,2-2.25,3.65a6.53,6.53,0,0,0-2.6,5.1l-.1,3.9.05,6.2q2.3,6,10.4,6.35t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3t2.25-2.75a6,6,0,0,0,2.75-4.5q.3-2.85.4-47.35.55-9.7.15-24.6l-1.3-21.5q-.45-1.85-3.35-3.25l-.35-.15A15.82,15.82,0,0,0,152.2,74.29Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M152.2,74.29a15.82,15.82,0,0,1,7.85.8l.35.15q2.9,1.4,3.35,3.25L165,100q.4,14.9-.15,24.6-.1,44.5-.4,47.35a6,6,0,0,1-2.75,4.5q-2.25,1.45-2.25,2.75t2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2.05,5.75-10.2,5.4T144,197.89l-.05-6.2.1-3.9a6.53,6.53,0,0,1,2.6-5.1q2.3-1.65,2.25-3.65-.1-1.45-2.25-3.3t-2.25-3.5l.2-47.65-.55-22.3q-.45-18.3,1.25-22.9a7.13,7.13,0,0,1,3.9-4.3A9.89,9.89,0,0,1,152.2,74.29Zm100.55,74.3.2-24-.1-3.7-.45-18.6q-.45-18.3,1.25-22.9a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15q2.9,1.4,3.35,3.25l1.3,21.5q.35,12.2,0,20.9l-.2,3.7,0,24q-.15,21.4-.35,23.35a6,6,0,0,1-2.75,4.5q-2.25,1.45-2.25,2.75t2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2,5.75-10.2,5.4t-10.4-6.35l0-6.2.1-3.9a6.53,6.53,0,0,1,2.6-5.1q2.3-1.65,2.25-3.65-.1-1.45-2.25-3.3t-2.25-3.5Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.25\"\n        ></path>\n      </g>\n      <g id=\"setthreerighteight\">\n        <g id=\"Layer1_0_FILL-2\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M459.35,78.49q-.45-1.85-3.35-3.25l-.35-.15a15.82,15.82,0,0,0-7.85-.8,9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.35,20.75l.25,19.45a20.85,20.85,0,0,0,0,3.8l-1.05,23.8L437.4,172q-.25,1.5,3.35,3.55t2.85,4.1a9.05,9.05,0,0,1-2.65,3.6,4.33,4.33,0,0,0-1.55,4l.15,4.45v7q2.35,5.25,10.45,5.6t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3a4.62,4.62,0,0,1,1.3-2.85,17.34,17.34,0,0,0,2.45-4.4q1.15-2.85,1.45-25.5l.3-23.55.05-1q.35-9,0-21.9Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M362.45,151.34l.7,20.9a5.6,5.6,0,0,0,1.9,3.5,5.85,5.85,0,0,1,1.85,3.55,4.54,4.54,0,0,1-1.9,3.45,6.94,6.94,0,0,0-2.2,5l-.1,3.9v5.2q2.05,5.3,10.2,5.85t9.4-5.7a33.3,33.3,0,0,0,.9-9.35,8.48,8.48,0,0,0-2.8-5.3q-2.4-2.15-2.65-3.75t1.6-3.2a8.57,8.57,0,0,0,2.5-3.5q.65-1.8.05-18.25l-.05-2.35Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M362.25,83.39l-1,2.85L361,93.09q.1,9.1-.25,15.95l.3,10.85,1.3,27.35.1,4.1h19.4q-.5-14.6-.1-21.9l.4-13.1.15-19.6-.4-10.45-.25-2.7a11.2,11.2,0,0,0-1.7-3.6l-1.4-1.65a15.82,15.82,0,0,0-7.85-.8,20.53,20.53,0,0,0-4.25,1.1Q363.85,79.59,362.25,83.39Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-2\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M362.45,151.34l-.1-4.1L361,119.89l-.3-10.85q.35-6.85.25-15.95l.25-6.85,1-2.85q1.6-3.8,4.2-4.75a20.53,20.53,0,0,1,4.25-1.1,15.82,15.82,0,0,1,7.85.8l1.4,1.65a11.2,11.2,0,0,1,1.7,3.6l.25,2.7.4,10.45-.15,19.6-.4,13.1q-.4,7.3.1,21.9l.05,2.35q.6,16.45-.05,18.25a8.57,8.57,0,0,1-2.5,3.5q-1.85,1.65-1.6,3.2t2.65,3.75a8.48,8.48,0,0,1,2.8,5.3,33.3,33.3,0,0,1-.9,9.35q-1.25,6.25-9.4,5.7t-10.2-5.85v-5.2l.1-3.9a6.94,6.94,0,0,1,2.2-5,4.54,4.54,0,0,0,1.9-3.45,5.85,5.85,0,0,0-1.85-3.55,5.6,5.6,0,0,1-1.9-3.5Zm96.9-72.85,1.3,21.5q.35,12.9,0,21.9l-.05,1-.3,23.55q-.3,22.65-1.45,25.5a17.34,17.34,0,0,1-2.45,4.4,4.62,4.62,0,0,0-1.3,2.85q0,1.25,2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2.05,5.75-10.2,5.4t-10.45-5.6v-7l-.15-4.45a4.33,4.33,0,0,1,1.55-4,9.05,9.05,0,0,0,2.65-3.6q.8-2.05-2.85-4.1T437.4,172l1.35-24.8,1.05-23.8a20.85,20.85,0,0,1,0-3.8l-.25-19.45Q439.2,84,440.9,79.39a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15Q458.9,76.64,459.35,78.49Z\"\n          fill=\"none\"\n          stroke=\"#ffcfff\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.25\"\n        ></path>\n      </g>\n      <g id=\"setthreelefteight\">\n        <g id=\"Layer0_0_FILL-2\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M262.9,148.59q-.75,20.15.1,22.65a9.45,9.45,0,0,0,3,4.5q2.15,1.85,1.65,3.25t-3.2,3a4.77,4.77,0,0,0-2.65,4.45l1.55,11.45q2.3,6,10.4,6.35t10.2-5.4q-.25-8-1.15-11.15a18.88,18.88,0,0,0-2.5-5.2,5.86,5.86,0,0,1-1.45-3.3q0-1.3,2-3.25t1-5.25l.85-22.1Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M263.4,102.29l.4,17L263,146l-.1,2.6h19.85l.35-3.5,2.15-27.65.65-20.6q.65-15.2-1.3-17.7t-3.5-2.6A15.18,15.18,0,0,1,278,76a17.32,17.32,0,0,0-4.85-.35,23.37,23.37,0,0,0-5.35.75q-2,.6-3.45,4.1T263.4,102.29Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M200.7,79.19a9.75,9.75,0,0,0-4.3-4l-.35-.15a15.82,15.82,0,0,0-7.85-.8,9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6.05,22.9l1.45,43.3-.9,26.7q-.6,1.7,1.85,3.7t1.85,3.55a7.9,7.9,0,0,1-2.95,3.15,6.53,6.53,0,0,0-2.6,5.1l-.1,3.9v3.45q2.3,5.8,10.45,7.1t9.5-5.8l.55-8.75q-.4-3.1-2.7-3.75t-2.25-2.4q0-1.75,2.6-2.2t2.65-5.3l2-32.3q1.85-27.5.65-43.8T200.7,79.19Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-2\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M200.7,79.19q1.4,2.5,2.65,18.75t-.65,43.8l-2,32.3q-.1,4.8-2.65,5.3t-2.6,2.2q0,1.8,2.25,2.4t2.7,3.75l-.55,8.75q-1.35,7.1-9.5,5.8t-10.45-7.1v-3.45l.1-3.9a6.53,6.53,0,0,1,2.6-5.1,7.9,7.9,0,0,0,2.95-3.15q.55-1.5-1.85-3.55t-1.85-3.7l.9-26.7-1.45-43.3q-1.75-18.3-.05-22.9a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15A9.75,9.75,0,0,1,200.7,79.19Zm62.2,69.4.1-2.6.8-26.75-.4-17q-.45-18.3,1-21.8t3.45-4.1a23.37,23.37,0,0,1,5.35-.75A17.32,17.32,0,0,1,278,76a15.18,15.18,0,0,0,3.1.55q1.55.1,3.5,2.6t1.3,17.7l-.65,20.6-2.15,27.65-.35,3.5-.85,22.1q1,3.4-1,5.25t-2,3.25a5.86,5.86,0,0,0,1.45,3.3,18.88,18.88,0,0,1,2.5,5.2q.9,3.1,1.15,11.15-2,5.75-10.2,5.4t-10.4-6.35l-1.55-11.45a4.77,4.77,0,0,1,2.65-4.45q2.7-1.55,3.2-3T266,175.74a9.45,9.45,0,0,1-3-4.5Q262.15,168.74,262.9,148.59Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.25\"\n        ></path>\n      </g>\n      <g id=\"setthreerightseven\">\n        <g id=\"Layer1_0_FILL-3\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M409.1,166.89l-.5,0,.05.15Z\"\n            fill=\"url(#radial-gradient)\"\n          ></path>\n          <path\n            d=\"M405.7,182.19l0,.45.15,4.25a51.86,51.86,0,0,0,2.5,13.35q2.2,7,7.55,6.25l6.9-1.15a8.42,8.42,0,0,0,3-2q1.4-1.4,1-5.85a124.41,124.41,0,0,0-2.6-16l-4.65-1.5q-1.45-2.15,0-3.7l2.9-1.75-4-5.25-8.3-2.25h0l-.9-.2h-.15l-.37-.33-2.68.53-.25,7.75,3,1.6a3.16,3.16,0,0,1,0,3.25Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M436.55,94.39l-.1-2.4-1-5.2q-1.8-6.25-14-7.6-9.55-1.3-10.6,8.6l-4,60.15-.15,2.6-.15,2.65-.55,13.9,1.3-.1h.3l.95,0,.5,0h.15l.9.2,8.3,2.25,4,5.25.13-4.59-.28-.66.15,5.25,5.7-27.7,6.95-35.55A98.38,98.38,0,0,0,436.55,94.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M355.1,168.09h6.25l10.3-2.8.35,2.8,1.45,7.25q-.25-20.8,0-26.1L352.95,152l.55,4.5L354.9,168l-.2,5.7,2.35,3.2a4.25,4.25,0,0,1,0,4l-2.4,3.6.7,13.7.45,2.1q1.85,5.5,9.5,5,8.8-.6,9.7-10.15v-.4a94.79,94.79,0,0,0,.2-12.1l-2.9-3-.1-3.25,1.25-1.1q-2.65-6.2-2.6-5.6H355.2l-.3-1.65.3,1.65h15.65q0-.6,2.6,5.6L372,168.09l-.35-2.8-10.3,2.8Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M361.8,80.49q-11.1,1.1-11.1,10.6l0,14.35q-.1,4.85.1,15.25l2.2,31.3,20.45-2.75q.55-16.25,0-32.25-.4-10.7-.45-24.15T361.8,80.49Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-3\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M352.95,152l-2.2-31.3q-.2-10.4-.1-15.25l0-14.35q0-9.5,11.1-10.6t11.15,12.35q0,13.45.45,24.15.55,16,0,32.25-.2,5.3,0,26.1l-1.25,1.1.1,3.25,2.9,3a94.79,94.79,0,0,1-.2,12.1v.4q-.9,9.55-9.7,10.15-7.65.5-9.5-5l-.45-2.1-.7-13.7,2.4-3.6a4.25,4.25,0,0,0,0-4l-2.35-3.2.2-5.7-1.4-11.55Zm53.1,15.1.55-13.9.15-2.65.15-2.6,4-60.15q1.05-9.9,10.6-8.6,12.2,1.35,14,7.6l1,5.2.1,2.4a98.38,98.38,0,0,1-1.45,16.95l-6.95,35.55-5.7,27.7-2.9,1.75q-1.45,1.55,0,3.7l4.65,1.5a124.41,124.41,0,0,1,2.6,16q.45,4.45-1,5.85a8.42,8.42,0,0,1-3,2l-6.9,1.15q-5.35.7-7.55-6.25a51.86,51.86,0,0,1-2.5-13.35l-.15-4.25,0-.45,3.15-2.5a3.16,3.16,0,0,0,0-3.25l-3-1.6.25-7.75\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftseven\">\n        <g id=\"Layer0_0_FILL-3\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M295.25,172l-.4,2.65.2,1.55Z\"\n            fill=\"url(#radial-gradient-2)\"\n          ></path>\n          <path\n            d=\"M295.35,169.79l-.1,2.2.25-1.9Z\"\n            fill=\"url(#radial-gradient-3)\"\n          ></path>\n          <path\n            d=\"M277.45,184.79a50.93,50.93,0,0,0,2.45,13.4q2.2,6.9,7.55,6.2a47.65,47.65,0,0,0,6.9-1.15,7.88,7.88,0,0,0,3-2q1.4-1.4,1-5.85l-1.75-11.7v-.15l-2.85-2.05q-1.65-2.45-.3-3.75l1.6-1.6-.2-1.55.4-2.65.1-2.2a167.1,167.1,0,0,1,2.3-21.05l-20.35-.5V151l0,21.05,3.6,3.25a2.88,2.88,0,0,1,0,3.25l-3.6,3.6Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M299.6,136.79l2.85-21.9,1.7-16.9.65-7.15a22.28,22.28,0,0,0,0-4.25,30.16,30.16,0,0,0-.85-3.6q-.65-2-3.75-4.15t-11.5-2.6q-9.65-.9-10.25,9.1-.95,39.65-1.15,62.9l20.35.5,0-.4Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M214.45,105.54l0,1.35,3.65,45q.5,5.75-2.5,24.1l2.75,2.3a2.88,2.88,0,0,1,0,3.25l-4.7,2.5-.3,1.65-1.15,8q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4,2-6.6-3-2.2q-1.65-2.45.1-3.2l4.1-1.8,2-24.1q2-20.8,2.05-42.2a181.06,181.06,0,0,0-1.55-22.85q-2.05-15.2-13.05-12.45t-10.7,13.35l.3,14.25M235,169.09v0Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-3\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M214.45,105.54l-.3-14.25q-.3-10.6,10.7-13.35T237.9,90.39a181.06,181.06,0,0,1,1.55,22.85q0,21.4-2.05,42.2l-2,24.1-4.1,1.8q-1.75.75-.1,3.2l3,2.2-2,6.6-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l1.15-8,.3-1.65,4.7-2.5a2.88,2.88,0,0,0,0-3.25l-2.75-2.3q3-18.35,2.5-24.1l-3.65-45Zm62.85,42.7q.2-23.25,1.15-62.9.6-10,10.25-9.1,8.4.5,11.5,2.6T303.95,83a30.16,30.16,0,0,1,.85,3.6,22.28,22.28,0,0,1,0,4.25L304.15,98l-1.7,16.9-2.85,21.9-1.9,11.55,0,.4a167.1,167.1,0,0,0-2.3,21.05m-.1,2.2-.2,4.2-1.6,1.6q-1.35,1.3.3,3.75l2.85,2.05v.15l1.75,11.7q.4,4.45-1,5.85a7.88,7.88,0,0,1-3,2,47.65,47.65,0,0,1-6.9,1.15q-5.35.7-7.55-6.2a50.93,50.93,0,0,1-2.45-13.4l-.1-2.6,3.6-3.6a2.88,2.88,0,0,0,0-3.25l-3.6-3.25,0-21.05v-2.8M295.25,172l.1-2.2\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightsix\">\n        <g id=\"Layer1_0_FILL-4\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M407.7,170.19l-.35.55.55-.5.4-.9h-.4l-.2.85m-.1,0-.25.6.35-.55.2-.85h-3.45Z\"\n            fill=\"url(#radial-gradient-4)\"\n          ></path>\n          <path\n            d=\"M391.65,180.29v.65l.1,1.7.15,4.25a51.86,51.86,0,0,0,2.5,13.35q2.2,7,7.55,6.25l6.9-1.15a8.42,8.42,0,0,0,3-2q1.4-1.4,1-5.85a140.15,140.15,0,0,0-5.45-26.8l.25-.6-3.15-.8-8.3-2.25h0l-.9-.2h-.15l-.52-.35-2.53.55Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M407.5,79.19q-9.55-1.3-10.6,8.6l-4,60.15-.15,2.6-.15,2.65-.55,13.9,1.3-.1h.75l1-.1h.15l.9.2,9.45,4.06,2.3-1.81a155.3,155.3,0,0,0,6.25-22.45l6.95-35.55a98.38,98.38,0,0,0,1.45-16.95l-.1-2.4-1-5.2Q419.7,80.54,407.5,79.19Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M341.1,168.09h6.25l9.3-1.33,1.35,1.33.9-8.1.5-10.75L338.95,152l.55,4.5L340.9,168a226.05,226.05,0,0,0,.45,30.2l.45,2.1q1.85,5.5,9.5,5,8.8-.6,9.7-10.15v-.4a71.31,71.31,0,0,0,.1-11.25l-3-15.2q-1.25.8-1.2,1.4H341.2l-.3-1.65.3,1.65h15.65q0-.6,1.2-1.4l-.05-.25-1.43-1.84-9.22,1.84Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M357,94.19q-2.55-15.1-13.45-12T333.3,96l.8,14.2.1,1.35L338.95,152l20.45-2.75q.55-16.25,0-32.25A183.18,183.18,0,0,0,357,94.19Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-4\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M338.95,152l-4.75-40.45-.1-1.35L333.3,96q-.7-10.6,10.25-13.8t13.45,12a183.18,183.18,0,0,1,2.4,22.8q.55,16,0,32.25L358.9,160l-.9,8.1.05.25,3,15.2a71.31,71.31,0,0,1-.1,11.25v.4q-.9,9.55-9.7,10.15-7.65.5-9.5-5l-.45-2.1a226.05,226.05,0,0,1-.45-30.2l-1.4-11.55Zm53.1,15.1.55-13.9.15-2.65.15-2.6,4-60.15q1.05-9.9,10.6-8.6,12.2,1.35,14,7.6l1,5.2.1,2.4a98.38,98.38,0,0,1-1.45,16.95l-6.95,35.55a155.3,155.3,0,0,1-6.25,22.45m.4,0-.4.9-.55.5a140.15,140.15,0,0,1,5.45,26.8q.45,4.45-1,5.85a8.42,8.42,0,0,1-3,2l-6.9,1.15q-5.35.7-7.55-6.25a51.86,51.86,0,0,1-2.5-13.35l-.15-4.25-.1-1.7v-.65l.4-13.2m15.85,2.25-.2.85m-.35.55.25-.6M358,168.09m34.05-1\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftsix\">\n        <g id=\"Layer0_0_FILL-4\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M282.25,166.89l-.35,1.75,0,.25v-.1Z\"\n            fill=\"url(#radial-gradient-5)\"\n          ></path>\n          <path\n            d=\"M266.45,184.79a50.93,50.93,0,0,0,2.45,13.4q2.2,6.9,7.55,6.2a47.65,47.65,0,0,0,6.9-1.15,7.88,7.88,0,0,0,3-2q1.4-1.4,1-5.85a145,145,0,0,0-5.4-26.55l0-.25.35-1.75.15-.8.1-.55,0-.45q2.05-5.15,4.1-16.35l-20.35-.5v29.9l-.1.55Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M292.8,107.64l.65-7.7a76.56,76.56,0,0,0,0-9.25l-.2-2.4a24,24,0,0,0-1.2-5.15,7.41,7.41,0,0,0-2.3-3.35q-3.65-3-12-3.55-9.65-.9-10.25,9.1-.95,39.65-1.15,62.9l20.35.5.9-5.25Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M232.9,165.69l.1-.4h0l-.05.4m.1,3.4v-.3l-.1.25Z\"\n            fill=\"url(#radial-gradient-6)\"\n          ></path>\n          <path\n            d=\"M212.45,105.54l0,1.35,3.65,45,.8,12.6v.25a206,206,0,0,0-6.6,26.8l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4a61.66,61.66,0,0,0,2.9-11.25l-.15-13-.1,0,.1-.25-.1-3.1.05-.4h0q2.9-10.1,2.4-9.85,2-20.8,2.05-42.2a181.06,181.06,0,0,0-1.55-22.85q-2.05-15.2-13.05-12.45t-10.7,13.35Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-4\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M233,169.09l.15,13a61.66,61.66,0,0,1-2.9,11.25l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15a206,206,0,0,1,6.6-26.8v-.25l-.8-12.6-3.65-45,0-1.35-.3-14.25q-.3-10.6,10.7-13.35T235.9,90.39a181.06,181.06,0,0,1,1.55,22.85q0,21.4-2.05,42.2.5-.25-2.4,9.85l-.1.4.1,3.1Zm33.3-20.85q.2-23.25,1.15-62.9.6-10,10.25-9.1,8.35.5,12,3.55a7.41,7.41,0,0,1,2.3,3.35,24,24,0,0,1,1.2,5.15l.2,2.4a76.56,76.56,0,0,1,0,9.25l-.65,7.7-5.25,35.85-.9,5.25q-2.05,11.2-4.1,16.35l0,.45-.1.55-.15.8-.3,1.9v.1a145,145,0,0,1,5.4,26.55q.4,4.45-1,5.85a7.88,7.88,0,0,1-3,2,47.65,47.65,0,0,1-6.9,1.15q-5.35.7-7.55-6.2a50.93,50.93,0,0,1-2.45-13.4l-.25-6.1.1-.55v-29.9Zm15.95,18.65-.35,1.75\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightfive\">\n        <g id=\"Layer1_0_FILL-5\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M385,183.44l.2.65.5,1.6,1.3,4.1A49.42,49.42,0,0,0,392.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45l.55-.85H387.75l-2.7.35-.05-.35Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M412.55,94.39l-.1-2.4-1-5.2q-1.8-6.25-14-7.6-9.55-1.3-10.6,8.6l-4,60.15-.15,2.6-.15,2.65,2.4,16.15.05.35,2.7-.35H398.3a183.05,183.05,0,0,0,5.85-22.45l6.95-35.55A98.38,98.38,0,0,0,412.55,94.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M341.85,195.64l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4a71.67,71.67,0,0,0,3-10.8l1-15.5q-1.4.45-1.5,1.05L348.9,168A189,189,0,0,0,341.85,195.64Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M346.95,152l.55,4.5L348.9,168l15.3,4.1q.1-.6,1.5-1.05l1.2-11.1.5-10.75Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M351.55,82.19q-11,3.2-10.25,13.8l.8,14.2.1,1.35L346.95,152l20.45-2.75q.55-16.25,0-32.25a183.18,183.18,0,0,0-2.4-22.8Q362.45,79.09,351.55,82.19Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-5\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M346.95,152l-4.75-40.45-.1-1.35L341.3,96q-.7-10.6,10.25-13.8t13.45,12a183.18,183.18,0,0,1,2.4,22.8q.55,16,0,32.25L366.9,160l-1.2,11.1-1,15.5a71.67,71.67,0,0,1-3,10.8l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a189,189,0,0,1,7-27.6l-1.4-11.55Zm38,17.35-2.4-16.15.15-2.65.15-2.6,4-60.15q1.05-9.9,10.6-8.6,12.2,1.35,14,7.6l1,5.2.1,2.4a98.38,98.38,0,0,1-1.45,16.95l-6.95,35.55a183.05,183.05,0,0,1-5.85,22.45l-.55.85a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,387,189.79l-1.3-4.1-.5-1.6-.2-.65v-14.1l.05.35\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftfive\">\n        <g id=\"Layer0_0_FILL-5\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M258.3,148.24v18.3l15.95-.4.2-.6.1-.45q2-5.15,4.1-16.35Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M258.3,166.54l3.3,12.8,0,.55,1.85,5.85A49.42,49.42,0,0,0,269.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M284.8,107.64l.65-7.7a76.56,76.56,0,0,0,0-9.25l-.2-2.4a24,24,0,0,0-1.2-5.15,7.41,7.41,0,0,0-2.3-3.35q-3.65-3-12-3.55-9.65-.9-10.25,9.1-.95,39.65-1.15,62.9l20.35.5.9-5.25Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M214,107.39l.2,1.35,8.6,44.4,2.25,11.4-.15.25a206,206,0,0,0-6.6,26.8l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4a61.66,61.66,0,0,0,2.9-11.25l-.15-13v-.3l-.1-3.1,1.55-10.45q-.35-21.65-2.7-42.95a176.84,176.84,0,0,0-4-22.55q-3.65-14.85-14.3-11t-9.2,14.5Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-5\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M241,169.09l.15,13a61.66,61.66,0,0,1-2.9,11.25l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15a206,206,0,0,1,6.6-26.8l.15-.25-2.25-11.4-8.6-44.4-.2-1.35-1.85-14.1q-1.45-10.5,9.2-14.5t14.3,11a176.84,176.84,0,0,1,4,22.55q2.35,21.3,2.7,42.95l-1.55,10.45.1,3.1Zm17.3-20.85q.2-23.25,1.15-62.9.6-10,10.25-9.1,8.35.5,12,3.55a7.41,7.41,0,0,1,2.3,3.35,24,24,0,0,1,1.2,5.15l.2,2.4a76.56,76.56,0,0,1,0,9.25l-.65,7.7-5.25,35.85-.9,5.25q-2,11.2-4.1,16.35m-.1.45-.2.6a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-1.85-5.85,0-.55-3.3-12.8v-18.3\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightfour\">\n        <g id=\"Layer1_0_FILL-6\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M403.55,81.34q-9.3-2.65-11.7,7Q384.1,125,379.7,147.49l-.5,2.55-.5,2.6.3,30.8.2.65.5,1.6,1.3,4.1A49.42,49.42,0,0,0,386.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25Q415.45,84.29,403.55,81.34Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M348.55,154.09l1.7,4.2,4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4a71.67,71.67,0,0,0,3-10.8q-.4-31.85-.75-29.9l-2.35-10.55Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M351,93.59q-6.4-13.95-16.1-8.1t-6.35,16L333.1,115l.4,1.25q7.25,18.4,15.05,37.85l19-7.95q-3.7-15.85-8.35-31.15A173.9,173.9,0,0,0,351,93.59Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-6\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M348.55,154.09q-7.8-19.45-15.05-37.85l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.65,15.3,8.35,31.15l2.35,10.55q.35-2,.75,29.9a71.67,71.67,0,0,1-3,10.8l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8Zm55-72.75q11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,381,189.79l-1.3-4.1-.5-1.6-.2-.65-.3-30.8.5-2.6.5-2.55q4.4-22.45,12.15-59.1Q394.25,78.69,403.55,81.34Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftfour\">\n        <g id=\"Layer0_0_FILL-6\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M255.7,146l0,.15-.5,2.6.35,26.5.1,4.05,0,.55,1.85,5.85A49.42,49.42,0,0,0,263.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3-4.55,7.35-15.9Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M289.15,110.94l2-7.5a73.07,73.07,0,0,0,1.7-9.1l.2-2.4-.2-5.25a7.51,7.51,0,0,0-1.7-3.7q-3-3.65-11.15-5.7-9.3-2.65-11.7,7.05L255.7,146l19.9,4.2,1.85-5Q282.9,129.89,289.15,110.94Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M209.6,110.94l.4,1.25,16.75,42.05L231.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4a61.66,61.66,0,0,0,2.9-11.25q-.4-31.3-.7-29.45-4.45-21.2-10.7-41.7a173.9,173.9,0,0,0-8.2-21.4q-6.4-13.95-16.1-8.1t-6.35,16Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-6\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M209.6,110.94l-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7.3-1.85.7,29.45a61.66,61.66,0,0,1-2.9,11.25l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,231.1,165l-4.35-10.8L210,112.19ZM255.7,146l12.65-61.7q2.4-9.7,11.7-7.05,8.15,2,11.15,5.7a7.51,7.51,0,0,1,1.7,3.7l.2,5.25-.2,2.4a73.07,73.07,0,0,1-1.7,9.1l-2,7.5q-6.25,19-11.7,34.3l-1.85,5q-4.3,11.35-7.35,15.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-1.85-5.85,0-.55-.1-4.05-.35-26.5.5-2.6Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightthree\">\n        <g id=\"Layer1_0_FILL-7\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M412.4,98.39l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3l-2.35-10.55-19,7.95,1.7,4.2,4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,382.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3A101.51,101.51,0,0,0,412.4,98.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M355,93.59q-6.4-13.95-16.1-8.1t-6.35,16L337.1,115l.4,1.25q7.25,18.4,15.05,37.85l19-7.95q-3.7-15.85-8.35-31.15A173.9,173.9,0,0,0,355,93.59Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-7\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M352.55,154.09q-7.8-19.45-15.05-37.85l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.65,15.3,8.35,31.15l2.35,10.55q4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,377,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftthree\">\n        <g id=\"Layer0_0_FILL-7\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M288.9,94.34l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05L251.7,146l19.9,4.2,1.85-5q5.45-15.35,11.7-34.3A101.51,101.51,0,0,0,288.9,94.34Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M213.6,110.94l.4,1.25,16.75,42.05L235.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,259.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3-4.55,7.35-15.9L251.7,146l-1.25,6.6q-4.45-21.2-10.7-41.7a173.9,173.9,0,0,0-8.2-21.4q-6.4-13.95-16.1-8.1t-6.35,16Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-7\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M271.6,150.24q-4.3,11.35-7.35,15.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,235.1,165l-4.35-10.8L214,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7l1.25-6.6,12.65-61.7q2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerighttwo\">\n        <g id=\"Layer1_0_FILL-8\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M404.4,98.39l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3l-2.4-10.7h-.05l-19,7.95,1.75,4.35,4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,374.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3A101.51,101.51,0,0,0,404.4,98.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M347,93.59q-6.4-13.95-16.1-8.1t-6.35,16L329.1,115l.4,1.25q7.2,18.35,15,37.7l19-7.95h.05q-3.65-15.85-8.3-31A173.9,173.9,0,0,0,347,93.59Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-8\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M344.5,153.94q-7.8-19.35-15-37.7l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.65,15.15,8.3,31l2.4,10.7q4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,369,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreelefttwo\">\n        <g id=\"Layer0_0_FILL-8\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M296.9,94.34l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05l-13,63.3,0,.1,19.6,4.15,0-.15.75-1.85,1.7-4.65q5.45-15.35,11.7-34.3A101.51,101.51,0,0,0,296.9,94.34Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M239.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L243.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,267.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q2.8-4.2,6.7-14.25l-19.6-4.15-.4,2.15-.5,2.75q-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,239.55,89.54Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-8\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M278.95,151.89q-3.9,10-6.7,14.25a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,243.1,165l-4.35-10.8L222,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7l.5-2.75.4-2.15,0-.1,13-63.3q2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3l-1.7,4.65-.75,1.85Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightone\">\n        <g id=\"Layer1_0_FILL-9\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M384.4,98.39l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68l-.3-9.25L326.9,150l1.3,6.75,2.2,11.35.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,354.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3A101.51,101.51,0,0,0,384.4,98.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M341.4,93.44q-3.65-14.9-14.3-11a15.13,15.13,0,0,0-7.35,5.15,12.68,12.68,0,0,0-1.9,9.2v.05l1.8,14.15.2,1.3L326.9,150l20.55-2.85L345.3,116A181.16,181.16,0,0,0,341.4,93.44Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-9\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M326.9,150l-7.05-37.7-.2-1.3-1.8-14.15v-.05a12.68,12.68,0,0,1,1.9-9.2,15.13,15.13,0,0,1,7.35-5.15q10.65-3.9,14.3,11A181.16,181.16,0,0,1,345.3,116l2.15,31.15.3,9.25q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,349,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25-2.2-11.35Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftone\">\n        <g id=\"Layer0_0_FILL-9\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M277.2,149.19l.65,3.2.65,3.3-.3-4.15-.25-1.35-.3-.5Z\"\n            fill=\"url(#radial-gradient-7)\"\n          ></path>\n          <path\n            d=\"M300.65,90.54l-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85L278,148.89,298,150.84l.15-.95.7-6.2,2.45-36.15Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M259.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L263.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,287.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q3.85-5.15,5.5-15.85L278,148.89l.1,1,.1,1.65.3,4.15-.65-3.3-.65-3.2q-5-23.75-9.45-38.25A173.9,173.9,0,0,0,259.55,89.54Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-9\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M298,150.84q-1.65,10.7-5.5,15.85a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,263.1,165l-4.35-10.8L242,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.45,14.5,9.45,38.25m.75,1,.25,1.35-.1-1.65-.1-1-3.65-61.65q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17-2.45,36.15-.7,6.2-.15.95m-19.85.7.3,4.15-.65-3.3-.65-3.2\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"paternalrecombinanttext\">\n        <text\n          transform=\"translate(102.63 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Parental\n        </text>\n        <text\n          transform=\"translate(467.96 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Parental\n        </text>\n        <text\n          transform=\"translate(205.96 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Recombinant\n        </text>\n        <text\n          transform=\"translate(332.63 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Recombinant\n        </text>\n      </g>\n    </svg>\n  "]);_templateObject_2e3909c0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2e3909c0555211e98f439769bd191e33()),is:"gene-crossover-4",properties:{tl:{type:Object},selected:{type:Boolean,value:!1},animationReady:{type:Boolean,value:!1}},observers:["_selectedChanged(selected, animationReady)"],_selectedChanged:function _selectedChanged(selected,animationReady){if(!animationReady){return}if(selected){this.tl.play();this.tlleft.play();this.tlright.play()}else{this.tl.progress(0);this.tlleft.progress(0);this.tlright.progress(0);this.tl.pause();this.tlleft.pause();this.tlright.pause()}},ready:function ready(){var root=this,tl=new TimelineMax,tlleft=new TimelineMax,tlright=new TimelineMax,playButton=this.shadowRoot.querySelector("#play-button"),replayButton=this.shadowRoot.querySelector("#replay-button"),svg=this.shadowRoot.querySelector("#chromosomes"),paternalrecombinanttext=svg.getElementById("paternalrecombinanttext"),setthreerightnine=svg.getElementById("setthreerightnine"),setthreerighteight=svg.getElementById("setthreerighteight"),setthreerightseven=svg.getElementById("setthreerightseven"),setthreerightsix=svg.getElementById("setthreerightsix"),setthreerightfive=svg.getElementById("setthreerightfive"),setthreerightfour=svg.getElementById("setthreerightfour"),setthreerightthree=svg.getElementById("setthreerightthree"),setthreerighttwo=svg.getElementById("setthreerighttwo"),setthreerightone=svg.getElementById("setthreerightone"),setthreeleftnine=svg.getElementById("setthreeleftnine"),setthreelefteight=svg.getElementById("setthreelefteight"),setthreeleftseven=svg.getElementById("setthreeleftseven"),setthreeleftsix=svg.getElementById("setthreeleftsix"),setthreeleftfive=svg.getElementById("setthreeleftfive"),setthreeleftfour=svg.getElementById("setthreeleftfour"),setthreeleftthree=svg.getElementById("setthreeleftthree"),setthreelefttwo=svg.getElementById("setthreelefttwo"),setthreeleftone=svg.getElementById("setthreeleftone");tl.set([setthreeleftnine,setthreelefteight,setthreeleftseven,setthreeleftsix,setthreeleftfive,setthreeleftfour,setthreeleftthree,setthreelefttwo,setthreerightnine,setthreerighteight,setthreerightseven,setthreerightsix,setthreerightfive,setthreerightfour,setthreerightthree,setthreerighttwo,paternalrecombinanttext],{display:"none"});tlleft.to([setthreeleftone],.1,{x:"-=5",display:"none"}).to([setthreelefttwo],.5,{x:"-=5",display:"block"}).to([setthreelefttwo],.1,{x:"-=5",display:"none"}).to([setthreeleftthree],.5,{x:"-=5",display:"block"}).to([setthreeleftthree],.1,{x:"-=5",display:"none"}).to([setthreeleftfour],.5,{x:"-=5",display:"block"}).to([setthreeleftfour],.1,{x:"-=5",display:"none"}).to([setthreeleftfive],.5,{x:"-=5",display:"block"}).to([setthreeleftfive],.1,{x:"-=5",display:"none"}).to([setthreeleftsix],.5,{x:"-=5",display:"block"}).to([setthreeleftsix],.1,{x:"-=5",display:"none"}).to([setthreeleftseven],.5,{x:"-=5",display:"block"}).to([setthreeleftseven],.1,{x:"-=5",display:"none"}).to([setthreelefteight],.5,{x:"-=5",display:"block"}).to([setthreelefteight],.1,{x:"-=5",display:"none"}).to([setthreeleftnine,paternalrecombinanttext],.5,{display:"block"});tlright.to([setthreerightone],.1,{x:"+=5",display:"none"}).to([setthreerighttwo],.5,{x:"+=5",display:"block"}).to([setthreerighttwo],.1,{x:"+=5",display:"none"}).to([setthreerightthree],.5,{x:"+=5",display:"block"}).to([setthreerightthree],.1,{x:"+=5",display:"none"}).to([setthreerightfour],.5,{x:"+=5",display:"block"}).to([setthreerightfour],.1,{x:"+=5",display:"none"}).to([setthreerightfive],.5,{x:"+=5",display:"block"}).to([setthreerightfive],.1,{x:"+=5",display:"none"}).to([setthreerightsix],.5,{x:"+=5",display:"block"}).to([setthreerightsix],.1,{x:"+=5",display:"none"}).to([setthreerightseven],.5,{x:"+=5",display:"block"}).to([setthreerightseven],.1,{x:"+=5",display:"none"}).to([setthreerighteight],.5,{x:"+=5",display:"block"}).to([setthreerighteight],.1,{x:"+=5",display:"none"}).to([setthreerightnine],.5,{x:"+=5",display:"block"});tl.pause();tlleft.pause();tlright.pause();this.tl=tl;this.tlleft=tlleft;this.tlright=tlright;this.animationReady=!0}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-5.js b/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-5.js
index 6439c224185..8aac6555bea 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-5.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/gene-crossover/lib/gene-crossover-5.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../lrndesign-animationctrl/lrndesign-animationctrl.js","./TweenMax.min.js"],function(_polymerLegacy){"use strict";function _templateObject_992bf8e054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        font-family: \"Open Sans\", sans-serif;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #6d6e71;\n        text-align: center;\n      }\n\n      p {\n        font-family: \"Open Sans\", sans-serif;\n      }\n    </style>\n\n    <h1>Gene Crossover</h1>\n\n    <p>Use the controls above to review this animation from the beginning.</p>\n\n    <svg\n      id=\"chromosomes\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n      viewBox=\"0 0 640 254.99\"\n    >\n      <defs>\n        <radialGradient\n          id=\"radial-gradient\"\n          cx=\"22\"\n          cy=\"-240.01\"\n          r=\"88.56\"\n          gradientTransform=\"matrix(0.13, -0.99, -0.99, -0.13, 168.97, 155.6)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#fcf\"></stop>\n          <stop offset=\"1\" stop-color=\"#f6f\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"radial-gradient-2\"\n          cx=\"-363.75\"\n          cy=\"-254.35\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(-0.18, -0.98, -0.98, 0.18, -39.2, -143.49)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#09f\"></stop>\n          <stop offset=\"1\" stop-color=\"#03c\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"radial-gradient-3\"\n          cx=\"-36.8\"\n          cy=\"-249.99\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(0.08, -1, -1, -0.08, 30.75, 109.83)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-4\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.6\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 134.88, 32.04)\"\n          xlink:href=\"#radial-gradient\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-5\"\n          cx=\"186.44\"\n          cy=\"-196.29\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0.26, -0.97, -0.97, -0.26, 28.74, 292.89)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-6\"\n          cx=\"97.82\"\n          cy=\"-222.83\"\n          r=\"92.35\"\n          gradientTransform=\"matrix(0.19, -0.98, -0.98, -0.19, -7.28, 221.62)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-7\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 15.88, 31.04)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-8\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 23.88, 31.04)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-9\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.7\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 28.63, 27.54)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n      </defs>\n      <title>crossover-2-full-correct-ids</title>\n      <g id=\"setthreerightnine\">\n        <g id=\"Layer1_0_FILL\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M494,124.59l.1-1.7.05-1q.35-9,0-21.9l-1.3-21.5q-.45-1.85-3.35-3.25l-.35-.15a15.82,15.82,0,0,0-7.85-.8,9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.25,22.9l.45,19.6.05,1,.05,1.7q-.35,46-.2,47.65t2.25,3.5q2.15,1.85,2.25,3.3,0,2-2.25,3.65a6.53,6.53,0,0,0-2.6,5.1l-.1,3.9.05,6.2q2.3,6,10.4,6.35t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3t2.25-2.75a6,6,0,0,0,2.75-4.5Q493.9,169.09,494,124.59Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M373.4,182.69a6.53,6.53,0,0,0-2.6,5.1l-.1,3.9,0,6.2q2.3,6,10.4,6.35t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3t2.25-2.75a6,6,0,0,0,2.75-4.5l.35-23.35H371.15q-.15,22.5,0,23.65.1,1.7,2.25,3.5t2.25,3.3Q375.7,181,373.4,182.69Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M391.65,124.59l.1-1.7.05-1q.35-9,0-21.9l-1.3-21.5q-.45-1.85-3.35-3.25l-.35-.15a15.82,15.82,0,0,0-7.85-.8,9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.25,22.9l.45,19.6.05,1,0,1.7-.2,24H391.6Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M371.15,148.59l.2-24,0-1.7-.05-1-.45-19.6Q370.35,84,372,79.39a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15q2.9,1.4,3.35,3.25l1.3,21.5q.35,12.9,0,21.9l-.05,1-.1,1.7-.05,24-.35,23.35a6,6,0,0,1-2.75,4.5q-2.25,1.45-2.25,2.75t2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2,5.75-10.2,5.4t-10.4-6.35l0-6.2.1-3.9a6.53,6.53,0,0,1,2.6-5.1q2.3-1.65,2.25-3.65-.1-1.45-2.25-3.3t-2.25-3.5Q371,171.09,371.15,148.59Zm122.85-24q-.1,44.5-.4,47.35a6,6,0,0,1-2.75,4.5q-2.25,1.45-2.25,2.75t2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2.05,5.75-10.2,5.4t-10.4-6.35l-.05-6.2.1-3.9a6.53,6.53,0,0,1,2.6-5.1Q478,181,478,179q-.1-1.45-2.25-3.3t-2.25-3.5q-.15-1.65.2-47.65l-.05-1.7-.05-1-.45-19.6q-.45-18.3,1.25-22.9a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15q2.9,1.4,3.35,3.25l1.3,21.5q.35,12.9,0,21.9l-.05,1Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.25\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftnine\">\n        <g id=\"Layer0_0_FILL\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M252.75,148.59v23.65q.1,1.7,2.25,3.5t2.25,3.3q0,2-2.25,3.65a6.53,6.53,0,0,0-2.6,5.1l-.1,3.9,0,6.2q2.3,6,10.4,6.35t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3t2.25-2.75a6,6,0,0,0,2.75-4.5q.2-2,.35-23.35Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M260.55,74.29a9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.25,22.9l.45,18.6.1,3.7-.2,24H273.2l0-24,.2-3.7q.3-8.7,0-20.9l-1.3-21.5q-.45-1.85-3.35-3.25l-.35-.15A15.82,15.82,0,0,0,260.55,74.29Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M152.2,74.29a9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.25,22.9l.55,22.3-.2,47.65q.1,1.7,2.25,3.5t2.25,3.3q.05,2-2.25,3.65a6.53,6.53,0,0,0-2.6,5.1l-.1,3.9.05,6.2q2.3,6,10.4,6.35t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3t2.25-2.75a6,6,0,0,0,2.75-4.5q.3-2.85.4-47.35.55-9.7.15-24.6l-1.3-21.5q-.45-1.85-3.35-3.25l-.35-.15A15.82,15.82,0,0,0,152.2,74.29Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M152.2,74.29a15.82,15.82,0,0,1,7.85.8l.35.15q2.9,1.4,3.35,3.25L165,100q.4,14.9-.15,24.6-.1,44.5-.4,47.35a6,6,0,0,1-2.75,4.5q-2.25,1.45-2.25,2.75t2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2.05,5.75-10.2,5.4T144,197.89l-.05-6.2.1-3.9a6.53,6.53,0,0,1,2.6-5.1q2.3-1.65,2.25-3.65-.1-1.45-2.25-3.3t-2.25-3.5l.2-47.65-.55-22.3q-.45-18.3,1.25-22.9a7.13,7.13,0,0,1,3.9-4.3A9.89,9.89,0,0,1,152.2,74.29Zm100.55,74.3.2-24-.1-3.7-.45-18.6q-.45-18.3,1.25-22.9a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15q2.9,1.4,3.35,3.25l1.3,21.5q.35,12.2,0,20.9l-.2,3.7,0,24q-.15,21.4-.35,23.35a6,6,0,0,1-2.75,4.5q-2.25,1.45-2.25,2.75t2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2,5.75-10.2,5.4t-10.4-6.35l0-6.2.1-3.9a6.53,6.53,0,0,1,2.6-5.1q2.3-1.65,2.25-3.65-.1-1.45-2.25-3.3t-2.25-3.5Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.25\"\n        ></path>\n      </g>\n      <g id=\"setthreerighteight\">\n        <g id=\"Layer1_0_FILL-2\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M459.35,78.49q-.45-1.85-3.35-3.25l-.35-.15a15.82,15.82,0,0,0-7.85-.8,9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.35,20.75l.25,19.45a20.85,20.85,0,0,0,0,3.8l-1.05,23.8L437.4,172q-.25,1.5,3.35,3.55t2.85,4.1a9.05,9.05,0,0,1-2.65,3.6,4.33,4.33,0,0,0-1.55,4l.15,4.45v7q2.35,5.25,10.45,5.6t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3a4.62,4.62,0,0,1,1.3-2.85,17.34,17.34,0,0,0,2.45-4.4q1.15-2.85,1.45-25.5l.3-23.55.05-1q.35-9,0-21.9Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M362.45,151.34l.7,20.9a5.6,5.6,0,0,0,1.9,3.5,5.85,5.85,0,0,1,1.85,3.55,4.54,4.54,0,0,1-1.9,3.45,6.94,6.94,0,0,0-2.2,5l-.1,3.9v5.2q2.05,5.3,10.2,5.85t9.4-5.7a33.3,33.3,0,0,0,.9-9.35,8.48,8.48,0,0,0-2.8-5.3q-2.4-2.15-2.65-3.75t1.6-3.2a8.57,8.57,0,0,0,2.5-3.5q.65-1.8.05-18.25l-.05-2.35Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M362.25,83.39l-1,2.85L361,93.09q.1,9.1-.25,15.95l.3,10.85,1.3,27.35.1,4.1h19.4q-.5-14.6-.1-21.9l.4-13.1.15-19.6-.4-10.45-.25-2.7a11.2,11.2,0,0,0-1.7-3.6l-1.4-1.65a15.82,15.82,0,0,0-7.85-.8,20.53,20.53,0,0,0-4.25,1.1Q363.85,79.59,362.25,83.39Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-2\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M362.45,151.34l-.1-4.1L361,119.89l-.3-10.85q.35-6.85.25-15.95l.25-6.85,1-2.85q1.6-3.8,4.2-4.75a20.53,20.53,0,0,1,4.25-1.1,15.82,15.82,0,0,1,7.85.8l1.4,1.65a11.2,11.2,0,0,1,1.7,3.6l.25,2.7.4,10.45-.15,19.6-.4,13.1q-.4,7.3.1,21.9l.05,2.35q.6,16.45-.05,18.25a8.57,8.57,0,0,1-2.5,3.5q-1.85,1.65-1.6,3.2t2.65,3.75a8.48,8.48,0,0,1,2.8,5.3,33.3,33.3,0,0,1-.9,9.35q-1.25,6.25-9.4,5.7t-10.2-5.85v-5.2l.1-3.9a6.94,6.94,0,0,1,2.2-5,4.54,4.54,0,0,0,1.9-3.45,5.85,5.85,0,0,0-1.85-3.55,5.6,5.6,0,0,1-1.9-3.5Zm96.9-72.85,1.3,21.5q.35,12.9,0,21.9l-.05,1-.3,23.55q-.3,22.65-1.45,25.5a17.34,17.34,0,0,1-2.45,4.4,4.62,4.62,0,0,0-1.3,2.85q0,1.25,2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2.05,5.75-10.2,5.4t-10.45-5.6v-7l-.15-4.45a4.33,4.33,0,0,1,1.55-4,9.05,9.05,0,0,0,2.65-3.6q.8-2.05-2.85-4.1T437.4,172l1.35-24.8,1.05-23.8a20.85,20.85,0,0,1,0-3.8l-.25-19.45Q439.2,84,440.9,79.39a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15Q458.9,76.64,459.35,78.49Z\"\n          fill=\"none\"\n          stroke=\"#ffcfff\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.25\"\n        ></path>\n      </g>\n      <g id=\"setthreelefteight\">\n        <g id=\"Layer0_0_FILL-2\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M262.9,148.59q-.75,20.15.1,22.65a9.45,9.45,0,0,0,3,4.5q2.15,1.85,1.65,3.25t-3.2,3a4.77,4.77,0,0,0-2.65,4.45l1.55,11.45q2.3,6,10.4,6.35t10.2-5.4q-.25-8-1.15-11.15a18.88,18.88,0,0,0-2.5-5.2,5.86,5.86,0,0,1-1.45-3.3q0-1.3,2-3.25t1-5.25l.85-22.1Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M263.4,102.29l.4,17L263,146l-.1,2.6h19.85l.35-3.5,2.15-27.65.65-20.6q.65-15.2-1.3-17.7t-3.5-2.6A15.18,15.18,0,0,1,278,76a17.32,17.32,0,0,0-4.85-.35,23.37,23.37,0,0,0-5.35.75q-2,.6-3.45,4.1T263.4,102.29Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M200.7,79.19a9.75,9.75,0,0,0-4.3-4l-.35-.15a15.82,15.82,0,0,0-7.85-.8,9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6.05,22.9l1.45,43.3-.9,26.7q-.6,1.7,1.85,3.7t1.85,3.55a7.9,7.9,0,0,1-2.95,3.15,6.53,6.53,0,0,0-2.6,5.1l-.1,3.9v3.45q2.3,5.8,10.45,7.1t9.5-5.8l.55-8.75q-.4-3.1-2.7-3.75t-2.25-2.4q0-1.75,2.6-2.2t2.65-5.3l2-32.3q1.85-27.5.65-43.8T200.7,79.19Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-2\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M200.7,79.19q1.4,2.5,2.65,18.75t-.65,43.8l-2,32.3q-.1,4.8-2.65,5.3t-2.6,2.2q0,1.8,2.25,2.4t2.7,3.75l-.55,8.75q-1.35,7.1-9.5,5.8t-10.45-7.1v-3.45l.1-3.9a6.53,6.53,0,0,1,2.6-5.1,7.9,7.9,0,0,0,2.95-3.15q.55-1.5-1.85-3.55t-1.85-3.7l.9-26.7-1.45-43.3q-1.75-18.3-.05-22.9a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15A9.75,9.75,0,0,1,200.7,79.19Zm62.2,69.4.1-2.6.8-26.75-.4-17q-.45-18.3,1-21.8t3.45-4.1a23.37,23.37,0,0,1,5.35-.75A17.32,17.32,0,0,1,278,76a15.18,15.18,0,0,0,3.1.55q1.55.1,3.5,2.6t1.3,17.7l-.65,20.6-2.15,27.65-.35,3.5-.85,22.1q1,3.4-1,5.25t-2,3.25a5.86,5.86,0,0,0,1.45,3.3,18.88,18.88,0,0,1,2.5,5.2q.9,3.1,1.15,11.15-2,5.75-10.2,5.4t-10.4-6.35l-1.55-11.45a4.77,4.77,0,0,1,2.65-4.45q2.7-1.55,3.2-3T266,175.74a9.45,9.45,0,0,1-3-4.5Q262.15,168.74,262.9,148.59Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.25\"\n        ></path>\n      </g>\n      <g id=\"setthreerightseven\">\n        <g id=\"Layer1_0_FILL-3\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M409.1,166.89l-.5,0,.05.15Z\"\n            fill=\"url(#radial-gradient)\"\n          ></path>\n          <path\n            d=\"M405.7,182.19l0,.45.15,4.25a51.86,51.86,0,0,0,2.5,13.35q2.2,7,7.55,6.25l6.9-1.15a8.42,8.42,0,0,0,3-2q1.4-1.4,1-5.85a124.41,124.41,0,0,0-2.6-16l-4.65-1.5q-1.45-2.15,0-3.7l2.9-1.75-4-5.25-8.3-2.25h0l-.9-.2h-.15l-.37-.33-2.68.53-.25,7.75,3,1.6a3.16,3.16,0,0,1,0,3.25Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M436.55,94.39l-.1-2.4-1-5.2q-1.8-6.25-14-7.6-9.55-1.3-10.6,8.6l-4,60.15-.15,2.6-.15,2.65-.55,13.9,1.3-.1h.3l.95,0,.5,0h.15l.9.2,8.3,2.25,4,5.25.13-4.59-.28-.66.15,5.25,5.7-27.7,6.95-35.55A98.38,98.38,0,0,0,436.55,94.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M355.1,168.09h6.25l10.3-2.8.35,2.8,1.45,7.25q-.25-20.8,0-26.1L352.95,152l.55,4.5L354.9,168l-.2,5.7,2.35,3.2a4.25,4.25,0,0,1,0,4l-2.4,3.6.7,13.7.45,2.1q1.85,5.5,9.5,5,8.8-.6,9.7-10.15v-.4a94.79,94.79,0,0,0,.2-12.1l-2.9-3-.1-3.25,1.25-1.1q-2.65-6.2-2.6-5.6H355.2l-.3-1.65.3,1.65h15.65q0-.6,2.6,5.6L372,168.09l-.35-2.8-10.3,2.8Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M361.8,80.49q-11.1,1.1-11.1,10.6l0,14.35q-.1,4.85.1,15.25l2.2,31.3,20.45-2.75q.55-16.25,0-32.25-.4-10.7-.45-24.15T361.8,80.49Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-3\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M352.95,152l-2.2-31.3q-.2-10.4-.1-15.25l0-14.35q0-9.5,11.1-10.6t11.15,12.35q0,13.45.45,24.15.55,16,0,32.25-.2,5.3,0,26.1l-1.25,1.1.1,3.25,2.9,3a94.79,94.79,0,0,1-.2,12.1v.4q-.9,9.55-9.7,10.15-7.65.5-9.5-5l-.45-2.1-.7-13.7,2.4-3.6a4.25,4.25,0,0,0,0-4l-2.35-3.2.2-5.7-1.4-11.55Zm53.1,15.1.55-13.9.15-2.65.15-2.6,4-60.15q1.05-9.9,10.6-8.6,12.2,1.35,14,7.6l1,5.2.1,2.4a98.38,98.38,0,0,1-1.45,16.95l-6.95,35.55-5.7,27.7-2.9,1.75q-1.45,1.55,0,3.7l4.65,1.5a124.41,124.41,0,0,1,2.6,16q.45,4.45-1,5.85a8.42,8.42,0,0,1-3,2l-6.9,1.15q-5.35.7-7.55-6.25a51.86,51.86,0,0,1-2.5-13.35l-.15-4.25,0-.45,3.15-2.5a3.16,3.16,0,0,0,0-3.25l-3-1.6.25-7.75\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftseven\">\n        <g id=\"Layer0_0_FILL-3\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M295.25,172l-.4,2.65.2,1.55Z\"\n            fill=\"url(#radial-gradient-2)\"\n          ></path>\n          <path\n            d=\"M295.35,169.79l-.1,2.2.25-1.9Z\"\n            fill=\"url(#radial-gradient-3)\"\n          ></path>\n          <path\n            d=\"M277.45,184.79a50.93,50.93,0,0,0,2.45,13.4q2.2,6.9,7.55,6.2a47.65,47.65,0,0,0,6.9-1.15,7.88,7.88,0,0,0,3-2q1.4-1.4,1-5.85l-1.75-11.7v-.15l-2.85-2.05q-1.65-2.45-.3-3.75l1.6-1.6-.2-1.55.4-2.65.1-2.2a167.1,167.1,0,0,1,2.3-21.05l-20.35-.5V151l0,21.05,3.6,3.25a2.88,2.88,0,0,1,0,3.25l-3.6,3.6Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M299.6,136.79l2.85-21.9,1.7-16.9.65-7.15a22.28,22.28,0,0,0,0-4.25,30.16,30.16,0,0,0-.85-3.6q-.65-2-3.75-4.15t-11.5-2.6q-9.65-.9-10.25,9.1-.95,39.65-1.15,62.9l20.35.5,0-.4Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M214.45,105.54l0,1.35,3.65,45q.5,5.75-2.5,24.1l2.75,2.3a2.88,2.88,0,0,1,0,3.25l-4.7,2.5-.3,1.65-1.15,8q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4,2-6.6-3-2.2q-1.65-2.45.1-3.2l4.1-1.8,2-24.1q2-20.8,2.05-42.2a181.06,181.06,0,0,0-1.55-22.85q-2.05-15.2-13.05-12.45t-10.7,13.35l.3,14.25M235,169.09v0Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-3\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M214.45,105.54l-.3-14.25q-.3-10.6,10.7-13.35T237.9,90.39a181.06,181.06,0,0,1,1.55,22.85q0,21.4-2.05,42.2l-2,24.1-4.1,1.8q-1.75.75-.1,3.2l3,2.2-2,6.6-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l1.15-8,.3-1.65,4.7-2.5a2.88,2.88,0,0,0,0-3.25l-2.75-2.3q3-18.35,2.5-24.1l-3.65-45Zm62.85,42.7q.2-23.25,1.15-62.9.6-10,10.25-9.1,8.4.5,11.5,2.6T303.95,83a30.16,30.16,0,0,1,.85,3.6,22.28,22.28,0,0,1,0,4.25L304.15,98l-1.7,16.9-2.85,21.9-1.9,11.55,0,.4a167.1,167.1,0,0,0-2.3,21.05m-.1,2.2-.2,4.2-1.6,1.6q-1.35,1.3.3,3.75l2.85,2.05v.15l1.75,11.7q.4,4.45-1,5.85a7.88,7.88,0,0,1-3,2,47.65,47.65,0,0,1-6.9,1.15q-5.35.7-7.55-6.2a50.93,50.93,0,0,1-2.45-13.4l-.1-2.6,3.6-3.6a2.88,2.88,0,0,0,0-3.25l-3.6-3.25,0-21.05v-2.8M295.25,172l.1-2.2\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightsix\">\n        <g id=\"Layer1_0_FILL-4\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M407.7,170.19l-.35.55.55-.5.4-.9h-.4l-.2.85m-.1,0-.25.6.35-.55.2-.85h-3.45Z\"\n            fill=\"url(#radial-gradient-4)\"\n          ></path>\n          <path\n            d=\"M391.65,180.29v.65l.1,1.7.15,4.25a51.86,51.86,0,0,0,2.5,13.35q2.2,7,7.55,6.25l6.9-1.15a8.42,8.42,0,0,0,3-2q1.4-1.4,1-5.85a140.15,140.15,0,0,0-5.45-26.8l.25-.6-3.15-.8-8.3-2.25h0l-.9-.2h-.15l-.52-.35-2.53.55Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M407.5,79.19q-9.55-1.3-10.6,8.6l-4,60.15-.15,2.6-.15,2.65-.55,13.9,1.3-.1h.75l1-.1h.15l.9.2,9.45,4.06,2.3-1.81a155.3,155.3,0,0,0,6.25-22.45l6.95-35.55a98.38,98.38,0,0,0,1.45-16.95l-.1-2.4-1-5.2Q419.7,80.54,407.5,79.19Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M341.1,168.09h6.25l9.3-1.33,1.35,1.33.9-8.1.5-10.75L338.95,152l.55,4.5L340.9,168a226.05,226.05,0,0,0,.45,30.2l.45,2.1q1.85,5.5,9.5,5,8.8-.6,9.7-10.15v-.4a71.31,71.31,0,0,0,.1-11.25l-3-15.2q-1.25.8-1.2,1.4H341.2l-.3-1.65.3,1.65h15.65q0-.6,1.2-1.4l-.05-.25-1.43-1.84-9.22,1.84Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M357,94.19q-2.55-15.1-13.45-12T333.3,96l.8,14.2.1,1.35L338.95,152l20.45-2.75q.55-16.25,0-32.25A183.18,183.18,0,0,0,357,94.19Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-4\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M338.95,152l-4.75-40.45-.1-1.35L333.3,96q-.7-10.6,10.25-13.8t13.45,12a183.18,183.18,0,0,1,2.4,22.8q.55,16,0,32.25L358.9,160l-.9,8.1.05.25,3,15.2a71.31,71.31,0,0,1-.1,11.25v.4q-.9,9.55-9.7,10.15-7.65.5-9.5-5l-.45-2.1a226.05,226.05,0,0,1-.45-30.2l-1.4-11.55Zm53.1,15.1.55-13.9.15-2.65.15-2.6,4-60.15q1.05-9.9,10.6-8.6,12.2,1.35,14,7.6l1,5.2.1,2.4a98.38,98.38,0,0,1-1.45,16.95l-6.95,35.55a155.3,155.3,0,0,1-6.25,22.45m.4,0-.4.9-.55.5a140.15,140.15,0,0,1,5.45,26.8q.45,4.45-1,5.85a8.42,8.42,0,0,1-3,2l-6.9,1.15q-5.35.7-7.55-6.25a51.86,51.86,0,0,1-2.5-13.35l-.15-4.25-.1-1.7v-.65l.4-13.2m15.85,2.25-.2.85m-.35.55.25-.6M358,168.09m34.05-1\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftsix\">\n        <g id=\"Layer0_0_FILL-4\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M282.25,166.89l-.35,1.75,0,.25v-.1Z\"\n            fill=\"url(#radial-gradient-5)\"\n          ></path>\n          <path\n            d=\"M266.45,184.79a50.93,50.93,0,0,0,2.45,13.4q2.2,6.9,7.55,6.2a47.65,47.65,0,0,0,6.9-1.15,7.88,7.88,0,0,0,3-2q1.4-1.4,1-5.85a145,145,0,0,0-5.4-26.55l0-.25.35-1.75.15-.8.1-.55,0-.45q2.05-5.15,4.1-16.35l-20.35-.5v29.9l-.1.55Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M292.8,107.64l.65-7.7a76.56,76.56,0,0,0,0-9.25l-.2-2.4a24,24,0,0,0-1.2-5.15,7.41,7.41,0,0,0-2.3-3.35q-3.65-3-12-3.55-9.65-.9-10.25,9.1-.95,39.65-1.15,62.9l20.35.5.9-5.25Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M232.9,165.69l.1-.4h0l-.05.4m.1,3.4v-.3l-.1.25Z\"\n            fill=\"url(#radial-gradient-6)\"\n          ></path>\n          <path\n            d=\"M212.45,105.54l0,1.35,3.65,45,.8,12.6v.25a206,206,0,0,0-6.6,26.8l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4a61.66,61.66,0,0,0,2.9-11.25l-.15-13-.1,0,.1-.25-.1-3.1.05-.4h0q2.9-10.1,2.4-9.85,2-20.8,2.05-42.2a181.06,181.06,0,0,0-1.55-22.85q-2.05-15.2-13.05-12.45t-10.7,13.35Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-4\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M233,169.09l.15,13a61.66,61.66,0,0,1-2.9,11.25l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15a206,206,0,0,1,6.6-26.8v-.25l-.8-12.6-3.65-45,0-1.35-.3-14.25q-.3-10.6,10.7-13.35T235.9,90.39a181.06,181.06,0,0,1,1.55,22.85q0,21.4-2.05,42.2.5-.25-2.4,9.85l-.1.4.1,3.1Zm33.3-20.85q.2-23.25,1.15-62.9.6-10,10.25-9.1,8.35.5,12,3.55a7.41,7.41,0,0,1,2.3,3.35,24,24,0,0,1,1.2,5.15l.2,2.4a76.56,76.56,0,0,1,0,9.25l-.65,7.7-5.25,35.85-.9,5.25q-2.05,11.2-4.1,16.35l0,.45-.1.55-.15.8-.3,1.9v.1a145,145,0,0,1,5.4,26.55q.4,4.45-1,5.85a7.88,7.88,0,0,1-3,2,47.65,47.65,0,0,1-6.9,1.15q-5.35.7-7.55-6.2a50.93,50.93,0,0,1-2.45-13.4l-.25-6.1.1-.55v-29.9Zm15.95,18.65-.35,1.75\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightfive\">\n        <g id=\"Layer1_0_FILL-5\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M385,183.44l.2.65.5,1.6,1.3,4.1A49.42,49.42,0,0,0,392.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45l.55-.85H387.75l-2.7.35-.05-.35Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M412.55,94.39l-.1-2.4-1-5.2q-1.8-6.25-14-7.6-9.55-1.3-10.6,8.6l-4,60.15-.15,2.6-.15,2.65,2.4,16.15.05.35,2.7-.35H398.3a183.05,183.05,0,0,0,5.85-22.45l6.95-35.55A98.38,98.38,0,0,0,412.55,94.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M341.85,195.64l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4a71.67,71.67,0,0,0,3-10.8l1-15.5q-1.4.45-1.5,1.05L348.9,168A189,189,0,0,0,341.85,195.64Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M346.95,152l.55,4.5L348.9,168l15.3,4.1q.1-.6,1.5-1.05l1.2-11.1.5-10.75Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M351.55,82.19q-11,3.2-10.25,13.8l.8,14.2.1,1.35L346.95,152l20.45-2.75q.55-16.25,0-32.25a183.18,183.18,0,0,0-2.4-22.8Q362.45,79.09,351.55,82.19Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-5\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M346.95,152l-4.75-40.45-.1-1.35L341.3,96q-.7-10.6,10.25-13.8t13.45,12a183.18,183.18,0,0,1,2.4,22.8q.55,16,0,32.25L366.9,160l-1.2,11.1-1,15.5a71.67,71.67,0,0,1-3,10.8l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a189,189,0,0,1,7-27.6l-1.4-11.55Zm38,17.35-2.4-16.15.15-2.65.15-2.6,4-60.15q1.05-9.9,10.6-8.6,12.2,1.35,14,7.6l1,5.2.1,2.4a98.38,98.38,0,0,1-1.45,16.95l-6.95,35.55a183.05,183.05,0,0,1-5.85,22.45l-.55.85a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,387,189.79l-1.3-4.1-.5-1.6-.2-.65v-14.1l.05.35\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftfive\">\n        <g id=\"Layer0_0_FILL-5\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M258.3,148.24v18.3l15.95-.4.2-.6.1-.45q2-5.15,4.1-16.35Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M258.3,166.54l3.3,12.8,0,.55,1.85,5.85A49.42,49.42,0,0,0,269.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M284.8,107.64l.65-7.7a76.56,76.56,0,0,0,0-9.25l-.2-2.4a24,24,0,0,0-1.2-5.15,7.41,7.41,0,0,0-2.3-3.35q-3.65-3-12-3.55-9.65-.9-10.25,9.1-.95,39.65-1.15,62.9l20.35.5.9-5.25Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M214,107.39l.2,1.35,8.6,44.4,2.25,11.4-.15.25a206,206,0,0,0-6.6,26.8l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4a61.66,61.66,0,0,0,2.9-11.25l-.15-13v-.3l-.1-3.1,1.55-10.45q-.35-21.65-2.7-42.95a176.84,176.84,0,0,0-4-22.55q-3.65-14.85-14.3-11t-9.2,14.5Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-5\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M241,169.09l.15,13a61.66,61.66,0,0,1-2.9,11.25l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15a206,206,0,0,1,6.6-26.8l.15-.25-2.25-11.4-8.6-44.4-.2-1.35-1.85-14.1q-1.45-10.5,9.2-14.5t14.3,11a176.84,176.84,0,0,1,4,22.55q2.35,21.3,2.7,42.95l-1.55,10.45.1,3.1Zm17.3-20.85q.2-23.25,1.15-62.9.6-10,10.25-9.1,8.35.5,12,3.55a7.41,7.41,0,0,1,2.3,3.35,24,24,0,0,1,1.2,5.15l.2,2.4a76.56,76.56,0,0,1,0,9.25l-.65,7.7-5.25,35.85-.9,5.25q-2,11.2-4.1,16.35m-.1.45-.2.6a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-1.85-5.85,0-.55-3.3-12.8v-18.3\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightfour\">\n        <g id=\"Layer1_0_FILL-6\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M403.55,81.34q-9.3-2.65-11.7,7Q384.1,125,379.7,147.49l-.5,2.55-.5,2.6.3,30.8.2.65.5,1.6,1.3,4.1A49.42,49.42,0,0,0,386.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25Q415.45,84.29,403.55,81.34Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M348.55,154.09l1.7,4.2,4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4a71.67,71.67,0,0,0,3-10.8q-.4-31.85-.75-29.9l-2.35-10.55Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M351,93.59q-6.4-13.95-16.1-8.1t-6.35,16L333.1,115l.4,1.25q7.25,18.4,15.05,37.85l19-7.95q-3.7-15.85-8.35-31.15A173.9,173.9,0,0,0,351,93.59Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-6\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M348.55,154.09q-7.8-19.45-15.05-37.85l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.65,15.3,8.35,31.15l2.35,10.55q.35-2,.75,29.9a71.67,71.67,0,0,1-3,10.8l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8Zm55-72.75q11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,381,189.79l-1.3-4.1-.5-1.6-.2-.65-.3-30.8.5-2.6.5-2.55q4.4-22.45,12.15-59.1Q394.25,78.69,403.55,81.34Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftfour\">\n        <g id=\"Layer0_0_FILL-6\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M255.7,146l0,.15-.5,2.6.35,26.5.1,4.05,0,.55,1.85,5.85A49.42,49.42,0,0,0,263.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3-4.55,7.35-15.9Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M289.15,110.94l2-7.5a73.07,73.07,0,0,0,1.7-9.1l.2-2.4-.2-5.25a7.51,7.51,0,0,0-1.7-3.7q-3-3.65-11.15-5.7-9.3-2.65-11.7,7.05L255.7,146l19.9,4.2,1.85-5Q282.9,129.89,289.15,110.94Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M209.6,110.94l.4,1.25,16.75,42.05L231.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4a61.66,61.66,0,0,0,2.9-11.25q-.4-31.3-.7-29.45-4.45-21.2-10.7-41.7a173.9,173.9,0,0,0-8.2-21.4q-6.4-13.95-16.1-8.1t-6.35,16Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-6\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M209.6,110.94l-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7.3-1.85.7,29.45a61.66,61.66,0,0,1-2.9,11.25l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,231.1,165l-4.35-10.8L210,112.19ZM255.7,146l12.65-61.7q2.4-9.7,11.7-7.05,8.15,2,11.15,5.7a7.51,7.51,0,0,1,1.7,3.7l.2,5.25-.2,2.4a73.07,73.07,0,0,1-1.7,9.1l-2,7.5q-6.25,19-11.7,34.3l-1.85,5q-4.3,11.35-7.35,15.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-1.85-5.85,0-.55-.1-4.05-.35-26.5.5-2.6Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightthree\">\n        <g id=\"Layer1_0_FILL-7\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M412.4,98.39l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3l-2.35-10.55-19,7.95,1.7,4.2,4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,382.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3A101.51,101.51,0,0,0,412.4,98.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M355,93.59q-6.4-13.95-16.1-8.1t-6.35,16L337.1,115l.4,1.25q7.25,18.4,15.05,37.85l19-7.95q-3.7-15.85-8.35-31.15A173.9,173.9,0,0,0,355,93.59Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-7\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M352.55,154.09q-7.8-19.45-15.05-37.85l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.65,15.3,8.35,31.15l2.35,10.55q4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,377,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftthree\">\n        <g id=\"Layer0_0_FILL-7\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M288.9,94.34l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05L251.7,146l19.9,4.2,1.85-5q5.45-15.35,11.7-34.3A101.51,101.51,0,0,0,288.9,94.34Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M213.6,110.94l.4,1.25,16.75,42.05L235.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,259.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3-4.55,7.35-15.9L251.7,146l-1.25,6.6q-4.45-21.2-10.7-41.7a173.9,173.9,0,0,0-8.2-21.4q-6.4-13.95-16.1-8.1t-6.35,16Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-7\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M271.6,150.24q-4.3,11.35-7.35,15.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,235.1,165l-4.35-10.8L214,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7l1.25-6.6,12.65-61.7q2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerighttwo\">\n        <g id=\"Layer1_0_FILL-8\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M404.4,98.39l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3l-2.4-10.7h-.05l-19,7.95,1.75,4.35,4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,374.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3A101.51,101.51,0,0,0,404.4,98.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M347,93.59q-6.4-13.95-16.1-8.1t-6.35,16L329.1,115l.4,1.25q7.2,18.35,15,37.7l19-7.95h.05q-3.65-15.85-8.3-31A173.9,173.9,0,0,0,347,93.59Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-8\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M344.5,153.94q-7.8-19.35-15-37.7l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.65,15.15,8.3,31l2.4,10.7q4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,369,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreelefttwo\">\n        <g id=\"Layer0_0_FILL-8\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M296.9,94.34l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05l-13,63.3,0,.1,19.6,4.15,0-.15.75-1.85,1.7-4.65q5.45-15.35,11.7-34.3A101.51,101.51,0,0,0,296.9,94.34Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M239.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L243.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,267.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q2.8-4.2,6.7-14.25l-19.6-4.15-.4,2.15-.5,2.75q-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,239.55,89.54Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-8\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M278.95,151.89q-3.9,10-6.7,14.25a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,243.1,165l-4.35-10.8L222,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7l.5-2.75.4-2.15,0-.1,13-63.3q2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3l-1.7,4.65-.75,1.85Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightone\">\n        <g id=\"Layer1_0_FILL-9\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M384.4,98.39l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68l-.3-9.25L326.9,150l1.3,6.75,2.2,11.35.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,354.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3A101.51,101.51,0,0,0,384.4,98.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M341.4,93.44q-3.65-14.9-14.3-11a15.13,15.13,0,0,0-7.35,5.15,12.68,12.68,0,0,0-1.9,9.2v.05l1.8,14.15.2,1.3L326.9,150l20.55-2.85L345.3,116A181.16,181.16,0,0,0,341.4,93.44Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-9\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M326.9,150l-7.05-37.7-.2-1.3-1.8-14.15v-.05a12.68,12.68,0,0,1,1.9-9.2,15.13,15.13,0,0,1,7.35-5.15q10.65-3.9,14.3,11A181.16,181.16,0,0,1,345.3,116l2.15,31.15.3,9.25q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,349,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25-2.2-11.35Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftone\">\n        <g id=\"Layer0_0_FILL-9\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M277.2,149.19l.65,3.2.65,3.3-.3-4.15-.25-1.35-.3-.5Z\"\n            fill=\"url(#radial-gradient-7)\"\n          ></path>\n          <path\n            d=\"M300.65,90.54l-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85L278,148.89,298,150.84l.15-.95.7-6.2,2.45-36.15Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M259.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L263.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,287.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q3.85-5.15,5.5-15.85L278,148.89l.1,1,.1,1.65.3,4.15-.65-3.3-.65-3.2q-5-23.75-9.45-38.25A173.9,173.9,0,0,0,259.55,89.54Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-9\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M298,150.84q-1.65,10.7-5.5,15.85a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,263.1,165l-4.35-10.8L242,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.45,14.5,9.45,38.25m.75,1,.25,1.35-.1-1.65-.1-1-3.65-61.65q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17-2.45,36.15-.7,6.2-.15.95m-19.85.7.3,4.15-.65-3.3-.65-3.2\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworightfive\">\n        <g id=\"Layer1_0_FILL-10\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M339.5,148.59l-20.55,1.25,1.25,6.9,2.2,11.35.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M311.65,111l.2,1.3,7.1,37.55,20.55-1.25L337.3,116a181.16,181.16,0,0,0-3.9-22.55q-3.65-14.9-14.3-11a15.13,15.13,0,0,0-7.35,5.15,12.68,12.68,0,0,0-1.9,9.2v.05Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-10\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M318.95,149.84l-7.1-37.55-.2-1.3-1.8-14.15v-.05a12.68,12.68,0,0,1,1.9-9.2,15.13,15.13,0,0,1,7.35-5.15q10.65-3.9,14.3,11A181.16,181.16,0,0,1,337.3,116l2.2,32.6.25,7.8q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25-2.2-11.35Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwoleftfive\">\n        <g id=\"Layer0_0_FILL-10\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M285.2,149.19l.65,3.2.65,3.3-.3-4.15-.25-1.35-.3-.5Z\"\n            fill=\"url(#radial-gradient-8)\"\n          ></path>\n          <path\n            d=\"M308.65,90.54l-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.7,62.05,20.1,1.15.05-.55.7-6.2,2.45-36.15Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.5,13.55.4,1.25,16.75,42.05L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q3.9-5.2,5.6-16.25L286,149.29l.05.6.1,1.65.3,4.15-.65-3.3-.65-3.2q-5-23.75-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-10\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306.15,150.44q-1.7,11.05-5.6,16.25a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165l-4.35-10.8L250,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.45,14.5,9.45,38.25m.75,1,.25,1.35-.1-1.65-.05-.6-3.7-62.05q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17-2.45,36.15-.7,6.2-.05.55m-20,1.1.3,4.15-.65-3.3-.65-3.2\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworightfour\">\n        <g id=\"Layer1_0_FILL-11\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M307.9,147a4.85,4.85,0,0,0-1.3,2.85H330l-2.1-.7q-3.35-2.5-.5-6l11.1-7.1v-.25l1.6-19.75a170.31,170.31,0,0,0-.15-22.9Q338.85,77.94,327.7,80a14.94,14.94,0,0,0-8.1,3.9,12.32,12.32,0,0,0-3.35,8.75l0,0-.55,14.25-.05,1.3.45,24,1.15,8.7Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M306.6,149.89a3.66,3.66,0,0,0,1.8,3.15L320.25,157l2.15,11.1.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68l-.1-3.3-9.65-3.2Z\"\n            fill=\"#c978af\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-11\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M317.2,140.94l-1.15-8.7-.45-24,.05-1.3.55-14.25,0,0a12.32,12.32,0,0,1,3.35-8.75,14.94,14.94,0,0,1,8.1-3.9q11.15-2,12.25,13.2a170.31,170.31,0,0,1,.15,22.9l-1.6,19.75m1.15,17.25.1,3.3q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25L320.25,157\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer1_0_2_STROKES\"\n          data-name=\"Layer1 0 2 STROKES\"\n          d=\"M320.25,157,308.4,153a3.66,3.66,0,0,1-1.8-3.15,4.85,4.85,0,0,1,1.3-2.85l9.3-6.1m21.3-5.1v.25l-11.1,7.1q-2.85,3.5.5,6l2.1.7,9.65,3.2\"\n          fill=\"none\"\n          stroke=\"#ffcfff\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwoleftfour\">\n        <g id=\"Layer0_0_FILL-11\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M291.5,146.49a12.81,12.81,0,0,1-4.85-2.5q-.35,1,4.85,2.5m5.45,3.4,0-.45a4.1,4.1,0,0,1-1.1,1.9l-.8.9Q296.85,151,296.95,149.89Z\"\n            fill=\"url(#radial-gradient-9)\"\n          ></path>\n          <path\n            d=\"M308.65,90.54l-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.15,54a4,4,0,0,0,1.15,2.8,12.81,12.81,0,0,0,4.85,2.5l.85.2,1.15.35.65.2,1.9.9a2.65,2.65,0,0,1,.85,1.3l0,.45h21l-.35-.5a82.67,82.67,0,0,1-10.6-6.5l2.35-35.35Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.5,13.55.4,1.25,16.75,42.05L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q-.25-3.8,5.45-8.5a29.14,29.14,0,0,1,9.65-4.8q3.15-1.75,2.3-3.5h-21q-.1,1.15-1.95,2.35h-.05l-.9.4-2,1-5.65,2.8-.3-.75-.65-4.3-.15-1.95-.05-.25q-5-23.85-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-11\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306,158.19q-5.7,4.7-5.45,8.5a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165l-4.35-10.8L250,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.4,14.4,9.45,38.25l.05.25.15,1.95.65,4.3m.6-11.7a4,4,0,0,1-1.15-2.8l-3.15-54q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17L307,142.89\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer0_0_2_STROKES\"\n          data-name=\"Layer0 0 2 STROKES\"\n          d=\"M286,155.69l.3.75,5.65-2.8,2-1,.9-.4H295m1.9-2.8a2.65,2.65,0,0,0-.85-1.3l-1.9-.9-.65-.2-2-.55m15.5-3.6a82.67,82.67,0,0,0,10.6,6.5l.35.5q.85,1.75-2.3,3.5a29.14,29.14,0,0,0-9.65,4.8m-9.1-8.75,0,.45q-.1,1.15-1.95,2.35m-3.5-5.75a12.81,12.81,0,0,1-4.85-2.5\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworightthree\">\n        <g id=\"Layer1_0_FILL-12\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M304.55,146.54a7.83,7.83,0,0,0-1,3.35h18.15q-.65-2.3,2.05-4.6l14.65-4.95.15-4.5,1.6-19.75a170.31,170.31,0,0,0-.15-22.9Q338.85,77.94,327.7,80a14.94,14.94,0,0,0-8.1,3.9,12.32,12.32,0,0,0-3.35,8.75l0,0-.55,14.25-.05,1.3.45,24,1.15,8.7Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M303.5,149.89a6.68,6.68,0,0,0,.85,3.6l15.9,3.5,2.15,11.1.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.75,36.6-11.9,66.75l-.2,1.25.2-1.25q-6.85-3.75-16.55-2.65a5.7,5.7,0,0,1-1.75-2.6Z\"\n            fill=\"#c978af\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-12\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M320.25,157l-15.9-3.5a6.68,6.68,0,0,1-.85-3.6,7.83,7.83,0,0,1,1-3.35l12.65-5.6m21.3-5.1-.15,4.5-14.65,4.95q-2.7,2.3-2.05,4.6a5.7,5.7,0,0,0,1.75,2.6q9.7-1.1,16.55,2.65\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer1_0_2_STROKES-2\"\n          data-name=\"Layer1 0 2 STROKES\"\n          d=\"M317.2,140.94l-1.15-8.7-.45-24,.05-1.3.55-14.25,0,0a12.32,12.32,0,0,1,3.35-8.75,14.94,14.94,0,0,1,8.1-3.9q11.15-2,12.25,13.2a170.31,170.31,0,0,1,.15,22.9l-1.6,19.75m1.45,19.3q4.15-30.15,11.9-66.75,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25L320.25,157m19.5-.6.2-1.25\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwoleftthree\">\n        <g id=\"Layer0_0_FILL-12\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M308.65,90.54l-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.15,54a4,4,0,0,0,1.15,2.8l4,1.3,12.65,1.5a4.4,4.4,0,0,1,.9,3.1h19.15a5.68,5.68,0,0,0-1.75-4q-12.1-.95-14.6-3l2.35-35.35Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.5,13.55.4,1.25,16.75,42.05L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q-.25-3.8,5.45-8.5,3.3-2.75,15.65-4.55a6.43,6.43,0,0,0,1.7-3.75H304.2a5.24,5.24,0,0,1-2.05,3.15H289.4q-2.6,0-3,3.4l-.3-.75-.65-4.3-.15-1.95-.05-.25q-5-23.85-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-12\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306,158.19q-5.7,4.7-5.45,8.5a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165l-4.35-10.8L250,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.4,14.4,9.45,38.25l.05.25.15,1.95.65,4.3m.6-11.7a4,4,0,0,1-1.15-2.8l-3.15-54q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17L307,142.89\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer0_0_2_STROKES-2\"\n          data-name=\"Layer0 0 2 STROKES\"\n          d=\"M286,155.69l.3.75q.45-3.4,3-3.4h12.75a5.24,5.24,0,0,0,2.05-3.15,4.4,4.4,0,0,0-.9-3.1l-12.65-1.5-4-1.3m20.35-1.1q2.5,2,14.6,3a5.68,5.68,0,0,1,1.75,4,6.43,6.43,0,0,1-1.7,3.75q-12.35,1.8-15.65,4.55\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworighttwo\">\n        <g id=\"Layer1_0_FILL-13\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M304.55,146.54a6.85,6.85,0,0,0-.2,7l15.9,3.5,2.15,11.1.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.75,36.6-11.9,66.75l-.2,1.25.2-1.25q-6.85-3.75-16.55-2.65-3.95-3.55.3-7.2l14.65-4.95.15-4.5,1.6-19.75a170.31,170.31,0,0,0-.15-22.9Q338.85,77.94,327.7,80a14.94,14.94,0,0,0-8.1,3.9,12.32,12.32,0,0,0-3.35,8.75l0,0-.6,15.55.45,24,1.15,8.7Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-miterlimit=\"10\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-13\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M320.25,157l-15.9-3.5a6.85,6.85,0,0,1,.2-7l12.65-5.6m21.3-5.1-.15,4.5-14.65,4.95q-4.25,3.65-.3,7.2,9.7-1.1,16.55,2.65\"\n          fill=\"none\"\n          stroke=\"#ffcfff\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer1_0_2_STROKES-3\"\n          data-name=\"Layer1 0 2 STROKES\"\n          d=\"M317.2,140.94l-1.15-8.7-.45-24,.6-15.55,0,0a12.32,12.32,0,0,1,3.35-8.75,14.94,14.94,0,0,1,8.1-3.9q11.15-2,12.25,13.2a170.31,170.31,0,0,1,.15,22.9l-1.6,19.75m1.45,19.3q4.15-30.15,11.9-66.75,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25L320.25,157m19.5-.6.2-1.25\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwolefttwo\">\n        <g id=\"Layer0_0_FILL-13\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.9,14.8L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q-.25-3.8,5.45-8.5,3.3-2.75,15.65-4.55,3.35-4-.05-7.75-12.1-.95-14.6-3l2.35-35.35-.7-17-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.15,54a4,4,0,0,0,1.15,2.8l4,1.3,12.65,1.5q2.3,3.35-1.15,6.25H289.4q-2.6,0-3,3.4l-.3-.75-.8-6.25-.05-.25q-5-23.85-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-13\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306,158.19q-5.7,4.7-5.45,8.5a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165L250,112.19l-4.9-14.8q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.4,14.4,9.45,38.25l.05.25.8,6.25m.6-11.7a4,4,0,0,1-1.15-2.8l-3.15-54q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17L307,142.89\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer0_0_2_STROKES-3\"\n          data-name=\"Layer0 0 2 STROKES\"\n          d=\"M286,155.69l.3.75q.45-3.4,3-3.4h12.75q3.45-2.9,1.15-6.25l-12.65-1.5-4-1.3m20.35-1.1q2.5,2,14.6,3,3.4,3.75.05,7.75-12.35,1.8-15.65,4.55\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworightone\">\n        <g id=\"Layer1_0_FILL-14\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M307.9,147q-2.85,3.5.5,6L320.25,157l2.15,11.1.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68l-.1-3.3-11.75-3.9q-3.35-2.5-.5-6l11.1-7.1v-.25l1.6-19.75a170.31,170.31,0,0,0-.15-22.9Q338.85,77.94,327.7,80a14.94,14.94,0,0,0-8.1,3.9,12.32,12.32,0,0,0-3.35,8.75l0,0-.55,14.25-.05,1.3.45,24,1.15,8.7Z\"\n            fill=\"#c978af\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-14\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M317.2,140.94l-1.15-8.7-.45-24,.05-1.3.55-14.25,0,0a12.32,12.32,0,0,1,3.35-8.75,14.94,14.94,0,0,1,8.1-3.9q11.15-2,12.25,13.2a170.31,170.31,0,0,1,.15,22.9l-1.6,19.75m1.15,17.25.1,3.3q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25L320.25,157\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer1_0_2_STROKES-4\"\n          data-name=\"Layer1 0 2 STROKES\"\n          d=\"M320.25,157,308.4,153q-3.35-2.5-.5-6l9.3-6.1m21.3-5.1v.25l-11.1,7.1q-2.85,3.5.5,6l11.75,3.9\"\n          fill=\"none\"\n          stroke=\"#ffcfff\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwoleftone\">\n        <g id=\"Layer0_0_FILL-14\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M291.5,146.49a12.81,12.81,0,0,1-4.85-2.5q-.35,1,4.85,2.5m3.5,5.75q2.2-1.4,1.9-2.8a4.1,4.1,0,0,1-1.1,1.9Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.5,13.55.4,1.25,16.75,42.05L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q-.25-3.8,5.45-8.5a29.14,29.14,0,0,1,9.65-4.8q3.6-2,1.95-4a82.67,82.67,0,0,1-10.6-6.5l2.35-35.35-.7-17-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.15,54a4,4,0,0,0,1.15,2.8,12.81,12.81,0,0,0,4.85,2.5l.85.2,1.15.35.65.2,1.9.9a2.65,2.65,0,0,1,.85,1.3q.3,1.4-1.9,2.8h-.05l-.9.4-2,1-5.65,2.8-.3-.75-.65-4.3-.15-1.95-.05-.25q-5-23.85-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-14\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306,158.19q-5.7,4.7-5.45,8.5a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165l-4.35-10.8L250,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.4,14.4,9.45,38.25l.05.25.15,1.95.65,4.3m.6-11.7a4,4,0,0,1-1.15-2.8l-3.15-54q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17L307,142.89\"\n          fill=\"#344da1\"\n          stroke=\"#2895b2\"\n          stroke-miterlimit=\"10\"\n        ></path>\n        <path\n          id=\"Layer0_0_2_STROKES-4\"\n          data-name=\"Layer0 0 2 STROKES\"\n          d=\"M286,155.69l.3.75,5.65-2.8,2-1,.9-.4H295m1.9-2.8a2.65,2.65,0,0,0-.85-1.3l-1.9-.9-.65-.2-2-.55m15.5-3.6a82.67,82.67,0,0,0,10.6,6.5q1.65,2-1.95,4a29.14,29.14,0,0,0-9.65,4.8m-11-5.95q2.2-1.4,1.9-2.8m-5.4-2.95a12.81,12.81,0,0,1-4.85-2.5\"\n          fill=\"#344da1\"\n          stroke=\"#2895b2\"\n          stroke-miterlimit=\"10\"\n        ></path>\n      </g>\n      <g id=\"setonerightfour\">\n        <g id=\"Layer1_0_FILL-15\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M327.12,82.44a15.13,15.13,0,0,0-7.35,5.15,12.68,12.68,0,0,0-1.9,9.2v.05l1.8,14.15.2,1.3,8.35,44.45,2.2,11.35.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,354.87,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68L345.32,116a181.16,181.16,0,0,0-3.9-22.55Q337.77,78.54,327.12,82.44Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-15\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M327.12,82.44q10.65-3.9,14.3,11a181.16,181.16,0,0,1,3.9,22.55l2.45,40.4q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,349,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25-2.2-11.35-8.35-44.45-.2-1.3-1.8-14.15v-.05a12.68,12.68,0,0,1,1.9-9.2A15.13,15.13,0,0,1,327.12,82.44Z\"\n          fill=\"#c978af\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setoneleftfour\">\n        <g id=\"Layer0_0_FILL-15\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M277.2,149.19l.65,3.2.65,3.3-.3-4.15-.25-1.35-.3-.5Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n          <path\n            d=\"M259.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L263.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,287.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q5-6.7,6.35-23l2.45-36.15-.7-17-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.85,64.3.3,4.15-.65-3.3-.65-3.2q-5-23.75-9.45-38.25A173.9,173.9,0,0,0,259.55,89.54Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-15\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M278.2,151.54l-3.85-64.3q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17-2.45,36.15q-1.35,16.3-6.35,23a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,263.1,165l-4.35-10.8L242,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.45,14.5,9.45,38.25m.75,1,.25,1.35.3,4.15-.65-3.3-.65-3.2\"\n          fill=\"#344da1\"\n          stroke=\"#2895b2\"\n          stroke-miterlimit=\"10\"\n        ></path>\n      </g>\n      <g id=\"setonerightthree\">\n        <g id=\"Layer1_0_FILL-16\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M327.1,82.44a15.13,15.13,0,0,0-7.35,5.15,12.68,12.68,0,0,0-1.9,9.2v.05l1.8,14.15.2,1.3,8.35,44.45,2.2,11.35.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,354.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68L345.3,116a181.16,181.16,0,0,0-3.9-22.55Q337.75,78.54,327.1,82.44Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-16\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M327.1,82.44q10.65-3.9,14.3,11A181.16,181.16,0,0,1,345.3,116l2.45,40.4q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,349,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25-2.2-11.35-8.35-44.45-.2-1.3-1.8-14.15v-.05a12.68,12.68,0,0,1,1.9-9.2A15.13,15.13,0,0,1,327.1,82.44Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setoneleftthree\">\n        <path\n          d=\"M259.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L263.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,287.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q5-6.7,6.35-23l2.45-36.15-.7-17-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.85,64.3.3,4.15-.65-3.3-.65-3.2q-5-23.75-9.45-38.25A173.9,173.9,0,0,0,259.55,89.54Z\"\n          fill=\"#344da1\"\n          stroke=\"#2895b2\"\n          stroke-miterlimit=\"10\"\n        ></path>\n      </g>\n      <g id=\"setonerighttwo\">\n        <g id=\"Layer1_0_FILL-17\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M347,93.59q-6.4-13.95-16.1-8.1t-6.35,16L329.1,115l.4,1.25q8,20.4,16.75,42.05l4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,374.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,347,93.59Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-17\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M347,93.59a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,369,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8q-8.75-21.65-16.75-42.05l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16T347,93.59Z\"\n          fill=\"#c978af\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setonelefttwo\">\n        <g id=\"Layer0_0_FILL-16\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M239.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L243.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,267.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,239.55,89.54Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-16\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M221.6,110.94l-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,243.1,165l-4.35-10.8L222,112.19Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setonerightone\">\n        <g id=\"Layer1_0_FILL-18\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M355,93.59q-6.4-13.95-16.1-8.1t-6.35,16L337.1,115l.4,1.25q8,20.4,16.75,42.05l4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,382.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,355,93.59Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-18\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M355,93.59a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,377,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8q-8.75-21.65-16.75-42.05l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16T355,93.59Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setoneleftone\">\n        <g id=\"Layer0_0_FILL-17\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M213.6,110.94l.4,1.25,16.75,42.05L235.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,259.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7a173.9,173.9,0,0,0-8.2-21.4q-6.4-13.95-16.1-8.1t-6.35,16Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-17\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M213.6,110.94l-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,235.1,165l-4.35-10.8L214,112.19Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"paternalrecombinanttext\">\n        <text\n          transform=\"translate(102.63 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Parental\n        </text>\n        <text\n          transform=\"translate(467.96 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Parental\n        </text>\n        <text\n          transform=\"translate(205.96 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Recombinant\n        </text>\n        <text\n          transform=\"translate(332.63 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Recombinant\n        </text>\n      </g>\n      <g id=\"paternalmaternal\">\n        <text\n          transform=\"translate(210.51 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Paternal\n        </text>\n        <text\n          transform=\"translate(342.5 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Maternal\n        </text>\n      </g>\n      <g id=\"synapsetext\">\n        <text\n          transform=\"translate(140.01 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Synapsed chromosomes in tetrad - Prophase I\n        </text>\n      </g>\n    </svg>\n  "]);_templateObject_992bf8e054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_992bf8e054f411e9aeb367f92c5b63ab()),is:"gene-crossover-5",properties:{tl:{type:Object},selected:{type:Boolean,value:!1},animationReady:{type:Boolean,value:!1}},observers:["_selectedChanged(selected, animationReady)"],_selectedChanged:function _selectedChanged(selected,animationReady){if(!animationReady){return}if(selected){this.tl.play();this.lefttl.play();this.righttl.play()}else{this.tl.progress(0);this.lefttl.progress(0);this.righttl.progress(0);this.tl.pause();this.lefttl.pause();this.righttl.pause()}},ready:function ready(){var root=this,tl=new TimelineMax,lefttl=new TimelineMax,righttl=new TimelineMax,playButton=this.shadowRoot.querySelector("#play-button"),replayButton=this.shadowRoot.querySelector("#replay-button"),svg=this.shadowRoot.querySelector("#chromosomes"),synapsetext=svg.getElementById("synapsetext"),paternalrecombinanttext=svg.getElementById("paternalrecombinanttext"),paternalmaternal=svg.getElementById("paternalmaternal"),setonerightfour=svg.getElementById("setonerightfour"),setonerightthree=svg.getElementById("setonerightthree"),setonerighttwo=svg.getElementById("setonerighttwo"),setonerightone=svg.getElementById("setonerightone"),settworightfive=svg.getElementById("settworightfive"),settworightfour=svg.getElementById("settworightfour"),settworightthree=svg.getElementById("settworightthree"),settworighttwo=svg.getElementById("settworighttwo"),settworightone=svg.getElementById("settworightone"),setthreerightnine=svg.getElementById("setthreerightnine"),setthreerighteight=svg.getElementById("setthreerighteight"),setthreerightseven=svg.getElementById("setthreerightseven"),setthreerightsix=svg.getElementById("setthreerightsix"),setthreerightfive=svg.getElementById("setthreerightfive"),setthreerightfour=svg.getElementById("setthreerightfour"),setthreerightthree=svg.getElementById("setthreerightthree"),setthreerighttwo=svg.getElementById("setthreerighttwo"),setthreerightone=svg.getElementById("setthreerightone"),setoneleftfour=svg.getElementById("setoneleftfour"),setoneleftthree=svg.getElementById("setoneleftthree"),setonelefttwo=svg.getElementById("setonelefttwo"),setoneleftone=svg.getElementById("setoneleftone"),settwoleftfive=svg.getElementById("settwoleftfive"),settwoleftfour=svg.getElementById("settwoleftfour"),settwoleftthree=svg.getElementById("settwoleftthree"),settwolefttwo=svg.getElementById("settwolefttwo"),settwoleftone=svg.getElementById("settwoleftone"),setthreeleftnine=svg.getElementById("setthreeleftnine"),setthreelefteight=svg.getElementById("setthreelefteight"),setthreeleftseven=svg.getElementById("setthreeleftseven"),setthreeleftsix=svg.getElementById("setthreeleftsix"),setthreeleftfive=svg.getElementById("setthreeleftfive"),setthreeleftfour=svg.getElementById("setthreeleftfour"),setthreeleftthree=svg.getElementById("setthreeleftthree"),setthreelefttwo=svg.getElementById("setthreelefttwo"),setthreeleftone=svg.getElementById("setthreeleftone");tl.set([setoneleftfour,setoneleftthree,setonelefttwo,setonerightfour,setonerightthree,setonerighttwo,settwoleftfive,settwoleftfour,settwoleftthree,settwolefttwo,settwoleftone,settworightfive,settworightfour,settworightthree,settworighttwo,settworightone,setthreeleftnine,setthreelefteight,setthreeleftseven,setthreeleftsix,setthreeleftfive,setthreeleftfour,setthreeleftthree,setthreelefttwo,setthreeleftone,setthreerightnine,setthreerighteight,setthreerightseven,setthreerightsix,setthreerightfive,setthreerightfour,setthreerightthree,setthreerighttwo,setthreerightone,paternalrecombinanttext,synapsetext],{display:"none"});lefttl.to([paternalmaternal],.01,{display:"none"}).to([setoneleftone],.01,{display:"none"}).to([setonelefttwo],.01,babelHelpers.defineProperty({x:"+=10",display:"block"},"display","none")).to([setoneleftthree],.3,babelHelpers.defineProperty({x:"+=10",display:"block"},"display","none")).to([setoneleftfour],.3,babelHelpers.defineProperty({x:"+=10",display:"block"},"display","none")).to([settwoleftone],.5,{display:"none"}).to([settwolefttwo],.5,{display:"block"}).to([settwolefttwo],.1,{display:"none"}).to([settwoleftthree],.5,{display:"block"}).to([settwoleftthree],.1,{display:"none"}).to([settwoleftfour],.5,{display:"block"}).to([settwoleftfour],.1,{display:"none"}).to([settwoleftfive],.5,babelHelpers.defineProperty({x:"-=10",display:"block"},"display","none")).to([setthreeleftone],.1,{x:"-=5",display:"none"}).to([setthreelefttwo],.5,{x:"-=5",display:"block"}).to([setthreelefttwo],.1,{x:"-=5",display:"none"}).to([setthreeleftthree],.5,{x:"-=5",display:"block"}).to([setthreeleftthree],.1,{x:"-=5",display:"none"}).to([setthreeleftfour],.5,{x:"-=5",display:"block"}).to([setthreeleftfour],.1,{x:"-=5",display:"none"}).to([setthreeleftfive],.5,{x:"-=5",display:"block"}).to([setthreeleftfive],.1,{x:"-=5",display:"none"}).to([setthreeleftsix],.5,{x:"-=5",display:"block"}).to([setthreeleftsix],.1,{x:"-=5",display:"none"}).to([setthreeleftseven],.5,{x:"-=5",display:"block"}).to([setthreeleftseven],.1,{x:"-=5",display:"none"}).to([setthreelefteight],.5,{x:"-=5",display:"block"}).to([setthreelefteight],.1,{x:"-=5",display:"none"}).to([setthreeleftnine,paternalrecombinanttext],.5,{display:"block"});righttl.to([paternalmaternal],.1,{display:"none"}).to([setonerightone],.1,{display:"none"}).to([setonerighttwo],.1,babelHelpers.defineProperty({x:"-=10",display:"block"},"display","none")).to([setonerightthree],.3,babelHelpers.defineProperty({x:"-=10",display:"block"},"display","none")).to([setonerightfour],.3,babelHelpers.defineProperty({x:"-=10",display:"block"},"display","none")).to([settworightone],.5,{display:"none"}).to([settworighttwo],.5,{display:"block"}).to([settworighttwo],.1,{display:"none"}).to([settworightthree],.5,{display:"block"}).to([settworightthree],.1,{display:"none"}).to([settworightfour],.5,{display:"block"}).to([settworightfour],.1,{display:"none"}).to([settworightfive],.5,babelHelpers.defineProperty({x:"+=10",display:"block"},"display","none")).to([setthreerightone],.1,{x:"+=5",display:"none"}).to([setthreerighttwo],.5,{x:"+=5",display:"block"}).to([setthreerighttwo],.1,{x:"+=5",display:"none"}).to([setthreerightthree],.5,{x:"+=5",display:"block"}).to([setthreerightthree],.1,{x:"+=5",display:"none"}).to([setthreerightfour],.5,{x:"+=5",display:"block"}).to([setthreerightfour],.1,{x:"+=5",display:"none"}).to([setthreerightfive],.5,{x:"+=5",display:"block"}).to([setthreerightfive],.1,{x:"+=5",display:"none"}).to([setthreerightsix],.5,{x:"+=5",display:"block"}).to([setthreerightsix],.1,{x:"+=5",display:"none"}).to([setthreerightseven],.5,{x:"+=5",display:"block"}).to([setthreerightseven],.1,{x:"+=5",display:"none"}).to([setthreerighteight],.5,{x:"+=5",display:"block"}).to([setthreerighteight],.1,{x:"+=5",display:"none"}).to([setthreerightnine],.5,{x:"+=5",display:"block"});tl.pause();lefttl.pause();righttl.pause();this.tl=tl;this.lefttl=lefttl;this.righttl=righttl;this.animationReady=!0}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../lrndesign-animationctrl/lrndesign-animationctrl.js","./TweenMax.min.js"],function(_polymerLegacy){"use strict";function _templateObject_2e489a20555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        font-family: \"Open Sans\", sans-serif;\n        text-transform: uppercase;\n        letter-spacing: 2px;\n        color: #6d6e71;\n        text-align: center;\n      }\n\n      p {\n        font-family: \"Open Sans\", sans-serif;\n      }\n    </style>\n\n    <h1>Gene Crossover</h1>\n\n    <p>Use the controls above to review this animation from the beginning.</p>\n\n    <svg\n      id=\"chromosomes\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n      viewBox=\"0 0 640 254.99\"\n    >\n      <defs>\n        <radialGradient\n          id=\"radial-gradient\"\n          cx=\"22\"\n          cy=\"-240.01\"\n          r=\"88.56\"\n          gradientTransform=\"matrix(0.13, -0.99, -0.99, -0.13, 168.97, 155.6)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#fcf\"></stop>\n          <stop offset=\"1\" stop-color=\"#f6f\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"radial-gradient-2\"\n          cx=\"-363.75\"\n          cy=\"-254.35\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(-0.18, -0.98, -0.98, 0.18, -39.2, -143.49)\"\n          gradientUnits=\"userSpaceOnUse\"\n        >\n          <stop offset=\"0\" stop-color=\"#09f\"></stop>\n          <stop offset=\"1\" stop-color=\"#03c\"></stop>\n        </radialGradient>\n        <radialGradient\n          id=\"radial-gradient-3\"\n          cx=\"-36.8\"\n          cy=\"-249.99\"\n          r=\"92.34\"\n          gradientTransform=\"matrix(0.08, -1, -1, -0.08, 30.75, 109.83)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-4\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.6\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 134.88, 32.04)\"\n          xlink:href=\"#radial-gradient\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-5\"\n          cx=\"186.44\"\n          cy=\"-196.29\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0.26, -0.97, -0.97, -0.26, 28.74, 292.89)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-6\"\n          cx=\"97.82\"\n          cy=\"-222.83\"\n          r=\"92.35\"\n          gradientTransform=\"matrix(0.19, -0.98, -0.98, -0.19, -7.28, 221.62)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-7\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 15.88, 31.04)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-8\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"92.4\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 23.88, 31.04)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n        <radialGradient\n          id=\"radial-gradient-9\"\n          cx=\"-134.15\"\n          cy=\"-260.27\"\n          r=\"88.7\"\n          gradientTransform=\"matrix(0, -1, -1, 0, 28.63, 27.54)\"\n          xlink:href=\"#radial-gradient-2\"\n        ></radialGradient>\n      </defs>\n      <title>crossover-2-full-correct-ids</title>\n      <g id=\"setthreerightnine\">\n        <g id=\"Layer1_0_FILL\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M494,124.59l.1-1.7.05-1q.35-9,0-21.9l-1.3-21.5q-.45-1.85-3.35-3.25l-.35-.15a15.82,15.82,0,0,0-7.85-.8,9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.25,22.9l.45,19.6.05,1,.05,1.7q-.35,46-.2,47.65t2.25,3.5q2.15,1.85,2.25,3.3,0,2-2.25,3.65a6.53,6.53,0,0,0-2.6,5.1l-.1,3.9.05,6.2q2.3,6,10.4,6.35t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3t2.25-2.75a6,6,0,0,0,2.75-4.5Q493.9,169.09,494,124.59Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M373.4,182.69a6.53,6.53,0,0,0-2.6,5.1l-.1,3.9,0,6.2q2.3,6,10.4,6.35t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3t2.25-2.75a6,6,0,0,0,2.75-4.5l.35-23.35H371.15q-.15,22.5,0,23.65.1,1.7,2.25,3.5t2.25,3.3Q375.7,181,373.4,182.69Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M391.65,124.59l.1-1.7.05-1q.35-9,0-21.9l-1.3-21.5q-.45-1.85-3.35-3.25l-.35-.15a15.82,15.82,0,0,0-7.85-.8,9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.25,22.9l.45,19.6.05,1,0,1.7-.2,24H391.6Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M371.15,148.59l.2-24,0-1.7-.05-1-.45-19.6Q370.35,84,372,79.39a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15q2.9,1.4,3.35,3.25l1.3,21.5q.35,12.9,0,21.9l-.05,1-.1,1.7-.05,24-.35,23.35a6,6,0,0,1-2.75,4.5q-2.25,1.45-2.25,2.75t2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2,5.75-10.2,5.4t-10.4-6.35l0-6.2.1-3.9a6.53,6.53,0,0,1,2.6-5.1q2.3-1.65,2.25-3.65-.1-1.45-2.25-3.3t-2.25-3.5Q371,171.09,371.15,148.59Zm122.85-24q-.1,44.5-.4,47.35a6,6,0,0,1-2.75,4.5q-2.25,1.45-2.25,2.75t2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2.05,5.75-10.2,5.4t-10.4-6.35l-.05-6.2.1-3.9a6.53,6.53,0,0,1,2.6-5.1Q478,181,478,179q-.1-1.45-2.25-3.3t-2.25-3.5q-.15-1.65.2-47.65l-.05-1.7-.05-1-.45-19.6q-.45-18.3,1.25-22.9a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15q2.9,1.4,3.35,3.25l1.3,21.5q.35,12.9,0,21.9l-.05,1Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.25\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftnine\">\n        <g id=\"Layer0_0_FILL\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M252.75,148.59v23.65q.1,1.7,2.25,3.5t2.25,3.3q0,2-2.25,3.65a6.53,6.53,0,0,0-2.6,5.1l-.1,3.9,0,6.2q2.3,6,10.4,6.35t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3t2.25-2.75a6,6,0,0,0,2.75-4.5q.2-2,.35-23.35Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M260.55,74.29a9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.25,22.9l.45,18.6.1,3.7-.2,24H273.2l0-24,.2-3.7q.3-8.7,0-20.9l-1.3-21.5q-.45-1.85-3.35-3.25l-.35-.15A15.82,15.82,0,0,0,260.55,74.29Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M152.2,74.29a9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.25,22.9l.55,22.3-.2,47.65q.1,1.7,2.25,3.5t2.25,3.3q.05,2-2.25,3.65a6.53,6.53,0,0,0-2.6,5.1l-.1,3.9.05,6.2q2.3,6,10.4,6.35t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3t2.25-2.75a6,6,0,0,0,2.75-4.5q.3-2.85.4-47.35.55-9.7.15-24.6l-1.3-21.5q-.45-1.85-3.35-3.25l-.35-.15A15.82,15.82,0,0,0,152.2,74.29Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M152.2,74.29a15.82,15.82,0,0,1,7.85.8l.35.15q2.9,1.4,3.35,3.25L165,100q.4,14.9-.15,24.6-.1,44.5-.4,47.35a6,6,0,0,1-2.75,4.5q-2.25,1.45-2.25,2.75t2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2.05,5.75-10.2,5.4T144,197.89l-.05-6.2.1-3.9a6.53,6.53,0,0,1,2.6-5.1q2.3-1.65,2.25-3.65-.1-1.45-2.25-3.3t-2.25-3.5l.2-47.65-.55-22.3q-.45-18.3,1.25-22.9a7.13,7.13,0,0,1,3.9-4.3A9.89,9.89,0,0,1,152.2,74.29Zm100.55,74.3.2-24-.1-3.7-.45-18.6q-.45-18.3,1.25-22.9a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15q2.9,1.4,3.35,3.25l1.3,21.5q.35,12.2,0,20.9l-.2,3.7,0,24q-.15,21.4-.35,23.35a6,6,0,0,1-2.75,4.5q-2.25,1.45-2.25,2.75t2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2,5.75-10.2,5.4t-10.4-6.35l0-6.2.1-3.9a6.53,6.53,0,0,1,2.6-5.1q2.3-1.65,2.25-3.65-.1-1.45-2.25-3.3t-2.25-3.5Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.25\"\n        ></path>\n      </g>\n      <g id=\"setthreerighteight\">\n        <g id=\"Layer1_0_FILL-2\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M459.35,78.49q-.45-1.85-3.35-3.25l-.35-.15a15.82,15.82,0,0,0-7.85-.8,9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6-1.35,20.75l.25,19.45a20.85,20.85,0,0,0,0,3.8l-1.05,23.8L437.4,172q-.25,1.5,3.35,3.55t2.85,4.1a9.05,9.05,0,0,1-2.65,3.6,4.33,4.33,0,0,0-1.55,4l.15,4.45v7q2.35,5.25,10.45,5.6t10.2-5.4a96,96,0,0,0-.15-11.15,8.26,8.26,0,0,0-2.7-5.2q-2.3-2-2.25-3.3a4.62,4.62,0,0,1,1.3-2.85,17.34,17.34,0,0,0,2.45-4.4q1.15-2.85,1.45-25.5l.3-23.55.05-1q.35-9,0-21.9Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M362.45,151.34l.7,20.9a5.6,5.6,0,0,0,1.9,3.5,5.85,5.85,0,0,1,1.85,3.55,4.54,4.54,0,0,1-1.9,3.45,6.94,6.94,0,0,0-2.2,5l-.1,3.9v5.2q2.05,5.3,10.2,5.85t9.4-5.7a33.3,33.3,0,0,0,.9-9.35,8.48,8.48,0,0,0-2.8-5.3q-2.4-2.15-2.65-3.75t1.6-3.2a8.57,8.57,0,0,0,2.5-3.5q.65-1.8.05-18.25l-.05-2.35Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M362.25,83.39l-1,2.85L361,93.09q.1,9.1-.25,15.95l.3,10.85,1.3,27.35.1,4.1h19.4q-.5-14.6-.1-21.9l.4-13.1.15-19.6-.4-10.45-.25-2.7a11.2,11.2,0,0,0-1.7-3.6l-1.4-1.65a15.82,15.82,0,0,0-7.85-.8,20.53,20.53,0,0,0-4.25,1.1Q363.85,79.59,362.25,83.39Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-2\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M362.45,151.34l-.1-4.1L361,119.89l-.3-10.85q.35-6.85.25-15.95l.25-6.85,1-2.85q1.6-3.8,4.2-4.75a20.53,20.53,0,0,1,4.25-1.1,15.82,15.82,0,0,1,7.85.8l1.4,1.65a11.2,11.2,0,0,1,1.7,3.6l.25,2.7.4,10.45-.15,19.6-.4,13.1q-.4,7.3.1,21.9l.05,2.35q.6,16.45-.05,18.25a8.57,8.57,0,0,1-2.5,3.5q-1.85,1.65-1.6,3.2t2.65,3.75a8.48,8.48,0,0,1,2.8,5.3,33.3,33.3,0,0,1-.9,9.35q-1.25,6.25-9.4,5.7t-10.2-5.85v-5.2l.1-3.9a6.94,6.94,0,0,1,2.2-5,4.54,4.54,0,0,0,1.9-3.45,5.85,5.85,0,0,0-1.85-3.55,5.6,5.6,0,0,1-1.9-3.5Zm96.9-72.85,1.3,21.5q.35,12.9,0,21.9l-.05,1-.3,23.55q-.3,22.65-1.45,25.5a17.34,17.34,0,0,1-2.45,4.4,4.62,4.62,0,0,0-1.3,2.85q0,1.25,2.25,3.3a8.26,8.26,0,0,1,2.7,5.2,96,96,0,0,1,.15,11.15q-2.05,5.75-10.2,5.4t-10.45-5.6v-7l-.15-4.45a4.33,4.33,0,0,1,1.55-4,9.05,9.05,0,0,0,2.65-3.6q.8-2.05-2.85-4.1T437.4,172l1.35-24.8,1.05-23.8a20.85,20.85,0,0,1,0-3.8l-.25-19.45Q439.2,84,440.9,79.39a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15Q458.9,76.64,459.35,78.49Z\"\n          fill=\"none\"\n          stroke=\"#ffcfff\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.25\"\n        ></path>\n      </g>\n      <g id=\"setthreelefteight\">\n        <g id=\"Layer0_0_FILL-2\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M262.9,148.59q-.75,20.15.1,22.65a9.45,9.45,0,0,0,3,4.5q2.15,1.85,1.65,3.25t-3.2,3a4.77,4.77,0,0,0-2.65,4.45l1.55,11.45q2.3,6,10.4,6.35t10.2-5.4q-.25-8-1.15-11.15a18.88,18.88,0,0,0-2.5-5.2,5.86,5.86,0,0,1-1.45-3.3q0-1.3,2-3.25t1-5.25l.85-22.1Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M263.4,102.29l.4,17L263,146l-.1,2.6h19.85l.35-3.5,2.15-27.65.65-20.6q.65-15.2-1.3-17.7t-3.5-2.6A15.18,15.18,0,0,1,278,76a17.32,17.32,0,0,0-4.85-.35,23.37,23.37,0,0,0-5.35.75q-2,.6-3.45,4.1T263.4,102.29Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M200.7,79.19a9.75,9.75,0,0,0-4.3-4l-.35-.15a15.82,15.82,0,0,0-7.85-.8,9.89,9.89,0,0,0-3,.8,7.13,7.13,0,0,0-3.9,4.3q-1.7,4.6.05,22.9l1.45,43.3-.9,26.7q-.6,1.7,1.85,3.7t1.85,3.55a7.9,7.9,0,0,1-2.95,3.15,6.53,6.53,0,0,0-2.6,5.1l-.1,3.9v3.45q2.3,5.8,10.45,7.1t9.5-5.8l.55-8.75q-.4-3.1-2.7-3.75t-2.25-2.4q0-1.75,2.6-2.2t2.65-5.3l2-32.3q1.85-27.5.65-43.8T200.7,79.19Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-2\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M200.7,79.19q1.4,2.5,2.65,18.75t-.65,43.8l-2,32.3q-.1,4.8-2.65,5.3t-2.6,2.2q0,1.8,2.25,2.4t2.7,3.75l-.55,8.75q-1.35,7.1-9.5,5.8t-10.45-7.1v-3.45l.1-3.9a6.53,6.53,0,0,1,2.6-5.1,7.9,7.9,0,0,0,2.95-3.15q.55-1.5-1.85-3.55t-1.85-3.7l.9-26.7-1.45-43.3q-1.75-18.3-.05-22.9a7.13,7.13,0,0,1,3.9-4.3,9.89,9.89,0,0,1,3-.8,15.82,15.82,0,0,1,7.85.8l.35.15A9.75,9.75,0,0,1,200.7,79.19Zm62.2,69.4.1-2.6.8-26.75-.4-17q-.45-18.3,1-21.8t3.45-4.1a23.37,23.37,0,0,1,5.35-.75A17.32,17.32,0,0,1,278,76a15.18,15.18,0,0,0,3.1.55q1.55.1,3.5,2.6t1.3,17.7l-.65,20.6-2.15,27.65-.35,3.5-.85,22.1q1,3.4-1,5.25t-2,3.25a5.86,5.86,0,0,0,1.45,3.3,18.88,18.88,0,0,1,2.5,5.2q.9,3.1,1.15,11.15-2,5.75-10.2,5.4t-10.4-6.35l-1.55-11.45a4.77,4.77,0,0,1,2.65-4.45q2.7-1.55,3.2-3T266,175.74a9.45,9.45,0,0,1-3-4.5Q262.15,168.74,262.9,148.59Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n          stroke-width=\"1.25\"\n        ></path>\n      </g>\n      <g id=\"setthreerightseven\">\n        <g id=\"Layer1_0_FILL-3\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M409.1,166.89l-.5,0,.05.15Z\"\n            fill=\"url(#radial-gradient)\"\n          ></path>\n          <path\n            d=\"M405.7,182.19l0,.45.15,4.25a51.86,51.86,0,0,0,2.5,13.35q2.2,7,7.55,6.25l6.9-1.15a8.42,8.42,0,0,0,3-2q1.4-1.4,1-5.85a124.41,124.41,0,0,0-2.6-16l-4.65-1.5q-1.45-2.15,0-3.7l2.9-1.75-4-5.25-8.3-2.25h0l-.9-.2h-.15l-.37-.33-2.68.53-.25,7.75,3,1.6a3.16,3.16,0,0,1,0,3.25Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M436.55,94.39l-.1-2.4-1-5.2q-1.8-6.25-14-7.6-9.55-1.3-10.6,8.6l-4,60.15-.15,2.6-.15,2.65-.55,13.9,1.3-.1h.3l.95,0,.5,0h.15l.9.2,8.3,2.25,4,5.25.13-4.59-.28-.66.15,5.25,5.7-27.7,6.95-35.55A98.38,98.38,0,0,0,436.55,94.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M355.1,168.09h6.25l10.3-2.8.35,2.8,1.45,7.25q-.25-20.8,0-26.1L352.95,152l.55,4.5L354.9,168l-.2,5.7,2.35,3.2a4.25,4.25,0,0,1,0,4l-2.4,3.6.7,13.7.45,2.1q1.85,5.5,9.5,5,8.8-.6,9.7-10.15v-.4a94.79,94.79,0,0,0,.2-12.1l-2.9-3-.1-3.25,1.25-1.1q-2.65-6.2-2.6-5.6H355.2l-.3-1.65.3,1.65h15.65q0-.6,2.6,5.6L372,168.09l-.35-2.8-10.3,2.8Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M361.8,80.49q-11.1,1.1-11.1,10.6l0,14.35q-.1,4.85.1,15.25l2.2,31.3,20.45-2.75q.55-16.25,0-32.25-.4-10.7-.45-24.15T361.8,80.49Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-3\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M352.95,152l-2.2-31.3q-.2-10.4-.1-15.25l0-14.35q0-9.5,11.1-10.6t11.15,12.35q0,13.45.45,24.15.55,16,0,32.25-.2,5.3,0,26.1l-1.25,1.1.1,3.25,2.9,3a94.79,94.79,0,0,1-.2,12.1v.4q-.9,9.55-9.7,10.15-7.65.5-9.5-5l-.45-2.1-.7-13.7,2.4-3.6a4.25,4.25,0,0,0,0-4l-2.35-3.2.2-5.7-1.4-11.55Zm53.1,15.1.55-13.9.15-2.65.15-2.6,4-60.15q1.05-9.9,10.6-8.6,12.2,1.35,14,7.6l1,5.2.1,2.4a98.38,98.38,0,0,1-1.45,16.95l-6.95,35.55-5.7,27.7-2.9,1.75q-1.45,1.55,0,3.7l4.65,1.5a124.41,124.41,0,0,1,2.6,16q.45,4.45-1,5.85a8.42,8.42,0,0,1-3,2l-6.9,1.15q-5.35.7-7.55-6.25a51.86,51.86,0,0,1-2.5-13.35l-.15-4.25,0-.45,3.15-2.5a3.16,3.16,0,0,0,0-3.25l-3-1.6.25-7.75\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftseven\">\n        <g id=\"Layer0_0_FILL-3\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M295.25,172l-.4,2.65.2,1.55Z\"\n            fill=\"url(#radial-gradient-2)\"\n          ></path>\n          <path\n            d=\"M295.35,169.79l-.1,2.2.25-1.9Z\"\n            fill=\"url(#radial-gradient-3)\"\n          ></path>\n          <path\n            d=\"M277.45,184.79a50.93,50.93,0,0,0,2.45,13.4q2.2,6.9,7.55,6.2a47.65,47.65,0,0,0,6.9-1.15,7.88,7.88,0,0,0,3-2q1.4-1.4,1-5.85l-1.75-11.7v-.15l-2.85-2.05q-1.65-2.45-.3-3.75l1.6-1.6-.2-1.55.4-2.65.1-2.2a167.1,167.1,0,0,1,2.3-21.05l-20.35-.5V151l0,21.05,3.6,3.25a2.88,2.88,0,0,1,0,3.25l-3.6,3.6Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M299.6,136.79l2.85-21.9,1.7-16.9.65-7.15a22.28,22.28,0,0,0,0-4.25,30.16,30.16,0,0,0-.85-3.6q-.65-2-3.75-4.15t-11.5-2.6q-9.65-.9-10.25,9.1-.95,39.65-1.15,62.9l20.35.5,0-.4Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M214.45,105.54l0,1.35,3.65,45q.5,5.75-2.5,24.1l2.75,2.3a2.88,2.88,0,0,1,0,3.25l-4.7,2.5-.3,1.65-1.15,8q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4,2-6.6-3-2.2q-1.65-2.45.1-3.2l4.1-1.8,2-24.1q2-20.8,2.05-42.2a181.06,181.06,0,0,0-1.55-22.85q-2.05-15.2-13.05-12.45t-10.7,13.35l.3,14.25M235,169.09v0Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-3\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M214.45,105.54l-.3-14.25q-.3-10.6,10.7-13.35T237.9,90.39a181.06,181.06,0,0,1,1.55,22.85q0,21.4-2.05,42.2l-2,24.1-4.1,1.8q-1.75.75-.1,3.2l3,2.2-2,6.6-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l1.15-8,.3-1.65,4.7-2.5a2.88,2.88,0,0,0,0-3.25l-2.75-2.3q3-18.35,2.5-24.1l-3.65-45Zm62.85,42.7q.2-23.25,1.15-62.9.6-10,10.25-9.1,8.4.5,11.5,2.6T303.95,83a30.16,30.16,0,0,1,.85,3.6,22.28,22.28,0,0,1,0,4.25L304.15,98l-1.7,16.9-2.85,21.9-1.9,11.55,0,.4a167.1,167.1,0,0,0-2.3,21.05m-.1,2.2-.2,4.2-1.6,1.6q-1.35,1.3.3,3.75l2.85,2.05v.15l1.75,11.7q.4,4.45-1,5.85a7.88,7.88,0,0,1-3,2,47.65,47.65,0,0,1-6.9,1.15q-5.35.7-7.55-6.2a50.93,50.93,0,0,1-2.45-13.4l-.1-2.6,3.6-3.6a2.88,2.88,0,0,0,0-3.25l-3.6-3.25,0-21.05v-2.8M295.25,172l.1-2.2\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightsix\">\n        <g id=\"Layer1_0_FILL-4\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M407.7,170.19l-.35.55.55-.5.4-.9h-.4l-.2.85m-.1,0-.25.6.35-.55.2-.85h-3.45Z\"\n            fill=\"url(#radial-gradient-4)\"\n          ></path>\n          <path\n            d=\"M391.65,180.29v.65l.1,1.7.15,4.25a51.86,51.86,0,0,0,2.5,13.35q2.2,7,7.55,6.25l6.9-1.15a8.42,8.42,0,0,0,3-2q1.4-1.4,1-5.85a140.15,140.15,0,0,0-5.45-26.8l.25-.6-3.15-.8-8.3-2.25h0l-.9-.2h-.15l-.52-.35-2.53.55Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M407.5,79.19q-9.55-1.3-10.6,8.6l-4,60.15-.15,2.6-.15,2.65-.55,13.9,1.3-.1h.75l1-.1h.15l.9.2,9.45,4.06,2.3-1.81a155.3,155.3,0,0,0,6.25-22.45l6.95-35.55a98.38,98.38,0,0,0,1.45-16.95l-.1-2.4-1-5.2Q419.7,80.54,407.5,79.19Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M341.1,168.09h6.25l9.3-1.33,1.35,1.33.9-8.1.5-10.75L338.95,152l.55,4.5L340.9,168a226.05,226.05,0,0,0,.45,30.2l.45,2.1q1.85,5.5,9.5,5,8.8-.6,9.7-10.15v-.4a71.31,71.31,0,0,0,.1-11.25l-3-15.2q-1.25.8-1.2,1.4H341.2l-.3-1.65.3,1.65h15.65q0-.6,1.2-1.4l-.05-.25-1.43-1.84-9.22,1.84Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M357,94.19q-2.55-15.1-13.45-12T333.3,96l.8,14.2.1,1.35L338.95,152l20.45-2.75q.55-16.25,0-32.25A183.18,183.18,0,0,0,357,94.19Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-4\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M338.95,152l-4.75-40.45-.1-1.35L333.3,96q-.7-10.6,10.25-13.8t13.45,12a183.18,183.18,0,0,1,2.4,22.8q.55,16,0,32.25L358.9,160l-.9,8.1.05.25,3,15.2a71.31,71.31,0,0,1-.1,11.25v.4q-.9,9.55-9.7,10.15-7.65.5-9.5-5l-.45-2.1a226.05,226.05,0,0,1-.45-30.2l-1.4-11.55Zm53.1,15.1.55-13.9.15-2.65.15-2.6,4-60.15q1.05-9.9,10.6-8.6,12.2,1.35,14,7.6l1,5.2.1,2.4a98.38,98.38,0,0,1-1.45,16.95l-6.95,35.55a155.3,155.3,0,0,1-6.25,22.45m.4,0-.4.9-.55.5a140.15,140.15,0,0,1,5.45,26.8q.45,4.45-1,5.85a8.42,8.42,0,0,1-3,2l-6.9,1.15q-5.35.7-7.55-6.25a51.86,51.86,0,0,1-2.5-13.35l-.15-4.25-.1-1.7v-.65l.4-13.2m15.85,2.25-.2.85m-.35.55.25-.6M358,168.09m34.05-1\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftsix\">\n        <g id=\"Layer0_0_FILL-4\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M282.25,166.89l-.35,1.75,0,.25v-.1Z\"\n            fill=\"url(#radial-gradient-5)\"\n          ></path>\n          <path\n            d=\"M266.45,184.79a50.93,50.93,0,0,0,2.45,13.4q2.2,6.9,7.55,6.2a47.65,47.65,0,0,0,6.9-1.15,7.88,7.88,0,0,0,3-2q1.4-1.4,1-5.85a145,145,0,0,0-5.4-26.55l0-.25.35-1.75.15-.8.1-.55,0-.45q2.05-5.15,4.1-16.35l-20.35-.5v29.9l-.1.55Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M292.8,107.64l.65-7.7a76.56,76.56,0,0,0,0-9.25l-.2-2.4a24,24,0,0,0-1.2-5.15,7.41,7.41,0,0,0-2.3-3.35q-3.65-3-12-3.55-9.65-.9-10.25,9.1-.95,39.65-1.15,62.9l20.35.5.9-5.25Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M232.9,165.69l.1-.4h0l-.05.4m.1,3.4v-.3l-.1.25Z\"\n            fill=\"url(#radial-gradient-6)\"\n          ></path>\n          <path\n            d=\"M212.45,105.54l0,1.35,3.65,45,.8,12.6v.25a206,206,0,0,0-6.6,26.8l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4a61.66,61.66,0,0,0,2.9-11.25l-.15-13-.1,0,.1-.25-.1-3.1.05-.4h0q2.9-10.1,2.4-9.85,2-20.8,2.05-42.2a181.06,181.06,0,0,0-1.55-22.85q-2.05-15.2-13.05-12.45t-10.7,13.35Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-4\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M233,169.09l.15,13a61.66,61.66,0,0,1-2.9,11.25l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15a206,206,0,0,1,6.6-26.8v-.25l-.8-12.6-3.65-45,0-1.35-.3-14.25q-.3-10.6,10.7-13.35T235.9,90.39a181.06,181.06,0,0,1,1.55,22.85q0,21.4-2.05,42.2.5-.25-2.4,9.85l-.1.4.1,3.1Zm33.3-20.85q.2-23.25,1.15-62.9.6-10,10.25-9.1,8.35.5,12,3.55a7.41,7.41,0,0,1,2.3,3.35,24,24,0,0,1,1.2,5.15l.2,2.4a76.56,76.56,0,0,1,0,9.25l-.65,7.7-5.25,35.85-.9,5.25q-2.05,11.2-4.1,16.35l0,.45-.1.55-.15.8-.3,1.9v.1a145,145,0,0,1,5.4,26.55q.4,4.45-1,5.85a7.88,7.88,0,0,1-3,2,47.65,47.65,0,0,1-6.9,1.15q-5.35.7-7.55-6.2a50.93,50.93,0,0,1-2.45-13.4l-.25-6.1.1-.55v-29.9Zm15.95,18.65-.35,1.75\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightfive\">\n        <g id=\"Layer1_0_FILL-5\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M385,183.44l.2.65.5,1.6,1.3,4.1A49.42,49.42,0,0,0,392.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45l.55-.85H387.75l-2.7.35-.05-.35Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M412.55,94.39l-.1-2.4-1-5.2q-1.8-6.25-14-7.6-9.55-1.3-10.6,8.6l-4,60.15-.15,2.6-.15,2.65,2.4,16.15.05.35,2.7-.35H398.3a183.05,183.05,0,0,0,5.85-22.45l6.95-35.55A98.38,98.38,0,0,0,412.55,94.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M341.85,195.64l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4a71.67,71.67,0,0,0,3-10.8l1-15.5q-1.4.45-1.5,1.05L348.9,168A189,189,0,0,0,341.85,195.64Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M346.95,152l.55,4.5L348.9,168l15.3,4.1q.1-.6,1.5-1.05l1.2-11.1.5-10.75Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M351.55,82.19q-11,3.2-10.25,13.8l.8,14.2.1,1.35L346.95,152l20.45-2.75q.55-16.25,0-32.25a183.18,183.18,0,0,0-2.4-22.8Q362.45,79.09,351.55,82.19Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-5\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M346.95,152l-4.75-40.45-.1-1.35L341.3,96q-.7-10.6,10.25-13.8t13.45,12a183.18,183.18,0,0,1,2.4,22.8q.55,16,0,32.25L366.9,160l-1.2,11.1-1,15.5a71.67,71.67,0,0,1-3,10.8l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a189,189,0,0,1,7-27.6l-1.4-11.55Zm38,17.35-2.4-16.15.15-2.65.15-2.6,4-60.15q1.05-9.9,10.6-8.6,12.2,1.35,14,7.6l1,5.2.1,2.4a98.38,98.38,0,0,1-1.45,16.95l-6.95,35.55a183.05,183.05,0,0,1-5.85,22.45l-.55.85a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,387,189.79l-1.3-4.1-.5-1.6-.2-.65v-14.1l.05.35\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftfive\">\n        <g id=\"Layer0_0_FILL-5\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M258.3,148.24v18.3l15.95-.4.2-.6.1-.45q2-5.15,4.1-16.35Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M258.3,166.54l3.3,12.8,0,.55,1.85,5.85A49.42,49.42,0,0,0,269.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M284.8,107.64l.65-7.7a76.56,76.56,0,0,0,0-9.25l-.2-2.4a24,24,0,0,0-1.2-5.15,7.41,7.41,0,0,0-2.3-3.35q-3.65-3-12-3.55-9.65-.9-10.25,9.1-.95,39.65-1.15,62.9l20.35.5.9-5.25Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M214,107.39l.2,1.35,8.6,44.4,2.25,11.4-.15.25a206,206,0,0,0-6.6,26.8l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4a61.66,61.66,0,0,0,2.9-11.25l-.15-13v-.3l-.1-3.1,1.55-10.45q-.35-21.65-2.7-42.95a176.84,176.84,0,0,0-4-22.55q-3.65-14.85-14.3-11t-9.2,14.5Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-5\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M241,169.09l.15,13a61.66,61.66,0,0,1-2.9,11.25l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15a206,206,0,0,1,6.6-26.8l.15-.25-2.25-11.4-8.6-44.4-.2-1.35-1.85-14.1q-1.45-10.5,9.2-14.5t14.3,11a176.84,176.84,0,0,1,4,22.55q2.35,21.3,2.7,42.95l-1.55,10.45.1,3.1Zm17.3-20.85q.2-23.25,1.15-62.9.6-10,10.25-9.1,8.35.5,12,3.55a7.41,7.41,0,0,1,2.3,3.35,24,24,0,0,1,1.2,5.15l.2,2.4a76.56,76.56,0,0,1,0,9.25l-.65,7.7-5.25,35.85-.9,5.25q-2,11.2-4.1,16.35m-.1.45-.2.6a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-1.85-5.85,0-.55-3.3-12.8v-18.3\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightfour\">\n        <g id=\"Layer1_0_FILL-6\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M403.55,81.34q-9.3-2.65-11.7,7Q384.1,125,379.7,147.49l-.5,2.55-.5,2.6.3,30.8.2.65.5,1.6,1.3,4.1A49.42,49.42,0,0,0,386.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25Q415.45,84.29,403.55,81.34Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M348.55,154.09l1.7,4.2,4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4a71.67,71.67,0,0,0,3-10.8q-.4-31.85-.75-29.9l-2.35-10.55Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M351,93.59q-6.4-13.95-16.1-8.1t-6.35,16L333.1,115l.4,1.25q7.25,18.4,15.05,37.85l19-7.95q-3.7-15.85-8.35-31.15A173.9,173.9,0,0,0,351,93.59Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-6\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M348.55,154.09q-7.8-19.45-15.05-37.85l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.65,15.3,8.35,31.15l2.35,10.55q.35-2,.75,29.9a71.67,71.67,0,0,1-3,10.8l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8Zm55-72.75q11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,381,189.79l-1.3-4.1-.5-1.6-.2-.65-.3-30.8.5-2.6.5-2.55q4.4-22.45,12.15-59.1Q394.25,78.69,403.55,81.34Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftfour\">\n        <g id=\"Layer0_0_FILL-6\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M255.7,146l0,.15-.5,2.6.35,26.5.1,4.05,0,.55,1.85,5.85A49.42,49.42,0,0,0,263.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3-4.55,7.35-15.9Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M289.15,110.94l2-7.5a73.07,73.07,0,0,0,1.7-9.1l.2-2.4-.2-5.25a7.51,7.51,0,0,0-1.7-3.7q-3-3.65-11.15-5.7-9.3-2.65-11.7,7.05L255.7,146l19.9,4.2,1.85-5Q282.9,129.89,289.15,110.94Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M209.6,110.94l.4,1.25,16.75,42.05L231.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4a61.66,61.66,0,0,0,2.9-11.25q-.4-31.3-.7-29.45-4.45-21.2-10.7-41.7a173.9,173.9,0,0,0-8.2-21.4q-6.4-13.95-16.1-8.1t-6.35,16Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-6\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M209.6,110.94l-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7.3-1.85.7,29.45a61.66,61.66,0,0,1-2.9,11.25l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,231.1,165l-4.35-10.8L210,112.19ZM255.7,146l12.65-61.7q2.4-9.7,11.7-7.05,8.15,2,11.15,5.7a7.51,7.51,0,0,1,1.7,3.7l.2,5.25-.2,2.4a73.07,73.07,0,0,1-1.7,9.1l-2,7.5q-6.25,19-11.7,34.3l-1.85,5q-4.3,11.35-7.35,15.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-1.85-5.85,0-.55-.1-4.05-.35-26.5.5-2.6Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightthree\">\n        <g id=\"Layer1_0_FILL-7\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M412.4,98.39l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3l-2.35-10.55-19,7.95,1.7,4.2,4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,382.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3A101.51,101.51,0,0,0,412.4,98.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M355,93.59q-6.4-13.95-16.1-8.1t-6.35,16L337.1,115l.4,1.25q7.25,18.4,15.05,37.85l19-7.95q-3.7-15.85-8.35-31.15A173.9,173.9,0,0,0,355,93.59Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-7\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M352.55,154.09q-7.8-19.45-15.05-37.85l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.65,15.3,8.35,31.15l2.35,10.55q4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,377,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftthree\">\n        <g id=\"Layer0_0_FILL-7\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M288.9,94.34l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05L251.7,146l19.9,4.2,1.85-5q5.45-15.35,11.7-34.3A101.51,101.51,0,0,0,288.9,94.34Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M213.6,110.94l.4,1.25,16.75,42.05L235.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,259.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3-4.55,7.35-15.9L251.7,146l-1.25,6.6q-4.45-21.2-10.7-41.7a173.9,173.9,0,0,0-8.2-21.4q-6.4-13.95-16.1-8.1t-6.35,16Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-7\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M271.6,150.24q-4.3,11.35-7.35,15.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,235.1,165l-4.35-10.8L214,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7l1.25-6.6,12.65-61.7q2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerighttwo\">\n        <g id=\"Layer1_0_FILL-8\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M404.4,98.39l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3l-2.4-10.7h-.05l-19,7.95,1.75,4.35,4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,374.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3A101.51,101.51,0,0,0,404.4,98.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M347,93.59q-6.4-13.95-16.1-8.1t-6.35,16L329.1,115l.4,1.25q7.2,18.35,15,37.7l19-7.95h.05q-3.65-15.85-8.3-31A173.9,173.9,0,0,0,347,93.59Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-8\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M344.5,153.94q-7.8-19.35-15-37.7l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.65,15.15,8.3,31l2.4,10.7q4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,369,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreelefttwo\">\n        <g id=\"Layer0_0_FILL-8\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M296.9,94.34l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05l-13,63.3,0,.1,19.6,4.15,0-.15.75-1.85,1.7-4.65q5.45-15.35,11.7-34.3A101.51,101.51,0,0,0,296.9,94.34Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M239.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L243.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,267.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q2.8-4.2,6.7-14.25l-19.6-4.15-.4,2.15-.5,2.75q-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,239.55,89.54Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-8\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M278.95,151.89q-3.9,10-6.7,14.25a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,243.1,165l-4.35-10.8L222,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7l.5-2.75.4-2.15,0-.1,13-63.3q2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3l-1.7,4.65-.75,1.85Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreerightone\">\n        <g id=\"Layer1_0_FILL-9\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M384.4,98.39l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68l-.3-9.25L326.9,150l1.3,6.75,2.2,11.35.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,354.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3A101.51,101.51,0,0,0,384.4,98.39Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M341.4,93.44q-3.65-14.9-14.3-11a15.13,15.13,0,0,0-7.35,5.15,12.68,12.68,0,0,0-1.9,9.2v.05l1.8,14.15.2,1.3L326.9,150l20.55-2.85L345.3,116A181.16,181.16,0,0,0,341.4,93.44Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-9\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M326.9,150l-7.05-37.7-.2-1.3-1.8-14.15v-.05a12.68,12.68,0,0,1,1.9-9.2,15.13,15.13,0,0,1,7.35-5.15q10.65-3.9,14.3,11A181.16,181.16,0,0,1,345.3,116l2.15,31.15.3,9.25q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,349,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25-2.2-11.35Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setthreeleftone\">\n        <g id=\"Layer0_0_FILL-9\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M277.2,149.19l.65,3.2.65,3.3-.3-4.15-.25-1.35-.3-.5Z\"\n            fill=\"url(#radial-gradient-7)\"\n          ></path>\n          <path\n            d=\"M300.65,90.54l-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85L278,148.89,298,150.84l.15-.95.7-6.2,2.45-36.15Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M259.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L263.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,287.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q3.85-5.15,5.5-15.85L278,148.89l.1,1,.1,1.65.3,4.15-.65-3.3-.65-3.2q-5-23.75-9.45-38.25A173.9,173.9,0,0,0,259.55,89.54Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-9\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M298,150.84q-1.65,10.7-5.5,15.85a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,263.1,165l-4.35-10.8L242,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.45,14.5,9.45,38.25m.75,1,.25,1.35-.1-1.65-.1-1-3.65-61.65q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17-2.45,36.15-.7,6.2-.15.95m-19.85.7.3,4.15-.65-3.3-.65-3.2\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworightfive\">\n        <g id=\"Layer1_0_FILL-10\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M339.5,148.59l-20.55,1.25,1.25,6.9,2.2,11.35.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M311.65,111l.2,1.3,7.1,37.55,20.55-1.25L337.3,116a181.16,181.16,0,0,0-3.9-22.55q-3.65-14.9-14.3-11a15.13,15.13,0,0,0-7.35,5.15,12.68,12.68,0,0,0-1.9,9.2v.05Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-10\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M318.95,149.84l-7.1-37.55-.2-1.3-1.8-14.15v-.05a12.68,12.68,0,0,1,1.9-9.2,15.13,15.13,0,0,1,7.35-5.15q10.65-3.9,14.3,11A181.16,181.16,0,0,1,337.3,116l2.2,32.6.25,7.8q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25-2.2-11.35Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwoleftfive\">\n        <g id=\"Layer0_0_FILL-10\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M285.2,149.19l.65,3.2.65,3.3-.3-4.15-.25-1.35-.3-.5Z\"\n            fill=\"url(#radial-gradient-8)\"\n          ></path>\n          <path\n            d=\"M308.65,90.54l-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.7,62.05,20.1,1.15.05-.55.7-6.2,2.45-36.15Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.5,13.55.4,1.25,16.75,42.05L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q3.9-5.2,5.6-16.25L286,149.29l.05.6.1,1.65.3,4.15-.65-3.3-.65-3.2q-5-23.75-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-10\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306.15,150.44q-1.7,11.05-5.6,16.25a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165l-4.35-10.8L250,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.45,14.5,9.45,38.25m.75,1,.25,1.35-.1-1.65-.05-.6-3.7-62.05q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17-2.45,36.15-.7,6.2-.05.55m-20,1.1.3,4.15-.65-3.3-.65-3.2\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworightfour\">\n        <g id=\"Layer1_0_FILL-11\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M307.9,147a4.85,4.85,0,0,0-1.3,2.85H330l-2.1-.7q-3.35-2.5-.5-6l11.1-7.1v-.25l1.6-19.75a170.31,170.31,0,0,0-.15-22.9Q338.85,77.94,327.7,80a14.94,14.94,0,0,0-8.1,3.9,12.32,12.32,0,0,0-3.35,8.75l0,0-.55,14.25-.05,1.3.45,24,1.15,8.7Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M306.6,149.89a3.66,3.66,0,0,0,1.8,3.15L320.25,157l2.15,11.1.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68l-.1-3.3-9.65-3.2Z\"\n            fill=\"#c978af\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-11\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M317.2,140.94l-1.15-8.7-.45-24,.05-1.3.55-14.25,0,0a12.32,12.32,0,0,1,3.35-8.75,14.94,14.94,0,0,1,8.1-3.9q11.15-2,12.25,13.2a170.31,170.31,0,0,1,.15,22.9l-1.6,19.75m1.15,17.25.1,3.3q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25L320.25,157\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer1_0_2_STROKES\"\n          data-name=\"Layer1 0 2 STROKES\"\n          d=\"M320.25,157,308.4,153a3.66,3.66,0,0,1-1.8-3.15,4.85,4.85,0,0,1,1.3-2.85l9.3-6.1m21.3-5.1v.25l-11.1,7.1q-2.85,3.5.5,6l2.1.7,9.65,3.2\"\n          fill=\"none\"\n          stroke=\"#ffcfff\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwoleftfour\">\n        <g id=\"Layer0_0_FILL-11\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M291.5,146.49a12.81,12.81,0,0,1-4.85-2.5q-.35,1,4.85,2.5m5.45,3.4,0-.45a4.1,4.1,0,0,1-1.1,1.9l-.8.9Q296.85,151,296.95,149.89Z\"\n            fill=\"url(#radial-gradient-9)\"\n          ></path>\n          <path\n            d=\"M308.65,90.54l-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.15,54a4,4,0,0,0,1.15,2.8,12.81,12.81,0,0,0,4.85,2.5l.85.2,1.15.35.65.2,1.9.9a2.65,2.65,0,0,1,.85,1.3l0,.45h21l-.35-.5a82.67,82.67,0,0,1-10.6-6.5l2.35-35.35Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.5,13.55.4,1.25,16.75,42.05L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q-.25-3.8,5.45-8.5a29.14,29.14,0,0,1,9.65-4.8q3.15-1.75,2.3-3.5h-21q-.1,1.15-1.95,2.35h-.05l-.9.4-2,1-5.65,2.8-.3-.75-.65-4.3-.15-1.95-.05-.25q-5-23.85-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-11\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306,158.19q-5.7,4.7-5.45,8.5a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165l-4.35-10.8L250,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.4,14.4,9.45,38.25l.05.25.15,1.95.65,4.3m.6-11.7a4,4,0,0,1-1.15-2.8l-3.15-54q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17L307,142.89\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer0_0_2_STROKES\"\n          data-name=\"Layer0 0 2 STROKES\"\n          d=\"M286,155.69l.3.75,5.65-2.8,2-1,.9-.4H295m1.9-2.8a2.65,2.65,0,0,0-.85-1.3l-1.9-.9-.65-.2-2-.55m15.5-3.6a82.67,82.67,0,0,0,10.6,6.5l.35.5q.85,1.75-2.3,3.5a29.14,29.14,0,0,0-9.65,4.8m-9.1-8.75,0,.45q-.1,1.15-1.95,2.35m-3.5-5.75a12.81,12.81,0,0,1-4.85-2.5\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworightthree\">\n        <g id=\"Layer1_0_FILL-12\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M304.55,146.54a7.83,7.83,0,0,0-1,3.35h18.15q-.65-2.3,2.05-4.6l14.65-4.95.15-4.5,1.6-19.75a170.31,170.31,0,0,0-.15-22.9Q338.85,77.94,327.7,80a14.94,14.94,0,0,0-8.1,3.9,12.32,12.32,0,0,0-3.35,8.75l0,0-.55,14.25-.05,1.3.45,24,1.15,8.7Z\"\n            fill=\"#344da1\"\n          ></path>\n          <path\n            d=\"M303.5,149.89a6.68,6.68,0,0,0,.85,3.6l15.9,3.5,2.15,11.1.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.75,36.6-11.9,66.75l-.2,1.25.2-1.25q-6.85-3.75-16.55-2.65a5.7,5.7,0,0,1-1.75-2.6Z\"\n            fill=\"#c978af\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-12\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M320.25,157l-15.9-3.5a6.68,6.68,0,0,1-.85-3.6,7.83,7.83,0,0,1,1-3.35l12.65-5.6m21.3-5.1-.15,4.5-14.65,4.95q-2.7,2.3-2.05,4.6a5.7,5.7,0,0,0,1.75,2.6q9.7-1.1,16.55,2.65\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer1_0_2_STROKES-2\"\n          data-name=\"Layer1 0 2 STROKES\"\n          d=\"M317.2,140.94l-1.15-8.7-.45-24,.05-1.3.55-14.25,0,0a12.32,12.32,0,0,1,3.35-8.75,14.94,14.94,0,0,1,8.1-3.9q11.15-2,12.25,13.2a170.31,170.31,0,0,1,.15,22.9l-1.6,19.75m1.45,19.3q4.15-30.15,11.9-66.75,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25L320.25,157m19.5-.6.2-1.25\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwoleftthree\">\n        <g id=\"Layer0_0_FILL-12\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M308.65,90.54l-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.15,54a4,4,0,0,0,1.15,2.8l4,1.3,12.65,1.5a4.4,4.4,0,0,1,.9,3.1h19.15a5.68,5.68,0,0,0-1.75-4q-12.1-.95-14.6-3l2.35-35.35Z\"\n            fill=\"#c978af\"\n          ></path>\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.5,13.55.4,1.25,16.75,42.05L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q-.25-3.8,5.45-8.5,3.3-2.75,15.65-4.55a6.43,6.43,0,0,0,1.7-3.75H304.2a5.24,5.24,0,0,1-2.05,3.15H289.4q-2.6,0-3,3.4l-.3-.75-.65-4.3-.15-1.95-.05-.25q-5-23.85-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-12\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306,158.19q-5.7,4.7-5.45,8.5a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165l-4.35-10.8L250,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.4,14.4,9.45,38.25l.05.25.15,1.95.65,4.3m.6-11.7a4,4,0,0,1-1.15-2.8l-3.15-54q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17L307,142.89\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer0_0_2_STROKES-2\"\n          data-name=\"Layer0 0 2 STROKES\"\n          d=\"M286,155.69l.3.75q.45-3.4,3-3.4h12.75a5.24,5.24,0,0,0,2.05-3.15,4.4,4.4,0,0,0-.9-3.1l-12.65-1.5-4-1.3m20.35-1.1q2.5,2,14.6,3a5.68,5.68,0,0,1,1.75,4,6.43,6.43,0,0,1-1.7,3.75q-12.35,1.8-15.65,4.55\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworighttwo\">\n        <g id=\"Layer1_0_FILL-13\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M304.55,146.54a6.85,6.85,0,0,0-.2,7l15.9,3.5,2.15,11.1.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.75,36.6-11.9,66.75l-.2,1.25.2-1.25q-6.85-3.75-16.55-2.65-3.95-3.55.3-7.2l14.65-4.95.15-4.5,1.6-19.75a170.31,170.31,0,0,0-.15-22.9Q338.85,77.94,327.7,80a14.94,14.94,0,0,0-8.1,3.9,12.32,12.32,0,0,0-3.35,8.75l0,0-.6,15.55.45,24,1.15,8.7Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-miterlimit=\"10\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-13\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M320.25,157l-15.9-3.5a6.85,6.85,0,0,1,.2-7l12.65-5.6m21.3-5.1-.15,4.5-14.65,4.95q-4.25,3.65-.3,7.2,9.7-1.1,16.55,2.65\"\n          fill=\"none\"\n          stroke=\"#ffcfff\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer1_0_2_STROKES-3\"\n          data-name=\"Layer1 0 2 STROKES\"\n          d=\"M317.2,140.94l-1.15-8.7-.45-24,.6-15.55,0,0a12.32,12.32,0,0,1,3.35-8.75,14.94,14.94,0,0,1,8.1-3.9q11.15-2,12.25,13.2a170.31,170.31,0,0,1,.15,22.9l-1.6,19.75m1.45,19.3q4.15-30.15,11.9-66.75,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25L320.25,157m19.5-.6.2-1.25\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwolefttwo\">\n        <g id=\"Layer0_0_FILL-13\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.9,14.8L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q-.25-3.8,5.45-8.5,3.3-2.75,15.65-4.55,3.35-4-.05-7.75-12.1-.95-14.6-3l2.35-35.35-.7-17-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.15,54a4,4,0,0,0,1.15,2.8l4,1.3,12.65,1.5q2.3,3.35-1.15,6.25H289.4q-2.6,0-3,3.4l-.3-.75-.8-6.25-.05-.25q-5-23.85-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-13\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306,158.19q-5.7,4.7-5.45,8.5a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165L250,112.19l-4.9-14.8q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.4,14.4,9.45,38.25l.05.25.8,6.25m.6-11.7a4,4,0,0,1-1.15-2.8l-3.15-54q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17L307,142.89\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer0_0_2_STROKES-3\"\n          data-name=\"Layer0 0 2 STROKES\"\n          d=\"M286,155.69l.3.75q.45-3.4,3-3.4h12.75q3.45-2.9,1.15-6.25l-12.65-1.5-4-1.3m20.35-1.1q2.5,2,14.6,3,3.4,3.75.05,7.75-12.35,1.8-15.65,4.55\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settworightone\">\n        <g id=\"Layer1_0_FILL-14\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M307.9,147q-2.85,3.5.5,6L320.25,157l2.15,11.1.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,346.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68l-.1-3.3-11.75-3.9q-3.35-2.5-.5-6l11.1-7.1v-.25l1.6-19.75a170.31,170.31,0,0,0-.15-22.9Q338.85,77.94,327.7,80a14.94,14.94,0,0,0-8.1,3.9,12.32,12.32,0,0,0-3.35,8.75l0,0-.55,14.25-.05,1.3.45,24,1.15,8.7Z\"\n            fill=\"#c978af\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-14\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M317.2,140.94l-1.15-8.7-.45-24,.05-1.3.55-14.25,0,0a12.32,12.32,0,0,1,3.35-8.75,14.94,14.94,0,0,1,8.1-3.9q11.15-2,12.25,13.2a170.31,170.31,0,0,1,.15,22.9l-1.6,19.75m1.15,17.25.1,3.3q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,341,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25L320.25,157\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n        <path\n          id=\"Layer1_0_2_STROKES-4\"\n          data-name=\"Layer1 0 2 STROKES\"\n          d=\"M320.25,157,308.4,153q-3.35-2.5-.5-6l9.3-6.1m21.3-5.1v.25l-11.1,7.1q-2.85,3.5.5,6l11.75,3.9\"\n          fill=\"none\"\n          stroke=\"#ffcfff\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"settwoleftone\">\n        <g id=\"Layer0_0_FILL-14\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M291.5,146.49a12.81,12.81,0,0,1-4.85-2.5q-.35,1,4.85,2.5m3.5,5.75q2.2-1.4,1.9-2.8a4.1,4.1,0,0,1-1.1,1.9Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n          <path\n            d=\"M251.45,81.44q-9.75,5.9-6.35,16l4.5,13.55.4,1.25,16.75,42.05L271.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,295.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q-.25-3.8,5.45-8.5a29.14,29.14,0,0,1,9.65-4.8q3.6-2,1.95-4a82.67,82.67,0,0,1-10.6-6.5l2.35-35.35-.7-17-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.15,54a4,4,0,0,0,1.15,2.8,12.81,12.81,0,0,0,4.85,2.5l.85.2,1.15.35.65.2,1.9.9a2.65,2.65,0,0,1,.85,1.3q.3,1.4-1.9,2.8h-.05l-.9.4-2,1-5.65,2.8-.3-.75-.65-4.3-.15-1.95-.05-.25q-5-23.85-9.45-38.25a173.9,173.9,0,0,0-8.2-21.4Q261.15,75.59,251.45,81.44Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-14\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M306,158.19q-5.7,4.7-5.45,8.5a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,271.1,165l-4.35-10.8L250,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.4,14.4,9.45,38.25l.05.25.15,1.95.65,4.3m.6-11.7a4,4,0,0,1-1.15-2.8l-3.15-54q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17L307,142.89\"\n          fill=\"#344da1\"\n          stroke=\"#2895b2\"\n          stroke-miterlimit=\"10\"\n        ></path>\n        <path\n          id=\"Layer0_0_2_STROKES-4\"\n          data-name=\"Layer0 0 2 STROKES\"\n          d=\"M286,155.69l.3.75,5.65-2.8,2-1,.9-.4H295m1.9-2.8a2.65,2.65,0,0,0-.85-1.3l-1.9-.9-.65-.2-2-.55m15.5-3.6a82.67,82.67,0,0,0,10.6,6.5q1.65,2-1.95,4a29.14,29.14,0,0,0-9.65,4.8m-11-5.95q2.2-1.4,1.9-2.8m-5.4-2.95a12.81,12.81,0,0,1-4.85-2.5\"\n          fill=\"#344da1\"\n          stroke=\"#2895b2\"\n          stroke-miterlimit=\"10\"\n        ></path>\n      </g>\n      <g id=\"setonerightfour\">\n        <g id=\"Layer1_0_FILL-15\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M327.12,82.44a15.13,15.13,0,0,0-7.35,5.15,12.68,12.68,0,0,0-1.9,9.2v.05l1.8,14.15.2,1.3,8.35,44.45,2.2,11.35.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,354.87,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68L345.32,116a181.16,181.16,0,0,0-3.9-22.55Q337.77,78.54,327.12,82.44Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-15\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M327.12,82.44q10.65-3.9,14.3,11a181.16,181.16,0,0,1,3.9,22.55l2.45,40.4q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,349,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25-2.2-11.35-8.35-44.45-.2-1.3-1.8-14.15v-.05a12.68,12.68,0,0,1,1.9-9.2A15.13,15.13,0,0,1,327.12,82.44Z\"\n          fill=\"#c978af\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setoneleftfour\">\n        <g id=\"Layer0_0_FILL-15\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M277.2,149.19l.65,3.2.65,3.3-.3-4.15-.25-1.35-.3-.5Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n          <path\n            d=\"M259.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L263.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,287.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q5-6.7,6.35-23l2.45-36.15-.7-17-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.85,64.3.3,4.15-.65-3.3-.65-3.2q-5-23.75-9.45-38.25A173.9,173.9,0,0,0,259.55,89.54Z\"\n            fill=\"#344da1\"\n            stroke=\"#2895b2\"\n            stroke-miterlimit=\"10\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-15\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M278.2,151.54l-3.85-64.3q-.15-10,9.5-9.85,12.25-.2,14.85,5.75a28.49,28.49,0,0,1,1.55,5l.4,2.35.7,17-2.45,36.15q-1.35,16.3-6.35,23a139.09,139.09,0,0,1,11.85,23.9q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,263.1,165l-4.35-10.8L242,112.19l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q4.45,14.5,9.45,38.25m.75,1,.25,1.35.3,4.15-.65-3.3-.65-3.2\"\n          fill=\"#344da1\"\n          stroke=\"#2895b2\"\n          stroke-miterlimit=\"10\"\n        ></path>\n      </g>\n      <g id=\"setonerightthree\">\n        <g id=\"Layer1_0_FILL-16\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M327.1,82.44a15.13,15.13,0,0,0-7.35,5.15,12.68,12.68,0,0,0-1.9,9.2v.05l1.8,14.15.2,1.3,8.35,44.45,2.2,11.35.15,1.25a177.18,177.18,0,0,0-6.7,26.3l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,354.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-7.9,37.35-12.1,68L345.3,116a181.16,181.16,0,0,0-3.9-22.55Q337.75,78.54,327.1,82.44Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-16\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M327.1,82.44q10.65-3.9,14.3,11A181.16,181.16,0,0,1,345.3,116l2.45,40.4q4.2-30.65,12.1-68,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,349,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.18,177.18,0,0,1,6.7-26.3l-.15-1.25-2.2-11.35-8.35-44.45-.2-1.3-1.8-14.15v-.05a12.68,12.68,0,0,1,1.9-9.2A15.13,15.13,0,0,1,327.1,82.44Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setoneleftthree\">\n        <path\n          d=\"M259.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L263.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,287.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a139.09,139.09,0,0,0-11.85-23.9q5-6.7,6.35-23l2.45-36.15-.7-17-.4-2.35a28.49,28.49,0,0,0-1.55-5q-2.6-6-14.85-5.75-9.65-.15-9.5,9.85l3.85,64.3.3,4.15-.65-3.3-.65-3.2q-5-23.75-9.45-38.25A173.9,173.9,0,0,0,259.55,89.54Z\"\n          fill=\"#344da1\"\n          stroke=\"#2895b2\"\n          stroke-miterlimit=\"10\"\n        ></path>\n      </g>\n      <g id=\"setonerighttwo\">\n        <g id=\"Layer1_0_FILL-17\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M347,93.59q-6.4-13.95-16.1-8.1t-6.35,16L329.1,115l.4,1.25q8,20.4,16.75,42.05l4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,374.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,347,93.59Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-17\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M347,93.59a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,369,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8q-8.75-21.65-16.75-42.05l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16T347,93.59Z\"\n          fill=\"#c978af\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setonelefttwo\">\n        <g id=\"Layer0_0_FILL-16\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M239.55,89.54q-6.4-13.95-16.1-8.1t-6.35,16l4.5,13.55.4,1.25,16.75,42.05L243.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,267.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q.95-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,239.55,89.54Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-16\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M221.6,110.94l-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,243.1,165l-4.35-10.8L222,112.19Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setonerightone\">\n        <g id=\"Layer1_0_FILL-18\" data-name=\"Layer1 0 FILL\">\n          <path\n            d=\"M355,93.59q-6.4-13.95-16.1-8.1t-6.35,16L337.1,115l.4,1.25q8,20.4,16.75,42.05l4.35,10.8a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,12-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,382.85,202q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-2.95,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7A173.9,173.9,0,0,0,355,93.59Z\"\n            fill=\"#c978af\"\n            stroke=\"#fcf\"\n            stroke-linecap=\"round\"\n            stroke-linejoin=\"round\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer1_0_1_STROKES-18\"\n          data-name=\"Layer1 0 1 STROKES\"\n          d=\"M355,93.59a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,2.95q-5,2.05-8.9-4.1A49.42,49.42,0,0,1,377,189.79l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-12,7.3-7.55-1.5-7.9-7.3l.1-2.15a177.39,177.39,0,0,1,6.75-26.55l-4.35-10.8q-8.75-21.65-16.75-42.05l-.4-1.25-4.5-13.55q-3.4-10.05,6.35-16T355,93.59Z\"\n          fill=\"none\"\n          stroke=\"#fcf\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"setoneleftone\">\n        <g id=\"Layer0_0_FILL-17\" data-name=\"Layer0 0 FILL\">\n          <path\n            d=\"M213.6,110.94l.4,1.25,16.75,42.05L235.1,165a177.39,177.39,0,0,0-6.75,26.55l-.1,2.15q.35,5.8,7.9,7.3,8.65,1.7,11.95-7.3l.15-.4q3.25-9.4,3.25-14l2,6.35A49.42,49.42,0,0,0,259.35,198q3.9,6.15,8.9,4.1a42.1,42.1,0,0,0,6.35-3,8.13,8.13,0,0,0,2.4-2.65q1-1.7-.6-5.9a142.08,142.08,0,0,0-12.15-24.45q3.7-5.5,9.2-20.9t11.7-34.3a101.51,101.51,0,0,0,3.75-16.6l.2-2.4-.2-5.25q-.95-6.45-12.85-9.4-9.3-2.65-11.7,7.05-9.45,44.7-13.9,68.3-4.45-21.2-10.7-41.7a173.9,173.9,0,0,0-8.2-21.4q-6.4-13.95-16.1-8.1t-6.35,16Z\"\n            fill=\"#344da1\"\n          ></path>\n        </g>\n        <path\n          id=\"Layer0_0_1_STROKES-17\"\n          data-name=\"Layer0 0 1 STROKES\"\n          d=\"M213.6,110.94l-4.5-13.55q-3.4-10.05,6.35-16t16.1,8.1a173.9,173.9,0,0,1,8.2,21.4q6.25,20.5,10.7,41.7,4.45-23.6,13.9-68.3,2.4-9.7,11.7-7.05,11.9,3,12.85,9.4l.2,5.25-.2,2.4a101.51,101.51,0,0,1-3.75,16.6q-6.25,19-11.7,34.3t-9.2,20.9a142.08,142.08,0,0,1,12.15,24.45q1.55,4.2.6,5.9a8.13,8.13,0,0,1-2.4,2.65,42.1,42.1,0,0,1-6.35,3q-5,2-8.9-4.1a49.42,49.42,0,0,1-5.85-12.25l-2-6.35q0,4.55-3.25,14l-.15.4q-3.3,9-11.95,7.3-7.55-1.5-7.9-7.3l.1-2.15A177.39,177.39,0,0,1,235.1,165l-4.35-10.8L214,112.19Z\"\n          fill=\"none\"\n          stroke=\"#2895b2\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        ></path>\n      </g>\n      <g id=\"paternalrecombinanttext\">\n        <text\n          transform=\"translate(102.63 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Parental\n        </text>\n        <text\n          transform=\"translate(467.96 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Parental\n        </text>\n        <text\n          transform=\"translate(205.96 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Recombinant\n        </text>\n        <text\n          transform=\"translate(332.63 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Recombinant\n        </text>\n      </g>\n      <g id=\"paternalmaternal\">\n        <text\n          transform=\"translate(210.51 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Paternal\n        </text>\n        <text\n          transform=\"translate(342.5 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Maternal\n        </text>\n      </g>\n      <g id=\"synapsetext\">\n        <text\n          transform=\"translate(140.01 43.11)\"\n          font-size=\"17.11\"\n          font-family=\"OpenSans, Open Sans\"\n        >\n          Synapsed chromosomes in tetrad - Prophase I\n        </text>\n      </g>\n    </svg>\n  "]);_templateObject_2e489a20555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2e489a20555211e98f439769bd191e33()),is:"gene-crossover-5",properties:{tl:{type:Object},selected:{type:Boolean,value:!1},animationReady:{type:Boolean,value:!1}},observers:["_selectedChanged(selected, animationReady)"],_selectedChanged:function _selectedChanged(selected,animationReady){if(!animationReady){return}if(selected){this.tl.play();this.lefttl.play();this.righttl.play()}else{this.tl.progress(0);this.lefttl.progress(0);this.righttl.progress(0);this.tl.pause();this.lefttl.pause();this.righttl.pause()}},ready:function ready(){var root=this,tl=new TimelineMax,lefttl=new TimelineMax,righttl=new TimelineMax,playButton=this.shadowRoot.querySelector("#play-button"),replayButton=this.shadowRoot.querySelector("#replay-button"),svg=this.shadowRoot.querySelector("#chromosomes"),synapsetext=svg.getElementById("synapsetext"),paternalrecombinanttext=svg.getElementById("paternalrecombinanttext"),paternalmaternal=svg.getElementById("paternalmaternal"),setonerightfour=svg.getElementById("setonerightfour"),setonerightthree=svg.getElementById("setonerightthree"),setonerighttwo=svg.getElementById("setonerighttwo"),setonerightone=svg.getElementById("setonerightone"),settworightfive=svg.getElementById("settworightfive"),settworightfour=svg.getElementById("settworightfour"),settworightthree=svg.getElementById("settworightthree"),settworighttwo=svg.getElementById("settworighttwo"),settworightone=svg.getElementById("settworightone"),setthreerightnine=svg.getElementById("setthreerightnine"),setthreerighteight=svg.getElementById("setthreerighteight"),setthreerightseven=svg.getElementById("setthreerightseven"),setthreerightsix=svg.getElementById("setthreerightsix"),setthreerightfive=svg.getElementById("setthreerightfive"),setthreerightfour=svg.getElementById("setthreerightfour"),setthreerightthree=svg.getElementById("setthreerightthree"),setthreerighttwo=svg.getElementById("setthreerighttwo"),setthreerightone=svg.getElementById("setthreerightone"),setoneleftfour=svg.getElementById("setoneleftfour"),setoneleftthree=svg.getElementById("setoneleftthree"),setonelefttwo=svg.getElementById("setonelefttwo"),setoneleftone=svg.getElementById("setoneleftone"),settwoleftfive=svg.getElementById("settwoleftfive"),settwoleftfour=svg.getElementById("settwoleftfour"),settwoleftthree=svg.getElementById("settwoleftthree"),settwolefttwo=svg.getElementById("settwolefttwo"),settwoleftone=svg.getElementById("settwoleftone"),setthreeleftnine=svg.getElementById("setthreeleftnine"),setthreelefteight=svg.getElementById("setthreelefteight"),setthreeleftseven=svg.getElementById("setthreeleftseven"),setthreeleftsix=svg.getElementById("setthreeleftsix"),setthreeleftfive=svg.getElementById("setthreeleftfive"),setthreeleftfour=svg.getElementById("setthreeleftfour"),setthreeleftthree=svg.getElementById("setthreeleftthree"),setthreelefttwo=svg.getElementById("setthreelefttwo"),setthreeleftone=svg.getElementById("setthreeleftone");tl.set([setoneleftfour,setoneleftthree,setonelefttwo,setonerightfour,setonerightthree,setonerighttwo,settwoleftfive,settwoleftfour,settwoleftthree,settwolefttwo,settwoleftone,settworightfive,settworightfour,settworightthree,settworighttwo,settworightone,setthreeleftnine,setthreelefteight,setthreeleftseven,setthreeleftsix,setthreeleftfive,setthreeleftfour,setthreeleftthree,setthreelefttwo,setthreeleftone,setthreerightnine,setthreerighteight,setthreerightseven,setthreerightsix,setthreerightfive,setthreerightfour,setthreerightthree,setthreerighttwo,setthreerightone,paternalrecombinanttext,synapsetext],{display:"none"});lefttl.to([paternalmaternal],.01,{display:"none"}).to([setoneleftone],.01,{display:"none"}).to([setonelefttwo],.01,babelHelpers.defineProperty({x:"+=10",display:"block"},"display","none")).to([setoneleftthree],.3,babelHelpers.defineProperty({x:"+=10",display:"block"},"display","none")).to([setoneleftfour],.3,babelHelpers.defineProperty({x:"+=10",display:"block"},"display","none")).to([settwoleftone],.5,{display:"none"}).to([settwolefttwo],.5,{display:"block"}).to([settwolefttwo],.1,{display:"none"}).to([settwoleftthree],.5,{display:"block"}).to([settwoleftthree],.1,{display:"none"}).to([settwoleftfour],.5,{display:"block"}).to([settwoleftfour],.1,{display:"none"}).to([settwoleftfive],.5,babelHelpers.defineProperty({x:"-=10",display:"block"},"display","none")).to([setthreeleftone],.1,{x:"-=5",display:"none"}).to([setthreelefttwo],.5,{x:"-=5",display:"block"}).to([setthreelefttwo],.1,{x:"-=5",display:"none"}).to([setthreeleftthree],.5,{x:"-=5",display:"block"}).to([setthreeleftthree],.1,{x:"-=5",display:"none"}).to([setthreeleftfour],.5,{x:"-=5",display:"block"}).to([setthreeleftfour],.1,{x:"-=5",display:"none"}).to([setthreeleftfive],.5,{x:"-=5",display:"block"}).to([setthreeleftfive],.1,{x:"-=5",display:"none"}).to([setthreeleftsix],.5,{x:"-=5",display:"block"}).to([setthreeleftsix],.1,{x:"-=5",display:"none"}).to([setthreeleftseven],.5,{x:"-=5",display:"block"}).to([setthreeleftseven],.1,{x:"-=5",display:"none"}).to([setthreelefteight],.5,{x:"-=5",display:"block"}).to([setthreelefteight],.1,{x:"-=5",display:"none"}).to([setthreeleftnine,paternalrecombinanttext],.5,{display:"block"});righttl.to([paternalmaternal],.1,{display:"none"}).to([setonerightone],.1,{display:"none"}).to([setonerighttwo],.1,babelHelpers.defineProperty({x:"-=10",display:"block"},"display","none")).to([setonerightthree],.3,babelHelpers.defineProperty({x:"-=10",display:"block"},"display","none")).to([setonerightfour],.3,babelHelpers.defineProperty({x:"-=10",display:"block"},"display","none")).to([settworightone],.5,{display:"none"}).to([settworighttwo],.5,{display:"block"}).to([settworighttwo],.1,{display:"none"}).to([settworightthree],.5,{display:"block"}).to([settworightthree],.1,{display:"none"}).to([settworightfour],.5,{display:"block"}).to([settworightfour],.1,{display:"none"}).to([settworightfive],.5,babelHelpers.defineProperty({x:"+=10",display:"block"},"display","none")).to([setthreerightone],.1,{x:"+=5",display:"none"}).to([setthreerighttwo],.5,{x:"+=5",display:"block"}).to([setthreerighttwo],.1,{x:"+=5",display:"none"}).to([setthreerightthree],.5,{x:"+=5",display:"block"}).to([setthreerightthree],.1,{x:"+=5",display:"none"}).to([setthreerightfour],.5,{x:"+=5",display:"block"}).to([setthreerightfour],.1,{x:"+=5",display:"none"}).to([setthreerightfive],.5,{x:"+=5",display:"block"}).to([setthreerightfive],.1,{x:"+=5",display:"none"}).to([setthreerightsix],.5,{x:"+=5",display:"block"}).to([setthreerightsix],.1,{x:"+=5",display:"none"}).to([setthreerightseven],.5,{x:"+=5",display:"block"}).to([setthreerightseven],.1,{x:"+=5",display:"none"}).to([setthreerighteight],.5,{x:"+=5",display:"block"}).to([setthreerighteight],.1,{x:"+=5",display:"none"}).to([setthreerightnine],.5,{x:"+=5",display:"block"});tl.pause();lefttl.pause();righttl.pause();this.tl=tl;this.lefttl=lefttl;this.righttl=righttl;this.animationReady=!0}})});
\ No newline at end of file
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 fd3d8697f36..fb4be260eff 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/legacy/templatizer-behavior.js","../../@polymer/polymer/lib/legacy/mutable-data-behavior.js"],function(_exports,_polymerLegacy,_polymerDom,_templatizerBehavior,_mutableDataBehavior){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.GrafittoFilter=void 0;function _templateObject_8a9fc27054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <div id=\"dom\"><slot></slot></div>\n  "]);_templateObject_8a9fc27054f411e9aeb367f92c5b63ab=function(){return data};return data}var GrafittoFilter=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8a9fc27054f411e9aeb367f92c5b63ab()),is:"grafitto-filter",behaviors:[_templatizerBehavior.Templatizer,_mutableDataBehavior.OptionalMutableDataBehavior],properties:{items:{type:Array,value:[]},like:{type:String,value:""},where:{type:String,value:"name"},caseSensitive:{type:Boolean,value:!1,reflectToAttribute:!0},as:{type:String,value:"items"},filtered:{type:Array,computed:"_computeFiltered(items, where, like, caseSensitive)",observer:"_onFilter"},f:{type:Function,notify:!0}},observers:["_populateUserTemplate(filtered)"],filter:function filter(){this.where=""},_computeFiltered:function _computeFiltered(items,where,like,caseSensitive){var regex=null;if(caseSensitive){regex=new RegExp(like)}else{regex=new RegExp(like,"i")}var filtered=[];if(this.f){var customFunction=this.f.bind(this);filtered=items.filter(customFunction)}else{var decompose=this._decomposeWhere.bind(this);filtered=items.filter(function(item){if("object"==babelHelpers.typeof(item)){var decomposed=decompose(where,item);if("undefined"==typeof decomposed&&""!=where){console.warn("grafitto-filter was unable to find a property in '"+where+"'")}return regex.test(decomposed)}if("string"==typeof item){return regex.test(item)}if("number"==typeof item){return regex.test(item.toString())}})}return filtered},_populateUserTemplate:function _populateUserTemplate(filtered){if(this.ctor){this.__clone[this.as]=filtered;return}this._userTemplate=this.querySelector("template");if(!this._userTemplate){console.warn("grafitto-filter requires a template to be provided in light-dom")}this.templatize(this._userTemplate);this.__clone=this.stamp(null);this.__clone[this.as]=filtered;(0,_polymerDom.dom)(this).appendChild(this.__clone.root)},_decomposeWhere:function _decomposeWhere(where,item){return where.split(".").reduce(function(a,b){return a&&a[b]},item)},_onFilter:function _onFilter(){this.fire("filter")}});_exports.GrafittoFilter=GrafittoFilter});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/legacy/templatizer-behavior.js","../../@polymer/polymer/lib/legacy/mutable-data-behavior.js"],function(_exports,_polymerLegacy,_polymerDom,_templatizerBehavior,_mutableDataBehavior){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.GrafittoFilter=void 0;function _templateObject_1e5e5a50555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <div id=\"dom\"><slot></slot></div>\n  "]);_templateObject_1e5e5a50555211e98f439769bd191e33=function(){return data};return data}var GrafittoFilter=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1e5e5a50555211e98f439769bd191e33()),is:"grafitto-filter",behaviors:[_templatizerBehavior.Templatizer,_mutableDataBehavior.OptionalMutableDataBehavior],properties:{items:{type:Array,value:[]},like:{type:String,value:""},where:{type:String,value:"name"},caseSensitive:{type:Boolean,value:!1,reflectToAttribute:!0},as:{type:String,value:"items"},filtered:{type:Array,computed:"_computeFiltered(items, where, like, caseSensitive)",observer:"_onFilter"},f:{type:Function,notify:!0}},observers:["_populateUserTemplate(filtered)"],filter:function filter(){this.where=""},_computeFiltered:function _computeFiltered(items,where,like,caseSensitive){var regex=null;if(caseSensitive){regex=new RegExp(like)}else{regex=new RegExp(like,"i")}var filtered=[];if(this.f){var customFunction=this.f.bind(this);filtered=items.filter(customFunction)}else{var decompose=this._decomposeWhere.bind(this);filtered=items.filter(function(item){if("object"==babelHelpers.typeof(item)){var decomposed=decompose(where,item);if("undefined"==typeof decomposed&&""!=where){console.warn("grafitto-filter was unable to find a property in '"+where+"'")}return regex.test(decomposed)}if("string"==typeof item){return regex.test(item)}if("number"==typeof item){return regex.test(item.toString())}})}return filtered},_populateUserTemplate:function _populateUserTemplate(filtered){if(this.ctor){this.__clone[this.as]=filtered;return}this._userTemplate=this.querySelector("template");if(!this._userTemplate){console.warn("grafitto-filter requires a template to be provided in light-dom")}this.templatize(this._userTemplate);this.__clone=this.stamp(null);this.__clone[this.as]=filtered;(0,_polymerDom.dom)(this).appendChild(this.__clone.root)},_decomposeWhere:function _decomposeWhere(where,item){return where.split(".").reduce(function(a,b){return a&&a[b]},item)},_onFilter:function _onFilter(){this.fire("filter")}});_exports.GrafittoFilter=GrafittoFilter});
\ No newline at end of file
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 2a15b07d4d9..e536c926b37 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/async.js","../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/iron-icons/iron-icons.js","../hax-body-behaviors/lib/HAXWiring.js","../responsive-utility/responsive-utility.js"],function(_exports,_polymerLegacy,_polymerDom,async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.GridPlate=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_7f9e396054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"simple-colors\">\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: #ccc;\n          --grid-plate-active-border-color: #6cd;\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          transition: all 0.5s;\n        }\n        :host([edit-mode]) .column {\n          min-height: 150px;\n        }\n\n        :host([edit-mode]) .column {\n          outline: 1px dotted 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: 1px solid red;\n          width: 20%;\n          margin-top: var(--grid-plate-item-margin);\n        }\n        :host([edit-mode])\n          .column[style=\"min-height: unset\"]:not(:empty):before {\n          content: \"Hidden Column (\" attr(id) \")\";\n          color: red;\n          margin: var(--grid-plate-item-margin);\n          padding: 15px 0;\n          min-height: 150px;\n        }\n        :host ::slotted(*) {\n          margin: var(--grid-plate-item-margin);\n          padding: 0;\n        }\n        :host ::slotted(*.mover) {\n          outline: 2px dashed var(--grid-plate-editable-border-color);\n          outline-offset: 4px;\n        }\n        :host ::slotted(*.active-item) {\n          outline: 2px dashed var(--grid-plate-active-border-color);\n          outline-offset: 4px;\n        }\n        :host ::slotted(*[data-draggable]:focus),\n        :host ::slotted(*[data-draggable]:hover),\n        :host ::slotted(*[data-draggable]:active) {\n          cursor: move;\n        }\n\n        :host([edit-mode]) .column.mover {\n          background-color: yellow;\n        }\n        :host .column[data-draggable].mover {\n          background-color: pink;\n        }\n\n        paper-icon-button {\n          display: none;\n          position: absolute;\n          margin: 0;\n          padding: 0;\n          outline: none;\n          width: 20px;\n          height: 20px;\n          color: black;\n          background-color: #eeeeee;\n          border-radius: 50%;\n          box-sizing: content-box !important;\n          z-index: 1;\n          min-width: unset;\n        }\n\n        paper-icon-button[disabled] {\n          color: #aaa;\n          background-color: #ddd;\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      </style>\n    </custom-style>\n    <div class=\"button-holding-pen\">\n      <paper-icon-button\n        icon=\"icons:arrow-upward\"\n        title=\"move item up\"\n        id=\"up\"\n        on-tap=\"moveActiveElement\"\n      >\n      </paper-icon-button>\n      <paper-icon-button\n        icon=\"icons:arrow-forward\"\n        title=\"move item right\"\n        id=\"right\"\n        on-tap=\"moveActiveElement\"\n      >\n      </paper-icon-button>\n      <paper-icon-button\n        icon=\"icons:arrow-downward\"\n        title=\"move item down\"\n        id=\"down\"\n        on-tap=\"moveActiveElement\"\n      >\n      </paper-icon-button>\n      <paper-icon-button\n        icon=\"icons:arrow-back\"\n        title=\"move item left\"\n        id=\"left\"\n        on-tap=\"moveActiveElement\"\n      >\n      </paper-icon-button>\n    </div>\n    <div class=\"row\">\n      <div\n        class=\"column\"\n        id=\"col1\"\n        style$=\"[[_getColumnWidth(0,columnWidths)]]\"\n      >\n        <slot name=\"col-1\"></slot>\n      </div>\n      <div\n        class=\"column\"\n        id=\"col2\"\n        style$=\"[[_getColumnWidth(1,columnWidths)]]\"\n      >\n        <slot name=\"col-2\"></slot>\n      </div>\n      <div\n        class=\"column\"\n        id=\"col3\"\n        style$=\"[[_getColumnWidth(2,columnWidths)]]\"\n      >\n        <slot name=\"col-3\"></slot>\n      </div>\n      <div\n        class=\"column\"\n        id=\"col4\"\n        style$=\"[[_getColumnWidth(3,columnWidths)]]\"\n      >\n        <slot name=\"col-4\"></slot>\n      </div>\n      <div\n        class=\"column\"\n        id=\"col5\"\n        style$=\"[[_getColumnWidth(4,columnWidths)]]\"\n      >\n        <slot name=\"col-5\"></slot>\n      </div>\n      <div\n        class=\"column\"\n        id=\"col6\"\n        style$=\"[[_getColumnWidth(5,columnWidths)]]\"\n      >\n        <slot name=\"col-6\"></slot>\n      </div>\n    </div>\n    <iron-a11y-keys\n      stop-keyboard-event-propagation\n      target=\"[[__activeItem]]\"\n      keys=\"enter\"\n      on-keys-pressed=\"setActiveElement\"\n    ></iron-a11y-keys>\n    <iron-a11y-keys\n      target=\"[[__activeItem]]\"\n      keys=\"esc\"\n      on-keys-pressed=\"cancelActive\"\n    ></iron-a11y-keys>\n  "]);_templateObject_7f9e396054f411e9aeb367f92c5b63ab=function(){return data};return data}var GridPlate=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7f9e396054f411e9aeb367f92c5b63ab()),is:"grid-plate",listeners:{focusin:"_focusIn",focusout:"_focusOut"},behaviors:[HAXBehaviors.PropertiesBehaviors],properties:{breakpointSm:{type:Number,value:900},breakpointMd:{type:Number,value:1200},breakpointLg:{type:Number,value:1500},breakpointXl:{type:Number,value:1800},columns:{type:Number,computed:"_getColumns(columnWidths)",reflectToAttribute:!0},columnWidths:{type:String,computed:"_getColumnWidths(responsiveSize,layout,layouts,disableResponsive)"},disableResponsive:{type:Boolean,value:!1,notify:!0},editMode:{reflectToAttribute:!0,type:Boolean,value:!1,observer:"_editModeChanged"},layout:{type:String,value:"1-1",reflectToAttribute:!0},layouts:{type:Object,value:{1:{columnLayout:"1: full width",xs:["100%"],sm:["100%"],md:["100%"],lg:["100%"],xl:["100%"]},"1-1":{columnLayout:"2: equal width",xs:["100%","100%"],sm:["50%","50%"],md:["50%","50%"],lg:["50%","50%"],xl:["50%","50%"]},"2-1":{columnLayout:"2: wide & narrow",xs:["100%","100%"],sm:["50%","50%"],md:["66.6666667%","33.3333337%"],lg:["66.6666667%","33.3333337%"],xl:["66.6666667%","33.3333337%"]},"1-2":{columnLayout:"2: narrow & wide",xs:["100%","100%"],sm:["50%","50%"],md:["33.3333333%","66.6666667%"],lg:["33.3333333%","66.6666667%"],xl:["33.3333333%","66.6666667%"]},"3-1":{columnLayout:"2: wider & narrower",xs:["100%","100%"],sm:["50%","50%"],md:["75%","25%"],lg:["75%","25%"],xl:["75%","25%"]},"1-3":{columnLayout:"2: narrower & wider",xs:["100%","100%"],sm:["50%","50%"],md:["25%","75%"],lg:["25%","75%"],xl:["25%","75%"]},"1-1-1":{columnLayout:"3: equal width",xs:["100%","100%","100%"],sm:["100%","100%","100%"],md:["33.3333333%","33.3333333%","33.3333333%"],lg:["33.3333333%","33.3333333%","33.3333333%"],xl:["33.3333333%","33.3333333%","33.3333333%"]},"2-1-1":{columnLayout:"3: wide, narrow, and narrow",xs:["100%","100%","100%"],sm:["100%","50%","50%"],md:["50%","25%","25%"],lg:["50%","25%","25%"],xl:["50%","25%","25%"]},"1-2-1":{columnLayout:"3: narrow, wide, and narrow",xs:["100%","100%","100%"],sm:["100%","100%","100%"],md:["25%","50%","25%"],lg:["25%","50%","25%"],xl:["25%","50%","25%"]},"1-1-2":{columnLayout:"3: narrow, narrow, and wide",xs:["100%","100%","100%"],sm:["50%","50%","100%"],md:["25%","25%","50%"],lg:["25%","25%","50%"],xl:["25%","25%","50%"]},"1-1-1-1":{columnLayout:"4: equal width",xs:["100%","100%","100%","100%"],sm:["50%","50%","50%","50%"],md:["25%","25%","25%","25%"],lg:["25%","25%","25%","25%"],xl:["25%","25%","25%","25%"]},"1-1-1-1-1":{columnLayout:"5: equal width",xs:["100%","100%","100%","100%","100%"],sm:["50%","50%","50%","50%","50%"],md:["20%","20%","20%","20%","20%"],lg:["20%","20%","20%","20%","20%"],xl:["20%","20%","20%","20%","20%"]},"1-1-1-1-1-1":{columnLayout:"6: equal width",xs:["100%","100%","100%","100%","100%","100%"],sm:["50%","50%","50%","50%","50%","50%"],md:["33.3333333%","33.3333333%","33.3333333%","33.3333333%","33.3333333%","33.3333333%"],lg:["16.6666667%","16.6666667%","16.6666667%","16.6666667%","16.6666667%","16.6666667%"],xl:["16.6666667%","16.6666667%","16.6666667%","16.6666667%","16.6666667%","16.6666667%"]}}},responsiveSize:{type:String,value:"xs",reflectToAttribute:!0},__activeItem:{type:Object,observer:"_activeItemChanged"}},cancelActive:function cancelActive(){this.__activeItem=null},canMoveSlot:function canMoveSlot(item,before){var dir=before?-1:1,max=this.shadowRoot.querySelectorAll(".column").length,col=item.getAttribute("slot").split("-"),dest=parseInt(col[1])+dir;return 1<=dest&&dest<=max},moveSlot:function moveSlot(item,before){var dir=before?-1:1,col=item.getAttribute("slot").split("-"),dest=parseInt(col[1])+dir;if(this.canMoveSlot(item,dir)){item.setAttribute("slot","col-"+dest)}},canMoveOrder:function canMoveOrder(item,before){var target=before?item.previousElementSibling:item.nextElementSibling;return null!==target&&target.getAttribute("slot")===item.getAttribute("slot")},moveOrder:function moveOrder(item){var before=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!0,dir=before?-1:1;if(this.canMoveOrder(item,before)){if(before){(0,_polymerDom.dom)(this).insertBefore(this.__activeItem,this.__activeItem.previousElementSibling)}else{(0,_polymerDom.dom)(this).insertBefore(this.__activeItem.nextElementSibling,this.__activeItem)}}},moveActiveElement:function moveActiveElement(e){var _this=this,normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;switch(local.id){case"up":this.moveOrder(this.__activeItem,!0);break;case"down":this.moveOrder(this.__activeItem,!1);break;case"left":this.moveSlot(this.__activeItem,!0);break;case"right":this.moveSlot(this.__activeItem,!1);break;}setTimeout(function(){if(_this.__activeItem&&"function"===typeof _this.__activeItem.focus){_this.positionArrows(_this.__activeItem);_this.__activeItem.focus()}},100)},_activeItemChanged:function _activeItemChanged(newValue,oldValue){if(babelHelpers.typeof(newValue)!=="undefined"&&null!=newValue){newValue.classList.add("active-item");this.positionArrows(newValue)}else if(null==newValue){this.positionArrows(newValue)}if(babelHelpers.typeof(oldValue)!=="undefined"&&null!=oldValue){oldValue.classList.remove("active-item");oldValue.blur()}},setActiveElement:function setActiveElement(e){this.$.right.focus();e.preventDefault();e.stopPropagation()},_getColumnWidths:function _getColumnWidths(){var responsiveSize=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"sm",layout=1<arguments.length&&arguments[1]!==void 0?arguments[1]:"1-1",layouts=2<arguments.length?arguments[2]:void 0,disableResponsive=3<arguments.length?arguments[3]:void 0,newl=layouts[layout],oldl={12:"1","8/4":"2-1","6/6":"1-1","4/8":"1-2","4/4/4":"1-1-1","3/3/3/3":"1-1-1-1"}[layout],size=!1!==disableResponsive?"xl":responsiveSize;if(newl!==void 0&&newl[size]!==void 0){return layouts[layout][size]}else if(layouts[oldl]!==void 0&&layouts[oldl][size]!==void 0){return layouts[oldl][size]}else{return layouts["1-1"][size]}},_getColumnWidth:function _getColumnWidth(column,columnWidths){return columnWidths!==void 0&&columnWidths[column]!==void 0?"width:"+columnWidths[column]:"min-height: unset"},_getColumns:function _getColumns(columnWidths){return columnWidths.length},_focusIn:function _focusIn(e){if(this.editMode){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;if((0,_polymerDom.dom)(local).parentNode===this){this.__activeItem=local}}},_focusOut:function _focusOut(e){if(this.editMode){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;if(local.parentNode===this||document.activeElement.parentNode===this||document.activeElement===this){}}},positionArrows:function positionArrows(item){if(null==item){this.$.up.classList.remove("active");this.$.down.classList.remove("active");this.$.left.classList.remove("active");this.$.right.classList.remove("active")}else{this.$.up.classList.add("active");this.$.down.classList.add("active");this.$.left.classList.add("active");this.$.right.classList.add("active");this.$.up.disabled=!this.canMoveOrder(item,!0);this.$.down.disabled=!this.canMoveOrder(item,!1);this.$.left.disabled=!this.canMoveSlot(item,!0);this.$.right.disabled=!this.canMoveSlot(item,!1);var bodyRect=this.getBoundingClientRect(),elemRect=item.getBoundingClientRect(),topOffset=elemRect.top-bodyRect.top,leftOffset=elemRect.left-bodyRect.left;this.$.up.style.top=topOffset-20+"px";this.$.down.style.top=topOffset+elemRect.height+"px";this.$.left.style.top=topOffset+elemRect.height/2+"px";this.$.right.style.top=topOffset+elemRect.height/2+"px";this.$.up.style.left=leftOffset+elemRect.width/2-10+"px";this.$.down.style.left=leftOffset+elemRect.width/2-10+"px";this.$.left.style.left=leftOffset-20+"px";this.$.right.style.left=leftOffset+elemRect.width+"px"}},_editModeChanged:function _editModeChanged(newValue,oldValue){var _this2=this,children=(0,_polymerDom.dom)(this).getEffectiveChildNodes();if("object"===babelHelpers.typeof(children)){if(newValue&&!oldValue){for(var i in children){if(babelHelpers.typeof(children[i].tagName)!=="undefined"){children[i].addEventListener("drop",this.dropEvent.bind(this));children[i].addEventListener("dragstart",this.dragStart.bind(this));children[i].addEventListener("dragend",this.dragEnd.bind(this));children[i].addEventListener("dragover",function(e){e.preventDefault()});children[i].setAttribute("draggable",!0);children[i].setAttribute("data-draggable",!0);children[i].setAttribute("tabindex",0)}}async.microTask.run(function(){for(var j=1;j<=_this2.columns.length;j++){if(_this2.shadowRoot.querySelector("#col"+j)!==void 0){_this2.shadowRoot.querySelector("#col"+j).addEventListener("drop",_this2.dropEvent.bind(_this2));_this2.shadowRoot.querySelector("#col"+j).addEventListener("dragstart",_this2.dragStart.bind(_this2));_this2.shadowRoot.querySelector("#col"+j).addEventListener("dragend",_this2.dragEnd.bind(_this2));_this2.shadowRoot.querySelector("#col"+j).addEventListener("dragover",function(e){e.preventDefault()});_this2.shadowRoot.querySelector("#col"+j).setAttribute("data-draggable",!0)}}})}else if(!newValue&&oldValue){for(var i in children){if(babelHelpers.typeof(children[i].tagName)!=="undefined"){children[i].removeEventListener("drop",this.dropEvent.bind(this));children[i].removeEventListener("dragstart",this.dragStart.bind(this));children[i].removeEventListener("dragend",this.dragEnd.bind(this));children[i].removeEventListener("dragover",function(e){e.preventDefault()});children[i].removeAttribute("draggable");children[i].removeAttribute("data-draggable");children[i].removeAttribute("tabindex")}}async.microTask.run(function(){for(var j=1;j<=_this2.columns.length;j++){if(_this2.shadowRoot.querySelector("#col"+j)!==void 0){_this2.shadowRoot.querySelector("#col"+j).removeEventListener("drop",_this2.dropEvent.bind(_this2));_this2.shadowRoot.querySelector("#col"+j).removeEventListener("dragstart",_this2.dragStart.bind(_this2));_this2.shadowRoot.querySelector("#col"+j).removeEventListener("dragend",_this2.dragEnd.bind(_this2));_this2.shadowRoot.querySelector("#col"+j).removeEventListener("dragover",function(e){e.preventDefault()});_this2.shadowRoot.querySelector("#col"+j).removeAttribute("data-draggable")}}})}}},dropEvent:function dropEvent(e){var _this3=this,normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;if(babelHelpers.typeof(this.__activeItem)!=="undefined"&&babelHelpers.typeof(local)!=="undefined"&&null!=local.getAttribute("slot")&&this.__activeItem!==local){this.__activeItem.setAttribute("slot",local.getAttribute("slot"));(0,_polymerDom.dom)(this).insertBefore(this.__activeItem,local);e.preventDefault();e.stopPropagation()}else if(".column"===local.tagName){var col=local.id.replace("col","");this.__activeItem.setAttribute("slot","col-"+col);(0,_polymerDom.dom)(this).appendChild(this.__activeItem);e.preventDefault();e.stopPropagation()}var children=(0,_polymerDom.dom)(this).children;for(var i in children){if(babelHelpers.typeof(children[i].classList)!=="undefined"){children[i].classList.remove("mover")}}for(var j=1;j<=this.columns.length;j++){if(this.shadowRoot.querySelector("#col"+j)!==void 0){this.shadowRoot.querySelector("#col"+j).classList.remove("mover")}}setTimeout(function(){if(_this3.__activeItem&&"function"===typeof _this3.__activeItem.focus){_this3.positionArrows(_this3.__activeItem);_this3.__activeItem.focus()}},100)},dragStart:function dragStart(){var children=(0,_polymerDom.dom)(this).children;for(var i in children){if(babelHelpers.typeof(children[i].classList)!=="undefined"){children[i].classList.add("mover")}}for(var j=1;j<=this.columns.length;j++){if(this.shadowRoot.querySelector("#col"+j)!==void 0){this.shadowRoot.querySelector("#col"+j).classList.add("mover")}}},dragEnd:function dragEnd(){var children=(0,_polymerDom.dom)(this).children;for(var i in children){if(babelHelpers.typeof(children[i].classList)!=="undefined"){children[i].classList.remove("mover")}}for(var j=1;j<=this.columns.length;j++){if(this.shadowRoot.querySelector("#col"+j)!==void 0){this.shadowRoot.querySelector("#col"+j).classList.remove("mover")}}},attached:function attached(){var root=this;document.body.addEventListener("hax-store-property-updated",root._haxStorePropertyUpdated.bind(root));document.body.addEventListener("hax-insert-content",root.haxInsertContent.bind(root));window.ResponsiveUtility.requestAvailability();window.dispatchEvent(new CustomEvent("responsive-element",{detail:{element:root,attribute:"responsive-size",relativeToParent:!0,sm:root.breakpointSm,md:root.breakpointMd,lg:root.breakpointLg,xl:root.breakpointXl}}));var options={},layouts=Object.keys(root.layouts);(function getOptions(){for(var i=0;i<layouts.length;i++){options[layouts[i]]=root.layouts[layouts[i]].columnLayout}})();root.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,settings:{quick:[],configure:[{property:"layout",title:"Column Layout",description:"Style to present these items (may change for small screens)",inputMethod:"select",options:options}],advanced:[{property:"breakpointSm",title:"Small Breakpoint",description:"Anything less than this number (in pixels) will render with the smallest version of this layout",inputMethod:"textfield",validationType:"number"},{property:"breakpointMd",title:"Medium Breakpoint",description:"Anything less than this number (in pixels) will render with the small version of this layout",inputMethod:"textfield",validationType:"number"},{property:"breakpointLg",title:"Large Breakpoint",description:"Anything less than this number (in pixels) will render with the medium version of this layout.",inputMethod:"textfield",validationType:"number"},{property:"breakpointXl",title:"Extra-Large Breakpoint",description:"Anything less than this number (in pixels) will render with the large version of this layout. Anything greater than or equal to this number will display with the maximum number of columns for this layout.",inputMethod:"textfield",validationType:"number"}]},saveOptions:{unsetAttributes:["__active-item","edit-mode"]}})},haxInsertContent:function haxInsertContent(){var _this4=this;if(this===window.HaxStore.instance.activeContainerNode){this.editMode=!1;setTimeout(function(){_this4.editMode=!0;if(_this4.__activeItem&&"function"===typeof _this4.__activeItem.focus){_this4.positionArrows(_this4.__activeItem);_this4.__activeItem.focus()}},100)}},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){if("object"===babelHelpers.typeof(e.detail.value)){this.set(e.detail.property,null)}this.set(e.detail.property,e.detail.value)}}});_exports.GridPlate=GridPlate});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/async.js","../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/iron-icons/iron-icons.js","../hax-body-behaviors/lib/HAXWiring.js","../responsive-utility/responsive-utility.js"],function(_exports,_polymerLegacy,_polymerDom,async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.GridPlate=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_145ed7f0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"simple-colors\">\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: #ccc;\n          --grid-plate-active-border-color: #6cd;\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          transition: all 0.5s;\n        }\n        :host([edit-mode]) .column {\n          min-height: 150px;\n        }\n\n        :host([edit-mode]) .column {\n          outline: 1px dotted 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: 1px solid red;\n          width: 20%;\n          margin-top: var(--grid-plate-item-margin);\n        }\n        :host([edit-mode])\n          .column[style=\"min-height: unset\"]:not(:empty):before {\n          content: \"Hidden Column (\" attr(id) \")\";\n          color: red;\n          margin: var(--grid-plate-item-margin);\n          padding: 15px 0;\n          min-height: 150px;\n        }\n        :host ::slotted(*) {\n          margin: var(--grid-plate-item-margin);\n          padding: 0;\n        }\n        :host ::slotted(*.mover) {\n          outline: 2px dashed var(--grid-plate-editable-border-color);\n          outline-offset: 4px;\n        }\n        :host ::slotted(*.active-item) {\n          outline: 2px dashed var(--grid-plate-active-border-color);\n          outline-offset: 4px;\n        }\n        :host ::slotted(*[data-draggable]:focus),\n        :host ::slotted(*[data-draggable]:hover),\n        :host ::slotted(*[data-draggable]:active) {\n          cursor: move;\n        }\n\n        :host([edit-mode]) .column.mover {\n          background-color: yellow;\n        }\n        :host .column[data-draggable].mover {\n          background-color: pink;\n        }\n\n        paper-icon-button {\n          display: none;\n          position: absolute;\n          margin: 0;\n          padding: 0;\n          outline: none;\n          width: 20px;\n          height: 20px;\n          color: black;\n          background-color: #eeeeee;\n          border-radius: 50%;\n          box-sizing: content-box !important;\n          z-index: 1;\n          min-width: unset;\n        }\n\n        paper-icon-button[disabled] {\n          color: #aaa;\n          background-color: #ddd;\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      </style>\n    </custom-style>\n    <div class=\"button-holding-pen\">\n      <paper-icon-button\n        icon=\"icons:arrow-upward\"\n        title=\"move item up\"\n        id=\"up\"\n        on-tap=\"moveActiveElement\"\n      >\n      </paper-icon-button>\n      <paper-icon-button\n        icon=\"icons:arrow-forward\"\n        title=\"move item right\"\n        id=\"right\"\n        on-tap=\"moveActiveElement\"\n      >\n      </paper-icon-button>\n      <paper-icon-button\n        icon=\"icons:arrow-downward\"\n        title=\"move item down\"\n        id=\"down\"\n        on-tap=\"moveActiveElement\"\n      >\n      </paper-icon-button>\n      <paper-icon-button\n        icon=\"icons:arrow-back\"\n        title=\"move item left\"\n        id=\"left\"\n        on-tap=\"moveActiveElement\"\n      >\n      </paper-icon-button>\n    </div>\n    <div class=\"row\">\n      <div\n        class=\"column\"\n        id=\"col1\"\n        style$=\"[[_getColumnWidth(0,columnWidths)]]\"\n      >\n        <slot name=\"col-1\"></slot>\n      </div>\n      <div\n        class=\"column\"\n        id=\"col2\"\n        style$=\"[[_getColumnWidth(1,columnWidths)]]\"\n      >\n        <slot name=\"col-2\"></slot>\n      </div>\n      <div\n        class=\"column\"\n        id=\"col3\"\n        style$=\"[[_getColumnWidth(2,columnWidths)]]\"\n      >\n        <slot name=\"col-3\"></slot>\n      </div>\n      <div\n        class=\"column\"\n        id=\"col4\"\n        style$=\"[[_getColumnWidth(3,columnWidths)]]\"\n      >\n        <slot name=\"col-4\"></slot>\n      </div>\n      <div\n        class=\"column\"\n        id=\"col5\"\n        style$=\"[[_getColumnWidth(4,columnWidths)]]\"\n      >\n        <slot name=\"col-5\"></slot>\n      </div>\n      <div\n        class=\"column\"\n        id=\"col6\"\n        style$=\"[[_getColumnWidth(5,columnWidths)]]\"\n      >\n        <slot name=\"col-6\"></slot>\n      </div>\n    </div>\n    <iron-a11y-keys\n      stop-keyboard-event-propagation\n      target=\"[[__activeItem]]\"\n      keys=\"enter\"\n      on-keys-pressed=\"setActiveElement\"\n    ></iron-a11y-keys>\n    <iron-a11y-keys\n      target=\"[[__activeItem]]\"\n      keys=\"esc\"\n      on-keys-pressed=\"cancelActive\"\n    ></iron-a11y-keys>\n  "]);_templateObject_145ed7f0555211e98f439769bd191e33=function(){return data};return data}var GridPlate=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_145ed7f0555211e98f439769bd191e33()),is:"grid-plate",listeners:{focusin:"_focusIn",focusout:"_focusOut"},behaviors:[HAXBehaviors.PropertiesBehaviors],properties:{breakpointSm:{type:Number,value:900},breakpointMd:{type:Number,value:1200},breakpointLg:{type:Number,value:1500},breakpointXl:{type:Number,value:1800},columns:{type:Number,computed:"_getColumns(columnWidths)",reflectToAttribute:!0},columnWidths:{type:String,computed:"_getColumnWidths(responsiveSize,layout,layouts,disableResponsive)"},disableResponsive:{type:Boolean,value:!1,notify:!0},editMode:{reflectToAttribute:!0,type:Boolean,value:!1,observer:"_editModeChanged"},layout:{type:String,value:"1-1",reflectToAttribute:!0},layouts:{type:Object,value:{1:{columnLayout:"1: full width",xs:["100%"],sm:["100%"],md:["100%"],lg:["100%"],xl:["100%"]},"1-1":{columnLayout:"2: equal width",xs:["100%","100%"],sm:["50%","50%"],md:["50%","50%"],lg:["50%","50%"],xl:["50%","50%"]},"2-1":{columnLayout:"2: wide & narrow",xs:["100%","100%"],sm:["50%","50%"],md:["66.6666667%","33.3333337%"],lg:["66.6666667%","33.3333337%"],xl:["66.6666667%","33.3333337%"]},"1-2":{columnLayout:"2: narrow & wide",xs:["100%","100%"],sm:["50%","50%"],md:["33.3333333%","66.6666667%"],lg:["33.3333333%","66.6666667%"],xl:["33.3333333%","66.6666667%"]},"3-1":{columnLayout:"2: wider & narrower",xs:["100%","100%"],sm:["50%","50%"],md:["75%","25%"],lg:["75%","25%"],xl:["75%","25%"]},"1-3":{columnLayout:"2: narrower & wider",xs:["100%","100%"],sm:["50%","50%"],md:["25%","75%"],lg:["25%","75%"],xl:["25%","75%"]},"1-1-1":{columnLayout:"3: equal width",xs:["100%","100%","100%"],sm:["100%","100%","100%"],md:["33.3333333%","33.3333333%","33.3333333%"],lg:["33.3333333%","33.3333333%","33.3333333%"],xl:["33.3333333%","33.3333333%","33.3333333%"]},"2-1-1":{columnLayout:"3: wide, narrow, and narrow",xs:["100%","100%","100%"],sm:["100%","50%","50%"],md:["50%","25%","25%"],lg:["50%","25%","25%"],xl:["50%","25%","25%"]},"1-2-1":{columnLayout:"3: narrow, wide, and narrow",xs:["100%","100%","100%"],sm:["100%","100%","100%"],md:["25%","50%","25%"],lg:["25%","50%","25%"],xl:["25%","50%","25%"]},"1-1-2":{columnLayout:"3: narrow, narrow, and wide",xs:["100%","100%","100%"],sm:["50%","50%","100%"],md:["25%","25%","50%"],lg:["25%","25%","50%"],xl:["25%","25%","50%"]},"1-1-1-1":{columnLayout:"4: equal width",xs:["100%","100%","100%","100%"],sm:["50%","50%","50%","50%"],md:["25%","25%","25%","25%"],lg:["25%","25%","25%","25%"],xl:["25%","25%","25%","25%"]},"1-1-1-1-1":{columnLayout:"5: equal width",xs:["100%","100%","100%","100%","100%"],sm:["50%","50%","50%","50%","50%"],md:["20%","20%","20%","20%","20%"],lg:["20%","20%","20%","20%","20%"],xl:["20%","20%","20%","20%","20%"]},"1-1-1-1-1-1":{columnLayout:"6: equal width",xs:["100%","100%","100%","100%","100%","100%"],sm:["50%","50%","50%","50%","50%","50%"],md:["33.3333333%","33.3333333%","33.3333333%","33.3333333%","33.3333333%","33.3333333%"],lg:["16.6666667%","16.6666667%","16.6666667%","16.6666667%","16.6666667%","16.6666667%"],xl:["16.6666667%","16.6666667%","16.6666667%","16.6666667%","16.6666667%","16.6666667%"]}}},responsiveSize:{type:String,value:"xs",reflectToAttribute:!0},__activeItem:{type:Object,observer:"_activeItemChanged"}},cancelActive:function cancelActive(){this.__activeItem=null},canMoveSlot:function canMoveSlot(item,before){var dir=before?-1:1,max=this.shadowRoot.querySelectorAll(".column").length,col=item.getAttribute("slot").split("-"),dest=parseInt(col[1])+dir;return 1<=dest&&dest<=max},moveSlot:function moveSlot(item,before){var dir=before?-1:1,col=item.getAttribute("slot").split("-"),dest=parseInt(col[1])+dir;if(this.canMoveSlot(item,dir)){item.setAttribute("slot","col-"+dest)}},canMoveOrder:function canMoveOrder(item,before){var target=before?item.previousElementSibling:item.nextElementSibling;return null!==target&&target.getAttribute("slot")===item.getAttribute("slot")},moveOrder:function moveOrder(item){var before=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!0,dir=before?-1:1;if(this.canMoveOrder(item,before)){if(before){(0,_polymerDom.dom)(this).insertBefore(this.__activeItem,this.__activeItem.previousElementSibling)}else{(0,_polymerDom.dom)(this).insertBefore(this.__activeItem.nextElementSibling,this.__activeItem)}}},moveActiveElement:function moveActiveElement(e){var _this=this,normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;switch(local.id){case"up":this.moveOrder(this.__activeItem,!0);break;case"down":this.moveOrder(this.__activeItem,!1);break;case"left":this.moveSlot(this.__activeItem,!0);break;case"right":this.moveSlot(this.__activeItem,!1);break;}setTimeout(function(){if(_this.__activeItem&&"function"===typeof _this.__activeItem.focus){_this.positionArrows(_this.__activeItem);_this.__activeItem.focus()}},100)},_activeItemChanged:function _activeItemChanged(newValue,oldValue){if(babelHelpers.typeof(newValue)!=="undefined"&&null!=newValue){newValue.classList.add("active-item");this.positionArrows(newValue)}else if(null==newValue){this.positionArrows(newValue)}if(babelHelpers.typeof(oldValue)!=="undefined"&&null!=oldValue){oldValue.classList.remove("active-item");oldValue.blur()}},setActiveElement:function setActiveElement(e){this.$.right.focus();e.preventDefault();e.stopPropagation()},_getColumnWidths:function _getColumnWidths(){var responsiveSize=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"sm",layout=1<arguments.length&&arguments[1]!==void 0?arguments[1]:"1-1",layouts=2<arguments.length?arguments[2]:void 0,disableResponsive=3<arguments.length?arguments[3]:void 0,newl=layouts[layout],oldl={12:"1","8/4":"2-1","6/6":"1-1","4/8":"1-2","4/4/4":"1-1-1","3/3/3/3":"1-1-1-1"}[layout],size=!1!==disableResponsive?"xl":responsiveSize;if(newl!==void 0&&newl[size]!==void 0){return layouts[layout][size]}else if(layouts[oldl]!==void 0&&layouts[oldl][size]!==void 0){return layouts[oldl][size]}else{return layouts["1-1"][size]}},_getColumnWidth:function _getColumnWidth(column,columnWidths){return columnWidths!==void 0&&columnWidths[column]!==void 0?"width:"+columnWidths[column]:"min-height: unset"},_getColumns:function _getColumns(columnWidths){return columnWidths.length},_focusIn:function _focusIn(e){if(this.editMode){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;if((0,_polymerDom.dom)(local).parentNode===this){this.__activeItem=local}}},_focusOut:function _focusOut(e){if(this.editMode){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;if(local.parentNode===this||document.activeElement.parentNode===this||document.activeElement===this){}}},positionArrows:function positionArrows(item){if(null==item){this.$.up.classList.remove("active");this.$.down.classList.remove("active");this.$.left.classList.remove("active");this.$.right.classList.remove("active")}else{this.$.up.classList.add("active");this.$.down.classList.add("active");this.$.left.classList.add("active");this.$.right.classList.add("active");this.$.up.disabled=!this.canMoveOrder(item,!0);this.$.down.disabled=!this.canMoveOrder(item,!1);this.$.left.disabled=!this.canMoveSlot(item,!0);this.$.right.disabled=!this.canMoveSlot(item,!1);var bodyRect=this.getBoundingClientRect(),elemRect=item.getBoundingClientRect(),topOffset=elemRect.top-bodyRect.top,leftOffset=elemRect.left-bodyRect.left;this.$.up.style.top=topOffset-20+"px";this.$.down.style.top=topOffset+elemRect.height+"px";this.$.left.style.top=topOffset+elemRect.height/2+"px";this.$.right.style.top=topOffset+elemRect.height/2+"px";this.$.up.style.left=leftOffset+elemRect.width/2-10+"px";this.$.down.style.left=leftOffset+elemRect.width/2-10+"px";this.$.left.style.left=leftOffset-20+"px";this.$.right.style.left=leftOffset+elemRect.width+"px"}},_editModeChanged:function _editModeChanged(newValue,oldValue){var _this2=this,children=(0,_polymerDom.dom)(this).getEffectiveChildNodes();if("object"===babelHelpers.typeof(children)){if(newValue&&!oldValue){for(var i in children){if(babelHelpers.typeof(children[i].tagName)!=="undefined"){children[i].addEventListener("drop",this.dropEvent.bind(this));children[i].addEventListener("dragstart",this.dragStart.bind(this));children[i].addEventListener("dragend",this.dragEnd.bind(this));children[i].addEventListener("dragover",function(e){e.preventDefault()});children[i].setAttribute("draggable",!0);children[i].setAttribute("data-draggable",!0);children[i].setAttribute("tabindex",0)}}async.microTask.run(function(){for(var j=1;j<=_this2.columns.length;j++){if(_this2.shadowRoot.querySelector("#col"+j)!==void 0){_this2.shadowRoot.querySelector("#col"+j).addEventListener("drop",_this2.dropEvent.bind(_this2));_this2.shadowRoot.querySelector("#col"+j).addEventListener("dragstart",_this2.dragStart.bind(_this2));_this2.shadowRoot.querySelector("#col"+j).addEventListener("dragend",_this2.dragEnd.bind(_this2));_this2.shadowRoot.querySelector("#col"+j).addEventListener("dragover",function(e){e.preventDefault()});_this2.shadowRoot.querySelector("#col"+j).setAttribute("data-draggable",!0)}}})}else if(!newValue&&oldValue){for(var i in children){if(babelHelpers.typeof(children[i].tagName)!=="undefined"){children[i].removeEventListener("drop",this.dropEvent.bind(this));children[i].removeEventListener("dragstart",this.dragStart.bind(this));children[i].removeEventListener("dragend",this.dragEnd.bind(this));children[i].removeEventListener("dragover",function(e){e.preventDefault()});children[i].removeAttribute("draggable");children[i].removeAttribute("data-draggable");children[i].removeAttribute("tabindex")}}async.microTask.run(function(){for(var j=1;j<=_this2.columns.length;j++){if(_this2.shadowRoot.querySelector("#col"+j)!==void 0){_this2.shadowRoot.querySelector("#col"+j).removeEventListener("drop",_this2.dropEvent.bind(_this2));_this2.shadowRoot.querySelector("#col"+j).removeEventListener("dragstart",_this2.dragStart.bind(_this2));_this2.shadowRoot.querySelector("#col"+j).removeEventListener("dragend",_this2.dragEnd.bind(_this2));_this2.shadowRoot.querySelector("#col"+j).removeEventListener("dragover",function(e){e.preventDefault()});_this2.shadowRoot.querySelector("#col"+j).removeAttribute("data-draggable")}}})}}},dropEvent:function dropEvent(e){var _this3=this,normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;if(babelHelpers.typeof(this.__activeItem)!=="undefined"&&babelHelpers.typeof(local)!=="undefined"&&null!=local.getAttribute("slot")&&this.__activeItem!==local){this.__activeItem.setAttribute("slot",local.getAttribute("slot"));(0,_polymerDom.dom)(this).insertBefore(this.__activeItem,local);e.preventDefault();e.stopPropagation()}else if(".column"===local.tagName){var col=local.id.replace("col","");this.__activeItem.setAttribute("slot","col-"+col);(0,_polymerDom.dom)(this).appendChild(this.__activeItem);e.preventDefault();e.stopPropagation()}var children=(0,_polymerDom.dom)(this).children;for(var i in children){if(babelHelpers.typeof(children[i].classList)!=="undefined"){children[i].classList.remove("mover")}}for(var j=1;j<=this.columns.length;j++){if(this.shadowRoot.querySelector("#col"+j)!==void 0){this.shadowRoot.querySelector("#col"+j).classList.remove("mover")}}setTimeout(function(){if(_this3.__activeItem&&"function"===typeof _this3.__activeItem.focus){_this3.positionArrows(_this3.__activeItem);_this3.__activeItem.focus()}},100)},dragStart:function dragStart(){var children=(0,_polymerDom.dom)(this).children;for(var i in children){if(babelHelpers.typeof(children[i].classList)!=="undefined"){children[i].classList.add("mover")}}for(var j=1;j<=this.columns.length;j++){if(this.shadowRoot.querySelector("#col"+j)!==void 0){this.shadowRoot.querySelector("#col"+j).classList.add("mover")}}},dragEnd:function dragEnd(){var children=(0,_polymerDom.dom)(this).children;for(var i in children){if(babelHelpers.typeof(children[i].classList)!=="undefined"){children[i].classList.remove("mover")}}for(var j=1;j<=this.columns.length;j++){if(this.shadowRoot.querySelector("#col"+j)!==void 0){this.shadowRoot.querySelector("#col"+j).classList.remove("mover")}}},attached:function attached(){var root=this;document.body.addEventListener("hax-store-property-updated",root._haxStorePropertyUpdated.bind(root));document.body.addEventListener("hax-insert-content",root.haxInsertContent.bind(root));window.ResponsiveUtility.requestAvailability();window.dispatchEvent(new CustomEvent("responsive-element",{detail:{element:root,attribute:"responsive-size",relativeToParent:!0,sm:root.breakpointSm,md:root.breakpointMd,lg:root.breakpointLg,xl:root.breakpointXl}}));var options={},layouts=Object.keys(root.layouts);(function getOptions(){for(var i=0;i<layouts.length;i++){options[layouts[i]]=root.layouts[layouts[i]].columnLayout}})();root.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,settings:{quick:[],configure:[{property:"layout",title:"Column Layout",description:"Style to present these items (may change for small screens)",inputMethod:"select",options:options}],advanced:[{property:"breakpointSm",title:"Small Breakpoint",description:"Anything less than this number (in pixels) will render with the smallest version of this layout",inputMethod:"textfield",validationType:"number"},{property:"breakpointMd",title:"Medium Breakpoint",description:"Anything less than this number (in pixels) will render with the small version of this layout",inputMethod:"textfield",validationType:"number"},{property:"breakpointLg",title:"Large Breakpoint",description:"Anything less than this number (in pixels) will render with the medium version of this layout.",inputMethod:"textfield",validationType:"number"},{property:"breakpointXl",title:"Extra-Large Breakpoint",description:"Anything less than this number (in pixels) will render with the large version of this layout. Anything greater than or equal to this number will display with the maximum number of columns for this layout.",inputMethod:"textfield",validationType:"number"}]},saveOptions:{unsetAttributes:["__active-item","edit-mode"]}})},haxInsertContent:function haxInsertContent(){var _this4=this;if(this===window.HaxStore.instance.activeContainerNode){this.editMode=!1;setTimeout(function(){_this4.editMode=!0;if(_this4.__activeItem&&"function"===typeof _this4.__activeItem.focus){_this4.positionArrows(_this4.__activeItem);_this4.__activeItem.focus()}},100)}},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){if("object"===babelHelpers.typeof(e.detail.value)){this.set(e.detail.property,null)}this.set(e.detail.property,e.detail.value)}}});_exports.GridPlate=GridPlate});
\ No newline at end of file
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 06d1ad8c771..e251c018e23 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
@@ -1 +1 @@
-define(["exports","meta","../../@polymer/polymer/polymer-element.js","../es-global-bridge/es-global-bridge.js","../../@polymer/polymer/lib/utils/resolve-url.js"],function(_exports,meta,_polymerElement,_esGlobalBridge,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.Hal9000=void 0;meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_822afec054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        [hidden] {\n          display: none;\n        }\n      </style>\n      <slot></slot>\n    "]);_templateObject_822afec054f411e9aeb367f92c5b63ab=function(){return data};return data}var Hal9000=function(_PolymerElement){babelHelpers.inherits(Hal9000,_PolymerElement);babelHelpers.createClass(Hal9000,null,[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_822afec054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{commands:{name:"commands",type:"Object",value:{},observer:"_commandsChanged"},respondsTo:{name:"respondsTo",type:"String",value:"(hal)",observer:"_respondsToChanged"},debug:{name:"debug",type:"Boolean",value:!1,observer:"_debugChanged"},auto:{name:"auto",type:"Boolean",reflectToAttribute:!0,observer:"_autoChanged"},enabled:{name:"enabled",type:"Boolean",reflectToAttribute:!0,observer:"_enabledChanged"},pitch:{name:"pitch",type:"Number",reflectToAttribute:!0,value:.9},rate:{name:"rate",type:"Number",reflectToAttribute:!0,value:.9},language:{name:"language",type:"String",reflectToAttribute:!0,value:"en-US"}}}},{key:"tag",get:function get(){return"hal-9000"}}]);function Hal9000(){var _this;babelHelpers.classCallCheck(this,Hal9000);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(Hal9000).call(this));var name="annyang",basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),location="".concat(basePath,"lib/annyang/annyang.min.js");window.addEventListener("es-bridge-".concat(name,"-loaded"),_this._annyangLoaded.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this))));window.ESGlobalBridge.requestAvailability();window.ESGlobalBridge.instance.load(name,location);window.Hal9000.instance=babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this));if("undefined"!==typeof window.speechSynthesis){_this.synth=window.speechSynthesis;_this.voices=_this.synth.getVoices();for(var i=0;i<_this.voices.length;i++){if(_this.voices[i].default){_this.defaultVoice=_this.voices[i].name}}}return _this}babelHelpers.createClass(Hal9000,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(Hal9000.prototype),"connectedCallback",this).call(this)}},{key:"clickObject",value:function clickObject(phrase){this.__text=phrase;this.commands[phrase].object.click();this.commands[phrase].object.focus()}},{key:"_commandsChanged",value:function _commandsChanged(newValue){this.addCommands(newValue)}},{key:"addCommands",value:function addCommands(commands){if(this.annyang){this.annyang.addCommands(commands)}}},{key:"speak",value:function speak(text){this.__text=text;if(this.synth){this.utter=new SpeechSynthesisUtterance(this.__text);this.utter.pitch=this.pitch;this.utter.rate=this.rate;this.utter.lang=this.language;this.utter.voice=this.defaultVoice;this.synth.speak(this.utter)}else{console.warn("I have no voice...")}}},{key:"_annyangLoaded",value:function _annyangLoaded(){this.annyang=window.annyang;if(this.annyang){this.annyang.addCommands(this.commands);this.annyang.debug(this.debug);if(this.auto){this.annyang.start({autoRestart:!0,continuous:!0})}else if(this.enabled){this.annyang.start()}var evt=new CustomEvent("hal-9000-online",{bubbles:!0,cancelable:!1,detail:!0});this.dispatchEvent(evt)}}},{key:"_respondsToChanged",value:function _respondsToChanged(newValue,oldValue){if(this.annyang){this.annyang.removeCommands()}var commands={};for(var i in this.commands){if(i.replace(oldValue,newValue)!==i){commands[i.replace(oldValue,newValue)]=this.commands[i]}else{commands[i]=this.commands[i]}}this.set("commands",commands)}},{key:"_autoChanged",value:function _autoChanged(newValue){this.enabled=newValue}},{key:"_enabledChanged",value:function _enabledChanged(newValue){if(this.annyang){if(newValue){if(this.auto){this.annyang.start({autoRestart:!0,continuous:!0})}else{this.annyang.start()}}else{this.annyang.abort()}}}},{key:"_debugChanged",value:function _debugChanged(newValue){if(this.annyang){this.annyang.debug(newValue)}}}]);return Hal9000}(_polymerElement.PolymerElement);_exports.Hal9000=Hal9000;window.customElements.define(Hal9000.tag,Hal9000);window.Hal9000=window.Hal9000||{};window.Hal9000.requestAvailability=function(){if(!window.Hal9000.instance){window.Hal9000.instance=new Hal9000}}});
\ No newline at end of file
+define(["exports","meta","../../@polymer/polymer/polymer-element.js","../es-global-bridge/es-global-bridge.js","../../@polymer/polymer/lib/utils/resolve-url.js"],function(_exports,meta,_polymerElement,_esGlobalBridge,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.Hal9000=void 0;meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_1684c530555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n        [hidden] {\n          display: none;\n        }\n      </style>\n      <slot></slot>\n    "]);_templateObject_1684c530555211e98f439769bd191e33=function(){return data};return data}var Hal9000=function(_PolymerElement){babelHelpers.inherits(Hal9000,_PolymerElement);babelHelpers.createClass(Hal9000,null,[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_1684c530555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{commands:{name:"commands",type:"Object",value:{},observer:"_commandsChanged"},respondsTo:{name:"respondsTo",type:"String",value:"(hal)",observer:"_respondsToChanged"},debug:{name:"debug",type:"Boolean",value:!1,observer:"_debugChanged"},auto:{name:"auto",type:"Boolean",reflectToAttribute:!0,observer:"_autoChanged"},enabled:{name:"enabled",type:"Boolean",reflectToAttribute:!0,observer:"_enabledChanged"},pitch:{name:"pitch",type:"Number",reflectToAttribute:!0,value:.9},rate:{name:"rate",type:"Number",reflectToAttribute:!0,value:.9},language:{name:"language",type:"String",reflectToAttribute:!0,value:"en-US"}}}},{key:"tag",get:function get(){return"hal-9000"}}]);function Hal9000(){var _this;babelHelpers.classCallCheck(this,Hal9000);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(Hal9000).call(this));var name="annyang",basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),location="".concat(basePath,"lib/annyang/annyang.min.js");window.addEventListener("es-bridge-".concat(name,"-loaded"),_this._annyangLoaded.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this))));window.ESGlobalBridge.requestAvailability();window.ESGlobalBridge.instance.load(name,location);window.Hal9000.instance=babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this));if("undefined"!==typeof window.speechSynthesis){_this.synth=window.speechSynthesis;_this.voices=_this.synth.getVoices();for(var i=0;i<_this.voices.length;i++){if(_this.voices[i].default){_this.defaultVoice=_this.voices[i].name}}}return _this}babelHelpers.createClass(Hal9000,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(Hal9000.prototype),"connectedCallback",this).call(this)}},{key:"clickObject",value:function clickObject(phrase){this.__text=phrase;this.commands[phrase].object.click();this.commands[phrase].object.focus()}},{key:"_commandsChanged",value:function _commandsChanged(newValue){this.addCommands(newValue)}},{key:"addCommands",value:function addCommands(commands){if(this.annyang){this.annyang.addCommands(commands)}}},{key:"speak",value:function speak(text){this.__text=text;if(this.synth){this.utter=new SpeechSynthesisUtterance(this.__text);this.utter.pitch=this.pitch;this.utter.rate=this.rate;this.utter.lang=this.language;this.utter.voice=this.defaultVoice;this.synth.speak(this.utter)}else{console.warn("I have no voice...")}}},{key:"_annyangLoaded",value:function _annyangLoaded(){this.annyang=window.annyang;if(this.annyang){this.annyang.addCommands(this.commands);this.annyang.debug(this.debug);if(this.auto){this.annyang.start({autoRestart:!0,continuous:!0})}else if(this.enabled){this.annyang.start()}var evt=new CustomEvent("hal-9000-online",{bubbles:!0,cancelable:!1,detail:!0});this.dispatchEvent(evt)}}},{key:"_respondsToChanged",value:function _respondsToChanged(newValue,oldValue){if(this.annyang){this.annyang.removeCommands()}var commands={};for(var i in this.commands){if(i.replace(oldValue,newValue)!==i){commands[i.replace(oldValue,newValue)]=this.commands[i]}else{commands[i]=this.commands[i]}}this.set("commands",commands)}},{key:"_autoChanged",value:function _autoChanged(newValue){this.enabled=newValue}},{key:"_enabledChanged",value:function _enabledChanged(newValue){if(this.annyang){if(newValue){if(this.auto){this.annyang.start({autoRestart:!0,continuous:!0})}else{this.annyang.start()}}else{this.annyang.abort()}}}},{key:"_debugChanged",value:function _debugChanged(newValue){if(this.annyang){this.annyang.debug(newValue)}}}]);return Hal9000}(_polymerElement.PolymerElement);_exports.Hal9000=Hal9000;window.customElements.define(Hal9000.tag,Hal9000);window.Hal9000=window.Hal9000||{};window.Hal9000.requestAvailability=function(){if(!window.Hal9000.instance){window.Hal9000.instance=new Hal9000}}});
\ No newline at end of file
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 af58b8ff0b8..08894a0747c 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../@polymer/polymer/lib/utils/flush.js","../../@polymer/polymer/lib/utils/async.js","./lib/haxutils.js","../../@polymer/paper-item/paper-item.js","../simple-colors/simple-colors.js","../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../grid-plate/grid-plate.js","./lib/hax-text-context.js","./lib/hax-ce-context.js","./lib/hax-plate-context.js","./lib/hax-input-mixer.js","./lib/hax-shared-styles.js"],function(_exports,_polymerLegacy,_polymerDom,_flattenedNodesObserver,_flush,async,_haxutils){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HaxBody=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_75e9c9c054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      @import url(\"https://fonts.googleapis.com/css?family=Noto+Serif\");\n      :host {\n        display: block;\n        min-height: 32px;\n        min-width: 32px;\n        outline: none;\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.8s opacity ease-in-out, 0.8s visibility ease-in-out;\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(*) {\n        font-family: \"Noto Serif\", serif;\n        color: #444;\n        margin: 2px;\n      }\n      :host #bodycontainer ::slotted(h1) {\n        font-size: 2.5em;\n        line-height: 2.5em;\n      }\n      :host #bodycontainer ::slotted(h2) {\n        font-size: 2em;\n      }\n      :host #bodycontainer ::slotted(h3) {\n        font-size: 1.75em;\n      }\n      :host #bodycontainer ::slotted(h4) {\n        font-size: 1.5em;\n      }\n      :host #bodycontainer ::slotted(h5),\n      :host #bodycontainer ::slotted(h6) {\n        font-size: 1.25em;\n      }\n      :host #bodycontainer ::slotted(p) {\n        line-height: 40px;\n        min-height: 26px;\n        font-size: 24px;\n      }\n      :host #bodycontainer ::slotted(a),\n      :host #bodycontainer ::slotted(a:visited),\n      :host #bodycontainer ::slotted(a:active) {\n        color: #000;\n      }\n      :host #bodycontainer ::slotted(a:hover) {\n        color: #2196f3;\n      }\n      :host #bodycontainer ::slotted(ol),\n      :host #bodycontainer ::slotted(ul),\n      :host #bodycontainer ::slotted(li) {\n        padding-bottom: 1.5em;\n        line-height: 40px;\n        font-size: 24px;\n        max-width: 28em;\n      }\n      :host #bodycontainer ::slotted(ol > li:last-child),\n      :host #bodycontainer ::slotted(ul > li:last-child) {\n        padding-bottom: 1em;\n      }\n      :host #bodycontainer ::slotted(ul),\n      :host #bodycontainer ::slotted(ol) {\n        padding-left: 20px;\n        margin-left: 20px;\n      }\n\n      :host([edit-mode]) #bodycontainer ::slotted(*[data-editable]) {\n        outline: none;\n        outline-offset: 2px;\n        transition: 0.2s width ease-in-out, 0.2s height ease-in-out,\n          0.2s margin ease-in-out;\n        caret-color: var(--hax-color-text);\n      }\n      :host([edit-mode]) #bodycontainer ::slotted(*[data-editable]:hover) {\n        outline: 1px solid rgba(145, 151, 162, 0.25);\n        caret-color: #000000;\n      }\n      :host([edit-mode])\n        #bodycontainer\n        ::slotted(*.hax-active[data-editable]:hover) {\n        cursor: text !important;\n        outline: 1px solid rgba(145, 151, 162, 0.25);\n      }\n      :host([edit-mode])\n        #bodycontainer\n        ::slotted(*[data-editable] .hax-active:hover) {\n        cursor: text !important;\n        outline: 1px solid rgba(145, 151, 162, 0.25);\n      }\n      :host([edit-mode])\n        #bodycontainer\n        ::slotted(code.hax-active[data-editable]) {\n        display: block;\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]) #bodycontainer ::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    </style>\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  "]);_templateObject_75e9c9c054f411e9aeb367f92c5b63ab=function(){return data};return data}var HaxBody=(0,_polymerLegacy.Polymer)({is:"hax-body",_template:(0,_polymerLegacy.html)(_templateObject_75e9c9c054f411e9aeb367f92c5b63ab()),listeners:{focusin:"_focusIn",mousedown:"_focusIn","hax-context-item-selected":"_haxContextOperation","hax-input-mixer-update":"_haxInputMixerOperation","place-holder-replace":"replacePlaceholder"},properties:{__self:{type:Object,value:void 0},editMode:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_editModeChanged"},globalPreferences:{type:Object,value:{},observer:"_globalPreferencesUpdated"},haxRayMode:{type:Boolean,value:!1,reflectToAttribute:!0},activeNode:{type:Object,value:null,notify:!0,observer:"_activeNodeChanged"},activeContainerNode:{type:Object,value:null,notify:!0,observer:"_activeContainerNodeChanged"}},ready:function ready(){var _this=this;this.polyfillSafe=window.HaxStore.instance.computePolyfillSafe();this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(this,function(info){(0,_flush.flush)();if(0<info.addedNodes.length){info.addedNodes.map(function(node){if(_this._haxElementTest(node)){if(_this._HTMLPrimativeTest(node)){node.contentEditable=_this.editMode}node.setAttribute("data-editable",_this.editMode);var haxRay=node.tagName.replace("-"," ").toLowerCase(),i=window.HaxStore.instance.gizmoList.findIndex(function(j){return j.tag===node.tagName.toLowerCase()});if(-1!==i){haxRay=window.HaxStore.instance.gizmoList[i].title}node.setAttribute("data-hax-ray",haxRay);_this.fire("hax-body-tag-added",{node:node})}})}if(0<info.removedNodes.length){info.removedNodes.map(function(node){if(_this._haxElementTest(node)&&!node.classList.contains("hax-active")){_this.fire("hax-body-tag-removed",{node:node})}})}})},attached:function attached(){try{document.execCommand("enableObjectResizing",!1,!1);document.execCommand("defaultParagraphSeparator",!1,"p")}catch(e){console.log(e)}window.addEventListener("keydown",this._onKeyDown.bind(this));window.addEventListener("keypress",this._onKeyPress.bind(this));this.shadowRoot.querySelector("slot").addEventListener("mousemove",this.hoverEvent.bind(this));this.shadowRoot.querySelector("slot").addEventListener("mouseup",function(){var tmp=window.HaxStore.getSelection();window.HaxStore._tmpSelection=tmp;try{var range=window.HaxStore.getRange();if(range.cloneRange){window.HaxStore._tmpRange=range.cloneRange()}}catch(e){console.log(e)}});this.shadowRoot.querySelector("slot").addEventListener("paste",function(e){if(window.HaxStore.instance.isTextElement(window.HaxStore.instance.activeNode)&&!window.HaxStore.instance.haxManager.opened){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();var text="";if(e.clipboardData||e.originalEvent.clipboardData){text=(e.originalEvent||e).clipboardData.getData("text/plain")}else if(window.clipboardData){text=window.clipboardData.getData("Text")}try{var range=window.HaxStore.getRange(),sel=window.HaxStore.getSelection(),newNode=document.createTextNode(text),newRange=document.createRange();if(range&&sel){range.deleteContents();range.insertNode(newNode);newRange.setStart(newNode,text.length);newRange.collapse(!0);sel.removeAllRanges();sel.addRange(newRange)}}catch(e){console.log(e)}}});this.__tabTrap=!1;this.fire("hax-register-body",this);document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));window.addEventListener("scroll",this._keepContextVisible.bind(this))},detached:function detached(){window.removeEventListener("keydown",this._onKeyDown.bind(this));window.removeEventListener("keypress",this._onKeyPress.bind(this));this.shadowRoot.querySelector("slot").removeEventListener("mousemove",this.hoverEvent.bind(this));this.shadowRoot.querySelector("slot").removeEventListener("mouseup",function(){var tmp=window.HaxStore.getSelection();window.HaxStore._tmpSelection=tmp;try{var range=window.HaxStore.getRange();if(range.cloneRange){window.HaxStore._tmpRange=range.cloneRange()}}catch(e){console.log(e)}});this.shadowRoot.querySelector("slot").removeEventListener("paste",function(e){if(window.HaxStore.instance.isTextElement(window.HaxStore.instance.activeNode)&&!window.HaxStore.instance.haxManager.opened){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();var text="";if(e.clipboardData||e.originalEvent.clipboardData){text=(e.originalEvent||e).clipboardData.getData("text/plain")}else if(window.clipboardData){text=window.clipboardData.getData("Text")}try{var range=window.HaxStore.getRange(),sel=window.HaxStore.getSelection(),newNode=document.createTextNode(text),newRange=document.createRange();if(range&&sel){range.deleteContents();range.insertNode(newNode);newRange.setStart(newNode,text.length);newRange.collapse(!0);sel.removeAllRanges();sel.addRange(newRange)}}catch(e){console.log(e)}}});document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));window.removeEventListener("scroll",this._keepContextVisible.bind(this))},_keepContextVisible:function _keepContextVisible(){var el=!1;if(this.$.textcontextmenu.classList.contains("hax-context-visible")){el=this.$.textcontextmenu}else if(this.$.cecontextmenu.classList.contains("hax-context-visible")){el=this.$.cecontextmenu}if(el){if(this.elementInViewport(el)){el.classList.remove("hax-context-pin-bottom","hax-context-pin-top")}else{if(this.__OffBottom){el.classList.add("hax-context-pin-top")}else{el.classList.add("hax-context-pin-bottom")}}}},_onKeyDown:function _onKeyDown(e){var _this2=this;if(this.editMode&&this.getAttribute("contenteditable")){setTimeout(function(){var rng=window.HaxStore.getRange();switch(e.key){case"Tab":if(window.HaxStore.instance.isTextElement(_this2.activeContainerNode)){if(e.detail.keyboardEvent){e.detail.keyboardEvent.preventDefault();e.detail.keyboardEvent.stopPropagation();e.detail.keyboardEvent.stopImmediatePropagation()}e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();if(e.shiftKey){_this2._tabBackKeyPressed()}else{_this2._tabKeyPressed()}}break;case"Enter":_this2.setAttribute("contenteditable",!0);setTimeout(function(){if(rng.commonAncestorContainer&&"function"===typeof rng.commonAncestorContainer.focus){rng.commonAncestorContainer.focus();_this2.__focusLogic(rng.commonAncestorContainer)}},900);break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":if(rng.commonAncestorContainer&&_this2.activeNode!==rng.commonAncestorContainer&&"function"===typeof rng.commonAncestorContainer.focus){if("HAX-BODY"!==rng.commonAncestorContainer.tagName){if(window.HaxStore.instance.isTextElement(rng.commonAncestorContainer)){_this2.setAttribute("contenteditable",!0)}else{_this2.removeAttribute("contenteditable")}setTimeout(function(){rng.commonAncestorContainer.focus();_this2.__focusLogic(rng.commonAncestorContainer)},900)}}else if(rng.commonAncestorContainer&&rng.commonAncestorContainer.parentNode&&_this2.activeNode!==rng.commonAncestorContainer.parentNode&&"function"===typeof rng.commonAncestorContainer.parentNode.focus){if("HAX-BODY"!==rng.commonAncestorContainer.parentNode.tagName){if(window.HaxStore.instance.isTextElement(rng.commonAncestorContainer.parentNode)){_this2.setAttribute("contenteditable",!0)}else{_this2.removeAttribute("contenteditable")}setTimeout(function(){rng.commonAncestorContainer.parentNode.focus();_this2.__focusLogic(rng.commonAncestorContainer.parentNode)},900)}}break;}},100);if(this.$.platecontextmenu.classList.contains("hax-active-hover")){this.__dropActiveHover()}}},_onKeyPress:function _onKeyPress(){if(this.editMode&&this.$.platecontextmenu.classList.contains("hax-active-hover")){this.__dropActiveHover()}},hoverEvent:function hoverEvent(e){if(this.editMode){if(e.target&&null!=e.target.getAttribute("data-hax-ray")){this.__activeHover=e.target;this.fire("hax-active-hover-name",e.target.getAttribute("data-hax-ray"))}else if(e.target&&e.target.parentNode&&null!=e.target.parentNode.getAttribute("data-hax-ray")){this.__activeHover=e.target.parentNode;this.fire("hax-active-hover-name",e.target.parentNode.getAttribute("data-hax-ray"))}if(!this.$.platecontextmenu.classList.contains("hax-active-hover")){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;if(e.target===this.$.cecontextmenu||e.target===this.$.textcontextmenu||e.target===this.$.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.__addActiveHover();this.__typeLock=!1}else{this.__dropActiveHover()}}}},__addActiveHover:function __addActiveHover(){this.$.cecontextmenu.classList.add("hax-active-hover");this.$.textcontextmenu.classList.add("hax-active-hover");this.$.platecontextmenu.classList.add("hax-active-hover")},__dropActiveHover:function __dropActiveHover(){this.$.cecontextmenu.classList.remove("hax-active-hover");this.$.textcontextmenu.classList.remove("hax-active-hover");this.$.platecontextmenu.classList.remove("hax-active-hover")},elementInViewport:function elementInViewport(el){var top=el.offsetTop-32-window.HaxStore.instance.haxPanel.$.drawer.offsetHeight,left=el.offsetLeft,width=el.offsetWidth,height=el.offsetHeight;while(el.offsetParent){el=el.offsetParent;top+=el.offsetTop;left+=el.offsetLeft}this.__OffBottom=top<window.pageYOffset+window.innerHeight;return top<window.pageYOffset+window.innerHeight&&left<window.pageXOffset+window.innerWidth&&top+height>window.pageYOffset&&left+width>window.pageXOffset},replacePlaceholder:function replacePlaceholder(e){var _this3=this;if("text"===e.detail){var p=document.createElement("p");p.innerHTML="<br/>";this.haxReplaceNode(this.activeNode,p,(0,_polymerDom.dom)(this.activeNode).parentNode);setTimeout(function(){_this3.activeNode=p;window.HaxStore.write("activeNode",p,_this3);_this3.activeContainerNode.setAttribute("contenteditable",!0);p.focus();_this3.__focusLogic(p)},210)}else{this.replaceElementWorkflow()}},replaceElementWorkflow:function replaceElementWorkflow(){var element=window.HaxStore.nodeToHaxElement(this.activeNode,null),type="*",skipPropMatch=!1;if("place-holder"===element.tag&&babelHelpers.typeof(element.properties.type)!=="undefined"){type=element.properties.type;skipPropMatch=!0}var props={};if(babelHelpers.typeof(window.HaxStore.instance.elementList[element.tag])!=="undefined"&&!1!==window.HaxStore.instance.elementList[element.tag].gizmo&&babelHelpers.typeof(window.HaxStore.instance.elementList[element.tag].gizmo.handles)!=="undefined"&&0<window.HaxStore.instance.elementList[element.tag].gizmo.handles.length){for(var gizmo=window.HaxStore.instance.elementList[element.tag].gizmo,i=0;i<gizmo.handles.length;i++){for(var prop in gizmo.handles[i]){if("type"!==prop&&babelHelpers.typeof(element.properties[gizmo.handles[i][prop]])!=="undefined"){props[prop]=element.properties[gizmo.handles[i][prop]]}}}}var haxElements=window.HaxStore.guessGizmo(type,props,skipPropMatch);if(0<haxElements.length){var tag=this.activeNode.tagName.toLowerCase(),humanName=tag.replace("-"," ");if(babelHelpers.typeof(window.HaxStore.instance.elementList[tag])!=="undefined"&&!1!==window.HaxStore.instance.elementList[tag].gizmo){humanName=window.HaxStore.instance.elementList[tag].gizmo.title}window.HaxStore.instance.haxAppPicker.presentOptions(haxElements,"__convert","Transform ".concat(humanName," to.."),"gizmo")}else{window.HaxStore.toast("Sorry, this can not be transformed!",5e3)}},_globalPreferencesUpdated:function _globalPreferencesUpdated(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&null!=newValue){this.haxRayMode=newValue.haxRayMode}},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){if("object"===babelHelpers.typeof(e.detail.value)){this.set(e.detail.property,null)}this.set(e.detail.property,e.detail.value)}},haxClearBody:function haxClearBody(){var confirm=0<arguments.length&&arguments[0]!==void 0?arguments[0]:!0,status=!0;if(confirm){status=prompt("Are you sure you want to delete all content?")}if(status){(0,_haxutils.wipeSlot)(this)}},haxInsert:function haxInsert(tag,content){var _this4=this,properties=2<arguments.length&&arguments[2]!==void 0?arguments[2]:{},waitForLock=3<arguments.length&&arguments[3]!==void 0?arguments[3]:!0,tags=window.HaxStore.instance.validTagList;this.__activeHover=null;if(tags.includes(tag)){var frag=document.createElement(tag);frag.innerHTML=content;var newNode=frag.cloneNode(!0);for(var property in properties){var attributeName=window.HaxStore.camelToDash(property);if(properties.hasOwnProperty(property)){if(!0===properties[property]){newNode.setAttribute(attributeName,properties[property])}else if(!1===properties[property]){newNode.removeAttribute(attributeName)}else if(null!=properties[property]&&properties[property].constructor===Array){if(!(newNode.properties&&newNode.properties[property].readOnly)){newNode.set(attributeName,properties[property])}}else if(null!=properties[property]&&properties[property].constructor===Object){if(!(newNode.properties&&newNode.properties[property].readOnly)){newNode.set(attributeName,properties[property])}}else{newNode.setAttribute(attributeName,properties[property])}}}if(null!==window.HaxStore.instance.activePlaceHolder&&babelHelpers.typeof(window.HaxStore.instance.activePlaceHolder.style)!=="undefined"){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,(0,_polymerDom.dom)(window.HaxStore.instance.activePlaceHolder).parentNode);window.HaxStore.instance.activePlaceHolder=null}else if(null!==this.activeContainerNode){if("GRID-PLATE"!==newNode.tagName&&"GRID-PLATE"===this.activeContainerNode.tagName&&this.activeContainerNode!==this.activeNode){newNode.setAttribute("slot",this.activeNode.getAttribute("slot"));(0,_polymerDom.dom)(this.activeContainerNode).insertBefore(newNode,this.activeNode)}else{(0,_polymerDom.dom)(this).insertBefore(newNode,this.activeContainerNode.nextElementSibling)}}else{(0,_polymerDom.dom)(this).appendChild(newNode)}this.$.textcontextmenu.highlightOps=!1;this.__updateLockFocus=newNode;if(waitForLock){setTimeout(function(){_this4.breakUpdateLock()},150)}return!0}return!1},breakUpdateLock:function breakUpdateLock(){window.HaxStore.write("activeContainerNode",this.__updateLockFocus,this);window.HaxStore.write("activeNode",this.__updateLockFocus,this);this.__updateLockFocus.focus();if("function"===typeof this.__updateLockFocus.scrollIntoViewIfNeeded){this.__updateLockFocus.scrollIntoViewIfNeeded(!0)}else{this.__updateLockFocus.scrollIntoView({behavior:"smooth",inline:"center"})}},haxToContent:function haxToContent(){this.hideContextMenus();var __active=this.activeNode;this.set("activeNode",null);this.set("activeContainerNode",null);window.HaxStore.write("activeNode",null,this);window.HaxStore.write("activeContainerNode",null,this);var children=(0,_polymerDom.dom)(this.$.body).getDistributedNodes();if(this.globalPreferences.haxDeveloperMode){console.log(children)}for(var content="",i=0,len=children.length;i<len;i++){if(this._haxElementTest(children[i])){children[i].removeAttribute("data-editable");children[i].removeAttribute("data-hax-ray");children[i].contentEditable=!1;content+=window.HaxStore.haxNodeToContent(children[i]);if("grid-plate"===children[i].tagName.toLowerCase()){this._applyContentEditable(this.editMode,children[i])}}else if(8===children[i].nodeType){content+="<!-- "+children[i].textContent+" -->"}else if(1!==children[i].nodeType&&babelHelpers.typeof(children[i].textContent)!=="undefined"&&"undefined"!==children[i].textContent){content+=children[i].textContent}}content=content.replace(/\scontenteditable=\"false\"/g,"");content=content.replace(/\sdata-editable=\"true\"/g,"");content=content.replace(/\sdata-editable=\"false\"/g,"");content=content.replace(/\sdata-editable=\""/g,"");content=content.replace(/\sdata-editable/g,"");content=content.replace(/\scontenteditable/g,"");content=content.replace(/\sdraggable/g,"");content=content.replace(/\sdata-draggable/g,"");content=content.replace(/\sdata-hax-ray=\".*?\"/g,"");if(this.parentNode.tagName){var 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,"");var tags=window.HaxStore.instance.validTagList;tags.push("hax-preview");for(var i in 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,"")}}content=content.replace(/\sclass=\"\"/g,"");content=content.replace(/\sclass=\"\s\"/g,"");this._applyContentEditable(this.editMode);window.HaxStore.write("activeNode",__active,this);window.HaxStore.write("activeContainerNode",__active,this);content=(0,_haxutils.encapScript)(content);if(this.globalPreferences.haxDeveloperMode){console.log(content)}return content},haxDuplicateNode:function haxDuplicateNode(node){var _this5=this,parent=1<arguments.length&&arguments[1]!==void 0?arguments[1]:this;this.hideContextMenus();var nodeClone=(0,_polymerDom.dom)(node).cloneNode(!0);if("webview"===nodeClone.tagName.toLowerCase()&&window.HaxStore.instance._isSandboxed&&babelHelpers.typeof(nodeClone.guestinstance)!=="undefined"){delete nodeClone.guestinstance}if(null!==node){(0,_polymerDom.dom)(parent).insertBefore(nodeClone,(0,_polymerDom.dom)(node).nextSibling)}else{(0,_polymerDom.dom)(parent).appendChild(nodeClone)}setTimeout(function(){if(parent===_this5){window.HaxStore.write("activeContainerNode",nodeClone,_this5)}window.HaxStore.write("activeNode",nodeClone,_this5)},50);return!0},hideContextMenus:function hideContextMenus(){this._hideContextMenu(this.$.textcontextmenu);this._hideContextMenu(this.$.cecontextmenu);this._hideContextMenu(this.$.platecontextmenu);this._hideContextMenu(this.$.haxinputmixer);this.$.textcontextmenu.highlightOps=!1},positionContextMenus:function positionContextMenus(node,container){var tag=node.tagName.toLowerCase();if(window.HaxStore.instance._isSandboxed&&"webview"===tag){tag="iframe"}var props=window.HaxStore.instance.elementList[tag];if(babelHelpers.typeof(props)!=="undefined"&&!window.HaxStore.instance.isTextElement(node)){this.__activeContextType=this.$.cecontextmenu;props.element=node;this.__activeContextType.setHaxProperties(props)}else{this.__activeContextType=this.$.textcontextmenu}this._positionContextMenu(this.__activeContextType,container,-39,-39);this._positionContextMenu(this.$.platecontextmenu,container,-31,0);if(container&&!this._HTMLPrimativeTest(node)&&node!==container){container.contentEditable=!1}else if(container&&this._HTMLPrimativeTest(container)){container.contentEditable=!0}},haxMoveGridPlate:function haxMoveGridPlate(direction,node,container){var _this6=this;switch(direction){case"first":if(null!==container.previousElementSibling){(0,_polymerDom.dom)(this).insertBefore(container,(0,_polymerDom.dom)(this).firstChild)}break;case"up":if(null!==container.previousElementSibling){(0,_polymerDom.dom)(this).insertBefore(container,container.previousElementSibling)}break;case"down":if(null!==container.nextElementSibling){(0,_polymerDom.dom)(this).insertBefore(container.nextElementSibling,container)}break;case"last":if(null!==container.nextElementSibling){(0,_polymerDom.dom)(this).appendChild(container)}break;}setTimeout(function(){_this6.positionContextMenus(node,container);if("function"===typeof container.scrollIntoViewIfNeeded){container.scrollIntoViewIfNeeded(!0)}else{container.scrollIntoView({behavior:"smooth",inline:"center"})}},50);return!0},haxReplaceNode:function haxReplaceNode(node,replacement){var parent=2<arguments.length&&arguments[2]!==void 0?arguments[2]:this;this.hideContextMenus();try{if(null!=node.getAttribute("slot")){replacement.setAttribute("slot",node.getAttribute("slot"))}(0,_polymerDom.dom)(parent).replaceChild(replacement,node)}catch(e){console.log(e)}return replacement},haxChangeTagName:function 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();if("ul"==tagName||"ol"==tagName){if(""==replacement.innerHTML){replacement.innerHTML="<li></li>"}else if(!("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>"}}else if("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/>")}(0,_polymerDom.dom)(this).replaceChild(replacement,node);setTimeout(function(){var children=(0,_polymerDom.dom)(replacement).getEffectiveChildNodes();if(children[0]&&children.tagName){children[0].focus()}else{replacement.focus()}},50);return replacement},haxDeleteNode:function haxDeleteNode(node){var parent=1<arguments.length&&arguments[1]!==void 0?arguments[1]:this;this.hideContextMenus();if(null!=this.activeContainerNode&&null!==this.activeContainerNode.previousElementSibling){this.activeContainerNode.previousElementSibling.focus();if(null!=this.activeContainerNode&&window.HaxStore.instance.isTextElement(this.activeContainerNode)&&""!==(0,_polymerDom.dom)(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.log(e)}}}else if(null!=this.activeContainerNode&&null!==this.activeContainerNode.nextElementSibling){this.activeContainerNode.nextElementSibling.focus()}else{this.set("activeNode",null);this.set("activeContainerNode",null);window.HaxStore.write("activeNode",null,this);window.HaxStore.write("activeContainerNode",null,this)}try{return(0,_polymerDom.dom)(parent).removeChild(node)}catch(e){console.log(e)}},importContent:function importContent(html){var _this7=this,clear=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!0;if(clear){(0,_haxutils.wipeSlot)(this,"*")}setTimeout(function(){html=(0,_haxutils.encapScript)(html);var validTags=window.HaxStore.instance.validTagList,fragment=document.createElement("div");fragment.insertAdjacentHTML("beforeend",html);while(null!==fragment.firstChild){if(babelHelpers.typeof(fragment.firstChild.tagName)!=="undefined"&&validTags.includes(fragment.firstChild.tagName.toLowerCase())){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;if("height"===nodeName||"width"===nodeName){replacement.style[nodeName]==value}replacement.setAttribute(nodeName,value)}(0,_polymerDom.dom)(_this7).appendChild(replacement)}else{(0,_polymerDom.dom)(_this7).appendChild(fragment.firstChild)}}else{fragment.removeChild(fragment.firstChild)}}},50)},_haxContextOperation:function _haxContextOperation(e){var _this8=this,detail=e.detail,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.$.textcontextmenu.selectedValue=detail.eventName;window.HaxStore.write("activeContainerNode",this.haxChangeTagName(this.activeContainerNode,detail.eventName),this);this.positionContextMenus(this.activeNode,this.activeContainerNode);break;case"text-align-left":this.activeNode.style.textAlign=null;this.positionContextMenus(this.activeNode,this.activeContainerNode);break;case"grid-plate-convert":this.replaceElementWorkflow();break;case"grid-plate-duplicate":if(this.activeNode===this.activeContainerNode){this.haxDuplicateNode(this.activeNode)}else{this.haxDuplicateNode(this.activeNode,this.activeContainerNode)}break;case"grid-plate-delete":if(null!=this.activeNode){var tag=this.activeNode.tagName.toLowerCase(),humanName=tag.replace("-"," ");if(babelHelpers.typeof(window.HaxStore.instance.elementList[tag])!=="undefined"&&!1!==window.HaxStore.instance.elementList[tag].gizmo){humanName=window.HaxStore.instance.elementList[tag].gizmo.title}window.HaxStore.instance.haxAppPicker.presentOptions([{icon:"thumb-up",color:"green",title:"Yes"},{icon:"thumb-down",color:"red",title:"No"}],"","Remove this `".concat(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.instance.haxManager.toggleDialog();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.set("activeNode",null);this.set("activeContainerNode",null);window.HaxStore.write("activeNode",null,this);window.HaxStore.write("activeContainerNode",null,this);break;case"hax-edit-property":var haxInputMixer=this.$.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="";if(babelHelpers.typeof(detail.target.propertyToBind)!=="undefined"&&null!=detail.target.propertyToBind&&!1!=detail.target.propertyToBind){haxInputMixer.propertyToBind=detail.target.propertyToBind;if(babelHelpers.typeof(this.activeNode[detail.target.propertyToBind])!=="undefined"){haxInputMixer.value=this.activeNode[detail.target.propertyToBind]}else{haxInputMixer.value=this.activeNode.getAttribute(detail.target.propertyToBind)}}this._positionContextMenu(haxInputMixer,this.activeContainerNode,-1,-38);var style=this.$.cecontextmenu.currentStyle||window.getComputedStyle(this.$.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;setTimeout(function(){_this8.positionContextMenus(_this8.activeNode,_this8.activeContainerNode)},200);break;case"hax-align-center":this.activeNode.style.float=null;this.activeNode.style.margin="0 auto";this.activeNode.style.display="block";setTimeout(function(){_this8.positionContextMenus(_this8.activeNode,_this8.activeContainerNode)},200);break;case"hax-size-change":if(this.activeNode){this.activeNode.style.width=detail.value+"%";setTimeout(function(){_this8.positionContextMenus(_this8.activeNode,_this8.activeContainerNode)},200)}break;case"hax-manager-configure":this._hideContextMenu(this.$.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.instance.haxManager.toggleDialog();setTimeout(function(){window.HaxStore.instance.haxManager.$.preview.$.configurebutton.focus()},100);break;case"hax-manager-configure-container":window.HaxStore.write("activeNode",window.HaxStore.instance.activeContainerNode,this);this._hideContextMenu(this.$.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.instance.haxManager.toggleDialog();setTimeout(function(){window.HaxStore.instance.haxManager.$.preview.$.configurebutton.focus()},100);break;}},_haxInputMixerOperation:function _haxInputMixerOperation(e){var mixer=e.detail.inputMixer;if(null!=mixer.propertyToBind){this.activeNode[mixer.propertyToBind]=mixer.value}else if(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.$.haxinputmixer)},_focusIn:function _focusIn(e){var normalizedEvent=(0,_polymerDom.dom)(e);if(this.__focusLogic(normalizedEvent.localTarget)){e.stopPropagation()}},__focusLogic:function __focusLogic(target){var stopProp=!1;if(this.editMode&&!this.__tabTrap){var tags=window.HaxStore.instance.validTagList,containerNode=target,activeNode=null;if(this._haxElementTest(containerNode)&&null!=containerNode.parentNode){while("HAX-BODY"!=containerNode.parentNode.tagName){if(null===activeNode&&tags.includes(containerNode.tagName.toLowerCase())&&"LI"!==containerNode.tagName&&"B"!==containerNode.tagName&&"I"!==containerNode.tagName&&"STRONG"!==containerNode.tagName&&"EM"!==containerNode.tagName){activeNode=containerNode}containerNode=containerNode.parentNode}if(null===activeNode){activeNode=containerNode}else if(!window.HaxStore.instance.isGridPlateElement(containerNode)){activeNode=containerNode}else if(["UL","OL","LI","P","GRID-PLATE"].includes(containerNode.tagName)&&["UL","OL","LI"].includes(activeNode.tagName)){activeNode=containerNode}if(this.activeContainerNode!==containerNode&&tags.includes(containerNode.tagName.toLowerCase())&&!containerNode.classList.contains("ignore-activation")){this.hideContextMenus();this.activeContainerNode=containerNode;window.HaxStore.write("activeContainerNode",containerNode,this);stopProp=!0}else if(containerNode.classList.contains("ignore-activation")){stopProp=!0}if(this.activeNode!==activeNode&&tags.includes(containerNode.tagName.toLowerCase())&&!activeNode.classList.contains("ignore-activation")){this.activeNode=activeNode;window.HaxStore.write("activeNode",activeNode,this);this.positionContextMenus(activeNode,containerNode);stopProp=!0}}}else{this.__tabTrap=!1}return stopProp},_editModeChanged:function _editModeChanged(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"){this._applyContentEditable(newValue);this.setAttribute("tabindex","-1");if(!1!==newValue&&babelHelpers.typeof(this.activeNode)!=="undefined"&&null!==this.activeNode){this.positionContextMenus(this.activeNode,this.activeContainerNode)}}if(!1===newValue){this.removeAttribute("contenteditable");this.hideContextMenus()}},_haxResolvePreviousElement:function _haxResolvePreviousElement(node){node=(0,_polymerDom.dom)(node).previousElementSibling;while(null!=node&&babelHelpers.typeof(node.tagName)!=="undefined"&&"HAX-"===node.tagName.substring(0,4)){node=(0,_polymerDom.dom)(node).previousElementSibling}return node},_haxElementTest:function _haxElementTest(node){if(babelHelpers.typeof(node.tagName)!=="undefined"&&"HAX-"!==node.tagName.substring(0,4)){return!0}return!1},_HTMLPrimativeTest:function _HTMLPrimativeTest(node){if(null!=node&&babelHelpers.typeof(node.tagName)!=="undefined"&&-1==node.tagName.indexOf("-")){return!0}return!1},_applyContentEditable:function _applyContentEditable(status){var target=1<arguments.length&&arguments[1]!==void 0?arguments[1]:this.$.body,children=(0,_polymerDom.dom)(target).getDistributedNodes();if(0===children.length){children=(0,_polymerDom.dom)(target).getEffectiveChildNodes()}for(var i=0,len=children.length;i<len;i++){if(this._HTMLPrimativeTest(children[i])){children[i].contentEditable=status}if(this._haxElementTest(children[i])){if(status){children[i].setAttribute("data-editable",status);var haxRay=children[i].tagName.replace("-"," ").toLowerCase(),l=window.HaxStore.instance.gizmoList.findIndex(function(j){return j.tag===children[i].tagName.toLowerCase()});if(-1!==l){haxRay=window.HaxStore.instance.gizmoList[l].title}children[i].setAttribute("data-hax-ray",haxRay)}else{children[i].removeAttribute("data-editable");children[i].removeAttribute("data-hax-ray")}}}},_activeContainerNodeChanged:function _activeContainerNodeChanged(newValue){if(this.editMode&&babelHelpers.typeof(newValue)!=="undefined"&&null!=newValue&&null!=newValue.tagName){if(window.HaxStore.instance.isTextElement(newValue)||window.HaxStore.instance.isGridPlateElement(newValue)){this.setAttribute("contenteditable",!0)}else{this.removeAttribute("contenteditable")}var tag=newValue.tagName.toLowerCase();if("grid-plate"===tag){newValue.editMode=this.editMode;this._applyContentEditable(this.editMode,newValue)}}},_activeNodeChanged:function _activeNodeChanged(newValue,oldValue){var _this9=this;if(babelHelpers.typeof(oldValue)!=="undefined"&&null!=oldValue){oldValue.classList.remove("hax-active")}if(this.editMode&&babelHelpers.typeof(newValue)!=="undefined"&&null!==newValue){var tag=newValue.tagName.toLowerCase();newValue.classList.add("hax-active");if(window.HaxStore.instance.isTextElement(newValue)||window.HaxStore.instance.isGridPlateElement(newValue)){this.setAttribute("contenteditable",!0)}else{this.removeAttribute("contenteditable")}this.$.textcontextmenu.selectedValue=tag;setTimeout(function(){_this9.positionContextMenus(newValue,window.HaxStore.instance.activeContainerNode)},100);if("left"==newValue.style.textAlign){this.$.textcontextmenu.justifyIcon="editor:format-align-left";this.$.textcontextmenu.justifyValue="text-align-left"}else if("left"==newValue.style.float){this.$.cecontextmenu.justifyIcon="editor:format-align-left";this.$.cecontextmenu.justifyValue="hax-align-left"}else if("0 auto"==newValue.style.margin){this.$.cecontextmenu.justifyIcon="editor:format-align-center";this.$.cecontextmenu.justifyValue="hax-align-center"}}else if(null===newValue){this.hideContextMenus();this.$.textcontextmenu.justifyIcon="editor:format-align-left";this.$.textcontextmenu.justifyValue="text-align-left"}},_getPosition:function _getPosition(element){var xPosition=element.offsetLeft-element.scrollLeft+element.clientLeft,yPosition=element.offsetTop-element.scrollTop+element.clientTop;return{x:xPosition,y:yPosition}},_positionContextMenu:function _positionContextMenu(menu,target,xoffset,yoffset){var _this10=this;if(null!=target){var pos=this._getPosition(target);if(null!=xoffset){menu.style.left=pos.x+xoffset+"px"}else{menu.style.left=pos.x+"px"}if(null!=yoffset){menu.style.top=pos.y+yoffset+"px"}else{menu.style.top=pos.y+"px"}}menu.classList.add("hax-context-visible");if(this.__activeHover){menu.classList.add("hax-active-hover");menu.style.marginLeft="";this.__typeLock=!1}setTimeout(function(){async.microTask.run(_this10._keepContextVisible())},100)},_hideContextMenu:function _hideContextMenu(menu){menu.classList.remove("hax-context-visible","hax-context-pin-top","hax-context-pin-bottom");menu.style.left="-100px"},_tabKeyPressed:function _tabKeyPressed(){var focus=!1,node=this.activeContainerNode,activeNodeTagName=this.activeContainerNode.tagName;try{var range=window.HaxStore.getRange().cloneRange(),tagTest=range.commonAncestorContainer.tagName;if(babelHelpers.typeof(tagTest)==="undefined"){tagTest=range.commonAncestorContainer.parentNode.tagName}if(["UL","OL","LI"].includes(activeNodeTagName)||["UL","OL","LI"].includes(tagTest)){if(this.polyfillSafe){document.execCommand("indent");this.__tabTrap=!0}}else{while(!focus){if(null==(0,_polymerDom.dom)(node).nextSibling){focus=!0}else if("function"===(0,_polymerDom.dom)(node).nextSibling.focus){(0,_polymerDom.dom)(node).nextSibling.focus();focus=!0}else{node=(0,_polymerDom.dom)(node).nextSibling}}}}catch(e){console.log(e)}},_tabBackKeyPressed:function _tabBackKeyPressed(){var node=this.activeContainerNode,activeNodeTagName=this.activeContainerNode.tagName;try{var range=window.HaxStore.getRange().cloneRange(),tagTest=range.commonAncestorContainer.tagName;if(babelHelpers.typeof(tagTest)==="undefined"){tagTest=range.commonAncestorContainer.parentNode.tagName}if(["UL","OL","LI"].includes(activeNodeTagName)||["UL","OL","LI"].includes(tagTest)){if(this.polyfillSafe){document.execCommand("outdent");this.__tabTrap=!0}}else{if(null!=node){while(null!=node&&!this._haxElementTest(node)){node=(0,_polymerDom.dom)(node).previousSibling}}if(null!=node){setTimeout(function(){node.focus()},50)}}}catch(e){console.log(e)}}});_exports.HaxBody=HaxBody});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../@polymer/polymer/lib/utils/flush.js","../../@polymer/polymer/lib/utils/async.js","./lib/haxutils.js","../../@polymer/paper-item/paper-item.js","../simple-colors/simple-colors.js","../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../grid-plate/grid-plate.js","./lib/hax-text-context.js","./lib/hax-ce-context.js","./lib/hax-plate-context.js","./lib/hax-input-mixer.js","./lib/hax-shared-styles.js"],function(_exports,_polymerLegacy,_polymerDom,_flattenedNodesObserver,_flush,async,_haxutils){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HaxBody=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_0d645830555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      @import url(\"https://fonts.googleapis.com/css?family=Noto+Serif\");\n      :host {\n        display: block;\n        min-height: 32px;\n        min-width: 32px;\n        outline: none;\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.8s opacity ease-in-out, 0.8s visibility ease-in-out;\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(*) {\n        font-family: \"Noto Serif\", serif;\n        color: #444;\n        margin: 2px;\n      }\n      :host #bodycontainer ::slotted(h1) {\n        font-size: 2.5em;\n        line-height: 2.5em;\n      }\n      :host #bodycontainer ::slotted(h2) {\n        font-size: 2em;\n      }\n      :host #bodycontainer ::slotted(h3) {\n        font-size: 1.75em;\n      }\n      :host #bodycontainer ::slotted(h4) {\n        font-size: 1.5em;\n      }\n      :host #bodycontainer ::slotted(h5),\n      :host #bodycontainer ::slotted(h6) {\n        font-size: 1.25em;\n      }\n      :host #bodycontainer ::slotted(p) {\n        line-height: 40px;\n        min-height: 26px;\n        font-size: 24px;\n      }\n      :host #bodycontainer ::slotted(a),\n      :host #bodycontainer ::slotted(a:visited),\n      :host #bodycontainer ::slotted(a:active) {\n        color: #000;\n      }\n      :host #bodycontainer ::slotted(a:hover) {\n        color: #2196f3;\n      }\n      :host #bodycontainer ::slotted(ol),\n      :host #bodycontainer ::slotted(ul),\n      :host #bodycontainer ::slotted(li) {\n        padding-bottom: 1.5em;\n        line-height: 40px;\n        font-size: 24px;\n        max-width: 28em;\n      }\n      :host #bodycontainer ::slotted(ol > li:last-child),\n      :host #bodycontainer ::slotted(ul > li:last-child) {\n        padding-bottom: 1em;\n      }\n      :host #bodycontainer ::slotted(ul),\n      :host #bodycontainer ::slotted(ol) {\n        padding-left: 20px;\n        margin-left: 20px;\n      }\n\n      :host([edit-mode]) #bodycontainer ::slotted(*[data-editable]) {\n        outline: none;\n        outline-offset: 2px;\n        transition: 0.2s width ease-in-out, 0.2s height ease-in-out,\n          0.2s margin ease-in-out;\n        caret-color: var(--hax-color-text);\n      }\n      :host([edit-mode]) #bodycontainer ::slotted(*[data-editable]:hover) {\n        outline: 1px solid rgba(145, 151, 162, 0.25);\n        caret-color: #000000;\n      }\n      :host([edit-mode])\n        #bodycontainer\n        ::slotted(*.hax-active[data-editable]:hover) {\n        cursor: text !important;\n        outline: 1px solid rgba(145, 151, 162, 0.25);\n      }\n      :host([edit-mode])\n        #bodycontainer\n        ::slotted(*[data-editable] .hax-active:hover) {\n        cursor: text !important;\n        outline: 1px solid rgba(145, 151, 162, 0.25);\n      }\n      :host([edit-mode])\n        #bodycontainer\n        ::slotted(code.hax-active[data-editable]) {\n        display: block;\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]) #bodycontainer ::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    </style>\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  "]);_templateObject_0d645830555211e98f439769bd191e33=function(){return data};return data}var HaxBody=(0,_polymerLegacy.Polymer)({is:"hax-body",_template:(0,_polymerLegacy.html)(_templateObject_0d645830555211e98f439769bd191e33()),listeners:{focusin:"_focusIn",mousedown:"_focusIn","hax-context-item-selected":"_haxContextOperation","hax-input-mixer-update":"_haxInputMixerOperation","place-holder-replace":"replacePlaceholder"},properties:{__self:{type:Object,value:void 0},editMode:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_editModeChanged"},globalPreferences:{type:Object,value:{},observer:"_globalPreferencesUpdated"},haxRayMode:{type:Boolean,value:!1,reflectToAttribute:!0},activeNode:{type:Object,value:null,notify:!0,observer:"_activeNodeChanged"},activeContainerNode:{type:Object,value:null,notify:!0,observer:"_activeContainerNodeChanged"}},ready:function ready(){var _this=this;this.polyfillSafe=window.HaxStore.instance.computePolyfillSafe();this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(this,function(info){(0,_flush.flush)();if(0<info.addedNodes.length){info.addedNodes.map(function(node){if(_this._haxElementTest(node)){if(_this._HTMLPrimativeTest(node)){node.contentEditable=_this.editMode}node.setAttribute("data-editable",_this.editMode);var haxRay=node.tagName.replace("-"," ").toLowerCase(),i=window.HaxStore.instance.gizmoList.findIndex(function(j){return j.tag===node.tagName.toLowerCase()});if(-1!==i){haxRay=window.HaxStore.instance.gizmoList[i].title}node.setAttribute("data-hax-ray",haxRay);_this.fire("hax-body-tag-added",{node:node})}})}if(0<info.removedNodes.length){info.removedNodes.map(function(node){if(_this._haxElementTest(node)&&!node.classList.contains("hax-active")){_this.fire("hax-body-tag-removed",{node:node})}})}})},attached:function attached(){try{document.execCommand("enableObjectResizing",!1,!1);document.execCommand("defaultParagraphSeparator",!1,"p")}catch(e){console.log(e)}window.addEventListener("keydown",this._onKeyDown.bind(this));window.addEventListener("keypress",this._onKeyPress.bind(this));this.shadowRoot.querySelector("slot").addEventListener("mousemove",this.hoverEvent.bind(this));this.shadowRoot.querySelector("slot").addEventListener("mouseup",function(){var tmp=window.HaxStore.getSelection();window.HaxStore._tmpSelection=tmp;try{var range=window.HaxStore.getRange();if(range.cloneRange){window.HaxStore._tmpRange=range.cloneRange()}}catch(e){console.log(e)}});this.shadowRoot.querySelector("slot").addEventListener("paste",function(e){if(window.HaxStore.instance.isTextElement(window.HaxStore.instance.activeNode)&&!window.HaxStore.instance.haxManager.opened){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();var text="";if(e.clipboardData||e.originalEvent.clipboardData){text=(e.originalEvent||e).clipboardData.getData("text/plain")}else if(window.clipboardData){text=window.clipboardData.getData("Text")}try{var range=window.HaxStore.getRange(),sel=window.HaxStore.getSelection(),newNode=document.createTextNode(text),newRange=document.createRange();if(range&&sel){range.deleteContents();range.insertNode(newNode);newRange.setStart(newNode,text.length);newRange.collapse(!0);sel.removeAllRanges();sel.addRange(newRange)}}catch(e){console.log(e)}}});this.__tabTrap=!1;this.fire("hax-register-body",this);document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));window.addEventListener("scroll",this._keepContextVisible.bind(this))},detached:function detached(){window.removeEventListener("keydown",this._onKeyDown.bind(this));window.removeEventListener("keypress",this._onKeyPress.bind(this));this.shadowRoot.querySelector("slot").removeEventListener("mousemove",this.hoverEvent.bind(this));this.shadowRoot.querySelector("slot").removeEventListener("mouseup",function(){var tmp=window.HaxStore.getSelection();window.HaxStore._tmpSelection=tmp;try{var range=window.HaxStore.getRange();if(range.cloneRange){window.HaxStore._tmpRange=range.cloneRange()}}catch(e){console.log(e)}});this.shadowRoot.querySelector("slot").removeEventListener("paste",function(e){if(window.HaxStore.instance.isTextElement(window.HaxStore.instance.activeNode)&&!window.HaxStore.instance.haxManager.opened){e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();var text="";if(e.clipboardData||e.originalEvent.clipboardData){text=(e.originalEvent||e).clipboardData.getData("text/plain")}else if(window.clipboardData){text=window.clipboardData.getData("Text")}try{var range=window.HaxStore.getRange(),sel=window.HaxStore.getSelection(),newNode=document.createTextNode(text),newRange=document.createRange();if(range&&sel){range.deleteContents();range.insertNode(newNode);newRange.setStart(newNode,text.length);newRange.collapse(!0);sel.removeAllRanges();sel.addRange(newRange)}}catch(e){console.log(e)}}});document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));window.removeEventListener("scroll",this._keepContextVisible.bind(this))},_keepContextVisible:function _keepContextVisible(){var el=!1;if(this.$.textcontextmenu.classList.contains("hax-context-visible")){el=this.$.textcontextmenu}else if(this.$.cecontextmenu.classList.contains("hax-context-visible")){el=this.$.cecontextmenu}if(el){if(this.elementInViewport(el)){el.classList.remove("hax-context-pin-bottom","hax-context-pin-top")}else{if(this.__OffBottom){el.classList.add("hax-context-pin-top")}else{el.classList.add("hax-context-pin-bottom")}}}},_onKeyDown:function _onKeyDown(e){var _this2=this;if(this.editMode&&this.getAttribute("contenteditable")){setTimeout(function(){var rng=window.HaxStore.getRange();switch(e.key){case"Tab":if(window.HaxStore.instance.isTextElement(_this2.activeContainerNode)){if(e.detail.keyboardEvent){e.detail.keyboardEvent.preventDefault();e.detail.keyboardEvent.stopPropagation();e.detail.keyboardEvent.stopImmediatePropagation()}e.preventDefault();e.stopPropagation();e.stopImmediatePropagation();if(e.shiftKey){_this2._tabBackKeyPressed()}else{_this2._tabKeyPressed()}}break;case"Enter":_this2.setAttribute("contenteditable",!0);setTimeout(function(){if(rng.commonAncestorContainer&&"function"===typeof rng.commonAncestorContainer.focus){rng.commonAncestorContainer.focus();_this2.__focusLogic(rng.commonAncestorContainer)}},900);break;case"ArrowUp":case"ArrowDown":case"ArrowLeft":case"ArrowRight":if(rng.commonAncestorContainer&&_this2.activeNode!==rng.commonAncestorContainer&&"function"===typeof rng.commonAncestorContainer.focus){if("HAX-BODY"!==rng.commonAncestorContainer.tagName){if(window.HaxStore.instance.isTextElement(rng.commonAncestorContainer)){_this2.setAttribute("contenteditable",!0)}else{_this2.removeAttribute("contenteditable")}setTimeout(function(){rng.commonAncestorContainer.focus();_this2.__focusLogic(rng.commonAncestorContainer)},900)}}else if(rng.commonAncestorContainer&&rng.commonAncestorContainer.parentNode&&_this2.activeNode!==rng.commonAncestorContainer.parentNode&&"function"===typeof rng.commonAncestorContainer.parentNode.focus){if("HAX-BODY"!==rng.commonAncestorContainer.parentNode.tagName){if(window.HaxStore.instance.isTextElement(rng.commonAncestorContainer.parentNode)){_this2.setAttribute("contenteditable",!0)}else{_this2.removeAttribute("contenteditable")}setTimeout(function(){rng.commonAncestorContainer.parentNode.focus();_this2.__focusLogic(rng.commonAncestorContainer.parentNode)},900)}}break;}},100);if(this.$.platecontextmenu.classList.contains("hax-active-hover")){this.__dropActiveHover()}}},_onKeyPress:function _onKeyPress(){if(this.editMode&&this.$.platecontextmenu.classList.contains("hax-active-hover")){this.__dropActiveHover()}},hoverEvent:function hoverEvent(e){if(this.editMode){if(e.target&&null!=e.target.getAttribute("data-hax-ray")){this.__activeHover=e.target;this.fire("hax-active-hover-name",e.target.getAttribute("data-hax-ray"))}else if(e.target&&e.target.parentNode&&null!=e.target.parentNode.getAttribute("data-hax-ray")){this.__activeHover=e.target.parentNode;this.fire("hax-active-hover-name",e.target.parentNode.getAttribute("data-hax-ray"))}if(!this.$.platecontextmenu.classList.contains("hax-active-hover")){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;if(e.target===this.$.cecontextmenu||e.target===this.$.textcontextmenu||e.target===this.$.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.__addActiveHover();this.__typeLock=!1}else{this.__dropActiveHover()}}}},__addActiveHover:function __addActiveHover(){this.$.cecontextmenu.classList.add("hax-active-hover");this.$.textcontextmenu.classList.add("hax-active-hover");this.$.platecontextmenu.classList.add("hax-active-hover")},__dropActiveHover:function __dropActiveHover(){this.$.cecontextmenu.classList.remove("hax-active-hover");this.$.textcontextmenu.classList.remove("hax-active-hover");this.$.platecontextmenu.classList.remove("hax-active-hover")},elementInViewport:function elementInViewport(el){var top=el.offsetTop-32-window.HaxStore.instance.haxPanel.$.drawer.offsetHeight,left=el.offsetLeft,width=el.offsetWidth,height=el.offsetHeight;while(el.offsetParent){el=el.offsetParent;top+=el.offsetTop;left+=el.offsetLeft}this.__OffBottom=top<window.pageYOffset+window.innerHeight;return top<window.pageYOffset+window.innerHeight&&left<window.pageXOffset+window.innerWidth&&top+height>window.pageYOffset&&left+width>window.pageXOffset},replacePlaceholder:function replacePlaceholder(e){var _this3=this;if("text"===e.detail){var p=document.createElement("p");p.innerHTML="<br/>";this.haxReplaceNode(this.activeNode,p,(0,_polymerDom.dom)(this.activeNode).parentNode);setTimeout(function(){_this3.activeNode=p;window.HaxStore.write("activeNode",p,_this3);_this3.activeContainerNode.setAttribute("contenteditable",!0);p.focus();_this3.__focusLogic(p)},210)}else{this.replaceElementWorkflow()}},replaceElementWorkflow:function replaceElementWorkflow(){var element=window.HaxStore.nodeToHaxElement(this.activeNode,null),type="*",skipPropMatch=!1;if("place-holder"===element.tag&&babelHelpers.typeof(element.properties.type)!=="undefined"){type=element.properties.type;skipPropMatch=!0}var props={};if(babelHelpers.typeof(window.HaxStore.instance.elementList[element.tag])!=="undefined"&&!1!==window.HaxStore.instance.elementList[element.tag].gizmo&&babelHelpers.typeof(window.HaxStore.instance.elementList[element.tag].gizmo.handles)!=="undefined"&&0<window.HaxStore.instance.elementList[element.tag].gizmo.handles.length){for(var gizmo=window.HaxStore.instance.elementList[element.tag].gizmo,i=0;i<gizmo.handles.length;i++){for(var prop in gizmo.handles[i]){if("type"!==prop&&babelHelpers.typeof(element.properties[gizmo.handles[i][prop]])!=="undefined"){props[prop]=element.properties[gizmo.handles[i][prop]]}}}}var haxElements=window.HaxStore.guessGizmo(type,props,skipPropMatch);if(0<haxElements.length){var tag=this.activeNode.tagName.toLowerCase(),humanName=tag.replace("-"," ");if(babelHelpers.typeof(window.HaxStore.instance.elementList[tag])!=="undefined"&&!1!==window.HaxStore.instance.elementList[tag].gizmo){humanName=window.HaxStore.instance.elementList[tag].gizmo.title}window.HaxStore.instance.haxAppPicker.presentOptions(haxElements,"__convert","Transform ".concat(humanName," to.."),"gizmo")}else{window.HaxStore.toast("Sorry, this can not be transformed!",5e3)}},_globalPreferencesUpdated:function _globalPreferencesUpdated(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&null!=newValue){this.haxRayMode=newValue.haxRayMode}},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){if("object"===babelHelpers.typeof(e.detail.value)){this.set(e.detail.property,null)}this.set(e.detail.property,e.detail.value)}},haxClearBody:function haxClearBody(){var confirm=0<arguments.length&&arguments[0]!==void 0?arguments[0]:!0,status=!0;if(confirm){status=prompt("Are you sure you want to delete all content?")}if(status){(0,_haxutils.wipeSlot)(this)}},haxInsert:function haxInsert(tag,content){var _this4=this,properties=2<arguments.length&&arguments[2]!==void 0?arguments[2]:{},waitForLock=3<arguments.length&&arguments[3]!==void 0?arguments[3]:!0,tags=window.HaxStore.instance.validTagList;this.__activeHover=null;if(tags.includes(tag)){var frag=document.createElement(tag);frag.innerHTML=content;var newNode=frag.cloneNode(!0);for(var property in properties){var attributeName=window.HaxStore.camelToDash(property);if(properties.hasOwnProperty(property)){if(!0===properties[property]){newNode.setAttribute(attributeName,properties[property])}else if(!1===properties[property]){newNode.removeAttribute(attributeName)}else if(null!=properties[property]&&properties[property].constructor===Array){if(!(newNode.properties&&newNode.properties[property].readOnly)){newNode.set(attributeName,properties[property])}}else if(null!=properties[property]&&properties[property].constructor===Object){if(!(newNode.properties&&newNode.properties[property].readOnly)){newNode.set(attributeName,properties[property])}}else{newNode.setAttribute(attributeName,properties[property])}}}if(null!==window.HaxStore.instance.activePlaceHolder&&babelHelpers.typeof(window.HaxStore.instance.activePlaceHolder.style)!=="undefined"){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,(0,_polymerDom.dom)(window.HaxStore.instance.activePlaceHolder).parentNode);window.HaxStore.instance.activePlaceHolder=null}else if(null!==this.activeContainerNode){if("GRID-PLATE"!==newNode.tagName&&"GRID-PLATE"===this.activeContainerNode.tagName&&this.activeContainerNode!==this.activeNode){newNode.setAttribute("slot",this.activeNode.getAttribute("slot"));(0,_polymerDom.dom)(this.activeContainerNode).insertBefore(newNode,this.activeNode)}else{(0,_polymerDom.dom)(this).insertBefore(newNode,this.activeContainerNode.nextElementSibling)}}else{(0,_polymerDom.dom)(this).appendChild(newNode)}this.$.textcontextmenu.highlightOps=!1;this.__updateLockFocus=newNode;if(waitForLock){setTimeout(function(){_this4.breakUpdateLock()},150)}return!0}return!1},breakUpdateLock:function breakUpdateLock(){window.HaxStore.write("activeContainerNode",this.__updateLockFocus,this);window.HaxStore.write("activeNode",this.__updateLockFocus,this);this.__updateLockFocus.focus();if("function"===typeof this.__updateLockFocus.scrollIntoViewIfNeeded){this.__updateLockFocus.scrollIntoViewIfNeeded(!0)}else{this.__updateLockFocus.scrollIntoView({behavior:"smooth",inline:"center"})}},haxToContent:function haxToContent(){this.hideContextMenus();var __active=this.activeNode;this.set("activeNode",null);this.set("activeContainerNode",null);window.HaxStore.write("activeNode",null,this);window.HaxStore.write("activeContainerNode",null,this);var children=(0,_polymerDom.dom)(this.$.body).getDistributedNodes();if(this.globalPreferences.haxDeveloperMode){console.log(children)}for(var content="",i=0,len=children.length;i<len;i++){if(this._haxElementTest(children[i])){children[i].removeAttribute("data-editable");children[i].removeAttribute("data-hax-ray");children[i].contentEditable=!1;content+=window.HaxStore.haxNodeToContent(children[i]);if("grid-plate"===children[i].tagName.toLowerCase()){this._applyContentEditable(this.editMode,children[i])}}else if(8===children[i].nodeType){content+="<!-- "+children[i].textContent+" -->"}else if(1!==children[i].nodeType&&babelHelpers.typeof(children[i].textContent)!=="undefined"&&"undefined"!==children[i].textContent){content+=children[i].textContent}}content=content.replace(/\scontenteditable=\"false\"/g,"");content=content.replace(/\sdata-editable=\"true\"/g,"");content=content.replace(/\sdata-editable=\"false\"/g,"");content=content.replace(/\sdata-editable=\""/g,"");content=content.replace(/\sdata-editable/g,"");content=content.replace(/\scontenteditable/g,"");content=content.replace(/\sdraggable/g,"");content=content.replace(/\sdata-draggable/g,"");content=content.replace(/\sdata-hax-ray=\".*?\"/g,"");if(this.parentNode.tagName){var 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,"");var tags=window.HaxStore.instance.validTagList;tags.push("hax-preview");for(var i in 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,"")}}content=content.replace(/\sclass=\"\"/g,"");content=content.replace(/\sclass=\"\s\"/g,"");this._applyContentEditable(this.editMode);window.HaxStore.write("activeNode",__active,this);window.HaxStore.write("activeContainerNode",__active,this);content=(0,_haxutils.encapScript)(content);if(this.globalPreferences.haxDeveloperMode){console.log(content)}return content},haxDuplicateNode:function haxDuplicateNode(node){var _this5=this,parent=1<arguments.length&&arguments[1]!==void 0?arguments[1]:this;this.hideContextMenus();var nodeClone=(0,_polymerDom.dom)(node).cloneNode(!0);if("webview"===nodeClone.tagName.toLowerCase()&&window.HaxStore.instance._isSandboxed&&babelHelpers.typeof(nodeClone.guestinstance)!=="undefined"){delete nodeClone.guestinstance}if(null!==node){(0,_polymerDom.dom)(parent).insertBefore(nodeClone,(0,_polymerDom.dom)(node).nextSibling)}else{(0,_polymerDom.dom)(parent).appendChild(nodeClone)}setTimeout(function(){if(parent===_this5){window.HaxStore.write("activeContainerNode",nodeClone,_this5)}window.HaxStore.write("activeNode",nodeClone,_this5)},50);return!0},hideContextMenus:function hideContextMenus(){this._hideContextMenu(this.$.textcontextmenu);this._hideContextMenu(this.$.cecontextmenu);this._hideContextMenu(this.$.platecontextmenu);this._hideContextMenu(this.$.haxinputmixer);this.$.textcontextmenu.highlightOps=!1},positionContextMenus:function positionContextMenus(node,container){var tag=node.tagName.toLowerCase();if(window.HaxStore.instance._isSandboxed&&"webview"===tag){tag="iframe"}var props=window.HaxStore.instance.elementList[tag];if(babelHelpers.typeof(props)!=="undefined"&&!window.HaxStore.instance.isTextElement(node)){this.__activeContextType=this.$.cecontextmenu;props.element=node;this.__activeContextType.setHaxProperties(props)}else{this.__activeContextType=this.$.textcontextmenu}this._positionContextMenu(this.__activeContextType,container,-39,-39);this._positionContextMenu(this.$.platecontextmenu,container,-31,0);if(container&&!this._HTMLPrimativeTest(node)&&node!==container){container.contentEditable=!1}else if(container&&this._HTMLPrimativeTest(container)){container.contentEditable=!0}},haxMoveGridPlate:function haxMoveGridPlate(direction,node,container){var _this6=this;switch(direction){case"first":if(null!==container.previousElementSibling){(0,_polymerDom.dom)(this).insertBefore(container,(0,_polymerDom.dom)(this).firstChild)}break;case"up":if(null!==container.previousElementSibling){(0,_polymerDom.dom)(this).insertBefore(container,container.previousElementSibling)}break;case"down":if(null!==container.nextElementSibling){(0,_polymerDom.dom)(this).insertBefore(container.nextElementSibling,container)}break;case"last":if(null!==container.nextElementSibling){(0,_polymerDom.dom)(this).appendChild(container)}break;}setTimeout(function(){_this6.positionContextMenus(node,container);if("function"===typeof container.scrollIntoViewIfNeeded){container.scrollIntoViewIfNeeded(!0)}else{container.scrollIntoView({behavior:"smooth",inline:"center"})}},50);return!0},haxReplaceNode:function haxReplaceNode(node,replacement){var parent=2<arguments.length&&arguments[2]!==void 0?arguments[2]:this;this.hideContextMenus();try{if(null!=node.getAttribute("slot")){replacement.setAttribute("slot",node.getAttribute("slot"))}(0,_polymerDom.dom)(parent).replaceChild(replacement,node)}catch(e){console.log(e)}return replacement},haxChangeTagName:function 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();if("ul"==tagName||"ol"==tagName){if(""==replacement.innerHTML){replacement.innerHTML="<li></li>"}else if(!("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>"}}else if("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/>")}(0,_polymerDom.dom)(this).replaceChild(replacement,node);setTimeout(function(){var children=(0,_polymerDom.dom)(replacement).getEffectiveChildNodes();if(children[0]&&children.tagName){children[0].focus()}else{replacement.focus()}},50);return replacement},haxDeleteNode:function haxDeleteNode(node){var parent=1<arguments.length&&arguments[1]!==void 0?arguments[1]:this;this.hideContextMenus();if(null!=this.activeContainerNode&&null!==this.activeContainerNode.previousElementSibling){this.activeContainerNode.previousElementSibling.focus();if(null!=this.activeContainerNode&&window.HaxStore.instance.isTextElement(this.activeContainerNode)&&""!==(0,_polymerDom.dom)(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.log(e)}}}else if(null!=this.activeContainerNode&&null!==this.activeContainerNode.nextElementSibling){this.activeContainerNode.nextElementSibling.focus()}else{this.set("activeNode",null);this.set("activeContainerNode",null);window.HaxStore.write("activeNode",null,this);window.HaxStore.write("activeContainerNode",null,this)}try{return(0,_polymerDom.dom)(parent).removeChild(node)}catch(e){console.log(e)}},importContent:function importContent(html){var _this7=this,clear=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!0;if(clear){(0,_haxutils.wipeSlot)(this,"*")}setTimeout(function(){html=(0,_haxutils.encapScript)(html);var validTags=window.HaxStore.instance.validTagList,fragment=document.createElement("div");fragment.insertAdjacentHTML("beforeend",html);while(null!==fragment.firstChild){if(babelHelpers.typeof(fragment.firstChild.tagName)!=="undefined"&&validTags.includes(fragment.firstChild.tagName.toLowerCase())){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;if("height"===nodeName||"width"===nodeName){replacement.style[nodeName]==value}replacement.setAttribute(nodeName,value)}(0,_polymerDom.dom)(_this7).appendChild(replacement)}else{(0,_polymerDom.dom)(_this7).appendChild(fragment.firstChild)}}else{fragment.removeChild(fragment.firstChild)}}},50)},_haxContextOperation:function _haxContextOperation(e){var _this8=this,detail=e.detail,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.$.textcontextmenu.selectedValue=detail.eventName;window.HaxStore.write("activeContainerNode",this.haxChangeTagName(this.activeContainerNode,detail.eventName),this);this.positionContextMenus(this.activeNode,this.activeContainerNode);break;case"text-align-left":this.activeNode.style.textAlign=null;this.positionContextMenus(this.activeNode,this.activeContainerNode);break;case"grid-plate-convert":this.replaceElementWorkflow();break;case"grid-plate-duplicate":if(this.activeNode===this.activeContainerNode){this.haxDuplicateNode(this.activeNode)}else{this.haxDuplicateNode(this.activeNode,this.activeContainerNode)}break;case"grid-plate-delete":if(null!=this.activeNode){var tag=this.activeNode.tagName.toLowerCase(),humanName=tag.replace("-"," ");if(babelHelpers.typeof(window.HaxStore.instance.elementList[tag])!=="undefined"&&!1!==window.HaxStore.instance.elementList[tag].gizmo){humanName=window.HaxStore.instance.elementList[tag].gizmo.title}window.HaxStore.instance.haxAppPicker.presentOptions([{icon:"thumb-up",color:"green",title:"Yes"},{icon:"thumb-down",color:"red",title:"No"}],"","Remove this `".concat(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.instance.haxManager.toggleDialog();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.set("activeNode",null);this.set("activeContainerNode",null);window.HaxStore.write("activeNode",null,this);window.HaxStore.write("activeContainerNode",null,this);break;case"hax-edit-property":var haxInputMixer=this.$.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="";if(babelHelpers.typeof(detail.target.propertyToBind)!=="undefined"&&null!=detail.target.propertyToBind&&!1!=detail.target.propertyToBind){haxInputMixer.propertyToBind=detail.target.propertyToBind;if(babelHelpers.typeof(this.activeNode[detail.target.propertyToBind])!=="undefined"){haxInputMixer.value=this.activeNode[detail.target.propertyToBind]}else{haxInputMixer.value=this.activeNode.getAttribute(detail.target.propertyToBind)}}this._positionContextMenu(haxInputMixer,this.activeContainerNode,-1,-38);var style=this.$.cecontextmenu.currentStyle||window.getComputedStyle(this.$.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;setTimeout(function(){_this8.positionContextMenus(_this8.activeNode,_this8.activeContainerNode)},200);break;case"hax-align-center":this.activeNode.style.float=null;this.activeNode.style.margin="0 auto";this.activeNode.style.display="block";setTimeout(function(){_this8.positionContextMenus(_this8.activeNode,_this8.activeContainerNode)},200);break;case"hax-size-change":if(this.activeNode){this.activeNode.style.width=detail.value+"%";setTimeout(function(){_this8.positionContextMenus(_this8.activeNode,_this8.activeContainerNode)},200)}break;case"hax-manager-configure":this._hideContextMenu(this.$.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.instance.haxManager.toggleDialog();setTimeout(function(){window.HaxStore.instance.haxManager.$.preview.$.configurebutton.focus()},100);break;case"hax-manager-configure-container":window.HaxStore.write("activeNode",window.HaxStore.instance.activeContainerNode,this);this._hideContextMenu(this.$.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.instance.haxManager.toggleDialog();setTimeout(function(){window.HaxStore.instance.haxManager.$.preview.$.configurebutton.focus()},100);break;}},_haxInputMixerOperation:function _haxInputMixerOperation(e){var mixer=e.detail.inputMixer;if(null!=mixer.propertyToBind){this.activeNode[mixer.propertyToBind]=mixer.value}else if(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.$.haxinputmixer)},_focusIn:function _focusIn(e){var normalizedEvent=(0,_polymerDom.dom)(e);if(this.__focusLogic(normalizedEvent.localTarget)){e.stopPropagation()}},__focusLogic:function __focusLogic(target){var stopProp=!1;if(this.editMode&&!this.__tabTrap){var tags=window.HaxStore.instance.validTagList,containerNode=target,activeNode=null;if(this._haxElementTest(containerNode)&&null!=containerNode.parentNode){while("HAX-BODY"!=containerNode.parentNode.tagName){if(null===activeNode&&tags.includes(containerNode.tagName.toLowerCase())&&"LI"!==containerNode.tagName&&"B"!==containerNode.tagName&&"I"!==containerNode.tagName&&"STRONG"!==containerNode.tagName&&"EM"!==containerNode.tagName){activeNode=containerNode}containerNode=containerNode.parentNode}if(null===activeNode){activeNode=containerNode}else if(!window.HaxStore.instance.isGridPlateElement(containerNode)){activeNode=containerNode}else if(["UL","OL","LI","P","GRID-PLATE"].includes(containerNode.tagName)&&["UL","OL","LI"].includes(activeNode.tagName)){activeNode=containerNode}if(this.activeContainerNode!==containerNode&&tags.includes(containerNode.tagName.toLowerCase())&&!containerNode.classList.contains("ignore-activation")){this.hideContextMenus();this.activeContainerNode=containerNode;window.HaxStore.write("activeContainerNode",containerNode,this);stopProp=!0}else if(containerNode.classList.contains("ignore-activation")){stopProp=!0}if(this.activeNode!==activeNode&&tags.includes(containerNode.tagName.toLowerCase())&&!activeNode.classList.contains("ignore-activation")){this.activeNode=activeNode;window.HaxStore.write("activeNode",activeNode,this);this.positionContextMenus(activeNode,containerNode);stopProp=!0}}}else{this.__tabTrap=!1}return stopProp},_editModeChanged:function _editModeChanged(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"){this._applyContentEditable(newValue);this.setAttribute("tabindex","-1");if(!1!==newValue&&babelHelpers.typeof(this.activeNode)!=="undefined"&&null!==this.activeNode){this.positionContextMenus(this.activeNode,this.activeContainerNode)}}if(!1===newValue){this.removeAttribute("contenteditable");this.hideContextMenus()}},_haxResolvePreviousElement:function _haxResolvePreviousElement(node){node=(0,_polymerDom.dom)(node).previousElementSibling;while(null!=node&&babelHelpers.typeof(node.tagName)!=="undefined"&&"HAX-"===node.tagName.substring(0,4)){node=(0,_polymerDom.dom)(node).previousElementSibling}return node},_haxElementTest:function _haxElementTest(node){if(babelHelpers.typeof(node.tagName)!=="undefined"&&"HAX-"!==node.tagName.substring(0,4)){return!0}return!1},_HTMLPrimativeTest:function _HTMLPrimativeTest(node){if(null!=node&&babelHelpers.typeof(node.tagName)!=="undefined"&&-1==node.tagName.indexOf("-")){return!0}return!1},_applyContentEditable:function _applyContentEditable(status){var target=1<arguments.length&&arguments[1]!==void 0?arguments[1]:this.$.body,children=(0,_polymerDom.dom)(target).getDistributedNodes();if(0===children.length){children=(0,_polymerDom.dom)(target).getEffectiveChildNodes()}for(var i=0,len=children.length;i<len;i++){if(this._HTMLPrimativeTest(children[i])){children[i].contentEditable=status}if(this._haxElementTest(children[i])){if(status){children[i].setAttribute("data-editable",status);var haxRay=children[i].tagName.replace("-"," ").toLowerCase(),l=window.HaxStore.instance.gizmoList.findIndex(function(j){return j.tag===children[i].tagName.toLowerCase()});if(-1!==l){haxRay=window.HaxStore.instance.gizmoList[l].title}children[i].setAttribute("data-hax-ray",haxRay)}else{children[i].removeAttribute("data-editable");children[i].removeAttribute("data-hax-ray")}}}},_activeContainerNodeChanged:function _activeContainerNodeChanged(newValue){if(this.editMode&&babelHelpers.typeof(newValue)!=="undefined"&&null!=newValue&&null!=newValue.tagName){if(window.HaxStore.instance.isTextElement(newValue)||window.HaxStore.instance.isGridPlateElement(newValue)){this.setAttribute("contenteditable",!0)}else{this.removeAttribute("contenteditable")}var tag=newValue.tagName.toLowerCase();if("grid-plate"===tag){newValue.editMode=this.editMode;this._applyContentEditable(this.editMode,newValue)}}},_activeNodeChanged:function _activeNodeChanged(newValue,oldValue){var _this9=this;if(babelHelpers.typeof(oldValue)!=="undefined"&&null!=oldValue){oldValue.classList.remove("hax-active")}if(this.editMode&&babelHelpers.typeof(newValue)!=="undefined"&&null!==newValue){var tag=newValue.tagName.toLowerCase();newValue.classList.add("hax-active");if(window.HaxStore.instance.isTextElement(newValue)||window.HaxStore.instance.isGridPlateElement(newValue)){this.setAttribute("contenteditable",!0)}else{this.removeAttribute("contenteditable")}this.$.textcontextmenu.selectedValue=tag;setTimeout(function(){_this9.positionContextMenus(newValue,window.HaxStore.instance.activeContainerNode)},100);if("left"==newValue.style.textAlign){this.$.textcontextmenu.justifyIcon="editor:format-align-left";this.$.textcontextmenu.justifyValue="text-align-left"}else if("left"==newValue.style.float){this.$.cecontextmenu.justifyIcon="editor:format-align-left";this.$.cecontextmenu.justifyValue="hax-align-left"}else if("0 auto"==newValue.style.margin){this.$.cecontextmenu.justifyIcon="editor:format-align-center";this.$.cecontextmenu.justifyValue="hax-align-center"}}else if(null===newValue){this.hideContextMenus();this.$.textcontextmenu.justifyIcon="editor:format-align-left";this.$.textcontextmenu.justifyValue="text-align-left"}},_getPosition:function _getPosition(element){var xPosition=element.offsetLeft-element.scrollLeft+element.clientLeft,yPosition=element.offsetTop-element.scrollTop+element.clientTop;return{x:xPosition,y:yPosition}},_positionContextMenu:function _positionContextMenu(menu,target,xoffset,yoffset){var _this10=this;if(null!=target){var pos=this._getPosition(target);if(null!=xoffset){menu.style.left=pos.x+xoffset+"px"}else{menu.style.left=pos.x+"px"}if(null!=yoffset){menu.style.top=pos.y+yoffset+"px"}else{menu.style.top=pos.y+"px"}}menu.classList.add("hax-context-visible");if(this.__activeHover){menu.classList.add("hax-active-hover");menu.style.marginLeft="";this.__typeLock=!1}setTimeout(function(){async.microTask.run(_this10._keepContextVisible())},100)},_hideContextMenu:function _hideContextMenu(menu){menu.classList.remove("hax-context-visible","hax-context-pin-top","hax-context-pin-bottom");menu.style.left="-100px"},_tabKeyPressed:function _tabKeyPressed(){var focus=!1,node=this.activeContainerNode,activeNodeTagName=this.activeContainerNode.tagName;try{var range=window.HaxStore.getRange().cloneRange(),tagTest=range.commonAncestorContainer.tagName;if(babelHelpers.typeof(tagTest)==="undefined"){tagTest=range.commonAncestorContainer.parentNode.tagName}if(["UL","OL","LI"].includes(activeNodeTagName)||["UL","OL","LI"].includes(tagTest)){if(this.polyfillSafe){document.execCommand("indent");this.__tabTrap=!0}}else{while(!focus){if(null==(0,_polymerDom.dom)(node).nextSibling){focus=!0}else if("function"===(0,_polymerDom.dom)(node).nextSibling.focus){(0,_polymerDom.dom)(node).nextSibling.focus();focus=!0}else{node=(0,_polymerDom.dom)(node).nextSibling}}}}catch(e){console.log(e)}},_tabBackKeyPressed:function _tabBackKeyPressed(){var node=this.activeContainerNode,activeNodeTagName=this.activeContainerNode.tagName;try{var range=window.HaxStore.getRange().cloneRange(),tagTest=range.commonAncestorContainer.tagName;if(babelHelpers.typeof(tagTest)==="undefined"){tagTest=range.commonAncestorContainer.parentNode.tagName}if(["UL","OL","LI"].includes(activeNodeTagName)||["UL","OL","LI"].includes(tagTest)){if(this.polyfillSafe){document.execCommand("outdent");this.__tabTrap=!0}}else{if(null!=node){while(null!=node&&!this._haxElementTest(node)){node=(0,_polymerDom.dom)(node).previousSibling}}if(null!=node){setTimeout(function(){node.focus()},50)}}}catch(e){console.log(e)}}});_exports.HaxBody=HaxBody});
\ No newline at end of file
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 18854aa41c9..c1dbcfec56d 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-image/iron-image.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_993372f054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      :host([elevation=\"1\"]) {\n        -webkit-transform: scale(1, 1);\n        transform: scale(1, 1);\n      }\n      :host([elevation=\"2\"]) {\n        -webkit-transform: scale(1.4, 1.4);\n        transform: scale(1.4, 1.4);\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: 50px;\n        height: 50px;\n        padding: 5px;\n        margin: 10px;\n        color: #ffffff;\n        border-radius: 50%;\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        -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      paper-button iron-icon {\n        height: 32px;\n        width: 32px;\n        color: var(--simple-colors-default-theme-grey-12);\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    </style>\n    <paper-button\n      id=\"button\"\n      data-voicecommand$=\"select [[title]]\"\n      title=\"[[title]]\"\n      class$=\"simple-colors-default-theme-[[color]]-4\"\n    >\n      <div class=\"button-inner\">\n        <iron-icon icon=\"[[icon]]\" hidden$=\"[[!icon]]\"></iron-icon>\n        <iron-image\n          src=\"[[image]]\"\n          preload=\"\"\n          sizing=\"cover\"\n          hidden$=\"[[!image]]\"\n        ></iron-image>\n      </div>\n    </paper-button>\n    <div class=\"item-title\" aria-hidden=\"true\">[[title]]</div>\n  "],["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      :host([elevation=\"1\"]) {\n        -webkit-transform: scale(1, 1);\n        transform: scale(1, 1);\n      }\n      :host([elevation=\"2\"]) {\n        -webkit-transform: scale(1.4, 1.4);\n        transform: scale(1.4, 1.4);\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: 50px;\n        height: 50px;\n        padding: 5px;\n        margin: 10px;\n        color: #ffffff;\n        border-radius: 50%;\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        -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      paper-button iron-icon {\n        height: 32px;\n        width: 32px;\n        color: var(--simple-colors-default-theme-grey-12);\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    </style>\n    <paper-button\n      id=\"button\"\n      data-voicecommand\\$=\"select [[title]]\"\n      title=\"[[title]]\"\n      class$=\"simple-colors-default-theme-[[color]]-4\"\n    >\n      <div class=\"button-inner\">\n        <iron-icon icon=\"[[icon]]\" hidden\\$=\"[[!icon]]\"></iron-icon>\n        <iron-image\n          src=\"[[image]]\"\n          preload=\"\"\n          sizing=\"cover\"\n          hidden\\$=\"[[!image]]\"\n        ></iron-image>\n      </div>\n    </paper-button>\n    <div class=\"item-title\" aria-hidden=\"true\">[[title]]</div>\n  "]);_templateObject_993372f054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_993372f054f411e9aeb367f92c5b63ab()),is:"hax-app-browser-item",listeners:{tap:"_fireEvent",mousedown:"tapEventOn",mouseover:"tapEventOn",mouseout:"tapEventOff",focusin:"tapEventOn",focusout:"tapEventOff"},properties:{title:{type:String},index:{type:Number},icon:{type:String},image:{type:String,value:!1},color:{type:String},author:{type:String},description:{type:String},examples:{type:Array},status:{type:Array},elevation:{type:Number,value:1,reflectToAttribute:!0}},tapEventOn:function tapEventOn(){this.elevation=2},tapEventOff:function tapEventOff(){this.elevation=1},_fireEvent:function _fireEvent(){this.fire("hax-app-selected",this.index)}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-image/iron-image.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_2e754f70555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      :host([elevation=\"1\"]) {\n        -webkit-transform: scale(1, 1);\n        transform: scale(1, 1);\n      }\n      :host([elevation=\"2\"]) {\n        -webkit-transform: scale(1.4, 1.4);\n        transform: scale(1.4, 1.4);\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: 50px;\n        height: 50px;\n        padding: 5px;\n        margin: 10px;\n        color: #ffffff;\n        border-radius: 50%;\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        -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      paper-button iron-icon {\n        height: 32px;\n        width: 32px;\n        color: var(--simple-colors-default-theme-grey-12);\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    </style>\n    <paper-button\n      id=\"button\"\n      data-voicecommand$=\"select [[title]]\"\n      title=\"[[title]]\"\n      class$=\"simple-colors-default-theme-[[color]]-4\"\n    >\n      <div class=\"button-inner\">\n        <iron-icon icon=\"[[icon]]\" hidden$=\"[[!icon]]\"></iron-icon>\n        <iron-image\n          src=\"[[image]]\"\n          preload=\"\"\n          sizing=\"cover\"\n          hidden$=\"[[!image]]\"\n        ></iron-image>\n      </div>\n    </paper-button>\n    <div class=\"item-title\" aria-hidden=\"true\">[[title]]</div>\n  "],["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      :host([elevation=\"1\"]) {\n        -webkit-transform: scale(1, 1);\n        transform: scale(1, 1);\n      }\n      :host([elevation=\"2\"]) {\n        -webkit-transform: scale(1.4, 1.4);\n        transform: scale(1.4, 1.4);\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: 50px;\n        height: 50px;\n        padding: 5px;\n        margin: 10px;\n        color: #ffffff;\n        border-radius: 50%;\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        -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      paper-button iron-icon {\n        height: 32px;\n        width: 32px;\n        color: var(--simple-colors-default-theme-grey-12);\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    </style>\n    <paper-button\n      id=\"button\"\n      data-voicecommand\\$=\"select [[title]]\"\n      title=\"[[title]]\"\n      class$=\"simple-colors-default-theme-[[color]]-4\"\n    >\n      <div class=\"button-inner\">\n        <iron-icon icon=\"[[icon]]\" hidden\\$=\"[[!icon]]\"></iron-icon>\n        <iron-image\n          src=\"[[image]]\"\n          preload=\"\"\n          sizing=\"cover\"\n          hidden\\$=\"[[!image]]\"\n        ></iron-image>\n      </div>\n    </paper-button>\n    <div class=\"item-title\" aria-hidden=\"true\">[[title]]</div>\n  "]);_templateObject_2e754f70555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2e754f70555211e98f439769bd191e33()),is:"hax-app-browser-item",listeners:{tap:"_fireEvent",mousedown:"tapEventOn",mouseover:"tapEventOn",mouseout:"tapEventOff",focusin:"tapEventOn",focusout:"tapEventOff"},properties:{title:{type:String},index:{type:Number},icon:{type:String},image:{type:String,value:!1},color:{type:String},author:{type:String},description:{type:String},examples:{type:Array},status:{type:Array},elevation:{type:Number,value:1,reflectToAttribute:!0}},tapEventOn:function tapEventOn(){this.elevation=2},tapEventOff:function tapEventOff(){this.elevation=1},_fireEvent:function _fireEvent(){this.fire("hax-app-selected",this.index)}})});
\ No newline at end of file
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 9f04fcc7a95..581fda89bba 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/iron-list/iron-list.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/iron-pages/iron-pages.js","../../grafitto-filter/grafitto-filter.js","../../dropdown-select/dropdown-select.js","../../simple-colors/simple-colors.js","./hax-app-browser-item.js","./hax-app-search.js","./hax-shared-styles.js"],function(_polymerLegacy,async){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_993b894054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      :host *[hidden] {\n        display: none;\n      }\n      #ironlist {\n        min-height: 132px;\n        margin: 0;\n        padding: 10px;\n      }\n      hax-app-browser-item {\n        margin: 10px;\n        -webkit-transition: 0.3s all linear;\n        transition: 0.3s all linear;\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-text);\n      }\n      grafitto-filter {\n        color: var(--hax-color-text);\n      }\n      .toolbar-inner {\n        display: inline-flex;\n        padding: 0 16px;\n      }\n    </style>\n    <h3 class=\"title\">[[title]]</h3>\n    <div class=\"toolbar-inner\">\n      <dropdown-select id=\"filtertype\" label=\"Filter by\" value=\"details.title\">\n        <paper-item value=\"details.title\">Title</paper-item>\n      </dropdown-select>\n      <paper-input\n        label=\"Filter\"\n        id=\"inputfilter\"\n        aria-controls=\"filter\"\n        value=\"\"\n        always-float-label=\"\"\n      ></paper-input>\n    </div>\n    <grafitto-filter\n      id=\"filter\"\n      items=\"[[__appList]]\"\n      like=\"\"\n      where=\"details.title\"\n      as=\"filtered\"\n    >\n      <template>\n        <iron-list id=\"ironlist\" items=\"[[filtered]]\" as=\"app\" grid=\"\">\n          <template>\n            <div class=\"app-container\">\n              <hax-app-browser-item\n                index=\"[[app.index]]\"\n                title=\"[[app.details.title]]\"\n                icon=\"[[app.details.icon]]\"\n                image=\"[[app.details.tag]]\"\n                color=\"[[app.details.color]]\"\n                meta=\"[[app.details.meta]]\"\n                groups=\"[[app.details.groups]]\"\n                handles=\"[[app.details.handles]]\"\n                description=\"[[app.details.description]]\"\n                rating=\"[[app.details.rating]]\"\n                tags=\"[[app.details.tags]]\"\n              ></hax-app-browser-item>\n            </div>\n          </template>\n        </iron-list>\n      </template>\n    </grafitto-filter>\n    <hax-app-search id=\"haxappsearch\" hidden$=\"[[!searching]]\"></hax-app-search>\n    <slot></slot>\n  "]);_templateObject_993b894054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_993b894054f411e9aeb367f92c5b63ab()),is:"hax-app-browser",properties:{search:{type:String},title:{type:String,value:"Find"},searching:{type:Boolean,reflectToAttribute:!0,value:!1},activeApp:{type:Object,value:null,observer:"_activeAppChanged"},hasActive:{reflectToAttribute:!0,value:!1,type:Boolean}},attached:function attached(){var _this=this;this.resetBrowser();this.$.inputfilter.addEventListener("value-changed",function(e){_this.$.filter.like=e.target.value});this.$.filtertype.addEventListener("change",function(e){_this.$.inputfilter.value="";_this.$.filter.where=e.detail.value;_this.$.filter.like=""});document.body.addEventListener("hax-app-selected",this._appSelected.bind(this));document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},detached:function detached(){document.body.removeEventListener("hax-app-selected",this._appSelected.bind(this));document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},_appSelected:function _appSelected(e){if(babelHelpers.typeof(e.detail)!=="undefined"){this.set("__activeApp",e.detail);this.searching=!0;window.HaxStore.write("activeApp",this.__appList[e.detail],this)}},_activeAppChanged:function _activeAppChanged(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"&&null!=newValue){window.HaxStore.instance.haxManager.searching=!0;this.hasActive=!0}else{this.hasActive=!1}},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){this.set(e.detail.property,e.detail.value)}},resetBrowser:function resetBrowser(){var _this2=this;async.microTask.run(function(){_this2.searching=!1;_this2.set("__appList",window.HaxStore.instance.appList);if(_this2.$.filter.shadowRoot.querySelector("#ironlist")){_this2.$.filter.shadowRoot.querySelector("#ironlist").filtered=_this2.__appList}_this2.$.inputfilter.value="";_this2.$.filtertype.value="details.title";_this2.$.filter.value="";_this2.$.filter.filter();_this2.$.filter.where="details.title";_this2.$.filter.like="";setTimeout(function(){if(_this2.$.filter.shadowRoot.querySelector("#ironlist")){_this2.$.filter.shadowRoot.querySelector("#ironlist").fire("iron-resize");window.dispatchEvent(new Event("resize"))}},100)})}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/iron-list/iron-list.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/iron-pages/iron-pages.js","../../grafitto-filter/grafitto-filter.js","../../dropdown-select/dropdown-select.js","../../simple-colors/simple-colors.js","./hax-app-browser-item.js","./hax-app-search.js","./hax-shared-styles.js"],function(_polymerLegacy,async){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_2e80c120555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      :host *[hidden] {\n        display: none;\n      }\n      #ironlist {\n        min-height: 132px;\n        margin: 0;\n        padding: 10px;\n      }\n      hax-app-browser-item {\n        margin: 10px;\n        -webkit-transition: 0.3s all linear;\n        transition: 0.3s all linear;\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-text);\n      }\n      grafitto-filter {\n        color: var(--hax-color-text);\n      }\n      .toolbar-inner {\n        display: inline-flex;\n        padding: 0 16px;\n      }\n    </style>\n    <h3 class=\"title\">[[title]]</h3>\n    <div class=\"toolbar-inner\">\n      <dropdown-select id=\"filtertype\" label=\"Filter by\" value=\"details.title\">\n        <paper-item value=\"details.title\">Title</paper-item>\n      </dropdown-select>\n      <paper-input\n        label=\"Filter\"\n        id=\"inputfilter\"\n        aria-controls=\"filter\"\n        value=\"\"\n        always-float-label=\"\"\n      ></paper-input>\n    </div>\n    <grafitto-filter\n      id=\"filter\"\n      items=\"[[__appList]]\"\n      like=\"\"\n      where=\"details.title\"\n      as=\"filtered\"\n    >\n      <template>\n        <iron-list id=\"ironlist\" items=\"[[filtered]]\" as=\"app\" grid=\"\">\n          <template>\n            <div class=\"app-container\">\n              <hax-app-browser-item\n                index=\"[[app.index]]\"\n                title=\"[[app.details.title]]\"\n                icon=\"[[app.details.icon]]\"\n                image=\"[[app.details.tag]]\"\n                color=\"[[app.details.color]]\"\n                meta=\"[[app.details.meta]]\"\n                groups=\"[[app.details.groups]]\"\n                handles=\"[[app.details.handles]]\"\n                description=\"[[app.details.description]]\"\n                rating=\"[[app.details.rating]]\"\n                tags=\"[[app.details.tags]]\"\n              ></hax-app-browser-item>\n            </div>\n          </template>\n        </iron-list>\n      </template>\n    </grafitto-filter>\n    <hax-app-search id=\"haxappsearch\" hidden$=\"[[!searching]]\"></hax-app-search>\n    <slot></slot>\n  "]);_templateObject_2e80c120555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2e80c120555211e98f439769bd191e33()),is:"hax-app-browser",properties:{search:{type:String},title:{type:String,value:"Find"},searching:{type:Boolean,reflectToAttribute:!0,value:!1},activeApp:{type:Object,value:null,observer:"_activeAppChanged"},hasActive:{reflectToAttribute:!0,value:!1,type:Boolean}},attached:function attached(){var _this=this;this.resetBrowser();this.$.inputfilter.addEventListener("value-changed",function(e){_this.$.filter.like=e.target.value});this.$.filtertype.addEventListener("change",function(e){_this.$.inputfilter.value="";_this.$.filter.where=e.detail.value;_this.$.filter.like=""});document.body.addEventListener("hax-app-selected",this._appSelected.bind(this));document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},detached:function detached(){document.body.removeEventListener("hax-app-selected",this._appSelected.bind(this));document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},_appSelected:function _appSelected(e){if(babelHelpers.typeof(e.detail)!=="undefined"){this.set("__activeApp",e.detail);this.searching=!0;window.HaxStore.write("activeApp",this.__appList[e.detail],this)}},_activeAppChanged:function _activeAppChanged(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"&&null!=newValue){window.HaxStore.instance.haxManager.searching=!0;this.hasActive=!0}else{this.hasActive=!1}},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){this.set(e.detail.property,e.detail.value)}},resetBrowser:function resetBrowser(){var _this2=this;async.microTask.run(function(){_this2.searching=!1;_this2.set("__appList",window.HaxStore.instance.appList);if(_this2.$.filter.shadowRoot.querySelector("#ironlist")){_this2.$.filter.shadowRoot.querySelector("#ironlist").filtered=_this2.__appList}_this2.$.inputfilter.value="";_this2.$.filtertype.value="details.title";_this2.$.filter.value="";_this2.$.filter.filter();_this2.$.filter.where="details.title";_this2.$.filter.like="";setTimeout(function(){if(_this2.$.filter.shadowRoot.querySelector("#ironlist")){_this2.$.filter.shadowRoot.querySelector("#ironlist").fire("iron-resize");window.dispatchEvent(new Event("resize"))}},100)})}})});
\ No newline at end of file
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 53c283b1a10..a46feb9be21 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-dialog/paper-dialog.js","../../../@polymer/paper-button/paper-button.js","../../simple-colors/simple-colors.js","../../materializecss-styles/lib/colors.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_99563d3054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles simple-colors hax-shared-styles\">\n        :host {\n          display: inline-block;\n          color: var(--hax-color-text);\n        }\n        :host([elevation=\"1\"]) {\n          -webkit-transform: scale(1, 1);\n          transform: scale(1, 1);\n        }\n        :host([elevation=\"2\"]) {\n          -webkit-transform: scale(1.4, 1.4);\n          transform: scale(1.4, 1.4);\n        }\n        :host > div {\n          @apply --paper-font-caption;\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          @apply --hax-app-picker-hax-element-text;\n        }\n        .icon {\n          cursor: pointer;\n          display: flex;\n          width: 50px;\n          height: 50px;\n          padding: 5px;\n          margin: 10px;\n          color: #FFFFFF;\n          border-radius: 50%;\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          -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          @apply --hax-app-picker-hax-element--icon;\n        }\n        .icon:hover,\n        .icon: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        .icon: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 {\n          min-width: unset;\n        }\n        iron-icon {\n          display: inline-flex;\n          padding: 0;\n          margin: 0;\n          width: 36px;\n          height: 36px;\n        }\n      </style>\n    </custom-style>\n    <paper-button id=\"button\" class$=\"icon [[color]]\" title=\"[[label]]\">\n      <iron-icon icon=\"[[icon]]\"></iron-icon>\n    </paper-button>\n    <div aria-hidden=\"true\">[[label]]</div>\n  "]);_templateObject_99563d3054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_99563d3054f411e9aeb367f92c5b63ab()),is:"hax-app-picker-item",listeners:{mousedown:"tapEventOn",mouseover:"tapEventOn",mouseout:"tapEventOff",focusin:"tapEventOn",focusout:"tapEventOff"},properties:{color:{type:String},icon:{type:String},label:{type:String},elevation:{type:Number,value:1,reflectToAttribute:!0}},tapEventOn:function tapEventOn(){this.elevation=2},tapEventOff:function tapEventOff(){this.elevation=1}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-dialog/paper-dialog.js","../../../@polymer/paper-button/paper-button.js","../../simple-colors/simple-colors.js","../../materializecss-styles/lib/colors.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_2e9c3860555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"materializecss-styles simple-colors hax-shared-styles\">\n        :host {\n          display: inline-block;\n          color: var(--hax-color-text);\n        }\n        :host([elevation=\"1\"]) {\n          -webkit-transform: scale(1, 1);\n          transform: scale(1, 1);\n        }\n        :host([elevation=\"2\"]) {\n          -webkit-transform: scale(1.4, 1.4);\n          transform: scale(1.4, 1.4);\n        }\n        :host > div {\n          @apply --paper-font-caption;\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          @apply --hax-app-picker-hax-element-text;\n        }\n        .icon {\n          cursor: pointer;\n          display: flex;\n          width: 50px;\n          height: 50px;\n          padding: 5px;\n          margin: 10px;\n          color: #FFFFFF;\n          border-radius: 50%;\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          -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          @apply --hax-app-picker-hax-element--icon;\n        }\n        .icon:hover,\n        .icon: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        .icon: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 {\n          min-width: unset;\n        }\n        iron-icon {\n          display: inline-flex;\n          padding: 0;\n          margin: 0;\n          width: 36px;\n          height: 36px;\n        }\n      </style>\n    </custom-style>\n    <paper-button id=\"button\" class$=\"icon [[color]]\" title=\"[[label]]\">\n      <iron-icon icon=\"[[icon]]\"></iron-icon>\n    </paper-button>\n    <div aria-hidden=\"true\">[[label]]</div>\n  "]);_templateObject_2e9c3860555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2e9c3860555211e98f439769bd191e33()),is:"hax-app-picker-item",listeners:{mousedown:"tapEventOn",mouseover:"tapEventOn",mouseout:"tapEventOff",focusin:"tapEventOn",focusout:"tapEventOff"},properties:{color:{type:String},icon:{type:String},label:{type:String},elevation:{type:Number,value:1,reflectToAttribute:!0}},tapEventOn:function tapEventOn(){this.elevation=2},tapEventOff:function tapEventOff(){this.elevation=1}})});
\ No newline at end of file
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 85e572eeee4..265a3de104e 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/iron-list/iron-list.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-dialog/paper-dialog.js","../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../../@polymer/paper-ripple/paper-ripple.js","../../../@polymer/paper-toast/paper-toast.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../@polymer/neon-animation/neon-animation.js","../../../@polymer/neon-animation/animations/scale-up-animation.js","../../../@polymer/neon-animation/animations/scale-down-animation.js","../../simple-colors/simple-colors.js","./hax-app-picker-item.js","./hax-shared-styles.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_9a1bd72054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\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        color: var(--hax-color-text);\n        background-color: transparent;\n        width: 40px;\n        height: 40px;\n        min-width: unset;\n      }\n      #ironlist {\n        width: 100%;\n        min-height: 280px;\n      }\n      #dialog {\n        min-width: 350px;\n        min-height: 350px;\n        height: 50vh;\n        width: 50vw;\n        padding: 8px;\n        overflow: hidden;\n        border-radius: 16px;\n        z-index: 1000000;\n        border: 2px solid var(--hax-color-border-outline);\n        @apply --hax-app-picker-dialog;\n        background-color: #ffffff;\n      }\n      #title,\n      .element-button > div {\n        color: var(--hax-color-text);\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);\n        color: var(--hax-color-text);\n        @apply --paper-font-title;\n        @apply --hax-app-picker-dialog-title;\n      }\n      #buttonlist {\n        display: block;\n        text-align: left;\n        margin: -32px;\n        padding: 32px;\n        overflow-x: hidden;\n        overflow-y: auto;\n        --paper-dialog-scrollable: {\n          padding: 0 0 78px 0;\n        }\n      }\n      .element-button {\n        display: inline-block;\n        width: 70px;\n        margin: 8px 4px;\n        text-align: center;\n      }\n      @media screen and (max-width: 550px) {\n        #buttonlist,\n        #ironlist,\n        #dialog {\n          max-width: 80%;\n          overflow: auto;\n        }\n      }\n    </style>\n    <paper-dialog id=\"dialog\" with-backdrop always-on-top>\n      <h3 id=\"title\">[[title]]</h3>\n      <paper-dialog-scrollable id=\"buttonlist\">\n        <iron-list id=\"ironlist\" items=\"[[selectionList]]\" as=\"element\" grid>\n          <template>\n            <div>\n              <hax-app-picker-item\n                id$=\"picker-item-[[index]]\"\n                class=\"element-button\"\n                on-tap=\"_selected\"\n                data-selected$=\"[[index]]\"\n                label=\"[[element.title]]\"\n                icon=\"[[element.icon]]\"\n                color=\"[[element.color]]\"\n              ></hax-app-picker-item>\n            </div>\n          </template>\n        </iron-list>\n      </paper-dialog-scrollable>\n      <paper-button id=\"closedialog\" on-tap=\"close\">\n        <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n      </paper-button>\n    </paper-dialog>\n  "],["\n    <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\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        color: var(--hax-color-text);\n        background-color: transparent;\n        width: 40px;\n        height: 40px;\n        min-width: unset;\n      }\n      #ironlist {\n        width: 100%;\n        min-height: 280px;\n      }\n      #dialog {\n        min-width: 350px;\n        min-height: 350px;\n        height: 50vh;\n        width: 50vw;\n        padding: 8px;\n        overflow: hidden;\n        border-radius: 16px;\n        z-index: 1000000;\n        border: 2px solid var(--hax-color-border-outline);\n        @apply --hax-app-picker-dialog;\n        background-color: #ffffff;\n      }\n      #title,\n      .element-button > div {\n        color: var(--hax-color-text);\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);\n        color: var(--hax-color-text);\n        @apply --paper-font-title;\n        @apply --hax-app-picker-dialog-title;\n      }\n      #buttonlist {\n        display: block;\n        text-align: left;\n        margin: -32px;\n        padding: 32px;\n        overflow-x: hidden;\n        overflow-y: auto;\n        --paper-dialog-scrollable: {\n          padding: 0 0 78px 0;\n        }\n      }\n      .element-button {\n        display: inline-block;\n        width: 70px;\n        margin: 8px 4px;\n        text-align: center;\n      }\n      @media screen and (max-width: 550px) {\n        #buttonlist,\n        #ironlist,\n        #dialog {\n          max-width: 80%;\n          overflow: auto;\n        }\n      }\n    </style>\n    <paper-dialog id=\"dialog\" with-backdrop always-on-top>\n      <h3 id=\"title\">[[title]]</h3>\n      <paper-dialog-scrollable id=\"buttonlist\">\n        <iron-list id=\"ironlist\" items=\"[[selectionList]]\" as=\"element\" grid>\n          <template>\n            <div>\n              <hax-app-picker-item\n                id$=\"picker-item-[[index]]\"\n                class=\"element-button\"\n                on-tap=\"_selected\"\n                data-selected\\$=\"[[index]]\"\n                label=\"[[element.title]]\"\n                icon=\"[[element.icon]]\"\n                color=\"[[element.color]]\"\n              ></hax-app-picker-item>\n            </div>\n          </template>\n        </iron-list>\n      </paper-dialog-scrollable>\n      <paper-button id=\"closedialog\" on-tap=\"close\">\n        <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n      </paper-button>\n    </paper-dialog>\n  "]);_templateObject_9a1bd72054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9a1bd72054f411e9aeb367f92c5b63ab()),is:"hax-app-picker",listeners:{"iron-overlay-canceled":"close","iron-overlay-closed":"close"},properties:{_elements:{type:Array,value:[]},selectionList:{type:Array,value:[]},title:{type:String,value:"Pick an options"},pickerType:{type:String,value:"gizmo"},opened:{type:Boolean,value:!1,observer:"_openedChanged"}},attached:function attached(){this.fire("hax-register-app-picker",this)},close:function close(){this.opened=!1},_openedChanged:function _openedChanged(newValue){var _this=this;if(babelHelpers.typeof(newValue)!=="undefined"){if(newValue){this.$.dialog.open();setTimeout(function(){_this.$.ironlist.fire("iron-resize");window.dispatchEvent(new Event("resize"))},100);document.body.style.overflow="hidden"}else{this.$.dialog.close();document.body.style.overflow=null}}},presentOptions:function presentOptions(elements,type){var _this2=this,title=2<arguments.length&&arguments[2]!==void 0?arguments[2]:"Select an option",pickerType=3<arguments.length&&arguments[3]!==void 0?arguments[3]:"gizmo";this.title=title;this.pickerType=pickerType;var tmp=[];switch(pickerType){case"gizmo":for(var i in elements){elements[i].__type=type;tmp[i]={icon:elements[i].gizmo.icon,title:elements[i].gizmo.title,color:elements[i].gizmo.color}}break;case"app":for(var i in elements){tmp[i]={icon:elements[i].details.icon,title:elements[i].details.title,color:elements[i].details.color}}break;default:tmp=elements;break;}this._elements=elements;this.set("selectionList",[]);this.set("selectionList",tmp);this.opened=!0;setTimeout(function(){_this2.shadowRoot.querySelector("#picker-item-0").focus()},100)},_selected:function _selected(e){var normalizedEvent=(0,_polymerDom.dom)(e),key=normalizedEvent.localTarget.getAttribute("data-selected");e.preventDefault();e.stopPropagation();if(babelHelpers.typeof(this._elements[key])!=="undefined"){if("gizmo"==this.pickerType){window.HaxStore.write("activeHaxElement",this._elements[key],this);if("__convert"===this._elements[key].__type){window.HaxStore.instance.haxManager.editExistingNode=!0}window.HaxStore.instance.haxManager.selectStep("configure");window.HaxStore.instance.haxManager.open()}else if("delete"==this.pickerType){if("Yes"===this._elements[key].title){if(window.HaxStore.instance.activeHaxBody.activeNode!==window.HaxStore.instance.activeHaxBody.activeContainerNode){window.HaxStore.instance.activeHaxBody.haxDeleteNode(window.HaxStore.instance.activeHaxBody.activeNode,window.HaxStore.instance.activeHaxBody.activeContainerNode)}else{window.HaxStore.instance.activeHaxBody.haxDeleteNode(window.HaxStore.instance.activeHaxBody.activeNode)}window.HaxStore.toast("Element deleted",2e3)}}else{this.fire("hax-app-picker-selection",this._elements[key])}}this.opened=!1}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/iron-list/iron-list.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-dialog/paper-dialog.js","../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../../@polymer/paper-ripple/paper-ripple.js","../../../@polymer/paper-toast/paper-toast.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../@polymer/neon-animation/neon-animation.js","../../../@polymer/neon-animation/animations/scale-up-animation.js","../../../@polymer/neon-animation/animations/scale-down-animation.js","../../simple-colors/simple-colors.js","./hax-app-picker-item.js","./hax-shared-styles.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_2ead0140555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\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        color: var(--hax-color-text);\n        background-color: transparent;\n        width: 40px;\n        height: 40px;\n        min-width: unset;\n      }\n      #ironlist {\n        width: 100%;\n        min-height: 280px;\n      }\n      #dialog {\n        min-width: 350px;\n        min-height: 350px;\n        height: 50vh;\n        width: 50vw;\n        padding: 8px;\n        overflow: hidden;\n        border-radius: 16px;\n        z-index: 1000000;\n        border: 2px solid var(--hax-color-border-outline);\n        @apply --hax-app-picker-dialog;\n        background-color: #ffffff;\n      }\n      #title,\n      .element-button > div {\n        color: var(--hax-color-text);\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);\n        color: var(--hax-color-text);\n        @apply --paper-font-title;\n        @apply --hax-app-picker-dialog-title;\n      }\n      #buttonlist {\n        display: block;\n        text-align: left;\n        margin: -32px;\n        padding: 32px;\n        overflow-x: hidden;\n        overflow-y: auto;\n        --paper-dialog-scrollable: {\n          padding: 0 0 78px 0;\n        }\n      }\n      .element-button {\n        display: inline-block;\n        width: 70px;\n        margin: 8px 4px;\n        text-align: center;\n      }\n      @media screen and (max-width: 550px) {\n        #buttonlist,\n        #ironlist,\n        #dialog {\n          max-width: 80%;\n          overflow: auto;\n        }\n      }\n    </style>\n    <paper-dialog id=\"dialog\" with-backdrop always-on-top>\n      <h3 id=\"title\">[[title]]</h3>\n      <paper-dialog-scrollable id=\"buttonlist\">\n        <iron-list id=\"ironlist\" items=\"[[selectionList]]\" as=\"element\" grid>\n          <template>\n            <div>\n              <hax-app-picker-item\n                id$=\"picker-item-[[index]]\"\n                class=\"element-button\"\n                on-tap=\"_selected\"\n                data-selected$=\"[[index]]\"\n                label=\"[[element.title]]\"\n                icon=\"[[element.icon]]\"\n                color=\"[[element.color]]\"\n              ></hax-app-picker-item>\n            </div>\n          </template>\n        </iron-list>\n      </paper-dialog-scrollable>\n      <paper-button id=\"closedialog\" on-tap=\"close\">\n        <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n      </paper-button>\n    </paper-dialog>\n  "],["\n    <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\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        color: var(--hax-color-text);\n        background-color: transparent;\n        width: 40px;\n        height: 40px;\n        min-width: unset;\n      }\n      #ironlist {\n        width: 100%;\n        min-height: 280px;\n      }\n      #dialog {\n        min-width: 350px;\n        min-height: 350px;\n        height: 50vh;\n        width: 50vw;\n        padding: 8px;\n        overflow: hidden;\n        border-radius: 16px;\n        z-index: 1000000;\n        border: 2px solid var(--hax-color-border-outline);\n        @apply --hax-app-picker-dialog;\n        background-color: #ffffff;\n      }\n      #title,\n      .element-button > div {\n        color: var(--hax-color-text);\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);\n        color: var(--hax-color-text);\n        @apply --paper-font-title;\n        @apply --hax-app-picker-dialog-title;\n      }\n      #buttonlist {\n        display: block;\n        text-align: left;\n        margin: -32px;\n        padding: 32px;\n        overflow-x: hidden;\n        overflow-y: auto;\n        --paper-dialog-scrollable: {\n          padding: 0 0 78px 0;\n        }\n      }\n      .element-button {\n        display: inline-block;\n        width: 70px;\n        margin: 8px 4px;\n        text-align: center;\n      }\n      @media screen and (max-width: 550px) {\n        #buttonlist,\n        #ironlist,\n        #dialog {\n          max-width: 80%;\n          overflow: auto;\n        }\n      }\n    </style>\n    <paper-dialog id=\"dialog\" with-backdrop always-on-top>\n      <h3 id=\"title\">[[title]]</h3>\n      <paper-dialog-scrollable id=\"buttonlist\">\n        <iron-list id=\"ironlist\" items=\"[[selectionList]]\" as=\"element\" grid>\n          <template>\n            <div>\n              <hax-app-picker-item\n                id$=\"picker-item-[[index]]\"\n                class=\"element-button\"\n                on-tap=\"_selected\"\n                data-selected\\$=\"[[index]]\"\n                label=\"[[element.title]]\"\n                icon=\"[[element.icon]]\"\n                color=\"[[element.color]]\"\n              ></hax-app-picker-item>\n            </div>\n          </template>\n        </iron-list>\n      </paper-dialog-scrollable>\n      <paper-button id=\"closedialog\" on-tap=\"close\">\n        <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n      </paper-button>\n    </paper-dialog>\n  "]);_templateObject_2ead0140555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2ead0140555211e98f439769bd191e33()),is:"hax-app-picker",listeners:{"iron-overlay-canceled":"close","iron-overlay-closed":"close"},properties:{_elements:{type:Array,value:[]},selectionList:{type:Array,value:[]},title:{type:String,value:"Pick an options"},pickerType:{type:String,value:"gizmo"},opened:{type:Boolean,value:!1,observer:"_openedChanged"}},attached:function attached(){this.fire("hax-register-app-picker",this)},close:function close(){this.opened=!1},_openedChanged:function _openedChanged(newValue){var _this=this;if(babelHelpers.typeof(newValue)!=="undefined"){if(newValue){this.$.dialog.open();setTimeout(function(){_this.$.ironlist.fire("iron-resize");window.dispatchEvent(new Event("resize"))},100);document.body.style.overflow="hidden"}else{this.$.dialog.close();document.body.style.overflow=null}}},presentOptions:function presentOptions(elements,type){var _this2=this,title=2<arguments.length&&arguments[2]!==void 0?arguments[2]:"Select an option",pickerType=3<arguments.length&&arguments[3]!==void 0?arguments[3]:"gizmo";this.title=title;this.pickerType=pickerType;var tmp=[];switch(pickerType){case"gizmo":for(var i in elements){elements[i].__type=type;tmp[i]={icon:elements[i].gizmo.icon,title:elements[i].gizmo.title,color:elements[i].gizmo.color}}break;case"app":for(var i in elements){tmp[i]={icon:elements[i].details.icon,title:elements[i].details.title,color:elements[i].details.color}}break;default:tmp=elements;break;}this._elements=elements;this.set("selectionList",[]);this.set("selectionList",tmp);this.opened=!0;setTimeout(function(){_this2.shadowRoot.querySelector("#picker-item-0").focus()},100)},_selected:function _selected(e){var normalizedEvent=(0,_polymerDom.dom)(e),key=normalizedEvent.localTarget.getAttribute("data-selected");e.preventDefault();e.stopPropagation();if(babelHelpers.typeof(this._elements[key])!=="undefined"){if("gizmo"==this.pickerType){window.HaxStore.write("activeHaxElement",this._elements[key],this);if("__convert"===this._elements[key].__type){window.HaxStore.instance.haxManager.editExistingNode=!0}window.HaxStore.instance.haxManager.selectStep("configure");window.HaxStore.instance.haxManager.open()}else if("delete"==this.pickerType){if("Yes"===this._elements[key].title){if(window.HaxStore.instance.activeHaxBody.activeNode!==window.HaxStore.instance.activeHaxBody.activeContainerNode){window.HaxStore.instance.activeHaxBody.haxDeleteNode(window.HaxStore.instance.activeHaxBody.activeNode,window.HaxStore.instance.activeHaxBody.activeContainerNode)}else{window.HaxStore.instance.activeHaxBody.haxDeleteNode(window.HaxStore.instance.activeHaxBody.activeNode)}window.HaxStore.toast("Element deleted",2e3)}}else{this.fire("hax-app-picker-selection",this._elements[key])}}this.opened=!1}})});
\ No newline at end of file
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 2a60b3af4e4..36eb5c730a3 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-item/paper-item.js","../../eco-json-schema-form/lib/eco-json-schema-object.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_99683e9054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style include=\"simple-colors hax-shared-styles\">\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      </style>\n    </custom-style>\n    <div class=\"search-label\">Search [[label]]</div>\n    <eco-json-schema-object\n      id=\"form\"\n      schema=\"[[schema]]\"\n      value=\"{{values}}\"\n    ></eco-json-schema-object>\n  "]);_templateObject_99683e9054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_99683e9054f411e9aeb367f92c5b63ab()),is:"hax-app-search-inputs",observers:["_valueChanged(values.*)"],properties:{label:{type:String,value:"app"},values:{type:Object},schema:{type:Object}},_valueChanged:function _valueChanged(change){this.fire("hax-app-search-values-changed",change.base)}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-item/paper-item.js","../../eco-json-schema-form/lib/eco-json-schema-object.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_2ebe8d70555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style include=\"simple-colors hax-shared-styles\">\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      </style>\n    </custom-style>\n    <div class=\"search-label\">Search [[label]]</div>\n    <eco-json-schema-object\n      id=\"form\"\n      schema=\"[[schema]]\"\n      value=\"{{values}}\"\n    ></eco-json-schema-object>\n  "]);_templateObject_2ebe8d70555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2ebe8d70555211e98f439769bd191e33()),is:"hax-app-search-inputs",observers:["_valueChanged(values.*)"],properties:{label:{type:String,value:"app"},values:{type:Object},schema:{type:Object}},_valueChanged:function _valueChanged(change){this.fire("hax-app-search-values-changed",change.base)}})});
\ No newline at end of file
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 57de3456410..8a1995a41f0 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-image/iron-image.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-styles/paper-styles.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_995e2c7054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: inline-flex;\n        width: 50%;\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    </style>\n\n    <paper-button on-tap=\"_itemSelected\" class=\"button\">\n      <iron-image\n        alt=\"\"\n        class=\"image\"\n        src=\"[[resultData.image]]\"\n        preload=\"\"\n        fade=\"\"\n        sizing=\"cover\"\n      ></iron-image>\n      <div class=\"detail-wrapper\">\n        <div class=\"title\">[[resultData.title]]</div>\n        <div class=\"details\">[[resultData.details]]</div>\n      </div>\n    </paper-button>\n  "]);_templateObject_995e2c7054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_995e2c7054f411e9aeb367f92c5b63ab()),is:"hax-app-search-result",properties:{resultData:{type:Object}},_itemSelected:function _itemSelected(){var map=this.resultData.map,gizmoType=this.resultData.type;if((null===gizmoType||""===gizmoType)&&babelHelpers.typeof(map.source)!=="undefined"){gizmoType=window.HaxStore.guessGizmoType(map.source)}var haxElements=window.HaxStore.guessGizmo(gizmoType,map);if(0<haxElements.length){if(1===haxElements.length){if(babelHelpers.typeof(haxElements[0].tag)!=="undefined"){window.HaxStore.write("activeHaxElement",haxElements[0],this)}}else{window.HaxStore.instance.haxAppPicker.presentOptions(haxElements,gizmoType,"How would you like to display this "+gizmoType+"?","gizmo")}}else{window.HaxStore.toast("Sorry, I don't know how to handle that link yet.")}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-image/iron-image.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-styles/paper-styles.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_2ec3bd90555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: inline-flex;\n        width: 50%;\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    </style>\n\n    <paper-button on-tap=\"_itemSelected\" class=\"button\">\n      <iron-image\n        alt=\"\"\n        class=\"image\"\n        src=\"[[resultData.image]]\"\n        preload=\"\"\n        fade=\"\"\n        sizing=\"cover\"\n      ></iron-image>\n      <div class=\"detail-wrapper\">\n        <div class=\"title\">[[resultData.title]]</div>\n        <div class=\"details\">[[resultData.details]]</div>\n      </div>\n    </paper-button>\n  "]);_templateObject_2ec3bd90555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2ec3bd90555211e98f439769bd191e33()),is:"hax-app-search-result",properties:{resultData:{type:Object}},_itemSelected:function _itemSelected(){var map=this.resultData.map,gizmoType=this.resultData.type;if((null===gizmoType||""===gizmoType)&&babelHelpers.typeof(map.source)!=="undefined"){gizmoType=window.HaxStore.guessGizmoType(map.source)}var haxElements=window.HaxStore.guessGizmo(gizmoType,map);if(0<haxElements.length){if(1===haxElements.length){if(babelHelpers.typeof(haxElements[0].tag)!=="undefined"){window.HaxStore.write("activeHaxElement",haxElements[0],this)}}else{window.HaxStore.instance.haxAppPicker.presentOptions(haxElements,gizmoType,"How would you like to display this "+gizmoType+"?","gizmo")}}else{window.HaxStore.toast("Sorry, I don't know how to handle that link yet.")}}})});
\ No newline at end of file
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 34b1c3827e9..1779b824848 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-card/paper-card.js","../../../@polymer/paper-styles/paper-styles.js","../../../@polymer/iron-list/iron-list.js","../../../@polymer/iron-ajax/iron-ajax.js","../../hexagon-loader/hexagon-loader.js","../../simple-colors/simple-colors.js","./hax-app-search-inputs.js","./hax-app-search-result.js"],function(_polymerLegacy){"use strict";function _templateObject_997e379054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\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        --paper-card-header: {\n          max-height: 160px;\n        }\n      }\n      @media screen and (min-width: 800px) {\n        paper-card {\n          font-size: 14px;\n        }\n      }\n      hexagon-loader {\n        height: 100%;\n        justify-content: center;\n        margin: 0 auto -200px;\n        z-index: 1000;\n        position: relative;\n        transition: 0.3s linear opacity, 0.3s linear visibility;\n        width: calc(100% - 32px);\n        opacity: 0;\n        visibility: visible;\n      }\n      hexagon-loader[loading] {\n        opacity: 1;\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    </style>\n\n    <iron-ajax\n      auto=\"[[auto]]\"\n      id=\"request\"\n      method=\"[[method]]\"\n      url=\"[[requestEndPoint]]\"\n      handle-as=\"json\"\n      headers=\"[[headers]]\"\n      params=\"[[requestParams]]\"\n      last-response=\"{{requestData}}\"\n      hidden=\"\"\n      loading=\"{{loading}}\"\n      debounce-duration=\"300\"\n    ></iron-ajax>\n    <hax-app-search-inputs\n      id=\"searchinput\"\n      label=\"[[label]]\"\n      schema=\"{{searchSchema}}\"\n      values=\"{{searchValues}}\"\n    ></hax-app-search-inputs>\n    <hax-app-pagination\n      id=\"pagerbottom\"\n      request-data=\"[[requestData]]\"\n      pagination=\"[[pagination]]\"\n    ></hax-app-pagination>\n    <hexagon-loader\n      size=\"small\"\n      loading$=\"[[loading]]\"\n      color=\"#0085ba\"\n      aria-roledescription=\"Loading\"\n    ></hexagon-loader>\n    <iron-list\n      grid\n      id=\"itemlist\"\n      items=\"[[media]]\"\n      as=\"resultData\"\n      hidden$=\"[[loading]]\"\n    >\n      <template>\n        <hax-app-search-result\n          result-data=\"[[resultData]]\"\n        ></hax-app-search-result>\n      </template>\n    </iron-list>\n  "]);_templateObject_997e379054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_997e379054f411e9aeb367f92c5b63ab()),is:"hax-app-search",properties:{activeApp:{type:Object,observer:"_resetAppSearch"},auto:{type:Boolean,value:!1},searchSchema:{type:Object},searchValues:{type:Object,value:{}},headers:{type:Object,value:{}},method:{type:String,value:"GET"},loading:{type:Boolean,value:!1,observer:"_loadingChanged"},requestData:{type:Object,value:{},observer:"_requestDataChanged"},media:{type:Array,value:[],observer:"_mediaChanged"}},_searchValuesEvent:function _searchValuesEvent(e){if(babelHelpers.typeof(e.detail)!=="undefined"){var requestParams=this.requestParams;for(var property in e.detail){requestParams[property]=e.detail[property]}this.set("requestParams",{});this.set("requestParams",requestParams)}},_resetAppSearch:function _resetAppSearch(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&null!==newValue){var app=newValue,requestParams={};this.label=app.details.title;this.auto=!1;this.set("media",[]);if(babelHelpers.typeof(app.connection.data)!=="undefined"){requestParams=app.connection.data}if(babelHelpers.typeof(app.connection.operations.browse.data)!=="undefined"){requestParams=Object.assign(requestParams,app.connection.operations.browse.data)}this.set("method",app.connection.operations.browse.method);this.set("headers",{});if(babelHelpers.typeof(app.connection.headers)!=="undefined"){this.set("headers",app.connection.headers)}this.set("requestParams",{});this.set("requestParams",requestParams);var requestEndPoint=app.connection.protocol+"://"+app.connection.url;if("/"!=requestEndPoint.substr(requestEndPoint.length-1)){requestEndPoint+="/"}if(babelHelpers.typeof(app.connection.operations.browse.endPoint)!=="undefined"){requestEndPoint+=app.connection.operations.browse.endPoint}this.set("requestEndPoint",requestEndPoint);this.set("searchSchema",{});var searchSchema={properties:{}};if(babelHelpers.typeof(app.connection.operations.browse.search)!=="undefined"){searchSchema.properties=app.connection.operations.browse.search;this.set("searchSchema",searchSchema)}this.resultMap=app.connection.operations.browse.resultMap;this.set("pagination",{});if(babelHelpers.typeof(app.connection.operations.browse.pagination)!=="undefined"){this.set("pagination",app.connection.operations.browse.pagination)}if(babelHelpers.typeof(app.connection.auto)!=="undefined"){this.auto=app.connection.auto}else{this.auto=!0}}},attached:function attached(){document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));document.body.addEventListener("hax-app-search-values-changed",this._searchValuesEvent.bind(this))},detached:function detached(){document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));document.body.removeEventListener("hax-app-search-values-changed",this._searchValuesEvent.bind(this))},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){this.set(e.detail.property,e.detail.value)}},_requestDataChanged:function _requestDataChanged(newValue,oldValue){if({}!=babelHelpers.typeof(newValue)&&babelHelpers.typeof(oldValue)!=="undefined"){var media=[],map=this.resultMap,data=[];if(babelHelpers.typeof(this._resolveObjectPath(map.items,newValue))!=="undefined"){data=this._resolveObjectPath(map.items,newValue)}else{if(null!=newValue){data=newValue}}if(null!=data){for(var i=0;i<data.length;i++){media[i]={title:this._resolveObjectPath(map.preview.title,data[i]),details:this._resolveObjectPath(map.preview.details,data[i]),type:map.defaultGizmoType,map:{}};if(babelHelpers.typeof(media[i].details)!=="undefined"&&null!=media[i].details){media[i].details=media[i].details.replace(/(<([^>]+)>)/gi,"")}if(map.preview.id.constructor===Object){var tmp=this._resolveObjectPath(map.preview.id.property,data[i]);if("split"===map.preview.id.op){tmp=tmp.split(map.preview.id.delimiter);media[i].id=tmp[map.preview.id.position]}}else{media[i].id=this._resolveObjectPath(map.preview.id,data[i])}if(babelHelpers.typeof(map.preview.image)!=="undefined"){media[i].image=this._resolveObjectPath(map.preview.image,data[i])}else if(babelHelpers.typeof(map.image)!=="undefined"){media[i].image=map.image}else{media[i].image=""}for(var prop in map.gizmo){if("_url_source"===prop){var _id="";if(babelHelpers.typeof(media[i].map.__id)!=="undefined"){_id=media[i].map.__id}else{_id=this._resolveObjectPath(map.gizmo.id,data[i])}media[i].map.source=map.gizmo._url_source.replace("<%= id %>",_id)}else{if(map.gizmo[prop].constructor===Object){var _tmp=this._resolveObjectPath(map.gizmo[prop].property,data[i]);if("split"===map.gizmo[prop].op){_tmp=_tmp.split(map.gizmo[prop].delimiter);media[i].map[prop]=_tmp[map.gizmo[prop].position];if("id"===prop){media[i].map.__id=media[i].map[prop]}}}else{media[i].map[prop]=this._resolveObjectPath(map.gizmo[prop],data[i])}}}if(babelHelpers.typeof(media[i].map.url)==="undefined"&&babelHelpers.typeof(media[i].map.source)!=="undefined"){media[i].map.url=media[i].map.source}if(babelHelpers.typeof(map.gizmo.type)!=="undefined"){media[i].type=this._resolveObjectPath(map.gizmo.type,data[i])}}this.set("media",[]);this.set("media",media)}}},_loadingChanged:function _loadingChanged(newValue){var _this=this;if(newValue){this.set("media",[]);this.notifyPath("media.*");setTimeout(function(){_this.$.itemlist.fire("iron-resize")},1e3)}},_mediaChanged:function _mediaChanged(newValue,oldValue){var _this2=this;if(babelHelpers.typeof(oldValue)!=="undefined"){setTimeout(function(){_this2.$.itemlist.fire("iron-resize")},325)}},_resolveObjectPath:function _resolveObjectPath(path,obj){return path.split(".").reduce(function(prev,curr){return prev?prev[curr]:null},obj||self)}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-card/paper-card.js","../../../@polymer/paper-styles/paper-styles.js","../../../@polymer/iron-list/iron-list.js","../../../@polymer/iron-ajax/iron-ajax.js","../../hexagon-loader/hexagon-loader.js","../../simple-colors/simple-colors.js","./hax-app-search-inputs.js","./hax-app-search-result.js"],function(_polymerLegacy){"use strict";function _templateObject_2ed4fba0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\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        --paper-card-header: {\n          max-height: 160px;\n        }\n      }\n      @media screen and (min-width: 800px) {\n        paper-card {\n          font-size: 14px;\n        }\n      }\n      hexagon-loader {\n        height: 100%;\n        justify-content: center;\n        margin: 0 auto -200px;\n        z-index: 1000;\n        position: relative;\n        transition: 0.3s linear opacity, 0.3s linear visibility;\n        width: calc(100% - 32px);\n        opacity: 0;\n        visibility: visible;\n      }\n      hexagon-loader[loading] {\n        opacity: 1;\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    </style>\n\n    <iron-ajax\n      auto=\"[[auto]]\"\n      id=\"request\"\n      method=\"[[method]]\"\n      url=\"[[requestEndPoint]]\"\n      handle-as=\"json\"\n      headers=\"[[headers]]\"\n      params=\"[[requestParams]]\"\n      last-response=\"{{requestData}}\"\n      hidden=\"\"\n      loading=\"{{loading}}\"\n      debounce-duration=\"300\"\n    ></iron-ajax>\n    <hax-app-search-inputs\n      id=\"searchinput\"\n      label=\"[[label]]\"\n      schema=\"{{searchSchema}}\"\n      values=\"{{searchValues}}\"\n    ></hax-app-search-inputs>\n    <hax-app-pagination\n      id=\"pagerbottom\"\n      request-data=\"[[requestData]]\"\n      pagination=\"[[pagination]]\"\n    ></hax-app-pagination>\n    <hexagon-loader\n      size=\"small\"\n      loading$=\"[[loading]]\"\n      color=\"#0085ba\"\n      aria-roledescription=\"Loading\"\n    ></hexagon-loader>\n    <iron-list\n      grid\n      id=\"itemlist\"\n      items=\"[[media]]\"\n      as=\"resultData\"\n      hidden$=\"[[loading]]\"\n    >\n      <template>\n        <hax-app-search-result\n          result-data=\"[[resultData]]\"\n        ></hax-app-search-result>\n      </template>\n    </iron-list>\n  "]);_templateObject_2ed4fba0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2ed4fba0555211e98f439769bd191e33()),is:"hax-app-search",properties:{activeApp:{type:Object,observer:"_resetAppSearch"},auto:{type:Boolean,value:!1},searchSchema:{type:Object},searchValues:{type:Object,value:{}},headers:{type:Object,value:{}},method:{type:String,value:"GET"},loading:{type:Boolean,value:!1,observer:"_loadingChanged"},requestData:{type:Object,value:{},observer:"_requestDataChanged"},media:{type:Array,value:[],observer:"_mediaChanged"}},_searchValuesEvent:function _searchValuesEvent(e){if(babelHelpers.typeof(e.detail)!=="undefined"){var requestParams=this.requestParams;for(var property in e.detail){requestParams[property]=e.detail[property]}this.set("requestParams",{});this.set("requestParams",requestParams)}},_resetAppSearch:function _resetAppSearch(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&null!==newValue){var app=newValue,requestParams={};this.label=app.details.title;this.auto=!1;this.set("media",[]);if(babelHelpers.typeof(app.connection.data)!=="undefined"){requestParams=app.connection.data}if(babelHelpers.typeof(app.connection.operations.browse.data)!=="undefined"){requestParams=Object.assign(requestParams,app.connection.operations.browse.data)}this.set("method",app.connection.operations.browse.method);this.set("headers",{});if(babelHelpers.typeof(app.connection.headers)!=="undefined"){this.set("headers",app.connection.headers)}this.set("requestParams",{});this.set("requestParams",requestParams);var requestEndPoint=app.connection.protocol+"://"+app.connection.url;if("/"!=requestEndPoint.substr(requestEndPoint.length-1)){requestEndPoint+="/"}if(babelHelpers.typeof(app.connection.operations.browse.endPoint)!=="undefined"){requestEndPoint+=app.connection.operations.browse.endPoint}this.set("requestEndPoint",requestEndPoint);this.set("searchSchema",{});var searchSchema={properties:{}};if(babelHelpers.typeof(app.connection.operations.browse.search)!=="undefined"){searchSchema.properties=app.connection.operations.browse.search;this.set("searchSchema",searchSchema)}this.resultMap=app.connection.operations.browse.resultMap;this.set("pagination",{});if(babelHelpers.typeof(app.connection.operations.browse.pagination)!=="undefined"){this.set("pagination",app.connection.operations.browse.pagination)}if(babelHelpers.typeof(app.connection.auto)!=="undefined"){this.auto=app.connection.auto}else{this.auto=!0}}},attached:function attached(){document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));document.body.addEventListener("hax-app-search-values-changed",this._searchValuesEvent.bind(this))},detached:function detached(){document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));document.body.removeEventListener("hax-app-search-values-changed",this._searchValuesEvent.bind(this))},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){this.set(e.detail.property,e.detail.value)}},_requestDataChanged:function _requestDataChanged(newValue,oldValue){if({}!=babelHelpers.typeof(newValue)&&babelHelpers.typeof(oldValue)!=="undefined"){var media=[],map=this.resultMap,data=[];if(babelHelpers.typeof(this._resolveObjectPath(map.items,newValue))!=="undefined"){data=this._resolveObjectPath(map.items,newValue)}else{if(null!=newValue){data=newValue}}if(null!=data){for(var i=0;i<data.length;i++){media[i]={title:this._resolveObjectPath(map.preview.title,data[i]),details:this._resolveObjectPath(map.preview.details,data[i]),type:map.defaultGizmoType,map:{}};if(babelHelpers.typeof(media[i].details)!=="undefined"&&null!=media[i].details){media[i].details=media[i].details.replace(/(<([^>]+)>)/gi,"")}if(map.preview.id.constructor===Object){var tmp=this._resolveObjectPath(map.preview.id.property,data[i]);if("split"===map.preview.id.op){tmp=tmp.split(map.preview.id.delimiter);media[i].id=tmp[map.preview.id.position]}}else{media[i].id=this._resolveObjectPath(map.preview.id,data[i])}if(babelHelpers.typeof(map.preview.image)!=="undefined"){media[i].image=this._resolveObjectPath(map.preview.image,data[i])}else if(babelHelpers.typeof(map.image)!=="undefined"){media[i].image=map.image}else{media[i].image=""}for(var prop in map.gizmo){if("_url_source"===prop){var _id="";if(babelHelpers.typeof(media[i].map.__id)!=="undefined"){_id=media[i].map.__id}else{_id=this._resolveObjectPath(map.gizmo.id,data[i])}media[i].map.source=map.gizmo._url_source.replace("<%= id %>",_id)}else{if(map.gizmo[prop].constructor===Object){var _tmp=this._resolveObjectPath(map.gizmo[prop].property,data[i]);if("split"===map.gizmo[prop].op){_tmp=_tmp.split(map.gizmo[prop].delimiter);media[i].map[prop]=_tmp[map.gizmo[prop].position];if("id"===prop){media[i].map.__id=media[i].map[prop]}}}else{media[i].map[prop]=this._resolveObjectPath(map.gizmo[prop],data[i])}}}if(babelHelpers.typeof(media[i].map.url)==="undefined"&&babelHelpers.typeof(media[i].map.source)!=="undefined"){media[i].map.url=media[i].map.source}if(babelHelpers.typeof(map.gizmo.type)!=="undefined"){media[i].type=this._resolveObjectPath(map.gizmo.type,data[i])}}this.set("media",[]);this.set("media",media)}}},_loadingChanged:function _loadingChanged(newValue){var _this=this;if(newValue){this.set("media",[]);this.notifyPath("media.*");setTimeout(function(){_this.$.itemlist.fire("iron-resize")},1e3)}},_mediaChanged:function _mediaChanged(newValue,oldValue){var _this2=this;if(babelHelpers.typeof(oldValue)!=="undefined"){setTimeout(function(){_this2.$.itemlist.fire("iron-resize")},325)}},_resolveObjectPath:function _resolveObjectPath(path,obj){return path.split(".").reduce(function(prev,curr){return prev?prev[curr]:null},obj||self)}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app.js
index 23736b34256..680cb813190 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-app.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_999b839054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n      }\n    </style>\n  "]);_templateObject_999b839054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_999b839054f411e9aeb367f92c5b63ab()),is:"hax-app",properties:{data:{type:Object}},attached:function attached(){if(babelHelpers.typeof(this.data)!=="undefined"){this.fire("hax-register-app",this.data)}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_2edf34d0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n      }\n    </style>\n  "]);_templateObject_2edf34d0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2edf34d0555211e98f439769bd191e33()),is:"hax-app",properties:{data:{type:Object}},attached:function attached(){if(babelHelpers.typeof(this.data)!=="undefined"){this.fire("hax-register-app",this.data)}}})});
\ No newline at end of file
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 a23fbaae9b6..cafb026c340 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
@@ -1 +1 @@
-define(["meta","require","../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../../@polymer/polymer/lib/utils/resolve-url.js","../../hax-body-behaviors/hax-body-behaviors.js"],function(meta,_require,_polymerLegacy,async,_flattenedNodesObserver,_resolveUrl){"use strict";meta=babelHelpers.interopRequireWildcard(meta);_require=babelHelpers.interopRequireWildcard(_require);async=babelHelpers.interopRequireWildcard(async);function _templateObject_9987fb9054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_9987fb9054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9987fb9054f411e9aeb367f92c5b63ab()),is:"hax-autoloader",behaviors:[HAXBehaviors.PropertiesBehaviors],properties:{processedList:{type:Object,value:{}}},attached:function attached(){var _this=this;this.fire("hax-register-autoloader",this);this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(this,function(info){if(0<info.addedNodes.length){async.microTask.run(function(){_this.processNewElements(info.addedNodes)})}})},processNewElements:function processNewElements(){for(var _this2=this,effectiveChildren=_flattenedNodesObserver.FlattenedNodesObserver.getFlattenedNodes(this).filter(function(n){return n.nodeType===Node.ELEMENT_NODE}),i=0;i<effectiveChildren.length;i++){if(babelHelpers.typeof(effectiveChildren[i].tagName)!=="undefined"&&babelHelpers.typeof(this.processedList[effectiveChildren[i].tagName])==="undefined"){try{(function(){var name=effectiveChildren[i].tagName.toLowerCase();if("function"===typeof effectiveChildren[i].getHaxProperties){var evt=new CustomEvent("hax-register-properties",{bubbles:!0,composed:!0,cancelable:!0,detail:{tag:name,properties:effectiveChildren[i].getHaxProperties(),polymer:!0}});context.dispatchEvent(evt)}else if("function"===typeof effectiveChildren[i].HAXWiring){var _evt=new CustomEvent("hax-register-properties",{bubbles:!0,cancelable:!0,composed:!0,detail:{tag:name,properties:effectiveChildren[i].HAXWiring.getHaxProperties(),polymer:!1}});context.dispatchEvent(_evt)}else{var basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url));new Promise(function(res,rej){return _require.default(["".concat(basePath,"../../").concat(name,"/").concat(name,".js")],res,rej)}).then(function(){var CEClass=window.customElements.get(name);if("function"===typeof CEClass.getHaxProperties){_this2.setHaxProperties(CEClass.getHaxProperties(),name)}else if("function"===typeof CEClass.HAXWiring){_this2.setHaxProperties(CEClass.HAXWiring.getHaxProperties(),name)}else if(CEClass.haxProperties){_this2.setHaxProperties(CEClass.haxProperties,name)}else{console.log("".concat(name," didn't have hax wiring in the end"))}}).catch(function(error){console.log(error)})}_this2.processedList[name]=name})()}catch(err){}}}}})});
\ No newline at end of file
+define(["meta","require","../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../../@polymer/polymer/lib/utils/resolve-url.js","../../hax-body-behaviors/hax-body-behaviors.js"],function(meta,_require,_polymerLegacy,async,_flattenedNodesObserver,_resolveUrl){"use strict";meta=babelHelpers.interopRequireWildcard(meta);_require=babelHelpers.interopRequireWildcard(_require);async=babelHelpers.interopRequireWildcard(async);function _templateObject_2eea5860555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_2eea5860555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2eea5860555211e98f439769bd191e33()),is:"hax-autoloader",behaviors:[HAXBehaviors.PropertiesBehaviors],properties:{processedList:{type:Object,value:{}}},attached:function attached(){var _this=this;this.fire("hax-register-autoloader",this);this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(this,function(info){if(0<info.addedNodes.length){async.microTask.run(function(){_this.processNewElements(info.addedNodes)})}})},processNewElements:function processNewElements(){for(var _this2=this,effectiveChildren=_flattenedNodesObserver.FlattenedNodesObserver.getFlattenedNodes(this).filter(function(n){return n.nodeType===Node.ELEMENT_NODE}),i=0;i<effectiveChildren.length;i++){if(babelHelpers.typeof(effectiveChildren[i].tagName)!=="undefined"&&babelHelpers.typeof(this.processedList[effectiveChildren[i].tagName])==="undefined"){try{(function(){var name=effectiveChildren[i].tagName.toLowerCase();if("function"===typeof effectiveChildren[i].getHaxProperties){var evt=new CustomEvent("hax-register-properties",{bubbles:!0,composed:!0,cancelable:!0,detail:{tag:name,properties:effectiveChildren[i].getHaxProperties(),polymer:!0}});context.dispatchEvent(evt)}else if("function"===typeof effectiveChildren[i].HAXWiring){var _evt=new CustomEvent("hax-register-properties",{bubbles:!0,cancelable:!0,composed:!0,detail:{tag:name,properties:effectiveChildren[i].HAXWiring.getHaxProperties(),polymer:!1}});context.dispatchEvent(_evt)}else{var basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url));new Promise(function(res,rej){return _require.default(["".concat(basePath,"../../").concat(name,"/").concat(name,".js")],res,rej)}).then(function(){var CEClass=window.customElements.get(name);if("function"===typeof CEClass.getHaxProperties){_this2.setHaxProperties(CEClass.getHaxProperties(),name)}else if("function"===typeof CEClass.HAXWiring){_this2.setHaxProperties(CEClass.HAXWiring.getHaxProperties(),name)}else if(CEClass.haxProperties){_this2.setHaxProperties(CEClass.haxProperties,name)}else{console.log("".concat(name," didn't have hax wiring in the end"))}}).catch(function(error){console.log(error)})}_this2.processedList[name]=name})()}catch(err){}}}}})});
\ No newline at end of file
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 1490d91f213..c518fae8033 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-card/paper-card.js","../../../@polymer/iron-icon/iron-icon.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_9993bb6054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"hax-shared-styles\">\n      :host {\n        display: inline-flex;\n      }\n      :host([elevation=\"1\"]) {\n        -webkit-transform: scale(1, 1);\n        transform: scale(1, 1);\n      }\n      :host([elevation=\"2\"]) {\n        -webkit-transform: scale(1.4, 1.4);\n        transform: scale(1.4, 1.4);\n      }\n      paper-card {\n        margin: 4px 0;\n        border-radius: 10px;\n      }\n      paper-button {\n        color: var(--hax-color-text);\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: 200px !important;\n        display: flex;\n        border-radius: 10px;\n        min-width: unset;\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: var(--hax-color-text);\n      }\n      @media screen and (max-width: 550px) {\n        paper-button .item-title {\n          font-size: 12px;\n        }\n      }\n    </style>\n    <paper-card id=\"card\" elevation=\"[[elevation]]\">\n      <paper-button\n        id=\"button\"\n        on-tap=\"_fireEvent\"\n        data-voicecommand$=\"select [[title]]\"\n      >\n        <div class=\"button-inner\">\n          <iron-icon icon=\"[[icon]]\"></iron-icon>\n          <div class=\"item-title\">[[title]]</div>\n        </div>\n      </paper-button>\n    </paper-card>\n  "],["\n    <style include=\"hax-shared-styles\">\n      :host {\n        display: inline-flex;\n      }\n      :host([elevation=\"1\"]) {\n        -webkit-transform: scale(1, 1);\n        transform: scale(1, 1);\n      }\n      :host([elevation=\"2\"]) {\n        -webkit-transform: scale(1.4, 1.4);\n        transform: scale(1.4, 1.4);\n      }\n      paper-card {\n        margin: 4px 0;\n        border-radius: 10px;\n      }\n      paper-button {\n        color: var(--hax-color-text);\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: 200px !important;\n        display: flex;\n        border-radius: 10px;\n        min-width: unset;\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: var(--hax-color-text);\n      }\n      @media screen and (max-width: 550px) {\n        paper-button .item-title {\n          font-size: 12px;\n        }\n      }\n    </style>\n    <paper-card id=\"card\" elevation=\"[[elevation]]\">\n      <paper-button\n        id=\"button\"\n        on-tap=\"_fireEvent\"\n        data-voicecommand\\$=\"select [[title]]\"\n      >\n        <div class=\"button-inner\">\n          <iron-icon icon=\"[[icon]]\"></iron-icon>\n          <div class=\"item-title\">[[title]]</div>\n        </div>\n      </paper-button>\n    </paper-card>\n  "]);_templateObject_9993bb6054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9993bb6054f411e9aeb367f92c5b63ab()),is:"hax-blox-browser-item",listeners:{mousedown:"tapEventOn",mouseover:"tapEventOn",mouseout:"tapEventOff",focusin:"tapEventOn",focusout:"tapEventOff"},properties:{title:{type:String},bloxReference:{type:Object},icon:{type:String},author:{type:String},description:{type:String},examples:{type:Array},status:{type:Array},layout:{type:String},tag:{type:String},elevation:{type:Number,value:1,reflectToAttribute:!0}},tapEventOn:function tapEventOn(){this.elevation=2},tapEventOff:function tapEventOff(){this.elevation=1},_fireEvent:function _fireEvent(){for(var content="",i=0,node;i<this.blox.length;i++){node=window.HaxStore.haxElementToNode(this.blox[i].tag,this.blox[i].content,this.blox[i].properties);content+=window.HaxStore.haxNodeToContent(node)}var blox={tag:"grid-plate",properties:{layout:this.layout},content:content};this.fire("hax-insert-content",blox);window.HaxStore.instance.haxBloxPicker.close()}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-card/paper-card.js","../../../@polymer/iron-icon/iron-icon.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_2ef30af0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"hax-shared-styles\">\n      :host {\n        display: inline-flex;\n      }\n      :host([elevation=\"1\"]) {\n        -webkit-transform: scale(1, 1);\n        transform: scale(1, 1);\n      }\n      :host([elevation=\"2\"]) {\n        -webkit-transform: scale(1.4, 1.4);\n        transform: scale(1.4, 1.4);\n      }\n      paper-card {\n        margin: 4px 0;\n        border-radius: 10px;\n      }\n      paper-button {\n        color: var(--hax-color-text);\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: 200px !important;\n        display: flex;\n        border-radius: 10px;\n        min-width: unset;\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: var(--hax-color-text);\n      }\n      @media screen and (max-width: 550px) {\n        paper-button .item-title {\n          font-size: 12px;\n        }\n      }\n    </style>\n    <paper-card id=\"card\" elevation=\"[[elevation]]\">\n      <paper-button\n        id=\"button\"\n        on-tap=\"_fireEvent\"\n        data-voicecommand$=\"select [[title]]\"\n      >\n        <div class=\"button-inner\">\n          <iron-icon icon=\"[[icon]]\"></iron-icon>\n          <div class=\"item-title\">[[title]]</div>\n        </div>\n      </paper-button>\n    </paper-card>\n  "],["\n    <style include=\"hax-shared-styles\">\n      :host {\n        display: inline-flex;\n      }\n      :host([elevation=\"1\"]) {\n        -webkit-transform: scale(1, 1);\n        transform: scale(1, 1);\n      }\n      :host([elevation=\"2\"]) {\n        -webkit-transform: scale(1.4, 1.4);\n        transform: scale(1.4, 1.4);\n      }\n      paper-card {\n        margin: 4px 0;\n        border-radius: 10px;\n      }\n      paper-button {\n        color: var(--hax-color-text);\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: 200px !important;\n        display: flex;\n        border-radius: 10px;\n        min-width: unset;\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: var(--hax-color-text);\n      }\n      @media screen and (max-width: 550px) {\n        paper-button .item-title {\n          font-size: 12px;\n        }\n      }\n    </style>\n    <paper-card id=\"card\" elevation=\"[[elevation]]\">\n      <paper-button\n        id=\"button\"\n        on-tap=\"_fireEvent\"\n        data-voicecommand\\$=\"select [[title]]\"\n      >\n        <div class=\"button-inner\">\n          <iron-icon icon=\"[[icon]]\"></iron-icon>\n          <div class=\"item-title\">[[title]]</div>\n        </div>\n      </paper-button>\n    </paper-card>\n  "]);_templateObject_2ef30af0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2ef30af0555211e98f439769bd191e33()),is:"hax-blox-browser-item",listeners:{mousedown:"tapEventOn",mouseover:"tapEventOn",mouseout:"tapEventOff",focusin:"tapEventOn",focusout:"tapEventOff"},properties:{title:{type:String},bloxReference:{type:Object},icon:{type:String},author:{type:String},description:{type:String},examples:{type:Array},status:{type:Array},layout:{type:String},tag:{type:String},elevation:{type:Number,value:1,reflectToAttribute:!0}},tapEventOn:function tapEventOn(){this.elevation=2},tapEventOff:function tapEventOff(){this.elevation=1},_fireEvent:function _fireEvent(){for(var content="",i=0,node;i<this.blox.length;i++){node=window.HaxStore.haxElementToNode(this.blox[i].tag,this.blox[i].content,this.blox[i].properties);content+=window.HaxStore.haxNodeToContent(node)}var blox={tag:"grid-plate",properties:{layout:this.layout},content:content};this.fire("hax-insert-content",blox);window.HaxStore.instance.haxBloxPicker.close()}})});
\ No newline at end of file
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 3ad71c18ced..306daf31820 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-list/iron-list.js","./hax-blox-browser-item.js","./hax-icons.js"],function(_polymerLegacy){"use strict";function _templateObject_999939a054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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      #ironlist {\n        min-height: 50vh;\n      }\n    </style>\n    <iron-list id=\"ironlist\" items=\"[[__bloxList]]\" as=\"blox\" grid=\"\">\n      <template>\n        <div class=\"blox-container\">\n          <hax-blox-browser-item\n            index=\"[[blox.index]]\"\n            layout=\"[[blox.details.layout]]\"\n            title=\"[[blox.details.title]]\"\n            tag=\"[[blox.details.tag]]\"\n            icon=\"[[blox.details.icon]]\"\n            author=\"[[blox.details.author]]\"\n            teaser=\"[[blox.details.teaser]]\"\n            description=\"[[blox.details.description]]\"\n            examples=\"[[blox.details.examples]]\"\n            status=\"[[blox.details.status]]\"\n            blox=\"[[blox.blox]]\"\n          ></hax-blox-browser-item>\n        </div>\n      </template>\n    </iron-list>\n  "]);_templateObject_999939a054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_999939a054f411e9aeb367f92c5b63ab()),is:"hax-blox-browser",properties:{bloxList:{type:Array,observer:"_bloxListChanged"}},ready:function ready(){document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},attached:function attached(){this.resetBrowser()},detached:function detached(){document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){if(babelHelpers.typeof(this[e.detail.property])!=="undefined"&&null!=this[e.detail.property]&&babelHelpers.typeof(this[e.detail.property].length)!=="undefined"){this.set(e.detail.property,[])}this.set(e.detail.property,e.detail.value)}},_bloxListChanged:function _bloxListChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this.set("__bloxList",newValue)}},resetBrowser:function resetBrowser(){var _this=this;setTimeout(function(){_this.$.ironlist.fire("iron-resize");window.dispatchEvent(new Event("resize"))},100)}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-list/iron-list.js","./hax-blox-browser-item.js","./hax-icons.js"],function(_polymerLegacy){"use strict";function _templateObject_2ef9c1b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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      #ironlist {\n        min-height: 50vh;\n      }\n    </style>\n    <iron-list id=\"ironlist\" items=\"[[__bloxList]]\" as=\"blox\" grid=\"\">\n      <template>\n        <div class=\"blox-container\">\n          <hax-blox-browser-item\n            index=\"[[blox.index]]\"\n            layout=\"[[blox.details.layout]]\"\n            title=\"[[blox.details.title]]\"\n            tag=\"[[blox.details.tag]]\"\n            icon=\"[[blox.details.icon]]\"\n            author=\"[[blox.details.author]]\"\n            teaser=\"[[blox.details.teaser]]\"\n            description=\"[[blox.details.description]]\"\n            examples=\"[[blox.details.examples]]\"\n            status=\"[[blox.details.status]]\"\n            blox=\"[[blox.blox]]\"\n          ></hax-blox-browser-item>\n        </div>\n      </template>\n    </iron-list>\n  "]);_templateObject_2ef9c1b0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2ef9c1b0555211e98f439769bd191e33()),is:"hax-blox-browser",properties:{bloxList:{type:Array,observer:"_bloxListChanged"}},ready:function ready(){document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},attached:function attached(){this.resetBrowser()},detached:function detached(){document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){if(babelHelpers.typeof(this[e.detail.property])!=="undefined"&&null!=this[e.detail.property]&&babelHelpers.typeof(this[e.detail.property].length)!=="undefined"){this.set(e.detail.property,[])}this.set(e.detail.property,e.detail.value)}},_bloxListChanged:function _bloxListChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this.set("__bloxList",newValue)}},resetBrowser:function resetBrowser(){var _this=this;setTimeout(function(){_this.$.ironlist.fire("iron-resize");window.dispatchEvent(new Event("resize"))},100)}})});
\ No newline at end of file
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 fab3cc6d162..6b2cf6e931b 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/app-layout/app-drawer/app-drawer.js","./hax-blox-browser.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_99a4844054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      #dialog {\n        --app-drawer-width: 320px;\n        z-index: 1000;\n        margin-top: 56px;\n        @apply --hax-blox-picker-dialog;\n      }\n      #closedialog {\n        float: right;\n        top: 124px;\n        right: 0;\n        position: absolute;\n        padding: 8px;\n        margin: 0;\n        color: var(--hax-color-text);\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);\n        font-size: 18px;\n        line-height: 18px;\n        font-family: \"Noto Serif\", serif;\n        color: var(--hax-color-text);\n      }\n      app-drawer {\n        --app-drawer-content-container: {\n          background-color: #ffffff;\n        }\n        --app-drawer-width: 320px;\n      }\n      .pref-container {\n        text-align: left;\n        padding: 16px;\n      }\n    </style>\n    <app-drawer id=\"dialog\" align=\"left\" transition-duration=\"300\">\n      <h3 class=\"title\">[[title]]</h3>\n      <div style=\"height: 100%; overflow: auto;\" class=\"pref-container\">\n        <hax-blox-browser id=\"bloxbrowser\"></hax-blox-browser>\n      </div>\n      <paper-button id=\"closedialog\" on-tap=\"close\">\n        <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n      </paper-button>\n    </app-drawer>\n  "]);_templateObject_99a4844054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_99a4844054f411e9aeb367f92c5b63ab()),is:"hax-blox-picker",properties:{title:{type:String,value:"Layouts"}},attached:function attached(){this.fire("hax-register-blox-picker",this)},open:function open(){this.$.bloxbrowser.resetBrowser();this.$.dialog.open()},close:function close(){this.$.dialog.close()},toggleDialog:function toggleDialog(){if(this.$.dialog.opened){this.close()}else{window.HaxStore.instance.closeAllDrawers(this)}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/app-layout/app-drawer/app-drawer.js","./hax-blox-browser.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_2f0162d0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      #dialog {\n        --app-drawer-width: 320px;\n        z-index: 1000;\n        margin-top: 56px;\n        @apply --hax-blox-picker-dialog;\n      }\n      #closedialog {\n        float: right;\n        top: 124px;\n        right: 0;\n        position: absolute;\n        padding: 8px;\n        margin: 0;\n        color: var(--hax-color-text);\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);\n        font-size: 18px;\n        line-height: 18px;\n        font-family: \"Noto Serif\", serif;\n        color: var(--hax-color-text);\n      }\n      app-drawer {\n        --app-drawer-content-container: {\n          background-color: #ffffff;\n        }\n        --app-drawer-width: 320px;\n      }\n      .pref-container {\n        text-align: left;\n        padding: 16px;\n      }\n    </style>\n    <app-drawer id=\"dialog\" align=\"left\" transition-duration=\"300\">\n      <h3 class=\"title\">[[title]]</h3>\n      <div style=\"height: 100%; overflow: auto;\" class=\"pref-container\">\n        <hax-blox-browser id=\"bloxbrowser\"></hax-blox-browser>\n      </div>\n      <paper-button id=\"closedialog\" on-tap=\"close\">\n        <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n      </paper-button>\n    </app-drawer>\n  "]);_templateObject_2f0162d0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2f0162d0555211e98f439769bd191e33()),is:"hax-blox-picker",properties:{title:{type:String,value:"Layouts"}},attached:function attached(){this.fire("hax-register-blox-picker",this)},open:function open(){this.$.bloxbrowser.resetBrowser();this.$.dialog.open()},close:function close(){this.$.dialog.close()},toggleDialog:function toggleDialog(){if(this.$.dialog.opened){this.close()}else{window.HaxStore.instance.closeAllDrawers(this)}}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-blox.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-blox.js
index 75391483b19..9a0690ca8ac 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-blox.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-blox.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_99a6f54054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n      }\n    </style>\n  "]);_templateObject_99a6f54054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_99a6f54054f411e9aeb367f92c5b63ab()),is:"hax-blox",properties:{data:{type:Object}},attached:function attached(){if(babelHelpers.typeof(this.data)!=="undefined"){this.fire("hax-register-blox",this.data)}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_2f06ba00555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n      }\n    </style>\n  "]);_templateObject_2f06ba00555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2f06ba00555211e98f439769bd191e33()),is:"hax-blox",properties:{data:{type:Object}},attached:function attached(){if(babelHelpers.typeof(this.data)!=="undefined"){this.fire("hax-register-blox",this.data)}}})});
\ No newline at end of file
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 12a15eefdc6..8c17af73116 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../@polymer/paper-input/paper-textarea.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-checkbox/paper-checkbox.js","../../simple-colors/lib/simple-colors-picker.js","./hax-context-item-menu.js","./hax-context-item.js","./hax-toolbar.js","./hax-shared-styles.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_99b7971054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style includes=\"hax-shared-styles\">\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    </style>\n    <hax-toolbar hax-properties=\"[[haxProperties]]\" size=\"{{ceSize}}\">\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$=\"[[!__hasSettingsForm]]\"\n      ></hax-context-item>\n      <hax-context-item\n        slot=\"primary\"\n        icon=\"icons:view-quilt\"\n        label=\"[[__parentName]]\"\n        event-name=\"hax-manager-configure-container\"\n        hidden$=\"[[!__hasParentSettingsForm]]\"\n      ></hax-context-item>\n    </hax-toolbar>\n  "]);_templateObject_99b7971054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_99b7971054f411e9aeb367f92c5b63ab()),is:"hax-ce-context",properties:{ceSize:{type:Number,value:100,observer:"_ceSizeChanged"},haxProperties:{type:Object,value:{},observer:"_haxPropertiesChanged"}},setHaxProperties:function setHaxProperties(props){this.set("haxProperties",{});this.set("haxProperties",props)},_ceSizeChanged:function _ceSizeChanged(newValue,oldValue){if(babelHelpers.typeof(newValue)!=="undefined"&&babelHelpers.typeof(oldValue)!=="undefined"){this.fire("hax-context-item-selected",{eventName:"hax-size-change",value:newValue})}},_haxPropertiesChanged:function _haxPropertiesChanged(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"&&babelHelpers.typeof(newValue.settings)!=="undefined"){var slot=(0,_polymerDom.dom)(this);while(null!==slot.firstChild){slot.removeChild(slot.firstChild)}var settings=newValue.settings.quick,configure=newValue.settings.configure,advanced=newValue.settings.advanced;if((configure.length||advanced.length)&&"HR"!==newValue.element.tagName){this.__hasSettingsForm=!0}else{this.__hasSettingsForm=!1}this.__hasParentSettingsForm=!1;if(window.HaxStore.instance.activeContainerNode!==window.HaxStore.instance.activeNode&&null!==window.HaxStore.instance.activeContainerNode){this.__hasParentSettingsForm=!0;switch(window.HaxStore.instance.activeContainerNode.tagName){case"P":case"UL":case"OL":case"DIV":this.__parentName="Text block settings";break;case"GRID-PLATE":this.__parentName="Layout settings";break;default:this.__parentName=window.HaxStore.instance.activeContainerNode.tagName.replace("-"," ").toLowerCase();break;}}for(var item,i=0,setting;i<settings.length;i++){setting=settings[i];item=document.createElement("hax-context-item");item.eventName="hax-edit-property";item.label=setting.title;item.options=setting.options;item.icon=setting.icon;item.inputMethod=setting.inputMethod;item.required=setting.required;item.options=setting.options;item.validation=setting.validation;item.validationType=setting.validationType;item.description=setting.description;if(babelHelpers.typeof(setting.property)!=="undefined"){item.propertyToBind=setting.property}else if(babelHelpers.typeof(setting.attribute)!=="undefined"){item.propertyToBind=setting.attribute}else{item.slotToBind=setting.slot}slot.appendChild(item)}}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../@polymer/paper-input/paper-textarea.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-checkbox/paper-checkbox.js","../../simple-colors/lib/simple-colors-picker.js","./hax-context-item-menu.js","./hax-context-item.js","./hax-toolbar.js","./hax-shared-styles.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_2f1056f0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style includes=\"hax-shared-styles\">\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    </style>\n    <hax-toolbar hax-properties=\"[[haxProperties]]\" size=\"{{ceSize}}\">\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$=\"[[!__hasSettingsForm]]\"\n      ></hax-context-item>\n      <hax-context-item\n        slot=\"primary\"\n        icon=\"icons:view-quilt\"\n        label=\"[[__parentName]]\"\n        event-name=\"hax-manager-configure-container\"\n        hidden$=\"[[!__hasParentSettingsForm]]\"\n      ></hax-context-item>\n    </hax-toolbar>\n  "]);_templateObject_2f1056f0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2f1056f0555211e98f439769bd191e33()),is:"hax-ce-context",properties:{ceSize:{type:Number,value:100,observer:"_ceSizeChanged"},haxProperties:{type:Object,value:{},observer:"_haxPropertiesChanged"}},setHaxProperties:function setHaxProperties(props){this.set("haxProperties",{});this.set("haxProperties",props)},_ceSizeChanged:function _ceSizeChanged(newValue,oldValue){if(babelHelpers.typeof(newValue)!=="undefined"&&babelHelpers.typeof(oldValue)!=="undefined"){this.fire("hax-context-item-selected",{eventName:"hax-size-change",value:newValue})}},_haxPropertiesChanged:function _haxPropertiesChanged(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"&&babelHelpers.typeof(newValue.settings)!=="undefined"){var slot=(0,_polymerDom.dom)(this);while(null!==slot.firstChild){slot.removeChild(slot.firstChild)}var settings=newValue.settings.quick,configure=newValue.settings.configure,advanced=newValue.settings.advanced;if((configure.length||advanced.length)&&"HR"!==newValue.element.tagName){this.__hasSettingsForm=!0}else{this.__hasSettingsForm=!1}this.__hasParentSettingsForm=!1;if(window.HaxStore.instance.activeContainerNode!==window.HaxStore.instance.activeNode&&null!==window.HaxStore.instance.activeContainerNode){this.__hasParentSettingsForm=!0;switch(window.HaxStore.instance.activeContainerNode.tagName){case"P":case"UL":case"OL":case"DIV":this.__parentName="Text block settings";break;case"GRID-PLATE":this.__parentName="Layout settings";break;default:this.__parentName=window.HaxStore.instance.activeContainerNode.tagName.replace("-"," ").toLowerCase();break;}}for(var item,i=0,setting;i<settings.length;i++){setting=settings[i];item=document.createElement("hax-context-item");item.eventName="hax-edit-property";item.label=setting.title;item.options=setting.options;item.icon=setting.icon;item.inputMethod=setting.inputMethod;item.required=setting.required;item.options=setting.options;item.validation=setting.validation;item.validationType=setting.validationType;item.description=setting.description;if(babelHelpers.typeof(setting.property)!=="undefined"){item.propertyToBind=setting.property}else if(babelHelpers.typeof(setting.attribute)!=="undefined"){item.propertyToBind=setting.attribute}else{item.slotToBind=setting.slot}slot.appendChild(item)}}}})});
\ No newline at end of file
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 8e8ea591f9b..96d17842f43 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/neon-animation/neon-animation.js","./hax-toolbar-menu.js","./hax-shared-styles.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_99d976f054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"hax-shared-styles\">\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    </style>\n    <hax-toolbar-menu\n      id=\"menu\"\n      icon=\"[[icon]]\"\n      tooltip=\"[[label]]\"\n      tooltip-direction=\"[[direction]]\"\n      selected=\"{{selectedValue}}\"\n      reset-on-select=\"[[resetOnSelect]]\"\n    >\n      <slot></slot>\n    </hax-toolbar-menu>\n  "]);_templateObject_99d976f054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_99d976f054f411e9aeb367f92c5b63ab()),is:"hax-context-item-menu",properties:{_blockEvent:{type:Boolean,value:!1},resetOnSelect:{type:Boolean,value:!1},selectedValue:{type:Number,reflectToAttribute:!0,notify:!0,value:0,observer:"_selectedUpdated"},direction:{type:String,value:"top"},icon:{type:String,value:"editor:text-fields",reflectToAttribute:!0},label:{type:String,value:"editor:text-fields",reflectToAttribute:!0},eventName:{type:String,value:"button",reflectToAttribute:!0}},_selectedUpdated:function _selectedUpdated(newValue,oldValue){if(babelHelpers.typeof(newValue)!==babelHelpers.typeof(null)&&babelHelpers.typeof(oldValue)!=="undefined"&&babelHelpers.typeof(oldValue)!==babelHelpers.typeof(null)){for(var children=(0,_polymerDom.dom)(this).children,item={},j=0,i=0,len=children.length;i<len;i++){if("PAPER-ITEM"===children[i].tagName){if(j===newValue){item=children[i];len=i;continue}j++}}if(!this._blockEvent&&babelHelpers.typeof(item.attributes)!=="undefined"&&babelHelpers.typeof(item.attributes.value)!=="undefined"&&babelHelpers.typeof(item.attributes.value.value)!=="undefined"){this.$.menu.hideMenu();this.fire("hax-context-item-selected",{target:item,eventName:item.attributes.value.value})}if(this._blockEvent){this._blockEvent=!1}}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/neon-animation/neon-animation.js","./hax-toolbar-menu.js","./hax-shared-styles.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_2f1f2400555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"hax-shared-styles\">\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    </style>\n    <hax-toolbar-menu\n      id=\"menu\"\n      icon=\"[[icon]]\"\n      tooltip=\"[[label]]\"\n      tooltip-direction=\"[[direction]]\"\n      selected=\"{{selectedValue}}\"\n      reset-on-select=\"[[resetOnSelect]]\"\n    >\n      <slot></slot>\n    </hax-toolbar-menu>\n  "]);_templateObject_2f1f2400555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2f1f2400555211e98f439769bd191e33()),is:"hax-context-item-menu",properties:{_blockEvent:{type:Boolean,value:!1},resetOnSelect:{type:Boolean,value:!1},selectedValue:{type:Number,reflectToAttribute:!0,notify:!0,value:0,observer:"_selectedUpdated"},direction:{type:String,value:"top"},icon:{type:String,value:"editor:text-fields",reflectToAttribute:!0},label:{type:String,value:"editor:text-fields",reflectToAttribute:!0},eventName:{type:String,value:"button",reflectToAttribute:!0}},_selectedUpdated:function _selectedUpdated(newValue,oldValue){if(babelHelpers.typeof(newValue)!==babelHelpers.typeof(null)&&babelHelpers.typeof(oldValue)!=="undefined"&&babelHelpers.typeof(oldValue)!==babelHelpers.typeof(null)){for(var children=(0,_polymerDom.dom)(this).children,item={},j=0,i=0,len=children.length;i<len;i++){if("PAPER-ITEM"===children[i].tagName){if(j===newValue){item=children[i];len=i;continue}j++}}if(!this._blockEvent&&babelHelpers.typeof(item.attributes)!=="undefined"&&babelHelpers.typeof(item.attributes.value)!=="undefined"&&babelHelpers.typeof(item.attributes.value.value)!=="undefined"){this.$.menu.hideMenu();this.fire("hax-context-item-selected",{target:item,eventName:item.attributes.value.value})}if(this._blockEvent){this._blockEvent=!1}}}})});
\ No newline at end of file
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 dd047ab643c..7f8ce5be8f2 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/editor-icons.js","../../../@polymer/iron-icons/device-icons.js","../../../@polymer/iron-icons/hardware-icons.js","../../../@polymer/iron-icons/social-icons.js","../../../@polymer/iron-icons/av-icons.js","../../../@polymer/iron-icons/image-icons.js","../../../@polymer/iron-icons/maps-icons.js","../../../@polymer/neon-animation/neon-animation.js","./hax-toolbar-item.js"],function(_polymerLegacy){"use strict";function _templateObject_99cd41f054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <iron-a11y-keys\n      id=\"a11y\"\n      target=\"[[target]]\"\n      keys=\"enter\"\n      on-keys-pressed=\"_fireEvent\"\n    ></iron-a11y-keys>\n    <hax-toolbar-item\n      id=\"button\"\n      icon=\"[[icon]]\"\n      hidden$=\"[[!icon]]\"\n      tooltip-direction=\"[[direction]]\"\n      tooltip=\"[[label]]\"\n      on-mousedown=\"_fireEvent\"\n      mini=\"[[mini]]\"\n      menu=\"[[menu]]\"\n      light=\"[[light]]\"\n    >\n      <slot></slot>\n    </hax-toolbar-item>\n  "],["\n    <style>\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    </style>\n    <iron-a11y-keys\n      id=\"a11y\"\n      target=\"[[target]]\"\n      keys=\"enter\"\n      on-keys-pressed=\"_fireEvent\"\n    ></iron-a11y-keys>\n    <hax-toolbar-item\n      id=\"button\"\n      icon=\"[[icon]]\"\n      hidden\\$=\"[[!icon]]\"\n      tooltip-direction=\"[[direction]]\"\n      tooltip=\"[[label]]\"\n      on-mousedown=\"_fireEvent\"\n      mini=\"[[mini]]\"\n      menu=\"[[menu]]\"\n      light=\"[[light]]\"\n    >\n      <slot></slot>\n    </hax-toolbar-item>\n  "]);_templateObject_99cd41f054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_99cd41f054f411e9aeb367f92c5b63ab()),is:"hax-context-item-textop",properties:{target:{type:Object},light:{type:Boolean,value:!1},mini:{type:Boolean,value:!1},menu:{type:Boolean,value:!1},direction:{type:String,value:"top"},icon:{type:String,value:"editor:text-fields",reflectToAttribute:!0},label:{type:String,reflectToAttribute:!0},eventName:{type:String,value:"button",reflectToAttribute:!0},inputMethod:{type:String,value:null,reflectToAttribute:!0},propertyToBind:{type:String,value:null,reflectToAttribute:!0},slotToBind:{type:String,value:null,reflectToAttribute:!0},description:{type:String,reflectToAttribute:!0}},attached:function attached(){this.target=this.$.button},_fireEvent:function _fireEvent(){this.fire("hax-context-item-selected",{target:this,eventName:this.eventName})}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/editor-icons.js","../../../@polymer/iron-icons/device-icons.js","../../../@polymer/iron-icons/hardware-icons.js","../../../@polymer/iron-icons/social-icons.js","../../../@polymer/iron-icons/av-icons.js","../../../@polymer/iron-icons/image-icons.js","../../../@polymer/iron-icons/maps-icons.js","../../../@polymer/neon-animation/neon-animation.js","./hax-toolbar-item.js"],function(_polymerLegacy){"use strict";function _templateObject_2f2f0280555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <iron-a11y-keys\n      id=\"a11y\"\n      target=\"[[target]]\"\n      keys=\"enter\"\n      on-keys-pressed=\"_fireEvent\"\n    ></iron-a11y-keys>\n    <hax-toolbar-item\n      id=\"button\"\n      icon=\"[[icon]]\"\n      hidden$=\"[[!icon]]\"\n      tooltip-direction=\"[[direction]]\"\n      tooltip=\"[[label]]\"\n      on-mousedown=\"_fireEvent\"\n      mini=\"[[mini]]\"\n      menu=\"[[menu]]\"\n      light=\"[[light]]\"\n    >\n      <slot></slot>\n    </hax-toolbar-item>\n  "],["\n    <style>\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    </style>\n    <iron-a11y-keys\n      id=\"a11y\"\n      target=\"[[target]]\"\n      keys=\"enter\"\n      on-keys-pressed=\"_fireEvent\"\n    ></iron-a11y-keys>\n    <hax-toolbar-item\n      id=\"button\"\n      icon=\"[[icon]]\"\n      hidden\\$=\"[[!icon]]\"\n      tooltip-direction=\"[[direction]]\"\n      tooltip=\"[[label]]\"\n      on-mousedown=\"_fireEvent\"\n      mini=\"[[mini]]\"\n      menu=\"[[menu]]\"\n      light=\"[[light]]\"\n    >\n      <slot></slot>\n    </hax-toolbar-item>\n  "]);_templateObject_2f2f0280555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2f2f0280555211e98f439769bd191e33()),is:"hax-context-item-textop",properties:{target:{type:Object},light:{type:Boolean,value:!1},mini:{type:Boolean,value:!1},menu:{type:Boolean,value:!1},direction:{type:String,value:"top"},icon:{type:String,value:"editor:text-fields",reflectToAttribute:!0},label:{type:String,reflectToAttribute:!0},eventName:{type:String,value:"button",reflectToAttribute:!0},inputMethod:{type:String,value:null,reflectToAttribute:!0},propertyToBind:{type:String,value:null,reflectToAttribute:!0},slotToBind:{type:String,value:null,reflectToAttribute:!0},description:{type:String,reflectToAttribute:!0}},attached:function attached(){this.target=this.$.button},_fireEvent:function _fireEvent(){this.fire("hax-context-item-selected",{target:this,eventName:this.eventName})}})});
\ No newline at end of file
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 20f3883686f..d06081dc569 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/editor-icons.js","../../../@polymer/iron-icons/device-icons.js","../../../@polymer/iron-icons/hardware-icons.js","../../../@polymer/iron-icons/social-icons.js","../../../@polymer/iron-icons/av-icons.js","../../../@polymer/iron-icons/image-icons.js","../../../@polymer/iron-icons/maps-icons.js","../../../@polymer/neon-animation/neon-animation.js","./hax-toolbar-item.js"],function(_polymerLegacy){"use strict";function _templateObject_99efe52054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <hax-toolbar-item\n      disabled=\"[[disabled]]\"\n      light=\"[[light]]\"\n      mini=\"[[mini]]\"\n      id=\"button\"\n      icon=\"[[icon]]\"\n      hidden$=\"[[!icon]]\"\n      icon-class=\"[[iconClass]]\"\n      on-mousedown=\"_storeSelection\"\n      on-click=\"_fireEvent\"\n      tooltip=\"[[label]]\"\n      tooltip-direction=\"[[direction]]\"\n      default=\"[[default]]\"\n      menu=\"[[menu]]\"\n    >\n      <slot></slot>\n    </hax-toolbar-item>\n  "],["\n    <style>\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    </style>\n    <hax-toolbar-item\n      disabled=\"[[disabled]]\"\n      light=\"[[light]]\"\n      mini=\"[[mini]]\"\n      id=\"button\"\n      icon=\"[[icon]]\"\n      hidden\\$=\"[[!icon]]\"\n      icon-class=\"[[iconClass]]\"\n      on-mousedown=\"_storeSelection\"\n      on-click=\"_fireEvent\"\n      tooltip=\"[[label]]\"\n      tooltip-direction=\"[[direction]]\"\n      default=\"[[default]]\"\n      menu=\"[[menu]]\"\n    >\n      <slot></slot>\n    </hax-toolbar-item>\n  "]);_templateObject_99efe52054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_99efe52054f411e9aeb367f92c5b63ab()),is:"hax-context-item",properties:{light:{type:Boolean,value:!1},disabled:{type:Boolean,value:!1,reflectToAttribute:!0},mini:{type:Boolean,value:!1},menu:{type:Boolean,value:!1},direction:{type:String,value:"top"},icon:{type:String,value:"editor:text-fields",reflectToAttribute:!0},iconClass:{type:String,value:"",reflectToAttribute:!0},label:{type:String,value:"",reflectToAttribute:!0},eventName:{type:String,value:"button",reflectToAttribute:!0},inputMethod:{type:String,value:null,reflectToAttribute:!0},propertyToBind:{type:String,value:null,reflectToAttribute:!0},slotToBind:{type:String,value:null,reflectToAttribute:!0},description:{type:String,reflectToAttribute:!0},default:{type:Boolean,value:!1},value:{type:String,value:""}},_storeSelection:function _storeSelection(){window.HaxStore._tmpSelection=window.HaxStore.getSelection()},_fireEvent:function _fireEvent(){this.fire("hax-context-item-selected",{target:this,eventName:this.eventName,value:this.value})}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/editor-icons.js","../../../@polymer/iron-icons/device-icons.js","../../../@polymer/iron-icons/hardware-icons.js","../../../@polymer/iron-icons/social-icons.js","../../../@polymer/iron-icons/av-icons.js","../../../@polymer/iron-icons/image-icons.js","../../../@polymer/iron-icons/maps-icons.js","../../../@polymer/neon-animation/neon-animation.js","./hax-toolbar-item.js"],function(_polymerLegacy){"use strict";function _templateObject_2f404090555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <hax-toolbar-item\n      disabled=\"[[disabled]]\"\n      light=\"[[light]]\"\n      mini=\"[[mini]]\"\n      id=\"button\"\n      icon=\"[[icon]]\"\n      hidden$=\"[[!icon]]\"\n      icon-class=\"[[iconClass]]\"\n      on-mousedown=\"_storeSelection\"\n      on-click=\"_fireEvent\"\n      tooltip=\"[[label]]\"\n      tooltip-direction=\"[[direction]]\"\n      default=\"[[default]]\"\n      menu=\"[[menu]]\"\n    >\n      <slot></slot>\n    </hax-toolbar-item>\n  "],["\n    <style>\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    </style>\n    <hax-toolbar-item\n      disabled=\"[[disabled]]\"\n      light=\"[[light]]\"\n      mini=\"[[mini]]\"\n      id=\"button\"\n      icon=\"[[icon]]\"\n      hidden\\$=\"[[!icon]]\"\n      icon-class=\"[[iconClass]]\"\n      on-mousedown=\"_storeSelection\"\n      on-click=\"_fireEvent\"\n      tooltip=\"[[label]]\"\n      tooltip-direction=\"[[direction]]\"\n      default=\"[[default]]\"\n      menu=\"[[menu]]\"\n    >\n      <slot></slot>\n    </hax-toolbar-item>\n  "]);_templateObject_2f404090555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2f404090555211e98f439769bd191e33()),is:"hax-context-item",properties:{light:{type:Boolean,value:!1},disabled:{type:Boolean,value:!1,reflectToAttribute:!0},mini:{type:Boolean,value:!1},menu:{type:Boolean,value:!1},direction:{type:String,value:"top"},icon:{type:String,value:"editor:text-fields",reflectToAttribute:!0},iconClass:{type:String,value:"",reflectToAttribute:!0},label:{type:String,value:"",reflectToAttribute:!0},eventName:{type:String,value:"button",reflectToAttribute:!0},inputMethod:{type:String,value:null,reflectToAttribute:!0},propertyToBind:{type:String,value:null,reflectToAttribute:!0},slotToBind:{type:String,value:null,reflectToAttribute:!0},description:{type:String,reflectToAttribute:!0},default:{type:Boolean,value:!1},value:{type:String,value:""}},_storeSelection:function _storeSelection(){window.HaxStore._tmpSelection=window.HaxStore.getSelection()},_fireEvent:function _fireEvent(){this.fire("hax-context-item-selected",{target:this,eventName:this.eventName,value:this.value})}})});
\ No newline at end of file
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 c220bffada7..b33db0efe1c 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-dialog/paper-dialog.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-button/paper-button.js","../../dl-behavior/dl-behavior.js","../../simple-colors/simple-colors.js","../../code-editor/code-editor.js","../../hexagon-loader/hexagon-loader.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_9a03461054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      #dialog {\n        z-index: 1000;\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-text);\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        color: var(--hax-color-text);\n        text-transform: none;\n        margin: 0;\n        background-color: var(--hax-color-bg-accent);\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        color: var(--hax-color-text);\n        background-color: transparent;\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: var(--hax-color-text);\n      }\n      #import {\n        margin-right: 50px;\n        color: var(--hax-color-accent1-text);\n        background-color: var(--hax-color-accent1);\n      }\n      #loading {\n        position: absolute;\n        margin: 0 auto;\n        width: 100%;\n      }\n    </style>\n    <paper-dialog id=\"dialog\" with-backdrop always-on-top>\n      <h3 class=\"title\">[[title]]</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            color=\"#0085ba\"\n            aria-roledescription=\"Loading\"\n          ></hexagon-loader>\n          <code-editor id=\"textarea\" title=\"\" theme=\"hc-black\"></code-editor>\n        </div>\n        <div id=\"buttons\" class=\"buttons\">\n          <paper-button id=\"import\" raised>Update body area</paper-button>\n          <paper-button id=\"copy\">Copy to clipboard</paper-button>\n          <paper-button id=\"downloadfull\">Download full file</paper-button>\n          <paper-button id=\"download\">Download body area</paper-button>\n          <paper-button\n            id=\"elementexport\"\n            hidden$=\"[[!globalPreferences.haxDeveloperMode]]\"\n            >Copy as HAX schema to clipboard</paper-button\n          >\n        </div>\n      </div>\n      <paper-button id=\"closedialog\" on-tap=\"close\">\n        <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n      </paper-button>\n    </paper-dialog>\n  "],["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      #dialog {\n        z-index: 1000;\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-text);\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        color: var(--hax-color-text);\n        text-transform: none;\n        margin: 0;\n        background-color: var(--hax-color-bg-accent);\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        color: var(--hax-color-text);\n        background-color: transparent;\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: var(--hax-color-text);\n      }\n      #import {\n        margin-right: 50px;\n        color: var(--hax-color-accent1-text);\n        background-color: var(--hax-color-accent1);\n      }\n      #loading {\n        position: absolute;\n        margin: 0 auto;\n        width: 100%;\n      }\n    </style>\n    <paper-dialog id=\"dialog\" with-backdrop always-on-top>\n      <h3 class=\"title\">[[title]]</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            color=\"#0085ba\"\n            aria-roledescription=\"Loading\"\n          ></hexagon-loader>\n          <code-editor id=\"textarea\" title=\"\" theme=\"hc-black\"></code-editor>\n        </div>\n        <div id=\"buttons\" class=\"buttons\">\n          <paper-button id=\"import\" raised>Update body area</paper-button>\n          <paper-button id=\"copy\">Copy to clipboard</paper-button>\n          <paper-button id=\"downloadfull\">Download full file</paper-button>\n          <paper-button id=\"download\">Download body area</paper-button>\n          <paper-button\n            id=\"elementexport\"\n            hidden\\$=\"[[!globalPreferences.haxDeveloperMode]]\"\n            >Copy as HAX schema to clipboard</paper-button\n          >\n        </div>\n      </div>\n      <paper-button id=\"closedialog\" on-tap=\"close\">\n        <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n      </paper-button>\n    </paper-dialog>\n  "]);_templateObject_9a03461054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9a03461054f411e9aeb367f92c5b63ab()),is:"hax-export-dialog",behaviors:[mtz.FileDownloadBehaviors],properties:{title:{type:String,value:"Source view"},globalPreferences:{type:Object,value:{}}},attached:function attached(){this.fire("hax-register-export",this);document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));this.$.download.addEventListener("tap",this.download.bind(this));this.$.downloadfull.addEventListener("tap",this.downloadfull.bind(this));this.$.import.addEventListener("tap",this.importContent.bind(this));this.$.copy.addEventListener("tap",this.selectBody.bind(this));this.$.closedialog.addEventListener("tap",this.close.bind(this));this.$.elementexport.addEventListener("tap",this.htmlToHaxElements.bind(this))},detached:function detached(){document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));this.$.download.removeEventListener("tap",this.download.bind(this));this.$.downloadfull.removeEventListener("tap",this.downloadfull.bind(this));this.$.import.removeEventListener("tap",this.importContent.bind(this));this.$.copy.removeEventListener("tap",this.selectBody.bind(this));this.$.closedialog.removeEventListener("tap",this.close.bind(this));this.$.elementexport.removeEventListener("tap",this.htmlToHaxElements.bind(this))},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){if("object"===babelHelpers.typeof(e.detail.value)){this.set(e.detail.property,null)}this.set(e.detail.property,e.detail.value)}},download:function download(){var data=this.contentToFile(!1);this.downloadFromData(data,"html","my-new-code");window.HaxStore.toast("HTML content downloaded")},downloadfull:function downloadfull(){var data=this.contentToFile(!0);this.downloadFromData(data,"html","my-new-webpage");window.HaxStore.toast("Working offline copy downloaded")},importContent:function importContent(){var htmlBody=this.$.textarea.value;window.HaxStore.toast("Content updated");return window.HaxStore.instance.activeHaxBody.importContent(htmlBody)},selectBody:function selectBody(){this.$.hiddentextarea.value=this.$.textarea.value;this.$.hiddentextarea.removeAttribute("hidden");this.$.hiddentextarea.focus();this.$.hiddentextarea.select();document.execCommand("copy");this.$.hiddentextarea.setAttribute("hidden","hidden");window.HaxStore.toast("Copied HTML content")},htmlToHaxElements:function htmlToHaxElements(){var elements=window.HaxStore.htmlToHaxElements(this.$.textarea.value),str=JSON.stringify(elements,null,2),val=this.$.textarea.value;this.$.hiddentextarea.removeAttribute("hidden");this.$.hiddentextarea.value=str;this.$.hiddentextarea.focus();this.$.hiddentextarea.select();document.execCommand("copy");this.$.hiddentextarea.value=val;this.$.hiddentextarea.setAttribute("hidden","hidden");window.HaxStore.toast("Copied hax elements to clipboard")},contentToFile:function contentToFile(full){var content="";if(full){var elementList=window.HaxStore.instance.elementList,url="https://lrnwebcomponents.github.io/hax-body/components";content="\n      <!doctype html>\n      <html lang=\"en\">\n        <head>\n          <meta charset=\"utf-8\">\n          <meta name=\"viewport\" content=\"width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes\">\n          <title>hax-body demo</title>\n          <script src=\"".concat(url,"/@webcomponents/webcomponentsjs/webcomponents-loader.js\"></script>\n          <style>\n          body {\n            padding: 32px;\n          }\n          </style>\n      ");var ignoreList=["iframe","a","img","hr","p"];for(var index in elementList){if(-1===ignoreList.indexOf(index)){content+="<script type=\"module\" src=\""+url+"/"+index+"/"+index+".js\" />"+"\n"}}content+="</head><body>";content+=window.HaxStore.instance.activeHaxBody.haxToContent();content+="</body></html>"}else{content=window.HaxStore.instance.activeHaxBody.haxToContent()}return content},toggleDialog:function toggleDialog(){if(this.$.dialog.opened){this.close()}else{this.$.textarea.editorValue=this.contentToFile(!1);window.HaxStore.instance.closeAllDrawers(this)}},open:function open(){var _this=this;this.$.dialog.open();this.$.buttons.style.display="none";this.$.loading.setAttribute("loading","loading");this.$.wrapper.appendChild(this.$.textarea);setTimeout(function(){_this.$.loading.removeAttribute("loading");_this.$.buttons.style.display="unset"},800)},close:function close(){this.$.dialog.close()}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-dialog/paper-dialog.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-button/paper-button.js","../../dl-behavior/dl-behavior.js","../../simple-colors/simple-colors.js","../../code-editor/code-editor.js","../../hexagon-loader/hexagon-loader.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_2f53c890555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      #dialog {\n        z-index: 1000;\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-text);\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        color: var(--hax-color-text);\n        text-transform: none;\n        margin: 0;\n        background-color: var(--hax-color-bg-accent);\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        color: var(--hax-color-text);\n        background-color: transparent;\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: var(--hax-color-text);\n      }\n      #import {\n        margin-right: 50px;\n        color: var(--hax-color-accent1-text);\n        background-color: var(--hax-color-accent1);\n      }\n      #loading {\n        position: absolute;\n        margin: 0 auto;\n        width: 100%;\n      }\n    </style>\n    <paper-dialog id=\"dialog\" with-backdrop always-on-top>\n      <h3 class=\"title\">[[title]]</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            color=\"#0085ba\"\n            aria-roledescription=\"Loading\"\n          ></hexagon-loader>\n          <code-editor id=\"textarea\" title=\"\" theme=\"hc-black\"></code-editor>\n        </div>\n        <div id=\"buttons\" class=\"buttons\">\n          <paper-button id=\"import\" raised>Update body area</paper-button>\n          <paper-button id=\"copy\">Copy to clipboard</paper-button>\n          <paper-button id=\"downloadfull\">Download full file</paper-button>\n          <paper-button id=\"download\">Download body area</paper-button>\n          <paper-button\n            id=\"elementexport\"\n            hidden$=\"[[!globalPreferences.haxDeveloperMode]]\"\n            >Copy as HAX schema to clipboard</paper-button\n          >\n        </div>\n      </div>\n      <paper-button id=\"closedialog\" on-tap=\"close\">\n        <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n      </paper-button>\n    </paper-dialog>\n  "],["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      #dialog {\n        z-index: 1000;\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-text);\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        color: var(--hax-color-text);\n        text-transform: none;\n        margin: 0;\n        background-color: var(--hax-color-bg-accent);\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        color: var(--hax-color-text);\n        background-color: transparent;\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: var(--hax-color-text);\n      }\n      #import {\n        margin-right: 50px;\n        color: var(--hax-color-accent1-text);\n        background-color: var(--hax-color-accent1);\n      }\n      #loading {\n        position: absolute;\n        margin: 0 auto;\n        width: 100%;\n      }\n    </style>\n    <paper-dialog id=\"dialog\" with-backdrop always-on-top>\n      <h3 class=\"title\">[[title]]</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            color=\"#0085ba\"\n            aria-roledescription=\"Loading\"\n          ></hexagon-loader>\n          <code-editor id=\"textarea\" title=\"\" theme=\"hc-black\"></code-editor>\n        </div>\n        <div id=\"buttons\" class=\"buttons\">\n          <paper-button id=\"import\" raised>Update body area</paper-button>\n          <paper-button id=\"copy\">Copy to clipboard</paper-button>\n          <paper-button id=\"downloadfull\">Download full file</paper-button>\n          <paper-button id=\"download\">Download body area</paper-button>\n          <paper-button\n            id=\"elementexport\"\n            hidden\\$=\"[[!globalPreferences.haxDeveloperMode]]\"\n            >Copy as HAX schema to clipboard</paper-button\n          >\n        </div>\n      </div>\n      <paper-button id=\"closedialog\" on-tap=\"close\">\n        <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n      </paper-button>\n    </paper-dialog>\n  "]);_templateObject_2f53c890555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2f53c890555211e98f439769bd191e33()),is:"hax-export-dialog",behaviors:[mtz.FileDownloadBehaviors],properties:{title:{type:String,value:"Source view"},globalPreferences:{type:Object,value:{}}},attached:function attached(){this.fire("hax-register-export",this);document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));this.$.download.addEventListener("tap",this.download.bind(this));this.$.downloadfull.addEventListener("tap",this.downloadfull.bind(this));this.$.import.addEventListener("tap",this.importContent.bind(this));this.$.copy.addEventListener("tap",this.selectBody.bind(this));this.$.closedialog.addEventListener("tap",this.close.bind(this));this.$.elementexport.addEventListener("tap",this.htmlToHaxElements.bind(this))},detached:function detached(){document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));this.$.download.removeEventListener("tap",this.download.bind(this));this.$.downloadfull.removeEventListener("tap",this.downloadfull.bind(this));this.$.import.removeEventListener("tap",this.importContent.bind(this));this.$.copy.removeEventListener("tap",this.selectBody.bind(this));this.$.closedialog.removeEventListener("tap",this.close.bind(this));this.$.elementexport.removeEventListener("tap",this.htmlToHaxElements.bind(this))},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){if("object"===babelHelpers.typeof(e.detail.value)){this.set(e.detail.property,null)}this.set(e.detail.property,e.detail.value)}},download:function download(){var data=this.contentToFile(!1);this.downloadFromData(data,"html","my-new-code");window.HaxStore.toast("HTML content downloaded")},downloadfull:function downloadfull(){var data=this.contentToFile(!0);this.downloadFromData(data,"html","my-new-webpage");window.HaxStore.toast("Working offline copy downloaded")},importContent:function importContent(){var htmlBody=this.$.textarea.value;window.HaxStore.toast("Content updated");return window.HaxStore.instance.activeHaxBody.importContent(htmlBody)},selectBody:function selectBody(){this.$.hiddentextarea.value=this.$.textarea.value;this.$.hiddentextarea.removeAttribute("hidden");this.$.hiddentextarea.focus();this.$.hiddentextarea.select();document.execCommand("copy");this.$.hiddentextarea.setAttribute("hidden","hidden");window.HaxStore.toast("Copied HTML content")},htmlToHaxElements:function htmlToHaxElements(){var elements=window.HaxStore.htmlToHaxElements(this.$.textarea.value),str=JSON.stringify(elements,null,2),val=this.$.textarea.value;this.$.hiddentextarea.removeAttribute("hidden");this.$.hiddentextarea.value=str;this.$.hiddentextarea.focus();this.$.hiddentextarea.select();document.execCommand("copy");this.$.hiddentextarea.value=val;this.$.hiddentextarea.setAttribute("hidden","hidden");window.HaxStore.toast("Copied hax elements to clipboard")},contentToFile:function contentToFile(full){var content="";if(full){var elementList=window.HaxStore.instance.elementList,url="https://lrnwebcomponents.github.io/hax-body/components";content="\n      <!doctype html>\n      <html lang=\"en\">\n        <head>\n          <meta charset=\"utf-8\">\n          <meta name=\"viewport\" content=\"width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes\">\n          <title>hax-body demo</title>\n          <script src=\"".concat(url,"/@webcomponents/webcomponentsjs/webcomponents-loader.js\"></script>\n          <style>\n          body {\n            padding: 32px;\n          }\n          </style>\n      ");var ignoreList=["iframe","a","img","hr","p"];for(var index in elementList){if(-1===ignoreList.indexOf(index)){content+="<script type=\"module\" src=\""+url+"/"+index+"/"+index+".js\" />"+"\n"}}content+="</head><body>";content+=window.HaxStore.instance.activeHaxBody.haxToContent();content+="</body></html>"}else{content=window.HaxStore.instance.activeHaxBody.haxToContent()}return content},toggleDialog:function toggleDialog(){if(this.$.dialog.opened){this.close()}else{this.$.textarea.editorValue=this.contentToFile(!1);window.HaxStore.instance.closeAllDrawers(this)}},open:function open(){var _this=this;this.$.dialog.open();this.$.buttons.style.display="none";this.$.loading.setAttribute("loading","loading");this.$.wrapper.appendChild(this.$.textarea);setTimeout(function(){_this.$.loading.removeAttribute("loading");_this.$.buttons.style.display="unset"},800)},close:function close(){this.$.dialog.close()}})});
\ No newline at end of file
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 1d6a9c8a1e1..ab667644d56 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/editor-icons.js","../../../@polymer/iron-icons/device-icons.js","../../../@polymer/iron-icons/hardware-icons.js","../../../@polymer/iron-icons/communication-icons.js","../../../@polymer/iron-icons/social-icons.js","../../../@polymer/iron-icons/av-icons.js","../../../@polymer/iron-icons/maps-icons.js","../../../@polymer/iron-icons/places-icons.js","../../../@polymer/iron-image/iron-image.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_9a3be24054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      :host([elevation=\"1\"]) {\n        -webkit-transform: scale(1, 1);\n        transform: scale(1, 1);\n      }\n      :host([elevation=\"2\"]) {\n        -webkit-transform: scale(1.4, 1.4);\n        transform: scale(1.4, 1.4);\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: 50px;\n        height: 50px;\n        padding: 5px;\n        margin: 10px;\n        color: #ffffff;\n        border-radius: 50%;\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        -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      paper-button iron-icon {\n        height: 32px;\n        width: 32px;\n        color: var(--simple-colors-default-theme-grey-12);\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    </style>\n    <paper-button\n      id=\"button\"\n      on-tap=\"_fireEvent\"\n      data-voicecommand$=\"select [[title]]\"\n      title=\"[[title]]\"\n      class$=\"simple-colors-default-theme-[[color]]-4\"\n    >\n      <div class=\"button-inner\">\n        <iron-icon icon=\"[[icon]]\" hidden$=\"[[!icon]]\"></iron-icon>\n        <iron-image\n          src=\"[[image]]\"\n          preload=\"\"\n          sizing=\"cover\"\n          hidden$=\"[[!image]]\"\n        ></iron-image>\n      </div>\n    </paper-button>\n    <div class=\"item-title\" aria-hidden=\"true\">[[title]]</div>\n  "],["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      :host([elevation=\"1\"]) {\n        -webkit-transform: scale(1, 1);\n        transform: scale(1, 1);\n      }\n      :host([elevation=\"2\"]) {\n        -webkit-transform: scale(1.4, 1.4);\n        transform: scale(1.4, 1.4);\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: 50px;\n        height: 50px;\n        padding: 5px;\n        margin: 10px;\n        color: #ffffff;\n        border-radius: 50%;\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        -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      paper-button iron-icon {\n        height: 32px;\n        width: 32px;\n        color: var(--simple-colors-default-theme-grey-12);\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    </style>\n    <paper-button\n      id=\"button\"\n      on-tap=\"_fireEvent\"\n      data-voicecommand\\$=\"select [[title]]\"\n      title=\"[[title]]\"\n      class$=\"simple-colors-default-theme-[[color]]-4\"\n    >\n      <div class=\"button-inner\">\n        <iron-icon icon=\"[[icon]]\" hidden$=\"[[!icon]]\"></iron-icon>\n        <iron-image\n          src=\"[[image]]\"\n          preload=\"\"\n          sizing=\"cover\"\n          hidden$=\"[[!image]]\"\n        ></iron-image>\n      </div>\n    </paper-button>\n    <div class=\"item-title\" aria-hidden=\"true\">[[title]]</div>\n  "]);_templateObject_9a3be24054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9a3be24054f411e9aeb367f92c5b63ab()),is:"hax-gizmo-browser-item",listeners:{mousedown:"tapEventOn",mouseover:"tapEventOn",mouseout:"tapEventOff",focusin:"tapEventOn",focusout:"tapEventOff"},properties:{title:{type:String},index:{type:Number},icon:{type:String},image:{type:String,value:!1},color:{type:String},author:{type:String},description:{type:String},examples:{type:Array},status:{type:Array},tag:{type:String},elevation:{type:Number,value:1,reflectToAttribute:!0}},tapEventOn:function tapEventOn(){this.elevation=2},tapEventOff:function tapEventOff(){this.elevation=1},_fireEvent:function _fireEvent(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,gizmo={tag:this.tag},element=window.HaxStore.haxElementPrototype(gizmo);window.HaxStore.write("activeHaxElement",element,this)}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/editor-icons.js","../../../@polymer/iron-icons/device-icons.js","../../../@polymer/iron-icons/hardware-icons.js","../../../@polymer/iron-icons/communication-icons.js","../../../@polymer/iron-icons/social-icons.js","../../../@polymer/iron-icons/av-icons.js","../../../@polymer/iron-icons/maps-icons.js","../../../@polymer/iron-icons/places-icons.js","../../../@polymer/iron-image/iron-image.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_2f666630555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      :host([elevation=\"1\"]) {\n        -webkit-transform: scale(1, 1);\n        transform: scale(1, 1);\n      }\n      :host([elevation=\"2\"]) {\n        -webkit-transform: scale(1.4, 1.4);\n        transform: scale(1.4, 1.4);\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: 50px;\n        height: 50px;\n        padding: 5px;\n        margin: 10px;\n        color: #ffffff;\n        border-radius: 50%;\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        -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      paper-button iron-icon {\n        height: 32px;\n        width: 32px;\n        color: var(--simple-colors-default-theme-grey-12);\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    </style>\n    <paper-button\n      id=\"button\"\n      on-tap=\"_fireEvent\"\n      data-voicecommand$=\"select [[title]]\"\n      title=\"[[title]]\"\n      class$=\"simple-colors-default-theme-[[color]]-4\"\n    >\n      <div class=\"button-inner\">\n        <iron-icon icon=\"[[icon]]\" hidden$=\"[[!icon]]\"></iron-icon>\n        <iron-image\n          src=\"[[image]]\"\n          preload=\"\"\n          sizing=\"cover\"\n          hidden$=\"[[!image]]\"\n        ></iron-image>\n      </div>\n    </paper-button>\n    <div class=\"item-title\" aria-hidden=\"true\">[[title]]</div>\n  "],["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      :host([elevation=\"1\"]) {\n        -webkit-transform: scale(1, 1);\n        transform: scale(1, 1);\n      }\n      :host([elevation=\"2\"]) {\n        -webkit-transform: scale(1.4, 1.4);\n        transform: scale(1.4, 1.4);\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: 50px;\n        height: 50px;\n        padding: 5px;\n        margin: 10px;\n        color: #ffffff;\n        border-radius: 50%;\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        -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      paper-button iron-icon {\n        height: 32px;\n        width: 32px;\n        color: var(--simple-colors-default-theme-grey-12);\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    </style>\n    <paper-button\n      id=\"button\"\n      on-tap=\"_fireEvent\"\n      data-voicecommand\\$=\"select [[title]]\"\n      title=\"[[title]]\"\n      class$=\"simple-colors-default-theme-[[color]]-4\"\n    >\n      <div class=\"button-inner\">\n        <iron-icon icon=\"[[icon]]\" hidden$=\"[[!icon]]\"></iron-icon>\n        <iron-image\n          src=\"[[image]]\"\n          preload=\"\"\n          sizing=\"cover\"\n          hidden$=\"[[!image]]\"\n        ></iron-image>\n      </div>\n    </paper-button>\n    <div class=\"item-title\" aria-hidden=\"true\">[[title]]</div>\n  "]);_templateObject_2f666630555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2f666630555211e98f439769bd191e33()),is:"hax-gizmo-browser-item",listeners:{mousedown:"tapEventOn",mouseover:"tapEventOn",mouseout:"tapEventOff",focusin:"tapEventOn",focusout:"tapEventOff"},properties:{title:{type:String},index:{type:Number},icon:{type:String},image:{type:String,value:!1},color:{type:String},author:{type:String},description:{type:String},examples:{type:Array},status:{type:Array},tag:{type:String},elevation:{type:Number,value:1,reflectToAttribute:!0}},tapEventOn:function tapEventOn(){this.elevation=2},tapEventOff:function tapEventOff(){this.elevation=1},_fireEvent:function _fireEvent(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,gizmo={tag:this.tag},element=window.HaxStore.haxElementPrototype(gizmo);window.HaxStore.write("activeHaxElement",element,this)}})});
\ No newline at end of file
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 2c0f29b3b36..f19b55aa8f3 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/iron-list/iron-list.js","../../../@polymer/paper-input/paper-input.js","../../grafitto-filter/grafitto-filter.js","../../dropdown-select/dropdown-select.js","../../simple-colors/simple-colors.js","./hax-gizmo-browser-item.js","./hax-shared-styles.js"],function(_polymerLegacy,async){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_9a26376054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      hax-gizmo-browser-item {\n        margin: 10px;\n        -webkit-transition: 0.3s all linear;\n        transition: 0.3s all linear;\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        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-text);\n      }\n      .toolbar-inner {\n        display: inline-flex;\n        padding: 10px;\n      }\n    </style>\n    <h3 class=\"title\">[[title]]</h3>\n    <div class=\"toolbar-inner\">\n      <dropdown-select id=\"filtertype\" label=\"Filter by\" value=\"title\">\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=\"\"\n        always-float-label=\"\"\n      ></paper-input>\n    </div>\n    <grafitto-filter\n      id=\"filter\"\n      items=\"[[__gizmoList]]\"\n      like=\"\"\n      where=\"title\"\n      as=\"filtered\"\n    >\n      <template>\n        <iron-list id=\"ironlist\" items=\"[[filtered]]\" as=\"gizmo\" grid>\n          <template>\n            <div class=\"gizmo-container\">\n              <hax-gizmo-browser-item\n                index=\"[[gizmo.index]]\"\n                title=\"[[gizmo.title]]\"\n                tag=\"[[gizmo.tag]]\"\n                icon=\"[[gizmo.icon]]\"\n                image=\"[[gizmo.image]]\"\n                color=\"[[gizmo.color]]\"\n                author=\"[[gizmo.author]]\"\n                teaser=\"[[gizmo.teaser]]\"\n                description=\"[[gizmo.description]]\"\n                examples=\"[[gizmo.examples]]\"\n                status=\"[[gizmo.status]]\"\n              ></hax-gizmo-browser-item>\n            </div>\n          </template>\n        </iron-list>\n      </template>\n    </grafitto-filter>\n  "]);_templateObject_9a26376054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9a26376054f411e9aeb367f92c5b63ab()),is:"hax-gizmo-browser",properties:{search:{type:String},title:{type:String,value:"Make"}},attached:function attached(){var _this=this;this.resetBrowser();this.shadowRoot.querySelector("#inputfilter").addEventListener("value-changed",function(e){_this.shadowRoot.querySelector("#filter").like=e.target.value});this.shadowRoot.querySelector("#filtertype").addEventListener("change",function(e){_this.shadowRoot.querySelector("#inputfilter").value="";_this.shadowRoot.querySelector("#filter").where=e.detail.value;_this.shadowRoot.querySelector("#filter").like=""});document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},detached:function detached(){document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){this.set(e.detail.property,e.detail.value)}},resetBrowser:function resetBrowser(){var _this2=this;if(babelHelpers.typeof(this.$.filter)!=="undefined"){async.microTask.run(function(){_this2.set("__gizmoList",window.HaxStore.instance.gizmoList);if(_this2.$.filter.shadowRoot.querySelector("#ironlist")){_this2.$.filter.shadowRoot.querySelector("#ironlist").filtered=_this2.__gizmoList}_this2.$.inputfilter.value="";_this2.$.filtertype.value="title";_this2.$.filter.value="";_this2.$.filter.filter();_this2.$.filter.where="title";_this2.$.filter.like="";setTimeout(function(){if(_this2.$.filter.shadowRoot.querySelector("#ironlist")){_this2.$.filter.shadowRoot.querySelector("#ironlist").fire("iron-resize");window.dispatchEvent(new Event("resize"))}},100)})}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/iron-list/iron-list.js","../../../@polymer/paper-input/paper-input.js","../../grafitto-filter/grafitto-filter.js","../../dropdown-select/dropdown-select.js","../../simple-colors/simple-colors.js","./hax-gizmo-browser-item.js","./hax-shared-styles.js"],function(_polymerLegacy,async){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_2f777d30555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      hax-gizmo-browser-item {\n        margin: 10px;\n        -webkit-transition: 0.3s all linear;\n        transition: 0.3s all linear;\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        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-text);\n      }\n      .toolbar-inner {\n        display: inline-flex;\n        padding: 10px;\n      }\n    </style>\n    <h3 class=\"title\">[[title]]</h3>\n    <div class=\"toolbar-inner\">\n      <dropdown-select id=\"filtertype\" label=\"Filter by\" value=\"title\">\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=\"\"\n        always-float-label=\"\"\n      ></paper-input>\n    </div>\n    <grafitto-filter\n      id=\"filter\"\n      items=\"[[__gizmoList]]\"\n      like=\"\"\n      where=\"title\"\n      as=\"filtered\"\n    >\n      <template>\n        <iron-list id=\"ironlist\" items=\"[[filtered]]\" as=\"gizmo\" grid>\n          <template>\n            <div class=\"gizmo-container\">\n              <hax-gizmo-browser-item\n                index=\"[[gizmo.index]]\"\n                title=\"[[gizmo.title]]\"\n                tag=\"[[gizmo.tag]]\"\n                icon=\"[[gizmo.icon]]\"\n                image=\"[[gizmo.image]]\"\n                color=\"[[gizmo.color]]\"\n                author=\"[[gizmo.author]]\"\n                teaser=\"[[gizmo.teaser]]\"\n                description=\"[[gizmo.description]]\"\n                examples=\"[[gizmo.examples]]\"\n                status=\"[[gizmo.status]]\"\n              ></hax-gizmo-browser-item>\n            </div>\n          </template>\n        </iron-list>\n      </template>\n    </grafitto-filter>\n  "]);_templateObject_2f777d30555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2f777d30555211e98f439769bd191e33()),is:"hax-gizmo-browser",properties:{search:{type:String},title:{type:String,value:"Make"}},attached:function attached(){var _this=this;this.resetBrowser();this.shadowRoot.querySelector("#inputfilter").addEventListener("value-changed",function(e){_this.shadowRoot.querySelector("#filter").like=e.target.value});this.shadowRoot.querySelector("#filtertype").addEventListener("change",function(e){_this.shadowRoot.querySelector("#inputfilter").value="";_this.shadowRoot.querySelector("#filter").where=e.detail.value;_this.shadowRoot.querySelector("#filter").like=""});document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},detached:function detached(){document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){this.set(e.detail.property,e.detail.value)}},resetBrowser:function resetBrowser(){var _this2=this;if(babelHelpers.typeof(this.$.filter)!=="undefined"){async.microTask.run(function(){_this2.set("__gizmoList",window.HaxStore.instance.gizmoList);if(_this2.$.filter.shadowRoot.querySelector("#ironlist")){_this2.$.filter.shadowRoot.querySelector("#ironlist").filtered=_this2.__gizmoList}_this2.$.inputfilter.value="";_this2.$.filtertype.value="title";_this2.$.filter.value="";_this2.$.filter.filter();_this2.$.filter.where="title";_this2.$.filter.like="";setTimeout(function(){if(_this2.$.filter.shadowRoot.querySelector("#ironlist")){_this2.$.filter.shadowRoot.querySelector("#ironlist").fire("iron-resize");window.dispatchEvent(new Event("resize"))}},100)})}}})});
\ No newline at end of file
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 5523b782e27..d070ff0d3d6 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../@polymer/paper-input/paper-textarea.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-checkbox/paper-checkbox.js","../../../@polymer/paper-slider/paper-slider.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../simple-colors/lib/simple-colors-picker.js","./hax-context-item-menu.js","./hax-context-item.js","./hax-shared-styles.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_9a5d9b1054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style includes=\"hax-shared-styles\">\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: var(--hax-color-bg-accent);\n        color: var(--hax-color-text);\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        --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      .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    </style>\n    <div class=\"wrapper\">\n      <template is=\"dom-if\" if=\"[[__inputselect]]\">\n        <span class=\"input-mixer-label\">[[label]]</span>\n        <hax-context-item-menu\n          selected-value=\"{{__selectedValue}}\"\n          icon=\"[[icon]]\"\n          id=\"input\"\n        >\n          <slot></slot>\n        </hax-context-item-menu>\n      </template>\n      <span class=\"input-method\">\n        <template is=\"dom-if\" if=\"[[__inputtextarea]]\">\n          <paper-textarea\n            id=\"input\"\n            label=\"[[label]]\"\n            value=\"{{value}}\"\n            auto-validate=\"\"\n            pattern=\"[[validation]]\"\n            required=\"[[required]]\"\n          ></paper-textarea>\n        </template>\n        <template is=\"dom-if\" if=\"[[__inputtextfield]]\">\n          <paper-input\n            id=\"input\"\n            type=\"[[validationType]]\"\n            label=\"[[label]]\"\n            value=\"{{value}}\"\n            auto-validate=\"\"\n            pattern=\"[[validation]]\"\n            required=\"[[required]]\"\n          ></paper-input>\n        </template>\n        <template is=\"dom-if\" if=\"[[__inputboolean]]\">\n          <paper-checkbox id=\"input\" checked=\"{{value}}\"\n            >[[label]]</paper-checkbox\n          >\n        </template>\n        <template is=\"dom-if\" if=\"[[__inputflipboolean]]\">\n          <paper-checkbox id=\"input\" checked=\"{{value}}\"\n            >[[label]]</paper-checkbox\n          >\n        </template>\n        <template is=\"dom-if\" if=\"[[__inputcolorpicker]]\">\n          <span>[[label]]</span>\n          <simple-colors-picker\n            id=\"input\"\n            value=\"{{value}}\"\n          ></simple-colors-picker>\n        </template>\n      </span>\n      <paper-tooltip for=\"input\" position=\"top\" offset=\"14\">\n        [[description]]\n      </paper-tooltip>\n      <hax-context-item\n        id=\"updatebutton\"\n        icon=\"subdirectory-arrow-right\"\n        label$=\"Update [[label]]\"\n        event-name=\"hax-update-tap\"\n      ></hax-context-item>\n    </div>\n  "],["\n    <style includes=\"hax-shared-styles\">\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: var(--hax-color-bg-accent);\n        color: var(--hax-color-text);\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        --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      .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    </style>\n    <div class=\"wrapper\">\n      <template is=\"dom-if\" if=\"[[__inputselect]]\">\n        <span class=\"input-mixer-label\">[[label]]</span>\n        <hax-context-item-menu\n          selected-value=\"{{__selectedValue}}\"\n          icon=\"[[icon]]\"\n          id=\"input\"\n        >\n          <slot></slot>\n        </hax-context-item-menu>\n      </template>\n      <span class=\"input-method\">\n        <template is=\"dom-if\" if=\"[[__inputtextarea]]\">\n          <paper-textarea\n            id=\"input\"\n            label=\"[[label]]\"\n            value=\"{{value}}\"\n            auto-validate=\"\"\n            pattern=\"[[validation]]\"\n            required=\"[[required]]\"\n          ></paper-textarea>\n        </template>\n        <template is=\"dom-if\" if=\"[[__inputtextfield]]\">\n          <paper-input\n            id=\"input\"\n            type=\"[[validationType]]\"\n            label=\"[[label]]\"\n            value=\"{{value}}\"\n            auto-validate=\"\"\n            pattern=\"[[validation]]\"\n            required=\"[[required]]\"\n          ></paper-input>\n        </template>\n        <template is=\"dom-if\" if=\"[[__inputboolean]]\">\n          <paper-checkbox id=\"input\" checked=\"{{value}}\"\n            >[[label]]</paper-checkbox\n          >\n        </template>\n        <template is=\"dom-if\" if=\"[[__inputflipboolean]]\">\n          <paper-checkbox id=\"input\" checked=\"{{value}}\"\n            >[[label]]</paper-checkbox\n          >\n        </template>\n        <template is=\"dom-if\" if=\"[[__inputcolorpicker]]\">\n          <span>[[label]]</span>\n          <simple-colors-picker\n            id=\"input\"\n            value=\"{{value}}\"\n          ></simple-colors-picker>\n        </template>\n      </span>\n      <paper-tooltip for=\"input\" position=\"top\" offset=\"14\">\n        [[description]]\n      </paper-tooltip>\n      <hax-context-item\n        id=\"updatebutton\"\n        icon=\"subdirectory-arrow-right\"\n        label\\$=\"Update [[label]]\"\n        event-name=\"hax-update-tap\"\n      ></hax-context-item>\n    </div>\n  "]);_templateObject_9a5d9b1054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9a5d9b1054f411e9aeb367f92c5b63ab()),is:"hax-input-mixer",listeners:{"hax-context-item-selected":"_haxContextOperation"},properties:{value:{type:String,value:null},label:{type:String,reflectToAttribute:!0},validation:{type:String,reflectToAttribute:!0},validationType:{type:String,reflectToAttribute:!0},required:{type:Boolean,reflectToAttribute:!0},options:{type:Object,value:{},reflectToAttribute:!0},icon:{type:String,value:"android",reflectToAttribute:!0},description:{type:String,reflectToAttribute:!0},inputMethod:{type:String,value:null,reflectToAttribute:!0,observer:"_inputMethodChanged"},propertyToBind:{type:String,reflectToAttribute:!0},slotToBind:{type:String,reflectToAttribute:!0}},ready:function ready(){this._resetInputMethods()},_inputMethodChanged:function _inputMethodChanged(newValue,oldValue){var _this=this;if(null!=newValue&&babelHelpers.typeof(oldValue)!=="undefined"){var method=newValue,methods=this.validInputMethods();if(methods.includes(method)){this._resetInputMethods();this["__input"+method]=!0;var slot=(0,_polymerDom.dom)(this);while(null!==slot.firstChild){slot.removeChild(slot.firstChild)}if("select"===method&&babelHelpers.typeof(this.options)!=="undefined"){var item;for(var val in this.options){item=document.createElement("paper-item");item.attributes.value=val;item.innerHTML=this.options[val];slot.appendChild(item.cloneNode(!0))}}setTimeout(function(){if("function"===typeof _this.shadowRoot.querySelector("#input").hideMenu){_this.shadowRoot.querySelector("#input").hideMenu()}_this.shadowRoot.querySelector("#input").focus()},200)}}},validInputMethods:function validInputMethods(){return["flipboolean","boolean","select","confirm","textfield","textarea","datepicker","colorpicker","number"]},_resetInputMethods:function _resetInputMethods(){for(var methods=this.validInputMethods(),i=0;i<methods.length;i++){this["__input"+methods[i]]=!1}},_haxContextOperation:function _haxContextOperation(e){var detail=e.detail;switch(detail.eventName){case"hax-update-tap":if("boolean"==this.inputMethod){this.value=this.value}else if("flipboolean"==this.inputMethod){this.value=!this.value}else if("select"==this.inputMethod){var count=0;for(var val in this.options){if(count==this.__selectedValue){this.value=val}count++}}var mixer={value:this.value,propertyToBind:this.propertyToBind,slotToBind:this.slotToBind};this.fire("hax-input-mixer-update",{inputMixer:mixer});break;}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../@polymer/paper-input/paper-textarea.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-checkbox/paper-checkbox.js","../../../@polymer/paper-slider/paper-slider.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../simple-colors/lib/simple-colors-picker.js","./hax-context-item-menu.js","./hax-context-item.js","./hax-shared-styles.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_2f8b5350555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style includes=\"hax-shared-styles\">\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: var(--hax-color-bg-accent);\n        color: var(--hax-color-text);\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        --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      .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    </style>\n    <div class=\"wrapper\">\n      <template is=\"dom-if\" if=\"[[__inputselect]]\">\n        <span class=\"input-mixer-label\">[[label]]</span>\n        <hax-context-item-menu\n          selected-value=\"{{__selectedValue}}\"\n          icon=\"[[icon]]\"\n          id=\"input\"\n        >\n          <slot></slot>\n        </hax-context-item-menu>\n      </template>\n      <span class=\"input-method\">\n        <template is=\"dom-if\" if=\"[[__inputtextarea]]\">\n          <paper-textarea\n            id=\"input\"\n            label=\"[[label]]\"\n            value=\"{{value}}\"\n            auto-validate=\"\"\n            pattern=\"[[validation]]\"\n            required=\"[[required]]\"\n          ></paper-textarea>\n        </template>\n        <template is=\"dom-if\" if=\"[[__inputtextfield]]\">\n          <paper-input\n            id=\"input\"\n            type=\"[[validationType]]\"\n            label=\"[[label]]\"\n            value=\"{{value}}\"\n            auto-validate=\"\"\n            pattern=\"[[validation]]\"\n            required=\"[[required]]\"\n          ></paper-input>\n        </template>\n        <template is=\"dom-if\" if=\"[[__inputboolean]]\">\n          <paper-checkbox id=\"input\" checked=\"{{value}}\"\n            >[[label]]</paper-checkbox\n          >\n        </template>\n        <template is=\"dom-if\" if=\"[[__inputflipboolean]]\">\n          <paper-checkbox id=\"input\" checked=\"{{value}}\"\n            >[[label]]</paper-checkbox\n          >\n        </template>\n        <template is=\"dom-if\" if=\"[[__inputcolorpicker]]\">\n          <span>[[label]]</span>\n          <simple-colors-picker\n            id=\"input\"\n            value=\"{{value}}\"\n          ></simple-colors-picker>\n        </template>\n      </span>\n      <paper-tooltip for=\"input\" position=\"top\" offset=\"14\">\n        [[description]]\n      </paper-tooltip>\n      <hax-context-item\n        id=\"updatebutton\"\n        icon=\"subdirectory-arrow-right\"\n        label$=\"Update [[label]]\"\n        event-name=\"hax-update-tap\"\n      ></hax-context-item>\n    </div>\n  "],["\n    <style includes=\"hax-shared-styles\">\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: var(--hax-color-bg-accent);\n        color: var(--hax-color-text);\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        --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      .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    </style>\n    <div class=\"wrapper\">\n      <template is=\"dom-if\" if=\"[[__inputselect]]\">\n        <span class=\"input-mixer-label\">[[label]]</span>\n        <hax-context-item-menu\n          selected-value=\"{{__selectedValue}}\"\n          icon=\"[[icon]]\"\n          id=\"input\"\n        >\n          <slot></slot>\n        </hax-context-item-menu>\n      </template>\n      <span class=\"input-method\">\n        <template is=\"dom-if\" if=\"[[__inputtextarea]]\">\n          <paper-textarea\n            id=\"input\"\n            label=\"[[label]]\"\n            value=\"{{value}}\"\n            auto-validate=\"\"\n            pattern=\"[[validation]]\"\n            required=\"[[required]]\"\n          ></paper-textarea>\n        </template>\n        <template is=\"dom-if\" if=\"[[__inputtextfield]]\">\n          <paper-input\n            id=\"input\"\n            type=\"[[validationType]]\"\n            label=\"[[label]]\"\n            value=\"{{value}}\"\n            auto-validate=\"\"\n            pattern=\"[[validation]]\"\n            required=\"[[required]]\"\n          ></paper-input>\n        </template>\n        <template is=\"dom-if\" if=\"[[__inputboolean]]\">\n          <paper-checkbox id=\"input\" checked=\"{{value}}\"\n            >[[label]]</paper-checkbox\n          >\n        </template>\n        <template is=\"dom-if\" if=\"[[__inputflipboolean]]\">\n          <paper-checkbox id=\"input\" checked=\"{{value}}\"\n            >[[label]]</paper-checkbox\n          >\n        </template>\n        <template is=\"dom-if\" if=\"[[__inputcolorpicker]]\">\n          <span>[[label]]</span>\n          <simple-colors-picker\n            id=\"input\"\n            value=\"{{value}}\"\n          ></simple-colors-picker>\n        </template>\n      </span>\n      <paper-tooltip for=\"input\" position=\"top\" offset=\"14\">\n        [[description]]\n      </paper-tooltip>\n      <hax-context-item\n        id=\"updatebutton\"\n        icon=\"subdirectory-arrow-right\"\n        label\\$=\"Update [[label]]\"\n        event-name=\"hax-update-tap\"\n      ></hax-context-item>\n    </div>\n  "]);_templateObject_2f8b5350555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2f8b5350555211e98f439769bd191e33()),is:"hax-input-mixer",listeners:{"hax-context-item-selected":"_haxContextOperation"},properties:{value:{type:String,value:null},label:{type:String,reflectToAttribute:!0},validation:{type:String,reflectToAttribute:!0},validationType:{type:String,reflectToAttribute:!0},required:{type:Boolean,reflectToAttribute:!0},options:{type:Object,value:{},reflectToAttribute:!0},icon:{type:String,value:"android",reflectToAttribute:!0},description:{type:String,reflectToAttribute:!0},inputMethod:{type:String,value:null,reflectToAttribute:!0,observer:"_inputMethodChanged"},propertyToBind:{type:String,reflectToAttribute:!0},slotToBind:{type:String,reflectToAttribute:!0}},ready:function ready(){this._resetInputMethods()},_inputMethodChanged:function _inputMethodChanged(newValue,oldValue){var _this=this;if(null!=newValue&&babelHelpers.typeof(oldValue)!=="undefined"){var method=newValue,methods=this.validInputMethods();if(methods.includes(method)){this._resetInputMethods();this["__input"+method]=!0;var slot=(0,_polymerDom.dom)(this);while(null!==slot.firstChild){slot.removeChild(slot.firstChild)}if("select"===method&&babelHelpers.typeof(this.options)!=="undefined"){var item;for(var val in this.options){item=document.createElement("paper-item");item.attributes.value=val;item.innerHTML=this.options[val];slot.appendChild(item.cloneNode(!0))}}setTimeout(function(){if("function"===typeof _this.shadowRoot.querySelector("#input").hideMenu){_this.shadowRoot.querySelector("#input").hideMenu()}_this.shadowRoot.querySelector("#input").focus()},200)}}},validInputMethods:function validInputMethods(){return["flipboolean","boolean","select","textfield","textarea","datepicker","haxupload","colorpicker","iconpicker","alt","number","code-editor","array"]},_resetInputMethods:function _resetInputMethods(){for(var methods=this.validInputMethods(),i=0;i<methods.length;i++){this["__input"+methods[i]]=!1}},_haxContextOperation:function _haxContextOperation(e){var detail=e.detail;switch(detail.eventName){case"hax-update-tap":if("boolean"==this.inputMethod){this.value=this.value}else if("flipboolean"==this.inputMethod){this.value=!this.value}else if("select"==this.inputMethod){var count=0;for(var val in this.options){if(count==this.__selectedValue){this.value=val}count++}}var mixer={value:this.value,propertyToBind:this.propertyToBind,slotToBind:this.slotToBind};this.fire("hax-input-mixer-update",{inputMixer:mixer});break;}}})});
\ No newline at end of file
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 750ec6e237a..1a893c9bc9d 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/app-layout/app-drawer/app-drawer.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-styles/paper-styles.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../@polymer/iron-pages/iron-pages.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icon/iron-icon.js","../../simple-colors/simple-colors.js","../../../@vaadin/vaadin-upload/vaadin-upload.js","./hax-preview.js","./hax-app-browser.js","./hax-gizmo-browser.js","./hax-shared-styles.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_9a7ce2e054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"hax-shared-styles simple-colors\">\n        :host {\n          display: block;\n          color: var(--hax-color-text);\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          --app-drawer-content-container: {\n            background-color: #ffffff;\n          }\n        }\n        #closedialog {\n          float: right;\n          top: 124px;\n          right: 0;\n          position: absolute;\n          padding: 8px;\n          margin: 0;\n          color: var(--hax-color-text);\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: 400px;\n        }\n        :host([active-page=\"1\"]) #dialog {\n          --app-drawer-width: 800px;\n        }\n        :host([active-page=\"2\"]) #dialog {\n          --app-drawer-width: 800px;\n        }\n        :host([active-step]) #dialog {\n          --app-drawer-width: 1000px;\n        }\n        :host([searching]) #dialog {\n          --app-drawer-width: 1000px;\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-text);\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: 32px !important;\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: 16px;\n          }\n          --vaadin-upload-drop-label-dragover: {\n            color: #ffffff;\n          }\n          --vaadin-upload-file-list: {\n            padding: 16px;\n            margin: 0;\n            color: #ffffff;\n          }\n          --vaadin-upload-file: {\n            color: #ffffff;\n          }\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: #ffffff;\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-accent1);\n          color: var(--hax-color-accent1-color);\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      </style>\n    </custom-style>\n    <app-drawer id=\"dialog\" opened=\"{{opened}}\" disable-swipe=\"\">\n      <div\n        class=\"dialog-contents\"\n        id=\"dialogcontent\"\n        style=\"height: 100%; overflow: auto;\"\n      >\n        <iron-pages\n          id=\"steppages\"\n          selected=\"{{activeStep}}\"\n          fallback-selection=\"select\"\n          role=\"main\"\n        >\n          <div data-value=\"select\">\n            <iron-pages\n              id=\"activepage\"\n              selected=\"{{activePage}}\"\n              fallback-selection=\"link\"\n            >\n              <div class=\"page-area add-area\">\n                <h3 class=\"title\">[[addTitle]]</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                      A full URL with https:// referencing a link that already\n                      exists on the web.\n                    </div>\n                  </div>\n                  <div class=\"add-upload-area\">\n                    <vaadin-upload\n                      form-data-name=\"file-upload\"\n                      id=\"fileupload\"\n                      hidden$=\"[[!canSupportUploads]]\"\n                    ></vaadin-upload>\n                  </div>\n                  <paper-button id=\"newassetconfigure\" 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\n              id=\"preview\"\n              element=\"{{activeHaxElement}}\"\n            ></hax-preview>\n          </div>\n        </iron-pages>\n        <paper-button id=\"closedialog\" on-tap=\"cancel\" hidden$=\"[[activeStep]]\">\n          <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n        </paper-button>\n      </div>\n    </app-drawer>\n  "]);_templateObject_9a7ce2e054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9a7ce2e054f411e9aeb367f92c5b63ab()),is:"hax-manager",properties:{opened:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_openedChanged"},editExistingNode:{type:Boolean,value:!1},editTitle:{type:String,computed:"_computeEditTitle(editExistingNode)"},addTitle:{type:String,value:"Add content"},activeStep:{type:Boolean,reflectToAttribute:!0,value:!1,observer:"_activeStepChanged"},searching:{type:Boolean,reflectToAttribute:!0,value:!1},activePage:{type:String,reflectToAttribute:!0,value:0,observer:"_activePageChanged"},canSupportUploads:{type:Boolean,value:!1},activeHaxElement:{type:Object,observer:"_activeHaxElementChanged"},appList:{type:Array,value:[]},__allowUpload:{type:Boolean,value:!1}},attached:function attached(){this.fire("hax-register-manager",this);document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));document.body.addEventListener("hax-app-picker-selection",this._haxAppPickerSelection.bind(this));document.body.addEventListener("place-holder-file-drop",this._placeHolderFileDrop.bind(this));this.$.dialog.addEventListener("iron-overlay-canceled",this.close.bind(this));this.$.dialog.addEventListener("iron-overlay-closed",this.close.bind(this));this.$.closedialog.addEventListener("tap",this.close.bind(this));this.$.newassetconfigure.addEventListener("tap",this.newAssetConfigure.bind(this));this.$.fileupload.addEventListener("upload-before",this._fileAboutToUpload.bind(this));this.$.fileupload.addEventListener("upload-response",this._fileUploadResponse.bind(this))},detached:function detached(){document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));document.body.removeEventListener("hax-app-picker-selection",this._haxAppPickerSelection.bind(this));document.body.removeEventListener("place-holder-file-drop",this._placeHolderFileDrop.bind(this));this.$.dialog.removeEventListener("iron-overlay-canceled",this.close.bind(this));this.$.dialog.removeEventListener("iron-overlay-closed",this.close.bind(this));this.$.closedialog.removeEventListener("tap",this.close.bind(this));this.$.newassetconfigure.removeEventListener("tap",this.newAssetConfigure.bind(this));this.$.fileupload.removeEventListener("upload-before",this._fileAboutToUpload.bind(this));this.$.fileupload.removeEventListener("upload-response",this._fileUploadResponse.bind(this))},togglePanelSize:function togglePanelSize(){this.$.dialog.classList.toggle("grow");this.updateStyles();window.dispatchEvent(new Event("resize"))},_computeEditTitle:function _computeEditTitle(updateExisting){if(babelHelpers.typeof(this.activeHaxElement)!=="undefined"&&updateExisting){return"Update"}else{return"Insert"}},_placeHolderFileDrop:function _placeHolderFileDrop(e){this.resetManager();this.open();window.HaxStore.instance.activePlaceHolder=e.detail.placeHolderElement;this.$.fileupload._onDrop(e.detail)},_fileAboutToUpload:function _fileAboutToUpload(e){if(!this.__allowUpload){e.preventDefault();e.stopPropagation();var values={source:e.detail.file.name,type:e.detail.file.type},type=window.HaxStore.guessGizmoType(values),targets=window.HaxStore.getHaxAppStoreTargets(type);if(1===targets.length){this._haxAppPickerSelection({detail:targets[0]})}else if(0!==targets.length){window.HaxStore.instance.haxAppPicker.presentOptions(targets,type,"Where would you like to upload this "+type+"?","app")}else{window.HaxStore.toast("Sorry, you don't have a storage location that can handle "+type+" uploads!",5e3)}}else{this.__allowUpload=!1}},_haxAppPickerSelection:function _haxAppPickerSelection(e){var connection=e.detail.connection;this.__appUsed=e.detail;this.$.fileupload.method=connection.operations.add.method;var requestEndPoint=connection.protocol+"://"+connection.url;if("/"!=requestEndPoint.substr(requestEndPoint.length-1)){requestEndPoint+="/"}if(babelHelpers.typeof(connection.operations.add.endPoint)!=="undefined"){requestEndPoint+=connection.operations.add.endPoint}if(null!=window.HaxStore.instance.connectionRewrites.appendUploadEndPoint){requestEndPoint+="?"+window.HaxStore.instance.connectionRewrites.appendUploadEndPoint}if(null!=window.HaxStore.instance.connectionRewrites.appendJwt){requestEndPoint+="&"+window.HaxStore.instance.connectionRewrites.appendJwt+"="+localStorage.getItem(window.HaxStore.instance.connectionRewrites.appendJwt)}this.$.fileupload.headers=connection.headers;this.$.fileupload.target=requestEndPoint;this.__allowUpload=!0;this.$.fileupload.uploadFiles()},_fileUploadResponse:function _fileUploadResponse(e){var response=JSON.parse(e.detail.xhr.response),map=this.__appUsed.connection.operations.add.resultMap,data={},item={};if(babelHelpers.typeof(this._resolveObjectPath(map.item,response))!=="undefined"){data=this._resolveObjectPath(map.item,response)}item.type=map.defaultGizmoType;for(var prop in map.gizmo){item[prop]=this._resolveObjectPath(map.gizmo[prop],data)}if(babelHelpers.typeof(item.url)==="undefined"&&babelHelpers.typeof(item.source)!=="undefined"){item.url=item.source}if(babelHelpers.typeof(map.gizmo.type)!=="undefined"){item.type=this._resolveObjectPath(map.gizmo.type,data)}this.$.url.value=item.url;this.newAssetConfigure()},_activePageChanged:function _activePageChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this.searching=!1;this.updateStyles();if(1===newValue){this.$.appbrowser.resetBrowser()}else if(2===newValue){this.$.gizmobrowser.resetBrowser()}}},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){this.set(e.detail.property,e.detail.value)}},_activeHaxElementChanged:function _activeHaxElementChanged(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"){this.$.preview.advancedForm=!1;if(babelHelpers.typeof(newValue.tag)==="undefined"){this.resetManager()}else{this.$.fileupload.set("files",[]);this.$.dialog.scrollTop=0;this.selectStep("configure")}}},insertHaxElement:function insertHaxElement(){var previewNode=this.$.preview.previewNode;previewNode.removeAttribute("hax-preview-mode");var element=window.HaxStore.nodeToHaxElement(previewNode);element.replace=this.editExistingNode;if(babelHelpers.typeof(this.activeHaxElement.__type)!=="undefined"){element.__type=this.activeHaxElement.__type}element.replacement=previewNode;this.fire("hax-insert-content",element);var toast="New element added!";if(this.editExistingNode){toast="Element updated!"}window.HaxStore.toast(toast,2e3);this.close()},resetManager:function resetManager(){var activePage=0<arguments.length&&arguments[0]!==void 0?arguments[0]:0;this.selectStep("select");this.activePage=activePage;document.body.style.overflow=null;this.appList=window.HaxStore.instance.appList;this.searching=!1;window.HaxStore.write("activeApp",null,this);window.dispatchEvent(new Event("resize"));this.editExistingNode=!1;this.$.url.value="";this.$.fileupload.headers="";this.$.fileupload.method="";this.$.fileupload.target="";this.__allowUpload=!1},cancel:function cancel(){this.close()},_openedChanged:function _openedChanged(newValue,oldValue){if(oldValue&&!newValue){document.body.style.overflow=null}else if(newValue&&!oldValue){document.body.style.overflow="hidden"}},close:function close(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;if(babelHelpers.typeof(e)==="undefined"||local===this.$.dialog||local===this.$.closedialog){window.HaxStore.write("activeHaxElement",{},this);this.opened=!1;this.resetManager()}},open:function open(){this.opened=!0},newAssetConfigure:function newAssetConfigure(){var values={source:this.$.url.value},type=window.HaxStore.guessGizmoType(values),haxElements=window.HaxStore.guessGizmo(type,values);if(0<haxElements.length){if(1===haxElements.length){if(babelHelpers.typeof(haxElements[0].tag)!=="undefined"){window.HaxStore.write("activeHaxElement",haxElements[0],this)}}else{window.HaxStore.instance.haxAppPicker.presentOptions(haxElements,type,"Pick how to present the "+type,"gizmo")}}else{window.HaxStore.toast("Sorry, HAX doesn't know how to handle that type of link yet.")}},toggleDialog:function toggleDialog(){var toggle=0<arguments.length&&arguments[0]!==void 0?arguments[0]:!0;if(this.opened&&toggle){this.close()}else{window.HaxStore.instance.closeAllDrawers(this)}},selectStep:function selectStep(step){if("configure"==step){this.activeStep=!0}else{this.activeStep=!1}},_activeStepChanged:function _activeStepChanged(newValue){if(newValue||!newValue){this.updateStyles();window.dispatchEvent(new Event("resize"))}},_resolveObjectPath:function _resolveObjectPath(path,obj){return path.split(".").reduce(function(prev,curr){return prev?prev[curr]:null},obj||self)}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/app-layout/app-drawer/app-drawer.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-styles/paper-styles.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../@polymer/iron-pages/iron-pages.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icon/iron-icon.js","../../simple-colors/simple-colors.js","../../../@vaadin/vaadin-upload/vaadin-upload.js","./hax-preview.js","./hax-app-browser.js","./hax-gizmo-browser.js","./hax-shared-styles.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_2fa43280555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"hax-shared-styles simple-colors\">\n        :host {\n          display: block;\n          color: var(--hax-color-text);\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          --app-drawer-content-container: {\n            background-color: #ffffff;\n          }\n        }\n        #closedialog {\n          float: right;\n          top: 124px;\n          right: 0;\n          position: absolute;\n          padding: 8px;\n          margin: 0;\n          color: var(--hax-color-text);\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: 400px;\n        }\n        :host([active-page=\"1\"]) #dialog {\n          --app-drawer-width: 800px;\n        }\n        :host([active-page=\"2\"]) #dialog {\n          --app-drawer-width: 800px;\n        }\n        :host([active-step]) #dialog {\n          --app-drawer-width: 1000px;\n        }\n        :host([searching]) #dialog {\n          --app-drawer-width: 1000px;\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-text);\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: 32px !important;\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: 16px;\n          }\n          --vaadin-upload-drop-label-dragover: {\n            color: #ffffff;\n          }\n          --vaadin-upload-file-list: {\n            padding: 16px;\n            margin: 0;\n            color: #ffffff;\n          }\n          --vaadin-upload-file: {\n            color: #ffffff;\n          }\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: #ffffff;\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-accent1);\n          color: var(--hax-color-accent1-color);\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      </style>\n    </custom-style>\n    <app-drawer id=\"dialog\" opened=\"{{opened}}\" disable-swipe=\"\">\n      <div\n        class=\"dialog-contents\"\n        id=\"dialogcontent\"\n        style=\"height: 100%; overflow: auto;\"\n      >\n        <iron-pages\n          id=\"steppages\"\n          selected=\"{{activeStep}}\"\n          fallback-selection=\"select\"\n          role=\"main\"\n        >\n          <div data-value=\"select\">\n            <iron-pages\n              id=\"activepage\"\n              selected=\"{{activePage}}\"\n              fallback-selection=\"link\"\n            >\n              <div class=\"page-area add-area\">\n                <h3 class=\"title\">[[addTitle]]</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                      A full URL with https:// referencing a link that already\n                      exists on the web.\n                    </div>\n                  </div>\n                  <div class=\"add-upload-area\">\n                    <vaadin-upload\n                      form-data-name=\"file-upload\"\n                      id=\"fileupload\"\n                      hidden$=\"[[!canSupportUploads]]\"\n                    ></vaadin-upload>\n                  </div>\n                  <paper-button id=\"newassetconfigure\" 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\n              id=\"preview\"\n              element=\"{{activeHaxElement}}\"\n            ></hax-preview>\n          </div>\n        </iron-pages>\n        <paper-button id=\"closedialog\" on-tap=\"cancel\" hidden$=\"[[activeStep]]\">\n          <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n        </paper-button>\n      </div>\n    </app-drawer>\n  "]);_templateObject_2fa43280555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2fa43280555211e98f439769bd191e33()),is:"hax-manager",properties:{opened:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_openedChanged"},editExistingNode:{type:Boolean,value:!1},editTitle:{type:String,computed:"_computeEditTitle(editExistingNode)"},addTitle:{type:String,value:"Add content"},activeStep:{type:Boolean,reflectToAttribute:!0,value:!1,observer:"_activeStepChanged"},searching:{type:Boolean,reflectToAttribute:!0,value:!1},activePage:{type:String,reflectToAttribute:!0,value:0,observer:"_activePageChanged"},canSupportUploads:{type:Boolean,value:!1},activeHaxElement:{type:Object,observer:"_activeHaxElementChanged"},appList:{type:Array,value:[]},__allowUpload:{type:Boolean,value:!1}},attached:function attached(){this.fire("hax-register-manager",this);document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));document.body.addEventListener("hax-app-picker-selection",this._haxAppPickerSelection.bind(this));document.body.addEventListener("place-holder-file-drop",this._placeHolderFileDrop.bind(this));this.$.dialog.addEventListener("iron-overlay-canceled",this.close.bind(this));this.$.dialog.addEventListener("iron-overlay-closed",this.close.bind(this));this.$.closedialog.addEventListener("tap",this.close.bind(this));this.$.newassetconfigure.addEventListener("tap",this.newAssetConfigure.bind(this));this.$.fileupload.addEventListener("upload-before",this._fileAboutToUpload.bind(this));this.$.fileupload.addEventListener("upload-response",this._fileUploadResponse.bind(this))},detached:function detached(){document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));document.body.removeEventListener("hax-app-picker-selection",this._haxAppPickerSelection.bind(this));document.body.removeEventListener("place-holder-file-drop",this._placeHolderFileDrop.bind(this));this.$.dialog.removeEventListener("iron-overlay-canceled",this.close.bind(this));this.$.dialog.removeEventListener("iron-overlay-closed",this.close.bind(this));this.$.closedialog.removeEventListener("tap",this.close.bind(this));this.$.newassetconfigure.removeEventListener("tap",this.newAssetConfigure.bind(this));this.$.fileupload.removeEventListener("upload-before",this._fileAboutToUpload.bind(this));this.$.fileupload.removeEventListener("upload-response",this._fileUploadResponse.bind(this))},togglePanelSize:function togglePanelSize(){this.$.dialog.classList.toggle("grow");this.updateStyles();window.dispatchEvent(new Event("resize"))},_computeEditTitle:function _computeEditTitle(updateExisting){if(babelHelpers.typeof(this.activeHaxElement)!=="undefined"&&updateExisting){return"Update"}else{return"Insert"}},_placeHolderFileDrop:function _placeHolderFileDrop(e){this.resetManager();this.open();window.HaxStore.instance.activePlaceHolder=e.detail.placeHolderElement;this.$.fileupload._onDrop(e.detail)},_fileAboutToUpload:function _fileAboutToUpload(e){if(!this.__allowUpload){e.preventDefault();e.stopPropagation();var values={source:e.detail.file.name,type:e.detail.file.type},type=window.HaxStore.guessGizmoType(values),targets=window.HaxStore.getHaxAppStoreTargets(type);if(1===targets.length){this._haxAppPickerSelection({detail:targets[0]})}else if(0!==targets.length){window.HaxStore.instance.haxAppPicker.presentOptions(targets,type,"Where would you like to upload this "+type+"?","app")}else{window.HaxStore.toast("Sorry, you don't have a storage location that can handle "+type+" uploads!",5e3)}}else{this.__allowUpload=!1}},_haxAppPickerSelection:function _haxAppPickerSelection(e){var connection=e.detail.connection;this.__appUsed=e.detail;this.$.fileupload.method=connection.operations.add.method;var requestEndPoint=connection.protocol+"://"+connection.url;if("/"!=requestEndPoint.substr(requestEndPoint.length-1)){requestEndPoint+="/"}if(babelHelpers.typeof(connection.operations.add.endPoint)!=="undefined"){requestEndPoint+=connection.operations.add.endPoint}if(null!=window.HaxStore.instance.connectionRewrites.appendUploadEndPoint){requestEndPoint+="?"+window.HaxStore.instance.connectionRewrites.appendUploadEndPoint}if(null!=window.HaxStore.instance.connectionRewrites.appendJwt){requestEndPoint+="&"+window.HaxStore.instance.connectionRewrites.appendJwt+"="+localStorage.getItem(window.HaxStore.instance.connectionRewrites.appendJwt)}this.$.fileupload.headers=connection.headers;this.$.fileupload.target=requestEndPoint;this.__allowUpload=!0;this.$.fileupload.uploadFiles()},_fileUploadResponse:function _fileUploadResponse(e){var response=JSON.parse(e.detail.xhr.response),map=this.__appUsed.connection.operations.add.resultMap,data={},item={};if(babelHelpers.typeof(this._resolveObjectPath(map.item,response))!=="undefined"){data=this._resolveObjectPath(map.item,response)}item.type=map.defaultGizmoType;for(var prop in map.gizmo){item[prop]=this._resolveObjectPath(map.gizmo[prop],data)}if(babelHelpers.typeof(item.url)==="undefined"&&babelHelpers.typeof(item.source)!=="undefined"){item.url=item.source}if(babelHelpers.typeof(map.gizmo.type)!=="undefined"){item.type=this._resolveObjectPath(map.gizmo.type,data)}this.$.url.value=item.url;this.newAssetConfigure()},_activePageChanged:function _activePageChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this.searching=!1;this.updateStyles();if(1===newValue){this.$.appbrowser.resetBrowser()}else if(2===newValue){this.$.gizmobrowser.resetBrowser()}}},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){this.set(e.detail.property,e.detail.value)}},_activeHaxElementChanged:function _activeHaxElementChanged(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"){this.$.preview.advancedForm=!1;if(babelHelpers.typeof(newValue.tag)==="undefined"){this.resetManager()}else{this.$.fileupload.set("files",[]);this.$.dialog.scrollTop=0;this.selectStep("configure")}}},insertHaxElement:function insertHaxElement(){var previewNode=this.$.preview.previewNode;previewNode.removeAttribute("hax-preview-mode");var element=window.HaxStore.nodeToHaxElement(previewNode);element.replace=this.editExistingNode;if(babelHelpers.typeof(this.activeHaxElement.__type)!=="undefined"){element.__type=this.activeHaxElement.__type}element.replacement=previewNode;this.fire("hax-insert-content",element);var toast="New element added!";if(this.editExistingNode){toast="Element updated!"}window.HaxStore.toast(toast,2e3);this.close()},resetManager:function resetManager(){var activePage=0<arguments.length&&arguments[0]!==void 0?arguments[0]:0;this.selectStep("select");this.activePage=activePage;document.body.style.overflow=null;this.appList=window.HaxStore.instance.appList;this.searching=!1;window.HaxStore.write("activeApp",null,this);window.dispatchEvent(new Event("resize"));this.editExistingNode=!1;this.$.url.value="";this.$.fileupload.headers="";this.$.fileupload.method="";this.$.fileupload.target="";this.__allowUpload=!1},cancel:function cancel(){this.close()},_openedChanged:function _openedChanged(newValue,oldValue){if(oldValue&&!newValue){document.body.style.overflow=null}else if(newValue&&!oldValue){document.body.style.overflow="hidden"}},close:function close(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;if(babelHelpers.typeof(e)==="undefined"||local===this.$.dialog||local===this.$.closedialog){window.HaxStore.write("activeHaxElement",{},this);this.opened=!1;this.resetManager()}},open:function open(){this.opened=!0},newAssetConfigure:function newAssetConfigure(){var values={source:this.$.url.value},type=window.HaxStore.guessGizmoType(values),haxElements=window.HaxStore.guessGizmo(type,values);if(0<haxElements.length){if(1===haxElements.length){if(babelHelpers.typeof(haxElements[0].tag)!=="undefined"){window.HaxStore.write("activeHaxElement",haxElements[0],this)}}else{window.HaxStore.instance.haxAppPicker.presentOptions(haxElements,type,"Pick how to present the "+type,"gizmo")}}else{window.HaxStore.toast("Sorry, HAX doesn't know how to handle that type of link yet.")}},toggleDialog:function toggleDialog(){var toggle=0<arguments.length&&arguments[0]!==void 0?arguments[0]:!0;if(this.opened&&toggle){this.close()}else{window.HaxStore.instance.closeAllDrawers(this)}},selectStep:function selectStep(step){if("configure"==step){this.activeStep=!0}else{this.activeStep=!1}},_activeStepChanged:function _activeStepChanged(newValue){if(newValue||!newValue){this.updateStyles();window.dispatchEvent(new Event("resize"))}},_resolveObjectPath:function _resolveObjectPath(path,obj){return path.split(".").reduce(function(prev,curr){return prev?prev[curr]:null},obj||self)}})});
\ No newline at end of file
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 9b2affca8dc..538a5422cb1 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/iron-icon/iron-icon.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_9a871c1054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: inline-flex;\n      }\n      paper-button {\n        height: 36px;\n        width: 36px;\n        overflow: hidden;\n        margin: 0;\n        text-transform: none;\n        background-color: var(--hax-color-bg-accent);\n        color: var(--hax-color-accent-text);\n        display: flex;\n        padding: 8px;\n        border-radius: 4px;\n        border: 1px solid var(--hax-color-bg-accent);\n        min-width: unset;\n        --paper-button-ink-color: var(--hax-color-accent1);\n      }\n      :host([edged=\"left\"]) paper-button {\n        border-bottom-right-radius: 16px;\n      }\n      :host([edged=\"right\"]) paper-button {\n        border-bottom-left-radius: 16px;\n      }\n      paper-button .button-inner {\n        text-align: center;\n        margin: 0 auto;\n      }\n      paper-button iron-icon {\n        height: 20px;\n        width: 20px;\n        display: inline-flex;\n      }\n      paper-button:hover,\n      paper-button:focus {\n        color: var(--hax-color-text-active);\n        border: 1px solid var(--hax-color-accent1);\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        --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    </style>\n    <paper-button raised id=\"button\" disabled=\"[[disabled]]\">\n      <div class=\"button-inner\"><iron-icon icon=\"[[icon]]\"></iron-icon></div>\n    </paper-button>\n    <paper-tooltip\n      animation-delay=\"0\"\n      for=\"button\"\n      position=\"bottom\"\n      offset=\"10\"\n    >\n      [[label]]\n    </paper-tooltip>\n  "]);_templateObject_9a871c1054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9a871c1054f411e9aeb367f92c5b63ab()),is:"hax-panel-item",listeners:{tap:"_fireEvent"},properties:{light:{type:Boolean,reflectToAttribute:!0},voiceCommand:{type:String},disabled:{type:Boolean,value:!1},edged:{type:String,value:"",reflectToAttribute:!0},icon:{type:String,value:"editor:text-fields",reflectToAttribute:!0},label:{type:String,value:"editor:text-fields",reflectToAttribute:!0},eventName:{type:String,value:"button",reflectToAttribute:!0},value:{type:String,value:"",reflectToAttribute:!0}},_fireEvent:function _fireEvent(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;this.fire("hax-item-selected",{target:local,value:this.value,eventName:this.eventName})}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/iron-icon/iron-icon.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_2fbaa0b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: inline-flex;\n      }\n      paper-button {\n        height: 36px;\n        width: 36px;\n        overflow: hidden;\n        margin: 0;\n        text-transform: none;\n        background-color: var(--hax-color-bg-accent);\n        color: var(--hax-color-accent-text);\n        display: flex;\n        padding: 8px;\n        border-radius: 4px;\n        border: 1px solid var(--hax-color-bg-accent);\n        min-width: unset;\n        --paper-button-ink-color: var(--hax-color-accent1);\n      }\n      :host([edged=\"left\"]) paper-button {\n        border-bottom-right-radius: 16px;\n      }\n      :host([edged=\"right\"]) paper-button {\n        border-bottom-left-radius: 16px;\n      }\n      paper-button .button-inner {\n        text-align: center;\n        margin: 0 auto;\n      }\n      paper-button iron-icon {\n        height: 20px;\n        width: 20px;\n        display: inline-flex;\n      }\n      paper-button:hover,\n      paper-button:focus {\n        color: var(--hax-color-text-active);\n        border: 1px solid var(--hax-color-accent1);\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        --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    </style>\n    <paper-button raised id=\"button\" disabled=\"[[disabled]]\">\n      <div class=\"button-inner\"><iron-icon icon=\"[[icon]]\"></iron-icon></div>\n    </paper-button>\n    <paper-tooltip\n      animation-delay=\"0\"\n      for=\"button\"\n      position=\"bottom\"\n      offset=\"10\"\n    >\n      [[label]]\n    </paper-tooltip>\n  "]);_templateObject_2fbaa0b0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2fbaa0b0555211e98f439769bd191e33()),is:"hax-panel-item",listeners:{tap:"_fireEvent"},properties:{light:{type:Boolean,reflectToAttribute:!0},voiceCommand:{type:String},disabled:{type:Boolean,value:!1},edged:{type:String,value:"",reflectToAttribute:!0},icon:{type:String,value:"editor:text-fields",reflectToAttribute:!0},label:{type:String,value:"editor:text-fields",reflectToAttribute:!0},eventName:{type:String,value:"button",reflectToAttribute:!0},value:{type:String,value:"",reflectToAttribute:!0}},_fireEvent:function _fireEvent(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;this.fire("hax-item-selected",{target:local,value:this.value,eventName:this.eventName})}})});
\ No newline at end of file
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 4e7f3c7bb89..00775f8ead9 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
@@ -1 +1 @@
-define(["meta","../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/app-layout/app-drawer/app-drawer.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/editor-icons.js","../../../@polymer/iron-icons/device-icons.js","../../../@polymer/iron-icons/hardware-icons.js","../../../@polymer/iron-icons/communication-icons.js","../../../@polymer/iron-icons/social-icons.js","../../../@polymer/iron-icons/av-icons.js","../../../@polymer/iron-icons/maps-icons.js","../../simple-colors/simple-colors.js","./hax-panel-item.js","./hax-shared-styles.js"],function(meta,_polymerLegacy){"use strict";meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_9aa0225054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n        position: absolute;\n        z-index: 1000000;\n      }\n      :host *[hidden] {\n        display: none;\n      }\n      app-drawer {\n        z-index: 100001;\n        height: 40px;\n        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        --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: 1px solid var(--hax-color-bg-accent);\n          padding: 0 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      hax-panel-item {\n        margin: 8px 4px;\n      }\n      hax-panel-item[right] {\n        float: right;\n      }\n      #haxcancelbutton {\n        margin-right: 48px;\n      }\n      :host([align=\"right\"]) app-drawer {\n        right: 0;\n        left: unset;\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        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        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        font-weight: bold;\n        padding: 16px 28px 16px 16px;\n        line-height: 24px;\n        height: 24px;\n        min-width: 120px;\n        justify-content: space-evenly;\n        background-color: var(--hax-color-bg-accent);\n        color: var(--hax-color-text);\n        vertical-align: middle;\n      }\n      @media screen and (max-width: 600px) {\n        :host([edit-mode]) hax-panel-item {\n          margin: 8px 2px;\n        }\n        :host([edit-mode]) .hide-small {\n          display: none;\n        }\n        :host([edit-mode]) app-drawer {\n          padding: 0;\n        }\n      }\n      @media screen and (max-width: 800px) {\n        :host([edit-mode]) #haxcancelbutton {\n          margin-right: 2px;\n        }\n        :host([edit-mode]) .active-op-name {\n          display: none;\n        }\n      }\n    </style>\n    <div hidden$=\"[[hidePanelOps]]\">\n      <hax-panel-item\n        dark\n        large\n        data-opened$=\"[[editMode]]\"\n        on-tap=\"_clickEditButton\"\n        icon=\"create\"\n        id=\"button\"\n        edged=\"[[align]]\"\n        label=\"[[__tipText]]\"\n      ></hax-panel-item>\n    </div>\n    <app-drawer\n      id=\"drawer\"\n      opened=\"{{editMode}}\"\n      disable-swipe\n      persistent\n      transition-duration=\"300\"\n      align=\"[[align]]\"\n    >\n      <hax-panel-item\n        hidden$=\"[[hidePanelOps]]\"\n        on-tap=\"_clickSaveButton\"\n        icon=\"save\"\n        id=\"haxsavebutton\"\n        label=\"[[__tipText]]\"\n        event-name=\"save\"\n        voice-command=\"save content\"\n      ></hax-panel-item>\n      <hax-panel-item\n        hidden$=\"[[hidePanelOps]]\"\n        icon=\"cancel\"\n        id=\"haxcancelbutton\"\n        label=\"Cancel\"\n        event-name=\"cancel\"\n        voice-command=\"cancel hax\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"image:add-to-photos\"\n        label=\"Add\"\n        event-name=\"hax-manager-open\"\n        value=\"0\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"search\"\n        label=\"Find\"\n        event-name=\"hax-manager-open\"\n        value=\"1\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"hardware:toys\"\n        label=\"Make\"\n        event-name=\"hax-manager-open\"\n        value=\"2\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"view-quilt\"\n        label=\"Layouts\"\n        event-name=\"hax-blox-picker-open\"\n        voice-command=\"insert block\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"view-agenda\"\n        label=\"Templates\"\n        event-name=\"hax-stax-picker-open\"\n        voice-command=\"insert stack\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"editor:text-fields\"\n        label=\"Paragraph\"\n        event-name=\"text\"\n        voice-command=\"insert text\"\n        class=\"hide-small\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"editor:title\"\n        label=\"Heading\"\n        event-name=\"header\"\n        voice-command=\"insert heading\"\n        class=\"hide-small\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"editor:space-bar\"\n        label=\"Divider\"\n        event-name=\"divider\"\n        voice-command=\"insert divider\"\n        class=\"hide-small\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"image:transform\"\n        label=\"Placeholder\"\n        event-name=\"placeholder\"\n        voice-command=\"insert placeholder\"\n        class=\"hide-small\"\n      ></hax-panel-item>\n      <hax-panel-item\n        hidden$=\"[[hideExportButton]]\"\n        on-tap=\"_htmlExportDialog\"\n        icon=\"code\"\n        label=\"Source view\"\n      ></hax-panel-item>\n      <slot></slot>\n      <hax-panel-item\n        right\n        hidden$=\"[[hidePreferencesButton]]\"\n        on-tap=\"_preferencesDialog\"\n        icon=\"settings\"\n        label=\"Preferences\"\n      ></hax-panel-item>\n    </app-drawer>\n    <div class=\"active-op-name\">[[activeOperationName]]</div>\n  "]);_templateObject_9aa0225054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9aa0225054f411e9aeb367f92c5b63ab()),is:"hax-panel",listeners:{"hax-item-selected":"_processItemEvent"},observers:["_globalPreferencesChanged(globalPreferences.*)"],properties:{light:{type:Boolean},align:{type:String,reflectToAttribute:!0,value:"left"},editMode:{type:Boolean,reflectToAttribute:!0,observer:"_editModeChanged"},hideExportButton:{type:Boolean,value:!1},haxDeveloperMode:{type:Boolean,value:!1},activeOperationName:{type:String},hidePreferencesButton:{type:Boolean,value:!1},hidePanelOps:{type:Boolean,value:!1},globalPreferences:{type:Object}},attached:function attached(){this.fire("hax-register-panel",this);document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));document.body.addEventListener("hax-active-hover-name",this._activeNameChange.bind(this));document.body.addEventListener("hax-panel-operation",this._processItemEvent.bind(this))},detached:function detached(){document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));document.body.removeEventListener("hax-active-hover-name",this._activeNameChange.bind(this));document.body.removeEventListener("hax-panel-operation",this._processItemEvent.bind(this))},_activeNameChange:function _activeNameChange(e){this.activeOperationName=e.detail},_globalPreferencesChanged:function _globalPreferencesChanged(value){if(babelHelpers.typeof(value)!=="undefined"){if(null!=value.value&&babelHelpers.typeof(value.value.haxShowExportButton)!=="undefined"){this.hideExportButton=!value.value.haxShowExportButton}if(null!=value.value&&babelHelpers.typeof(value.value.haxDeveloperMode)!=="undefined"){this.haxDeveloperMode=value.value.haxDeveloperMode}}},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){if("object"===babelHelpers.typeof(e.detail.value)){this.set(e.detail.property,null)}this.set(e.detail.property,e.detail.value)}},_processItemEvent:function _processItemEvent(e){var detail=e.detail;switch(detail.eventName){case"open-panel":this._clickButton();break;case"cancel":this.toggle();this.fire("hax-cancel",detail);break;case"text":detail.tag="p";detail.content="";this.fire("hax-insert-content",detail);break;case"divider":detail.tag="hr";detail.content="";detail.properties={style:"width:100%;"};this.fire("hax-insert-content",detail);break;case"header":detail.tag="h2";detail.content="Header";this.fire("hax-insert-content",detail);break;case"placeholder":detail.tag="place-holder";detail.content="";detail.properties={style:"width:50%;"};this.fire("hax-insert-content",detail);break;case"image":detail.tag="img";detail.content="";detail.properties={src:pathFromUrl(decodeURIComponent(meta.url))+window.HaxStore.instance.defaults.image.src,alt:window.HaxStore.instance.defaults.image.alt,style:"width:100%;"};this.fire("hax-insert-content",detail);break;case"iframe":detail.tag="iframe";detail.content="";detail.properties={src:window.HaxStore.instance.defaults.iframe.src,height:"400px",width:"100%",style:"width:100%;"};this.fire("hax-insert-content",detail);break;case"blockquote":detail.tag="blockquote";detail.content="";this.fire("hax-insert-content",detail);break;case"hax-manager-open":window.HaxStore.write("activeHaxElement",{},this);window.HaxStore.instance.haxManager.resetManager(parseInt(detail.value));window.HaxStore.instance.haxManager.toggleDialog(!1);break;case"hax-stax-picker-open":window.HaxStore.instance.haxStaxPicker.toggleDialog();break;case"hax-blox-picker-open":window.HaxStore.instance.haxBloxPicker.toggleDialog();break;case"undo":document.execCommand("undo");break;case"redo":document.execCommand("redo");break;default:break;}},_editModeChanged:function _editModeChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&newValue){this.__tipText="Save";this.$.button.icon="save"}else{this.__tipText="Edit";this.$.button.icon="create"}},_clickEditButton:function _clickEditButton(){this.toggle()},_clickSaveButton:function _clickSaveButton(e){this.toggle();this.fire("hax-save",e.detail)},_htmlExportDialog:function _htmlExportDialog(){window.HaxStore.instance.haxExport.toggleDialog()},_preferencesDialog:function _preferencesDialog(){window.HaxStore.instance.haxPreferences.toggleDialog()},toggle:function toggle(){window.HaxStore.write("editMode",!this.editMode,this);this.$.drawer.opened=this.editMode;if(!this.$.drawer.opened){window.HaxStore.instance.closeAllDrawers()}}})});
\ No newline at end of file
+define(["meta","../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/app-layout/app-drawer/app-drawer.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/editor-icons.js","../../../@polymer/iron-icons/device-icons.js","../../../@polymer/iron-icons/hardware-icons.js","../../../@polymer/iron-icons/communication-icons.js","../../../@polymer/iron-icons/social-icons.js","../../../@polymer/iron-icons/av-icons.js","../../../@polymer/iron-icons/maps-icons.js","../../simple-colors/simple-colors.js","./hax-panel-item.js","./hax-shared-styles.js"],function(meta,_polymerLegacy){"use strict";meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_2fc8aa70555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n        position: absolute;\n        z-index: 1000000;\n      }\n      :host *[hidden] {\n        display: none;\n      }\n      app-drawer {\n        z-index: 100001;\n        height: 40px;\n        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        --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: 1px solid var(--hax-color-bg-accent);\n          padding: 0 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      hax-panel-item {\n        margin: 8px 4px;\n      }\n      hax-panel-item[right] {\n        float: right;\n      }\n      #haxcancelbutton {\n        margin-right: 48px;\n      }\n      :host([align=\"right\"]) app-drawer {\n        right: 0;\n        left: unset;\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        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        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        font-weight: bold;\n        padding: 16px 28px 16px 16px;\n        line-height: 24px;\n        height: 24px;\n        min-width: 120px;\n        justify-content: space-evenly;\n        background-color: var(--hax-color-bg-accent);\n        color: var(--hax-color-text);\n        vertical-align: middle;\n      }\n      @media screen and (max-width: 600px) {\n        :host([edit-mode]) hax-panel-item {\n          margin: 8px 2px;\n        }\n        :host([edit-mode]) .hide-small {\n          display: none;\n        }\n        :host([edit-mode]) app-drawer {\n          padding: 0;\n        }\n      }\n      @media screen and (max-width: 800px) {\n        :host([edit-mode]) #haxcancelbutton {\n          margin-right: 2px;\n        }\n        :host([edit-mode]) .active-op-name {\n          display: none;\n        }\n      }\n    </style>\n    <div hidden$=\"[[hidePanelOps]]\">\n      <hax-panel-item\n        dark\n        large\n        data-opened$=\"[[editMode]]\"\n        on-tap=\"_clickEditButton\"\n        icon=\"create\"\n        id=\"button\"\n        edged=\"[[align]]\"\n        label=\"[[__tipText]]\"\n      ></hax-panel-item>\n    </div>\n    <app-drawer\n      id=\"drawer\"\n      opened=\"{{editMode}}\"\n      disable-swipe\n      persistent\n      transition-duration=\"300\"\n      align=\"[[align]]\"\n    >\n      <hax-panel-item\n        hidden$=\"[[hidePanelOps]]\"\n        on-tap=\"_clickSaveButton\"\n        icon=\"save\"\n        id=\"haxsavebutton\"\n        label=\"[[__tipText]]\"\n        event-name=\"save\"\n        voice-command=\"save content\"\n      ></hax-panel-item>\n      <hax-panel-item\n        hidden$=\"[[hidePanelOps]]\"\n        icon=\"cancel\"\n        id=\"haxcancelbutton\"\n        label=\"Cancel\"\n        event-name=\"cancel\"\n        voice-command=\"cancel hax\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"image:add-to-photos\"\n        label=\"Add\"\n        event-name=\"hax-manager-open\"\n        value=\"0\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"search\"\n        label=\"Find\"\n        event-name=\"hax-manager-open\"\n        value=\"1\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"hardware:toys\"\n        label=\"Make\"\n        event-name=\"hax-manager-open\"\n        value=\"2\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"view-quilt\"\n        label=\"Layouts\"\n        event-name=\"hax-blox-picker-open\"\n        voice-command=\"insert block\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"view-agenda\"\n        label=\"Templates\"\n        event-name=\"hax-stax-picker-open\"\n        voice-command=\"insert stack\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"editor:text-fields\"\n        label=\"Paragraph\"\n        event-name=\"text\"\n        voice-command=\"insert text\"\n        class=\"hide-small\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"editor:title\"\n        label=\"Heading\"\n        event-name=\"header\"\n        voice-command=\"insert heading\"\n        class=\"hide-small\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"editor:space-bar\"\n        label=\"Divider\"\n        event-name=\"divider\"\n        voice-command=\"insert divider\"\n        class=\"hide-small\"\n      ></hax-panel-item>\n      <hax-panel-item\n        icon=\"image:transform\"\n        label=\"Placeholder\"\n        event-name=\"placeholder\"\n        voice-command=\"insert placeholder\"\n        class=\"hide-small\"\n      ></hax-panel-item>\n      <hax-panel-item\n        hidden$=\"[[hideExportButton]]\"\n        on-tap=\"_htmlExportDialog\"\n        icon=\"code\"\n        label=\"Source view\"\n      ></hax-panel-item>\n      <slot></slot>\n      <hax-panel-item\n        right\n        hidden$=\"[[hidePreferencesButton]]\"\n        on-tap=\"_preferencesDialog\"\n        icon=\"settings\"\n        label=\"Preferences\"\n      ></hax-panel-item>\n    </app-drawer>\n    <div class=\"active-op-name\">[[activeOperationName]]</div>\n  "]);_templateObject_2fc8aa70555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2fc8aa70555211e98f439769bd191e33()),is:"hax-panel",listeners:{"hax-item-selected":"_processItemEvent"},observers:["_globalPreferencesChanged(globalPreferences.*)"],properties:{light:{type:Boolean},align:{type:String,reflectToAttribute:!0,value:"left"},editMode:{type:Boolean,reflectToAttribute:!0,observer:"_editModeChanged"},hideExportButton:{type:Boolean,value:!1},haxDeveloperMode:{type:Boolean,value:!1},activeOperationName:{type:String},hidePreferencesButton:{type:Boolean,value:!1},hidePanelOps:{type:Boolean,value:!1},globalPreferences:{type:Object}},attached:function attached(){this.fire("hax-register-panel",this);document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));document.body.addEventListener("hax-active-hover-name",this._activeNameChange.bind(this));document.body.addEventListener("hax-panel-operation",this._processItemEvent.bind(this))},detached:function detached(){document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));document.body.removeEventListener("hax-active-hover-name",this._activeNameChange.bind(this));document.body.removeEventListener("hax-panel-operation",this._processItemEvent.bind(this))},_activeNameChange:function _activeNameChange(e){this.activeOperationName=e.detail},_globalPreferencesChanged:function _globalPreferencesChanged(value){if(babelHelpers.typeof(value)!=="undefined"){if(null!=value.value&&babelHelpers.typeof(value.value.haxShowExportButton)!=="undefined"){this.hideExportButton=!value.value.haxShowExportButton}if(null!=value.value&&babelHelpers.typeof(value.value.haxDeveloperMode)!=="undefined"){this.haxDeveloperMode=value.value.haxDeveloperMode}}},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){if("object"===babelHelpers.typeof(e.detail.value)){this.set(e.detail.property,null)}this.set(e.detail.property,e.detail.value)}},_processItemEvent:function _processItemEvent(e){var detail=e.detail;switch(detail.eventName){case"open-panel":this._clickButton();break;case"cancel":this.toggle();this.fire("hax-cancel",detail);break;case"text":detail.tag="p";detail.content="";this.fire("hax-insert-content",detail);break;case"divider":detail.tag="hr";detail.content="";detail.properties={style:"width:100%;"};this.fire("hax-insert-content",detail);break;case"header":detail.tag="h2";detail.content="Header";this.fire("hax-insert-content",detail);break;case"placeholder":detail.tag="place-holder";detail.content="";detail.properties={style:"width:50%;"};this.fire("hax-insert-content",detail);break;case"image":detail.tag="img";detail.content="";detail.properties={src:pathFromUrl(decodeURIComponent(meta.url))+window.HaxStore.instance.defaults.image.src,alt:window.HaxStore.instance.defaults.image.alt,style:"width:100%;"};this.fire("hax-insert-content",detail);break;case"iframe":detail.tag="iframe";detail.content="";detail.properties={src:window.HaxStore.instance.defaults.iframe.src,height:"400px",width:"100%",style:"width:100%;"};this.fire("hax-insert-content",detail);break;case"blockquote":detail.tag="blockquote";detail.content="";this.fire("hax-insert-content",detail);break;case"hax-manager-open":window.HaxStore.write("activeHaxElement",{},this);window.HaxStore.instance.haxManager.resetManager(parseInt(detail.value));window.HaxStore.instance.haxManager.toggleDialog(!1);break;case"hax-stax-picker-open":window.HaxStore.instance.haxStaxPicker.toggleDialog();break;case"hax-blox-picker-open":window.HaxStore.instance.haxBloxPicker.toggleDialog();break;case"undo":document.execCommand("undo");break;case"redo":document.execCommand("redo");break;default:break;}},_editModeChanged:function _editModeChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&newValue){this.__tipText="Save";this.$.button.icon="save"}else{this.__tipText="Edit";this.$.button.icon="create"}},_clickEditButton:function _clickEditButton(){this.toggle()},_clickSaveButton:function _clickSaveButton(e){this.toggle();this.fire("hax-save",e.detail)},_htmlExportDialog:function _htmlExportDialog(){window.HaxStore.instance.haxExport.toggleDialog()},_preferencesDialog:function _preferencesDialog(){window.HaxStore.instance.haxPreferences.toggleDialog()},toggle:function toggle(){window.HaxStore.write("editMode",!this.editMode,this);this.$.drawer.opened=this.editMode;if(!this.$.drawer.opened){window.HaxStore.instance.closeAllDrawers()}}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-plate-context.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-plate-context.js
index c49f1234643..d3dfa6f27e1 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-plate-context.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-plate-context.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-item/paper-item.js","./hax-context-item-menu.js","./hax-context-item.js"],function(_polymerLegacy){"use strict";function _templateObject_9aa3f2e054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        width: 32px;\n      }\n      hax-context-item {\n        display: block;\n        margin: 6px 0;\n        width: 28px;\n        height: 24px;\n      }\n      .area {\n        width: 32px;\n        float: left;\n        visibility: visible;\n        transition: 0.3s all ease;\n      }\n    </style>\n    <div class=\"area\">\n      <hax-context-item\n        mini\n        light\n        icon=\"hardware:keyboard-arrow-up\"\n        label=\"Move up\"\n        event-name=\"grid-plate-up\"\n        direction=\"left\"\n      ></hax-context-item>\n      <hax-context-item\n        mini\n        light\n        icon=\"hardware:keyboard-arrow-down\"\n        label=\"Move down\"\n        event-name=\"grid-plate-down\"\n        direction=\"left\"\n      ></hax-context-item>\n    </div>\n  "]);_templateObject_9aa3f2e054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9aa3f2e054f411e9aeb367f92c5b63ab()),is:"hax-plate-context"})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-item/paper-item.js","./hax-context-item-menu.js","./hax-context-item.js"],function(_polymerLegacy){"use strict";function _templateObject_2fd52d90555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        width: 32px;\n      }\n      hax-context-item {\n        display: block;\n        margin: 6px 0;\n        width: 28px;\n        height: 24px;\n      }\n      .area {\n        width: 32px;\n        float: left;\n        visibility: visible;\n        transition: 0.3s all ease;\n      }\n    </style>\n    <div class=\"area\">\n      <hax-context-item\n        mini\n        light\n        icon=\"hardware:keyboard-arrow-up\"\n        label=\"Move up\"\n        event-name=\"grid-plate-up\"\n        direction=\"left\"\n      ></hax-context-item>\n      <hax-context-item\n        mini\n        light\n        icon=\"hardware:keyboard-arrow-down\"\n        label=\"Move down\"\n        event-name=\"grid-plate-down\"\n        direction=\"left\"\n      ></hax-context-item>\n    </div>\n  "]);_templateObject_2fd52d90555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2fd52d90555211e98f439769bd191e33()),is:"hax-plate-context"})});
\ No newline at end of file
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 17348bbb5dc..6f160b507ac 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/paper-button/paper-button.js","../../eco-json-schema-form/eco-json-schema-form.js","../../eco-json-schema-form/lib/eco-json-schema-object.js","../../../@polymer/app-layout/app-drawer/app-drawer.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_9ab3d16054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\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        color: var(--hax-color-text);\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);\n        font-size: 18px;\n        line-height: 18px;\n        font-family: \"Noto Serif\", serif;\n        color: var(--hax-color-text);\n      }\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        color: white;\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: --hax-color-accent1;\n        --paper-checkbox-label: {\n          font-size: 16px;\n          line-height: 16px;\n        }\n      }\n      .pref-container {\n        text-align: left;\n        padding: 16px;\n      }\n    </style>\n    <app-drawer id=\"dialog\" align=\"right\" transition-duration=\"300\">\n      <h3 class=\"title\">[[title]]</h3>\n      <div style=\"height: 100%; overflow: auto;\" class=\"pref-container\">\n        <eco-json-schema-object\n          schema=\"[[schema]]\"\n          value=\"{{preferences}}\"\n        ></eco-json-schema-object>\n      </div>\n      <paper-button id=\"closedialog\" on-tap=\"close\">\n        <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n      </paper-button>\n    </app-drawer>\n  "]);_templateObject_9ab3d16054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9ab3d16054f411e9aeb367f92c5b63ab()),is:"hax-preferences-dialog",properties:{title:{type:String,value:"Preferences"},schema:{type:Object},preferences:{type:Object,notify:!0}},observers:["_preferencesChanged(preferences.*)"],detached:function detached(){document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},ready:function ready(){var schema={$schema:"http://json-schema.org/schema#",title:"HAX preferences",type:"object",properties:{haxShowExportButton:{title:"View source button",type:"boolean",value:!0},haxRayMode:{title:"X-Ray vision",type:"boolean",value:!1},haxDeveloperMode:{title:"Developer mode",type:"boolean",value:!1},haxVoiceCommands:{title:"Voice commands",type:"boolean",value:!1},haxGithubReport:{title:"Report issue",type:"string",value:!1,component:{name:"a",properties:{rel:"noopener",style:"color: #81a3a9;font-size: 18px;top: 100vh;position: fixed;right: 0;padding: 16px;font-style: italic;",id:"reportghissue",href:"https://github.com/elmsln/lrnwebcomponents/issues/new?body=URL%20base:%20"+window.location.pathname+"&title=[hax] Bug%20report%20from%20preference%20panel",target:"_blank"},slot:"Report an issue with HAX"}}}};this.set("schema",{});this.set("schema",schema)},attached:function attached(){this.fire("hax-register-preferences",this);document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));this.updateStyles()},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property&&"globalPreferences"===e.detail.property&&e.detail.owner!==this){if("object"===babelHelpers.typeof(e.detail.value)){this.set("preferences",{})}this.set("preferences",e.detail.value);this.notifyPath("preferences.*")}},_preferencesChanged:function _preferencesChanged(details){if(this.schema&&this.schema.properties&&window.HaxStore.ready){window.HaxStore.write("globalPreferences",details.base,this)}},toggleDialog:function toggleDialog(){if(this.$.dialog.opened){this.close()}else{window.HaxStore.instance.closeAllDrawers(this);var schema=this.schema;for(var key in this.preferences){this.schema.properties[key].value=this.preferences[key]}this.set("schema",{});this.set("schema",schema)}},open:function open(){this.$.dialog.open()},close:function close(){this.$.dialog.close()}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/paper-button/paper-button.js","../../eco-json-schema-form/eco-json-schema-form.js","../../eco-json-schema-form/lib/eco-json-schema-object.js","../../../@polymer/app-layout/app-drawer/app-drawer.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_2fdea370555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\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        color: var(--hax-color-text);\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);\n        font-size: 18px;\n        line-height: 18px;\n        font-family: \"Noto Serif\", serif;\n        color: var(--hax-color-text);\n      }\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        color: white;\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: --hax-color-accent1;\n        --paper-checkbox-label: {\n          font-size: 16px;\n          line-height: 16px;\n        }\n      }\n      .pref-container {\n        text-align: left;\n        padding: 16px;\n      }\n    </style>\n    <app-drawer id=\"dialog\" align=\"right\" transition-duration=\"300\">\n      <h3 class=\"title\">[[title]]</h3>\n      <div style=\"height: 100%; overflow: auto;\" class=\"pref-container\">\n        <eco-json-schema-object\n          schema=\"[[schema]]\"\n          value=\"{{preferences}}\"\n        ></eco-json-schema-object>\n      </div>\n      <paper-button id=\"closedialog\" on-tap=\"close\">\n        <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n      </paper-button>\n    </app-drawer>\n  "]);_templateObject_2fdea370555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2fdea370555211e98f439769bd191e33()),is:"hax-preferences-dialog",properties:{title:{type:String,value:"Preferences"},schema:{type:Object},preferences:{type:Object,notify:!0}},observers:["_preferencesChanged(preferences.*)"],detached:function detached(){document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},ready:function ready(){var schema={$schema:"http://json-schema.org/schema#",title:"HAX preferences",type:"object",properties:{haxShowExportButton:{title:"View source button",type:"boolean",value:!0},haxRayMode:{title:"X-Ray vision",type:"boolean",value:!1},haxDeveloperMode:{title:"Developer mode",type:"boolean",value:!1},haxVoiceCommands:{title:"Voice commands",type:"boolean",value:!1},haxGithubReport:{title:"Report issue",type:"string",value:!1,component:{name:"a",properties:{rel:"noopener",style:"color: #81a3a9;font-size: 18px;top: 100vh;position: fixed;right: 0;padding: 16px;font-style: italic;",id:"reportghissue",href:"https://github.com/elmsln/lrnwebcomponents/issues/new?body=URL%20base:%20"+window.location.pathname+"&title=[hax] Bug%20report%20from%20preference%20panel",target:"_blank"},slot:"Report an issue with HAX"}}}};this.set("schema",{});this.set("schema",schema)},attached:function attached(){this.fire("hax-register-preferences",this);document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this));this.updateStyles()},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property&&"globalPreferences"===e.detail.property&&e.detail.owner!==this){if("object"===babelHelpers.typeof(e.detail.value)){this.set("preferences",{})}this.set("preferences",e.detail.value);this.notifyPath("preferences.*")}},_preferencesChanged:function _preferencesChanged(details){if(this.schema&&this.schema.properties&&window.HaxStore.ready){window.HaxStore.write("globalPreferences",details.base,this)}},toggleDialog:function toggleDialog(){if(this.$.dialog.opened){this.close()}else{window.HaxStore.instance.closeAllDrawers(this);var schema=this.schema;for(var key in this.preferences){this.schema.properties[key].value=this.preferences[key]}this.set("schema",{});this.set("schema",schema)}},open:function open(){this.$.dialog.open()},close:function close(){this.$.dialog.close()}})});
\ No newline at end of file
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 98689ed97cb..a805d67d8a7 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","./haxutils.js","../../../@polymer/paper-toggle-button/paper-toggle-button.js","../../../@polymer/paper-card/paper-card.js","../../../@polymer/paper-tabs/paper-tabs.js","../../../@polymer/paper-tabs/paper-tab.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-input/paper-textarea.js","../../../@polymer/iron-icons/iron-icons.js","../../../@vaadin/vaadin-split-layout/vaadin-split-layout.js","../../eco-json-schema-form/eco-json-schema-form.js","../../eco-json-schema-form/lib/eco-json-schema-object.js","../../code-editor/code-editor.js","../../app-datepicker/app-datepicker.js","./hax-upload-field.js","../../simple-picker/simple-picker.js","../../simple-icon-picker/simple-icon-picker.js","../../paper-input-flagged/paper-input-flagged.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy,_polymerDom,_haxutils){"use strict";function _templateObject_9ae1bf3054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\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        vaadin-split-layout {\n          display: flex;\n          justify-content: space-around;\n          height: 100%;\n        }\n        eco-json-schema-object {\n          width: 50%;\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        #form {\n          --eco-json-schema-object-form: {\n            display: block !important;\n          }\n        }\n        #preview {\n          padding: 16px;\n          color: #000000;\n          background-color: var(--hax-color-bg-accent);\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\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-accent1);\n          color: var(--hax-color-accent1-text);\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        eco-json-schema-object {\n          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        .preview-buttons paper-button {\n          min-width: unset;\n          width: 40%;\n          color: var(--hax-color-accent1-text);\n          display: inline-block;\n          background-color: var(--hax-color-accent1);\n        }\n      </style>\n    </custom-style>\n    <vaadin-split-layout class=\"panel-wrapper\">\n      <!-- critique panel -->\n      <div class=\"vaadin-split-layout-panel\">\n        <div class=\"preview-buttons\">\n          <paper-button id=\"insert\" raised on-click=\"insert\"\n            >[[editTitle]]</paper-button\n          >\n          <paper-button id=\"cancel\" raised on-click=\"cancel\"\n            >Cancel</paper-button\n          >\n        </div>\n        <div class=\"preview-text\">\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>[[humanName]]\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\">\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 class=\"vaadin-split-layout-panel\">\n        <paper-tabs\n          hidden$=\"[[!haspreviewNode]]\"\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=\"\"\n              >Configure</paper-button\n            ></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      </div>\n    </vaadin-split-layout>\n  "],["\n    <custom-style>\n      <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\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        vaadin-split-layout {\n          display: flex;\n          justify-content: space-around;\n          height: 100%;\n        }\n        eco-json-schema-object {\n          width: 50%;\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        #form {\n          --eco-json-schema-object-form: {\n            display: block !important;\n          }\n        }\n        #preview {\n          padding: 16px;\n          color: #000000;\n          background-color: var(--hax-color-bg-accent);\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\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-accent1);\n          color: var(--hax-color-accent1-text);\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        eco-json-schema-object {\n          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        .preview-buttons paper-button {\n          min-width: unset;\n          width: 40%;\n          color: var(--hax-color-accent1-text);\n          display: inline-block;\n          background-color: var(--hax-color-accent1);\n        }\n      </style>\n    </custom-style>\n    <vaadin-split-layout class=\"panel-wrapper\">\n      <!-- critique panel -->\n      <div class=\"vaadin-split-layout-panel\">\n        <div class=\"preview-buttons\">\n          <paper-button id=\"insert\" raised on-click=\"insert\"\n            >[[editTitle]]</paper-button\n          >\n          <paper-button id=\"cancel\" raised on-click=\"cancel\"\n            >Cancel</paper-button\n          >\n        </div>\n        <div class=\"preview-text\">\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>[[humanName]]\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\">\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 class=\"vaadin-split-layout-panel\">\n        <paper-tabs\n          hidden\\$=\"[[!haspreviewNode]]\"\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=\"\"\n              >Configure</paper-button\n            ></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      </div>\n    </vaadin-split-layout>\n  "]);_templateObject_9ae1bf3054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9ae1bf3054f411e9aeb367f92c5b63ab()),is:"hax-preview",observers:["_valueChanged(value.*)"],properties:{previewNode:{type:Object,value:{},notify:!0,observer:"_previewNodeChanged"},value:{type:Object,notify:!0,value:{}},modeTab:{type:String,value:"configure",observer:"_editorModeChanged"},editTitle:{type:String,value:"Update"},element:{type:Object,observer:"_elementChanged"},haspreviewNode:{type:Boolean,computed:"_computedHasPreviewNode(previewNode)"},schema:{type:Object,value:{schema:{}}},advancedForm:{type:Boolean,value:!1},canEditSource:{type:Boolean,computed:"_computedEditSource(formKey)"},formKey:{type:String,computed:"_computedFormKey(advancedForm)",observer:"_formKeyChanged"},humanName:{type:String}},cancel:function cancel(e){window.HaxStore.instance.haxManager.cancel(e)},insert:function insert(e){window.HaxStore.instance.haxManager.insertHaxElement(e)},_computedHasPreviewNode:function _computedHasPreviewNode(previewNode){if(babelHelpers.typeof(previewNode.tagName)==="undefined"){return!1}else{return!0}},_computedEditSource:function _computedEditSource(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){if(babelHelpers.typeof(this.previewNode.tagName)!=="undefined"&&window.HaxStore.instance.elementList[this.previewNode.tagName.toLowerCase()]){return window.HaxStore.instance.elementList[this.previewNode.tagName.toLowerCase()].canEditSource}}return!0},_computedFormKey:function _computedFormKey(advanced){if(advanced){return"advanced"}else{return"configure"}},_formKeyChanged:function _formKeyChanged(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"){var schema={};if(babelHelpers.typeof(this.previewNode)!=="undefined"&&babelHelpers.typeof(this.previewNode.tagName)!=="undefined"&&babelHelpers.typeof(window.HaxStore.instance.elementList[this.previewNode.tagName.toLowerCase()])!=="undefined"){var element=this.element,props=window.HaxStore.instance.elementList[this.previewNode.tagName.toLowerCase()];if("function"===typeof this.previewNode.getHaxJSONSchemaType){schema=window.HaxStore.instance.getHaxJSONSchema(newValue,props,this.previewNode)}else{schema=window.HaxStore.instance.getHaxJSONSchema(newValue,props)}for(var property in element.properties){if(element.properties.hasOwnProperty(property)){if(babelHelpers.typeof(schema.properties[property])!=="undefined"){schema.properties[property].value=element.properties[property];if(babelHelpers.typeof(schema.properties[property].component)!=="undefined"){schema.properties[property].component.properties.value=element.properties[property]}if("prefix"!=property&&null!=element.properties[property]&&!element.properties[property].readOnly){try{this.previewNode.set(property,element.properties[property])}catch(e){console.warn("".concat(property," is busted some how"));console.log(e)}}else if("prefix"===property){this.previewNode.setAttribute("prefix",element.properties[property])}else{console.warn("".concat(property," is busted some how"))}}this.set("value."+property,element.properties[property]);this.notifyPath("value."+property)}}var slotsApplied=!1;for(var prop in props.settings[newValue]){var previewNode=this.previewNode;if(babelHelpers.typeof(props.settings[this.formKey][prop].slot)!=="undefined"&&!slotsApplied){slotsApplied=!0;for(var i in(0,_polymerDom.dom)(previewNode).getEffectiveChildNodes()){if(babelHelpers.typeof((0,_polymerDom.dom)(previewNode).getEffectiveChildNodes()[i])!=="undefined"&&1===(0,_polymerDom.dom)(previewNode).getEffectiveChildNodes()[i].nodeType&&(0,_polymerDom.dom)(previewNode).getEffectiveChildNodes()[i].slot===props.settings[this.formKey][prop].slot){if(babelHelpers.typeof((0,_polymerDom.dom)(previewNode).getEffectiveChildNodes()[i].innerHTML)!=="undefined"){schema.properties[props.settings[this.formKey][prop].slot].value=(0,_polymerDom.dom)(previewNode).getEffectiveChildNodes()[i].innerHTML;this.set("value."+props.settings[this.formKey][prop].slot,(0,_polymerDom.dom)(previewNode).getEffectiveChildNodes()[i].innerHTML);this.notifyPath("value."+props.settings[this.formKey][prop].slot)}}}}}}this.set("schema",{});this.set("schema",schema)}},_previewNodeChanged:function _previewNodeChanged(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"&&newValue!=oldValue){if(babelHelpers.typeof(newValue.tagName)!=="undefined"&&babelHelpers.typeof(window.HaxStore.instance.elementList[newValue.tagName.toLowerCase()])!=="undefined"){var element=this.element,props=window.HaxStore.instance.elementList[newValue.tagName.toLowerCase()],schema={};if("function"===typeof newValue.getHaxJSONSchemaType){schema=window.HaxStore.instance.getHaxJSONSchema(this.formKey,props,newValue)}else{schema=window.HaxStore.instance.getHaxJSONSchema(this.formKey,props)}if(babelHelpers.typeof(props.gizmo.title)==="undefined"){this.humanName=newValue.tagName.replace("-"," ").toLowerCase()}else{this.humanName=props.gizmo.title}for(var property in element.properties){if(element.properties.hasOwnProperty(property)){if(babelHelpers.typeof(schema.properties[property])!=="undefined"){schema.properties[property].value=element.properties[property];if(babelHelpers.typeof(schema.properties[property].component)!=="undefined"){schema.properties[property].component.properties.value=element.properties[property]}}if(null!=element.properties[property]&&!element.properties[property].readOnly){try{newValue.set(property,element.properties[property])}catch(e){}}this.set("value."+property,element.properties[property]);this.notifyPath("value."+property)}}for(var property in newValue){if(newValue.hasOwnProperty(property)&&babelHelpers.typeof(schema.properties[property])!=="undefined"&&babelHelpers.typeof(newValue[property].value)!=="undefined"&&null!==newValue[property].value){schema.properties[property].value=newValue.properties[property].value;if(babelHelpers.typeof(schema.properties[property].component)!=="undefined"){schema.properties[property].component.properties.value=newValue.properties[property].value}this.set("value."+property,newValue.properties[property].value);this.notifyPath("value."+property)}}for(var prop in props.settings[this.formKey]){if(babelHelpers.typeof(props.settings[this.formKey][prop].slot)!=="undefined"){for(var i in(0,_polymerDom.dom)(newValue).getEffectiveChildNodes()){if(babelHelpers.typeof((0,_polymerDom.dom)(newValue).getEffectiveChildNodes()[i])!=="undefined"&&1===(0,_polymerDom.dom)(newValue).getEffectiveChildNodes()[i].nodeType&&(0,_polymerDom.dom)(newValue).getEffectiveChildNodes()[i].slot===props.settings[this.formKey][prop].slot){if(babelHelpers.typeof((0,_polymerDom.dom)(newValue).getEffectiveChildNodes()[i].innerHTML)!=="undefined"){schema.properties[props.settings[this.formKey][prop].slot].value=(0,_polymerDom.dom)(newValue).getEffectiveChildNodes()[i].innerHTML;this.set("value."+props.settings[this.formKey][prop].slot,(0,_polymerDom.dom)(newValue).getEffectiveChildNodes()[i].innerHTML);this.notifyPath("value."+props.settings[this.formKey][prop].slot)}}}}}this.set("schema",{});this.set("schema",schema)}}},_elementChanged:function _elementChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){var preview=(0,_polymerDom.dom)(this);(0,_haxutils.wipeSlot)(preview,"*");this.set("previewNode",{});this.modeTab="configure";if(null!=newValue&&0!=newValue.length){var frag=document.createElement(newValue.tag);frag.innerHTML=newValue.content;var newNode=frag.cloneNode(!0);newNode.setAttribute("hax-preview-mode","hax-preview-mode");preview.appendChild(newNode);this.set("previewNode",newNode)}}else{this.modeTab="advanced";this.set("previewNode",{})}},_valueChanged:function _valueChanged(valueChange){var node=this.previewNode;if(babelHelpers.typeof(node.tagName)!=="undefined"&&babelHelpers.typeof(window.HaxStore.instance.elementList[node.tagName.toLowerCase()])!=="undefined"){for(var path in valueChange.base){var props=window.HaxStore.instance.elementList[node.tagName.toLowerCase()],propSettings=props.settings[this.formKey].filter(function(n){if(babelHelpers.typeof(n.attribute)!=="undefined"){return n.attribute===path}else if(babelHelpers.typeof(n.property)!=="undefined"){return n.property===path}else if(babelHelpers.typeof(n.slot)!=="undefined"){return n.slot===path}});if(0<propSettings.length){var propData=propSettings.pop();if(propData.attribute){var attributeName=window.HaxStore.camelToDash(propData.attribute);if(!0===valueChange.base[path]){node.setAttribute(attributeName,attributeName)}else if(!1===valueChange.base[path]){node.removeAttribute(attributeName)}else{if("inner-text"===attributeName){node.innerText=valueChange.base[path];node.removeAttribute("innertext")}else if(null!==valueChange.base[path]&&"null"!==valueChange.base[path]){node.setAttribute(attributeName,valueChange.base[path])}}this.set("element.properties."+propData.attribute,valueChange.base[path]);this.notifyPath("element.properties."+propData.attribute)}else if(propData.property){if(!0===valueChange.base[path]||!1===valueChange.base[path]){node[propData.property]=valueChange.base[path]}else{if(null!=valueChange.base[path]&&valueChange.base[path].indexSplices&&valueChange.base[path].indexSplices[0]){if("function"===typeof node.set){node.set(propData.property,valueChange.base[path].indexSplices[0].object);node.notifyPath(propData.property+".*")}else{node[propData.property]=valueChange.base[path].indexSplices[0].object}}else if(null!=valueChange.base[path]&&valueChange.base[path].constructor===Array){if("function"===typeof node.set){node.set(propData.property,window.HaxStore.toArray(valueChange.base[path]))}else{node[propData.property]=window.HaxStore.toArray(valueChange.base[path])}}else{if("function"===typeof node.set){node.set(propData.property,valueChange.base[path])}else{node[propData.property]=valueChange.base[path]}}}this.set("element.properties."+propData.property,valueChange.base[path]);this.notifyPath("element.properties."+propData.property)}else if(babelHelpers.typeof(propData.slot)!=="undefined"){var slotTag="span";if(propData.slotWrapper){slotTag=propData.slotWrapper}else if("code-editor"===node.tagName.toLowerCase()){slotTag="template"}var tmpel=document.createElement(slotTag);if(propData.slotAttributes){for(var attr in propData.slotAttributes){tmpel.setAttribute(attr,propData.slotAttributes[attr])}}if(""!==propData.slot){tmpel.slot=propData.slot}tmpel.innerHTML=valueChange.base[path];(0,_haxutils.wipeSlot)(node,propData.slot);var cloneIt=tmpel.cloneNode(!0);(0,_polymerDom.dom)(node).appendChild(cloneIt);this.set("element.content","<template>"+cloneIt.outerHTML+"</template>");this.notifyPath("element.content")}}}}},_editorModeChanged:function _editorModeChanged(mode){if(mode){if("advanced"===mode){this.advancedForm=!0}else{this.advancedForm=!1}}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","./haxutils.js","../../../@polymer/paper-toggle-button/paper-toggle-button.js","../../../@polymer/paper-card/paper-card.js","../../../@polymer/paper-tabs/paper-tabs.js","../../../@polymer/paper-tabs/paper-tab.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-input/paper-textarea.js","../../../@polymer/iron-icons/iron-icons.js","../../../@vaadin/vaadin-split-layout/vaadin-split-layout.js","../../eco-json-schema-form/eco-json-schema-form.js","../../eco-json-schema-form/lib/eco-json-schema-object.js","../../code-editor/code-editor.js","../../app-datepicker/app-datepicker.js","./hax-upload-field.js","../../simple-picker/simple-picker.js","../../simple-icon-picker/simple-icon-picker.js","../../paper-input-flagged/paper-input-flagged.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy,_polymerDom,_haxutils){"use strict";function _templateObject_2fff71e0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\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        vaadin-split-layout {\n          display: flex;\n          justify-content: space-around;\n          height: 100%;\n        }\n        eco-json-schema-object {\n          width: 50%;\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        #form {\n          --eco-json-schema-object-form: {\n            display: block !important;\n          }\n        }\n        #preview {\n          padding: 16px;\n          color: #000000;\n          background-color: var(--hax-color-bg-accent);\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\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-accent1);\n          color: var(--hax-color-accent1-text);\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        eco-json-schema-object {\n          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        .preview-buttons paper-button {\n          min-width: unset;\n          width: 40%;\n          color: var(--hax-color-accent1-text);\n          display: inline-block;\n          background-color: var(--hax-color-accent1);\n        }\n      </style>\n    </custom-style>\n    <vaadin-split-layout class=\"panel-wrapper\">\n      <!-- critique panel -->\n      <div class=\"vaadin-split-layout-panel\">\n        <div class=\"preview-buttons\">\n          <paper-button id=\"insert\" raised on-click=\"insert\"\n            >[[editTitle]]</paper-button\n          >\n          <paper-button id=\"cancel\" raised on-click=\"cancel\"\n            >Cancel</paper-button\n          >\n        </div>\n        <div class=\"preview-text\">\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>[[humanName]]\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\">\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 class=\"vaadin-split-layout-panel\">\n        <paper-tabs\n          hidden$=\"[[!haspreviewNode]]\"\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=\"\"\n              >Configure</paper-button\n            ></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      </div>\n    </vaadin-split-layout>\n  "],["\n    <custom-style>\n      <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\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        vaadin-split-layout {\n          display: flex;\n          justify-content: space-around;\n          height: 100%;\n        }\n        eco-json-schema-object {\n          width: 50%;\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        #form {\n          --eco-json-schema-object-form: {\n            display: block !important;\n          }\n        }\n        #preview {\n          padding: 16px;\n          color: #000000;\n          background-color: var(--hax-color-bg-accent);\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\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-accent1);\n          color: var(--hax-color-accent1-text);\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        eco-json-schema-object {\n          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        .preview-buttons paper-button {\n          min-width: unset;\n          width: 40%;\n          color: var(--hax-color-accent1-text);\n          display: inline-block;\n          background-color: var(--hax-color-accent1);\n        }\n      </style>\n    </custom-style>\n    <vaadin-split-layout class=\"panel-wrapper\">\n      <!-- critique panel -->\n      <div class=\"vaadin-split-layout-panel\">\n        <div class=\"preview-buttons\">\n          <paper-button id=\"insert\" raised on-click=\"insert\"\n            >[[editTitle]]</paper-button\n          >\n          <paper-button id=\"cancel\" raised on-click=\"cancel\"\n            >Cancel</paper-button\n          >\n        </div>\n        <div class=\"preview-text\">\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>[[humanName]]\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\">\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 class=\"vaadin-split-layout-panel\">\n        <paper-tabs\n          hidden\\$=\"[[!haspreviewNode]]\"\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=\"\"\n              >Configure</paper-button\n            ></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      </div>\n    </vaadin-split-layout>\n  "]);_templateObject_2fff71e0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2fff71e0555211e98f439769bd191e33()),is:"hax-preview",observers:["_valueChanged(value.*)"],properties:{previewNode:{type:Object,value:{},notify:!0,observer:"_previewNodeChanged"},value:{type:Object,notify:!0,value:{}},modeTab:{type:String,value:"configure",observer:"_editorModeChanged"},editTitle:{type:String,value:"Update"},element:{type:Object,observer:"_elementChanged"},haspreviewNode:{type:Boolean,computed:"_computedHasPreviewNode(previewNode)"},schema:{type:Object,value:{schema:{}}},advancedForm:{type:Boolean,value:!1},canEditSource:{type:Boolean,computed:"_computedEditSource(formKey)"},formKey:{type:String,computed:"_computedFormKey(advancedForm)",observer:"_formKeyChanged"},humanName:{type:String}},cancel:function cancel(e){window.HaxStore.instance.haxManager.cancel(e)},insert:function insert(e){window.HaxStore.instance.haxManager.insertHaxElement(e)},_computedHasPreviewNode:function _computedHasPreviewNode(previewNode){if(babelHelpers.typeof(previewNode.tagName)==="undefined"){return!1}else{return!0}},_computedEditSource:function _computedEditSource(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){if(babelHelpers.typeof(this.previewNode.tagName)!=="undefined"&&window.HaxStore.instance.elementList[this.previewNode.tagName.toLowerCase()]){return window.HaxStore.instance.elementList[this.previewNode.tagName.toLowerCase()].canEditSource}}return!0},_computedFormKey:function _computedFormKey(advanced){if(advanced){return"advanced"}else{return"configure"}},_formKeyChanged:function _formKeyChanged(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"){var schema={};if(babelHelpers.typeof(this.previewNode)!=="undefined"&&babelHelpers.typeof(this.previewNode.tagName)!=="undefined"&&babelHelpers.typeof(window.HaxStore.instance.elementList[this.previewNode.tagName.toLowerCase()])!=="undefined"){var element=this.element,props=window.HaxStore.instance.elementList[this.previewNode.tagName.toLowerCase()];if("function"===typeof this.previewNode.getHaxJSONSchemaType){schema=window.HaxStore.instance.getHaxJSONSchema(newValue,props,this.previewNode)}else{schema=window.HaxStore.instance.getHaxJSONSchema(newValue,props)}for(var property in element.properties){if(element.properties.hasOwnProperty(property)){if(babelHelpers.typeof(schema.properties[property])!=="undefined"){schema.properties[property].value=element.properties[property];if(babelHelpers.typeof(schema.properties[property].component)!=="undefined"){schema.properties[property].component.properties.value=element.properties[property]}if("prefix"!=property&&null!=element.properties[property]&&!element.properties[property].readOnly){try{this.previewNode.set(property,element.properties[property])}catch(e){console.warn("".concat(property," is busted some how"));console.log(e)}}else if("prefix"===property){this.previewNode.setAttribute("prefix",element.properties[property])}else{console.warn("".concat(property," is busted some how"))}}this.set("value."+property,element.properties[property]);this.notifyPath("value."+property)}}var slotsApplied=!1;for(var prop in props.settings[newValue]){var previewNode=this.previewNode;if(babelHelpers.typeof(props.settings[this.formKey][prop].slot)!=="undefined"&&!slotsApplied){slotsApplied=!0;for(var i in(0,_polymerDom.dom)(previewNode).getEffectiveChildNodes()){if(babelHelpers.typeof((0,_polymerDom.dom)(previewNode).getEffectiveChildNodes()[i])!=="undefined"&&1===(0,_polymerDom.dom)(previewNode).getEffectiveChildNodes()[i].nodeType&&(0,_polymerDom.dom)(previewNode).getEffectiveChildNodes()[i].slot===props.settings[this.formKey][prop].slot){if(babelHelpers.typeof((0,_polymerDom.dom)(previewNode).getEffectiveChildNodes()[i].innerHTML)!=="undefined"){schema.properties[props.settings[this.formKey][prop].slot].value=(0,_polymerDom.dom)(previewNode).getEffectiveChildNodes()[i].innerHTML;this.set("value."+props.settings[this.formKey][prop].slot,(0,_polymerDom.dom)(previewNode).getEffectiveChildNodes()[i].innerHTML);this.notifyPath("value."+props.settings[this.formKey][prop].slot)}}}}}}this.set("schema",{});this.set("schema",schema)}},_previewNodeChanged:function _previewNodeChanged(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"&&newValue!=oldValue){if(babelHelpers.typeof(newValue.tagName)!=="undefined"&&babelHelpers.typeof(window.HaxStore.instance.elementList[newValue.tagName.toLowerCase()])!=="undefined"){var element=this.element,props=window.HaxStore.instance.elementList[newValue.tagName.toLowerCase()],schema={};if("function"===typeof newValue.getHaxJSONSchemaType){schema=window.HaxStore.instance.getHaxJSONSchema(this.formKey,props,newValue)}else{schema=window.HaxStore.instance.getHaxJSONSchema(this.formKey,props)}if(babelHelpers.typeof(props.gizmo.title)==="undefined"){this.humanName=newValue.tagName.replace("-"," ").toLowerCase()}else{this.humanName=props.gizmo.title}for(var property in element.properties){if(element.properties.hasOwnProperty(property)){if(babelHelpers.typeof(schema.properties[property])!=="undefined"){schema.properties[property].value=element.properties[property];if(babelHelpers.typeof(schema.properties[property].component)!=="undefined"){schema.properties[property].component.properties.value=element.properties[property]}}if(null!=element.properties[property]&&!element.properties[property].readOnly){try{newValue.set(property,element.properties[property])}catch(e){}}this.set("value."+property,element.properties[property]);this.notifyPath("value."+property)}}for(var property in newValue){if(newValue.hasOwnProperty(property)&&babelHelpers.typeof(schema.properties[property])!=="undefined"&&babelHelpers.typeof(newValue[property].value)!=="undefined"&&null!==newValue[property].value){schema.properties[property].value=newValue.properties[property].value;if(babelHelpers.typeof(schema.properties[property].component)!=="undefined"){schema.properties[property].component.properties.value=newValue.properties[property].value}this.set("value."+property,newValue.properties[property].value);this.notifyPath("value."+property)}}for(var prop in props.settings[this.formKey]){if(babelHelpers.typeof(props.settings[this.formKey][prop].slot)!=="undefined"){for(var i in(0,_polymerDom.dom)(newValue).getEffectiveChildNodes()){if(babelHelpers.typeof((0,_polymerDom.dom)(newValue).getEffectiveChildNodes()[i])!=="undefined"&&1===(0,_polymerDom.dom)(newValue).getEffectiveChildNodes()[i].nodeType&&(0,_polymerDom.dom)(newValue).getEffectiveChildNodes()[i].slot===props.settings[this.formKey][prop].slot){if(babelHelpers.typeof((0,_polymerDom.dom)(newValue).getEffectiveChildNodes()[i].innerHTML)!=="undefined"){schema.properties[props.settings[this.formKey][prop].slot].value=(0,_polymerDom.dom)(newValue).getEffectiveChildNodes()[i].innerHTML;this.set("value."+props.settings[this.formKey][prop].slot,(0,_polymerDom.dom)(newValue).getEffectiveChildNodes()[i].innerHTML);this.notifyPath("value."+props.settings[this.formKey][prop].slot)}}}}}this.set("schema",{});this.set("schema",schema)}}},_elementChanged:function _elementChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){var preview=(0,_polymerDom.dom)(this);(0,_haxutils.wipeSlot)(preview,"*");this.set("previewNode",{});this.modeTab="configure";if(null!=newValue&&0!=newValue.length){var frag=document.createElement(newValue.tag);frag.innerHTML=newValue.content;var newNode=frag.cloneNode(!0);newNode.setAttribute("hax-preview-mode","hax-preview-mode");preview.appendChild(newNode);this.set("previewNode",newNode)}}else{this.modeTab="advanced";this.set("previewNode",{})}},_valueChanged:function _valueChanged(valueChange){var node=this.previewNode;if(babelHelpers.typeof(node.tagName)!=="undefined"&&babelHelpers.typeof(window.HaxStore.instance.elementList[node.tagName.toLowerCase()])!=="undefined"){for(var path in valueChange.base){var props=window.HaxStore.instance.elementList[node.tagName.toLowerCase()],propSettings=props.settings[this.formKey].filter(function(n){if(babelHelpers.typeof(n.attribute)!=="undefined"){return n.attribute===path}else if(babelHelpers.typeof(n.property)!=="undefined"){return n.property===path}else if(babelHelpers.typeof(n.slot)!=="undefined"){return n.slot===path}});if(0<propSettings.length){var propData=propSettings.pop();if(propData.attribute){var attributeName=window.HaxStore.camelToDash(propData.attribute);if(!0===valueChange.base[path]){node.setAttribute(attributeName,attributeName)}else if(!1===valueChange.base[path]){node.removeAttribute(attributeName)}else{if("inner-text"===attributeName){node.innerText=valueChange.base[path];node.removeAttribute("innertext")}else if(null!==valueChange.base[path]&&"null"!==valueChange.base[path]){node.setAttribute(attributeName,valueChange.base[path])}}this.set("element.properties."+propData.attribute,valueChange.base[path]);this.notifyPath("element.properties."+propData.attribute)}else if(propData.property){if(!0===valueChange.base[path]||!1===valueChange.base[path]){node[propData.property]=valueChange.base[path]}else{if(null!=valueChange.base[path]&&valueChange.base[path].indexSplices&&valueChange.base[path].indexSplices[0]){if("function"===typeof node.set){node.set(propData.property,valueChange.base[path].indexSplices[0].object);node.notifyPath(propData.property+".*")}else{node[propData.property]=valueChange.base[path].indexSplices[0].object}}else if(null!=valueChange.base[path]&&valueChange.base[path].constructor===Array){if("function"===typeof node.set){node.set(propData.property,window.HaxStore.toArray(valueChange.base[path]))}else{node[propData.property]=window.HaxStore.toArray(valueChange.base[path])}}else{if("function"===typeof node.set){node.set(propData.property,valueChange.base[path])}else{node[propData.property]=valueChange.base[path]}}}this.set("element.properties."+propData.property,valueChange.base[path]);this.notifyPath("element.properties."+propData.property)}else if(babelHelpers.typeof(propData.slot)!=="undefined"){var slotTag="span";if(propData.slotWrapper){slotTag=propData.slotWrapper}else if("code-editor"===node.tagName.toLowerCase()){slotTag="template"}var tmpel=document.createElement(slotTag);if(propData.slotAttributes){for(var attr in propData.slotAttributes){tmpel.setAttribute(attr,propData.slotAttributes[attr])}}if(""!==propData.slot){tmpel.slot=propData.slot}tmpel.innerHTML=valueChange.base[path];(0,_haxutils.wipeSlot)(node,propData.slot);var cloneIt=tmpel.cloneNode(!0);(0,_polymerDom.dom)(node).appendChild(cloneIt);this.set("element.content","<template>"+cloneIt.outerHTML+"</template>");this.notifyPath("element.content")}}}}},_editorModeChanged:function _editorModeChanged(mode){if(mode){if("advanced"===mode){this.advancedForm=!0}else{this.advancedForm=!1}}}})});
\ No newline at end of file
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 c5eaac0668a..eed6627ad35 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-toggle-button/paper-toggle-button.js","../../../@polymer/paper-card/paper-card.js","../../../@polymer/paper-tabs/paper-tabs.js","../../../@polymer/paper-tabs/paper-tab.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-input/paper-textarea.js","../../../@polymer/iron-icons/iron-icons.js","../../eco-json-schema-form/eco-json-schema-form.js","../../eco-json-schema-form/lib/eco-json-schema-object.js","../../code-editor/code-editor.js","../../app-datepicker/app-datepicker.js","../../simple-picker/simple-picker.js","../../simple-icon-picker/simple-icon-picker.js","../../simple-colors/lib/simple-colors-picker.js","../../paper-input-flagged/paper-input-flagged.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_9aef7ad054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\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-accent1);\n        color: var(--hax-color-accent1-text);\n      }\n      eco-json-schema-object {\n        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    </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_9aef7ad054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9aef7ad054f411e9aeb367f92c5b63ab()),is:"hax-schema-form",properties:{initialValue:{type:Object,notify:!0,value:{},observer:"_valueChanged"},value:{type:Object,notify:!0,value:{}},modeTab:{type:String,observer:"_editorModeChanged"},advancedForm:{type:Boolean,value:!1},canEditSource:{type:Boolean},formKey:{type:String,computed:"_computedFormKey(advancedForm)",observer:"_formKeyChanged"},schema:{type:Object},configureSchema:{type:Object,value:{schema:{}}},advancedSchema:{type:Object,value:{schema:{}}}},_computedFormKey:function _computedFormKey(advanced){if(advanced){return"advanced"}else{return"configure"}},_formKeyChanged:function _formKeyChanged(newValue){if(newValue){if("advanced"===newValue){this.set("schema",this.advancedSchema)}else{this.set("schema",this.configureSchema)}this.notifyPath("schema.*")}},_valueChanged:function _valueChanged(newValue){if(newValue&&this.schema){for(var i in newValue){console.log(this.schema);console.log(i);this.schema[i].value=newValue[i]}}},_editorModeChanged:function _editorModeChanged(mode){if(mode){if("advanced"===mode){this.advancedForm=!0}else{this.advancedForm=!1}}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-toggle-button/paper-toggle-button.js","../../../@polymer/paper-card/paper-card.js","../../../@polymer/paper-tabs/paper-tabs.js","../../../@polymer/paper-tabs/paper-tab.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-input/paper-textarea.js","../../../@polymer/iron-icons/iron-icons.js","../../eco-json-schema-form/eco-json-schema-form.js","../../eco-json-schema-form/lib/eco-json-schema-object.js","../../code-editor/code-editor.js","../../app-datepicker/app-datepicker.js","../../simple-picker/simple-picker.js","../../simple-icon-picker/simple-icon-picker.js","../../simple-colors/lib/simple-colors-picker.js","../../paper-input-flagged/paper-input-flagged.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_30201940555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\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-accent1);\n        color: var(--hax-color-accent1-text);\n      }\n      eco-json-schema-object {\n        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    </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_30201940555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_30201940555211e98f439769bd191e33()),is:"hax-schema-form",properties:{initialValue:{type:Object,notify:!0,value:{},observer:"_valueChanged"},value:{type:Object,notify:!0,value:{}},modeTab:{type:String,observer:"_editorModeChanged"},advancedForm:{type:Boolean,value:!1},canEditSource:{type:Boolean},formKey:{type:String,computed:"_computedFormKey(advancedForm)",observer:"_formKeyChanged"},schema:{type:Object},configureSchema:{type:Object,value:{schema:{}}},advancedSchema:{type:Object,value:{schema:{}}}},_computedFormKey:function _computedFormKey(advanced){if(advanced){return"advanced"}else{return"configure"}},_formKeyChanged:function _formKeyChanged(newValue){if(newValue){if("advanced"===newValue){this.set("schema",this.advancedSchema)}else{this.set("schema",this.configureSchema)}this.notifyPath("schema.*")}},_valueChanged:function _valueChanged(newValue){if(newValue&&this.schema){for(var i in newValue){console.log(this.schema);console.log(i);this.schema[i].value=newValue[i]}}},_editorModeChanged:function _editorModeChanged(mode){if(mode){if("advanced"===mode){this.advancedForm=!0}else{this.advancedForm=!1}}}})});
\ No newline at end of file
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 ba0b4aa95a0..36c56eae541 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-card/paper-card.js","../../../@polymer/iron-image/iron-image.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_9b12ba4054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"hax-shared-styles\">\n      :host {\n        display: inline-flex;\n      }\n      :host([elevation=\"1\"]) {\n        -webkit-transform: scale(1, 1);\n        transform: scale(1, 1);\n      }\n      :host([elevation=\"2\"]) {\n        -webkit-transform: scale(1.4, 1.4);\n        transform: scale(1.4, 1.4);\n      }\n      paper-card {\n        margin: 4px 0;\n        border-radius: 10px;\n      }\n      paper-button {\n        color: var(--hax-color-text);\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: 200px !important;\n        display: flex;\n        border-radius: 10px;\n        min-width: unset;\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    </style>\n    <paper-card id=\"card\" elevation=\"[[elevation]]\">\n      <paper-button\n        id=\"button\"\n        on-tap=\"_fireEvent\"\n        data-voicecommand$=\"select [[title]]\"\n      >\n        <div class=\"button-inner\">\n          <iron-image\n            src=\"[[image]]\"\n            preload=\"\"\n            sizing=\"cover\"\n            hidden$=\"[[!image]]\"\n          ></iron-image>\n          <div class=\"item-title\">[[title]]</div>\n        </div>\n      </paper-button>\n    </paper-card>\n  "],["\n    <style include=\"hax-shared-styles\">\n      :host {\n        display: inline-flex;\n      }\n      :host([elevation=\"1\"]) {\n        -webkit-transform: scale(1, 1);\n        transform: scale(1, 1);\n      }\n      :host([elevation=\"2\"]) {\n        -webkit-transform: scale(1.4, 1.4);\n        transform: scale(1.4, 1.4);\n      }\n      paper-card {\n        margin: 4px 0;\n        border-radius: 10px;\n      }\n      paper-button {\n        color: var(--hax-color-text);\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: 200px !important;\n        display: flex;\n        border-radius: 10px;\n        min-width: unset;\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    </style>\n    <paper-card id=\"card\" elevation=\"[[elevation]]\">\n      <paper-button\n        id=\"button\"\n        on-tap=\"_fireEvent\"\n        data-voicecommand\\$=\"select [[title]]\"\n      >\n        <div class=\"button-inner\">\n          <iron-image\n            src=\"[[image]]\"\n            preload=\"\"\n            sizing=\"cover\"\n            hidden\\$=\"[[!image]]\"\n          ></iron-image>\n          <div class=\"item-title\">[[title]]</div>\n        </div>\n      </paper-button>\n    </paper-card>\n  "]);_templateObject_9b12ba4054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9b12ba4054f411e9aeb367f92c5b63ab()),is:"hax-stax-browser-item",listeners:{mousedown:"tapEventOn",mouseover:"tapEventOn",mouseout:"tapEventOff",focusin:"tapEventOn",focusout:"tapEventOff"},properties:{title:{type:String},staxReference:{type:Object},image:{type:String,value:!1},author:{type:String},description:{type:String},examples:{type:Array},status:{type:Array},tag:{type:String},elevation:{type:Number,value:1,reflectToAttribute:!0}},tapEventOn:function tapEventOn(){this.elevation=2},tapEventOff:function tapEventOff(){this.elevation=1},_fireEvent:function _fireEvent(){this.fire("hax-insert-content-array",this.stax);window.HaxStore.instance.haxStaxPicker.close()}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-card/paper-card.js","../../../@polymer/iron-image/iron-image.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_30343d80555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"hax-shared-styles\">\n      :host {\n        display: inline-flex;\n      }\n      :host([elevation=\"1\"]) {\n        -webkit-transform: scale(1, 1);\n        transform: scale(1, 1);\n      }\n      :host([elevation=\"2\"]) {\n        -webkit-transform: scale(1.4, 1.4);\n        transform: scale(1.4, 1.4);\n      }\n      paper-card {\n        margin: 4px 0;\n        border-radius: 10px;\n      }\n      paper-button {\n        color: var(--hax-color-text);\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: 200px !important;\n        display: flex;\n        border-radius: 10px;\n        min-width: unset;\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    </style>\n    <paper-card id=\"card\" elevation=\"[[elevation]]\">\n      <paper-button\n        id=\"button\"\n        on-tap=\"_fireEvent\"\n        data-voicecommand$=\"select [[title]]\"\n      >\n        <div class=\"button-inner\">\n          <iron-image\n            src=\"[[image]]\"\n            preload=\"\"\n            sizing=\"cover\"\n            hidden$=\"[[!image]]\"\n          ></iron-image>\n          <div class=\"item-title\">[[title]]</div>\n        </div>\n      </paper-button>\n    </paper-card>\n  "],["\n    <style include=\"hax-shared-styles\">\n      :host {\n        display: inline-flex;\n      }\n      :host([elevation=\"1\"]) {\n        -webkit-transform: scale(1, 1);\n        transform: scale(1, 1);\n      }\n      :host([elevation=\"2\"]) {\n        -webkit-transform: scale(1.4, 1.4);\n        transform: scale(1.4, 1.4);\n      }\n      paper-card {\n        margin: 4px 0;\n        border-radius: 10px;\n      }\n      paper-button {\n        color: var(--hax-color-text);\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: 200px !important;\n        display: flex;\n        border-radius: 10px;\n        min-width: unset;\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    </style>\n    <paper-card id=\"card\" elevation=\"[[elevation]]\">\n      <paper-button\n        id=\"button\"\n        on-tap=\"_fireEvent\"\n        data-voicecommand\\$=\"select [[title]]\"\n      >\n        <div class=\"button-inner\">\n          <iron-image\n            src=\"[[image]]\"\n            preload=\"\"\n            sizing=\"cover\"\n            hidden\\$=\"[[!image]]\"\n          ></iron-image>\n          <div class=\"item-title\">[[title]]</div>\n        </div>\n      </paper-button>\n    </paper-card>\n  "]);_templateObject_30343d80555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_30343d80555211e98f439769bd191e33()),is:"hax-stax-browser-item",listeners:{mousedown:"tapEventOn",mouseover:"tapEventOn",mouseout:"tapEventOff",focusin:"tapEventOn",focusout:"tapEventOff"},properties:{title:{type:String},staxReference:{type:Object},image:{type:String,value:!1},author:{type:String},description:{type:String},examples:{type:Array},status:{type:Array},tag:{type:String},elevation:{type:Number,value:1,reflectToAttribute:!0}},tapEventOn:function tapEventOn(){this.elevation=2},tapEventOff:function tapEventOff(){this.elevation=1},_fireEvent:function _fireEvent(){this.fire("hax-insert-content-array",this.stax);window.HaxStore.instance.haxStaxPicker.close()}})});
\ No newline at end of file
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 47e08ace3e1..b7db05fc3df 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/iron-list/iron-list.js","./hax-stax-browser-item.js"],function(_polymerLegacy,async){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_9b08cf3054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      hax-stax-browser-item {\n        margin: 10px;\n        -webkit-transition: 0.3s all linear;\n        transition: 0.3s all linear;\n      }\n      #ironlist {\n        min-height: 50vh;\n      }\n    </style>\n    <iron-list id=\"ironlist\" items=\"[[__staxList]]\" as=\"stax\" grid=\"\">\n      <template>\n        <div class=\"stax-container\">\n          <hax-stax-browser-item\n            index=\"[[stax.index]]\"\n            title=\"[[stax.details.title]]\"\n            tag=\"[[stax.details.tag]]\"\n            image=\"[[stax.details.image]]\"\n            author=\"[[stax.details.author]]\"\n            teaser=\"[[stax.details.teaser]]\"\n            description=\"[[stax.details.description]]\"\n            examples=\"[[stax.details.examples]]\"\n            status=\"[[stax.details.status]]\"\n            stax=\"[[stax.stax]]\"\n          ></hax-stax-browser-item>\n        </div>\n      </template>\n    </iron-list>\n  "]);_templateObject_9b08cf3054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9b08cf3054f411e9aeb367f92c5b63ab()),is:"hax-stax-browser",properties:{staxList:{type:Array,observer:"_staxListChanged"}},ready:function ready(){document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},detached:function detached(){document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},attached:function attached(){this.resetBrowser()},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){if(babelHelpers.typeof(this[e.detail.property])!=="undefined"&&null!=this[e.detail.property]&&babelHelpers.typeof(this[e.detail.property].length)!=="undefined"){this.set(e.detail.property,[])}this.set(e.detail.property,e.detail.value)}},_staxListChanged:function _staxListChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this.set("__staxList",newValue)}},resetBrowser:function resetBrowser(){var _this=this;async.microTask.run(function(){setTimeout(function(){_this.$.ironlist.fire("iron-resize");window.dispatchEvent(new Event("resize"))},100)})}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/iron-list/iron-list.js","./hax-stax-browser-item.js"],function(_polymerLegacy,async){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_303b4260555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      hax-stax-browser-item {\n        margin: 10px;\n        -webkit-transition: 0.3s all linear;\n        transition: 0.3s all linear;\n      }\n      #ironlist {\n        min-height: 50vh;\n      }\n    </style>\n    <iron-list id=\"ironlist\" items=\"[[__staxList]]\" as=\"stax\" grid=\"\">\n      <template>\n        <div class=\"stax-container\">\n          <hax-stax-browser-item\n            index=\"[[stax.index]]\"\n            title=\"[[stax.details.title]]\"\n            tag=\"[[stax.details.tag]]\"\n            image=\"[[stax.details.image]]\"\n            author=\"[[stax.details.author]]\"\n            teaser=\"[[stax.details.teaser]]\"\n            description=\"[[stax.details.description]]\"\n            examples=\"[[stax.details.examples]]\"\n            status=\"[[stax.details.status]]\"\n            stax=\"[[stax.stax]]\"\n          ></hax-stax-browser-item>\n        </div>\n      </template>\n    </iron-list>\n  "]);_templateObject_303b4260555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_303b4260555211e98f439769bd191e33()),is:"hax-stax-browser",properties:{staxList:{type:Array,observer:"_staxListChanged"}},ready:function ready(){document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},detached:function detached(){document.body.removeEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},attached:function attached(){this.resetBrowser()},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){if(babelHelpers.typeof(this[e.detail.property])!=="undefined"&&null!=this[e.detail.property]&&babelHelpers.typeof(this[e.detail.property].length)!=="undefined"){this.set(e.detail.property,[])}this.set(e.detail.property,e.detail.value)}},_staxListChanged:function _staxListChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this.set("__staxList",newValue)}},resetBrowser:function resetBrowser(){var _this=this;async.microTask.run(function(){setTimeout(function(){_this.$.ironlist.fire("iron-resize");window.dispatchEvent(new Event("resize"))},100)})}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-stax-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-stax-picker.js
index f88f9f85b08..023c35f0657 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-stax-picker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-stax-picker.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icon/iron-icon.js","../../simple-colors/simple-colors.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/app-layout/app-drawer/app-drawer.js","./hax-stax-browser.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_9b1e2bf054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      #dialog {\n        --app-drawer-width: 320px;\n        z-index: 1000;\n        margin-top: 56px;\n        @apply --hax-stax-picker-dialog;\n      }\n      #closedialog {\n        float: right;\n        top: 124px;\n        right: 0;\n        position: absolute;\n        padding: 8px;\n        margin: 0;\n        color: var(--hax-color-text);\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);\n        font-size: 18px;\n        line-height: 18px;\n        font-family: \"Noto Serif\", serif;\n        color: var(--hax-color-text);\n      }\n      app-drawer {\n        --app-drawer-content-container: {\n          background-color: #ffffff;\n        }\n        --app-drawer-width: 320px;\n      }\n      .pref-container {\n        text-align: left;\n        padding: 16px;\n      }\n    </style>\n    <app-drawer id=\"dialog\" align=\"left\" transition-duration=\"300\">\n      <h3 class=\"title\">[[title]]</h3>\n      <div style=\"height: 100%; overflow: auto;\" class=\"pref-container\">\n        <hax-stax-browser id=\"staxbrowser\"></hax-stax-browser>\n      </div>\n      <paper-button id=\"closedialog\" on-tap=\"close\">\n        <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n      </paper-button>\n    </app-drawer>\n  "]);_templateObject_9b1e2bf054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9b1e2bf054f411e9aeb367f92c5b63ab()),is:"hax-stax-picker",properties:{title:{type:String,value:"Templates"}},attached:function attached(){this.fire("hax-register-stax-picker",this)},open:function open(){this.$.staxbrowser.resetBrowser();this.$.dialog.open()},close:function close(){this.$.dialog.close()},toggleDialog:function toggleDialog(){if(this.$.dialog.opened){this.close()}else{window.HaxStore.instance.closeAllDrawers(this)}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icon/iron-icon.js","../../simple-colors/simple-colors.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/app-layout/app-drawer/app-drawer.js","./hax-stax-browser.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_30449130555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n      }\n      #dialog {\n        --app-drawer-width: 320px;\n        z-index: 1000;\n        margin-top: 56px;\n        @apply --hax-stax-picker-dialog;\n      }\n      #closedialog {\n        float: right;\n        top: 124px;\n        right: 0;\n        position: absolute;\n        padding: 8px;\n        margin: 0;\n        color: var(--hax-color-text);\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);\n        font-size: 18px;\n        line-height: 18px;\n        font-family: \"Noto Serif\", serif;\n        color: var(--hax-color-text);\n      }\n      app-drawer {\n        --app-drawer-content-container: {\n          background-color: #ffffff;\n        }\n        --app-drawer-width: 320px;\n      }\n      .pref-container {\n        text-align: left;\n        padding: 16px;\n      }\n    </style>\n    <app-drawer id=\"dialog\" align=\"left\" transition-duration=\"300\">\n      <h3 class=\"title\">[[title]]</h3>\n      <div style=\"height: 100%; overflow: auto;\" class=\"pref-container\">\n        <hax-stax-browser id=\"staxbrowser\"></hax-stax-browser>\n      </div>\n      <paper-button id=\"closedialog\" on-tap=\"close\">\n        <iron-icon icon=\"icons:cancel\" title=\"Close dialog\"></iron-icon>\n      </paper-button>\n    </app-drawer>\n  "]);_templateObject_30449130555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_30449130555211e98f439769bd191e33()),is:"hax-stax-picker",properties:{title:{type:String,value:"Templates"}},attached:function attached(){this.fire("hax-register-stax-picker",this)},open:function open(){this.$.staxbrowser.resetBrowser();this.$.dialog.open()},close:function close(){this.$.dialog.close()},toggleDialog:function toggleDialog(){if(this.$.dialog.opened){this.close()}else{window.HaxStore.instance.closeAllDrawers(this)}}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-stax.js b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-stax.js
index 19c864381f4..e101116d941 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-stax.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/hax-body/lib/hax-stax.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_9b21ae6054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n      }\n    </style>\n  "]);_templateObject_9b21ae6054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9b21ae6054f411e9aeb367f92c5b63ab()),is:"hax-stax",properties:{data:{type:Object}},attached:function attached(){if(babelHelpers.typeof(this.data)!=="undefined"){this.fire("hax-register-stax",this.data)}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_3045f0c0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n      }\n    </style>\n  "]);_templateObject_3045f0c0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3045f0c0555211e98f439769bd191e33()),is:"hax-stax",properties:{data:{type:Object}},attached:function attached(){if(babelHelpers.typeof(this.data)!=="undefined"){this.fire("hax-register-stax",this.data)}}})});
\ No newline at end of file
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 81d5556c8a3..9c91a693d20 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
@@ -1 +1 @@
-define(["meta","require","../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/polymer/lib/utils/resolve-url.js","../../../@polymer/polymer/lib/utils/settings.js","../../../@polymer/iron-ajax/iron-ajax.js","../../simple-toast/simple-toast.js","../../media-behaviors/media-behaviors.js","../../hax-body-behaviors/hax-body-behaviors.js","../../hal-9000/hal-9000.js","../../code-sample/code-sample.js","./shadows-safari.js","./haxutils.js","./hax-app.js","./hax-stax.js","./hax-stax-browser.js","./hax-blox.js","./hax-blox-browser.js"],function(meta,_require,_polymerLegacy,_polymerDom,_resolveUrl,_settings,_ironAjax,_simpleToast,_mediaBehaviors,_haxBodyBehaviors,_hal,_codeSample,_shadowsSafari,_haxutils){"use strict";meta=babelHelpers.interopRequireWildcard(meta);_require=babelHelpers.interopRequireWildcard(_require);function _templateObject_9b80492054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n      }\n    </style>\n    <slot></slot>\n    <iron-ajax\n      id=\"appstore\"\n      url=\"[[appStore.url]]\"\n      params=\"[[appStore.params]]\"\n      method=\"GET\"\n      content-type=\"application/json\"\n      handle-as=\"json\"\n      last-response=\"{{__appStoreData}}\"\n    ></iron-ajax>\n    <hal-9000 id=\"hal\" debug=\"debug\" commands=\"[[voiceCommands]]\"></hal-9000>\n  "]);_templateObject_9b80492054f411e9aeb367f92c5b63ab=function(){return data};return data}window.HaxStore=window.HaxStore||{};window.HaxStore.instance=null;window.HaxStore.requestAvailability=function(){if(!window.HaxStore.instance){window.HaxStore.instance=document.createElement("hax-store");document.body.appendChild(window.HaxStore.instance)}return window.HaxStore.instance};(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9b80492054f411e9aeb367f92c5b63ab()),is:"hax-store",behaviors:[MediaBehaviors.Video,HAXBehaviors.PropertiesBehaviors],observers:["_loadAppStoreData(__ready, __appStoreData, haxAutoloader)"],properties:{skipHAXConfirmation:{type:Boolean,value:!1,reflectToAttribute:!0},storageData:{type:Object,value:{},observer:"_storageDataChanged"},haxAppPicker:{type:Object},haxStaxPicker:{type:Object},haxManager:{type:Object},haxAutoloader:{type:Object},haxBodies:{type:Array,value:[]},activePlaceHolder:{type:Object,value:null},activeHaxBody:{type:Object},appStore:{type:Object,observer:"_appStoreChanged"},haxToast:{type:Object},haxPanel:{type:Object},haxExport:{type:Object},haxPreferences:{type:Object},activeHaxElement:{type:Object},activeNode:{type:Object},activeContainerNode:{type:Object},sessionObject:{type:Object,value:{}},editMode:{type:Boolean,value:!1,observer:"_editModeChanged"},canSupportUploads:{type:Boolean,value:!1},skipExitTrap:{type:Boolean,value:!1},defaults:{type:Object,value:{image:{src:"stock.jpg",alt:"A beachfront deep in the heart of Alaska."},iframe:{src:"https://www.wikipedia.org/"}}},gizmoList:{type:Array,value:[]},elementList:{type:Object,value:{}},appList:{type:Array,value:[]},staxList:{type:Array,value:[]},bloxList:{type:Array,value:[]},globalPreferences:{type:Object,value:{},observer:"_globalPreferencesChanged"},activeApp:{type:Object,value:{}},validTagList:{type:Array,value:["p","div","ol","ul","li","a","strong","kbd","em","i","b","hr","h1","h2","h3","h4","h5","h6","blockquote","code","figure","img","iframe","video","audio","section","grid-plate","template","webview"]},validGizmoTypes:{type:Array,value:["data","video","audio","text","link","file","pdf","image","csv","doc","content","text","inline","*"]},_isSandboxed:{type:Boolean,value:function value(){var test=document.createElement("webview");if("function"===typeof test.reload){return!0}return!1}},__appStoreData:{type:Object},__ready:{type:Boolean},voiceCommands:{type:Object},connectionRewrites:{type:Object,value:{}}},_storageDataChanged:function _storageDataChanged(newValue){if(newValue&&window.HaxStore.ready&&this.__storageDataProcessed){if(window.localStorage.getItem("haxConfirm")){window.localStorage.setItem("haxUserData",JSON.stringify(newValue))}else if(window.sessionStorage.getItem("haxConfirm")){window.sessionStorage.setItem("haxUserData",JSON.stringify(newValue))}}},isTextElement:function isTextElement(node){if(null!=node&&this.validTagList.includes(node.tagName.toLowerCase())){if(["p","ol","ul","li","a","h1","h2","h3","h4","h5","h6","span","i","bold","em","strong","blockquote","code","figure"].includes(node.tagName.toLowerCase())){return!0}}return!1},isGridPlateElement:function isGridPlateElement(node){var tag=node.tagName.toLowerCase();if(this.validTagList.includes(tag)){if(["p","ol","ul","li","div","h1","h2","h3","h4","h5","h6","blockquote","code","figure","grid-plate"].includes(tag)){return!0}}return!1},_appStoreChanged:function _appStoreChanged(newValue){var _this=this;if(babelHelpers.typeof(newValue)!=="undefined"&&null!=newValue){if(babelHelpers.typeof(newValue.apps)==="undefined"){this.$.appstore.generateRequest()}else{setTimeout(function(){_this.__appStoreData=newValue},500)}}},_loadAppStoreData:function _loadAppStoreData(ready,appDataResponse,haxAutoloader){var _this2=this;if(babelHelpers.typeof(appDataResponse)!=="undefined"&&null!=appDataResponse){if(babelHelpers.typeof(appDataResponse.autoloader)!=="undefined"){for(var _loop=function(){_this2.push("validTagList",appDataResponse.autoloader[i]);var CEname=appDataResponse.autoloader[i],basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url));new Promise(function(res,rej){return _require.default(["".concat(basePath,"../../").concat(CEname,"/").concat(CEname,".js")],res,rej)}).then(function(){var CEClass=window.customElements.get(CEname);if("function"===typeof CEClass.getHaxProperties){_this2.setHaxProperties(CEClass.getHaxProperties(),CEname)}else if("function"===typeof CEClass.HAXWiring){_this2.setHaxProperties(CEClass.HAXWiring.getHaxProperties(),CEname)}else if(CEClass.haxProperties){_this2.setHaxProperties(CEClass.haxProperties,CEname)}else{(0,_polymerDom.dom)(haxAutoloader).appendChild(document.createElement(CEname))}}).catch(function(error){console.log(error)})},i=0;i<appDataResponse.autoloader.length;i++){_loop()}}if(babelHelpers.typeof(appDataResponse.apps)!=="undefined"){for(var apps=appDataResponse.apps,i=0,app;i<apps.length;i++){app=document.createElement("hax-app");app.data=apps[i];if(apps[i].connection.operations.add){window.HaxStore.write("canSupportUploads",!0,this)}window.HaxStore.instance.appendChild(app)}}if(babelHelpers.typeof(appDataResponse.stax)!=="undefined"){for(var staxs=appDataResponse.stax,i=0,stax;i<staxs.length;i++){stax=document.createElement("hax-stax");stax.data=staxs[i];window.HaxStore.instance.appendChild(stax)}}if(babelHelpers.typeof(appDataResponse.blox)!=="undefined"){for(var bloxs=appDataResponse.blox,i=0,blox;i<bloxs.length;i++){blox=document.createElement("hax-blox");blox.data=bloxs[i];window.HaxStore.instance.appendChild(blox)}}var evt=new CustomEvent("hax-store-app-store-loaded",{bubbles:!0,cancelable:!0,composed:!0,detail:!0});this.dispatchEvent(evt)}},_editModeChanged:function _editModeChanged(newValue){if(newValue&&this.globalPreferences.haxVoiceCommands){this.$.hal.auto=!0}else{this.$.hal.auto=!1}},_globalPreferencesChanged:function _globalPreferencesChanged(newValue){if(this.__storageDataProcessed&&newValue&&babelHelpers.typeof(newValue.haxVoiceCommands)!=="undefined"&&window.HaxStore.ready){var storageData=this.storageData;storageData.globalPreferences=newValue;this.set("storageData",{});this.set("storageData",storageData);if(newValue.haxVoiceCommands&&this.editMode){this.$.hal.auto=!0}else{this.$.hal.auto=!1}}},detached:function detached(){window.removeEventListener("hax-register-properties",this._haxStoreRegisterProperties.bind(this));document.body.removeEventListener("hax-register-app",this._haxStoreRegisterApp.bind(this));document.body.removeEventListener("hax-register-stax",this._haxStoreRegisterStax.bind(this));document.body.removeEventListener("hax-register-blox",this._haxStoreRegisterBlox.bind(this));document.body.removeEventListener("hax-store-write",this._writeHaxStore.bind(this));document.body.removeEventListener("hax-register-manager",this._haxStoreRegisterManager.bind(this));document.body.removeEventListener("hax-register-autoloader",this._haxStoreRegisterAutoloader.bind(this));document.body.removeEventListener("hax-register-body",this._haxStoreRegisterBody.bind(this));document.body.removeEventListener("hax-register-panel",this._haxStoreRegisterPanel.bind(this));document.body.removeEventListener("hax-register-app-picker",this._haxStoreRegisterAppPicker.bind(this));document.body.removeEventListener("hax-register-stax-picker",this._haxStoreRegisterStaxPicker.bind(this));document.body.removeEventListener("hax-register-blox-picker",this._haxStoreRegisterBloxPicker.bind(this));document.body.removeEventListener("hax-register-preferences",this._haxStoreRegisterPreferences.bind(this));document.body.removeEventListener("hax-register-export",this._haxStoreRegisterExport.bind(this));document.body.removeEventListener("hax-insert-content",this._haxStoreInsertContent.bind(this));document.body.removeEventListener("hax-insert-content-array",this._haxStoreInsertMultiple.bind(this));window.removeEventListener("hax-add-voice-command",this._addVoiceCommand.bind(this));window.removeEventListener("onbeforeunload",this._onBeforeUnload.bind(this));window.removeEventListener("hax-consent-tap",this._haxConsentTap.bind(this));window.removeEventListener("paste",this._onPaste.bind(this));this.dispatchEvent(new CustomEvent("hax-store-ready",{bubbles:!0,cancelable:!1,composed:!0,detail:!1}));window.HaxStore.ready=!1},_haxConsentTap:function _haxConsentTap(){window.localStorage.setItem("haxConfirm",!0);window.localStorage.setItem("haxUserData",JSON.stringify(this.storageData))},ready:function ready(){if(this.skipHAXConfirmation){window.sessionStorage.setItem("haxConfirm",!0);window.localStorage.setItem("haxConfirm",!0)}var haxConfirm=window.sessionStorage.getItem("haxConfirm")||window.localStorage.getItem("haxConfirm");if(!haxConfirm){window.sessionStorage.setItem("haxConfirm",!0);window.HaxStore.toast("\n      The HAX content editor keeps preferences in order to improve your experience.\n      This data is stored in your browser and is never sent anywhere.\n      Click to accept.\n      ","-1","fit-bottom","I Accept","hax-consent-tap")}else{if(window.sessionStorage.getItem("haxConfirm")&&!window.localStorage.getItem("haxConfirm")){try{var globalData=window.sessionStorage.getItem("haxUserData")?JSON.parse(window.sessionStorage.getItem("haxUserData")):{};this.set("storageData",globalData)}catch(e){}}else{try{var _globalData=window.localStorage.getItem("haxUserData")?JSON.parse(window.localStorage.getItem("haxUserData")):{};this.set("storageData",_globalData)}catch(e){}}}},attached:function attached(){var _this3=this;this.dispatchEvent(new CustomEvent("hax-store-ready",{bubbles:!0,cancelable:!1,composed:!0,detail:!0}));window.HaxStore.ready=!0;this.__ready=!0;this._buildPrimitiveDefinitions();window.addEventListener("hax-consent-tap",this._haxConsentTap.bind(this));window.addEventListener("onbeforeunload",this._onBeforeUnload.bind(this));window.addEventListener("paste",this._onPaste.bind(this));this.voiceCommands=this._initVoiceCommands();setTimeout(function(){_this3.__storageDataProcessed=!0;if(_this3.storageData.globalPreferences){window.HaxStore.write("globalPreferences",_this3.storageData.globalPreferences,_this3)}},325)},_initVoiceCommands:function _initVoiceCommands(){var _this4=this,commands={};commands["".concat(this.$.hal.respondsTo," scroll up")]=function(){window.scrollBy({top:-(.5*window.innerHeight),left:0,behavior:"smooth"})};commands["".concat(this.$.hal.respondsTo," scroll (down)")]=function(){window.scrollBy({top:.5*window.innerHeight,left:0,behavior:"smooth"})};commands["hey ".concat(this.$.hal.respondsTo)]=function(){_this4.$.hal.speak("Yeah what do you want")};commands["".concat(this.$.hal.respondsTo," find media")]=function(){window.HaxStore.write("activeHaxElement",{},window.HaxStore.instance);window.HaxStore.instance.haxManager.resetManager(1);window.HaxStore.instance.haxManager.toggleDialog(!1)};return commands},addVoiceCommand:function addVoiceCommand(command){this.push("voiceCommands",command);this.notifyPath("voiceCommands.*")},_addVoiceCommand:function _addVoiceCommand(e){this.addVoiceCommand(e.detail)},_onBeforeUnload:function _onBeforeUnload(){if(!window.HaxStore.instance.skipExitTrap&&window.HaxStore.instance.editMode){return"Are you sure you want to leave? Your work will not be saved!"}},_onPaste:function _onPaste(e){if(window.HaxStore.instance.isTextElement(window.HaxStore.instance.activeNode)&&!window.HaxStore.instance.haxManager.opened){e.preventDefault();var text="";if(e.clipboardData||e.originalEvent.clipboardData){text=(e.originalEvent||e).clipboardData.getData("text/plain")}else if(window.clipboardData){text=window.clipboardData.getData("Text")}var sel=window.HaxStore.getSelection(),range;if(range=window.HaxStore.getRange()){range.deleteContents();range.insertNode(document.createTextNode(text))}}},created:function created(){(0,_settings.setPassiveTouchGestures)(!0);if(null==window.HaxStore.instance){window.HaxStore.instance=this}this.haxToast=window.SimpleToast.requestAvailability();window.addEventListener("hax-register-properties",this._haxStoreRegisterProperties.bind(this));document.body.addEventListener("hax-register-app",this._haxStoreRegisterApp.bind(this));document.body.addEventListener("hax-register-stax",this._haxStoreRegisterStax.bind(this));document.body.addEventListener("hax-register-blox",this._haxStoreRegisterBlox.bind(this));document.body.addEventListener("hax-store-write",this._writeHaxStore.bind(this));document.body.addEventListener("hax-register-manager",this._haxStoreRegisterManager.bind(this));document.body.addEventListener("hax-register-autoloader",this._haxStoreRegisterAutoloader.bind(this));document.body.addEventListener("hax-register-body",this._haxStoreRegisterBody.bind(this));document.body.addEventListener("hax-register-panel",this._haxStoreRegisterPanel.bind(this));document.body.addEventListener("hax-register-app-picker",this._haxStoreRegisterAppPicker.bind(this));document.body.addEventListener("hax-register-stax-picker",this._haxStoreRegisterStaxPicker.bind(this));document.body.addEventListener("hax-register-blox-picker",this._haxStoreRegisterBloxPicker.bind(this));document.body.addEventListener("hax-register-preferences",this._haxStoreRegisterPreferences.bind(this));document.body.addEventListener("hax-register-export",this._haxStoreRegisterExport.bind(this));document.body.addEventListener("hax-insert-content",this._haxStoreInsertContent.bind(this));document.body.addEventListener("hax-insert-content-array",this._haxStoreInsertMultiple.bind(this));window.addEventListener("hax-add-voice-command",this._addVoiceCommand.bind(this));document.body.style.setProperty("--hax-ui-headings","#d4ff77")},_buildPrimitiveDefinitions:function _buildPrimitiveDefinitions(){if(window.HaxStore.instance._isSandboxed){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,settings:{quick:[{attribute:"src",title:"Source",description:"The URL for this video.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"}],configure:[{attribute:"src",title:"Source",description:"The URL for this video.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"}],advanced:[]}},"webview")}this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!0,gizmo:{title:"Basic iframe",description:"A basic iframe",icon:"icons:fullscreen",color:"grey",groups:["Content"],handles:[{type:"link",source:"src",height:"height",width:"width"}],meta:{author:"W3C"}},settings:{quick:[{attribute:"src",title:"Source",description:"The URL for this video.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"}],configure:[{attribute:"src",title:"Source",description:"The URL for this video.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"}],advanced:[]}},"iframe");this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Image",description:"A basic img tag",icon:"image:image",color:"grey",groups:["Image","Media"],handles:[{type:"link",source:"src"},{type:"image",source:"src",height:"height",width:"width"}],meta:{author:"W3C"}},settings:{quick:[{attribute:"src",title:"Source",description:"The URL for this video.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"},{attribute:"alt",title:"Alt text",description:"Useful for screen readers and improved SEO.",inputMethod:"alt",icon:"accessibility"},{attribute:"height",title:"Height",description:"height in pixels of the item",inputMethod:"textfield",icon:"icons:swap-vert"},{attribute:"width",title:"Width",description:"width in pixels of the item",inputMethod:"textfield",icon:"icons:swap-horiz"}],configure:[{attribute:"src",title:"Source",description:"The URL for this video.",inputMethod:"haxupload",icon:"link",required:!0,validationType:"url"},{attribute:"alt",title:"Alt text",description:"Useful for screen readers and improved SEO.",inputMethod:"alt",icon:"accessibility"},{attribute:"height",title:"Height",description:"height in pixels of the item",inputMethod:"textfield",icon:"icons:swap-vert"},{attribute:"width",title:"Width",description:"width in pixels of the item",inputMethod:"textfield",icon:"icons:swap-horiz"}],advanced:[]}},"img");this.setHaxProperties({canScale:!1,canPosition:!1,canEditSource:!0,gizmo:{title:"Basic link",description:"A basic a tag",icon:"icons:link",color:"grey",groups:["Link"],handles:[{type:"link",source:"href",title:"innerText",alt:"title"}],meta:{author:"W3C"}},settings:{quick:[{attribute:"href",title:"Link",description:"The URL for this video.",inputMethod:"textfield",icon:"icons:link",required:!0,validationType:"url"},{attribute:"title",title:"Title text",description:"Useful for screen readers and improved SEO.",inputMethod:"textfield",icon:"icons:accessibility"}],configure:[{attribute:"innerText",title:"Text",description:"Text of the link",inputMethod:"textfield",required:!0},{attribute:"href",title:"Link",description:"The URL for this video.",inputMethod:"haxupload",icon:"icons:link",required:!0,validationType:"url"},{attribute:"title",title:"Title text",description:"Useful for screen readers and improved SEO.",inputMethod:"textfield",icon:"icons:accessibility"},{attribute:"target",title:"Target",description:"Where to place the link.",inputMethod:"select",icon:"icons:launch",options:{"":"Same window",_blank:"New window",_top:"Top window",_parent:"Parent window"}}],advanced:[]}},"a");this.setHaxProperties({canScale:!1,canPosition:!1,canEditSource:!0,settings:{quick:[],configure:[],advanced:[]}},"p");this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,settings:{quick:[],configure:[],advanced:[]}},"hr");this.setHaxProperties(_codeSample.CodeSample.haxProperties,_codeSample.CodeSample.tag)},_haxStoreRegisterManager:function _haxStoreRegisterManager(e){if(e.detail&&babelHelpers.typeof(this.haxManager)==="undefined"){this.haxManager=e.detail}},_haxStoreRegisterAutoloader:function _haxStoreRegisterAutoloader(e){if(e.detail&&babelHelpers.typeof(this.haxAutoloader)==="undefined"){this.haxAutoloader=e.detail}},_haxStoreRegisterAppPicker:function _haxStoreRegisterAppPicker(e){if(e.detail&&babelHelpers.typeof(this.haxAppPicker)==="undefined"){this.haxAppPicker=e.detail}},_haxStoreRegisterStaxPicker:function _haxStoreRegisterStaxPicker(e){if(e.detail&&babelHelpers.typeof(this.haxStaxPicker)==="undefined"){this.haxStaxPicker=e.detail}},_haxStoreRegisterBloxPicker:function _haxStoreRegisterBloxPicker(e){if(e.detail&&babelHelpers.typeof(this.haxBloxPicker)==="undefined"){this.haxBloxPicker=e.detail}},closeAllDrawers:function closeAllDrawers(){var active=0<arguments.length&&arguments[0]!==void 0?arguments[0]:!1,drawers=["haxManager","haxBloxPicker","haxStaxPicker","haxPreferences","haxExport"];for(var i in drawers){if(active===this[drawers[i]]){active.open();if("haxManager"===drawers[i]){setTimeout(function(){if(null!=active.querySelector("#activepage .iron-selected paper-input")){active.querySelector("#activepage .iron-selected paper-input").focus()}},325)}else{setTimeout(function(){if(null!=active.querySelector("paper-checkbox,paper-input,textarea,paper-button")){active.querySelector("paper-checkbox,paper-input,textarea,paper-button").focus()}},325)}}else{this[drawers[i]].close()}}},_haxStoreInsertContent:function _haxStoreInsertContent(e){if(e.detail){var properties={};if(babelHelpers.typeof(e.detail.properties)!=="undefined"){properties=e.detail.properties}this.activeHaxBody.__activeHover=null;if(e.detail.replace&&e.detail.replacement){var node=window.HaxStore.haxElementToNode(e.detail.tag,e.detail.content,properties);if(this.activeNode!==this.activeContainerNode){this.activeHaxBody.haxReplaceNode(this.activeNode,node,this.activeContainerNode)}else{this.activeHaxBody.haxReplaceNode(this.activeNode,node)}}else if(babelHelpers.typeof(e.detail.__type)!=="undefined"&&"inline"===e.detail.__type){var _node=window.HaxStore.haxElementToNode(e.detail.tag,e.detail.content,properties);if(null!==this.activePlaceHolder){this.activePlaceHolder.deleteContents();this.activePlaceHolder.insertNode(_node)}this.activePlaceHolder=null}else{this.activeHaxBody.haxInsert(e.detail.tag,e.detail.content,properties)}}},_haxStoreInsertMultiple:function _haxStoreInsertMultiple(e){var _this5=this;if(e.detail){var properties;for(var i in e.detail){properties={};if(babelHelpers.typeof(e.detail[i].properties)!=="undefined"){properties=e.detail[i].properties}this.activeHaxBody.haxInsert(e.detail[i].tag,e.detail[i].content,properties,!1)}setTimeout(function(){_this5.activeHaxBody.breakUpdateLock()},300)}},_haxStoreRegisterBody:function _haxStoreRegisterBody(e){if(e.detail){this.haxBodies.push(e.detail);this.activeHaxBody=e.detail;window.HaxStore.write("activeHaxBody",this.activeHaxBody,this);window.HaxStore.write("editMode",this.editMode,this)}},_haxStoreRegisterPanel:function _haxStoreRegisterPanel(e){if(e.detail&&babelHelpers.typeof(this.haxPanel)==="undefined"){this.haxPanel=e.detail}},_haxStoreRegisterExport:function _haxStoreRegisterExport(e){if(e.detail&&babelHelpers.typeof(this.haxExport)==="undefined"){this.haxExport=e.detail}},_haxStoreRegisterPreferences:function _haxStoreRegisterPreferences(e){if(e.detail&&babelHelpers.typeof(this.haxPreferences)==="undefined"){this.haxPreferences=e.detail}},computePolyfillSafe:function computePolyfillSafe(){if(document.head.createShadowRoot||document.head.attachShadow){return!0}else{console.log("Shadow DOM missing, certain operations hidden");return!1}},_writeHaxStore:function _writeHaxStore(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property&&e.detail.owner){if("object"===babelHelpers.typeof(e.detail.value)){this.set(e.detail.property,{})}this.set(e.detail.property,e.detail.value);this.dispatchEvent(new CustomEvent("hax-store-property-updated",{bubbles:!0,composed:!0,cancelable:!1,detail:{property:e.detail.property,value:e.detail.value,owner:e.detail.owner}}))}},_haxStoreRegisterApp:function _haxStoreRegisterApp(e){if(e.detail){e.detail.index=this.appList.length;this.push("appList",e.detail);window.HaxStore.write("appList",this.appList,this);if(babelHelpers.typeof(e.target.parentElement)!=="undefined"&&"HAX-STORE"===e.target.parentElement.tagName){(0,_polymerDom.dom)(e.target.parentElement).removeChild(e.target)}}},_haxStoreRegisterStax:function _haxStoreRegisterStax(e){if(e.detail){e.detail.index=this.staxList.length;this.push("staxList",e.detail);window.HaxStore.write("staxList",this.staxList,this);if(babelHelpers.typeof(e.target.parentElement)!=="undefined"&&"HAX-STORE"===e.target.parentElement.tagName){(0,_polymerDom.dom)(e.target.parentElement).removeChild(e.target)}}},_haxStoreRegisterBlox:function _haxStoreRegisterBlox(e){if(e.detail){e.detail.index=this.bloxList.length;this.push("bloxList",e.detail);window.HaxStore.write("bloxList",this.bloxList,this);if(babelHelpers.typeof(e.target.parentElement)!=="undefined"&&"HAX-STORE"===e.target.parentElement.tagName){(0,_polymerDom.dom)(e.target.parentElement).removeChild(e.target)}}},_haxStoreRegisterProperties:function _haxStoreRegisterProperties(e){if(e.detail&&e.detail.properties&&e.detail.tag){if(babelHelpers.typeof(this.elementList[e.detail.tag])==="undefined"){var gizmo=e.detail.properties.gizmo;if(gizmo){gizmo.tag=e.detail.tag;var gizmos=this.gizmoList;gizmos.push(gizmo);window.HaxStore.write("gizmoList",gizmos,this)}this.set("elementList."+e.detail.tag,e.detail.properties);if(!this.validTagList.find(function(element){return element===e.detail.tag})){this.push("validTagList",e.detail.tag)}}if(babelHelpers.typeof(e.target.parentElement)!=="undefined"&&"HAX-AUTOLOADER"===e.target.parentElement.tagName){(0,_polymerDom.dom)(this.haxAutoloader).removeChild(e.target)}}}});window.HaxStore.toArray=function(obj){return Object.keys(obj).map(function(key){return obj[key]})};window.HaxStore.camelToDash=function(str){return str.replace(/\W+/g,"-").replace(/([a-z\d])([A-Z])/g,"$1-$2").toLowerCase()};window.HaxStore.dashToCamel=function(str){return str.replace(/-([a-z])/g,function(g){return g[1].toUpperCase()})};window.HaxStore.htmlToHaxElements=function(html){var elements=[],validTags=window.HaxStore.instance.validTagList,fragment=document.createElement("div");fragment.innerHTML=html;for(var children=fragment.childNodes,i=0;i<children.length;i++){if(babelHelpers.typeof(children[i].tagName)!=="undefined"&&validTags.includes(children[i].tagName.toLowerCase())){elements.push(window.HaxStore.nodeToHaxElement(children[i],null))}}return elements};window.HaxStore.nodeToHaxElement=function(node){var eventName=1<arguments.length&&arguments[1]!==void 0?arguments[1]:"insert-element";if(!node){return null}var props={};if(babelHelpers.typeof(node.style)!=="undefined"){props.style=node.getAttribute("style")}if(null===props.style||"null"===props.style){delete props.style}if(babelHelpers.typeof(node.attributes.class)!=="undefined"){props.class=node.attributes.class.nodeValue.replace("hax-active","")}if(babelHelpers.typeof(node.attributes.id)!=="undefined"){props.id=node.getAttribute("id")}var tmpProps=node.properties;if(babelHelpers.typeof(tmpProps)==="undefined"){tmpProps=node.__data}if(babelHelpers.typeof(tmpProps)!=="undefined"){for(var property in tmpProps){if("class"!=property&&"style"!=property&&tmpProps.hasOwnProperty(property)&&babelHelpers.typeof(node[property])!==void 0&&null!=node[property]&&""!=node[property]){props[property]=node[property]}else if(!1===node[property]){props[property]=node[property]}}for(var attribute in node.attributes){if(babelHelpers.typeof(node.attributes[attribute].name)!=="undefined"&&"class"!=node.attributes[attribute].name&&"style"!=node.attributes[attribute].name&&"id"!=node.attributes[attribute].name&&node.attributes.hasOwnProperty(attribute)&&babelHelpers.typeof(node.attributes[attribute].value)!==void 0&&null!=node.attributes[attribute].value&&""!=node.attributes[attribute].value&&!tmpProps.hasOwnProperty(window.HaxStore.dashToCamel(node.attributes[attribute].name))){props[window.HaxStore.dashToCamel(node.attributes[attribute].name)]=node.attributes[attribute].value}}}else{for(var attribute in node.attributes){if(babelHelpers.typeof(node.attributes[attribute].name)!=="undefined"&&"class"!=node.attributes[attribute].name&&"style"!=node.attributes[attribute].name&&"id"!=node.attributes[attribute].name&&node.attributes.hasOwnProperty(attribute)&&babelHelpers.typeof(node.attributes[attribute].value)!==void 0&&null!=node.attributes[attribute].value&&""!=node.attributes[attribute].value){props[window.HaxStore.dashToCamel(node.attributes[attribute].name)]=node.attributes[attribute].value}}}var tag=node.tagName.toLowerCase();if(window.HaxStore.instance._isSandboxed&&"iframe"===tag){tag="webview"}var slotContent=window.HaxStore.getHAXSlot(node);if("a"===tag){props.innerText=slotContent}else if("p"===tag||"ol"===tag||"ul"===tag||"div"===tag){props.innerHTML=slotContent}var element={tag:tag,properties:props,content:slotContent};if(null!==eventName){element.eventName=eventName}return element};window.HaxStore.haxElementToNode=function(tag,content,properties){if(window.HaxStore.instance._isSandboxed&&"iframe"===tag){tag="webview"}var frag=document.createElement(tag);frag.innerHTML=content;var newNode=frag.cloneNode(!0);for(var property in properties){var attributeName=window.HaxStore.camelToDash(property);if(properties.hasOwnProperty(property)){if(!0===properties[property]){newNode.setAttribute(attributeName,properties[property])}else if(!1===properties[property]){newNode.removeAttribute(attributeName)}else if(null!=properties[property]&&properties[property].constructor===Array){if(!(frag.properties&&frag.properties[property]&&frag.properties[property].readOnly)){newNode.set(attributeName,properties[property])}}else if(null!=properties[property]&&properties[property].constructor===Object){if(!(frag.properties&&frag.properties[property]&&frag.properties[property].readOnly)){newNode.set(attributeName,properties[property])}}else{newNode.setAttribute(attributeName,properties[property])}}}return newNode};window.HaxStore.haxNodeToContent=function(node){if(window.HaxStore.instance.activeHaxBody.globalPreferences.haxDeveloperMode){console.log(node)}var prototype=Object.getPrototypeOf(node);if(babelHelpers.typeof(prototype.preProcessHaxNodeToContent)!=="undefined"){var clone=node.cloneNode(!0);node=prototype.preProcessHaxNodeToContent(clone)}var tag=node.tagName.toLowerCase();if(window.HaxStore.instance._isSandboxed&&"webview"===tag){tag="iframe"}var content="";content+="<"+tag;for(var props=window.HaxStore.instance.elementList[tag],propvals={},j=0,l=node.attributes.length;j<l;++j){var nodeName=node.attributes.item(j).nodeName,value=node.attributes.item(j).value;if("style"!=nodeName&&(babelHelpers.typeof(value)===("undefined"===typeof Object?"undefined":babelHelpers.typeof(Object))||value.constructor===Array)){propvals[nodeName]=JSON.stringify(value).replace(/"/g,"&quot;")}else if(null!=value&&"null"!=value){if(!0===value||"true"===value){propvals[nodeName]=!0}else if(!(!1===value)){if("string"===typeof value&&""!==value){value=value.replace(/"/g,"&quot;");propvals[nodeName]=value}else if(""===value){if(""==value&&""!=node.attributes.item(j).value){value=node.attributes.item(j).value}propvals[nodeName]=value}else{propvals[nodeName]=value}}}}if(babelHelpers.typeof(node.properties)!=="undefined"){for(var j in node.properties){var nodeName=window.HaxStore.camelToDash(j),value=null;if(babelHelpers.typeof(node[j])!=="undefined"){value=node[j]}if(!node.properties[j].readOnly&&value!==node.properties[j].value){if(null!=value&&(babelHelpers.typeof(value)===("undefined"===typeof Object?"undefined":babelHelpers.typeof(Object))||value.constructor===Array)){propvals[nodeName]=JSON.stringify(value).replace(/"/g,"&quot;")}else if(null!=value&&"null"!=value){if(!0===value||"true"===value){propvals[nodeName]=!0}else if(!(!1===value)){if("string"===typeof value&&""!==value){value=value.replace(/"/g,"&quot;");propvals[nodeName]=value}else if(""===value){if(""==value&&""!=node.properties[j].value){value=node.properties[j].value}else if(""===value&&""==node.properties[j].value){}}else{propvals[nodeName]=value}}}}}}if(babelHelpers.typeof(props)!=="undefined"&&babelHelpers.typeof(props.saveOptions.unsetAttributes)!=="undefined"){for(var i in props.saveOptions.unsetAttributes){delete propvals[props.saveOptions.unsetAttributes[i]]}}var delProps=["inner-text","tabindex","guestinstance"];for(var delProp in delProps){if(babelHelpers.typeof(propvals[delProps[delProp]])!=="undefined"){delete propvals[delProps[delProp]]}}if(babelHelpers.typeof(propvals.id)!=="undefined"&&""===propvals.id){delete propvals.id}for(var i in propvals){if(!0===propvals[i]){content+=" "+i}else{content+=" "+i+"=\""+propvals[i]+"\""}}if(["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"].includes(tag)){content+="/>"}else{content+=">"}if(babelHelpers.typeof(props)==="undefined"||!props.saveOptions.wipeSlot){var slotnodes=(0,_polymerDom.dom)(node).getEffectiveChildNodes();if(0<slotnodes.length){for(var j=0,len2=slotnodes.length;j<len2;j++){if(babelHelpers.typeof(slotnodes[j].tagName)!=="undefined"){if(!window.HaxStore.HTMLPrimativeTest(slotnodes[j].tagName)&&"TEMPLATE"!==slotnodes[j].tagName){content+=window.HaxStore.haxNodeToContent(slotnodes[j])}else{slotnodes[j].setAttribute("data-editable",!1);slotnodes[j].removeAttribute("data-hax-ray");slotnodes[j].contentEditable=!1;content+=slotnodes[j].outerHTML}}else if(8===slotnodes[j].nodeType){content+="<!-- "+slotnodes[j].textContent+" -->"}else if(1!==slotnodes[j].nodeType&&babelHelpers.typeof(slotnodes[j].textContent)!=="undefined"&&"undefined"!==slotnodes[j].textContent){content+=slotnodes[j].textContent}}}}if("span"===tag){content+="</"+tag+">"}else if(!("hr"===tag||"br"===tag||"img"===tag)){content+="</"+tag+">"+"\n"}if(window.HaxStore.instance.activeHaxBody.globalPreferences.haxDeveloperMode){console.log(content)}if("function"===node.postProcesshaxNodeToContent){content=node.postProcesshaxNodeToContent(content)}return content};window.HaxStore.HTMLPrimativeTest=function(node){if(babelHelpers.typeof(node.tagName)!=="undefined"&&-1==node.tagName.indexOf("-")){return!0}return!1};window.HaxStore.getHAXSlot=function(node){var content="",slotnodes=(0,_polymerDom.dom)(node).children;if(0<slotnodes.length){for(var j=0,len2=slotnodes.length;j<len2;j++){if(babelHelpers.typeof(slotnodes[j].tagName)!=="undefined"){if(0<slotnodes[j].tagName.indexOf("-")){content+="  "+window.HaxStore.haxNodeToContent(slotnodes[j])+"\n"}else{content+="  "+slotnodes[j].outerHTML+"\n"}}else if(8===slotnodes[j].nodeType){content+="<!-- "+slotnodes[j].textContent+" -->"}else if(1!==slotnodes[j].nodeType&&babelHelpers.typeof(slotnodes[j].textContent)!=="undefined"&&"undefined"!==slotnodes[j].textContent){content+=slotnodes[j].textContent}}}return content};window.HaxStore.write=function(prop,value,obj){obj.dispatchEvent(new CustomEvent("hax-store-write",{composed:!0,bubbles:!0,cancelable:!1,detail:{property:prop,value:value,owner:obj}}))};window.HaxStore.guessGizmoType=function(guess){if(babelHelpers.typeof(guess.source)!=="undefined"){if(-1!=guess.source.indexOf(".mp3")){return"audio"}else if(-1!=guess.source.indexOf(".png")||-1!=guess.source.indexOf(".jpg")||-1!=guess.source.indexOf(".jpeg")||-1!=guess.source.indexOf(".gif")){return"image"}else if(-1!=guess.source.indexOf(".pdf")){return"pdf"}else if(-1!=guess.source.indexOf(".svg")){return"svg"}else if(-1!=guess.source.indexOf(".csv")){return"csv"}else if("external"!=window.HaxStore.instance.getVideoType(guess.source)){return"video"}else{return"*"}}};window.HaxStore.guessGizmo=function(guess,values){var skipPropMatch=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!1,matches=[];if(babelHelpers.typeof(guess)!=="undefined"){var store=window.HaxStore.instance;if(store.validGizmoTypes.includes(guess)){for(var gizmoposition in store.gizmoList){var gizmo=store.gizmoList[gizmoposition],props={},match=!1;if(gizmo.handles){for(var i=0;i<gizmo.handles.length;i++){if(guess===gizmo.handles[i].type||"*"===guess&&!match){for(var property in gizmo.handles[i]){if("type"!==property){if(babelHelpers.typeof(values[property])!=="undefined"){match=!0;props[gizmo.handles[i][property]]=values[property]}}}if(match||skipPropMatch){matches.push(window.HaxStore.haxElementPrototype(gizmo,props,""))}}}}}}}return matches};window.HaxStore.getHaxAppStoreTargets=function(type){var targets=window.HaxStore.instance.appList.filter(function(app){if(babelHelpers.typeof(app.connection.operations.add)!=="undefined"){var add=app.connection.operations.add;if(babelHelpers.typeof(add.acceptsGizmoTypes)!=="undefined"&&add.acceptsGizmoTypes.includes(type)){return!0}}return!1});return targets};window.HaxStore.haxElementPrototype=function(gizmo,properties){var content=2<arguments.length&&arguments[2]!==void 0?arguments[2]:"";return{tag:gizmo.tag,properties:properties,content:content,gizmo:gizmo}};window.HaxStore.wipeSlot=function(element){var slot=1<arguments.length&&arguments[1]!==void 0?arguments[1]:"";(0,_haxutils.wipeSlot)(element,slot)};window.HaxStore.encapScript=function(html){return(0,_haxutils.encapScript)(html)};window.HaxStore.toast=function(message){var duration=1<arguments.length&&arguments[1]!==void 0?arguments[1]:4e3,classStyle=2<arguments.length&&arguments[2]!==void 0?arguments[2]:"",closeText=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null,eventCallback=4<arguments.length&&arguments[4]!==void 0?arguments[4]:null,evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:message,duration:duration,classStyle:classStyle,closeText:closeText,eventCallback:eventCallback}});window.dispatchEvent(evt)};window.HaxStore.getSelection=function(){if(window.HaxStore.instance.activeHaxBody.parentNode){if(window.HaxStore.instance.activeHaxBody.parentNode.getSelection){return window.HaxStore.instance.activeHaxBody.parentNode.getSelection()}else if((0,_shadowsSafari.getRange)(window.HaxStore.instance.activeHaxBody.parentNode)){return(0,_shadowsSafari.getRange)(window.HaxStore.instance.activeHaxBody.parentNode)}}return window.getSelection()};window.HaxStore.getRange=function(){var sel=window.HaxStore.getSelection();if(sel.getRangeAt&&sel.rangeCount){return sel.getRangeAt(0)}else if(sel){return sel}else;}});
\ No newline at end of file
+define(["meta","require","../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/polymer/lib/utils/resolve-url.js","../../../@polymer/polymer/lib/utils/settings.js","../../../@polymer/iron-ajax/iron-ajax.js","../../simple-toast/simple-toast.js","../../media-behaviors/media-behaviors.js","../../hax-body-behaviors/hax-body-behaviors.js","../../hal-9000/hal-9000.js","../../code-sample/code-sample.js","./shadows-safari.js","./haxutils.js","./hax-app.js","./hax-stax.js","./hax-stax-browser.js","./hax-blox.js","./hax-blox-browser.js"],function(meta,_require,_polymerLegacy,_polymerDom,_resolveUrl,_settings,_ironAjax,_simpleToast,_mediaBehaviors,_haxBodyBehaviors,_hal,_codeSample,_shadowsSafari,_haxutils){"use strict";meta=babelHelpers.interopRequireWildcard(meta);_require=babelHelpers.interopRequireWildcard(_require);function _templateObject_307fec80555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n      }\n    </style>\n    <slot></slot>\n    <iron-ajax\n      id=\"appstore\"\n      url=\"[[appStore.url]]\"\n      params=\"[[appStore.params]]\"\n      method=\"GET\"\n      content-type=\"application/json\"\n      handle-as=\"json\"\n      last-response=\"{{__appStoreData}}\"\n    ></iron-ajax>\n    <hal-9000 id=\"hal\" debug=\"debug\" commands=\"[[voiceCommands]]\"></hal-9000>\n  "]);_templateObject_307fec80555211e98f439769bd191e33=function(){return data};return data}window.HaxStore=window.HaxStore||{};window.HaxStore.instance=null;window.HaxStore.requestAvailability=function(){if(!window.HaxStore.instance){window.HaxStore.instance=document.createElement("hax-store");document.body.appendChild(window.HaxStore.instance)}return window.HaxStore.instance};(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_307fec80555211e98f439769bd191e33()),is:"hax-store",behaviors:[MediaBehaviors.Video,HAXBehaviors.PropertiesBehaviors],observers:["_loadAppStoreData(__ready, __appStoreData, haxAutoloader)"],properties:{skipHAXConfirmation:{type:Boolean,value:!1,reflectToAttribute:!0},storageData:{type:Object,value:{},observer:"_storageDataChanged"},haxAppPicker:{type:Object},haxStaxPicker:{type:Object},haxManager:{type:Object},haxAutoloader:{type:Object},haxBodies:{type:Array,value:[]},activePlaceHolder:{type:Object,value:null},activeHaxBody:{type:Object},appStore:{type:Object,observer:"_appStoreChanged"},haxToast:{type:Object},haxPanel:{type:Object},haxExport:{type:Object},haxPreferences:{type:Object},activeHaxElement:{type:Object},activeNode:{type:Object},activeContainerNode:{type:Object},sessionObject:{type:Object,value:{}},editMode:{type:Boolean,value:!1,observer:"_editModeChanged"},canSupportUploads:{type:Boolean,value:!1},skipExitTrap:{type:Boolean,value:!1},defaults:{type:Object,value:{image:{src:"stock.jpg",alt:"A beachfront deep in the heart of Alaska."},iframe:{src:"https://www.wikipedia.org/"}}},gizmoList:{type:Array,value:[]},elementList:{type:Object,value:{}},appList:{type:Array,value:[]},staxList:{type:Array,value:[]},bloxList:{type:Array,value:[]},globalPreferences:{type:Object,value:{},observer:"_globalPreferencesChanged"},activeApp:{type:Object,value:{}},validTagList:{type:Array,value:["p","div","ol","ul","li","a","strong","kbd","em","i","b","hr","h1","h2","h3","h4","h5","h6","blockquote","code","figure","img","iframe","video","audio","section","grid-plate","template","webview"]},validGizmoTypes:{type:Array,value:["data","video","audio","text","link","file","pdf","image","csv","doc","content","text","inline","*"]},_isSandboxed:{type:Boolean,value:function value(){var test=document.createElement("webview");if("function"===typeof test.reload){return!0}return!1}},__appStoreData:{type:Object},__ready:{type:Boolean},voiceCommands:{type:Object},connectionRewrites:{type:Object,value:{}}},_storageDataChanged:function _storageDataChanged(newValue){if(newValue&&window.HaxStore.ready&&this.__storageDataProcessed){if(window.localStorage.getItem("haxConfirm")){window.localStorage.setItem("haxUserData",JSON.stringify(newValue))}else if(window.sessionStorage.getItem("haxConfirm")){window.sessionStorage.setItem("haxUserData",JSON.stringify(newValue))}}},isTextElement:function isTextElement(node){if(null!=node&&this.validTagList.includes(node.tagName.toLowerCase())){if(["p","ol","ul","li","a","h1","h2","h3","h4","h5","h6","span","i","bold","em","strong","blockquote","code","figure"].includes(node.tagName.toLowerCase())){return!0}}return!1},isGridPlateElement:function isGridPlateElement(node){var tag=node.tagName.toLowerCase();if(this.validTagList.includes(tag)){if(["p","ol","ul","li","div","h1","h2","h3","h4","h5","h6","blockquote","code","figure","grid-plate"].includes(tag)){return!0}}return!1},_appStoreChanged:function _appStoreChanged(newValue){var _this=this;if(babelHelpers.typeof(newValue)!=="undefined"&&null!=newValue){if(babelHelpers.typeof(newValue.apps)==="undefined"){this.$.appstore.generateRequest()}else{setTimeout(function(){_this.__appStoreData=newValue},500)}}},_loadAppStoreData:function _loadAppStoreData(ready,appDataResponse,haxAutoloader){var _this2=this;if(babelHelpers.typeof(appDataResponse)!=="undefined"&&null!=appDataResponse){if(babelHelpers.typeof(appDataResponse.autoloader)!=="undefined"){for(var _loop=function(){_this2.push("validTagList",appDataResponse.autoloader[i]);var CEname=appDataResponse.autoloader[i],basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url));new Promise(function(res,rej){return _require.default(["".concat(basePath,"../../").concat(CEname,"/").concat(CEname,".js")],res,rej)}).then(function(){var CEClass=window.customElements.get(CEname);if("function"===typeof CEClass.getHaxProperties){_this2.setHaxProperties(CEClass.getHaxProperties(),CEname)}else if("function"===typeof CEClass.HAXWiring){_this2.setHaxProperties(CEClass.HAXWiring.getHaxProperties(),CEname)}else if(CEClass.haxProperties){_this2.setHaxProperties(CEClass.haxProperties,CEname)}else{(0,_polymerDom.dom)(haxAutoloader).appendChild(document.createElement(CEname))}}).catch(function(error){console.log(error)})},i=0;i<appDataResponse.autoloader.length;i++){_loop()}}if(babelHelpers.typeof(appDataResponse.apps)!=="undefined"){for(var apps=appDataResponse.apps,i=0,app;i<apps.length;i++){app=document.createElement("hax-app");app.data=apps[i];if(apps[i].connection.operations.add){window.HaxStore.write("canSupportUploads",!0,this)}window.HaxStore.instance.appendChild(app)}}if(babelHelpers.typeof(appDataResponse.stax)!=="undefined"){for(var staxs=appDataResponse.stax,i=0,stax;i<staxs.length;i++){stax=document.createElement("hax-stax");stax.data=staxs[i];window.HaxStore.instance.appendChild(stax)}}if(babelHelpers.typeof(appDataResponse.blox)!=="undefined"){for(var bloxs=appDataResponse.blox,i=0,blox;i<bloxs.length;i++){blox=document.createElement("hax-blox");blox.data=bloxs[i];window.HaxStore.instance.appendChild(blox)}}var evt=new CustomEvent("hax-store-app-store-loaded",{bubbles:!0,cancelable:!0,composed:!0,detail:!0});this.dispatchEvent(evt)}},_editModeChanged:function _editModeChanged(newValue){if(newValue&&this.globalPreferences.haxVoiceCommands){this.$.hal.auto=!0}else{this.$.hal.auto=!1}},_globalPreferencesChanged:function _globalPreferencesChanged(newValue){if(this.__storageDataProcessed&&newValue&&babelHelpers.typeof(newValue.haxVoiceCommands)!=="undefined"&&window.HaxStore.ready){var storageData=this.storageData;storageData.globalPreferences=newValue;this.set("storageData",{});this.set("storageData",storageData);if(newValue.haxVoiceCommands&&this.editMode){this.$.hal.auto=!0}else{this.$.hal.auto=!1}}},detached:function detached(){window.removeEventListener("hax-register-properties",this._haxStoreRegisterProperties.bind(this));document.body.removeEventListener("hax-register-app",this._haxStoreRegisterApp.bind(this));document.body.removeEventListener("hax-register-stax",this._haxStoreRegisterStax.bind(this));document.body.removeEventListener("hax-register-blox",this._haxStoreRegisterBlox.bind(this));document.body.removeEventListener("hax-store-write",this._writeHaxStore.bind(this));document.body.removeEventListener("hax-register-manager",this._haxStoreRegisterManager.bind(this));document.body.removeEventListener("hax-register-autoloader",this._haxStoreRegisterAutoloader.bind(this));document.body.removeEventListener("hax-register-body",this._haxStoreRegisterBody.bind(this));document.body.removeEventListener("hax-register-panel",this._haxStoreRegisterPanel.bind(this));document.body.removeEventListener("hax-register-app-picker",this._haxStoreRegisterAppPicker.bind(this));document.body.removeEventListener("hax-register-stax-picker",this._haxStoreRegisterStaxPicker.bind(this));document.body.removeEventListener("hax-register-blox-picker",this._haxStoreRegisterBloxPicker.bind(this));document.body.removeEventListener("hax-register-preferences",this._haxStoreRegisterPreferences.bind(this));document.body.removeEventListener("hax-register-export",this._haxStoreRegisterExport.bind(this));document.body.removeEventListener("hax-insert-content",this._haxStoreInsertContent.bind(this));document.body.removeEventListener("hax-insert-content-array",this._haxStoreInsertMultiple.bind(this));window.removeEventListener("hax-add-voice-command",this._addVoiceCommand.bind(this));window.removeEventListener("onbeforeunload",this._onBeforeUnload.bind(this));window.removeEventListener("hax-consent-tap",this._haxConsentTap.bind(this));window.removeEventListener("paste",this._onPaste.bind(this));this.dispatchEvent(new CustomEvent("hax-store-ready",{bubbles:!0,cancelable:!1,composed:!0,detail:!1}));window.HaxStore.ready=!1},_haxConsentTap:function _haxConsentTap(){window.localStorage.setItem("haxConfirm",!0);window.localStorage.setItem("haxUserData",JSON.stringify(this.storageData))},ready:function ready(){if(this.skipHAXConfirmation){window.sessionStorage.setItem("haxConfirm",!0);window.localStorage.setItem("haxConfirm",!0)}var haxConfirm=window.sessionStorage.getItem("haxConfirm")||window.localStorage.getItem("haxConfirm");if(!haxConfirm){window.sessionStorage.setItem("haxConfirm",!0);window.HaxStore.toast("\n      The HAX content editor keeps preferences in order to improve your experience.\n      This data is stored in your browser and is never sent anywhere.\n      Click to accept.\n      ","-1","fit-bottom","I Accept","hax-consent-tap")}else{if(window.sessionStorage.getItem("haxConfirm")&&!window.localStorage.getItem("haxConfirm")){try{var globalData=window.sessionStorage.getItem("haxUserData")?JSON.parse(window.sessionStorage.getItem("haxUserData")):{};this.set("storageData",globalData)}catch(e){}}else{try{var _globalData=window.localStorage.getItem("haxUserData")?JSON.parse(window.localStorage.getItem("haxUserData")):{};this.set("storageData",_globalData)}catch(e){}}}},attached:function attached(){var _this3=this;this.dispatchEvent(new CustomEvent("hax-store-ready",{bubbles:!0,cancelable:!1,composed:!0,detail:!0}));window.HaxStore.ready=!0;this.__ready=!0;this._buildPrimitiveDefinitions();window.addEventListener("hax-consent-tap",this._haxConsentTap.bind(this));window.addEventListener("onbeforeunload",this._onBeforeUnload.bind(this));window.addEventListener("paste",this._onPaste.bind(this));this.voiceCommands=this._initVoiceCommands();setTimeout(function(){_this3.__storageDataProcessed=!0;if(_this3.storageData.globalPreferences){window.HaxStore.write("globalPreferences",_this3.storageData.globalPreferences,_this3)}},325)},_initVoiceCommands:function _initVoiceCommands(){var _this4=this,commands={};commands["".concat(this.$.hal.respondsTo," scroll up")]=function(){window.scrollBy({top:-(.5*window.innerHeight),left:0,behavior:"smooth"})};commands["".concat(this.$.hal.respondsTo," scroll (down)")]=function(){window.scrollBy({top:.5*window.innerHeight,left:0,behavior:"smooth"})};commands["hey ".concat(this.$.hal.respondsTo)]=function(){_this4.$.hal.speak("Yeah what do you want")};commands["".concat(this.$.hal.respondsTo," find media")]=function(){window.HaxStore.write("activeHaxElement",{},window.HaxStore.instance);window.HaxStore.instance.haxManager.resetManager(1);window.HaxStore.instance.haxManager.toggleDialog(!1)};return commands},addVoiceCommand:function addVoiceCommand(command){this.push("voiceCommands",command);this.notifyPath("voiceCommands.*")},_addVoiceCommand:function _addVoiceCommand(e){this.addVoiceCommand(e.detail)},_onBeforeUnload:function _onBeforeUnload(){if(!window.HaxStore.instance.skipExitTrap&&window.HaxStore.instance.editMode){return"Are you sure you want to leave? Your work will not be saved!"}},_onPaste:function _onPaste(e){if(window.HaxStore.instance.isTextElement(window.HaxStore.instance.activeNode)&&!window.HaxStore.instance.haxManager.opened){e.preventDefault();var text="";if(e.clipboardData||e.originalEvent.clipboardData){text=(e.originalEvent||e).clipboardData.getData("text/plain")}else if(window.clipboardData){text=window.clipboardData.getData("Text")}var sel=window.HaxStore.getSelection(),range;if(range=window.HaxStore.getRange()){range.deleteContents();range.insertNode(document.createTextNode(text))}}},created:function created(){(0,_settings.setPassiveTouchGestures)(!0);if(null==window.HaxStore.instance){window.HaxStore.instance=this}this.haxToast=window.SimpleToast.requestAvailability();window.addEventListener("hax-register-properties",this._haxStoreRegisterProperties.bind(this));document.body.addEventListener("hax-register-app",this._haxStoreRegisterApp.bind(this));document.body.addEventListener("hax-register-stax",this._haxStoreRegisterStax.bind(this));document.body.addEventListener("hax-register-blox",this._haxStoreRegisterBlox.bind(this));document.body.addEventListener("hax-store-write",this._writeHaxStore.bind(this));document.body.addEventListener("hax-register-manager",this._haxStoreRegisterManager.bind(this));document.body.addEventListener("hax-register-autoloader",this._haxStoreRegisterAutoloader.bind(this));document.body.addEventListener("hax-register-body",this._haxStoreRegisterBody.bind(this));document.body.addEventListener("hax-register-panel",this._haxStoreRegisterPanel.bind(this));document.body.addEventListener("hax-register-app-picker",this._haxStoreRegisterAppPicker.bind(this));document.body.addEventListener("hax-register-stax-picker",this._haxStoreRegisterStaxPicker.bind(this));document.body.addEventListener("hax-register-blox-picker",this._haxStoreRegisterBloxPicker.bind(this));document.body.addEventListener("hax-register-preferences",this._haxStoreRegisterPreferences.bind(this));document.body.addEventListener("hax-register-export",this._haxStoreRegisterExport.bind(this));document.body.addEventListener("hax-insert-content",this._haxStoreInsertContent.bind(this));document.body.addEventListener("hax-insert-content-array",this._haxStoreInsertMultiple.bind(this));window.addEventListener("hax-add-voice-command",this._addVoiceCommand.bind(this));document.body.style.setProperty("--hax-ui-headings","#d4ff77")},_buildPrimitiveDefinitions:function _buildPrimitiveDefinitions(){if(window.HaxStore.instance._isSandboxed){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,settings:{quick:[{attribute:"src",title:"Source",description:"The URL for this video.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"}],configure:[{attribute:"src",title:"Source",description:"The URL for this video.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"}],advanced:[]}},"webview")}this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!0,gizmo:{title:"Basic iframe",description:"A basic iframe",icon:"icons:fullscreen",color:"grey",groups:["Content"],handles:[{type:"link",source:"src",height:"height",width:"width"}],meta:{author:"W3C"}},settings:{quick:[{attribute:"src",title:"Source",description:"The URL for this video.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"}],configure:[{attribute:"src",title:"Source",description:"The URL for this video.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"}],advanced:[]}},"iframe");this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Image",description:"A basic img tag",icon:"image:image",color:"grey",groups:["Image","Media"],handles:[{type:"link",source:"src"},{type:"image",source:"src",height:"height",width:"width"}],meta:{author:"W3C"}},settings:{quick:[{attribute:"src",title:"Source",description:"The URL for this video.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"},{attribute:"alt",title:"Alt text",description:"Useful for screen readers and improved SEO.",inputMethod:"alt",icon:"accessibility"},{attribute:"height",title:"Height",description:"height in pixels of the item",inputMethod:"textfield",icon:"icons:swap-vert"},{attribute:"width",title:"Width",description:"width in pixels of the item",inputMethod:"textfield",icon:"icons:swap-horiz"}],configure:[{attribute:"src",title:"Source",description:"The URL for this video.",inputMethod:"haxupload",icon:"link",required:!0,validationType:"url"},{attribute:"alt",title:"Alt text",description:"Useful for screen readers and improved SEO.",inputMethod:"alt",icon:"accessibility"},{attribute:"height",title:"Height",description:"height in pixels of the item",inputMethod:"textfield",icon:"icons:swap-vert"},{attribute:"width",title:"Width",description:"width in pixels of the item",inputMethod:"textfield",icon:"icons:swap-horiz"}],advanced:[]}},"img");this.setHaxProperties({canScale:!1,canPosition:!1,canEditSource:!0,gizmo:{title:"Basic link",description:"A basic a tag",icon:"icons:link",color:"grey",groups:["Link"],handles:[{type:"link",source:"href",title:"innerText",alt:"title"}],meta:{author:"W3C"}},settings:{quick:[{attribute:"href",title:"Link",description:"The URL for this video.",inputMethod:"textfield",icon:"icons:link",required:!0,validationType:"url"},{attribute:"title",title:"Title text",description:"Useful for screen readers and improved SEO.",inputMethod:"textfield",icon:"icons:accessibility"}],configure:[{attribute:"innerText",title:"Text",description:"Text of the link",inputMethod:"textfield",required:!0},{attribute:"href",title:"Link",description:"The URL for this video.",inputMethod:"haxupload",icon:"icons:link",required:!0,validationType:"url"},{attribute:"title",title:"Title text",description:"Useful for screen readers and improved SEO.",inputMethod:"textfield",icon:"icons:accessibility"},{attribute:"target",title:"Target",description:"Where to place the link.",inputMethod:"select",icon:"icons:launch",options:{"":"Same window",_blank:"New window",_top:"Top window",_parent:"Parent window"}}],advanced:[]}},"a");this.setHaxProperties({canScale:!1,canPosition:!1,canEditSource:!0,settings:{quick:[],configure:[],advanced:[]}},"p");this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,settings:{quick:[],configure:[],advanced:[]}},"hr");this.setHaxProperties(_codeSample.CodeSample.haxProperties,_codeSample.CodeSample.tag)},_haxStoreRegisterManager:function _haxStoreRegisterManager(e){if(e.detail&&babelHelpers.typeof(this.haxManager)==="undefined"){this.haxManager=e.detail}},_haxStoreRegisterAutoloader:function _haxStoreRegisterAutoloader(e){if(e.detail&&babelHelpers.typeof(this.haxAutoloader)==="undefined"){this.haxAutoloader=e.detail}},_haxStoreRegisterAppPicker:function _haxStoreRegisterAppPicker(e){if(e.detail&&babelHelpers.typeof(this.haxAppPicker)==="undefined"){this.haxAppPicker=e.detail}},_haxStoreRegisterStaxPicker:function _haxStoreRegisterStaxPicker(e){if(e.detail&&babelHelpers.typeof(this.haxStaxPicker)==="undefined"){this.haxStaxPicker=e.detail}},_haxStoreRegisterBloxPicker:function _haxStoreRegisterBloxPicker(e){if(e.detail&&babelHelpers.typeof(this.haxBloxPicker)==="undefined"){this.haxBloxPicker=e.detail}},closeAllDrawers:function closeAllDrawers(){var active=0<arguments.length&&arguments[0]!==void 0?arguments[0]:!1,drawers=["haxManager","haxBloxPicker","haxStaxPicker","haxPreferences","haxExport"];for(var i in drawers){if(active===this[drawers[i]]){active.open();if("haxManager"===drawers[i]){setTimeout(function(){if(null!=active.querySelector("#activepage .iron-selected paper-input")){active.querySelector("#activepage .iron-selected paper-input").focus()}},325)}else{setTimeout(function(){if(null!=active.querySelector("paper-checkbox,paper-input,textarea,paper-button")){active.querySelector("paper-checkbox,paper-input,textarea,paper-button").focus()}},325)}}else{this[drawers[i]].close()}}},_haxStoreInsertContent:function _haxStoreInsertContent(e){if(e.detail){var properties={};if(babelHelpers.typeof(e.detail.properties)!=="undefined"){properties=e.detail.properties}this.activeHaxBody.__activeHover=null;if(e.detail.replace&&e.detail.replacement){var node=window.HaxStore.haxElementToNode(e.detail.tag,e.detail.content,properties);if(this.activeNode!==this.activeContainerNode){this.activeHaxBody.haxReplaceNode(this.activeNode,node,this.activeContainerNode)}else{this.activeHaxBody.haxReplaceNode(this.activeNode,node)}}else if(babelHelpers.typeof(e.detail.__type)!=="undefined"&&"inline"===e.detail.__type){var _node=window.HaxStore.haxElementToNode(e.detail.tag,e.detail.content,properties);if(null!==this.activePlaceHolder){this.activePlaceHolder.deleteContents();this.activePlaceHolder.insertNode(_node)}this.activePlaceHolder=null}else{this.activeHaxBody.haxInsert(e.detail.tag,e.detail.content,properties)}}},_haxStoreInsertMultiple:function _haxStoreInsertMultiple(e){var _this5=this;if(e.detail){var properties;for(var i in e.detail){properties={};if(babelHelpers.typeof(e.detail[i].properties)!=="undefined"){properties=e.detail[i].properties}this.activeHaxBody.haxInsert(e.detail[i].tag,e.detail[i].content,properties,!1)}setTimeout(function(){_this5.activeHaxBody.breakUpdateLock()},300)}},_haxStoreRegisterBody:function _haxStoreRegisterBody(e){if(e.detail){this.haxBodies.push(e.detail);this.activeHaxBody=e.detail;window.HaxStore.write("activeHaxBody",this.activeHaxBody,this);window.HaxStore.write("editMode",this.editMode,this)}},_haxStoreRegisterPanel:function _haxStoreRegisterPanel(e){if(e.detail&&babelHelpers.typeof(this.haxPanel)==="undefined"){this.haxPanel=e.detail}},_haxStoreRegisterExport:function _haxStoreRegisterExport(e){if(e.detail&&babelHelpers.typeof(this.haxExport)==="undefined"){this.haxExport=e.detail}},_haxStoreRegisterPreferences:function _haxStoreRegisterPreferences(e){if(e.detail&&babelHelpers.typeof(this.haxPreferences)==="undefined"){this.haxPreferences=e.detail}},computePolyfillSafe:function computePolyfillSafe(){if(document.head.createShadowRoot||document.head.attachShadow){return!0}else{console.log("Shadow DOM missing, certain operations hidden");return!1}},_writeHaxStore:function _writeHaxStore(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property&&e.detail.owner){if("object"===babelHelpers.typeof(e.detail.value)){this.set(e.detail.property,{})}this.set(e.detail.property,e.detail.value);this.dispatchEvent(new CustomEvent("hax-store-property-updated",{bubbles:!0,composed:!0,cancelable:!1,detail:{property:e.detail.property,value:e.detail.value,owner:e.detail.owner}}))}},_haxStoreRegisterApp:function _haxStoreRegisterApp(e){if(e.detail){e.detail.index=this.appList.length;this.push("appList",e.detail);window.HaxStore.write("appList",this.appList,this);if(babelHelpers.typeof(e.target.parentElement)!=="undefined"&&"HAX-STORE"===e.target.parentElement.tagName){(0,_polymerDom.dom)(e.target.parentElement).removeChild(e.target)}}},_haxStoreRegisterStax:function _haxStoreRegisterStax(e){if(e.detail){e.detail.index=this.staxList.length;this.push("staxList",e.detail);window.HaxStore.write("staxList",this.staxList,this);if(babelHelpers.typeof(e.target.parentElement)!=="undefined"&&"HAX-STORE"===e.target.parentElement.tagName){(0,_polymerDom.dom)(e.target.parentElement).removeChild(e.target)}}},_haxStoreRegisterBlox:function _haxStoreRegisterBlox(e){if(e.detail){e.detail.index=this.bloxList.length;this.push("bloxList",e.detail);window.HaxStore.write("bloxList",this.bloxList,this);if(babelHelpers.typeof(e.target.parentElement)!=="undefined"&&"HAX-STORE"===e.target.parentElement.tagName){(0,_polymerDom.dom)(e.target.parentElement).removeChild(e.target)}}},_haxStoreRegisterProperties:function _haxStoreRegisterProperties(e){if(e.detail&&e.detail.properties&&e.detail.tag){if(babelHelpers.typeof(this.elementList[e.detail.tag])==="undefined"){var gizmo=e.detail.properties.gizmo;if(gizmo){gizmo.tag=e.detail.tag;var gizmos=this.gizmoList;gizmos.push(gizmo);window.HaxStore.write("gizmoList",gizmos,this)}this.set("elementList."+e.detail.tag,e.detail.properties);if(!this.validTagList.find(function(element){return element===e.detail.tag})){this.push("validTagList",e.detail.tag)}}if(babelHelpers.typeof(e.target.parentElement)!=="undefined"&&"HAX-AUTOLOADER"===e.target.parentElement.tagName){(0,_polymerDom.dom)(this.haxAutoloader).removeChild(e.target)}}}});window.HaxStore.toArray=function(obj){return Object.keys(obj).map(function(key){return obj[key]})};window.HaxStore.camelToDash=function(str){return str.replace(/\W+/g,"-").replace(/([a-z\d])([A-Z])/g,"$1-$2").toLowerCase()};window.HaxStore.dashToCamel=function(str){return str.replace(/-([a-z])/g,function(g){return g[1].toUpperCase()})};window.HaxStore.htmlToHaxElements=function(html){var elements=[],validTags=window.HaxStore.instance.validTagList,fragment=document.createElement("div");fragment.innerHTML=html;for(var children=fragment.childNodes,i=0;i<children.length;i++){if(babelHelpers.typeof(children[i].tagName)!=="undefined"&&validTags.includes(children[i].tagName.toLowerCase())){elements.push(window.HaxStore.nodeToHaxElement(children[i],null))}}return elements};window.HaxStore.nodeToHaxElement=function(node){var eventName=1<arguments.length&&arguments[1]!==void 0?arguments[1]:"insert-element";if(!node){return null}var props={};if(babelHelpers.typeof(node.style)!=="undefined"){props.style=node.getAttribute("style")}if(null===props.style||"null"===props.style){delete props.style}if(babelHelpers.typeof(node.attributes.class)!=="undefined"){props.class=node.attributes.class.nodeValue.replace("hax-active","")}if(babelHelpers.typeof(node.attributes.id)!=="undefined"){props.id=node.getAttribute("id")}var tmpProps=node.properties;if(babelHelpers.typeof(tmpProps)==="undefined"){tmpProps=node.__data}if(babelHelpers.typeof(tmpProps)!=="undefined"){for(var property in tmpProps){if("class"!=property&&"style"!=property&&tmpProps.hasOwnProperty(property)&&babelHelpers.typeof(node[property])!==void 0&&null!=node[property]&&""!=node[property]){props[property]=node[property]}else if(!1===node[property]){props[property]=node[property]}}for(var attribute in node.attributes){if(babelHelpers.typeof(node.attributes[attribute].name)!=="undefined"&&"class"!=node.attributes[attribute].name&&"style"!=node.attributes[attribute].name&&"id"!=node.attributes[attribute].name&&node.attributes.hasOwnProperty(attribute)&&babelHelpers.typeof(node.attributes[attribute].value)!==void 0&&null!=node.attributes[attribute].value&&""!=node.attributes[attribute].value&&!tmpProps.hasOwnProperty(window.HaxStore.dashToCamel(node.attributes[attribute].name))){props[window.HaxStore.dashToCamel(node.attributes[attribute].name)]=node.attributes[attribute].value}}}else{for(var attribute in node.attributes){if(babelHelpers.typeof(node.attributes[attribute].name)!=="undefined"&&"class"!=node.attributes[attribute].name&&"style"!=node.attributes[attribute].name&&"id"!=node.attributes[attribute].name&&node.attributes.hasOwnProperty(attribute)&&babelHelpers.typeof(node.attributes[attribute].value)!==void 0&&null!=node.attributes[attribute].value&&""!=node.attributes[attribute].value){props[window.HaxStore.dashToCamel(node.attributes[attribute].name)]=node.attributes[attribute].value}}}var tag=node.tagName.toLowerCase();if(window.HaxStore.instance._isSandboxed&&"iframe"===tag){tag="webview"}var slotContent=window.HaxStore.getHAXSlot(node);if("a"===tag){props.innerText=slotContent}else if("p"===tag||"ol"===tag||"ul"===tag||"div"===tag){props.innerHTML=slotContent}var element={tag:tag,properties:props,content:slotContent};if(null!==eventName){element.eventName=eventName}return element};window.HaxStore.haxElementToNode=function(tag,content,properties){if(window.HaxStore.instance._isSandboxed&&"iframe"===tag){tag="webview"}var frag=document.createElement(tag);frag.innerHTML=content;var newNode=frag.cloneNode(!0);for(var property in properties){var attributeName=window.HaxStore.camelToDash(property);if(properties.hasOwnProperty(property)){if(!0===properties[property]){newNode.setAttribute(attributeName,properties[property])}else if(!1===properties[property]){newNode.removeAttribute(attributeName)}else if(null!=properties[property]&&properties[property].constructor===Array){if(!(frag.properties&&frag.properties[property]&&frag.properties[property].readOnly)){newNode.set(attributeName,properties[property])}}else if(null!=properties[property]&&properties[property].constructor===Object){if(!(frag.properties&&frag.properties[property]&&frag.properties[property].readOnly)){newNode.set(attributeName,properties[property])}}else{newNode.setAttribute(attributeName,properties[property])}}}return newNode};window.HaxStore.haxNodeToContent=function(node){if(window.HaxStore.instance.activeHaxBody.globalPreferences.haxDeveloperMode){console.log(node)}var prototype=Object.getPrototypeOf(node);if(babelHelpers.typeof(prototype.preProcessHaxNodeToContent)!=="undefined"){var clone=node.cloneNode(!0);node=prototype.preProcessHaxNodeToContent(clone)}var tag=node.tagName.toLowerCase();if(window.HaxStore.instance._isSandboxed&&"webview"===tag){tag="iframe"}var content="";content+="<"+tag;for(var props=window.HaxStore.instance.elementList[tag],propvals={},j=0,l=node.attributes.length;j<l;++j){var nodeName=node.attributes.item(j).nodeName,value=node.attributes.item(j).value;if("style"!=nodeName&&(babelHelpers.typeof(value)===("undefined"===typeof Object?"undefined":babelHelpers.typeof(Object))||value.constructor===Array)){propvals[nodeName]=JSON.stringify(value).replace(/"/g,"&quot;")}else if(null!=value&&"null"!=value){if(!0===value||"true"===value){propvals[nodeName]=!0}else if(!(!1===value)){if("string"===typeof value&&""!==value){value=value.replace(/"/g,"&quot;");propvals[nodeName]=value}else if(""===value){if(""==value&&""!=node.attributes.item(j).value){value=node.attributes.item(j).value}propvals[nodeName]=value}else{propvals[nodeName]=value}}}}if(babelHelpers.typeof(node.properties)!=="undefined"){for(var j in node.properties){var nodeName=window.HaxStore.camelToDash(j),value=null;if(babelHelpers.typeof(node[j])!=="undefined"){value=node[j]}if(!node.properties[j].readOnly&&value!==node.properties[j].value){if(null!=value&&(babelHelpers.typeof(value)===("undefined"===typeof Object?"undefined":babelHelpers.typeof(Object))||value.constructor===Array)){propvals[nodeName]=JSON.stringify(value).replace(/"/g,"&quot;")}else if(null!=value&&"null"!=value){if(!0===value||"true"===value){propvals[nodeName]=!0}else if(!(!1===value)){if("string"===typeof value&&""!==value){value=value.replace(/"/g,"&quot;");propvals[nodeName]=value}else if(""===value){if(""==value&&""!=node.properties[j].value){value=node.properties[j].value}else if(""===value&&""==node.properties[j].value){}}else{propvals[nodeName]=value}}}}}}if(babelHelpers.typeof(props)!=="undefined"&&babelHelpers.typeof(props.saveOptions.unsetAttributes)!=="undefined"){for(var i in props.saveOptions.unsetAttributes){delete propvals[props.saveOptions.unsetAttributes[i]]}}var delProps=["inner-text","tabindex","guestinstance"];for(var delProp in delProps){if(babelHelpers.typeof(propvals[delProps[delProp]])!=="undefined"){delete propvals[delProps[delProp]]}}if(babelHelpers.typeof(propvals.id)!=="undefined"&&""===propvals.id){delete propvals.id}for(var i in propvals){if(!0===propvals[i]){content+=" "+i}else{content+=" "+i+"=\""+propvals[i]+"\""}}if(["area","base","br","col","embed","hr","img","input","keygen","link","meta","param","source","track","wbr"].includes(tag)){content+="/>"}else{content+=">"}if(babelHelpers.typeof(props)==="undefined"||!props.saveOptions.wipeSlot){var slotnodes=(0,_polymerDom.dom)(node).getEffectiveChildNodes();if(0<slotnodes.length){for(var j=0,len2=slotnodes.length;j<len2;j++){if(babelHelpers.typeof(slotnodes[j].tagName)!=="undefined"){if(!window.HaxStore.HTMLPrimativeTest(slotnodes[j].tagName)&&"TEMPLATE"!==slotnodes[j].tagName){content+=window.HaxStore.haxNodeToContent(slotnodes[j])}else{slotnodes[j].setAttribute("data-editable",!1);slotnodes[j].removeAttribute("data-hax-ray");slotnodes[j].contentEditable=!1;content+=slotnodes[j].outerHTML}}else if(8===slotnodes[j].nodeType){content+="<!-- "+slotnodes[j].textContent+" -->"}else if(1!==slotnodes[j].nodeType&&babelHelpers.typeof(slotnodes[j].textContent)!=="undefined"&&"undefined"!==slotnodes[j].textContent){content+=slotnodes[j].textContent}}}}if("span"===tag){content+="</"+tag+">"}else if(!("hr"===tag||"br"===tag||"img"===tag)){content+="</"+tag+">"+"\n"}if(window.HaxStore.instance.activeHaxBody.globalPreferences.haxDeveloperMode){console.log(content)}if("function"===node.postProcesshaxNodeToContent){content=node.postProcesshaxNodeToContent(content)}return content};window.HaxStore.HTMLPrimativeTest=function(node){if(babelHelpers.typeof(node.tagName)!=="undefined"&&-1==node.tagName.indexOf("-")){return!0}return!1};window.HaxStore.getHAXSlot=function(node){var content="",slotnodes=(0,_polymerDom.dom)(node).children;if(0<slotnodes.length){for(var j=0,len2=slotnodes.length;j<len2;j++){if(babelHelpers.typeof(slotnodes[j].tagName)!=="undefined"){if(0<slotnodes[j].tagName.indexOf("-")){content+="  "+window.HaxStore.haxNodeToContent(slotnodes[j])+"\n"}else{content+="  "+slotnodes[j].outerHTML+"\n"}}else if(8===slotnodes[j].nodeType){content+="<!-- "+slotnodes[j].textContent+" -->"}else if(1!==slotnodes[j].nodeType&&babelHelpers.typeof(slotnodes[j].textContent)!=="undefined"&&"undefined"!==slotnodes[j].textContent){content+=slotnodes[j].textContent}}}return content};window.HaxStore.write=function(prop,value,obj){obj.dispatchEvent(new CustomEvent("hax-store-write",{composed:!0,bubbles:!0,cancelable:!1,detail:{property:prop,value:value,owner:obj}}))};window.HaxStore.guessGizmoType=function(guess){if(babelHelpers.typeof(guess.source)!=="undefined"){if(-1!=guess.source.indexOf(".mp3")){return"audio"}else if(-1!=guess.source.indexOf(".png")||-1!=guess.source.indexOf(".jpg")||-1!=guess.source.indexOf(".jpeg")||-1!=guess.source.indexOf(".gif")){return"image"}else if(-1!=guess.source.indexOf(".pdf")){return"pdf"}else if(-1!=guess.source.indexOf(".svg")){return"svg"}else if(-1!=guess.source.indexOf(".csv")){return"csv"}else if("external"!=window.HaxStore.instance.getVideoType(guess.source)){return"video"}else{return"*"}}};window.HaxStore.guessGizmo=function(guess,values){var skipPropMatch=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!1,matches=[];if(babelHelpers.typeof(guess)!=="undefined"){var store=window.HaxStore.instance;if(store.validGizmoTypes.includes(guess)){for(var gizmoposition in store.gizmoList){var gizmo=store.gizmoList[gizmoposition],props={},match=!1;if(gizmo.handles){for(var i=0;i<gizmo.handles.length;i++){if(guess===gizmo.handles[i].type||"*"===guess&&!match){for(var property in gizmo.handles[i]){if("type"!==property){if(babelHelpers.typeof(values[property])!=="undefined"){match=!0;props[gizmo.handles[i][property]]=values[property]}}}if(match||skipPropMatch){matches.push(window.HaxStore.haxElementPrototype(gizmo,props,""))}}}}}}}return matches};window.HaxStore.getHaxAppStoreTargets=function(type){var targets=window.HaxStore.instance.appList.filter(function(app){if(babelHelpers.typeof(app.connection.operations.add)!=="undefined"){var add=app.connection.operations.add;if(babelHelpers.typeof(add.acceptsGizmoTypes)!=="undefined"&&add.acceptsGizmoTypes.includes(type)){return!0}}return!1});return targets};window.HaxStore.haxElementPrototype=function(gizmo,properties){var content=2<arguments.length&&arguments[2]!==void 0?arguments[2]:"";return{tag:gizmo.tag,properties:properties,content:content,gizmo:gizmo}};window.HaxStore.wipeSlot=function(element){var slot=1<arguments.length&&arguments[1]!==void 0?arguments[1]:"";(0,_haxutils.wipeSlot)(element,slot)};window.HaxStore.encapScript=function(html){return(0,_haxutils.encapScript)(html)};window.HaxStore.toast=function(message){var duration=1<arguments.length&&arguments[1]!==void 0?arguments[1]:4e3,classStyle=2<arguments.length&&arguments[2]!==void 0?arguments[2]:"",closeText=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null,eventCallback=4<arguments.length&&arguments[4]!==void 0?arguments[4]:null,evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:message,duration:duration,classStyle:classStyle,closeText:closeText,eventCallback:eventCallback}});window.dispatchEvent(evt)};window.HaxStore.getSelection=function(){if(window.HaxStore.instance.activeHaxBody.parentNode){if(window.HaxStore.instance.activeHaxBody.parentNode.getSelection){return window.HaxStore.instance.activeHaxBody.parentNode.getSelection()}else if((0,_shadowsSafari.getRange)(window.HaxStore.instance.activeHaxBody.parentNode)){return(0,_shadowsSafari.getRange)(window.HaxStore.instance.activeHaxBody.parentNode)}}return window.getSelection()};window.HaxStore.getRange=function(){var sel=window.HaxStore.getSelection();if(sel.getRangeAt&&sel.rangeCount){return sel.getRangeAt(0)}else if(sel){return sel}else;}});
\ No newline at end of file
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 90cee45aaf8..3e2686ba6da 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/iron-icons/iron-icons.js","../../md-extra-icons/md-extra-icons.js","../../simple-colors/simple-colors.js","./hax-context-item-menu.js","./hax-context-item.js","./hax-context-item-textop.js","./hax-toolbar.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_9bc197e054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n        pointer-events: none;\n        background-color: white;\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    </style>\n    <hax-toolbar selected=\"[[selection]]\" hide-transform=\"\" id=\"toolbar\">\n      <hax-context-item-menu\n        slot=\"primary\"\n        selected-value=\"{{selectedValue}}\"\n        id=\"formatsize\"\n        icon=\"text-format\"\n        label=\"Format\"\n        event-name=\"text-tag\"\n      >\n        <paper-item value=\"p\"\n          ><iron-icon icon=\"editor:format-textdirection-l-to-r\"></iron-icon\n          >Normal text <strong>&lt;P&gt;</strong></paper-item\n        >\n        <paper-item value=\"ul\"\n          ><iron-icon icon=\"editor:format-list-bulleted\"></iron-icon>Bulleted\n          list <strong>&lt;UL&gt;</strong></paper-item\n        >\n        <paper-item value=\"ol\"\n          ><iron-icon icon=\"editor:format-list-numbered\"></iron-icon>Numbered\n          list <strong>&lt;OL&gt;</strong></paper-item\n        >\n        <paper-item value=\"h2\"\n          ><iron-icon icon=\"editor:title\"></iron-icon>Title\n          <strong>&lt;H2&gt;</strong></paper-item\n        >\n        <paper-item value=\"h3\"\n          ><iron-icon icon=\"editor:title\"></iron-icon>Content heading\n          <strong>&lt;H3&gt;</strong></paper-item\n        >\n        <paper-item value=\"h4\"\n          ><iron-icon icon=\"editor:text-fields\"></iron-icon>Subheading\n          <strong>&lt;H4&gt;</strong></paper-item\n        >\n        <paper-item value=\"h5\"\n          ><iron-icon icon=\"editor:text-fields\"></iron-icon>Deeper subheading\n          <strong>&lt;H5&gt;</strong></paper-item\n        >\n        <paper-item value=\"blockquote\"\n          ><iron-icon icon=\"editor:format-quote\"></iron-icon>Quote<strong\n            >&lt;blockquote&gt;</strong\n          ></paper-item\n        >\n        <paper-item value=\"code\"\n          ><iron-icon icon=\"icons:code\"></iron-icon>Code block<strong\n            >&lt;code&gt;</strong\n          ></paper-item\n        >\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=\"editor:format-list-bulleted\"\n        event-name=\"text-list-bulleted\"\n        label=\"Bulleted list\"\n        hidden$=\"[[!_showIndent]]\"\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=\"text-list-numbered\"\n        hidden$=\"[[!_showIndent]]\"\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$=\"[[!_showIndent]]\"\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$=\"[[!_showIndent]]\"\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=\"device:graphic-eq\"\n        label=\"Advanced item\"\n        event-name=\"insert-inline-gizmo\"\n        hidden$=\"[[isSafari]]\"\n      ></hax-context-item>\n      <hax-context-item-textop\n        slot=\"primary\"\n        icon=\"device:graphic-eq\"\n        label=\"Advanced item\"\n        event-name=\"insert-inline-gizmo\"\n        hidden$=\"[[!isSafari]]\"\n      ></hax-context-item-textop>\n\n      <hax-context-item-textop\n        menu\n        slot=\"more\"\n        icon=\"mdextra:unlink\"\n        event-name=\"text-unlink\"\n        >Remove link</hax-context-item-textop\n      >\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  "],["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n        pointer-events: none;\n        background-color: white;\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    </style>\n    <hax-toolbar selected=\"[[selection]]\" hide-transform=\"\" id=\"toolbar\">\n      <hax-context-item-menu\n        slot=\"primary\"\n        selected-value=\"{{selectedValue}}\"\n        id=\"formatsize\"\n        icon=\"text-format\"\n        label=\"Format\"\n        event-name=\"text-tag\"\n      >\n        <paper-item value=\"p\"\n          ><iron-icon icon=\"editor:format-textdirection-l-to-r\"></iron-icon\n          >Normal text <strong>&lt;P&gt;</strong></paper-item\n        >\n        <paper-item value=\"ul\"\n          ><iron-icon icon=\"editor:format-list-bulleted\"></iron-icon>Bulleted\n          list <strong>&lt;UL&gt;</strong></paper-item\n        >\n        <paper-item value=\"ol\"\n          ><iron-icon icon=\"editor:format-list-numbered\"></iron-icon>Numbered\n          list <strong>&lt;OL&gt;</strong></paper-item\n        >\n        <paper-item value=\"h2\"\n          ><iron-icon icon=\"editor:title\"></iron-icon>Title\n          <strong>&lt;H2&gt;</strong></paper-item\n        >\n        <paper-item value=\"h3\"\n          ><iron-icon icon=\"editor:title\"></iron-icon>Content heading\n          <strong>&lt;H3&gt;</strong></paper-item\n        >\n        <paper-item value=\"h4\"\n          ><iron-icon icon=\"editor:text-fields\"></iron-icon>Subheading\n          <strong>&lt;H4&gt;</strong></paper-item\n        >\n        <paper-item value=\"h5\"\n          ><iron-icon icon=\"editor:text-fields\"></iron-icon>Deeper subheading\n          <strong>&lt;H5&gt;</strong></paper-item\n        >\n        <paper-item value=\"blockquote\"\n          ><iron-icon icon=\"editor:format-quote\"></iron-icon>Quote<strong\n            >&lt;blockquote&gt;</strong\n          ></paper-item\n        >\n        <paper-item value=\"code\"\n          ><iron-icon icon=\"icons:code\"></iron-icon>Code block<strong\n            >&lt;code&gt;</strong\n          ></paper-item\n        >\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=\"editor:format-list-bulleted\"\n        event-name=\"text-list-bulleted\"\n        label=\"Bulleted list\"\n        hidden$=\"[[!_showIndent]]\"\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=\"text-list-numbered\"\n        hidden\\$=\"[[!_showIndent]]\"\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$=\"[[!_showIndent]]\"\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$=\"[[!_showIndent]]\"\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=\"device:graphic-eq\"\n        label=\"Advanced item\"\n        event-name=\"insert-inline-gizmo\"\n        hidden$=\"[[isSafari]]\"\n      ></hax-context-item>\n      <hax-context-item-textop\n        slot=\"primary\"\n        icon=\"device:graphic-eq\"\n        label=\"Advanced item\"\n        event-name=\"insert-inline-gizmo\"\n        hidden$=\"[[!isSafari]]\"\n      ></hax-context-item-textop>\n\n      <hax-context-item-textop\n        menu\n        slot=\"more\"\n        icon=\"mdextra:unlink\"\n        event-name=\"text-unlink\"\n        >Remove link</hax-context-item-textop\n      >\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  "]);_templateObject_9bc197e054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9bc197e054f411e9aeb367f92c5b63ab()),is:"hax-text-context",listeners:{"hax-context-item-selected":"_haxContextOperation"},properties:{_showIndent:{type:Boolean,computed:"_computeShowIndent(selectedValue, polyfillSafe)"},polyfillSafe:{type:Boolean},selectedValue:{type:String,value:"p",notify:!0},selection:{type:Boolean,value:!1},isSafari:{type:Boolean,notify:!0,computed:"_isSafari()"}},_computeShowIndent:function _computeShowIndent(selectedValue,polyfillSafe){if(polyfillSafe&&("ol"===selectedValue||"ul"===selectedValue)){return!0}return!1},attached:function attached(){this.polyfillSafe=window.HaxStore.instance.computePolyfillSafe()},_haxContextOperation:function _haxContextOperation(e){var _this=this,detail=e.detail,selection=window.HaxStore.getSelection();switch(detail.eventName){case"close-menu":setTimeout(function(){_this.$.formatsize.$.menu.hideMenu()},200);break;case"insert-inline-gizmo":if(window.HaxStore._tmpSelection&&window.HaxStore.instance.editMode){var localRange=!1;try{if("HAX-BODY"===window.HaxStore._tmpRange.startContainer.parentNode.parentNode.tagName||"HAX-BODY"===window.HaxStore._tmpRange.startContainer.parentNode.parentNode.parentNode.tagName){window.HaxStore.write("activePlaceHolder",window.HaxStore._tmpRange,this);localRange=window.HaxStore._tmpRange}}catch(err){}}if(localRange||null!=window.HaxStore.instance.activePlaceHolder){var values={text:window.HaxStore.instance.activePlaceHolder.toString()},type="inline",haxElements=window.HaxStore.guessGizmo(type,values);if(0<haxElements.length){window.HaxStore.instance.haxAppPicker.presentOptions(haxElements,type,"Transform selected text to..","gizmo")}}break;case"text-bold":document.execCommand("bold");break;case"text-italic":document.execCommand("italic");break;case"text-underline":document.execCommand("underline");this.$.toolbar.$.moremenu.$.menu.hideMenu();break;case"text-subscript":document.execCommand("subscript");this.$.toolbar.$.moremenu.$.menu.hideMenu();break;case"text-superscript":document.execCommand("superscript");this.$.toolbar.$.moremenu.$.menu.hideMenu();break;case"text-remove-format":document.execCommand("removeFormat");break;case"text-strikethrough":document.execCommand("strikeThrough");this.$.toolbar.$.moremenu.$.menu.hideMenu();break;case"text-link":var href="";if(babelHelpers.typeof(selection.focusNode.parentNode.href)!=="undefined"){href=selection.focusNode.parentNode.href}var url=prompt("Enter a URL:",href);if(url){document.execCommand("createLink",!1,url)}break;case"text-unlink":document.execCommand("unlink");break;case"text-indent":document.execCommand("indent");break;case"text-outdent":document.execCommand("outdent");break;case"text-list-numbered":try{document.execCommand("insertOrderedList")}catch(e){}break;case"text-list-bulleted":try{document.execCommand("insertUnorderedList")}catch(e){}break;}},_isSafari:function _isSafari(){var ua=navigator.userAgent.toLowerCase();if(-1!=ua.indexOf("safari")){if(!(-1<ua.indexOf("chrome"))){return!0}}return!1}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/iron-icons/iron-icons.js","../../md-extra-icons/md-extra-icons.js","../../simple-colors/simple-colors.js","./hax-context-item-menu.js","./hax-context-item.js","./hax-context-item-textop.js","./hax-toolbar.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_30a99490555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n        pointer-events: none;\n        background-color: white;\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    </style>\n    <hax-toolbar selected=\"[[selection]]\" hide-transform=\"\" id=\"toolbar\">\n      <hax-context-item-menu\n        slot=\"primary\"\n        selected-value=\"{{selectedValue}}\"\n        id=\"formatsize\"\n        icon=\"text-format\"\n        label=\"Format\"\n        event-name=\"text-tag\"\n      >\n        <paper-item value=\"p\"\n          ><iron-icon icon=\"editor:format-textdirection-l-to-r\"></iron-icon\n          >Normal text <strong>&lt;P&gt;</strong></paper-item\n        >\n        <paper-item value=\"ul\"\n          ><iron-icon icon=\"editor:format-list-bulleted\"></iron-icon>Bulleted\n          list <strong>&lt;UL&gt;</strong></paper-item\n        >\n        <paper-item value=\"ol\"\n          ><iron-icon icon=\"editor:format-list-numbered\"></iron-icon>Numbered\n          list <strong>&lt;OL&gt;</strong></paper-item\n        >\n        <paper-item value=\"h2\"\n          ><iron-icon icon=\"editor:title\"></iron-icon>Title\n          <strong>&lt;H2&gt;</strong></paper-item\n        >\n        <paper-item value=\"h3\"\n          ><iron-icon icon=\"editor:title\"></iron-icon>Content heading\n          <strong>&lt;H3&gt;</strong></paper-item\n        >\n        <paper-item value=\"h4\"\n          ><iron-icon icon=\"editor:text-fields\"></iron-icon>Subheading\n          <strong>&lt;H4&gt;</strong></paper-item\n        >\n        <paper-item value=\"h5\"\n          ><iron-icon icon=\"editor:text-fields\"></iron-icon>Deeper subheading\n          <strong>&lt;H5&gt;</strong></paper-item\n        >\n        <paper-item value=\"blockquote\"\n          ><iron-icon icon=\"editor:format-quote\"></iron-icon>Quote<strong\n            >&lt;blockquote&gt;</strong\n          ></paper-item\n        >\n        <paper-item value=\"code\"\n          ><iron-icon icon=\"icons:code\"></iron-icon>Code block<strong\n            >&lt;code&gt;</strong\n          ></paper-item\n        >\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=\"editor:format-list-bulleted\"\n        event-name=\"text-list-bulleted\"\n        label=\"Bulleted list\"\n        hidden$=\"[[!_showIndent]]\"\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=\"text-list-numbered\"\n        hidden$=\"[[!_showIndent]]\"\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$=\"[[!_showIndent]]\"\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$=\"[[!_showIndent]]\"\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=\"device:graphic-eq\"\n        label=\"Advanced item\"\n        event-name=\"insert-inline-gizmo\"\n        hidden$=\"[[isSafari]]\"\n      ></hax-context-item>\n      <hax-context-item-textop\n        slot=\"primary\"\n        icon=\"device:graphic-eq\"\n        label=\"Advanced item\"\n        event-name=\"insert-inline-gizmo\"\n        hidden$=\"[[!isSafari]]\"\n      ></hax-context-item-textop>\n\n      <hax-context-item-textop\n        menu\n        slot=\"more\"\n        icon=\"mdextra:unlink\"\n        event-name=\"text-unlink\"\n        >Remove link</hax-context-item-textop\n      >\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  "],["\n    <style include=\"simple-colors hax-shared-styles\">\n      :host {\n        display: block;\n        pointer-events: none;\n        background-color: white;\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    </style>\n    <hax-toolbar selected=\"[[selection]]\" hide-transform=\"\" id=\"toolbar\">\n      <hax-context-item-menu\n        slot=\"primary\"\n        selected-value=\"{{selectedValue}}\"\n        id=\"formatsize\"\n        icon=\"text-format\"\n        label=\"Format\"\n        event-name=\"text-tag\"\n      >\n        <paper-item value=\"p\"\n          ><iron-icon icon=\"editor:format-textdirection-l-to-r\"></iron-icon\n          >Normal text <strong>&lt;P&gt;</strong></paper-item\n        >\n        <paper-item value=\"ul\"\n          ><iron-icon icon=\"editor:format-list-bulleted\"></iron-icon>Bulleted\n          list <strong>&lt;UL&gt;</strong></paper-item\n        >\n        <paper-item value=\"ol\"\n          ><iron-icon icon=\"editor:format-list-numbered\"></iron-icon>Numbered\n          list <strong>&lt;OL&gt;</strong></paper-item\n        >\n        <paper-item value=\"h2\"\n          ><iron-icon icon=\"editor:title\"></iron-icon>Title\n          <strong>&lt;H2&gt;</strong></paper-item\n        >\n        <paper-item value=\"h3\"\n          ><iron-icon icon=\"editor:title\"></iron-icon>Content heading\n          <strong>&lt;H3&gt;</strong></paper-item\n        >\n        <paper-item value=\"h4\"\n          ><iron-icon icon=\"editor:text-fields\"></iron-icon>Subheading\n          <strong>&lt;H4&gt;</strong></paper-item\n        >\n        <paper-item value=\"h5\"\n          ><iron-icon icon=\"editor:text-fields\"></iron-icon>Deeper subheading\n          <strong>&lt;H5&gt;</strong></paper-item\n        >\n        <paper-item value=\"blockquote\"\n          ><iron-icon icon=\"editor:format-quote\"></iron-icon>Quote<strong\n            >&lt;blockquote&gt;</strong\n          ></paper-item\n        >\n        <paper-item value=\"code\"\n          ><iron-icon icon=\"icons:code\"></iron-icon>Code block<strong\n            >&lt;code&gt;</strong\n          ></paper-item\n        >\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=\"editor:format-list-bulleted\"\n        event-name=\"text-list-bulleted\"\n        label=\"Bulleted list\"\n        hidden$=\"[[!_showIndent]]\"\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=\"text-list-numbered\"\n        hidden\\$=\"[[!_showIndent]]\"\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$=\"[[!_showIndent]]\"\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$=\"[[!_showIndent]]\"\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=\"device:graphic-eq\"\n        label=\"Advanced item\"\n        event-name=\"insert-inline-gizmo\"\n        hidden$=\"[[isSafari]]\"\n      ></hax-context-item>\n      <hax-context-item-textop\n        slot=\"primary\"\n        icon=\"device:graphic-eq\"\n        label=\"Advanced item\"\n        event-name=\"insert-inline-gizmo\"\n        hidden$=\"[[!isSafari]]\"\n      ></hax-context-item-textop>\n\n      <hax-context-item-textop\n        menu\n        slot=\"more\"\n        icon=\"mdextra:unlink\"\n        event-name=\"text-unlink\"\n        >Remove link</hax-context-item-textop\n      >\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  "]);_templateObject_30a99490555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_30a99490555211e98f439769bd191e33()),is:"hax-text-context",listeners:{"hax-context-item-selected":"_haxContextOperation"},properties:{_showIndent:{type:Boolean,computed:"_computeShowIndent(selectedValue, polyfillSafe)"},polyfillSafe:{type:Boolean},selectedValue:{type:String,value:"p",notify:!0},selection:{type:Boolean,value:!1},isSafari:{type:Boolean,notify:!0,computed:"_isSafari()"}},_computeShowIndent:function _computeShowIndent(selectedValue,polyfillSafe){if(polyfillSafe&&("ol"===selectedValue||"ul"===selectedValue)){return!0}return!1},attached:function attached(){this.polyfillSafe=window.HaxStore.instance.computePolyfillSafe()},_haxContextOperation:function _haxContextOperation(e){var _this=this,detail=e.detail,selection=window.HaxStore.getSelection();switch(detail.eventName){case"close-menu":setTimeout(function(){_this.$.formatsize.$.menu.hideMenu()},200);break;case"insert-inline-gizmo":if(window.HaxStore._tmpSelection&&window.HaxStore.instance.editMode){var localRange=!1;try{if("HAX-BODY"===window.HaxStore._tmpRange.startContainer.parentNode.parentNode.tagName||"HAX-BODY"===window.HaxStore._tmpRange.startContainer.parentNode.parentNode.parentNode.tagName){window.HaxStore.write("activePlaceHolder",window.HaxStore._tmpRange,this);localRange=window.HaxStore._tmpRange}}catch(err){}}if(localRange||null!=window.HaxStore.instance.activePlaceHolder){var values={text:window.HaxStore.instance.activePlaceHolder.toString()},type="inline",haxElements=window.HaxStore.guessGizmo(type,values);if(0<haxElements.length){window.HaxStore.instance.haxAppPicker.presentOptions(haxElements,type,"Transform selected text to..","gizmo")}}break;case"text-bold":document.execCommand("bold");break;case"text-italic":document.execCommand("italic");break;case"text-underline":document.execCommand("underline");this.$.toolbar.$.moremenu.$.menu.hideMenu();break;case"text-subscript":document.execCommand("subscript");this.$.toolbar.$.moremenu.$.menu.hideMenu();break;case"text-superscript":document.execCommand("superscript");this.$.toolbar.$.moremenu.$.menu.hideMenu();break;case"text-remove-format":document.execCommand("removeFormat");break;case"text-strikethrough":document.execCommand("strikeThrough");this.$.toolbar.$.moremenu.$.menu.hideMenu();break;case"text-link":var href="";if(babelHelpers.typeof(selection.focusNode.parentNode.href)!=="undefined"){href=selection.focusNode.parentNode.href}var url=prompt("Enter a URL:",href);if(url){document.execCommand("createLink",!1,url)}break;case"text-unlink":document.execCommand("unlink");break;case"text-indent":document.execCommand("indent");break;case"text-outdent":document.execCommand("outdent");break;case"text-list-numbered":try{document.execCommand("insertOrderedList")}catch(e){}break;case"text-list-bulleted":try{document.execCommand("insertUnorderedList")}catch(e){}break;}},_isSafari:function _isSafari(){var ua=navigator.userAgent.toLowerCase();if(-1!=ua.indexOf("safari")){if(!(-1<ua.indexOf("chrome"))){return!0}}return!1}})});
\ No newline at end of file
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 d39a4f669e9..a07f22e0c08 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_9bc9872054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\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(--hax-color-bg-accent);\n        color: var(--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        @apply --hax-toolbar-item-container;\n        --paper-button-ink-color: var(--hax-color-accent1);\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      }\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: {\n          border-radius: 0;\n        }\n      }\n    </style>\n\n    <paper-button\n      disabled=\"[[disabled]]\"\n      id=\"buttoncontainer\"\n      tabindex=\"0\"\n      title$=\"[[tooltip]]\"\n    >\n      <iron-icon id=\"button\" icon=\"[[icon]]\" hidden$=\"[[!icon]]\"></iron-icon>\n      <span id=\"label\" hidden$=\"[[!label]]\">[[label]]</span> <slot></slot>\n    </paper-button>\n    <paper-tooltip\n      id=\"tooltip\"\n      for$=\"[[this]]\"\n      offset=\"10\"\n      position=\"[[tooltipDirection]]\"\n      animation-delay=\"0\"\n    >\n      [[tooltip]]\n    </paper-tooltip>\n  "],["\n    <style include=\"simple-colors hax-shared-styles\">\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(--hax-color-bg-accent);\n        color: var(--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        @apply --hax-toolbar-item-container;\n        --paper-button-ink-color: var(--hax-color-accent1);\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      }\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: {\n          border-radius: 0;\n        }\n      }\n    </style>\n\n    <paper-button\n      disabled=\"[[disabled]]\"\n      id=\"buttoncontainer\"\n      tabindex=\"0\"\n      title\\$=\"[[tooltip]]\"\n    >\n      <iron-icon id=\"button\" icon=\"[[icon]]\" hidden\\$=\"[[!icon]]\"></iron-icon>\n      <span id=\"label\" hidden\\$=\"[[!label]]\">[[label]]</span> <slot></slot>\n    </paper-button>\n    <paper-tooltip\n      id=\"tooltip\"\n      for\\$=\"[[this]]\"\n      offset=\"10\"\n      position=\"[[tooltipDirection]]\"\n      animation-delay=\"0\"\n    >\n      [[tooltip]]\n    </paper-tooltip>\n  "]);_templateObject_9bc9872054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9bc9872054f411e9aeb367f92c5b63ab()),is:"hax-toolbar-item",properties:{corner:{type:String,reflectToAttribute:!0,value:""},disabled:{type:Boolean,value:!1,reflectToAttribute:!0},dark:{type:Boolean,reflectToAttribute:!0,value:!1},menu:{type:Boolean,value:!1,reflectToAttribute:!0},mini:{type:Boolean,reflectToAttribute:!0,value:!1},icon:{type:String,value:!1},label:{type:String,value:!1},tooltip:{type:String,value:"",observer:"_tooltipChanged"},tooltipDirection:{type:String,value:"top"},default:{type:Boolean,value:!1,reflectToAttribute:!0}},_tooltipChanged:function _tooltipChanged(newValue){if(""==newValue||null==newValue){this.$.tooltip.setAttribute("aria-hidden","true")}else{this.$.tooltip.setAttribute("aria-hidden","false")}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_30b3a6b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors hax-shared-styles\">\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(--hax-color-bg-accent);\n        color: var(--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        @apply --hax-toolbar-item-container;\n        --paper-button-ink-color: var(--hax-color-accent1);\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      }\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: {\n          border-radius: 0;\n        }\n      }\n    </style>\n\n    <paper-button\n      disabled=\"[[disabled]]\"\n      id=\"buttoncontainer\"\n      tabindex=\"0\"\n      title$=\"[[tooltip]]\"\n    >\n      <iron-icon id=\"button\" icon=\"[[icon]]\" hidden$=\"[[!icon]]\"></iron-icon>\n      <span id=\"label\" hidden$=\"[[!label]]\">[[label]]</span> <slot></slot>\n    </paper-button>\n    <paper-tooltip\n      id=\"tooltip\"\n      for$=\"[[this]]\"\n      offset=\"10\"\n      position=\"[[tooltipDirection]]\"\n      animation-delay=\"0\"\n    >\n      [[tooltip]]\n    </paper-tooltip>\n  "],["\n    <style include=\"simple-colors hax-shared-styles\">\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(--hax-color-bg-accent);\n        color: var(--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        @apply --hax-toolbar-item-container;\n        --paper-button-ink-color: var(--hax-color-accent1);\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      }\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: {\n          border-radius: 0;\n        }\n      }\n    </style>\n\n    <paper-button\n      disabled=\"[[disabled]]\"\n      id=\"buttoncontainer\"\n      tabindex=\"0\"\n      title\\$=\"[[tooltip]]\"\n    >\n      <iron-icon id=\"button\" icon=\"[[icon]]\" hidden\\$=\"[[!icon]]\"></iron-icon>\n      <span id=\"label\" hidden\\$=\"[[!label]]\">[[label]]</span> <slot></slot>\n    </paper-button>\n    <paper-tooltip\n      id=\"tooltip\"\n      for\\$=\"[[this]]\"\n      offset=\"10\"\n      position=\"[[tooltipDirection]]\"\n      animation-delay=\"0\"\n    >\n      [[tooltip]]\n    </paper-tooltip>\n  "]);_templateObject_30b3a6b0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_30b3a6b0555211e98f439769bd191e33()),is:"hax-toolbar-item",properties:{corner:{type:String,reflectToAttribute:!0,value:""},disabled:{type:Boolean,value:!1,reflectToAttribute:!0},dark:{type:Boolean,reflectToAttribute:!0,value:!1},menu:{type:Boolean,value:!1,reflectToAttribute:!0},mini:{type:Boolean,reflectToAttribute:!0,value:!1},icon:{type:String,value:!1},label:{type:String,value:!1},tooltip:{type:String,value:"",observer:"_tooltipChanged"},tooltipDirection:{type:String,value:"top"},default:{type:Boolean,value:!1,reflectToAttribute:!0}},_tooltipChanged:function _tooltipChanged(newValue){if(""==newValue||null==newValue){this.$.tooltip.setAttribute("aria-hidden","true")}else{this.$.tooltip.setAttribute("aria-hidden","false")}}})});
\ No newline at end of file
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 3fada1c6464..67141862f3b 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/editor-icons.js","../../../@polymer/iron-icons/device-icons.js","../../../@polymer/iron-icons/hardware-icons.js","../../../@polymer/iron-icons/social-icons.js","../../../@polymer/iron-icons/av-icons.js","../../../@polymer/iron-icons/maps-icons.js","../../../@polymer/paper-listbox/paper-listbox.js","../../../@polymer/paper-menu-button/paper-menu-button.js","../../../@polymer/paper-icon-button/paper-icon-button.js","./hax-toolbar-item.js"],function(_polymerLegacy){"use strict";function _templateObject_9bda500054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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      paper-icon-button {\n        color: rgba(0, 0, 0, 0.66);\n        margin: 0;\n        text-transform: none;\n        background-color: #ffffff;\n        min-width: 24px;\n        display: flex;\n        padding: 0;\n        border-radius: 0;\n      }\n\n      paper-icon-button {\n        padding: 8px;\n        margin: 0;\n        box-sizing: border-box;\n      }\n\n      paper-icon-button:hover {\n        background-color: var(--paper-grey-300, grey);\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    </style>\n    <paper-menu-button>\n      <hax-toolbar-item\n        id=\"button\"\n        slot=\"dropdown-trigger\"\n        icon=\"[[icon]]\"\n        hidden$=\"[[!icon]]\"\n        class$=\"[[iconClass]]\"\n        tooltip=\"[[tooltip]]\"\n      ></hax-toolbar-item>\n      <paper-listbox\n        id=\"listbox\"\n        slot=\"dropdown-content\"\n        selected=\"{{selected}}\"\n      >\n        <slot></slot>\n      </paper-listbox>\n    </paper-menu-button>\n  "],["\n    <style>\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      paper-icon-button {\n        color: rgba(0, 0, 0, 0.66);\n        margin: 0;\n        text-transform: none;\n        background-color: #ffffff;\n        min-width: 24px;\n        display: flex;\n        padding: 0;\n        border-radius: 0;\n      }\n\n      paper-icon-button {\n        padding: 8px;\n        margin: 0;\n        box-sizing: border-box;\n      }\n\n      paper-icon-button:hover {\n        background-color: var(--paper-grey-300, grey);\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    </style>\n    <paper-menu-button>\n      <hax-toolbar-item\n        id=\"button\"\n        slot=\"dropdown-trigger\"\n        icon=\"[[icon]]\"\n        hidden\\$=\"[[!icon]]\"\n        class\\$=\"[[iconClass]]\"\n        tooltip=\"[[tooltip]]\"\n      ></hax-toolbar-item>\n      <paper-listbox\n        id=\"listbox\"\n        slot=\"dropdown-content\"\n        selected=\"{{selected}}\"\n      >\n        <slot></slot>\n      </paper-listbox>\n    </paper-menu-button>\n  "]);_templateObject_9bda500054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9bda500054f411e9aeb367f92c5b63ab()),is:"hax-toolbar-menu",listeners:{tap:"_menubuttonTap"},properties:{corner:{type:String,reflectToAttribute:!0,value:""},resetOnSelect:{type:Boolean,value:!1},tooltip:{type:String,value:""},tooltipDirection:{type:String,value:""},selected:{type:String,value:"",notify:!0,observer:"_selectChanged"}},_selectChanged:function _selectChanged(){this.$.button.focus()},_menubuttonTap:function _menubuttonTap(){this.$.listbox.style.display="inherit";if(this.resetOnSelect){this.selected=""}},hideMenu:function hideMenu(){this.$.listbox.style.display="none"}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/editor-icons.js","../../../@polymer/iron-icons/device-icons.js","../../../@polymer/iron-icons/hardware-icons.js","../../../@polymer/iron-icons/social-icons.js","../../../@polymer/iron-icons/av-icons.js","../../../@polymer/iron-icons/maps-icons.js","../../../@polymer/paper-listbox/paper-listbox.js","../../../@polymer/paper-menu-button/paper-menu-button.js","../../../@polymer/paper-icon-button/paper-icon-button.js","./hax-toolbar-item.js"],function(_polymerLegacy){"use strict";function _templateObject_30c0c610555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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      paper-icon-button {\n        color: rgba(0, 0, 0, 0.66);\n        margin: 0;\n        text-transform: none;\n        background-color: #ffffff;\n        min-width: 24px;\n        display: flex;\n        padding: 0;\n        border-radius: 0;\n      }\n\n      paper-icon-button {\n        padding: 8px;\n        margin: 0;\n        box-sizing: border-box;\n      }\n\n      paper-icon-button:hover {\n        background-color: var(--paper-grey-300, grey);\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    </style>\n    <paper-menu-button>\n      <hax-toolbar-item\n        id=\"button\"\n        slot=\"dropdown-trigger\"\n        icon=\"[[icon]]\"\n        hidden$=\"[[!icon]]\"\n        class$=\"[[iconClass]]\"\n        tooltip=\"[[tooltip]]\"\n      ></hax-toolbar-item>\n      <paper-listbox\n        id=\"listbox\"\n        slot=\"dropdown-content\"\n        selected=\"{{selected}}\"\n      >\n        <slot></slot>\n      </paper-listbox>\n    </paper-menu-button>\n  "],["\n    <style>\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      paper-icon-button {\n        color: rgba(0, 0, 0, 0.66);\n        margin: 0;\n        text-transform: none;\n        background-color: #ffffff;\n        min-width: 24px;\n        display: flex;\n        padding: 0;\n        border-radius: 0;\n      }\n\n      paper-icon-button {\n        padding: 8px;\n        margin: 0;\n        box-sizing: border-box;\n      }\n\n      paper-icon-button:hover {\n        background-color: var(--paper-grey-300, grey);\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    </style>\n    <paper-menu-button>\n      <hax-toolbar-item\n        id=\"button\"\n        slot=\"dropdown-trigger\"\n        icon=\"[[icon]]\"\n        hidden\\$=\"[[!icon]]\"\n        class\\$=\"[[iconClass]]\"\n        tooltip=\"[[tooltip]]\"\n      ></hax-toolbar-item>\n      <paper-listbox\n        id=\"listbox\"\n        slot=\"dropdown-content\"\n        selected=\"{{selected}}\"\n      >\n        <slot></slot>\n      </paper-listbox>\n    </paper-menu-button>\n  "]);_templateObject_30c0c610555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_30c0c610555211e98f439769bd191e33()),is:"hax-toolbar-menu",listeners:{tap:"_menubuttonTap"},properties:{corner:{type:String,reflectToAttribute:!0,value:""},resetOnSelect:{type:Boolean,value:!1},tooltip:{type:String,value:""},tooltipDirection:{type:String,value:""},selected:{type:String,value:"",notify:!0,observer:"_selectChanged"}},_selectChanged:function _selectChanged(){this.$.button.focus()},_menubuttonTap:function _menubuttonTap(){this.$.listbox.style.display="inherit";if(this.resetOnSelect){this.selected=""}},hideMenu:function hideMenu(){this.$.listbox.style.display="none"}})});
\ No newline at end of file
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 4dbba3ebe70..f30ebbc8069 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-slider/paper-slider.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/editor-icons.js","../../materializecss-styles/lib/colors.js","../../simple-colors/simple-colors.js","./hax-toolbar-item.js","./hax-toolbar-menu.js","./hax-context-item.js","./hax-context-item-menu.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_9be7e49054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\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);\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: var(--hax-color-accent1-text);\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    </style>\n    <hax-context-item\n      hidden$=\"[[inline]]\"\n      mini\n      light\n      icon=\"close\"\n      label=\"Close\"\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$=\"[[!haxProperties.canPosition]]\"\n        selected-value=\"{{justifyValue}}\"\n        id=\"justify\"\n        icon=\"[[justifyIcon]]\"\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$=\"[[!haxProperties.canScale]]\"\n        id=\"slider\"\n        pin=\"\"\n        min=\"25\"\n        step=\"25\"\n        max=\"100\"\n        value=\"{{size}}\"\n      ></paper-slider>\n      <paper-tooltip\n        hidden$=\"[[inline]]\"\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$=\"[[inline]]\"\n        icon=\"delete\"\n        icon-class=\"red-text text-darken-1\"\n        label=\"Remove\"\n        event-name=\"grid-plate-delete\"\n      ></hax-context-item>\n      <hax-context-item-menu\n        hidden$=\"[[hideMore]]\"\n        icon=\"more-vert\"\n        label=\"More\"\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\n          menu\n          icon=\"icons:content-copy\"\n          icon-class=\"green-text\"\n          event-name=\"grid-plate-duplicate\"\n          >Duplicate</hax-context-item\n        >\n        <hax-context-item\n          hidden$=\"[[hideTransform]]\"\n          menu\n          icon=\"image:transform\"\n          class=\"convert-button\"\n          icon-class=\"orange-text\"\n          event-name=\"grid-plate-convert\"\n          >Transform to..</hax-context-item\n        >\n      </hax-context-item-menu>\n    </div>\n  "]);_templateObject_9be7e49054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9be7e49054f411e9aeb367f92c5b63ab()),is:"hax-toolbar",listeners:{"hax-context-item-selected":"_haxContextOperation"},properties:{hideTransform:{type:Boolean,value:!1},selected:{type:Boolean,value:!1,reflectToAttritue:!0},haxProperties:{type:Object,value:{},observer:"_haxPropertiesChanged"},hideMore:{type:Boolean,value:!1},size:{type:Number,value:100,notify:!0},justifyIcon:{type:String,value:"editor:format-align-left"},inline:{type:Boolean,value:!1,reflectToAttritue:!0},justifyValue:{type:String,value:"",notify:!0}},_haxPropertiesChanged:function _haxPropertiesChanged(){if(babelHelpers.typeof(window.HaxStore.instance.activeNode)!=="undefined"){if(""!=window.HaxStore.instance.activeNode.style.width){this.size=window.HaxStore.instance.activeNode.style.width.replace("%","")}else{this.size=100}if("0px auto"==window.HaxStore.instance.activeNode.style.margin&&"block"==window.HaxStore.instance.activeNode.style.display){this.justifyValue="hax-align-center";this.justifyIcon="editor:format-align-center"}else{this.justifyValue="hax-align-left";this.justifyIcon="editor:format-align-left"}}},_haxContextOperation:function _haxContextOperation(e){var _this=this,detail=e.detail;switch(detail.eventName){case"hax-align-left":case"hax-align-center":this.justifyIcon=detail.target.icon;break;case"close-menu":setTimeout(function(){_this.$.moremenu.$.menu.hideMenu();_this.$.justify.$.menu.hideMenu()},200);break;}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-slider/paper-slider.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/editor-icons.js","../../materializecss-styles/lib/colors.js","../../simple-colors/simple-colors.js","./hax-toolbar-item.js","./hax-toolbar-menu.js","./hax-context-item.js","./hax-context-item-menu.js","./hax-shared-styles.js"],function(_polymerLegacy){"use strict";function _templateObject_30d119c0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\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);\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: var(--hax-color-accent1-text);\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    </style>\n    <hax-context-item\n      hidden$=\"[[inline]]\"\n      mini\n      light\n      icon=\"close\"\n      label=\"Close\"\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$=\"[[!haxProperties.canPosition]]\"\n        selected-value=\"{{justifyValue}}\"\n        id=\"justify\"\n        icon=\"[[justifyIcon]]\"\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$=\"[[!haxProperties.canScale]]\"\n        id=\"slider\"\n        pin=\"\"\n        min=\"25\"\n        step=\"25\"\n        max=\"100\"\n        value=\"{{size}}\"\n      ></paper-slider>\n      <paper-tooltip\n        hidden$=\"[[inline]]\"\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$=\"[[inline]]\"\n        icon=\"delete\"\n        icon-class=\"red-text text-darken-1\"\n        label=\"Remove\"\n        event-name=\"grid-plate-delete\"\n      ></hax-context-item>\n      <hax-context-item-menu\n        hidden$=\"[[hideMore]]\"\n        icon=\"more-vert\"\n        label=\"More\"\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\n          menu\n          icon=\"icons:content-copy\"\n          icon-class=\"green-text\"\n          event-name=\"grid-plate-duplicate\"\n          >Duplicate</hax-context-item\n        >\n        <hax-context-item\n          hidden$=\"[[hideTransform]]\"\n          menu\n          icon=\"image:transform\"\n          class=\"convert-button\"\n          icon-class=\"orange-text\"\n          event-name=\"grid-plate-convert\"\n          >Transform to..</hax-context-item\n        >\n      </hax-context-item-menu>\n    </div>\n  "]);_templateObject_30d119c0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_30d119c0555211e98f439769bd191e33()),is:"hax-toolbar",listeners:{"hax-context-item-selected":"_haxContextOperation"},properties:{hideTransform:{type:Boolean,value:!1},selected:{type:Boolean,value:!1,reflectToAttritue:!0},haxProperties:{type:Object,value:{},observer:"_haxPropertiesChanged"},hideMore:{type:Boolean,value:!1},size:{type:Number,value:100,notify:!0},justifyIcon:{type:String,value:"editor:format-align-left"},inline:{type:Boolean,value:!1,reflectToAttritue:!0},justifyValue:{type:String,value:"",notify:!0}},_haxPropertiesChanged:function _haxPropertiesChanged(){if(babelHelpers.typeof(window.HaxStore.instance.activeNode)!=="undefined"){if(""!=window.HaxStore.instance.activeNode.style.width){this.size=window.HaxStore.instance.activeNode.style.width.replace("%","")}else{this.size=100}if("0px auto"==window.HaxStore.instance.activeNode.style.margin&&"block"==window.HaxStore.instance.activeNode.style.display){this.justifyValue="hax-align-center";this.justifyIcon="editor:format-align-center"}else{this.justifyValue="hax-align-left";this.justifyIcon="editor:format-align-left"}}},_haxContextOperation:function _haxContextOperation(e){var _this=this,detail=e.detail;switch(detail.eventName){case"hax-align-left":case"hax-align-center":this.justifyIcon=detail.target.icon;break;case"close-menu":setTimeout(function(){_this.$.moremenu.$.menu.hideMenu();_this.$.justify.$.menu.hideMenu()},200);break;}}})});
\ No newline at end of file
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 081e450775b..2680464c3e2 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/paper-input/paper-input.js","../../../@vaadin/vaadin-upload/vaadin-upload.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HaxUploadField=void 0;function _templateObject_9bf5a03054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\n        :host {\n          display: block;\n          justify-content: flex-start;\n          visibility: visible;\n          transition: 0.3s all ease;\n          box-sizing: border-box;\n          pointer-events: all;\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          padding: 0;\n          margin: 0;\n          border: none;\n          --vaadin-upload-button-add-wrapper: {\n            border: none;\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: 0;\n            margin: 0;\n          }\n          --vaadin-upload-drop-label-dragover: {\n            color: #ffffff;\n          }\n          --vaadin-upload-file-list: {\n            padding: 0;\n            margin: 0;\n            color: #ffffff;\n          }\n          --vaadin-upload-file: {\n            color: #ffffff;\n          }\n        }\n        vaadin-upload[dragover] {\n          border-color: #396;\n        }\n        vaadin-upload-file {\n          --disabled-text-color: #222222;\n        }\n        paper-input {\n          color: var(--hax-color-text);\n        }\n      </style>\n      <paper-input\n        id=\"url\"\n        value=\"{{value}}\"\n        label=\"URL\"\n        type=\"url\"\n        auto-validate=\"\"\n      ></paper-input>\n      <vaadin-upload\n        form-data-name=\"file-upload\"\n        id=\"fileupload\"\n      ></vaadin-upload>\n    "]);_templateObject_9bf5a03054f411e9aeb367f92c5b63ab=function(){return data};return data}var HaxUploadField=function(_PolymerElement){babelHelpers.inherits(HaxUploadField,_PolymerElement);function HaxUploadField(){babelHelpers.classCallCheck(this,HaxUploadField);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HaxUploadField).apply(this,arguments))}babelHelpers.createClass(HaxUploadField,[{key:"_fileAboutToUpload",value:function _fileAboutToUpload(e){if(!this.__allowUpload){e.preventDefault();e.stopPropagation();var values={source:e.detail.file.name,type:e.detail.file.type},type=window.HaxStore.guessGizmoType(values),targets=window.HaxStore.getHaxAppStoreTargets(type);if(1===targets.length){this._haxAppPickerSelection({detail:targets[0]})}else if(0!==targets.length){window.HaxStore.instance.haxAppPicker.presentOptions(targets,type,"Where would you like to upload this "+type+"?","app")}else{window.HaxStore.toast("Sorry, you don't have a storage location that can handle "+type+" uploads!",5e3)}}else{this.__allowUpload=!1}}},{key:"_fileUploadResponse",value:function _fileUploadResponse(e){var response=JSON.parse(e.detail.xhr.response),map=this.__appUsed.connection.operations.add.resultMap,data={},item={};if(babelHelpers.typeof(this._resolveObjectPath(map.item,response))!=="undefined"){data=this._resolveObjectPath(map.item,response)}item.type=map.defaultGizmoType;for(var prop in map.gizmo){item[prop]=this._resolveObjectPath(map.gizmo[prop],data)}if(babelHelpers.typeof(item.url)==="undefined"&&babelHelpers.typeof(item.source)!=="undefined"){item.url=item.source}if(babelHelpers.typeof(map.gizmo.type)!=="undefined"){item.type=this._resolveObjectPath(map.gizmo.type,data)}this.$.url.value=item.url}},{key:"_haxAppPickerSelection",value:function _haxAppPickerSelection(e){var connection=e.detail.connection;this.__appUsed=e.detail;this.$.fileupload.method=connection.operations.add.method;var requestEndPoint=connection.protocol+"://"+connection.url;if("/"!=requestEndPoint.substr(requestEndPoint.length-1)){requestEndPoint+="/"}if(babelHelpers.typeof(connection.operations.add.endPoint)!=="undefined"){requestEndPoint+=connection.operations.add.endPoint}if(null!=window.HaxStore.instance.connectionRewrites.appendUploadEndPoint){requestEndPoint+="?"+window.HaxStore.instance.connectionRewrites.appendUploadEndPoint}if(null!=window.HaxStore.instance.connectionRewrites.appendJwt){requestEndPoint+="&"+window.HaxStore.instance.connectionRewrites.appendJwt+"="+localStorage.getItem(window.HaxStore.instance.connectionRewrites.appendJwt)}this.$.fileupload.headers=connection.headers;this.$.fileupload.target=requestEndPoint;this.__allowUpload=!0;this.$.fileupload.uploadFiles()}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HaxUploadField.prototype),"connectedCallback",this).call(this);this.$.fileupload.addEventListener("upload-before",this._fileAboutToUpload.bind(this));this.$.fileupload.addEventListener("upload-response",this._fileUploadResponse.bind(this));document.body.addEventListener("hax-app-picker-selection",this._haxAppPickerSelection.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.$.fileupload.removeEventListener("upload-before",this._fileAboutToUpload.bind(this));this.$.fileupload.removeEventListener("upload-response",this._fileUploadResponse.bind(this));document.body.removeEventListener("hax-app-picker-selection",this._haxAppPickerSelection.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(HaxUploadField.prototype),"disconnectedCallback",this).call(this)}},{key:"_resolveObjectPath",value:function _resolveObjectPath(path,obj){return path.split(".").reduce(function(prev,curr){return prev?prev[curr]:null},obj||self)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_9bf5a03054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{value:{type:String,notify:!0}}}}]);return HaxUploadField}(_polymerElement.PolymerElement);_exports.HaxUploadField=HaxUploadField;window.customElements.define("hax-upload-field",HaxUploadField)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/paper-input/paper-input.js","../../../@vaadin/vaadin-upload/vaadin-upload.js","../../simple-colors/simple-colors.js","./hax-shared-styles.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HaxUploadField=void 0;function _templateObject_30dfbfc0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors hax-shared-styles\">\n        :host {\n          display: block;\n          justify-content: flex-start;\n          visibility: visible;\n          transition: 0.3s all ease;\n          box-sizing: border-box;\n          pointer-events: all;\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          padding: 0;\n          margin: 0;\n          border: none;\n          --vaadin-upload-button-add-wrapper: {\n            border: none;\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: 0;\n            margin: 0;\n          }\n          --vaadin-upload-drop-label-dragover: {\n            color: #ffffff;\n          }\n          --vaadin-upload-file-list: {\n            padding: 0;\n            margin: 0;\n            color: #ffffff;\n          }\n          --vaadin-upload-file: {\n            color: #ffffff;\n          }\n        }\n        vaadin-upload[dragover] {\n          border-color: #396;\n        }\n        vaadin-upload-file {\n          --disabled-text-color: #222222;\n        }\n        paper-input {\n          color: var(--hax-color-text);\n        }\n      </style>\n      <paper-input\n        id=\"url\"\n        value=\"{{value}}\"\n        label=\"URL\"\n        type=\"url\"\n        auto-validate=\"\"\n      ></paper-input>\n      <vaadin-upload\n        form-data-name=\"file-upload\"\n        id=\"fileupload\"\n      ></vaadin-upload>\n    "]);_templateObject_30dfbfc0555211e98f439769bd191e33=function(){return data};return data}var HaxUploadField=function(_PolymerElement){babelHelpers.inherits(HaxUploadField,_PolymerElement);function HaxUploadField(){babelHelpers.classCallCheck(this,HaxUploadField);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HaxUploadField).apply(this,arguments))}babelHelpers.createClass(HaxUploadField,[{key:"_fileAboutToUpload",value:function _fileAboutToUpload(e){if(!this.__allowUpload){e.preventDefault();e.stopPropagation();var values={source:e.detail.file.name,type:e.detail.file.type},type=window.HaxStore.guessGizmoType(values),targets=window.HaxStore.getHaxAppStoreTargets(type);if(1===targets.length){this._haxAppPickerSelection({detail:targets[0]})}else if(0!==targets.length){window.HaxStore.instance.haxAppPicker.presentOptions(targets,type,"Where would you like to upload this "+type+"?","app")}else{window.HaxStore.toast("Sorry, you don't have a storage location that can handle "+type+" uploads!",5e3)}}else{this.__allowUpload=!1}}},{key:"_fileUploadResponse",value:function _fileUploadResponse(e){var response=JSON.parse(e.detail.xhr.response),map=this.__appUsed.connection.operations.add.resultMap,data={},item={};if(babelHelpers.typeof(this._resolveObjectPath(map.item,response))!=="undefined"){data=this._resolveObjectPath(map.item,response)}item.type=map.defaultGizmoType;for(var prop in map.gizmo){item[prop]=this._resolveObjectPath(map.gizmo[prop],data)}if(babelHelpers.typeof(item.url)==="undefined"&&babelHelpers.typeof(item.source)!=="undefined"){item.url=item.source}if(babelHelpers.typeof(map.gizmo.type)!=="undefined"){item.type=this._resolveObjectPath(map.gizmo.type,data)}this.$.url.value=item.url}},{key:"_haxAppPickerSelection",value:function _haxAppPickerSelection(e){var connection=e.detail.connection;this.__appUsed=e.detail;this.$.fileupload.method=connection.operations.add.method;var requestEndPoint=connection.protocol+"://"+connection.url;if("/"!=requestEndPoint.substr(requestEndPoint.length-1)){requestEndPoint+="/"}if(babelHelpers.typeof(connection.operations.add.endPoint)!=="undefined"){requestEndPoint+=connection.operations.add.endPoint}if(null!=window.HaxStore.instance.connectionRewrites.appendUploadEndPoint){requestEndPoint+="?"+window.HaxStore.instance.connectionRewrites.appendUploadEndPoint}if(null!=window.HaxStore.instance.connectionRewrites.appendJwt){requestEndPoint+="&"+window.HaxStore.instance.connectionRewrites.appendJwt+"="+localStorage.getItem(window.HaxStore.instance.connectionRewrites.appendJwt)}this.$.fileupload.headers=connection.headers;this.$.fileupload.target=requestEndPoint;this.__allowUpload=!0;this.$.fileupload.uploadFiles()}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HaxUploadField.prototype),"connectedCallback",this).call(this);this.$.fileupload.addEventListener("upload-before",this._fileAboutToUpload.bind(this));this.$.fileupload.addEventListener("upload-response",this._fileUploadResponse.bind(this));document.body.addEventListener("hax-app-picker-selection",this._haxAppPickerSelection.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.$.fileupload.removeEventListener("upload-before",this._fileAboutToUpload.bind(this));this.$.fileupload.removeEventListener("upload-response",this._fileUploadResponse.bind(this));document.body.removeEventListener("hax-app-picker-selection",this._haxAppPickerSelection.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(HaxUploadField.prototype),"disconnectedCallback",this).call(this)}},{key:"_resolveObjectPath",value:function _resolveObjectPath(path,obj){return path.split(".").reduce(function(prev,curr){return prev?prev[curr]:null},obj||self)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_30dfbfc0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{value:{type:String,notify:!0}}}}]);return HaxUploadField}(_polymerElement.PolymerElement);_exports.HaxUploadField=HaxUploadField;window.customElements.define("hax-upload-field",HaxUploadField)});
\ No newline at end of file
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 bed65ca1bef..d910d8722dc 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
@@ -1 +1 @@
-define(["exports","meta","require","../../../../../@polymer/polymer/polymer-element.js","../../../../beaker-broker/beaker-broker.js","../../../../../@polymer/polymer/lib/utils/resolve-url.js"],function(_exports,meta,_require,_polymerElement,_beakerBroker,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSBackendBeaker=void 0;meta=babelHelpers.interopRequireWildcard(meta);_require=babelHelpers.interopRequireWildcard(_require);function _templateObject_5fa1bf6054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <beaker-broker id=\"beaker\"></beaker-broker>\n    "]);_templateObject_5fa1bf6054f411e9aeb367f92c5b63ab=function(){return data};return data}var HAXCMSBackendBeaker=function(_PolymerElement){var _Mathfloor=Math.floor;babelHelpers.inherits(HAXCMSBackendBeaker,_PolymerElement);babelHelpers.createClass(HAXCMSBackendBeaker,null,[{key:"tag",get:function get(){return"haxcms-backend-beaker"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_5fa1bf6054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{jwt:{type:String},manifest:{type:Object},activeItem:{type:Object}}}}]);function HAXCMSBackendBeaker(){var _this;babelHelpers.classCallCheck(this,HAXCMSBackendBeaker);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSBackendBeaker).call(this));afterNextRender(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)),function(){document.body.addEventListener("jwt-token",this._jwtTokenFired.bind(this));document.body.addEventListener("haxcms-save-site-data",this.saveManifest.bind(this));document.body.addEventListener("haxcms-save-outline",this.saveOutline.bind(this));document.body.addEventListener("haxcms-save-node",this.saveNode.bind(this));document.body.addEventListener("haxcms-delete-node",this.deleteNode.bind(this));document.body.addEventListener("haxcms-create-node",this.createNode.bind(this));document.body.addEventListener("hax-app-picker-selection",this._appPicked.bind(this))});return _this}babelHelpers.createClass(HAXCMSBackendBeaker,[{key:"disconnectedCallback",value:function disconnectedCallback(){document.body.removeEventListener("jwt-token",this._jwtTokenFired.bind(this));document.body.removeEventListener("haxcms-save-site-data",this.saveManifest.bind(this));document.body.removeEventListener("haxcms-save-outline",this.saveOutline.bind(this));document.body.removeEventListener("haxcms-save-node",this.saveNode.bind(this));document.body.removeEventListener("haxcms-delete-node",this.deleteNode.bind(this));document.body.removeEventListener("haxcms-create-node",this.createNode.bind(this));document.body.removeEventListener("hax-app-picker-selection",this._appPicked.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSBackendBeaker.prototype),"disconnectedCallback",this).call(this)}},{key:"_appPicked",value:function _appPicked(e){var _this2=this;if("dat"===e.detail.connection.protocol){e.preventDefault();e.stopPropagation();var reader=new FileReader;reader.onload=function(event){var fileLocation="files/"+window.HaxStore.instance.haxManager.$.fileupload.files[0].name;_this2.$.beaker.write(fileLocation,event.target.result);window.HaxStore.instance.haxManager.$.url.value=fileLocation;window.HaxStore.instance.haxManager.newAssetConfigure()};reader.readAsArrayBuffer(window.HaxStore.instance.haxManager.$.fileupload.files[0])}}},{key:"saveNode",value:function(){var _saveNode=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee(e){var evt;return regeneratorRuntime.wrap(function(_context){while(1){switch(_context.prev=_context.next){case 0:this.activeItem=e.detail;_context.next=3;return this.$.beaker.write(this.activeItem.location,window.HaxStore.instance.activeHaxBody.haxToContent());case 3:window.cmsSiteEditor.instance.haxCmsSiteEditorElement.$.toast.show("Page updated!");evt=new CustomEvent("haxcms-trigger-update-node",{bubbles:!0,composed:!0,cancelable:!1,detail:!0});window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(evt);case 6:case"end":return _context.stop();}}},_callee,this)}));return function saveNode(){return _saveNode.apply(this,arguments)}}()},{key:"saveOutline",value:function(){var _saveOutline=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee2(e){var _this3=this;return regeneratorRuntime.wrap(function(_context2){while(1){switch(_context2.prev=_context2.next){case 0:this.manifest=window.cmsSiteEditor.instance.haxCmsSiteEditorElement.manifest;this.manifest.items=e.detail;this.manifest.items.forEach(function(element,index){if(babelHelpers.typeof(element.location)==="undefined"){var id=_this3.generateResourceID("item-");element.id=id;element.location="pages/"+id+"/index.html";element.order=index;element.description="";element.metadata={created:_Mathfloor(Date.now()/1e3),updated:_Mathfloor(Date.now()/1e3)};_this3.$.beaker.archive.mkdir("pages/"+id);_this3.$.beaker.write("pages/"+id+"/index.html","<p>Ex uno Plures</p>");_this3.manifest.items[index]=element}});this.$.beaker.write("site.json",JSON.stringify(this.manifest,null,2));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.$.toast.show("Outline saved!");window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(new CustomEvent("json-outline-schema-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:this.manifest}));case 7:case"end":return _context2.stop();}}},_callee2,this)}));return function saveOutline(){return _saveOutline.apply(this,arguments)}}()},{key:"deleteNode",value:function(){var _deleteNode=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee3(e){var _this4=this,page;return regeneratorRuntime.wrap(function(_context3){while(1){switch(_context3.prev=_context3.next){case 0:page=e.detail.item;this.manifest=window.cmsSiteEditor.instance.haxCmsSiteEditorElement.manifest;this.manifest.items=e.detail;this.manifest.items.forEach(function(element,index){if(element.id===page.id){_this4.splice("manifest.items",index,1)}});this.$.beaker.write("site.json",JSON.stringify(this.manifest,null,2));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.$.toast.show("".concat(page.title," deleted"));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(new CustomEvent("json-outline-schema-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:this.manifest}));case 8:case"end":return _context3.stop();}}},_callee3,this)}));return function deleteNode(){return _deleteNode.apply(this,arguments)}}()},{key:"createNode",value:function(){var _createNode=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee4(e){var _this5=this,page;return regeneratorRuntime.wrap(function(_context4){while(1){switch(_context4.prev=_context4.next){case 0:page=e.detail.values;this.manifest=window.cmsSiteEditor.instance.haxCmsSiteEditorElement.manifest;this.manifest.items=e.detail;this.manifest.items.forEach(function(element,index){if(babelHelpers.typeof(element.location)==="undefined"){if(!page.id){page.id=_this5.generateResourceID("item-")}if(!page.location){page.location="pages/"+page.id+"/index.html"}var directory=page.location.replace("/index.html","");element.id=page.id;element.location=page.location;element.order=page.order;element.indent=page.indent;element.parent=page.parent;element.description=page.description;element.metadata.created=_Mathfloor(Date.now()/1e3);element.metadata.updated=_Mathfloor(Date.now()/1e3);_this5.$.beaker.archive.mkdir(directory);_this5.$.beaker.write(page.location,"<p>My great new content!</p>");_this5.set("manifest.items.".concat(index),element)}});this.$.beaker.write("site.json",JSON.stringify(this.manifest,null,2));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.$.toast.show("".concat(page.title," created!"));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(new CustomEvent("json-outline-schema-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:this.manifest}));case 8:case"end":return _context4.stop();}}},_callee4,this)}));return function createNode(){return _createNode.apply(this,arguments)}}()},{key:"saveManifest",value:function(){var _saveManifest=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee5(e){var themeData;return regeneratorRuntime.wrap(function(_context5){while(1){switch(_context5.prev=_context5.next){case 0:this.manifest=e.detail;if("string"===typeof this.manifest.metadata.theme){themeData={"haxcms-dev-theme":{element:"haxcms-dev-theme",path:"@lrnwebcomponents/haxcms-elements/lib/haxcms-dev-theme.js",name:"Developer theme"},"outline-player":{element:"outline-player",path:"@lrnwebcomponents/outline-player/outline-player.js",name:"Outline player"},"simple-blog":{element:"simple-blog",path:"@lrnwebcomponents/simple-blog/simple-blog.js",name:"Simple blog"}};if(themeData[this.manifest.metadata.theme]){this.manifest.metadata.theme=themeData[this.manifest.metadata.theme]}}_context5.next=4;return this.$.beaker.write("site.json",JSON.stringify(this.manifest,null,2));case 4:window.cmsSiteEditor.instance.haxCmsSiteEditorElement.$.toast.show("Site details saved!");window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(new CustomEvent("json-outline-schema-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:this.manifest}));case 7:case"end":return _context5.stop();}}},_callee5,this)}));return function saveManifest(){return _saveManifest.apply(this,arguments)}}()},{key:"_jwtTokenFired",value:function _jwtTokenFired(e){this.jwt=e.detail}},{key:"generateResourceID",value:function generateResourceID(){var base=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"";function idPart(){return _Mathfloor(65536*(1+Math.random())).toString(16).substring(1)}return base+idPart()+idPart()+"-"+idPart()+"-"+idPart()+"-"+idPart()+"-"+idPart()+idPart()+idPart()}},{key:"connectedCallback",value:function(){var _connectedCallback=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee6(){var _this6=this,beaker,info,appstore;return regeneratorRuntime.wrap(function(_context6){while(1){switch(_context6.prev=_context6.next){case 0:babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSBackendBeaker.prototype),"connectedCallback",this).call(this);beaker=this.$.beaker;this.jwt=beaker.archive.url;_context6.next=5;return beaker.archive.getInfo();case 5:info=_context6.sent;if(!(null!=this.jwt&&"string"==typeof this.jwt&&info.isOwner)){_context6.next=13;break}_context6.t0=JSON;_context6.next=10;return beaker.read("appstore.json");case 10:_context6.t1=_context6.sent;appstore=_context6.t0.parse.call(_context6.t0,_context6.t1);try{new Promise(function(res,rej){return _require.default([(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url))+"../haxcms-site-editor.js"],res,rej)}).then(function(){var haxCmsSiteEditorElement=document.createElement("haxcms-site-editor");haxCmsSiteEditorElement.jwt=_this6.jwt;haxCmsSiteEditorElement.appStore=appstore;window.cmsSiteEditor.instance.haxCmsSiteEditorElement=haxCmsSiteEditorElement;window.cmsSiteEditor.instance.appendTarget.appendChild(haxCmsSiteEditorElement)},function(){})}catch(err){}case 13:case"end":return _context6.stop();}}},_callee6,this)}));return function connectedCallback(){return _connectedCallback.apply(this,arguments)}}()}]);return HAXCMSBackendBeaker}(_polymerElement.PolymerElement);_exports.HAXCMSBackendBeaker=HAXCMSBackendBeaker;window.customElements.define(HAXCMSBackendBeaker.tag,HAXCMSBackendBeaker)});
\ No newline at end of file
+define(["exports","meta","require","../../../../../@polymer/polymer/polymer-element.js","../../../../beaker-broker/beaker-broker.js","../../../../../@polymer/polymer/lib/utils/resolve-url.js"],function(_exports,meta,_require,_polymerElement,_beakerBroker,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSBackendBeaker=void 0;meta=babelHelpers.interopRequireWildcard(meta);_require=babelHelpers.interopRequireWildcard(_require);function _templateObject_f5f3ac50555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <beaker-broker id=\"beaker\"></beaker-broker>\n    "]);_templateObject_f5f3ac50555111e98f439769bd191e33=function(){return data};return data}var HAXCMSBackendBeaker=function(_PolymerElement){var _Mathfloor=Math.floor;babelHelpers.inherits(HAXCMSBackendBeaker,_PolymerElement);babelHelpers.createClass(HAXCMSBackendBeaker,null,[{key:"tag",get:function get(){return"haxcms-backend-beaker"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_f5f3ac50555111e98f439769bd191e33())}},{key:"properties",get:function get(){return{jwt:{type:String},manifest:{type:Object},activeItem:{type:Object}}}}]);function HAXCMSBackendBeaker(){var _this;babelHelpers.classCallCheck(this,HAXCMSBackendBeaker);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSBackendBeaker).call(this));afterNextRender(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)),function(){document.body.addEventListener("jwt-token",this._jwtTokenFired.bind(this));document.body.addEventListener("haxcms-save-site-data",this.saveManifest.bind(this));document.body.addEventListener("haxcms-save-outline",this.saveOutline.bind(this));document.body.addEventListener("haxcms-save-node",this.saveNode.bind(this));document.body.addEventListener("haxcms-delete-node",this.deleteNode.bind(this));document.body.addEventListener("haxcms-create-node",this.createNode.bind(this));document.body.addEventListener("hax-app-picker-selection",this._appPicked.bind(this))});return _this}babelHelpers.createClass(HAXCMSBackendBeaker,[{key:"disconnectedCallback",value:function disconnectedCallback(){document.body.removeEventListener("jwt-token",this._jwtTokenFired.bind(this));document.body.removeEventListener("haxcms-save-site-data",this.saveManifest.bind(this));document.body.removeEventListener("haxcms-save-outline",this.saveOutline.bind(this));document.body.removeEventListener("haxcms-save-node",this.saveNode.bind(this));document.body.removeEventListener("haxcms-delete-node",this.deleteNode.bind(this));document.body.removeEventListener("haxcms-create-node",this.createNode.bind(this));document.body.removeEventListener("hax-app-picker-selection",this._appPicked.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSBackendBeaker.prototype),"disconnectedCallback",this).call(this)}},{key:"_appPicked",value:function _appPicked(e){var _this2=this;if("dat"===e.detail.connection.protocol){e.preventDefault();e.stopPropagation();var reader=new FileReader;reader.onload=function(event){var fileLocation="files/"+window.HaxStore.instance.haxManager.$.fileupload.files[0].name;_this2.$.beaker.write(fileLocation,event.target.result);window.HaxStore.instance.haxManager.$.url.value=fileLocation;window.HaxStore.instance.haxManager.newAssetConfigure()};reader.readAsArrayBuffer(window.HaxStore.instance.haxManager.$.fileupload.files[0])}}},{key:"saveNode",value:function(){var _saveNode=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee(e){var evt;return regeneratorRuntime.wrap(function(_context){while(1){switch(_context.prev=_context.next){case 0:this.activeItem=e.detail;_context.next=3;return this.$.beaker.write(this.activeItem.location,window.HaxStore.instance.activeHaxBody.haxToContent());case 3:window.cmsSiteEditor.instance.haxCmsSiteEditorElement.$.toast.show("Page updated!");evt=new CustomEvent("haxcms-trigger-update-node",{bubbles:!0,composed:!0,cancelable:!1,detail:!0});window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(evt);case 6:case"end":return _context.stop();}}},_callee,this)}));return function saveNode(){return _saveNode.apply(this,arguments)}}()},{key:"saveOutline",value:function(){var _saveOutline=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee2(e){var _this3=this;return regeneratorRuntime.wrap(function(_context2){while(1){switch(_context2.prev=_context2.next){case 0:this.manifest=window.cmsSiteEditor.instance.haxCmsSiteEditorElement.manifest;this.manifest.items=e.detail;this.manifest.items.forEach(function(element,index){if(babelHelpers.typeof(element.location)==="undefined"){var id=_this3.generateResourceID("item-");element.id=id;element.location="pages/"+id+"/index.html";element.order=index;element.description="";element.metadata={created:_Mathfloor(Date.now()/1e3),updated:_Mathfloor(Date.now()/1e3)};_this3.$.beaker.archive.mkdir("pages/"+id);_this3.$.beaker.write("pages/"+id+"/index.html","<p>Ex uno Plures</p>");_this3.manifest.items[index]=element}});this.$.beaker.write("site.json",JSON.stringify(this.manifest,null,2));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.$.toast.show("Outline saved!");window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(new CustomEvent("json-outline-schema-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:this.manifest}));case 7:case"end":return _context2.stop();}}},_callee2,this)}));return function saveOutline(){return _saveOutline.apply(this,arguments)}}()},{key:"deleteNode",value:function(){var _deleteNode=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee3(e){var _this4=this,page;return regeneratorRuntime.wrap(function(_context3){while(1){switch(_context3.prev=_context3.next){case 0:page=e.detail.item;this.manifest=window.cmsSiteEditor.instance.haxCmsSiteEditorElement.manifest;this.manifest.items=e.detail;this.manifest.items.forEach(function(element,index){if(element.id===page.id){_this4.splice("manifest.items",index,1)}});this.$.beaker.write("site.json",JSON.stringify(this.manifest,null,2));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.$.toast.show("".concat(page.title," deleted"));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(new CustomEvent("json-outline-schema-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:this.manifest}));case 8:case"end":return _context3.stop();}}},_callee3,this)}));return function deleteNode(){return _deleteNode.apply(this,arguments)}}()},{key:"createNode",value:function(){var _createNode=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee4(e){var _this5=this,page;return regeneratorRuntime.wrap(function(_context4){while(1){switch(_context4.prev=_context4.next){case 0:page=e.detail.values;this.manifest=window.cmsSiteEditor.instance.haxCmsSiteEditorElement.manifest;this.manifest.items=e.detail;this.manifest.items.forEach(function(element,index){if(babelHelpers.typeof(element.location)==="undefined"){if(!page.id){page.id=_this5.generateResourceID("item-")}if(!page.location){page.location="pages/"+page.id+"/index.html"}var directory=page.location.replace("/index.html","");element.id=page.id;element.location=page.location;element.order=page.order;element.indent=page.indent;element.parent=page.parent;element.description=page.description;element.metadata.created=_Mathfloor(Date.now()/1e3);element.metadata.updated=_Mathfloor(Date.now()/1e3);_this5.$.beaker.archive.mkdir(directory);_this5.$.beaker.write(page.location,"<p>My great new content!</p>");_this5.set("manifest.items.".concat(index),element)}});this.$.beaker.write("site.json",JSON.stringify(this.manifest,null,2));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.$.toast.show("".concat(page.title," created!"));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(new CustomEvent("json-outline-schema-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:this.manifest}));case 8:case"end":return _context4.stop();}}},_callee4,this)}));return function createNode(){return _createNode.apply(this,arguments)}}()},{key:"saveManifest",value:function(){var _saveManifest=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee5(e){var themeData;return regeneratorRuntime.wrap(function(_context5){while(1){switch(_context5.prev=_context5.next){case 0:this.manifest=e.detail;if("string"===typeof this.manifest.metadata.theme){themeData={"haxcms-dev-theme":{element:"haxcms-dev-theme",path:"@lrnwebcomponents/haxcms-elements/lib/haxcms-dev-theme.js",name:"Developer theme"},"outline-player":{element:"outline-player",path:"@lrnwebcomponents/outline-player/outline-player.js",name:"Outline player"},"simple-blog":{element:"simple-blog",path:"@lrnwebcomponents/simple-blog/simple-blog.js",name:"Simple blog"}};if(themeData[this.manifest.metadata.theme]){this.manifest.metadata.theme=themeData[this.manifest.metadata.theme]}}_context5.next=4;return this.$.beaker.write("site.json",JSON.stringify(this.manifest,null,2));case 4:window.cmsSiteEditor.instance.haxCmsSiteEditorElement.$.toast.show("Site details saved!");window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}));window.cmsSiteEditor.instance.haxCmsSiteEditorElement.dispatchEvent(new CustomEvent("json-outline-schema-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:this.manifest}));case 7:case"end":return _context5.stop();}}},_callee5,this)}));return function saveManifest(){return _saveManifest.apply(this,arguments)}}()},{key:"_jwtTokenFired",value:function _jwtTokenFired(e){this.jwt=e.detail}},{key:"generateResourceID",value:function generateResourceID(){var base=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"";function idPart(){return _Mathfloor(65536*(1+Math.random())).toString(16).substring(1)}return base+idPart()+idPart()+"-"+idPart()+"-"+idPart()+"-"+idPart()+"-"+idPart()+idPart()+idPart()}},{key:"connectedCallback",value:function(){var _connectedCallback=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee6(){var _this6=this,beaker,info,appstore;return regeneratorRuntime.wrap(function(_context6){while(1){switch(_context6.prev=_context6.next){case 0:babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSBackendBeaker.prototype),"connectedCallback",this).call(this);beaker=this.$.beaker;this.jwt=beaker.archive.url;_context6.next=5;return beaker.archive.getInfo();case 5:info=_context6.sent;if(!(null!=this.jwt&&"string"==typeof this.jwt&&info.isOwner)){_context6.next=13;break}_context6.t0=JSON;_context6.next=10;return beaker.read("appstore.json");case 10:_context6.t1=_context6.sent;appstore=_context6.t0.parse.call(_context6.t0,_context6.t1);try{new Promise(function(res,rej){return _require.default([(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url))+"../haxcms-site-editor.js"],res,rej)}).then(function(){var haxCmsSiteEditorElement=document.createElement("haxcms-site-editor");haxCmsSiteEditorElement.jwt=_this6.jwt;haxCmsSiteEditorElement.appStore=appstore;window.cmsSiteEditor.instance.haxCmsSiteEditorElement=haxCmsSiteEditorElement;window.cmsSiteEditor.instance.appendTarget.appendChild(haxCmsSiteEditorElement)},function(){})}catch(err){}case 13:case"end":return _context6.stop();}}},_callee6,this)}));return function connectedCallback(){return _connectedCallback.apply(this,arguments)}}()}]);return HAXCMSBackendBeaker}(_polymerElement.PolymerElement);_exports.HAXCMSBackendBeaker=HAXCMSBackendBeaker;window.customElements.define(HAXCMSBackendBeaker.tag,HAXCMSBackendBeaker)});
\ No newline at end of file
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 aaf6a84382c..80e036fa3b0 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
@@ -1 +1 @@
-define(["exports","meta","require","../../../../../@polymer/polymer/polymer-element.js","../../../../../@polymer/polymer/lib/utils/resolve-url.js","../../../../jwt-login/jwt-login.js"],function(_exports,meta,_require,_polymerElement,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSBackendDemo=void 0;meta=babelHelpers.interopRequireWildcard(meta);_require=babelHelpers.interopRequireWildcard(_require);function _templateObject_5fbbd71054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <jwt-login\n        id=\"jwt\"\n        url=\"[[jwtLoginLocation]]\"\n        url-logout=\"[[jwtLogoutLocation]]\"\n        jwt=\"{{jwt}}\"\n      ></jwt-login>\n    "]);_templateObject_5fbbd71054f411e9aeb367f92c5b63ab=function(){return data};return data}var HAXCMSBackendDemo=function(_PolymerElement){babelHelpers.inherits(HAXCMSBackendDemo,_PolymerElement);babelHelpers.createClass(HAXCMSBackendDemo,null,[{key:"tag",get:function get(){return"haxcms-backend-demo"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_5fbbd71054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{jwtLoginLocation:{type:String,value:window.appSettings.login},jwtLogoutLocation:{type:String,value:window.appSettings.logout},jwt:{type:String}}}}]);function HAXCMSBackendDemo(){var _this;babelHelpers.classCallCheck(this,HAXCMSBackendDemo);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSBackendDemo).call(this));document.body.addEventListener("jwt-token",_this._jwtTokenFired.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this))));return _this}babelHelpers.createClass(HAXCMSBackendDemo,[{key:"disconnectedCallback",value:function disconnectedCallback(){document.body.removeEventListener("jwt-token",this._jwtTokenFired.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSBackendDemo.prototype),"disconnectedCallback",this).call(this)}},{key:"_jwtTokenFired",value:function _jwtTokenFired(e){this.jwt=e.detail}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSBackendDemo.prototype),"connectedCallback",this).call(this);try{new Promise(function(res,rej){return _require.default([(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url))+"../haxcms-site-editor.js"],res,rej)}).then(function(){var haxCmsSiteEditorElement=document.createElement("haxcms-site-editor");haxCmsSiteEditorElement.jwt=_this2.jwt;haxCmsSiteEditorElement.method="GET";haxCmsSiteEditorElement.saveNodePath=window.appSettings.saveNodePath;haxCmsSiteEditorElement.saveManifestPath=window.appSettings.saveManifestPath;haxCmsSiteEditorElement.saveOutlinePath=window.appSettings.saveOutlinePath;haxCmsSiteEditorElement.getNodeFieldsPath=window.appSettings.getNodeFieldsPath;haxCmsSiteEditorElement.createNodePath=window.appSettings.createNodePath;haxCmsSiteEditorElement.deleteNodePath=window.appSettings.deleteNodePath;haxCmsSiteEditorElement.publishSitePath=window.appSettings.publishSitePath;haxCmsSiteEditorElement.appStore=window.appSettings.appStore;window.cmsSiteEditor.instance.haxCmsSiteEditorElement=haxCmsSiteEditorElement;window.cmsSiteEditor.instance.appendTarget.appendChild(haxCmsSiteEditorElement)},function(){})}catch(err){}}}]);return HAXCMSBackendDemo}(_polymerElement.PolymerElement);_exports.HAXCMSBackendDemo=HAXCMSBackendDemo;window.customElements.define(HAXCMSBackendDemo.tag,HAXCMSBackendDemo)});
\ No newline at end of file
+define(["exports","meta","require","../../../../../@polymer/polymer/polymer-element.js","../../../../../@polymer/polymer/lib/utils/resolve-url.js","../../../../jwt-login/jwt-login.js"],function(_exports,meta,_require,_polymerElement,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSBackendDemo=void 0;meta=babelHelpers.interopRequireWildcard(meta);_require=babelHelpers.interopRequireWildcard(_require);function _templateObject_f613de80555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <jwt-login\n        id=\"jwt\"\n        url=\"[[jwtLoginLocation]]\"\n        url-logout=\"[[jwtLogoutLocation]]\"\n        jwt=\"{{jwt}}\"\n      ></jwt-login>\n    "]);_templateObject_f613de80555111e98f439769bd191e33=function(){return data};return data}var HAXCMSBackendDemo=function(_PolymerElement){babelHelpers.inherits(HAXCMSBackendDemo,_PolymerElement);babelHelpers.createClass(HAXCMSBackendDemo,null,[{key:"tag",get:function get(){return"haxcms-backend-demo"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_f613de80555111e98f439769bd191e33())}},{key:"properties",get:function get(){return{jwtLoginLocation:{type:String,value:window.appSettings.login},jwtLogoutLocation:{type:String,value:window.appSettings.logout},jwt:{type:String}}}}]);function HAXCMSBackendDemo(){var _this;babelHelpers.classCallCheck(this,HAXCMSBackendDemo);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSBackendDemo).call(this));document.body.addEventListener("jwt-token",_this._jwtTokenFired.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this))));return _this}babelHelpers.createClass(HAXCMSBackendDemo,[{key:"disconnectedCallback",value:function disconnectedCallback(){document.body.removeEventListener("jwt-token",this._jwtTokenFired.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSBackendDemo.prototype),"disconnectedCallback",this).call(this)}},{key:"_jwtTokenFired",value:function _jwtTokenFired(e){this.jwt=e.detail}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSBackendDemo.prototype),"connectedCallback",this).call(this);try{new Promise(function(res,rej){return _require.default([(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url))+"../haxcms-site-editor.js"],res,rej)}).then(function(){var haxCmsSiteEditorElement=document.createElement("haxcms-site-editor");haxCmsSiteEditorElement.jwt=_this2.jwt;haxCmsSiteEditorElement.method="GET";haxCmsSiteEditorElement.saveNodePath=window.appSettings.saveNodePath;haxCmsSiteEditorElement.saveManifestPath=window.appSettings.saveManifestPath;haxCmsSiteEditorElement.saveOutlinePath=window.appSettings.saveOutlinePath;haxCmsSiteEditorElement.getNodeFieldsPath=window.appSettings.getNodeFieldsPath;haxCmsSiteEditorElement.getSiteFieldsPath=window.appSettings.getSiteFieldsPath;haxCmsSiteEditorElement.createNodePath=window.appSettings.createNodePath;haxCmsSiteEditorElement.deleteNodePath=window.appSettings.deleteNodePath;haxCmsSiteEditorElement.publishSitePath=window.appSettings.publishSitePath;haxCmsSiteEditorElement.appStore=window.appSettings.appStore;window.cmsSiteEditor.instance.haxCmsSiteEditorElement=haxCmsSiteEditorElement;window.cmsSiteEditor.instance.appendTarget.appendChild(haxCmsSiteEditorElement)},function(){})}catch(err){}}}]);return HAXCMSBackendDemo}(_polymerElement.PolymerElement);_exports.HAXCMSBackendDemo=HAXCMSBackendDemo;window.customElements.define(HAXCMSBackendDemo.tag,HAXCMSBackendDemo)});
\ No newline at end of file
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 07bdaf0f7e6..2287772ae7e 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
@@ -1 +1 @@
-define(["exports","meta","require","../../../../../@polymer/polymer/polymer-element.js","../../../../jwt-login/jwt-login.js","../../../../../@polymer/polymer/lib/utils/resolve-url.js"],function(_exports,meta,_require,_polymerElement,_jwtLogin,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSBackendPHP=void 0;meta=babelHelpers.interopRequireWildcard(meta);_require=babelHelpers.interopRequireWildcard(_require);function _templateObject_5fd1a90054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <jwt-login\n        id=\"jwt\"\n        url=\"[[jwtLoginLocation]]\"\n        url-logout=\"[[jwtLogoutLocation]]\"\n        jwt=\"{{jwt}}\"\n      ></jwt-login>\n    "]);_templateObject_5fd1a90054f411e9aeb367f92c5b63ab=function(){return data};return data}var HAXCMSBackendPHP=function(_PolymerElement){babelHelpers.inherits(HAXCMSBackendPHP,_PolymerElement);babelHelpers.createClass(HAXCMSBackendPHP,null,[{key:"tag",get:function get(){return"haxcms-backend-php"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_5fd1a90054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{jwtLoginLocation:{type:String,value:function value(){if(window.appSettings){return window.appSettings.login}}},jwtLogoutLocation:{type:String,value:function value(){if(window.appSettings){return window.appSettings.logout}}},jwt:{type:String}}}}]);function HAXCMSBackendPHP(){var _this;babelHelpers.classCallCheck(this,HAXCMSBackendPHP);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSBackendPHP).call(this));document.body.addEventListener("jwt-token",_this._jwtTokenFired.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this))));return _this}babelHelpers.createClass(HAXCMSBackendPHP,[{key:"disconnectedCallback",value:function disconnectedCallback(){document.body.removeEventListener("jwt-token",this._jwtTokenFired.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSBackendPHP.prototype),"disconnectedCallback",this).call(this)}},{key:"_jwtTokenFired",value:function _jwtTokenFired(e){this.jwt=e.detail}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSBackendPHP.prototype),"connectedCallback",this).call(this);if(null!=this.jwt&&"string"==typeof this.jwt){try{new Promise(function(res,rej){return _require.default([(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url))+"../haxcms-site-editor.js"],res,rej)}).then(function(){var haxCmsSiteEditorElement=document.createElement("haxcms-site-editor");haxCmsSiteEditorElement.jwt=_this2.jwt;haxCmsSiteEditorElement.saveNodePath=window.appSettings.saveNodePath;haxCmsSiteEditorElement.saveManifestPath=window.appSettings.saveManifestPath;haxCmsSiteEditorElement.saveOutlinePath=window.appSettings.saveOutlinePath;haxCmsSiteEditorElement.getNodeFieldsPath=window.appSettings.getNodeFieldsPath;haxCmsSiteEditorElement.getFieldsToken=window.appSettings.getFieldsToken;haxCmsSiteEditorElement.publishSitePath=window.appSettings.publishSitePath;haxCmsSiteEditorElement.createNodePath=window.appSettings.createNodePath;haxCmsSiteEditorElement.deleteNodePath=window.appSettings.deleteNodePath;haxCmsSiteEditorElement.appStore=window.appSettings.appStore;window.cmsSiteEditor.instance.haxCmsSiteEditorElement=haxCmsSiteEditorElement;window.cmsSiteEditor.instance.appendTarget.appendChild(haxCmsSiteEditorElement)},function(){})}catch(err){}}}}]);return HAXCMSBackendPHP}(_polymerElement.PolymerElement);_exports.HAXCMSBackendPHP=HAXCMSBackendPHP;window.customElements.define(HAXCMSBackendPHP.tag,HAXCMSBackendPHP)});
\ No newline at end of file
+define(["exports","meta","require","../../../../../@polymer/polymer/polymer-element.js","../../../../jwt-login/jwt-login.js","../../../../../@polymer/polymer/lib/utils/resolve-url.js"],function(_exports,meta,_require,_polymerElement,_jwtLogin,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSBackendPHP=void 0;meta=babelHelpers.interopRequireWildcard(meta);_require=babelHelpers.interopRequireWildcard(_require);function _templateObject_f64e9d90555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <jwt-login\n        id=\"jwt\"\n        url=\"[[jwtLoginLocation]]\"\n        url-logout=\"[[jwtLogoutLocation]]\"\n        jwt=\"{{jwt}}\"\n      ></jwt-login>\n    "]);_templateObject_f64e9d90555111e98f439769bd191e33=function(){return data};return data}var HAXCMSBackendPHP=function(_PolymerElement){babelHelpers.inherits(HAXCMSBackendPHP,_PolymerElement);babelHelpers.createClass(HAXCMSBackendPHP,null,[{key:"tag",get:function get(){return"haxcms-backend-php"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_f64e9d90555111e98f439769bd191e33())}},{key:"properties",get:function get(){return{jwtLoginLocation:{type:String,value:function value(){if(window.appSettings){return window.appSettings.login}}},jwtLogoutLocation:{type:String,value:function value(){if(window.appSettings){return window.appSettings.logout}}},jwt:{type:String}}}}]);function HAXCMSBackendPHP(){var _this;babelHelpers.classCallCheck(this,HAXCMSBackendPHP);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSBackendPHP).call(this));document.body.addEventListener("jwt-token",_this._jwtTokenFired.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this))));return _this}babelHelpers.createClass(HAXCMSBackendPHP,[{key:"disconnectedCallback",value:function disconnectedCallback(){document.body.removeEventListener("jwt-token",this._jwtTokenFired.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSBackendPHP.prototype),"disconnectedCallback",this).call(this)}},{key:"_jwtTokenFired",value:function _jwtTokenFired(e){this.jwt=e.detail}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSBackendPHP.prototype),"connectedCallback",this).call(this);if(null!=this.jwt&&"string"==typeof this.jwt){try{new Promise(function(res,rej){return _require.default([(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url))+"../haxcms-site-editor.js"],res,rej)}).then(function(){var haxCmsSiteEditorElement=document.createElement("haxcms-site-editor");haxCmsSiteEditorElement.jwt=_this2.jwt;haxCmsSiteEditorElement.saveNodePath=window.appSettings.saveNodePath;haxCmsSiteEditorElement.saveManifestPath=window.appSettings.saveManifestPath;haxCmsSiteEditorElement.saveOutlinePath=window.appSettings.saveOutlinePath;haxCmsSiteEditorElement.getNodeFieldsPath=window.appSettings.getNodeFieldsPath;haxCmsSiteEditorElement.getSiteFieldsPath=window.appSettings.getSiteFieldsPath;haxCmsSiteEditorElement.getFieldsToken=window.appSettings.getFieldsToken;haxCmsSiteEditorElement.publishSitePath=window.appSettings.publishSitePath;haxCmsSiteEditorElement.createNodePath=window.appSettings.createNodePath;haxCmsSiteEditorElement.deleteNodePath=window.appSettings.deleteNodePath;haxCmsSiteEditorElement.appStore=window.appSettings.appStore;window.cmsSiteEditor.instance.haxCmsSiteEditorElement=haxCmsSiteEditorElement;window.cmsSiteEditor.instance.appendTarget.appendChild(haxCmsSiteEditorElement)},function(){})}catch(err){}}}}]);return HAXCMSBackendPHP}(_polymerElement.PolymerElement);_exports.HAXCMSBackendPHP=HAXCMSBackendPHP;window.customElements.define(HAXCMSBackendPHP.tag,HAXCMSBackendPHP)});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-manifest-editor-dialog.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-manifest-editor-dialog.js
index 182d9b62797..c6335b11aa5 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-manifest-editor-dialog.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-manifest-editor-dialog.js
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js","./haxcms-site-store.js","../../../../mobx/lib/mobx.module.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-input/paper-input.js","../../../../@polymer/paper-item/paper-item.js","../../../../@polymer/iron-icons/iron-icons.js","../../../../@polymer/iron-icons/editor-icons.js","../../../../@polymer/iron-icons/notification-icons.js","../../../../@polymer/iron-icons/av-icons.js","../../../../@polymer/iron-icons/device-icons.js","../../../../@polymer/iron-icons/image-icons.js","../../../simple-icon-picker/simple-icon-picker.js","../../../simple-picker/simple-picker.js","../../../simple-colors/simple-colors.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule,_paperIconButton,_paperInput,_paperItem,_ironIcons,_editorIcons,_notificationIcons,_avIcons,_deviceIcons,_imageIcons,_simpleIconPicker,_simplePicker,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSManifestEditorDialog=void 0;function _templateObject_a78ab6b054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        #publish {\n          min-width: 100px;\n          background-color: var(--haxcms-color, #ff4081);\n        }\n        .buttons {\n          margin: 8px 0 8px 0;\n        }\n        paper-button {\n          color: var(--simple-colors-default-theme-grey-11);\n          margin: 0 5px;\n        }\n        iron-icon {\n          margin-right: 8px;\n        }\n        simple-icon-picker {\n          display: inline-flex;\n        }\n        label {\n          font-size: 14px;\n          padding-right: 5px;\n          color: var(\n            --paper-input-container-label_-_color,\n            var(\n              --paper-input-container-color,\n              var(--secondary-text-color, #000)\n            )\n          );\n        }\n      </style>\n      <paper-input\n        id=\"sitetitle\"\n        label=\"Title\"\n        required=\"\"\n        autofocus=\"\"\n        value=\"[[manifest.title]]\"\n      ></paper-input>\n      <paper-input\n        id=\"domain\"\n        label=\"Domain\"\n        value=\"[[manifest.metadata.domain]]\"\n      ></paper-input>\n      <paper-input\n        id=\"sitedescription\"\n        label=\"Description\"\n        value=\"[[manifest.description]]\"\n      ></paper-input>\n      <paper-input\n        id=\"siteimage\"\n        label=\"Image\"\n        value=\"[[manifest.metadata.image]]\"\n      ></paper-input>\n      <label for=\"sitecolor\">Select a color:</label>\n      <simple-colors-picker\n        id=\"sitecolor\"\n        hex-code=\"[[manifest.metadata.hexCode]]\"\n      ></simple-colors-picker>\n      <simple-picker id=\"sitetheme\" label=\"Theme\"> </simple-picker>\n      <label for=\"siteicon\">Select an icon:</label>\n      <simple-icon-picker\n        id=\"siteicon\"\n        hide-option-labels\n        value=\"[[manifest.metadata.icon]]\"\n      ></simple-icon-picker>\n      <div class=\"buttons\">\n        <paper-button id=\"save\" dialog-confirm raised on-tap=\"_saveTap\">\n          <iron-icon icon=\"icons:save\"></iron-icon>Save\n        </paper-button>\n        <paper-button id=\"cancel\" dialog-dismiss raised>\n          <iron-icon icon=\"icons:cancel\"></iron-icon>Cancel\n        </paper-button>\n        <paper-button id=\"publish\" dialog-confirm on-tap=\"_publishTap\" raised>\n          <iron-icon icon=\"icons:cloud-upload\"></iron-icon>Publish\n        </paper-button>\n      </div>\n    "]);_templateObject_a78ab6b054f411e9aeb367f92c5b63ab=function(){return data};return data}var HAXCMSManifestEditorDialog=function(_PolymerElement){babelHelpers.inherits(HAXCMSManifestEditorDialog,_PolymerElement);function HAXCMSManifestEditorDialog(){babelHelpers.classCallCheck(this,HAXCMSManifestEditorDialog);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSManifestEditorDialog).apply(this,arguments))}babelHelpers.createClass(HAXCMSManifestEditorDialog,[{key:"ready",value:function ready(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSManifestEditorDialog.prototype),"ready",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){_this.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest);_this.__disposer.push(reaction)})}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSManifestEditorDialog.prototype),"connectedCallback",this).call(this);this.$.sitecolor.addEventListener("change",this._colorChanged.bind(this));this.$.sitetheme.addEventListener("change",this._themeChanged.bind(this));setTimeout(function(){var evt=document.createEvent("UIEvents");evt.initUIEvent("resize",!0,!1,window,0);window.dispatchEvent(evt)},100);var themeOptions=[];for(var theme in window.appSettings.themes){var item=[{alt:window.appSettings.themes[theme].name,value:theme}];themeOptions.push(item)}this.$.sitetheme.options=themeOptions;this.$.sitetheme.value=this.manifest.metadata.theme.element}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.$.sitetheme.removeEventListener("change",this._themeChanged.bind(this));this.$.sitecolor.removeEventListener("change",this._colorChanged.bind(this));for(var i in this.__disposer){this.__disposer[i].dispose()}babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSManifestEditorDialog.prototype),"disconnectedCallback",this).call(this)}},{key:"_themeChanged",value:function _themeChanged(e){if(e.detail.value){this.set("manifest.metadata.theme",e.detail.value);this.notifyPath("manifest.metadata.theme")}}},{key:"_colorChanged",value:function _colorChanged(e){this.set("manifest.metadata.cssVariable",e.detail.value);this.notifyPath("manifest.metadata.cssVariable");this.set("manifest.metadata.hexCode",_simpleColors.SimpleColors.colors[e.detail.value.replace("--simple-colors-default-theme-","").replace("-7","")][6]);this.notifyPath("manifest.metadata.hexCode")}},{key:"_publishTap",value:function _publishTap(){this.dispatchEvent(new CustomEvent("haxcms-publish-site",{bubbles:!0,composed:!0,cancelable:!1,detail:this.manifest}))}},{key:"_saveTap",value:function _saveTap(){this.set("manifest.title",this.$.sitetitle.value);this.notifyPath("manifest.title");this.set("manifest.description",this.$.sitedescription.value);this.notifyPath("manifest.description");this.set("manifest.metadata.image",this.$.siteimage.value);this.notifyPath("manifest.metadata.image");this.set("manifest.metadata.domain",this.$.domain.value);this.notifyPath("manifest.metadata.domain");this.set("manifest.metadata.icon",this.$.siteicon.icon);this.notifyPath("manifest.metadata.icon");this.dispatchEvent(new CustomEvent("haxcms-save-site-data",{bubbles:!0,composed:!0,cancelable:!1,detail:this.manifest}))}}],[{key:"tag",get:function get(){return"haxcms-manifest-editor-dialog"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a78ab6b054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{opened:{type:Boolean,notify:!0},manifest:{type:Object,notify:!0}}}}]);return HAXCMSManifestEditorDialog}(_polymerElement.PolymerElement);_exports.HAXCMSManifestEditorDialog=HAXCMSManifestEditorDialog;window.customElements.define(HAXCMSManifestEditorDialog.tag,HAXCMSManifestEditorDialog)});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js","./haxcms-site-store.js","../../../../mobx/lib/mobx.module.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/paper-input/paper-input.js","../../../../@polymer/paper-item/paper-item.js","../../../../@polymer/iron-icons/iron-icons.js","../../../../@polymer/iron-icons/editor-icons.js","../../../../@polymer/iron-icons/notification-icons.js","../../../../@polymer/iron-icons/av-icons.js","../../../../@polymer/iron-icons/device-icons.js","../../../../@polymer/iron-icons/image-icons.js","../../../simple-icon-picker/simple-icon-picker.js","../../../simple-picker/simple-picker.js","../../../simple-colors/simple-colors.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule,_paperIconButton,_paperInput,_paperItem,_ironIcons,_editorIcons,_notificationIcons,_avIcons,_deviceIcons,_imageIcons,_simpleIconPicker,_simplePicker,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSManifestEditorDialog=void 0;function _templateObject_37022f00555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        #publish {\n          min-width: 100px;\n          background-color: var(--haxcms-color, #ff4081);\n        }\n        .buttons {\n          margin: 8px 0 8px 0;\n        }\n        paper-button {\n          color: var(--simple-colors-default-theme-grey-11);\n          margin: 0 5px;\n        }\n        iron-icon {\n          margin-right: 8px;\n        }\n        simple-icon-picker {\n          display: inline-flex;\n        }\n        label {\n          font-size: 14px;\n          padding-right: 5px;\n          color: var(\n            --paper-input-container-label_-_color,\n            var(\n              --paper-input-container-color,\n              var(--secondary-text-color, #000)\n            )\n          );\n        }\n      </style>\n      <paper-input\n        id=\"sitetitle\"\n        label=\"Title\"\n        required=\"\"\n        autofocus=\"\"\n        value=\"[[manifest.title]]\"\n      ></paper-input>\n      <paper-input\n        id=\"domain\"\n        label=\"Domain\"\n        value=\"[[manifest.metadata.domain]]\"\n      ></paper-input>\n      <paper-input\n        id=\"sitedescription\"\n        label=\"Description\"\n        value=\"[[manifest.description]]\"\n      ></paper-input>\n      <paper-input\n        id=\"siteimage\"\n        label=\"Image\"\n        value=\"[[manifest.metadata.image]]\"\n      ></paper-input>\n      <label for=\"sitecolor\">Select a color:</label>\n      <simple-colors-picker\n        id=\"sitecolor\"\n        hex-code=\"[[manifest.metadata.hexCode]]\"\n      ></simple-colors-picker>\n      <simple-picker id=\"sitetheme\" label=\"Theme\"> </simple-picker>\n      <label for=\"siteicon\">Select an icon:</label>\n      <simple-icon-picker\n        id=\"siteicon\"\n        hide-option-labels\n        value=\"[[manifest.metadata.icon]]\"\n      ></simple-icon-picker>\n      <div class=\"buttons\">\n        <paper-button id=\"save\" dialog-confirm raised on-tap=\"_saveTap\">\n          <iron-icon icon=\"icons:save\"></iron-icon>Save\n        </paper-button>\n        <paper-button id=\"cancel\" dialog-dismiss raised>\n          <iron-icon icon=\"icons:cancel\"></iron-icon>Cancel\n        </paper-button>\n        <paper-button id=\"publish\" dialog-confirm on-tap=\"_publishTap\" raised>\n          <iron-icon icon=\"icons:cloud-upload\"></iron-icon>Publish\n        </paper-button>\n      </div>\n    "]);_templateObject_37022f00555211e98f439769bd191e33=function(){return data};return data}var HAXCMSManifestEditorDialog=function(_PolymerElement){babelHelpers.inherits(HAXCMSManifestEditorDialog,_PolymerElement);function HAXCMSManifestEditorDialog(){babelHelpers.classCallCheck(this,HAXCMSManifestEditorDialog);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSManifestEditorDialog).apply(this,arguments))}babelHelpers.createClass(HAXCMSManifestEditorDialog,[{key:"ready",value:function ready(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSManifestEditorDialog.prototype),"ready",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){_this.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest);_this.__disposer.push(reaction)})}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSManifestEditorDialog.prototype),"connectedCallback",this).call(this);this.$.sitecolor.addEventListener("change",this._colorChanged.bind(this));this.$.sitetheme.addEventListener("change",this._themeChanged.bind(this));setTimeout(function(){var evt=document.createEvent("UIEvents");evt.initUIEvent("resize",!0,!1,window,0);window.dispatchEvent(evt)},100);var themeOptions=[];for(var theme in window.appSettings.themes){var item=[{alt:window.appSettings.themes[theme].name,value:theme}];themeOptions.push(item)}this.$.sitetheme.options=themeOptions;this.$.sitetheme.value=this.manifest.metadata.theme.element}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.$.sitetheme.removeEventListener("change",this._themeChanged.bind(this));this.$.sitecolor.removeEventListener("change",this._colorChanged.bind(this));for(var i in this.__disposer){this.__disposer[i].dispose()}babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSManifestEditorDialog.prototype),"disconnectedCallback",this).call(this)}},{key:"_themeChanged",value:function _themeChanged(e){if(e.detail.value){this.set("manifest.metadata.theme",e.detail.value);this.notifyPath("manifest.metadata.theme")}}},{key:"_colorChanged",value:function _colorChanged(e){this.set("manifest.metadata.cssVariable",e.detail.value);this.notifyPath("manifest.metadata.cssVariable");this.set("manifest.metadata.hexCode",_simpleColors.SimpleColors.colors[e.detail.value.replace("--simple-colors-default-theme-","").replace("-7","")][6]);this.notifyPath("manifest.metadata.hexCode")}},{key:"_publishTap",value:function _publishTap(){this.dispatchEvent(new CustomEvent("haxcms-publish-site",{bubbles:!0,composed:!0,cancelable:!1,detail:this.manifest}))}},{key:"_saveTap",value:function _saveTap(){this.set("manifest.title",this.$.sitetitle.value);this.notifyPath("manifest.title");this.set("manifest.description",this.$.sitedescription.value);this.notifyPath("manifest.description");this.set("manifest.metadata.image",this.$.siteimage.value);this.notifyPath("manifest.metadata.image");this.set("manifest.metadata.domain",this.$.domain.value);this.notifyPath("manifest.metadata.domain");this.set("manifest.metadata.icon",this.$.siteicon.icon);this.notifyPath("manifest.metadata.icon");this.dispatchEvent(new CustomEvent("haxcms-save-site-data",{bubbles:!0,composed:!0,cancelable:!1,detail:this.manifest}))}}],[{key:"tag",get:function get(){return"haxcms-manifest-editor-dialog"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_37022f00555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{opened:{type:Boolean,notify:!0},manifest:{type:Object,notify:!0}}}}]);return HAXCMSManifestEditorDialog}(_polymerElement.PolymerElement);_exports.HAXCMSManifestEditorDialog=HAXCMSManifestEditorDialog;window.customElements.define(HAXCMSManifestEditorDialog.tag,HAXCMSManifestEditorDialog)});
\ No newline at end of file
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 554e5291e28..499f2fad4e1 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
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js","../../../../@polymer/polymer/lib/utils/render-status.js","./haxcms-site-store.js","../../../../mobx/lib/mobx.module.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/iron-icons/iron-icons.js","../../../json-editor/json-editor.js","../../../editable-outline/editable-outline.js","../../../json-outline-schema/json-outline-schema.js"],function(_exports,_polymerElement,_renderStatus,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSOutlineEditorDialog=void 0;function _templateObject_a7a4593054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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, #ddd);\n          left: 0;\n          right: 0;\n        }\n        #toggle {\n          float: right;\n          text-transform: unset;\n        }\n        editable-outline,\n        json-editor {\n          margin-bottom: 32px;\n        }\n      </style>\n      <editable-outline\n        id=\"outline\"\n        edit-mode\n        hidden$=\"[[viewMode]]\"\n        items=\"[[manifestItems]]\"\n      ></editable-outline>\n      <json-editor\n        id=\"editor\"\n        label=\"JSON Outline Schema items\"\n        value=\"[[manifestItemsStatic]]\"\n        hidden$=\"[[!viewMode]]\"\n      ></json-editor>\n      <div class=\"buttons\">\n        <paper-button dialog-confirm on-tap=\"_saveTap\">Save</paper-button>\n        <paper-button dialog-dismiss>Cancel</paper-button>\n        <paper-button id=\"toggle\" on-tap=\"toggleView\"\n          ><iron-icon icon=\"[[_viewIcon]]\"></iron-icon\n          >[[viewLabel]]</paper-button\n        >\n      </div>\n    "]);_templateObject_a7a4593054f411e9aeb367f92c5b63ab=function(){return data};return data}var HAXCMSOutlineEditorDialog=function(_PolymerElement){babelHelpers.inherits(HAXCMSOutlineEditorDialog,_PolymerElement);function HAXCMSOutlineEditorDialog(){babelHelpers.classCallCheck(this,HAXCMSOutlineEditorDialog);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSOutlineEditorDialog).apply(this,arguments))}babelHelpers.createClass(HAXCMSOutlineEditorDialog,[{key:"_manifestItemsChanged",value:function _manifestItemsChanged(newValue){if(newValue){window.JSONOutlineSchema.requestAvailability().items=newValue;this.manifestItemsStatic=JSON.stringify(newValue,null,2)}}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSOutlineEditorDialog.prototype),"ready",this).call(this);(0,_renderStatus.afterNextRender)(this,function(){var _this=this;this.$.editor.addEventListener("current-data-changed",function(e){if(e.detail.value){_this.set("manifestItems",e.detail.value);_this.$.outline.importJsonOutlineSchemaItems()}})})}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSOutlineEditorDialog.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){setTimeout(function(){_this2.manifestItems=Object.assign([],(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest.items));_this2.__disposer.push(reaction)},500)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this3=this;for(var i in this.__disposer){this.__disposer[i].dispose()}this.$.editor.removeEventListener("current-data-changed",function(e){if(e.detail.value){_this3.set("manifestItems",e.detail.value);_this3.$.outline.importJsonOutlineSchemaItems()}});babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSOutlineEditorDialog.prototype),"disconnectedCallback",this).call(this)}},{key:"toggleView",value:function toggleView(){this.viewMode=!this.viewMode}},{key:"_getViewLabel",value:function _getViewLabel(mode){if(mode){this._viewIcon="icons:view-list";return"Outline mode"}else{this._viewIcon="icons:code";return"Developer mode"}}},{key:"_viewModeChanged",value:function _viewModeChanged(newValue){if(!newValue){this.$.outline.importJsonOutlineSchemaItems()}else{var items=this.$.outline.exportJsonOutlineSchemaItems(!0);this.set("manifestItems",items)}}},{key:"_saveTap",value:function _saveTap(){this.dispatchEvent(new CustomEvent("haxcms-save-outline",{bubbles:!0,composed:!0,cancelable:!1,detail:this.$.outline.exportJsonOutlineSchemaItems(!0)}))}}],[{key:"tag",get:function get(){return"haxcms-outline-editor-dialog"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a7a4593054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{opened:{type:Boolean,notify:!0},manifestItems:{type:Array,observer:"_manifestItemsChanged"},manifestItemsStatic:{type:String},viewLabel:{type:String,computed:"_getViewLabel(viewMode)"},viewMode:{type:Boolean,value:!1,observer:"_viewModeChanged"}}}}]);return HAXCMSOutlineEditorDialog}(_polymerElement.PolymerElement);_exports.HAXCMSOutlineEditorDialog=HAXCMSOutlineEditorDialog;window.customElements.define(HAXCMSOutlineEditorDialog.tag,HAXCMSOutlineEditorDialog)});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js","../../../../@polymer/polymer/lib/utils/render-status.js","./haxcms-site-store.js","../../../../mobx/lib/mobx.module.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/iron-icons/iron-icons.js","../../../json-editor/json-editor.js","../../../editable-outline/editable-outline.js","../../../json-outline-schema/json-outline-schema.js"],function(_exports,_polymerElement,_renderStatus,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSOutlineEditorDialog=void 0;function _templateObject_371c94d0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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, #ddd);\n          left: 0;\n          right: 0;\n        }\n        #toggle {\n          float: right;\n          text-transform: unset;\n        }\n        editable-outline,\n        json-editor {\n          margin-bottom: 32px;\n        }\n      </style>\n      <editable-outline\n        id=\"outline\"\n        edit-mode\n        hidden$=\"[[viewMode]]\"\n        items=\"[[manifestItems]]\"\n      ></editable-outline>\n      <json-editor\n        id=\"editor\"\n        label=\"JSON Outline Schema items\"\n        value=\"[[manifestItemsStatic]]\"\n        hidden$=\"[[!viewMode]]\"\n      ></json-editor>\n      <div class=\"buttons\">\n        <paper-button dialog-confirm on-tap=\"_saveTap\">Save</paper-button>\n        <paper-button dialog-dismiss>Cancel</paper-button>\n        <paper-button id=\"toggle\" on-tap=\"toggleView\"\n          ><iron-icon icon=\"[[_viewIcon]]\"></iron-icon\n          >[[viewLabel]]</paper-button\n        >\n      </div>\n    "]);_templateObject_371c94d0555211e98f439769bd191e33=function(){return data};return data}var HAXCMSOutlineEditorDialog=function(_PolymerElement){babelHelpers.inherits(HAXCMSOutlineEditorDialog,_PolymerElement);function HAXCMSOutlineEditorDialog(){babelHelpers.classCallCheck(this,HAXCMSOutlineEditorDialog);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSOutlineEditorDialog).apply(this,arguments))}babelHelpers.createClass(HAXCMSOutlineEditorDialog,[{key:"_manifestItemsChanged",value:function _manifestItemsChanged(newValue){if(newValue){window.JSONOutlineSchema.requestAvailability().items=newValue;this.manifestItemsStatic=JSON.stringify(newValue,null,2)}}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSOutlineEditorDialog.prototype),"ready",this).call(this);(0,_renderStatus.afterNextRender)(this,function(){var _this=this;this.$.editor.addEventListener("current-data-changed",function(e){if(e.detail.value){_this.set("manifestItems",e.detail.value);_this.$.outline.importJsonOutlineSchemaItems()}})})}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSOutlineEditorDialog.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){setTimeout(function(){_this2.manifestItems=Object.assign([],(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest.items));_this2.__disposer.push(reaction)},500)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this3=this;for(var i in this.__disposer){this.__disposer[i].dispose()}this.$.editor.removeEventListener("current-data-changed",function(e){if(e.detail.value){_this3.set("manifestItems",e.detail.value);_this3.$.outline.importJsonOutlineSchemaItems()}});babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSOutlineEditorDialog.prototype),"disconnectedCallback",this).call(this)}},{key:"toggleView",value:function toggleView(){this.viewMode=!this.viewMode}},{key:"_getViewLabel",value:function _getViewLabel(mode){if(mode){this._viewIcon="icons:view-list";return"Outline mode"}else{this._viewIcon="icons:code";return"Developer mode"}}},{key:"_viewModeChanged",value:function _viewModeChanged(newValue){if(!newValue){this.$.outline.importJsonOutlineSchemaItems()}else{var items=this.$.outline.exportJsonOutlineSchemaItems(!0);this.set("manifestItems",items)}}},{key:"_saveTap",value:function _saveTap(){this.dispatchEvent(new CustomEvent("haxcms-save-outline",{bubbles:!0,composed:!0,cancelable:!1,detail:this.$.outline.exportJsonOutlineSchemaItems(!0)}))}}],[{key:"tag",get:function get(){return"haxcms-outline-editor-dialog"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_371c94d0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{opened:{type:Boolean,notify:!0},manifestItems:{type:Array,observer:"_manifestItemsChanged"},manifestItemsStatic:{type:String},viewLabel:{type:String,computed:"_getViewLabel(viewMode)"},viewMode:{type:Boolean,value:!1,observer:"_viewModeChanged"}}}}]);return HAXCMSOutlineEditorDialog}(_polymerElement.PolymerElement);_exports.HAXCMSOutlineEditorDialog=HAXCMSOutlineEditorDialog;window.customElements.define(HAXCMSOutlineEditorDialog.tag,HAXCMSOutlineEditorDialog)});
\ No newline at end of file
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 42c5de25138..2da84fe4daa 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
@@ -1 +1 @@
-define(["exports","meta","require","../../../../@polymer/polymer/polymer-element.js","../../../../@polymer/polymer/lib/utils/settings.js","../../../../@polymer/polymer/lib/mixins/element-mixin.js","../../../../@polymer/polymer/lib/utils/render-status.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/polymer/lib/utils/resolve-url.js","../../../../@polymer/polymer/lib/utils/async.js","../../../hax-body/lib/haxutils.js","../../../../mobx/lib/mobx.module.js","./haxcms-site-store.js","../../../json-outline-schema/json-outline-schema.js","../../../simple-toast/simple-toast.js","../../../simple-modal/simple-modal.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-progress/paper-progress.js","./haxcms-site-router.js","./haxcms-editor-builder.js"],function(_exports,meta,_require,_polymerElement,_settings,_elementMixin,_renderStatus,_polymerDom,_resolveUrl,_async,_haxutils,_mobxModule,_haxcmsSiteStore){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSSiteBuilder=void 0;meta=babelHelpers.interopRequireWildcard(meta);_require=babelHelpers.interopRequireWildcard(_require);function _templateObject_a7c798a054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        :host #slot {\n          transition: all 0.2s ease-in-out;\n          background-color: var(--haxcms-color, white);\n          opacity: 0.2;\n          visibility: hidden;\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      </style>\n      <haxcms-site-router base-uri=\"[[baseURI]]\"></haxcms-site-router>\n      <paper-progress hidden$=\"[[!loading]]\" indeterminate></paper-progress>\n      <iron-ajax\n        id=\"manifest\"\n        url=\"[[outlineLocation]][[file]][[__timeStamp]]\"\n        handle-as=\"json\"\n        debounce-duration=\"250\"\n        last-response=\"{{manifest}}\"\n      ></iron-ajax>\n      <iron-ajax\n        id=\"activecontent\"\n        url=\"[[outlineLocation]][[activeItem.location]][[__timeStamp]]\"\n        handle-as=\"text\"\n        loading=\"{{loading}}\"\n        debounce-duration=\"250\"\n        last-response=\"{{activeItemContent}}\"\n      ></iron-ajax>\n      <div id=\"slot\"><slot></slot></div>\n    "],["\n      <style>\n        :host {\n          display: block;\n        }\n        :host #slot {\n          transition: all 0.2s ease-in-out;\n          background-color: var(--haxcms-color, white);\n          opacity: 0.2;\n          visibility: hidden;\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      </style>\n      <haxcms-site-router base-uri=\"[[baseURI]]\"></haxcms-site-router>\n      <paper-progress hidden\\$=\"[[!loading]]\" indeterminate></paper-progress>\n      <iron-ajax\n        id=\"manifest\"\n        url=\"[[outlineLocation]][[file]][[__timeStamp]]\"\n        handle-as=\"json\"\n        debounce-duration=\"250\"\n        last-response=\"{{manifest}}\"\n      ></iron-ajax>\n      <iron-ajax\n        id=\"activecontent\"\n        url=\"[[outlineLocation]][[activeItem.location]][[__timeStamp]]\"\n        handle-as=\"text\"\n        loading=\"{{loading}}\"\n        debounce-duration=\"250\"\n        last-response=\"{{activeItemContent}}\"\n      ></iron-ajax>\n      <div id=\"slot\"><slot></slot></div>\n    "]);_templateObject_a7c798a054f411e9aeb367f92c5b63ab=function(){return data};return data}var HAXCMSSiteBuilder=function(_PolymerElement){var _Mathfloor=Math.floor;babelHelpers.inherits(HAXCMSSiteBuilder,_PolymerElement);babelHelpers.createClass(HAXCMSSiteBuilder,null,[{key:"tag",get:function get(){return"haxcms-site-builder"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a7c798a054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{queryParams:{type:Object},loading:{type:Boolean,value:!1,reflectToAttribute:!0},outlineLocation:{type:String,notify:!0,reflectToAttribute:!0},manifest:{type:Object,notify:!0,observer:"_manifestChanged"},themeData:{type:Object,observer:"_themeChanged"},themeElement:{type:Object},__imported:{type:Object,value:{}},themeLoaded:{type:Boolean,reflectToAttribute:!0,value:!1},activeItem:{type:Object,notify:!0,observer:"_activeItemChanged"},activeItemContent:{type:String,notify:!0,observer:"_activeItemContentChanged"},file:{type:String,observer:"_fileChanged"},baseURI:{type:String}}}}]);function HAXCMSSiteBuilder(){var _this;babelHelpers.classCallCheck(this,HAXCMSSiteBuilder);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSSiteBuilder).call(this));if(document.getElementById("haxcmsoutdatedfallback")){document.body.removeChild(document.getElementById("haxcmsoutdatedfallback"))}_this.__timeStamp="";(0,_settings.setPassiveTouchGestures)(!0);window.JSONOutlineSchema.requestAvailability();(0,_renderStatus.afterNextRender)(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)),function(){window.addEventListener("haxcms-trigger-update",this._triggerUpdatedData.bind(this));window.addEventListener("haxcms-trigger-update-node",this._triggerUpdatedNode.bind(this));window.SimpleToast.requestAvailability()});return _this}babelHelpers.createClass(HAXCMSSiteBuilder,[{key:"ready",value:function ready(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteBuilder.prototype),"ready",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){_this2.themeData=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.themeData);_this2.__disposer.push(reaction)})}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteBuilder.prototype),"connectedCallback",this).call(this);(0,_renderStatus.afterNextRender)(this,function(){var _this3=this;window.SimpleModal.requestAvailability();this.editorBuilder=document.createElement("haxcms-editor-builder");document.body.appendChild(this.editorBuilder);if("published"!==this.editorBuilder.getContext()){this.__timeStamp="?"+_Mathfloor(Date.now()/1e3)}(0,_mobxModule.autorun)(function(reaction){_this3.activeItem=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeItem);_this3.__disposer.push(reaction)})})}},{key:"disconnectedCallback",value:function disconnectedCallback(){window.removeEventListener("haxcms-trigger-update",this._triggerUpdatedData.bind(this));window.removeEventListener("haxcms-trigger-update-node",this._triggerUpdatedNode.bind(this));for(var i in this.__disposer){this.__disposer[i].dispose()}babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteBuilder.prototype),"disconnectedCallback",this).call(this)}},{key:"_activeItemContentChanged",value:function _activeItemContentChanged(newValue){var _this4=this;if(newValue){var html=newValue;if(null!==html){(0,_haxutils.wipeSlot)(this.themeElement,"*");html=(0,_haxutils.encapScript)(newValue);_haxcmsSiteStore.store.activeItemContent=html;_async.microTask.run(function(){setTimeout(function(){var frag=document.createRange().createContextualFragment(html);(0,_polymerDom.dom)(_this4.themeElement).appendChild(frag);_this4.dispatchEvent(new CustomEvent("json-outline-schema-active-body-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:html}));if(!window.HaxStore||!window.HaxStore.ready){setTimeout(function(){if(window.cmsSiteEditor.instance&&window.cmsSiteEditor.haxCmsSiteEditorUIElement){window.HaxStore.instance.activeHaxBody.importContent(html)}},2e3)}},5)});if(this.manifest.metadata.dynamicElementLoader){var i;(function(){var tagsFound=(0,_haxutils.findTagsInHTML)(html),basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),_loop=function(){var tagName=tagsFound[i];if(_this4.manifest.metadata.dynamicElementLoader[tagName]&&!window.customElements.get(tagName)){new Promise(function(res,rej){return _require.default(["".concat(basePath,"../../../../").concat(_this4.manifest.metadata.dynamicElementLoader[tagName])],res,rej)}).then(function(){}).catch(function(error){console.log(error)})}};for(i in tagsFound){_loop()}})()}}}}},{key:"_activeItemChanged",value:function _activeItemChanged(newValue,oldValue){if(newValue&&babelHelpers.typeof(newValue.id)!=="undefined"){this.set("queryParams.nodeId",newValue.id);this.notifyPath("queryParams.nodeId");if("published"!==this.editorBuilder.getContext()){this.__timeStamp="?"+_Mathfloor(Date.now()/1e3)}this.$.activecontent.generateRequest()}else if(oldValue&&!newValue){this.dispatchEvent(new CustomEvent("json-outline-schema-active-body-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:null}))}}},{key:"_triggerUpdatedData",value:function _triggerUpdatedData(){if("published"!==this.editorBuilder.getContext()){this.__timeStamp="?"+_Mathfloor(Date.now()/1e3)}this.$.manifest.generateRequest()}},{key:"_triggerUpdatedNode",value:function _triggerUpdatedNode(){if("published"!==this.editorBuilder.getContext()){this.__timeStamp="?"+_Mathfloor(Date.now()/1e3)}if(this.activeItem.location){this.$.activecontent.generateRequest()}}},{key:"_fileChanged",value:function _fileChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this.$.manifest.generateRequest()}}},{key:"_manifestChanged",value:function _manifestChanged(newValue){if(newValue&&newValue.metadata&&newValue.items){if(!newValue.metadata.dynamicElementLoader){newValue.metadata.dynamicElementLoader={"a11y-gif-player":"@lrnwebcomponents/a11y-gif-player/a11y-gif-player.js","citation-element":"@lrnwebcomponents/citation-element/citation-element.js","hero-banner":"@lrnwebcomponents/hero-banner/hero-banner.js","image-compare-slider":"@lrnwebcomponents/image-compare-slider/image-compare-slider.js","license-element":"@lrnwebcomponents/license-element/license-element.js","lrn-aside":"@lrnwebcomponents/lrn-aside/lrn-aside.js","lrn-calendar":"@lrnwebcomponents/lrn-calendar/lrn-calendar.js","lrn-math":"@lrnwebcomponents/lrn-math/lrn-math.js","lrn-table":"@lrnwebcomponents/lrn-table/lrn-table.js","lrn-vocab":"@lrnwebcomponents/lrn-vocab/lrn-vocab.js","lrndesign-blockquote":"@lrnwebcomponents/lrndesign-blockquote/lrndesign-blockquote.js","magazine-cover":"@lrnwebcomponents/magazine-cover/magazine-cover.js","media-behaviors":"@lrnwebcomponents/media-behaviors/media-behaviors.js","media-image":"@lrnwebcomponents/media-image/media-image.js","meme-maker":"@lrnwebcomponents/meme-maker/meme-maker.js","multiple-choice":"@lrnwebcomponents/multiple-choice/multiple-choice.js","paper-audio-player":"@lrnwebcomponents/paper-audio-player/paper-audio-player.js","person-testimonial":"@lrnwebcomponents/person-testimonial/person-testimonial.js","place-holder":"@lrnwebcomponents/place-holder/place-holder.js","q-r":"@lrnwebcomponents/q-r/q-r.js","full-width-image":"@lrnwebcomponents/full-width-image/full-width-image.js","self-check":"@lrnwebcomponents/self-check/self-check.js","simple-concept-network":"@lrnwebcomponents/simple-concept-network/simple-concept-network.js","stop-note":"@lrnwebcomponents/stop-note/stop-note.js","tab-list":"@lrnwebcomponents/tab-list/tab-list.js","task-list":"@lrnwebcomponents/task-list/task-list.js","video-player":"@lrnwebcomponents/video-player/video-player.js","wave-player":"@lrnwebcomponents/wave-player/wave-player.js","wikipedia-query":"@lrnwebcomponents/wikipedia-query/wikipedia-query.js"}}_haxcmsSiteStore.store.manifest=newValue;this.dispatchEvent(new CustomEvent("json-outline-schema-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:newValue}))}}},{key:"_themeChanged",value:function _themeChanged(newValue,oldValue){var _this5=this;if(newValue&&oldValue){if(window.cmsSiteEditor&&window.cmsSiteEditor.instance&&babelHelpers.typeof(window.cmsSiteEditor.instance.haxCmsSiteEditorElement)!=="undefined"){window.cmsSiteEditor.instance.appendChild(window.cmsSiteEditor.instance.haxCmsSiteEditorElement)}}if(newValue){this.themeLoaded=!1;var theme=newValue;(0,_haxutils.wipeSlot)(this,"*");this.themeElement=document.createElement(theme.element);if(babelHelpers.typeof(this.__imported[theme.element])!=="undefined"){(0,_polymerDom.dom)(this).appendChild(this.themeElement);this.themeLoaded=!0}else{try{new Promise(function(res,rej){return _require.default([(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url))+"../../../../"+newValue.path],res,rej)}).then(function(){(0,_polymerDom.dom)(_this5).appendChild(_this5.themeElement);_this5.__imported[theme.element]=theme.element;_this5.themeLoaded=!0})}catch(err){(0,_polymerDom.dom)(this).appendChild(this.themeElement);this.themeLoaded=!0}}setTimeout(function(){(0,_elementMixin.updateStyles)()},500)}}}]);return HAXCMSSiteBuilder}(_polymerElement.PolymerElement);_exports.HAXCMSSiteBuilder=HAXCMSSiteBuilder;window.customElements.define(HAXCMSSiteBuilder.tag,HAXCMSSiteBuilder)});
\ No newline at end of file
+define(["exports","meta","require","../../../../@polymer/polymer/polymer-element.js","../../../../@polymer/polymer/lib/utils/settings.js","../../../../@polymer/polymer/lib/mixins/element-mixin.js","../../../../@polymer/polymer/lib/utils/render-status.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/polymer/lib/utils/resolve-url.js","../../../../@polymer/polymer/lib/utils/async.js","../../../hax-body/lib/haxutils.js","../../../../mobx/lib/mobx.module.js","./haxcms-site-store.js","../../../json-outline-schema/json-outline-schema.js","../../../simple-toast/simple-toast.js","../../../simple-modal/simple-modal.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-progress/paper-progress.js","./haxcms-site-router.js","./haxcms-editor-builder.js"],function(_exports,meta,_require,_polymerElement,_settings,_elementMixin,_renderStatus,_polymerDom,_resolveUrl,_async,_haxutils,_mobxModule,_haxcmsSiteStore){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSSiteBuilder=void 0;meta=babelHelpers.interopRequireWildcard(meta);_require=babelHelpers.interopRequireWildcard(_require);function _templateObject_37507610555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        :host #slot {\n          transition: all 0.2s ease-in-out;\n          background-color: var(--haxcms-color, white);\n          opacity: 0.2;\n          visibility: hidden;\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      </style>\n      <haxcms-site-router base-uri=\"[[baseURI]]\"></haxcms-site-router>\n      <paper-progress hidden$=\"[[!loading]]\" indeterminate></paper-progress>\n      <iron-ajax\n        id=\"manifest\"\n        url=\"[[outlineLocation]][[file]][[__timeStamp]]\"\n        handle-as=\"json\"\n        debounce-duration=\"250\"\n        last-response=\"{{manifest}}\"\n      ></iron-ajax>\n      <iron-ajax\n        id=\"activecontent\"\n        url=\"[[outlineLocation]][[activeItem.location]][[__timeStamp]]\"\n        handle-as=\"text\"\n        loading=\"{{loading}}\"\n        debounce-duration=\"250\"\n        last-response=\"{{activeItemContent}}\"\n      ></iron-ajax>\n      <div id=\"slot\"><slot></slot></div>\n    "],["\n      <style>\n        :host {\n          display: block;\n        }\n        :host #slot {\n          transition: all 0.2s ease-in-out;\n          background-color: var(--haxcms-color, white);\n          opacity: 0.2;\n          visibility: hidden;\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      </style>\n      <haxcms-site-router base-uri=\"[[baseURI]]\"></haxcms-site-router>\n      <paper-progress hidden\\$=\"[[!loading]]\" indeterminate></paper-progress>\n      <iron-ajax\n        id=\"manifest\"\n        url=\"[[outlineLocation]][[file]][[__timeStamp]]\"\n        handle-as=\"json\"\n        debounce-duration=\"250\"\n        last-response=\"{{manifest}}\"\n      ></iron-ajax>\n      <iron-ajax\n        id=\"activecontent\"\n        url=\"[[outlineLocation]][[activeItem.location]][[__timeStamp]]\"\n        handle-as=\"text\"\n        loading=\"{{loading}}\"\n        debounce-duration=\"250\"\n        last-response=\"{{activeItemContent}}\"\n      ></iron-ajax>\n      <div id=\"slot\"><slot></slot></div>\n    "]);_templateObject_37507610555211e98f439769bd191e33=function(){return data};return data}var HAXCMSSiteBuilder=function(_PolymerElement){var _Mathfloor=Math.floor;babelHelpers.inherits(HAXCMSSiteBuilder,_PolymerElement);babelHelpers.createClass(HAXCMSSiteBuilder,null,[{key:"tag",get:function get(){return"haxcms-site-builder"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_37507610555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{queryParams:{type:Object},loading:{type:Boolean,value:!1,reflectToAttribute:!0},outlineLocation:{type:String,notify:!0,reflectToAttribute:!0},manifest:{type:Object,notify:!0,observer:"_manifestChanged"},themeData:{type:Object,observer:"_themeChanged"},themeElement:{type:Object},__imported:{type:Object,value:{}},themeLoaded:{type:Boolean,reflectToAttribute:!0,value:!1},activeItem:{type:Object,notify:!0,observer:"_activeItemChanged"},activeItemContent:{type:String,notify:!0,observer:"_activeItemContentChanged"},file:{type:String,observer:"_fileChanged"},baseURI:{type:String}}}}]);function HAXCMSSiteBuilder(){var _this;babelHelpers.classCallCheck(this,HAXCMSSiteBuilder);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSSiteBuilder).call(this));if(document.getElementById("haxcmsoutdatedfallback")){document.body.removeChild(document.getElementById("haxcmsoutdatedfallback"))}_this.__timeStamp="";(0,_settings.setPassiveTouchGestures)(!0);window.JSONOutlineSchema.requestAvailability();(0,_renderStatus.afterNextRender)(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)),function(){window.addEventListener("haxcms-trigger-update",this._triggerUpdatedData.bind(this));window.addEventListener("haxcms-trigger-update-node",this._triggerUpdatedNode.bind(this));window.SimpleToast.requestAvailability()});return _this}babelHelpers.createClass(HAXCMSSiteBuilder,[{key:"ready",value:function ready(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteBuilder.prototype),"ready",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){_this2.themeData=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.themeData);_this2.__disposer.push(reaction)})}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteBuilder.prototype),"connectedCallback",this).call(this);(0,_renderStatus.afterNextRender)(this,function(){var _this3=this;window.SimpleModal.requestAvailability();this.editorBuilder=document.createElement("haxcms-editor-builder");document.body.appendChild(this.editorBuilder);if("published"!==this.editorBuilder.getContext()){this.__timeStamp="?"+_Mathfloor(Date.now()/1e3)}(0,_mobxModule.autorun)(function(reaction){_this3.activeItem=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeItem);_this3.__disposer.push(reaction)})})}},{key:"disconnectedCallback",value:function disconnectedCallback(){window.removeEventListener("haxcms-trigger-update",this._triggerUpdatedData.bind(this));window.removeEventListener("haxcms-trigger-update-node",this._triggerUpdatedNode.bind(this));for(var i in this.__disposer){this.__disposer[i].dispose()}babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteBuilder.prototype),"disconnectedCallback",this).call(this)}},{key:"_activeItemContentChanged",value:function _activeItemContentChanged(newValue){var _this4=this;if(newValue){var html=newValue;if(null!==html){(0,_haxutils.wipeSlot)(this.themeElement,"*");html=(0,_haxutils.encapScript)(newValue);_haxcmsSiteStore.store.activeItemContent=html;_async.microTask.run(function(){setTimeout(function(){var frag=document.createRange().createContextualFragment(html);(0,_polymerDom.dom)(_this4.themeElement).appendChild(frag);_this4.dispatchEvent(new CustomEvent("json-outline-schema-active-body-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:html}));if(!window.HaxStore||!window.HaxStore.ready){setTimeout(function(){if(window.cmsSiteEditor.instance&&window.cmsSiteEditor.haxCmsSiteEditorUIElement){window.HaxStore.instance.activeHaxBody.importContent(html)}},2e3)}},5)});if(this.manifest.metadata.dynamicElementLoader){var i;(function(){var tagsFound=(0,_haxutils.findTagsInHTML)(html),basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),_loop=function(){var tagName=tagsFound[i];if(_this4.manifest.metadata.dynamicElementLoader[tagName]&&!window.customElements.get(tagName)){new Promise(function(res,rej){return _require.default(["".concat(basePath,"../../../../").concat(_this4.manifest.metadata.dynamicElementLoader[tagName])],res,rej)}).then(function(){}).catch(function(error){console.log(error)})}};for(i in tagsFound){_loop()}})()}}}}},{key:"_activeItemChanged",value:function _activeItemChanged(newValue,oldValue){if(newValue&&babelHelpers.typeof(newValue.id)!=="undefined"){this.set("queryParams.nodeId",newValue.id);this.notifyPath("queryParams.nodeId");if("published"!==this.editorBuilder.getContext()){this.__timeStamp="?"+_Mathfloor(Date.now()/1e3)}this.$.activecontent.generateRequest()}else if(oldValue&&!newValue){this.dispatchEvent(new CustomEvent("json-outline-schema-active-body-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:null}))}}},{key:"_triggerUpdatedData",value:function _triggerUpdatedData(){if("published"!==this.editorBuilder.getContext()){this.__timeStamp="?"+_Mathfloor(Date.now()/1e3)}this.$.manifest.generateRequest()}},{key:"_triggerUpdatedNode",value:function _triggerUpdatedNode(){if("published"!==this.editorBuilder.getContext()){this.__timeStamp="?"+_Mathfloor(Date.now()/1e3)}if(this.activeItem.location){this.$.activecontent.generateRequest()}}},{key:"_fileChanged",value:function _fileChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this.$.manifest.generateRequest()}}},{key:"_manifestChanged",value:function _manifestChanged(newValue){if(newValue&&newValue.metadata&&newValue.items){if(!newValue.metadata.dynamicElementLoader){newValue.metadata.dynamicElementLoader={"a11y-gif-player":"@lrnwebcomponents/a11y-gif-player/a11y-gif-player.js","citation-element":"@lrnwebcomponents/citation-element/citation-element.js","hero-banner":"@lrnwebcomponents/hero-banner/hero-banner.js","image-compare-slider":"@lrnwebcomponents/image-compare-slider/image-compare-slider.js","license-element":"@lrnwebcomponents/license-element/license-element.js","lrn-aside":"@lrnwebcomponents/lrn-aside/lrn-aside.js","lrn-calendar":"@lrnwebcomponents/lrn-calendar/lrn-calendar.js","lrn-math":"@lrnwebcomponents/lrn-math/lrn-math.js","lrn-table":"@lrnwebcomponents/lrn-table/lrn-table.js","lrn-vocab":"@lrnwebcomponents/lrn-vocab/lrn-vocab.js","lrndesign-blockquote":"@lrnwebcomponents/lrndesign-blockquote/lrndesign-blockquote.js","magazine-cover":"@lrnwebcomponents/magazine-cover/magazine-cover.js","media-behaviors":"@lrnwebcomponents/media-behaviors/media-behaviors.js","media-image":"@lrnwebcomponents/media-image/media-image.js","meme-maker":"@lrnwebcomponents/meme-maker/meme-maker.js","multiple-choice":"@lrnwebcomponents/multiple-choice/multiple-choice.js","paper-audio-player":"@lrnwebcomponents/paper-audio-player/paper-audio-player.js","person-testimonial":"@lrnwebcomponents/person-testimonial/person-testimonial.js","place-holder":"@lrnwebcomponents/place-holder/place-holder.js","q-r":"@lrnwebcomponents/q-r/q-r.js","full-width-image":"@lrnwebcomponents/full-width-image/full-width-image.js","self-check":"@lrnwebcomponents/self-check/self-check.js","simple-concept-network":"@lrnwebcomponents/simple-concept-network/simple-concept-network.js","stop-note":"@lrnwebcomponents/stop-note/stop-note.js","tab-list":"@lrnwebcomponents/tab-list/tab-list.js","task-list":"@lrnwebcomponents/task-list/task-list.js","video-player":"@lrnwebcomponents/video-player/video-player.js","wave-player":"@lrnwebcomponents/wave-player/wave-player.js","wikipedia-query":"@lrnwebcomponents/wikipedia-query/wikipedia-query.js"}}_haxcmsSiteStore.store.manifest=newValue;this.dispatchEvent(new CustomEvent("json-outline-schema-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:newValue}))}}},{key:"_themeChanged",value:function _themeChanged(newValue,oldValue){var _this5=this;if(newValue&&oldValue){if(window.cmsSiteEditor&&window.cmsSiteEditor.instance&&babelHelpers.typeof(window.cmsSiteEditor.instance.haxCmsSiteEditorElement)!=="undefined"){window.cmsSiteEditor.instance.appendChild(window.cmsSiteEditor.instance.haxCmsSiteEditorElement)}}if(newValue){this.themeLoaded=!1;var theme=newValue;(0,_haxutils.wipeSlot)(this,"*");this.themeElement=document.createElement(theme.element);if(babelHelpers.typeof(this.__imported[theme.element])!=="undefined"){(0,_polymerDom.dom)(this).appendChild(this.themeElement);this.themeLoaded=!0}else{try{new Promise(function(res,rej){return _require.default([(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url))+"../../../../"+newValue.path],res,rej)}).then(function(){(0,_polymerDom.dom)(_this5).appendChild(_this5.themeElement);_this5.__imported[theme.element]=theme.element;_this5.themeLoaded=!0})}catch(err){(0,_polymerDom.dom)(this).appendChild(this.themeElement);this.themeLoaded=!0}}setTimeout(function(){(0,_elementMixin.updateStyles)()},500)}}}]);return HAXCMSSiteBuilder}(_polymerElement.PolymerElement);_exports.HAXCMSSiteBuilder=HAXCMSSiteBuilder;window.customElements.define(HAXCMSSiteBuilder.tag,HAXCMSSiteBuilder)});
\ No newline at end of file
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 316a9a8ed81..96fc3079111 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
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js","./haxcms-site-store.js","../../../../mobx/lib/mobx.module.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/polymer/lib/utils/render-status.js","../../../../@polymer/iron-icons/editor-icons.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../../@polymer/paper-fab/paper-fab.js","../../../simple-modal/simple-modal.js","./haxcms-outline-editor-dialog.js","./haxcms-manifest-editor-dialog.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule,_polymerDom,_renderStatus){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSSiteEditorUI=void 0;function _templateObject_a7e8671054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          position: fixed;\n          right: 0;\n          bottom: 0;\n          opacity: 0.9;\n          transition: 0.6s all ease-in-out;\n          background-color: var(--haxcms-color, white);\n          padding: 0px 8px;\n          border-top-left-radius: 10px;\n          border-left: 2px solid black;\n          border-top: 2px solid black;\n          min-width: 154px;\n          width: 72px;\n          line-height: 54px;\n          height: 54px;\n          z-index: 10000;\n          visibility: visible;\n        }\n        :host([edit-mode]) {\n          min-width: 154px;\n        }\n        :host *[hidden] {\n          display: none;\n        }\n        paper-fab {\n          display: inline-flex;\n          width: 48px;\n          height: 48px;\n          vertical-align: middle;\n          line-height: 48px;\n          background-color: black;\n          color: var(--haxcms-color, white);\n          transition: 0.3s all ease-in-out;\n          padding: 8px;\n          margin: 0;\n          position: relative;\n          @apply --shadow-elevation-8dp;\n        }\n        :host([painting]) {\n          opacity: 0;\n          visibility: hidden;\n        }\n        paper-icon-button {\n          padding: 8px;\n          width: 48px;\n          min-width: 48px;\n          height: 48px;\n          border-radius: 50%;\n          margin: 3px 3px 0 3px;\n          background-color: black;\n          color: var(--haxcms-color, rgba(255, 0, 116, 1));\n          transition: 0.3s all ease-in-out;\n          @apply --shadow-elevation-8dp;\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: black;\n          color: white;\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          width: 60px;\n          z-index: 1001;\n          border-radius: 0;\n          margin: 0;\n          padding: 0;\n          color: white;\n          background-color: var(--paper-blue-500, blue) !important;\n          position: absolute;\n          height: 54px;\n        }\n        .wrapper {\n          width: 0px;\n          height: 54px;\n          line-height: 54px;\n          color: black;\n          display: inline-flex;\n          transition: 0.3s all ease-in-out;\n          overflow: hidden;\n          padding: 0;\n          margin: 0;\n          vertical-align: top;\n        }\n        :host([menu-mode]) .wrapper {\n          width: 250px;\n        }\n        @media screen and (max-width: 600px) {\n          :host([menu-mode]) .wrapper {\n            width: 200px;\n          }\n          .active-title {\n            display: none;\n          }\n        }\n        :host([menu-mode]) {\n          opacity: 1;\n          width: unset;\n        }\n        :host([edit-mode][menu-mode]) #editbutton {\n          width: 100% !important;\n        }\n        :host(:hover),\n        :host(:active),\n        :host(:focus) {\n          opacity: 1;\n        }\n        .active-title {\n          font-size: 11px;\n          font-weight: bold;\n          width: 100px;\n          text-overflow: ellipsis;\n          overflow: hidden;\n          line-height: 54px;\n          padding: 0 8px;\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: {\n            border-radius: 0;\n          }\n        }\n      </style>\n      <paper-fab\n        id=\"menubutton\"\n        icon=\"icons:menu\"\n        on-tap=\"_menuButtonTap\"\n        title=\"Expand menu\"\n      ></paper-fab>\n      <paper-fab\n        id=\"cancelbutton\"\n        icon=\"icons:cancel\"\n        on-tap=\"_cancelButtonTap\"\n        hidden$=\"[[!editMode]]\"\n        title=\"Cancel editing\"\n      ></paper-fab>\n      <paper-fab\n        id=\"editbutton\"\n        icon=\"[[__editIcon]]\"\n        on-tap=\"_editButtonTap\"\n        title$=\"[[__editText]]\"\n      ></paper-fab>\n      <paper-fab\n        id=\"editdetails\"\n        icon=\"icons:fingerprint\"\n        on-tap=\"_editDetailsButtonTap\"\n        title=\"Edit page details\"\n      ></paper-fab>\n      <paper-fab\n        id=\"deletebutton\"\n        icon=\"icons:delete\"\n        on-tap=\"_deleteButtonTap\"\n        title=\"Delete current page\"\n      ></paper-fab>\n      <div class=\"wrapper\">\n        <div class=\"active-title\">[[activeTitle]]</div>\n        <paper-icon-button\n          id=\"addbutton\"\n          icon=\"icons:add\"\n          on-tap=\"_addButtonTap\"\n          title=\"Add new page\"\n        ></paper-icon-button>\n        <paper-icon-button\n          id=\"outlinebutton\"\n          icon=\"icons:list\"\n          on-tap=\"_outlineButtonTap\"\n          title=\"Edit site outline\"\n        ></paper-icon-button>\n        <paper-icon-button\n          id=\"manifestbutton\"\n          icon=\"icons:settings\"\n          on-tap=\"_manifestButtonTap\"\n          title=\"Edit site settings\"\n        ></paper-icon-button>\n      </div>\n      <paper-tooltip for=\"menubutton\" position=\"top\" offset=\"14\"\n        >Menu</paper-tooltip\n      >\n      <paper-tooltip for=\"cancelbutton\" position=\"top\" offset=\"14\"\n        >Cancel</paper-tooltip\n      >\n      <paper-tooltip for=\"editbutton\" position=\"top\" offset=\"14\"\n        >[[__editText]]</paper-tooltip\n      >\n      <paper-tooltip for=\"editdetails\" position=\"top\" offset=\"14\"\n        >Details</paper-tooltip\n      >\n      <paper-tooltip for=\"deletebutton\" position=\"top\" offset=\"14\"\n        >Delete</paper-tooltip\n      >\n      <paper-tooltip for=\"addbutton\" position=\"top\" offset=\"14\"\n        >Add</paper-tooltip\n      >\n      <paper-tooltip for=\"outlinebutton\" position=\"top\" offset=\"14\"\n        >Outline</paper-tooltip\n      >\n      <paper-tooltip for=\"manifestbutton\" position=\"top\" offset=\"14\"\n        >Site details</paper-tooltip\n      >\n    "]);_templateObject_a7e8671054f411e9aeb367f92c5b63ab=function(){return data};return data}var HAXCMSSiteEditorUI=function(_PolymerElement){babelHelpers.inherits(HAXCMSSiteEditorUI,_PolymerElement);function HAXCMSSiteEditorUI(){babelHelpers.classCallCheck(this,HAXCMSSiteEditorUI);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSSiteEditorUI).apply(this,arguments))}babelHelpers.createClass(HAXCMSSiteEditorUI,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteEditorUI.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_renderStatus.afterNextRender)(this,function(){var _this=this;(0,_mobxModule.autorun)(function(reaction){var activeItem=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeItem);if(activeItem&&activeItem.id){_this.activeTitle=activeItem.title;_this.pageAllowed=!0}else{_this.pageAllowed=!1}_this.__disposer.push(reaction)})})}},{key:"disconnectedCallback",value:function disconnectedCallback(){for(var i in this.__disposer){this.__disposer[i].dispose()}babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteEditorUI.prototype),"disconnectedCallback",this).call(this)}},{key:"_editButtonTap",value:function _editButtonTap(){this.editMode=!this.editMode;window.cmsSiteEditor.instance.haxCmsSiteEditorElement.editMode=this.editMode;if(!this.editMode){this.dispatchEvent(new CustomEvent("haxcms-save-node",{bubbles:!0,composed:!0,cancelable:!1,detail:_haxcmsSiteStore.store.activeItem}))}}},{key:"_editDetailsButtonTap",value:function _editDetailsButtonTap(e){var normalizedEvent=(0,_polymerDom.dom)(e),evt=new CustomEvent("haxcms-load-node-fields",{bubbles:!0,composed:!0,cancelable:!1,detail:normalizedEvent.localTarget});window.dispatchEvent(evt)}},{key:"_menuButtonTap",value:function _menuButtonTap(){this.menuMode=!this.menuMode}},{key:"_cancelButtonTap",value:function _cancelButtonTap(e){this.editMode=!1;window.cmsSiteEditor.instance.haxCmsSiteEditorElement.editMode=!1;this.dispatchEvent(new CustomEvent("hax-cancel",{bubbles:!0,composed:!0,cancelable:!1,detail:e.detail}))}},{key:"_addButtonTap",value:function _addButtonTap(){this.__newForm=document.createElement("eco-json-schema-object");var outline=window.JSONOutlineSchema.requestAvailability();this.__newForm.schema=outline.getItemSchema("item");delete this.__newForm.schema.properties.id;delete this.__newForm.schema.properties.description;delete this.__newForm.schema.properties.order;delete this.__newForm.schema.properties.parent;delete this.__newForm.schema.properties.metadata;delete this.__newForm.schema.properties.indent;this.__newForm.schema.properties.title.value="";var b1=document.createElement("paper-button");b1.raised=!0;var icon=document.createElement("iron-icon");icon.icon="icons:add";b1.appendChild(icon);b1.appendChild(document.createTextNode("Create page"));b1.style.color="white";b1.style.backgroundColor="#2196f3";b1.addEventListener("click",this._createNewItem.bind(this));var b2=document.createElement("paper-button");b2.appendChild(document.createTextNode("cancel"));b2.setAttribute("dialog-dismiss","dialog-dismiss");var b=document.createElement("span");b.appendChild(b1);b.appendChild(b2);var evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Add a new page",elements:{content:this.__newForm,buttons:b},invokedBy:this.$.addbutton,clone:!1}});window.dispatchEvent(evt)}},{key:"_createNewItem",value:function _createNewItem(){var evt=new CustomEvent("haxcms-create-node",{bubbles:!0,composed:!0,cancelable:!1,detail:{values:this.__newForm.value}});this.dispatchEvent(evt)}},{key:"_updateItem",value:function _updateItem(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,values;if(!local.__form){values=local.parentNode.__form.value}else{values=local.__form.value}window.dispatchEvent(new CustomEvent("haxcms-save-node-details",{bubbles:!0,composed:!0,cancelable:!0,detail:values}));window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}}))}},{key:"_deleteButtonTap",value:function _deleteButtonTap(){var c=document.createElement("span");c.innerHTML="\"".concat(_haxcmsSiteStore.store.activeItem.title,"\" will be removed from the outline but its content stays on the file system.");var b1=document.createElement("paper-button"),icon=document.createElement("iron-icon");icon.icon="icons:delete";b1.appendChild(icon);b1.raised=!0;b1.appendChild(document.createTextNode("Confirm"));b1.style.color="white";b1.style.backgroundColor="#ee0000";b1.addEventListener("tap",this._deleteActive.bind(this));var b2=document.createElement("paper-button");b2.appendChild(document.createTextNode("cancel"));b2.setAttribute("dialog-dismiss","dialog-dismiss");var b=document.createElement("span");b.appendChild(b1);b.appendChild(b2);var evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Are you sure you want to delete this page?",elements:{content:c,buttons:b},invokedBy:this.$.deletebutton,clone:!1}});window.dispatchEvent(evt)}},{key:"_deleteActive",value:function _deleteActive(){var evt=new CustomEvent("haxcms-delete-node",{bubbles:!0,composed:!0,cancelable:!1,detail:{item:_haxcmsSiteStore.store.activeItem}});this.dispatchEvent(evt)}},{key:"_outlineButtonTap",value:function _outlineButtonTap(){var evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Edit site outline",elements:{content:document.createElement("haxcms-outline-editor-dialog")},invokedBy:this.$.outlinebutton,clone:!1}});window.dispatchEvent(evt)}},{key:"_manifestButtonTap",value:function _manifestButtonTap(){if(!this.__manifestEditor){this.__manifestEditor=document.createElement("haxcms-manifest-editor-dialog")}var evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:_haxcmsSiteStore.store.routerManifest.title+": site details",elements:{content:this.__manifestEditor},invokedBy:this.$.manifestbutton,clone:!1}});window.dispatchEvent(evt)}},{key:"_editModeChanged",value:function _editModeChanged(newValue,oldValue){if(newValue){this.__editIcon="icons:save";this.__editText="Save"}else{this.__editIcon="editor:mode-edit";this.__editText="Edit"}if(babelHelpers.typeof(oldValue)!=="undefined"){this.dispatchEvent(new CustomEvent("haxcms-edit-mode-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:newValue}));window.HaxStore.write("editMode",newValue,this)}}},{key:"_outlineEditModeChanged",value:function _outlineEditModeChanged(newValue){this.dispatchEvent(new CustomEvent("haxcms-outline-edit-mode-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:newValue}))}},{key:"_manifestEditModeChanged",value:function _manifestEditModeChanged(newValue){this.dispatchEvent(new CustomEvent("haxcms-manifest-edit-mode-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:newValue}))}}],[{key:"tag",get:function get(){return"haxcms-site-editor-ui"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a7e8671054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{painting:{type:Boolean,value:!0,reflectToAttribute:!0},pageAllowed:{type:Boolean,value:!1,reflectToAttribute:!0},editMode:{type:Boolean,reflectToAttribute:!0,observer:"_editModeChanged",value:!1,notify:!0},menuMode:{type:Boolean,reflectToAttribute:!0,value:!0},manifestEditMode:{type:Boolean,reflectToAttribute:!0,observer:"_manifestEditModeChanged",value:!1,notify:!0},activeTitle:{type:String}}}}]);return HAXCMSSiteEditorUI}(_polymerElement.PolymerElement);_exports.HAXCMSSiteEditorUI=HAXCMSSiteEditorUI;window.customElements.define(HAXCMSSiteEditorUI.tag,HAXCMSSiteEditorUI)});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js","./haxcms-site-store.js","../../../../mobx/lib/mobx.module.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../@polymer/polymer/lib/utils/render-status.js","../../../../@polymer/iron-icons/editor-icons.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../../@polymer/paper-fab/paper-fab.js","../../../simple-modal/simple-modal.js","./haxcms-outline-editor-dialog.js","./haxcms-manifest-editor-dialog.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule,_polymerDom,_renderStatus){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSSiteEditorUI=void 0;function _templateObject_3761b420555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          position: fixed;\n          right: 0;\n          bottom: 0;\n          opacity: 0.9;\n          transition: 0.6s all ease-in-out;\n          background-color: var(--haxcms-color, white);\n          padding: 0px 8px;\n          border-top-left-radius: 10px;\n          border-left: 2px solid black;\n          border-top: 2px solid black;\n          min-width: 154px;\n          width: 72px;\n          line-height: 54px;\n          height: 54px;\n          z-index: 10000;\n          visibility: visible;\n        }\n        :host([edit-mode]) {\n          min-width: 154px;\n        }\n        :host *[hidden] {\n          display: none;\n        }\n        paper-fab {\n          display: inline-flex;\n          width: 48px;\n          height: 48px;\n          vertical-align: middle;\n          line-height: 48px;\n          background-color: black;\n          color: var(--haxcms-color, white);\n          transition: 0.3s all ease-in-out;\n          padding: 8px;\n          margin: 0;\n          position: relative;\n          @apply --shadow-elevation-8dp;\n        }\n        :host([painting]) {\n          opacity: 0;\n          visibility: hidden;\n        }\n        paper-icon-button {\n          padding: 8px;\n          width: 48px;\n          min-width: 48px;\n          height: 48px;\n          border-radius: 50%;\n          margin: 3px 3px 0 3px;\n          background-color: black;\n          color: var(--haxcms-color, rgba(255, 0, 116, 1));\n          transition: 0.3s all ease-in-out;\n          @apply --shadow-elevation-8dp;\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: black;\n          color: white;\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          width: 60px;\n          z-index: 1001;\n          border-radius: 0;\n          margin: 0;\n          padding: 0;\n          color: white;\n          background-color: var(--paper-blue-500, blue) !important;\n          position: absolute;\n          height: 54px;\n        }\n        .wrapper {\n          width: 0px;\n          height: 54px;\n          line-height: 54px;\n          color: black;\n          display: inline-flex;\n          transition: 0.3s all ease-in-out;\n          overflow: hidden;\n          padding: 0;\n          margin: 0;\n          vertical-align: top;\n        }\n        :host([menu-mode]) .wrapper {\n          width: 250px;\n        }\n        @media screen and (max-width: 600px) {\n          :host([menu-mode]) .wrapper {\n            width: 200px;\n          }\n          .active-title {\n            display: none;\n          }\n        }\n        :host([menu-mode]) {\n          opacity: 1;\n          width: unset;\n        }\n        :host([edit-mode][menu-mode]) #editbutton {\n          width: 100% !important;\n        }\n        :host(:hover),\n        :host(:active),\n        :host(:focus) {\n          opacity: 1;\n        }\n        .active-title {\n          font-size: 11px;\n          font-weight: bold;\n          width: 100px;\n          text-overflow: ellipsis;\n          overflow: hidden;\n          line-height: 54px;\n          padding: 0 8px;\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: {\n            border-radius: 0;\n          }\n        }\n      </style>\n      <paper-fab\n        id=\"menubutton\"\n        icon=\"icons:menu\"\n        on-tap=\"_menuButtonTap\"\n        title=\"Expand menu\"\n      ></paper-fab>\n      <paper-fab\n        id=\"cancelbutton\"\n        icon=\"icons:cancel\"\n        on-tap=\"_cancelButtonTap\"\n        hidden$=\"[[!editMode]]\"\n        title=\"Cancel editing\"\n      ></paper-fab>\n      <paper-fab\n        id=\"editbutton\"\n        icon=\"[[__editIcon]]\"\n        on-tap=\"_editButtonTap\"\n        title$=\"[[__editText]]\"\n      ></paper-fab>\n      <paper-fab\n        id=\"editdetails\"\n        icon=\"icons:fingerprint\"\n        on-tap=\"_editDetailsButtonTap\"\n        title=\"Edit page details\"\n      ></paper-fab>\n      <paper-fab\n        id=\"deletebutton\"\n        icon=\"icons:delete\"\n        on-tap=\"_deleteButtonTap\"\n        title=\"Delete current page\"\n      ></paper-fab>\n      <div class=\"wrapper\">\n        <div class=\"active-title\">[[activeTitle]]</div>\n        <paper-icon-button\n          id=\"addbutton\"\n          icon=\"icons:add\"\n          on-tap=\"_addButtonTap\"\n          title=\"Add new page\"\n        ></paper-icon-button>\n        <paper-icon-button\n          id=\"outlinebutton\"\n          icon=\"icons:list\"\n          on-tap=\"_outlineButtonTap\"\n          title=\"Edit site outline\"\n        ></paper-icon-button>\n        <paper-icon-button\n          id=\"manifestbutton\"\n          icon=\"icons:settings\"\n          on-tap=\"_manifestButtonTap\"\n          title=\"Edit site settings\"\n        ></paper-icon-button>\n      </div>\n      <paper-tooltip for=\"menubutton\" position=\"top\" offset=\"14\"\n        >Menu</paper-tooltip\n      >\n      <paper-tooltip for=\"cancelbutton\" position=\"top\" offset=\"14\"\n        >Cancel</paper-tooltip\n      >\n      <paper-tooltip for=\"editbutton\" position=\"top\" offset=\"14\"\n        >[[__editText]]</paper-tooltip\n      >\n      <paper-tooltip for=\"editdetails\" position=\"top\" offset=\"14\"\n        >Details</paper-tooltip\n      >\n      <paper-tooltip for=\"deletebutton\" position=\"top\" offset=\"14\"\n        >Delete</paper-tooltip\n      >\n      <paper-tooltip for=\"addbutton\" position=\"top\" offset=\"14\"\n        >Add</paper-tooltip\n      >\n      <paper-tooltip for=\"outlinebutton\" position=\"top\" offset=\"14\"\n        >Outline</paper-tooltip\n      >\n      <paper-tooltip for=\"manifestbutton\" position=\"top\" offset=\"14\"\n        >Site details</paper-tooltip\n      >\n    "]);_templateObject_3761b420555211e98f439769bd191e33=function(){return data};return data}var HAXCMSSiteEditorUI=function(_PolymerElement){babelHelpers.inherits(HAXCMSSiteEditorUI,_PolymerElement);function HAXCMSSiteEditorUI(){babelHelpers.classCallCheck(this,HAXCMSSiteEditorUI);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSSiteEditorUI).apply(this,arguments))}babelHelpers.createClass(HAXCMSSiteEditorUI,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteEditorUI.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_renderStatus.afterNextRender)(this,function(){var _this=this;(0,_mobxModule.autorun)(function(reaction){var activeItem=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeItem);if(activeItem&&activeItem.id){_this.activeTitle=activeItem.title;_this.pageAllowed=!0}else{_this.pageAllowed=!1}_this.__disposer.push(reaction)})})}},{key:"disconnectedCallback",value:function disconnectedCallback(){for(var i in this.__disposer){this.__disposer[i].dispose()}babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteEditorUI.prototype),"disconnectedCallback",this).call(this)}},{key:"_editButtonTap",value:function _editButtonTap(){this.editMode=!this.editMode;window.cmsSiteEditor.instance.haxCmsSiteEditorElement.editMode=this.editMode;if(!this.editMode){this.dispatchEvent(new CustomEvent("haxcms-save-node",{bubbles:!0,composed:!0,cancelable:!1,detail:_haxcmsSiteStore.store.activeItem}))}}},{key:"_editDetailsButtonTap",value:function _editDetailsButtonTap(e){var normalizedEvent=(0,_polymerDom.dom)(e),evt=new CustomEvent("haxcms-load-node-fields",{bubbles:!0,composed:!0,cancelable:!1,detail:normalizedEvent.localTarget});window.dispatchEvent(evt)}},{key:"_menuButtonTap",value:function _menuButtonTap(){this.menuMode=!this.menuMode}},{key:"_cancelButtonTap",value:function _cancelButtonTap(e){this.editMode=!1;window.cmsSiteEditor.instance.haxCmsSiteEditorElement.editMode=!1;this.dispatchEvent(new CustomEvent("hax-cancel",{bubbles:!0,composed:!0,cancelable:!1,detail:e.detail}))}},{key:"_addButtonTap",value:function _addButtonTap(){this.__newForm=document.createElement("eco-json-schema-object");var outline=window.JSONOutlineSchema.requestAvailability();this.__newForm.schema=outline.getItemSchema("item");delete this.__newForm.schema.properties.id;delete this.__newForm.schema.properties.description;delete this.__newForm.schema.properties.order;delete this.__newForm.schema.properties.parent;delete this.__newForm.schema.properties.metadata;delete this.__newForm.schema.properties.indent;this.__newForm.schema.properties.title.value="";var b1=document.createElement("paper-button");b1.raised=!0;var icon=document.createElement("iron-icon");icon.icon="icons:add";b1.appendChild(icon);b1.appendChild(document.createTextNode("Create page"));b1.style.color="white";b1.style.backgroundColor="#2196f3";b1.addEventListener("click",this._createNewItem.bind(this));var b2=document.createElement("paper-button");b2.appendChild(document.createTextNode("cancel"));b2.setAttribute("dialog-dismiss","dialog-dismiss");var b=document.createElement("span");b.appendChild(b1);b.appendChild(b2);var evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Add a new page",elements:{content:this.__newForm,buttons:b},invokedBy:this.$.addbutton,clone:!1}});window.dispatchEvent(evt)}},{key:"_createNewItem",value:function _createNewItem(){var evt=new CustomEvent("haxcms-create-node",{bubbles:!0,composed:!0,cancelable:!1,detail:{values:this.__newForm.value}});this.dispatchEvent(evt)}},{key:"_updateItem",value:function _updateItem(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,values;if(!local.__form){values=local.parentNode.__form.value}else{values=local.__form.value}window.dispatchEvent(new CustomEvent("haxcms-save-node-details",{bubbles:!0,composed:!0,cancelable:!0,detail:values}));window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}}))}},{key:"_deleteButtonTap",value:function _deleteButtonTap(){var c=document.createElement("span");c.innerHTML="\"".concat(_haxcmsSiteStore.store.activeItem.title,"\" will be removed from the outline but its content stays on the file system.");var b1=document.createElement("paper-button"),icon=document.createElement("iron-icon");icon.icon="icons:delete";b1.appendChild(icon);b1.raised=!0;b1.appendChild(document.createTextNode("Confirm"));b1.style.color="white";b1.style.backgroundColor="#ee0000";b1.addEventListener("tap",this._deleteActive.bind(this));var b2=document.createElement("paper-button");b2.appendChild(document.createTextNode("cancel"));b2.setAttribute("dialog-dismiss","dialog-dismiss");var b=document.createElement("span");b.appendChild(b1);b.appendChild(b2);var evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Are you sure you want to delete this page?",elements:{content:c,buttons:b},invokedBy:this.$.deletebutton,clone:!1}});window.dispatchEvent(evt)}},{key:"_deleteActive",value:function _deleteActive(){var evt=new CustomEvent("haxcms-delete-node",{bubbles:!0,composed:!0,cancelable:!1,detail:{item:_haxcmsSiteStore.store.activeItem}});this.dispatchEvent(evt)}},{key:"_outlineButtonTap",value:function _outlineButtonTap(){var evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Edit site outline",elements:{content:document.createElement("haxcms-outline-editor-dialog")},invokedBy:this.$.outlinebutton,clone:!1}});window.dispatchEvent(evt)}},{key:"_manifestButtonTap",value:function _manifestButtonTap(e){var normalizedEvent=(0,_polymerDom.dom)(e),evt=new CustomEvent("haxcms-load-site-fields",{bubbles:!0,composed:!0,cancelable:!1,detail:normalizedEvent.localTarget});window.dispatchEvent(evt)}},{key:"_editModeChanged",value:function _editModeChanged(newValue,oldValue){if(newValue){this.__editIcon="icons:save";this.__editText="Save"}else{this.__editIcon="editor:mode-edit";this.__editText="Edit"}if(babelHelpers.typeof(oldValue)!=="undefined"){this.dispatchEvent(new CustomEvent("haxcms-edit-mode-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:newValue}));window.HaxStore.write("editMode",newValue,this)}}},{key:"_outlineEditModeChanged",value:function _outlineEditModeChanged(newValue){this.dispatchEvent(new CustomEvent("haxcms-outline-edit-mode-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:newValue}))}},{key:"_manifestEditModeChanged",value:function _manifestEditModeChanged(newValue){this.dispatchEvent(new CustomEvent("haxcms-manifest-edit-mode-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:newValue}))}}],[{key:"tag",get:function get(){return"haxcms-site-editor-ui"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_3761b420555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{painting:{type:Boolean,value:!0,reflectToAttribute:!0},pageAllowed:{type:Boolean,value:!1,reflectToAttribute:!0},editMode:{type:Boolean,reflectToAttribute:!0,observer:"_editModeChanged",value:!1,notify:!0},menuMode:{type:Boolean,reflectToAttribute:!0,value:!0},manifestEditMode:{type:Boolean,reflectToAttribute:!0,observer:"_manifestEditModeChanged",value:!1,notify:!0},activeTitle:{type:String}}}}]);return HAXCMSSiteEditorUI}(_polymerElement.PolymerElement);_exports.HAXCMSSiteEditorUI=HAXCMSSiteEditorUI;window.customElements.define(HAXCMSSiteEditorUI.tag,HAXCMSSiteEditorUI)});
\ No newline at end of file
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 26f7dbf54f9..c5476cd0a9e 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
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js","../../../../@polymer/polymer/lib/utils/async.js","./haxcms-site-store.js","../../../../mobx/lib/mobx.module.js","../../../../@polymer/polymer/lib/utils/render-status.js","../../../hax-body-behaviors/lib/HAXWiring.js","../../../../@polymer/paper-fab/paper-fab.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-icons/editor-icons.js","../../../jwt-login/jwt-login.js","../../../h-a-x/h-a-x.js","../../../simple-toast/simple-toast.js","../../../simple-modal/simple-modal.js","../../../hax-body/lib/hax-schema-form.js"],function(_exports,_polymerElement,_async,_haxcmsSiteStore,_mobxModule,_renderStatus,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSSiteEditor=void 0;function _templateObject_a810fdb054f411e9aeb367f92c5b63ab(){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          padding: 80px 40px;\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 [[jwt]]\"}'\n        id=\"nodeupdateajax\"\n        url=\"[[saveNodePath]]\"\n        method=\"[[method]]\"\n        body=\"[[updateNodeData]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleNodeResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        id=\"outlineupdateajax\"\n        url=\"[[saveOutlinePath]]\"\n        method=\"[[method]]\"\n        body=\"[[updateOutlineData]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleOutlineResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        id=\"getfieldsajax\"\n        url=\"[[getNodeFieldsPath]]\"\n        method=\"[[method]]\"\n        body=\"[[getFieldsData]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleGetFieldsResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        id=\"manifestupdateajax\"\n        url=\"[[saveManifestPath]]\"\n        method=\"[[method]]\"\n        body=\"[[updateManifestData]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleManifestResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        id=\"publishajax\"\n        loading=\"{{publishing}}\"\n        url=\"[[publishSitePath]]\"\n        method=\"[[method]]\"\n        body=\"[[publishSiteData]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handlePublishResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        id=\"createajax\"\n        url=\"[[createNodePath]]\"\n        method=\"[[method]]\"\n        body=\"[[createData]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleCreateResponse\"\n        last-response=\"{{__createNodeResponse}}\"\n      ></iron-ajax>\n      <iron-ajax\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        id=\"deleteajax\"\n        url=\"[[deleteNodePath]]\"\n        method=\"[[method]]\"\n        body=\"[[deleteData]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleDeleteResponse\"\n        last-response=\"{{__deleteNodeResponse}}\"\n      ></iron-ajax>\n      <h-a-x app-store$=\"[[appStore]]\"></h-a-x>\n    "]);_templateObject_a810fdb054f411e9aeb367f92c5b63ab=function(){return data};return data}var HAXCMSSiteEditor=function(_PolymerElement){babelHelpers.inherits(HAXCMSSiteEditor,_PolymerElement);function HAXCMSSiteEditor(){babelHelpers.classCallCheck(this,HAXCMSSiteEditor);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSSiteEditor).apply(this,arguments))}babelHelpers.createClass(HAXCMSSiteEditor,[{key:"_attachDom",value:function _attachDom(dom){this.appendChild(dom)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteEditor.prototype),"ready",this).call(this);this.__disposer=[];(0,_renderStatus.afterNextRender)(this,function(){var _this=this;(0,_mobxModule.autorun)(function(reaction){_this.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest);_this.__disposer.push(reaction)});(0,_mobxModule.autorun)(function(reaction){_this.activeItem=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeItem);_this.__disposer.push(reaction)});window.SimpleToast.requestAvailability();window.SimpleModal.requestAvailability();window.addEventListener("hax-store-ready",this._storeReadyToGo.bind(this));window.addEventListener("json-outline-schema-active-item-changed",this._newActiveItem.bind(this));window.addEventListener("json-outline-schema-active-body-changed",this._bodyChanged.bind(this));window.addEventListener("haxcms-save-outline",this.saveOutline.bind(this));window.addEventListener("haxcms-save-node",this.saveNode.bind(this));window.addEventListener("haxcms-save-node-details",this.saveNodeDetails.bind(this));window.addEventListener("haxcms-save-site-data",this.saveManifest.bind(this));window.addEventListener("haxcms-load-node-fields",this.loadNodeFields.bind(this));window.addEventListener("haxcms-create-node",this.createNode.bind(this));window.addEventListener("haxcms-delete-node",this.deleteNode.bind(this));window.addEventListener("haxcms-publish-site",this.publishSite.bind(this));_async.microTask.run(function(){_this.updateStyles();if(window.HaxStore.ready){_this._storeReadyToGo({detail:!0})}});var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"You are logged in, edit tools shown."}});window.dispatchEvent(evt)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){for(var i in this.__disposer){this.__disposer[i].dispose()}window.removeEventListener("hax-store-ready",this._storeReadyToGo.bind(this));window.removeEventListener("haxcms-save-outline",this.saveOutline.bind(this));window.removeEventListener("haxcms-save-node",this.saveNode.bind(this));window.removeEventListener("haxcms-save-node-details",this.saveNodeDetails.bind(this));window.removeEventListener("haxcms-save-site-data",this.saveManifest.bind(this));window.removeEventListener("haxcms-publish-site",this.publishSite.bind(this));window.removeEventListener("json-outline-schema-active-item-changed",this._newActiveItem.bind(this));window.removeEventListener("json-outline-schema-active-body-changed",this._bodyChanged.bind(this));window.removeEventListener("haxcms-load-node-fields",this.loadNodeFields.bind(this));window.removeEventListener("haxcms-create-node",this.createNode.bind(this));window.removeEventListener("haxcms-delete-node",this.deleteNode.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteEditor.prototype),"disconnectedCallback",this).call(this)}},{key:"loadNodeFields",value:function loadNodeFields(e){this.__nodeFieldsInvoked=e.detail;this.set("getFieldsData.jwt",this.jwt);this.notifyPath("getFieldsData.jwt");this.set("getFieldsData.token",this.getFieldsToken);this.notifyPath("getFieldsData.token");this.set("getFieldsData.siteName",this.manifest.metadata.siteName);this.notifyPath("getFieldsData.siteName");this.set("getFieldsData.nodeId",this.activeItem.id);this.notifyPath("getFieldsData.nodeId");this.$.getfieldsajax.generateRequest()}},{key:"_handleGetFieldsResponse",value:function _handleGetFieldsResponse(e){var wiring=new _HAXWiring.HAXWiring;this._haxSchema=wiring.prototypeHaxProperties();this._haxSchema.settings=e.detail.response.haxSchema;var values=e.detail.response.values,c=document.createElement("hax-schema-form");c.style.minWidth="50vw";for(var key in this._haxSchema.settings){var schema=wiring.getHaxJSONSchema(key,this._haxSchema);for(var i in schema.properties){if(values[i]){schema.properties[i].value=values[i]}}c.set(key+"Schema",schema)}this.__fieldsForm=c;var b1=document.createElement("paper-button");b1.raised=!0;var icon=document.createElement("iron-icon");icon.icon="icons:save";b1.appendChild(icon);b1.appendChild(document.createTextNode("Save fields"));b1.setAttribute("dialog-confirm","dialog-confirm");b1.addEventListener("click",this._saveFieldsTap.bind(this));var b2=document.createElement("paper-button");b2.appendChild(document.createTextNode("cancel"));b2.setAttribute("dialog-dismiss","dialog-dismiss");var b=document.createElement("div");b.style.position="absolute";b.style.bottom=0;b.style.left=0;b.style.right=0;b.style.zIndex=1e6;b.style.backgroundColor="#ddd";b.appendChild(b1);b.appendChild(b2);var evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Edit "+_haxcmsSiteStore.store.activeTitle+" fields",elements:{content:c,buttons:b},invokedBy:this.__nodeFieldsInvoked,clone:!1}});window.dispatchEvent(evt)}},{key:"_saveFieldsTap",value:function _saveFieldsTap(){var values=this.__fieldsForm.value;values.id=this.activeItem.id;window.dispatchEvent(new CustomEvent("haxcms-save-node-details",{bubbles:!0,composed:!0,cancelable:!0,detail:values}));window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}}))}},{key:"createNode",value:function createNode(e){if(e.detail.values){this.set("createData",{});this.set("createData",e.detail.values);this.notifyPath("createData.*");this.set("createData.siteName",this.manifest.metadata.siteName);this.notifyPath("createData.siteName");this.set("createData.jwt",this.jwt);this.notifyPath("createData.jwt");this.$.createajax.generateRequest();var evt=new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}});window.dispatchEvent(evt)}}},{key:"_handleCreateResponse",value:function _handleCreateResponse(){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Created ".concat(this.__createNodeResponse.title,"!"),duration:3e3}});window.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}},{key:"deleteNode",value:function deleteNode(e){this.set("deleteData",{});this.set("deleteData.nodeId",e.detail.item.id);this.notifyPath("deleteData.nodeId");this.set("deleteData.siteName",this.manifest.metadata.siteName);this.notifyPath("deleteData.siteName");this.set("deleteData.jwt",this.jwt);this.notifyPath("deleteData.jwt");this.$.deleteajax.generateRequest();var evt=new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}});window.dispatchEvent(evt)}},{key:"_handleDeleteResponse",value:function _handleDeleteResponse(){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Deleted ".concat(this.__deleteNodeResponse.title),duration:3e3}});this.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}},{key:"_storeReadyToGo",value:function _storeReadyToGo(event){if(event.detail){window.HaxStore.instance.connectionRewrites.appendJwt="jwt";window.HaxStore.instance.haxPanel.align="left";window.HaxStore.instance.haxPanel.hidePanelOps=!0}}},{key:"_publishingChanged",value:function _publishingChanged(newValue,oldValue){if(newValue){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Publishing...",duration:0}});window.dispatchEvent(evt)}else if(!newValue&&oldValue){var _evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Publishing...",duration:3e3}});window.dispatchEvent(_evt)}}},{key:"_manifestChanged",value:function _manifestChanged(newValue){if(this.activeItem&&newValue.metadata){window.HaxStore.instance.connectionRewrites.appendUploadEndPoint="siteName="+newValue.metadata.siteName+"&nodeId="+this.activeItem.id}}},{key:"_newActiveItem",value:function _newActiveItem(e){this.set("activeItem",e.detail);this.notifyPath("activeItem.*")}},{key:"_activeItemChanged",value:function _activeItemChanged(newValue){if(newValue&&this.manifest){window.HaxStore.instance.connectionRewrites.appendUploadEndPoint="siteName="+this.manifest.metadata.siteName+"&nodeId="+newValue.id}}},{key:"_handleNodeResponse",value:function _handleNodeResponse(e){if("undefined"!==typeof e.detail.location&&this.activeItem.location!==e.detail.location){window.location(e.detail.location);window.history.pushState({},null,e.detail.location);window.dispatchEvent(new PopStateEvent("popstate"));var active=this.manifest.items.find(function(i){return i.id===e.detail.id});this.activeItem=active;this.dispatchEvent(new CustomEvent("json-outline-schema-active-item-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:active}))}var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Page saved!",duration:4e3}});window.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}));this.dispatchEvent(new CustomEvent("haxcms-trigger-update-node",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}},{key:"_handleOutlineResponse",value:function _handleOutlineResponse(){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Outline saved!",duration:3e3}});window.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}},{key:"_handleManifestResponse",value:function _handleManifestResponse(){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Site details saved!",duration:3e3}});this.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}},{key:"_handlePublishResponse",value:function _handlePublishResponse(e){var data=e.detail.response,content=document.createElement("span");content.innerHTML="\n    <a href=\"".concat(data.url,"\" target=\"_blank\">\n      <paper-button raised style=\"color:yellow;text-transform: none;font-weight: bold;\">\n      ").concat(data.label,"\n      </paper-button>\n    </a>");var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:data.response,duration:1e4,slot:content.cloneNode(!0)}});window.dispatchEvent(evt)}},{key:"saveNode",value:function saveNode(){this.set("updateNodeData",{});this.set("updateNodeData.siteName",this.manifest.metadata.siteName);this.notifyPath("updateNodeData.siteName");this.set("updateNodeData.body",window.HaxStore.instance.activeHaxBody.haxToContent());this.notifyPath("updateNodeData.body");this.set("updateNodeData.nodeId",this.activeItem.id);this.notifyPath("updateNodeData.nodeId");this.set("updateNodeData.jwt",this.jwt);this.notifyPath("updateNodeData.jwt");if(this.saveNodePath){this.$.nodeupdateajax.generateRequest()}}},{key:"saveNodeDetails",value:function saveNodeDetails(e){this.set("updateNodeData",{});this.set("updateNodeData.siteName",this.manifest.metadata.siteName);this.notifyPath("updateNodeData.siteName");this.set("updateNodeData.nodeId",e.detail.id);this.notifyPath("updateNodeData.nodeId");this.set("updateNodeData.details",e.detail);this.notifyPath("updateNodeData.details");this.set("updateNodeData.jwt",this.jwt);this.notifyPath("updateNodeData.jwt");if(this.saveNodePath){this.$.nodeupdateajax.generateRequest()}}},{key:"saveOutline",value:function saveOutline(e){this.set("updateOutlineData.siteName",this.manifest.metadata.siteName);this.notifyPath("updateOutlineData.siteName");this.set("updateOutlineData.items",e.detail);this.notifyPath("updateOutlineData.items");this.set("updateOutlineData.jwt",this.jwt);this.notifyPath("updateOutlineData.jwt");if(this.saveOutlinePath){this.$.outlineupdateajax.generateRequest()}}},{key:"saveManifest",value:function saveManifest(e){this.set("updateManifestData.siteName",this.manifest.metadata.siteName);this.notifyPath("updateManifestData.siteName");this.set("updateManifestData.manifest",e.detail);this.notifyPath("updateManifestData.manifest");this.set("updateManifestData.jwt",this.jwt);this.notifyPath("updateManifestData.jwt");if(this.saveManifestPath){this.$.manifestupdateajax.generateRequest()}}},{key:"publishSite",value:function publishSite(){this.set("publishSiteData.siteName",this.manifest.metadata.siteName);this.notifyPath("publishSiteData.siteName");this.set("publishSiteData.jwt",this.jwt);this.notifyPath("publishSiteData.jwt");if(this.publishSitePath){this.$.publishajax.generateRequest()}}},{key:"_bodyChanged",value:function _bodyChanged(e){window.HaxStore.instance.activeHaxBody.importContent(e.detail)}}],[{key:"tag",get:function get(){return"haxcms-site-editor"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a810fdb054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){var _ref;return _ref={method:{type:String,value:"POST"},jwt:{type:String},saveNodePath:{type:String},createNodePath:{type:String},deleteNodePath:{type:String},saveManifestPath:{type:String},publishSitePath:{type:String},publishing:{type:Boolean,observer:"_publishingChanged"},saveOutlinePath:{type:String},appStore:{type:Object},editMode:{type:Boolean,reflectToAttribute:!0,value:!1},updateNodeData:{type:Object,value:{}},deleteData:{type:Object,value:{}},createData:{type:Object,value:{}},publishSiteData:{type:Object,value:{}},updateManifestData:{type:Object,value:{}},updateOutlineData:{type:Object,value:{}}},babelHelpers.defineProperty(_ref,"updateManifestData",{type:Object,value:{}}),babelHelpers.defineProperty(_ref,"getFieldsData",{type:Object,value:{}}),babelHelpers.defineProperty(_ref,"activeItem",{type:Object,notify:!0,observer:"_activeItemChanged"}),babelHelpers.defineProperty(_ref,"manifest",{type:Object,notify:!0,observer:"_manifestChanged"}),babelHelpers.defineProperty(_ref,"getNodeFieldsPath",{type:String}),babelHelpers.defineProperty(_ref,"getFieldsToken",{type:String}),_ref}}]);return HAXCMSSiteEditor}(_polymerElement.PolymerElement);_exports.HAXCMSSiteEditor=HAXCMSSiteEditor;window.customElements.define(HAXCMSSiteEditor.tag,HAXCMSSiteEditor)});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js","../../../../@polymer/polymer/lib/utils/async.js","./haxcms-site-store.js","../../../../mobx/lib/mobx.module.js","../../../../@polymer/polymer/lib/utils/render-status.js","../../../hax-body-behaviors/lib/HAXWiring.js","../../../simple-colors/simple-colors.js","../../../../@polymer/paper-fab/paper-fab.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/iron-icons/editor-icons.js","../../../jwt-login/jwt-login.js","../../../h-a-x/h-a-x.js","../../../simple-toast/simple-toast.js","../../../simple-modal/simple-modal.js","../../../hax-body/lib/hax-schema-form.js"],function(_exports,_polymerElement,_async,_haxcmsSiteStore,_mobxModule,_renderStatus,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSSiteEditor=void 0;function _templateObject_378f7ae0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors\">\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          padding: 80px 40px;\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 [[jwt]]\"}'\n        id=\"nodeupdateajax\"\n        url=\"[[saveNodePath]]\"\n        method=\"[[method]]\"\n        body=\"[[updateNodeData]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleNodeResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        id=\"outlineupdateajax\"\n        url=\"[[saveOutlinePath]]\"\n        method=\"[[method]]\"\n        body=\"[[updateOutlineData]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleOutlineResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        id=\"getfieldsajax\"\n        url=\"[[getNodeFieldsPath]]\"\n        method=\"[[method]]\"\n        body=\"[[getFieldsData]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleGetFieldsResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        id=\"getsitefieldsajax\"\n        url=\"[[getSiteFieldsPath]]\"\n        method=\"[[method]]\"\n        body=\"[[getSiteFieldsData]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleGetSiteFieldsResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        id=\"manifestupdateajax\"\n        url=\"[[saveManifestPath]]\"\n        method=\"[[method]]\"\n        body=\"[[updateManifestData]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleManifestResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        id=\"publishajax\"\n        loading=\"{{publishing}}\"\n        url=\"[[publishSitePath]]\"\n        method=\"[[method]]\"\n        body=\"[[publishSiteData]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handlePublishResponse\"\n      ></iron-ajax>\n      <iron-ajax\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        id=\"createajax\"\n        url=\"[[createNodePath]]\"\n        method=\"[[method]]\"\n        body=\"[[createData]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleCreateResponse\"\n        last-response=\"{{__createNodeResponse}}\"\n      ></iron-ajax>\n      <iron-ajax\n        headers='{\"Authorization\": \"Bearer [[jwt]]\"}'\n        id=\"deleteajax\"\n        url=\"[[deleteNodePath]]\"\n        method=\"[[method]]\"\n        body=\"[[deleteData]]\"\n        content-type=\"application/json\"\n        handle-as=\"json\"\n        on-response=\"_handleDeleteResponse\"\n        last-response=\"{{__deleteNodeResponse}}\"\n      ></iron-ajax>\n      <h-a-x app-store$=\"[[appStore]]\"></h-a-x>\n    "]);_templateObject_378f7ae0555211e98f439769bd191e33=function(){return data};return data}var HAXCMSSiteEditor=function(_PolymerElement){babelHelpers.inherits(HAXCMSSiteEditor,_PolymerElement);function HAXCMSSiteEditor(){babelHelpers.classCallCheck(this,HAXCMSSiteEditor);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSSiteEditor).apply(this,arguments))}babelHelpers.createClass(HAXCMSSiteEditor,[{key:"_attachDom",value:function _attachDom(dom){this.appendChild(dom)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteEditor.prototype),"ready",this).call(this);this.__disposer=[];(0,_renderStatus.afterNextRender)(this,function(){var _this=this;(0,_mobxModule.autorun)(function(reaction){_this.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest);_this.__disposer.push(reaction)});(0,_mobxModule.autorun)(function(reaction){_this.activeItem=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeItem);_this.__disposer.push(reaction)});window.SimpleToast.requestAvailability();window.SimpleModal.requestAvailability();window.addEventListener("hax-store-ready",this._storeReadyToGo.bind(this));window.addEventListener("json-outline-schema-active-item-changed",this._newActiveItem.bind(this));window.addEventListener("json-outline-schema-active-body-changed",this._bodyChanged.bind(this));window.addEventListener("haxcms-save-outline",this.saveOutline.bind(this));window.addEventListener("haxcms-save-node",this.saveNode.bind(this));window.addEventListener("haxcms-save-node-details",this.saveNodeDetails.bind(this));window.addEventListener("haxcms-save-site-data",this.saveManifest.bind(this));window.addEventListener("haxcms-load-node-fields",this.loadNodeFields.bind(this));window.addEventListener("haxcms-load-site-fields",this.loadSiteFields.bind(this));window.addEventListener("haxcms-create-node",this.createNode.bind(this));window.addEventListener("haxcms-delete-node",this.deleteNode.bind(this));window.addEventListener("haxcms-publish-site",this.publishSite.bind(this));_async.microTask.run(function(){_this.updateStyles();if(window.HaxStore.ready){_this._storeReadyToGo({detail:!0})}});var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"You are logged in, edit tools shown."}});window.dispatchEvent(evt)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){for(var i in this.__disposer){this.__disposer[i].dispose()}window.removeEventListener("hax-store-ready",this._storeReadyToGo.bind(this));window.removeEventListener("haxcms-save-outline",this.saveOutline.bind(this));window.removeEventListener("haxcms-save-node",this.saveNode.bind(this));window.removeEventListener("haxcms-save-node-details",this.saveNodeDetails.bind(this));window.removeEventListener("haxcms-save-site-data",this.saveManifest.bind(this));window.removeEventListener("haxcms-publish-site",this.publishSite.bind(this));window.removeEventListener("json-outline-schema-active-item-changed",this._newActiveItem.bind(this));window.removeEventListener("json-outline-schema-active-body-changed",this._bodyChanged.bind(this));window.removeEventListener("haxcms-load-node-fields",this.loadNodeFields.bind(this));window.removeEventListener("haxcms-load-site-fields",this.loadSiteFields.bind(this));window.removeEventListener("haxcms-create-node",this.createNode.bind(this));window.removeEventListener("haxcms-delete-node",this.deleteNode.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteEditor.prototype),"disconnectedCallback",this).call(this)}},{key:"loadNodeFields",value:function loadNodeFields(e){this.__nodeFieldsInvoked=e.detail;this.set("getFieldsData.jwt",this.jwt);this.notifyPath("getFieldsData.jwt");this.set("getFieldsData.token",this.getFieldsToken);this.notifyPath("getFieldsData.token");this.set("getFieldsData.siteName",this.manifest.metadata.siteName);this.notifyPath("getFieldsData.siteName");this.set("getFieldsData.nodeId",this.activeItem.id);this.notifyPath("getFieldsData.nodeId");this.$.getfieldsajax.generateRequest()}},{key:"loadSiteFields",value:function loadSiteFields(e){this.__siteFieldsInvoked=e.detail;this.set("getSiteFieldsData.jwt",this.jwt);this.notifyPath("getSiteFieldsData.jwt");this.set("getSiteFieldsData.token",this.getFieldsToken);this.notifyPath("getSiteFieldsData.token");this.set("getSiteFieldsData.siteName",this.manifest.metadata.siteName);this.notifyPath("getSiteFieldsData.siteName");this.$.getsitefieldsajax.generateRequest()}},{key:"_handleGetFieldsResponse",value:function _handleGetFieldsResponse(e){var wiring=new _HAXWiring.HAXWiring;this._haxSchema=wiring.prototypeHaxProperties();this._haxSchema.settings=e.detail.response.haxSchema;var values=e.detail.response.values,c=document.createElement("hax-schema-form");c.style.minWidth="50vw";for(var key in this._haxSchema.settings){var schema=wiring.getHaxJSONSchema(key,this._haxSchema);for(var i in schema.properties){if(values[i]){schema.properties[i].value=values[i]}}c.set(key+"Schema",schema)}this.__fieldsForm=c;var b1=document.createElement("paper-button");b1.raised=!0;var icon=document.createElement("iron-icon");icon.icon="icons:save";b1.appendChild(icon);b1.appendChild(document.createTextNode("Save fields"));b1.setAttribute("dialog-confirm","dialog-confirm");b1.addEventListener("click",this._saveFieldsTap.bind(this));var b2=document.createElement("paper-button");b2.appendChild(document.createTextNode("cancel"));b2.setAttribute("dialog-dismiss","dialog-dismiss");var b=document.createElement("div");b.style.position="absolute";b.style.bottom=0;b.style.left=0;b.style.right=0;b.style.zIndex=1e6;b.style.backgroundColor="#ddd";b.appendChild(b1);b.appendChild(b2);var evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Edit "+_haxcmsSiteStore.store.activeTitle+" fields",elements:{content:c,buttons:b},invokedBy:this.__nodeFieldsInvoked,clone:!1}});window.dispatchEvent(evt)}},{key:"_handleGetSiteFieldsResponse",value:function _handleGetSiteFieldsResponse(e){var wiring=new _HAXWiring.HAXWiring;this._haxSchema=wiring.prototypeHaxProperties();this._haxSchema.settings=e.detail.response.haxSchema;var values=e.detail.response.values,c=document.createElement("hax-schema-form");c.style.minWidth="50vw";for(var key in this._haxSchema.settings){var schema=wiring.getHaxJSONSchema(key,this._haxSchema);for(var i in schema.properties){if(values[i]){schema.properties[i].value=values[i]}}c.set(key+"Schema",schema)}this.__siteFieldsForm=c;var b1=document.createElement("paper-button");b1.raised=!0;var icon=document.createElement("iron-icon");icon.icon="icons:save";b1.appendChild(icon);b1.appendChild(document.createTextNode("Save fields"));b1.setAttribute("dialog-confirm","dialog-confirm");b1.addEventListener("click",this._saveSiteFieldsTap.bind(this));var b2=document.createElement("paper-button");b2.appendChild(document.createTextNode("cancel"));b2.setAttribute("dialog-dismiss","dialog-dismiss");var icon2=document.createElement("iron-icon");icon2.icon="icons:cloud-upload";var b3=document.createElement("paper-button");b3.raised=!0;b3.appendChild(icon2);b3.appendChild(document.createTextNode("Publish"));b3.setAttribute("dialog-confirm","dialog-confirm");b3.addEventListener("click",this._publishTap.bind(this));b3.style.minWidth="100px";b3.style.backgroundColor=getComputedStyle(this).getPropertyValue("--haxcms-color");var b=document.createElement("div");b.style.position="absolute";b.style.bottom=0;b.style.left=0;b.style.right=0;b.style.zIndex=1e6;b.style.backgroundColor="#ddd";b.appendChild(b1);b.appendChild(b2);b.appendChild(b3);var evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Edit site fields",elements:{content:c,buttons:b},invokedBy:this.__siteFieldsInvoked,clone:!1}});window.dispatchEvent(evt)}},{key:"_publishTap",value:function _publishTap(){this.dispatchEvent(new CustomEvent("haxcms-publish-site",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}},{key:"_saveFieldsTap",value:function _saveFieldsTap(){var values=this.__fieldsForm.value;values.id=this.activeItem.id;window.dispatchEvent(new CustomEvent("haxcms-save-node-details",{bubbles:!0,composed:!0,cancelable:!0,detail:values}));window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}}))}},{key:"_saveSiteFieldsTap",value:function _saveSiteFieldsTap(){var values=this.__siteFieldsForm.value;window.dispatchEvent(new CustomEvent("haxcms-save-site-data",{bubbles:!0,composed:!0,cancelable:!0,detail:values}));window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}}))}},{key:"createNode",value:function createNode(e){if(e.detail.values){this.set("createData",{});this.set("createData",e.detail.values);this.notifyPath("createData.*");this.set("createData.siteName",this.manifest.metadata.siteName);this.notifyPath("createData.siteName");this.set("createData.jwt",this.jwt);this.notifyPath("createData.jwt");this.$.createajax.generateRequest();var evt=new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}});window.dispatchEvent(evt)}}},{key:"_handleCreateResponse",value:function _handleCreateResponse(){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Created ".concat(this.__createNodeResponse.title,"!"),duration:3e3}});window.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}},{key:"deleteNode",value:function deleteNode(e){this.set("deleteData",{});this.set("deleteData.nodeId",e.detail.item.id);this.notifyPath("deleteData.nodeId");this.set("deleteData.siteName",this.manifest.metadata.siteName);this.notifyPath("deleteData.siteName");this.set("deleteData.jwt",this.jwt);this.notifyPath("deleteData.jwt");this.$.deleteajax.generateRequest();var evt=new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}});window.dispatchEvent(evt)}},{key:"_handleDeleteResponse",value:function _handleDeleteResponse(){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Deleted ".concat(this.__deleteNodeResponse.title),duration:3e3}});this.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}},{key:"_storeReadyToGo",value:function _storeReadyToGo(event){if(event.detail){window.HaxStore.instance.connectionRewrites.appendJwt="jwt";window.HaxStore.instance.haxPanel.align="left";window.HaxStore.instance.haxPanel.hidePanelOps=!0}}},{key:"_publishingChanged",value:function _publishingChanged(newValue,oldValue){if(newValue){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Publishing...",duration:0}});window.dispatchEvent(evt)}else if(!newValue&&oldValue){var _evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Publishing...",duration:3e3}});window.dispatchEvent(_evt)}}},{key:"_manifestChanged",value:function _manifestChanged(newValue){if(this.activeItem&&newValue.metadata){window.HaxStore.instance.connectionRewrites.appendUploadEndPoint="siteName="+newValue.metadata.siteName+"&nodeId="+this.activeItem.id}}},{key:"_newActiveItem",value:function _newActiveItem(e){this.set("activeItem",e.detail);this.notifyPath("activeItem.*")}},{key:"_activeItemChanged",value:function _activeItemChanged(newValue){if(newValue&&this.manifest){window.HaxStore.instance.connectionRewrites.appendUploadEndPoint="siteName="+this.manifest.metadata.siteName+"&nodeId="+newValue.id}}},{key:"_handleNodeResponse",value:function _handleNodeResponse(e){if("undefined"!==typeof e.detail.location&&this.activeItem.location!==e.detail.location){window.location(e.detail.location);window.history.pushState({},null,e.detail.location);window.dispatchEvent(new PopStateEvent("popstate"));var active=this.manifest.items.find(function(i){return i.id===e.detail.id});this.activeItem=active;this.dispatchEvent(new CustomEvent("json-outline-schema-active-item-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:active}))}var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Page saved!",duration:4e3}});window.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}));this.dispatchEvent(new CustomEvent("haxcms-trigger-update-node",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}},{key:"_handleOutlineResponse",value:function _handleOutlineResponse(){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Outline saved!",duration:3e3}});window.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}},{key:"_handleManifestResponse",value:function _handleManifestResponse(){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Site details saved!",duration:3e3}});this.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}},{key:"_handlePublishResponse",value:function _handlePublishResponse(e){var data=e.detail.response,content=document.createElement("span");content.innerHTML="\n    <a href=\"".concat(data.url,"\" target=\"_blank\">\n      <paper-button raised style=\"color:yellow;text-transform: none;font-weight: bold;\">\n      ").concat(data.label,"\n      </paper-button>\n    </a>");var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:data.response,duration:1e4,slot:content.cloneNode(!0)}});window.dispatchEvent(evt)}},{key:"saveNode",value:function saveNode(){this.set("updateNodeData",{});this.set("updateNodeData.siteName",this.manifest.metadata.siteName);this.notifyPath("updateNodeData.siteName");this.set("updateNodeData.body",window.HaxStore.instance.activeHaxBody.haxToContent());this.notifyPath("updateNodeData.body");this.set("updateNodeData.nodeId",this.activeItem.id);this.notifyPath("updateNodeData.nodeId");this.set("updateNodeData.jwt",this.jwt);this.notifyPath("updateNodeData.jwt");if(this.saveNodePath){this.$.nodeupdateajax.generateRequest()}}},{key:"saveNodeDetails",value:function saveNodeDetails(e){this.set("updateNodeData",{});this.set("updateNodeData.siteName",this.manifest.metadata.siteName);this.notifyPath("updateNodeData.siteName");this.set("updateNodeData.nodeId",e.detail.id);this.notifyPath("updateNodeData.nodeId");this.set("updateNodeData.details",e.detail);this.notifyPath("updateNodeData.details");this.set("updateNodeData.jwt",this.jwt);this.notifyPath("updateNodeData.jwt");if(this.saveNodePath){this.$.nodeupdateajax.generateRequest()}}},{key:"saveOutline",value:function saveOutline(e){this.set("updateOutlineData.siteName",this.manifest.metadata.siteName);this.notifyPath("updateOutlineData.siteName");this.set("updateOutlineData.items",e.detail);this.notifyPath("updateOutlineData.items");this.set("updateOutlineData.jwt",this.jwt);this.notifyPath("updateOutlineData.jwt");if(this.saveOutlinePath){this.$.outlineupdateajax.generateRequest()}}},{key:"saveManifest",value:function saveManifest(e){var values=e.detail;if(values.cssVariable){values.hexCode=window.SimpleColorsUtilities.colors[values.cssVariable.replace("--simple-colors-default-theme-","").replace("-7","")][6]}this.set("updateManifestData.siteName",this.manifest.metadata.siteName);this.notifyPath("updateManifestData.siteName");this.set("updateManifestData.manifest",values);this.notifyPath("updateManifestData.manifest");this.set("updateManifestData.jwt",this.jwt);this.notifyPath("updateManifestData.jwt");if(this.saveManifestPath){this.$.manifestupdateajax.generateRequest()}}},{key:"publishSite",value:function publishSite(){this.set("publishSiteData.siteName",this.manifest.metadata.siteName);this.notifyPath("publishSiteData.siteName");this.set("publishSiteData.jwt",this.jwt);this.notifyPath("publishSiteData.jwt");if(this.publishSitePath){this.$.publishajax.generateRequest()}}},{key:"_bodyChanged",value:function _bodyChanged(e){window.HaxStore.instance.activeHaxBody.importContent(e.detail)}}],[{key:"tag",get:function get(){return"haxcms-site-editor"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_378f7ae0555211e98f439769bd191e33())}},{key:"properties",get:function get(){var _ref;return _ref={method:{type:String,value:"POST"},jwt:{type:String},saveNodePath:{type:String},createNodePath:{type:String},deleteNodePath:{type:String},saveManifestPath:{type:String},publishSitePath:{type:String},publishing:{type:Boolean,observer:"_publishingChanged"},saveOutlinePath:{type:String},appStore:{type:Object},editMode:{type:Boolean,reflectToAttribute:!0,value:!1},updateNodeData:{type:Object,value:{}},deleteData:{type:Object,value:{}},createData:{type:Object,value:{}},publishSiteData:{type:Object,value:{}},updateManifestData:{type:Object,value:{}},updateOutlineData:{type:Object,value:{}}},babelHelpers.defineProperty(_ref,"updateManifestData",{type:Object,value:{}}),babelHelpers.defineProperty(_ref,"getFieldsData",{type:Object,value:{}}),babelHelpers.defineProperty(_ref,"getSiteFieldsData",{type:Object,value:{}}),babelHelpers.defineProperty(_ref,"activeItem",{type:Object,notify:!0,observer:"_activeItemChanged"}),babelHelpers.defineProperty(_ref,"manifest",{type:Object,notify:!0,observer:"_manifestChanged"}),babelHelpers.defineProperty(_ref,"getNodeFieldsPath",{type:String}),babelHelpers.defineProperty(_ref,"getSiteFieldsPath",{type:String}),babelHelpers.defineProperty(_ref,"getFieldsToken",{type:String}),_ref}}]);return HAXCMSSiteEditor}(_polymerElement.PolymerElement);_exports.HAXCMSSiteEditor=HAXCMSSiteEditor;window.customElements.define(HAXCMSSiteEditor.tag,HAXCMSSiteEditor)});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-listing.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-listing.js
index 46e34bfdb49..2bc724c4ce6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-listing.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-listing.js
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js","../../../../@polymer/polymer/lib/utils/settings.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/app-layout/app-header/app-header.js","../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../@polymer/app-layout/app-drawer/app-drawer.js","../../../../@polymer/iron-icons/iron-icons.js","../../../../@polymer/iron-icons/editor-icons.js","../../../../@polymer/iron-icons/notification-icons.js","../../../../@polymer/iron-icons/av-icons.js","../../../../@polymer/iron-icons/device-icons.js","../../../../@polymer/iron-icons/image-icons.js","../../../../@polymer/paper-item/paper-item.js","../../../../@polymer/paper-input/paper-input.js","../../../json-outline-schema/json-outline-schema.js","../../../simple-toast/simple-toast.js","../../../simple-modal/simple-modal.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../simple-picker/simple-picker.js","../../../simple-icon-picker/simple-icon-picker.js","../../../map-menu/map-menu.js","../../../jwt-login/jwt-login.js","../../../eco-json-schema-form/eco-json-schema-form.js","../../../eco-json-schema-form/lib/eco-json-schema-object.js","../../../simple-colors/simple-colors.js","../../../simple-colors/lib/simple-colors-picker.js","../../../magazine-cover/magazine-cover.js","../../../sites-listing/sites-listing.js"],function(_exports,_polymerElement,_settings,_ironAjax,_paperButton,_ironIcon,_paperIconButton,_appHeader,_appToolbar,_appDrawer,_ironIcons,_editorIcons,_notificationIcons,_avIcons,_deviceIcons,_imageIcons,_paperItem,_paperInput,_jsonOutlineSchema,_simpleToast,_simpleModal,_paperDialog,_paperDialogScrollable,_paperTooltip,_simplePicker,_simpleIconPicker,_mapMenu,_jwtLogin,_ecoJsonSchemaForm,_ecoJsonSchemaObject,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSSiteListing=void 0;function _templateObject_a84fdb7054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors\">\n        app-toolbar {\n          background-color: rgba(255, 0, 116, 1);\n          color: #ffffff;\n        }\n        paper-icon-button {\n          --paper-icon-button-ink-color: #ffffff;\n        }\n        paper-icon-button + [main-title] {\n          margin-left: 24px;\n        }\n        app-header {\n          color: #ffffff;\n          @apply --layout-fixed-top;\n          --app-header-background-rear-layer: {\n            background-color: rgba(255, 0, 116, 1);\n          }\n        }\n        app-drawer {\n          --app-drawer-scrim-background: rgba(0, 0, 0, 0.6);\n          --app-drawer-content-container: {\n            background-color: rgba(255, 0, 116, 0.8);\n            overflow: scroll;\n            color: #ffffff;\n            padding-left: 8px;\n            padding-right: 8px;\n          }\n        }\n        sites-listing {\n          display: block;\n          margin: 100px 16px 0px 16px;\n        }\n        paper-dialog {\n          width: 60%;\n          min-height: 50%;\n          top: 10%;\n          border-radius: 16px;\n        }\n        paper-input {\n          --paper-input-container-focus-color: #3a0063;\n        }\n        #closedrawer {\n          float: left;\n          margin: 12px -20px 0 8px;\n        }\n        #add {\n          float: right;\n          margin: 12px 8px 0 -20px;\n        }\n        #newsitecolor {\n          padding: 4px;\n          margin: 0;\n          display: inline-flex;\n          vertical-align: middle;\n        }\n        #newsitecolor > * {\n          display: inline-flex;\n          align-self: center;\n          margin-right: 8px;\n          --simple-colors-picker-preview-size: 20px;\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      </style>\n      <jwt-login\n        id=\"jwt\"\n        url=\"[[__loginPath]]\"\n        logout-url=\"[[__logoutPath]]\"\n        jwt=\"{{jwt}}\"\n      ></jwt-login>\n      <iron-ajax\n        id=\"createrequest\"\n        method=\"POST\"\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=\"downloadrequest\"\n        method=\"POST\"\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=\"getconfigrequest\"\n        method=\"POST\"\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=\"POST\"\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      <sites-listing\n        id=\"siteslisting\"\n        sites-response=\"{{__sitesResponse}}\"\n        sites=\"{{__sites}}\"\n        data-source=\"[[_dataSource]]\"\n        edit-mode=\"[[editMode]]\"\n      ></sites-listing>\n      <app-header reveals>\n        <app-toolbar>\n          <paper-icon-button\n            icon=\"menu\"\n            on-tap=\"drawerToggle\"\n          ></paper-icon-button>\n          <div main-title>[[title]]</div>\n          <paper-icon-button\n            on-tap=\"_settingsTap\"\n            id=\"settings\"\n            icon=\"icons:settings\"\n            hidden$=\"[[!loggedIn]]\"\n          ></paper-icon-button>\n          <paper-tooltip\n            for=\"settings\"\n            position=\"bottom\"\n            offset=\"12\"\n            animation-delay=\"200\"\n            >Settings</paper-tooltip\n          >\n          <paper-icon-button\n            on-tap=\"_loginUserRoutine\"\n            id=\"login\"\n            icon=\"[[__loginIcon]]\"\n          ></paper-icon-button>\n          <paper-tooltip\n            for=\"login\"\n            position=\"bottom\"\n            offset=\"12\"\n            animation-delay=\"200\"\n            >[[__loginText]]</paper-tooltip\n          >\n        </app-toolbar>\n      </app-header>\n      <app-drawer id=\"drawer\" swipe-open>\n        <paper-icon-button\n          id=\"closedrawer\"\n          icon=\"icons:close\"\n          on-tap=\"drawerToggle\"\n        ></paper-icon-button>\n        <paper-tooltip\n          for=\"closedrawer\"\n          position=\"bottom\"\n          offset=\"12\"\n          animation-delay=\"200\"\n          >Close</paper-tooltip\n        >\n        <paper-icon-button\n          on-tap=\"_addTap\"\n          id=\"add\"\n          icon=\"icons:add\"\n        ></paper-icon-button>\n        <paper-tooltip\n          for=\"add\"\n          position=\"bottom\"\n          offset=\"12\"\n          animation-delay=\"200\"\n          >Add site</paper-tooltip\n        >\n        <h3\n          style=\"margin: 18px; padding: 6px; border-bottom: 1px solid #ffffff; text-align: center; font-weight: normal;\"\n        >\n          Site list\n        </h3>\n        <map-menu\n          id=\"mapmenu\"\n          items=\"{{outline}}\"\n          data=\"[[__sites]]\"\n          selected=\"{{activeItemID}}\"\n        ></map-menu>\n      </app-drawer>\n      <paper-dialog id=\"newdialog\" with-backdrop>\n        <h3>Create new site</h3>\n        <paper-dialog-scrollable>\n          <paper-input\n            id=\"newsitetitle\"\n            label=\"Title\"\n            required\n            autofocus\n            value=\"{{siteTitle}}\"\n          ></paper-input>\n          <paper-input\n            id=\"newsitedescription\"\n            label=\"Description\"\n          ></paper-input>\n          <paper-input\n            id=\"newsiteimage\"\n            label=\"Image\"\n            value=\"[[activeItem.metadata.image]]\"\n          ></paper-input>\n          <label for=\"newsitecolor\">Select a color:</label>\n          <simple-colors-picker id=\"newsitecolor\"></simple-colors-picker>\n          <simple-picker id=\"newsitetheme\" label=\"Theme\"></simple-picker>\n          <label for=\"newsiteicon\">Select an icon:</label>\n          <simple-icon-picker\n            id=\"newsiteicon\"\n            hide-option-labels\n            value=\"[[activeItem.metadata.icon]]\"\n          ></simple-icon-picker>\n        </paper-dialog-scrollable>\n        <div class=\"buttons\">\n          <paper-button on-tap=\"_createSite\" dialog-confirm id=\"create\" raised\n            >Let's go!</paper-button\n          >\n          <paper-button dialog-dismiss>cancel</paper-button>\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"itemdialog\" with-backdrop>\n        <paper-dialog-scrollable>\n          <magazine-cover\n            image=\"[[activeItem.metadata.image]]\"\n            header=\"[[activeItem.title]]\"\n            subheader=\"[[activeItem.description]]\"\n            action=\"Access site\"\n            icon=\"[[activeItem.metadata.icon]]\"\n            event-data=\"[[activeItem]]\"\n            event-name=\"haxcms-load-site\"\n          >\n          </magazine-cover>\n        </paper-dialog-scrollable>\n        <div class=\"buttons\">\n          <iron-icon\n            icon=\"editor:format-color-fill\"\n            style$=\"color:[[activeItem.metadata.hexCode]]\"\n          ></iron-icon\n          >[[activeItem.metadata.hexCode]]\n          <iron-icon icon=\"av:web\"></iron-icon>Theme:\n          [[activeItem.metadata.theme.name]]\n          <paper-icon-button\n            id=\"editsite\"\n            icon=\"icons:settings\"\n            style=\"color:black\"\n          ></paper-icon-button>\n          <paper-tooltip\n            for=\"edit\"\n            position=\"bottom\"\n            offset=\"12\"\n            animation-delay=\"200\"\n            >change details</paper-tooltip\n          >\n          <paper-icon-button\n            id=\"archivesite\"\n            icon=\"icons:archive\"\n            dialog-dismiss\n            style=\"color:grey\"\n          ></paper-icon-button>\n          <paper-tooltip\n            for=\"archivesite\"\n            position=\"top\"\n            offset=\"12\"\n            animation-delay=\"200\"\n            >archive site</paper-tooltip\n          >\n          <paper-icon-button\n            on-tap=\"_downloadSite\"\n            id=\"download\"\n            icon=\"icons:file-download\"\n            style=\"color:black\"\n          ></paper-icon-button>\n          <paper-tooltip\n            for=\"download\"\n            position=\"top\"\n            offset=\"12\"\n            animation-delay=\"200\"\n            >Download zip</paper-tooltip\n          >\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"settingsdialog\" with-backdrop>\n        <h3>Edit HAXCMS configuration</h3>\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-tap=\"_saveConfig\"\n            dialog-confirm\n            id=\"saveconfig\"\n            raised\n            >Save</paper-button\n          >\n          <paper-button dialog-dismiss>cancel</paper-button>\n        </div>\n      </paper-dialog>\n    "]);_templateObject_a84fdb7054f411e9aeb367f92c5b63ab=function(){return data};return data}var HAXCMSSiteListing=function(_PolymerElement){var _Mathfloor=Math.floor;babelHelpers.inherits(HAXCMSSiteListing,_PolymerElement);babelHelpers.createClass(HAXCMSSiteListing,[{key:"drawerToggle",value:function drawerToggle(){this.$.drawer.toggle()}},{key:"__sitesResponseChanged",value:function __sitesResponseChanged(newValue){var _this2=this;if(newValue){this.title=newValue.title;setTimeout(function(){if(_this2.jwt){_this2.$.siteslisting.$.list.querySelector("[data-site-id=\"item-new\"]").hidden=!1;_this2.$.mapmenu.$.builder.shadowRoot.querySelector("#item-new").hidden=!1;_this2.$.add.hidden=!1}else{_this2.$.siteslisting.$.list.querySelector("[data-site-id=\"item-new\"]").hidden=!0;_this2.$.mapmenu.$.builder.shadowRoot.querySelector("#item-new").hidden=!0;_this2.$.add.hidden=!0}},100)}}},{key:"_dataSourceChanged",value:function _dataSourceChanged(newValue){if(newValue){this._dataSource=newValue+"?"+_Mathfloor(Date.now()/1e3)}}},{key:"_loginStateChange",value:function _loginStateChange(e){if(e.detail){this.loggedIn=!0}else{this.loggedIn=!1}}},{key:"_editModeChanged",value:function _editModeChanged(newValue){if(newValue){this.__editIcon="icons:check"}else{this.__editIcon="icons:create"}}},{key:"_loginStateChanged",value:function _loginStateChanged(newValue){if(newValue){this.__loginText="Log out";this.__loginIcon="icons:account-circle";var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Welcome, log in successful!",duration:4e3}});this.dispatchEvent(evt);this.$.add.hidden=!1;this.$.siteslisting.$.list.querySelector("[data-site-id=\"item-new\"]").hidden=!1;this.$.mapmenu.$.builder.shadowRoot.querySelector("#item-new").hidden=!1}else{this.__loginText="Log in";this.__loginIcon="icons:power-settings-new";var _evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"You logged out",duration:4e3}});this.dispatchEvent(_evt);this.$.add.hidden=!0;this.$.siteslisting.$.list.querySelector("[data-site-id=\"item-new\"]").hidden=!0;this.$.mapmenu.$.builder.shadowRoot.querySelector("#item-new").hidden=!0}}},{key:"_jwtChanged",value:function _jwtChanged(newValue){if(newValue){this.__loginText="Log out";this.__loginIcon="icons:account-circle"}else{this.__loginText="Log in";this.__loginIcon="icons:power-settings-new"}}},{key:"_loginUserRoutine",value:function _loginUserRoutine(){this.$.jwt.toggleLogin()}},{key:"_themeChanged",value:function _themeChanged(e){if(e.detail.value){this.set("activeItem.metadata.theme",e.detail.value);this.notifyPath("activeItem.metadata.theme")}}},{key:"_colorChanged",value:function _colorChanged(e){this.set("activeItem.metadata.cssVariable",e.detail.value);this.notifyPath("activeItem.metadata.cssVariable");this.set("activeItem.metadata.hexCode",_simpleColors.SimpleColors.colors[e.detail.value.replace("--simple-colors-default-theme-","").replace("-7","")][6]);this.notifyPath("activeItem.metadata.hexCode")}},{key:"_addTap",value:function _addTap(){var itemNew=this.$.siteslisting.$.list.querySelector("[data-site-id=\"item-new\"]");if(itemNew){itemNew.click()}}},{key:"_editTap",value:function _editTap(){this.editMode=!this.editMode}},{key:"_settingsTap",value:function _settingsTap(){this._loadConfig();this.$.settingsdialog.opened=!0}},{key:"_mapMenuSelection",value:function _mapMenuSelection(e){var findSite=this.__sites.filter(function(site){if(site.id!==e.detail){return!1}return!0});if(0<findSite.length){this.set("activeItem",{});this.set("activeItem",findSite.pop());this.notifyPath("activeItem.*")}}},{key:"_activeItemChanged",value:function _activeItemChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&babelHelpers.typeof(newValue.id)!=="undefined"){if("item-new"===newValue.id){this.$.newdialog.opened=!0;this.$.itemdialog.opened=!1}else{this.$.newdialog.opened=!1;this.$.itemdialog.opened=!0}}else if(babelHelpers.typeof(newValue)!=="undefined"&&babelHelpers.typeof(newValue.id)!=="undefined"){this.$.newdialog.opened=!1;this.$.itemdialog.opened=!1;this.$.drawer.opened=!1}}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteListing.prototype),"connectedCallback",this).call(this);this.__loginPath=window.appSettings.login;this.__logoutPath=window.appSettings.logout;var themeOptions=[],firstTheme=null;for(var theme in window.appSettings.themes){var item=[{alt:window.appSettings.themes[theme].name,value:theme}];themeOptions.push(item);if(!firstTheme){firstTheme=theme}}this.$.newsitetheme.options=themeOptions;if(!this.$.newsitetheme.value){this.$.newsitetheme.value=firstTheme}this.__setConfigPath=window.appSettings.setConfigPath;this.__getConfigPath=window.appSettings.getConfigPath;this.__createNewSitePath=window.appSettings.createNewSitePath;this.__downloadSitePath=window.appSettings.downloadSitePath;document.body.addEventListener("sites-listing-item-selected",this._itemSelected.bind(this));document.body.addEventListener("haxcms-load-site",this.loadActiveSite.bind(this));this.$.mapmenu.addEventListener("selected",this._mapMenuSelection.bind(this));this.$.newsitetheme.addEventListener("change",this._themeChanged.bind(this));this.$.newsitecolor.addEventListener("change",this._colorChanged.bind(this));this.$.jwt.addEventListener("jwt-logged-in",this._loginStateChange.bind(this));this.$.siteslisting.addEventListener("item-overlay-option-selected",this._itemOptionSelected.bind(this));this.$.siteslisting.addEventListener("item-overlay-op-changed",this._itemOpChanged.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){document.body.removeEventListener("sites-listing-item-selected",this._itemSelected.bind(this));document.body.removeEventListener("haxcms-load-site",this.loadActiveSite.bind(this));this.$.mapmenu.removeEventListener("selected",this._mapMenuSelection.bind(this));this.$.newsitetheme.removeEventListener("change",this._themeChanged.bind(this));this.$.newsitecolor.removeEventListener("change",this._colorChanged.bind(this));this.$.jwt.removeEventListener("jwt-logged-in",this._loginStateChange.bind(this));this.$.siteslisting.removeEventListener("item-overlay-option-selected",this._itemOptionSelected.bind(this));this.$.siteslisting.removeEventListener("item-overlay-op-changed",this._itemOpChanged.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteListing.prototype),"disconnectedCallback",this).call(this)}}],[{key:"tag",get:function get(){return"haxcms-site-listing"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a84fdb7054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{title:{type:String,value:"Site list"},siteTitle:{type:String},__sitesResponse:{type:String,observer:"__sitesResponseChanged"},basePath:{type:String},dataSource:{type:String,observer:"_dataSourceChanged"},jwt:{type:String,observer:"_jwtChanged"},createParams:{type:Object,value:{}},downloadParams:{type:Object,value:{}},configParams:{type:Object,value:{}},setConfigParams:{type:Object,value:{}},activeItem:{type:Object,notify:!0,observer:"_activeItemChanged"},loggedIn:{type:Boolean,notify:!0,reflectToAttribute:!0,observer:"_loginStateChanged"},editMode:{type:Boolean,notify:!0,reflectToAttribute:!0,value:!1,observer:"_editModeChanged"}}}}]);function HAXCMSSiteListing(){var _this;babelHelpers.classCallCheck(this,HAXCMSSiteListing);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSSiteListing).call(this));(0,_settings.setPassiveTouchGestures)(!0);window.JSONOutlineSchema.requestAvailability();window.SimpleModal.requestAvailability();window.SimpleToast.requestAvailability();window.HAXCMS={};return _this}babelHelpers.createClass(HAXCMSSiteListing,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteListing.prototype),"ready",this).call(this);this.jwt=localStorage.getItem("jwt")}},{key:"loadActiveSite",value:function loadActiveSite(e){var findSite=this.__sites.filter(function(site){if(site.id!==e.detail.id){return!1}return!0}),item=findSite.pop();if(item.location){window.open(item.location)}else{window.open("/_sites/"+item.metadata.siteName+"/index.html")}}},{key:"_itemSelected",value:function _itemSelected(e){this.set("activeItem",{});this.set("activeItem",e.detail);this.notifyPath("activeItem.*")}},{key:"_createSite",value:function _createSite(){this.set("createParams.siteName",this.$.newsitetitle.value);this.notifyPath("createParams.siteName");this.set("createParams.description",this.$.newsitedescription.value);this.notifyPath("createParams.description");this.set("createParams.theme",this.activeItem.metadata.theme);this.notifyPath("createParams.theme");this.set("createParams.hexCode",this.activeItem.metadata.hexCode);this.notifyPath("createParams.hexCode");this.set("createParams.cssVariable",this.activeItem.metadata.cssVariable);this.notifyPath("createParams.cssVariable");this.set("createParams.image",this.$.newsiteimage.value);this.notifyPath("createParams.image");this.set("createParams.icon",this.$.newsiteicon.icon);this.notifyPath("createParams.icon");this.set("createParams.jwt",this.jwt);this.notifyPath("createParams.jwt");this.$.newsitetitle.value="";this.$.newsitedescription.value=null;this.$.createrequest.generateRequest()}},{key:"_downloadSite",value:function _downloadSite(){this.set("downloadParams.siteName",this.activeItem.metadata.siteName);this.notifyPath("downloadParams.siteName");this.set("downloadParams.jwt",this.jwt);this.notifyPath("downloadParams.jwt");this.$.downloadrequest.generateRequest()}},{key:"_loadConfig",value:function _loadConfig(){this.set("configParams.jwt",this.jwt);this.notifyPath("configParams.jwt");this.set("configParams.token",this.createParams.token);this.notifyPath("configParams.token");this.$.getconfigrequest.generateRequest()}},{key:"_saveConfig",value:function _saveConfig(){window.HAXCMS.config.values=this.$.settingsform.value;this.set("setConfigParams.values",{});this.set("setConfigParams.values",window.HAXCMS.config.values);this.notifyPath("setConfigParams.values.*");this.set("setConfigParams.jwt",this.jwt);this.notifyPath("setConfigParams.jwt");this.set("setConfigParams.token",this.createParams.token);this.notifyPath("setConfigParams.token");this.$.setconfigrequest.generateRequest()}},{key:"handleCreateResponse",value:function handleCreateResponse(e){this._dataSource=this.dataSource+"?"+_Mathfloor(Date.now()/1e3);this.dispatchEvent(new CustomEvent("sites-listing-refresh-data",{bubbles:!0,composed:!0,cancelable:!1,detail:e.detail.response}));var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:e.detail.response.title+" created successfully!",duration:4e3}});this.dispatchEvent(evt)}},{key:"handleConfigResponse",value:function handleConfigResponse(e){window.HAXCMS.config=e.detail.response;this.$.settingsform.set("schema",window.HAXCMS.config.schema);this.$.settingsform.set("value",window.HAXCMS.config.values)}},{key:"handleSetConfigResponse",value:function handleSetConfigResponse(){this.$.settingsdialog.opened=!1;var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"HAXCMS configuration updated!",duration:4e3}});this.dispatchEvent(evt)}},{key:"handleDownloadResponse",value:function handleDownloadResponse(e){this.dispatchEvent(new CustomEvent("download-site-listing",{bubbles:!0,composed:!0,cancelable:!1,detail:e.detail.response}));var element=document.createElement("a");element.setAttribute("href",e.detail.response.link);element.style.display="none";document.body.appendChild(element);element.click();document.body.removeChild(element);var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:this.activeItem.title+" downloaded successfully!",duration:4e3}});this.dispatchEvent(evt)}},{key:"_itemOptionSelected",value:function _itemOptionSelected(e){e.detail.element;switch(e.detail.operation){case"remove":if("option1"===e.detail.option){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Deleting this",duration:4e3}});this.dispatchEvent(evt)}break;case"duplicate":if("option1"===e.detail.option){var _evt2=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Duplicating this",duration:4e3}});this.dispatchEvent(_evt2)}break;case"move":if("option1"===e.detail.option){var _evt3=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Move this item left",duration:4e3}});this.dispatchEvent(_evt3)}else{var _evt4=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Move this item right",duration:4e3}});this.dispatchEvent(_evt4)}break;}}},{key:"_itemOpChanged",value:function _itemOpChanged(e){var element=e.detail.element;if("edit"===e.detail.operation){var findSite=this.__sites.filter(function(site){if(site.id!==element.getAttribute("data-site-id")){return!1}return!0});if(0<findSite.length){this.set("activeItem",{});this.set("activeItem",findSite.pop());this.notifyPath("activeItem.*");this.$.edit.click()}}}}]);return HAXCMSSiteListing}(_polymerElement.PolymerElement);_exports.HAXCMSSiteListing=HAXCMSSiteListing;window.customElements.define(HAXCMSSiteListing.tag,HAXCMSSiteListing)});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js","../../../../@polymer/polymer/lib/utils/settings.js","../../../../@polymer/iron-ajax/iron-ajax.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/iron-icon/iron-icon.js","../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../@polymer/app-layout/app-header/app-header.js","../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../@polymer/app-layout/app-drawer/app-drawer.js","../../../../@polymer/iron-icons/iron-icons.js","../../../../@polymer/iron-icons/editor-icons.js","../../../../@polymer/iron-icons/notification-icons.js","../../../../@polymer/iron-icons/av-icons.js","../../../../@polymer/iron-icons/device-icons.js","../../../../@polymer/iron-icons/image-icons.js","../../../../@polymer/paper-item/paper-item.js","../../../../@polymer/paper-input/paper-input.js","../../../json-outline-schema/json-outline-schema.js","../../../simple-toast/simple-toast.js","../../../simple-modal/simple-modal.js","../../../../@polymer/paper-dialog/paper-dialog.js","../../../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../simple-picker/simple-picker.js","../../../simple-icon-picker/simple-icon-picker.js","../../../map-menu/map-menu.js","../../../jwt-login/jwt-login.js","../../../eco-json-schema-form/eco-json-schema-form.js","../../../eco-json-schema-form/lib/eco-json-schema-object.js","../../../simple-colors/simple-colors.js","../../../simple-colors/lib/simple-colors-picker.js","../../../magazine-cover/magazine-cover.js","../../../sites-listing/sites-listing.js"],function(_exports,_polymerElement,_settings,_ironAjax,_paperButton,_ironIcon,_paperIconButton,_appHeader,_appToolbar,_appDrawer,_ironIcons,_editorIcons,_notificationIcons,_avIcons,_deviceIcons,_imageIcons,_paperItem,_paperInput,_jsonOutlineSchema,_simpleToast,_simpleModal,_paperDialog,_paperDialogScrollable,_paperTooltip,_simplePicker,_simpleIconPicker,_mapMenu,_jwtLogin,_ecoJsonSchemaForm,_ecoJsonSchemaObject,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSSiteListing=void 0;function _templateObject_37d29e60555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors\">\n        app-toolbar {\n          background-color: rgba(255, 0, 116, 1);\n          color: #ffffff;\n        }\n        paper-icon-button {\n          --paper-icon-button-ink-color: #ffffff;\n        }\n        paper-icon-button + [main-title] {\n          margin-left: 24px;\n        }\n        app-header {\n          color: #ffffff;\n          @apply --layout-fixed-top;\n          --app-header-background-rear-layer: {\n            background-color: rgba(255, 0, 116, 1);\n          }\n        }\n        app-drawer {\n          --app-drawer-scrim-background: rgba(0, 0, 0, 0.6);\n          --app-drawer-content-container: {\n            background-color: rgba(255, 0, 116, 0.8);\n            overflow: scroll;\n            color: #ffffff;\n            padding-left: 8px;\n            padding-right: 8px;\n          }\n        }\n        sites-listing {\n          display: block;\n          margin: 100px 16px 0px 16px;\n        }\n        paper-dialog {\n          width: 60%;\n          min-height: 50%;\n          top: 10%;\n          border-radius: 16px;\n        }\n        paper-input {\n          --paper-input-container-focus-color: #3a0063;\n        }\n        #closedrawer {\n          float: left;\n          margin: 12px -20px 0 8px;\n        }\n        #add {\n          float: right;\n          margin: 12px 8px 0 -20px;\n        }\n        #newsitecolor {\n          padding: 4px;\n          margin: 0;\n          display: inline-flex;\n          vertical-align: middle;\n        }\n        #newsitecolor > * {\n          display: inline-flex;\n          align-self: center;\n          margin-right: 8px;\n          --simple-colors-picker-preview-size: 20px;\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      </style>\n      <jwt-login\n        id=\"jwt\"\n        url=\"[[__loginPath]]\"\n        logout-url=\"[[__logoutPath]]\"\n        jwt=\"{{jwt}}\"\n      ></jwt-login>\n      <iron-ajax\n        id=\"createrequest\"\n        method=\"POST\"\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=\"downloadrequest\"\n        method=\"POST\"\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=\"getconfigrequest\"\n        method=\"POST\"\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=\"POST\"\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      <sites-listing\n        id=\"siteslisting\"\n        sites-response=\"{{__sitesResponse}}\"\n        sites=\"{{__sites}}\"\n        data-source=\"[[_dataSource]]\"\n        edit-mode=\"[[editMode]]\"\n      ></sites-listing>\n      <app-header reveals>\n        <app-toolbar>\n          <paper-icon-button\n            icon=\"menu\"\n            on-tap=\"drawerToggle\"\n          ></paper-icon-button>\n          <div main-title>[[title]]</div>\n          <paper-icon-button\n            on-tap=\"_settingsTap\"\n            id=\"settings\"\n            icon=\"icons:settings\"\n            hidden$=\"[[!loggedIn]]\"\n          ></paper-icon-button>\n          <paper-tooltip\n            for=\"settings\"\n            position=\"bottom\"\n            offset=\"12\"\n            animation-delay=\"200\"\n            >Settings</paper-tooltip\n          >\n          <paper-icon-button\n            on-tap=\"_loginUserRoutine\"\n            id=\"login\"\n            icon=\"[[__loginIcon]]\"\n          ></paper-icon-button>\n          <paper-tooltip\n            for=\"login\"\n            position=\"bottom\"\n            offset=\"12\"\n            animation-delay=\"200\"\n            >[[__loginText]]</paper-tooltip\n          >\n        </app-toolbar>\n      </app-header>\n      <app-drawer id=\"drawer\" swipe-open>\n        <paper-icon-button\n          id=\"closedrawer\"\n          icon=\"icons:close\"\n          on-tap=\"drawerToggle\"\n        ></paper-icon-button>\n        <paper-tooltip\n          for=\"closedrawer\"\n          position=\"bottom\"\n          offset=\"12\"\n          animation-delay=\"200\"\n          >Close</paper-tooltip\n        >\n        <paper-icon-button\n          on-tap=\"_addTap\"\n          id=\"add\"\n          icon=\"icons:add\"\n        ></paper-icon-button>\n        <paper-tooltip\n          for=\"add\"\n          position=\"bottom\"\n          offset=\"12\"\n          animation-delay=\"200\"\n          >Add site</paper-tooltip\n        >\n        <h3\n          style=\"margin: 18px; padding: 6px; border-bottom: 1px solid #ffffff; text-align: center; font-weight: normal;\"\n        >\n          Site list\n        </h3>\n        <map-menu\n          id=\"mapmenu\"\n          items=\"{{outline}}\"\n          data=\"[[__sites]]\"\n          selected=\"{{activeItemID}}\"\n        ></map-menu>\n      </app-drawer>\n      <paper-dialog id=\"newdialog\" with-backdrop>\n        <h3>Create new site</h3>\n        <paper-dialog-scrollable>\n          <paper-input\n            id=\"newsitetitle\"\n            label=\"Title\"\n            required\n            autofocus\n            value=\"{{siteTitle}}\"\n          ></paper-input>\n          <paper-input\n            id=\"newsitedescription\"\n            label=\"Description\"\n          ></paper-input>\n          <paper-input\n            id=\"newsiteimage\"\n            label=\"Image\"\n            value=\"[[activeItem.metadata.image]]\"\n          ></paper-input>\n          <label for=\"newsitecolor\">Select a color:</label>\n          <simple-colors-picker id=\"newsitecolor\"></simple-colors-picker>\n          <simple-picker id=\"newsitetheme\" label=\"Theme\"></simple-picker>\n          <label for=\"newsiteicon\">Select an icon:</label>\n          <simple-icon-picker\n            id=\"newsiteicon\"\n            hide-option-labels\n            value=\"[[activeItem.metadata.icon]]\"\n          ></simple-icon-picker>\n        </paper-dialog-scrollable>\n        <div class=\"buttons\">\n          <paper-button on-tap=\"_createSite\" dialog-confirm id=\"create\" raised\n            >Let's go!</paper-button\n          >\n          <paper-button dialog-dismiss>cancel</paper-button>\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"itemdialog\" with-backdrop>\n        <paper-dialog-scrollable>\n          <magazine-cover\n            image=\"[[activeItem.metadata.image]]\"\n            header=\"[[activeItem.title]]\"\n            subheader=\"[[activeItem.description]]\"\n            action=\"Access site\"\n            icon=\"[[activeItem.metadata.icon]]\"\n            event-data=\"[[activeItem]]\"\n            event-name=\"haxcms-load-site\"\n          >\n          </magazine-cover>\n        </paper-dialog-scrollable>\n        <div class=\"buttons\">\n          <iron-icon\n            icon=\"editor:format-color-fill\"\n            style$=\"color:[[activeItem.metadata.hexCode]]\"\n          ></iron-icon\n          >[[activeItem.metadata.hexCode]]\n          <iron-icon icon=\"av:web\"></iron-icon>Theme:\n          [[activeItem.metadata.theme.name]]\n          <paper-icon-button\n            id=\"editsite\"\n            icon=\"icons:settings\"\n            style=\"color:black\"\n          ></paper-icon-button>\n          <paper-tooltip\n            for=\"edit\"\n            position=\"bottom\"\n            offset=\"12\"\n            animation-delay=\"200\"\n            >change details</paper-tooltip\n          >\n          <paper-icon-button\n            id=\"archivesite\"\n            icon=\"icons:archive\"\n            dialog-dismiss\n            style=\"color:grey\"\n          ></paper-icon-button>\n          <paper-tooltip\n            for=\"archivesite\"\n            position=\"top\"\n            offset=\"12\"\n            animation-delay=\"200\"\n            >archive site</paper-tooltip\n          >\n          <paper-icon-button\n            on-tap=\"_downloadSite\"\n            id=\"download\"\n            icon=\"icons:file-download\"\n            style=\"color:black\"\n          ></paper-icon-button>\n          <paper-tooltip\n            for=\"download\"\n            position=\"top\"\n            offset=\"12\"\n            animation-delay=\"200\"\n            >Download zip</paper-tooltip\n          >\n        </div>\n      </paper-dialog>\n      <paper-dialog id=\"settingsdialog\" with-backdrop>\n        <h3>Edit HAXCMS configuration</h3>\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-tap=\"_saveConfig\"\n            dialog-confirm\n            id=\"saveconfig\"\n            raised\n            >Save</paper-button\n          >\n          <paper-button dialog-dismiss>cancel</paper-button>\n        </div>\n      </paper-dialog>\n    "]);_templateObject_37d29e60555211e98f439769bd191e33=function(){return data};return data}var HAXCMSSiteListing=function(_PolymerElement){var _Mathfloor=Math.floor;babelHelpers.inherits(HAXCMSSiteListing,_PolymerElement);babelHelpers.createClass(HAXCMSSiteListing,[{key:"drawerToggle",value:function drawerToggle(){this.$.drawer.toggle()}},{key:"__sitesResponseChanged",value:function __sitesResponseChanged(newValue){var _this2=this;if(newValue){this.title=newValue.title;setTimeout(function(){if(_this2.jwt){_this2.$.siteslisting.$.list.querySelector("[data-site-id=\"item-new\"]").hidden=!1;_this2.$.mapmenu.$.builder.shadowRoot.querySelector("#item-new").hidden=!1;_this2.$.add.hidden=!1}else{_this2.$.siteslisting.$.list.querySelector("[data-site-id=\"item-new\"]").hidden=!0;_this2.$.mapmenu.$.builder.shadowRoot.querySelector("#item-new").hidden=!0;_this2.$.add.hidden=!0}},100)}}},{key:"_dataSourceChanged",value:function _dataSourceChanged(newValue){if(newValue){this._dataSource=newValue+"?"+_Mathfloor(Date.now()/1e3)}}},{key:"_loginStateChange",value:function _loginStateChange(e){if(e.detail){this.loggedIn=!0}else{this.loggedIn=!1}}},{key:"_editModeChanged",value:function _editModeChanged(newValue){if(newValue){this.__editIcon="icons:check"}else{this.__editIcon="icons:create"}}},{key:"_loginStateChanged",value:function _loginStateChanged(newValue){if(newValue){this.__loginText="Log out";this.__loginIcon="icons:account-circle";var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Welcome, log in successful!",duration:4e3}});this.dispatchEvent(evt);this.$.add.hidden=!1;this.$.siteslisting.$.list.querySelector("[data-site-id=\"item-new\"]").hidden=!1;this.$.mapmenu.$.builder.shadowRoot.querySelector("#item-new").hidden=!1}else{this.__loginText="Log in";this.__loginIcon="icons:power-settings-new";var _evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"You logged out",duration:4e3}});this.dispatchEvent(_evt);this.$.add.hidden=!0;this.$.siteslisting.$.list.querySelector("[data-site-id=\"item-new\"]").hidden=!0;this.$.mapmenu.$.builder.shadowRoot.querySelector("#item-new").hidden=!0}}},{key:"_jwtChanged",value:function _jwtChanged(newValue){if(newValue){this.__loginText="Log out";this.__loginIcon="icons:account-circle"}else{this.__loginText="Log in";this.__loginIcon="icons:power-settings-new"}}},{key:"_loginUserRoutine",value:function _loginUserRoutine(){this.$.jwt.toggleLogin()}},{key:"_themeChanged",value:function _themeChanged(e){if(e.detail.value){this.set("activeItem.metadata.theme",e.detail.value);this.notifyPath("activeItem.metadata.theme")}}},{key:"_colorChanged",value:function _colorChanged(e){this.set("activeItem.metadata.cssVariable",e.detail.value);this.notifyPath("activeItem.metadata.cssVariable");this.set("activeItem.metadata.hexCode",_simpleColors.SimpleColors.colors[e.detail.value.replace("--simple-colors-default-theme-","").replace("-7","")][6]);this.notifyPath("activeItem.metadata.hexCode")}},{key:"_addTap",value:function _addTap(){var itemNew=this.$.siteslisting.$.list.querySelector("[data-site-id=\"item-new\"]");if(itemNew){itemNew.click()}}},{key:"_editTap",value:function _editTap(){this.editMode=!this.editMode}},{key:"_settingsTap",value:function _settingsTap(){this._loadConfig();this.$.settingsdialog.opened=!0}},{key:"_mapMenuSelection",value:function _mapMenuSelection(e){var findSite=this.__sites.filter(function(site){if(site.id!==e.detail){return!1}return!0});if(0<findSite.length){this.set("activeItem",{});this.set("activeItem",findSite.pop());this.notifyPath("activeItem.*")}}},{key:"_activeItemChanged",value:function _activeItemChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&babelHelpers.typeof(newValue.id)!=="undefined"){if("item-new"===newValue.id){this.$.newdialog.opened=!0;this.$.itemdialog.opened=!1}else{this.$.newdialog.opened=!1;this.$.itemdialog.opened=!0}}else if(babelHelpers.typeof(newValue)!=="undefined"&&babelHelpers.typeof(newValue.id)!=="undefined"){this.$.newdialog.opened=!1;this.$.itemdialog.opened=!1;this.$.drawer.opened=!1}}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteListing.prototype),"connectedCallback",this).call(this);this.__loginPath=window.appSettings.login;this.__logoutPath=window.appSettings.logout;var themeOptions=[],firstTheme=null;for(var theme in window.appSettings.themes){var item=[{alt:window.appSettings.themes[theme].name,value:theme}];themeOptions.push(item);if(!firstTheme){firstTheme=theme}}this.$.newsitetheme.options=themeOptions;if(!this.$.newsitetheme.value){this.$.newsitetheme.value=firstTheme}this.__setConfigPath=window.appSettings.setConfigPath;this.__getConfigPath=window.appSettings.getConfigPath;this.__createNewSitePath=window.appSettings.createNewSitePath;this.__downloadSitePath=window.appSettings.downloadSitePath;document.body.addEventListener("sites-listing-item-selected",this._itemSelected.bind(this));document.body.addEventListener("haxcms-load-site",this.loadActiveSite.bind(this));this.$.mapmenu.addEventListener("selected",this._mapMenuSelection.bind(this));this.$.newsitetheme.addEventListener("change",this._themeChanged.bind(this));this.$.newsitecolor.addEventListener("change",this._colorChanged.bind(this));this.$.jwt.addEventListener("jwt-logged-in",this._loginStateChange.bind(this));this.$.siteslisting.addEventListener("item-overlay-option-selected",this._itemOptionSelected.bind(this));this.$.siteslisting.addEventListener("item-overlay-op-changed",this._itemOpChanged.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){document.body.removeEventListener("sites-listing-item-selected",this._itemSelected.bind(this));document.body.removeEventListener("haxcms-load-site",this.loadActiveSite.bind(this));this.$.mapmenu.removeEventListener("selected",this._mapMenuSelection.bind(this));this.$.newsitetheme.removeEventListener("change",this._themeChanged.bind(this));this.$.newsitecolor.removeEventListener("change",this._colorChanged.bind(this));this.$.jwt.removeEventListener("jwt-logged-in",this._loginStateChange.bind(this));this.$.siteslisting.removeEventListener("item-overlay-option-selected",this._itemOptionSelected.bind(this));this.$.siteslisting.removeEventListener("item-overlay-op-changed",this._itemOpChanged.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteListing.prototype),"disconnectedCallback",this).call(this)}}],[{key:"tag",get:function get(){return"haxcms-site-listing"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_37d29e60555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{title:{type:String,value:"Site list"},siteTitle:{type:String},__sitesResponse:{type:String,observer:"__sitesResponseChanged"},basePath:{type:String},dataSource:{type:String,observer:"_dataSourceChanged"},jwt:{type:String,observer:"_jwtChanged"},createParams:{type:Object,value:{}},downloadParams:{type:Object,value:{}},configParams:{type:Object,value:{}},setConfigParams:{type:Object,value:{}},activeItem:{type:Object,notify:!0,observer:"_activeItemChanged"},loggedIn:{type:Boolean,notify:!0,reflectToAttribute:!0,observer:"_loginStateChanged"},editMode:{type:Boolean,notify:!0,reflectToAttribute:!0,value:!1,observer:"_editModeChanged"}}}}]);function HAXCMSSiteListing(){var _this;babelHelpers.classCallCheck(this,HAXCMSSiteListing);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSSiteListing).call(this));(0,_settings.setPassiveTouchGestures)(!0);window.JSONOutlineSchema.requestAvailability();window.SimpleModal.requestAvailability();window.SimpleToast.requestAvailability();window.HAXCMS={};return _this}babelHelpers.createClass(HAXCMSSiteListing,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteListing.prototype),"ready",this).call(this);this.jwt=localStorage.getItem("jwt")}},{key:"loadActiveSite",value:function loadActiveSite(e){var findSite=this.__sites.filter(function(site){if(site.id!==e.detail.id){return!1}return!0}),item=findSite.pop();if(item.location){window.open(item.location)}else{window.open("/_sites/"+item.metadata.siteName+"/index.html")}}},{key:"_itemSelected",value:function _itemSelected(e){this.set("activeItem",{});this.set("activeItem",e.detail);this.notifyPath("activeItem.*")}},{key:"_createSite",value:function _createSite(){this.set("createParams.siteName",this.$.newsitetitle.value);this.notifyPath("createParams.siteName");this.set("createParams.description",this.$.newsitedescription.value);this.notifyPath("createParams.description");this.set("createParams.theme",this.activeItem.metadata.theme);this.notifyPath("createParams.theme");this.set("createParams.hexCode",this.activeItem.metadata.hexCode);this.notifyPath("createParams.hexCode");this.set("createParams.cssVariable",this.activeItem.metadata.cssVariable);this.notifyPath("createParams.cssVariable");this.set("createParams.image",this.$.newsiteimage.value);this.notifyPath("createParams.image");this.set("createParams.icon",this.$.newsiteicon.icon);this.notifyPath("createParams.icon");this.set("createParams.jwt",this.jwt);this.notifyPath("createParams.jwt");this.$.newsitetitle.value="";this.$.newsitedescription.value=null;this.$.createrequest.generateRequest()}},{key:"_downloadSite",value:function _downloadSite(){this.set("downloadParams.siteName",this.activeItem.metadata.siteName);this.notifyPath("downloadParams.siteName");this.set("downloadParams.jwt",this.jwt);this.notifyPath("downloadParams.jwt");this.$.downloadrequest.generateRequest()}},{key:"_loadConfig",value:function _loadConfig(){this.set("configParams.jwt",this.jwt);this.notifyPath("configParams.jwt");this.set("configParams.token",this.createParams.token);this.notifyPath("configParams.token");this.$.getconfigrequest.generateRequest()}},{key:"_saveConfig",value:function _saveConfig(){window.HAXCMS.config.values=this.$.settingsform.value;this.set("setConfigParams.values",{});this.set("setConfigParams.values",window.HAXCMS.config.values);this.notifyPath("setConfigParams.values.*");this.set("setConfigParams.jwt",this.jwt);this.notifyPath("setConfigParams.jwt");this.set("setConfigParams.token",this.createParams.token);this.notifyPath("setConfigParams.token");this.$.setconfigrequest.generateRequest()}},{key:"handleCreateResponse",value:function handleCreateResponse(e){this._dataSource=this.dataSource+"?"+_Mathfloor(Date.now()/1e3);this.dispatchEvent(new CustomEvent("sites-listing-refresh-data",{bubbles:!0,composed:!0,cancelable:!1,detail:e.detail.response}));var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:e.detail.response.title+" created successfully!",duration:4e3}});this.dispatchEvent(evt)}},{key:"handleConfigResponse",value:function handleConfigResponse(e){window.HAXCMS.config=e.detail.response;this.$.settingsform.set("schema",window.HAXCMS.config.schema);this.$.settingsform.set("value",window.HAXCMS.config.values)}},{key:"handleSetConfigResponse",value:function handleSetConfigResponse(){this.$.settingsdialog.opened=!1;var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"HAXCMS configuration updated!",duration:4e3}});this.dispatchEvent(evt)}},{key:"handleDownloadResponse",value:function handleDownloadResponse(e){this.dispatchEvent(new CustomEvent("download-site-listing",{bubbles:!0,composed:!0,cancelable:!1,detail:e.detail.response}));var element=document.createElement("a");element.setAttribute("href",e.detail.response.link);element.style.display="none";document.body.appendChild(element);element.click();document.body.removeChild(element);var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:this.activeItem.title+" downloaded successfully!",duration:4e3}});this.dispatchEvent(evt)}},{key:"_itemOptionSelected",value:function _itemOptionSelected(e){e.detail.element;switch(e.detail.operation){case"remove":if("option1"===e.detail.option){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Deleting this",duration:4e3}});this.dispatchEvent(evt)}break;case"duplicate":if("option1"===e.detail.option){var _evt2=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Duplicating this",duration:4e3}});this.dispatchEvent(_evt2)}break;case"move":if("option1"===e.detail.option){var _evt3=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Move this item left",duration:4e3}});this.dispatchEvent(_evt3)}else{var _evt4=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Move this item right",duration:4e3}});this.dispatchEvent(_evt4)}break;}}},{key:"_itemOpChanged",value:function _itemOpChanged(e){var element=e.detail.element;if("edit"===e.detail.operation){var findSite=this.__sites.filter(function(site){if(site.id!==element.getAttribute("data-site-id")){return!1}return!0});if(0<findSite.length){this.set("activeItem",{});this.set("activeItem",findSite.pop());this.notifyPath("activeItem.*");this.$.edit.click()}}}}]);return HAXCMSSiteListing}(_polymerElement.PolymerElement);_exports.HAXCMSSiteListing=HAXCMSSiteListing;window.customElements.define(HAXCMSSiteListing.tag,HAXCMSSiteListing)});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-router.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-router.js
index b1fa9dc7270..2fac4830422 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-router.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-router.js
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js","../../../../@vaadin/router/dist/vaadin-router.js","../../../../mobx/lib/mobx.module.js","./haxcms-site-store.js"],function(_exports,_polymerElement,_vaadinRouter,_mobxModule,_haxcmsSiteStore){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSSiteRouter=void 0;function _templateObject_a876282054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <slot></slot>\n    "]);_templateObject_a876282054f411e9aeb367f92c5b63ab=function(){return data};return data}var HAXCMSSiteRouter=function(_PolymerElement){babelHelpers.inherits(HAXCMSSiteRouter,_PolymerElement);babelHelpers.createClass(HAXCMSSiteRouter,null,[{key:"tag",get:function get(){return"haxcms-site-router"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a876282054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{baseURI:{type:String}}}}]);function HAXCMSSiteRouter(){var _this;babelHelpers.classCallCheck(this,HAXCMSSiteRouter);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSSiteRouter).call(this));var options={};if(_this.baseURI){options.baseUrl=_this.baseURI}_this.router=new _vaadinRouter.Router(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)),options);_this.__disposer=(0,_mobxModule.autorun)(function(){_this._updateRouter(_haxcmsSiteStore.store.routerManifest)});window.addEventListener("vaadin-router-location-changed",_this._routerLocationChanged.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this))));return _this}babelHelpers.createClass(HAXCMSSiteRouter,[{key:"disconnectedCallback",value:function disconnectedCallback(){this.__disposer();window.removeEventListener("vaadin-router-location-changed",this._routerLocationChanged.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteRouter.prototype),"disconnectedCallback",this).call(this)}},{key:"_updateRouter",value:function _updateRouter(routerManifest){if(!routerManifest||"undefined"===typeof routerManifest.items)return;var routerItems=routerManifest.items.map(function(i){return{path:i.location,name:i.id,component:"fake-".concat(i.id,"-e")}});this.router.setRoutes(babelHelpers.toConsumableArray(routerItems).concat([{path:"/",component:"fake-home-e",name:"home"},{path:"/(.*)",component:"fake-404-e",name:"404"}]))}},{key:"_routerLocationChanged",value:function _routerLocationChanged(e){_haxcmsSiteStore.store.location=e.detail.location}}]);return HAXCMSSiteRouter}(_polymerElement.PolymerElement);_exports.HAXCMSSiteRouter=HAXCMSSiteRouter;window.customElements.define(HAXCMSSiteRouter.tag,HAXCMSSiteRouter)});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js","../../../../@vaadin/router/dist/vaadin-router.js","../../../../mobx/lib/mobx.module.js","./haxcms-site-store.js"],function(_exports,_polymerElement,_vaadinRouter,_mobxModule,_haxcmsSiteStore){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSSiteRouter=void 0;function _templateObject_37fbf850555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <slot></slot>\n    "]);_templateObject_37fbf850555211e98f439769bd191e33=function(){return data};return data}var HAXCMSSiteRouter=function(_PolymerElement){babelHelpers.inherits(HAXCMSSiteRouter,_PolymerElement);babelHelpers.createClass(HAXCMSSiteRouter,null,[{key:"tag",get:function get(){return"haxcms-site-router"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_37fbf850555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{baseURI:{type:String}}}}]);function HAXCMSSiteRouter(){var _this;babelHelpers.classCallCheck(this,HAXCMSSiteRouter);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSSiteRouter).call(this));var options={};if(_this.baseURI){options.baseUrl=_this.baseURI}_this.router=new _vaadinRouter.Router(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)),options);_this.__disposer=(0,_mobxModule.autorun)(function(){_this._updateRouter(_haxcmsSiteStore.store.routerManifest)});window.addEventListener("vaadin-router-location-changed",_this._routerLocationChanged.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this))));return _this}babelHelpers.createClass(HAXCMSSiteRouter,[{key:"disconnectedCallback",value:function disconnectedCallback(){this.__disposer();window.removeEventListener("vaadin-router-location-changed",this._routerLocationChanged.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSiteRouter.prototype),"disconnectedCallback",this).call(this)}},{key:"_updateRouter",value:function _updateRouter(routerManifest){if(!routerManifest||"undefined"===typeof routerManifest.items)return;var routerItems=routerManifest.items.map(function(i){return{path:i.location,name:i.id,component:"fake-".concat(i.id,"-e")}});this.router.setRoutes(babelHelpers.toConsumableArray(routerItems).concat([{path:"/",component:"fake-home-e",name:"home"},{path:"/(.*)",component:"fake-404-e",name:"404"}]))}},{key:"_routerLocationChanged",value:function _routerLocationChanged(e){_haxcmsSiteStore.store.location=e.detail.location}}]);return HAXCMSSiteRouter}(_polymerElement.PolymerElement);_exports.HAXCMSSiteRouter=HAXCMSSiteRouter;window.customElements.define(HAXCMSSiteRouter.tag,HAXCMSSiteRouter)});
\ No newline at end of file
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 ace3a8d4493..2456e309f67 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../HAXCMSThemeWiring.js","../../ui-components/templates/basic-template.js","../../../../simple-colors/simple-colors.js"],function(_exports,_polymerElement,_HAXCMSThemeWiring,_basicTemplate){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSBasicTheme=void 0;function _templateObject_64db554054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors\">\n        :host {\n          display: block;\n          background-color: white;\n          --haxcms-basic-theme-accent-color: var(--haxcms-color, yellow);\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        .left-col {\n          min-height: 250px;\n          border: 2px solid black;\n          background-color: #37474f;\n          color: white;\n          padding: 16px;\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          left: 0;\n          margin: 0 32px;\n          position: absolute;\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: {\n            width: 32px;\n            height: 32px;\n            color: white;\n          }\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: {\n            color: white;\n          }\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_64db554054f411e9aeb367f92c5b63ab=function(){return data};return data}var HAXCMSBasicTheme=function(_HAXCMSTheme){babelHelpers.inherits(HAXCMSBasicTheme,_HAXCMSTheme);function HAXCMSBasicTheme(){babelHelpers.classCallCheck(this,HAXCMSBasicTheme);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSBasicTheme).apply(this,arguments))}babelHelpers.createClass(HAXCMSBasicTheme,null,[{key:"template",get:function get(){var template=babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSBasicTheme),"template",this);return(0,_polymerElement.html)(_templateObject_64db554054f411e9aeb367f92c5b63ab(),template)}}]);return HAXCMSBasicTheme}((0,_HAXCMSThemeWiring.HAXCMSTheme)((0,_basicTemplate.BasicTemplate)(_polymerElement.PolymerElement)));_exports.HAXCMSBasicTheme=HAXCMSBasicTheme;window.customElements.define("haxcms-basic-theme",HAXCMSBasicTheme)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../HAXCMSThemeWiring.js","../../ui-components/templates/basic-template.js","../../../../simple-colors/simple-colors.js"],function(_exports,_polymerElement,_HAXCMSThemeWiring,_basicTemplate){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSBasicTheme=void 0;function _templateObject_f9e99ea0555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors\">\n        :host {\n          display: block;\n          background-color: white;\n          --haxcms-basic-theme-accent-color: var(--haxcms-color, yellow);\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        .left-col {\n          min-height: 250px;\n          border: 2px solid black;\n          background-color: #37474f;\n          color: white;\n          padding: 16px;\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          left: 0;\n          margin: 0 32px;\n          position: absolute;\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: {\n            width: 32px;\n            height: 32px;\n            color: white;\n          }\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: {\n            color: white;\n          }\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_f9e99ea0555111e98f439769bd191e33=function(){return data};return data}var HAXCMSBasicTheme=function(_HAXCMSTheme){babelHelpers.inherits(HAXCMSBasicTheme,_HAXCMSTheme);function HAXCMSBasicTheme(){babelHelpers.classCallCheck(this,HAXCMSBasicTheme);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSBasicTheme).apply(this,arguments))}babelHelpers.createClass(HAXCMSBasicTheme,null,[{key:"template",get:function get(){var template=babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSBasicTheme),"template",this);return(0,_polymerElement.html)(_templateObject_f9e99ea0555111e98f439769bd191e33(),template)}}]);return HAXCMSBasicTheme}((0,_HAXCMSThemeWiring.HAXCMSTheme)((0,_basicTemplate.BasicTemplate)(_polymerElement.PolymerElement)));_exports.HAXCMSBasicTheme=HAXCMSBasicTheme;window.customElements.define("haxcms-basic-theme",HAXCMSBasicTheme)});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-custom-theme.js b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-custom-theme.js
index f9a7021ad22..ca1c062b079 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-custom-theme.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-custom-theme.js
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../../../../@polymer/polymer/lib/utils/render-status.js","../../../../../@polymer/polymer/lib/utils/style-gather.js","../HAXCMSThemeWiring.js","../../ui-components/templates/basic-template.js","../../../../simple-colors/simple-colors.js"],function(_exports,_polymerElement,_renderStatus,_styleGather,_HAXCMSThemeWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSCustomTheme=void 0;function _templateObject_64f768c054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <div id=\"contentcontainer\">\n        <div id=\"slot\">\n          <slot></slot>\n        </div>\n      </div>\n    "]);_templateObject_64f768c054f411e9aeb367f92c5b63ab=function(){return data};return data}var HAXCMSCustomTheme=function(_HAXCMSTheme){babelHelpers.inherits(HAXCMSCustomTheme,_HAXCMSTheme);babelHelpers.createClass(HAXCMSCustomTheme,[{key:"getCSS",value:function(){var _getCSS=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee(){var _this2=this;return regeneratorRuntime.wrap(function(_context){while(1){switch(_context.prev=_context.next){case 0:_context.next=2;return fetch("theme/theme.css").then(function(response){return response.text()}).then(function(response){var evt=new CustomEvent("haxcms-custom-theme-template-ready",{bubbles:!0,composed:!0,cancelable:!1,detail:{css:response}});_this2.dispatchEvent(evt);return response});case 2:return _context.abrupt("return",_context.sent);case 3:case"end":return _context.stop();}}},_callee,this)}));return function getCSS(){return _getCSS.apply(this,arguments)}}()},{key:"getHTML",value:function(){var _getHTML=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee2(){var _this3=this;return regeneratorRuntime.wrap(function(_context2){while(1){switch(_context2.prev=_context2.next){case 0:_context2.next=2;return fetch("theme/theme.html").then(function(response){return response.text()}).then(function(response){var evt=new CustomEvent("haxcms-custom-theme-template-ready",{bubbles:!0,composed:!0,cancelable:!1,detail:{html:response}});_this3.dispatchEvent(evt);return response});case 2:return _context2.abrupt("return",_context2.sent);case 3:case"end":return _context2.stop();}}},_callee2,this)}));return function getHTML(){return _getHTML.apply(this,arguments)}}()}]);function HAXCMSCustomTheme(){var _this;babelHelpers.classCallCheck(this,HAXCMSCustomTheme);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSCustomTheme).call(this));_this.__counter=0;_this.getCSS();_this.getHTML();window.addEventListener("haxcms-custom-theme-template-ready",_this.templateReady.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this))));return _this}babelHelpers.createClass(HAXCMSCustomTheme,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSCustomTheme.prototype),"connectedCallback",this).call(this);(0,_renderStatus.afterNextRender)(this,function(){this.contentContainer=this.shadowRoot.querySelector("#contentcontainer")})}},{key:"templateReady",value:function templateReady(e){this.__counter++;if(e.detail.css){this._css=e.detail.css}if(e.detail.html){this._html=e.detail.html}if(2===this.__counter){var t=document.createElement("template");t.innerHTML="\n      <style include=\"simple-colors\">\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        ".concat(this._css,"\n      </style>\n      ").concat(this._html);var styles=(0,_styleGather.stylesFromTemplate)(t);while(this.shadowRoot.firstChild){this.shadowRoot.removeChild(this.shadowRoot.firstChild)}for(var i in styles){t.innerHTML=styles[i].outerHTML+t.innerHTML}this.__instance=this._stampTemplate(t);this.shadowRoot.appendChild(this.__instance)}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_64f768c054f411e9aeb367f92c5b63ab())}}]);return HAXCMSCustomTheme}((0,_HAXCMSThemeWiring.HAXCMSTheme)(_polymerElement.PolymerElement));_exports.HAXCMSCustomTheme=HAXCMSCustomTheme;window.customElements.define("haxcms-custom-theme",HAXCMSCustomTheme)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../../../../@polymer/polymer/lib/utils/render-status.js","../../../../../@polymer/polymer/lib/utils/style-gather.js","../HAXCMSThemeWiring.js","../../ui-components/templates/basic-template.js","../../../../simple-colors/simple-colors.js"],function(_exports,_polymerElement,_renderStatus,_styleGather,_HAXCMSThemeWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSCustomTheme=void 0;function _templateObject_fa0ed9e0555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <div id=\"contentcontainer\">\n        <div id=\"slot\">\n          <slot></slot>\n        </div>\n      </div>\n    "]);_templateObject_fa0ed9e0555111e98f439769bd191e33=function(){return data};return data}var HAXCMSCustomTheme=function(_HAXCMSTheme){babelHelpers.inherits(HAXCMSCustomTheme,_HAXCMSTheme);babelHelpers.createClass(HAXCMSCustomTheme,[{key:"getCSS",value:function(){var _getCSS=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee(){var _this2=this;return regeneratorRuntime.wrap(function(_context){while(1){switch(_context.prev=_context.next){case 0:_context.next=2;return fetch("theme/theme.css").then(function(response){return response.text()}).then(function(response){var evt=new CustomEvent("haxcms-custom-theme-template-ready",{bubbles:!0,composed:!0,cancelable:!1,detail:{css:response}});_this2.dispatchEvent(evt);return response});case 2:return _context.abrupt("return",_context.sent);case 3:case"end":return _context.stop();}}},_callee,this)}));return function getCSS(){return _getCSS.apply(this,arguments)}}()},{key:"getHTML",value:function(){var _getHTML=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee2(){var _this3=this;return regeneratorRuntime.wrap(function(_context2){while(1){switch(_context2.prev=_context2.next){case 0:_context2.next=2;return fetch("theme/theme.html").then(function(response){return response.text()}).then(function(response){var evt=new CustomEvent("haxcms-custom-theme-template-ready",{bubbles:!0,composed:!0,cancelable:!1,detail:{html:response}});_this3.dispatchEvent(evt);return response});case 2:return _context2.abrupt("return",_context2.sent);case 3:case"end":return _context2.stop();}}},_callee2,this)}));return function getHTML(){return _getHTML.apply(this,arguments)}}()}]);function HAXCMSCustomTheme(){var _this;babelHelpers.classCallCheck(this,HAXCMSCustomTheme);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSCustomTheme).call(this));_this.__counter=0;_this.getCSS();_this.getHTML();window.addEventListener("haxcms-custom-theme-template-ready",_this.templateReady.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this))));return _this}babelHelpers.createClass(HAXCMSCustomTheme,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSCustomTheme.prototype),"connectedCallback",this).call(this);(0,_renderStatus.afterNextRender)(this,function(){this.contentContainer=this.shadowRoot.querySelector("#contentcontainer")})}},{key:"templateReady",value:function templateReady(e){this.__counter++;if(e.detail.css){this._css=e.detail.css}if(e.detail.html){this._html=e.detail.html}if(2===this.__counter){var t=document.createElement("template");t.innerHTML="\n      <style include=\"simple-colors\">\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        ".concat(this._css,"\n      </style>\n      ").concat(this._html);var styles=(0,_styleGather.stylesFromTemplate)(t);while(this.shadowRoot.firstChild){this.shadowRoot.removeChild(this.shadowRoot.firstChild)}for(var i in styles){t.innerHTML=styles[i].outerHTML+t.innerHTML}this.__instance=this._stampTemplate(t);this.shadowRoot.appendChild(this.__instance)}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_fa0ed9e0555111e98f439769bd191e33())}}]);return HAXCMSCustomTheme}((0,_HAXCMSThemeWiring.HAXCMSTheme)(_polymerElement.PolymerElement));_exports.HAXCMSCustomTheme=HAXCMSCustomTheme;window.customElements.define("haxcms-custom-theme",HAXCMSCustomTheme)});
\ No newline at end of file
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 5fd61311d5c..3fc3e01c93f 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
@@ -1 +1 @@
-define(["exports","meta","require","../../../../../@polymer/polymer/polymer-element.js","../../../../../@vaadin/router/dist/vaadin-router.js","../../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../../@polymer/polymer/lib/utils/async.js","../../../../../@polymer/polymer/lib/utils/resolve-url.js","../../../../../@polymer/polymer/lib/utils/render-status.js","../../../../hax-body/lib/haxutils.js","../../../../../@polymer/app-layout/app-header/app-header.js","../../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../../@polymer/app-layout/app-drawer/app-drawer.js","../../../../../@polymer/app-layout/app-drawer-layout/app-drawer-layout.js","../../../../../@polymer/app-layout/app-header-layout/app-header-layout.js","../../../../../@polymer/iron-ajax/iron-ajax.js","../../../../simple-colors/simple-colors.js","../../../../hax-body/lib/hax-shared-styles.js","../../../../map-menu/map-menu.js"],function(_exports,meta,_require,_polymerElement,_vaadinRouter,_polymerDom,_async,_resolveUrl,_renderStatus,_haxutils){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSLegacyPlayer=void 0;meta=babelHelpers.interopRequireWildcard(meta);_require=babelHelpers.interopRequireWildcard(_require);function _templateObject_68d53f3054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors hax-shared-styles\">\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: {\n            color: #000000;\n          }\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              <paper-icon-button\n                icon=\"menu\"\n                on-click=\"_toggleMenu\"\n              ></paper-icon-button>\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_68d53f3054f411e9aeb367f92c5b63ab=function(){return data};return data}var HAXCMSLegacyPlayer=function(_PolymerElement){babelHelpers.inherits(HAXCMSLegacyPlayer,_PolymerElement);babelHelpers.createClass(HAXCMSLegacyPlayer,[{key:"_activeItemLocationChanged",value:function _activeItemLocationChanged(newValue){if(newValue){this.$.activecontent.generateRequest()}}},{key:"_fileChanged",value:function _fileChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this.$.manifest.generateRequest()}}}],[{key:"tag",get:function get(){return"haxcms-legacy-player"}},{key:"properties",get:function get(){return{file:{type:String,observer:"_fileChanged"},activeItemContent:{type:String,notify:!0,observer:"_activeItemContentChanged"},activeItemLocation:{type:String,computed:"computeActiveItemLocation(activeItem)",observer:"_activeItemLocationChanged"},activeItem:{type:Object},manifest:{type:Object},routerManifest:{type:Object,computed:"computeRouterManifest(manifest)",observer:"_updateRouter"}}}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_68d53f3054f411e9aeb367f92c5b63ab())}}]);function HAXCMSLegacyPlayer(){var _this;babelHelpers.classCallCheck(this,HAXCMSLegacyPlayer);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSLegacyPlayer).call(this));var options={};if(_this.baseURI){options.baseUrl=_this.baseURI}_this.router=new _vaadinRouter.Router(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)),options);window.addEventListener("vaadin-router-location-changed",_this._routerLocationChanged.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this))));return _this}babelHelpers.createClass(HAXCMSLegacyPlayer,[{key:"_activeItemContentChanged",value:function _activeItemContentChanged(newValue){var _this2=this;if(newValue){var html=newValue;if(null!==html){(0,_haxutils.wipeSlot)(this,"*");html=(0,_haxutils.encapScript)(newValue);_async.microTask.run(function(){setTimeout(function(){var frag=document.createRange().createContextualFragment(html);(0,_polymerDom.dom)(_this2).appendChild(frag);new CustomEvent("json-outline-schema-active-body-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:{html:html}})},5)});if(this.manifest.metadata.dynamicElementLoader){var i;(function(){var tagsFound=(0,_haxutils.findTagsInHTML)(html),basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),_loop=function(){var tagName=tagsFound[i];if(_this2.manifest.metadata.dynamicElementLoader[tagName]&&!window.customElements.get(tagName)){new Promise(function(res,rej){return _require.default(["".concat(basePath,"../../../../../").concat(_this2.manifest.metadata.dynamicElementLoader[tagName])],res,rej)}).then(function(){}).catch(function(error){console.log(error)})}};for(i in tagsFound){_loop()}})()}}}}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSLegacyPlayer.prototype),"connectedCallback",this).call(this);(0,_renderStatus.afterNextRender)(this,function(){if(document.getElementById("haxcmsoutdatedfallbacksuperold")){document.getElementById("haxcmsoutdatedfallback").removeChild(document.getElementById("haxcmsoutdatedfallbacksuperold"))}})}},{key:"disconnectedCallback",value:function disconnectedCallback(){window.removeEventListener("vaadin-router-location-changed",this._routerLocationChanged.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSLegacyPlayer.prototype),"disconnectedCallback",this).call(this)}},{key:"computeActiveItemLocation",value:function computeActiveItemLocation(activeItem){return"pages/"+activeItem.location+"/index.html"}},{key:"computeRouterManifest",value:function computeRouterManifest(manifest){document.body.dispatchEvent(new CustomEvent("json-outline-schema-changed",{bubbles:!0,detail:manifest}));if(manifest&&"undefined"!==typeof manifest.items){var manifestItems=manifest.items.map(function(i){var location=i.location.replace("pages/","").replace("/index.html","");return Object.assign({},i,{location:location})});return Object.assign({},manifest,{items:manifestItems})}}},{key:"_updateRouter",value:function _updateRouter(routerManifest){if(!routerManifest||"undefined"===typeof routerManifest.items)return;var routerItems=routerManifest.items.map(function(i){return{path:i.location,name:i.id,component:"fake-".concat(i.id,"-e")}});this.router.setRoutes(babelHelpers.toConsumableArray(routerItems).concat([{path:"/",component:"fake-home-e",name:"home"},{path:"/(.*)",component:"fake-404-e",name:"404"}]))}},{key:"_routerLocationChanged",value:function _routerLocationChanged(e){var _this3=this;setTimeout(function(){if(_this3.routerManifest.items.find){var tmpItem=_this3.routerManifest.items.find(function(i){return i.location==e.detail.location.route.path});if(tmpItem){_this3.set("activeItem",tmpItem)}}},100)}}]);return HAXCMSLegacyPlayer}(_polymerElement.PolymerElement);_exports.HAXCMSLegacyPlayer=HAXCMSLegacyPlayer;window.customElements.define(HAXCMSLegacyPlayer.tag,HAXCMSLegacyPlayer)});
\ No newline at end of file
+define(["exports","meta","require","../../../../../@polymer/polymer/polymer-element.js","../../../../../@vaadin/router/dist/vaadin-router.js","../../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../../@polymer/polymer/lib/utils/async.js","../../../../../@polymer/polymer/lib/utils/resolve-url.js","../../../../../@polymer/polymer/lib/utils/render-status.js","../../../../hax-body/lib/haxutils.js","../../../../../@polymer/app-layout/app-header/app-header.js","../../../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../../../../@polymer/app-layout/app-drawer/app-drawer.js","../../../../../@polymer/app-layout/app-drawer-layout/app-drawer-layout.js","../../../../../@polymer/app-layout/app-header-layout/app-header-layout.js","../../../../../@polymer/iron-ajax/iron-ajax.js","../../../../simple-colors/simple-colors.js","../../../../hax-body/lib/hax-shared-styles.js","../../../../map-menu/map-menu.js"],function(_exports,meta,_require,_polymerElement,_vaadinRouter,_polymerDom,_async,_resolveUrl,_renderStatus,_haxutils){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSLegacyPlayer=void 0;meta=babelHelpers.interopRequireWildcard(meta);_require=babelHelpers.interopRequireWildcard(_require);function _templateObject_fd77ce70555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors hax-shared-styles\">\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: {\n            color: #000000;\n          }\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              <paper-icon-button\n                icon=\"menu\"\n                on-click=\"_toggleMenu\"\n              ></paper-icon-button>\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_fd77ce70555111e98f439769bd191e33=function(){return data};return data}var HAXCMSLegacyPlayer=function(_PolymerElement){babelHelpers.inherits(HAXCMSLegacyPlayer,_PolymerElement);babelHelpers.createClass(HAXCMSLegacyPlayer,[{key:"_activeItemLocationChanged",value:function _activeItemLocationChanged(newValue){if(newValue){this.$.activecontent.generateRequest()}}},{key:"_fileChanged",value:function _fileChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this.$.manifest.generateRequest()}}}],[{key:"tag",get:function get(){return"haxcms-legacy-player"}},{key:"properties",get:function get(){return{file:{type:String,observer:"_fileChanged"},activeItemContent:{type:String,notify:!0,observer:"_activeItemContentChanged"},activeItemLocation:{type:String,computed:"computeActiveItemLocation(activeItem)",observer:"_activeItemLocationChanged"},activeItem:{type:Object},manifest:{type:Object},routerManifest:{type:Object,computed:"computeRouterManifest(manifest)",observer:"_updateRouter"}}}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_fd77ce70555111e98f439769bd191e33())}}]);function HAXCMSLegacyPlayer(){var _this;babelHelpers.classCallCheck(this,HAXCMSLegacyPlayer);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSLegacyPlayer).call(this));var options={};if(_this.baseURI){options.baseUrl=_this.baseURI}_this.router=new _vaadinRouter.Router(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)),options);window.addEventListener("vaadin-router-location-changed",_this._routerLocationChanged.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this))));return _this}babelHelpers.createClass(HAXCMSLegacyPlayer,[{key:"_activeItemContentChanged",value:function _activeItemContentChanged(newValue){var _this2=this;if(newValue){var html=newValue;if(null!==html){(0,_haxutils.wipeSlot)(this,"*");html=(0,_haxutils.encapScript)(newValue);_async.microTask.run(function(){setTimeout(function(){var frag=document.createRange().createContextualFragment(html);(0,_polymerDom.dom)(_this2).appendChild(frag);new CustomEvent("json-outline-schema-active-body-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:{html:html}})},5)});if(this.manifest.metadata.dynamicElementLoader){var i;(function(){var tagsFound=(0,_haxutils.findTagsInHTML)(html),basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),_loop=function(){var tagName=tagsFound[i];if(_this2.manifest.metadata.dynamicElementLoader[tagName]&&!window.customElements.get(tagName)){new Promise(function(res,rej){return _require.default(["".concat(basePath,"../../../../../").concat(_this2.manifest.metadata.dynamicElementLoader[tagName])],res,rej)}).then(function(){}).catch(function(error){console.log(error)})}};for(i in tagsFound){_loop()}})()}}}}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSLegacyPlayer.prototype),"connectedCallback",this).call(this);(0,_renderStatus.afterNextRender)(this,function(){if(document.getElementById("haxcmsoutdatedfallbacksuperold")){document.getElementById("haxcmsoutdatedfallback").removeChild(document.getElementById("haxcmsoutdatedfallbacksuperold"))}})}},{key:"disconnectedCallback",value:function disconnectedCallback(){window.removeEventListener("vaadin-router-location-changed",this._routerLocationChanged.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSLegacyPlayer.prototype),"disconnectedCallback",this).call(this)}},{key:"computeActiveItemLocation",value:function computeActiveItemLocation(activeItem){return"pages/"+activeItem.location+"/index.html"}},{key:"computeRouterManifest",value:function computeRouterManifest(manifest){document.body.dispatchEvent(new CustomEvent("json-outline-schema-changed",{bubbles:!0,detail:manifest}));if(manifest&&"undefined"!==typeof manifest.items){var manifestItems=manifest.items.map(function(i){var location=i.location.replace("pages/","").replace("/index.html","");return Object.assign({},i,{location:location})});return Object.assign({},manifest,{items:manifestItems})}}},{key:"_updateRouter",value:function _updateRouter(routerManifest){if(!routerManifest||"undefined"===typeof routerManifest.items)return;var routerItems=routerManifest.items.map(function(i){return{path:i.location,name:i.id,component:"fake-".concat(i.id,"-e")}});this.router.setRoutes(babelHelpers.toConsumableArray(routerItems).concat([{path:"/",component:"fake-home-e",name:"home"},{path:"/(.*)",component:"fake-404-e",name:"404"}]))}},{key:"_routerLocationChanged",value:function _routerLocationChanged(e){var _this3=this;setTimeout(function(){if(_this3.routerManifest.items.find){var tmpItem=_this3.routerManifest.items.find(function(i){return i.location==e.detail.location.route.path});if(tmpItem){_this3.set("activeItem",tmpItem)}}},100)}}]);return HAXCMSLegacyPlayer}(_polymerElement.PolymerElement);_exports.HAXCMSLegacyPlayer=HAXCMSLegacyPlayer;window.customElements.define(HAXCMSLegacyPlayer.tag,HAXCMSLegacyPlayer)});
\ No newline at end of file
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 ef9018eee93..365f9cb52b1 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../HAXCMSThemeWiring.js","../../ui-components/templates/minimalist-template.js","../../../../simple-colors/simple-colors.js"],function(_exports,_polymerElement,_HAXCMSThemeWiring,_minimalistTemplate){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSMinimalistTheme=void 0;function _templateObject_64cada8054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors\">\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_64cada8054f411e9aeb367f92c5b63ab=function(){return data};return data}var HAXCMSMinimalistTheme=function(_HAXCMSTheme){babelHelpers.inherits(HAXCMSMinimalistTheme,_HAXCMSTheme);function HAXCMSMinimalistTheme(){babelHelpers.classCallCheck(this,HAXCMSMinimalistTheme);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSMinimalistTheme).apply(this,arguments))}babelHelpers.createClass(HAXCMSMinimalistTheme,null,[{key:"template",get:function get(){var template=babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSMinimalistTheme),"template",this);return(0,_polymerElement.html)(_templateObject_64cada8054f411e9aeb367f92c5b63ab(),template)}}]);return HAXCMSMinimalistTheme}((0,_HAXCMSThemeWiring.HAXCMSTheme)((0,_minimalistTemplate.MinimalistTemplate)(_polymerElement.PolymerElement)));_exports.HAXCMSMinimalistTheme=HAXCMSMinimalistTheme;window.customElements.define("haxcms-minimalist-theme",HAXCMSMinimalistTheme)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../HAXCMSThemeWiring.js","../../ui-components/templates/minimalist-template.js","../../../../simple-colors/simple-colors.js"],function(_exports,_polymerElement,_HAXCMSThemeWiring,_minimalistTemplate){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSMinimalistTheme=void 0;function _templateObject_f9d97200555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors\">\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_f9d97200555111e98f439769bd191e33=function(){return data};return data}var HAXCMSMinimalistTheme=function(_HAXCMSTheme){babelHelpers.inherits(HAXCMSMinimalistTheme,_HAXCMSTheme);function HAXCMSMinimalistTheme(){babelHelpers.classCallCheck(this,HAXCMSMinimalistTheme);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSMinimalistTheme).apply(this,arguments))}babelHelpers.createClass(HAXCMSMinimalistTheme,null,[{key:"template",get:function get(){var template=babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSMinimalistTheme),"template",this);return(0,_polymerElement.html)(_templateObject_f9d97200555111e98f439769bd191e33(),template)}}]);return HAXCMSMinimalistTheme}((0,_HAXCMSThemeWiring.HAXCMSTheme)((0,_minimalistTemplate.MinimalistTemplate)(_polymerElement.PolymerElement)));_exports.HAXCMSMinimalistTheme=HAXCMSMinimalistTheme;window.customElements.define("haxcms-minimalist-theme",HAXCMSMinimalistTheme)});
\ No newline at end of file
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 c67652a05f9..44edf242742 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../HAXCMSThemeWiring.js","../../../../../@polymer/polymer/lib/utils/render-status.js","../haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../../ui-components/site/site-title.js","../../ui-components/site/site-print-button.js","../../ui-components/active-item/site-active-title.js","../../ui-components/navigation/site-dot-indicator.js","../../ui-components/navigation/site-menu-button.js","../../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../../@polymer/iron-icons/iron-icons.js","../../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../../simple-colors/simple-colors.js","../../../../hax-body/lib/hax-shared-styles.js"],function(_exports,_polymerElement,_HAXCMSThemeWiring,_renderStatus,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSSlideTheme=void 0;function _templateObject_64b9c38054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors hax-shared-styles\">\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: 100vw;\n          padding: 16px;\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        .controls:hover {\n          background-color: rgba(0, 0, 0, 1);\n        }\n        .controls {\n          transition: all 0.2s ease-in-out;\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: {\n            color: #ffffff;\n          }\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        }\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_64b9c38054f411e9aeb367f92c5b63ab=function(){return data};return data}var HAXCMSSlideTheme=function(_HAXCMSTheme){babelHelpers.inherits(HAXCMSSlideTheme,_HAXCMSTheme);function HAXCMSSlideTheme(){babelHelpers.classCallCheck(this,HAXCMSSlideTheme);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSSlideTheme).apply(this,arguments))}babelHelpers.createClass(HAXCMSSlideTheme,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSlideTheme.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_renderStatus.afterNextRender)(this,function(){var _this=this;(0,_mobxModule.autorun)(function(reaction){_this.manifestLength=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.routerManifest.items.length);_this.__disposer.push(reaction)});(0,_mobxModule.autorun)(function(reaction){_this.activeManifestIndexCounter=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeManifestIndexCounter);_this.__disposer.push(reaction)})})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSlideTheme.prototype),"disconnectedCallback",this).call(this);for(var i in this.__disposer){this.__disposer[i].dispose()}}}],[{key:"tag",get:function get(){return"haxcms-slide-theme"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_64b9c38054f411e9aeb367f92c5b63ab())}}]);return HAXCMSSlideTheme}((0,_HAXCMSThemeWiring.HAXCMSTheme)(_polymerElement.PolymerElement));_exports.HAXCMSSlideTheme=HAXCMSSlideTheme;window.customElements.define(HAXCMSSlideTheme.tag,HAXCMSSlideTheme)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../HAXCMSThemeWiring.js","../../../../../@polymer/polymer/lib/utils/render-status.js","../haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../../ui-components/site/site-title.js","../../ui-components/site/site-print-button.js","../../ui-components/active-item/site-active-title.js","../../ui-components/navigation/site-dot-indicator.js","../../ui-components/navigation/site-menu-button.js","../../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../../@polymer/iron-icons/iron-icons.js","../../../../../@polymer/paper-tooltip/paper-tooltip.js","../../../../simple-colors/simple-colors.js","../../../../hax-body/lib/hax-shared-styles.js"],function(_exports,_polymerElement,_HAXCMSThemeWiring,_renderStatus,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSSlideTheme=void 0;function _templateObject_f9ca7de0555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors hax-shared-styles\">\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: 100vw;\n          padding: 16px;\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        .controls:hover {\n          background-color: rgba(0, 0, 0, 1);\n        }\n        .controls {\n          transition: all 0.2s ease-in-out;\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: {\n            color: #ffffff;\n          }\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        }\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_f9ca7de0555111e98f439769bd191e33=function(){return data};return data}var HAXCMSSlideTheme=function(_HAXCMSTheme){babelHelpers.inherits(HAXCMSSlideTheme,_HAXCMSTheme);function HAXCMSSlideTheme(){babelHelpers.classCallCheck(this,HAXCMSSlideTheme);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSSlideTheme).apply(this,arguments))}babelHelpers.createClass(HAXCMSSlideTheme,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSlideTheme.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_renderStatus.afterNextRender)(this,function(){var _this=this;(0,_mobxModule.autorun)(function(reaction){_this.manifestLength=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.routerManifest.items.length);_this.__disposer.push(reaction)});(0,_mobxModule.autorun)(function(reaction){_this.activeManifestIndexCounter=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeManifestIndexCounter);_this.__disposer.push(reaction)})})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSSlideTheme.prototype),"disconnectedCallback",this).call(this);for(var i in this.__disposer){this.__disposer[i].dispose()}}}],[{key:"tag",get:function get(){return"haxcms-slide-theme"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_f9ca7de0555111e98f439769bd191e33())}}]);return HAXCMSSlideTheme}((0,_HAXCMSThemeWiring.HAXCMSTheme)(_polymerElement.PolymerElement));_exports.HAXCMSSlideTheme=HAXCMSSlideTheme;window.customElements.define(HAXCMSSlideTheme.tag,HAXCMSSlideTheme)});
\ No newline at end of file
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 bd90bf6a5d6..d422d680308 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
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../core/HAXCMSThemeWiring.js","../../../../@polymer/paper-card/paper-card.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/iron-icons/iron-icons.js","../../../../@polymer/iron-list/iron-list.js","../../../simple-colors/simple-colors.js","../../../hax-body/lib/hax-shared-styles.js","../ui-components/active-item/site-active-title.js","../ui-components/blocks/site-children-block.js","../ui-components/navigation/site-breadcrumb.js","../ui-components/navigation/site-menu.js","../ui-components/navigation/site-menu-button.js","../ui-components/navigation/site-top-menu.js","../ui-components/query/site-query.js","../ui-components/query/site-render-query.js","../ui-components/query/site-query-menu-slice.js","../ui-components/site/site-rss-button.js","../ui-components/site/site-title.js"],function(_exports,_polymerElement,_polymerDom,_HAXCMSThemeWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSDevTheme=void 0;function _templateObject_a73e6b7054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors 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        site-render-query.cardlist {\n          --site-query-iron-list: {\n            padding: 16px;\n            margin: 0 auto;\n            -webkit-box-sizing: border-box;\n            -moz-box-sizing: border-box;\n            box-sizing: border-box;\n          }\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-menu-button {\n          --site-menu-button-icon: {\n            width: 32px;\n            height: 32px;\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-tap=\"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: <iron-icon icon=\"[[manifest.metadata.icon]]\"></iron-icon>\n        </div>\n        <div>\n          image:\n          <img\n            src$=\"[[manifest.metadata.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-tap=\"_itemTapped\">\n        <template>\n          <div style=\"padding:8px;\">\n            <paper-card\n              heading=\"[[item.title]]\"\n              image=\"[[item.metadata.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_a73e6b7054f411e9aeb367f92c5b63ab=function(){return data};return data}var HAXCMSDevTheme=function(_HAXCMSTheme){babelHelpers.inherits(HAXCMSDevTheme,_HAXCMSTheme);function HAXCMSDevTheme(){babelHelpers.classCallCheck(this,HAXCMSDevTheme);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSDevTheme).apply(this,arguments))}babelHelpers.createClass(HAXCMSDevTheme,[{key:"_itemTapped",value:function _itemTapped(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,activeId=local.getAttribute("data-id");if("PAPER-BUTTON"===local.tagName&&babelHelpers.typeof(activeId)!=="undefined"){console.log(this.manifest)}}}],[{key:"tag",get:function get(){return"haxcms-dev-theme"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a73e6b7054f411e9aeb367f92c5b63ab())}}]);return HAXCMSDevTheme}((0,_HAXCMSThemeWiring.HAXCMSTheme)(_polymerElement.PolymerElement));_exports.HAXCMSDevTheme=HAXCMSDevTheme;window.customElements.define(HAXCMSDevTheme.tag,HAXCMSDevTheme)});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js","../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../core/HAXCMSThemeWiring.js","../../../../@polymer/paper-card/paper-card.js","../../../../@polymer/paper-button/paper-button.js","../../../../@polymer/iron-icons/iron-icons.js","../../../../@polymer/iron-list/iron-list.js","../../../simple-colors/simple-colors.js","../../../hax-body/lib/hax-shared-styles.js","../ui-components/active-item/site-active-title.js","../ui-components/blocks/site-children-block.js","../ui-components/navigation/site-breadcrumb.js","../ui-components/navigation/site-menu.js","../ui-components/navigation/site-menu-button.js","../ui-components/navigation/site-top-menu.js","../ui-components/query/site-query.js","../ui-components/query/site-render-query.js","../ui-components/query/site-query-menu-slice.js","../ui-components/site/site-rss-button.js","../ui-components/site/site-title.js"],function(_exports,_polymerElement,_polymerDom,_HAXCMSThemeWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSDevTheme=void 0;function _templateObject_383b4b40555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors 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        site-render-query.cardlist {\n          --site-query-iron-list: {\n            padding: 16px;\n            margin: 0 auto;\n            -webkit-box-sizing: border-box;\n            -moz-box-sizing: border-box;\n            box-sizing: border-box;\n          }\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-menu-button {\n          --site-menu-button-icon: {\n            width: 32px;\n            height: 32px;\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-tap=\"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: <iron-icon icon=\"[[manifest.metadata.icon]]\"></iron-icon>\n        </div>\n        <div>\n          image:\n          <img\n            src$=\"[[manifest.metadata.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-tap=\"_itemTapped\">\n        <template>\n          <div style=\"padding:8px;\">\n            <paper-card\n              heading=\"[[item.title]]\"\n              image=\"[[item.metadata.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_383b4b40555211e98f439769bd191e33=function(){return data};return data}var HAXCMSDevTheme=function(_HAXCMSTheme){babelHelpers.inherits(HAXCMSDevTheme,_HAXCMSTheme);function HAXCMSDevTheme(){babelHelpers.classCallCheck(this,HAXCMSDevTheme);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSDevTheme).apply(this,arguments))}babelHelpers.createClass(HAXCMSDevTheme,[{key:"_itemTapped",value:function _itemTapped(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,activeId=local.getAttribute("data-id");if("PAPER-BUTTON"===local.tagName&&babelHelpers.typeof(activeId)!=="undefined"){console.log(this.manifest)}}}],[{key:"tag",get:function get(){return"haxcms-dev-theme"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_383b4b40555211e98f439769bd191e33())}}]);return HAXCMSDevTheme}((0,_HAXCMSThemeWiring.HAXCMSTheme)(_polymerElement.PolymerElement));_exports.HAXCMSDevTheme=HAXCMSDevTheme;window.customElements.define(HAXCMSDevTheme.tag,HAXCMSDevTheme)});
\ No newline at end of file
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 6490a58a101..003f885db32 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
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js","../core/HAXCMSThemeWiring.js","../ui-components/active-item/site-active-title.js","../ui-components/navigation/site-breadcrumb.js","../ui-components/navigation/site-menu.js","../ui-components/navigation/site-menu-button.js","../ui-components/navigation/site-top-menu.js","../ui-components/query/site-query.js","../ui-components/query/site-render-query.js","../ui-components/site/site-rss-button.js","../ui-components/site/site-title.js","../../../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerElement,_HAXCMSThemeWiring,_siteActiveTitle,_siteBreadcrumb,_siteMenu,_siteMenuButton,_siteTopMenu,_siteQuery,_siteRenderQuery,_siteRssButton,_siteTitle,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSThemeDeveloper=void 0;function _templateObject_a719f38054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors 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_a719f38054f411e9aeb367f92c5b63ab=function(){return data};return data}var HAXCMSThemeDeveloper=function(_HAXCMSTheme){babelHelpers.inherits(HAXCMSThemeDeveloper,_HAXCMSTheme);babelHelpers.createClass(HAXCMSThemeDeveloper,[{key:"_fireDefinitions",value:function _fireDefinitions(){var props={canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"HAXcms active title",description:"",icon:"icons:android",color:"pink",groups:["Content","HAXcms"],handles:[],meta:{author:"HAXcms"}},settings:{quick:[],configure:[],advanced:[]},saveOptions:{unsetAttributes:["page-title"]}};this.HAXWiring.setHaxProperties(props,"site-active-title",this,!0);props={canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"HAXcms breadcrumb",description:"",icon:"icons:android",color:"pink",groups:["Content","HAXcms"],handles:[],meta:{author:"HAXcms"}},settings:{quick:[],configure:[],advanced:[]},saveOptions:{wipeSlot:!1}};this.HAXWiring.setHaxProperties(props,"site-breadcrumb",this,!0);props={canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"HAXcms menu",description:"",icon:"icons:android",color:"pink",groups:["Content","HAXcms"],handles:[],meta:{author:"HAXcms"}},settings:{quick:[],configure:[{property:"preventAutoScroll",title:"Prevent auto scroll",description:"If the menu should automatically scroll into view",inputMethod:"boolean"},{property:"hideActiveIndicator",title:"Hide active indicator",description:"Hide active indicator that highlights the active item",inputMethod:"boolean"}],advanced:[]},saveOptions:{wipeSlot:!1,unsetAttributes:["active-id"]}};this.HAXWiring.setHaxProperties(props,"site-menu",this,!0);props={canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"HAXcms menu button",description:"",icon:"icons:android",color:"pink",groups:["Content","HAXcms"],handles:[],meta:{author:"HAXcms"}},settings:{quick:[],configure:[{property:"type",title:"Button type",description:"Which direction should the button be activating",inputMethod:"select",options:{prev:"Previous",next:"Next"}},{property:"position",title:"Label position",description:"direction for the label to hang on hover",inputMethod:"select",options:{left:"left",right:"right",above:"above",below:"below"}},{property:"label",title:"Label",description:"label to show on hover",inputMethod:"textfield"},{property:"label",title:"Label",description:"label to show on hover",inputMethod:"textfield"},{property:"icon",title:"Icon",description:"icon for the button",inputMethod:"iconpicker"},{property:"raised",title:"Raised",description:"If this has a drop shadow or is flat",inputMethod:"boolean"}],advanced:[]},saveOptions:{unsetAttributes:["link"]}};this.HAXWiring.setHaxProperties(props,"site-menu-button",this,!0);props={canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"HAXcms RSS button",description:"",icon:"icons:android",color:"pink",groups:["Content","HAXcms"],handles:[],meta:{author:"HAXcms"}},settings:{quick:[],configure:[{property:"type",title:"Button type",description:"What feed to point",inputMethod:"select",options:{rss:"RSS 2.0",atom:"Atom 1.0"}}],advanced:[]},saveOptions:{unsetAttributes:["icon","label","href"]}};this.HAXWiring.setHaxProperties(props,"site-rss-button",this,!0);props={canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"HAXcms title",description:"",icon:"icons:android",color:"pink",groups:["Content","HAXcms"],handles:[],meta:{author:"HAXcms"}},settings:{quick:[],configure:[],advanced:[]},saveOptions:{unsetAttributes:["site-title","home-link"]}};this.HAXWiring.setHaxProperties(props,"site-title",this,!0);props={canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"HAXcms query",description:"The most powerful element in the known universe",icon:"icons:android",color:"pink",groups:["Content","HAXcms"],handles:[],meta:{author:"HAXcms"}},settings:{quick:[],configure:[{property:"conditions",title:"Conditions",description:"A JSON object of conditions",inputMethod:"code-editor"},{property:"sort",title:"Sort",description:"A JSON object of sort conditions",inputMethod:"code-editor"},{property:"grid",title:"Display as grid",description:"Flex vs display block for all items.",inputMethod:"boolean"},{slot:"",slotWrapper:"template",slotAttributes:{"preserve-content":"preserve-content"},title:"Tag to render",description:"Render through this per item",inputMethod:"code-editor"}],advanced:[]},saveOptions:{wipeSlot:!1,unsetAttributes:["active-id"]}};this.HAXWiring.setHaxProperties(props,"site-query",this,!0)}}],[{key:"tag",get:function get(){return"haxcms-theme-developer"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a719f38054f411e9aeb367f92c5b63ab())}}]);function HAXCMSThemeDeveloper(){var _this;babelHelpers.classCallCheck(this,HAXCMSThemeDeveloper);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSThemeDeveloper).call(this));_this.HAXWiring=new _HAXWiring.HAXWiring;return _this}babelHelpers.createClass(HAXCMSThemeDeveloper,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSThemeDeveloper.prototype),"connectedCallback",this).call(this);if(window.HaxStore&&window.HaxStore.ready){this._setDefinitions()}window.addEventListener("hax-store-ready",this._fireDefinitions.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSThemeDeveloper.prototype),"disconnectedCallback",this).call(this);window.removeEventListener("hax-store-ready",this._fireDefinitions.bind(this))}}]);return HAXCMSThemeDeveloper}((0,_HAXCMSThemeWiring.HAXCMSTheme)(_polymerElement.PolymerElement));_exports.HAXCMSThemeDeveloper=HAXCMSThemeDeveloper;window.customElements.define(HAXCMSThemeDeveloper.tag,HAXCMSThemeDeveloper)});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js","../core/HAXCMSThemeWiring.js","../ui-components/active-item/site-active-title.js","../ui-components/navigation/site-breadcrumb.js","../ui-components/navigation/site-menu.js","../ui-components/navigation/site-menu-button.js","../ui-components/navigation/site-top-menu.js","../ui-components/query/site-query.js","../ui-components/query/site-render-query.js","../ui-components/site/site-rss-button.js","../ui-components/site/site-title.js","../../../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerElement,_HAXCMSThemeWiring,_siteActiveTitle,_siteBreadcrumb,_siteMenu,_siteMenuButton,_siteTopMenu,_siteQuery,_siteRenderQuery,_siteRssButton,_siteTitle,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HAXCMSThemeDeveloper=void 0;function _templateObject_385bcb90555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors 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_385bcb90555211e98f439769bd191e33=function(){return data};return data}var HAXCMSThemeDeveloper=function(_HAXCMSTheme){babelHelpers.inherits(HAXCMSThemeDeveloper,_HAXCMSTheme);babelHelpers.createClass(HAXCMSThemeDeveloper,[{key:"_fireDefinitions",value:function _fireDefinitions(){var props={canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"HAXcms active title",description:"",icon:"icons:android",color:"pink",groups:["Content","HAXcms"],handles:[],meta:{author:"HAXcms"}},settings:{quick:[],configure:[],advanced:[]},saveOptions:{unsetAttributes:["page-title"]}};this.HAXWiring.setHaxProperties(props,"site-active-title",this,!0);props={canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"HAXcms breadcrumb",description:"",icon:"icons:android",color:"pink",groups:["Content","HAXcms"],handles:[],meta:{author:"HAXcms"}},settings:{quick:[],configure:[],advanced:[]},saveOptions:{wipeSlot:!1}};this.HAXWiring.setHaxProperties(props,"site-breadcrumb",this,!0);props={canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"HAXcms menu",description:"",icon:"icons:android",color:"pink",groups:["Content","HAXcms"],handles:[],meta:{author:"HAXcms"}},settings:{quick:[],configure:[{property:"preventAutoScroll",title:"Prevent auto scroll",description:"If the menu should automatically scroll into view",inputMethod:"boolean"},{property:"hideActiveIndicator",title:"Hide active indicator",description:"Hide active indicator that highlights the active item",inputMethod:"boolean"}],advanced:[]},saveOptions:{wipeSlot:!1,unsetAttributes:["active-id"]}};this.HAXWiring.setHaxProperties(props,"site-menu",this,!0);props={canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"HAXcms menu button",description:"",icon:"icons:android",color:"pink",groups:["Content","HAXcms"],handles:[],meta:{author:"HAXcms"}},settings:{quick:[],configure:[{property:"type",title:"Button type",description:"Which direction should the button be activating",inputMethod:"select",options:{prev:"Previous",next:"Next"}},{property:"position",title:"Label position",description:"direction for the label to hang on hover",inputMethod:"select",options:{left:"left",right:"right",above:"above",below:"below"}},{property:"label",title:"Label",description:"label to show on hover",inputMethod:"textfield"},{property:"label",title:"Label",description:"label to show on hover",inputMethod:"textfield"},{property:"icon",title:"Icon",description:"icon for the button",inputMethod:"iconpicker"},{property:"raised",title:"Raised",description:"If this has a drop shadow or is flat",inputMethod:"boolean"}],advanced:[]},saveOptions:{unsetAttributes:["link"]}};this.HAXWiring.setHaxProperties(props,"site-menu-button",this,!0);props={canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"HAXcms RSS button",description:"",icon:"icons:android",color:"pink",groups:["Content","HAXcms"],handles:[],meta:{author:"HAXcms"}},settings:{quick:[],configure:[{property:"type",title:"Button type",description:"What feed to point",inputMethod:"select",options:{rss:"RSS 2.0",atom:"Atom 1.0"}}],advanced:[]},saveOptions:{unsetAttributes:["icon","label","href"]}};this.HAXWiring.setHaxProperties(props,"site-rss-button",this,!0);props={canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"HAXcms title",description:"",icon:"icons:android",color:"pink",groups:["Content","HAXcms"],handles:[],meta:{author:"HAXcms"}},settings:{quick:[],configure:[],advanced:[]},saveOptions:{unsetAttributes:["site-title","home-link"]}};this.HAXWiring.setHaxProperties(props,"site-title",this,!0);props={canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"HAXcms query",description:"The most powerful element in the known universe",icon:"icons:android",color:"pink",groups:["Content","HAXcms"],handles:[],meta:{author:"HAXcms"}},settings:{quick:[],configure:[{property:"conditions",title:"Conditions",description:"A JSON object of conditions",inputMethod:"code-editor"},{property:"sort",title:"Sort",description:"A JSON object of sort conditions",inputMethod:"code-editor"},{property:"grid",title:"Display as grid",description:"Flex vs display block for all items.",inputMethod:"boolean"},{slot:"",slotWrapper:"template",slotAttributes:{"preserve-content":"preserve-content"},title:"Tag to render",description:"Render through this per item",inputMethod:"code-editor"}],advanced:[]},saveOptions:{wipeSlot:!1,unsetAttributes:["active-id"]}};this.HAXWiring.setHaxProperties(props,"site-query",this,!0)}}],[{key:"tag",get:function get(){return"haxcms-theme-developer"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_385bcb90555211e98f439769bd191e33())}}]);function HAXCMSThemeDeveloper(){var _this;babelHelpers.classCallCheck(this,HAXCMSThemeDeveloper);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HAXCMSThemeDeveloper).call(this));_this.HAXWiring=new _HAXWiring.HAXWiring;return _this}babelHelpers.createClass(HAXCMSThemeDeveloper,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSThemeDeveloper.prototype),"connectedCallback",this).call(this);if(window.HaxStore&&window.HaxStore.ready){this._setDefinitions()}window.addEventListener("hax-store-ready",this._fireDefinitions.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HAXCMSThemeDeveloper.prototype),"disconnectedCallback",this).call(this);window.removeEventListener("hax-store-ready",this._fireDefinitions.bind(this))}}]);return HAXCMSThemeDeveloper}((0,_HAXCMSThemeWiring.HAXCMSTheme)(_polymerElement.PolymerElement));_exports.HAXCMSThemeDeveloper=HAXCMSThemeDeveloper;window.customElements.define(HAXCMSThemeDeveloper.tag,HAXCMSThemeDeveloper)});
\ No newline at end of file
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 b2e5dc82449..e8585eeebc2 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteActiveTitle=void 0;function _templateObject_62286a4054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        h2 {\n          text-rendering: optimizelegibility;\n          font-family: sans-serif;\n          color: var(--site-active-title-color, #383f45);\n          @apply --site-active-title-heading;\n        }\n      </style>\n      <h2>[[__title]]</h2>\n    "]);_templateObject_62286a4054f411e9aeb367f92c5b63ab=function(){return data};return data}var SiteActiveTitle=function(_PolymerElement){babelHelpers.inherits(SiteActiveTitle,_PolymerElement);function SiteActiveTitle(){babelHelpers.classCallCheck(this,SiteActiveTitle);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteActiveTitle).apply(this,arguments))}babelHelpers.createClass(SiteActiveTitle,[{key:"_makeTitle",value:function _makeTitle(dynamicMethodology,activeTitle,parentTitle,ancestorTitle){switch(dynamicMethodology){case"above":if(""===parentTitle&&!this.noFallback){return activeTitle}return parentTitle;break;case"ancestor":if(""===ancestorTitle&&!this.noFallback){return activeTitle}return ancestorTitle;break;default:return activeTitle;break;}}},{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteActiveTitle.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this.activeTitle=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeTitle)});this.__disposer2=(0,_mobxModule.autorun)(function(){_this.parentTitle=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.parentTitle)});this.__disposer3=(0,_mobxModule.autorun)(function(){_this.ancestorTitle=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.ancestorTitle)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteActiveTitle.prototype),"disconnectedCallback",this).call(this);this.__disposer();this.__disposer2();this.__disposer3()}}],[{key:"tag",get:function get(){return"site-active-title"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_62286a4054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{noFallback:{type:Boolean,value:!1},dynamicMethodology:{type:String,value:"active"},__title:{type:String,computed:"_makeTitle(dynamicMethodology, activeTitle, parentTitle, ancestorTitle)"}}}}]);return SiteActiveTitle}(_polymerElement.PolymerElement);_exports.SiteActiveTitle=SiteActiveTitle;window.customElements.define(SiteActiveTitle.tag,SiteActiveTitle)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteActiveTitle=void 0;function _templateObject_f83b5260555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        h2 {\n          text-rendering: optimizelegibility;\n          font-family: sans-serif;\n          color: var(--site-active-title-color, #383f45);\n          @apply --site-active-title-heading;\n        }\n      </style>\n      <h2>[[__title]]</h2>\n    "]);_templateObject_f83b5260555111e98f439769bd191e33=function(){return data};return data}var SiteActiveTitle=function(_PolymerElement){babelHelpers.inherits(SiteActiveTitle,_PolymerElement);function SiteActiveTitle(){babelHelpers.classCallCheck(this,SiteActiveTitle);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteActiveTitle).apply(this,arguments))}babelHelpers.createClass(SiteActiveTitle,[{key:"_makeTitle",value:function _makeTitle(dynamicMethodology,activeTitle,parentTitle,ancestorTitle){switch(dynamicMethodology){case"above":if(""===parentTitle&&!this.noFallback){return activeTitle}return parentTitle;break;case"ancestor":if(""===ancestorTitle&&!this.noFallback){return activeTitle}return ancestorTitle;break;default:return activeTitle;break;}}},{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteActiveTitle.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this.activeTitle=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeTitle)});this.__disposer2=(0,_mobxModule.autorun)(function(){_this.parentTitle=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.parentTitle)});this.__disposer3=(0,_mobxModule.autorun)(function(){_this.ancestorTitle=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.ancestorTitle)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteActiveTitle.prototype),"disconnectedCallback",this).call(this);this.__disposer();this.__disposer2();this.__disposer3()}}],[{key:"tag",get:function get(){return"site-active-title"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_f83b5260555111e98f439769bd191e33())}},{key:"properties",get:function get(){return{noFallback:{type:Boolean,value:!1},dynamicMethodology:{type:String,value:"active"},__title:{type:String,computed:"_makeTitle(dynamicMethodology, activeTitle, parentTitle, ancestorTitle)"}}}}]);return SiteActiveTitle}(_polymerElement.PolymerElement);_exports.SiteActiveTitle=SiteActiveTitle;window.customElements.define(SiteActiveTitle.tag,SiteActiveTitle)});
\ No newline at end of file
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 bfc7ddf5843..0e94cd4d7b9 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
@@ -1 +1 @@
-define(["exports","meta","require","../../../../../@polymer/polymer/polymer-element.js","../../../../../@polymer/polymer/lib/utils/resolve-url.js","../../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../hax-body/lib/haxutils.js","../../../../../@polymer/polymer/lib/utils/async.js","../../core/haxcms-site-store.js","../../../../../@polymer/iron-ajax/iron-ajax.js","../../../../../mobx/lib/mobx.module.js"],function(_exports,meta,_require,_polymerElement,_resolveUrl,_polymerDom,_haxutils,_async,_haxcmsSiteStore,_ironAjax,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteRenderItem=void 0;meta=babelHelpers.interopRequireWildcard(meta);_require=babelHelpers.interopRequireWildcard(_require);function _templateObject_7fc2d86054f411e9aeb367f92c5b63ab(){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_7fc2d86054f411e9aeb367f92c5b63ab=function(){return data};return data}var SiteRenderItem=function(_PolymerElement){babelHelpers.inherits(SiteRenderItem,_PolymerElement);function SiteRenderItem(){babelHelpers.classCallCheck(this,SiteRenderItem);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteRenderItem).apply(this,arguments))}babelHelpers.createClass(SiteRenderItem,[{key:"_computeLocation",value:function _computeLocation(itemId,render){if(itemId&&render){var item=_haxcmsSiteStore.store.findItem(itemId);return item.location+"?"+Math.floor(Date.now()/1e3)}}},{key:"locationChanged",value:function locationChanged(newValue){if(newValue){this.$.content.generateRequest()}}},{key:"_itemContentChanged",value:function _itemContentChanged(newValue){var _this=this;if(newValue){var html=newValue;if(null!==html){html=(0,_haxutils.encapScript)(newValue);(0,_haxutils.wipeSlot)(this,"*");_async.microTask.run(function(){setTimeout(function(){var frag=document.createRange().createContextualFragment(html);(0,_polymerDom.dom)(_this).appendChild(frag)},5)});if(this.manifest.metadata.dynamicElementLoader){var i;(function(){var tagsFound=(0,_haxutils.findTagsInHTML)(html),basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),_loop=function(){var tagName=tagsFound[i];if(_this.manifest.metadata.dynamicElementLoader[tagName]&&!window.customElements.get(tagName)){new Promise(function(res,rej){return _require.default(["".concat(basePath,"../../../../../").concat(_this.manifest.metadata.dynamicElementLoader[tagName])],res,rej)}).then(function(){}).catch(function(error){console.log(error)})}};for(i in tagsFound){_loop()}})()}}}}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteRenderItem.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){_this2.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest);_this2.__disposer.push(reaction)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){for(var i in this.__disposer){this.__disposer[i]}babelHelpers.get(babelHelpers.getPrototypeOf(SiteRenderItem.prototype),"disconnectedCallback",this).call(this)}}],[{key:"tag",get:function get(){return"site-render-item"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_7fc2d86054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{render:{type:Boolean,value:!1},itemId:{type:String},location:{type:String,computed:"_computeLocation(itemId, render)",observer:"locationChanged"},itemContent:{type:String,notify:!0,observer:"_itemContentChanged"}}}}]);return SiteRenderItem}(_polymerElement.PolymerElement);_exports.SiteRenderItem=SiteRenderItem;window.customElements.define(SiteRenderItem.tag,SiteRenderItem)});
\ No newline at end of file
+define(["exports","meta","require","../../../../../@polymer/polymer/polymer-element.js","../../../../../@polymer/polymer/lib/utils/resolve-url.js","../../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../hax-body/lib/haxutils.js","../../../../../@polymer/polymer/lib/utils/async.js","../../core/haxcms-site-store.js","../../../../../@polymer/iron-ajax/iron-ajax.js","../../../../../mobx/lib/mobx.module.js"],function(_exports,meta,_require,_polymerElement,_resolveUrl,_polymerDom,_haxutils,_async,_haxcmsSiteStore,_ironAjax,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteRenderItem=void 0;meta=babelHelpers.interopRequireWildcard(meta);_require=babelHelpers.interopRequireWildcard(_require);function _templateObject_14821760555211e98f439769bd191e33(){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_14821760555211e98f439769bd191e33=function(){return data};return data}var SiteRenderItem=function(_PolymerElement){babelHelpers.inherits(SiteRenderItem,_PolymerElement);function SiteRenderItem(){babelHelpers.classCallCheck(this,SiteRenderItem);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteRenderItem).apply(this,arguments))}babelHelpers.createClass(SiteRenderItem,[{key:"_computeLocation",value:function _computeLocation(itemId,render){if(itemId&&render){var item=_haxcmsSiteStore.store.findItem(itemId);return item.location+"?"+Math.floor(Date.now()/1e3)}}},{key:"locationChanged",value:function locationChanged(newValue){if(newValue){this.$.content.generateRequest()}}},{key:"_itemContentChanged",value:function _itemContentChanged(newValue){var _this=this;if(newValue){var html=newValue;if(null!==html){html=(0,_haxutils.encapScript)(newValue);(0,_haxutils.wipeSlot)(this,"*");_async.microTask.run(function(){setTimeout(function(){var frag=document.createRange().createContextualFragment(html);(0,_polymerDom.dom)(_this).appendChild(frag)},5)});if(this.manifest.metadata.dynamicElementLoader){var i;(function(){var tagsFound=(0,_haxutils.findTagsInHTML)(html),basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),_loop=function(){var tagName=tagsFound[i];if(_this.manifest.metadata.dynamicElementLoader[tagName]&&!window.customElements.get(tagName)){new Promise(function(res,rej){return _require.default(["".concat(basePath,"../../../../../").concat(_this.manifest.metadata.dynamicElementLoader[tagName])],res,rej)}).then(function(){}).catch(function(error){console.log(error)})}};for(i in tagsFound){_loop()}})()}}}}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteRenderItem.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){_this2.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest);_this2.__disposer.push(reaction)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){for(var i in this.__disposer){this.__disposer[i]}babelHelpers.get(babelHelpers.getPrototypeOf(SiteRenderItem.prototype),"disconnectedCallback",this).call(this)}}],[{key:"tag",get:function get(){return"site-render-item"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_14821760555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{render:{type:Boolean,value:!1},itemId:{type:String},location:{type:String,computed:"_computeLocation(itemId, render)",observer:"locationChanged"},itemContent:{type:String,notify:!0,observer:"_itemContentChanged"}}}}]);return SiteRenderItem}(_polymerElement.PolymerElement);_exports.SiteRenderItem=SiteRenderItem;window.customElements.define(SiteRenderItem.tag,SiteRenderItem)});
\ No newline at end of file
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 50a99c9f2bc..af982cc2cb7 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../query/site-query-menu-slice.js","../../../../../@polymer/polymer/lib/elements/dom-repeat.js","../../../../../@polymer/paper-button/paper-button.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteChildrenBlock=void 0;function _templateObject_624763f054f411e9aeb367f92c5b63ab(){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        }\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_624763f054f411e9aeb367f92c5b63ab=function(){return data};return data}var SiteChildrenBlock=function(_PolymerElement){babelHelpers.inherits(SiteChildrenBlock,_PolymerElement);function SiteChildrenBlock(){babelHelpers.classCallCheck(this,SiteChildrenBlock);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteChildrenBlock).apply(this,arguments))}babelHelpers.createClass(SiteChildrenBlock,[{key:"_activeIdChanged",value:function _activeIdChanged(newValue){var _this=this;if(newValue){var el=null;if(this.shadowRoot.querySelector("[data-id=\""+newValue+"\"]")){el=this.shadowRoot.querySelector("[data-id=\""+newValue+"\"]")}else{(function(){var tmpItem=_this.manifest.items.find(function(i){return i.id==newValue});while(null===el&&tmpItem&&null!=tmpItem.parent){tmpItem=_this.manifest.items.find(function(i){return i.id==tmpItem.parent});if(tmpItem&&_this.shadowRoot.querySelector("[data-id=\""+tmpItem.id+"\"]")){el=_this.shadowRoot.querySelector("[data-id=\""+tmpItem.id+"\"]")}}})()}if(this._prevEl){this._prevEl.classList.remove("active")}if(el){el.classList.add("active");this._prevEl=el}}else{if(this._prevEl){this._prevEl.classList.remove("active")}}}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteChildrenBlock.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this2.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest)});setTimeout(function(){_this2.__disposer2=(0,_mobxModule.autorun)(function(){_this2.activeId=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeId)})},50)}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteChildrenBlock.prototype),"disconnectedCallback",this).call(this);this.__disposer();if(this.__disposer2){this.__disposer2()}}}],[{key:"tag",get:function get(){return"site-children-block"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_624763f054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{dynamicMethodology:{type:String,value:"direct"},start:{type:Number,value:1},end:{type:Number,value:1e3},parent:{type:String},fixedId:{type:Boolean,value:!1},noink:{type:Boolean,value:!1},__items:{type:Array,notify:!0},activeId:{type:String,observer:"_activeIdChanged"}}}}]);return SiteChildrenBlock}(_polymerElement.PolymerElement);_exports.SiteChildrenBlock=SiteChildrenBlock;window.customElements.define(SiteChildrenBlock.tag,SiteChildrenBlock)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../query/site-query-menu-slice.js","../../../../../@polymer/polymer/lib/elements/dom-repeat.js","../../../../../@polymer/paper-button/paper-button.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteChildrenBlock=void 0;function _templateObject_f852aaf0555111e98f439769bd191e33(){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        }\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_f852aaf0555111e98f439769bd191e33=function(){return data};return data}var SiteChildrenBlock=function(_PolymerElement){babelHelpers.inherits(SiteChildrenBlock,_PolymerElement);function SiteChildrenBlock(){babelHelpers.classCallCheck(this,SiteChildrenBlock);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteChildrenBlock).apply(this,arguments))}babelHelpers.createClass(SiteChildrenBlock,[{key:"_activeIdChanged",value:function _activeIdChanged(newValue){var _this=this;if(newValue){var el=null;if(this.shadowRoot.querySelector("[data-id=\""+newValue+"\"]")){el=this.shadowRoot.querySelector("[data-id=\""+newValue+"\"]")}else{(function(){var tmpItem=_this.manifest.items.find(function(i){return i.id==newValue});while(null===el&&tmpItem&&null!=tmpItem.parent){tmpItem=_this.manifest.items.find(function(i){return i.id==tmpItem.parent});if(tmpItem&&_this.shadowRoot.querySelector("[data-id=\""+tmpItem.id+"\"]")){el=_this.shadowRoot.querySelector("[data-id=\""+tmpItem.id+"\"]")}}})()}if(this._prevEl){this._prevEl.classList.remove("active")}if(el){el.classList.add("active");this._prevEl=el}}else{if(this._prevEl){this._prevEl.classList.remove("active")}}}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteChildrenBlock.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this2.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest)});setTimeout(function(){_this2.__disposer2=(0,_mobxModule.autorun)(function(){_this2.activeId=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeId)})},50)}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteChildrenBlock.prototype),"disconnectedCallback",this).call(this);this.__disposer();if(this.__disposer2){this.__disposer2()}}}],[{key:"tag",get:function get(){return"site-children-block"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_f852aaf0555111e98f439769bd191e33())}},{key:"properties",get:function get(){return{dynamicMethodology:{type:String,value:"direct"},start:{type:Number,value:1},end:{type:Number,value:1e3},parent:{type:String},fixedId:{type:Boolean,value:!1},noink:{type:Boolean,value:!1},__items:{type:Array,notify:!0},activeId:{type:String,observer:"_activeIdChanged"}}}}]);return SiteChildrenBlock}(_polymerElement.PolymerElement);_exports.SiteChildrenBlock=SiteChildrenBlock;window.customElements.define(SiteChildrenBlock.tag,SiteChildrenBlock)});
\ No newline at end of file
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 be663fe29fe..ca0ae1979ed 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../query/site-query.js","../../../../../@polymer/polymer/lib/elements/dom-repeat.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteOutlineBlock=void 0;function _templateObject_7fe63ee054f411e9aeb367f92c5b63ab(){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_7fe63ee054f411e9aeb367f92c5b63ab=function(){return data};return data}var SiteOutlineBlock=function(_PolymerElement){babelHelpers.inherits(SiteOutlineBlock,_PolymerElement);function SiteOutlineBlock(){babelHelpers.classCallCheck(this,SiteOutlineBlock);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteOutlineBlock).apply(this,arguments))}babelHelpers.createClass(SiteOutlineBlock,[{key:"humanIndex",value:function humanIndex(index){return index+1}},{key:"_activeIdChanged",value:function _activeIdChanged(newValue){var _this=this;if("none"!=this.indicator){if(newValue){this.$.indicator.classList.add("activated");var el=null;if(this.shadowRoot.querySelector("[data-id=\""+newValue+"\"]")){el=this.shadowRoot.querySelector("[data-id=\""+newValue+"\"]")}else{(function(){var tmpItem=_this.manifest.items.find(function(i){return i.id==newValue});while(null===el&&tmpItem&&null!=tmpItem.parent){tmpItem=_this.manifest.items.find(function(i){return i.id==tmpItem.parent});if(tmpItem&&_this.shadowRoot.querySelector("[data-id=\""+tmpItem.id+"\"]")){el=_this.shadowRoot.querySelector("[data-id=\""+tmpItem.id+"\"]")}}})()}if(this._prevEl){this._prevEl.classList.remove("active")}if(el){el.classList.add("active");this._prevEl=el;if("arrow"==this.indicator){this.$.indicator.style.left=el.offsetLeft+el.offsetWidth/2-this.arrowSize+"px";this.$.indicator.style.top=el.offsetTop+el.offsetHeight-this.arrowSize+"px"}else{this.$.indicator.style.left=el.offsetLeft+"px";this.$.indicator.style.top=el.offsetTop+el.offsetHeight+"px";this.$.indicator.style.width=el.offsetWidth+"px"}}}else{this.$.indicator.classList.remove("activated")}}}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteOutlineBlock.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this2.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest)});setTimeout(function(){_this2.__disposer2=(0,_mobxModule.autorun)(function(){_this2.activeId=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeId)})},50);window.addEventListener("resize",function(){_this2._activeIdChanged(_this2.activeId)},!0)}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this3=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteOutlineBlock.prototype),"disconnectedCallback",this).call(this);this.__disposer();if(this.__disposer2){this.__disposer2()}window.removeEventListener("resize",function(){_this3._activeIdChanged(_this3.activeId)},!0)}}],[{key:"tag",get:function get(){return"site-outline-block"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_7fe63ee054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{manifest:{type:Object},activeId:{type:String,observer:"_activeIdChanged"},sticky:{type:Boolean,reflectToAttribute:!0,value:!1},indicator:{type:String,reflectToAttribute:!0,value:"line"},noink:{type:Boolean,reflectToAttribute:!0,value:!1},notitle:{type:Boolean,reflectToAttribute:!0,value:!1},showindex:{type:Boolean,reflectToAttribute:!0,value:!1},arrowSize:{type:Number,value:6}}}}]);return SiteOutlineBlock}(_polymerElement.PolymerElement);_exports.SiteOutlineBlock=SiteOutlineBlock;window.customElements.define(SiteOutlineBlock.tag,SiteOutlineBlock)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../query/site-query.js","../../../../../@polymer/polymer/lib/elements/dom-repeat.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteOutlineBlock=void 0;function _templateObject_14a1fb70555211e98f439769bd191e33(){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_14a1fb70555211e98f439769bd191e33=function(){return data};return data}var SiteOutlineBlock=function(_PolymerElement){babelHelpers.inherits(SiteOutlineBlock,_PolymerElement);function SiteOutlineBlock(){babelHelpers.classCallCheck(this,SiteOutlineBlock);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteOutlineBlock).apply(this,arguments))}babelHelpers.createClass(SiteOutlineBlock,[{key:"humanIndex",value:function humanIndex(index){return index+1}},{key:"_activeIdChanged",value:function _activeIdChanged(newValue){var _this=this;if("none"!=this.indicator){if(newValue){this.$.indicator.classList.add("activated");var el=null;if(this.shadowRoot.querySelector("[data-id=\""+newValue+"\"]")){el=this.shadowRoot.querySelector("[data-id=\""+newValue+"\"]")}else{(function(){var tmpItem=_this.manifest.items.find(function(i){return i.id==newValue});while(null===el&&tmpItem&&null!=tmpItem.parent){tmpItem=_this.manifest.items.find(function(i){return i.id==tmpItem.parent});if(tmpItem&&_this.shadowRoot.querySelector("[data-id=\""+tmpItem.id+"\"]")){el=_this.shadowRoot.querySelector("[data-id=\""+tmpItem.id+"\"]")}}})()}if(this._prevEl){this._prevEl.classList.remove("active")}if(el){el.classList.add("active");this._prevEl=el;if("arrow"==this.indicator){this.$.indicator.style.left=el.offsetLeft+el.offsetWidth/2-this.arrowSize+"px";this.$.indicator.style.top=el.offsetTop+el.offsetHeight-this.arrowSize+"px"}else{this.$.indicator.style.left=el.offsetLeft+"px";this.$.indicator.style.top=el.offsetTop+el.offsetHeight+"px";this.$.indicator.style.width=el.offsetWidth+"px"}}}else{this.$.indicator.classList.remove("activated")}}}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteOutlineBlock.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this2.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest)});setTimeout(function(){_this2.__disposer2=(0,_mobxModule.autorun)(function(){_this2.activeId=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeId)})},50);window.addEventListener("resize",function(){_this2._activeIdChanged(_this2.activeId)},!0)}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this3=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteOutlineBlock.prototype),"disconnectedCallback",this).call(this);this.__disposer();if(this.__disposer2){this.__disposer2()}window.removeEventListener("resize",function(){_this3._activeIdChanged(_this3.activeId)},!0)}}],[{key:"tag",get:function get(){return"site-outline-block"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_14a1fb70555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{manifest:{type:Object},activeId:{type:String,observer:"_activeIdChanged"},sticky:{type:Boolean,reflectToAttribute:!0,value:!1},indicator:{type:String,reflectToAttribute:!0,value:"line"},noink:{type:Boolean,reflectToAttribute:!0,value:!1},notitle:{type:Boolean,reflectToAttribute:!0,value:!1},showindex:{type:Boolean,reflectToAttribute:!0,value:!1},arrowSize:{type:Number,value:6}}}}]);return SiteOutlineBlock}(_polymerElement.PolymerElement);_exports.SiteOutlineBlock=SiteOutlineBlock;window.customElements.define(SiteOutlineBlock.tag,SiteOutlineBlock)});
\ No newline at end of file
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 da433347046..249751b2032 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../../../../../@polymer/polymer/lib/elements/dom-repeat.js","../query/site-query.js","../../../../../@polymer/iron-image/iron-image.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteRecentContentBlock=void 0;function _templateObject_7fff452054f411e9aeb367f92c5b63ab(){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          --site-recent-content-block-active-color: var(\n            --haxcms-color,\n            #e2801e\n          );\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          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          color: ;\n          border-left: solid 4px 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          --site-recent-content-block-active-color: var(\n            --haxcms-color,\n            #e2801e\n          );\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          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          color: ;\n          border-left: solid 4px 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_7fff452054f411e9aeb367f92c5b63ab=function(){return data};return data}var SiteRecentContentBlock=function(_PolymerElement){babelHelpers.inherits(SiteRecentContentBlock,_PolymerElement);function SiteRecentContentBlock(){babelHelpers.classCallCheck(this,SiteRecentContentBlock);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteRecentContentBlock).apply(this,arguments))}babelHelpers.createClass(SiteRecentContentBlock,[{key:"_activeIdChanged",value:function _activeIdChanged(newValue){var _this=this;if(newValue){var el=null;if(this.shadowRoot.querySelector("[data-id=\""+newValue+"\"]")){el=this.shadowRoot.querySelector("[data-id=\""+newValue+"\"]")}else{(function(){var tmpItem=_haxcmsSiteStore.store.manifest.items.find(function(i){return i.id==newValue});while(null===el&&tmpItem&&null!=tmpItem.parent){tmpItem=_haxcmsSiteStore.store.manifest.items.find(function(i){return i.id==tmpItem.parent});if(tmpItem&&_this.shadowRoot.querySelector("[data-id=\""+tmpItem.id+"\"]")){el=_this.shadowRoot.querySelector("[data-id=\""+tmpItem.id+"\"]")}}})()}if(this._prevEl){this._prevEl.classList.remove("active")}if(el){el.classList.add("active");this._prevEl=el}}}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteRecentContentBlock.prototype),"connectedCallback",this).call(this);setTimeout(function(){_this2.__disposer=(0,_mobxModule.autorun)(function(){_this2.activeId=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeId)})},50)}},{key:"disconnectedCallback",value:function disconnectedCallback(){if(this.__disposer){this.__disposer()}babelHelpers.get(babelHelpers.getPrototypeOf(SiteRecentContentBlock.prototype),"disconnectedCallback",this).call(this)}}],[{key:"tag",get:function get(){return"site-recent-content-block"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_7fff452054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{limit:{type:Number,value:10},startIndex:{type:Number,value:0},sort:{type:Object,value:{"metadata.created":"ASC"}},conditions:{type:Object,value:{}},title:{type:String,value:"Recent content"},activeId:{type:String,observer:"_activeIdChanged"}}}}]);return SiteRecentContentBlock}(_polymerElement.PolymerElement);_exports.SiteRecentContentBlock=SiteRecentContentBlock;window.customElements.define(SiteRecentContentBlock.tag,SiteRecentContentBlock)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../../../../../@polymer/polymer/lib/elements/dom-repeat.js","../query/site-query.js","../../../../../@polymer/iron-image/iron-image.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteRecentContentBlock=void 0;function _templateObject_14b92cf0555211e98f439769bd191e33(){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          --site-recent-content-block-active-color: var(\n            --haxcms-color,\n            #e2801e\n          );\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          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          color: ;\n          border-left: solid 4px 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          --site-recent-content-block-active-color: var(\n            --haxcms-color,\n            #e2801e\n          );\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          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          color: ;\n          border-left: solid 4px 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_14b92cf0555211e98f439769bd191e33=function(){return data};return data}var SiteRecentContentBlock=function(_PolymerElement){babelHelpers.inherits(SiteRecentContentBlock,_PolymerElement);function SiteRecentContentBlock(){babelHelpers.classCallCheck(this,SiteRecentContentBlock);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteRecentContentBlock).apply(this,arguments))}babelHelpers.createClass(SiteRecentContentBlock,[{key:"_activeIdChanged",value:function _activeIdChanged(newValue){var _this=this;if(newValue){var el=null;if(this.shadowRoot.querySelector("[data-id=\""+newValue+"\"]")){el=this.shadowRoot.querySelector("[data-id=\""+newValue+"\"]")}else{(function(){var tmpItem=_haxcmsSiteStore.store.manifest.items.find(function(i){return i.id==newValue});while(null===el&&tmpItem&&null!=tmpItem.parent){tmpItem=_haxcmsSiteStore.store.manifest.items.find(function(i){return i.id==tmpItem.parent});if(tmpItem&&_this.shadowRoot.querySelector("[data-id=\""+tmpItem.id+"\"]")){el=_this.shadowRoot.querySelector("[data-id=\""+tmpItem.id+"\"]")}}})()}if(this._prevEl){this._prevEl.classList.remove("active")}if(el){el.classList.add("active");this._prevEl=el}}}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteRecentContentBlock.prototype),"connectedCallback",this).call(this);setTimeout(function(){_this2.__disposer=(0,_mobxModule.autorun)(function(){_this2.activeId=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeId)})},50)}},{key:"disconnectedCallback",value:function disconnectedCallback(){if(this.__disposer){this.__disposer()}babelHelpers.get(babelHelpers.getPrototypeOf(SiteRecentContentBlock.prototype),"disconnectedCallback",this).call(this)}}],[{key:"tag",get:function get(){return"site-recent-content-block"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_14b92cf0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{limit:{type:Number,value:10},startIndex:{type:Number,value:0},sort:{type:Object,value:{"metadata.created":"ASC"}},conditions:{type:Object,value:{}},title:{type:String,value:"Recent content"},activeId:{type:String,observer:"_activeIdChanged"}}}}]);return SiteRecentContentBlock}(_polymerElement.PolymerElement);_exports.SiteRecentContentBlock=SiteRecentContentBlock;window.customElements.define(SiteRecentContentBlock.tag,SiteRecentContentBlock)});
\ No newline at end of file
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 752f8e5ebdf..d2f4ec321aa 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../../../../license-element/license-element.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteFooter=void 0;function _templateObject_7f4e6bb054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <div class=\"wrapper\">\n        <license-element\n          title=\"[[siteTitle]]\"\n          creator=\"[[manifest.author]]\"\n          source=\"[[manifest.domain]]\"\n          license=\"[[manifest.license]]\"\n        >\n        </license-element>\n      </div>\n    "]);_templateObject_7f4e6bb054f411e9aeb367f92c5b63ab=function(){return data};return data}var SiteFooter=function(_PolymerElement){babelHelpers.inherits(SiteFooter,_PolymerElement);function SiteFooter(){babelHelpers.classCallCheck(this,SiteFooter);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteFooter).apply(this,arguments))}babelHelpers.createClass(SiteFooter,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteFooter.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest)});this.__disposer2=(0,_mobxModule.autorun)(function(){_this.siteTitle=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.siteTitle)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteFooter.prototype),"disconnectedCallback",this).call(this);this.__disposer();this.__disposer2()}}],[{key:"tag",get:function get(){return"site-footer"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_7f4e6bb054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{siteTitle:{type:String},manifest:{type:Object}}}}]);return SiteFooter}(_polymerElement.PolymerElement);_exports.SiteFooter=SiteFooter;window.customElements.define(SiteFooter.tag,SiteFooter)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../../../../license-element/license-element.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteFooter=void 0;function _templateObject_140ff4a0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n      </style>\n      <div class=\"wrapper\">\n        <license-element\n          title=\"[[siteTitle]]\"\n          creator=\"[[manifest.author]]\"\n          source=\"[[manifest.domain]]\"\n          license=\"[[manifest.license]]\"\n        >\n        </license-element>\n      </div>\n    "]);_templateObject_140ff4a0555211e98f439769bd191e33=function(){return data};return data}var SiteFooter=function(_PolymerElement){babelHelpers.inherits(SiteFooter,_PolymerElement);function SiteFooter(){babelHelpers.classCallCheck(this,SiteFooter);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteFooter).apply(this,arguments))}babelHelpers.createClass(SiteFooter,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteFooter.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest)});this.__disposer2=(0,_mobxModule.autorun)(function(){_this.siteTitle=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.siteTitle)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteFooter.prototype),"disconnectedCallback",this).call(this);this.__disposer();this.__disposer2()}}],[{key:"tag",get:function get(){return"site-footer"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_140ff4a0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{siteTitle:{type:String},manifest:{type:Object}}}}]);return SiteFooter}(_polymerElement.PolymerElement);_exports.SiteFooter=SiteFooter;window.customElements.define(SiteFooter.tag,SiteFooter)});
\ No newline at end of file
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 ce9f6742444..e025932074f 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../simple-modal/lib/simple-modal-template.js","../../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../../@polymer/paper-button/paper-button.js","../../../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteModal=void 0;function _templateObject_7f7099b054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        paper-icon-button {\n          @apply --site-modal-icon;\n        }\n        paper-tooltip {\n          @apply --site-modal-tooltip;\n        }\n        simple-modal-template {\n          @apply --site-modal-modal;\n        }\n      </style>\n      <paper-icon-button id=\"btn\" icon=\"[[icon]]\"></paper-icon-button>\n      <paper-tooltip for=\"btn\" position=\"[[position]]\" offset=\"14\">\n        [[buttonLabel]]\n      </paper-tooltip>\n      <simple-modal-template id=\"smt\" title=\"[[title]]\">\n        <div id=\"content\" slot=\"content\"></div>\n      </simple-modal-template>\n    "]);_templateObject_7f7099b054f411e9aeb367f92c5b63ab=function(){return data};return data}var SiteModal=function(_PolymerElement){babelHelpers.inherits(SiteModal,_PolymerElement);function SiteModal(){babelHelpers.classCallCheck(this,SiteModal);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteModal).apply(this,arguments))}babelHelpers.createClass(SiteModal,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteModal.prototype),"connectedCallback",this).call(this);this.$.smt.associateEvents(this.$.btn);var nodes=(0,_polymerDom.dom)(this).getEffectiveChildNodes();for(var i in nodes){this.$.content.appendChild(nodes[i])}}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteModal.prototype),"disconnectedCallback",this).call(this)}}],[{key:"tag",get:function get(){return"site-modal"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_7f7099b054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{title:{type:String,value:"Dialog"},icon:{type:String,value:"icons:menu"},buttonLabel:{type:String,value:"Open dialog"},position:{type:String,value:"bottom"}}}}]);return SiteModal}(_polymerElement.PolymerElement);_exports.SiteModal=SiteModal;window.customElements.define(SiteModal.tag,SiteModal)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../../simple-modal/lib/simple-modal-template.js","../../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../../@polymer/paper-button/paper-button.js","../../../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteModal=void 0;function _templateObject_1433f760555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        paper-icon-button {\n          @apply --site-modal-icon;\n        }\n        paper-tooltip {\n          @apply --site-modal-tooltip;\n        }\n        simple-modal-template {\n          @apply --site-modal-modal;\n        }\n      </style>\n      <paper-icon-button id=\"btn\" icon=\"[[icon]]\"></paper-icon-button>\n      <paper-tooltip for=\"btn\" position=\"[[position]]\" offset=\"14\">\n        [[buttonLabel]]\n      </paper-tooltip>\n      <simple-modal-template id=\"smt\" title=\"[[title]]\">\n        <div id=\"content\" slot=\"content\"></div>\n      </simple-modal-template>\n    "]);_templateObject_1433f760555211e98f439769bd191e33=function(){return data};return data}var SiteModal=function(_PolymerElement){babelHelpers.inherits(SiteModal,_PolymerElement);function SiteModal(){babelHelpers.classCallCheck(this,SiteModal);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteModal).apply(this,arguments))}babelHelpers.createClass(SiteModal,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteModal.prototype),"connectedCallback",this).call(this);this.$.smt.associateEvents(this.$.btn);var nodes=(0,_polymerDom.dom)(this).getEffectiveChildNodes();for(var i in nodes){this.$.content.appendChild(nodes[i])}}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteModal.prototype),"disconnectedCallback",this).call(this)}}],[{key:"tag",get:function get(){return"site-modal"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_1433f760555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{title:{type:String,value:"Dialog"},icon:{type:String,value:"icons:menu"},buttonLabel:{type:String,value:"Open dialog"},position:{type:String,value:"bottom"}}}}]);return SiteModal}(_polymerElement.PolymerElement);_exports.SiteModal=SiteModal;window.customElements.define(SiteModal.tag,SiteModal)});
\ No newline at end of file
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 d7b2d49e5ec..d472deccacb 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../@polymer/polymer/lib/utils/render-status.js","../../../../../mobx/lib/mobx.module.js","../../../../../@polymer/iron-icon/iron-icon.js","../../../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_renderStatus){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ActiveWhenVisible=void 0;function _templateObject_8017610054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <div>\n        <a id=\"a\" href$=\"[[_a]]\" name$=\"#[[itemId]]\" aria-hidden></a>\n        <slot></slot>\n      </div>\n    "]);_templateObject_8017610054f411e9aeb367f92c5b63ab=function(){return data};return data}var ActiveWhenVisible=function(_PolymerElement){babelHelpers.inherits(ActiveWhenVisible,_PolymerElement);function ActiveWhenVisible(){babelHelpers.classCallCheck(this,ActiveWhenVisible);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(ActiveWhenVisible).apply(this,arguments))}babelHelpers.createClass(ActiveWhenVisible,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(ActiveWhenVisible.prototype),"connectedCallback",this).call(this);(0,_renderStatus.afterNextRender)(this,function(){this.observer=new IntersectionObserver(this.handleIntersectionCallback.bind(this),{root:document.rootElement,rootMargin:this.rootMargin,threshold:this.thresholds});this.observer.observe(this)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(ActiveWhenVisible.prototype),"disconnectedCallback",this).call(this)}},{key:"handleIntersectionCallback",value:function handleIntersectionCallback(entries){var _this=this,_iteratorNormalCompletion=!0,_didIteratorError=!1,_iteratorError=void 0;try{for(var _iterator=entries[Symbol.iterator](),_step,entry;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=!0){entry=_step.value;if((+entry.intersectionRatio).toFixed(2)>=this.visibleLimit){if(this.itemId){var item=_haxcmsSiteStore.store.findItem(this.itemId);this._a=item.location.replace("pages/","").replace("/index.html","");this.isVisible=!0;setTimeout(function(){_this.$.a.click()},25)}}}}catch(err){_didIteratorError=!0;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&null!=_iterator.return){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}}}],[{key:"tag",get:function get(){return"active-when-visible"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_8017610054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{itemId:{type:String},_a:{type:String},thresholds:{type:Array,value:[0,.25,.5,.75,1]},rootMargin:{type:String,value:"0px"},visibleLimit:{type:Number,value:.5,reflectToAttribute:!0},isVisible:{type:Boolean,value:!1,notify:!0}}}}]);return ActiveWhenVisible}(_polymerElement.PolymerElement);_exports.ActiveWhenVisible=ActiveWhenVisible;window.customElements.define(ActiveWhenVisible.tag,ActiveWhenVisible)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../@polymer/polymer/lib/utils/render-status.js","../../../../../mobx/lib/mobx.module.js","../../../../../@polymer/iron-icon/iron-icon.js","../../../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_renderStatus){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ActiveWhenVisible=void 0;function _templateObject_14d874c0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <div>\n        <a id=\"a\" href$=\"[[_a]]\" name$=\"#[[itemId]]\" aria-hidden></a>\n        <slot></slot>\n      </div>\n    "]);_templateObject_14d874c0555211e98f439769bd191e33=function(){return data};return data}var ActiveWhenVisible=function(_PolymerElement){babelHelpers.inherits(ActiveWhenVisible,_PolymerElement);function ActiveWhenVisible(){babelHelpers.classCallCheck(this,ActiveWhenVisible);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(ActiveWhenVisible).apply(this,arguments))}babelHelpers.createClass(ActiveWhenVisible,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(ActiveWhenVisible.prototype),"connectedCallback",this).call(this);(0,_renderStatus.afterNextRender)(this,function(){this.observer=new IntersectionObserver(this.handleIntersectionCallback.bind(this),{root:document.rootElement,rootMargin:this.rootMargin,threshold:this.thresholds});this.observer.observe(this)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(ActiveWhenVisible.prototype),"disconnectedCallback",this).call(this)}},{key:"handleIntersectionCallback",value:function handleIntersectionCallback(entries){var _this=this,_iteratorNormalCompletion=!0,_didIteratorError=!1,_iteratorError=void 0;try{for(var _iterator=entries[Symbol.iterator](),_step,entry;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=!0){entry=_step.value;if((+entry.intersectionRatio).toFixed(2)>=this.visibleLimit){if(this.itemId){var item=_haxcmsSiteStore.store.findItem(this.itemId);this._a=item.location.replace("pages/","").replace("/index.html","");this.isVisible=!0;setTimeout(function(){_this.$.a.click()},25)}}}}catch(err){_didIteratorError=!0;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&null!=_iterator.return){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}}}],[{key:"tag",get:function get(){return"active-when-visible"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_14d874c0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{itemId:{type:String},_a:{type:String},thresholds:{type:Array,value:[0,.25,.5,.75,1]},rootMargin:{type:String,value:"0px"},visibleLimit:{type:Number,value:.5,reflectToAttribute:!0},isVisible:{type:Boolean,value:!1,notify:!0}}}}]);return ActiveWhenVisible}(_polymerElement.PolymerElement);_exports.ActiveWhenVisible=ActiveWhenVisible;window.customElements.define(ActiveWhenVisible.tag,ActiveWhenVisible)});
\ No newline at end of file
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 7634918f04e..0fb33c60fc4 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../../../../../@polymer/iron-icon/iron-icon.js","../../../../../@polymer/paper-button/paper-button.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteBreadcrumb=void 0;function _templateObject_625df93054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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        }\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      </style>\n      <div\n        id=\"space\"\n        itemscope\n        itemtype=\"http://data-vocabulary.org/Breadcrumb\"\n      ></div>\n    "]);_templateObject_625df93054f411e9aeb367f92c5b63ab=function(){return data};return data}var SiteBreadcrumb=function(_PolymerElement){babelHelpers.inherits(SiteBreadcrumb,_PolymerElement);function SiteBreadcrumb(){babelHelpers.classCallCheck(this,SiteBreadcrumb);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteBreadcrumb).apply(this,arguments))}babelHelpers.createClass(SiteBreadcrumb,[{key:"_activeItemChanged",value:function _activeItemChanged(active){var _this=this,activeItem=active;if(activeItem){var items,i;(function(){while(null!==_this.$.space.firstChild){_this.$.space.removeChild(_this.$.space.firstChild)}items=[{title:activeItem.title,location:null}];var itemBuilder=activeItem;while(itemBuilder&&null!=itemBuilder.parent){itemBuilder=_this.manifest.items.find(function(i){return i.id==itemBuilder.parent});if(itemBuilder){items.unshift({title:itemBuilder.title,location:itemBuilder.location})}}for(i in items){var icon=document.createElement("iron-icon");icon.icon="icons:chevron-right";if(null!=items[i].location){var button=document.createElement("paper-button");button.innerText=items[i].title;button.noink=!0;var link=document.createElement("a");link.setAttribute("href",items[i].location);link.setAttribute("tabindex","-1");link.setAttribute("itemprop","url");link.appendChild(button);_this.$.space.appendChild(link);_this.$.space.appendChild(icon)}else{var span=document.createElement("span");span.innerText=items[i].title;_this.$.space.appendChild(span)}}})()}}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteBreadcrumb.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this2.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.routerManifest)});this.__disposer2=(0,_mobxModule.autorun)(function(){_this2._activeItemChanged((0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeItem))})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteBreadcrumb.prototype),"disconnectedCallback",this).call(this);this.__disposer();this.__disposer2()}}],[{key:"tag",get:function get(){return"site-breadcrumb"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_625df93054f411e9aeb367f92c5b63ab())}}]);return SiteBreadcrumb}(_polymerElement.PolymerElement);_exports.SiteBreadcrumb=SiteBreadcrumb;window.customElements.define(SiteBreadcrumb.tag,SiteBreadcrumb)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../../../../../@polymer/iron-icon/iron-icon.js","../../../../../@polymer/paper-button/paper-button.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteBreadcrumb=void 0;function _templateObject_f86a78b0555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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        }\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      </style>\n      <div\n        id=\"space\"\n        itemscope\n        itemtype=\"http://data-vocabulary.org/Breadcrumb\"\n      ></div>\n    "]);_templateObject_f86a78b0555111e98f439769bd191e33=function(){return data};return data}var SiteBreadcrumb=function(_PolymerElement){babelHelpers.inherits(SiteBreadcrumb,_PolymerElement);function SiteBreadcrumb(){babelHelpers.classCallCheck(this,SiteBreadcrumb);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteBreadcrumb).apply(this,arguments))}babelHelpers.createClass(SiteBreadcrumb,[{key:"_activeItemChanged",value:function _activeItemChanged(active){var _this=this,activeItem=active;if(activeItem){var items,i;(function(){while(null!==_this.$.space.firstChild){_this.$.space.removeChild(_this.$.space.firstChild)}items=[{title:activeItem.title,location:null}];var itemBuilder=activeItem;while(itemBuilder&&null!=itemBuilder.parent){itemBuilder=_this.manifest.items.find(function(i){return i.id==itemBuilder.parent});if(itemBuilder){items.unshift({title:itemBuilder.title,location:itemBuilder.location})}}for(i in items){var icon=document.createElement("iron-icon");icon.icon="icons:chevron-right";if(null!=items[i].location){var button=document.createElement("paper-button");button.innerText=items[i].title;button.noink=!0;var link=document.createElement("a");link.setAttribute("href",items[i].location);link.setAttribute("tabindex","-1");link.setAttribute("itemprop","url");link.appendChild(button);_this.$.space.appendChild(link);_this.$.space.appendChild(icon)}else{var span=document.createElement("span");span.innerText=items[i].title;_this.$.space.appendChild(span)}}})()}}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteBreadcrumb.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this2.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.routerManifest)});this.__disposer2=(0,_mobxModule.autorun)(function(){_this2._activeItemChanged((0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeItem))})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteBreadcrumb.prototype),"disconnectedCallback",this).call(this);this.__disposer();this.__disposer2()}}],[{key:"tag",get:function get(){return"site-breadcrumb"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_f86a78b0555111e98f439769bd191e33())}}]);return SiteBreadcrumb}(_polymerElement.PolymerElement);_exports.SiteBreadcrumb=SiteBreadcrumb;window.customElements.define(SiteBreadcrumb.tag,SiteBreadcrumb)});
\ No newline at end of file
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 2ded907ccc3..e4b0f99ec32 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteDotIndicator=void 0;function _templateObject_70eaa4d054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <ol id=\"list\"></ol>\n    "]);_templateObject_70eaa4d054f411e9aeb367f92c5b63ab=function(){return data};return data}var SiteDotIndicator=function(_PolymerElement){babelHelpers.inherits(SiteDotIndicator,_PolymerElement);function SiteDotIndicator(){babelHelpers.classCallCheck(this,SiteDotIndicator);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteDotIndicator).apply(this,arguments))}babelHelpers.createClass(SiteDotIndicator,[{key:"_activeIdChanged",value:function _activeIdChanged(newValue,oldValue){if(newValue){var tmp=this.shadowRoot.querySelector("[data-item=\""+newValue+"\"");if(tmp){tmp.classList.add("active")}if(oldValue){var _tmp=this.shadowRoot.querySelector("[data-item=\""+oldValue+"\"");if(_tmp){_tmp.classList.remove("active")}}}}},{key:"_routerManifestChanged",value:function _routerManifestChanged(routerManifest){while(null!==this.$.list.firstChild){this.$.list.removeChild(this.$.list.firstChild)}for(var i in routerManifest.items){var li=document.createElement("li");li.setAttribute("data-item",routerManifest.items[i].id);li.setAttribute("title",routerManifest.items[i].title);if(this.activeId===routerManifest.items[i].id){li.classList.add("active")}var link=document.createElement("a");link.href=routerManifest.items[i].location;li.appendChild(link);this.$.list.appendChild(li)}}},{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteDotIndicator.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this.routerManifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.routerManifest)});this.__disposer2=(0,_mobxModule.autorun)(function(){_this.activeId=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeId)});if(this.scrollOnActive){this.$.list.addEventListener("click",function(){_this.parentElement.querySelector("#"+_this.activeId).scrollIntoView({behavior:"smooth",block:"end",inline:"nearest"})})}}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteDotIndicator.prototype),"disconnectedCallback",this).call(this);this.__disposer();this.__disposer2();if(this.scrollOnActive){this.$.list.removeEventListener("click",function(){_this2.parentElement.querySelector("#"+_this2.activeId).scrollIntoView({behavior:"smooth",block:"end",inline:"nearest"})})}}}],[{key:"tag",get:function get(){return"site-dot-indicator"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_70eaa4d054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{activeId:{type:String,observer:"_activeIdChanged"},routerManifest:{type:Object,observer:"_routerManifestChanged"},sticky:{type:String,reflectToAttribute:!0},scrollOnActive:{type:Boolean,value:!1}}}}]);return SiteDotIndicator}(_polymerElement.PolymerElement);_exports.SiteDotIndicator=SiteDotIndicator;window.customElements.define(SiteDotIndicator.tag,SiteDotIndicator)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteDotIndicator=void 0;function _templateObject_059c0120555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <ol id=\"list\"></ol>\n    "]);_templateObject_059c0120555211e98f439769bd191e33=function(){return data};return data}var SiteDotIndicator=function(_PolymerElement){babelHelpers.inherits(SiteDotIndicator,_PolymerElement);function SiteDotIndicator(){babelHelpers.classCallCheck(this,SiteDotIndicator);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteDotIndicator).apply(this,arguments))}babelHelpers.createClass(SiteDotIndicator,[{key:"_activeIdChanged",value:function _activeIdChanged(newValue,oldValue){if(newValue){var tmp=this.shadowRoot.querySelector("[data-item=\""+newValue+"\"");if(tmp){tmp.classList.add("active")}if(oldValue){var _tmp=this.shadowRoot.querySelector("[data-item=\""+oldValue+"\"");if(_tmp){_tmp.classList.remove("active")}}}}},{key:"_routerManifestChanged",value:function _routerManifestChanged(routerManifest){while(null!==this.$.list.firstChild){this.$.list.removeChild(this.$.list.firstChild)}for(var i in routerManifest.items){var li=document.createElement("li");li.setAttribute("data-item",routerManifest.items[i].id);li.setAttribute("title",routerManifest.items[i].title);if(this.activeId===routerManifest.items[i].id){li.classList.add("active")}var link=document.createElement("a");link.href=routerManifest.items[i].location;li.appendChild(link);this.$.list.appendChild(li)}}},{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteDotIndicator.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this.routerManifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.routerManifest)});this.__disposer2=(0,_mobxModule.autorun)(function(){_this.activeId=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeId)});if(this.scrollOnActive){this.$.list.addEventListener("click",function(){_this.parentElement.querySelector("#"+_this.activeId).scrollIntoView({behavior:"smooth",block:"end",inline:"nearest"})})}}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteDotIndicator.prototype),"disconnectedCallback",this).call(this);this.__disposer();this.__disposer2();if(this.scrollOnActive){this.$.list.removeEventListener("click",function(){_this2.parentElement.querySelector("#"+_this2.activeId).scrollIntoView({behavior:"smooth",block:"end",inline:"nearest"})})}}}],[{key:"tag",get:function get(){return"site-dot-indicator"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_059c0120555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{activeId:{type:String,observer:"_activeIdChanged"},routerManifest:{type:Object,observer:"_routerManifestChanged"},sticky:{type:String,reflectToAttribute:!0},scrollOnActive:{type:Boolean,value:!1}}}}]);return SiteDotIndicator}(_polymerElement.PolymerElement);_exports.SiteDotIndicator=SiteDotIndicator;window.customElements.define(SiteDotIndicator.tag,SiteDotIndicator)});
\ No newline at end of file
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 925c9c348b9..89f60459bd1 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../../../../../@polymer/iron-icon/iron-icon.js","../../../../../@polymer/iron-icons/iron-icons.js","../../../../../@polymer/paper-button/paper-button.js","../../../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteMenuButton=void 0;function _templateObject_62a90bf054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          font-size: 16px;\n          transition: 0.3s all ease-in-out;\n        }\n        :host([disabled]) {\n          pointer-event: none;\n          opacity: 0.3;\n        }\n        a {\n          color: black;\n          @apply --site-menu-button-link;\n        }\n        paper-button {\n          transition: 0.3s all ease-in-out;\n          min-width: unset;\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        iron-icon {\n          display: block;\n          font-size: 16px;\n          @apply --site-menu-button-icon;\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          --paper-tooltip: {\n            border-radius: 0;\n          }\n        }\n      </style>\n      <a tabindex=\"-1\" href$=\"[[link]]\" disabled$=\"[[disabled]]\">\n        <paper-button\n          id=\"menulink\"\n          noink\n          disabled=\"[[disabled]]\"\n          raised=\"[[raised]]\"\n        >\n          <slot name=\"prefix\"></slot>\n          <iron-icon icon=\"[[icon]]\"></iron-icon>\n          <slot name=\"suffix\"></slot>\n        </paper-button>\n      </a>\n      <paper-tooltip for=\"menulink\" offset=\"8\" position=\"[[position]]\">\n        [[label]]\n      </paper-tooltip>\n    "]);_templateObject_62a90bf054f411e9aeb367f92c5b63ab=function(){return data};return data}var SiteMenuButton=function(_PolymerElement){babelHelpers.inherits(SiteMenuButton,_PolymerElement);function SiteMenuButton(){babelHelpers.classCallCheck(this,SiteMenuButton);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteMenuButton).apply(this,arguments))}babelHelpers.createClass(SiteMenuButton,[{key:"_typeChanged",value:function _typeChanged(newValue){if("prev"===newValue){if(!this.label){this.label="Previous page"}if(!this.icon){this.icon="icons:chevron-left"}if(!this.position){this.position="right"}}else if("next"===newValue){if(!this.label){this.label="Next page"}if(!this.icon){this.icon="icons:chevron-right"}if(!this.position){this.position="left"}}else{this.label="";this.icon="";this.direction=""}}},{key:"pageLink",value:function pageLink(type,activeManifestIndex,items){if("prev"===type&&items){if(0<activeManifestIndex&&items[activeManifestIndex-1]){return items[activeManifestIndex-1].location}return null}else if("next"===type&&items){if(activeManifestIndex<items.length-1&&items[activeManifestIndex+1]){return items[activeManifestIndex+1].location}return null}else{return null}}},{key:"pageLinkStatus",value:function pageLinkStatus(type,activeManifestIndex,items){if("prev"===type){if(0===activeManifestIndex||-1===activeManifestIndex){return!0}return!1}else if("next"===type&&items){if(activeManifestIndex>=items.length-1){return!0}return!1}else{return!1}}},{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteMenuButton.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this.routerManifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.routerManifest)});this.__disposer2=(0,_mobxModule.autorun)(function(){_this.activeManifestIndex=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeManifestIndex)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteMenuButton.prototype),"disconnectedCallback",this).call(this);this.__disposer();this.__disposer2()}}],[{key:"tag",get:function get(){return"site-menu-button"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_62a90bf054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{type:{type:String,observer:"_typeChanged",reflectToAttribute:!0},activeManifestIndex:{type:String},routerManifest:{type:Object},link:{type:String,computed:"pageLink(type, activeManifestIndex, routerManifest.items)"},disabled:{type:Boolean,reflectToAttribute:!0,computed:"pageLinkStatus(type, activeManifestIndex, routerManifest.items)"},label:{type:String},icon:{type:String},position:{type:String},raised:{type:Boolean}}}}]);return SiteMenuButton}(_polymerElement.PolymerElement);_exports.SiteMenuButton=SiteMenuButton;window.customElements.define(SiteMenuButton.tag,SiteMenuButton)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../../../../../@polymer/iron-icon/iron-icon.js","../../../../../@polymer/iron-icons/iron-icons.js","../../../../../@polymer/paper-button/paper-button.js","../../../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteMenuButton=void 0;function _templateObject_f8af70f0555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          font-size: 16px;\n          transition: 0.3s all ease-in-out;\n        }\n        :host([disabled]) {\n          pointer-event: none;\n          opacity: 0.3;\n        }\n        a {\n          color: black;\n          @apply --site-menu-button-link;\n        }\n        paper-button {\n          transition: 0.3s all ease-in-out;\n          min-width: unset;\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        iron-icon {\n          display: block;\n          font-size: 16px;\n          @apply --site-menu-button-icon;\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          --paper-tooltip: {\n            border-radius: 0;\n          }\n        }\n      </style>\n      <a tabindex=\"-1\" href$=\"[[link]]\" disabled$=\"[[disabled]]\">\n        <paper-button\n          id=\"menulink\"\n          noink\n          disabled=\"[[disabled]]\"\n          raised=\"[[raised]]\"\n        >\n          <slot name=\"prefix\"></slot>\n          <iron-icon icon=\"[[icon]]\"></iron-icon>\n          <slot name=\"suffix\"></slot>\n        </paper-button>\n      </a>\n      <paper-tooltip for=\"menulink\" offset=\"8\" position=\"[[position]]\">\n        [[label]]\n      </paper-tooltip>\n    "]);_templateObject_f8af70f0555111e98f439769bd191e33=function(){return data};return data}var SiteMenuButton=function(_PolymerElement){babelHelpers.inherits(SiteMenuButton,_PolymerElement);function SiteMenuButton(){babelHelpers.classCallCheck(this,SiteMenuButton);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteMenuButton).apply(this,arguments))}babelHelpers.createClass(SiteMenuButton,[{key:"_typeChanged",value:function _typeChanged(newValue){if("prev"===newValue){if(!this.label){this.label="Previous page"}if(!this.icon){this.icon="icons:chevron-left"}if(!this.position){this.position="right"}}else if("next"===newValue){if(!this.label){this.label="Next page"}if(!this.icon){this.icon="icons:chevron-right"}if(!this.position){this.position="left"}}else{this.label="";this.icon="";this.direction=""}}},{key:"pageLink",value:function pageLink(type,activeManifestIndex,items){if("prev"===type&&items){if(0<activeManifestIndex&&items[activeManifestIndex-1]){return items[activeManifestIndex-1].location}return null}else if("next"===type&&items){if(activeManifestIndex<items.length-1&&items[activeManifestIndex+1]){return items[activeManifestIndex+1].location}return null}else{return null}}},{key:"pageLinkStatus",value:function pageLinkStatus(type,activeManifestIndex,items){if("prev"===type){if(0===activeManifestIndex||-1===activeManifestIndex){return!0}return!1}else if("next"===type&&items){if(activeManifestIndex>=items.length-1){return!0}return!1}else{return!1}}},{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteMenuButton.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this.routerManifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.routerManifest)});this.__disposer2=(0,_mobxModule.autorun)(function(){_this.activeManifestIndex=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeManifestIndex)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteMenuButton.prototype),"disconnectedCallback",this).call(this);this.__disposer();this.__disposer2()}}],[{key:"tag",get:function get(){return"site-menu-button"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_f8af70f0555111e98f439769bd191e33())}},{key:"properties",get:function get(){return{type:{type:String,observer:"_typeChanged",reflectToAttribute:!0},activeManifestIndex:{type:String},routerManifest:{type:Object},link:{type:String,computed:"pageLink(type, activeManifestIndex, routerManifest.items)"},disabled:{type:Boolean,reflectToAttribute:!0,computed:"pageLinkStatus(type, activeManifestIndex, routerManifest.items)"},label:{type:String},icon:{type:String},position:{type:String},raised:{type:Boolean}}}}]);return SiteMenuButton}(_polymerElement.PolymerElement);_exports.SiteMenuButton=SiteMenuButton;window.customElements.define(SiteMenuButton.tag,SiteMenuButton)});
\ No newline at end of file
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 caab10dca56..b1bb048af19 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../../../../map-menu/map-menu.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteMenu=void 0;function _templateObject_62bf2c0054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          height: 100vh;\n        }\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\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      </style>\n      <map-menu\n        id=\"menu\"\n        selected=\"[[activeId]]\"\n        manifest=\"[[routerManifest]]\"\n        active-indicator=\"[[!hideActiveIndicator]]\"\n        auto-scroll=\"[[!preventAutoScroll]]\"\n      ></map-menu>\n    "]);_templateObject_62bf2c0054f411e9aeb367f92c5b63ab=function(){return data};return data}var SiteMenu=function(_PolymerElement){babelHelpers.inherits(SiteMenu,_PolymerElement);function SiteMenu(){babelHelpers.classCallCheck(this,SiteMenu);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteMenu).apply(this,arguments))}babelHelpers.createClass(SiteMenu,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteMenu.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this.routerManifest=Object.assign({},(0,_mobxModule.toJS)(_haxcmsSiteStore.store.routerManifest))});setTimeout(function(){_this.__disposer2=(0,_mobxModule.autorun)(function(){_this.activeId=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeId)})},50);this.$.menu.addEventListener("active-item",this.mapMenuActiveChanged.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteMenu.prototype),"disconnectedCallback",this).call(this);this.__disposer();if(this.__disposer2){this.__disposer2()}this.$.menu.removeEventListener("active-item",this.mapMenuActiveChanged.bind(this))}},{key:"mapMenuActiveChanged",value:function mapMenuActiveChanged(e){e.detail.trackIcon=this.trackIcon;var userData=JSON.parse(window.localStorage.getItem("HAXCMSSystemData"));if(userData.manifests&&babelHelpers.typeof(userData.manifests[this.routerManifest.id])==="undefined"){userData.manifests[this.routerManifest.id]={accessData:{}}}if(!userData.manifests[this.routerManifest.id].accessData){userData.manifests[this.routerManifest.id].accessData={}}userData.manifests[this.routerManifest.id].accessData[e.detail.id]={timestamp:Math.floor(Date.now()/1e3),trackIcon:this.trackIcon};for(var i in this.routerManifest.items){if(this.routerManifest.items[i].id===e.detail.id){this.routerManifest.items[i].metadata.accessData=userData.manifests[this.routerManifest.id].accessData[e.detail.id]}}window.localStorage.setItem("HAXCMSSystemData",JSON.stringify(userData))}}],[{key:"tag",get:function get(){return"site-menu"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_62bf2c0054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{routerManifest:{type:Object},activeId:{type:String},hideActiveIndicator:{type:Boolean,value:!1},preventAutoScroll:{type:Boolean,value:!1},trackIcon:{type:String,value:""}}}}]);return SiteMenu}(_polymerElement.PolymerElement);_exports.SiteMenu=SiteMenu;window.customElements.define(SiteMenu.tag,SiteMenu)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../../../../map-menu/map-menu.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteMenu=void 0;function _templateObject_f8c32000555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          height: 100vh;\n        }\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\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      </style>\n      <map-menu\n        id=\"menu\"\n        selected=\"[[activeId]]\"\n        manifest=\"[[routerManifest]]\"\n        active-indicator=\"[[!hideActiveIndicator]]\"\n        auto-scroll=\"[[!preventAutoScroll]]\"\n      ></map-menu>\n    "]);_templateObject_f8c32000555111e98f439769bd191e33=function(){return data};return data}var SiteMenu=function(_PolymerElement){babelHelpers.inherits(SiteMenu,_PolymerElement);function SiteMenu(){babelHelpers.classCallCheck(this,SiteMenu);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteMenu).apply(this,arguments))}babelHelpers.createClass(SiteMenu,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteMenu.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this.routerManifest=Object.assign({},(0,_mobxModule.toJS)(_haxcmsSiteStore.store.routerManifest))});setTimeout(function(){_this.__disposer2=(0,_mobxModule.autorun)(function(){_this.activeId=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeId)})},50);this.$.menu.addEventListener("active-item",this.mapMenuActiveChanged.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteMenu.prototype),"disconnectedCallback",this).call(this);this.__disposer();if(this.__disposer2){this.__disposer2()}this.$.menu.removeEventListener("active-item",this.mapMenuActiveChanged.bind(this))}},{key:"mapMenuActiveChanged",value:function mapMenuActiveChanged(e){e.detail.trackIcon=this.trackIcon;var userData=JSON.parse(window.localStorage.getItem("HAXCMSSystemData"));if(userData.manifests&&babelHelpers.typeof(userData.manifests[this.routerManifest.id])==="undefined"){userData.manifests[this.routerManifest.id]={accessData:{}}}if(!userData.manifests[this.routerManifest.id].accessData){userData.manifests[this.routerManifest.id].accessData={}}userData.manifests[this.routerManifest.id].accessData[e.detail.id]={timestamp:Math.floor(Date.now()/1e3),trackIcon:this.trackIcon};for(var i in this.routerManifest.items){if(this.routerManifest.items[i].id===e.detail.id){this.routerManifest.items[i].metadata.accessData=userData.manifests[this.routerManifest.id].accessData[e.detail.id]}}window.localStorage.setItem("HAXCMSSystemData",JSON.stringify(userData))}}],[{key:"tag",get:function get(){return"site-menu"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_f8c32000555111e98f439769bd191e33())}},{key:"properties",get:function get(){return{routerManifest:{type:Object},activeId:{type:String},hideActiveIndicator:{type:Boolean,value:!1},preventAutoScroll:{type:Boolean,value:!1},trackIcon:{type:String,value:""}}}}]);return SiteMenu}(_polymerElement.PolymerElement);_exports.SiteMenu=SiteMenu;window.customElements.define(SiteMenu.tag,SiteMenu)});
\ No newline at end of file
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 a66002d25c3..8cf0fd444de 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../query/site-query.js","../../../../../@polymer/polymer/lib/elements/dom-repeat.js","../../../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteTopMenu=void 0;function _templateObject_62f0c35054f411e9aeb367f92c5b63ab(){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: 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        paper-tooltip {\n          @apply --site-top-menu-tooltip;\n        }\n      </style>\n      <div class=\"wrapper\">\n        <slot name=\"prefix\"></slot>\n        <site-query\n          result=\"{{__items}}\"\n          sort=\"[[sort]]\"\n          conditions=\"[[conditions]]\"\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              >\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            <paper-tooltip\n              for$=\"item-[[item.id]]\"\n              position=\"[[position]]\"\n              offset=\"14\"\n            >\n              Go to [[item.title]]\n            </paper-tooltip>\n          </template>\n        </dom-repeat>\n        <slot name=\"suffix\"></slot>\n      </div>\n      <div id=\"indicator\"></div>\n    "]);_templateObject_62f0c35054f411e9aeb367f92c5b63ab=function(){return data};return data}var SiteTopMenu=function(_PolymerElement){babelHelpers.inherits(SiteTopMenu,_PolymerElement);function SiteTopMenu(){babelHelpers.classCallCheck(this,SiteTopMenu);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteTopMenu).apply(this,arguments))}babelHelpers.createClass(SiteTopMenu,[{key:"humanIndex",value:function humanIndex(index){return index+1}},{key:"_activeIdChanged",value:function _activeIdChanged(newValue){var _this=this;if("none"!=this.indicator){if(newValue){this.$.indicator.classList.add("activated");var el=null;if(this.shadowRoot.querySelector("[data-id=\""+newValue+"\"]")){el=this.shadowRoot.querySelector("[data-id=\""+newValue+"\"]")}else{(function(){var tmpItem=_this.manifest.items.find(function(i){return i.id==newValue});while(null===el&&tmpItem&&null!=tmpItem.parent){tmpItem=_this.manifest.items.find(function(i){return i.id==tmpItem.parent});if(tmpItem&&_this.shadowRoot.querySelector("[data-id=\""+tmpItem.id+"\"]")){el=_this.shadowRoot.querySelector("[data-id=\""+tmpItem.id+"\"]")}}})()}if(this._prevEl){this._prevEl.classList.remove("active")}if(el){el.classList.add("active");this._prevEl=el;if("arrow"==this.indicator){this.$.indicator.style.left=el.offsetLeft+el.offsetWidth/2-this.arrowSize+"px";this.$.indicator.style.top=el.offsetTop+el.offsetHeight-this.arrowSize+"px"}else{this.$.indicator.style.left=el.offsetLeft+"px";this.$.indicator.style.top=el.offsetTop+el.offsetHeight+"px";this.$.indicator.style.width=el.offsetWidth+"px"}}}else{this.$.indicator.classList.remove("activated")}}}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteTopMenu.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this2.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest)});setTimeout(function(){_this2.__disposer2=(0,_mobxModule.autorun)(function(){_this2.activeId=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeId)})},50);window.addEventListener("resize",function(){_this2._activeIdChanged(_this2.activeId)},!0)}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this3=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteTopMenu.prototype),"disconnectedCallback",this).call(this);this.__disposer();if(this.__disposer2){this.__disposer2()}window.removeEventListener("resize",function(){_this3._activeIdChanged(_this3.activeId)},!0)}}],[{key:"tag",get:function get(){return"site-top-menu"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_62f0c35054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{manifest:{type:Object},activeId:{type:String,observer:"_activeIdChanged"},sticky:{type:Boolean,reflectToAttribute:!0,value:!1},indicator:{type:String,reflectToAttribute:!0,value:"line"},noink:{type:Boolean,reflectToAttribute:!0,value:!1},notitle:{type:Boolean,reflectToAttribute:!0,value:!1},showindex:{type:Boolean,reflectToAttribute:!0,value:!1},arrowSize:{type:Number,value:6},sort:{type:Object,value:{order:"ASC"}},conditions:{type:Object,value:{parent:null}},position:{type:String,value:"bottom"}}}}]);return SiteTopMenu}(_polymerElement.PolymerElement);_exports.SiteTopMenu=SiteTopMenu;window.customElements.define(SiteTopMenu.tag,SiteTopMenu)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../query/site-query.js","../../../../../@polymer/polymer/lib/elements/dom-repeat.js","../../../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteTopMenu=void 0;function _templateObject_f8dfa8b0555111e98f439769bd191e33(){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: 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        paper-tooltip {\n          @apply --site-top-menu-tooltip;\n        }\n      </style>\n      <div class=\"wrapper\">\n        <slot name=\"prefix\"></slot>\n        <site-query\n          result=\"{{__items}}\"\n          sort=\"[[sort]]\"\n          conditions=\"[[conditions]]\"\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              >\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            <paper-tooltip\n              for$=\"item-[[item.id]]\"\n              position=\"[[position]]\"\n              offset=\"14\"\n            >\n              Go to [[item.title]]\n            </paper-tooltip>\n          </template>\n        </dom-repeat>\n        <slot name=\"suffix\"></slot>\n      </div>\n      <div id=\"indicator\"></div>\n    "]);_templateObject_f8dfa8b0555111e98f439769bd191e33=function(){return data};return data}var SiteTopMenu=function(_PolymerElement){babelHelpers.inherits(SiteTopMenu,_PolymerElement);function SiteTopMenu(){babelHelpers.classCallCheck(this,SiteTopMenu);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteTopMenu).apply(this,arguments))}babelHelpers.createClass(SiteTopMenu,[{key:"humanIndex",value:function humanIndex(index){return index+1}},{key:"_activeIdChanged",value:function _activeIdChanged(newValue){var _this=this;if("none"!=this.indicator){if(newValue){this.$.indicator.classList.add("activated");var el=null;if(this.shadowRoot.querySelector("[data-id=\""+newValue+"\"]")){el=this.shadowRoot.querySelector("[data-id=\""+newValue+"\"]")}else{(function(){var tmpItem=_this.manifest.items.find(function(i){return i.id==newValue});while(null===el&&tmpItem&&null!=tmpItem.parent){tmpItem=_this.manifest.items.find(function(i){return i.id==tmpItem.parent});if(tmpItem&&_this.shadowRoot.querySelector("[data-id=\""+tmpItem.id+"\"]")){el=_this.shadowRoot.querySelector("[data-id=\""+tmpItem.id+"\"]")}}})()}if(this._prevEl){this._prevEl.classList.remove("active")}if(el){el.classList.add("active");this._prevEl=el;if("arrow"==this.indicator){this.$.indicator.style.left=el.offsetLeft+el.offsetWidth/2-this.arrowSize+"px";this.$.indicator.style.top=el.offsetTop+el.offsetHeight-this.arrowSize+"px"}else{this.$.indicator.style.left=el.offsetLeft+"px";this.$.indicator.style.top=el.offsetTop+el.offsetHeight+"px";this.$.indicator.style.width=el.offsetWidth+"px"}}}else{this.$.indicator.classList.remove("activated")}}}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteTopMenu.prototype),"connectedCallback",this).call(this);this.__disposer=(0,_mobxModule.autorun)(function(){_this2.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest)});setTimeout(function(){_this2.__disposer2=(0,_mobxModule.autorun)(function(){_this2.activeId=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeId)})},50);window.addEventListener("resize",function(){_this2._activeIdChanged(_this2.activeId)},!0)}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this3=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteTopMenu.prototype),"disconnectedCallback",this).call(this);this.__disposer();if(this.__disposer2){this.__disposer2()}window.removeEventListener("resize",function(){_this3._activeIdChanged(_this3.activeId)},!0)}}],[{key:"tag",get:function get(){return"site-top-menu"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_f8dfa8b0555111e98f439769bd191e33())}},{key:"properties",get:function get(){return{manifest:{type:Object},activeId:{type:String,observer:"_activeIdChanged"},sticky:{type:Boolean,reflectToAttribute:!0,value:!1},indicator:{type:String,reflectToAttribute:!0,value:"line"},noink:{type:Boolean,reflectToAttribute:!0,value:!1},notitle:{type:Boolean,reflectToAttribute:!0,value:!1},showindex:{type:Boolean,reflectToAttribute:!0,value:!1},arrowSize:{type:Number,value:6},sort:{type:Object,value:{order:"ASC"}},conditions:{type:Object,value:{parent:null}},position:{type:String,value:"bottom"}}}}]);return SiteTopMenu}(_polymerElement.PolymerElement);_exports.SiteTopMenu=SiteTopMenu;window.customElements.define(SiteTopMenu.tag,SiteTopMenu)});
\ No newline at end of file
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 b5b74dc289c..6299d227b85 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../../../../@polymer/polymer/lib/mixins/mutable-data.js","../../../../../@polymer/iron-list/iron-list.js","./site-query.js"],function(_exports,_polymerElement,_mutableData){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteRenderQuery=void 0;function _templateObject_63070a7054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        iron-list {\n          @apply --site-query-iron-list;\n        }\n      </style>\n      <site-query\n        result=\"{{result}}\"\n        sort=\"[[sort]]\"\n        conditions=\"[[conditions]]\"\n      ></site-query>\n      <iron-list id=\"list\" items=\"[[__items]]\" grid=\"[[grid]]\" mutable-data>\n        <slot></slot>\n      </iron-list>\n    "]);_templateObject_63070a7054f411e9aeb367f92c5b63ab=function(){return data};return data}var SiteRenderQuery=function(_MutableData){babelHelpers.inherits(SiteRenderQuery,_MutableData);function SiteRenderQuery(){babelHelpers.classCallCheck(this,SiteRenderQuery);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteRenderQuery).apply(this,arguments))}babelHelpers.createClass(SiteRenderQuery,[{key:"_resultChanged",value:function _resultChanged(newValue){this.set("__items",newValue);this.notifyPath("__items")}}],[{key:"tag",get:function get(){return"site-render-query"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_63070a7054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{conditions:{type:Object,value:{}},sort:{type:Object,value:{}},grid:{type:Boolean,value:!1},result:{type:Array,notify:!0,observer:"_resultChanged"},__items:{type:Array,value:[]}}}}]);return SiteRenderQuery}((0,_mutableData.MutableData)(_polymerElement.PolymerElement));_exports.SiteRenderQuery=SiteRenderQuery;window.customElements.define(SiteRenderQuery.tag,SiteRenderQuery)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../../../../@polymer/polymer/lib/mixins/mutable-data.js","../../../../../@polymer/iron-list/iron-list.js","./site-query.js"],function(_exports,_polymerElement,_mutableData){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteRenderQuery=void 0;function _templateObject_f8edb270555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        iron-list {\n          @apply --site-query-iron-list;\n        }\n      </style>\n      <site-query\n        result=\"{{result}}\"\n        sort=\"[[sort]]\"\n        conditions=\"[[conditions]]\"\n      ></site-query>\n      <iron-list id=\"list\" items=\"[[__items]]\" grid=\"[[grid]]\" mutable-data>\n        <slot></slot>\n      </iron-list>\n    "]);_templateObject_f8edb270555111e98f439769bd191e33=function(){return data};return data}var SiteRenderQuery=function(_MutableData){babelHelpers.inherits(SiteRenderQuery,_MutableData);function SiteRenderQuery(){babelHelpers.classCallCheck(this,SiteRenderQuery);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteRenderQuery).apply(this,arguments))}babelHelpers.createClass(SiteRenderQuery,[{key:"_resultChanged",value:function _resultChanged(newValue){this.set("__items",newValue);this.notifyPath("__items")}}],[{key:"tag",get:function get(){return"site-render-query"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_f8edb270555111e98f439769bd191e33())}},{key:"properties",get:function get(){return{conditions:{type:Object,value:{}},sort:{type:Object,value:{}},grid:{type:Boolean,value:!1},result:{type:Array,notify:!0,observer:"_resultChanged"},__items:{type:Array,value:[]}}}}]);return SiteRenderQuery}((0,_mutableData.MutableData)(_polymerElement.PolymerElement));_exports.SiteRenderQuery=SiteRenderQuery;window.customElements.define(SiteRenderQuery.tag,SiteRenderQuery)});
\ No newline at end of file
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 1c536452c75..7b5045b4c53 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../layout/site-footer.js","../../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement,_haxcmsSiteStore){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SitePrintButton=void 0;function _templateObject_70dbd7c054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          text-rendering: optimizelegibility;\n          position: relative;\n        }\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      <paper-icon-button\n        id=\"btn\"\n        icon=\"[[icon]]\"\n        on-click=\"print\"\n        title$=\"[[label]]\"\n      ></paper-icon-button>\n      <paper-tooltip for=\"btn\" position=\"[[position]]\" offset=\"14\">\n        [[label]]\n      </paper-tooltip>\n    "]);_templateObject_70dbd7c054f411e9aeb367f92c5b63ab=function(){return data};return data}var SitePrintButton=function(_PolymerElement){babelHelpers.inherits(SitePrintButton,_PolymerElement);function SitePrintButton(){babelHelpers.classCallCheck(this,SitePrintButton);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SitePrintButton).apply(this,arguments))}babelHelpers.createClass(SitePrintButton,[{key:"_typeChanged",value:function _typeChanged(newValue){if(babelHelpers.typeof(this.label)==="undefined"){if("page"===newValue||"site"===newValue){this.label="Print ".concat(newValue)}else{this.label="Print outline"}}}},{key:"print",value:function(){var _print=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee4(){var type,content,i,currentdate,datetime,element,print,base;return regeneratorRuntime.wrap(function(_context4){while(1){switch(_context4.prev=_context4.next){case 0:type=this.type;content="";if(!("page"===type)){_context4.next=6;break}content="\n      <h1>".concat(_haxcmsSiteStore.store.activeItem.title,"</h1>\n      <div>").concat(_haxcmsSiteStore.store.activeItemContent,"</div>");_context4.next=16;break;case 6:if(!("parent"===type)){_context4.next=10;break}return _context4.delegateYield(regeneratorRuntime.mark(function _callee(){var result;return regeneratorRuntime.wrap(function(_context){while(1){switch(_context.prev=_context.next){case 0:result=_haxcmsSiteStore.store.computeItems(1,100,_haxcmsSiteStore.store.activeId,"parent",_haxcmsSiteStore.store.routerManifest,!0);_context.t0=regeneratorRuntime.keys(result);case 2:if((_context.t1=_context.t0()).done){_context.next=10;break}i=_context.t1.value;_context.t2=content;_context.next=7;return fetch("pages/"+result[i].location+"/index.html").then(function(response){return response.text()}).then(function(response){var indent=result[i].indent+1;if(6<indent){indent=6}return"<h".concat(indent,">").concat(result[i].title,"</h").concat(indent,">\n              ").concat(response)});case 7:content=_context.t2+=_context.sent;_context.next=2;break;case 10:case"end":return _context.stop();}}},_callee,this)})(),"t0",8);case 8:_context4.next=16;break;case 10:if(!("ancestor"===type)){_context4.next=14;break}return _context4.delegateYield(regeneratorRuntime.mark(function _callee2(){var result;return regeneratorRuntime.wrap(function(_context2){while(1){switch(_context2.prev=_context2.next){case 0:result=_haxcmsSiteStore.store.computeItems(1,100,_haxcmsSiteStore.store.activeId,"ancestor",_haxcmsSiteStore.store.routerManifest,!0);_context2.t0=regeneratorRuntime.keys(result);case 2:if((_context2.t1=_context2.t0()).done){_context2.next=10;break}i=_context2.t1.value;_context2.t2=content;_context2.next=7;return fetch("pages/"+result[i].location+"/index.html").then(function(response){return response.text()}).then(function(response){var indent=result[i].indent+1;if(6<indent){indent=6}return"<h".concat(indent,">").concat(result[i].title,"</h").concat(indent,">\n              ").concat(response)});case 7:content=_context2.t2+=_context2.sent;_context2.next=2;break;case 10:case"end":return _context2.stop();}}},_callee2,this)})(),"t1",12);case 12:_context4.next=16;break;case 14:if(!("site"===type)){_context4.next=16;break}return _context4.delegateYield(regeneratorRuntime.mark(function _callee3(){var result;return regeneratorRuntime.wrap(function(_context3){while(1){switch(_context3.prev=_context3.next){case 0:result=_haxcmsSiteStore.store.routerManifest.items;_context3.t0=regeneratorRuntime.keys(result);case 2:if((_context3.t1=_context3.t0()).done){_context3.next=10;break}i=_context3.t1.value;_context3.t2=content;_context3.next=7;return fetch("pages/"+result[i].location+"/index.html").then(function(response){return response.text()}).then(function(response){var indent=result[i].indent+1;if(6<indent){indent=6}return"<h".concat(indent,">").concat(result[i].title,"</h").concat(indent,">\n              ").concat(response)});case 7:content=_context3.t2+=_context3.sent;_context3.next=2;break;case 10:case"end":return _context3.stop();}}},_callee3,this)})(),"t2",16);case 16:currentdate=new Date;datetime="Printed on: "+currentdate.getDate()+"/"+(currentdate.getMonth()+1)+"/"+currentdate.getFullYear()+" at "+currentdate.getHours()+":"+currentdate.getMinutes()+":"+currentdate.getSeconds();element=document.createElement("div");element.innerHTML="\n<style>\n  @media print {\n    body {\n      padding: 0 15px 5px;\n      color: #000;\n      background-color: #ffffff;\n      border-top: 1px solid #aaa;\n    }\n  }\n</style>\n<h1>".concat(_haxcmsSiteStore.store.siteTitle,"</h1>\n<site-footer></site-footer>\n<p>").concat(datetime,"</p>\n").concat(content);print=window.open("","","left=0,top=0,width=800,height=800,toolbar=0,scrollbars=0,status =0");if(document.head.getElementsByTagName("base")){base=document.createElement("base");base.href=document.head.getElementsByTagName("base")[0].getAttribute("href");print.document.head.appendChild(base)}print.document.body.appendChild(element);print.document.close();print.focus();print.print();print.close();case 27:case"end":return _context4.stop();}}},_callee4,this)}));return function print(){return _print.apply(this,arguments)}}()}],[{key:"tag",get:function get(){return"site-print-button"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_70dbd7c054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{icon:{type:String,value:"icons:print"},label:{type:String},position:{type:String,value:"bottom"},type:{type:String,value:"page",observer:"_typeChanged"}}}}]);return SitePrintButton}(_polymerElement.PolymerElement);_exports.SitePrintButton=SitePrintButton;window.customElements.define(SitePrintButton.tag,SitePrintButton)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../layout/site-footer.js","../../../../../@polymer/paper-icon-button/paper-icon-button.js","../../../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement,_haxcmsSiteStore){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SitePrintButton=void 0;function _templateObject_057b59c0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          text-rendering: optimizelegibility;\n          position: relative;\n        }\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      <paper-icon-button\n        id=\"btn\"\n        icon=\"[[icon]]\"\n        on-click=\"print\"\n        title$=\"[[label]]\"\n      ></paper-icon-button>\n      <paper-tooltip for=\"btn\" position=\"[[position]]\" offset=\"14\">\n        [[label]]\n      </paper-tooltip>\n    "]);_templateObject_057b59c0555211e98f439769bd191e33=function(){return data};return data}var SitePrintButton=function(_PolymerElement){babelHelpers.inherits(SitePrintButton,_PolymerElement);function SitePrintButton(){babelHelpers.classCallCheck(this,SitePrintButton);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SitePrintButton).apply(this,arguments))}babelHelpers.createClass(SitePrintButton,[{key:"_typeChanged",value:function _typeChanged(newValue){if(babelHelpers.typeof(this.label)==="undefined"){if("page"===newValue||"site"===newValue){this.label="Print ".concat(newValue)}else{this.label="Print outline"}}}},{key:"print",value:function(){var _print=babelHelpers.asyncToGenerator(regeneratorRuntime.mark(function _callee4(){var type,content,i,currentdate,datetime,element,print,base;return regeneratorRuntime.wrap(function(_context4){while(1){switch(_context4.prev=_context4.next){case 0:type=this.type;content="";if(!("page"===type)){_context4.next=6;break}content="\n      <h1>".concat(_haxcmsSiteStore.store.activeItem.title,"</h1>\n      <div>").concat(_haxcmsSiteStore.store.activeItemContent,"</div>");_context4.next=16;break;case 6:if(!("parent"===type)){_context4.next=10;break}return _context4.delegateYield(regeneratorRuntime.mark(function _callee(){var result;return regeneratorRuntime.wrap(function(_context){while(1){switch(_context.prev=_context.next){case 0:result=_haxcmsSiteStore.store.computeItems(1,100,_haxcmsSiteStore.store.activeId,"parent",_haxcmsSiteStore.store.routerManifest,!0);_context.t0=regeneratorRuntime.keys(result);case 2:if((_context.t1=_context.t0()).done){_context.next=10;break}i=_context.t1.value;_context.t2=content;_context.next=7;return fetch("pages/"+result[i].location+"/index.html").then(function(response){return response.text()}).then(function(response){var indent=result[i].indent+1;if(6<indent){indent=6}return"<h".concat(indent,">").concat(result[i].title,"</h").concat(indent,">\n              ").concat(response)});case 7:content=_context.t2+=_context.sent;_context.next=2;break;case 10:case"end":return _context.stop();}}},_callee,this)})(),"t0",8);case 8:_context4.next=16;break;case 10:if(!("ancestor"===type)){_context4.next=14;break}return _context4.delegateYield(regeneratorRuntime.mark(function _callee2(){var result;return regeneratorRuntime.wrap(function(_context2){while(1){switch(_context2.prev=_context2.next){case 0:result=_haxcmsSiteStore.store.computeItems(1,100,_haxcmsSiteStore.store.activeId,"ancestor",_haxcmsSiteStore.store.routerManifest,!0);_context2.t0=regeneratorRuntime.keys(result);case 2:if((_context2.t1=_context2.t0()).done){_context2.next=10;break}i=_context2.t1.value;_context2.t2=content;_context2.next=7;return fetch("pages/"+result[i].location+"/index.html").then(function(response){return response.text()}).then(function(response){var indent=result[i].indent+1;if(6<indent){indent=6}return"<h".concat(indent,">").concat(result[i].title,"</h").concat(indent,">\n              ").concat(response)});case 7:content=_context2.t2+=_context2.sent;_context2.next=2;break;case 10:case"end":return _context2.stop();}}},_callee2,this)})(),"t1",12);case 12:_context4.next=16;break;case 14:if(!("site"===type)){_context4.next=16;break}return _context4.delegateYield(regeneratorRuntime.mark(function _callee3(){var result;return regeneratorRuntime.wrap(function(_context3){while(1){switch(_context3.prev=_context3.next){case 0:result=_haxcmsSiteStore.store.routerManifest.items;_context3.t0=regeneratorRuntime.keys(result);case 2:if((_context3.t1=_context3.t0()).done){_context3.next=10;break}i=_context3.t1.value;_context3.t2=content;_context3.next=7;return fetch("pages/"+result[i].location+"/index.html").then(function(response){return response.text()}).then(function(response){var indent=result[i].indent+1;if(6<indent){indent=6}return"<h".concat(indent,">").concat(result[i].title,"</h").concat(indent,">\n              ").concat(response)});case 7:content=_context3.t2+=_context3.sent;_context3.next=2;break;case 10:case"end":return _context3.stop();}}},_callee3,this)})(),"t2",16);case 16:currentdate=new Date;datetime="Printed on: "+currentdate.getDate()+"/"+(currentdate.getMonth()+1)+"/"+currentdate.getFullYear()+" at "+currentdate.getHours()+":"+currentdate.getMinutes()+":"+currentdate.getSeconds();element=document.createElement("div");element.innerHTML="\n<style>\n  @media print {\n    body {\n      padding: 0 15px 5px;\n      color: #000;\n      background-color: #ffffff;\n      border-top: 1px solid #aaa;\n    }\n  }\n</style>\n<h1>".concat(_haxcmsSiteStore.store.siteTitle,"</h1>\n<site-footer></site-footer>\n<p>").concat(datetime,"</p>\n").concat(content);print=window.open("","","left=0,top=0,width=800,height=800,toolbar=0,scrollbars=0,status =0");if(document.head.getElementsByTagName("base")){base=document.createElement("base");base.href=document.head.getElementsByTagName("base")[0].getAttribute("href");print.document.head.appendChild(base)}print.document.body.appendChild(element);print.document.close();print.focus();print.print();print.close();case 27:case"end":return _context4.stop();}}},_callee4,this)}));return function print(){return _print.apply(this,arguments)}}()}],[{key:"tag",get:function get(){return"site-print-button"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_057b59c0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{icon:{type:String,value:"icons:print"},label:{type:String},position:{type:String,value:"bottom"},type:{type:String,value:"page",observer:"_typeChanged"}}}}]);return SitePrintButton}(_polymerElement.PolymerElement);_exports.SitePrintButton=SitePrintButton;window.customElements.define(SitePrintButton.tag,SitePrintButton)});
\ No newline at end of file
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 b4c55dd6ebf..5865a0bb96f 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../../../../@polymer/paper-button/paper-button.js","../../../../../@polymer/iron-icon/iron-icon.js","../../../../../@polymer/iron-icons/communication-icons.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteRSSButton=void 0;function _templateObject_6387ac2054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          font-size: 16px;\n          color: var(--site-rss-color, #383f45);\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: 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      </style>\n      <a\n        tabindex=\"-1\"\n        href$=\"[[href]]\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <paper-button raised>\n          <iron-icon icon=\"[[icon]]\"></iron-icon> [[label]]\n        </paper-button>\n      </a>\n    "]);_templateObject_6387ac2054f411e9aeb367f92c5b63ab=function(){return data};return data}var SiteRSSButton=function(_PolymerElement){babelHelpers.inherits(SiteRSSButton,_PolymerElement);function SiteRSSButton(){babelHelpers.classCallCheck(this,SiteRSSButton);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteRSSButton).apply(this,arguments))}babelHelpers.createClass(SiteRSSButton,[{key:"_generateLink",value:function _generateLink(newValue){if(this._link){document.head.removeChild(this._link)}if(newValue){var link=document.createElement("link");link.rel="alternate";if("rss"===newValue){link.href="rss.xml";link.title="RSS feed";link.type="application/rss+xml";this.icon="communication:rss-feed"}else if("atom"===newValue){link.href="atom.xml";link.title="Atom feed";link.type="application/atom+xml";this.icon="communication:rss-feed"}this.label=link.title;this.href=link.href;document.head.appendChild(link);this._link=link}}}],[{key:"tag",get:function get(){return"site-rss-button"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_6387ac2054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{type:{type:String,value:"rss",observer:"_generateLink"}}}}]);return SiteRSSButton}(_polymerElement.PolymerElement);_exports.SiteRSSButton=SiteRSSButton;window.customElements.define(SiteRSSButton.tag,SiteRSSButton)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../../../../@polymer/paper-button/paper-button.js","../../../../../@polymer/iron-icon/iron-icon.js","../../../../../@polymer/iron-icons/communication-icons.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteRSSButton=void 0;function _templateObject_f9367b40555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          font-size: 16px;\n          color: var(--site-rss-color, #383f45);\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: 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      </style>\n      <a\n        tabindex=\"-1\"\n        href$=\"[[href]]\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <paper-button raised>\n          <iron-icon icon=\"[[icon]]\"></iron-icon> [[label]]\n        </paper-button>\n      </a>\n    "]);_templateObject_f9367b40555111e98f439769bd191e33=function(){return data};return data}var SiteRSSButton=function(_PolymerElement){babelHelpers.inherits(SiteRSSButton,_PolymerElement);function SiteRSSButton(){babelHelpers.classCallCheck(this,SiteRSSButton);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteRSSButton).apply(this,arguments))}babelHelpers.createClass(SiteRSSButton,[{key:"_generateLink",value:function _generateLink(newValue){if(this._link){document.head.removeChild(this._link)}if(newValue){var link=document.createElement("link");link.rel="alternate";if("rss"===newValue){link.href="rss.xml";link.title="RSS feed";link.type="application/rss+xml";this.icon="communication:rss-feed"}else if("atom"===newValue){link.href="atom.xml";link.title="Atom feed";link.type="application/atom+xml";this.icon="communication:rss-feed"}this.label=link.title;this.href=link.href;document.head.appendChild(link);this._link=link}}}],[{key:"tag",get:function get(){return"site-rss-button"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_f9367b40555111e98f439769bd191e33())}},{key:"properties",get:function get(){return{type:{type:String,value:"rss",observer:"_generateLink"}}}}]);return SiteRSSButton}(_polymerElement.PolymerElement);_exports.SiteRSSButton=SiteRSSButton;window.customElements.define(SiteRSSButton.tag,SiteRSSButton)});
\ No newline at end of file
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 4114e2a38fb..559a1a96023 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../../../../../@polymer/iron-icon/iron-icon.js","../../../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteTitle=void 0;function _templateObject_639c93b054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          text-rendering: optimizelegibility;\n          position: relative;\n        }\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        paper-tooltip {\n          @apply --site-title-tooltip;\n        }\n      </style>\n      <a id=\"btn\" href$=\"[[homeLink]]\" title$=\"Go to [[siteTitle]]\">\n        <iron-icon hidden$=\"[[!icon]]\" icon=\"[[icon]]\"></iron-icon>\n        <h1 hidden$=\"[[notitle]]\">[[siteTitle]]</h1>\n      </a>\n      <paper-tooltip for=\"btn\" position=\"[[position]]\" offset=\"14\">\n        [[label]]\n      </paper-tooltip>\n    "]);_templateObject_639c93b054f411e9aeb367f92c5b63ab=function(){return data};return data}var SiteTitle=function(_PolymerElement){babelHelpers.inherits(SiteTitle,_PolymerElement);function SiteTitle(){babelHelpers.classCallCheck(this,SiteTitle);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteTitle).apply(this,arguments))}babelHelpers.createClass(SiteTitle,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteTitle.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){_this.siteTitle=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.siteTitle);_this.__disposer.push(reaction)});(0,_mobxModule.autorun)(function(reaction){_this.homeLink=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.homeLink);_this.__disposer.push(reaction)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteTitle.prototype),"disconnectedCallback",this).call(this);for(var i in this.__disposer){this.__disposer[i].dispose()}}}],[{key:"tag",get:function get(){return"site-title"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_639c93b054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{siteTitle:{type:String},homeLink:{type:String},label:{type:String,value:"Home"},position:{type:String,value:"bottom"},icon:{type:String,value:!1},notitle:{type:Boolean,reflectToAttribute:!0,value:!1}}}}]);return SiteTitle}(_polymerElement.PolymerElement);_exports.SiteTitle=SiteTitle;window.customElements.define(SiteTitle.tag,SiteTitle)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../core/haxcms-site-store.js","../../../../../mobx/lib/mobx.module.js","../../../../../@polymer/iron-icon/iron-icon.js","../../../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SiteTitle=void 0;function _templateObject_f94680d0555111e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          text-rendering: optimizelegibility;\n          position: relative;\n        }\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        paper-tooltip {\n          @apply --site-title-tooltip;\n        }\n      </style>\n      <a id=\"btn\" href$=\"[[homeLink]]\" title$=\"Go to [[siteTitle]]\">\n        <iron-icon hidden$=\"[[!icon]]\" icon=\"[[icon]]\"></iron-icon>\n        <h1 hidden$=\"[[notitle]]\">[[siteTitle]]</h1>\n      </a>\n      <paper-tooltip for=\"btn\" position=\"[[position]]\" offset=\"14\">\n        [[label]]\n      </paper-tooltip>\n    "]);_templateObject_f94680d0555111e98f439769bd191e33=function(){return data};return data}var SiteTitle=function(_PolymerElement){babelHelpers.inherits(SiteTitle,_PolymerElement);function SiteTitle(){babelHelpers.classCallCheck(this,SiteTitle);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SiteTitle).apply(this,arguments))}babelHelpers.createClass(SiteTitle,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SiteTitle.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){_this.siteTitle=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.siteTitle);_this.__disposer.push(reaction)});(0,_mobxModule.autorun)(function(reaction){_this.homeLink=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.homeLink);_this.__disposer.push(reaction)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SiteTitle.prototype),"disconnectedCallback",this).call(this);for(var i in this.__disposer){this.__disposer[i].dispose()}}}],[{key:"tag",get:function get(){return"site-title"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_f94680d0555111e98f439769bd191e33())}},{key:"properties",get:function get(){return{siteTitle:{type:String},homeLink:{type:String},label:{type:String,value:"Home"},position:{type:String,value:"bottom"},icon:{type:String,value:!1},notitle:{type:Boolean,reflectToAttribute:!0,value:!1}}}}]);return SiteTitle}(_polymerElement.PolymerElement);_exports.SiteTitle=SiteTitle;window.customElements.define(SiteTitle.tag,SiteTitle)});
\ No newline at end of file
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 e4d5785656c..d8282898a3d 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../../../grid-plate/grid-plate.js","../../../../../@polymer/iron-icons/maps-icons.js","../../../../scroll-button/scroll-button.js","../active-item/site-active-title.js","../active-item/site-render-item.js","../blocks/site-children-block.js","../blocks/site-outline-block.js","../blocks/site-recent-content-block.js","../layout/site-footer.js","../layout/site-modal.js","../navigation/site-breadcrumb.js","../navigation/site-dot-indicator.js","../navigation/site-menu-button.js","../navigation/site-menu.js","../navigation/site-top-menu.js","../query/site-query-menu-slice.js","../query/site-query.js","../query/site-render-query.js","../site/site-print-button.js","../site/site-rss-button.js","../site/site-title.js","../magic/active-when-visible.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.Basic=_exports.BasicTemplate=void 0;function _templateObject_717fdff054f411e9aeb367f92c5b63ab(){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-top-menu>\n        <div class=\"container\">\n          <site-breadcrumb></site-breadcrumb>\n          <grid-plate layout=\"1-3\">\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_717fdff054f411e9aeb367f92c5b63ab=function(){return data};return data}var BasicTemplate=function(superclass){return function(_superclass){babelHelpers.inherits(_class,_superclass);function _class(){babelHelpers.classCallCheck(this,_class);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(_class).apply(this,arguments))}babelHelpers.createClass(_class,null,[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_717fdff054f411e9aeb367f92c5b63ab())}}]);return _class}(superclass)};_exports.BasicTemplate=BasicTemplate;var Basic=function(_BasicTemplate){babelHelpers.inherits(Basic,_BasicTemplate);function Basic(){babelHelpers.classCallCheck(this,Basic);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(Basic).apply(this,arguments))}return Basic}(BasicTemplate(HTMLElement));_exports.Basic=Basic;window.customElements.define("basic-template",Basic)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../../../grid-plate/grid-plate.js","../../../../../@polymer/iron-icons/maps-icons.js","../../../../scroll-button/scroll-button.js","../active-item/site-active-title.js","../active-item/site-render-item.js","../blocks/site-children-block.js","../blocks/site-outline-block.js","../blocks/site-recent-content-block.js","../layout/site-footer.js","../layout/site-modal.js","../navigation/site-breadcrumb.js","../navigation/site-dot-indicator.js","../navigation/site-menu-button.js","../navigation/site-menu.js","../navigation/site-top-menu.js","../query/site-query-menu-slice.js","../query/site-query.js","../query/site-render-query.js","../site/site-print-button.js","../site/site-rss-button.js","../site/site-title.js","../magic/active-when-visible.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.Basic=_exports.BasicTemplate=void 0;function _templateObject_06377dd0555211e98f439769bd191e33(){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-top-menu>\n        <div class=\"container\">\n          <site-breadcrumb></site-breadcrumb>\n          <grid-plate layout=\"1-3\">\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_06377dd0555211e98f439769bd191e33=function(){return data};return data}var BasicTemplate=function(superclass){return function(_superclass){babelHelpers.inherits(_class,_superclass);function _class(){babelHelpers.classCallCheck(this,_class);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(_class).apply(this,arguments))}babelHelpers.createClass(_class,null,[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_06377dd0555211e98f439769bd191e33())}}]);return _class}(superclass)};_exports.BasicTemplate=BasicTemplate;var Basic=function(_BasicTemplate){babelHelpers.inherits(Basic,_BasicTemplate);function Basic(){babelHelpers.classCallCheck(this,Basic);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(Basic).apply(this,arguments))}return Basic}(BasicTemplate(HTMLElement));_exports.Basic=Basic;window.customElements.define("basic-template",Basic)});
\ No newline at end of file
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 e66c4a62acc..35a6086ef83 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
@@ -1 +1 @@
-define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../../../scroll-button/scroll-button.js","../active-item/site-active-title.js","../blocks/site-children-block.js","../layout/site-footer.js","../layout/site-modal.js","../navigation/site-breadcrumb.js","../navigation/site-top-menu.js","../navigation/site-menu-button.js","../navigation/site-menu.js","../site/site-rss-button.js","../site/site-print-button.js","../site/site-title.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.Minimalist=_exports.MinimalistTemplate=void 0;function _templateObject_7133469054f411e9aeb367f92c5b63ab(){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_7133469054f411e9aeb367f92c5b63ab=function(){return data};return data}var MinimalistTemplate=function(superclass){return function(_superclass){babelHelpers.inherits(_class,_superclass);function _class(){babelHelpers.classCallCheck(this,_class);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(_class).apply(this,arguments))}babelHelpers.createClass(_class,null,[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_7133469054f411e9aeb367f92c5b63ab())}}]);return _class}(superclass)};_exports.MinimalistTemplate=MinimalistTemplate;var Minimalist=function(_MinimalistTemplate){babelHelpers.inherits(Minimalist,_MinimalistTemplate);function Minimalist(){babelHelpers.classCallCheck(this,Minimalist);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(Minimalist).apply(this,arguments))}return Minimalist}(MinimalistTemplate(HTMLElement));_exports.Minimalist=Minimalist;window.customElements.define("minimalist-template",Minimalist)});
\ No newline at end of file
+define(["exports","../../../../../@polymer/polymer/polymer-element.js","../../../../scroll-button/scroll-button.js","../active-item/site-active-title.js","../blocks/site-children-block.js","../layout/site-footer.js","../layout/site-modal.js","../navigation/site-breadcrumb.js","../navigation/site-top-menu.js","../navigation/site-menu-button.js","../navigation/site-menu.js","../site/site-rss-button.js","../site/site-print-button.js","../site/site-title.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.Minimalist=_exports.MinimalistTemplate=void 0;function _templateObject_05d64b00555211e98f439769bd191e33(){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_05d64b00555211e98f439769bd191e33=function(){return data};return data}var MinimalistTemplate=function(superclass){return function(_superclass){babelHelpers.inherits(_class,_superclass);function _class(){babelHelpers.classCallCheck(this,_class);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(_class).apply(this,arguments))}babelHelpers.createClass(_class,null,[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_05d64b00555211e98f439769bd191e33())}}]);return _class}(superclass)};_exports.MinimalistTemplate=MinimalistTemplate;var Minimalist=function(_MinimalistTemplate){babelHelpers.inherits(Minimalist,_MinimalistTemplate);function Minimalist(){babelHelpers.classCallCheck(this,Minimalist);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(Minimalist).apply(this,arguments))}return Minimalist}(MinimalistTemplate(HTMLElement));_exports.Minimalist=Minimalist;window.customElements.define("minimalist-template",Minimalist)});
\ No newline at end of file
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 b755835a48e..ac6796cc73a 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../json-editor/json-editor.js","../code-editor/code-editor.js","../../@vaadin/vaadin-split-layout/vaadin-split-layout.js","../../@polymer/paper-button/paper-button.js","../hax-body/lib/hax-schema-form.js"],function(_exports,_polymerElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HaxschemaBuilder=void 0;function _templateObject_7318815054f411e9aeb367f92c5b63ab(){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=\"\">Add to configure</paper-button>\n          <paper-button raised=\"\" noink=\"\">Add to advanced</paper-button>\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_7318815054f411e9aeb367f92c5b63ab=function(){return data};return data}var HaxschemaBuilder=function(_PolymerElement){babelHelpers.inherits(HaxschemaBuilder,_PolymerElement);function HaxschemaBuilder(){babelHelpers.classCallCheck(this,HaxschemaBuilder);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HaxschemaBuilder).apply(this,arguments))}babelHelpers.createClass(HaxschemaBuilder,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(HaxschemaBuilder.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(HaxschemaBuilder.haxProperties,HaxschemaBuilder.tag,this);if(!this.source){this.haxSchema=JSON.stringify(this.HAXWiring.prototypeHaxProperties(),null,2)}this.$.form.modeTab="advanced";setTimeout(function(){_this.$.form.modeTab="configure"},2e3)}},{key:"_haxSchemaChanged",value:function _haxSchemaChanged(newValue){if(newValue){this.$.code.editorValue=newValue}}},{key:"_editorDataChanged",value:function _editorDataChanged(e){this.haxSchema=e.detail.value;var hs=JSON.parse(this.haxSchema);for(var key in hs.settings){var schema=this.HAXWiring.getHaxJSONSchema(key,hs);this.set(key+"Schema",schema)}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_7318815054f411e9aeb367f92c5b63ab())}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Haxschema builder",description:"dynamically build and visualize HAXschema",icon:"icons:android",color:"green",groups:["Builder"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[{property:"source",description:"",inputMethod:"textfield",required:!0,icon:"icons:link",validationType:"url"}],configure:[{property:"haxSchema",description:"",inputMethod:"array",required:!1,icon:"icons:android"},{property:"source",description:"",inputMethod:"textfield",required:!0,icon:"icons:link",validationType:"url"}],advanced:[]}}}},{key:"properties",get:function get(){return{haxSchema:{name:"haxSchema",type:"String",notify:!0,observer:"_haxSchemaChanged"},configureSchema:{name:"configureSchema",type:"Object",value:{}},advancedSchema:{name:"advancedSchema",type:"Object",value:{}},source:{name:"source",type:"String"},value:{name:"value",type:"String"}}}},{key:"tag",get:function get(){return"haxschema-builder"}}]);return HaxschemaBuilder}(_polymerElement.PolymerElement);_exports.HaxschemaBuilder=HaxschemaBuilder;window.customElements.define(HaxschemaBuilder.tag,HaxschemaBuilder)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../json-editor/json-editor.js","../code-editor/code-editor.js","../../@vaadin/vaadin-split-layout/vaadin-split-layout.js","../../@polymer/paper-button/paper-button.js","../hax-body/lib/hax-schema-form.js"],function(_exports,_polymerElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HaxschemaBuilder=void 0;function _templateObject_0e18b410555211e98f439769bd191e33(){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=\"\">Add to configure</paper-button>\n          <paper-button raised=\"\" noink=\"\">Add to advanced</paper-button>\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_0e18b410555211e98f439769bd191e33=function(){return data};return data}var HaxschemaBuilder=function(_PolymerElement){babelHelpers.inherits(HaxschemaBuilder,_PolymerElement);function HaxschemaBuilder(){babelHelpers.classCallCheck(this,HaxschemaBuilder);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HaxschemaBuilder).apply(this,arguments))}babelHelpers.createClass(HaxschemaBuilder,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(HaxschemaBuilder.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(HaxschemaBuilder.haxProperties,HaxschemaBuilder.tag,this);if(!this.source){this.haxSchema=JSON.stringify(this.HAXWiring.prototypeHaxProperties(),null,2)}this.$.form.modeTab="advanced";setTimeout(function(){_this.$.form.modeTab="configure"},2e3)}},{key:"_haxSchemaChanged",value:function _haxSchemaChanged(newValue){if(newValue){this.$.code.editorValue=newValue}}},{key:"_editorDataChanged",value:function _editorDataChanged(e){this.haxSchema=e.detail.value;var hs=JSON.parse(this.haxSchema);for(var key in hs.settings){var schema=this.HAXWiring.getHaxJSONSchema(key,hs);this.set(key+"Schema",schema)}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_0e18b410555211e98f439769bd191e33())}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Haxschema builder",description:"dynamically build and visualize HAXschema",icon:"icons:android",color:"green",groups:["Builder"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[{property:"source",description:"",inputMethod:"textfield",required:!0,icon:"icons:link",validationType:"url"}],configure:[{property:"haxSchema",description:"",inputMethod:"array",required:!1,icon:"icons:android"},{property:"source",description:"",inputMethod:"textfield",required:!0,icon:"icons:link",validationType:"url"}],advanced:[]}}}},{key:"properties",get:function get(){return{haxSchema:{name:"haxSchema",type:"String",notify:!0,observer:"_haxSchemaChanged"},configureSchema:{name:"configureSchema",type:"Object",value:{}},advancedSchema:{name:"advancedSchema",type:"Object",value:{}},source:{name:"source",type:"String"},value:{name:"value",type:"String"}}}},{key:"tag",get:function get(){return"haxschema-builder"}}]);return HaxschemaBuilder}(_polymerElement.PolymerElement);_exports.HaxschemaBuilder=HaxschemaBuilder;window.customElements.define(HaxschemaBuilder.tag,HaxschemaBuilder)});
\ No newline at end of file
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 6101c610ba2..ab3fcc9430c 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../simple-colors/simple-colors.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-image/iron-image.js","../a11y-behaviors/a11y-behaviors.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerLegacy,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HeroBanner=void 0;function _templateObject_7281bf9054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors\">\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(--simple-colors-default-theme-accent-6);\n        --hero-banner-button-hover-color: var(\n          --simple-colors-default-theme-accent-5\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 is=\"custom-style\" include=\"simple-colors\">\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(--simple-colors-default-theme-accent-6);\n        --hero-banner-button-hover-color: var(\n          --simple-colors-default-theme-accent-5\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_7281bf9054f411e9aeb367f92c5b63ab=function(){return data};return data}var HeroBanner=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7281bf9054f411e9aeb367f92c5b63ab()),is:"hero-banner",behaviors:[HAXBehaviors.PropertiesBehaviors,A11yBehaviors.A11y,_simpleColors.SimpleColors],properties:{title:{type:String,value:"Title"},image:{type:String},details:{type:String,value:"Details"},buttonText:{type:String,value:"Find out more"},buttonLink:{type:String}},attached:function attached(){this.setHaxProperties({canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Hero image",description:"Typically fancy banner image calling your attention to something.",icon:"image:panorama",color:"red",groups:["Image","Media"],handles:[{type:"image",source:"image",title:"title",description:"details",link:"buttonLink"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"},{property:"image",title:"Image",description:"URL of the image",inputMethod:"textfield",icon:"image:panorama"},{property:"details",title:"Details",description:"Additional text detail / teaser data",inputMethod:"textfield",icon:"editor:text-fields"},{property:"buttonText",title:"Button",description:"Label of the button",inputMethod:"textfield",icon:"icons:radio-button-unchecked"},{property:"accentColor",title:"Accent color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"},{property:"buttonLink",title:"Button - Link",description:"Label of the button",inputMethod:"textfield",validationType:"url",icon:"icons:link"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"},{property:"image",title:"Image",description:"URL of the image",inputMethod:"haxupload",icon:"image:panorama"},{property:"details",title:"Details",description:"Additional text detail / teaser data",inputMethod:"textfield",icon:"editor:text-fields"},{property:"buttonText",title:"Button",description:"Label of the button",inputMethod:"textfield",icon:"icons:radio-button-unchecked"},{property:"aaccentColor",title:"Accent color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"},{property:"buttonLink",title:"Button - Link",description:"Label of the button",inputMethod:"haxupload",validationType:"url",icon:"icons:link"}],advanced:[]}})}});_exports.HeroBanner=HeroBanner});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../simple-colors/simple-colors.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-image/iron-image.js","../a11y-behaviors/a11y-behaviors.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerLegacy,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HeroBanner=void 0;function _templateObject_0e3eb2a0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors\">\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(--simple-colors-default-theme-accent-6);\n        --hero-banner-button-hover-color: var(\n          --simple-colors-default-theme-accent-5\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 is=\"custom-style\" include=\"simple-colors\">\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(--simple-colors-default-theme-accent-6);\n        --hero-banner-button-hover-color: var(\n          --simple-colors-default-theme-accent-5\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_0e3eb2a0555211e98f439769bd191e33=function(){return data};return data}var HeroBanner=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_0e3eb2a0555211e98f439769bd191e33()),is:"hero-banner",behaviors:[HAXBehaviors.PropertiesBehaviors,A11yBehaviors.A11y,_simpleColors.SimpleColors],properties:{title:{type:String,value:"Title"},image:{type:String},details:{type:String,value:"Details"},buttonText:{type:String,value:"Find out more"},buttonLink:{type:String}},attached:function attached(){this.setHaxProperties({canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Hero image",description:"Typically fancy banner image calling your attention to something.",icon:"image:panorama",color:"red",groups:["Image","Media"],handles:[{type:"image",source:"image",title:"title",description:"details",link:"buttonLink"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"},{property:"image",title:"Image",description:"URL of the image",inputMethod:"textfield",icon:"image:panorama"},{property:"details",title:"Details",description:"Additional text detail / teaser data",inputMethod:"textfield",icon:"editor:text-fields"},{property:"buttonText",title:"Button",description:"Label of the button",inputMethod:"textfield",icon:"icons:radio-button-unchecked"},{property:"accentColor",title:"Accent color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"},{property:"buttonLink",title:"Button - Link",description:"Label of the button",inputMethod:"textfield",validationType:"url",icon:"icons:link"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"},{property:"image",title:"Image",description:"URL of the image",inputMethod:"haxupload",icon:"image:panorama"},{property:"details",title:"Details",description:"Additional text detail / teaser data",inputMethod:"textfield",icon:"editor:text-fields"},{property:"buttonText",title:"Button",description:"Label of the button",inputMethod:"textfield",icon:"icons:radio-button-unchecked"},{property:"aaccentColor",title:"Accent color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"},{property:"buttonLink",title:"Button - Link",description:"Label of the button",inputMethod:"haxupload",validationType:"url",icon:"icons:link"}],advanced:[]}})}});_exports.HeroBanner=HeroBanner});
\ No newline at end of file
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 bf44dc0b9dd..3f99ad4907f 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/polymer/lib/elements/dom-repeat.js","./lib/hex-a-gon.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HexagonLoader=void 0;function _templateObject_83e72db054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <div>\n        <template is=\"dom-repeat\" items=\"[[items]]\">\n          <hex-a-gon></hex-a-gon>\n        </template>\n      </div>\n    "]);_templateObject_83e72db054f411e9aeb367f92c5b63ab=function(){return data};return data}var HexagonLoader=function(_PolymerElement){babelHelpers.inherits(HexagonLoader,_PolymerElement);function HexagonLoader(){babelHelpers.classCallCheck(this,HexagonLoader);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HexagonLoader).apply(this,arguments))}babelHelpers.createClass(HexagonLoader,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HexagonLoader.prototype),"connectedCallback",this).call(this);for(var items=[],i=0;i<this.itemCount;i++){items.push("")}this.set("items",items)}},{key:"_colorChanged",value:function _colorChanged(newValue){if(newValue){this.updateStyles({"--hexagon-color":newValue})}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_83e72db054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{color:{name:"color",type:"String",observer:"_colorChanged",reflectToAttribute:!0},size:{name:"size",type:"String",reflectToAttribute:!0},loading:{name:"loading",type:"Boolean"},itemCount:{name:"itemCount",type:"Number",value:37}}}},{key:"tag",get:function get(){return"hexagon-loader"}}]);return HexagonLoader}(_polymerElement.PolymerElement);_exports.HexagonLoader=HexagonLoader;window.customElements.define(HexagonLoader.tag,HexagonLoader)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/polymer/lib/elements/dom-repeat.js","./lib/hex-a-gon.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.HexagonLoader=void 0;function _templateObject_1824b990555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <div>\n        <template is=\"dom-repeat\" items=\"[[items]]\">\n          <hex-a-gon></hex-a-gon>\n        </template>\n      </div>\n    "]);_templateObject_1824b990555211e98f439769bd191e33=function(){return data};return data}var HexagonLoader=function(_PolymerElement){babelHelpers.inherits(HexagonLoader,_PolymerElement);function HexagonLoader(){babelHelpers.classCallCheck(this,HexagonLoader);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(HexagonLoader).apply(this,arguments))}babelHelpers.createClass(HexagonLoader,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(HexagonLoader.prototype),"connectedCallback",this).call(this);for(var items=[],i=0;i<this.itemCount;i++){items.push("")}this.set("items",items)}},{key:"_colorChanged",value:function _colorChanged(newValue){if(newValue){this.updateStyles({"--hexagon-color":newValue})}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_1824b990555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{color:{name:"color",type:"String",observer:"_colorChanged",reflectToAttribute:!0},size:{name:"size",type:"String",reflectToAttribute:!0},loading:{name:"loading",type:"Boolean"},itemCount:{name:"itemCount",type:"Number",value:37}}}},{key:"tag",get:function get(){return"hexagon-loader"}}]);return HexagonLoader}(_polymerElement.PolymerElement);_exports.HexagonLoader=HexagonLoader;window.customElements.define(HexagonLoader.tag,HexagonLoader)});
\ No newline at end of file
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 14ec05ae3d3..22219df8044 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/iron-meta/iron-meta.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/marked-element/marked-element.js"],function(_exports,_polymerElement,_ironMeta){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.IconsetDemo=void 0;function _templateObject_72cc361054f411e9aeb367f92c5b63ab(){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_72cc361054f411e9aeb367f92c5b63ab=function(){return data};return data}var IconsetDemo=function(_PolymerElement){babelHelpers.inherits(IconsetDemo,_PolymerElement);function IconsetDemo(){babelHelpers.classCallCheck(this,IconsetDemo);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(IconsetDemo).apply(this,arguments))}babelHelpers.createClass(IconsetDemo,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(IconsetDemo.prototype),"connectedCallback",this).call(this);var iconSets=new _ironMeta.IronMeta({type:"iconset"}),temp=[];if(babelHelpers.typeof(iconSets)!=="undefined"&&iconSets.list&&iconSets.list.length){var index=0;iconSets.list.forEach(function(item){var name=item.name;temp.push({name:name,icons:[]});item.getIconNames().forEach(function(icon){temp[index].icons.push(icon)});index++})}this.__iconList=temp}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_72cc361054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{__iconList:{name:"__iconList",type:"Array",value:[]}}}},{key:"tag",get:function get(){return"iconset-demo"}}]);return IconsetDemo}(_polymerElement.PolymerElement);_exports.IconsetDemo=IconsetDemo;window.customElements.define(IconsetDemo.tag,IconsetDemo)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/iron-meta/iron-meta.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/marked-element/marked-element.js"],function(_exports,_polymerElement,_ironMeta){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.IconsetDemo=void 0;function _templateObject_0e7ad140555211e98f439769bd191e33(){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_0e7ad140555211e98f439769bd191e33=function(){return data};return data}var IconsetDemo=function(_PolymerElement){babelHelpers.inherits(IconsetDemo,_PolymerElement);function IconsetDemo(){babelHelpers.classCallCheck(this,IconsetDemo);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(IconsetDemo).apply(this,arguments))}babelHelpers.createClass(IconsetDemo,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(IconsetDemo.prototype),"connectedCallback",this).call(this);var iconSets=new _ironMeta.IronMeta({type:"iconset"}),temp=[];if(babelHelpers.typeof(iconSets)!=="undefined"&&iconSets.list&&iconSets.list.length){var index=0;iconSets.list.forEach(function(item){var name=item.name;temp.push({name:name,icons:[]});item.getIconNames().forEach(function(icon){temp[index].icons.push(icon)});index++})}this.__iconList=temp}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_0e7ad140555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{__iconList:{name:"__iconList",type:"Array",value:[]}}}},{key:"tag",get:function get(){return"iconset-demo"}}]);return IconsetDemo}(_polymerElement.PolymerElement);_exports.IconsetDemo=IconsetDemo;window.customElements.define(IconsetDemo.tag,IconsetDemo)});
\ No newline at end of file
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 1eadf66ecbc..f26edf806c7 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/iron-image/iron-image.js","../../@polymer/paper-slider/paper-slider.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ImageCompareSlider=void 0;function _templateObject_739419f054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-flex;\n        width: 100%;\n        @apply --image-compare-slider;\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        @apply --image-compare-slider-container;\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        @apply --image-compare-slider-control;\n      }\n    </style>\n    <div>\n      <h2>[[title]]</h2>\n      <div id=\"container\" style$=\"background-image: url([[bottomSrc]]);\">\n        <div id=\"top\" style$=\"background-image: url([[topSrc]]);\"></div>\n      </div>\n      <paper-slider id=\"slider\" value=\"50\"></paper-slider>\n      <div></div>\n    </div>\n  "]);_templateObject_739419f054f411e9aeb367f92c5b63ab=function(){return data};return data}var ImageCompareSlider=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_739419f054f411e9aeb367f92c5b63ab()),is:"image-compare-slider",behaviors:[HAXBehaviors.PropertiesBehaviors,MaterializeCSSBehaviors.ColorBehaviors,SchemaBehaviors.Schema],observers:["_setStyles(width,height,sliderPercent)"],properties:{title:{type:String},topSrc:{type:String,observer:"_updateAspect"},opacity:{type:Boolean,value:!1},bottomSrc:{type:String}},ready:function ready(){var root=this,slider=root.$.slider;root._updateAspect();root._slide();slider.addEventListener("immediate-value-changed",function(){root._slide()})},_slide:function _slide(){var root=this,slider=root.$.slider,top=root.$.top;if(!1===this.opacity){top.style.width=slider.immediateValue+"%"}else{top.style.opacity=slider.immediateValue/100}},_updateAspect:function _updateAspect(){var root=this,img=document.createElement("img"),el=root.$.top,getAspect=function(img){el.style.paddingTop=100*img.height/img.width+"%"};root.__aspect="75";img.setAttribute("src",root.topSrc);if(img.height!==void 0&&0<img.height){getAspect(img)}else{img.addEventListener("load",function(){getAspect(img)})}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Image comparison",description:"Simple element to allow one image to swipe over top of the other.",icon:"image:compare",color:"orange",groups:["Image","Media"],handles:[{type:"image",source:"bottomSrc",source2:"topSrc",title:"title"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"},{property:"opacity",title:"Slider Behavior",description:"Do you want the slider to wipe the top image across the bottom one (default), or to adjust the opacity of the top image?",inputMethod:"select",options:{false:"wipe across",true:"adjust opacity"},icon:"image:compare"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield"},{property:"bottomSrc",title:"Bottom image",description:"The base image to swipe over",inputMethod:"haxupload",validationType:"url"},{property:"topSrc",title:"Top image",description:"The top image that swipes over",inputMethod:"haxupload",validationType:"url"}],advanced:[]}})}});_exports.ImageCompareSlider=ImageCompareSlider});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/iron-image/iron-image.js","../../@polymer/paper-slider/paper-slider.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ImageCompareSlider=void 0;function _templateObject_0e92c610555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-flex;\n        width: 100%;\n        @apply --image-compare-slider;\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        @apply --image-compare-slider-container;\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        @apply --image-compare-slider-control;\n      }\n    </style>\n    <div>\n      <h2>[[title]]</h2>\n      <div id=\"container\" style$=\"background-image: url([[bottomSrc]]);\">\n        <div id=\"top\" style$=\"background-image: url([[topSrc]]);\"></div>\n      </div>\n      <paper-slider id=\"slider\" value=\"50\"></paper-slider>\n      <div></div>\n    </div>\n  "]);_templateObject_0e92c610555211e98f439769bd191e33=function(){return data};return data}var ImageCompareSlider=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_0e92c610555211e98f439769bd191e33()),is:"image-compare-slider",behaviors:[HAXBehaviors.PropertiesBehaviors,MaterializeCSSBehaviors.ColorBehaviors,SchemaBehaviors.Schema],observers:["_setStyles(width,height,sliderPercent)"],properties:{title:{type:String},topSrc:{type:String,observer:"_updateAspect"},opacity:{type:Boolean,value:!1},bottomSrc:{type:String}},ready:function ready(){var root=this,slider=root.$.slider;root._updateAspect();root._slide();slider.addEventListener("immediate-value-changed",function(){root._slide()})},_slide:function _slide(){var root=this,slider=root.$.slider,top=root.$.top;if(!1===this.opacity){top.style.width=slider.immediateValue+"%"}else{top.style.opacity=slider.immediateValue/100}},_updateAspect:function _updateAspect(){var root=this,img=document.createElement("img"),el=root.$.top,getAspect=function(img){el.style.paddingTop=100*img.height/img.width+"%"};root.__aspect="75";img.setAttribute("src",root.topSrc);if(img.height!==void 0&&0<img.height){getAspect(img)}else{img.addEventListener("load",function(){getAspect(img)})}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Image comparison",description:"Simple element to allow one image to swipe over top of the other.",icon:"image:compare",color:"orange",groups:["Image","Media"],handles:[{type:"image",source:"bottomSrc",source2:"topSrc",title:"title"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"},{property:"opacity",title:"Slider Behavior",description:"Do you want the slider to wipe the top image across the bottom one (default), or to adjust the opacity of the top image?",inputMethod:"select",options:{false:"wipe across",true:"adjust opacity"},icon:"image:compare"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield"},{property:"bottomSrc",title:"Bottom image",description:"The base image to swipe over",inputMethod:"haxupload",validationType:"url"},{property:"topSrc",title:"Top image",description:"The top image that swipes over",inputMethod:"haxupload",validationType:"url"}],advanced:[]}})}});_exports.ImageCompareSlider=ImageCompareSlider});
\ No newline at end of file
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 b2ea1655f35..d9dc199ef2e 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/app-layout/app-layout.js","../img-pan-zoom/img-pan-zoom.js","../lrnsys-button/lrnsys-button.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/image-icons.js","../materializecss-styles/lib/colors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ImageInspector=void 0;function _templateObject_8f2f83c054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style include=\"materializecss-styles-colors\">\n        :host {\n          display: block;\n          --image-inspector-background: #dddddd;\n        }\n\n        app-toolbar {\n          width: 90%;\n          background: var(--image-inspector-background);\n          margin: 32px auto;\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      </style>\n    </custom-style>\n    <app-toolbar>\n      <lrnsys-button\n        alt=\"Zoom in\"\n        icon=\"zoom-in\"\n        on-tap=\"zoomIn\"\n        hover-class=\"[[hoverClass]]\"\n      ></lrnsys-button>\n      <lrnsys-button\n        alt=\"Zoom out\"\n        icon=\"zoom-out\"\n        on-tap=\"zoomOut\"\n        hover-class=\"[[hoverClass]]\"\n      ></lrnsys-button>\n      <lrnsys-button\n        alt=\"Rotate right\"\n        icon=\"image:rotate-right\"\n        on-tap=\"rotateRight\"\n        hover-class=\"[[hoverClass]]\"\n      ></lrnsys-button>\n      <lrnsys-button\n        alt=\"Rotate left\"\n        icon=\"image:rotate-left\"\n        on-tap=\"rotateLeft\"\n        hover-class=\"[[hoverClass]]\"\n      ></lrnsys-button>\n      <lrnsys-button\n        alt=\"Mirror image\"\n        icon=\"image:flip\"\n        on-tap=\"mirrorImage\"\n        hover-class=\"[[hoverClass]]\"\n      ></lrnsys-button>\n      <lrnsys-button\n        alt=\"Open in new window\"\n        icon=\"launch\"\n        href=\"[[src]]\"\n        target=\"_blank\"\n        hover-class=\"[[hoverClass]]\"\n      ></lrnsys-button>\n      <slot name=\"toolbar\"></slot>\n    </app-toolbar>\n    <img-pan-zoom id=\"img\" src=\"[[src]]\"></img-pan-zoom>\n    <slot></slot>\n  "]);_templateObject_8f2f83c054f411e9aeb367f92c5b63ab=function(){return data};return data}var ImageInspector=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8f2f83c054f411e9aeb367f92c5b63ab()),is:"image-inspector",properties:{degrees:{type:Number,value:0,reflectToAttribute:!0},src:{type:String,reflectToAttribute:!0},hoverClass:{type:String,value:"blue white-text"}},rotateRight:function rotateRight(){var img=this.$.img;this.degrees+=90;img.style.transform="rotate("+this.degrees+"deg)";img.toggleClass("top")},rotateLeft:function rotateLeft(){var img=this.$.img;this.degrees+=-90;img.style.transform="rotate("+this.degrees+"deg)";img.toggleClass("top")},mirrorImage:function mirrorImage(){var img=this.$.img;if("scaleX(1)"===img.style.transform){img.style.transform="scaleX(-1)"}else{img.style.transform="scaleX(1)"}},zoomIn:function zoomIn(){this.$.img.zoomIn()},zoomOut:function zoomOut(){this.$.img.zoomOut()}});_exports.ImageInspector=ImageInspector});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/app-layout/app-layout.js","../img-pan-zoom/img-pan-zoom.js","../lrnsys-button/lrnsys-button.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/image-icons.js","../materializecss-styles/lib/colors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ImageInspector=void 0;function _templateObject_22d51560555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style include=\"materializecss-styles-colors\">\n        :host {\n          display: block;\n          --image-inspector-background: #dddddd;\n        }\n\n        app-toolbar {\n          width: 90%;\n          background: var(--image-inspector-background);\n          margin: 32px auto;\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      </style>\n    </custom-style>\n    <app-toolbar>\n      <lrnsys-button\n        alt=\"Zoom in\"\n        icon=\"zoom-in\"\n        on-tap=\"zoomIn\"\n        hover-class=\"[[hoverClass]]\"\n      ></lrnsys-button>\n      <lrnsys-button\n        alt=\"Zoom out\"\n        icon=\"zoom-out\"\n        on-tap=\"zoomOut\"\n        hover-class=\"[[hoverClass]]\"\n      ></lrnsys-button>\n      <lrnsys-button\n        alt=\"Rotate right\"\n        icon=\"image:rotate-right\"\n        on-tap=\"rotateRight\"\n        hover-class=\"[[hoverClass]]\"\n      ></lrnsys-button>\n      <lrnsys-button\n        alt=\"Rotate left\"\n        icon=\"image:rotate-left\"\n        on-tap=\"rotateLeft\"\n        hover-class=\"[[hoverClass]]\"\n      ></lrnsys-button>\n      <lrnsys-button\n        alt=\"Mirror image\"\n        icon=\"image:flip\"\n        on-tap=\"mirrorImage\"\n        hover-class=\"[[hoverClass]]\"\n      ></lrnsys-button>\n      <lrnsys-button\n        alt=\"Open in new window\"\n        icon=\"launch\"\n        href=\"[[src]]\"\n        target=\"_blank\"\n        hover-class=\"[[hoverClass]]\"\n      ></lrnsys-button>\n      <slot name=\"toolbar\"></slot>\n    </app-toolbar>\n    <img-pan-zoom id=\"img\" src=\"[[src]]\"></img-pan-zoom>\n    <slot></slot>\n  "]);_templateObject_22d51560555211e98f439769bd191e33=function(){return data};return data}var ImageInspector=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_22d51560555211e98f439769bd191e33()),is:"image-inspector",properties:{degrees:{type:Number,value:0,reflectToAttribute:!0},src:{type:String,reflectToAttribute:!0},hoverClass:{type:String,value:"blue white-text"}},rotateRight:function rotateRight(){var img=this.$.img;this.degrees+=90;img.style.transform="rotate("+this.degrees+"deg)";img.toggleClass("top")},rotateLeft:function rotateLeft(){var img=this.$.img;this.degrees+=-90;img.style.transform="rotate("+this.degrees+"deg)";img.toggleClass("top")},mirrorImage:function mirrorImage(){var img=this.$.img;if("scaleX(1)"===img.style.transform){img.style.transform="scaleX(-1)"}else{img.style.transform="scaleX(1)"}},zoomIn:function zoomIn(){this.$.img.zoomIn()},zoomOut:function zoomOut(){this.$.img.zoomOut()}});_exports.ImageInspector=ImageInspector});
\ No newline at end of file
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 66eae79b7b1..fc697dbca87 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
@@ -1 +1 @@
-define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/resolve-url.js","../es-global-bridge/es-global-bridge.js","./lib/img-loader.js"],function(_exports,meta,_polymerLegacy,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ImgPanZoom=void 0;meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_8a1cfde054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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      paper-spinner-lite {\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        --paper-spinner-color: var(--img-pan-zoom-spinner-color, #2196f3);\n        --paper-spinner-stroke-width: var(--img-pan-zoom-spinner-width, 5px);\n        @apply --img-pan-zoom-spinner;\n      }\n      paper-spinner-lite[active] {\n        opacity: 1;\n      }\n    </style>\n\n    <!-- Only preload regular images -->\n    <template is=\"dom-if\" if=\"[[!dzi]]\">\n      <paper-spinner-lite\n        hidden$=\"[[hideSpinner]]\"\n        active=\"[[loading]]\"\n      ></paper-spinner-lite>\n      <img-loader\n        loaded=\"{{loaded}}\"\n        loading=\"{{loading}}\"\n        src=\"[[src]]\"\n      ></img-loader>\n    </template>\n\n    <!-- Openseadragon -->\n    <div id=\"viewer\"></div>\n  "]);_templateObject_8a1cfde054f411e9aeb367f92c5b63ab=function(){return data};return data}var ImgPanZoom=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8a1cfde054f411e9aeb367f92c5b63ab()),is:"img-pan-zoom",properties:{src:{type:String},dzi:{type:Boolean,value:!1},fadeIn:{type:Boolean,value:!0},loading:{type:Boolean,readonly:!0,notify:!0},hideSpinner:{type:Boolean,value:!1},loaded:{type:Boolean,readonly:!0,notify:!0,observer:"_loadedChanged"},showNavigationControl:{type:Boolean,value:!1},showNavigator:{type:Boolean,value:!1},zoomPerClick:{type:Number,value:2},zoomPerScroll:{type:Number,value:1.2},animationTime:{type:Number,value:1.2},navPrevNextWrap:{type:Boolean,value:!1},showRotationControl:{type:Boolean,value:!1},minZoomImageRatio:{type:Number,value:1},maxZoomPixelRatio:{type:Number,value:1.1},constrainDuringPan:{type:Boolean,value:!1},visibilityRatio:{type:Number,value:1}},observers:["_srcChanged(src)"],created:function created(){var name="openseadragon",basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),location="".concat(basePath,"lib/openseadragon/build/openseadragon/openseadragon.js");window.addEventListener("es-bridge-".concat(name,"-loaded"),this._openseadragonLoaded.bind(this));window.ESGlobalBridge.requestAvailability();window.ESGlobalBridge.instance.load(name,location)},_openseadragonLoaded:function _openseadragonLoaded(){this.__openseadragonLoaded=!0;if(this.dzi){this._initOpenSeadragon()}},ready:function ready(){this.animationConfig={fade:{name:"fade-in-animation",node:this.$.viewer}};if(this.dzi&&this.__openseadragonLoaded){this._initOpenSeadragon()}},_initOpenSeadragon:function _initOpenSeadragon(){var _this=this;setTimeout(function(){var tileSources=_this.src;if(!_this.dzi){tileSources={type:"image",url:_this.src,buildPyramid:!1}}_this.viewer=new OpenSeadragon({element:_this.$.viewer,visibilityRatio:_this.visibilityRatio,constrainDuringPan:_this.constrainDuringPan,showNavigationControl:_this.showNavigationControl,showNavigator:_this.showNavigator,zoomPerClick:_this.zoomPerClick,zoomPerScroll:_this.zoomPerScroll,animationTime:_this.animationTime,navPrevNextWrap:_this.navPrevNextWrap,showRotationControl:_this.showRotationControl,minZoomImageRatio:_this.minZoomImageRatio,maxZoomPixelRatio:_this.maxZoomPixelRatio,tileSources:tileSources});_this.init=!0},100)},destroy:function destroy(){this.viewer.destroy()},zoomIn:function zoomIn(){var currentZoom=this.viewer.viewport.getZoom(),maxZoom=this.viewer.viewport.getMaxZoom(),zoomTo=currentZoom+.7;if(zoomTo<maxZoom){this.viewer.viewport.zoomTo(zoomTo)}},zoomOut:function zoomOut(){var currentZoom=this.viewer.viewport.getZoom(),minZoom=this.viewer.viewport.getMinZoom(),zoomTo=currentZoom-.7;if(zoomTo>minZoom){this.viewer.viewport.zoomTo(zoomTo)}else{if(minZoom!=currentZoom){this.resetZoom()}}},resetZoom:function resetZoom(){this.viewer.viewport.goHome()},_srcChanged:function _srcChanged(){if(this.dzi&&this.init){this._addTiledImage()}},_loadedChanged:function _loadedChanged(){if(this.loaded){if(!this.init){this._initOpenSeadragon()}else{this._addImage()}}},_addImage:function _addImage(){this.viewer.addSimpleImage({url:this.src,index:0,replace:!0})},_addTiledImage:function _addTiledImage(){this.viewer.addTiledImage({tileSource:this.src,index:0,replace:!0})}});_exports.ImgPanZoom=ImgPanZoom});
\ No newline at end of file
+define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/resolve-url.js","../es-global-bridge/es-global-bridge.js","./lib/img-loader.js"],function(_exports,meta,_polymerLegacy,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ImgPanZoom=void 0;meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_1ddb2090555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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      paper-spinner-lite {\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        --paper-spinner-color: var(--img-pan-zoom-spinner-color, #2196f3);\n        --paper-spinner-stroke-width: var(--img-pan-zoom-spinner-width, 5px);\n        @apply --img-pan-zoom-spinner;\n      }\n      paper-spinner-lite[active] {\n        opacity: 1;\n      }\n    </style>\n\n    <!-- Only preload regular images -->\n    <template is=\"dom-if\" if=\"[[!dzi]]\">\n      <paper-spinner-lite\n        hidden$=\"[[hideSpinner]]\"\n        active=\"[[loading]]\"\n      ></paper-spinner-lite>\n      <img-loader\n        loaded=\"{{loaded}}\"\n        loading=\"{{loading}}\"\n        src=\"[[src]]\"\n      ></img-loader>\n    </template>\n\n    <!-- Openseadragon -->\n    <div id=\"viewer\"></div>\n  "]);_templateObject_1ddb2090555211e98f439769bd191e33=function(){return data};return data}var ImgPanZoom=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1ddb2090555211e98f439769bd191e33()),is:"img-pan-zoom",properties:{src:{type:String},dzi:{type:Boolean,value:!1},fadeIn:{type:Boolean,value:!0},loading:{type:Boolean,readonly:!0,notify:!0},hideSpinner:{type:Boolean,value:!1},loaded:{type:Boolean,readonly:!0,notify:!0,observer:"_loadedChanged"},showNavigationControl:{type:Boolean,value:!1},showNavigator:{type:Boolean,value:!1},zoomPerClick:{type:Number,value:2},zoomPerScroll:{type:Number,value:1.2},animationTime:{type:Number,value:1.2},navPrevNextWrap:{type:Boolean,value:!1},showRotationControl:{type:Boolean,value:!1},minZoomImageRatio:{type:Number,value:1},maxZoomPixelRatio:{type:Number,value:1.1},constrainDuringPan:{type:Boolean,value:!1},visibilityRatio:{type:Number,value:1}},observers:["_srcChanged(src)"],created:function created(){var name="openseadragon",basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),location="".concat(basePath,"lib/openseadragon/build/openseadragon/openseadragon.js");window.addEventListener("es-bridge-".concat(name,"-loaded"),this._openseadragonLoaded.bind(this));window.ESGlobalBridge.requestAvailability();window.ESGlobalBridge.instance.load(name,location)},_openseadragonLoaded:function _openseadragonLoaded(){this.__openseadragonLoaded=!0;if(this.dzi){this._initOpenSeadragon()}},ready:function ready(){this.animationConfig={fade:{name:"fade-in-animation",node:this.$.viewer}};if(this.dzi&&this.__openseadragonLoaded){this._initOpenSeadragon()}},_initOpenSeadragon:function _initOpenSeadragon(){var _this=this;setTimeout(function(){var tileSources=_this.src;if(!_this.dzi){tileSources={type:"image",url:_this.src,buildPyramid:!1}}_this.viewer=new OpenSeadragon({element:_this.$.viewer,visibilityRatio:_this.visibilityRatio,constrainDuringPan:_this.constrainDuringPan,showNavigationControl:_this.showNavigationControl,showNavigator:_this.showNavigator,zoomPerClick:_this.zoomPerClick,zoomPerScroll:_this.zoomPerScroll,animationTime:_this.animationTime,navPrevNextWrap:_this.navPrevNextWrap,showRotationControl:_this.showRotationControl,minZoomImageRatio:_this.minZoomImageRatio,maxZoomPixelRatio:_this.maxZoomPixelRatio,tileSources:tileSources});_this.init=!0},100)},destroy:function destroy(){this.viewer.destroy()},zoomIn:function zoomIn(){var currentZoom=this.viewer.viewport.getZoom(),maxZoom=this.viewer.viewport.getMaxZoom(),zoomTo=currentZoom+.7;if(zoomTo<maxZoom){this.viewer.viewport.zoomTo(zoomTo)}},zoomOut:function zoomOut(){var currentZoom=this.viewer.viewport.getZoom(),minZoom=this.viewer.viewport.getMinZoom(),zoomTo=currentZoom-.7;if(zoomTo>minZoom){this.viewer.viewport.zoomTo(zoomTo)}else{if(minZoom!=currentZoom){this.resetZoom()}}},resetZoom:function resetZoom(){this.viewer.viewport.goHome()},_srcChanged:function _srcChanged(){if(this.dzi&&this.init){this._addTiledImage()}},_loadedChanged:function _loadedChanged(){if(this.loaded){if(!this.init){this._initOpenSeadragon()}else{this._addImage()}}},_addImage:function _addImage(){this.viewer.addSimpleImage({url:this.src,index:0,replace:!0})},_addTiledImage:function _addTiledImage(){this.viewer.addTiledImage({tileSource:this.src,index:0,replace:!0})}});_exports.ImgPanZoom=ImgPanZoom});
\ No newline at end of file
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 391aa89639f..4ac7b8b2b89 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_9c41011054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <img id=\"img\" hidden=\"\" src=\"[[src]]\" />\n  "]);_templateObject_9c41011054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9c41011054f411e9aeb367f92c5b63ab()),is:"img-loader",properties:{src:{observer:"_srcChanged",type:String},loaded:{notify:!0,readOnly:!0,type:Boolean,value:!1},loading:{notify:!0,readOnly:!0,type:Boolean,value:!1},error:{notify:!0,readOnly:!0,type:Boolean,value:!1}},ready:function ready(){var img=this.$.img;img.onload=function(){if(this.$.img.src!==this._resolveSrc(this.src))return;this._setLoading(!1);this._setLoaded(!0);this._setError(!1)}.bind(this);img.onerror=function(){if(this.$.img.src!==this._resolveSrc(this.src))return;this._reset();this._setLoading(!1);this._setLoaded(!1);this._setError(!0)}.bind(this);this._resolvedSrc=""},_srcChanged:function _srcChanged(newSrc){var newResolvedSrc=this._resolveSrc(newSrc);if(newResolvedSrc===this._resolvedSrc)return;this._resolvedSrc=newResolvedSrc;this._reset();this._load(newSrc)},_load:function _load(src){if(src){this.$.img.src=src}else{this.$.img.removeAttribute("src")}this._setLoading(!!src);this._setLoaded(!1);this._setError(!1)},_reset:function _reset(){this.$.img.removeAttribute("src");this._setLoading(!1);this._setLoaded(!1);this._setError(!1)},_resolveSrc:function _resolveSrc(testSrc){var baseURI=this.ownerDocument.baseURI;return new URL(this.resolveUrl(testSrc,baseURI),baseURI).href}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_3101c6b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <img id=\"img\" hidden=\"\" src=\"[[src]]\" />\n  "]);_templateObject_3101c6b0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3101c6b0555211e98f439769bd191e33()),is:"img-loader",properties:{src:{observer:"_srcChanged",type:String},loaded:{notify:!0,readOnly:!0,type:Boolean,value:!1},loading:{notify:!0,readOnly:!0,type:Boolean,value:!1},error:{notify:!0,readOnly:!0,type:Boolean,value:!1}},ready:function ready(){var img=this.$.img;img.onload=function(){if(this.$.img.src!==this._resolveSrc(this.src))return;this._setLoading(!1);this._setLoaded(!0);this._setError(!1)}.bind(this);img.onerror=function(){if(this.$.img.src!==this._resolveSrc(this.src))return;this._reset();this._setLoading(!1);this._setLoaded(!1);this._setError(!0)}.bind(this);this._resolvedSrc=""},_srcChanged:function _srcChanged(newSrc){var newResolvedSrc=this._resolveSrc(newSrc);if(newResolvedSrc===this._resolvedSrc)return;this._resolvedSrc=newResolvedSrc;this._reset();this._load(newSrc)},_load:function _load(src){if(src){this.$.img.src=src}else{this.$.img.removeAttribute("src")}this._setLoading(!!src);this._setLoaded(!1);this._setError(!1)},_reset:function _reset(){this.$.img.removeAttribute("src");this._setLoading(!1);this._setLoaded(!1);this._setError(!1)},_resolveSrc:function _resolveSrc(testSrc){var baseURI=this.ownerDocument.baseURI;return new URL(this.resolveUrl(testSrc,baseURI),baseURI).href}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/iron-data-table.js b/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/iron-data-table.js
index fe167b9c0b1..0d4e604a9b1 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/iron-data-table.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/iron-data-table.js
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/async.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../@polymer/iron-resizable-behavior/iron-resizable-behavior.js","./lib/data-table-column.js","./lib/data-table-column-sort.js","./lib/data-table-cell.js","./lib/data-table-row.js","./lib/data-table-checkbox.js","./lib/data-table-row-detail.js","./lib/array-datasource.js"],function(_exports,_polymerLegacy,_polymerDom,async,_flattenedNodesObserver,_ironResizableBehavior){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.IronDataTable=void 0;async=babelHelpers.interopRequireWildcard(async);var _Mathfloor=Math.floor,_Mathmin=Math.min;function _templateObject_7436747054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\n      :host {\n        display: block;\n        position: relative;\n        overflow-x: auto;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: touch;\n        /* Default height just to help users get started in making stuff visible.  */\n        height: 400px;\n        @apply --iron-data-table;\n      }\n\n      #container {\n        position: absolute;\n        left: 0;\n        top: 0;\n        bottom: 0;\n        display: flex;\n        flex-direction: column;\n      }\n\n      #header {\n        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);\n        transition: box-shadow 200ms;\n        -webkit-transition: box-shadow 200ms;\n        z-index: 1;\n        @apply --iron-data-table-header;\n      }\n\n      #header.scrolled {\n        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 2px 0 rgba(0, 0, 0, 0.075),\n          0 3px 0 rgba(0, 0, 0, 0.05), 0 4px 0 rgba(0, 0, 0, 0.015);\n      }\n\n      #list {\n        overflow-x: hidden !important;\n        overflow-y: auto !important;\n        flex: 1;\n        transition: opacity 200ms;\n        -webkit-transition: opacity 200ms;\n      }\n\n      :host([loading]) #list {\n        opacity: 0.25;\n      }\n\n      :host(:not([loading])) paper-spinner-lite {\n        display: none;\n      }\n\n      :host([loading]) paper-spinner-lite {\n        position: absolute;\n        top: 45%;\n        left: 50%;\n        --paper-spinner-color: var(--default-primary-color);\n      }\n    </style>\n    <div id=\"container\">\n      <div id=\"header\">\n        <data-table-row header=\"\">\n          <data-table-checkbox\n            header=\"\"\n            hidden$=\"[[!multiSelection]]\"\n            on-tap=\"_toggleSelectAll\"\n            checked=\"[[_isSelectAllChecked(selectedItems.length, selectedItems.inverted, size)]]\"\n            indeterminate=\"[[_isSelectAllIndeterminate(selectedItems.length, size)]]\"\n          ></data-table-checkbox>\n          <template is=\"dom-repeat\" items=\"[[columns]]\" as=\"column\">\n            <data-table-cell\n              header=\"\"\n              align-right=\"[[column.alignRight]]\"\n              before-bind=\"[[beforeCellBind]]\"\n              column=\"[[column]]\"\n              flex=\"[[column.flex]]\"\n              hidden=\"[[column.hidden]]\"\n              order=\"[[column.order]]\"\n              table=\"[[_this]]\"\n              template=\"[[column.headerTemplate]]\"\n              width=\"[[column.width]]\"\n            >\n              <data-table-column-sort\n                sort-order=\"[[sortOrder]]\"\n                path=\"[[column.sortBy]]\"\n                on-sort-direction-changed=\"_sortDirectionChanged\"\n                hidden$=\"[[!column.sortBy]]\"\n              ></data-table-column-sort>\n            </data-table-cell>\n          </template>\n        </data-table-row>\n      </div>\n\n      <iron-list\n        id=\"list\"\n        as=\"item\"\n        items=\"[[_cachedItems]]\"\n        on-scroll=\"_onVerticalScroll\"\n      >\n        <template>\n          <div class=\"item\">\n            <data-table-row\n              before-bind=\"[[beforeRowBind]]\"\n              even$=\"[[!_isEven(index)]]\"\n              expanded=\"[[_isExpanded(item, _expandedItems, _expandedItems.*)]]\"\n              index=\"[[index]]\"\n              item=\"[[item]]\"\n              tabindex=\"-1\"\n              selected=\"[[_isSelected(item, selectedItems, selectedItems.*)]]\"\n            >\n              <data-table-checkbox\n                hidden$=\"[[!multiSelection]]\"\n                tabindex=\"0\"\n                checked=\"[[_isSelected(item, selectedItems, selectedItems.*)]]\"\n                on-tap=\"_onCheckBoxTap\"\n              ></data-table-checkbox>\n              <template\n                is=\"dom-repeat\"\n                items=\"[[columns]]\"\n                as=\"column\"\n                index-as=\"colIndex\"\n              >\n                <data-table-cell\n                  template=\"[[column.template]]\"\n                  table=\"[[_this]]\"\n                  align-right=\"[[column.alignRight]]\"\n                  column=\"[[column]]\"\n                  expanded=\"[[_isExpanded(item, _expandedItems, _expandedItems.*)]]\"\n                  flex=\"[[column.flex]]\"\n                  hidden=\"[[column.hidden]]\"\n                  index=\"[[index]]\"\n                  item=\"[[item]]\"\n                  on-click=\"_onCellClick\"\n                  order=\"[[column.order]]\"\n                  selected=\"[[_isSelected(item, selectedItems, selectedItems.*)]]\"\n                  width=\"[[column.width]]\"\n                  before-bind=\"[[beforeCellBind]]\"\n                ></data-table-cell>\n              </template>\n              <template\n                is=\"dom-if\"\n                if=\"[[_isExpanded(item, _expandedItems)]]\"\n                on-dom-change=\"_updateSizeForItem\"\n              >\n                <data-table-row-detail\n                  index=\"[[index]]\"\n                  item=\"[[item]]\"\n                  expanded=\"[[_isExpanded(item, _expandedItems, _expandedItems.*)]]\"\n                  selected=\"[[_isSelected(item, selectedItems, selectedItems.*)]]\"\n                  before-bind=\"[[beforeDetailsBind]]\"\n                  table=\"[[_this]]\"\n                  template=\"[[rowDetail]]\"\n                ></data-table-row-detail>\n              </template>\n            </data-table-row>\n          </div>\n        </template>\n      </iron-list>\n    </div>\n    <paper-spinner-lite active=\"\"></paper-spinner-lite>\n    <slot name=\"data-table-column\"></slot>\n    <slot name=\"template[is=row-detail]\"></slot>\n  "],["\n    <style is=\"custom-style\">\n      :host {\n        display: block;\n        position: relative;\n        overflow-x: auto;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: touch;\n        /* Default height just to help users get started in making stuff visible.  */\n        height: 400px;\n        @apply --iron-data-table;\n      }\n\n      #container {\n        position: absolute;\n        left: 0;\n        top: 0;\n        bottom: 0;\n        display: flex;\n        flex-direction: column;\n      }\n\n      #header {\n        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);\n        transition: box-shadow 200ms;\n        -webkit-transition: box-shadow 200ms;\n        z-index: 1;\n        @apply --iron-data-table-header;\n      }\n\n      #header.scrolled {\n        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 2px 0 rgba(0, 0, 0, 0.075),\n          0 3px 0 rgba(0, 0, 0, 0.05), 0 4px 0 rgba(0, 0, 0, 0.015);\n      }\n\n      #list {\n        overflow-x: hidden !important;\n        overflow-y: auto !important;\n        flex: 1;\n        transition: opacity 200ms;\n        -webkit-transition: opacity 200ms;\n      }\n\n      :host([loading]) #list {\n        opacity: 0.25;\n      }\n\n      :host(:not([loading])) paper-spinner-lite {\n        display: none;\n      }\n\n      :host([loading]) paper-spinner-lite {\n        position: absolute;\n        top: 45%;\n        left: 50%;\n        --paper-spinner-color: var(--default-primary-color);\n      }\n    </style>\n    <div id=\"container\">\n      <div id=\"header\">\n        <data-table-row header=\"\">\n          <data-table-checkbox\n            header=\"\"\n            hidden\\$=\"[[!multiSelection]]\"\n            on-tap=\"_toggleSelectAll\"\n            checked=\"[[_isSelectAllChecked(selectedItems.length, selectedItems.inverted, size)]]\"\n            indeterminate=\"[[_isSelectAllIndeterminate(selectedItems.length, size)]]\"\n          ></data-table-checkbox>\n          <template is=\"dom-repeat\" items=\"[[columns]]\" as=\"column\">\n            <data-table-cell\n              header=\"\"\n              align-right=\"[[column.alignRight]]\"\n              before-bind=\"[[beforeCellBind]]\"\n              column=\"[[column]]\"\n              flex=\"[[column.flex]]\"\n              hidden=\"[[column.hidden]]\"\n              order=\"[[column.order]]\"\n              table=\"[[_this]]\"\n              template=\"[[column.headerTemplate]]\"\n              width=\"[[column.width]]\"\n            >\n              <data-table-column-sort\n                sort-order=\"[[sortOrder]]\"\n                path=\"[[column.sortBy]]\"\n                on-sort-direction-changed=\"_sortDirectionChanged\"\n                hidden\\$=\"[[!column.sortBy]]\"\n              ></data-table-column-sort>\n            </data-table-cell>\n          </template>\n        </data-table-row>\n      </div>\n\n      <iron-list\n        id=\"list\"\n        as=\"item\"\n        items=\"[[_cachedItems]]\"\n        on-scroll=\"_onVerticalScroll\"\n      >\n        <template>\n          <div class=\"item\">\n            <data-table-row\n              before-bind=\"[[beforeRowBind]]\"\n              even\\$=\"[[!_isEven(index)]]\"\n              expanded=\"[[_isExpanded(item, _expandedItems, _expandedItems.*)]]\"\n              index=\"[[index]]\"\n              item=\"[[item]]\"\n              tabindex=\"-1\"\n              selected=\"[[_isSelected(item, selectedItems, selectedItems.*)]]\"\n            >\n              <data-table-checkbox\n                hidden\\$=\"[[!multiSelection]]\"\n                tabindex=\"0\"\n                checked=\"[[_isSelected(item, selectedItems, selectedItems.*)]]\"\n                on-tap=\"_onCheckBoxTap\"\n              ></data-table-checkbox>\n              <template\n                is=\"dom-repeat\"\n                items=\"[[columns]]\"\n                as=\"column\"\n                index-as=\"colIndex\"\n              >\n                <data-table-cell\n                  template=\"[[column.template]]\"\n                  table=\"[[_this]]\"\n                  align-right=\"[[column.alignRight]]\"\n                  column=\"[[column]]\"\n                  expanded=\"[[_isExpanded(item, _expandedItems, _expandedItems.*)]]\"\n                  flex=\"[[column.flex]]\"\n                  hidden=\"[[column.hidden]]\"\n                  index=\"[[index]]\"\n                  item=\"[[item]]\"\n                  on-click=\"_onCellClick\"\n                  order=\"[[column.order]]\"\n                  selected=\"[[_isSelected(item, selectedItems, selectedItems.*)]]\"\n                  width=\"[[column.width]]\"\n                  before-bind=\"[[beforeCellBind]]\"\n                ></data-table-cell>\n              </template>\n              <template\n                is=\"dom-if\"\n                if=\"[[_isExpanded(item, _expandedItems)]]\"\n                on-dom-change=\"_updateSizeForItem\"\n              >\n                <data-table-row-detail\n                  index=\"[[index]]\"\n                  item=\"[[item]]\"\n                  expanded=\"[[_isExpanded(item, _expandedItems, _expandedItems.*)]]\"\n                  selected=\"[[_isSelected(item, selectedItems, selectedItems.*)]]\"\n                  before-bind=\"[[beforeDetailsBind]]\"\n                  table=\"[[_this]]\"\n                  template=\"[[rowDetail]]\"\n                ></data-table-row-detail>\n              </template>\n            </data-table-row>\n          </div>\n        </template>\n      </iron-list>\n    </div>\n    <paper-spinner-lite active=\"\"></paper-spinner-lite>\n    <slot name=\"data-table-column\"></slot>\n    <slot name=\"template[is=row-detail]\"></slot>\n  "]);_templateObject_7436747054f411e9aeb367f92c5b63ab=function(){return data};return data}var IronDataTable=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7436747054f411e9aeb367f92c5b63ab()),is:"iron-data-table",behaviors:[_ironResizableBehavior.IronResizableBehavior],listeners:{"column-filter-changed":"_onColumnFilterChanged","iron-resize":"_resizeCellContainers","item-changed":"_itemChanged",scroll:"_onHorizontalScroll"},properties:{autoRefresh:Number,beforeCellBind:Object,beforeDetailsBind:Object,beforeRowBind:Object,items:{type:Array},detailsEnabled:{type:Boolean,value:!1},filter:{type:Array,notify:!0,value:function value(){return[]}},multiSelection:{type:Boolean,value:!1},pageSize:{type:Number,value:50},selectionEnabled:{type:Boolean,value:!1},selectedItem:{type:Object,readOnly:!0,notify:!0},selectedItems:{type:Object,notify:!0,readOnly:!0,value:function value(){var items=[];items.filters=[];return items}},size:{type:Number,notify:!0,value:0,observer:"_sizeChanged"},sortOrder:{type:Array,notify:!0,value:function value(){return[]}},columns:{type:Array,notify:!0,value:function value(){return[]},observer:"_columnsChanged"},dataSource:{type:Object,notify:!0},_pagesLoading:{type:Array,value:function value(){return[]}},loading:{type:Boolean,notify:!0,reflectToAttribute:!0,value:!1},_cachedItems:{type:Array,value:function value(){return[]}},_cachedPages:{type:Array,value:function value(){return[]}},_currentPage:{type:Number,value:0},_expandedItems:{type:Array,value:function value(){return[]}},_this:{type:Object,value:function value(){return this}}},observers:["_itemsChanged(items.*)","_currentPageChanged(dataSource, _currentPage)","_resetData(dataSource, filter.*, sortOrder.*)"],created:function created(){var _this=this;this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(this,function(info){var hasColumns=function(node){return node.nodeType===Node.ELEMENT_NODE&&"DATA-TABLE-COLUMN"===node.tagName.toUpperCase()};if(0<info.addedNodes.filter(hasColumns).length||0<info.removedNodes.filter(hasColumns).length){_this.set("columns",_this.shadowRoot.querySelector("[select=data-table-column]").assignedNodes({flatten:!0}).filter(function(n){return n.nodeType===Node.ELEMENT_NODE}));_this.notifyResize()}if(0<info.addedNodes.filter(function hasDetails(node){return node.nodeType===Node.ELEMENT_NODE&&"TEMPLATE"===node.tagName.toUpperCase()&&node.hasAttribute("is")&&"row-detail"===node.getAttribute("is")}).length){_this.set("rowDetail",_this.shadowRoot.querySelector("[select=\"template[is=row-detail]\"]").assignedNodes({flatten:!0}).filter(function(n){return n.nodeType===Node.ELEMENT_NODE})[0]);var parent=(0,_polymerDom.dom)(_this.rowDetail).parentNode;_this.rowDetail._rootDataHost=parent.dataHost?parent.dataHost._rootDataHost||parent.dataHost:parent}}).bind(this)},_stopPropagation:function _stopPropagation(e){e.stopImmediatePropagation()},selectItem:function selectItem(item){if("number"===typeof item&&0<=item&&this.items&&this.items.length>item){this._selectItem(this.items[item])}else{this._selectItem(item)}},_selectItem:function _selectItem(item){this._setSelectedItem(item);if(this.multiSelection){if(this.selectedItems.inverted){var index;if(-1<(index=this.selectedItems.indexOf(item))){this.splice("selectedItems",index,1)}}else{this.push("selectedItems",item)}}else{this.splice("selectedItems",0,this.selectedItems.length,item)}},deselectItem:function deselectItem(item){if("number"===typeof item&&0<=item&&this.items&&this.items.length>item){this._deselectItem(this.items[item])}else{this._deselectItem(item)}},_deselectItem:function _deselectItem(item){this._setSelectedItem(null);var index=this.selectedItems.indexOf(item);if(this.selectedItems.inverted){if(-1===index){this.push("selectedItems",item)}}else{if(-1<index){this.splice("selectedItems",index,1)}}},_isSelected:function _isSelected(item,selectedItems){var selected=-1<selectedItems.indexOf(item);return selectedItems.inverted?!selected:selected},selectAll:function selectAll(){var selectedItems=[];selectedItems.inverted=!0;selectedItems.filters=this.filter.slice(0)||[];this._setSelectedItems(selectedItems)},clearSelection:function clearSelection(){var selectedItems=[];selectedItems.inverted=!1;selectedItems.filters=this.filter.slice(0)||[];this._setSelectedItems(selectedItems);if(this.selectedItem!==void 0){this._setSelectedItem(null)}},_toggleSelectAll:function _toggleSelectAll(){if(this._isSelectAllChecked(this.selectedItems.length,this.selectedItems.inverted,this.size)){this._fireEvent("deselecting-all-items",{items:this.selectedItems},this.clearSelection)}else{this._fireEvent("selecting-all-items",{items:this.selectedItems},this.selectAll)}},_isSelectAllChecked:function _isSelectAllChecked(selectedItemsLength,inverted,size){return 0<size&&selectedItemsLength===(inverted?0:size)},_isSelectAllIndeterminate:function _isSelectAllIndeterminate(length,size){return 0<size&&0<length&&length<size},_isEven:function _isEven(index){return 0===index%2},_resetData:function _resetData(){this.clearSelection();this.clearCache();this.$.list.scrollToIndex(0)},_sortDirectionChanged:function _sortDirectionChanged(e){for(var i=0;i<this.sortOrder.length;i++){if(this.sortOrder[i].path===e.detail.path){if(e.detail.direction){this.set("sortOrder."+i+".direction",e.detail.direction)}else{this.splice("sortOrder",i,1)}return}}this.push("sortOrder",{path:e.detail.path,direction:e.detail.direction})},_columnsChanged:function _columnsChanged(columns,oldColumns){if(oldColumns){oldColumns.forEach(function(column){this.unlisten(column,"filter-value-changed")}.bind(this))}if(columns){columns.forEach(function(column){column.table=this;this.listen(column,"filter-value-changed","_onColumnFilterChanged")}.bind(this))}},_onColumnFilterChanged:function _onColumnFilterChanged(e){for(var i=0;i<this.filter.length;i++){if(this.filter[i].path===e.detail.filterBy){this.set("filter."+i+".filter",e.detail.value);this.set("selectedItems.filters."+i+".filter",e.detail.value);return}}this.push("filter",{path:e.detail.filterBy,filter:e.detail.value});this.push("selectedItems.filters",{path:e.detail.filterBy,filter:e.detail.value})},_resizeCellContainers:function _resizeCellContainers(){var _this2=this;this.$.container.style.width="";async.microTask.run(function(){_this2.$.container.style.width=_Mathmin(_this2.scrollWidth,_this2.clientWidth+_this2.scrollLeft)+"px";_this2.$.header.style.paddingRight=_this2.$.list.offsetWidth-_this2.$.list.clientWidth+"px"})},_onHorizontalScroll:function _onHorizontalScroll(){if(!this.isDebouncerActive("scrolling")){this.$.container.style.width=this.scrollWidth+"px";this.debounce("scrolling",function(){this.$.container.style.width=_Mathmin(this.scrollWidth,this.clientWidth+this.scrollLeft)+"px"},1e3)}},_onVerticalScroll:function _onVerticalScroll(){this.toggleClass("scrolled",1<=this.$.list.scrollTop,this.$.header);this._currentPage=Math.max(0,_Mathfloor(this.$.list.scrollTop/this.$.list._physicalAverage/this.pageSize))},_itemsChanged:function _itemsChanged(items){if(("items"===items.path||"items.splices"===items.path)&&Array.isArray(items.base)){this.size=items.base.length;this.dataSource=new ArrayDataSource(items.base)}else if(0===items.path.indexOf("items.#")&&Array.isArray(items.base)){var index=items.path.split(".")[1].substring(1),item=this.items[index],cachedIndex=this._cachedItems.indexOf(item);if(0<=cachedIndex){this.set(items.path.replace("items.","_cachedItems.").replace("#"+index,cachedIndex),items.value)}}},_itemChanged:function _itemChanged(e){if(this.items){var index=this.items.indexOf(e.detail.item);if(0<=index){this.set("items."+index+"."+e.detail.path,e.detail.value)}}if(this.autoRefresh!==void 0){this.debounce("auto-refresh",function(){this.refreshPage(this._currentPage)},this.autoRefresh)}},_currentPageChanged:function _currentPageChanged(dataSource,page){if(!this._isPageCached(page)){this.loading=!0}this.debounce("loading",function(){this._loadPage(dataSource,page);if(page+1<this.size/this.pageSize){this._loadPage(dataSource,page+1)}if(0<page){this._loadPage(dataSource,page-1)}}.bind(this),100)},_isPageLoading:function _isPageLoading(page){return-1<this._pagesLoading.indexOf(page)},_addLoadingPage:function _addLoadingPage(page){if(!this._isPageLoading(page)){this.push("_pagesLoading",page)}this.loading=0<this._pagesLoading.length},_removeLoadingPage:function _removeLoadingPage(page){var index=this._pagesLoading.indexOf(page);if(-1!==index){this.splice("_pagesLoading",index,1)}this.loading=0<this._pagesLoading.length},_isPageCached:function _isPageCached(page){return this._cachedPages&&-1<this._cachedPages.indexOf(page)},_loadPage:function _loadPage(dataSource,page){if(this._isPageCached(page)){this._removeLoadingPage(page)}else if(!this._isPageLoading(page)){this._addLoadingPage(page);var success=function(items,size){this.push("_cachedPages",page);if(size!==void 0){this.size=size}for(var start=page*this.pageSize,i=0;i<this.pageSize;i++){var index=start+i,item=items[i];this.set("_cachedItems."+index,item);this.$.list._collection.store[index]=item;if(item&&"object"==babelHelpers.typeof(item)){this.$.list._collection.omap.set(item,index)}else{this.$.list._collection.pmap[item]=index}}this.debounce("resizing",function(){this.$.list.notifyResize()}.bind(this),100);this._removeLoadingPage(page)}.bind(this),err=function(){this._removeLoadingPage(page)}.bind(this);dataSource({page:page,pageSize:this.pageSize,filter:this.filter,sortOrder:this.sortOrder},success,err)}},_sizeChanged:function _sizeChanged(size,oldSize){if(this._cachedItems&&Math.abs(this._cachedItems.length-size)<2*this.pageSize){while(this._cachedItems.length<size){this.push("_cachedItems",{})}while(this._cachedItems.length>size){this.pop("_cachedItems")}}else{var items=[];while(items.length<size){items.push({})}this.set("_cachedItems",items)}if(size>oldSize){var oldLastPage=_Mathfloor(oldSize/this.pageSize);if(this._isPageCached(oldLastPage)||0===oldLastPage){this.refreshPage(oldLastPage)}}},clearCache:function clearCache(){this._cachedPages=[];this.refreshPage(this._currentPage)},refreshPage:function refreshPage(page){if(this._cachedPages){var index=this._cachedPages.indexOf(page);if(-1<index){this.splice("_cachedPages",index,1)}}this._currentPageChanged(this.dataSource,page)},_updateSizeForItem:function _updateSizeForItem(event){if(event.model.get("item")){for(var itemSet=[],i=0;i<this.$.list._physicalItems.length;i++){itemSet.push(i)}this.$.list._updateMetrics(itemSet);this.$.list._positionItems()}},expandItem:function expandItem(item){if(this.rowDetail&&this._expandedItems&&!this._isExpanded(item,this._expandedItems)){this._expandedItems.push(item);this._expandedItems=this._expandedItems.slice(0)}},collapseItem:function collapseItem(item){if(this.rowDetail&&this._expandedItems&&this._isExpanded(item,this._expandedItems)){var index=this._expandedItems.indexOf(item);this._expandedItems.splice(index,1);this._expandedItems=this._expandedItems.slice(0)}},_isExpanded:function _isExpanded(item,items){return items&&-1<items.indexOf(item)},_isFocusable:function _isFocusable(target){if((void 0).useNativeShadow){return 0<=target.tabIndex}else{return target.contains((0,_polymerDom.dom)(document.activeElement).node)||"A"===target.tagName.toUpperCase()}},_onCellClick:function _onCellClick(e){if(this._isFocusable((0,_polymerDom.dom)(e).localTarget)){}else{if(this.rowDetail&&this.detailsEnabled){if(this._isExpanded(e.model.item,this._expandedItems)){this._fireEvent("collapsing-item",e.model.item,this.collapseItem)}else{this._fireEvent("expanding-item",e.model.item,this.expandItem)}}if(this.selectionEnabled){if(this._isSelected(e.model.item,this.selectedItems)){this._fireEvent("deselecting-item",e.model.item,this.deselectItem)}else{this._fireEvent("selecting-item",e.model.item,this.selectItem)}}}},_fireEvent:function _fireEvent(eventName,item,defaultAction){var e=this.fire(eventName,{item:item},{cancelable:!0});if(!e.defaultPrevented){defaultAction.call(this,item)}},_onCheckBoxTap:function _onCheckBoxTap(e){if(this._isSelected(e.model.item,this.selectedItems)){this._fireEvent("deselecting-item",e.model.item,this.deselectItem)}else{this._fireEvent("selecting-item",e.model.item,this.selectItem)}}});_exports.IronDataTable=IronDataTable});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/async.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../@polymer/iron-resizable-behavior/iron-resizable-behavior.js","./lib/data-table-column.js","./lib/data-table-column-sort.js","./lib/data-table-cell.js","./lib/data-table-row.js","./lib/data-table-checkbox.js","./lib/data-table-row-detail.js","./lib/array-datasource.js"],function(_exports,_polymerLegacy,_polymerDom,async,_flattenedNodesObserver,_ironResizableBehavior){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.IronDataTable=void 0;async=babelHelpers.interopRequireWildcard(async);var _Mathfloor=Math.floor,_Mathmin=Math.min;function _templateObject_0ffaba80555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\n      :host {\n        display: block;\n        position: relative;\n        overflow-x: auto;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: touch;\n        /* Default height just to help users get started in making stuff visible.  */\n        height: 400px;\n        @apply --iron-data-table;\n      }\n\n      #container {\n        position: absolute;\n        left: 0;\n        top: 0;\n        bottom: 0;\n        display: flex;\n        flex-direction: column;\n      }\n\n      #header {\n        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);\n        transition: box-shadow 200ms;\n        -webkit-transition: box-shadow 200ms;\n        z-index: 1;\n        @apply --iron-data-table-header;\n      }\n\n      #header.scrolled {\n        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 2px 0 rgba(0, 0, 0, 0.075),\n          0 3px 0 rgba(0, 0, 0, 0.05), 0 4px 0 rgba(0, 0, 0, 0.015);\n      }\n\n      #list {\n        overflow-x: hidden !important;\n        overflow-y: auto !important;\n        flex: 1;\n        transition: opacity 200ms;\n        -webkit-transition: opacity 200ms;\n      }\n\n      :host([loading]) #list {\n        opacity: 0.25;\n      }\n\n      :host(:not([loading])) paper-spinner-lite {\n        display: none;\n      }\n\n      :host([loading]) paper-spinner-lite {\n        position: absolute;\n        top: 45%;\n        left: 50%;\n        --paper-spinner-color: var(--default-primary-color);\n      }\n    </style>\n    <div id=\"container\">\n      <div id=\"header\">\n        <data-table-row header=\"\">\n          <data-table-checkbox\n            header=\"\"\n            hidden$=\"[[!multiSelection]]\"\n            on-tap=\"_toggleSelectAll\"\n            checked=\"[[_isSelectAllChecked(selectedItems.length, selectedItems.inverted, size)]]\"\n            indeterminate=\"[[_isSelectAllIndeterminate(selectedItems.length, size)]]\"\n          ></data-table-checkbox>\n          <template is=\"dom-repeat\" items=\"[[columns]]\" as=\"column\">\n            <data-table-cell\n              header=\"\"\n              align-right=\"[[column.alignRight]]\"\n              before-bind=\"[[beforeCellBind]]\"\n              column=\"[[column]]\"\n              flex=\"[[column.flex]]\"\n              hidden=\"[[column.hidden]]\"\n              order=\"[[column.order]]\"\n              table=\"[[_this]]\"\n              template=\"[[column.headerTemplate]]\"\n              width=\"[[column.width]]\"\n            >\n              <data-table-column-sort\n                sort-order=\"[[sortOrder]]\"\n                path=\"[[column.sortBy]]\"\n                on-sort-direction-changed=\"_sortDirectionChanged\"\n                hidden$=\"[[!column.sortBy]]\"\n              ></data-table-column-sort>\n            </data-table-cell>\n          </template>\n        </data-table-row>\n      </div>\n\n      <iron-list\n        id=\"list\"\n        as=\"item\"\n        items=\"[[_cachedItems]]\"\n        on-scroll=\"_onVerticalScroll\"\n      >\n        <template>\n          <div class=\"item\">\n            <data-table-row\n              before-bind=\"[[beforeRowBind]]\"\n              even$=\"[[!_isEven(index)]]\"\n              expanded=\"[[_isExpanded(item, _expandedItems, _expandedItems.*)]]\"\n              index=\"[[index]]\"\n              item=\"[[item]]\"\n              tabindex=\"-1\"\n              selected=\"[[_isSelected(item, selectedItems, selectedItems.*)]]\"\n            >\n              <data-table-checkbox\n                hidden$=\"[[!multiSelection]]\"\n                tabindex=\"0\"\n                checked=\"[[_isSelected(item, selectedItems, selectedItems.*)]]\"\n                on-tap=\"_onCheckBoxTap\"\n              ></data-table-checkbox>\n              <template\n                is=\"dom-repeat\"\n                items=\"[[columns]]\"\n                as=\"column\"\n                index-as=\"colIndex\"\n              >\n                <data-table-cell\n                  template=\"[[column.template]]\"\n                  table=\"[[_this]]\"\n                  align-right=\"[[column.alignRight]]\"\n                  column=\"[[column]]\"\n                  expanded=\"[[_isExpanded(item, _expandedItems, _expandedItems.*)]]\"\n                  flex=\"[[column.flex]]\"\n                  hidden=\"[[column.hidden]]\"\n                  index=\"[[index]]\"\n                  item=\"[[item]]\"\n                  on-click=\"_onCellClick\"\n                  order=\"[[column.order]]\"\n                  selected=\"[[_isSelected(item, selectedItems, selectedItems.*)]]\"\n                  width=\"[[column.width]]\"\n                  before-bind=\"[[beforeCellBind]]\"\n                ></data-table-cell>\n              </template>\n              <template\n                is=\"dom-if\"\n                if=\"[[_isExpanded(item, _expandedItems)]]\"\n                on-dom-change=\"_updateSizeForItem\"\n              >\n                <data-table-row-detail\n                  index=\"[[index]]\"\n                  item=\"[[item]]\"\n                  expanded=\"[[_isExpanded(item, _expandedItems, _expandedItems.*)]]\"\n                  selected=\"[[_isSelected(item, selectedItems, selectedItems.*)]]\"\n                  before-bind=\"[[beforeDetailsBind]]\"\n                  table=\"[[_this]]\"\n                  template=\"[[rowDetail]]\"\n                ></data-table-row-detail>\n              </template>\n            </data-table-row>\n          </div>\n        </template>\n      </iron-list>\n    </div>\n    <paper-spinner-lite active=\"\"></paper-spinner-lite>\n    <slot name=\"data-table-column\"></slot>\n    <slot name=\"template[is=row-detail]\"></slot>\n  "],["\n    <style is=\"custom-style\">\n      :host {\n        display: block;\n        position: relative;\n        overflow-x: auto;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: touch;\n        /* Default height just to help users get started in making stuff visible.  */\n        height: 400px;\n        @apply --iron-data-table;\n      }\n\n      #container {\n        position: absolute;\n        left: 0;\n        top: 0;\n        bottom: 0;\n        display: flex;\n        flex-direction: column;\n      }\n\n      #header {\n        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);\n        transition: box-shadow 200ms;\n        -webkit-transition: box-shadow 200ms;\n        z-index: 1;\n        @apply --iron-data-table-header;\n      }\n\n      #header.scrolled {\n        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06), 0 2px 0 rgba(0, 0, 0, 0.075),\n          0 3px 0 rgba(0, 0, 0, 0.05), 0 4px 0 rgba(0, 0, 0, 0.015);\n      }\n\n      #list {\n        overflow-x: hidden !important;\n        overflow-y: auto !important;\n        flex: 1;\n        transition: opacity 200ms;\n        -webkit-transition: opacity 200ms;\n      }\n\n      :host([loading]) #list {\n        opacity: 0.25;\n      }\n\n      :host(:not([loading])) paper-spinner-lite {\n        display: none;\n      }\n\n      :host([loading]) paper-spinner-lite {\n        position: absolute;\n        top: 45%;\n        left: 50%;\n        --paper-spinner-color: var(--default-primary-color);\n      }\n    </style>\n    <div id=\"container\">\n      <div id=\"header\">\n        <data-table-row header=\"\">\n          <data-table-checkbox\n            header=\"\"\n            hidden\\$=\"[[!multiSelection]]\"\n            on-tap=\"_toggleSelectAll\"\n            checked=\"[[_isSelectAllChecked(selectedItems.length, selectedItems.inverted, size)]]\"\n            indeterminate=\"[[_isSelectAllIndeterminate(selectedItems.length, size)]]\"\n          ></data-table-checkbox>\n          <template is=\"dom-repeat\" items=\"[[columns]]\" as=\"column\">\n            <data-table-cell\n              header=\"\"\n              align-right=\"[[column.alignRight]]\"\n              before-bind=\"[[beforeCellBind]]\"\n              column=\"[[column]]\"\n              flex=\"[[column.flex]]\"\n              hidden=\"[[column.hidden]]\"\n              order=\"[[column.order]]\"\n              table=\"[[_this]]\"\n              template=\"[[column.headerTemplate]]\"\n              width=\"[[column.width]]\"\n            >\n              <data-table-column-sort\n                sort-order=\"[[sortOrder]]\"\n                path=\"[[column.sortBy]]\"\n                on-sort-direction-changed=\"_sortDirectionChanged\"\n                hidden\\$=\"[[!column.sortBy]]\"\n              ></data-table-column-sort>\n            </data-table-cell>\n          </template>\n        </data-table-row>\n      </div>\n\n      <iron-list\n        id=\"list\"\n        as=\"item\"\n        items=\"[[_cachedItems]]\"\n        on-scroll=\"_onVerticalScroll\"\n      >\n        <template>\n          <div class=\"item\">\n            <data-table-row\n              before-bind=\"[[beforeRowBind]]\"\n              even\\$=\"[[!_isEven(index)]]\"\n              expanded=\"[[_isExpanded(item, _expandedItems, _expandedItems.*)]]\"\n              index=\"[[index]]\"\n              item=\"[[item]]\"\n              tabindex=\"-1\"\n              selected=\"[[_isSelected(item, selectedItems, selectedItems.*)]]\"\n            >\n              <data-table-checkbox\n                hidden\\$=\"[[!multiSelection]]\"\n                tabindex=\"0\"\n                checked=\"[[_isSelected(item, selectedItems, selectedItems.*)]]\"\n                on-tap=\"_onCheckBoxTap\"\n              ></data-table-checkbox>\n              <template\n                is=\"dom-repeat\"\n                items=\"[[columns]]\"\n                as=\"column\"\n                index-as=\"colIndex\"\n              >\n                <data-table-cell\n                  template=\"[[column.template]]\"\n                  table=\"[[_this]]\"\n                  align-right=\"[[column.alignRight]]\"\n                  column=\"[[column]]\"\n                  expanded=\"[[_isExpanded(item, _expandedItems, _expandedItems.*)]]\"\n                  flex=\"[[column.flex]]\"\n                  hidden=\"[[column.hidden]]\"\n                  index=\"[[index]]\"\n                  item=\"[[item]]\"\n                  on-click=\"_onCellClick\"\n                  order=\"[[column.order]]\"\n                  selected=\"[[_isSelected(item, selectedItems, selectedItems.*)]]\"\n                  width=\"[[column.width]]\"\n                  before-bind=\"[[beforeCellBind]]\"\n                ></data-table-cell>\n              </template>\n              <template\n                is=\"dom-if\"\n                if=\"[[_isExpanded(item, _expandedItems)]]\"\n                on-dom-change=\"_updateSizeForItem\"\n              >\n                <data-table-row-detail\n                  index=\"[[index]]\"\n                  item=\"[[item]]\"\n                  expanded=\"[[_isExpanded(item, _expandedItems, _expandedItems.*)]]\"\n                  selected=\"[[_isSelected(item, selectedItems, selectedItems.*)]]\"\n                  before-bind=\"[[beforeDetailsBind]]\"\n                  table=\"[[_this]]\"\n                  template=\"[[rowDetail]]\"\n                ></data-table-row-detail>\n              </template>\n            </data-table-row>\n          </div>\n        </template>\n      </iron-list>\n    </div>\n    <paper-spinner-lite active=\"\"></paper-spinner-lite>\n    <slot name=\"data-table-column\"></slot>\n    <slot name=\"template[is=row-detail]\"></slot>\n  "]);_templateObject_0ffaba80555211e98f439769bd191e33=function(){return data};return data}var IronDataTable=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_0ffaba80555211e98f439769bd191e33()),is:"iron-data-table",behaviors:[_ironResizableBehavior.IronResizableBehavior],listeners:{"column-filter-changed":"_onColumnFilterChanged","iron-resize":"_resizeCellContainers","item-changed":"_itemChanged",scroll:"_onHorizontalScroll"},properties:{autoRefresh:Number,beforeCellBind:Object,beforeDetailsBind:Object,beforeRowBind:Object,items:{type:Array},detailsEnabled:{type:Boolean,value:!1},filter:{type:Array,notify:!0,value:function value(){return[]}},multiSelection:{type:Boolean,value:!1},pageSize:{type:Number,value:50},selectionEnabled:{type:Boolean,value:!1},selectedItem:{type:Object,readOnly:!0,notify:!0},selectedItems:{type:Object,notify:!0,readOnly:!0,value:function value(){var items=[];items.filters=[];return items}},size:{type:Number,notify:!0,value:0,observer:"_sizeChanged"},sortOrder:{type:Array,notify:!0,value:function value(){return[]}},columns:{type:Array,notify:!0,value:function value(){return[]},observer:"_columnsChanged"},dataSource:{type:Object,notify:!0},_pagesLoading:{type:Array,value:function value(){return[]}},loading:{type:Boolean,notify:!0,reflectToAttribute:!0,value:!1},_cachedItems:{type:Array,value:function value(){return[]}},_cachedPages:{type:Array,value:function value(){return[]}},_currentPage:{type:Number,value:0},_expandedItems:{type:Array,value:function value(){return[]}},_this:{type:Object,value:function value(){return this}}},observers:["_itemsChanged(items.*)","_currentPageChanged(dataSource, _currentPage)","_resetData(dataSource, filter.*, sortOrder.*)"],created:function created(){var _this=this;this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(this,function(info){var hasColumns=function(node){return node.nodeType===Node.ELEMENT_NODE&&"DATA-TABLE-COLUMN"===node.tagName.toUpperCase()};if(0<info.addedNodes.filter(hasColumns).length||0<info.removedNodes.filter(hasColumns).length){_this.set("columns",_this.shadowRoot.querySelector("[select=data-table-column]").assignedNodes({flatten:!0}).filter(function(n){return n.nodeType===Node.ELEMENT_NODE}));_this.notifyResize()}if(0<info.addedNodes.filter(function hasDetails(node){return node.nodeType===Node.ELEMENT_NODE&&"TEMPLATE"===node.tagName.toUpperCase()&&node.hasAttribute("is")&&"row-detail"===node.getAttribute("is")}).length){_this.set("rowDetail",_this.shadowRoot.querySelector("[select=\"template[is=row-detail]\"]").assignedNodes({flatten:!0}).filter(function(n){return n.nodeType===Node.ELEMENT_NODE})[0]);var parent=(0,_polymerDom.dom)(_this.rowDetail).parentNode;_this.rowDetail._rootDataHost=parent.dataHost?parent.dataHost._rootDataHost||parent.dataHost:parent}}).bind(this)},_stopPropagation:function _stopPropagation(e){e.stopImmediatePropagation()},selectItem:function selectItem(item){if("number"===typeof item&&0<=item&&this.items&&this.items.length>item){this._selectItem(this.items[item])}else{this._selectItem(item)}},_selectItem:function _selectItem(item){this._setSelectedItem(item);if(this.multiSelection){if(this.selectedItems.inverted){var index;if(-1<(index=this.selectedItems.indexOf(item))){this.splice("selectedItems",index,1)}}else{this.push("selectedItems",item)}}else{this.splice("selectedItems",0,this.selectedItems.length,item)}},deselectItem:function deselectItem(item){if("number"===typeof item&&0<=item&&this.items&&this.items.length>item){this._deselectItem(this.items[item])}else{this._deselectItem(item)}},_deselectItem:function _deselectItem(item){this._setSelectedItem(null);var index=this.selectedItems.indexOf(item);if(this.selectedItems.inverted){if(-1===index){this.push("selectedItems",item)}}else{if(-1<index){this.splice("selectedItems",index,1)}}},_isSelected:function _isSelected(item,selectedItems){var selected=-1<selectedItems.indexOf(item);return selectedItems.inverted?!selected:selected},selectAll:function selectAll(){var selectedItems=[];selectedItems.inverted=!0;selectedItems.filters=this.filter.slice(0)||[];this._setSelectedItems(selectedItems)},clearSelection:function clearSelection(){var selectedItems=[];selectedItems.inverted=!1;selectedItems.filters=this.filter.slice(0)||[];this._setSelectedItems(selectedItems);if(this.selectedItem!==void 0){this._setSelectedItem(null)}},_toggleSelectAll:function _toggleSelectAll(){if(this._isSelectAllChecked(this.selectedItems.length,this.selectedItems.inverted,this.size)){this._fireEvent("deselecting-all-items",{items:this.selectedItems},this.clearSelection)}else{this._fireEvent("selecting-all-items",{items:this.selectedItems},this.selectAll)}},_isSelectAllChecked:function _isSelectAllChecked(selectedItemsLength,inverted,size){return 0<size&&selectedItemsLength===(inverted?0:size)},_isSelectAllIndeterminate:function _isSelectAllIndeterminate(length,size){return 0<size&&0<length&&length<size},_isEven:function _isEven(index){return 0===index%2},_resetData:function _resetData(){this.clearSelection();this.clearCache();this.$.list.scrollToIndex(0)},_sortDirectionChanged:function _sortDirectionChanged(e){for(var i=0;i<this.sortOrder.length;i++){if(this.sortOrder[i].path===e.detail.path){if(e.detail.direction){this.set("sortOrder."+i+".direction",e.detail.direction)}else{this.splice("sortOrder",i,1)}return}}this.push("sortOrder",{path:e.detail.path,direction:e.detail.direction})},_columnsChanged:function _columnsChanged(columns,oldColumns){if(oldColumns){oldColumns.forEach(function(column){this.unlisten(column,"filter-value-changed")}.bind(this))}if(columns){columns.forEach(function(column){column.table=this;this.listen(column,"filter-value-changed","_onColumnFilterChanged")}.bind(this))}},_onColumnFilterChanged:function _onColumnFilterChanged(e){for(var i=0;i<this.filter.length;i++){if(this.filter[i].path===e.detail.filterBy){this.set("filter."+i+".filter",e.detail.value);this.set("selectedItems.filters."+i+".filter",e.detail.value);return}}this.push("filter",{path:e.detail.filterBy,filter:e.detail.value});this.push("selectedItems.filters",{path:e.detail.filterBy,filter:e.detail.value})},_resizeCellContainers:function _resizeCellContainers(){var _this2=this;this.$.container.style.width="";async.microTask.run(function(){_this2.$.container.style.width=_Mathmin(_this2.scrollWidth,_this2.clientWidth+_this2.scrollLeft)+"px";_this2.$.header.style.paddingRight=_this2.$.list.offsetWidth-_this2.$.list.clientWidth+"px"})},_onHorizontalScroll:function _onHorizontalScroll(){if(!this.isDebouncerActive("scrolling")){this.$.container.style.width=this.scrollWidth+"px";this.debounce("scrolling",function(){this.$.container.style.width=_Mathmin(this.scrollWidth,this.clientWidth+this.scrollLeft)+"px"},1e3)}},_onVerticalScroll:function _onVerticalScroll(){this.toggleClass("scrolled",1<=this.$.list.scrollTop,this.$.header);this._currentPage=Math.max(0,_Mathfloor(this.$.list.scrollTop/this.$.list._physicalAverage/this.pageSize))},_itemsChanged:function _itemsChanged(items){if(("items"===items.path||"items.splices"===items.path)&&Array.isArray(items.base)){this.size=items.base.length;this.dataSource=new ArrayDataSource(items.base)}else if(0===items.path.indexOf("items.#")&&Array.isArray(items.base)){var index=items.path.split(".")[1].substring(1),item=this.items[index],cachedIndex=this._cachedItems.indexOf(item);if(0<=cachedIndex){this.set(items.path.replace("items.","_cachedItems.").replace("#"+index,cachedIndex),items.value)}}},_itemChanged:function _itemChanged(e){if(this.items){var index=this.items.indexOf(e.detail.item);if(0<=index){this.set("items."+index+"."+e.detail.path,e.detail.value)}}if(this.autoRefresh!==void 0){this.debounce("auto-refresh",function(){this.refreshPage(this._currentPage)},this.autoRefresh)}},_currentPageChanged:function _currentPageChanged(dataSource,page){if(!this._isPageCached(page)){this.loading=!0}this.debounce("loading",function(){this._loadPage(dataSource,page);if(page+1<this.size/this.pageSize){this._loadPage(dataSource,page+1)}if(0<page){this._loadPage(dataSource,page-1)}}.bind(this),100)},_isPageLoading:function _isPageLoading(page){return-1<this._pagesLoading.indexOf(page)},_addLoadingPage:function _addLoadingPage(page){if(!this._isPageLoading(page)){this.push("_pagesLoading",page)}this.loading=0<this._pagesLoading.length},_removeLoadingPage:function _removeLoadingPage(page){var index=this._pagesLoading.indexOf(page);if(-1!==index){this.splice("_pagesLoading",index,1)}this.loading=0<this._pagesLoading.length},_isPageCached:function _isPageCached(page){return this._cachedPages&&-1<this._cachedPages.indexOf(page)},_loadPage:function _loadPage(dataSource,page){if(this._isPageCached(page)){this._removeLoadingPage(page)}else if(!this._isPageLoading(page)){this._addLoadingPage(page);var success=function(items,size){this.push("_cachedPages",page);if(size!==void 0){this.size=size}for(var start=page*this.pageSize,i=0;i<this.pageSize;i++){var index=start+i,item=items[i];this.set("_cachedItems."+index,item);this.$.list._collection.store[index]=item;if(item&&"object"==babelHelpers.typeof(item)){this.$.list._collection.omap.set(item,index)}else{this.$.list._collection.pmap[item]=index}}this.debounce("resizing",function(){this.$.list.notifyResize()}.bind(this),100);this._removeLoadingPage(page)}.bind(this),err=function(){this._removeLoadingPage(page)}.bind(this);dataSource({page:page,pageSize:this.pageSize,filter:this.filter,sortOrder:this.sortOrder},success,err)}},_sizeChanged:function _sizeChanged(size,oldSize){if(this._cachedItems&&Math.abs(this._cachedItems.length-size)<2*this.pageSize){while(this._cachedItems.length<size){this.push("_cachedItems",{})}while(this._cachedItems.length>size){this.pop("_cachedItems")}}else{var items=[];while(items.length<size){items.push({})}this.set("_cachedItems",items)}if(size>oldSize){var oldLastPage=_Mathfloor(oldSize/this.pageSize);if(this._isPageCached(oldLastPage)||0===oldLastPage){this.refreshPage(oldLastPage)}}},clearCache:function clearCache(){this._cachedPages=[];this.refreshPage(this._currentPage)},refreshPage:function refreshPage(page){if(this._cachedPages){var index=this._cachedPages.indexOf(page);if(-1<index){this.splice("_cachedPages",index,1)}}this._currentPageChanged(this.dataSource,page)},_updateSizeForItem:function _updateSizeForItem(event){if(event.model.get("item")){for(var itemSet=[],i=0;i<this.$.list._physicalItems.length;i++){itemSet.push(i)}this.$.list._updateMetrics(itemSet);this.$.list._positionItems()}},expandItem:function expandItem(item){if(this.rowDetail&&this._expandedItems&&!this._isExpanded(item,this._expandedItems)){this._expandedItems.push(item);this._expandedItems=this._expandedItems.slice(0)}},collapseItem:function collapseItem(item){if(this.rowDetail&&this._expandedItems&&this._isExpanded(item,this._expandedItems)){var index=this._expandedItems.indexOf(item);this._expandedItems.splice(index,1);this._expandedItems=this._expandedItems.slice(0)}},_isExpanded:function _isExpanded(item,items){return items&&-1<items.indexOf(item)},_isFocusable:function _isFocusable(target){if((void 0).useNativeShadow){return 0<=target.tabIndex}else{return target.contains((0,_polymerDom.dom)(document.activeElement).node)||"A"===target.tagName.toUpperCase()}},_onCellClick:function _onCellClick(e){if(this._isFocusable((0,_polymerDom.dom)(e).localTarget)){}else{if(this.rowDetail&&this.detailsEnabled){if(this._isExpanded(e.model.item,this._expandedItems)){this._fireEvent("collapsing-item",e.model.item,this.collapseItem)}else{this._fireEvent("expanding-item",e.model.item,this.expandItem)}}if(this.selectionEnabled){if(this._isSelected(e.model.item,this.selectedItems)){this._fireEvent("deselecting-item",e.model.item,this.deselectItem)}else{this._fireEvent("selecting-item",e.model.item,this.selectItem)}}}},_fireEvent:function _fireEvent(eventName,item,defaultAction){var e=this.fire(eventName,{item:item},{cancelable:!0});if(!e.defaultPrevented){defaultAction.call(this,item)}},_onCheckBoxTap:function _onCheckBoxTap(e){if(this._isSelected(e.model.item,this.selectedItems)){this._fireEvent("deselecting-item",e.model.item,this.deselectItem)}else{this._fireEvent("selecting-item",e.model.item,this.selectItem)}}});_exports.IronDataTable=IronDataTable});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-cell.js b/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-cell.js
index 4c49b747682..f414487a2f8 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-cell.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-cell.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/utils/async.js","./data-table-templatizer-behavior.js"],function(_polymerLegacy,async,_dataTableTemplatizerBehavior){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_9c487b2054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        flex: 1 0 100px;\n        padding: 0 24px 0 24px;\n        min-height: 10px; /* Prevent iron-list from looping when item height is really small */\n        height: 48px;\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        transition: flex-basis 200ms, flex-grow 200ms;\n      }\n\n      :host([header]) {\n        height: 56px;\n      }\n\n      :host([hidden]) {\n        display: none;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_9c487b2054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9c487b2054f411e9aeb367f92c5b63ab()),is:"data-table-cell",behaviors:[_dataTableTemplatizerBehavior.saulis.DataTableTemplatizerBehavior],properties:{alignRight:Boolean,column:Object,flex:Number,header:Boolean,hidden:Boolean,order:Number,template:Object,width:String,beforeBind:{type:Object,value:function value(){return function(){}}}},observers:["_beforeBind(beforeBind, column.*, index, item.*, expanded, selected)","_beforeBindHeader(beforeBind, column.*)","_alignRightChanged(alignRight)","_columnChanged(_instance, column)","_columnPathChanged(_instance, column.*)","_flexChanged(flex)","_hiddenChanged(hidden)","_orderChanged(order)","_widthChanged(width)"],attached:function attached(){if(!(void 0).useNativeShadow){window.StyleTransformer.dom(this,"iron-data-table",this._scopeCssViaAttr,!0);if(this.domHost){window.StyleTransformer.dom(this,this.domHost.tagName.toLowerCase(),this._scopeCssViaAttr,!1)}}},_alignRightChanged:function _alignRightChanged(alignRight){this.style.flexDirection=alignRight?"row-reverse":"row"},_beforeBind:function _beforeBind(beforeBind,column,index,item,expanded,selected){var data={column:column.base,index:index,item:item.base,expanded:expanded,selected:selected};beforeBind(data,this)},_beforeBindHeader:function _beforeBindHeader(beforeBind,column){if(this.header){var data={column:column.base};beforeBind(data,this)}},_hiddenChanged:function _hiddenChanged(hidden){this.toggleAttribute("hidden",hidden)},_orderChanged:function _orderChanged(order){this.style.order=order},_flexChanged:function _flexChanged(flex){this.style.flexGrow=flex},_widthChanged:function _widthChanged(width){this.style.flexBasis=width},_columnChanged:function _columnChanged(instance,column){instance.column=column},_columnPathChanged:function _columnPathChanged(instance,column){var _this=this;async.microTask.run(function(){_this._parentProps=_this._parentProps||{};instance.notifyPath(column.path,column.value)})}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/utils/async.js","./data-table-templatizer-behavior.js"],function(_polymerLegacy,async,_dataTableTemplatizerBehavior){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_310cea40555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        flex: 1 0 100px;\n        padding: 0 24px 0 24px;\n        min-height: 10px; /* Prevent iron-list from looping when item height is really small */\n        height: 48px;\n        display: flex;\n        align-items: center;\n        overflow: hidden;\n        transition: flex-basis 200ms, flex-grow 200ms;\n      }\n\n      :host([header]) {\n        height: 56px;\n      }\n\n      :host([hidden]) {\n        display: none;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_310cea40555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_310cea40555211e98f439769bd191e33()),is:"data-table-cell",behaviors:[_dataTableTemplatizerBehavior.saulis.DataTableTemplatizerBehavior],properties:{alignRight:Boolean,column:Object,flex:Number,header:Boolean,hidden:Boolean,order:Number,template:Object,width:String,beforeBind:{type:Object,value:function value(){return function(){}}}},observers:["_beforeBind(beforeBind, column.*, index, item.*, expanded, selected)","_beforeBindHeader(beforeBind, column.*)","_alignRightChanged(alignRight)","_columnChanged(_instance, column)","_columnPathChanged(_instance, column.*)","_flexChanged(flex)","_hiddenChanged(hidden)","_orderChanged(order)","_widthChanged(width)"],attached:function attached(){if(!(void 0).useNativeShadow){window.StyleTransformer.dom(this,"iron-data-table",this._scopeCssViaAttr,!0);if(this.domHost){window.StyleTransformer.dom(this,this.domHost.tagName.toLowerCase(),this._scopeCssViaAttr,!1)}}},_alignRightChanged:function _alignRightChanged(alignRight){this.style.flexDirection=alignRight?"row-reverse":"row"},_beforeBind:function _beforeBind(beforeBind,column,index,item,expanded,selected){var data={column:column.base,index:index,item:item.base,expanded:expanded,selected:selected};beforeBind(data,this)},_beforeBindHeader:function _beforeBindHeader(beforeBind,column){if(this.header){var data={column:column.base};beforeBind(data,this)}},_hiddenChanged:function _hiddenChanged(hidden){this.toggleAttribute("hidden",hidden)},_orderChanged:function _orderChanged(order){this.style.order=order},_flexChanged:function _flexChanged(flex){this.style.flexGrow=flex},_widthChanged:function _widthChanged(width){this.style.flexBasis=width},_columnChanged:function _columnChanged(instance,column){instance.column=column},_columnPathChanged:function _columnPathChanged(instance,column){var _this=this;async.microTask.run(function(){_this._parentProps=_this._parentProps||{};instance.notifyPath(column.path,column.value)})}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-checkbox.js b/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-checkbox.js
index 7a79c0e6850..ff44245f39c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-checkbox.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-checkbox.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_9c4ebcb054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        height: 48px;\n        flex-basis: 48px;\n        flex-grow: 0;\n        flex-shrink: 0;\n        padding: 0 8px 0 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-right: 1px solid #e3e3e3;\n      }\n\n      :host([header]) {\n        height: 56px;\n      }\n\n      :host([hidden]) {\n        display: none;\n      }\n\n      :host(:focus) {\n        outline: none;\n      }\n\n      #container {\n        position: relative;\n        box-sizing: border-box;\n        height: 18px;\n        width: 18px;\n        border: solid 2px;\n        border-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\n      :host([checked]) #container {\n        border-color: var(--default-primary-color);\n        background-color: var(--default-primary-color);\n      }\n\n      :host([checked]) .checkmark {\n        border-bottom: 2px solid white;\n        border-right: 2px solid white;\n        width: 36%;\n        height: 70%;\n        -webkit-transform-origin: 97% 86%;\n        transform-origin: 97% 86%;\n        -webkit-animation: checkmark-expand 140ms ease-out forwards;\n        animation: checkmark-expand 140ms ease-out forwards;\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      :host([indeterminate]) .checkmark {\n        border-bottom: 2px solid var(--primary-text-color);\n        width: 60%;\n        height: 45%;\n        margin-left: 3px;\n        -webkit-animation: indeterminate-expand 140ms ease-out forwards;\n        animation: indeterminate-expand 140ms ease-out forwards;\n      }\n\n      @-webkit-keyframes indeterminate-expand {\n        0% {\n          -webkit-transform: scale(0, 0);\n        }\n        100% {\n          -webkit-transform: scale(1, 1);\n        }\n      }\n\n      @keyframes indeterminate-expand {\n        0% {\n          transform: scale(0, 1);\n        }\n        100% {\n          transform: scale(1, 1);\n        }\n      }\n    </style>\n\n    <div id=\"container\"><div class=\"checkmark\"></div></div>\n  "]);_templateObject_9c4ebcb054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9c4ebcb054f411e9aeb367f92c5b63ab()),is:"data-table-checkbox",properties:{checked:{type:Boolean,observer:"_checkedChanged",reflectToAttribute:!0,value:!1},indeterminate:{type:Boolean,reflectToAttribute:!0,observer:"_indeterminateChanged",value:!1}},_checkedChanged:function _checkedChanged(checked){if(checked){this.indeterminate=!1}},_indeterminateChanged:function _indeterminateChanged(indeterminate){if(indeterminate){this.checked=!1}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_310f5b40555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        height: 48px;\n        flex-basis: 48px;\n        flex-grow: 0;\n        flex-shrink: 0;\n        padding: 0 8px 0 12px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-right: 1px solid #e3e3e3;\n      }\n\n      :host([header]) {\n        height: 56px;\n      }\n\n      :host([hidden]) {\n        display: none;\n      }\n\n      :host(:focus) {\n        outline: none;\n      }\n\n      #container {\n        position: relative;\n        box-sizing: border-box;\n        height: 18px;\n        width: 18px;\n        border: solid 2px;\n        border-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\n      :host([checked]) #container {\n        border-color: var(--default-primary-color);\n        background-color: var(--default-primary-color);\n      }\n\n      :host([checked]) .checkmark {\n        border-bottom: 2px solid white;\n        border-right: 2px solid white;\n        width: 36%;\n        height: 70%;\n        -webkit-transform-origin: 97% 86%;\n        transform-origin: 97% 86%;\n        -webkit-animation: checkmark-expand 140ms ease-out forwards;\n        animation: checkmark-expand 140ms ease-out forwards;\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      :host([indeterminate]) .checkmark {\n        border-bottom: 2px solid var(--primary-text-color);\n        width: 60%;\n        height: 45%;\n        margin-left: 3px;\n        -webkit-animation: indeterminate-expand 140ms ease-out forwards;\n        animation: indeterminate-expand 140ms ease-out forwards;\n      }\n\n      @-webkit-keyframes indeterminate-expand {\n        0% {\n          -webkit-transform: scale(0, 0);\n        }\n        100% {\n          -webkit-transform: scale(1, 1);\n        }\n      }\n\n      @keyframes indeterminate-expand {\n        0% {\n          transform: scale(0, 1);\n        }\n        100% {\n          transform: scale(1, 1);\n        }\n      }\n    </style>\n\n    <div id=\"container\"><div class=\"checkmark\"></div></div>\n  "]);_templateObject_310f5b40555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_310f5b40555211e98f439769bd191e33()),is:"data-table-checkbox",properties:{checked:{type:Boolean,observer:"_checkedChanged",reflectToAttribute:!0,value:!1},indeterminate:{type:Boolean,reflectToAttribute:!0,observer:"_indeterminateChanged",value:!1}},_checkedChanged:function _checkedChanged(checked){if(checked){this.indeterminate=!1}},_indeterminateChanged:function _indeterminateChanged(indeterminate){if(indeterminate){this.checked=!1}}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-column-sort.js b/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-column-sort.js
index fa0fce4df09..9571644b866 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-column-sort.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-column-sort.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","./data-table-icons.js"],function(_polymerLegacy){"use strict";function _templateObject_9c539eb054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        margin: 4px;\n      }\n\n      :host([hidden]) {\n        display: none;\n      }\n\n      paper-icon-button {\n        position: relative;\n        opacity: 0.84;\n        transition: all 0.2s;\n      }\n\n      paper-icon-button:hover,\n      paper-icon-button[focused] {\n        color: var(--default-primary-color);\n      }\n\n      paper-icon-button:not([direction]) {\n        opacity: 0.16;\n      }\n\n      paper-icon-button[direction=\"desc\"] {\n        transform: rotate(-180deg);\n      }\n\n      paper-icon-button[hidden] {\n        display: none;\n      }\n\n      .order {\n        font-size: 9px;\n        font-weight: bold;\n        position: absolute;\n        right: 4px;\n        bottom: 8px;\n      }\n    </style>\n\n    <div style=\"position: relative\">\n      <paper-icon-button\n        id=\"sortIcon\"\n        on-tap=\"_sort\"\n        icon=\"data-table:arrow-upward\"\n        direction$=\"[[direction]]\"\n      >\n      </paper-icon-button>\n      <div class=\"order\">[[order]]</div>\n    </div>\n  "],["\n    <style>\n      :host {\n        display: block;\n        margin: 4px;\n      }\n\n      :host([hidden]) {\n        display: none;\n      }\n\n      paper-icon-button {\n        position: relative;\n        opacity: 0.84;\n        transition: all 0.2s;\n      }\n\n      paper-icon-button:hover,\n      paper-icon-button[focused] {\n        color: var(--default-primary-color);\n      }\n\n      paper-icon-button:not([direction]) {\n        opacity: 0.16;\n      }\n\n      paper-icon-button[direction=\"desc\"] {\n        transform: rotate(-180deg);\n      }\n\n      paper-icon-button[hidden] {\n        display: none;\n      }\n\n      .order {\n        font-size: 9px;\n        font-weight: bold;\n        position: absolute;\n        right: 4px;\n        bottom: 8px;\n      }\n    </style>\n\n    <div style=\"position: relative\">\n      <paper-icon-button\n        id=\"sortIcon\"\n        on-tap=\"_sort\"\n        icon=\"data-table:arrow-upward\"\n        direction\\$=\"[[direction]]\"\n      >\n      </paper-icon-button>\n      <div class=\"order\">[[order]]</div>\n    </div>\n  "]);_templateObject_9c539eb054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9c539eb054f411e9aeb367f92c5b63ab()),is:"data-table-column-sort",properties:{direction:{type:String,notify:!0},path:String,order:{type:Number,computed:"_order(path, sortOrder, sortOrder.length)"},sortOrder:Array},observers:["_sortOrderChanged(sortOrder.*)"],_order:function _order(path,sortOrder,length){if(1>=length){return""}for(var i=0;i<length;i++){if(sortOrder[i].path===path){return i+1}}},_sortOrderChanged:function _sortOrderChanged(sortOrder){if(sortOrder.base){sortOrder.base.forEach(function(sort){if(sort.path===this.path){this.direction=sort.direction}}.bind(this))}},_sort:function _sort(){switch(this.direction){case"asc":this.direction="desc";break;case"desc":this.direction=null;break;default:this.direction="asc";break;}this.fire("sort-direction-changed",{path:this.path,direction:this.direction})}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","./data-table-icons.js"],function(_polymerLegacy){"use strict";function _templateObject_31163910555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        margin: 4px;\n      }\n\n      :host([hidden]) {\n        display: none;\n      }\n\n      paper-icon-button {\n        position: relative;\n        opacity: 0.84;\n        transition: all 0.2s;\n      }\n\n      paper-icon-button:hover,\n      paper-icon-button[focused] {\n        color: var(--default-primary-color);\n      }\n\n      paper-icon-button:not([direction]) {\n        opacity: 0.16;\n      }\n\n      paper-icon-button[direction=\"desc\"] {\n        transform: rotate(-180deg);\n      }\n\n      paper-icon-button[hidden] {\n        display: none;\n      }\n\n      .order {\n        font-size: 9px;\n        font-weight: bold;\n        position: absolute;\n        right: 4px;\n        bottom: 8px;\n      }\n    </style>\n\n    <div style=\"position: relative\">\n      <paper-icon-button\n        id=\"sortIcon\"\n        on-tap=\"_sort\"\n        icon=\"data-table:arrow-upward\"\n        direction$=\"[[direction]]\"\n      >\n      </paper-icon-button>\n      <div class=\"order\">[[order]]</div>\n    </div>\n  "],["\n    <style>\n      :host {\n        display: block;\n        margin: 4px;\n      }\n\n      :host([hidden]) {\n        display: none;\n      }\n\n      paper-icon-button {\n        position: relative;\n        opacity: 0.84;\n        transition: all 0.2s;\n      }\n\n      paper-icon-button:hover,\n      paper-icon-button[focused] {\n        color: var(--default-primary-color);\n      }\n\n      paper-icon-button:not([direction]) {\n        opacity: 0.16;\n      }\n\n      paper-icon-button[direction=\"desc\"] {\n        transform: rotate(-180deg);\n      }\n\n      paper-icon-button[hidden] {\n        display: none;\n      }\n\n      .order {\n        font-size: 9px;\n        font-weight: bold;\n        position: absolute;\n        right: 4px;\n        bottom: 8px;\n      }\n    </style>\n\n    <div style=\"position: relative\">\n      <paper-icon-button\n        id=\"sortIcon\"\n        on-tap=\"_sort\"\n        icon=\"data-table:arrow-upward\"\n        direction\\$=\"[[direction]]\"\n      >\n      </paper-icon-button>\n      <div class=\"order\">[[order]]</div>\n    </div>\n  "]);_templateObject_31163910555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_31163910555211e98f439769bd191e33()),is:"data-table-column-sort",properties:{direction:{type:String,notify:!0},path:String,order:{type:Number,computed:"_order(path, sortOrder, sortOrder.length)"},sortOrder:Array},observers:["_sortOrderChanged(sortOrder.*)"],_order:function _order(path,sortOrder,length){if(1>=length){return""}for(var i=0;i<length;i++){if(sortOrder[i].path===path){return i+1}}},_sortOrderChanged:function _sortOrderChanged(sortOrder){if(sortOrder.base){sortOrder.base.forEach(function(sort){if(sort.path===this.path){this.direction=sort.direction}}.bind(this))}},_sort:function _sort(){switch(this.direction){case"asc":this.direction="desc";break;case"desc":this.direction=null;break;default:this.direction="asc";break;}this.fire("sort-direction-changed",{path:this.path,direction:this.direction})}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-column.js b/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-column.js
index 79ef8d49b5b..64edb017357 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-column.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-column.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","./data-table-column-filter.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_9c5d62b054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <template id=\"header\">\n      <data-table-column-filter\n        label=\"[[column.name]]\"\n        value=\"{{column.filterValue}}\"\n        hidden$=\"[[!column.filterBy]]\"\n      ></data-table-column-filter>\n      <div hidden$=\"[[column.filterBy]]\">[[column.name]]</div>\n    </template>\n  "],["\n    <template id=\"header\">\n      <data-table-column-filter\n        label=\"[[column.name]]\"\n        value=\"{{column.filterValue}}\"\n        hidden\\$=\"[[!column.filterBy]]\"\n      ></data-table-column-filter>\n      <div hidden\\$=\"[[column.filterBy]]\">[[column.name]]</div>\n    </template>\n  "]);_templateObject_9c5d62b054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9c5d62b054f411e9aeb367f92c5b63ab()),is:"data-table-column",properties:{alignRight:{type:Boolean,value:!1},name:{type:String,value:""},filterBy:String,filterValue:String,width:{type:String,value:"100px"},flex:{type:Number,value:1},hidden:{type:Boolean,value:!1},order:{type:Number,notify:!0},sortBy:{type:String},table:Object,headerTemplate:{type:Object,readOnly:!0,value:function value(){var custom=(0,_polymerDom.dom)(this).querySelector("template[is=header]");if(custom&&custom.parentElement){var column=custom.parentElement;custom._rootDataHost=column.dataHost._rootDataHost||column.dataHost;return custom}return(0,_polymerDom.dom)(this.root).querySelector("#header")}},template:{type:Object,readOnly:!0,value:function value(){var template=(0,_polymerDom.dom)(this).querySelector("template:not([is=header])");if(template){if(this.dataHost){template._rootDataHost=this.dataHost._rootDataHost||this.dataHost}return template}}}},observers:["_alignRightChanged(table, alignRight)","_filterValueChanged(table, filterValue, filterBy)","_filterByChanged(table, filterBy)","_flexChanged(table, flex)","_headerTemplateChanged(table, headerTemplate)","_hiddenChanged(table, hidden)","_nameChanged(table, name)","_orderChanged(table, order)","_sortByChanged(table, sortBy)","_templateChanged(table, template)","_widthChanged(table, width)"],_notifyTable:function _notifyTable(table,path,value){if(table.columns){var index=table.columns.indexOf(this);table.notifyPath("columns."+index+"."+path,value)}},_alignRightChanged:function _alignRightChanged(table,alignRight){this._notifyTable(table,"alignRight",alignRight)},_nameChanged:function _nameChanged(table,name){this._notifyTable(table,"name",name)},_sortByChanged:function _sortByChanged(table,sortBy){this._notifyTable(table,"sortBy",sortBy)},_flexChanged:function _flexChanged(table,flex){this._notifyTable(table,"flex",flex)},_headerTemplateChanged:function _headerTemplateChanged(table,headerTemplate){this._notifyTable(table,"headerTemplate",headerTemplate)},_hiddenChanged:function _hiddenChanged(table,hidden){this._notifyTable(table,"hidden",hidden)},_orderChanged:function _orderChanged(table,order){this._notifyTable(table,"order",order)},_templateChanged:function _templateChanged(table,template){this._notifyTable(table,"template",template)},_widthChanged:function _widthChanged(table,width){this._notifyTable(table,"width",width)},_filterByChanged:function _filterByChanged(table,filterBy){this._notifyTable(table,"filterBy",filterBy)},_filterValueChanged:function _filterValueChanged(table,filterValue,filterBy){this._notifyTable(table,"filterValue",filterValue);this.fire("column-filter-changed",{value:filterValue,filterBy:filterBy})}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","./data-table-column-filter.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_311d8c10555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <template id=\"header\">\n      <data-table-column-filter\n        label=\"[[column.name]]\"\n        value=\"{{column.filterValue}}\"\n        hidden$=\"[[!column.filterBy]]\"\n      ></data-table-column-filter>\n      <div hidden$=\"[[column.filterBy]]\">[[column.name]]</div>\n    </template>\n  "],["\n    <template id=\"header\">\n      <data-table-column-filter\n        label=\"[[column.name]]\"\n        value=\"{{column.filterValue}}\"\n        hidden\\$=\"[[!column.filterBy]]\"\n      ></data-table-column-filter>\n      <div hidden\\$=\"[[column.filterBy]]\">[[column.name]]</div>\n    </template>\n  "]);_templateObject_311d8c10555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_311d8c10555211e98f439769bd191e33()),is:"data-table-column",properties:{alignRight:{type:Boolean,value:!1},name:{type:String,value:""},filterBy:String,filterValue:String,width:{type:String,value:"100px"},flex:{type:Number,value:1},hidden:{type:Boolean,value:!1},order:{type:Number,notify:!0},sortBy:{type:String},table:Object,headerTemplate:{type:Object,readOnly:!0,value:function value(){var custom=(0,_polymerDom.dom)(this).querySelector("template[is=header]");if(custom&&custom.parentElement){var column=custom.parentElement;custom._rootDataHost=column.dataHost._rootDataHost||column.dataHost;return custom}return(0,_polymerDom.dom)(this.root).querySelector("#header")}},template:{type:Object,readOnly:!0,value:function value(){var template=(0,_polymerDom.dom)(this).querySelector("template:not([is=header])");if(template){if(this.dataHost){template._rootDataHost=this.dataHost._rootDataHost||this.dataHost}return template}}}},observers:["_alignRightChanged(table, alignRight)","_filterValueChanged(table, filterValue, filterBy)","_filterByChanged(table, filterBy)","_flexChanged(table, flex)","_headerTemplateChanged(table, headerTemplate)","_hiddenChanged(table, hidden)","_nameChanged(table, name)","_orderChanged(table, order)","_sortByChanged(table, sortBy)","_templateChanged(table, template)","_widthChanged(table, width)"],_notifyTable:function _notifyTable(table,path,value){if(table.columns){var index=table.columns.indexOf(this);table.notifyPath("columns."+index+"."+path,value)}},_alignRightChanged:function _alignRightChanged(table,alignRight){this._notifyTable(table,"alignRight",alignRight)},_nameChanged:function _nameChanged(table,name){this._notifyTable(table,"name",name)},_sortByChanged:function _sortByChanged(table,sortBy){this._notifyTable(table,"sortBy",sortBy)},_flexChanged:function _flexChanged(table,flex){this._notifyTable(table,"flex",flex)},_headerTemplateChanged:function _headerTemplateChanged(table,headerTemplate){this._notifyTable(table,"headerTemplate",headerTemplate)},_hiddenChanged:function _hiddenChanged(table,hidden){this._notifyTable(table,"hidden",hidden)},_orderChanged:function _orderChanged(table,order){this._notifyTable(table,"order",order)},_templateChanged:function _templateChanged(table,template){this._notifyTable(table,"template",template)},_widthChanged:function _widthChanged(table,width){this._notifyTable(table,"width",width)},_filterByChanged:function _filterByChanged(table,filterBy){this._notifyTable(table,"filterBy",filterBy)},_filterValueChanged:function _filterValueChanged(table,filterValue,filterBy){this._notifyTable(table,"filterValue",filterValue);this.fire("column-filter-changed",{value:filterValue,filterBy:filterBy})}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-row-detail.js b/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-row-detail.js
index 115fc4c9ff2..25956a342ea 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-row-detail.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-row-detail.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","./data-table-templatizer-behavior.js"],function(_polymerLegacy,_dataTableTemplatizerBehavior){"use strict";function _templateObject_9c60970054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        padding: 0 24px 0 24px;\n        display: flex;\n        align-items: center;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_9c60970054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9c60970054f411e9aeb367f92c5b63ab()),is:"data-table-row-detail",behaviors:[_dataTableTemplatizerBehavior.saulis.DataTableTemplatizerBehavior],properties:{beforeBind:Object},observers:["_beforeBind(beforeBind, item.*, index, selected, expanded)"],attached:function attached(){if(!(void 0).useNativeShadow){window.StyleTransformer.dom(this,"iron-data-table",this._scopeCssViaAttr,!0);if(this.domHost){window.StyleTransformer.dom(this,this.domHost.tagName.toLowerCase(),this._scopeCssViaAttr,!1)}}},_beforeBind:function _beforeBind(beforeBind,item,index,selected,expanded){var data={index:index,item:item.base,expanded:expanded,selected:selected};beforeBind(data,this)}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","./data-table-templatizer-behavior.js"],function(_polymerLegacy,_dataTableTemplatizerBehavior){"use strict";function _templateObject_3120c060555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        padding: 0 24px 0 24px;\n        display: flex;\n        align-items: center;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_3120c060555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3120c060555211e98f439769bd191e33()),is:"data-table-row-detail",behaviors:[_dataTableTemplatizerBehavior.saulis.DataTableTemplatizerBehavior],properties:{beforeBind:Object},observers:["_beforeBind(beforeBind, item.*, index, selected, expanded)"],attached:function attached(){if(!(void 0).useNativeShadow){window.StyleTransformer.dom(this,"iron-data-table",this._scopeCssViaAttr,!0);if(this.domHost){window.StyleTransformer.dom(this,this.domHost.tagName.toLowerCase(),this._scopeCssViaAttr,!1)}}},_beforeBind:function _beforeBind(beforeBind,item,index,selected,expanded){var data={index:index,item:item.base,expanded:expanded,selected:selected};beforeBind(data,this)}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-row.js b/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-row.js
index f258c837c84..89209f753a6 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-row.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/iron-data-table/lib/data-table-row.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_9c68111054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\n      :host {\n        display: flex;\n        flex-direction: column;\n        opacity: 1;\n        cursor: pointer;\n\n        @apply --iron-data-table-row;\n      }\n\n      :host([selected]) .cells {\n        @apply --iron-data-table-row-selected;\n      }\n\n      :host(:not([header])[even]) {\n        @apply --iron-data-table-row-even;\n      }\n\n      :host(:not([header]):not([even])) {\n        @apply --iron-data-table-row-odd;\n      }\n\n      :host(:focus) {\n        outline: none;\n        @apply --iron-data-table-row-focused;\n      }\n\n      :host(:not([header]):hover) {\n        @apply --iron-data-table-row-hover;\n      }\n\n      :host(:focus):after {\n        @apply --iron-data-table-row-focused-after;\n      }\n\n      :host:after {\n        @apply --iron-data-table-row-after;\n      }\n\n      .cells {\n        display: flex;\n        flex-direction: row;\n        width: 100%;\n      }\n    </style>\n    <div class=\"cells\">\n      <slot name=\"data-table-checkbox\"></slot>\n      <slot name=\"data-table-cell\"></slot>\n    </div>\n    <div class=\"details\"><slot name=\"data-table-row-detail\"></slot></div>\n  "]);_templateObject_9c68111054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9c68111054f411e9aeb367f92c5b63ab()),is:"data-table-row",properties:{beforeBind:Object,expanded:{type:Boolean,reflectToAttribute:!0},index:Number,item:Object,selected:{type:Boolean,reflectToAttribute:!0},_static:{type:Object,value:{id:0}}},observers:["_beforeBind(beforeBind, index, item.*, selected, expanded)"],attached:function attached(){if(this.domHost&&"IRON-DATA-TABLE"===this.domHost.tagName.toUpperCase()){var id=this._static.id++,item=this.parentElement;if(!item._rowId){this._contentElement=document.createElement("content");this._contentElement.setAttribute("select","#item"+id);(0,_polymerDom.dom)(item).appendChild(this._contentElement);this.id="item"+id;item._rowId=id;(0,_polymerDom.dom)(this.domHost).appendChild(this);this._ownerShadyRoot=void 0}}},_beforeBind:function _beforeBind(beforeBind,index,item,selected,expanded){var data={index:index,item:item.base,expanded:expanded,selected:selected};beforeBind(data,this)}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_3125f080555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\n      :host {\n        display: flex;\n        flex-direction: column;\n        opacity: 1;\n        cursor: pointer;\n\n        @apply --iron-data-table-row;\n      }\n\n      :host([selected]) .cells {\n        @apply --iron-data-table-row-selected;\n      }\n\n      :host(:not([header])[even]) {\n        @apply --iron-data-table-row-even;\n      }\n\n      :host(:not([header]):not([even])) {\n        @apply --iron-data-table-row-odd;\n      }\n\n      :host(:focus) {\n        outline: none;\n        @apply --iron-data-table-row-focused;\n      }\n\n      :host(:not([header]):hover) {\n        @apply --iron-data-table-row-hover;\n      }\n\n      :host(:focus):after {\n        @apply --iron-data-table-row-focused-after;\n      }\n\n      :host:after {\n        @apply --iron-data-table-row-after;\n      }\n\n      .cells {\n        display: flex;\n        flex-direction: row;\n        width: 100%;\n      }\n    </style>\n    <div class=\"cells\">\n      <slot name=\"data-table-checkbox\"></slot>\n      <slot name=\"data-table-cell\"></slot>\n    </div>\n    <div class=\"details\"><slot name=\"data-table-row-detail\"></slot></div>\n  "]);_templateObject_3125f080555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3125f080555211e98f439769bd191e33()),is:"data-table-row",properties:{beforeBind:Object,expanded:{type:Boolean,reflectToAttribute:!0},index:Number,item:Object,selected:{type:Boolean,reflectToAttribute:!0},_static:{type:Object,value:{id:0}}},observers:["_beforeBind(beforeBind, index, item.*, selected, expanded)"],attached:function attached(){if(this.domHost&&"IRON-DATA-TABLE"===this.domHost.tagName.toUpperCase()){var id=this._static.id++,item=this.parentElement;if(!item._rowId){this._contentElement=document.createElement("content");this._contentElement.setAttribute("select","#item"+id);(0,_polymerDom.dom)(item).appendChild(this._contentElement);this.id="item"+id;item._rowId=id;(0,_polymerDom.dom)(this.domHost).appendChild(this);this._ownerShadyRoot=void 0}}},_beforeBind:function _beforeBind(beforeBind,index,item,selected,expanded){var data={index:index,item:item.base,expanded:expanded,selected:selected};beforeBind(data,this)}})});
\ No newline at end of file
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 8f6bc07038c..1a8cac221bd 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-icons/iron-icons.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ItemOverlayOps=void 0;function _templateObject_7667101054f411e9aeb367f92c5b63ab(){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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_optionSelected\"\n          id=\"option1\"\n          title=\"[[__option1Text]]\"\n          icon=\"[[__option1Icon]]\"\n        ></paper-icon-button>\n        <paper-icon-button\n          on-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_optionSelected\"\n          id=\"option1\"\n          title=\"[[__option1Text]]\"\n          icon=\"[[__option1Icon]]\"\n        ></paper-icon-button>\n        <paper-icon-button\n          on-tap=\"_optionSelected\"\n          id=\"option2\"\n          title=\"[[__option2Text]]\"\n          icon=\"[[__option2Icon]]\"\n        ></paper-icon-button>\n      </div>\n    </div>\n    <slot></slot>\n  "]);_templateObject_7667101054f411e9aeb367f92c5b63ab=function(){return data};return data}var ItemOverlayOps=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7667101054f411e9aeb367f92c5b63ab()),is:"item-overlay-ops",listeners:{focusin:"_inFocus",focusout:"_outFocus"},hostAttributes:{tabindex:"0"},properties:{editMode:{type:Boolean,reflectToAttribute:!0,value:!1},focused:{type:Boolean,reflectToAttribute:!0,value:!1},activeTitle:{type:String},activeOp:{type:String},add:{type:Boolean,value:!1},edit:{type:Boolean,value:!1},move:{type:Boolean,value:!1},fixedHeight:{type:Number,observer:"fixedHeightChanged"},disableAutoHeight:{type:Boolean,value:!1},remove:{type:Boolean,value:!1},duplicate:{type:Boolean,value:!1},__anyOp:{type:Boolean,value:!1}},attached:function attached(){var _this=this;setTimeout(function(){_this._windowResize()},5);window.addEventListener("resize",this._windowResize.bind(this))},detached:function detached(){window.removeEventListener("resize",this._windowResize.bind(this))},fixedHeightChanged:function fixedHeightChanged(newValue){if(newValue){if(!this.disableAutoHeight){this.$.container.style.height=this.fixedHeight+"px";this.$.workingarea.style.height=this.fixedHeight-80+"px"}}},_windowResize:function _windowResize(){var rect=this.getBoundingClientRect();this.$.container.style.width=rect.width+"px";if(!this.disableAutoHeight){if(!this.fixedHeight||babelHelpers.typeof(this.fixedHeight)==="undefined"){this.$.container.style.height=rect.height+"px";this.$.workingarea.style.height=rect.height-80+"px"}else{this.$.container.style.height=this.fixedHeight+"px";this.$.workingarea.style.height=this.fixedHeight-80+"px"}}else{this.$.workingarea.style.height=rect.height-80+"px"}},_opTap:function _opTap(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;this.activeTitle=local.getAttribute("id");this.activeOp=local.getAttribute("id");this._resetActive();this.__anyOp=!0;local.classList.add("active");switch(this.activeOp){case"cancel":local.classList.remove("active");this.activeTitle=null;this.activeOp=null;this.__anyOp=!1;break;case"remove":this.__option1Icon="icons:check";this.__option1Text="Confirm deleting this";this.__option2Icon="icons:clear";this.__option2Text="Cancel";break;case"duplicate":this.__option1Icon="icons:check";this.__option1Text="Confirm duplicating this";this.__option2Icon="icons:clear";this.__option2Text="Cancel";break;case"move":this.__option1Icon="icons:arrow-back";this.__option1Text="Move item left";this.__option2Icon="icons:arrow-forward";this.__option2Text="Move item right";break;}var op={element:this,operation:this.activeOp};this.fire("item-overlay-op-changed",op)},_inFocus:function _inFocus(){if(this.editMode){this.focused=!0}},_outFocus:function _outFocus(){if(this.editMode){this.focused=!1}},_optionSelected:function _optionSelected(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,ops={element:this,operation:this.activeOp,option:local.getAttribute("id")};this.fire("item-overlay-option-selected",ops);if("move"!=this.activeOp){this._resetActive();this.activeOp=null}},_resetActive:function _resetActive(){this.$.add.classList.remove("active");this.$.edit.classList.remove("active");this.$.move.classList.remove("active");this.$.remove.classList.remove("active");this.$.duplicate.classList.remove("active")}});_exports.ItemOverlayOps=ItemOverlayOps});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-icons/iron-icons.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ItemOverlayOps=void 0;function _templateObject_10392310555211e98f439769bd191e33(){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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_optionSelected\"\n          id=\"option1\"\n          title=\"[[__option1Text]]\"\n          icon=\"[[__option1Icon]]\"\n        ></paper-icon-button>\n        <paper-icon-button\n          on-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_optionSelected\"\n          id=\"option1\"\n          title=\"[[__option1Text]]\"\n          icon=\"[[__option1Icon]]\"\n        ></paper-icon-button>\n        <paper-icon-button\n          on-tap=\"_optionSelected\"\n          id=\"option2\"\n          title=\"[[__option2Text]]\"\n          icon=\"[[__option2Icon]]\"\n        ></paper-icon-button>\n      </div>\n    </div>\n    <slot></slot>\n  "]);_templateObject_10392310555211e98f439769bd191e33=function(){return data};return data}var ItemOverlayOps=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_10392310555211e98f439769bd191e33()),is:"item-overlay-ops",listeners:{focusin:"_inFocus",focusout:"_outFocus"},hostAttributes:{tabindex:"0"},properties:{editMode:{type:Boolean,reflectToAttribute:!0,value:!1},focused:{type:Boolean,reflectToAttribute:!0,value:!1},activeTitle:{type:String},activeOp:{type:String},add:{type:Boolean,value:!1},edit:{type:Boolean,value:!1},move:{type:Boolean,value:!1},fixedHeight:{type:Number,observer:"fixedHeightChanged"},disableAutoHeight:{type:Boolean,value:!1},remove:{type:Boolean,value:!1},duplicate:{type:Boolean,value:!1},__anyOp:{type:Boolean,value:!1}},attached:function attached(){var _this=this;setTimeout(function(){_this._windowResize()},5);window.addEventListener("resize",this._windowResize.bind(this))},detached:function detached(){window.removeEventListener("resize",this._windowResize.bind(this))},fixedHeightChanged:function fixedHeightChanged(newValue){if(newValue){if(!this.disableAutoHeight){this.$.container.style.height=this.fixedHeight+"px";this.$.workingarea.style.height=this.fixedHeight-80+"px"}}},_windowResize:function _windowResize(){var rect=this.getBoundingClientRect();this.$.container.style.width=rect.width+"px";if(!this.disableAutoHeight){if(!this.fixedHeight||babelHelpers.typeof(this.fixedHeight)==="undefined"){this.$.container.style.height=rect.height+"px";this.$.workingarea.style.height=rect.height-80+"px"}else{this.$.container.style.height=this.fixedHeight+"px";this.$.workingarea.style.height=this.fixedHeight-80+"px"}}else{this.$.workingarea.style.height=rect.height-80+"px"}},_opTap:function _opTap(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget;this.activeTitle=local.getAttribute("id");this.activeOp=local.getAttribute("id");this._resetActive();this.__anyOp=!0;local.classList.add("active");switch(this.activeOp){case"cancel":local.classList.remove("active");this.activeTitle=null;this.activeOp=null;this.__anyOp=!1;break;case"remove":this.__option1Icon="icons:check";this.__option1Text="Confirm deleting this";this.__option2Icon="icons:clear";this.__option2Text="Cancel";break;case"duplicate":this.__option1Icon="icons:check";this.__option1Text="Confirm duplicating this";this.__option2Icon="icons:clear";this.__option2Text="Cancel";break;case"move":this.__option1Icon="icons:arrow-back";this.__option1Text="Move item left";this.__option2Icon="icons:arrow-forward";this.__option2Text="Move item right";break;}var op={element:this,operation:this.activeOp};this.fire("item-overlay-op-changed",op)},_inFocus:function _inFocus(){if(this.editMode){this.focused=!0}},_outFocus:function _outFocus(){if(this.editMode){this.focused=!1}},_optionSelected:function _optionSelected(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,ops={element:this,operation:this.activeOp,option:local.getAttribute("id")};this.fire("item-overlay-option-selected",ops);if("move"!=this.activeOp){this._resetActive();this.activeOp=null}},_resetActive:function _resetActive(){this.$.add.classList.remove("active");this.$.edit.classList.remove("active");this.$.move.classList.remove("active");this.$.remove.classList.remove("active");this.$.duplicate.classList.remove("active")}});_exports.ItemOverlayOps=ItemOverlayOps});
\ No newline at end of file
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 930bd9cfab4..4a8d2711a4c 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/paper-input/paper-textarea.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.JsonEditor=void 0;function _templateObject_747244f054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\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            -webkit-transition: 0.3s linear all;\n            -moz-transition: 0.3s linear all;\n            -ms-transition: 0.3s linear all;\n            -o-transition: 0.3s linear all;\n          }\n        }\n      </style>\n      <paper-textarea\n        label=\"[[label]]\"\n        value=\"{{value}}\"\n        error-message=\"Invalid JSON!\"\n        readonly=\"[[disabled]]\"\n        invalid=\"[[error]]\"\n        max-rows=\"[[maxRows]]\"\n      ></paper-textarea>\n    "]);_templateObject_747244f054f411e9aeb367f92c5b63ab=function(){return data};return data}var JsonEditor=function(_PolymerElement){babelHelpers.inherits(JsonEditor,_PolymerElement);function JsonEditor(){babelHelpers.classCallCheck(this,JsonEditor);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(JsonEditor).apply(this,arguments))}babelHelpers.createClass(JsonEditor,[{key:"_valueChanged",value:function _valueChanged(newValue){try{var v=JSON.parse(newValue);if(v){this.error=!1}}catch(e){this.error=!0}}},{key:"_computeFormattedValue",value:function _computeFormattedValue(value){try{var formatted=JSON.stringify(JSON.parse(formatted),null,2);if(formatted!==value){this.value=formatted}}catch(e){}}},{key:"_computeCurrentData",value:function _computeCurrentData(value){try{return JSON.parse(value)}catch(e){}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_747244f054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{label:{name:"label",type:"String",value:"JSON data"},error:{name:"error",type:"Boolean",value:!1,reflectToAttribute:!0},disabled:{name:"disabled",type:"Boolean",value:!1,reflectToAttribute:!0},maxRows:{name:"maxRows",type:"Number",value:0,reflectToAttribute:!0},value:{name:"value",type:"String",value:"",notify:!0,reflectToAttribute:!1,observer:"_valueChanged"},formatTest:{name:"value",type:"String",computed:"_computeFormattedValue(value)"},currentData:{name:"currentData",type:"Object",notify:!0,computed:"_computeCurrentData(value)"}}}},{key:"tag",get:function get(){return"json-editor"}}]);return JsonEditor}(_polymerElement.PolymerElement);_exports.JsonEditor=JsonEditor;window.customElements.define(JsonEditor.tag,JsonEditor)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/paper-input/paper-textarea.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.JsonEditor=void 0;function _templateObject_113c8950555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\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            -webkit-transition: 0.3s linear all;\n            -moz-transition: 0.3s linear all;\n            -ms-transition: 0.3s linear all;\n            -o-transition: 0.3s linear all;\n          }\n        }\n      </style>\n      <paper-textarea\n        label=\"[[label]]\"\n        value=\"{{value}}\"\n        error-message=\"Invalid JSON!\"\n        readonly=\"[[disabled]]\"\n        invalid=\"[[error]]\"\n        max-rows=\"[[maxRows]]\"\n      ></paper-textarea>\n    "]);_templateObject_113c8950555211e98f439769bd191e33=function(){return data};return data}var JsonEditor=function(_PolymerElement){babelHelpers.inherits(JsonEditor,_PolymerElement);function JsonEditor(){babelHelpers.classCallCheck(this,JsonEditor);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(JsonEditor).apply(this,arguments))}babelHelpers.createClass(JsonEditor,[{key:"_valueChanged",value:function _valueChanged(newValue){try{var v=JSON.parse(newValue);if(v){this.error=!1}}catch(e){this.error=!0}}},{key:"_computeFormattedValue",value:function _computeFormattedValue(value){try{var formatted=JSON.stringify(JSON.parse(formatted),null,2);if(formatted!==value){this.value=formatted}}catch(e){}}},{key:"_computeCurrentData",value:function _computeCurrentData(value){try{return JSON.parse(value)}catch(e){}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_113c8950555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{label:{name:"label",type:"String",value:"JSON data"},error:{name:"error",type:"Boolean",value:!1,reflectToAttribute:!0},disabled:{name:"disabled",type:"Boolean",value:!1,reflectToAttribute:!0},maxRows:{name:"maxRows",type:"Number",value:0,reflectToAttribute:!0},value:{name:"value",type:"String",value:"",notify:!0,reflectToAttribute:!1,observer:"_valueChanged"},formatTest:{name:"value",type:"String",computed:"_computeFormattedValue(value)"},currentData:{name:"currentData",type:"Object",notify:!0,computed:"_computeCurrentData(value)"}}}},{key:"tag",get:function get(){return"json-editor"}}]);return JsonEditor}(_polymerElement.PolymerElement);_exports.JsonEditor=JsonEditor;window.customElements.define(JsonEditor.tag,JsonEditor)});
\ No newline at end of file
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 379257405b3..dd7948b02c1 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-ajax/iron-ajax.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.JwtLogin=void 0;function _templateObject_7693503054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        visibility: hidden;\n      }\n    </style>\n    <iron-ajax\n      id=\"loginrequest\"\n      method=\"GET\"\n      url=\"[[url]]\"\n      handle-as=\"json\"\n      on-response=\"loginResponse\"\n    >\n    </iron-ajax>\n  "]);_templateObject_7693503054f411e9aeb367f92c5b63ab=function(){return data};return data}var JwtLogin=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7693503054f411e9aeb367f92c5b63ab()),is:"jwt-login",properties:{url:{type:String},key:{type:String,value:"jwt"},jwt:{type:String,notify:!0}},ready:function ready(){this.jwt=localStorage.getItem(this.key);this.fire("jwt-token",this.jwt)},toggleLogin:function toggleLogin(){if(null==this.jwt){this.$.loginrequest.generateRequest()}else{localStorage.removeItem(this.key);this.jwt=null;this.fire("jwt-logged-in",!1)}},loginResponse:function loginResponse(e){this.jwt=e.detail.response;if(null==this.jwt||""==this.jwt){this.fire("jwt-logged-in",!1)}else{localStorage.setItem(this.key,this.jwt);this.fire("jwt-token",this.jwt);this.fire("jwt-logged-in",!0)}}});_exports.JwtLogin=JwtLogin});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-ajax/iron-ajax.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.JwtLogin=void 0;function _templateObject_11829300555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        visibility: hidden;\n      }\n    </style>\n    <iron-ajax\n      id=\"loginrequest\"\n      method=\"GET\"\n      url=\"[[url]]\"\n      handle-as=\"json\"\n      on-response=\"loginResponse\"\n    >\n    </iron-ajax>\n  "]);_templateObject_11829300555211e98f439769bd191e33=function(){return data};return data}var JwtLogin=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_11829300555211e98f439769bd191e33()),is:"jwt-login",properties:{url:{type:String},key:{type:String,value:"jwt"},jwt:{type:String,notify:!0}},ready:function ready(){this.jwt=localStorage.getItem(this.key);this.fire("jwt-token",this.jwt)},toggleLogin:function toggleLogin(){if(null==this.jwt){this.$.loginrequest.generateRequest()}else{localStorage.removeItem(this.key);this.jwt=null;this.fire("jwt-logged-in",!1)}},loginResponse:function loginResponse(e){this.jwt=e.detail.response;if(null==this.jwt||""==this.jwt){this.fire("jwt-logged-in",!1)}else{localStorage.setItem(this.key,this.jwt);this.fire("jwt-token",this.jwt);this.fire("jwt-logged-in",!0)}}});_exports.JwtLogin=JwtLogin});
\ No newline at end of file
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 1cd93203e64..d1b7f7a4622 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../haxcms-elements/lib/core/HAXCMSThemeWiring.js","../haxcms-elements/lib/ui-components/navigation/site-breadcrumb.js","../haxcms-elements/lib/ui-components/active-item/site-active-title.js","../haxcms-elements/lib/ui-components/site/site-title.js","../haxcms-elements/lib/ui-components/site/site-rss-button.js","../haxcms-elements/lib/ui-components/site/site-print-button.js","../haxcms-elements/lib/ui-components/navigation/site-menu.js","../haxcms-elements/lib/ui-components/navigation/site-menu-button.js","../simple-colors/simple-colors.js","../../@polymer/app-layout/app-drawer/app-drawer.js","../../@polymer/app-layout/app-drawer-layout/app-drawer-layout.js","../../@polymer/paper-icon-button/paper-icon-button.js"],function(_exports,_polymerElement,_HAXCMSThemeWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LearnTwoTheme=void 0;function _templateObject_761aebe054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          font-family: \"Muli\", \"Helvetica\", \"Tahoma\", \"Geneva\", \"Arial\",\n            sans-serif;\n          letter-spacing: -0.03rem;\n          font-weight: 400;\n          background: #fafafa;\n        }\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6 {\n          font-family: \"Montserrat\", \"Helvetica\", \"Tahoma\", \"Geneva\", \"Arial\",\n            sans-serif;\n          font-weight: 400;\n          text-rendering: optimizeLegibility;\n          line-height: 150%;\n          letter-spacing: 0;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n\n        #contentcontainer {\n          background: #fafafa;\n          padding: 48px 96px;\n        }\n\n        .header {\n          background: #747474;\n          color: #fafafa;\n          text-align: center;\n          padding: 0rem 1rem 2rem 1rem;\n        }\n\n        site-active-title {\n          --site-active-title-heading: {\n            font-family: \"Montserrat\", \"Helvetica\", \"Tahoma\", \"Geneva\", \"Arial\",\n              sans-serif;\n            font-size: 52px;\n            letter-spacing: -3px;\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          position: relative;\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: 28px;\n            margin: 0;\n            padding: 0;\n            letter-spacing: -3px;\n            line-height: 78px;\n            text-align: center;\n            text-rendering: optimizelegibility;\n            font-weight: 100;\n          }\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: {\n            background-color: #383f45;\n            color: #ffffff;\n          }\n          --site-menu-container: {\n            padding: 0;\n            background-color: #2d3237;\n          }\n          --site-menu-item-active-item: {\n            color: #2d3237;\n          }\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        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          --app-drawer-width: 300px;\n          --app-drawer-content-container: {\n            overflow: hidden;\n            background-color: #383f45;\n          }\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        app-drawer {\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        site-menu-button {\n          position: fixed;\n          top: 0;\n          bottom: 0;\n          left: 300px;\n          --site-menu-button-icon: {\n            width: 64px;\n            height: 64px;\n            color: #2d3237;\n          }\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        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        app-drawer-layout[narrow] site-menu-button {\n          bottom: 0;\n          top: unset;\n          --site-menu-button-button: {\n            background-color: transparent !important;\n            width: 64px;\n            height: 64px;\n          }\n        }\n        site-menu-button[type=\"next\"] {\n          right: 0;\n          left: unset;\n        }\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      </style>\n      <custom-style>\n        <style>\n          html,\n          body {\n            background-color: #fafafa;\n          }\n        </style>\n      </custom-style>\n      <style include=\"simple-colors\"></style>\n      <app-drawer-layout>\n        <paper-icon-button\n          id=\"menubutton\"\n          icon=\"menu\"\n          on-tap=\"toggleDrawer\"\n        ></paper-icon-button>\n        <app-drawer id=\"drawer\" swipe-open slot=\"drawer\" opened=\"{{opened}}\">\n          <paper-icon-button\n            id=\"menubutton2\"\n            icon=\"menu\"\n            on-tap=\"toggleDrawer\"\n          ></paper-icon-button>\n          <div class=\"header-wrapper\">\n            <div class=\"header\">\n              <site-title></site-title>\n            </div>\n          </div>\n          <site-menu></site-menu>\n          <div class=\"rss-buttons\">\n            <site-rss-button type=\"atom\"></site-rss-button>\n            <site-rss-button type=\"rss\"></site-rss-button>\n            <site-print-button position=\"top\"></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-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_761aebe054f411e9aeb367f92c5b63ab=function(){return data};return data}var LearnTwoTheme=function(_HAXCMSTheme){babelHelpers.inherits(LearnTwoTheme,_HAXCMSTheme);function LearnTwoTheme(){babelHelpers.classCallCheck(this,LearnTwoTheme);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LearnTwoTheme).apply(this,arguments))}babelHelpers.createClass(LearnTwoTheme,[{key:"toggleDrawer",value:function toggleDrawer(){this.$.drawer.toggle()}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_761aebe054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){var props=babelHelpers.get(babelHelpers.getPrototypeOf(LearnTwoTheme),"properties",this);props.opened={type:Boolean,reflectToAttribute:!0};return props}},{key:"tag",get:function get(){return"learn-two-theme"}}]);return LearnTwoTheme}((0,_HAXCMSThemeWiring.HAXCMSTheme)(_polymerElement.PolymerElement));_exports.LearnTwoTheme=LearnTwoTheme;window.customElements.define(LearnTwoTheme.tag,LearnTwoTheme)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../haxcms-elements/lib/core/HAXCMSThemeWiring.js","../haxcms-elements/lib/ui-components/navigation/site-breadcrumb.js","../haxcms-elements/lib/ui-components/active-item/site-active-title.js","../haxcms-elements/lib/ui-components/site/site-title.js","../haxcms-elements/lib/ui-components/site/site-rss-button.js","../haxcms-elements/lib/ui-components/site/site-print-button.js","../haxcms-elements/lib/ui-components/navigation/site-menu.js","../haxcms-elements/lib/ui-components/navigation/site-menu-button.js","../simple-colors/simple-colors.js","../../@polymer/app-layout/app-drawer/app-drawer.js","../../@polymer/app-layout/app-drawer-layout/app-drawer-layout.js","../../@polymer/paper-icon-button/paper-icon-button.js"],function(_exports,_polymerElement,_HAXCMSThemeWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LearnTwoTheme=void 0;function _templateObject_1200eac0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          font-family: \"Muli\", \"Helvetica\", \"Tahoma\", \"Geneva\", \"Arial\",\n            sans-serif;\n          letter-spacing: -0.03rem;\n          font-weight: 400;\n          background: #fafafa;\n        }\n        h1,\n        h2,\n        h3,\n        h4,\n        h5,\n        h6 {\n          font-family: \"Montserrat\", \"Helvetica\", \"Tahoma\", \"Geneva\", \"Arial\",\n            sans-serif;\n          font-weight: 400;\n          text-rendering: optimizeLegibility;\n          line-height: 150%;\n          letter-spacing: 0;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n\n        #contentcontainer {\n          background: #fafafa;\n          padding: 48px 96px;\n        }\n\n        .header {\n          background: #747474;\n          color: #fafafa;\n          text-align: center;\n          padding: 0rem 1rem 2rem 1rem;\n        }\n\n        site-active-title {\n          --site-active-title-heading: {\n            font-family: \"Montserrat\", \"Helvetica\", \"Tahoma\", \"Geneva\", \"Arial\",\n              sans-serif;\n            font-size: 52px;\n            letter-spacing: -3px;\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          position: relative;\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: 28px;\n            margin: 0;\n            padding: 0;\n            letter-spacing: -3px;\n            line-height: 78px;\n            text-align: center;\n            text-rendering: optimizelegibility;\n            font-weight: 100;\n          }\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: {\n            background-color: #383f45;\n            color: #ffffff;\n          }\n          --site-menu-container: {\n            padding: 0;\n            background-color: #2d3237;\n          }\n          --site-menu-item-active-item: {\n            color: #2d3237;\n          }\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        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          --app-drawer-width: 300px;\n          --app-drawer-content-container: {\n            overflow: hidden;\n            background-color: #383f45;\n          }\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        app-drawer {\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        site-menu-button {\n          position: fixed;\n          top: 0;\n          bottom: 0;\n          left: 300px;\n          --site-menu-button-icon: {\n            width: 64px;\n            height: 64px;\n            color: #2d3237;\n          }\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        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        app-drawer-layout[narrow] site-menu-button {\n          bottom: 0;\n          top: unset;\n          --site-menu-button-button: {\n            background-color: transparent !important;\n            width: 64px;\n            height: 64px;\n          }\n        }\n        site-menu-button[type=\"next\"] {\n          right: 0;\n          left: unset;\n        }\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      </style>\n      <custom-style>\n        <style>\n          html,\n          body {\n            background-color: #fafafa;\n          }\n        </style>\n      </custom-style>\n      <style include=\"simple-colors\"></style>\n      <app-drawer-layout>\n        <paper-icon-button\n          id=\"menubutton\"\n          icon=\"menu\"\n          on-tap=\"toggleDrawer\"\n        ></paper-icon-button>\n        <app-drawer id=\"drawer\" swipe-open slot=\"drawer\" opened=\"{{opened}}\">\n          <paper-icon-button\n            id=\"menubutton2\"\n            icon=\"menu\"\n            on-tap=\"toggleDrawer\"\n          ></paper-icon-button>\n          <div class=\"header-wrapper\">\n            <div class=\"header\">\n              <site-title></site-title>\n            </div>\n          </div>\n          <site-menu></site-menu>\n          <div class=\"rss-buttons\">\n            <site-rss-button type=\"atom\"></site-rss-button>\n            <site-rss-button type=\"rss\"></site-rss-button>\n            <site-print-button position=\"top\"></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-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_1200eac0555211e98f439769bd191e33=function(){return data};return data}var LearnTwoTheme=function(_HAXCMSTheme){babelHelpers.inherits(LearnTwoTheme,_HAXCMSTheme);function LearnTwoTheme(){babelHelpers.classCallCheck(this,LearnTwoTheme);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LearnTwoTheme).apply(this,arguments))}babelHelpers.createClass(LearnTwoTheme,[{key:"toggleDrawer",value:function toggleDrawer(){this.$.drawer.toggle()}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_1200eac0555211e98f439769bd191e33())}},{key:"properties",get:function get(){var props=babelHelpers.get(babelHelpers.getPrototypeOf(LearnTwoTheme),"properties",this);props.opened={type:Boolean,reflectToAttribute:!0};return props}},{key:"tag",get:function get(){return"learn-two-theme"}}]);return LearnTwoTheme}((0,_HAXCMSThemeWiring.HAXCMSTheme)(_polymerElement.PolymerElement));_exports.LearnTwoTheme=LearnTwoTheme;window.customElements.define(LearnTwoTheme.tag,LearnTwoTheme)});
\ No newline at end of file
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 07baa62e759..46038668300 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LicenseElement=void 0;function _templateObject_76cde83054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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        @apply --license-body;\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        @apply --license-link;\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    </style>\n    <meta\n      rel=\"cc:license\"\n      href$=\"[[licenseLink]]\"\n      content$=\"License: [[licenseName]]\"\n    />\n    <div\n      class=\"license-body\"\n      xmlns:cc$=\"[[licenseLink]]\"\n      xmlns:dc=\"http://purl.org/dc/elements/1.1/\"\n    >\n      <a class=\"big-license-link\" target=\"_blank\" href=\"[[licenseLink]]\"\n        ><img\n          alt=\"[[licenseName]] graphic\"\n          src=\"[[licenseImage]]\"\n          hidden$=\"[[!licenseImage]]\"\n      /></a>\n      <span\n        class=\"work-title\"\n        rel=\"dc:type\"\n        href=\"http://purl.org/dc/dcmitype/Text\"\n        property=\"dc:title\"\n        >[[title]]</span\n      >\n      by\n      <a\n        rel=\"cc:attributionURL\"\n        property=\"cc:attributionName\"\n        href$=\"[[source]]\"\n        >[[creator]]</a\n      >\n      is licensed under a\n      <a class=\"license-link\" target=\"_blank\" href=\"[[licenseLink]]\"\n        >[[licenseName]]</a\n      >. <span rel=\"dc:source\" href$=\"[[source]]\"></span>\n\n      <template is=\"dom-if\" if=\"[[hasMore]]\">\n        <span\n          >Permissions beyond the scope of this license are available\n          <a rel=\"cc:morePermissions\" target=\"_blank\" href=\"[[moreLink]]\"\n            >[[moreLabel]]</a\n          >.</span\n        >\n      </template>\n    </div>\n  "],["\n    <style>\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        @apply --license-body;\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        @apply --license-link;\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    </style>\n    <meta\n      rel=\"cc:license\"\n      href\\$=\"[[licenseLink]]\"\n      content\\$=\"License: [[licenseName]]\"\n    />\n    <div\n      class=\"license-body\"\n      xmlns:cc\\$=\"[[licenseLink]]\"\n      xmlns:dc=\"http://purl.org/dc/elements/1.1/\"\n    >\n      <a class=\"big-license-link\" target=\"_blank\" href=\"[[licenseLink]]\"\n        ><img\n          alt=\"[[licenseName]] graphic\"\n          src=\"[[licenseImage]]\"\n          hidden\\$=\"[[!licenseImage]]\"\n      /></a>\n      <span\n        class=\"work-title\"\n        rel=\"dc:type\"\n        href=\"http://purl.org/dc/dcmitype/Text\"\n        property=\"dc:title\"\n        >[[title]]</span\n      >\n      by\n      <a\n        rel=\"cc:attributionURL\"\n        property=\"cc:attributionName\"\n        href\\$=\"[[source]]\"\n        >[[creator]]</a\n      >\n      is licensed under a\n      <a class=\"license-link\" target=\"_blank\" href=\"[[licenseLink]]\"\n        >[[licenseName]]</a\n      >. <span rel=\"dc:source\" href\\$=\"[[source]]\"></span>\n\n      <template is=\"dom-if\" if=\"[[hasMore]]\">\n        <span\n          >Permissions beyond the scope of this license are available\n          <a rel=\"cc:morePermissions\" target=\"_blank\" href=\"[[moreLink]]\"\n            >[[moreLabel]]</a\n          >.</span\n        >\n      </template>\n    </div>\n  "]);_templateObject_76cde83054f411e9aeb367f92c5b63ab=function(){return data};return data}var LicenseElement=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_76cde83054f411e9aeb367f92c5b63ab()),is:"license-element",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{title:{type:String},creator:{type:String},source:{type:String},licenseName:{type:String},licenseLink:{type:String},license:{type:String,observer:"_licenseUpdated"},moreLabel:{type:String,value:"on the licensing details page"},moreLink:{type:String},hasMore:{type:Boolean,computed:"_computeHasMore(moreLink)"}},attached:function attached(){var props={canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"License",description:"Provide a license for you rwork",icon:"icons:theaters",color:"grey",groups:["Content","Copyright"],handles:[{type:"license",source:"source",title:"title",author:"creator",license:"license"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the work being cited.",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the work being cited.",inputMethod:"textfield",icon:"editor:title"},{property:"source",title:"Source link",description:"The source url for the element this is citing.",inputMethod:"textfield",icon:"link",validationType:"url"},{property:"license",title:"License",description:"The source url for the element this is citing.",inputMethod:"select",options:this.licenseList("select"),icon:"link"},{property:"creator",title:"Creator",description:"Who made or owns this.",inputMethod:"textfield",icon:"link"}],advanced:[{property:"moreLink",title:"Source link",description:"Link to additional licensing details",inputMethod:"textfield",validationType:"url"},{property:"moreLabel",title:"more label",description:"Label for more licensing details",inputMethod:"textfield"}]}};this.setHaxProperties(props)},_computeHasMore:function _computeHasMore(link){if(babelHelpers.typeof(link)!=="undefined"&&""!==link){return!0}return!1},licenseList:function licenseList(){var mode=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"full",list={by:{name:"Creative Commons: Attribution",link:"https://creativecommons.org/licenses/by/4.0/",image:"https://i.creativecommons.org/l/by/4.0/88x31.png"},"by-sa":{name:"Creative Commons: Attribution Share a like",link:"https://creativecommons.org/licenses/by-sa/4.0/",image:"https://i.creativecommons.org/l/by-sa/4.0/88x31.png"},"by-nd":{name:"Creative Commons: Attribution No derivatives",link:"https://creativecommons.org/licenses/by-nd/4.0/",image:"https://i.creativecommons.org/l/by-nd/4.0/88x31.png"},"by-nc":{name:"Creative Commons: Attribution non-commercial",link:"https://creativecommons.org/licenses/by-nc/4.0/",image:"https://i.creativecommons.org/l/by-nc/4.0/88x31.png"},"by-nc-sa":{name:"Creative Commons: Attribution non-commercial share a like",link:"https://creativecommons.org/licenses/by-nc-sa/4.0/",image:"https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png"},"by-nc-nd":{name:"Creative Commons: Attribution Non-commercial No derivatives",link:"https://creativecommons.org/licenses/by-nc-nd/4.0/",image:"https://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png"}};if("select"==mode){var select={};for(var i in list){select[i]=list[i].name}return select}return list},_licenseUpdated:function _licenseUpdated(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){var list=this.licenseList();if(babelHelpers.typeof(list[newValue])!=="undefined"){this.licenseName=list[newValue].name;this.licenseLink=list[newValue].link;this.licenseImage=list[newValue].image}}}});_exports.LicenseElement=LicenseElement});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LicenseElement=void 0;function _templateObject_12334560555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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        @apply --license-body;\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        @apply --license-link;\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    </style>\n    <meta\n      rel=\"cc:license\"\n      href$=\"[[licenseLink]]\"\n      content$=\"License: [[licenseName]]\"\n    />\n    <div\n      class=\"license-body\"\n      xmlns:cc$=\"[[licenseLink]]\"\n      xmlns:dc=\"http://purl.org/dc/elements/1.1/\"\n    >\n      <a class=\"big-license-link\" target=\"_blank\" href=\"[[licenseLink]]\"\n        ><img\n          alt=\"[[licenseName]] graphic\"\n          src=\"[[licenseImage]]\"\n          hidden$=\"[[!licenseImage]]\"\n      /></a>\n      <span\n        class=\"work-title\"\n        rel=\"dc:type\"\n        href=\"http://purl.org/dc/dcmitype/Text\"\n        property=\"dc:title\"\n        >[[title]]</span\n      >\n      by\n      <a\n        rel=\"cc:attributionURL\"\n        property=\"cc:attributionName\"\n        href$=\"[[source]]\"\n        >[[creator]]</a\n      >\n      is licensed under a\n      <a class=\"license-link\" target=\"_blank\" href=\"[[licenseLink]]\"\n        >[[licenseName]]</a\n      >. <span rel=\"dc:source\" href$=\"[[source]]\"></span>\n\n      <template is=\"dom-if\" if=\"[[hasMore]]\">\n        <span\n          >Permissions beyond the scope of this license are available\n          <a rel=\"cc:morePermissions\" target=\"_blank\" href=\"[[moreLink]]\"\n            >[[moreLabel]]</a\n          >.</span\n        >\n      </template>\n    </div>\n  "],["\n    <style>\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        @apply --license-body;\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        @apply --license-link;\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    </style>\n    <meta\n      rel=\"cc:license\"\n      href\\$=\"[[licenseLink]]\"\n      content\\$=\"License: [[licenseName]]\"\n    />\n    <div\n      class=\"license-body\"\n      xmlns:cc\\$=\"[[licenseLink]]\"\n      xmlns:dc=\"http://purl.org/dc/elements/1.1/\"\n    >\n      <a class=\"big-license-link\" target=\"_blank\" href=\"[[licenseLink]]\"\n        ><img\n          alt=\"[[licenseName]] graphic\"\n          src=\"[[licenseImage]]\"\n          hidden\\$=\"[[!licenseImage]]\"\n      /></a>\n      <span\n        class=\"work-title\"\n        rel=\"dc:type\"\n        href=\"http://purl.org/dc/dcmitype/Text\"\n        property=\"dc:title\"\n        >[[title]]</span\n      >\n      by\n      <a\n        rel=\"cc:attributionURL\"\n        property=\"cc:attributionName\"\n        href\\$=\"[[source]]\"\n        >[[creator]]</a\n      >\n      is licensed under a\n      <a class=\"license-link\" target=\"_blank\" href=\"[[licenseLink]]\"\n        >[[licenseName]]</a\n      >. <span rel=\"dc:source\" href\\$=\"[[source]]\"></span>\n\n      <template is=\"dom-if\" if=\"[[hasMore]]\">\n        <span\n          >Permissions beyond the scope of this license are available\n          <a rel=\"cc:morePermissions\" target=\"_blank\" href=\"[[moreLink]]\"\n            >[[moreLabel]]</a\n          >.</span\n        >\n      </template>\n    </div>\n  "]);_templateObject_12334560555211e98f439769bd191e33=function(){return data};return data}var LicenseElement=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_12334560555211e98f439769bd191e33()),is:"license-element",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{title:{type:String},creator:{type:String},source:{type:String},licenseName:{type:String},licenseLink:{type:String},license:{type:String,observer:"_licenseUpdated"},moreLabel:{type:String,value:"on the licensing details page"},moreLink:{type:String},hasMore:{type:Boolean,computed:"_computeHasMore(moreLink)"}},attached:function attached(){var props={canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"License",description:"Provide a license for you rwork",icon:"icons:theaters",color:"grey",groups:["Content","Copyright"],handles:[{type:"license",source:"source",title:"title",author:"creator",license:"license"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the work being cited.",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the work being cited.",inputMethod:"textfield",icon:"editor:title"},{property:"source",title:"Source link",description:"The source url for the element this is citing.",inputMethod:"textfield",icon:"link",validationType:"url"},{property:"license",title:"License",description:"The source url for the element this is citing.",inputMethod:"select",options:this.licenseList("select"),icon:"link"},{property:"creator",title:"Creator",description:"Who made or owns this.",inputMethod:"textfield",icon:"link"}],advanced:[{property:"moreLink",title:"Source link",description:"Link to additional licensing details",inputMethod:"textfield",validationType:"url"},{property:"moreLabel",title:"more label",description:"Label for more licensing details",inputMethod:"textfield"}]}};this.setHaxProperties(props)},_computeHasMore:function _computeHasMore(link){if(babelHelpers.typeof(link)!=="undefined"&&""!==link){return!0}return!1},licenseList:function licenseList(){var mode=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"full",list={by:{name:"Creative Commons: Attribution",link:"https://creativecommons.org/licenses/by/4.0/",image:"https://i.creativecommons.org/l/by/4.0/88x31.png"},"by-sa":{name:"Creative Commons: Attribution Share a like",link:"https://creativecommons.org/licenses/by-sa/4.0/",image:"https://i.creativecommons.org/l/by-sa/4.0/88x31.png"},"by-nd":{name:"Creative Commons: Attribution No derivatives",link:"https://creativecommons.org/licenses/by-nd/4.0/",image:"https://i.creativecommons.org/l/by-nd/4.0/88x31.png"},"by-nc":{name:"Creative Commons: Attribution non-commercial",link:"https://creativecommons.org/licenses/by-nc/4.0/",image:"https://i.creativecommons.org/l/by-nc/4.0/88x31.png"},"by-nc-sa":{name:"Creative Commons: Attribution non-commercial share a like",link:"https://creativecommons.org/licenses/by-nc-sa/4.0/",image:"https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png"},"by-nc-nd":{name:"Creative Commons: Attribution Non-commercial No derivatives",link:"https://creativecommons.org/licenses/by-nc-nd/4.0/",image:"https://i.creativecommons.org/l/by-nc-nd/4.0/88x31.png"}};if("select"==mode){var select={};for(var i in list){select[i]=list[i].name}return select}return list},_licenseUpdated:function _licenseUpdated(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){var list=this.licenseList();if(babelHelpers.typeof(list[newValue])!=="undefined"){this.licenseName=list[newValue].name;this.licenseLink=list[newValue].link;this.licenseImage=list[newValue].image}}}});_exports.LicenseElement=LicenseElement});
\ No newline at end of file
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 30c5e690250..8af7520946f 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../lrndesign-panelcard/lrndesign-panelcard.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnAside=void 0;function _templateObject_7765463054f411e9aeb367f92c5b63ab(){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_7765463054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnAside=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7765463054f411e9aeb367f92c5b63ab()),is:"lrn-aside",behaviors:[HAXBehaviors.PropertiesBehaviors],properties:{title:{type:String,value:"Related content"},sticky:{type:Boolean,value:!1,reflectToAttribute:!0},direction:{type:String,value:"",reflectToAttribute:!0}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Sticky note",description:"A sticky note to present some basic info offset on the page.",icon:"av:note",color:"yellow",groups:["Content"],handles:[{type:"text",title:"title"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"Enter title for sticky note",inputMethod:"textfield",required:!0}],configure:[{property:"title",title:"Title",description:"Enter title for sticky note.",inputMethod:"textfield",required:!0},{slot:"",title:"Content",description:"Content of the sticky note",inputMethod:"code-editor",required:!0},{property:"sticky",title:"Stick to page on scroll",description:"Appear sticky when the user scrolls past it",inputMethod:"boolean"},{property:"direction",title:"Direction to hang",description:"Location of the sticky note to hang",inputMethod:"select",options:{"":"none",right:"Right",left:"Left"}}],advanced:[]}})}});_exports.LrnAside=LrnAside});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../lrndesign-panelcard/lrndesign-panelcard.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnAside=void 0;function _templateObject_12a2d010555211e98f439769bd191e33(){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_12a2d010555211e98f439769bd191e33=function(){return data};return data}var LrnAside=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_12a2d010555211e98f439769bd191e33()),is:"lrn-aside",behaviors:[HAXBehaviors.PropertiesBehaviors],properties:{title:{type:String,value:"Related content"},sticky:{type:Boolean,value:!1,reflectToAttribute:!0},direction:{type:String,value:"",reflectToAttribute:!0}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Sticky note",description:"A sticky note to present some basic info offset on the page.",icon:"av:note",color:"yellow",groups:["Content"],handles:[{type:"text",title:"title"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"Enter title for sticky note",inputMethod:"textfield",required:!0}],configure:[{property:"title",title:"Title",description:"Enter title for sticky note.",inputMethod:"textfield",required:!0},{slot:"",title:"Content",description:"Content of the sticky note",inputMethod:"code-editor",required:!0},{property:"sticky",title:"Stick to page on scroll",description:"Appear sticky when the user scrolls past it",inputMethod:"boolean"},{property:"direction",title:"Direction to hang",description:"Location of the sticky note to hang",inputMethod:"select",options:{"":"none",right:"Right",left:"Left"}}],advanced:[]}})}});_exports.LrnAside=LrnAside});
\ No newline at end of file
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 3b9580178d1..221c2473d31 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../lrn-icons/lrn-icons.js","../../../@polymer/iron-icon/iron-icon.js"],function(_polymerLegacy){"use strict";function _templateObject_9cecd17054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <a href$=\"[[url]]\">\n      <template is=\"dom-if\" if=\"[[open]]\">\n        <paper-button raised open\n          >[[title]] <iron-icon icon=\"lrn-icons:input\"></iron-icon\n        ></paper-button>\n      </template>\n      <template is=\"dom-if\" if=\"[[complete]]\">\n        <paper-button raised complete\n          >[[title]] <iron-icon icon=\"lrn-icons:done\"></iron-icon\n        ></paper-button>\n      </template>\n    </a>\n  "]);_templateObject_9cecd17054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9cecd17054f411e9aeb367f92c5b63ab()),is:"lrn-assignment-button",properties:{title:String,url:String,open:{type:Boolean,value:!1},complete:{type:Boolean,value:!1}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../lrn-icons/lrn-icons.js","../../../@polymer/iron-icon/iron-icon.js"],function(_polymerLegacy){"use strict";function _templateObject_313c1090555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <a href$=\"[[url]]\">\n      <template is=\"dom-if\" if=\"[[open]]\">\n        <paper-button raised open\n          >[[title]] <iron-icon icon=\"lrn-icons:input\"></iron-icon\n        ></paper-button>\n      </template>\n      <template is=\"dom-if\" if=\"[[complete]]\">\n        <paper-button raised complete\n          >[[title]] <iron-icon icon=\"lrn-icons:done\"></iron-icon\n        ></paper-button>\n      </template>\n    </a>\n  "]);_templateObject_313c1090555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_313c1090555211e98f439769bd191e33()),is:"lrn-assignment-button",properties:{title:String,url:String,open:{type:Boolean,value:!1},complete:{type:Boolean,value:!1}}})});
\ No newline at end of file
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 1d6d0a3e70f..f9b696ae24c 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-card/paper-card.js","../../@polymer/paper-button/paper-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnAssignments=_exports.LrnAssignment=void 0;function _templateObject2_77d2fc2054f411e9aeb367f92c5b63ab(){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_77d2fc2054f411e9aeb367f92c5b63ab=function(){return data};return data}function _templateObject_77d2fc2054f411e9aeb367f92c5b63ab(){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_77d2fc2054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnAssignment=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_77d2fc2054f411e9aeb367f92c5b63ab()),is:"lrn-assignment",properties:{title:{type:String},image:{type:String},details:{type:String},url:{type:String},open:{type:Boolean,value:!1},complete:{type:Boolean,value:!1},actions:{type:Object}}});_exports.LrnAssignment=LrnAssignment;var LrnAssignments=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject2_77d2fc2054f411e9aeb367f92c5b63ab()),is:"lrn-assignments",properties:{assignments:{type:Object,reflectToAttribute:!0,observer:"assignmentsChanged"},layout:{type:String,reflectToAttribute:!0},url:{type:String}},assignmentsChanged:function assignmentsChanged(assignments){if(1>=assignments.length){this.layout="wide"}else if(4>=assignments.length){this.layout="medium"}else if(6>=assignments.length){this.layout="tight"}},rowItemsChanged:function rowItemsChanged(){},handleResponse:function handleResponse(data){this.assignments=data.response}});_exports.LrnAssignments=LrnAssignments});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-card/paper-card.js","../../@polymer/paper-button/paper-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnAssignments=_exports.LrnAssignment=void 0;function _templateObject2_12d15a20555211e98f439769bd191e33(){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_12d15a20555211e98f439769bd191e33=function(){return data};return data}function _templateObject_12d15a20555211e98f439769bd191e33(){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_12d15a20555211e98f439769bd191e33=function(){return data};return data}var LrnAssignment=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_12d15a20555211e98f439769bd191e33()),is:"lrn-assignment",properties:{title:{type:String},image:{type:String},details:{type:String},url:{type:String},open:{type:Boolean,value:!1},complete:{type:Boolean,value:!1},actions:{type:Object}}});_exports.LrnAssignment=LrnAssignment;var LrnAssignments=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject2_12d15a20555211e98f439769bd191e33()),is:"lrn-assignments",properties:{assignments:{type:Object,reflectToAttribute:!0,observer:"assignmentsChanged"},layout:{type:String,reflectToAttribute:!0},url:{type:String}},assignmentsChanged:function assignmentsChanged(assignments){if(1>=assignments.length){this.layout="wide"}else if(4>=assignments.length){this.layout="medium"}else if(6>=assignments.length){this.layout="tight"}},rowItemsChanged:function rowItemsChanged(){},handleResponse:function handleResponse(data){this.assignments=data.response}});_exports.LrnAssignments=LrnAssignments});
\ No newline at end of file
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 99bc175bcbb..46e177dcd6a 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js","../materializecss-styles/materializecss-styles.js","../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnButton=void 0;function _templateObject_77377f7054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          @apply --paper-font-common-base;\n          @apply --paper-button;\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      </style>\n      <style include=\"materializecss-styles-colors\"></style>\n      <a\n        tabindex=\"-1\"\n        id=\"lrnsys-button-link\"\n        href$=\"[[showHref]]\"\n        data-prefetch-hover$=\"[[prefetch]]\"\n        target$=\"[[target]]\"\n      >\n        <paper-button\n          id=\"button\"\n          raised=\"[[raised]]\"\n          class$=\"[[class]] [[color]] [[textColor]]\"\n          disabled$=\"[[disabled]]\"\n        >\n          <div class$=\"inner [[innerClass]]\">\n            <iron-icon\n              icon$=\"[[icon]]\"\n              id=\"icon\"\n              class$=\"[[iconClass]]\"\n              hidden$=\"[[!icon]]\"\n            ></iron-icon>\n            <span class=\"label\" hidden$=\"[[!label]]\">\n              [[label]]\n            </span>\n            <slot></slot>\n          </div>\n        </paper-button>\n      </a>\n      <paper-tooltip for=\"lrnsys-button-link\" animation-delay=\"0\"\n        >[[alt]]</paper-tooltip\n      >\n    "]);_templateObject_77377f7054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnButton=function(_PolymerElement){babelHelpers.inherits(LrnButton,_PolymerElement);function LrnButton(){babelHelpers.classCallCheck(this,LrnButton);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrnButton).apply(this,arguments))}babelHelpers.createClass(LrnButton,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(LrnButton.prototype),"connectedCallback",this).call(this);this.addEventListener("mousedown",this.tapEventOn);this.addEventListener("mouseover",this.tapEventOn);this.addEventListener("mouseout",this.tapEventOff)}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(LrnButton.prototype),"disconnectedCallback",this).call(this);this.removeEventListener("mousedown",this.tapEventOn);this.removeEventListener("mouseover",this.tapEventOn);this.removeEventListener("mouseout",this.tapEventOff);this.$.button.removeEventListener("focused-changed",this.focusToggle)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(LrnButton.prototype),"ready",this).call(this);if(!this.disabled){this.showHref=this.href}this.$.button.addEventListener("focused-changed",this.focusToggle)}},{key:"tapEventOn",value:function tapEventOn(){var root=this;if(babelHelpers.typeof(root.hoverClass)!=="undefined"&&!root.disabled){var classes=root.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){root.$.button.classList.add(item);if(-1!=item.indexOf("-")){root.$.icon.classList.add(item)}}})}}},{key:"tapEventOff",value:function tapEventOff(){var root=this;if(babelHelpers.typeof(root.hoverClass)!=="undefined"&&!root.disabled){var classes=root.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){root.$.button.classList.remove(item);if(-1!=item.indexOf("-")){root.$.icon.classList.remove(item)}}})}}},{key:"focusToggle",value:function focusToggle(){var root=this;this.dispatchEvent(new CustomEvent("focus-changed",{bubbles:!0,composed:!0,detail:{focus:root.focusState}}));if(babelHelpers.typeof(root.hoverClass)!=="undefined"&&!root.disabled){var classes=root.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){if(root.focusState){root.$.button.classList.add(item);if(-1!=item.indexOf("-")){root.$.icon.classList.add(item)}}else{root.$.button.classList.remove(item);if(-1!=item.indexOf("-")){root.$.icon.classList.remove(item)}}}})}root.focusState=!root.focusState}},{key:"templateUrl",get:function get(){return"lrn-button.html"}},{key:"propertiesUrl",get:function get(){return"lrn-button-properties.json"}},{key:"HAXPropertiesUrl",get:function get(){return"lrn-button-hax.json"}},{key:"styleUrl",get:function get(){return"lrn-button.css"}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_77377f7054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{href:{type:String,value:"#"},showHref:{type:String,value:!1},raised:{type:Boolean},label:{type:String,value:""},target:{type:String,value:""},icon:{type:String,value:!1},hoverClass:{type:String},iconClass:{type:String},innerClass:{type:String},color:{type:String},textColor:{type:String},prefetch:{type:String},alt:{type:String},disabled:{type:Boolean,value:!1},focusState:{type:Boolean,value:!1}}}},{key:"tag",get:function get(){return"lrn-button"}}]);return LrnButton}(_polymerElement.PolymerElement);_exports.LrnButton=LrnButton;window.customElements.define(LrnButton.tag,LrnButton)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js","../materializecss-styles/materializecss-styles.js","../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnButton=void 0;function _templateObject_1319d4d0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          @apply --paper-font-common-base;\n          @apply --paper-button;\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      </style>\n      <style include=\"materializecss-styles-colors\"></style>\n      <a\n        tabindex=\"-1\"\n        id=\"lrnsys-button-link\"\n        href$=\"[[showHref]]\"\n        data-prefetch-hover$=\"[[prefetch]]\"\n        target$=\"[[target]]\"\n      >\n        <paper-button\n          id=\"button\"\n          raised=\"[[raised]]\"\n          class$=\"[[class]] [[color]] [[textColor]]\"\n          disabled$=\"[[disabled]]\"\n        >\n          <div class$=\"inner [[innerClass]]\">\n            <iron-icon\n              icon$=\"[[icon]]\"\n              id=\"icon\"\n              class$=\"[[iconClass]]\"\n              hidden$=\"[[!icon]]\"\n            ></iron-icon>\n            <span class=\"label\" hidden$=\"[[!label]]\">\n              [[label]]\n            </span>\n            <slot></slot>\n          </div>\n        </paper-button>\n      </a>\n      <paper-tooltip for=\"lrnsys-button-link\" animation-delay=\"0\"\n        >[[alt]]</paper-tooltip\n      >\n    "]);_templateObject_1319d4d0555211e98f439769bd191e33=function(){return data};return data}var LrnButton=function(_PolymerElement){babelHelpers.inherits(LrnButton,_PolymerElement);function LrnButton(){babelHelpers.classCallCheck(this,LrnButton);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrnButton).apply(this,arguments))}babelHelpers.createClass(LrnButton,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(LrnButton.prototype),"connectedCallback",this).call(this);this.addEventListener("mousedown",this.tapEventOn);this.addEventListener("mouseover",this.tapEventOn);this.addEventListener("mouseout",this.tapEventOff)}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(LrnButton.prototype),"disconnectedCallback",this).call(this);this.removeEventListener("mousedown",this.tapEventOn);this.removeEventListener("mouseover",this.tapEventOn);this.removeEventListener("mouseout",this.tapEventOff);this.$.button.removeEventListener("focused-changed",this.focusToggle)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(LrnButton.prototype),"ready",this).call(this);if(!this.disabled){this.showHref=this.href}this.$.button.addEventListener("focused-changed",this.focusToggle)}},{key:"tapEventOn",value:function tapEventOn(){var root=this;if(babelHelpers.typeof(root.hoverClass)!=="undefined"&&!root.disabled){var classes=root.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){root.$.button.classList.add(item);if(-1!=item.indexOf("-")){root.$.icon.classList.add(item)}}})}}},{key:"tapEventOff",value:function tapEventOff(){var root=this;if(babelHelpers.typeof(root.hoverClass)!=="undefined"&&!root.disabled){var classes=root.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){root.$.button.classList.remove(item);if(-1!=item.indexOf("-")){root.$.icon.classList.remove(item)}}})}}},{key:"focusToggle",value:function focusToggle(){var root=this;this.dispatchEvent(new CustomEvent("focus-changed",{bubbles:!0,composed:!0,detail:{focus:root.focusState}}));if(babelHelpers.typeof(root.hoverClass)!=="undefined"&&!root.disabled){var classes=root.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){if(root.focusState){root.$.button.classList.add(item);if(-1!=item.indexOf("-")){root.$.icon.classList.add(item)}}else{root.$.button.classList.remove(item);if(-1!=item.indexOf("-")){root.$.icon.classList.remove(item)}}}})}root.focusState=!root.focusState}},{key:"templateUrl",get:function get(){return"lrn-button.html"}},{key:"propertiesUrl",get:function get(){return"lrn-button-properties.json"}},{key:"HAXPropertiesUrl",get:function get(){return"lrn-button-hax.json"}},{key:"styleUrl",get:function get(){return"lrn-button.css"}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_1319d4d0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{href:{type:String,value:"#"},showHref:{type:String,value:!1},raised:{type:Boolean},label:{type:String,value:""},target:{type:String,value:""},icon:{type:String,value:!1},hoverClass:{type:String},iconClass:{type:String},innerClass:{type:String},color:{type:String},textColor:{type:String},prefetch:{type:String},alt:{type:String},disabled:{type:Boolean,value:!1},focusState:{type:Boolean,value:!1}}}},{key:"tag",get:function get(){return"lrn-button"}}]);return LrnButton}(_polymerElement.PolymerElement);_exports.LrnButton=LrnButton;window.customElements.define(LrnButton.tag,LrnButton)});
\ No newline at end of file
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 5df8e770554..54b68663e3d 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-icons/iron-icons.js","../../materializecss-styles/lib/colors.js","../../../@polymer/paper-card/paper-card.js","../../lrnsys-layout/lib/lrnsys-drawer.js","../../../@polymer/iron-ajax/iron-ajax.js"],function(_polymerLegacy){"use strict";function _templateObject_9cfd9a5054f411e9aeb367f92c5b63ab(){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_9cfd9a5054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9cfd9a5054f411e9aeb367f92c5b63ab()),is:"lrn-calendar-date",properties:{title:{type:String,value:"lrn-calendar-date"},name:{type:String},date:{type:Date},loadeddate:{type:Boolean},firstWeek:{type:Boolean},view:{type:String},valid:{type:Boolean,value:!1}},getMonth:function getMonth(date){var monthInt=date.getMonth(),day=date.getDate();if(1==day){monthstring=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][monthInt]+" "+day}else{monthstring=day}return monthstring},getWeek:function getWeek(date){var weekdays=date.getDay();return["Sun","Mon","Tue","Wed","Thu","Fri","Sat"][weekdays]},timeString:function timeString(startHour,startMinute,endHour,endMinute){var amPM=11<startHour?"pm":"am";if(12<startHour){startHour-=12}else if(0==startHour){if(0==startMinute&&0==endHour&&0==endMinute){return""}else{startHour="12"}}if(10>startMinute){startMinute="0"+startMinute}if(0==startMinute){return startHour+amPM}return startHour+":"+startMinute+amPM},computeStyle:function computeStyle(item){if(0==item.event.startDate._time.hour)var s="background-color:"+" yellow";else var s="background-color:"+" clear";return s},getDateString:function getDateString(date){var monthInt=date.getMonth(),day=date.getDate();monthstring=["January","February","March","April","May","June","July","August","September","October","November","December"][monthInt]+" "+date.getDate()+" "+date.getFullYear();return monthstring},displayActivity:function displayActivity(e){var activity=e.event.summary;return"Activity: "+activity},displayStart:function displayStart(e){var startTime=this.timeString(e.event.startDate._time.hour,e.event.startDate._time.minute),endTime=this.timeString(e.event.endDate._time.hour,e.event.endDate._time.minute);return"Start Time: "+startTime},displayEnd:function displayEnd(e){var endTime=this.timeString(e.event.endDate._time.hour,e.event.endDate._time.minute);return"End Time: "+endTime},displayDuration:function displayDuration(e){var duration=e.event.duration,days=duration.days,hours=duration.hours,minutes=duration.minutes,weeks=duration.weeks;if(0==hours&&0==minutes&&1==days){return"Duration: All Day"}if(0==days){if(0==hours){if(0==minutes){return"Duration: "}else{return"Duration: "+minutes+"min"}}else{if(0==minutes){return"Duration: "+hours+"H "}else{return"Duration: "+hours+"H "+minutes+"min "}}}else{if(0==hours&&0==minutes){return"Duration: "+days+"Days "}else if(0<hours&&0==minutes){return"Duration: "+days+"Days "+hours+"H "}else{return"Duration: "+days+"Days "+hours+"H "+minutes+"min "}}},displayDescription:function displayDescription(e){var description=e.event.description;if(!description){return"Description: "}return"Description: "},displayLocation:function displayLocation(e){var location=e.event.location;location=location+"";if(null==location||"null"==location){return"Location: "}return"Location: "+location}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-icons/iron-icons.js","../../materializecss-styles/lib/colors.js","../../../@polymer/paper-card/paper-card.js","../../lrnsys-layout/lib/lrnsys-drawer.js","../../../@polymer/iron-ajax/iron-ajax.js"],function(_polymerLegacy){"use strict";function _templateObject_314b52d0555211e98f439769bd191e33(){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_314b52d0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_314b52d0555211e98f439769bd191e33()),is:"lrn-calendar-date",properties:{title:{type:String,value:"lrn-calendar-date"},name:{type:String},date:{type:Date},loadeddate:{type:Boolean},firstWeek:{type:Boolean},view:{type:String},valid:{type:Boolean,value:!1}},getMonth:function getMonth(date){var monthInt=date.getMonth(),day=date.getDate();if(1==day){monthstring=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"][monthInt]+" "+day}else{monthstring=day}return monthstring},getWeek:function getWeek(date){var weekdays=date.getDay();return["Sun","Mon","Tue","Wed","Thu","Fri","Sat"][weekdays]},timeString:function timeString(startHour,startMinute,endHour,endMinute){var amPM=11<startHour?"pm":"am";if(12<startHour){startHour-=12}else if(0==startHour){if(0==startMinute&&0==endHour&&0==endMinute){return""}else{startHour="12"}}if(10>startMinute){startMinute="0"+startMinute}if(0==startMinute){return startHour+amPM}return startHour+":"+startMinute+amPM},computeStyle:function computeStyle(item){if(0==item.event.startDate._time.hour)var s="background-color:"+" yellow";else var s="background-color:"+" clear";return s},getDateString:function getDateString(date){var monthInt=date.getMonth(),day=date.getDate();monthstring=["January","February","March","April","May","June","July","August","September","October","November","December"][monthInt]+" "+date.getDate()+" "+date.getFullYear();return monthstring},displayActivity:function displayActivity(e){var activity=e.event.summary;return"Activity: "+activity},displayStart:function displayStart(e){var startTime=this.timeString(e.event.startDate._time.hour,e.event.startDate._time.minute),endTime=this.timeString(e.event.endDate._time.hour,e.event.endDate._time.minute);return"Start Time: "+startTime},displayEnd:function displayEnd(e){var endTime=this.timeString(e.event.endDate._time.hour,e.event.endDate._time.minute);return"End Time: "+endTime},displayDuration:function displayDuration(e){var duration=e.event.duration,days=duration.days,hours=duration.hours,minutes=duration.minutes,weeks=duration.weeks;if(0==hours&&0==minutes&&1==days){return"Duration: All Day"}if(0==days){if(0==hours){if(0==minutes){return"Duration: "}else{return"Duration: "+minutes+"min"}}else{if(0==minutes){return"Duration: "+hours+"H "}else{return"Duration: "+hours+"H "+minutes+"min "}}}else{if(0==hours&&0==minutes){return"Duration: "+days+"Days "}else if(0<hours&&0==minutes){return"Duration: "+days+"Days "+hours+"H "}else{return"Duration: "+days+"Days "+hours+"H "+minutes+"min "}}},displayDescription:function displayDescription(e){var description=e.event.description;if(!description){return"Description: "}return"Description: "},displayLocation:function displayLocation(e){var location=e.event.location;location=location+"";if(null==location||"null"==location){return"Location: "}return"Location: "+location}})});
\ No newline at end of file
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 b1c34978f96..ecdbecaa4fd 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
@@ -1 +1 @@
-define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/resolve-url.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/paper-card/paper-card.js","../../@polymer/iron-ajax/iron-ajax.js","../../@polymer/paper-menu-button/paper-menu-button.js","../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../materializecss-styles/lib/colors.js","../hax-body-behaviors/lib/HAXWiring.js","../lrnsys-layout/lrnsys-layout.js","../lrnsys-layout/lib/lrnsys-drawer.js","../lrnsys-layout/lib/lrnsys-dialog.js","../lrnsys-layout/lib/lrnsys-collapselist.js","../lrnsys-layout/lib/lrnsys-collapselist-item.js","../es-global-bridge/es-global-bridge.js","./lib/lrn-calendar-date.js"],function(_exports,meta,_polymerLegacy,_polymerDom,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnCalendar=void 0;meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_782d2a1054f411e9aeb367f92c5b63ab(){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-tap=\"monthView\"\n            >Month</paper-button\n          >\n          <paper-button raised type=\"button\" on-tap=\"weekView\"\n            >Week</paper-button\n          >\n        </div>\n        <div style=\"float: right\">\n          <paper-button raised type=\"button\" on-tap=\"showDate\"\n            >Today</paper-button\n          >\n          <paper-button on-tap=\"showPrev\"\n            ><iron-icon icon=\"arrow-back\"></iron-icon\n          ></paper-button>\n          <paper-button on-tap=\"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_782d2a1054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnCalendar=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_782d2a1054f411e9aeb367f92c5b63ab()),is:"lrn-calendar",behaviors:[HAXBehaviors.PropertiesBehaviors],properties:{listOfEvents:{type:Array,value:[]},dateString:{type:String,observer:"_dateStringChanged"},date:{type:Date,value:new Date,observer:"_dateChanged"},view:{type:String,value:"month",observer:"_viewTypeChanged"},file:{type:String,reflectToAttribute:!0,observer:"_fileChanged"}},_fileChanged:function _fileChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&this.__icalLoaded){this.loadFile();this.getDateInfo();this.createCalendar()}},_viewTypeChanged:function _viewTypeChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&babelHelpers.typeof(this.file)!=="undefined"&&this.__icalLoaded){this.getDateInfo();this.createCalendar()}},_dateChanged:function _dateChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&babelHelpers.typeof(this.file)!=="undefined"&&this.__icalLoaded){this.getDateInfo();this.createCalendar()}},_dateStringChanged:function _dateStringChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&""!=newValue&&this.__icalLoaded){this.date=new Date(newValue)}},created:function created(){var name="ical",basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),location="".concat(basePath,"lib/ical.js/build/ical.js");window.addEventListener("es-bridge-".concat(name,"-loaded"),this._icalLoaded.bind(this));window.ESGlobalBridge.requestAvailability();window.ESGlobalBridge.instance.load(name,location)},_icalLoaded:function _icalLoaded(){this.__icalLoaded=!0;if(babelHelpers.typeof(this.file)!=="undefined"){this.loadFile()}},attached:function attached(){this.setHaxProperties({canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Calendar",description:"Present dates.",icon:"icons:today",color:"grey",groups:["Date"],handles:[{type:"ical",source:"file",date:"date"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"file",title:"iCal feed",description:"Calendar feed to display",inputMethod:"textfield",icon:"link",required:!0}],configure:[{property:"file",title:"iCal feed",description:"Calendar feed to display",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"},{property:"view",title:"View calendar in week or month format",description:"week or month view",inputMethod:"select",options:{week:"Week",month:"Month"}},{property:"dateString",title:"Date: yyyy/mm/dd",description:"Date to display calendar",inputMethod:"datepicker"}],advanced:[]}})},loadFile:function loadFile(){this.startIndex=0;this.calendarText=this.readTextFile(this.file);this.listOfEvents=this.getEvents(this.date,this.calendarText);this.listOfEvents=this.sortByTime(this.listOfEvents)},showPrev:function showPrev(){var current;this.startIndex=0;if("month"==this.view){if(2==this.date.getMonth()){if(28<this.date.getDate()){current=new Date(this.date.getFullYear(),this.date.getMonth()-1,28)}else{current=new Date(this.date.getFullYear(),this.date.getMonth()-1,this.date.getDate())}}else{current=new Date(this.date.getFullYear(),this.date.getMonth()-1,this.date.getDate())}this.date=current}else{var current=new Date(this.date.getFullYear(),this.date.getMonth(),this.date.getDate()-7);this.date=current}this.startMonth=this.date.getMonth()+1;this.getDateInfo();this.createCalendar()},showNext:function showNext(){var current;if("month"==this.view){if(11==this.date.getMonth()){current=new Date(this.date.getFullYear()+1,0,this.date.getDate())}else if(0==this.date.getMonth()){if(28<this.date.getDate()){current=new Date(this.date.getFullYear(),this.date.getMonth()+1,28)}else{current=new Date(this.date.getFullYear(),this.date.getMonth()+1,this.date.getDate())}}else{current=new Date(this.date.getFullYear(),this.date.getMonth()+1,this.date.getDate())}this.date=current}else{var current=new Date(this.date.getFullYear(),this.date.getMonth(),this.date.getDate()+7);this.date=current}this.getDateInfo();this.createCalendar()},showDate:function showDate(){this.startIndex=0;this.date=new Date;this.getDateInfo();this.createCalendar()},monthView:function monthView(){this.view="month";this.startIndex=0;this.createCalendar()},weekView:function weekView(){this.view="week";this.startIndex=0;this.createCalendar()},readTextFile:function readTextFile(file){this.fileNotFound=!1;var rawFile=new XMLHttpRequest,allText="";rawFile.open("GET",file,!1);rawFile.onreadystatechange=function(){if(4===rawFile.readyState){if(200===rawFile.status||0==rawFile.status){allText=rawFile.responseText}else{allText="Not Found"}}};rawFile.send(null);this.calendarText=allText;return allText},createCalendar:function createCalendar(){if("month"!=this.view){if("week"!=this.view){this.view="month"}}if(!this.date.getFullYear()){this.date=new Date}this.getDateInfo();this.totalDays=7*this.numweeks;this.calendarText=this.readTextFile(this.file);this.calendarView=this.$.calView;var days=1,elem=(0,_polymerDom.dom)(this.$.calView).node,elemChildren=elem.childNodes;while(elemChildren[1]){elem.removeChild(elem.childNodes[1])}var initialDayofWeek=this.currentDayofWeek;if("week"==this.view){var dayCount=0;while(6>this.currentDayofWeek+dayCount){dayCount=dayCount+1}this.totalDays=dayCount}if("month"==this.view){if(1==this.currentMonth||3==this.currentMonth||5==this.currentMonth||7==this.currentMonth||8==this.currentMonth||10==this.currentMonth||12==this.currentMonth){this.totalDays=31;this.totalDays=this.totalDays-this.startDay+1}else if(4==this.currentMonth||6==this.currentMonth||9==this.currentMonth||11==this.currentMonth){this.totalDays=30;this.totalDays=this.totalDays-this.startDay+1}else{this.totalDays=29;this.totalDays=this.totalDays-this.startDay}}this.newDate=new Date(this.currentYear+"/"+this.currentMonth+"/"+this.currentDate);if("month"==this.view){while(1!=this.currentDate){days=days-1;if(1==this.currentMonth&&1==this.currentDate){this.currentYear=this.currentYear-1;this.currentMonth=12;this.currentDate=31;this.newDate=new Date(this.currentYear+"/"+this.currentMonth+"/"+this.currentDate)}else{this.currentDate=this.currentDate-1;this.newDate=new Date(this.currentYear+"/"+this.currentMonth+"/"+this.currentDate);if(this.newDate.getDate()!=this.currentDate){if(0==this.currentDate&&(2==this.currentMonth||4==this.currentMonth||6==this.currentMonth||8==this.currentMonth||9==this.currentMonth||11==this.currentMonth||1==this.currentMonth)){this.newDate=new Date(this.currentYear+"/"+(this.currentMonth-1)+"/"+31);this.currentDate=31}if(0==this.currentDate&&(5==this.currentMonth||7==this.currentMonth||10==this.currentMonth||12==this.currentMonth)){this.newDate=new Date(this.currentYear+"/"+(this.currentMonth-1)+"/"+30);this.currentDate=30}if(0==this.currentDate&&3==this.currentMonth){this.newDate=new Date(this.currentYear+"/"+2+"/"+29);this.currentDate=29;if(2==this.newDate.getMonth()){this.newDate=new Date(this.currentYear+"/"+2+"/"+28);this.currentDate=28}}this.currentMonth=this.currentMonth-1}}if(0==this.currentDayofWeek||0==initialDayofWeek){this.currentDayofWeek=7;initialDayofWeek=-1}this.currentDayofWeek=this.currentDayofWeek-1}if(7==this.currentDayofWeek){this.currentDayofWeek=0}}while(0!=this.currentDayofWeek){days=days-1;if(1==this.currentMonth&&1==this.currentDate){this.currentYear=this.currentYear-1;this.currentMonth=12;this.currentDate=31;this.newDate=new Date(this.currentYear+"/"+this.currentMonth+"/"+this.currentDate)}else{this.currentDate=this.currentDate-1;this.newDate=new Date(this.currentYear+"/"+this.currentMonth+"/"+this.currentDate);if(this.newDate.getDate()!=this.currentDate){if(0==this.currentDate&&(2==this.currentMonth||4==this.currentMonth||6==this.currentMonth||8==this.currentMonth||9==this.currentMonth||11==this.currentMonth||1==this.currentMonth)){this.newDate=new Date(this.currentYear+"/"+(this.currentMonth-1)+"/"+31);this.currentDate=31}if(0==this.currentDate&&(5==this.currentMonth||7==this.currentMonth||10==this.currentMonth||12==this.currentMonth)){this.newDate=new Date(this.currentYear+"/"+(this.currentMonth-1)+"/"+30);this.currentDate=30}if(0==this.currentDate&&3==this.currentMonth){this.newDate=new Date(this.currentYear+"/"+2+"/"+29);this.currentDate=29;if(2==this.newDate.getMonth()){this.newDate=new Date(this.currentYear+"/"+2+"/"+28);this.currentDate=28}}this.currentMonth=this.currentMonth-1}}this.currentDayofWeek=this.currentDayofWeek-1}var dynamicEl=document.createElement("lrn-calendar-date");dynamicEl.date=this.newDate;dynamicEl.firstWeek=!0;dynamicEl.style.width="14.25%";dynamicEl.style.display="inline-block";dynamicEl.setAttribute("id","date");dynamicEl.view=this.view;if(this.date.getFullYear()===this.newDate.getFullYear()&&this.date.getMonth()===this.newDate.getMonth()&&this.date.getDate()===this.newDate.getDate()){dynamicEl.loadeddate=!0}var eventsOnDay=this.eventCheck(this.listOfEvents,this.newDate),sendEvent=this.createReturn(eventsOnDay);dynamicEl.events=sendEvent;dynamicEl.valid=!0;(0,_polymerDom.dom)(this.calendarView).appendChild(dynamicEl);var firstWeekCount=1;while(days<this.totalDays){if(12==this.currentMonth&&31==this.currentDate){this.currentYear=this.currentYear+1;this.currentMonth=1;this.currentDate=1;this.newDay=new Date(this.currentYear+"/"+this.currentMonth+"/"+this.currentDate)}else{this.currentDate=this.currentDate+1;this.newDay=new Date(this.currentYear+"/"+this.currentMonth+"/"+this.currentDate);if(this.newDay.getDate()!=this.currentDate){if(1==this.currentMonth||3==this.currentMonth||5==this.currentMonth||7==this.currentMonth||8==this.currentMonth||10==this.currentMonth||12==this.currentMonth){this.newDay=new Date(this.currentYear+"/"+(this.currentMonth+1)+"/"+1)}this.currentDate=1;this.currentMonth=this.currentMonth+1}}var dynamicEl=document.createElement("lrn-calendar-date");dynamicEl.valid=!0;dynamicEl.setAttribute("id","date");dynamicEl.date=this.newDay;dynamicEl.style.width="14.25%";dynamicEl.style.display="inline-block";dynamicEl.view=this.view;if(this.date.getFullYear()===this.newDay.getFullYear()&&this.date.getMonth()===this.newDay.getMonth()&&this.date.getDate()===this.newDay.getDate()){dynamicEl.loadeddate=!0}var eventsOnDayMain=this.eventCheck(this.listOfEvents,this.newDay),sendEventMain=this.createReturn(eventsOnDayMain);dynamicEl.events=sendEventMain;if(7>firstWeekCount){dynamicEl.firstWeek=!0}firstWeekCount=firstWeekCount+1;dynamicEl.valid=!0;(0,_polymerDom.dom)(this.calendarView).appendChild(dynamicEl);days=days+1;if(days==this.totalDays&&6!=this.newDay.getDay()){days=days-1}}},getEvents:function getEvents(date,text){if("Not Found"==text){return""}var jcalData=ICAL.parse(text),vcalendar=new ICAL.Component(jcalData),vevent=vcalendar.getFirstSubcomponent("vevent"),vevents=vcalendar.getAllSubcomponents("vevent"),displayEvents=vevents.map(function(vevent){event=new ICAL.Event(vevent);return event});this.eventArray=[];for(var i=0;i<displayEvents.length;i++){this.createDate(displayEvents[i]);if(displayEvents[i].isRecurring()){this.createRecurrence(displayEvents[i])}this.eventArray.push(displayEvents[i])}return this.eventArray},createRecurrence:function createRecurrence(events){if(events.getRecurrenceTypes().WEEKLY){this.createRepeatedEvent(events,156)}else if(events.getRecurrenceTypes().DAILY){this.createRepeatedEvent(events,720)}else if(events.getRecurrenceTypes().MONTHLY){this.createRepeatedEvent(events,36)}else if(events.getRecurrenceTypes().YEARLY){this.createRepeatedEvent(events,10)}},createRepeatedEvent:function createRepeatedEvent(events,maxRepeat){var iter=events.iterator(events.startDate),next,num=0;while((next=iter.next())&&num++<maxRepeat){var newTest=new ICAL.Event;newTest.summary=events.summary;newTest.description=events.description;newTest.startDate=events.getOccurrenceDetails(next).startDate;newTest.endDate=events.getOccurrenceDetails(next).endDate;var locationString=events.location+"";newTest.location=locationString;if(newTest.startDate._time.day!=events.startDate._time.day||newTest.startDate._time.month!=events.startDate._time.month||newTest.startDate._time.year!=events.startDate._time.year){this.eventArray.push(newTest)}}},createDate:function createDate(event){var year=event.startDate._time.year,month=event.startDate._time.month,day=event.startDate._time.day,eventDate=new Date(year+"/"+month+"/"+day);return eventDate},eventCheck:function eventCheck(events,date){for(var eventsOnDay=[],end=events.length,i=this.startIndex,startDay;i<end;i++){startDay=this.createDate(events[i]);if(startDay.getTime()>date.getTime()){end=i;if(0!=i){this.startIndex=i-1}}if(startDay.getTime()==date.getTime()){eventsOnDay.push(events[i])}}return eventsOnDay},sortByTime:function sortByTime(eventList){var swapped;do{swapped=!1;for(var i=0;i<eventList.length-1;i++){if(eventList[i].startDate>eventList[i+1].startDate){var temp=eventList[i];eventList[i]=eventList[i+1];eventList[i+1]=temp;swapped=!0}}}while(swapped);return eventList},getDateInfo:function getDateInfo(){this.startMonth=this.date.getMonth()+1;this.startYear=this.date.getFullYear();this.startDay=this.date.getDate();this.startDayOfWeek=this.date.getDay();this.currentDate=this.startDay;this.currentMonth=this.startMonth;this.currentYear=this.startYear;this.currentDayofWeek=this.startDayOfWeek},createReturn:function createReturn(event){for(var EventArray=[],i=0;i<event.length;i++){EventArray.push({event:event[i]})}return EventArray},getDisplayDate:function getDisplayDate(date){if("function"===typeof date.getMonth){var monthInt=date.getMonth(),day=date.getDate();return["January","February","March","April","May","June","July","August","September","October","November","December"][monthInt]+" "+date.getFullYear()}return""}});_exports.LrnCalendar=LrnCalendar});
\ No newline at end of file
+define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/resolve-url.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/paper-card/paper-card.js","../../@polymer/iron-ajax/iron-ajax.js","../../@polymer/paper-menu-button/paper-menu-button.js","../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../materializecss-styles/lib/colors.js","../hax-body-behaviors/lib/HAXWiring.js","../lrnsys-layout/lrnsys-layout.js","../lrnsys-layout/lib/lrnsys-drawer.js","../lrnsys-layout/lib/lrnsys-dialog.js","../lrnsys-layout/lib/lrnsys-collapselist.js","../lrnsys-layout/lib/lrnsys-collapselist-item.js","../es-global-bridge/es-global-bridge.js","./lib/lrn-calendar-date.js"],function(_exports,meta,_polymerLegacy,_polymerDom,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnCalendar=void 0;meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_13786f90555211e98f439769bd191e33(){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-tap=\"monthView\"\n            >Month</paper-button\n          >\n          <paper-button raised type=\"button\" on-tap=\"weekView\"\n            >Week</paper-button\n          >\n        </div>\n        <div style=\"float: right\">\n          <paper-button raised type=\"button\" on-tap=\"showDate\"\n            >Today</paper-button\n          >\n          <paper-button on-tap=\"showPrev\"\n            ><iron-icon icon=\"arrow-back\"></iron-icon\n          ></paper-button>\n          <paper-button on-tap=\"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_13786f90555211e98f439769bd191e33=function(){return data};return data}var LrnCalendar=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_13786f90555211e98f439769bd191e33()),is:"lrn-calendar",behaviors:[HAXBehaviors.PropertiesBehaviors],properties:{listOfEvents:{type:Array,value:[]},dateString:{type:String,observer:"_dateStringChanged"},date:{type:Date,value:new Date,observer:"_dateChanged"},view:{type:String,value:"month",observer:"_viewTypeChanged"},file:{type:String,reflectToAttribute:!0,observer:"_fileChanged"}},_fileChanged:function _fileChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&this.__icalLoaded){this.loadFile();this.getDateInfo();this.createCalendar()}},_viewTypeChanged:function _viewTypeChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&babelHelpers.typeof(this.file)!=="undefined"&&this.__icalLoaded){this.getDateInfo();this.createCalendar()}},_dateChanged:function _dateChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&babelHelpers.typeof(this.file)!=="undefined"&&this.__icalLoaded){this.getDateInfo();this.createCalendar()}},_dateStringChanged:function _dateStringChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&""!=newValue&&this.__icalLoaded){this.date=new Date(newValue)}},created:function created(){var name="ical",basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),location="".concat(basePath,"lib/ical.js/build/ical.js");window.addEventListener("es-bridge-".concat(name,"-loaded"),this._icalLoaded.bind(this));window.ESGlobalBridge.requestAvailability();window.ESGlobalBridge.instance.load(name,location)},_icalLoaded:function _icalLoaded(){this.__icalLoaded=!0;if(babelHelpers.typeof(this.file)!=="undefined"){this.loadFile()}},attached:function attached(){this.setHaxProperties({canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Calendar",description:"Present dates.",icon:"icons:today",color:"grey",groups:["Date"],handles:[{type:"ical",source:"file",date:"date"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"file",title:"iCal feed",description:"Calendar feed to display",inputMethod:"textfield",icon:"link",required:!0}],configure:[{property:"file",title:"iCal feed",description:"Calendar feed to display",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"},{property:"view",title:"View calendar in week or month format",description:"week or month view",inputMethod:"select",options:{week:"Week",month:"Month"}},{property:"dateString",title:"Date: yyyy/mm/dd",description:"Date to display calendar",inputMethod:"datepicker"}],advanced:[]}})},loadFile:function loadFile(){this.startIndex=0;this.calendarText=this.readTextFile(this.file);this.listOfEvents=this.getEvents(this.date,this.calendarText);this.listOfEvents=this.sortByTime(this.listOfEvents)},showPrev:function showPrev(){var current;this.startIndex=0;if("month"==this.view){if(2==this.date.getMonth()){if(28<this.date.getDate()){current=new Date(this.date.getFullYear(),this.date.getMonth()-1,28)}else{current=new Date(this.date.getFullYear(),this.date.getMonth()-1,this.date.getDate())}}else{current=new Date(this.date.getFullYear(),this.date.getMonth()-1,this.date.getDate())}this.date=current}else{var current=new Date(this.date.getFullYear(),this.date.getMonth(),this.date.getDate()-7);this.date=current}this.startMonth=this.date.getMonth()+1;this.getDateInfo();this.createCalendar()},showNext:function showNext(){var current;if("month"==this.view){if(11==this.date.getMonth()){current=new Date(this.date.getFullYear()+1,0,this.date.getDate())}else if(0==this.date.getMonth()){if(28<this.date.getDate()){current=new Date(this.date.getFullYear(),this.date.getMonth()+1,28)}else{current=new Date(this.date.getFullYear(),this.date.getMonth()+1,this.date.getDate())}}else{current=new Date(this.date.getFullYear(),this.date.getMonth()+1,this.date.getDate())}this.date=current}else{var current=new Date(this.date.getFullYear(),this.date.getMonth(),this.date.getDate()+7);this.date=current}this.getDateInfo();this.createCalendar()},showDate:function showDate(){this.startIndex=0;this.date=new Date;this.getDateInfo();this.createCalendar()},monthView:function monthView(){this.view="month";this.startIndex=0;this.createCalendar()},weekView:function weekView(){this.view="week";this.startIndex=0;this.createCalendar()},readTextFile:function readTextFile(file){this.fileNotFound=!1;var rawFile=new XMLHttpRequest,allText="";rawFile.open("GET",file,!1);rawFile.onreadystatechange=function(){if(4===rawFile.readyState){if(200===rawFile.status||0==rawFile.status){allText=rawFile.responseText}else{allText="Not Found"}}};rawFile.send(null);this.calendarText=allText;return allText},createCalendar:function createCalendar(){if("month"!=this.view){if("week"!=this.view){this.view="month"}}if(!this.date.getFullYear()){this.date=new Date}this.getDateInfo();this.totalDays=7*this.numweeks;this.calendarText=this.readTextFile(this.file);this.calendarView=this.$.calView;var days=1,elem=(0,_polymerDom.dom)(this.$.calView).node,elemChildren=elem.childNodes;while(elemChildren[1]){elem.removeChild(elem.childNodes[1])}var initialDayofWeek=this.currentDayofWeek;if("week"==this.view){var dayCount=0;while(6>this.currentDayofWeek+dayCount){dayCount=dayCount+1}this.totalDays=dayCount}if("month"==this.view){if(1==this.currentMonth||3==this.currentMonth||5==this.currentMonth||7==this.currentMonth||8==this.currentMonth||10==this.currentMonth||12==this.currentMonth){this.totalDays=31;this.totalDays=this.totalDays-this.startDay+1}else if(4==this.currentMonth||6==this.currentMonth||9==this.currentMonth||11==this.currentMonth){this.totalDays=30;this.totalDays=this.totalDays-this.startDay+1}else{this.totalDays=29;this.totalDays=this.totalDays-this.startDay}}this.newDate=new Date(this.currentYear+"/"+this.currentMonth+"/"+this.currentDate);if("month"==this.view){while(1!=this.currentDate){days=days-1;if(1==this.currentMonth&&1==this.currentDate){this.currentYear=this.currentYear-1;this.currentMonth=12;this.currentDate=31;this.newDate=new Date(this.currentYear+"/"+this.currentMonth+"/"+this.currentDate)}else{this.currentDate=this.currentDate-1;this.newDate=new Date(this.currentYear+"/"+this.currentMonth+"/"+this.currentDate);if(this.newDate.getDate()!=this.currentDate){if(0==this.currentDate&&(2==this.currentMonth||4==this.currentMonth||6==this.currentMonth||8==this.currentMonth||9==this.currentMonth||11==this.currentMonth||1==this.currentMonth)){this.newDate=new Date(this.currentYear+"/"+(this.currentMonth-1)+"/"+31);this.currentDate=31}if(0==this.currentDate&&(5==this.currentMonth||7==this.currentMonth||10==this.currentMonth||12==this.currentMonth)){this.newDate=new Date(this.currentYear+"/"+(this.currentMonth-1)+"/"+30);this.currentDate=30}if(0==this.currentDate&&3==this.currentMonth){this.newDate=new Date(this.currentYear+"/"+2+"/"+29);this.currentDate=29;if(2==this.newDate.getMonth()){this.newDate=new Date(this.currentYear+"/"+2+"/"+28);this.currentDate=28}}this.currentMonth=this.currentMonth-1}}if(0==this.currentDayofWeek||0==initialDayofWeek){this.currentDayofWeek=7;initialDayofWeek=-1}this.currentDayofWeek=this.currentDayofWeek-1}if(7==this.currentDayofWeek){this.currentDayofWeek=0}}while(0!=this.currentDayofWeek){days=days-1;if(1==this.currentMonth&&1==this.currentDate){this.currentYear=this.currentYear-1;this.currentMonth=12;this.currentDate=31;this.newDate=new Date(this.currentYear+"/"+this.currentMonth+"/"+this.currentDate)}else{this.currentDate=this.currentDate-1;this.newDate=new Date(this.currentYear+"/"+this.currentMonth+"/"+this.currentDate);if(this.newDate.getDate()!=this.currentDate){if(0==this.currentDate&&(2==this.currentMonth||4==this.currentMonth||6==this.currentMonth||8==this.currentMonth||9==this.currentMonth||11==this.currentMonth||1==this.currentMonth)){this.newDate=new Date(this.currentYear+"/"+(this.currentMonth-1)+"/"+31);this.currentDate=31}if(0==this.currentDate&&(5==this.currentMonth||7==this.currentMonth||10==this.currentMonth||12==this.currentMonth)){this.newDate=new Date(this.currentYear+"/"+(this.currentMonth-1)+"/"+30);this.currentDate=30}if(0==this.currentDate&&3==this.currentMonth){this.newDate=new Date(this.currentYear+"/"+2+"/"+29);this.currentDate=29;if(2==this.newDate.getMonth()){this.newDate=new Date(this.currentYear+"/"+2+"/"+28);this.currentDate=28}}this.currentMonth=this.currentMonth-1}}this.currentDayofWeek=this.currentDayofWeek-1}var dynamicEl=document.createElement("lrn-calendar-date");dynamicEl.date=this.newDate;dynamicEl.firstWeek=!0;dynamicEl.style.width="14.25%";dynamicEl.style.display="inline-block";dynamicEl.setAttribute("id","date");dynamicEl.view=this.view;if(this.date.getFullYear()===this.newDate.getFullYear()&&this.date.getMonth()===this.newDate.getMonth()&&this.date.getDate()===this.newDate.getDate()){dynamicEl.loadeddate=!0}var eventsOnDay=this.eventCheck(this.listOfEvents,this.newDate),sendEvent=this.createReturn(eventsOnDay);dynamicEl.events=sendEvent;dynamicEl.valid=!0;(0,_polymerDom.dom)(this.calendarView).appendChild(dynamicEl);var firstWeekCount=1;while(days<this.totalDays){if(12==this.currentMonth&&31==this.currentDate){this.currentYear=this.currentYear+1;this.currentMonth=1;this.currentDate=1;this.newDay=new Date(this.currentYear+"/"+this.currentMonth+"/"+this.currentDate)}else{this.currentDate=this.currentDate+1;this.newDay=new Date(this.currentYear+"/"+this.currentMonth+"/"+this.currentDate);if(this.newDay.getDate()!=this.currentDate){if(1==this.currentMonth||3==this.currentMonth||5==this.currentMonth||7==this.currentMonth||8==this.currentMonth||10==this.currentMonth||12==this.currentMonth){this.newDay=new Date(this.currentYear+"/"+(this.currentMonth+1)+"/"+1)}this.currentDate=1;this.currentMonth=this.currentMonth+1}}var dynamicEl=document.createElement("lrn-calendar-date");dynamicEl.valid=!0;dynamicEl.setAttribute("id","date");dynamicEl.date=this.newDay;dynamicEl.style.width="14.25%";dynamicEl.style.display="inline-block";dynamicEl.view=this.view;if(this.date.getFullYear()===this.newDay.getFullYear()&&this.date.getMonth()===this.newDay.getMonth()&&this.date.getDate()===this.newDay.getDate()){dynamicEl.loadeddate=!0}var eventsOnDayMain=this.eventCheck(this.listOfEvents,this.newDay),sendEventMain=this.createReturn(eventsOnDayMain);dynamicEl.events=sendEventMain;if(7>firstWeekCount){dynamicEl.firstWeek=!0}firstWeekCount=firstWeekCount+1;dynamicEl.valid=!0;(0,_polymerDom.dom)(this.calendarView).appendChild(dynamicEl);days=days+1;if(days==this.totalDays&&6!=this.newDay.getDay()){days=days-1}}},getEvents:function getEvents(date,text){if("Not Found"==text){return""}var jcalData=ICAL.parse(text),vcalendar=new ICAL.Component(jcalData),vevent=vcalendar.getFirstSubcomponent("vevent"),vevents=vcalendar.getAllSubcomponents("vevent"),displayEvents=vevents.map(function(vevent){event=new ICAL.Event(vevent);return event});this.eventArray=[];for(var i=0;i<displayEvents.length;i++){this.createDate(displayEvents[i]);if(displayEvents[i].isRecurring()){this.createRecurrence(displayEvents[i])}this.eventArray.push(displayEvents[i])}return this.eventArray},createRecurrence:function createRecurrence(events){if(events.getRecurrenceTypes().WEEKLY){this.createRepeatedEvent(events,156)}else if(events.getRecurrenceTypes().DAILY){this.createRepeatedEvent(events,720)}else if(events.getRecurrenceTypes().MONTHLY){this.createRepeatedEvent(events,36)}else if(events.getRecurrenceTypes().YEARLY){this.createRepeatedEvent(events,10)}},createRepeatedEvent:function createRepeatedEvent(events,maxRepeat){var iter=events.iterator(events.startDate),next,num=0;while((next=iter.next())&&num++<maxRepeat){var newTest=new ICAL.Event;newTest.summary=events.summary;newTest.description=events.description;newTest.startDate=events.getOccurrenceDetails(next).startDate;newTest.endDate=events.getOccurrenceDetails(next).endDate;var locationString=events.location+"";newTest.location=locationString;if(newTest.startDate._time.day!=events.startDate._time.day||newTest.startDate._time.month!=events.startDate._time.month||newTest.startDate._time.year!=events.startDate._time.year){this.eventArray.push(newTest)}}},createDate:function createDate(event){var year=event.startDate._time.year,month=event.startDate._time.month,day=event.startDate._time.day,eventDate=new Date(year+"/"+month+"/"+day);return eventDate},eventCheck:function eventCheck(events,date){for(var eventsOnDay=[],end=events.length,i=this.startIndex,startDay;i<end;i++){startDay=this.createDate(events[i]);if(startDay.getTime()>date.getTime()){end=i;if(0!=i){this.startIndex=i-1}}if(startDay.getTime()==date.getTime()){eventsOnDay.push(events[i])}}return eventsOnDay},sortByTime:function sortByTime(eventList){var swapped;do{swapped=!1;for(var i=0;i<eventList.length-1;i++){if(eventList[i].startDate>eventList[i+1].startDate){var temp=eventList[i];eventList[i]=eventList[i+1];eventList[i+1]=temp;swapped=!0}}}while(swapped);return eventList},getDateInfo:function getDateInfo(){this.startMonth=this.date.getMonth()+1;this.startYear=this.date.getFullYear();this.startDay=this.date.getDate();this.startDayOfWeek=this.date.getDay();this.currentDate=this.startDay;this.currentMonth=this.startMonth;this.currentYear=this.startYear;this.currentDayofWeek=this.startDayOfWeek},createReturn:function createReturn(event){for(var EventArray=[],i=0;i<event.length;i++){EventArray.push({event:event[i]})}return EventArray},getDisplayDate:function getDisplayDate(date){if("function"===typeof date.getMonth){var monthInt=date.getMonth(),day=date.getDate();return["January","February","March","April","May","June","July","August","September","October","November","December"][monthInt]+" "+date.getFullYear()}return""}});_exports.LrnCalendar=LrnCalendar});
\ No newline at end of file
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 ff6fe3a6edf..9a8e1fc27e5 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnContent=void 0;function _templateObject_774dc69054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <div typeof=\"oer:SupportingMaterial\">\n      <h2 property=\"oer:name\" hidden$=\"[[!title]]\">[[title]]</h2>\n      <div property=\"oer:description\"><slot></slot></div>\n    </div>\n  "]);_templateObject_774dc69054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnContent=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_774dc69054f411e9aeb367f92c5b63ab()),is:"lrn-content",properties:{title:{type:String,value:!1}}});_exports.LrnContent=LrnContent});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnContent=void 0;function _templateObject_1390b280555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <div typeof=\"oer:SupportingMaterial\">\n      <h2 property=\"oer:name\" hidden$=\"[[!title]]\">[[title]]</h2>\n      <div property=\"oer:description\"><slot></slot></div>\n    </div>\n  "]);_templateObject_1390b280555211e98f439769bd191e33=function(){return data};return data}var LrnContent=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1390b280555211e98f439769bd191e33()),is:"lrn-content",properties:{title:{type:String,value:!1}}});_exports.LrnContent=LrnContent});
\ No newline at end of file
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 7c34dd4b681..15977ff0122 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","./lib/gitgraph.js/src/gitgraph.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnGitgraph=void 0;function _templateObject_7872be9054f411e9aeb367f92c5b63ab(){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_7872be9054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnGitgraph=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7872be9054f411e9aeb367f92c5b63ab()),is:"lrn-gitgraph",properties:{commits:{type:Array,value:[]},template:{type:String,value:"blackarrow"},orientation:{type:String,value:"horizontal"},mode:{type:String,value:""},reverseArrow:{type:Boolean,value:!1},config:{type:Object}},observers:["_commitsChanged(commits)"],_commitsChanged:function _commitsChanged(commits){var root=this;if(root.config){if(0<commits.length){var gitgraph=new GitGraph(root.config),tree=[];commits.forEach(function(item){if(item.commits){item.commits.forEach(function(commit){commit.branch=item.branch;tree.push(commit)})}});console.log("befor",tree);tree=root._treeRemoveDuplicates(tree);tree=tree.sort(function(a,b){return new Date(b.date)-new Date(a.date)});tree.reverse();var branches=[];tree.forEach(function(item){if("undefined"===typeof branches[item.branch]){branches[item.branch]=gitgraph.branch(item.branch)}branches[item.branch].commit({sha1:item.commit,message:item.subject,author:item.author,tag:item.refs})})}}},_treeRemoveDuplicates:function _treeRemoveDuplicates(tree){var htTree=[],htCommits=[];tree.forEach(function(t){if(!htCommits.includes(t.commit)){htTree.push(t);htCommits.push(t.commit)}});return htTree},ready:function ready(){var root=this,config={template:root.template,reverseArrow:!1,orientation:root.orientation,element:root.shadowRoot.querySelector("#gitGraph")};if(""!==root.mode){config.mode=root.mode}root.config=config}});_exports.LrnGitgraph=LrnGitgraph});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","./lib/gitgraph.js/src/gitgraph.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnGitgraph=void 0;function _templateObject_13bec760555211e98f439769bd191e33(){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_13bec760555211e98f439769bd191e33=function(){return data};return data}var LrnGitgraph=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_13bec760555211e98f439769bd191e33()),is:"lrn-gitgraph",properties:{commits:{type:Array,value:[]},template:{type:String,value:"blackarrow"},orientation:{type:String,value:"horizontal"},mode:{type:String,value:""},reverseArrow:{type:Boolean,value:!1},config:{type:Object}},observers:["_commitsChanged(commits)"],_commitsChanged:function _commitsChanged(commits){var root=this;if(root.config){if(0<commits.length){var gitgraph=new GitGraph(root.config),tree=[];commits.forEach(function(item){if(item.commits){item.commits.forEach(function(commit){commit.branch=item.branch;tree.push(commit)})}});console.log("befor",tree);tree=root._treeRemoveDuplicates(tree);tree=tree.sort(function(a,b){return new Date(b.date)-new Date(a.date)});tree.reverse();var branches=[];tree.forEach(function(item){if("undefined"===typeof branches[item.branch]){branches[item.branch]=gitgraph.branch(item.branch)}branches[item.branch].commit({sha1:item.commit,message:item.subject,author:item.author,tag:item.refs})})}}},_treeRemoveDuplicates:function _treeRemoveDuplicates(tree){var htTree=[],htCommits=[];tree.forEach(function(t){if(!htCommits.includes(t.commit)){htTree.push(t);htCommits.push(t.commit)}});return htTree},ready:function ready(){var root=this,config={template:root.template,reverseArrow:!1,orientation:root.orientation,element:root.shadowRoot.querySelector("#gitGraph")};if(""!==root.mode){config.mode=root.mode}root.config=config}});_exports.LrnGitgraph=LrnGitgraph});
\ No newline at end of file
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 bd1eec69726..5053f9e9c55 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/iron-meta/iron-meta.js","../../@polymer/iron-flex-layout/iron-flex-layout.js","../lrn-shared-styles/lrn-shared-styles.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnIcon=void 0;function _templateObject_7887cd3054f411e9aeb367f92c5b63ab(){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_7887cd3054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnIcon=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7887cd3054f411e9aeb367f92c5b63ab()),is:"lrn-icon",properties:{icon:{type:String},theme:{type:String},src:{type:String},_meta:{value:document.createElement("iron-meta",{type:"iconset"})}},observers:["_updateIcon(_meta, isAttached)","_updateIcon(theme, isAttached)","_srcChanged(src, isAttached)","_iconChanged(icon, isAttached)"],_DEFAULT_ICONSET:"lrn",_iconChanged:function _iconChanged(icon){this._iconName=icon;this._iconsetName=this._DEFAULT_ICONSET;this._updateIcon()},_srcChanged:function _srcChanged(){this._updateIcon()},_usesIconset:function _usesIconset(){return this.icon||!this.src},_updateIcon:function _updateIcon(){if(this._usesIconset()){if(this._img&&this._img.parentNode){(0,_polymerDom.dom)(this.root).removeChild(this._img)}if(""===this._iconName){if(this._iconset){this._iconset.removeIcon(this)}}else if(this._iconsetName&&this._meta){this._iconset=this._meta.byKey(this._iconsetName);if(this._iconset){this._iconset.applyIcon(this,this._iconName,this.theme);this.unlisten(window,"lrn-iconset-added","_updateIcon")}else{this.listen(window,"lrn-iconset-added","_updateIcon")}}}else{if(this._iconset){this._iconset.removeIcon(this)}if(!this._img){this._img=document.createElement("img");this._img.style.width="100%";this._img.style.height="100%";this._img.draggable=!1}this._img.src=this.src;(0,_polymerDom.dom)(this.root).appendChild(this._img)}}});_exports.LrnIcon=LrnIcon});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/iron-meta/iron-meta.js","../../@polymer/iron-flex-layout/iron-flex-layout.js","../lrn-shared-styles/lrn-shared-styles.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnIcon=void 0;function _templateObject_13fa49c0555211e98f439769bd191e33(){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_13fa49c0555211e98f439769bd191e33=function(){return data};return data}var LrnIcon=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_13fa49c0555211e98f439769bd191e33()),is:"lrn-icon",properties:{icon:{type:String},theme:{type:String},src:{type:String},_meta:{value:document.createElement("iron-meta",{type:"iconset"})}},observers:["_updateIcon(_meta, isAttached)","_updateIcon(theme, isAttached)","_srcChanged(src, isAttached)","_iconChanged(icon, isAttached)"],_DEFAULT_ICONSET:"lrn",_iconChanged:function _iconChanged(icon){this._iconName=icon;this._iconsetName=this._DEFAULT_ICONSET;this._updateIcon()},_srcChanged:function _srcChanged(){this._updateIcon()},_usesIconset:function _usesIconset(){return this.icon||!this.src},_updateIcon:function _updateIcon(){if(this._usesIconset()){if(this._img&&this._img.parentNode){(0,_polymerDom.dom)(this.root).removeChild(this._img)}if(""===this._iconName){if(this._iconset){this._iconset.removeIcon(this)}}else if(this._iconsetName&&this._meta){this._iconset=this._meta.byKey(this._iconsetName);if(this._iconset){this._iconset.applyIcon(this,this._iconName,this.theme);this.unlisten(window,"lrn-iconset-added","_updateIcon")}else{this.listen(window,"lrn-iconset-added","_updateIcon")}}}else{if(this._iconset){this._iconset.removeIcon(this)}if(!this._img){this._img=document.createElement("img");this._img.style.width="100%";this._img.style.height="100%";this._img.draggable=!1}this._img.src=this.src;(0,_polymerDom.dom)(this.root).appendChild(this._img)}}});_exports.LrnIcon=LrnIcon});
\ No newline at end of file
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 a7ec952f845..ee29fe25f43 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../mtz-marked-editor/mtz-marked-editor.js","../../mtz-marked-editor/lib/mtz-marked-control-generic-wrap.js","../../mtz-marked-editor/lib/mtz-marked-control-generic-line.js","../../mtz-marked-editor/lib/mtz-marked-control-link.js","../../../@polymer/iron-icons/editor-icons.js","../../../@polymer/iron-icons/places-icons.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/paper-input/paper-textarea.js","../../../@polymer/paper-input/paper-input.js"],function(_polymerLegacy){"use strict";function _templateObject_9d04511054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\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=\"{{content}}\"\n      ></paper-textarea>\n    </mtz-marked-editor>\n  "]);_templateObject_9d04511054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9d04511054f411e9aeb367f92c5b63ab()),is:"lrn-markdown-editor-editor",properties:{content:{type:String,notify:!0}},_changed:function _changed(){var content=this.$.markededitor.getContent();console.log("changed");this.set("content",content);this.fire("content-updated",{content:this.content})}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../mtz-marked-editor/mtz-marked-editor.js","../../mtz-marked-editor/lib/mtz-marked-control-generic-wrap.js","../../mtz-marked-editor/lib/mtz-marked-control-generic-line.js","../../mtz-marked-editor/lib/mtz-marked-control-link.js","../../../@polymer/iron-icons/editor-icons.js","../../../@polymer/iron-icons/places-icons.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/paper-input/paper-textarea.js","../../../@polymer/paper-input/paper-input.js"],function(_polymerLegacy){"use strict";function _templateObject_31595c90555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\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=\"{{content}}\"\n      ></paper-textarea>\n    </mtz-marked-editor>\n  "]);_templateObject_31595c90555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_31595c90555211e98f439769bd191e33()),is:"lrn-markdown-editor-editor",properties:{content:{type:String,notify:!0}},_changed:function _changed(){var content=this.$.markededitor.getContent();console.log("changed");this.set("content",content);this.fire("content-updated",{content:this.content})}})});
\ No newline at end of file
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 f0e79b25c0d..7f4db116619 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-tabs/paper-tabs.js","../../@polymer/marked-element/marked-element.js","../../@polymer/iron-pages/iron-pages.js","./lib/lrn-markdown-editor-editor.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnMarkdownEditor=void 0;function _templateObject_9540dc0054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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      paper-card {\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    </style>\n\n    <div class=\"mtz-toolbar\">\n      <paper-tabs selected=\"{{selected}}\">\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 selected=\"{{selected}}\">\n      <section>\n        <paper-card>\n          <lrn-markdown-editor-editor\n            content=\"{{content}}\"\n          ></lrn-markdown-editor-editor>\n        </paper-card>\n      </section>\n\n      <section>\n        <paper-card>\n          <marked-element markdown=\"{{content}}\"></marked-element>\n        </paper-card>\n      </section>\n\n      <section class=\"split-pane\">\n        <paper-card>\n          <div class=\"container-flex\">\n            <lrn-markdown-editor-editor\n              content=\"{{content}}\"\n            ></lrn-markdown-editor-editor>\n            <marked-element\n              class=\"preview-pane\"\n              markdown=\"{{content}}\"\n            ></marked-element>\n          </div>\n        </paper-card>\n      </section>\n    </iron-pages>\n  "]);_templateObject_9540dc0054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnMarkdownEditor=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9540dc0054f411e9aeb367f92c5b63ab()),is:"lrn-markdown-editor",properties:{content:{type:String,notify:!0},selected:{type:String,value:"0",reflectToAttribute:!0},layout:{type:String,value:0},cookies:{type:Boolean,value:!0},elReady:{type:Boolean,value:!1}},observers:["_selectedChanged(selected)"],_selectedChanged:function _selectedChanged(selected){var root=this,cookieName=root._getCookieName();if(2===selected){root._createCookie(cookieName,"true","30")}else if(2!==selected&&!0===root.elReady){root._eraseCookie(cookieName)}},_createCookie:function _createCookie(name,value,days){var expires="";if(days){var date=new Date;date.setTime(date.getTime()+1e3*(60*(60*(24*days))));expires="; expires="+date.toUTCString()}document.cookie=name+"="+value+expires+"; path=/"},_readCookie:function _readCookie(name){for(var nameEQ=name+"=",ca=document.cookie.split(";"),i=0,c;i<ca.length;i++){c=ca[i];while(" "==c.charAt(0)){c=c.substring(1,c.length)}if(0==c.indexOf(nameEQ))return c.substring(nameEQ.length,c.length)}return null},_eraseCookie:function _eraseCookie(name){this._createCookie(name,"",-1)},_getCookieName:function _getCookieName(){return"lrnmarkdowneditorsplitview"},ready:function ready(){var root=this;root.elReady=!0;var cookieName=root._getCookieName(),cookie=root._readCookie(cookieName);if(cookie&&"true"===cookie){root.selected=2}}});_exports.LrnMarkdownEditor=LrnMarkdownEditor});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-tabs/paper-tabs.js","../../@polymer/marked-element/marked-element.js","../../@polymer/iron-pages/iron-pages.js","./lib/lrn-markdown-editor-editor.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnMarkdownEditor=void 0;function _templateObject_28cb4480555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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      paper-card {\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    </style>\n\n    <div class=\"mtz-toolbar\">\n      <paper-tabs selected=\"{{selected}}\">\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 selected=\"{{selected}}\">\n      <section>\n        <paper-card>\n          <lrn-markdown-editor-editor\n            content=\"{{content}}\"\n          ></lrn-markdown-editor-editor>\n        </paper-card>\n      </section>\n\n      <section>\n        <paper-card>\n          <marked-element markdown=\"{{content}}\"></marked-element>\n        </paper-card>\n      </section>\n\n      <section class=\"split-pane\">\n        <paper-card>\n          <div class=\"container-flex\">\n            <lrn-markdown-editor-editor\n              content=\"{{content}}\"\n            ></lrn-markdown-editor-editor>\n            <marked-element\n              class=\"preview-pane\"\n              markdown=\"{{content}}\"\n            ></marked-element>\n          </div>\n        </paper-card>\n      </section>\n    </iron-pages>\n  "]);_templateObject_28cb4480555211e98f439769bd191e33=function(){return data};return data}var LrnMarkdownEditor=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_28cb4480555211e98f439769bd191e33()),is:"lrn-markdown-editor",properties:{content:{type:String,notify:!0},selected:{type:String,value:"0",reflectToAttribute:!0},layout:{type:String,value:0},cookies:{type:Boolean,value:!0},elReady:{type:Boolean,value:!1}},observers:["_selectedChanged(selected)"],_selectedChanged:function _selectedChanged(selected){var root=this,cookieName=root._getCookieName();if(2===selected){root._createCookie(cookieName,"true","30")}else if(2!==selected&&!0===root.elReady){root._eraseCookie(cookieName)}},_createCookie:function _createCookie(name,value,days){var expires="";if(days){var date=new Date;date.setTime(date.getTime()+1e3*(60*(60*(24*days))));expires="; expires="+date.toUTCString()}document.cookie=name+"="+value+expires+"; path=/"},_readCookie:function _readCookie(name){for(var nameEQ=name+"=",ca=document.cookie.split(";"),i=0,c;i<ca.length;i++){c=ca[i];while(" "==c.charAt(0)){c=c.substring(1,c.length)}if(0==c.indexOf(nameEQ))return c.substring(nameEQ.length,c.length)}return null},_eraseCookie:function _eraseCookie(name){this._createCookie(name,"",-1)},_getCookieName:function _getCookieName(){return"lrnmarkdowneditorsplitview"},ready:function ready(){var root=this;root.elReady=!0;var cookieName=root._getCookieName(),cookie=root._readCookie(cookieName);if(cookie&&"true"===cookie){root.selected=2}}});_exports.LrnMarkdownEditor=LrnMarkdownEditor});
\ No newline at end of file
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 6f4ce5b1d13..70904e7a08d 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../oer-schema/oer-schema.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnPage=void 0;function _templateObject_79443f6054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <oer-schema> <slot></slot> </oer-schema>\n  "]);_templateObject_79443f6054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnPage=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_79443f6054f411e9aeb367f92c5b63ab()),is:"lrn-page"});_exports.LrnPage=LrnPage});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../oer-schema/oer-schema.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnPage=void 0;function _templateObject_14f0b7b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <oer-schema> <slot></slot> </oer-schema>\n  "]);_templateObject_14f0b7b0555211e98f439769bd191e33=function(){return data};return data}var LrnPage=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_14f0b7b0555211e98f439769bd191e33()),is:"lrn-page"});_exports.LrnPage=LrnPage});
\ No newline at end of file
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 ce848d03816..42e53703f6b 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 +1 @@
-define(["../../../@polymer/polymer/polymer-element.js","../lrn-shared-styles.js"],function(_polymerElement){"use strict";function _templateObject_9d0d78d054f411e9aeb367f92c5b63ab(){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_9d0d78d054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnSharedStylesDemo=function(_PolymerElement){babelHelpers.inherits(LrnSharedStylesDemo,_PolymerElement);function LrnSharedStylesDemo(){babelHelpers.classCallCheck(this,LrnSharedStylesDemo);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrnSharedStylesDemo).apply(this,arguments))}babelHelpers.createClass(LrnSharedStylesDemo,null,[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_9d0d78d054f411e9aeb367f92c5b63ab())}}]);return LrnSharedStylesDemo}(_polymerElement.PolymerElement);customElements.define("lrn-shared-styles-demo",LrnSharedStylesDemo)});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-element.js","../lrn-shared-styles.js"],function(_polymerElement){"use strict";function _templateObject_315c1bb0555211e98f439769bd191e33(){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_315c1bb0555211e98f439769bd191e33=function(){return data};return data}var LrnSharedStylesDemo=function(_PolymerElement){babelHelpers.inherits(LrnSharedStylesDemo,_PolymerElement);function LrnSharedStylesDemo(){babelHelpers.classCallCheck(this,LrnSharedStylesDemo);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrnSharedStylesDemo).apply(this,arguments))}babelHelpers.createClass(LrnSharedStylesDemo,null,[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_315c1bb0555211e98f439769bd191e33())}}]);return LrnSharedStylesDemo}(_polymerElement.PolymerElement);customElements.define("lrn-shared-styles-demo",LrnSharedStylesDemo)});
\ No newline at end of file
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 b2b327c22b0..c52ea0dce91 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 +1 @@
-define(["../../@polymer/polymer/polymer-element.js","../../@polymer/iron-flex-layout/iron-flex-layout.js"],function(_polymerElement){"use strict";function _templateObject_799c718054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n  <style include=\"iron-flex-layout\">\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_799c718054f411e9aeb367f92c5b63ab=function(){return data};return data}var styleElement=document.createElement("dom-module"),css=(0,_polymerElement.html)(_templateObject_799c718054f411e9aeb367f92c5b63ab());styleElement.appendChild(css);styleElement.register("lrn-shared-styles")});
\ No newline at end of file
+define(["../../@polymer/polymer/polymer-element.js","../../@polymer/iron-flex-layout/iron-flex-layout.js"],function(_polymerElement){"use strict";function _templateObject_15367340555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n  <style include=\"iron-flex-layout\">\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_15367340555211e98f439769bd191e33=function(){return data};return data}var styleElement=document.createElement("dom-module"),css=(0,_polymerElement.html)(_templateObject_15367340555211e98f439769bd191e33());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 9e06a3c3653..eab6c7445d6 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../csv-render/csv-render.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnTable=void 0;function _templateObject_7979a74054f411e9aeb367f92c5b63ab(){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_7979a74054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnTable=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7979a74054f411e9aeb367f92c5b63ab()),is:"lrn-table",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{title:{type:String},csvFile:{type:String},description:{type:String}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"CSV table",description:"This can generate a table from a CSV file no matter where it is located.",icon:"editor:border-all",color:"green",groups:["Presentation","Table","Data"],handles:[{type:"csv",source:"csvFile"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"csvFile",title:"Source",description:"The URL for this csv file.",inputMethod:"textfield",icon:"link",required:!0},{property:"title",title:"Title",description:"Title for the table to be generated.",inputMethod:"textfield",icon:"editor:title"},{property:"description",title:"Description",description:"More detailed description for improved accessibility of the table data.",inputMethod:"textfield",icon:"editor:short-text"}],configure:[{property:"csvFile",title:"Source",description:"The URL for this csv file.",inputMethod:"haxupload",required:!0},{property:"title",title:"Title",description:"Title for the table to be generated.",inputMethod:"textfield"},{property:"description",title:"Description",description:"More detailed description for improved accessibility of the table data.",inputMethod:"textfield"}],advanced:[]}})}});_exports.LrnTable=LrnTable});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../csv-render/csv-render.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnTable=void 0;function _templateObject_1554f7c0555211e98f439769bd191e33(){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_1554f7c0555211e98f439769bd191e33=function(){return data};return data}var LrnTable=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1554f7c0555211e98f439769bd191e33()),is:"lrn-table",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{title:{type:String},csvFile:{type:String},description:{type:String}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"CSV table",description:"This can generate a table from a CSV file no matter where it is located.",icon:"editor:border-all",color:"green",groups:["Presentation","Table","Data"],handles:[{type:"csv",source:"csvFile"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"csvFile",title:"Source",description:"The URL for this csv file.",inputMethod:"textfield",icon:"link",required:!0},{property:"title",title:"Title",description:"Title for the table to be generated.",inputMethod:"textfield",icon:"editor:title"},{property:"description",title:"Description",description:"More detailed description for improved accessibility of the table data.",inputMethod:"textfield",icon:"editor:short-text"}],configure:[{property:"csvFile",title:"Source",description:"The URL for this csv file.",inputMethod:"haxupload",required:!0},{property:"title",title:"Title",description:"Title for the table to be generated.",inputMethod:"textfield"},{property:"description",title:"Description",description:"More detailed description for improved accessibility of the table data.",inputMethod:"textfield"}],advanced:[]}})}});_exports.LrnTable=LrnTable});
\ No newline at end of file
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 8f271d4fdd3..6d43a1c2dad 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/paper-button/paper-button.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../simple-modal/simple-modal.js"],function(_exports,_polymerLegacy,_flattenedNodesObserver){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnVocab=void 0;function _templateObject_79e7d26054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\">\n        :host {\n          display: inline-flex;\n          --lrn-vocab-border: 1px dashed #ccc;\n        }\n        paper-button {\n          text-transform: none;\n          padding: 0;\n          margin: 0;\n          position: relative;\n          top: 0px;\n          border-radius: 0;\n          border-bottom: var(--lrn-vocab-border);\n          background: #f5f5f5;\n          @apply --lrn-vocab-button;\n        }\n        paper-button:hover {\n          background: #bbdefb;\n          border-bottom: 1px dashed #2196f3;\n          @apply --lrn-vocab-button-hover;\n        }\n      </style>\n    </custom-style>\n    <paper-button id=\"button\" noink on-tap=\"openDialog\">[[term]]</paper-button>\n  "]);_templateObject_79e7d26054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnVocab=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_79e7d26054f411e9aeb367f92c5b63ab()),is:"lrn-vocab",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{term:{type:String,reflectToAttribute:!0}},openDialog:function openDialog(){var children=_flattenedNodesObserver.FlattenedNodesObserver.getFlattenedNodes(this).filter(function(n){return n.nodeType===Node.ELEMENT_NODE}),c=document.createElement("div");for(var child in children){c.appendChild(children[child].cloneNode(!0))}var evt=new CustomEvent("simple-modal-show",{bubbles:!0,cancelable:!0,detail:{title:this.term,elements:{content:c},invokedBy:this.$.button}});window.dispatchEvent(evt)},attached:function attached(){window.SimpleModal.requestAvailability();this.setHaxProperties({canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Vocab",description:"Vocabulary term",icon:"image:details",color:"red",groups:["Vocab"],handles:[{type:"inline",text:"term"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"term",title:"Term",description:"The word or words to make clickable for more detail.",inputMethod:"textfield",icon:"editor:title",required:!0}],configure:[{property:"term",title:"Term",description:"The word or words to make clickable for more detail.",inputMethod:"textfield",icon:"editor:title",required:!0},{slot:"",title:"Contents",description:"Contents to display in the pop up.",inputMethod:"code-editor",required:!0}],advanced:[]}})}});_exports.LrnVocab=LrnVocab});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/paper-button/paper-button.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../simple-modal/simple-modal.js"],function(_exports,_polymerLegacy,_flattenedNodesObserver){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnVocab=void 0;function _templateObject_159b76a0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\">\n        :host {\n          display: inline-flex;\n          --lrn-vocab-border: 1px dashed #ccc;\n        }\n        paper-button {\n          text-transform: none;\n          padding: 0;\n          margin: 0;\n          position: relative;\n          top: 0px;\n          border-radius: 0;\n          border-bottom: var(--lrn-vocab-border);\n          background: #f5f5f5;\n          @apply --lrn-vocab-button;\n        }\n        paper-button:hover {\n          background: #bbdefb;\n          border-bottom: 1px dashed #2196f3;\n          @apply --lrn-vocab-button-hover;\n        }\n      </style>\n    </custom-style>\n    <paper-button id=\"button\" noink on-tap=\"openDialog\">[[term]]</paper-button>\n  "]);_templateObject_159b76a0555211e98f439769bd191e33=function(){return data};return data}var LrnVocab=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_159b76a0555211e98f439769bd191e33()),is:"lrn-vocab",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{term:{type:String,reflectToAttribute:!0}},openDialog:function openDialog(){var children=_flattenedNodesObserver.FlattenedNodesObserver.getFlattenedNodes(this).filter(function(n){return n.nodeType===Node.ELEMENT_NODE}),c=document.createElement("div");for(var child in children){c.appendChild(children[child].cloneNode(!0))}var evt=new CustomEvent("simple-modal-show",{bubbles:!0,cancelable:!0,detail:{title:this.term,elements:{content:c},invokedBy:this.$.button}});window.dispatchEvent(evt)},attached:function attached(){window.SimpleModal.requestAvailability();this.setHaxProperties({canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Vocab",description:"Vocabulary term",icon:"image:details",color:"red",groups:["Vocab"],handles:[{type:"inline",text:"term"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"term",title:"Term",description:"The word or words to make clickable for more detail.",inputMethod:"textfield",icon:"editor:title",required:!0}],configure:[{property:"term",title:"Term",description:"The word or words to make clickable for more detail.",inputMethod:"textfield",icon:"editor:title",required:!0},{slot:"",title:"Contents",description:"Contents to display in the pop up.",inputMethod:"code-editor",required:!0}],advanced:[]}})}});_exports.LrnVocab=LrnVocab});
\ No newline at end of file
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 f821d07f462..59666c38472 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-fab/paper-fab.js","../../materializecss-styles/materializecss-styles.js","../../../@polymer/iron-flex-layout/iron-flex-layout-classes.js"],function(_polymerLegacy){"use strict";function _templateObject_9d14088054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style\n      is=\"custom-style\"\n      include=\"iron-flex iron-flex-alignment materializecss-styles-colors\"\n    ></style>\n    <style>\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-center;\n        @apply --layout-end-justified;\n        margin-top: 15px;\n        margin-right: 8px;\n        /** For IE11: otherwise the label overlays the FAB */\n        min-width: 270px;\n      }\n\n      .label {\n        color: black;\n        background: white;\n        padding: 0 16px;\n        border-radius: 4px;\n        margin-right: 24px;\n      }\n\n      .fab {\n        --lrnapp-fab-background: var(--lrnapp-fab-speed-dial-action-background);\n        --lrnapp-fab-keyboard-focus-background: var(\n          --lrnapp-fab-speed-dial-action-keyboard-focus-background\n        );\n      }\n\n      .label,\n      .fab {\n        display: inline-block;\n      }\n    </style>\n\n    <div class=\"flex\">\n      <span class=\"label\"><slot></slot></span>\n    </div>\n    <paper-fab class$=\"fab [[color]]\" icon=\"[[icon]]\" mini></paper-fab>\n  "]);_templateObject_9d14088054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9d14088054f411e9aeb367f92c5b63ab()),is:"lrnapp-fab-speed-dial-action",properties:{icon:{type:String,reflectToAttribute:!0},color:{type:String,value:"blue",reflectToAttribute:!0}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-fab/paper-fab.js","../../materializecss-styles/materializecss-styles.js","../../../@polymer/iron-flex-layout/iron-flex-layout-classes.js"],function(_polymerLegacy){"use strict";function _templateObject_3162ab60555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style\n      is=\"custom-style\"\n      include=\"iron-flex iron-flex-alignment materializecss-styles-colors\"\n    ></style>\n    <style>\n      :host {\n        @apply --layout-horizontal;\n        @apply --layout-center;\n        @apply --layout-end-justified;\n        margin-top: 15px;\n        margin-right: 8px;\n        /** For IE11: otherwise the label overlays the FAB */\n        min-width: 270px;\n      }\n\n      .label {\n        color: black;\n        background: white;\n        padding: 0 16px;\n        border-radius: 4px;\n        margin-right: 24px;\n      }\n\n      .fab {\n        --lrnapp-fab-background: var(--lrnapp-fab-speed-dial-action-background);\n        --lrnapp-fab-keyboard-focus-background: var(\n          --lrnapp-fab-speed-dial-action-keyboard-focus-background\n        );\n      }\n\n      .label,\n      .fab {\n        display: inline-block;\n      }\n    </style>\n\n    <div class=\"flex\">\n      <span class=\"label\"><slot></slot></span>\n    </div>\n    <paper-fab class$=\"fab [[color]]\" icon=\"[[icon]]\" mini></paper-fab>\n  "]);_templateObject_3162ab60555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3162ab60555211e98f439769bd191e33()),is:"lrnapp-fab-speed-dial-action",properties:{icon:{type:String,reflectToAttribute:!0},color:{type:String,value:"blue",reflectToAttribute:!0}}})});
\ No newline at end of file
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 553959e4aa5..ce2975ffae2 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-fab/paper-fab.js","../paper-fab-speed-dial/paper-fab-speed-dial.js","../paper-fab-speed-dial/lib/paper-fab-speed-dial-overlay.js","../materializecss-styles/materializecss-styles.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnappFabMenu=void 0;function _templateObject_7958158054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style include=\"materializecss-styles-colors\"></style>\n      <style>\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    </custom-style>\n    <paper-fab\n      icon=\"[[icon]]\"\n      class=\"open blue\"\n      on-tap=\"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-tap=\"close\"></paper-fab>\n    </paper-fab-speed-dial-overlay>\n  "]);_templateObject_7958158054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnappFabMenu=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7958158054f411e9aeb367f92c5b63ab()),is:"lrnapp-fab-menu",properties:{icon:{type:String,value:"add"},opened:{type:Boolean,notify:!0},disabled:{type:Boolean,value:!1}},open:function open(e){if(e){e.preventDefault()}this.opened=!0},close:function close(e){if(e){e.preventDefault()}this.opened=!1}});_exports.LrnappFabMenu=LrnappFabMenu});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-fab/paper-fab.js","../paper-fab-speed-dial/paper-fab-speed-dial.js","../paper-fab-speed-dial/lib/paper-fab-speed-dial-overlay.js","../materializecss-styles/materializecss-styles.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnappFabMenu=void 0;function _templateObject_15c25f90555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style include=\"materializecss-styles-colors\"></style>\n      <style>\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    </custom-style>\n    <paper-fab\n      icon=\"[[icon]]\"\n      class=\"open blue\"\n      on-tap=\"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-tap=\"close\"></paper-fab>\n    </paper-fab-speed-dial-overlay>\n  "]);_templateObject_15c25f90555211e98f439769bd191e33=function(){return data};return data}var LrnappFabMenu=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_15c25f90555211e98f439769bd191e33()),is:"lrnapp-fab-menu",properties:{icon:{type:String,value:"add"},opened:{type:Boolean,notify:!0},disabled:{type:Boolean,value:!1}},open:function open(e){if(e){e.preventDefault()}this.opened=!0},close:function close(e){if(e){e.preventDefault()}this.opened=!1}});_exports.LrnappFabMenu=LrnappFabMenu});
\ No newline at end of file
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 80bd4a09ee1..864bddf9b59 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignAbbreviation=void 0;function _templateObject_7a9836a054f411e9aeb367f92c5b63ab(){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_7a9836a054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignAbbreviation=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7a9836a054f411e9aeb367f92c5b63ab()),is:"lrndesign-abbreviation",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{abbr:{type:String,reflectToAttribute:!0,notify:!0},phrase:{type:String,reflectToAttribute:!0,notify:!0}},attached:function attached(){this.setHaxProperties({canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Abbreviation",description:"Simple abbreviation with tooltip of full word",icon:"editor:title",color:"grey",groups:["Instructional","Term"],handles:[{type:"inline",text:"text"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"abbr",title:"Abbreviation",description:"Abbreviation word",inputMethod:"textfield",icon:"editor:title"},{property:"phrase",title:"Phrase",description:"The phrase / original words",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"abbr",title:"Abbreviation",description:"Abbreviation word",inputMethod:"textfield",icon:"editor:title"},{property:"phrase",title:"Phrase",description:"The phrase / original words",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})}});_exports.LrndesignAbbreviation=LrndesignAbbreviation});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignAbbreviation=void 0;function _templateObject_161d77e0555211e98f439769bd191e33(){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_161d77e0555211e98f439769bd191e33=function(){return data};return data}var LrndesignAbbreviation=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_161d77e0555211e98f439769bd191e33()),is:"lrndesign-abbreviation",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{abbr:{type:String,reflectToAttribute:!0,notify:!0},phrase:{type:String,reflectToAttribute:!0,notify:!0}},attached:function attached(){this.setHaxProperties({canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Abbreviation",description:"Simple abbreviation with tooltip of full word",icon:"editor:title",color:"grey",groups:["Instructional","Term"],handles:[{type:"inline",text:"text"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"abbr",title:"Abbreviation",description:"Abbreviation word",inputMethod:"textfield",icon:"editor:title"},{property:"phrase",title:"Phrase",description:"The phrase / original words",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"abbr",title:"Abbreviation",description:"Abbreviation word",inputMethod:"textfield",icon:"editor:title"},{property:"phrase",title:"Phrase",description:"The phrase / original words",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})}});_exports.LrndesignAbbreviation=LrndesignAbbreviation});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-animationctrl/lib/lrndesign-animationctrl-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-animationctrl/lib/lrndesign-animationctrl-button.js
index 7fb9c350d3f..c445e336988 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-animationctrl/lib/lrndesign-animationctrl-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-animationctrl/lib/lrndesign-animationctrl-button.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-icon/iron-icon.js"],function(_polymerLegacy){"use strict";function _templateObject_9d189c6054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      paper-button {\n        @apply --animationctrl-button;\n      }\n      iron-icon {\n        display: inline-flex;\n      }\n      :host iron-icon[hidden] {\n        display: none;\n      }\n    </style>\n    <paper-button raised=\"\" id=\"[[name]]\" on-tap=\"_tap\">\n      [[name]]\n      <iron-icon icon=\"[[icon]]\" hidden$=\"[[!icon]]\"></iron-icon>\n    </paper-button>\n  "]);_templateObject_9d189c6054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9d189c6054f411e9aeb367f92c5b63ab()),is:"lrndesign-animationctrl-button",properties:{name:{type:String,value:"buttonid"},icon:{type:String,value:!1}},_tap:function _tap(e){e.preventDefault();this.fire("lrndesign-animationctrl-click",{button:this.name})}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-icon/iron-icon.js"],function(_polymerLegacy){"use strict";function _templateObject_3167b470555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      paper-button {\n        @apply --animationctrl-button;\n      }\n      iron-icon {\n        display: inline-flex;\n      }\n      :host iron-icon[hidden] {\n        display: none;\n      }\n    </style>\n    <paper-button raised=\"\" id=\"[[name]]\" on-tap=\"_tap\">\n      [[name]]\n      <iron-icon icon=\"[[icon]]\" hidden$=\"[[!icon]]\"></iron-icon>\n    </paper-button>\n  "]);_templateObject_3167b470555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3167b470555211e98f439769bd191e33()),is:"lrndesign-animationctrl-button",properties:{name:{type:String,value:"buttonid"},icon:{type:String,value:!1}},_tap:function _tap(e){e.preventDefault();this.fire("lrndesign-animationctrl-click",{button:this.name})}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-animationctrl/lrndesign-animationctrl.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-animationctrl/lrndesign-animationctrl.js
index 32e7e082bd6..e87cc871695 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-animationctrl/lrndesign-animationctrl.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-animationctrl/lrndesign-animationctrl.js
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","./lib/lrndesign-animationctrl-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignAnimationctrl=void 0;function _templateObject_7b42806054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        background: var(--animationctrl-bg-color);\n        --animationctrl-bg-color: #f5f5f5;\n      }\n      .buttons {\n        padding: 16px;\n        text-align: center;\n        display: flex;\n        justify-content: center;\n        align-items: stretch;\n        @apply --animationctrl-buttons;\n      }\n      :host .buttons ::slotted(*) {\n        display: flex;\n      }\n    </style>\n    <div class=\"buttons\"><slot></slot></div>\n  "]);_templateObject_7b42806054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignAnimationctrl=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7b42806054f411e9aeb367f92c5b63ab()),is:"lrndesign-animationctrl",properties:{},listeners:{"lrndesign-animationctrl-button-click":"_buttonClicked"},_buttonClicked:function _buttonClicked(){},ready:function ready(){}});_exports.LrndesignAnimationctrl=LrndesignAnimationctrl});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","./lib/lrndesign-animationctrl-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignAnimationctrl=void 0;function _templateObject_16465ca0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        background: var(--animationctrl-bg-color);\n        --animationctrl-bg-color: #f5f5f5;\n      }\n      .buttons {\n        padding: 16px;\n        text-align: center;\n        display: flex;\n        justify-content: center;\n        align-items: stretch;\n        @apply --animationctrl-buttons;\n      }\n      :host .buttons ::slotted(*) {\n        display: flex;\n      }\n    </style>\n    <div class=\"buttons\"><slot></slot></div>\n  "]);_templateObject_16465ca0555211e98f439769bd191e33=function(){return data};return data}var LrndesignAnimationctrl=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_16465ca0555211e98f439769bd191e33()),is:"lrndesign-animationctrl",properties:{},listeners:{"lrndesign-animationctrl-button-click":"_buttonClicked"},_buttonClicked:function _buttonClicked(){},ready:function ready(){}});_exports.LrndesignAnimationctrl=LrndesignAnimationctrl});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-audio-player/lrndesign-audio-player.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-audio-player/lrndesign-audio-player.js
index 28d05a1140a..86cbf857553 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-audio-player/lrndesign-audio-player.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-audio-player/lrndesign-audio-player.js
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-progress/paper-progress.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/paper-ripple/paper-ripple.js","../../@polymer/iron-a11y-keys-behavior/iron-a11y-keys-behavior.js","./lib/lrndesign-audio-player-icons.js"],function(_exports,_polymerLegacy,_paperProgress,_ironIcon,_paperIconButton,_paperRipple,_ironA11yKeysBehavior){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignAudioPlayer=void 0;function _templateObject_7c0c11f054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        /*margin: auto 10px;\n        width: 100%;*/\n        box-sizing: border-box;\n        font-family: \"Roboto Mono\", \"Helvetica Neue\", Arial, sans-serif;\n      }\n\n      #wrapper {\n        position: relative;\n        cursor: pointer;\n        height: 50px;\n        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\n      }\n\n      #left,\n      #right {\n        height: 50px;\n        width: 50px;\n        position: relative;\n      }\n\n      #left {\n        background-color: var(--lrndesign-audio-player-color, blueviolet);\n      }\n\n      #right {\n        background-color: rgba(255, 255, 255, 0.75);\n      }\n\n      paper-icon-button,\n      iron-icon {\n        color: #fff;\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(--lrndesign-audio-player-color, blueviolet);\n      }\n\n      paper-icon-button,\n      iron-icon {\n        margin: auto;\n      }\n\n      #replay {\n        opacity: 0;\n        color: var(--lrndesign-audio-player-color, blueviolet);\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(--lrndesign-audio-player-color, blueviolet);\n      }\n\n      #progress2 {\n        width: 0px;\n        z-index: 5;\n        color: #fff;\n        overflow: hidden;\n      }\n\n      #center {\n        position: relative;\n        overflow: hidden;\n        background-color: rgba(255, 255, 255, 0.75);\n      }\n\n      #progress {\n        width: 100%;\n        transform-origin: left;\n        transform: scaleX(0);\n        background-color: var(--lrndesign-audio-player-color, blueviolet);\n      }\n\n      paper-ripple {\n        color: var(--lrndesign-audio-player-color, blueviolet);\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\n    <div id=\"wrapper\" class=\"layout-horizontal\">\n      <div id=\"left\" class=\"self-start\" on-tap=\"playPause\">\n        <!-- Icon -->\n        <paper-icon-button\n          id=\"play\"\n          icon=\"lrndesign-audio-player-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=\"lrndesign-audio-player-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=\"lrndesign-audio-player-icons:error-outline\"\n          class=\"fit\"\n          hidden$=\"{{ !error }}\"\n        ></iron-icon>\n      </div>\n\n      <div id=\"center\" class=\"flex\" on-down=\"_onDown\">\n        <!-- Title -->\n        <div id=\"title\" class=\"fit\" role=\"alert\">{{ title }}</div>\n\n        <!-- Audio HTML5 element -->\n        <audio\n          id=\"audio\"\n          src=\"{{ src }}\"\n          preload=\"{{ _setPreload(autoPlay, preload) }}\"\n        ></audio>\n\n        <!-- Progress bar -->\n        <div id=\"progress\" class=\"fit\"></div>\n\n        <paper-ripple></paper-ripple>\n\n        <!-- Secondary white title -->\n        <div id=\"progress2\" class=\"fit\">\n          <div id=\"title2\" aria-hidden=\"true\">{{ title }}</div>\n        </div>\n      </div>\n\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\n        <!-- Icon -->\n        <paper-icon-button\n          id=\"replay\"\n          class=\"fit\"\n          icon=\"lrndesign-audio-player-icons:replay\"\n          tabindex=\"-1\"\n          role=\"button\"\n          aria-label=\"Replay Audio\"\n        ></paper-icon-button>\n      </div>\n    </div>\n  "],["\n    <style>\n      :host {\n        display: block;\n        /*margin: auto 10px;\n        width: 100%;*/\n        box-sizing: border-box;\n        font-family: \"Roboto Mono\", \"Helvetica Neue\", Arial, sans-serif;\n      }\n\n      #wrapper {\n        position: relative;\n        cursor: pointer;\n        height: 50px;\n        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\n      }\n\n      #left,\n      #right {\n        height: 50px;\n        width: 50px;\n        position: relative;\n      }\n\n      #left {\n        background-color: var(--lrndesign-audio-player-color, blueviolet);\n      }\n\n      #right {\n        background-color: rgba(255, 255, 255, 0.75);\n      }\n\n      paper-icon-button,\n      iron-icon {\n        color: #fff;\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(--lrndesign-audio-player-color, blueviolet);\n      }\n\n      paper-icon-button,\n      iron-icon {\n        margin: auto;\n      }\n\n      #replay {\n        opacity: 0;\n        color: var(--lrndesign-audio-player-color, blueviolet);\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(--lrndesign-audio-player-color, blueviolet);\n      }\n\n      #progress2 {\n        width: 0px;\n        z-index: 5;\n        color: #fff;\n        overflow: hidden;\n      }\n\n      #center {\n        position: relative;\n        overflow: hidden;\n        background-color: rgba(255, 255, 255, 0.75);\n      }\n\n      #progress {\n        width: 100%;\n        transform-origin: left;\n        transform: scaleX(0);\n        background-color: var(--lrndesign-audio-player-color, blueviolet);\n      }\n\n      paper-ripple {\n        color: var(--lrndesign-audio-player-color, blueviolet);\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\n    <div id=\"wrapper\" class=\"layout-horizontal\">\n      <div id=\"left\" class=\"self-start\" on-tap=\"playPause\">\n        <!-- Icon -->\n        <paper-icon-button\n          id=\"play\"\n          icon=\"lrndesign-audio-player-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=\"lrndesign-audio-player-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=\"lrndesign-audio-player-icons:error-outline\"\n          class=\"fit\"\n          hidden\\$=\"{{ !error }}\"\n        ></iron-icon>\n      </div>\n\n      <div id=\"center\" class=\"flex\" on-down=\"_onDown\">\n        <!-- Title -->\n        <div id=\"title\" class=\"fit\" role=\"alert\">{{ title }}</div>\n\n        <!-- Audio HTML5 element -->\n        <audio\n          id=\"audio\"\n          src=\"{{ src }}\"\n          preload=\"{{ _setPreload(autoPlay, preload) }}\"\n        ></audio>\n\n        <!-- Progress bar -->\n        <div id=\"progress\" class=\"fit\"></div>\n\n        <paper-ripple></paper-ripple>\n\n        <!-- Secondary white title -->\n        <div id=\"progress2\" class=\"fit\">\n          <div id=\"title2\" aria-hidden=\"true\">{{ title }}</div>\n        </div>\n      </div>\n\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\n        <!-- Icon -->\n        <paper-icon-button\n          id=\"replay\"\n          class=\"fit\"\n          icon=\"lrndesign-audio-player-icons:replay\"\n          tabindex=\"-1\"\n          role=\"button\"\n          aria-label=\"Replay Audio\"\n        ></paper-icon-button>\n      </div>\n    </div>\n  "]);_templateObject_7c0c11f054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignAudioPlayer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7c0c11f054f411e9aeb367f92c5b63ab()),is:"lrndesign-audio-player",behaviors:[_ironA11yKeysBehavior.IronA11yKeysBehavior],hostAttributes:{tabindex:0,role:"application","aria-label":"Audio Player","aria-describedby":"title"},properties:{src:{type:String,observer:"_srcChanged"},title:{type:String,value:"Click to play this audio file"},color:{type:String,observer:"_changeColor"},autoPlay:{type:Boolean,value:!1},preload:{type:String,value:"auto"},currentTime:{type:Number,value:0,notify:!0},timeLeft:{type:Number,value:0},smallSkip:{type:Number,value:15},largeSkip:{type:Number,value:60},error:{type:Boolean},timeOffset:{type:Number,value:0}},keyBindings:{space:"playPause",enter:"playPause",left:"_skipReverseByInterval",right:"_skipReverseByInterval",down:"_skipReverseByInterval",up:"_skipReverseByInterval"},ready:function ready(){var player=this;player.canBePlayed=!1;player.isPlaying=!1;player.ended=!1;player.error=!1;player.$.audio.currentTime=player.timeOffset},attached:function attached(){this.$.audio.addEventListener("loadedmetadata",this._onCanPlay.bind(this));this.$.audio.addEventListener("playing",this._onPlaying.bind(this));this.$.audio.addEventListener("pause",this._onPause.bind(this));this.$.audio.addEventListener("ended",this._onEnd.bind(this));this.$.audio.addEventListener("error",this._onError.bind(this))},detached:function detached(){this.$.audio.removeEventListener("loadedmetadata",this._onCanPlay.bind(this));this.$.audio.removeEventListener("playing",this._onPlaying.bind(this));this.$.audio.removeEventListener("pause",this._onPause.bind(this));this.$.audio.removeEventListener("ended",this._onEnd.bind(this));this.$.audio.removeEventListener("error",this._onError.bind(this))},playPause:function playPause(e){if(!!e)e.preventDefault();var player=this;if(player.canBePlayed){return player.isPlaying?player.$.audio.pause():player.$.audio.play()}else if("none"===player.preload){player.$.audio.load();player.$.audio.play()}},restart:function restart(e){if(!!e)e.preventDefault();var player=this;player.$.audio.currentTime=0;if(!player.isPlaying)player.$.audio.play()},_onCanPlay:function _onCanPlay(){var player=this;player.canBePlayed=!0;player.timeLeft=player.$.audio.duration;if(0<player.timeOffset){var percentagePlayed=player.timeOffset/player.$.audio.duration;player._updateVisualProgress(percentagePlayed)}if(player.autoPlay)player.$.audio.play()},_onPlaying:function _onPlaying(){var player=this;player.ended=!1;player.isPlaying=!0;player.$.replay.style="";player._startProgressTimer()},_skipReverseByInterval:function _skipReverseByInterval(e){if(!!e)e.preventDefault();var player=this,newTime=0;switch(e.detail.key){case"up":if(player.largeSkip<player.timeLeft)newTime=player.currentTime+player.largeSkip;break;case"down":if(0<player.currentTime-player.largeSkip)newTime=player.currentTime-player.largeSkip;break;case"right":if(player.smallSkip<player.timeLeft)newTime=player.currentTime+player.smallSkip;break;default:if(0<player.currentTime-player.smallSkip)newTime=player.currentTime-player.smallSkip;}player._updatePlayPosition(newTime);if(!player.isPlaying)player.$.audio.play()},_startProgressTimer:function _startProgressTimer(){var player=this;player.timer={};if(player.timer.sliderUpdateInterval){clearInterval(player.timer.sliderUpdateInterval)}player.timer.sliderUpdateInterval=setInterval(function(){if(player.isPlaying){player.currentTime=player.$.audio.currentTime;player.timeLeft=player.$.audio.duration-player.currentTime;var percentagePlayed=player.currentTime/player.$.audio.duration;player._updateVisualProgress(percentagePlayed)}else{clearInterval(player.timer.sliderUpdateInterval)}},60)},_onPause:function _onPause(){var player=this;player.isPlaying=!1},_onEnd:function _onEnd(){var player=this;player.ended=!0;player.isPlaying=!1;player.$.replay.style.opacity=1},_onError:function _onError(){var player=this;player.classList.add("cantplay");player.title="Sorry, can't play track: "+player.title;player.error=!0;player.setAttribute("aria-invalid","true")},_convertSecToMin:function _convertSecToMin(seconds){var _Mathfloor=Math.floor;if(0===seconds)return"";var minutes=_Mathfloor(seconds/60),secondsToCalc=_Mathfloor(seconds%60)+"";return minutes+":"+(2>secondsToCalc.length?"0"+secondsToCalc:secondsToCalc)},_onDown:function _onDown(e){e.preventDefault();var player=this;if(player.canBePlayed){player._updateProgressBar(e);if(!player.isPlaying)player.$.audio.play()}else if("none"===player.preload){player.$.audio.load();player.$.audio.addEventListener("loadedmetadata",function(){player._updateProgressBar(e);if(!player.isPlaying)player.$.audio.play()},!1)}},_updateProgressBar:function _updateProgressBar(e){var player=this,x=e.detail.x-player.$.center.getBoundingClientRect().left,r=x/player.$.center.getBoundingClientRect().width*player.$.audio.duration;this._updatePlayPosition(r)},_updatePlayPosition:function _updatePlayPosition(newTime){var player=this;player.currentTime=player.$.audio.currentTime=newTime;var percentagePlayed=player.currentTime/player.$.audio.duration;player._updateVisualProgress(percentagePlayed)},_updateVisualProgress:function _updateVisualProgress(percentagePlayed){var player=this;player.$.progress.style.transform="scaleX("+percentagePlayed+")";player.$.progress2.style.width=100*percentagePlayed+"%";player.$.title2.style.width=100*(1/percentagePlayed)+"%"},_srcChanged:function _srcChanged(){var player=this;if(player.isPlaying){player.$.audio.pause();player.$.audio.play()}},_changeColor:function _changeColor(newValue){var player=this;player.$.left.style.backgroundColor=newValue;player.$.title.style.color=newValue;player.$.duration.style.color=newValue;player.$.progress.style.backgroundColor=newValue;player.$.replay.style.color=newValue},_hidePlayIcon:function _hidePlayIcon(isPlaying,canBePlayed){return isPlaying?!0:!(canBePlayed||"none"===this.preload)},_setPreload:function _setPreload(autoplay,preload){return autoplay?"auto":preload}});_exports.LrndesignAudioPlayer=LrndesignAudioPlayer});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-progress/paper-progress.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/paper-ripple/paper-ripple.js","../../@polymer/iron-a11y-keys-behavior/iron-a11y-keys-behavior.js","./lib/lrndesign-audio-player-icons.js"],function(_exports,_polymerLegacy,_paperProgress,_ironIcon,_paperIconButton,_paperRipple,_ironA11yKeysBehavior){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignAudioPlayer=void 0;function _templateObject_166640b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        /*margin: auto 10px;\n        width: 100%;*/\n        box-sizing: border-box;\n        font-family: \"Roboto Mono\", \"Helvetica Neue\", Arial, sans-serif;\n      }\n\n      #wrapper {\n        position: relative;\n        cursor: pointer;\n        height: 50px;\n        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\n      }\n\n      #left,\n      #right {\n        height: 50px;\n        width: 50px;\n        position: relative;\n      }\n\n      #left {\n        background-color: var(--lrndesign-audio-player-color, blueviolet);\n      }\n\n      #right {\n        background-color: rgba(255, 255, 255, 0.75);\n      }\n\n      paper-icon-button,\n      iron-icon {\n        color: #fff;\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(--lrndesign-audio-player-color, blueviolet);\n      }\n\n      paper-icon-button,\n      iron-icon {\n        margin: auto;\n      }\n\n      #replay {\n        opacity: 0;\n        color: var(--lrndesign-audio-player-color, blueviolet);\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(--lrndesign-audio-player-color, blueviolet);\n      }\n\n      #progress2 {\n        width: 0px;\n        z-index: 5;\n        color: #fff;\n        overflow: hidden;\n      }\n\n      #center {\n        position: relative;\n        overflow: hidden;\n        background-color: rgba(255, 255, 255, 0.75);\n      }\n\n      #progress {\n        width: 100%;\n        transform-origin: left;\n        transform: scaleX(0);\n        background-color: var(--lrndesign-audio-player-color, blueviolet);\n      }\n\n      paper-ripple {\n        color: var(--lrndesign-audio-player-color, blueviolet);\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\n    <div id=\"wrapper\" class=\"layout-horizontal\">\n      <div id=\"left\" class=\"self-start\" on-tap=\"playPause\">\n        <!-- Icon -->\n        <paper-icon-button\n          id=\"play\"\n          icon=\"lrndesign-audio-player-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=\"lrndesign-audio-player-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=\"lrndesign-audio-player-icons:error-outline\"\n          class=\"fit\"\n          hidden$=\"{{ !error }}\"\n        ></iron-icon>\n      </div>\n\n      <div id=\"center\" class=\"flex\" on-down=\"_onDown\">\n        <!-- Title -->\n        <div id=\"title\" class=\"fit\" role=\"alert\">{{ title }}</div>\n\n        <!-- Audio HTML5 element -->\n        <audio\n          id=\"audio\"\n          src=\"{{ src }}\"\n          preload=\"{{ _setPreload(autoPlay, preload) }}\"\n        ></audio>\n\n        <!-- Progress bar -->\n        <div id=\"progress\" class=\"fit\"></div>\n\n        <paper-ripple></paper-ripple>\n\n        <!-- Secondary white title -->\n        <div id=\"progress2\" class=\"fit\">\n          <div id=\"title2\" aria-hidden=\"true\">{{ title }}</div>\n        </div>\n      </div>\n\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\n        <!-- Icon -->\n        <paper-icon-button\n          id=\"replay\"\n          class=\"fit\"\n          icon=\"lrndesign-audio-player-icons:replay\"\n          tabindex=\"-1\"\n          role=\"button\"\n          aria-label=\"Replay Audio\"\n        ></paper-icon-button>\n      </div>\n    </div>\n  "],["\n    <style>\n      :host {\n        display: block;\n        /*margin: auto 10px;\n        width: 100%;*/\n        box-sizing: border-box;\n        font-family: \"Roboto Mono\", \"Helvetica Neue\", Arial, sans-serif;\n      }\n\n      #wrapper {\n        position: relative;\n        cursor: pointer;\n        height: 50px;\n        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);\n      }\n\n      #left,\n      #right {\n        height: 50px;\n        width: 50px;\n        position: relative;\n      }\n\n      #left {\n        background-color: var(--lrndesign-audio-player-color, blueviolet);\n      }\n\n      #right {\n        background-color: rgba(255, 255, 255, 0.75);\n      }\n\n      paper-icon-button,\n      iron-icon {\n        color: #fff;\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(--lrndesign-audio-player-color, blueviolet);\n      }\n\n      paper-icon-button,\n      iron-icon {\n        margin: auto;\n      }\n\n      #replay {\n        opacity: 0;\n        color: var(--lrndesign-audio-player-color, blueviolet);\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(--lrndesign-audio-player-color, blueviolet);\n      }\n\n      #progress2 {\n        width: 0px;\n        z-index: 5;\n        color: #fff;\n        overflow: hidden;\n      }\n\n      #center {\n        position: relative;\n        overflow: hidden;\n        background-color: rgba(255, 255, 255, 0.75);\n      }\n\n      #progress {\n        width: 100%;\n        transform-origin: left;\n        transform: scaleX(0);\n        background-color: var(--lrndesign-audio-player-color, blueviolet);\n      }\n\n      paper-ripple {\n        color: var(--lrndesign-audio-player-color, blueviolet);\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\n    <div id=\"wrapper\" class=\"layout-horizontal\">\n      <div id=\"left\" class=\"self-start\" on-tap=\"playPause\">\n        <!-- Icon -->\n        <paper-icon-button\n          id=\"play\"\n          icon=\"lrndesign-audio-player-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=\"lrndesign-audio-player-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=\"lrndesign-audio-player-icons:error-outline\"\n          class=\"fit\"\n          hidden\\$=\"{{ !error }}\"\n        ></iron-icon>\n      </div>\n\n      <div id=\"center\" class=\"flex\" on-down=\"_onDown\">\n        <!-- Title -->\n        <div id=\"title\" class=\"fit\" role=\"alert\">{{ title }}</div>\n\n        <!-- Audio HTML5 element -->\n        <audio\n          id=\"audio\"\n          src=\"{{ src }}\"\n          preload=\"{{ _setPreload(autoPlay, preload) }}\"\n        ></audio>\n\n        <!-- Progress bar -->\n        <div id=\"progress\" class=\"fit\"></div>\n\n        <paper-ripple></paper-ripple>\n\n        <!-- Secondary white title -->\n        <div id=\"progress2\" class=\"fit\">\n          <div id=\"title2\" aria-hidden=\"true\">{{ title }}</div>\n        </div>\n      </div>\n\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\n        <!-- Icon -->\n        <paper-icon-button\n          id=\"replay\"\n          class=\"fit\"\n          icon=\"lrndesign-audio-player-icons:replay\"\n          tabindex=\"-1\"\n          role=\"button\"\n          aria-label=\"Replay Audio\"\n        ></paper-icon-button>\n      </div>\n    </div>\n  "]);_templateObject_166640b0555211e98f439769bd191e33=function(){return data};return data}var LrndesignAudioPlayer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_166640b0555211e98f439769bd191e33()),is:"lrndesign-audio-player",behaviors:[_ironA11yKeysBehavior.IronA11yKeysBehavior],hostAttributes:{tabindex:0,role:"application","aria-label":"Audio Player","aria-describedby":"title"},properties:{src:{type:String,observer:"_srcChanged"},title:{type:String,value:"Click to play this audio file"},color:{type:String,observer:"_changeColor"},autoPlay:{type:Boolean,value:!1},preload:{type:String,value:"auto"},currentTime:{type:Number,value:0,notify:!0},timeLeft:{type:Number,value:0},smallSkip:{type:Number,value:15},largeSkip:{type:Number,value:60},error:{type:Boolean},timeOffset:{type:Number,value:0}},keyBindings:{space:"playPause",enter:"playPause",left:"_skipReverseByInterval",right:"_skipReverseByInterval",down:"_skipReverseByInterval",up:"_skipReverseByInterval"},ready:function ready(){var player=this;player.canBePlayed=!1;player.isPlaying=!1;player.ended=!1;player.error=!1;player.$.audio.currentTime=player.timeOffset},attached:function attached(){this.$.audio.addEventListener("loadedmetadata",this._onCanPlay.bind(this));this.$.audio.addEventListener("playing",this._onPlaying.bind(this));this.$.audio.addEventListener("pause",this._onPause.bind(this));this.$.audio.addEventListener("ended",this._onEnd.bind(this));this.$.audio.addEventListener("error",this._onError.bind(this))},detached:function detached(){this.$.audio.removeEventListener("loadedmetadata",this._onCanPlay.bind(this));this.$.audio.removeEventListener("playing",this._onPlaying.bind(this));this.$.audio.removeEventListener("pause",this._onPause.bind(this));this.$.audio.removeEventListener("ended",this._onEnd.bind(this));this.$.audio.removeEventListener("error",this._onError.bind(this))},playPause:function playPause(e){if(!!e)e.preventDefault();var player=this;if(player.canBePlayed){return player.isPlaying?player.$.audio.pause():player.$.audio.play()}else if("none"===player.preload){player.$.audio.load();player.$.audio.play()}},restart:function restart(e){if(!!e)e.preventDefault();var player=this;player.$.audio.currentTime=0;if(!player.isPlaying)player.$.audio.play()},_onCanPlay:function _onCanPlay(){var player=this;player.canBePlayed=!0;player.timeLeft=player.$.audio.duration;if(0<player.timeOffset){var percentagePlayed=player.timeOffset/player.$.audio.duration;player._updateVisualProgress(percentagePlayed)}if(player.autoPlay)player.$.audio.play()},_onPlaying:function _onPlaying(){var player=this;player.ended=!1;player.isPlaying=!0;player.$.replay.style="";player._startProgressTimer()},_skipReverseByInterval:function _skipReverseByInterval(e){if(!!e)e.preventDefault();var player=this,newTime=0;switch(e.detail.key){case"up":if(player.largeSkip<player.timeLeft)newTime=player.currentTime+player.largeSkip;break;case"down":if(0<player.currentTime-player.largeSkip)newTime=player.currentTime-player.largeSkip;break;case"right":if(player.smallSkip<player.timeLeft)newTime=player.currentTime+player.smallSkip;break;default:if(0<player.currentTime-player.smallSkip)newTime=player.currentTime-player.smallSkip;}player._updatePlayPosition(newTime);if(!player.isPlaying)player.$.audio.play()},_startProgressTimer:function _startProgressTimer(){var player=this;player.timer={};if(player.timer.sliderUpdateInterval){clearInterval(player.timer.sliderUpdateInterval)}player.timer.sliderUpdateInterval=setInterval(function(){if(player.isPlaying){player.currentTime=player.$.audio.currentTime;player.timeLeft=player.$.audio.duration-player.currentTime;var percentagePlayed=player.currentTime/player.$.audio.duration;player._updateVisualProgress(percentagePlayed)}else{clearInterval(player.timer.sliderUpdateInterval)}},60)},_onPause:function _onPause(){var player=this;player.isPlaying=!1},_onEnd:function _onEnd(){var player=this;player.ended=!0;player.isPlaying=!1;player.$.replay.style.opacity=1},_onError:function _onError(){var player=this;player.classList.add("cantplay");player.title="Sorry, can't play track: "+player.title;player.error=!0;player.setAttribute("aria-invalid","true")},_convertSecToMin:function _convertSecToMin(seconds){var _Mathfloor=Math.floor;if(0===seconds)return"";var minutes=_Mathfloor(seconds/60),secondsToCalc=_Mathfloor(seconds%60)+"";return minutes+":"+(2>secondsToCalc.length?"0"+secondsToCalc:secondsToCalc)},_onDown:function _onDown(e){e.preventDefault();var player=this;if(player.canBePlayed){player._updateProgressBar(e);if(!player.isPlaying)player.$.audio.play()}else if("none"===player.preload){player.$.audio.load();player.$.audio.addEventListener("loadedmetadata",function(){player._updateProgressBar(e);if(!player.isPlaying)player.$.audio.play()},!1)}},_updateProgressBar:function _updateProgressBar(e){var player=this,x=e.detail.x-player.$.center.getBoundingClientRect().left,r=x/player.$.center.getBoundingClientRect().width*player.$.audio.duration;this._updatePlayPosition(r)},_updatePlayPosition:function _updatePlayPosition(newTime){var player=this;player.currentTime=player.$.audio.currentTime=newTime;var percentagePlayed=player.currentTime/player.$.audio.duration;player._updateVisualProgress(percentagePlayed)},_updateVisualProgress:function _updateVisualProgress(percentagePlayed){var player=this;player.$.progress.style.transform="scaleX("+percentagePlayed+")";player.$.progress2.style.width=100*percentagePlayed+"%";player.$.title2.style.width=100*(1/percentagePlayed)+"%"},_srcChanged:function _srcChanged(){var player=this;if(player.isPlaying){player.$.audio.pause();player.$.audio.play()}},_changeColor:function _changeColor(newValue){var player=this;player.$.left.style.backgroundColor=newValue;player.$.title.style.color=newValue;player.$.duration.style.color=newValue;player.$.progress.style.backgroundColor=newValue;player.$.replay.style.color=newValue},_hidePlayIcon:function _hidePlayIcon(isPlaying,canBePlayed){return isPlaying?!0:!(canBePlayed||"none"===this.preload)},_setPreload:function _setPreload(autoplay,preload){return autoplay?"auto":preload}});_exports.LrndesignAudioPlayer=LrndesignAudioPlayer});
\ No newline at end of file
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 5210a3013cb..2f651d989f5 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../paper-avatar/paper-avatar.js","../materializecss-styles/materializecss-styles.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignAvatar=void 0;function _templateObject_7ac2f02054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n      }\n    </style>\n    <paper-avatar\n      label=\"[[label]]\"\n      src=\"[[src]]\"\n      two-chars=\"[[twoChars]]\"\n      class$=\"[[color]]\"\n      jdenticon=\"[[jdenticon]]\"\n    ></paper-avatar>\n  "]);_templateObject_7ac2f02054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignAvatar=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7ac2f02054f411e9aeb367f92c5b63ab()),is:"lrndesign-avatar",properties:{label:{type:String,value:"lrndesign-avatar"},src:{type:String},twoChars:{type:Boolean,value:!1},color:{type:String,reflectToAttribute:!0},jdenticon:{type:Boolean,value:!1}}});_exports.LrndesignAvatar=LrndesignAvatar});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../paper-avatar/paper-avatar.js","../materializecss-styles/materializecss-styles.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignAvatar=void 0;function _templateObject_16ad5bd0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n      }\n    </style>\n    <paper-avatar\n      label=\"[[label]]\"\n      src=\"[[src]]\"\n      two-chars=\"[[twoChars]]\"\n      class$=\"[[color]]\"\n      jdenticon=\"[[jdenticon]]\"\n    ></paper-avatar>\n  "]);_templateObject_16ad5bd0555211e98f439769bd191e33=function(){return data};return data}var LrndesignAvatar=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_16ad5bd0555211e98f439769bd191e33()),is:"lrndesign-avatar",properties:{label:{type:String,value:"lrndesign-avatar"},src:{type:String},twoChars:{type:Boolean,value:!1},color:{type:String,reflectToAttribute:!0},jdenticon:{type:Boolean,value:!1}}});_exports.LrndesignAvatar=LrndesignAvatar});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-biocard/lrndesign-biocard.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-biocard/lrndesign-biocard.js
index e1b5a3c547b..1890afdfd82 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-biocard/lrndesign-biocard.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-biocard/lrndesign-biocard.js
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-card/paper-card.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-icons/iron-icons.js","../paper-contact/paper-contact.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignBiocard=void 0;function _templateObject_7c4fd1b054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      iron-icon {\n        display: inline-block;\n      }\n    </style>\n    <paper-card image=\"[[image]]\">\n      <div class=\"card-content\">\n        <div class=\"cafe-header\">[[instructorName]]</div>\n        <p>\n          Contact Me:<br />\n          <paper-contact-list>\n            <paper-contact-address latitude=\"51.5287718\" longitude=\"-0.2416798\"\n              >[[address]]</paper-contact-address\n            >\n            <paper-contact-email>[[email]]</paper-contact-email>\n            <paper-contact-phone>[[phone]]</paper-contact-phone>\n            <paper-contact-mobile>[[phone]]</paper-contact-mobile>\n          </paper-contact-list>\n        </p>\n        <p><slot></slot></p>\n        <p><iron-icon icon=\"icons:query-builder\"></iron-icon> Office Hours:</p>\n        [[officeHours]]\n        <p>\n          <a href=\"mailto:[[email]]\">\n            <paper-button raised\n              ><iron-icon icon=\"icons:today\"></iron-icon> Schedule\n              Appointment</paper-button\n            >\n          </a>\n        </p>\n        <p>\n          Social\n          <paper-contact-list style=\"width: 300px;\">\n            <paper-contact-linkedin>[[linkedin]]</paper-contact-linkedin>\n            <paper-contact-twitter>[[twitter]]</paper-contact-twitter>\n            <paper-contact-skype>[[videoConf]]</paper-contact-skype>\n          </paper-contact-list>\n        </p>\n      </div>\n    </paper-card>\n  "]);_templateObject_7c4fd1b054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignBiocard=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7c4fd1b054f411e9aeb367f92c5b63ab()),is:"lrndesign-biocard",properties:{title:{type:String,value:"lrndesign-biocard"},image:{type:String,value:""},instructorName:{type:String,value:""},address:{type:String,value:""},phone:{type:String,value:""},email:{type:String,value:""},officeHours:{type:String,value:""},linkedin:{type:String,value:""},twitter:{type:String,value:""},videoConf:{type:String,value:""}}});_exports.LrndesignBiocard=LrndesignBiocard});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-card/paper-card.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-icons/iron-icons.js","../paper-contact/paper-contact.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignBiocard=void 0;function _templateObject_16c48d50555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      iron-icon {\n        display: inline-block;\n      }\n    </style>\n    <paper-card image=\"[[image]]\">\n      <div class=\"card-content\">\n        <div class=\"cafe-header\">[[instructorName]]</div>\n        <p>\n          Contact Me:<br />\n          <paper-contact-list>\n            <paper-contact-address latitude=\"51.5287718\" longitude=\"-0.2416798\"\n              >[[address]]</paper-contact-address\n            >\n            <paper-contact-email>[[email]]</paper-contact-email>\n            <paper-contact-phone>[[phone]]</paper-contact-phone>\n            <paper-contact-mobile>[[phone]]</paper-contact-mobile>\n          </paper-contact-list>\n        </p>\n        <p><slot></slot></p>\n        <p><iron-icon icon=\"icons:query-builder\"></iron-icon> Office Hours:</p>\n        [[officeHours]]\n        <p>\n          <a href=\"mailto:[[email]]\">\n            <paper-button raised\n              ><iron-icon icon=\"icons:today\"></iron-icon> Schedule\n              Appointment</paper-button\n            >\n          </a>\n        </p>\n        <p>\n          Social\n          <paper-contact-list style=\"width: 300px;\">\n            <paper-contact-linkedin>[[linkedin]]</paper-contact-linkedin>\n            <paper-contact-twitter>[[twitter]]</paper-contact-twitter>\n            <paper-contact-skype>[[videoConf]]</paper-contact-skype>\n          </paper-contact-list>\n        </p>\n      </div>\n    </paper-card>\n  "]);_templateObject_16c48d50555211e98f439769bd191e33=function(){return data};return data}var LrndesignBiocard=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_16c48d50555211e98f439769bd191e33()),is:"lrndesign-biocard",properties:{title:{type:String,value:"lrndesign-biocard"},image:{type:String,value:""},instructorName:{type:String,value:""},address:{type:String,value:""},phone:{type:String,value:""},email:{type:String,value:""},officeHours:{type:String,value:""},linkedin:{type:String,value:""},twitter:{type:String,value:""},videoConf:{type:String,value:""}}});_exports.LrndesignBiocard=LrndesignBiocard});
\ No newline at end of file
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 34408b97241..dd47d27c26b 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
@@ -1 +1 @@
-define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/resolve-url.js","../simple-colors/simple-colors.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/paper-styles/shadow.js"],function(_exports,meta,_polymerLegacy,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignBlockquote=void 0;meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_7c8a1b9054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"simple-colors\">\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      </style>\n    </custom-style>\n    <div id=\"wrap\" class=\"mb-wrap\">\n      <div id=\"thumb\" class=\"mb-thumb\"></div>\n      <blockquote cite$=\"[[sourceLink]]\">\n        <p><slot></slot></p>\n      </blockquote>\n      <div class=\"mb-attribution\">\n        <p class=\"mb-author\">[[author]]</p>\n        <cite><a href$=\"[[sourceLink]]\">[[citation]]</a></cite>\n      </div>\n    </div>\n  "]);_templateObject_7c8a1b9054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignBlockquote=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7c8a1b9054f411e9aeb367f92c5b63ab()),is:"lrndesign-blockquote",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{citation:{type:String,notify:!0},image:{type:String,notify:!0,observer:"_imageChanged"},author:{type:String,notify:!0},sourceLink:{type:String,notify:!0},displayMode:{type:String,reflectToAttribute:!0,notify:!0,value:"default",observer:"_displayModeChanged"}},_imageChanged:function _imageChanged(newValue){if("hypercard"==this.displayMode){this.$.wrap.style.cssText="";this.$.thumb.style.cssText=""}else if("poster"==this.displayMode){this.$.wrap.style.cssText="background: #444 url("+newValue+") no-repeat 140% 25%";this.$.thumb.style.cssText=""}else{this.$.wrap.style.cssText="";this.$.thumb.style.cssText="background: url("+newValue+") no-repeat center center"}},_displayModeChanged:function _displayModeChanged(newValue){if("hypercard"==newValue){this.$.wrap.style.cssText="";this.$.thumb.style.cssText="";var style=document.createElement("style"),basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url));style.innerHTML="@font-face {\n        font-family: 'Chikarego';\n        font-display: swap;\n        src: url('".concat(basePath,"lib/chikarego2-webfont.woff2') format('woff2'),\n             url('").concat(basePath,"lib/chikarego2-webfont.woff') format('woff');\n        font-weight: normal;\n        font-style: normal;\n      }");document.head.appendChild(style)}else if("poster"==newValue){this.$.wrap.style.cssText="background: #444 url("+this.image+") no-repeat 140% 25%";this.$.thumb.style.cssText=""}else{this.$.wrap.style.cssText="";this.$.thumb.style.cssText="background: url("+this.image+") no-repeat center center"}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!0,gizmo:{title:"Fancy quote",description:"Presents a famous quote with additional design options.",icon:"editor:format-quote",color:"grey",groups:["Content","Presentation"],handles:[{type:"image",source:"image",src:"image",author:"author",description:"",citation:"citation"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"displayMode",title:"Display style",description:"Style to present the quote with",inputMethod:"select",icon:"image:style",options:{default:"Default",leather:"Leather",swoop:"Swoop",soft:"Soft",poster:"Poster",fun:"Fun",photo:"Photo",hypercard:"Hypercard"}},{property:"image",title:"Image",description:"Picture of the author of this quote",inputMethod:"textfield",icon:"editor:short-text",required:!1,validationType:"text"}],configure:[{property:"displayMode",title:"Display style",description:"Style to present the quote with",inputMethod:"select",icon:"image:style",options:{default:"Default",leather:"Leather",swoop:"Swoop",soft:"Soft",poster:"Poster",fun:"Fun",photo:"Photo",hypercard:"Hypercard"}},{property:"image",title:"Image",description:"Picture of the author of this quote",inputMethod:"haxupload",icon:"editor:short-text",required:!1,validationType:"text"},{property:"citation",title:"Citation",description:"",inputMethod:"textfield",icon:"editor:short-text",required:!1,validationType:"text"},{property:"author",title:"Author",description:"",inputMethod:"textfield",icon:"editor:short-text",required:!1,validationType:"text"},{slot:"",title:"Quote",description:"",inputMethod:"textfield",icon:"editor:format-quote",required:!0,validationType:"text"},{property:"sourceLink",title:"Source link",description:"Reference to the ",inputMethod:"haxupload",icon:"editor:short-text",required:!1,validationType:"url"}],advanced:[]}})}});_exports.LrndesignBlockquote=LrndesignBlockquote});
\ No newline at end of file
+define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/resolve-url.js","../simple-colors/simple-colors.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/paper-styles/shadow.js"],function(_exports,meta,_polymerLegacy,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignBlockquote=void 0;meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_16ea3dc0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"simple-colors\">\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      </style>\n    </custom-style>\n    <div id=\"wrap\" class=\"mb-wrap\">\n      <div id=\"thumb\" class=\"mb-thumb\"></div>\n      <blockquote cite$=\"[[sourceLink]]\">\n        <p><slot></slot></p>\n      </blockquote>\n      <div class=\"mb-attribution\">\n        <p class=\"mb-author\">[[author]]</p>\n        <cite><a href$=\"[[sourceLink]]\">[[citation]]</a></cite>\n      </div>\n    </div>\n  "]);_templateObject_16ea3dc0555211e98f439769bd191e33=function(){return data};return data}var LrndesignBlockquote=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_16ea3dc0555211e98f439769bd191e33()),is:"lrndesign-blockquote",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{citation:{type:String,notify:!0},image:{type:String,notify:!0,observer:"_imageChanged"},author:{type:String,notify:!0},sourceLink:{type:String,notify:!0},displayMode:{type:String,reflectToAttribute:!0,notify:!0,value:"default",observer:"_displayModeChanged"}},_imageChanged:function _imageChanged(newValue){if("hypercard"==this.displayMode){this.$.wrap.style.cssText="";this.$.thumb.style.cssText=""}else if("poster"==this.displayMode){this.$.wrap.style.cssText="background: #444 url("+newValue+") no-repeat 140% 25%";this.$.thumb.style.cssText=""}else{this.$.wrap.style.cssText="";this.$.thumb.style.cssText="background: url("+newValue+") no-repeat center center"}},_displayModeChanged:function _displayModeChanged(newValue){if("hypercard"==newValue){this.$.wrap.style.cssText="";this.$.thumb.style.cssText="";var style=document.createElement("style"),basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url));style.innerHTML="@font-face {\n        font-family: 'Chikarego';\n        font-display: swap;\n        src: url('".concat(basePath,"lib/chikarego2-webfont.woff2') format('woff2'),\n             url('").concat(basePath,"lib/chikarego2-webfont.woff') format('woff');\n        font-weight: normal;\n        font-style: normal;\n      }");document.head.appendChild(style)}else if("poster"==newValue){this.$.wrap.style.cssText="background: #444 url("+this.image+") no-repeat 140% 25%";this.$.thumb.style.cssText=""}else{this.$.wrap.style.cssText="";this.$.thumb.style.cssText="background: url("+this.image+") no-repeat center center"}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!0,gizmo:{title:"Fancy quote",description:"Presents a famous quote with additional design options.",icon:"editor:format-quote",color:"grey",groups:["Content","Presentation"],handles:[{type:"image",source:"image",src:"image",author:"author",description:"",citation:"citation"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"displayMode",title:"Display style",description:"Style to present the quote with",inputMethod:"select",icon:"image:style",options:{default:"Default",leather:"Leather",swoop:"Swoop",soft:"Soft",poster:"Poster",fun:"Fun",photo:"Photo",hypercard:"Hypercard"}},{property:"image",title:"Image",description:"Picture of the author of this quote",inputMethod:"textfield",icon:"editor:short-text",required:!1,validationType:"text"}],configure:[{property:"displayMode",title:"Display style",description:"Style to present the quote with",inputMethod:"select",icon:"image:style",options:{default:"Default",leather:"Leather",swoop:"Swoop",soft:"Soft",poster:"Poster",fun:"Fun",photo:"Photo",hypercard:"Hypercard"}},{property:"image",title:"Image",description:"Picture of the author of this quote",inputMethod:"haxupload",icon:"editor:short-text",required:!1,validationType:"text"},{property:"citation",title:"Citation",description:"",inputMethod:"textfield",icon:"editor:short-text",required:!1,validationType:"text"},{property:"author",title:"Author",description:"",inputMethod:"textfield",icon:"editor:short-text",required:!1,validationType:"text"},{slot:"",title:"Quote",description:"",inputMethod:"textfield",icon:"editor:format-quote",required:!0,validationType:"text"},{property:"sourceLink",title:"Source link",description:"Reference to the ",inputMethod:"haxupload",icon:"editor:short-text",required:!1,validationType:"url"}],advanced:[]}})}});_exports.LrndesignBlockquote=LrndesignBlockquote});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-chart/lib/lrndesign-chart-behaviors.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-chart/lib/lrndesign-chart-behaviors.js
index 7b031d9cae2..5e36bf99fe7 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-chart/lib/lrndesign-chart-behaviors.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-chart/lib/lrndesign-chart-behaviors.js
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../hax-body-behaviors/lib/HAXWiring.js","../../simple-colors/simple-colors.js","../../../@polymer/iron-ajax/iron-ajax.js","../../chartist-render/chartist-render.js"],function(_exports,_polymerElement,_HAXWiring,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignChartBehaviors=void 0;function _templateObject_9d2c728054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\n        :host {\n          display: block;\n        }\n        :host {\n          --chartist-pie-label-color: var(\n            --simple-colors-default-theme-grey-12\n          );\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        :host([dark]) {\n          --chartist-color-1: var(--simple-colors-default-theme-red-4);\n          --chartist-color-2: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-3: var(--simple-colors-default-theme-green-4);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-5: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-6: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-7: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-8: var(--simple-colors-default-theme-red-3);\n          --chartist-color-9: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-10: var(--simple-colors-default-theme-green-3);\n          --chartist-color-11: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-12: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-13: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-14: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-15: var(--simple-colors-default-theme-deep-orange-3);\n        }\n        :host([accent-color=\"red\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-red-4);\n          --chartist-color-2: var(--simple-colors-default-theme-red-3);\n          --chartist-color-3: var(--simple-colors-default-theme-red-2);\n          --chartist-color-4: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-5: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-6: var(--simple-colors-default-theme-pink-2);\n          --chartist-color-7: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-8: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-9: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-10: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-11: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-12: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-13: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-14: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-15: var(--simple-colors-default-theme-orange-2);\n        }\n        :host([accent-color=\"pink\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-2: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-3: var(--simple-colors-default-theme-pink-2);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-5: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-6: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-7: var(--simple-colors-default-theme-red-4);\n          --chartist-color-8: var(--simple-colors-default-theme-red-3);\n          --chartist-color-9: var(--simple-colors-default-theme-red-2);\n          --chartist-color-10: var(--simple-colors-default-theme-deep-purple-4);\n          --chartist-color-11: var(--simple-colors-default-theme-deep-purple-3);\n          --chartist-color-12: var(--simple-colors-default-theme-deep-purple-2);\n          --chartist-color-13: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-14: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-15: var(--simple-colors-default-theme-deep-orange-2);\n        }\n        :host([accent-color=\"purple\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-2: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-3: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-4: var(--simple-colors-default-theme-deep-purple-4);\n          --chartist-color-5: var(--simple-colors-default-theme-deep-purple-3);\n          --chartist-color-6: var(--simple-colors-default-theme-deep-purple-2);\n          --chartist-color-7: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-8: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-9: var(--simple-colors-default-theme-pink-2);\n          --chartist-color-10: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-11: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-12: var(--simple-colors-default-theme-indigo-2);\n          --chartist-color-13: var(--simple-colors-default-theme-red-4);\n          --chartist-color-14: var(--simple-colors-default-theme-red-3);\n          --chartist-color-15: var(--simple-colors-default-theme-red-2);\n        }\n        :host([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-deep-purple-3);\n          --chartist-color-3: var(--simple-colors-default-theme-deep-purple-2);\n          --chartist-color-4: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-5: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-6: var(--simple-colors-default-theme-indigo-2);\n          --chartist-color-7: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-8: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-9: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-10: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-11: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-12: var(--simple-colors-default-theme-blue-2);\n          --chartist-color-13: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-14: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-15: var(--simple-colors-default-theme-pink-2);\n        }\n        :host([accent-color=\"indigo\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-2: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-3: var(--simple-colors-default-theme-indigo-2);\n          --chartist-color-4: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-5: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-6: var(--simple-colors-default-theme-blue-2);\n          --chartist-color-7: var(--simple-colors-default-theme-deep-purple-4);\n          --chartist-color-8: var(--simple-colors-default-theme-deep-purple-3);\n          --chartist-color-9: var(--simple-colors-default-theme-deep-purple-2);\n          --chartist-color-10: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-11: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-12: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-13: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-14: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-15: var(--simple-colors-default-theme-purple-2);\n        }\n        :host([accent-color=\"blue\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-2: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-3: var(--simple-colors-default-theme-blue-2);\n          --chartist-color-4: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-5: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-6: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-7: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-8: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-9: var(--simple-colors-default-theme-indigo-2);\n          --chartist-color-10: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-11: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-12: var(--simple-colors-default-theme-cyan-2);\n          --chartist-color-13: var(--simple-colors-default-theme-deep-purple-4);\n          --chartist-color-14: var(--simple-colors-default-theme-deep-purple-3);\n          --chartist-color-15: var(--simple-colors-default-theme-deep-purple-2);\n        }\n        :host([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-light-blue-3);\n          --chartist-color-3: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-4: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-5: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-6: var(--simple-colors-default-theme-cyan-2);\n          --chartist-color-7: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-8: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-9: var(--simple-colors-default-theme-blue-2);\n          --chartist-color-10: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-11: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-12: var(--simple-colors-default-theme-teal-2);\n          --chartist-color-13: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-14: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-15: var(--simple-colors-default-theme-indigo-2);\n        }\n        :host([accent-color=\"cyan\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-2: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-3: var(--simple-colors-default-theme-cyan-2);\n          --chartist-color-4: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-5: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-6: var(--simple-colors-default-theme-teal-2);\n          --chartist-color-7: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-8: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-9: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-10: var(--simple-colors-default-theme-green-4);\n          --chartist-color-11: var(--simple-colors-default-theme-green-3);\n          --chartist-color-12: var(--simple-colors-default-theme-green-2);\n          --chartist-color-13: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-14: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-15: var(--simple-colors-default-theme-blue-2);\n        }\n        :host([accent-color=\"teal\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-2: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-3: var(--simple-colors-default-theme-teal-2);\n          --chartist-color-4: var(--simple-colors-default-theme-green-4);\n          --chartist-color-5: var(--simple-colors-default-theme-green-3);\n          --chartist-color-6: var(--simple-colors-default-theme-green-2);\n          --chartist-color-7: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-8: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-9: var(--simple-colors-default-theme-cyan-2);\n          --chartist-color-10: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-11: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-12: var(--simple-colors-default-theme-light-green-2);\n          --chartist-color-13: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-14: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-15: var(--simple-colors-default-theme-light-blue-2);\n        }\n        :host([accent-color=\"green\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-green-4);\n          --chartist-color-2: var(--simple-colors-default-theme-green-3);\n          --chartist-color-3: var(--simple-colors-default-theme-green-2);\n          --chartist-color-4: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-5: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-6: var(--simple-colors-default-theme-light-green-2);\n          --chartist-color-7: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-8: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-9: var(--simple-colors-default-theme-teal-2);\n          --chartist-color-10: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-11: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-12: var(--simple-colors-default-theme-lime-2);\n          --chartist-color-13: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-14: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-15: var(--simple-colors-default-theme-cyan-2);\n        }\n        :host([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-light-green-3);\n          --chartist-color-3: var(--simple-colors-default-theme-light-green-2);\n          --chartist-color-4: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-5: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-6: var(--simple-colors-default-theme-lime-2);\n          --chartist-color-7: var(--simple-colors-default-theme-green-4);\n          --chartist-color-8: var(--simple-colors-default-theme-green-3);\n          --chartist-color-9: var(--simple-colors-default-theme-green-2);\n          --chartist-color-10: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-11: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-12: var(--simple-colors-default-theme-yellow-2);\n          --chartist-color-13: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-14: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-15: var(--simple-colors-default-theme-teal-2);\n        }\n        :host([accent-color=\"lime\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-2: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-3: var(--simple-colors-default-theme-lime-2);\n          --chartist-color-4: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-5: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-6: var(--simple-colors-default-theme-yellow-2);\n          --chartist-color-7: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-8: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-9: var(--simple-colors-default-theme-light-green-2);\n          --chartist-color-10: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-11: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-12: var(--simple-colors-default-theme-amber-2);\n          --chartist-color-13: var(--simple-colors-default-theme-green-4);\n          --chartist-color-14: var(--simple-colors-default-theme-green-3);\n          --chartist-color-15: var(--simple-colors-default-theme-green-2);\n        }\n        :host([accent-color=\"yellow\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-2: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-3: var(--simple-colors-default-theme-yellow-2);\n          --chartist-color-4: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-5: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-6: var(--simple-colors-default-theme-amber-2);\n          --chartist-color-7: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-8: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-9: var(--simple-colors-default-theme-lime-2);\n          --chartist-color-10: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-11: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-12: var(--simple-colors-default-theme-orange-2);\n          --chartist-color-13: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-14: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-15: var(--simple-colors-default-theme-light-green-2);\n        }\n        :host([accent-color=\"amber\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-2: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-3: var(--simple-colors-default-theme-amber-2);\n          --chartist-color-4: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-5: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-6: var(--simple-colors-default-theme-orange-2);\n          --chartist-color-7: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-8: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-9: var(--simple-colors-default-theme-yellow-2);\n          --chartist-color-10: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-11: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-12: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-13: var(--simple-colors-default-theme-brown-4);\n          --chartist-color-14: var(--simple-colors-default-theme-brown-3);\n          --chartist-color-15: var(--simple-colors-default-theme-brown-2);\n        }\n        :host([accent-color=\"orange\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-2: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-3: var(--simple-colors-default-theme-orange-2);\n          --chartist-color-4: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-5: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-6: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-7: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-8: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-9: var(--simple-colors-default-theme-amber-2);\n          --chartist-color-10: var(--simple-colors-default-theme-red-4);\n          --chartist-color-11: var(--simple-colors-default-theme-red-3);\n          --chartist-color-12: var(--simple-colors-default-theme-red-2);\n          --chartist-color-13: var(--simple-colors-default-theme-brown-4);\n          --chartist-color-14: var(--simple-colors-default-theme-brown-3);\n          --chartist-color-15: var(--simple-colors-default-theme-brown-2);\n        }\n        :host([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-deep-orange-3);\n          --chartist-color-3: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-4: var(--simple-colors-default-theme-red-4);\n          --chartist-color-5: var(--simple-colors-default-theme-red-3);\n          --chartist-color-6: var(--simple-colors-default-theme-red-2);\n          --chartist-color-7: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-8: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-9: var(--simple-colors-default-theme-orange-2);\n          --chartist-color-10: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-11: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-12: var(--simple-colors-default-theme-pink-2);\n          --chartist-color-13: var(--simple-colors-default-theme-brown-4);\n          --chartist-color-14: var(--simple-colors-default-theme-brown-3);\n          --chartist-color-15: var(--simple-colors-default-theme-brown-2);\n        }\n        :host([accent-color=\"brown\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-brown-5);\n          --chartist-color-2: var(--simple-colors-default-theme-brown-4);\n          --chartist-color-3: var(--simple-colors-default-theme-brown-3);\n          --chartist-color-4: var(--simple-colors-default-theme-brown-2);\n          --chartist-color-5: var(--simple-colors-default-theme-brown-1);\n          --chartist-color-6: var(--simple-colors-default-theme-red-5);\n          --chartist-color-7: var(--simple-colors-default-theme-red-4);\n          --chartist-color-8: var(--simple-colors-default-theme-red-3);\n          --chartist-color-9: var(--simple-colors-default-theme-red-2);\n          --chartist-color-10: var(--simple-colors-default-theme-red-1);\n          --chartist-color-11: var(--simple-colors-default-theme-deep-orange-5);\n          --chartist-color-12: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-13: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-14: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-15: var(--simple-colors-default-theme-deep-orange-1);\n        }\n        :host([accent-color=\"blue-grey\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-blue-grey-5);\n          --chartist-color-2: var(--simple-colors-default-theme-blue-grey-4);\n          --chartist-color-3: var(--simple-colors-default-theme-blue-grey-3);\n          --chartist-color-4: var(--simple-colors-default-theme-blue-grey-2);\n          --chartist-color-5: var(--simple-colors-default-theme-blue-grey-1);\n          --chartist-color-6: var(--simple-colors-default-theme-light-blue-5);\n          --chartist-color-7: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-8: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-9: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-10: var(--simple-colors-default-theme-light-blue-1);\n          --chartist-color-11: var(--simple-colors-default-theme-grey-6);\n          --chartist-color-12: var(--simple-colors-default-theme-grey-5);\n          --chartist-color-13: var(--simple-colors-default-theme-grey-4);\n          --chartist-color-14: var(--simple-colors-default-theme-grey-3);\n          --chartist-color-15: var(--simple-colors-default-theme-grey-2);\n        }\n      </style>\n      <iron-ajax\n        auto=\"\"\n        url=\"{{dataSource}}\"\n        handle-as=\"text\"\n        last-response=\"{{rawData}}\"\n        on-response=\"handleResponse\"\n      ></iron-ajax>\n      <chartist-render\n        id=\"chartist\"\n        type=\"[[type]]\"\n        scale$=\"[[scale]]\"\n        chart-title$=\"[[chartTitle]]\"\n        chart-desc$=\"[[chartDesc]]\"\n        data$=\"[[data]]\"\n        on-chartist-render-ready=\"_ready\"\n        options$=\"{{options}}\"\n        responsive-options$=\"[[responsiveOptions]]\"\n      ></chartist-render>\n    "]);_templateObject_9d2c728054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignChartBehaviors=function(_SimpleColors){babelHelpers.inherits(LrndesignChartBehaviors,_SimpleColors);function LrndesignChartBehaviors(){babelHelpers.classCallCheck(this,LrndesignChartBehaviors);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrndesignChartBehaviors).apply(this,arguments))}babelHelpers.createClass(LrndesignChartBehaviors,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignChartBehaviors.prototype),"connectedCallback",this).call(this);this;this.HAXWiring=new _HAXWiring.HAXWiring}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignChartBehaviors.prototype),"ready",this).call(this);var root=this,checkReady=setInterval(function(){if(root.__dataReady){root.$.chartist.makeChart();clearInterval(checkReady)}},1)}},{key:"handleResponse",value:function handleResponse(){var root=this,raw=root.CSVtoArray(root.rawData);root.data={labels:raw[0],series:"pie"!==root.type?raw.slice(1,raw.length):raw[1]};root.options=root._getOptions();root.__dataReady=!0}},{key:"_getOptions",value:function _getOptions(){return{}}},{key:"CSVtoArray",value:function CSVtoArray(text){var p="",row=[""],ret=[row],i=0,r=0,s=!0,l;for(l in text){l=text[l];if("\""===l){if(s&&l===p)row[i]+=l;s=!s}else if(","===l&&s){if(null!==row[i].trim().match(/^\d+$/m))row[i]=parseInt(row[i].trim());l=row[++i]=""}else if("\n"===l&&s){if("\r"===p)row[i]=row[i].slice(0,-1);if(null!==row[i].trim().match(/^\d+$/m))row[i]=parseInt(row[i].trim());row=ret[++r]=[l=""];i=0}else row[i]+=l;p=l}if(null!==row[i].trim().match(/^\d+$/m))row[i]=parseInt(row[i].trim());return ret}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_9d2c728054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{chartTitle:{type:String,value:null},chartDesc:{type:String,value:""},scale:{type:String,notify:!0,value:"ct-octave"},type:{type:String,value:"pie"},data:{type:Array,notify:!0,value:[]},options:{type:Object,notify:!0,value:{}},width:{type:String,value:void 0},height:{type:String,value:void 0},paddingTop:{type:Number,value:15},paddingRight:{type:Number,value:15},paddingBottom:{type:Number,value:5},paddingLeft:{type:Number,value:10},reverseData:{type:Boolean,value:!1},responsiveOptions:{type:Array,value:[]},dataSource:{type:String,notify:!0},rawData:{type:String,notify:!0,value:""}}}},{key:"tag",get:function get(){return"lrndesign-chart-behaviors"}},{key:"behaviors",get:function get(){return[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema]}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Pie Chart",description:"Creates an accessible pie chart based on a CSV.",icon:"editor:pie-chart",color:"green darken-4",groups:["Data","Presentation"],handles:[{type:"data",url:"csvFile"}],meta:{author:"LRNWebComponents"}},settings:{quick:[],configure:[{property:"data-source",title:"CSV File",description:"The URL for your CSV file.",inputMethod:"textfield",icon:"link",validationType:"url",required:!0},{property:"chartTitle",title:"Chart Title",description:"Accessible alt text for your chart.",inputMethod:"textfield",icon:"text-field",required:!0},{property:"chartDesc",title:"Chart Description",description:"Accessible description of your chart.",inputMethod:"textfield",icon:"text-field"},{property:"width",title:"Width",description:"The width of the chart.",inputMethod:"textfield",icon:"text-field"},{property:"height",title:"Height",description:"The height of the chart.",inputMethod:"textfield",icon:"text-field"},{property:"paddingTop",title:"Padding-Top",description:"The padding at the top of the chart.",inputMethod:"textfield",icon:"text-field"},{property:"paddingRight",title:"Padding-Right",description:"The padding at the right of the chart.",inputMethod:"textfield",icon:"text-field"},{property:"paddingBottom",title:"Padding-Bottom",description:"The padding at the bottom of the chart.",inputMethod:"textfield",icon:"text-field"},{property:"paddingLeft",title:"Padding-Left",description:"The padding at the left of the chart.",inputMethod:"textfield",icon:"text-field"}],advanced:[{property:"scale",title:"Scale Name",description:"The ratio of width:height of the chart (See https://gionkunz.github.io/chartist-js/getting-started.html#default-sass-settings for $ct-scales and $ct-scales-names).",inputMethod:"textfield",icon:"text-field"},{property:"total",title:"Total of All Slices",description:"Optional total you can specify. By specifying a total value, the sum of the values in the series must be this total in order to draw a full pie. You can use this parameter to draw only parts of a pie or gauge charts.",inputMethod:"textfield",icon:"text-field",validationType:"number"},{property:"showLabel",title:"Show labels?",description:"Should chart labels be shown?",inputMethod:"boolean",icon:"check-box"},{property:"labelOffset",title:"Label Offset",description:"Label position offset from the standard position which is half distance of the radius. This value can be either positive or negative. Positive values will position the label away from the center.",inputMethod:"textfield",icon:"text-field",validationType:"number"},{property:"labelPosition",title:"Label Position",description:"This option can be set to \"inside\", \"outside\" or \"center\". Positioned with \"inside\" the labels will be placed on half the distance of the radius to the border of the Pie by respecting the \"Label Offset\". The \"outside\" option will place the labels at the border of the pie and \"center\" will place the labels in the absolute center point of the chart. The \"center\" option only makes sense in conjunction with the \"Label Offset\" option.",inputMethod:"textfield",icon:"text-field"},{property:"labelDirection",title:"Label Direction",description:"Label direction can be \"neutral\", \"explode\" or \"implode\". The label's anchor will be positioned based on those settings as well as the fact if the labels are on the right or left side of the center of the chart. Usually explode is useful when labels are positioned far away from the center.",inputMethod:"textfield",icon:"text-field"},{property:"reverseData",title:"Reverse Data",description:"Reverse data including labels, the series order as well as the whole series data arrays.",inputMethod:"boolean",icon:"check-box"},{property:"ignoreEmptyValues",title:"Ignore empty values?",description:"Empty values will be ignored to avoid drawing unncessary slices and labels.",inputMethod:"boolean",icon:"check-box"}]}}}}]);return LrndesignChartBehaviors}(_simpleColors.SimpleColors);_exports.LrndesignChartBehaviors=LrndesignChartBehaviors;window.customElements.define(LrndesignChartBehaviors.tag,LrndesignChartBehaviors)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../hax-body-behaviors/lib/HAXWiring.js","../../simple-colors/simple-colors.js","../../../@polymer/iron-ajax/iron-ajax.js","../../chartist-render/chartist-render.js"],function(_exports,_polymerElement,_HAXWiring,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignChartBehaviors=void 0;function _templateObject_318638f0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\n        :host {\n          display: block;\n        }\n        :host {\n          --chartist-pie-label-color: var(\n            --simple-colors-default-theme-grey-12\n          );\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        :host([dark]) {\n          --chartist-color-1: var(--simple-colors-default-theme-red-4);\n          --chartist-color-2: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-3: var(--simple-colors-default-theme-green-4);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-5: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-6: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-7: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-8: var(--simple-colors-default-theme-red-3);\n          --chartist-color-9: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-10: var(--simple-colors-default-theme-green-3);\n          --chartist-color-11: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-12: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-13: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-14: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-15: var(--simple-colors-default-theme-deep-orange-3);\n        }\n        :host([accent-color=\"red\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-red-4);\n          --chartist-color-2: var(--simple-colors-default-theme-red-3);\n          --chartist-color-3: var(--simple-colors-default-theme-red-2);\n          --chartist-color-4: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-5: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-6: var(--simple-colors-default-theme-pink-2);\n          --chartist-color-7: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-8: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-9: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-10: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-11: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-12: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-13: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-14: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-15: var(--simple-colors-default-theme-orange-2);\n        }\n        :host([accent-color=\"pink\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-2: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-3: var(--simple-colors-default-theme-pink-2);\n          --chartist-color-4: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-5: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-6: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-7: var(--simple-colors-default-theme-red-4);\n          --chartist-color-8: var(--simple-colors-default-theme-red-3);\n          --chartist-color-9: var(--simple-colors-default-theme-red-2);\n          --chartist-color-10: var(--simple-colors-default-theme-deep-purple-4);\n          --chartist-color-11: var(--simple-colors-default-theme-deep-purple-3);\n          --chartist-color-12: var(--simple-colors-default-theme-deep-purple-2);\n          --chartist-color-13: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-14: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-15: var(--simple-colors-default-theme-deep-orange-2);\n        }\n        :host([accent-color=\"purple\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-2: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-3: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-4: var(--simple-colors-default-theme-deep-purple-4);\n          --chartist-color-5: var(--simple-colors-default-theme-deep-purple-3);\n          --chartist-color-6: var(--simple-colors-default-theme-deep-purple-2);\n          --chartist-color-7: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-8: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-9: var(--simple-colors-default-theme-pink-2);\n          --chartist-color-10: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-11: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-12: var(--simple-colors-default-theme-indigo-2);\n          --chartist-color-13: var(--simple-colors-default-theme-red-4);\n          --chartist-color-14: var(--simple-colors-default-theme-red-3);\n          --chartist-color-15: var(--simple-colors-default-theme-red-2);\n        }\n        :host([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-deep-purple-3);\n          --chartist-color-3: var(--simple-colors-default-theme-deep-purple-2);\n          --chartist-color-4: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-5: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-6: var(--simple-colors-default-theme-indigo-2);\n          --chartist-color-7: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-8: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-9: var(--simple-colors-default-theme-purple-2);\n          --chartist-color-10: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-11: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-12: var(--simple-colors-default-theme-blue-2);\n          --chartist-color-13: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-14: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-15: var(--simple-colors-default-theme-pink-2);\n        }\n        :host([accent-color=\"indigo\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-2: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-3: var(--simple-colors-default-theme-indigo-2);\n          --chartist-color-4: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-5: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-6: var(--simple-colors-default-theme-blue-2);\n          --chartist-color-7: var(--simple-colors-default-theme-deep-purple-4);\n          --chartist-color-8: var(--simple-colors-default-theme-deep-purple-3);\n          --chartist-color-9: var(--simple-colors-default-theme-deep-purple-2);\n          --chartist-color-10: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-11: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-12: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-13: var(--simple-colors-default-theme-purple-4);\n          --chartist-color-14: var(--simple-colors-default-theme-purple-3);\n          --chartist-color-15: var(--simple-colors-default-theme-purple-2);\n        }\n        :host([accent-color=\"blue\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-2: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-3: var(--simple-colors-default-theme-blue-2);\n          --chartist-color-4: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-5: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-6: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-7: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-8: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-9: var(--simple-colors-default-theme-indigo-2);\n          --chartist-color-10: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-11: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-12: var(--simple-colors-default-theme-cyan-2);\n          --chartist-color-13: var(--simple-colors-default-theme-deep-purple-4);\n          --chartist-color-14: var(--simple-colors-default-theme-deep-purple-3);\n          --chartist-color-15: var(--simple-colors-default-theme-deep-purple-2);\n        }\n        :host([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-light-blue-3);\n          --chartist-color-3: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-4: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-5: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-6: var(--simple-colors-default-theme-cyan-2);\n          --chartist-color-7: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-8: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-9: var(--simple-colors-default-theme-blue-2);\n          --chartist-color-10: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-11: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-12: var(--simple-colors-default-theme-teal-2);\n          --chartist-color-13: var(--simple-colors-default-theme-indigo-4);\n          --chartist-color-14: var(--simple-colors-default-theme-indigo-3);\n          --chartist-color-15: var(--simple-colors-default-theme-indigo-2);\n        }\n        :host([accent-color=\"cyan\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-2: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-3: var(--simple-colors-default-theme-cyan-2);\n          --chartist-color-4: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-5: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-6: var(--simple-colors-default-theme-teal-2);\n          --chartist-color-7: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-8: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-9: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-10: var(--simple-colors-default-theme-green-4);\n          --chartist-color-11: var(--simple-colors-default-theme-green-3);\n          --chartist-color-12: var(--simple-colors-default-theme-green-2);\n          --chartist-color-13: var(--simple-colors-default-theme-blue-4);\n          --chartist-color-14: var(--simple-colors-default-theme-blue-3);\n          --chartist-color-15: var(--simple-colors-default-theme-blue-2);\n        }\n        :host([accent-color=\"teal\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-2: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-3: var(--simple-colors-default-theme-teal-2);\n          --chartist-color-4: var(--simple-colors-default-theme-green-4);\n          --chartist-color-5: var(--simple-colors-default-theme-green-3);\n          --chartist-color-6: var(--simple-colors-default-theme-green-2);\n          --chartist-color-7: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-8: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-9: var(--simple-colors-default-theme-cyan-2);\n          --chartist-color-10: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-11: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-12: var(--simple-colors-default-theme-light-green-2);\n          --chartist-color-13: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-14: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-15: var(--simple-colors-default-theme-light-blue-2);\n        }\n        :host([accent-color=\"green\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-green-4);\n          --chartist-color-2: var(--simple-colors-default-theme-green-3);\n          --chartist-color-3: var(--simple-colors-default-theme-green-2);\n          --chartist-color-4: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-5: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-6: var(--simple-colors-default-theme-light-green-2);\n          --chartist-color-7: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-8: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-9: var(--simple-colors-default-theme-teal-2);\n          --chartist-color-10: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-11: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-12: var(--simple-colors-default-theme-lime-2);\n          --chartist-color-13: var(--simple-colors-default-theme-cyan-4);\n          --chartist-color-14: var(--simple-colors-default-theme-cyan-3);\n          --chartist-color-15: var(--simple-colors-default-theme-cyan-2);\n        }\n        :host([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-light-green-3);\n          --chartist-color-3: var(--simple-colors-default-theme-light-green-2);\n          --chartist-color-4: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-5: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-6: var(--simple-colors-default-theme-lime-2);\n          --chartist-color-7: var(--simple-colors-default-theme-green-4);\n          --chartist-color-8: var(--simple-colors-default-theme-green-3);\n          --chartist-color-9: var(--simple-colors-default-theme-green-2);\n          --chartist-color-10: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-11: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-12: var(--simple-colors-default-theme-yellow-2);\n          --chartist-color-13: var(--simple-colors-default-theme-teal-4);\n          --chartist-color-14: var(--simple-colors-default-theme-teal-3);\n          --chartist-color-15: var(--simple-colors-default-theme-teal-2);\n        }\n        :host([accent-color=\"lime\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-2: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-3: var(--simple-colors-default-theme-lime-2);\n          --chartist-color-4: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-5: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-6: var(--simple-colors-default-theme-yellow-2);\n          --chartist-color-7: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-8: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-9: var(--simple-colors-default-theme-light-green-2);\n          --chartist-color-10: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-11: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-12: var(--simple-colors-default-theme-amber-2);\n          --chartist-color-13: var(--simple-colors-default-theme-green-4);\n          --chartist-color-14: var(--simple-colors-default-theme-green-3);\n          --chartist-color-15: var(--simple-colors-default-theme-green-2);\n        }\n        :host([accent-color=\"yellow\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-2: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-3: var(--simple-colors-default-theme-yellow-2);\n          --chartist-color-4: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-5: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-6: var(--simple-colors-default-theme-amber-2);\n          --chartist-color-7: var(--simple-colors-default-theme-lime-4);\n          --chartist-color-8: var(--simple-colors-default-theme-lime-3);\n          --chartist-color-9: var(--simple-colors-default-theme-lime-2);\n          --chartist-color-10: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-11: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-12: var(--simple-colors-default-theme-orange-2);\n          --chartist-color-13: var(--simple-colors-default-theme-light-green-4);\n          --chartist-color-14: var(--simple-colors-default-theme-light-green-3);\n          --chartist-color-15: var(--simple-colors-default-theme-light-green-2);\n        }\n        :host([accent-color=\"amber\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-2: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-3: var(--simple-colors-default-theme-amber-2);\n          --chartist-color-4: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-5: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-6: var(--simple-colors-default-theme-orange-2);\n          --chartist-color-7: var(--simple-colors-default-theme-yellow-4);\n          --chartist-color-8: var(--simple-colors-default-theme-yellow-3);\n          --chartist-color-9: var(--simple-colors-default-theme-yellow-2);\n          --chartist-color-10: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-11: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-12: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-13: var(--simple-colors-default-theme-brown-4);\n          --chartist-color-14: var(--simple-colors-default-theme-brown-3);\n          --chartist-color-15: var(--simple-colors-default-theme-brown-2);\n        }\n        :host([accent-color=\"orange\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-2: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-3: var(--simple-colors-default-theme-orange-2);\n          --chartist-color-4: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-5: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-6: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-7: var(--simple-colors-default-theme-amber-4);\n          --chartist-color-8: var(--simple-colors-default-theme-amber-3);\n          --chartist-color-9: var(--simple-colors-default-theme-amber-2);\n          --chartist-color-10: var(--simple-colors-default-theme-red-4);\n          --chartist-color-11: var(--simple-colors-default-theme-red-3);\n          --chartist-color-12: var(--simple-colors-default-theme-red-2);\n          --chartist-color-13: var(--simple-colors-default-theme-brown-4);\n          --chartist-color-14: var(--simple-colors-default-theme-brown-3);\n          --chartist-color-15: var(--simple-colors-default-theme-brown-2);\n        }\n        :host([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-deep-orange-3);\n          --chartist-color-3: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-4: var(--simple-colors-default-theme-red-4);\n          --chartist-color-5: var(--simple-colors-default-theme-red-3);\n          --chartist-color-6: var(--simple-colors-default-theme-red-2);\n          --chartist-color-7: var(--simple-colors-default-theme-orange-4);\n          --chartist-color-8: var(--simple-colors-default-theme-orange-3);\n          --chartist-color-9: var(--simple-colors-default-theme-orange-2);\n          --chartist-color-10: var(--simple-colors-default-theme-pink-4);\n          --chartist-color-11: var(--simple-colors-default-theme-pink-3);\n          --chartist-color-12: var(--simple-colors-default-theme-pink-2);\n          --chartist-color-13: var(--simple-colors-default-theme-brown-4);\n          --chartist-color-14: var(--simple-colors-default-theme-brown-3);\n          --chartist-color-15: var(--simple-colors-default-theme-brown-2);\n        }\n        :host([accent-color=\"brown\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-brown-5);\n          --chartist-color-2: var(--simple-colors-default-theme-brown-4);\n          --chartist-color-3: var(--simple-colors-default-theme-brown-3);\n          --chartist-color-4: var(--simple-colors-default-theme-brown-2);\n          --chartist-color-5: var(--simple-colors-default-theme-brown-1);\n          --chartist-color-6: var(--simple-colors-default-theme-red-5);\n          --chartist-color-7: var(--simple-colors-default-theme-red-4);\n          --chartist-color-8: var(--simple-colors-default-theme-red-3);\n          --chartist-color-9: var(--simple-colors-default-theme-red-2);\n          --chartist-color-10: var(--simple-colors-default-theme-red-1);\n          --chartist-color-11: var(--simple-colors-default-theme-deep-orange-5);\n          --chartist-color-12: var(--simple-colors-default-theme-deep-orange-4);\n          --chartist-color-13: var(--simple-colors-default-theme-deep-orange-3);\n          --chartist-color-14: var(--simple-colors-default-theme-deep-orange-2);\n          --chartist-color-15: var(--simple-colors-default-theme-deep-orange-1);\n        }\n        :host([accent-color=\"blue-grey\"]) {\n          --chartist-color-1: var(--simple-colors-default-theme-blue-grey-5);\n          --chartist-color-2: var(--simple-colors-default-theme-blue-grey-4);\n          --chartist-color-3: var(--simple-colors-default-theme-blue-grey-3);\n          --chartist-color-4: var(--simple-colors-default-theme-blue-grey-2);\n          --chartist-color-5: var(--simple-colors-default-theme-blue-grey-1);\n          --chartist-color-6: var(--simple-colors-default-theme-light-blue-5);\n          --chartist-color-7: var(--simple-colors-default-theme-light-blue-4);\n          --chartist-color-8: var(--simple-colors-default-theme-light-blue-3);\n          --chartist-color-9: var(--simple-colors-default-theme-light-blue-2);\n          --chartist-color-10: var(--simple-colors-default-theme-light-blue-1);\n          --chartist-color-11: var(--simple-colors-default-theme-grey-6);\n          --chartist-color-12: var(--simple-colors-default-theme-grey-5);\n          --chartist-color-13: var(--simple-colors-default-theme-grey-4);\n          --chartist-color-14: var(--simple-colors-default-theme-grey-3);\n          --chartist-color-15: var(--simple-colors-default-theme-grey-2);\n        }\n      </style>\n      <iron-ajax\n        auto=\"\"\n        url=\"{{dataSource}}\"\n        handle-as=\"text\"\n        last-response=\"{{rawData}}\"\n        on-response=\"handleResponse\"\n      ></iron-ajax>\n      <chartist-render\n        id=\"chartist\"\n        type=\"[[type]]\"\n        scale$=\"[[scale]]\"\n        chart-title$=\"[[chartTitle]]\"\n        chart-desc$=\"[[chartDesc]]\"\n        data$=\"[[data]]\"\n        on-chartist-render-ready=\"_ready\"\n        options$=\"{{options}}\"\n        responsive-options$=\"[[responsiveOptions]]\"\n      ></chartist-render>\n    "]);_templateObject_318638f0555211e98f439769bd191e33=function(){return data};return data}var LrndesignChartBehaviors=function(_SimpleColors){babelHelpers.inherits(LrndesignChartBehaviors,_SimpleColors);function LrndesignChartBehaviors(){babelHelpers.classCallCheck(this,LrndesignChartBehaviors);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrndesignChartBehaviors).apply(this,arguments))}babelHelpers.createClass(LrndesignChartBehaviors,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignChartBehaviors.prototype),"connectedCallback",this).call(this);this;this.HAXWiring=new _HAXWiring.HAXWiring}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignChartBehaviors.prototype),"ready",this).call(this);var root=this,checkReady=setInterval(function(){if(root.__dataReady){root.$.chartist.makeChart();clearInterval(checkReady)}},1)}},{key:"handleResponse",value:function handleResponse(){var root=this,raw=root.CSVtoArray(root.rawData);root.data={labels:raw[0],series:"pie"!==root.type?raw.slice(1,raw.length):raw[1]};root.options=root._getOptions();root.__dataReady=!0}},{key:"_getOptions",value:function _getOptions(){return{}}},{key:"CSVtoArray",value:function CSVtoArray(text){var p="",row=[""],ret=[row],i=0,r=0,s=!0,l;for(l in text){l=text[l];if("\""===l){if(s&&l===p)row[i]+=l;s=!s}else if(","===l&&s){if(null!==row[i].trim().match(/^\d+$/m))row[i]=parseInt(row[i].trim());l=row[++i]=""}else if("\n"===l&&s){if("\r"===p)row[i]=row[i].slice(0,-1);if(null!==row[i].trim().match(/^\d+$/m))row[i]=parseInt(row[i].trim());row=ret[++r]=[l=""];i=0}else row[i]+=l;p=l}if(null!==row[i].trim().match(/^\d+$/m))row[i]=parseInt(row[i].trim());return ret}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_318638f0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{chartTitle:{type:String,value:null},chartDesc:{type:String,value:""},scale:{type:String,notify:!0,value:"ct-octave"},type:{type:String,value:"pie"},data:{type:Array,notify:!0,value:[]},options:{type:Object,notify:!0,value:{}},width:{type:String,value:void 0},height:{type:String,value:void 0},paddingTop:{type:Number,value:15},paddingRight:{type:Number,value:15},paddingBottom:{type:Number,value:5},paddingLeft:{type:Number,value:10},reverseData:{type:Boolean,value:!1},responsiveOptions:{type:Array,value:[]},dataSource:{type:String,notify:!0},rawData:{type:String,notify:!0,value:""}}}},{key:"tag",get:function get(){return"lrndesign-chart-behaviors"}},{key:"behaviors",get:function get(){return[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema]}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Pie Chart",description:"Creates an accessible pie chart based on a CSV.",icon:"editor:pie-chart",color:"green darken-4",groups:["Data","Presentation"],handles:[{type:"data",url:"csvFile"}],meta:{author:"LRNWebComponents"}},settings:{quick:[],configure:[{property:"data-source",title:"CSV File",description:"The URL for your CSV file.",inputMethod:"textfield",icon:"link",validationType:"url",required:!0},{property:"chartTitle",title:"Chart Title",description:"Accessible alt text for your chart.",inputMethod:"textfield",icon:"text-field",required:!0},{property:"chartDesc",title:"Chart Description",description:"Accessible description of your chart.",inputMethod:"textfield",icon:"text-field"},{property:"width",title:"Width",description:"The width of the chart.",inputMethod:"textfield",icon:"text-field"},{property:"height",title:"Height",description:"The height of the chart.",inputMethod:"textfield",icon:"text-field"},{property:"paddingTop",title:"Padding-Top",description:"The padding at the top of the chart.",inputMethod:"textfield",icon:"text-field"},{property:"paddingRight",title:"Padding-Right",description:"The padding at the right of the chart.",inputMethod:"textfield",icon:"text-field"},{property:"paddingBottom",title:"Padding-Bottom",description:"The padding at the bottom of the chart.",inputMethod:"textfield",icon:"text-field"},{property:"paddingLeft",title:"Padding-Left",description:"The padding at the left of the chart.",inputMethod:"textfield",icon:"text-field"}],advanced:[{property:"scale",title:"Scale Name",description:"The ratio of width:height of the chart (See https://gionkunz.github.io/chartist-js/getting-started.html#default-sass-settings for $ct-scales and $ct-scales-names).",inputMethod:"textfield",icon:"text-field"},{property:"total",title:"Total of All Slices",description:"Optional total you can specify. By specifying a total value, the sum of the values in the series must be this total in order to draw a full pie. You can use this parameter to draw only parts of a pie or gauge charts.",inputMethod:"textfield",icon:"text-field",validationType:"number"},{property:"showLabel",title:"Show labels?",description:"Should chart labels be shown?",inputMethod:"boolean",icon:"check-box"},{property:"labelOffset",title:"Label Offset",description:"Label position offset from the standard position which is half distance of the radius. This value can be either positive or negative. Positive values will position the label away from the center.",inputMethod:"textfield",icon:"text-field",validationType:"number"},{property:"labelPosition",title:"Label Position",description:"This option can be set to \"inside\", \"outside\" or \"center\". Positioned with \"inside\" the labels will be placed on half the distance of the radius to the border of the Pie by respecting the \"Label Offset\". The \"outside\" option will place the labels at the border of the pie and \"center\" will place the labels in the absolute center point of the chart. The \"center\" option only makes sense in conjunction with the \"Label Offset\" option.",inputMethod:"textfield",icon:"text-field"},{property:"labelDirection",title:"Label Direction",description:"Label direction can be \"neutral\", \"explode\" or \"implode\". The label's anchor will be positioned based on those settings as well as the fact if the labels are on the right or left side of the center of the chart. Usually explode is useful when labels are positioned far away from the center.",inputMethod:"textfield",icon:"text-field"},{property:"reverseData",title:"Reverse Data",description:"Reverse data including labels, the series order as well as the whole series data arrays.",inputMethod:"boolean",icon:"check-box"},{property:"ignoreEmptyValues",title:"Ignore empty values?",description:"Empty values will be ignored to avoid drawing unncessary slices and labels.",inputMethod:"boolean",icon:"check-box"}]}}}}]);return LrndesignChartBehaviors}(_simpleColors.SimpleColors);_exports.LrndesignChartBehaviors=LrndesignChartBehaviors;window.customElements.define(LrndesignChartBehaviors.tag,LrndesignChartBehaviors)});
\ No newline at end of file
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 033f376f2cb..87f1445b8c6 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../lrndesign-avatar/lrndesign-avatar.js","../../time-elements/dist/time-elements.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignComment=void 0;function _templateObject_7cc9477054f411e9aeb367f92c5b63ab(){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_7cc9477054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignComment=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7cc9477054f411e9aeb367f92c5b63ab()),is:"lrndesign-comment",properties:{avatar:{type:Object,reflectToAttribute:!0,notify:!0},name:{type:String,reflectToAttribute:!0,notify:!0},date:{type:String,value:"2014-04-01T00:00:00.000Z",reflectToAttribute:!0,notify:!0},links:{type:Object,notify:!0}}});_exports.LrndesignComment=LrndesignComment});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../lrndesign-avatar/lrndesign-avatar.js","../../time-elements/dist/time-elements.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignComment=void 0;function _templateObject_178b86d0555211e98f439769bd191e33(){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_178b86d0555211e98f439769bd191e33=function(){return data};return data}var LrndesignComment=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_178b86d0555211e98f439769bd191e33()),is:"lrndesign-comment",properties:{avatar:{type:Object,reflectToAttribute:!0,notify:!0},name:{type:String,reflectToAttribute:!0,notify:!0},date:{type:String,value:"2014-04-01T00:00:00.000Z",reflectToAttribute:!0,notify:!0},links:{type:Object,notify:!0}}});_exports.LrndesignComment=LrndesignComment});
\ No newline at end of file
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 8fdc1175fd6..e45ffb19ff2 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-card/paper-card.js","../../@polymer/paper-button/paper-button.js","../lrn-icons/lrn-icons.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/maps-icons.js","../../@polymer/iron-icons/hardware-icons.js","../../@polymer/paper-tooltip/paper-tooltip.js","../social-media-icons/social-media-icons.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignContactcard=void 0;function _templateObject_7d4184b054f411e9aeb367f92c5b63ab(){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(--contactcard-icons-hover-color);\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\"><img class=\"profile-image\" src=\"[[image]]\" /></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\">Visit</paper-tooltip>\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(--contactcard-icons-hover-color);\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\"><img class=\"profile-image\" src=\"[[image]]\" /></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\">Visit</paper-tooltip>\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_7d4184b054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignContactcard=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7d4184b054f411e9aeb367f92c5b63ab()),is:"lrndesign-contactcard",properties:{image:{type:String},email:{type:String},name:{type:String},position:{type:String},organization:{type:String},phone:{type:String},website:{type:String},twitter:{type:String}}});_exports.LrndesignContactcard=LrndesignContactcard});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-card/paper-card.js","../../@polymer/paper-button/paper-button.js","../lrn-icons/lrn-icons.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/maps-icons.js","../../@polymer/iron-icons/hardware-icons.js","../../@polymer/paper-tooltip/paper-tooltip.js","../social-media-icons/social-media-icons.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignContactcard=void 0;function _templateObject_17b99bb0555211e98f439769bd191e33(){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(--contactcard-icons-hover-color);\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\"><img class=\"profile-image\" src=\"[[image]]\" /></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\">Visit</paper-tooltip>\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(--contactcard-icons-hover-color);\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\"><img class=\"profile-image\" src=\"[[image]]\" /></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\">Visit</paper-tooltip>\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_17b99bb0555211e98f439769bd191e33=function(){return data};return data}var LrndesignContactcard=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_17b99bb0555211e98f439769bd191e33()),is:"lrndesign-contactcard",properties:{image:{type:String},email:{type:String},name:{type:String},position:{type:String},organization:{type:String},phone:{type:String},website:{type:String},twitter:{type:String}}});_exports.LrndesignContactcard=LrndesignContactcard});
\ No newline at end of file
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 b8538bac1f6..fd1f1af6be1 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignContentblock=void 0;function _templateObject_8f3c550054f411e9aeb367f92c5b63ab(){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_8f3c550054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignContentblock=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8f3c550054f411e9aeb367f92c5b63ab()),is:"lrndesign-contentblock",properties:{title:{type:String}}});_exports.LrndesignContentblock=LrndesignContentblock});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignContentblock=void 0;function _templateObject_22e038f0555211e98f439769bd191e33(){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_22e038f0555211e98f439769bd191e33=function(){return data};return data}var LrndesignContentblock=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_22e038f0555211e98f439769bd191e33()),is:"lrndesign-contentblock",properties:{title:{type:String}}});_exports.LrndesignContentblock=LrndesignContentblock});
\ No newline at end of file
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 fc37db59aa5..449d7391f7f 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../materializecss-styles/materializecss-styles.js","../../@polymer/iron-image/iron-image.js","../lrndesign-avatar/lrndesign-avatar.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignCourseBanner=void 0;function _templateObject_86eeef7054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles-colors\">\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 include=\"materializecss-styles-colors\">\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_86eeef7054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignCourseBanner=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_86eeef7054f411e9aeb367f92c5b63ab()),is:"lrndesign-course-banner",properties:{color:{type:String},image:{type:String},name:{type:String},title:{type:String}}});_exports.LrndesignCourseBanner=LrndesignCourseBanner});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../materializecss-styles/materializecss-styles.js","../../@polymer/iron-image/iron-image.js","../lrndesign-avatar/lrndesign-avatar.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignCourseBanner=void 0;function _templateObject_1aaebfd0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles-colors\">\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 include=\"materializecss-styles-colors\">\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_1aaebfd0555211e98f439769bd191e33=function(){return data};return data}var LrndesignCourseBanner=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1aaebfd0555211e98f439769bd191e33()),is:"lrndesign-course-banner",properties:{color:{type:String},image:{type:String},name:{type:String},title:{type:String}}});_exports.LrndesignCourseBanner=LrndesignCourseBanner});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-diff2html/lrndesign-diff2html.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-diff2html/lrndesign-diff2html.js
index e5680e4580f..5bfb620e34c 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-diff2html/lrndesign-diff2html.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-diff2html/lrndesign-diff2html.js
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignDiff2html=void 0;function _templateObject_7df2ac4054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <h2>[[title]]</h2>\n  "]);_templateObject_7df2ac4054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignDiff2html=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7df2ac4054f411e9aeb367f92c5b63ab()),is:"lrndesign-diff2html",properties:{title:{type:String,value:"lrndesign-diff2html"}}});_exports.LrndesignDiff2html=LrndesignDiff2html});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignDiff2html=void 0;function _templateObject_182751a0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <h2>[[title]]</h2>\n  "]);_templateObject_182751a0555211e98f439769bd191e33=function(){return data};return data}var LrndesignDiff2html=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_182751a0555211e98f439769bd191e33()),is:"lrndesign-diff2html",properties:{title:{type:String,value:"lrndesign-diff2html"}}});_exports.LrndesignDiff2html=LrndesignDiff2html});
\ No newline at end of file
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 c0bd97d86e8..0cf821ec5fc 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/app-layout/app-layout.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignDrawer=void 0;function _templateObject_7eeee69054f411e9aeb367f92c5b63ab(){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=\"flyout-drawer\"\n    ></paper-icon-button>\n    <paper-tooltip for=\"flyout-drawer\">[[alt]]</paper-tooltip>\n  "]);_templateObject_7eeee69054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignDrawer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7eeee69054f411e9aeb367f92c5b63ab()),is:"lrndesign-drawer",properties:{opened:{type:Boolean,value:!1},icon:{type:String,value:"icon"},align:{type:String,value:"left"},alt:{type:String,value:""}},ready:function ready(){var root=this,opened=this.opened;this.shadowRoot.querySelector("paper-icon-button").addEventListener("click",function(){root.opened=!root.opened})}});_exports.LrndesignDrawer=LrndesignDrawer});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/app-layout/app-layout.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignDrawer=void 0;function _templateObject_183c1220555211e98f439769bd191e33(){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=\"flyout-drawer\"\n    ></paper-icon-button>\n    <paper-tooltip for=\"flyout-drawer\">[[alt]]</paper-tooltip>\n  "]);_templateObject_183c1220555211e98f439769bd191e33=function(){return data};return data}var LrndesignDrawer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_183c1220555211e98f439769bd191e33()),is:"lrndesign-drawer",properties:{opened:{type:Boolean,value:!1},icon:{type:String,value:"icon"},align:{type:String,value:"left"},alt:{type:String,value:""}},ready:function ready(){var root=this,opened=this.opened;this.shadowRoot.querySelector("paper-icon-button").addEventListener("click",function(){root.opened=!root.opened})}});_exports.LrndesignDrawer=LrndesignDrawer});
\ No newline at end of file
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 d2c7e1d8fea..26a90aee615 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","./lrndesign-gallery-behaviors.js","./lrndesign-gallery-details.js","./lrndesign-gallery-zoom.js"],function(_exports,_polymerElement,_lrndesignGalleryBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignGalleryCarousel=void 0;function _templateObject_9d4eeea054f411e9aeb367f92c5b63ab(){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: scroll;\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: scroll;\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-tap=\"_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-tap=\"_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-tap=\"_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_9d4eeea054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignGalleryCarousel=function(_LrndesignGalleryBeha){babelHelpers.inherits(LrndesignGalleryCarousel,_LrndesignGalleryBeha);function LrndesignGalleryCarousel(){babelHelpers.classCallCheck(this,LrndesignGalleryCarousel);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrndesignGalleryCarousel).apply(this,arguments))}babelHelpers.createClass(LrndesignGalleryCarousel,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGalleryCarousel.prototype),"ready",this).call(this);if(this.selected.scroll){var target=this.$.carouselitem;this._scrollIntoView([this._getParentOffset(target)]);if(!this.selected.zoomed)target.focus()}}},{key:"goToItem",value:function goToItem(index){var root=this;if("number"===typeof index&&0<=index&&index<root.items.length){root.selected=root.items[index]}}},{key:"_getImageStyle",value:function _getImageStyle(extraWide,responsiveSize){if(extraWide||"xs"===responsiveSize){return"padding-bottom: "+100/this.aspectRatio+"%;"}else{if("xl"===responsiveSize){return"width: "+400*this.aspectRatio+"px; height: 400px;"}else if("lg"===responsiveSize){return"width: "+300*this.aspectRatio+"px; height: 300px;"}else if("md"===responsiveSize){return"width: "+200*this.aspectRatio+"px; height: 200px;"}else{return"width: "+200*this.aspectRatio+"px; height: 200px;"}}}},{key:"_getIndex",value:function _getIndex(index,step){return index+step}},{key:"_hideNav",value:function _hideNav(items){return items!==void 0?2>items.length:!0}},{key:"_onPrev",value:function _onPrev(){this.goToItem(parseInt(this.$.carouselprev.getAttribute("index")))}},{key:"_onNext",value:function _onNext(){this.goToItem(parseInt(this.$.carouselnext.getAttribute("index")))}},{key:"_onNavTapped",value:function _onNavTapped(e){this.goToItem(e.model.item.index)}},{key:"_updateDetails",value:function _updateDetails(){this.$.itembody.innerHTML=this.item.details}}],[{key:"tag",get:function get(){return"lrndesign-gallery-carousel"}},{key:"behaviors",get:function get(){return[_lrndesignGalleryBehaviors.LrndesignGalleryBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_9d4eeea054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{__imageStyle:{type:String,computed:"_getImageStyle(extraWide,responsiveSize)"}}}}]);return LrndesignGalleryCarousel}(_lrndesignGalleryBehaviors.LrndesignGalleryBehaviors);_exports.LrndesignGalleryCarousel=LrndesignGalleryCarousel;window.customElements.define(LrndesignGalleryCarousel.tag,LrndesignGalleryCarousel)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","./lrndesign-gallery-behaviors.js","./lrndesign-gallery-details.js","./lrndesign-gallery-zoom.js"],function(_exports,_polymerElement,_lrndesignGalleryBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignGalleryCarousel=void 0;function _templateObject_31b0a450555211e98f439769bd191e33(){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: scroll;\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: scroll;\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-tap=\"_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-tap=\"_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-tap=\"_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_31b0a450555211e98f439769bd191e33=function(){return data};return data}var LrndesignGalleryCarousel=function(_LrndesignGalleryBeha){babelHelpers.inherits(LrndesignGalleryCarousel,_LrndesignGalleryBeha);function LrndesignGalleryCarousel(){babelHelpers.classCallCheck(this,LrndesignGalleryCarousel);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrndesignGalleryCarousel).apply(this,arguments))}babelHelpers.createClass(LrndesignGalleryCarousel,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGalleryCarousel.prototype),"ready",this).call(this);if(this.selected.scroll){var target=this.$.carouselitem;this._scrollIntoView([this._getParentOffset(target)]);if(!this.selected.zoomed)target.focus()}}},{key:"goToItem",value:function goToItem(index){var root=this;if("number"===typeof index&&0<=index&&index<root.items.length){root.selected=root.items[index]}}},{key:"_getImageStyle",value:function _getImageStyle(extraWide,responsiveSize){if(extraWide||"xs"===responsiveSize){return"padding-bottom: "+100/this.aspectRatio+"%;"}else{if("xl"===responsiveSize){return"width: "+400*this.aspectRatio+"px; height: 400px;"}else if("lg"===responsiveSize){return"width: "+300*this.aspectRatio+"px; height: 300px;"}else if("md"===responsiveSize){return"width: "+200*this.aspectRatio+"px; height: 200px;"}else{return"width: "+200*this.aspectRatio+"px; height: 200px;"}}}},{key:"_getIndex",value:function _getIndex(index,step){return index+step}},{key:"_hideNav",value:function _hideNav(items){return items!==void 0?2>items.length:!0}},{key:"_onPrev",value:function _onPrev(){this.goToItem(parseInt(this.$.carouselprev.getAttribute("index")))}},{key:"_onNext",value:function _onNext(){this.goToItem(parseInt(this.$.carouselnext.getAttribute("index")))}},{key:"_onNavTapped",value:function _onNavTapped(e){this.goToItem(e.model.item.index)}},{key:"_updateDetails",value:function _updateDetails(){this.$.itembody.innerHTML=this.item.details}}],[{key:"tag",get:function get(){return"lrndesign-gallery-carousel"}},{key:"behaviors",get:function get(){return[_lrndesignGalleryBehaviors.LrndesignGalleryBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_31b0a450555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{__imageStyle:{type:String,computed:"_getImageStyle(extraWide,responsiveSize)"}}}}]);return LrndesignGalleryCarousel}(_lrndesignGalleryBehaviors.LrndesignGalleryBehaviors);_exports.LrndesignGalleryCarousel=LrndesignGalleryCarousel;window.customElements.define(LrndesignGalleryCarousel.tag,LrndesignGalleryCarousel)});
\ No newline at end of file
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 e2b7d17c1d6..ae79bbbdf4c 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignGalleryDetails=void 0;function _templateObject_9d66bc6054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <div id=\"details\"></div>\n    "]);_templateObject_9d66bc6054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignGalleryDetails=function(_PolymerElement){babelHelpers.inherits(LrndesignGalleryDetails,_PolymerElement);function LrndesignGalleryDetails(){babelHelpers.classCallCheck(this,LrndesignGalleryDetails);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrndesignGalleryDetails).apply(this,arguments))}babelHelpers.createClass(LrndesignGalleryDetails,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGalleryDetails.prototype),"connectedCallback",this).call(this);this._detailsChanged()}},{key:"_detailsChanged",value:function _detailsChanged(){this.$.details.innerHTML=this.details}}],[{key:"tag",get:function get(){return"lrndesign-gallery-details"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_9d66bc6054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{details:{type:String,value:null,observer:"_detailsChanged"}}}}]);return LrndesignGalleryDetails}(_polymerElement.PolymerElement);_exports.LrndesignGalleryDetails=LrndesignGalleryDetails;window.customElements.define(LrndesignGalleryDetails.tag,LrndesignGalleryDetails)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignGalleryDetails=void 0;function _templateObject_31b649a0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <div id=\"details\"></div>\n    "]);_templateObject_31b649a0555211e98f439769bd191e33=function(){return data};return data}var LrndesignGalleryDetails=function(_PolymerElement){babelHelpers.inherits(LrndesignGalleryDetails,_PolymerElement);function LrndesignGalleryDetails(){babelHelpers.classCallCheck(this,LrndesignGalleryDetails);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrndesignGalleryDetails).apply(this,arguments))}babelHelpers.createClass(LrndesignGalleryDetails,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGalleryDetails.prototype),"connectedCallback",this).call(this);this._detailsChanged()}},{key:"_detailsChanged",value:function _detailsChanged(){this.$.details.innerHTML=this.details}}],[{key:"tag",get:function get(){return"lrndesign-gallery-details"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_31b649a0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{details:{type:String,value:null,observer:"_detailsChanged"}}}}]);return LrndesignGalleryDetails}(_polymerElement.PolymerElement);_exports.LrndesignGalleryDetails=LrndesignGalleryDetails;window.customElements.define(LrndesignGalleryDetails.tag,LrndesignGalleryDetails)});
\ No newline at end of file
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 2147c64dff1..b3476afc1d4 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/utils/render-status.js","./lrndesign-gallery-behaviors.js","./lrndesign-gallery-zoom.js","./lrndesign-gallery-details.js"],function(_exports,_polymerElement,_renderStatus,_lrndesignGalleryBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignGalleryGrid=void 0;function _templateObject_9d6ab40054f411e9aeb367f92c5b63ab(){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_9d6ab40054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignGalleryGrid=function(_LrndesignGalleryBeha){babelHelpers.inherits(LrndesignGalleryGrid,_LrndesignGalleryBeha);function LrndesignGalleryGrid(){babelHelpers.classCallCheck(this,LrndesignGalleryGrid);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrndesignGalleryGrid).apply(this,arguments))}babelHelpers.createClass(LrndesignGalleryGrid,[{key:"_handleScroll",value:function _handleScroll(e){this._scrollIntoView([this._getParentOffset(this),e.path[0].offsetTop])}},{key:"_getImageStyle",value:function _getImageStyle(){var items=0<arguments.length&&arguments[0]!==void 0?arguments[0]:[],img=new Image,padding=75;if(items!==void 0&&0<items.length){img.src=items[0].src;if(0<img.naturalWidth&&0<img.naturalHeight)padding=100*img.naturalHeight/img.naturalWidth}return"padding-bottom: "+padding+"%;"}}],[{key:"tag",get:function get(){return"lrndesign-gallery-grid"}},{key:"behaviors",get:function get(){return[_lrndesignGalleryBehaviors.LrndesignGalleryBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_9d6ab40054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{imageStyle:{type:String,computed:"_getImageStyle(items)",reflectToAttribute:!0}}}}]);return LrndesignGalleryGrid}(_lrndesignGalleryBehaviors.LrndesignGalleryBehaviors);_exports.LrndesignGalleryGrid=LrndesignGalleryGrid;window.customElements.define(LrndesignGalleryGrid.tag,LrndesignGalleryGrid)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/utils/render-status.js","./lrndesign-gallery-behaviors.js","./lrndesign-gallery-zoom.js","./lrndesign-gallery-details.js"],function(_exports,_polymerElement,_renderStatus,_lrndesignGalleryBehaviors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignGalleryGrid=void 0;function _templateObject_31bc8b30555211e98f439769bd191e33(){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_31bc8b30555211e98f439769bd191e33=function(){return data};return data}var LrndesignGalleryGrid=function(_LrndesignGalleryBeha){babelHelpers.inherits(LrndesignGalleryGrid,_LrndesignGalleryBeha);function LrndesignGalleryGrid(){babelHelpers.classCallCheck(this,LrndesignGalleryGrid);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrndesignGalleryGrid).apply(this,arguments))}babelHelpers.createClass(LrndesignGalleryGrid,[{key:"_handleScroll",value:function _handleScroll(e){this._scrollIntoView([this._getParentOffset(this),e.path[0].offsetTop])}},{key:"_getImageStyle",value:function _getImageStyle(){var items=0<arguments.length&&arguments[0]!==void 0?arguments[0]:[],img=new Image,padding=75;if(items!==void 0&&0<items.length){img.src=items[0].src;if(0<img.naturalWidth&&0<img.naturalHeight)padding=100*img.naturalHeight/img.naturalWidth}return"padding-bottom: "+padding+"%;"}}],[{key:"tag",get:function get(){return"lrndesign-gallery-grid"}},{key:"behaviors",get:function get(){return[_lrndesignGalleryBehaviors.LrndesignGalleryBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_31bc8b30555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{imageStyle:{type:String,computed:"_getImageStyle(items)",reflectToAttribute:!0}}}}]);return LrndesignGalleryGrid}(_lrndesignGalleryBehaviors.LrndesignGalleryBehaviors);_exports.LrndesignGalleryGrid=LrndesignGalleryGrid;window.customElements.define(LrndesignGalleryGrid.tag,LrndesignGalleryGrid)});
\ No newline at end of file
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 95ca78aea8e..e30f65566fb 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 +1 @@
-define(["../../../@polymer/polymer/polymer-element.js","../../../@polymer/iron-flex-layout/iron-flex-layout.js"],function(_polymerElement){"use strict";function _templateObject_9d6f960054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n  <style is=\"custom-style\" include=\"simple-colors\">\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_9d6f960054f411e9aeb367f92c5b63ab=function(){return data};return data}var styleElement=document.createElement("dom-module"),css=(0,_polymerElement.html)(_templateObject_9d6f960054f411e9aeb367f92c5b63ab());styleElement.appendChild(css);styleElement.register("lrndesign-gallery-shared-styles")});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-element.js","../../../@polymer/iron-flex-layout/iron-flex-layout.js"],function(_polymerElement){"use strict";function _templateObject_31c11f10555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n  <style is=\"custom-style\" include=\"simple-colors\">\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_31c11f10555211e98f439769bd191e33=function(){return data};return data}var styleElement=document.createElement("dom-module"),css=(0,_polymerElement.html)(_templateObject_31c11f10555211e98f439769bd191e33());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 224f9df2451..f06771c955d 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../simple-modal/lib/simple-modal-template.js","../../../@polymer/paper-button/paper-button.js","../../img-pan-zoom/img-pan-zoom.js","../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignGalleryZoom=void 0;function _templateObject_9d77fa7054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host paper-button {\n          width: 100%;\n        }\n        #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 id=\"zoombtn\" label$=\"[[tooltip]]\" title=\"\">\n        <slot></slot>\n      </paper-button>\n      <paper-tooltip for=\"zoombtn\" position=\"right\">[[tooltip]]</paper-tooltip>\n      <simple-modal-template id=\"zoomdialog\" title$=\"[[heading]]\">\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_9d77fa7054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignGalleryZoom=function(_PolymerElement){babelHelpers.inherits(LrndesignGalleryZoom,_PolymerElement);function LrndesignGalleryZoom(){babelHelpers.classCallCheck(this,LrndesignGalleryZoom);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrndesignGalleryZoom).apply(this,arguments))}babelHelpers.createClass(LrndesignGalleryZoom,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGalleryZoom.prototype),"ready",this).call(this);this._detailsChanged();this.modal=this.$.zoomdialog.associateEvents(this.$.zoombtn);this.$.zoomdialog.associateEvents(this.$.zoombtn,"gallery-zoom");if(this.scrolled){this.dispatchEvent(new CustomEvent("gallery-scroll"));if(!this.zoomed)this.$.zoombtn.focus()}if(this.zoomed){this.zoom()}}},{key:"zoom",value:function zoom(){var root=this;root.$.zoombtn.dispatchEvent(new CustomEvent("gallery-zoom",{detail:{root:root}}))}},{key:"_detailsChanged",value:function _detailsChanged(){this.$.details.innerHTML=this.details}},{key:"_isAttrSet",value:function _isAttrSet(){var attr=0<arguments.length&&arguments[0]!==void 0?arguments[0]:null;return null!==attr&&attr!==void 0}}],[{key:"tag",get:function get(){return"lrndesign-gallery-zoom"}},{key:"behaviors",get:function get(){return[LrndesignGalleryBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_9d77fa7054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{details:{type:String,value:null,observer:"_detailsChanged"},heading:{type:String,value:"Image Zoom"},itemId:{type:String,value:null},modal:{type:Object,value:null},scrolled:{type:Boolean,value:!1},src:{type:String,reflectToAttribute:!0},tooltip:{type:String,value:"Zoom In"},zoomAlt:{type:String,value:null},zoomed:{type:Boolean,value:!1}}}}]);return LrndesignGalleryZoom}(_polymerElement.PolymerElement);_exports.LrndesignGalleryZoom=LrndesignGalleryZoom;window.customElements.define(LrndesignGalleryZoom.tag,LrndesignGalleryZoom)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../simple-modal/lib/simple-modal-template.js","../../../@polymer/paper-button/paper-button.js","../../img-pan-zoom/img-pan-zoom.js","../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignGalleryZoom=void 0;function _templateObject_31cae310555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\n        :host {\n          display: block;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n        :host paper-button {\n          width: 100%;\n        }\n        #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 id=\"zoombtn\" label$=\"[[tooltip]]\" title=\"\">\n        <slot></slot>\n      </paper-button>\n      <paper-tooltip for=\"zoombtn\" position=\"right\">[[tooltip]]</paper-tooltip>\n      <simple-modal-template id=\"zoomdialog\" title$=\"[[heading]]\">\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_31cae310555211e98f439769bd191e33=function(){return data};return data}var LrndesignGalleryZoom=function(_PolymerElement){babelHelpers.inherits(LrndesignGalleryZoom,_PolymerElement);function LrndesignGalleryZoom(){babelHelpers.classCallCheck(this,LrndesignGalleryZoom);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrndesignGalleryZoom).apply(this,arguments))}babelHelpers.createClass(LrndesignGalleryZoom,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGalleryZoom.prototype),"ready",this).call(this);this._detailsChanged();this.modal=this.$.zoomdialog.associateEvents(this.$.zoombtn);this.$.zoomdialog.associateEvents(this.$.zoombtn,"gallery-zoom");if(this.scrolled){this.dispatchEvent(new CustomEvent("gallery-scroll"));if(!this.zoomed)this.$.zoombtn.focus()}if(this.zoomed){this.zoom()}}},{key:"zoom",value:function zoom(){var root=this;root.$.zoombtn.dispatchEvent(new CustomEvent("gallery-zoom",{detail:{root:root}}))}},{key:"_detailsChanged",value:function _detailsChanged(){this.$.details.innerHTML=this.details}},{key:"_isAttrSet",value:function _isAttrSet(){var attr=0<arguments.length&&arguments[0]!==void 0?arguments[0]:null;return null!==attr&&attr!==void 0}}],[{key:"tag",get:function get(){return"lrndesign-gallery-zoom"}},{key:"behaviors",get:function get(){return[LrndesignGalleryBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_31cae310555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{details:{type:String,value:null,observer:"_detailsChanged"},heading:{type:String,value:"Image Zoom"},itemId:{type:String,value:null},modal:{type:Object,value:null},scrolled:{type:Boolean,value:!1},src:{type:String,reflectToAttribute:!0},tooltip:{type:String,value:"Zoom In"},zoomAlt:{type:String,value:null},zoomed:{type:Boolean,value:!1}}}}]);return LrndesignGalleryZoom}(_polymerElement.PolymerElement);_exports.LrndesignGalleryZoom=LrndesignGalleryZoom;window.customElements.define(LrndesignGalleryZoom.tag,LrndesignGalleryZoom)});
\ No newline at end of file
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 e7ddd980872..1285f2234ab 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","./lib/lrndesign-gallery-behaviors.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../simple-colors/simple-colors.js","./lib/lrndesign-gallery-carousel.js","./lib/lrndesign-gallery-grid.js"],function(_exports,_polymerElement,_lrndesignGalleryBehaviors,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignGallery=void 0;function _templateObject_7ea72f3054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\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_7ea72f3054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignGallery=function(_LrndesignGalleryBeha){babelHelpers.inherits(LrndesignGallery,_LrndesignGalleryBeha);function LrndesignGallery(){babelHelpers.classCallCheck(this,LrndesignGallery);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrndesignGallery).apply(this,arguments))}babelHelpers.createClass(LrndesignGallery,[{key:"connectedCallback",value:function connectedCallback(){var root=this;babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGallery.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(LrndesignGallery.haxProperties,LrndesignGallery.tag,this);root.__gallery=root.$.gallery;root.anchorData=root._getAnchorData();window.ResponsiveUtility.requestAvailability();window.dispatchEvent(new CustomEvent("responsive-element",{detail:{element:root,attribute:"responsive-size",relativeToParent:!0}}))}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGallery.prototype),"ready",this).call(this)}}],[{key:"tag",get:function get(){return"lrndesign-gallery"}},{key:"behaviors",get:function get(){return[_lrndesignGalleryBehaviors.LrndesignGalleryBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_7ea72f3054f411e9aeb367f92c5b63ab())}},{key:"haxProperties",get:function get(){return{canScale:!1,canPosition:!1,canEditSource:!0,gizmo:{title:"Image Gallery",description:"An image gallery displayed as a carousel or a grid",icon:"image:collections",color:"cyan",groups:["Content","Instructional","Media","Image"],handles:[{type:"image",source:"image"}],meta:{author:"LRNWebComponents"}},settings:{quick:[],configure:[{property:"title",title:"Gallery Title",description:"A title for the gallery.",inputMethod:"textfield",icon:"editor:title"},{property:"accentColor",title:"Accent Color",description:"An optional accent color.",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark Theme",description:"Enable Dark Theme",inputMethod:"boolean",icon:"icons:invert-colors"},{property:"grid",title:"Grid View",description:"Display as grid?",inputMethod:"boolean",icon:"icons:view-module"},{slot:"description",title:"Gallery Description",description:"An optional description for the gallery.",inputMethod:"textfield"},{property:"sources",title:"Gallery Images",description:"The images for the gallery.",inputMethod:"array",properties:[{property:"title",title:"Image Title",description:"The heading for the image.",inputMethod:"textfield"},{property:"details",title:"Image Details",description:"The body text with details for the image.",inputMethod:"textfield"},{property:"src",title:"Image Source",description:"The path of the image.",inputMethod:"haxupload"},{property:"thumbnail",title:"Image Thumbnail Source",description:"The path of an optional thumbnail version of the image.",inputMethod:"haxupload"},{property:"large",title:"Image Full Size Source",description:"The path of an optional large version of the image for zooming.",inputMethod:"haxupload"}]}],advanced:[{property:"aspectRatio",title:"Aspect Ratio",description:"Custom aspect ratio, default is calculated based on the first image's aspect ratio",inputMethod:"textfield"},{property:"sizing",title:"Fit to Aspect Ratio",description:"Fit images to aspect ratio",inputMethod:"select",options:{cover:"crop",contain:"letterbox"}}]}}}},{key:"properties",get:function get(){return{}}}]);return LrndesignGallery}(_lrndesignGalleryBehaviors.LrndesignGalleryBehaviors);_exports.LrndesignGallery=LrndesignGallery;window.customElements.define(LrndesignGallery.tag,LrndesignGallery)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","./lib/lrndesign-gallery-behaviors.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../simple-colors/simple-colors.js","./lib/lrndesign-gallery-carousel.js","./lib/lrndesign-gallery-grid.js"],function(_exports,_polymerElement,_lrndesignGalleryBehaviors,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignGallery=void 0;function _templateObject_18817f90555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\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_18817f90555211e98f439769bd191e33=function(){return data};return data}var LrndesignGallery=function(_LrndesignGalleryBeha){babelHelpers.inherits(LrndesignGallery,_LrndesignGalleryBeha);function LrndesignGallery(){babelHelpers.classCallCheck(this,LrndesignGallery);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrndesignGallery).apply(this,arguments))}babelHelpers.createClass(LrndesignGallery,[{key:"connectedCallback",value:function connectedCallback(){var root=this;babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGallery.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(LrndesignGallery.haxProperties,LrndesignGallery.tag,this);root.__gallery=root.$.gallery;root.anchorData=root._getAnchorData();window.ResponsiveUtility.requestAvailability();window.dispatchEvent(new CustomEvent("responsive-element",{detail:{element:root,attribute:"responsive-size",relativeToParent:!0}}))}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignGallery.prototype),"ready",this).call(this)}}],[{key:"tag",get:function get(){return"lrndesign-gallery"}},{key:"behaviors",get:function get(){return[_lrndesignGalleryBehaviors.LrndesignGalleryBehaviors]}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_18817f90555211e98f439769bd191e33())}},{key:"haxProperties",get:function get(){return{canScale:!1,canPosition:!1,canEditSource:!0,gizmo:{title:"Image Gallery",description:"An image gallery displayed as a carousel or a grid",icon:"image:collections",color:"cyan",groups:["Content","Instructional","Media","Image"],handles:[{type:"image",source:"image"}],meta:{author:"LRNWebComponents"}},settings:{quick:[],configure:[{property:"title",title:"Gallery Title",description:"A title for the gallery.",inputMethod:"textfield",icon:"editor:title"},{property:"accentColor",title:"Accent Color",description:"An optional accent color.",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark Theme",description:"Enable Dark Theme",inputMethod:"boolean",icon:"icons:invert-colors"},{property:"grid",title:"Grid View",description:"Display as grid?",inputMethod:"boolean",icon:"icons:view-module"},{slot:"description",title:"Gallery Description",description:"An optional description for the gallery.",inputMethod:"textfield"},{property:"sources",title:"Gallery Images",description:"The images for the gallery.",inputMethod:"array",properties:[{property:"title",title:"Image Title",description:"The heading for the image.",inputMethod:"textfield"},{property:"details",title:"Image Details",description:"The body text with details for the image.",inputMethod:"textfield"},{property:"src",title:"Image Source",description:"The path of the image.",inputMethod:"haxupload"},{property:"thumbnail",title:"Image Thumbnail Source",description:"The path of an optional thumbnail version of the image.",inputMethod:"haxupload"},{property:"large",title:"Image Full Size Source",description:"The path of an optional large version of the image for zooming.",inputMethod:"haxupload"}]}],advanced:[{property:"aspectRatio",title:"Aspect Ratio",description:"Custom aspect ratio, default is calculated based on the first image's aspect ratio",inputMethod:"textfield"},{property:"sizing",title:"Fit to Aspect Ratio",description:"Fit images to aspect ratio",inputMethod:"select",options:{cover:"crop",contain:"letterbox"}}]}}}},{key:"properties",get:function get(){return{}}}]);return LrndesignGallery}(_lrndesignGalleryBehaviors.LrndesignGalleryBehaviors);_exports.LrndesignGallery=LrndesignGallery;window.customElements.define(LrndesignGallery.tag,LrndesignGallery)});
\ No newline at end of file
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 55e49cf0383..add2b155b5b 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../lrndesign-avatar/lrndesign-avatar.js","../materializecss-styles/materializecss-styles.js","../../@polymer/iron-image/iron-image.js","../../@polymer/paper-card/paper-card.js","../../@polymer/iron-icon/iron-icon.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignGallerycard=void 0;function _templateObject_8731289054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\"></style>\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 include=\"materializecss-styles\"></style>\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_8731289054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignGallerycard=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8731289054f411e9aeb367f92c5b63ab()),is:"lrndesign-gallerycard",listeners:{mouseenter:"_mouseEnter",mouseleave:"_mouseLeave"},properties:{size:{type:String,notify:!0,reflectToAttribute:!0},image:{type:String,notify:!0,reflectToAttribute:!0},icon:{type:String,notify:!0,reflectToAttribute:!0},title:{type:String,value:"Project",notify:!0},author:{type:Object,value:{name:"author",display_name:"Author"},notify:!0},elevation:{type:Number,value:1,reflectToAttribute:!0,notify:!0},comments:{type:Number,value:0,reflectToAttribute:!0,notify:!0}},_mouseEnter:function _mouseEnter(){this.elevation+=2},_mouseLeave:function _mouseLeave(){this.elevation-=2}});_exports.LrndesignGallerycard=LrndesignGallerycard});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../lrndesign-avatar/lrndesign-avatar.js","../materializecss-styles/materializecss-styles.js","../../@polymer/iron-image/iron-image.js","../../@polymer/paper-card/paper-card.js","../../@polymer/iron-icon/iron-icon.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignGallerycard=void 0;function _templateObject_1b06cae0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\"></style>\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 include=\"materializecss-styles\"></style>\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_1b06cae0555211e98f439769bd191e33=function(){return data};return data}var LrndesignGallerycard=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1b06cae0555211e98f439769bd191e33()),is:"lrndesign-gallerycard",listeners:{mouseenter:"_mouseEnter",mouseleave:"_mouseLeave"},properties:{size:{type:String,notify:!0,reflectToAttribute:!0},image:{type:String,notify:!0,reflectToAttribute:!0},icon:{type:String,notify:!0,reflectToAttribute:!0},title:{type:String,value:"Project",notify:!0},author:{type:Object,value:{name:"author",display_name:"Author"},notify:!0},elevation:{type:Number,value:1,reflectToAttribute:!0,notify:!0},comments:{type:Number,value:0,reflectToAttribute:!0,notify:!0}},_mouseEnter:function _mouseEnter(){this.elevation+=2},_mouseLeave:function _mouseLeave(){this.elevation-=2}});_exports.LrndesignGallerycard=LrndesignGallerycard});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-imagecarousel/lrndesign-imagecarousel.js b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-imagecarousel/lrndesign-imagecarousel.js
index 1804ceececd..9a7acbfa7bb 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-imagecarousel/lrndesign-imagecarousel.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/lrndesign-imagecarousel/lrndesign-imagecarousel.js
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../fancy-carousel/fancy-carousel.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignImagecarousel=void 0;function _templateObject_7e72d8c054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <fancy-carousel>\n      <img src=\"https://app-layout-assets.appspot.com/assets/bg1.jpg\" />\n      <img src=\"https://app-layout-assets.appspot.com/assets/bg2.jpg\" />\n      <img src=\"https://app-layout-assets.appspot.com/assets/bg3.jpg\" />\n      <img src=\"https://app-layout-assets.appspot.com/assets/bg4.jpg\" />\n    </fancy-carousel>\n  "]);_templateObject_7e72d8c054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignImagecarousel=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7e72d8c054f411e9aeb367f92c5b63ab()),is:"lrndesign-imagecarousel",properties:{title:{type:String,value:"lrndesign-imagecarousel"}}});_exports.LrndesignImagecarousel=LrndesignImagecarousel});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../fancy-carousel/fancy-carousel.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignImagecarousel=void 0;function _templateObject_18b512b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <fancy-carousel>\n      <img src=\"https://app-layout-assets.appspot.com/assets/bg1.jpg\" />\n      <img src=\"https://app-layout-assets.appspot.com/assets/bg2.jpg\" />\n      <img src=\"https://app-layout-assets.appspot.com/assets/bg3.jpg\" />\n      <img src=\"https://app-layout-assets.appspot.com/assets/bg4.jpg\" />\n    </fancy-carousel>\n  "]);_templateObject_18b512b0555211e98f439769bd191e33=function(){return data};return data}var LrndesignImagecarousel=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_18b512b0555211e98f439769bd191e33()),is:"lrndesign-imagecarousel",properties:{title:{type:String,value:"lrndesign-imagecarousel"}}});_exports.LrndesignImagecarousel=LrndesignImagecarousel});
\ No newline at end of file
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 e62da84feac..a303e69f298 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../relative-heading/relative-heading.js"],function(_polymerLegacy){"use strict";function _templateObject_9d7eb13054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <relative-heading hidden$=\"[[!label]]\" id=\"heading\" text$=\"[[label]]\">\n    </relative-heading>\n    <div id=\"desc\"><slot></slot></div>\n  "],["\n    <style>\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    </style>\n    <relative-heading hidden\\$=\"[[!label]]\" id=\"heading\" text\\$=\"[[label]]\">\n    </relative-heading>\n    <div id=\"desc\"><slot></slot></div>\n  "]);_templateObject_9d7eb13054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9d7eb13054f411e9aeb367f92c5b63ab()),is:"lrndesign-imagemap-hotspot",properties:{label:{type:String,value:null},hotspotId:{type:String,value:null}},setParentHeading:function setParentHeading(parent){this.$.heading._setParent(parent)}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../relative-heading/relative-heading.js"],function(_polymerLegacy){"use strict";function _templateObject_31d67bd0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <relative-heading hidden$=\"[[!label]]\" id=\"heading\" text$=\"[[label]]\">\n    </relative-heading>\n    <div id=\"desc\"><slot></slot></div>\n  "],["\n    <style>\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    </style>\n    <relative-heading hidden\\$=\"[[!label]]\" id=\"heading\" text\\$=\"[[label]]\">\n    </relative-heading>\n    <div id=\"desc\"><slot></slot></div>\n  "]);_templateObject_31d67bd0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_31d67bd0555211e98f439769bd191e33()),is:"lrndesign-imagemap-hotspot",properties:{label:{type:String,value:null},hotspotId:{type:String,value:null}},setParentHeading:function setParentHeading(parent){this.$.heading._setParent(parent)}})});
\ No newline at end of file
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 d446bfeea4e..eadc85834b7 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/iron-ajax/iron-ajax.js","../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../simple-modal/simple-modal.js","../relative-heading/relative-heading.js","./lib/lrndesign-imagemap-hotspot.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignImagemap=void 0;function _templateObject_7fccc37054f411e9aeb367f92c5b63ab(){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_7fccc37054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignImagemap=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7fccc37054f411e9aeb367f92c5b63ab()),is:"lrndesign-imagemap",properties:{label:{type:String,value:null},src:{type:String,value:null},hotspotDetails:{type:Array,value:[]},subtopicOf:{type:String,value:null,reflectToAttribute:!0},tag:{type:String,value:null,reflectToAttribute:!0}},attached:function attached(){var _this=this;window.SimpleModal.requestAvailability();window.addEventListener("simple-modal-closed",function(e){if(e.detail.invokedBy===_this){_this.closeHotspot()}})},detached:function detached(){var _this2=this;window.removeEventListener("simple-modal-closed",function(e){if(e.detail.invokedBy===_this2){_this2.closeHotspot()}})},_getSVGHandler:function _getSVGHandler(e){var _this3=this,root=this,temp=document.createElement("div"),getID=function(element,alt){if(null===element.getAttribute("id"))element.setAttribute("id",alt);return element.getAttribute("id")},setAriaLabelledBy=function(source,target,prefix){var svgElem=function(nodename){source=null!==source?source:root;var attr="title"===nodename?"label":nodename,query=source.querySelector("#"+attr),label=target.querySelector(nodename);if(null===label){label=document.createElement(nodename);target.prepend(label)}if(null!==source.getAttribute(attr)){label.innerHTML=source.getAttribute(attr)}else if(null!==query&&""!==query.innerHTML){label.innerHTML=query.innerHTML}return getID(label,prefix+"-"+attr)};target.setAttribute("aria-labelledby",svgElem("desc")+" "+svgElem("label"))};temp.innerHTML=e.detail.response;var svg=temp.querySelector("svg"),svgid=getID(svg,"svg-"+Date.now()),hdata=(0,_polymerDom.dom)(root).querySelectorAll("lrndesign-imagemap-hotspot");setAriaLabelledBy(root,svg,svgid);this.$.svg.appendChild(svg);for(var _loop=function(i){var hid=hdata[i].getAttribute("hotspot-id"),hotspot=svg.querySelector("#"+hid),clone=svg.cloneNode(!0);setAriaLabelledBy(hdata[i],clone,hid);hdata[i].appendChild(clone);hdata[i].querySelector("#"+hid).classList.add("selected");hdata[i].setParentHeading(root.$.heading);for(var j=0;j<hdata.length;j++){hdata[i].querySelector("#"+hdata[j].getAttribute("hotspot-id")).classList.add("hotspot")}var hbutton=document.createElement("button");hbutton.setAttribute("tabindex",0);hbutton.setAttribute("aria-label",hdata[i].label);root.$.buttons.appendChild(hbutton);hbutton.addEventListener("focus",function(){console.log("focus",i,hotspot);hotspot.classList.add("focus")});hbutton.addEventListener("blur",function(){hotspot.classList.remove("focus")});hotspot.classList.add("hotspot");hotspot.addEventListener("click",function(){_this3.openHotspot(hotspot,hdata[i])});hbutton.addEventListener("keyup",function(e){if(13===e.keyCode||32===e.keyCode){if(!hotspot.classList.contains("selected")){_this3.openHotspot(hotspot,hdata[i])}}})},i=0;i<hdata.length;i++){_loop(i)}},openHotspot:function openHotspot(hotspot,details){var children=details.$.desc.querySelector("slot").assignedNodes({flatten:!0}),c=document.createElement("div");for(var child in children){c.appendChild(children[child].cloneNode(!0))}var evt=new CustomEvent("simple-modal-show",{bubbles:!0,cancelable:!0,detail:{title:details.getAttribute("label"),elements:{content:c},invokedBy:this,clone:!1}});this.dispatchEvent(evt);this.__activeHotspot=hotspot;this.resetHotspots();hotspot.classList.add("selected")},closeHotspot:function closeHotspot(){this.resetHotspots();this.__activeHotspot.focus()},resetHotspots:function resetHotspots(){for(var hotspots=this.querySelectorAll(".hotspot[role=\"button\"]"),i=0;i<hotspots.length;i++){hotspots[i].classList.remove("selected")}}});_exports.LrndesignImagemap=LrndesignImagemap});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/iron-ajax/iron-ajax.js","../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../simple-modal/simple-modal.js","../relative-heading/relative-heading.js","./lib/lrndesign-imagemap-hotspot.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignImagemap=void 0;function _templateObject_192f24b0555211e98f439769bd191e33(){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_192f24b0555211e98f439769bd191e33=function(){return data};return data}var LrndesignImagemap=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_192f24b0555211e98f439769bd191e33()),is:"lrndesign-imagemap",properties:{label:{type:String,value:null},src:{type:String,value:null},hotspotDetails:{type:Array,value:[]},subtopicOf:{type:String,value:null,reflectToAttribute:!0},tag:{type:String,value:null,reflectToAttribute:!0}},attached:function attached(){var _this=this;window.SimpleModal.requestAvailability();window.addEventListener("simple-modal-closed",function(e){if(e.detail.invokedBy===_this){_this.closeHotspot()}})},detached:function detached(){var _this2=this;window.removeEventListener("simple-modal-closed",function(e){if(e.detail.invokedBy===_this2){_this2.closeHotspot()}})},_getSVGHandler:function _getSVGHandler(e){var _this3=this,root=this,temp=document.createElement("div"),getID=function(element,alt){if(null===element.getAttribute("id"))element.setAttribute("id",alt);return element.getAttribute("id")},setAriaLabelledBy=function(source,target,prefix){var svgElem=function(nodename){source=null!==source?source:root;var attr="title"===nodename?"label":nodename,query=source.querySelector("#"+attr),label=target.querySelector(nodename);if(null===label){label=document.createElement(nodename);target.prepend(label)}if(null!==source.getAttribute(attr)){label.innerHTML=source.getAttribute(attr)}else if(null!==query&&""!==query.innerHTML){label.innerHTML=query.innerHTML}return getID(label,prefix+"-"+attr)};target.setAttribute("aria-labelledby",svgElem("desc")+" "+svgElem("label"))};temp.innerHTML=e.detail.response;var svg=temp.querySelector("svg"),svgid=getID(svg,"svg-"+Date.now()),hdata=(0,_polymerDom.dom)(root).querySelectorAll("lrndesign-imagemap-hotspot");setAriaLabelledBy(root,svg,svgid);this.$.svg.appendChild(svg);for(var _loop=function(i){var hid=hdata[i].getAttribute("hotspot-id"),hotspot=svg.querySelector("#"+hid),clone=svg.cloneNode(!0);setAriaLabelledBy(hdata[i],clone,hid);hdata[i].appendChild(clone);hdata[i].querySelector("#"+hid).classList.add("selected");hdata[i].setParentHeading(root.$.heading);for(var j=0;j<hdata.length;j++){hdata[i].querySelector("#"+hdata[j].getAttribute("hotspot-id")).classList.add("hotspot")}var hbutton=document.createElement("button");hbutton.setAttribute("tabindex",0);hbutton.setAttribute("aria-label",hdata[i].label);root.$.buttons.appendChild(hbutton);hbutton.addEventListener("focus",function(){console.log("focus",i,hotspot);hotspot.classList.add("focus")});hbutton.addEventListener("blur",function(){hotspot.classList.remove("focus")});hotspot.classList.add("hotspot");hotspot.addEventListener("click",function(){_this3.openHotspot(hotspot,hdata[i])});hbutton.addEventListener("keyup",function(e){if(13===e.keyCode||32===e.keyCode){if(!hotspot.classList.contains("selected")){_this3.openHotspot(hotspot,hdata[i])}}})},i=0;i<hdata.length;i++){_loop(i)}},openHotspot:function openHotspot(hotspot,details){var children=details.$.desc.querySelector("slot").assignedNodes({flatten:!0}),c=document.createElement("div");for(var child in children){c.appendChild(children[child].cloneNode(!0))}var evt=new CustomEvent("simple-modal-show",{bubbles:!0,cancelable:!0,detail:{title:details.getAttribute("label"),elements:{content:c},invokedBy:this,clone:!1}});this.dispatchEvent(evt);this.__activeHotspot=hotspot;this.resetHotspots();hotspot.classList.add("selected")},closeHotspot:function closeHotspot(){this.resetHotspots();this.__activeHotspot.focus()},resetHotspots:function resetHotspots(){for(var hotspots=this.querySelectorAll(".hotspot[role=\"button\"]"),i=0;i<hotspots.length;i++){hotspots[i].classList.remove("selected")}}});_exports.LrndesignImagemap=LrndesignImagemap});
\ No newline at end of file
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 41641a13716..03ca0f00844 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../lrndesign-avatar/lrndesign-avatar.js","../../../@polymer/iron-collapse/iron-collapse.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-behaviors/iron-button-state.js"],function(_polymerLegacy,_lrndesignAvatar,_ironCollapse,_ironIcon,_ironButtonState){"use strict";function _templateObject_9d85dd2054f411e9aeb367f92c5b63ab(){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_9d85dd2054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9d85dd2054f411e9aeb367f92c5b63ab()),is:"lrndesign-mapmenu-header",behaviors:[_ironButtonState.IronButtonState],properties:{title:{type:String},label:{type:String},avatarLabel:{type:String,value:""},opened:{type:Boolean}},hostAttributes:{role:"button",tabindex:0}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../lrndesign-avatar/lrndesign-avatar.js","../../../@polymer/iron-collapse/iron-collapse.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-behaviors/iron-button-state.js"],function(_polymerLegacy,_lrndesignAvatar,_ironCollapse,_ironIcon,_ironButtonState){"use strict";function _templateObject_31dd80b0555211e98f439769bd191e33(){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_31dd80b0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_31dd80b0555211e98f439769bd191e33()),is:"lrndesign-mapmenu-header",behaviors:[_ironButtonState.IronButtonState],properties:{title:{type:String},label:{type:String},avatarLabel:{type:String,value:""},opened:{type:Boolean}},hostAttributes:{role:"button",tabindex:0}})});
\ No newline at end of file
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 72866d79c50..688f8fcfe87 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icon/iron-icon.js"],function(_polymerLegacy){"use strict";function _templateObject_9d8cbaf054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <template is=\"dom-if\" if=\"[[icon]]\">\n      <iron-icon icon=\"[[icon]]\"></iron-icon>\n    </template>\n    <span id=\"title\">[[title]]</span>\n  "]);_templateObject_9d8cbaf054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9d8cbaf054f411e9aeb367f92c5b63ab()),is:"lrndesign-mapmenu-item",properties:babelHelpers.defineProperty({icon:{type:String,value:""},title:{type:String,value:""},url:{type:String,value:""}},"icon",{type:String,value:""})})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icon/iron-icon.js"],function(_polymerLegacy){"use strict";function _templateObject_31e018c0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <template is=\"dom-if\" if=\"[[icon]]\">\n      <iron-icon icon=\"[[icon]]\"></iron-icon>\n    </template>\n    <span id=\"title\">[[title]]</span>\n  "]);_templateObject_31e018c0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_31e018c0555211e98f439769bd191e33()),is:"lrndesign-mapmenu-item",properties:babelHelpers.defineProperty({icon:{type:String,value:""},title:{type:String,value:""},url:{type:String,value:""}},"icon",{type:String,value:""})})});
\ No newline at end of file
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 6a76773155d..f6baad701ad 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../../@polymer/paper-button/paper-button.js","./lrndesign-mapmenu-item.js","./lrndesign-mapmenu-header.js"],function(_polymerLegacy,_polymerDom,_flattenedNodesObserver){"use strict";function _templateObject_9d98c8e054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <lrndesign-mapmenu-header\n      on-tap=\"_headerClickHandler\"\n      avatar-label=\"[[avatarLabel]]\"\n      title=\"[[title]]\"\n      label=\"[[label]]\"\n      opened=\"[[opened]]\"\n    ></lrndesign-mapmenu-header>\n    <iron-collapse id=\"container\"> <slot id=\"slot\"></slot> </iron-collapse>\n  "]);_templateObject_9d98c8e054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9d98c8e054f411e9aeb367f92c5b63ab()),is:"lrndesign-mapmenu-submenu",properties:{title:{type:String},avatarLabel:{type:String},label:{type:String},opened:{type:Boolean,value:!1},collapsable:{type:Boolean,value:!0},expandChildren:{type:Boolean,value:!1}},observers:["_openChanged(opened)"],_openChanged:function _openChanged(opened){var target=this.$.container;if(opened)target.show();if(!opened)target.hide()},_headerClickHandler:function _headerClickHandler(){if(this.collapsable){this.opened=!this.opened}},ready:function ready(){var _this=this;this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(this.$.slot,function(info){var submenus=info.addedNodes.filter(function(item){return"LRNDESIGN-MAPMENU-SUBMENU"===item.nodeName});if(_this.expandChildren){var _iteratorNormalCompletion=!0,_didIteratorError=!1,_iteratorError=void 0;try{for(var _iterator=submenus[Symbol.iterator](),_step,menu;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=!0){menu=_step.value;menu.setAttribute("opened",!0)}}catch(err){_didIteratorError=!0;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&null!=_iterator.return){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}}})}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../../@polymer/paper-button/paper-button.js","./lrndesign-mapmenu-item.js","./lrndesign-mapmenu-header.js"],function(_polymerLegacy,_polymerDom,_flattenedNodesObserver){"use strict";function _templateObject_31e7e0f0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <lrndesign-mapmenu-header\n      on-tap=\"_headerClickHandler\"\n      avatar-label=\"[[avatarLabel]]\"\n      title=\"[[title]]\"\n      label=\"[[label]]\"\n      opened=\"[[opened]]\"\n    ></lrndesign-mapmenu-header>\n    <iron-collapse id=\"container\"> <slot id=\"slot\"></slot> </iron-collapse>\n  "]);_templateObject_31e7e0f0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_31e7e0f0555211e98f439769bd191e33()),is:"lrndesign-mapmenu-submenu",properties:{title:{type:String},avatarLabel:{type:String},label:{type:String},opened:{type:Boolean,value:!1},collapsable:{type:Boolean,value:!0},expandChildren:{type:Boolean,value:!1}},observers:["_openChanged(opened)"],_openChanged:function _openChanged(opened){var target=this.$.container;if(opened)target.show();if(!opened)target.hide()},_headerClickHandler:function _headerClickHandler(){if(this.collapsable){this.opened=!this.opened}},ready:function ready(){var _this=this;this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(this.$.slot,function(info){var submenus=info.addedNodes.filter(function(item){return"LRNDESIGN-MAPMENU-SUBMENU"===item.nodeName});if(_this.expandChildren){var _iteratorNormalCompletion=!0,_didIteratorError=!1,_iteratorError=void 0;try{for(var _iterator=submenus[Symbol.iterator](),_step,menu;!(_iteratorNormalCompletion=(_step=_iterator.next()).done);_iteratorNormalCompletion=!0){menu=_step.value;menu.setAttribute("opened",!0)}}catch(err){_didIteratorError=!0;_iteratorError=err}finally{try{if(!_iteratorNormalCompletion&&null!=_iterator.return){_iterator.return()}}finally{if(_didIteratorError){throw _iteratorError}}}}})}})});
\ No newline at end of file
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 5722410b7a7..fc7a6ed91b1 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","./lib/lrndesign-mapmenu-item.js","./lib/lrndesign-mapmenu-submenu.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignMapmenu=void 0;function _templateObject_8bc074b054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      #container {\n        padding: 16px 32px;\n      }\n      :host > ::slotted(lrndesign-mapmenu-submenu + lrndesign-mapmenu-submenu) {\n        margin-top: 16px;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_8bc074b054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignMapmenu=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8bc074b054f411e9aeb367f92c5b63ab()),is:"lrndesign-mapmenu",properties:{}});_exports.LrndesignMapmenu=LrndesignMapmenu});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","./lib/lrndesign-mapmenu-item.js","./lib/lrndesign-mapmenu-submenu.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignMapmenu=void 0;function _templateObject_1fa83f70555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      #container {\n        padding: 16px 32px;\n      }\n      :host > ::slotted(lrndesign-mapmenu-submenu + lrndesign-mapmenu-submenu) {\n        margin-top: 16px;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_1fa83f70555211e98f439769bd191e33=function(){return data};return data}var LrndesignMapmenu=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1fa83f70555211e98f439769bd191e33()),is:"lrndesign-mapmenu",properties:{}});_exports.LrndesignMapmenu=LrndesignMapmenu});
\ No newline at end of file
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 591f48c06d6..55b960c4c20 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-card/paper-card.js","../simple-colors/simple-colors.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerLegacy,_paperCard,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignPanelcard=void 0;function _templateObject_7f3a206054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors\"></style>\n    <style>\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(--simple-colors-default-theme-grey-1);\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_7f3a206054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignPanelcard=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_7f3a206054f411e9aeb367f92c5b63ab()),is:"lrndesign-panelcard",behaviors:[HAXBehaviors.PropertiesBehaviors,_simpleColors.SimpleColors],properties:{title:{type:String,value:"Block heading",reflectToAttribute:!0},elevation:{type:Number,value:2,reflectToAttribute:!0},coloredText:{type:Boolean,value:!1,reflectToAttribute:!0}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Note card",description:"A small note to offset text used for asides.",icon:"icons:check-box-outline-blank",color:"grey",groups:["Content","Visual Treatment"],handles:[{type:"text",text:"title"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"The heading for this sticky note",inputMethod:"textfield",icon:"editor:title"},{property:"accentColor",title:"Accent color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"},{property:"elevation",title:"Elevation",description:"Visually how high this is off the page",inputMethod:"textfield",icon:"icons:content-copy"}],configure:[{property:"title",title:"Title",description:"The heading for this sticky note",inputMethod:"textfield",icon:"editor:title"},{slot:"",title:"Text",description:"The text for our sticky note",inputMethod:"textarea",icon:"editor:title",required:!1,validationType:"text"},{property:"accentColor",title:"Accent color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"},{property:"coloredText",title:"Colored Text",description:"Apply color to text instead of background.",inputMethod:"boolean",icon:"editor:format-color-text"},{property:"elevation",title:"Elevation",description:"Visually how high this is off the page",inputMethod:"select",options:{0:"0",1:"1",2:"2",3:"3",4:"4",5:"5"}}],advanced:[]}})}});_exports.LrndesignPanelcard=LrndesignPanelcard});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-card/paper-card.js","../simple-colors/simple-colors.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerLegacy,_paperCard,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignPanelcard=void 0;function _templateObject_196724a0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors\"></style>\n    <style>\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(--simple-colors-default-theme-grey-1);\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_196724a0555211e98f439769bd191e33=function(){return data};return data}var LrndesignPanelcard=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_196724a0555211e98f439769bd191e33()),is:"lrndesign-panelcard",behaviors:[HAXBehaviors.PropertiesBehaviors,_simpleColors.SimpleColors],properties:{title:{type:String,value:"Block heading",reflectToAttribute:!0},elevation:{type:Number,value:2,reflectToAttribute:!0},coloredText:{type:Boolean,value:!1,reflectToAttribute:!0}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Note card",description:"A small note to offset text used for asides.",icon:"icons:check-box-outline-blank",color:"grey",groups:["Content","Visual Treatment"],handles:[{type:"text",text:"title"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"The heading for this sticky note",inputMethod:"textfield",icon:"editor:title"},{property:"accentColor",title:"Accent color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"},{property:"elevation",title:"Elevation",description:"Visually how high this is off the page",inputMethod:"textfield",icon:"icons:content-copy"}],configure:[{property:"title",title:"Title",description:"The heading for this sticky note",inputMethod:"textfield",icon:"editor:title"},{slot:"",title:"Text",description:"The text for our sticky note",inputMethod:"textarea",icon:"editor:title",required:!1,validationType:"text"},{property:"accentColor",title:"Accent color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"},{property:"coloredText",title:"Colored Text",description:"Apply color to text instead of background.",inputMethod:"boolean",icon:"editor:format-color-text"},{property:"elevation",title:"Elevation",description:"Visually how high this is off the page",inputMethod:"select",options:{0:"0",1:"1",2:"2",3:"3",4:"4",5:"5"}}],advanced:[]}})}});_exports.LrndesignPanelcard=LrndesignPanelcard});
\ No newline at end of file
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 038c7cdd95a..85fc54f8ed2 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-icon/iron-icon.js","../simple-colors/simple-colors.js","../hax-body-behaviors/lib/HAXWiring.js","../a11y-behaviors/a11y-behaviors.js","../lrn-icons/lrn-icons.js"],function(_exports,_polymerLegacy,_ironIcon,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignPaperstack=void 0;function _templateObject_80526e3054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors\">\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(--simple-colors-default-theme-grey-12);\n        --lrndesign-paperstack-heading-font: cursive;\n      }\n      :host([dark]) {\n        --lrndesign-paperstack-bg: var(--simple-colors-default-theme-accent-4);\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(--simple-colors-default-theme-grey-12);\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: 90%;\n        height: 90%;\n        flex: 1 1 auto;\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_80526e3054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignPaperstack=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_80526e3054f411e9aeb367f92c5b63ab()),is:"lrndesign-paperstack",behaviors:[HAXBehaviors.PropertiesBehaviors,A11yBehaviors.A11y,_simpleColors.SimpleColors],properties:{title:{type:String,value:"Title"},icon:{type:String,value:"lrn:assignment"}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Paper stack",description:"A stack of papers",icon:"icons:content-copy",color:"grey",groups:["Video","Media"],handles:[],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"Title of the cards",inputMethod:"textfield",icon:"editor:title"},{property:"accentColor",title:"Accent Color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"}],configure:[{property:"title",title:"Title",description:"Title of the cards",inputMethod:"boolean"},{property:"accentColor",title:"Accent Color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"},{property:"icon",title:"Icon",description:"Icon for the card",inputMethod:"iconpicker"},{slot:"",title:"Contents",description:"card contents",inputMethod:"code-editor"}],advanced:[]}})}});_exports.LrndesignPaperstack=LrndesignPaperstack});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-icon/iron-icon.js","../simple-colors/simple-colors.js","../hax-body-behaviors/lib/HAXWiring.js","../a11y-behaviors/a11y-behaviors.js","../lrn-icons/lrn-icons.js"],function(_exports,_polymerLegacy,_ironIcon,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignPaperstack=void 0;function _templateObject_1987cc00555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors\">\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(--simple-colors-default-theme-grey-12);\n        --lrndesign-paperstack-heading-font: cursive;\n      }\n      :host([dark]) {\n        --lrndesign-paperstack-bg: var(--simple-colors-default-theme-accent-4);\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(--simple-colors-default-theme-grey-12);\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: 90%;\n        height: 90%;\n        flex: 1 1 auto;\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_1987cc00555211e98f439769bd191e33=function(){return data};return data}var LrndesignPaperstack=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1987cc00555211e98f439769bd191e33()),is:"lrndesign-paperstack",behaviors:[HAXBehaviors.PropertiesBehaviors,A11yBehaviors.A11y,_simpleColors.SimpleColors],properties:{title:{type:String,value:"Title"},icon:{type:String,value:"lrn:assignment"}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Paper stack",description:"A stack of papers",icon:"icons:content-copy",color:"grey",groups:["Video","Media"],handles:[],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"Title of the cards",inputMethod:"textfield",icon:"editor:title"},{property:"accentColor",title:"Accent Color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"}],configure:[{property:"title",title:"Title",description:"Title of the cards",inputMethod:"boolean"},{property:"accentColor",title:"Accent Color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"},{property:"icon",title:"Icon",description:"Icon for the card",inputMethod:"iconpicker"},{slot:"",title:"Contents",description:"card contents",inputMethod:"code-editor"}],advanced:[]}})}});_exports.LrndesignPaperstack=LrndesignPaperstack});
\ No newline at end of file
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 eb2e9f7c8f1..40e9485a68f 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../a11y-behaviors/a11y-behaviors.js","../materializecss-styles/materializecss-styles.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignSidenote=void 0;function _templateObject_8081e2a054f411e9aeb367f92c5b63ab(){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\">\n      <div id=\"header\">\n        <iron-icon id=\"icon\" icon=\"[[icon]]\" hidden$=\"[[!icon]]\"></iron-icon>\n        <div id=\"label\" hidden$=\"[[!label]]\">[[label]]</div>\n      </div>\n      <slot></slot>\n    </div>\n  "],["\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\">\n      <div id=\"header\">\n        <iron-icon id=\"icon\" icon=\"[[icon]]\" hidden\\$=\"[[!icon]]\"></iron-icon>\n        <div id=\"label\" hidden\\$=\"[[!label]]\">[[label]]</div>\n      </div>\n      <slot></slot>\n    </div>\n  "]);_templateObject_8081e2a054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignSidenote=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8081e2a054f411e9aeb367f92c5b63ab()),is:"lrndesign-sidenote",behaviors:[A11yBehaviors.A11y,MaterializeCSSBehaviors.ColorBehaviors],properties:{label:{type:String,value:""},icon:{type:String,value:""},bgColor:{type:String,value:"#f7f7f7"},outset:{type:Number,value:0},outsetMeasurementType:{type:String,value:"em"}},created:function created(){for(var prop in this.properties){var prefix=this.is;prefix=prefix.replace("-"," ").replace(/(?:^\w|[A-Z]|\b\w)/g,function(letter,index){return 0==index?letter.toLowerCase():letter.toUpperCase()}).replace(/\s+/g,"");if("undefined"!==typeof window[prefix]){if("undefined"!==typeof window[prefix][prop]){this.properties[prop].value=window[prefix][prop]}}}},observers:["__updateStyles(bgColor, outset, outsetMeasurementType)"],__updateStyles:function __updateStyles(bgColor,outset,outsetMeasurementType){var bgColorHex=this._colorTransformFromClass(bgColor)||bgColor;this.updateStyles({"--container-text-color":this.getTextContrastColor(bgColorHex),"--container-bg-color":bgColorHex,"--container-outset":"".concat(+outset).concat(outsetMeasurementType)})}});_exports.LrndesignSidenote=LrndesignSidenote});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../a11y-behaviors/a11y-behaviors.js","../materializecss-styles/materializecss-styles.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignSidenote=void 0;function _templateObject_199f99c0555211e98f439769bd191e33(){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\">\n      <div id=\"header\">\n        <iron-icon id=\"icon\" icon=\"[[icon]]\" hidden$=\"[[!icon]]\"></iron-icon>\n        <div id=\"label\" hidden$=\"[[!label]]\">[[label]]</div>\n      </div>\n      <slot></slot>\n    </div>\n  "],["\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\">\n      <div id=\"header\">\n        <iron-icon id=\"icon\" icon=\"[[icon]]\" hidden\\$=\"[[!icon]]\"></iron-icon>\n        <div id=\"label\" hidden\\$=\"[[!label]]\">[[label]]</div>\n      </div>\n      <slot></slot>\n    </div>\n  "]);_templateObject_199f99c0555211e98f439769bd191e33=function(){return data};return data}var LrndesignSidenote=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_199f99c0555211e98f439769bd191e33()),is:"lrndesign-sidenote",behaviors:[A11yBehaviors.A11y,MaterializeCSSBehaviors.ColorBehaviors],properties:{label:{type:String,value:""},icon:{type:String,value:""},bgColor:{type:String,value:"#f7f7f7"},outset:{type:Number,value:0},outsetMeasurementType:{type:String,value:"em"}},created:function created(){for(var prop in this.properties){var prefix=this.is;prefix=prefix.replace("-"," ").replace(/(?:^\w|[A-Z]|\b\w)/g,function(letter,index){return 0==index?letter.toLowerCase():letter.toUpperCase()}).replace(/\s+/g,"");if("undefined"!==typeof window[prefix]){if("undefined"!==typeof window[prefix][prop]){this.properties[prop].value=window[prefix][prop]}}}},observers:["__updateStyles(bgColor, outset, outsetMeasurementType)"],__updateStyles:function __updateStyles(bgColor,outset,outsetMeasurementType){var bgColorHex=this._colorTransformFromClass(bgColor)||bgColor;this.updateStyles({"--container-text-color":this.getTextContrastColor(bgColorHex),"--container-bg-color":bgColorHex,"--container-outset":"".concat(+outset).concat(outsetMeasurementType)})}});_exports.LrndesignSidenote=LrndesignSidenote});
\ No newline at end of file
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 cf74f44740b..bca7b7ab802 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/av-icons.js","../../../@polymer/iron-icons/social-icons.js","../../../@polymer/iron-collapse/iron-collapse.js"],function(_polymerLegacy){"use strict";function _templateObject_9d9f589054f411e9aeb367f92c5b63ab(){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_9d9f589054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9d9f589054f411e9aeb367f92c5b63ab()),is:"lrndesign-stepper-button",properties:{title:{type:String,reflectToAttribute:!0,notify:!0},icon:{type:String,reflectToAttribute:!0,notify:!0},url:{type:String,reflectToAttribute:!0,notify:!0},location:{type:String,reflectToAttribute:!0,notify:!0},collapsible:{type:Boolean,reflectToAttribute:!0,notify:!0,value:!1},opened:{type:Boolean,value:!1}},ready:function ready(){var root=this;setTimeout(function(){var target=root.shadowRoot.querySelector("iron-collapse");if(root.opened){console.log("opening in stepper");target.show()}},0)},collapseToggle:function collapseToggle(e){e.target.nextElementSibling.toggle()},hasCollapse:function hasCollapse(bool,test){if(bool==test){return!0}else{return!1}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icons/av-icons.js","../../../@polymer/iron-icons/social-icons.js","../../../@polymer/iron-collapse/iron-collapse.js"],function(_polymerLegacy){"use strict";function _templateObject_31f12fc0555211e98f439769bd191e33(){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_31f12fc0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_31f12fc0555211e98f439769bd191e33()),is:"lrndesign-stepper-button",properties:{title:{type:String,reflectToAttribute:!0,notify:!0},icon:{type:String,reflectToAttribute:!0,notify:!0},url:{type:String,reflectToAttribute:!0,notify:!0},location:{type:String,reflectToAttribute:!0,notify:!0},collapsible:{type:Boolean,reflectToAttribute:!0,notify:!0,value:!1},opened:{type:Boolean,value:!1}},ready:function ready(){var root=this;setTimeout(function(){var target=root.shadowRoot.querySelector("iron-collapse");if(root.opened){console.log("opening in stepper");target.show()}},0)},collapseToggle:function collapseToggle(e){e.target.nextElementSibling.toggle()},hasCollapse:function hasCollapse(bool,test){if(bool==test){return!0}else{return!1}}})});
\ No newline at end of file
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 23f3c353e12..65c7162d43c 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","./lib/lrndesign-stepper-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignStepper=void 0;function _templateObject_86545d2054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <div class=\"buttons\"><slot id=\"stepper-children\"> </slot></div>\n  "]);_templateObject_86545d2054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignStepper=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_86545d2054f411e9aeb367f92c5b63ab()),is:"lrndesign-stepper",properties:{},ready:function ready(){var root=this,children=root.getContentChildren("#stepper-children");if(1<children.length){children.forEach(function(child,index){if(0===index){child.setAttribute("location","start")}else if(index===children.length-1){child.setAttribute("location","end")}else{child.setAttribute("location","middle")}console.log(child,index)})}}});_exports.LrndesignStepper=LrndesignStepper});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","./lib/lrndesign-stepper-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignStepper=void 0;function _templateObject_1a2b37f0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <div class=\"buttons\"><slot id=\"stepper-children\"> </slot></div>\n  "]);_templateObject_1a2b37f0555211e98f439769bd191e33=function(){return data};return data}var LrndesignStepper=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1a2b37f0555211e98f439769bd191e33()),is:"lrndesign-stepper",properties:{},ready:function ready(){var root=this,children=root.getContentChildren("#stepper-children");if(1<children.length){children.forEach(function(child,index){if(0===index){child.setAttribute("location","start")}else if(index===children.length-1){child.setAttribute("location","end")}else{child.setAttribute("location","middle")}console.log(child,index)})}}});_exports.LrndesignStepper=LrndesignStepper});
\ No newline at end of file
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 c7c8b535f42..aacf83e412f 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../simple-colors/simple-colors.js","../responsive-utility/responsive-utility.js"],function(_exports,_polymerElement,_HAXWiring,_schemaBehaviors,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignTimeline=void 0;function _templateObject_80ea1a5054f411e9aeb367f92c5b63ab(){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 is=\"custom-style\" include=\"simple-colors\"></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_80ea1a5054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrndesignTimeline=function(_SimpleColors){babelHelpers.inherits(LrndesignTimeline,_SimpleColors);function LrndesignTimeline(){babelHelpers.classCallCheck(this,LrndesignTimeline);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrndesignTimeline).apply(this,arguments))}babelHelpers.createClass(LrndesignTimeline,[{key:"connectedCallback",value:function connectedCallback(){var root=this;babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignTimeline.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(LrndesignTimeline.haxProperties,LrndesignTimeline.tag,this);window.ResponsiveUtility.requestAvailability();window.dispatchEvent(new CustomEvent("responsive-element",{detail:{element:root,attribute:"timeline-size",relativeToParent:!0,sm:600,md:900,lg:1200,xl:1600}}));this._checkScroll()}},{key:"_checkScroll",value:function _checkScroll(){var root=this,events=root.shadowRoot.querySelectorAll(".event");if(1>events.length)root.$.repeat.render();events=root.shadowRoot.querySelectorAll(".event");events.forEach(function(event){var top=event.offsetTop,target=events[0].offsetTop+50+event.parentNode.scrollTop,bottom=event.offsetTop+event.offsetHeight;if(target>top&&target<bottom){event.setAttribute("selected",!0)}else{event.removeAttribute("selected")}})}},{key:"_isMediaType",value:function _isMediaType(event,type){return this._isSet(event.media)&&this._isSet(event.media.type)?event.media.type===type:!1}},{key:"_isSet",value:function _isSet(prop){return prop!==void 0&&null!==prop}},{key:"_updateEvents",value:function _updateEvents(events){events="String"===typeof events?JSON.parse(events):events;return events}},{key:"_onScroll",value:function _onScroll(){this._checkScroll()}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_80ea1a5054f411e9aeb367f92c5b63ab())}},{key:"haxProperties",get:function get(){return{canScale:!1,canPosition:!1,canEditSource:!0,gizmo:{title:"Timeline",description:"A timeline of events with images and text",icon:"icons:timeline",color:"indigo",groups:["Content","Instructional","Media","Image"],handles:[{type:"image",source:"image"}],meta:{author:"LRNWebComponents"}},settings:{quick:[],configure:[{property:"title",title:"Timeline Title",description:"A title for the timeline.",inputMethod:"textfield"},{property:"accentColor",title:"Accent Color",description:"An optional accent color.",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark Theme",description:"Enable Dark Theme",inputMethod:"boolean",icon:"icons:invert-colors"},{slot:"",title:"Timeline Description",description:"Optional text describing the timeline.",inputMethod:"textfield"},{property:"events",title:"Timeline Events",description:"The events in the timeline",inputMethod:"array",properties:[{property:"heading",title:"Event Heading",description:"The heading for the event.",inputMethod:"textfield",icon:"editor:title"},{property:"details",title:"Event Details",description:"The body text with details for the event.",inputMethod:"textfield",icon:"editor:title"},{property:"imagesrc",title:"Event Image",description:"The path of the image.",inputMethod:"haxupload",icon:"editor:title"},{property:"imagealt",title:"Event Image Alt Text",description:"The alt text of the image (for accessibility).",inputMethod:"alt",icon:"editor:title"}]}],advanced:[]}}}},{key:"properties",get:function get(){return{title:{type:"String",value:null},events:{type:"Array",value:[],notify:!0},__events:{type:"Array",computed:"_updateEvents(events)",notify:!0},timelineSize:{type:"String",value:"xs",reflectToAttribute:!0}}}},{key:"tag",get:function get(){return"lrndesign-timeline"}},{key:"behaviors",get:function get(){return[_simpleColors.SimpleColors]}}]);return LrndesignTimeline}(_simpleColors.SimpleColors);_exports.LrndesignTimeline=LrndesignTimeline;window.customElements.define(LrndesignTimeline.tag,LrndesignTimeline)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../simple-colors/simple-colors.js","../responsive-utility/responsive-utility.js"],function(_exports,_polymerElement,_HAXWiring,_schemaBehaviors,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrndesignTimeline=void 0;function _templateObject_19cc9d30555211e98f439769bd191e33(){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 is=\"custom-style\" include=\"simple-colors\"></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_19cc9d30555211e98f439769bd191e33=function(){return data};return data}var LrndesignTimeline=function(_SimpleColors){babelHelpers.inherits(LrndesignTimeline,_SimpleColors);function LrndesignTimeline(){babelHelpers.classCallCheck(this,LrndesignTimeline);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(LrndesignTimeline).apply(this,arguments))}babelHelpers.createClass(LrndesignTimeline,[{key:"connectedCallback",value:function connectedCallback(){var root=this;babelHelpers.get(babelHelpers.getPrototypeOf(LrndesignTimeline.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(LrndesignTimeline.haxProperties,LrndesignTimeline.tag,this);window.ResponsiveUtility.requestAvailability();window.dispatchEvent(new CustomEvent("responsive-element",{detail:{element:root,attribute:"timeline-size",relativeToParent:!0,sm:600,md:900,lg:1200,xl:1600}}));this._checkScroll()}},{key:"_checkScroll",value:function _checkScroll(){var root=this,events=root.shadowRoot.querySelectorAll(".event");if(1>events.length)root.$.repeat.render();events=root.shadowRoot.querySelectorAll(".event");events.forEach(function(event){var top=event.offsetTop,target=events[0].offsetTop+50+event.parentNode.scrollTop,bottom=event.offsetTop+event.offsetHeight;if(target>top&&target<bottom){event.setAttribute("selected",!0)}else{event.removeAttribute("selected")}})}},{key:"_isMediaType",value:function _isMediaType(event,type){return this._isSet(event.media)&&this._isSet(event.media.type)?event.media.type===type:!1}},{key:"_isSet",value:function _isSet(prop){return prop!==void 0&&null!==prop}},{key:"_updateEvents",value:function _updateEvents(events){events="String"===typeof events?JSON.parse(events):events;return events}},{key:"_onScroll",value:function _onScroll(){this._checkScroll()}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_19cc9d30555211e98f439769bd191e33())}},{key:"haxProperties",get:function get(){return{canScale:!1,canPosition:!1,canEditSource:!0,gizmo:{title:"Timeline",description:"A timeline of events with images and text",icon:"icons:timeline",color:"indigo",groups:["Content","Instructional","Media","Image"],handles:[{type:"image",source:"image"}],meta:{author:"LRNWebComponents"}},settings:{quick:[],configure:[{property:"title",title:"Timeline Title",description:"A title for the timeline.",inputMethod:"textfield"},{property:"accentColor",title:"Accent Color",description:"An optional accent color.",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark Theme",description:"Enable Dark Theme",inputMethod:"boolean",icon:"icons:invert-colors"},{slot:"",title:"Timeline Description",description:"Optional text describing the timeline.",inputMethod:"textfield"},{property:"events",title:"Timeline Events",description:"The events in the timeline",inputMethod:"array",properties:[{property:"heading",title:"Event Heading",description:"The heading for the event.",inputMethod:"textfield",icon:"editor:title"},{property:"details",title:"Event Details",description:"The body text with details for the event.",inputMethod:"textfield",icon:"editor:title"},{property:"imagesrc",title:"Event Image",description:"The path of the image.",inputMethod:"haxupload",icon:"editor:title"},{property:"imagealt",title:"Event Image Alt Text",description:"The alt text of the image (for accessibility).",inputMethod:"alt",icon:"editor:title"}]}],advanced:[]}}}},{key:"properties",get:function get(){return{title:{type:"String",value:null},events:{type:"Array",value:[],notify:!0},__events:{type:"Array",computed:"_updateEvents(events)",notify:!0},timelineSize:{type:"String",value:"xs",reflectToAttribute:!0}}}},{key:"tag",get:function get(){return"lrndesign-timeline"}},{key:"behaviors",get:function get(){return[_simpleColors.SimpleColors]}}]);return LrndesignTimeline}(_simpleColors.SimpleColors);_exports.LrndesignTimeline=LrndesignTimeline;window.customElements.define(LrndesignTimeline.tag,LrndesignTimeline)});
\ No newline at end of file
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 1b8df53b1f3..6c27b1440c7 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/paper-tooltip/paper-tooltip.js","../materializecss-styles/lib/colors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnsysButton=void 0;function _templateObject_80c0e77054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\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: #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        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    </custom-style>\n    <a\n      tabindex=\"-1\"\n      id=\"lrnsys-button-link\"\n      href$=\"[[showHref]]\"\n      data-prefetch-hover$=\"[[prefetch]]\"\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          <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    <custom-style>\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: #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        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    </custom-style>\n    <a\n      tabindex=\"-1\"\n      id=\"lrnsys-button-link\"\n      href\\$=\"[[showHref]]\"\n      data-prefetch-hover\\$=\"[[prefetch]]\"\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          <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_80c0e77054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnsysButton=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_80c0e77054f411e9aeb367f92c5b63ab()),is:"lrnsys-button",properties:{href:{type:String,value:"#",reflectToAttribute:!0},showHref:{type:String,value:!1,reflectToAttribute:!0,computed:"_getShowHref(href,disabled)"},raised:{type:Boolean,reflectToAttribute:!0},label:{type:String,value:""},target:{type:String,value:""},icon:{type:String,value:!1},hoverClass:{type:String},buttonClass:{type:String},iconClass:{type:String},innerClass:{type:String},color:{type:String},textColor:{type:String},prefetch:{type:String},alt:{type:String},disabled:{type:Boolean,value:!1},focusState:{type:Boolean,value:!1}},attached:function attached(){this.addEventListener("mousedown",this.tapEventOn.bind(this));this.addEventListener("mouseover",this.tapEventOn.bind(this));this.addEventListener("mouseout",this.tapEventOff.bind(this));this.$.button.addEventListener("focused-changed",this.focusToggle.bind(this))},detached:function detached(){this.addEventListener("mousedown",this.tapEventOn.bind(this));this.addEventListener("mouseover",this.tapEventOn.bind(this));this.addEventListener("mouseout",this.tapEventOff.bind(this));this.$.button.addEventListener("focused-changed",this.focusToggle.bind(this))},_getShowHref:function _getShowHref(href,disabled){if(href&&!disabled){return href}},tapEventOn:function tapEventOn(){var root=this;if(babelHelpers.typeof(root.hoverClass)!=="undefined"&&!root.disabled){var classes=root.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){root.$.button.classList.add(item);if(-1!=item.indexOf("-")){root.$.icon.classList.add(item)}}})}},tapEventOff:function tapEventOff(){var root=this;if(babelHelpers.typeof(root.hoverClass)!=="undefined"&&!root.disabled){var classes=root.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){root.$.button.classList.remove(item);if(-1!=item.indexOf("-")){root.$.icon.classList.remove(item)}}})}},focusToggle:function focusToggle(){var _this=this;if(babelHelpers.typeof(this.hoverClass)!=="undefined"&&!this.disabled){var classes=this.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){if(!_this.focusState){_this.$.button.classList.add(item);if(-1!=item.indexOf("-")){_this.$.icon.classList.add(item)}}else{_this.$.button.classList.remove(item);if(-1!=item.indexOf("-")){_this.$.icon.classList.remove(item)}}}})}this.focusState=!this.focusState}});_exports.LrnsysButton=LrnsysButton});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/paper-tooltip/paper-tooltip.js","../materializecss-styles/lib/colors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnsysButton=void 0;function _templateObject_1a11bc80555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\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: #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        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    </custom-style>\n    <a\n      tabindex=\"-1\"\n      id=\"lrnsys-button-link\"\n      href$=\"[[showHref]]\"\n      data-prefetch-hover$=\"[[prefetch]]\"\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          <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    <custom-style>\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: #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        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    </custom-style>\n    <a\n      tabindex=\"-1\"\n      id=\"lrnsys-button-link\"\n      href\\$=\"[[showHref]]\"\n      data-prefetch-hover\\$=\"[[prefetch]]\"\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          <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_1a11bc80555211e98f439769bd191e33=function(){return data};return data}var LrnsysButton=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1a11bc80555211e98f439769bd191e33()),is:"lrnsys-button",properties:{href:{type:String,value:"#",reflectToAttribute:!0},showHref:{type:String,value:!1,reflectToAttribute:!0,computed:"_getShowHref(href,disabled)"},raised:{type:Boolean,reflectToAttribute:!0},label:{type:String,value:""},target:{type:String,value:""},icon:{type:String,value:!1},hoverClass:{type:String},buttonClass:{type:String},iconClass:{type:String},innerClass:{type:String},color:{type:String},textColor:{type:String},prefetch:{type:String},alt:{type:String},disabled:{type:Boolean,value:!1},focusState:{type:Boolean,value:!1}},attached:function attached(){this.addEventListener("mousedown",this.tapEventOn.bind(this));this.addEventListener("mouseover",this.tapEventOn.bind(this));this.addEventListener("mouseout",this.tapEventOff.bind(this));this.$.button.addEventListener("focused-changed",this.focusToggle.bind(this))},detached:function detached(){this.addEventListener("mousedown",this.tapEventOn.bind(this));this.addEventListener("mouseover",this.tapEventOn.bind(this));this.addEventListener("mouseout",this.tapEventOff.bind(this));this.$.button.addEventListener("focused-changed",this.focusToggle.bind(this))},_getShowHref:function _getShowHref(href,disabled){if(href&&!disabled){return href}},tapEventOn:function tapEventOn(){var root=this;if(babelHelpers.typeof(root.hoverClass)!=="undefined"&&!root.disabled){var classes=root.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){root.$.button.classList.add(item);if(-1!=item.indexOf("-")){root.$.icon.classList.add(item)}}})}},tapEventOff:function tapEventOff(){var root=this;if(babelHelpers.typeof(root.hoverClass)!=="undefined"&&!root.disabled){var classes=root.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){root.$.button.classList.remove(item);if(-1!=item.indexOf("-")){root.$.icon.classList.remove(item)}}})}},focusToggle:function focusToggle(){var _this=this;if(babelHelpers.typeof(this.hoverClass)!=="undefined"&&!this.disabled){var classes=this.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){if(!_this.focusState){_this.$.button.classList.add(item);if(-1!=item.indexOf("-")){_this.$.icon.classList.add(item)}}else{_this.$.button.classList.remove(item);if(-1!=item.indexOf("-")){_this.$.icon.classList.remove(item)}}}})}this.focusState=!this.focusState}});_exports.LrnsysButton=LrnsysButton});
\ No newline at end of file
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 1e7314e772a..d5b3be07f79 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@vowo/chart-elements/chart-elements.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnsysChartjs=void 0;function _templateObject_8100135054f411e9aeb367f92c5b63ab(){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_8100135054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnsysChartjs=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8100135054f411e9aeb367f92c5b63ab()),is:"lrnsys-chartjs",properties:{labels:{type:Array,value:["January","February","March","April","May","June","July"]},data:{type:Object,value:{}}},ready:function ready(){this.data={labels:this.labels,datasets:[{label:"My First dataset",backgroundColor:"rgba(220,220,220,0.2)",borderColor:"rgba(220,220,220,1)",borderWidth:1,pointBackgroundColor:"rgba(220,220,220,1)",pointBorderColor:"#fff",pointHoverBackgroundColor:"#fff",pointHoverBorderColor:"rgba(220,220,220,1)",data:[65,59,80,81,56,55,40]},{label:"My Second dataset",backgroundColor:"rgba(151,187,205,0.2)",borderColor:"rgba(151,187,205,1)",borderWidth:1,pointBackgroundColor:"rgba(151,187,205,1)",pointBorderColor:"#fff",pointHighlightFill:"#fff",pointHoverBorderColor:"rgba(151,187,205,1)",data:[28,48,40,19,86,27,90]}]};console.log(this.data)}});_exports.LrnsysChartjs=LrnsysChartjs});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@vowo/chart-elements/chart-elements.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnsysChartjs=void 0;function _templateObject_1a2df710555211e98f439769bd191e33(){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_1a2df710555211e98f439769bd191e33=function(){return data};return data}var LrnsysChartjs=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1a2df710555211e98f439769bd191e33()),is:"lrnsys-chartjs",properties:{labels:{type:Array,value:["January","February","March","April","May","June","July"]},data:{type:Object,value:{}}},ready:function ready(){this.data={labels:this.labels,datasets:[{label:"My First dataset",backgroundColor:"rgba(220,220,220,0.2)",borderColor:"rgba(220,220,220,1)",borderWidth:1,pointBackgroundColor:"rgba(220,220,220,1)",pointBorderColor:"#fff",pointHoverBackgroundColor:"#fff",pointHoverBorderColor:"rgba(220,220,220,1)",data:[65,59,80,81,56,55,40]},{label:"My Second dataset",backgroundColor:"rgba(151,187,205,0.2)",borderColor:"rgba(151,187,205,1)",borderWidth:1,pointBackgroundColor:"rgba(151,187,205,1)",pointBorderColor:"#fff",pointHighlightFill:"#fff",pointHoverBorderColor:"rgba(151,187,205,1)",data:[28,48,40,19,86,27,90]}]};console.log(this.data)}});_exports.LrnsysChartjs=LrnsysChartjs});
\ No newline at end of file
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 fc46fceb3d8..30ff11afffd 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/iron-ajax/iron-ajax.js","../../../@polymer/iron-list/iron-list.js","../../../@polymer/iron-form-element-behavior/iron-form-element-behavior.js","../../../@polymer/app-layout/app-layout.js","../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../simple-toast/simple-toast.js","../../simple-modal/simple-modal.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/paper-listbox/paper-listbox.js","../../lrnsys-button/lrnsys-button.js","../../grafitto-filter/grafitto-filter.js","../../dropdown-select/dropdown-select.js","../lrnsys-comment.js"],function(_polymerLegacy,async){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_9dca121054f411e9aeb367f92c5b63ab(){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      .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        <iron-list id=\"commentlist\" items=\"[[filtered]]\" as=\"item\">\n          <template>\n            <lrnsys-comment\n              comment=\"{{item}}\"\n              hover-class=\"blue white-text\"\n            ></lrnsys-comment>\n          </template>\n        </iron-list>\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      .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        <iron-list id=\"commentlist\" items=\"[[filtered]]\" as=\"item\">\n          <template>\n            <lrnsys-comment\n              comment=\"{{item}}\"\n              hover-class=\"blue white-text\"\n            ></lrnsys-comment>\n          </template>\n        </iron-list>\n      </template>\n    </grafitto-filter>\n  "]);_templateObject_9dca121054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9dca121054f411e9aeb367f92c5b63ab()),is:"lrnsys-comment-list",listeners:{"comment-save":"handleSave","comment-editing":"handleEditing","comment-reply":"handleReply","comment-like":"handleLike","comment-delete-dialog":"handleDeleteDialog"},properties:{csrfToken:{type:String},opsRequestMethod:{type:Object,value:{list:"GET",create:"POST",update:"PUT",delete:"DELETE",like:"PATCH"}},activeComment:{type:Object,notify:!0},newComment:{type:Object,notify:!0},comments:{type:Object,notify:!0},sourcePath:{type:String,notify:!0},commentOpsBase:{type:String,notify:!0},createStubUrl:{type:String,notify:!0},reqUrl:{type:String,notify:!0,computed:"_computeCommentOpsUrl(activeComment, commentOpsBase, csrfToken)"}},attached:function attached(){var _this=this;window.SimpleModal.requestAvailability();async.microTask.run(function(){if(_this.$.filteredcomments.querySelector("iron-list")){_this.$.filteredcomments.querySelector("iron-list").fire("iron-resize")}window.dispatchEvent(new Event("resize"))});this.$.filtercomments.addEventListener("value-changed",function(e){_this.$.filteredcomments.like=e.target.value});this.$.filtertype.addEventListener("change",function(e){_this.$.filtercomments.value="";_this.$.filteredcomments.where=e.detail.value;_this.$.filteredcomments.like=""})},detached:function detached(){var _this2=this;this.$.filtercomments.removeEventListener("value-changed",function(e){_this2.$.filteredcomments.like=e.target.value});this.$.filtertype.removeEventListener("change",function(e){_this2.$.filtercomments.value="";_this2.$.filteredcomments.where=e.detail.value;_this2.$.filteredcomments.like=""})},_computeCommentOpsUrl:function _computeCommentOpsUrl(activeComment,commentOpsBase,csrfToken){if(babelHelpers.typeof(activeComment)!=="undefined"){return commentOpsBase+"/"+activeComment.id+"?token="+csrfToken}},handleLike:function handleLike(e){this.activeComment=e.detail.comment;this.$.ajaxlikerequest.generateRequest()},_handleLikeResponse:function _handleLikeResponse(){},handleDeleteDialog:function handleDeleteDialog(e){this.activeComment=e.detail.comment;var c=document.createElement("p"),t=document.createTextNode("Are you sure you want to delete your comment?");c.appendChild(t);var b=document.createElement("div");b.classList.add("buttons");var pb=document.createElement("paper-button");pb.setAttribute("dialog-dismiss","dialog-dismiss");t=document.createTextNode("Decline");pb.appendChild(t);b.appendChild(pb);var pb2=document.createElement("paper-button");pb2.setAttribute("dialog-confirm","dialog-confirm");pb2.setAttribute("autofocus","autofocus");pb2.addEventListener("click",this._handleDeleteConfirm.bind(this));t=document.createTextNode("Accept");pb2.appendChild(t);b.appendChild(pb2);var evt=new CustomEvent("simple-modal-show",{bubbles:!0,cancelable:!0,detail:{title:"Delete comment",elements:{content:c,buttons:b},invokedBy:e.detail.target,clone:!1}});this.dispatchEvent(evt)},handleEditing:function handleEditing(){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,cancelable:!0,detail:{text:"Be awesome to each other",duration:4e3}});this.dispatchEvent(evt)},handleTopReply:function handleTopReply(){this.set("newComment",[]);this.set("activeComment",[]);this.$.ajaxcreatestub.generateRequest()},handleReply:function handleReply(e){this.set("newComment",[]);this.activeComment=e.detail.comment;this.$.ajaxcreatestub.generateRequest()},_updateReply:function _updateReply(){var comment=this.activeComment,comments=this.comments.data;this.newComment=this.newComment.data;if(0==comments.length){comments.push(this.newComment)}else if(babelHelpers.typeof(comment.id)=="undefined"){comments.push(this.newComment)}else{for(var index=0;index<comments.length;index++){if(comments[index].id==comment.id){comments.splice(index+1,0,this.newComment)}}}this.activeComment=this.newComment;this.set("comments.data",[]);this.set("comments.data",comments);this.notifyPath("comments.data")},_handleDeleteConfirm:function _handleDeleteConfirm(){this.$.ajaxdeleterequest.generateRequest()},_handleDeleteResponse:function _handleDeleteResponse(){for(var comment=this.activeComment,comments=this.comments.data,index=0;index<comments.length;index++){if(comments[index].id==comment.id){comments.splice(index,1);this.set("activeComment",[]);this.set("comments.data",[]);this.set("comments.data",comments);this.notifyPath("comments.data");var evt=new CustomEvent("simple-toast-show",{bubbles:!0,cancelable:!0,detail:{text:"Comment deleted",duration:4e3}});this.dispatchEvent(evt);return!0}}},handleSave:function handleSave(e){this.activeComment=e.detail.comment;this.$.ajaxupdaterequest.generateRequest()},_handleUpdateResponse:function _handleUpdateResponse(){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,cancelable:!0,detail:{text:"Comment saved!",duration:4e3}});this.dispatchEvent(evt)},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/iron-ajax/iron-ajax.js","../../../@polymer/iron-list/iron-list.js","../../../@polymer/iron-form-element-behavior/iron-form-element-behavior.js","../../../@polymer/app-layout/app-layout.js","../../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../simple-toast/simple-toast.js","../../simple-modal/simple-modal.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../../../@polymer/paper-item/paper-item.js","../../../@polymer/paper-listbox/paper-listbox.js","../../lrnsys-button/lrnsys-button.js","../../grafitto-filter/grafitto-filter.js","../../dropdown-select/dropdown-select.js","../lrnsys-comment.js"],function(_polymerLegacy,async){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_32061750555211e98f439769bd191e33(){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      .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        <iron-list id=\"commentlist\" items=\"[[filtered]]\" as=\"item\">\n          <template>\n            <lrnsys-comment\n              comment=\"{{item}}\"\n              hover-class=\"blue white-text\"\n            ></lrnsys-comment>\n          </template>\n        </iron-list>\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      .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        <iron-list id=\"commentlist\" items=\"[[filtered]]\" as=\"item\">\n          <template>\n            <lrnsys-comment\n              comment=\"{{item}}\"\n              hover-class=\"blue white-text\"\n            ></lrnsys-comment>\n          </template>\n        </iron-list>\n      </template>\n    </grafitto-filter>\n  "]);_templateObject_32061750555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_32061750555211e98f439769bd191e33()),is:"lrnsys-comment-list",listeners:{"comment-save":"handleSave","comment-editing":"handleEditing","comment-reply":"handleReply","comment-like":"handleLike","comment-delete-dialog":"handleDeleteDialog"},properties:{csrfToken:{type:String},opsRequestMethod:{type:Object,value:{list:"GET",create:"POST",update:"PUT",delete:"DELETE",like:"PATCH"}},activeComment:{type:Object,notify:!0},newComment:{type:Object,notify:!0},comments:{type:Object,notify:!0},sourcePath:{type:String,notify:!0},commentOpsBase:{type:String,notify:!0},createStubUrl:{type:String,notify:!0},reqUrl:{type:String,notify:!0,computed:"_computeCommentOpsUrl(activeComment, commentOpsBase, csrfToken)"}},attached:function attached(){var _this=this;window.SimpleModal.requestAvailability();async.microTask.run(function(){if(_this.$.filteredcomments.querySelector("iron-list")){_this.$.filteredcomments.querySelector("iron-list").fire("iron-resize")}window.dispatchEvent(new Event("resize"))});this.$.filtercomments.addEventListener("value-changed",function(e){_this.$.filteredcomments.like=e.target.value});this.$.filtertype.addEventListener("change",function(e){_this.$.filtercomments.value="";_this.$.filteredcomments.where=e.detail.value;_this.$.filteredcomments.like=""})},detached:function detached(){var _this2=this;this.$.filtercomments.removeEventListener("value-changed",function(e){_this2.$.filteredcomments.like=e.target.value});this.$.filtertype.removeEventListener("change",function(e){_this2.$.filtercomments.value="";_this2.$.filteredcomments.where=e.detail.value;_this2.$.filteredcomments.like=""})},_computeCommentOpsUrl:function _computeCommentOpsUrl(activeComment,commentOpsBase,csrfToken){if(babelHelpers.typeof(activeComment)!=="undefined"){return commentOpsBase+"/"+activeComment.id+"?token="+csrfToken}},handleLike:function handleLike(e){this.activeComment=e.detail.comment;this.$.ajaxlikerequest.generateRequest()},_handleLikeResponse:function _handleLikeResponse(){},handleDeleteDialog:function handleDeleteDialog(e){this.activeComment=e.detail.comment;var c=document.createElement("p"),t=document.createTextNode("Are you sure you want to delete your comment?");c.appendChild(t);var b=document.createElement("div");b.classList.add("buttons");var pb=document.createElement("paper-button");pb.setAttribute("dialog-dismiss","dialog-dismiss");t=document.createTextNode("Decline");pb.appendChild(t);b.appendChild(pb);var pb2=document.createElement("paper-button");pb2.setAttribute("dialog-confirm","dialog-confirm");pb2.setAttribute("autofocus","autofocus");pb2.addEventListener("click",this._handleDeleteConfirm.bind(this));t=document.createTextNode("Accept");pb2.appendChild(t);b.appendChild(pb2);var evt=new CustomEvent("simple-modal-show",{bubbles:!0,cancelable:!0,detail:{title:"Delete comment",elements:{content:c,buttons:b},invokedBy:e.detail.target,clone:!1}});this.dispatchEvent(evt)},handleEditing:function handleEditing(){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,cancelable:!0,detail:{text:"Be awesome to each other",duration:4e3}});this.dispatchEvent(evt)},handleTopReply:function handleTopReply(){this.set("newComment",[]);this.set("activeComment",[]);this.$.ajaxcreatestub.generateRequest()},handleReply:function handleReply(e){this.set("newComment",[]);this.activeComment=e.detail.comment;this.$.ajaxcreatestub.generateRequest()},_updateReply:function _updateReply(){var comment=this.activeComment,comments=this.comments.data;this.newComment=this.newComment.data;if(0==comments.length){comments.push(this.newComment)}else if(babelHelpers.typeof(comment.id)=="undefined"){comments.push(this.newComment)}else{for(var index=0;index<comments.length;index++){if(comments[index].id==comment.id){comments.splice(index+1,0,this.newComment)}}}this.activeComment=this.newComment;this.set("comments.data",[]);this.set("comments.data",comments);this.notifyPath("comments.data")},_handleDeleteConfirm:function _handleDeleteConfirm(){this.$.ajaxdeleterequest.generateRequest()},_handleDeleteResponse:function _handleDeleteResponse(){for(var comment=this.activeComment,comments=this.comments.data,index=0;index<comments.length;index++){if(comments[index].id==comment.id){comments.splice(index,1);this.set("activeComment",[]);this.set("comments.data",[]);this.set("comments.data",comments);this.notifyPath("comments.data");var evt=new CustomEvent("simple-toast-show",{bubbles:!0,cancelable:!0,detail:{text:"Comment deleted",duration:4e3}});this.dispatchEvent(evt);return!0}}},handleSave:function handleSave(e){this.activeComment=e.detail.comment;this.$.ajaxupdaterequest.generateRequest()},_handleUpdateResponse:function _handleUpdateResponse(){var evt=new CustomEvent("simple-toast-show",{bubbles:!0,cancelable:!0,detail:{text:"Comment saved!",duration:4e3}});this.dispatchEvent(evt)},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}})});
\ No newline at end of file
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 e529b02d465..d45cb3ddc7b 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/async.js","../../@polymer/iron-icons/editor-icons.js","../../@polymer/marked-element/marked-element.js","../../@polymer/paper-tooltip/paper-tooltip.js","../../@polymer/paper-card/paper-card.js","../../@polymer/paper-input/paper-textarea.js","../../@polymer/paper-badge/paper-badge.js","../moment-element/moment-element.js","../materializecss-styles/lib/colors.js","../mtz-marked-editor/mtz-marked-editor.js","../mtz-marked-editor/lib/mtz-marked-control-generic-line.js","../mtz-marked-editor/lib/mtz-marked-control-generic-wrap.js","../mtz-marked-editor/lib/mtz-marked-control-link.js","../word-count/word-count.js","../lrnsys-button/lrnsys-button.js","../lrndesign-avatar/lrndesign-avatar.js"],function(_exports,_polymerLegacy,_polymerDom,async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnsysComment=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_8f878ed054f411e9aeb367f92c5b63ab(){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      }\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        right: 0px;\n        top: 0px;\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 for=\"avatar\" animation-delay=\"0\" class=\"ferpa-protect\"\n            >[[displayName]]</paper-tooltip\n          >\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-tap=\"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-tap=\"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-tap=\"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-tap=\"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    <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  "],["\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      }\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        right: 0px;\n        top: 0px;\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 for=\"avatar\" animation-delay=\"0\" class=\"ferpa-protect\"\n            >[[displayName]]</paper-tooltip\n          >\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-tap=\"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-tap=\"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-tap=\"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-tap=\"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    <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  "]);_templateObject_8f878ed054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnsysComment=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8f878ed054f411e9aeb367f92c5b63ab()),is:"lrnsys-comment",properties:{comment:{type:Object,notify:!0,observer:"_commentLoaded"},displayName:{type:String,notify:!0,computed:"_generateName(comment.relationships.author.data.display_name, comment.relationships.author.data.visual)"},commentNew:{type:String,notify:!0,computed:"_isCommentNew(comment.relationships.author.data.visual)"},hoverClass:{type:String,reflectToAttribute:!0},editform:{type:Boolean,notify:!0,observer:"_editTrigger",reflectToAttribute:!0},disabled:{type:Boolean,notify:!0,reflectToAttribute:!0}},attached:function attached(){this.$.bodyarea.addEventListener("tap",this.bodyToggle.bind(this));this.$.bodyarea.addEventListener("dblclick",this.bodyToggleOn.bind(this))},detached:function detached(){this.$.bodyarea.removeEventListener("tap",this.bodyToggle.bind(this));this.$.bodyarea.removeEventListener("dblclick",this.bodyToggleOn.bind(this))},_generateName:function _generateName(name,visual){if(babelHelpers.typeof(visual)!=="undefined"&&!1!==visual.label){return name+" ("+visual.label+")"}return name},_isCommentNew:function _isCommentNew(visual){if(babelHelpers.typeof(visual)!=="undefined"&&!1!==visual.label){return"new-comment"}return""},_commentLoaded:function _commentLoaded(){this.editform=this.comment.metadata.editing;this.disabled=this.comment.metadata.disabled;this.blockFirstState=!0},actionHandler:function actionHandler(e){var normalizedEvent=(0,_polymerDom.dom)(e),target=normalizedEvent.localTarget;if(null!=target.dataCommentid&&!target.disabled){target.dataCommentid;if("reply"==target.id){this.fire("comment-reply",{comment:this.comment,target:target})}else if("like"==target.id){this.$.like.classList.toggle("like-icon-color");this.fire("comment-like",{comment:this.comment,target:target})}else if("edit"==target.id){this.editform=!this.editform}else if("delete"==target.id){this.fire("comment-delete-dialog",{comment:this.comment,target:target})}}},_editTrigger:function _editTrigger(){var _this=this;if(babelHelpers.typeof(this.comment)!=="undefined"&&this.comment.actions.edit){async.microTask.run(function(){_this.$.renderedcomment.hidden=_this.editform;_this.$.commenteditor.hidden=!_this.editform;if(_this.editform){_this.$.edit.icon="save";_this.$.edit.alt="Save";_this.$.reply.disabled=!0;_this.$.editcomment.focus();_this.fire("comment-editing",{comment:_this.comment});_this.blockFirstState=!1}else{if(!_this.blockFirstState){_this.fire("comment-save",{comment:_this.comment})}else{_this.blockFirstState=!1}_this.$.edit.icon="create";_this.$.edit.alt="Edit";_this.$.reply.disabled=!1}_this.fire("iron-resize")})}},bodyToggle:function bodyToggle(){this.$.bodyarea.classList.remove("nowrap-me");this.fire("iron-resize")},bodyToggleOn:function bodyToggleOn(){this.$.bodyarea.classList.toggle("nowrap-me");this.fire("iron-resize")}});_exports.LrnsysComment=LrnsysComment});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/async.js","../../@polymer/iron-icons/editor-icons.js","../../@polymer/marked-element/marked-element.js","../../@polymer/paper-tooltip/paper-tooltip.js","../../@polymer/paper-card/paper-card.js","../../@polymer/paper-input/paper-textarea.js","../../@polymer/paper-badge/paper-badge.js","../moment-element/moment-element.js","../materializecss-styles/lib/colors.js","../mtz-marked-editor/mtz-marked-editor.js","../mtz-marked-editor/lib/mtz-marked-control-generic-line.js","../mtz-marked-editor/lib/mtz-marked-control-generic-wrap.js","../mtz-marked-editor/lib/mtz-marked-control-link.js","../word-count/word-count.js","../lrnsys-button/lrnsys-button.js","../lrndesign-avatar/lrndesign-avatar.js"],function(_exports,_polymerLegacy,_polymerDom,async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnsysComment=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_231bbb50555211e98f439769bd191e33(){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      }\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        right: 0px;\n        top: 0px;\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 for=\"avatar\" animation-delay=\"0\" class=\"ferpa-protect\"\n            >[[displayName]]</paper-tooltip\n          >\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-tap=\"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-tap=\"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-tap=\"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-tap=\"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    <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  "],["\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      }\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        right: 0px;\n        top: 0px;\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 for=\"avatar\" animation-delay=\"0\" class=\"ferpa-protect\"\n            >[[displayName]]</paper-tooltip\n          >\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-tap=\"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-tap=\"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-tap=\"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-tap=\"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    <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  "]);_templateObject_231bbb50555211e98f439769bd191e33=function(){return data};return data}var LrnsysComment=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_231bbb50555211e98f439769bd191e33()),is:"lrnsys-comment",properties:{comment:{type:Object,notify:!0,observer:"_commentLoaded"},displayName:{type:String,notify:!0,computed:"_generateName(comment.relationships.author.data.display_name, comment.relationships.author.data.visual)"},commentNew:{type:String,notify:!0,computed:"_isCommentNew(comment.relationships.author.data.visual)"},hoverClass:{type:String,reflectToAttribute:!0},editform:{type:Boolean,notify:!0,observer:"_editTrigger",reflectToAttribute:!0},disabled:{type:Boolean,notify:!0,reflectToAttribute:!0}},attached:function attached(){this.$.bodyarea.addEventListener("tap",this.bodyToggle.bind(this));this.$.bodyarea.addEventListener("dblclick",this.bodyToggleOn.bind(this))},detached:function detached(){this.$.bodyarea.removeEventListener("tap",this.bodyToggle.bind(this));this.$.bodyarea.removeEventListener("dblclick",this.bodyToggleOn.bind(this))},_generateName:function _generateName(name,visual){if(babelHelpers.typeof(visual)!=="undefined"&&!1!==visual.label){return name+" ("+visual.label+")"}return name},_isCommentNew:function _isCommentNew(visual){if(babelHelpers.typeof(visual)!=="undefined"&&!1!==visual.label){return"new-comment"}return""},_commentLoaded:function _commentLoaded(){this.editform=this.comment.metadata.editing;this.disabled=this.comment.metadata.disabled;this.blockFirstState=!0},actionHandler:function actionHandler(e){var normalizedEvent=(0,_polymerDom.dom)(e),target=normalizedEvent.localTarget;if(null!=target.dataCommentid&&!target.disabled){target.dataCommentid;if("reply"==target.id){this.fire("comment-reply",{comment:this.comment,target:target})}else if("like"==target.id){this.$.like.classList.toggle("like-icon-color");this.fire("comment-like",{comment:this.comment,target:target})}else if("edit"==target.id){this.editform=!this.editform}else if("delete"==target.id){this.fire("comment-delete-dialog",{comment:this.comment,target:target})}}},_editTrigger:function _editTrigger(){var _this=this;if(babelHelpers.typeof(this.comment)!=="undefined"&&this.comment.actions.edit){async.microTask.run(function(){_this.$.renderedcomment.hidden=_this.editform;_this.$.commenteditor.hidden=!_this.editform;if(_this.editform){_this.$.edit.icon="save";_this.$.edit.alt="Save";_this.$.reply.disabled=!0;_this.$.editcomment.focus();_this.fire("comment-editing",{comment:_this.comment});_this.blockFirstState=!1}else{if(!_this.blockFirstState){_this.fire("comment-save",{comment:_this.comment})}else{_this.blockFirstState=!1}_this.$.edit.icon="create";_this.$.edit.alt="Edit";_this.$.reply.disabled=!1}_this.fire("iron-resize")})}},bodyToggle:function bodyToggle(){this.$.bodyarea.classList.remove("nowrap-me");this.fire("iron-resize")},bodyToggleOn:function bodyToggleOn(){this.$.bodyarea.classList.toggle("nowrap-me");this.fire("iron-resize")}});_exports.LrnsysComment=LrnsysComment});
\ No newline at end of file
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 40c589c2eb1..613a648c066 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../paper-avatar/paper-avatar.js","../../lrn-icons/lrn-icons.js","../../../@polymer/iron-icons/iron-icons.js"],function(_polymerLegacy){"use strict";function _templateObject_9dcecd0054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <div>\n      <template is=\"dom-if\" if=\"[[avatar]]\">\n        <paper-avatar src$=\"[[avatar]]\"></paper-avatar>\n      </template>\n      <template is=\"dom-if\" if=\"[[icon]]\">\n        <lrn-icon icon=\"[[icon]]\"></lrn-icon>\n      </template>\n      <template is=\"dom-if\" if=\"[[text]]\">\n        <span class$=\"[[_getTextLabelClass()]]\">[[text]]</span>\n      </template>\n    </div>\n    <div><slot name=\"button\"></slot><slot></slot></div>\n  "],["\n    <style>\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    </style>\n    <div>\n      <template is=\"dom-if\" if=\"[[avatar]]\">\n        <paper-avatar src\\$=\"[[avatar]]\"></paper-avatar>\n      </template>\n      <template is=\"dom-if\" if=\"[[icon]]\">\n        <lrn-icon icon=\"[[icon]]\"></lrn-icon>\n      </template>\n      <template is=\"dom-if\" if=\"[[text]]\">\n        <span class\\$=\"[[_getTextLabelClass()]]\">[[text]]</span>\n      </template>\n    </div>\n    <div><slot name=\"button\"></slot><slot></slot></div>\n  "]);_templateObject_9dcecd0054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9dcecd0054f411e9aeb367f92c5b63ab()),is:"lrnsys-button-inner",properties:{icon:{type:String},avatar:{type:String},text:{type:String}},_getTextLabelClass:function _getTextLabelClass(){if(!this.avatar&&!this.icon){return"text-label-only"}return"text-label"}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../paper-avatar/paper-avatar.js","../../lrn-icons/lrn-icons.js","../../../@polymer/iron-icons/iron-icons.js"],function(_polymerLegacy){"use strict";function _templateObject_32175560555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <div>\n      <template is=\"dom-if\" if=\"[[avatar]]\">\n        <paper-avatar src$=\"[[avatar]]\"></paper-avatar>\n      </template>\n      <template is=\"dom-if\" if=\"[[icon]]\">\n        <lrn-icon icon=\"[[icon]]\"></lrn-icon>\n      </template>\n      <template is=\"dom-if\" if=\"[[text]]\">\n        <span class$=\"[[_getTextLabelClass()]]\">[[text]]</span>\n      </template>\n    </div>\n    <div><slot name=\"button\"></slot><slot></slot></div>\n  "],["\n    <style>\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    </style>\n    <div>\n      <template is=\"dom-if\" if=\"[[avatar]]\">\n        <paper-avatar src\\$=\"[[avatar]]\"></paper-avatar>\n      </template>\n      <template is=\"dom-if\" if=\"[[icon]]\">\n        <lrn-icon icon=\"[[icon]]\"></lrn-icon>\n      </template>\n      <template is=\"dom-if\" if=\"[[text]]\">\n        <span class\\$=\"[[_getTextLabelClass()]]\">[[text]]</span>\n      </template>\n    </div>\n    <div><slot name=\"button\"></slot><slot></slot></div>\n  "]);_templateObject_32175560555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_32175560555211e98f439769bd191e33()),is:"lrnsys-button-inner",properties:{icon:{type:String},avatar:{type:String},text:{type:String}},_getTextLabelClass:function _getTextLabelClass(){if(!this.avatar&&!this.icon){return"text-label-only"}return"text-label"}})});
\ No newline at end of file
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 ec4d320cf6f..3829b31bf34 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-collapse/iron-collapse.js"],function(_polymerLegacy){"use strict";function _templateObject_9dd6471054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <paper-button\n      on-tap=\"collapseToggle\"\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 id=\"collapse\" opened=\"{{opened}}\">\n      <div class=\"collapse-content\"><slot name=\"content\"></slot></div>\n    </iron-collapse>\n  "]);_templateObject_9dd6471054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9dd6471054f411e9aeb367f92c5b63ab()),is:"lrnsys-collapselist-item",properties:{opened:{type:Boolean,value:!1,reflectToAttribute:!0,notify:!0}},collapseToggle:function collapseToggle(){this.$.collapse.toggle()}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-collapse/iron-collapse.js"],function(_polymerLegacy){"use strict";function _templateObject_321ecf70555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <paper-button\n      on-tap=\"collapseToggle\"\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 id=\"collapse\" opened=\"{{opened}}\">\n      <div class=\"collapse-content\"><slot name=\"content\"></slot></div>\n    </iron-collapse>\n  "]);_templateObject_321ecf70555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_321ecf70555211e98f439769bd191e33()),is:"lrnsys-collapselist-item",properties:{opened:{type:Boolean,value:!1,reflectToAttribute:!0,notify:!0}},collapseToggle:function collapseToggle(){this.$.collapse.toggle()}})});
\ No newline at end of file
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 db186b8bb9f..0a5e65c309c 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/app-layout/app-layout.js","../../paper-avatar/paper-avatar.js","../../lrn-icons/lrn-icons.js","../../../@polymer/paper-button/paper-button.js","../../simple-colors/simple-colors.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-collapse/iron-collapse.js"],function(_polymerLegacy){"use strict";function _templateObject_9de38d8054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors\">\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 paper-button {\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 paper-button iron-icon,\n      ul li paper-button 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    </style>\n    <ul>\n      <template is=\"dom-repeat\" items=\"{{items}}\" as=\"row\">\n        <li>\n          <lrnsys-collapselist-item>\n            <span slot=\"label\">\n              <iron-icon icon=\"[[row.icon]]\"></iron-icon>\n              <span class=\"collapse-label\">[[row.label]]</span>\n            </span>\n            <span slot=\"content\"> [[row.content]] </span>\n          </lrnsys-collapselist-item>\n        </li>\n      </template>\n    </ul>\n  "]);_templateObject_9de38d8054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9de38d8054f411e9aeb367f92c5b63ab()),is:"lrnsys-collapselist",properties:{items:{type:Array}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/app-layout/app-layout.js","../../paper-avatar/paper-avatar.js","../../lrn-icons/lrn-icons.js","../../../@polymer/paper-button/paper-button.js","../../simple-colors/simple-colors.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-collapse/iron-collapse.js"],function(_polymerLegacy){"use strict";function _templateObject_322426a0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors\">\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 paper-button {\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 paper-button iron-icon,\n      ul li paper-button 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    </style>\n    <ul>\n      <template is=\"dom-repeat\" items=\"{{items}}\" as=\"row\">\n        <li>\n          <lrnsys-collapselist-item>\n            <span slot=\"label\">\n              <iron-icon icon=\"[[row.icon]]\"></iron-icon>\n              <span class=\"collapse-label\">[[row.label]]</span>\n            </span>\n            <span slot=\"content\"> [[row.content]] </span>\n          </lrnsys-collapselist-item>\n        </li>\n      </template>\n    </ul>\n  "]);_templateObject_322426a0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_322426a0555211e98f439769bd191e33()),is:"lrnsys-collapselist",properties:{items:{type:Array}}})});
\ No newline at end of file
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 c7a60fdb187..7d425a0d1be 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_9def9b7054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n      }\n      iron-icon {\n        display: inline-block;\n        height: 16px;\n        width: 16px;\n      }\n    </style>\n    <paper-button raisedon-tap=\"_onTap\" id$=\"[[id]]\" aria-label$=\"[[title]]\">\n      <iron-icon icon=\"[[icon]]\"></iron-icon> [[title]]\n    </paper-button>\n    <paper-tooltip for$=\"[[id]]\" animation-delay=\"200\">[[title]]</paper-tooltip>\n  "]);_templateObject_9def9b7054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9def9b7054f411e9aeb367f92c5b63ab()),is:"lrnsys-dialog-toolbar-button",properties:{title:{type:String},icon:{type:String},id:{type:String}},ready:function ready(){this.fire("button-initialized",{id:this.id})},_onTap:function _onTap(e){var normalizedEvent=(0,_polymerDom.dom)(e),localTarget=normalizedEvent.localTarget,id=localTarget.getAttribute("id");this.fire("dialog-toolbar-button-tapped",{id:id})}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/paper-tooltip/paper-tooltip.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_322e11b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n      }\n      iron-icon {\n        display: inline-block;\n        height: 16px;\n        width: 16px;\n      }\n    </style>\n    <paper-button raisedon-tap=\"_onTap\" id$=\"[[id]]\" aria-label$=\"[[title]]\">\n      <iron-icon icon=\"[[icon]]\"></iron-icon> [[title]]\n    </paper-button>\n    <paper-tooltip for$=\"[[id]]\" animation-delay=\"200\">[[title]]</paper-tooltip>\n  "]);_templateObject_322e11b0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_322e11b0555211e98f439769bd191e33()),is:"lrnsys-dialog-toolbar-button",properties:{title:{type:String},icon:{type:String},id:{type:String}},ready:function ready(){this.fire("button-initialized",{id:this.id})},_onTap:function _onTap(e){var normalizedEvent=(0,_polymerDom.dom)(e),localTarget=normalizedEvent.localTarget,id=localTarget.getAttribute("id");this.fire("dialog-toolbar-button-tapped",{id:id})}})});
\ No newline at end of file
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 3e6b13d526b..0323ff1ce3b 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/app-layout/app-toolbar/app-toolbar.js","./lrnsys-dialog-toolbar-button.js"],function(_polymerLegacy){"use strict";function _templateObject_9df6794054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\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    </style>\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$=\"[[!_secondaryHasChildren]]\">\n      <div class=\"secondary-buttons\">\n        <slot name=\"secondary\" id=\"secondary-slot\"></slot>\n      </div>\n    </app-toolbar>\n  "],["\n    <style is=\"custom-style\">\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    </style>\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\\$=\"[[!_secondaryHasChildren]]\">\n      <div class=\"secondary-buttons\">\n        <slot name=\"secondary\" id=\"secondary-slot\"></slot>\n      </div>\n    </app-toolbar>\n  "]);_templateObject_9df6794054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9df6794054f411e9aeb367f92c5b63ab()),is:"lrnsys-dialog-toolbar",listeners:{"dialog-toolbar-button-tapped":"_tapHandler"},properties:{_secondaryHasChildren:{type:Boolean,value:!1}},_tapHandler:function _tapHandler(e){this.fire("button-clicked",e.detail)},ready:function ready(){var _this=this;this.$.secondary.addEventListener("button-initialized",function(){_this._secondaryHasChildren=!0})}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/app-layout/app-toolbar/app-toolbar.js","./lrnsys-dialog-toolbar-button.js"],function(_polymerLegacy){"use strict";function _templateObject_32353da0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\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    </style>\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$=\"[[!_secondaryHasChildren]]\">\n      <div class=\"secondary-buttons\">\n        <slot name=\"secondary\" id=\"secondary-slot\"></slot>\n      </div>\n    </app-toolbar>\n  "],["\n    <style is=\"custom-style\">\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    </style>\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\\$=\"[[!_secondaryHasChildren]]\">\n      <div class=\"secondary-buttons\">\n        <slot name=\"secondary\" id=\"secondary-slot\"></slot>\n      </div>\n    </app-toolbar>\n  "]);_templateObject_32353da0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_32353da0555211e98f439769bd191e33()),is:"lrnsys-dialog-toolbar",listeners:{"dialog-toolbar-button-tapped":"_tapHandler"},properties:{_secondaryHasChildren:{type:Boolean,value:!1}},_tapHandler:function _tapHandler(e){this.fire("button-clicked",e.detail)},ready:function ready(){var _this=this;this.$.secondary.addEventListener("button-initialized",function(){_this._secondaryHasChildren=!0})}})});
\ No newline at end of file
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 ff051449d15..79e3b757fd3 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../paper-avatar/paper-avatar.js","../../lrn-icons/lrn-icons.js","../../simple-colors/simple-colors.js","../../simple-modal/simple-modal.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/neon-animation/neon-animation.js","../../../@polymer/neon-animation/neon-animations.js","../../../@polymer/iron-icons/iron-icons.js","./lrnsys-button-inner.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_9e05465054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"simple-colors\">\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        }\n      </style>\n    </custom-style>\n    <paper-button\n      class$=\"[[class]]\"\n      id=\"dialogtrigger\"\n      on-tap=\"openDialog\"\n      raised=\"[[raised]]\"\n      disabled$=\"[[disabled]]\"\n      title=\"[[alt]]\"\n      aria-label$=\"[[alt]]\"\n    >\n      <lrnsys-button-inner\n        avatar$=\"[[avatar]]\"\n        icon$=\"[[icon]]\"\n        text$=\"[[text]]\"\n      >\n        <slot name=\"button\" slot=\"button\"></slot>\n      </lrnsys-button-inner>\n    </paper-button>\n    <paper-tooltip for=\"dialogtrigger\" animation-delay=\"0\" hidden$=\"[[!alt]]\"\n      >[[alt]]</paper-tooltip\n    >\n  "]);_templateObject_9e05465054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9e05465054f411e9aeb367f92c5b63ab()),is:"lrnsys-dialog",listeners:{mousedown:"tapEventOn",mouseover:"tapEventOn",mouseout:"tapEventOff"},properties:{icon:{type:String},raised:{type:Boolean},avatar:{type:String},text:{type:String},alt:{type:String,reflectToAttribute:!0},header:{type:String},disabled:{type:Boolean,value:!1},hoverClass:{type:String},headingClass:{type:String,value:"white-text black"},dynamicImages:{type:Boolean,value:!1},focusState:{type:Boolean,value:!1}},tapEventOn:function tapEventOn(){var root=this;if(babelHelpers.typeof(root.hoverClass)!=="undefined"){var classes=root.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){root.$.dialogtrigger.classList.add(item)}})}},tapEventOff:function tapEventOff(){var root=this;if(babelHelpers.typeof(root.hoverClass)!=="undefined"){var classes=root.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){root.$.dialogtrigger.classList.remove(item)}})}},openDialog:function openDialog(){var nodes=(0,_polymerDom.dom)(this).getEffectiveChildNodes(),h=document.createElement("span"),c=document.createElement("span"),node={};for(var i in nodes){if(babelHelpers.typeof(nodes[i].tagName)!=="undefined"){switch(nodes[i].getAttribute("slot")){case"toolbar-primary":case"toolbar-secondary":case"toolbar":case"header":node=nodes[i].cloneNode(!0);h.appendChild(node);break;case"button":break;default:node=nodes[i].cloneNode(!0);if(this.dynamicImages&&"IRON-IMAGE"===node.tagName){node.preventLoad=!1;node.removeAttribute("prevent-load")}c.appendChild(node);break;}}}var evt=new CustomEvent("simple-modal-show",{bubbles:!0,cancelable:!0,detail:{title:this.header,elements:{header:h,content:c},invokedBy:this.$.dialogtrigger}});this.dispatchEvent(evt)},focusToggle:function focusToggle(){var root=this;root.fire("focus-changed",{focus:root.focusState});if(babelHelpers.typeof(root.hoverClass)!=="undefined"){var classes=root.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){if(root.focusState){root.$.dialogtrigger.classList.add(item)}else{root.$.dialogtrigger.classList.remove(item)}}})}root.focusState=!root.focusState},ready:function ready(){this.__modal=window.SimpleModal.requestAvailability()},attached:function attached(){this.$.dialogtrigger.addEventListener("focused-changed",this.focusToggle.bind(this))},detached:function detached(){this.$.dialogtrigger.removeEventListener("focused-changed",this.focusToggle.bind(this))}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../paper-avatar/paper-avatar.js","../../lrn-icons/lrn-icons.js","../../simple-colors/simple-colors.js","../../simple-modal/simple-modal.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/neon-animation/neon-animation.js","../../../@polymer/neon-animation/neon-animations.js","../../../@polymer/iron-icons/iron-icons.js","./lrnsys-button-inner.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_324199b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-style\" include=\"simple-colors\">\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        }\n      </style>\n    </custom-style>\n    <paper-button\n      class$=\"[[class]]\"\n      id=\"dialogtrigger\"\n      on-tap=\"openDialog\"\n      raised=\"[[raised]]\"\n      disabled$=\"[[disabled]]\"\n      title=\"[[alt]]\"\n      aria-label$=\"[[alt]]\"\n    >\n      <lrnsys-button-inner\n        avatar$=\"[[avatar]]\"\n        icon$=\"[[icon]]\"\n        text$=\"[[text]]\"\n      >\n        <slot name=\"button\" slot=\"button\"></slot>\n      </lrnsys-button-inner>\n    </paper-button>\n    <paper-tooltip for=\"dialogtrigger\" animation-delay=\"0\" hidden$=\"[[!alt]]\"\n      >[[alt]]</paper-tooltip\n    >\n  "]);_templateObject_324199b0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_324199b0555211e98f439769bd191e33()),is:"lrnsys-dialog",listeners:{mousedown:"tapEventOn",mouseover:"tapEventOn",mouseout:"tapEventOff"},properties:{icon:{type:String},raised:{type:Boolean},avatar:{type:String},text:{type:String},alt:{type:String,reflectToAttribute:!0},header:{type:String},disabled:{type:Boolean,value:!1},hoverClass:{type:String},headingClass:{type:String,value:"white-text black"},dynamicImages:{type:Boolean,value:!1},focusState:{type:Boolean,value:!1}},tapEventOn:function tapEventOn(){var root=this;if(babelHelpers.typeof(root.hoverClass)!=="undefined"){var classes=root.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){root.$.dialogtrigger.classList.add(item)}})}},tapEventOff:function tapEventOff(){var root=this;if(babelHelpers.typeof(root.hoverClass)!=="undefined"){var classes=root.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){root.$.dialogtrigger.classList.remove(item)}})}},openDialog:function openDialog(){var nodes=(0,_polymerDom.dom)(this).getEffectiveChildNodes(),h=document.createElement("span"),c=document.createElement("span"),node={};for(var i in nodes){if(babelHelpers.typeof(nodes[i].tagName)!=="undefined"){switch(nodes[i].getAttribute("slot")){case"toolbar-primary":case"toolbar-secondary":case"toolbar":case"header":node=nodes[i].cloneNode(!0);h.appendChild(node);break;case"button":break;default:node=nodes[i].cloneNode(!0);if(this.dynamicImages&&"IRON-IMAGE"===node.tagName){node.preventLoad=!1;node.removeAttribute("prevent-load")}c.appendChild(node);break;}}}var evt=new CustomEvent("simple-modal-show",{bubbles:!0,cancelable:!0,detail:{title:this.header,elements:{header:h,content:c},invokedBy:this.$.dialogtrigger}});this.dispatchEvent(evt)},focusToggle:function focusToggle(){var root=this;root.fire("focus-changed",{focus:root.focusState});if(babelHelpers.typeof(root.hoverClass)!=="undefined"){var classes=root.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){if(root.focusState){root.$.dialogtrigger.classList.add(item)}else{root.$.dialogtrigger.classList.remove(item)}}})}root.focusState=!root.focusState},ready:function ready(){this.__modal=window.SimpleModal.requestAvailability()},attached:function attached(){this.$.dialogtrigger.addEventListener("focused-changed",this.focusToggle.bind(this))},detached:function detached(){this.$.dialogtrigger.removeEventListener("focused-changed",this.focusToggle.bind(this))}})});
\ No newline at end of file
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 9855e279f17..cbb0ab069dc 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../simple-colors/simple-colors.js","../../simple-drawer/simple-drawer.js","../../paper-avatar/paper-avatar.js","../../../@polymer/app-layout/app-layout.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-icons/iron-icons.js","./lrnsys-button-inner.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_9e25035054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors\">\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      }\n    </style>\n    <paper-button\n      class$=\"[[class]]\"\n      id=\"flyouttrigger\"\n      on-tap=\"toggleDrawer\"\n      raised=\"[[raised]]\"\n      disabled$=\"[[disabled]]\"\n      title=\"[[alt]]\"\n    >\n      <lrnsys-button-inner avatar=\"[[avatar]]\" icon=\"[[icon]]\" text=\"[[text]]\">\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  "],["\n    <style is=\"custom-style\" include=\"simple-colors\">\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      }\n    </style>\n    <paper-button\n      class\\$=\"[[class]]\"\n      id=\"flyouttrigger\"\n      on-tap=\"toggleDrawer\"\n      raised=\"[[raised]]\"\n      disabled\\$=\"[[disabled]]\"\n      title=\"[[alt]]\"\n    >\n      <lrnsys-button-inner avatar=\"[[avatar]]\" icon=\"[[icon]]\" text=\"[[text]]\">\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  "]);_templateObject_9e25035054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9e25035054f411e9aeb367f92c5b63ab()),is:"lrnsys-drawer",listeners:{mousedown:"tapEventOn",mouseover:"tapEventOn",mouseout:"tapEventOff"},properties:{opened:{type:Boolean,value:!1,reflectToAttribute:!0},raised:{type:Boolean,reflectToAttribute:!0},icon:{type:String},avatar:{type:String},text:{type:String},align:{type:String,value:"left"},alt:{type:String,reflectToAttribute:!0},header:{type:String},disabled:{type:Boolean,value:!1,reflectToAttribute:!0},hoverClass:{type:String},headingClass:{type:String,value:"white-text black"},focusState:{type:Boolean,value:!1}},ready:function ready(){this.__modal=window.SimpleDrawer.requestAvailability()},attached:function attached(){this.$.flyouttrigger.addEventListener("focused-changed",this.focusToggle.bind(this))},detached:function detached(){this.$.flyouttrigger.removeEventListener("focused-changed",this.focusToggle.bind(this))},tapEventOn:function tapEventOn(){var _this=this;if(babelHelpers.typeof(this.hoverClass)!=="undefined"){var classes=this.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){_this.$.flyouttrigger.classList.add(item)}})}},tapEventOff:function tapEventOff(){var _this2=this;if(babelHelpers.typeof(this.hoverClass)!=="undefined"){var classes=this.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){_this2.$.flyouttrigger.classList.remove(item)}})}},toggleDrawer:function toggleDrawer(){var nodes=(0,_polymerDom.dom)(this).getEffectiveChildNodes(),h=document.createElement("span"),c=document.createElement("span");for(var i in nodes){if(babelHelpers.typeof(nodes[i].tagName)!=="undefined"){switch(nodes[i].getAttribute("slot")){case"header":h.appendChild(nodes[i].cloneNode(!0));break;default:c.appendChild(nodes[i].cloneNode(!0));break;}}}var evt=new CustomEvent("simple-drawer-show",{bubbles:!0,cancelable:!0,detail:{title:this.header,elements:{content:c,header:h},invokedBy:this.$.flyouttrigger,align:this.align,size:"30%",clone:!1}});this.dispatchEvent(evt)},focusToggle:function focusToggle(){var _this3=this;this.fire("focus-changed",{focus:this.focusState});if(babelHelpers.typeof(this.hoverClass)!=="undefined"){var classes=this.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){if(_this3.focusState){_this3.$.flyouttrigger.classList.add(item)}else{_this3.$.flyouttrigger.classList.remove(item)}}})}this.focusState=!this.focusState},_getTextLabelClass:function _getTextLabelClass(){if(!this.avatar&&!this.icon){return"text-label-only"}return"text-label"}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../simple-colors/simple-colors.js","../../simple-drawer/simple-drawer.js","../../paper-avatar/paper-avatar.js","../../../@polymer/app-layout/app-layout.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/iron-icons/iron-icons.js","./lrnsys-button-inner.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_3253e930555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors\">\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      }\n    </style>\n    <paper-button\n      class$=\"[[class]]\"\n      id=\"flyouttrigger\"\n      on-tap=\"toggleDrawer\"\n      raised=\"[[raised]]\"\n      disabled$=\"[[disabled]]\"\n      title=\"[[alt]]\"\n    >\n      <lrnsys-button-inner avatar=\"[[avatar]]\" icon=\"[[icon]]\" text=\"[[text]]\">\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  "],["\n    <style is=\"custom-style\" include=\"simple-colors\">\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      }\n    </style>\n    <paper-button\n      class\\$=\"[[class]]\"\n      id=\"flyouttrigger\"\n      on-tap=\"toggleDrawer\"\n      raised=\"[[raised]]\"\n      disabled\\$=\"[[disabled]]\"\n      title=\"[[alt]]\"\n    >\n      <lrnsys-button-inner avatar=\"[[avatar]]\" icon=\"[[icon]]\" text=\"[[text]]\">\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  "]);_templateObject_3253e930555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3253e930555211e98f439769bd191e33()),is:"lrnsys-drawer",listeners:{mousedown:"tapEventOn",mouseover:"tapEventOn",mouseout:"tapEventOff"},properties:{opened:{type:Boolean,value:!1,reflectToAttribute:!0},raised:{type:Boolean,reflectToAttribute:!0},icon:{type:String},avatar:{type:String},text:{type:String},align:{type:String,value:"left"},alt:{type:String,reflectToAttribute:!0},header:{type:String},disabled:{type:Boolean,value:!1,reflectToAttribute:!0},hoverClass:{type:String},headingClass:{type:String,value:"white-text black"},focusState:{type:Boolean,value:!1}},ready:function ready(){this.__modal=window.SimpleDrawer.requestAvailability()},attached:function attached(){this.$.flyouttrigger.addEventListener("focused-changed",this.focusToggle.bind(this))},detached:function detached(){this.$.flyouttrigger.removeEventListener("focused-changed",this.focusToggle.bind(this))},tapEventOn:function tapEventOn(){var _this=this;if(babelHelpers.typeof(this.hoverClass)!=="undefined"){var classes=this.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){_this.$.flyouttrigger.classList.add(item)}})}},tapEventOff:function tapEventOff(){var _this2=this;if(babelHelpers.typeof(this.hoverClass)!=="undefined"){var classes=this.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){_this2.$.flyouttrigger.classList.remove(item)}})}},toggleDrawer:function toggleDrawer(){var nodes=(0,_polymerDom.dom)(this).getEffectiveChildNodes(),h=document.createElement("span"),c=document.createElement("span");for(var i in nodes){if(babelHelpers.typeof(nodes[i].tagName)!=="undefined"){switch(nodes[i].getAttribute("slot")){case"header":h.appendChild(nodes[i].cloneNode(!0));break;default:c.appendChild(nodes[i].cloneNode(!0));break;}}}var evt=new CustomEvent("simple-drawer-show",{bubbles:!0,cancelable:!0,detail:{title:this.header,elements:{content:c,header:h},invokedBy:this.$.flyouttrigger,align:this.align,size:"30%",clone:!1}});this.dispatchEvent(evt)},focusToggle:function focusToggle(){var _this3=this;this.fire("focus-changed",{focus:this.focusState});if(babelHelpers.typeof(this.hoverClass)!=="undefined"){var classes=this.hoverClass.split(" ");classes.forEach(function(item){if(""!=item){if(_this3.focusState){_this3.$.flyouttrigger.classList.add(item)}else{_this3.$.flyouttrigger.classList.remove(item)}}})}this.focusState=!this.focusState},_getTextLabelClass:function _getTextLabelClass(){if(!this.avatar&&!this.icon){return"text-label-only"}return"text-label"}})});
\ No newline at end of file
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 8ba15a8b566..62b75ea887b 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/iron-list/iron-list.js","../../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../drawing-icons/drawing-icons.js"],function(_polymerLegacy){"use strict";function _templateObject_9e39008054f411e9aeb367f92c5b63ab(){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-tap=\"moveDown\"\n      ></paper-icon-button>\n      <paper-icon-button\n        id=\"left\"\n        title=\"Outdent\"\n        icon=\"icons:arrow-back\"\n        on-tap=\"moveOut\"\n      ></paper-icon-button>\n      <paper-icon-button\n        id=\"right\"\n        title=\"Indent\"\n        icon=\"icons:arrow-forward\"\n        on-tap=\"moveIn\"\n      ></paper-icon-button>\n      <paper-icon-button\n        id=\"up\"\n        title=\"Move upwards\"\n        icon=\"icons:arrow-upward\"\n        on-tap=\"moveUp\"\n      ></paper-icon-button>\n      <paper-icon-button\n        id=\"add\"\n        title=\"Add Item\"\n        icon=\"icons:add\"\n        on-tap=\"add\"\n      ></paper-icon-button>\n      <paper-icon-button\n        id=\"delete\"\n        title=\"Delete\"\n        icon=\"icons:delete\"\n        on-tap=\"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_9e39008054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9e39008054f411e9aeb367f92c5b63ab()),is:"lrnsys-outline-item",listeners:{change:"_onChange"},properties:{indentLevel:{type:Number,value:0},index:{type:Number,value:0},parent:{type:String,value:null},title:{type:String,value:null,notify:!0,reflectToAttribute:!0},focusState:{type:Boolean,value:!1,reflectToAttribute:!0}},_focusin:function _focusin(){this.focusState=!0},_focusout:function _focusout(){this.focusState=!1},attached:function attached(){this.fire("attached-item",{item:this})},ready:function ready(){var _this=this;this.__inputTarget=this.$.input;this.fire("focus-item",this);this.addEventListener("focus",function(){_this.fire("focus-item",_this)});this.addEventListener("mouseover",function(){_this.fire("focus-item",_this)});this.addEventListener("blur",function(){_this.fire("blur-item",_this)});this.addEventListener("mouseout",function(){_this.fire("blur-item",_this)});this.$.input.addEventListener("focused-changed",this._focusin.bind(this));this.addEventListener("focusin",this._focusin.bind(this));this.addEventListener("focusout",this._focusout.bind(this))},detached:function detached(){var _this2=this;this.removeEventListener("focus",function(){_this2.fire("focus-item",_this2)});this.removeEventListener("mouseover",function(){_this2.fire("focus-item",_this2)});this.removeEventListener("blur",function(){_this2.fire("blur-item",_this2)});this.removeEventListener("mouseout",function(){_this2.fire("blur-item",_this2)});this.$.input.removeEventListener("focused-changed",this._focusin.bind(this));this.removeEventListener("focusin",this._focusin.bind(this));this.removeEventListener("focusout",this._focusout.bind(this))},focus:function focus(){this.$.input.focus();return this},value:function value(){this.title=this.$.input.value;return this.title},delete:function _delete(){this.fire("delete-item",{item:this})},setIndent:function setIndent(amount){this.fire("indent-item",{item:this,increase:0<amount})},add:function add(){var i=this.$.input.shadowRoot.querySelector("#"+this.$.input._inputId).inputElement.selectionStart,j=this.title;this.fire("add-item",{item:this,value:j.slice(0,i),new:j.slice(i,j.length)});this.title=j.slice(0,i)},move:function move(amount){this.fire("move-item",{item:this,moveUp:0>amount})},moveUp:function moveUp(){this.move(-1)},moveDown:function moveDown(){this.move(1)},moveOut:function moveOut(){this.setIndent(-1)},moveIn:function moveIn(){this.setIndent(1)},setSelection:function setSelection(start,end){var s=start!==void 0?start:0,n=end!==void 0?end:s;try{this.$.input.querySelector("input").setSelectionRange(s,n)}catch(e){console.log(e)}this.focus()},_onChange:function _onChange(){this.fire("change-item",{item:this,value:this.title})},_onEsc:function _onEsc(){this.focus();this._focusout()},_onEnter:function _onEnter(){var i=this.$.input.shadowRoot.querySelector("#"+this.$.input._inputId).inputElement.selectionStart,j=this.title;this.fire("add-item",{item:this,value:j.slice(0,i),new:j.slice(i,j.length)});this.title=j.slice(0,i);this._focusout()},_onBackspace:function _onBackspace(e){if(this._getSelection().toString()==this.title){e.detail.keyboardEvent.preventDefault();this.fire("delete-item",{item:this})}else if(0==this.$.input.shadowRoot.querySelector("#"+this.$.input._inputId).inputElement.selectionStart){this.fire("indent-item",{item:this,increase:!1})}},_getSelection:function _getSelection(){if(this.parentNode&&this.parentNode.parentNode&&this.parentNode.parentNode.getSelection){return this.parentNode.parentNode.getSelection()}return window.getSelection()},_onArrowUp:function _onArrowUp(){if(0==this.$.input.shadowRoot.querySelector("#"+this.$.input._inputId).inputElement.selectionStart){this.fire("focus-item",{item:this,moveUp:!0})}},_onArrowDown:function _onArrowDown(){if(this.$.input.shadowRoot.querySelector("#"+this.$.input._inputId).inputElement.selectionStart==this.title.length){this.fire("focus-item",{item:this,moveUp:!1})}},_onShiftTab:function _onShiftTab(){this.setIndent(-1)},_onTab:function _onTab(e){if(0==this.$.input.shadowRoot.querySelector("#"+this.$.input._inputId).inputElement.selectionStart){e.preventDefault();this.setIndent(1)}},_onShiftArrowUp:function _onShiftArrowUp(){this.move(-1)},_onShiftArrowDown:function _onShiftArrowDown(){this.move(1)}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/iron-list/iron-list.js","../../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../../@polymer/paper-input/paper-input.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/paper-icon-button/paper-icon-button.js","../../drawing-icons/drawing-icons.js"],function(_polymerLegacy){"use strict";function _templateObject_32659c70555211e98f439769bd191e33(){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-tap=\"moveDown\"\n      ></paper-icon-button>\n      <paper-icon-button\n        id=\"left\"\n        title=\"Outdent\"\n        icon=\"icons:arrow-back\"\n        on-tap=\"moveOut\"\n      ></paper-icon-button>\n      <paper-icon-button\n        id=\"right\"\n        title=\"Indent\"\n        icon=\"icons:arrow-forward\"\n        on-tap=\"moveIn\"\n      ></paper-icon-button>\n      <paper-icon-button\n        id=\"up\"\n        title=\"Move upwards\"\n        icon=\"icons:arrow-upward\"\n        on-tap=\"moveUp\"\n      ></paper-icon-button>\n      <paper-icon-button\n        id=\"add\"\n        title=\"Add Item\"\n        icon=\"icons:add\"\n        on-tap=\"add\"\n      ></paper-icon-button>\n      <paper-icon-button\n        id=\"delete\"\n        title=\"Delete\"\n        icon=\"icons:delete\"\n        on-tap=\"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_32659c70555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_32659c70555211e98f439769bd191e33()),is:"lrnsys-outline-item",listeners:{change:"_onChange"},properties:{indentLevel:{type:Number,value:0},index:{type:Number,value:0},parent:{type:String,value:null},title:{type:String,value:null,notify:!0,reflectToAttribute:!0},focusState:{type:Boolean,value:!1,reflectToAttribute:!0}},_focusin:function _focusin(){this.focusState=!0},_focusout:function _focusout(){this.focusState=!1},attached:function attached(){this.fire("attached-item",{item:this})},ready:function ready(){var _this=this;this.__inputTarget=this.$.input;this.fire("focus-item",this);this.addEventListener("focus",function(){_this.fire("focus-item",_this)});this.addEventListener("mouseover",function(){_this.fire("focus-item",_this)});this.addEventListener("blur",function(){_this.fire("blur-item",_this)});this.addEventListener("mouseout",function(){_this.fire("blur-item",_this)});this.$.input.addEventListener("focused-changed",this._focusin.bind(this));this.addEventListener("focusin",this._focusin.bind(this));this.addEventListener("focusout",this._focusout.bind(this))},detached:function detached(){var _this2=this;this.removeEventListener("focus",function(){_this2.fire("focus-item",_this2)});this.removeEventListener("mouseover",function(){_this2.fire("focus-item",_this2)});this.removeEventListener("blur",function(){_this2.fire("blur-item",_this2)});this.removeEventListener("mouseout",function(){_this2.fire("blur-item",_this2)});this.$.input.removeEventListener("focused-changed",this._focusin.bind(this));this.removeEventListener("focusin",this._focusin.bind(this));this.removeEventListener("focusout",this._focusout.bind(this))},focus:function focus(){this.$.input.focus();return this},value:function value(){this.title=this.$.input.value;return this.title},delete:function _delete(){this.fire("delete-item",{item:this})},setIndent:function setIndent(amount){this.fire("indent-item",{item:this,increase:0<amount})},add:function add(){var i=this.$.input.shadowRoot.querySelector("#"+this.$.input._inputId).inputElement.selectionStart,j=this.title;this.fire("add-item",{item:this,value:j.slice(0,i),new:j.slice(i,j.length)});this.title=j.slice(0,i)},move:function move(amount){this.fire("move-item",{item:this,moveUp:0>amount})},moveUp:function moveUp(){this.move(-1)},moveDown:function moveDown(){this.move(1)},moveOut:function moveOut(){this.setIndent(-1)},moveIn:function moveIn(){this.setIndent(1)},setSelection:function setSelection(start,end){var s=start!==void 0?start:0,n=end!==void 0?end:s;try{this.$.input.querySelector("input").setSelectionRange(s,n)}catch(e){console.log(e)}this.focus()},_onChange:function _onChange(){this.fire("change-item",{item:this,value:this.title})},_onEsc:function _onEsc(){this.focus();this._focusout()},_onEnter:function _onEnter(){var i=this.$.input.shadowRoot.querySelector("#"+this.$.input._inputId).inputElement.selectionStart,j=this.title;this.fire("add-item",{item:this,value:j.slice(0,i),new:j.slice(i,j.length)});this.title=j.slice(0,i);this._focusout()},_onBackspace:function _onBackspace(e){if(this._getSelection().toString()==this.title){e.detail.keyboardEvent.preventDefault();this.fire("delete-item",{item:this})}else if(0==this.$.input.shadowRoot.querySelector("#"+this.$.input._inputId).inputElement.selectionStart){this.fire("indent-item",{item:this,increase:!1})}},_getSelection:function _getSelection(){if(this.parentNode&&this.parentNode.parentNode&&this.parentNode.parentNode.getSelection){return this.parentNode.parentNode.getSelection()}return window.getSelection()},_onArrowUp:function _onArrowUp(){if(0==this.$.input.shadowRoot.querySelector("#"+this.$.input._inputId).inputElement.selectionStart){this.fire("focus-item",{item:this,moveUp:!0})}},_onArrowDown:function _onArrowDown(){if(this.$.input.shadowRoot.querySelector("#"+this.$.input._inputId).inputElement.selectionStart==this.title.length){this.fire("focus-item",{item:this,moveUp:!1})}},_onShiftTab:function _onShiftTab(){this.setIndent(-1)},_onTab:function _onTab(e){if(0==this.$.input.shadowRoot.querySelector("#"+this.$.input._inputId).inputElement.selectionStart){e.preventDefault();this.setIndent(1)}},_onShiftArrowUp:function _onShiftArrowUp(){this.move(-1)},_onShiftArrowDown:function _onShiftArrowDown(){this.move(1)}})});
\ No newline at end of file
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 bb07af55a31..62dbb5a92d1 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/async.js","../../@polymer/paper-input/paper-input.js","../../@polymer/paper-dialog/paper-dialog.js","../simple-modal/simple-modal.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/paper-button/paper-button.js","./lib/lrnsys-outline-item.js"],function(_exports,_polymerLegacy,async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnsysOutline=void 0;async=babelHelpers.interopRequireWildcard(async);var _listeners,_Polymer;function _templateObject_81bfe0e054f411e9aeb367f92c5b63ab(){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    <paper-icon-button\n      title=\"Keyboard directions\"\n      id=\"dialogtrigger\"\n      icon=\"icons:help\"\n      on-tap=\"openDirections\"\n    ></paper-icon-button>\n    <paper-dialog id=\"modal\" with-backdrop=\"\">\n      <h2>Keyboard shortcuts</h2>\n      <div>\n        <paper-icon-button\n          title=\"close directions\"\n          style=\"position: absolute;top: 0; right:0;\"\n          icon=\"icons:cancel\"\n          on-tap=\"closeDirections\"\n        ></paper-icon-button>\n        <ul>\n          <li><kbd>Enter</kbd> to <strong>add</strong> an item</li>\n          <li>\n            <kbd>Backspace</kbd> <em>with entire item selected</em> to\n            <strong>delete</strong> an item.\n          </li>\n          <li>\n            <kbd>\u2191</kbd> / <kbd>\u2193</kbd> / <kbd>\u2190</kbd> / <kbd>\u2192</kbd> to\n            <strong>navigate</strong> through items\n          </li>\n          <li>\n            <kbd>Tab</kbd> / <kbd>Shift+Tab</kbd>\n            <em>at the beginning of a line</em> to\n            <strong>indent/outdent</strong>\n          </li>\n          <li><kbd>Shift+\u2191</kbd> / <kbd>Shift+\u2193</kbd> to items up/down</li>\n        </ul>\n      </div>\n    </paper-dialog>\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_81bfe0e054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnsysOutline=(0,_polymerLegacy.Polymer)((_Polymer={_template:(0,_polymerLegacy.html)(_templateObject_81bfe0e054f411e9aeb367f92c5b63ab()),is:"lrnsys-outline",listeners:(_listeners={"delete-item":"_handleRemoveItem","indent-item":"_handleIndentItem","focus-item":"_handleFocusItem","add-item":"_handleAddItem","move-item":"_handleMoveItem","change-item":"_handleChangeItem"},babelHelpers.defineProperty(_listeners,"focus-item","_handleFocusItem"),babelHelpers.defineProperty(_listeners,"blur-item","_handleBlurItem"),_listeners),properties:{data:{type:Array,value:null},items:{type:Array,value:null,notify:!0},activeItem:{type:Object,notify:!0}},openDirections:function openDirections(){this.$.modal.opened=!0},closeDirections:function closeDirections(){var _this=this;this.$.modal.opened=!1;async.microTask.run(function(){setTimeout(function(){_this.$.dialogtrigger.focus()},50)})},attached:function attached(){window.SimpleModal.requestAvailability();this.__modal=this.$.modal;document.body.addEventListener("iron-overlay-canceled",this._accessibleFocus.bind(this));document.body.appendChild(this.$.modal)},_accessibleFocus:function _accessibleFocus(e){var _this2=this;if(e.detail===this.__modal){async.microTask.run(function(){setTimeout(function(){_this2.$.dialogtrigger.focus()},50)})}},ready:function ready(){if(null===this.data||1>this.data.length){this.__tempid=this.__tempid===void 0?0:this.__tempid+1;this.data=[{id:"outline-item-"+this.__tempid,title:"",order:0,parent:null}]}this.setData(this.data)},setData:function setData(data){if(data!==void 0&&0<data.length){var prevIndent=-1;for(var i in data){var indent=parseInt(this._getIndent(data,i));this.__tempid=this.__tempid===void 0?0:this.__tempid+1;data[i].index=parseInt(i);data[i].indent=indent;data[i].prevSibling=this._getSibling(parseInt(i),indent,!0);data[i].nextSibling=this._getSibling(parseInt(i),indent,!1);data[i].disableUp=null===data[i].prevSibling;data[i].disableDown=null===data[i].nextSibling;data[i].disableLeft=0===indent;data[i].disableRight=indent>prevIndent;data[i].id=data[i].id===void 0?"outline-item-"+this.__tempid:data[i].id;prevIndent=indent}}this.set("items",[]);this.set("items",data)},getData:function getData(){for(var i in this.items){this.items[i].order=this._getOrder(this.items[i]);this.notifyPath("items.".concat(i,".order"))}return this.items},addItem:function addItem(detail){var _this3=this,item=detail.item,title=detail.new,spliceIndex=this.items.findIndex(function(j){return j.id===item.id})+1;this.__tempid=this.__tempid+1;this.splice("items",spliceIndex,0,{id:"outline-item-"+this.__tempid,title:title,indent:item.indent,parent:item.parent});this.items[spliceIndex].indentLevel=item.indent;this.notifyPath("items.".concat(spliceIndex,".indentLevel"));this.setData(this.items);if(this.__focusedItem!==void 0&&null!==this.__focusedItem){async.microTask.run(function(){setTimeout(function(){_this3.__focusedItem=item.nextElementSibling;_this3.__focusedItem.focus()},50)})}},removeItem:function removeItem(item){var i=this.items.findIndex(function(j){return j.id===item.id}),b=document.createElement("paper-button");b.raised=!0;b.addEventListener("click",this._deleteItemConfirm.bind(this));b.appendChild(document.createTextNode("Yes, delete"));var evt=new CustomEvent("simple-modal-show",{bubbles:!0,cancelable:!0,detail:{title:"Do you really want to delete ".concat(this.items[i].title,"?"),elements:{buttons:b},invokedBy:item.$.delete,clone:!1}});this.dispatchEvent(evt)},_deleteItemConfirm:function _deleteItemConfirm(){var _this4=this,i=this.items.findIndex(function(j){return j.id===_this4.activeItem.id});this.activeItem.classList.add("collapse-to-remove");var evt=new CustomEvent("simple-modal-hide",{bubbles:!0,cancelable:!0,detail:{}});this.dispatchEvent(evt);setTimeout(function(){_this4.__focusedItem=_this4.activeItem.previousElementSibling;for(var k in _this4.items){if(_this4.items[k].parent==_this4.items[i].id){_this4.items[k].parent=_this4.items[i].parent}}_this4.activeItem.classList.remove("collapse-to-remove");_this4.splice("items",i,1);if(_this4.__focusedItem!==void 0&&null!==_this4.__focusedItem){async.microTask.run(function(){setTimeout(function(){_this4.__focusedItem.focus()},50)})}},300)},moveItem:function moveItem(item,moveUp){var _this5=this,sourceStart=item.index,sourceEnd=this._getLastChild(item),sourceCount=sourceEnd-sourceStart+1,target=moveUp?this.items[sourceStart].prevSibling:this._getLastChild(this.items[sourceEnd+1])-sourceCount+1;if(-1<target&&target<this.items.length){if(moveUp&&!item.disableUp||!moveUp&&!item.disableDown){var item2=this.splice("items",sourceStart,sourceCount);this.splice("items",target,0,item2);this.__focusedItem=this.$.itemslist.querySelectorAll("lrnsys-outline-item")[target];this.setData(this.items);if(this.__focusedItem!==void 0&&null!==this.__focusedItem){async.microTask.run(function(){setTimeout(function(){_this5.__focusedItem.focus()},50)})}}}},_adjustIndent:function _adjustIndent(item,amount){if(0<amount&&!item.disableRight||0>amount&&!item.disableLeft){var i=parseInt(item.index),oldIndent=item.indent,indent=item.indent+amount,n=i+1,prevParent=null!==item.prevSibling&&babelHelpers.typeof(item.prevSibling)!=="undefined"?item.prevSibling.id:null,grandParent=this._getItemById(item.parent)&&this._getItemById(item.parent).parent?this._getItemById(item.parent).parent.id:null;item.indent=indent;item.parent=0<amount?prevParent:grandParent;item.prevSibling=this._getSibling(i,indent,!0);item.nextSibling=this._getSibling(i,indent,!1);item.disableUp=null===item.prevSibling;item.disableDown=null===item.nextSibling;item.disableLeft=0===indent;item.disableRight=null===this.items[i-1]||babelHelpers.typeof(this.items[i-1])==="undefined"||indent>this.items[i-1].indentLevel;this.set("items.".concat(i),item);this.notifyPath("items.".concat(i,".*"));while(null!==this.items[n]&&this.items[n]!==void 0&&oldIndent<this.items[n].indentLevel){this.items[n].indentLevel=this.items[n].indentLevel+amount;this.notifyPath("items.".concat(n,".indentLevel"));n++;next=this.items[n]}}},_getLastChild:function _getLastChild(item){var next=item!==void 0&&null!==item?this._getSibling(item.index,item.indent,!1):null;if(null!==next&&next!==void 0){return next-1}else if(babelHelpers.typeof(item)!=="undefined"&&null!==item.parent&&null!==item.parent&&null!==this._getItemById(item.parent)){return this._getLastChild(this._getItemById(item.parent))}else{return this.items.length-1}},_getIndent:function _getIndent(data,i){if(babelHelpers.typeof(data[i].parent)!=="undefined"){var k=data.findIndex(function(j){return j.id===data[i].parent});if(-1!==k&&babelHelpers.typeof(data[k])!=="undefined"&&data[k].indent!==void 0){return data[k].indent+1}}return 0},_getOrder:function _getOrder(item){var ctr=0,order=0;for(var i in this.items){if(this.items[i].parent==item.parent&&this.items[i].id==item.id){order=ctr}else if(this.items[i].parent==item.parent){ctr++}}return order},_getSibling:function _getSibling(index,indent,prev){var inc=prev?-1:1,i=index+inc,sib=null;if(null!==this.items){while(i<this.items.length&&-1<i){if(null===sib&&babelHelpers.typeof(this.items[i])!=="undefined"&&babelHelpers.typeof(this.items[index])!=="undefined"&&this.items[i].parent===this.items[index].parent){sib=i}i+=inc}}return sib},_getItemById:function _getItemById(id,offset){var i=this.items.findIndex(function(j){return j.id===id});offset=offset===void 0?0:offset;if(this.items[i+offset]!==void 0){return this.items[i+offset]}else{return null}},_handleAddItem:function _handleAddItem(e){this.addItem(e.detail)},_handleRemoveItem:function _handleRemoveItem(e){this.activeItem=e.detail.item;this.removeItem(e.detail.item)},_handleMoveItem:function _handleMoveItem(e){this.activeItem=e.detail.item;this.moveItem(e.detail.item,e.detail.moveUp,e.detail.byGroup)},_handleFocusItem:function _handleFocusItem(e){var item=e.detail.moveUp?e.detail.item.previousElementSibling:e.detail.item.nextElementSibling;item.setSelection()},_handleIndentItem:function _handleIndentItem(e){var amt=e.detail.increase?1:-1;this._adjustIndent(this._getItemById(e.detail.item.id),amt);this.setData(this.items)},_handleChangeItem:function _handleChangeItem(e){if(null!=this._getItemById(e.detail.item.id)){var i=this.items.findIndex(function(j){return j.id===e.detail.item.id});if(babelHelpers.typeof(this.items[i])!=="undefined"){this.items[i].title=e.detail.value;this.notifyPath("items.".concat(i,".title"))}}}},babelHelpers.defineProperty(_Polymer,"_handleFocusItem",function _handleFocusItem(e){this.__focusedItem=e.srcElement}),babelHelpers.defineProperty(_Polymer,"_handleBlurItem",function _handleBlurItem(){}),_Polymer));_exports.LrnsysOutline=LrnsysOutline});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/async.js","../../@polymer/paper-input/paper-input.js","../../@polymer/paper-dialog/paper-dialog.js","../simple-modal/simple-modal.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/paper-button/paper-button.js","./lib/lrnsys-outline-item.js"],function(_exports,_polymerLegacy,async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnsysOutline=void 0;async=babelHelpers.interopRequireWildcard(async);var _listeners,_Polymer;function _templateObject_1ad581b0555211e98f439769bd191e33(){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    <paper-icon-button\n      title=\"Keyboard directions\"\n      id=\"dialogtrigger\"\n      icon=\"icons:help\"\n      on-tap=\"openDirections\"\n    ></paper-icon-button>\n    <paper-dialog id=\"modal\" with-backdrop=\"\">\n      <h2>Keyboard shortcuts</h2>\n      <div>\n        <paper-icon-button\n          title=\"close directions\"\n          style=\"position: absolute;top: 0; right:0;\"\n          icon=\"icons:cancel\"\n          on-tap=\"closeDirections\"\n        ></paper-icon-button>\n        <ul>\n          <li><kbd>Enter</kbd> to <strong>add</strong> an item</li>\n          <li>\n            <kbd>Backspace</kbd> <em>with entire item selected</em> to\n            <strong>delete</strong> an item.\n          </li>\n          <li>\n            <kbd>\u2191</kbd> / <kbd>\u2193</kbd> / <kbd>\u2190</kbd> / <kbd>\u2192</kbd> to\n            <strong>navigate</strong> through items\n          </li>\n          <li>\n            <kbd>Tab</kbd> / <kbd>Shift+Tab</kbd>\n            <em>at the beginning of a line</em> to\n            <strong>indent/outdent</strong>\n          </li>\n          <li><kbd>Shift+\u2191</kbd> / <kbd>Shift+\u2193</kbd> to items up/down</li>\n        </ul>\n      </div>\n    </paper-dialog>\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_1ad581b0555211e98f439769bd191e33=function(){return data};return data}var LrnsysOutline=(0,_polymerLegacy.Polymer)((_Polymer={_template:(0,_polymerLegacy.html)(_templateObject_1ad581b0555211e98f439769bd191e33()),is:"lrnsys-outline",listeners:(_listeners={"delete-item":"_handleRemoveItem","indent-item":"_handleIndentItem","focus-item":"_handleFocusItem","add-item":"_handleAddItem","move-item":"_handleMoveItem","change-item":"_handleChangeItem"},babelHelpers.defineProperty(_listeners,"focus-item","_handleFocusItem"),babelHelpers.defineProperty(_listeners,"blur-item","_handleBlurItem"),_listeners),properties:{data:{type:Array,value:null},items:{type:Array,value:null,notify:!0},activeItem:{type:Object,notify:!0}},openDirections:function openDirections(){this.$.modal.opened=!0},closeDirections:function closeDirections(){var _this=this;this.$.modal.opened=!1;async.microTask.run(function(){setTimeout(function(){_this.$.dialogtrigger.focus()},50)})},attached:function attached(){window.SimpleModal.requestAvailability();this.__modal=this.$.modal;document.body.addEventListener("iron-overlay-canceled",this._accessibleFocus.bind(this));document.body.appendChild(this.$.modal)},_accessibleFocus:function _accessibleFocus(e){var _this2=this;if(e.detail===this.__modal){async.microTask.run(function(){setTimeout(function(){_this2.$.dialogtrigger.focus()},50)})}},ready:function ready(){if(null===this.data||1>this.data.length){this.__tempid=this.__tempid===void 0?0:this.__tempid+1;this.data=[{id:"outline-item-"+this.__tempid,title:"",order:0,parent:null}]}this.setData(this.data)},setData:function setData(data){if(data!==void 0&&0<data.length){var prevIndent=-1;for(var i in data){var indent=parseInt(this._getIndent(data,i));this.__tempid=this.__tempid===void 0?0:this.__tempid+1;data[i].index=parseInt(i);data[i].indent=indent;data[i].prevSibling=this._getSibling(parseInt(i),indent,!0);data[i].nextSibling=this._getSibling(parseInt(i),indent,!1);data[i].disableUp=null===data[i].prevSibling;data[i].disableDown=null===data[i].nextSibling;data[i].disableLeft=0===indent;data[i].disableRight=indent>prevIndent;data[i].id=data[i].id===void 0?"outline-item-"+this.__tempid:data[i].id;prevIndent=indent}}this.set("items",[]);this.set("items",data)},getData:function getData(){for(var i in this.items){this.items[i].order=this._getOrder(this.items[i]);this.notifyPath("items.".concat(i,".order"))}return this.items},addItem:function addItem(detail){var _this3=this,item=detail.item,title=detail.new,spliceIndex=this.items.findIndex(function(j){return j.id===item.id})+1;this.__tempid=this.__tempid+1;this.splice("items",spliceIndex,0,{id:"outline-item-"+this.__tempid,title:title,indent:item.indent,parent:item.parent});this.items[spliceIndex].indentLevel=item.indent;this.notifyPath("items.".concat(spliceIndex,".indentLevel"));this.setData(this.items);if(this.__focusedItem!==void 0&&null!==this.__focusedItem){async.microTask.run(function(){setTimeout(function(){_this3.__focusedItem=item.nextElementSibling;_this3.__focusedItem.focus()},50)})}},removeItem:function removeItem(item){var i=this.items.findIndex(function(j){return j.id===item.id}),b=document.createElement("paper-button");b.raised=!0;b.addEventListener("click",this._deleteItemConfirm.bind(this));b.appendChild(document.createTextNode("Yes, delete"));var evt=new CustomEvent("simple-modal-show",{bubbles:!0,cancelable:!0,detail:{title:"Do you really want to delete ".concat(this.items[i].title,"?"),elements:{buttons:b},invokedBy:item.$.delete,clone:!1}});this.dispatchEvent(evt)},_deleteItemConfirm:function _deleteItemConfirm(){var _this4=this,i=this.items.findIndex(function(j){return j.id===_this4.activeItem.id});this.activeItem.classList.add("collapse-to-remove");var evt=new CustomEvent("simple-modal-hide",{bubbles:!0,cancelable:!0,detail:{}});this.dispatchEvent(evt);setTimeout(function(){_this4.__focusedItem=_this4.activeItem.previousElementSibling;for(var k in _this4.items){if(_this4.items[k].parent==_this4.items[i].id){_this4.items[k].parent=_this4.items[i].parent}}_this4.activeItem.classList.remove("collapse-to-remove");_this4.splice("items",i,1);if(_this4.__focusedItem!==void 0&&null!==_this4.__focusedItem){async.microTask.run(function(){setTimeout(function(){_this4.__focusedItem.focus()},50)})}},300)},moveItem:function moveItem(item,moveUp){var _this5=this,sourceStart=item.index,sourceEnd=this._getLastChild(item),sourceCount=sourceEnd-sourceStart+1,target=moveUp?this.items[sourceStart].prevSibling:this._getLastChild(this.items[sourceEnd+1])-sourceCount+1;if(-1<target&&target<this.items.length){if(moveUp&&!item.disableUp||!moveUp&&!item.disableDown){var item2=this.splice("items",sourceStart,sourceCount);this.splice("items",target,0,item2);this.__focusedItem=this.$.itemslist.querySelectorAll("lrnsys-outline-item")[target];this.setData(this.items);if(this.__focusedItem!==void 0&&null!==this.__focusedItem){async.microTask.run(function(){setTimeout(function(){_this5.__focusedItem.focus()},50)})}}}},_adjustIndent:function _adjustIndent(item,amount){if(0<amount&&!item.disableRight||0>amount&&!item.disableLeft){var i=parseInt(item.index),oldIndent=item.indent,indent=item.indent+amount,n=i+1,prevParent=null!==item.prevSibling&&babelHelpers.typeof(item.prevSibling)!=="undefined"?item.prevSibling.id:null,grandParent=this._getItemById(item.parent)&&this._getItemById(item.parent).parent?this._getItemById(item.parent).parent.id:null;item.indent=indent;item.parent=0<amount?prevParent:grandParent;item.prevSibling=this._getSibling(i,indent,!0);item.nextSibling=this._getSibling(i,indent,!1);item.disableUp=null===item.prevSibling;item.disableDown=null===item.nextSibling;item.disableLeft=0===indent;item.disableRight=null===this.items[i-1]||babelHelpers.typeof(this.items[i-1])==="undefined"||indent>this.items[i-1].indentLevel;this.set("items.".concat(i),item);this.notifyPath("items.".concat(i,".*"));while(null!==this.items[n]&&this.items[n]!==void 0&&oldIndent<this.items[n].indentLevel){this.items[n].indentLevel=this.items[n].indentLevel+amount;this.notifyPath("items.".concat(n,".indentLevel"));n++;next=this.items[n]}}},_getLastChild:function _getLastChild(item){var next=item!==void 0&&null!==item?this._getSibling(item.index,item.indent,!1):null;if(null!==next&&next!==void 0){return next-1}else if(babelHelpers.typeof(item)!=="undefined"&&null!==item.parent&&null!==item.parent&&null!==this._getItemById(item.parent)){return this._getLastChild(this._getItemById(item.parent))}else{return this.items.length-1}},_getIndent:function _getIndent(data,i){if(babelHelpers.typeof(data[i].parent)!=="undefined"){var k=data.findIndex(function(j){return j.id===data[i].parent});if(-1!==k&&babelHelpers.typeof(data[k])!=="undefined"&&data[k].indent!==void 0){return data[k].indent+1}}return 0},_getOrder:function _getOrder(item){var ctr=0,order=0;for(var i in this.items){if(this.items[i].parent==item.parent&&this.items[i].id==item.id){order=ctr}else if(this.items[i].parent==item.parent){ctr++}}return order},_getSibling:function _getSibling(index,indent,prev){var inc=prev?-1:1,i=index+inc,sib=null;if(null!==this.items){while(i<this.items.length&&-1<i){if(null===sib&&babelHelpers.typeof(this.items[i])!=="undefined"&&babelHelpers.typeof(this.items[index])!=="undefined"&&this.items[i].parent===this.items[index].parent){sib=i}i+=inc}}return sib},_getItemById:function _getItemById(id,offset){var i=this.items.findIndex(function(j){return j.id===id});offset=offset===void 0?0:offset;if(this.items[i+offset]!==void 0){return this.items[i+offset]}else{return null}},_handleAddItem:function _handleAddItem(e){this.addItem(e.detail)},_handleRemoveItem:function _handleRemoveItem(e){this.activeItem=e.detail.item;this.removeItem(e.detail.item)},_handleMoveItem:function _handleMoveItem(e){this.activeItem=e.detail.item;this.moveItem(e.detail.item,e.detail.moveUp,e.detail.byGroup)},_handleFocusItem:function _handleFocusItem(e){var item=e.detail.moveUp?e.detail.item.previousElementSibling:e.detail.item.nextElementSibling;item.setSelection()},_handleIndentItem:function _handleIndentItem(e){var amt=e.detail.increase?1:-1;this._adjustIndent(this._getItemById(e.detail.item.id),amt);this.setData(this.items)},_handleChangeItem:function _handleChangeItem(e){if(null!=this._getItemById(e.detail.item.id)){var i=this.items.findIndex(function(j){return j.id===e.detail.item.id});if(babelHelpers.typeof(this.items[i])!=="undefined"){this.items[i].title=e.detail.value;this.notifyPath("items.".concat(i,".title"))}}}},babelHelpers.defineProperty(_Polymer,"_handleFocusItem",function _handleFocusItem(e){this.__focusedItem=e.srcElement}),babelHelpers.defineProperty(_Polymer,"_handleBlurItem",function _handleBlurItem(){}),_Polymer));_exports.LrnsysOutline=LrnsysOutline});
\ No newline at end of file
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 0b99ac05cc5..05d9ff7c8d5 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../pdf-browser-viewer/pdf-browser-viewer.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnsysPdf=void 0;function _templateObject_9171366054f411e9aeb367f92c5b63ab(){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_9171366054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnsysPdf=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9171366054f411e9aeb367f92c5b63ab()),is:"lrnsys-pdf",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{title:{type:String,value:"lrnsys-pdf"},card:{type:Boolean,value:!1},downloadLabel:{type:String,computed:"_computeDownloadLabel(download)"},page:{type:String},file:{type:String}},_computeDownloadLabel:function _computeDownloadLabel(download){if(download){return"Download"}else{return null}}});_exports.LrnsysPdf=LrnsysPdf});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../pdf-browser-viewer/pdf-browser-viewer.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnsysPdf=void 0;function _templateObject_1af4c980555211e98f439769bd191e33(){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_1af4c980555211e98f439769bd191e33=function(){return data};return data}var LrnsysPdf=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1af4c980555211e98f439769bd191e33()),is:"lrnsys-pdf",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{title:{type:String,value:"lrnsys-pdf"},card:{type:Boolean,value:!1},downloadLabel:{type:String,computed:"_computeDownloadLabel(download)"},page:{type:String},file:{type:String}},_computeDownloadLabel:function _computeDownloadLabel(download){if(download){return"Download"}else{return null}}});_exports.LrnsysPdf=LrnsysPdf});
\ No newline at end of file
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 8abd291b07c..b824f711f07 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
@@ -1 +1 @@
-define(["meta","../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/utils/resolve-url.js","../../circle-progress/circle-progress.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/paper-styles/paper-styles.js","../../../@polymer/paper-spinner/paper-spinner.js","../../../@polymer/neon-animation/neon-animation.js","../../../@polymer/iron-icons/iron-icons.js"],function(meta,_polymerLegacy,_resolveUrl){"use strict";meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_9e4e0f2054f411e9aeb367f92c5b63ab(){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 var(--lrnsys-progress-circle-transition, 0.5s)\n              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, 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_9e4e0f2054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9e4e0f2054f411e9aeb367f92c5b63ab()),is:"lrnsys-progress-circle",listeners:{tap:"tapEventOn",mouseover:"focusOn",mouseout:"focusOff","focused-changed":"focusEvent"},properties:{value:{type:Number,value:0,notify:!0,reflectToAttribute:!0,observer:"_testValueComplete"},toolTip:{type:Boolean,value:!0,reflectToAttribute:!0},listView:{type:Boolean,value:!0,reflectToAttribute:!0},icon:{type:String,value:"icons:description",reflectToAttribute:!0},iconComplete:{type:String,value:"icons:description",reflectToAttribute:!0},loadingIcon:{type:String,value:"hourglass-full",reflectToAttribute:!0},finishedIcon:{type:String,value:"thumb-up",reflectToAttribute:!0},activeIcon:{type:String,notify:!0,computed:"_getActiveIcon(icon, iconComplete, status)"},step:{type:Number,value:0,reflectToAttribute:!0},active:{type:Boolean,value:!1,reflectToAttribute:!0,notify:!0},status:{type:String,value:"available",reflectToAttribute:!0,notify:!0,observer:"_statusChange"},disabled:{type:Boolean,computed:"_disableStatus(status)"},loading:{type:Boolean,computed:"_loadingStatus(status)"},finished:{type:Boolean,computed:"_finishedStatus(status)"},max:{type:String,reflectToAttribute:!0},__chimed:{type:Boolean,value:!1},__finishchimed:{type:Boolean,value:!1},url:{type:String,value:"#",reflectToAttribute:!0},dataUrl:{type:String,value:!1,reflectToAttribute:!0},strokeWidth:{type:Number,value:4},focusState:{type:Boolean,value:!1},playSound:{type:Boolean,value:!1,reflectToAttribute:!0},playFinishSound:{type:Boolean,value:!1,reflectToAttribute:!0},completeSound:{type:String,value:(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url))+"assets/complete.mp3",reflectToAttribute:!0},finishedSound:{type:String,value:(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url))+"assets/finished.mp3",reflectToAttribute:!0},_bubbleProgress:{type:Object,value:{25:!1,50:!1,75:!1}}},ready:function ready(){this._bubbleProgress={25:!1,50:!1,75:!1}},_testValueComplete:function _testValueComplete(newValue){if(newValue>=this.max&&"available"==this.status){this.status="complete"}else if(.75<=newValue/this.max&&!this._bubbleProgress[75]){this.fire("node-percent-milestone",{percentage:75});this._bubbleProgress[75]=!0}else if(.5<=newValue/this.max&&!this._bubbleProgress[50]){this.fire("node-percent-milestone",{percentage:50});this._bubbleProgress[50]=!0}else if(.25<=newValue/this.max&&!this._bubbleProgress[25]){this.fire("node-percent-milestone",{percentage:25});this._bubbleProgress[25]=!0}},focusEvent:function focusEvent(){if(!this.disabled&&"loading"!=this.status){if(this.focusState){this.$.icon.icon=this.icon;this.$.icon.classList.add("activeIcon")}else{if("complete"==this.status||"finished"==this.status){this.$.icon.icon=this.activeIcon}this.$.icon.classList.remove("activeIcon")}this.focusState=!this.focusState}},focusOn:function focusOn(){if(!this.disabled&&"loading"!=this.status){this.$.icon.icon=this.icon;this.$.icon.classList.add("activeIcon")}},focusOff:function focusOff(){if(!this.disabled&&"loading"!=this.status){if("complete"==this.status||"finished"==this.status){this.$.icon.icon=this.activeIcon}this.$.icon.classList.remove("activeIcon")}},tapEventOn:function tapEventOn(e){var target=e.target;this.fire("node-is-active",{target:target})},_getActiveIcon:function _getActiveIcon(icon,iconComplete,status){if(babelHelpers.typeof(icon)!=="undefined"){var tmp=icon;if("loading"==status){tmp=this.loadingIcon;this.$.icon.classList.add("transition")}else if("finished"==status){tmp=this.finishedIcon}else if("complete"==status&&babelHelpers.typeof(iconComplete)!=="undefined"){if(this.playSound&&!this.__chimed){this._playSound()}tmp=iconComplete}else{this.$.icon.classList.remove("transition")}return tmp}return!1},_playSound:function _playSound(){if("complete"==this.status){window.audio=new Audio(this.completeSound);this.__chimed=!0}else if("finished"==this.status){window.audio=new Audio(this.finishedSound);this.__finishchimed=!0}else{window.audio=new Audio}window.audio.play()},_loadingStatus:function _loadingStatus(status){if("loading"==status){return!0}return!1},_finishedStatus:function _finishedStatus(status){if("finished"==status){if(this.playFinishSound&&!this.__finishchimed){this._playSound()}return!0}return!1},_statusChange:function _statusChange(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"&&newValue!==oldValue){this.fire("node-status-change",{status:newValue})}},_disableStatus:function _disableStatus(status){if("disabled"==status){return!0}return!1}})});
\ No newline at end of file
+define(["meta","../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/utils/resolve-url.js","../../circle-progress/circle-progress.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/paper-styles/paper-styles.js","../../../@polymer/paper-spinner/paper-spinner.js","../../../@polymer/neon-animation/neon-animation.js","../../../@polymer/iron-icons/iron-icons.js"],function(meta,_polymerLegacy,_resolveUrl){"use strict";meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_327b2040555211e98f439769bd191e33(){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 var(--lrnsys-progress-circle-transition, 0.5s)\n              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, 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_327b2040555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_327b2040555211e98f439769bd191e33()),is:"lrnsys-progress-circle",listeners:{tap:"tapEventOn",mouseover:"focusOn",mouseout:"focusOff","focused-changed":"focusEvent"},properties:{value:{type:Number,value:0,notify:!0,reflectToAttribute:!0,observer:"_testValueComplete"},toolTip:{type:Boolean,value:!0,reflectToAttribute:!0},listView:{type:Boolean,value:!0,reflectToAttribute:!0},icon:{type:String,value:"icons:description",reflectToAttribute:!0},iconComplete:{type:String,value:"icons:description",reflectToAttribute:!0},loadingIcon:{type:String,value:"hourglass-full",reflectToAttribute:!0},finishedIcon:{type:String,value:"thumb-up",reflectToAttribute:!0},activeIcon:{type:String,notify:!0,computed:"_getActiveIcon(icon, iconComplete, status)"},step:{type:Number,value:0,reflectToAttribute:!0},active:{type:Boolean,value:!1,reflectToAttribute:!0,notify:!0},status:{type:String,value:"available",reflectToAttribute:!0,notify:!0,observer:"_statusChange"},disabled:{type:Boolean,computed:"_disableStatus(status)"},loading:{type:Boolean,computed:"_loadingStatus(status)"},finished:{type:Boolean,computed:"_finishedStatus(status)"},max:{type:String,reflectToAttribute:!0},__chimed:{type:Boolean,value:!1},__finishchimed:{type:Boolean,value:!1},url:{type:String,value:"#",reflectToAttribute:!0},dataUrl:{type:String,value:!1,reflectToAttribute:!0},strokeWidth:{type:Number,value:4},focusState:{type:Boolean,value:!1},playSound:{type:Boolean,value:!1,reflectToAttribute:!0},playFinishSound:{type:Boolean,value:!1,reflectToAttribute:!0},completeSound:{type:String,value:(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url))+"assets/complete.mp3",reflectToAttribute:!0},finishedSound:{type:String,value:(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url))+"assets/finished.mp3",reflectToAttribute:!0},_bubbleProgress:{type:Object,value:{25:!1,50:!1,75:!1}}},ready:function ready(){this._bubbleProgress={25:!1,50:!1,75:!1}},_testValueComplete:function _testValueComplete(newValue){if(newValue>=this.max&&"available"==this.status){this.status="complete"}else if(.75<=newValue/this.max&&!this._bubbleProgress[75]){this.fire("node-percent-milestone",{percentage:75});this._bubbleProgress[75]=!0}else if(.5<=newValue/this.max&&!this._bubbleProgress[50]){this.fire("node-percent-milestone",{percentage:50});this._bubbleProgress[50]=!0}else if(.25<=newValue/this.max&&!this._bubbleProgress[25]){this.fire("node-percent-milestone",{percentage:25});this._bubbleProgress[25]=!0}},focusEvent:function focusEvent(){if(!this.disabled&&"loading"!=this.status){if(this.focusState){this.$.icon.icon=this.icon;this.$.icon.classList.add("activeIcon")}else{if("complete"==this.status||"finished"==this.status){this.$.icon.icon=this.activeIcon}this.$.icon.classList.remove("activeIcon")}this.focusState=!this.focusState}},focusOn:function focusOn(){if(!this.disabled&&"loading"!=this.status){this.$.icon.icon=this.icon;this.$.icon.classList.add("activeIcon")}},focusOff:function focusOff(){if(!this.disabled&&"loading"!=this.status){if("complete"==this.status||"finished"==this.status){this.$.icon.icon=this.activeIcon}this.$.icon.classList.remove("activeIcon")}},tapEventOn:function tapEventOn(e){var target=e.target;this.fire("node-is-active",{target:target})},_getActiveIcon:function _getActiveIcon(icon,iconComplete,status){if(babelHelpers.typeof(icon)!=="undefined"){var tmp=icon;if("loading"==status){tmp=this.loadingIcon;this.$.icon.classList.add("transition")}else if("finished"==status){tmp=this.finishedIcon}else if("complete"==status&&babelHelpers.typeof(iconComplete)!=="undefined"){if(this.playSound&&!this.__chimed){this._playSound()}tmp=iconComplete}else{this.$.icon.classList.remove("transition")}return tmp}return!1},_playSound:function _playSound(){if("complete"==this.status){window.audio=new Audio(this.completeSound);this.__chimed=!0}else if("finished"==this.status){window.audio=new Audio(this.finishedSound);this.__finishchimed=!0}else{window.audio=new Audio}window.audio.play()},_loadingStatus:function _loadingStatus(status){if("loading"==status){return!0}return!1},_finishedStatus:function _finishedStatus(status){if("finished"==status){if(this.playFinishSound&&!this.__finishchimed){this._playSound()}return!0}return!1},_statusChange:function _statusChange(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"&&newValue!==oldValue){this.fire("node-status-change",{status:newValue})}},_disableStatus:function _disableStatus(status){if("disabled"==status){return!0}return!1}})});
\ No newline at end of file
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 c35db648e94..2a90ce3b2a1 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
@@ -1 +1 @@
-define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/resolve-url.js","../../@polymer/paper-progress/paper-progress.js","./lib/lrnsys-progress-circle.js"],function(_exports,meta,_polymerLegacy,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnsysProgress=void 0;meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_866fd46054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-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    </custom-style>\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    <custom-style>\n      <style is=\"custom-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    </custom-style>\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_866fd46054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnsysProgress=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_866fd46054f411e9aeb367f92c5b63ab()),is:"lrnsys-progress",listeners:{"node-is-active":"_bubbleUpChangeActive","node-status-change":"_statusChanged"},properties:{disableAjaxCalls:{type:Boolean,value:!1,reflectToAttribute:!0},items:{type:Array,value:[],notify:!0,observer:"_itemsChanged"},sound:{type:Boolean,value:!1,reflectToAttribute:!0},soundFinish:{type:Boolean,value:!1,reflectToAttribute:!0},completeSound:{type:String,value:(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url))+"lib/assets/complete.mp3",reflectToAttribute:!0},finishedSound:{type:String,value:(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url))+"lib/assets/finished.mp3",reflectToAttribute:!0},title:{type:String,value:"Steps to completion",reflectToAttribute:!0},keyItems:{type:Array,value:[],notify:!0},active:{type:Number,value:0,notify:!0,reflectToAttribute:!0,observer:"_activeChanged"},progressiveUnlock:{type:Boolean,value:!0,reflectToAttribute:!0,notify:!0},state:{type:String,value:null,reflectToAttribute:!0,observer:"_reportState"},overallPercentage:{type:Number,computed:"_overallPercentageCompute(items, active)",reflectToAttribute:!0},_responseList:{type:Array,value:[]},activeNodeResponse:{type:String,value:"",observer:"_activeResponseChanged"},manifest:{type:Object,value:{},notify:!0,observer:"_manifestChanged"},nodeDataError:{type:Object,value:[],observer:"_handleNodeError"},vertical:{type:Boolean,value:!1},size:{type:String,value:"medium",notify:!0,reflectToAttribute:!0},strokeWidth:{type:Number,computed:"_getStrokeWidth(size)"}},_getStrokeWidth:function _getStrokeWidth(size){var width=4;if("tiny"==size){width=3}else if("small"==size){width=4}else if("medium"==size){width=5}else if("large"==size){width=6}else if("x-large"==size){width=7}else if("epic"==size){width=8}return width},_reportState:function _reportState(newValue){if(null!=newValue&&0<this.items.length){this.fire("progress-state-change",{state:this.state,active:this.items[this.active]})}},_itemsChanged:function _itemsChanged(newValue,oldValue){var _this=this;if(babelHelpers.typeof(oldValue)!=="undefined"&&babelHelpers.typeof(newValue)!=="undefined"&&newValue.length!=oldValue.length&&babelHelpers.typeof(this._responseList[this.active])==="undefined"){newValue[this.active].metadata.status="loading";this.set("items."+this.active+".metadata.status","loading");this.notifyPath("items."+this.active+".metadata.status");if(babelHelpers.typeof(newValue[this.active].dataUrl)!=="undefined"&&!this.disableAjaxCalls){this.$.ajax.url=newValue[this.active].dataUrl;this.$.ajax.generateRequest()}else{setTimeout(function(){newValue[_this.active].metadata.status="available";_this.set("items."+_this.active+".metadata.status","available");_this.notifyPath("items."+_this.active+".metadata.status");_this._responseList[_this.active]={};_this.activeNodeResponse=_this._responseList[_this.active]},1200)}}},_isActive:function _isActive(index,active){return index===active},_activeResponseChanged:function _activeResponseChanged(value){this.fire("progress-response-loaded",{response:value})},_bubbleUpChangeActive:function _bubbleUpChangeActive(e){this.active=e.detail.target.step;this.fire("json-outline-schema-active-item-changed",this.items[this.active])},_manifestChanged:function _manifestChanged(newValue){if(newValue){this.set("items",newValue.items);this.notifyPath("items.*")}},_activeChanged:function _activeChanged(){var _this2=this;this.state="active item is "+this.active;this.items.forEach(function(element,index){if("disabled"==_this2.items[index].metadata.status){if(0!=index&&_this2.progressiveUnlock&&"complete"==_this2.items[index-1].metadata.status){_this2.items[index].metadata.status="loading";_this2.set("items."+index+".metadata.status","loading");_this2.notifyPath("items."+index+".metadata.status")}}else if(_this2.items[index].metadata.value>=_this2.items[index].metadata.max&&index==_this2.items.length-1){_this2.items[index].metadata.status="finished";_this2.set("items."+index+".metadata.status","finished");_this2.notifyPath("items."+index+".metadata.status")}else if(_this2.items[index].metadata.value>=_this2.items[index].metadata.max){_this2.items[index].metadata.status="complete";_this2.set("items."+index+".metadata.status","complete");_this2.notifyPath("items."+index+".metadata.status")}else if(index==_this2.active){if(babelHelpers.typeof(_this2._responseList[index])==="undefined"){_this2.items[index].metadata.status="loading";_this2.set("items."+index+".metadata.status","loading");_this2.notifyPath("items."+index+".metadata.status")}else{_this2.activeNodeResponse=_this2._responseList[index];_this2.items[index].metadata.status="available";_this2.set("items."+index+".metadata.status","available");_this2.notifyPath("items."+index+".metadata.status")}}else{_this2.items[index].metadata.status="available";_this2.set("items."+index+".metadata.status","available");_this2.notifyPath("items."+index+".metadata.status")}})},_statusChanged:function _statusChanged(e){var _this3=this;if("loading"==e.target.status){if(babelHelpers.typeof(this.items[this.active].metadata.dataUrl)!=="undefined"&&!this.disableAjaxCalls){this.$.ajax.url=this.items[this.active].metadata.dataUrl;this.$.ajax.generateRequest()}else{setTimeout(function(){_this3.items[_this3.active].metadata.status="available";_this3.set("items."+_this3.active+".metadata.status","available");_this3.notifyPath("items."+_this3.active+".metadata.status");_this3._responseList[_this3.active]={};_this3.activeNodeResponse=_this3._responseList[_this3.active]},1500)}}else if("complete"==e.target.status&&this.items.length===this.active+1){setTimeout(function(){_this3.items[_this3.active].metadata.status="finished";_this3.set("items."+_this3.active+".metadata.status","finished");_this3.notifyPath("items."+_this3.active+".metadata.status")},100)}},handleNodeResponse:function handleNodeResponse(e){var _this4=this,detail=e.detail;if(babelHelpers.typeof(detail.response)===babelHelpers.typeof(null)){setTimeout(function(){_this4.items[_this4.active].metadata.status="available";_this4.set("items."+_this4.active+".metadata.status","available");_this4.notifyPath("items."+_this4.active+".metadata.status");_this4._responseList[_this4.active]=detail.response;_this4.activeNodeResponse=_this4._responseList[_this4.active]},1500)}else{this.items[this.active].metadata.status="available";this.set("items."+this.active+".metadata.status","available");this.notifyPath("items."+this.active+".metadata.status");this._responseList[this.active]=detail.response;this.activeNodeResponse=this._responseList[this.active]}},_handleNodeError:function _handleNodeError(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"&&null!=newValue&&0!=newValue.length){this._responseList[this.active]=newValue;this.activeNodeResponse=this._responseList[this.active];this.items[this.active].metadata.status="available";this.set("items."+this.active+".metadata.status","available");this.notifyPath("items."+this.active+".metadata.status");this.fire("node-load-failed",{message:newValue,node:this.items[this.active]})}},_overallPercentageCompute:function _overallPercentageCompute(items,active){if(babelHelpers.typeof(items)!=="undefined"){this.$.progress.classList.add("transiting");return 100*(active/(items.length-1))}return 0},changePercentage:function changePercentage(percentage,mode){var newp=0;if("add"==mode){newp=this.items[this.active].metadata.value+percentage}else if("subtract"==mode){newp=this.items[this.active].metadata.value-percentage}else{newp=percentage}if(newp>=this.items[this.active].metadata.max){if(this.items.length==this.active+1){this.state="finished";this.items[this.active].metadata.status="finished";this.set("items."+this.active+".metadata.status","finished");this.notifyPath("items."+this.active+".metadata.status");this.items[this.active].metadata.value=this.items[this.active].metadata.max;this.set("items."+this.active+".metadata.value",this.items[this.active].metadata.max);this.notifyPath("items."+this.active+".metadata.value")}else{this.items[this.active].metadata.value=this.items[this.active].metadata.max;this.set("items."+this.active+".metadata.value",this.items[this.active].metadata.max);this.notifyPath("items."+this.active+".metadata.value")}if(this.items.length>this.active+1){if(this.progressiveUnlock&&"complete"==this.items[this.active].metadata.status&&"disabled"==this.items[this.active+1].metadata.status||babelHelpers.typeof(this._responseList[this.active+1])==="undefined"){this.items[this.active+1].metadata.status="loading";this.set("items."+(this.active+1)+".metadata.status","loading");this.notifyPath("items."+(this.active+1)+".metadata.status")}this.state="active item is "+(this.active+1);this.active=this.active+1}}else{this.items[this.active].metadata.value=newp;this.set("items."+this.active+".metadata.value",newp);this.notifyPath("items."+this.active+".metadata.value")}},updateItems:function updateItems(op,item){var response=!1;if("push"==op){this.push("items",item);response=!0}else if("pop"==op){response=this.pop("items")}else if("splice"==op){this.splice("items",this.items.length,0,item);response=!0}var active=this.active;this.set("active",0);this.set("active",active);this.notifyPath("active");return response}});_exports.LrnsysProgress=LrnsysProgress});
\ No newline at end of file
+define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/resolve-url.js","../../@polymer/paper-progress/paper-progress.js","./lib/lrnsys-progress-circle.js"],function(_exports,meta,_polymerLegacy,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnsysProgress=void 0;meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_1b3295d0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-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    </custom-style>\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    <custom-style>\n      <style is=\"custom-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    </custom-style>\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_1b3295d0555211e98f439769bd191e33=function(){return data};return data}var LrnsysProgress=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1b3295d0555211e98f439769bd191e33()),is:"lrnsys-progress",listeners:{"node-is-active":"_bubbleUpChangeActive","node-status-change":"_statusChanged"},properties:{disableAjaxCalls:{type:Boolean,value:!1,reflectToAttribute:!0},items:{type:Array,value:[],notify:!0,observer:"_itemsChanged"},sound:{type:Boolean,value:!1,reflectToAttribute:!0},soundFinish:{type:Boolean,value:!1,reflectToAttribute:!0},completeSound:{type:String,value:(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url))+"lib/assets/complete.mp3",reflectToAttribute:!0},finishedSound:{type:String,value:(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url))+"lib/assets/finished.mp3",reflectToAttribute:!0},title:{type:String,value:"Steps to completion",reflectToAttribute:!0},keyItems:{type:Array,value:[],notify:!0},active:{type:Number,value:0,notify:!0,reflectToAttribute:!0,observer:"_activeChanged"},progressiveUnlock:{type:Boolean,value:!0,reflectToAttribute:!0,notify:!0},state:{type:String,value:null,reflectToAttribute:!0,observer:"_reportState"},overallPercentage:{type:Number,computed:"_overallPercentageCompute(items, active)",reflectToAttribute:!0},_responseList:{type:Array,value:[]},activeNodeResponse:{type:String,value:"",observer:"_activeResponseChanged"},manifest:{type:Object,value:{},notify:!0,observer:"_manifestChanged"},nodeDataError:{type:Object,value:[],observer:"_handleNodeError"},vertical:{type:Boolean,value:!1},size:{type:String,value:"medium",notify:!0,reflectToAttribute:!0},strokeWidth:{type:Number,computed:"_getStrokeWidth(size)"}},_getStrokeWidth:function _getStrokeWidth(size){var width=4;if("tiny"==size){width=3}else if("small"==size){width=4}else if("medium"==size){width=5}else if("large"==size){width=6}else if("x-large"==size){width=7}else if("epic"==size){width=8}return width},_reportState:function _reportState(newValue){if(null!=newValue&&0<this.items.length){this.fire("progress-state-change",{state:this.state,active:this.items[this.active]})}},_itemsChanged:function _itemsChanged(newValue,oldValue){var _this=this;if(babelHelpers.typeof(oldValue)!=="undefined"&&babelHelpers.typeof(newValue)!=="undefined"&&newValue.length!=oldValue.length&&babelHelpers.typeof(this._responseList[this.active])==="undefined"){newValue[this.active].metadata.status="loading";this.set("items."+this.active+".metadata.status","loading");this.notifyPath("items."+this.active+".metadata.status");if(babelHelpers.typeof(newValue[this.active].dataUrl)!=="undefined"&&!this.disableAjaxCalls){this.$.ajax.url=newValue[this.active].dataUrl;this.$.ajax.generateRequest()}else{setTimeout(function(){newValue[_this.active].metadata.status="available";_this.set("items."+_this.active+".metadata.status","available");_this.notifyPath("items."+_this.active+".metadata.status");_this._responseList[_this.active]={};_this.activeNodeResponse=_this._responseList[_this.active]},1200)}}},_isActive:function _isActive(index,active){return index===active},_activeResponseChanged:function _activeResponseChanged(value){this.fire("progress-response-loaded",{response:value})},_bubbleUpChangeActive:function _bubbleUpChangeActive(e){this.active=e.detail.target.step;this.fire("json-outline-schema-active-item-changed",this.items[this.active])},_manifestChanged:function _manifestChanged(newValue){if(newValue){this.set("items",newValue.items);this.notifyPath("items.*")}},_activeChanged:function _activeChanged(){var _this2=this;this.state="active item is "+this.active;this.items.forEach(function(element,index){if("disabled"==_this2.items[index].metadata.status){if(0!=index&&_this2.progressiveUnlock&&"complete"==_this2.items[index-1].metadata.status){_this2.items[index].metadata.status="loading";_this2.set("items."+index+".metadata.status","loading");_this2.notifyPath("items."+index+".metadata.status")}}else if(_this2.items[index].metadata.value>=_this2.items[index].metadata.max&&index==_this2.items.length-1){_this2.items[index].metadata.status="finished";_this2.set("items."+index+".metadata.status","finished");_this2.notifyPath("items."+index+".metadata.status")}else if(_this2.items[index].metadata.value>=_this2.items[index].metadata.max){_this2.items[index].metadata.status="complete";_this2.set("items."+index+".metadata.status","complete");_this2.notifyPath("items."+index+".metadata.status")}else if(index==_this2.active){if(babelHelpers.typeof(_this2._responseList[index])==="undefined"){_this2.items[index].metadata.status="loading";_this2.set("items."+index+".metadata.status","loading");_this2.notifyPath("items."+index+".metadata.status")}else{_this2.activeNodeResponse=_this2._responseList[index];_this2.items[index].metadata.status="available";_this2.set("items."+index+".metadata.status","available");_this2.notifyPath("items."+index+".metadata.status")}}else{_this2.items[index].metadata.status="available";_this2.set("items."+index+".metadata.status","available");_this2.notifyPath("items."+index+".metadata.status")}})},_statusChanged:function _statusChanged(e){var _this3=this;if("loading"==e.target.status){if(babelHelpers.typeof(this.items[this.active].metadata.dataUrl)!=="undefined"&&!this.disableAjaxCalls){this.$.ajax.url=this.items[this.active].metadata.dataUrl;this.$.ajax.generateRequest()}else{setTimeout(function(){_this3.items[_this3.active].metadata.status="available";_this3.set("items."+_this3.active+".metadata.status","available");_this3.notifyPath("items."+_this3.active+".metadata.status");_this3._responseList[_this3.active]={};_this3.activeNodeResponse=_this3._responseList[_this3.active]},1500)}}else if("complete"==e.target.status&&this.items.length===this.active+1){setTimeout(function(){_this3.items[_this3.active].metadata.status="finished";_this3.set("items."+_this3.active+".metadata.status","finished");_this3.notifyPath("items."+_this3.active+".metadata.status")},100)}},handleNodeResponse:function handleNodeResponse(e){var _this4=this,detail=e.detail;if(babelHelpers.typeof(detail.response)===babelHelpers.typeof(null)){setTimeout(function(){_this4.items[_this4.active].metadata.status="available";_this4.set("items."+_this4.active+".metadata.status","available");_this4.notifyPath("items."+_this4.active+".metadata.status");_this4._responseList[_this4.active]=detail.response;_this4.activeNodeResponse=_this4._responseList[_this4.active]},1500)}else{this.items[this.active].metadata.status="available";this.set("items."+this.active+".metadata.status","available");this.notifyPath("items."+this.active+".metadata.status");this._responseList[this.active]=detail.response;this.activeNodeResponse=this._responseList[this.active]}},_handleNodeError:function _handleNodeError(newValue,oldValue){if(babelHelpers.typeof(oldValue)!=="undefined"&&null!=newValue&&0!=newValue.length){this._responseList[this.active]=newValue;this.activeNodeResponse=this._responseList[this.active];this.items[this.active].metadata.status="available";this.set("items."+this.active+".metadata.status","available");this.notifyPath("items."+this.active+".metadata.status");this.fire("node-load-failed",{message:newValue,node:this.items[this.active]})}},_overallPercentageCompute:function _overallPercentageCompute(items,active){if(babelHelpers.typeof(items)!=="undefined"){this.$.progress.classList.add("transiting");return 100*(active/(items.length-1))}return 0},changePercentage:function changePercentage(percentage,mode){var newp=0;if("add"==mode){newp=this.items[this.active].metadata.value+percentage}else if("subtract"==mode){newp=this.items[this.active].metadata.value-percentage}else{newp=percentage}if(newp>=this.items[this.active].metadata.max){if(this.items.length==this.active+1){this.state="finished";this.items[this.active].metadata.status="finished";this.set("items."+this.active+".metadata.status","finished");this.notifyPath("items."+this.active+".metadata.status");this.items[this.active].metadata.value=this.items[this.active].metadata.max;this.set("items."+this.active+".metadata.value",this.items[this.active].metadata.max);this.notifyPath("items."+this.active+".metadata.value")}else{this.items[this.active].metadata.value=this.items[this.active].metadata.max;this.set("items."+this.active+".metadata.value",this.items[this.active].metadata.max);this.notifyPath("items."+this.active+".metadata.value")}if(this.items.length>this.active+1){if(this.progressiveUnlock&&"complete"==this.items[this.active].metadata.status&&"disabled"==this.items[this.active+1].metadata.status||babelHelpers.typeof(this._responseList[this.active+1])==="undefined"){this.items[this.active+1].metadata.status="loading";this.set("items."+(this.active+1)+".metadata.status","loading");this.notifyPath("items."+(this.active+1)+".metadata.status")}this.state="active item is "+(this.active+1);this.active=this.active+1}}else{this.items[this.active].metadata.value=newp;this.set("items."+this.active+".metadata.value",newp);this.notifyPath("items."+this.active+".metadata.value")}},updateItems:function updateItems(op,item){var response=!1;if("push"==op){this.push("items",item);response=!0}else if("pop"==op){response=this.pop("items")}else if("splice"==op){this.splice("items",this.items.length,0,item);response=!0}var active=this.active;this.set("active",0);this.set("active",active);this.notifyPath("active");return response}});_exports.LrnsysProgress=LrnsysProgress});
\ No newline at end of file
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 69e6c5f8af8..d008808ad6f 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../random-image/random-image.js","../../@polymer/paper-button/paper-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnsysRandomimage=void 0;function _templateObject_8291d6e054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <div id=\"list\"><random-image images-list$=\"{{images}}\"></random-image></div>\n    <paper-button raised on-click=\"reload\">Reload</paper-button>\n  "]);_templateObject_8291d6e054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnsysRandomimage=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8291d6e054f411e9aeb367f92c5b63ab()),is:"lrnsys-randomimage",properties:{images:{type:Object,notify:!0,value:function value(){return[]}}},reload:function reload(){this;this.$.list.innerHTML=this.$.list.innerHTML}});_exports.LrnsysRandomimage=LrnsysRandomimage});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../random-image/random-image.js","../../@polymer/paper-button/paper-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnsysRandomimage=void 0;function _templateObject_1b698450555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <div id=\"list\"><random-image images-list$=\"{{images}}\"></random-image></div>\n    <paper-button raised on-click=\"reload\">Reload</paper-button>\n  "]);_templateObject_1b698450555211e98f439769bd191e33=function(){return data};return data}var LrnsysRandomimage=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1b698450555211e98f439769bd191e33()),is:"lrnsys-randomimage",properties:{images:{type:Object,notify:!0,value:function value(){return[]}}},reload:function reload(){this;this.$.list.innerHTML=this.$.list.innerHTML}});_exports.LrnsysRandomimage=LrnsysRandomimage});
\ No newline at end of file
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 3edf6e2972a..e889394f19d 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnsysRenderHtml=void 0;function _templateObject_881287e054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <div id=\"container\"></div>\n  "]);_templateObject_881287e054f411e9aeb367f92c5b63ab=function(){return data};return data}var LrnsysRenderHtml=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_881287e054f411e9aeb367f92c5b63ab()),is:"lrnsys-render-html",properties:{html:{type:String}},observers:["_render(html)"],_render:function _render(html){this.$.container.innerHTML=html}});_exports.LrnsysRenderHtml=LrnsysRenderHtml});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.LrnsysRenderHtml=void 0;function _templateObject_1bee44b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <div id=\"container\"></div>\n  "]);_templateObject_1bee44b0555211e98f439769bd191e33=function(){return data};return data}var LrnsysRenderHtml=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1bee44b0555211e98f439769bd191e33()),is:"lrnsys-render-html",properties:{html:{type:String}},observers:["_render(html)"],_render:function _render(html){this.$.container.innerHTML=html}});_exports.LrnsysRenderHtml=LrnsysRenderHtml});
\ No newline at end of file
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 df4a1b28957..96d1c21eacc 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-image/iron-image.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/paper-button/paper-button.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MagazineCover=void 0;function _templateObject_83102ea054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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        @apply --magazine-cover-image;\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    </style>\n    <iron-image\n      src=\"[[image]]\"\n      preload=\"\"\n      fade=\"\"\n      sizing=\"cover\"\n      id=\"image\"\n    ></iron-image>\n    <div class=\"overlay\">\n      <h2 id=\"header\" hidden$=\"[[!header]]\">[[header]]</h2>\n      <div id=\"subheader\" hidden$=\"[[!subheader]]\">[[subheader]]</div>\n      <div id=\"body\">\n        <p hidden$=\"[[!text]]\">[[text]]</p>\n        <slot></slot>\n      </div>\n      <a tabindex=\"-1\" href$=\"[[link]]\" id=\"actionlink\" on-tap=\"_linkTapped\">\n        <paper-button raised=\"\" id=\"action\">\n          <span id=\"label\"\n            >[[action]]<iron-icon\n              id=\"icon\"\n              icon=\"[[icon]]\"\n              hidden$=\"[[!icon]]\"\n            ></iron-icon\n          ></span>\n        </paper-button>\n      </a>\n    </div>\n  "]);_templateObject_83102ea054f411e9aeb367f92c5b63ab=function(){return data};return data}var MagazineCover=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_83102ea054f411e9aeb367f92c5b63ab()),is:"magazine-cover",behaviors:[HAXBehaviors.PropertiesBehaviors],properties:{header:{type:String},subheader:{type:String},text:{type:String},image:{type:String},action:{type:String,value:"Touch to learn more"},icon:{type:String,value:"trending-flat"},link:{type:String,value:""},eventName:{type:String,value:""},eventData:{type:Object,value:{}}},_linkTapped:function _linkTapped(e){if(""!==this.eventName){e.preventDefault();e.stopPropagation();this.fire(this.eventName,this.eventData)}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Cover image",description:"Present a full screen cover image with a call to action. Good for starting off a series of content",icon:"flip-to-front",color:"teal",groups:["Image","Media","Presentation"],handles:[{type:"image",source:"image",title:"header",caption:"subheader",citation:"subheader",description:"text"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"image",title:"Image",description:"The URL for the image.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"},{property:"link",title:"Link",description:"The URL for the action.",inputMethod:"textfield",icon:"send",required:!0,validationType:"url"},{property:"header",title:"Header",description:"Primary header",inputMethod:"textfield",icon:"editor:title",required:!0},{property:"subheader",title:"Sub-header",description:"Secondary header",inputMethod:"textfield",icon:"editor:text-fields"}],configure:[{property:"image",title:"Image",description:"The URL for the image.",inputMethod:"haxupload",icon:"link",required:!0,validationType:"url"},{property:"header",title:"Header",description:"Primary header",inputMethod:"textfield",icon:"editor:title",required:!0},{property:"subheader",title:"Sub-header",description:"Secondary header",inputMethod:"textfield",icon:"editor:text-fields"},{property:"text",title:"Text",description:"Secondary header",inputMethod:"textfield",icon:"editor:text-fields"},{property:"action",title:"Call to action",description:"Text that lives on the button",inputMethod:"textfield",icon:"trending-flat"},{property:"link",title:"URL",description:"Enter URL for your action link",inputMethod:"haxupload",icon:"send"},{property:"icon",title:"Action icon",description:"Icon used for the call to action",inputMethod:"iconpicker",options:["icons:trending-flat","icons:launch","icons:pan-tool","icons:link","icons:check","icons:favorite","icons:thumb-up","icons:send"]}],advanced:[{property:"event-name",title:"Event name",description:"Name of the event to fire",inputMethod:"textfield"},{property:"event-data",title:"Event data (JSON)",description:"JSON blob of data to send along",inputMethod:"code-editor"}]}})}});_exports.MagazineCover=MagazineCover});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-image/iron-image.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/paper-button/paper-button.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MagazineCover=void 0;function _templateObject_1bd23130555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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        @apply --magazine-cover-image;\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    </style>\n    <iron-image\n      src=\"[[image]]\"\n      preload=\"\"\n      fade=\"\"\n      sizing=\"cover\"\n      id=\"image\"\n    ></iron-image>\n    <div class=\"overlay\">\n      <h2 id=\"header\" hidden$=\"[[!header]]\">[[header]]</h2>\n      <div id=\"subheader\" hidden$=\"[[!subheader]]\">[[subheader]]</div>\n      <div id=\"body\">\n        <p hidden$=\"[[!text]]\">[[text]]</p>\n        <slot></slot>\n      </div>\n      <a tabindex=\"-1\" href$=\"[[link]]\" id=\"actionlink\" on-tap=\"_linkTapped\">\n        <paper-button raised=\"\" id=\"action\">\n          <span id=\"label\"\n            >[[action]]<iron-icon\n              id=\"icon\"\n              icon=\"[[icon]]\"\n              hidden$=\"[[!icon]]\"\n            ></iron-icon\n          ></span>\n        </paper-button>\n      </a>\n    </div>\n  "]);_templateObject_1bd23130555211e98f439769bd191e33=function(){return data};return data}var MagazineCover=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1bd23130555211e98f439769bd191e33()),is:"magazine-cover",behaviors:[HAXBehaviors.PropertiesBehaviors],properties:{header:{type:String},subheader:{type:String},text:{type:String},image:{type:String},action:{type:String,value:"Touch to learn more"},icon:{type:String,value:"trending-flat"},link:{type:String,value:""},eventName:{type:String,value:""},eventData:{type:Object,value:{}}},_linkTapped:function _linkTapped(e){if(""!==this.eventName){e.preventDefault();e.stopPropagation();this.fire(this.eventName,this.eventData)}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Cover image",description:"Present a full screen cover image with a call to action. Good for starting off a series of content",icon:"flip-to-front",color:"teal",groups:["Image","Media","Presentation"],handles:[{type:"image",source:"image",title:"header",caption:"subheader",citation:"subheader",description:"text"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"image",title:"Image",description:"The URL for the image.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"},{property:"link",title:"Link",description:"The URL for the action.",inputMethod:"textfield",icon:"send",required:!0,validationType:"url"},{property:"header",title:"Header",description:"Primary header",inputMethod:"textfield",icon:"editor:title",required:!0},{property:"subheader",title:"Sub-header",description:"Secondary header",inputMethod:"textfield",icon:"editor:text-fields"}],configure:[{property:"image",title:"Image",description:"The URL for the image.",inputMethod:"haxupload",icon:"link",required:!0,validationType:"url"},{property:"header",title:"Header",description:"Primary header",inputMethod:"textfield",icon:"editor:title",required:!0},{property:"subheader",title:"Sub-header",description:"Secondary header",inputMethod:"textfield",icon:"editor:text-fields"},{property:"text",title:"Text",description:"Secondary header",inputMethod:"textfield",icon:"editor:text-fields"},{property:"action",title:"Call to action",description:"Text that lives on the button",inputMethod:"textfield",icon:"trending-flat"},{property:"link",title:"URL",description:"Enter URL for your action link",inputMethod:"haxupload",icon:"send"},{property:"icon",title:"Action icon",description:"Icon used for the call to action",inputMethod:"iconpicker",options:["icons:trending-flat","icons:launch","icons:pan-tool","icons:link","icons:check","icons:favorite","icons:thumb-up","icons:send"]}],advanced:[{property:"event-name",title:"Event name",description:"Name of the event to fire",inputMethod:"textfield"},{property:"event-data",title:"Event data (JSON)",description:"JSON blob of data to send along",inputMethod:"code-editor"}]}})}});_exports.MagazineCover=MagazineCover});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/map-element/map-element.js b/build/es5-amd/node_modules/@lrnwebcomponents/map-element/map-element.js
index b2c8ef87526..d59d0b0aa5d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/map-element/map-element.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/map-element/map-element.js
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../web-map/web-map.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MapElement=void 0;function _templateObject_836a0e7054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <map\n      is=\"web-map\"\n      zoom=\"17\"\n      lat=\"45.398043\"\n      lon=\"-75.70683\"\n      width=\"700\"\n      height=\"400\"\n      controls=\"\"\n    >\n      <layer-\n        id=\"osm\"\n        src=\"https://geogratis.gc.ca/mapml/en/osmtile/osm/\"\n        label=\"Open Street Map\"\n        checked=\"\"\n        hidden=\"\"\n      ></layer->\n      <layer-\n        id=\"cbmt\"\n        src=\"https://geogratis.gc.ca/mapml/en/osmtile/cbmt/\"\n        label=\"Canada Base Map\"\n      ></layer->\n      <layer-\n        id=\"canvec\"\n        src=\"https://geogratis.gc.ca/api/beta/vectors/canvec/50k/features/\"\n        label=\"CanVec+ 031G\"\n        class=\"transparency\"\n      ></layer->\n      <layer- id=\"marker\" label=\"Marker layer\" src=\"marker.mapml\"></layer->\n      <area\n        is=\"map-area\"\n        id=\"marker2\"\n        href=\"https://example.com/marker/\"\n        alt=\"Marker\"\n        coords=\"265,185\"\n        shape=\"marker\"\n      />\n      <area\n        is=\"map-area\"\n        id=\"line\"\n        href=\"https://example.com/line/\"\n        alt=\"Line\"\n        coords=\"275,275,540,107\"\n        shape=\"line\"\n      />\n      <area\n        is=\"map-area\"\n        id=\"doughnut\"\n        alt=\"Circle\"\n        href=\"https://example.com/circle/\"\n        coords=\"250,250,25\"\n        shape=\"circle\"\n        style=\"fill: white; stroke: aqua; stroke-width: 5px;fill-opacity: 0.0\"\n      />\n      <area\n        is=\"map-area\"\n        id=\"hole\"\n        coords=\"250,250,7\"\n        shape=\"circle\"\n        style=\"fill: blue; stroke: none;fill-opacity: 0.3;\"\n      />\n      <area\n        is=\"map-area\"\n        id=\"rect\"\n        href=\"https://example.com/rectangle/\"\n        alt=\"Rectangle\"\n        coords=\"345,290,415,320\"\n        shape=\"rect\"\n        style=\"fill: greenyellow; stroke: blue; stroke-width: 3px;fill-opacity: 0.4\"\n      />\n      <area\n        is=\"map-area\"\n        id=\"poly\"\n        href=\"https://example.com/polygon/\"\n        alt=\"Polygon\"\n        coords=\"392,116,430,100,441,128,405,145\"\n        shape=\"poly\"\n        style=\"fill: pink; stroke: blue; stroke-width: 3px;fill-opacity: 0.4\"\n      />\n    </map>\n  "]);_templateObject_836a0e7054f411e9aeb367f92c5b63ab=function(){return data};return data}var MapElement=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_836a0e7054f411e9aeb367f92c5b63ab()),is:"map-element",behaviors:[HAXBehaviors.PropertiesBehaviors,MaterializeCSSBehaviors.ColorBehaviors,SchemaBehaviors.Schema],properties:{title:{type:String}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Sample gizmo",description:"The user will be able to see this for selection in a UI.",icon:"av:play-circle-filled",color:"grey",groups:["Video","Media"],handles:[{type:"video",url:"source"}],meta:{author:"Your organization on github"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})}});_exports.MapElement=MapElement});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../web-map/web-map.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MapElement=void 0;function _templateObject_1bff0d90555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <map\n      is=\"web-map\"\n      zoom=\"17\"\n      lat=\"45.398043\"\n      lon=\"-75.70683\"\n      width=\"700\"\n      height=\"400\"\n      controls=\"\"\n    >\n      <layer-\n        id=\"osm\"\n        src=\"https://geogratis.gc.ca/mapml/en/osmtile/osm/\"\n        label=\"Open Street Map\"\n        checked=\"\"\n        hidden=\"\"\n      ></layer->\n      <layer-\n        id=\"cbmt\"\n        src=\"https://geogratis.gc.ca/mapml/en/osmtile/cbmt/\"\n        label=\"Canada Base Map\"\n      ></layer->\n      <layer-\n        id=\"canvec\"\n        src=\"https://geogratis.gc.ca/api/beta/vectors/canvec/50k/features/\"\n        label=\"CanVec+ 031G\"\n        class=\"transparency\"\n      ></layer->\n      <layer- id=\"marker\" label=\"Marker layer\" src=\"marker.mapml\"></layer->\n      <area\n        is=\"map-area\"\n        id=\"marker2\"\n        href=\"https://example.com/marker/\"\n        alt=\"Marker\"\n        coords=\"265,185\"\n        shape=\"marker\"\n      />\n      <area\n        is=\"map-area\"\n        id=\"line\"\n        href=\"https://example.com/line/\"\n        alt=\"Line\"\n        coords=\"275,275,540,107\"\n        shape=\"line\"\n      />\n      <area\n        is=\"map-area\"\n        id=\"doughnut\"\n        alt=\"Circle\"\n        href=\"https://example.com/circle/\"\n        coords=\"250,250,25\"\n        shape=\"circle\"\n        style=\"fill: white; stroke: aqua; stroke-width: 5px;fill-opacity: 0.0\"\n      />\n      <area\n        is=\"map-area\"\n        id=\"hole\"\n        coords=\"250,250,7\"\n        shape=\"circle\"\n        style=\"fill: blue; stroke: none;fill-opacity: 0.3;\"\n      />\n      <area\n        is=\"map-area\"\n        id=\"rect\"\n        href=\"https://example.com/rectangle/\"\n        alt=\"Rectangle\"\n        coords=\"345,290,415,320\"\n        shape=\"rect\"\n        style=\"fill: greenyellow; stroke: blue; stroke-width: 3px;fill-opacity: 0.4\"\n      />\n      <area\n        is=\"map-area\"\n        id=\"poly\"\n        href=\"https://example.com/polygon/\"\n        alt=\"Polygon\"\n        coords=\"392,116,430,100,441,128,405,145\"\n        shape=\"poly\"\n        style=\"fill: pink; stroke: blue; stroke-width: 3px;fill-opacity: 0.4\"\n      />\n    </map>\n  "]);_templateObject_1bff0d90555211e98f439769bd191e33=function(){return data};return data}var MapElement=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1bff0d90555211e98f439769bd191e33()),is:"map-element",behaviors:[HAXBehaviors.PropertiesBehaviors,MaterializeCSSBehaviors.ColorBehaviors,SchemaBehaviors.Schema],properties:{title:{type:String}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Sample gizmo",description:"The user will be able to see this for selection in a UI.",icon:"av:play-circle-filled",color:"grey",groups:["Video","Media"],handles:[{type:"video",url:"source"}],meta:{author:"Your organization on github"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})}});_exports.MapElement=MapElement});
\ No newline at end of file
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 bb805c3c522..07e67a7f4f2 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","./map-menu-submenu.js","./map-menu-item.js"],function(_polymerLegacy){"use strict";function _templateObject_9e51919054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <template id=\"domRepeat\" is=\"dom-repeat\" items=\"[[items]]\" as=\"item\">\n      <template is=\"dom-if\" if=\"[[__hasChildren(item)]]\">\n        <map-menu-submenu\n          title=\"[[item.title]]\"\n          id=\"[[item.id]]\"\n          url=\"[[item.location]]\"\n          icon=\"[[item.metadata.icon]]\"\n          open=\"[[item.metadata.active]]\"\n          avatar-label=\"[[item.metadata.avatarLabel]]\"\n          selected=\"[[selected]]\"\n        >\n          <map-menu-builder\n            items=\"[[item.children]]\"\n            selected=\"[[selected]]\"\n          ></map-menu-builder>\n        </map-menu-submenu>\n      </template>\n      <template is=\"dom-if\" if=\"[[!__hasChildren(item)]]\">\n        <map-menu-item\n          title=\"[[item.title]]\"\n          id=\"[[item.id]]\"\n          url=\"[[item.location]]\"\n          icon=\"[[item.metadata.icon]]\"\n          track-icon=\"[[item.metadata.accessData.trackIcon]]\"\n          active-path=\"[[activePath]]\"\n          selected=\"[[selected]]\"\n        ></map-menu-item>\n      </template>\n    </template>\n  "]);_templateObject_9e51919054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9e51919054f411e9aeb367f92c5b63ab()),is:"map-menu-builder",properties:{items:{type:Array,value:[]},selected:{type:String}},__hasChildren:function __hasChildren(item){return 0<item.children.length},_hasActiveChildren:function _hasActiveChildren(){}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","./map-menu-submenu.js","./map-menu-item.js"],function(_polymerLegacy){"use strict";function _templateObject_328691f0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <template id=\"domRepeat\" is=\"dom-repeat\" items=\"[[items]]\" as=\"item\">\n      <template is=\"dom-if\" if=\"[[__hasChildren(item)]]\">\n        <map-menu-submenu\n          title=\"[[item.title]]\"\n          id=\"[[item.id]]\"\n          url=\"[[item.location]]\"\n          icon=\"[[item.metadata.icon]]\"\n          open=\"[[item.metadata.active]]\"\n          avatar-label=\"[[item.metadata.avatarLabel]]\"\n          selected=\"[[selected]]\"\n        >\n          <map-menu-builder\n            items=\"[[item.children]]\"\n            selected=\"[[selected]]\"\n          ></map-menu-builder>\n        </map-menu-submenu>\n      </template>\n      <template is=\"dom-if\" if=\"[[!__hasChildren(item)]]\">\n        <map-menu-item\n          title=\"[[item.title]]\"\n          id=\"[[item.id]]\"\n          url=\"[[item.location]]\"\n          icon=\"[[item.metadata.icon]]\"\n          track-icon=\"[[item.metadata.accessData.trackIcon]]\"\n          active-path=\"[[activePath]]\"\n          selected=\"[[selected]]\"\n        ></map-menu-item>\n      </template>\n    </template>\n  "]);_templateObject_328691f0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_328691f0555211e98f439769bd191e33()),is:"map-menu-builder",properties:{items:{type:Array,value:[]},selected:{type:String}},__hasChildren:function __hasChildren(item){return 0<item.children.length},_hasActiveChildren:function _hasActiveChildren(){}})});
\ No newline at end of file
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 f2e0a729491..bbf867b617d 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","./map-menu-item.js","./map-menu-submenu.js"],function(_polymerLegacy){"use strict";function _templateObject_9e53db8054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <slot></slot>\n  "]);_templateObject_9e53db8054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9e53db8054f411e9aeb367f92c5b63ab()),is:"map-menu-container",properties:{}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","./map-menu-item.js","./map-menu-submenu.js"],function(_polymerLegacy){"use strict";function _templateObject_32888dc0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <slot></slot>\n  "]);_templateObject_32888dc0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_32888dc0555211e98f439769bd191e33()),is:"map-menu-container",properties:{}})});
\ No newline at end of file
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 1b078f22497..9e647600f5e 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../lrndesign-avatar/lrndesign-avatar.js","../../../@polymer/iron-collapse/iron-collapse.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-behaviors/iron-button-state.js","../../../@polymer/paper-button/paper-button.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_9e59f60054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        transition: 0.2s all ease-in-out;\n        transition-delay: 0.2s;\n        --map-menu-item-height: 16px;\n      }\n\n      :host([active]) {\n        background: var(--map-menu-active-color);\n        @apply --map-menu-item-active-item;\n      }\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: 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: 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    </style>\n    <div id=\"container\">\n      <div hidden$=\"[[!avatarLabel]]\" id=\"avatarLabel\">\n        <lrndesign-avatar label=\"[[avatarLabel]]\"></lrndesign-avatar>\n      </div>\n      <div hidden$=\"[[!icon]]\" id=\"icon\">\n        <iron-icon icon=\"[[icon]]\"></iron-icon>\n      </div>\n      <div id=\"center\">\n        <a tabindex=\"-1\" href$=\"[[url]]\">\n          <paper-button id=\"title\" noink=\"\" role$=\"[[__titleRole()]]\">\n            <div id=\"label\">[[label]]</div>\n            <div id=\"title\">[[title]]</div>\n          </paper-button>\n        </a>\n      </div>\n      <div id=\"right\">\n        <iron-icon\n          id=\"toggle\"\n          icon=\"[[__collapseIcon]]\"\n          aria-role=\"button\"\n          aria-label$=\"[[__collapseAria]]\"\n          tabindex=\"0\"\n        ></iron-icon>\n      </div>\n    </div>\n  "],["\n    <style>\n      :host {\n        display: block;\n        transition: 0.2s all ease-in-out;\n        transition-delay: 0.2s;\n        --map-menu-item-height: 16px;\n      }\n\n      :host([active]) {\n        background: var(--map-menu-active-color);\n        @apply --map-menu-item-active-item;\n      }\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: 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: 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    </style>\n    <div id=\"container\">\n      <div hidden$=\"[[!avatarLabel]]\" id=\"avatarLabel\">\n        <lrndesign-avatar label=\"[[avatarLabel]]\"></lrndesign-avatar>\n      </div>\n      <div hidden$=\"[[!icon]]\" id=\"icon\">\n        <iron-icon icon=\"[[icon]]\"></iron-icon>\n      </div>\n      <div id=\"center\">\n        <a tabindex=\"-1\" href$=\"[[url]]\">\n          <paper-button id=\"title\" noink=\"\" role\\$=\"[[__titleRole()]]\">\n            <div id=\"label\">[[label]]</div>\n            <div id=\"title\">[[title]]</div>\n          </paper-button>\n        </a>\n      </div>\n      <div id=\"right\">\n        <iron-icon\n          id=\"toggle\"\n          icon=\"[[__collapseIcon]]\"\n          aria-role=\"button\"\n          aria-label$=\"[[__collapseAria]]\"\n          tabindex=\"0\"\n        ></iron-icon>\n      </div>\n    </div>\n  "]);_templateObject_9e59f60054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9e59f60054f411e9aeb367f92c5b63ab()),is:"map-menu-header",properties:{title:{type:String},label:{type:String},avatarLabel:{type:String,value:""},opened:{type:Boolean,observer:"_openedChanged"},url:{type:String,value:""},id:{type:String,reflectToAttribute:!0},icon:{type:String},active:{type:Boolean,reflectToAttribute:!0,value:!1},selected:{type:String,reflectToAttribute:!0}},listeners:{tap:"__tap",keypress:"__keypress"},observers:["__selectedChanged(selected, id)"],_openedChanged:function _openedChanged(newValue){if(newValue){this.__collapseIcon="arrow-drop-down";this.__collapseAria="collapse menu"}else{this.__collapseIcon="arrow-drop-up";this.__collapseAria="expand menu"}},__selectedChanged:function __selectedChanged(selected,id){if(selected===id){this.fire("active-item",this)}},attached:function attached(){this.fire("child-attached",{id:this.id})},__tap:function __tap(e){this.__toggleEventHandler(e)},__keypress:function __keypress(e){if("Enter"===e.code){this.__toggleEventHandler(e)}},__toggleEventHandler:function __toggleEventHandler(e){var rootTarget=(0,_polymerDom.dom)(e).rootTarget;if("undefined"!==typeof rootTarget){if("undefined"!==typeof rootTarget.id&&"toggle"===rootTarget.id){this.fire("toggle-header")}}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../lrndesign-avatar/lrndesign-avatar.js","../../../@polymer/iron-collapse/iron-collapse.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-behaviors/iron-button-state.js","../../../@polymer/paper-button/paper-button.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_32944d90555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        transition: 0.2s all ease-in-out;\n        transition-delay: 0.2s;\n        --map-menu-item-height: 16px;\n      }\n\n      :host([active]) {\n        background: var(--map-menu-active-color);\n        @apply --map-menu-item-active-item;\n      }\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: 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: 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    </style>\n    <div id=\"container\">\n      <div hidden$=\"[[!avatarLabel]]\" id=\"avatarLabel\">\n        <lrndesign-avatar label=\"[[avatarLabel]]\"></lrndesign-avatar>\n      </div>\n      <div hidden$=\"[[!icon]]\" id=\"icon\">\n        <iron-icon icon=\"[[icon]]\"></iron-icon>\n      </div>\n      <div id=\"center\">\n        <a tabindex=\"-1\" href$=\"[[url]]\">\n          <paper-button id=\"title\" noink=\"\" role$=\"[[__titleRole()]]\">\n            <div id=\"label\">[[label]]</div>\n            <div id=\"title\">[[title]]</div>\n          </paper-button>\n        </a>\n      </div>\n      <div id=\"right\">\n        <iron-icon\n          id=\"toggle\"\n          icon=\"[[__collapseIcon]]\"\n          aria-role=\"button\"\n          aria-label$=\"[[__collapseAria]]\"\n          tabindex=\"0\"\n        ></iron-icon>\n      </div>\n    </div>\n  "],["\n    <style>\n      :host {\n        display: block;\n        transition: 0.2s all ease-in-out;\n        transition-delay: 0.2s;\n        --map-menu-item-height: 16px;\n      }\n\n      :host([active]) {\n        background: var(--map-menu-active-color);\n        @apply --map-menu-item-active-item;\n      }\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: 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: 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    </style>\n    <div id=\"container\">\n      <div hidden$=\"[[!avatarLabel]]\" id=\"avatarLabel\">\n        <lrndesign-avatar label=\"[[avatarLabel]]\"></lrndesign-avatar>\n      </div>\n      <div hidden$=\"[[!icon]]\" id=\"icon\">\n        <iron-icon icon=\"[[icon]]\"></iron-icon>\n      </div>\n      <div id=\"center\">\n        <a tabindex=\"-1\" href$=\"[[url]]\">\n          <paper-button id=\"title\" noink=\"\" role\\$=\"[[__titleRole()]]\">\n            <div id=\"label\">[[label]]</div>\n            <div id=\"title\">[[title]]</div>\n          </paper-button>\n        </a>\n      </div>\n      <div id=\"right\">\n        <iron-icon\n          id=\"toggle\"\n          icon=\"[[__collapseIcon]]\"\n          aria-role=\"button\"\n          aria-label$=\"[[__collapseAria]]\"\n          tabindex=\"0\"\n        ></iron-icon>\n      </div>\n    </div>\n  "]);_templateObject_32944d90555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_32944d90555211e98f439769bd191e33()),is:"map-menu-header",properties:{title:{type:String},label:{type:String},avatarLabel:{type:String,value:""},opened:{type:Boolean,observer:"_openedChanged"},url:{type:String,value:""},id:{type:String,reflectToAttribute:!0},icon:{type:String},active:{type:Boolean,reflectToAttribute:!0,value:!1},selected:{type:String,reflectToAttribute:!0}},listeners:{tap:"__tap",keypress:"__keypress"},observers:["__selectedChanged(selected, id)"],_openedChanged:function _openedChanged(newValue){if(newValue){this.__collapseIcon="arrow-drop-down";this.__collapseAria="collapse menu"}else{this.__collapseIcon="arrow-drop-up";this.__collapseAria="expand menu"}},__selectedChanged:function __selectedChanged(selected,id){if(selected===id){this.fire("active-item",this)}},attached:function attached(){this.fire("child-attached",{id:this.id})},__tap:function __tap(e){this.__toggleEventHandler(e)},__keypress:function __keypress(e){if("Enter"===e.code){this.__toggleEventHandler(e)}},__toggleEventHandler:function __toggleEventHandler(e){var rootTarget=(0,_polymerDom.dom)(e).rootTarget;if("undefined"!==typeof rootTarget){if("undefined"!==typeof rootTarget.id&&"toggle"===rootTarget.id){this.fire("toggle-header")}}}})});
\ No newline at end of file
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 ed958073b50..6a2b43ac942 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/paper-button/paper-button.js"],function(_polymerLegacy){"use strict";var _properties;function _templateObject_9e6392f054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        transition: 0.2s all ease-in-out;\n        transition-delay: 0.2s;\n        --map-menu-item-height: 16px;\n      }\n      :host([active]) {\n        background: var(--map-menu-active-color);\n        @apply --map-menu-item-active-item;\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      a:hover,\n      a:visited,\n      a:focus {\n        color: inherit;\n      }\n      #track {\n        transition: 0.2s all ease-in-out;\n        transition-delay: 0.5s;\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    </style>\n    <a tabindex=\"-1\" href$=\"[[url]]\">\n      <paper-button id=\"wrapper\" role=\"link\" noink>\n        <iron-icon hidden$=\"[[__hasIcon(icon)]]\" icon=\"[[icon]]\"></iron-icon>\n        <span class=\"title\">[[title]]</span>\n        <iron-icon\n          id=\"track\"\n          hidden$=\"[[__hasIcon(trackIcon)]]\"\n          icon=\"[[trackIcon]]\"\n        ></iron-icon>\n      </paper-button>\n    </a>\n  "]);_templateObject_9e6392f054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9e6392f054f411e9aeb367f92c5b63ab()),is:"map-menu-item",properties:(_properties={icon:{type:String,value:""},trackIcon:{stype:String,value:"",observer:"_trackIconChanged"},title:{type:String,value:""},url:{type:String,value:""}},babelHelpers.defineProperty(_properties,"icon",{type:String}),babelHelpers.defineProperty(_properties,"id",{type:String,reflectToAttribute:!0}),babelHelpers.defineProperty(_properties,"active",{type:Boolean,value:!1}),babelHelpers.defineProperty(_properties,"selected",{type:String}),_properties),observers:["__selectedChanged(selected, id)"],_trackIconChanged:function _trackIconChanged(newValue){if(newValue){this.$.track.classList.add("show-icon")}else{this.$.track.classList.remove("show-icon")}},__selectedChanged:function __selectedChanged(selected,id){if(selected===id){this.fire("active-item",this)}},_click:function _click(){this.fire("link-clicked",{id:this.id})},attached:function attached(){this.fire("child-attached",{id:this.id})},__hasIcon:function __hasIcon(icon){return icon||""===icon?!0:!1}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-icons/iron-icons.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/paper-button/paper-button.js"],function(_polymerLegacy){"use strict";var _properties;function _templateObject_329c63e0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        transition: 0.2s all ease-in-out;\n        transition-delay: 0.2s;\n        --map-menu-item-height: 16px;\n      }\n      :host([active]) {\n        background: var(--map-menu-active-color);\n        @apply --map-menu-item-active-item;\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      a:hover,\n      a:visited,\n      a:focus {\n        color: inherit;\n      }\n      #track {\n        transition: 0.2s all ease-in-out;\n        transition-delay: 0.5s;\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    </style>\n    <a tabindex=\"-1\" href$=\"[[url]]\">\n      <paper-button id=\"wrapper\" role=\"link\" noink>\n        <iron-icon hidden$=\"[[__hasIcon(icon)]]\" icon=\"[[icon]]\"></iron-icon>\n        <span class=\"title\">[[title]]</span>\n        <iron-icon\n          id=\"track\"\n          hidden$=\"[[__hasIcon(trackIcon)]]\"\n          icon=\"[[trackIcon]]\"\n        ></iron-icon>\n      </paper-button>\n    </a>\n  "]);_templateObject_329c63e0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_329c63e0555211e98f439769bd191e33()),is:"map-menu-item",properties:(_properties={icon:{type:String,value:""},trackIcon:{stype:String,value:"",observer:"_trackIconChanged"},title:{type:String,value:""},url:{type:String,value:""}},babelHelpers.defineProperty(_properties,"icon",{type:String}),babelHelpers.defineProperty(_properties,"id",{type:String,reflectToAttribute:!0}),babelHelpers.defineProperty(_properties,"active",{type:Boolean,value:!1}),babelHelpers.defineProperty(_properties,"selected",{type:String}),_properties),observers:["__selectedChanged(selected, id)"],_trackIconChanged:function _trackIconChanged(newValue){if(newValue){this.$.track.classList.add("show-icon")}else{this.$.track.classList.remove("show-icon")}},__selectedChanged:function __selectedChanged(selected,id){if(selected===id){this.fire("active-item",this)}},_click:function _click(){this.fire("link-clicked",{id:this.id})},attached:function attached(){this.fire("child-attached",{id:this.id})},__hasIcon:function __hasIcon(icon){return icon||""===icon?!0:!1}})});
\ No newline at end of file
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 8bb3459c864..e11f9f135cc 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","./map-menu-item.js","./map-menu-header.js","../../../@polymer/iron-collapse/iron-collapse.js","../../../@polymer/paper-button/paper-button.js"],function(_polymerLegacy){"use strict";function _templateObject_9e6df33054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      :host([collapsable]) > map-menu-header {\n        cursor: pointer;\n        display: block;\n      }\n\n      #container {\n        margin-left: 16px;\n      }\n\n      #container ::slotted(map-menu-item) {\n        margin-top: 0.4em;\n      }\n    </style>\n    <map-menu-header\n      avatar-label=\"[[avatarLabel]]\"\n      id=\"[[id]]\"\n      title=\"[[title]]\"\n      label=\"[[label]]\"\n      opened=\"[[opened]]\"\n      url=\"[[url]]\"\n      icon=\"[[icon]]\"\n      selected=\"[[selected]]\"\n    ></map-menu-header>\n    <iron-collapse id=\"container\"> <slot></slot> </iron-collapse>\n  "]);_templateObject_9e6df33054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9e6df33054f411e9aeb367f92c5b63ab()),is:"map-menu-submenu",properties:{id:{type:String},title:{type:String},avatarLabel:{type:String},label:{type:String},icon:{type:String},opened:{type:Boolean,value:!1},collapsable:{type:Boolean,value:!0},expandChildren:{type:Boolean,value:!1},selected:{type:String}},observers:["_openChanged(opened)"],listeners:{"child-deactivated":"__childDeactivated","child-activated":"__childActivated","active-item":"__activeChanged","toggle-header":"__toggleHeader","link-clicked":"_headerClickHandler","map-menu-active-item-changed":"_mapMenuActiveItemChangedHandler","map-menu-item-hidden-check":"_mapMenuItemHiddenCheckHandler"},_openChanged:function _openChanged(opened){var target=this.$.container;if(opened)target.show();if(!opened)target.hide()},_headerClickHandler:function _headerClickHandler(){if(!this.opened){this.opened=!this.opened}},_mapMenuItemHiddenCheckHandler:function _mapMenuItemHiddenCheckHandler(e){var action=e.detail.action,target=e.detail.target,hiddenChild=e.detail.hiddenChild,detail=Object.assign({},e.detail);if(!0!==hiddenChild&&!1===this.opened){detail=Object.assign({},detail,{hiddenChild:!0})}else{detail=Object.assign({},detail,{hiddenChild:!1})}this.fire("map-meu-item-hidden-check",detail)},__toggleHeader:function __toggleHeader(e){e.stopPropagation();this.opened=!this.opened;this.fire("toggle-updated",{opened:this.opened})},__activeChanged:function __activeChanged(){this.opened=!0}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","./map-menu-item.js","./map-menu-header.js","../../../@polymer/iron-collapse/iron-collapse.js","../../../@polymer/paper-button/paper-button.js"],function(_polymerLegacy){"use strict";function _templateObject_32a3b6e0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n\n      :host([collapsable]) > map-menu-header {\n        cursor: pointer;\n        display: block;\n      }\n\n      #container {\n        margin-left: 16px;\n      }\n\n      #container ::slotted(map-menu-item) {\n        margin-top: 0.4em;\n      }\n    </style>\n    <map-menu-header\n      avatar-label=\"[[avatarLabel]]\"\n      id=\"[[id]]\"\n      title=\"[[title]]\"\n      label=\"[[label]]\"\n      opened=\"[[opened]]\"\n      url=\"[[url]]\"\n      icon=\"[[icon]]\"\n      selected=\"[[selected]]\"\n    ></map-menu-header>\n    <iron-collapse id=\"container\"> <slot></slot> </iron-collapse>\n  "]);_templateObject_32a3b6e0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_32a3b6e0555211e98f439769bd191e33()),is:"map-menu-submenu",properties:{id:{type:String},title:{type:String},avatarLabel:{type:String},label:{type:String},icon:{type:String},opened:{type:Boolean,value:!1},collapsable:{type:Boolean,value:!0},expandChildren:{type:Boolean,value:!1},selected:{type:String}},observers:["_openChanged(opened)"],listeners:{"child-deactivated":"__childDeactivated","child-activated":"__childActivated","active-item":"__activeChanged","toggle-header":"__toggleHeader","link-clicked":"_headerClickHandler","map-menu-active-item-changed":"_mapMenuActiveItemChangedHandler","map-menu-item-hidden-check":"_mapMenuItemHiddenCheckHandler"},_openChanged:function _openChanged(opened){var target=this.$.container;if(opened)target.show();if(!opened)target.hide()},_headerClickHandler:function _headerClickHandler(){if(!this.opened){this.opened=!this.opened}},_mapMenuItemHiddenCheckHandler:function _mapMenuItemHiddenCheckHandler(e){var action=e.detail.action,target=e.detail.target,hiddenChild=e.detail.hiddenChild,detail=Object.assign({},e.detail);if(!0!==hiddenChild&&!1===this.opened){detail=Object.assign({},detail,{hiddenChild:!0})}else{detail=Object.assign({},detail,{hiddenChild:!1})}this.fire("map-meu-item-hidden-check",detail)},__toggleHeader:function __toggleHeader(e){e.stopPropagation();this.opened=!this.opened;this.fire("toggle-updated",{opened:this.opened})},__activeChanged:function __activeChanged(){this.opened=!0}})});
\ No newline at end of file
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 b2008e0009e..7d3ac07da50 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../smooth-scroll/smooth-scroll.js","./lib/map-menu-container.js","./lib/map-menu-builder.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MapMenu=void 0;function _templateObject_82db630054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        --map-menu-active-color: rgba(0, 0, 0, 0.1);\n        display: block;\n        overflow-y: scroll;\n        position: relative;\n        height: 100%;\n      }\n\n      #activeIndicator {\n        background: var(--map-menu-active-color);\n        transition: all 0.3s ease-in-out;\n        position: absolute;\n        @apply --map-menu-active-indicator;\n      }\n\n      map-menu-container {\n        padding: 32px;\n        @apply --map-menu-container;\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    </style>\n    <div id=\"itemslist\">\n      <map-menu-container>\n        <div id=\"activeIndicator\"></div>\n        <map-menu-builder\n          id=\"builder\"\n          items=\"[[items]]\"\n          selected=\"[[selected]]\"\n        ></map-menu-builder>\n      </map-menu-container>\n    </div>\n    <smooth-scroll id=\"smoothScroll\"></smooth-scroll>\n  "]);_templateObject_82db630054f411e9aeb367f92c5b63ab=function(){return data};return data}var MapMenu=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_82db630054f411e9aeb367f92c5b63ab()),is:"map-menu",properties:{title:{type:String,value:"Content Outline"},data:{type:Array,value:null},manifest:{type:Object,notify:!0,observer:"_manifestChanged"},items:{type:Array,value:null,notify:!0},selected:{type:String,notify:!0},autoScroll:{type:Boolean,value:!1},activeIndicator:{type:Boolean,value:!1}},observers:["_dataChanged(data)"],listeners:{"link-clicked":"__linkClickedHandler","toggle-updated":"__toggleUpdated","active-item":"__activeItemHandler","map-meu-item-hidden-check":"_mapMeuItemHiddenCheckHandler"},__activeItemHandler:function __activeItemHandler(e){var target=e.detail;this.refreshActiveChildren(target)},_mapMeuItemHiddenCheckHandler:function _mapMeuItemHiddenCheckHandler(e){var action=e.detail.action,target=e.detail.target,hiddenChild=e.detail.hiddenChild;if("closed"===action&&!0===hiddenChild){this.__updateActiveIndicator(this._activeItem,200,!0)}else{this.__updateActiveIndicator(this._activeItem,200,!1)}},refreshActiveChildren:function refreshActiveChildren(activeItem){var timeoutTime=1<arguments.length&&arguments[1]!==void 0?arguments[1]:200,oldActiveItem=this._activeItem,newActiveItem=activeItem;if(newActiveItem&&""!==newActiveItem){newActiveItem.setAttribute("active",!0);if(this.activeIndicator){this.__updateActiveIndicator(newActiveItem,timeoutTime)}if(this.autoScroll){this.$.smoothScroll.scroll(newActiveItem,{duration:300,scrollElement:this})}}if(oldActiveItem){oldActiveItem.removeAttribute("active");this.__updateActiveIndicator(newActiveItem,timeoutTime)}this._activeItem=newActiveItem},_manifestChanged:function _manifestChanged(newValue){if(newValue){this.set("data",newValue.items)}},setData:function setData(data){this.set("data",[]);this.set("data",data)},_dataChanged:function _dataChanged(data){var _this=this,items=[];if(!data)return;data.forEach(function(element){if(!element.parent){items.push(element)}});items.forEach(function(item){_this._setChildren(item,data)});this.set("items",[]);this.set("items",items)},_setChildren:function _setChildren(item,data){var _this2=this,children=data.filter(function(d){return item.id===d.parent});item.children=children;if(0<item.children.length){item.children.forEach(function(child){_this2._setChildren(child,data)})}},__hasChildren:function __hasChildren(item){return 0<item.children.length},__linkClickedHandler:function __linkClickedHandler(e){this.selected=e.detail.id;this.fire("selected",e.detail.id)},__toggleUpdated:function __toggleUpdated(e){var action=e.detail.opened?"opened":"closed",target=e.path[0];if("undefined"!==typeof this._activeItem){this._activeItem.fire("map-menu-item-hidden-check",Object.assign({},{action:action,target:target}))}},__isInViewport:function __isInViewport(element){var scrollParent=this.__getScrollParent(element);if(!scrollParent)return!1;var elementTop=element.offsetTop,elementBottom=elementTop+element.offsetHeight,viewportTop=scrollParent.offsetTop,viewportBottom=viewportTop+scrollParent.offsetHeight;return elementBottom>viewportTop&&elementTop<viewportBottom},__getScrollParent:function __getScrollParent(node){if(null==node){return null}if(node.scrollHeight>node.clientHeight){return node}else{return this.__getScrollParent(node.parentNode)}},__updateActiveIndicator:function __updateActiveIndicator(element){var _this3=this,timeoutTime=1<arguments.length&&arguments[1]!==void 0?arguments[1]:200,hidden=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!1;setTimeout(function(){var activeIndicator=_this3.$.activeIndicator,left=element.offsetLeft,bottom=element.offsetBottom,top=element.offsetTop,width=element.offsetWidth,height=!hidden?element.offsetHeight:0;timeoutTime=0<height?timeoutTime:10;activeIndicator.setAttribute("style","width:".concat(width,"px;height:").concat(height,"px;top:").concat(top,"px;left:").concat(left,"px"))},timeoutTime)},__parentsHidden:function __parentsHidden(node){var parent=node.parentNode;if(null==parent)return null;if("MAP-MENU-SUBMENU"===parent.tagName){if(!parent.opened)return!0}if("MAP-MENU"===parent.tagName)return!1;return this.__parentsHidden(parent)}});_exports.MapMenu=MapMenu});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../smooth-scroll/smooth-scroll.js","./lib/map-menu-container.js","./lib/map-menu-builder.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MapMenu=void 0;function _templateObject_1c4935f0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        --map-menu-active-color: rgba(0, 0, 0, 0.1);\n        display: block;\n        overflow-y: scroll;\n        position: relative;\n        height: 100%;\n      }\n\n      #activeIndicator {\n        background: var(--map-menu-active-color);\n        transition: all 0.3s ease-in-out;\n        position: absolute;\n        @apply --map-menu-active-indicator;\n      }\n\n      map-menu-container {\n        padding: 32px;\n        @apply --map-menu-container;\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    </style>\n    <div id=\"itemslist\">\n      <map-menu-container>\n        <div id=\"activeIndicator\"></div>\n        <map-menu-builder\n          id=\"builder\"\n          items=\"[[items]]\"\n          selected=\"[[selected]]\"\n        ></map-menu-builder>\n      </map-menu-container>\n    </div>\n    <smooth-scroll id=\"smoothScroll\"></smooth-scroll>\n  "]);_templateObject_1c4935f0555211e98f439769bd191e33=function(){return data};return data}var MapMenu=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1c4935f0555211e98f439769bd191e33()),is:"map-menu",properties:{title:{type:String,value:"Content Outline"},data:{type:Array,value:null},manifest:{type:Object,notify:!0,observer:"_manifestChanged"},items:{type:Array,value:null,notify:!0},selected:{type:String,notify:!0},autoScroll:{type:Boolean,value:!1},activeIndicator:{type:Boolean,value:!1}},observers:["_dataChanged(data)"],listeners:{"link-clicked":"__linkClickedHandler","toggle-updated":"__toggleUpdated","active-item":"__activeItemHandler","map-meu-item-hidden-check":"_mapMeuItemHiddenCheckHandler"},__activeItemHandler:function __activeItemHandler(e){var target=e.detail;this.refreshActiveChildren(target)},_mapMeuItemHiddenCheckHandler:function _mapMeuItemHiddenCheckHandler(e){var action=e.detail.action,target=e.detail.target,hiddenChild=e.detail.hiddenChild;if("closed"===action&&!0===hiddenChild){this.__updateActiveIndicator(this._activeItem,200,!0)}else{this.__updateActiveIndicator(this._activeItem,200,!1)}},refreshActiveChildren:function refreshActiveChildren(activeItem){var timeoutTime=1<arguments.length&&arguments[1]!==void 0?arguments[1]:200,oldActiveItem=this._activeItem,newActiveItem=activeItem;if(newActiveItem&&""!==newActiveItem){newActiveItem.setAttribute("active",!0);if(this.activeIndicator){this.__updateActiveIndicator(newActiveItem,timeoutTime)}if(this.autoScroll){this.$.smoothScroll.scroll(newActiveItem,{duration:300,scrollElement:this})}}if(oldActiveItem){oldActiveItem.removeAttribute("active");this.__updateActiveIndicator(newActiveItem,timeoutTime)}this._activeItem=newActiveItem},_manifestChanged:function _manifestChanged(newValue){if(newValue){this.set("data",newValue.items)}},setData:function setData(data){this.set("data",[]);this.set("data",data)},_dataChanged:function _dataChanged(data){var _this=this,items=[];if(!data)return;data.forEach(function(element){if(!element.parent){items.push(element)}});items.forEach(function(item){_this._setChildren(item,data)});this.set("items",[]);this.set("items",items)},_setChildren:function _setChildren(item,data){var _this2=this,children=data.filter(function(d){return item.id===d.parent});item.children=children;if(0<item.children.length){item.children.forEach(function(child){_this2._setChildren(child,data)})}},__hasChildren:function __hasChildren(item){return 0<item.children.length},__linkClickedHandler:function __linkClickedHandler(e){this.selected=e.detail.id;this.fire("selected",e.detail.id)},__toggleUpdated:function __toggleUpdated(e){var action=e.detail.opened?"opened":"closed",target=e.path[0];if("undefined"!==typeof this._activeItem){this._activeItem.fire("map-menu-item-hidden-check",Object.assign({},{action:action,target:target}))}},__isInViewport:function __isInViewport(element){var scrollParent=this.__getScrollParent(element);if(!scrollParent)return!1;var elementTop=element.offsetTop,elementBottom=elementTop+element.offsetHeight,viewportTop=scrollParent.offsetTop,viewportBottom=viewportTop+scrollParent.offsetHeight;return elementBottom>viewportTop&&elementTop<viewportBottom},__getScrollParent:function __getScrollParent(node){if(null==node){return null}if(node.scrollHeight>node.clientHeight){return node}else{return this.__getScrollParent(node.parentNode)}},__updateActiveIndicator:function __updateActiveIndicator(element){var _this3=this,timeoutTime=1<arguments.length&&arguments[1]!==void 0?arguments[1]:200,hidden=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!1;setTimeout(function(){var activeIndicator=_this3.$.activeIndicator,left=element.offsetLeft,bottom=element.offsetBottom,top=element.offsetTop,width=element.offsetWidth,height=!hidden?element.offsetHeight:0;timeoutTime=0<height?timeoutTime:10;activeIndicator.setAttribute("style","width:".concat(width,"px;height:").concat(height,"px;top:").concat(top,"px;left:").concat(left,"px"))},timeoutTime)},__parentsHidden:function __parentsHidden(node){var parent=node.parentNode;if(null==parent)return null;if("MAP-MENU-SUBMENU"===parent.tagName){if(!parent.opened)return!0}if("MAP-MENU"===parent.tagName)return!1;return this.__parentsHidden(parent)}});_exports.MapMenu=MapMenu});
\ No newline at end of file
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 0717852a6b4..74916080320 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MaterialWord=void 0;function _templateObject_83c9e1b054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\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    </custom-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    <custom-style>\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    </custom-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_83c9e1b054f411e9aeb367f92c5b63ab=function(){return data};return data}var MaterialWord=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_83c9e1b054f411e9aeb367f92c5b63ab()),is:"material-word",properties:{word:{type:String,notify:!0},letters:{type:Array,value:[],notify:!0,reflectToAttribute:!0},halfLetters:{type:Array,value:["e","f","h","i"]}},ready:function ready(){var word=this.getAttribute("word"),letters=word.toLowerCase().trim().split("");if(letters.length){this.letters=letters}},showHalf:function showHalf(letter){if(this.halfLetters[letter]){return!0}return!1}});_exports.MaterialWord=MaterialWord});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MaterialWord=void 0;function _templateObject_1ca75b80555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\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    </custom-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    <custom-style>\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    </custom-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_1ca75b80555211e98f439769bd191e33=function(){return data};return data}var MaterialWord=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1ca75b80555211e98f439769bd191e33()),is:"material-word",properties:{word:{type:String,notify:!0},letters:{type:Array,value:[],notify:!0,reflectToAttribute:!0},halfLetters:{type:Array,value:["e","f","h","i"]}},ready:function ready(){var word=this.getAttribute("word"),letters=word.toLowerCase().trim().split("");if(letters.length){this.letters=letters}},showHalf:function showHalf(letter){if(this.halfLetters[letter]){return!0}return!1}});_exports.MaterialWord=MaterialWord});
\ No newline at end of file
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 0a94a23a863..cce6a5f1f9c 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../../@polymer/marked-element/marked-element.js"],function(_exports,_polymerElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MdBlock=void 0;function _templateObject_83fadcc054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <div>\n        <marked-element markdown=\"[[markdown]]\">\n          <div slot=\"markdown-html\"></div>\n          <script type=\"text/markdown\" src$=\"[[source]]\"></script>\n        </marked-element>\n      </div>\n    "]);_templateObject_83fadcc054f411e9aeb367f92c5b63ab=function(){return data};return data}var MdBlock=function(_PolymerElement){babelHelpers.inherits(MdBlock,_PolymerElement);function MdBlock(){babelHelpers.classCallCheck(this,MdBlock);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(MdBlock).apply(this,arguments))}babelHelpers.createClass(MdBlock,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(MdBlock.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(MdBlock.haxProperties,MdBlock.tag,this)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_83fadcc054f411e9aeb367f92c5b63ab())}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Markdown",description:"A block of markdown content directly or remote loaded",icon:"icons:code",color:"yellow",groups:["Block"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[{property:"source",title:"Source",description:"Source file for markdown",inputMethod:"textfield",icon:"icons:link"}],configure:[{property:"markdown",title:"Markdown",description:"Raw markdown",inputMethod:"code-editor"},{property:"source",title:"Source",description:"Source file for markdown",inputMethod:"haxupload"}],advanced:[]}}}},{key:"properties",get:function get(){return{source:{name:"source",type:"String"},markdown:{name:"markdown",type:"String"}}}},{key:"tag",get:function get(){return"md-block"}}]);return MdBlock}(_polymerElement.PolymerElement);_exports.MdBlock=MdBlock;window.customElements.define(MdBlock.tag,MdBlock)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../../@polymer/marked-element/marked-element.js"],function(_exports,_polymerElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MdBlock=void 0;function _templateObject_1cf72930555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <div>\n        <marked-element markdown=\"[[markdown]]\">\n          <div slot=\"markdown-html\"></div>\n          <script type=\"text/markdown\" src$=\"[[source]]\"></script>\n        </marked-element>\n      </div>\n    "]);_templateObject_1cf72930555211e98f439769bd191e33=function(){return data};return data}var MdBlock=function(_PolymerElement){babelHelpers.inherits(MdBlock,_PolymerElement);function MdBlock(){babelHelpers.classCallCheck(this,MdBlock);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(MdBlock).apply(this,arguments))}babelHelpers.createClass(MdBlock,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(MdBlock.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(MdBlock.haxProperties,MdBlock.tag,this)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_1cf72930555211e98f439769bd191e33())}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Markdown",description:"A block of markdown content directly or remote loaded",icon:"icons:code",color:"yellow",groups:["Block"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[{property:"source",title:"Source",description:"Source file for markdown",inputMethod:"textfield",icon:"icons:link"}],configure:[{property:"markdown",title:"Markdown",description:"Raw markdown",inputMethod:"code-editor"},{property:"source",title:"Source",description:"Source file for markdown",inputMethod:"haxupload"}],advanced:[]}}}},{key:"properties",get:function get(){return{source:{name:"source",type:"String"},markdown:{name:"markdown",type:"String"}}}},{key:"tag",get:function get(){return"md-block"}}]);return MdBlock}(_polymerElement.PolymerElement);_exports.MdBlock=MdBlock;window.customElements.define(MdBlock.tag,MdBlock)});
\ No newline at end of file
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 67a3adbfd68..59497a9d3de 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 +1 @@
-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_8af7a67054f411e9aeb367f92c5b63ab(){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_8af7a67054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_8af7a67054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_1eaacca0555211e98f439769bd191e33(){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_1eaacca0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_1eaacca0555211e98f439769bd191e33());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 098c0a47440..4ce60627079 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 +1 @@
-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_9e85c0f054f411e9aeb367f92c5b63ab(){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_9e85c0f054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9e85c0f054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_32ba7330555211e98f439769bd191e33(){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_32ba7330555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_32ba7330555211e98f439769bd191e33());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 336f2411c0a..077406a9884 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 +1 @@
-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_9e8bdb7054f411e9aeb367f92c5b63ab(){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_9e8bdb7054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9e8bdb7054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_32c0dbd0555211e98f439769bd191e33(){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_32c0dbd0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_32c0dbd0555211e98f439769bd191e33());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 e6d1b4d9e24..841351e0c20 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 +1 @@
-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_9e910b9054f411e9aeb367f92c5b63ab(){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_9e910b9054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9e910b9054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_32c48550555211e98f439769bd191e33(){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_32c48550555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_32c48550555211e98f439769bd191e33());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 54fcd366343..0dca8373768 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 +1 @@
-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_9e93f1c054f411e9aeb367f92c5b63ab(){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_9e93f1c054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9e93f1c054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_32c96750555211e98f439769bd191e33(){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_32c96750555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_32c96750555211e98f439769bd191e33());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 6016fb46a03..f2b72476ec6 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 +1 @@
-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_9e9e791054f411e9aeb367f92c5b63ab(){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_9e9e791054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9e9e791054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_32d10870555211e98f439769bd191e33(){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_32d10870555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_32d10870555211e98f439769bd191e33());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 ad09f8c01d5..43ee4661dca 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 +1 @@
-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_9e9bb9f054f411e9aeb367f92c5b63ab(){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_9e9bb9f054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9e9bb9f054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_32d63890555211e98f439769bd191e33(){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_32d63890555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_32d63890555211e98f439769bd191e33());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 396ecf649d4..cb8f8747590 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 +1 @@
-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_9ea3340054f411e9aeb367f92c5b63ab(){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_9ea3340054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9ea3340054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_32dbdde0555211e98f439769bd191e33(){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_32dbdde0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_32dbdde0555211e98f439769bd191e33());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 baaf0185657..aa3de17755d 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 +1 @@
-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_9ea9006054f411e9aeb367f92c5b63ab(){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_9ea9006054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9ea9006054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_32e0bfe0555211e98f439769bd191e33(){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_32e0bfe0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_32e0bfe0555211e98f439769bd191e33());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 41376f2e01f..f6868b9e50e 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 +1 @@
-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_9eafde3054f411e9aeb367f92c5b63ab(){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_9eafde3054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9eafde3054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_32e37f00555211e98f439769bd191e33(){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_32e37f00555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_32e37f00555211e98f439769bd191e33());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 26e5e1d1a67..07b1a89dee3 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 +1 @@
-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_9eb4c03054f411e9aeb367f92c5b63ab(){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_9eb4c03054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9eb4c03054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_32eb4730555211e98f439769bd191e33(){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_32eb4730555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_32eb4730555211e98f439769bd191e33());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 181e3da402d..637e6bc4ed8 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 +1 @@
-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_9eba176054f411e9aeb367f92c5b63ab(){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_9eba176054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9eba176054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_32ee0650555211e98f439769bd191e33(){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_32ee0650555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_32ee0650555211e98f439769bd191e33());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 f7c748f41c5..384d0856614 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 +1 @@
-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_9ebef96054f411e9aeb367f92c5b63ab(){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_9ebef96054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9ebef96054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_32f2c140555211e98f439769bd191e33(){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_32f2c140555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_32f2c140555211e98f439769bd191e33());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 f78d471d812..ced99d37c20 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 +1 @@
-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_9ec49eb054f411e9aeb367f92c5b63ab(){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_9ec49eb054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9ec49eb054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_32fab080555211e98f439769bd191e33(){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_32fab080555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_32fab080555211e98f439769bd191e33());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 bc40fc25870..5e1af622a4d 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 +1 @@
-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_9ec784e054f411e9aeb367f92c5b63ab(){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_9ec784e054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9ec784e054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_32fd4890555211e98f439769bd191e33(){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_32fd4890555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_32fd4890555211e98f439769bd191e33());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 330722bfe72..4151af45ee4 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 +1 @@
-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_9ece149054f411e9aeb367f92c5b63ab(){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_9ece149054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9ece149054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_330251a0555211e98f439769bd191e33(){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_330251a0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_330251a0555211e98f439769bd191e33());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 b5431de0138..508593db530 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 +1 @@
-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_9ed3b9e054f411e9aeb367f92c5b63ab(){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_9ed3b9e054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9ed3b9e054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33084510555211e98f439769bd191e33(){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_33084510555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33084510555211e98f439769bd191e33());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 758e010d43a..d3d1bd1e1d1 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 +1 @@
-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_9ed651f054f411e9aeb367f92c5b63ab(){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_9ed651f054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9ed651f054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_330d7530555211e98f439769bd191e33(){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_330d7530555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_330d7530555211e98f439769bd191e33());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 bbb42946a4d..7253c7a5916 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 +1 @@
-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_9edd08b054f411e9aeb367f92c5b63ab(){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_9edd08b054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9edd08b054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_3314ef40555211e98f439769bd191e33(){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_3314ef40555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_3314ef40555211e98f439769bd191e33());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 b39a1213bfe..06eb720264e 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 +1 @@
-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_9ee25fe054f411e9aeb367f92c5b63ab(){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_9ee25fe054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9ee25fe054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_331a9490555211e98f439769bd191e33(){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_331a9490555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_331a9490555211e98f439769bd191e33());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 bef479e2ea7..f959ddcab07 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 +1 @@
-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_9ee7900054f411e9aeb367f92c5b63ab(){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_9ee7900054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9ee7900054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_331fc4b0555211e98f439769bd191e33(){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_331fc4b0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_331fc4b0555211e98f439769bd191e33());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 721a016ec63..447f70668b4 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 +1 @@
-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_9eea281054f411e9aeb367f92c5b63ab(){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_9eea281054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9eea281054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_3322d1f0555211e98f439769bd191e33(){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_3322d1f0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_3322d1f0555211e98f439769bd191e33());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 3cbc5f422c1..aeba67c0701 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 +1 @@
-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_9ef23e6054f411e9aeb367f92c5b63ab(){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_9ef23e6054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9ef23e6054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_332961a0555211e98f439769bd191e33(){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_332961a0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_332961a0555211e98f439769bd191e33());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 01ec284ad91..103c2c83c57 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 +1 @@
-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_9ef54ba054f411e9aeb367f92c5b63ab(){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_9ef54ba054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9ef54ba054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_332e91c0555211e98f439769bd191e33(){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_332e91c0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_332e91c0555211e98f439769bd191e33());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 ff0641cc1f7..ad9c8c9c616 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 +1 @@
-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_9efcc5b054f411e9aeb367f92c5b63ab(){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_9efcc5b054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9efcc5b054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33343710555211e98f439769bd191e33(){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_33343710555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33343710555211e98f439769bd191e33());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 c0e30d7821d..907bf5037e8 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 +1 @@
-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_9eff84d054f411e9aeb367f92c5b63ab(){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_9eff84d054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9eff84d054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_333a5190555211e98f439769bd191e33(){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_333a5190555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_333a5190555211e98f439769bd191e33());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 878de570500..b8c5191ee1f 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 +1 @@
-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_9f05784054f411e9aeb367f92c5b63ab(){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_9f05784054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f05784054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_333f81b0555211e98f439769bd191e33(){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_333f81b0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_333f81b0555211e98f439769bd191e33());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 9a84e5cb7e4..59741efd276 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 +1 @@
-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_9f0ca43054f411e9aeb367f92c5b63ab(){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_9f0ca43054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f0ca43054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33448ac0555211e98f439769bd191e33(){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_33448ac0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33448ac0555211e98f439769bd191e33());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 0ba3092b1e4..f32689a3883 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 +1 @@
-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_9f0fb17054f411e9aeb367f92c5b63ab(){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_9f0fb17054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f0fb17054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_334cef30555211e98f439769bd191e33(){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_334cef30555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_334cef30555211e98f439769bd191e33());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 fdccc719976..c1dc8e2880b 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 +1 @@
-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_9f18b22054f411e9aeb367f92c5b63ab(){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_9f18b22054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f18b22054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33502380555211e98f439769bd191e33(){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_33502380555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33502380555211e98f439769bd191e33());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 a5a921cae76..45600bcda32 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 +1 @@
-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_9f1e306054f411e9aeb367f92c5b63ab(){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_9f1e306054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f1e306054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33568c20555211e98f439769bd191e33(){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_33568c20555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33568c20555211e98f439769bd191e33());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 2e992b34d1b..4e4e1df8ff8 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 +1 @@
-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_9f244ae054f411e9aeb367f92c5b63ab(){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_9f244ae054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f244ae054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_335e7b60555211e98f439769bd191e33(){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_335e7b60555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_335e7b60555211e98f439769bd191e33());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 d375d995bae..6b31946061d 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 +1 @@
-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_9f292ce054f411e9aeb367f92c5b63ab(){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_9f292ce054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f292ce054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33633650555211e98f439769bd191e33(){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_33633650555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33633650555211e98f439769bd191e33());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 5f327397bff..becd49ca2c5 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 +1 @@
-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_9f2e35f054f411e9aeb367f92c5b63ab(){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_9f2e35f054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f2e35f054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33681850555211e98f439769bd191e33(){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_33681850555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33681850555211e98f439769bd191e33());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 8a249ccbedf..37c5c4b9860 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 +1 @@
-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_9f31b86054f411e9aeb367f92c5b63ab(){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_9f31b86054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f31b86054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_336bc1d0555211e98f439769bd191e33(){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_336bc1d0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_336bc1d0555211e98f439769bd191e33());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 44c4360b0e5..6f0cc2a1617 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 +1 @@
-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_9f37d2e054f411e9aeb367f92c5b63ab(){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_9f37d2e054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f37d2e054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_3370a3d0555211e98f439769bd191e33(){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_3370a3d0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_3370a3d0555211e98f439769bd191e33());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 7ec412472ea..edd2031f056 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 +1 @@
-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_9f3d512054f411e9aeb367f92c5b63ab(){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_9f3d512054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f3d512054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33755ec0555211e98f439769bd191e33(){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_33755ec0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33755ec0555211e98f439769bd191e33());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 1590ccc6fdd..de25198fb2e 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 +1 @@
-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_9f43449054f411e9aeb367f92c5b63ab(){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_9f43449054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f43449054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_337c8ab0555211e98f439769bd191e33(){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_337c8ab0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_337c8ab0555211e98f439769bd191e33());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 982060a6848..d4ceb4d7c75 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 +1 @@
-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_9f48269054f411e9aeb367f92c5b63ab(){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_9f48269054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f48269054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_3381bad0555211e98f439769bd191e33(){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_3381bad0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_3381bad0555211e98f439769bd191e33());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 0a72215ae93..19ed50d49c5 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 +1 @@
-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_9f4f046054f411e9aeb367f92c5b63ab(){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_9f4f046054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f4f046054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33869cd0555211e98f439769bd191e33(){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_33869cd0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33869cd0555211e98f439769bd191e33());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 9378758ffb9..ef317efc21d 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 +1 @@
-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_9f54a9b054f411e9aeb367f92c5b63ab(){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_9f54a9b054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f54a9b054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_338c9040555211e98f439769bd191e33(){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_338c9040555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_338c9040555211e98f439769bd191e33());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 5997f28945a..96ee5242340 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 +1 @@
-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_9f5964a054f411e9aeb367f92c5b63ab(){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_9f5964a054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f5964a054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33934700555211e98f439769bd191e33(){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_33934700555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33934700555211e98f439769bd191e33());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 4c72a44d613..af62402a314 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 +1 @@
-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_9f5bfcb054f411e9aeb367f92c5b63ab(){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_9f5bfcb054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f5bfcb054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_3395df10555211e98f439769bd191e33(){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_3395df10555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_3395df10555211e98f439769bd191e33());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 7a469787efe..73affa09244 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 +1 @@
-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_9f6376c054f411e9aeb367f92c5b63ab(){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_9f6376c054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f6376c054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_339b5d50555211e98f439769bd191e33(){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_339b5d50555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_339b5d50555211e98f439769bd191e33());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 fdba485b804..26da4f3ad82 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 +1 @@
-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_9f6858c054f411e9aeb367f92c5b63ab(){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_9f6858c054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f6858c054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33a03f50555211e98f439769bd191e33(){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_33a03f50555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33a03f50555211e98f439769bd191e33());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 1be7da8225a..b3500f99d62 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 +1 @@
-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_9f6d3ac054f411e9aeb367f92c5b63ab(){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_9f6d3ac054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f6d3ac054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33a4fa40555211e98f439769bd191e33(){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_33a4fa40555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33a4fa40555211e98f439769bd191e33());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 e5e918173e6..7566e8fe4b3 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 +1 @@
-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_9f70e44054f411e9aeb367f92c5b63ab(){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_9f70e44054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f70e44054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33ab3bd0555211e98f439769bd191e33(){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_33ab3bd0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33ab3bd0555211e98f439769bd191e33());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 1c408d51828..58341f35011 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 +1 @@
-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_9f78103054f411e9aeb367f92c5b63ab(){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_9f78103054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f78103054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33b044e0555211e98f439769bd191e33(){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_33b044e0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33b044e0555211e98f439769bd191e33());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 81eef2a45f8..5c96cb23d82 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 +1 @@
-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_9f7af66054f411e9aeb367f92c5b63ab(){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_9f7af66054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f7af66054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33b80d10555211e98f439769bd191e33(){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_33b80d10555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33b80d10555211e98f439769bd191e33());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 72085cfab28..dcf8fd6f206 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 +1 @@
-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_9f835ad054f411e9aeb367f92c5b63ab(){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_9f835ad054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f835ad054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33bcef10555211e98f439769bd191e33(){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_33bcef10555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33bcef10555211e98f439769bd191e33());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 6a066f3c359..8412667480d 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 +1 @@
-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_9f8619f054f411e9aeb367f92c5b63ab(){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_9f8619f054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f8619f054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33c1aa00555211e98f439769bd191e33(){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_33c1aa00555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33c1aa00555211e98f439769bd191e33());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 3267cf0dd76..a6e4378076c 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 +1 @@
-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_9f8ad4e054f411e9aeb367f92c5b63ab(){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_9f8ad4e054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f8ad4e054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33c70130555211e98f439769bd191e33(){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_33c70130555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33c70130555211e98f439769bd191e33());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 612dc70a8aa..1a418cbd03c 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 +1 @@
-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_9f924ef054f411e9aeb367f92c5b63ab(){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_9f924ef054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f924ef054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33cc0a40555211e98f439769bd191e33(){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_33cc0a40555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33cc0a40555211e98f439769bd191e33());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 59c0fd839ec..333e8ea6f56 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 +1 @@
-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_9f97580054f411e9aeb367f92c5b63ab(){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_9f97580054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f97580054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33d2e810555211e98f439769bd191e33(){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_33d2e810555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33d2e810555211e98f439769bd191e33());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 b5692814b5f..d89555c9e8e 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 +1 @@
-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_9f99f01054f411e9aeb367f92c5b63ab(){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_9f99f01054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f99f01054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33d88d60555211e98f439769bd191e33(){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_33d88d60555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33d88d60555211e98f439769bd191e33());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 9c5fad8ab7e..dcf305865d9 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 +1 @@
-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_9f9f6e5054f411e9aeb367f92c5b63ab(){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_9f9f6e5054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9f9f6e5054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33dd4850555211e98f439769bd191e33(){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_33dd4850555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33dd4850555211e98f439769bd191e33());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 44002dc5aed..32fad8b4ac1 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 +1 @@
-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_9fa4023054f411e9aeb367f92c5b63ab(){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_9fa4023054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9fa4023054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33e1dc30555211e98f439769bd191e33(){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_33e1dc30555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33e1dc30555211e98f439769bd191e33());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 a0a742ddcf6..4823c104bad 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 +1 @@
-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_9fa8961054f411e9aeb367f92c5b63ab(){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_9fa8961054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9fa8961054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33e7cfa0555211e98f439769bd191e33(){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_33e7cfa0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33e7cfa0555211e98f439769bd191e33());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 42adf95a074..a8b8840791f 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 +1 @@
-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_9fb0102054f411e9aeb367f92c5b63ab(){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_9fb0102054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9fb0102054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33ed74f0555211e98f439769bd191e33(){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_33ed74f0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33ed74f0555211e98f439769bd191e33());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 d2c624b6af4..2d05d666e78 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 +1 @@
-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_9fb2cf4054f411e9aeb367f92c5b63ab(){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_9fb2cf4054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9fb2cf4054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33f05b20555211e98f439769bd191e33(){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_33f05b20555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33f05b20555211e98f439769bd191e33());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 b730564c40b..f253a3b7981 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 +1 @@
-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_9fb9ad1054f411e9aeb367f92c5b63ab(){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_9fb9ad1054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9fb9ad1054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33f675a0555211e98f439769bd191e33(){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_33f675a0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33f675a0555211e98f439769bd191e33());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 26c0f4fdc7e..965abb4e196 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 +1 @@
-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_9fbd087054f411e9aeb367f92c5b63ab(){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_9fbd087054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9fbd087054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_33fbccd0555211e98f439769bd191e33(){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_33fbccd0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_33fbccd0555211e98f439769bd191e33());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 6d1d29167f1..5c4358c0f9f 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 +1 @@
-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_9fc1c36054f411e9aeb367f92c5b63ab(){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_9fc1c36054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9fc1c36054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_3400d5e0555211e98f439769bd191e33(){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_3400d5e0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_3400d5e0555211e98f439769bd191e33());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 eec3184e2d4..f17f9df9e40 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 +1 @@
-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_9fc6574054f411e9aeb367f92c5b63ab(){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_9fc6574054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9fc6574054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_3406c950555211e98f439769bd191e33(){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_3406c950555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_3406c950555211e98f439769bd191e33());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 6d54f00ed5a..f15c0bfb6af 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 +1 @@
-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_9fcc23a054f411e9aeb367f92c5b63ab(){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_9fcc23a054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9fcc23a054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_340df540555211e98f439769bd191e33(){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_340df540555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_340df540555211e98f439769bd191e33());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 e38d80a4a5f..1a3484be657 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 +1 @@
-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_9fd3288054f411e9aeb367f92c5b63ab(){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_9fd3288054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9fd3288054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_34128920555211e98f439769bd191e33(){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_34128920555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_34128920555211e98f439769bd191e33());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 fefdc967e56..7dd2a9b87ac 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 +1 @@
-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_9fd60eb054f411e9aeb367f92c5b63ab(){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_9fd60eb054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_9fd60eb054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_34187c90555211e98f439769bd191e33(){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_34187c90555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_34187c90555211e98f439769bd191e33());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 2170027c0b9..fde1620c21c 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/iron-image/iron-image.js","../../@polymer/iron-icons/iron-icons.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MediaImage=void 0;function _templateObject_84dc3c1054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\n      :host {\n        display: block;\n        font-family: \"Roboto\", sans-serif;\n        width: 100%;\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      .citation {\n        font-size: 12.8px;\n        font-style: italic;\n        color: #4c4c4c;\n        margin: 15px 0 15px;\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      iron-image {\n        width: 100%;\n        --iron-image-width: 100%;\n      }\n    </style>\n\n    <iron-image\n      resource$=\"[[schemaResourceID]]-image\"\n      src$=\"[[source]]\"\n      alt$=\"[[alt]]\"\n    ></iron-image>\n    <div class=\"citation\">[[citation]]<slot name=\"citation\"></slot></div>\n    <div class=\"caption\">[[caption]]<slot name=\"caption\"></slot></div>\n  "],["\n    <style is=\"custom-style\">\n      :host {\n        display: block;\n        font-family: \"Roboto\", sans-serif;\n        width: 100%;\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      .citation {\n        font-size: 12.8px;\n        font-style: italic;\n        color: #4c4c4c;\n        margin: 15px 0 15px;\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      iron-image {\n        width: 100%;\n        --iron-image-width: 100%;\n      }\n    </style>\n\n    <iron-image\n      resource\\$=\"[[schemaResourceID]]-image\"\n      src\\$=\"[[source]]\"\n      alt\\$=\"[[alt]]\"\n    ></iron-image>\n    <div class=\"citation\">[[citation]]<slot name=\"citation\"></slot></div>\n    <div class=\"caption\">[[caption]]<slot name=\"caption\"></slot></div>\n  "]);_templateObject_84dc3c1054f411e9aeb367f92c5b63ab=function(){return data};return data}var MediaImage=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_84dc3c1054f411e9aeb367f92c5b63ab()),is:"media-image",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{source:{type:String,value:""},citation:{type:String,value:""},caption:{type:String,value:""},alt:{type:String,value:""},size:{type:String,value:"wide",reflectToAttribute:!0},round:{type:Boolean,value:!1,reflectToAttribute:!0},card:{type:Boolean,value:!1,reflectToAttribute:!0},box:{type:Boolean,value:!1,reflectToAttribute:!0}},ready:function ready(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Styled image",descrption:"An image gizmo with the ability to provide simple, consistent styling and accessibility options.",icon:"editor:insert-photo",color:"indigo",groups:["Image","Media"],handles:[{type:"image",source:"source",title:"alt",alt:"alt",citation:"citation",caption:"caption"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"source",title:"Source",description:"The URL for the image.",inputMethod:"textfield",icon:"link",required:!0},{property:"alt",title:"Alternative text",description:"Text to describe the image to non-sighted users.",inputMethod:"alt",icon:"accessibility",required:!0}],configure:[{property:"source",title:"Source",description:"The URL for the image.",inputMethod:"haxupload",icon:"link",required:!0},{property:"caption",title:"Caption",description:"A caption to describe the image usage",inputMethod:"haxupload",icon:"av:call-to-action"},{property:"alt",title:"Alternative text",description:"Text to describe the image to non-sighted users.",inputMethod:"alt",icon:"accessibility",required:!0},{property:"round",title:"Round image",description:"Crops the image appearance to be circle in shape.",inputMethod:"boolean",icon:"account",required:!1},{property:"card",title:"Card",description:"Apply a drop shadow to give the appearance of being a raised card.",inputMethod:"boolean",icon:"check-box-outline-blank",required:!1},{property:"box",title:"Box",description:"Apply a visual box around the image.",inputMethod:"boolean",icon:"image:crop-square",required:!1}],advanced:[{property:"citation",title:"Citation",description:"Citation for the image.",inputMethod:"textfield",icon:"text-format",required:!1}]}})}});_exports.MediaImage=MediaImage});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/iron-image/iron-image.js","../../@polymer/iron-icons/iron-icons.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MediaImage=void 0;function _templateObject_1e0dc950555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\n      :host {\n        display: block;\n        font-family: \"Roboto\", sans-serif;\n        width: 100%;\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      .citation {\n        font-size: 12.8px;\n        font-style: italic;\n        color: #4c4c4c;\n        margin: 15px 0 15px;\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      iron-image {\n        width: 100%;\n        --iron-image-width: 100%;\n      }\n    </style>\n\n    <iron-image\n      resource$=\"[[schemaResourceID]]-image\"\n      src$=\"[[source]]\"\n      alt$=\"[[alt]]\"\n    ></iron-image>\n    <div class=\"citation\">[[citation]]<slot name=\"citation\"></slot></div>\n    <div class=\"caption\">[[caption]]<slot name=\"caption\"></slot></div>\n  "],["\n    <style is=\"custom-style\">\n      :host {\n        display: block;\n        font-family: \"Roboto\", sans-serif;\n        width: 100%;\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      .citation {\n        font-size: 12.8px;\n        font-style: italic;\n        color: #4c4c4c;\n        margin: 15px 0 15px;\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      iron-image {\n        width: 100%;\n        --iron-image-width: 100%;\n      }\n    </style>\n\n    <iron-image\n      resource\\$=\"[[schemaResourceID]]-image\"\n      src\\$=\"[[source]]\"\n      alt\\$=\"[[alt]]\"\n    ></iron-image>\n    <div class=\"citation\">[[citation]]<slot name=\"citation\"></slot></div>\n    <div class=\"caption\">[[caption]]<slot name=\"caption\"></slot></div>\n  "]);_templateObject_1e0dc950555211e98f439769bd191e33=function(){return data};return data}var MediaImage=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1e0dc950555211e98f439769bd191e33()),is:"media-image",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{source:{type:String,value:""},citation:{type:String,value:""},caption:{type:String,value:""},alt:{type:String,value:""},size:{type:String,value:"wide",reflectToAttribute:!0},round:{type:Boolean,value:!1,reflectToAttribute:!0},card:{type:Boolean,value:!1,reflectToAttribute:!0},box:{type:Boolean,value:!1,reflectToAttribute:!0}},ready:function ready(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Styled image",descrption:"An image gizmo with the ability to provide simple, consistent styling and accessibility options.",icon:"editor:insert-photo",color:"indigo",groups:["Image","Media"],handles:[{type:"image",source:"source",title:"alt",alt:"alt",citation:"citation",caption:"caption"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"source",title:"Source",description:"The URL for the image.",inputMethod:"textfield",icon:"link",required:!0},{property:"alt",title:"Alternative text",description:"Text to describe the image to non-sighted users.",inputMethod:"alt",icon:"accessibility",required:!0}],configure:[{property:"source",title:"Source",description:"The URL for the image.",inputMethod:"haxupload",icon:"link",required:!0},{property:"caption",title:"Caption",description:"A caption to describe the image usage",inputMethod:"haxupload",icon:"av:call-to-action"},{property:"alt",title:"Alternative text",description:"Text to describe the image to non-sighted users.",inputMethod:"alt",icon:"accessibility",required:!0},{property:"round",title:"Round image",description:"Crops the image appearance to be circle in shape.",inputMethod:"boolean",icon:"account",required:!1},{property:"card",title:"Card",description:"Apply a drop shadow to give the appearance of being a raised card.",inputMethod:"boolean",icon:"check-box-outline-blank",required:!1},{property:"box",title:"Box",description:"Apply a visual box around the image.",inputMethod:"boolean",icon:"image:crop-square",required:!1}],advanced:[{property:"citation",title:"Citation",description:"Citation for the image.",inputMethod:"textfield",icon:"text-format",required:!1}]}})}});_exports.MediaImage=MediaImage});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/media-video/media-video.js b/build/es5-amd/node_modules/@lrnwebcomponents/media-video/media-video.js
index a263eb44f55..90bcafe8059 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/media-video/media-video.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/media-video/media-video.js
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MediaVideo=void 0;function _templateObject_852fb34054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_852fb34054f411e9aeb367f92c5b63ab=function(){return data};return data}var MediaVideo=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_852fb34054f411e9aeb367f92c5b63ab()),is:"media-video",behaviors:[],properties:{},ready:function ready(){var _this=this,videoSrc=this.querySelector("*[data-mediavideo-src]");this.addEventListener("click",function(e){e.stopPropagation();var target=(0,_polymerDom.dom)(e).localTarget,videoContainer=_this.querySelector(".mediavideo"),videoPoster=_this.querySelector(".mediavideo-button-container"),videoSrc=_this.querySelector("*[data-mediavideo-src]");videoPoster.classList.toggle("mediavideo-button-display");videoContainer.classList.toggle("mediavideo--is-open");if(target.classList.contains("poster--image")||target.classList.contains("mediavideo-icon")){setTimeout(function(){_this._startIframeVideo(videoSrc)},500)}else{_this._stopIframeVideo(videoSrc)}})},_startIframeVideo:function _startIframeVideo(video){var videoIframeSrc=video.dataset.mediavideoSrc;if(0<=videoIframeSrc.indexOf("youtube")||0<=videoIframeSrc.indexOf("vimeo")){if(0<=videoIframeSrc.indexOf("?")){videoIframeSrc+="&autoplay=1"}else{videoIframeSrc+="?autoplay=1"}}video.setAttribute("src",videoIframeSrc)},_stopIframeVideo:function _stopIframeVideo(video){video.setAttribute("src","")}});_exports.MediaVideo=MediaVideo});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MediaVideo=void 0;function _templateObject_1e287d40555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_1e287d40555211e98f439769bd191e33=function(){return data};return data}var MediaVideo=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1e287d40555211e98f439769bd191e33()),is:"media-video",behaviors:[],properties:{},ready:function ready(){var _this=this,videoSrc=this.querySelector("*[data-mediavideo-src]");this.addEventListener("click",function(e){e.stopPropagation();var target=(0,_polymerDom.dom)(e).localTarget,videoContainer=_this.querySelector(".mediavideo"),videoPoster=_this.querySelector(".mediavideo-button-container"),videoSrc=_this.querySelector("*[data-mediavideo-src]");videoPoster.classList.toggle("mediavideo-button-display");videoContainer.classList.toggle("mediavideo--is-open");if(target.classList.contains("poster--image")||target.classList.contains("mediavideo-icon")){setTimeout(function(){_this._startIframeVideo(videoSrc)},500)}else{_this._stopIframeVideo(videoSrc)}})},_startIframeVideo:function _startIframeVideo(video){var videoIframeSrc=video.dataset.mediavideoSrc;if(0<=videoIframeSrc.indexOf("youtube")||0<=videoIframeSrc.indexOf("vimeo")){if(0<=videoIframeSrc.indexOf("?")){videoIframeSrc+="&autoplay=1"}else{videoIframeSrc+="?autoplay=1"}}video.setAttribute("src",videoIframeSrc)},_stopIframeVideo:function _stopIframeVideo(video){video.setAttribute("src","")}});_exports.MediaVideo=MediaVideo});
\ No newline at end of file
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 37135d76764..633bba437da 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MemeMaker=void 0;function _templateObject_853d47d054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      * {\n        box-sizing: border-box;\n      }\n\n      figure {\n        position: relative;\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        font-size: 20px;\n      }\n\n      img {\n        width: 100%;\n        height: auto;\n      }\n\n      .top-text,\n      .bottom-text {\n        position: absolute;\n        left: 0;\n        width: 100%;\n        padding: 3% 2%;\n\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\n        font-size: 36px;\n\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\n      .top-text {\n        top: 0;\n      }\n      .bottom-text {\n        bottom: 0;\n      }\n\n      @media (max-width: 600px) {\n        .top-text,\n        .bottom-text {\n          font-size: 20px;\n        }\n      }\n    </style>\n    <figure>\n      <img src=\"[[imageUrl]]\" alt=\"[[alt]]\" />\n      <figcaption class=\"top-text\">[[topText]]</figcaption>\n      <figcaption class=\"bottom-text\">[[bottomText]]</figcaption>\n    </figure>\n  "]);_templateObject_853d47d054f411e9aeb367f92c5b63ab=function(){return data};return data}var MemeMaker=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_853d47d054f411e9aeb367f92c5b63ab()),is:"meme-maker",behaviors:[HAXBehaviors.PropertiesBehaviors],properties:{alt:{type:String},imageUrl:{type:String},topText:{type:String},bottomText:{type:String}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Meme",description:"Make a meme out of an image",icon:"editor:title",color:"orange",groups:["Content","Text","Meme","Funny"],handles:[{type:"image",source:"imageUrl",title:"topText",author:"bottomText",alt:"alt"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"topText",title:"Top text",description:"Top text of the meme.",inputMethod:"textfield",icon:"editor:title"},{property:"bottomText",title:"Bottom text",description:"The date this was accessed.",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"imageUrl",title:"Source",description:"The source url for the element this is citing.",inputMethod:"haxupload",icon:"link"},{property:"topText",title:"Top text",description:"Top text of the meme.",inputMethod:"textfield",icon:"editor:title"},{property:"bottomText",title:"Bottom text",description:"The date this was accessed.",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})}});_exports.MemeMaker=MemeMaker});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MemeMaker=void 0;function _templateObject_1e410e50555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      * {\n        box-sizing: border-box;\n      }\n\n      figure {\n        position: relative;\n        width: 100%;\n        margin: 0;\n        padding: 0;\n        font-size: 20px;\n      }\n\n      img {\n        width: 100%;\n        height: auto;\n      }\n\n      .top-text,\n      .bottom-text {\n        position: absolute;\n        left: 0;\n        width: 100%;\n        padding: 3% 2%;\n\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\n        font-size: 36px;\n\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\n      .top-text {\n        top: 0;\n      }\n      .bottom-text {\n        bottom: 0;\n      }\n\n      @media (max-width: 600px) {\n        .top-text,\n        .bottom-text {\n          font-size: 20px;\n        }\n      }\n    </style>\n    <figure>\n      <img src=\"[[imageUrl]]\" alt=\"[[alt]]\" />\n      <figcaption class=\"top-text\">[[topText]]</figcaption>\n      <figcaption class=\"bottom-text\">[[bottomText]]</figcaption>\n    </figure>\n  "]);_templateObject_1e410e50555211e98f439769bd191e33=function(){return data};return data}var MemeMaker=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1e410e50555211e98f439769bd191e33()),is:"meme-maker",behaviors:[HAXBehaviors.PropertiesBehaviors],properties:{alt:{type:String},imageUrl:{type:String},topText:{type:String},bottomText:{type:String}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Meme",description:"Make a meme out of an image",icon:"editor:title",color:"orange",groups:["Content","Text","Meme","Funny"],handles:[{type:"image",source:"imageUrl",title:"topText",author:"bottomText",alt:"alt"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"topText",title:"Top text",description:"Top text of the meme.",inputMethod:"textfield",icon:"editor:title"},{property:"bottomText",title:"Bottom text",description:"The date this was accessed.",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"imageUrl",title:"Source",description:"The source url for the element this is citing.",inputMethod:"haxupload",icon:"link"},{property:"topText",title:"Top text",description:"Top text of the meme.",inputMethod:"textfield",icon:"editor:title"},{property:"bottomText",title:"Bottom text",description:"The date this was accessed.",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})}});_exports.MemeMaker=MemeMaker});
\ No newline at end of file
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 65e671d4676..ba13763b4dc 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
@@ -1 +1 @@
-define(["exports","../../lit-element/lit-element.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_litElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MicroCopyHeading=void 0;function _templateObject_8cd6518054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <h2>","<span aria-hidden=\"true\">","</span></h2>\n    "]);_templateObject_8cd6518054f411e9aeb367f92c5b63ab=function(){return data};return data}var MicroCopyHeading=function(_LitElement){babelHelpers.inherits(MicroCopyHeading,_LitElement);babelHelpers.createClass(MicroCopyHeading,[{key:"render",value:function render(){return(0,_litElement.html)(_templateObject_8cd6518054f411e9aeb367f92c5b63ab(),this.heading,this.endcap)}},{key:"tag",value:function tag(){return"micro-copy-heading"}}],[{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Micro copy-heading",description:"small call to action / attention that acts as a heading too",icon:"icons:android",color:"green",groups:["Copy"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[{property:"heading",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"},{property:"endCap",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"}],configure:[{property:"heading",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"},{property:"endCap",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"}],advanced:[]}}}},{key:"properties",get:function get(){return{heading:{name:"heading",type:"String",value:"Telling our story"},endcap:{name:"endcap",type:"String",value:"//"}}}}]);function MicroCopyHeading(){var _this;babelHelpers.classCallCheck(this,MicroCopyHeading);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(MicroCopyHeading).call(this));_this.tag=MicroCopyHeading.tag;var obj=MicroCopyHeading.properties;for(var p in obj){if(obj.hasOwnProperty(p)){if(_this.hasAttribute(p)){_this[p]=_this.getAttribute(p)}else{_this.setAttribute(p,obj[p].value);_this[p]=obj[p].value}}}return _this}babelHelpers.createClass(MicroCopyHeading,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(MicroCopyHeading.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(MicroCopyHeading.haxProperties,MicroCopyHeading.tag,this)}}]);return MicroCopyHeading}(_litElement.LitElement);_exports.MicroCopyHeading=MicroCopyHeading;customElements.define("micro-copy-heading",MicroCopyHeading)});
\ No newline at end of file
+define(["exports","../../lit-element/lit-element.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_litElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MicroCopyHeading=void 0;function _templateObject_1e6d7580555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <h2>","<span aria-hidden=\"true\">","</span></h2>\n    "]);_templateObject_1e6d7580555211e98f439769bd191e33=function(){return data};return data}var MicroCopyHeading=function(_LitElement){babelHelpers.inherits(MicroCopyHeading,_LitElement);babelHelpers.createClass(MicroCopyHeading,[{key:"render",value:function render(){return(0,_litElement.html)(_templateObject_1e6d7580555211e98f439769bd191e33(),this.heading,this.endcap)}},{key:"tag",value:function tag(){return"micro-copy-heading"}}],[{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Micro copy-heading",description:"small call to action / attention that acts as a heading too",icon:"icons:android",color:"green",groups:["Copy"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[{property:"heading",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"},{property:"endCap",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"}],configure:[{property:"heading",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"},{property:"endCap",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"}],advanced:[]}}}},{key:"properties",get:function get(){return{heading:{name:"heading",type:"String",value:"Telling our story"},endcap:{name:"endcap",type:"String",value:"//"}}}}]);function MicroCopyHeading(){var _this;babelHelpers.classCallCheck(this,MicroCopyHeading);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(MicroCopyHeading).call(this));_this.tag=MicroCopyHeading.tag;var obj=MicroCopyHeading.properties;for(var p in obj){if(obj.hasOwnProperty(p)){if(_this.hasAttribute(p)){_this[p]=_this.getAttribute(p)}else{_this.setAttribute(p,obj[p].value);_this[p]=obj[p].value}}}return _this}babelHelpers.createClass(MicroCopyHeading,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(MicroCopyHeading.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(MicroCopyHeading.haxProperties,MicroCopyHeading.tag,this)}}]);return MicroCopyHeading}(_litElement.LitElement);_exports.MicroCopyHeading=MicroCopyHeading;customElements.define("micro-copy-heading",MicroCopyHeading)});
\ No newline at end of file
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 20571519be2..274806b721a 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
@@ -1 +1 @@
-define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/resolve-url.js","../es-global-bridge/es-global-bridge.js"],function(_exports,meta,_polymerLegacy,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MomentElement=void 0;meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_9362f44054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    [[output]]\n  "]);_templateObject_9362f44054f411e9aeb367f92c5b63ab=function(){return data};return data}var MomentElement=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9362f44054f411e9aeb367f92c5b63ab()),is:"moment-element",properties:{datetime:{type:String,value:function value(){return new Date}},inputFormat:{type:String,value:""},outputFormat:{type:String,value:""},from:{type:String,value:""},to:{type:String,value:""},output:{type:String,notify:!0},libraryLoaded:{type:Boolean}},observers:["_computeOutput(datetime, inputFormat, outputFormat, from, to, libraryLoaded)"],created:function created(){var name="moment",basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),location="".concat(basePath,"lib/moment/moment.js");window.addEventListener("es-bridge-".concat(name,"-loaded"),this._momentLoaded.bind(this));window.ESGlobalBridge.requestAvailability();window.ESGlobalBridge.instance.load(name,location)},_momentLoaded:function _momentLoaded(){this.libraryLoaded=!0},update:function update(){this._computeOutput(this.datetime,this.inputFormat,this.outputFormat,this.from,this.to,this.libraryLoaded)},_computeOutput:function _computeOutput(datetime,inputFormat,outputFormat,from,to,libraryLoaded){if(libraryLoaded){var output=inputFormat?moment(datetime,inputFormat):moment(datetime);if(outputFormat){output=output.format(outputFormat)}else if(from){output="now"===from?output.fromNow():output.from(moment(from))}else if(to){output="now"===to?output.toNow():output.to(moment(to))}this.set("output",output)}}});_exports.MomentElement=MomentElement});
\ No newline at end of file
+define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/resolve-url.js","../es-global-bridge/es-global-bridge.js"],function(_exports,meta,_polymerLegacy,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MomentElement=void 0;meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_27010bd0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    [[output]]\n  "]);_templateObject_27010bd0555211e98f439769bd191e33=function(){return data};return data}var MomentElement=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_27010bd0555211e98f439769bd191e33()),is:"moment-element",properties:{datetime:{type:String,value:function value(){return new Date}},inputFormat:{type:String,value:""},outputFormat:{type:String,value:""},from:{type:String,value:""},to:{type:String,value:""},output:{type:String,notify:!0},libraryLoaded:{type:Boolean}},observers:["_computeOutput(datetime, inputFormat, outputFormat, from, to, libraryLoaded)"],created:function created(){var name="moment",basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),location="".concat(basePath,"lib/moment/moment.js");window.addEventListener("es-bridge-".concat(name,"-loaded"),this._momentLoaded.bind(this));window.ESGlobalBridge.requestAvailability();window.ESGlobalBridge.instance.load(name,location)},_momentLoaded:function _momentLoaded(){this.libraryLoaded=!0},update:function update(){this._computeOutput(this.datetime,this.inputFormat,this.outputFormat,this.from,this.to,this.libraryLoaded)},_computeOutput:function _computeOutput(datetime,inputFormat,outputFormat,from,to,libraryLoaded){if(libraryLoaded){var output=inputFormat?moment(datetime,inputFormat):moment(datetime);if(outputFormat){output=output.format(outputFormat)}else if(from){output="now"===from?output.fromNow():output.from(moment(from))}else if(to){output="now"===to?output.toNow():output.to(moment(to))}this.set("output",output)}}});_exports.MomentElement=MomentElement});
\ No newline at end of file
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 896f6e620bf..1714a569d2e 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../../@polymer/paper-icon-button/paper-icon-button.js","./mtz-marked-control-line-behavior.js"],function(_polymerLegacy){"use strict";function _templateObject_a05ddc5054f411e9aeb367f92c5b63ab(){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_a05ddc5054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a05ddc5054f411e9aeb367f92c5b63ab()),is:"mtz-marked-control-generic-line",behaviors:[mtz.MarkedControlLineBehavior],properties:{title:String,icon:String,keys:String,noink:Boolean}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../../@polymer/paper-icon-button/paper-icon-button.js","./mtz-marked-control-line-behavior.js"],function(_polymerLegacy){"use strict";function _templateObject_341f5a60555211e98f439769bd191e33(){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_341f5a60555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_341f5a60555211e98f439769bd191e33()),is:"mtz-marked-control-generic-line",behaviors:[mtz.MarkedControlLineBehavior],properties:{title:String,icon:String,keys:String,noink:Boolean}})});
\ No newline at end of file
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 e3fb987a90a..1c098808566 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../../@polymer/paper-icon-button/paper-icon-button.js","./mtz-marked-control-wrapper-behavior.js"],function(_polymerLegacy){"use strict";function _templateObject_a06ca96054f411e9aeb367f92c5b63ab(){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_a06ca96054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a06ca96054f411e9aeb367f92c5b63ab()),is:"mtz-marked-control-generic-wrap",behaviors:[mtz.MarkedControlWrapperBehavior],properties:{title:String,icon:String,keys:String,noink:Boolean}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../../@polymer/paper-icon-button/paper-icon-button.js","./mtz-marked-control-wrapper-behavior.js"],function(_polymerLegacy){"use strict";function _templateObject_3422b5c0555211e98f439769bd191e33(){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_3422b5c0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3422b5c0555211e98f439769bd191e33()),is:"mtz-marked-control-generic-wrap",behaviors:[mtz.MarkedControlWrapperBehavior],properties:{title:String,icon:String,keys:String,noink:Boolean}})});
\ No newline at end of file
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 db780719b22..179332c770e 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../../@polymer/paper-icon-button/paper-icon-button.js","./mtz-marked-control-line-behavior.js"],function(_polymerLegacy){"use strict";function _templateObject_a0750dd054f411e9aeb367f92c5b63ab(){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_a0750dd054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a0750dd054f411e9aeb367f92c5b63ab()),is:"mtz-marked-control-link",behaviors:[mtz.MarkedControlBehavior],properties:{title:String,icon:String,keys:String,noink:Boolean},_handleCommand:function _handleCommand(event){event.preventDefault();event.stopPropagation();var editor=this.__editor,selection=editor.getSelection(),regex=/\[(.*)\]\((.*)\)/,matches=selection.text.match(regex),text,link;if(matches){text=matches[1];link=matches[2];var match=link||text;editor.replaceSelection(match);editor.setSelection(selection.start,selection.end-(selection.length-match.length))}else{if(this._isLink(selection)){text=prompt("What text would you like to display?");if(!text)return;link=selection.text}else{link=prompt("What link would you like to use?");if(!link)return;text=selection.text}if(link.startsWith("http://")){alert("Links must be https://");return}var newLink=regex[Symbol.replace]("[]()","[".concat(text,"](").concat(link,")"));editor.replaceSelection(newLink);editor.setSelection(selection.start,selection.end+(newLink.length-selection.length))}},_isLink:function _isLink(selection){return selection.text.startsWith("https://")}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../../@polymer/paper-icon-button/paper-icon-button.js","./mtz-marked-control-line-behavior.js"],function(_polymerLegacy){"use strict";function _templateObject_342e9ca0555211e98f439769bd191e33(){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_342e9ca0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_342e9ca0555211e98f439769bd191e33()),is:"mtz-marked-control-link",behaviors:[mtz.MarkedControlBehavior],properties:{title:String,icon:String,keys:String,noink:Boolean},_handleCommand:function _handleCommand(event){event.preventDefault();event.stopPropagation();var editor=this.__editor,selection=editor.getSelection(),regex=/\[(.*)\]\((.*)\)/,matches=selection.text.match(regex),text,link;if(matches){text=matches[1];link=matches[2];var match=link||text;editor.replaceSelection(match);editor.setSelection(selection.start,selection.end-(selection.length-match.length))}else{if(this._isLink(selection)){text=prompt("What text would you like to display?");if(!text)return;link=selection.text}else{link=prompt("What link would you like to use?");if(!link)return;text=selection.text}if(link.startsWith("http://")){alert("Links must be https://");return}var newLink=regex[Symbol.replace]("[]()","[".concat(text,"](").concat(link,")"));editor.replaceSelection(newLink);editor.setSelection(selection.start,selection.end+(newLink.length-selection.length))}},_isLink:function _isLink(selection){return selection.text.startsWith("https://")}})});
\ No newline at end of file
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 66676979baa..bd90934a985 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/iron-form-element-behavior/iron-form-element-behavior.js","../../@polymer/iron-validatable-behavior/iron-validatable-behavior.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MtzMarkedEditor=void 0;function _templateObject_93778db054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <slot name=\"controls\"></slot> <slot name=\"textarea\"></slot>\n    <slot name=\"footer\"></slot>\n  "]);_templateObject_93778db054f411e9aeb367f92c5b63ab=function(){return data};return data}var MtzMarkedEditor=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_93778db054f411e9aeb367f92c5b63ab()),is:"mtz-marked-editor",properties:{autofocus:Boolean,readonly:Boolean,textareaSelector:{type:String,value:"textarea"},__textarea:Object},ready:function ready(){this.__bindControlToEditor=this.__bindControlToEditor.bind(this)},attached:function attached(){this.addEventListener("register-control",this.__bindControlToEditor);this.__textarea=(0,_polymerDom.dom)(this).queryDistributedElements("[slot=\"textarea\"]")[0]},detached:function detached(){this.removeEventListener("register-control",this.__bindControlToEditor)},getTextarea:function getTextarea(){return this.__textarea},getLines:function getLines(){return this.getContent().split(/(?=\n|\r\n)$/gm)},getContent:function getContent(){if(babelHelpers.typeof(this.getTextarea())!=="undefined"){return this.getTextarea().value}return""},setContent:function setContent(content){this.getTextarea().value=content},getSelection:function getSelection(){var textarea=0<arguments.length&&arguments[0]!==void 0?arguments[0]:this.getTextarea(),start=textarea.selectionStart,end=textarea.selectionEnd;return{start:start,end:end,length:end-start,text:textarea.value.substring(start,end)}},setSelection:function setSelection(start,end){var textarea=2<arguments.length&&arguments[2]!==void 0?arguments[2]:this.getTextarea();textarea.selectionStart=start;textarea.selectionEnd=end},replaceSelection:function replaceSelection(text){var textarea=1<arguments.length&&arguments[1]!==void 0?arguments[1]:this.getTextarea(),selection=2<arguments.length&&arguments[2]!==void 0?arguments[2]:this.getSelection(),val=textarea.value;textarea.value="".concat(val.substr(0,selection.start)).concat(text).concat(val.substr(selection.end,val.length))},__bindControlToEditor:function __bindControlToEditor(event){event.stopPropagation();(0,_polymerDom.dom)(event).rootTarget.__editor=this}});_exports.MtzMarkedEditor=MtzMarkedEditor});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/iron-form-element-behavior/iron-form-element-behavior.js","../../@polymer/iron-validatable-behavior/iron-validatable-behavior.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MtzMarkedEditor=void 0;function _templateObject_270c7d80555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <slot name=\"controls\"></slot> <slot name=\"textarea\"></slot>\n    <slot name=\"footer\"></slot>\n  "]);_templateObject_270c7d80555211e98f439769bd191e33=function(){return data};return data}var MtzMarkedEditor=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_270c7d80555211e98f439769bd191e33()),is:"mtz-marked-editor",properties:{autofocus:Boolean,readonly:Boolean,textareaSelector:{type:String,value:"textarea"},__textarea:Object},ready:function ready(){this.__bindControlToEditor=this.__bindControlToEditor.bind(this)},attached:function attached(){this.addEventListener("register-control",this.__bindControlToEditor);this.__textarea=(0,_polymerDom.dom)(this).queryDistributedElements("[slot=\"textarea\"]")[0]},detached:function detached(){this.removeEventListener("register-control",this.__bindControlToEditor)},getTextarea:function getTextarea(){return this.__textarea},getLines:function getLines(){return this.getContent().split(/(?=\n|\r\n)$/gm)},getContent:function getContent(){if(babelHelpers.typeof(this.getTextarea())!=="undefined"){return this.getTextarea().value}return""},setContent:function setContent(content){this.getTextarea().value=content},getSelection:function getSelection(){var textarea=0<arguments.length&&arguments[0]!==void 0?arguments[0]:this.getTextarea(),start=textarea.selectionStart,end=textarea.selectionEnd;return{start:start,end:end,length:end-start,text:textarea.value.substring(start,end)}},setSelection:function setSelection(start,end){var textarea=2<arguments.length&&arguments[2]!==void 0?arguments[2]:this.getTextarea();textarea.selectionStart=start;textarea.selectionEnd=end},replaceSelection:function replaceSelection(text){var textarea=1<arguments.length&&arguments[1]!==void 0?arguments[1]:this.getTextarea(),selection=2<arguments.length&&arguments[2]!==void 0?arguments[2]:this.getSelection(),val=textarea.value;textarea.value="".concat(val.substr(0,selection.start)).concat(text).concat(val.substr(selection.end,val.length))},__bindControlToEditor:function __bindControlToEditor(event){event.stopPropagation();(0,_polymerDom.dom)(event).rootTarget.__editor=this}});_exports.MtzMarkedEditor=MtzMarkedEditor});
\ No newline at end of file
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 e91889708ab..38e21075630 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-checkbox/paper-checkbox.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/paper-button/paper-button.js","../../@polymer/paper-toast/paper-toast.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MultipleChoice=void 0;function _templateObject_8590bf0054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n        padding: 16px 16px 54px 16px;\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-checkbox {\n        padding: 8px;\n      }\n      iron-icon {\n        display: inline-flex;\n      }\n    </style>\n    <meta property=\"oer:assessing\" content$=\"[[relatedResource]]\" />\n    <h3 hidden$=\"[[hideTitle]]\"><span property=\"oer:name\">[[title]]</span></h3>\n    <div>[[question]]</div>\n    <ul>\n      <template is=\"dom-repeat\" items=\"[[displayedAnswers]]\" as=\"answer\">\n        <li>\n          <paper-checkbox\n            disabled$=\"[[disabled]]\"\n            property=\"oer:answer\"\n            checked=\"{{answer.userGuess}}\"\n            >[[answer.label]]</paper-checkbox\n          >\n        </li>\n      </template>\n    </ul>\n    <div hidden$=\"[[hideButtons]]\">\n      <paper-button disabled$=\"[[disabled]]\" raised=\"\" on-tap=\"_verifyAnswers\"\n        >[[checkLabel]]</paper-button\n      >\n      <paper-button disabled$=\"[[disabled]]\" raised=\"\" on-tap=\"_resetAnswers\"\n        >[[resetLabel]]</paper-button\n      >\n    </div>\n    <paper-toast\n      id=\"toast\"\n      duration=\"6000\"\n      class$=\"fit-bottom [[__toastColor]]\"\n    >\n      [[__toastText]]\n      <iron-icon icon=\"[[__toastIcon]]\" style=\"margin-left:16px;\"></iron-icon>\n    </paper-toast>\n  "],["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n        padding: 16px 16px 54px 16px;\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-checkbox {\n        padding: 8px;\n      }\n      iron-icon {\n        display: inline-flex;\n      }\n    </style>\n    <meta property=\"oer:assessing\" content\\$=\"[[relatedResource]]\" />\n    <h3 hidden\\$=\"[[hideTitle]]\"><span property=\"oer:name\">[[title]]</span></h3>\n    <div>[[question]]</div>\n    <ul>\n      <template is=\"dom-repeat\" items=\"[[displayedAnswers]]\" as=\"answer\">\n        <li>\n          <paper-checkbox\n            disabled\\$=\"[[disabled]]\"\n            property=\"oer:answer\"\n            checked=\"{{answer.userGuess}}\"\n            >[[answer.label]]</paper-checkbox\n          >\n        </li>\n      </template>\n    </ul>\n    <div hidden\\$=\"[[hideButtons]]\">\n      <paper-button disabled\\$=\"[[disabled]]\" raised=\"\" on-tap=\"_verifyAnswers\"\n        >[[checkLabel]]</paper-button\n      >\n      <paper-button disabled\\$=\"[[disabled]]\" raised=\"\" on-tap=\"_resetAnswers\"\n        >[[resetLabel]]</paper-button\n      >\n    </div>\n    <paper-toast\n      id=\"toast\"\n      duration=\"6000\"\n      class\\$=\"fit-bottom [[__toastColor]]\"\n    >\n      [[__toastText]]\n      <iron-icon icon=\"[[__toastIcon]]\" style=\"margin-left:16px;\"></iron-icon>\n    </paper-toast>\n  "]);_templateObject_8590bf0054f411e9aeb367f92c5b63ab=function(){return data};return data}var MultipleChoice=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8590bf0054f411e9aeb367f92c5b63ab()),is:"multiple-choice",hostAttributes:{typeof:"oer:Assessment"},behaviors:[HAXBehaviors.PropertiesBehaviors,MaterializeCSSBehaviors.ColorBehaviors,SchemaBehaviors.Schema],observers:["_valueChanged(displayedAnswers.*)"],properties:{title:{type:String,value:""},disabled:{type:Boolean,value:!1},checkLabel:{type:String,value:"Check answer"},resetLabel:{type:String,value:"Reset"},relatedResource:{type:String},hideTitle:{type:Boolean,value:!1},question:{type:String,value:""},answers:{type:Array,value:[],notify:!0},displayedAnswers:{type:Array,computed:"_computeDisplayedAnswers(answers, randomize)",notify:!0},correctText:{type:String,value:"Great job!"},incorrectText:{type:String,value:"Better luck next time!"},randomize:{type:Boolean,value:!1,reflectToAttribute:!0},hideButtons:{type:Boolean,value:!1}},_valueChanged:function _valueChanged(e){for(var i in e.base){for(var j in e.base[i]){this.notifyPath("displayedAnswers."+i+"."+j)}}},_resetAnswers:function _resetAnswers(){var _this=this;this.$.toast.hide();for(var i in this.displayedAnswers){if(this.displayedAnswers[i].userGuess){this.displayedAnswers[i].userGuess=!1}}setTimeout(function(){var answers=_this.answers;_this.set("answers",[]);_this.set("answers",answers)},100)},checkAnswers:function checkAnswers(){var gotRight=!0;for(var i in this.displayedAnswers){if(!1!=gotRight&&this.displayedAnswers[i].correct&&this.displayedAnswers[i].userGuess){gotRight=!0}else if(this.displayedAnswers[i].correct&&!this.displayedAnswers[i].userGuess){gotRight=!1}else if(!this.displayedAnswers[i].correct&&this.displayedAnswers[i].userGuess){gotRight=!1}}return gotRight},_verifyAnswers:function _verifyAnswers(){var gotRight=this.checkAnswers();if(gotRight){this.$.toast.hide();this.__toastColor="green darken-4";this.__toastIcon="thumb-up";this.__toastText=this.correctText;this.$.toast.show()}else{this.$.toast.hide();this.__toastColor="red darken-4";this.__toastIcon="thumb-down";this.__toastText=this.incorrectText;this.$.toast.show()}},_computeDisplayedAnswers:function _computeDisplayedAnswers(answers,randomize){if(babelHelpers.typeof(answers)!=="undefined"&&null!=answers&&0<answers.length&&randomize){var random=answers,currentIndex=random.length,temporaryValue,randomIndex;while(0!==currentIndex){randomIndex=Math.floor(Math.random()*currentIndex);currentIndex-=1;temporaryValue=random[currentIndex];random[currentIndex]=random[randomIndex];random[randomIndex]=temporaryValue}return random}else{return answers}},attached:function attached(){this.$.toast.fitInto=this;this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Multiple choice",description:"Multiple choice self check",icon:"icons:list",color:"purple",groups:["Instructional"],handles:[],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"},{property:"question",title:"Question",description:"Question for users to respond to.",inputMethod:"textfield",icon:"icons:help"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield"},{property:"hideTitle",title:"Hide title",description:"Whether or not to display the title",inputMethod:"boolean"},{property:"question",title:"Question",description:"Question for users to respond to.",inputMethod:"textfield"},{property:"randomize",title:"Randomize",description:"Randomize the answers dynamically",inputMethod:"boolean"},{property:"answers",title:"Answer set",description:"Answers in a multiple choice",inputMethod:"array",properties:[{property:"correct",title:"Correct",description:"If this is correct or not",inputMethod:"boolean"},{property:"label",title:"Answer",description:"Possible answer to the question",inputMethod:"textfield",required:!0}]},{property:"correctText",title:"Correct feedback",description:"Feedback when they get it right",inputMethod:"textfield"},{property:"incorrectText",title:"Incorrect feedback",description:"Feedback when they get it wrong",inputMethod:"textfield"}],advanced:[{property:"checkLabel",title:"Check answers label",description:"Label for getting solution feedback",inputMethod:"textfield"},{property:"resetLabel",title:"Reset label",description:"label for the reset button",inputMethod:"textfield"}]},saveOptions:{unsetAttributes:["displayed-answers"]}})}});_exports.MultipleChoice=MultipleChoice});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-checkbox/paper-checkbox.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/paper-button/paper-button.js","../../@polymer/paper-toast/paper-toast.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.MultipleChoice=void 0;function _templateObject_1f05bde0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n        padding: 16px 16px 54px 16px;\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-checkbox {\n        padding: 8px;\n      }\n      iron-icon {\n        display: inline-flex;\n      }\n    </style>\n    <meta property=\"oer:assessing\" content$=\"[[relatedResource]]\" />\n    <h3 hidden$=\"[[hideTitle]]\"><span property=\"oer:name\">[[title]]</span></h3>\n    <div>[[question]]</div>\n    <ul>\n      <template is=\"dom-repeat\" items=\"[[displayedAnswers]]\" as=\"answer\">\n        <li>\n          <paper-checkbox\n            disabled$=\"[[disabled]]\"\n            property=\"oer:answer\"\n            checked=\"{{answer.userGuess}}\"\n            >[[answer.label]]</paper-checkbox\n          >\n        </li>\n      </template>\n    </ul>\n    <div hidden$=\"[[hideButtons]]\">\n      <paper-button disabled$=\"[[disabled]]\" raised=\"\" on-tap=\"_verifyAnswers\"\n        >[[checkLabel]]</paper-button\n      >\n      <paper-button disabled$=\"[[disabled]]\" raised=\"\" on-tap=\"_resetAnswers\"\n        >[[resetLabel]]</paper-button\n      >\n    </div>\n    <paper-toast\n      id=\"toast\"\n      duration=\"6000\"\n      class$=\"fit-bottom [[__toastColor]]\"\n    >\n      [[__toastText]]\n      <iron-icon icon=\"[[__toastIcon]]\" style=\"margin-left:16px;\"></iron-icon>\n    </paper-toast>\n  "],["\n    <style include=\"materializecss-styles\">\n      :host {\n        display: block;\n        padding: 16px 16px 54px 16px;\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-checkbox {\n        padding: 8px;\n      }\n      iron-icon {\n        display: inline-flex;\n      }\n    </style>\n    <meta property=\"oer:assessing\" content\\$=\"[[relatedResource]]\" />\n    <h3 hidden\\$=\"[[hideTitle]]\"><span property=\"oer:name\">[[title]]</span></h3>\n    <div>[[question]]</div>\n    <ul>\n      <template is=\"dom-repeat\" items=\"[[displayedAnswers]]\" as=\"answer\">\n        <li>\n          <paper-checkbox\n            disabled\\$=\"[[disabled]]\"\n            property=\"oer:answer\"\n            checked=\"{{answer.userGuess}}\"\n            >[[answer.label]]</paper-checkbox\n          >\n        </li>\n      </template>\n    </ul>\n    <div hidden\\$=\"[[hideButtons]]\">\n      <paper-button disabled\\$=\"[[disabled]]\" raised=\"\" on-tap=\"_verifyAnswers\"\n        >[[checkLabel]]</paper-button\n      >\n      <paper-button disabled\\$=\"[[disabled]]\" raised=\"\" on-tap=\"_resetAnswers\"\n        >[[resetLabel]]</paper-button\n      >\n    </div>\n    <paper-toast\n      id=\"toast\"\n      duration=\"6000\"\n      class\\$=\"fit-bottom [[__toastColor]]\"\n    >\n      [[__toastText]]\n      <iron-icon icon=\"[[__toastIcon]]\" style=\"margin-left:16px;\"></iron-icon>\n    </paper-toast>\n  "]);_templateObject_1f05bde0555211e98f439769bd191e33=function(){return data};return data}var MultipleChoice=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1f05bde0555211e98f439769bd191e33()),is:"multiple-choice",hostAttributes:{typeof:"oer:Assessment"},behaviors:[HAXBehaviors.PropertiesBehaviors,MaterializeCSSBehaviors.ColorBehaviors,SchemaBehaviors.Schema],observers:["_valueChanged(displayedAnswers.*)"],properties:{title:{type:String,value:""},disabled:{type:Boolean,value:!1},checkLabel:{type:String,value:"Check answer"},resetLabel:{type:String,value:"Reset"},relatedResource:{type:String},hideTitle:{type:Boolean,value:!1},question:{type:String,value:""},answers:{type:Array,value:[],notify:!0},displayedAnswers:{type:Array,computed:"_computeDisplayedAnswers(answers, randomize)",notify:!0},correctText:{type:String,value:"Great job!"},incorrectText:{type:String,value:"Better luck next time!"},randomize:{type:Boolean,value:!1,reflectToAttribute:!0},hideButtons:{type:Boolean,value:!1}},_valueChanged:function _valueChanged(e){for(var i in e.base){for(var j in e.base[i]){this.notifyPath("displayedAnswers."+i+"."+j)}}},_resetAnswers:function _resetAnswers(){var _this=this;this.$.toast.hide();for(var i in this.displayedAnswers){if(this.displayedAnswers[i].userGuess){this.displayedAnswers[i].userGuess=!1}}setTimeout(function(){var answers=_this.answers;_this.set("answers",[]);_this.set("answers",answers)},100)},checkAnswers:function checkAnswers(){var gotRight=!0;for(var i in this.displayedAnswers){if(!1!=gotRight&&this.displayedAnswers[i].correct&&this.displayedAnswers[i].userGuess){gotRight=!0}else if(this.displayedAnswers[i].correct&&!this.displayedAnswers[i].userGuess){gotRight=!1}else if(!this.displayedAnswers[i].correct&&this.displayedAnswers[i].userGuess){gotRight=!1}}return gotRight},_verifyAnswers:function _verifyAnswers(){var gotRight=this.checkAnswers();if(gotRight){this.$.toast.hide();this.__toastColor="green darken-4";this.__toastIcon="thumb-up";this.__toastText=this.correctText;this.$.toast.show()}else{this.$.toast.hide();this.__toastColor="red darken-4";this.__toastIcon="thumb-down";this.__toastText=this.incorrectText;this.$.toast.show()}},_computeDisplayedAnswers:function _computeDisplayedAnswers(answers,randomize){if(babelHelpers.typeof(answers)!=="undefined"&&null!=answers&&0<answers.length&&randomize){var random=answers,currentIndex=random.length,temporaryValue,randomIndex;while(0!==currentIndex){randomIndex=Math.floor(Math.random()*currentIndex);currentIndex-=1;temporaryValue=random[currentIndex];random[currentIndex]=random[randomIndex];random[randomIndex]=temporaryValue}return random}else{return answers}},attached:function attached(){this.$.toast.fitInto=this;this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Multiple choice",description:"Multiple choice self check",icon:"icons:list",color:"purple",groups:["Instructional"],handles:[],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"},{property:"question",title:"Question",description:"Question for users to respond to.",inputMethod:"textfield",icon:"icons:help"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield"},{property:"hideTitle",title:"Hide title",description:"Whether or not to display the title",inputMethod:"boolean"},{property:"question",title:"Question",description:"Question for users to respond to.",inputMethod:"textfield"},{property:"randomize",title:"Randomize",description:"Randomize the answers dynamically",inputMethod:"boolean"},{property:"answers",title:"Answer set",description:"Answers in a multiple choice",inputMethod:"array",properties:[{property:"correct",title:"Correct",description:"If this is correct or not",inputMethod:"boolean"},{property:"label",title:"Answer",description:"Possible answer to the question",inputMethod:"textfield",required:!0}]},{property:"correctText",title:"Correct feedback",description:"Feedback when they get it right",inputMethod:"textfield"},{property:"incorrectText",title:"Incorrect feedback",description:"Feedback when they get it wrong",inputMethod:"textfield"}],advanced:[{property:"checkLabel",title:"Check answers label",description:"Label for getting solution feedback",inputMethod:"textfield"},{property:"resetLabel",title:"Reset label",description:"label for the reset button",inputMethod:"textfield"}]},saveOptions:{unsetAttributes:["displayed-answers"]}})}});_exports.MultipleChoice=MultipleChoice});
\ No newline at end of file
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 5165b8cd79c..94216c91a7a 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../schema-behaviors/schema-behaviors.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.OerSchema=void 0;function _templateObject_85c2f29054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n      }\n    </style>\n    <span property$=\"oer:[[oerProperty]]\"> <slot></slot> [[text]] </span>\n  "],["\n    <style>\n      :host {\n        display: inline-block;\n      }\n    </style>\n    <span property\\$=\"oer:[[oerProperty]]\"> <slot></slot> [[text]] </span>\n  "]);_templateObject_85c2f29054f411e9aeb367f92c5b63ab=function(){return data};return data}var OerSchema=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_85c2f29054f411e9aeb367f92c5b63ab()),is:"oer-schema",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{text:{type:String,value:""},oerProperty:{type:String,value:"name"},typeof:{type:String,value:"Resource"},relatedResource:{type:String},_OERLink:{type:Object,computed:"_generateforComponentLink(relatedResource)"}},_generateforComponentLink:function _generateforComponentLink(){if(this._OERLink){document.head.removeChild(this._OERLink)}var link=document.createElement("link");link.setAttribute("property","oer:forComponent");link.setAttribute("content",this.relatedResource);document.head.appendChild(link);return link},attached:function attached(){var props={canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Schema",description:"Schematized element area",icon:"icons:code",color:"blue",groups:["Instructional"],handles:[{type:"inline",text:"text"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"text",title:"Text",description:"The text to schematize",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"text",title:"Text",description:"The text to schematize",inputMethod:"textfield",icon:"editor:title"},{property:"typeof",title:"Schema typeof",description:"Schema typeof",inputMethod:"select",options:this.types()},{property:"oerProperty",title:"Schema property",description:"The OER Schema property this represents",inputMethod:"select",options:{name:"name",additionalType:"additionalType",description:"description",image:"image",mainEntityOfPage:"mainEntityOfPage",sameAs:"sameAs",uri:"uri"}},{property:"relatedResource",title:"Related resource",description:"A reference to the related Schema resource",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}};this.setHaxProperties(props)},latestSchema:function latestSchema(){return{version:"0.3.4",classes:{Resource:{label:"Resource",comment:"A general component that all open educational resources are based from.",schema:"root",subClassOf:["http://schema.org/Thing","http://creativecommons.org/ns#Work"],properties:["parentOf","childOf","forCourse","mainContent","forTopic"]},TableOfContents:{subClassOf:["http://schema.org/Thing"],properties:["entry","childOf","forCourse"]},TableOfContentsEntry:{subClassOf:["TableOfContents"],properties:["title","forComponent"]},Course:{label:"Course",comment:"An instructional course",subClassOf:["Resource"],properties:["courseIdentifier","primaryInstructor","instructor","duration","prerequisite","institution","department","program","syllabus","currentStanding","deliveryFormat","enrollmentSize","section","termOffered"]},CourseSection:{label:"CourseSection",comment:"A specific instance of a course offered during a specific term",subClassOf:["Resource"],properties:["sectionIdentifier","primaryInstructor","instructor","syllabus","forCourse","termOffered","enrollmentSize","duration","deliveryFormat"]},CourseSyllabus:{label:"CourseSyllabus",comment:"",subClassOf:["Resource"],properties:["section","associatedMedia","forCourse"]},Topic:{label:"Topic",comment:"The context of a LearningComponent",subClassOf:["Resource"],properties:["material"]},ClassStanding:{label:"ClassStanding",comment:"",subClassOf:["Intangible"],properties:[]},LearningComponent:{label:"LearningComponent",comment:"A generic component as a base to learning content",subClassOf:["Resource","http://schema.org/CreativeWork"],properties:["forCourse","forComponent","hasComponent","duration","doTask","hasLearningObjective","deliveryFormat"]},LearningObjective:{label:"LearningObjective",commnet:"An expected outcome or skill gained by application of a LearningComponent",subClassOf:["Resource"],properties:["prerequisite","forCourse","forComponent"]},SupportingMaterial:{label:"SupportingMaterial",comment:"Material that teaches the learning objectives of the course.",subClassOf:["LearningComponent"],properties:[]},InstructionalPattern:{label:"InstructionalPattern",comment:"An assembly of learning components arranged to deliver a learning experience",subClassOf:["LearningComponent"],properties:[]},Lesson:{label:"Lesson",comment:"",subClassOf:["InstructionalPattern"],properties:[]},Unit:{label:"Unit",comment:"",subClassOf:["InstructionalPattern"],properties:[]},Module:{label:"Module",comment:"",subClassOf:["InstructionalPattern"],properties:[]},Assessment:{label:"Assessment",comment:"An assessment of a student's activity.",subClassOf:["InstructionalPattern","http://schema.org/Action"],properties:["material","assessing","gradingFormat"]},Quiz:{label:"Quiz",comment:"A quiz assessment",subClassOf:["Assessment"],properties:[]},Submission:{label:"Submission",comment:"An assessment on material provided by a Student",subClassOf:["Assessment"],properties:[]},Task:{label:"Task",comment:"A task given to a student",subClassOf:["InstructionalPattern","http://schema.org/Action"],properties:["material"]},Activity:{label:"Activity",comment:"An activity performed by students which can be assessed and graded.",subClassOf:["Task"],properties:["assessedBy","gradingFormat"]},Project:{label:"Project",comment:"A collection of activities, each of which test a particular skill, demonstrating proficiency across a range of skills",subClassOf:["Activity"],properties:[]},Practice:{label:"Practice",comment:"",subClassOf:["Task"],properties:[]},Format:{label:"Format",comment:"The format of the resource.",subClassOf:["Intangible"],properties:[]},FaceToFaceFormat:{label:"FaceToFaceFormat",comment:"An in-person format where participants are physically present.",subClassOf:["Format"],properties:[]},GradeFormat:{label:"GradeFormat",comment:"The grading format used in activities and assessments.",alternateType:"http://oerschema.org/DataType",subClassOf:["Intangible"],properties:[]},PointGradeFormat:{label:"PointGradeFormat",comment:"A grading format using numerical points",alternateType:"http://oerschema.org/Number",subClassOf:["GradeFormat"],properties:[]},LetterGradeFormat:{label:"LetterGradeFormat",comment:"A grading format using a letter value.",alternateType:"http://oerschema.org/Text",subClassOf:["GradeFormat"],properties:[]},PercentGradeFormat:{label:"PercentGradeFormat",comment:"A grading format using a percentage value.",alternateType:"http://oerschema.org/Integer",subClassOf:["GradeFormat"],properties:[]},CompletionGradeFormat:{label:"CompletionGradeFormat",comment:"A boolean grading format determining if the activity had been completed.",alternateType:"http://oerschema.org/Text",subClassOf:["GradeFormat"],properties:[]},Thing:{label:"Thing",comment:"The most generic type of items.",subClassOf:["http://schema.org/Thing"],properties:["name","additionalType","description","image","mainEntityOfPage","sameAs","uri"]},Intangible:{label:"Intangible",comment:"A utility class that serves as the umbrella for a number of 'intangible' things such as quantities, structured values, etc.",schema:"intangible",subClassOf:["Thing","http://schema.org/Intangible"]},Class:{label:"Class",subClassOf:["Intangible","http://schema.org/Class"],properties:["supersededBy"]},Property:{label:"Property",subClassOf:["Intangible","http://schema.org/Intangible"],properties:["rangeIncludes","domainIncludes","supersededBy","inverseOf"]},Enumeration:{label:"Enumeration",subClassOf:["Intangible","http://schema.org/Enumeration"],properties:["supersededBy"]},DataType:{label:"DataType",comment:"A general type for data values.",subClassOf:["Class","http://schema.org/DataType","rdfs:datatype"]},Person:{label:"Person",comment:"",subClassOf:["Thing","http://schema.org/Person"],properties:[]},Organization:{label:"Organization",comment:"",subClassOf:["Thing","http://schema.org/Organization"],properties:[]},Place:{label:"Place",comment:"",subClassOf:["Thing","http://schema.org/Place"],properties:[]},StructuredValue:{label:"StructuredValue",comment:"",subClassOf:["Intangible","http://schema.org/StructuredValue"],properties:[]},CreativeWork:{label:"CreativeWork",comment:"",subClassOf:["Thing","http://schema.org/CreativeWork"],properties:[]},MediaObject:{label:"MediaObject",comment:"A media object such as a video or interactive object.",subClassOf:["CreativeWork","http://schema.org/MediaObject"],properties:[]},ImageObject:{label:"ImageObject",comment:"An image",subClassOf:["MediaObject","http://schema.org/ImageObject"],properties:[]},Boolean:{label:"Boolean",comment:"A truthy value",subClassOf:["DataType","http://schema.org/Boolean"]},Date:{label:"Date",comment:"A year, month, day value",subClassOf:["DataType","http://schema.org/Date"]},DateTime:{label:"DateTime",comment:"A value with year, month, day, hour, minute, seconds (optional) and timezone (optional).",subClassOf:["DataType","http://schema.org/DateTime"]},Integer:{label:"Integer",comment:"A numeric value of 0 or greater.",subClassOf:["Number","http://schema.org/Integer"]},Number:{label:"Number",comment:"A general numeric value.",subClassOf:["DataType","http://schema.org/Number"]},Text:{label:"Text",subClassOf:["DataType","http://schema.org/Text"]},Time:{label:"Time",comment:"A value including hour, minute, seconds (optional) and timezone (optional).",subClassOf:["DataType","http://schema.org/Time"]},URL:{label:"URL",comment:"A web address",subClassOf:["Text","http://schema.org/URL"]},Yes:{label:"Yes",comment:"A truthy value of Yes.",subClassOf:["Boolean"]},No:{label:"No",comment:"A truthy value of No.",subClassOf:["Boolean"]},True:{label:"True",comment:"A truthy value of True.",subClassOf:["Boolean","http://schema.org/True"]},False:{label:"False",comment:"A truthy value of False.",subClassOf:["Boolean","http://schema.org/False"]},ActionType:{label:"ActionType",comment:"A datatype declaring the type of action taken",subClassOf:["DataType"]},Writing:{label:"Writing is involved with the resource",comment:"",subClassOf:["ActionType"]},Reading:{label:"Reading",comment:"Reading is involved with the resource",subClassOf:["ActionType"]},Making:{label:"Making",comment:"Making is involved with the resource",subClassOf:["ActionType"]},Researching:{label:"ResearchingActivity",comment:"Researching is involved with the resource",subClassOf:["ActionType"]},Listening:{label:"Listening",comment:"Listening is involved with the resource",subClassOf:["ActionType"]},Watching:{label:"Watching",comment:"Watching is involved with the resource",subClassOf:["ActionType"]},Reflecting:{label:"Refecting",comment:"Reflecting is involved with the resource",subClassOf:["ActionType"]},Discussing:{label:"Discussing",comment:"Discussing is involved with the resource",subClassOf:["ActionType"]},Observing:{label:"Observing",comment:"Observing is involved with the resource",subClassOf:["ActionType"]},Presenting:{label:"Presenting",comment:"Presenting is involved with the resource",subClassOf:["ActionType"]},Assess:{label:"Assess",comment:"Assess is involved with the resource",subClassOf:["ActionType"]}},properties:{entry:{label:"entry",comment:"An entry adds a item to a ToC.",baseVocab:"http://schema.org/",range:["TableOfContentsEntry"],domain:["TableOfContents"]},name:{label:"name",comment:"The name of the item.",baseVocab:"http://schema.org/",range:["Text"],domain:["resource"]},additionalName:{label:"additionalName",comment:"An alias for the item.",baseVocab:"http://schema.org/",range:["Text"],domain:["Thing"]},additionalType:{label:"additionalType",comment:"An additional type for the item, typically used for adding more specific types from external vocabularies in microdata syntax.",baseVocab:"http://schema.org/",range:["Class"],domain:["Thing"]},description:{label:"description",comment:"A short description of the item.",baseVocab:"http://schema.org/",range:["Text"],domain:["Thing"]},image:{label:"image",comment:"An image of the item.",baseVocab:"http://schema.org/",range:["URL","CreativeWork"],domain:["Thing"]},mainEntityOfPage:{label:"mainEntityOfPage",comment:"Indicates a page (or other CreativeWork) for which this thing is the main entity being described.",baseVocab:"http://schema.org/",inverseOf:"mainEntity",range:["URL","CreativeWork"],domain:["Thing"]},sameAs:{label:"sameAs",comment:"URL of a reference Web page that unambiguously indicates the item's identity. E.g. the URL of the item's Wikipedia page, Freebase page, or official website.",baseVocab:"http://schema.org/",range:["URL"],domain:["Thing"]},uri:{label:"uri",comment:"URL of the item.",baseVocab:"http://schema.org/",alternateType:"http://schema.org/url",range:["URL"],domain:["Thing"]},rangeIncludes:{label:"rangeIncludes",comment:"Relates a property to a class that constitutes (one of) the expected type(s) for values of the property.",baseVocab:"http://schema.org/",range:["Class"],domain:["Thing"]},domainIncludes:{label:"domainIncludes",comment:"Relates a property to a class that is (one of) the type(s) the property is expected to be used on.",baseVocab:"http://schema.org/",range:["Class"],domain:["Property"]},supersededBy:{label:"supersededBy",comment:"",baseVocab:"http://schema.org/",range:["Class","Property","Enumeration"],domain:["Class","Property","Enumeration"]},inverseOf:{label:"inverseOf",comment:"Relates a property to a property that is its inverse. Inverse properties relate the same pairs of items to each other, but in reversed direction. For example, the 'alumni' and 'alumniOf' properties are inverseOf each other. Some properties don't have explicit inverses; in these situations RDFa and JSON-LD syntax for reverse properties can be used.",baseVocab:"http://schema.org/",range:["Property"],domain:["Property"]},courseIdentifier:{label:"courseIdentifier",comment:"The identifier of the course, i.e. MATH-100",range:["Text"],domain:["Course"]},sectionIdentifier:{label:"sectionIdentifier",comment:"The identifier of the section, i.e. 001, 002, e3we1-09",range:["Text"],domain:["CourseSection"]},primaryInstructor:{label:"primaryInstructor",comment:"",range:["Person"],domain:["Resource"]},instructor:{label:"instructor",comment:"",range:["Person"],domain:["Resource"]},prerequisite:{label:"prerequisite",comment:"A requirement to be completed before this resource can be performed.",range:["Course","LearningObjective","LearningComponent"],domain:["Resource"]},institution:{label:"insitution",comment:"",range:["Organization"],domain:["Resource"]},department:{label:"department",comment:"",range:["Organization"],domain:["Resource"]},program:{label:"program",comment:"",range:["Organization"],domain:["Resource"]},syllabus:{label:"syllabus",comment:"",range:["CourseSyllabus"],domain:["Resource"]},currentStanding:{label:"currentStanding",comment:"",range:["ClassStanding"],domain:["Resource"]},deliveryMode:{label:"deliveryMode",comment:"",range:["Text"],domain:["Resource"]},enrollmentSize:{label:"enrollment",comment:"",range:["Number"],domain:["Resource"]},hasLearningObjective:{label:"hasLearningObjective",comment:"A LearningObjective gained as a result of an InstructionalPattern .",range:["LearningObjective"],domain:["InstructionalPattern"]},forCourse:{label:"forCourse",comment:"The Course in which the resource is meant for.",range:["Course"],domain:["Resource"]},section:{label:"section",comment:"A specific instance of a course offered during a specific term.",range:["CourseSection"],domain:["Course"]},termOffered:{label:"termOffered",comment:"A term during which a course or course section is offered.",range:["Text"],domain:["Course","CourseSection"]},parentOf:{label:"parentOf",comment:"A parent in relation to a child resource.",range:["Resource"],domain:["Resource"]},childOf:{label:"childOf",comment:"A child in relation to a parent resource.",range:["Resource"],domain:["Resource"]},mainContent:{label:"mainContent",comment:"The main content relating to the item.",range:["Text"],domain:["Resource"]},deliveryFormat:{label:"deliveryFormat",comment:"The format used to deliver the resource.",range:["Format","Text"],domain:["LearningComponent","Course"]},duration:{label:"duration",comment:"The duration of the resource.",range:["Number","Enumeration","Text"],domain:["Activity","Assessment"]},material:{label:"material",comment:"The supporting material assiociated with a resource.",range:["SupportingMaterial"],domain:["Resource"]},assessing:{label:"assessing",comment:"The activity the assessment is assessing.",range:["Activity"],domain:["Assessment"]},assessedBy:{label:"assessedBy",comment:"The assessment for this activity.",range:["Assessment"],domain:["Activity"]},gradingFormat:{label:"gradingFormat",comment:"The grading format for this resource",range:["GradeFormat","Text"],domain:["Activity","Assessment"]},skill:{label:"skill",comment:"A learned skill obtained by completion of a LearningObjective",range:["Text"],domain:["LearningObjective"]},forComponent:{label:"forComponent",comment:"Which LearningComponent the resource supports (inverse of hasComponent)",range:["LearningComponent"],domain:["LearningComponent"]},hasComponent:{label:"forComponent",comment:"Which LearningComponent the InstructionalPattern contains or is supported by (inverse of forComponent)",range:["LearningComponent"],domain:["LearningComponent"]},doTask:{label:"doTask",comment:"Which tasks are to be completed for a LearningComponent",range:["Task"],domain:["LearningComponent"]},typeOfAction:{label:"typeOfAction",comment:"The type of action to be taken",range:["ActionType"],domain:["Task"]},forTopic:{label:"forTopic",comment:"The Topic the resource is associated with",range:["Topic"],domain:["Resource"]},associatedMedia:{label:"associatedMedia",comment:"Refers to any media referenced by the content",range:["http://schema.org/MediaObject"],domain:["Resource"]}}}},types:function(){var schema=this.latestSchema(),types={};for(var i in schema.classes){if(babelHelpers.typeof(schema.classes[i].label)!=="undefined"&&babelHelpers.typeof(schema.classes[i].subClassOf)!=="undefined"&&(schema.classes[i].subClassOf.includes("Resource")||schema.classes[i].subClassOf.includes("LearningComponent")||schema.classes[i].subClassOf.includes("InstructionalPattern"))){types["oer:"+i]=schema.classes[i].label}}return types}});_exports.OerSchema=OerSchema});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../schema-behaviors/schema-behaviors.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.OerSchema=void 0;function _templateObject_1f2c58b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n      }\n    </style>\n    <span property$=\"oer:[[oerProperty]]\"> <slot></slot> [[text]] </span>\n  "],["\n    <style>\n      :host {\n        display: inline-block;\n      }\n    </style>\n    <span property\\$=\"oer:[[oerProperty]]\"> <slot></slot> [[text]] </span>\n  "]);_templateObject_1f2c58b0555211e98f439769bd191e33=function(){return data};return data}var OerSchema=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1f2c58b0555211e98f439769bd191e33()),is:"oer-schema",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{text:{type:String,value:""},oerProperty:{type:String,value:"name"},typeof:{type:String,value:"Resource"},relatedResource:{type:String},_OERLink:{type:Object,computed:"_generateforComponentLink(relatedResource)"}},_generateforComponentLink:function _generateforComponentLink(){if(this._OERLink){document.head.removeChild(this._OERLink)}var link=document.createElement("link");link.setAttribute("property","oer:forComponent");link.setAttribute("content",this.relatedResource);document.head.appendChild(link);return link},attached:function attached(){var props={canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Schema",description:"Schematized element area",icon:"icons:code",color:"blue",groups:["Instructional"],handles:[{type:"inline",text:"text"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"text",title:"Text",description:"The text to schematize",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"text",title:"Text",description:"The text to schematize",inputMethod:"textfield",icon:"editor:title"},{property:"typeof",title:"Schema typeof",description:"Schema typeof",inputMethod:"select",options:this.types()},{property:"oerProperty",title:"Schema property",description:"The OER Schema property this represents",inputMethod:"select",options:{name:"name",additionalType:"additionalType",description:"description",image:"image",mainEntityOfPage:"mainEntityOfPage",sameAs:"sameAs",uri:"uri"}},{property:"relatedResource",title:"Related resource",description:"A reference to the related Schema resource",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}};this.setHaxProperties(props)},latestSchema:function latestSchema(){return{version:"0.3.4",classes:{Resource:{label:"Resource",comment:"A general component that all open educational resources are based from.",schema:"root",subClassOf:["http://schema.org/Thing","http://creativecommons.org/ns#Work"],properties:["parentOf","childOf","forCourse","mainContent","forTopic"]},TableOfContents:{subClassOf:["http://schema.org/Thing"],properties:["entry","childOf","forCourse"]},TableOfContentsEntry:{subClassOf:["TableOfContents"],properties:["title","forComponent"]},Course:{label:"Course",comment:"An instructional course",subClassOf:["Resource"],properties:["courseIdentifier","primaryInstructor","instructor","duration","prerequisite","institution","department","program","syllabus","currentStanding","deliveryFormat","enrollmentSize","section","termOffered"]},CourseSection:{label:"CourseSection",comment:"A specific instance of a course offered during a specific term",subClassOf:["Resource"],properties:["sectionIdentifier","primaryInstructor","instructor","syllabus","forCourse","termOffered","enrollmentSize","duration","deliveryFormat"]},CourseSyllabus:{label:"CourseSyllabus",comment:"",subClassOf:["Resource"],properties:["section","associatedMedia","forCourse"]},Topic:{label:"Topic",comment:"The context of a LearningComponent",subClassOf:["Resource"],properties:["material"]},ClassStanding:{label:"ClassStanding",comment:"",subClassOf:["Intangible"],properties:[]},LearningComponent:{label:"LearningComponent",comment:"A generic component as a base to learning content",subClassOf:["Resource","http://schema.org/CreativeWork"],properties:["forCourse","forComponent","hasComponent","duration","doTask","hasLearningObjective","deliveryFormat"]},LearningObjective:{label:"LearningObjective",commnet:"An expected outcome or skill gained by application of a LearningComponent",subClassOf:["Resource"],properties:["prerequisite","forCourse","forComponent"]},SupportingMaterial:{label:"SupportingMaterial",comment:"Material that teaches the learning objectives of the course.",subClassOf:["LearningComponent"],properties:[]},InstructionalPattern:{label:"InstructionalPattern",comment:"An assembly of learning components arranged to deliver a learning experience",subClassOf:["LearningComponent"],properties:[]},Lesson:{label:"Lesson",comment:"",subClassOf:["InstructionalPattern"],properties:[]},Unit:{label:"Unit",comment:"",subClassOf:["InstructionalPattern"],properties:[]},Module:{label:"Module",comment:"",subClassOf:["InstructionalPattern"],properties:[]},Assessment:{label:"Assessment",comment:"An assessment of a student's activity.",subClassOf:["InstructionalPattern","http://schema.org/Action"],properties:["material","assessing","gradingFormat"]},Quiz:{label:"Quiz",comment:"A quiz assessment",subClassOf:["Assessment"],properties:[]},Submission:{label:"Submission",comment:"An assessment on material provided by a Student",subClassOf:["Assessment"],properties:[]},Task:{label:"Task",comment:"A task given to a student",subClassOf:["InstructionalPattern","http://schema.org/Action"],properties:["material"]},Activity:{label:"Activity",comment:"An activity performed by students which can be assessed and graded.",subClassOf:["Task"],properties:["assessedBy","gradingFormat"]},Project:{label:"Project",comment:"A collection of activities, each of which test a particular skill, demonstrating proficiency across a range of skills",subClassOf:["Activity"],properties:[]},Practice:{label:"Practice",comment:"",subClassOf:["Task"],properties:[]},Format:{label:"Format",comment:"The format of the resource.",subClassOf:["Intangible"],properties:[]},FaceToFaceFormat:{label:"FaceToFaceFormat",comment:"An in-person format where participants are physically present.",subClassOf:["Format"],properties:[]},GradeFormat:{label:"GradeFormat",comment:"The grading format used in activities and assessments.",alternateType:"http://oerschema.org/DataType",subClassOf:["Intangible"],properties:[]},PointGradeFormat:{label:"PointGradeFormat",comment:"A grading format using numerical points",alternateType:"http://oerschema.org/Number",subClassOf:["GradeFormat"],properties:[]},LetterGradeFormat:{label:"LetterGradeFormat",comment:"A grading format using a letter value.",alternateType:"http://oerschema.org/Text",subClassOf:["GradeFormat"],properties:[]},PercentGradeFormat:{label:"PercentGradeFormat",comment:"A grading format using a percentage value.",alternateType:"http://oerschema.org/Integer",subClassOf:["GradeFormat"],properties:[]},CompletionGradeFormat:{label:"CompletionGradeFormat",comment:"A boolean grading format determining if the activity had been completed.",alternateType:"http://oerschema.org/Text",subClassOf:["GradeFormat"],properties:[]},Thing:{label:"Thing",comment:"The most generic type of items.",subClassOf:["http://schema.org/Thing"],properties:["name","additionalType","description","image","mainEntityOfPage","sameAs","uri"]},Intangible:{label:"Intangible",comment:"A utility class that serves as the umbrella for a number of 'intangible' things such as quantities, structured values, etc.",schema:"intangible",subClassOf:["Thing","http://schema.org/Intangible"]},Class:{label:"Class",subClassOf:["Intangible","http://schema.org/Class"],properties:["supersededBy"]},Property:{label:"Property",subClassOf:["Intangible","http://schema.org/Intangible"],properties:["rangeIncludes","domainIncludes","supersededBy","inverseOf"]},Enumeration:{label:"Enumeration",subClassOf:["Intangible","http://schema.org/Enumeration"],properties:["supersededBy"]},DataType:{label:"DataType",comment:"A general type for data values.",subClassOf:["Class","http://schema.org/DataType","rdfs:datatype"]},Person:{label:"Person",comment:"",subClassOf:["Thing","http://schema.org/Person"],properties:[]},Organization:{label:"Organization",comment:"",subClassOf:["Thing","http://schema.org/Organization"],properties:[]},Place:{label:"Place",comment:"",subClassOf:["Thing","http://schema.org/Place"],properties:[]},StructuredValue:{label:"StructuredValue",comment:"",subClassOf:["Intangible","http://schema.org/StructuredValue"],properties:[]},CreativeWork:{label:"CreativeWork",comment:"",subClassOf:["Thing","http://schema.org/CreativeWork"],properties:[]},MediaObject:{label:"MediaObject",comment:"A media object such as a video or interactive object.",subClassOf:["CreativeWork","http://schema.org/MediaObject"],properties:[]},ImageObject:{label:"ImageObject",comment:"An image",subClassOf:["MediaObject","http://schema.org/ImageObject"],properties:[]},Boolean:{label:"Boolean",comment:"A truthy value",subClassOf:["DataType","http://schema.org/Boolean"]},Date:{label:"Date",comment:"A year, month, day value",subClassOf:["DataType","http://schema.org/Date"]},DateTime:{label:"DateTime",comment:"A value with year, month, day, hour, minute, seconds (optional) and timezone (optional).",subClassOf:["DataType","http://schema.org/DateTime"]},Integer:{label:"Integer",comment:"A numeric value of 0 or greater.",subClassOf:["Number","http://schema.org/Integer"]},Number:{label:"Number",comment:"A general numeric value.",subClassOf:["DataType","http://schema.org/Number"]},Text:{label:"Text",subClassOf:["DataType","http://schema.org/Text"]},Time:{label:"Time",comment:"A value including hour, minute, seconds (optional) and timezone (optional).",subClassOf:["DataType","http://schema.org/Time"]},URL:{label:"URL",comment:"A web address",subClassOf:["Text","http://schema.org/URL"]},Yes:{label:"Yes",comment:"A truthy value of Yes.",subClassOf:["Boolean"]},No:{label:"No",comment:"A truthy value of No.",subClassOf:["Boolean"]},True:{label:"True",comment:"A truthy value of True.",subClassOf:["Boolean","http://schema.org/True"]},False:{label:"False",comment:"A truthy value of False.",subClassOf:["Boolean","http://schema.org/False"]},ActionType:{label:"ActionType",comment:"A datatype declaring the type of action taken",subClassOf:["DataType"]},Writing:{label:"Writing is involved with the resource",comment:"",subClassOf:["ActionType"]},Reading:{label:"Reading",comment:"Reading is involved with the resource",subClassOf:["ActionType"]},Making:{label:"Making",comment:"Making is involved with the resource",subClassOf:["ActionType"]},Researching:{label:"ResearchingActivity",comment:"Researching is involved with the resource",subClassOf:["ActionType"]},Listening:{label:"Listening",comment:"Listening is involved with the resource",subClassOf:["ActionType"]},Watching:{label:"Watching",comment:"Watching is involved with the resource",subClassOf:["ActionType"]},Reflecting:{label:"Refecting",comment:"Reflecting is involved with the resource",subClassOf:["ActionType"]},Discussing:{label:"Discussing",comment:"Discussing is involved with the resource",subClassOf:["ActionType"]},Observing:{label:"Observing",comment:"Observing is involved with the resource",subClassOf:["ActionType"]},Presenting:{label:"Presenting",comment:"Presenting is involved with the resource",subClassOf:["ActionType"]},Assess:{label:"Assess",comment:"Assess is involved with the resource",subClassOf:["ActionType"]}},properties:{entry:{label:"entry",comment:"An entry adds a item to a ToC.",baseVocab:"http://schema.org/",range:["TableOfContentsEntry"],domain:["TableOfContents"]},name:{label:"name",comment:"The name of the item.",baseVocab:"http://schema.org/",range:["Text"],domain:["resource"]},additionalName:{label:"additionalName",comment:"An alias for the item.",baseVocab:"http://schema.org/",range:["Text"],domain:["Thing"]},additionalType:{label:"additionalType",comment:"An additional type for the item, typically used for adding more specific types from external vocabularies in microdata syntax.",baseVocab:"http://schema.org/",range:["Class"],domain:["Thing"]},description:{label:"description",comment:"A short description of the item.",baseVocab:"http://schema.org/",range:["Text"],domain:["Thing"]},image:{label:"image",comment:"An image of the item.",baseVocab:"http://schema.org/",range:["URL","CreativeWork"],domain:["Thing"]},mainEntityOfPage:{label:"mainEntityOfPage",comment:"Indicates a page (or other CreativeWork) for which this thing is the main entity being described.",baseVocab:"http://schema.org/",inverseOf:"mainEntity",range:["URL","CreativeWork"],domain:["Thing"]},sameAs:{label:"sameAs",comment:"URL of a reference Web page that unambiguously indicates the item's identity. E.g. the URL of the item's Wikipedia page, Freebase page, or official website.",baseVocab:"http://schema.org/",range:["URL"],domain:["Thing"]},uri:{label:"uri",comment:"URL of the item.",baseVocab:"http://schema.org/",alternateType:"http://schema.org/url",range:["URL"],domain:["Thing"]},rangeIncludes:{label:"rangeIncludes",comment:"Relates a property to a class that constitutes (one of) the expected type(s) for values of the property.",baseVocab:"http://schema.org/",range:["Class"],domain:["Thing"]},domainIncludes:{label:"domainIncludes",comment:"Relates a property to a class that is (one of) the type(s) the property is expected to be used on.",baseVocab:"http://schema.org/",range:["Class"],domain:["Property"]},supersededBy:{label:"supersededBy",comment:"",baseVocab:"http://schema.org/",range:["Class","Property","Enumeration"],domain:["Class","Property","Enumeration"]},inverseOf:{label:"inverseOf",comment:"Relates a property to a property that is its inverse. Inverse properties relate the same pairs of items to each other, but in reversed direction. For example, the 'alumni' and 'alumniOf' properties are inverseOf each other. Some properties don't have explicit inverses; in these situations RDFa and JSON-LD syntax for reverse properties can be used.",baseVocab:"http://schema.org/",range:["Property"],domain:["Property"]},courseIdentifier:{label:"courseIdentifier",comment:"The identifier of the course, i.e. MATH-100",range:["Text"],domain:["Course"]},sectionIdentifier:{label:"sectionIdentifier",comment:"The identifier of the section, i.e. 001, 002, e3we1-09",range:["Text"],domain:["CourseSection"]},primaryInstructor:{label:"primaryInstructor",comment:"",range:["Person"],domain:["Resource"]},instructor:{label:"instructor",comment:"",range:["Person"],domain:["Resource"]},prerequisite:{label:"prerequisite",comment:"A requirement to be completed before this resource can be performed.",range:["Course","LearningObjective","LearningComponent"],domain:["Resource"]},institution:{label:"insitution",comment:"",range:["Organization"],domain:["Resource"]},department:{label:"department",comment:"",range:["Organization"],domain:["Resource"]},program:{label:"program",comment:"",range:["Organization"],domain:["Resource"]},syllabus:{label:"syllabus",comment:"",range:["CourseSyllabus"],domain:["Resource"]},currentStanding:{label:"currentStanding",comment:"",range:["ClassStanding"],domain:["Resource"]},deliveryMode:{label:"deliveryMode",comment:"",range:["Text"],domain:["Resource"]},enrollmentSize:{label:"enrollment",comment:"",range:["Number"],domain:["Resource"]},hasLearningObjective:{label:"hasLearningObjective",comment:"A LearningObjective gained as a result of an InstructionalPattern .",range:["LearningObjective"],domain:["InstructionalPattern"]},forCourse:{label:"forCourse",comment:"The Course in which the resource is meant for.",range:["Course"],domain:["Resource"]},section:{label:"section",comment:"A specific instance of a course offered during a specific term.",range:["CourseSection"],domain:["Course"]},termOffered:{label:"termOffered",comment:"A term during which a course or course section is offered.",range:["Text"],domain:["Course","CourseSection"]},parentOf:{label:"parentOf",comment:"A parent in relation to a child resource.",range:["Resource"],domain:["Resource"]},childOf:{label:"childOf",comment:"A child in relation to a parent resource.",range:["Resource"],domain:["Resource"]},mainContent:{label:"mainContent",comment:"The main content relating to the item.",range:["Text"],domain:["Resource"]},deliveryFormat:{label:"deliveryFormat",comment:"The format used to deliver the resource.",range:["Format","Text"],domain:["LearningComponent","Course"]},duration:{label:"duration",comment:"The duration of the resource.",range:["Number","Enumeration","Text"],domain:["Activity","Assessment"]},material:{label:"material",comment:"The supporting material assiociated with a resource.",range:["SupportingMaterial"],domain:["Resource"]},assessing:{label:"assessing",comment:"The activity the assessment is assessing.",range:["Activity"],domain:["Assessment"]},assessedBy:{label:"assessedBy",comment:"The assessment for this activity.",range:["Assessment"],domain:["Activity"]},gradingFormat:{label:"gradingFormat",comment:"The grading format for this resource",range:["GradeFormat","Text"],domain:["Activity","Assessment"]},skill:{label:"skill",comment:"A learned skill obtained by completion of a LearningObjective",range:["Text"],domain:["LearningObjective"]},forComponent:{label:"forComponent",comment:"Which LearningComponent the resource supports (inverse of hasComponent)",range:["LearningComponent"],domain:["LearningComponent"]},hasComponent:{label:"forComponent",comment:"Which LearningComponent the InstructionalPattern contains or is supported by (inverse of forComponent)",range:["LearningComponent"],domain:["LearningComponent"]},doTask:{label:"doTask",comment:"Which tasks are to be completed for a LearningComponent",range:["Task"],domain:["LearningComponent"]},typeOfAction:{label:"typeOfAction",comment:"The type of action to be taken",range:["ActionType"],domain:["Task"]},forTopic:{label:"forTopic",comment:"The Topic the resource is associated with",range:["Topic"],domain:["Resource"]},associatedMedia:{label:"associatedMedia",comment:"Refers to any media referenced by the content",range:["http://schema.org/MediaObject"],domain:["Resource"]}}}},types:function(){var schema=this.latestSchema(),types={};for(var i in schema.classes){if(babelHelpers.typeof(schema.classes[i].label)!=="undefined"&&babelHelpers.typeof(schema.classes[i].subClassOf)!=="undefined"&&(schema.classes[i].subClassOf.includes("Resource")||schema.classes[i].subClassOf.includes("LearningComponent")||schema.classes[i].subClassOf.includes("InstructionalPattern"))){types["oer:"+i]=schema.classes[i].label}}return types}});_exports.OerSchema=OerSchema});
\ No newline at end of file
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 2231db07466..833c19aafa3 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/mixins/gesture-event-listeners.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/polymer/lib/utils/gestures.js"],function(_exports,_polymerElement,_gestureEventListeners,async,Gestures){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SortableList=void 0;async=babelHelpers.interopRequireWildcard(async);Gestures=babelHelpers.interopRequireWildcard(Gestures);function _templateObject_9ff4e15054f411e9aeb367f92c5b63ab(){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_9ff4e15054f411e9aeb367f92c5b63ab=function(){return data};return data}var SortableList=function(_GestureEventListener){babelHelpers.inherits(SortableList,_GestureEventListener);babelHelpers.createClass(SortableList,null,[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_9ff4e15054f411e9aeb367f92c5b63ab())}},{key:"is",get:function get(){return"sortable-list"}},{key:"properties",get:function get(){return{sortable:String,items:{type:Array,notify:!0,readOnly:!0},dragging:{type:Boolean,notify:!0,readOnly:!0,reflectToAttribute:!0,value:!1},disabled:{type:Boolean,reflectToAttribute:!0,value:!1}}}}]);function SortableList(){var _this;babelHelpers.classCallCheck(this,SortableList);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SortableList).call(this));_this._observer=null;_this._target=null;_this._targetRect=null;_this._rects=null;_this._onTrack=_this._onTrack.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));_this._onDragStart=_this._onDragStart.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));_this._onTransitionEnd=_this._onTransitionEnd.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));_this._onContextMenu=_this._onContextMenu.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));_this._onTouchMove=_this._onTouchMove.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));return _this}babelHelpers.createClass(SortableList,[{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(SortableList.prototype),"connectedCallback",this).call(this);async.microTask.run(function(){_this2._observeItems();_this2._updateItems();_this2._toggleListeners({enable:!0})})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SortableList.prototype),"disconnectedCallback",this).call(this);this._unobserveItems();this._toggleListeners({enable:!1})}},{key:"_toggleListeners",value:function _toggleListeners(_ref){var enable=_ref.enable,m=enable?"addEventListener":"removeEventListener";this.$.items[m]("dragstart",this._onDragStart);this.$.items[m]("transitionend",this._onTransitionEnd);this.$.items[m]("contextmenu",this._onContextMenu);this.$.items[m]("touchmove",this._onTouchMove);if(enable){Gestures.addListener(this,"track",this._onTrack)}else{Gestures.removeListener(this,"track",this._onTrack)}}},{key:"_onTrack",value:function _onTrack(event){switch(event.detail.state){case"start":this._trackStart(event);break;case"track":this._track(event);break;case"end":this._trackEnd(event);break;}}},{key:"_trackStart",value:function _trackStart(event){var _this3=this;if(this.disabled){return}this._target=this._itemFromEvent(event);if(!this._target){return}event.stopPropagation();this._rects=this._getItemsRects();this._targetRect=this._rects[this.items.indexOf(this._target)];this._target.classList.add("item--dragged","item--pressed");if("vibrate"in navigator){navigator.vibrate(30)}var rect=this.getBoundingClientRect();this.style.height=rect.height+"px";this.style.width=rect.width+"px";this.items.forEach(function(item,idx){var rect=_this3._rects[idx];item.classList.add("item--transform");item.style.transition="none";item.__originalWidth=item.style.width;item.__originalHeight=item.style.height;item.style.width=rect.width+"px";item.style.height=rect.height+"px";_this3._translate3d(rect.left,rect.top,1,item);setTimeout(function(){item.style.transition=null},20)});this._setDragging(!0)}},{key:"_track",value:function _track(event){var _this4=this;if(!this.dragging){return}var left=this._targetRect.left+event.detail.dx,top=this._targetRect.top+event.detail.dy;this._translate3d(left,top,1,this._target);var overItem=this._itemFromCoords(event.detail);if(overItem&&overItem!==this._target){var overItemIndex=this.items.indexOf(overItem),targetIndex=this.items.indexOf(this._target);this._moveItemArray(this.items,targetIndex,overItemIndex);for(var _loop=function(i){if(_this4.items[i]!==_this4._target){var rect=_this4._rects[i];requestAnimationFrame(function(){_this4._translate3d(rect.left,rect.top,1,_this4.items[i])})}},i=0;i<this.items.length;i++){_loop(i)}}}},{key:"_trackEnd",value:function _trackEnd(){if(!this.dragging){return}var rect=this._rects[this.items.indexOf(this._target)];this._target.classList.remove("item--pressed");this._setDragging(!1);this._translate3d(rect.left,rect.top,1,this._target)}},{key:"_onTransitionEnd",value:function _onTransitionEnd(){if(this.dragging||!this._target){return}var fragment=document.createDocumentFragment();this.items.forEach(function(item){item.style.transform="";item.style.width=item.__originalWidth;item.style.height=item.__originalHeight;item.classList.remove("item--transform");fragment.appendChild(item)});if(this.children[0]){this.insertBefore(fragment,this.children[0])}else{this.appendChild(fragment)}this.style.height="";this._target.classList.remove("item--dragged");this._rects=null;this._targetRect=null;this._updateItems();this.dispatchEvent(new CustomEvent("sort-finish",{composed:!0,detail:{target:this._target}}));this._target=null}},{key:"_onDragStart",value:function _onDragStart(event){event.preventDefault()}},{key:"_onContextMenu",value:function _onContextMenu(event){if(this.dragging){event.preventDefault();this._trackEnd()}}},{key:"_onTouchMove",value:function _onTouchMove(event){event.preventDefault()}},{key:"_updateItems",value:function _updateItems(){var _this5=this;if(this.dragging){return}var items=this.$.slot.assignedNodes().filter(function(node){if(node.nodeType===Node.ELEMENT_NODE&&(!_this5.sortable||node.matches(_this5.sortable))){return!0}});this._setItems(items)}},{key:"_itemFromCoords",value:function _itemFromCoords(_ref2){var _this6=this,x=_ref2.x,y=_ref2.y;if(!this._rects){return}var match=null;this._rects.forEach(function(rect,i){if(x>=rect.left&&x<=rect.left+rect.width&&y>=rect.top&&y<=rect.top+rect.height){match=_this6.items[i]}});return match}},{key:"_itemFromEvent",value:function _itemFromEvent(event){for(var path=event.composedPath(),i=0;i<path.length;i++){if(-1<this.items.indexOf(path[i])){return path[i]}}}},{key:"_getItemsRects",value:function _getItemsRects(){return this.items.map(function(item){return item.getBoundingClientRect()})}},{key:"_observeItems",value:function _observeItems(){var _this7=this;if(!this._observer){this._observer=new MutationObserver(function(){_this7._updateItems()});this._observer.observe(this,{childList:!0})}}},{key:"_unobserveItems",value:function _unobserveItems(){if(this._observer){this._observer.disconnect();this._observer=null}}},{key:"_moveItemArray",value:function _moveItemArray(array,oldIndex,newIndex){if(newIndex>=array.length){var k=newIndex-array.length;while(k--+1){array.push(void 0)}}array.splice(newIndex,0,array.splice(oldIndex,1)[0]);return array}},{key:"_translate3d",value:function _translate3d(x,y,z,el){el.style.transform="translate3d(".concat(x,"px, ").concat(y,"px, ").concat(z,"px)")}}]);return SortableList}((0,_gestureEventListeners.GestureEventListeners)(_polymerElement.PolymerElement));_exports.SortableList=SortableList;window.customElements.define("sortable-list",SortableList)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/mixins/gesture-event-listeners.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/polymer/lib/utils/gestures.js"],function(_exports,_polymerElement,_gestureEventListeners,async,Gestures){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SortableList=void 0;async=babelHelpers.interopRequireWildcard(async);Gestures=babelHelpers.interopRequireWildcard(Gestures);function _templateObject_345621d0555211e98f439769bd191e33(){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_345621d0555211e98f439769bd191e33=function(){return data};return data}var SortableList=function(_GestureEventListener){babelHelpers.inherits(SortableList,_GestureEventListener);babelHelpers.createClass(SortableList,null,[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_345621d0555211e98f439769bd191e33())}},{key:"is",get:function get(){return"sortable-list"}},{key:"properties",get:function get(){return{sortable:String,items:{type:Array,notify:!0,readOnly:!0},dragging:{type:Boolean,notify:!0,readOnly:!0,reflectToAttribute:!0,value:!1},disabled:{type:Boolean,reflectToAttribute:!0,value:!1}}}}]);function SortableList(){var _this;babelHelpers.classCallCheck(this,SortableList);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SortableList).call(this));_this._observer=null;_this._target=null;_this._targetRect=null;_this._rects=null;_this._onTrack=_this._onTrack.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));_this._onDragStart=_this._onDragStart.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));_this._onTransitionEnd=_this._onTransitionEnd.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));_this._onContextMenu=_this._onContextMenu.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));_this._onTouchMove=_this._onTouchMove.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));return _this}babelHelpers.createClass(SortableList,[{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(SortableList.prototype),"connectedCallback",this).call(this);async.microTask.run(function(){_this2._observeItems();_this2._updateItems();_this2._toggleListeners({enable:!0})})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SortableList.prototype),"disconnectedCallback",this).call(this);this._unobserveItems();this._toggleListeners({enable:!1})}},{key:"_toggleListeners",value:function _toggleListeners(_ref){var enable=_ref.enable,m=enable?"addEventListener":"removeEventListener";this.$.items[m]("dragstart",this._onDragStart);this.$.items[m]("transitionend",this._onTransitionEnd);this.$.items[m]("contextmenu",this._onContextMenu);this.$.items[m]("touchmove",this._onTouchMove);if(enable){Gestures.addListener(this,"track",this._onTrack)}else{Gestures.removeListener(this,"track",this._onTrack)}}},{key:"_onTrack",value:function _onTrack(event){switch(event.detail.state){case"start":this._trackStart(event);break;case"track":this._track(event);break;case"end":this._trackEnd(event);break;}}},{key:"_trackStart",value:function _trackStart(event){var _this3=this;if(this.disabled){return}this._target=this._itemFromEvent(event);if(!this._target){return}event.stopPropagation();this._rects=this._getItemsRects();this._targetRect=this._rects[this.items.indexOf(this._target)];this._target.classList.add("item--dragged","item--pressed");if("vibrate"in navigator){navigator.vibrate(30)}var rect=this.getBoundingClientRect();this.style.height=rect.height+"px";this.style.width=rect.width+"px";this.items.forEach(function(item,idx){var rect=_this3._rects[idx];item.classList.add("item--transform");item.style.transition="none";item.__originalWidth=item.style.width;item.__originalHeight=item.style.height;item.style.width=rect.width+"px";item.style.height=rect.height+"px";_this3._translate3d(rect.left,rect.top,1,item);setTimeout(function(){item.style.transition=null},20)});this._setDragging(!0)}},{key:"_track",value:function _track(event){var _this4=this;if(!this.dragging){return}var left=this._targetRect.left+event.detail.dx,top=this._targetRect.top+event.detail.dy;this._translate3d(left,top,1,this._target);var overItem=this._itemFromCoords(event.detail);if(overItem&&overItem!==this._target){var overItemIndex=this.items.indexOf(overItem),targetIndex=this.items.indexOf(this._target);this._moveItemArray(this.items,targetIndex,overItemIndex);for(var _loop=function(i){if(_this4.items[i]!==_this4._target){var rect=_this4._rects[i];requestAnimationFrame(function(){_this4._translate3d(rect.left,rect.top,1,_this4.items[i])})}},i=0;i<this.items.length;i++){_loop(i)}}}},{key:"_trackEnd",value:function _trackEnd(){if(!this.dragging){return}var rect=this._rects[this.items.indexOf(this._target)];this._target.classList.remove("item--pressed");this._setDragging(!1);this._translate3d(rect.left,rect.top,1,this._target)}},{key:"_onTransitionEnd",value:function _onTransitionEnd(){if(this.dragging||!this._target){return}var fragment=document.createDocumentFragment();this.items.forEach(function(item){item.style.transform="";item.style.width=item.__originalWidth;item.style.height=item.__originalHeight;item.classList.remove("item--transform");fragment.appendChild(item)});if(this.children[0]){this.insertBefore(fragment,this.children[0])}else{this.appendChild(fragment)}this.style.height="";this._target.classList.remove("item--dragged");this._rects=null;this._targetRect=null;this._updateItems();this.dispatchEvent(new CustomEvent("sort-finish",{composed:!0,detail:{target:this._target}}));this._target=null}},{key:"_onDragStart",value:function _onDragStart(event){event.preventDefault()}},{key:"_onContextMenu",value:function _onContextMenu(event){if(this.dragging){event.preventDefault();this._trackEnd()}}},{key:"_onTouchMove",value:function _onTouchMove(event){event.preventDefault()}},{key:"_updateItems",value:function _updateItems(){var _this5=this;if(this.dragging){return}var items=this.$.slot.assignedNodes().filter(function(node){if(node.nodeType===Node.ELEMENT_NODE&&(!_this5.sortable||node.matches(_this5.sortable))){return!0}});this._setItems(items)}},{key:"_itemFromCoords",value:function _itemFromCoords(_ref2){var _this6=this,x=_ref2.x,y=_ref2.y;if(!this._rects){return}var match=null;this._rects.forEach(function(rect,i){if(x>=rect.left&&x<=rect.left+rect.width&&y>=rect.top&&y<=rect.top+rect.height){match=_this6.items[i]}});return match}},{key:"_itemFromEvent",value:function _itemFromEvent(event){for(var path=event.composedPath(),i=0;i<path.length;i++){if(-1<this.items.indexOf(path[i])){return path[i]}}}},{key:"_getItemsRects",value:function _getItemsRects(){return this.items.map(function(item){return item.getBoundingClientRect()})}},{key:"_observeItems",value:function _observeItems(){var _this7=this;if(!this._observer){this._observer=new MutationObserver(function(){_this7._updateItems()});this._observer.observe(this,{childList:!0})}}},{key:"_unobserveItems",value:function _unobserveItems(){if(this._observer){this._observer.disconnect();this._observer=null}}},{key:"_moveItemArray",value:function _moveItemArray(array,oldIndex,newIndex){if(newIndex>=array.length){var k=newIndex-array.length;while(k--+1){array.push(void 0)}}array.splice(newIndex,0,array.splice(oldIndex,1)[0]);return array}},{key:"_translate3d",value:function _translate3d(x,y,z,el){el.style.transform="translate3d(".concat(x,"px, ").concat(y,"px, ").concat(z,"px)")}}]);return SortableList}((0,_gestureEventListeners.GestureEventListeners)(_polymerElement.PolymerElement));_exports.SortableList=SortableList;window.customElements.define("sortable-list",SortableList)});
\ No newline at end of file
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 06099354678..807e4f88065 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/polymer/lib/utils/async.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/social-icons.js","../../@polymer/iron-icons/device-icons.js","../../@polymer/iron-pages/iron-pages.js","../../@polymer/iron-image/iron-image.js","../../@polymer/paper-button/paper-button.js","../../@polymer/paper-card/paper-card.js","../../@polymer/iron-ajax/iron-ajax.js","../../@polymer/iron-list/iron-list.js","../../@polymer/iron-swipeable-container/iron-swipeable-container.js","../../@polymer/paper-tooltip/paper-tooltip.js","../../@polymer/paper-progress/paper-progress.js","../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../@polymer/app-layout/app-header/app-header.js","../item-overlay-ops/item-overlay-ops.js","../lrnsys-outline/lrnsys-outline.js","../simple-colors/simple-colors.js","../simple-modal/simple-modal.js","../editable-list/editable-list.js","./lib/sortable-list.js","./lib/pagemap.js"],function(_exports,_polymerElement,async,_paperIconButton,_ironIcons,_socialIcons,_deviceIcons,_ironPages,_ironImage,_paperButton,_paperCard,_ironAjax,_ironList,_ironSwipeableContainer,_paperTooltip,_paperProgress,_appToolbar,_appHeader,_itemOverlayOps,_lrnsysOutline,_simpleColors,_simpleModal,_editableList,_sortableList,_pagemap){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.OutlineDesigner=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_8624c1a054f411e9aeb367f92c5b63ab(){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(--breadcrumb-color1, rgb(67, 110, 144));\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(--breadcrumb-color1, rgb(67, 110, 144));\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: #dddddd;\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: #dddddd;\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: dodgerblue;\n          border-color: dodgerblue;\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: dodgerblue;\n          border-left-width: 2px;\n        }\n        .node-low-detail li li:before {\n          border-top-color: dodgerblue;\n          border-top-width: 2px;\n        }\n      </style>\n      <style is=\"custom-style\" include=\"simple-colors\"></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-tap=\"_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-tap=\"_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-tap=\"_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_8624c1a054f411e9aeb367f92c5b63ab=function(){return data};return data}var OutlineDesigner=function(_PolymerElement){babelHelpers.inherits(OutlineDesigner,_PolymerElement);function OutlineDesigner(){babelHelpers.classCallCheck(this,OutlineDesigner);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(OutlineDesigner).apply(this,arguments))}babelHelpers.createClass(OutlineDesigner,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(OutlineDesigner.prototype),"connectedCallback",this).call(this);this.$.ironlist.addEventListener("item-overlay-op-changed",this._overlayOpChanged.bind(this));this.$.ironlist.addEventListener("item-overlay-option-selected",this._overlayOpSelected.bind(this));(0,_pagemap.pagemap)(this.$.minimaparea,{viewport:null,styles:{"ul,ol,li":"rgba(0, 0, 0, 0.08)","h1,h2,h3,h4,h5,h6,a":"rgba(0, 0, 0, 0.10)","lrnsys-outline-item":"rgba(0, 0, 0, 0.08)","p,section":"rgba(0, 0, 0, 0.02)"},back:"rgba(0, 0, 0, 0.02)",view:"rgba(0, 0, 0, 0.05)",drag:"rgba(0, 0, 0, 0.10)",interval:null})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(OutlineDesigner.prototype),"disconnectedCallback",this).call(this);this.$.ironlist.removeEventListener("item-overlay-op-changed",this._overlayOpChanged.bind(this));this.$.ironlist.removeEventListener("item-overlay-option-selected",this._overlayOpSelected.bind(this))}},{key:"_toggleMiniMap",value:function _toggleMiniMap(){this.miniMap=!this.miniMap}},{key:"_miniMapChanged",value:function _miniMapChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){if(newValue){this.$.minimap.icon="device:gps-fixed";this.$.minimaparea.classList.add("show-minimap")}else{this.$.minimap.icon="device:gps-off";this.$.minimaparea.classList.remove("show-minimap")}}}},{key:"_toggleViewMode",value:function _toggleViewMode(){switch(this.viewMode){case"cards":this.viewMode="outline";break;case"outline":this.outlineData=this.$.outline.getData();this.viewMode="tree";break;case"tree":this.viewMode="drag";break;case"drag":this.viewMode="cards";break;}}},{key:"_toggleDetailsMode",value:function _toggleDetailsMode(){switch(this.detailsMode){case"low":this.detailsMode="mid";break;case"mid":this.detailsMode="high";break;case"high":this.detailsMode="low";break;}}},{key:"_detailsModeChanged",value:function _detailsModeChanged(newValue){var _this=this;if(babelHelpers.typeof(newValue)!=="undefined"){switch(newValue){case"low":this.detailsModeIcon="icons:apps";this.detailsModeLabel="Low";break;case"mid":this.detailsModeIcon="icons:view-module";this.detailsModeLabel="Medium";break;case"high":this.detailsModeIcon="icons:view-carousel";this.detailsModeLabel="High";break;}if(0===this.selectedView){async.microTask.run(function(){setTimeout(function(){_this.$.ironlist.fire("iron-resize");window.dispatchEvent(new Event("resize"))},50)})}}}},{key:"_onSortFinish",value:function _onSortFinish(e){console.log(e.detail)}},{key:"_overlayOpChanged",value:function _overlayOpChanged(e){console.log(e.detail);switch(e.detail.operation){case"add":console.log("add item");console.log(e.detail.element.getAttribute("data-item-id"));break;case"edit":console.log("edit item");console.log(e.detail.element.getAttribute("data-item-id"));break;}}},{key:"_overlayOpSelected",value:function _overlayOpSelected(e){console.log(e.detail);switch(e.detail.operation){case"move":if("option1"===e.detail.option){console.log("move left")}else if("option2"===e.detail.option){console.log("move right")}console.log(e.detail.element.getAttribute("data-item-id"));break;case"duplicate":if("option1"===e.detail.option){console.log("duplicate");console.log(e.detail.element.getAttribute("data-item-id"))}break;case"remove":if("option1"===e.detail.option){console.log("remove");console.log(e.detail.element.getAttribute("data-item-id"))}break;}}},{key:"_viewModeChanged",value:function _viewModeChanged(newValue){var _this2=this;if(babelHelpers.typeof(newValue)!=="undefined"){switch(newValue){case"cards":this.$.viewmode.classList.add("rotate-90");this.selectedView=0;this.viewModeIcon="icons:view-module";this.viewModeLabel="Card view";async.microTask.run(function(){setTimeout(function(){_this2.$.ironlist.fire("iron-resize");window.dispatchEvent(new Event("resize"))},100)});break;case"outline":this.$.viewmode.classList.remove("rotate-90");this.selectedView=1;this.viewModeIcon="icons:view-list";this.viewModeLabel="Outline view";break;case"tree":this.$.viewmode.classList.add("rotate-90");this.selectedView=2;this.viewModeIcon="social:share";this.viewModeLabel="Tree view";break;case"drag":this.$.viewmode.classList.remove("rotate-90");this.selectedView=3;this.viewModeIcon="icons:touch-app";this.viewModeLabel="Draggable cards";break;}}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_8624c1a054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{viewMode:{name:"viewMode",type:"String",value:"cards",observer:"_viewModeChanged"},viewModeIcon:{name:"viewModeIcon",type:"String"},viewModeLabel:{name:"viewModeLabel",type:"String"},detailsMode:{name:"detailsMode",type:"String",value:"mid",reflectToAttribute:!0,observer:"_detailsModeChanged"},detailsModeIcon:{name:"detailsModeIcon",type:"String"},detailsModeLabel:{name:"detailsModeLabel",type:"String"},selectedView:{name:"selectedView",type:"Number"},editMode:{name:"editMode",type:"Boolean",value:!1,reflectToAttribute:!0,observer:"_editModeChanged"},miniMap:{name:"miniMap",type:"Boolean",value:!0,reflectToAttribute:!0,observer:"_miniMapChanged"},outlineSchemaUrl:{name:"outlineSchemaUrl",type:"String",value:!1},manifest:{name:"manifest",type:"Object",notify:!0},outlineData:{name:"outlineData",type:"Object",notify:!0}}}},{key:"tag",get:function get(){return"outline-designer"}}]);return OutlineDesigner}(_polymerElement.PolymerElement);_exports.OutlineDesigner=OutlineDesigner;window.customElements.define("outline-designer",OutlineDesigner)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/polymer/lib/utils/async.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/social-icons.js","../../@polymer/iron-icons/device-icons.js","../../@polymer/iron-pages/iron-pages.js","../../@polymer/iron-image/iron-image.js","../../@polymer/paper-button/paper-button.js","../../@polymer/paper-card/paper-card.js","../../@polymer/iron-ajax/iron-ajax.js","../../@polymer/iron-list/iron-list.js","../../@polymer/iron-swipeable-container/iron-swipeable-container.js","../../@polymer/paper-tooltip/paper-tooltip.js","../../@polymer/paper-progress/paper-progress.js","../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../@polymer/app-layout/app-header/app-header.js","../item-overlay-ops/item-overlay-ops.js","../lrnsys-outline/lrnsys-outline.js","../simple-colors/simple-colors.js","../simple-modal/simple-modal.js","../editable-list/editable-list.js","./lib/sortable-list.js","./lib/pagemap.js"],function(_exports,_polymerElement,async,_paperIconButton,_ironIcons,_socialIcons,_deviceIcons,_ironPages,_ironImage,_paperButton,_paperCard,_ironAjax,_ironList,_ironSwipeableContainer,_paperTooltip,_paperProgress,_appToolbar,_appHeader,_itemOverlayOps,_lrnsysOutline,_simpleColors,_simpleModal,_editableList,_sortableList,_pagemap){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.OutlineDesigner=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_1f571230555211e98f439769bd191e33(){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(--breadcrumb-color1, rgb(67, 110, 144));\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(--breadcrumb-color1, rgb(67, 110, 144));\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: #dddddd;\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: #dddddd;\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: dodgerblue;\n          border-color: dodgerblue;\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: dodgerblue;\n          border-left-width: 2px;\n        }\n        .node-low-detail li li:before {\n          border-top-color: dodgerblue;\n          border-top-width: 2px;\n        }\n      </style>\n      <style is=\"custom-style\" include=\"simple-colors\"></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-tap=\"_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-tap=\"_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-tap=\"_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_1f571230555211e98f439769bd191e33=function(){return data};return data}var OutlineDesigner=function(_PolymerElement){babelHelpers.inherits(OutlineDesigner,_PolymerElement);function OutlineDesigner(){babelHelpers.classCallCheck(this,OutlineDesigner);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(OutlineDesigner).apply(this,arguments))}babelHelpers.createClass(OutlineDesigner,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(OutlineDesigner.prototype),"connectedCallback",this).call(this);this.$.ironlist.addEventListener("item-overlay-op-changed",this._overlayOpChanged.bind(this));this.$.ironlist.addEventListener("item-overlay-option-selected",this._overlayOpSelected.bind(this));(0,_pagemap.pagemap)(this.$.minimaparea,{viewport:null,styles:{"ul,ol,li":"rgba(0, 0, 0, 0.08)","h1,h2,h3,h4,h5,h6,a":"rgba(0, 0, 0, 0.10)","lrnsys-outline-item":"rgba(0, 0, 0, 0.08)","p,section":"rgba(0, 0, 0, 0.02)"},back:"rgba(0, 0, 0, 0.02)",view:"rgba(0, 0, 0, 0.05)",drag:"rgba(0, 0, 0, 0.10)",interval:null})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(OutlineDesigner.prototype),"disconnectedCallback",this).call(this);this.$.ironlist.removeEventListener("item-overlay-op-changed",this._overlayOpChanged.bind(this));this.$.ironlist.removeEventListener("item-overlay-option-selected",this._overlayOpSelected.bind(this))}},{key:"_toggleMiniMap",value:function _toggleMiniMap(){this.miniMap=!this.miniMap}},{key:"_miniMapChanged",value:function _miniMapChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){if(newValue){this.$.minimap.icon="device:gps-fixed";this.$.minimaparea.classList.add("show-minimap")}else{this.$.minimap.icon="device:gps-off";this.$.minimaparea.classList.remove("show-minimap")}}}},{key:"_toggleViewMode",value:function _toggleViewMode(){switch(this.viewMode){case"cards":this.viewMode="outline";break;case"outline":this.outlineData=this.$.outline.getData();this.viewMode="tree";break;case"tree":this.viewMode="drag";break;case"drag":this.viewMode="cards";break;}}},{key:"_toggleDetailsMode",value:function _toggleDetailsMode(){switch(this.detailsMode){case"low":this.detailsMode="mid";break;case"mid":this.detailsMode="high";break;case"high":this.detailsMode="low";break;}}},{key:"_detailsModeChanged",value:function _detailsModeChanged(newValue){var _this=this;if(babelHelpers.typeof(newValue)!=="undefined"){switch(newValue){case"low":this.detailsModeIcon="icons:apps";this.detailsModeLabel="Low";break;case"mid":this.detailsModeIcon="icons:view-module";this.detailsModeLabel="Medium";break;case"high":this.detailsModeIcon="icons:view-carousel";this.detailsModeLabel="High";break;}if(0===this.selectedView){async.microTask.run(function(){setTimeout(function(){_this.$.ironlist.fire("iron-resize");window.dispatchEvent(new Event("resize"))},50)})}}}},{key:"_onSortFinish",value:function _onSortFinish(e){console.log(e.detail)}},{key:"_overlayOpChanged",value:function _overlayOpChanged(e){console.log(e.detail);switch(e.detail.operation){case"add":console.log("add item");console.log(e.detail.element.getAttribute("data-item-id"));break;case"edit":console.log("edit item");console.log(e.detail.element.getAttribute("data-item-id"));break;}}},{key:"_overlayOpSelected",value:function _overlayOpSelected(e){console.log(e.detail);switch(e.detail.operation){case"move":if("option1"===e.detail.option){console.log("move left")}else if("option2"===e.detail.option){console.log("move right")}console.log(e.detail.element.getAttribute("data-item-id"));break;case"duplicate":if("option1"===e.detail.option){console.log("duplicate");console.log(e.detail.element.getAttribute("data-item-id"))}break;case"remove":if("option1"===e.detail.option){console.log("remove");console.log(e.detail.element.getAttribute("data-item-id"))}break;}}},{key:"_viewModeChanged",value:function _viewModeChanged(newValue){var _this2=this;if(babelHelpers.typeof(newValue)!=="undefined"){switch(newValue){case"cards":this.$.viewmode.classList.add("rotate-90");this.selectedView=0;this.viewModeIcon="icons:view-module";this.viewModeLabel="Card view";async.microTask.run(function(){setTimeout(function(){_this2.$.ironlist.fire("iron-resize");window.dispatchEvent(new Event("resize"))},100)});break;case"outline":this.$.viewmode.classList.remove("rotate-90");this.selectedView=1;this.viewModeIcon="icons:view-list";this.viewModeLabel="Outline view";break;case"tree":this.$.viewmode.classList.add("rotate-90");this.selectedView=2;this.viewModeIcon="social:share";this.viewModeLabel="Tree view";break;case"drag":this.$.viewmode.classList.remove("rotate-90");this.selectedView=3;this.viewModeIcon="icons:touch-app";this.viewModeLabel="Draggable cards";break;}}}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_1f571230555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{viewMode:{name:"viewMode",type:"String",value:"cards",observer:"_viewModeChanged"},viewModeIcon:{name:"viewModeIcon",type:"String"},viewModeLabel:{name:"viewModeLabel",type:"String"},detailsMode:{name:"detailsMode",type:"String",value:"mid",reflectToAttribute:!0,observer:"_detailsModeChanged"},detailsModeIcon:{name:"detailsModeIcon",type:"String"},detailsModeLabel:{name:"detailsModeLabel",type:"String"},selectedView:{name:"selectedView",type:"Number"},editMode:{name:"editMode",type:"Boolean",value:!1,reflectToAttribute:!0,observer:"_editModeChanged"},miniMap:{name:"miniMap",type:"Boolean",value:!0,reflectToAttribute:!0,observer:"_miniMapChanged"},outlineSchemaUrl:{name:"outlineSchemaUrl",type:"String",value:!1},manifest:{name:"manifest",type:"Object",notify:!0},outlineData:{name:"outlineData",type:"Object",notify:!0}}}},{key:"tag",get:function get(){return"outline-designer"}}]);return OutlineDesigner}(_polymerElement.PolymerElement);_exports.OutlineDesigner=OutlineDesigner;window.customElements.define("outline-designer",OutlineDesigner)});
\ No newline at end of file
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 6656d00bc04..4cd72784bbc 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/polymer/lib/utils/async.js","../../@polymer/polymer/lib/mixins/element-mixin.js","../haxcms-elements/lib/core/HAXCMSThemeWiring.js","../haxcms-elements/lib/core/haxcms-site-store.js","../../mobx/lib/mobx.module.js","../../@polymer/app-layout/app-header/app-header.js","../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../@polymer/app-layout/app-drawer/app-drawer.js","../../@polymer/app-layout/app-drawer-layout/app-drawer-layout.js","../../@polymer/app-layout/app-header-layout/app-header-layout.js","../simple-colors/simple-colors.js","../hax-body/lib/hax-shared-styles.js","../haxcms-elements/lib/ui-components/navigation/site-menu.js","../haxcms-elements/lib/ui-components/navigation/site-menu-button.js","../haxcms-elements/lib/ui-components/site/site-print-button.js","../haxcms-elements/lib/ui-components/site/site-title.js","../haxcms-elements/lib/ui-components/active-item/site-active-title.js"],function(_exports,_polymerElement,async,_elementMixin,_HAXCMSThemeWiring,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.OutlinePlayer=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_8640ae1054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors hax-shared-styles\">\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        site-title {\n          --site-title-heading: {\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\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: {\n            color: #000000;\n          }\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      <!-- Control the sites query paremeters -->\n\n      <!-- Begin Layout -->\n      <app-drawer-layout narrow=\"{{narrow}}\">\n        <app-drawer id=\"drawer\" swipe-open=\"\" slot=\"drawer\" opened=\"{{opened}}\">\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                on-click=\"_toggleMenu\"\n              ></paper-icon-button>\n              <div main-title>\n                <site-active-title></site-active-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_8640ae1054f411e9aeb367f92c5b63ab=function(){return data};return data}var OutlinePlayer=function(_HAXCMSTheme){babelHelpers.inherits(OutlinePlayer,_HAXCMSTheme);function OutlinePlayer(){babelHelpers.classCallCheck(this,OutlinePlayer);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(OutlinePlayer).apply(this,arguments))}babelHelpers.createClass(OutlinePlayer,[{key:"_toggleMenu",value:function _toggleMenu(){this.$.drawer.toggle();this.closed=!this.$.drawer.opened;async.microTask.run(function(){window.dispatchEvent(new Event("resize"));(0,_elementMixin.updateStyles)()})}},{key:"_activeIdChanged",value:function _activeIdChanged(){if(this.opened&&this.narrow){this.$.drawer.toggle()}window.scrollTo({top:0,left:0,behavior:"smooth"})}},{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(OutlinePlayer.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){_this.activeId=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeId);_this.__disposer.push(reaction)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){for(var i in this.__disposer){this.__disposer[i].dispose()}babelHelpers.get(babelHelpers.getPrototypeOf(OutlinePlayer.prototype),"disconnectedCallback",this).call(this)}}],[{key:"tag",get:function get(){return"outline-player"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_8640ae1054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{opened:{type:Boolean,reflectToAttribute:!0},closed:{type:Boolean,notify:!0,reflectToAttribute:!0,value:!1},activeId:{type:String,observer:"_activeIdChanged"},narrow:{type:Boolean,reflectToAttribute:!0}}}}]);return OutlinePlayer}((0,_HAXCMSThemeWiring.HAXCMSTheme)(_polymerElement.PolymerElement));_exports.OutlinePlayer=OutlinePlayer;window.customElements.define(OutlinePlayer.tag,OutlinePlayer)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/polymer/lib/utils/async.js","../../@polymer/polymer/lib/mixins/element-mixin.js","../haxcms-elements/lib/core/HAXCMSThemeWiring.js","../haxcms-elements/lib/core/haxcms-site-store.js","../../mobx/lib/mobx.module.js","../../@polymer/app-layout/app-header/app-header.js","../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../@polymer/app-layout/app-drawer/app-drawer.js","../../@polymer/app-layout/app-drawer-layout/app-drawer-layout.js","../../@polymer/app-layout/app-header-layout/app-header-layout.js","../simple-colors/simple-colors.js","../hax-body/lib/hax-shared-styles.js","../haxcms-elements/lib/ui-components/navigation/site-menu.js","../haxcms-elements/lib/ui-components/navigation/site-menu-button.js","../haxcms-elements/lib/ui-components/site/site-print-button.js","../haxcms-elements/lib/ui-components/site/site-title.js","../haxcms-elements/lib/ui-components/active-item/site-active-title.js"],function(_exports,_polymerElement,async,_elementMixin,_HAXCMSThemeWiring,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.OutlinePlayer=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_1f830430555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"simple-colors hax-shared-styles\">\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        site-title {\n          --site-title-heading: {\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\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: {\n            color: #000000;\n          }\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      <!-- Control the sites query paremeters -->\n\n      <!-- Begin Layout -->\n      <app-drawer-layout narrow=\"{{narrow}}\">\n        <app-drawer id=\"drawer\" swipe-open=\"\" slot=\"drawer\" opened=\"{{opened}}\">\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                on-click=\"_toggleMenu\"\n              ></paper-icon-button>\n              <div main-title>\n                <site-active-title></site-active-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_1f830430555211e98f439769bd191e33=function(){return data};return data}var OutlinePlayer=function(_HAXCMSTheme){babelHelpers.inherits(OutlinePlayer,_HAXCMSTheme);function OutlinePlayer(){babelHelpers.classCallCheck(this,OutlinePlayer);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(OutlinePlayer).apply(this,arguments))}babelHelpers.createClass(OutlinePlayer,[{key:"_toggleMenu",value:function _toggleMenu(){this.$.drawer.toggle();this.closed=!this.$.drawer.opened;async.microTask.run(function(){window.dispatchEvent(new Event("resize"));(0,_elementMixin.updateStyles)()})}},{key:"_activeIdChanged",value:function _activeIdChanged(){if(this.opened&&this.narrow){this.$.drawer.toggle()}window.scrollTo({top:0,left:0,behavior:"smooth"})}},{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(OutlinePlayer.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){_this.activeId=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeId);_this.__disposer.push(reaction)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){for(var i in this.__disposer){this.__disposer[i].dispose()}babelHelpers.get(babelHelpers.getPrototypeOf(OutlinePlayer.prototype),"disconnectedCallback",this).call(this)}}],[{key:"tag",get:function get(){return"outline-player"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_1f830430555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{opened:{type:Boolean,reflectToAttribute:!0},closed:{type:Boolean,notify:!0,reflectToAttribute:!0,value:!1},activeId:{type:String,observer:"_activeIdChanged"},narrow:{type:Boolean,reflectToAttribute:!0}}}}]);return OutlinePlayer}((0,_HAXCMSThemeWiring.HAXCMSTheme)(_polymerElement.PolymerElement));_exports.OutlinePlayer=OutlinePlayer;window.customElements.define(OutlinePlayer.tag,OutlinePlayer)});
\ No newline at end of file
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 64df00d4a82..99e4f98b692 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-a11y-keys-behavior/iron-a11y-keys-behavior.js","../../@polymer/paper-progress/paper-progress.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/paper-ripple/paper-ripple.js","../simple-colors/simple-colors.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/iron-iconset-svg/iron-iconset-svg.js","./lib/paper-audio-icons.js"],function(_exports,_polymerLegacy,_ironA11yKeysBehavior,_paperProgress,_ironIcon,_paperIconButton,_paperRipple,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PaperAudioPlayer=void 0;function _templateObject_86d0e02054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors\">\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(--simple-colors-default-theme-accent-9);\n        --paper-audio-player-text-color: var(\n          --simple-colors-default-theme-grey-1\n        );\n        --paper-audio-player-shadow: var(--simple-colors-default-theme-grey-2);\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      paper-ripple {\n        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-tap=\"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        <paper-ripple></paper-ripple>\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\">\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(--simple-colors-default-theme-accent-9);\n        --paper-audio-player-text-color: var(\n          --simple-colors-default-theme-grey-1\n        );\n        --paper-audio-player-shadow: var(--simple-colors-default-theme-grey-2);\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      paper-ripple {\n        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-tap=\"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        <paper-ripple></paper-ripple>\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_86d0e02054f411e9aeb367f92c5b63ab=function(){return data};return data}var PaperAudioPlayer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_86d0e02054f411e9aeb367f92c5b63ab()),is:"paper-audio-player",behaviors:[_ironA11yKeysBehavior.IronA11yKeysBehavior,HAXBehaviors.PropertiesBehaviors,_simpleColors.SimpleColors,SchemaBehaviors.Schema],hostAttributes:{tabindex:0,role:"application","aria-label":"Audio Player","aria-describedby":"title"},properties:{src:{type:String,observer:"_srcChanged"},title:{type:String,value:"Click to play this audio file"},autoPlay:{type:Boolean,value:!1},preload:{type:String,value:"auto"},currentTime:{type:Number,value:0,notify:!0},timeLeft:{type:Number,value:0},smallSkip:{type:Number,value:15},largeSkip:{type:Number,value:60},error:{type:Boolean},timeOffset:{type:Number,value:0}},keyBindings:{space:"playPause",enter:"playPause",left:"_skipReverseByInterval",right:"_skipReverseByInterval",down:"_skipReverseByInterval",up:"_skipReverseByInterval"},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Mini Audio player",description:"A very small audio player good for MP3s.",icon:"image:music-note",color:"green",groups:["Audio","Media"],handles:[{type:"audio",source:"src",title:"title",color:"color"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"src",title:"Source",description:"The URL for this audio file.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"},{property:"title",title:"Title",description:"Title of this sound track.",inputMethod:"textfield",icon:"av:video-label",required:!1,validationType:"text"},{property:"accentColor",title:"Accent color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"}],configure:[{property:"src",title:"Source",description:"The URL for this audio file.",inputMethod:"haxupload",icon:"link",required:!0,validationType:"url"},{property:"title",title:"Title",description:"Title of this sound track.",inputMethod:"textfield",icon:"av:video-label",required:!1,validationType:"text"},{property:"accentColor",title:"Accent color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"}],advanced:[]}});this.$.audio.addEventListener("loadedmetadata",this._onCanPlay.bind(this));this.$.audio.addEventListener("playing",this._onPlaying.bind(this));this.$.audio.addEventListener("pause",this._onPause.bind(this));this.$.audio.addEventListener("ended",this._onEnd.bind(this));this.$.audio.addEventListener("error",this._onError.bind(this))},detached:function detached(){this.$.audio.removeEventListener("loadedmetadata",this._onCanPlay.bind(this));this.$.audio.removeEventListener("playing",this._onPlaying.bind(this));this.$.audio.removeEventListener("pause",this._onPause.bind(this));this.$.audio.removeEventListener("ended",this._onEnd.bind(this));this.$.audio.removeEventListener("error",this._onError.bind(this))},ready:function ready(){var player=this;player.canBePlayed=!1;player.isPlaying=!1;player.ended=!1;player.error=!1;player.$.audio.currentTime=player.timeOffset},playPause:function playPause(e){if(!!e)e.preventDefault();var player=this;if(player.canBePlayed){if(player.isPlaying){player._pause()}else{player._play()}}else if("none"===player.preload){player.$.audio.load();player._play()}},_play:function _play(){var player=this;player.$.audio.play()},_pause:function _pause(){var player=this;player.$.audio.pause()},restart:function restart(e){if(!!e)e.preventDefault();var player=this;player.$.audio.currentTime=0;if(!player.isPlaying)player._play()},_onCanPlay:function _onCanPlay(){var player=this;player.canBePlayed=!0;player.timeLeft=player.$.audio.duration;if(0<player.timeOffset){var percentagePlayed=player.timeOffset/player.$.audio.duration;player._updateVisualProgress(percentagePlayed)}if(player.autoPlay)player._play()},_onPlaying:function _onPlaying(){var player=this;player.ended=!1;player.isPlaying=!0;player.$.replay.style="";player._startProgressTimer()},_skipReverseByInterval:function _skipReverseByInterval(e){if(!!e)e.preventDefault();var player=this,newTime=0;switch(e.detail.key){case"up":if(player.largeSkip<player.timeLeft)newTime=player.currentTime+player.largeSkip;break;case"down":if(0<player.currentTime-player.largeSkip)newTime=player.currentTime-player.largeSkip;break;case"right":if(player.smallSkip<player.timeLeft)newTime=player.currentTime+player.smallSkip;break;default:if(0<player.currentTime-player.smallSkip)newTime=player.currentTime-player.smallSkip;}player._updatePlayPosition(newTime);if(!player.isPlaying)player._play()},_startProgressTimer:function _startProgressTimer(){var player=this;player.timer={};if(player.timer.sliderUpdateInterval){clearInterval(player.timer.sliderUpdateInterval)}player.timer.sliderUpdateInterval=setInterval(function(){if(player.isPlaying){player.currentTime=player.$.audio.currentTime;player.timeLeft=player.$.audio.duration-player.currentTime;var percentagePlayed=player.currentTime/player.$.audio.duration;player._updateVisualProgress(percentagePlayed)}else{clearInterval(player.timer.sliderUpdateInterval)}},60)},_onPause:function _onPause(){var player=this;player.isPlaying=!1},_onEnd:function _onEnd(){var player=this;player.ended=!0;player.isPlaying=!1;player.$.replay.style.opacity=1},_onError:function _onError(){var player=this;player.classList.add("cantplay");player.title="Sorry, can't play track: "+player.title;player.error=!0;player.setAttribute("aria-invalid","true")},_convertSecToMin:function _convertSecToMin(seconds){var _Mathfloor=Math.floor;if(0===seconds)return"";var minutes=_Mathfloor(seconds/60),secondsToCalc=_Mathfloor(seconds%60)+"";return minutes+":"+(2>secondsToCalc.length?"0"+secondsToCalc:secondsToCalc)},_onDown:function _onDown(e){e.preventDefault();var player=this;if(player.canBePlayed){player._updateProgressBar(e);if(!player.isPlaying){player._play()}}else if("none"===player.preload){player.$.audio.load();player.$.audio.addEventListener("loadedmetadata",function(){player._updateProgressBar(e);if(!player.isPlaying){player._play()}},!1)}},_updateProgressBar:function _updateProgressBar(e){var player=this,x=e.detail.x-player.$.center.getBoundingClientRect().left,r=x/player.$.center.getBoundingClientRect().width*player.$.audio.duration;this._updatePlayPosition(r)},_updatePlayPosition:function _updatePlayPosition(newTime){var player=this;player.currentTime=player.$.audio.currentTime=newTime;var percentagePlayed=player.currentTime/player.$.audio.duration;player._updateVisualProgress(percentagePlayed)},_updateVisualProgress:function _updateVisualProgress(percentagePlayed){var player=this;player.$.progress.style.transform="scaleX("+percentagePlayed+")";player.$.progress2.style.width=100*percentagePlayed+"%";player.$.title2.style.width=100*(1/percentagePlayed)+"%"},_srcChanged:function _srcChanged(){var player=this;if(player.isPlaying){player._pause();player._play()}},_changeColor:function _changeColor(newValue){var player=this;player.$.left.style.backgroundColor=newValue;player.$.title.style.color=newValue;player.$.duration.style.color=newValue;player.$.progress.style.backgroundColor=newValue;player.$.replay.style.color=newValue},_hidePlayIcon:function _hidePlayIcon(isPlaying,canBePlayed){return isPlaying?!0:!(canBePlayed||"none"===this.preload)},_setPreload:function _setPreload(autoplay,preload){return autoplay?"auto":preload}});_exports.PaperAudioPlayer=PaperAudioPlayer});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-a11y-keys-behavior/iron-a11y-keys-behavior.js","../../@polymer/paper-progress/paper-progress.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/paper-ripple/paper-ripple.js","../simple-colors/simple-colors.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/iron-iconset-svg/iron-iconset-svg.js","./lib/paper-audio-icons.js"],function(_exports,_polymerLegacy,_ironA11yKeysBehavior,_paperProgress,_ironIcon,_paperIconButton,_paperRipple,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PaperAudioPlayer=void 0;function _templateObject_1fcd53a0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors\">\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(--simple-colors-default-theme-accent-9);\n        --paper-audio-player-text-color: var(\n          --simple-colors-default-theme-grey-1\n        );\n        --paper-audio-player-shadow: var(--simple-colors-default-theme-grey-2);\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      paper-ripple {\n        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-tap=\"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        <paper-ripple></paper-ripple>\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\">\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(--simple-colors-default-theme-accent-9);\n        --paper-audio-player-text-color: var(\n          --simple-colors-default-theme-grey-1\n        );\n        --paper-audio-player-shadow: var(--simple-colors-default-theme-grey-2);\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      paper-ripple {\n        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-tap=\"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        <paper-ripple></paper-ripple>\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_1fcd53a0555211e98f439769bd191e33=function(){return data};return data}var PaperAudioPlayer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_1fcd53a0555211e98f439769bd191e33()),is:"paper-audio-player",behaviors:[_ironA11yKeysBehavior.IronA11yKeysBehavior,HAXBehaviors.PropertiesBehaviors,_simpleColors.SimpleColors,SchemaBehaviors.Schema],hostAttributes:{tabindex:0,role:"application","aria-label":"Audio Player","aria-describedby":"title"},properties:{src:{type:String,observer:"_srcChanged"},title:{type:String,value:"Click to play this audio file"},autoPlay:{type:Boolean,value:!1},preload:{type:String,value:"auto"},currentTime:{type:Number,value:0,notify:!0},timeLeft:{type:Number,value:0},smallSkip:{type:Number,value:15},largeSkip:{type:Number,value:60},error:{type:Boolean},timeOffset:{type:Number,value:0}},keyBindings:{space:"playPause",enter:"playPause",left:"_skipReverseByInterval",right:"_skipReverseByInterval",down:"_skipReverseByInterval",up:"_skipReverseByInterval"},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Mini Audio player",description:"A very small audio player good for MP3s.",icon:"image:music-note",color:"green",groups:["Audio","Media"],handles:[{type:"audio",source:"src",title:"title",color:"color"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"src",title:"Source",description:"The URL for this audio file.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"},{property:"title",title:"Title",description:"Title of this sound track.",inputMethod:"textfield",icon:"av:video-label",required:!1,validationType:"text"},{property:"accentColor",title:"Accent color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"}],configure:[{property:"src",title:"Source",description:"The URL for this audio file.",inputMethod:"haxupload",icon:"link",required:!0,validationType:"url"},{property:"title",title:"Title",description:"Title of this sound track.",inputMethod:"textfield",icon:"av:video-label",required:!1,validationType:"text"},{property:"accentColor",title:"Accent color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"}],advanced:[]}});this.$.audio.addEventListener("loadedmetadata",this._onCanPlay.bind(this));this.$.audio.addEventListener("playing",this._onPlaying.bind(this));this.$.audio.addEventListener("pause",this._onPause.bind(this));this.$.audio.addEventListener("ended",this._onEnd.bind(this));this.$.audio.addEventListener("error",this._onError.bind(this))},detached:function detached(){this.$.audio.removeEventListener("loadedmetadata",this._onCanPlay.bind(this));this.$.audio.removeEventListener("playing",this._onPlaying.bind(this));this.$.audio.removeEventListener("pause",this._onPause.bind(this));this.$.audio.removeEventListener("ended",this._onEnd.bind(this));this.$.audio.removeEventListener("error",this._onError.bind(this))},ready:function ready(){var player=this;player.canBePlayed=!1;player.isPlaying=!1;player.ended=!1;player.error=!1;player.$.audio.currentTime=player.timeOffset},playPause:function playPause(e){if(!!e)e.preventDefault();var player=this;if(player.canBePlayed){if(player.isPlaying){player._pause()}else{player._play()}}else if("none"===player.preload){player.$.audio.load();player._play()}},_play:function _play(){var player=this;player.$.audio.play()},_pause:function _pause(){var player=this;player.$.audio.pause()},restart:function restart(e){if(!!e)e.preventDefault();var player=this;player.$.audio.currentTime=0;if(!player.isPlaying)player._play()},_onCanPlay:function _onCanPlay(){var player=this;player.canBePlayed=!0;player.timeLeft=player.$.audio.duration;if(0<player.timeOffset){var percentagePlayed=player.timeOffset/player.$.audio.duration;player._updateVisualProgress(percentagePlayed)}if(player.autoPlay)player._play()},_onPlaying:function _onPlaying(){var player=this;player.ended=!1;player.isPlaying=!0;player.$.replay.style="";player._startProgressTimer()},_skipReverseByInterval:function _skipReverseByInterval(e){if(!!e)e.preventDefault();var player=this,newTime=0;switch(e.detail.key){case"up":if(player.largeSkip<player.timeLeft)newTime=player.currentTime+player.largeSkip;break;case"down":if(0<player.currentTime-player.largeSkip)newTime=player.currentTime-player.largeSkip;break;case"right":if(player.smallSkip<player.timeLeft)newTime=player.currentTime+player.smallSkip;break;default:if(0<player.currentTime-player.smallSkip)newTime=player.currentTime-player.smallSkip;}player._updatePlayPosition(newTime);if(!player.isPlaying)player._play()},_startProgressTimer:function _startProgressTimer(){var player=this;player.timer={};if(player.timer.sliderUpdateInterval){clearInterval(player.timer.sliderUpdateInterval)}player.timer.sliderUpdateInterval=setInterval(function(){if(player.isPlaying){player.currentTime=player.$.audio.currentTime;player.timeLeft=player.$.audio.duration-player.currentTime;var percentagePlayed=player.currentTime/player.$.audio.duration;player._updateVisualProgress(percentagePlayed)}else{clearInterval(player.timer.sliderUpdateInterval)}},60)},_onPause:function _onPause(){var player=this;player.isPlaying=!1},_onEnd:function _onEnd(){var player=this;player.ended=!0;player.isPlaying=!1;player.$.replay.style.opacity=1},_onError:function _onError(){var player=this;player.classList.add("cantplay");player.title="Sorry, can't play track: "+player.title;player.error=!0;player.setAttribute("aria-invalid","true")},_convertSecToMin:function _convertSecToMin(seconds){var _Mathfloor=Math.floor;if(0===seconds)return"";var minutes=_Mathfloor(seconds/60),secondsToCalc=_Mathfloor(seconds%60)+"";return minutes+":"+(2>secondsToCalc.length?"0"+secondsToCalc:secondsToCalc)},_onDown:function _onDown(e){e.preventDefault();var player=this;if(player.canBePlayed){player._updateProgressBar(e);if(!player.isPlaying){player._play()}}else if("none"===player.preload){player.$.audio.load();player.$.audio.addEventListener("loadedmetadata",function(){player._updateProgressBar(e);if(!player.isPlaying){player._play()}},!1)}},_updateProgressBar:function _updateProgressBar(e){var player=this,x=e.detail.x-player.$.center.getBoundingClientRect().left,r=x/player.$.center.getBoundingClientRect().width*player.$.audio.duration;this._updatePlayPosition(r)},_updatePlayPosition:function _updatePlayPosition(newTime){var player=this;player.currentTime=player.$.audio.currentTime=newTime;var percentagePlayed=player.currentTime/player.$.audio.duration;player._updateVisualProgress(percentagePlayed)},_updateVisualProgress:function _updateVisualProgress(percentagePlayed){var player=this;player.$.progress.style.transform="scaleX("+percentagePlayed+")";player.$.progress2.style.width=100*percentagePlayed+"%";player.$.title2.style.width=100*(1/percentagePlayed)+"%"},_srcChanged:function _srcChanged(){var player=this;if(player.isPlaying){player._pause();player._play()}},_changeColor:function _changeColor(newValue){var player=this;player.$.left.style.backgroundColor=newValue;player.$.title.style.color=newValue;player.$.duration.style.color=newValue;player.$.progress.style.backgroundColor=newValue;player.$.replay.style.color=newValue},_hidePlayIcon:function _hidePlayIcon(isPlaying,canBePlayed){return isPlaying?!0:!(canBePlayed||"none"===this.preload)},_setPreload:function _setPreload(autoplay,preload){return autoplay?"auto":preload}});_exports.PaperAudioPlayer=PaperAudioPlayer});
\ No newline at end of file
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 3f7ad16955f..26fb6e75d1d 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
@@ -1 +1 @@
-define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/resolve-url.js","../es-global-bridge/es-global-bridge.js","./lib/md5.min.js"],function(_exports,meta,_polymerLegacy,_resolveUrl,_esGlobalBridge,md5){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PaperAvatar=void 0;meta=babelHelpers.interopRequireWildcard(meta);md5=babelHelpers.interopRequireWildcard(md5);function _templateObject_86e68b0054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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: 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    </style>\n    <div id=\"label\" title=\"[[label]]\"><span>[[_label(label)]]</span></div>\n    <svg id=\"jdenticon\" width=\"40\" height=\"40\"><slot></slot></svg>\n    <template is=\"dom-if\" if=\"[[src]]\">\n      <img\n        id=\"img\"\n        src=\"[[src]]\"\n        title=\"[[label]]\"\n        on-load=\"_onImgLoad\"\n        on-error=\"_onImgError\"\n        title=\"[[color]]\"\n      />\n    </template>\n  "]);_templateObject_86e68b0054f411e9aeb367f92c5b63ab=function(){return data};return data}var PaperAvatar=(0,_polymerLegacy.Polymer)({is:"paper-avatar",_template:(0,_polymerLegacy.html)(_templateObject_86e68b0054f411e9aeb367f92c5b63ab()),properties:{src:{type:String,value:!1},label:{type:String,observer:"_observerLabel"},jdenticonExists:{type:Boolean,value:!1},twoChars:{type:Boolean,value:!1},colors:{type:Array},jdenticon:{type:Boolean,value:!1}},_observerLabel:function _observerLabel(label){if(label){if(this.jdenticonExists&&this.jdenticon){this.$.label.hidden=!0;window.jdenticon.config={lightness:{color:[1,1],grayscale:[1,1]},saturation:1};window.jdenticon.update(this.$.jdenticon,window.md5(label))}this.updateStyles({"--paper-avatar-bgcolor":this._parseColor(label)})}},ready:function ready(){var name="jdenticon",basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),location="".concat(basePath,"lib/jdenticon-1.4.0.min.js");window.addEventListener("es-bridge-".concat(name,"-loaded"),this._jdenticonLoaded.bind(this));window.ESGlobalBridge.requestAvailability();window.ESGlobalBridge.instance.load(name,location)},_jdenticonLoaded:function _jdenticonLoaded(){this.jdenticonExists=!0;this._observerLabel(this.label)},_label:function _label(label){if(!label)return"";if(this.twoChars){if(-1<this.label.indexOf(" ")){var matches=this.label.match(/\b(\w)/g);return matches[0]+matches[1]}else{return label.substring(0,2)}}return label.charAt(0)},_onImgLoad:function _onImgLoad(e){e.currentTarget.hidden=!1},_onImgError:function _onImgError(e){e.currentTarget.hidden=!0},_parseColor:function _parseColor(label){for(var colors=this.colors?this.colors:["#F44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#795548","#009688","#4CAF50","#8BC34A","#CDDC39","#FFEB3B","#FFC107","#FF9800","#FF5722","#9E9E9E","#607D8B"],hash=0,a=0;a<label.length;a++){hash+=label.charCodeAt(a)<<5}if(hash>=colors.length)return colors[hash%colors.length];return colors[hash]}});_exports.PaperAvatar=PaperAvatar});
\ No newline at end of file
+define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/resolve-url.js","../es-global-bridge/es-global-bridge.js","./lib/md5.min.js"],function(_exports,meta,_polymerLegacy,_resolveUrl,_esGlobalBridge,md5){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PaperAvatar=void 0;meta=babelHelpers.interopRequireWildcard(meta);md5=babelHelpers.interopRequireWildcard(md5);function _templateObject_1fe40ff0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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: 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    </style>\n    <div id=\"label\" title=\"[[label]]\"><span>[[_label(label)]]</span></div>\n    <svg id=\"jdenticon\" width=\"40\" height=\"40\"><slot></slot></svg>\n    <template is=\"dom-if\" if=\"[[src]]\">\n      <img\n        id=\"img\"\n        src=\"[[src]]\"\n        title=\"[[label]]\"\n        on-load=\"_onImgLoad\"\n        on-error=\"_onImgError\"\n        title=\"[[color]]\"\n      />\n    </template>\n  "]);_templateObject_1fe40ff0555211e98f439769bd191e33=function(){return data};return data}var PaperAvatar=(0,_polymerLegacy.Polymer)({is:"paper-avatar",_template:(0,_polymerLegacy.html)(_templateObject_1fe40ff0555211e98f439769bd191e33()),properties:{src:{type:String,value:!1},label:{type:String,observer:"_observerLabel"},jdenticonExists:{type:Boolean,value:!1},twoChars:{type:Boolean,value:!1},colors:{type:Array},jdenticon:{type:Boolean,value:!1}},_observerLabel:function _observerLabel(label){if(label){if(this.jdenticonExists&&this.jdenticon){this.$.label.hidden=!0;window.jdenticon.config={lightness:{color:[1,1],grayscale:[1,1]},saturation:1};window.jdenticon.update(this.$.jdenticon,window.md5(label))}this.updateStyles({"--paper-avatar-bgcolor":this._parseColor(label)})}},ready:function ready(){var name="jdenticon",basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),location="".concat(basePath,"lib/jdenticon-1.4.0.min.js");window.addEventListener("es-bridge-".concat(name,"-loaded"),this._jdenticonLoaded.bind(this));window.ESGlobalBridge.requestAvailability();window.ESGlobalBridge.instance.load(name,location)},_jdenticonLoaded:function _jdenticonLoaded(){this.jdenticonExists=!0;this._observerLabel(this.label)},_label:function _label(label){if(!label)return"";if(this.twoChars){if(-1<this.label.indexOf(" ")){var matches=this.label.match(/\b(\w)/g);return matches[0]+matches[1]}else{return label.substring(0,2)}}return label.charAt(0)},_onImgLoad:function _onImgLoad(e){e.currentTarget.hidden=!1},_onImgError:function _onImgError(e){e.currentTarget.hidden=!0},_parseColor:function _parseColor(label){for(var colors=this.colors?this.colors:["#F44336","#E91E63","#9C27B0","#673AB7","#3F51B5","#2196F3","#03A9F4","#00BCD4","#795548","#009688","#4CAF50","#8BC34A","#CDDC39","#FFEB3B","#FFC107","#FF9800","#FF5722","#9E9E9E","#607D8B"],hash=0,a=0;a<label.length;a++){hash+=label.charCodeAt(a)<<5}if(hash>=colors.length)return colors[hash%colors.length];return colors[hash]}});_exports.PaperAvatar=PaperAvatar});
\ No newline at end of file
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 e5dc453c3ae..4e0efcccbe1 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-overlay-behavior/iron-overlay-behavior.js"],function(_polymerLegacy,_ironOverlayBehavior){"use strict";function _templateObject_a082062054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <slot></slot>\n  "]);_templateObject_a082062054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a082062054f411e9aeb367f92c5b63ab()),is:"paper-fab-speed-dial-overlay",behaviors:[_ironOverlayBehavior.IronOverlayBehavior]})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/iron-overlay-behavior/iron-overlay-behavior.js"],function(_polymerLegacy,_ironOverlayBehavior){"use strict";function _templateObject_34e2aa60555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <slot></slot>\n  "]);_templateObject_34e2aa60555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_34e2aa60555211e98f439769bd191e33()),is:"paper-fab-speed-dial-overlay",behaviors:[_ironOverlayBehavior.IronOverlayBehavior]})});
\ No newline at end of file
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 1ee438baea8..305fdf9eb0b 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/iron-dropdown/iron-dropdown.js"],function(_polymerLegacy,_polymerDom,async){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_a08f73a054f411e9aeb367f92c5b63ab(){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_a08f73a054f411e9aeb367f92c5b63ab=function(){return data};return data}(function(Polymer){Polymer({_template:(0,_polymerLegacy.html)(_templateObject_a08f73a054f411e9aeb367f92c5b63ab()),is:"paper-fab-morph",properties:{isOverlayContent:{type:Boolean,value:!1},duration:{type:Number,value:200},horizontalAlign:{type:String,value:"left",reflectToAttribute:!0},verticalAlign:{type:String,value:"top",reflectToAttribute:!0},horizontalOffset:{type:Number,value:0,notify:!0},verticalOffset:{type:Number,value:0,notify:!0}},observers:["_updateOverlayPosition(verticalAlign, horizontalAlign, verticalOffset, horizontalOffset)"],ready:function ready(){this._fab=this.$.fabContainer;this._content=this.$.contentContainer;if(this.isOverlayContent){this._fab.addEventListener("tap",function(){this._content.open()}.bind(this));this._overlay=this._content}else{var dropdown=document.createElement("iron-dropdown");(0,_polymerDom.dom)(dropdown).appendChild(this._content);(0,_polymerDom.dom)(this.root).appendChild(dropdown);this._overlay=dropdown;this._dropdown=dropdown;this._fab.addEventListener("tap",function(){this._dropdown.open()}.bind(this));this._updateOverlayPosition(this.verticalAlign,this.horizontalAlign,this.verticalOffset,this.horizontalOffset)}this._overlay.addEventListener("iron-overlay-opened",function(){this._morphOpen()}.bind(this));this._overlay.addEventListener("iron-overlay-closed",function(){this._morphClose()}.bind(this))},open:function open(){this._overlay.open()},close:function close(){this._overlay.close()},_updateOverlayPosition:function _updateOverlayPosition(verticalAlign,horizontalAlign,verticalOffset,horizontalOffset){if(this._dropdown){var d=this._dropdown;d.verticalAlign=verticalAlign;d.horizontalAlign=horizontalAlign;d.verticalOffset=verticalOffset;d.horizontalOffset=horizontalOffset}},_morphOpen:function _morphOpen(){var fab=this._fab,content=this._content,fabRect=fab.getBoundingClientRect(),morpher=this.$.morpher,ms=morpher.style;ms.display="block";ms.top=fabRect.top+"px";ms.left=fabRect.left+"px";ms.width=fabRect.width+"px";ms.height=fabRect.height+"px";ms.borderRadius="50%";ms.transitionDuration=this.duration+"ms";fab.style.visibility="hidden";content.style.visibility="hidden";var contentRect=content.getBoundingClientRect();ms.top=contentRect.top+"px";ms.left=contentRect.left+"px";ms.width=contentRect.width+"px";ms.height=contentRect.height+"px";ms.borderRadius="";async.microTask.run(function(){morpher.style.display="none";content.style.visibility="visible"})},_morphClose:function _morphClose(){var fab=this._fab,content=this._content,contentRect=fab.getBoundingClientRect(),morpher=this.$.morpher,ms=morpher.style;morpher.style.display="block";async.microTask.run(function(){var fabRect=fab.getBoundingClientRect();ms.top=fabRect.top+"px";ms.left=fabRect.left+"px";ms.width=fabRect.width+"px";ms.height=fabRect.height+"px";ms.borderRadius="50%";async.microTask.run(function(){morpher.style.display="none";fab.style.visibility="visible"})})}})})(_polymerLegacy.Polymer)});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/iron-dropdown/iron-dropdown.js"],function(_polymerLegacy,_polymerDom,async){"use strict";async=babelHelpers.interopRequireWildcard(async);function _templateObject_34eda6e0555211e98f439769bd191e33(){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_34eda6e0555211e98f439769bd191e33=function(){return data};return data}(function(Polymer){Polymer({_template:(0,_polymerLegacy.html)(_templateObject_34eda6e0555211e98f439769bd191e33()),is:"paper-fab-morph",properties:{isOverlayContent:{type:Boolean,value:!1},duration:{type:Number,value:200},horizontalAlign:{type:String,value:"left",reflectToAttribute:!0},verticalAlign:{type:String,value:"top",reflectToAttribute:!0},horizontalOffset:{type:Number,value:0,notify:!0},verticalOffset:{type:Number,value:0,notify:!0}},observers:["_updateOverlayPosition(verticalAlign, horizontalAlign, verticalOffset, horizontalOffset)"],ready:function ready(){this._fab=this.$.fabContainer;this._content=this.$.contentContainer;if(this.isOverlayContent){this._fab.addEventListener("tap",function(){this._content.open()}.bind(this));this._overlay=this._content}else{var dropdown=document.createElement("iron-dropdown");(0,_polymerDom.dom)(dropdown).appendChild(this._content);(0,_polymerDom.dom)(this.root).appendChild(dropdown);this._overlay=dropdown;this._dropdown=dropdown;this._fab.addEventListener("tap",function(){this._dropdown.open()}.bind(this));this._updateOverlayPosition(this.verticalAlign,this.horizontalAlign,this.verticalOffset,this.horizontalOffset)}this._overlay.addEventListener("iron-overlay-opened",function(){this._morphOpen()}.bind(this));this._overlay.addEventListener("iron-overlay-closed",function(){this._morphClose()}.bind(this))},open:function open(){this._overlay.open()},close:function close(){this._overlay.close()},_updateOverlayPosition:function _updateOverlayPosition(verticalAlign,horizontalAlign,verticalOffset,horizontalOffset){if(this._dropdown){var d=this._dropdown;d.verticalAlign=verticalAlign;d.horizontalAlign=horizontalAlign;d.verticalOffset=verticalOffset;d.horizontalOffset=horizontalOffset}},_morphOpen:function _morphOpen(){var fab=this._fab,content=this._content,fabRect=fab.getBoundingClientRect(),morpher=this.$.morpher,ms=morpher.style;ms.display="block";ms.top=fabRect.top+"px";ms.left=fabRect.left+"px";ms.width=fabRect.width+"px";ms.height=fabRect.height+"px";ms.borderRadius="50%";ms.transitionDuration=this.duration+"ms";fab.style.visibility="hidden";content.style.visibility="hidden";var contentRect=content.getBoundingClientRect();ms.top=contentRect.top+"px";ms.left=contentRect.left+"px";ms.width=contentRect.width+"px";ms.height=contentRect.height+"px";ms.borderRadius="";async.microTask.run(function(){morpher.style.display="none";content.style.visibility="visible"})},_morphClose:function _morphClose(){var fab=this._fab,content=this._content,contentRect=fab.getBoundingClientRect(),morpher=this.$.morpher,ms=morpher.style;morpher.style.display="block";async.microTask.run(function(){var fabRect=fab.getBoundingClientRect();ms.top=fabRect.top+"px";ms.left=fabRect.left+"px";ms.width=fabRect.width+"px";ms.height=fabRect.height+"px";ms.borderRadius="50%";async.microTask.run(function(){morpher.style.display="none";fab.style.visibility="visible"})})}})})(_polymerLegacy.Polymer)});
\ No newline at end of file
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 6ac55005adb..35d0a0611c9 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/iron-flex-layout/iron-flex-layout.js","../../../@polymer/iron-dropdown/iron-dropdown.js","../../../@polymer/neon-animation/neon-animations.js","./paper-square-grow-animation.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_a09d565054f411e9aeb367f92c5b63ab(){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_a09d565054f411e9aeb367f92c5b63ab=function(){return data};return data}(function(Polymer){Polymer({_template:(0,_polymerLegacy.html)(_templateObject_a09d565054f411e9aeb367f92c5b63ab()),is:"paper-fab-speed-dial",properties:{direction:{type:String,value:"bottom"},offset:{type:Number,value:66},openAnimationConfig:{type:Array,value:function value(){return[{name:"fade-in-animation",timing:{delay:150,duration:50}},{name:"paper-square-grow-animation",startSize:56,timing:{delay:150,duration:200}}]}},closeAnimationConfig:{type:Array,value:function value(){return[{name:"fade-out-animation",timing:{duration:200}}]}}},observers:["_updateDropdown(direction, offset)"],ready:function ready(){var fab=(0,_polymerDom.dom)(this.$.fabContainer).getDistributedNodes()[0];fab.addEventListener("tap",function(){this.$.dropdown.open()}.bind(this));var content=(0,_polymerDom.dom)(this.$.contentContainer).getDistributedNodes()[0];content.addEventListener("tap",function(){this.$.dropdown.close()}.bind(this))},open:function open(){this.$.dropdown.open()},close:function close(){this.$.dropdown.close()},_updateDropdown:function _updateDropdown(direction,offset){var d=this.$.dropdown;switch(direction){case"bottom":d.verticalAlign="top";d.horizontalOffset=0;d.verticalOffset=offset;d.classList.add("vertical");d.classList.remove("horizontal");break;case"top":d.verticalAlign="bottom";d.horizontalOffset=0;d.verticalOffset=offset;d.classList.add("vertical");d.classList.remove("horizontal");break;case"right":d.horizontalAlign="left";d.horizontalOffset=offset;d.verticalOffset=0;d.classList.add("horizontal");d.classList.remove("vertical");break;case"left":d.horizontalAlign="right";d.horizontalOffset=offset;d.verticalOffset=0;d.classList.add("horizontal");d.classList.remove("vertical");break;default:throw"Invalid direction. Must be one of [top, bottom, left, right].";}}})})(_polymerLegacy.Polymer)});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/iron-flex-layout/iron-flex-layout.js","../../../@polymer/iron-dropdown/iron-dropdown.js","../../../@polymer/neon-animation/neon-animations.js","./paper-square-grow-animation.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_34f40f80555211e98f439769bd191e33(){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_34f40f80555211e98f439769bd191e33=function(){return data};return data}(function(Polymer){Polymer({_template:(0,_polymerLegacy.html)(_templateObject_34f40f80555211e98f439769bd191e33()),is:"paper-fab-speed-dial",properties:{direction:{type:String,value:"bottom"},offset:{type:Number,value:66},openAnimationConfig:{type:Array,value:function value(){return[{name:"fade-in-animation",timing:{delay:150,duration:50}},{name:"paper-square-grow-animation",startSize:56,timing:{delay:150,duration:200}}]}},closeAnimationConfig:{type:Array,value:function value(){return[{name:"fade-out-animation",timing:{duration:200}}]}}},observers:["_updateDropdown(direction, offset)"],ready:function ready(){var fab=(0,_polymerDom.dom)(this.$.fabContainer).getDistributedNodes()[0];fab.addEventListener("tap",function(){this.$.dropdown.open()}.bind(this));var content=(0,_polymerDom.dom)(this.$.contentContainer).getDistributedNodes()[0];content.addEventListener("tap",function(){this.$.dropdown.close()}.bind(this))},open:function open(){this.$.dropdown.open()},close:function close(){this.$.dropdown.close()},_updateDropdown:function _updateDropdown(direction,offset){var d=this.$.dropdown;switch(direction){case"bottom":d.verticalAlign="top";d.horizontalOffset=0;d.verticalOffset=offset;d.classList.add("vertical");d.classList.remove("horizontal");break;case"top":d.verticalAlign="bottom";d.horizontalOffset=0;d.verticalOffset=offset;d.classList.add("vertical");d.classList.remove("horizontal");break;case"right":d.horizontalAlign="left";d.horizontalOffset=offset;d.verticalOffset=0;d.classList.add("horizontal");d.classList.remove("vertical");break;case"left":d.horizontalAlign="right";d.horizontalOffset=offset;d.verticalOffset=0;d.classList.add("horizontal");d.classList.remove("vertical");break;default:throw"Invalid direction. Must be one of [top, bottom, left, right].";}}})})(_polymerLegacy.Polymer)});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/paper-icon-picker/paper-icon-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/paper-icon-picker/paper-icon-picker.js
index 7a38f68a662..c46153aee56 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/paper-icon-picker/paper-icon-picker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/paper-icon-picker/paper-icon-picker.js
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/iron-meta/iron-meta.js","../../@polymer/iron-flex-layout/iron-flex-layout.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/paper-item/paper-item.js","../../@polymer/paper-styles/color.js","../../@polymer/paper-listbox/paper-listbox.js","../../@polymer/paper-menu-button/paper-menu-button.js","../../@polymer/iron-list/iron-list.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/neon-animation/neon-animation.js","../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../@polymer/paper-tooltip/paper-tooltip.js","../../@polymer/iron-iconset-svg/iron-iconset-svg.js","./lib/paper-icon-picker-icon.js"],function(_exports,_polymerLegacy,_polymerDom,_ironMeta){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PaperIconPicker=void 0;function _templateObject_87c7270054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\n      :host {\n        display: inline-block;\n        position: relative;\n      }\n\n      :host(:focus) {\n        outline: none;\n      }\n\n      .icon {\n        box-sizing: border-box;\n        width: var(--paper-icon-picker-icon-size, 26px);\n        height: var(--paper-icon-picker-icon-size, 26px);\n        color: #888888;\n        display: inline-block;\n        padding: 0;\n        margin: 0;\n        cursor: pointer;\n        font-size: 0;\n        position: absolute;\n      }\n      .icon iron-icon {\n        width: var(--paper-icon-picker-icon-size, 26px);\n        height: var(--paper-icon-picker-icon-size, 26px);\n      }\n\n      /* If we just scale the paper-item when hovering, this will end up\n       * adding scrollbars to the paper-listbox that are hard to get rid of.\n       * An easy workaround is to use an :after pseudo element instead. */\n      .icon:after {\n        @apply --layout-fit;\n        content: \"\";\n        -webkit-transition: -webkit-transform 0.2s;\n        transition: transform 0.2s;\n        z-index: 0;\n      }\n\n      .icon:hover,\n      .icon:focus {\n        -webkit-transform: scale(1.8, 1.8);\n        transform: scale(1.8, 1.8);\n        outline: none;\n        z-index: 1;\n        background-color: #ffffff;\n        border-radius: 0;\n        border: 1px solid #888888;\n        color: orange !important;\n      }\n\n      paper-item {\n        --paper-item: {\n          margin: 0;\n          padding: 0;\n          min-height: 0;\n        }\n\n        --paper-item-focused-before: {\n          opacity: 0;\n        }\n      }\n\n      paper-listbox {\n        margin: 8px;\n        font-size: 0;\n        @apply --layout-vertical;\n        @apply --layout-wrap;\n      }\n      paper-tooltip {\n        z-index: 1;\n      }\n      .icon-group-1 {\n        color: var(--paper-pink-700);\n      }\n      .icon-group-2 {\n        color: var(--google-green-700);\n      }\n      .icon-group-3 {\n        color: var(--google-blue-700);\n      }\n      .icon-group-4 {\n        color: var(--paper-grey-700);\n      }\n      .icon-group-5 {\n        color: var(--paper-pink-700);\n      }\n      .icon-group-6 {\n        color: var(--google-green-700);\n      }\n      .icon-group-7 {\n        color: var(--google-blue-700);\n      }\n      .icon-group-8 {\n        color: var(--paper-grey-700);\n      }\n      .icon-group-9 {\n        color: var(--paper-pink-700);\n      }\n      .icon-group-10 {\n        color: var(--google-green-700);\n      }\n      .icon-group-11 {\n        color: var(--google-blue-700);\n      }\n      .icon-group-12 {\n        color: var(--paper-grey-700);\n      }\n      .icon-group-13 {\n        color: var(--paper-pink-700);\n      }\n      .icon-group-14 {\n        color: var(--google-green-700);\n      }\n      .icon-group-15 {\n        color: var(--google-blue-700);\n      }\n      .icon-group-16 {\n        color: var(--paper-grey-700);\n      }\n      .icon-group-17 {\n        color: var(--paper-pink-700);\n      }\n      .icon-group-18 {\n        color: var(--google-green-700);\n      }\n      .icon-group-19 {\n        color: var(--google-blue-700);\n      }\n    </style>\n    <paper-menu-button\n      id=\"iconpicker\"\n      on-tap=\"_onOpen\"\n      vertical-align=\"[[verticalAlign]]\"\n      horizontal-align=\"[[horizontalAlign]]\"\n      opened=\"{{opened}}\"\n    >\n      <paper-icon-button\n        id=\"iconButton\"\n        icon=\"swatch:perm-media\"\n        class=\"dropdown-trigger\"\n        alt=\"icon picker\"\n        noink$=\"[[noink]]\"\n        slot=\"dropdown-trigger\"\n      ></paper-icon-button>\n      <iron-list\n        grid\n        items=\"[[renderIconList]]\"\n        id=\"container\"\n        slot=\"dropdown-content\"\n      >\n        <template>\n          <paper-item\n            on-tap=\"_onIconTap\"\n            class$=\"icon-group-[[item.index]] icon\"\n            value=\"[[item.icon]]\"\n          >\n            <iron-icon icon=\"[[item.icon]]\" value=\"[[item.icon]]\"></iron-icon>\n          </paper-item>\n        </template>\n      </iron-list>\n    </paper-menu-button>\n    <paper-tooltip for=\"iconpicker\" position=\"bottom\" offset=\"14\">\n      [[iconText]]\n    </paper-tooltip>\n    <iron-a11y-keys\n      target=\"[[iconpicker]]\"\n      keys=\"escape\"\n      on-keys-pressed=\"close\"\n      stop-keyboard-event-propagation\n    ></iron-a11y-keys>\n  "]);_templateObject_87c7270054f411e9aeb367f92c5b63ab=function(){return data};return data}var PaperIconPicker=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_87c7270054f411e9aeb367f92c5b63ab()),is:"paper-icon-picker",properties:{opened:{type:Boolean},icon:{type:String,notify:!0,observer:"_iconChanged"},iconText:{type:String,computed:"_computedIconText(icon)"},iconList:{type:Array,notify:!0,value:function value(){return[]}},renderIconList:{type:Array,computed:"_computeRenderIconList(iconList)"},columnCount:{type:Number,value:8},maxRows:{type:Number,value:6},horizontalAlign:{type:String,value:"left",reflectToAttribute:!0},verticalAlign:{type:String,value:"top",reflectToAttribute:!0},noink:{type:Boolean}},_onOpen:function _onOpen(){var _this=this;setTimeout(function(){try{_this.shadowRoot.querySelector("paper-item").focus()}catch(error){}},500)},close:function close(){this.opened=!1},_computeRenderIconList:function _computeRenderIconList(list){var renderList=[],item={};for(var i in list){item={};if(babelHelpers.typeof(list[i].icon)==="undefined"){item.icon=list[i]}else{item.icon=list[i].icon}if(babelHelpers.typeof(list[i].index)==="undefined"){item.index=0}else{item.index=list[i].index}renderList.push(item)}return renderList},_computedIconText:function _computedIconText(icon){if(""==icon){return"Select an icon"}return icon},created:function created(){this._renderedIcons=!1},attached:function attached(){var iconSets=new _ironMeta.IronMeta({type:"iconset"});if(0===this.iconList.length&&babelHelpers.typeof(iconSets)!=="undefined"&&iconSets.list&&iconSets.list.length){var iconList=[],index=0;iconSets.list.forEach(function(item){index++;item.getIconNames().forEach(function(icon){iconList.push({icon:icon,index:index})})});this.set("iconList",iconList)}var sizeOfAIconDiv;if(window.ShadyCSS){sizeOfAIconDiv=ShadyCSS.getComputedStyleValue(this,"--paper-icon-picker-icon-size")}else{sizeOfAIconDiv=getComputedStyle(this).getPropertyValue("--paper-icon-picker-icon-size")}if(!sizeOfAIconDiv||""==sizeOfAIconDiv){sizeOfAIconDiv=26}else{sizeOfAIconDiv=sizeOfAIconDiv.replace("px","")}var rowCount=Math.round(this.iconList.length/this.columnCount)+1;if(rowCount>this.maxRows){rowCount=this.maxRows}this.$.container.style.height=rowCount*sizeOfAIconDiv+"px";this.$.container.style.width=this.columnCount*sizeOfAIconDiv+"px"},_addOverflowClass:function _addOverflowClass(){this.$.container.toggleClass("opened",!0)},_removeOverflowClass:function _removeOverflowClass(){this.$.container.toggleClass("opened",!1)},_onIconTap:function _onIconTap(e){this.icon=e.target.value;this.fire("icon-picker-selected",{icon:this.icon});this.$.container.fire("iron-select",this.icon);this.close()},_iconChanged:function _iconChanged(){if(this.icon){this.$.iconButton.icon=this.icon}else{this.$.iconButton.icon="swatch:perm-media"}}});_exports.PaperIconPicker=PaperIconPicker});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/iron-meta/iron-meta.js","../../@polymer/iron-flex-layout/iron-flex-layout.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/paper-item/paper-item.js","../../@polymer/paper-styles/color.js","../../@polymer/paper-listbox/paper-listbox.js","../../@polymer/paper-menu-button/paper-menu-button.js","../../@polymer/iron-list/iron-list.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/neon-animation/neon-animation.js","../../@polymer/iron-a11y-keys/iron-a11y-keys.js","../../@polymer/paper-tooltip/paper-tooltip.js","../../@polymer/iron-iconset-svg/iron-iconset-svg.js","./lib/paper-icon-picker-icon.js"],function(_exports,_polymerLegacy,_polymerDom,_ironMeta){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PaperIconPicker=void 0;function _templateObject_20f5f520555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\">\n      :host {\n        display: inline-block;\n        position: relative;\n      }\n\n      :host(:focus) {\n        outline: none;\n      }\n\n      .icon {\n        box-sizing: border-box;\n        width: var(--paper-icon-picker-icon-size, 26px);\n        height: var(--paper-icon-picker-icon-size, 26px);\n        color: #888888;\n        display: inline-block;\n        padding: 0;\n        margin: 0;\n        cursor: pointer;\n        font-size: 0;\n        position: absolute;\n      }\n      .icon iron-icon {\n        width: var(--paper-icon-picker-icon-size, 26px);\n        height: var(--paper-icon-picker-icon-size, 26px);\n      }\n\n      /* If we just scale the paper-item when hovering, this will end up\n       * adding scrollbars to the paper-listbox that are hard to get rid of.\n       * An easy workaround is to use an :after pseudo element instead. */\n      .icon:after {\n        @apply --layout-fit;\n        content: \"\";\n        -webkit-transition: -webkit-transform 0.2s;\n        transition: transform 0.2s;\n        z-index: 0;\n      }\n\n      .icon:hover,\n      .icon:focus {\n        -webkit-transform: scale(1.8, 1.8);\n        transform: scale(1.8, 1.8);\n        outline: none;\n        z-index: 1;\n        background-color: #ffffff;\n        border-radius: 0;\n        border: 1px solid #888888;\n        color: orange !important;\n      }\n\n      paper-item {\n        --paper-item: {\n          margin: 0;\n          padding: 0;\n          min-height: 0;\n        }\n\n        --paper-item-focused-before: {\n          opacity: 0;\n        }\n      }\n\n      paper-listbox {\n        margin: 8px;\n        font-size: 0;\n        @apply --layout-vertical;\n        @apply --layout-wrap;\n      }\n      paper-tooltip {\n        z-index: 1;\n      }\n      .icon-group-1 {\n        color: var(--paper-pink-700);\n      }\n      .icon-group-2 {\n        color: var(--google-green-700);\n      }\n      .icon-group-3 {\n        color: var(--google-blue-700);\n      }\n      .icon-group-4 {\n        color: var(--paper-grey-700);\n      }\n      .icon-group-5 {\n        color: var(--paper-pink-700);\n      }\n      .icon-group-6 {\n        color: var(--google-green-700);\n      }\n      .icon-group-7 {\n        color: var(--google-blue-700);\n      }\n      .icon-group-8 {\n        color: var(--paper-grey-700);\n      }\n      .icon-group-9 {\n        color: var(--paper-pink-700);\n      }\n      .icon-group-10 {\n        color: var(--google-green-700);\n      }\n      .icon-group-11 {\n        color: var(--google-blue-700);\n      }\n      .icon-group-12 {\n        color: var(--paper-grey-700);\n      }\n      .icon-group-13 {\n        color: var(--paper-pink-700);\n      }\n      .icon-group-14 {\n        color: var(--google-green-700);\n      }\n      .icon-group-15 {\n        color: var(--google-blue-700);\n      }\n      .icon-group-16 {\n        color: var(--paper-grey-700);\n      }\n      .icon-group-17 {\n        color: var(--paper-pink-700);\n      }\n      .icon-group-18 {\n        color: var(--google-green-700);\n      }\n      .icon-group-19 {\n        color: var(--google-blue-700);\n      }\n    </style>\n    <paper-menu-button\n      id=\"iconpicker\"\n      on-tap=\"_onOpen\"\n      vertical-align=\"[[verticalAlign]]\"\n      horizontal-align=\"[[horizontalAlign]]\"\n      opened=\"{{opened}}\"\n    >\n      <paper-icon-button\n        id=\"iconButton\"\n        icon=\"swatch:perm-media\"\n        class=\"dropdown-trigger\"\n        alt=\"icon picker\"\n        noink$=\"[[noink]]\"\n        slot=\"dropdown-trigger\"\n      ></paper-icon-button>\n      <iron-list\n        grid\n        items=\"[[renderIconList]]\"\n        id=\"container\"\n        slot=\"dropdown-content\"\n      >\n        <template>\n          <paper-item\n            on-tap=\"_onIconTap\"\n            class$=\"icon-group-[[item.index]] icon\"\n            value=\"[[item.icon]]\"\n          >\n            <iron-icon icon=\"[[item.icon]]\" value=\"[[item.icon]]\"></iron-icon>\n          </paper-item>\n        </template>\n      </iron-list>\n    </paper-menu-button>\n    <paper-tooltip for=\"iconpicker\" position=\"bottom\" offset=\"14\">\n      [[iconText]]\n    </paper-tooltip>\n    <iron-a11y-keys\n      target=\"[[iconpicker]]\"\n      keys=\"escape\"\n      on-keys-pressed=\"close\"\n      stop-keyboard-event-propagation\n    ></iron-a11y-keys>\n  "]);_templateObject_20f5f520555211e98f439769bd191e33=function(){return data};return data}var PaperIconPicker=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_20f5f520555211e98f439769bd191e33()),is:"paper-icon-picker",properties:{opened:{type:Boolean},icon:{type:String,notify:!0,observer:"_iconChanged"},iconText:{type:String,computed:"_computedIconText(icon)"},iconList:{type:Array,notify:!0,value:function value(){return[]}},renderIconList:{type:Array,computed:"_computeRenderIconList(iconList)"},columnCount:{type:Number,value:8},maxRows:{type:Number,value:6},horizontalAlign:{type:String,value:"left",reflectToAttribute:!0},verticalAlign:{type:String,value:"top",reflectToAttribute:!0},noink:{type:Boolean}},_onOpen:function _onOpen(){var _this=this;setTimeout(function(){try{_this.shadowRoot.querySelector("paper-item").focus()}catch(error){}},500)},close:function close(){this.opened=!1},_computeRenderIconList:function _computeRenderIconList(list){var renderList=[],item={};for(var i in list){item={};if(babelHelpers.typeof(list[i].icon)==="undefined"){item.icon=list[i]}else{item.icon=list[i].icon}if(babelHelpers.typeof(list[i].index)==="undefined"){item.index=0}else{item.index=list[i].index}renderList.push(item)}return renderList},_computedIconText:function _computedIconText(icon){if(""==icon){return"Select an icon"}return icon},created:function created(){this._renderedIcons=!1},attached:function attached(){var iconSets=new _ironMeta.IronMeta({type:"iconset"});if(0===this.iconList.length&&babelHelpers.typeof(iconSets)!=="undefined"&&iconSets.list&&iconSets.list.length){var iconList=[],index=0;iconSets.list.forEach(function(item){index++;item.getIconNames().forEach(function(icon){iconList.push({icon:icon,index:index})})});this.set("iconList",iconList)}var sizeOfAIconDiv;if(window.ShadyCSS){sizeOfAIconDiv=ShadyCSS.getComputedStyleValue(this,"--paper-icon-picker-icon-size")}else{sizeOfAIconDiv=getComputedStyle(this).getPropertyValue("--paper-icon-picker-icon-size")}if(!sizeOfAIconDiv||""==sizeOfAIconDiv){sizeOfAIconDiv=26}else{sizeOfAIconDiv=sizeOfAIconDiv.replace("px","")}var rowCount=Math.round(this.iconList.length/this.columnCount)+1;if(rowCount>this.maxRows){rowCount=this.maxRows}this.$.container.style.height=rowCount*sizeOfAIconDiv+"px";this.$.container.style.width=this.columnCount*sizeOfAIconDiv+"px"},_addOverflowClass:function _addOverflowClass(){this.$.container.toggleClass("opened",!0)},_removeOverflowClass:function _removeOverflowClass(){this.$.container.toggleClass("opened",!1)},_onIconTap:function _onIconTap(e){this.icon=e.target.value;this.fire("icon-picker-selected",{icon:this.icon});this.$.container.fire("iron-select",this.icon);this.close()},_iconChanged:function _iconChanged(){if(this.icon){this.$.iconButton.icon=this.icon}else{this.$.iconButton.icon="swatch:perm-media"}}});_exports.PaperIconPicker=PaperIconPicker});
\ No newline at end of file
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 6feb3034047..77525259885 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-input/paper-input.js","../../@polymer/paper-tooltip/paper-tooltip.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PaperInputFlagged=void 0;function _templateObject_87f5b11054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <paper-input\n      label=\"[[label]]\"\n      value=\"{{value}}\"\n      char-counter=\"[[charCounter]]\"\n      disabled=\"[[disabled]]\"\n      minlength=\"[[minlength]]\"\n      maxlength=\"[[minlength]]\"\n    >\n      <iron-icon id=\"icon\" icon=\"[[icon]]\" slot=\"prefix\"></iron-icon>\n    </paper-input>\n    <div class=\"element-invisible\">[[__activeMessage]]</div>\n    <paper-tooltip for=\"icon\" position=\"top\" offset=\"20\" fit-to-visible-bounds>\n      [[__activeMessage]]\n    </paper-tooltip>\n  "]);_templateObject_87f5b11054f411e9aeb367f92c5b63ab=function(){return data};return data}var PaperInputFlagged=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_87f5b11054f411e9aeb367f92c5b63ab()),is:"paper-input-flagged",properties:{icon:{type:String,computed:"_iconFromStatus(status)"},status:{type:String,reflectToAttribute:!0,computed:"testStatus(flaggedInput, value)"},value:{type:String,notify:!0,value:""},flaggedInput:{type:Array,value:[{match:null,message:"Alt data is required for everything except decoration images.",status:"notice"},{match:"image",message:"Screenreaders will say the word image, don't put it in the descriptive text",status:"error"},{match:"photo",message:"Screenreaders will say the word image, don't put photo in the descriptive text",status:"error"},{match:"picture",message:"Screenreaders will say the word image, don't put picture in the descriptive text",status:"error"},{match:3,message:"Description not effective enough. This should be at least a sentance about what the image is.",status:"error"},{match:10,message:"Make sure your alt text is descriptive enough for those that can't see the media.",status:"warning"}]},inputSuccess:{type:Object,value:{message:"You passed our simple accessibility checks.",status:"info"}}},testStatus:function testStatus(test,value){for(var i in test){if(null===test[i].match&&(""===value||null===value)){this.__activeMessage=test[i].message;return test[i].status}else if(!isNaN(test[i].match)&&value.split(/\s+/g).length<parseInt(test[i].match)){this.__activeMessage=test[i].message;return test[i].status}else if(value.toLowerCase().includes(test[i].match)){this.__activeMessage=test[i].message;return test[i].status}}this.__activeMessage=this.inputSuccess.message;return this.inputSuccess.status},_iconFromStatus:function _iconFromStatus(status){switch(status){case"error":return"icons:error";break;case"warning":case"notice":return"icons:warning";break;case"info":return"icons:info-outline";break;default:return"icons:info";break;}}});_exports.PaperInputFlagged=PaperInputFlagged});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-input/paper-input.js","../../@polymer/paper-tooltip/paper-tooltip.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PaperInputFlagged=void 0;function _templateObject_210d4db0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <paper-input\n      label=\"[[label]]\"\n      value=\"{{value}}\"\n      char-counter=\"[[charCounter]]\"\n      disabled=\"[[disabled]]\"\n      minlength=\"[[minlength]]\"\n      maxlength=\"[[minlength]]\"\n    >\n      <iron-icon id=\"icon\" icon=\"[[icon]]\" slot=\"prefix\"></iron-icon>\n    </paper-input>\n    <div class=\"element-invisible\">[[__activeMessage]]</div>\n    <paper-tooltip for=\"icon\" position=\"top\" offset=\"20\" fit-to-visible-bounds>\n      [[__activeMessage]]\n    </paper-tooltip>\n  "]);_templateObject_210d4db0555211e98f439769bd191e33=function(){return data};return data}var PaperInputFlagged=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_210d4db0555211e98f439769bd191e33()),is:"paper-input-flagged",properties:{icon:{type:String,computed:"_iconFromStatus(status)"},status:{type:String,reflectToAttribute:!0,computed:"testStatus(flaggedInput, value)"},value:{type:String,notify:!0,value:""},flaggedInput:{type:Array,value:[{match:null,message:"Alt data is required for everything except decoration images.",status:"notice"},{match:"image",message:"Screenreaders will say the word image, don't put it in the descriptive text",status:"error"},{match:"photo",message:"Screenreaders will say the word image, don't put photo in the descriptive text",status:"error"},{match:"picture",message:"Screenreaders will say the word image, don't put picture in the descriptive text",status:"error"},{match:3,message:"Description not effective enough. This should be at least a sentance about what the image is.",status:"error"},{match:10,message:"Make sure your alt text is descriptive enough for those that can't see the media.",status:"warning"}]},inputSuccess:{type:Object,value:{message:"You passed our simple accessibility checks.",status:"info"}}},testStatus:function testStatus(test,value){for(var i in test){if(null===test[i].match&&(""===value||null===value)){this.__activeMessage=test[i].message;return test[i].status}else if(!isNaN(test[i].match)&&value.split(/\s+/g).length<parseInt(test[i].match)){this.__activeMessage=test[i].message;return test[i].status}else if(value.toLowerCase().includes(test[i].match)){this.__activeMessage=test[i].message;return test[i].status}}this.__activeMessage=this.inputSuccess.message;return this.inputSuccess.status},_iconFromStatus:function _iconFromStatus(status){switch(status){case"error":return"icons:error";break;case"warning":case"notice":return"icons:warning";break;case"info":return"icons:info-outline";break;default:return"icons:info";break;}}});_exports.PaperInputFlagged=PaperInputFlagged});
\ No newline at end of file
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 f58cb77691e..4084dcd62e3 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ParallaxImage=void 0;function _templateObject_88c81c4054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n\n    <a href=\"[[url]]\" target$=\"[[_urlTarget(url)]]\">\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    </a>\n  "]);_templateObject_88c81c4054f411e9aeb367f92c5b63ab=function(){return data};return data}var ParallaxImage=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_88c81c4054f411e9aeb367f92c5b63ab()),is:"parallax-image",behaviors:[HAXBehaviors.PropertiesBehaviors,MaterializeCSSBehaviors.ColorBehaviors,SchemaBehaviors.Schema],properties:{imageBg:{type:String,value:"",reflectToAttribute:!0},url:{type:String,value:"",reflectToAttribute:!0}},observers:["__updateStyles(imageBg)"],_urlTarget:function _urlTarget(url){if(url){var external=this._outsideLink(url);if(external){return"_blank"}}return!1},_outsideLink:function _outsideLink(url){if(0!=url.indexOf("http"))return!1;var loc=location.href,path=location.pathname,root=loc.substring(0,loc.indexOf(path));return 0!=url.indexOf(root)},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Sample gizmo",description:"The user will be able to see this for selection in a UI.",icon:"av:play-circle-filled",color:"grey",groups:["Video","Media"],handles:[{type:"video",url:"source"}],meta:{author:"Your organization on github"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})},__updateStyles:function __updateStyles(imageBg){this.updateStyles({"--parallax-image-background":"url(".concat(imageBg,")")})},ready:function ready(){var bgParallax=this.$.bgParallax,titleParallax=this.$.titleParallax;window.addEventListener("scroll",function(){var yParallaxPosition=-.2*window.scrollY;bgParallax.style.backgroundPosition="center ".concat(yParallaxPosition,"px");titleParallax.style.transform="translate3D(0, ".concat(1.4*yParallaxPosition,"px, 0)")})}});_exports.ParallaxImage=ParallaxImage});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ParallaxImage=void 0;function _templateObject_2182a4c0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n\n    <a href=\"[[url]]\" target$=\"[[_urlTarget(url)]]\">\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    </a>\n  "]);_templateObject_2182a4c0555211e98f439769bd191e33=function(){return data};return data}var ParallaxImage=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2182a4c0555211e98f439769bd191e33()),is:"parallax-image",behaviors:[HAXBehaviors.PropertiesBehaviors,MaterializeCSSBehaviors.ColorBehaviors,SchemaBehaviors.Schema],properties:{imageBg:{type:String,value:"",reflectToAttribute:!0},url:{type:String,value:"",reflectToAttribute:!0}},observers:["__updateStyles(imageBg)"],_urlTarget:function _urlTarget(url){if(url){var external=this._outsideLink(url);if(external){return"_blank"}}return!1},_outsideLink:function _outsideLink(url){if(0!=url.indexOf("http"))return!1;var loc=location.href,path=location.pathname,root=loc.substring(0,loc.indexOf(path));return 0!=url.indexOf(root)},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Sample gizmo",description:"The user will be able to see this for selection in a UI.",icon:"av:play-circle-filled",color:"grey",groups:["Video","Media"],handles:[{type:"video",url:"source"}],meta:{author:"Your organization on github"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})},__updateStyles:function __updateStyles(imageBg){this.updateStyles({"--parallax-image-background":"url(".concat(imageBg,")")})},ready:function ready(){var bgParallax=this.$.bgParallax,titleParallax=this.$.titleParallax;window.addEventListener("scroll",function(){var yParallaxPosition=-.2*window.scrollY;bgParallax.style.backgroundPosition="center ".concat(yParallaxPosition,"px");titleParallax.style.transform="translate3D(0, ".concat(1.4*yParallaxPosition,"px, 0)")})}});_exports.ParallaxImage=ParallaxImage});
\ No newline at end of file
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 c65416a0f9a..d7f3e1b871c 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-card/paper-card.js","../../@polymer/paper-button/paper-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PdfBrowserViewer=void 0;function _templateObject_889d14a054f411e9aeb367f92c5b63ab(){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_889d14a054f411e9aeb367f92c5b63ab=function(){return data};return data}var PdfBrowserViewer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_889d14a054f411e9aeb367f92c5b63ab()),is:"pdf-browser-viewer",properties:{file:{type:String,value:void 0,reflectToAttribute:!0},notSupportedMessage:{type:String,value:"It appears your Web browser is not configured to display PDF files. No worries, just"},notSupportedLinkMessage:{type:String,value:"click here to download the PDF file."},height:{type:String,value:"400px"},width:{type:String,value:"100%"},card:{type:Boolean,value:!1},downloadLabel:{type:String,value:"Download"},elevation:{type:String,value:"1"}},clear:function clear(){this.file=void 0},_download:function _download(){window.location=this.file}});_exports.PdfBrowserViewer=PdfBrowserViewer});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-card/paper-card.js","../../@polymer/paper-button/paper-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PdfBrowserViewer=void 0;function _templateObject_21d0ebd0555211e98f439769bd191e33(){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_21d0ebd0555211e98f439769bd191e33=function(){return data};return data}var PdfBrowserViewer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_21d0ebd0555211e98f439769bd191e33()),is:"pdf-browser-viewer",properties:{file:{type:String,value:void 0,reflectToAttribute:!0},notSupportedMessage:{type:String,value:"It appears your Web browser is not configured to display PDF files. No worries, just"},notSupportedLinkMessage:{type:String,value:"click here to download the PDF file."},height:{type:String,value:"400px"},width:{type:String,value:"100%"},card:{type:Boolean,value:!1},downloadLabel:{type:String,value:"Download"},elevation:{type:String,value:"1"}},clear:function clear(){this.file=void 0},_download:function _download(){window.location=this.file}});_exports.PdfBrowserViewer=PdfBrowserViewer});
\ No newline at end of file
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 5375621b1bf..6deaaef1637 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-card/paper-card.js","../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../@polymer/paper-input/paper-input.js","../../@polymer/iron-input/iron-input.js","../../@polymer/paper-spinner/paper-spinner.js","../../@polymer/paper-icon-button/paper-icon-button.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../pdfjs-dist/build/pdf.js","../../pdfjs-dist/build/pdf.worker.js","./lib/main.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PdfElement=void 0;function _templateObject_88e197b054f411e9aeb367f92c5b63ab(){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_88e197b054f411e9aeb367f92c5b63ab=function(){return data};return data}var PdfElement=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_88e197b054f411e9aeb367f92c5b63ab()),is:"pdf-element",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{src:{type:String,reflectToAttribute:!0},elevation:{type:Number,value:1},downloadable:{type:Boolean,value:!1},showFileName:{type:Boolean,value:!1},showSpinner:{type:Boolean,value:!1},enableTextSelection:{type:Boolean,value:!1},fitWidth:{type:Boolean,value:!1},width:{type:Number,value:500}},attached:function attached(){this.src=this.getAttribute("src");this._initializeReader();if(this.src)this.instance.loadPDF();this._setFitWidth();this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"PDF viewer",descrption:"This can nicely present a PDF in a standard inplace, cross browser way.",icon:"image:picture-as-pdf",color:"red",groups:["Presentation","PDF","Data"],handles:[{type:"pdf",url:"src",source:"src"},{type:"document",url:"src",source:"src"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"src",title:"File",description:"The URL for the pdf",inputMethod:"textfield",icon:"link",required:!0}],configure:[{property:"src",title:"Source",description:"The URL for this csv file",inputMethod:"textfield",icon:"link",required:!0},{property:"downloadable",title:"Downloadable",description:"User can download this",inputMethod:"boolean",icon:"file-download"},{property:"enableTextSelection",title:"Text Selection",description:"User can select text in this element.",inputMethod:"boolean",icon:"file-download"},{property:"elevation",title:"Elevation",description:"Visual elevation of the element",inputMethod:"number",icon:"flip-to-front"}],advanced:[]}})},loadPDF:function loadPDF(){if(!this.getAttribute("src"))return;this.instance.changePDFSource(this.getAttribute("src"));this.currentPage=1;this.totalPages=this.instance.totalPages;this.fileName=this.src.split("/").pop();this._setFitWidth();this.$.zoomIcon.icon="fullscreen"},attributeChanged:function attributeChanged(name){if("src"===name){if("undefined"==typeof this.instance)this._initializeReader();else{this.loadPDF();this.changedSideBar=!0;this.fromChange=!0;this.sideBar()}}else if("fitWidth"===name){this._setFitWidth()}},_initializeReader:function _initializeReader(){this.instance=new Reader(this);if(null!=this.src)this.fileName=this.src.split("/").pop();this.currentPage=1},_setFitWidth:function _setFitWidth(){this.instance.setFitWidth(this.fitWidth)},zoomInOut:function zoomInOut(step){if(2<=this.instance.currentZoomVal){this.instance.currentZoomVal=2}else if(.1>=this.instance.currentZoomVal){this.instance.currentZoomVal=.1}else{this.$.zoomIcon.icon="fullscreen";this.instance.zoomInOut(step)}},zoomIn:function zoomIn(){if(this.instance.pdfExists){this.zoomInOut(.1)}},zoomOut:function zoomOut(){if(this.instance.pdfExists){this.instance.zoomInOut(-.1)}},zoomFit:function zoomFit(){if(this.instance.pdfExists){if(this.instance.currentZoomVal==this.instance.widthZoomVal){this.instance.zoomPageFit();this.$.zoomIcon.icon="fullscreen"}else{this.instance.zoomWidthFit();this.$.zoomIcon.icon="fullscreen-exit"}}},pageNumSearch:function pageNumSearch(){var page=parseInt(this.$.input.value);if(1<=page&&page<=this.instance.totalPagesNum){this.instance.currentPage=page;this.instance.queueRenderPage(this.instance.currentPage);this.currentPage=page;this.$.input.blur()}else{this.$.input.value=this.currentPage;this.$.input.blur()}},sideBarClick:function sideBarClick(page,currentInstance,currentThis){var parsedFileName=currentThis.src.split("/").pop(),self=currentInstance;currentThis.sidebarOpen=!0;if(1<=page&&page<=currentInstance.totalPagesNum){self.currentPage=page;self.queueRenderPage(self.currentPage);currentInstance.currentPage=page;currentThis.currentPage=page;this.$.input.blur()}else{this.$.input.value=self.currentPage;this.$.input.blur()}},showPrev:function showPrev(){if(1<this.instance.currentPage){this.instance.currentPage--;this.instance.queueRenderPage(this.instance.currentPage);this.currentPage--}},showNext:function showNext(){if(this.instance.totalPagesNum>this.instance.currentPage){this.instance.currentPage++;this.instance.queueRenderPage(this.instance.currentPage);this.currentPage++}},sideBar:function sideBar(){if(this.instance.pdfExists){if(!this.fromChange){this.$.container.style.height=this.$.test.style.height;this.$.container.style.width=this.$.test.style.width;if("25%"==this.$.main.style.marginLeft){this.sidebarOpen=!1;this.instance.setViewportPos(!1);this.$.main.style.marginLeft="0%";this.$.container.style.marginLeft="-25%";this.$.container.style.visibility="hidden"}else{this.sidebarOpen=!0;this.$.main.style.marginLeft="25%";this.$.container.style.marginLeft="0%";this.$.container.style.visibility="visible";this.instance.setViewportPos(!0)}}this.fromChange=!1;this.instance.sidebarSetup(this);this.changedSideBar=!1}},download:function download(){if(this.instance.pdfExists){this.instance.download()}}});_exports.PdfElement=PdfElement});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-card/paper-card.js","../../@polymer/app-layout/app-toolbar/app-toolbar.js","../../@polymer/paper-input/paper-input.js","../../@polymer/iron-input/iron-input.js","../../@polymer/paper-spinner/paper-spinner.js","../../@polymer/paper-icon-button/paper-icon-button.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../pdfjs-dist/build/pdf.js","../../pdfjs-dist/build/pdf.worker.js","./lib/main.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PdfElement=void 0;function _templateObject_21a3e860555211e98f439769bd191e33(){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_21a3e860555211e98f439769bd191e33=function(){return data};return data}var PdfElement=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_21a3e860555211e98f439769bd191e33()),is:"pdf-element",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{src:{type:String,reflectToAttribute:!0},elevation:{type:Number,value:1},downloadable:{type:Boolean,value:!1},showFileName:{type:Boolean,value:!1},showSpinner:{type:Boolean,value:!1},enableTextSelection:{type:Boolean,value:!1},fitWidth:{type:Boolean,value:!1},width:{type:Number,value:500}},attached:function attached(){this.src=this.getAttribute("src");this._initializeReader();if(this.src)this.instance.loadPDF();this._setFitWidth();this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"PDF viewer",descrption:"This can nicely present a PDF in a standard inplace, cross browser way.",icon:"image:picture-as-pdf",color:"red",groups:["Presentation","PDF","Data"],handles:[{type:"pdf",url:"src",source:"src"},{type:"document",url:"src",source:"src"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"src",title:"File",description:"The URL for the pdf",inputMethod:"textfield",icon:"link",required:!0}],configure:[{property:"src",title:"Source",description:"The URL for this csv file",inputMethod:"textfield",icon:"link",required:!0},{property:"downloadable",title:"Downloadable",description:"User can download this",inputMethod:"boolean",icon:"file-download"},{property:"enableTextSelection",title:"Text Selection",description:"User can select text in this element.",inputMethod:"boolean",icon:"file-download"},{property:"elevation",title:"Elevation",description:"Visual elevation of the element",inputMethod:"number",icon:"flip-to-front"}],advanced:[]}})},loadPDF:function loadPDF(){if(!this.getAttribute("src"))return;this.instance.changePDFSource(this.getAttribute("src"));this.currentPage=1;this.totalPages=this.instance.totalPages;this.fileName=this.src.split("/").pop();this._setFitWidth();this.$.zoomIcon.icon="fullscreen"},attributeChanged:function attributeChanged(name){if("src"===name){if("undefined"==typeof this.instance)this._initializeReader();else{this.loadPDF();this.changedSideBar=!0;this.fromChange=!0;this.sideBar()}}else if("fitWidth"===name){this._setFitWidth()}},_initializeReader:function _initializeReader(){this.instance=new Reader(this);if(null!=this.src)this.fileName=this.src.split("/").pop();this.currentPage=1},_setFitWidth:function _setFitWidth(){this.instance.setFitWidth(this.fitWidth)},zoomInOut:function zoomInOut(step){if(2<=this.instance.currentZoomVal){this.instance.currentZoomVal=2}else if(.1>=this.instance.currentZoomVal){this.instance.currentZoomVal=.1}else{this.$.zoomIcon.icon="fullscreen";this.instance.zoomInOut(step)}},zoomIn:function zoomIn(){if(this.instance.pdfExists){this.zoomInOut(.1)}},zoomOut:function zoomOut(){if(this.instance.pdfExists){this.instance.zoomInOut(-.1)}},zoomFit:function zoomFit(){if(this.instance.pdfExists){if(this.instance.currentZoomVal==this.instance.widthZoomVal){this.instance.zoomPageFit();this.$.zoomIcon.icon="fullscreen"}else{this.instance.zoomWidthFit();this.$.zoomIcon.icon="fullscreen-exit"}}},pageNumSearch:function pageNumSearch(){var page=parseInt(this.$.input.value);if(1<=page&&page<=this.instance.totalPagesNum){this.instance.currentPage=page;this.instance.queueRenderPage(this.instance.currentPage);this.currentPage=page;this.$.input.blur()}else{this.$.input.value=this.currentPage;this.$.input.blur()}},sideBarClick:function sideBarClick(page,currentInstance,currentThis){var parsedFileName=currentThis.src.split("/").pop(),self=currentInstance;currentThis.sidebarOpen=!0;if(1<=page&&page<=currentInstance.totalPagesNum){self.currentPage=page;self.queueRenderPage(self.currentPage);currentInstance.currentPage=page;currentThis.currentPage=page;this.$.input.blur()}else{this.$.input.value=self.currentPage;this.$.input.blur()}},showPrev:function showPrev(){if(1<this.instance.currentPage){this.instance.currentPage--;this.instance.queueRenderPage(this.instance.currentPage);this.currentPage--}},showNext:function showNext(){if(this.instance.totalPagesNum>this.instance.currentPage){this.instance.currentPage++;this.instance.queueRenderPage(this.instance.currentPage);this.currentPage++}},sideBar:function sideBar(){if(this.instance.pdfExists){if(!this.fromChange){this.$.container.style.height=this.$.test.style.height;this.$.container.style.width=this.$.test.style.width;if("25%"==this.$.main.style.marginLeft){this.sidebarOpen=!1;this.instance.setViewportPos(!1);this.$.main.style.marginLeft="0%";this.$.container.style.marginLeft="-25%";this.$.container.style.visibility="hidden"}else{this.sidebarOpen=!0;this.$.main.style.marginLeft="25%";this.$.container.style.marginLeft="0%";this.$.container.style.visibility="visible";this.instance.setViewportPos(!0)}}this.fromChange=!1;this.instance.sidebarSetup(this);this.changedSideBar=!1}},download:function download(){if(this.instance.pdfExists){this.instance.download()}}});_exports.PdfElement=PdfElement});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/per-spec-tive/per-spec-tive.js b/build/es5-amd/node_modules/@lrnwebcomponents/per-spec-tive/per-spec-tive.js
index 5dbfba25642..cfe69556b2d 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/per-spec-tive/per-spec-tive.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/per-spec-tive/per-spec-tive.js
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-button/paper-button.js","../../@polymer/paper-card/paper-card.js","../../@polymer/iron-list/iron-list.js","../../@polymer/iron-ajax/iron-ajax.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/paper-icon-button/paper-icon-button.js","../simple-colors/simple-colors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PerSpecTive=void 0;function _templateObject_89065dc054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        transition: 0.6s all linear;\n        background-color: transparent;\n        opacity: 1;\n      }\n      :host([outline-loading]) {\n        opacity: 0.6;\n        background-color: #999999;\n      }\n      paper-card {\n        width: 250px;\n        height: 250px;\n      }\n      #list {\n        min-height: 50vh;\n        width: 100%;\n      }\n    </style>\n    <iron-ajax\n      auto=\"\"\n      id=\"endpoint\"\n      url=\"[[endPoint]]\"\n      loading=\"{{outlineLoading}}\"\n      handle-as=\"json\"\n      last-response=\"{{_outlineData}}\"\n      debounce-duration=\"300\"\n    ></iron-ajax>\n    <iron-list grid=\"\" id=\"list\" items=\"[[outline]]\">\n      <template>\n        <paper-card\n          heading=\"[[item.title]]\"\n          image=\"\"\n          elevation=\"1\"\n          animated-shadow=\"true\"\n        >\n          <div class=\"card-content\">A card</div>\n          <div class=\"card-actions\">\n            <paper-icon-button icon=\"add\"></paper-icon-button>\n            <paper-icon-button icon=\"delete\"></paper-icon-button>\n          </div>\n        </paper-card>\n      </template>\n    </iron-list>\n  "]);_templateObject_89065dc054f411e9aeb367f92c5b63ab=function(){return data};return data}var PerSpecTive=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_89065dc054f411e9aeb367f92c5b63ab()),is:"per-spec-tive",properties:{outlineLoading:{type:Boolean,reflectToAttribute:!0},endPoint:{type:String},_outlineData:{type:Object,observer:"_outlineRawDataChanged"},outline:{type:Array,observer:"_outlineChanged"}},_outlineRawDataChanged:function _outlineRawDataChanged(newValue){if(null!=newValue&&babelHelpers.typeof(newValue.items)!=="undefined"){this.set("outline",[]);this.set("outline",newValue.items)}},_outlineChanged:function _outlineChanged(){},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}});_exports.PerSpecTive=PerSpecTive});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-button/paper-button.js","../../@polymer/paper-card/paper-card.js","../../@polymer/iron-list/iron-list.js","../../@polymer/iron-ajax/iron-ajax.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/paper-icon-button/paper-icon-button.js","../simple-colors/simple-colors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PerSpecTive=void 0;function _templateObject_21f71170555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        transition: 0.6s all linear;\n        background-color: transparent;\n        opacity: 1;\n      }\n      :host([outline-loading]) {\n        opacity: 0.6;\n        background-color: #999999;\n      }\n      paper-card {\n        width: 250px;\n        height: 250px;\n      }\n      #list {\n        min-height: 50vh;\n        width: 100%;\n      }\n    </style>\n    <iron-ajax\n      auto=\"\"\n      id=\"endpoint\"\n      url=\"[[endPoint]]\"\n      loading=\"{{outlineLoading}}\"\n      handle-as=\"json\"\n      last-response=\"{{_outlineData}}\"\n      debounce-duration=\"300\"\n    ></iron-ajax>\n    <iron-list grid=\"\" id=\"list\" items=\"[[outline]]\">\n      <template>\n        <paper-card\n          heading=\"[[item.title]]\"\n          image=\"\"\n          elevation=\"1\"\n          animated-shadow=\"true\"\n        >\n          <div class=\"card-content\">A card</div>\n          <div class=\"card-actions\">\n            <paper-icon-button icon=\"add\"></paper-icon-button>\n            <paper-icon-button icon=\"delete\"></paper-icon-button>\n          </div>\n        </paper-card>\n      </template>\n    </iron-list>\n  "]);_templateObject_21f71170555211e98f439769bd191e33=function(){return data};return data}var PerSpecTive=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_21f71170555211e98f439769bd191e33()),is:"per-spec-tive",properties:{outlineLoading:{type:Boolean,reflectToAttribute:!0},endPoint:{type:String},_outlineData:{type:Object,observer:"_outlineRawDataChanged"},outline:{type:Array,observer:"_outlineChanged"}},_outlineRawDataChanged:function _outlineRawDataChanged(newValue){if(null!=newValue&&babelHelpers.typeof(newValue.items)!=="undefined"){this.set("outline",[]);this.set("outline",newValue.items)}},_outlineChanged:function _outlineChanged(){},_toArray:function _toArray(obj){return Object.keys(obj).map(function(key){return obj[key]})}});_exports.PerSpecTive=PerSpecTive});
\ No newline at end of file
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 ca1f0fcc494..5d1a9afd777 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-card/paper-card.js","../../@polymer/iron-image/iron-image.js","../../@polymer/iron-icon/iron-icon.js","../hax-body-behaviors/lib/HAXWiring.js","../simple-colors/simple-colors.js","./lib/person-testimonial-icon.js"],function(_exports,_polymerLegacy,_paperCard,_ironImage,_ironIcon,_HAXWiring,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PersonTestimonial=void 0;function _templateObject_891a33e054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors\">\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(--simple-colors-default-theme-accent-7);\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_891a33e054f411e9aeb367f92c5b63ab=function(){return data};return data}var PersonTestimonial=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_891a33e054f411e9aeb367f92c5b63ab()),is:"person-testimonial",behaviors:[HAXBehaviors.PropertiesBehaviors,_simpleColors.SimpleColors],properties:{elevation:{type:Number,value:1,reflectToAttribute:!0},image:{type:String},name:{type:String},position:{type:String}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!0,gizmo:{title:"Testimonial",description:"A person saying a nice thing about us",icon:"editor:format-quote",color:"orange",groups:["Content","Presentation"],handles:[{type:"image",source:"image",title:"name",caption:"position"}],meta:{author:"EberlyODL / LRNWebComponents"}},settings:{quick:[{property:"image",title:"Image",description:"Adds image to this testimonial",inputMethod:"textfield",icon:"editor:insert-photo"},{property:"name",title:"Full Name",description:"Credit the person making the testimonial",inputMethod:"textfield",icon:"account-circle"},{property:"position",title:"Position or Job Title",description:"List the position and job title",inputMethod:"textfield",icon:"icons:work"},{property:"accentColor",title:"Accent color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"}],configure:[{property:"image",title:"Image",description:"Adds image to testimonial",inputMethod:"haxupload",icon:"editor:insert-photo"},{property:"accentColor",title:"Accent color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"},{slot:"",title:"User's testimonial:",description:"This is where you enter your testimonial.",inputMethod:"code-editor",required:!0},{property:"name",title:"Full Name",description:"Credit the person making the testimonial",inputMethod:"textfield",icon:"account-circle"},{property:"position",title:"Position or Job Title",description:"List the position and job title",inputMethod:"textfield",icon:"icons:work"}],advanced:[]}})}});_exports.PersonTestimonial=PersonTestimonial});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-card/paper-card.js","../../@polymer/iron-image/iron-image.js","../../@polymer/iron-icon/iron-icon.js","../hax-body-behaviors/lib/HAXWiring.js","../simple-colors/simple-colors.js","./lib/person-testimonial-icon.js"],function(_exports,_polymerLegacy,_paperCard,_ironImage,_ironIcon,_HAXWiring,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PersonTestimonial=void 0;function _templateObject_22067ac0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors\">\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(--simple-colors-default-theme-accent-7);\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_22067ac0555211e98f439769bd191e33=function(){return data};return data}var PersonTestimonial=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_22067ac0555211e98f439769bd191e33()),is:"person-testimonial",behaviors:[HAXBehaviors.PropertiesBehaviors,_simpleColors.SimpleColors],properties:{elevation:{type:Number,value:1,reflectToAttribute:!0},image:{type:String},name:{type:String},position:{type:String}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!0,gizmo:{title:"Testimonial",description:"A person saying a nice thing about us",icon:"editor:format-quote",color:"orange",groups:["Content","Presentation"],handles:[{type:"image",source:"image",title:"name",caption:"position"}],meta:{author:"EberlyODL / LRNWebComponents"}},settings:{quick:[{property:"image",title:"Image",description:"Adds image to this testimonial",inputMethod:"textfield",icon:"editor:insert-photo"},{property:"name",title:"Full Name",description:"Credit the person making the testimonial",inputMethod:"textfield",icon:"account-circle"},{property:"position",title:"Position or Job Title",description:"List the position and job title",inputMethod:"textfield",icon:"icons:work"},{property:"accentColor",title:"Accent color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"}],configure:[{property:"image",title:"Image",description:"Adds image to testimonial",inputMethod:"haxupload",icon:"editor:insert-photo"},{property:"accentColor",title:"Accent color",description:"Select the accent color use",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"},{slot:"",title:"User's testimonial:",description:"This is where you enter your testimonial.",inputMethod:"code-editor",required:!0},{property:"name",title:"Full Name",description:"Credit the person making the testimonial",inputMethod:"textfield",icon:"account-circle"},{property:"position",title:"Position or Job Title",description:"List the position and job title",inputMethod:"textfield",icon:"icons:work"}],advanced:[]}})}});_exports.PersonTestimonial=PersonTestimonial});
\ No newline at end of file
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 3ac5dc0dfc1..3ee94baefa4 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/iron-icons/iron-icons.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PieMenu=void 0;function _templateObject_8a0fde8054f411e9aeb367f92c5b63ab(){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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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_8a0fde8054f411e9aeb367f92c5b63ab=function(){return data};return data}var PieMenu=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8a0fde8054f411e9aeb367f92c5b63ab()),is:"pie-menu",properties:{hideLabelText:{type:String,value:"false"},centerLabel:{type:String,value:"Home"},topLabel:{type:String,value:"Option 1"},leftLabel:{type:String,value:"Option 2"},bottomLabel:{type:String,value:"Option 3"},rightLabel:{type:String,value:"Option 4"},centerIcon:{type:String,value:"icons:check-box-outline-blank"},topIcon:{type:String,value:"icons:check-box-outline-blank"},leftIcon:{type:String,value:"icons:check-box-outline-blank"},bottomIcon:{type:String,value:"icons:check-box-outline-blank"},rightIcon:{type:String,value:"icons:check-box-outline-blank"}},ready:function ready(){for(var buttons=this.querySelectorAll("[role=\"button\"][data-button]"),i=0;i<buttons.length;i++){this._addListenerAddState(this,buttons[i],"mouseover","hover");this._addListenerAddState(this,buttons[i],"focus","focus");this._addListenerRemoveState(this,buttons[i],"mouseout","hover");this._addListenerRemoveState(this,buttons[i],"blur","focus")}},_addListenerAddState:function _addListenerAddState(menu,button,action,state){button.addEventListener(action,function(){for(var elements=menu._getButtonElements(menu,button),i=0;i<elements.length;i++){elements[i].classList.add(state)}})},_addListenerRemoveState:function _addListenerRemoveState(menu,button,action,state){button.addEventListener(action,function(){for(var elements=menu._getButtonElements(menu,button),i=0;i<elements.length;i++){elements[i].classList.remove(state)}})},_getButtonElements:function _getButtonElements(menu,button){return menu.querySelectorAll("[data-button=\""+button.getAttribute("data-button")+"\"]")},_itemTapped:function _itemTapped(e){var normalizedEvent=(0,_polymerDom.dom)(e),localLink=normalizedEvent.localTarget;if(!(localLink.hasAttribute("role")&&"button"!==localLink.getAttribute("role"))){localLink=localLink.parentNode}this.fire("pie-menu-selection",{option:localLink})}});_exports.PieMenu=PieMenu});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/iron-icons/iron-icons.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PieMenu=void 0;function _templateObject_225b5180555211e98f439769bd191e33(){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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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-tap=\"_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_225b5180555211e98f439769bd191e33=function(){return data};return data}var PieMenu=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_225b5180555211e98f439769bd191e33()),is:"pie-menu",properties:{hideLabelText:{type:String,value:"false"},centerLabel:{type:String,value:"Home"},topLabel:{type:String,value:"Option 1"},leftLabel:{type:String,value:"Option 2"},bottomLabel:{type:String,value:"Option 3"},rightLabel:{type:String,value:"Option 4"},centerIcon:{type:String,value:"icons:check-box-outline-blank"},topIcon:{type:String,value:"icons:check-box-outline-blank"},leftIcon:{type:String,value:"icons:check-box-outline-blank"},bottomIcon:{type:String,value:"icons:check-box-outline-blank"},rightIcon:{type:String,value:"icons:check-box-outline-blank"}},ready:function ready(){for(var buttons=this.querySelectorAll("[role=\"button\"][data-button]"),i=0;i<buttons.length;i++){this._addListenerAddState(this,buttons[i],"mouseover","hover");this._addListenerAddState(this,buttons[i],"focus","focus");this._addListenerRemoveState(this,buttons[i],"mouseout","hover");this._addListenerRemoveState(this,buttons[i],"blur","focus")}},_addListenerAddState:function _addListenerAddState(menu,button,action,state){button.addEventListener(action,function(){for(var elements=menu._getButtonElements(menu,button),i=0;i<elements.length;i++){elements[i].classList.add(state)}})},_addListenerRemoveState:function _addListenerRemoveState(menu,button,action,state){button.addEventListener(action,function(){for(var elements=menu._getButtonElements(menu,button),i=0;i<elements.length;i++){elements[i].classList.remove(state)}})},_getButtonElements:function _getButtonElements(menu,button){return menu.querySelectorAll("[data-button=\""+button.getAttribute("data-button")+"\"]")},_itemTapped:function _itemTapped(e){var normalizedEvent=(0,_polymerDom.dom)(e),localLink=normalizedEvent.localTarget;if(!(localLink.hasAttribute("role")&&"button"!==localLink.getAttribute("role"))){localLink=localLink.parentNode}this.fire("pie-menu-selection",{option:localLink})}});_exports.PieMenu=PieMenu});
\ No newline at end of file
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 729992f2196..35c7755b893 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/editor-icons.js","../../@polymer/iron-icons/notification-icons.js","../../@polymer/iron-icons/av-icons.js","../../@polymer/iron-icons/device-icons.js","../../@polymer/iron-icons/image-icons.js","../simple-colors/simple-colors.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PlaceHolder=void 0;function _templateObject_8975734054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors\">\n      :host {\n        display: block;\n        border: none;\n        transition: 0.2s all linear;\n      }\n      :host([drag-over]) {\n        border: 4px dashed #2196f3;\n      }\n      .placeholder-inner {\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.placeholder-icon {\n        margin: 0 auto;\n        width: 50%;\n        height: 50%;\n        display: block;\n      }\n      .placeholder-text {\n        line-height: 24px;\n        font-size: 24px;\n        font-style: italic;\n      }\n    </style>\n    <div class=\"placeholder-inner\">\n      <iron-icon icon=\"[[iconFromType]]\" class=\"placeholder-icon\"></iron-icon>\n      <span class=\"placeholder-text\">[[calcText]]</span>\n    </div>\n  "]);_templateObject_8975734054f411e9aeb367f92c5b63ab=function(){return data};return data}var PlaceHolder=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8975734054f411e9aeb367f92c5b63ab()),is:"place-holder",behaviors:[HAXBehaviors.PropertiesBehaviors],listeners:{dblclick:"fireReplaceEvent"},properties:{iconFromType:{type:String,computed:"_getIconFromType(type, dragOver)"},text:{type:String,value:""},calcText:{type:String,computed:"_getCalcText(text, type, dragOver)"},type:{type:String,value:"text"},dragOver:{type:Boolean,value:!1,reflectToAttribute:!0}},fireReplaceEvent:function fireReplaceEvent(){this.fire("place-holder-replace",this.type)},_getCalcText:function _getCalcText(text,type,dragOver){if(dragOver){return"Upload file"}else if(""===text){return"Place holder for "+type+"."}else{return text}},_getIconFromType:function _getIconFromType(type,dragOver){if(!dragOver){switch(type){case"document":return"editor:insert-drive-file";break;case"audio":return"av:music-video";break;case"video":return"notification:ondemand-video";break;case"image":return"image:crop-original";break;case"math":return"editor:functions";break;case"text":default:return"editor:format-align-left";break;}}else{return"icons:file-upload"}},attached:function attached(){this.addEventListener("dragover",function(e){this.dragOver=!0;e.preventDefault();e.stopPropagation();this.classList.add("dragover")});this.addEventListener("dragleave",function(e){this.dragOver=!1;e.preventDefault();e.stopPropagation();this.classList.remove("dragover")});this.addEventListener("drop",function(e){this.dragOver=!1;e.preventDefault();e.stopPropagation();this.classList.remove("dragover");try{if("file"===e.dataTransfer.items[0].kind){e.placeHolderElement=this;this.fire("place-holder-file-drop",e)}}catch(e){}});this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Placeholder",description:"A place holder that can be converted into the media type that's been selected",icon:"image:transform",color:"grey",groups:["Placeholder"],handles:[],meta:{author:"LRNWebComponents"}},settings:{quick:[],configure:[{property:"type",title:"Type",description:"Type of gizmo that this accepts for replacement.",inputMethod:"select",options:{text:"Text / content",document:"Document / file",audio:"Audio",video:"Video",image:"Image",math:"Math"}}],advanced:[]},saveOptions:{wipeSlot:!0}})}});_exports.PlaceHolder=PlaceHolder});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/editor-icons.js","../../@polymer/iron-icons/notification-icons.js","../../@polymer/iron-icons/av-icons.js","../../@polymer/iron-icons/device-icons.js","../../@polymer/iron-icons/image-icons.js","../simple-colors/simple-colors.js","../hax-body-behaviors/lib/HAXWiring.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PlaceHolder=void 0;function _templateObject_227f7b50555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors\">\n      :host {\n        display: block;\n        border: none;\n        transition: 0.2s all linear;\n      }\n      :host([drag-over]) {\n        border: 4px dashed #2196f3;\n      }\n      .placeholder-inner {\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.placeholder-icon {\n        margin: 0 auto;\n        width: 50%;\n        height: 50%;\n        display: block;\n      }\n      .placeholder-text {\n        line-height: 24px;\n        font-size: 24px;\n        font-style: italic;\n      }\n    </style>\n    <div class=\"placeholder-inner\">\n      <iron-icon icon=\"[[iconFromType]]\" class=\"placeholder-icon\"></iron-icon>\n      <span class=\"placeholder-text\">[[calcText]]</span>\n    </div>\n  "]);_templateObject_227f7b50555211e98f439769bd191e33=function(){return data};return data}var PlaceHolder=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_227f7b50555211e98f439769bd191e33()),is:"place-holder",behaviors:[HAXBehaviors.PropertiesBehaviors],listeners:{dblclick:"fireReplaceEvent"},properties:{iconFromType:{type:String,computed:"_getIconFromType(type, dragOver)"},text:{type:String,value:""},calcText:{type:String,computed:"_getCalcText(text, type, dragOver)"},type:{type:String,value:"text"},dragOver:{type:Boolean,value:!1,reflectToAttribute:!0}},fireReplaceEvent:function fireReplaceEvent(){this.fire("place-holder-replace",this.type)},_getCalcText:function _getCalcText(text,type,dragOver){if(dragOver){return"Upload file"}else if(""===text){return"Place holder for "+type+"."}else{return text}},_getIconFromType:function _getIconFromType(type,dragOver){if(!dragOver){switch(type){case"document":return"editor:insert-drive-file";break;case"audio":return"av:music-video";break;case"video":return"notification:ondemand-video";break;case"image":return"image:crop-original";break;case"math":return"editor:functions";break;case"text":default:return"editor:format-align-left";break;}}else{return"icons:file-upload"}},attached:function attached(){this.addEventListener("dragover",function(e){this.dragOver=!0;e.preventDefault();e.stopPropagation();this.classList.add("dragover")});this.addEventListener("dragleave",function(e){this.dragOver=!1;e.preventDefault();e.stopPropagation();this.classList.remove("dragover")});this.addEventListener("drop",function(e){this.dragOver=!1;e.preventDefault();e.stopPropagation();this.classList.remove("dragover");try{if("file"===e.dataTransfer.items[0].kind){e.placeHolderElement=this;this.fire("place-holder-file-drop",e)}}catch(e){}});this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Placeholder",description:"A place holder that can be converted into the media type that's been selected",icon:"image:transform",color:"grey",groups:["Placeholder"],handles:[],meta:{author:"LRNWebComponents"}},settings:{quick:[],configure:[{property:"type",title:"Type",description:"Type of gizmo that this accepts for replacement.",inputMethod:"select",options:{text:"Text / content",document:"Document / file",audio:"Audio",video:"Video",image:"Image",math:"Math"}}],advanced:[]},saveOptions:{wipeSlot:!0}})}});_exports.PlaceHolder=PlaceHolder});
\ No newline at end of file
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 afad2107086..e6c7eef284a 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/hax-body-behaviors.js","../schema-behaviors/schema-behaviors.js","../chartist-render/chartist-render.js","../simple-colors/simple-colors.js"],function(_exports,_polymerLegacy,_materializecssStyles,_haxBodyBehaviors,_schemaBehaviors,_chartistRender,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ProgressDonut=void 0;function _templateObject_8941b91054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors\">\n      :host {\n        background-color: var(--simple-colors-background1, #ffffff);\n        overflow: visible;\n        display: block;\n      }\n      :host #wrapper {\n        margin: 0 auto;\n        position: relative;\n      }\n      :host #wrapper > * {\n        position: absolute;\n      }\n      :host #wrapper #chart {\n        left: 0;\n        top: 0;\n      }\n      :host #wrapper,\n      :host #wrapper #chart {\n        width: 250px;\n        height: 250px;\n      }\n      :host([size=\"xs\"]) #wrapper,\n      :host([size=\"xs\"]) #wrapper #chart {\n        width: 150px;\n        height: 150px;\n      }\n      :host([size=\"sm\"]) #wrapper,\n      :host([size=\"sm\"]) #wrapper #chart {\n        width: 200px;\n        height: 200px;\n      }\n      :host([size=\"lg\"]) #wrapper,\n      :host([size=\"lg\"]) #wrapper #chart {\n        width: 300px;\n        height: 300px;\n      }\n      :host([size=\"xl\"]) #wrapper,\n      :host([size=\"xl\"]) #wrapper #chart {\n        width: 400px;\n        height: 400px;\n      }\n      :host #wrapper > #image {\n        left: 20%;\n        top: 20%;\n        width: 60%;\n        height: 60%;\n        -webkit-clip-path: circle(50% at 50% 50%);\n        clip-path: circle(50% at 50% 50%);\n      }\n    </style>\n    <div id=\"wrapper\">\n      <img\n        id=\"image\"\n        alt$=\"[[imageAlt]]\"\n        aria-hidden=\"true\"\n        hidden$=\"[[!imageSrc]]\"\n        src$=\"[[imageSrc]]\"\n        style$=\"[[imageStyle]]\"\n      />\n      <chartist-render\n        id=\"chart\"\n        data$=\"[[data]]\"\n        chart-desc$=\"[[desc]]\"\n        chart-title=\"[[title]]\"\n        scale=\"ct-square\"\n        options$=\"[[options]]\"\n        title$=\"[[title]]\"\n        type=\"pie\"\n      >\n      </chartist-render>\n    </div>\n  "],["\n    <style is=\"custom-style\" include=\"simple-colors\">\n      :host {\n        background-color: var(--simple-colors-background1, #ffffff);\n        overflow: visible;\n        display: block;\n      }\n      :host #wrapper {\n        margin: 0 auto;\n        position: relative;\n      }\n      :host #wrapper > * {\n        position: absolute;\n      }\n      :host #wrapper #chart {\n        left: 0;\n        top: 0;\n      }\n      :host #wrapper,\n      :host #wrapper #chart {\n        width: 250px;\n        height: 250px;\n      }\n      :host([size=\"xs\"]) #wrapper,\n      :host([size=\"xs\"]) #wrapper #chart {\n        width: 150px;\n        height: 150px;\n      }\n      :host([size=\"sm\"]) #wrapper,\n      :host([size=\"sm\"]) #wrapper #chart {\n        width: 200px;\n        height: 200px;\n      }\n      :host([size=\"lg\"]) #wrapper,\n      :host([size=\"lg\"]) #wrapper #chart {\n        width: 300px;\n        height: 300px;\n      }\n      :host([size=\"xl\"]) #wrapper,\n      :host([size=\"xl\"]) #wrapper #chart {\n        width: 400px;\n        height: 400px;\n      }\n      :host #wrapper > #image {\n        left: 20%;\n        top: 20%;\n        width: 60%;\n        height: 60%;\n        -webkit-clip-path: circle(50% at 50% 50%);\n        clip-path: circle(50% at 50% 50%);\n      }\n    </style>\n    <div id=\"wrapper\">\n      <img\n        id=\"image\"\n        alt\\$=\"[[imageAlt]]\"\n        aria-hidden=\"true\"\n        hidden\\$=\"[[!imageSrc]]\"\n        src\\$=\"[[imageSrc]]\"\n        style\\$=\"[[imageStyle]]\"\n      />\n      <chartist-render\n        id=\"chart\"\n        data\\$=\"[[data]]\"\n        chart-desc\\$=\"[[desc]]\"\n        chart-title=\"[[title]]\"\n        scale=\"ct-square\"\n        options\\$=\"[[options]]\"\n        title\\$=\"[[title]]\"\n        type=\"pie\"\n      >\n      </chartist-render>\n    </div>\n  "]);_templateObject_8941b91054f411e9aeb367f92c5b63ab=function(){return data};return data}var ProgressDonut=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8941b91054f411e9aeb367f92c5b63ab()),is:"progress-donut",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],listeners:{"chartist-render-draw":"_onCreated"},properties:{complete:{type:Array,value:[]},donutThickness:{type:Number},colors:{type:Array,value:null},data:{type:Array,computed:"_getData(complete)"},desc:{type:String,value:null},options:{type:Array,computed:"_getOptions(complete,total,size,colors,accentColor,dark)"},imageSrc:{type:String,value:null,reflectToAttribute:!0},imageAlt:{type:String,value:null,reflectToAttribute:!0},imageStyle:{type:String,computed:"_getImageStyle(size)"},size:{type:String,value:"md",reflectToAttribute:!0},title:{type:String},accentColor:{type:String,value:"grey",reflectToAttribute:!0},total:{type:Number,value:100}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Sample gizmo",description:"The user will be able to see this for selection in a UI.",icon:"av:play-circle-filled",color:"grey",groups:["Video","Media"],handles:[{type:"video",url:"source"}],meta:{author:"Your organization on github"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})},_getData:function _getData(complete){return{series:complete}},_getImageStyle:function _getImageStyle(){var offset="22%",diameter="56%";if("xs"===this.size){offset="32%";diameter="36%"}else if("sm"===this.size){offset="26%";diameter="48%"}else if("lg"===this.size){offset="20%";diameter="60%"}else if("xl"===this.size){offset="17%";diameter="66%"}return"left: "+offset+"; top: "+offset+"; width: "+diameter+"; height: "+diameter+";"},_getOptions:function _getOptions(complete,total){for(var sum=0,i=0;i<complete.length;i++){sum+=parseFloat(complete[i])}return{donut:!0,showLabel:!1,startAngle:0,total:Math.max(sum,total)}},_onCreated:function _onCreated(e){this.__chart=e.detail;this.makeChart(this.__chart)},makeChart:function makeChart(chart){if(chart!==void 0){var colors=this.colors,strokeWidth="10%",hex=_simpleColors.SimpleColors.colors,accent=null!==this.accentColor?this.accentColor.replace(/-([a-z])/g,function(g){return g[1].toUpperCase()}):null;if(colors===void 0||null===colors||0===colors.length){if(null!==accent&&null!==hex[accent]){colors=this.dark?[hex[accent][9],hex[accent][6],hex[accent][3],hex[accent][7],hex[accent][4]]:[hex[accent][0],hex[accent][3],hex[accent][5],hex[accent][2],hex[accent][4]]}else{colors=this.dark?[hex.orange[6],hex.pink[4],hex.purple[5],hex.cyan[6],hex.lime[5]]:[hex.pink[5],hex.deepPurple[4],hex.blue[3],hex.teal[4],hex.yellow[5]]}}if("xs"===this.size){strokeWidth="8%"}else if("sm"===this.size){strokeWidth="9%"}else if("lg"===this.size){strokeWidth="11%"}else if("xl"===this.size){strokeWidth="12%"}chart.on("draw",function(data){data.element._node.style.strokeWidth=strokeWidth;data.element._node.style.stroke=colors[data.index%colors.length];if("slice"===data.type){var pathLength=data.element._node.getTotalLength();data.element.attr({"stroke-dasharray":pathLength+"px "+pathLength+"px"});var animationDefinition={"stroke-dashoffset":{id:"anim"+data.index,dur:500,from:-pathLength+"px",to:"0px",easing:Chartist.Svg.Easing.easeOutQuint,fill:"freeze"}};if(0!==data.index){animationDefinition["stroke-dashoffset"].begin="anim"+(data.index-1)+".end"}data.element.attr({"stroke-dashoffset":-pathLength+"px"});data.element.animate(animationDefinition,!1)}});return chart}}});_exports.ProgressDonut=ProgressDonut});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/hax-body-behaviors.js","../schema-behaviors/schema-behaviors.js","../chartist-render/chartist-render.js","../simple-colors/simple-colors.js"],function(_exports,_polymerLegacy,_materializecssStyles,_haxBodyBehaviors,_schemaBehaviors,_chartistRender,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ProgressDonut=void 0;function _templateObject_22c92e80555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors\">\n      :host {\n        background-color: var(--simple-colors-background1, #ffffff);\n        overflow: visible;\n        display: block;\n      }\n      :host #wrapper {\n        margin: 0 auto;\n        position: relative;\n      }\n      :host #wrapper > * {\n        position: absolute;\n      }\n      :host #wrapper #chart {\n        left: 0;\n        top: 0;\n      }\n      :host #wrapper,\n      :host #wrapper #chart {\n        width: 250px;\n        height: 250px;\n      }\n      :host([size=\"xs\"]) #wrapper,\n      :host([size=\"xs\"]) #wrapper #chart {\n        width: 150px;\n        height: 150px;\n      }\n      :host([size=\"sm\"]) #wrapper,\n      :host([size=\"sm\"]) #wrapper #chart {\n        width: 200px;\n        height: 200px;\n      }\n      :host([size=\"lg\"]) #wrapper,\n      :host([size=\"lg\"]) #wrapper #chart {\n        width: 300px;\n        height: 300px;\n      }\n      :host([size=\"xl\"]) #wrapper,\n      :host([size=\"xl\"]) #wrapper #chart {\n        width: 400px;\n        height: 400px;\n      }\n      :host #wrapper > #image {\n        left: 20%;\n        top: 20%;\n        width: 60%;\n        height: 60%;\n        -webkit-clip-path: circle(50% at 50% 50%);\n        clip-path: circle(50% at 50% 50%);\n      }\n    </style>\n    <div id=\"wrapper\">\n      <img\n        id=\"image\"\n        alt$=\"[[imageAlt]]\"\n        aria-hidden=\"true\"\n        hidden$=\"[[!imageSrc]]\"\n        src$=\"[[imageSrc]]\"\n        style$=\"[[imageStyle]]\"\n      />\n      <chartist-render\n        id=\"chart\"\n        data$=\"[[data]]\"\n        chart-desc$=\"[[desc]]\"\n        chart-title=\"[[title]]\"\n        scale=\"ct-square\"\n        options$=\"[[options]]\"\n        title$=\"[[title]]\"\n        type=\"pie\"\n      >\n      </chartist-render>\n    </div>\n  "],["\n    <style is=\"custom-style\" include=\"simple-colors\">\n      :host {\n        background-color: var(--simple-colors-background1, #ffffff);\n        overflow: visible;\n        display: block;\n      }\n      :host #wrapper {\n        margin: 0 auto;\n        position: relative;\n      }\n      :host #wrapper > * {\n        position: absolute;\n      }\n      :host #wrapper #chart {\n        left: 0;\n        top: 0;\n      }\n      :host #wrapper,\n      :host #wrapper #chart {\n        width: 250px;\n        height: 250px;\n      }\n      :host([size=\"xs\"]) #wrapper,\n      :host([size=\"xs\"]) #wrapper #chart {\n        width: 150px;\n        height: 150px;\n      }\n      :host([size=\"sm\"]) #wrapper,\n      :host([size=\"sm\"]) #wrapper #chart {\n        width: 200px;\n        height: 200px;\n      }\n      :host([size=\"lg\"]) #wrapper,\n      :host([size=\"lg\"]) #wrapper #chart {\n        width: 300px;\n        height: 300px;\n      }\n      :host([size=\"xl\"]) #wrapper,\n      :host([size=\"xl\"]) #wrapper #chart {\n        width: 400px;\n        height: 400px;\n      }\n      :host #wrapper > #image {\n        left: 20%;\n        top: 20%;\n        width: 60%;\n        height: 60%;\n        -webkit-clip-path: circle(50% at 50% 50%);\n        clip-path: circle(50% at 50% 50%);\n      }\n    </style>\n    <div id=\"wrapper\">\n      <img\n        id=\"image\"\n        alt\\$=\"[[imageAlt]]\"\n        aria-hidden=\"true\"\n        hidden\\$=\"[[!imageSrc]]\"\n        src\\$=\"[[imageSrc]]\"\n        style\\$=\"[[imageStyle]]\"\n      />\n      <chartist-render\n        id=\"chart\"\n        data\\$=\"[[data]]\"\n        chart-desc\\$=\"[[desc]]\"\n        chart-title=\"[[title]]\"\n        scale=\"ct-square\"\n        options\\$=\"[[options]]\"\n        title\\$=\"[[title]]\"\n        type=\"pie\"\n      >\n      </chartist-render>\n    </div>\n  "]);_templateObject_22c92e80555211e98f439769bd191e33=function(){return data};return data}var ProgressDonut=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_22c92e80555211e98f439769bd191e33()),is:"progress-donut",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],listeners:{"chartist-render-draw":"_onCreated"},properties:{complete:{type:Array,value:[]},donutThickness:{type:Number},colors:{type:Array,value:null},data:{type:Array,computed:"_getData(complete)"},desc:{type:String,value:null},options:{type:Array,computed:"_getOptions(complete,total,size,colors,accentColor,dark)"},imageSrc:{type:String,value:null,reflectToAttribute:!0},imageAlt:{type:String,value:null,reflectToAttribute:!0},imageStyle:{type:String,computed:"_getImageStyle(size)"},size:{type:String,value:"md",reflectToAttribute:!0},title:{type:String},accentColor:{type:String,value:"grey",reflectToAttribute:!0},total:{type:Number,value:100}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Sample gizmo",description:"The user will be able to see this for selection in a UI.",icon:"av:play-circle-filled",color:"grey",groups:["Video","Media"],handles:[{type:"video",url:"source"}],meta:{author:"Your organization on github"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})},_getData:function _getData(complete){return{series:complete}},_getImageStyle:function _getImageStyle(){var offset="22%",diameter="56%";if("xs"===this.size){offset="32%";diameter="36%"}else if("sm"===this.size){offset="26%";diameter="48%"}else if("lg"===this.size){offset="20%";diameter="60%"}else if("xl"===this.size){offset="17%";diameter="66%"}return"left: "+offset+"; top: "+offset+"; width: "+diameter+"; height: "+diameter+";"},_getOptions:function _getOptions(complete,total){for(var sum=0,i=0;i<complete.length;i++){sum+=parseFloat(complete[i])}return{donut:!0,showLabel:!1,startAngle:0,total:Math.max(sum,total)}},_onCreated:function _onCreated(e){this.__chart=e.detail;this.makeChart(this.__chart)},makeChart:function makeChart(chart){if(chart!==void 0){var colors=this.colors,strokeWidth="10%",hex=_simpleColors.SimpleColors.colors,accent=null!==this.accentColor?this.accentColor.replace(/-([a-z])/g,function(g){return g[1].toUpperCase()}):null;if(colors===void 0||null===colors||0===colors.length){if(null!==accent&&null!==hex[accent]){colors=this.dark?[hex[accent][9],hex[accent][6],hex[accent][3],hex[accent][7],hex[accent][4]]:[hex[accent][0],hex[accent][3],hex[accent][5],hex[accent][2],hex[accent][4]]}else{colors=this.dark?[hex.orange[6],hex.pink[4],hex.purple[5],hex.cyan[6],hex.lime[5]]:[hex.pink[5],hex.deepPurple[4],hex.blue[3],hex.teal[4],hex.yellow[5]]}}if("xs"===this.size){strokeWidth="8%"}else if("sm"===this.size){strokeWidth="9%"}else if("lg"===this.size){strokeWidth="11%"}else if("xl"===this.size){strokeWidth="12%"}chart.on("draw",function(data){data.element._node.style.strokeWidth=strokeWidth;data.element._node.style.stroke=colors[data.index%colors.length];if("slice"===data.type){var pathLength=data.element._node.getTotalLength();data.element.attr({"stroke-dasharray":pathLength+"px "+pathLength+"px"});var animationDefinition={"stroke-dashoffset":{id:"anim"+data.index,dur:500,from:-pathLength+"px",to:"0px",easing:Chartist.Svg.Easing.easeOutQuint,fill:"freeze"}};if(0!==data.index){animationDefinition["stroke-dashoffset"].begin="anim"+(data.index-1)+".end"}data.element.attr({"stroke-dashoffset":-pathLength+"px"});data.element.animate(animationDefinition,!1)}});return chart}}});_exports.ProgressDonut=ProgressDonut});
\ No newline at end of file
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 28e6aadd249..62a0c851e3e 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/hax-body-behaviors.js","../schema-behaviors/schema-behaviors.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/iron-icons/iron-icons.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PromoTile=void 0;function _templateObject_8a5a2df054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        --tile-image: \"\";\n        --font-color: #fff;\n        --hover-background-color: #e2801e;\n        --hover-link: #e0e0e0;\n      }\n\n      a {\n        text-decoration: none;\n      }\n\n      #container {\n        width: 100%;\n        height: auto;\n      }\n\n      .back_card {\n        background-color: var(--hover-background-color);\n        height: 460px;\n        opacity: 0;\n      }\n\n      :host([hover]) #container .back_card {\n        opacity: 0.9;\n        transition: all 0.3s ease-in-out;\n      }\n\n      :host([hover]) #container .front_card .front_title {\n        opacity: 0;\n        transition: all 0.3s ease-in-out;\n      }\n\n      .image {\n        background-image: var(--tile-image);\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      .front_title {\n        opacity: 1;\n        float: left;\n        margin: 375px 0 0 25px;\n        font-size: 40px;\n        color: var(--font-color);\n        border-bottom: solid 5px #fff;\n        border-radius: 5px;\n        padding-bottom: 5px;\n      }\n\n      .back_title {\n        opacity: 1;\n        font-size: 40px;\n        color: var(--font-color);\n        float: left;\n        margin: -390px 0 0 25px;\n        border-bottom: solid 5px #fff;\n        border-radius: 5px;\n        padding-bottom: 5px;\n      }\n\n      .back_content {\n        color: var(--font-color);\n        font-size: 16px;\n        clear: left;\n        position: relative;\n        bottom: 334px;\n        width: 85%;\n        margin-left: auto;\n        margin-right: auto;\n        padding-top: 10px;\n      }\n      .learn_more {\n        float: right;\n        margin-top: -75px;\n        font-size: 16px;\n        color: var(--font-color);\n        margin-right: 10px;\n      }\n      :host([hover]) .learn_more paper-button {\n        color: var(--hover-link);\n      }\n    </style>\n\n    <div id=\"container\">\n      <div class=\"front_card\">\n        <div class=\"front_title\">[[title]]</div>\n        <div id=\"front_image\" class=\"image\" alt=\"[[alt]]\">\n          <div class=\"back_card\" id=\"cardBack\" on-click=\"activateBtn\">\n            <div class=\"back_title\">[[title]]</div>\n            <div class=\"back_content\"><slot></slot></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 no-ink\n                  >Learn More\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_8a5a2df054f411e9aeb367f92c5b63ab=function(){return data};return data}var PromoTile=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8a5a2df054f411e9aeb367f92c5b63ab()),is:"promo-tile",behaviors:[HAXBehaviors.PropertiesBehaviors,MaterializeCSSBehaviors.ColorBehaviors,SchemaBehaviors.Schema],properties:{image:{type:String,value:"",reflectToAttribute:!0},alt:{type:String,value:"",reflectToAttribute:!0},title:{type:String,value:"",reflectToAttribute:!0},url:{type:String,value:"",reflectToAttribute:!0},hover:{type:Boolean,value:!1,reflectToAttribute:!0}},observers:["__updateStyles(image)"],listeners:{mouseover:"__hoverIn",mouseout:"__hoverOut",focusin:"__hoverIn",focusout:"__hoverOut"},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Promo-Tile",description:"A tile element for promoting content.",icon:"icons:dashboard",color:"orange",groups:["Content","Media"],handles:[{type:"content",source:"image",title:"citation",url:"source"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the tile",inputMethod:"textfield",icon:"editor:title"},{property:"image",title:"Image",description:"The image of the tile",inputMethod:"textfield",icon:"editor:insert-photo"},{property:"url",title:"Link",description:"The link of the tile",inputMethod:"textfield",icon:"editor:insert-link"}],configure:[{property:"title",title:"Title",description:"The title of the tile",inputMethod:"textfield",icon:"editor:title"},{property:"image",title:"Image",description:"The image of the tile",inputMethod:"textfield",icon:"editor:insert-photo"},{property:"alt",title:"Alt",description:"The alt text for the image",inputMethod:"textfield",icon:"editor:mode-edit"},{property:"url",title:"Link",description:"The link of the tile",inputMethod:"textfield",icon:"editor:insert-link"}],advanced:[]}})},__updateStyles:function __updateStyles(image){this.updateStyles({"--tile-image":"url(".concat(image,")")})},_outsideLink:function _outsideLink(url){if(0!=url.indexOf("http"))return!1;var loc=location.href,path=location.pathname,root=loc.substring(0,loc.indexOf(path));return 0!=url.indexOf(root)},_urlTarget:function _urlTarget(url){if(url){var external=this._outsideLink(url);if(external){return"_blank"}}return!1},activateBtn:function activateBtn(){if(this.hover){var link=this.$.link;if(700<window.innerWidth){link.click()}}},__hoverIn:function __hoverIn(){this.hover=!0},__hoverOut:function __hoverOut(){this.hover=!1}});_exports.PromoTile=PromoTile});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/hax-body-behaviors.js","../schema-behaviors/schema-behaviors.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/iron-icons/iron-icons.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PromoTile=void 0;function _templateObject_22eb0e60555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        --tile-image: \"\";\n        --font-color: #fff;\n        --hover-background-color: #e2801e;\n        --hover-link: #e0e0e0;\n      }\n\n      a {\n        text-decoration: none;\n      }\n\n      #container {\n        width: 100%;\n        height: auto;\n      }\n\n      .back_card {\n        background-color: var(--hover-background-color);\n        height: 460px;\n        opacity: 0;\n      }\n\n      :host([hover]) #container .back_card {\n        opacity: 0.9;\n        transition: all 0.3s ease-in-out;\n      }\n\n      :host([hover]) #container .front_card .front_title {\n        opacity: 0;\n        transition: all 0.3s ease-in-out;\n      }\n\n      .image {\n        background-image: var(--tile-image);\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      .front_title {\n        opacity: 1;\n        float: left;\n        margin: 375px 0 0 25px;\n        font-size: 40px;\n        color: var(--font-color);\n        border-bottom: solid 5px #fff;\n        border-radius: 5px;\n        padding-bottom: 5px;\n      }\n\n      .back_title {\n        opacity: 1;\n        font-size: 40px;\n        color: var(--font-color);\n        float: left;\n        margin: -390px 0 0 25px;\n        border-bottom: solid 5px #fff;\n        border-radius: 5px;\n        padding-bottom: 5px;\n      }\n\n      .back_content {\n        color: var(--font-color);\n        font-size: 16px;\n        clear: left;\n        position: relative;\n        bottom: 334px;\n        width: 85%;\n        margin-left: auto;\n        margin-right: auto;\n        padding-top: 10px;\n      }\n      .learn_more {\n        float: right;\n        margin-top: -75px;\n        font-size: 16px;\n        color: var(--font-color);\n        margin-right: 10px;\n      }\n      :host([hover]) .learn_more paper-button {\n        color: var(--hover-link);\n      }\n    </style>\n\n    <div id=\"container\">\n      <div class=\"front_card\">\n        <div class=\"front_title\">[[title]]</div>\n        <div id=\"front_image\" class=\"image\" alt=\"[[alt]]\">\n          <div class=\"back_card\" id=\"cardBack\" on-click=\"activateBtn\">\n            <div class=\"back_title\">[[title]]</div>\n            <div class=\"back_content\"><slot></slot></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 no-ink\n                  >Learn More\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_22eb0e60555211e98f439769bd191e33=function(){return data};return data}var PromoTile=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_22eb0e60555211e98f439769bd191e33()),is:"promo-tile",behaviors:[HAXBehaviors.PropertiesBehaviors,MaterializeCSSBehaviors.ColorBehaviors,SchemaBehaviors.Schema],properties:{image:{type:String,value:"",reflectToAttribute:!0},alt:{type:String,value:"",reflectToAttribute:!0},title:{type:String,value:"",reflectToAttribute:!0},url:{type:String,value:"",reflectToAttribute:!0},hover:{type:Boolean,value:!1,reflectToAttribute:!0}},observers:["__updateStyles(image)"],listeners:{mouseover:"__hoverIn",mouseout:"__hoverOut",focusin:"__hoverIn",focusout:"__hoverOut"},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Promo-Tile",description:"A tile element for promoting content.",icon:"icons:dashboard",color:"orange",groups:["Content","Media"],handles:[{type:"content",source:"image",title:"citation",url:"source"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the tile",inputMethod:"textfield",icon:"editor:title"},{property:"image",title:"Image",description:"The image of the tile",inputMethod:"textfield",icon:"editor:insert-photo"},{property:"url",title:"Link",description:"The link of the tile",inputMethod:"textfield",icon:"editor:insert-link"}],configure:[{property:"title",title:"Title",description:"The title of the tile",inputMethod:"textfield",icon:"editor:title"},{property:"image",title:"Image",description:"The image of the tile",inputMethod:"textfield",icon:"editor:insert-photo"},{property:"alt",title:"Alt",description:"The alt text for the image",inputMethod:"textfield",icon:"editor:mode-edit"},{property:"url",title:"Link",description:"The link of the tile",inputMethod:"textfield",icon:"editor:insert-link"}],advanced:[]}})},__updateStyles:function __updateStyles(image){this.updateStyles({"--tile-image":"url(".concat(image,")")})},_outsideLink:function _outsideLink(url){if(0!=url.indexOf("http"))return!1;var loc=location.href,path=location.pathname,root=loc.substring(0,loc.indexOf(path));return 0!=url.indexOf(root)},_urlTarget:function _urlTarget(url){if(url){var external=this._outsideLink(url);if(external){return"_blank"}}return!1},activateBtn:function activateBtn(){if(this.hover){var link=this.$.link;if(700<window.innerWidth){link.click()}}},__hoverIn:function __hoverIn(){this.hover=!0},__hoverOut:function __hoverOut(){this.hover=!1}});_exports.PromoTile=PromoTile});
\ No newline at end of file
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 a3f20c302a2..850c7818850 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
@@ -1 +1 @@
-define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/resolve-url.js","../hax-body-behaviors/lib/HAXWiring.js","../es-global-bridge/es-global-bridge.js"],function(_exports,meta,_polymerLegacy,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.QR=_exports.QRCodeElement=void 0;meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_8ab9da2054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      #link {\n        visibility: hidden;\n        opacity: 0;\n      }\n    </style>\n    <qr-code\n      id=\"qr\"\n      data$=\"[[data]]\"\n      modulesize$=\"[[modulesize]]\"\n      margin$=\"[[margin]]\"\n      format$=\"[[format]]\"\n    ></qr-code>\n    <a href$=\"[[data]]\" id=\"link\">[[title]]</a>\n  "]);_templateObject_8ab9da2054f411e9aeb367f92c5b63ab=function(){return data};return data}var QR=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8ab9da2054f411e9aeb367f92c5b63ab()),is:"q-r",behaviors:[HAXBehaviors.PropertiesBehaviors],properties:{data:{type:String},title:{type:String},modulesize:{type:Number,value:4},margin:{type:Number,value:2},format:{type:String,value:"png"}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"QR Code",description:"A code to scan from a smartphone.",icon:"hardware:developer-board",color:"grey",groups:["QR"],handles:[{type:"video",source:"data",title:"title"},{type:"image",source:"data",title:"title"},{type:"link",source:"data",title:"title"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"data",title:"QR data",description:"Source of the data for the QR code.",inputMethod:"textfield",icon:"hardware:developer-board"},{property:"title",title:"Alternate title",description:"An alternate title to go to the source of the QR code.",inputMethod:"textfield",icon:"editor:title"},{property:"modulesize",title:"Size",description:"Size of the QR code",inputMethod:"textfield",icon:"image:photo-size-select-small"},{property:"margin",title:"Margin",description:"Wrapper to the code.",inputMethod:"textfield",icon:"icons:settings-overscan"},{property:"format",title:"Output format",description:"Format to put it out.",inputMethod:"select",options:{png:"PNG",html:"HTML",svg:"SVG"},icon:"editor:bubble-chart"}],configure:[{property:"data",title:"QR data",description:"Source of the data for the QR code.",inputMethod:"haxupload",icon:"hardware:developer-board"},{property:"title",title:"Alternate title",description:"An alternate title to go to the source of the QR code.",inputMethod:"alt",icon:"editor:title"},{property:"modulesize",title:"Size",description:"Size of the QR code",inputMethod:"number",icon:"image:photo-size-select-small"},{property:"margin",title:"Margin",description:"Wrapper to the code.",inputMethod:"number",icon:"icons:settings-overscan"},{property:"format",title:"Output format",description:"Format to put it out.",inputMethod:"select",options:{png:"PNG",html:"HTML",svg:"SVG"},icon:"editor:bubble-chart"}],advanced:[]}})}});_exports.QR=QR;var QRCodeElement=function(_HTMLElement){babelHelpers.inherits(QRCodeElement,_HTMLElement);function QRCodeElement(){var _this;babelHelpers.classCallCheck(this,QRCodeElement);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(QRCodeElement).call(this));_this._defineProperty=_this._defineProperty.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));_this.attachShadow({mode:"open"});Object.keys(QRCodeElement.defaultAttributes).map(_this._defineProperty);var name="qr",basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),location="".concat(basePath,"lib/qr.js");window.addEventListener("es-bridge-".concat(name,"-loaded"),_this._qrLoaded.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this))));window.ESGlobalBridge.requestAvailability();window.ESGlobalBridge.instance.load(name,location);return _this}babelHelpers.createClass(QRCodeElement,[{key:"_qrLoaded",value:function _qrLoaded(){this.generate()}},{key:"attributeChangedCallback",value:function attributeChangedCallback(attributeName,oldValue,newValue){var fn=this[attributeName+"Changed"];if(fn&&"function"===typeof fn){fn.call(this,oldValue,newValue)}if(window.ESGlobalBridge.imports.qr){this.generate()}}},{key:"_defineProperty",value:function _defineProperty(attributeName){var _this2=this;Object.defineProperty(this,attributeName,{get:function get(){var value=_this2.getAttribute(attributeName);return null===value?QRCodeElement.defaultAttributes[attributeName]:value},set:function set(value){_this2.setAttribute(attributeName,value)}})}},{key:"getOptions",value:function getOptions(){var modulesize=this.modulesize,margin=this.margin;return{modulesize:null!==modulesize?parseInt(modulesize):modulesize,margin:null!==margin?parseInt(margin):margin}}},{key:"generate",value:function generate(){if(null!==this.data){if("png"===this.format){this.generatePNG()}else if("html"===this.format){this.generateHTML()}else if("svg"===this.format){this.generateSVG()}else{this.shadowRoot.innerHTML="<div>qr-code: "+this.format+" not supported!</div>"}}else{this.shadowRoot.innerHTML="<div>qr-code: no data!</div>"}}},{key:"generatePNG",value:function generatePNG(){try{var img=document.createElement("img");img.src=window.QRCode.generatePNG(this.data,this.getOptions());this.clear();this.shadowRoot.appendChild(img)}catch(e){this.shadowRoot.innerHTML="<div>qr-code: no canvas support!</div>"}}},{key:"generateHTML",value:function generateHTML(){var div=window.QRCode.generateHTML(this.data,this.getOptions());this.clear();this.shadowRoot.appendChild(div)}},{key:"generateSVG",value:function generateSVG(){var div=window.QRCode.generateSVG(this.data,this.getOptions());this.clear();this.shadowRoot.appendChild(div)}},{key:"clear",value:function clear(){while(this.shadowRoot.lastChild){this.shadowRoot.removeChild(this.shadowRoot.lastChild)}}}],[{key:"defaultAttributes",get:function get(){return{data:null,format:"png",modulesize:5,margin:4}}},{key:"observedAttributes",get:function get(){return Object.keys(QRCodeElement.defaultAttributes)}}]);return QRCodeElement}(babelHelpers.wrapNativeSuper(HTMLElement));_exports.QRCodeElement=QRCodeElement;window.customElements.define("qr-code",QRCodeElement)});
\ No newline at end of file
+define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/resolve-url.js","../hax-body-behaviors/lib/HAXWiring.js","../es-global-bridge/es-global-bridge.js"],function(_exports,meta,_polymerLegacy,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.QR=_exports.QRCodeElement=void 0;meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_23386b10555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      #link {\n        visibility: hidden;\n        opacity: 0;\n      }\n    </style>\n    <qr-code\n      id=\"qr\"\n      data$=\"[[data]]\"\n      modulesize$=\"[[modulesize]]\"\n      margin$=\"[[margin]]\"\n      format$=\"[[format]]\"\n    ></qr-code>\n    <a href$=\"[[data]]\" id=\"link\">[[title]]</a>\n  "]);_templateObject_23386b10555211e98f439769bd191e33=function(){return data};return data}var QR=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_23386b10555211e98f439769bd191e33()),is:"q-r",behaviors:[HAXBehaviors.PropertiesBehaviors],properties:{data:{type:String},title:{type:String},modulesize:{type:Number,value:4},margin:{type:Number,value:2},format:{type:String,value:"png"}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"QR Code",description:"A code to scan from a smartphone.",icon:"hardware:developer-board",color:"grey",groups:["QR"],handles:[{type:"video",source:"data",title:"title"},{type:"image",source:"data",title:"title"},{type:"link",source:"data",title:"title"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"data",title:"QR data",description:"Source of the data for the QR code.",inputMethod:"textfield",icon:"hardware:developer-board"},{property:"title",title:"Alternate title",description:"An alternate title to go to the source of the QR code.",inputMethod:"textfield",icon:"editor:title"},{property:"modulesize",title:"Size",description:"Size of the QR code",inputMethod:"textfield",icon:"image:photo-size-select-small"},{property:"margin",title:"Margin",description:"Wrapper to the code.",inputMethod:"textfield",icon:"icons:settings-overscan"},{property:"format",title:"Output format",description:"Format to put it out.",inputMethod:"select",options:{png:"PNG",html:"HTML",svg:"SVG"},icon:"editor:bubble-chart"}],configure:[{property:"data",title:"QR data",description:"Source of the data for the QR code.",inputMethod:"haxupload",icon:"hardware:developer-board"},{property:"title",title:"Alternate title",description:"An alternate title to go to the source of the QR code.",inputMethod:"alt",icon:"editor:title"},{property:"modulesize",title:"Size",description:"Size of the QR code",inputMethod:"number",icon:"image:photo-size-select-small"},{property:"margin",title:"Margin",description:"Wrapper to the code.",inputMethod:"number",icon:"icons:settings-overscan"},{property:"format",title:"Output format",description:"Format to put it out.",inputMethod:"select",options:{png:"PNG",html:"HTML",svg:"SVG"},icon:"editor:bubble-chart"}],advanced:[]}})}});_exports.QR=QR;var QRCodeElement=function(_HTMLElement){babelHelpers.inherits(QRCodeElement,_HTMLElement);function QRCodeElement(){var _this;babelHelpers.classCallCheck(this,QRCodeElement);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(QRCodeElement).call(this));_this._defineProperty=_this._defineProperty.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));_this.attachShadow({mode:"open"});Object.keys(QRCodeElement.defaultAttributes).map(_this._defineProperty);var name="qr",basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),location="".concat(basePath,"lib/qr.js");window.addEventListener("es-bridge-".concat(name,"-loaded"),_this._qrLoaded.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this))));window.ESGlobalBridge.requestAvailability();window.ESGlobalBridge.instance.load(name,location);return _this}babelHelpers.createClass(QRCodeElement,[{key:"_qrLoaded",value:function _qrLoaded(){this.generate()}},{key:"attributeChangedCallback",value:function attributeChangedCallback(attributeName,oldValue,newValue){var fn=this[attributeName+"Changed"];if(fn&&"function"===typeof fn){fn.call(this,oldValue,newValue)}if(window.ESGlobalBridge.imports.qr){this.generate()}}},{key:"_defineProperty",value:function _defineProperty(attributeName){var _this2=this;Object.defineProperty(this,attributeName,{get:function get(){var value=_this2.getAttribute(attributeName);return null===value?QRCodeElement.defaultAttributes[attributeName]:value},set:function set(value){_this2.setAttribute(attributeName,value)}})}},{key:"getOptions",value:function getOptions(){var modulesize=this.modulesize,margin=this.margin;return{modulesize:null!==modulesize?parseInt(modulesize):modulesize,margin:null!==margin?parseInt(margin):margin}}},{key:"generate",value:function generate(){if(null!==this.data){if("png"===this.format){this.generatePNG()}else if("html"===this.format){this.generateHTML()}else if("svg"===this.format){this.generateSVG()}else{this.shadowRoot.innerHTML="<div>qr-code: "+this.format+" not supported!</div>"}}else{this.shadowRoot.innerHTML="<div>qr-code: no data!</div>"}}},{key:"generatePNG",value:function generatePNG(){try{var img=document.createElement("img");img.src=window.QRCode.generatePNG(this.data,this.getOptions());this.clear();this.shadowRoot.appendChild(img)}catch(e){this.shadowRoot.innerHTML="<div>qr-code: no canvas support!</div>"}}},{key:"generateHTML",value:function generateHTML(){var div=window.QRCode.generateHTML(this.data,this.getOptions());this.clear();this.shadowRoot.appendChild(div)}},{key:"generateSVG",value:function generateSVG(){var div=window.QRCode.generateSVG(this.data,this.getOptions());this.clear();this.shadowRoot.appendChild(div)}},{key:"clear",value:function clear(){while(this.shadowRoot.lastChild){this.shadowRoot.removeChild(this.shadowRoot.lastChild)}}}],[{key:"defaultAttributes",get:function get(){return{data:null,format:"png",modulesize:5,margin:4}}},{key:"observedAttributes",get:function get(){return Object.keys(QRCodeElement.defaultAttributes)}}]);return QRCodeElement}(babelHelpers.wrapNativeSuper(HTMLElement));_exports.QRCodeElement=QRCodeElement;window.customElements.define("qr-code",QRCodeElement)});
\ No newline at end of file
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 41c9974441a..8e105d1994d 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-image/iron-image.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.RandomImage=void 0;function _templateObject_8a80efd054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <iron-image\n      style=\"width:200px; height:200px;\"\n      class$=\"[[mode]]\"\n      sizing=\"contain\"\n      src$=\"[[imgSrc]]\"\n      title$=\"[[imgTitle]]\"\n    ></iron-image>\n  "]);_templateObject_8a80efd054f411e9aeb367f92c5b63ab=function(){return data};return data}var RandomImage=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8a80efd054f411e9aeb367f92c5b63ab()),is:"random-image",properties:{mode:{type:String,notify:!0,value:""},imgSrc:{type:String},imgTitle:{type:String},imagesList:{type:Object,notify:!0,value:function value(){return[]}}},_pickRandomProperty:function _pickRandomProperty(obj){var result,count=0;for(var prop in obj){if(Math.random()<1/++count)result=prop}return result},ready:function ready(){var randomPos=this._pickRandomProperty(this.imagesList);this.imgSrc=this.imagesList[randomPos].path;this.imgTitle=this.imagesList[randomPos].title}});_exports.RandomImage=RandomImage});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-image/iron-image.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.RandomImage=void 0;function _templateObject_234aba90555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <iron-image\n      style=\"width:200px; height:200px;\"\n      class$=\"[[mode]]\"\n      sizing=\"contain\"\n      src$=\"[[imgSrc]]\"\n      title$=\"[[imgTitle]]\"\n    ></iron-image>\n  "]);_templateObject_234aba90555211e98f439769bd191e33=function(){return data};return data}var RandomImage=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_234aba90555211e98f439769bd191e33()),is:"random-image",properties:{mode:{type:String,notify:!0,value:""},imgSrc:{type:String},imgTitle:{type:String},imagesList:{type:Object,notify:!0,value:function value(){return[]}}},_pickRandomProperty:function _pickRandomProperty(obj){var result,count=0;for(var prop in obj){if(Math.random()<1/++count)result=prop}return result},ready:function ready(){var randomPos=this._pickRandomProperty(this.imagesList);this.imgSrc=this.imagesList[randomPos].path;this.imgTitle=this.imagesList[randomPos].title}});_exports.RandomImage=RandomImage});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/relative-heading/lib/relative-heading-manager.js b/build/es5-amd/node_modules/@lrnwebcomponents/relative-heading/lib/relative-heading-manager.js
index 63df9e79450..dbef4bd3e46 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/relative-heading/lib/relative-heading-manager.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/relative-heading/lib/relative-heading-manager.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_a134db6054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n      }\n    </style>\n  "]);_templateObject_a134db6054f411e9aeb367f92c5b63ab=function(){return data};return data}window.RelativeHeadingManager={};window.RelativeHeadingManager.instance=null;(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a134db6054f411e9aeb367f92c5b63ab()),is:"relative-heading-manager",properties:{},created:function created(){var root=this;if(!window.RelativeHeadingManager.instance){window.RelativeHeadingManager.instance=root}document.body.addEventListener("heading-created",function(e){var el=e.detail,pid=el.getAttribute("subtopic-of"),parent=document.getElementById(pid);if(parent!==el.parentHeading){el._setParent(parent)}})}});window.RelativeHeadingManager.requestAvailability=function(){if(!window.RelativeHeadingManager.instance){window.RelativeHeadingManager.instance=document.createElement("relative-heading-manager")}document.body.appendChild(window.RelativeHeadingManager.instance)}});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_35571710555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n      }\n    </style>\n  "]);_templateObject_35571710555211e98f439769bd191e33=function(){return data};return data}window.RelativeHeadingManager={};window.RelativeHeadingManager.instance=null;(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_35571710555211e98f439769bd191e33()),is:"relative-heading-manager",properties:{},created:function created(){var root=this;if(!window.RelativeHeadingManager.instance){window.RelativeHeadingManager.instance=root}document.body.addEventListener("heading-created",function(e){var el=e.detail,pid=el.getAttribute("subtopic-of"),parent=document.getElementById(pid);if(parent!==el.parentHeading){el._setParent(parent)}})}});window.RelativeHeadingManager.requestAvailability=function(){if(!window.RelativeHeadingManager.instance){window.RelativeHeadingManager.instance=document.createElement("relative-heading-manager")}document.body.appendChild(window.RelativeHeadingManager.instance)}});
\ No newline at end of file
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 11eea44f715..b778524c05e 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","./lib/relative-heading-manager.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.RelativeHeading=void 0;function _templateObject_8b1e8f6054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        @apply --relative-heading-heading;\n      }\n      h1 {\n        @apply --relative-heading-heading1;\n      }\n      h2 {\n        @apply --relative-heading-heading2;\n      }\n      h3 {\n        @apply --relative-heading-heading3;\n      }\n      h4 {\n        @apply --relative-heading-heading4;\n      }\n      h5 {\n        @apply --relative-heading-heading5;\n      }\n      h6 {\n        @apply --relative-heading-heading6;\n      }\n    </style>\n    <div id=\"html\"></div>\n  "]);_templateObject_8b1e8f6054f411e9aeb367f92c5b63ab=function(){return data};return data}var RelativeHeading=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8b1e8f6054f411e9aeb367f92c5b63ab()),is:"relative-heading",properties:{subtopicOf:{type:String,value:null,reflectToAttribute:!0},text:{type:String,value:null,reflectToAttribute:!0},parentHeading:{type:Object,value:{}},tag:{type:String,value:null,reflectToAttribute:!0}},created:function created(){window.RelativeHeadingManager.requestAvailability()},attached:function attached(){this.fire("heading-created",this)},attributeChanged:function attributeChanged(name){if("subtopic-of"===name){this.fire("heading-created",this)}else if("tag"===name){this.fire("heading-changed",this);this.$.html.innerHTML="<"+this.tag+">"+this.text+"</"+this.tag+">"}},_setParent:function _setParent(el){var root=this;if(root.__parentListener!==void 0)root.parentHeading.removeEventListener("heading-changed");root.parentHeading=el;if(null!==el){root.__parentListener=root.parentHeading.addEventListener("heading-changed",function(){root._setTag()})}this._setTag()},_setTag:function _setTag(){var tag="h1",level=1,h=function(level){return"h"+Math.max(Math.min(level,6),1)};if(null!==this.parentHeading){if(this.parentHeading.tag!==void 0&&null!==this.parentHeading.tag){level=parseInt(this.parentHeading.tag.toLowerCase().replace("h",""))+1}else if(this.parentHeading.tagName!==void 0&&this.parentHeading.tagName.match(/^H[0-6]$/)){level=parseInt(this.parentHeading.tagName.toLowerCase().replace("h",""))+1}}else if(this.tag!==void 0&&null!==this.tag){level=parseInt(this.tag.toLowerCase().replace("h",""))}tag=h(level);this.tag=tag}});_exports.RelativeHeading=RelativeHeading});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","./lib/relative-heading-manager.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.RelativeHeading=void 0;function _templateObject_23a13f00555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n      h1,\n      h2,\n      h3,\n      h4,\n      h5,\n      h6 {\n        @apply --relative-heading-heading;\n      }\n      h1 {\n        @apply --relative-heading-heading1;\n      }\n      h2 {\n        @apply --relative-heading-heading2;\n      }\n      h3 {\n        @apply --relative-heading-heading3;\n      }\n      h4 {\n        @apply --relative-heading-heading4;\n      }\n      h5 {\n        @apply --relative-heading-heading5;\n      }\n      h6 {\n        @apply --relative-heading-heading6;\n      }\n    </style>\n    <div id=\"html\"></div>\n  "]);_templateObject_23a13f00555211e98f439769bd191e33=function(){return data};return data}var RelativeHeading=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_23a13f00555211e98f439769bd191e33()),is:"relative-heading",properties:{subtopicOf:{type:String,value:null,reflectToAttribute:!0},text:{type:String,value:null,reflectToAttribute:!0},parentHeading:{type:Object,value:{}},tag:{type:String,value:null,reflectToAttribute:!0}},created:function created(){window.RelativeHeadingManager.requestAvailability()},attached:function attached(){this.fire("heading-created",this)},attributeChanged:function attributeChanged(name){if("subtopic-of"===name){this.fire("heading-created",this)}else if("tag"===name){this.fire("heading-changed",this);this.$.html.innerHTML="<"+this.tag+">"+this.text+"</"+this.tag+">"}},_setParent:function _setParent(el){var root=this;if(root.__parentListener!==void 0)root.parentHeading.removeEventListener("heading-changed");root.parentHeading=el;if(null!==el){root.__parentListener=root.parentHeading.addEventListener("heading-changed",function(){root._setTag()})}this._setTag()},_setTag:function _setTag(){var tag="h1",level=1,h=function(level){return"h"+Math.max(Math.min(level,6),1)};if(null!==this.parentHeading){if(this.parentHeading.tag!==void 0&&null!==this.parentHeading.tag){level=parseInt(this.parentHeading.tag.toLowerCase().replace("h",""))+1}else if(this.parentHeading.tagName!==void 0&&this.parentHeading.tagName.match(/^H[0-6]$/)){level=parseInt(this.parentHeading.tagName.toLowerCase().replace("h",""))+1}}else if(this.tag!==void 0&&null!==this.tag){level=parseInt(this.tag.toLowerCase().replace("h",""))}tag=h(level);this.tag=tag}});_exports.RelativeHeading=RelativeHeading});
\ No newline at end of file
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 4d24e7963c2..184d4d25190 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_a13b922054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n        clear: both;\n      }\n    </style>\n  "]);_templateObject_a13b922054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a13b922054f411e9aeb367f92c5b63ab()),is:"responsive-grid-clear",properties:{xl:{type:Boolean,value:!1},lg:{type:Boolean,value:!1},md:{type:Boolean,value:!1},sm:{type:Boolean,value:!1},xs:{type:Boolean,value:!1}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_35596100555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: none;\n        clear: both;\n      }\n    </style>\n  "]);_templateObject_35596100555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_35596100555211e98f439769bd191e33()),is:"responsive-grid-clear",properties:{xl:{type:Boolean,value:!1},lg:{type:Boolean,value:!1},md:{type:Boolean,value:!1},sm:{type:Boolean,value:!1},xs:{type:Boolean,value:!1}}})});
\ No newline at end of file
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 233bf6ea10e..e3b43dba60f 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_a13f149054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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: 15px;\n        padding-right: 15px;\n        @apply --responsive-grid-col-inner;\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    </style>\n    <div id=\"col-inner\"><slot></slot></div>\n  "]);_templateObject_a13f149054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a13f149054f411e9aeb367f92c5b63ab()),is:"responsive-grid-col",properties:{xl:{type:Number,value:1},lg:{type:Number,value:1},md:{type:Number,value:1},sm:{type:Number,value:1},xs:{type:Number,value:1}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_355c4730555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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: 15px;\n        padding-right: 15px;\n        @apply --responsive-grid-col-inner;\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    </style>\n    <div id=\"col-inner\"><slot></slot></div>\n  "]);_templateObject_355c4730555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_355c4730555211e98f439769bd191e33()),is:"responsive-grid-col",properties:{xl:{type:Number,value:1},lg:{type:Number,value:1},md:{type:Number,value:1},sm:{type:Number,value:1},xs:{type:Number,value:1}}})});
\ No newline at end of file
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 b6180b43d9a..1d51391c06d 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-legacy.js","../../responsive-utility/responsive-utility.js","./responsive-grid-col.js","./responsive-grid-clear.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ResponsiveGridRow=void 0;function _templateObject_a142e52054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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: -15px;\n        margin-right: -15px;\n        @apply --responsive-grid-row-inner;\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    </style>\n    <responsive-utility\n      sm$=\"[[sm]]\"\n      md$=\"[[sm]]\"\n      lg$=\"[[lg]]\"\n      xl$=\"[[xl]]\"\n      responsive-to-parent$=\"[[responsiveToParent]]\"\n    >\n    </responsive-utility>\n    <div id=\"row-inner\" screen$=\"[[screen]]\" gutter$=\"[[gutter]]\">\n      <slot></slot>\n    </div>\n  "],["\n    <style>\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: -15px;\n        margin-right: -15px;\n        @apply --responsive-grid-row-inner;\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    </style>\n    <responsive-utility\n      sm\\$=\"[[sm]]\"\n      md\\$=\"[[sm]]\"\n      lg\\$=\"[[lg]]\"\n      xl\\$=\"[[xl]]\"\n      responsive-to-parent\\$=\"[[responsiveToParent]]\"\n    >\n    </responsive-utility>\n    <div id=\"row-inner\" screen\\$=\"[[screen]]\" gutter\\$=\"[[gutter]]\">\n      <slot></slot>\n    </div>\n  "]);_templateObject_a142e52054f411e9aeb367f92c5b63ab=function(){return data};return data}var ResponsiveGridRow=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a142e52054f411e9aeb367f92c5b63ab()),is:"responsive-grid-row",properties:{sm:{type:Number,value:null},md:{type:Number,value:null},lg:{type:Number,value:null},xl:{type:Number,value:null},gutter:{type:Number,value:0},responsiveToParent:{type:Boolean,value:!1,reflectToAttribute:!0},screen:{type:String,value:"xs",notify:!0,reflectToAttribute:!0}},attached:function attached(){var root=this;window.ResponsiveUtility.requestAvailability();root.fire("responsive-element",{element:root,attribute:"screen",relativeToParent:root.responsiveToParent})}});_exports.ResponsiveGridRow=ResponsiveGridRow});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-legacy.js","../../responsive-utility/responsive-utility.js","./responsive-grid-col.js","./responsive-grid-clear.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ResponsiveGridRow=void 0;function _templateObject_3560db10555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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: -15px;\n        margin-right: -15px;\n        @apply --responsive-grid-row-inner;\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    </style>\n    <responsive-utility\n      sm$=\"[[sm]]\"\n      md$=\"[[sm]]\"\n      lg$=\"[[lg]]\"\n      xl$=\"[[xl]]\"\n      responsive-to-parent$=\"[[responsiveToParent]]\"\n    >\n    </responsive-utility>\n    <div id=\"row-inner\" screen$=\"[[screen]]\" gutter$=\"[[gutter]]\">\n      <slot></slot>\n    </div>\n  "],["\n    <style>\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: -15px;\n        margin-right: -15px;\n        @apply --responsive-grid-row-inner;\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    </style>\n    <responsive-utility\n      sm\\$=\"[[sm]]\"\n      md\\$=\"[[sm]]\"\n      lg\\$=\"[[lg]]\"\n      xl\\$=\"[[xl]]\"\n      responsive-to-parent\\$=\"[[responsiveToParent]]\"\n    >\n    </responsive-utility>\n    <div id=\"row-inner\" screen\\$=\"[[screen]]\" gutter\\$=\"[[gutter]]\">\n      <slot></slot>\n    </div>\n  "]);_templateObject_3560db10555211e98f439769bd191e33=function(){return data};return data}var ResponsiveGridRow=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_3560db10555211e98f439769bd191e33()),is:"responsive-grid-row",properties:{sm:{type:Number,value:null},md:{type:Number,value:null},lg:{type:Number,value:null},xl:{type:Number,value:null},gutter:{type:Number,value:0},responsiveToParent:{type:Boolean,value:!1,reflectToAttribute:!0},screen:{type:String,value:"xs",notify:!0,reflectToAttribute:!0}},attached:function attached(){var root=this;window.ResponsiveUtility.requestAvailability();root.fire("responsive-element",{element:root,attribute:"screen",relativeToParent:root.responsiveToParent})}});_exports.ResponsiveGridRow=ResponsiveGridRow});
\ No newline at end of file
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 bbffdd19164..b1fc884fbd6 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/async.js","../../@polymer/iron-resizable-behavior/iron-resizable-behavior.js"],function(_exports,_polymerLegacy,async,_ironResizableBehavior){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ResponsiveUtility=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_8b670a1054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_8b670a1054f411e9aeb367f92c5b63ab=function(){return data};return data}window.ResponsiveUtility={};window.ResponsiveUtility.instance=null;var ResponsiveUtility=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8b670a1054f411e9aeb367f92c5b63ab()),is:"responsive-utility",behaviors:[_ironResizableBehavior.IronResizableBehavior],listeners:{"iron-resize":"_onIronResize"},properties:{details:{type:Array,value:[]}},created:function created(){var root=this;if(null==window.ResponsiveUtility.instance){window.ResponsiveUtility.instance=root}window.addEventListener("responsive-element",function(e){var detail={element:e.detail.element,attribute:e.detail.attribute!==void 0&&null!==e.detail.attribute?e.detail.attribute:"responsive-size",relativeToParent:e.detail.relativeToParent!==void 0&&null!==e.detail.relativeToParent?e.detail.relativeToParent:!0,sm:e.detail.sm!==void 0&&null!==e.detail.sm?e.detail.sm:900,md:e.detail.md!==void 0&&null!==e.detail.md?e.detail.md:1200,lg:e.detail.lg!==void 0&&null!==e.detail.lg?e.detail.lg:1500,xl:e.detail.xl!==void 0&&null!==e.detail.xl?e.detail.lg:1800};if("ResizeObserver"in window&&!0===detail.relativeToParent){var resize=new ResizeObserver(function(){window.ResponsiveUtility.setSize(detail)}),observable=e.detail.parentNode!==void 0&&null!==e.detail.parentNode?e.detail.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?e.detail.element.parentNode.host:e.detail.element.parentNode:e.detail.element;resize.observe(observable)}root.push("details",detail);window.ResponsiveUtility.setSize(detail)});window.addEventListener("delete-responsive-element",function(e){for(var i=0;i<this.details.length;i++){if(e.detail===detail[i])root.splice("details",i,1)}})},_onIronResize:function _onIronResize(){for(var i=0;i<this.details.length;i++){window.ResponsiveUtility.setSize(this.details[i])}}});_exports.ResponsiveUtility=ResponsiveUtility;window.ResponsiveUtility.requestAvailability=function(){if(null==window.ResponsiveUtility.instance){window.ResponsiveUtility.instance=document.createElement("responsive-utility")}document.body.appendChild(window.ResponsiveUtility.instance)};window.ResponsiveUtility.setSize=function(detail){var size,width=window.ResponsiveUtility._getWidth(detail);if(width<detail.sm){size="xs"}else if(width<detail.md){size="sm"}else if(width<detail.lg){size="md"}else if(width<detail.xl){size="lg"}else{size="xl"}if(detail.element.getAttribute(detail.attribute)===void 0||size!==detail.element.getAttribute(detail.attribute)){detail.element.setAttribute(detail.attribute,size)}};window.ResponsiveUtility._getWidth=function(detail){var el=detail.element;if(!0===detail.relativeToParent){if(el.offsetWidth!==void 0&&null!==el.offsetWidth&&0<el.offsetWidth){return el.offsetWidth}else if(null!==el.parentNode){return el.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?el.parentNode.host.offsetWidth:el.parentNode.offsetWidth}}return window.outerWidth}});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/async.js","../../@polymer/iron-resizable-behavior/iron-resizable-behavior.js"],function(_exports,_polymerLegacy,async,_ironResizableBehavior){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ResponsiveUtility=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_244fce80555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_244fce80555211e98f439769bd191e33=function(){return data};return data}window.ResponsiveUtility={};window.ResponsiveUtility.instance=null;var ResponsiveUtility=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_244fce80555211e98f439769bd191e33()),is:"responsive-utility",behaviors:[_ironResizableBehavior.IronResizableBehavior],listeners:{"iron-resize":"_onIronResize"},properties:{details:{type:Array,value:[]}},created:function created(){var root=this;if(null==window.ResponsiveUtility.instance){window.ResponsiveUtility.instance=root}window.addEventListener("responsive-element",function(e){var detail={element:e.detail.element,attribute:e.detail.attribute!==void 0&&null!==e.detail.attribute?e.detail.attribute:"responsive-size",relativeToParent:e.detail.relativeToParent!==void 0&&null!==e.detail.relativeToParent?e.detail.relativeToParent:!0,sm:e.detail.sm!==void 0&&null!==e.detail.sm?e.detail.sm:900,md:e.detail.md!==void 0&&null!==e.detail.md?e.detail.md:1200,lg:e.detail.lg!==void 0&&null!==e.detail.lg?e.detail.lg:1500,xl:e.detail.xl!==void 0&&null!==e.detail.xl?e.detail.lg:1800};if("ResizeObserver"in window&&!0===detail.relativeToParent){var resize=new ResizeObserver(function(){window.ResponsiveUtility.setSize(detail)}),observable=e.detail.parentNode!==void 0&&null!==e.detail.parentNode?e.detail.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?e.detail.element.parentNode.host:e.detail.element.parentNode:e.detail.element;resize.observe(observable)}root.push("details",detail);window.ResponsiveUtility.setSize(detail)});window.addEventListener("delete-responsive-element",function(e){for(var i=0;i<this.details.length;i++){if(e.detail===detail[i])root.splice("details",i,1)}})},_onIronResize:function _onIronResize(){for(var i=0;i<this.details.length;i++){window.ResponsiveUtility.setSize(this.details[i])}}});_exports.ResponsiveUtility=ResponsiveUtility;window.ResponsiveUtility.requestAvailability=function(){if(null==window.ResponsiveUtility.instance){window.ResponsiveUtility.instance=document.createElement("responsive-utility")}document.body.appendChild(window.ResponsiveUtility.instance)};window.ResponsiveUtility.setSize=function(detail){var size,width=window.ResponsiveUtility._getWidth(detail);if(width<detail.sm){size="xs"}else if(width<detail.md){size="sm"}else if(width<detail.lg){size="md"}else if(width<detail.xl){size="lg"}else{size="xl"}if(detail.element.getAttribute(detail.attribute)===void 0||size!==detail.element.getAttribute(detail.attribute)){detail.element.setAttribute(detail.attribute,size)}};window.ResponsiveUtility._getWidth=function(detail){var el=detail.element;if(!0===detail.relativeToParent){if(el.offsetWidth!==void 0&&null!==el.offsetWidth&&0<el.offsetWidth){return el.offsetWidth}else if(null!==el.parentNode){return el.parentNode.nodeType===Node.DOCUMENT_FRAGMENT_NODE?el.parentNode.host.offsetWidth:el.parentNode.offsetWidth}}return window.outerWidth}});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-button.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-button.js
index adf46e798d3..d95dcfce1e3 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-button.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-button.js
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/iron-icons/iron-icons.js","./rich-text-editor-styles.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.RichTextEditorButton=void 0;function _templateObject_a14b499054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"rich-text-editor-styles\"></style>\n      <iron-a11y-keys\n        id=\"a11y\"\n        target=\"[[__a11y]]\"\n        keys=\"enter\"\n        on-keys-pressed=\"_buttonTap\">\n      </iron-a11y-keys>\n      <paper-button id=\"button\"\n        disabled$=\"[[disabled]]\" \n        controls=\"[[controls]]\"\n        on-tap=\"_buttonTap\"\n        tabindex=\"0\"\n        toggled$=\"[[toggled]]\">\n        <iron-icon id=\"icon\" \n          aria-hidden\n          icon$=\"[[_regOrToggled(icon,toggledIcon,toggled)]]\">\n        </iron-icon>\n        <span id=\"label\" class$=\"[[labelStyle]]\"></span>\n      </paper-button>\n      <paper-tooltip id=\"tooltip\" for=\"button\"></paper-button>\n    "]);_templateObject_a14b499054f411e9aeb367f92c5b63ab=function(){return data};return data}var RichTextEditorButton=function(_PolymerElement){babelHelpers.inherits(RichTextEditorButton,_PolymerElement);function RichTextEditorButton(){babelHelpers.classCallCheck(this,RichTextEditorButton);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(RichTextEditorButton).apply(this,arguments))}babelHelpers.createClass(RichTextEditorButton,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorButton.prototype),"ready",this).call(this);this}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorButton.prototype),"connectedCallback",this).call(this);this.__a11y=this.$.button}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorButton.prototype),"disconnectedCallback",this).call(this)}},{key:"doTextOperation",value:function doTextOperation(){var root=this,selection=root.selection;if(root.toggled&&null!==root.toggledCommand){document.execCommand(root.toggledCommand,!1,root.toggledCommand||"")}else if(null!==root.command){document.execCommand(root.command,!1,root.commandVal||"")}root.selection=selection}},{key:"_isToggled",value:function _isToggled(){var toggled=null!==this.command&&this.toggles?document.queryCommandState(this.command):!1,label=this._regOrToggled(this.label,this.toggledLabel,toggled);this.$.label.innerHTML=label;this.$.tooltip.innerHTML=label;return toggled}},{key:"_buttonTap",value:function _buttonTap(e){e.preventDefault();this.doTextOperation()}},{key:"_regOrToggled",value:function _regOrToggled(toggledOff,toggledOn,toggled){return null!==toggledOn&&toggled?toggledOn:toggledOff}},{key:"_labelStyle",value:function _labelStyle(icon,showTextLabel){return icon!==void 0&&null!==icon&&""!==icon&&!1===showTextLabel?"offscreen":null}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a14b499054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{command:{name:"command",type:"String",value:null},commandVal:{name:"commandVal",type:"Object",value:null,notify:!0},disabled:{name:"disabled",type:"Boolean",value:!1},icon:{name:"icon",type:"String",value:null},label:{name:"label",type:"String",value:null},labelStyle:{name:"labelStyle",type:"String",computed:"_labelStyle(icon,showTextLabel)",readOnly:!0},selection:{name:"selection",type:"Object",notify:!0,value:null},showTextLabel:{name:"showTextLabel",type:"Boolean",value:!1},toggled:{name:"toggled",type:"Boolean",computed:"_isToggled(selection)",notify:!0},toggledCommand:{name:"toggledCommand",type:"String",value:null},toggledCommandVal:{name:"toggledCommandVal",type:"Object",value:null},toggledIcon:{name:"toggledIcon",type:"String",value:null},toggledLabel:{name:"toggledLabel",type:"String",value:null},toggles:{name:"toggles",type:"Boolean",value:!1},validCommands:{name:"validCommands",type:"Array",value:["backColor","bold","createLink","copy","cut","defaultParagraphSeparator","delete","fontName","fontSize","foreColor","formatBlock","forwardDelete","insertHorizontalRule","insertHTML","insertImage","insertLineBreak","insertOrderedList","insertParagraph","insertText","insertUnorderedList","justifyCenter","justifyFull","justifyLeft","justifyRight","outdent","paste","redo","selectAll","strikethrough","styleWithCss","superscript","undo","unlink","useCSS"],readOnly:!0}}}},{key:"tag",get:function get(){return"rich-text-editor-button"}}]);return RichTextEditorButton}(_polymerElement.PolymerElement);_exports.RichTextEditorButton=RichTextEditorButton;window.customElements.define(RichTextEditorButton.tag,RichTextEditorButton)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/iron-icons/iron-icons.js","./rich-text-editor-styles.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.RichTextEditorButton=void 0;function _templateObject_356aed30555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"rich-text-editor-styles\"></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        disabled$=\"[[disabled]]\"\n        controls=\"[[controls]]\"\n        on-tap=\"_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]]\"></span>\n      </paper-button>\n      <paper-tooltip id=\"tooltip\" for=\"button\"></paper-tooltip>\n    "]);_templateObject_356aed30555211e98f439769bd191e33=function(){return data};return data}var RichTextEditorButton=function(_PolymerElement){babelHelpers.inherits(RichTextEditorButton,_PolymerElement);function RichTextEditorButton(){babelHelpers.classCallCheck(this,RichTextEditorButton);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(RichTextEditorButton).apply(this,arguments))}babelHelpers.createClass(RichTextEditorButton,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorButton.prototype),"ready",this).call(this);var root=this;root.addEventListener("mousedown",function(e){e.preventDefault()});root.addEventListener("keydown",function(e){e.preventDefault()})}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorButton.prototype),"connectedCallback",this).call(this);this.__a11y=this.$.button}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorButton.prototype),"disconnectedCallback",this).call(this)}},{key:"doTextOperation",value:function doTextOperation(){var root=this,selection=root.selection;if(root.toggled&&null!==root.toggledCommand){document.execCommand(root.toggledCommand,!1,root.toggledCommand||"")}else if(null!==root.command){document.execCommand(root.command,!1,root.commandVal||"")}root.selection=selection}},{key:"_isToggled",value:function _isToggled(){var toggled=null!==this.command&&this.toggles?document.queryCommandState(this.command):!1,label=this._regOrToggled(this.label,this.toggledLabel,toggled);if(this.$.label!==void 0)this.$.label.innerHTML=label;if(this.$.tooltip!==void 0)this.$.tooltip.innerHTML=label;return toggled}},{key:"_getLabel",value:function _getLabel(){var toggled=null!==this.command&&this.toggles?document.queryCommandState(this.command):!1,label=this._regOrToggled(this.label,this.toggledLabel,toggled);return label}},{key:"_buttonTap",value:function _buttonTap(e){e.preventDefault();this.doTextOperation()}},{key:"_regOrToggled",value:function _regOrToggled(toggledOff,toggledOn,toggled){return null!==toggledOn&&toggled?toggledOn:toggledOff}},{key:"_labelStyle",value:function _labelStyle(icon,showTextLabel){return icon!==void 0&&null!==icon&&""!==icon&&!1===showTextLabel?"offscreen":null}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_356aed30555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{command:{name:"command",type:"String",value:null},commandVal:{name:"commandVal",type:"Object",value:null,notify:!0},disabled:{name:"disabled",type:"Boolean",value:!1},icon:{name:"icon",type:"String",value:null},label:{name:"label",type:"String",value:null},labelStyle:{name:"labelStyle",type:"String",computed:"_labelStyle(icon,showTextLabel)",readOnly:!0},selection:{name:"selection",type:"Object",notify:!0,value:null},showTextLabel:{name:"showTextLabel",type:"Boolean",value:!1},toggled:{name:"toggled",type:"Boolean",computed:"_isToggled(selection)",notify:!0},__label:{name:"__label",type:"String",computed:"_getLabel(selection)",notify:!0},toggledCommand:{name:"toggledCommand",type:"String",value:null},toggledCommandVal:{name:"toggledCommandVal",type:"Object",value:null},toggledIcon:{name:"toggledIcon",type:"String",value:null},toggledLabel:{name:"toggledLabel",type:"String",value:null},toggles:{name:"toggles",type:"Boolean",value:!1},validCommands:{name:"validCommands",type:"Array",value:["backColor","bold","createLink","copy","cut","defaultParagraphSeparator","delete","fontName","fontSize","foreColor","formatBlock","forwardDelete","insertHorizontalRule","insertHTML","insertImage","insertLineBreak","insertOrderedList","insertParagraph","insertText","insertUnorderedList","justifyCenter","justifyFull","justifyLeft","justifyRight","outdent","paste","redo","selectAll","strikethrough","styleWithCss","superscript","undo","unlink","useCSS"],readOnly:!0}}}},{key:"tag",get:function get(){return"rich-text-editor-button"}}]);return RichTextEditorButton}(_polymerElement.PolymerElement);_exports.RichTextEditorButton=RichTextEditorButton;window.customElements.define(RichTextEditorButton.tag,RichTextEditorButton)});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-content.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-content.js
index f7dcb37ed77..2c0284fccf1 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-content.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-content.js
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","./rich-text-editor-styles.js","../rich-text-editor.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.RichTextEditorContent=void 0;function _templateObject_a151d94054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"rich-text-editor-styles\">\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          border-top: none;\n          overflow: hidden;\n          @apply --rich-text-editor-content-edit;\n        }\n      </style>\n      <slot></slot>\n    "]);_templateObject_a151d94054f411e9aeb367f92c5b63ab=function(){return data};return data}var RichTextEditorContent=function(_PolymerElement){babelHelpers.inherits(RichTextEditorContent,_PolymerElement);function RichTextEditorContent(){babelHelpers.classCallCheck(this,RichTextEditorContent);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(RichTextEditorContent).apply(this,arguments))}babelHelpers.createClass(RichTextEditorContent,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorContent.prototype),"ready",this).call(this);var id=document.querySelector("rich-text-editor#"+this.editorId),editor=null!==id?id:document.querySelector("rich-text-editor");if(null===editor){editor=document.createElement("rich-text-editor");this.parentNode.appendChild(editor)}editor.addEditableRegion(this)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a151d94054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{editorId:{name:"editableElement",type:"Object",value:null}}}},{key:"tag",get:function get(){return"rich-text-editor-content"}}]);return RichTextEditorContent}(_polymerElement.PolymerElement);_exports.RichTextEditorContent=RichTextEditorContent;window.customElements.define(RichTextEditorContent.tag,RichTextEditorContent)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","./rich-text-editor-styles.js","../rich-text-editor.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.RichTextEditorContent=void 0;function _templateObject_3571f210555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"rich-text-editor-styles\">\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          border-top: none;\n          overflow: hidden;\n          @apply --rich-text-editor-content-edit;\n        }\n      </style>\n      <slot></slot>\n    "]);_templateObject_3571f210555211e98f439769bd191e33=function(){return data};return data}var RichTextEditorContent=function(_PolymerElement){babelHelpers.inherits(RichTextEditorContent,_PolymerElement);function RichTextEditorContent(){babelHelpers.classCallCheck(this,RichTextEditorContent);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(RichTextEditorContent).apply(this,arguments))}babelHelpers.createClass(RichTextEditorContent,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorContent.prototype),"ready",this).call(this);var id=document.querySelector("rich-text-editor#"+this.editorId),editor=null!==id?id:document.querySelector("rich-text-editor");if(null===editor){editor=document.createElement("rich-text-editor");this.parentNode.appendChild(editor)}editor.addEditableRegion(this)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_3571f210555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{editorId:{name:"editableElement",type:"Object",value:null}}}},{key:"tag",get:function get(){return"rich-text-editor-content"}}]);return RichTextEditorContent}(_polymerElement.PolymerElement);_exports.RichTextEditorContent=RichTextEditorContent;window.customElements.define(RichTextEditorContent.tag,RichTextEditorContent)});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-link.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-link.js
new file mode 100644
index 00000000000..5b5cfc40cbe
--- /dev/null
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-link.js
@@ -0,0 +1 @@
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/iron-icons/iron-icons.js","./rich-text-editor-styles.js","./rich-text-editor-button.js"],function(_exports,_polymerElement,_paperButton,_paperTooltip,_ironIcons,_richTextEditorStyles,_richTextEditorButton){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.RichTextEditorLink=void 0;var RichTextEditorLink=function(_RichTextEditorButton){babelHelpers.inherits(RichTextEditorLink,_RichTextEditorButton);function RichTextEditorLink(){babelHelpers.classCallCheck(this,RichTextEditorLink);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(RichTextEditorLink).apply(this,arguments))}babelHelpers.createClass(RichTextEditorLink,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorLink.prototype),"ready",this).call(this);var root=this;root.addEventListener("mousedown",function(e){e.preventDefault()});root.addEventListener("keydown",function(e){e.preventDefault()})}},{key:"_buttonTap",value:function _buttonTap(e){e.preventDefault();var button=document.createElement("button");button.appendNode(this.selection.extractContents());this.selection.insertNode(button);console.log("tap")}}],[{key:"properties",get:function get(){return{}}},{key:"tag",get:function get(){return"rich-text-editor-link"}}]);return RichTextEditorLink}(_richTextEditorButton.RichTextEditorButton);_exports.RichTextEditorLink=RichTextEditorLink;window.customElements.define(RichTextEditorLink.tag,RichTextEditorLink)});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-picker.js
index 78afb977ad9..3dbd965414f 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-picker.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-picker.js
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","./rich-text-editor-button.js","../../es-global-bridge/es-global-bridge.js","../../../@polymer/polymer/lib/utils/resolve-url.js","../../simple-picker/simple-picker.js"],function(_exports,_polymerElement,_richTextEditorButton){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.RichTextEditorPicker=void 0;function _templateObject_a171e46054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"rich-text-editor-styles\"></style>\n      <simple-picker id=\"button\"\n        disabled$=\"[[disabled]]\" \n        controls=\"[[controls]]\"\n        on-change=\"_pickerChange\"\n        tabindex=\"0\"\n        title-as-html$=\"[[titleAsHtml]]\"\n        options=\"[[options]]\"\n        value=\"{{value}}\">\n        <span id=\"label\" class$=\"[[labelStyle]]\"></span>\n      </paper-button>\n      <paper-tooltip id=\"tooltip\" for=\"button\"></paper-button>\n    "]);_templateObject_a171e46054f411e9aeb367f92c5b63ab=function(){return data};return data}var RichTextEditorPicker=function(_RichTextEditorButton){babelHelpers.inherits(RichTextEditorPicker,_RichTextEditorButton);function RichTextEditorPicker(){babelHelpers.classCallCheck(this,RichTextEditorPicker);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(RichTextEditorPicker).apply(this,arguments))}babelHelpers.createClass(RichTextEditorPicker,[{key:"_isToggled",value:function _isToggled(selection){if(null!==selection){if("formatBlock"===this.command){var ancestor=selection.commonAncestorContainer,parent=ancestor.parentNode,temp=[];this.options.forEach(function(row){row.forEach(function(option){temp.push(option.value)})});this.$.button.value=null!==parent.closest(temp.join(","))?parent.closest(temp.join(",")).tagName.toLowerCase():null}}return!1}},{key:"_setOptions",value:function _setOptions(){this.set("options",this._getPickerOptions(data,this.allowNull,this.icon))}},{key:"_pickerChange",value:function _pickerChange(e){var val=this.$.button.value;e.preventDefault();if(null!==val&&this.selection!==void 0&&null!==this.selection){this.commandVal=this.$.button.value;if(this.command="formatBlock"){this.doTextOperation()}else if(this.command="insertNode"){var node=!this.block?document.createTextNode(val):document.createElement(val);this.selection.extractContents();this.selection.insertNode(node)}if(!0!==this.block){this.$.button.value=null;this.dispatchEvent(new CustomEvent("deselect",{detail:this}))}}}},{key:"_getOptionData",value:function _getOptionData(option){return{alt:option.alt,icon:option.icon,style:option.style,value:option.value}}},{key:"_getPickerOptions",value:function _getPickerOptions(){for(var _Mathsqrt=Math.sqrt,options=0<arguments.length&&arguments[0]!==void 0?arguments[0]:[],allowNull=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!1,icon=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null,items=!1===allowNull&&null===icon?[{alt:"null",icon:icon,value:null}]:[],cols=11>_Mathsqrt(options.length)?Math.ceil(_Mathsqrt(options.length)):10,i=0;i<options.length;i++){var row=Math.floor(i/cols),col=i-row*cols,_data=this._getOptionData(options[i]);if(items[row]===void 0||null===items[row])items[row]=[];if(0===row&&!1===allowNull&&null!==icon){items[0][0]={alt:"null",icon:icon,value:null};col++}items[row][col]=_data}console.log("items",items);return items}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a171e46054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{allowNull:{name:"allowNull",type:"Boolean",value:!1},command:{name:"command",type:"String",value:"insertHTML",readOnly:!0},icon:{name:"icon",type:"String",value:null},options:{name:"options",type:"Array",value:[],notify:!0},titleAsHtml:{name:"titleAsHtml",type:"Boolean",value:!1},value:{name:"value",type:"Object",value:null}}}},{key:"tag",get:function get(){return"rich-text-editor-picker"}}]);return RichTextEditorPicker}(_richTextEditorButton.RichTextEditorButton);_exports.RichTextEditorPicker=RichTextEditorPicker;window.customElements.define(RichTextEditorPicker.tag,RichTextEditorPicker)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","./rich-text-editor-button.js","../../es-global-bridge/es-global-bridge.js","../../../@polymer/polymer/lib/utils/resolve-url.js","../../simple-picker/simple-picker.js"],function(_exports,_polymerElement,_richTextEditorButton){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.RichTextEditorPicker=void 0;function _templateObject_3595a6b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"rich-text-editor-styles\"></style>\n      <simple-picker id=\"button\"\n        disabled$=\"[[disabled]]\" \n        controls=\"[[controls]]\"\n        on-change=\"_pickerChange\"\n        tabindex=\"0\"\n        title-as-html$=\"[[titleAsHtml]]\"\n        options=\"[[options]]\"\n        value=\"{{value}}\">\n        <span id=\"label\" class$=\"[[labelStyle]]\"></span>\n      </paper-button>\n      <paper-tooltip id=\"tooltip\" for=\"button\"></paper-button>\n    "]);_templateObject_3595a6b0555211e98f439769bd191e33=function(){return data};return data}var RichTextEditorPicker=function(_RichTextEditorButton){babelHelpers.inherits(RichTextEditorPicker,_RichTextEditorButton);function RichTextEditorPicker(){babelHelpers.classCallCheck(this,RichTextEditorPicker);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(RichTextEditorPicker).apply(this,arguments))}babelHelpers.createClass(RichTextEditorPicker,[{key:"_isToggled",value:function _isToggled(selection){if(null!==selection){if("formatBlock"===this.command){var ancestor=selection.commonAncestorContainer,parent=ancestor.parentNode,temp=[];this.options.forEach(function(row){row.forEach(function(option){temp.push(option.value)})});this.$.button.value=null!==parent.closest(temp.join(","))?parent.closest(temp.join(",")).tagName.toLowerCase():null}}return!1}},{key:"_setOptions",value:function _setOptions(){this.set("options",this._getPickerOptions(data,this.allowNull,this.icon))}},{key:"_pickerChange",value:function _pickerChange(e){var val=this.$.button.value;e.preventDefault();if(null!==val&&this.selection!==void 0&&null!==this.selection){this.commandVal=this.$.button.value;if(this.command="formatBlock"){this.doTextOperation()}else if(this.command="insertNode"){var node=!this.block?document.createTextNode(val):document.createElement(val);this.selection.extractContents();this.selection.insertNode(node)}if(!0!==this.block){this.$.button.value=null;this.dispatchEvent(new CustomEvent("deselect",{detail:this}))}}}},{key:"_getOptionData",value:function _getOptionData(option){return{alt:option.alt,icon:option.icon,style:option.style,value:option.value}}},{key:"_getPickerOptions",value:function _getPickerOptions(){for(var _Mathsqrt=Math.sqrt,options=0<arguments.length&&arguments[0]!==void 0?arguments[0]:[],allowNull=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!1,icon=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null,items=!1===allowNull&&null===icon?[{alt:"null",icon:icon,value:null}]:[],cols=11>_Mathsqrt(options.length)?Math.ceil(_Mathsqrt(options.length)):10,i=0;i<options.length;i++){var row=Math.floor(i/cols),col=i-row*cols,_data=this._getOptionData(options[i]);if(items[row]===void 0||null===items[row])items[row]=[];if(0===row&&!1===allowNull&&null!==icon){items[0][0]={alt:"null",icon:icon,value:null};col++}items[row][col]=_data}console.log("items",items);return items}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_3595a6b0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{allowNull:{name:"allowNull",type:"Boolean",value:!1},command:{name:"command",type:"String",value:"insertHTML",readOnly:!0},icon:{name:"icon",type:"String",value:null},options:{name:"options",type:"Array",value:[],notify:!0},titleAsHtml:{name:"titleAsHtml",type:"Boolean",value:!1},value:{name:"value",type:"Object",value:null}}}},{key:"tag",get:function get(){return"rich-text-editor-picker"}}]);return RichTextEditorPicker}(_richTextEditorButton.RichTextEditorButton);_exports.RichTextEditorPicker=RichTextEditorPicker;window.customElements.define(RichTextEditorPicker.tag,RichTextEditorPicker)});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-prompt.js b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-prompt.js
new file mode 100644
index 00000000000..3bf608d8aa1
--- /dev/null
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-prompt.js
@@ -0,0 +1 @@
+define(["exports","../../../@polymer/polymer/polymer-element.js","./rich-text-editor-button.js","../../es-global-bridge/es-global-bridge.js","../../a11y-collapse/a11y-collapse.js","../../../@polymer/paper-input/paper-input.js"],function(_exports,_polymerElement,_richTextEditorButton){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.RichTextEditorPrompt=void 0;function _templateObject_359f1c90555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style include=\"rich-text-editor-styles\"></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      <a11y-collapse\n        id=\"collapse\"\n        accordion\n        disabled$=\"[[disabled]]\"\n        icon=\"arrow-drop-down\"\n        label=\"toggle info\"\n        on-collapse=\"_selectionFocus\"\n        on-expand=\"_inputFocus\"\n        tooltip$=\"[[__label]]\"\n      >\n        <div id=\"heading\" slot=\"heading\">\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]]\"></span>\n        </div>\n        <div id=\"prompt\" slot=\"content\">\n          <paper-input\n            id=\"input\"\n            label$=\"[[prompt]]\"\n            placeholder=\"http://www.google.com\"\n            type=\"text\"\n            value=\"\"\n          >\n          </paper-input>\n          <paper-button\n            id=\"cancel\"\n            class=\"confirm-or-cancel\"\n            controls=\"[[controls]]\"\n            disabled$=\"[[disabled]]\"\n            label=\"Cancel\"\n            on-tap=\"_cancel\"\n            tabindex=\"0\"\n          >\n            <iron-icon aria-hidden icon=\"clear\"> </iron-icon>\n          </paper-button>\n          <paper-button\n            id=\"button\"\n            class=\"confirm-or-cancel\"\n            controls=\"[[controls]]\"\n            disabled$=\"[[disabled]]\"\n            label=\"Ok\"\n            on-tap=\"_confirm\"\n            tabindex=\"0\"\n          >\n            <iron-icon id=\"icon\" aria-hidden icon=\"done\"> </iron-icon>\n          </paper-button>\n        </div>\n      </a11y-collapse>\n      <paper-tooltip id=\"tooltipCancel\" for=\"cancel\">Cancel</paper-tooltip>\n      <paper-tooltip id=\"tooltipOk\" for=\"button\">Ok</paper-tooltip>\n    "]);_templateObject_359f1c90555211e98f439769bd191e33=function(){return data};return data}var RichTextEditorPrompt=function(_RichTextEditorButton){babelHelpers.inherits(RichTextEditorPrompt,_RichTextEditorButton);function RichTextEditorPrompt(){babelHelpers.classCallCheck(this,RichTextEditorPrompt);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(RichTextEditorPrompt).apply(this,arguments))}babelHelpers.createClass(RichTextEditorPrompt,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditorPrompt.prototype),"ready",this).call(this);this}},{key:"_inputFocus",value:function _inputFocus(){var sel=window.getSelection(),temp=this.selection;console.log("_preserveSelection",sel,temp);this.$.input.focus()}},{key:"_selectionFocus",value:function _selectionFocus(){this.$.input.value=null;console.log("_selectionFocus",this.$.input.value)}},{key:"_cancel",value:function _cancel(){console.log("_confirm",this.selection);this.$.collapse.collapse()}},{key:"_confirm",value:function _confirm(){console.log("_confirm",this.selection,this.$.input.value);this.$.collapse.collapse()}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_359f1c90555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{prompt:{name:"prompt",type:"String",value:"Value"},__delayRestore:{name:"__delayRestore",type:"Boolean",value:!0,readOnly:!0}}}},{key:"tag",get:function get(){return"rich-text-editor-prompt"}}]);return RichTextEditorPrompt}(_richTextEditorButton.RichTextEditorButton);_exports.RichTextEditorPrompt=RichTextEditorPrompt;window.customElements.define(RichTextEditorPrompt.tag,RichTextEditorPrompt)});
\ No newline at end of file
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 60d58f549ea..6daa51a385a 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 +1 @@
-define(["../../../@polymer/polymer/polymer-element.js"],function(_polymerElement){"use strict";function _templateObject_a17762a054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n  <style>\n    :host([hidden]) {\n      display: none;\n    }\n    :host(rich-text-editor-emoji-picker),\n    :host(rich-text-editor-symbol-picker) {\n      --simple-picker-option: {\n        width: 24px;\n        max-width: 24px;\n      }\n    }\n    :host #button {\n      text-transform: unset;\n      padding: 0;\n      transition: all 0.5s;\n      min-width: 24px;\n      height: 24px;\n      color: var(--rich-text-editor-button-color);\n      border-color: var(--rich-text-editor-button-border);\n      --simple-picker-color: var(--rich-text-editor-button-color);\n      --simple-picker-background-color: var(--rich-text-editor-bg);\n      --simple-picker-border-color: var(--rich-text-editor-picker-border);\n      --simple-picker-icon-tranform: rotate(0deg);\n      --simple-picker-expanded-icon-tranform: rotate(-90deg);\n      --simple-picker-option-null: {\n        display: none;\n      }\n      --simple-picker-collapse: {\n        top: 26px;\n      }\n      --simple-picker-sample-null-label: {\n        display: none;\n      }\n      @apply --rich-text-editor-button;\n    }\n    :host([disabled]) #button {\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 #button[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 #button:focus,\n    :host #button:hover {\n      color: var(--rich-text-editor-button-hover-color);\n      background-color: var(--rich-text-editor-button-hover-bg);\n    }\n    :host #button #icon:not([icon]) {\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  </style>\n"]);_templateObject_a17762a054f411e9aeb367f92c5b63ab=function(){return data};return data}var styleElement=document.createElement("dom-module"),css=(0,_polymerElement.html)(_templateObject_a17762a054f411e9aeb367f92c5b63ab());styleElement.appendChild(css);styleElement.register("rich-text-editor-styles")});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-element.js"],function(_polymerElement){"use strict";function _templateObject_35a33b40555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n  <style>\n    :host([hidden]) {\n      display: none;\n    }\n    :host(rich-text-editor-picker),\n    :host(rich-text-editor-emoji-picker),\n    :host(rich-text-editor-symbol-picker) {\n      --simple-picker-icon-transform: rotate(0deg);\n      --simple-picker-expanded-icon-transform: rotate(0deg);\n      --simple-picker-option: {\n        width: 24px;\n        max-width: 24px;\n      }\n    }\n    :host #collapse {\n      --a11y-collapse-margin: 0 3px;\n      --a11y-collapse-horizontal-padding: 10px;\n      --a11y-collapse-vertical-padding: 5px;\n      --a11y-collapse-border: var(--rich-text-editor-bg);\n      --a11y-collapse: {\n        position: relative;\n      }\n      --a11y-collapse-icon-rotated: {\n        transform: rotate(0deg);\n      }\n      --a11y-collapse-content: {\n        position: absolute;\n        top: 26px;\n        background: white;\n        z-index: 9999;\n      }\n      --a11y-collapse-content-expanded: {\n        border: 1px solid var(--rich-text-editor-button-color);\n        box-shadow: 0px 0px 1px #888;\n      }\n    }\n    :host paper-tooltip {\n      z-index: 99999;\n    }\n    :host #prompt {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n    }\n    :host #prompt paper-input {\n      width: 200px;\n      padding: 0;\n    }\n    :host .confirm-or-cancel {\n      min-width: 40px;\n    }\n    :host #button {\n      text-transform: unset;\n      padding: 0;\n      transition: all 0.5s;\n      min-width: 24px;\n      height: 24px;\n      color: var(--rich-text-editor-button-color);\n      border-color: var(--rich-text-editor-button-border);\n      --simple-picker-color: var(--rich-text-editor-button-color);\n      --simple-picker-background-color: var(--rich-text-editor-bg);\n      --simple-picker-sample-border-color: var(--rich-text-editor-bg);\n      --simple-picker-border-color: var(--rich-text-editor-button-color);\n      --simple-picker-icon-tranform: rotate(0deg);\n      --simple-picker-expanded-icon-tranform: rotate(-90deg);\n      --simple-picker-option-null: {\n        display: none;\n      }\n      --simple-picker-collapse: {\n        top: 26px;\n      }\n      --simple-picker-sample-null-label: {\n        display: none;\n      }\n      @apply --rich-text-editor-button;\n    }\n    :host([disabled]) #button {\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 #button[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 #button:focus,\n    :host #button:hover {\n      color: var(--rich-text-editor-button-hover-color);\n      background-color: var(--rich-text-editor-button-hover-bg);\n    }\n    :host #button #icon:not([icon]) {\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  </style>\n"]);_templateObject_35a33b40555211e98f439769bd191e33=function(){return data};return data}var styleElement=document.createElement("dom-module"),css=(0,_polymerElement.html)(_templateObject_35a33b40555211e98f439769bd191e33());styleElement.appendChild(css);styleElement.register("rich-text-editor-styles")});
\ No newline at end of file
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 5cae6b5cbfd..55d1d4a0c35 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../responsive-utility/responsive-utility.js","./lib/rich-text-editor-button.js","./lib/rich-text-editor-more-button.js","./lib/rich-text-editor-heading-picker.js","./lib/rich-text-editor-symbol-picker.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/editor-icons.js","../../@polymer/iron-icons/image-icons.js","../md-extra-icons/md-extra-icons.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.RichTextEditor=void 0;function _templateObject_8b93232054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          width: 100%;\n          margin: 0;\n          padding: 0;\n          z-index: 9999;\n          --rich-text-editor-bg: #fafafa;\n          --rich-text-editor-button-color: #444;\n          --rich-text-editor-border: 1px solid #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: #d8d8d8;\n          --rich-text-editor-button-hover-color: #000;\n          --rich-text-editor-button-hover-bg: #f0f0f0;\n          --rich-text-editor-picker-border: #ccc;\n          @apply --rich-text-editor;\n        }\n        :host([sticky]) {\n          position: sticky;\n          top: 0;\n        }\n        :host #toolbar {\n          display: flex;\n          opacity: 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          margin: 3px;\n        }\n        :host #toolbar #morebutton {\n          flex: 1 0 auto;\n          justify-content: flex-end;\n        }\n\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        :host([responsive-size=\"xs\"])\n          #toolbar[collapsed]\n          *[collapsed-until*=\"m\"],\n        :host([responsive-size=\"xs\"])\n          #toolbar[collapsed]\n          *[collapsed-until*=\"l\"],\n        :host([responsive-size=\"sm\"])\n          #toolbar[collapsed]\n          *[collapsed-until=\"md\"],\n        :host([responsive-size=\"sm\"])\n          #toolbar[collapsed]\n          *[collapsed-until*=\"l\"],\n        :host([responsive-size=\"md\"])\n          #toolbar[collapsed]\n          *[collapsed-until*=\"l\"],\n        :host([responsive-size=\"lg\"])\n          #toolbar[collapsed]\n          *[collapsed-until=\"xl\"] {\n          display: none;\n        }\n      </style>\n      <div id=\"toolbar\" aria-hidden$=\"[[!controls]]\" collapsed$=\"[[collapsed]]\">\n        <rich-text-editor-more-button\n          id=\"morebutton\"\n          class=\"button\"\n          controls=\"toolbar\"\n          icon=\"more-vert\"\n          label=\"More buttons\"\n          label-toggled=\"Fewer buttons\"\n          toggled$=\"[[!collapsed]]\"\n          on-tap=\"_toggleMore\"\n        >\n        </rich-text-editor-more-button>\n      </div>\n    "]);_templateObject_8b93232054f411e9aeb367f92c5b63ab=function(){return data};return data}var RichTextEditor=function(_PolymerElement){babelHelpers.inherits(RichTextEditor,_PolymerElement);function RichTextEditor(){babelHelpers.classCallCheck(this,RichTextEditor);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(RichTextEditor).apply(this,arguments))}babelHelpers.createClass(RichTextEditor,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditor.prototype),"connectedCallback",this).call(this);var root=this;window.ResponsiveUtility.requestAvailability();window.dispatchEvent(new CustomEvent("responsive-element",{detail:{element:root,attribute:"responsive-size",relativeToParent:!0}}));document.designMode="on";document.addEventListener("selectionchange",function(){root.getUpdatedSelection()})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditor.prototype),"disconnectedCallback",this).call(this);var root=this;document.removeEventListener("selectionchange",function(){root.getUpdatedSelection()})}},{key:"cancel",value:function cancel(){this.editableElement.innerHTML=this.canceled;this.editTarget(null)}},{key:"editTarget",value:function editTarget(editableElement){var root=this;if(editableElement.getAttribute("id")===void 0||null===editableElement.getAttribute("id"))editableElement.setAttribute("id",root._generateUUID());if(root.editableElement!==editableElement){if(null!==root.editableElement){root.editableElement.contentEditable=!1;root.editableElement=null}editableElement.parentNode.insertBefore(root,editableElement);root.editableElement=editableElement;root.canceled=editableElement.innerHTML;root.editableElement.contentEditable=!0;root.controls=editableElement.getAttribute("id")}}},{key:"getUpdatedSelection",value:function getUpdatedSelection(){var root=this;root.selection=root.editableElement===void 0||null===root.editableElement?null:root.editableElement.getSelection?root.editableElement.getSelection():root._getRange();this.buttons.forEach(function(button){button.selection=null;button.selection=root.selection})}},{key:"removeEditableRegion",value:function removeEditableRegion(editableElement){for(var root=this,i=0,item;i<this.editableElements.length;i++){item=this.editableElements[i];if(item[0]===editableElement){item[0].removeEventListener("click",function(){root.editTarget(editableElement)});editableElement.removeEventListener("blur",function(){root.getUpdatedSelection()});editableElement.removeEventListener("mouseout",function(){root.getUpdatedSelection()});item[1].disconnect();this.set("editableElements",this.editableElements.splice(i,1))}}}},{key:"addEditableRegion",value:function addEditableRegion(editableElement){var root=this,observer=new MutationObserver(function(){root.getUpdatedSelection()});editableElement.addEventListener("click",function(){root.editTarget(editableElement)});editableElement.addEventListener("blur",function(){root.getUpdatedSelection()});editableElement.addEventListener("mouseout",function(){root.getUpdatedSelection()});observer.observe(editableElement,{attributes:!1,childList:!0,subtree:!0,characterData:!1});console.log(this.editableElements,editableElement);root.push("editableElements",[editableElement,observer])}},{key:"_addButton",value:function _addButton(child,parent){var root=this,button=document.createElement(child.type);for(var key in child){button[key]=child[key]}button.setAttribute("class","button");button.addEventListener("mousedown",function(e){e.preventDefault();root._preserveSelection(button)});button.addEventListener("keydown",function(e){e.preventDefault();root._preserveSelection(button)});button.addEventListener("deselect",function(){root._getRange().collapse(!1)});parent.appendChild(button);return button}},{key:"_generateUUID",value:function _generateUUID(){return"ss-s-s-s-sss".replace(/s/g,this._uuidPart)}},{key:"_getButtons",value:function _getButtons(config){var root=this,toolbar=root.$.toolbar,more=this.$.morebutton,max=0,sizes=["xs","sm","md","lg","xl"],temp=[];toolbar.innerHTML="";config.forEach(function(item){var _Mathmax=Math.max;if("button-group"===item.type){var group=document.createElement("div");group.setAttribute("class","group");if(item.collapsedUntil!==void 0&&null!==item.collapsedUntil)group.setAttribute("collapsed-until",item.collapsedUntil);max=_Mathmax(max,sizes.indexOf(item.collapsedUntil));item.buttons.forEach(function(button){max=_Mathmax(max,sizes.indexOf(button.collapsedUntil));temp.push(root._addButton(button,group))});toolbar.appendChild(group)}else{max=_Mathmax(max,sizes.indexOf(item.collapsedUntil));temp.push(root._addButton(item,toolbar))}toolbar.appendChild(more);more.collapseMax=sizes[max]});return temp}},{key:"_getRange",value:function _getRange(){var sel=window.getSelection();if(sel.getRangeAt&&sel.rangeCount){return sel.getRangeAt(0)}else if(sel){return sel}else;}},{key:"_preserveSelection",value:function _preserveSelection(){var sel=window.getSelection(),temp=this.selection;this.buttons.forEach(function(button){button.selection=temp});sel.removeAllRanges();sel.addRange(temp)}},{key:"_toggleMore",value:function _toggleMore(){this.collapsed=!this.collapsed}},{key:"_uuidPart",value:function _uuidPart(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_8b93232054f411e9aeb367f92c5b63ab())}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Rich text-editor",description:"a standalone rich text editor",icon:"icons:android",color:"green",groups:["Text"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"nikkimk",owner:"Penn State University"}},settings:{quick:[],configure:[{property:"title",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"}],advanced:[]}}}},{key:"properties",get:function get(){return{buttons:{name:"buttons",type:"Array",computed:"_getButtons(config)"},canceled:{name:"canceled",type:"Object",value:!0},collapsed:{name:"collapsed",type:"Boolean",value:!0},config:{name:"config",type:"Object",value:[{label:"History",type:"button-group",buttons:[{command:"undo",icon:"undo",label:"Undo",type:"rich-text-editor-button"},{command:"redo",icon:"redo",label:"Redo",type:"rich-text-editor-button"}]},{label:"Basic Inline Operations",type:"button-group",buttons:[{label:"Heading",type:"rich-text-editor-heading-picker"},{command:"bold",icon:"editor:format-bold",label:"Bold",toggles:!0,type:"rich-text-editor-button"},{command:"italic",icon:"editor:format-italic",label:"Italics",toggles:!0,type:"rich-text-editor-button"},{command:"removeFormat",icon:"editor:format-clear",label:"Erase Format",type:"rich-text-editor-button"}]},{label:"Links",type:"button-group",buttons:[{command:"link",icon:"link",label:"Link",toggledCommand:"unlink",toggledIcon:"mdextra:unlink",toggledLabel:"Unink",toggles:!0,type:"rich-text-editor-button"}]},{label:"Clipboard Operations",type:"button-group",buttons:[{command:"cut",icon:"content-cut",label:"Cut",type:"rich-text-editor-button"},{command:"copy",icon:"content-copy",label:"Copy",type:"rich-text-editor-button"},{command:"paste",icon:"content-paste",label:"Paste",type:"rich-text-editor-button"}]},{collapsedUntil:"md",label:"Subscript and Superscript",type:"button-group",buttons:[{command:"subscript",icon:"mdextra:subscript",label:"Subscript",toggles:!0,type:"rich-text-editor-button"},{command:"superscript",icon:"mdextra:superscript",label:"Superscript",toggles:!0,type:"rich-text-editor-button"}]},{collapsedUntil:"sm",icon:"editor:functions",label:"Insert Symbol",symbolTypes:["symbols"],type:"rich-text-editor-symbol-picker"},{collapsedUntil:"sm",label:"Lists and Indents",type:"button-group",buttons:[{command:"insertOrderedList",icon:"editor:format-list-numbered",label:"Ordered List",toggles:!0,type:"rich-text-editor-button"},{command:"insertUnorderedList",icon:"editor:format-list-bulleted",label:"Unordered List",toggles:!0,type:"rich-text-editor-button"},{collapsedUntil:"lg",command:"formatBlock",commandVal:"blockquote",label:"Blockquote",icon:"editor:format-quote",type:"rich-text-editor-button"},{label:"Increase Indent",icon:"editor:format-indent-increase",event:"text-indent",command:"indent",type:"rich-text-editor-button"},{label:"Decrease Indent",icon:"editor:format-indent-decrease",event:"text-outdent",command:"outdent",type:"rich-text-editor-button"}]}]},controls:{name:"controls",type:"String",value:null},editableElements:{name:"editableElements",type:"Array",value:[]},editableElement:{name:"editableElement",type:"Object",value:null},responsiveSize:{name:"responsiveSize",type:"String",value:"xs",reflectToAttribute:!0},savedSelection:{name:"savedSelection",type:"Object",value:null},selection:{name:"selection",type:"Object",value:null},sticky:{name:"sticky",type:"Boolean",value:!1,reflectToAttribute:!0}}}},{key:"tag",get:function get(){return"rich-text-editor"}}]);return RichTextEditor}(_polymerElement.PolymerElement);_exports.RichTextEditor=RichTextEditor;window.customElements.define(RichTextEditor.tag,RichTextEditor)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../responsive-utility/responsive-utility.js","./lib/rich-text-editor-button.js","./lib/rich-text-editor-more-button.js","./lib/rich-text-editor-heading-picker.js","./lib/rich-text-editor-symbol-picker.js","./lib/rich-text-editor-link.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/editor-icons.js","../../@polymer/iron-icons/image-icons.js","../md-extra-icons/md-extra-icons.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.RichTextEditor=void 0;function _templateObject_249059f0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n<style>:host {\n  display: block;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n  z-index: 9999;\n  --rich-text-editor-bg: #fafafa;\n  --rich-text-editor-button-color: #444;\n  --rich-text-editor-border: 1px solid #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  @apply --rich-text-editor;\n}\n:host([sticky]) {\n  position: sticky;\n  top: 0;\n}\n:host #toolbar {\n  display: flex;\n  opacity: 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  margin: 3px;\n}\n:host #toolbar #morebutton {\n  flex: 1 0 auto;\n  justify-content: flex-end;\n}\n\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\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}</style>\n<div id=\"toolbar\" aria-hidden$=\"[[!controls]]\" collapsed$=\"[[collapsed]]\">\n  <rich-text-editor-more-button\n    id=\"morebutton\"\n    class=\"button\"\n    controls=\"toolbar\"\n    icon=\"more-vert\"\n    label=\"More buttons\"\n    label-toggled=\"Fewer buttons\"\n    toggled$=\"[[!collapsed]]\"\n    on-tap=\"_toggleMore\">\n  </rich-text-editor-more-button>  \n</div>"]);_templateObject_249059f0555211e98f439769bd191e33=function(){return data};return data}var RichTextEditor=function(_PolymerElement){babelHelpers.inherits(RichTextEditor,_PolymerElement);function RichTextEditor(){babelHelpers.classCallCheck(this,RichTextEditor);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(RichTextEditor).apply(this,arguments))}babelHelpers.createClass(RichTextEditor,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditor.prototype),"connectedCallback",this).call(this);var root=this;window.ResponsiveUtility.requestAvailability();window.dispatchEvent(new CustomEvent("responsive-element",{detail:{element:root,attribute:"responsive-size",relativeToParent:!0}}));document.designMode="on";document.addEventListener("selectionchange",function(){root.getUpdatedSelection()})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(RichTextEditor.prototype),"disconnectedCallback",this).call(this);var root=this;document.removeEventListener("selectionchange",function(){root.getUpdatedSelection()})}},{key:"cancel",value:function cancel(){this.editableElement.innerHTML=this.canceled;this.editTarget(null)}},{key:"editTarget",value:function editTarget(editableElement){var root=this;if(editableElement.getAttribute("id")===void 0||null===editableElement.getAttribute("id"))editableElement.setAttribute("id",root._generateUUID());if(root.editableElement!==editableElement){if(null!==root.editableElement){root.editableElement.contentEditable=!1;root.editableElement=null}editableElement.parentNode.insertBefore(root,editableElement);root.editableElement=editableElement;root.canceled=editableElement.innerHTML;root.editableElement.contentEditable=!0;root.controls=editableElement.getAttribute("id")}}},{key:"getUpdatedSelection",value:function getUpdatedSelection(){var root=this;root.selection=root.editableElement===void 0||null===root.editableElement?null:root.editableElement.getSelection?root.editableElement.getSelection():root._getRange();this.buttons.forEach(function(button){button.selection=null;button.selection=root.selection})}},{key:"removeEditableRegion",value:function removeEditableRegion(editableElement){for(var root=this,i=0,item;i<this.editableElements.length;i++){item=this.editableElements[i];if(item[0]===editableElement){item[0].removeEventListener("click",function(){root.editTarget(editableElement)});editableElement.removeEventListener("blur",function(){root.getUpdatedSelection()});editableElement.removeEventListener("mouseout",function(){root.getUpdatedSelection()});item[1].disconnect();this.set("editableElements",this.editableElements.splice(i,1))}}}},{key:"addEditableRegion",value:function addEditableRegion(editableElement){var root=this,observer=new MutationObserver(function(){root.getUpdatedSelection()});editableElement.addEventListener("click",function(){root.editTarget(editableElement)});editableElement.addEventListener("blur",function(){root.getUpdatedSelection()});editableElement.addEventListener("mouseout",function(){root.getUpdatedSelection()});observer.observe(editableElement,{attributes:!1,childList:!0,subtree:!0,characterData:!1});root.push("editableElements",[editableElement,observer])}},{key:"_addButton",value:function _addButton(child,parent){var root=this,button=document.createElement(child.type);for(var key in child){button[key]=child[key]}button.setAttribute("class","button");button.addEventListener("deselect",function(){console.log("deselect");root._getRange().collapse(!1)});parent.appendChild(button);return button}},{key:"_generateUUID",value:function _generateUUID(){return"ss-s-s-s-sss".replace(/s/g,this._uuidPart)}},{key:"_getButtons",value:function _getButtons(config){var root=this,toolbar=root.$.toolbar,more=this.$.morebutton,max=0,sizes=["xs","sm","md","lg","xl"],temp=[];toolbar.innerHTML="";config.forEach(function(item){var _Mathmax=Math.max;if("button-group"===item.type){var group=document.createElement("div");group.setAttribute("class","group");if(item.collapsedUntil!==void 0&&null!==item.collapsedUntil)group.setAttribute("collapsed-until",item.collapsedUntil);max=_Mathmax(max,sizes.indexOf(item.collapsedUntil));item.buttons.forEach(function(button){max=_Mathmax(max,sizes.indexOf(button.collapsedUntil));temp.push(root._addButton(button,group))});toolbar.appendChild(group)}else{max=_Mathmax(max,sizes.indexOf(item.collapsedUntil));temp.push(root._addButton(item,toolbar))}toolbar.appendChild(more);more.collapseMax=sizes[max]});return temp}},{key:"_getRange",value:function _getRange(){var sel=window.getSelection();if(sel.getRangeAt&&sel.rangeCount){return sel.getRangeAt(0)}else if(sel){return sel}else;}},{key:"_preserveSelection",value:function _preserveSelection(){var sel=window.getSelection(),temp=this.selection;this.buttons.forEach(function(button){button.selection=temp});sel.removeAllRanges();sel.addRange(temp)}},{key:"_toggleMore",value:function _toggleMore(){this.collapsed=!this.collapsed}},{key:"_uuidPart",value:function _uuidPart(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_249059f0555211e98f439769bd191e33())}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Rich text-editor",description:"a standalone rich text editor",icon:"icons:android",color:"green",groups:["Text"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"nikkimk",owner:"Penn State University"}},settings:{quick:[],configure:[{property:"title",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"}],advanced:[]}}}},{key:"properties",get:function get(){return{buttons:{name:"buttons",type:"Array",computed:"_getButtons(config)"},canceled:{name:"canceled",type:"Object",value:!0},collapsed:{name:"collapsed",type:"Boolean",value:!0},config:{name:"config",type:"Object",value:[{label:"History",type:"button-group",buttons:[{command:"undo",icon:"undo",label:"Undo",type:"rich-text-editor-button"},{command:"redo",icon:"redo",label:"Redo",type:"rich-text-editor-button"}]},{label:"Basic Inline Operations",type:"button-group",buttons:[{label:"Heading",type:"rich-text-editor-heading-picker"},{command:"bold",icon:"editor:format-bold",label:"Bold",toggles:!0,type:"rich-text-editor-button"},{command:"italic",icon:"editor:format-italic",label:"Italics",toggles:!0,type:"rich-text-editor-button"},{command:"removeFormat",icon:"editor:format-clear",label:"Erase Format",type:"rich-text-editor-button"}]},{label:"Links",type:"button-group",buttons:[{command:"link",icon:"link",label:"Link",prompt:"href",toggledCommand:"unlink",toggledIcon:"mdextra:unlink",toggledLabel:"Unink",toggles:!0,type:"rich-text-editor-link"}]},{label:"Clipboard Operations",type:"button-group",buttons:[{command:"cut",icon:"content-cut",label:"Cut",type:"rich-text-editor-button"},{command:"copy",icon:"content-copy",label:"Copy",type:"rich-text-editor-button"},{command:"paste",icon:"content-paste",label:"Paste",type:"rich-text-editor-button"}]},{collapsedUntil:"md",label:"Subscript and Superscript",type:"button-group",buttons:[{command:"subscript",icon:"mdextra:subscript",label:"Subscript",toggles:!0,type:"rich-text-editor-button"},{command:"superscript",icon:"mdextra:superscript",label:"Superscript",toggles:!0,type:"rich-text-editor-button"}]},{collapsedUntil:"sm",icon:"editor:functions",label:"Insert Symbol",symbolTypes:["symbols"],type:"rich-text-editor-symbol-picker"},{collapsedUntil:"sm",label:"Lists and Indents",type:"button-group",buttons:[{command:"insertOrderedList",icon:"editor:format-list-numbered",label:"Ordered List",toggles:!0,type:"rich-text-editor-button"},{command:"insertUnorderedList",icon:"editor:format-list-bulleted",label:"Unordered List",toggles:!0,type:"rich-text-editor-button"},{collapsedUntil:"lg",command:"formatBlock",commandVal:"blockquote",label:"Blockquote",icon:"editor:format-quote",type:"rich-text-editor-button"},{label:"Increase Indent",icon:"editor:format-indent-increase",event:"text-indent",command:"indent",type:"rich-text-editor-button"},{label:"Decrease Indent",icon:"editor:format-indent-decrease",event:"text-outdent",command:"outdent",type:"rich-text-editor-button"}]}]},controls:{name:"controls",type:"String",value:null},editableElements:{name:"editableElements",type:"Array",value:[]},editableElement:{name:"editableElement",type:"Object",value:null},responsiveSize:{name:"responsiveSize",type:"String",value:"xs",reflectToAttribute:!0},savedSelection:{name:"savedSelection",type:"Object",value:null},selection:{name:"selection",type:"Object",value:null},sticky:{name:"sticky",type:"Boolean",value:!1,reflectToAttribute:!0}}}},{key:"tag",get:function get(){return"rich-text-editor"}}]);return RichTextEditor}(_polymerElement.PolymerElement);_exports.RichTextEditor=RichTextEditor;window.customElements.define(RichTextEditor.tag,RichTextEditor)});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/scary-gallery/lib/scary-image.js b/build/es5-amd/node_modules/@lrnwebcomponents/scary-gallery/lib/scary-image.js
index 29810edd296..5b3c3590acc 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/scary-gallery/lib/scary-image.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/scary-gallery/lib/scary-image.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_a188a0b054f411e9aeb367f92c5b63ab(){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        display: block;\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      #img {\n        display: none;\n      }\n    </style>\n\n    <a id=\"baseURIAnchor\" href=\"#\"></a>\n    <div\n      id=\"sizedImgDiv\"\n      role=\"img\"\n      aria-hidden$=\"[[_computeImgDivARIAHidden(alt)]]\"\n      aria-label$=\"[[_computeImgDivARIALabel(alt, src)]]\"\n    ></div>\n    <img id=\"img\" on-load=\"_imgOnLoad\" on-error=\"_imgOnError\" />\n  "]);_templateObject_a188a0b054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a188a0b054f411e9aeb367f92c5b63ab()),is:"scary-image",properties:{src:{type:String,value:""},alt:{type:String,value:null},loaded:{notify:!0,readOnly:!0,type:Boolean,value:!1},loading:{notify:!0,readOnly:!0,type:Boolean,value:!1},error:{notify:!0,readOnly:!0,type:Boolean,value:!1},width:{observer:"_widthChanged",type:Number,value:null},height:{observer:"_heightChanged",type:Number,value:null},naturalWidth:{type:Number,notify:!0,computed:"_computeNaturalWidth(loaded)"},naturalHeight:{type:Number,notify:!0,computed:"_computeNaturalHeight(loaded)"}},observers:["_loadStateObserver(src)"],created:function created(){this._resolvedSrc=""},_imgOnLoad:function _imgOnLoad(){if(this.$.img.src!==this._resolveSrc(this.src)){return}this._setLoading(!1);this._setLoaded(!0);this._setError(!1)},_computeNaturalWidth:function _computeNaturalWidth(loaded){if(!loaded){return null}return this.$.img.naturalWidth},_computeNaturalHeight:function _computeNaturalHeight(loaded){if(!loaded){return null}return this.$.img.naturalHeight},_imgOnError:function _imgOnError(){if(this.$.img.src!==this._resolveSrc(this.src)){return}this.$.img.removeAttribute("src");this.$.sizedImgDiv.style.backgroundImage="";this._setLoading(!1);this._setLoaded(!1);this._setError(!0)},_computeImgDivARIAHidden:function _computeImgDivARIAHidden(){return""===this.alt?"true":void 0},_computeImgDivARIALabel:function _computeImgDivARIALabel(){if(null!==this.alt){return this.alt}if(""===this.src){return""}var resolved=this._resolveSrc(this.src);return resolved.replace(/[?|#].*/g,"").split("/").pop()},_widthChanged:function _widthChanged(){this.style.width=isNaN(this.width)?this.width:this.width+"px"},_heightChanged:function _heightChanged(){this.style.height=isNaN(this.height)?this.height:this.height+"px"},_loadStateObserver:function _loadStateObserver(src){var newResolvedSrc=this._resolveSrc(src);if(newResolvedSrc===this._resolvedSrc){return}this._resolvedSrc=newResolvedSrc;this.$.img.removeAttribute("src");this.$.sizedImgDiv.style.backgroundImage="";if(""===src){this._setLoading(!1);this._setLoaded(!1);this._setError(!1)}else{this.$.img.src=this._resolvedSrc;this.$.sizedImgDiv.style.backgroundImage="url(\""+this._resolvedSrc+"\")";this._setLoading(!0);this._setLoaded(!1);this._setError(!1)}},_resolveSrc:function _resolveSrc(testSrc){var resolved=this.resolveUrl(testSrc,this.$.baseURIAnchor.href);if("/"===resolved[0]){resolved=(location.origin||location.protocol+"//"+location.host)+resolved}return resolved}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js"],function(_polymerLegacy){"use strict";function _templateObject_35b64e10555211e98f439769bd191e33(){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        display: block;\n        background-size: cover;\n        background-position: center;\n        background-repeat: no-repeat;\n      }\n\n      #img {\n        display: none;\n      }\n    </style>\n\n    <a id=\"baseURIAnchor\" href=\"#\"></a>\n    <div\n      id=\"sizedImgDiv\"\n      role=\"img\"\n      aria-hidden$=\"[[_computeImgDivARIAHidden(alt)]]\"\n      aria-label$=\"[[_computeImgDivARIALabel(alt, src)]]\"\n    ></div>\n    <img id=\"img\" on-load=\"_imgOnLoad\" on-error=\"_imgOnError\" />\n  "]);_templateObject_35b64e10555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_35b64e10555211e98f439769bd191e33()),is:"scary-image",properties:{src:{type:String,value:""},alt:{type:String,value:null},loaded:{notify:!0,readOnly:!0,type:Boolean,value:!1},loading:{notify:!0,readOnly:!0,type:Boolean,value:!1},error:{notify:!0,readOnly:!0,type:Boolean,value:!1},width:{observer:"_widthChanged",type:Number,value:null},height:{observer:"_heightChanged",type:Number,value:null},naturalWidth:{type:Number,notify:!0,computed:"_computeNaturalWidth(loaded)"},naturalHeight:{type:Number,notify:!0,computed:"_computeNaturalHeight(loaded)"}},observers:["_loadStateObserver(src)"],created:function created(){this._resolvedSrc=""},_imgOnLoad:function _imgOnLoad(){if(this.$.img.src!==this._resolveSrc(this.src)){return}this._setLoading(!1);this._setLoaded(!0);this._setError(!1)},_computeNaturalWidth:function _computeNaturalWidth(loaded){if(!loaded){return null}return this.$.img.naturalWidth},_computeNaturalHeight:function _computeNaturalHeight(loaded){if(!loaded){return null}return this.$.img.naturalHeight},_imgOnError:function _imgOnError(){if(this.$.img.src!==this._resolveSrc(this.src)){return}this.$.img.removeAttribute("src");this.$.sizedImgDiv.style.backgroundImage="";this._setLoading(!1);this._setLoaded(!1);this._setError(!0)},_computeImgDivARIAHidden:function _computeImgDivARIAHidden(){return""===this.alt?"true":void 0},_computeImgDivARIALabel:function _computeImgDivARIALabel(){if(null!==this.alt){return this.alt}if(""===this.src){return""}var resolved=this._resolveSrc(this.src);return resolved.replace(/[?|#].*/g,"").split("/").pop()},_widthChanged:function _widthChanged(){this.style.width=isNaN(this.width)?this.width:this.width+"px"},_heightChanged:function _heightChanged(){this.style.height=isNaN(this.height)?this.height:this.height+"px"},_loadStateObserver:function _loadStateObserver(src){var newResolvedSrc=this._resolveSrc(src);if(newResolvedSrc===this._resolvedSrc){return}this._resolvedSrc=newResolvedSrc;this.$.img.removeAttribute("src");this.$.sizedImgDiv.style.backgroundImage="";if(""===src){this._setLoading(!1);this._setLoaded(!1);this._setError(!1)}else{this.$.img.src=this._resolvedSrc;this.$.sizedImgDiv.style.backgroundImage="url(\""+this._resolvedSrc+"\")";this._setLoading(!0);this._setLoaded(!1);this._setError(!1)}},_resolveSrc:function _resolveSrc(testSrc){var resolved=this.resolveUrl(testSrc,this.$.baseURIAnchor.href);if("/"===resolved[0]){resolved=(location.origin||location.protocol+"//"+location.host)+resolved}return resolved}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/scary-gallery/scary-gallery.js b/build/es5-amd/node_modules/@lrnwebcomponents/scary-gallery/scary-gallery.js
index e589e7f8baa..ee38612b978 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/scary-gallery/scary-gallery.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/scary-gallery/scary-gallery.js
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","./lib/scary-image.js"],function(_exports,_polymerLegacy,_polymerDom,_flattenedNodesObserver){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ScaryGallery=void 0;function _templateObject_8c7d5c1054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_8c7d5c1054f411e9aeb367f92c5b63ab=function(){return data};return data}var ScaryGallery=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8c7d5c1054f411e9aeb367f92c5b63ab()),is:"scary-gallery",properties:{minHeight:{type:Number,value:200},gap:{type:Number,value:4}},observers:["_init(minHeight, gap)"],attached:function attached(){this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(this,this._init);this._boundResize=this._resize.bind(this);window.addEventListener("resize",this._boundResize)},detached:function detached(){(0,_polymerDom.dom)(this).unobserveNodes(this._observer);window.removeEventListener("resize",this._boundResize)},_init:function _init(){this.debounce("init",function(){this._firstResize=!0;this._children=Array.prototype.slice.call((0,_polymerDom.dom)(this).querySelectorAll("scary-image"));this._resize()},50)},_resize:function _resize(){this.debounce("resize",function(){var loaded=!0,rows=[],row=[],rowWidth=0;this._maxWidth=this.offsetWidth;this._children.forEach(function(img){img.style.margin=(this.gap/2).toString(10)+"px";if(img.loaded){var width=this.minHeight/img.naturalHeight*img.naturalWidth+this.gap;if(rowWidth+width>this._maxWidth){if(0<row.length){rows.push({images:row,width:rowWidth});row=[]}rowWidth=0}rowWidth+=width;img.tmpWidth=width;row.push(img)}else{loaded=!1}}.bind(this));if(0<row.length){rows.push({images:row,width:rowWidth})}rows.forEach(function(row){var totalGap=row.images.length*this.gap,targetWidth=this._maxWidth-totalGap,rowWidth=row.width-totalGap,targetHeight=this.minHeight*targetWidth/rowWidth;row.images.forEach(function(img){img.height=targetHeight;img.width=targetHeight/img.naturalHeight*img.naturalWidth}.bind(this))}.bind(this));if(!loaded){this._resize()}if(loaded&&this._firstResize){this._firstResize=!1;this._resize()}},50)}});_exports.ScaryGallery=ScaryGallery});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","./lib/scary-image.js"],function(_exports,_polymerLegacy,_polymerDom,_flattenedNodesObserver){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ScaryGallery=void 0;function _templateObject_24c8cf10555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        width: 100%;\n        display: flex;\n        flex-wrap: wrap;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_24c8cf10555211e98f439769bd191e33=function(){return data};return data}var ScaryGallery=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_24c8cf10555211e98f439769bd191e33()),is:"scary-gallery",properties:{minHeight:{type:Number,value:200},gap:{type:Number,value:4}},observers:["_init(minHeight, gap)"],attached:function attached(){this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(this,this._init);this._boundResize=this._resize.bind(this);window.addEventListener("resize",this._boundResize)},detached:function detached(){(0,_polymerDom.dom)(this).unobserveNodes(this._observer);window.removeEventListener("resize",this._boundResize)},_init:function _init(){this.debounce("init",function(){this._firstResize=!0;this._children=Array.prototype.slice.call((0,_polymerDom.dom)(this).querySelectorAll("scary-image"));this._resize()},50)},_resize:function _resize(){this.debounce("resize",function(){var loaded=!0,rows=[],row=[],rowWidth=0;this._maxWidth=this.offsetWidth;this._children.forEach(function(img){img.style.margin=(this.gap/2).toString(10)+"px";if(img.loaded){var width=this.minHeight/img.naturalHeight*img.naturalWidth+this.gap;if(rowWidth+width>this._maxWidth){if(0<row.length){rows.push({images:row,width:rowWidth});row=[]}rowWidth=0}rowWidth+=width;img.tmpWidth=width;row.push(img)}else{loaded=!1}}.bind(this));if(0<row.length){rows.push({images:row,width:rowWidth})}rows.forEach(function(row){var totalGap=row.images.length*this.gap,targetWidth=this._maxWidth-totalGap,rowWidth=row.width-totalGap,targetHeight=this.minHeight*targetWidth/rowWidth;row.images.forEach(function(img){img.height=targetHeight;img.width=targetHeight/img.naturalHeight*img.naturalWidth}.bind(this))}.bind(this));if(!loaded){this._resize()}if(loaded&&this._firstResize){this._firstResize=!1;this._resize()}},50)}});_exports.ScaryGallery=ScaryGallery});
\ No newline at end of file
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 730924d14b6..3f6013c2124 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/paper-tooltip/paper-tooltip.js","../../@polymer/iron-icons/iron-icons.js"],function(_exports,_polymerElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ScrollButton=void 0;function _templateObject_8bdc130054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\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          @apply --scroll-button-button;\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          @apply --scroll-button-button-active;\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: {\n            border-radius: 0;\n          }\n          @apply --scroll-button-tooltip;\n        }\n      </style>\n      <paper-icon-button\n        id=\"btn\"\n        icon=\"[[icon]]\"\n        title=\"[[label]]\"\n      ></paper-icon-button>\n      <paper-tooltip for=\"btn\" position=\"[[position]]\" offset=\"14\">\n        [[label]]\n      </paper-tooltip>\n    "]);_templateObject_8bdc130054f411e9aeb367f92c5b63ab=function(){return data};return data}var ScrollButton=function(_PolymerElement){babelHelpers.inherits(ScrollButton,_PolymerElement);function ScrollButton(){babelHelpers.classCallCheck(this,ScrollButton);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(ScrollButton).apply(this,arguments))}babelHelpers.createClass(ScrollButton,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(ScrollButton.prototype),"connectedCallback",this).call(this);this.$.btn.addEventListener("tap",function(){if(_this.target){_this.target.scrollIntoView({behavior:"smooth",block:"end",inline:"nearest"})}else{window.scrollTo({top:0,left:0,behavior:"smooth"})}});this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(ScrollButton.haxProperties,ScrollButton.tag,this)}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this2=this;this.$.btn.removeEventListener("tap",function(){if(_this2.target){_this2.target.scrollIntoView({behavior:"smooth",block:"end",inline:"nearest"})}else{window.scrollTo({top:0,left:0,behavior:"smooth"})}});babelHelpers.get(babelHelpers.getPrototypeOf(ScrollButton.prototype),"disconnectedCallback",this).call(this)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_8bdc130054f411e9aeb367f92c5b63ab())}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Scroll button",description:"button to scroll to an area or back to top",icon:"icons:android",color:"green",groups:["Button"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[],configure:[{property:"target",description:"",inputMethod:"array",required:!1,icon:"icons:android"},{property:"icon",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"},{property:"label",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"}],advanced:[]}}}},{key:"properties",get:function get(){return{target:{name:"target",type:"Object"},icon:{name:"icon",type:"String",value:"icons:expand-less"},label:{name:"label",type:"String",value:"Scroll to top"},position:{name:"position",type:"String",value:"top"}}}},{key:"tag",get:function get(){return"scroll-button"}}]);return ScrollButton}(_polymerElement.PolymerElement);_exports.ScrollButton=ScrollButton;window.customElements.define(ScrollButton.tag,ScrollButton)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/paper-tooltip/paper-tooltip.js","../../@polymer/iron-icons/iron-icons.js"],function(_exports,_polymerElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ScrollButton=void 0;function _templateObject_2533ecf0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\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          @apply --scroll-button-button;\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          @apply --scroll-button-button-active;\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: {\n            border-radius: 0;\n          }\n          @apply --scroll-button-tooltip;\n        }\n      </style>\n      <paper-icon-button\n        id=\"btn\"\n        icon=\"[[icon]]\"\n        title=\"[[label]]\"\n      ></paper-icon-button>\n      <paper-tooltip for=\"btn\" position=\"[[position]]\" offset=\"14\">\n        [[label]]\n      </paper-tooltip>\n    "]);_templateObject_2533ecf0555211e98f439769bd191e33=function(){return data};return data}var ScrollButton=function(_PolymerElement){babelHelpers.inherits(ScrollButton,_PolymerElement);function ScrollButton(){babelHelpers.classCallCheck(this,ScrollButton);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(ScrollButton).apply(this,arguments))}babelHelpers.createClass(ScrollButton,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(ScrollButton.prototype),"connectedCallback",this).call(this);this.$.btn.addEventListener("tap",function(){if(_this.target){_this.target.scrollIntoView({behavior:"smooth",block:"end",inline:"nearest"})}else{window.scrollTo({top:0,left:0,behavior:"smooth"})}});this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(ScrollButton.haxProperties,ScrollButton.tag,this)}},{key:"disconnectedCallback",value:function disconnectedCallback(){var _this2=this;this.$.btn.removeEventListener("tap",function(){if(_this2.target){_this2.target.scrollIntoView({behavior:"smooth",block:"end",inline:"nearest"})}else{window.scrollTo({top:0,left:0,behavior:"smooth"})}});babelHelpers.get(babelHelpers.getPrototypeOf(ScrollButton.prototype),"disconnectedCallback",this).call(this)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_2533ecf0555211e98f439769bd191e33())}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Scroll button",description:"button to scroll to an area or back to top",icon:"icons:android",color:"green",groups:["Button"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[],configure:[{property:"target",description:"",inputMethod:"array",required:!1,icon:"icons:android"},{property:"icon",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"},{property:"label",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"}],advanced:[]}}}},{key:"properties",get:function get(){return{target:{name:"target",type:"Object"},icon:{name:"icon",type:"String",value:"icons:expand-less"},label:{name:"label",type:"String",value:"Scroll to top"},position:{name:"position",type:"String",value:"top"}}}},{key:"tag",get:function get(){return"scroll-button"}}]);return ScrollButton}(_polymerElement.PolymerElement);_exports.ScrollButton=ScrollButton;window.customElements.define(ScrollButton.tag,ScrollButton)});
\ No newline at end of file
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 f52686ea390..8e65cb6c76e 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../../@polymer/paper-item/paper-item.js","../../@polymer/paper-listbox/paper-listbox.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SelectMenu=void 0;function _templateObject_8dcdd0e054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-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    </custom-style>\n    <paper-dropdown-menu\n      id=\"menu\"\n      label$=\"[[label]]\"\n      on-tap=\"_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    <custom-style>\n      <style is=\"custom-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    </custom-style>\n    <paper-dropdown-menu\n      id=\"menu\"\n      label\\$=\"[[label]]\"\n      on-tap=\"_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_8dcdd0e054f411e9aeb367f92c5b63ab=function(){return data};return data}var SelectMenu=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8dcdd0e054f411e9aeb367f92c5b63ab()),is:"select-menu",properties:{label:{type:String,value:"Select an option."},value:{type:String,value:null},selectedIndex:{type:Number,reflectToAttribute:!0,notify:!0,computed:"_getSelectedIndex()"}},_setSelectedValue:function _setSelectedValue(e){if(null!==e.detail.value){var val=e.detail.value.getAttribute("value");this.setAttribute("value",val);this.fire("change",{value:val})}},_getSelectedIndex:function _getSelectedIndex(){this.__items=this.getElementsByTagName("paper-item");for(var i=0;i<this.__items.length;i++){console.log(this.value,this.__items[i],this.__items[i].getAttribute("value"));if(this.value==this.__items[i].getAttribute("value")){return i}}return null}});_exports.SelectMenu=SelectMenu});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-dropdown-menu/paper-dropdown-menu.js","../../@polymer/paper-item/paper-item.js","../../@polymer/paper-listbox/paper-listbox.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SelectMenu=void 0;function _templateObject_25a06a60555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style is=\"custom-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    </custom-style>\n    <paper-dropdown-menu\n      id=\"menu\"\n      label$=\"[[label]]\"\n      on-tap=\"_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    <custom-style>\n      <style is=\"custom-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    </custom-style>\n    <paper-dropdown-menu\n      id=\"menu\"\n      label\\$=\"[[label]]\"\n      on-tap=\"_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_25a06a60555211e98f439769bd191e33=function(){return data};return data}var SelectMenu=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_25a06a60555211e98f439769bd191e33()),is:"select-menu",properties:{label:{type:String,value:"Select an option."},value:{type:String,value:null},selectedIndex:{type:Number,reflectToAttribute:!0,notify:!0,computed:"_getSelectedIndex()"}},_setSelectedValue:function _setSelectedValue(e){if(null!==e.detail.value){var val=e.detail.value.getAttribute("value");this.setAttribute("value",val);this.fire("change",{value:val})}},_getSelectedIndex:function _getSelectedIndex(){this.__items=this.getElementsByTagName("paper-item");for(var i=0;i<this.__items.length;i++){console.log(this.value,this.__items[i],this.__items[i].getAttribute("value"));if(this.value==this.__items[i].getAttribute("value")){return i}}return null}});_exports.SelectMenu=SelectMenu});
\ No newline at end of file
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 68d7135e1f8..c2cf63d374c 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../simple-colors/simple-colors.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/paper-card/paper-card.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/iron-icons/editor-icons.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/paper-tooltip/paper-tooltip.js","../a11y-behaviors/a11y-behaviors.js"],function(_exports,_polymerLegacy,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SelfCheck=void 0;function _templateObject_8d3e3b1054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors\">\n      :host {\n        display: block;\n        margin: 15px 0;\n        --self-check-question-color: var(\n          --simple-colors-default-theme-grey-1,\n          #fff\n        );\n        --self-check-question-text: var(\n          --simple-colors-default-theme-grey-12,\n          #000\n        );\n        --self-check-heading-color: var(\n          --simple-colors-default-theme-accent-8,\n          #444\n        );\n        --self-check-heading-text: var(\n          --simple-colors-default-theme-grey-1,\n          #fff\n        );\n        --self-check-answer-color: var(\n          --simple-colors-default-theme-light-green-8,\n          #00762e\n        );\n        --self-check-answer-text: var(\n          --simple-colors-default-theme-grey-1,\n          #fff\n        );\n      }\n      [hidden] {\n        display: none !important;\n      }\n\n      paper-card {\n        width: 100%;\n        color: var(--self-check-question-text);\n        background-color: var(--self-check-question-color);\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: #ffffff;\n      }\n\n      .heading {\n        text-transform: uppercase;\n        font-size: 22px;\n        margin: 10px;\n        color: #ffffff;\n      }\n\n      #header_wrap {\n        color: var(--self-check-heading-text);\n        background-color: var(--self-check-heading-color);\n        display: inline-flex;\n        width: 100%;\n        margin: -20px 0 0;\n      }\n\n      #question_wrap {\n        color: var(--self-check-question-text);\n        background-color: var(--self-check-question-color);\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(--self-check-answer-text);\n        background-color: var(--self-check-answer-color);\n        border-top: 2px solid var(--self-check-answer-text);\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 var(--self-check-heading-color);\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(--self-check-answer-text);\n      }\n\n      .more_info a:hover {\n        text-decoration: none;\n      }\n    </style>\n\n    <paper-card image$=\"[[image]]\" alt$=\"[[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\">[[title]]</div>\n      </div>\n      <div id=\"question_wrap\">\n        <div class=\"question\" aria-hidden$=\"[[correct]]\">\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              on-click=\"openAnswer\"\n              noink\n            >\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\n        <div id=\"answer_wrap\" aria-hidden$=\"[[!correct]]\" aria-live=\"polite\">\n          <div class=\"answer\">\n            <slot></slot>\n            <div class=\"more_info\" hidden$=\"[[!link]]\">\n              <a href$=\"[[link]]\" target=\"_blank\">More info...</a>\n            </div>\n            <div class=\"close_button\">\n              <paper-icon-button\n                aria-label=\"Close\"\n                id=\"closeBtn\"\n                icon=\"icons:close\"\n                on-click=\"openAnswer\"\n                noink\n              >\n              </paper-icon-button>\n              <paper-tooltip aria-hidden=\"true\" for=\"closeBtn\" position=\"left\">\n                Close\n              </paper-tooltip>\n            </div>\n          </div>\n        </div>\n      </div>\n    </paper-card>\n  "]);_templateObject_8d3e3b1054f411e9aeb367f92c5b63ab=function(){return data};return data}var SelfCheck=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8d3e3b1054f411e9aeb367f92c5b63ab()),is:"self-check",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema,A11yBehaviors.A11y,_simpleColors.SimpleColors],properties:{title:{type:String,value:"Self-Check"},question:{type:String,value:""},image:{type:String,value:"",reflectToAttribute:!0},alt:{type:String,value:"",reflectToAttribute:!0},link:{type:String,reflectToAttribute:!0},correct:{type:Boolean,value:!1,reflectToAttribute:!0}},openAnswer:function openAnswer(){this.correct=!this.correct},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Self-Check",description:"The user will be able to complete a self-check.",icon:"icons:check-circle",color:"orange",groups:["Image","Assessment"],handles:[{type:"image",source:"image",title:"question",description:"answer"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"},{property:"image",title:"Image",description:"The image of the element",inputMethod:"textfield",icon:"editor:insert-photo"},{property:"link",title:"More link",description:"Link to additional information",inputMethod:"textfield",validationType:"url",icon:"icons:link"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield"},{property:"accentColor",title:"Accent Color",description:"The accent color of the self-check",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark Theme",description:"Enable Dark Theme",inputMethod:"boolean",icon:"icons:invert-colors"},{property:"image",title:"Image",description:"The image of the element",inputMethod:"haxupload",validationType:"url"},{property:"link",title:"More link",description:"Link to additional information",inputMethod:"haxupload",validationType:"url"},{property:"alt",title:"Alt Text",description:"Add alt text to the image",inputMethod:"alt"},{slot:"question",title:"Question to ask",description:"This is where you enter a question for the self-check.",inputMethod:"code-editor",required:!0},{slot:"",title:"Answer",description:"This is where you enter a question for the self-check.",inputMethod:"code-editor",required:!0}],advanced:[]}})}});_exports.SelfCheck=SelfCheck});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../simple-colors/simple-colors.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/paper-card/paper-card.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/iron-icons/editor-icons.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/paper-tooltip/paper-tooltip.js","../a11y-behaviors/a11y-behaviors.js"],function(_exports,_polymerLegacy,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SelfCheck=void 0;function _templateObject_25bca4f0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors\">\n      :host {\n        display: block;\n        margin: 15px 0;\n        --self-check-question-color: var(\n          --simple-colors-default-theme-grey-1,\n          #fff\n        );\n        --self-check-question-text: var(\n          --simple-colors-default-theme-grey-12,\n          #000\n        );\n        --self-check-heading-color: var(\n          --simple-colors-default-theme-accent-8,\n          #444\n        );\n        --self-check-heading-text: var(\n          --simple-colors-default-theme-grey-1,\n          #fff\n        );\n        --self-check-answer-color: var(\n          --simple-colors-default-theme-light-green-8,\n          #00762e\n        );\n        --self-check-answer-text: var(\n          --simple-colors-default-theme-grey-1,\n          #fff\n        );\n      }\n      [hidden] {\n        display: none !important;\n      }\n\n      paper-card {\n        width: 100%;\n        color: var(--self-check-question-text);\n        background-color: var(--self-check-question-color);\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: #ffffff;\n      }\n\n      .heading {\n        text-transform: uppercase;\n        font-size: 22px;\n        margin: 10px;\n        color: #ffffff;\n      }\n\n      #header_wrap {\n        color: var(--self-check-heading-text);\n        background-color: var(--self-check-heading-color);\n        display: inline-flex;\n        width: 100%;\n        margin: -20px 0 0;\n      }\n\n      #question_wrap {\n        color: var(--self-check-question-text);\n        background-color: var(--self-check-question-color);\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(--self-check-answer-text);\n        background-color: var(--self-check-answer-color);\n        border-top: 2px solid var(--self-check-answer-text);\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 var(--self-check-heading-color);\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(--self-check-answer-text);\n      }\n\n      .more_info a:hover {\n        text-decoration: none;\n      }\n    </style>\n\n    <paper-card image$=\"[[image]]\" alt$=\"[[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\">[[title]]</div>\n      </div>\n      <div id=\"question_wrap\">\n        <div class=\"question\" aria-hidden$=\"[[correct]]\">\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              on-click=\"openAnswer\"\n              noink\n            >\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\n        <div id=\"answer_wrap\" aria-hidden$=\"[[!correct]]\" aria-live=\"polite\">\n          <div class=\"answer\">\n            <slot></slot>\n            <div class=\"more_info\" hidden$=\"[[!link]]\">\n              <a href$=\"[[link]]\" target=\"_blank\">More info...</a>\n            </div>\n            <div class=\"close_button\">\n              <paper-icon-button\n                aria-label=\"Close\"\n                id=\"closeBtn\"\n                icon=\"icons:close\"\n                on-click=\"openAnswer\"\n                noink\n              >\n              </paper-icon-button>\n              <paper-tooltip aria-hidden=\"true\" for=\"closeBtn\" position=\"left\">\n                Close\n              </paper-tooltip>\n            </div>\n          </div>\n        </div>\n      </div>\n    </paper-card>\n  "]);_templateObject_25bca4f0555211e98f439769bd191e33=function(){return data};return data}var SelfCheck=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_25bca4f0555211e98f439769bd191e33()),is:"self-check",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema,A11yBehaviors.A11y,_simpleColors.SimpleColors],properties:{title:{type:String,value:"Self-Check"},question:{type:String,value:""},image:{type:String,value:"",reflectToAttribute:!0},alt:{type:String,value:"",reflectToAttribute:!0},link:{type:String,reflectToAttribute:!0},correct:{type:Boolean,value:!1,reflectToAttribute:!0}},openAnswer:function openAnswer(){this.correct=!this.correct},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Self-Check",description:"The user will be able to complete a self-check.",icon:"icons:check-circle",color:"orange",groups:["Image","Assessment"],handles:[{type:"image",source:"image",title:"question",description:"answer"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"},{property:"image",title:"Image",description:"The image of the element",inputMethod:"textfield",icon:"editor:insert-photo"},{property:"link",title:"More link",description:"Link to additional information",inputMethod:"textfield",validationType:"url",icon:"icons:link"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield"},{property:"accentColor",title:"Accent Color",description:"The accent color of the self-check",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"dark",title:"Dark Theme",description:"Enable Dark Theme",inputMethod:"boolean",icon:"icons:invert-colors"},{property:"image",title:"Image",description:"The image of the element",inputMethod:"haxupload",validationType:"url"},{property:"link",title:"More link",description:"Link to additional information",inputMethod:"haxupload",validationType:"url"},{property:"alt",title:"Alt Text",description:"Add alt text to the image",inputMethod:"alt"},{slot:"question",title:"Question to ask",description:"This is where you enter a question for the self-check.",inputMethod:"code-editor",required:!0},{slot:"",title:"Answer",description:"This is where you enter a question for the self-check.",inputMethod:"code-editor",required:!0}],advanced:[]}})}});_exports.SelfCheck=SelfCheck});
\ No newline at end of file
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 93e12c0ac6b..86201953cc7 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../simple-timer/simple-timer.js","../simple-modal/simple-modal.js","../to-do/to-do.js","../../@polymer/paper-card/paper-card.js","../../@polymer/paper-button/paper-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SillyHaxGame=void 0;function _templateObject_8cb9058054f411e9aeb367f92c5b63ab(){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_8cb9058054f411e9aeb367f92c5b63ab=function(){return data};return data}var SillyHaxGame=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8cb9058054f411e9aeb367f92c5b63ab()),is:"silly-hax-game",properties:{tasks:{type:Array,value:[]},haxText:{type:String,computed:"_haxTextValue(timer)"},__score:{type:Array,value:[]},tweet:{type:String},timer:{type:Number},playing:{type:Boolean,value:!1,observer:"_playGame",reflectToAttribute:!0}},_playButton:function _playButton(){if(!this.playing){this.playing=!0;this.$.timer.start()}},_playGame:function _playGame(newValue){if(newValue){this.__started=!0;this.set("tasks",[]);this.push("tasks",{value:!1,label:"Start to edit with HAX",disabled:!0,id:"play"},{value:!1,label:"Embed a video by Searching for it",disabled:!0,id:"youtube"},{value:!1,label:"Turn a NASA image into a meme",disabled:!0,id:"nasa"},{value:!1,label:"Saved content!!!",disabled:!0,id:"saved"})}},_resetTimer:function _resetTimer(){this.$.timer.pause();this.playing=!1;this.timer=0;this.set("tasks",[])},_haxTextValue:function _haxTextValue(time){if(babelHelpers.typeof(time)==="undefined"||60==time){return"Take the HAX challenge"}else{return time.toFixed(2)}},attached:function attached(){document.body.addEventListener("hax-body-tag-added",this._verifyAction.bind(this));document.body.addEventListener("hax-store-property-updated",this._propertyUpdated.bind(this))},_propertyUpdated:function _propertyUpdated(e){switch(e.detail.property){case"editMode":if(this.playing&&this.__started&&e.detail.value&&babelHelpers.typeof(this.tasks[0].label)!=="undefined"){this.set("tasks.0.value",!0);this.set("tasks.0.label",this.tasks[0].label+" - "+this.timer.toFixed(2)+" seconds")}else if(!1===e.detail.value&&this.__started&&this.playing){this.set("tasks."+(parseInt(this.tasks.length)-1)+".value",!0);this.set("tasks."+(parseInt(this.tasks.length)-1)+".label",this.tasks[parseInt(this.tasks.length)-1].label+" - "+this.timer.toFixed(2)+" seconds");this.$.timer.pause();this._verifyWin()}break;}},_verifyWin:function _verifyWin(){var win=!0,winning=0;this.set("__score",this.tasks);for(var i in this.tasks){if(!this.tasks[i].value){win=!1}else{winning++}}if(0===this.timer){win=!1;this.push("__score",{value:!1,label:"You ran out of time :(",disabled:!0,id:"time"})}else if(!win){this.push("__score",{value:!1,label:"You didn't complete everything. CHEATER!",disabled:!0,id:"cheater"})}else{this.push("__score",{value:!0,label:"You did it!!! <(:) Much Success!",disabled:!0,id:"time"});winning++}if(!win){this.__successText=":( You have much sadness by only completing "+winning+" of the available "+this.tasks.length+" challenges. If you experienced confusion when using the interface for certain tasks please let us know! We want everyone to be able to master HAX.";this.tweet="http://twitter.com/home?status="+encodeURIComponent("I took the #HaxtheWeb Challenge and finished "+winning+" challenges! Take the challenge at http://haxtheweb.org/ !")}else{this.__successText="YOU ARE A HAX MASTER! YOU BEAT ALL "+this.tasks.length+" CHALLENGES. AM I USING ENOUGH CAPSLOCK!? YOU BET I AM! TWEET YOUR SUCCESS NOW!";this.tweet="http://twitter.com/home?status="+encodeURIComponent("I are winning! I beat the #HaxtheWeb Challenge in "+this.timer.toFixed(2)+" seconds. Now I drink more coffee and code less! Take the challenge at http://haxtheweb.org/ !")}var c=document.createElement("div");c.innerHTML="<p>".concat(this.__successText,"\n      <a href=\"https://github.com/elmsln/lrnwebcomponents/issues/new\" target=\"_blank\" style=\"text-decoration: none;text-transform: none;\"><paper-button raised=\"\">Give us feedback to improve</paper-button></a>\n      <a href=\"").concat(this.tweet,"\" target=\"_blank\" style=\"text-decoration: none;text-transform: none;\"><paper-button raised=\"\">Tweet your score</paper-button></a>\n    </p>");var todo=document.createElement("to-do");todo.setAttribute("hide-form","hide-form");todo.setAttribute("name","Report card");todo.setAttribute("items",JSON.stringify(this.__score,null,2));c.appendChild(todo);var evt=new CustomEvent("simple-modal-show",{bubbles:!0,cancelable:!0,detail:{title:"HAX Challenge score",elements:{content:c},invokedBy:this.$.play,clone:!0}});this.dispatchEvent(evt)},_verifyAction:function _verifyAction(e){if(this.playing&&this.__started){if("VIDEO-PLAYER"===e.detail.node.tagName){this.set("tasks.1.value",!0);this.set("tasks.1.label",this.tasks[1].label+" - "+this.timer.toFixed(2)+" seconds")}else if("MEME-MAKER"===e.detail.node.tagName){this.set("tasks.2.value",!0);this.set("tasks.2.label",this.tasks[2].label+" - "+this.timer.toFixed(2)+" seconds")}}}});_exports.SillyHaxGame=SillyHaxGame});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../simple-timer/simple-timer.js","../simple-modal/simple-modal.js","../to-do/to-do.js","../../@polymer/paper-card/paper-card.js","../../@polymer/paper-button/paper-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SillyHaxGame=void 0;function _templateObject_2627e9e0555211e98f439769bd191e33(){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_2627e9e0555211e98f439769bd191e33=function(){return data};return data}var SillyHaxGame=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2627e9e0555211e98f439769bd191e33()),is:"silly-hax-game",properties:{tasks:{type:Array,value:[]},haxText:{type:String,computed:"_haxTextValue(timer)"},__score:{type:Array,value:[]},tweet:{type:String},timer:{type:Number},playing:{type:Boolean,value:!1,observer:"_playGame",reflectToAttribute:!0}},_playButton:function _playButton(){if(!this.playing){this.playing=!0;this.$.timer.start()}},_playGame:function _playGame(newValue){if(newValue){this.__started=!0;this.set("tasks",[]);this.push("tasks",{value:!1,label:"Start to edit with HAX",disabled:!0,id:"play"},{value:!1,label:"Embed a video by Searching for it",disabled:!0,id:"youtube"},{value:!1,label:"Turn a NASA image into a meme",disabled:!0,id:"nasa"},{value:!1,label:"Saved content!!!",disabled:!0,id:"saved"})}},_resetTimer:function _resetTimer(){this.$.timer.pause();this.playing=!1;this.timer=0;this.set("tasks",[])},_haxTextValue:function _haxTextValue(time){if(babelHelpers.typeof(time)==="undefined"||60==time){return"Take the HAX challenge"}else{return time.toFixed(2)}},attached:function attached(){document.body.addEventListener("hax-body-tag-added",this._verifyAction.bind(this));document.body.addEventListener("hax-store-property-updated",this._propertyUpdated.bind(this))},_propertyUpdated:function _propertyUpdated(e){switch(e.detail.property){case"editMode":if(this.playing&&this.__started&&e.detail.value&&babelHelpers.typeof(this.tasks[0].label)!=="undefined"){this.set("tasks.0.value",!0);this.set("tasks.0.label",this.tasks[0].label+" - "+this.timer.toFixed(2)+" seconds")}else if(!1===e.detail.value&&this.__started&&this.playing){this.set("tasks."+(parseInt(this.tasks.length)-1)+".value",!0);this.set("tasks."+(parseInt(this.tasks.length)-1)+".label",this.tasks[parseInt(this.tasks.length)-1].label+" - "+this.timer.toFixed(2)+" seconds");this.$.timer.pause();this._verifyWin()}break;}},_verifyWin:function _verifyWin(){var win=!0,winning=0;this.set("__score",this.tasks);for(var i in this.tasks){if(!this.tasks[i].value){win=!1}else{winning++}}if(0===this.timer){win=!1;this.push("__score",{value:!1,label:"You ran out of time :(",disabled:!0,id:"time"})}else if(!win){this.push("__score",{value:!1,label:"You didn't complete everything. CHEATER!",disabled:!0,id:"cheater"})}else{this.push("__score",{value:!0,label:"You did it!!! <(:) Much Success!",disabled:!0,id:"time"});winning++}if(!win){this.__successText=":( You have much sadness by only completing "+winning+" of the available "+this.tasks.length+" challenges. If you experienced confusion when using the interface for certain tasks please let us know! We want everyone to be able to master HAX.";this.tweet="http://twitter.com/home?status="+encodeURIComponent("I took the #HaxtheWeb Challenge and finished "+winning+" challenges! Take the challenge at http://haxtheweb.org/ !")}else{this.__successText="YOU ARE A HAX MASTER! YOU BEAT ALL "+this.tasks.length+" CHALLENGES. AM I USING ENOUGH CAPSLOCK!? YOU BET I AM! TWEET YOUR SUCCESS NOW!";this.tweet="http://twitter.com/home?status="+encodeURIComponent("I are winning! I beat the #HaxtheWeb Challenge in "+this.timer.toFixed(2)+" seconds. Now I drink more coffee and code less! Take the challenge at http://haxtheweb.org/ !")}var c=document.createElement("div");c.innerHTML="<p>".concat(this.__successText,"\n      <a href=\"https://github.com/elmsln/lrnwebcomponents/issues/new\" target=\"_blank\" style=\"text-decoration: none;text-transform: none;\"><paper-button raised=\"\">Give us feedback to improve</paper-button></a>\n      <a href=\"").concat(this.tweet,"\" target=\"_blank\" style=\"text-decoration: none;text-transform: none;\"><paper-button raised=\"\">Tweet your score</paper-button></a>\n    </p>");var todo=document.createElement("to-do");todo.setAttribute("hide-form","hide-form");todo.setAttribute("name","Report card");todo.setAttribute("items",JSON.stringify(this.__score,null,2));c.appendChild(todo);var evt=new CustomEvent("simple-modal-show",{bubbles:!0,cancelable:!0,detail:{title:"HAX Challenge score",elements:{content:c},invokedBy:this.$.play,clone:!0}});this.dispatchEvent(evt)},_verifyAction:function _verifyAction(e){if(this.playing&&this.__started){if("VIDEO-PLAYER"===e.detail.node.tagName){this.set("tasks.1.value",!0);this.set("tasks.1.label",this.tasks[1].label+" - "+this.timer.toFixed(2)+" seconds")}else if("MEME-MAKER"===e.detail.node.tagName){this.set("tasks.2.value",!0);this.set("tasks.2.label",this.tasks[2].label+" - "+this.timer.toFixed(2)+" seconds")}}}});_exports.SillyHaxGame=SillyHaxGame});
\ No newline at end of file
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 8ebdcaf5494..11c1c344c1b 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../haxcms-elements/lib/core/haxcms-site-store.js","../../../mobx/lib/mobx.module.js","../../haxcms-elements/lib/ui-components/navigation/site-menu-button.js","../../../@polymer/paper-button/paper-button.js","../../simple-datetime/simple-datetime.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleBlogFooter=void 0;function _templateObject_a1954ae054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          width: 100%;\n          position: relative;\n          overflow: hidden;\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          --site-menu-button-button: {\n            height: 44px;\n            width: 100%;\n          }\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      </style>\n      <div class=\"background-closer-image-wrap\">\n        <div\n          class=\"background-closer-image\"\n          style$=\"background-image: url([[manifest.metadata.image]])\"\n        ></div>\n      </div>\n      <div class=\"inner\">\n        <site-menu-button type=\"prev\" position=\"right\" label=\"Previous post\">\n          <simple-datetime\n            format=\"M jS\"\n            timestamp=\"[[nextChanged]]\"\n            unix\n            slot=\"suffix\"\n          >\n          </simple-datetime>\n          <span slot=\"suffix\">[[nextTitle]]</span>\n        </site-menu-button>\n        <site-menu-button type=\"next\" position=\"right\" label=\"Next post\">\n          <simple-datetime\n            format=\"M jS\"\n            timestamp=\"[[prevChanged]]\"\n            unix\n            slot=\"prefix\"\n          ></simple-datetime>\n          <span slot=\"prefix\">[[prevTitle]]</span>\n        </site-menu-button>\n        <paper-button raised on-tap=\"_backButtonTap\">Back to list</paper-button>\n        <h2 class=\"blog-title\">[[manifest.title]]</h2>\n        <h3 class=\"blog-description\">[[manifest.description]]</h3>\n      </div>\n    "],["\n      <style>\n        :host {\n          display: block;\n          width: 100%;\n          position: relative;\n          overflow: hidden;\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          --site-menu-button-button: {\n            height: 44px;\n            width: 100%;\n          }\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      </style>\n      <div class=\"background-closer-image-wrap\">\n        <div\n          class=\"background-closer-image\"\n          style\\$=\"background-image: url([[manifest.metadata.image]])\"\n        ></div>\n      </div>\n      <div class=\"inner\">\n        <site-menu-button type=\"prev\" position=\"right\" label=\"Previous post\">\n          <simple-datetime\n            format=\"M jS\"\n            timestamp=\"[[nextChanged]]\"\n            unix\n            slot=\"suffix\"\n          >\n          </simple-datetime>\n          <span slot=\"suffix\">[[nextTitle]]</span>\n        </site-menu-button>\n        <site-menu-button type=\"next\" position=\"right\" label=\"Next post\">\n          <simple-datetime\n            format=\"M jS\"\n            timestamp=\"[[prevChanged]]\"\n            unix\n            slot=\"prefix\"\n          ></simple-datetime>\n          <span slot=\"prefix\">[[prevTitle]]</span>\n        </site-menu-button>\n        <paper-button raised on-tap=\"_backButtonTap\">Back to list</paper-button>\n        <h2 class=\"blog-title\">[[manifest.title]]</h2>\n        <h3 class=\"blog-description\">[[manifest.description]]</h3>\n      </div>\n    "]);_templateObject_a1954ae054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimpleBlogFooter=function(_PolymerElement){babelHelpers.inherits(SimpleBlogFooter,_PolymerElement);function SimpleBlogFooter(){babelHelpers.classCallCheck(this,SimpleBlogFooter);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleBlogFooter).apply(this,arguments))}babelHelpers.createClass(SimpleBlogFooter,[{key:"_activeManifestIndexChanged",value:function _activeManifestIndexChanged(newValue){if(this.manifest.items[newValue-1]){this.prevTitle=" - "+this.manifest.items[newValue-1].title;this.prevChanged=this.manifest.items[newValue-1].metadata.created}else{this.prevTitle="";this.prevChanged=""}if(this.manifest.items[newValue+1]){this.nextTitle=" - "+this.manifest.items[newValue+1].title;this.nextChanged=this.manifest.items[newValue+1].metadata.created}else{this.nextTitle="";this.nextChanged=""}}},{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogFooter.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){_this.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.routerManifest);if(babelHelpers.typeof(_this.manifest.title)!=="undefined"){document.title=_this.manifest.title}if(babelHelpers.typeof(_this.manifest.metadata)!=="undefined"&&babelHelpers.typeof(_this.manifest.metadata.cssVariable)!=="undefined"){var ary=_this.manifest.metadata.cssVariable.replace("--simple-colors-default-theme-","").split("-");ary.pop();_this.accentColor=ary.join("-");document.body.style.setProperty("--haxcms-color",_this.manifest.metadata.hexCode)}_this.__disposer.push(reaction)});(0,_mobxModule.autorun)(function(reaction){_this.activeManifestIndex=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeManifestIndex);_this.__disposer.push(reaction)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){for(var i in this.__disposer){this.__disposer[i].dispose()}babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogFooter.prototype),"disconnectedCallback",this).call(this)}},{key:"_backButtonTap",value:function _backButtonTap(){window.history.pushState(null,null,_haxcmsSiteStore.store.location.baseUrl);window.dispatchEvent(new PopStateEvent("popstate"))}}],[{key:"tag",get:function get(){return"simple-blog-footer"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a1954ae054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{activeManifestIndex:{type:Number,observer:"_activeManifestIndexChanged"},manifest:{type:Object}}}}]);return SimpleBlogFooter}(_polymerElement.PolymerElement);_exports.SimpleBlogFooter=SimpleBlogFooter;window.customElements.define(SimpleBlogFooter.tag,SimpleBlogFooter)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../haxcms-elements/lib/core/haxcms-site-store.js","../../../mobx/lib/mobx.module.js","../../haxcms-elements/lib/ui-components/navigation/site-menu-button.js","../../../@polymer/paper-button/paper-button.js","../../simple-datetime/simple-datetime.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleBlogFooter=void 0;function _templateObject_35c409b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          width: 100%;\n          position: relative;\n          overflow: hidden;\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          --site-menu-button-button: {\n            height: 44px;\n            width: 100%;\n          }\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      </style>\n      <div class=\"background-closer-image-wrap\">\n        <div\n          class=\"background-closer-image\"\n          style$=\"background-image: url([[manifest.metadata.image]])\"\n        ></div>\n      </div>\n      <div class=\"inner\">\n        <site-menu-button type=\"prev\" position=\"right\" label=\"Previous post\">\n          <simple-datetime\n            format=\"M jS\"\n            timestamp=\"[[nextChanged]]\"\n            unix\n            slot=\"suffix\"\n          >\n          </simple-datetime>\n          <span slot=\"suffix\">[[nextTitle]]</span>\n        </site-menu-button>\n        <site-menu-button type=\"next\" position=\"right\" label=\"Next post\">\n          <simple-datetime\n            format=\"M jS\"\n            timestamp=\"[[prevChanged]]\"\n            unix\n            slot=\"prefix\"\n          ></simple-datetime>\n          <span slot=\"prefix\">[[prevTitle]]</span>\n        </site-menu-button>\n        <paper-button raised on-tap=\"_backButtonTap\">Back to list</paper-button>\n        <h2 class=\"blog-title\">[[manifest.title]]</h2>\n        <h3 class=\"blog-description\">[[manifest.description]]</h3>\n      </div>\n    "],["\n      <style>\n        :host {\n          display: block;\n          width: 100%;\n          position: relative;\n          overflow: hidden;\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          --site-menu-button-button: {\n            height: 44px;\n            width: 100%;\n          }\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      </style>\n      <div class=\"background-closer-image-wrap\">\n        <div\n          class=\"background-closer-image\"\n          style\\$=\"background-image: url([[manifest.metadata.image]])\"\n        ></div>\n      </div>\n      <div class=\"inner\">\n        <site-menu-button type=\"prev\" position=\"right\" label=\"Previous post\">\n          <simple-datetime\n            format=\"M jS\"\n            timestamp=\"[[nextChanged]]\"\n            unix\n            slot=\"suffix\"\n          >\n          </simple-datetime>\n          <span slot=\"suffix\">[[nextTitle]]</span>\n        </site-menu-button>\n        <site-menu-button type=\"next\" position=\"right\" label=\"Next post\">\n          <simple-datetime\n            format=\"M jS\"\n            timestamp=\"[[prevChanged]]\"\n            unix\n            slot=\"prefix\"\n          ></simple-datetime>\n          <span slot=\"prefix\">[[prevTitle]]</span>\n        </site-menu-button>\n        <paper-button raised on-tap=\"_backButtonTap\">Back to list</paper-button>\n        <h2 class=\"blog-title\">[[manifest.title]]</h2>\n        <h3 class=\"blog-description\">[[manifest.description]]</h3>\n      </div>\n    "]);_templateObject_35c409b0555211e98f439769bd191e33=function(){return data};return data}var SimpleBlogFooter=function(_PolymerElement){babelHelpers.inherits(SimpleBlogFooter,_PolymerElement);function SimpleBlogFooter(){babelHelpers.classCallCheck(this,SimpleBlogFooter);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleBlogFooter).apply(this,arguments))}babelHelpers.createClass(SimpleBlogFooter,[{key:"_activeManifestIndexChanged",value:function _activeManifestIndexChanged(newValue){if(this.manifest.items[newValue-1]){this.prevTitle=" - "+this.manifest.items[newValue-1].title;this.prevChanged=this.manifest.items[newValue-1].metadata.created}else{this.prevTitle="";this.prevChanged=""}if(this.manifest.items[newValue+1]){this.nextTitle=" - "+this.manifest.items[newValue+1].title;this.nextChanged=this.manifest.items[newValue+1].metadata.created}else{this.nextTitle="";this.nextChanged=""}}},{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogFooter.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){_this.manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.routerManifest);if(babelHelpers.typeof(_this.manifest.title)!=="undefined"){document.title=_this.manifest.title}if(babelHelpers.typeof(_this.manifest.metadata)!=="undefined"&&babelHelpers.typeof(_this.manifest.metadata.cssVariable)!=="undefined"){var ary=_this.manifest.metadata.cssVariable.replace("--simple-colors-default-theme-","").split("-");ary.pop();_this.accentColor=ary.join("-");document.body.style.setProperty("--haxcms-color",_this.manifest.metadata.hexCode)}_this.__disposer.push(reaction)});(0,_mobxModule.autorun)(function(reaction){_this.activeManifestIndex=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeManifestIndex);_this.__disposer.push(reaction)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){for(var i in this.__disposer){this.__disposer[i].dispose()}babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogFooter.prototype),"disconnectedCallback",this).call(this)}},{key:"_backButtonTap",value:function _backButtonTap(){window.history.pushState(null,null,_haxcmsSiteStore.store.location.baseUrl);window.dispatchEvent(new PopStateEvent("popstate"))}}],[{key:"tag",get:function get(){return"simple-blog-footer"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_35c409b0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{activeManifestIndex:{type:Number,observer:"_activeManifestIndexChanged"},manifest:{type:Object}}}}]);return SimpleBlogFooter}(_polymerElement.PolymerElement);_exports.SimpleBlogFooter=SimpleBlogFooter;window.customElements.define(SimpleBlogFooter.tag,SimpleBlogFooter)});
\ No newline at end of file
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 729439604a2..7874b10d697 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../haxcms-elements/lib/core/haxcms-site-store.js","../../../mobx/lib/mobx.module.js","../../haxcms-elements/lib/ui-components/site/site-title.js","../../haxcms-elements/lib/ui-components/site/site-rss-button.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleBlogHeader=void 0;function _templateObject_a1a0958054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <div class=\"teaserimage\">\n        <div\n          class=\"teaserimage-image\"\n          style$=\"background-image: url([[image]]);\"\n        ></div>\n      </div>\n      <header class=\"blog-header\">\n        <iron-icon class=\"blog-logo\" icon=\"[[icon]]\"></iron-icon>\n        <h1 class=\"site-title\">[[title]]</h1>\n        <h2 class=\"blog-description\">[[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    "],["\n      <style>\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      </style>\n      <div class=\"teaserimage\">\n        <div\n          class=\"teaserimage-image\"\n          style\\$=\"background-image: url([[image]]);\"\n        ></div>\n      </div>\n      <header class=\"blog-header\">\n        <iron-icon class=\"blog-logo\" icon=\"[[icon]]\"></iron-icon>\n        <h1 class=\"site-title\">[[title]]</h1>\n        <h2 class=\"blog-description\">[[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    "]);_templateObject_a1a0958054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimpleBlogHeader=function(_PolymerElement){babelHelpers.inherits(SimpleBlogHeader,_PolymerElement);function SimpleBlogHeader(){babelHelpers.classCallCheck(this,SimpleBlogHeader);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleBlogHeader).apply(this,arguments))}babelHelpers.createClass(SimpleBlogHeader,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogHeader.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){var manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest);_this.description=manifest.description;_this.title=manifest.title;_this.image=manifest.metadata.image;_this.icon=manifest.metadata.icon;_this.__disposer.push(reaction)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){for(var i in this.__disposer){this.__disposer[i].dispose()}babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogHeader.prototype),"disconnectedCallback",this).call(this)}}],[{key:"tag",get:function get(){return"simple-blog-header"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a1a0958054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{description:{type:String},image:{type:String},icon:{type:String},title:{type:String}}}}]);return SimpleBlogHeader}(_polymerElement.PolymerElement);_exports.SimpleBlogHeader=SimpleBlogHeader;window.customElements.define(SimpleBlogHeader.tag,SimpleBlogHeader)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../haxcms-elements/lib/core/haxcms-site-store.js","../../../mobx/lib/mobx.module.js","../../haxcms-elements/lib/ui-components/site/site-title.js","../../haxcms-elements/lib/ui-components/site/site-rss-button.js"],function(_exports,_polymerElement,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleBlogHeader=void 0;function _templateObject_35cf0630555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <div class=\"teaserimage\">\n        <div\n          class=\"teaserimage-image\"\n          style$=\"background-image: url([[image]]);\"\n        ></div>\n      </div>\n      <header class=\"blog-header\">\n        <iron-icon class=\"blog-logo\" icon=\"[[icon]]\"></iron-icon>\n        <h1 class=\"site-title\">[[title]]</h1>\n        <h2 class=\"blog-description\">[[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    "],["\n      <style>\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      </style>\n      <div class=\"teaserimage\">\n        <div\n          class=\"teaserimage-image\"\n          style\\$=\"background-image: url([[image]]);\"\n        ></div>\n      </div>\n      <header class=\"blog-header\">\n        <iron-icon class=\"blog-logo\" icon=\"[[icon]]\"></iron-icon>\n        <h1 class=\"site-title\">[[title]]</h1>\n        <h2 class=\"blog-description\">[[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    "]);_templateObject_35cf0630555211e98f439769bd191e33=function(){return data};return data}var SimpleBlogHeader=function(_PolymerElement){babelHelpers.inherits(SimpleBlogHeader,_PolymerElement);function SimpleBlogHeader(){babelHelpers.classCallCheck(this,SimpleBlogHeader);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleBlogHeader).apply(this,arguments))}babelHelpers.createClass(SimpleBlogHeader,[{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogHeader.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){var manifest=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.manifest);_this.description=manifest.description;_this.title=manifest.title;_this.image=manifest.metadata.image;_this.icon=manifest.metadata.icon;_this.__disposer.push(reaction)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){for(var i in this.__disposer){this.__disposer[i].dispose()}babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogHeader.prototype),"disconnectedCallback",this).call(this)}}],[{key:"tag",get:function get(){return"simple-blog-header"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_35cf0630555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{description:{type:String},image:{type:String},icon:{type:String},title:{type:String}}}}]);return SimpleBlogHeader}(_polymerElement.PolymerElement);_exports.SimpleBlogHeader=SimpleBlogHeader;window.customElements.define(SimpleBlogHeader.tag,SimpleBlogHeader)});
\ No newline at end of file
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 622662cbe83..31d10bcca4d 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../haxcms-elements/lib/ui-components/query/site-query.js","../../../@polymer/iron-list/iron-list.js","./simple-blog-overview.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleBlogListing=void 0;function _templateObject_a1a79a6054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        iron-list {\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          iron-list {\n            padding: 0 32px;\n          }\n        }\n        simple-blog-overview {\n          width: 100%;\n          border: 1px solid #f2f2f0;\n        }\n      </style>\n      <site-query\n        result=\"{{__items}}\"\n        sort='{\"metadata.created\": \"DESC\"}'\n      ></site-query>\n      <iron-list items=\"[[__items]]\">\n        <template>\n          <simple-blog-overview\n            item-id=\"[[item.id]]\"\n            title=\"[[item.title]]\"\n            description=\"[[item.description]]\"\n            link=\"[[item.location]]\"\n            changed=\"[[item.metadata.created]]\"\n          ></simple-blog-overview>\n        </template>\n      </iron-list>\n    "]);_templateObject_a1a79a6054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimpleBlogListing=function(_PolymerElement){babelHelpers.inherits(SimpleBlogListing,_PolymerElement);function SimpleBlogListing(){babelHelpers.classCallCheck(this,SimpleBlogListing);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleBlogListing).apply(this,arguments))}babelHelpers.createClass(SimpleBlogListing,null,[{key:"tag",get:function get(){return"simple-blog-listing"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a1a79a6054f411e9aeb367f92c5b63ab())}}]);return SimpleBlogListing}(_polymerElement.PolymerElement);_exports.SimpleBlogListing=SimpleBlogListing;window.customElements.define(SimpleBlogListing.tag,SimpleBlogListing)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../haxcms-elements/lib/ui-components/query/site-query.js","../../../@polymer/iron-list/iron-list.js","./simple-blog-overview.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleBlogListing=void 0;function _templateObject_35d4ab80555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n        iron-list {\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          iron-list {\n            padding: 0 32px;\n          }\n        }\n        simple-blog-overview {\n          width: 100%;\n          border: 1px solid #f2f2f0;\n        }\n      </style>\n      <site-query\n        result=\"{{__items}}\"\n        sort='{\"metadata.created\": \"DESC\"}'\n      ></site-query>\n      <iron-list items=\"[[__items]]\">\n        <template>\n          <simple-blog-overview\n            item-id=\"[[item.id]]\"\n            title=\"[[item.title]]\"\n            description=\"[[item.description]]\"\n            link=\"[[item.location]]\"\n            changed=\"[[item.metadata.created]]\"\n          ></simple-blog-overview>\n        </template>\n      </iron-list>\n    "]);_templateObject_35d4ab80555211e98f439769bd191e33=function(){return data};return data}var SimpleBlogListing=function(_PolymerElement){babelHelpers.inherits(SimpleBlogListing,_PolymerElement);function SimpleBlogListing(){babelHelpers.classCallCheck(this,SimpleBlogListing);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleBlogListing).apply(this,arguments))}babelHelpers.createClass(SimpleBlogListing,null,[{key:"tag",get:function get(){return"simple-blog-listing"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_35d4ab80555211e98f439769bd191e33())}}]);return SimpleBlogListing}(_polymerElement.PolymerElement);_exports.SimpleBlogListing=SimpleBlogListing;window.customElements.define(SimpleBlogListing.tag,SimpleBlogListing)});
\ No newline at end of file
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 9adfd5001d5..b9e015e286d 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/utils/render-status.js","../../../@polymer/paper-card/paper-card.js","../../simple-datetime/simple-datetime.js","../../simple-colors/simple-colors.js"],function(_exports,_polymerElement,_renderStatus){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleBlogOverview=void 0;function _templateObject_a1b1375054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style includes=\"simple-colors\">\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      </style>\n\n      <a href$=\"[[link]]\" itemprop=\"url\" title$=\"[[title]]\">\n        <paper-card elevation=\"[[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\">[[title]]</h3>\n              </header>\n              <section class=\"post-excerpt\" itemprop=\"description\">\n                <p>[[description]]</p>\n              </section>\n              <div class=\"post-meta\">\n                <simple-datetime\n                  format=\"M jS, Y\"\n                  timestamp=\"[[changed]]\"\n                  unix=\"\"\n                ></simple-datetime>\n              </div>\n            </div>\n          </article>\n        </paper-card>\n      </a>\n    "]);_templateObject_a1b1375054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimpleBlogOverview=function(_PolymerElement){babelHelpers.inherits(SimpleBlogOverview,_PolymerElement);function SimpleBlogOverview(){babelHelpers.classCallCheck(this,SimpleBlogOverview);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleBlogOverview).apply(this,arguments))}babelHelpers.createClass(SimpleBlogOverview,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogOverview.prototype),"ready",this).call(this);(0,_renderStatus.afterNextRender)(this,function(){this.addEventListener("mousedown",this.tapEventOn.bind(this));this.addEventListener("mouseover",this.tapEventOn.bind(this));this.addEventListener("mouseout",this.tapEventOff.bind(this));this.addEventListener("focusin",this.tapEventOn.bind(this));this.addEventListener("focusout",this.tapEventOff.bind(this))})}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.removeEventListener("mousedown",this.tapEventOn.bind(this));this.removeEventListener("mouseover",this.tapEventOn.bind(this));this.removeEventListener("mouseout",this.tapEventOff.bind(this));this.removeEventListener("focusin",this.tapEventOn.bind(this));this.removeEventListener("focusout",this.tapEventOff.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogOverview.prototype),"disconnectedCallback",this).call(this)}},{key:"tapEventOn",value:function tapEventOn(){this.elevation=2}},{key:"tapEventOff",value:function tapEventOff(){this.elevation=0}}],[{key:"tag",get:function get(){return"simple-blog-overview"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a1b1375054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{itemId:{type:String,reflectToAttribute:!0},title:{type:String},body:{type:String},link:{type:String},changed:{type:Number},elevation:{type:Number,value:0,reflectToAttribute:!0}}}}]);return SimpleBlogOverview}(_polymerElement.PolymerElement);_exports.SimpleBlogOverview=SimpleBlogOverview;window.customElements.define(SimpleBlogOverview.tag,SimpleBlogOverview)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/utils/render-status.js","../../../@polymer/paper-card/paper-card.js","../../simple-datetime/simple-datetime.js","../../simple-colors/simple-colors.js"],function(_exports,_polymerElement,_renderStatus){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleBlogOverview=void 0;function _templateObject_35df32d0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style includes=\"simple-colors\">\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      </style>\n\n      <a href$=\"[[link]]\" itemprop=\"url\" title$=\"[[title]]\">\n        <paper-card elevation=\"[[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\">[[title]]</h3>\n              </header>\n              <section class=\"post-excerpt\" itemprop=\"description\">\n                <p>[[description]]</p>\n              </section>\n              <div class=\"post-meta\">\n                <simple-datetime\n                  format=\"M jS, Y\"\n                  timestamp=\"[[changed]]\"\n                  unix=\"\"\n                ></simple-datetime>\n              </div>\n            </div>\n          </article>\n        </paper-card>\n      </a>\n    "]);_templateObject_35df32d0555211e98f439769bd191e33=function(){return data};return data}var SimpleBlogOverview=function(_PolymerElement){babelHelpers.inherits(SimpleBlogOverview,_PolymerElement);function SimpleBlogOverview(){babelHelpers.classCallCheck(this,SimpleBlogOverview);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleBlogOverview).apply(this,arguments))}babelHelpers.createClass(SimpleBlogOverview,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogOverview.prototype),"ready",this).call(this);(0,_renderStatus.afterNextRender)(this,function(){this.addEventListener("mousedown",this.tapEventOn.bind(this));this.addEventListener("mouseover",this.tapEventOn.bind(this));this.addEventListener("mouseout",this.tapEventOff.bind(this));this.addEventListener("focusin",this.tapEventOn.bind(this));this.addEventListener("focusout",this.tapEventOff.bind(this))})}},{key:"disconnectedCallback",value:function disconnectedCallback(){this.removeEventListener("mousedown",this.tapEventOn.bind(this));this.removeEventListener("mouseover",this.tapEventOn.bind(this));this.removeEventListener("mouseout",this.tapEventOff.bind(this));this.removeEventListener("focusin",this.tapEventOn.bind(this));this.removeEventListener("focusout",this.tapEventOff.bind(this));babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogOverview.prototype),"disconnectedCallback",this).call(this)}},{key:"tapEventOn",value:function tapEventOn(){this.elevation=2}},{key:"tapEventOff",value:function tapEventOff(){this.elevation=0}}],[{key:"tag",get:function get(){return"simple-blog-overview"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_35df32d0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{itemId:{type:String,reflectToAttribute:!0},title:{type:String},body:{type:String},link:{type:String},changed:{type:Number},elevation:{type:Number,value:0,reflectToAttribute:!0}}}}]);return SimpleBlogOverview}(_polymerElement.PolymerElement);_exports.SimpleBlogOverview=SimpleBlogOverview;window.customElements.define(SimpleBlogOverview.tag,SimpleBlogOverview)});
\ No newline at end of file
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 13985290b32..946be87ddf3 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/utils/render-status.js","../../../@polymer/polymer/lib/utils/async.js","../../haxcms-elements/lib/core/haxcms-site-store.js","../../../mobx/lib/mobx.module.js","../../haxcms-elements/lib/ui-components/active-item/site-active-title.js"],function(_exports,_polymerElement,_renderStatus,_async,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleBlogPost=void 0;function _templateObject_a1be7dc054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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        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        /**\n       * Hide the slotted content during edit mode\n       */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n      </style>\n      <main>\n        <article>\n          <div class=\"article-image\">\n            <template is=\"dom-if\" if=\"[[hasImage]]\">\n              <div\n                id=\"image\"\n                class=\"post-image-image\"\n                style$='background-image: url(\"[[image]]\");'\n              ></div>\n            </template>\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    "],["\n      <style>\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        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        /**\n       * Hide the slotted content during edit mode\n       */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n      </style>\n      <main>\n        <article>\n          <div class=\"article-image\">\n            <template is=\"dom-if\" if=\"[[hasImage]]\">\n              <div\n                id=\"image\"\n                class=\"post-image-image\"\n                style\\$='background-image: url(\"[[image]]\");'\n              ></div>\n            </template>\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_a1be7dc054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimpleBlogPost=function(_PolymerElement){babelHelpers.inherits(SimpleBlogPost,_PolymerElement);babelHelpers.createClass(SimpleBlogPost,null,[{key:"tag",get:function get(){return"simple-blog-post"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a1be7dc054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{hasImage:{type:Boolean,observer:"_hasImageChanged",reflectToAttribute:!0},editMode:{type:Boolean,reflectToAttribute:!0,value:!1},image:{type:String}}}}]);function SimpleBlogPost(){var _this;babelHelpers.classCallCheck(this,SimpleBlogPost);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleBlogPost).call(this));_this.__disposer=[];(0,_renderStatus.afterNextRender)(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)),function(){var _this2=this;window.addEventListener("scroll",this._scrollListener.bind(this));(0,_mobxModule.autorun)(function(reaction){var fields=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeItemFields);_this2.hasImage=_this2._computeHasImage(fields);if(_this2.hasImage){_this2.image=fields.images[0].src}_this2.__disposer.push(reaction)})});return _this}babelHelpers.createClass(SimpleBlogPost,[{key:"disconnectedCallback",value:function disconnectedCallback(){window.removeEventListener("scroll",this._scrollListener.bind(this));for(var i in this.__disposer){this.__disposer[i].dispose()}babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogPost.prototype),"disconnectedCallback",this).call(this)}},{key:"_scrollListener",value:function _scrollListener(){if(this.hasImage){var top=(window.pageYOffset||document.scrollTop)-(document.clientTop||0);if(0>top||1500<top){return}this.shadowRoot.querySelector("#image").style.transform="translate3d(0px, "+top/3+"px, 0px)";this.shadowRoot.querySelector("#image").style.opacity=1-Math.max(top/700,0)}}},{key:"_hasImageChanged",value:function _hasImageChanged(newValue){var _this3=this;if(newValue){_async.microTask.run(function(){var rect=_this3.shadowRoot.querySelector("#image").getBoundingClientRect();_this3.$.contentcontainer.style.paddingTop=rect.height+"px"})}else{this.$.contentcontainer.style.paddingTop=null}}},{key:"_computeHasImage",value:function _computeHasImage(fields){if(fields&&babelHelpers.typeof(fields.images)!=="undefined"&&babelHelpers.typeof(fields.images[0])!=="undefined"&&babelHelpers.typeof(fields.images[0].src)!=="undefined"){return!0}return!1}}]);return SimpleBlogPost}(_polymerElement.PolymerElement);_exports.SimpleBlogPost=SimpleBlogPost;window.customElements.define(SimpleBlogPost.tag,SimpleBlogPost)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/utils/render-status.js","../../../@polymer/polymer/lib/utils/async.js","../../haxcms-elements/lib/core/haxcms-site-store.js","../../../mobx/lib/mobx.module.js","../../haxcms-elements/lib/ui-components/active-item/site-active-title.js"],function(_exports,_polymerElement,_renderStatus,_async,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleBlogPost=void 0;function _templateObject_35ecee70555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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        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        /**\n       * Hide the slotted content during edit mode\n       */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n      </style>\n      <main>\n        <article>\n          <div class=\"article-image\">\n            <template is=\"dom-if\" if=\"[[hasImage]]\">\n              <div\n                id=\"image\"\n                class=\"post-image-image\"\n                style$='background-image: url(\"[[image]]\");'\n              ></div>\n            </template>\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    "],["\n      <style>\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        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        /**\n       * Hide the slotted content during edit mode\n       */\n        :host([edit-mode]) #slot {\n          display: none;\n        }\n      </style>\n      <main>\n        <article>\n          <div class=\"article-image\">\n            <template is=\"dom-if\" if=\"[[hasImage]]\">\n              <div\n                id=\"image\"\n                class=\"post-image-image\"\n                style\\$='background-image: url(\"[[image]]\");'\n              ></div>\n            </template>\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_35ecee70555211e98f439769bd191e33=function(){return data};return data}var SimpleBlogPost=function(_PolymerElement){babelHelpers.inherits(SimpleBlogPost,_PolymerElement);babelHelpers.createClass(SimpleBlogPost,null,[{key:"tag",get:function get(){return"simple-blog-post"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_35ecee70555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{hasImage:{type:Boolean,observer:"_hasImageChanged",reflectToAttribute:!0},editMode:{type:Boolean,reflectToAttribute:!0,value:!1},image:{type:String}}}}]);function SimpleBlogPost(){var _this;babelHelpers.classCallCheck(this,SimpleBlogPost);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleBlogPost).call(this));_this.__disposer=[];(0,_renderStatus.afterNextRender)(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)),function(){var _this2=this;window.addEventListener("scroll",this._scrollListener.bind(this));(0,_mobxModule.autorun)(function(reaction){var fields=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeItemFields);_this2.hasImage=_this2._computeHasImage(fields);if(_this2.hasImage){_this2.image=fields.images[0].src}_this2.__disposer.push(reaction)})});return _this}babelHelpers.createClass(SimpleBlogPost,[{key:"disconnectedCallback",value:function disconnectedCallback(){window.removeEventListener("scroll",this._scrollListener.bind(this));for(var i in this.__disposer){this.__disposer[i].dispose()}babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlogPost.prototype),"disconnectedCallback",this).call(this)}},{key:"_scrollListener",value:function _scrollListener(){if(this.hasImage){var top=(window.pageYOffset||document.scrollTop)-(document.clientTop||0);if(0>top||1500<top){return}this.shadowRoot.querySelector("#image").style.transform="translate3d(0px, "+top/3+"px, 0px)";this.shadowRoot.querySelector("#image").style.opacity=1-Math.max(top/700,0)}}},{key:"_hasImageChanged",value:function _hasImageChanged(newValue){var _this3=this;if(newValue){_async.microTask.run(function(){var rect=_this3.shadowRoot.querySelector("#image").getBoundingClientRect();_this3.$.contentcontainer.style.paddingTop=rect.height+"px"})}else{this.$.contentcontainer.style.paddingTop=null}}},{key:"_computeHasImage",value:function _computeHasImage(fields){if(fields&&babelHelpers.typeof(fields.images)!=="undefined"&&babelHelpers.typeof(fields.images[0])!=="undefined"&&babelHelpers.typeof(fields.images[0].src)!=="undefined"){return!0}return!1}}]);return SimpleBlogPost}(_polymerElement.PolymerElement);_exports.SimpleBlogPost=SimpleBlogPost;window.customElements.define(SimpleBlogPost.tag,SimpleBlogPost)});
\ No newline at end of file
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 55fccb3a372..7ccb99a6c33 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../haxcms-elements/lib/core/HAXCMSThemeWiring.js","../haxcms-elements/lib/core/haxcms-site-store.js","../../mobx/lib/mobx.module.js","../schema-behaviors/schema-behaviors.js","../simple-colors/simple-colors.js","../../@polymer/iron-pages/iron-pages.js","../../@polymer/paper-icon-button/paper-icon-button.js","./lib/simple-blog-listing.js","./lib/simple-blog-header.js","./lib/simple-blog-footer.js","./lib/simple-blog-post.js"],function(_exports,_polymerElement,_HAXCMSThemeWiring,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleBlog=void 0;function _templateObject_8d5ee27054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          html,\n          body {\n            background-color: #fafafa;\n          }\n        </style>\n      </custom-style>\n      <style include=\"simple-colors\">\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        #post {\n          transition: all 0.6s ease-in-out;\n          visibility: hidden;\n        }\n        :host([selected-page=\"0\"]) #post {\n          visibility: visible;\n          opacity: 0;\n          visibility: hidden;\n        }\n        :host([selected-page=\"1\"]) #post {\n          visibility: visible;\n          opacity: 1;\n        }\n        a, a:* {\n          color: inherit;\n        }\n      </style>\n      <iron-pages selected=\"[[selectedPage]]\">\n        <section>\n          <simple-blog-header></simple-blog-header>\n          <simple-blog-listing id=\"listing\"></simple-blog-listing>\n        </section>\n        <section>\n          <paper-icon-button\n            id=\"backbutton\"\n            icon=\"icons:arrow-back\"\n            on-tap=\"_goBack\"\n          ></paper-icon-button>\n          <paper-tooltip\n            for=\"backbutton\"\n            position=\"right\"\n            offset=\"14\"\n            animation-delay=\"100\"\n            >Back to listing\n          </paper-tooltip>\n          <simple-blog-post id=\"post\" edit-mode=\"[[editMode]]\"\n            ><slot></slot\n          ></simple-blog-post>\n          <simple-blog-footer id=\"footer\"></simple-blog-footer>\n        </section>\n      </iron-pages>\n    "]);_templateObject_8d5ee27054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimpleBlog=function(_HAXCMSTheme){babelHelpers.inherits(SimpleBlog,_HAXCMSTheme);function SimpleBlog(){babelHelpers.classCallCheck(this,SimpleBlog);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleBlog).apply(this,arguments))}babelHelpers.createClass(SimpleBlog,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlog.prototype),"ready",this).call(this);this.contentContainer=this.$.post.$.contentcontainer}},{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlog.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){_this.activeId=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeId);_this.__disposer.push(reaction)});(0,_mobxModule.autorun)(function(reaction){_this._locationChanged(_haxcmsSiteStore.store.location);_this.__disposer.push(reaction)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlog.prototype),"disconnectedCallback",this).call(this);for(var i in this.__disposer){this.__disposer[i].dispose()}}},{key:"_locationChanged",value:function _locationChanged(location){if(!location||"undefined"===typeof location.route)return;var name=location.route.name;if("home"===name||"404"===name){this.selectedPage=0}else{this.selectedPage=1;window.scrollTo({top:0,left:0,behavior:"smooth"})}}},{key:"_goBack",value:function _goBack(){var _this2=this,prevActiveItemId=_haxcmsSiteStore.store.activeId;window.history.pushState(null,null,_haxcmsSiteStore.store.location.baseUrl);window.dispatchEvent(new PopStateEvent("popstate"));if(prevActiveItemId){setTimeout(function(){var active=_this2.$.listing.shadowRoot.querySelector("simple-blog-overview[item-id=\""+prevActiveItemId+"\"]");if(active){active.scrollIntoView(!0);active.focus()}},100)}else{window.scrollTo({top:0,left:0})}var evt=new CustomEvent("json-outline-schema-active-item-changed",{bubbles:!0,cancelable:!0,detail:{}});this.dispatchEvent(evt);this.selectedPage=0}}],[{key:"tag",get:function get(){return"simple-blog"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_8d5ee27054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){var props=babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlog),"properties",this);props.selectedPage={type:Number,reflectToAttribute:!0,value:0};return props}}]);return SimpleBlog}((0,_HAXCMSThemeWiring.HAXCMSTheme)(_polymerElement.PolymerElement));_exports.SimpleBlog=SimpleBlog;window.customElements.define(SimpleBlog.tag,SimpleBlog)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../haxcms-elements/lib/core/HAXCMSThemeWiring.js","../haxcms-elements/lib/core/haxcms-site-store.js","../../mobx/lib/mobx.module.js","../schema-behaviors/schema-behaviors.js","../simple-colors/simple-colors.js","../../@polymer/iron-pages/iron-pages.js","../../@polymer/paper-icon-button/paper-icon-button.js","./lib/simple-blog-listing.js","./lib/simple-blog-header.js","./lib/simple-blog-footer.js","./lib/simple-blog-post.js"],function(_exports,_polymerElement,_HAXCMSThemeWiring,_haxcmsSiteStore,_mobxModule){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleBlog=void 0;function _templateObject_26569b00555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <custom-style>\n        <style>\n          html,\n          body {\n            background-color: #fafafa;\n          }\n        </style>\n      </custom-style>\n      <style include=\"simple-colors\">\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        #post {\n          transition: all 0.6s ease-in-out;\n          visibility: hidden;\n        }\n        :host([selected-page=\"0\"]) #post {\n          visibility: visible;\n          opacity: 0;\n          visibility: hidden;\n        }\n        :host([selected-page=\"1\"]) #post {\n          visibility: visible;\n          opacity: 1;\n        }\n        a, a:* {\n          color: inherit;\n        }\n      </style>\n      <iron-pages selected=\"[[selectedPage]]\">\n        <section>\n          <simple-blog-header></simple-blog-header>\n          <simple-blog-listing id=\"listing\"></simple-blog-listing>\n        </section>\n        <section>\n          <paper-icon-button\n            id=\"backbutton\"\n            icon=\"icons:arrow-back\"\n            on-tap=\"_goBack\"\n          ></paper-icon-button>\n          <paper-tooltip\n            for=\"backbutton\"\n            position=\"right\"\n            offset=\"14\"\n            animation-delay=\"100\"\n            >Back to listing\n          </paper-tooltip>\n          <simple-blog-post id=\"post\" edit-mode=\"[[editMode]]\"\n            ><slot></slot\n          ></simple-blog-post>\n          <simple-blog-footer id=\"footer\"></simple-blog-footer>\n        </section>\n      </iron-pages>\n    "]);_templateObject_26569b00555211e98f439769bd191e33=function(){return data};return data}var SimpleBlog=function(_HAXCMSTheme){babelHelpers.inherits(SimpleBlog,_HAXCMSTheme);function SimpleBlog(){babelHelpers.classCallCheck(this,SimpleBlog);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleBlog).apply(this,arguments))}babelHelpers.createClass(SimpleBlog,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlog.prototype),"ready",this).call(this);this.contentContainer=this.$.post.$.contentcontainer}},{key:"connectedCallback",value:function connectedCallback(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlog.prototype),"connectedCallback",this).call(this);this.__disposer=[];(0,_mobxModule.autorun)(function(reaction){_this.activeId=(0,_mobxModule.toJS)(_haxcmsSiteStore.store.activeId);_this.__disposer.push(reaction)});(0,_mobxModule.autorun)(function(reaction){_this._locationChanged(_haxcmsSiteStore.store.location);_this.__disposer.push(reaction)})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlog.prototype),"disconnectedCallback",this).call(this);for(var i in this.__disposer){this.__disposer[i].dispose()}}},{key:"_locationChanged",value:function _locationChanged(location){if(!location||"undefined"===typeof location.route)return;var name=location.route.name;if("home"===name||"404"===name){this.selectedPage=0}else{this.selectedPage=1;window.scrollTo({top:0,left:0,behavior:"smooth"})}}},{key:"_goBack",value:function _goBack(){var _this2=this,prevActiveItemId=_haxcmsSiteStore.store.activeId;window.history.pushState(null,null,_haxcmsSiteStore.store.location.baseUrl);window.dispatchEvent(new PopStateEvent("popstate"));if(prevActiveItemId){setTimeout(function(){var active=_this2.$.listing.shadowRoot.querySelector("simple-blog-overview[item-id=\""+prevActiveItemId+"\"]");if(active){active.scrollIntoView(!0);active.focus()}},100)}else{window.scrollTo({top:0,left:0})}var evt=new CustomEvent("json-outline-schema-active-item-changed",{bubbles:!0,cancelable:!0,detail:{}});this.dispatchEvent(evt);this.selectedPage=0}}],[{key:"tag",get:function get(){return"simple-blog"}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_26569b00555211e98f439769bd191e33())}},{key:"properties",get:function get(){var props=babelHelpers.get(babelHelpers.getPrototypeOf(SimpleBlog),"properties",this);props.selectedPage={type:Number,reflectToAttribute:!0,value:0};return props}}]);return SimpleBlog}((0,_HAXCMSThemeWiring.HAXCMSTheme)(_polymerElement.PolymerElement));_exports.SimpleBlog=SimpleBlog;window.customElements.define(SimpleBlog.tag,SimpleBlog)});
\ No newline at end of file
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 0563a0b4d16..80465f0494a 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
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js","../../simple-colors.js"],function(_exports,_polymerElement,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.simpleColorsSwatchInfo=void 0;function _templateObject_a364dac054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\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      </style>\n      <table 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        <caption>\n          CSS Variables and Classes for [[swatchName]]\n        </caption>\n        <thead>\n          <tr>\n            <th scope=\"col\">Variable or Class 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-[[swatchName]]\n            </th>\n            <td style$=\"[[bg]]\">default color</td>\n            <td style$=\"[[inverseBg]]\">inverted color</td>\n          </tr>\n          <tr>\n            <th scope=\"row\">\n              --simple-colors-fixed-theme-[[swatchName]]\n            </th>\n            <td style$=\"[[bg]]\">default color</td>\n            <td style$=\"[[bg]]\">fixed color</td>\n          </tr>\n          <tr>\n            <th scope=\"row\">\n              <tt>.simple-colors-default-theme-[[swatchName]]</tt>\n            </th>\n            <td style$=\"[[bg]]\">default background color</td>\n            <td style$=\"[[inverseBg]]\">inverted background color</td>\n          </tr>\n          <tr>\n            <th scope=\"row\">\n              <tt>.simple-colors-fixed-theme-[[swatchName]]</tt>\n            </th>\n            <td style$=\"[[bg]]\">default background color</td>\n            <td style$=\"[[bg]]\">fixed background color</td>\n          </tr>\n          <tr>\n            <th scope=\"row\">\n              <tt>.simple-colors-default-theme-[[swatchName]]-text</tt>\n            </th>\n            <td style$=\"[[text]]\">default text color</td>\n            <td style$=\"[[inverseText]]\">inverted text color</td>\n          </tr>\n          <tr>\n            <th scope=\"row\">\n              <tt>.simple-colors-fixed-theme-[[swatchName]]-text</tt>\n            </th>\n            <td style$=\"[[text]]\">default text color</td>\n            <td style$=\"[[text]]\">fixed text color</td>\n          </tr>\n          <tr>\n            <th scope=\"row\">\n              <tt>.simple-colors-default-theme-[[swatchName]]-border</tt>\n            </th>\n            <td>\n              <div>\n                <span style$=\"[[border]]\"> default border color</span>\n              </div>\n            </td>\n            <td>\n              <div>\n                <span style$=\"[[inverseBorder]]\">inverted border color</span>\n              </div>\n            </td>\n          </tr>\n          <tr>\n            <th scope=\"row\">\n              <tt>.simple-colors-fixed-theme-[[swatchName]]-border</tt>\n            </th>\n            <td>\n              <div style$=\"[[border]]\">\n                default border color\n              </div>\n            </td>\n            <td>\n              <div style$=\"[[border]]\">\n                fixed border color\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      \n      <table 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        <caption>WCAG 2.0 AA Contrast with [[swatchName]]</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          <template is=\"dom-repeat\" items=\"[[_getOptions(colors)]]\" as=\"color\">\n            <tr>\n              <th scope=\"row\">[[color]]</th>\n              <td>\n                <template is=\"dom-repeat\" items=\"[[_getAa(swatchId,color)]]\" as=\"contrast\">\n                  <span class=\"contrast\" style$=\"[[_getContrastBg(color,contrast)]]\">[[color]]-[[contrast]]</span>\n                </template>\n              </td>\n              <td>\n                <template is=\"dom-repeat\" items=\"[[_getAaLarge(swatchId,color)]]\" as=\"contrast\">\n                  <span class=\"contrast\" style$=\"[[_getContrastBg(color,contrast)]]\">[[color]]-[[contrast]]</span>\n                </template>\n              </td>\n            </tr>\n          </template>\n        </tbody>\n      </table>\n      <p><small>* Large text is defined as bold text at least 14pt or normal text at least 18pt</small></p>\n    "]);_templateObject_a364dac054f411e9aeb367f92c5b63ab=function(){return data};return data}var simpleColorsSwatchInfo=function(_SimpleColors){babelHelpers.inherits(simpleColorsSwatchInfo,_SimpleColors);function simpleColorsSwatchInfo(){babelHelpers.classCallCheck(this,simpleColorsSwatchInfo);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(simpleColorsSwatchInfo).apply(this,arguments))}babelHelpers.createClass(simpleColorsSwatchInfo,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(simpleColorsSwatchInfo.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(simpleColorsSwatchInfo.prototype),"ready",this).call(this)}},{key:"_getAa",value:function _getAa(swatchId,color){var aaLarge=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!1,data=swatchId.split("_"),index=parseInt(data[1]);return this.getContrastingShades(!1,data[0],index,color)}},{key:"_getAaLarge",value:function _getAaLarge(swatchId,color){return this._getAa(swatchId,color,!0)}},{key:"_getBg",value:function _getBg(swatchId){var inverse=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!1,colors=this._getColors(swatchId,inverse);return"background: "+colors[0]+"; color: "+colors[1]+";"}},{key:"_getBorder",value:function _getBorder(swatchId){var inverse=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!1,colors=this._getColors(swatchId,inverse);return"border: 3px solid "+colors[0]+"; padding: 3px;"}},{key:"_getInverseBg",value:function _getInverseBg(swatchId){return this._getBg(swatchId,!0)}},{key:"_getInverseBorder",value:function _getInverseBorder(swatchId){return this._getBorder(swatchId,!0)}},{key:"_getInverseText",value:function _getInverseText(swatchId){return this._getText(swatchId,!0)}},{key:"_getOptions",value:function _getOptions(obj){return Object.keys(obj)}},{key:"_getText",value:function _getText(swatchId){var inverse=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!1,colors=this._getColors(swatchId,inverse);return"color: "+colors[0]+"; background: "+colors[1]+";"}},{key:"_getContrastBg",value:function _getContrastBg(color,shade){return this._getBg(color+"_"+(parseInt(shade)-1))}},{key:"_getColors",value:function _getColors(swatchId){var inverse=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!1,data=swatchId.split("_"),index=inverse?11-parseInt(data[1]):parseInt(data[1]);return[this.colors[data[0]][index],this.colors.grey[5<index?0:11]]}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a364dac054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{swatchId:{name:"swatchId",type:"String",value:"grey_0",reflectToAttribute:!0},swatchName:{name:"swatchName",type:"String",value:"grey-1",reflectToAttribute:!0},bg:{name:"bg",type:"String",computed:"_getBg(swatchId)"},inverseBg:{name:"inverseBg",type:"String",computed:"_getInverseBg(swatchId)"},text:{name:"text",type:"String",computed:"_getText(swatchId)"},inverseText:{name:"inverseText",type:"String",computed:"_getInverseText(swatchId)"},border:{name:"border",type:"String",computed:"_getBorder(swatchId)"},inverseBorder:{name:"inverseBorder",type:"String",computed:"_getInverseBorder(swatchId)"}}}},{key:"behaviors",get:function get(){return[_simpleColors.SimpleColors]}},{key:"tag",get:function get(){return"simple-colors-swatch-info"}}]);return simpleColorsSwatchInfo}(_simpleColors.SimpleColors);_exports.simpleColorsSwatchInfo=simpleColorsSwatchInfo;window.customElements.define(simpleColorsSwatchInfo.tag,simpleColorsSwatchInfo)});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js","../../simple-colors.js"],function(_exports,_polymerElement,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.simpleColorsSwatchInfo=void 0;function _templateObject_39a25550555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\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      </style>\n      <table 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        <caption>\n          CSS Variables and Classes for [[swatchName]]\n        </caption>\n        <thead>\n          <tr>\n            <th scope=\"col\">Variable or Class 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-[[swatchName]]\n            </th>\n            <td style$=\"[[bg]]\">default color</td>\n            <td style$=\"[[inverseBg]]\">inverted color</td>\n          </tr>\n          <tr>\n            <th scope=\"row\">\n              --simple-colors-fixed-theme-[[swatchName]]\n            </th>\n            <td style$=\"[[bg]]\">default color</td>\n            <td style$=\"[[bg]]\">fixed color</td>\n          </tr>\n          <tr>\n            <th scope=\"row\">\n              <tt>.simple-colors-default-theme-[[swatchName]]</tt>\n            </th>\n            <td style$=\"[[bg]]\">default background color</td>\n            <td style$=\"[[inverseBg]]\">inverted background color</td>\n          </tr>\n          <tr>\n            <th scope=\"row\">\n              <tt>.simple-colors-fixed-theme-[[swatchName]]</tt>\n            </th>\n            <td style$=\"[[bg]]\">default background color</td>\n            <td style$=\"[[bg]]\">fixed background color</td>\n          </tr>\n          <tr>\n            <th scope=\"row\">\n              <tt>.simple-colors-default-theme-[[swatchName]]-text</tt>\n            </th>\n            <td style$=\"[[text]]\">default text color</td>\n            <td style$=\"[[inverseText]]\">inverted text color</td>\n          </tr>\n          <tr>\n            <th scope=\"row\">\n              <tt>.simple-colors-fixed-theme-[[swatchName]]-text</tt>\n            </th>\n            <td style$=\"[[text]]\">default text color</td>\n            <td style$=\"[[text]]\">fixed text color</td>\n          </tr>\n          <tr>\n            <th scope=\"row\">\n              <tt>.simple-colors-default-theme-[[swatchName]]-border</tt>\n            </th>\n            <td>\n              <div>\n                <span style$=\"[[border]]\"> default border color</span>\n              </div>\n            </td>\n            <td>\n              <div>\n                <span style$=\"[[inverseBorder]]\">inverted border color</span>\n              </div>\n            </td>\n          </tr>\n          <tr>\n            <th scope=\"row\">\n              <tt>.simple-colors-fixed-theme-[[swatchName]]-border</tt>\n            </th>\n            <td>\n              <div style$=\"[[border]]\">\n                default border color\n              </div>\n            </td>\n            <td>\n              <div style$=\"[[border]]\">\n                fixed border color\n              </div>\n            </td>\n          </tr>\n        </tbody>\n      </table>\n      \n      <table 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        <caption>WCAG 2.0 AA Contrast with [[swatchName]]</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          <template is=\"dom-repeat\" items=\"[[_getOptions(colors)]]\" as=\"color\">\n            <tr>\n              <th scope=\"row\">[[color]]</th>\n              <td>\n                <template is=\"dom-repeat\" items=\"[[_getAa(swatchId,color)]]\" as=\"contrast\">\n                  <span class=\"contrast\" style$=\"[[_getContrastBg(color,contrast)]]\">[[color]]-[[contrast]]</span>\n                </template>\n              </td>\n              <td>\n                <template is=\"dom-repeat\" items=\"[[_getAaLarge(swatchId,color)]]\" as=\"contrast\">\n                  <span class=\"contrast\" style$=\"[[_getContrastBg(color,contrast)]]\">[[color]]-[[contrast]]</span>\n                </template>\n              </td>\n            </tr>\n          </template>\n        </tbody>\n      </table>\n      <p><small>* Large text is defined as bold text at least 14pt or normal text at least 18pt</small></p>\n    "]);_templateObject_39a25550555211e98f439769bd191e33=function(){return data};return data}var simpleColorsSwatchInfo=function(_SimpleColors){babelHelpers.inherits(simpleColorsSwatchInfo,_SimpleColors);function simpleColorsSwatchInfo(){babelHelpers.classCallCheck(this,simpleColorsSwatchInfo);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(simpleColorsSwatchInfo).apply(this,arguments))}babelHelpers.createClass(simpleColorsSwatchInfo,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(simpleColorsSwatchInfo.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(simpleColorsSwatchInfo.prototype),"ready",this).call(this)}},{key:"_getAa",value:function _getAa(swatchId,color){var aaLarge=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!1,data=swatchId.split("_"),index=parseInt(data[1]);return this.getContrastingShades(!1,data[0],index,color)}},{key:"_getAaLarge",value:function _getAaLarge(swatchId,color){return this._getAa(swatchId,color,!0)}},{key:"_getBg",value:function _getBg(swatchId){var inverse=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!1,colors=this._getColors(swatchId,inverse);return"background: "+colors[0]+"; color: "+colors[1]+";"}},{key:"_getBorder",value:function _getBorder(swatchId){var inverse=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!1,colors=this._getColors(swatchId,inverse);return"border: 3px solid "+colors[0]+"; padding: 3px;"}},{key:"_getInverseBg",value:function _getInverseBg(swatchId){return this._getBg(swatchId,!0)}},{key:"_getInverseBorder",value:function _getInverseBorder(swatchId){return this._getBorder(swatchId,!0)}},{key:"_getInverseText",value:function _getInverseText(swatchId){return this._getText(swatchId,!0)}},{key:"_getOptions",value:function _getOptions(obj){return Object.keys(obj)}},{key:"_getText",value:function _getText(swatchId){var inverse=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!1,colors=this._getColors(swatchId,inverse);return"color: "+colors[0]+"; background: "+colors[1]+";"}},{key:"_getContrastBg",value:function _getContrastBg(color,shade){return this._getBg(color+"_"+(parseInt(shade)-1))}},{key:"_getColors",value:function _getColors(swatchId){var inverse=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!1,data=swatchId.split("_"),index=inverse?11-parseInt(data[1]):parseInt(data[1]);return[this.colors[data[0]][index],this.colors.grey[5<index?0:11]]}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_39a25550555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{swatchId:{name:"swatchId",type:"String",value:"grey_0",reflectToAttribute:!0},swatchName:{name:"swatchName",type:"String",value:"grey-1",reflectToAttribute:!0},bg:{name:"bg",type:"String",computed:"_getBg(swatchId)"},inverseBg:{name:"inverseBg",type:"String",computed:"_getInverseBg(swatchId)"},text:{name:"text",type:"String",computed:"_getText(swatchId)"},inverseText:{name:"inverseText",type:"String",computed:"_getInverseText(swatchId)"},border:{name:"border",type:"String",computed:"_getBorder(swatchId)"},inverseBorder:{name:"inverseBorder",type:"String",computed:"_getInverseBorder(swatchId)"}}}},{key:"behaviors",get:function get(){return[_simpleColors.SimpleColors]}},{key:"tag",get:function get(){return"simple-colors-swatch-info"}}]);return simpleColorsSwatchInfo}(_simpleColors.SimpleColors);_exports.simpleColorsSwatchInfo=simpleColorsSwatchInfo;window.customElements.define(simpleColorsSwatchInfo.tag,simpleColorsSwatchInfo)});
\ No newline at end of file
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 f85164e2646..5bf70d80077 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
@@ -1 +1 @@
-define(["exports","../../../../@polymer/polymer/polymer-element.js","../../simple-colors.js","./simple-colors-swatch-info.js","../../../simple-modal/lib/simple-modal-template.js"],function(_exports,_polymerElement,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.simpleColorsSwatches=void 0;function _templateObject_a35a537054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\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      </style>\n      <div>\n        <p>Click on the swatches above to learn more.</p>\n        <div class=\"rows\">\n          <template is=\"dom-repeat\" items=\"[[_getOptions(colors)]]\" as=\"color\">\n            <div class=\"row\">\n              <template is=\"dom-repeat\" items=\"[[colors.grey]]\">\n                <button\n                  id=\"[[color]]_[[index]]\"\n                  controls=\"swatchinfo\"\n                  style$=\"background-color: [[_getHex(color,index)]];\"\n                  title$=\"[[color]]-[[_getShade(index)]]\"\n                  on-click=\"_handleTap\"\n                >\n                  <div>[[color]]-[[_getShade(index)]]</div>\n                </button>\n              </template>\n            </div>\n          </template>\n        </div>\n        <simple-modal-template id=\"modal\" title=\"[[swatchName]]\">\n          <p slot=\"content\">\n            <simple-colors-swatch-info\n              swatch-id$=\"[[swatchId]]\"\n              swatch-name$=\"[[swatchName]]\"\n            >\n            </simple-colors-swatch-info>\n          </p>\n        </simple-modal-template>\n      </div>\n    "]);_templateObject_a35a537054f411e9aeb367f92c5b63ab=function(){return data};return data}var simpleColorsSwatches=function(_SimpleColors){babelHelpers.inherits(simpleColorsSwatches,_SimpleColors);function simpleColorsSwatches(){babelHelpers.classCallCheck(this,simpleColorsSwatches);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(simpleColorsSwatches).apply(this,arguments))}babelHelpers.createClass(simpleColorsSwatches,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(simpleColorsSwatches.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(simpleColorsSwatches.prototype),"ready",this).call(this)}},{key:"_getShade",value:function _getShade(index){return parseInt(index)+1}},{key:"_getHex",value:function _getHex(color,index){return this.colors[color][index]}},{key:"_handleTap",value:function _handleTap(e){this.swatchId=e.path[0].getAttribute("id");this.swatchName=e.path[0].getAttribute("title");this.$.modal.openModal(e.path[0])}},{key:"_getOptions",value:function _getOptions(obj){return Object.keys(obj)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a35a537054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{swatchId:{name:"swatchId",type:"String",value:null},swatchName:{name:"swatchName",type:"String",value:null}}}},{key:"behaviors",get:function get(){return[_simpleColors.SimpleColors]}},{key:"tag",get:function get(){return"simple-colors-swatches"}}]);return simpleColorsSwatches}(_simpleColors.SimpleColors);_exports.simpleColorsSwatches=simpleColorsSwatches;window.customElements.define(simpleColorsSwatches.tag,simpleColorsSwatches)});
\ No newline at end of file
+define(["exports","../../../../@polymer/polymer/polymer-element.js","../../simple-colors.js","./simple-colors-swatch-info.js","../../../simple-modal/lib/simple-modal-template.js"],function(_exports,_polymerElement,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.simpleColorsSwatches=void 0;function _templateObject_39a7d390555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\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      </style>\n      <div>\n        <p>Click on the swatches above to learn more.</p>\n        <div class=\"rows\">\n          <template is=\"dom-repeat\" items=\"[[_getOptions(colors)]]\" as=\"color\">\n            <div class=\"row\">\n              <template is=\"dom-repeat\" items=\"[[colors.grey]]\">\n                <button\n                  id=\"[[color]]_[[index]]\"\n                  controls=\"swatchinfo\"\n                  style$=\"background-color: [[_getHex(color,index)]];\"\n                  title$=\"[[color]]-[[_getShade(index)]]\"\n                  on-click=\"_handleTap\"\n                >\n                  <div>[[color]]-[[_getShade(index)]]</div>\n                </button>\n              </template>\n            </div>\n          </template>\n        </div>\n        <simple-modal-template id=\"modal\" title=\"[[swatchName]]\">\n          <p slot=\"content\">\n            <simple-colors-swatch-info\n              swatch-id$=\"[[swatchId]]\"\n              swatch-name$=\"[[swatchName]]\"\n            >\n            </simple-colors-swatch-info>\n          </p>\n        </simple-modal-template>\n      </div>\n    "]);_templateObject_39a7d390555211e98f439769bd191e33=function(){return data};return data}var simpleColorsSwatches=function(_SimpleColors){babelHelpers.inherits(simpleColorsSwatches,_SimpleColors);function simpleColorsSwatches(){babelHelpers.classCallCheck(this,simpleColorsSwatches);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(simpleColorsSwatches).apply(this,arguments))}babelHelpers.createClass(simpleColorsSwatches,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(simpleColorsSwatches.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(simpleColorsSwatches.prototype),"ready",this).call(this)}},{key:"_getShade",value:function _getShade(index){return parseInt(index)+1}},{key:"_getHex",value:function _getHex(color,index){return this.colors[color][index]}},{key:"_handleTap",value:function _handleTap(e){this.swatchId=e.path[0].getAttribute("id");this.swatchName=e.path[0].getAttribute("title");this.$.modal.openModal(e.path[0])}},{key:"_getOptions",value:function _getOptions(obj){return Object.keys(obj)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_39a7d390555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{swatchId:{name:"swatchId",type:"String",value:null},swatchName:{name:"swatchName",type:"String",value:null}}}},{key:"behaviors",get:function get(){return[_simpleColors.SimpleColors]}},{key:"tag",get:function get(){return"simple-colors-swatches"}}]);return simpleColorsSwatches}(_simpleColors.SimpleColors);_exports.simpleColorsSwatches=simpleColorsSwatches;window.customElements.define(simpleColorsSwatches.tag,simpleColorsSwatches)});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/simple-colors-picker.js b/build/es5-amd/node_modules/@lrnwebcomponents/simple-colors/lib/simple-colors-picker.js
index da55a9386eb..f516706e3d9 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/elements/dom-repeat.js","../simple-colors.js","../../simple-picker/simple-picker.js"],function(_exports,_polymerElement,_domRepeat,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleColorsPicker=void 0;function _templateObject_a1cab2c054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\n        :host {\n          display: inline-block;\n          --simple-picker-selected-option-outline: 2px dashed black;\n          --simple-picker-active-option-outline: 2px solid black;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <simple-picker\n        id=\"picker\"\n        aria-labelledby$=\"[[ariaLabelledby]]\"\n        disabled$=\"[[disabled]]\"\n        expanded$=\"[[expanded]]\"\n        hide-option-labels$=\"[[shades]]\"\n        label$=\"[[label]]\"\n        on-change=\"_handleChange\"\n        on-collapse=\"_handleCollapse\"\n        on-expand=\"_handleExpand\"\n        on-option-focus=\"_handleOptionFocus\"\n        value$=\"{{value}}\"\n      >\n      </simple-picker>\n    "]);_templateObject_a1cab2c054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimpleColorsPicker=function(_SimpleColors){babelHelpers.inherits(SimpleColorsPicker,_SimpleColors);function SimpleColorsPicker(){babelHelpers.classCallCheck(this,SimpleColorsPicker);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleColorsPicker).apply(this,arguments))}babelHelpers.createClass(SimpleColorsPicker,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleColorsPicker.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleColorsPicker.prototype),"ready",this).call(this);this.__ready=!0}},{key:"_getOptions",value:function _getOptions(colors,shades,dark){var options=[[]],theme=!1!==dark?"dark":"default";if(!1===shades){options=Object.keys(this.colors).map(function(key){return[{alt:key,style:"color: var(--simple-colors-"+theme+"-theme-grey-12); background-color: var(--simple-colors-"+theme+"-theme-"+key+"-4)",value:key}]});options.unshift([{alt:"none",style:"background-color: var(--simple-picker-background-color,#ddd)",value:null}])}else{for(var colorNames=Object.keys(colors),_loop=function(i){var shade=Object.keys(colors).map(function(key){var name=key+"-"+(i+1),cssvar="--simple-colors-"+theme+"-theme-"+name;return{alt:name,style:"background-color: var("+cssvar+")",value:cssvar}});options.push(shade)},i=0;i<colors[colorNames[0]].length;i++){_loop(i)}}this.$.picker.options=options}},{key:"_handleChange",value:function _handleChange(e){this.value=e.detail.value;if(this.__ready!==void 0)this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:this}))}},{key:"_handleCollapse",value:function _handleCollapse(){if(this.__ready!==void 0)this.dispatchEvent(new CustomEvent("collapse",{detail:this}))}},{key:"_handleExpand",value:function _handleExpand(){if(this.__ready!==void 0)this.dispatchEvent(new CustomEvent("expand",{detail:this}))}},{key:"_handleOptionFocus",value:function _handleOptionFocus(){if(this.__ready!==void 0)this.dispatchEvent(new CustomEvent("option-focus",{detail:this}))}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a1cab2c054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{ariaLabelledby:{name:"ariaLabelledby",type:String,value:null},disabled:{name:"disabled",type:Boolean,value:!1},expanded:{name:"expanded",type:Boolean,value:!1,reflectToAttribute:!0},label:{name:"label",type:String,value:null},options:{name:"options",type:Array,computed:"_getOptions(colors,shades,dark)",reflectToAttribute:!1,observer:!1},shades:{name:"shades",type:Boolean,value:!1,reflectToAttribute:!0},value:{name:"label",type:"String",value:null,reflectToAttribute:!0,notify:!0}}}},{key:"tag",get:function get(){return"simple-colors-picker"}},{key:"behaviors",get:function get(){return[_simpleColors.SimpleColors]}}]);return SimpleColorsPicker}(_simpleColors.SimpleColors);_exports.SimpleColorsPicker=SimpleColorsPicker;window.customElements.define(SimpleColorsPicker.tag,SimpleColorsPicker)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/elements/dom-repeat.js","../simple-colors.js","../../simple-picker/simple-picker.js"],function(_exports,_polymerElement,_domRepeat,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleColorsPicker=void 0;function _templateObject_35f81200555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\">\n        :host {\n          display: inline-block;\n          --simple-picker-selected-option-outline: 2px dashed black;\n          --simple-picker-active-option-outline: 2px solid black;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <simple-picker\n        id=\"picker\"\n        aria-labelledby$=\"[[ariaLabelledby]]\"\n        disabled$=\"[[disabled]]\"\n        expanded$=\"[[expanded]]\"\n        hide-option-labels$=\"[[shades]]\"\n        label$=\"[[label]]\"\n        on-change=\"_handleChange\"\n        on-collapse=\"_handleCollapse\"\n        on-expand=\"_handleExpand\"\n        on-option-focus=\"_handleOptionFocus\"\n        value$=\"{{value}}\"\n      >\n      </simple-picker>\n    "]);_templateObject_35f81200555211e98f439769bd191e33=function(){return data};return data}var SimpleColorsPicker=function(_SimpleColors){babelHelpers.inherits(SimpleColorsPicker,_SimpleColors);function SimpleColorsPicker(){babelHelpers.classCallCheck(this,SimpleColorsPicker);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleColorsPicker).apply(this,arguments))}babelHelpers.createClass(SimpleColorsPicker,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleColorsPicker.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleColorsPicker.prototype),"ready",this).call(this);this.__ready=!0}},{key:"_getOptions",value:function _getOptions(colors,shades,dark){var options=[[]],theme=!1!==dark?"dark":"default";if(!1===shades){options=Object.keys(this.colors).map(function(key){return[{alt:key,style:"color: var(--simple-colors-"+theme+"-theme-grey-12); background-color: var(--simple-colors-"+theme+"-theme-"+key+"-4)",value:key}]});options.unshift([{alt:"none",style:"background-color: var(--simple-picker-background-color,#ddd)",value:null}])}else{for(var colorNames=Object.keys(colors),_loop=function(i){var shade=Object.keys(colors).map(function(key){var name=key+"-"+(i+1),cssvar="--simple-colors-"+theme+"-theme-"+name;return{alt:name,style:"background-color: var("+cssvar+")",value:cssvar}});options.push(shade)},i=0;i<colors[colorNames[0]].length;i++){_loop(i)}}this.$.picker.options=options}},{key:"_handleChange",value:function _handleChange(e){this.value=e.detail.value;if(this.__ready!==void 0)this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:this}))}},{key:"_handleCollapse",value:function _handleCollapse(){if(this.__ready!==void 0)this.dispatchEvent(new CustomEvent("collapse",{detail:this}))}},{key:"_handleExpand",value:function _handleExpand(){if(this.__ready!==void 0)this.dispatchEvent(new CustomEvent("expand",{detail:this}))}},{key:"_handleOptionFocus",value:function _handleOptionFocus(){if(this.__ready!==void 0)this.dispatchEvent(new CustomEvent("option-focus",{detail:this}))}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_35f81200555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{ariaLabelledby:{name:"ariaLabelledby",type:String,value:null},disabled:{name:"disabled",type:Boolean,value:!1},expanded:{name:"expanded",type:Boolean,value:!1,reflectToAttribute:!0},label:{name:"label",type:String,value:null},options:{name:"options",type:Array,computed:"_getOptions(colors,shades,dark)",reflectToAttribute:!1,observer:!1},shades:{name:"shades",type:Boolean,value:!1,reflectToAttribute:!0},value:{name:"label",type:"String",value:null,reflectToAttribute:!0,notify:!0}}}},{key:"tag",get:function get(){return"simple-colors-picker"}},{key:"behaviors",get:function get(){return[_simpleColors.SimpleColors]}}]);return SimpleColorsPicker}(_simpleColors.SimpleColors);_exports.SimpleColorsPicker=SimpleColorsPicker;window.customElements.define(SimpleColorsPicker.tag,SimpleColorsPicker)});
\ No newline at end of file
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 4b31694724f..73506dd2521 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","./lib/simple-colors-styles.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleColors=void 0;function _templateObject_8d732dc054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\"></style>\n      <slot></slot>\n    "]);_templateObject_8d732dc054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimpleColors=function(_PolymerElement){babelHelpers.inherits(SimpleColors,_PolymerElement);function SimpleColors(){babelHelpers.classCallCheck(this,SimpleColors);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleColors).apply(this,arguments))}babelHelpers.createClass(SimpleColors,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleColors.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleColors.prototype),"ready",this).call(this)}},{key:"maxContrastShade",value:function maxContrastShade(shade){return window.SimpleColorsUtilities.maxContrastShade(shade)}},{key:"invertShade",value:function invertShade(shade){return window.SimpleColorsUtilities.invertShade(shade)}},{key:"getColorInfo",value:function getColorInfo(colorName){var temp1=colorName.replace(/(.+simple-colors-)?(-text)?(-border)?/g,"").split("-theme-"),theme=0<temp1.length?temp1[0]:"default",temp2=0<temp1.length?temp1[1].split("-"):temp1[0].split("-"),color=1<temp2.length?temp2.slice(1,temp2.length-1).join("-"):"grey",shade=1<temp2.length?temp2[temp2.length-1]:"1";return{theme:theme,color:color,shade:shade}}},{key:"makeVariable",value:function makeVariable(){var color=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"grey",shade=1<arguments.length&&arguments[1]!==void 0?arguments[1]:1,theme=2<arguments.length&&arguments[2]!==void 0?arguments[2]:"default";return window.SimpleColorsUtilities.makeVariable(color="grey",shade=1,theme="default")}},{key:"makeClass",value:function makeClass(){var color=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"grey",shade=1<arguments.length&&arguments[1]!==void 0?arguments[1]:1,theme=2<arguments.length&&arguments[2]!==void 0?arguments[2]:"default",suffix=3<arguments.length&&arguments[3]!==void 0?arguments[3]:"";return window.SimpleColorsUtilities.makeClass(color="grey",shade=1,theme="default",suffix="")}},{key:"getContrastingColors",value:function getContrastingColors(colorName,colorShade,isLarge){return window.SimpleColorsUtilities.getContrastingColors(colorName,colorShade,isLarge)}},{key:"getContrastingShades",value:function getContrastingShades(isLarge,colorName,colorShade,contrastName){return window.SimpleColorsUtilities.getContrastingShades(isLarge,colorName,colorShade,contrastName)}},{key:"isContrastCompliant",value:function isContrastCompliant(isLarge,colorName,colorShade,contrastName,contrastShade){return window.SimpleColorsUtilities.isContrastCompliant(isLarge,colorName,colorShade,contrastName,contrastShade)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_8d732dc054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{accentColor:{name:"accentColor",type:"String",value:"grey",reflectToAttribute:!0,notify:!0},dark:{name:"dark",type:"Boolean",value:!1,reflectToAttribute:!0,notify:!0},colors:{name:"colors",type:"Object",value:window.SimpleColorsUtilities.colors,notify:!0}}}},{key:"tag",get:function get(){return"simple-colors"}}]);return SimpleColors}(_polymerElement.PolymerElement);_exports.SimpleColors=SimpleColors;customElements.define(SimpleColors.tag,SimpleColors)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","./lib/simple-colors-styles.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleColors=void 0;function _templateObject_26f10640555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"simple-colors\"></style>\n      <slot></slot>\n    "]);_templateObject_26f10640555211e98f439769bd191e33=function(){return data};return data}var SimpleColors=function(_PolymerElement){babelHelpers.inherits(SimpleColors,_PolymerElement);function SimpleColors(){babelHelpers.classCallCheck(this,SimpleColors);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleColors).apply(this,arguments))}babelHelpers.createClass(SimpleColors,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleColors.prototype),"connectedCallback",this).call(this)}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleColors.prototype),"ready",this).call(this)}},{key:"maxContrastShade",value:function maxContrastShade(shade){return window.SimpleColorsUtilities.maxContrastShade(shade)}},{key:"invertShade",value:function invertShade(shade){return window.SimpleColorsUtilities.invertShade(shade)}},{key:"getColorInfo",value:function getColorInfo(colorName){var temp1=colorName.replace(/(.+simple-colors-)?(-text)?(-border)?/g,"").split("-theme-"),theme=0<temp1.length?temp1[0]:"default",temp2=0<temp1.length?temp1[1].split("-"):temp1[0].split("-"),color=1<temp2.length?temp2.slice(1,temp2.length-1).join("-"):"grey",shade=1<temp2.length?temp2[temp2.length-1]:"1";return{theme:theme,color:color,shade:shade}}},{key:"makeVariable",value:function makeVariable(){var color=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"grey",shade=1<arguments.length&&arguments[1]!==void 0?arguments[1]:1,theme=2<arguments.length&&arguments[2]!==void 0?arguments[2]:"default";return window.SimpleColorsUtilities.makeVariable(color="grey",shade=1,theme="default")}},{key:"makeClass",value:function makeClass(){var color=0<arguments.length&&arguments[0]!==void 0?arguments[0]:"grey",shade=1<arguments.length&&arguments[1]!==void 0?arguments[1]:1,theme=2<arguments.length&&arguments[2]!==void 0?arguments[2]:"default",suffix=3<arguments.length&&arguments[3]!==void 0?arguments[3]:"";return window.SimpleColorsUtilities.makeClass(color="grey",shade=1,theme="default",suffix="")}},{key:"getContrastingColors",value:function getContrastingColors(colorName,colorShade,isLarge){return window.SimpleColorsUtilities.getContrastingColors(colorName,colorShade,isLarge)}},{key:"getContrastingShades",value:function getContrastingShades(isLarge,colorName,colorShade,contrastName){return window.SimpleColorsUtilities.getContrastingShades(isLarge,colorName,colorShade,contrastName)}},{key:"isContrastCompliant",value:function isContrastCompliant(isLarge,colorName,colorShade,contrastName,contrastShade){return window.SimpleColorsUtilities.isContrastCompliant(isLarge,colorName,colorShade,contrastName,contrastShade)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_26f10640555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{accentColor:{name:"accentColor",type:"String",value:"grey",reflectToAttribute:!0,notify:!0},dark:{name:"dark",type:"Boolean",value:!1,reflectToAttribute:!0,notify:!0},colors:{name:"colors",type:"Object",value:window.SimpleColorsUtilities.colors,notify:!0}}}},{key:"tag",get:function get(){return"simple-colors"}}]);return SimpleColors}(_polymerElement.PolymerElement);_exports.SimpleColors=SimpleColors;customElements.define(SimpleColors.tag,SimpleColors)});
\ No newline at end of file
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 f954a34c3a2..ac454cdc8cb 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/iron-icons/iron-icons.js","../../lrn-icons/lrn-icons.js","../../simple-colors/simple-colors.js"],function(_polymerLegacy,_paperButton,_paperTooltip,_ironIcons,_lrnIcons,_simpleColors){"use strict";function _templateObject_a1fda9a054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors\">\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(--simple-colors-default-theme-grey-1);\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_a1fda9a054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a1fda9a054f411e9aeb367f92c5b63ab()),is:"simple-concept-network-node",behaviors:[HAXBehaviors.PropertiesBehaviors,_simpleColors.SimpleColors,A11yBehaviors.A11y],properties:{coloredText:{type:Boolean,value:!1,reflectToAttribute:!0,notify:!0},visualization:{type:String,reflectToAttribute:!0,value:"3d"},icon:{type:String},image:{type:String},disabled:{type:Boolean},label:{type:String},description:{type:String},src:{type:String}}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-button/paper-button.js","../../../@polymer/paper-tooltip/paper-tooltip.js","../../../@polymer/iron-icons/iron-icons.js","../../lrn-icons/lrn-icons.js","../../simple-colors/simple-colors.js"],function(_polymerLegacy,_paperButton,_paperTooltip,_ironIcons,_lrnIcons,_simpleColors){"use strict";function _templateObject_361054f0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors\">\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(--simple-colors-default-theme-grey-1);\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_361054f0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_361054f0555211e98f439769bd191e33()),is:"simple-concept-network-node",behaviors:[HAXBehaviors.PropertiesBehaviors,_simpleColors.SimpleColors,A11yBehaviors.A11y],properties:{coloredText:{type:Boolean,value:!1,reflectToAttribute:!0,notify:!0},visualization:{type:String,reflectToAttribute:!0,value:"3d"},icon:{type:String},image:{type:String},disabled:{type:Boolean},label:{type:String},description:{type:String},src:{type:String}}})});
\ No newline at end of file
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 7fd05486bcf..e77c433ceac 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../simple-colors/simple-colors.js","../hax-body-behaviors/lib/HAXWiring.js","../a11y-behaviors/a11y-behaviors.js","./lib/simple-concept-network-node.js"],function(_exports,_polymerLegacy,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleConceptNetwork=void 0;function _templateObject_8e13b38054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors\">\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_8e13b38054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimpleConceptNetwork=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8e13b38054f411e9aeb367f92c5b63ab()),is:"simple-concept-network",behaviors:[HAXBehaviors.PropertiesBehaviors,_simpleColors.SimpleColors,A11yBehaviors.A11y],observers:["_valueChanged(nodes.*)"],properties:{visualization:{type:String,reflectToAttribute:!0,value:"3d"},disabled:{type:Boolean},coloredText:{type:Boolean,reflectToAttribute:!0,value:!1},nodes:{type:Array,value:[],notify:!0}},_valueChanged:function _valueChanged(e){for(var i in e.base){for(var j in e.base[i]){this.notifyPath("nodes."+i+"."+j)}}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Concept Network",description:"A simple way of visualizing data in a small network style configuration.",icon:"lrn:network",color:"blue",groups:["Image","Visualization"],handles:[{type:"image",source:"nodes.source",title:"nodes.label",link:"nodes.src",description:"nodes.description"}],meta:{author:"LRNWebComponents"}},settings:{quick:[],configure:[{property:"visualization",title:"Visualization",description:"How to visualize the concept",inputMethod:"select",options:{"3d":"3d plain",network:"network",flat:"flat"}},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"},{property:"coloredText",title:"Colored Text / Icon",description:"Apply color to text / icon instead of background.",inputMethod:"boolean",icon:"editor:format-color-text"},{property:"nodes",title:"Node list",description:"List of the items to present in the visual",inputMethod:"array",properties:[{property:"color",title:"Node color",description:"Select the accent color for this node",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"icon",title:"Icon",description:"icon to display in the middle",inputMethod:"iconpicker",options:[]},{property:"label",title:"Label",description:"Label",inputMethod:"textfield"},{property:"image",title:"Image",description:"Image for the background",inputMethod:"textfield",validationType:"url"},{property:"description",title:"Description",description:"A longer description that can be used as part of a modal presentation",inputMethod:"textfield"},{property:"src",title:"Link",description:"Label",inputMethod:"textfield",validationType:"url"}]}],advanced:[]}})}});_exports.SimpleConceptNetwork=SimpleConceptNetwork});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../simple-colors/simple-colors.js","../hax-body-behaviors/lib/HAXWiring.js","../a11y-behaviors/a11y-behaviors.js","./lib/simple-concept-network-node.js"],function(_exports,_polymerLegacy,_simpleColors){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleConceptNetwork=void 0;function _templateObject_27534a80555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"simple-colors\">\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_27534a80555211e98f439769bd191e33=function(){return data};return data}var SimpleConceptNetwork=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_27534a80555211e98f439769bd191e33()),is:"simple-concept-network",behaviors:[HAXBehaviors.PropertiesBehaviors,_simpleColors.SimpleColors,A11yBehaviors.A11y],observers:["_valueChanged(nodes.*)"],properties:{visualization:{type:String,reflectToAttribute:!0,value:"3d"},disabled:{type:Boolean},coloredText:{type:Boolean,reflectToAttribute:!0,value:!1},nodes:{type:Array,value:[],notify:!0}},_valueChanged:function _valueChanged(e){for(var i in e.base){for(var j in e.base[i]){this.notifyPath("nodes."+i+"."+j)}}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Concept Network",description:"A simple way of visualizing data in a small network style configuration.",icon:"lrn:network",color:"blue",groups:["Image","Visualization"],handles:[{type:"image",source:"nodes.source",title:"nodes.label",link:"nodes.src",description:"nodes.description"}],meta:{author:"LRNWebComponents"}},settings:{quick:[],configure:[{property:"visualization",title:"Visualization",description:"How to visualize the concept",inputMethod:"select",options:{"3d":"3d plain",network:"network",flat:"flat"}},{property:"dark",title:"Dark",description:"Use dark theme",inputMethod:"boolean",icon:"invert-colors"},{property:"coloredText",title:"Colored Text / Icon",description:"Apply color to text / icon instead of background.",inputMethod:"boolean",icon:"editor:format-color-text"},{property:"nodes",title:"Node list",description:"List of the items to present in the visual",inputMethod:"array",properties:[{property:"color",title:"Node color",description:"Select the accent color for this node",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{property:"icon",title:"Icon",description:"icon to display in the middle",inputMethod:"iconpicker",options:[]},{property:"label",title:"Label",description:"Label",inputMethod:"textfield"},{property:"image",title:"Image",description:"Image for the background",inputMethod:"textfield",validationType:"url"},{property:"description",title:"Description",description:"A longer description that can be used as part of a modal presentation",inputMethod:"textfield"},{property:"src",title:"Link",description:"Label",inputMethod:"textfield",validationType:"url"}]}],advanced:[]}})}});_exports.SimpleConceptNetwork=SimpleConceptNetwork});
\ No newline at end of file
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 26a32bca722..76282df6776 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","./lib/date.format.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleDatetime=void 0;function _templateObject_8de9e46054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        font-size: 14px;\n        color: #b3b3b1;\n        line-height: 30px;\n      }\n    </style>\n    <time datetime$=\"[[date]]\">[[date]]</time>\n  "]);_templateObject_8de9e46054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimpleDatetime=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8de9e46054f411e9aeb367f92c5b63ab()),is:"simple-datetime",properties:{timestamp:{type:Number},format:{type:String,value:"M jS, Y"},date:{type:String,computed:"formatDate(timestamp, format, unix)"},unix:{type:Boolean,value:!1}},formatDate:function formatDate(timestamp,format,unix){if(unix){timestamp=1e3*timestamp}return new Date(timestamp).format(format)}});_exports.SimpleDatetime=SimpleDatetime});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","./lib/date.format.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleDatetime=void 0;function _templateObject_276c29b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        font-size: 14px;\n        color: #b3b3b1;\n        line-height: 30px;\n      }\n    </style>\n    <time datetime$=\"[[date]]\">[[date]]</time>\n  "]);_templateObject_276c29b0555211e98f439769bd191e33=function(){return data};return data}var SimpleDatetime=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_276c29b0555211e98f439769bd191e33()),is:"simple-datetime",properties:{timestamp:{type:Number},format:{type:String,value:"M jS, Y"},date:{type:String,computed:"formatDate(timestamp, format, unix)"},unix:{type:Boolean,value:!1}},formatDate:function formatDate(timestamp,format,unix){if(unix){timestamp=1e3*timestamp}return new Date(timestamp).format(format)}});_exports.SimpleDatetime=SimpleDatetime});
\ No newline at end of file
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 f7685dcba17..a95e48a0be5 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/async.js","../simple-colors/simple-colors.js","../../@polymer/app-layout/app-drawer/app-drawer.js","../../@polymer/neon-animation/neon-animation.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js"],function(_exports,_polymerElement,_polymerDom,async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleDrawer=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_8ea82b5054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          z-index: 1000;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n\n        app-drawer {\n          --app-drawer-width: var(--simple-drawer-width, 256px);\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          font-size: 14px;\n          @apply --simple-drawer-content;\n        }\n\n        .content {\n          text-align: left;\n          padding: 8px 24px;\n          @apply --simple-drawer-content-container;\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: 40px;\n          line-height: 48px;\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          @apply --simple-drawer-header;\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          @apply --simple-drawer-heading;\n        }\n      </style>\n      <style is=\"custom-style\" include=\"simple-colors\"></style>\n      <app-drawer\n        tabindex=\"0\"\n        id=\"drawer\"\n        opened=\"{{opened}}\"\n        align=\"[[align]]\"\n        role=\"dialog\"\n      >\n        <div class=\"wrapper\">\n          <div class=\"top\">\n            <h2 hidden$=\"[[!title]]\">[[title]]</h2>\n            <slot name=\"header\"></slot>\n          </div>\n          <div class=\"content\">\n            <slot name=\"content\"></slot>\n          </div>\n          <paper-button id=\"close\" on-tap=\"close\">\n            <iron-icon icon=\"[[closeIcon]]\"></iron-icon> [[closeLabel]]\n          </paper-button>\n        </div>\n      </app-drawer>\n    "]);_templateObject_8ea82b5054f411e9aeb367f92c5b63ab=function(){return data};return data}window.SimpleDrawer=window.SimpleDrawer||{};window.SimpleDrawer.requestAvailability=function(){if(!window.SimpleDrawer.instance){window.SimpleDrawer.instance=document.createElement("simple-drawer");document.body.appendChild(window.SimpleDrawer.instance)}return window.SimpleDrawer.instance};var SimpleDrawer=function(_PolymerElement){babelHelpers.inherits(SimpleDrawer,_PolymerElement);function SimpleDrawer(){babelHelpers.classCallCheck(this,SimpleDrawer);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleDrawer).apply(this,arguments))}babelHelpers.createClass(SimpleDrawer,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleDrawer.prototype),"connectedCallback",this).call(this);window.addEventListener("simple-drawer-hide",this.close.bind(this));window.addEventListener("simple-drawer-show",this.showEvent.bind(this))}},{key:"_resizeContent",value:function _resizeContent(){async.microTask.run(function(){window.dispatchEvent(new Event("resize"))})}},{key:"showEvent",value:function showEvent(e){var _this=this;if(this.opened){while(null!==(0,_polymerDom.dom)(this).firstChild){(0,_polymerDom.dom)(this).removeChild((0,_polymerDom.dom)(this).firstChild)}setTimeout(function(){_this.show(e.detail.title,e.detail.elements,e.detail.invokedBy,e.detail.align,e.detail.clone)},100)}else{this.show(e.detail.title,e.detail.elements,e.detail.invokedBy,e.detail.align,e.detail.size,e.detail.clone)}}},{key:"show",value:function show(title,elements,invokedBy){var _this2=this,align=3<arguments.length&&arguments[3]!==void 0?arguments[3]:"left",size=4<arguments.length&&arguments[4]!==void 0?arguments[4]:"256px",clone=5<arguments.length&&arguments[5]!==void 0?arguments[5]:!1;this.set("invokedBy",invokedBy);this.title=title;this.align=align;this.updateStyles({"--simple-drawer-width":size});var element,slots=["header","content"];for(var i in slots){if(elements[slots[i]]){if(clone){element=elements[slots[i]].cloneNode(!0)}else{element=elements[slots[i]]}element.setAttribute("slot",slots[i]);(0,_polymerDom.dom)(this).appendChild(element)}}setTimeout(function(){_this2.opened=!0;_this2._resizeContent()},100)}},{key:"animationEnded",value:function animationEnded(){var _this3=this;this.title="";while(null!==(0,_polymerDom.dom)(this).firstChild){(0,_polymerDom.dom)(this).removeChild((0,_polymerDom.dom)(this).firstChild)}if(this.invokedBy){async.microTask.run(function(){setTimeout(function(){_this3.invokedBy.focus()},500)})}}},{key:"close",value:function close(){this.$.drawer.close()}},{key:"_openedChanged",value:function _openedChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&!newValue){this.animationEnded();var evt=new CustomEvent("simple-drawer-closed",{bubbles:!0,cancelable:!0,detail:{opened:!1,invokedBy:this.invokedBy}});this.dispatchEvent(evt)}else if(newValue){var _evt=new CustomEvent("simple-drawer-opened",{bubbles:!0,cancelable:!0,detail:{opened:!0,invokedBy:this.invokedBy}});this.dispatchEvent(_evt)}}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleDrawer.prototype),"disconnectedCallback",this).call(this);window.removeEventListener("simple-drawer-hide",this.close.bind(this));window.removeEventListener("simple-drawer-show",this.showEvent.bind(this))}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_8ea82b5054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{title:{name:"title",type:String,value:""},align:{name:"align",type:String,value:"left"},opened:{name:"opened",type:Boolean,value:!1,reflectToAttribute:!0,observer:"_openedChanged"},closeLabel:{name:"closeLabel",type:String,value:"Close"},closeIcon:{name:"closeIcon",type:String,value:"cancel"},invokedBy:{name:"invokedBy",type:Object}}}},{key:"tag",get:function get(){return"simple-drawer"}}]);return SimpleDrawer}(_polymerElement.PolymerElement);_exports.SimpleDrawer=SimpleDrawer;window.customElements.define(SimpleDrawer.tag,SimpleDrawer)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/async.js","../simple-colors/simple-colors.js","../../@polymer/app-layout/app-drawer/app-drawer.js","../../@polymer/neon-animation/neon-animation.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js"],function(_exports,_polymerElement,_polymerDom,async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleDrawer=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_27a4ecf0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n          z-index: 1000;\n        }\n        :host([hidden]) {\n          display: none;\n        }\n\n        app-drawer {\n          --app-drawer-width: var(--simple-drawer-width, 256px);\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          font-size: 14px;\n          @apply --simple-drawer-content;\n        }\n\n        .content {\n          text-align: left;\n          padding: 8px 24px;\n          @apply --simple-drawer-content-container;\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: 40px;\n          line-height: 48px;\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          @apply --simple-drawer-header;\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          @apply --simple-drawer-heading;\n        }\n      </style>\n      <style is=\"custom-style\" include=\"simple-colors\"></style>\n      <app-drawer\n        tabindex=\"0\"\n        id=\"drawer\"\n        opened=\"{{opened}}\"\n        align=\"[[align]]\"\n        role=\"dialog\"\n      >\n        <div class=\"wrapper\">\n          <div class=\"top\">\n            <h2 hidden$=\"[[!title]]\">[[title]]</h2>\n            <slot name=\"header\"></slot>\n          </div>\n          <div class=\"content\">\n            <slot name=\"content\"></slot>\n          </div>\n          <paper-button id=\"close\" on-tap=\"close\">\n            <iron-icon icon=\"[[closeIcon]]\"></iron-icon> [[closeLabel]]\n          </paper-button>\n        </div>\n      </app-drawer>\n    "]);_templateObject_27a4ecf0555211e98f439769bd191e33=function(){return data};return data}window.SimpleDrawer=window.SimpleDrawer||{};window.SimpleDrawer.requestAvailability=function(){if(!window.SimpleDrawer.instance){window.SimpleDrawer.instance=document.createElement("simple-drawer");document.body.appendChild(window.SimpleDrawer.instance)}return window.SimpleDrawer.instance};var SimpleDrawer=function(_PolymerElement){babelHelpers.inherits(SimpleDrawer,_PolymerElement);function SimpleDrawer(){babelHelpers.classCallCheck(this,SimpleDrawer);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleDrawer).apply(this,arguments))}babelHelpers.createClass(SimpleDrawer,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleDrawer.prototype),"connectedCallback",this).call(this);window.addEventListener("simple-drawer-hide",this.close.bind(this));window.addEventListener("simple-drawer-show",this.showEvent.bind(this))}},{key:"_resizeContent",value:function _resizeContent(){async.microTask.run(function(){window.dispatchEvent(new Event("resize"))})}},{key:"showEvent",value:function showEvent(e){var _this=this;if(this.opened){while(null!==(0,_polymerDom.dom)(this).firstChild){(0,_polymerDom.dom)(this).removeChild((0,_polymerDom.dom)(this).firstChild)}setTimeout(function(){_this.show(e.detail.title,e.detail.elements,e.detail.invokedBy,e.detail.align,e.detail.clone)},100)}else{this.show(e.detail.title,e.detail.elements,e.detail.invokedBy,e.detail.align,e.detail.size,e.detail.clone)}}},{key:"show",value:function show(title,elements,invokedBy){var _this2=this,align=3<arguments.length&&arguments[3]!==void 0?arguments[3]:"left",size=4<arguments.length&&arguments[4]!==void 0?arguments[4]:"256px",clone=5<arguments.length&&arguments[5]!==void 0?arguments[5]:!1;this.set("invokedBy",invokedBy);this.title=title;this.align=align;this.updateStyles({"--simple-drawer-width":size});var element,slots=["header","content"];for(var i in slots){if(elements[slots[i]]){if(clone){element=elements[slots[i]].cloneNode(!0)}else{element=elements[slots[i]]}element.setAttribute("slot",slots[i]);(0,_polymerDom.dom)(this).appendChild(element)}}setTimeout(function(){_this2.opened=!0;_this2._resizeContent()},100)}},{key:"animationEnded",value:function animationEnded(){var _this3=this;this.title="";while(null!==(0,_polymerDom.dom)(this).firstChild){(0,_polymerDom.dom)(this).removeChild((0,_polymerDom.dom)(this).firstChild)}if(this.invokedBy){async.microTask.run(function(){setTimeout(function(){_this3.invokedBy.focus()},500)})}}},{key:"close",value:function close(){this.$.drawer.close()}},{key:"_openedChanged",value:function _openedChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&!newValue){this.animationEnded();var evt=new CustomEvent("simple-drawer-closed",{bubbles:!0,cancelable:!0,detail:{opened:!1,invokedBy:this.invokedBy}});this.dispatchEvent(evt)}else if(newValue){var _evt=new CustomEvent("simple-drawer-opened",{bubbles:!0,cancelable:!0,detail:{opened:!0,invokedBy:this.invokedBy}});this.dispatchEvent(_evt)}}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleDrawer.prototype),"disconnectedCallback",this).call(this);window.removeEventListener("simple-drawer-hide",this.close.bind(this));window.removeEventListener("simple-drawer-show",this.showEvent.bind(this))}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_27a4ecf0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{title:{name:"title",type:String,value:""},align:{name:"align",type:String,value:"left"},opened:{name:"opened",type:Boolean,value:!1,reflectToAttribute:!0,observer:"_openedChanged"},closeLabel:{name:"closeLabel",type:String,value:"Close"},closeIcon:{name:"closeIcon",type:String,value:"cancel"},invokedBy:{name:"invokedBy",type:Object}}}},{key:"tag",get:function get(){return"simple-drawer"}}]);return SimpleDrawer}(_polymerElement.PolymerElement);_exports.SimpleDrawer=SimpleDrawer;window.customElements.define(SimpleDrawer.tag,SimpleDrawer)});
\ No newline at end of file
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 5c883c99973..8a43fb78278 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/polymer/lib/utils/render-status.js","../simple-picker/simple-picker.js","../../@polymer/iron-meta/iron-meta.js"],function(_exports,_polymerElement,_renderStatus,_simplePicker,_ironMeta){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleIconPicker=void 0;function _templateObject_8e50957054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: flex;\n          --simple-picker-option-size: 24px;\n          --simple-picker-collapse: {\n            width: 360px;\n            height: 300px;\n            max-height: 300px;\n            overflow: scroll;\n          }\n          --simple-picker-row: {\n            justify-content: flex-start;\n          }\n          --simple-picker-option: {\n            flex: 0 0 auto;\n          }\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <simple-picker\n        aria-labelledby$=\"[[ariaLabelledby]]\"\n        disabled$=\"[[disabled]]\"\n        expanded$=\"[[expanded]]\"\n        hide-option-labels\n        label$=\"[[label]]\"\n        on-change=\"_handleChange\"\n        on-collapse=\"_handleCollapse\"\n        on-expand=\"_handleExpand\"\n        on-option-focus=\"_handleOptionFocus\"\n        options=\"[[options]]\"\n        value$=\"{{value}}\"\n      >\n      </simple-picker>\n    "]);_templateObject_8e50957054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimpleIconPicker=function(_SimplePicker){babelHelpers.inherits(SimpleIconPicker,_SimplePicker);function SimpleIconPicker(){babelHelpers.classCallCheck(this,SimpleIconPicker);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleIconPicker).apply(this,arguments))}babelHelpers.createClass(SimpleIconPicker,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleIconPicker.prototype),"ready",this).call(this);(0,_renderStatus.afterNextRender)(this,function(){var iconSets=new _ironMeta.IronMeta({type:"iconset"});if(0===this.icons.length&&babelHelpers.typeof(iconSets)!=="undefined"&&iconSets.list&&iconSets.list.length){var iconList=[];iconSets.list.forEach(function(item){item.getIconNames().forEach(function(icon){iconList.push(icon)})});this.__iconList=iconList}})}},{key:"_getOptions",value:function _getOptions(){var _Mathsqrt=Math.sqrt,icons=0<arguments.length&&void 0!==arguments[0]?arguments[0]:[],__iconList=1<arguments.length&&void 0!==arguments[1]?arguments[1]:[],allowNull=2<arguments.length&&void 0!==arguments[2]?arguments[2]:!1;if(0===icons.length)icons=__iconList;for(var options=!1===allowNull?[]:[[{alt:"null",value:null}]],h=!1===allowNull?0:1,cols=16>_Mathsqrt(icons.length+h)?Math.ceil(_Mathsqrt(icons.length+h)):15,i=0;i<icons.length;i++){var j=h+i,row=Math.floor(j/cols);if(options[row]===void 0||null===options[row])options[row]=[];options[row][j-row*cols]={alt:icons[i],icon:icons[i],value:icons[i]}}return options}},{key:"_handleChange",value:function _handleChange(e){this.value=e.detail.value;this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:this}))}},{key:"_handleCollapse",value:function _handleCollapse(){this.dispatchEvent(new CustomEvent("collapse",{detail:this}))}},{key:"_handleExpand",value:function _handleExpand(){this.dispatchEvent(new CustomEvent("expand",{detail:this}))}},{key:"_handleOptionFocus",value:function _handleOptionFocus(){this.dispatchEvent(new CustomEvent("option-focus",{detail:this}))}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_8e50957054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{allowNull:{name:"allowNull",type:"Boolean",value:!1},hideOptionLabels:{name:"hideOptionLabels",type:"Boolean",value:!0,"read-only":!0},icons:{name:"icons",type:"Array",value:[]},options:{name:"options",type:"Array",computed:"_getOptions(icons,__iconList,allowNull)"},value:{name:"label",type:"String",value:null,reflectToAttribute:!0,notify:!0},__iconList:{name:"__iconList",type:"Array","read-only":!0}}}},{key:"tag",get:function get(){return"simple-icon-picker"}}]);return SimpleIconPicker}(_simplePicker.SimplePicker);_exports.SimpleIconPicker=SimpleIconPicker;window.customElements.define(SimpleIconPicker.tag,SimpleIconPicker)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/polymer/lib/utils/render-status.js","../simple-picker/simple-picker.js","../../@polymer/iron-meta/iron-meta.js"],function(_exports,_polymerElement,_renderStatus,_simplePicker,_ironMeta){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleIconPicker=void 0;function _templateObject_27d63620555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: flex;\n          --simple-picker-option-size: 24px;\n          --simple-picker-collapse: {\n            width: 360px;\n            height: 300px;\n            max-height: 300px;\n            overflow: scroll;\n          }\n          --simple-picker-row: {\n            justify-content: flex-start;\n          }\n          --simple-picker-option: {\n            flex: 0 0 auto;\n          }\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <simple-picker\n        aria-labelledby$=\"[[ariaLabelledby]]\"\n        disabled$=\"[[disabled]]\"\n        expanded$=\"[[expanded]]\"\n        hide-option-labels\n        label$=\"[[label]]\"\n        on-change=\"_handleChange\"\n        on-collapse=\"_handleCollapse\"\n        on-expand=\"_handleExpand\"\n        on-option-focus=\"_handleOptionFocus\"\n        options=\"[[options]]\"\n        value$=\"{{value}}\"\n      >\n      </simple-picker>\n    "]);_templateObject_27d63620555211e98f439769bd191e33=function(){return data};return data}var SimpleIconPicker=function(_SimplePicker){babelHelpers.inherits(SimpleIconPicker,_SimplePicker);function SimpleIconPicker(){babelHelpers.classCallCheck(this,SimpleIconPicker);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleIconPicker).apply(this,arguments))}babelHelpers.createClass(SimpleIconPicker,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleIconPicker.prototype),"ready",this).call(this);(0,_renderStatus.afterNextRender)(this,function(){var iconSets=new _ironMeta.IronMeta({type:"iconset"});if(0===this.icons.length&&babelHelpers.typeof(iconSets)!=="undefined"&&iconSets.list&&iconSets.list.length){var iconList=[];iconSets.list.forEach(function(item){item.getIconNames().forEach(function(icon){iconList.push(icon)})});this.__iconList=iconList}})}},{key:"_getOptions",value:function _getOptions(){var _Mathsqrt=Math.sqrt,icons=0<arguments.length&&void 0!==arguments[0]?arguments[0]:[],__iconList=1<arguments.length&&void 0!==arguments[1]?arguments[1]:[],allowNull=2<arguments.length&&void 0!==arguments[2]?arguments[2]:!1;if(0===icons.length)icons=__iconList;for(var options=!1===allowNull?[]:[[{alt:"null",value:null}]],h=!1===allowNull?0:1,cols=16>_Mathsqrt(icons.length+h)?Math.ceil(_Mathsqrt(icons.length+h)):15,i=0;i<icons.length;i++){var j=h+i,row=Math.floor(j/cols);if(options[row]===void 0||null===options[row])options[row]=[];options[row][j-row*cols]={alt:icons[i],icon:icons[i],value:icons[i]}}return options}},{key:"_handleChange",value:function _handleChange(e){this.value=e.detail.value;this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:this}))}},{key:"_handleCollapse",value:function _handleCollapse(){this.dispatchEvent(new CustomEvent("collapse",{detail:this}))}},{key:"_handleExpand",value:function _handleExpand(){this.dispatchEvent(new CustomEvent("expand",{detail:this}))}},{key:"_handleOptionFocus",value:function _handleOptionFocus(){this.dispatchEvent(new CustomEvent("option-focus",{detail:this}))}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_27d63620555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{allowNull:{name:"allowNull",type:"Boolean",value:!1},hideOptionLabels:{name:"hideOptionLabels",type:"Boolean",value:!0,"read-only":!0},icons:{name:"icons",type:"Array",value:[]},options:{name:"options",type:"Array",computed:"_getOptions(icons,__iconList,allowNull)"},value:{name:"label",type:"String",value:null,reflectToAttribute:!0,notify:!0},__iconList:{name:"__iconList",type:"Array","read-only":!0}}}},{key:"tag",get:function get(){return"simple-icon-picker"}}]);return SimpleIconPicker}(_simplePicker.SimplePicker);_exports.SimpleIconPicker=SimpleIconPicker;window.customElements.define(SimpleIconPicker.tag,SimpleIconPicker)});
\ No newline at end of file
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 23813d1602d..538d70b513f 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleImage=void 0;function _templateObject_8e325f1054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors\">\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\"><img src$=\"[[src]]\" alt$=\"[[alt]]\" /></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 is=\"custom-style\" include=\"simple-colors\">\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\"><img src\\$=\"[[src]]\" alt\\$=\"[[alt]]\" /></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_8e325f1054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimpleImage=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8e325f1054f411e9aeb367f92c5b63ab()),is:"simple-image",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{src:{type:String},alt:{type:String},caption:{type:String},credit:{type:String}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Simple image",description:"A clean, simple image presentation that's responsive and modals on tapping",icon:"editor:insert-photo",color:"green",groups:["Image","Media"],handles:[{type:"image",url:"src"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"src",title:"Source",description:"The URL for the image.",inputMethod:"textfield",icon:"link",required:!0},{property:"alt",title:"Alternative text",description:"Text to describe the image to non-sighted users.",inputMethod:"alt",icon:"accessibility",required:!0}],configure:[{property:"src",title:"Source",description:"The URL for the image.",inputMethod:"textfield",icon:"link",required:!0},{property:"caption",title:"Caption",description:"A caption to describe the image usage",inputMethod:"textarea"},{property:"alt",title:"Alternative text",description:"Text to describe the image to non-sighted users.",inputMethod:"alt"},{property:"credit",title:"Credits",description:"Who the image is credited to / copyright information",inputMethod:"textarea"}],advanced:[]}})}});_exports.SimpleImage=SimpleImage});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleImage=void 0;function _templateObject_27f83d10555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-style\" include=\"simple-colors\">\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\"><img src$=\"[[src]]\" alt$=\"[[alt]]\" /></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 is=\"custom-style\" include=\"simple-colors\">\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\"><img src\\$=\"[[src]]\" alt\\$=\"[[alt]]\" /></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_27f83d10555211e98f439769bd191e33=function(){return data};return data}var SimpleImage=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_27f83d10555211e98f439769bd191e33()),is:"simple-image",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{src:{type:String},alt:{type:String},caption:{type:String},credit:{type:String}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Simple image",description:"A clean, simple image presentation that's responsive and modals on tapping",icon:"editor:insert-photo",color:"green",groups:["Image","Media"],handles:[{type:"image",url:"src"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"src",title:"Source",description:"The URL for the image.",inputMethod:"textfield",icon:"link",required:!0},{property:"alt",title:"Alternative text",description:"Text to describe the image to non-sighted users.",inputMethod:"alt",icon:"accessibility",required:!0}],configure:[{property:"src",title:"Source",description:"The URL for the image.",inputMethod:"textfield",icon:"link",required:!0},{property:"caption",title:"Caption",description:"A caption to describe the image usage",inputMethod:"textarea"},{property:"alt",title:"Alternative text",description:"Text to describe the image to non-sighted users.",inputMethod:"alt"},{property:"credit",title:"Credits",description:"Who the image is credited to / copyright information",inputMethod:"textarea"}],advanced:[]}})}});_exports.SimpleImage=SimpleImage});
\ No newline at end of file
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 99d482263ae..d062043a226 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../simple-modal.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleModalTemplate=void 0;function _templateObject_a202167054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <slot name=\"header\"></slot> <slot name=\"content\"></slot>\n      <slot name=\"buttons\"></slot>\n    "]);_templateObject_a202167054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimpleModalTemplate=function(_PolymerElement){babelHelpers.inherits(SimpleModalTemplate,_PolymerElement);function SimpleModalTemplate(){babelHelpers.classCallCheck(this,SimpleModalTemplate);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleModalTemplate).apply(this,arguments))}babelHelpers.createClass(SimpleModalTemplate,[{key:"associateEvents",value:function associateEvents(target){var evt=1<arguments.length&&arguments[1]!==void 0?arguments[1]:"tap",bubbles=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0,cancelable=3<arguments.length&&arguments[3]!==void 0?arguments[3]:!0,root=this;target.addEventListener(evt,function(){root.openModal(target,bubbles,cancelable)});return root.modal}},{key:"_getModal",value:function _getModal(){return window.SimpleModal.requestAvailability()}},{key:"openModal",value:function openModal(target){var _this=this,bubbles=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!0,cancelable=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0,styles=getComputedStyle(this),evt=new CustomEvent("simple-modal-show",{bubbles:bubbles,cancelable:cancelable,detail:{title:null!==this.title?this.title:!1,elements:{header:this._getSlot("header"),content:this._getSlot("content"),buttons:this._getSlot("buttons")},invokedBy:target}});["--simple-modal-width","--simple-modal-height","--simple-modal-min-width","--simple-modal-min-height","--simple-modal-max-width","--simple-modal-max-height","--simple-modal-titlebar-color","--simple-modal-titlebar-background","--simple-modal-header-color","--simple-modal-header-background","--simple-modal-content-container-color","--simple-modal-content-container-background","--simple-modal-buttons-color","--simple-modal-buttons-background","--simple-modal-button-color","--simple-modal-button-background"].forEach(function(prop){_this.modal.style.setProperty(prop,styles.getPropertyValue(prop))});window.dispatchEvent(evt)}},{key:"_getSlot",value:function _getSlot(slotName){var slot=this.querySelector("[slot=\""+slotName+"\"]");return null!==slot?slot.cloneNode(!0):!1}}],[{key:"tag",get:function get(){return"simple-modal-template"}},{key:"properties",get:function get(){return{modal:{type:"Object",computed:"_getModal()"},title:{type:"String",value:""}}}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a202167054f411e9aeb367f92c5b63ab())}}]);return SimpleModalTemplate}(_polymerElement.PolymerElement);_exports.SimpleModalTemplate=SimpleModalTemplate;window.customElements.define(SimpleModalTemplate.tag,SimpleModalTemplate)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../simple-modal.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleModalTemplate=void 0;function _templateObject_361e37a0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\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      </style>\n      <slot name=\"header\"></slot> <slot name=\"content\"></slot>\n      <slot name=\"buttons\"></slot>\n    "]);_templateObject_361e37a0555211e98f439769bd191e33=function(){return data};return data}var SimpleModalTemplate=function(_PolymerElement){babelHelpers.inherits(SimpleModalTemplate,_PolymerElement);function SimpleModalTemplate(){babelHelpers.classCallCheck(this,SimpleModalTemplate);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleModalTemplate).apply(this,arguments))}babelHelpers.createClass(SimpleModalTemplate,[{key:"associateEvents",value:function associateEvents(target){var evt=1<arguments.length&&arguments[1]!==void 0?arguments[1]:"tap",bubbles=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0,cancelable=3<arguments.length&&arguments[3]!==void 0?arguments[3]:!0,root=this;target.addEventListener(evt,function(){root.openModal(target,bubbles,cancelable)});return root.modal}},{key:"_getModal",value:function _getModal(){return window.SimpleModal.requestAvailability()}},{key:"openModal",value:function openModal(target){var _this=this,bubbles=1<arguments.length&&arguments[1]!==void 0?arguments[1]:!0,cancelable=2<arguments.length&&arguments[2]!==void 0?arguments[2]:!0,styles=getComputedStyle(this),evt=new CustomEvent("simple-modal-show",{bubbles:bubbles,cancelable:cancelable,detail:{title:null!==this.title?this.title:!1,elements:{header:this._getSlot("header"),content:this._getSlot("content"),buttons:this._getSlot("buttons")},invokedBy:target}});["--simple-modal-width","--simple-modal-height","--simple-modal-min-width","--simple-modal-min-height","--simple-modal-max-width","--simple-modal-max-height","--simple-modal-titlebar-color","--simple-modal-titlebar-background","--simple-modal-header-color","--simple-modal-header-background","--simple-modal-content-container-color","--simple-modal-content-container-background","--simple-modal-buttons-color","--simple-modal-buttons-background","--simple-modal-button-color","--simple-modal-button-background"].forEach(function(prop){_this.modal.style.setProperty(prop,styles.getPropertyValue(prop))});window.dispatchEvent(evt)}},{key:"_getSlot",value:function _getSlot(slotName){var slot=this.querySelector("[slot=\""+slotName+"\"]");return null!==slot?slot.cloneNode(!0):!1}}],[{key:"tag",get:function get(){return"simple-modal-template"}},{key:"properties",get:function get(){return{modal:{type:"Object",computed:"_getModal()"},title:{type:"String",value:""}}}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_361e37a0555211e98f439769bd191e33())}}]);return SimpleModalTemplate}(_polymerElement.PolymerElement);_exports.SimpleModalTemplate=SimpleModalTemplate;window.customElements.define(SimpleModalTemplate.tag,SimpleModalTemplate)});
\ No newline at end of file
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 cdb3662e84b..7ed3396ecd7 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/async.js","../../@polymer/paper-dialog/paper-dialog.js","../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/neon-animation/animations/scale-up-animation.js","../../@polymer/neon-animation/animations/fade-out-animation.js"],function(_exports,_polymerElement,_polymerDom,async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleModal=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_8f64767054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host ::slotted(*) {\n          font-size: 14px;\n          @apply --simple-modal-content;\n        }\n\n        :host #dialog {\n          margin: 15px auto;\n          height: auto;\n          height: var(--simple-modal-height, auto);\n          z-index: 1000;\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          @apply --simple-modal-dialog;\n        }\n\n        :host #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          @apply --simple-modal-top;\n        }\n\n        :host #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          @apply --simple-modal-headerbar;\n        }\n\n        :host h2 {\n          margin-right: 8px;\n          padding: 0;\n          flex: auto;\n          font-size: 18px;\n          line-height: 18px;\n          @apply --simple-modal-title;\n        }\n\n        :host #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          @apply --simple-modal-close;\n        }\n\n        :host #close iron-icon {\n          width: 16px;\n          height: 16px;\n          color: var(--simple-modal-titlebar-color, #444);\n          @apply --simple-modal-close-icon;\n        }\n\n        #simple-modal-content {\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          --paper-dialog-scrollable: {\n            padding: 0;\n          }\n          @apply --simple-modal-content-container;\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          @apply --simple-modal-buttons;\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          @apply --simple-modal-button;\n        }\n      </style>\n      <paper-dialog\n        id=\"dialog\"\n        always-on-top\n        aria-describedby=\"simple-modal-content\"\n        aria-label$=\"[[_getAriaLabel(title)]]\"\n        aria-labelledby$=\"[[_getAriaLabelledby(title)]]\"\n        aria-modal=\"true\"\n        entry-animation=\"scale-up-animation\"\n        exit-animation=\"fade-out-animation\"\n        role=\"dialog\"\n        opened=\"{{opened}}\"\n        with-backdrop\n      >\n        <div id=\"titlebar\">\n          <h2 id=\"simple-modal-title\" hidden$=\"[[!title]]\">[[title]]</h2>\n          <div></div>\n          <paper-button\n            id=\"close\"\n            dialog-dismiss\n            hidden$=\"[[!opened]]\"\n            label=\"[[closeLabel]]\"\n          >\n            <iron-icon aria-hidden=\"true\" icon=\"[[closeIcon]]\"></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_8f64767054f411e9aeb367f92c5b63ab=function(){return data};return data}window.SimpleModal=window.SimpleModal||{};window.SimpleModal.requestAvailability=function(){if(!window.SimpleModal.instance){window.SimpleModal.instance=document.createElement("simple-modal");document.body.appendChild(window.SimpleModal.instance)}return window.SimpleModal.instance};var SimpleModal=function(_PolymerElement){babelHelpers.inherits(SimpleModal,_PolymerElement);function SimpleModal(){babelHelpers.classCallCheck(this,SimpleModal);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleModal).apply(this,arguments))}babelHelpers.createClass(SimpleModal,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleModal.prototype),"connectedCallback",this).call(this);window.addEventListener("simple-modal-hide",this.close.bind(this));window.addEventListener("simple-modal-show",this.showEvent.bind(this));this.shadowRoot.querySelector("#simple-modal-content").addEventListener("neon-animation-finish",this._ironOverlayClosed.bind(this))}},{key:"_resizeContent",value:function _resizeContent(){async.microTask.run(function(){window.dispatchEvent(new Event("resize"))})}},{key:"showEvent",value:function showEvent(e){var _this=this;if(this.opened){while(null!==(0,_polymerDom.dom)(this).firstChild){(0,_polymerDom.dom)(this).removeChild((0,_polymerDom.dom)(this).firstChild)}setTimeout(function(){_this.show(e.detail.title,e.detail.elements,e.detail.invokedBy,e.detail.clone)},100)}else{this.show(e.detail.title,e.detail.elements,e.detail.invokedBy,e.detail.clone)}}},{key:"show",value:function show(title,elements,invokedBy){var _this2=this,clone=3<arguments.length&&arguments[3]!==void 0?arguments[3]:!1;this.set("invokedBy",invokedBy);this.title=title;var element,slots=["header","content","buttons"];for(var i in slots){if(elements[slots[i]]){if(clone){element=elements[slots[i]].cloneNode(!0)}else{element=elements[slots[i]]}element.setAttribute("slot",slots[i]);(0,_polymerDom.dom)(this).appendChild(element)}}setTimeout(function(){_this2.opened=!0;_this2._resizeContent()},100)}},{key:"animationEnded",value:function animationEnded(){var _this3=this;this.title="";while(null!==(0,_polymerDom.dom)(this).firstChild){(0,_polymerDom.dom)(this).removeChild((0,_polymerDom.dom)(this).firstChild)}if(this.invokedBy){async.microTask.run(function(){setTimeout(function(){_this3.invokedBy.focus()},500)})}}},{key:"close",value:function close(){this.$.dialog.close()}},{key:"_openedChanged",value:function _openedChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&!newValue){this.animationEnded();var evt=new CustomEvent("simple-modal-closed",{bubbles:!0,cancelable:!0,detail:{opened:!1,invokedBy:this.invokedBy}});this.dispatchEvent(evt)}else if(newValue){var _evt=new CustomEvent("simple-modal-opened",{bubbles:!0,cancelable:!0,detail:{opened:!0,invokedBy:this.invokedBy}});this.dispatchEvent(_evt)}}},{key:"_getAriaLabelledby",value:function _getAriaLabelledby(title){return!title?null:"simple-modal-title"}},{key:"_getAriaLabel",value:function _getAriaLabel(title){return!title?"Modal Dialog":null}},{key:"_ironOverlayClosed",value:function _ironOverlayClosed(e){console.log("i got here..");e.preventDefault();e.stopPropagation()}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleModal.prototype),"disconnectedCallback",this).call(this);window.removeEventListener("simple-modal-hide",this.close.bind(this));window.removeEventListener("simple-modal-show",this.showEvent.bind(this));this.shadowRoot.querySelector("#simple-modal-content").removeEventListener("neon-animation-finish",this._ironOverlayClosed.bind(this))}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_8f64767054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{title:{name:"title",type:String,value:""},opened:{name:"opened",type:Boolean,value:!1,reflectToAttribute:!0,observer:"_openedChanged"},closeLabel:{name:"closeLabel",type:String,value:"Close"},closeIcon:{name:"closeIcon",type:String,value:"close"},invokedBy:{name:"invokedBy",type:Object}}}},{key:"tag",get:function get(){return"simple-modal"}}]);return SimpleModal}(_polymerElement.PolymerElement);_exports.SimpleModal=SimpleModal;window.customElements.define(SimpleModal.tag,SimpleModal)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/async.js","../../@polymer/paper-dialog/paper-dialog.js","../../@polymer/paper-dialog-scrollable/paper-dialog-scrollable.js","../../@polymer/paper-button/paper-button.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/neon-animation/animations/scale-up-animation.js","../../@polymer/neon-animation/animations/fade-out-animation.js"],function(_exports,_polymerElement,_polymerDom,async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleModal=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_28635af0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host ::slotted(*) {\n          font-size: 14px;\n          @apply --simple-modal-content;\n        }\n\n        :host #dialog {\n          margin: 15px auto;\n          height: auto;\n          height: var(--simple-modal-height, auto);\n          z-index: 1000;\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          @apply --simple-modal-dialog;\n        }\n\n        :host #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          @apply --simple-modal-top;\n        }\n\n        :host #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          @apply --simple-modal-headerbar;\n        }\n\n        :host h2 {\n          margin-right: 8px;\n          padding: 0;\n          flex: auto;\n          font-size: 18px;\n          line-height: 18px;\n          @apply --simple-modal-title;\n        }\n\n        :host #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          @apply --simple-modal-close;\n        }\n\n        :host #close iron-icon {\n          width: 16px;\n          height: 16px;\n          color: var(--simple-modal-titlebar-color, #444);\n          @apply --simple-modal-close-icon;\n        }\n\n        #simple-modal-content {\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          --paper-dialog-scrollable: {\n            padding: 0;\n          }\n          @apply --simple-modal-content-container;\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          @apply --simple-modal-buttons;\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          @apply --simple-modal-button;\n        }\n      </style>\n      <paper-dialog\n        id=\"dialog\"\n        always-on-top\n        aria-describedby=\"simple-modal-content\"\n        aria-label$=\"[[_getAriaLabel(title)]]\"\n        aria-labelledby$=\"[[_getAriaLabelledby(title)]]\"\n        aria-modal=\"true\"\n        entry-animation=\"scale-up-animation\"\n        exit-animation=\"fade-out-animation\"\n        role=\"dialog\"\n        opened=\"{{opened}}\"\n        with-backdrop\n      >\n        <div id=\"titlebar\">\n          <h2 id=\"simple-modal-title\" hidden$=\"[[!title]]\">[[title]]</h2>\n          <div></div>\n          <paper-button\n            id=\"close\"\n            dialog-dismiss\n            hidden$=\"[[!opened]]\"\n            label=\"[[closeLabel]]\"\n          >\n            <iron-icon aria-hidden=\"true\" icon=\"[[closeIcon]]\"></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_28635af0555211e98f439769bd191e33=function(){return data};return data}window.SimpleModal=window.SimpleModal||{};window.SimpleModal.requestAvailability=function(){if(!window.SimpleModal.instance){window.SimpleModal.instance=document.createElement("simple-modal");document.body.appendChild(window.SimpleModal.instance)}return window.SimpleModal.instance};var SimpleModal=function(_PolymerElement){babelHelpers.inherits(SimpleModal,_PolymerElement);function SimpleModal(){babelHelpers.classCallCheck(this,SimpleModal);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleModal).apply(this,arguments))}babelHelpers.createClass(SimpleModal,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleModal.prototype),"connectedCallback",this).call(this);window.addEventListener("simple-modal-hide",this.close.bind(this));window.addEventListener("simple-modal-show",this.showEvent.bind(this));this.shadowRoot.querySelector("#simple-modal-content").addEventListener("neon-animation-finish",this._ironOverlayClosed.bind(this))}},{key:"_resizeContent",value:function _resizeContent(){async.microTask.run(function(){window.dispatchEvent(new Event("resize"))})}},{key:"showEvent",value:function showEvent(e){var _this=this;if(this.opened){while(null!==(0,_polymerDom.dom)(this).firstChild){(0,_polymerDom.dom)(this).removeChild((0,_polymerDom.dom)(this).firstChild)}setTimeout(function(){_this.show(e.detail.title,e.detail.elements,e.detail.invokedBy,e.detail.clone)},100)}else{this.show(e.detail.title,e.detail.elements,e.detail.invokedBy,e.detail.clone)}}},{key:"show",value:function show(title,elements,invokedBy){var _this2=this,clone=3<arguments.length&&arguments[3]!==void 0?arguments[3]:!1;this.set("invokedBy",invokedBy);this.title=title;var element,slots=["header","content","buttons"];for(var i in slots){if(elements[slots[i]]){if(clone){element=elements[slots[i]].cloneNode(!0)}else{element=elements[slots[i]]}element.setAttribute("slot",slots[i]);(0,_polymerDom.dom)(this).appendChild(element)}}setTimeout(function(){_this2.opened=!0;_this2._resizeContent()},100)}},{key:"animationEnded",value:function animationEnded(){var _this3=this;this.title="";while(null!==(0,_polymerDom.dom)(this).firstChild){(0,_polymerDom.dom)(this).removeChild((0,_polymerDom.dom)(this).firstChild)}if(this.invokedBy){async.microTask.run(function(){setTimeout(function(){_this3.invokedBy.focus()},500)})}}},{key:"close",value:function close(){this.$.dialog.close()}},{key:"_openedChanged",value:function _openedChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&!newValue){this.animationEnded();var evt=new CustomEvent("simple-modal-closed",{bubbles:!0,cancelable:!0,detail:{opened:!1,invokedBy:this.invokedBy}});this.dispatchEvent(evt)}else if(newValue){var _evt=new CustomEvent("simple-modal-opened",{bubbles:!0,cancelable:!0,detail:{opened:!0,invokedBy:this.invokedBy}});this.dispatchEvent(_evt)}}},{key:"_getAriaLabelledby",value:function _getAriaLabelledby(title){return!title?null:"simple-modal-title"}},{key:"_getAriaLabel",value:function _getAriaLabel(title){return!title?"Modal Dialog":null}},{key:"_ironOverlayClosed",value:function _ironOverlayClosed(e){console.log("i got here..");e.preventDefault();e.stopPropagation()}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleModal.prototype),"disconnectedCallback",this).call(this);window.removeEventListener("simple-modal-hide",this.close.bind(this));window.removeEventListener("simple-modal-show",this.showEvent.bind(this));this.shadowRoot.querySelector("#simple-modal-content").removeEventListener("neon-animation-finish",this._ironOverlayClosed.bind(this))}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_28635af0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{title:{name:"title",type:String,value:""},opened:{name:"opened",type:Boolean,value:!1,reflectToAttribute:!0,observer:"_openedChanged"},closeLabel:{name:"closeLabel",type:String,value:"Close"},closeIcon:{name:"closeIcon",type:String,value:"close"},invokedBy:{name:"invokedBy",type:Object}}}},{key:"tag",get:function get(){return"simple-modal"}}]);return SimpleModal}(_polymerElement.PolymerElement);_exports.SimpleModal=SimpleModal;window.customElements.define(SimpleModal.tag,SimpleModal)});
\ No newline at end of file
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 66951b72e00..ef86a07841c 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-icons/iron-icons.js","../../lrn-shared-styles/lrn-shared-styles.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimplePickerOption=void 0;function _templateObject_a21465f054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"lrn-shared-styles\">\n        :host {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        }\n        :host .label {\n          padding: 2px 10px;\n          line-height: 100%;\n          @apply --simple-picker-option-label;\n        }\n      </style>\n      <iron-icon\n        aria-hidden=\"true\"\n        hidden$=\"[[_hideIcon(icon)]]\"\n        icon$=\"[[icon]]\"\n      ></iron-icon>\n      <div id=\"title\" class$=\"[[_getSrOnly(hideOptionLabels)]]\">[[title]]</div>\n    "]);_templateObject_a21465f054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimplePickerOption=function(_PolymerElement){babelHelpers.inherits(SimplePickerOption,_PolymerElement);function SimplePickerOption(){babelHelpers.classCallCheck(this,SimplePickerOption);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimplePickerOption).apply(this,arguments))}babelHelpers.createClass(SimplePickerOption,[{key:"_hideIcon",value:function _hideIcon(){return null===this.icon}},{key:"_handleFocus",value:function _handleFocus(){this.dispatchEvent(new CustomEvent("option-focus",{detail:this}))}},{key:"_handleHover",value:function _handleHover(){this.dispatchEvent(new CustomEvent("option-focus",{detail:this}))}},{key:"_getSrOnly",value:function _getSrOnly(hideOptionLabels){return!1===hideOptionLabels?"label":"label sr-only"}},{key:"_updateTitle",value:function _updateTitle(){var title=document.createElement("span");if(!1!==this.titleAsHtml){title.innerHTML=this.title;this.$.title.innerHTML="";this.$.title.appendChild(title)}}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SimplePickerOption.prototype),"ready",this).call(this);var root=this;this._updateTitle();this.addEventListener("focus",function(){root._handleFocus()});this.addEventListener("mouseover",function(){root._handleHover()})}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimplePickerOption.prototype),"connectedCallback",this).call(this)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a21465f054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{active:{name:"active",type:"Boolean",value:null,reflectToAttribute:!0},icon:{name:"icon",type:"String",value:null,reflectToAttribute:!1},hideOptionLabels:{name:"hideOptionLabels",type:"Boolean",value:!1,reflectToAttribute:!0},id:{name:"order",type:"String",value:null,reflectToAttribute:!0},selected:{name:"selected",type:"Boolean",value:!1,reflectToAttribute:!0},data:{name:"data",type:"Object",value:null},title:{name:"title",type:"String",value:null,reflectToAttribute:!0,observer:"_updateTitle"},titleAsHtml:{name:"titleAsHtml",type:"Boolean",value:!1,reflectToAttribute:!0},value:{name:"label",type:"String",value:null,reflectToAttribute:!0}}}},{key:"tag",get:function get(){return"simple-picker-option"}}]);return SimplePickerOption}(_polymerElement.PolymerElement);_exports.SimplePickerOption=SimplePickerOption;window.customElements.define(SimplePickerOption.tag,SimplePickerOption)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-icons/iron-icons.js","../../lrn-shared-styles/lrn-shared-styles.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimplePickerOption=void 0;function _templateObject_36275f60555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\" include=\"lrn-shared-styles\">\n        :host {\n          display: flex;\n          align-items: center;\n          justify-content: space-between;\n        }\n        :host .label {\n          padding: 2px 10px;\n          line-height: 100%;\n          @apply --simple-picker-option-label;\n        }\n      </style>\n      <iron-icon\n        aria-hidden=\"true\"\n        hidden$=\"[[_hideIcon(icon)]]\"\n        icon$=\"[[icon]]\"\n      ></iron-icon>\n      <div id=\"title\" class$=\"[[_getSrOnly(hideOptionLabels)]]\">[[title]]</div>\n    "]);_templateObject_36275f60555211e98f439769bd191e33=function(){return data};return data}var SimplePickerOption=function(_PolymerElement){babelHelpers.inherits(SimplePickerOption,_PolymerElement);function SimplePickerOption(){babelHelpers.classCallCheck(this,SimplePickerOption);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimplePickerOption).apply(this,arguments))}babelHelpers.createClass(SimplePickerOption,[{key:"_hideIcon",value:function _hideIcon(){return null===this.icon}},{key:"_handleFocus",value:function _handleFocus(){this.dispatchEvent(new CustomEvent("option-focus",{detail:this}))}},{key:"_handleHover",value:function _handleHover(){this.dispatchEvent(new CustomEvent("option-focus",{detail:this}))}},{key:"_getSrOnly",value:function _getSrOnly(hideOptionLabels){return!1===hideOptionLabels?"label":"label sr-only"}},{key:"_updateTitle",value:function _updateTitle(){var title=document.createElement("span");if(!1!==this.titleAsHtml){title.innerHTML=this.title;this.$.title.innerHTML="";this.$.title.appendChild(title)}}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SimplePickerOption.prototype),"ready",this).call(this);var root=this;this._updateTitle();this.addEventListener("focus",function(){root._handleFocus()});this.addEventListener("mouseover",function(){root._handleHover()})}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimplePickerOption.prototype),"connectedCallback",this).call(this)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_36275f60555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{active:{name:"active",type:"Boolean",value:null,reflectToAttribute:!0},icon:{name:"icon",type:"String",value:null,reflectToAttribute:!1},hideOptionLabels:{name:"hideOptionLabels",type:"Boolean",value:!1,reflectToAttribute:!0},id:{name:"order",type:"String",value:null,reflectToAttribute:!0},selected:{name:"selected",type:"Boolean",value:!1,reflectToAttribute:!0},data:{name:"data",type:"Object",value:null},title:{name:"title",type:"String",value:null,reflectToAttribute:!0,observer:"_updateTitle"},titleAsHtml:{name:"titleAsHtml",type:"Boolean",value:!1,reflectToAttribute:!0},value:{name:"label",type:"String",value:null,reflectToAttribute:!0}}}},{key:"tag",get:function get(){return"simple-picker-option"}}]);return SimplePickerOption}(_polymerElement.PolymerElement);_exports.SimplePickerOption=SimplePickerOption;window.customElements.define(SimplePickerOption.tag,SimplePickerOption)});
\ No newline at end of file
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 7469f78a855..a44528876fa 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/iron-icons/iron-icons.js","./lib/simple-picker-option.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimplePicker=void 0;function _templateObject_8f0ce09054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline-flex;\n          align-items: center;\n          position: relative;\n          --simple-picker-color: black;\n          font-size: var(\n            --paper-input-container-label_-_font-size,\n            var(--paper-font-subhead_-_font-size, inherit)\n          );\n          margin: 8px 0;\n          height: 42px;\n          @apply --simple-picker;\n        }\n\n        :host([disabled]) {\n          cursor: not-allowed;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host label {\n          padding-right: 5px;\n          color: var(\n            --paper-input-container-label_-_color,\n            var(\n              --paper-input-container-color,\n              var(--secondary-text-color, #000)\n            )\n          );\n          @apply --simple-picker-label;\n        }\n\n        :host,\n        :host #sample,\n        :host .rows {\n          margin: 0;\n          padding: 0;\n        }\n\n        :host #listbox {\n          display: flex;\n          flex: 1 0 auto;\n        }\n\n        :host #sample {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          padding: 2px;\n          border-radius: 2px;\n          background-color: var(--simple-picker-background-color, #ddd);\n          border: 1px solid\n            var(--simple-picker-border-color, var(--simple-picker-color));\n        }\n\n        :host #icon {\n          transform: var(--simple-picker-icon-tranform, rotate(-90deg));\n          transition: transform 0.25s;\n        }\n\n        :host([expanded]) #icon {\n          transform: var(--simple-picker-expanded-icon-tranform, rotate(0deg));\n          transition: transform 0.25s;\n        }\n\n        :host #collapse {\n          display: none;\n          width: 100%;\n          position: absolute;\n          top: 35px;\n          padding: 1px;\n          @apply --simple-picker-collapse;\n        }\n\n        :host([expanded]:not([disabled])) #collapse {\n          display: block;\n        }\n\n        :host .rows {\n          display: block;\n          position: absolute;\n          z-index: 1000;\n          outline: 1px solid\n            var(--simple-picker-border-color, var(--simple-picker-color));\n          background-color: var(--simple-picker-background-color, #ddd);\n          box-shadow: 0px 0px 1px #888;\n          @apply --simple-picker-rows;\n        }\n\n        :host .row {\n          display: flex;\n          align-items: stretch;\n          justify-content: space-between;\n          @apply --simple-picker-row;\n        }\n\n        :host simple-picker-option {\n          z-index: 1;\n          flex: 1 1 auto;\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);\n          background-color: var(--simple-picker-option-background-color, white);\n          outline: var(--simple-picker-option-outline, none);\n          transition: max-height 2s;\n          @apply --simple-picker-option;\n        }\n\n        :host(:not([value])) #sample simple-picker-option,\n        :host([value=\"null\"]) #sample simple-picker-option {\n          @apply --simple-picker-sample-null;\n          --simple-picker-option-label: {\n            @apply --simple-picker-sample-null-label;\n          }\n        }\n\n        :host #sample simple-picker-option {\n          @apply --simple-picker-sample-option;\n        }\n\n        :host simple-picker-option[selected] {\n          z-index: 50;\n          color: var(--simple-picker-color);\n          background-color: var(\n            --simple-picker-selected-option-background-color,\n            #e8e8e8\n          );\n          outline: var(--simple-picker-selected-option-outline, none);\n        }\n\n        :host simple-picker-option[active] {\n          z-index: 100;\n          cursor: pointer;\n          color: var(--simple-picker-color);\n          background-color: var(\n            --simple-picker-active-option-background-color,\n            #aaddff\n          );\n          outline: var(--simple-picker-active-option-outline, none);\n        }\n\n        :host #sample simple-picker-option {\n          color: var(--simple-picker-sample-color, var(--simple-picker-color));\n          background-color: var(\n            --simple-picker-sample-background-color,\n            transparent\n          );\n          border: none;\n        }\n\n        :host(:not([expanded])) #collapse simple-picker-option {\n          max-height: 0;\n          transition: max-height 1.5s;\n        }\n\n        :host #collapse simple-picker-option:not([value]),\n        :host #collapse simple-picker-option[value=\"null\"] {\n          @apply --simple-picker-option-null;\n        }\n\n        @media screen and (max-width: 600px) {\n          :host {\n            position: static;\n          }\n          :host #collapse {\n            top: 0;\n            margin-top: 0;\n            position: relative;\n          }\n          :host .rows {\n            position: sticky;\n          }\n        }\n      </style>\n      <label for=\"listbox\" hidden$=\"[[!hasLabel]]\">[[label]]</label>\n      <div\n        id=\"listbox\"\n        aria-activedescendant$=\"[[__activeDesc]]\"\n        aria-labelledby$=\"[[ariaLabelledby]]\"\n        disabled$=\"[[disabled]]\"\n        role=\"listbox\"\n        tabindex=\"0\"\n      >\n        <div id=\"sample\">\n          <simple-picker-option\n            aria-hidden=\"true\"\n            hide-option-labels$=\"[[hideOptionLabels]]\"\n            icon$=\"[[__selectedOption.icon]]\"\n            style$=\"[[__selectedOption.style]]\"\n            title$=\"[[__selectedOption.alt]]\"\n            title-as-html$=\"[[titleAsHtml]]\"\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            <template\n              is=\"dom-repeat\"\n              items=\"[[options]]\"\n              as=\"row\"\n              index-as=\"rownum\"\n            >\n              <div class=\"row\">\n                <template\n                  is=\"dom-repeat\"\n                  items=\"[[row]]\"\n                  as=\"option\"\n                  index-as=\"colnum\"\n                >\n                  <simple-picker-option\n                    active$=\"[[_isActive(__activeDesc,rownum,colnum)]]\"\n                    aria-selected$=\"[[_isSelected(value,option.value)]]\"\n                    data$=\"[[data]]\"\n                    hide-option-labels$=\"[[hideOptionLabels]]\"\n                    icon$=\"[[option.icon]]\"\n                    id$=\"[[_getOptionId(rownum,colnum)]]\"\n                    role=\"option\"\n                    selected$=\"[[_isSelected(value,option.value)]]\"\n                    on-option-focus=\"_handleOptionFocus\"\n                    on-set-selected-option=\"_handleSetSelectedOption\"\n                    style$=\"[[option.style]]\"\n                    tabindex=\"-1\"\n                    title=\"[[option.alt]]\"\n                    title-as-html$=\"[[titleAsHtml]]\"\n                    value=\"[[option.value]]\"\n                  >\n                  </simple-picker-option>\n                </template>\n              </div>\n            </template>\n          </div>\n        </div>\n      </div>\n    "]);_templateObject_8f0ce09054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimplePicker=function(_PolymerElement){babelHelpers.inherits(SimplePicker,_PolymerElement);function SimplePicker(){babelHelpers.classCallCheck(this,SimplePicker);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimplePicker).apply(this,arguments))}babelHelpers.createClass(SimplePicker,[{key:"_getOption",value:function _getOption(options,optionId){if(options!==void 0&&optionId!==void 0&&null!==optionId){var coords=optionId.split("-");return options[coords[1]][coords[2]]}return null}},{key:"_getOptionId",value:function _getOptionId(rownum,colnum){return"option-"+rownum+"-"+colnum}},{key:"_goToOption",value:function _goToOption(rownum,colnum){var targetId=this._getOptionId(rownum,colnum),target=this.shadowRoot.querySelector("#"+targetId),active=this.shadowRoot.querySelector("#"+this.__activeDesc);if(null!==target){target.tabindex=0;target.focus();active.tabindex=-1}}},{key:"_handleListboxEvent",value:function _handleListboxEvent(e,type){this.dispatchEvent(new CustomEvent(type,{detail:this}));if("click"===type)this._toggleListbox(!this.expanded)}},{key:"_handleListboxKeydown",value:function _handleListboxKeydown(e){this.dispatchEvent(new CustomEvent("keydown",{detail:this}));var coords=this.__activeDesc.split("-"),rownum=parseInt(coords[1]),colnum=parseInt(coords[2]);if(32===e.keyCode){e.preventDefault();this._toggleListbox(!this.expanded)}else if(this.expanded&&[9,35,36,38,40].includes(e.keyCode)){e.preventDefault();if(35===e.keyCode){var lastrow=this.options.length-1,lastcol=this.options[lastrow].length-1;this._goToOption(lastrow,lastcol)}else if(36===e.keyCode){this._goToOption(0,0)}else if(38===e.keyCode){if(0<colnum){this._goToOption(rownum,colnum-1)}else if(0<rownum){this._goToOption(rownum-1,this.options[rownum-1].length-1)}}else if(40===e.keyCode){if(colnum<this.options[rownum].length-1){this._goToOption(rownum,colnum+1)}else if(rownum<this.options.length-1){this._goToOption(rownum+1,[0])}}}}},{key:"_handleOptionFocus",value:function _handleOptionFocus(e){this._setActiveOption(e.detail.id)}},{key:"_hasLabel",value:function _hasLabel(label){return label!==void 0&&null!==label&&""!==label.trim()}},{key:"_isActive",value:function _isActive(active,rownum,colnum){return active===this._getOptionId(rownum,colnum)}},{key:"_isSelected",value:function _isSelected(value1,value2){return value1===value2}},{key:"_setActiveOption",value:function _setActiveOption(id){this.__activeDesc=id;this.dispatchEvent(new CustomEvent("option-focus",{detail:this}))}},{key:"_setSelectedOption",value:function _setSelectedOption(){var sel=null;if(this.options!==void 0&&null!==this.options){this.__activeDesc="option-0-0";for(var i=0;i<this.options.length;i++){for(var j=0;j<this.options[i].length;j++){if(this.options[i][j].value===this.value){this.__activeDesc="option-"+i+"-"+j;sel=this.options[i][j]}}}}if(null===sel)this.value=null;this.__selectedOption=sel;this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:this}))}},{key:"_toggleListbox",value:function _toggleListbox(expanded){var active=this.shadowRoot.querySelector("#"+this.__activeDesc);this.expanded=expanded;if(expanded){if(null!==active)active.focus();this.dispatchEvent(new CustomEvent("expand",{detail:this}))}else{if(null!==active)this.value=active.getAttribute("value");this.dispatchEvent(new CustomEvent("collapse",{detail:this}))}}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SimplePicker.prototype),"ready",this).call(this);var root=this;if(this.$.listbox!==void 0){this.$.listbox.addEventListener("click",function(e){root._handleListboxEvent(e,"click")});this.$.listbox.addEventListener("mousedown",function(e){root._handleListboxEvent(e,"mousedown")});this.$.listbox.addEventListener("keydown",function(e){root._handleListboxKeydown(e)})}}},{key:"setOptions",value:function setOptions(options){this.set("options",[[]]);this.set("options",options)}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimplePicker.prototype),"connectedCallback",this).call(this)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_8f0ce09054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{ariaLabelledby:{name:"ariaLabelledby",type:"String",value:null},disabled:{name:"disabled",type:"Boolean",value:!1},expanded:{name:"expanded",type:"Boolean",value:!1,reflectToAttribute:!0},titleAsHtml:{name:"titleAsHtml",type:"Boolean",value:!1},hideOptionLabels:{name:"hideOptionLabels",type:"Boolean",value:!1},hasLabel:{name:"label",type:"Boolean",computed:"_hasLabel(label)"},label:{name:"label",type:"String",value:null},options:{name:"options",type:"Array",value:[[]],notify:!0,observer:"_setSelectedOption"},value:{name:"value",type:"Object",value:null,notify:!0,observer:"_setSelectedOption",reflectToAttribute:!0},__activeDesc:{name:"__activeDesc",type:"String",value:"option-0-0"},__selectedOption:{name:"_setSelectedOption",type:"Object"}}}},{key:"tag",get:function get(){return"simple-picker"}}]);return SimplePicker}(_polymerElement.PolymerElement);_exports.SimplePicker=SimplePicker;window.customElements.define(SimplePicker.tag,SimplePicker)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/iron-icon/iron-icon.js","../../@polymer/iron-icons/iron-icons.js","./lib/simple-picker-option.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimplePicker=void 0;function _templateObject_289148c0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: inline-flex;\n          align-items: center;\n          position: relative;\n          --simple-picker-color: black;\n          font-size: var(\n            --paper-input-container-label_-_font-size,\n            var(--paper-font-subhead_-_font-size, inherit)\n          );\n          margin: 8px 0;\n          height: 42px;\n          @apply --simple-picker;\n        }\n\n        :host([disabled]) {\n          cursor: not-allowed;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        :host label {\n          padding-right: 5px;\n          color: var(\n            --paper-input-container-label_-_color,\n            var(\n              --paper-input-container-color,\n              var(--secondary-text-color, #000)\n            )\n          );\n          @apply --simple-picker-label;\n        }\n\n        :host,\n        :host #sample,\n        :host .rows {\n          margin: 0;\n          padding: 0;\n        }\n\n        :host #listbox {\n          display: flex;\n          flex: 1 0 auto;\n        }\n\n        :host #sample {\n          display: flex;\n          justify-content: space-between;\n          align-items: center;\n          padding: 2px;\n          border-radius: 2px;\n          background-color: var(--simple-picker-background-color, #ddd);\n          border: 1px solid\n            var(\n              --simple-picker-sample-border-color,\n              var(--simple-picker-border-color, var(--simple-picker-color))\n            );\n        }\n\n        :host #icon {\n          transform: var(--simple-picker-icon-tranform, rotate(0deg));\n          transition: transform 0.25s;\n        }\n\n        :host([expanded]) #icon {\n          transform: var(--simple-picker-expanded-icon-tranform, rotate(0deg));\n          transition: transform 0.25s;\n        }\n\n        :host #collapse {\n          display: none;\n          width: 100%;\n          position: absolute;\n          top: 35px;\n          padding: 1px;\n          @apply --simple-picker-collapse;\n        }\n\n        :host([expanded]:not([disabled])) #collapse {\n          display: block;\n        }\n\n        :host .rows {\n          display: block;\n          position: absolute;\n          z-index: 1000;\n          outline: 1px solid\n            var(--simple-picker-border-color, var(--simple-picker-color));\n          background-color: var(--simple-picker-background-color, #ddd);\n          box-shadow: 0px 0px 1px #888;\n          @apply --simple-picker-rows;\n        }\n\n        :host .row {\n          display: flex;\n          align-items: stretch;\n          justify-content: space-between;\n          @apply --simple-picker-row;\n        }\n\n        :host simple-picker-option {\n          z-index: 1;\n          flex: 1 1 auto;\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);\n          background-color: var(--simple-picker-option-background-color, white);\n          outline: var(--simple-picker-option-outline, none);\n          transition: max-height 2s;\n          @apply --simple-picker-option;\n        }\n\n        :host(:not([value])) #sample simple-picker-option,\n        :host([value=\"null\"]) #sample simple-picker-option {\n          @apply --simple-picker-sample-null;\n          --simple-picker-option-label: {\n            @apply --simple-picker-sample-null-label;\n          }\n        }\n\n        :host #sample simple-picker-option {\n          @apply --simple-picker-sample-option;\n        }\n\n        :host simple-picker-option[selected] {\n          z-index: 50;\n          color: var(--simple-picker-color);\n          background-color: var(\n            --simple-picker-selected-option-background-color,\n            #e8e8e8\n          );\n          outline: var(--simple-picker-selected-option-outline, none);\n        }\n\n        :host simple-picker-option[active] {\n          z-index: 100;\n          cursor: pointer;\n          color: var(--simple-picker-color);\n          background-color: var(\n            --simple-picker-active-option-background-color,\n            #aaddff\n          );\n          outline: var(--simple-picker-active-option-outline, none);\n        }\n\n        :host #sample simple-picker-option {\n          color: var(--simple-picker-sample-color, var(--simple-picker-color));\n          background-color: var(\n            --simple-picker-sample-background-color,\n            transparent\n          );\n          border: none;\n        }\n\n        :host(:not([expanded])) #collapse simple-picker-option {\n          max-height: 0;\n          transition: max-height 1.5s;\n        }\n\n        :host #collapse simple-picker-option:not([value]),\n        :host #collapse simple-picker-option[value=\"null\"] {\n          @apply --simple-picker-option-null;\n        }\n\n        @media screen and (max-width: 600px) {\n          :host {\n            position: static;\n          }\n          :host #collapse {\n            top: 0;\n            margin-top: 0;\n            position: relative;\n          }\n          :host .rows {\n            position: sticky;\n          }\n        }\n      </style>\n      <label for=\"listbox\" hidden$=\"[[!hasLabel]]\">[[label]]</label>\n      <div\n        id=\"listbox\"\n        aria-activedescendant$=\"[[__activeDesc]]\"\n        aria-labelledby$=\"[[ariaLabelledby]]\"\n        disabled$=\"[[disabled]]\"\n        role=\"listbox\"\n        tabindex=\"0\"\n      >\n        <div id=\"sample\">\n          <simple-picker-option\n            aria-hidden=\"true\"\n            hide-option-labels$=\"[[hideOptionLabels]]\"\n            icon$=\"[[__selectedOption.icon]]\"\n            style$=\"[[__selectedOption.style]]\"\n            title$=\"[[__selectedOption.alt]]\"\n            title-as-html$=\"[[titleAsHtml]]\"\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            <template\n              is=\"dom-repeat\"\n              items=\"[[options]]\"\n              as=\"row\"\n              index-as=\"rownum\"\n            >\n              <div class=\"row\">\n                <template\n                  is=\"dom-repeat\"\n                  items=\"[[row]]\"\n                  as=\"option\"\n                  index-as=\"colnum\"\n                >\n                  <simple-picker-option\n                    active$=\"[[_isActive(__activeDesc,rownum,colnum)]]\"\n                    aria-selected$=\"[[_isSelected(value,option.value)]]\"\n                    data$=\"[[data]]\"\n                    hide-option-labels$=\"[[hideOptionLabels]]\"\n                    icon$=\"[[option.icon]]\"\n                    id$=\"[[_getOptionId(rownum,colnum)]]\"\n                    role=\"option\"\n                    selected$=\"[[_isSelected(value,option.value)]]\"\n                    on-option-focus=\"_handleOptionFocus\"\n                    on-set-selected-option=\"_handleSetSelectedOption\"\n                    style$=\"[[option.style]]\"\n                    tabindex=\"-1\"\n                    title=\"[[option.alt]]\"\n                    title-as-html$=\"[[titleAsHtml]]\"\n                    value=\"[[option.value]]\"\n                  >\n                  </simple-picker-option>\n                </template>\n              </div>\n            </template>\n          </div>\n        </div>\n      </div>\n    "]);_templateObject_289148c0555211e98f439769bd191e33=function(){return data};return data}var SimplePicker=function(_PolymerElement){babelHelpers.inherits(SimplePicker,_PolymerElement);function SimplePicker(){babelHelpers.classCallCheck(this,SimplePicker);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimplePicker).apply(this,arguments))}babelHelpers.createClass(SimplePicker,[{key:"_getOption",value:function _getOption(options,optionId){if(options!==void 0&&optionId!==void 0&&null!==optionId){var coords=optionId.split("-");return options[coords[1]][coords[2]]}return null}},{key:"_getOptionId",value:function _getOptionId(rownum,colnum){return"option-"+rownum+"-"+colnum}},{key:"_goToOption",value:function _goToOption(rownum,colnum){var targetId=this._getOptionId(rownum,colnum),target=this.shadowRoot.querySelector("#"+targetId),active=this.shadowRoot.querySelector("#"+this.__activeDesc);if(null!==target){target.tabindex=0;target.focus();active.tabindex=-1}}},{key:"_handleListboxEvent",value:function _handleListboxEvent(e,type){this.dispatchEvent(new CustomEvent(type,{detail:this}));if("click"===type)this._toggleListbox(!this.expanded)}},{key:"_handleListboxKeydown",value:function _handleListboxKeydown(e){this.dispatchEvent(new CustomEvent("keydown",{detail:this}));var coords=this.__activeDesc.split("-"),rownum=parseInt(coords[1]),colnum=parseInt(coords[2]);if(32===e.keyCode){e.preventDefault();this._toggleListbox(!this.expanded)}else if(this.expanded&&[9,35,36,38,40].includes(e.keyCode)){e.preventDefault();if(35===e.keyCode){var lastrow=this.options.length-1,lastcol=this.options[lastrow].length-1;this._goToOption(lastrow,lastcol)}else if(36===e.keyCode){this._goToOption(0,0)}else if(38===e.keyCode){if(0<colnum){this._goToOption(rownum,colnum-1)}else if(0<rownum){this._goToOption(rownum-1,this.options[rownum-1].length-1)}}else if(40===e.keyCode){if(colnum<this.options[rownum].length-1){this._goToOption(rownum,colnum+1)}else if(rownum<this.options.length-1){this._goToOption(rownum+1,[0])}}}}},{key:"_handleOptionFocus",value:function _handleOptionFocus(e){this._setActiveOption(e.detail.id)}},{key:"_hasLabel",value:function _hasLabel(label){return label!==void 0&&null!==label&&""!==label.trim()}},{key:"_isActive",value:function _isActive(active,rownum,colnum){return active===this._getOptionId(rownum,colnum)}},{key:"_isSelected",value:function _isSelected(value1,value2){return value1===value2}},{key:"_setActiveOption",value:function _setActiveOption(id){this.__activeDesc=id;this.dispatchEvent(new CustomEvent("option-focus",{detail:this}))}},{key:"_setSelectedOption",value:function _setSelectedOption(){var sel=null;if(this.options!==void 0&&null!==this.options){this.__activeDesc="option-0-0";for(var i=0;i<this.options.length;i++){for(var j=0;j<this.options[i].length;j++){if(this.options[i][j].value===this.value){this.__activeDesc="option-"+i+"-"+j;sel=this.options[i][j]}}}}if(null===sel)this.value=null;this.__selectedOption=sel;this.dispatchEvent(new CustomEvent("change",{bubbles:!0,detail:this}))}},{key:"_toggleListbox",value:function _toggleListbox(expanded){var active=this.shadowRoot.querySelector("#"+this.__activeDesc);this.expanded=expanded;if(expanded){if(null!==active)active.focus();this.dispatchEvent(new CustomEvent("expand",{detail:this}))}else{if(null!==active)this.value=active.getAttribute("value");this.dispatchEvent(new CustomEvent("collapse",{detail:this}))}}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SimplePicker.prototype),"ready",this).call(this);var root=this;if(this.$.listbox!==void 0){this.$.listbox.addEventListener("click",function(e){root._handleListboxEvent(e,"click")});this.$.listbox.addEventListener("mousedown",function(e){root._handleListboxEvent(e,"mousedown")});this.$.listbox.addEventListener("keydown",function(e){root._handleListboxKeydown(e)})}}},{key:"setOptions",value:function setOptions(options){this.set("options",[[]]);this.set("options",options)}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimplePicker.prototype),"connectedCallback",this).call(this)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_289148c0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{ariaLabelledby:{name:"ariaLabelledby",type:"String",value:null},disabled:{name:"disabled",type:"Boolean",value:!1},expanded:{name:"expanded",type:"Boolean",value:!1,reflectToAttribute:!0},titleAsHtml:{name:"titleAsHtml",type:"Boolean",value:!1},hideOptionLabels:{name:"hideOptionLabels",type:"Boolean",value:!1},hasLabel:{name:"label",type:"Boolean",computed:"_hasLabel(label)"},label:{name:"label",type:"String",value:null},options:{name:"options",type:"Array",value:[[]],notify:!0,observer:"_setSelectedOption"},value:{name:"value",type:"Object",value:null,notify:!0,observer:"_setSelectedOption",reflectToAttribute:!0},__activeDesc:{name:"__activeDesc",type:"String",value:"option-0-0"},__selectedOption:{name:"_setSelectedOption",type:"Object"}}}},{key:"tag",get:function get(){return"simple-picker"}}]);return SimplePicker}(_polymerElement.PolymerElement);_exports.SimplePicker=SimplePicker;window.customElements.define(SimplePicker.tag,SimplePicker)});
\ No newline at end of file
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 980244681ac..f477208aca1 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/elements/dom-repeat.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleSearchContent=void 0;function _templateObject_a208580054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host #content {\n          @apply --simple-search-content;\n        }\n        :host #content[match-number] {\n          color: var(--simple-search-match-text-color, #000);\n          background-color: var(--simple-search-match-bg-color, #f0f0f0);\n          border: 1px solid;\n          border-color: var(--simple-search-match-border-color, #ddd);\n          padding: 0.16px 4px;\n          border-radius: 0.16px;\n          font-weight: bold;\n          @apply --simple-search-match;\n        }\n      </style>\n      <span id=\"content\">\n        <span class=\"initialcontent\" hidden$=\"[[inSearchMode]]\"\n          >[[content]]</span\n        >\n        <template is=\"dom-repeat\" items=\"[[__searchedContent]]\">\n          <span\n            match-number$=\"[[item.matchNumber]]\"\n            tabindex$=\"[[_getTabIndex(item.matchNumber)]]\"\n            >[[item.text]]</span\n          >\n        </template>\n      </span>\n    "]);_templateObject_a208580054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimpleSearchContent=function(_PolymerElement){babelHelpers.inherits(SimpleSearchContent,_PolymerElement);function SimpleSearchContent(){babelHelpers.classCallCheck(this,SimpleSearchContent);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleSearchContent).apply(this,arguments))}babelHelpers.createClass(SimpleSearchContent,[{key:"enableSearch",value:function enableSearch(searchObject){var _this=this,root=this,content=[{matched:!1,text:root.content}];if(null===content[0].text)content[0].text=root.innerHTML;this.setContent(content);searchObject.addEventListener("simple-search",function(){root.setContent(content);root.setContent(searchObject.findMatches(content))});searchObject.addEventListener("goto-result",function(e){_this.focus(e.detail)})}},{key:"setContent",value:function setContent(newContent){this.inSearchMode=!0;this.__searchedContent=newContent}},{key:"focus",value:function focus(matchNumber){var result=this.$.content.querySelector("[match-number=\""+matchNumber+"\"]");if(result!==void 0&&null!==result)result.focus()}},{key:"_getTabIndex",value:function _getTabIndex(matchNumber){return matchNumber!==void 0&&null!==matchNumber?"1":""}}],[{key:"is",get:function get(){return"simple-search-content"}},{key:"properties",get:function get(){return{content:{type:String,value:null,reflectToAttribute:!0},inSearchMode:{type:Boolean,value:!1,reflectToAttribute:!0}}}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_a208580054f411e9aeb367f92c5b63ab())}}]);return SimpleSearchContent}(_polymerElement.PolymerElement);_exports.SimpleSearchContent=SimpleSearchContent;customElements.define(SimpleSearchContent.is,SimpleSearchContent)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/elements/dom-repeat.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleSearchContent=void 0;function _templateObject_362e3d30555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host #content {\n          @apply --simple-search-content;\n        }\n        :host #content[match-number] {\n          color: var(--simple-search-match-text-color, #000);\n          background-color: var(--simple-search-match-bg-color, #f0f0f0);\n          border: 1px solid;\n          border-color: var(--simple-search-match-border-color, #ddd);\n          padding: 0.16px 4px;\n          border-radius: 0.16px;\n          font-weight: bold;\n          @apply --simple-search-match;\n        }\n      </style>\n      <span id=\"content\">\n        <span class=\"initialcontent\" hidden$=\"[[inSearchMode]]\"\n          >[[content]]</span\n        >\n        <template is=\"dom-repeat\" items=\"[[__searchedContent]]\">\n          <span\n            match-number$=\"[[item.matchNumber]]\"\n            tabindex$=\"[[_getTabIndex(item.matchNumber)]]\"\n            >[[item.text]]</span\n          >\n        </template>\n      </span>\n    "]);_templateObject_362e3d30555211e98f439769bd191e33=function(){return data};return data}var SimpleSearchContent=function(_PolymerElement){babelHelpers.inherits(SimpleSearchContent,_PolymerElement);function SimpleSearchContent(){babelHelpers.classCallCheck(this,SimpleSearchContent);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleSearchContent).apply(this,arguments))}babelHelpers.createClass(SimpleSearchContent,[{key:"enableSearch",value:function enableSearch(searchObject){var _this=this,root=this,content=[{matched:!1,text:root.content}];if(null===content[0].text)content[0].text=root.innerHTML;this.setContent(content);searchObject.addEventListener("simple-search",function(){root.setContent(content);root.setContent(searchObject.findMatches(content))});searchObject.addEventListener("goto-result",function(e){_this.focus(e.detail)})}},{key:"setContent",value:function setContent(newContent){this.inSearchMode=!0;this.__searchedContent=newContent}},{key:"focus",value:function focus(matchNumber){var result=this.$.content.querySelector("[match-number=\""+matchNumber+"\"]");if(result!==void 0&&null!==result)result.focus()}},{key:"_getTabIndex",value:function _getTabIndex(matchNumber){return matchNumber!==void 0&&null!==matchNumber?"1":""}}],[{key:"is",get:function get(){return"simple-search-content"}},{key:"properties",get:function get(){return{content:{type:String,value:null,reflectToAttribute:!0},inSearchMode:{type:Boolean,value:!1,reflectToAttribute:!0}}}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_362e3d30555211e98f439769bd191e33())}}]);return SimpleSearchContent}(_polymerElement.PolymerElement);_exports.SimpleSearchContent=SimpleSearchContent;customElements.define(SimpleSearchContent.is,SimpleSearchContent)});
\ No newline at end of file
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 7939ccdf700..3a82e57c1f8 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/paper-input/paper-input.js","../../@polymer/paper-tooltip/paper-tooltip.js","./lib/simple-search-content.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleSearch=void 0;function _templateObject_8ee24e2054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\">\n        :host {\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n          width: 100%;\n        }\n        :host #input {\n          flex-grow: 2;\n          margin-right: 4px;\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          @apply --simple-search-container;\n        }\n        :host #xofy {\n          margin: 8px;\n        }\n        :host 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          @apply --simple-search-button;\n        }\n        :host button:not([disabled]):focus,\n        :host 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          @apply --simple-search-button-hover;\n        }\n        :host 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          @apply --simple-search-button-disabled;\n        }\n        :host button:not([controls]) {\n          display: none;\n        }\n        :host [shrink-hide] {\n          display: none;\n        }\n      </style>\n      <paper-input\n        id=\"input\"\n        always-float-label$=\"[[alwaysFloatLabel]]\"\n        label=\"[[searchInputLabel]]\"\n        no-label-float$=\"[[noLabelFloat]]\"\n        on-change=\"_handleChange\"\n      >\n        <iron-icon icon=\"[[searchInputIcon]]\" slot=\"prefix\"></iron-icon>\n      </paper-input>\n      <div id=\"xofy\" shrink-hide$=\"[[noSearch]]\"></div>\n      <div shrink-hide$=\"[[noResults]]\">\n        <button\n          id=\"prev\"\n          aria-label=\"[[prevButtonLabel]]\"\n          aria-role=\"button\"\n          controls$=\"[[controls]]\"\n          disabled$=\"[[prevButtonDisabled]]\"\n          on-tap=\"_navigateResults\"\n          tabindex=\"0\"\n        >\n          <iron-icon icon=\"[[prevButtonIcon]]\"></iron-icon>\n        </button>\n        <paper-tooltip for=\"prev\">[[prevButtonLabel]]</paper-tooltip>\n        <button\n          id=\"next\"\n          aria-label=\"[[nextButtonLabel]]\"\n          aria-role=\"button\"\n          controls$=\"[[controls]]\"\n          disabled$=\"[[nextButtonDisabled]]\"\n          on-tap=\"_navigateResults\"\n          tabindex=\"0\"\n        >\n          <iron-icon icon$=\"[[nextButtonIcon]]\"></iron-icon>\n        </button>\n        <paper-tooltip for=\"next\">[[nextButtonLabel]]</paper-tooltip>\n      </div>\n    "],["\n      <style is=\"custom-style\">\n        :host {\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n          width: 100%;\n        }\n        :host #input {\n          flex-grow: 2;\n          margin-right: 4px;\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          @apply --simple-search-container;\n        }\n        :host #xofy {\n          margin: 8px;\n        }\n        :host 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          @apply --simple-search-button;\n        }\n        :host button:not([disabled]):focus,\n        :host 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          @apply --simple-search-button-hover;\n        }\n        :host 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          @apply --simple-search-button-disabled;\n        }\n        :host button:not([controls]) {\n          display: none;\n        }\n        :host [shrink-hide] {\n          display: none;\n        }\n      </style>\n      <paper-input\n        id=\"input\"\n        always-float-label\\$=\"[[alwaysFloatLabel]]\"\n        label=\"[[searchInputLabel]]\"\n        no-label-float\\$=\"[[noLabelFloat]]\"\n        on-change=\"_handleChange\"\n      >\n        <iron-icon icon=\"[[searchInputIcon]]\" slot=\"prefix\"></iron-icon>\n      </paper-input>\n      <div id=\"xofy\" shrink-hide\\$=\"[[noSearch]]\"></div>\n      <div shrink-hide\\$=\"[[noResults]]\">\n        <button\n          id=\"prev\"\n          aria-label=\"[[prevButtonLabel]]\"\n          aria-role=\"button\"\n          controls\\$=\"[[controls]]\"\n          disabled\\$=\"[[prevButtonDisabled]]\"\n          on-tap=\"_navigateResults\"\n          tabindex=\"0\"\n        >\n          <iron-icon icon=\"[[prevButtonIcon]]\"></iron-icon>\n        </button>\n        <paper-tooltip for=\"prev\">[[prevButtonLabel]]</paper-tooltip>\n        <button\n          id=\"next\"\n          aria-label=\"[[nextButtonLabel]]\"\n          aria-role=\"button\"\n          controls\\$=\"[[controls]]\"\n          disabled\\$=\"[[nextButtonDisabled]]\"\n          on-tap=\"_navigateResults\"\n          tabindex=\"0\"\n        >\n          <iron-icon icon\\$=\"[[nextButtonIcon]]\"></iron-icon>\n        </button>\n        <paper-tooltip for=\"next\">[[nextButtonLabel]]</paper-tooltip>\n      </div>\n    "]);_templateObject_8ee24e2054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimpleSearch=function(_PolymerElement){babelHelpers.inherits(SimpleSearch,_PolymerElement);function SimpleSearch(){babelHelpers.classCallCheck(this,SimpleSearch);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleSearch).apply(this,arguments))}babelHelpers.createClass(SimpleSearch,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleSearch.prototype),"ready",this).call(this);var root=this,search=root.$.input;root._getSearchText(search.value)}},{key:"_handleChange",value:function _handleChange(e){var root=this;root._getSearchText(root.$.input.value);root.resultCount=0;root.resultPointer=0;root.dispatchEvent(new CustomEvent("simple-search",{detail:{search:root,content:e}}))}},{key:"_hasNoResults",value:function _hasNoResults(resultCount){return 1>resultCount}},{key:"_hasNoSearch",value:function _hasNoSearch(searchTerms){return 1>searchTerms.length}},{key:"_getResultsSpan",value:function _getResultsSpan(noSearch,resultPointer,resultCount){var html="";if(0<resultCount&&0<resultPointer){html=resultPointer+"/"+resultCount}else{html=" "+resultCount}this.$.xofy.innerHTML=html;return this.$.xofy.innerHTML}},{key:"_navigateResults",value:function _navigateResults(e){var root=this,increment="next"===e.currentTarget.id?1:-1;if(0<this.resultPointer+increment&&this.resultPointer+increment<=this.resultCount){this.resultPointer+=increment;this.dispatchEvent(new CustomEvent("goto-result",{detail:this.resultPointer}))}}},{key:"_isNavButtonDisabled",value:function _isNavButtonDisabled(pointer,count,span,inc){return""==span||0>=pointer+inc||pointer+inc>count}},{key:"_getSearchText",value:function _getSearchText(find){var temp=[];if(find!==void 0&&null!==find){temp=find.split(/[\"\']/gm);for(var i=0;i<temp.length;i++){temp[i]=temp[i].trim();if(""===temp[i])temp.splice(i,1)}}this.set("searchTerms",[]);this.set("searchTerms",temp.slice(0))}},{key:"findMatches",value:function findMatches(content){for(var root=this,terms=root.searchTerms,modifier=this.caseSensitive?"gm":"gim",results=content.slice(0),updateResults=function(find){for(var i=0;i<results.length;i++){if(!1===results[i].matched){var regex=new RegExp("\\b"+find+"\\b",modifier),text=results[i].text,start=text.search(regex),end=start+find.length;if(-1<start){root.resultCount+=1;var pre=text.slice(0,start),match=text.slice(start,end),post=text.slice(end,text.length),update=results.splice(i,1,{matched:!1,text:pre,searchObject:root},{matched:!0,matchNumber:root.resultCount,text:match,searchObject:root},{matched:!1,text:post,searchObject:root})}}}},i=0;i<terms.length;i++){updateResults(terms[i])}root.resultPointer=0;return results}}],[{key:"is",get:function get(){return"simple-search"}},{key:"properties",get:function get(){return{alwaysFloatLabel:{type:Boolean,value:!1},caseSensitive:{type:Boolean,value:null},controls:{type:String,value:null},nextButtonDisabled:{type:Boolean,computed:"_isNavButtonDisabled(resultPointer,resultCount,resultsSpan,1)"},nextButtonIcon:{type:String,value:"arrow-forward"},nextButtonLabel:{type:String,value:"next result"},noLabelFloat:{type:Boolean,value:!1},noResults:{type:Boolean,computed:"_hasNoResults(resultCount)"},noSearch:{type:Boolean,computed:"_hasNoSearch(searchTerms)"},prevButtonDisabled:{type:Boolean,computed:"_isNavButtonDisabled(resultPointer,resultCount,resultsSpan,-1)"},prevButtonIcon:{type:String,value:"arrow-back"},prevButtonLabel:{type:String,value:"previous result"},resultCount:{type:Number,value:0},resultPointer:{type:Number,value:0},resultsSpan:{type:String,computed:"_getResultsSpan(noSearch,resultPointer,resultCount)"},searchInputIcon:{type:String,value:"search"},searchInputLabel:{type:String,value:"search"},searchTerms:{type:Array,value:[]},target:{type:Object,value:null}}}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_8ee24e2054f411e9aeb367f92c5b63ab())}}]);return SimpleSearch}(_polymerElement.PolymerElement);_exports.SimpleSearch=SimpleSearch;customElements.define(SimpleSearch.is,SimpleSearch)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/paper-input/paper-input.js","../../@polymer/paper-tooltip/paper-tooltip.js","./lib/simple-search-content.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleSearch=void 0;function _templateObject_28bd13b0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style is=\"custom-style\">\n        :host {\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n          width: 100%;\n        }\n        :host #input {\n          flex-grow: 2;\n          margin-right: 4px;\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          @apply --simple-search-container;\n        }\n        :host #xofy {\n          margin: 8px;\n        }\n        :host 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          @apply --simple-search-button;\n        }\n        :host button:not([disabled]):focus,\n        :host 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          @apply --simple-search-button-hover;\n        }\n        :host 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          @apply --simple-search-button-disabled;\n        }\n        :host button:not([controls]) {\n          display: none;\n        }\n        :host [shrink-hide] {\n          display: none;\n        }\n      </style>\n      <paper-input\n        id=\"input\"\n        always-float-label$=\"[[alwaysFloatLabel]]\"\n        label=\"[[searchInputLabel]]\"\n        no-label-float$=\"[[noLabelFloat]]\"\n        on-change=\"_handleChange\"\n      >\n        <iron-icon icon=\"[[searchInputIcon]]\" slot=\"prefix\"></iron-icon>\n      </paper-input>\n      <div id=\"xofy\" shrink-hide$=\"[[noSearch]]\"></div>\n      <div shrink-hide$=\"[[noResults]]\">\n        <button\n          id=\"prev\"\n          aria-label=\"[[prevButtonLabel]]\"\n          aria-role=\"button\"\n          controls$=\"[[controls]]\"\n          disabled$=\"[[prevButtonDisabled]]\"\n          on-tap=\"_navigateResults\"\n          tabindex=\"0\"\n        >\n          <iron-icon icon=\"[[prevButtonIcon]]\"></iron-icon>\n        </button>\n        <paper-tooltip for=\"prev\">[[prevButtonLabel]]</paper-tooltip>\n        <button\n          id=\"next\"\n          aria-label=\"[[nextButtonLabel]]\"\n          aria-role=\"button\"\n          controls$=\"[[controls]]\"\n          disabled$=\"[[nextButtonDisabled]]\"\n          on-tap=\"_navigateResults\"\n          tabindex=\"0\"\n        >\n          <iron-icon icon$=\"[[nextButtonIcon]]\"></iron-icon>\n        </button>\n        <paper-tooltip for=\"next\">[[nextButtonLabel]]</paper-tooltip>\n      </div>\n    "],["\n      <style is=\"custom-style\">\n        :host {\n          display: flex;\n          align-items: flex-end;\n          justify-content: space-between;\n          width: 100%;\n        }\n        :host #input {\n          flex-grow: 2;\n          margin-right: 4px;\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          @apply --simple-search-container;\n        }\n        :host #xofy {\n          margin: 8px;\n        }\n        :host 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          @apply --simple-search-button;\n        }\n        :host button:not([disabled]):focus,\n        :host 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          @apply --simple-search-button-hover;\n        }\n        :host 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          @apply --simple-search-button-disabled;\n        }\n        :host button:not([controls]) {\n          display: none;\n        }\n        :host [shrink-hide] {\n          display: none;\n        }\n      </style>\n      <paper-input\n        id=\"input\"\n        always-float-label\\$=\"[[alwaysFloatLabel]]\"\n        label=\"[[searchInputLabel]]\"\n        no-label-float\\$=\"[[noLabelFloat]]\"\n        on-change=\"_handleChange\"\n      >\n        <iron-icon icon=\"[[searchInputIcon]]\" slot=\"prefix\"></iron-icon>\n      </paper-input>\n      <div id=\"xofy\" shrink-hide\\$=\"[[noSearch]]\"></div>\n      <div shrink-hide\\$=\"[[noResults]]\">\n        <button\n          id=\"prev\"\n          aria-label=\"[[prevButtonLabel]]\"\n          aria-role=\"button\"\n          controls\\$=\"[[controls]]\"\n          disabled\\$=\"[[prevButtonDisabled]]\"\n          on-tap=\"_navigateResults\"\n          tabindex=\"0\"\n        >\n          <iron-icon icon=\"[[prevButtonIcon]]\"></iron-icon>\n        </button>\n        <paper-tooltip for=\"prev\">[[prevButtonLabel]]</paper-tooltip>\n        <button\n          id=\"next\"\n          aria-label=\"[[nextButtonLabel]]\"\n          aria-role=\"button\"\n          controls\\$=\"[[controls]]\"\n          disabled\\$=\"[[nextButtonDisabled]]\"\n          on-tap=\"_navigateResults\"\n          tabindex=\"0\"\n        >\n          <iron-icon icon\\$=\"[[nextButtonIcon]]\"></iron-icon>\n        </button>\n        <paper-tooltip for=\"next\">[[nextButtonLabel]]</paper-tooltip>\n      </div>\n    "]);_templateObject_28bd13b0555211e98f439769bd191e33=function(){return data};return data}var SimpleSearch=function(_PolymerElement){babelHelpers.inherits(SimpleSearch,_PolymerElement);function SimpleSearch(){babelHelpers.classCallCheck(this,SimpleSearch);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleSearch).apply(this,arguments))}babelHelpers.createClass(SimpleSearch,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleSearch.prototype),"ready",this).call(this);var root=this,search=root.$.input;root._getSearchText(search.value)}},{key:"_handleChange",value:function _handleChange(e){var root=this;root._getSearchText(root.$.input.value);root.resultCount=0;root.resultPointer=0;root.dispatchEvent(new CustomEvent("simple-search",{detail:{search:root,content:e}}))}},{key:"_hasNoResults",value:function _hasNoResults(resultCount){return 1>resultCount}},{key:"_hasNoSearch",value:function _hasNoSearch(searchTerms){return 1>searchTerms.length}},{key:"_getResultsSpan",value:function _getResultsSpan(noSearch,resultPointer,resultCount){var html="";if(0<resultCount&&0<resultPointer){html=resultPointer+"/"+resultCount}else{html=" "+resultCount}this.$.xofy.innerHTML=html;return this.$.xofy.innerHTML}},{key:"_navigateResults",value:function _navigateResults(e){var root=this,increment="next"===e.currentTarget.id?1:-1;if(0<this.resultPointer+increment&&this.resultPointer+increment<=this.resultCount){this.resultPointer+=increment;this.dispatchEvent(new CustomEvent("goto-result",{detail:this.resultPointer}))}}},{key:"_isNavButtonDisabled",value:function _isNavButtonDisabled(pointer,count,span,inc){return""==span||0>=pointer+inc||pointer+inc>count}},{key:"_getSearchText",value:function _getSearchText(find){var temp=[];if(find!==void 0&&null!==find){temp=find.split(/[\"\']/gm);for(var i=0;i<temp.length;i++){temp[i]=temp[i].trim();if(""===temp[i])temp.splice(i,1)}}this.set("searchTerms",[]);this.set("searchTerms",temp.slice(0))}},{key:"findMatches",value:function findMatches(content){for(var root=this,terms=root.searchTerms,modifier=this.caseSensitive?"gm":"gim",results=content.slice(0),updateResults=function(find){for(var i=0;i<results.length;i++){if(!1===results[i].matched){var regex=new RegExp("\\b"+find+"\\b",modifier),text=results[i].text,start=text.search(regex),end=start+find.length;if(-1<start){root.resultCount+=1;var pre=text.slice(0,start),match=text.slice(start,end),post=text.slice(end,text.length),update=results.splice(i,1,{matched:!1,text:pre,searchObject:root},{matched:!0,matchNumber:root.resultCount,text:match,searchObject:root},{matched:!1,text:post,searchObject:root})}}}},i=0;i<terms.length;i++){updateResults(terms[i])}root.resultPointer=0;return results}}],[{key:"is",get:function get(){return"simple-search"}},{key:"properties",get:function get(){return{alwaysFloatLabel:{type:Boolean,value:!1},caseSensitive:{type:Boolean,value:null},controls:{type:String,value:null},nextButtonDisabled:{type:Boolean,computed:"_isNavButtonDisabled(resultPointer,resultCount,resultsSpan,1)"},nextButtonIcon:{type:String,value:"arrow-forward"},nextButtonLabel:{type:String,value:"next result"},noLabelFloat:{type:Boolean,value:!1},noResults:{type:Boolean,computed:"_hasNoResults(resultCount)"},noSearch:{type:Boolean,computed:"_hasNoSearch(searchTerms)"},prevButtonDisabled:{type:Boolean,computed:"_isNavButtonDisabled(resultPointer,resultCount,resultsSpan,-1)"},prevButtonIcon:{type:String,value:"arrow-back"},prevButtonLabel:{type:String,value:"previous result"},resultCount:{type:Number,value:0},resultPointer:{type:Number,value:0},resultsSpan:{type:String,computed:"_getResultsSpan(noSearch,resultPointer,resultCount)"},searchInputIcon:{type:String,value:"search"},searchInputLabel:{type:String,value:"search"},searchTerms:{type:Array,value:[]},target:{type:Object,value:null}}}},{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_28bd13b0555211e98f439769bd191e33())}}]);return SimpleSearch}(_polymerElement.PolymerElement);_exports.SimpleSearch=SimpleSearch;customElements.define(SimpleSearch.is,SimpleSearch)});
\ No newline at end of file
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 3f093bb7958..80b4e43c858 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleTimer=void 0;function _templateObject_8faa320054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    {{_formattedTime}}\n  "]);_templateObject_8faa320054f411e9aeb367f92c5b63ab=function(){return data};return data}var SimpleTimer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_8faa320054f411e9aeb367f92c5b63ab()),is:"simple-timer",properties:{startTime:{type:Number,value:60},currentTime:{type:Number,notify:!0},isRunning:{type:Boolean,reflectToAttribute:!0,notify:!0,value:!1},countUp:{type:Boolean,value:!1},_elapsedTime:{type:Number,value:0},_formattedTime:{type:String,value:"0"}},ready:function ready(){if(this.countUp){this.set("currentTime",0);this.set("_formattedTime","0")}else{this.set("currentTime",this.startTime);this.set("_formattedTime",this.startTime.toString())}},start:function start(){if(0>=this.currentTime&&!this.countUp||this.currentTime>=this.startTime&&this.countUp){this.currentTime=this.countUp?this.startTime:0}if(!this.startTime||this.isRunning){this.pause();return}this._elapsed=performance.now()/1e3;this.isRunning=!0;window.requestAnimationFrame(this._decreaseTimer.bind(this))},pause:function pause(){this.isRunning=!1},_decreaseTimer:function _decreaseTimer(timestamp){if(!this.isRunning){return}if(0>=this.currentTime&&!this.countUp||this.currentTime>=this.startTime&&this.countUp){this.currentTime=this.countUp?this.startTime:0;this.pause();this.fire("simple-timer-end");return}var now=timestamp/1e3,progress=now-this._elapsed;this.currentTime=this.countUp?this.currentTime+progress:this.currentTime-progress;this._formattedTime=this._formatTime(this.currentTime);this._elapsed=now;window.requestAnimationFrame(this._decreaseTimer.bind(this))},_formatTime:function _formatTime(time){var timeString=time.toString().split(".");return 0===timeString[0].indexOf("-")?0:timeString[0]+"."+timeString[1].substring(0,2)}});_exports.SimpleTimer=SimpleTimer});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleTimer=void 0;function _templateObject_28e92cc0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    {{_formattedTime}}\n  "]);_templateObject_28e92cc0555211e98f439769bd191e33=function(){return data};return data}var SimpleTimer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_28e92cc0555211e98f439769bd191e33()),is:"simple-timer",properties:{startTime:{type:Number,value:60},currentTime:{type:Number,notify:!0},isRunning:{type:Boolean,reflectToAttribute:!0,notify:!0,value:!1},countUp:{type:Boolean,value:!1},_elapsedTime:{type:Number,value:0},_formattedTime:{type:String,value:"0"}},ready:function ready(){if(this.countUp){this.set("currentTime",0);this.set("_formattedTime","0")}else{this.set("currentTime",this.startTime);this.set("_formattedTime",this.startTime.toString())}},start:function start(){if(0>=this.currentTime&&!this.countUp||this.currentTime>=this.startTime&&this.countUp){this.currentTime=this.countUp?this.startTime:0}if(!this.startTime||this.isRunning){this.pause();return}this._elapsed=performance.now()/1e3;this.isRunning=!0;window.requestAnimationFrame(this._decreaseTimer.bind(this))},pause:function pause(){this.isRunning=!1},_decreaseTimer:function _decreaseTimer(timestamp){if(!this.isRunning){return}if(0>=this.currentTime&&!this.countUp||this.currentTime>=this.startTime&&this.countUp){this.currentTime=this.countUp?this.startTime:0;this.pause();this.fire("simple-timer-end");return}var now=timestamp/1e3,progress=now-this._elapsed;this.currentTime=this.countUp?this.currentTime+progress:this.currentTime-progress;this._formattedTime=this._formatTime(this.currentTime);this._elapsed=now;window.requestAnimationFrame(this._decreaseTimer.bind(this))},_formatTime:function _formatTime(time){var timeString=time.toString().split(".");return 0===timeString[0].indexOf("-")?0:timeString[0]+"."+timeString[1].substring(0,2)}});_exports.SimpleTimer=SimpleTimer});
\ No newline at end of file
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 ff5d0329cbc..87ae3960416 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/paper-toast/paper-toast.js","../../@polymer/paper-button/paper-button.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/async.js"],function(_exports,_polymerElement,_paperToast,_paperButton,_polymerDom,async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleToast=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_90b9cd4054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <paper-toast\n        id=\"toast\"\n        text=\"[[text]]\"\n        duration$=\"[[duration]]\"\n        opened=\"{{opened}}\"\n        class$=\"[[classStyle]]\"\n      >\n        <slot></slot>\n        <paper-button hidden$=\"[[!closeButton]]\" on-tap=\"hide\"\n          >[[closeText]]</paper-button\n        >\n      </paper-toast>\n    "]);_templateObject_90b9cd4054f411e9aeb367f92c5b63ab=function(){return data};return data}window.SimpleToast=window.SimpleToast||{};window.SimpleToast.requestAvailability=function(){if(!window.SimpleToast.instance){window.SimpleToast.instance=document.createElement("simple-toast");document.body.appendChild(window.SimpleToast.instance)}return window.SimpleToast.instance};var SimpleToast=function(_PolymerElement){babelHelpers.inherits(SimpleToast,_PolymerElement);function SimpleToast(){babelHelpers.classCallCheck(this,SimpleToast);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleToast).apply(this,arguments))}babelHelpers.createClass(SimpleToast,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleToast.prototype),"connectedCallback",this).call(this);window.addEventListener("simple-toast-hide",this.hideSimpleToast.bind(this));window.addEventListener("simple-toast-show",this.showSimpleToast.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleToast.prototype),"connectedCallback",this).call(this);window.removeEventListener("simple-toast-hide",this.hideSimpleToast.bind(this));window.removeEventListener("simple-toast-show",this.showSimpleToast.bind(this))}},{key:"hideSimpleToast",value:function hideSimpleToast(){this.hide()}},{key:"showSimpleToast",value:function showSimpleToast(e){var _this=this;if(e.detail.duration){this.duration=e.detail.duration}if(e.detail.text){this.text=e.detail.text}if(e.detail.classStyle){this.classStyle=e.detail.classStyle}if(e.detail.closeText){this.closeText=e.detail.closeText}if(e.detail.closeButton){this.closeButton=e.detail.closeButton}if(e.detail.eventCallback){this.eventCallback=e.detail.eventCallback}while(null!==(0,_polymerDom.dom)(this).firstChild){(0,_polymerDom.dom)(this).removeChild((0,_polymerDom.dom)(this).firstChild)}if(e.detail.slot){(0,_polymerDom.dom)(this).appendChild(e.detail.slot)}async.microTask.run(function(){setTimeout(function(){_this.show()},50)})}},{key:"show",value:function show(){this.$.toast.show()}},{key:"hide",value:function hide(){if(this.eventCallback){var evt=new CustomEvent(this.eventCallback,{bubbles:!0,cancelable:!0,detail:!0});this.dispatchEvent(evt)}this.$.toast.hide()}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_90b9cd4054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{opened:{name:"opened",type:"Boolean",value:!1,reflectToAttribute:!0},text:{name:"text",type:"String",value:"Saved"},classStyle:{name:"classStyle",type:"String",value:""},closeText:{name:"closeText",type:"String",value:"Close"},duration:{name:"duration",type:"Number",value:4e3},eventCallback:{name:"eventCallback",type:"String"},closeButton:{name:"closeButton",type:"Boolean",value:!0,reflectToAttribute:!0}}}},{key:"tag",get:function get(){return"simple-toast"}}]);return SimpleToast}(_polymerElement.PolymerElement);_exports.SimpleToast=SimpleToast;window.customElements.define(SimpleToast.tag,SimpleToast)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/paper-toast/paper-toast.js","../../@polymer/paper-button/paper-button.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/async.js"],function(_exports,_polymerElement,_paperToast,_paperButton,_polymerDom,async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SimpleToast=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_2974a3e0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n      </style>\n      <paper-toast\n        id=\"toast\"\n        text=\"[[text]]\"\n        duration$=\"[[duration]]\"\n        opened=\"{{opened}}\"\n        class$=\"[[classStyle]]\"\n      >\n        <slot></slot>\n        <paper-button hidden$=\"[[!closeButton]]\" on-tap=\"hide\"\n          >[[closeText]]</paper-button\n        >\n      </paper-toast>\n    "]);_templateObject_2974a3e0555211e98f439769bd191e33=function(){return data};return data}window.SimpleToast=window.SimpleToast||{};window.SimpleToast.requestAvailability=function(){if(!window.SimpleToast.instance){window.SimpleToast.instance=document.createElement("simple-toast");document.body.appendChild(window.SimpleToast.instance)}return window.SimpleToast.instance};var SimpleToast=function(_PolymerElement){babelHelpers.inherits(SimpleToast,_PolymerElement);function SimpleToast(){babelHelpers.classCallCheck(this,SimpleToast);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SimpleToast).apply(this,arguments))}babelHelpers.createClass(SimpleToast,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleToast.prototype),"connectedCallback",this).call(this);window.addEventListener("simple-toast-hide",this.hideSimpleToast.bind(this));window.addEventListener("simple-toast-show",this.showSimpleToast.bind(this))}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SimpleToast.prototype),"connectedCallback",this).call(this);window.removeEventListener("simple-toast-hide",this.hideSimpleToast.bind(this));window.removeEventListener("simple-toast-show",this.showSimpleToast.bind(this))}},{key:"hideSimpleToast",value:function hideSimpleToast(){this.hide()}},{key:"showSimpleToast",value:function showSimpleToast(e){var _this=this;if(e.detail.duration){this.duration=e.detail.duration}if(e.detail.text){this.text=e.detail.text}if(e.detail.classStyle){this.classStyle=e.detail.classStyle}if(e.detail.closeText){this.closeText=e.detail.closeText}if(e.detail.closeButton){this.closeButton=e.detail.closeButton}if(e.detail.eventCallback){this.eventCallback=e.detail.eventCallback}while(null!==(0,_polymerDom.dom)(this).firstChild){(0,_polymerDom.dom)(this).removeChild((0,_polymerDom.dom)(this).firstChild)}if(e.detail.slot){(0,_polymerDom.dom)(this).appendChild(e.detail.slot)}async.microTask.run(function(){setTimeout(function(){_this.show()},50)})}},{key:"show",value:function show(){this.$.toast.show()}},{key:"hide",value:function hide(){if(this.eventCallback){var evt=new CustomEvent(this.eventCallback,{bubbles:!0,cancelable:!0,detail:!0});this.dispatchEvent(evt)}this.$.toast.hide()}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_2974a3e0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{opened:{name:"opened",type:"Boolean",value:!1,reflectToAttribute:!0},text:{name:"text",type:"String",value:"Saved"},classStyle:{name:"classStyle",type:"String",value:""},closeText:{name:"closeText",type:"String",value:"Close"},duration:{name:"duration",type:"Number",value:4e3},eventCallback:{name:"eventCallback",type:"String"},closeButton:{name:"closeButton",type:"Boolean",value:!0,reflectToAttribute:!0}}}},{key:"tag",get:function get(){return"simple-toast"}}]);return SimpleToast}(_polymerElement.PolymerElement);_exports.SimpleToast=SimpleToast;window.customElements.define(SimpleToast.tag,SimpleToast)});
\ No newline at end of file
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 778836268ad..0771051b2cd 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
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-card/paper-card.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-image/iron-image.js"],function(_polymerLegacy){"use strict";function _templateObject_a21c2e2054f411e9aeb367f92c5b63ab(){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_a21c2e2054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a21c2e2054f411e9aeb367f92c5b63ab()),is:"site-card",listeners:{mouseover:"_mouseEnter",mousedown:"_mouseEnter",mouseleave:"_mouseLeave",mouseout:"_mouseLeave",focusin:"_mouseEnter",focusout:"_mouseLeave"},properties:{size:{type:String,reflectToAttribute:!0},image:{type:String},icon:{type:String,value:!1},name:{type:String,value:""},title:{type:String,value:""},elevation:{type:Number,value:1,reflectToAttribute:!0}},_mouseEnter:function _mouseEnter(){this.__oldElevation=this.elevation;if(5<this.elevation+2){this.elevation=5}else{this.elevation+=2}},_mouseLeave:function _mouseLeave(){this.elevation=this.__oldElevation}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/paper-card/paper-card.js","../../../@polymer/iron-icon/iron-icon.js","../../../@polymer/iron-image/iron-image.js"],function(_polymerLegacy){"use strict";function _templateObject_36351b00555211e98f439769bd191e33(){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_36351b00555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_36351b00555211e98f439769bd191e33()),is:"site-card",listeners:{mouseover:"_mouseEnter",mousedown:"_mouseEnter",mouseleave:"_mouseLeave",mouseout:"_mouseLeave",focusin:"_mouseEnter",focusout:"_mouseLeave"},properties:{size:{type:String,reflectToAttribute:!0},image:{type:String},icon:{type:String,value:!1},name:{type:String,value:""},title:{type:String,value:""},elevation:{type:Number,value:1,reflectToAttribute:!0}},_mouseEnter:function _mouseEnter(){this.__oldElevation=this.elevation;if(5<this.elevation+2){this.elevation=5}else{this.elevation+=2}},_mouseLeave:function _mouseLeave(){this.elevation=this.__oldElevation}})});
\ No newline at end of file
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 2f821bccd44..c8af3d1a2ab 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/iron-ajax/iron-ajax.js","../../@polymer/iron-list/iron-list.js","../../@polymer/paper-button/paper-button.js","../elmsln-loading/elmsln-loading.js","./lib/site-card.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SitesListing=void 0;function _templateObject_900d128054f411e9aeb367f92c5b63ab(){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-tap=\"_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-tap=\"_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_900d128054f411e9aeb367f92c5b63ab=function(){return data};return data}var SitesListing=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_900d128054f411e9aeb367f92c5b63ab()),is:"sites-listing",properties:{sitesResponse:{type:Object,notify:!0,observer:"_sitesResponseChanged"},sites:{type:Array,notify:!0},size:{type:String,value:"large"},dataSource:{type:String},loadLocation:{type:Boolean,value:!1}},attached:function attached(){window.addEventListener("sites-listing-refresh-data",this.refreshData.bind(this))},detached:function detached(){window.removeEventListener("sites-listing-refresh-data",this.refreshData.bind(this))},refreshData:function refreshData(){this.$.loaddata.generateRequest()},_sitesResponseChanged:function _sitesResponseChanged(newValue){if(newValue){if(babelHelpers.typeof(newValue.items)!=="undefined"){this.set("sites",[]);this.set("sites",newValue.items);this.notifyPath("sites.*")}}},_siteClicked:function _siteClicked(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-site-id"),findSite=this.sites.filter(function(site){if(site.id!==active){return!1}return!0});if(0<findSite.length){findSite=findSite.pop()}if(this.loadLocation&&babelHelpers.typeof(findSite.location)!=="undefined"){window.location.href=findSite.location}this.fire("sites-listing-item-selected",findSite)},_mouseEnter:function _mouseEnter(e){var card=(0,_polymerDom.dom)(e.target).querySelectorAll("site-card")[0];card.__oldElevation=card.elevation;if(5<card.elevation+2){card.elevation=5}else{card.elevation+=2}},_mouseLeave:function _mouseLeave(e){var card=(0,_polymerDom.dom)(e.target).querySelectorAll("site-card")[0];card.elevation=card.__oldElevation}});_exports.SitesListing=SitesListing});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/iron-ajax/iron-ajax.js","../../@polymer/iron-list/iron-list.js","../../@polymer/paper-button/paper-button.js","../elmsln-loading/elmsln-loading.js","./lib/site-card.js"],function(_exports,_polymerLegacy,_polymerDom){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SitesListing=void 0;function _templateObject_298063b0555211e98f439769bd191e33(){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-tap=\"_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-tap=\"_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_298063b0555211e98f439769bd191e33=function(){return data};return data}var SitesListing=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_298063b0555211e98f439769bd191e33()),is:"sites-listing",properties:{sitesResponse:{type:Object,notify:!0,observer:"_sitesResponseChanged"},sites:{type:Array,notify:!0},size:{type:String,value:"large"},dataSource:{type:String},loadLocation:{type:Boolean,value:!1}},attached:function attached(){window.addEventListener("sites-listing-refresh-data",this.refreshData.bind(this))},detached:function detached(){window.removeEventListener("sites-listing-refresh-data",this.refreshData.bind(this))},refreshData:function refreshData(){this.$.loaddata.generateRequest()},_sitesResponseChanged:function _sitesResponseChanged(newValue){if(newValue){if(babelHelpers.typeof(newValue.items)!=="undefined"){this.set("sites",[]);this.set("sites",newValue.items);this.notifyPath("sites.*")}}},_siteClicked:function _siteClicked(e){var normalizedEvent=(0,_polymerDom.dom)(e),local=normalizedEvent.localTarget,active=local.getAttribute("data-site-id"),findSite=this.sites.filter(function(site){if(site.id!==active){return!1}return!0});if(0<findSite.length){findSite=findSite.pop()}if(this.loadLocation&&babelHelpers.typeof(findSite.location)!=="undefined"){window.location.href=findSite.location}this.fire("sites-listing-item-selected",findSite)},_mouseEnter:function _mouseEnter(e){var card=(0,_polymerDom.dom)(e.target).querySelectorAll("site-card")[0];card.__oldElevation=card.elevation;if(5<card.elevation+2){card.elevation=5}else{card.elevation+=2}},_mouseLeave:function _mouseLeave(e){var card=(0,_polymerDom.dom)(e.target).querySelectorAll("site-card")[0];card.elevation=card.__oldElevation}});_exports.SitesListing=SitesListing});
\ No newline at end of file
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 1737b33ddf6..8b8b2a9599c 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 +1 @@
-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_a227edf054f411e9aeb367f92c5b63ab(){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_a227edf054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_a227edf054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_36417710555211e98f439769bd191e33(){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_36417710555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_36417710555211e98f439769bd191e33());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 e0bc6a61154..4eaf3161bce 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/iron-icons/iron-icons.js","../social-media-icons/social-media-icons.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SocialShareLink=void 0;function _templateObject_91a824e054f411e9aeb367f92c5b63ab(){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          @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: 5px 10px;\n          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      </style>\n      <a href$=\"[[__href]]\" disabled$=\"[[!__href]]\" class$=\"[[mode]]\">\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_91a824e054f411e9aeb367f92c5b63ab=function(){return data};return data}var SocialShareLink=function(_PolymerElement){babelHelpers.inherits(SocialShareLink,_PolymerElement);function SocialShareLink(){babelHelpers.classCallCheck(this,SocialShareLink);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SocialShareLink).apply(this,arguments))}babelHelpers.createClass(SocialShareLink,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SocialShareLink.prototype),"connectedCallback",this).call(this)}},{key:"_getHref",value:function _getHref(image,message,type,url){var link;switch(type){case"Facebook":link=null!==url?"https://www.facebook.com/sharer/sharer.php?u="+url:!1;break;case"LinkedIn":link=(null!==url?"&url="+url:"")+(null!==message?"&summary="+message:"");link=null!==link?"https://www.linkedin.com/shareArticle?mini=true"+link:!1;break;case"Pinterest":link=(null!==url?"&url="+url:"")+(null!==message?"&description="+message:"")+(null!==image?"&media="+image:"");link=null!==link?"http://pinterest.com/pin/create/button/?"+link.substring(1):!1;break;case"Twitter":link=null!==message?"status="+message+" "+url:url;link=null!==link?"https://twitter.com/home?"+link:!1;break;}return encodeURI(link)}},{key:"_getLinkText",value:function _getLinkText(text,type){return null!==text?text:"Share via "+type}},{key:"_getIcon",value:function _getIcon(type){return"social-media:"+type.toLowerCase()}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_91a824e054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{buttonStyle:{name:"buttonStyle",type:"Boolean",value:!1,reflectToAttribute:!0},image:{name:"image",type:"String",value:""},message:{name:"message",type:"String",value:""},mode:{name:"mode",type:"String",value:null},text:{name:"text",type:"String",value:null},type:{name:"type",type:"String",value:"Twitter"},url:{name:"url",type:"String",value:null},__href:{name:"__href",type:"String",computed:"_getHref(image,message,type,url)"},__icon:{name:"icon",type:"String",computed:"_getIcon(type)"},__linkText:{name:"__linkText",type:"String",computed:"_getLinkText(text,type)"}}}},{key:"tag",get:function get(){return"social-share-link"}}]);return SocialShareLink}(_polymerElement.PolymerElement);_exports.SocialShareLink=SocialShareLink;window.customElements.define(SocialShareLink.tag,SocialShareLink)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../../@polymer/iron-icons/iron-icons.js","../social-media-icons/social-media-icons.js"],function(_exports,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SocialShareLink=void 0;function _templateObject_298dd130555211e98f439769bd191e33(){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          @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: 5px 10px;\n          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      </style>\n      <a href$=\"[[__href]]\" disabled$=\"[[!__href]]\" class$=\"[[mode]]\">\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_298dd130555211e98f439769bd191e33=function(){return data};return data}var SocialShareLink=function(_PolymerElement){babelHelpers.inherits(SocialShareLink,_PolymerElement);function SocialShareLink(){babelHelpers.classCallCheck(this,SocialShareLink);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SocialShareLink).apply(this,arguments))}babelHelpers.createClass(SocialShareLink,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(SocialShareLink.prototype),"connectedCallback",this).call(this)}},{key:"_getHref",value:function _getHref(image,message,type,url){var link;switch(type){case"Facebook":link=null!==url?"https://www.facebook.com/sharer/sharer.php?u="+url:!1;break;case"LinkedIn":link=(null!==url?"&url="+url:"")+(null!==message?"&summary="+message:"");link=null!==link?"https://www.linkedin.com/shareArticle?mini=true"+link:!1;break;case"Pinterest":link=(null!==url?"&url="+url:"")+(null!==message?"&description="+message:"")+(null!==image?"&media="+image:"");link=null!==link?"http://pinterest.com/pin/create/button/?"+link.substring(1):!1;break;case"Twitter":link=null!==message?"status="+message+" "+url:url;link=null!==link?"https://twitter.com/home?"+link:!1;break;}return encodeURI(link)}},{key:"_getLinkText",value:function _getLinkText(text,type){return null!==text?text:"Share via "+type}},{key:"_getIcon",value:function _getIcon(type){return"social-media:"+type.toLowerCase()}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_298dd130555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{buttonStyle:{name:"buttonStyle",type:"Boolean",value:!1,reflectToAttribute:!0},image:{name:"image",type:"String",value:""},message:{name:"message",type:"String",value:""},mode:{name:"mode",type:"String",value:null},text:{name:"text",type:"String",value:null},type:{name:"type",type:"String",value:"Twitter"},url:{name:"url",type:"String",value:null},__href:{name:"__href",type:"String",computed:"_getHref(image,message,type,url)"},__icon:{name:"icon",type:"String",computed:"_getIcon(type)"},__linkText:{name:"__linkText",type:"String",computed:"_getLinkText(text,type)"}}}},{key:"tag",get:function get(){return"social-share-link"}}]);return SocialShareLink}(_polymerElement.PolymerElement);_exports.SocialShareLink=SocialShareLink;window.customElements.define(SocialShareLink.tag,SocialShareLink)});
\ No newline at end of file
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 78db4cc1a92..08793b7cbc5 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/iron-icon/iron-icon.js","./lib/stop-icon.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.StopNote=void 0;function _templateObject_92153e9054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n\n    <div class=\"container\">\n      <div class=\"svg_wrap\">\n        <div class=\"svg\"><iron-icon icon=\"[[icon]]\"></iron-icon></div>\n      </div>\n      <div class=\"message_wrap\">\n        <div class=\"main_message\">[[title]]</div>\n        <div class=\"secondary_message\"><slot name=\"message\"></slot></div>\n        <template is=\"dom-if\" if=\"[[url]]\">\n          <div class=\"link\">\n            <a href=\"[[url]]\" target$=\"[[_urlTarget(url)]]\"\n              >More Information &gt;</a\n            >\n          </div>\n        </template>\n      </div>\n    </div>\n  "],["\n    <style>\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    </style>\n\n    <div class=\"container\">\n      <div class=\"svg_wrap\">\n        <div class=\"svg\"><iron-icon icon=\"[[icon]]\"></iron-icon></div>\n      </div>\n      <div class=\"message_wrap\">\n        <div class=\"main_message\">[[title]]</div>\n        <div class=\"secondary_message\"><slot name=\"message\"></slot></div>\n        <template is=\"dom-if\" if=\"[[url]]\">\n          <div class=\"link\">\n            <a href=\"[[url]]\" target\\$=\"[[_urlTarget(url)]]\"\n              >More Information &gt;</a\n            >\n          </div>\n        </template>\n      </div>\n    </div>\n  "]);_templateObject_92153e9054f411e9aeb367f92c5b63ab=function(){return data};return data}var StopNote=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_92153e9054f411e9aeb367f92c5b63ab()),is:"stop-note",behaviors:[HAXBehaviors.PropertiesBehaviors,MaterializeCSSBehaviors.ColorBehaviors,SchemaBehaviors.Schema],observers:["_iconChanged(icon)"],properties:{title:{type:String,value:"Title",reflectToAttribute:!0},url:{type:String,value:null,reflectToAttribute:!0},icon:{type:String,value:"stopnoteicons:stop-icon",reflectToAttribute:!0}},_iconChanged:function _iconChanged(){this.updateStyles()},_urlTarget:function _urlTarget(url){if(url){var external=this._outsideLink(url);if(external){return"_blank"}}return!1},_outsideLink:function _outsideLink(url){if(0!=url.indexOf("http"))return!1;var loc=location.href,path=location.pathname,root=loc.substring(0,loc.indexOf(path));return 0!=url.indexOf(root)},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Stop Note",description:"A message to alert readers to specific directions.",icon:"icons:report",color:"orange",groups:["Video","Media"],handles:[{type:"text",title:"label"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"Enter title for stop-note.",inputMethod:"textfield",required:!0},{property:"url",title:"URL",description:"Enter an external url.",inputMethod:"textfield",required:!0}],configure:[{property:"title",title:"Title",description:"Enter title for stop-note.",inputMethod:"textfield",required:!0},{property:"url",title:"URL",description:"Enter an external url.",inputMethod:"haxupload",required:!0},{slot:"message",title:"Message",description:"Enter a message for stop-note.",inputMethod:"code-editor",required:!0},{property:"icon",title:"Action Icon",description:"Icon used for stop-note",inputMethod:"iconpicker",options:["stopnoteicons:stop-icon","stopnoteicons:warning-icon","stopnoteicons:confirm-icon","stopnoteicons:book-icon"]}],advanced:[]}})}});_exports.StopNote=StopNote});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/iron-icon/iron-icon.js","./lib/stop-icon.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.StopNote=void 0;function _templateObject_2996f8f0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n\n    <div class=\"container\">\n      <div class=\"svg_wrap\">\n        <div class=\"svg\"><iron-icon icon=\"[[icon]]\"></iron-icon></div>\n      </div>\n      <div class=\"message_wrap\">\n        <div class=\"main_message\">[[title]]</div>\n        <div class=\"secondary_message\"><slot name=\"message\"></slot></div>\n        <template is=\"dom-if\" if=\"[[url]]\">\n          <div class=\"link\">\n            <a href=\"[[url]]\" target$=\"[[_urlTarget(url)]]\"\n              >More Information &gt;</a\n            >\n          </div>\n        </template>\n      </div>\n    </div>\n  "],["\n    <style>\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    </style>\n\n    <div class=\"container\">\n      <div class=\"svg_wrap\">\n        <div class=\"svg\"><iron-icon icon=\"[[icon]]\"></iron-icon></div>\n      </div>\n      <div class=\"message_wrap\">\n        <div class=\"main_message\">[[title]]</div>\n        <div class=\"secondary_message\"><slot name=\"message\"></slot></div>\n        <template is=\"dom-if\" if=\"[[url]]\">\n          <div class=\"link\">\n            <a href=\"[[url]]\" target\\$=\"[[_urlTarget(url)]]\"\n              >More Information &gt;</a\n            >\n          </div>\n        </template>\n      </div>\n    </div>\n  "]);_templateObject_2996f8f0555211e98f439769bd191e33=function(){return data};return data}var StopNote=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2996f8f0555211e98f439769bd191e33()),is:"stop-note",behaviors:[HAXBehaviors.PropertiesBehaviors,MaterializeCSSBehaviors.ColorBehaviors,SchemaBehaviors.Schema],observers:["_iconChanged(icon)"],properties:{title:{type:String,value:"Title",reflectToAttribute:!0},url:{type:String,value:null,reflectToAttribute:!0},icon:{type:String,value:"stopnoteicons:stop-icon",reflectToAttribute:!0}},_iconChanged:function _iconChanged(){this.updateStyles()},_urlTarget:function _urlTarget(url){if(url){var external=this._outsideLink(url);if(external){return"_blank"}}return!1},_outsideLink:function _outsideLink(url){if(0!=url.indexOf("http"))return!1;var loc=location.href,path=location.pathname,root=loc.substring(0,loc.indexOf(path));return 0!=url.indexOf(root)},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Stop Note",description:"A message to alert readers to specific directions.",icon:"icons:report",color:"orange",groups:["Video","Media"],handles:[{type:"text",title:"label"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"title",title:"Title",description:"Enter title for stop-note.",inputMethod:"textfield",required:!0},{property:"url",title:"URL",description:"Enter an external url.",inputMethod:"textfield",required:!0}],configure:[{property:"title",title:"Title",description:"Enter title for stop-note.",inputMethod:"textfield",required:!0},{property:"url",title:"URL",description:"Enter an external url.",inputMethod:"haxupload",required:!0},{slot:"message",title:"Message",description:"Enter a message for stop-note.",inputMethod:"code-editor",required:!0},{property:"icon",title:"Action Icon",description:"Icon used for stop-note",inputMethod:"iconpicker",options:["stopnoteicons:stop-icon","stopnoteicons:warning-icon","stopnoteicons:confirm-icon","stopnoteicons:book-icon"]}],advanced:[]}})}});_exports.StopNote=StopNote});
\ No newline at end of file
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 48a45955970..d6081f28352 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js","../../@polymer/paper-tabs/paper-tabs.js","../../@polymer/paper-tabs/paper-tab.js","../../@polymer/paper-button/paper-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.TabList=void 0;function _templateObject_936cb84054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <paper-tabs>\n      <template is=\"dom-repeat\" items=\"[[tabs]]\" as=\"tab\">\n        <paper-tab>\n          <a target=\"_blank\" href=\"[[tab.link]]\" tabindex=\"-1\">\n            <paper-button raised>[[tab.label]]</paper-button>\n          </a>\n        </paper-tab>\n      </template>\n    </paper-tabs>\n  "]);_templateObject_936cb84054f411e9aeb367f92c5b63ab=function(){return data};return data}var TabList=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_936cb84054f411e9aeb367f92c5b63ab()),is:"tab-list",behaviors:[HAXBehaviors.PropertiesBehaviors],observers:["_valueChanged(tabs.*)"],properties:{tabs:{type:Array,value:[],notify:!0}},_valueChanged:function _valueChanged(e){for(var i in e.base){for(var j in e.base[i]){this.notifyPath("tabs."+i+"."+j)}}},attached:function attached(){this.setHaxProperties({canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Tabs",description:"A list of links as tabs.",icon:"icons:tab",color:"grey",groups:["Presentation","Links"],handles:[],meta:{author:"LRNWebComponents"}},settings:{quick:[],configure:[{property:"tabs",title:"Tabs",description:"Listing of tabs",inputMethod:"array",properties:[{property:"link",title:"Link",description:"link to go to",inputMethod:"textfield",required:!0},{property:"label",title:"Label",description:"text to place on the tab",inputMethod:"textfield",required:!0}]}],advanced:[]}})}});_exports.TabList=TabList});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js","../../@polymer/paper-tabs/paper-tabs.js","../../@polymer/paper-tabs/paper-tab.js","../../@polymer/paper-button/paper-button.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.TabList=void 0;function _templateObject_29ae2a70555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\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    </style>\n    <paper-tabs>\n      <template is=\"dom-repeat\" items=\"[[tabs]]\" as=\"tab\">\n        <paper-tab>\n          <a target=\"_blank\" href=\"[[tab.link]]\" tabindex=\"-1\">\n            <paper-button raised>[[tab.label]]</paper-button>\n          </a>\n        </paper-tab>\n      </template>\n    </paper-tabs>\n  "]);_templateObject_29ae2a70555211e98f439769bd191e33=function(){return data};return data}var TabList=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_29ae2a70555211e98f439769bd191e33()),is:"tab-list",behaviors:[HAXBehaviors.PropertiesBehaviors],observers:["_valueChanged(tabs.*)"],properties:{tabs:{type:Array,value:[],notify:!0}},_valueChanged:function _valueChanged(e){for(var i in e.base){for(var j in e.base[i]){this.notifyPath("tabs."+i+"."+j)}}},attached:function attached(){this.setHaxProperties({canScale:!1,canPosition:!1,canEditSource:!1,gizmo:{title:"Tabs",description:"A list of links as tabs.",icon:"icons:tab",color:"grey",groups:["Presentation","Links"],handles:[],meta:{author:"LRNWebComponents"}},settings:{quick:[],configure:[{property:"tabs",title:"Tabs",description:"Listing of tabs",inputMethod:"array",properties:[{property:"link",title:"Link",description:"link to go to",inputMethod:"textfield",required:!0},{property:"label",title:"Label",description:"text to place on the tab",inputMethod:"textfield",required:!0}]}],advanced:[]}})}});_exports.TabList=TabList});
\ No newline at end of file
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 4c85c7ee523..dceddd3371c 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.TaskList=void 0;function _templateObject_924f616054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <h3><span property=\"oer:name\">[[name]]</span></h3>\n    <ol>\n      <template is=\"dom-repeat\" items=\"[[tasks]]\" as=\"task\">\n        <li><span property=\"oer:task\">[[task.name]]</span></li>\n      </template>\n    </ol>\n  "]);_templateObject_924f616054f411e9aeb367f92c5b63ab=function(){return data};return data}var TaskList=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_924f616054f411e9aeb367f92c5b63ab()),is:"task-list",behaviors:[HAXBehaviors.PropertiesBehaviors,MaterializeCSSBehaviors.ColorBehaviors,SchemaBehaviors.Schema],hostAttributes:{typeof:"oer:SupportingMaterial"},observers:["_valueChanged(tasks.*)"],properties:{name:{type:String,value:"Steps to completion"},relatedResource:{type:String},tasks:{type:Array,value:[],notify:!0},_resourceLink:{type:Object,computed:"_generateResourceLink(relatedResource)"}},_generateResourceLink:function _generateResourceLink(relatedResource){if(this._resourceLink){document.head.removeChild(this._resourceLink)}var link=document.createElement("link");link.setAttribute("property","oer:forComponent");link.setAttribute("content",relatedResource);document.head.appendChild(link);return link},_valueChanged:function _valueChanged(e){for(var i in e.base){for(var j in e.base[i]){this.notifyPath("tasks."+i+"."+j)}}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Task list",description:"A list of tasks which is an ordered list",icon:"icons:list",color:"orange",groups:["Content","Instructional"],handles:[],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"name",title:"Name",description:"Name of the list",inputMethod:"textfield",icon:"editor:title"},{property:"relatedResource",title:"Related resource",description:"A reference to the related Schema resource",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"name",title:"Name",description:"Name of the list",inputMethod:"textfield",icon:"editor:title"},{property:"relatedResource",title:"Related resource",description:"A reference to the related Schema resource",inputMethod:"textfield",icon:"editor:title"},{property:"tasks",title:"Tasks",description:"The tasks to be completed",inputMethod:"array",properties:[{property:"name",title:"Name",description:"Name of the task",inputMethod:"textfield",required:!0},{property:"link",title:"Link",description:"Optional link",inputMethod:"textfield"}]}],advanced:[]}})}});_exports.TaskList=TaskList});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.TaskList=void 0;function _templateObject_29b77940555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <h3><span property=\"oer:name\">[[name]]</span></h3>\n    <ol>\n      <template is=\"dom-repeat\" items=\"[[tasks]]\" as=\"task\">\n        <li><span property=\"oer:task\">[[task.name]]</span></li>\n      </template>\n    </ol>\n  "]);_templateObject_29b77940555211e98f439769bd191e33=function(){return data};return data}var TaskList=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_29b77940555211e98f439769bd191e33()),is:"task-list",behaviors:[HAXBehaviors.PropertiesBehaviors,MaterializeCSSBehaviors.ColorBehaviors,SchemaBehaviors.Schema],hostAttributes:{typeof:"oer:SupportingMaterial"},observers:["_valueChanged(tasks.*)"],properties:{name:{type:String,value:"Steps to completion"},relatedResource:{type:String},tasks:{type:Array,value:[],notify:!0},_resourceLink:{type:Object,computed:"_generateResourceLink(relatedResource)"}},_generateResourceLink:function _generateResourceLink(relatedResource){if(this._resourceLink){document.head.removeChild(this._resourceLink)}var link=document.createElement("link");link.setAttribute("property","oer:forComponent");link.setAttribute("content",relatedResource);document.head.appendChild(link);return link},_valueChanged:function _valueChanged(e){for(var i in e.base){for(var j in e.base[i]){this.notifyPath("tasks."+i+"."+j)}}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Task list",description:"A list of tasks which is an ordered list",icon:"icons:list",color:"orange",groups:["Content","Instructional"],handles:[],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"name",title:"Name",description:"Name of the list",inputMethod:"textfield",icon:"editor:title"},{property:"relatedResource",title:"Related resource",description:"A reference to the related Schema resource",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"name",title:"Name",description:"Name of the list",inputMethod:"textfield",icon:"editor:title"},{property:"relatedResource",title:"Related resource",description:"A reference to the related Schema resource",inputMethod:"textfield",icon:"editor:title"},{property:"tasks",title:"Tasks",description:"The tasks to be completed",inputMethod:"array",properties:[{property:"name",title:"Name",description:"Name of the task",inputMethod:"textfield",required:!0},{property:"link",title:"Link",description:"Optional link",inputMethod:"textfield"}]}],advanced:[]}})}});_exports.TaskList=TaskList});
\ No newline at end of file
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 13541e78547..166144051ba 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/iron-iconset-svg/iron-iconset-svg.js","../../@polymer/iron-image/iron-image.js","../../@polymer/paper-icon-button/paper-icon-button.js","../mdi-iconset-svg/lib/mdi-social-iconset-svg.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.TeamMember=void 0;function _templateObject_929d334054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-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 icon=\"mdi-social:facebook-box\"></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 icon=\"mdi-social:google-plus\"></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 is=\"custom-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 icon=\"mdi-social:facebook-box\"></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 icon=\"mdi-social:google-plus\"></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_929d334054f411e9aeb367f92c5b63ab=function(){return data};return data}var TeamMember=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_929d334054f411e9aeb367f92c5b63ab()),is:"team-member",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{image:{type:String},fullName:{type:String},firstLine:{type:String,value:!1},secondLine:{type:String,value:!1},dribble:{type:String,value:!1},facebook:{type:String,value:!1},github:{type:String,value:!1},google:{type:String,value:!1},instagram:{type:String,value:!1},linkedin:{type:String,value:!1},pinterest:{type:String,value:!1},tumblr:{type:String,value:!1},twitch:{type:String,value:!1},twitter:{type:String,value:!1},whatsapp:{type:String,value:!1}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Sample gizmo",description:"The user will be able to see this for selection in a UI.",icon:"av:play-circle-filled",color:"grey",groups:["Video","Media"],handles:[{type:"video",url:"source"}],meta:{author:"Your organization on github"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})}});_exports.TeamMember=TeamMember});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../../@polymer/iron-iconset-svg/iron-iconset-svg.js","../../@polymer/iron-image/iron-image.js","../../@polymer/paper-icon-button/paper-icon-button.js","../mdi-iconset-svg/lib/mdi-social-iconset-svg.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.TeamMember=void 0;function _templateObject_29cada30555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style is=\"custom-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 icon=\"mdi-social:facebook-box\"></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 icon=\"mdi-social:google-plus\"></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 is=\"custom-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 icon=\"mdi-social:facebook-box\"></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 icon=\"mdi-social:google-plus\"></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_29cada30555211e98f439769bd191e33=function(){return data};return data}var TeamMember=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_29cada30555211e98f439769bd191e33()),is:"team-member",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{image:{type:String},fullName:{type:String},firstLine:{type:String,value:!1},secondLine:{type:String,value:!1},dribble:{type:String,value:!1},facebook:{type:String,value:!1},github:{type:String,value:!1},google:{type:String,value:!1},instagram:{type:String,value:!1},linkedin:{type:String,value:!1},pinterest:{type:String,value:!1},tumblr:{type:String,value:!1},twitch:{type:String,value:!1},twitter:{type:String,value:!1},whatsapp:{type:String,value:!1}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Sample gizmo",description:"The user will be able to see this for selection in a UI.",icon:"av:play-circle-filled",color:"grey",groups:["Video","Media"],handles:[{type:"video",url:"source"}],meta:{author:"Your organization on github"}},settings:{quick:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"title",title:"Title",description:"The title of the element",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})}});_exports.TeamMember=TeamMember});
\ No newline at end of file
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 00da087d8d3..2f9ba88f983 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-checkbox/paper-checkbox.js","../../@polymer/paper-button/paper-button.js","../../@polymer/paper-card/paper-card.js","../../@polymer/paper-input/paper-input.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ToDo=void 0;function _templateObject_92bb90b054f411e9aeb367f92c5b63ab(){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-tap=\"_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-tap=\"_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_92bb90b054f411e9aeb367f92c5b63ab=function(){return data};return data}var ToDo=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_92bb90b054f411e9aeb367f92c5b63ab()),is:"to-do",behaviors:[HAXBehaviors.PropertiesBehaviors],observers:["_valueChanged(items.*)"],properties:{hideForm:{type:Boolean,value:!1,reflectToAttribute:!0},disabledList:{type:Boolean,value:!1,reflectToAttribute:!0},name:{type:String,value:"To do list"},items:{type:Array,value:[],notify:!0}},_valueChanged:function _valueChanged(e){for(var i in e.base){for(var j in e.base[i]){this.notifyPath("items."+i+"."+j)}}},_addItemToList:function _addItemToList(){if(""!=this.$.itemtext.value&&babelHelpers.typeof(this.$.itemtext.value)!=="undefined"){this.push("items",{label:this.$.itemtext.value,value:!1,disabled:this.disabledList,id:"item-id-"+this.items.length});this.$.itemtext.value=""}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"To do list",description:"A list of things to do so people can keep calm.",icon:"icons:list",color:"grey",groups:["List"],handles:[],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"name",title:"Name",description:"The name of this to do list",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"name",title:"Name",description:"The name of this to do list",inputMethod:"textfield",icon:"editor:title"},{property:"items",title:"List of items",description:"List of items to display in our list.",inputMethod:"array",properties:[{property:"label",title:"Task",description:"Name of the task",inputMethod:"textfield",required:!0},{property:"value",title:"Done",description:"Completion state",inputMethod:"boolean"}]}],advanced:[]}})}});_exports.ToDo=ToDo});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/paper-checkbox/paper-checkbox.js","../../@polymer/paper-button/paper-button.js","../../@polymer/paper-card/paper-card.js","../../@polymer/paper-input/paper-input.js","../materializecss-styles/materializecss-styles.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ToDo=void 0;function _templateObject_29d38cc0555211e98f439769bd191e33(){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-tap=\"_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-tap=\"_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_29d38cc0555211e98f439769bd191e33=function(){return data};return data}var ToDo=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_29d38cc0555211e98f439769bd191e33()),is:"to-do",behaviors:[HAXBehaviors.PropertiesBehaviors],observers:["_valueChanged(items.*)"],properties:{hideForm:{type:Boolean,value:!1,reflectToAttribute:!0},disabledList:{type:Boolean,value:!1,reflectToAttribute:!0},name:{type:String,value:"To do list"},items:{type:Array,value:[],notify:!0}},_valueChanged:function _valueChanged(e){for(var i in e.base){for(var j in e.base[i]){this.notifyPath("items."+i+"."+j)}}},_addItemToList:function _addItemToList(){if(""!=this.$.itemtext.value&&babelHelpers.typeof(this.$.itemtext.value)!=="undefined"){this.push("items",{label:this.$.itemtext.value,value:!1,disabled:this.disabledList,id:"item-id-"+this.items.length});this.$.itemtext.value=""}},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"To do list",description:"A list of things to do so people can keep calm.",icon:"icons:list",color:"grey",groups:["List"],handles:[],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"name",title:"Name",description:"The name of this to do list",inputMethod:"textfield",icon:"editor:title"}],configure:[{property:"name",title:"Name",description:"The name of this to do list",inputMethod:"textfield",icon:"editor:title"},{property:"items",title:"List of items",description:"List of items to display in our list.",inputMethod:"array",properties:[{property:"label",title:"Task",description:"Name of the task",inputMethod:"textfield",required:!0},{property:"value",title:"Done",description:"Completion state",inputMethod:"boolean"}]}],advanced:[]}})}});_exports.ToDo=ToDo});
\ No newline at end of file
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 269d9f377ae..24355b08687 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js","../relative-heading/relative-heading.js"],function(_exports,_polymerElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.TopicHeading=void 0;function _templateObject_943addb054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        relative-heading {\n          color: var(--topic-heading-heading-color);\n          display: inline-flex;\n          --relative-heading-heading: {\n            padding: 0;\n            margin: 0 0 16px 0;\n            @apply --topic-heading-heading;\n          }\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          @apply --topic-heading-icon;\n        }\n      </style>\n      <iron-icon icon=\"[[icon]]\"></iron-icon\n      ><relative-heading text=\"[[title]]\"></relative-heading>\n    "]);_templateObject_943addb054f411e9aeb367f92c5b63ab=function(){return data};return data}var TopicHeading=function(_PolymerElement){babelHelpers.inherits(TopicHeading,_PolymerElement);function TopicHeading(){babelHelpers.classCallCheck(this,TopicHeading);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(TopicHeading).apply(this,arguments))}babelHelpers.createClass(TopicHeading,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(TopicHeading.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(TopicHeading.haxProperties,TopicHeading.tag,this)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_943addb054f411e9aeb367f92c5b63ab())}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Topic heading",description:"Semantic and visual meaning behind a heading break",icon:"icons:android",color:"green",groups:["Heading"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[],configure:[{property:"icon",description:"",inputMethod:"iconpicker",required:!1,icon:"icons:code"},{property:"title",description:"",inputMethod:"textfield",required:!1,icon:"icons:heading"}],advanced:[]}}}},{key:"properties",get:function get(){return{icon:{name:"icon",type:"String",value:""},title:{name:"title",type:"String",value:"Heading"}}}},{key:"tag",get:function get(){return"topic-heading"}}]);return TopicHeading}(_polymerElement.PolymerElement);_exports.TopicHeading=TopicHeading;window.customElements.define(TopicHeading.tag,TopicHeading)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icon/iron-icon.js","../relative-heading/relative-heading.js"],function(_exports,_polymerElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.TopicHeading=void 0;function _templateObject_29fb11f0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n      <style>\n        :host {\n          display: block;\n        }\n\n        :host([hidden]) {\n          display: none;\n        }\n\n        relative-heading {\n          color: var(--topic-heading-heading-color);\n          display: inline-flex;\n          --relative-heading-heading: {\n            padding: 0;\n            margin: 0 0 16px 0;\n            @apply --topic-heading-heading;\n          }\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          @apply --topic-heading-icon;\n        }\n      </style>\n      <iron-icon icon=\"[[icon]]\"></iron-icon\n      ><relative-heading text=\"[[title]]\"></relative-heading>\n    "]);_templateObject_29fb11f0555211e98f439769bd191e33=function(){return data};return data}var TopicHeading=function(_PolymerElement){babelHelpers.inherits(TopicHeading,_PolymerElement);function TopicHeading(){babelHelpers.classCallCheck(this,TopicHeading);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(TopicHeading).apply(this,arguments))}babelHelpers.createClass(TopicHeading,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(TopicHeading.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(TopicHeading.haxProperties,TopicHeading.tag,this)}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_29fb11f0555211e98f439769bd191e33())}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Topic heading",description:"Semantic and visual meaning behind a heading break",icon:"icons:android",color:"green",groups:["Heading"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"btopro",owner:"The Pennsylvania State University"}},settings:{quick:[],configure:[{property:"icon",description:"",inputMethod:"iconpicker",required:!1,icon:"icons:code"},{property:"title",description:"",inputMethod:"textfield",required:!1,icon:"icons:heading"}],advanced:[]}}}},{key:"properties",get:function get(){return{icon:{name:"icon",type:"String",value:""},title:{name:"title",type:"String",value:"Heading"}}}},{key:"tag",get:function get(){return"topic-heading"}}]);return TopicHeading}(_polymerElement.PolymerElement);_exports.TopicHeading=TopicHeading;window.customElements.define(TopicHeading.tag,TopicHeading)});
\ No newline at end of file
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 fb89ee66b38..40101431965 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../a11y-behaviors/a11y-behaviors.js","../media-behaviors/media-behaviors.js","../a11y-media-player/a11y-media-player.js"],function(_exports,_polymerElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.VideoPlayer=void 0;function _templateObject_93ccd9a054f411e9aeb367f92c5b63ab(){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      <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            lang$=\"[[lang]]\"\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_93ccd9a054f411e9aeb367f92c5b63ab=function(){return data};return data}var VideoPlayer=function(_PolymerElement){babelHelpers.inherits(VideoPlayer,_PolymerElement);function VideoPlayer(){babelHelpers.classCallCheck(this,VideoPlayer);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(VideoPlayer).apply(this,arguments))}babelHelpers.createClass(VideoPlayer,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(VideoPlayer.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(VideoPlayer.haxProperties,VideoPlayer.tag,this)}},{key:"_computeYoutubeId",value:function _computeYoutubeId(source,sourceType){if(source!==void 0&&"youtube"===sourceType){return this._computeSRC(source).replace(/(https?:\/\/)?(www.)?youtube(-nocookie)?.com\/embed\//,"")}return!1}},{key:"_computeYoutube",value:function _computeYoutube(sourceType){return"youtube"===sourceType}},{key:"_computeA11yMedia",value:function _computeA11yMedia(sourceType,sandboxed){if(!sandboxed&&("youtube"==sourceType||"local"==sourceType)){return!0}return!1}},{key:"_computeIframed",value:function _computeIframed(sourceData,sandboxed){if(0<sourceData.length&&sourceData[0]!==void 0&&window.MediaBehaviors.Video._sourceIsIframe(sourceData[0].src)&&!sandboxed){return!0}return!1}},{key:"_getTrackData",value:function _getTrackData(track,tracks){var temp="string"===typeof tracks?JSON.parse(tracks).slice():tracks.slice();if(track!==void 0&&null!==track)temp.push({src:track,srclang:this.lang,label:"en"===this.lang?"English":this.lang,kind:"subtitles"});return temp}},{key:"_getSourceData",value:function _getSourceData(source,sources,trackData){if("string"===typeof sources)sources=JSON.parse(sources);for(var root=this,temp=sources.slice(),i=0;i<temp.length;i++){temp[i].type=temp[i].type!==void 0&&null!==temp[i].type?temp[i].type:this._computeMediaType(temp[i].src);temp[i].src=this._computeSRC(temp[i].src)}if(null!==source){var src=this._computeSRC(source);this.sourceType=this._computeSourceType(src);if("youtube"!==this.sourceType){temp.unshift({src:src,type:this._computeMediaType(src)})}}this.__standAlone=trackData===void 0||null===trackData||1>trackData.length;return temp}},{key:"_computeMediaType",value:function _computeMediaType(source){var root=this,type="",findType=function(text,data){for(var i=0;i<data.length;i++){if(""===type&&source!==void 0&&null!==source&&-1<source.toLowerCase().indexOf("."+data[i])){if("audio"===text)root.audioOnly=!0;type=text+"/"+data[i]}}};findType("audio",["aac","flac","mp3","oga","wav"]);findType("video",["mov","mp4","ogv","webm"]);return type}},{key:"_computeSandboxed",value:function _computeSandboxed(sourceData){if(0<sourceData.length&&sourceData[0]!==void 0&&window.MediaBehaviors.Video._sourceIsIframe(sourceData[0].src)){var test=document.createElement("webview");if("function"===typeof test.reload){return!0}}return!1}},{key:"_computeSourceType",value:function _computeSourceType(sourceData){this;if(0<sourceData.length&&sourceData[0]!==void 0&&babelHelpers.typeof(sourceData[0].src)!=="undefined"){return window.MediaBehaviors.Video.getVideoType(sourceData[0].src)}else{return null}}},{key:"_computeSRC",value:function _computeSRC(source){if(null!==source&&babelHelpers.typeof(source)!==void 0){var type=this.sourceType!==void 0?this.sourceType:window.MediaBehaviors.Video.getVideoType(source);source=window.MediaBehaviors.Video.cleanVideoSource(source,type);if("vimeo"==type){if(this.vimeoTitle){source+="?title=1"}else{source+="?title=0"}if(this.vimeoByline){source+="&byline=1"}else{source+="&byline=0"}if(this.vimeoPortrait){source+="&portrait=1"}else{source+="&portrait=0"}if(babelHelpers.typeof(this.videoColor)!=="undefined"){source+="&color="+this.videoColor}}else if("dailymotion"==type){source+="&ui-start-screen-info=false";source+="&ui-logo=false";source+="&sharing-enable=false";source+="&endscreen-enable=false";if(babelHelpers.typeof(this.videoColor)!=="undefined"){source+="&ui-highlight="+this.videoColor}}}return source}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_93ccd9a054f411e9aeb367f92c5b63ab())}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Video player",description:"This can present video in a highly accessible manner regardless of source.",icon:"av:play-circle-filled",color:"red",groups:["Video","Media"],handles:[{type:"video",source:"source",title:"caption",caption:"caption",description:"caption",color:"primaryColor"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"accentColor",title:"Accent color",description:"Select the accent color for the player.",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{attribute:"dark",title:"Dark theme",description:"Enable dark theme for the player.",inputMethod:"boolean",icon:"invert-colors"}],configure:[{property:"source",title:"Source",description:"The URL for this video.",inputMethod:"haxupload",icon:"link",required:!0,validationType:"url"},{property:"track",title:"Closed captions",description:"The URL for the captions file.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"},{property:"thumbnailSrc",title:"Thumbnail image",description:"Optional. The URL for a thumbnail/poster image.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"},{property:"mediaTitle",title:"Title",description:"Simple title for under video",inputMethod:"textfield",icon:"av:video-label",required:!1,validationType:"text"},{property:"accentColor",title:"Accent color",description:"Select the accent color for the player.",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{attribute:"dark",title:"Dark theme",description:"Enable dark theme for the player.",inputMethod:"boolean",icon:"invert-colors"}],advanced:[{property:"darkTranscript",title:"Dark theme for transcript",description:"Enable dark theme for the transcript.",inputMethod:"boolean"},{property:"hideTimestamps",title:"Hide timestamps",description:"Hide the time stamps on the transcript.",inputMethod:"boolean"},{property:"preload",title:"Preload source(s).",description:"How the sources should be preloaded, i.e. auto, metadata (default), or none.",inputMethod:"select",options:{preload:"Preload all media",metadata:"Preload media metadata only",none:"Don't preload anything"}},{property:"stickyCorner",title:"Sticky Corner",description:"Set the corner where a video plays when scrolled out of range, or choose none to disable sticky video.",inputMethod:"select",options:{none:"none","top-left":"top-left","top-right":"top-right","bottom-left":"bottom-left","bottom-right":"bottom-right"}},{property:"sources",title:"Other sources",description:"List of other sources",inputMethod:"array",properties:[{property:"src",title:"Source",description:"The URL for this video.",inputMethod:"textfield"},{property:"type",title:"Type",description:"Media type data",inputMethod:"select",options:{"audio/aac":"acc audio","audio/flac":"flac audio","audio/mp3":"mp3 audio","video/mp4":"mp4 video","video/mov":"mov video","audio/ogg":"ogg audio","video/ogg":"ogg video","audio/wav":"wav audio","audio/webm":"webm audio","video/webm":"webm video"}}]},{property:"tracks",title:"Track list",description:"Tracks of different languages of closed captions",inputMethod:"array",properties:[{property:"kind",title:"Kind",description:"Kind of track",inputMethod:"select",options:{subtitles:"subtitles"}},{property:"label",title:"Label",description:"The human-readable name for this track, eg. \"English Subtitles\"",inputMethod:"textfield"},{property:"src",title:"Source",description:"Source of the track",inputMethod:"textfield"},{property:"srclang",title:"Two letter, language code, eg. 'en' for English, \"de\" for German, \"es\" for Spanish, etc.",description:"Label",inputMethod:"textfield"}]}]}}}},{key:"properties",get:function get(){return{audioOnly:{type:"Boolean",value:!1},accentColor:{type:"String",value:null,reflectToAttribute:!0},crossorigin:{type:"Boolean",value:!1,reflectToAttribute:!0},dark:{type:"Boolean",value:!1,reflectToAttribute:!0},darkTranscript:{type:"Boolean",value:!1},disableInteractive:{type:"Boolean",value:!1},height:{type:"String",value:null},hideTimestamps:{type:"Boolean",value:!1},iframed:{type:"Boolean",computed:"_computeIframed(sourceData, sandboxed)"},isA11yMedia:{type:"Boolean",computed:"_computeA11yMedia(sourceType, sandboxed)"},isYoutube:{type:"Boolean",computed:"_computeYoutube(sourceType)"},lang:{type:"String",value:"en"},mediaTitle:{type:"String"},preload:{type:"String",value:"metadata"},sandboxed:{type:"Boolean",computed:"_computeSandboxed(sourceData)"},source:{type:"String",value:null,reflectToAttribute:!0},sources:{type:"Array",value:[]},sourceData:{type:"Array",computed:"_getSourceData(source,sources,trackData)"},sourceType:{type:"String",computed:"_computeSourceType(sourceData)"},stickyCorner:{type:"String",value:"top-right",reflectToAttribute:!0},track:{type:"String",value:null},tracks:{type:"Array",value:[]},trackData:{type:"Array",computed:"_getTrackData(track,tracks)"},thumbnailSrc:{type:"String",value:null,reflectToAttribute:!0},width:{type:"String",value:null},youtubeId:{type:"String",computed:"_computeYoutubeId(source,sourceType)"}}}},{key:"tag",get:function get(){return"video-player"}},{key:"behaviors",get:function get(){return[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema,A11yBehaviors.A11y,MediaBehaviors.Video]}}]);return VideoPlayer}(_polymerElement.PolymerElement);_exports.VideoPlayer=VideoPlayer;window.customElements.define(VideoPlayer.tag,VideoPlayer)});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-element.js","../hax-body-behaviors/lib/HAXWiring.js","../a11y-behaviors/a11y-behaviors.js","../media-behaviors/media-behaviors.js","../a11y-media-player/a11y-media-player.js"],function(_exports,_polymerElement,_HAXWiring){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.VideoPlayer=void 0;function _templateObject_2a0bb3c0555211e98f439769bd191e33(){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      <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            lang$=\"[[lang]]\"\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_2a0bb3c0555211e98f439769bd191e33=function(){return data};return data}var VideoPlayer=function(_PolymerElement){babelHelpers.inherits(VideoPlayer,_PolymerElement);function VideoPlayer(){babelHelpers.classCallCheck(this,VideoPlayer);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(VideoPlayer).apply(this,arguments))}babelHelpers.createClass(VideoPlayer,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(VideoPlayer.prototype),"connectedCallback",this).call(this);this.HAXWiring=new _HAXWiring.HAXWiring;this.HAXWiring.setup(VideoPlayer.haxProperties,VideoPlayer.tag,this)}},{key:"_computeYoutubeId",value:function _computeYoutubeId(source,sourceType){if(source!==void 0&&"youtube"===sourceType){return this._computeSRC(source).replace(/(https?:\/\/)?(www.)?youtube(-nocookie)?.com\/embed\//,"")}return!1}},{key:"_computeYoutube",value:function _computeYoutube(sourceType){return"youtube"===sourceType}},{key:"_computeA11yMedia",value:function _computeA11yMedia(sourceType,sandboxed){if(!sandboxed&&("youtube"==sourceType||"local"==sourceType)){return!0}return!1}},{key:"_computeIframed",value:function _computeIframed(sourceData,sandboxed){if(0<sourceData.length&&sourceData[0]!==void 0&&window.MediaBehaviors.Video._sourceIsIframe(sourceData[0].src)&&!sandboxed){return!0}return!1}},{key:"_getTrackData",value:function _getTrackData(track,tracks){var temp="string"===typeof tracks?JSON.parse(tracks).slice():tracks.slice();if(track!==void 0&&null!==track)temp.push({src:track,srclang:this.lang,label:"en"===this.lang?"English":this.lang,kind:"subtitles"});return temp}},{key:"_getSourceData",value:function _getSourceData(source,sources,trackData){if("string"===typeof sources)sources=JSON.parse(sources);for(var root=this,temp=sources.slice(),i=0;i<temp.length;i++){temp[i].type=temp[i].type!==void 0&&null!==temp[i].type?temp[i].type:this._computeMediaType(temp[i].src);temp[i].src=this._computeSRC(temp[i].src)}if(null!==source){var src=this._computeSRC(source);this.sourceType=this._computeSourceType(src);if("youtube"!==this.sourceType){temp.unshift({src:src,type:this._computeMediaType(src)})}}this.__standAlone=trackData===void 0||null===trackData||1>trackData.length;return temp}},{key:"_computeMediaType",value:function _computeMediaType(source){var root=this,type="",findType=function(text,data){for(var i=0;i<data.length;i++){if(""===type&&source!==void 0&&null!==source&&-1<source.toLowerCase().indexOf("."+data[i])){if("audio"===text)root.audioOnly=!0;type=text+"/"+data[i]}}};findType("audio",["aac","flac","mp3","oga","wav"]);findType("video",["mov","mp4","ogv","webm"]);return type}},{key:"_computeSandboxed",value:function _computeSandboxed(sourceData){if(0<sourceData.length&&sourceData[0]!==void 0&&window.MediaBehaviors.Video._sourceIsIframe(sourceData[0].src)){var test=document.createElement("webview");if("function"===typeof test.reload){return!0}}return!1}},{key:"_computeSourceType",value:function _computeSourceType(sourceData){this;if(0<sourceData.length&&sourceData[0]!==void 0&&babelHelpers.typeof(sourceData[0].src)!=="undefined"){return window.MediaBehaviors.Video.getVideoType(sourceData[0].src)}else{return null}}},{key:"_computeSRC",value:function _computeSRC(source){if(null!==source&&babelHelpers.typeof(source)!==void 0){var type=this.sourceType!==void 0?this.sourceType:window.MediaBehaviors.Video.getVideoType(source);source=window.MediaBehaviors.Video.cleanVideoSource(source,type);if("vimeo"==type){if(this.vimeoTitle){source+="?title=1"}else{source+="?title=0"}if(this.vimeoByline){source+="&byline=1"}else{source+="&byline=0"}if(this.vimeoPortrait){source+="&portrait=1"}else{source+="&portrait=0"}if(babelHelpers.typeof(this.videoColor)!=="undefined"){source+="&color="+this.videoColor}}else if("dailymotion"==type){source+="&ui-start-screen-info=false";source+="&ui-logo=false";source+="&sharing-enable=false";source+="&endscreen-enable=false";if(babelHelpers.typeof(this.videoColor)!=="undefined"){source+="&ui-highlight="+this.videoColor}}}return source}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_2a0bb3c0555211e98f439769bd191e33())}},{key:"haxProperties",get:function get(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Video player",description:"This can present video in a highly accessible manner regardless of source.",icon:"av:play-circle-filled",color:"red",groups:["Video","Media"],handles:[{type:"video",source:"source",title:"caption",caption:"caption",description:"caption",color:"primaryColor"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"accentColor",title:"Accent color",description:"Select the accent color for the player.",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{attribute:"dark",title:"Dark theme",description:"Enable dark theme for the player.",inputMethod:"boolean",icon:"invert-colors"}],configure:[{property:"source",title:"Source",description:"The URL for this video.",inputMethod:"haxupload",icon:"link",required:!0,validationType:"url"},{property:"track",title:"Closed captions",description:"The URL for the captions file.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"},{property:"thumbnailSrc",title:"Thumbnail image",description:"Optional. The URL for a thumbnail/poster image.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"},{property:"mediaTitle",title:"Title",description:"Simple title for under video",inputMethod:"textfield",icon:"av:video-label",required:!1,validationType:"text"},{property:"accentColor",title:"Accent color",description:"Select the accent color for the player.",inputMethod:"colorpicker",icon:"editor:format-color-fill"},{attribute:"dark",title:"Dark theme",description:"Enable dark theme for the player.",inputMethod:"boolean",icon:"invert-colors"}],advanced:[{property:"darkTranscript",title:"Dark theme for transcript",description:"Enable dark theme for the transcript.",inputMethod:"boolean"},{property:"hideTimestamps",title:"Hide timestamps",description:"Hide the time stamps on the transcript.",inputMethod:"boolean"},{property:"preload",title:"Preload source(s).",description:"How the sources should be preloaded, i.e. auto, metadata (default), or none.",inputMethod:"select",options:{preload:"Preload all media",metadata:"Preload media metadata only",none:"Don't preload anything"}},{property:"stickyCorner",title:"Sticky Corner",description:"Set the corner where a video plays when scrolled out of range, or choose none to disable sticky video.",inputMethod:"select",options:{none:"none","top-left":"top-left","top-right":"top-right","bottom-left":"bottom-left","bottom-right":"bottom-right"}},{property:"sources",title:"Other sources",description:"List of other sources",inputMethod:"array",properties:[{property:"src",title:"Source",description:"The URL for this video.",inputMethod:"textfield"},{property:"type",title:"Type",description:"Media type data",inputMethod:"select",options:{"audio/aac":"acc audio","audio/flac":"flac audio","audio/mp3":"mp3 audio","video/mp4":"mp4 video","video/mov":"mov video","audio/ogg":"ogg audio","video/ogg":"ogg video","audio/wav":"wav audio","audio/webm":"webm audio","video/webm":"webm video"}}]},{property:"tracks",title:"Track list",description:"Tracks of different languages of closed captions",inputMethod:"array",properties:[{property:"kind",title:"Kind",description:"Kind of track",inputMethod:"select",options:{subtitles:"subtitles"}},{property:"label",title:"Label",description:"The human-readable name for this track, eg. \"English Subtitles\"",inputMethod:"textfield"},{property:"src",title:"Source",description:"Source of the track",inputMethod:"textfield"},{property:"srclang",title:"Two letter, language code, eg. 'en' for English, \"de\" for German, \"es\" for Spanish, etc.",description:"Label",inputMethod:"textfield"}]}]}}}},{key:"properties",get:function get(){return{audioOnly:{type:"Boolean",value:!1},accentColor:{type:"String",value:null,reflectToAttribute:!0},crossorigin:{type:"Boolean",value:!1,reflectToAttribute:!0},dark:{type:"Boolean",value:!1,reflectToAttribute:!0},darkTranscript:{type:"Boolean",value:!1},disableInteractive:{type:"Boolean",value:!1},height:{type:"String",value:null},hideTimestamps:{type:"Boolean",value:!1},iframed:{type:"Boolean",computed:"_computeIframed(sourceData, sandboxed)"},isA11yMedia:{type:"Boolean",computed:"_computeA11yMedia(sourceType, sandboxed)"},isYoutube:{type:"Boolean",computed:"_computeYoutube(sourceType)"},lang:{type:"String",value:"en"},mediaTitle:{type:"String"},preload:{type:"String",value:"metadata"},sandboxed:{type:"Boolean",computed:"_computeSandboxed(sourceData)"},source:{type:"String",value:null,reflectToAttribute:!0},sources:{type:"Array",value:[]},sourceData:{type:"Array",computed:"_getSourceData(source,sources,trackData)"},sourceType:{type:"String",computed:"_computeSourceType(sourceData)"},stickyCorner:{type:"String",value:"top-right",reflectToAttribute:!0},track:{type:"String",value:null},tracks:{type:"Array",value:[]},trackData:{type:"Array",computed:"_getTrackData(track,tracks)"},thumbnailSrc:{type:"String",value:null,reflectToAttribute:!0},width:{type:"String",value:null},youtubeId:{type:"String",computed:"_computeYoutubeId(source,sourceType)"}}}},{key:"tag",get:function get(){return"video-player"}},{key:"behaviors",get:function get(){return[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema,A11yBehaviors.A11y,MediaBehaviors.Video]}}]);return VideoPlayer}(_polymerElement.PolymerElement);_exports.VideoPlayer=VideoPlayer;window.customElements.define(VideoPlayer.tag,VideoPlayer)});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/watsonlogic-parallax/watsonlogic-parallax.js b/build/es5-amd/node_modules/@lrnwebcomponents/watsonlogic-parallax/watsonlogic-parallax.js
index 80d33e7af61..35818b4ad81 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/watsonlogic-parallax/watsonlogic-parallax.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/watsonlogic-parallax/watsonlogic-parallax.js
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.WatsonlogicParallax=void 0;function _templateObject_9561d18054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        --parallax-background-height: 300px;\n        --parallax-slogan-top: 150px;\n        --parallax-background-image: url(\"https://static.pexels.com/photos/2324/skyline-buildings-new-york-skyscrapers.jpg\");\n      }\n\n      .parallax-background {\n        background: var(--parallax-background-image);\n        background-attachment: fixed;\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n        height: var(--parallax-background-height);\n        position: relative;\n      }\n\n      .slogan {\n        bottom: 0;\n        left: 0;\n        opacity: 1;\n        position: absolute;\n        right: 0;\n        text-align: center;\n        top: var(--parallax-slogan-top);\n        transform-origin: center top !important;\n      }\n    </style>\n\n    <div class=\"parallax-background\">\n      <div id=\"slogan\" class=\"slogan\">[[parallaxText]]</div>\n    </div>\n  "]);_templateObject_9561d18054f411e9aeb367f92c5b63ab=function(){return data};return data}var WatsonlogicParallax=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9561d18054f411e9aeb367f92c5b63ab()),is:"watsonlogic-parallax",properties:{parallaxText:{type:String},parallaxImage:{type:String,notify:!0,reflectToAttribute:!0},parallaxImageHeight:{type:String,notify:!0,reflectToAttribute:!0}},ready:function ready(){var self=this;self.parallaxImage=self.parallaxImage||"https://static.pexels.com/photos/2324/skyline-buildings-new-york-skyscrapers.jpg";Number.isNaN(parseInt(self.parallaxImageHeight))?"300":parseInt(self.parallaxImageHeight);this.updateStyles({"--parallax-background-image":"url("+self.parallaxImage+")","--parallax-background-height":self.parallaxImageHeight+"px","--parallax-slogan-top":parseInt(self.parallaxImageHeight)/2+"px"})}});_exports.WatsonlogicParallax=WatsonlogicParallax});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.WatsonlogicParallax=void 0;function _templateObject_2a179aa0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        --parallax-background-height: 300px;\n        --parallax-slogan-top: 150px;\n        --parallax-background-image: url(\"https://static.pexels.com/photos/2324/skyline-buildings-new-york-skyscrapers.jpg\");\n      }\n\n      .parallax-background {\n        background: var(--parallax-background-image);\n        background-attachment: fixed;\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: cover;\n        height: var(--parallax-background-height);\n        position: relative;\n      }\n\n      .slogan {\n        bottom: 0;\n        left: 0;\n        opacity: 1;\n        position: absolute;\n        right: 0;\n        text-align: center;\n        top: var(--parallax-slogan-top);\n        transform-origin: center top !important;\n      }\n    </style>\n\n    <div class=\"parallax-background\">\n      <div id=\"slogan\" class=\"slogan\">[[parallaxText]]</div>\n    </div>\n  "]);_templateObject_2a179aa0555211e98f439769bd191e33=function(){return data};return data}var WatsonlogicParallax=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2a179aa0555211e98f439769bd191e33()),is:"watsonlogic-parallax",properties:{parallaxText:{type:String},parallaxImage:{type:String,notify:!0,reflectToAttribute:!0},parallaxImageHeight:{type:String,notify:!0,reflectToAttribute:!0}},ready:function ready(){var self=this;self.parallaxImage=self.parallaxImage||"https://static.pexels.com/photos/2324/skyline-buildings-new-york-skyscrapers.jpg";Number.isNaN(parseInt(self.parallaxImageHeight))?"300":parseInt(self.parallaxImageHeight);this.updateStyles({"--parallax-background-image":"url("+self.parallaxImage+")","--parallax-background-height":self.parallaxImageHeight+"px","--parallax-slogan-top":parseInt(self.parallaxImageHeight)/2+"px"})}});_exports.WatsonlogicParallax=WatsonlogicParallax});
\ No newline at end of file
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 51ae2e129cb..003e0523536 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
@@ -1 +1 @@
-define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/resolve-url.js","../../@polymer/paper-material/paper-material.js","../../@polymer/paper-fab/paper-fab.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/av-icons.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../es-global-bridge/es-global-bridge.js"],function(_exports,meta,_polymerLegacy,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.WavePlayer=void 0;meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_94a3b1a054f411e9aeb367f92c5b63ab(){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 class=\"coverart\" src=\"[[coverart]]\" />\n      <span class=\"title\">[[title]]</span>\n      <span class=\"subtitle\">[[subtitle]]</span>\n    </div>\n  "]);_templateObject_94a3b1a054f411e9aeb367f92c5b63ab=function(){return data};return data}var WavePlayer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_94a3b1a054f411e9aeb367f92c5b63ab()),is:"wave-player",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{src:{type:String,notify:!0,observer:"_srcChanged"},title:{type:String,value:"",notify:!0},subtitle:{type:String,value:"",notify:!0},coverart:{type:String,value:"",notify:!0},wavesurfer:{type:Object},lean:{type:String,value:"left",notify:!0},wavecolor:{type:String,value:"#ffffff",notify:!0},progresscolor:{type:String,value:"#CFD8DC",notify:!0}},_srcChanged:function _srcChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&this.__wavesurfer){window.wavesurferobject.load(newValue)}},created:function created(){var name="wavesurfer",basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),location="".concat(basePath,"lib/wavesurfer.js/dist/wavesurfer.js");window.addEventListener("es-bridge-".concat(name,"-loaded"),this._wavesurferLoaded.bind(this));window.ESGlobalBridge.requestAvailability();window.ESGlobalBridge.instance.load(name,location)},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Audio player",description:"Audio that is just like spotify.",icon:"av:play-circle-filled",color:"purple",groups:["Video","Media"],handles:[{type:"audio",source:"src",title:"title",caption:"subtitle"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"src",title:"Source",description:"The URL for this video.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"}],configure:[{property:"src",title:"Source",description:"The URL for this video.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"},{property:"title",title:"Title",description:"A simple title",inputMethod:"textfield",icon:"av:video-label",required:!1,validationType:"text"}],advanced:[]}})},ready:function ready(){if("right"===this.lean){this.$.playbutton.style.right="25";this.$.controls.style.right="0"}else{this.$.playbutton.style.left="25";this.$.controls.style.left="0"}if(""===this.name){this.$.albuminfo.classList.add("hidden")}if(""===this.coverart){var basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url));this.coverart="".concat(basePath,"lib/art.jpg")}},_wavesurferLoaded:function _wavesurferLoaded(){this.__wavesurfer=!0;this.initWaveSurfer()},activateAnimation:function activateAnimation(){var self=this,waveStyle=this.$.container,buttonStyle=this.$.playbutton,controlsStyle=this.$.controls,muteStyle=this.$.mute,replayStyle=this.$.replay,albumStyle=this.$.albuminfo,coverartStyle=albumStyle.querySelector(".coverart"),nameStyle=albumStyle.querySelector(".title"),titleStyle=albumStyle.querySelector(".subtitle");buttonStyle.setAttribute("icon","av:pause");buttonStyle.classList.remove("circleAnimation");buttonStyle.classList.add("playActive");albumStyle.classList.add("albuminfoActive");coverartStyle.classList.add("coverartActive");nameStyle.classList.add("nameActive");titleStyle.classList.add("titleActive");if("right"===self.lean){this.$.playbutton.style.right="0"}else{this.$.playbutton.style.left="0"}waveStyle.classList.add("waveActive");setTimeout(function(){controlsStyle.classList.remove("hidden");buttonStyle.classList.add("hidden")},500);setTimeout(function(){muteStyle.classList.add("right");replayStyle.classList.add("left")},600)},deactivateAnimation:function deactivateAnimation(){var self=this,waveStyle=this.$.container,buttonStyle=this.$.playbutton,controlsStyle=this.$.controls,muteStyle=this.$.mute,replayStyle=this.$.replay,albumStyle=this.$.albuminfo,coverartStyle=albumStyle.querySelector(".coverart"),nameStyle=albumStyle.querySelector(".title"),titleStyle=albumStyle.querySelector(".subtitle");muteStyle.classList.remove("right");replayStyle.classList.remove("left");setTimeout(function(){controlsStyle.classList.add("hidden");buttonStyle.classList.remove("hidden")},100);setTimeout(function(){buttonStyle.setAttribute("icon","av:play-arrow");buttonStyle.classList.add("circleAnimation");buttonStyle.classList.remove("playActive");albumStyle.classList.remove("albuminfoActive");coverartStyle.classList.remove("coverartActive");nameStyle.classList.remove("nameActive");titleStyle.classList.remove("titleActive");if("right"===self.lean){buttonStyle.style.right="25"}else{buttonStyle.style.left="25"}waveStyle.classList.remove("waveActive")},200)},initWaveSurfer:function initWaveSurfer(){var _this=this;window.wavesurferobject=new WaveSurfer({container:this.$.container,waveColor:this.wavecolor,progressColor:this.progresscolor,fillParent:!0,height:100});window.wavesurferobject.init();if(babelHelpers.typeof(this.src)!=="undefined"){window.wavesurferobject.load(this.src)}window.wavesurferobject.on("ready",function(){_this.$.playbutton.removeAttribute("disabled")});window.wavesurferobject.on("finish",function(){_this.deactivateAnimation()})},togglePlay:function togglePlay(){window.wavesurferobject.playPause();var iconType=this.$.playbutton.getAttribute("icon");if("av:play-arrow"===iconType){this.activateAnimation()}else{this.deactivateAnimation()}},toggleMute:function toggleMute(){var muteStyle=this.$.mute,iconType=muteStyle.getAttribute("icon");window.wavesurferobject.toggleMute();if("av:volume-up"===iconType){muteStyle.setAttribute("icon","av:volume-off")}else{muteStyle.setAttribute("icon","av:volume-up")}},throwBack:function throwBack(){window.wavesurferobject.skipBackward(30)}});_exports.WavePlayer=WavePlayer});
\ No newline at end of file
+define(["exports","meta","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/utils/resolve-url.js","../../@polymer/paper-material/paper-material.js","../../@polymer/paper-fab/paper-fab.js","../../@polymer/paper-icon-button/paper-icon-button.js","../../@polymer/iron-icons/iron-icons.js","../../@polymer/iron-icons/av-icons.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../es-global-bridge/es-global-bridge.js"],function(_exports,meta,_polymerLegacy,_resolveUrl){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.WavePlayer=void 0;meta=babelHelpers.interopRequireWildcard(meta);function _templateObject_2a342350555211e98f439769bd191e33(){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 class=\"coverart\" src=\"[[coverart]]\" />\n      <span class=\"title\">[[title]]</span>\n      <span class=\"subtitle\">[[subtitle]]</span>\n    </div>\n  "]);_templateObject_2a342350555211e98f439769bd191e33=function(){return data};return data}var WavePlayer=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2a342350555211e98f439769bd191e33()),is:"wave-player",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{src:{type:String,notify:!0,observer:"_srcChanged"},title:{type:String,value:"",notify:!0},subtitle:{type:String,value:"",notify:!0},coverart:{type:String,value:"",notify:!0},wavesurfer:{type:Object},lean:{type:String,value:"left",notify:!0},wavecolor:{type:String,value:"#ffffff",notify:!0},progresscolor:{type:String,value:"#CFD8DC",notify:!0}},_srcChanged:function _srcChanged(newValue){if(babelHelpers.typeof(newValue)!=="undefined"&&this.__wavesurfer){window.wavesurferobject.load(newValue)}},created:function created(){var name="wavesurfer",basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url)),location="".concat(basePath,"lib/wavesurfer.js/dist/wavesurfer.js");window.addEventListener("es-bridge-".concat(name,"-loaded"),this._wavesurferLoaded.bind(this));window.ESGlobalBridge.requestAvailability();window.ESGlobalBridge.instance.load(name,location)},attached:function attached(){this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Audio player",description:"Audio that is just like spotify.",icon:"av:play-circle-filled",color:"purple",groups:["Video","Media"],handles:[{type:"audio",source:"src",title:"title",caption:"subtitle"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"src",title:"Source",description:"The URL for this video.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"}],configure:[{property:"src",title:"Source",description:"The URL for this video.",inputMethod:"textfield",icon:"link",required:!0,validationType:"url"},{property:"title",title:"Title",description:"A simple title",inputMethod:"textfield",icon:"av:video-label",required:!1,validationType:"text"}],advanced:[]}})},ready:function ready(){if("right"===this.lean){this.$.playbutton.style.right="25";this.$.controls.style.right="0"}else{this.$.playbutton.style.left="25";this.$.controls.style.left="0"}if(""===this.name){this.$.albuminfo.classList.add("hidden")}if(""===this.coverart){var basePath=(0,_resolveUrl.pathFromUrl)(decodeURIComponent(meta.url));this.coverart="".concat(basePath,"lib/art.jpg")}},_wavesurferLoaded:function _wavesurferLoaded(){this.__wavesurfer=!0;this.initWaveSurfer()},activateAnimation:function activateAnimation(){var self=this,waveStyle=this.$.container,buttonStyle=this.$.playbutton,controlsStyle=this.$.controls,muteStyle=this.$.mute,replayStyle=this.$.replay,albumStyle=this.$.albuminfo,coverartStyle=albumStyle.querySelector(".coverart"),nameStyle=albumStyle.querySelector(".title"),titleStyle=albumStyle.querySelector(".subtitle");buttonStyle.setAttribute("icon","av:pause");buttonStyle.classList.remove("circleAnimation");buttonStyle.classList.add("playActive");albumStyle.classList.add("albuminfoActive");coverartStyle.classList.add("coverartActive");nameStyle.classList.add("nameActive");titleStyle.classList.add("titleActive");if("right"===self.lean){this.$.playbutton.style.right="0"}else{this.$.playbutton.style.left="0"}waveStyle.classList.add("waveActive");setTimeout(function(){controlsStyle.classList.remove("hidden");buttonStyle.classList.add("hidden")},500);setTimeout(function(){muteStyle.classList.add("right");replayStyle.classList.add("left")},600)},deactivateAnimation:function deactivateAnimation(){var self=this,waveStyle=this.$.container,buttonStyle=this.$.playbutton,controlsStyle=this.$.controls,muteStyle=this.$.mute,replayStyle=this.$.replay,albumStyle=this.$.albuminfo,coverartStyle=albumStyle.querySelector(".coverart"),nameStyle=albumStyle.querySelector(".title"),titleStyle=albumStyle.querySelector(".subtitle");muteStyle.classList.remove("right");replayStyle.classList.remove("left");setTimeout(function(){controlsStyle.classList.add("hidden");buttonStyle.classList.remove("hidden")},100);setTimeout(function(){buttonStyle.setAttribute("icon","av:play-arrow");buttonStyle.classList.add("circleAnimation");buttonStyle.classList.remove("playActive");albumStyle.classList.remove("albuminfoActive");coverartStyle.classList.remove("coverartActive");nameStyle.classList.remove("nameActive");titleStyle.classList.remove("titleActive");if("right"===self.lean){buttonStyle.style.right="25"}else{buttonStyle.style.left="25"}waveStyle.classList.remove("waveActive")},200)},initWaveSurfer:function initWaveSurfer(){var _this=this;window.wavesurferobject=new WaveSurfer({container:this.$.container,waveColor:this.wavecolor,progressColor:this.progresscolor,fillParent:!0,height:100});window.wavesurferobject.init();if(babelHelpers.typeof(this.src)!=="undefined"){window.wavesurferobject.load(this.src)}window.wavesurferobject.on("ready",function(){_this.$.playbutton.removeAttribute("disabled")});window.wavesurferobject.on("finish",function(){_this.deactivateAnimation()})},togglePlay:function togglePlay(){window.wavesurferobject.playPause();var iconType=this.$.playbutton.getAttribute("icon");if("av:play-arrow"===iconType){this.activateAnimation()}else{this.deactivateAnimation()}},toggleMute:function toggleMute(){var muteStyle=this.$.mute,iconType=muteStyle.getAttribute("icon");window.wavesurferobject.toggleMute();if("av:volume-up"===iconType){muteStyle.setAttribute("icon","av:volume-off")}else{muteStyle.setAttribute("icon","av:volume-up")}},throwBack:function throwBack(){window.wavesurferobject.skipBackward(30)}});_exports.WavePlayer=WavePlayer});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/web-map/lib/map-layer.js b/build/es5-amd/node_modules/@lrnwebcomponents/web-map/lib/map-layer.js
index 81266a8ec6e..8c590ab934e 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/web-map/lib/map-layer.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/web-map/lib/map-layer.js
@@ -1 +1 @@
-define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","./map-styles.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_a24b7b8054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"map-styles\">\n      :host {\n        display: none;\n      }\n    </style>\n    <!-- hide any feature, image or tile elements the author includes -->\n    <slot></slot>\n  "]);_templateObject_a24b7b8054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_a24b7b8054f411e9aeb367f92c5b63ab()),is:"layer-",properties:{src:{type:String,reflectToAttribute:!0,observer:"_srcChanged"},label:{type:String,value:"Layer",reflectToAttribute:!0,observer:"_labelChanged"},checked:{type:Boolean,reflectToAttribute:!0,observer:"_toggleChecked"},disabled:{type:Boolean,reflectToAttribute:!0},hidden:{type:Boolean,reflectToAttribute:!0,observer:"_toggleHidden"},legendLinks:{type:Object,reflectToAttribute:!1,value:function value(){return[]}}},_srcChanged:function _srcChanged(){if(this._layer){this._layer.initialize(this.src,this)}},_labelChanged:function _labelChanged(){var map=this.parentElement&&this.parentElement._map;if(map){this._toggleHidden(!1)}},_apiToggleChecked:!0,_toggleChecked:function _toggleChecked(){var map=this.parentElement&&this.parentElement._map;if(map){if(this._apiToggleChecked){if(map.hasLayer(this._layer)){map.removeLayer(this._layer)}else{map.addLayer(this._layer)}this._validateDisabled()}this._apiToggleChecked=!0}},_onLayerExtentLoad:function _onLayerExtentLoad(){if(this._layer._legendUrl){this.legendLinks=[{type:"application/octet-stream",href:this._layer._legendUrl,rel:"legend",lang:null,hreflang:null,sizes:null}]}if(this._layer._title&&"Layer"===this.label){this.label=this._layer._title}if(this._layer._map){this._layer.fire("attached",this._layer)}},_validateDisabled:function _validateDisabled(){var layer=this._layer,map=layer._map;if(map){var zoomBounds=layer.getZoomBounds(),zoom=map.getZoom(),withinZoomBounds=zoomBounds&&zoomBounds.min<=zoom&&zoom<=zoomBounds.max,projectionMatches=layer._projectionMatches(map),visible=projectionMatches&&withinZoomBounds&&map.getPixelBounds().intersects(layer.getLayerExtentBounds(map));this.disabled=!visible}},_onLayerChange:function _onLayerChange(){if(this._layer._map){this._apiToggleChecked=!1;this.checked=this._layer._map.hasLayer(this._layer)}},_toggleHidden:function _toggleHidden(hide){var map=this.parentElement&&this.parentElement._map;if(map&&this.parentElement.controls){if(hide){this.parentElement._layerControl.removeLayer(this._layer)}else{this._layerControl=this.parentElement._layerControl;this._layerControl.addOrUpdateOverlay(this._layer,this.label)}this._validateDisabled()}},detached:function detached(){if(this._layer._map){this._layer._map.removeLayer(this._layer)}if(this._layerControl&&!this.hidden){this._layerControl.removeLayer(this._layer)}this._removeEvents()},ready:function ready(){var base=this.baseURI?this.baseURI:document.baseURI;this._layer=M.mapMLLayer(this.src?new URI(this.src).resolve(new URI(base)).toString():null,this);this._layer.on("extentload",this._onLayerExtentLoad,this);this._setUpEvents()},_attachedToMap:function _attachedToMap(){for(var i=0,position=1,nodes=(0,_polymerDom.dom)(this).parentNode.children;i<nodes.length;i++){if("LAYER-"===(0,_polymerDom.dom)(this).parentNode.children[i].nodeName){if((0,_polymerDom.dom)(this).parentNode.children[i]===this){break}position++}}L.setOptions(this._layer,{zIndex:position,opacity:window.getComputedStyle(this).opacity});this._layer._map=(0,_polymerDom.dom)(this).parentNode._map;this._layer.fire("attached");if(this.checked){this._layer.addTo(this._layer._map)}this._layer.on("add remove",this._onLayerChange,this);if((0,_polymerDom.dom)(this).parentNode.controls&&!this.hidden){this._layerControl=(0,_polymerDom.dom)(this).parentNode._layerControl;this._layerControl.addOrUpdateOverlay(this._layer,this.label)}this._layer._map.on("moveend",this._validateDisabled,this);this._layer._map.fire("moveend")},attached:function attached(){if("MAP"!==(0,_polymerDom.dom)(this).parentNode.nodeName){console.log("ERROR: "+this.localName+"#"+this.id+" must be a child of a map element");return}if((0,_polymerDom.dom)(this).parentNode._map){this._attachedToMap()}},_removeEvents:function _removeEvents(){if(this._layer){this._layer.off("loadstart",!1,this)}},_setUpEvents:function _setUpEvents(){this._layer.on("loadstart",function(){this.fire("loadstart",{target:this})},this)}})});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","./map-styles.js"],function(_polymerLegacy,_polymerDom){"use strict";function _templateObject_365cee50555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"map-styles\">\n      :host {\n        display: none;\n      }\n    </style>\n    <!-- hide any feature, image or tile elements the author includes -->\n    <slot></slot>\n  "]);_templateObject_365cee50555211e98f439769bd191e33=function(){return data};return data}(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_365cee50555211e98f439769bd191e33()),is:"layer-",properties:{src:{type:String,reflectToAttribute:!0,observer:"_srcChanged"},label:{type:String,value:"Layer",reflectToAttribute:!0,observer:"_labelChanged"},checked:{type:Boolean,reflectToAttribute:!0,observer:"_toggleChecked"},disabled:{type:Boolean,reflectToAttribute:!0},hidden:{type:Boolean,reflectToAttribute:!0,observer:"_toggleHidden"},legendLinks:{type:Object,reflectToAttribute:!1,value:function value(){return[]}}},_srcChanged:function _srcChanged(){if(this._layer){this._layer.initialize(this.src,this)}},_labelChanged:function _labelChanged(){var map=this.parentElement&&this.parentElement._map;if(map){this._toggleHidden(!1)}},_apiToggleChecked:!0,_toggleChecked:function _toggleChecked(){var map=this.parentElement&&this.parentElement._map;if(map){if(this._apiToggleChecked){if(map.hasLayer(this._layer)){map.removeLayer(this._layer)}else{map.addLayer(this._layer)}this._validateDisabled()}this._apiToggleChecked=!0}},_onLayerExtentLoad:function _onLayerExtentLoad(){if(this._layer._legendUrl){this.legendLinks=[{type:"application/octet-stream",href:this._layer._legendUrl,rel:"legend",lang:null,hreflang:null,sizes:null}]}if(this._layer._title&&"Layer"===this.label){this.label=this._layer._title}if(this._layer._map){this._layer.fire("attached",this._layer)}},_validateDisabled:function _validateDisabled(){var layer=this._layer,map=layer._map;if(map){var zoomBounds=layer.getZoomBounds(),zoom=map.getZoom(),withinZoomBounds=zoomBounds&&zoomBounds.min<=zoom&&zoom<=zoomBounds.max,projectionMatches=layer._projectionMatches(map),visible=projectionMatches&&withinZoomBounds&&map.getPixelBounds().intersects(layer.getLayerExtentBounds(map));this.disabled=!visible}},_onLayerChange:function _onLayerChange(){if(this._layer._map){this._apiToggleChecked=!1;this.checked=this._layer._map.hasLayer(this._layer)}},_toggleHidden:function _toggleHidden(hide){var map=this.parentElement&&this.parentElement._map;if(map&&this.parentElement.controls){if(hide){this.parentElement._layerControl.removeLayer(this._layer)}else{this._layerControl=this.parentElement._layerControl;this._layerControl.addOrUpdateOverlay(this._layer,this.label)}this._validateDisabled()}},detached:function detached(){if(this._layer._map){this._layer._map.removeLayer(this._layer)}if(this._layerControl&&!this.hidden){this._layerControl.removeLayer(this._layer)}this._removeEvents()},ready:function ready(){var base=this.baseURI?this.baseURI:document.baseURI;this._layer=M.mapMLLayer(this.src?new URI(this.src).resolve(new URI(base)).toString():null,this);this._layer.on("extentload",this._onLayerExtentLoad,this);this._setUpEvents()},_attachedToMap:function _attachedToMap(){for(var i=0,position=1,nodes=(0,_polymerDom.dom)(this).parentNode.children;i<nodes.length;i++){if("LAYER-"===(0,_polymerDom.dom)(this).parentNode.children[i].nodeName){if((0,_polymerDom.dom)(this).parentNode.children[i]===this){break}position++}}L.setOptions(this._layer,{zIndex:position,opacity:window.getComputedStyle(this).opacity});this._layer._map=(0,_polymerDom.dom)(this).parentNode._map;this._layer.fire("attached");if(this.checked){this._layer.addTo(this._layer._map)}this._layer.on("add remove",this._onLayerChange,this);if((0,_polymerDom.dom)(this).parentNode.controls&&!this.hidden){this._layerControl=(0,_polymerDom.dom)(this).parentNode._layerControl;this._layerControl.addOrUpdateOverlay(this._layer,this.label)}this._layer._map.on("moveend",this._validateDisabled,this);this._layer._map.fire("moveend")},attached:function attached(){if("MAP"!==(0,_polymerDom.dom)(this).parentNode.nodeName){console.log("ERROR: "+this.localName+"#"+this.id+" must be a child of a map element");return}if((0,_polymerDom.dom)(this).parentNode._map){this._attachedToMap()}},_removeEvents:function _removeEvents(){if(this._layer){this._layer.off("loadstart",!1,this)}},_setUpEvents:function _setUpEvents(){this._layer.on("loadstart",function(){this.fire("loadstart",{target:this})},this)}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@lrnwebcomponents/web-map/web-map.js b/build/es5-amd/node_modules/@lrnwebcomponents/web-map/web-map.js
index c77e1751f43..71ccb012525 100644
--- a/build/es5-amd/node_modules/@lrnwebcomponents/web-map/web-map.js
+++ b/build/es5-amd/node_modules/@lrnwebcomponents/web-map/web-map.js
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/async.js","./lib/map-layer.js","./lib/map-area.js","./lib/map-styles.js"],function(_exports,_polymerLegacy,_polymerDom,async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.WebMap=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_94efd5d054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <!-- use the leaflet-styles style module -->\n    <style include=\"map-styles\">\n      /* make sure the map element doesn't get selected and styled by document styles */\n      :host {\n        display: inline-block !important;\n        position: relative !important;\n      }\n      /* try to constrain the map and the leaflet div#map to the size of the container */\n      :host,\n      :host #map {\n        max-width: 100%;\n        min-width: 100%;\n      }\n      /* this is a hack for shady DOM, as max-width messes with Leaflet tiles */\n      :host img {\n        max-width: none !important;\n      }\n      #map:focus {\n        outline: 2px double lightskyblue;\n      }\n    </style>\n    <!-- giving the map div a tabindex allows the map to display its focus. -->\n    <!-- see the #map:focus selector in styles, above. -->\n    <div id=\"map\" tabindex=\"0\"></div>\n    <slot></slot>\n  "]);_templateObject_94efd5d054f411e9aeb367f92c5b63ab=function(){return data};return data}var WebMap=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_94efd5d054f411e9aeb367f92c5b63ab()),is:"web-map",extends:"map",factoryImpl:function factoryImpl(width,height,lat,lon,zoom,projection,controls){this.width=width;this.height=height;this.lat=lat||this.lat;this.lon=lon||this.lon;this.zoom=zoom||this.zoom;this.projection=projection||"OSMTILE";this.controls=controls||this.controls},properties:{lat:{type:Number,value:0,reflectToAttribute:!0},lon:{type:Number,value:0,reflectToAttribute:!0},zoom:{type:Number,value:0,reflectToAttribute:!0},projection:{type:String,value:"OSMTILE",reflectToAttribute:!1},width:{type:Number,value:null,reflectToAttribute:!0},height:{type:Number,value:null,reflectToAttribute:!0},layers:{type:Object,value:function value(){return this.getElementsByTagName("layer-")}},areas:{type:Object,value:function value(){return this.getElementsByTagName("area")}},controls:{type:Boolean,reflectToAttribute:!0}},observers:["_widthChanged(width)","_heightChanged(height)","_toggleControls(controls)"],_toggleControls:function _toggleControls(controls){if(this._map){if(controls){this._zoomControl=L.control.zoom().addTo(this._map);this._layerControl=M.mapMlLayerControl(null,{collapsed:!0}).addTo(this._map);for(var i=0;i<this.layers.length;i++){if(!this.layers[i].hidden){this._layerControl.addOverlay(this.layers[i]._layer,this.layers[i].label);this._map.on("moveend",this.layers[i]._validateDisabled,this.layers[i]);this.layers[i]._layerControl=this._layerControl}}}else{this._map.removeControl(this._layerControl);this._map.removeControl(this._zoomControl)}}},_widthChanged:function _widthChanged(width){this.style.width=width+"px";this.$.map.style.width=width+"px";if(this._map){this._map.invalidateSize(!1)}},_heightChanged:function _heightChanged(height){this.style.height=height+"px";this.$.map.style.height=height+"px";if(this._map){this._map.invalidateSize(!1)}},zoomTo:function zoomTo(lat,lon,zoom){zoom=zoom||this.zoom;var location=new L.LatLng(lat,lon);this._map.setView(location,zoom);this.zoom=zoom;this.lat=location.lat;this.lon=location.lng},_updateMapCenter:function _updateMapCenter(){this.lat=this._map.getCenter().lat;this.lon=this._map.getCenter().lng;this.zoom=this._map.getZoom()},ready:function ready(){L.Icon.Default.imagePath=function(){var imp=document.querySelector("link[rel=\"import\"][href*=\"web-map.html\"]"),doc=imp?imp.import:document,scripts=doc.getElementsByTagName("script"),leafletRe=/[\/^]leaflet[\-\._]?([\w\-\._]*)\.js\??/,i,len,src,path;for(i=0,len=scripts.length;i<len;i++){src=scripts[i].src;if(src.match(leafletRe)){path=src.split(leafletRe)[0];return(path?path+"/":"")+"images"}}}();if(this.hasAttribute("name")){var name=this.getAttribute("name");if(name){this.poster=document.querySelector("img[usemap="+"\"#"+name+"\"]");if(this.poster){if(L.Browser.gecko){this.poster.removeAttribute("usemap")}(0,_polymerDom.dom)(this.$.map).appendChild(this.poster)}}}},detached:function detached(){this._removeEvents()},attached:function attached(){var _this=this;async.microTask.run(function(){var s=window.getComputedStyle(_this),wpx=s.width,hpx=s.height,w=parseInt(wpx.replace("px","")),h=parseInt(hpx.replace("px",""));if(""===wpx||""===hpx){return}if(!_this.width||_this.width!==w){_this.$.map.style.width=wpx;_this.width=w}else{_this.$.map.style.width=_this.width+"px"}if(!_this.height||_this.height!==h){_this.$.map.style.height=h;_this.height=h}else{_this.$.map.style.height=_this.height+"px"}if(!_this._map){_this._map=L.map(_this.$.map,{center:new L.LatLng(_this.lat,_this.lon),projection:_this.projection,crs:M[_this.projection],zoom:_this.zoom,zoomControl:!1,fadeAnimation:!0});if(_this.controls){_this._layerControl=M.mapMlLayerControl(null,{collapsed:!0}).addTo(_this._map);_this._zoomControl=L.control.zoom().addTo(_this._map)}_this._attributionControl=_this._map.attributionControl.setPrefix("<a href=\"https://www.w3.org/community/maps4html/\" title=\"W3C Maps4HTML Community Group\">Maps4HTML</a> | <a href=\"http://leafletjs.com\" title=\"A JS library for interactive maps\">Leaflet</a>");for(var i=0;i<_this.layers.length;i++){_this.layers[i]._attachedToMap()}for(var i=0;i<_this.areas.length;i++){_this.areas[i]._attachedToMap()}if(_this.layers[0]&&"undefined"===typeof _this.layers[0]._layer.error&&_this.layers[0]._layer._extent){if(_this.poster){_this.poster.style.display="none"}}_this._setUpEvents();_this.fire("load",{target:_this})}},10)},_removeEvents:function _removeEvents(){if(this._map){this._map.off("preclick click dblclick mousemove mouseover mouseout mousedown mouseup contextmenu",!1,this);this._map.off("load movestart move moveend zoomstart zoom zoomend",!1,this)}},_setUpEvents:function _setUpEvents(){this._map.on("load",function(){this.fire("load",{target:this})},this);this._map.on("preclick",function(e){this.fire("preclick",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("click",function(e){this.fire("click",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("dblclick",function(e){this.fire("dblclick",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("mousemove",function(e){this.fire("mousemove",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("mouseover",function(e){this.fire("mouseover",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("mouseout",function(e){this.fire("mouseout",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("mousedown",function(e){this.fire("mousedown",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("mouseup",function(e){this.fire("mouseup",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("contextmenu",function(e){this.fire("contextmenu",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("movestart",function(){this._updateMapCenter();this.fire("movestart",{target:this})},this);this._map.on("move",function(){this._updateMapCenter();this.fire("move",{target:this})},this);this._map.on("moveend",function(){this._updateMapCenter();this.fire("moveend",{target:this})},this);this._map.on("zoomstart",function(){this._updateMapCenter();this.fire("zoomstart",{target:this})},this);this._map.on("zoom",function(){this._updateMapCenter();this.fire("zoom",{target:this})},this);this._map.on("zoomend",function(){this._updateMapCenter();this.fire("zoomend",{target:this})},this)}});_exports.WebMap=WebMap});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/async.js","./lib/map-layer.js","./lib/map-area.js","./lib/map-styles.js"],function(_exports,_polymerLegacy,_polymerDom,async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.WebMap=void 0;async=babelHelpers.interopRequireWildcard(async);function _templateObject_2a482080555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <!-- use the leaflet-styles style module -->\n    <style include=\"map-styles\">\n      /* make sure the map element doesn't get selected and styled by document styles */\n      :host {\n        display: inline-block !important;\n        position: relative !important;\n      }\n      /* try to constrain the map and the leaflet div#map to the size of the container */\n      :host,\n      :host #map {\n        max-width: 100%;\n        min-width: 100%;\n      }\n      /* this is a hack for shady DOM, as max-width messes with Leaflet tiles */\n      :host img {\n        max-width: none !important;\n      }\n      #map:focus {\n        outline: 2px double lightskyblue;\n      }\n    </style>\n    <!-- giving the map div a tabindex allows the map to display its focus. -->\n    <!-- see the #map:focus selector in styles, above. -->\n    <div id=\"map\" tabindex=\"0\"></div>\n    <slot></slot>\n  "]);_templateObject_2a482080555211e98f439769bd191e33=function(){return data};return data}var WebMap=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2a482080555211e98f439769bd191e33()),is:"web-map",extends:"map",factoryImpl:function factoryImpl(width,height,lat,lon,zoom,projection,controls){this.width=width;this.height=height;this.lat=lat||this.lat;this.lon=lon||this.lon;this.zoom=zoom||this.zoom;this.projection=projection||"OSMTILE";this.controls=controls||this.controls},properties:{lat:{type:Number,value:0,reflectToAttribute:!0},lon:{type:Number,value:0,reflectToAttribute:!0},zoom:{type:Number,value:0,reflectToAttribute:!0},projection:{type:String,value:"OSMTILE",reflectToAttribute:!1},width:{type:Number,value:null,reflectToAttribute:!0},height:{type:Number,value:null,reflectToAttribute:!0},layers:{type:Object,value:function value(){return this.getElementsByTagName("layer-")}},areas:{type:Object,value:function value(){return this.getElementsByTagName("area")}},controls:{type:Boolean,reflectToAttribute:!0}},observers:["_widthChanged(width)","_heightChanged(height)","_toggleControls(controls)"],_toggleControls:function _toggleControls(controls){if(this._map){if(controls){this._zoomControl=L.control.zoom().addTo(this._map);this._layerControl=M.mapMlLayerControl(null,{collapsed:!0}).addTo(this._map);for(var i=0;i<this.layers.length;i++){if(!this.layers[i].hidden){this._layerControl.addOverlay(this.layers[i]._layer,this.layers[i].label);this._map.on("moveend",this.layers[i]._validateDisabled,this.layers[i]);this.layers[i]._layerControl=this._layerControl}}}else{this._map.removeControl(this._layerControl);this._map.removeControl(this._zoomControl)}}},_widthChanged:function _widthChanged(width){this.style.width=width+"px";this.$.map.style.width=width+"px";if(this._map){this._map.invalidateSize(!1)}},_heightChanged:function _heightChanged(height){this.style.height=height+"px";this.$.map.style.height=height+"px";if(this._map){this._map.invalidateSize(!1)}},zoomTo:function zoomTo(lat,lon,zoom){zoom=zoom||this.zoom;var location=new L.LatLng(lat,lon);this._map.setView(location,zoom);this.zoom=zoom;this.lat=location.lat;this.lon=location.lng},_updateMapCenter:function _updateMapCenter(){this.lat=this._map.getCenter().lat;this.lon=this._map.getCenter().lng;this.zoom=this._map.getZoom()},ready:function ready(){L.Icon.Default.imagePath=function(){var imp=document.querySelector("link[rel=\"import\"][href*=\"web-map.html\"]"),doc=imp?imp.import:document,scripts=doc.getElementsByTagName("script"),leafletRe=/[\/^]leaflet[\-\._]?([\w\-\._]*)\.js\??/,i,len,src,path;for(i=0,len=scripts.length;i<len;i++){src=scripts[i].src;if(src.match(leafletRe)){path=src.split(leafletRe)[0];return(path?path+"/":"")+"images"}}}();if(this.hasAttribute("name")){var name=this.getAttribute("name");if(name){this.poster=document.querySelector("img[usemap="+"\"#"+name+"\"]");if(this.poster){if(L.Browser.gecko){this.poster.removeAttribute("usemap")}(0,_polymerDom.dom)(this.$.map).appendChild(this.poster)}}}},detached:function detached(){this._removeEvents()},attached:function attached(){var _this=this;async.microTask.run(function(){var s=window.getComputedStyle(_this),wpx=s.width,hpx=s.height,w=parseInt(wpx.replace("px","")),h=parseInt(hpx.replace("px",""));if(""===wpx||""===hpx){return}if(!_this.width||_this.width!==w){_this.$.map.style.width=wpx;_this.width=w}else{_this.$.map.style.width=_this.width+"px"}if(!_this.height||_this.height!==h){_this.$.map.style.height=h;_this.height=h}else{_this.$.map.style.height=_this.height+"px"}if(!_this._map){_this._map=L.map(_this.$.map,{center:new L.LatLng(_this.lat,_this.lon),projection:_this.projection,crs:M[_this.projection],zoom:_this.zoom,zoomControl:!1,fadeAnimation:!0});if(_this.controls){_this._layerControl=M.mapMlLayerControl(null,{collapsed:!0}).addTo(_this._map);_this._zoomControl=L.control.zoom().addTo(_this._map)}_this._attributionControl=_this._map.attributionControl.setPrefix("<a href=\"https://www.w3.org/community/maps4html/\" title=\"W3C Maps4HTML Community Group\">Maps4HTML</a> | <a href=\"http://leafletjs.com\" title=\"A JS library for interactive maps\">Leaflet</a>");for(var i=0;i<_this.layers.length;i++){_this.layers[i]._attachedToMap()}for(var i=0;i<_this.areas.length;i++){_this.areas[i]._attachedToMap()}if(_this.layers[0]&&"undefined"===typeof _this.layers[0]._layer.error&&_this.layers[0]._layer._extent){if(_this.poster){_this.poster.style.display="none"}}_this._setUpEvents();_this.fire("load",{target:_this})}},10)},_removeEvents:function _removeEvents(){if(this._map){this._map.off("preclick click dblclick mousemove mouseover mouseout mousedown mouseup contextmenu",!1,this);this._map.off("load movestart move moveend zoomstart zoom zoomend",!1,this)}},_setUpEvents:function _setUpEvents(){this._map.on("load",function(){this.fire("load",{target:this})},this);this._map.on("preclick",function(e){this.fire("preclick",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("click",function(e){this.fire("click",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("dblclick",function(e){this.fire("dblclick",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("mousemove",function(e){this.fire("mousemove",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("mouseover",function(e){this.fire("mouseover",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("mouseout",function(e){this.fire("mouseout",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("mousedown",function(e){this.fire("mousedown",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("mouseup",function(e){this.fire("mouseup",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("contextmenu",function(e){this.fire("contextmenu",{lat:e.latlng.lat,lon:e.latlng.lng,x:e.containerPoint.x,y:e.containerPoint.y})},this);this._map.on("movestart",function(){this._updateMapCenter();this.fire("movestart",{target:this})},this);this._map.on("move",function(){this._updateMapCenter();this.fire("move",{target:this})},this);this._map.on("moveend",function(){this._updateMapCenter();this.fire("moveend",{target:this})},this);this._map.on("zoomstart",function(){this._updateMapCenter();this.fire("zoomstart",{target:this})},this);this._map.on("zoom",function(){this._updateMapCenter();this.fire("zoom",{target:this})},this);this._map.on("zoomend",function(){this._updateMapCenter();this.fire("zoomend",{target:this})},this)}});_exports.WebMap=WebMap});
\ No newline at end of file
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 f598b8a4c0c..3bfc95d9a61 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-ajax/iron-ajax.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../citation-element/citation-element.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.WikipediaQuery=void 0;function _templateObject_950e334054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style>\n        :host {\n          display: block;\n          --wikipedia-query-body-height: 160px;\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      </style>\n    </custom-style>\n    <iron-ajax\n      auto\n      url$=\"https://en.wikipedia.org/w/api.php?origin=*&amp;action=query&amp;titles=[[search]]&amp;prop=extracts&amp;format=json\"\n      handle-as=\"json\"\n      on-response=\"handleResponse\"\n      debounce-duration=\"100\"\n      last-response=\"{{searchResponse}}\"\n    ></iron-ajax>\n    <h3 hidden$=\"[[!showTitle]]\">[[search]] Wikipedia article</h3>\n    <div id=\"result\" hidden$=\"[[!__rendercontent]]\"></div>\n    <citation-element\n      hidden$=\"[[!__rendercontent]]\"\n      creator=\"{Wikipedia contributors}\"\n      scope=\"sibling\"\n      license=\"by-sa\"\n      title=\"[[search]] --- {Wikipedia}{,} The Free Encyclopedia\"\n      source=\"https://en.wikipedia.org/w/index.php?title=[[search]]\"\n      date=\"[[__now]]\"\n    ></citation-element>\n  "]);_templateObject_950e334054f411e9aeb367f92c5b63ab=function(){return data};return data}var WikipediaQuery=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_950e334054f411e9aeb367f92c5b63ab()),is:"wikipedia-query",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{showTitle:{type:Boolean,value:!0},search:{type:String,value:"Polymer (library)"},renderAs:{type:String,value:"content",observer:"_renderAsUpdated"},searchResponse:{type:Object}},attached:function attached(){var date=new Date(Date.now());this.__now=date.getDate()+"/"+(date.getMonth()+1)+"/"+date.getFullYear();this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Wikipedia article",description:"This can display a wikipedia article in context in a variety of formats.",icon:"book",color:"green",groups:["Content","Creative Commons"],handles:[{type:"content",title:"search"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"search",title:"Search term",description:"Word to search wikipedia for.",inputMethod:"textfield",icon:"editor:title",required:!0},{property:"showTitle",title:"Show title",description:"Whether or not to render the title of the article.",inputMethod:"boolean",icon:"editor:title"}],configure:[{property:"search",title:"Search term",description:"Word to search wikipedia for.",inputMethod:"textfield",icon:"editor:title",required:!0}]},saveOptions:{wipeSlot:!0}})},_renderAsUpdated:function _renderAsUpdated(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this._resetRenderMethods();this["__render"+newValue]=!0}},_validRenderMethods:function _validRenderMethods(){return["content"]},_resetRenderMethods:function _resetRenderMethods(){for(var methods=this._validRenderMethods(),i=0;i<methods.length;i++){this["__render"+methods[i]]=!1}},handleResponse:function handleResponse(){if(babelHelpers.typeof(this.searchResponse)!=="undefined"){for(var key in this.searchResponse.query.pages){if(!this.searchResponse.query.pages.hasOwnProperty(key))continue;var obj=this.searchResponse.query.pages[key],_html=obj.extract;_html=_html.replace(/<script[\s\S]*?>/gi,"&lt;script&gt;");_html=_html.replace(/<\/script>/gi,"&lt;/script&gt;");_html=_html.replace(/<style[\s\S]*?>/gi,"&lt;style&gt;");_html=_html.replace(/<\/style>/gi,"&lt;/style&gt;");this.$.result.innerHTML=_html}}}});_exports.WikipediaQuery=WikipediaQuery});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/iron-ajax/iron-ajax.js","../hax-body-behaviors/lib/HAXWiring.js","../schema-behaviors/schema-behaviors.js","../citation-element/citation-element.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.WikipediaQuery=void 0;function _templateObject_2a52a7d0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <custom-style>\n      <style>\n        :host {\n          display: block;\n          --wikipedia-query-body-height: 160px;\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      </style>\n    </custom-style>\n    <iron-ajax\n      auto\n      url$=\"https://en.wikipedia.org/w/api.php?origin=*&amp;action=query&amp;titles=[[search]]&amp;prop=extracts&amp;format=json\"\n      handle-as=\"json\"\n      on-response=\"handleResponse\"\n      debounce-duration=\"100\"\n      last-response=\"{{searchResponse}}\"\n    ></iron-ajax>\n    <h3 hidden$=\"[[!showTitle]]\">[[search]] Wikipedia article</h3>\n    <div id=\"result\" hidden$=\"[[!__rendercontent]]\"></div>\n    <citation-element\n      hidden$=\"[[!__rendercontent]]\"\n      creator=\"{Wikipedia contributors}\"\n      scope=\"sibling\"\n      license=\"by-sa\"\n      title=\"[[search]] --- {Wikipedia}{,} The Free Encyclopedia\"\n      source=\"https://en.wikipedia.org/w/index.php?title=[[search]]\"\n      date=\"[[__now]]\"\n    ></citation-element>\n  "]);_templateObject_2a52a7d0555211e98f439769bd191e33=function(){return data};return data}var WikipediaQuery=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2a52a7d0555211e98f439769bd191e33()),is:"wikipedia-query",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],properties:{showTitle:{type:Boolean,value:!0},search:{type:String,value:"Polymer (library)"},renderAs:{type:String,value:"content",observer:"_renderAsUpdated"},searchResponse:{type:Object}},attached:function attached(){var date=new Date(Date.now());this.__now=date.getDate()+"/"+(date.getMonth()+1)+"/"+date.getFullYear();this.setHaxProperties({canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Wikipedia article",description:"This can display a wikipedia article in context in a variety of formats.",icon:"book",color:"green",groups:["Content","Creative Commons"],handles:[{type:"content",title:"search"}],meta:{author:"LRNWebComponents"}},settings:{quick:[{property:"search",title:"Search term",description:"Word to search wikipedia for.",inputMethod:"textfield",icon:"editor:title",required:!0},{property:"showTitle",title:"Show title",description:"Whether or not to render the title of the article.",inputMethod:"boolean",icon:"editor:title"}],configure:[{property:"search",title:"Search term",description:"Word to search wikipedia for.",inputMethod:"textfield",icon:"editor:title",required:!0}]},saveOptions:{wipeSlot:!0}})},_renderAsUpdated:function _renderAsUpdated(newValue){if(babelHelpers.typeof(newValue)!=="undefined"){this._resetRenderMethods();this["__render"+newValue]=!0}},_validRenderMethods:function _validRenderMethods(){return["content"]},_resetRenderMethods:function _resetRenderMethods(){for(var methods=this._validRenderMethods(),i=0;i<methods.length;i++){this["__render"+methods[i]]=!1}},handleResponse:function handleResponse(){if(babelHelpers.typeof(this.searchResponse)!=="undefined"){for(var key in this.searchResponse.query.pages){if(!this.searchResponse.query.pages.hasOwnProperty(key))continue;var obj=this.searchResponse.query.pages[key],_html=obj.extract;_html=_html.replace(/<script[\s\S]*?>/gi,"&lt;script&gt;");_html=_html.replace(/<\/script>/gi,"&lt;/script&gt;");_html=_html.replace(/<style[\s\S]*?>/gi,"&lt;style&gt;");_html=_html.replace(/<\/style>/gi,"&lt;/style&gt;");this.$.result.innerHTML=_html}}}});_exports.WikipediaQuery=WikipediaQuery});
\ No newline at end of file
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 28b65e54194..18cefcd0888 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js"],function(_exports,_polymerLegacy,_polymerDom,_flattenedNodesObserver){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.WordCount=void 0;function _templateObject_9529f8a054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        --word-count-color: #888888;\n        --word-count-color-hover: #000000;\n      }\n      :host:after {\n        content: attr(words-text);\n        font-size: 10px;\n        position: relative;\n        transition: 0.3s font-size, color ease;\n        display: flex;\n        line-height: 16px;\n        flex-direction: row-reverse;\n        margin: 12px;\n        color: var(--word-count-color);\n        @apply --word-count-text;\n      }\n      :host(:hover):after {\n        font-size: 12px;\n        font-weight: bold;\n        color: var(--word-count-color-hover);\n        @apply --word-count-text-hover;\n      }\n      :host(:focus):after {\n        font-size: 12px;\n        font-weight: bold;\n        color: var(--word-count-color-hover);\n        @apply --word-count-text-hover;\n      }\n      :host(:active):after {\n        font-size: 12px;\n        font-weight: bold;\n        color: var(--word-count-color-hover);\n        @apply --word-count-text-hover;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_9529f8a054f411e9aeb367f92c5b63ab=function(){return data};return data}var WordCount=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9529f8a054f411e9aeb367f92c5b63ab()),is:"word-count",hostAttributes:{tabindex:"0"},properties:{words:{type:Number},wordsPrefix:{type:String,value:"Words:"},wordsText:{type:String,computed:"_computeWordsText(words, wordsPrefix)",reflectToAttribute:!0}},ready:function ready(){var _this=this;this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(this,function(info){if(0<info.addedNodes.length||0<info.removedNodes.length){_this._updateWords()}})},_updateWords:function _updateWords(){if(""!==(0,_polymerDom.dom)(this).textContent){this.words=parseInt((0,_polymerDom.dom)(this).textContent.split(/\s+/g).length-1)}else{this.words=0}},_computeWordsText:function _computeWordsText(words,prefix){return prefix+" "+words}});_exports.WordCount=WordCount});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../../@polymer/polymer/lib/legacy/polymer.dom.js","../../@polymer/polymer/lib/utils/flattened-nodes-observer.js"],function(_exports,_polymerLegacy,_polymerDom,_flattenedNodesObserver){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.WordCount=void 0;function _templateObject_2a593780555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n        --word-count-color: #888888;\n        --word-count-color-hover: #000000;\n      }\n      :host:after {\n        content: attr(words-text);\n        font-size: 10px;\n        position: relative;\n        transition: 0.3s font-size, color ease;\n        display: flex;\n        line-height: 16px;\n        flex-direction: row-reverse;\n        margin: 12px;\n        color: var(--word-count-color);\n        @apply --word-count-text;\n      }\n      :host(:hover):after {\n        font-size: 12px;\n        font-weight: bold;\n        color: var(--word-count-color-hover);\n        @apply --word-count-text-hover;\n      }\n      :host(:focus):after {\n        font-size: 12px;\n        font-weight: bold;\n        color: var(--word-count-color-hover);\n        @apply --word-count-text-hover;\n      }\n      :host(:active):after {\n        font-size: 12px;\n        font-weight: bold;\n        color: var(--word-count-color-hover);\n        @apply --word-count-text-hover;\n      }\n    </style>\n    <slot></slot>\n  "]);_templateObject_2a593780555211e98f439769bd191e33=function(){return data};return data}var WordCount=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2a593780555211e98f439769bd191e33()),is:"word-count",hostAttributes:{tabindex:"0"},properties:{words:{type:Number},wordsPrefix:{type:String,value:"Words:"},wordsText:{type:String,computed:"_computeWordsText(words, wordsPrefix)",reflectToAttribute:!0}},ready:function ready(){var _this=this;this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(this,function(info){if(0<info.addedNodes.length||0<info.removedNodes.length){_this._updateWords()}})},_updateWords:function _updateWords(){if(""!==(0,_polymerDom.dom)(this).textContent){this.words=parseInt((0,_polymerDom.dom)(this).textContent.split(/\s+/g).length-1)}else{this.words=0}},_computeWordsText:function _computeWordsText(words,prefix){return prefix+" "+words}});_exports.WordCount=WordCount});
\ No newline at end of file
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 e485d037bf4..5774a189e44 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
@@ -1 +1 @@
-define(["exports","../../@polymer/polymer/polymer-legacy.js","../cms-hax/cms-hax.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.WysiwygHax=void 0;function _templateObject_9549b5a054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <textarea id$=\"[[fieldId]]\" name=\"[[fieldName]]\" hidden=\"\">\n[[bodyValue]]</textarea\n    >\n    <cms-hax\n      open-default=\"[[openDefault]]\"\n      hide-message=\"\"\n      body-offset-left=\"[[bodyOffsetLeft]]\"\n      update-page-data=\"[[updatePageData]]\"\n      end-point=\"[[endPoint]]\"\n      app-store-connection=\"[[appStoreConnection]]\"\n      hide-export-button=\"[[hideExportButton]]\"\n      align=\"[[align]]\"\n    >\n    </cms-hax>\n  "],["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <textarea id\\$=\"[[fieldId]]\" name=\"[[fieldName]]\" hidden=\"\">\n[[bodyValue]]</textarea\n    >\n    <cms-hax\n      open-default=\"[[openDefault]]\"\n      hide-message=\"\"\n      body-offset-left=\"[[bodyOffsetLeft]]\"\n      update-page-data=\"[[updatePageData]]\"\n      end-point=\"[[endPoint]]\"\n      app-store-connection=\"[[appStoreConnection]]\"\n      hide-export-button=\"[[hideExportButton]]\"\n      align=\"[[align]]\"\n    >\n    </cms-hax>\n  "]);_templateObject_9549b5a054f411e9aeb367f92c5b63ab=function(){return data};return data}var WysiwygHax=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_9549b5a054f411e9aeb367f92c5b63ab()),is:"wysiwyg-hax",properties:{openDefault:{type:Boolean,value:!1},hideExportButton:{type:Boolean,value:!0},align:{type:String,value:"right"},bodyValue:{type:String},appStoreConnection:{type:Object},fieldId:{type:String,value:"textarea-input-field"},fieldName:{type:String,value:"data[content]"},bodyOffsetLeft:{type:Number,value:-22},editMode:{type:Boolean,reflectToAttribute:!0},endPoint:{type:String},updatePageData:{type:String},activeHaxBody:{type:Object,observer:"_activeHaxBodyUpdated"},__imported:{type:Boolean,value:!1}},_attachDom:function _attachDom(dom){this.appendChild(dom)},_activeHaxBodyUpdated:function _activeHaxBodyUpdated(newValue){var _this=this;if(null!=newValue&&!this.__imported){this.__imported=!0;var children=this.queryEffectiveChildren("template");if(babelHelpers.typeof(children)!=="undefined"){newValue.importContent(children.innerHTML);this.editMode=!1;window.HaxStore.write("editMode",this.editMode,this);setTimeout(function(){_this.editMode=!0;window.HaxStore.write("editMode",_this.editMode,_this)},200)}}},created:function created(){document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},attached:function attached(){document.body.addEventListener("hax-save",this._bodyContentUpdated.bind(this));document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){if("object"===babelHelpers.typeof(e.detail.value)){this.set(e.detail.property,null)}this.set(e.detail.property,e.detail.value)}},_bodyContentUpdated:function _bodyContentUpdated(){this.bodyValue=window.HaxStore.instance.activeHaxBody.haxToContent()}});_exports.WysiwygHax=WysiwygHax});
\ No newline at end of file
+define(["exports","../../@polymer/polymer/polymer-legacy.js","../cms-hax/cms-hax.js"],function(_exports,_polymerLegacy){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.WysiwygHax=void 0;function _templateObject_2a5d7d40555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <textarea id$=\"[[fieldId]]\" name=\"[[fieldName]]\" hidden=\"\">\n[[bodyValue]]</textarea\n    >\n    <cms-hax\n      open-default=\"[[openDefault]]\"\n      hide-message=\"\"\n      body-offset-left=\"[[bodyOffsetLeft]]\"\n      update-page-data=\"[[updatePageData]]\"\n      end-point=\"[[endPoint]]\"\n      app-store-connection=\"[[appStoreConnection]]\"\n      hide-export-button=\"[[hideExportButton]]\"\n      align=\"[[align]]\"\n    >\n    </cms-hax>\n  "],["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n    <textarea id\\$=\"[[fieldId]]\" name=\"[[fieldName]]\" hidden=\"\">\n[[bodyValue]]</textarea\n    >\n    <cms-hax\n      open-default=\"[[openDefault]]\"\n      hide-message=\"\"\n      body-offset-left=\"[[bodyOffsetLeft]]\"\n      update-page-data=\"[[updatePageData]]\"\n      end-point=\"[[endPoint]]\"\n      app-store-connection=\"[[appStoreConnection]]\"\n      hide-export-button=\"[[hideExportButton]]\"\n      align=\"[[align]]\"\n    >\n    </cms-hax>\n  "]);_templateObject_2a5d7d40555211e98f439769bd191e33=function(){return data};return data}var WysiwygHax=(0,_polymerLegacy.Polymer)({_template:(0,_polymerLegacy.html)(_templateObject_2a5d7d40555211e98f439769bd191e33()),is:"wysiwyg-hax",properties:{openDefault:{type:Boolean,value:!1},hideExportButton:{type:Boolean,value:!0},align:{type:String,value:"right"},bodyValue:{type:String},appStoreConnection:{type:Object},fieldId:{type:String,value:"textarea-input-field"},fieldName:{type:String,value:"data[content]"},bodyOffsetLeft:{type:Number,value:-22},editMode:{type:Boolean,reflectToAttribute:!0},endPoint:{type:String},updatePageData:{type:String},activeHaxBody:{type:Object,observer:"_activeHaxBodyUpdated"},__imported:{type:Boolean,value:!1}},_attachDom:function _attachDom(dom){this.appendChild(dom)},_activeHaxBodyUpdated:function _activeHaxBodyUpdated(newValue){var _this=this;if(null!=newValue&&!this.__imported){this.__imported=!0;var children=this.queryEffectiveChildren("template");if(babelHelpers.typeof(children)!=="undefined"){newValue.importContent(children.innerHTML);this.editMode=!1;window.HaxStore.write("editMode",this.editMode,this);setTimeout(function(){_this.editMode=!0;window.HaxStore.write("editMode",_this.editMode,_this)},200)}}},created:function created(){document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},attached:function attached(){document.body.addEventListener("hax-save",this._bodyContentUpdated.bind(this));document.body.addEventListener("hax-store-property-updated",this._haxStorePropertyUpdated.bind(this))},_haxStorePropertyUpdated:function _haxStorePropertyUpdated(e){if(e.detail&&babelHelpers.typeof(e.detail.value)!=="undefined"&&e.detail.property){if("object"===babelHelpers.typeof(e.detail.value)){this.set(e.detail.property,null)}this.set(e.detail.property,e.detail.value)}},_bodyContentUpdated:function _bodyContentUpdated(){this.bodyValue=window.HaxStore.instance.activeHaxBody.haxToContent()}});_exports.WysiwygHax=WysiwygHax});
\ No newline at end of file
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 ac927edd49f..d577e607888 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 +1 @@
-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_a896f69054f411e9aeb367f92c5b63ab(){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_a896f69054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_a896f69054f411e9aeb367f92c5b63ab()),is:"app-box",behaviors:[_appScrollEffectsBehavior.AppScrollEffectsBehavior,_ironResizableBehavior.IronResizableBehavior],listeners:{"iron-resize":"_resizeHandler"},_progress:0,attached:function attached(){this.resetLayout()},_debounceRaf:function _debounceRaf(fn){var self=this;if(this._raf){window.cancelAnimationFrame(this._raf)}this._raf=window.requestAnimationFrame(function(){self._raf=null;fn.call(self)})},resetLayout:function resetLayout(){this._debounceRaf(function(){if(0===this.offsetWidth&&0===this.offsetHeight){return}var scrollTop=this._clampedScrollTop,savedDisabled=this.disabled;this.disabled=!0;this._elementTop=this._getElementTop();this._elementHeight=this.offsetHeight;this._cachedScrollTargetHeight=this._scrollTargetHeight;this._setUpEffect();this._updateScrollState(scrollTop);this.disabled=savedDisabled})},_getElementTop:function _getElementTop(){var currentNode=this,top=0;while(currentNode&&currentNode!==this.scrollTarget){top+=currentNode.offsetTop;currentNode=currentNode.offsetParent}return top},_updateScrollState:function _updateScrollState(scrollTop){if(this.isOnScreen()){var viewportTop=this._elementTop-scrollTop;this._progress=1-(viewportTop+this._elementHeight)/this._cachedScrollTargetHeight;this._runEffects(this._progress,scrollTop)}},isOnScreen:function isOnScreen(){return this._elementTop<this._scrollTop+this._cachedScrollTargetHeight&&this._elementTop+this._elementHeight>this._scrollTop},_resizeHandler:function _resizeHandler(){this.resetLayout()},_getDOMRef:function _getDOMRef(id){if("background"===id){return this.$.background}if("backgroundFrontLayer"===id){return this.$.backgroundFrontLayer}},getScrollState:function getScrollState(){return{progress:this._progress}}})});
\ No newline at end of file
+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_3d0137c0555211e98f439769bd191e33(){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_3d0137c0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_3d0137c0555211e98f439769bd191e33()),is:"app-box",behaviors:[_appScrollEffectsBehavior.AppScrollEffectsBehavior,_ironResizableBehavior.IronResizableBehavior],listeners:{"iron-resize":"_resizeHandler"},_progress:0,attached:function attached(){this.resetLayout()},_debounceRaf:function _debounceRaf(fn){var self=this;if(this._raf){window.cancelAnimationFrame(this._raf)}this._raf=window.requestAnimationFrame(function(){self._raf=null;fn.call(self)})},resetLayout:function resetLayout(){this._debounceRaf(function(){if(0===this.offsetWidth&&0===this.offsetHeight){return}var scrollTop=this._clampedScrollTop,savedDisabled=this.disabled;this.disabled=!0;this._elementTop=this._getElementTop();this._elementHeight=this.offsetHeight;this._cachedScrollTargetHeight=this._scrollTargetHeight;this._setUpEffect();this._updateScrollState(scrollTop);this.disabled=savedDisabled})},_getElementTop:function _getElementTop(){var currentNode=this,top=0;while(currentNode&&currentNode!==this.scrollTarget){top+=currentNode.offsetTop;currentNode=currentNode.offsetParent}return top},_updateScrollState:function _updateScrollState(scrollTop){if(this.isOnScreen()){var viewportTop=this._elementTop-scrollTop;this._progress=1-(viewportTop+this._elementHeight)/this._cachedScrollTargetHeight;this._runEffects(this._progress,scrollTop)}},isOnScreen:function isOnScreen(){return this._elementTop<this._scrollTop+this._cachedScrollTargetHeight&&this._elementTop+this._elementHeight>this._scrollTop},_resizeHandler:function _resizeHandler(){this.resetLayout()},_getDOMRef:function _getDOMRef(id){if("background"===id){return this.$.background}if("backgroundFrontLayer"===id){return this.$.backgroundFrontLayer}},getScrollState:function getScrollState(){return{progress:this._progress}}})});
\ No newline at end of file
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 bc84ff7ce9f..7858f102f25 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 +1 @@
-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_a8a28f5054f411e9aeb367f92c5b63ab(){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_a8a28f5054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_a8a28f5054f411e9aeb367f92c5b63ab()),is:"app-drawer-layout",behaviors:[_appLayoutBehavior.AppLayoutBehavior],properties:{forceNarrow:{type:Boolean,value:!1},responsiveWidth:{type:String,value:"640px"},narrow:{type:Boolean,reflectToAttribute:!0,readOnly:!0,notify:!0},openedWhenNarrow:{type:Boolean,value:!1},_drawerPosition:{type:String}},listeners:{click:"_clickHandler"},observers:["_narrowChanged(narrow)"],get drawer(){return(0,_polymerDom.dom)(this.$.drawerSlot).getDistributedNodes()[0]},attached:function attached(){var drawer=this.drawer;if(drawer){drawer.setAttribute("no-transition","")}},_clickHandler:function _clickHandler(e){var target=(0,_polymerDom.dom)(e).localTarget;if(target&&target.hasAttribute("drawer-toggle")){var drawer=this.drawer;if(drawer&&!drawer.persistent){drawer.toggle()}}},_updateLayoutStates:function _updateLayoutStates(){var drawer=this.drawer;if(!this.isAttached||!drawer){return}this._drawerPosition=this.narrow?null:drawer.position;if(this._drawerNeedsReset){if(this.narrow){drawer.opened=this.openedWhenNarrow;drawer.persistent=!1}else{drawer.opened=drawer.persistent=!0}if(drawer.hasAttribute("no-transition")){(0,_renderStatus.afterNextRender)(this,function(){drawer.removeAttribute("no-transition")})}this._drawerNeedsReset=!1}},_narrowChanged:function _narrowChanged(){this._drawerNeedsReset=!0;this.resetLayout()},_onQueryMatchesChanged:function _onQueryMatchesChanged(event){this._setNarrow(event.detail.value)},_computeMediaQuery:function _computeMediaQuery(forceNarrow,responsiveWidth){return forceNarrow?"(min-width: 0px)":"(max-width: "+responsiveWidth+")"}})});
\ No newline at end of file
+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_3d264bf0555211e98f439769bd191e33(){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_3d264bf0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_3d264bf0555211e98f439769bd191e33()),is:"app-drawer-layout",behaviors:[_appLayoutBehavior.AppLayoutBehavior],properties:{forceNarrow:{type:Boolean,value:!1},responsiveWidth:{type:String,value:"640px"},narrow:{type:Boolean,reflectToAttribute:!0,readOnly:!0,notify:!0},openedWhenNarrow:{type:Boolean,value:!1},_drawerPosition:{type:String}},listeners:{click:"_clickHandler"},observers:["_narrowChanged(narrow)"],get drawer(){return(0,_polymerDom.dom)(this.$.drawerSlot).getDistributedNodes()[0]},attached:function attached(){var drawer=this.drawer;if(drawer){drawer.setAttribute("no-transition","")}},_clickHandler:function _clickHandler(e){var target=(0,_polymerDom.dom)(e).localTarget;if(target&&target.hasAttribute("drawer-toggle")){var drawer=this.drawer;if(drawer&&!drawer.persistent){drawer.toggle()}}},_updateLayoutStates:function _updateLayoutStates(){var drawer=this.drawer;if(!this.isAttached||!drawer){return}this._drawerPosition=this.narrow?null:drawer.position;if(this._drawerNeedsReset){if(this.narrow){drawer.opened=this.openedWhenNarrow;drawer.persistent=!1}else{drawer.opened=drawer.persistent=!0}if(drawer.hasAttribute("no-transition")){(0,_renderStatus.afterNextRender)(this,function(){drawer.removeAttribute("no-transition")})}this._drawerNeedsReset=!1}},_narrowChanged:function _narrowChanged(){this._drawerNeedsReset=!0;this.resetLayout()},_onQueryMatchesChanged:function _onQueryMatchesChanged(event){this._setNarrow(event.detail.value)},_computeMediaQuery:function _computeMediaQuery(forceNarrow,responsiveWidth){return forceNarrow?"(min-width: 0px)":"(max-width: "+responsiveWidth+")"}})});
\ No newline at end of file
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 e8c82c51134..efcd427d939 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 +1 @@
-define(["../../polymer/polymer-legacy.js","../../iron-flex-layout/iron-flex-layout.js","../../polymer/lib/legacy/polymer-fn.js","../../polymer/lib/legacy/polymer.dom.js","../../polymer/lib/utils/html-tag.js","../../polymer/lib/utils/render-status.js"],function(_polymerLegacy,_ironFlexLayout,_polymerFn,_polymerDom,_htmlTag,_renderStatus){"use strict";var _Mathmin=Math.min,_Mathmax=Math.max;function _templateObject_a8dc3cf054f411e9aeb367f92c5b63ab(){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_a8dc3cf054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_a8dc3cf054f411e9aeb367f92c5b63ab()),is:"app-drawer",properties:{opened:{type:Boolean,value:!1,notify:!0,reflectToAttribute:!0},persistent:{type:Boolean,value:!1,reflectToAttribute:!0},transitionDuration:{type:Number,value:200},align:{type:String,value:"left"},position:{type:String,readOnly:!0,reflectToAttribute:!0},swipeOpen:{type:Boolean,value:!1,reflectToAttribute:!0},noFocusTrap:{type:Boolean,value:!1},disableSwipe:{type:Boolean,value:!1}},observers:["resetLayout(position, isAttached)","_resetPosition(align, isAttached)","_styleTransitionDuration(transitionDuration)","_openedPersistentChanged(opened, persistent)"],_translateOffset:0,_trackDetails:null,_drawerState:0,_boundEscKeydownHandler:null,_firstTabStop:null,_lastTabStop:null,attached:function attached(){(0,_renderStatus.afterNextRender)(this,function(){this._boundEscKeydownHandler=this._escKeydownHandler.bind(this);this.addEventListener("keydown",this._tabKeydownHandler.bind(this));this.listen(this,"track","_track");this.setScrollDirection("y")});this.fire("app-reset-layout")},detached:function detached(){document.removeEventListener("keydown",this._boundEscKeydownHandler)},open:function open(){this.opened=!0},close:function close(){this.opened=!1},toggle:function toggle(){this.opened=!this.opened},getWidth:function getWidth(){return this._savedWidth||this.$.contentContainer.offsetWidth},_isRTL:function _isRTL(){return"rtl"===window.getComputedStyle(this).direction},_resetPosition:function _resetPosition(){switch(this.align){case"start":this._setPosition(this._isRTL()?"right":"left");return;case"end":this._setPosition(this._isRTL()?"left":"right");return;}this._setPosition(this.align)},_escKeydownHandler:function _escKeydownHandler(event){if(event.keyCode===27){event.preventDefault();this.close()}},_track:function _track(event){if(this.persistent||this.disableSwipe){return}event.preventDefault();switch(event.detail.state){case"start":this._trackStart(event);break;case"track":this._trackMove(event);break;case"end":this._trackEnd(event);break;}},_trackStart:function _trackStart(){this._drawerState=this._DRAWER_STATE.TRACKING;var rect=this.$.contentContainer.getBoundingClientRect();this._savedWidth=rect.width;if("left"===this.position){this._translateOffset=rect.left}else{this._translateOffset=rect.right-window.innerWidth}this._trackDetails=[];this._styleTransitionDuration(0);this.style.visibility="visible"},_trackMove:function _trackMove(event){this._translateDrawer(event.detail.dx+this._translateOffset);this._trackDetails.push({dx:event.detail.dx,timeStamp:Date.now()})},_trackEnd:function _trackEnd(event){var x=event.detail.dx+this._translateOffset,drawerWidth=this.getWidth(),isPositionLeft="left"===this.position,isInEndState=isPositionLeft?0<=x||x<=-drawerWidth:0>=x||x>=drawerWidth;if(!isInEndState){var trackDetails=this._trackDetails;this._trackDetails=null;this._flingDrawer(event,trackDetails);if(this._drawerState===this._DRAWER_STATE.FLINGING){return}}var halfWidth=drawerWidth/2;if(event.detail.dx<-halfWidth){this.opened="right"===this.position}else if(event.detail.dx>halfWidth){this.opened="left"===this.position}if(isInEndState){this.debounce("_resetDrawerState",this._resetDrawerState)}else{this.debounce("_resetDrawerState",this._resetDrawerState,this.transitionDuration)}this._styleTransitionDuration(this.transitionDuration);this._resetDrawerTranslate();this.style.visibility=""},_calculateVelocity:function _calculateVelocity(event,trackDetails){var now=Date.now(),trackDetail,min=0,max=trackDetails.length-1;while(min<=max){var mid=min+max>>1,d=trackDetails[mid];if(d.timeStamp>=now-100){trackDetail=d;max=mid-1}else{min=mid+1}}if(trackDetail){var dx=event.detail.dx-trackDetail.dx,dt=now-trackDetail.timeStamp||1;return dx/dt}return 0},_flingDrawer:function _flingDrawer(event,trackDetails){var velocity=this._calculateVelocity(event,trackDetails);if(Math.abs(velocity)<this._MIN_FLING_THRESHOLD){return}this._drawerState=this._DRAWER_STATE.FLINGING;var x=event.detail.dx+this._translateOffset,drawerWidth=this.getWidth(),isPositionLeft="left"===this.position,isVelocityPositive=0<velocity,dx;if(!isVelocityPositive&&isPositionLeft){dx=-(x+drawerWidth)}else if(isVelocityPositive&&!isPositionLeft){dx=drawerWidth-x}else{dx=-x}if(isVelocityPositive){velocity=_Mathmax(velocity,this._MIN_TRANSITION_VELOCITY);this.opened="left"===this.position}else{velocity=_Mathmin(velocity,-this._MIN_TRANSITION_VELOCITY);this.opened="right"===this.position}var t=this._FLING_INITIAL_SLOPE*dx/velocity;this._styleTransitionDuration(t);this._styleTransitionTimingFunction(this._FLING_TIMING_FUNCTION);this._resetDrawerTranslate();this.debounce("_resetDrawerState",this._resetDrawerState,t)},_styleTransitionDuration:function _styleTransitionDuration(duration){this.style.transitionDuration=duration+"ms";this.$.contentContainer.style.transitionDuration=duration+"ms";this.$.scrim.style.transitionDuration=duration+"ms"},_styleTransitionTimingFunction:function _styleTransitionTimingFunction(timingFunction){this.$.contentContainer.style.transitionTimingFunction=timingFunction;this.$.scrim.style.transitionTimingFunction=timingFunction},_translateDrawer:function _translateDrawer(x){var drawerWidth=this.getWidth();if("left"===this.position){x=_Mathmax(-drawerWidth,_Mathmin(x,0));this.$.scrim.style.opacity=1+x/drawerWidth}else{x=_Mathmax(0,_Mathmin(x,drawerWidth));this.$.scrim.style.opacity=1-x/drawerWidth}this.translate3d(x+"px","0","0",this.$.contentContainer)},_resetDrawerTranslate:function _resetDrawerTranslate(){this.$.scrim.style.opacity="";this.transform("",this.$.contentContainer)},_resetDrawerState:function _resetDrawerState(){var oldState=this._drawerState;if(oldState===this._DRAWER_STATE.FLINGING){this._styleTransitionDuration(this.transitionDuration);this._styleTransitionTimingFunction("");this.style.visibility=""}this._savedWidth=null;if(this.opened){this._drawerState=this.persistent?this._DRAWER_STATE.OPENED_PERSISTENT:this._DRAWER_STATE.OPENED}else{this._drawerState=this._DRAWER_STATE.CLOSED}if(oldState!==this._drawerState){if(this._drawerState===this._DRAWER_STATE.OPENED){this._setKeyboardFocusTrap();document.addEventListener("keydown",this._boundEscKeydownHandler);document.body.style.overflow="hidden"}else{document.removeEventListener("keydown",this._boundEscKeydownHandler);document.body.style.overflow=""}if(oldState!==this._DRAWER_STATE.INIT){this.fire("app-drawer-transitioned")}}},resetLayout:function resetLayout(){this.fire("app-reset-layout")},_setKeyboardFocusTrap:function _setKeyboardFocusTrap(){if(this.noFocusTrap){return}var focusableElementsSelector=["a[href]:not([tabindex=\"-1\"])","area[href]:not([tabindex=\"-1\"])","input:not([disabled]):not([tabindex=\"-1\"])","select:not([disabled]):not([tabindex=\"-1\"])","textarea:not([disabled]):not([tabindex=\"-1\"])","button:not([disabled]):not([tabindex=\"-1\"])","iframe:not([tabindex=\"-1\"])","[tabindex]:not([tabindex=\"-1\"])","[contentEditable=true]:not([tabindex=\"-1\"])"].join(","),focusableElements=(0,_polymerDom.dom)(this).querySelectorAll(focusableElementsSelector);if(0<focusableElements.length){this._firstTabStop=focusableElements[0];this._lastTabStop=focusableElements[focusableElements.length-1]}else{this._firstTabStop=null;this._lastTabStop=null}var tabindex=this.getAttribute("tabindex");if(tabindex&&-1<parseInt(tabindex,10)){this.focus()}else if(this._firstTabStop){this._firstTabStop.focus()}},_tabKeydownHandler:function _tabKeydownHandler(event){if(this.noFocusTrap){return}if(this._drawerState===this._DRAWER_STATE.OPENED&&event.keyCode===9){if(event.shiftKey){if(this._firstTabStop&&(0,_polymerDom.dom)(event).localTarget===this._firstTabStop){event.preventDefault();this._lastTabStop.focus()}}else{if(this._lastTabStop&&(0,_polymerDom.dom)(event).localTarget===this._lastTabStop){event.preventDefault();this._firstTabStop.focus()}}}},_openedPersistentChanged:function _openedPersistentChanged(opened,persistent){this.toggleClass("visible",opened&&!persistent,this.$.scrim);this.debounce("_resetDrawerState",this._resetDrawerState,this.transitionDuration)},_MIN_FLING_THRESHOLD:.2,_MIN_TRANSITION_VELOCITY:1.2,_FLING_TIMING_FUNCTION:"cubic-bezier(0.667, 1, 0.667, 1)",_FLING_INITIAL_SLOPE:1.5,_DRAWER_STATE:{INIT:0,OPENED:1,OPENED_PERSISTENT:2,CLOSED:3,TRACKING:4,FLINGING:5}})});
\ No newline at end of file
+define(["../../polymer/polymer-legacy.js","../../iron-flex-layout/iron-flex-layout.js","../../polymer/lib/legacy/polymer-fn.js","../../polymer/lib/legacy/polymer.dom.js","../../polymer/lib/utils/html-tag.js","../../polymer/lib/utils/render-status.js"],function(_polymerLegacy,_ironFlexLayout,_polymerFn,_polymerDom,_htmlTag,_renderStatus){"use strict";var _Mathmin=Math.min,_Mathmax=Math.max;function _templateObject_3d14bfc0555211e98f439769bd191e33(){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_3d14bfc0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_3d14bfc0555211e98f439769bd191e33()),is:"app-drawer",properties:{opened:{type:Boolean,value:!1,notify:!0,reflectToAttribute:!0},persistent:{type:Boolean,value:!1,reflectToAttribute:!0},transitionDuration:{type:Number,value:200},align:{type:String,value:"left"},position:{type:String,readOnly:!0,reflectToAttribute:!0},swipeOpen:{type:Boolean,value:!1,reflectToAttribute:!0},noFocusTrap:{type:Boolean,value:!1},disableSwipe:{type:Boolean,value:!1}},observers:["resetLayout(position, isAttached)","_resetPosition(align, isAttached)","_styleTransitionDuration(transitionDuration)","_openedPersistentChanged(opened, persistent)"],_translateOffset:0,_trackDetails:null,_drawerState:0,_boundEscKeydownHandler:null,_firstTabStop:null,_lastTabStop:null,attached:function attached(){(0,_renderStatus.afterNextRender)(this,function(){this._boundEscKeydownHandler=this._escKeydownHandler.bind(this);this.addEventListener("keydown",this._tabKeydownHandler.bind(this));this.listen(this,"track","_track");this.setScrollDirection("y")});this.fire("app-reset-layout")},detached:function detached(){document.removeEventListener("keydown",this._boundEscKeydownHandler)},open:function open(){this.opened=!0},close:function close(){this.opened=!1},toggle:function toggle(){this.opened=!this.opened},getWidth:function getWidth(){return this._savedWidth||this.$.contentContainer.offsetWidth},_isRTL:function _isRTL(){return"rtl"===window.getComputedStyle(this).direction},_resetPosition:function _resetPosition(){switch(this.align){case"start":this._setPosition(this._isRTL()?"right":"left");return;case"end":this._setPosition(this._isRTL()?"left":"right");return;}this._setPosition(this.align)},_escKeydownHandler:function _escKeydownHandler(event){if(event.keyCode===27){event.preventDefault();this.close()}},_track:function _track(event){if(this.persistent||this.disableSwipe){return}event.preventDefault();switch(event.detail.state){case"start":this._trackStart(event);break;case"track":this._trackMove(event);break;case"end":this._trackEnd(event);break;}},_trackStart:function _trackStart(){this._drawerState=this._DRAWER_STATE.TRACKING;var rect=this.$.contentContainer.getBoundingClientRect();this._savedWidth=rect.width;if("left"===this.position){this._translateOffset=rect.left}else{this._translateOffset=rect.right-window.innerWidth}this._trackDetails=[];this._styleTransitionDuration(0);this.style.visibility="visible"},_trackMove:function _trackMove(event){this._translateDrawer(event.detail.dx+this._translateOffset);this._trackDetails.push({dx:event.detail.dx,timeStamp:Date.now()})},_trackEnd:function _trackEnd(event){var x=event.detail.dx+this._translateOffset,drawerWidth=this.getWidth(),isPositionLeft="left"===this.position,isInEndState=isPositionLeft?0<=x||x<=-drawerWidth:0>=x||x>=drawerWidth;if(!isInEndState){var trackDetails=this._trackDetails;this._trackDetails=null;this._flingDrawer(event,trackDetails);if(this._drawerState===this._DRAWER_STATE.FLINGING){return}}var halfWidth=drawerWidth/2;if(event.detail.dx<-halfWidth){this.opened="right"===this.position}else if(event.detail.dx>halfWidth){this.opened="left"===this.position}if(isInEndState){this.debounce("_resetDrawerState",this._resetDrawerState)}else{this.debounce("_resetDrawerState",this._resetDrawerState,this.transitionDuration)}this._styleTransitionDuration(this.transitionDuration);this._resetDrawerTranslate();this.style.visibility=""},_calculateVelocity:function _calculateVelocity(event,trackDetails){var now=Date.now(),trackDetail,min=0,max=trackDetails.length-1;while(min<=max){var mid=min+max>>1,d=trackDetails[mid];if(d.timeStamp>=now-100){trackDetail=d;max=mid-1}else{min=mid+1}}if(trackDetail){var dx=event.detail.dx-trackDetail.dx,dt=now-trackDetail.timeStamp||1;return dx/dt}return 0},_flingDrawer:function _flingDrawer(event,trackDetails){var velocity=this._calculateVelocity(event,trackDetails);if(Math.abs(velocity)<this._MIN_FLING_THRESHOLD){return}this._drawerState=this._DRAWER_STATE.FLINGING;var x=event.detail.dx+this._translateOffset,drawerWidth=this.getWidth(),isPositionLeft="left"===this.position,isVelocityPositive=0<velocity,dx;if(!isVelocityPositive&&isPositionLeft){dx=-(x+drawerWidth)}else if(isVelocityPositive&&!isPositionLeft){dx=drawerWidth-x}else{dx=-x}if(isVelocityPositive){velocity=_Mathmax(velocity,this._MIN_TRANSITION_VELOCITY);this.opened="left"===this.position}else{velocity=_Mathmin(velocity,-this._MIN_TRANSITION_VELOCITY);this.opened="right"===this.position}var t=this._FLING_INITIAL_SLOPE*dx/velocity;this._styleTransitionDuration(t);this._styleTransitionTimingFunction(this._FLING_TIMING_FUNCTION);this._resetDrawerTranslate();this.debounce("_resetDrawerState",this._resetDrawerState,t)},_styleTransitionDuration:function _styleTransitionDuration(duration){this.style.transitionDuration=duration+"ms";this.$.contentContainer.style.transitionDuration=duration+"ms";this.$.scrim.style.transitionDuration=duration+"ms"},_styleTransitionTimingFunction:function _styleTransitionTimingFunction(timingFunction){this.$.contentContainer.style.transitionTimingFunction=timingFunction;this.$.scrim.style.transitionTimingFunction=timingFunction},_translateDrawer:function _translateDrawer(x){var drawerWidth=this.getWidth();if("left"===this.position){x=_Mathmax(-drawerWidth,_Mathmin(x,0));this.$.scrim.style.opacity=1+x/drawerWidth}else{x=_Mathmax(0,_Mathmin(x,drawerWidth));this.$.scrim.style.opacity=1-x/drawerWidth}this.translate3d(x+"px","0","0",this.$.contentContainer)},_resetDrawerTranslate:function _resetDrawerTranslate(){this.$.scrim.style.opacity="";this.transform("",this.$.contentContainer)},_resetDrawerState:function _resetDrawerState(){var oldState=this._drawerState;if(oldState===this._DRAWER_STATE.FLINGING){this._styleTransitionDuration(this.transitionDuration);this._styleTransitionTimingFunction("");this.style.visibility=""}this._savedWidth=null;if(this.opened){this._drawerState=this.persistent?this._DRAWER_STATE.OPENED_PERSISTENT:this._DRAWER_STATE.OPENED}else{this._drawerState=this._DRAWER_STATE.CLOSED}if(oldState!==this._drawerState){if(this._drawerState===this._DRAWER_STATE.OPENED){this._setKeyboardFocusTrap();document.addEventListener("keydown",this._boundEscKeydownHandler);document.body.style.overflow="hidden"}else{document.removeEventListener("keydown",this._boundEscKeydownHandler);document.body.style.overflow=""}if(oldState!==this._DRAWER_STATE.INIT){this.fire("app-drawer-transitioned")}}},resetLayout:function resetLayout(){this.fire("app-reset-layout")},_setKeyboardFocusTrap:function _setKeyboardFocusTrap(){if(this.noFocusTrap){return}var focusableElementsSelector=["a[href]:not([tabindex=\"-1\"])","area[href]:not([tabindex=\"-1\"])","input:not([disabled]):not([tabindex=\"-1\"])","select:not([disabled]):not([tabindex=\"-1\"])","textarea:not([disabled]):not([tabindex=\"-1\"])","button:not([disabled]):not([tabindex=\"-1\"])","iframe:not([tabindex=\"-1\"])","[tabindex]:not([tabindex=\"-1\"])","[contentEditable=true]:not([tabindex=\"-1\"])"].join(","),focusableElements=(0,_polymerDom.dom)(this).querySelectorAll(focusableElementsSelector);if(0<focusableElements.length){this._firstTabStop=focusableElements[0];this._lastTabStop=focusableElements[focusableElements.length-1]}else{this._firstTabStop=null;this._lastTabStop=null}var tabindex=this.getAttribute("tabindex");if(tabindex&&-1<parseInt(tabindex,10)){this.focus()}else if(this._firstTabStop){this._firstTabStop.focus()}},_tabKeydownHandler:function _tabKeydownHandler(event){if(this.noFocusTrap){return}if(this._drawerState===this._DRAWER_STATE.OPENED&&event.keyCode===9){if(event.shiftKey){if(this._firstTabStop&&(0,_polymerDom.dom)(event).localTarget===this._firstTabStop){event.preventDefault();this._lastTabStop.focus()}}else{if(this._lastTabStop&&(0,_polymerDom.dom)(event).localTarget===this._lastTabStop){event.preventDefault();this._firstTabStop.focus()}}}},_openedPersistentChanged:function _openedPersistentChanged(opened,persistent){this.toggleClass("visible",opened&&!persistent,this.$.scrim);this.debounce("_resetDrawerState",this._resetDrawerState,this.transitionDuration)},_MIN_FLING_THRESHOLD:.2,_MIN_TRANSITION_VELOCITY:1.2,_FLING_TIMING_FUNCTION:"cubic-bezier(0.667, 1, 0.667, 1)",_FLING_INITIAL_SLOPE:1.5,_DRAWER_STATE:{INIT:0,OPENED:1,OPENED_PERSISTENT:2,CLOSED:3,TRACKING:4,FLINGING:5}})});
\ No newline at end of file
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 2b559dccfec..235ce9bd71c 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 +1 @@
-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_a8ca3b9054f411e9aeb367f92c5b63ab(){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_a8ca3b9054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_a8ca3b9054f411e9aeb367f92c5b63ab()),is:"app-header-layout",behaviors:[_appLayoutBehavior.AppLayoutBehavior],properties:{hasScrollingRegion:{type:Boolean,value:!1,reflectToAttribute:!0}},observers:["resetLayout(isAttached, hasScrollingRegion)"],get header(){return(0,_polymerDom.dom)(this.$.headerSlot).getDistributedNodes()[0]},_updateLayoutStates:function _updateLayoutStates(){var header=this.header;if(!this.isAttached||!header){return}this.$.wrapper.classList.remove("initializing");header.scrollTarget=this.hasScrollingRegion?this.$.contentContainer:this.ownerDocument.documentElement;var headerHeight=header.offsetHeight;if(!this.hasScrollingRegion){requestAnimationFrame(function(){var rect=this.getBoundingClientRect(),rightOffset=document.documentElement.clientWidth-rect.right;header.style.left=rect.left+"px";header.style.right=rightOffset+"px"}.bind(this))}else{header.style.left="";header.style.right=""}var containerStyle=this.$.contentContainer.style;if(header.fixed&&!header.condenses&&this.hasScrollingRegion){containerStyle.marginTop=headerHeight+"px";containerStyle.paddingTop=""}else{containerStyle.paddingTop=headerHeight+"px";containerStyle.marginTop=""}}})});
\ No newline at end of file
+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_3d45e1e0555211e98f439769bd191e33(){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_3d45e1e0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_3d45e1e0555211e98f439769bd191e33()),is:"app-header-layout",behaviors:[_appLayoutBehavior.AppLayoutBehavior],properties:{hasScrollingRegion:{type:Boolean,value:!1,reflectToAttribute:!0}},observers:["resetLayout(isAttached, hasScrollingRegion)"],get header(){return(0,_polymerDom.dom)(this.$.headerSlot).getDistributedNodes()[0]},_updateLayoutStates:function _updateLayoutStates(){var header=this.header;if(!this.isAttached||!header){return}this.$.wrapper.classList.remove("initializing");header.scrollTarget=this.hasScrollingRegion?this.$.contentContainer:this.ownerDocument.documentElement;var headerHeight=header.offsetHeight;if(!this.hasScrollingRegion){requestAnimationFrame(function(){var rect=this.getBoundingClientRect(),rightOffset=document.documentElement.clientWidth-rect.right;header.style.left=rect.left+"px";header.style.right=rightOffset+"px"}.bind(this))}else{header.style.left="";header.style.right=""}var containerStyle=this.$.contentContainer.style;if(header.fixed&&!header.condenses&&this.hasScrollingRegion){containerStyle.marginTop=headerHeight+"px";containerStyle.paddingTop=""}else{containerStyle.paddingTop=headerHeight+"px";containerStyle.marginTop=""}}})});
\ No newline at end of file
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 b8ee0c869b7..913bae21900 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 +1 @@
-define(["../../polymer/polymer-legacy.js","../../iron-flex-layout/iron-flex-layout.js","../../polymer/lib/legacy/polymer-fn.js","../../polymer/lib/legacy/polymer.dom.js","../../polymer/lib/utils/html-tag.js","../app-layout-behavior/app-layout-behavior.js","../app-scroll-effects/app-scroll-effects-behavior.js"],function(_polymerLegacy,_ironFlexLayout,_polymerFn,_polymerDom,_htmlTag,_appLayoutBehavior,_appScrollEffectsBehavior){"use strict";var _Mathmin=Math.min,_Mathmax=Math.max;function _templateObject_a8ba0ef054f411e9aeb367f92c5b63ab(){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_a8ba0ef054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_a8ba0ef054f411e9aeb367f92c5b63ab()),is:"app-header",behaviors:[_appScrollEffectsBehavior.AppScrollEffectsBehavior,_appLayoutBehavior.AppLayoutBehavior],properties:{condenses:{type:Boolean,value:!1},fixed:{type:Boolean,value:!1},reveals:{type:Boolean,value:!1},shadow:{type:Boolean,reflectToAttribute:!0,value:!1}},observers:["_configChanged(isAttached, condenses, fixed)"],_height:0,_dHeight:0,_stickyElTop:0,_stickyElRef:null,_top:0,_progress:0,_wasScrollingDown:!1,_initScrollTop:0,_initTimestamp:0,_lastTimestamp:0,_lastScrollTop:0,get _maxHeaderTop(){return this.fixed?this._dHeight:this._height+5},get _stickyEl(){if(this._stickyElRef){return this._stickyElRef}for(var nodes=(0,_polymerDom.dom)(this.$.slot).getDistributedNodes(),i=0,node;node=nodes[i];i++){if(node.nodeType===Node.ELEMENT_NODE){if(node.hasAttribute("sticky")){this._stickyElRef=node;break}else if(!this._stickyElRef){this._stickyElRef=node}}}return this._stickyElRef},_configChanged:function _configChanged(){this.resetLayout();this._notifyLayoutChanged()},_updateLayoutStates:function _updateLayoutStates(){if(0===this.offsetWidth&&0===this.offsetHeight){return}var scrollTop=this._clampedScrollTop,firstSetup=0===this._height||0===scrollTop,currentDisabled=this.disabled;this._height=this.offsetHeight;this._stickyElRef=null;this.disabled=!0;if(!firstSetup){this._updateScrollState(0,!0)}if(this._mayMove()){this._dHeight=this._stickyEl?this._height-this._stickyEl.offsetHeight:0}else{this._dHeight=0}this._stickyElTop=this._stickyEl?this._stickyEl.offsetTop:0;this._setUpEffect();if(firstSetup){this._updateScrollState(scrollTop,!0)}else{this._updateScrollState(this._lastScrollTop,!0);this._layoutIfDirty()}this.disabled=currentDisabled},_updateScrollState:function _updateScrollState(scrollTop,forceUpdate){var _Mathabs=Math.abs;if(0===this._height){return}var progress=0,top=0,lastTop=this._top,lastScrollTop=this._lastScrollTop,maxHeaderTop=this._maxHeaderTop,dScrollTop=scrollTop-this._lastScrollTop,absDScrollTop=_Mathabs(dScrollTop),isScrollingDown=scrollTop>this._lastScrollTop,now=performance.now();if(this._mayMove()){top=this._clamp(this.reveals?lastTop+dScrollTop:scrollTop,0,maxHeaderTop)}if(scrollTop>=this._dHeight){top=this.condenses&&!this.fixed?_Mathmax(this._dHeight,top):top;this.style.transitionDuration="0ms"}if(this.reveals&&!this.disabled&&100>absDScrollTop){if(300<now-this._initTimestamp||this._wasScrollingDown!==isScrollingDown){this._initScrollTop=scrollTop;this._initTimestamp=now}if(scrollTop>=maxHeaderTop){if(30<_Mathabs(this._initScrollTop-scrollTop)||10<absDScrollTop){if(isScrollingDown&&scrollTop>=maxHeaderTop){top=maxHeaderTop}else if(!isScrollingDown&&scrollTop>=this._dHeight){top=this.condenses&&!this.fixed?this._dHeight:0}var scrollVelocity=dScrollTop/(now-this._lastTimestamp);this.style.transitionDuration=this._clamp((top-lastTop)/scrollVelocity,0,300)+"ms"}else{top=this._top}}}if(0===this._dHeight){progress=0<scrollTop?1:0}else{progress=top/this._dHeight}if(!forceUpdate){this._lastScrollTop=scrollTop;this._top=top;this._wasScrollingDown=isScrollingDown;this._lastTimestamp=now}if(forceUpdate||progress!==this._progress||lastTop!==top||0===scrollTop){this._progress=progress;this._runEffects(progress,top);this._transformHeader(top)}},_mayMove:function _mayMove(){return this.condenses||!this.fixed},willCondense:function willCondense(){return 0<this._dHeight&&this.condenses},isOnScreen:function isOnScreen(){return 0!==this._height&&this._top<this._height},isContentBelow:function isContentBelow(){return 0===this._top?0<this._clampedScrollTop:0<=this._clampedScrollTop-this._maxHeaderTop},_transformHeader:function _transformHeader(y){this.translate3d(0,-y+"px",0);if(this._stickyEl){this.translate3d(0,this.condenses&&y>=this._stickyElTop?_Mathmin(y,this._dHeight)-this._stickyElTop+"px":0,0,this._stickyEl)}},_clamp:function _clamp(v,min,max){return _Mathmin(max,_Mathmax(min,v))},_ensureBgContainers:function _ensureBgContainers(){if(!this._bgContainer){this._bgContainer=document.createElement("div");this._bgContainer.id="background";this._bgRear=document.createElement("div");this._bgRear.id="backgroundRearLayer";this._bgContainer.appendChild(this._bgRear);this._bgFront=document.createElement("div");this._bgFront.id="backgroundFrontLayer";this._bgContainer.appendChild(this._bgFront);(0,_polymerDom.dom)(this.root).insertBefore(this._bgContainer,this.$.contentContainer)}},_getDOMRef:function _getDOMRef(id){switch(id){case"backgroundFrontLayer":this._ensureBgContainers();return this._bgFront;case"backgroundRearLayer":this._ensureBgContainers();return this._bgRear;case"background":this._ensureBgContainers();return this._bgContainer;case"mainTitle":return(0,_polymerDom.dom)(this).querySelector("[main-title]");case"condensedTitle":return(0,_polymerDom.dom)(this).querySelector("[condensed-title]");}return null},getScrollState:function getScrollState(){return{progress:this._progress,top:this._top}}})});
\ No newline at end of file
+define(["../../polymer/polymer-legacy.js","../../iron-flex-layout/iron-flex-layout.js","../../polymer/lib/legacy/polymer-fn.js","../../polymer/lib/legacy/polymer.dom.js","../../polymer/lib/utils/html-tag.js","../app-layout-behavior/app-layout-behavior.js","../app-scroll-effects/app-scroll-effects-behavior.js"],function(_polymerLegacy,_ironFlexLayout,_polymerFn,_polymerDom,_htmlTag,_appLayoutBehavior,_appScrollEffectsBehavior){"use strict";var _Mathmin=Math.min,_Mathmax=Math.max;function _templateObject_3d382640555211e98f439769bd191e33(){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_3d382640555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_3d382640555211e98f439769bd191e33()),is:"app-header",behaviors:[_appScrollEffectsBehavior.AppScrollEffectsBehavior,_appLayoutBehavior.AppLayoutBehavior],properties:{condenses:{type:Boolean,value:!1},fixed:{type:Boolean,value:!1},reveals:{type:Boolean,value:!1},shadow:{type:Boolean,reflectToAttribute:!0,value:!1}},observers:["_configChanged(isAttached, condenses, fixed)"],_height:0,_dHeight:0,_stickyElTop:0,_stickyElRef:null,_top:0,_progress:0,_wasScrollingDown:!1,_initScrollTop:0,_initTimestamp:0,_lastTimestamp:0,_lastScrollTop:0,get _maxHeaderTop(){return this.fixed?this._dHeight:this._height+5},get _stickyEl(){if(this._stickyElRef){return this._stickyElRef}for(var nodes=(0,_polymerDom.dom)(this.$.slot).getDistributedNodes(),i=0,node;node=nodes[i];i++){if(node.nodeType===Node.ELEMENT_NODE){if(node.hasAttribute("sticky")){this._stickyElRef=node;break}else if(!this._stickyElRef){this._stickyElRef=node}}}return this._stickyElRef},_configChanged:function _configChanged(){this.resetLayout();this._notifyLayoutChanged()},_updateLayoutStates:function _updateLayoutStates(){if(0===this.offsetWidth&&0===this.offsetHeight){return}var scrollTop=this._clampedScrollTop,firstSetup=0===this._height||0===scrollTop,currentDisabled=this.disabled;this._height=this.offsetHeight;this._stickyElRef=null;this.disabled=!0;if(!firstSetup){this._updateScrollState(0,!0)}if(this._mayMove()){this._dHeight=this._stickyEl?this._height-this._stickyEl.offsetHeight:0}else{this._dHeight=0}this._stickyElTop=this._stickyEl?this._stickyEl.offsetTop:0;this._setUpEffect();if(firstSetup){this._updateScrollState(scrollTop,!0)}else{this._updateScrollState(this._lastScrollTop,!0);this._layoutIfDirty()}this.disabled=currentDisabled},_updateScrollState:function _updateScrollState(scrollTop,forceUpdate){var _Mathabs=Math.abs;if(0===this._height){return}var progress=0,top=0,lastTop=this._top,lastScrollTop=this._lastScrollTop,maxHeaderTop=this._maxHeaderTop,dScrollTop=scrollTop-this._lastScrollTop,absDScrollTop=_Mathabs(dScrollTop),isScrollingDown=scrollTop>this._lastScrollTop,now=performance.now();if(this._mayMove()){top=this._clamp(this.reveals?lastTop+dScrollTop:scrollTop,0,maxHeaderTop)}if(scrollTop>=this._dHeight){top=this.condenses&&!this.fixed?_Mathmax(this._dHeight,top):top;this.style.transitionDuration="0ms"}if(this.reveals&&!this.disabled&&100>absDScrollTop){if(300<now-this._initTimestamp||this._wasScrollingDown!==isScrollingDown){this._initScrollTop=scrollTop;this._initTimestamp=now}if(scrollTop>=maxHeaderTop){if(30<_Mathabs(this._initScrollTop-scrollTop)||10<absDScrollTop){if(isScrollingDown&&scrollTop>=maxHeaderTop){top=maxHeaderTop}else if(!isScrollingDown&&scrollTop>=this._dHeight){top=this.condenses&&!this.fixed?this._dHeight:0}var scrollVelocity=dScrollTop/(now-this._lastTimestamp);this.style.transitionDuration=this._clamp((top-lastTop)/scrollVelocity,0,300)+"ms"}else{top=this._top}}}if(0===this._dHeight){progress=0<scrollTop?1:0}else{progress=top/this._dHeight}if(!forceUpdate){this._lastScrollTop=scrollTop;this._top=top;this._wasScrollingDown=isScrollingDown;this._lastTimestamp=now}if(forceUpdate||progress!==this._progress||lastTop!==top||0===scrollTop){this._progress=progress;this._runEffects(progress,top);this._transformHeader(top)}},_mayMove:function _mayMove(){return this.condenses||!this.fixed},willCondense:function willCondense(){return 0<this._dHeight&&this.condenses},isOnScreen:function isOnScreen(){return 0!==this._height&&this._top<this._height},isContentBelow:function isContentBelow(){return 0===this._top?0<this._clampedScrollTop:0<=this._clampedScrollTop-this._maxHeaderTop},_transformHeader:function _transformHeader(y){this.translate3d(0,-y+"px",0);if(this._stickyEl){this.translate3d(0,this.condenses&&y>=this._stickyElTop?_Mathmin(y,this._dHeight)-this._stickyElTop+"px":0,0,this._stickyEl)}},_clamp:function _clamp(v,min,max){return _Mathmin(max,_Mathmax(min,v))},_ensureBgContainers:function _ensureBgContainers(){if(!this._bgContainer){this._bgContainer=document.createElement("div");this._bgContainer.id="background";this._bgRear=document.createElement("div");this._bgRear.id="backgroundRearLayer";this._bgContainer.appendChild(this._bgRear);this._bgFront=document.createElement("div");this._bgFront.id="backgroundFrontLayer";this._bgContainer.appendChild(this._bgFront);(0,_polymerDom.dom)(this.root).insertBefore(this._bgContainer,this.$.contentContainer)}},_getDOMRef:function _getDOMRef(id){switch(id){case"backgroundFrontLayer":this._ensureBgContainers();return this._bgFront;case"backgroundRearLayer":this._ensureBgContainers();return this._bgRear;case"background":this._ensureBgContainers();return this._bgContainer;case"mainTitle":return(0,_polymerDom.dom)(this).querySelector("[main-title]");case"condensedTitle":return(0,_polymerDom.dom)(this).querySelector("[condensed-title]");}return null},getScrollState:function getScrollState(){return{progress:this._progress,top:this._top}}})});
\ No newline at end of file
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 b5cd04a8808..1591412ed43 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 +1 @@
-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_a8ed05d054f411e9aeb367f92c5b63ab(){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_a8ed05d054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_a8ed05d054f411e9aeb367f92c5b63ab()),is:"app-toolbar"})});
\ No newline at end of file
+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_3d666230555211e98f439769bd191e33(){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_3d666230555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_3d666230555211e98f439769bd191e33()),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 24a0e71c8fc..1ed882d961f 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 +1 @@
-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_85f5262054f411e9aeb367f92c5b63ab(){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_85f5262054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_85f5262054f411e9aeb367f92c5b63ab()),is:"app-location",properties:{route:{type:Object,notify:!0},useHashAsPath:{type:Boolean,value:!1},urlSpaceRegex:{type:String,notify:!0},__queryParams:{type:Object},__path:{type:String},__query:{type:String},__hash:{type:String},path:{type:String,observer:"__onPathChanged"},_isReady:{type:Boolean},dwellTime:{type:Number}},behaviors:[_appRouteConverterBehavior.AppRouteConverterBehavior],observers:["__computeRoutePath(useHashAsPath, __hash, __path)"],ready:function ready(){this._isReady=!0},__computeRoutePath:function __computeRoutePath(){this.path=this.useHashAsPath?this.__hash:this.__path},__onPathChanged:function __onPathChanged(){if(!this._isReady){return}if(this.useHashAsPath){this.__hash=this.path}else{this.__path=this.path}}})});
\ No newline at end of file
+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_19f69360555211e98f439769bd191e33(){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_19f69360555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_19f69360555211e98f439769bd191e33()),is:"app-location",properties:{route:{type:Object,notify:!0},useHashAsPath:{type:Boolean,value:!1},urlSpaceRegex:{type:String,notify:!0},__queryParams:{type:Object},__path:{type:String},__query:{type:String},__hash:{type:String},path:{type:String,observer:"__onPathChanged"},_isReady:{type:Boolean},dwellTime:{type:Number}},behaviors:[_appRouteConverterBehavior.AppRouteConverterBehavior],observers:["__computeRoutePath(useHashAsPath, __hash, __path)"],ready:function ready(){this._isReady=!0},__computeRoutePath:function __computeRoutePath(){this.path=this.useHashAsPath?this.__hash:this.__path},__onPathChanged:function __onPathChanged(){if(!this._isReady){return}if(this.useHashAsPath){this.__hash=this.path}else{this.__path=this.path}}})});
\ No newline at end of file
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 060336aa3e4..1b71044bc33 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
@@ -1 +1 @@
-define(["exports","../polymer/polymer-legacy.js","../polymer/lib/legacy/polymer-fn.js","../polymer/lib/utils/html-tag.js"],function(_exports,_polymerLegacy,_polymerFn,_htmlTag){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.IronA11yAnnouncer=void 0;function _templateObject_7777bcc054f411e9aeb367f92c5b63ab(){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_7777bcc054f411e9aeb367f92c5b63ab=function(){return data};return data}var IronA11yAnnouncer=(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_7777bcc054f411e9aeb367f92c5b63ab()),is:"iron-a11y-announcer",properties:{mode:{type:String,value:"polite"},_text:{type:String,value:""}},created:function created(){if(!IronA11yAnnouncer.instance){IronA11yAnnouncer.instance=this}document.body.addEventListener("iron-announce",this._onIronAnnounce.bind(this))},announce:function announce(text){this._text="";this.async(function(){this._text=text},100)},_onIronAnnounce:function _onIronAnnounce(event){if(event.detail&&event.detail.text){this.announce(event.detail.text)}}});_exports.IronA11yAnnouncer=IronA11yAnnouncer;IronA11yAnnouncer.instance=null;IronA11yAnnouncer.requestAvailability=function(){if(!IronA11yAnnouncer.instance){IronA11yAnnouncer.instance=document.createElement("iron-a11y-announcer")}document.body.appendChild(IronA11yAnnouncer.instance)}});
\ No newline at end of file
+define(["exports","../polymer/polymer-legacy.js","../polymer/lib/legacy/polymer-fn.js","../polymer/lib/utils/html-tag.js"],function(_exports,_polymerLegacy,_polymerFn,_htmlTag){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.IronA11yAnnouncer=void 0;function _templateObject_0c2d85e0555211e98f439769bd191e33(){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_0c2d85e0555211e98f439769bd191e33=function(){return data};return data}var IronA11yAnnouncer=(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_0c2d85e0555211e98f439769bd191e33()),is:"iron-a11y-announcer",properties:{mode:{type:String,value:"polite"},_text:{type:String,value:""}},created:function created(){if(!IronA11yAnnouncer.instance){IronA11yAnnouncer.instance=this}document.body.addEventListener("iron-announce",this._onIronAnnounce.bind(this))},announce:function announce(text){this._text="";this.async(function(){this._text=text},100)},_onIronAnnounce:function _onIronAnnounce(event){if(event.detail&&event.detail.text){this.announce(event.detail.text)}}});_exports.IronA11yAnnouncer=IronA11yAnnouncer;IronA11yAnnouncer.instance=null;IronA11yAnnouncer.requestAvailability=function(){if(!IronA11yAnnouncer.instance){IronA11yAnnouncer.instance=document.createElement("iron-a11y-announcer")}document.body.appendChild(IronA11yAnnouncer.instance)}});
\ No newline at end of file
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 8b2f513025a..dacf361c849 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 +1 @@
-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_7841003054f411e9aeb367f92c5b63ab(){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_7841003054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_7841003054f411e9aeb367f92c5b63ab()),is:"iron-autogrow-textarea",behaviors:[_ironValidatableBehavior.IronValidatableBehavior,_ironControlState.IronControlState],properties:{value:{observer:"_valueChanged",type:String,notify:!0},bindValue:{observer:"_bindValueChanged",type:String,notify:!0},rows:{type:Number,value:1,observer:"_updateCached"},maxRows:{type:Number,value:0,observer:"_updateCached"},autocomplete:{type:String,value:"off"},autofocus:{type:Boolean,value:!1},inputmode:{type:String},placeholder:{type:String},readonly:{type:String},required:{type:Boolean},minlength:{type:Number},maxlength:{type:Number},label:{type:String}},listeners:{input:"_onInput"},get textarea(){return this.$.textarea},get selectionStart(){return this.$.textarea.selectionStart},get selectionEnd(){return this.$.textarea.selectionEnd},set selectionStart(value){this.$.textarea.selectionStart=value},set selectionEnd(value){this.$.textarea.selectionEnd=value},attached:function attached(){var IS_IOS=navigator.userAgent.match(/iP(?:[oa]d|hone)/);if(IS_IOS){this.$.textarea.style.marginLeft="-3px"}},validate:function validate(){var valid=this.$.textarea.validity.valid;if(valid){if(this.required&&""===this.value){valid=!1}else if(this.hasValidator()){valid=_ironValidatableBehavior.IronValidatableBehavior.validate.call(this,this.value)}}this.invalid=!valid;this.fire("iron-input-validate");return valid},_bindValueChanged:function _bindValueChanged(bindValue){this.value=bindValue},_valueChanged:function _valueChanged(value){var textarea=this.textarea;if(!textarea){return}if(textarea.value!==value){textarea.value=!(value||0===value)?"":value}this.bindValue=value;this.$.mirror.innerHTML=this._valueForMirror();this.fire("bind-value-changed",{value:this.bindValue})},_onInput:function _onInput(event){var eventPath=(0,_polymerDom.dom)(event).path;this.value=eventPath?eventPath[0].value:event.target.value},_constrain:function _constrain(tokens){var _tokens;tokens=tokens||[""];if(0<this.maxRows&&tokens.length>this.maxRows){_tokens=tokens.slice(0,this.maxRows)}else{_tokens=tokens.slice(0)}while(0<this.rows&&_tokens.length<this.rows){_tokens.push("")}return _tokens.join("<br/>")+"&#160;"},_valueForMirror:function _valueForMirror(){var input=this.textarea;if(!input){return}this.tokens=input&&input.value?input.value.replace(/&/gm,"&amp;").replace(/"/gm,"&quot;").replace(/'/gm,"&#39;").replace(/</gm,"&lt;").replace(/>/gm,"&gt;").split("\n"):[""];return this._constrain(this.tokens)},_updateCached:function _updateCached(){this.$.mirror.innerHTML=this._constrain(this.tokens)}})});
\ No newline at end of file
+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_0cfc95b0555211e98f439769bd191e33(){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_0cfc95b0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_0cfc95b0555211e98f439769bd191e33()),is:"iron-autogrow-textarea",behaviors:[_ironValidatableBehavior.IronValidatableBehavior,_ironControlState.IronControlState],properties:{value:{observer:"_valueChanged",type:String,notify:!0},bindValue:{observer:"_bindValueChanged",type:String,notify:!0},rows:{type:Number,value:1,observer:"_updateCached"},maxRows:{type:Number,value:0,observer:"_updateCached"},autocomplete:{type:String,value:"off"},autofocus:{type:Boolean,value:!1},inputmode:{type:String},placeholder:{type:String},readonly:{type:String},required:{type:Boolean},minlength:{type:Number},maxlength:{type:Number},label:{type:String}},listeners:{input:"_onInput"},get textarea(){return this.$.textarea},get selectionStart(){return this.$.textarea.selectionStart},get selectionEnd(){return this.$.textarea.selectionEnd},set selectionStart(value){this.$.textarea.selectionStart=value},set selectionEnd(value){this.$.textarea.selectionEnd=value},attached:function attached(){var IS_IOS=navigator.userAgent.match(/iP(?:[oa]d|hone)/);if(IS_IOS){this.$.textarea.style.marginLeft="-3px"}},validate:function validate(){var valid=this.$.textarea.validity.valid;if(valid){if(this.required&&""===this.value){valid=!1}else if(this.hasValidator()){valid=_ironValidatableBehavior.IronValidatableBehavior.validate.call(this,this.value)}}this.invalid=!valid;this.fire("iron-input-validate");return valid},_bindValueChanged:function _bindValueChanged(bindValue){this.value=bindValue},_valueChanged:function _valueChanged(value){var textarea=this.textarea;if(!textarea){return}if(textarea.value!==value){textarea.value=!(value||0===value)?"":value}this.bindValue=value;this.$.mirror.innerHTML=this._valueForMirror();this.fire("bind-value-changed",{value:this.bindValue})},_onInput:function _onInput(event){var eventPath=(0,_polymerDom.dom)(event).path;this.value=eventPath?eventPath[0].value:event.target.value},_constrain:function _constrain(tokens){var _tokens;tokens=tokens||[""];if(0<this.maxRows&&tokens.length>this.maxRows){_tokens=tokens.slice(0,this.maxRows)}else{_tokens=tokens.slice(0)}while(0<this.rows&&_tokens.length<this.rows){_tokens.push("")}return _tokens.join("<br/>")+"&#160;"},_valueForMirror:function _valueForMirror(){var input=this.textarea;if(!input){return}this.tokens=input&&input.value?input.value.replace(/&/gm,"&amp;").replace(/"/gm,"&quot;").replace(/'/gm,"&#39;").replace(/</gm,"&lt;").replace(/>/gm,"&gt;").split("\n"):[""];return this._constrain(this.tokens)},_updateCached:function _updateCached(){this.$.mirror.innerHTML=this._constrain(this.tokens)}})});
\ No newline at end of file
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 e92b1092664..3d88c13496c 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 +1 @@
-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_79727b5054f411e9aeb367f92c5b63ab(){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_79727b5054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_79727b5054f411e9aeb367f92c5b63ab()),is:"iron-collapse",behaviors:[_ironResizableBehavior.IronResizableBehavior],properties:{horizontal:{type:Boolean,value:!1,observer:"_horizontalChanged"},opened:{type:Boolean,value:!1,notify:!0,observer:"_openedChanged"},transitioning:{type:Boolean,notify:!0,readOnly:!0},noAnimation:{type:Boolean},_desiredSize:{type:String,value:""}},get dimension(){return this.horizontal?"width":"height"},get _dimensionMax(){return this.horizontal?"maxWidth":"maxHeight"},get _dimensionMaxCss(){return this.horizontal?"max-width":"max-height"},hostAttributes:{role:"group","aria-hidden":"true"},listeners:{transitionend:"_onTransitionEnd"},toggle:function toggle(){this.opened=!this.opened},show:function show(){this.opened=!0},hide:function hide(){this.opened=!1},updateSize:function updateSize(size,animated){size="auto"===size?"":size;var willAnimate=animated&&!this.noAnimation&&this.isAttached&&this._desiredSize!==size;this._desiredSize=size;this._updateTransition(!1);if(willAnimate){var startSize=this._calcSize();if(""===size){this.style[this._dimensionMax]="";size=this._calcSize()}this.style[this._dimensionMax]=startSize;this.scrollTop=this.scrollTop;this._updateTransition(!0);willAnimate=size!==startSize}this.style[this._dimensionMax]=size;if(!willAnimate){this._transitionEnd()}},enableTransition:function enableTransition(enabled){_polymerLegacy.Base._warn("`enableTransition()` is deprecated, use `noAnimation` instead.");this.noAnimation=!enabled},_updateTransition:function _updateTransition(enabled){this.style.transitionDuration=enabled&&!this.noAnimation?"":"0s"},_horizontalChanged:function _horizontalChanged(){this.style.transitionProperty=this._dimensionMaxCss;var otherDimension="maxWidth"===this._dimensionMax?"maxHeight":"maxWidth";this.style[otherDimension]="";this.updateSize(this.opened?"auto":"0px",!1)},_openedChanged:function _openedChanged(){this.setAttribute("aria-hidden",!this.opened);this._setTransitioning(!0);this.toggleClass("iron-collapse-closed",!1);this.toggleClass("iron-collapse-opened",!1);this.updateSize(this.opened?"auto":"0px",!0);if(this.opened){this.focus()}},_transitionEnd:function _transitionEnd(){this.style[this._dimensionMax]=this._desiredSize;this.toggleClass("iron-collapse-closed",!this.opened);this.toggleClass("iron-collapse-opened",this.opened);this._updateTransition(!1);this.notifyResize();this._setTransitioning(!1)},_onTransitionEnd:function _onTransitionEnd(event){if((0,_polymerDom.dom)(event).rootTarget===this){this._transitionEnd()}},_calcSize:function _calcSize(){return this.getBoundingClientRect()[this.dimension]+"px"}})});
\ No newline at end of file
+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_0e6cee90555211e98f439769bd191e33(){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_0e6cee90555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_0e6cee90555211e98f439769bd191e33()),is:"iron-collapse",behaviors:[_ironResizableBehavior.IronResizableBehavior],properties:{horizontal:{type:Boolean,value:!1,observer:"_horizontalChanged"},opened:{type:Boolean,value:!1,notify:!0,observer:"_openedChanged"},transitioning:{type:Boolean,notify:!0,readOnly:!0},noAnimation:{type:Boolean},_desiredSize:{type:String,value:""}},get dimension(){return this.horizontal?"width":"height"},get _dimensionMax(){return this.horizontal?"maxWidth":"maxHeight"},get _dimensionMaxCss(){return this.horizontal?"max-width":"max-height"},hostAttributes:{role:"group","aria-hidden":"true"},listeners:{transitionend:"_onTransitionEnd"},toggle:function toggle(){this.opened=!this.opened},show:function show(){this.opened=!0},hide:function hide(){this.opened=!1},updateSize:function updateSize(size,animated){size="auto"===size?"":size;var willAnimate=animated&&!this.noAnimation&&this.isAttached&&this._desiredSize!==size;this._desiredSize=size;this._updateTransition(!1);if(willAnimate){var startSize=this._calcSize();if(""===size){this.style[this._dimensionMax]="";size=this._calcSize()}this.style[this._dimensionMax]=startSize;this.scrollTop=this.scrollTop;this._updateTransition(!0);willAnimate=size!==startSize}this.style[this._dimensionMax]=size;if(!willAnimate){this._transitionEnd()}},enableTransition:function enableTransition(enabled){_polymerLegacy.Base._warn("`enableTransition()` is deprecated, use `noAnimation` instead.");this.noAnimation=!enabled},_updateTransition:function _updateTransition(enabled){this.style.transitionDuration=enabled&&!this.noAnimation?"":"0s"},_horizontalChanged:function _horizontalChanged(){this.style.transitionProperty=this._dimensionMaxCss;var otherDimension="maxWidth"===this._dimensionMax?"maxHeight":"maxWidth";this.style[otherDimension]="";this.updateSize(this.opened?"auto":"0px",!1)},_openedChanged:function _openedChanged(){this.setAttribute("aria-hidden",!this.opened);this._setTransitioning(!0);this.toggleClass("iron-collapse-closed",!1);this.toggleClass("iron-collapse-opened",!1);this.updateSize(this.opened?"auto":"0px",!0);if(this.opened){this.focus()}},_transitionEnd:function _transitionEnd(){this.style[this._dimensionMax]=this._desiredSize;this.toggleClass("iron-collapse-closed",!this.opened);this.toggleClass("iron-collapse-opened",this.opened);this._updateTransition(!1);this.notifyResize();this._setTransitioning(!1)},_onTransitionEnd:function _onTransitionEnd(event){if((0,_polymerDom.dom)(event).rootTarget===this){this._transitionEnd()}},_calcSize:function _calcSize(){return this.getBoundingClientRect()[this.dimension]+"px"}})});
\ No newline at end of file
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 3d097bb07fa..09ce4a20fb6 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 +1 @@
-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_77288b5054f411e9aeb367f92c5b63ab(){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_77288b5054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_77288b5054f411e9aeb367f92c5b63ab()),is:"iron-dropdown",behaviors:[_ironControlState.IronControlState,_ironA11yKeysBehavior.IronA11yKeysBehavior,_ironOverlayBehavior.IronOverlayBehavior,_neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],properties:{horizontalAlign:{type:String,value:"left",reflectToAttribute:!0},verticalAlign:{type:String,value:"top",reflectToAttribute:!0},openAnimationConfig:{type:Object},closeAnimationConfig:{type:Object},focusTarget:{type:Object},noAnimations:{type:Boolean,value:!1},allowOutsideScroll:{type:Boolean,value:!1,observer:"_allowOutsideScrollChanged"}},listeners:{"neon-animation-finish":"_onNeonAnimationFinish"},observers:["_updateOverlayPosition(positionTarget, verticalAlign, horizontalAlign, verticalOffset, horizontalOffset)"],get containedElement(){for(var nodes=(0,_polymerDom.dom)(this.$.content).getDistributedNodes(),i=0,l=nodes.length;i<l;i++){if(nodes[i].nodeType===Node.ELEMENT_NODE){return nodes[i]}}},ready:function ready(){if(!this.scrollAction){this.scrollAction=this.allowOutsideScroll?"refit":"lock"}this._readied=!0},attached:function attached(){if(!this.sizingTarget||this.sizingTarget===this){this.sizingTarget=this.containedElement||this}},detached:function detached(){this.cancelAnimation()},_openedChanged:function _openedChanged(){if(this.opened&&this.disabled){this.cancel()}else{this.cancelAnimation();this._updateAnimationConfig();_ironOverlayBehavior.IronOverlayBehaviorImpl._openedChanged.apply(this,arguments)}},_renderOpened:function _renderOpened(){if(!this.noAnimations&&this.animationConfig.open){this.$.contentWrapper.classList.add("animating");this.playAnimation("open")}else{_ironOverlayBehavior.IronOverlayBehaviorImpl._renderOpened.apply(this,arguments)}},_renderClosed:function _renderClosed(){if(!this.noAnimations&&this.animationConfig.close){this.$.contentWrapper.classList.add("animating");this.playAnimation("close")}else{_ironOverlayBehavior.IronOverlayBehaviorImpl._renderClosed.apply(this,arguments)}},_onNeonAnimationFinish:function _onNeonAnimationFinish(){this.$.contentWrapper.classList.remove("animating");if(this.opened){this._finishRenderOpened()}else{this._finishRenderClosed()}},_updateAnimationConfig:function _updateAnimationConfig(){for(var animationNode=this.containedElement,animations=[].concat(this.openAnimationConfig||[]).concat(this.closeAnimationConfig||[]),i=0;i<animations.length;i++){animations[i].node=animationNode}this.animationConfig={open:this.openAnimationConfig,close:this.closeAnimationConfig}},_updateOverlayPosition:function _updateOverlayPosition(){if(this.isAttached){this.notifyResize()}},_allowOutsideScrollChanged:function _allowOutsideScrollChanged(allowOutsideScroll){if(!this._readied){return}if(!allowOutsideScroll){this.scrollAction="lock"}else if(!this.scrollAction||"lock"===this.scrollAction){this.scrollAction="refit"}},_applyFocus:function _applyFocus(){var focusTarget=this.focusTarget||this.containedElement;if(focusTarget&&this.opened&&!this.noAutoFocus){focusTarget.focus()}else{_ironOverlayBehavior.IronOverlayBehaviorImpl._applyFocus.apply(this,arguments)}}})});
\ No newline at end of file
+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_0be1fdf0555211e98f439769bd191e33(){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_0be1fdf0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_0be1fdf0555211e98f439769bd191e33()),is:"iron-dropdown",behaviors:[_ironControlState.IronControlState,_ironA11yKeysBehavior.IronA11yKeysBehavior,_ironOverlayBehavior.IronOverlayBehavior,_neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],properties:{horizontalAlign:{type:String,value:"left",reflectToAttribute:!0},verticalAlign:{type:String,value:"top",reflectToAttribute:!0},openAnimationConfig:{type:Object},closeAnimationConfig:{type:Object},focusTarget:{type:Object},noAnimations:{type:Boolean,value:!1},allowOutsideScroll:{type:Boolean,value:!1,observer:"_allowOutsideScrollChanged"}},listeners:{"neon-animation-finish":"_onNeonAnimationFinish"},observers:["_updateOverlayPosition(positionTarget, verticalAlign, horizontalAlign, verticalOffset, horizontalOffset)"],get containedElement(){for(var nodes=(0,_polymerDom.dom)(this.$.content).getDistributedNodes(),i=0,l=nodes.length;i<l;i++){if(nodes[i].nodeType===Node.ELEMENT_NODE){return nodes[i]}}},ready:function ready(){if(!this.scrollAction){this.scrollAction=this.allowOutsideScroll?"refit":"lock"}this._readied=!0},attached:function attached(){if(!this.sizingTarget||this.sizingTarget===this){this.sizingTarget=this.containedElement||this}},detached:function detached(){this.cancelAnimation()},_openedChanged:function _openedChanged(){if(this.opened&&this.disabled){this.cancel()}else{this.cancelAnimation();this._updateAnimationConfig();_ironOverlayBehavior.IronOverlayBehaviorImpl._openedChanged.apply(this,arguments)}},_renderOpened:function _renderOpened(){if(!this.noAnimations&&this.animationConfig.open){this.$.contentWrapper.classList.add("animating");this.playAnimation("open")}else{_ironOverlayBehavior.IronOverlayBehaviorImpl._renderOpened.apply(this,arguments)}},_renderClosed:function _renderClosed(){if(!this.noAnimations&&this.animationConfig.close){this.$.contentWrapper.classList.add("animating");this.playAnimation("close")}else{_ironOverlayBehavior.IronOverlayBehaviorImpl._renderClosed.apply(this,arguments)}},_onNeonAnimationFinish:function _onNeonAnimationFinish(){this.$.contentWrapper.classList.remove("animating");if(this.opened){this._finishRenderOpened()}else{this._finishRenderClosed()}},_updateAnimationConfig:function _updateAnimationConfig(){for(var animationNode=this.containedElement,animations=[].concat(this.openAnimationConfig||[]).concat(this.closeAnimationConfig||[]),i=0;i<animations.length;i++){animations[i].node=animationNode}this.animationConfig={open:this.openAnimationConfig,close:this.closeAnimationConfig}},_updateOverlayPosition:function _updateOverlayPosition(){if(this.isAttached){this.notifyResize()}},_allowOutsideScrollChanged:function _allowOutsideScrollChanged(allowOutsideScroll){if(!this._readied){return}if(!allowOutsideScroll){this.scrollAction="lock"}else if(!this.scrollAction||"lock"===this.scrollAction){this.scrollAction="refit"}},_applyFocus:function _applyFocus(){var focusTarget=this.focusTarget||this.containedElement;if(focusTarget&&this.opened&&!this.noAutoFocus){focusTarget.focus()}else{_ironOverlayBehavior.IronOverlayBehaviorImpl._applyFocus.apply(this,arguments)}}})});
\ No newline at end of file
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 628c1c190af..12b2dc6aefb 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 +1 @@
-define(["../polymer/polymer-legacy.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_htmlTag){"use strict";function _templateObject_7e7040b054f411e9aeb367f92c5b63ab(){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_7e7040b054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_7e7040b054f411e9aeb367f92c5b63ab());template.setAttribute("style","display: none;");document.head.appendChild(template.content)});
\ No newline at end of file
+define(["../polymer/polymer-legacy.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_htmlTag){"use strict";function _templateObject_13234ab0555211e98f439769bd191e33(){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_13234ab0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_13234ab0555211e98f439769bd191e33());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 5007192d247..20457881f8b 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 +1 @@
-define(["../polymer/polymer-legacy.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_htmlTag){"use strict";function _templateObject_77ce413054f411e9aeb367f92c5b63ab(){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_77ce413054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_77ce413054f411e9aeb367f92c5b63ab());template.setAttribute("style","display: none;");document.head.appendChild(template.content);var style=document.createElement("style");style.textContent="[hidden] { display: none !important; }";document.head.appendChild(style)});
\ No newline at end of file
+define(["../polymer/polymer-legacy.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_htmlTag){"use strict";function _templateObject_0c5447c0555211e98f439769bd191e33(){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_0c5447c0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_0c5447c0555211e98f439769bd191e33());template.setAttribute("style","display: none;");document.head.appendChild(template.content);var style=document.createElement("style");style.textContent="[hidden] { display: none !important; }";document.head.appendChild(style)});
\ No newline at end of file
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 97e9cbd9307..73d027b77f9 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 +1 @@
-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_6d33693054f411e9aeb367f92c5b63ab(){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_6d33693054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_6d33693054f411e9aeb367f92c5b63ab()),is:"iron-icon",properties:{icon:{type:String},theme:{type:String},src:{type:String},_meta:{value:_polymerLegacy.Base.create("iron-meta",{type:"iconset"})}},observers:["_updateIcon(_meta, isAttached)","_updateIcon(theme, isAttached)","_srcChanged(src, isAttached)","_iconChanged(icon, isAttached)"],_DEFAULT_ICONSET:"icons",_iconChanged:function _iconChanged(icon){var parts=(icon||"").split(":");this._iconName=parts.pop();this._iconsetName=parts.pop()||this._DEFAULT_ICONSET;this._updateIcon()},_srcChanged:function _srcChanged(){this._updateIcon()},_usesIconset:function _usesIconset(){return this.icon||!this.src},_updateIcon:function _updateIcon(){if(this._usesIconset()){if(this._img&&this._img.parentNode){(0,_polymerDom.dom)(this.root).removeChild(this._img)}if(""===this._iconName){if(this._iconset){this._iconset.removeIcon(this)}}else if(this._iconsetName&&this._meta){this._iconset=this._meta.byKey(this._iconsetName);if(this._iconset){this._iconset.applyIcon(this,this._iconName,this.theme);this.unlisten(window,"iron-iconset-added","_updateIcon")}else{this.listen(window,"iron-iconset-added","_updateIcon")}}}else{if(this._iconset){this._iconset.removeIcon(this)}if(!this._img){this._img=document.createElement("img");this._img.style.width="100%";this._img.style.height="100%";this._img.draggable=!1}this._img.src=this.src;(0,_polymerDom.dom)(this.root).appendChild(this._img)}}})});
\ No newline at end of file
+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_021dfdf0555211e98f439769bd191e33(){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_021dfdf0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_021dfdf0555211e98f439769bd191e33()),is:"iron-icon",properties:{icon:{type:String},theme:{type:String},src:{type:String},_meta:{value:_polymerLegacy.Base.create("iron-meta",{type:"iconset"})}},observers:["_updateIcon(_meta, isAttached)","_updateIcon(theme, isAttached)","_srcChanged(src, isAttached)","_iconChanged(icon, isAttached)"],_DEFAULT_ICONSET:"icons",_iconChanged:function _iconChanged(icon){var parts=(icon||"").split(":");this._iconName=parts.pop();this._iconsetName=parts.pop()||this._DEFAULT_ICONSET;this._updateIcon()},_srcChanged:function _srcChanged(){this._updateIcon()},_usesIconset:function _usesIconset(){return this.icon||!this.src},_updateIcon:function _updateIcon(){if(this._usesIconset()){if(this._img&&this._img.parentNode){(0,_polymerDom.dom)(this.root).removeChild(this._img)}if(""===this._iconName){if(this._iconset){this._iconset.removeIcon(this)}}else if(this._iconsetName&&this._meta){this._iconset=this._meta.byKey(this._iconsetName);if(this._iconset){this._iconset.applyIcon(this,this._iconName,this.theme);this.unlisten(window,"iron-iconset-added","_updateIcon")}else{this.listen(window,"iron-iconset-added","_updateIcon")}}}else{if(this._iconset){this._iconset.removeIcon(this)}if(!this._img){this._img=document.createElement("img");this._img.style.width="100%";this._img.style.height="100%";this._img.draggable=!1}this._img.src=this.src;(0,_polymerDom.dom)(this.root).appendChild(this._img)}}})});
\ No newline at end of file
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 0398550a8e6..ce1419e578c 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 +1 @@
-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_6b1ac26054f411e9aeb367f92c5b63ab(){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_6b1ac26054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_6b1ac26054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_ffdfcdc0555111e98f439769bd191e33(){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_ffdfcdc0555111e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_ffdfcdc0555111e98f439769bd191e33());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 04f382cb59c..d30c0616ff7 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 +1 @@
-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_6b22638054f411e9aeb367f92c5b63ab(){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_6b22638054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_6b22638054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_ffe720c0555111e98f439769bd191e33(){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_ffe720c0555111e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_ffe720c0555111e98f439769bd191e33());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 8765d3d38e0..6ff90c1023a 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 +1 @@
-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_6b2a04a054f411e9aeb367f92c5b63ab(){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_6b2a04a054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_6b2a04a054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_ffed3b40555111e98f439769bd191e33(){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_ffed3b40555111e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_ffed3b40555111e98f439769bd191e33());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 1a9a3ad6e85..6960f9bd09a 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 +1 @@
-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_6b31098054f411e9aeb367f92c5b63ab(){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_6b31098054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_6b31098054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_fff4dc60555111e98f439769bd191e33(){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_fff4dc60555111e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_fff4dc60555111e98f439769bd191e33());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 874adda9dad..5a8ad1e6f4d 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 +1 @@
-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_6b4072d054f411e9aeb367f92c5b63ab(){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_6b4072d054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_6b4072d054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_000dbb90555211e98f439769bd191e33(){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_000dbb90555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_000dbb90555211e98f439769bd191e33());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 3df52acc130..7fa6145694e 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 +1 @@
-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_6b47c5d054f411e9aeb367f92c5b63ab(){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_6b47c5d054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_6b47c5d054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_00222df0555211e98f439769bd191e33(){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_00222df0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_00222df0555211e98f439769bd191e33());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 8d2cfd9a779..aafa43255b7 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 +1 @@
-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_6b0f029054f411e9aeb367f92c5b63ab(){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_6b0f029054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_6b0f029054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_ffd34aa0555111e98f439769bd191e33(){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_ffd34aa0555111e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_ffd34aa0555111e98f439769bd191e33());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 89e6db6b8e3..5bf5cef1fd2 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 +1 @@
-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_6b502a4054f411e9aeb367f92c5b63ab(){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_6b502a4054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_6b502a4054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_002b55b0555211e98f439769bd191e33(){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_002b55b0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_002b55b0555211e98f439769bd191e33());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 e6c3f4f1e93..ee93a5ac708 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 +1 @@
-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_6b57cb6054f411e9aeb367f92c5b63ab(){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_6b57cb6054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_6b57cb6054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_0031be50555211e98f439769bd191e33(){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_0031be50555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_0031be50555211e98f439769bd191e33());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 0daae20150b..877f4cbeeab 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 +1 @@
-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_6b7d7bd054f411e9aeb367f92c5b63ab(){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_6b7d7bd054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_6b7d7bd054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_00426020555211e98f439769bd191e33(){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_00426020555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_00426020555211e98f439769bd191e33());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 306f649b454..8b8d3b781d9 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 +1 @@
-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_6b5f1e6054f411e9aeb367f92c5b63ab(){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_6b5f1e6054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_6b5f1e6054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+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_003b0d20555211e98f439769bd191e33(){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_003b0d20555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_003b0d20555211e98f439769bd191e33());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 36a289f63bc..860bd2aa984 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 +1 @@
-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_7274ee5054f411e9aeb367f92c5b63ab(){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"],["\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_7274ee5054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_7274ee5054f411e9aeb367f92c5b63ab()),is:"iron-image",properties:{src:{type:String,value:""},alt:{type:String,value:null},crossorigin:{type:String,value:null},preventLoad:{type:Boolean,value:!1},sizing:{type:String,value:null,reflectToAttribute:!0},position:{type:String,value:"center"},preload:{type:Boolean,value:!1},placeholder:{type:String,value:null,observer:"_placeholderChanged"},fade:{type:Boolean,value:!1},loaded:{notify:!0,readOnly:!0,type:Boolean,value:!1},loading:{notify:!0,readOnly:!0,type:Boolean,value:!1},error:{notify:!0,readOnly:!0,type:Boolean,value:!1},width:{observer:"_widthChanged",type:Number,value:null},height:{observer:"_heightChanged",type:Number,value:null}},observers:["_transformChanged(sizing, position)","_loadStateObserver(src, preventLoad)"],created:function created(){this._resolvedSrc=""},_imgOnLoad:function _imgOnLoad(){if(this.$.img.src!==this._resolveSrc(this.src)){return}this._setLoading(!1);this._setLoaded(!0);this._setError(!1)},_imgOnError:function _imgOnError(){if(this.$.img.src!==this._resolveSrc(this.src)){return}this.$.img.removeAttribute("src");this.$.sizedImgDiv.style.backgroundImage="";this._setLoading(!1);this._setLoaded(!1);this._setError(!0)},_computePlaceholderHidden:function _computePlaceholderHidden(){return!this.preload||!this.fade&&!this.loading&&this.loaded},_computePlaceholderClassName:function _computePlaceholderClassName(){return this.preload&&this.fade&&!this.loading&&this.loaded?"faded-out":""},_computeImgDivHidden:function _computeImgDivHidden(){return!this.sizing},_computeImgDivARIAHidden:function _computeImgDivARIAHidden(){return""===this.alt?"true":void 0},_computeImgDivARIALabel:function _computeImgDivARIALabel(){if(null!==this.alt){return this.alt}if(""===this.src){return""}var resolved=this._resolveSrc(this.src);return resolved.replace(/[?|#].*/g,"").split("/").pop()},_computeImgHidden:function _computeImgHidden(){return!!this.sizing},_widthChanged:function _widthChanged(){this.style.width=isNaN(this.width)?this.width:this.width+"px"},_heightChanged:function _heightChanged(){this.style.height=isNaN(this.height)?this.height:this.height+"px"},_loadStateObserver:function _loadStateObserver(src,preventLoad){var newResolvedSrc=this._resolveSrc(src);if(newResolvedSrc===this._resolvedSrc){return}this._resolvedSrc="";this.$.img.removeAttribute("src");this.$.sizedImgDiv.style.backgroundImage="";if(""===src||preventLoad){this._setLoading(!1);this._setLoaded(!1);this._setError(!1)}else{this._resolvedSrc=newResolvedSrc;this.$.img.src=this._resolvedSrc;this.$.sizedImgDiv.style.backgroundImage="url(\""+this._resolvedSrc+"\")";this._setLoading(!0);this._setLoaded(!1);this._setError(!1)}},_placeholderChanged:function _placeholderChanged(){this.$.placeholder.style.backgroundImage=this.placeholder?"url(\""+this.placeholder+"\")":""},_transformChanged:function _transformChanged(){var sizedImgDivStyle=this.$.sizedImgDiv.style,placeholderStyle=this.$.placeholder.style;sizedImgDivStyle.backgroundSize=placeholderStyle.backgroundSize=this.sizing;sizedImgDivStyle.backgroundPosition=placeholderStyle.backgroundPosition=this.sizing?this.position:"";sizedImgDivStyle.backgroundRepeat=placeholderStyle.backgroundRepeat=this.sizing?"no-repeat":""},_resolveSrc:function _resolveSrc(testSrc){var resolved=(0,_resolveUrl.resolveUrl)(testSrc,this.$.baseURIAnchor.href);if("/"===resolved[0]){resolved=(location.origin||location.protocol+"//"+location.host)+resolved}return resolved}})});
\ No newline at end of file
+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_072e12d0555211e98f439769bd191e33(){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"],["\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_072e12d0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_072e12d0555211e98f439769bd191e33()),is:"iron-image",properties:{src:{type:String,value:""},alt:{type:String,value:null},crossorigin:{type:String,value:null},preventLoad:{type:Boolean,value:!1},sizing:{type:String,value:null,reflectToAttribute:!0},position:{type:String,value:"center"},preload:{type:Boolean,value:!1},placeholder:{type:String,value:null,observer:"_placeholderChanged"},fade:{type:Boolean,value:!1},loaded:{notify:!0,readOnly:!0,type:Boolean,value:!1},loading:{notify:!0,readOnly:!0,type:Boolean,value:!1},error:{notify:!0,readOnly:!0,type:Boolean,value:!1},width:{observer:"_widthChanged",type:Number,value:null},height:{observer:"_heightChanged",type:Number,value:null}},observers:["_transformChanged(sizing, position)","_loadStateObserver(src, preventLoad)"],created:function created(){this._resolvedSrc=""},_imgOnLoad:function _imgOnLoad(){if(this.$.img.src!==this._resolveSrc(this.src)){return}this._setLoading(!1);this._setLoaded(!0);this._setError(!1)},_imgOnError:function _imgOnError(){if(this.$.img.src!==this._resolveSrc(this.src)){return}this.$.img.removeAttribute("src");this.$.sizedImgDiv.style.backgroundImage="";this._setLoading(!1);this._setLoaded(!1);this._setError(!0)},_computePlaceholderHidden:function _computePlaceholderHidden(){return!this.preload||!this.fade&&!this.loading&&this.loaded},_computePlaceholderClassName:function _computePlaceholderClassName(){return this.preload&&this.fade&&!this.loading&&this.loaded?"faded-out":""},_computeImgDivHidden:function _computeImgDivHidden(){return!this.sizing},_computeImgDivARIAHidden:function _computeImgDivARIAHidden(){return""===this.alt?"true":void 0},_computeImgDivARIALabel:function _computeImgDivARIALabel(){if(null!==this.alt){return this.alt}if(""===this.src){return""}var resolved=this._resolveSrc(this.src);return resolved.replace(/[?|#].*/g,"").split("/").pop()},_computeImgHidden:function _computeImgHidden(){return!!this.sizing},_widthChanged:function _widthChanged(){this.style.width=isNaN(this.width)?this.width:this.width+"px"},_heightChanged:function _heightChanged(){this.style.height=isNaN(this.height)?this.height:this.height+"px"},_loadStateObserver:function _loadStateObserver(src,preventLoad){var newResolvedSrc=this._resolveSrc(src);if(newResolvedSrc===this._resolvedSrc){return}this._resolvedSrc="";this.$.img.removeAttribute("src");this.$.sizedImgDiv.style.backgroundImage="";if(""===src||preventLoad){this._setLoading(!1);this._setLoaded(!1);this._setError(!1)}else{this._resolvedSrc=newResolvedSrc;this.$.img.src=this._resolvedSrc;this.$.sizedImgDiv.style.backgroundImage="url(\""+this._resolvedSrc+"\")";this._setLoading(!0);this._setLoaded(!1);this._setError(!1)}},_placeholderChanged:function _placeholderChanged(){this.$.placeholder.style.backgroundImage=this.placeholder?"url(\""+this.placeholder+"\")":""},_transformChanged:function _transformChanged(){var sizedImgDivStyle=this.$.sizedImgDiv.style,placeholderStyle=this.$.placeholder.style;sizedImgDivStyle.backgroundSize=placeholderStyle.backgroundSize=this.sizing;sizedImgDivStyle.backgroundPosition=placeholderStyle.backgroundPosition=this.sizing?this.position:"";sizedImgDivStyle.backgroundRepeat=placeholderStyle.backgroundRepeat=this.sizing?"no-repeat":""},_resolveSrc:function _resolveSrc(testSrc){var resolved=(0,_resolveUrl.resolveUrl)(testSrc,this.$.baseURIAnchor.href);if("/"===resolved[0]){resolved=(location.origin||location.protocol+"//"+location.host)+resolved}return resolved}})});
\ No newline at end of file
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 478cc8ad173..57926b6c5fb 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 +1 @@
-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_790d77f054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n      }\n    </style>\n    <slot id=\"content\"></slot>\n"]);_templateObject_790d77f054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_790d77f054f411e9aeb367f92c5b63ab()),is:"iron-input",behaviors:[_ironValidatableBehavior.IronValidatableBehavior],properties:{bindValue:{type:String,value:""},value:{type:String,computed:"_computeValue(bindValue)"},allowedPattern:{type:String},autoValidate:{type:Boolean,value:!1},_inputElement:Object},observers:["_bindValueChanged(bindValue, _inputElement)"],listeners:{input:"_onInput",keypress:"_onKeypress"},created:function created(){_ironA11yAnnouncer.IronA11yAnnouncer.requestAvailability();this._previousValidInput="";this._patternAlreadyChecked=!1},attached:function attached(){this._observer=(0,_polymerDom.dom)(this).observeNodes(function(){this._initSlottedInput()}.bind(this))},detached:function detached(){if(this._observer){(0,_polymerDom.dom)(this).unobserveNodes(this._observer);this._observer=null}},get inputElement(){return this._inputElement},_initSlottedInput:function _initSlottedInput(){this._inputElement=this.getEffectiveChildren()[0];if(this.inputElement&&this.inputElement.value){this.bindValue=this.inputElement.value}this.fire("iron-input-ready")},get _patternRegExp(){var pattern;if(this.allowedPattern){pattern=new RegExp(this.allowedPattern)}else{switch(this.inputElement.type){case"number":pattern=/[0-9.,e-]/;break;}}return pattern},_bindValueChanged:function _bindValueChanged(bindValue,inputElement){if(!inputElement){return}if(bindValue===void 0){inputElement.value=null}else if(bindValue!==inputElement.value){this.inputElement.value=bindValue}if(this.autoValidate){this.validate()}this.fire("bind-value-changed",{value:bindValue})},_onInput:function _onInput(){if(this.allowedPattern&&!this._patternAlreadyChecked){var valid=this._checkPatternValidity();if(!valid){this._announceInvalidCharacter("Invalid string of characters not entered.");this.inputElement.value=this._previousValidInput}}this.bindValue=this._previousValidInput=this.inputElement.value;this._patternAlreadyChecked=!1},_isPrintable:function _isPrintable(event){var anyNonPrintable=8==event.keyCode||9==event.keyCode||13==event.keyCode||27==event.keyCode,mozNonPrintable=19==event.keyCode||20==event.keyCode||45==event.keyCode||46==event.keyCode||144==event.keyCode||145==event.keyCode||32<event.keyCode&&41>event.keyCode||111<event.keyCode&&124>event.keyCode;return!anyNonPrintable&&!(0==event.charCode&&mozNonPrintable)},_onKeypress:function _onKeypress(event){if(!this.allowedPattern&&"number"!==this.inputElement.type){return}var regexp=this._patternRegExp;if(!regexp){return}if(event.metaKey||event.ctrlKey||event.altKey){return}this._patternAlreadyChecked=!0;var thisChar=String.fromCharCode(event.charCode);if(this._isPrintable(event)&&!regexp.test(thisChar)){event.preventDefault();this._announceInvalidCharacter("Invalid character "+thisChar+" not entered.")}},_checkPatternValidity:function _checkPatternValidity(){var regexp=this._patternRegExp;if(!regexp){return!0}for(var i=0;i<this.inputElement.value.length;i++){if(!regexp.test(this.inputElement.value[i])){return!1}}return!0},validate:function validate(){if(!this.inputElement){this.invalid=!1;return!0}var valid=this.inputElement.checkValidity();if(valid){if(this.required&&""===this.bindValue){valid=!1}else if(this.hasValidator()){valid=_ironValidatableBehavior.IronValidatableBehavior.validate.call(this,this.bindValue)}}this.invalid=!valid;this.fire("iron-input-validate");return valid},_announceInvalidCharacter:function _announceInvalidCharacter(message){this.fire("iron-announce",{text:message})},_computeValue:function _computeValue(bindValue){return bindValue}})});
\ No newline at end of file
+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_0dffd4e0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\n      }\n    </style>\n    <slot id=\"content\"></slot>\n"]);_templateObject_0dffd4e0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_0dffd4e0555211e98f439769bd191e33()),is:"iron-input",behaviors:[_ironValidatableBehavior.IronValidatableBehavior],properties:{bindValue:{type:String,value:""},value:{type:String,computed:"_computeValue(bindValue)"},allowedPattern:{type:String},autoValidate:{type:Boolean,value:!1},_inputElement:Object},observers:["_bindValueChanged(bindValue, _inputElement)"],listeners:{input:"_onInput",keypress:"_onKeypress"},created:function created(){_ironA11yAnnouncer.IronA11yAnnouncer.requestAvailability();this._previousValidInput="";this._patternAlreadyChecked=!1},attached:function attached(){this._observer=(0,_polymerDom.dom)(this).observeNodes(function(){this._initSlottedInput()}.bind(this))},detached:function detached(){if(this._observer){(0,_polymerDom.dom)(this).unobserveNodes(this._observer);this._observer=null}},get inputElement(){return this._inputElement},_initSlottedInput:function _initSlottedInput(){this._inputElement=this.getEffectiveChildren()[0];if(this.inputElement&&this.inputElement.value){this.bindValue=this.inputElement.value}this.fire("iron-input-ready")},get _patternRegExp(){var pattern;if(this.allowedPattern){pattern=new RegExp(this.allowedPattern)}else{switch(this.inputElement.type){case"number":pattern=/[0-9.,e-]/;break;}}return pattern},_bindValueChanged:function _bindValueChanged(bindValue,inputElement){if(!inputElement){return}if(bindValue===void 0){inputElement.value=null}else if(bindValue!==inputElement.value){this.inputElement.value=bindValue}if(this.autoValidate){this.validate()}this.fire("bind-value-changed",{value:bindValue})},_onInput:function _onInput(){if(this.allowedPattern&&!this._patternAlreadyChecked){var valid=this._checkPatternValidity();if(!valid){this._announceInvalidCharacter("Invalid string of characters not entered.");this.inputElement.value=this._previousValidInput}}this.bindValue=this._previousValidInput=this.inputElement.value;this._patternAlreadyChecked=!1},_isPrintable:function _isPrintable(event){var anyNonPrintable=8==event.keyCode||9==event.keyCode||13==event.keyCode||27==event.keyCode,mozNonPrintable=19==event.keyCode||20==event.keyCode||45==event.keyCode||46==event.keyCode||144==event.keyCode||145==event.keyCode||32<event.keyCode&&41>event.keyCode||111<event.keyCode&&124>event.keyCode;return!anyNonPrintable&&!(0==event.charCode&&mozNonPrintable)},_onKeypress:function _onKeypress(event){if(!this.allowedPattern&&"number"!==this.inputElement.type){return}var regexp=this._patternRegExp;if(!regexp){return}if(event.metaKey||event.ctrlKey||event.altKey){return}this._patternAlreadyChecked=!0;var thisChar=String.fromCharCode(event.charCode);if(this._isPrintable(event)&&!regexp.test(thisChar)){event.preventDefault();this._announceInvalidCharacter("Invalid character "+thisChar+" not entered.")}},_checkPatternValidity:function _checkPatternValidity(){var regexp=this._patternRegExp;if(!regexp){return!0}for(var i=0;i<this.inputElement.value.length;i++){if(!regexp.test(this.inputElement.value[i])){return!1}}return!0},validate:function validate(){if(!this.inputElement){this.invalid=!1;return!0}var valid=this.inputElement.checkValidity();if(valid){if(this.required&&""===this.bindValue){valid=!1}else if(this.hasValidator()){valid=_ironValidatableBehavior.IronValidatableBehavior.validate.call(this,this.bindValue)}}this.invalid=!valid;this.fire("iron-input-validate");return valid},_announceInvalidCharacter:function _announceInvalidCharacter(message){this.fire("iron-announce",{text:message})},_computeValue:function _computeValue(bindValue){return bindValue}})});
\ No newline at end of file
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 f5407ddc6cf..f6d94657c3a 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 +1 @@
-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"],function(_polymerLegacy,_ironA11yKeysBehavior,_ironResizableBehavior,_ironScrollTargetBehavior,_mutableDataBehavior,_polymerFn,_polymerDom,_templatizerBehavior,_async,_debounce2,_flush,_htmlTag,_path){"use strict";var _Mathfloor=Math.floor,_Mathround=Math.round,_Mathabs=Math.abs,_Mathceil=Math.ceil,_Mathmin=Math.min,_Mathmax=Math.max;function _templateObject_7097069054f411e9aeb367f92c5b63ab(){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_7097069054f411e9aeb367f92c5b63ab=function(){return data};return data}var IOS=navigator.userAgent.match(/iP(?:hone|ad;(?: U;)? CPU) OS (\d+)/),IOS_TOUCH_SCROLLING=IOS&&8<=IOS[1],DEFAULT_PHYSICAL_COUNT=3,HIDDEN_Y="-10000px",SECRET_TABINDEX=-100,IS_V2=null!=_flush.flush,ANIMATION_FRAME=IS_V2?_async.animationFrame:0,IDLE_TIME=IS_V2?_async.idlePeriod:1,MICRO_TASK=IS_V2?_async.microTask:2;if(!_mutableDataBehavior.OptionalMutableDataBehavior){Polymer.OptionalMutableDataBehavior={}}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_7097069054f411e9aeb367f92c5b63ab()),is:"iron-list",properties:{items:{type:Array},as:{type:String,value:"item"},indexAs:{type:String,value:"index"},selectedAs:{type:String,value:"selected"},grid:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_gridChanged"},selectionEnabled:{type:Boolean,value:!1},selectedItem:{type:Object,notify:!0},selectedItems:{type:Object,notify:!0},multiSelection:{type:Boolean,value:!1},scrollOffset:{type:Number,value:0}},observers:["_itemsChanged(items.*)","_selectionEnabledChanged(selectionEnabled)","_multiSelectionChanged(multiSelection)","_setOverflow(scrollTarget, scrollOffset)"],behaviors:[_templatizerBehavior.Templatizer,_ironResizableBehavior.IronResizableBehavior,_ironScrollTargetBehavior.IronScrollTargetBehavior,_mutableDataBehavior.OptionalMutableDataBehavior],_ratio:.5,_scrollerPaddingTop:0,_scrollPosition:0,_physicalSize:0,_physicalAverage:0,_physicalAverageCount:0,_physicalTop:0,_virtualCount:0,_estScrollHeight:0,_scrollHeight:0,_viewportHeight:0,_viewportWidth:0,_physicalItems:null,_physicalSizes:null,_firstVisibleIndexVal:null,_collection:null,_lastVisibleIndexVal:null,_maxPages:2,_focusedItem:null,_focusedVirtualIndex:-1,_focusedPhysicalIndex:-1,_offscreenFocusedItem:null,_focusBackfillItem:null,_itemsPerRow:1,_itemWidth:0,_rowHeight:0,_templateCost:0,_parentModel:!0,get _physicalBottom(){return this._physicalTop+this._physicalSize},get _scrollBottom(){return this._scrollPosition+this._viewportHeight},get _virtualEnd(){return this._virtualStart+this._physicalCount-1},get _hiddenContentSize(){var size=this.grid?this._physicalRows*this._rowHeight:this._physicalSize;return size-this._viewportHeight},get _itemsParent(){return(0,_polymerDom.dom)((0,_polymerDom.dom)(this._userTemplate).parentNode)},get _maxScrollTop(){return this._estScrollHeight-this._viewportHeight+this._scrollOffset},get _maxVirtualStart(){var virtualCount=this._convertIndexToCompleteRow(this._virtualCount);return _Mathmax(0,virtualCount-this._physicalCount)},set _virtualStart(val){val=this._clamp(val,0,this._maxVirtualStart);if(this.grid){val=val-val%this._itemsPerRow}this._virtualStartVal=val},get _virtualStart(){return this._virtualStartVal||0},set _physicalStart(val){val=val%this._physicalCount;if(0>val){val=this._physicalCount+val}if(this.grid){val=val-val%this._itemsPerRow}this._physicalStartVal=val},get _physicalStart(){return this._physicalStartVal||0},get _physicalEnd(){return(this._physicalStart+this._physicalCount-1)%this._physicalCount},set _physicalCount(val){this._physicalCountVal=val},get _physicalCount(){return this._physicalCountVal||0},get _optPhysicalSize(){return 0===this._viewportHeight?1/0:this._viewportHeight*this._maxPages},get _isVisible(){return!!(this.offsetWidth||this.offsetHeight)},get firstVisibleIndex(){var idx=this._firstVisibleIndexVal;if(null==idx){var physicalOffset=this._physicalTop+this._scrollOffset;idx=this._iterateItems(function(pidx,vidx){physicalOffset+=this._getPhysicalSizeIncrement(pidx);if(physicalOffset>this._scrollPosition){return this.grid?vidx-vidx%this._itemsPerRow:vidx}if(this.grid&&this._virtualCount-1===vidx){return vidx-vidx%this._itemsPerRow}})||0;this._firstVisibleIndexVal=idx}return idx},get lastVisibleIndex(){var idx=this._lastVisibleIndexVal;if(null==idx){if(this.grid){idx=_Mathmin(this._virtualCount,this.firstVisibleIndex+this._estRowsInView*this._itemsPerRow-1)}else{var physicalOffset=this._physicalTop+this._scrollOffset;this._iterateItems(function(pidx,vidx){if(physicalOffset<this._scrollBottom){idx=vidx}physicalOffset+=this._getPhysicalSizeIncrement(pidx)})}this._lastVisibleIndexVal=idx}return idx},get _defaultScrollTarget(){return this},get _virtualRowCount(){return _Mathceil(this._virtualCount/this._itemsPerRow)},get _estRowsInView(){return _Mathceil(this._viewportHeight/this._rowHeight)},get _physicalRows(){return _Mathceil(this._physicalCount/this._itemsPerRow)},get _scrollOffset(){return this._scrollerPaddingTop+this.scrollOffset},ready:function ready(){this.addEventListener("focus",this._didFocus.bind(this),!0)},attached:function attached(){this._debounce("_render",this._render,ANIMATION_FRAME);this.listen(this,"iron-resize","_resizeHandler");this.listen(this,"keydown","_keydownHandler")},detached:function detached(){this.unlisten(this,"iron-resize","_resizeHandler");this.unlisten(this,"keydown","_keydownHandler")},_setOverflow:function _setOverflow(scrollTarget){this.style.webkitOverflowScrolling=scrollTarget===this?"touch":"";this.style.overflowY=scrollTarget===this?"auto":"";this._lastVisibleIndexVal=null;this._firstVisibleIndexVal=null;this._debounce("_render",this._render,ANIMATION_FRAME)},updateViewportBoundaries:function updateViewportBoundaries(){var styles=window.getComputedStyle(this);this._scrollerPaddingTop=this.scrollTarget===this?0:parseInt(styles["padding-top"],10);this._isRTL=!!("rtl"===styles.direction);this._viewportWidth=this.$.items.offsetWidth;this._viewportHeight=this._scrollTargetHeight;this.grid&&this._updateGridMetrics()},_scrollHandler:function _scrollHandler(){var scrollTop=_Mathmax(0,_Mathmin(this._maxScrollTop,this._scrollTop)),delta=scrollTop-this._scrollPosition,isScrollingDown=0<=delta;this._scrollPosition=scrollTop;this._firstVisibleIndexVal=null;this._lastVisibleIndexVal=null;if(_Mathabs(delta)>this._physicalSize&&0<this._physicalSize){delta=delta-this._scrollOffset;var idxAdjustment=_Mathround(delta/this._physicalAverage)*this._itemsPerRow;this._virtualStart=this._virtualStart+idxAdjustment;this._physicalStart=this._physicalStart+idxAdjustment;this._physicalTop=_Mathfloor(this._virtualStart/this._itemsPerRow)*this._physicalAverage;this._update()}else if(0<this._physicalCount){var reusables=this._getReusables(isScrollingDown);if(isScrollingDown){this._physicalTop=reusables.physicalTop;this._virtualStart=this._virtualStart+reusables.indexes.length;this._physicalStart=this._physicalStart+reusables.indexes.length}else{this._virtualStart=this._virtualStart-reusables.indexes.length;this._physicalStart=this._physicalStart-reusables.indexes.length}this._update(reusables.indexes,isScrollingDown?null:reusables.indexes);this._debounce("_increasePoolIfNeeded",this._increasePoolIfNeeded.bind(this,0),MICRO_TASK)}},_getReusables:function _getReusables(fromTop){var ith,offsetContent,physicalItemHeight,idxs=[],protectedOffsetContent=this._hiddenContentSize*this._ratio,virtualStart=this._virtualStart,virtualEnd=this._virtualEnd,physicalCount=this._physicalCount,top=this._physicalTop+this._scrollOffset,bottom=this._physicalBottom+this._scrollOffset,scrollTop=this._scrollTop,scrollBottom=this._scrollBottom;if(fromTop){ith=this._physicalStart;this._physicalEnd;offsetContent=scrollTop-top}else{ith=this._physicalEnd;this._physicalStart;offsetContent=bottom-scrollBottom}while(!0){physicalItemHeight=this._getPhysicalSizeIncrement(ith);offsetContent=offsetContent-physicalItemHeight;if(idxs.length>=physicalCount||offsetContent<=protectedOffsetContent){break}if(fromTop){if(virtualEnd+idxs.length+1>=this._virtualCount){break}if(top+physicalItemHeight>=scrollTop-this._scrollOffset){break}idxs.push(ith);top=top+physicalItemHeight;ith=(ith+1)%physicalCount}else{if(0>=virtualStart-idxs.length){break}if(top+this._physicalSize-physicalItemHeight<=scrollBottom){break}idxs.push(ith);top=top-physicalItemHeight;ith=0===ith?physicalCount-1:ith-1}}return{indexes:idxs,physicalTop:top-this._scrollOffset}},_update:function _update(itemSet,movingUp){if(itemSet&&0===itemSet.length||0===this._physicalCount){return}this._manageFocus();this._assignModels(itemSet);this._updateMetrics(itemSet);if(movingUp){while(movingUp.length){var idx=movingUp.pop();this._physicalTop-=this._getPhysicalSizeIncrement(idx)}}this._positionItems();this._updateScrollerSize()},_createPool:function _createPool(size){this._ensureTemplatized();var i,inst,physicalItems=Array(size);for(i=0;i<size;i++){inst=this.stamp(null);physicalItems[i]=inst.root.querySelector("*");this._itemsParent.appendChild(inst.root)}return physicalItems},_isClientFull:function _isClientFull(){return 0!=this._scrollBottom&&this._physicalBottom-1>=this._scrollBottom&&this._physicalTop<=this._scrollPosition},_increasePoolIfNeeded:function _increasePoolIfNeeded(count){var nextPhysicalCount=this._clamp(this._physicalCount+count,DEFAULT_PHYSICAL_COUNT,this._virtualCount-this._virtualStart);nextPhysicalCount=this._convertIndexToCompleteRow(nextPhysicalCount);if(this.grid){var correction=nextPhysicalCount%this._itemsPerRow;if(correction&&nextPhysicalCount-correction<=this._physicalCount){nextPhysicalCount+=this._itemsPerRow}nextPhysicalCount-=correction}var delta=nextPhysicalCount-this._physicalCount,nextIncrease=_Mathround(.5*this._physicalCount);if(0>delta){return}if(0<delta){var ts=window.performance.now();[].push.apply(this._physicalItems,this._createPool(delta));for(var i=0;i<delta;i++){this._physicalSizes.push(0)}this._physicalCount=this._physicalCount+delta;if(this._physicalStart>this._physicalEnd&&this._isIndexRendered(this._focusedVirtualIndex)&&this._getPhysicalIndex(this._focusedVirtualIndex)<this._physicalEnd){this._physicalStart=this._physicalStart+delta}this._update();this._templateCost=(window.performance.now()-ts)/delta;nextIncrease=_Mathround(.5*this._physicalCount)}if(this._virtualEnd>=this._virtualCount-1||0===nextIncrease){}else if(!this._isClientFull()){this._debounce("_increasePoolIfNeeded",this._increasePoolIfNeeded.bind(this,nextIncrease),MICRO_TASK)}else if(this._physicalSize<this._optPhysicalSize){this._debounce("_increasePoolIfNeeded",this._increasePoolIfNeeded.bind(this,this._clamp(_Mathround(50/this._templateCost),1,nextIncrease)),IDLE_TIME)}},_render:function _render(){if(!this.isAttached||!this._isVisible){return}if(0!==this._physicalCount){var reusables=this._getReusables(!0);this._physicalTop=reusables.physicalTop;this._virtualStart=this._virtualStart+reusables.indexes.length;this._physicalStart=this._physicalStart+reusables.indexes.length;this._update(reusables.indexes);this._update();this._increasePoolIfNeeded(0)}else if(0<this._virtualCount){this.updateViewportBoundaries();this._increasePoolIfNeeded(DEFAULT_PHYSICAL_COUNT)}},_ensureTemplatized:function _ensureTemplatized(){if(this.ctor){return}this._userTemplate=this.queryEffectiveChildren("template");if(!this._userTemplate){console.warn("iron-list requires a template to be provided in light-dom")}var instanceProps={__key__:!0};instanceProps[this.as]=!0;instanceProps[this.indexAs]=!0;instanceProps[this.selectedAs]=!0;instanceProps.tabIndex=!0;this._instanceProps=instanceProps;this.templatize(this._userTemplate,this.mutableData)},_gridChanged:function _gridChanged(newGrid,oldGrid){if("undefined"===typeof oldGrid)return;this.notifyResize();_flush.flush?(0,_flush.flush)():(0,_polymerDom.flush)();newGrid&&this._updateGridMetrics()},_itemsChanged:function _itemsChanged(change){if("items"===change.path){this._virtualStart=0;this._physicalTop=0;this._virtualCount=this.items?this.items.length:0;this._collection=null;this._physicalIndexForKey={};this._firstVisibleIndexVal=null;this._lastVisibleIndexVal=null;this._physicalCount=this._physicalCount||0;this._physicalItems=this._physicalItems||[];this._physicalSizes=this._physicalSizes||[];this._physicalStart=0;if(this._scrollTop>this._scrollOffset){this._resetScrollPosition(0)}this._removeFocusedItem();this._debounce("_render",this._render,ANIMATION_FRAME)}else if("items.splices"===change.path){this._adjustVirtualIndex(change.value.indexSplices);this._virtualCount=this.items?this.items.length:0;var itemAddedOrRemoved=change.value.indexSplices.some(function(splice){return 0<splice.addedCount||0<splice.removed.length});if(itemAddedOrRemoved){var activeElement=this._getActiveElement();if(this.contains(activeElement)){activeElement.blur()}}var affectedIndexRendered=change.value.indexSplices.some(function(splice){return splice.index+splice.addedCount>=this._virtualStart&&splice.index<=this._virtualEnd},this);if(!this._isClientFull()||affectedIndexRendered){this._debounce("_render",this._render,ANIMATION_FRAME)}}else if("items.length"!==change.path){this._forwardItemPath(change.path,change.value)}},_forwardItemPath:function _forwardItemPath(path,value){path=path.slice(6);var dot=path.indexOf(".");if(-1===dot){dot=path.length}var isIndexRendered,pidx,inst,offscreenInstance=this.modelForElement(this._offscreenFocusedItem);if(IS_V2){var vidx=parseInt(path.substring(0,dot),10);isIndexRendered=this._isIndexRendered(vidx);if(isIndexRendered){pidx=this._getPhysicalIndex(vidx);inst=this.modelForElement(this._physicalItems[pidx])}else if(offscreenInstance){inst=offscreenInstance}if(!inst||inst[this.indexAs]!==vidx){return}}else{var key=path.substring(0,dot);if(offscreenInstance&&offscreenInstance.__key__===key){inst=offscreenInstance}else{pidx=this._physicalIndexForKey[key];inst=this.modelForElement(this._physicalItems[pidx]);if(!inst||inst.__key__!==key){return}}}path=path.substring(dot+1);path=this.as+(path?"."+path:"");IS_V2?inst._setPendingPropertyOrPath(path,value,!1,!0):inst.notifyPath(path,value,!0);inst._flushProperties&&inst._flushProperties(!0);if(isIndexRendered){this._updateMetrics([pidx]);this._positionItems();this._updateScrollerSize()}},_adjustVirtualIndex:function _adjustVirtualIndex(splices){splices.forEach(function(splice){splice.removed.forEach(this._removeItem,this);if(splice.index<this._virtualStart){var delta=_Mathmax(splice.addedCount-splice.removed.length,splice.index-this._virtualStart);this._virtualStart=this._virtualStart+delta;if(0<=this._focusedVirtualIndex){this._focusedVirtualIndex=this._focusedVirtualIndex+delta}}},this)},_removeItem:function _removeItem(item){this.$.selector.deselect(item);if(this._focusedItem&&this.modelForElement(this._focusedItem)[this.as]===item){this._removeFocusedItem()}},_iterateItems:function _iterateItems(fn,itemSet){var pidx,vidx,rtn,i;if(2===arguments.length&&itemSet){for(i=0;i<itemSet.length;i++){pidx=itemSet[i];vidx=this._computeVidx(pidx);if(null!=(rtn=fn.call(this,pidx,vidx))){return rtn}}}else{pidx=this._physicalStart;vidx=this._virtualStart;for(;pidx<this._physicalCount;pidx++,vidx++){if(null!=(rtn=fn.call(this,pidx,vidx))){return rtn}}for(pidx=0;pidx<this._physicalStart;pidx++,vidx++){if(null!=(rtn=fn.call(this,pidx,vidx))){return rtn}}}},_computeVidx:function _computeVidx(pidx){if(pidx>=this._physicalStart){return this._virtualStart+(pidx-this._physicalStart)}return this._virtualStart+(this._physicalCount-this._physicalStart)+pidx},_assignModels:function _assignModels(itemSet){this._iterateItems(function(pidx,vidx){var el=this._physicalItems[pidx],item=this.items&&this.items[vidx];if(null!=item){var inst=this.modelForElement(el);inst.__key__=this._collection?this._collection.getKey(item):null;this._forwardProperty(inst,this.as,item);this._forwardProperty(inst,this.selectedAs,this.$.selector.isSelected(item));this._forwardProperty(inst,this.indexAs,vidx);this._forwardProperty(inst,"tabIndex",this._focusedVirtualIndex===vidx?0:-1);this._physicalIndexForKey[inst.__key__]=pidx;inst._flushProperties&&inst._flushProperties(!0);el.removeAttribute("hidden")}else{el.setAttribute("hidden","")}},itemSet)},_updateMetrics:function _updateMetrics(itemSet){_flush.flush?(0,_flush.flush)():(0,_polymerDom.flush)();var newPhysicalSize=0,oldPhysicalSize=0,prevAvgCount=this._physicalAverageCount,prevPhysicalAvg=this._physicalAverage;this._iterateItems(function(pidx){oldPhysicalSize+=this._physicalSizes[pidx];this._physicalSizes[pidx]=this._physicalItems[pidx].offsetHeight;newPhysicalSize+=this._physicalSizes[pidx];this._physicalAverageCount+=this._physicalSizes[pidx]?1:0},itemSet);if(this.grid){this._updateGridMetrics();this._physicalSize=_Mathceil(this._physicalCount/this._itemsPerRow)*this._rowHeight}else{oldPhysicalSize=1===this._itemsPerRow?oldPhysicalSize:_Mathceil(this._physicalCount/this._itemsPerRow)*this._rowHeight;this._physicalSize=this._physicalSize+newPhysicalSize-oldPhysicalSize;this._itemsPerRow=1}if(this._physicalAverageCount!==prevAvgCount){this._physicalAverage=_Mathround((prevPhysicalAvg*prevAvgCount+newPhysicalSize)/this._physicalAverageCount)}},_updateGridMetrics:function _updateGridMetrics(){this._itemWidth=0<this._physicalCount?this._physicalItems[0].getBoundingClientRect().width:200;this._rowHeight=0<this._physicalCount?this._physicalItems[0].offsetHeight:200;this._itemsPerRow=this._itemWidth?_Mathfloor(this._viewportWidth/this._itemWidth):this._itemsPerRow},_positionItems:function _positionItems(){this._adjustScrollPosition();var y=this._physicalTop;if(this.grid){var totalItemWidth=this._itemsPerRow*this._itemWidth,rowOffset=(this._viewportWidth-totalItemWidth)/2;this._iterateItems(function(pidx,vidx){var modulus=vidx%this._itemsPerRow,x=_Mathfloor(modulus*this._itemWidth+rowOffset);if(this._isRTL){x=-1*x}this.translate3d(x+"px",y+"px",0,this._physicalItems[pidx]);if(this._shouldRenderNextRow(vidx)){y+=this._rowHeight}})}else{this._iterateItems(function(pidx){this.translate3d(0,y+"px",0,this._physicalItems[pidx]);y+=this._physicalSizes[pidx]})}},_getPhysicalSizeIncrement:function _getPhysicalSizeIncrement(pidx){if(!this.grid){return this._physicalSizes[pidx]}if(this._computeVidx(pidx)%this._itemsPerRow!==this._itemsPerRow-1){return 0}return this._rowHeight},_shouldRenderNextRow:function _shouldRenderNextRow(vidx){return vidx%this._itemsPerRow===this._itemsPerRow-1},_adjustScrollPosition:function _adjustScrollPosition(){var deltaHeight=0===this._virtualStart?this._physicalTop:_Mathmin(this._scrollPosition+this._physicalTop,0);if(0!==deltaHeight){this._physicalTop=this._physicalTop-deltaHeight;var scrollTop=this._scrollTop;if(!IOS_TOUCH_SCROLLING&&0<scrollTop){this._resetScrollPosition(scrollTop-deltaHeight)}}},_resetScrollPosition:function _resetScrollPosition(pos){if(this.scrollTarget&&0<=pos){this._scrollTop=pos;this._scrollPosition=this._scrollTop}},_updateScrollerSize:function _updateScrollerSize(forceUpdate){if(this.grid){this._estScrollHeight=this._virtualRowCount*this._rowHeight}else{this._estScrollHeight=this._physicalBottom+_Mathmax(this._virtualCount-this._physicalCount-this._virtualStart,0)*this._physicalAverage}forceUpdate=forceUpdate||0===this._scrollHeight;forceUpdate=forceUpdate||this._scrollPosition>=this._estScrollHeight-this._physicalSize;forceUpdate=forceUpdate||this.grid&&this.$.items.style.height<this._estScrollHeight;if(forceUpdate||_Mathabs(this._estScrollHeight-this._scrollHeight)>=this._viewportHeight){this.$.items.style.height=this._estScrollHeight+"px";this._scrollHeight=this._estScrollHeight}},scrollToItem:function scrollToItem(item){return this.scrollToIndex(this.items.indexOf(item))},scrollToIndex:function scrollToIndex(idx){if("number"!==typeof idx||0>idx||idx>this.items.length-1){return}_flush.flush?(0,_flush.flush)():(0,_polymerDom.flush)();if(0===this._physicalCount){return}idx=this._clamp(idx,0,this._virtualCount-1);if(!this._isIndexRendered(idx)||idx>=this._maxVirtualStart){this._virtualStart=this.grid?idx-2*this._itemsPerRow:idx-1}this._manageFocus();this._assignModels();this._updateMetrics();this._physicalTop=_Mathfloor(this._virtualStart/this._itemsPerRow)*this._physicalAverage;var currentTopItem=this._physicalStart,currentVirtualItem=this._virtualStart,targetOffsetTop=0,hiddenContentSize=this._hiddenContentSize;while(currentVirtualItem<idx&&targetOffsetTop<=hiddenContentSize){targetOffsetTop=targetOffsetTop+this._getPhysicalSizeIncrement(currentTopItem);currentTopItem=(currentTopItem+1)%this._physicalCount;currentVirtualItem++}this._updateScrollerSize(!0);this._positionItems();this._resetScrollPosition(this._physicalTop+this._scrollOffset+targetOffsetTop);this._increasePoolIfNeeded(0);this._firstVisibleIndexVal=null;this._lastVisibleIndexVal=null},_resetAverage:function _resetAverage(){this._physicalAverage=0;this._physicalAverageCount=0},_resizeHandler:function _resizeHandler(){this._debounce("_render",function(){this._firstVisibleIndexVal=null;this._lastVisibleIndexVal=null;_Mathabs(this._viewportHeight-this._scrollTargetHeight);this.updateViewportBoundaries();if(this._isVisible){this.toggleScrollListener(!0);this._resetAverage();this._render()}else{this.toggleScrollListener(!1)}},ANIMATION_FRAME)},selectItem:function selectItem(item){return this.selectIndex(this.items.indexOf(item))},selectIndex:function selectIndex(index){if(0>index||index>=this._virtualCount){return}if(!this.multiSelection&&this.selectedItem){this.clearSelection()}if(this._isIndexRendered(index)){var model=this.modelForElement(this._physicalItems[this._getPhysicalIndex(index)]);if(model){model[this.selectedAs]=!0}this.updateSizeForIndex(index)}if(this.$.selector.selectIndex){this.$.selector.selectIndex(index)}else{this.$.selector.select(this.items[index])}},deselectItem:function deselectItem(item){return this.deselectIndex(this.items.indexOf(item))},deselectIndex:function deselectIndex(index){if(0>index||index>=this._virtualCount){return}if(this._isIndexRendered(index)){var model=this.modelForElement(this._physicalItems[this._getPhysicalIndex(index)]);model[this.selectedAs]=!1;this.updateSizeForIndex(index)}if(this.$.selector.deselectIndex){this.$.selector.deselectIndex(index)}else{this.$.selector.deselect(this.items[index])}},toggleSelectionForItem:function toggleSelectionForItem(item){return this.toggleSelectionForIndex(this.items.indexOf(item))},toggleSelectionForIndex:function toggleSelectionForIndex(index){var isSelected=this.$.selector.isIndexSelected?this.$.selector.isIndexSelected(index):this.$.selector.isSelected(this.items[index]);isSelected?this.deselectIndex(index):this.selectIndex(index)},clearSelection:function clearSelection(){this._iterateItems(function(pidx){this.modelForElement(this._physicalItems[pidx])[this.selectedAs]=!1});this.$.selector.clearSelection()},_selectionEnabledChanged:function _selectionEnabledChanged(selectionEnabled){var handler=selectionEnabled?this.listen:this.unlisten;handler.call(this,this,"tap","_selectionHandler")},_selectionHandler:function _selectionHandler(e){var model=this.modelForElement(e.target);if(!model){return}var modelTabIndex,activeElTabIndex,target=(0,_polymerDom.dom)(e).path[0],activeEl=this._getActiveElement(),physicalItem=this._physicalItems[this._getPhysicalIndex(model[this.indexAs])];if("input"===target.localName||"button"===target.localName||"select"===target.localName){return}modelTabIndex=model.tabIndex;model.tabIndex=SECRET_TABINDEX;activeElTabIndex=activeEl?activeEl.tabIndex:-1;model.tabIndex=modelTabIndex;if(activeEl&&physicalItem!==activeEl&&physicalItem.contains(activeEl)&&activeElTabIndex!==SECRET_TABINDEX){return}this.toggleSelectionForItem(model[this.as])},_multiSelectionChanged:function _multiSelectionChanged(multiSelection){this.clearSelection();this.$.selector.multi=multiSelection},updateSizeForItem:function updateSizeForItem(item){return this.updateSizeForIndex(this.items.indexOf(item))},updateSizeForIndex:function updateSizeForIndex(index){if(!this._isIndexRendered(index)){return null}this._updateMetrics([this._getPhysicalIndex(index)]);this._positionItems();return null},_manageFocus:function _manageFocus(){var fidx=this._focusedVirtualIndex;if(0<=fidx&&fidx<this._virtualCount){if(this._isIndexRendered(fidx)){this._restoreFocusedItem()}else{this._createFocusBackfillItem()}}else if(0<this._virtualCount&&0<this._physicalCount){this._focusedPhysicalIndex=this._physicalStart;this._focusedVirtualIndex=this._virtualStart;this._focusedItem=this._physicalItems[this._physicalStart]}},_convertIndexToCompleteRow:function _convertIndexToCompleteRow(idx){this._itemsPerRow=this._itemsPerRow||1;return this.grid?_Mathceil(idx/this._itemsPerRow)*this._itemsPerRow:idx},_isIndexRendered:function _isIndexRendered(idx){return idx>=this._virtualStart&&idx<=this._virtualEnd},_isIndexVisible:function _isIndexVisible(idx){return idx>=this.firstVisibleIndex&&idx<=this.lastVisibleIndex},_getPhysicalIndex:function _getPhysicalIndex(vidx){return IS_V2?(this._physicalStart+(vidx-this._virtualStart))%this._physicalCount:this._physicalIndexForKey[this._collection.getKey(this.items[vidx])]},focusItem:function focusItem(idx){this._focusPhysicalItem(idx)},_focusPhysicalItem:function _focusPhysicalItem(idx){if(0>idx||idx>=this._virtualCount){return}this._restoreFocusedItem();if(!this._isIndexRendered(idx)){this.scrollToIndex(idx)}var physicalItem=this._physicalItems[this._getPhysicalIndex(idx)],model=this.modelForElement(physicalItem),focusable;model.tabIndex=SECRET_TABINDEX;if(physicalItem.tabIndex===SECRET_TABINDEX){focusable=physicalItem}if(!focusable){focusable=(0,_polymerDom.dom)(physicalItem).querySelector("[tabindex=\""+SECRET_TABINDEX+"\"]")}model.tabIndex=0;this._focusedVirtualIndex=idx;focusable&&focusable.focus()},_removeFocusedItem:function _removeFocusedItem(){if(this._offscreenFocusedItem){this._itemsParent.removeChild(this._offscreenFocusedItem)}this._offscreenFocusedItem=null;this._focusBackfillItem=null;this._focusedItem=null;this._focusedVirtualIndex=-1;this._focusedPhysicalIndex=-1},_createFocusBackfillItem:function _createFocusBackfillItem(){var fpidx=this._focusedPhysicalIndex;if(this._offscreenFocusedItem||0>this._focusedVirtualIndex){return}if(!this._focusBackfillItem){var inst=this.stamp(null);this._focusBackfillItem=inst.root.querySelector("*");this._itemsParent.appendChild(inst.root)}this._offscreenFocusedItem=this._physicalItems[fpidx];this.modelForElement(this._offscreenFocusedItem).tabIndex=0;this._physicalItems[fpidx]=this._focusBackfillItem;this._focusedPhysicalIndex=fpidx;this.translate3d(0,HIDDEN_Y,0,this._offscreenFocusedItem)},_restoreFocusedItem:function _restoreFocusedItem(){if(!this._offscreenFocusedItem||0>this._focusedVirtualIndex){return}this._assignModels();var fpidx=this._focusedPhysicalIndex=this._getPhysicalIndex(this._focusedVirtualIndex),onScreenItem=this._physicalItems[fpidx];if(!onScreenItem){return}var onScreenInstance=this.modelForElement(onScreenItem),offScreenInstance=this.modelForElement(this._offscreenFocusedItem);if(onScreenInstance[this.as]===offScreenInstance[this.as]){this._focusBackfillItem=onScreenItem;onScreenInstance.tabIndex=-1;this._physicalItems[fpidx]=this._offscreenFocusedItem;this.translate3d(0,HIDDEN_Y,0,this._focusBackfillItem)}else{this._removeFocusedItem();this._focusBackfillItem=null}this._offscreenFocusedItem=null},_didFocus:function _didFocus(e){var targetModel=this.modelForElement(e.target),focusedModel=this.modelForElement(this._focusedItem),hasOffscreenFocusedItem=null!==this._offscreenFocusedItem,fidx=this._focusedVirtualIndex;if(!targetModel){return}if(focusedModel===targetModel){if(!this._isIndexVisible(fidx)){this.scrollToIndex(fidx)}}else{this._restoreFocusedItem();if(focusedModel){focusedModel.tabIndex=-1}targetModel.tabIndex=0;fidx=targetModel[this.indexAs];this._focusedVirtualIndex=fidx;this._focusedPhysicalIndex=this._getPhysicalIndex(fidx);this._focusedItem=this._physicalItems[this._focusedPhysicalIndex];if(hasOffscreenFocusedItem&&!this._offscreenFocusedItem){this._update()}}},_keydownHandler:function _keydownHandler(e){switch(e.keyCode){case 40:if(this._focusedVirtualIndex<this._virtualCount-1)e.preventDefault();this._focusPhysicalItem(this._focusedVirtualIndex+(this.grid?this._itemsPerRow:1));break;case 39:if(this.grid)this._focusPhysicalItem(this._focusedVirtualIndex+(this._isRTL?-1:1));break;case 38:if(0<this._focusedVirtualIndex)e.preventDefault();this._focusPhysicalItem(this._focusedVirtualIndex-(this.grid?this._itemsPerRow:1));break;case 37:if(this.grid)this._focusPhysicalItem(this._focusedVirtualIndex+(this._isRTL?1:-1));break;case 13:this._focusPhysicalItem(this._focusedVirtualIndex);if(this.selectionEnabled)this._selectionHandler(e);break;}},_clamp:function _clamp(v,min,max){return _Mathmin(max,_Mathmax(min,v))},_debounce:function _debounce(name,cb,asyncModule){if(IS_V2){this._debouncers=this._debouncers||{};this._debouncers[name]=_debounce2.Debouncer.debounce(this._debouncers[name],asyncModule,cb.bind(this));(0,_flush.enqueueDebouncer)(this._debouncers[name])}else{(0,_polymerDom.addDebouncer)(this.debounce(name,cb))}},_forwardProperty:function _forwardProperty(inst,name,value){if(IS_V2){inst._setPendingProperty(name,value)}else{inst[name]=value}},_forwardHostPropV2:function _forwardHostPropV2(prop,value){(this._physicalItems||[]).concat([this._offscreenFocusedItem,this._focusBackfillItem]).forEach(function(item){if(item){this.modelForElement(item).forwardHostProp(prop,value)}},this)},_notifyInstancePropV2:function _notifyInstancePropV2(inst,prop,value){if((0,_path.matches)(this.as,prop)){var idx=inst[this.indexAs];if(prop==this.as){this.items[idx]=value}this.notifyPath((0,_path.translate)(this.as,"items."+idx,prop),value)}},_getStampedChildren:function _getStampedChildren(){return this._physicalItems},_forwardInstancePath:function _forwardInstancePath(inst,path,value){if(0===path.indexOf(this.as+".")){this.notifyPath("items."+inst.__key__+"."+path.slice(this.as.length+1),value)}},_forwardParentPath:function _forwardParentPath(path,value){(this._physicalItems||[]).concat([this._offscreenFocusedItem,this._focusBackfillItem]).forEach(function(item){if(item){this.modelForElement(item).notifyPath(path,value,!0)}},this)},_forwardParentProp:function _forwardParentProp(prop,value){(this._physicalItems||[]).concat([this._offscreenFocusedItem,this._focusBackfillItem]).forEach(function(item){if(item){this.modelForElement(item)[prop]=value}},this)},_getActiveElement:function _getActiveElement(){var itemsHost=this._itemsParent.node.domHost;return(0,_polymerDom.dom)(itemsHost?itemsHost.root:document).activeElement}})});
\ No newline at end of file
+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"],function(_polymerLegacy,_ironA11yKeysBehavior,_ironResizableBehavior,_ironScrollTargetBehavior,_mutableDataBehavior,_polymerFn,_polymerDom,_templatizerBehavior,_async,_debounce2,_flush,_htmlTag,_path){"use strict";var _Mathfloor=Math.floor,_Mathround=Math.round,_Mathabs=Math.abs,_Mathceil=Math.ceil,_Mathmin=Math.min,_Mathmax=Math.max;function _templateObject_052cc490555211e98f439769bd191e33(){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_052cc490555211e98f439769bd191e33=function(){return data};return data}var IOS=navigator.userAgent.match(/iP(?:hone|ad;(?: U;)? CPU) OS (\d+)/),IOS_TOUCH_SCROLLING=IOS&&8<=IOS[1],DEFAULT_PHYSICAL_COUNT=3,HIDDEN_Y="-10000px",SECRET_TABINDEX=-100,IS_V2=null!=_flush.flush,ANIMATION_FRAME=IS_V2?_async.animationFrame:0,IDLE_TIME=IS_V2?_async.idlePeriod:1,MICRO_TASK=IS_V2?_async.microTask:2;if(!_mutableDataBehavior.OptionalMutableDataBehavior){Polymer.OptionalMutableDataBehavior={}}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_052cc490555211e98f439769bd191e33()),is:"iron-list",properties:{items:{type:Array},as:{type:String,value:"item"},indexAs:{type:String,value:"index"},selectedAs:{type:String,value:"selected"},grid:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_gridChanged"},selectionEnabled:{type:Boolean,value:!1},selectedItem:{type:Object,notify:!0},selectedItems:{type:Object,notify:!0},multiSelection:{type:Boolean,value:!1},scrollOffset:{type:Number,value:0}},observers:["_itemsChanged(items.*)","_selectionEnabledChanged(selectionEnabled)","_multiSelectionChanged(multiSelection)","_setOverflow(scrollTarget, scrollOffset)"],behaviors:[_templatizerBehavior.Templatizer,_ironResizableBehavior.IronResizableBehavior,_ironScrollTargetBehavior.IronScrollTargetBehavior,_mutableDataBehavior.OptionalMutableDataBehavior],_ratio:.5,_scrollerPaddingTop:0,_scrollPosition:0,_physicalSize:0,_physicalAverage:0,_physicalAverageCount:0,_physicalTop:0,_virtualCount:0,_estScrollHeight:0,_scrollHeight:0,_viewportHeight:0,_viewportWidth:0,_physicalItems:null,_physicalSizes:null,_firstVisibleIndexVal:null,_collection:null,_lastVisibleIndexVal:null,_maxPages:2,_focusedItem:null,_focusedVirtualIndex:-1,_focusedPhysicalIndex:-1,_offscreenFocusedItem:null,_focusBackfillItem:null,_itemsPerRow:1,_itemWidth:0,_rowHeight:0,_templateCost:0,_parentModel:!0,get _physicalBottom(){return this._physicalTop+this._physicalSize},get _scrollBottom(){return this._scrollPosition+this._viewportHeight},get _virtualEnd(){return this._virtualStart+this._physicalCount-1},get _hiddenContentSize(){var size=this.grid?this._physicalRows*this._rowHeight:this._physicalSize;return size-this._viewportHeight},get _itemsParent(){return(0,_polymerDom.dom)((0,_polymerDom.dom)(this._userTemplate).parentNode)},get _maxScrollTop(){return this._estScrollHeight-this._viewportHeight+this._scrollOffset},get _maxVirtualStart(){var virtualCount=this._convertIndexToCompleteRow(this._virtualCount);return _Mathmax(0,virtualCount-this._physicalCount)},set _virtualStart(val){val=this._clamp(val,0,this._maxVirtualStart);if(this.grid){val=val-val%this._itemsPerRow}this._virtualStartVal=val},get _virtualStart(){return this._virtualStartVal||0},set _physicalStart(val){val=val%this._physicalCount;if(0>val){val=this._physicalCount+val}if(this.grid){val=val-val%this._itemsPerRow}this._physicalStartVal=val},get _physicalStart(){return this._physicalStartVal||0},get _physicalEnd(){return(this._physicalStart+this._physicalCount-1)%this._physicalCount},set _physicalCount(val){this._physicalCountVal=val},get _physicalCount(){return this._physicalCountVal||0},get _optPhysicalSize(){return 0===this._viewportHeight?1/0:this._viewportHeight*this._maxPages},get _isVisible(){return!!(this.offsetWidth||this.offsetHeight)},get firstVisibleIndex(){var idx=this._firstVisibleIndexVal;if(null==idx){var physicalOffset=this._physicalTop+this._scrollOffset;idx=this._iterateItems(function(pidx,vidx){physicalOffset+=this._getPhysicalSizeIncrement(pidx);if(physicalOffset>this._scrollPosition){return this.grid?vidx-vidx%this._itemsPerRow:vidx}if(this.grid&&this._virtualCount-1===vidx){return vidx-vidx%this._itemsPerRow}})||0;this._firstVisibleIndexVal=idx}return idx},get lastVisibleIndex(){var idx=this._lastVisibleIndexVal;if(null==idx){if(this.grid){idx=_Mathmin(this._virtualCount,this.firstVisibleIndex+this._estRowsInView*this._itemsPerRow-1)}else{var physicalOffset=this._physicalTop+this._scrollOffset;this._iterateItems(function(pidx,vidx){if(physicalOffset<this._scrollBottom){idx=vidx}physicalOffset+=this._getPhysicalSizeIncrement(pidx)})}this._lastVisibleIndexVal=idx}return idx},get _defaultScrollTarget(){return this},get _virtualRowCount(){return _Mathceil(this._virtualCount/this._itemsPerRow)},get _estRowsInView(){return _Mathceil(this._viewportHeight/this._rowHeight)},get _physicalRows(){return _Mathceil(this._physicalCount/this._itemsPerRow)},get _scrollOffset(){return this._scrollerPaddingTop+this.scrollOffset},ready:function ready(){this.addEventListener("focus",this._didFocus.bind(this),!0)},attached:function attached(){this._debounce("_render",this._render,ANIMATION_FRAME);this.listen(this,"iron-resize","_resizeHandler");this.listen(this,"keydown","_keydownHandler")},detached:function detached(){this.unlisten(this,"iron-resize","_resizeHandler");this.unlisten(this,"keydown","_keydownHandler")},_setOverflow:function _setOverflow(scrollTarget){this.style.webkitOverflowScrolling=scrollTarget===this?"touch":"";this.style.overflowY=scrollTarget===this?"auto":"";this._lastVisibleIndexVal=null;this._firstVisibleIndexVal=null;this._debounce("_render",this._render,ANIMATION_FRAME)},updateViewportBoundaries:function updateViewportBoundaries(){var styles=window.getComputedStyle(this);this._scrollerPaddingTop=this.scrollTarget===this?0:parseInt(styles["padding-top"],10);this._isRTL=!!("rtl"===styles.direction);this._viewportWidth=this.$.items.offsetWidth;this._viewportHeight=this._scrollTargetHeight;this.grid&&this._updateGridMetrics()},_scrollHandler:function _scrollHandler(){var scrollTop=_Mathmax(0,_Mathmin(this._maxScrollTop,this._scrollTop)),delta=scrollTop-this._scrollPosition,isScrollingDown=0<=delta;this._scrollPosition=scrollTop;this._firstVisibleIndexVal=null;this._lastVisibleIndexVal=null;if(_Mathabs(delta)>this._physicalSize&&0<this._physicalSize){delta=delta-this._scrollOffset;var idxAdjustment=_Mathround(delta/this._physicalAverage)*this._itemsPerRow;this._virtualStart=this._virtualStart+idxAdjustment;this._physicalStart=this._physicalStart+idxAdjustment;this._physicalTop=_Mathfloor(this._virtualStart/this._itemsPerRow)*this._physicalAverage;this._update()}else if(0<this._physicalCount){var reusables=this._getReusables(isScrollingDown);if(isScrollingDown){this._physicalTop=reusables.physicalTop;this._virtualStart=this._virtualStart+reusables.indexes.length;this._physicalStart=this._physicalStart+reusables.indexes.length}else{this._virtualStart=this._virtualStart-reusables.indexes.length;this._physicalStart=this._physicalStart-reusables.indexes.length}this._update(reusables.indexes,isScrollingDown?null:reusables.indexes);this._debounce("_increasePoolIfNeeded",this._increasePoolIfNeeded.bind(this,0),MICRO_TASK)}},_getReusables:function _getReusables(fromTop){var ith,offsetContent,physicalItemHeight,idxs=[],protectedOffsetContent=this._hiddenContentSize*this._ratio,virtualStart=this._virtualStart,virtualEnd=this._virtualEnd,physicalCount=this._physicalCount,top=this._physicalTop+this._scrollOffset,bottom=this._physicalBottom+this._scrollOffset,scrollTop=this._scrollTop,scrollBottom=this._scrollBottom;if(fromTop){ith=this._physicalStart;this._physicalEnd;offsetContent=scrollTop-top}else{ith=this._physicalEnd;this._physicalStart;offsetContent=bottom-scrollBottom}while(!0){physicalItemHeight=this._getPhysicalSizeIncrement(ith);offsetContent=offsetContent-physicalItemHeight;if(idxs.length>=physicalCount||offsetContent<=protectedOffsetContent){break}if(fromTop){if(virtualEnd+idxs.length+1>=this._virtualCount){break}if(top+physicalItemHeight>=scrollTop-this._scrollOffset){break}idxs.push(ith);top=top+physicalItemHeight;ith=(ith+1)%physicalCount}else{if(0>=virtualStart-idxs.length){break}if(top+this._physicalSize-physicalItemHeight<=scrollBottom){break}idxs.push(ith);top=top-physicalItemHeight;ith=0===ith?physicalCount-1:ith-1}}return{indexes:idxs,physicalTop:top-this._scrollOffset}},_update:function _update(itemSet,movingUp){if(itemSet&&0===itemSet.length||0===this._physicalCount){return}this._manageFocus();this._assignModels(itemSet);this._updateMetrics(itemSet);if(movingUp){while(movingUp.length){var idx=movingUp.pop();this._physicalTop-=this._getPhysicalSizeIncrement(idx)}}this._positionItems();this._updateScrollerSize()},_createPool:function _createPool(size){this._ensureTemplatized();var i,inst,physicalItems=Array(size);for(i=0;i<size;i++){inst=this.stamp(null);physicalItems[i]=inst.root.querySelector("*");this._itemsParent.appendChild(inst.root)}return physicalItems},_isClientFull:function _isClientFull(){return 0!=this._scrollBottom&&this._physicalBottom-1>=this._scrollBottom&&this._physicalTop<=this._scrollPosition},_increasePoolIfNeeded:function _increasePoolIfNeeded(count){var nextPhysicalCount=this._clamp(this._physicalCount+count,DEFAULT_PHYSICAL_COUNT,this._virtualCount-this._virtualStart);nextPhysicalCount=this._convertIndexToCompleteRow(nextPhysicalCount);if(this.grid){var correction=nextPhysicalCount%this._itemsPerRow;if(correction&&nextPhysicalCount-correction<=this._physicalCount){nextPhysicalCount+=this._itemsPerRow}nextPhysicalCount-=correction}var delta=nextPhysicalCount-this._physicalCount,nextIncrease=_Mathround(.5*this._physicalCount);if(0>delta){return}if(0<delta){var ts=window.performance.now();[].push.apply(this._physicalItems,this._createPool(delta));for(var i=0;i<delta;i++){this._physicalSizes.push(0)}this._physicalCount=this._physicalCount+delta;if(this._physicalStart>this._physicalEnd&&this._isIndexRendered(this._focusedVirtualIndex)&&this._getPhysicalIndex(this._focusedVirtualIndex)<this._physicalEnd){this._physicalStart=this._physicalStart+delta}this._update();this._templateCost=(window.performance.now()-ts)/delta;nextIncrease=_Mathround(.5*this._physicalCount)}if(this._virtualEnd>=this._virtualCount-1||0===nextIncrease){}else if(!this._isClientFull()){this._debounce("_increasePoolIfNeeded",this._increasePoolIfNeeded.bind(this,nextIncrease),MICRO_TASK)}else if(this._physicalSize<this._optPhysicalSize){this._debounce("_increasePoolIfNeeded",this._increasePoolIfNeeded.bind(this,this._clamp(_Mathround(50/this._templateCost),1,nextIncrease)),IDLE_TIME)}},_render:function _render(){if(!this.isAttached||!this._isVisible){return}if(0!==this._physicalCount){var reusables=this._getReusables(!0);this._physicalTop=reusables.physicalTop;this._virtualStart=this._virtualStart+reusables.indexes.length;this._physicalStart=this._physicalStart+reusables.indexes.length;this._update(reusables.indexes);this._update();this._increasePoolIfNeeded(0)}else if(0<this._virtualCount){this.updateViewportBoundaries();this._increasePoolIfNeeded(DEFAULT_PHYSICAL_COUNT)}},_ensureTemplatized:function _ensureTemplatized(){if(this.ctor){return}this._userTemplate=this.queryEffectiveChildren("template");if(!this._userTemplate){console.warn("iron-list requires a template to be provided in light-dom")}var instanceProps={__key__:!0};instanceProps[this.as]=!0;instanceProps[this.indexAs]=!0;instanceProps[this.selectedAs]=!0;instanceProps.tabIndex=!0;this._instanceProps=instanceProps;this.templatize(this._userTemplate,this.mutableData)},_gridChanged:function _gridChanged(newGrid,oldGrid){if("undefined"===typeof oldGrid)return;this.notifyResize();_flush.flush?(0,_flush.flush)():(0,_polymerDom.flush)();newGrid&&this._updateGridMetrics()},_itemsChanged:function _itemsChanged(change){if("items"===change.path){this._virtualStart=0;this._physicalTop=0;this._virtualCount=this.items?this.items.length:0;this._collection=null;this._physicalIndexForKey={};this._firstVisibleIndexVal=null;this._lastVisibleIndexVal=null;this._physicalCount=this._physicalCount||0;this._physicalItems=this._physicalItems||[];this._physicalSizes=this._physicalSizes||[];this._physicalStart=0;if(this._scrollTop>this._scrollOffset){this._resetScrollPosition(0)}this._removeFocusedItem();this._debounce("_render",this._render,ANIMATION_FRAME)}else if("items.splices"===change.path){this._adjustVirtualIndex(change.value.indexSplices);this._virtualCount=this.items?this.items.length:0;var itemAddedOrRemoved=change.value.indexSplices.some(function(splice){return 0<splice.addedCount||0<splice.removed.length});if(itemAddedOrRemoved){var activeElement=this._getActiveElement();if(this.contains(activeElement)){activeElement.blur()}}var affectedIndexRendered=change.value.indexSplices.some(function(splice){return splice.index+splice.addedCount>=this._virtualStart&&splice.index<=this._virtualEnd},this);if(!this._isClientFull()||affectedIndexRendered){this._debounce("_render",this._render,ANIMATION_FRAME)}}else if("items.length"!==change.path){this._forwardItemPath(change.path,change.value)}},_forwardItemPath:function _forwardItemPath(path,value){path=path.slice(6);var dot=path.indexOf(".");if(-1===dot){dot=path.length}var isIndexRendered,pidx,inst,offscreenInstance=this.modelForElement(this._offscreenFocusedItem);if(IS_V2){var vidx=parseInt(path.substring(0,dot),10);isIndexRendered=this._isIndexRendered(vidx);if(isIndexRendered){pidx=this._getPhysicalIndex(vidx);inst=this.modelForElement(this._physicalItems[pidx])}else if(offscreenInstance){inst=offscreenInstance}if(!inst||inst[this.indexAs]!==vidx){return}}else{var key=path.substring(0,dot);if(offscreenInstance&&offscreenInstance.__key__===key){inst=offscreenInstance}else{pidx=this._physicalIndexForKey[key];inst=this.modelForElement(this._physicalItems[pidx]);if(!inst||inst.__key__!==key){return}}}path=path.substring(dot+1);path=this.as+(path?"."+path:"");IS_V2?inst._setPendingPropertyOrPath(path,value,!1,!0):inst.notifyPath(path,value,!0);inst._flushProperties&&inst._flushProperties(!0);if(isIndexRendered){this._updateMetrics([pidx]);this._positionItems();this._updateScrollerSize()}},_adjustVirtualIndex:function _adjustVirtualIndex(splices){splices.forEach(function(splice){splice.removed.forEach(this._removeItem,this);if(splice.index<this._virtualStart){var delta=_Mathmax(splice.addedCount-splice.removed.length,splice.index-this._virtualStart);this._virtualStart=this._virtualStart+delta;if(0<=this._focusedVirtualIndex){this._focusedVirtualIndex=this._focusedVirtualIndex+delta}}},this)},_removeItem:function _removeItem(item){this.$.selector.deselect(item);if(this._focusedItem&&this.modelForElement(this._focusedItem)[this.as]===item){this._removeFocusedItem()}},_iterateItems:function _iterateItems(fn,itemSet){var pidx,vidx,rtn,i;if(2===arguments.length&&itemSet){for(i=0;i<itemSet.length;i++){pidx=itemSet[i];vidx=this._computeVidx(pidx);if(null!=(rtn=fn.call(this,pidx,vidx))){return rtn}}}else{pidx=this._physicalStart;vidx=this._virtualStart;for(;pidx<this._physicalCount;pidx++,vidx++){if(null!=(rtn=fn.call(this,pidx,vidx))){return rtn}}for(pidx=0;pidx<this._physicalStart;pidx++,vidx++){if(null!=(rtn=fn.call(this,pidx,vidx))){return rtn}}}},_computeVidx:function _computeVidx(pidx){if(pidx>=this._physicalStart){return this._virtualStart+(pidx-this._physicalStart)}return this._virtualStart+(this._physicalCount-this._physicalStart)+pidx},_assignModels:function _assignModels(itemSet){this._iterateItems(function(pidx,vidx){var el=this._physicalItems[pidx],item=this.items&&this.items[vidx];if(null!=item){var inst=this.modelForElement(el);inst.__key__=this._collection?this._collection.getKey(item):null;this._forwardProperty(inst,this.as,item);this._forwardProperty(inst,this.selectedAs,this.$.selector.isSelected(item));this._forwardProperty(inst,this.indexAs,vidx);this._forwardProperty(inst,"tabIndex",this._focusedVirtualIndex===vidx?0:-1);this._physicalIndexForKey[inst.__key__]=pidx;inst._flushProperties&&inst._flushProperties(!0);el.removeAttribute("hidden")}else{el.setAttribute("hidden","")}},itemSet)},_updateMetrics:function _updateMetrics(itemSet){_flush.flush?(0,_flush.flush)():(0,_polymerDom.flush)();var newPhysicalSize=0,oldPhysicalSize=0,prevAvgCount=this._physicalAverageCount,prevPhysicalAvg=this._physicalAverage;this._iterateItems(function(pidx){oldPhysicalSize+=this._physicalSizes[pidx];this._physicalSizes[pidx]=this._physicalItems[pidx].offsetHeight;newPhysicalSize+=this._physicalSizes[pidx];this._physicalAverageCount+=this._physicalSizes[pidx]?1:0},itemSet);if(this.grid){this._updateGridMetrics();this._physicalSize=_Mathceil(this._physicalCount/this._itemsPerRow)*this._rowHeight}else{oldPhysicalSize=1===this._itemsPerRow?oldPhysicalSize:_Mathceil(this._physicalCount/this._itemsPerRow)*this._rowHeight;this._physicalSize=this._physicalSize+newPhysicalSize-oldPhysicalSize;this._itemsPerRow=1}if(this._physicalAverageCount!==prevAvgCount){this._physicalAverage=_Mathround((prevPhysicalAvg*prevAvgCount+newPhysicalSize)/this._physicalAverageCount)}},_updateGridMetrics:function _updateGridMetrics(){this._itemWidth=0<this._physicalCount?this._physicalItems[0].getBoundingClientRect().width:200;this._rowHeight=0<this._physicalCount?this._physicalItems[0].offsetHeight:200;this._itemsPerRow=this._itemWidth?_Mathfloor(this._viewportWidth/this._itemWidth):this._itemsPerRow},_positionItems:function _positionItems(){this._adjustScrollPosition();var y=this._physicalTop;if(this.grid){var totalItemWidth=this._itemsPerRow*this._itemWidth,rowOffset=(this._viewportWidth-totalItemWidth)/2;this._iterateItems(function(pidx,vidx){var modulus=vidx%this._itemsPerRow,x=_Mathfloor(modulus*this._itemWidth+rowOffset);if(this._isRTL){x=-1*x}this.translate3d(x+"px",y+"px",0,this._physicalItems[pidx]);if(this._shouldRenderNextRow(vidx)){y+=this._rowHeight}})}else{this._iterateItems(function(pidx){this.translate3d(0,y+"px",0,this._physicalItems[pidx]);y+=this._physicalSizes[pidx]})}},_getPhysicalSizeIncrement:function _getPhysicalSizeIncrement(pidx){if(!this.grid){return this._physicalSizes[pidx]}if(this._computeVidx(pidx)%this._itemsPerRow!==this._itemsPerRow-1){return 0}return this._rowHeight},_shouldRenderNextRow:function _shouldRenderNextRow(vidx){return vidx%this._itemsPerRow===this._itemsPerRow-1},_adjustScrollPosition:function _adjustScrollPosition(){var deltaHeight=0===this._virtualStart?this._physicalTop:_Mathmin(this._scrollPosition+this._physicalTop,0);if(0!==deltaHeight){this._physicalTop=this._physicalTop-deltaHeight;var scrollTop=this._scrollTop;if(!IOS_TOUCH_SCROLLING&&0<scrollTop){this._resetScrollPosition(scrollTop-deltaHeight)}}},_resetScrollPosition:function _resetScrollPosition(pos){if(this.scrollTarget&&0<=pos){this._scrollTop=pos;this._scrollPosition=this._scrollTop}},_updateScrollerSize:function _updateScrollerSize(forceUpdate){if(this.grid){this._estScrollHeight=this._virtualRowCount*this._rowHeight}else{this._estScrollHeight=this._physicalBottom+_Mathmax(this._virtualCount-this._physicalCount-this._virtualStart,0)*this._physicalAverage}forceUpdate=forceUpdate||0===this._scrollHeight;forceUpdate=forceUpdate||this._scrollPosition>=this._estScrollHeight-this._physicalSize;forceUpdate=forceUpdate||this.grid&&this.$.items.style.height<this._estScrollHeight;if(forceUpdate||_Mathabs(this._estScrollHeight-this._scrollHeight)>=this._viewportHeight){this.$.items.style.height=this._estScrollHeight+"px";this._scrollHeight=this._estScrollHeight}},scrollToItem:function scrollToItem(item){return this.scrollToIndex(this.items.indexOf(item))},scrollToIndex:function scrollToIndex(idx){if("number"!==typeof idx||0>idx||idx>this.items.length-1){return}_flush.flush?(0,_flush.flush)():(0,_polymerDom.flush)();if(0===this._physicalCount){return}idx=this._clamp(idx,0,this._virtualCount-1);if(!this._isIndexRendered(idx)||idx>=this._maxVirtualStart){this._virtualStart=this.grid?idx-2*this._itemsPerRow:idx-1}this._manageFocus();this._assignModels();this._updateMetrics();this._physicalTop=_Mathfloor(this._virtualStart/this._itemsPerRow)*this._physicalAverage;var currentTopItem=this._physicalStart,currentVirtualItem=this._virtualStart,targetOffsetTop=0,hiddenContentSize=this._hiddenContentSize;while(currentVirtualItem<idx&&targetOffsetTop<=hiddenContentSize){targetOffsetTop=targetOffsetTop+this._getPhysicalSizeIncrement(currentTopItem);currentTopItem=(currentTopItem+1)%this._physicalCount;currentVirtualItem++}this._updateScrollerSize(!0);this._positionItems();this._resetScrollPosition(this._physicalTop+this._scrollOffset+targetOffsetTop);this._increasePoolIfNeeded(0);this._firstVisibleIndexVal=null;this._lastVisibleIndexVal=null},_resetAverage:function _resetAverage(){this._physicalAverage=0;this._physicalAverageCount=0},_resizeHandler:function _resizeHandler(){this._debounce("_render",function(){this._firstVisibleIndexVal=null;this._lastVisibleIndexVal=null;_Mathabs(this._viewportHeight-this._scrollTargetHeight);this.updateViewportBoundaries();if(this._isVisible){this.toggleScrollListener(!0);this._resetAverage();this._render()}else{this.toggleScrollListener(!1)}},ANIMATION_FRAME)},selectItem:function selectItem(item){return this.selectIndex(this.items.indexOf(item))},selectIndex:function selectIndex(index){if(0>index||index>=this._virtualCount){return}if(!this.multiSelection&&this.selectedItem){this.clearSelection()}if(this._isIndexRendered(index)){var model=this.modelForElement(this._physicalItems[this._getPhysicalIndex(index)]);if(model){model[this.selectedAs]=!0}this.updateSizeForIndex(index)}if(this.$.selector.selectIndex){this.$.selector.selectIndex(index)}else{this.$.selector.select(this.items[index])}},deselectItem:function deselectItem(item){return this.deselectIndex(this.items.indexOf(item))},deselectIndex:function deselectIndex(index){if(0>index||index>=this._virtualCount){return}if(this._isIndexRendered(index)){var model=this.modelForElement(this._physicalItems[this._getPhysicalIndex(index)]);model[this.selectedAs]=!1;this.updateSizeForIndex(index)}if(this.$.selector.deselectIndex){this.$.selector.deselectIndex(index)}else{this.$.selector.deselect(this.items[index])}},toggleSelectionForItem:function toggleSelectionForItem(item){return this.toggleSelectionForIndex(this.items.indexOf(item))},toggleSelectionForIndex:function toggleSelectionForIndex(index){var isSelected=this.$.selector.isIndexSelected?this.$.selector.isIndexSelected(index):this.$.selector.isSelected(this.items[index]);isSelected?this.deselectIndex(index):this.selectIndex(index)},clearSelection:function clearSelection(){this._iterateItems(function(pidx){this.modelForElement(this._physicalItems[pidx])[this.selectedAs]=!1});this.$.selector.clearSelection()},_selectionEnabledChanged:function _selectionEnabledChanged(selectionEnabled){var handler=selectionEnabled?this.listen:this.unlisten;handler.call(this,this,"tap","_selectionHandler")},_selectionHandler:function _selectionHandler(e){var model=this.modelForElement(e.target);if(!model){return}var modelTabIndex,activeElTabIndex,target=(0,_polymerDom.dom)(e).path[0],activeEl=this._getActiveElement(),physicalItem=this._physicalItems[this._getPhysicalIndex(model[this.indexAs])];if("input"===target.localName||"button"===target.localName||"select"===target.localName){return}modelTabIndex=model.tabIndex;model.tabIndex=SECRET_TABINDEX;activeElTabIndex=activeEl?activeEl.tabIndex:-1;model.tabIndex=modelTabIndex;if(activeEl&&physicalItem!==activeEl&&physicalItem.contains(activeEl)&&activeElTabIndex!==SECRET_TABINDEX){return}this.toggleSelectionForItem(model[this.as])},_multiSelectionChanged:function _multiSelectionChanged(multiSelection){this.clearSelection();this.$.selector.multi=multiSelection},updateSizeForItem:function updateSizeForItem(item){return this.updateSizeForIndex(this.items.indexOf(item))},updateSizeForIndex:function updateSizeForIndex(index){if(!this._isIndexRendered(index)){return null}this._updateMetrics([this._getPhysicalIndex(index)]);this._positionItems();return null},_manageFocus:function _manageFocus(){var fidx=this._focusedVirtualIndex;if(0<=fidx&&fidx<this._virtualCount){if(this._isIndexRendered(fidx)){this._restoreFocusedItem()}else{this._createFocusBackfillItem()}}else if(0<this._virtualCount&&0<this._physicalCount){this._focusedPhysicalIndex=this._physicalStart;this._focusedVirtualIndex=this._virtualStart;this._focusedItem=this._physicalItems[this._physicalStart]}},_convertIndexToCompleteRow:function _convertIndexToCompleteRow(idx){this._itemsPerRow=this._itemsPerRow||1;return this.grid?_Mathceil(idx/this._itemsPerRow)*this._itemsPerRow:idx},_isIndexRendered:function _isIndexRendered(idx){return idx>=this._virtualStart&&idx<=this._virtualEnd},_isIndexVisible:function _isIndexVisible(idx){return idx>=this.firstVisibleIndex&&idx<=this.lastVisibleIndex},_getPhysicalIndex:function _getPhysicalIndex(vidx){return IS_V2?(this._physicalStart+(vidx-this._virtualStart))%this._physicalCount:this._physicalIndexForKey[this._collection.getKey(this.items[vidx])]},focusItem:function focusItem(idx){this._focusPhysicalItem(idx)},_focusPhysicalItem:function _focusPhysicalItem(idx){if(0>idx||idx>=this._virtualCount){return}this._restoreFocusedItem();if(!this._isIndexRendered(idx)){this.scrollToIndex(idx)}var physicalItem=this._physicalItems[this._getPhysicalIndex(idx)],model=this.modelForElement(physicalItem),focusable;model.tabIndex=SECRET_TABINDEX;if(physicalItem.tabIndex===SECRET_TABINDEX){focusable=physicalItem}if(!focusable){focusable=(0,_polymerDom.dom)(physicalItem).querySelector("[tabindex=\""+SECRET_TABINDEX+"\"]")}model.tabIndex=0;this._focusedVirtualIndex=idx;focusable&&focusable.focus()},_removeFocusedItem:function _removeFocusedItem(){if(this._offscreenFocusedItem){this._itemsParent.removeChild(this._offscreenFocusedItem)}this._offscreenFocusedItem=null;this._focusBackfillItem=null;this._focusedItem=null;this._focusedVirtualIndex=-1;this._focusedPhysicalIndex=-1},_createFocusBackfillItem:function _createFocusBackfillItem(){var fpidx=this._focusedPhysicalIndex;if(this._offscreenFocusedItem||0>this._focusedVirtualIndex){return}if(!this._focusBackfillItem){var inst=this.stamp(null);this._focusBackfillItem=inst.root.querySelector("*");this._itemsParent.appendChild(inst.root)}this._offscreenFocusedItem=this._physicalItems[fpidx];this.modelForElement(this._offscreenFocusedItem).tabIndex=0;this._physicalItems[fpidx]=this._focusBackfillItem;this._focusedPhysicalIndex=fpidx;this.translate3d(0,HIDDEN_Y,0,this._offscreenFocusedItem)},_restoreFocusedItem:function _restoreFocusedItem(){if(!this._offscreenFocusedItem||0>this._focusedVirtualIndex){return}this._assignModels();var fpidx=this._focusedPhysicalIndex=this._getPhysicalIndex(this._focusedVirtualIndex),onScreenItem=this._physicalItems[fpidx];if(!onScreenItem){return}var onScreenInstance=this.modelForElement(onScreenItem),offScreenInstance=this.modelForElement(this._offscreenFocusedItem);if(onScreenInstance[this.as]===offScreenInstance[this.as]){this._focusBackfillItem=onScreenItem;onScreenInstance.tabIndex=-1;this._physicalItems[fpidx]=this._offscreenFocusedItem;this.translate3d(0,HIDDEN_Y,0,this._focusBackfillItem)}else{this._removeFocusedItem();this._focusBackfillItem=null}this._offscreenFocusedItem=null},_didFocus:function _didFocus(e){var targetModel=this.modelForElement(e.target),focusedModel=this.modelForElement(this._focusedItem),hasOffscreenFocusedItem=null!==this._offscreenFocusedItem,fidx=this._focusedVirtualIndex;if(!targetModel){return}if(focusedModel===targetModel){if(!this._isIndexVisible(fidx)){this.scrollToIndex(fidx)}}else{this._restoreFocusedItem();if(focusedModel){focusedModel.tabIndex=-1}targetModel.tabIndex=0;fidx=targetModel[this.indexAs];this._focusedVirtualIndex=fidx;this._focusedPhysicalIndex=this._getPhysicalIndex(fidx);this._focusedItem=this._physicalItems[this._focusedPhysicalIndex];if(hasOffscreenFocusedItem&&!this._offscreenFocusedItem){this._update()}}},_keydownHandler:function _keydownHandler(e){switch(e.keyCode){case 40:if(this._focusedVirtualIndex<this._virtualCount-1)e.preventDefault();this._focusPhysicalItem(this._focusedVirtualIndex+(this.grid?this._itemsPerRow:1));break;case 39:if(this.grid)this._focusPhysicalItem(this._focusedVirtualIndex+(this._isRTL?-1:1));break;case 38:if(0<this._focusedVirtualIndex)e.preventDefault();this._focusPhysicalItem(this._focusedVirtualIndex-(this.grid?this._itemsPerRow:1));break;case 37:if(this.grid)this._focusPhysicalItem(this._focusedVirtualIndex+(this._isRTL?1:-1));break;case 13:this._focusPhysicalItem(this._focusedVirtualIndex);if(this.selectionEnabled)this._selectionHandler(e);break;}},_clamp:function _clamp(v,min,max){return _Mathmin(max,_Mathmax(min,v))},_debounce:function _debounce(name,cb,asyncModule){if(IS_V2){this._debouncers=this._debouncers||{};this._debouncers[name]=_debounce2.Debouncer.debounce(this._debouncers[name],asyncModule,cb.bind(this));(0,_flush.enqueueDebouncer)(this._debouncers[name])}else{(0,_polymerDom.addDebouncer)(this.debounce(name,cb))}},_forwardProperty:function _forwardProperty(inst,name,value){if(IS_V2){inst._setPendingProperty(name,value)}else{inst[name]=value}},_forwardHostPropV2:function _forwardHostPropV2(prop,value){(this._physicalItems||[]).concat([this._offscreenFocusedItem,this._focusBackfillItem]).forEach(function(item){if(item){this.modelForElement(item).forwardHostProp(prop,value)}},this)},_notifyInstancePropV2:function _notifyInstancePropV2(inst,prop,value){if((0,_path.matches)(this.as,prop)){var idx=inst[this.indexAs];if(prop==this.as){this.items[idx]=value}this.notifyPath((0,_path.translate)(this.as,"items."+idx,prop),value)}},_getStampedChildren:function _getStampedChildren(){return this._physicalItems},_forwardInstancePath:function _forwardInstancePath(inst,path,value){if(0===path.indexOf(this.as+".")){this.notifyPath("items."+inst.__key__+"."+path.slice(this.as.length+1),value)}},_forwardParentPath:function _forwardParentPath(path,value){(this._physicalItems||[]).concat([this._offscreenFocusedItem,this._focusBackfillItem]).forEach(function(item){if(item){this.modelForElement(item).notifyPath(path,value,!0)}},this)},_forwardParentProp:function _forwardParentProp(prop,value){(this._physicalItems||[]).concat([this._offscreenFocusedItem,this._focusBackfillItem]).forEach(function(item){if(item){this.modelForElement(item)[prop]=value}},this)},_getActiveElement:function _getActiveElement(){var itemsHost=this._itemsParent.node.domHost;return(0,_polymerDom.dom)(itemsHost?itemsHost.root:document).activeElement}})});
\ No newline at end of file
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 c8087ac5484..5d8fc8b17d5 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 +1 @@
-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_8b28efa054f411e9aeb367f92c5b63ab(){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_8b28efa054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_8b28efa054f411e9aeb367f92c5b63ab()),is:"iron-overlay-backdrop",properties:{opened:{reflectToAttribute:!0,type:Boolean,value:!1,observer:"_openedChanged"}},listeners:{transitionend:"_onTransitionend"},created:function created(){this.__openedRaf=null},attached:function attached(){this.opened&&this._openedChanged(this.opened)},prepare:function prepare(){if(this.opened&&!this.parentNode){(0,_polymerDom.dom)(document.body).appendChild(this)}},open:function open(){this.opened=!0},close:function close(){this.opened=!1},complete:function complete(){if(!this.opened&&this.parentNode===document.body){(0,_polymerDom.dom)(this.parentNode).removeChild(this)}},_onTransitionend:function _onTransitionend(event){if(event&&event.target===this){this.complete()}},_openedChanged:function _openedChanged(opened){if(opened){this.prepare()}else{var cs=window.getComputedStyle(this);if("0s"===cs.transitionDuration||0==cs.opacity){this.complete()}}if(!this.isAttached){return}if(this.__openedRaf){window.cancelAnimationFrame(this.__openedRaf);this.__openedRaf=null}this.scrollTop=this.scrollTop;this.__openedRaf=window.requestAnimationFrame(function(){this.__openedRaf=null;this.toggleClass("opened",this.opened)}.bind(this))}})});
\ No newline at end of file
+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_1ed733d0555211e98f439769bd191e33(){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_1ed733d0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_1ed733d0555211e98f439769bd191e33()),is:"iron-overlay-backdrop",properties:{opened:{reflectToAttribute:!0,type:Boolean,value:!1,observer:"_openedChanged"}},listeners:{transitionend:"_onTransitionend"},created:function created(){this.__openedRaf=null},attached:function attached(){this.opened&&this._openedChanged(this.opened)},prepare:function prepare(){if(this.opened&&!this.parentNode){(0,_polymerDom.dom)(document.body).appendChild(this)}},open:function open(){this.opened=!0},close:function close(){this.opened=!1},complete:function complete(){if(!this.opened&&this.parentNode===document.body){(0,_polymerDom.dom)(this.parentNode).removeChild(this)}},_onTransitionend:function _onTransitionend(event){if(event&&event.target===this){this.complete()}},_openedChanged:function _openedChanged(opened){if(opened){this.prepare()}else{var cs=window.getComputedStyle(this);if("0s"===cs.transitionDuration||0==cs.opacity){this.complete()}}if(!this.isAttached){return}if(this.__openedRaf){window.cancelAnimationFrame(this.__openedRaf);this.__openedRaf=null}this.scrollTop=this.scrollTop;this.__openedRaf=window.requestAnimationFrame(function(){this.__openedRaf=null;this.toggleClass("opened",this.opened)}.bind(this))}})});
\ No newline at end of file
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 24a7737cc95..ac8f527ddaa 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 +1 @@
-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_720822c054f411e9aeb367f92c5b63ab(){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_720822c054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_720822c054f411e9aeb367f92c5b63ab()),is:"iron-pages",behaviors:[_ironResizableBehavior.IronResizableBehavior,_ironSelectable.IronSelectableBehavior],properties:{activateEvent:{type:String,value:null}},observers:["_selectedPageChanged(selected)"],_selectedPageChanged:function _selectedPageChanged(){this.async(this.notifyResize)}})});
\ No newline at end of file
+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_06a92b60555211e98f439769bd191e33(){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_06a92b60555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_06a92b60555211e98f439769bd191e33()),is:"iron-pages",behaviors:[_ironResizableBehavior.IronResizableBehavior,_ironSelectable.IronSelectableBehavior],properties:{activateEvent:{type:String,value:null}},observers:["_selectedPageChanged(selected)"],_selectedPageChanged:function _selectedPageChanged(){this.async(this.notifyResize)}})});
\ No newline at end of file
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 545dcd9adc0..fb4427a8a8a 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 +1 @@
-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_8719a8f054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <slot></slot>\n"]);_templateObject_8719a8f054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_8719a8f054f411e9aeb367f92c5b63ab()),is:"iron-scroll-threshold",properties:{upperThreshold:{type:Number,value:100},lowerThreshold:{type:Number,value:100},upperTriggered:{type:Boolean,value:!1,notify:!0,readOnly:!0},lowerTriggered:{type:Boolean,value:!1,notify:!0,readOnly:!0},horizontal:{type:Boolean,value:!1}},behaviors:[_ironScrollTargetBehavior.IronScrollTargetBehavior],observers:["_setOverflow(scrollTarget)","_initCheck(horizontal, isAttached)"],get _defaultScrollTarget(){return this},_setOverflow:function _setOverflow(scrollTarget){this.style.overflow=scrollTarget===this?"auto":"";this.style.webkitOverflowScrolling=scrollTarget===this?"touch":""},_scrollHandler:function _scrollHandler(){if(!this.isDebouncerActive("_checkTheshold")){this.debounce("_checkTheshold",function(){this.checkScrollThresholds()},200)}},_initCheck:function _initCheck(horizontal,isAttached){if(isAttached){this.debounce("_init",function(){this.clearTriggers();this.checkScrollThresholds()})}},checkScrollThresholds:function checkScrollThresholds(){if(!this.scrollTarget||this.lowerTriggered&&this.upperTriggered){return}var upperScrollValue=this.horizontal?this._scrollLeft:this._scrollTop,lowerScrollValue=this.horizontal?this.scrollTarget.scrollWidth-this._scrollTargetWidth-this._scrollLeft:this.scrollTarget.scrollHeight-this._scrollTargetHeight-this._scrollTop;if(upperScrollValue<=this.upperThreshold&&!this.upperTriggered){this._setUpperTriggered(!0);this.fire("upper-threshold")}if(lowerScrollValue<=this.lowerThreshold&&!this.lowerTriggered){this._setLowerTriggered(!0);this.fire("lower-threshold")}},checkScrollThesholds:function checkScrollThesholds(){this.checkScrollThresholds()},clearTriggers:function clearTriggers(){this._setUpperTriggered(!1);this._setLowerTriggered(!1)}})});
\ No newline at end of file
+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_1af0aad0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <slot></slot>\n"]);_templateObject_1af0aad0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_1af0aad0555211e98f439769bd191e33()),is:"iron-scroll-threshold",properties:{upperThreshold:{type:Number,value:100},lowerThreshold:{type:Number,value:100},upperTriggered:{type:Boolean,value:!1,notify:!0,readOnly:!0},lowerTriggered:{type:Boolean,value:!1,notify:!0,readOnly:!0},horizontal:{type:Boolean,value:!1}},behaviors:[_ironScrollTargetBehavior.IronScrollTargetBehavior],observers:["_setOverflow(scrollTarget)","_initCheck(horizontal, isAttached)"],get _defaultScrollTarget(){return this},_setOverflow:function _setOverflow(scrollTarget){this.style.overflow=scrollTarget===this?"auto":"";this.style.webkitOverflowScrolling=scrollTarget===this?"touch":""},_scrollHandler:function _scrollHandler(){if(!this.isDebouncerActive("_checkTheshold")){this.debounce("_checkTheshold",function(){this.checkScrollThresholds()},200)}},_initCheck:function _initCheck(horizontal,isAttached){if(isAttached){this.debounce("_init",function(){this.clearTriggers();this.checkScrollThresholds()})}},checkScrollThresholds:function checkScrollThresholds(){if(!this.scrollTarget||this.lowerTriggered&&this.upperTriggered){return}var upperScrollValue=this.horizontal?this._scrollLeft:this._scrollTop,lowerScrollValue=this.horizontal?this.scrollTarget.scrollWidth-this._scrollTargetWidth-this._scrollLeft:this.scrollTarget.scrollHeight-this._scrollTargetHeight-this._scrollTop;if(upperScrollValue<=this.upperThreshold&&!this.upperTriggered){this._setUpperTriggered(!0);this.fire("upper-threshold")}if(lowerScrollValue<=this.lowerThreshold&&!this.lowerTriggered){this._setLowerTriggered(!0);this.fire("lower-threshold")}},checkScrollThesholds:function checkScrollThesholds(){this.checkScrollThresholds()},clearTriggers:function clearTriggers(){this._setUpperTriggered(!1);this._setLowerTriggered(!1)}})});
\ No newline at end of file
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 0e0e33ec10f..e1db4b80541 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 +1 @@
-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_7326d93054f411e9aeb367f92c5b63ab(){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_7326d93054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_7326d93054f411e9aeb367f92c5b63ab()),is:"marked-element",properties:{markdown:{type:String,value:null},breaks:{type:Boolean,value:!1},pedantic:{type:Boolean,value:!1},renderer:{type:Function,value:null},sanitize:{type:Boolean,value:!1},sanitizer:{type:Function,value:null},disableRemoteSanitization:{type:Boolean,value:!1},smartypants:{type:Boolean,value:!1},callback:{type:Function,value:null},xhr:{type:Object,notify:!0,readOnly:!0}},observers:["render(markdown, breaks, pedantic, renderer, sanitize, sanitizer, smartypants, callback)"],ready:function ready(){if(this.markdown){return}this._markdownElement=(0,_polymerDom.dom)(this).querySelector("[type=\"text/markdown\"]");if(!this._markdownElement){return}if(this._markdownElement.src){this._request(this._markdownElement.src)}if(""!==this._markdownElement.textContent.trim()){this.markdown=this._unindent(this._markdownElement.textContent)}var observer=new MutationObserver(this._onScriptAttributeChanged.bind(this));observer.observe(this._markdownElement,{attributes:!0})},attached:function attached(){this._attached=!0;this._outputElement=this.outputElement;this.render()},detached:function detached(){this._attached=!1},unindent:function unindent(text){return this._unindent(text)},get outputElement(){var child=(0,_polymerDom.dom)(this).queryDistributedElements("[slot=\"markdown-html\"]")[0];return child||this.$.content},render:function render(){if(!this._attached){return}if(!this.markdown){(0,_polymerDom.dom)(this._outputElement).innerHTML="";return}var renderer=new marked.Renderer;if(this.renderer){this.renderer(renderer)}var opts={renderer:renderer,highlight:this._highlight.bind(this),breaks:this.breaks,sanitize:this.sanitize,sanitizer:this.sanitizer,pedantic:this.pedantic,smartypants:this.smartypants};(0,_polymerDom.dom)(this._outputElement).innerHTML=marked(this.markdown,opts,this.callback);this.fire("marked-render-complete",{},{composed:!0})},_highlight:function _highlight(code,lang){var event=this.fire("syntax-highlight",{code:code,lang:lang},{composed:!0});return event.detail.code||code},_unindent:function _unindent(text){if(!text)return text;var lines=text.replace(/\t/g,"  ").split("\n"),indent=lines.reduce(function(prev,line){if(/^\s*$/.test(line))return prev;var lineIndent=line.match(/^(\s*)/)[0].length;if(null===prev)return lineIndent;return lineIndent<prev?lineIndent:prev},null);return lines.map(function(l){return l.substr(indent)}).join("\n")},_request:function _request(url){this._setXhr(new XMLHttpRequest);var xhr=this.xhr;if(0<xhr.readyState){return null}xhr.addEventListener("error",this._handleError.bind(this));xhr.addEventListener("loadend",function(e){var status=this.xhr.status||0;if(0===status||200<=status&&300>status){this.sanitize=!this.disableRemoteSanitization;this.markdown=e.target.response}else{this._handleError(e)}this.fire("marked-loadend",e)}.bind(this));xhr.open("GET",url);xhr.setRequestHeader("Accept","text/markdown");xhr.send()},_handleError:function _handleError(e){var evt=this.fire("marked-request-error",e,{cancelable:!0});if(!evt.defaultPrevented){this.markdown="Failed loading markdown source"}},_onScriptAttributeChanged:function _onScriptAttributeChanged(mutation){if("src"!==mutation[0].attributeName){return}this._request(this._markdownElement.src)}})});
\ No newline at end of file
+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_084db3a0555211e98f439769bd191e33(){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_084db3a0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_084db3a0555211e98f439769bd191e33()),is:"marked-element",properties:{markdown:{type:String,value:null},breaks:{type:Boolean,value:!1},pedantic:{type:Boolean,value:!1},renderer:{type:Function,value:null},sanitize:{type:Boolean,value:!1},sanitizer:{type:Function,value:null},disableRemoteSanitization:{type:Boolean,value:!1},smartypants:{type:Boolean,value:!1},callback:{type:Function,value:null},xhr:{type:Object,notify:!0,readOnly:!0}},observers:["render(markdown, breaks, pedantic, renderer, sanitize, sanitizer, smartypants, callback)"],ready:function ready(){if(this.markdown){return}this._markdownElement=(0,_polymerDom.dom)(this).querySelector("[type=\"text/markdown\"]");if(!this._markdownElement){return}if(this._markdownElement.src){this._request(this._markdownElement.src)}if(""!==this._markdownElement.textContent.trim()){this.markdown=this._unindent(this._markdownElement.textContent)}var observer=new MutationObserver(this._onScriptAttributeChanged.bind(this));observer.observe(this._markdownElement,{attributes:!0})},attached:function attached(){this._attached=!0;this._outputElement=this.outputElement;this.render()},detached:function detached(){this._attached=!1},unindent:function unindent(text){return this._unindent(text)},get outputElement(){var child=(0,_polymerDom.dom)(this).queryDistributedElements("[slot=\"markdown-html\"]")[0];return child||this.$.content},render:function render(){if(!this._attached){return}if(!this.markdown){(0,_polymerDom.dom)(this._outputElement).innerHTML="";return}var renderer=new marked.Renderer;if(this.renderer){this.renderer(renderer)}var opts={renderer:renderer,highlight:this._highlight.bind(this),breaks:this.breaks,sanitize:this.sanitize,sanitizer:this.sanitizer,pedantic:this.pedantic,smartypants:this.smartypants};(0,_polymerDom.dom)(this._outputElement).innerHTML=marked(this.markdown,opts,this.callback);this.fire("marked-render-complete",{},{composed:!0})},_highlight:function _highlight(code,lang){var event=this.fire("syntax-highlight",{code:code,lang:lang},{composed:!0});return event.detail.code||code},_unindent:function _unindent(text){if(!text)return text;var lines=text.replace(/\t/g,"  ").split("\n"),indent=lines.reduce(function(prev,line){if(/^\s*$/.test(line))return prev;var lineIndent=line.match(/^(\s*)/)[0].length;if(null===prev)return lineIndent;return lineIndent<prev?lineIndent:prev},null);return lines.map(function(l){return l.substr(indent)}).join("\n")},_request:function _request(url){this._setXhr(new XMLHttpRequest);var xhr=this.xhr;if(0<xhr.readyState){return null}xhr.addEventListener("error",this._handleError.bind(this));xhr.addEventListener("loadend",function(e){var status=this.xhr.status||0;if(0===status||200<=status&&300>status){this.sanitize=!this.disableRemoteSanitization;this.markdown=e.target.response}else{this._handleError(e)}this.fire("marked-loadend",e)}.bind(this));xhr.open("GET",url);xhr.setRequestHeader("Accept","text/markdown");xhr.send()},_handleError:function _handleError(e){var evt=this.fire("marked-request-error",e,{cancelable:!0});if(!evt.defaultPrevented){this.markdown="Failed loading markdown source"}},_onScriptAttributeChanged:function _onScriptAttributeChanged(mutation){if("src"!==mutation[0].attributeName){return}this._request(this._markdownElement.src)}})});
\ No newline at end of file
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 e5b3bc4e77a..8f9d099405b 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 +1 @@
-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_8529239054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <slot></slot>\n  "]);_templateObject_8529239054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_8529239054f411e9aeb367f92c5b63ab()),is:"neon-animatable",behaviors:[_neonAnimatableBehavior.NeonAnimatableBehavior,_ironResizableBehavior.IronResizableBehavior]})});
\ No newline at end of file
+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_1946cb60555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: block;\n      }\n    </style>\n\n    <slot></slot>\n  "]);_templateObject_1946cb60555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_1946cb60555211e98f439769bd191e33()),is:"neon-animatable",behaviors:[_neonAnimatableBehavior.NeonAnimatableBehavior,_ironResizableBehavior.IronResizableBehavior]})});
\ No newline at end of file
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 51d5f5e9058..cefc338f804 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 +1 @@
-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_8520710054f411e9aeb367f92c5b63ab(){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_8520710054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_8520710054f411e9aeb367f92c5b63ab()),is:"neon-animated-pages",behaviors:[_ironResizableBehavior.IronResizableBehavior,_ironSelectable.IronSelectableBehavior,_neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],properties:{activateEvent:{type:String,value:""},animateInitialSelection:{type:Boolean,value:!1}},listeners:{"iron-select":"_onIronSelect","neon-animation-finish":"_onNeonAnimationFinish"},_onIronSelect:function _onIronSelect(event){var selectedPage=event.detail.item;if(0>this.items.indexOf(selectedPage)){return}var oldPage=this._valueToItem(this._prevSelected)||!1;this._prevSelected=this.selected;if(!oldPage&&!this.animateInitialSelection){this._completeSelectedChanged();return}this.animationConfig=[];if(this.entryAnimation){this.animationConfig.push({name:this.entryAnimation,node:selectedPage})}else{if(selectedPage.getAnimationConfig){this.animationConfig.push({animatable:selectedPage,type:"entry"})}}if(oldPage){if(oldPage.classList.contains("neon-animating")){this._squelchNextFinishEvent=!0;this.cancelAnimation();this._completeSelectedChanged();this._squelchNextFinishEvent=!1}if(this.exitAnimation){this.animationConfig.push({name:this.exitAnimation,node:oldPage})}else{if(oldPage.getAnimationConfig){this.animationConfig.push({animatable:oldPage,type:"exit"})}}oldPage.classList.add("neon-animating")}selectedPage.classList.add("neon-animating");if(1<=this.animationConfig.length){if(!this.isAttached){this.async(function(){this.playAnimation(void 0,{fromPage:null,toPage:selectedPage})})}else{this.playAnimation(void 0,{fromPage:oldPage,toPage:selectedPage})}}else{this._completeSelectedChanged(oldPage,selectedPage)}},_completeSelectedChanged:function _completeSelectedChanged(oldPage,selectedPage){if(selectedPage){selectedPage.classList.remove("neon-animating")}if(oldPage){oldPage.classList.remove("neon-animating")}if(!selectedPage||!oldPage){for(var nodes=(0,_polymerDom.dom)(this.$.content).getDistributedNodes(),node,index=0;node=nodes[index];index++){node.classList&&node.classList.remove("neon-animating")}}this.async(this._notifyPageResize)},_onNeonAnimationFinish:function _onNeonAnimationFinish(event){if(this._squelchNextFinishEvent){this._squelchNextFinishEvent=!1;return}this._completeSelectedChanged(event.detail.fromPage,event.detail.toPage)},_notifyPageResize:function _notifyPageResize(){var selectedPage=this.selectedItem||this._valueToItem(this.selected);this.resizerShouldNotify=function(element){return element==selectedPage};this.notifyResize()}})});
\ No newline at end of file
+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_193e8e00555211e98f439769bd191e33(){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_193e8e00555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_193e8e00555211e98f439769bd191e33()),is:"neon-animated-pages",behaviors:[_ironResizableBehavior.IronResizableBehavior,_ironSelectable.IronSelectableBehavior,_neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],properties:{activateEvent:{type:String,value:""},animateInitialSelection:{type:Boolean,value:!1}},listeners:{"iron-select":"_onIronSelect","neon-animation-finish":"_onNeonAnimationFinish"},_onIronSelect:function _onIronSelect(event){var selectedPage=event.detail.item;if(0>this.items.indexOf(selectedPage)){return}var oldPage=this._valueToItem(this._prevSelected)||!1;this._prevSelected=this.selected;if(!oldPage&&!this.animateInitialSelection){this._completeSelectedChanged();return}this.animationConfig=[];if(this.entryAnimation){this.animationConfig.push({name:this.entryAnimation,node:selectedPage})}else{if(selectedPage.getAnimationConfig){this.animationConfig.push({animatable:selectedPage,type:"entry"})}}if(oldPage){if(oldPage.classList.contains("neon-animating")){this._squelchNextFinishEvent=!0;this.cancelAnimation();this._completeSelectedChanged();this._squelchNextFinishEvent=!1}if(this.exitAnimation){this.animationConfig.push({name:this.exitAnimation,node:oldPage})}else{if(oldPage.getAnimationConfig){this.animationConfig.push({animatable:oldPage,type:"exit"})}}oldPage.classList.add("neon-animating")}selectedPage.classList.add("neon-animating");if(1<=this.animationConfig.length){if(!this.isAttached){this.async(function(){this.playAnimation(void 0,{fromPage:null,toPage:selectedPage})})}else{this.playAnimation(void 0,{fromPage:oldPage,toPage:selectedPage})}}else{this._completeSelectedChanged(oldPage,selectedPage)}},_completeSelectedChanged:function _completeSelectedChanged(oldPage,selectedPage){if(selectedPage){selectedPage.classList.remove("neon-animating")}if(oldPage){oldPage.classList.remove("neon-animating")}if(!selectedPage||!oldPage){for(var nodes=(0,_polymerDom.dom)(this.$.content).getDistributedNodes(),node,index=0;node=nodes[index];index++){node.classList&&node.classList.remove("neon-animating")}}this.async(this._notifyPageResize)},_onNeonAnimationFinish:function _onNeonAnimationFinish(event){if(this._squelchNextFinishEvent){this._squelchNextFinishEvent=!1;return}this._completeSelectedChanged(event.detail.fromPage,event.detail.toPage)},_notifyPageResize:function _notifyPageResize(){var selectedPage=this.selectedItem||this._valueToItem(this.selected);this.resizerShouldNotify=function(element){return element==selectedPage};this.notifyResize()}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-badge/paper-badge.js b/build/es5-amd/node_modules/@polymer/paper-badge/paper-badge.js
index e404e98961b..37a1eea2d50 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 +1 @@
-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_6a111a9054f411e9aeb367f92c5b63ab(){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: 12px;\n        --iron-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: 12px;\n        --iron-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_6a111a9054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_6a111a9054f411e9aeb367f92c5b63ab()),is:"paper-badge",hostAttributes:{role:"status",tabindex:0},behaviors:[_ironResizableBehavior.IronResizableBehavior],listeners:{"iron-resize":"updatePosition"},properties:{for:{type:String,observer:"_forChanged"},label:{type:String,observer:"_labelChanged"},icon:{type:String,value:""},_boundNotifyResize:{type:Function,value:function value(){return this.notifyResize.bind(this)}},_boundUpdateTarget:{type:Function,value:function value(){return this._updateTarget.bind(this)}}},attached:function attached(){requestAnimationFrame(this._boundUpdateTarget)},attributeChanged:function attributeChanged(name){if("hidden"===name){this.updatePosition()}},_forChanged:function _forChanged(){if(!this.isAttached){return}this._updateTarget()},_labelChanged:function _labelChanged(){this.setAttribute("aria-label",this.label)},_updateTarget:function _updateTarget(){this._target=this.target;requestAnimationFrame(this._boundNotifyResize)},_computeIsIconBadge:function _computeIsIconBadge(icon){return 0<icon.length},get target(){var parentNode=(0,_polymerDom.dom)(this).parentNode,ownerRoot=(0,_polymerDom.dom)(this).getOwnerRoot(),target;if(this.for){target=(0,_polymerDom.dom)(ownerRoot).querySelector("#"+this.for)}else{target=parentNode.nodeType==Node.DOCUMENT_FRAGMENT_NODE?ownerRoot.host:parentNode}return target},updatePosition:function updatePosition(){if(!this._target||!this.offsetParent){return}var parentRect=this.offsetParent.getBoundingClientRect(),targetRect=this._target.getBoundingClientRect(),thisRect=this.getBoundingClientRect();this.style.left=targetRect.left-parentRect.left+(targetRect.width-thisRect.width/2)+"px";this.style.top=targetRect.top-parentRect.top-thisRect.height/2+"px"}})});
\ No newline at end of file
+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_fef4d180555111e98f439769bd191e33(){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: 12px;\n        --iron-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: 12px;\n        --iron-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_fef4d180555111e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_fef4d180555111e98f439769bd191e33()),is:"paper-badge",hostAttributes:{role:"status",tabindex:0},behaviors:[_ironResizableBehavior.IronResizableBehavior],listeners:{"iron-resize":"updatePosition"},properties:{for:{type:String,observer:"_forChanged"},label:{type:String,observer:"_labelChanged"},icon:{type:String,value:""},_boundNotifyResize:{type:Function,value:function value(){return this.notifyResize.bind(this)}},_boundUpdateTarget:{type:Function,value:function value(){return this._updateTarget.bind(this)}}},attached:function attached(){requestAnimationFrame(this._boundUpdateTarget)},attributeChanged:function attributeChanged(name){if("hidden"===name){this.updatePosition()}},_forChanged:function _forChanged(){if(!this.isAttached){return}this._updateTarget()},_labelChanged:function _labelChanged(){this.setAttribute("aria-label",this.label)},_updateTarget:function _updateTarget(){this._target=this.target;requestAnimationFrame(this._boundNotifyResize)},_computeIsIconBadge:function _computeIsIconBadge(icon){return 0<icon.length},get target(){var parentNode=(0,_polymerDom.dom)(this).parentNode,ownerRoot=(0,_polymerDom.dom)(this).getOwnerRoot(),target;if(this.for){target=(0,_polymerDom.dom)(ownerRoot).querySelector("#"+this.for)}else{target=parentNode.nodeType==Node.DOCUMENT_FRAGMENT_NODE?ownerRoot.host:parentNode}return target},updatePosition:function updatePosition(){if(!this._target||!this.offsetParent){return}var parentRect=this.offsetParent.getBoundingClientRect(),targetRect=this._target.getBoundingClientRect(),thisRect=this.getBoundingClientRect();this.style.left=targetRect.left-parentRect.left+(targetRect.width-thisRect.width/2)+"px";this.style.top=targetRect.top-parentRect.top-thisRect.height/2+"px"}})});
\ No newline at end of file
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 46258b48422..43b56050fc7 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 +1 @@
-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_69d23cd054f411e9aeb367f92c5b63ab(){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_69d23cd054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_polymerLegacy.html)(_templateObject_69d23cd054f411e9aeb367f92c5b63ab());template.setAttribute("strip-whitespace","");(0,_polymerFn.Polymer)({_template:template,is:"paper-button",behaviors:[_paperButtonBehavior.PaperButtonBehavior],properties:{raised:{type:Boolean,reflectToAttribute:!0,value:!1,observer:"_calculateElevation"}},_calculateElevation:function _calculateElevation(){if(!this.raised){this._setElevation(0)}else{_paperButtonBehavior.PaperButtonBehaviorImpl._calculateElevation.apply(this)}}})});
\ No newline at end of file
+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_febe7f40555111e98f439769bd191e33(){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_febe7f40555111e98f439769bd191e33=function(){return data};return data}var template=(0,_polymerLegacy.html)(_templateObject_febe7f40555111e98f439769bd191e33());template.setAttribute("strip-whitespace","");(0,_polymerFn.Polymer)({_template:template,is:"paper-button",behaviors:[_paperButtonBehavior.PaperButtonBehavior],properties:{raised:{type:Boolean,reflectToAttribute:!0,value:!1,observer:"_calculateElevation"}},_calculateElevation:function _calculateElevation(){if(!this.raised){this._setElevation(0)}else{_paperButtonBehavior.PaperButtonBehaviorImpl._calculateElevation.apply(this)}}})});
\ No newline at end of file
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 4436788a746..ce9c26ae2a5 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 +1 @@
-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_70a5376054f411e9aeb367f92c5b63ab(){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_70a5376054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_70a5376054f411e9aeb367f92c5b63ab()),is:"paper-card",properties:{heading:{type:String,value:"",observer:"_headingChanged"},image:{type:String,value:""},alt:{type:String},preloadImage:{type:Boolean,value:!1},fadeImage:{type:Boolean,value:!1},placeholderImage:{type:String,value:null},elevation:{type:Number,value:1,reflectToAttribute:!0},animatedShadow:{type:Boolean,value:!1},animated:{type:Boolean,reflectToAttribute:!0,readOnly:!0,computed:"_computeAnimated(animatedShadow)"}},_isHidden:function _isHidden(image){return image?"false":"true"},_headingChanged:function _headingChanged(heading){var currentHeading=this.getAttribute("heading"),currentLabel=this.getAttribute("aria-label");if("string"!==typeof currentLabel||currentLabel===currentHeading){this.setAttribute("aria-label",heading)}},_computeHeadingClass:function _computeHeadingClass(image){return image?" over-image":""},_computeAnimated:function _computeAnimated(animatedShadow){return animatedShadow}})});
\ No newline at end of file
+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_054073a0555211e98f439769bd191e33(){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_054073a0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_054073a0555211e98f439769bd191e33()),is:"paper-card",properties:{heading:{type:String,value:"",observer:"_headingChanged"},image:{type:String,value:""},alt:{type:String},preloadImage:{type:Boolean,value:!1},fadeImage:{type:Boolean,value:!1},placeholderImage:{type:String,value:null},elevation:{type:Number,value:1,reflectToAttribute:!0},animatedShadow:{type:Boolean,value:!1},animated:{type:Boolean,reflectToAttribute:!0,readOnly:!0,computed:"_computeAnimated(animatedShadow)"}},_isHidden:function _isHidden(image){return image?"false":"true"},_headingChanged:function _headingChanged(heading){var currentHeading=this.getAttribute("heading"),currentLabel=this.getAttribute("aria-label");if("string"!==typeof currentLabel||currentLabel===currentHeading){this.setAttribute("aria-label",heading)}},_computeHeadingClass:function _computeHeadingClass(image){return image?" over-image":""},_computeAnimated:function _computeAnimated(animatedShadow){return animatedShadow}})});
\ No newline at end of file
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 46d19a16ef6..bad8f9fc353 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 +1 @@
-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_69c5448054f411e9aeb367f92c5b63ab(){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_69c5448054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_69c5448054f411e9aeb367f92c5b63ab());template.setAttribute("strip-whitespace","");(0,_polymerFn.Polymer)({_template:template,is:"paper-checkbox",behaviors:[_paperCheckedElementBehavior.PaperCheckedElementBehavior],hostAttributes:{role:"checkbox","aria-checked":!1,tabindex:0},properties:{ariaActiveAttribute:{type:String,value:"aria-checked"}},attached:function attached(){(0,_renderStatus.afterNextRender)(this,function(){var inkSize=this.getComputedStyleValue("--calculated-paper-checkbox-ink-size").trim();if("-1px"===inkSize){var checkboxSizeText=this.getComputedStyleValue("--calculated-paper-checkbox-size").trim(),units="px",unitsMatches=checkboxSizeText.match(/[A-Za-z]+$/);if(null!==unitsMatches){units=unitsMatches[0]}var checkboxSize=parseFloat(checkboxSizeText),defaultInkSize=8/3*checkboxSize;if("px"===units){defaultInkSize=Math.floor(defaultInkSize);if(defaultInkSize%2!==checkboxSize%2){defaultInkSize++}}this.updateStyles({"--paper-checkbox-ink-size":defaultInkSize+units})}})},_computeCheckboxClass:function _computeCheckboxClass(checked,invalid){var className="";if(checked){className+="checked "}if(invalid){className+="invalid"}return className},_computeCheckmarkClass:function _computeCheckmarkClass(checked){return checked?"":"hidden"},_createRipple:function _createRipple(){this._rippleContainer=this.$.checkboxContainer;return _paperInkyFocusBehavior.PaperInkyFocusBehaviorImpl._createRipple.call(this)}})});
\ No newline at end of file
+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_feb55780555111e98f439769bd191e33(){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_feb55780555111e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_feb55780555111e98f439769bd191e33());template.setAttribute("strip-whitespace","");(0,_polymerFn.Polymer)({_template:template,is:"paper-checkbox",behaviors:[_paperCheckedElementBehavior.PaperCheckedElementBehavior],hostAttributes:{role:"checkbox","aria-checked":!1,tabindex:0},properties:{ariaActiveAttribute:{type:String,value:"aria-checked"}},attached:function attached(){(0,_renderStatus.afterNextRender)(this,function(){var inkSize=this.getComputedStyleValue("--calculated-paper-checkbox-ink-size").trim();if("-1px"===inkSize){var checkboxSizeText=this.getComputedStyleValue("--calculated-paper-checkbox-size").trim(),units="px",unitsMatches=checkboxSizeText.match(/[A-Za-z]+$/);if(null!==unitsMatches){units=unitsMatches[0]}var checkboxSize=parseFloat(checkboxSizeText),defaultInkSize=8/3*checkboxSize;if("px"===units){defaultInkSize=Math.floor(defaultInkSize);if(defaultInkSize%2!==checkboxSize%2){defaultInkSize++}}this.updateStyles({"--paper-checkbox-ink-size":defaultInkSize+units})}})},_computeCheckboxClass:function _computeCheckboxClass(checked,invalid){var className="";if(checked){className+="checked "}if(invalid){className+="invalid"}return className},_computeCheckmarkClass:function _computeCheckmarkClass(checked){return checked?"":"hidden"},_createRipple:function _createRipple(){this._rippleContainer=this.$.checkboxContainer;return _paperInkyFocusBehavior.PaperInkyFocusBehaviorImpl._createRipple.call(this)}})});
\ No newline at end of file
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 3e4476b0e5f..51970c6a7bc 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 +1 @@
-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_69a7d17054f411e9aeb367f92c5b63ab(){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_69a7d17054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_69a7d17054f411e9aeb367f92c5b63ab()),is:"paper-dialog-scrollable",properties:{dialogElement:{type:Object}},get scrollTarget(){return this.$.scrollable},ready:function ready(){this._ensureTarget();this.classList.add("no-padding")},attached:function attached(){this._ensureTarget();requestAnimationFrame(this.updateScrollState.bind(this))},updateScrollState:function updateScrollState(){this.toggleClass("is-scrolled",0<this.scrollTarget.scrollTop);this.toggleClass("can-scroll",this.scrollTarget.offsetHeight<this.scrollTarget.scrollHeight);this.toggleClass("scrolled-to-bottom",this.scrollTarget.scrollTop+this.scrollTarget.offsetHeight>=this.scrollTarget.scrollHeight)},_ensureTarget:function _ensureTarget(){this.dialogElement=this.dialogElement||this.parentElement;if(this.dialogElement&&this.dialogElement.behaviors&&0<=this.dialogElement.behaviors.indexOf(_paperDialogBehavior.PaperDialogBehaviorImpl)){this.dialogElement.sizingTarget=this.scrollTarget;this.scrollTarget.classList.remove("fit")}else if(this.dialogElement){this.scrollTarget.classList.add("fit")}}})});
\ No newline at end of file
+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_fe9ced80555111e98f439769bd191e33(){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_fe9ced80555111e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_fe9ced80555111e98f439769bd191e33()),is:"paper-dialog-scrollable",properties:{dialogElement:{type:Object}},get scrollTarget(){return this.$.scrollable},ready:function ready(){this._ensureTarget();this.classList.add("no-padding")},attached:function attached(){this._ensureTarget();requestAnimationFrame(this.updateScrollState.bind(this))},updateScrollState:function updateScrollState(){this.toggleClass("is-scrolled",0<this.scrollTarget.scrollTop);this.toggleClass("can-scroll",this.scrollTarget.offsetHeight<this.scrollTarget.scrollHeight);this.toggleClass("scrolled-to-bottom",this.scrollTarget.scrollTop+this.scrollTarget.offsetHeight>=this.scrollTarget.scrollHeight)},_ensureTarget:function _ensureTarget(){this.dialogElement=this.dialogElement||this.parentElement;if(this.dialogElement&&this.dialogElement.behaviors&&0<=this.dialogElement.behaviors.indexOf(_paperDialogBehavior.PaperDialogBehaviorImpl)){this.dialogElement.sizingTarget=this.scrollTarget;this.scrollTarget.classList.remove("fit")}else if(this.dialogElement){this.scrollTarget.classList.add("fit")}}})});
\ No newline at end of file
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 e638f525668..af94ed4f62c 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 +1 @@
-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_6f1f81c054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-dialog-shared-styles\"></style>\n    <slot></slot>\n"]);_templateObject_6f1f81c054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_6f1f81c054f411e9aeb367f92c5b63ab()),is:"paper-dialog",behaviors:[_paperDialogBehavior.PaperDialogBehavior,_neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],listeners:{"neon-animation-finish":"_onNeonAnimationFinish"},_renderOpened:function _renderOpened(){this.cancelAnimation();this.playAnimation("entry")},_renderClosed:function _renderClosed(){this.cancelAnimation();this.playAnimation("exit")},_onNeonAnimationFinish:function _onNeonAnimationFinish(){if(this.opened){this._finishRenderOpened()}else{this._finishRenderClosed()}}})});
\ No newline at end of file
+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_03d60e30555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style include=\"paper-dialog-shared-styles\"></style>\n    <slot></slot>\n"]);_templateObject_03d60e30555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_03d60e30555211e98f439769bd191e33()),is:"paper-dialog",behaviors:[_paperDialogBehavior.PaperDialogBehavior,_neonAnimationRunnerBehavior.NeonAnimationRunnerBehavior],listeners:{"neon-animation-finish":"_onNeonAnimationFinish"},_renderOpened:function _renderOpened(){this.cancelAnimation();this.playAnimation("entry")},_renderClosed:function _renderClosed(){this.cancelAnimation();this.playAnimation("exit")},_onNeonAnimationFinish:function _onNeonAnimationFinish(){if(this.opened){this._finishRenderOpened()}else{this._finishRenderClosed()}}})});
\ No newline at end of file
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 a0f59f49740..e1005e75399 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
@@ -1 +1 @@
-define(["../polymer/polymer-legacy.js","../iron-a11y-keys-behavior/iron-a11y-keys-behavior.js","../iron-icon/iron-icon.js","../paper-input/paper-input.js","../paper-menu-button/paper-menu-button.js","../paper-ripple/paper-ripple.js","../paper-styles/default-theme.js","./paper-dropdown-menu-icons.js","./paper-dropdown-menu-shared-styles.js","../iron-behaviors/iron-button-state.js","../iron-behaviors/iron-control-state.js","../iron-form-element-behavior/iron-form-element-behavior.js","../iron-validatable-behavior/iron-validatable-behavior.js","../polymer/lib/legacy/polymer-fn.js","../polymer/lib/legacy/polymer.dom.js","../polymer/lib/utils/gestures.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_ironA11yKeysBehavior,_ironIcon,_paperInput,_paperMenuButton,_paperRipple,_defaultTheme,_paperDropdownMenuIcons,_paperDropdownMenuSharedStyles,_ironButtonState,_ironControlState,_ironFormElementBehavior,_ironValidatableBehavior,_polymerFn,_polymerDom,gestures,_htmlTag){"use strict";gestures=babelHelpers.interopRequireWildcard(gestures);function _templateObject_72b8870054f411e9aeb367f92c5b63ab(){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_72b8870054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_72b8870054f411e9aeb367f92c5b63ab()),is:"paper-dropdown-menu",behaviors:[_ironButtonState.IronButtonState,_ironControlState.IronControlState,_ironFormElementBehavior.IronFormElementBehavior,_ironValidatableBehavior.IronValidatableBehavior],properties:{selectedItemLabel:{type:String,notify:!0,readOnly:!0},selectedItem:{type:Object,notify:!0,readOnly:!0},value:{type:String,notify:!0},label:{type:String},placeholder:{type:String},errorMessage:{type:String},opened:{type:Boolean,notify:!0,value:!1,observer:"_openedChanged"},allowOutsideScroll:{type:Boolean,value:!1},noLabelFloat:{type:Boolean,value:!1,reflectToAttribute:!0},alwaysFloatLabel:{type:Boolean,value:!1},noAnimations:{type:Boolean,value:!1},horizontalAlign:{type:String,value:"right"},verticalAlign:{type:String,value:"top"},verticalOffset:Number,dynamicAlign:{type:Boolean},restoreFocusOnClose:{type:Boolean,value:!0}},listeners:{tap:"_onTap"},keyBindings:{"up down":"open",esc:"close"},hostAttributes:{role:"combobox","aria-autocomplete":"none","aria-haspopup":"true"},observers:["_selectedItemChanged(selectedItem)"],attached:function attached(){var contentElement=this.contentElement;if(contentElement&&contentElement.selectedItem){this._setSelectedItem(contentElement.selectedItem)}},get contentElement(){for(var nodes=(0,_polymerDom.dom)(this.$.content).getDistributedNodes(),i=0,l=nodes.length;i<l;i++){if(nodes[i].nodeType===Node.ELEMENT_NODE){return nodes[i]}}},open:function open(){this.$.menuButton.open()},close:function close(){this.$.menuButton.close()},_onIronSelect:function _onIronSelect(event){this._setSelectedItem(event.detail.item)},_onIronDeselect:function _onIronDeselect(){this._setSelectedItem(null)},_onTap:function _onTap(event){if(gestures.findOriginalTarget(event)===this){this.open()}},_selectedItemChanged:function _selectedItemChanged(selectedItem){var value="";if(!selectedItem){value=""}else{value=selectedItem.label||selectedItem.getAttribute("label")||selectedItem.textContent.trim()}this.value=value;this._setSelectedItemLabel(value)},_computeMenuVerticalOffset:function _computeMenuVerticalOffset(noLabelFloat,opt_verticalOffset){if(opt_verticalOffset){return opt_verticalOffset}return noLabelFloat?-4:8},_getValidity:function _getValidity(){return this.disabled||!this.required||this.required&&!!this.value},_openedChanged:function _openedChanged(){var openState=this.opened?"true":"false",e=this.contentElement;if(e){e.setAttribute("aria-expanded",openState)}}})});
\ No newline at end of file
+define(["../polymer/polymer-legacy.js","../iron-a11y-keys-behavior/iron-a11y-keys-behavior.js","../iron-icon/iron-icon.js","../paper-input/paper-input.js","../paper-menu-button/paper-menu-button.js","../paper-ripple/paper-ripple.js","../paper-styles/default-theme.js","./paper-dropdown-menu-icons.js","./paper-dropdown-menu-shared-styles.js","../iron-behaviors/iron-button-state.js","../iron-behaviors/iron-control-state.js","../iron-form-element-behavior/iron-form-element-behavior.js","../iron-validatable-behavior/iron-validatable-behavior.js","../polymer/lib/legacy/polymer-fn.js","../polymer/lib/legacy/polymer.dom.js","../polymer/lib/utils/gestures.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_ironA11yKeysBehavior,_ironIcon,_paperInput,_paperMenuButton,_paperRipple,_defaultTheme,_paperDropdownMenuIcons,_paperDropdownMenuSharedStyles,_ironButtonState,_ironControlState,_ironFormElementBehavior,_ironValidatableBehavior,_polymerFn,_polymerDom,gestures,_htmlTag){"use strict";gestures=babelHelpers.interopRequireWildcard(gestures);function _templateObject_079475c0555211e98f439769bd191e33(){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_079475c0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_079475c0555211e98f439769bd191e33()),is:"paper-dropdown-menu",behaviors:[_ironButtonState.IronButtonState,_ironControlState.IronControlState,_ironFormElementBehavior.IronFormElementBehavior,_ironValidatableBehavior.IronValidatableBehavior],properties:{selectedItemLabel:{type:String,notify:!0,readOnly:!0},selectedItem:{type:Object,notify:!0,readOnly:!0},value:{type:String,notify:!0},label:{type:String},placeholder:{type:String},errorMessage:{type:String},opened:{type:Boolean,notify:!0,value:!1,observer:"_openedChanged"},allowOutsideScroll:{type:Boolean,value:!1},noLabelFloat:{type:Boolean,value:!1,reflectToAttribute:!0},alwaysFloatLabel:{type:Boolean,value:!1},noAnimations:{type:Boolean,value:!1},horizontalAlign:{type:String,value:"right"},verticalAlign:{type:String,value:"top"},verticalOffset:Number,dynamicAlign:{type:Boolean},restoreFocusOnClose:{type:Boolean,value:!0}},listeners:{tap:"_onTap"},keyBindings:{"up down":"open",esc:"close"},hostAttributes:{role:"combobox","aria-autocomplete":"none","aria-haspopup":"true"},observers:["_selectedItemChanged(selectedItem)"],attached:function attached(){var contentElement=this.contentElement;if(contentElement&&contentElement.selectedItem){this._setSelectedItem(contentElement.selectedItem)}},get contentElement(){for(var nodes=(0,_polymerDom.dom)(this.$.content).getDistributedNodes(),i=0,l=nodes.length;i<l;i++){if(nodes[i].nodeType===Node.ELEMENT_NODE){return nodes[i]}}},open:function open(){this.$.menuButton.open()},close:function close(){this.$.menuButton.close()},_onIronSelect:function _onIronSelect(event){this._setSelectedItem(event.detail.item)},_onIronDeselect:function _onIronDeselect(){this._setSelectedItem(null)},_onTap:function _onTap(event){if(gestures.findOriginalTarget(event)===this){this.open()}},_selectedItemChanged:function _selectedItemChanged(selectedItem){var value="";if(!selectedItem){value=""}else{value=selectedItem.label||selectedItem.getAttribute("label")||selectedItem.textContent.trim()}this.value=value;this._setSelectedItemLabel(value)},_computeMenuVerticalOffset:function _computeMenuVerticalOffset(noLabelFloat,opt_verticalOffset){if(opt_verticalOffset){return opt_verticalOffset}return noLabelFloat?-4:8},_getValidity:function _getValidity(){return this.disabled||!this.required||this.required&&!!this.value},_openedChanged:function _openedChanged(){var openState=this.opened?"true":"false",e=this.contentElement;if(e){e.setAttribute("aria-expanded",openState)}}})});
\ No newline at end of file
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 631c1d69b1e..d4cdb2bf499 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 +1 @@
-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_6e485ba054f411e9aeb367f92c5b63ab(){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_6e485ba054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_6e485ba054f411e9aeb367f92c5b63ab());template.setAttribute("strip-whitespace","");(0,_polymerFn.Polymer)({_template:template,is:"paper-fab",behaviors:[_paperButtonBehavior.PaperButtonBehavior],properties:{src:{type:String,value:""},icon:{type:String,value:""},mini:{type:Boolean,value:!1,reflectToAttribute:!0},label:{type:String,observer:"_labelChanged"}},_labelChanged:function _labelChanged(){this.setAttribute("aria-label",this.label)},_computeIsIconFab:function _computeIsIconFab(icon,src){return 0<icon.length||0<src.length}})});
\ No newline at end of file
+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_03292c60555211e98f439769bd191e33(){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_03292c60555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_03292c60555211e98f439769bd191e33());template.setAttribute("strip-whitespace","");(0,_polymerFn.Polymer)({_template:template,is:"paper-fab",behaviors:[_paperButtonBehavior.PaperButtonBehavior],properties:{src:{type:String,value:""},icon:{type:String,value:""},mini:{type:Boolean,value:!1,reflectToAttribute:!0},label:{type:String,observer:"_labelChanged"}},_labelChanged:function _labelChanged(){this.setAttribute("aria-label",this.label)},_computeIsIconFab:function _computeIsIconFab(icon,src){return 0<icon.length||0<src.length}})});
\ No newline at end of file
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 23cf13d877f..e6f2e53b1d8 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 +1 @@
-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_6cd25d7054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n<dom-module id=\"paper-icon-button\">\n  <template strip-whitespace>\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        /* 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        /* 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]]\" alt$=\"[[alt]]\"></iron-icon>\n  </template>\n</dom-module>\n"],["\n<dom-module id=\"paper-icon-button\">\n  <template strip-whitespace>\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        /* 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        /* 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]]\" alt\\$=\"[[alt]]\"></iron-icon>\n  </template>\n</dom-module>\n"]);_templateObject_6cd25d7054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_6cd25d7054f411e9aeb367f92c5b63ab());template.setAttribute("style","display: none;");document.body.appendChild(template.content);(0,_polymerFn.Polymer)({is:"paper-icon-button",hostAttributes:{role:"button",tabindex:"0"},behaviors:[_paperInkyFocusBehavior.PaperInkyFocusBehavior],properties:{src:{type:String},icon:{type:String},alt:{type:String,observer:"_altChanged"}},_altChanged:function _altChanged(newValue,oldValue){var label=this.getAttribute("aria-label");if(!label||oldValue==label){this.setAttribute("aria-label",newValue)}}})});
\ No newline at end of file
+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_01cfddf0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n<dom-module id=\"paper-icon-button\">\n  <template strip-whitespace>\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        /* 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        /* 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]]\" alt$=\"[[alt]]\"></iron-icon>\n  </template>\n</dom-module>\n"],["\n<dom-module id=\"paper-icon-button\">\n  <template strip-whitespace>\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        /* 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        /* 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]]\" alt\\$=\"[[alt]]\"></iron-icon>\n  </template>\n</dom-module>\n"]);_templateObject_01cfddf0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_01cfddf0555211e98f439769bd191e33());template.setAttribute("style","display: none;");document.body.appendChild(template.content);(0,_polymerFn.Polymer)({is:"paper-icon-button",hostAttributes:{role:"button",tabindex:"0"},behaviors:[_paperInkyFocusBehavior.PaperInkyFocusBehavior],properties:{src:{type:String},icon:{type:String},alt:{type:String,observer:"_altChanged"}},_altChanged:function _altChanged(newValue,oldValue){var label=this.getAttribute("aria-label");if(!label||oldValue==label){this.setAttribute("aria-label",newValue)}}})});
\ No newline at end of file
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 6fdbee2a342..c41cb49c9f1 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 +1 @@
-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_784c23c054f411e9aeb367f92c5b63ab(){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_784c23c054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_784c23c054f411e9aeb367f92c5b63ab()),is:"paper-input-char-counter",behaviors:[_paperInputAddonBehavior.PaperInputAddonBehavior],properties:{_charCounterStr:{type:String,value:"0"}},update:function update(state){if(!state.inputElement){return}state.value=state.value||"";var counter=state.value.toString().length.toString();if(state.inputElement.hasAttribute("maxlength")){counter+="/"+state.inputElement.getAttribute("maxlength")}this._charCounterStr=counter}})});
\ No newline at end of file
+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_0d13c730555211e98f439769bd191e33(){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_0d13c730555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_0d13c730555211e98f439769bd191e33()),is:"paper-input-char-counter",behaviors:[_paperInputAddonBehavior.PaperInputAddonBehavior],properties:{_charCounterStr:{type:String,value:"0"}},update:function update(state){if(!state.inputElement){return}state.value=state.value||"";var counter=state.value.toString().length.toString();if(state.inputElement.hasAttribute("maxlength")){counter+="/"+state.inputElement.getAttribute("maxlength")}this._charCounterStr=counter}})});
\ No newline at end of file
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 113cfc597d3..3db8f4bc1ab 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 +1 @@
-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_786e78d054f411e9aeb367f92c5b63ab(){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"],["\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_786e78d054f411e9aeb367f92c5b63ab=function(){return data};return data}function _templateObject_786e78d054f411e9aeb367f92c5b63ab(){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_786e78d054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_786e78d054f411e9aeb367f92c5b63ab());template.setAttribute("style","display: none;");document.head.appendChild(template.content);(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject2_786e78d054f411e9aeb367f92c5b63ab()),is:"paper-input-container",properties:{noLabelFloat:{type:Boolean,value:!1},alwaysFloatLabel:{type:Boolean,value:!1},attrForValue:{type:String,value:"bind-value"},autoValidate:{type:Boolean,value:!1},invalid:{observer:"_invalidChanged",type:Boolean,value:!1},focused:{readOnly:!0,type:Boolean,value:!1,notify:!0},_addons:{type:Array},_inputHasContent:{type:Boolean,value:!1},_inputSelector:{type:String,value:"input,iron-input,textarea,.paper-input-input"},_boundOnFocus:{type:Function,value:function value(){return this._onFocus.bind(this)}},_boundOnBlur:{type:Function,value:function value(){return this._onBlur.bind(this)}},_boundOnInput:{type:Function,value:function value(){return this._onInput.bind(this)}},_boundValueChanged:{type:Function,value:function value(){return this._onValueChanged.bind(this)}}},listeners:{"addon-attached":"_onAddonAttached","iron-input-validate":"_onIronInputValidate"},get _valueChangedEvent(){return this.attrForValue+"-changed"},get _propertyForValue(){return(0,_caseMap.dashToCamelCase)(this.attrForValue)},get _inputElement(){return(0,_polymerDom.dom)(this).querySelector(this._inputSelector)},get _inputElementValue(){return this._inputElement[this._propertyForValue]||this._inputElement.value},ready:function ready(){this.__isFirstValueUpdate=!0;if(!this._addons){this._addons=[]}this.addEventListener("focus",this._boundOnFocus,!0);this.addEventListener("blur",this._boundOnBlur,!0)},attached:function attached(){if(this.attrForValue){this._inputElement.addEventListener(this._valueChangedEvent,this._boundValueChanged)}else{this.addEventListener("input",this._onInput)}if(this._inputElementValue&&""!=this._inputElementValue){this._handleValueAndAutoValidate(this._inputElement)}else{this._handleValue(this._inputElement)}},_onAddonAttached:function _onAddonAttached(event){if(!this._addons){this._addons=[]}var target=event.target;if(-1===this._addons.indexOf(target)){this._addons.push(target);if(this.isAttached){this._handleValue(this._inputElement)}}},_onFocus:function _onFocus(){this._setFocused(!0)},_onBlur:function _onBlur(){this._setFocused(!1);this._handleValueAndAutoValidate(this._inputElement)},_onInput:function _onInput(event){this._handleValueAndAutoValidate(event.target)},_onValueChanged:function _onValueChanged(event){var input=event.target;if(this.__isFirstValueUpdate){this.__isFirstValueUpdate=!1;if(input.value===void 0||""===input.value){return}}this._handleValueAndAutoValidate(event.target)},_handleValue:function _handleValue(inputElement){var value=this._inputElementValue;if(value||0===value||"number"===inputElement.type&&!inputElement.checkValidity()){this._inputHasContent=!0}else{this._inputHasContent=!1}this.updateAddons({inputElement:inputElement,value:value,invalid:this.invalid})},_handleValueAndAutoValidate:function _handleValueAndAutoValidate(inputElement){if(this.autoValidate&&inputElement){var valid;if(inputElement.validate){valid=inputElement.validate(this._inputElementValue)}else{valid=inputElement.checkValidity()}this.invalid=!valid}this._handleValue(inputElement)},_onIronInputValidate:function _onIronInputValidate(){this.invalid=this._inputElement.invalid},_invalidChanged:function _invalidChanged(){if(this._addons){this.updateAddons({invalid:this.invalid})}},updateAddons:function updateAddons(state){for(var addon,index=0;addon=this._addons[index];index++){addon.update(state)}},_computeInputContentClass:function _computeInputContentClass(noLabelFloat,alwaysFloatLabel,focused,invalid,_inputHasContent){var cls="input-content";if(!noLabelFloat){var label=this.querySelector("label");if(alwaysFloatLabel||_inputHasContent){cls+=" label-is-floating";this.$.labelAndInputContainer.style.position="static";if(invalid){cls+=" is-invalid"}else if(focused){cls+=" label-is-highlighted"}}else{if(label){this.$.labelAndInputContainer.style.position="relative"}if(invalid){cls+=" is-invalid"}}}else{if(_inputHasContent){cls+=" label-is-hidden"}if(invalid){cls+=" is-invalid"}}if(focused){cls+=" focused"}return cls},_computeUnderlineClass:function _computeUnderlineClass(focused,invalid){var cls="underline";if(invalid){cls+=" is-invalid"}else if(focused){cls+=" is-highlighted"}return cls},_computeAddOnContentClass:function _computeAddOnContentClass(focused,invalid){var cls="add-on-content";if(invalid){cls+=" is-invalid"}else if(focused){cls+=" is-highlighted"}return cls}})});
\ No newline at end of file
+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_0d2aaa90555211e98f439769bd191e33(){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"],["\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_0d2aaa90555211e98f439769bd191e33=function(){return data};return data}function _templateObject_0d2aaa90555211e98f439769bd191e33(){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_0d2aaa90555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_0d2aaa90555211e98f439769bd191e33());template.setAttribute("style","display: none;");document.head.appendChild(template.content);(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject2_0d2aaa90555211e98f439769bd191e33()),is:"paper-input-container",properties:{noLabelFloat:{type:Boolean,value:!1},alwaysFloatLabel:{type:Boolean,value:!1},attrForValue:{type:String,value:"bind-value"},autoValidate:{type:Boolean,value:!1},invalid:{observer:"_invalidChanged",type:Boolean,value:!1},focused:{readOnly:!0,type:Boolean,value:!1,notify:!0},_addons:{type:Array},_inputHasContent:{type:Boolean,value:!1},_inputSelector:{type:String,value:"input,iron-input,textarea,.paper-input-input"},_boundOnFocus:{type:Function,value:function value(){return this._onFocus.bind(this)}},_boundOnBlur:{type:Function,value:function value(){return this._onBlur.bind(this)}},_boundOnInput:{type:Function,value:function value(){return this._onInput.bind(this)}},_boundValueChanged:{type:Function,value:function value(){return this._onValueChanged.bind(this)}}},listeners:{"addon-attached":"_onAddonAttached","iron-input-validate":"_onIronInputValidate"},get _valueChangedEvent(){return this.attrForValue+"-changed"},get _propertyForValue(){return(0,_caseMap.dashToCamelCase)(this.attrForValue)},get _inputElement(){return(0,_polymerDom.dom)(this).querySelector(this._inputSelector)},get _inputElementValue(){return this._inputElement[this._propertyForValue]||this._inputElement.value},ready:function ready(){this.__isFirstValueUpdate=!0;if(!this._addons){this._addons=[]}this.addEventListener("focus",this._boundOnFocus,!0);this.addEventListener("blur",this._boundOnBlur,!0)},attached:function attached(){if(this.attrForValue){this._inputElement.addEventListener(this._valueChangedEvent,this._boundValueChanged)}else{this.addEventListener("input",this._onInput)}if(this._inputElementValue&&""!=this._inputElementValue){this._handleValueAndAutoValidate(this._inputElement)}else{this._handleValue(this._inputElement)}},_onAddonAttached:function _onAddonAttached(event){if(!this._addons){this._addons=[]}var target=event.target;if(-1===this._addons.indexOf(target)){this._addons.push(target);if(this.isAttached){this._handleValue(this._inputElement)}}},_onFocus:function _onFocus(){this._setFocused(!0)},_onBlur:function _onBlur(){this._setFocused(!1);this._handleValueAndAutoValidate(this._inputElement)},_onInput:function _onInput(event){this._handleValueAndAutoValidate(event.target)},_onValueChanged:function _onValueChanged(event){var input=event.target;if(this.__isFirstValueUpdate){this.__isFirstValueUpdate=!1;if(input.value===void 0||""===input.value){return}}this._handleValueAndAutoValidate(event.target)},_handleValue:function _handleValue(inputElement){var value=this._inputElementValue;if(value||0===value||"number"===inputElement.type&&!inputElement.checkValidity()){this._inputHasContent=!0}else{this._inputHasContent=!1}this.updateAddons({inputElement:inputElement,value:value,invalid:this.invalid})},_handleValueAndAutoValidate:function _handleValueAndAutoValidate(inputElement){if(this.autoValidate&&inputElement){var valid;if(inputElement.validate){valid=inputElement.validate(this._inputElementValue)}else{valid=inputElement.checkValidity()}this.invalid=!valid}this._handleValue(inputElement)},_onIronInputValidate:function _onIronInputValidate(){this.invalid=this._inputElement.invalid},_invalidChanged:function _invalidChanged(){if(this._addons){this.updateAddons({invalid:this.invalid})}},updateAddons:function updateAddons(state){for(var addon,index=0;addon=this._addons[index];index++){addon.update(state)}},_computeInputContentClass:function _computeInputContentClass(noLabelFloat,alwaysFloatLabel,focused,invalid,_inputHasContent){var cls="input-content";if(!noLabelFloat){var label=this.querySelector("label");if(alwaysFloatLabel||_inputHasContent){cls+=" label-is-floating";this.$.labelAndInputContainer.style.position="static";if(invalid){cls+=" is-invalid"}else if(focused){cls+=" label-is-highlighted"}}else{if(label){this.$.labelAndInputContainer.style.position="relative"}if(invalid){cls+=" is-invalid"}}}else{if(_inputHasContent){cls+=" label-is-hidden"}if(invalid){cls+=" is-invalid"}}if(focused){cls+=" focused"}return cls},_computeUnderlineClass:function _computeUnderlineClass(focused,invalid){var cls="underline";if(invalid){cls+=" is-invalid"}else if(focused){cls+=" is-highlighted"}return cls},_computeAddOnContentClass:function _computeAddOnContentClass(focused,invalid){var cls="add-on-content";if(invalid){cls+=" is-invalid"}else if(focused){cls+=" is-highlighted"}return cls}})});
\ No newline at end of file
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 cf1b6f4a9d3..5598cd7f726 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 +1 @@
-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_787b230054f411e9aeb367f92c5b63ab(){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    </style>\n\n    <slot></slot>\n"]);_templateObject_787b230054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_787b230054f411e9aeb367f92c5b63ab()),is:"paper-input-error",behaviors:[_paperInputAddonBehavior.PaperInputAddonBehavior],properties:{invalid:{readOnly:!0,reflectToAttribute:!0,type:Boolean}},update:function update(state){this._setInvalid(state.invalid)}})});
\ No newline at end of file
+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_0d3495a0555211e98f439769bd191e33(){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    </style>\n\n    <slot></slot>\n"]);_templateObject_0d3495a0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_0d3495a0555211e98f439769bd191e33()),is:"paper-input-error",behaviors:[_paperInputAddonBehavior.PaperInputAddonBehavior],properties:{invalid:{readOnly:!0,reflectToAttribute:!0,type:Boolean}},update:function update(state){this._setInvalid(state.invalid)}})});
\ No newline at end of file
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 6346b8dd6ff..2aec7745db6 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 +1 @@
-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_69ff404054f411e9aeb367f92c5b63ab(){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  "],["\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_69ff404054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({is:"paper-input",_template:(0,_htmlTag.html)(_templateObject_69ff404054f411e9aeb367f92c5b63ab()),behaviors:[_paperInputBehavior.PaperInputBehavior,_ironFormElementBehavior.IronFormElementBehavior],properties:{value:{type:String}},get _focusableElement(){return this.inputElement._inputElement},listeners:{"iron-input-ready":"_onIronInputReady"},_onIronInputReady:function _onIronInputReady(){if(!this.$.nativeInput){this.$.nativeInput=this.$$("input")}if(this.inputElement&&-1!==this._typesThatHaveText.indexOf(this.$.nativeInput.type)){this.alwaysFloatLabel=!0}if(!!this.inputElement.bindValue){this.$.container._handleValueAndAutoValidate(this.inputElement)}}})});
\ No newline at end of file
+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_fedd51e0555111e98f439769bd191e33(){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  "],["\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_fedd51e0555111e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({is:"paper-input",_template:(0,_htmlTag.html)(_templateObject_fedd51e0555111e98f439769bd191e33()),behaviors:[_paperInputBehavior.PaperInputBehavior,_ironFormElementBehavior.IronFormElementBehavior],properties:{value:{type:String}},get _focusableElement(){return this.inputElement._inputElement},listeners:{"iron-input-ready":"_onIronInputReady"},_onIronInputReady:function _onIronInputReady(){if(!this.$.nativeInput){this.$.nativeInput=this.$$("input")}if(this.inputElement&&-1!==this._typesThatHaveText.indexOf(this.$.nativeInput.type)){this.alwaysFloatLabel=!0}if(!!this.inputElement.bindValue){this.$.container._handleValueAndAutoValidate(this.inputElement)}}})});
\ No newline at end of file
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 ed9f03809cf..53a4c8088ea 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 +1 @@
-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_69b3432054f411e9aeb367f92c5b63ab(){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"],["\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_69b3432054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_69b3432054f411e9aeb367f92c5b63ab()),is:"paper-textarea",behaviors:[_paperInputBehavior.PaperInputBehavior,_ironFormElementBehavior.IronFormElementBehavior],properties:{_ariaLabelledBy:{observer:"_ariaLabelledByChanged",type:String},_ariaDescribedBy:{observer:"_ariaDescribedByChanged",type:String},value:{type:String},rows:{type:Number,value:1},maxRows:{type:Number,value:0}},get selectionStart(){return this.$.input.textarea.selectionStart},set selectionStart(start){this.$.input.textarea.selectionStart=start},get selectionEnd(){return this.$.input.textarea.selectionEnd},set selectionEnd(end){this.$.input.textarea.selectionEnd=end},_ariaLabelledByChanged:function _ariaLabelledByChanged(ariaLabelledBy){this._focusableElement.setAttribute("aria-labelledby",ariaLabelledBy)},_ariaDescribedByChanged:function _ariaDescribedByChanged(ariaDescribedBy){this._focusableElement.setAttribute("aria-describedby",ariaDescribedBy)},get _focusableElement(){return this.inputElement.textarea}})});
\ No newline at end of file
+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_fea726b0555111e98f439769bd191e33(){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"],["\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_fea726b0555111e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_fea726b0555111e98f439769bd191e33()),is:"paper-textarea",behaviors:[_paperInputBehavior.PaperInputBehavior,_ironFormElementBehavior.IronFormElementBehavior],properties:{_ariaLabelledBy:{observer:"_ariaLabelledByChanged",type:String},_ariaDescribedBy:{observer:"_ariaDescribedByChanged",type:String},value:{type:String},rows:{type:Number,value:1},maxRows:{type:Number,value:0}},get selectionStart(){return this.$.input.textarea.selectionStart},set selectionStart(start){this.$.input.textarea.selectionStart=start},get selectionEnd(){return this.$.input.textarea.selectionEnd},set selectionEnd(end){this.$.input.textarea.selectionEnd=end},_ariaLabelledByChanged:function _ariaLabelledByChanged(ariaLabelledBy){this._focusableElement.setAttribute("aria-labelledby",ariaLabelledBy)},_ariaDescribedByChanged:function _ariaDescribedByChanged(ariaDescribedBy){this._focusableElement.setAttribute("aria-describedby",ariaDescribedBy)},get _focusableElement(){return this.inputElement.textarea}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-item/paper-item-body.js b/build/es5-amd/node_modules/@polymer/paper-item/paper-item-body.js
index 4e456096b33..bb1484a72fd 100644
--- a/build/es5-amd/node_modules/@polymer/paper-item/paper-item-body.js
+++ b/build/es5-amd/node_modules/@polymer/paper-item/paper-item-body.js
@@ -1 +1 @@
-define(["../polymer/polymer-legacy.js","../iron-flex-layout/iron-flex-layout.js","../paper-styles/default-theme.js","../paper-styles/typography.js","../polymer/lib/legacy/polymer-fn.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_ironFlexLayout,_defaultTheme,_typography,_polymerFn,_htmlTag){"use strict";function _templateObject_8cc7847054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        overflow: hidden; /* needed for text-overflow: ellipsis to work on ff */\n        @apply --layout-vertical;\n        @apply --layout-center-justified;\n        @apply --layout-flex;\n      }\n\n      :host([two-line]) {\n        min-height: var(--paper-item-body-two-line-min-height, 72px);\n      }\n\n      :host([three-line]) {\n        min-height: var(--paper-item-body-three-line-min-height, 88px);\n      }\n\n      :host > ::slotted(*) {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      :host > ::slotted([secondary]) {\n        @apply --paper-font-body1;\n\n        color: var(--paper-item-body-secondary-color, var(--secondary-text-color));\n\n        @apply --paper-item-body-secondary;\n      }\n    </style>\n\n    <slot></slot>\n"]);_templateObject_8cc7847054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_8cc7847054f411e9aeb367f92c5b63ab()),is:"paper-item-body"})});
\ No newline at end of file
+define(["../polymer/polymer-legacy.js","../iron-flex-layout/iron-flex-layout.js","../paper-styles/default-theme.js","../paper-styles/typography.js","../polymer/lib/legacy/polymer-fn.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_ironFlexLayout,_defaultTheme,_typography,_polymerFn,_htmlTag){"use strict";function _templateObject_209b2af0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        overflow: hidden; /* needed for text-overflow: ellipsis to work on ff */\n        @apply --layout-vertical;\n        @apply --layout-center-justified;\n        @apply --layout-flex;\n      }\n\n      :host([two-line]) {\n        min-height: var(--paper-item-body-two-line-min-height, 72px);\n      }\n\n      :host([three-line]) {\n        min-height: var(--paper-item-body-three-line-min-height, 88px);\n      }\n\n      :host > ::slotted(*) {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n      }\n\n      :host > ::slotted([secondary]) {\n        @apply --paper-font-body1;\n\n        color: var(--paper-item-body-secondary-color, var(--secondary-text-color));\n\n        @apply --paper-item-body-secondary;\n      }\n    </style>\n\n    <slot></slot>\n"]);_templateObject_209b2af0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_209b2af0555211e98f439769bd191e33()),is:"paper-item-body"})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-item/paper-item.js b/build/es5-amd/node_modules/@polymer/paper-item/paper-item.js
index e16df7a9ed0..34416a6683b 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 +1 @@
-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_6cd9fe9054f411e9aeb367f92c5b63ab(){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_6cd9fe9054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_6cd9fe9054f411e9aeb367f92c5b63ab()),is:"paper-item",behaviors:[_paperItemBehavior.PaperItemBehavior]})});
\ No newline at end of file
+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_01d953d0555211e98f439769bd191e33(){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_01d953d0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_01d953d0555211e98f439769bd191e33()),is:"paper-item",behaviors:[_paperItemBehavior.PaperItemBehavior]})});
\ No newline at end of file
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 e8e161a4d9d..0b6902e6b1c 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 +1 @@
-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_79a5c05054f411e9aeb367f92c5b63ab(){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_79a5c05054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_79a5c05054f411e9aeb367f92c5b63ab()),is:"paper-listbox",behaviors:[_ironMenuBehavior.IronMenuBehavior],hostAttributes:{role:"listbox"}})});
\ No newline at end of file
+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_0ea38ef0555211e98f439769bd191e33(){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_0ea38ef0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_0ea38ef0555211e98f439769bd191e33()),is:"paper-listbox",behaviors:[_ironMenuBehavior.IronMenuBehavior],hostAttributes:{role:"listbox"}})});
\ No newline at end of file
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 f6ff710cf36..6a4666c76ba 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 +1 @@
-define(["../paper-styles/shadow.js","../polymer/lib/utils/html-tag.js"],function(_shadow,_htmlTag){"use strict";function _templateObject_81f5bdf054f411e9aeb367f92c5b63ab(){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_81f5bdf054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_81f5bdf054f411e9aeb367f92c5b63ab());template.setAttribute("style","display: none;");document.body.appendChild(template.content)});
\ No newline at end of file
+define(["../paper-styles/shadow.js","../polymer/lib/utils/html-tag.js"],function(_shadow,_htmlTag){"use strict";function _templateObject_164aa260555211e98f439769bd191e33(){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_164aa260555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_164aa260555211e98f439769bd191e33());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 d9f3b7839fb..2aed9a40c77 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 +1 @@
-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_7408adb054f411e9aeb367f92c5b63ab(){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_7408adb054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_7408adb054f411e9aeb367f92c5b63ab()),is:"paper-material",properties:{elevation:{type:Number,reflectToAttribute:!0,value:1},animated:{type:Boolean,reflectToAttribute:!0,value:!1}}})});
\ No newline at end of file
+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_090ae920555211e98f439769bd191e33(){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_090ae920555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_090ae920555211e98f439769bd191e33()),is:"paper-material",properties:{elevation:{type:Number,reflectToAttribute:!0,value:1},animated:{type:Boolean,reflectToAttribute:!0,value:!1}}})});
\ No newline at end of file
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 15054ceae58..b725ae7798f 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
@@ -1 +1 @@
-define(["exports","../polymer/polymer-legacy.js","../iron-dropdown/iron-dropdown.js","../neon-animation/animations/fade-in-animation.js","../neon-animation/animations/fade-out-animation.js","../paper-styles/default-theme.js","../paper-styles/shadow.js","./paper-menu-button-animations.js","../iron-a11y-keys-behavior/iron-a11y-keys-behavior.js","../iron-behaviors/iron-control-state.js","../polymer/lib/legacy/polymer-fn.js","../polymer/lib/legacy/polymer.dom.js","../polymer/lib/utils/html-tag.js"],function(_exports,_polymerLegacy,_ironDropdown,_fadeInAnimation,_fadeOutAnimation,_defaultTheme,_shadow,_paperMenuButtonAnimations,_ironA11yKeysBehavior,_ironControlState,_polymerFn,_polymerDom,_htmlTag){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PaperMenuButton=void 0;function _templateObject_6960b65054f411e9aeb367f92c5b63ab(){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_6960b65054f411e9aeb367f92c5b63ab=function(){return data};return data}var config={ANIMATION_CUBIC_BEZIER:"cubic-bezier(.3,.95,.5,1)",MAX_ANIMATION_TIME_MS:400},PaperMenuButton=(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_6960b65054f411e9aeb367f92c5b63ab()),is:"paper-menu-button",behaviors:[_ironA11yKeysBehavior.IronA11yKeysBehavior,_ironControlState.IronControlState],properties:{opened:{type:Boolean,value:!1,notify:!0,observer:"_openedChanged"},horizontalAlign:{type:String,value:"left",reflectToAttribute:!0},verticalAlign:{type:String,value:"top",reflectToAttribute:!0},dynamicAlign:{type:Boolean},horizontalOffset:{type:Number,value:0,notify:!0},verticalOffset:{type:Number,value:0,notify:!0},noOverlap:{type:Boolean},noAnimations:{type:Boolean,value:!1},ignoreSelect:{type:Boolean,value:!1},closeOnActivate:{type:Boolean,value:!1},openAnimationConfig:{type:Object,value:function value(){return[{name:"fade-in-animation",timing:{delay:100,duration:200}},{name:"paper-menu-grow-width-animation",timing:{delay:100,duration:150,easing:config.ANIMATION_CUBIC_BEZIER}},{name:"paper-menu-grow-height-animation",timing:{delay:100,duration:275,easing:config.ANIMATION_CUBIC_BEZIER}}]}},closeAnimationConfig:{type:Object,value:function value(){return[{name:"fade-out-animation",timing:{duration:150}},{name:"paper-menu-shrink-width-animation",timing:{delay:100,duration:50,easing:config.ANIMATION_CUBIC_BEZIER}},{name:"paper-menu-shrink-height-animation",timing:{duration:200,easing:"ease-in"}}]}},allowOutsideScroll:{type:Boolean,value:!1},restoreFocusOnClose:{type:Boolean,value:!0},_dropdownContent:{type:Object}},hostAttributes:{role:"group","aria-haspopup":"true"},listeners:{"iron-activate":"_onIronActivate","iron-select":"_onIronSelect"},get contentElement(){for(var nodes=(0,_polymerDom.dom)(this.$.content).getDistributedNodes(),i=0,l=nodes.length;i<l;i++){if(nodes[i].nodeType===Node.ELEMENT_NODE){return nodes[i]}}},toggle:function toggle(){if(this.opened){this.close()}else{this.open()}},open:function open(){if(this.disabled){return}this.$.dropdown.open()},close:function close(){this.$.dropdown.close()},_onIronSelect:function _onIronSelect(){if(!this.ignoreSelect){this.close()}},_onIronActivate:function _onIronActivate(){if(this.closeOnActivate){this.close()}},_openedChanged:function _openedChanged(opened,oldOpened){if(opened){this._dropdownContent=this.contentElement;this.fire("paper-dropdown-open")}else if(null!=oldOpened){this.fire("paper-dropdown-close")}},_disabledChanged:function _disabledChanged(disabled){_ironControlState.IronControlState._disabledChanged.apply(this,arguments);if(disabled&&this.opened){this.close()}},__onIronOverlayCanceled:function __onIronOverlayCanceled(event){var uiEvent=event.detail,trigger=this.$.trigger,path=(0,_polymerDom.dom)(uiEvent).path;if(-1<path.indexOf(trigger)){event.preventDefault()}}});_exports.PaperMenuButton=PaperMenuButton;Object.keys(config).forEach(function(key){PaperMenuButton[key]=config[key]})});
\ No newline at end of file
+define(["exports","../polymer/polymer-legacy.js","../iron-dropdown/iron-dropdown.js","../neon-animation/animations/fade-in-animation.js","../neon-animation/animations/fade-out-animation.js","../paper-styles/default-theme.js","../paper-styles/shadow.js","./paper-menu-button-animations.js","../iron-a11y-keys-behavior/iron-a11y-keys-behavior.js","../iron-behaviors/iron-control-state.js","../polymer/lib/legacy/polymer-fn.js","../polymer/lib/legacy/polymer.dom.js","../polymer/lib/utils/html-tag.js"],function(_exports,_polymerLegacy,_ironDropdown,_fadeInAnimation,_fadeOutAnimation,_defaultTheme,_shadow,_paperMenuButtonAnimations,_ironA11yKeysBehavior,_ironControlState,_polymerFn,_polymerDom,_htmlTag){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.PaperMenuButton=void 0;function _templateObject_fded73a0555111e98f439769bd191e33(){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_fded73a0555111e98f439769bd191e33=function(){return data};return data}var config={ANIMATION_CUBIC_BEZIER:"cubic-bezier(.3,.95,.5,1)",MAX_ANIMATION_TIME_MS:400},PaperMenuButton=(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_fded73a0555111e98f439769bd191e33()),is:"paper-menu-button",behaviors:[_ironA11yKeysBehavior.IronA11yKeysBehavior,_ironControlState.IronControlState],properties:{opened:{type:Boolean,value:!1,notify:!0,observer:"_openedChanged"},horizontalAlign:{type:String,value:"left",reflectToAttribute:!0},verticalAlign:{type:String,value:"top",reflectToAttribute:!0},dynamicAlign:{type:Boolean},horizontalOffset:{type:Number,value:0,notify:!0},verticalOffset:{type:Number,value:0,notify:!0},noOverlap:{type:Boolean},noAnimations:{type:Boolean,value:!1},ignoreSelect:{type:Boolean,value:!1},closeOnActivate:{type:Boolean,value:!1},openAnimationConfig:{type:Object,value:function value(){return[{name:"fade-in-animation",timing:{delay:100,duration:200}},{name:"paper-menu-grow-width-animation",timing:{delay:100,duration:150,easing:config.ANIMATION_CUBIC_BEZIER}},{name:"paper-menu-grow-height-animation",timing:{delay:100,duration:275,easing:config.ANIMATION_CUBIC_BEZIER}}]}},closeAnimationConfig:{type:Object,value:function value(){return[{name:"fade-out-animation",timing:{duration:150}},{name:"paper-menu-shrink-width-animation",timing:{delay:100,duration:50,easing:config.ANIMATION_CUBIC_BEZIER}},{name:"paper-menu-shrink-height-animation",timing:{duration:200,easing:"ease-in"}}]}},allowOutsideScroll:{type:Boolean,value:!1},restoreFocusOnClose:{type:Boolean,value:!0},_dropdownContent:{type:Object}},hostAttributes:{role:"group","aria-haspopup":"true"},listeners:{"iron-activate":"_onIronActivate","iron-select":"_onIronSelect"},get contentElement(){for(var nodes=(0,_polymerDom.dom)(this.$.content).getDistributedNodes(),i=0,l=nodes.length;i<l;i++){if(nodes[i].nodeType===Node.ELEMENT_NODE){return nodes[i]}}},toggle:function toggle(){if(this.opened){this.close()}else{this.open()}},open:function open(){if(this.disabled){return}this.$.dropdown.open()},close:function close(){this.$.dropdown.close()},_onIronSelect:function _onIronSelect(){if(!this.ignoreSelect){this.close()}},_onIronActivate:function _onIronActivate(){if(this.closeOnActivate){this.close()}},_openedChanged:function _openedChanged(opened,oldOpened){if(opened){this._dropdownContent=this.contentElement;this.fire("paper-dropdown-open")}else if(null!=oldOpened){this.fire("paper-dropdown-close")}},_disabledChanged:function _disabledChanged(disabled){_ironControlState.IronControlState._disabledChanged.apply(this,arguments);if(disabled&&this.opened){this.close()}},__onIronOverlayCanceled:function __onIronOverlayCanceled(event){var uiEvent=event.detail,trigger=this.$.trigger,path=(0,_polymerDom.dom)(uiEvent).path;if(-1<path.indexOf(trigger)){event.preventDefault()}}});_exports.PaperMenuButton=PaperMenuButton;Object.keys(config).forEach(function(key){PaperMenuButton[key]=config[key]})});
\ No newline at end of file
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 bea3cc2a760..25c59a83165 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 +1 @@
-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_6e14535054f411e9aeb367f92c5b63ab(){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_6e14535054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_6e14535054f411e9aeb367f92c5b63ab()),is:"paper-progress",behaviors:[_ironRangeBehavior.IronRangeBehavior],properties:{secondaryProgress:{type:Number,value:0},secondaryRatio:{type:Number,value:0,readOnly:!0},indeterminate:{type:Boolean,value:!1,observer:"_toggleIndeterminate"},disabled:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_disabledChanged"}},observers:["_progressChanged(secondaryProgress, value, min, max, indeterminate)"],hostAttributes:{role:"progressbar"},_toggleIndeterminate:function _toggleIndeterminate(indeterminate){this.toggleClass("indeterminate",indeterminate,this.$.primaryProgress)},_transformProgress:function _transformProgress(progress,ratio){progress.style.transform=progress.style.webkitTransform="scaleX("+ratio/100+")"},_mainRatioChanged:function _mainRatioChanged(ratio){this._transformProgress(this.$.primaryProgress,ratio)},_progressChanged:function _progressChanged(secondaryProgress,value,min,max,indeterminate){secondaryProgress=this._clampValue(secondaryProgress);value=this._clampValue(value);var secondaryRatio=100*this._calcRatio(secondaryProgress),mainRatio=100*this._calcRatio(value);this._setSecondaryRatio(secondaryRatio);this._transformProgress(this.$.secondaryProgress,secondaryRatio);this._transformProgress(this.$.primaryProgress,mainRatio);this.secondaryProgress=secondaryProgress;if(indeterminate){this.removeAttribute("aria-valuenow")}else{this.setAttribute("aria-valuenow",value)}this.setAttribute("aria-valuemin",min);this.setAttribute("aria-valuemax",max)},_disabledChanged:function _disabledChanged(disabled){this.setAttribute("aria-disabled",disabled?"true":"false")},_hideSecondaryProgress:function _hideSecondaryProgress(secondaryRatio){return 0===secondaryRatio}})});
\ No newline at end of file
+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_03024370555211e98f439769bd191e33(){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_03024370555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_03024370555211e98f439769bd191e33()),is:"paper-progress",behaviors:[_ironRangeBehavior.IronRangeBehavior],properties:{secondaryProgress:{type:Number,value:0},secondaryRatio:{type:Number,value:0,readOnly:!0},indeterminate:{type:Boolean,value:!1,observer:"_toggleIndeterminate"},disabled:{type:Boolean,value:!1,reflectToAttribute:!0,observer:"_disabledChanged"}},observers:["_progressChanged(secondaryProgress, value, min, max, indeterminate)"],hostAttributes:{role:"progressbar"},_toggleIndeterminate:function _toggleIndeterminate(indeterminate){this.toggleClass("indeterminate",indeterminate,this.$.primaryProgress)},_transformProgress:function _transformProgress(progress,ratio){progress.style.transform=progress.style.webkitTransform="scaleX("+ratio/100+")"},_mainRatioChanged:function _mainRatioChanged(ratio){this._transformProgress(this.$.primaryProgress,ratio)},_progressChanged:function _progressChanged(secondaryProgress,value,min,max,indeterminate){secondaryProgress=this._clampValue(secondaryProgress);value=this._clampValue(value);var secondaryRatio=100*this._calcRatio(secondaryProgress),mainRatio=100*this._calcRatio(value);this._setSecondaryRatio(secondaryRatio);this._transformProgress(this.$.secondaryProgress,secondaryRatio);this._transformProgress(this.$.primaryProgress,mainRatio);this.secondaryProgress=secondaryProgress;if(indeterminate){this.removeAttribute("aria-valuenow")}else{this.setAttribute("aria-valuenow",value)}this.setAttribute("aria-valuemin",min);this.setAttribute("aria-valuemax",max)},_disabledChanged:function _disabledChanged(disabled){this.setAttribute("aria-disabled",disabled?"true":"false")},_hideSecondaryProgress:function _hideSecondaryProgress(secondaryRatio){return 0===secondaryRatio}})});
\ No newline at end of file
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 e1023fa63a5..014c90ec7b8 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 +1 @@
-define(["../polymer/polymer-legacy.js","../iron-a11y-keys-behavior/iron-a11y-keys-behavior.js","../polymer/lib/legacy/polymer-fn.js","../polymer/lib/legacy/polymer.dom.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_ironA11yKeysBehavior,_polymerFn,_polymerDom,_htmlTag){"use strict";var _Mathmin=Math.min,_Mathmax=Math.max,_Mathsqrt=Math.sqrt;function _templateObject_7376f50054f411e9aeb367f92c5b63ab(){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_7376f50054f411e9aeb367f92c5b63ab=function(){return data};return data}var Utility={distance:function distance(x1,y1,x2,y2){var xDelta=x1-x2,yDelta=y1-y2;return _Mathsqrt(xDelta*xDelta+yDelta*yDelta)},now:window.performance&&window.performance.now?window.performance.now.bind(window.performance):Date.now};function ElementMetrics(element){this.element=element;this.width=this.boundingRect.width;this.height=this.boundingRect.height;this.size=_Mathmax(this.width,this.height)}ElementMetrics.prototype={get boundingRect(){return this.element.getBoundingClientRect()},furthestCornerDistanceFrom:function furthestCornerDistanceFrom(x,y){var topLeft=Utility.distance(x,y,0,0),topRight=Utility.distance(x,y,this.width,0),bottomLeft=Utility.distance(x,y,0,this.height),bottomRight=Utility.distance(x,y,this.width,this.height);return _Mathmax(topLeft,topRight,bottomLeft,bottomRight)}};function Ripple(element){this.element=element;this.color=window.getComputedStyle(element).color;this.wave=document.createElement("div");this.waveContainer=document.createElement("div");this.wave.style.backgroundColor=this.color;this.wave.classList.add("wave");this.waveContainer.classList.add("wave-container");(0,_polymerDom.dom)(this.waveContainer).appendChild(this.wave);this.resetInteractionState()}Ripple.MAX_RADIUS=300;Ripple.prototype={get recenters(){return this.element.recenters},get center(){return this.element.center},get mouseDownElapsed(){var elapsed;if(!this.mouseDownStart){return 0}elapsed=Utility.now()-this.mouseDownStart;if(this.mouseUpStart){elapsed-=this.mouseUpElapsed}return elapsed},get mouseUpElapsed(){return this.mouseUpStart?Utility.now()-this.mouseUpStart:0},get mouseDownElapsedSeconds(){return this.mouseDownElapsed/1e3},get mouseUpElapsedSeconds(){return this.mouseUpElapsed/1e3},get mouseInteractionSeconds(){return this.mouseDownElapsedSeconds+this.mouseUpElapsedSeconds},get initialOpacity(){return this.element.initialOpacity},get opacityDecayVelocity(){return this.element.opacityDecayVelocity},get radius(){var width2=this.containerMetrics.width*this.containerMetrics.width,height2=this.containerMetrics.height*this.containerMetrics.height,waveRadius=1.1*_Mathmin(_Mathsqrt(width2+height2),Ripple.MAX_RADIUS)+5,duration=1.1-.2*(waveRadius/Ripple.MAX_RADIUS),timeNow=this.mouseInteractionSeconds/duration,size=waveRadius*(1-Math.pow(80,-timeNow));return Math.abs(size)},get opacity(){if(!this.mouseUpStart){return this.initialOpacity}return _Mathmax(0,this.initialOpacity-this.mouseUpElapsedSeconds*this.opacityDecayVelocity)},get outerOpacity(){var outerOpacity=.3*this.mouseUpElapsedSeconds,waveOpacity=this.opacity;return _Mathmax(0,_Mathmin(outerOpacity,waveOpacity))},get isOpacityFullyDecayed(){return .01>this.opacity&&this.radius>=_Mathmin(this.maxRadius,Ripple.MAX_RADIUS)},get isRestingAtMaxRadius(){return this.opacity>=this.initialOpacity&&this.radius>=_Mathmin(this.maxRadius,Ripple.MAX_RADIUS)},get isAnimationComplete(){return this.mouseUpStart?this.isOpacityFullyDecayed:this.isRestingAtMaxRadius},get translationFraction(){return _Mathmin(1,2*(this.radius/this.containerMetrics.size)/1.4142135623730951)},get xNow(){if(this.xEnd){return this.xStart+this.translationFraction*(this.xEnd-this.xStart)}return this.xStart},get yNow(){if(this.yEnd){return this.yStart+this.translationFraction*(this.yEnd-this.yStart)}return this.yStart},get isMouseDown(){return this.mouseDownStart&&!this.mouseUpStart},resetInteractionState:function resetInteractionState(){this.maxRadius=0;this.mouseDownStart=0;this.mouseUpStart=0;this.xStart=0;this.yStart=0;this.xEnd=0;this.yEnd=0;this.slideDistance=0;this.containerMetrics=new ElementMetrics(this.element)},draw:function draw(){var scale,dx,dy;this.wave.style.opacity=this.opacity;scale=this.radius/(this.containerMetrics.size/2);dx=this.xNow-this.containerMetrics.width/2;dy=this.yNow-this.containerMetrics.height/2;this.waveContainer.style.webkitTransform="translate("+dx+"px, "+dy+"px)";this.waveContainer.style.transform="translate3d("+dx+"px, "+dy+"px, 0)";this.wave.style.webkitTransform="scale("+scale+","+scale+")";this.wave.style.transform="scale3d("+scale+","+scale+",1)"},downAction:function downAction(event){var xCenter=this.containerMetrics.width/2,yCenter=this.containerMetrics.height/2;this.resetInteractionState();this.mouseDownStart=Utility.now();if(this.center){this.xStart=xCenter;this.yStart=yCenter;this.slideDistance=Utility.distance(this.xStart,this.yStart,this.xEnd,this.yEnd)}else{this.xStart=event?event.detail.x-this.containerMetrics.boundingRect.left:this.containerMetrics.width/2;this.yStart=event?event.detail.y-this.containerMetrics.boundingRect.top:this.containerMetrics.height/2}if(this.recenters){this.xEnd=xCenter;this.yEnd=yCenter;this.slideDistance=Utility.distance(this.xStart,this.yStart,this.xEnd,this.yEnd)}this.maxRadius=this.containerMetrics.furthestCornerDistanceFrom(this.xStart,this.yStart);this.waveContainer.style.top=(this.containerMetrics.height-this.containerMetrics.size)/2+"px";this.waveContainer.style.left=(this.containerMetrics.width-this.containerMetrics.size)/2+"px";this.waveContainer.style.width=this.containerMetrics.size+"px";this.waveContainer.style.height=this.containerMetrics.size+"px"},upAction:function upAction(){if(!this.isMouseDown){return}this.mouseUpStart=Utility.now()},remove:function remove(){(0,_polymerDom.dom)(this.waveContainer.parentNode).removeChild(this.waveContainer)}};(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_7376f50054f411e9aeb367f92c5b63ab()),is:"paper-ripple",behaviors:[_ironA11yKeysBehavior.IronA11yKeysBehavior],properties:{initialOpacity:{type:Number,value:.25},opacityDecayVelocity:{type:Number,value:.8},recenters:{type:Boolean,value:!1},center:{type:Boolean,value:!1},ripples:{type:Array,value:function value(){return[]}},animating:{type:Boolean,readOnly:!0,reflectToAttribute:!0,value:!1},holdDown:{type:Boolean,value:!1,observer:"_holdDownChanged"},noink:{type:Boolean,value:!1},_animating:{type:Boolean},_boundAnimate:{type:Function,value:function value(){return this.animate.bind(this)}}},get target(){return this.keyEventTarget},keyBindings:{"enter:keydown":"_onEnterKeydown","space:keydown":"_onSpaceKeydown","space:keyup":"_onSpaceKeyup"},attached:function attached(){if(11==this.parentNode.nodeType){this.keyEventTarget=(0,_polymerDom.dom)(this).getOwnerRoot().host}else{this.keyEventTarget=this.parentNode}var keyEventTarget=this.keyEventTarget;this.listen(keyEventTarget,"up","uiUpAction");this.listen(keyEventTarget,"down","uiDownAction")},detached:function detached(){this.unlisten(this.keyEventTarget,"up","uiUpAction");this.unlisten(this.keyEventTarget,"down","uiDownAction");this.keyEventTarget=null},get shouldKeepAnimating(){for(var index=0;index<this.ripples.length;++index){if(!this.ripples[index].isAnimationComplete){return!0}}return!1},simulatedRipple:function simulatedRipple(){this.downAction(null);this.async(function(){this.upAction()},1)},uiDownAction:function uiDownAction(event){if(!this.noink){this.downAction(event)}},downAction:function downAction(event){if(this.holdDown&&0<this.ripples.length){return}var ripple=this.addRipple();ripple.downAction(event);if(!this._animating){this._animating=!0;this.animate()}},uiUpAction:function uiUpAction(event){if(!this.noink){this.upAction(event)}},upAction:function upAction(event){if(this.holdDown){return}this.ripples.forEach(function(ripple){ripple.upAction(event)});this._animating=!0;this.animate()},onAnimationComplete:function onAnimationComplete(){this._animating=!1;this.$.background.style.backgroundColor=null;this.fire("transitionend")},addRipple:function addRipple(){var ripple=new Ripple(this);(0,_polymerDom.dom)(this.$.waves).appendChild(ripple.waveContainer);this.$.background.style.backgroundColor=ripple.color;this.ripples.push(ripple);this._setAnimating(!0);return ripple},removeRipple:function removeRipple(ripple){var rippleIndex=this.ripples.indexOf(ripple);if(0>rippleIndex){return}this.ripples.splice(rippleIndex,1);ripple.remove();if(!this.ripples.length){this._setAnimating(!1)}},animate:function animate(){if(!this._animating){return}var index,ripple;for(index=0;index<this.ripples.length;++index){ripple=this.ripples[index];ripple.draw();this.$.background.style.opacity=ripple.outerOpacity;if(ripple.isOpacityFullyDecayed&&!ripple.isRestingAtMaxRadius){this.removeRipple(ripple)}}if(!this.shouldKeepAnimating&&0===this.ripples.length){this.onAnimationComplete()}else{window.requestAnimationFrame(this._boundAnimate)}},animateRipple:function animateRipple(){return this.animate()},_onEnterKeydown:function _onEnterKeydown(){this.uiDownAction();this.async(this.uiUpAction,1)},_onSpaceKeydown:function _onSpaceKeydown(){this.uiDownAction()},_onSpaceKeyup:function _onSpaceKeyup(){this.uiUpAction()},_holdDownChanged:function _holdDownChanged(newVal,oldVal){if(oldVal===void 0){return}if(newVal){this.downAction()}else{this.upAction()}}})});
\ No newline at end of file
+define(["../polymer/polymer-legacy.js","../iron-a11y-keys-behavior/iron-a11y-keys-behavior.js","../polymer/lib/legacy/polymer-fn.js","../polymer/lib/legacy/polymer.dom.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_ironA11yKeysBehavior,_polymerFn,_polymerDom,_htmlTag){"use strict";var _Mathmin=Math.min,_Mathmax=Math.max,_Mathsqrt=Math.sqrt;function _templateObject_08845400555211e98f439769bd191e33(){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_08845400555211e98f439769bd191e33=function(){return data};return data}var Utility={distance:function distance(x1,y1,x2,y2){var xDelta=x1-x2,yDelta=y1-y2;return _Mathsqrt(xDelta*xDelta+yDelta*yDelta)},now:window.performance&&window.performance.now?window.performance.now.bind(window.performance):Date.now};function ElementMetrics(element){this.element=element;this.width=this.boundingRect.width;this.height=this.boundingRect.height;this.size=_Mathmax(this.width,this.height)}ElementMetrics.prototype={get boundingRect(){return this.element.getBoundingClientRect()},furthestCornerDistanceFrom:function furthestCornerDistanceFrom(x,y){var topLeft=Utility.distance(x,y,0,0),topRight=Utility.distance(x,y,this.width,0),bottomLeft=Utility.distance(x,y,0,this.height),bottomRight=Utility.distance(x,y,this.width,this.height);return _Mathmax(topLeft,topRight,bottomLeft,bottomRight)}};function Ripple(element){this.element=element;this.color=window.getComputedStyle(element).color;this.wave=document.createElement("div");this.waveContainer=document.createElement("div");this.wave.style.backgroundColor=this.color;this.wave.classList.add("wave");this.waveContainer.classList.add("wave-container");(0,_polymerDom.dom)(this.waveContainer).appendChild(this.wave);this.resetInteractionState()}Ripple.MAX_RADIUS=300;Ripple.prototype={get recenters(){return this.element.recenters},get center(){return this.element.center},get mouseDownElapsed(){var elapsed;if(!this.mouseDownStart){return 0}elapsed=Utility.now()-this.mouseDownStart;if(this.mouseUpStart){elapsed-=this.mouseUpElapsed}return elapsed},get mouseUpElapsed(){return this.mouseUpStart?Utility.now()-this.mouseUpStart:0},get mouseDownElapsedSeconds(){return this.mouseDownElapsed/1e3},get mouseUpElapsedSeconds(){return this.mouseUpElapsed/1e3},get mouseInteractionSeconds(){return this.mouseDownElapsedSeconds+this.mouseUpElapsedSeconds},get initialOpacity(){return this.element.initialOpacity},get opacityDecayVelocity(){return this.element.opacityDecayVelocity},get radius(){var width2=this.containerMetrics.width*this.containerMetrics.width,height2=this.containerMetrics.height*this.containerMetrics.height,waveRadius=1.1*_Mathmin(_Mathsqrt(width2+height2),Ripple.MAX_RADIUS)+5,duration=1.1-.2*(waveRadius/Ripple.MAX_RADIUS),timeNow=this.mouseInteractionSeconds/duration,size=waveRadius*(1-Math.pow(80,-timeNow));return Math.abs(size)},get opacity(){if(!this.mouseUpStart){return this.initialOpacity}return _Mathmax(0,this.initialOpacity-this.mouseUpElapsedSeconds*this.opacityDecayVelocity)},get outerOpacity(){var outerOpacity=.3*this.mouseUpElapsedSeconds,waveOpacity=this.opacity;return _Mathmax(0,_Mathmin(outerOpacity,waveOpacity))},get isOpacityFullyDecayed(){return .01>this.opacity&&this.radius>=_Mathmin(this.maxRadius,Ripple.MAX_RADIUS)},get isRestingAtMaxRadius(){return this.opacity>=this.initialOpacity&&this.radius>=_Mathmin(this.maxRadius,Ripple.MAX_RADIUS)},get isAnimationComplete(){return this.mouseUpStart?this.isOpacityFullyDecayed:this.isRestingAtMaxRadius},get translationFraction(){return _Mathmin(1,2*(this.radius/this.containerMetrics.size)/1.4142135623730951)},get xNow(){if(this.xEnd){return this.xStart+this.translationFraction*(this.xEnd-this.xStart)}return this.xStart},get yNow(){if(this.yEnd){return this.yStart+this.translationFraction*(this.yEnd-this.yStart)}return this.yStart},get isMouseDown(){return this.mouseDownStart&&!this.mouseUpStart},resetInteractionState:function resetInteractionState(){this.maxRadius=0;this.mouseDownStart=0;this.mouseUpStart=0;this.xStart=0;this.yStart=0;this.xEnd=0;this.yEnd=0;this.slideDistance=0;this.containerMetrics=new ElementMetrics(this.element)},draw:function draw(){var scale,dx,dy;this.wave.style.opacity=this.opacity;scale=this.radius/(this.containerMetrics.size/2);dx=this.xNow-this.containerMetrics.width/2;dy=this.yNow-this.containerMetrics.height/2;this.waveContainer.style.webkitTransform="translate("+dx+"px, "+dy+"px)";this.waveContainer.style.transform="translate3d("+dx+"px, "+dy+"px, 0)";this.wave.style.webkitTransform="scale("+scale+","+scale+")";this.wave.style.transform="scale3d("+scale+","+scale+",1)"},downAction:function downAction(event){var xCenter=this.containerMetrics.width/2,yCenter=this.containerMetrics.height/2;this.resetInteractionState();this.mouseDownStart=Utility.now();if(this.center){this.xStart=xCenter;this.yStart=yCenter;this.slideDistance=Utility.distance(this.xStart,this.yStart,this.xEnd,this.yEnd)}else{this.xStart=event?event.detail.x-this.containerMetrics.boundingRect.left:this.containerMetrics.width/2;this.yStart=event?event.detail.y-this.containerMetrics.boundingRect.top:this.containerMetrics.height/2}if(this.recenters){this.xEnd=xCenter;this.yEnd=yCenter;this.slideDistance=Utility.distance(this.xStart,this.yStart,this.xEnd,this.yEnd)}this.maxRadius=this.containerMetrics.furthestCornerDistanceFrom(this.xStart,this.yStart);this.waveContainer.style.top=(this.containerMetrics.height-this.containerMetrics.size)/2+"px";this.waveContainer.style.left=(this.containerMetrics.width-this.containerMetrics.size)/2+"px";this.waveContainer.style.width=this.containerMetrics.size+"px";this.waveContainer.style.height=this.containerMetrics.size+"px"},upAction:function upAction(){if(!this.isMouseDown){return}this.mouseUpStart=Utility.now()},remove:function remove(){(0,_polymerDom.dom)(this.waveContainer.parentNode).removeChild(this.waveContainer)}};(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_08845400555211e98f439769bd191e33()),is:"paper-ripple",behaviors:[_ironA11yKeysBehavior.IronA11yKeysBehavior],properties:{initialOpacity:{type:Number,value:.25},opacityDecayVelocity:{type:Number,value:.8},recenters:{type:Boolean,value:!1},center:{type:Boolean,value:!1},ripples:{type:Array,value:function value(){return[]}},animating:{type:Boolean,readOnly:!0,reflectToAttribute:!0,value:!1},holdDown:{type:Boolean,value:!1,observer:"_holdDownChanged"},noink:{type:Boolean,value:!1},_animating:{type:Boolean},_boundAnimate:{type:Function,value:function value(){return this.animate.bind(this)}}},get target(){return this.keyEventTarget},keyBindings:{"enter:keydown":"_onEnterKeydown","space:keydown":"_onSpaceKeydown","space:keyup":"_onSpaceKeyup"},attached:function attached(){if(11==this.parentNode.nodeType){this.keyEventTarget=(0,_polymerDom.dom)(this).getOwnerRoot().host}else{this.keyEventTarget=this.parentNode}var keyEventTarget=this.keyEventTarget;this.listen(keyEventTarget,"up","uiUpAction");this.listen(keyEventTarget,"down","uiDownAction")},detached:function detached(){this.unlisten(this.keyEventTarget,"up","uiUpAction");this.unlisten(this.keyEventTarget,"down","uiDownAction");this.keyEventTarget=null},get shouldKeepAnimating(){for(var index=0;index<this.ripples.length;++index){if(!this.ripples[index].isAnimationComplete){return!0}}return!1},simulatedRipple:function simulatedRipple(){this.downAction(null);this.async(function(){this.upAction()},1)},uiDownAction:function uiDownAction(event){if(!this.noink){this.downAction(event)}},downAction:function downAction(event){if(this.holdDown&&0<this.ripples.length){return}var ripple=this.addRipple();ripple.downAction(event);if(!this._animating){this._animating=!0;this.animate()}},uiUpAction:function uiUpAction(event){if(!this.noink){this.upAction(event)}},upAction:function upAction(event){if(this.holdDown){return}this.ripples.forEach(function(ripple){ripple.upAction(event)});this._animating=!0;this.animate()},onAnimationComplete:function onAnimationComplete(){this._animating=!1;this.$.background.style.backgroundColor=null;this.fire("transitionend")},addRipple:function addRipple(){var ripple=new Ripple(this);(0,_polymerDom.dom)(this.$.waves).appendChild(ripple.waveContainer);this.$.background.style.backgroundColor=ripple.color;this.ripples.push(ripple);this._setAnimating(!0);return ripple},removeRipple:function removeRipple(ripple){var rippleIndex=this.ripples.indexOf(ripple);if(0>rippleIndex){return}this.ripples.splice(rippleIndex,1);ripple.remove();if(!this.ripples.length){this._setAnimating(!1)}},animate:function animate(){if(!this._animating){return}var index,ripple;for(index=0;index<this.ripples.length;++index){ripple=this.ripples[index];ripple.draw();this.$.background.style.opacity=ripple.outerOpacity;if(ripple.isOpacityFullyDecayed&&!ripple.isRestingAtMaxRadius){this.removeRipple(ripple)}}if(!this.shouldKeepAnimating&&0===this.ripples.length){this.onAnimationComplete()}else{window.requestAnimationFrame(this._boundAnimate)}},animateRipple:function animateRipple(){return this.animate()},_onEnterKeydown:function _onEnterKeydown(){this.uiDownAction();this.async(this.uiUpAction,1)},_onSpaceKeydown:function _onSpaceKeydown(){this.uiDownAction()},_onSpaceKeyup:function _onSpaceKeyup(){this.uiUpAction()},_holdDownChanged:function _holdDownChanged(newVal,oldVal){if(oldVal===void 0){return}if(newVal){this.downAction()}else{this.upAction()}}})});
\ No newline at end of file
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 539a734c5b3..c9e8fdec350 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 +1 @@
-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_6a345a0054f411e9aeb367f92c5b63ab(){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_6a345a0054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_polymerLegacy.html)(_templateObject_6a345a0054f411e9aeb367f92c5b63ab());template.setAttribute("strip-whitespace","");(0,_polymerFn.Polymer)({_template:template,is:"paper-slider",behaviors:[_ironA11yKeysBehavior.IronA11yKeysBehavior,_ironFormElementBehavior.IronFormElementBehavior,_paperInkyFocusBehavior.PaperInkyFocusBehavior,_ironRangeBehavior.IronRangeBehavior],properties:{value:{type:Number,value:0},snaps:{type:Boolean,value:!1,notify:!0},pin:{type:Boolean,value:!1,notify:!0},secondaryProgress:{type:Number,value:0,notify:!0,observer:"_secondaryProgressChanged"},editable:{type:Boolean,value:!1},immediateValue:{type:Number,value:0,readOnly:!0,notify:!0},maxMarkers:{type:Number,value:0,notify:!0},expand:{type:Boolean,value:!1,readOnly:!0},ignoreBarTouch:{type:Boolean,value:!1},dragging:{type:Boolean,value:!1,readOnly:!0,notify:!0},transiting:{type:Boolean,value:!1,readOnly:!0},markers:{type:Array,readOnly:!0,value:function value(){return[]}}},observers:["_updateKnob(value, min, max, snaps, step)","_valueChanged(value)","_immediateValueChanged(immediateValue)","_updateMarkers(maxMarkers, min, max, snaps)"],hostAttributes:{role:"slider",tabindex:0},keyBindings:{left:"_leftKey",right:"_rightKey","down pagedown home":"_decrementKey","up pageup end":"_incrementKey"},ready:function ready(){if(this.ignoreBarTouch){(0,_gestures.setTouchAction)(this.$.sliderBar,"auto")}},increment:function increment(){this.value=this._clampValue(this.value+this.step)},decrement:function decrement(){this.value=this._clampValue(this.value-this.step)},_updateKnob:function _updateKnob(value,min,max){this.setAttribute("aria-valuemin",min);this.setAttribute("aria-valuemax",max);this.setAttribute("aria-valuenow",value);this._positionKnob(100*this._calcRatio(value))},_valueChanged:function _valueChanged(){this.fire("value-change",{composed:!0})},_immediateValueChanged:function _immediateValueChanged(){if(this.dragging){this.fire("immediate-value-change",{composed:!0})}else{this.value=this.immediateValue}},_secondaryProgressChanged:function _secondaryProgressChanged(){this.secondaryProgress=this._clampValue(this.secondaryProgress)},_expandKnob:function _expandKnob(){this._setExpand(!0)},_resetKnob:function _resetKnob(){this.cancelDebouncer("expandKnob");this._setExpand(!1)},_positionKnob:function _positionKnob(ratio){this._setImmediateValue(this._calcStep(this._calcKnobPosition(ratio)));this._setRatio(100*this._calcRatio(this.immediateValue));this.$.sliderKnob.style.left=this.ratio+"%";if(this.dragging){this._knobstartx=this.ratio*this._w/100;this.translate3d(0,0,0,this.$.sliderKnob)}},_calcKnobPosition:function _calcKnobPosition(ratio){return(this.max-this.min)*ratio/100+this.min},_onTrack:function _onTrack(event){event.stopPropagation();switch(event.detail.state){case"start":this._trackStart(event);break;case"track":this._trackX(event);break;case"end":this._trackEnd();break;}},_trackStart:function _trackStart(){this._setTransiting(!1);this._w=this.$.sliderBar.offsetWidth;this._x=this.ratio*this._w/100;this._startx=this._x;this._knobstartx=this._startx;this._minx=-this._startx;this._maxx=this._w-this._startx;this.$.sliderKnob.classList.add("dragging");this._setDragging(!0)},_trackX:function _trackX(event){if(!this.dragging){this._trackStart(event)}var direction=this._isRTL?-1:1,dx=Math.min(this._maxx,Math.max(this._minx,event.detail.dx*direction));this._x=this._startx+dx;var immediateValue=this._calcStep(this._calcKnobPosition(100*(this._x/this._w)));this._setImmediateValue(immediateValue);var translateX=this._calcRatio(this.immediateValue)*this._w-this._knobstartx;this.translate3d(translateX+"px",0,0,this.$.sliderKnob)},_trackEnd:function _trackEnd(){var s=this.$.sliderKnob.style;this.$.sliderKnob.classList.remove("dragging");this._setDragging(!1);this._resetKnob();this.value=this.immediateValue;s.transform=s.webkitTransform="";this.fire("change",{composed:!0})},_knobdown:function _knobdown(event){this._expandKnob();event.preventDefault();this.focus()},_bartrack:function _bartrack(event){if(this._allowBarEvent(event)){this._onTrack(event)}},_barclick:function _barclick(event){this._w=this.$.sliderBar.offsetWidth;var rect=this.$.sliderBar.getBoundingClientRect(),ratio=100*((event.detail.x-rect.left)/this._w);if(this._isRTL){ratio=100-ratio}var prevRatio=this.ratio;this._setTransiting(!0);this._positionKnob(ratio);if(prevRatio===this.ratio){this._setTransiting(!1)}this.async(function(){this.fire("change",{composed:!0})});event.preventDefault();this.focus()},_bardown:function _bardown(event){if(this._allowBarEvent(event)){this.debounce("expandKnob",this._expandKnob,60);this._barclick(event)}},_knobTransitionEnd:function _knobTransitionEnd(event){if(event.target===this.$.sliderKnob){this._setTransiting(!1)}},_updateMarkers:function _updateMarkers(maxMarkers,min,max,snaps){if(!snaps){this._setMarkers([])}var steps=Math.round((max-min)/this.step);if(steps>maxMarkers){steps=maxMarkers}if(0>steps||!isFinite(steps)){steps=0}this._setMarkers(Array(steps))},_mergeClasses:function _mergeClasses(classes){return Object.keys(classes).filter(function(className){return classes[className]}).join(" ")},_getClassNames:function _getClassNames(){return this._mergeClasses({disabled:this.disabled,pin:this.pin,snaps:this.snaps,ring:this.immediateValue<=this.min,expand:this.expand,dragging:this.dragging,transiting:this.transiting,editable:this.editable})},_allowBarEvent:function _allowBarEvent(event){return!this.ignoreBarTouch||babelHelpers.instanceof(event.detail.sourceEvent,MouseEvent)},get _isRTL(){if(this.__isRTL===void 0){this.__isRTL="rtl"===window.getComputedStyle(this).direction}return this.__isRTL},_leftKey:function _leftKey(event){if(this._isRTL)this._incrementKey(event);else this._decrementKey(event)},_rightKey:function _rightKey(event){if(this._isRTL)this._decrementKey(event);else this._incrementKey(event)},_incrementKey:function _incrementKey(event){if(!this.disabled){if("end"===event.detail.key){this.value=this.max}else{this.increment()}this.fire("change");event.preventDefault()}},_decrementKey:function _decrementKey(event){if(!this.disabled){if("home"===event.detail.key){this.value=this.min}else{this.decrement()}this.fire("change");event.preventDefault()}},_changeValue:function _changeValue(event){this.value=event.target.value;this.fire("change",{composed:!0})},_inputKeyDown:function _inputKeyDown(event){event.stopPropagation()},_createRipple:function _createRipple(){this._rippleContainer=this.$.sliderKnob;return _paperInkyFocusBehavior.PaperInkyFocusBehaviorImpl._createRipple.call(this)},_focusedChanged:function _focusedChanged(receivedFocusFromKeyboard){if(receivedFocusFromKeyboard){this.ensureRipple()}if(this.hasRipple()){if(receivedFocusFromKeyboard){this._ripple.style.display=""}else{this._ripple.style.display="none"}this._ripple.holdDown=receivedFocusFromKeyboard}}})});
\ No newline at end of file
+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_ff15c700555111e98f439769bd191e33(){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_ff15c700555111e98f439769bd191e33=function(){return data};return data}var template=(0,_polymerLegacy.html)(_templateObject_ff15c700555111e98f439769bd191e33());template.setAttribute("strip-whitespace","");(0,_polymerFn.Polymer)({_template:template,is:"paper-slider",behaviors:[_ironA11yKeysBehavior.IronA11yKeysBehavior,_ironFormElementBehavior.IronFormElementBehavior,_paperInkyFocusBehavior.PaperInkyFocusBehavior,_ironRangeBehavior.IronRangeBehavior],properties:{value:{type:Number,value:0},snaps:{type:Boolean,value:!1,notify:!0},pin:{type:Boolean,value:!1,notify:!0},secondaryProgress:{type:Number,value:0,notify:!0,observer:"_secondaryProgressChanged"},editable:{type:Boolean,value:!1},immediateValue:{type:Number,value:0,readOnly:!0,notify:!0},maxMarkers:{type:Number,value:0,notify:!0},expand:{type:Boolean,value:!1,readOnly:!0},ignoreBarTouch:{type:Boolean,value:!1},dragging:{type:Boolean,value:!1,readOnly:!0,notify:!0},transiting:{type:Boolean,value:!1,readOnly:!0},markers:{type:Array,readOnly:!0,value:function value(){return[]}}},observers:["_updateKnob(value, min, max, snaps, step)","_valueChanged(value)","_immediateValueChanged(immediateValue)","_updateMarkers(maxMarkers, min, max, snaps)"],hostAttributes:{role:"slider",tabindex:0},keyBindings:{left:"_leftKey",right:"_rightKey","down pagedown home":"_decrementKey","up pageup end":"_incrementKey"},ready:function ready(){if(this.ignoreBarTouch){(0,_gestures.setTouchAction)(this.$.sliderBar,"auto")}},increment:function increment(){this.value=this._clampValue(this.value+this.step)},decrement:function decrement(){this.value=this._clampValue(this.value-this.step)},_updateKnob:function _updateKnob(value,min,max){this.setAttribute("aria-valuemin",min);this.setAttribute("aria-valuemax",max);this.setAttribute("aria-valuenow",value);this._positionKnob(100*this._calcRatio(value))},_valueChanged:function _valueChanged(){this.fire("value-change",{composed:!0})},_immediateValueChanged:function _immediateValueChanged(){if(this.dragging){this.fire("immediate-value-change",{composed:!0})}else{this.value=this.immediateValue}},_secondaryProgressChanged:function _secondaryProgressChanged(){this.secondaryProgress=this._clampValue(this.secondaryProgress)},_expandKnob:function _expandKnob(){this._setExpand(!0)},_resetKnob:function _resetKnob(){this.cancelDebouncer("expandKnob");this._setExpand(!1)},_positionKnob:function _positionKnob(ratio){this._setImmediateValue(this._calcStep(this._calcKnobPosition(ratio)));this._setRatio(100*this._calcRatio(this.immediateValue));this.$.sliderKnob.style.left=this.ratio+"%";if(this.dragging){this._knobstartx=this.ratio*this._w/100;this.translate3d(0,0,0,this.$.sliderKnob)}},_calcKnobPosition:function _calcKnobPosition(ratio){return(this.max-this.min)*ratio/100+this.min},_onTrack:function _onTrack(event){event.stopPropagation();switch(event.detail.state){case"start":this._trackStart(event);break;case"track":this._trackX(event);break;case"end":this._trackEnd();break;}},_trackStart:function _trackStart(){this._setTransiting(!1);this._w=this.$.sliderBar.offsetWidth;this._x=this.ratio*this._w/100;this._startx=this._x;this._knobstartx=this._startx;this._minx=-this._startx;this._maxx=this._w-this._startx;this.$.sliderKnob.classList.add("dragging");this._setDragging(!0)},_trackX:function _trackX(event){if(!this.dragging){this._trackStart(event)}var direction=this._isRTL?-1:1,dx=Math.min(this._maxx,Math.max(this._minx,event.detail.dx*direction));this._x=this._startx+dx;var immediateValue=this._calcStep(this._calcKnobPosition(100*(this._x/this._w)));this._setImmediateValue(immediateValue);var translateX=this._calcRatio(this.immediateValue)*this._w-this._knobstartx;this.translate3d(translateX+"px",0,0,this.$.sliderKnob)},_trackEnd:function _trackEnd(){var s=this.$.sliderKnob.style;this.$.sliderKnob.classList.remove("dragging");this._setDragging(!1);this._resetKnob();this.value=this.immediateValue;s.transform=s.webkitTransform="";this.fire("change",{composed:!0})},_knobdown:function _knobdown(event){this._expandKnob();event.preventDefault();this.focus()},_bartrack:function _bartrack(event){if(this._allowBarEvent(event)){this._onTrack(event)}},_barclick:function _barclick(event){this._w=this.$.sliderBar.offsetWidth;var rect=this.$.sliderBar.getBoundingClientRect(),ratio=100*((event.detail.x-rect.left)/this._w);if(this._isRTL){ratio=100-ratio}var prevRatio=this.ratio;this._setTransiting(!0);this._positionKnob(ratio);if(prevRatio===this.ratio){this._setTransiting(!1)}this.async(function(){this.fire("change",{composed:!0})});event.preventDefault();this.focus()},_bardown:function _bardown(event){if(this._allowBarEvent(event)){this.debounce("expandKnob",this._expandKnob,60);this._barclick(event)}},_knobTransitionEnd:function _knobTransitionEnd(event){if(event.target===this.$.sliderKnob){this._setTransiting(!1)}},_updateMarkers:function _updateMarkers(maxMarkers,min,max,snaps){if(!snaps){this._setMarkers([])}var steps=Math.round((max-min)/this.step);if(steps>maxMarkers){steps=maxMarkers}if(0>steps||!isFinite(steps)){steps=0}this._setMarkers(Array(steps))},_mergeClasses:function _mergeClasses(classes){return Object.keys(classes).filter(function(className){return classes[className]}).join(" ")},_getClassNames:function _getClassNames(){return this._mergeClasses({disabled:this.disabled,pin:this.pin,snaps:this.snaps,ring:this.immediateValue<=this.min,expand:this.expand,dragging:this.dragging,transiting:this.transiting,editable:this.editable})},_allowBarEvent:function _allowBarEvent(event){return!this.ignoreBarTouch||babelHelpers.instanceof(event.detail.sourceEvent,MouseEvent)},get _isRTL(){if(this.__isRTL===void 0){this.__isRTL="rtl"===window.getComputedStyle(this).direction}return this.__isRTL},_leftKey:function _leftKey(event){if(this._isRTL)this._incrementKey(event);else this._decrementKey(event)},_rightKey:function _rightKey(event){if(this._isRTL)this._decrementKey(event);else this._incrementKey(event)},_incrementKey:function _incrementKey(event){if(!this.disabled){if("end"===event.detail.key){this.value=this.max}else{this.increment()}this.fire("change");event.preventDefault()}},_decrementKey:function _decrementKey(event){if(!this.disabled){if("home"===event.detail.key){this.value=this.min}else{this.decrement()}this.fire("change");event.preventDefault()}},_changeValue:function _changeValue(event){this.value=event.target.value;this.fire("change",{composed:!0})},_inputKeyDown:function _inputKeyDown(event){event.stopPropagation()},_createRipple:function _createRipple(){this._rippleContainer=this.$.sliderKnob;return _paperInkyFocusBehavior.PaperInkyFocusBehaviorImpl._createRipple.call(this)},_focusedChanged:function _focusedChanged(receivedFocusFromKeyboard){if(receivedFocusFromKeyboard){this.ensureRipple()}if(this.hasRipple()){if(receivedFocusFromKeyboard){this._ripple.style.display=""}else{this._ripple.style.display="none"}this._ripple.holdDown=receivedFocusFromKeyboard}}})});
\ No newline at end of file
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 dfaed25f6b8..f670c9b82cc 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 +1 @@
-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_6a52424054f411e9aeb367f92c5b63ab(){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\"></div>\n      <div class=\"circle-clipper right\"></div>\n    </div>\n\n    <div class=\"spinner-layer layer-2\">\n      <div class=\"circle-clipper left\"></div>\n      <div class=\"circle-clipper right\"></div>\n    </div>\n\n    <div class=\"spinner-layer layer-3\">\n      <div class=\"circle-clipper left\"></div>\n      <div class=\"circle-clipper right\"></div>\n    </div>\n\n    <div class=\"spinner-layer layer-4\">\n      <div class=\"circle-clipper left\"></div>\n      <div class=\"circle-clipper right\"></div>\n    </div>\n  </div>\n"]);_templateObject_6a52424054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_6a52424054f411e9aeb367f92c5b63ab());template.setAttribute("strip-whitespace","");(0,_polymerFn.Polymer)({_template:template,is:"paper-spinner",behaviors:[_paperSpinnerBehavior.PaperSpinnerBehavior]})});
\ No newline at end of file
+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_ff1f63f0555111e98f439769bd191e33(){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\"></div>\n      <div class=\"circle-clipper right\"></div>\n    </div>\n\n    <div class=\"spinner-layer layer-2\">\n      <div class=\"circle-clipper left\"></div>\n      <div class=\"circle-clipper right\"></div>\n    </div>\n\n    <div class=\"spinner-layer layer-3\">\n      <div class=\"circle-clipper left\"></div>\n      <div class=\"circle-clipper right\"></div>\n    </div>\n\n    <div class=\"spinner-layer layer-4\">\n      <div class=\"circle-clipper left\"></div>\n      <div class=\"circle-clipper right\"></div>\n    </div>\n  </div>\n"]);_templateObject_ff1f63f0555111e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_ff1f63f0555111e98f439769bd191e33());template.setAttribute("strip-whitespace","");(0,_polymerFn.Polymer)({_template:template,is:"paper-spinner",behaviors:[_paperSpinnerBehavior.PaperSpinnerBehavior]})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@polymer/paper-styles/color.js b/build/es5-amd/node_modules/@polymer/paper-styles/color.js
index 9b56d74e7c2..cbe6ae7fd7a 100644
--- a/build/es5-amd/node_modules/@polymer/paper-styles/color.js
+++ b/build/es5-amd/node_modules/@polymer/paper-styles/color.js
@@ -1 +1 @@
-define(["../polymer/polymer-legacy.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_htmlTag){"use strict";function _templateObject_77d7de2054f411e9aeb367f92c5b63ab(){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_77d7de2054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_77d7de2054f411e9aeb367f92c5b63ab());template.setAttribute("style","display: none;");document.head.appendChild(template.content)});
\ No newline at end of file
+define(["../polymer/polymer-legacy.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_htmlTag){"use strict";function _templateObject_0c79d120555211e98f439769bd191e33(){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_0c79d120555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_0c79d120555211e98f439769bd191e33());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 f3c9a30e9bd..2f73a51fa33 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 +1 @@
-define(["../polymer/polymer-legacy.js","./color.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_color,_htmlTag){"use strict";function _templateObject_774980d054f411e9aeb367f92c5b63ab(){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_774980d054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_774980d054f411e9aeb367f92c5b63ab());template.setAttribute("style","display: none;");document.head.appendChild(template.content)});
\ No newline at end of file
+define(["../polymer/polymer-legacy.js","./color.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_color,_htmlTag){"use strict";function _templateObject_0bf22a90555211e98f439769bd191e33(){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_0bf22a90555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_0bf22a90555211e98f439769bd191e33());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 544a1b36cc9..86e762662d3 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 +1 @@
-define(["../../polymer/polymer-legacy.js","../shadow.js","../../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_shadow,_htmlTag){"use strict";function _templateObject_78b56ce054f411e9aeb367f92c5b63ab(){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_78b56ce054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_78b56ce054f411e9aeb367f92c5b63ab());template.setAttribute("style","display: none;");document.head.appendChild(template.content)});
\ No newline at end of file
+define(["../../polymer/polymer-legacy.js","../shadow.js","../../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_shadow,_htmlTag){"use strict";function _templateObject_0da49580555211e98f439769bd191e33(){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_0da49580555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_0da49580555211e98f439769bd191e33());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 736a9d07eeb..8624b0899af 100644
--- a/build/es5-amd/node_modules/@polymer/paper-styles/shadow.js
+++ b/build/es5-amd/node_modules/@polymer/paper-styles/shadow.js
@@ -1 +1 @@
-define(["../polymer/polymer-legacy.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_htmlTag){"use strict";function _templateObject_7346481054f411e9aeb367f92c5b63ab(){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_7346481054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_7346481054f411e9aeb367f92c5b63ab());template.setAttribute("style","display: none;");document.head.appendChild(template.content)});
\ No newline at end of file
+define(["../polymer/polymer-legacy.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_htmlTag){"use strict";function _templateObject_085358f0555211e98f439769bd191e33(){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_085358f0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_085358f0555211e98f439769bd191e33());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 c9c1a65079a..8ddeec1f843 100644
--- a/build/es5-amd/node_modules/@polymer/paper-styles/typography.js
+++ b/build/es5-amd/node_modules/@polymer/paper-styles/typography.js
@@ -1 +1 @@
-define(["../polymer/polymer-legacy.js","../font-roboto/roboto.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_roboto,_htmlTag){"use strict";function _templateObject_791f795054f411e9aeb367f92c5b63ab(){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_791f795054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_791f795054f411e9aeb367f92c5b63ab());template.setAttribute("style","display: none;");document.head.appendChild(template.content)});
\ No newline at end of file
+define(["../polymer/polymer-legacy.js","../font-roboto/roboto.js","../polymer/lib/utils/html-tag.js"],function(_polymerLegacy,_roboto,_htmlTag){"use strict";function _templateObject_0e0b94b0555211e98f439769bd191e33(){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_0e0b94b0555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_0e0b94b0555211e98f439769bd191e33());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 2961fdd7ecf..a0bcc94f8d6 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 +1 @@
-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_73c7d42054f411e9aeb367f92c5b63ab(){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\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_73c7d42054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_73c7d42054f411e9aeb367f92c5b63ab()),is:"paper-tab",behaviors:[_ironControlState.IronControlState,_ironButtonState.IronButtonState,_paperRippleBehavior.PaperRippleBehavior],properties:{link:{type:Boolean,value:!1,reflectToAttribute:!0}},hostAttributes:{role:"tab"},listeners:{down:"_updateNoink",tap:"_onTap"},attached:function attached(){this._updateNoink()},get _parentNoink(){var parent=(0,_polymerDom.dom)(this).parentNode;return!!parent&&!!parent.noink},_updateNoink:function _updateNoink(){this.noink=!!this.noink||!!this._parentNoink},_onTap:function _onTap(event){if(this.link){var anchor=this.queryEffectiveChildren("a");if(!anchor){return}if(event.target===anchor){return}anchor.click()}}})});
\ No newline at end of file
+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_08c7c5a0555211e98f439769bd191e33(){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\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_08c7c5a0555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_08c7c5a0555211e98f439769bd191e33()),is:"paper-tab",behaviors:[_ironControlState.IronControlState,_ironButtonState.IronButtonState,_paperRippleBehavior.PaperRippleBehavior],properties:{link:{type:Boolean,value:!1,reflectToAttribute:!0}},hostAttributes:{role:"tab"},listeners:{down:"_updateNoink",tap:"_onTap"},attached:function attached(){this._updateNoink()},get _parentNoink(){var parent=(0,_polymerDom.dom)(this).parentNode;return!!parent&&!!parent.noink},_updateNoink:function _updateNoink(){this.noink=!!this.noink||!!this._parentNoink},_onTap:function _onTap(event){if(this.link){var anchor=this.queryEffectiveChildren("a");if(!anchor){return}if(event.target===anchor){return}anchor.click()}}})});
\ No newline at end of file
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 0ce61bf59bd..238feff71fc 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 +1 @@
-define(["../iron-iconset-svg/iron-iconset-svg.js","../polymer/lib/utils/html-tag.js"],function(_ironIconsetSvg,_htmlTag){"use strict";function _templateObject_77dce73054f411e9aeb367f92c5b63ab(){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_77dce73054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_77dce73054f411e9aeb367f92c5b63ab());document.head.appendChild(template.content)});
\ No newline at end of file
+define(["../iron-iconset-svg/iron-iconset-svg.js","../polymer/lib/utils/html-tag.js"],function(_ironIconsetSvg,_htmlTag){"use strict";function _templateObject_0c7e8c10555211e98f439769bd191e33(){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_0c7e8c10555211e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_0c7e8c10555211e98f439769bd191e33());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 e12be476207..ea047057ad5 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 +1 @@
-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_6999a0a054f411e9aeb367f92c5b63ab(){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_6999a0a054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_6999a0a054f411e9aeb367f92c5b63ab()),is:"paper-tabs",behaviors:[_ironResizableBehavior.IronResizableBehavior,_ironMenubarBehavior.IronMenubarBehavior],properties:{noink:{type:Boolean,value:!1,observer:"_noinkChanged"},noBar:{type:Boolean,value:!1},noSlide:{type:Boolean,value:!1},scrollable:{type:Boolean,value:!1},fitContainer:{type:Boolean,value:!1},disableDrag:{type:Boolean,value:!1},hideScrollButtons:{type:Boolean,value:!1},alignBottom:{type:Boolean,value:!1},selectable:{type:String,value:"paper-tab"},autoselect:{type:Boolean,value:!1},autoselectDelay:{type:Number,value:0},_step:{type:Number,value:10},_holdDelay:{type:Number,value:1},_leftHidden:{type:Boolean,value:!1},_rightHidden:{type:Boolean,value:!1},_previousTab:{type:Object}},hostAttributes:{role:"tablist"},listeners:{"iron-resize":"_onTabSizingChanged","iron-items-changed":"_onTabSizingChanged","iron-select":"_onIronSelect","iron-deselect":"_onIronDeselect"},keyBindings:{"left:keyup right:keyup":"_onArrowKeyup"},created:function created(){this._holdJob=null;this._pendingActivationItem=void 0;this._pendingActivationTimeout=void 0;this._bindDelayedActivationHandler=this._delayedActivationHandler.bind(this);this.addEventListener("blur",this._onBlurCapture.bind(this),!0)},ready:function ready(){this.setScrollDirection("y",this.$.tabsContainer)},detached:function detached(){this._cancelPendingActivation()},_noinkChanged:function _noinkChanged(noink){var childTabs=(0,_polymerDom.dom)(this).querySelectorAll("paper-tab");childTabs.forEach(noink?this._setNoinkAttribute:this._removeNoinkAttribute)},_setNoinkAttribute:function _setNoinkAttribute(element){element.setAttribute("noink","")},_removeNoinkAttribute:function _removeNoinkAttribute(element){element.removeAttribute("noink")},_computeScrollButtonClass:function _computeScrollButtonClass(hideThisButton,scrollable,hideScrollButtons){if(!scrollable||hideScrollButtons){return"hidden"}if(hideThisButton){return"not-visible"}return""},_computeTabsContentClass:function _computeTabsContentClass(scrollable,fitContainer){return scrollable?"scrollable"+(fitContainer?" fit-container":""):" fit-container"},_computeSelectionBarClass:function _computeSelectionBarClass(noBar,alignBottom){if(noBar){return"hidden"}else if(alignBottom){return"align-bottom"}return""},_onTabSizingChanged:function _onTabSizingChanged(){this.debounce("_onTabSizingChanged",function(){this._scroll();this._tabChanged(this.selectedItem)},10)},_onIronSelect:function _onIronSelect(event){this._tabChanged(event.detail.item,this._previousTab);this._previousTab=event.detail.item;this.cancelDebouncer("tab-changed")},_onIronDeselect:function _onIronDeselect(){this.debounce("tab-changed",function(){this._tabChanged(null,this._previousTab);this._previousTab=null},1)},_activateHandler:function _activateHandler(){this._cancelPendingActivation();_ironMenuBehavior.IronMenuBehaviorImpl._activateHandler.apply(this,arguments)},_scheduleActivation:function _scheduleActivation(item,delay){this._pendingActivationItem=item;this._pendingActivationTimeout=this.async(this._bindDelayedActivationHandler,delay)},_delayedActivationHandler:function _delayedActivationHandler(){var item=this._pendingActivationItem;this._pendingActivationItem=void 0;this._pendingActivationTimeout=void 0;item.fire(this.activateEvent,null,{bubbles:!0,cancelable:!0})},_cancelPendingActivation:function _cancelPendingActivation(){if(this._pendingActivationTimeout!==void 0){this.cancelAsync(this._pendingActivationTimeout);this._pendingActivationItem=void 0;this._pendingActivationTimeout=void 0}},_onArrowKeyup:function _onArrowKeyup(){if(this.autoselect){this._scheduleActivation(this.focusedItem,this.autoselectDelay)}},_onBlurCapture:function _onBlurCapture(event){if(event.target===this._pendingActivationItem){this._cancelPendingActivation()}},get _tabContainerScrollSize(){return Math.max(0,this.$.tabsContainer.scrollWidth-this.$.tabsContainer.offsetWidth)},_scroll:function _scroll(e,detail){if(!this.scrollable){return}var ddx=detail&&-detail.ddx||0;this._affectScroll(ddx)},_down:function _down(){this.async(function(){if(this._defaultFocusAsync){this.cancelAsync(this._defaultFocusAsync);this._defaultFocusAsync=null}},1)},_affectScroll:function _affectScroll(dx){this.$.tabsContainer.scrollLeft+=dx;var scrollLeft=this.$.tabsContainer.scrollLeft;this._leftHidden=0===scrollLeft;this._rightHidden=scrollLeft===this._tabContainerScrollSize},_onLeftScrollButtonDown:function _onLeftScrollButtonDown(){this._scrollToLeft();this._holdJob=setInterval(this._scrollToLeft.bind(this),this._holdDelay)},_onRightScrollButtonDown:function _onRightScrollButtonDown(){this._scrollToRight();this._holdJob=setInterval(this._scrollToRight.bind(this),this._holdDelay)},_onScrollButtonUp:function _onScrollButtonUp(){clearInterval(this._holdJob);this._holdJob=null},_scrollToLeft:function _scrollToLeft(){this._affectScroll(-this._step)},_scrollToRight:function _scrollToRight(){this._affectScroll(this._step)},_tabChanged:function _tabChanged(tab,old){if(!tab){this.$.selectionBar.classList.remove("expand");this.$.selectionBar.classList.remove("contract");this._positionBar(0,0);return}var r=this.$.tabsContent.getBoundingClientRect(),w=r.width,tabRect=tab.getBoundingClientRect(),tabOffsetLeft=tabRect.left-r.left;this._pos={width:this._calcPercent(tabRect.width,w),left:this._calcPercent(tabOffsetLeft,w)};if(this.noSlide||null==old){this.$.selectionBar.classList.remove("expand");this.$.selectionBar.classList.remove("contract");this._positionBar(this._pos.width,this._pos.left);return}var oldRect=old.getBoundingClientRect(),oldIndex=this.items.indexOf(old),index=this.items.indexOf(tab),m=5;this.$.selectionBar.classList.add("expand");var moveRight=oldIndex<index,isRTL=this._isRTL;if(isRTL){moveRight=!moveRight}if(moveRight){this._positionBar(this._calcPercent(tabRect.left+tabRect.width-oldRect.left,w)-m,this._left)}else{this._positionBar(this._calcPercent(oldRect.left+oldRect.width-tabRect.left,w)-m,this._calcPercent(tabOffsetLeft,w)+m)}if(this.scrollable){this._scrollToSelectedIfNeeded(tabRect.width,tabOffsetLeft)}},_scrollToSelectedIfNeeded:function _scrollToSelectedIfNeeded(tabWidth,tabOffsetLeft){var l=tabOffsetLeft-this.$.tabsContainer.scrollLeft;if(0>l){this.$.tabsContainer.scrollLeft+=l}else{l+=tabWidth-this.$.tabsContainer.offsetWidth;if(0<l){this.$.tabsContainer.scrollLeft+=l}}},_calcPercent:function _calcPercent(w,w0){return 100*w/w0},_positionBar:function _positionBar(width,left){width=width||0;left=left||0;this._width=width;this._left=left;this.transform("translateX("+left+"%) scaleX("+width/100+")",this.$.selectionBar)},_onBarTransitionEnd:function _onBarTransitionEnd(){var cl=this.$.selectionBar.classList;if(cl.contains("expand")){cl.remove("expand");cl.add("contract");this._positionBar(this._pos.width,this._pos.left)}else if(cl.contains("contract")){cl.remove("contract")}}})});
\ No newline at end of file
+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_fe1dd270555111e98f439769bd191e33(){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_fe1dd270555111e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_fe1dd270555111e98f439769bd191e33()),is:"paper-tabs",behaviors:[_ironResizableBehavior.IronResizableBehavior,_ironMenubarBehavior.IronMenubarBehavior],properties:{noink:{type:Boolean,value:!1,observer:"_noinkChanged"},noBar:{type:Boolean,value:!1},noSlide:{type:Boolean,value:!1},scrollable:{type:Boolean,value:!1},fitContainer:{type:Boolean,value:!1},disableDrag:{type:Boolean,value:!1},hideScrollButtons:{type:Boolean,value:!1},alignBottom:{type:Boolean,value:!1},selectable:{type:String,value:"paper-tab"},autoselect:{type:Boolean,value:!1},autoselectDelay:{type:Number,value:0},_step:{type:Number,value:10},_holdDelay:{type:Number,value:1},_leftHidden:{type:Boolean,value:!1},_rightHidden:{type:Boolean,value:!1},_previousTab:{type:Object}},hostAttributes:{role:"tablist"},listeners:{"iron-resize":"_onTabSizingChanged","iron-items-changed":"_onTabSizingChanged","iron-select":"_onIronSelect","iron-deselect":"_onIronDeselect"},keyBindings:{"left:keyup right:keyup":"_onArrowKeyup"},created:function created(){this._holdJob=null;this._pendingActivationItem=void 0;this._pendingActivationTimeout=void 0;this._bindDelayedActivationHandler=this._delayedActivationHandler.bind(this);this.addEventListener("blur",this._onBlurCapture.bind(this),!0)},ready:function ready(){this.setScrollDirection("y",this.$.tabsContainer)},detached:function detached(){this._cancelPendingActivation()},_noinkChanged:function _noinkChanged(noink){var childTabs=(0,_polymerDom.dom)(this).querySelectorAll("paper-tab");childTabs.forEach(noink?this._setNoinkAttribute:this._removeNoinkAttribute)},_setNoinkAttribute:function _setNoinkAttribute(element){element.setAttribute("noink","")},_removeNoinkAttribute:function _removeNoinkAttribute(element){element.removeAttribute("noink")},_computeScrollButtonClass:function _computeScrollButtonClass(hideThisButton,scrollable,hideScrollButtons){if(!scrollable||hideScrollButtons){return"hidden"}if(hideThisButton){return"not-visible"}return""},_computeTabsContentClass:function _computeTabsContentClass(scrollable,fitContainer){return scrollable?"scrollable"+(fitContainer?" fit-container":""):" fit-container"},_computeSelectionBarClass:function _computeSelectionBarClass(noBar,alignBottom){if(noBar){return"hidden"}else if(alignBottom){return"align-bottom"}return""},_onTabSizingChanged:function _onTabSizingChanged(){this.debounce("_onTabSizingChanged",function(){this._scroll();this._tabChanged(this.selectedItem)},10)},_onIronSelect:function _onIronSelect(event){this._tabChanged(event.detail.item,this._previousTab);this._previousTab=event.detail.item;this.cancelDebouncer("tab-changed")},_onIronDeselect:function _onIronDeselect(){this.debounce("tab-changed",function(){this._tabChanged(null,this._previousTab);this._previousTab=null},1)},_activateHandler:function _activateHandler(){this._cancelPendingActivation();_ironMenuBehavior.IronMenuBehaviorImpl._activateHandler.apply(this,arguments)},_scheduleActivation:function _scheduleActivation(item,delay){this._pendingActivationItem=item;this._pendingActivationTimeout=this.async(this._bindDelayedActivationHandler,delay)},_delayedActivationHandler:function _delayedActivationHandler(){var item=this._pendingActivationItem;this._pendingActivationItem=void 0;this._pendingActivationTimeout=void 0;item.fire(this.activateEvent,null,{bubbles:!0,cancelable:!0})},_cancelPendingActivation:function _cancelPendingActivation(){if(this._pendingActivationTimeout!==void 0){this.cancelAsync(this._pendingActivationTimeout);this._pendingActivationItem=void 0;this._pendingActivationTimeout=void 0}},_onArrowKeyup:function _onArrowKeyup(){if(this.autoselect){this._scheduleActivation(this.focusedItem,this.autoselectDelay)}},_onBlurCapture:function _onBlurCapture(event){if(event.target===this._pendingActivationItem){this._cancelPendingActivation()}},get _tabContainerScrollSize(){return Math.max(0,this.$.tabsContainer.scrollWidth-this.$.tabsContainer.offsetWidth)},_scroll:function _scroll(e,detail){if(!this.scrollable){return}var ddx=detail&&-detail.ddx||0;this._affectScroll(ddx)},_down:function _down(){this.async(function(){if(this._defaultFocusAsync){this.cancelAsync(this._defaultFocusAsync);this._defaultFocusAsync=null}},1)},_affectScroll:function _affectScroll(dx){this.$.tabsContainer.scrollLeft+=dx;var scrollLeft=this.$.tabsContainer.scrollLeft;this._leftHidden=0===scrollLeft;this._rightHidden=scrollLeft===this._tabContainerScrollSize},_onLeftScrollButtonDown:function _onLeftScrollButtonDown(){this._scrollToLeft();this._holdJob=setInterval(this._scrollToLeft.bind(this),this._holdDelay)},_onRightScrollButtonDown:function _onRightScrollButtonDown(){this._scrollToRight();this._holdJob=setInterval(this._scrollToRight.bind(this),this._holdDelay)},_onScrollButtonUp:function _onScrollButtonUp(){clearInterval(this._holdJob);this._holdJob=null},_scrollToLeft:function _scrollToLeft(){this._affectScroll(-this._step)},_scrollToRight:function _scrollToRight(){this._affectScroll(this._step)},_tabChanged:function _tabChanged(tab,old){if(!tab){this.$.selectionBar.classList.remove("expand");this.$.selectionBar.classList.remove("contract");this._positionBar(0,0);return}var r=this.$.tabsContent.getBoundingClientRect(),w=r.width,tabRect=tab.getBoundingClientRect(),tabOffsetLeft=tabRect.left-r.left;this._pos={width:this._calcPercent(tabRect.width,w),left:this._calcPercent(tabOffsetLeft,w)};if(this.noSlide||null==old){this.$.selectionBar.classList.remove("expand");this.$.selectionBar.classList.remove("contract");this._positionBar(this._pos.width,this._pos.left);return}var oldRect=old.getBoundingClientRect(),oldIndex=this.items.indexOf(old),index=this.items.indexOf(tab),m=5;this.$.selectionBar.classList.add("expand");var moveRight=oldIndex<index,isRTL=this._isRTL;if(isRTL){moveRight=!moveRight}if(moveRight){this._positionBar(this._calcPercent(tabRect.left+tabRect.width-oldRect.left,w)-m,this._left)}else{this._positionBar(this._calcPercent(oldRect.left+oldRect.width-tabRect.left,w)-m,this._calcPercent(tabOffsetLeft,w)+m)}if(this.scrollable){this._scrollToSelectedIfNeeded(tabRect.width,tabOffsetLeft)}},_scrollToSelectedIfNeeded:function _scrollToSelectedIfNeeded(tabWidth,tabOffsetLeft){var l=tabOffsetLeft-this.$.tabsContainer.scrollLeft;if(0>l){this.$.tabsContainer.scrollLeft+=l}else{l+=tabWidth-this.$.tabsContainer.offsetWidth;if(0<l){this.$.tabsContainer.scrollLeft+=l}}},_calcPercent:function _calcPercent(w,w0){return 100*w/w0},_positionBar:function _positionBar(width,left){width=width||0;left=left||0;this._width=width;this._left=left;this.transform("translateX("+left+"%) scaleX("+width/100+")",this.$.selectionBar)},_onBarTransitionEnd:function _onBarTransitionEnd(){var cl=this.$.selectionBar.classList;if(cl.contains("expand")){cl.remove("expand");cl.add("contract");this._positionBar(this._pos.width,this._pos.left)}else if(cl.contains("contract")){cl.remove("contract")}}})});
\ No newline at end of file
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 a578fab9a50..f4e078d20ab 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 +1 @@
-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_697501a054f411e9aeb367f92c5b63ab(){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_697501a054f411e9aeb367f92c5b63ab=function(){return data};return data}var currentToast=null;(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_697501a054f411e9aeb367f92c5b63ab()),is:"paper-toast",behaviors:[_ironOverlayBehavior.IronOverlayBehavior],properties:{fitInto:{type:Object,value:window,observer:"_onFitIntoChanged"},horizontalAlign:{type:String,value:"left"},verticalAlign:{type:String,value:"bottom"},duration:{type:Number,value:3e3},text:{type:String,value:""},noCancelOnOutsideClick:{type:Boolean,value:!0},noAutoFocus:{type:Boolean,value:!0}},listeners:{transitionend:"__onTransitionEnd"},get visible(){_polymerLegacy.Base._warn("`visible` is deprecated, use `opened` instead");return this.opened},get _canAutoClose(){return 0<this.duration&&this.duration!==1/0},created:function created(){this._autoClose=null;_ironA11yAnnouncer.IronA11yAnnouncer.requestAvailability()},show:function show(properties){if("string"==typeof properties){properties={text:properties}}for(var property in properties){if(0===property.indexOf("_")){_polymerLegacy.Base._warn("The property \""+property+"\" is private and was not set.")}else if(property in this){this[property]=properties[property]}else{_polymerLegacy.Base._warn("The property \""+property+"\" is not valid.")}}this.open()},hide:function hide(){this.close()},__onTransitionEnd:function __onTransitionEnd(e){if(e&&e.target===this&&"opacity"===e.propertyName){if(this.opened){this._finishRenderOpened()}else{this._finishRenderClosed()}}},_openedChanged:function _openedChanged(){if(null!==this._autoClose){this.cancelAsync(this._autoClose);this._autoClose=null}if(this.opened){if(currentToast&&currentToast!==this){currentToast.close()}currentToast=this;this.fire("iron-announce",{text:this.text});if(this._canAutoClose){this._autoClose=this.async(this.close,this.duration)}}else if(currentToast===this){currentToast=null}_ironOverlayBehavior.IronOverlayBehaviorImpl._openedChanged.apply(this,arguments)},_renderOpened:function _renderOpened(){this.classList.add("paper-toast-open")},_renderClosed:function _renderClosed(){this.classList.remove("paper-toast-open")},_onFitIntoChanged:function _onFitIntoChanged(fitInto){this.positionTarget=fitInto}})});
\ No newline at end of file
+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_fdfc19a0555111e98f439769bd191e33(){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_fdfc19a0555111e98f439769bd191e33=function(){return data};return data}var currentToast=null;(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_fdfc19a0555111e98f439769bd191e33()),is:"paper-toast",behaviors:[_ironOverlayBehavior.IronOverlayBehavior],properties:{fitInto:{type:Object,value:window,observer:"_onFitIntoChanged"},horizontalAlign:{type:String,value:"left"},verticalAlign:{type:String,value:"bottom"},duration:{type:Number,value:3e3},text:{type:String,value:""},noCancelOnOutsideClick:{type:Boolean,value:!0},noAutoFocus:{type:Boolean,value:!0}},listeners:{transitionend:"__onTransitionEnd"},get visible(){_polymerLegacy.Base._warn("`visible` is deprecated, use `opened` instead");return this.opened},get _canAutoClose(){return 0<this.duration&&this.duration!==1/0},created:function created(){this._autoClose=null;_ironA11yAnnouncer.IronA11yAnnouncer.requestAvailability()},show:function show(properties){if("string"==typeof properties){properties={text:properties}}for(var property in properties){if(0===property.indexOf("_")){_polymerLegacy.Base._warn("The property \""+property+"\" is private and was not set.")}else if(property in this){this[property]=properties[property]}else{_polymerLegacy.Base._warn("The property \""+property+"\" is not valid.")}}this.open()},hide:function hide(){this.close()},__onTransitionEnd:function __onTransitionEnd(e){if(e&&e.target===this&&"opacity"===e.propertyName){if(this.opened){this._finishRenderOpened()}else{this._finishRenderClosed()}}},_openedChanged:function _openedChanged(){if(null!==this._autoClose){this.cancelAsync(this._autoClose);this._autoClose=null}if(this.opened){if(currentToast&&currentToast!==this){currentToast.close()}currentToast=this;this.fire("iron-announce",{text:this.text});if(this._canAutoClose){this._autoClose=this.async(this.close,this.duration)}}else if(currentToast===this){currentToast=null}_ironOverlayBehavior.IronOverlayBehaviorImpl._openedChanged.apply(this,arguments)},_renderOpened:function _renderOpened(){this.classList.add("paper-toast-open")},_renderClosed:function _renderClosed(){this.classList.remove("paper-toast-open")},_onFitIntoChanged:function _onFitIntoChanged(fitInto){this.positionTarget=fitInto}})});
\ No newline at end of file
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 dfd5c26c333..0d8c5253da8 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 +1 @@
-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_69ef61c054f411e9aeb367f92c5b63ab(){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_69ef61c054f411e9aeb367f92c5b63ab=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_69ef61c054f411e9aeb367f92c5b63ab());template.setAttribute("strip-whitespace","");(0,_polymerFn.Polymer)({_template:template,is:"paper-toggle-button",behaviors:[_paperCheckedElementBehavior.PaperCheckedElementBehavior],hostAttributes:{role:"button","aria-pressed":"false",tabindex:0},properties:{},listeners:{track:"_ontrack"},attached:function attached(){(0,_renderStatus.afterNextRender)(this,function(){(0,_gestures.setTouchAction)(this,"pan-y")})},_ontrack:function _ontrack(event){var track=event.detail;if("start"===track.state){this._trackStart(track)}else if("track"===track.state){this._trackMove(track)}else if("end"===track.state){this._trackEnd(track)}},_trackStart:function _trackStart(){this._width=this.$.toggleBar.offsetWidth/2;this._trackChecked=this.checked;this.$.toggleButton.classList.add("dragging")},_trackMove:function _trackMove(track){var dx=track.dx;this._x=Math.min(this._width,Math.max(0,this._trackChecked?this._width+dx:dx));this.translate3d(this._x+"px",0,0,this.$.toggleButton);this._userActivate(this._x>this._width/2)},_trackEnd:function _trackEnd(){this.$.toggleButton.classList.remove("dragging");this.transform("",this.$.toggleButton)},_createRipple:function _createRipple(){this._rippleContainer=this.$.toggleButton;var ripple=_paperRippleBehavior.PaperRippleBehavior._createRipple();ripple.id="ink";ripple.setAttribute("recenters","");ripple.classList.add("circle","toggle-ink");return ripple}})});
\ No newline at end of file
+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_fed0a7b0555111e98f439769bd191e33(){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_fed0a7b0555111e98f439769bd191e33=function(){return data};return data}var template=(0,_htmlTag.html)(_templateObject_fed0a7b0555111e98f439769bd191e33());template.setAttribute("strip-whitespace","");(0,_polymerFn.Polymer)({_template:template,is:"paper-toggle-button",behaviors:[_paperCheckedElementBehavior.PaperCheckedElementBehavior],hostAttributes:{role:"button","aria-pressed":"false",tabindex:0},properties:{},listeners:{track:"_ontrack"},attached:function attached(){(0,_renderStatus.afterNextRender)(this,function(){(0,_gestures.setTouchAction)(this,"pan-y")})},_ontrack:function _ontrack(event){var track=event.detail;if("start"===track.state){this._trackStart(track)}else if("track"===track.state){this._trackMove(track)}else if("end"===track.state){this._trackEnd(track)}},_trackStart:function _trackStart(){this._width=this.$.toggleBar.offsetWidth/2;this._trackChecked=this.checked;this.$.toggleButton.classList.add("dragging")},_trackMove:function _trackMove(track){var dx=track.dx;this._x=Math.min(this._width,Math.max(0,this._trackChecked?this._width+dx:dx));this.translate3d(this._x+"px",0,0,this.$.toggleButton);this._userActivate(this._x>this._width/2)},_trackEnd:function _trackEnd(){this.$.toggleButton.classList.remove("dragging");this.transform("",this.$.toggleButton)},_createRipple:function _createRipple(){this._rippleContainer=this.$.toggleButton;var ripple=_paperRippleBehavior.PaperRippleBehavior._createRipple();ripple.id="ink";ripple.setAttribute("recenters","");ripple.classList.add("circle","toggle-ink");return ripple}})});
\ No newline at end of file
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 91b53bfc553..1c7bcbca009 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 +1 @@
-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_6e2fa38054f411e9aeb367f92c5b63ab(){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_6e2fa38054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_6e2fa38054f411e9aeb367f92c5b63ab()),is:"paper-tooltip",hostAttributes:{role:"tooltip",tabindex:-1},properties:{for:{type:String,observer:"_findTarget"},manualMode:{type:Boolean,value:!1,observer:"_manualModeChanged"},position:{type:String,value:"bottom"},fitToVisibleBounds:{type:Boolean,value:!1},offset:{type:Number,value:14},marginTop:{type:Number,value:14},animationDelay:{type:Number,value:500,observer:"_delayChange"},animationEntry:{type:String,value:""},animationExit:{type:String,value:""},animationConfig:{type:Object,value:function value(){return{entry:[{name:"fade-in-animation",node:this,timing:{delay:0}}],exit:[{name:"fade-out-animation",node:this}]}}},_showing:{type:Boolean,value:!1}},listeners:{webkitAnimationEnd:"_onAnimationEnd"},get target(){var parentNode=(0,_polymerDom.dom)(this).parentNode,ownerRoot=(0,_polymerDom.dom)(this).getOwnerRoot(),target;if(this.for){target=(0,_polymerDom.dom)(ownerRoot).querySelector("#"+this.for)}else{target=parentNode.nodeType==Node.DOCUMENT_FRAGMENT_NODE?ownerRoot.host:parentNode}return target},attached:function attached(){this._findTarget()},detached:function detached(){if(!this.manualMode)this._removeListeners()},playAnimation:function playAnimation(type){if("entry"===type){this.show()}else if("exit"===type){this.hide()}},cancelAnimation:function cancelAnimation(){this.$.tooltip.classList.add("cancel-animation")},show:function show(){if(this._showing)return;if(""===(0,_polymerDom.dom)(this).textContent.trim()){for(var allChildrenEmpty=!0,effectiveChildren=(0,_polymerDom.dom)(this).getEffectiveChildNodes(),i=0;i<effectiveChildren.length;i++){if(""!==effectiveChildren[i].textContent.trim()){allChildrenEmpty=!1;break}}if(allChildrenEmpty){return}}this._showing=!0;this.$.tooltip.classList.remove("hidden");this.$.tooltip.classList.remove("cancel-animation");this.$.tooltip.classList.remove(this._getAnimationType("exit"));this.updatePosition();this._animationPlaying=!0;this.$.tooltip.classList.add(this._getAnimationType("entry"))},hide:function hide(){if(!this._showing){return}if(this._animationPlaying){this._showing=!1;this._cancelAnimation();return}else{this._onAnimationFinish()}this._showing=!1;this._animationPlaying=!0},updatePosition:function updatePosition(){var _Mathmax=Math.max;if(!this._target||!this.offsetParent)return;var offset=this.offset;if(14!=this.marginTop&&14==this.offset)offset=this.marginTop;var parentRect=this.offsetParent.getBoundingClientRect(),targetRect=this._target.getBoundingClientRect(),thisRect=this.getBoundingClientRect(),horizontalCenterOffset=(targetRect.width-thisRect.width)/2,verticalCenterOffset=(targetRect.height-thisRect.height)/2,targetLeft=targetRect.left-parentRect.left,targetTop=targetRect.top-parentRect.top,tooltipLeft,tooltipTop;switch(this.position){case"top":tooltipLeft=targetLeft+horizontalCenterOffset;tooltipTop=targetTop-thisRect.height-offset;break;case"bottom":tooltipLeft=targetLeft+horizontalCenterOffset;tooltipTop=targetTop+targetRect.height+offset;break;case"left":tooltipLeft=targetLeft-thisRect.width-offset;tooltipTop=targetTop+verticalCenterOffset;break;case"right":tooltipLeft=targetLeft+targetRect.width+offset;tooltipTop=targetTop+verticalCenterOffset;break;}if(this.fitToVisibleBounds){if(parentRect.left+tooltipLeft+thisRect.width>window.innerWidth){this.style.right="0px";this.style.left="auto"}else{this.style.left=_Mathmax(0,tooltipLeft)+"px";this.style.right="auto"}if(parentRect.top+tooltipTop+thisRect.height>window.innerHeight){this.style.bottom=parentRect.height-targetTop+offset+"px";this.style.top="auto"}else{this.style.top=_Mathmax(-parentRect.top,tooltipTop)+"px";this.style.bottom="auto"}}else{this.style.left=tooltipLeft+"px";this.style.top=tooltipTop+"px"}},_addListeners:function _addListeners(){if(this._target){this.listen(this._target,"mouseenter","show");this.listen(this._target,"focus","show");this.listen(this._target,"mouseleave","hide");this.listen(this._target,"blur","hide");this.listen(this._target,"tap","hide")}this.listen(this.$.tooltip,"animationend","_onAnimationEnd");this.listen(this,"mouseenter","hide")},_findTarget:function _findTarget(){if(!this.manualMode)this._removeListeners();this._target=this.target;if(!this.manualMode)this._addListeners()},_delayChange:function _delayChange(newValue){if(500!==newValue){this.updateStyles({"--paper-tooltip-delay-in":newValue+"ms"})}},_manualModeChanged:function _manualModeChanged(){if(this.manualMode)this._removeListeners();else this._addListeners()},_cancelAnimation:function _cancelAnimation(){this.$.tooltip.classList.remove(this._getAnimationType("entry"));this.$.tooltip.classList.remove(this._getAnimationType("exit"));this.$.tooltip.classList.remove("cancel-animation");this.$.tooltip.classList.add("hidden")},_onAnimationFinish:function _onAnimationFinish(){if(this._showing){this.$.tooltip.classList.remove(this._getAnimationType("entry"));this.$.tooltip.classList.remove("cancel-animation");this.$.tooltip.classList.add(this._getAnimationType("exit"))}},_onAnimationEnd:function _onAnimationEnd(){this._animationPlaying=!1;if(!this._showing){this.$.tooltip.classList.remove(this._getAnimationType("exit"));this.$.tooltip.classList.add("hidden")}},_getAnimationType:function _getAnimationType(type){if("entry"===type&&""!==this.animationEntry){return this.animationEntry}if("exit"===type&&""!==this.animationExit){return this.animationExit}if(this.animationConfig[type]&&"string"===typeof this.animationConfig[type][0].name){if(this.animationConfig[type][0].timing&&this.animationConfig[type][0].timing.delay&&0!==this.animationConfig[type][0].timing.delay){var timingDelay=this.animationConfig[type][0].timing.delay;if("entry"===type){this.updateStyles({"--paper-tooltip-delay-in":timingDelay+"ms"})}else if("exit"===type){this.updateStyles({"--paper-tooltip-delay-out":timingDelay+"ms"})}}return this.animationConfig[type][0].name}},_removeListeners:function _removeListeners(){if(this._target){this.unlisten(this._target,"mouseenter","show");this.unlisten(this._target,"focus","show");this.unlisten(this._target,"mouseleave","hide");this.unlisten(this._target,"blur","hide");this.unlisten(this._target,"tap","hide")}this.unlisten(this.$.tooltip,"animationend","_onAnimationEnd");this.unlisten(this,"mouseenter","hide")}})});
\ No newline at end of file
+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_03199c00555211e98f439769bd191e33(){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_03199c00555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_htmlTag.html)(_templateObject_03199c00555211e98f439769bd191e33()),is:"paper-tooltip",hostAttributes:{role:"tooltip",tabindex:-1},properties:{for:{type:String,observer:"_findTarget"},manualMode:{type:Boolean,value:!1,observer:"_manualModeChanged"},position:{type:String,value:"bottom"},fitToVisibleBounds:{type:Boolean,value:!1},offset:{type:Number,value:14},marginTop:{type:Number,value:14},animationDelay:{type:Number,value:500,observer:"_delayChange"},animationEntry:{type:String,value:""},animationExit:{type:String,value:""},animationConfig:{type:Object,value:function value(){return{entry:[{name:"fade-in-animation",node:this,timing:{delay:0}}],exit:[{name:"fade-out-animation",node:this}]}}},_showing:{type:Boolean,value:!1}},listeners:{webkitAnimationEnd:"_onAnimationEnd"},get target(){var parentNode=(0,_polymerDom.dom)(this).parentNode,ownerRoot=(0,_polymerDom.dom)(this).getOwnerRoot(),target;if(this.for){target=(0,_polymerDom.dom)(ownerRoot).querySelector("#"+this.for)}else{target=parentNode.nodeType==Node.DOCUMENT_FRAGMENT_NODE?ownerRoot.host:parentNode}return target},attached:function attached(){this._findTarget()},detached:function detached(){if(!this.manualMode)this._removeListeners()},playAnimation:function playAnimation(type){if("entry"===type){this.show()}else if("exit"===type){this.hide()}},cancelAnimation:function cancelAnimation(){this.$.tooltip.classList.add("cancel-animation")},show:function show(){if(this._showing)return;if(""===(0,_polymerDom.dom)(this).textContent.trim()){for(var allChildrenEmpty=!0,effectiveChildren=(0,_polymerDom.dom)(this).getEffectiveChildNodes(),i=0;i<effectiveChildren.length;i++){if(""!==effectiveChildren[i].textContent.trim()){allChildrenEmpty=!1;break}}if(allChildrenEmpty){return}}this._showing=!0;this.$.tooltip.classList.remove("hidden");this.$.tooltip.classList.remove("cancel-animation");this.$.tooltip.classList.remove(this._getAnimationType("exit"));this.updatePosition();this._animationPlaying=!0;this.$.tooltip.classList.add(this._getAnimationType("entry"))},hide:function hide(){if(!this._showing){return}if(this._animationPlaying){this._showing=!1;this._cancelAnimation();return}else{this._onAnimationFinish()}this._showing=!1;this._animationPlaying=!0},updatePosition:function updatePosition(){var _Mathmax=Math.max;if(!this._target||!this.offsetParent)return;var offset=this.offset;if(14!=this.marginTop&&14==this.offset)offset=this.marginTop;var parentRect=this.offsetParent.getBoundingClientRect(),targetRect=this._target.getBoundingClientRect(),thisRect=this.getBoundingClientRect(),horizontalCenterOffset=(targetRect.width-thisRect.width)/2,verticalCenterOffset=(targetRect.height-thisRect.height)/2,targetLeft=targetRect.left-parentRect.left,targetTop=targetRect.top-parentRect.top,tooltipLeft,tooltipTop;switch(this.position){case"top":tooltipLeft=targetLeft+horizontalCenterOffset;tooltipTop=targetTop-thisRect.height-offset;break;case"bottom":tooltipLeft=targetLeft+horizontalCenterOffset;tooltipTop=targetTop+targetRect.height+offset;break;case"left":tooltipLeft=targetLeft-thisRect.width-offset;tooltipTop=targetTop+verticalCenterOffset;break;case"right":tooltipLeft=targetLeft+targetRect.width+offset;tooltipTop=targetTop+verticalCenterOffset;break;}if(this.fitToVisibleBounds){if(parentRect.left+tooltipLeft+thisRect.width>window.innerWidth){this.style.right="0px";this.style.left="auto"}else{this.style.left=_Mathmax(0,tooltipLeft)+"px";this.style.right="auto"}if(parentRect.top+tooltipTop+thisRect.height>window.innerHeight){this.style.bottom=parentRect.height-targetTop+offset+"px";this.style.top="auto"}else{this.style.top=_Mathmax(-parentRect.top,tooltipTop)+"px";this.style.bottom="auto"}}else{this.style.left=tooltipLeft+"px";this.style.top=tooltipTop+"px"}},_addListeners:function _addListeners(){if(this._target){this.listen(this._target,"mouseenter","show");this.listen(this._target,"focus","show");this.listen(this._target,"mouseleave","hide");this.listen(this._target,"blur","hide");this.listen(this._target,"tap","hide")}this.listen(this.$.tooltip,"animationend","_onAnimationEnd");this.listen(this,"mouseenter","hide")},_findTarget:function _findTarget(){if(!this.manualMode)this._removeListeners();this._target=this.target;if(!this.manualMode)this._addListeners()},_delayChange:function _delayChange(newValue){if(500!==newValue){this.updateStyles({"--paper-tooltip-delay-in":newValue+"ms"})}},_manualModeChanged:function _manualModeChanged(){if(this.manualMode)this._removeListeners();else this._addListeners()},_cancelAnimation:function _cancelAnimation(){this.$.tooltip.classList.remove(this._getAnimationType("entry"));this.$.tooltip.classList.remove(this._getAnimationType("exit"));this.$.tooltip.classList.remove("cancel-animation");this.$.tooltip.classList.add("hidden")},_onAnimationFinish:function _onAnimationFinish(){if(this._showing){this.$.tooltip.classList.remove(this._getAnimationType("entry"));this.$.tooltip.classList.remove("cancel-animation");this.$.tooltip.classList.add(this._getAnimationType("exit"))}},_onAnimationEnd:function _onAnimationEnd(){this._animationPlaying=!1;if(!this._showing){this.$.tooltip.classList.remove(this._getAnimationType("exit"));this.$.tooltip.classList.add("hidden")}},_getAnimationType:function _getAnimationType(type){if("entry"===type&&""!==this.animationEntry){return this.animationEntry}if("exit"===type&&""!==this.animationExit){return this.animationExit}if(this.animationConfig[type]&&"string"===typeof this.animationConfig[type][0].name){if(this.animationConfig[type][0].timing&&this.animationConfig[type][0].timing.delay&&0!==this.animationConfig[type][0].timing.delay){var timingDelay=this.animationConfig[type][0].timing.delay;if("entry"===type){this.updateStyles({"--paper-tooltip-delay-in":timingDelay+"ms"})}else if("exit"===type){this.updateStyles({"--paper-tooltip-delay-out":timingDelay+"ms"})}}return this.animationConfig[type][0].name}},_removeListeners:function _removeListeners(){if(this._target){this.unlisten(this._target,"mouseenter","show");this.unlisten(this._target,"focus","show");this.unlisten(this._target,"mouseleave","hide");this.unlisten(this._target,"blur","hide");this.unlisten(this._target,"tap","hide")}this.unlisten(this.$.tooltip,"animationend","_onAnimationEnd");this.unlisten(this,"mouseenter","hide")}})});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/@vaadin/vaadin-button/src/vaadin-button.js b/build/es5-amd/node_modules/@vaadin/vaadin-button/src/vaadin-button.js
index f38ab4a1af6..729bea127e1 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/mixins/gesture-event-listeners.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js","../../vaadin-control-state-mixin/vaadin-control-state-mixin.js","../../vaadin-element-mixin/vaadin-element-mixin.js","../../../@polymer/polymer/lib/utils/html-tag.js","../../../@polymer/polymer/lib/utils/gestures.js"],function(_exports,_polymerElement,_gestureEventListeners,_vaadinThemableMixin,_vaadinControlStateMixin,_vaadinElementMixin,_htmlTag,_gestures){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ButtonElement=void 0;function _templateObject_90ddf71054f411e9aeb367f92c5b63ab(){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_90ddf71054f411e9aeb367f92c5b63ab=function(){return data};return data}var ButtonElement=function(_ElementMixin){babelHelpers.inherits(ButtonElement,_ElementMixin);function ButtonElement(){babelHelpers.classCallCheck(this,ButtonElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(ButtonElement).apply(this,arguments))}babelHelpers.createClass(ButtonElement,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(ButtonElement.prototype),"ready",this).call(this);this.setAttribute("role","button");this.$.button.setAttribute("role","presentation");this._addActiveListeners()}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(ButtonElement.prototype),"disconnectedCallback",this).call(this);if(this.hasAttribute("active")){this.removeAttribute("active")}}},{key:"_addActiveListeners",value:function _addActiveListeners(){var _this=this;(0,_gestures.addListener)(this,"down",function(){return!_this.disabled&&_this.setAttribute("active","")});(0,_gestures.addListener)(this,"up",function(){return _this.removeAttribute("active")});this.addEventListener("keydown",function(e){return!_this.disabled&&0<=[13,32].indexOf(e.keyCode)&&_this.setAttribute("active","")});this.addEventListener("keyup",function(){return _this.removeAttribute("active")});this.addEventListener("blur",function(){return _this.removeAttribute("active")})}},{key:"focusElement",get:function get(){return this.$.button}}],[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_90ddf71054f411e9aeb367f92c5b63ab())}},{key:"is",get:function get(){return"vaadin-button"}},{key:"version",get:function get(){return"2.1.0"}}]);return ButtonElement}((0,_vaadinElementMixin.ElementMixin)((0,_vaadinControlStateMixin.ControlStateMixin)((0,_vaadinThemableMixin.ThemableMixin)((0,_gestureEventListeners.GestureEventListeners)(_polymerElement.PolymerElement)))));_exports.ButtonElement=ButtonElement;customElements.define(ButtonElement.is,ButtonElement)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/mixins/gesture-event-listeners.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js","../../vaadin-control-state-mixin/vaadin-control-state-mixin.js","../../vaadin-element-mixin/vaadin-element-mixin.js","../../../@polymer/polymer/lib/utils/html-tag.js","../../../@polymer/polymer/lib/utils/gestures.js"],function(_exports,_polymerElement,_gestureEventListeners,_vaadinThemableMixin,_vaadinControlStateMixin,_vaadinElementMixin,_htmlTag,_gestures){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ButtonElement=void 0;function _templateObject_24650430555211e98f439769bd191e33(){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_24650430555211e98f439769bd191e33=function(){return data};return data}var ButtonElement=function(_ElementMixin){babelHelpers.inherits(ButtonElement,_ElementMixin);function ButtonElement(){babelHelpers.classCallCheck(this,ButtonElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(ButtonElement).apply(this,arguments))}babelHelpers.createClass(ButtonElement,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(ButtonElement.prototype),"ready",this).call(this);this.setAttribute("role","button");this.$.button.setAttribute("role","presentation");this._addActiveListeners()}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(ButtonElement.prototype),"disconnectedCallback",this).call(this);if(this.hasAttribute("active")){this.removeAttribute("active")}}},{key:"_addActiveListeners",value:function _addActiveListeners(){var _this=this;(0,_gestures.addListener)(this,"down",function(){return!_this.disabled&&_this.setAttribute("active","")});(0,_gestures.addListener)(this,"up",function(){return _this.removeAttribute("active")});this.addEventListener("keydown",function(e){return!_this.disabled&&0<=[13,32].indexOf(e.keyCode)&&_this.setAttribute("active","")});this.addEventListener("keyup",function(){return _this.removeAttribute("active")});this.addEventListener("blur",function(){return _this.removeAttribute("active")})}},{key:"focusElement",get:function get(){return this.$.button}}],[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_24650430555211e98f439769bd191e33())}},{key:"is",get:function get(){return"vaadin-button"}},{key:"version",get:function get(){return"2.1.0"}}]);return ButtonElement}((0,_vaadinElementMixin.ElementMixin)((0,_vaadinControlStateMixin.ControlStateMixin)((0,_vaadinThemableMixin.ThemableMixin)((0,_gestureEventListeners.GestureEventListeners)(_polymerElement.PolymerElement)))));_exports.ButtonElement=ButtonElement;customElements.define(ButtonElement.is,ButtonElement)});
\ No newline at end of file
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 17067a4261a..cabc47c51df 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/mixins/gesture-event-listeners.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js","../../vaadin-control-state-mixin/vaadin-control-state-mixin.js","../../vaadin-element-mixin/vaadin-element-mixin.js","../../../@polymer/polymer/lib/utils/html-tag.js"],function(_exports,_polymerElement,_gestureEventListeners,_vaadinThemableMixin,_vaadinControlStateMixin,_vaadinElementMixin,_htmlTag){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.CheckboxElement=void 0;function _templateObject_914b85f054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\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      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_914b85f054f411e9aeb367f92c5b63ab=function(){return data};return data}var CheckboxElement=function(_ElementMixin){babelHelpers.inherits(CheckboxElement,_ElementMixin);babelHelpers.createClass(CheckboxElement,null,[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_914b85f054f411e9aeb367f92c5b63ab())}},{key:"is",get:function get(){return"vaadin-checkbox"}},{key:"version",get:function get(){return"2.2.4"}},{key:"properties",get:function get(){return{checked:{type:Boolean,value:!1,notify:!0,observer:"_checkedChanged",reflectToAttribute:!0},indeterminate:{type:Boolean,notify:!0,observer:"_indeterminateChanged",reflectToAttribute:!0,value:!1},value:{type:String,value:"on"},_nativeCheckbox:{type:Object}}}}]);function CheckboxElement(){var _this;babelHelpers.classCallCheck(this,CheckboxElement);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(CheckboxElement).call(this));_this.name;return _this}babelHelpers.createClass(CheckboxElement,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(CheckboxElement.prototype),"ready",this).call(this);this.setAttribute("role","checkbox");this._nativeCheckbox=this.shadowRoot.querySelector("input[type=\"checkbox\"]");this.addEventListener("click",this._handleClick.bind(this));this._addActiveListeners();var attrName=this.getAttribute("name");if(attrName){this.name=attrName}this.shadowRoot.querySelector("[part~=\"label\"]").querySelector("slot").addEventListener("slotchange",this._updateLabelAttribute.bind(this));this._updateLabelAttribute()}},{key:"_updateLabelAttribute",value:function _updateLabelAttribute(){var label=this.shadowRoot.querySelector("[part~=\"label\"]"),assignedNodes=label.firstElementChild.assignedNodes();if(this._isAssignedNodesEmpty(assignedNodes)){label.setAttribute("empty","")}else{label.removeAttribute("empty")}}},{key:"_isAssignedNodesEmpty",value:function _isAssignedNodesEmpty(nodes){return 0===nodes.length||1==nodes.length&&nodes[0].nodeType==Node.TEXT_NODE&&""===nodes[0].textContent.trim()}},{key:"_checkedChanged",value:function _checkedChanged(checked){if(this.indeterminate){this.setAttribute("aria-checked","mixed")}else{this.setAttribute("aria-checked",checked)}}},{key:"_indeterminateChanged",value:function _indeterminateChanged(indeterminate){if(indeterminate){this.setAttribute("aria-checked","mixed")}else{this.setAttribute("aria-checked",this.checked)}}},{key:"_addActiveListeners",value:function _addActiveListeners(){var _this2=this;this._addEventListenerToNode(this,"down",function(e){if(_this2.__interactionsAllowed(e)){_this2.setAttribute("active","")}});this._addEventListenerToNode(this,"up",function(){return _this2.removeAttribute("active")});this.addEventListener("keydown",function(e){if(_this2.__interactionsAllowed(e)&&32===e.keyCode){e.preventDefault();_this2.setAttribute("active","")}});this.addEventListener("keyup",function(e){if(_this2.__interactionsAllowed(e)&&32===e.keyCode){e.preventDefault();_this2._toggleChecked();_this2.removeAttribute("active");if(_this2.indeterminate){_this2.indeterminate=!1}}})}},{key:"__interactionsAllowed",value:function __interactionsAllowed(e){if(this.disabled){return!1}if("a"===e.target.localName){return!1}return!0}},{key:"_handleClick",value:function _handleClick(e){if(this.__interactionsAllowed(e)){if(!this.indeterminate){if(e.composedPath()[0]!==this._nativeCheckbox){e.preventDefault();this._toggleChecked()}}else{this.indeterminate=!1;e.preventDefault();this._toggleChecked()}}}},{key:"_toggleChecked",value:function _toggleChecked(){this.checked=!this.checked;this.dispatchEvent(new CustomEvent("change",{composed:!0,bubbles:!0}))}},{key:"name",get:function get(){return this.checked?this._storedName:""},set:function set(name){this._storedName=name}},{key:"focusElement",get:function get(){return this.shadowRoot.querySelector("label")}}]);return CheckboxElement}((0,_vaadinElementMixin.ElementMixin)((0,_vaadinControlStateMixin.ControlStateMixin)((0,_vaadinThemableMixin.ThemableMixin)((0,_gestureEventListeners.GestureEventListeners)(_polymerElement.PolymerElement)))));_exports.CheckboxElement=CheckboxElement;customElements.define(CheckboxElement.is,CheckboxElement)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/mixins/gesture-event-listeners.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js","../../vaadin-control-state-mixin/vaadin-control-state-mixin.js","../../vaadin-element-mixin/vaadin-element-mixin.js","../../../@polymer/polymer/lib/utils/html-tag.js"],function(_exports,_polymerElement,_gestureEventListeners,_vaadinThemableMixin,_vaadinControlStateMixin,_vaadinElementMixin,_htmlTag){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.CheckboxElement=void 0;function _templateObject_24e7efd0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-block;\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      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_24e7efd0555211e98f439769bd191e33=function(){return data};return data}var CheckboxElement=function(_ElementMixin){babelHelpers.inherits(CheckboxElement,_ElementMixin);babelHelpers.createClass(CheckboxElement,null,[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_24e7efd0555211e98f439769bd191e33())}},{key:"is",get:function get(){return"vaadin-checkbox"}},{key:"version",get:function get(){return"2.2.4"}},{key:"properties",get:function get(){return{checked:{type:Boolean,value:!1,notify:!0,observer:"_checkedChanged",reflectToAttribute:!0},indeterminate:{type:Boolean,notify:!0,observer:"_indeterminateChanged",reflectToAttribute:!0,value:!1},value:{type:String,value:"on"},_nativeCheckbox:{type:Object}}}}]);function CheckboxElement(){var _this;babelHelpers.classCallCheck(this,CheckboxElement);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(CheckboxElement).call(this));_this.name;return _this}babelHelpers.createClass(CheckboxElement,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(CheckboxElement.prototype),"ready",this).call(this);this.setAttribute("role","checkbox");this._nativeCheckbox=this.shadowRoot.querySelector("input[type=\"checkbox\"]");this.addEventListener("click",this._handleClick.bind(this));this._addActiveListeners();var attrName=this.getAttribute("name");if(attrName){this.name=attrName}this.shadowRoot.querySelector("[part~=\"label\"]").querySelector("slot").addEventListener("slotchange",this._updateLabelAttribute.bind(this));this._updateLabelAttribute()}},{key:"_updateLabelAttribute",value:function _updateLabelAttribute(){var label=this.shadowRoot.querySelector("[part~=\"label\"]"),assignedNodes=label.firstElementChild.assignedNodes();if(this._isAssignedNodesEmpty(assignedNodes)){label.setAttribute("empty","")}else{label.removeAttribute("empty")}}},{key:"_isAssignedNodesEmpty",value:function _isAssignedNodesEmpty(nodes){return 0===nodes.length||1==nodes.length&&nodes[0].nodeType==Node.TEXT_NODE&&""===nodes[0].textContent.trim()}},{key:"_checkedChanged",value:function _checkedChanged(checked){if(this.indeterminate){this.setAttribute("aria-checked","mixed")}else{this.setAttribute("aria-checked",checked)}}},{key:"_indeterminateChanged",value:function _indeterminateChanged(indeterminate){if(indeterminate){this.setAttribute("aria-checked","mixed")}else{this.setAttribute("aria-checked",this.checked)}}},{key:"_addActiveListeners",value:function _addActiveListeners(){var _this2=this;this._addEventListenerToNode(this,"down",function(e){if(_this2.__interactionsAllowed(e)){_this2.setAttribute("active","")}});this._addEventListenerToNode(this,"up",function(){return _this2.removeAttribute("active")});this.addEventListener("keydown",function(e){if(_this2.__interactionsAllowed(e)&&32===e.keyCode){e.preventDefault();_this2.setAttribute("active","")}});this.addEventListener("keyup",function(e){if(_this2.__interactionsAllowed(e)&&32===e.keyCode){e.preventDefault();_this2._toggleChecked();_this2.removeAttribute("active");if(_this2.indeterminate){_this2.indeterminate=!1}}})}},{key:"__interactionsAllowed",value:function __interactionsAllowed(e){if(this.disabled){return!1}if("a"===e.target.localName){return!1}return!0}},{key:"_handleClick",value:function _handleClick(e){if(this.__interactionsAllowed(e)){if(!this.indeterminate){if(e.composedPath()[0]!==this._nativeCheckbox){e.preventDefault();this._toggleChecked()}}else{this.indeterminate=!1;e.preventDefault();this._toggleChecked()}}}},{key:"_toggleChecked",value:function _toggleChecked(){this.checked=!this.checked;this.dispatchEvent(new CustomEvent("change",{composed:!0,bubbles:!0}))}},{key:"name",get:function get(){return this.checked?this._storedName:""},set:function set(name){this._storedName=name}},{key:"focusElement",get:function get(){return this.shadowRoot.querySelector("label")}}]);return CheckboxElement}((0,_vaadinElementMixin.ElementMixin)((0,_vaadinControlStateMixin.ControlStateMixin)((0,_vaadinThemableMixin.ThemableMixin)((0,_gestureEventListeners.GestureEventListeners)(_polymerElement.PolymerElement)))));_exports.CheckboxElement=CheckboxElement;customElements.define(CheckboxElement.is,CheckboxElement)});
\ No newline at end of file
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 ade4bdabf3c..0a48725025b 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-legacy.js","../../vaadin-text-field/src/vaadin-text-field.js","../../../@polymer/polymer/lib/utils/html-tag.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/polymer/lib/utils/debounce.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerLegacy,_vaadinTextField,_htmlTag,_polymerDom,_debounce,_async,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.GridFilterElement=void 0;function _templateObject_8ed7c6d054f411e9aeb367f92c5b63ab(){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_8ed7c6d054f411e9aeb367f92c5b63ab=function(){return data};return data}var GridFilterElement=function(_ref){babelHelpers.inherits(GridFilterElement,_ref);function GridFilterElement(){babelHelpers.classCallCheck(this,GridFilterElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(GridFilterElement).apply(this,arguments))}babelHelpers.createClass(GridFilterElement,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(GridFilterElement.prototype),"connectedCallback",this).call(this);this._connected=!0}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(GridFilterElement.prototype),"ready",this).call(this);var child=(0,_polymerDom.dom)(this).firstElementChild;if(child&&"filter"!==child.getAttribute("slot")){console.warn("Make sure you have assigned slot=\"filter\" to the child elements of <vaadin-grid-filter>");child.setAttribute("slot","filter")}}},{key:"_filterChanged",value:function _filterChanged(path,value,connected){var _this=this;if(path===void 0||value===void 0||!connected){return}if(this._previousValue===void 0&&""===value){return}this._previousValue=value;this._debouncerFilterChanged=_debounce.Debouncer.debounce(this._debouncerFilterChanged,_async.timeOut.after(200),function(){_this.dispatchEvent(new CustomEvent("filter-changed",{bubbles:!0}))})}},{key:"focus",value:function focus(){this.$.filter.focus()}}],[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_8ed7c6d054f411e9aeb367f92c5b63ab())}},{key:"is",get:function get(){return"vaadin-grid-filter"}},{key:"properties",get:function get(){return{path:String,value:{type:String,notify:!0},_connected:Boolean}}},{key:"observers",get:function get(){return["_filterChanged(path, value, _connected)"]}}]);return GridFilterElement}(function(_PolymerElement){babelHelpers.inherits(_class,_PolymerElement);function _class(){babelHelpers.classCallCheck(this,_class);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(_class).apply(this,arguments))}return _class}(_polymerElement.PolymerElement));_exports.GridFilterElement=GridFilterElement;customElements.define(GridFilterElement.is,GridFilterElement)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-legacy.js","../../vaadin-text-field/src/vaadin-text-field.js","../../../@polymer/polymer/lib/utils/html-tag.js","../../../@polymer/polymer/lib/legacy/polymer.dom.js","../../../@polymer/polymer/lib/utils/debounce.js","../../../@polymer/polymer/lib/utils/async.js","../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerLegacy,_vaadinTextField,_htmlTag,_polymerDom,_debounce,_async,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.GridFilterElement=void 0;function _templateObject_2292b530555211e98f439769bd191e33(){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_2292b530555211e98f439769bd191e33=function(){return data};return data}var GridFilterElement=function(_ref){babelHelpers.inherits(GridFilterElement,_ref);function GridFilterElement(){babelHelpers.classCallCheck(this,GridFilterElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(GridFilterElement).apply(this,arguments))}babelHelpers.createClass(GridFilterElement,[{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(GridFilterElement.prototype),"connectedCallback",this).call(this);this._connected=!0}},{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(GridFilterElement.prototype),"ready",this).call(this);var child=(0,_polymerDom.dom)(this).firstElementChild;if(child&&"filter"!==child.getAttribute("slot")){console.warn("Make sure you have assigned slot=\"filter\" to the child elements of <vaadin-grid-filter>");child.setAttribute("slot","filter")}}},{key:"_filterChanged",value:function _filterChanged(path,value,connected){var _this=this;if(path===void 0||value===void 0||!connected){return}if(this._previousValue===void 0&&""===value){return}this._previousValue=value;this._debouncerFilterChanged=_debounce.Debouncer.debounce(this._debouncerFilterChanged,_async.timeOut.after(200),function(){_this.dispatchEvent(new CustomEvent("filter-changed",{bubbles:!0}))})}},{key:"focus",value:function focus(){this.$.filter.focus()}}],[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_2292b530555211e98f439769bd191e33())}},{key:"is",get:function get(){return"vaadin-grid-filter"}},{key:"properties",get:function get(){return{path:String,value:{type:String,notify:!0},_connected:Boolean}}},{key:"observers",get:function get(){return["_filterChanged(path, value, _connected)"]}}]);return GridFilterElement}(function(_PolymerElement){babelHelpers.inherits(_class,_PolymerElement);function _class(){babelHelpers.classCallCheck(this,_class);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(_class).apply(this,arguments))}return _class}(_polymerElement.PolymerElement));_exports.GridFilterElement=GridFilterElement;customElements.define(GridFilterElement.is,GridFilterElement)});
\ No newline at end of file
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 12f8e52b44e..70b0fc39c2f 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 +1 @@
-define(["../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/utils/html-tag.js"],function(_polymerElement,_htmlTag){"use strict";function _templateObject_9295440054f411e9aeb367f92c5b63ab(){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_9295440054f411e9aeb367f92c5b63ab=function(){return data};return data}var GridOuterScrollerElement=function(_ref){babelHelpers.inherits(GridOuterScrollerElement,_ref);function GridOuterScrollerElement(){babelHelpers.classCallCheck(this,GridOuterScrollerElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(GridOuterScrollerElement).apply(this,arguments))}babelHelpers.createClass(GridOuterScrollerElement,[{key:"ready",value:function ready(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(GridOuterScrollerElement.prototype),"ready",this).call(this);this.addEventListener("scroll",function(){return _this._syncScrollTarget()});this.parentElement.addEventListener("mousemove",this._onMouseMove.bind(this));this.style.webkitOverflowScrolling="touch";this.addEventListener("mousedown",function(){return _this.outerScrolling=!0});this.addEventListener("mouseup",function(){_this.outerScrolling=!1;_this.scrollHandler._scrollHandler()})}},{key:"_onMouseMove",value:function _onMouseMove(e){if(!this._touchDevice){if(this.noScrollbars&&this.parentElement.hasAttribute("scroll-period")){this.passthrough=e.offsetY<=this.clientHeight-20&&e.offsetX<=this.clientWidth-20}else{this.passthrough=e.offsetY<=this.clientHeight&&e.offsetX<=this.clientWidth}}}},{key:"syncOuterScroller",value:function syncOuterScroller(){this.scrollTop=this.scrollTarget.scrollTop;this.scrollLeft=this.scrollTarget.scrollLeft}},{key:"_syncScrollTarget",value:function _syncScrollTarget(){var _this2=this;requestAnimationFrame(function(){_this2.scrollTarget.scrollTop=_this2.scrollTop;_this2.scrollTarget.scrollLeft=_this2.scrollLeft;_this2.scrollHandler._scrollHandler()})}}],[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_9295440054f411e9aeb367f92c5b63ab())}},{key:"is",get:function get(){return"vaadin-grid-outer-scroller"}},{key:"properties",get:function get(){return{scrollTarget:{type:Object},scrollHandler:{type:Object},passthrough:{type:Boolean,reflectToAttribute:!0,value:!0},outerScrolling:Boolean,noScrollbars:Boolean,_touchDevice:Boolean}}}]);return GridOuterScrollerElement}(function(_PolymerElement){babelHelpers.inherits(_class,_PolymerElement);function _class(){babelHelpers.classCallCheck(this,_class);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(_class).apply(this,arguments))}return _class}(_polymerElement.PolymerElement));customElements.define(GridOuterScrollerElement.is,GridOuterScrollerElement)});
\ No newline at end of file
+define(["../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/utils/html-tag.js"],function(_polymerElement,_htmlTag){"use strict";function _templateObject_26361ab0555211e98f439769bd191e33(){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_26361ab0555211e98f439769bd191e33=function(){return data};return data}var GridOuterScrollerElement=function(_ref){babelHelpers.inherits(GridOuterScrollerElement,_ref);function GridOuterScrollerElement(){babelHelpers.classCallCheck(this,GridOuterScrollerElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(GridOuterScrollerElement).apply(this,arguments))}babelHelpers.createClass(GridOuterScrollerElement,[{key:"ready",value:function ready(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(GridOuterScrollerElement.prototype),"ready",this).call(this);this.addEventListener("scroll",function(){return _this._syncScrollTarget()});this.parentElement.addEventListener("mousemove",this._onMouseMove.bind(this));this.style.webkitOverflowScrolling="touch";this.addEventListener("mousedown",function(){return _this.outerScrolling=!0});this.addEventListener("mouseup",function(){_this.outerScrolling=!1;_this.scrollHandler._scrollHandler()})}},{key:"_onMouseMove",value:function _onMouseMove(e){if(!this._touchDevice){if(this.noScrollbars&&this.parentElement.hasAttribute("scroll-period")){this.passthrough=e.offsetY<=this.clientHeight-20&&e.offsetX<=this.clientWidth-20}else{this.passthrough=e.offsetY<=this.clientHeight&&e.offsetX<=this.clientWidth}}}},{key:"syncOuterScroller",value:function syncOuterScroller(){this.scrollTop=this.scrollTarget.scrollTop;this.scrollLeft=this.scrollTarget.scrollLeft}},{key:"_syncScrollTarget",value:function _syncScrollTarget(){var _this2=this;requestAnimationFrame(function(){_this2.scrollTarget.scrollTop=_this2.scrollTop;_this2.scrollTarget.scrollLeft=_this2.scrollLeft;_this2.scrollHandler._scrollHandler()})}}],[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_26361ab0555211e98f439769bd191e33())}},{key:"is",get:function get(){return"vaadin-grid-outer-scroller"}},{key:"properties",get:function get(){return{scrollTarget:{type:Object},scrollHandler:{type:Object},passthrough:{type:Boolean,reflectToAttribute:!0,value:!0},outerScrolling:Boolean,noScrollbars:Boolean,_touchDevice:Boolean}}}]);return GridOuterScrollerElement}(function(_PolymerElement){babelHelpers.inherits(_class,_PolymerElement);function _class(){babelHelpers.classCallCheck(this,_class);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(_class).apply(this,arguments))}return _class}(_polymerElement.PolymerElement));customElements.define(GridOuterScrollerElement.is,GridOuterScrollerElement)});
\ No newline at end of file
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 c4b3bdcd171..e07307e456e 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-legacy.js","./vaadin-grid-column.js","../../vaadin-checkbox/src/vaadin-checkbox.js","../../../@polymer/polymer/lib/utils/html-tag.js"],function(_exports,_polymerLegacy,_vaadinGridColumn,_vaadinCheckbox,_htmlTag){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.GridSelectionColumnElement=void 0;function _templateObject_8f1fcc5054f411e9aeb367f92c5b63ab(){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]]\">\n      </vaadin-checkbox>\n    </template>\n    <template id=\"defaultBodyTemplate\">\n      <vaadin-checkbox aria-label=\"Select Row\" checked=\"{{selected}}\">\n      </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]]\">\n      </vaadin-checkbox>\n    </template>\n    <template id=\"defaultBodyTemplate\">\n      <vaadin-checkbox aria-label=\"Select Row\" checked=\"{{selected}}\">\n      </vaadin-checkbox>\n    </template>\n"]);_templateObject_8f1fcc5054f411e9aeb367f92c5b63ab=function(){return data};return data}var GridSelectionColumnElement=function(_GridColumnElement){babelHelpers.inherits(GridSelectionColumnElement,_GridColumnElement);babelHelpers.createClass(GridSelectionColumnElement,[{key:"_pathOrHeaderChanged",value:function _pathOrHeaderChanged(path,header,headerCell,footerCell,cells,renderer,headerRenderer,bodyTemplate,headerTemplate){if(cells.value&&(path!==void 0||renderer!==void 0)){this._bodyTemplate=bodyTemplate=void 0;this.__cleanCellsOfTemplateProperties(cells.value)}if(headerCell&&(header!==void 0||headerRenderer!==void 0)){this._headerTemplate=headerTemplate=void 0;this.__cleanCellsOfTemplateProperties([headerCell])}babelHelpers.get(babelHelpers.getPrototypeOf(GridSelectionColumnElement.prototype),"_pathOrHeaderChanged",this).call(this,path,header,headerCell,footerCell,cells,renderer,headerRenderer,bodyTemplate,headerTemplate)}},{key:"__cleanCellsOfTemplateProperties",value:function __cleanCellsOfTemplateProperties(cells){cells.forEach(function(cell){cell._content.innerHTML="";delete cell._instance;delete cell._template})}},{key:"_prepareHeaderTemplate",value:function _prepareHeaderTemplate(){var headerTemplate=this._prepareTemplatizer(this._findTemplate(!0)||this.$.defaultHeaderTemplate);headerTemplate.templatizer.dataHost=headerTemplate===this.$.defaultHeaderTemplate?this:this.dataHost;return headerTemplate}},{key:"_prepareBodyTemplate",value:function _prepareBodyTemplate(){var template=this._prepareTemplatizer(this._findTemplate()||this.$.defaultBodyTemplate);template.templatizer.dataHost=template===this.$.defaultBodyTemplate?this:this.dataHost;return template}}],[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_8f1fcc5054f411e9aeb367f92c5b63ab())}},{key:"is",get:function get(){return"vaadin-grid-selection-column"}},{key:"properties",get:function get(){return{width:{type:String,value:"56px"},flexGrow:{type:Number,value:0},selectAll:{type:Boolean,value:!1,notify:!0},autoSelect:{type:Boolean,value:!1},_indeterminate:Boolean,_previousActiveItem:Object,_selectAllHidden:Boolean}}},{key:"observers",get:function get(){return["_onSelectAllChanged(selectAll)"]}}]);function GridSelectionColumnElement(){var _this;babelHelpers.classCallCheck(this,GridSelectionColumnElement);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(GridSelectionColumnElement).call(this));_this._boundOnActiveItemChanged=_this._onActiveItemChanged.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));_this._boundOnDataProviderChanged=_this._onDataProviderChanged.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));_this._boundOnSelectedItemsChanged=_this._onSelectedItemsChanged.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));return _this}babelHelpers.createClass(GridSelectionColumnElement,[{key:"disconnectedCallback",value:function disconnectedCallback(){this._grid.removeEventListener("active-item-changed",this._boundOnActiveItemChanged);this._grid.removeEventListener("data-provider-changed",this._boundOnDataProviderChanged);this._grid.removeEventListener("filter-changed",this._boundOnSelectedItemsChanged);this._grid.removeEventListener("selected-items-changed",this._boundOnSelectedItemsChanged);var isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);if(isSafari&&window.ShadyDOM&&this.parentElement){var parent=this.parentElement,nextSibling=this.nextElementSibling;parent.removeChild(this);if(nextSibling){parent.insertBefore(this,nextSibling)}else{parent.appendChild(this)}}babelHelpers.get(babelHelpers.getPrototypeOf(GridSelectionColumnElement.prototype),"disconnectedCallback",this).call(this)}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(GridSelectionColumnElement.prototype),"connectedCallback",this).call(this);if(this._grid){this._grid.addEventListener("active-item-changed",this._boundOnActiveItemChanged);this._grid.addEventListener("data-provider-changed",this._boundOnDataProviderChanged);this._grid.addEventListener("filter-changed",this._boundOnSelectedItemsChanged);this._grid.addEventListener("selected-items-changed",this._boundOnSelectedItemsChanged)}}},{key:"_onSelectAllChanged",value:function _onSelectAllChanged(selectAll){if(selectAll===void 0||!this._grid){return}if(this._selectAllChangeLock){return}this._grid.selectedItems=selectAll&&Array.isArray(this._grid.items)?this._grid._filter(this._grid.items):[]}},{key:"_arrayContains",value:function _arrayContains(a,b){for(var i=0;a&&b&&b[i]&&0<=a.indexOf(b[i]);i++){}return i==b.length}},{key:"_onSelectAllCheckedChanged",value:function _onSelectAllCheckedChanged(e){this.selectAll=this._indeterminate||e.target.checked}},{key:"_isChecked",value:function _isChecked(selectAll,indeterminate){return indeterminate||selectAll}},{key:"_onActiveItemChanged",value:function _onActiveItemChanged(e){var activeItem=e.detail.value;if(this.autoSelect){var item=activeItem||this._previousActiveItem;if(item){this._grid._toggleItem(item)}}this._previousActiveItem=activeItem}},{key:"_onSelectedItemsChanged",value:function _onSelectedItemsChanged(){this._selectAllChangeLock=!0;if(Array.isArray(this._grid.items)){if(!this._grid.selectedItems.length){this.selectAll=!1;this._indeterminate=!1}else if(this._arrayContains(this._grid.selectedItems,this._grid._filter(this._grid.items))){this.selectAll=!0;this._indeterminate=!1}else{this.selectAll=!1;this._indeterminate=!0}}this._selectAllChangeLock=!1}},{key:"_onDataProviderChanged",value:function _onDataProviderChanged(){this._selectAllHidden=!Array.isArray(this._grid.items)}}]);return GridSelectionColumnElement}(_vaadinGridColumn.GridColumnElement);_exports.GridSelectionColumnElement=GridSelectionColumnElement;customElements.define(GridSelectionColumnElement.is,GridSelectionColumnElement)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-legacy.js","./vaadin-grid-column.js","../../vaadin-checkbox/src/vaadin-checkbox.js","../../../@polymer/polymer/lib/utils/html-tag.js"],function(_exports,_polymerLegacy,_vaadinGridColumn,_vaadinCheckbox,_htmlTag){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.GridSelectionColumnElement=void 0;function _templateObject_22bafdb0555211e98f439769bd191e33(){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]]\">\n      </vaadin-checkbox>\n    </template>\n    <template id=\"defaultBodyTemplate\">\n      <vaadin-checkbox aria-label=\"Select Row\" checked=\"{{selected}}\">\n      </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]]\">\n      </vaadin-checkbox>\n    </template>\n    <template id=\"defaultBodyTemplate\">\n      <vaadin-checkbox aria-label=\"Select Row\" checked=\"{{selected}}\">\n      </vaadin-checkbox>\n    </template>\n"]);_templateObject_22bafdb0555211e98f439769bd191e33=function(){return data};return data}var GridSelectionColumnElement=function(_GridColumnElement){babelHelpers.inherits(GridSelectionColumnElement,_GridColumnElement);babelHelpers.createClass(GridSelectionColumnElement,[{key:"_pathOrHeaderChanged",value:function _pathOrHeaderChanged(path,header,headerCell,footerCell,cells,renderer,headerRenderer,bodyTemplate,headerTemplate){if(cells.value&&(path!==void 0||renderer!==void 0)){this._bodyTemplate=bodyTemplate=void 0;this.__cleanCellsOfTemplateProperties(cells.value)}if(headerCell&&(header!==void 0||headerRenderer!==void 0)){this._headerTemplate=headerTemplate=void 0;this.__cleanCellsOfTemplateProperties([headerCell])}babelHelpers.get(babelHelpers.getPrototypeOf(GridSelectionColumnElement.prototype),"_pathOrHeaderChanged",this).call(this,path,header,headerCell,footerCell,cells,renderer,headerRenderer,bodyTemplate,headerTemplate)}},{key:"__cleanCellsOfTemplateProperties",value:function __cleanCellsOfTemplateProperties(cells){cells.forEach(function(cell){cell._content.innerHTML="";delete cell._instance;delete cell._template})}},{key:"_prepareHeaderTemplate",value:function _prepareHeaderTemplate(){var headerTemplate=this._prepareTemplatizer(this._findTemplate(!0)||this.$.defaultHeaderTemplate);headerTemplate.templatizer.dataHost=headerTemplate===this.$.defaultHeaderTemplate?this:this.dataHost;return headerTemplate}},{key:"_prepareBodyTemplate",value:function _prepareBodyTemplate(){var template=this._prepareTemplatizer(this._findTemplate()||this.$.defaultBodyTemplate);template.templatizer.dataHost=template===this.$.defaultBodyTemplate?this:this.dataHost;return template}}],[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_22bafdb0555211e98f439769bd191e33())}},{key:"is",get:function get(){return"vaadin-grid-selection-column"}},{key:"properties",get:function get(){return{width:{type:String,value:"56px"},flexGrow:{type:Number,value:0},selectAll:{type:Boolean,value:!1,notify:!0},autoSelect:{type:Boolean,value:!1},_indeterminate:Boolean,_previousActiveItem:Object,_selectAllHidden:Boolean}}},{key:"observers",get:function get(){return["_onSelectAllChanged(selectAll)"]}}]);function GridSelectionColumnElement(){var _this;babelHelpers.classCallCheck(this,GridSelectionColumnElement);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(GridSelectionColumnElement).call(this));_this._boundOnActiveItemChanged=_this._onActiveItemChanged.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));_this._boundOnDataProviderChanged=_this._onDataProviderChanged.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));_this._boundOnSelectedItemsChanged=_this._onSelectedItemsChanged.bind(babelHelpers.assertThisInitialized(babelHelpers.assertThisInitialized(_this)));return _this}babelHelpers.createClass(GridSelectionColumnElement,[{key:"disconnectedCallback",value:function disconnectedCallback(){this._grid.removeEventListener("active-item-changed",this._boundOnActiveItemChanged);this._grid.removeEventListener("data-provider-changed",this._boundOnDataProviderChanged);this._grid.removeEventListener("filter-changed",this._boundOnSelectedItemsChanged);this._grid.removeEventListener("selected-items-changed",this._boundOnSelectedItemsChanged);var isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);if(isSafari&&window.ShadyDOM&&this.parentElement){var parent=this.parentElement,nextSibling=this.nextElementSibling;parent.removeChild(this);if(nextSibling){parent.insertBefore(this,nextSibling)}else{parent.appendChild(this)}}babelHelpers.get(babelHelpers.getPrototypeOf(GridSelectionColumnElement.prototype),"disconnectedCallback",this).call(this)}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(GridSelectionColumnElement.prototype),"connectedCallback",this).call(this);if(this._grid){this._grid.addEventListener("active-item-changed",this._boundOnActiveItemChanged);this._grid.addEventListener("data-provider-changed",this._boundOnDataProviderChanged);this._grid.addEventListener("filter-changed",this._boundOnSelectedItemsChanged);this._grid.addEventListener("selected-items-changed",this._boundOnSelectedItemsChanged)}}},{key:"_onSelectAllChanged",value:function _onSelectAllChanged(selectAll){if(selectAll===void 0||!this._grid){return}if(this._selectAllChangeLock){return}this._grid.selectedItems=selectAll&&Array.isArray(this._grid.items)?this._grid._filter(this._grid.items):[]}},{key:"_arrayContains",value:function _arrayContains(a,b){for(var i=0;a&&b&&b[i]&&0<=a.indexOf(b[i]);i++){}return i==b.length}},{key:"_onSelectAllCheckedChanged",value:function _onSelectAllCheckedChanged(e){this.selectAll=this._indeterminate||e.target.checked}},{key:"_isChecked",value:function _isChecked(selectAll,indeterminate){return indeterminate||selectAll}},{key:"_onActiveItemChanged",value:function _onActiveItemChanged(e){var activeItem=e.detail.value;if(this.autoSelect){var item=activeItem||this._previousActiveItem;if(item){this._grid._toggleItem(item)}}this._previousActiveItem=activeItem}},{key:"_onSelectedItemsChanged",value:function _onSelectedItemsChanged(){this._selectAllChangeLock=!0;if(Array.isArray(this._grid.items)){if(!this._grid.selectedItems.length){this.selectAll=!1;this._indeterminate=!1}else if(this._arrayContains(this._grid.selectedItems,this._grid._filter(this._grid.items))){this.selectAll=!0;this._indeterminate=!1}else{this.selectAll=!1;this._indeterminate=!0}}this._selectAllChangeLock=!1}},{key:"_onDataProviderChanged",value:function _onDataProviderChanged(){this._selectAllHidden=!Array.isArray(this._grid.items)}}]);return GridSelectionColumnElement}(_vaadinGridColumn.GridColumnElement);_exports.GridSelectionColumnElement=GridSelectionColumnElement;customElements.define(GridSelectionColumnElement.is,GridSelectionColumnElement)});
\ No newline at end of file
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 753b113e724..338e7d1e905 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/elements/custom-style.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js","../../../@polymer/polymer/lib/utils/html-tag.js","../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerLegacy,_customStyle,_vaadinThemableMixin,_htmlTag,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.GridSorterElement=void 0;function _templateObject_8efd503054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-flex;\n        cursor: pointer;\n      }\n\n      [part=\"indicators\"] {\n        position: relative;\n        align-self: center;\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      }\n\n      [part=\"indicators\"] {\n        position: relative;\n        align-self: center;\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_8efd503054f411e9aeb367f92c5b63ab=function(){return data};return data}var $_documentContainer=document.createElement("template");$_documentContainer.innerHTML="<custom-style>\n  <style>\n    @font-face {\n      font-family: 'vaadin-grid-sorter-icons';\n      src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAQwAA0AAAAABuwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEFAAAABkAAAAcfep+mUdERUYAAAP4AAAAHAAAAB4AJwAOT1MvMgAAAZgAAAA/AAAAYA8TBPpjbWFwAAAB7AAAAFUAAAFeF1fZ4mdhc3AAAAPwAAAACAAAAAgAAAAQZ2x5ZgAAAlgAAABcAAAAnMvguMloZWFkAAABMAAAAC8AAAA2C5Ap72hoZWEAAAFgAAAAHQAAACQGbQPHaG10eAAAAdgAAAAUAAAAHAoAAABsb2NhAAACRAAAABIAAAASAIwAYG1heHAAAAGAAAAAFgAAACAACwAKbmFtZQAAArQAAAECAAACZxWCgKhwb3N0AAADuAAAADUAAABZCrApUXicY2BkYGAA4rDECVrx/DZfGbhZGEDgyqNPOxH0/wNMq5kPALkcDEwgUQBWRA0dAHicY2BkYGA+8P8AAwMLAwgwrWZgZEAFbABY4QM8AAAAeJxjYGRgYOAAQiYGEICQSAAAAi8AFgAAeJxjYGY6yziBgZWBgWkm0xkGBoZ+CM34msGYkZMBFTAKoAkwODAwvmRiPvD/AIMDMxCD1CDJKjAwAgBktQsXAHicY2GAAMZQCM0EwqshbAALxAEKeJxjYGBgZoBgGQZGBhCIAPIYwXwWBhsgzcXAwcAEhIwMCi+Z/v/9/x+sSuElA4T9/4k4K1gHFwMMMILMY2QDYmaoABOQYGJABUA7WBiGNwAAJd4NIQAAAAAAAAAACAAIABAAGAAmAEAATgAAeJyNjLENgDAMBP9tIURJwQCMQccSZgk2i5fIYBDAidJjycXr7x5EPwE2wY8si7jmyBNXGo/bNBerxJNrpxhbO3/fEFpx8ZICpV+ghxJ74fAMe+h7Ox14AbrsHB14nK2QQWrDMBRER4mTkhQK3ZRQKOgCNk7oGQqhhEIX2WSlWEI1BAlkJ5CDdNsj5Ey9Rncdi38ES+jzNJo/HwTgATcoDEthhY3wBHc4CE+pfwsX5F/hGe7Vo/AcK/UhvMSz+mGXKhZU6pww8ISz3oWn1BvhgnwTnuEJf8Jz1OpFeIlX9YULDLdFi4ASHolkSR0iuYdjLak1vAequBhj21D61Nqyi6l3qWybGPjySbPHGScGJl6dP58MYcQRI0bts7mjebBqrFENH7t3qWtj0OuqHnXcW7b0HOTZFnKryRGW2hFX1m0O2vEM3opNMfTau+CS6Z3Vx6veNnEXY6jwDxhsc2gAAHicY2BiwA84GBgYmRiYGJkZmBlZGFkZ2djScyoLMgzZS/MyDQwMwLSrpYEBlIbxjQDrzgsuAAAAAAEAAf//AA94nGNgZGBg4AFiMSBmYmAEQnYgZgHzGAAD6wA2eJxjYGBgZACCKyoz1cD0o087YTQATOcIewAAAA==) format('woff');\n      font-weight: normal;\n      font-style: normal;\n    }\n  </style>\n</custom-style>";document.head.appendChild($_documentContainer.content);var GridSorterElement=function(_ThemableMixin){babelHelpers.inherits(GridSorterElement,_ThemableMixin);function GridSorterElement(){babelHelpers.classCallCheck(this,GridSorterElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(GridSorterElement).apply(this,arguments))}babelHelpers.createClass(GridSorterElement,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(GridSorterElement.prototype),"ready",this).call(this);this.addEventListener("click",this._onClick.bind(this))}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(GridSorterElement.prototype),"connectedCallback",this).call(this);this._isConnected=!0}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(GridSorterElement.prototype),"disconnectedCallback",this).call(this);this._isConnected=!1}},{key:"_pathOrDirectionChanged",value:function _pathOrDirectionChanged(path,direction,isConnected){if(path===void 0||direction===void 0||isConnected===void 0){return}if(isConnected){this.dispatchEvent(new CustomEvent("sorter-changed",{bubbles:!0,composed:!0}))}}},{key:"_getDisplayOrder",value:function _getDisplayOrder(order){return null===order?"":order+1}},{key:"_onClick",value:function _onClick(e){var activeElement=this.getRootNode().activeElement;if(this!==activeElement&&this.contains(activeElement)){return}e.preventDefault();if("asc"===this.direction){this.direction="desc"}else if("desc"===this.direction){this.direction=null}else{this.direction="asc"}}},{key:"_directionOrOrderChanged",value:function _directionOrOrderChanged(direction,order){if(direction===void 0||order===void 0){return}var isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);if(isSafari&&this.root){this.root.querySelectorAll("*").forEach(function(el){el.style["-webkit-backface-visibility"]="visible";el.style["-webkit-backface-visibility"]=""})}}}],[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_8efd503054f411e9aeb367f92c5b63ab())}},{key:"is",get:function get(){return"vaadin-grid-sorter"}},{key:"properties",get:function get(){return{path:String,direction:{type:String,reflectToAttribute:!0,notify:!0,value:null},_order:{type:Number,value:null},_isConnected:{type:Boolean,value:!1}}}},{key:"observers",get:function get(){return["_pathOrDirectionChanged(path, direction, _isConnected)","_directionOrOrderChanged(direction, _order)"]}}]);return GridSorterElement}((0,_vaadinThemableMixin.ThemableMixin)(_polymerElement.PolymerElement));_exports.GridSorterElement=GridSorterElement;customElements.define(GridSorterElement.is,GridSorterElement)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-legacy.js","../../../@polymer/polymer/lib/elements/custom-style.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js","../../../@polymer/polymer/lib/utils/html-tag.js","../../../@polymer/polymer/polymer-element.js"],function(_exports,_polymerLegacy,_customStyle,_vaadinThemableMixin,_htmlTag,_polymerElement){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.GridSorterElement=void 0;function _templateObject_22a86010555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n    <style>\n      :host {\n        display: inline-flex;\n        cursor: pointer;\n      }\n\n      [part=\"indicators\"] {\n        position: relative;\n        align-self: center;\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      }\n\n      [part=\"indicators\"] {\n        position: relative;\n        align-self: center;\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_22a86010555211e98f439769bd191e33=function(){return data};return data}var $_documentContainer=document.createElement("template");$_documentContainer.innerHTML="<custom-style>\n  <style>\n    @font-face {\n      font-family: 'vaadin-grid-sorter-icons';\n      src: url(data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAQwAA0AAAAABuwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEFAAAABkAAAAcfep+mUdERUYAAAP4AAAAHAAAAB4AJwAOT1MvMgAAAZgAAAA/AAAAYA8TBPpjbWFwAAAB7AAAAFUAAAFeF1fZ4mdhc3AAAAPwAAAACAAAAAgAAAAQZ2x5ZgAAAlgAAABcAAAAnMvguMloZWFkAAABMAAAAC8AAAA2C5Ap72hoZWEAAAFgAAAAHQAAACQGbQPHaG10eAAAAdgAAAAUAAAAHAoAAABsb2NhAAACRAAAABIAAAASAIwAYG1heHAAAAGAAAAAFgAAACAACwAKbmFtZQAAArQAAAECAAACZxWCgKhwb3N0AAADuAAAADUAAABZCrApUXicY2BkYGAA4rDECVrx/DZfGbhZGEDgyqNPOxH0/wNMq5kPALkcDEwgUQBWRA0dAHicY2BkYGA+8P8AAwMLAwgwrWZgZEAFbABY4QM8AAAAeJxjYGRgYOAAQiYGEICQSAAAAi8AFgAAeJxjYGY6yziBgZWBgWkm0xkGBoZ+CM34msGYkZMBFTAKoAkwODAwvmRiPvD/AIMDMxCD1CDJKjAwAgBktQsXAHicY2GAAMZQCM0EwqshbAALxAEKeJxjYGBgZoBgGQZGBhCIAPIYwXwWBhsgzcXAwcAEhIwMCi+Z/v/9/x+sSuElA4T9/4k4K1gHFwMMMILMY2QDYmaoABOQYGJABUA7WBiGNwAAJd4NIQAAAAAAAAAACAAIABAAGAAmAEAATgAAeJyNjLENgDAMBP9tIURJwQCMQccSZgk2i5fIYBDAidJjycXr7x5EPwE2wY8si7jmyBNXGo/bNBerxJNrpxhbO3/fEFpx8ZICpV+ghxJ74fAMe+h7Ox14AbrsHB14nK2QQWrDMBRER4mTkhQK3ZRQKOgCNk7oGQqhhEIX2WSlWEI1BAlkJ5CDdNsj5Ey9Rncdi38ES+jzNJo/HwTgATcoDEthhY3wBHc4CE+pfwsX5F/hGe7Vo/AcK/UhvMSz+mGXKhZU6pww8ISz3oWn1BvhgnwTnuEJf8Jz1OpFeIlX9YULDLdFi4ASHolkSR0iuYdjLak1vAequBhj21D61Nqyi6l3qWybGPjySbPHGScGJl6dP58MYcQRI0bts7mjebBqrFENH7t3qWtj0OuqHnXcW7b0HOTZFnKryRGW2hFX1m0O2vEM3opNMfTau+CS6Z3Vx6veNnEXY6jwDxhsc2gAAHicY2BiwA84GBgYmRiYGJkZmBlZGFkZ2djScyoLMgzZS/MyDQwMwLSrpYEBlIbxjQDrzgsuAAAAAAEAAf//AA94nGNgZGBg4AFiMSBmYmAEQnYgZgHzGAAD6wA2eJxjYGBgZACCKyoz1cD0o087YTQATOcIewAAAA==) format('woff');\n      font-weight: normal;\n      font-style: normal;\n    }\n  </style>\n</custom-style>";document.head.appendChild($_documentContainer.content);var GridSorterElement=function(_ThemableMixin){babelHelpers.inherits(GridSorterElement,_ThemableMixin);function GridSorterElement(){babelHelpers.classCallCheck(this,GridSorterElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(GridSorterElement).apply(this,arguments))}babelHelpers.createClass(GridSorterElement,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(GridSorterElement.prototype),"ready",this).call(this);this.addEventListener("click",this._onClick.bind(this))}},{key:"connectedCallback",value:function connectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(GridSorterElement.prototype),"connectedCallback",this).call(this);this._isConnected=!0}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(GridSorterElement.prototype),"disconnectedCallback",this).call(this);this._isConnected=!1}},{key:"_pathOrDirectionChanged",value:function _pathOrDirectionChanged(path,direction,isConnected){if(path===void 0||direction===void 0||isConnected===void 0){return}if(isConnected){this.dispatchEvent(new CustomEvent("sorter-changed",{bubbles:!0,composed:!0}))}}},{key:"_getDisplayOrder",value:function _getDisplayOrder(order){return null===order?"":order+1}},{key:"_onClick",value:function _onClick(e){var activeElement=this.getRootNode().activeElement;if(this!==activeElement&&this.contains(activeElement)){return}e.preventDefault();if("asc"===this.direction){this.direction="desc"}else if("desc"===this.direction){this.direction=null}else{this.direction="asc"}}},{key:"_directionOrOrderChanged",value:function _directionOrOrderChanged(direction,order){if(direction===void 0||order===void 0){return}var isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent);if(isSafari&&this.root){this.root.querySelectorAll("*").forEach(function(el){el.style["-webkit-backface-visibility"]="visible";el.style["-webkit-backface-visibility"]=""})}}}],[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_22a86010555211e98f439769bd191e33())}},{key:"is",get:function get(){return"vaadin-grid-sorter"}},{key:"properties",get:function get(){return{path:String,direction:{type:String,reflectToAttribute:!0,notify:!0,value:null},_order:{type:Number,value:null},_isConnected:{type:Boolean,value:!1}}}},{key:"observers",get:function get(){return["_pathOrDirectionChanged(path, direction, _isConnected)","_directionOrOrderChanged(direction, _order)"]}}]);return GridSorterElement}((0,_vaadinThemableMixin.ThemableMixin)(_polymerElement.PolymerElement));_exports.GridSorterElement=GridSorterElement;customElements.define(GridSorterElement.is,GridSorterElement)});
\ No newline at end of file
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 56b736bfacd..766097a5caa 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-legacy.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js","./vaadin-grid-scroller.js","./vaadin-grid-a11y-mixin.js","./vaadin-grid-active-item-mixin.js","./vaadin-grid-array-data-provider-mixin.js","./vaadin-grid-column-resizing-mixin.js","./vaadin-grid-data-provider-mixin.js","./vaadin-grid-dynamic-columns-mixin.js","./vaadin-grid-filter-mixin.js","./vaadin-grid-row-details-mixin.js","./vaadin-grid-scroll-mixin.js","./vaadin-grid-selection-mixin.js","./vaadin-grid-sort-mixin.js","./vaadin-grid-keyboard-navigation-mixin.js","./vaadin-grid-column-reordering-mixin.js","./vaadin-grid-column.js","./vaadin-grid-outer-scroller.js","./vaadin-grid-styles.js","../../vaadin-element-mixin/vaadin-element-mixin.js","../../../@polymer/polymer/lib/utils/html-tag.js","../../../@polymer/polymer/lib/utils/render-status.js","../../../@polymer/polymer/lib/utils/debounce.js","../../../@polymer/polymer/lib/utils/async.js"],function(_exports,_polymerLegacy,_vaadinThemableMixin,_vaadinGridScroller,_vaadinGridA11yMixin,_vaadinGridActiveItemMixin,_vaadinGridArrayDataProviderMixin,_vaadinGridColumnResizingMixin,_vaadinGridDataProviderMixin,_vaadinGridDynamicColumnsMixin,_vaadinGridFilterMixin,_vaadinGridRowDetailsMixin,_vaadinGridScrollMixin,_vaadinGridSelectionMixin,_vaadinGridSortMixin,_vaadinGridKeyboardNavigationMixin,_vaadinGridColumnReorderingMixin,_vaadinGridColumn,_vaadinGridOuterScroller,_vaadinGridStyles,_vaadinElementMixin,_htmlTag,_renderStatus,_debounce,_async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.GridElement=void 0;function _templateObject_8e9b0bf054f411e9aeb367f92c5b63ab(){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_8e9b0bf054f411e9aeb367f92c5b63ab=function(){return data};return data}var TOUCH_DEVICE=function(){try{document.createEvent("TouchEvent");return!0}catch(e){return!1}}(),GridElement=function(_ElementMixin){babelHelpers.inherits(GridElement,_ElementMixin);babelHelpers.createClass(GridElement,null,[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_8e9b0bf054f411e9aeb367f92c5b63ab())}},{key:"is",get:function get(){return"vaadin-grid"}},{key:"version",get:function get(){return"5.2.5"}},{key:"observers",get:function get(){return["_columnTreeChanged(_columnTree, _columnTree.*)"]}},{key:"properties",get:function get(){return{_this:{type:Object,value:function value(){return this}},_safari:{type:Boolean,value:/^((?!chrome|android).)*safari/i.test(navigator.userAgent)},_ios:{type:Boolean,value:/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream},_edge:{type:Boolean,value:"undefined"!==typeof CSS&&CSS.supports("(-ms-ime-align:auto)")},_ie:{type:Boolean,value:!!(navigator.userAgent.match(/Trident/)&&!navigator.userAgent.match(/MSIE/))},_firefox:{type:Boolean,value:-1<navigator.userAgent.toLowerCase().indexOf("firefox")},_android:{type:Boolean,value:/android/i.test(navigator.userAgent)},_touchDevice:{type:Boolean,value:TOUCH_DEVICE},heightByRows:{type:Boolean,value:!1,reflectToAttribute:!0}}}}]);function GridElement(){var _this;babelHelpers.classCallCheck(this,GridElement);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(GridElement).call(this));_this.addEventListener("animationend",_this._onAnimationEnd);return _this}babelHelpers.createClass(GridElement,[{key:"_createScrollerRows",value:function _createScrollerRows(count){for(var _this2=this,rows=[],i=0,row;i<count;i++){row=document.createElement("tr");row.setAttribute("part","row");row.setAttribute("role","row");if(this._columnTree){this._updateRow(row,this._columnTree[this._columnTree.length-1],"body",!1,!0)}rows.push(row)}if(this._columnTree){this._columnTree[this._columnTree.length-1].forEach(function(c){return c.notifyPath("_cells.*",c._cells)})}(0,_renderStatus.beforeNextRender)(this,function(){_this2._updateFirstAndLastColumn();_this2._resetKeyboardNavigation()});return rows}},{key:"_getRowTarget",value:function _getRowTarget(){return this.$.items}},{key:"_createCell",value:function _createCell(tagName){var _this3=this,contentId=this._contentIndex=this._contentIndex+1||0,slotName="vaadin-grid-cell-content-"+contentId,cellContent=document.createElement("vaadin-grid-cell-content");cellContent.setAttribute("slot",slotName);var cell=document.createElement(tagName);cell.id=slotName.replace("-content-","-");cell.setAttribute("tabindex","-1");cell.setAttribute("role","td"===tagName?"gridcell":"columnheader");var slot=document.createElement("slot");slot.setAttribute("name",slotName);cell.appendChild(slot);cell._content=cellContent;cellContent.addEventListener("mousedown",function(){if(window.chrome){var mouseUpListener=function(){if(!cellContent.contains(_this3.getRootNode().activeElement)){cell.focus()}document.removeEventListener("mouseup",mouseUpListener,!0)};document.addEventListener("mouseup",mouseUpListener,!0)}else{setTimeout(function(){if(!cellContent.contains(_this3.getRootNode().activeElement)){cell.focus()}})}});return cell}},{key:"_updateRow",value:function _updateRow(row,columns,section,isColumnRow,noNotify){var _this4=this;section=section||"body";var contentsFragment=document.createDocumentFragment();Array.from(row.children).forEach(function(cell){return cell._vacant=!0});row.innerHTML="";if("outersizer"!==row.id&&"fixedsizer"!==row.id){row.hidden=!0}columns.forEach(function(column,index){var cell;if("body"===section){column._cells=column._cells||[];cell=column._cells.filter(function(cell){return cell._vacant})[0];if(!cell){cell=_this4._createCell("td");column._cells.push(cell)}cell.setAttribute("part","cell body-cell");row.appendChild(cell);if(index===columns.length-1&&(_this4._rowDetailsTemplate||_this4.rowDetailsRenderer)){_this4._detailsCells=_this4._detailsCells||[];var detailsCell=_this4._detailsCells.filter(function(cell){return cell._vacant})[0]||_this4._createCell("td");if(-1===_this4._detailsCells.indexOf(detailsCell)){_this4._detailsCells.push(detailsCell)}if(!detailsCell._content.parentElement){contentsFragment.appendChild(detailsCell._content)}_this4._configureDetailsCell(detailsCell);row.appendChild(detailsCell);_this4._a11ySetRowDetailsCell(row,detailsCell);detailsCell._vacant=!1}if(column.notifyPath&&!noNotify){column.notifyPath("_cells.*",column._cells)}}else{var tagName="header"===section?"th":"td";if(isColumnRow||"vaadin-grid-column-group"===column.localName){cell=column["_".concat(section,"Cell")]||_this4._createCell(tagName);row.appendChild(cell);if(cell._instance){row.hidden=!1}column["_".concat(section,"Cell")]=cell}else{column._emptyCells=column._emptyCells||[];cell=column._emptyCells.filter(function(cell){return cell._vacant})[0]||_this4._createCell(tagName);row.appendChild(cell);if(-1===column._emptyCells.indexOf(cell)){column._emptyCells.push(cell)}}cell.setAttribute("part","cell ".concat(section,"-cell"))}if(!cell._content.parentElement){contentsFragment.appendChild(cell._content)}cell._vacant=!1;cell._column=column});this.appendChild(contentsFragment);this._frozenCellsChanged();this._updateFirstAndLastColumnForRow(row)}},{key:"_updateScrollerItem",value:function _updateScrollerItem(row,index){this._preventScrollerRotatingCellFocus(row,index);if(!this._columnTree){return}this._toggleAttribute("first",0===index,row);this._toggleAttribute("odd",index%2,row);this._a11yUpdateRowRowindex(row,index);this._getItem(index,row)}},{key:"_columnTreeChanged",value:function _columnTreeChanged(columnTree){var _this5=this;Array.from(this.$.items.children).forEach(function(row){return _this5._updateRow(row,columnTree[columnTree.length-1])});while(this.$.header.children.length<columnTree.length){var headerRow=document.createElement("tr");headerRow.setAttribute("part","row");headerRow.setAttribute("role","row");this.$.header.appendChild(headerRow);var footerRow=document.createElement("tr");footerRow.setAttribute("part","row");footerRow.setAttribute("role","row");this.$.footer.appendChild(footerRow)}while(this.$.header.children.length>columnTree.length){this.$.header.removeChild(this.$.header.firstElementChild);this.$.footer.removeChild(this.$.footer.firstElementChild)}Array.from(this.$.header.children).forEach(function(headerRow,index){return _this5._updateRow(headerRow,columnTree[index],"header",index===columnTree.length-1)});Array.from(this.$.footer.children).forEach(function(footerRow,index){return _this5._updateRow(footerRow,columnTree[columnTree.length-1-index],"footer",0===index)});this._updateRow(this.$.outersizer,columnTree[columnTree.length-1]);this._updateRow(this.$.fixedsizer,columnTree[columnTree.length-1]);this._resizeHandler();this._frozenCellsChanged();this._updateFirstAndLastColumn();this._resetKeyboardNavigation();this._a11yUpdateHeaderRows();this._a11yUpdateFooterRows()}},{key:"_updateItem",value:function _updateItem(row,item){var _this6=this;row._item=item;var model=this.__getRowModel(row);this._toggleAttribute("selected",model.selected,row);this._a11yUpdateRowSelected(row,model.selected);this._a11yUpdateRowLevel(row,model.level);this._toggleAttribute("expanded",model.expanded,row);if(this._rowDetailsTemplate||this.rowDetailsRenderer){this._toggleDetailsCell(row,item)}Array.from(row.children).forEach(function(cell){if(cell._renderer){var owner=cell._column||_this6;cell._renderer.call(owner,cell._content,owner,model)}else if(cell._instance){cell._instance.__detailsOpened__=model.detailsOpened;cell._instance.__selected__=model.selected;cell._instance.__level__=model.level;cell._instance.__expanded__=model.expanded;cell._instance.setProperties(model)}});this._debouncerUpdateHeights=_debounce.Debouncer.debounce(this._debouncerUpdateHeights,_async.timeOut.after(1),function(){_this6._updateMetrics();_this6._positionItems();_this6._updateScrollerSize()})}},{key:"_resizeHandler",value:function _resizeHandler(){this._updateDetailsCellHeights();this._accessIronListAPI(babelHelpers.get(babelHelpers.getPrototypeOf(GridElement.prototype),"_resizeHandler",this),!0);this._updateHeaderFooterMetrics()}},{key:"_updateHeaderFooterMetrics",value:function _updateHeaderFooterMetrics(){var _this7=this,headerHeight=this.$.header.clientHeight+"px",footerHeight=this.$.footer.clientHeight+"px";[this.$.outersizer,this.$.fixedsizer,this.$.items].forEach(function(element){element.style.borderTopWidth=headerHeight;element.style.borderBottomWidth=footerHeight});(0,_renderStatus.afterNextRender)(this.$.header,function(){if(_this7._pendingScrollToIndex){_this7._scrollToIndex(_this7._pendingScrollToIndex)}})}},{key:"_onAnimationEnd",value:function _onAnimationEnd(e){if(0===e.animationName.indexOf("vaadin-grid-appear")){this._render();this._updateHeaderFooterMetrics();e.stopPropagation();this.notifyResize()}}},{key:"_toggleAttribute",value:function _toggleAttribute(name,bool,node){if(node.hasAttribute(name)===!bool){if(bool){node.setAttribute(name,"")}else{node.removeAttribute(name)}}}},{key:"__getRowModel",value:function __getRowModel(row){return{index:row.index,item:row._item,level:this._getIndexLevel(row.index),expanded:this._isExpanded(row._item),selected:this._isSelected(row._item),detailsOpened:!!(this._rowDetailsTemplate||this.rowDetailsRenderer)&&this._isDetailsOpened(row._item)}}},{key:"render",value:function render(){if(this._columnTree){this._columnTree.forEach(function(level){level.forEach(function(column){return column._renderHeaderAndFooter()})});this._update()}}},{key:"notifyResize",value:function notifyResize(){babelHelpers.get(babelHelpers.getPrototypeOf(GridElement.prototype),"notifyResize",this).call(this)}}]);return GridElement}((0,_vaadinElementMixin.ElementMixin)((0,_vaadinThemableMixin.ThemableMixin)((0,_vaadinGridDataProviderMixin.DataProviderMixin)((0,_vaadinGridArrayDataProviderMixin.ArrayDataProviderMixin)((0,_vaadinGridDynamicColumnsMixin.DynamicColumnsMixin)((0,_vaadinGridActiveItemMixin.ActiveItemMixin)((0,_vaadinGridScrollMixin.ScrollMixin)((0,_vaadinGridSelectionMixin.SelectionMixin)((0,_vaadinGridSortMixin.SortMixin)((0,_vaadinGridRowDetailsMixin.RowDetailsMixin)((0,_vaadinGridKeyboardNavigationMixin.KeyboardNavigationMixin)((0,_vaadinGridA11yMixin.A11yMixin)((0,_vaadinGridFilterMixin.FilterMixin)((0,_vaadinGridColumnReorderingMixin.ColumnReorderingMixin)((0,_vaadinGridColumnResizingMixin.ColumnResizingMixin)(_vaadinGridScroller.ScrollerElement))))))))))))))));_exports.GridElement=GridElement;customElements.define(GridElement.is,GridElement)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-legacy.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js","./vaadin-grid-scroller.js","./vaadin-grid-a11y-mixin.js","./vaadin-grid-active-item-mixin.js","./vaadin-grid-array-data-provider-mixin.js","./vaadin-grid-column-resizing-mixin.js","./vaadin-grid-data-provider-mixin.js","./vaadin-grid-dynamic-columns-mixin.js","./vaadin-grid-filter-mixin.js","./vaadin-grid-row-details-mixin.js","./vaadin-grid-scroll-mixin.js","./vaadin-grid-selection-mixin.js","./vaadin-grid-sort-mixin.js","./vaadin-grid-keyboard-navigation-mixin.js","./vaadin-grid-column-reordering-mixin.js","./vaadin-grid-column.js","./vaadin-grid-outer-scroller.js","./vaadin-grid-styles.js","../../vaadin-element-mixin/vaadin-element-mixin.js","../../../@polymer/polymer/lib/utils/html-tag.js","../../../@polymer/polymer/lib/utils/render-status.js","../../../@polymer/polymer/lib/utils/debounce.js","../../../@polymer/polymer/lib/utils/async.js"],function(_exports,_polymerLegacy,_vaadinThemableMixin,_vaadinGridScroller,_vaadinGridA11yMixin,_vaadinGridActiveItemMixin,_vaadinGridArrayDataProviderMixin,_vaadinGridColumnResizingMixin,_vaadinGridDataProviderMixin,_vaadinGridDynamicColumnsMixin,_vaadinGridFilterMixin,_vaadinGridRowDetailsMixin,_vaadinGridScrollMixin,_vaadinGridSelectionMixin,_vaadinGridSortMixin,_vaadinGridKeyboardNavigationMixin,_vaadinGridColumnReorderingMixin,_vaadinGridColumn,_vaadinGridOuterScroller,_vaadinGridStyles,_vaadinElementMixin,_htmlTag,_renderStatus,_debounce,_async){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.GridElement=void 0;function _templateObject_225202b0555211e98f439769bd191e33(){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_225202b0555211e98f439769bd191e33=function(){return data};return data}var TOUCH_DEVICE=function(){try{document.createEvent("TouchEvent");return!0}catch(e){return!1}}(),GridElement=function(_ElementMixin){babelHelpers.inherits(GridElement,_ElementMixin);babelHelpers.createClass(GridElement,null,[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_225202b0555211e98f439769bd191e33())}},{key:"is",get:function get(){return"vaadin-grid"}},{key:"version",get:function get(){return"5.2.5"}},{key:"observers",get:function get(){return["_columnTreeChanged(_columnTree, _columnTree.*)"]}},{key:"properties",get:function get(){return{_this:{type:Object,value:function value(){return this}},_safari:{type:Boolean,value:/^((?!chrome|android).)*safari/i.test(navigator.userAgent)},_ios:{type:Boolean,value:/iPad|iPhone|iPod/.test(navigator.userAgent)&&!window.MSStream},_edge:{type:Boolean,value:"undefined"!==typeof CSS&&CSS.supports("(-ms-ime-align:auto)")},_ie:{type:Boolean,value:!!(navigator.userAgent.match(/Trident/)&&!navigator.userAgent.match(/MSIE/))},_firefox:{type:Boolean,value:-1<navigator.userAgent.toLowerCase().indexOf("firefox")},_android:{type:Boolean,value:/android/i.test(navigator.userAgent)},_touchDevice:{type:Boolean,value:TOUCH_DEVICE},heightByRows:{type:Boolean,value:!1,reflectToAttribute:!0}}}}]);function GridElement(){var _this;babelHelpers.classCallCheck(this,GridElement);_this=babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(GridElement).call(this));_this.addEventListener("animationend",_this._onAnimationEnd);return _this}babelHelpers.createClass(GridElement,[{key:"_createScrollerRows",value:function _createScrollerRows(count){for(var _this2=this,rows=[],i=0,row;i<count;i++){row=document.createElement("tr");row.setAttribute("part","row");row.setAttribute("role","row");if(this._columnTree){this._updateRow(row,this._columnTree[this._columnTree.length-1],"body",!1,!0)}rows.push(row)}if(this._columnTree){this._columnTree[this._columnTree.length-1].forEach(function(c){return c.notifyPath("_cells.*",c._cells)})}(0,_renderStatus.beforeNextRender)(this,function(){_this2._updateFirstAndLastColumn();_this2._resetKeyboardNavigation()});return rows}},{key:"_getRowTarget",value:function _getRowTarget(){return this.$.items}},{key:"_createCell",value:function _createCell(tagName){var _this3=this,contentId=this._contentIndex=this._contentIndex+1||0,slotName="vaadin-grid-cell-content-"+contentId,cellContent=document.createElement("vaadin-grid-cell-content");cellContent.setAttribute("slot",slotName);var cell=document.createElement(tagName);cell.id=slotName.replace("-content-","-");cell.setAttribute("tabindex","-1");cell.setAttribute("role","td"===tagName?"gridcell":"columnheader");var slot=document.createElement("slot");slot.setAttribute("name",slotName);cell.appendChild(slot);cell._content=cellContent;cellContent.addEventListener("mousedown",function(){if(window.chrome){var mouseUpListener=function(){if(!cellContent.contains(_this3.getRootNode().activeElement)){cell.focus()}document.removeEventListener("mouseup",mouseUpListener,!0)};document.addEventListener("mouseup",mouseUpListener,!0)}else{setTimeout(function(){if(!cellContent.contains(_this3.getRootNode().activeElement)){cell.focus()}})}});return cell}},{key:"_updateRow",value:function _updateRow(row,columns,section,isColumnRow,noNotify){var _this4=this;section=section||"body";var contentsFragment=document.createDocumentFragment();Array.from(row.children).forEach(function(cell){return cell._vacant=!0});row.innerHTML="";if("outersizer"!==row.id&&"fixedsizer"!==row.id){row.hidden=!0}columns.forEach(function(column,index){var cell;if("body"===section){column._cells=column._cells||[];cell=column._cells.filter(function(cell){return cell._vacant})[0];if(!cell){cell=_this4._createCell("td");column._cells.push(cell)}cell.setAttribute("part","cell body-cell");row.appendChild(cell);if(index===columns.length-1&&(_this4._rowDetailsTemplate||_this4.rowDetailsRenderer)){_this4._detailsCells=_this4._detailsCells||[];var detailsCell=_this4._detailsCells.filter(function(cell){return cell._vacant})[0]||_this4._createCell("td");if(-1===_this4._detailsCells.indexOf(detailsCell)){_this4._detailsCells.push(detailsCell)}if(!detailsCell._content.parentElement){contentsFragment.appendChild(detailsCell._content)}_this4._configureDetailsCell(detailsCell);row.appendChild(detailsCell);_this4._a11ySetRowDetailsCell(row,detailsCell);detailsCell._vacant=!1}if(column.notifyPath&&!noNotify){column.notifyPath("_cells.*",column._cells)}}else{var tagName="header"===section?"th":"td";if(isColumnRow||"vaadin-grid-column-group"===column.localName){cell=column["_".concat(section,"Cell")]||_this4._createCell(tagName);row.appendChild(cell);if(cell._instance){row.hidden=!1}column["_".concat(section,"Cell")]=cell}else{column._emptyCells=column._emptyCells||[];cell=column._emptyCells.filter(function(cell){return cell._vacant})[0]||_this4._createCell(tagName);row.appendChild(cell);if(-1===column._emptyCells.indexOf(cell)){column._emptyCells.push(cell)}}cell.setAttribute("part","cell ".concat(section,"-cell"))}if(!cell._content.parentElement){contentsFragment.appendChild(cell._content)}cell._vacant=!1;cell._column=column});this.appendChild(contentsFragment);this._frozenCellsChanged();this._updateFirstAndLastColumnForRow(row)}},{key:"_updateScrollerItem",value:function _updateScrollerItem(row,index){this._preventScrollerRotatingCellFocus(row,index);if(!this._columnTree){return}this._toggleAttribute("first",0===index,row);this._toggleAttribute("odd",index%2,row);this._a11yUpdateRowRowindex(row,index);this._getItem(index,row)}},{key:"_columnTreeChanged",value:function _columnTreeChanged(columnTree){var _this5=this;Array.from(this.$.items.children).forEach(function(row){return _this5._updateRow(row,columnTree[columnTree.length-1])});while(this.$.header.children.length<columnTree.length){var headerRow=document.createElement("tr");headerRow.setAttribute("part","row");headerRow.setAttribute("role","row");this.$.header.appendChild(headerRow);var footerRow=document.createElement("tr");footerRow.setAttribute("part","row");footerRow.setAttribute("role","row");this.$.footer.appendChild(footerRow)}while(this.$.header.children.length>columnTree.length){this.$.header.removeChild(this.$.header.firstElementChild);this.$.footer.removeChild(this.$.footer.firstElementChild)}Array.from(this.$.header.children).forEach(function(headerRow,index){return _this5._updateRow(headerRow,columnTree[index],"header",index===columnTree.length-1)});Array.from(this.$.footer.children).forEach(function(footerRow,index){return _this5._updateRow(footerRow,columnTree[columnTree.length-1-index],"footer",0===index)});this._updateRow(this.$.outersizer,columnTree[columnTree.length-1]);this._updateRow(this.$.fixedsizer,columnTree[columnTree.length-1]);this._resizeHandler();this._frozenCellsChanged();this._updateFirstAndLastColumn();this._resetKeyboardNavigation();this._a11yUpdateHeaderRows();this._a11yUpdateFooterRows()}},{key:"_updateItem",value:function _updateItem(row,item){var _this6=this;row._item=item;var model=this.__getRowModel(row);this._toggleAttribute("selected",model.selected,row);this._a11yUpdateRowSelected(row,model.selected);this._a11yUpdateRowLevel(row,model.level);this._toggleAttribute("expanded",model.expanded,row);if(this._rowDetailsTemplate||this.rowDetailsRenderer){this._toggleDetailsCell(row,item)}Array.from(row.children).forEach(function(cell){if(cell._renderer){var owner=cell._column||_this6;cell._renderer.call(owner,cell._content,owner,model)}else if(cell._instance){cell._instance.__detailsOpened__=model.detailsOpened;cell._instance.__selected__=model.selected;cell._instance.__level__=model.level;cell._instance.__expanded__=model.expanded;cell._instance.setProperties(model)}});this._debouncerUpdateHeights=_debounce.Debouncer.debounce(this._debouncerUpdateHeights,_async.timeOut.after(1),function(){_this6._updateMetrics();_this6._positionItems();_this6._updateScrollerSize()})}},{key:"_resizeHandler",value:function _resizeHandler(){this._updateDetailsCellHeights();this._accessIronListAPI(babelHelpers.get(babelHelpers.getPrototypeOf(GridElement.prototype),"_resizeHandler",this),!0);this._updateHeaderFooterMetrics()}},{key:"_updateHeaderFooterMetrics",value:function _updateHeaderFooterMetrics(){var _this7=this,headerHeight=this.$.header.clientHeight+"px",footerHeight=this.$.footer.clientHeight+"px";[this.$.outersizer,this.$.fixedsizer,this.$.items].forEach(function(element){element.style.borderTopWidth=headerHeight;element.style.borderBottomWidth=footerHeight});(0,_renderStatus.afterNextRender)(this.$.header,function(){if(_this7._pendingScrollToIndex){_this7._scrollToIndex(_this7._pendingScrollToIndex)}})}},{key:"_onAnimationEnd",value:function _onAnimationEnd(e){if(0===e.animationName.indexOf("vaadin-grid-appear")){this._render();this._updateHeaderFooterMetrics();e.stopPropagation();this.notifyResize()}}},{key:"_toggleAttribute",value:function _toggleAttribute(name,bool,node){if(node.hasAttribute(name)===!bool){if(bool){node.setAttribute(name,"")}else{node.removeAttribute(name)}}}},{key:"__getRowModel",value:function __getRowModel(row){return{index:row.index,item:row._item,level:this._getIndexLevel(row.index),expanded:this._isExpanded(row._item),selected:this._isSelected(row._item),detailsOpened:!!(this._rowDetailsTemplate||this.rowDetailsRenderer)&&this._isDetailsOpened(row._item)}}},{key:"render",value:function render(){if(this._columnTree){this._columnTree.forEach(function(level){level.forEach(function(column){return column._renderHeaderAndFooter()})});this._update()}}},{key:"notifyResize",value:function notifyResize(){babelHelpers.get(babelHelpers.getPrototypeOf(GridElement.prototype),"notifyResize",this).call(this)}}]);return GridElement}((0,_vaadinElementMixin.ElementMixin)((0,_vaadinThemableMixin.ThemableMixin)((0,_vaadinGridDataProviderMixin.DataProviderMixin)((0,_vaadinGridArrayDataProviderMixin.ArrayDataProviderMixin)((0,_vaadinGridDynamicColumnsMixin.DynamicColumnsMixin)((0,_vaadinGridActiveItemMixin.ActiveItemMixin)((0,_vaadinGridScrollMixin.ScrollMixin)((0,_vaadinGridSelectionMixin.SelectionMixin)((0,_vaadinGridSortMixin.SortMixin)((0,_vaadinGridRowDetailsMixin.RowDetailsMixin)((0,_vaadinGridKeyboardNavigationMixin.KeyboardNavigationMixin)((0,_vaadinGridA11yMixin.A11yMixin)((0,_vaadinGridFilterMixin.FilterMixin)((0,_vaadinGridColumnReorderingMixin.ColumnReorderingMixin)((0,_vaadinGridColumnResizingMixin.ColumnResizingMixin)(_vaadinGridScroller.ScrollerElement))))))))))))))));_exports.GridElement=GridElement;customElements.define(GridElement.is,GridElement)});
\ No newline at end of file
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 21232718fae..20b3752b476 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 +1 @@
-define(["../../../vaadin-lumo-styles/color.js","../../../../@polymer/polymer/lib/utils/html-tag.js"],function(_color,_htmlTag){"use strict";function _templateObject_8eec875054f411e9aeb367f92c5b63ab(){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        flex: none;\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_8eec875054f411e9aeb367f92c5b63ab=function(){return data};return data}var $_documentContainer=(0,_htmlTag.html)(_templateObject_8eec875054f411e9aeb367f92c5b63ab());document.head.appendChild($_documentContainer.content)});
\ No newline at end of file
+define(["../../../vaadin-lumo-styles/color.js","../../../../@polymer/polymer/lib/utils/html-tag.js"],function(_color,_htmlTag){"use strict";function _templateObject_22988190555211e98f439769bd191e33(){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        flex: none;\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_22988190555211e98f439769bd191e33=function(){return data};return data}var $_documentContainer=(0,_htmlTag.html)(_templateObject_22988190555211e98f439769bd191e33());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 1bc8c43d5e9..421780694f3 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 +1 @@
-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_8e6bbe9054f411e9aeb367f92c5b63ab(){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      /* 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_8e6bbe9054f411e9aeb367f92c5b63ab=function(){return data};return data}var $_documentContainer=(0,_htmlTag.html)(_templateObject_8e6bbe9054f411e9aeb367f92c5b63ab());document.head.appendChild($_documentContainer.content)});
\ No newline at end of file
+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_2224b120555211e98f439769bd191e33(){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      /* 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_2224b120555211e98f439769bd191e33=function(){return data};return data}var $_documentContainer=(0,_htmlTag.html)(_templateObject_2224b120555211e98f439769bd191e33());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 f30ef100429..7ea5b8f8523 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","./vaadin-progress-mixin.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js","../../vaadin-element-mixin/vaadin-element-mixin.js","../../../@polymer/polymer/lib/utils/html-tag.js"],function(_exports,_polymerElement,_vaadinProgressMixin,_vaadinThemableMixin,_vaadinElementMixin,_htmlTag){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ProgressBarElement=void 0;function _templateObject_94837f7054f411e9aeb367f92c5b63ab(){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_94837f7054f411e9aeb367f92c5b63ab=function(){return data};return data}var ProgressBarElement=function(_ElementMixin){babelHelpers.inherits(ProgressBarElement,_ElementMixin);function ProgressBarElement(){babelHelpers.classCallCheck(this,ProgressBarElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(ProgressBarElement).apply(this,arguments))}babelHelpers.createClass(ProgressBarElement,null,[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_94837f7054f411e9aeb367f92c5b63ab())}},{key:"is",get:function get(){return"vaadin-progress-bar"}},{key:"version",get:function get(){return"1.1.0"}}]);return ProgressBarElement}((0,_vaadinElementMixin.ElementMixin)((0,_vaadinThemableMixin.ThemableMixin)((0,_vaadinProgressMixin.ProgressMixin)(_polymerElement.PolymerElement))));_exports.ProgressBarElement=ProgressBarElement;customElements.define(ProgressBarElement.is,ProgressBarElement)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","./vaadin-progress-mixin.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js","../../vaadin-element-mixin/vaadin-element-mixin.js","../../../@polymer/polymer/lib/utils/html-tag.js"],function(_exports,_polymerElement,_vaadinProgressMixin,_vaadinThemableMixin,_vaadinElementMixin,_htmlTag){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.ProgressBarElement=void 0;function _templateObject_2810ce20555211e98f439769bd191e33(){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_2810ce20555211e98f439769bd191e33=function(){return data};return data}var ProgressBarElement=function(_ElementMixin){babelHelpers.inherits(ProgressBarElement,_ElementMixin);function ProgressBarElement(){babelHelpers.classCallCheck(this,ProgressBarElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(ProgressBarElement).apply(this,arguments))}babelHelpers.createClass(ProgressBarElement,null,[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_2810ce20555211e98f439769bd191e33())}},{key:"is",get:function get(){return"vaadin-progress-bar"}},{key:"version",get:function get(){return"1.1.0"}}]);return ProgressBarElement}((0,_vaadinElementMixin.ElementMixin)((0,_vaadinThemableMixin.ThemableMixin)((0,_vaadinProgressMixin.ProgressMixin)(_polymerElement.PolymerElement))));_exports.ProgressBarElement=ProgressBarElement;customElements.define(ProgressBarElement.is,ProgressBarElement)});
\ 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 02b00f9a68f..a126f5daed6 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/mixins/gesture-event-listeners.js","../../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../../@polymer/iron-resizable-behavior/iron-resizable-behavior.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js","../../vaadin-element-mixin/vaadin-element-mixin.js","../../../@polymer/polymer/lib/utils/html-tag.js","../../../@polymer/polymer/lib/legacy/class.js"],function(_exports,_polymerElement,_gestureEventListeners,_flattenedNodesObserver,_ironResizableBehavior,_vaadinThemableMixin,_vaadinElementMixin,_htmlTag,_class){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SplitLayoutElement=void 0;function _templateObject_911de64054f411e9aeb367f92c5b63ab(){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_911de64054f411e9aeb367f92c5b63ab=function(){return data};return data}var SplitLayoutElement=function(_ElementMixin){babelHelpers.inherits(SplitLayoutElement,_ElementMixin);function SplitLayoutElement(){babelHelpers.classCallCheck(this,SplitLayoutElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SplitLayoutElement).apply(this,arguments))}babelHelpers.createClass(SplitLayoutElement,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SplitLayoutElement.prototype),"ready",this).call(this);new _flattenedNodesObserver.FlattenedNodesObserver(this,this._processChildren)}},{key:"_processChildren",value:function _processChildren(){var _this=this;this.getEffectiveChildren().forEach(function(child,i){if(0===i){_this._primaryChild=child;child.setAttribute("slot","primary")}else if(1==i){_this._secondaryChild=child;child.setAttribute("slot","secondary")}else{child.removeAttribute("slot")}})}},{key:"_setFlexBasis",value:function _setFlexBasis(element,flexBasis,containerSize){flexBasis=Math.max(0,Math.min(flexBasis,containerSize));if(0===flexBasis){flexBasis=1e-6}element.style.flex="1 1 "+flexBasis+"px"}},{key:"_setPointerEventsNone",value:function _setPointerEventsNone(event){this._previousPrimaryPointerEvents=this._primaryChild.style.pointerEvents;this._previousSecondaryPointerEvents=this._secondaryChild.style.pointerEvents;this._primaryChild.style.pointerEvents="none";this._secondaryChild.style.pointerEvents="none";event.preventDefault()}},{key:"_restorePointerEvents",value:function _restorePointerEvents(){this._primaryChild.style.pointerEvents=this._previousPrimaryPointerEvents;this._secondaryChild.style.pointerEvents=this._previousSecondaryPointerEvents}},{key:"_onHandleTrack",value:function _onHandleTrack(event){if(!this._primaryChild||!this._secondaryChild){return}var size="vertical"===this.orientation?"height":"width";if("start"===event.detail.state){this._startSize={container:this.getBoundingClientRect()[size]-this.$.splitter.getBoundingClientRect()[size],primary:this._primaryChild.getBoundingClientRect()[size],secondary:this._secondaryChild.getBoundingClientRect()[size]};return}var distance="vertical"===this.orientation?event.detail.dy:event.detail.dx;this._setFlexBasis(this._primaryChild,this._startSize.primary+distance,this._startSize.container);this._setFlexBasis(this._secondaryChild,this._startSize.secondary-distance,this._startSize.container);this.notifyResize();if("end"===event.detail.state){this.dispatchEvent(new CustomEvent("splitter-dragend"));delete this._startSize}}}],[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_911de64054f411e9aeb367f92c5b63ab())}},{key:"is",get:function get(){return"vaadin-split-layout"}},{key:"version",get:function get(){return"4.1.0"}},{key:"properties",get:function get(){return{orientation:{type:String,reflectToAttribute:!0,value:"horizontal"},_previousPrimaryPointerEvents:String,_previousSecondaryPointerEvents:String}}}]);return SplitLayoutElement}((0,_vaadinElementMixin.ElementMixin)((0,_vaadinThemableMixin.ThemableMixin)((0,_gestureEventListeners.GestureEventListeners)((0,_class.mixinBehaviors)([_ironResizableBehavior.IronResizableBehavior],_polymerElement.PolymerElement)))));_exports.SplitLayoutElement=SplitLayoutElement;customElements.define(SplitLayoutElement.is,SplitLayoutElement)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/mixins/gesture-event-listeners.js","../../../@polymer/polymer/lib/utils/flattened-nodes-observer.js","../../../@polymer/iron-resizable-behavior/iron-resizable-behavior.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js","../../vaadin-element-mixin/vaadin-element-mixin.js","../../../@polymer/polymer/lib/utils/html-tag.js","../../../@polymer/polymer/lib/legacy/class.js"],function(_exports,_polymerElement,_gestureEventListeners,_flattenedNodesObserver,_ironResizableBehavior,_vaadinThemableMixin,_vaadinElementMixin,_htmlTag,_class){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.SplitLayoutElement=void 0;function _templateObject_24b8f090555211e98f439769bd191e33(){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_24b8f090555211e98f439769bd191e33=function(){return data};return data}var SplitLayoutElement=function(_ElementMixin){babelHelpers.inherits(SplitLayoutElement,_ElementMixin);function SplitLayoutElement(){babelHelpers.classCallCheck(this,SplitLayoutElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(SplitLayoutElement).apply(this,arguments))}babelHelpers.createClass(SplitLayoutElement,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(SplitLayoutElement.prototype),"ready",this).call(this);new _flattenedNodesObserver.FlattenedNodesObserver(this,this._processChildren)}},{key:"_processChildren",value:function _processChildren(){var _this=this;this.getEffectiveChildren().forEach(function(child,i){if(0===i){_this._primaryChild=child;child.setAttribute("slot","primary")}else if(1==i){_this._secondaryChild=child;child.setAttribute("slot","secondary")}else{child.removeAttribute("slot")}})}},{key:"_setFlexBasis",value:function _setFlexBasis(element,flexBasis,containerSize){flexBasis=Math.max(0,Math.min(flexBasis,containerSize));if(0===flexBasis){flexBasis=1e-6}element.style.flex="1 1 "+flexBasis+"px"}},{key:"_setPointerEventsNone",value:function _setPointerEventsNone(event){this._previousPrimaryPointerEvents=this._primaryChild.style.pointerEvents;this._previousSecondaryPointerEvents=this._secondaryChild.style.pointerEvents;this._primaryChild.style.pointerEvents="none";this._secondaryChild.style.pointerEvents="none";event.preventDefault()}},{key:"_restorePointerEvents",value:function _restorePointerEvents(){this._primaryChild.style.pointerEvents=this._previousPrimaryPointerEvents;this._secondaryChild.style.pointerEvents=this._previousSecondaryPointerEvents}},{key:"_onHandleTrack",value:function _onHandleTrack(event){if(!this._primaryChild||!this._secondaryChild){return}var size="vertical"===this.orientation?"height":"width";if("start"===event.detail.state){this._startSize={container:this.getBoundingClientRect()[size]-this.$.splitter.getBoundingClientRect()[size],primary:this._primaryChild.getBoundingClientRect()[size],secondary:this._secondaryChild.getBoundingClientRect()[size]};return}var distance="vertical"===this.orientation?event.detail.dy:event.detail.dx;this._setFlexBasis(this._primaryChild,this._startSize.primary+distance,this._startSize.container);this._setFlexBasis(this._secondaryChild,this._startSize.secondary-distance,this._startSize.container);this.notifyResize();if("end"===event.detail.state){this.dispatchEvent(new CustomEvent("splitter-dragend"));delete this._startSize}}}],[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_24b8f090555211e98f439769bd191e33())}},{key:"is",get:function get(){return"vaadin-split-layout"}},{key:"version",get:function get(){return"4.1.0"}},{key:"properties",get:function get(){return{orientation:{type:String,reflectToAttribute:!0,value:"horizontal"},_previousPrimaryPointerEvents:String,_previousSecondaryPointerEvents:String}}}]);return SplitLayoutElement}((0,_vaadinElementMixin.ElementMixin)((0,_vaadinThemableMixin.ThemableMixin)((0,_gestureEventListeners.GestureEventListeners)((0,_class.mixinBehaviors)([_ironResizableBehavior.IronResizableBehavior],_polymerElement.PolymerElement)))));_exports.SplitLayoutElement=SplitLayoutElement;customElements.define(SplitLayoutElement.is,SplitLayoutElement)});
\ No newline at end of file
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 8cdb40c0b8a..bcdf257aff5 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","./vaadin-text-field-mixin.js","../../vaadin-element-mixin/vaadin-element-mixin.js","../../../@polymer/polymer/lib/utils/html-tag.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js"],function(_exports,_polymerElement,_vaadinTextFieldMixin,_vaadinElementMixin,_htmlTag,_vaadinThemableMixin){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.TextFieldElement=void 0;function _templateObject_92c52da054f411e9aeb367f92c5b63ab(){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\">\n\n        <slot name=\"prefix\"></slot>\n\n        <input part=\"value\" autocomplete$=\"[[autocomplete]]\" autocorrect$=\"[[autocorrect]]\" autocapitalize$=\"[[autocapitalize]]\" autofocus$=\"[[autofocus]]\" disabled$=\"[[disabled]]\" list=\"[[list]]\" maxlength$=\"[[maxlength]]\" minlength$=\"[[minlength]]\" pattern=\"[[pattern]]\" placeholder$=\"[[placeholder]]\" readonly$=\"[[readonly]]\" aria-readonly$=\"[[readonly]]\" required$=\"[[required]]\" aria-required$=\"[[required]]\" value=\"{{value::input}}\" title=\"[[title]]\" on-blur=\"validate\" on-input=\"_onInput\" on-change=\"_onChange\" aria-describedby$=\"[[_getActiveErrorId(invalid, errorMessage, _errorId)]]\" aria-labelledby$=\"[[_getActiveLabelId(label, _labelId)]]\" aria-invalid$=\"[[invalid]]\">\n\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\">\n\n        <slot name=\"prefix\"></slot>\n\n        <input part=\"value\" autocomplete\\$=\"[[autocomplete]]\" autocorrect\\$=\"[[autocorrect]]\" autocapitalize\\$=\"[[autocapitalize]]\" autofocus\\$=\"[[autofocus]]\" disabled\\$=\"[[disabled]]\" list=\"[[list]]\" maxlength\\$=\"[[maxlength]]\" minlength\\$=\"[[minlength]]\" pattern=\"[[pattern]]\" placeholder\\$=\"[[placeholder]]\" readonly\\$=\"[[readonly]]\" aria-readonly\\$=\"[[readonly]]\" required\\$=\"[[required]]\" aria-required\\$=\"[[required]]\" value=\"{{value::input}}\" title=\"[[title]]\" on-blur=\"validate\" on-input=\"_onInput\" on-change=\"_onChange\" aria-describedby\\$=\"[[_getActiveErrorId(invalid, errorMessage, _errorId)]]\" aria-labelledby\\$=\"[[_getActiveLabelId(label, _labelId)]]\" aria-invalid\\$=\"[[invalid]]\">\n\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_92c52da054f411e9aeb367f92c5b63ab=function(){return data};return data}var TextFieldElement=function(_ElementMixin){babelHelpers.inherits(TextFieldElement,_ElementMixin);function TextFieldElement(){babelHelpers.classCallCheck(this,TextFieldElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(TextFieldElement).apply(this,arguments))}babelHelpers.createClass(TextFieldElement,null,[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_92c52da054f411e9aeb367f92c5b63ab())}},{key:"is",get:function get(){return"vaadin-text-field"}},{key:"version",get:function get(){return"2.1.5"}},{key:"properties",get:function get(){return{list:{type:String},pattern:{type:String},title:{type:String}}}}]);return TextFieldElement}((0,_vaadinElementMixin.ElementMixin)((0,_vaadinTextFieldMixin.TextFieldMixin)((0,_vaadinThemableMixin.ThemableMixin)(_polymerElement.PolymerElement))));_exports.TextFieldElement=TextFieldElement;customElements.define(TextFieldElement.is,TextFieldElement)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","./vaadin-text-field-mixin.js","../../vaadin-element-mixin/vaadin-element-mixin.js","../../../@polymer/polymer/lib/utils/html-tag.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js"],function(_exports,_polymerElement,_vaadinTextFieldMixin,_vaadinElementMixin,_htmlTag,_vaadinThemableMixin){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.TextFieldElement=void 0;function _templateObject_26619780555211e98f439769bd191e33(){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\">\n\n        <slot name=\"prefix\"></slot>\n\n        <input part=\"value\" autocomplete$=\"[[autocomplete]]\" autocorrect$=\"[[autocorrect]]\" autocapitalize$=\"[[autocapitalize]]\" autofocus$=\"[[autofocus]]\" disabled$=\"[[disabled]]\" list=\"[[list]]\" maxlength$=\"[[maxlength]]\" minlength$=\"[[minlength]]\" pattern=\"[[pattern]]\" placeholder$=\"[[placeholder]]\" readonly$=\"[[readonly]]\" aria-readonly$=\"[[readonly]]\" required$=\"[[required]]\" aria-required$=\"[[required]]\" value=\"{{value::input}}\" title=\"[[title]]\" on-blur=\"validate\" on-input=\"_onInput\" on-change=\"_onChange\" aria-describedby$=\"[[_getActiveErrorId(invalid, errorMessage, _errorId)]]\" aria-labelledby$=\"[[_getActiveLabelId(label, _labelId)]]\" aria-invalid$=\"[[invalid]]\">\n\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\">\n\n        <slot name=\"prefix\"></slot>\n\n        <input part=\"value\" autocomplete\\$=\"[[autocomplete]]\" autocorrect\\$=\"[[autocorrect]]\" autocapitalize\\$=\"[[autocapitalize]]\" autofocus\\$=\"[[autofocus]]\" disabled\\$=\"[[disabled]]\" list=\"[[list]]\" maxlength\\$=\"[[maxlength]]\" minlength\\$=\"[[minlength]]\" pattern=\"[[pattern]]\" placeholder\\$=\"[[placeholder]]\" readonly\\$=\"[[readonly]]\" aria-readonly\\$=\"[[readonly]]\" required\\$=\"[[required]]\" aria-required\\$=\"[[required]]\" value=\"{{value::input}}\" title=\"[[title]]\" on-blur=\"validate\" on-input=\"_onInput\" on-change=\"_onChange\" aria-describedby\\$=\"[[_getActiveErrorId(invalid, errorMessage, _errorId)]]\" aria-labelledby\\$=\"[[_getActiveLabelId(label, _labelId)]]\" aria-invalid\\$=\"[[invalid]]\">\n\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_26619780555211e98f439769bd191e33=function(){return data};return data}var TextFieldElement=function(_ElementMixin){babelHelpers.inherits(TextFieldElement,_ElementMixin);function TextFieldElement(){babelHelpers.classCallCheck(this,TextFieldElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(TextFieldElement).apply(this,arguments))}babelHelpers.createClass(TextFieldElement,null,[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_26619780555211e98f439769bd191e33())}},{key:"is",get:function get(){return"vaadin-text-field"}},{key:"version",get:function get(){return"2.1.5"}},{key:"properties",get:function get(){return{list:{type:String},pattern:{type:String},title:{type:String}}}}]);return TextFieldElement}((0,_vaadinElementMixin.ElementMixin)((0,_vaadinTextFieldMixin.TextFieldMixin)((0,_vaadinThemableMixin.ThemableMixin)(_polymerElement.PolymerElement))));_exports.TextFieldElement=TextFieldElement;customElements.define(TextFieldElement.is,TextFieldElement)});
\ 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 3f81d78c855..ffd6a2affa9 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 +1 @@
-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","../../../../@polymer/polymer/lib/utils/html-tag.js"],function(_color,_sizing,_spacing,_style,_typography,_requiredField,_htmlTag){"use strict";function _templateObject_92b1a5a054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-text-field\" theme-for=\"vaadin-text-field\">\n  <template>\n    <style include=\"lumo-required-field\">\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([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        -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([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      /* 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)) {\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    </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\">\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([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        -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([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      /* 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)) {\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    </style>\n  </template>\n</dom-module>"]);_templateObject_92b1a5a054f411e9aeb367f92c5b63ab=function(){return data};return data}var $_documentContainer=(0,_htmlTag.html)(_templateObject_92b1a5a054f411e9aeb367f92c5b63ab());document.head.appendChild($_documentContainer.content)});
\ No newline at end of file
+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","../../../../@polymer/polymer/lib/utils/html-tag.js"],function(_color,_sizing,_spacing,_style,_typography,_requiredField,_htmlTag){"use strict";function _templateObject_26481c10555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["<dom-module id=\"lumo-text-field\" theme-for=\"vaadin-text-field\">\n  <template>\n    <style include=\"lumo-required-field\">\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([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        -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([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      /* 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)) {\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    </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\">\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([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        -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([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      /* 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)) {\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    </style>\n  </template>\n</dom-module>"]);_templateObject_26481c10555211e98f439769bd191e33=function(){return data};return data}var $_documentContainer=(0,_htmlTag.html)(_templateObject_26481c10555211e98f439769bd191e33());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 5abf6cc967f..21750608ad3 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js","../../vaadin-progress-bar/src/vaadin-progress-bar.js","./vaadin-upload-icons.js","../../../@polymer/polymer/lib/utils/html-tag.js"],function(_exports,_polymerElement,_vaadinThemableMixin,_vaadinProgressBar,_vaadinUploadIcons,_htmlTag){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.UploadFileElement=void 0;function _templateObject_90f2908054f411e9aeb367f92c5b63ab(){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_90f2908054f411e9aeb367f92c5b63ab=function(){return data};return data}var UploadFileElement=function(_ThemableMixin){babelHelpers.inherits(UploadFileElement,_ThemableMixin);function UploadFileElement(){babelHelpers.classCallCheck(this,UploadFileElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(UploadFileElement).apply(this,arguments))}babelHelpers.createClass(UploadFileElement,[{key:"_fileAborted",value:function _fileAborted(abort){if(abort){this._remove()}}},{key:"_remove",value:function _remove(){this.dispatchEvent(new CustomEvent("file-remove",{detail:{file:this.file},bubbles:!0,composed:!0}))}},{key:"_formatProgressValue",value:function _formatProgressValue(progress){return progress/100}},{key:"_fireFileEvent",value:function _fireFileEvent(e){e.preventDefault();return this.dispatchEvent(new CustomEvent(e.target.getAttribute("file-event"),{detail:{file:this.file},bubbles:!0,composed:!0}))}},{key:"_toggleHostAttribute",value:function _toggleHostAttribute(value,attributeName){var shouldHave=!!value,has=this.hasAttribute(attributeName);if(has!==shouldHave){if(shouldHave){this.setAttribute(attributeName,"")}else{this.removeAttribute(attributeName)}}}}],[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_90f2908054f411e9aeb367f92c5b63ab())}},{key:"is",get:function get(){return"vaadin-upload-file"}},{key:"properties",get:function get(){return{file:Object}}},{key:"observers",get:function get(){return["_fileAborted(file.abort)","_toggleHostAttribute(file.error, \"error\")","_toggleHostAttribute(file.indeterminate, \"indeterminate\")","_toggleHostAttribute(file.uploading, \"uploading\")","_toggleHostAttribute(file.complete, \"complete\")"]}}]);return UploadFileElement}((0,_vaadinThemableMixin.ThemableMixin)(_polymerElement.PolymerElement));_exports.UploadFileElement=UploadFileElement;customElements.define(UploadFileElement.is,UploadFileElement)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js","../../vaadin-progress-bar/src/vaadin-progress-bar.js","./vaadin-upload-icons.js","../../../@polymer/polymer/lib/utils/html-tag.js"],function(_exports,_polymerElement,_vaadinThemableMixin,_vaadinProgressBar,_vaadinUploadIcons,_htmlTag){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.UploadFileElement=void 0;function _templateObject_2477eff0555211e98f439769bd191e33(){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_2477eff0555211e98f439769bd191e33=function(){return data};return data}var UploadFileElement=function(_ThemableMixin){babelHelpers.inherits(UploadFileElement,_ThemableMixin);function UploadFileElement(){babelHelpers.classCallCheck(this,UploadFileElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(UploadFileElement).apply(this,arguments))}babelHelpers.createClass(UploadFileElement,[{key:"_fileAborted",value:function _fileAborted(abort){if(abort){this._remove()}}},{key:"_remove",value:function _remove(){this.dispatchEvent(new CustomEvent("file-remove",{detail:{file:this.file},bubbles:!0,composed:!0}))}},{key:"_formatProgressValue",value:function _formatProgressValue(progress){return progress/100}},{key:"_fireFileEvent",value:function _fireFileEvent(e){e.preventDefault();return this.dispatchEvent(new CustomEvent(e.target.getAttribute("file-event"),{detail:{file:this.file},bubbles:!0,composed:!0}))}},{key:"_toggleHostAttribute",value:function _toggleHostAttribute(value,attributeName){var shouldHave=!!value,has=this.hasAttribute(attributeName);if(has!==shouldHave){if(shouldHave){this.setAttribute(attributeName,"")}else{this.removeAttribute(attributeName)}}}}],[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_2477eff0555211e98f439769bd191e33())}},{key:"is",get:function get(){return"vaadin-upload-file"}},{key:"properties",get:function get(){return{file:Object}}},{key:"observers",get:function get(){return["_fileAborted(file.abort)","_toggleHostAttribute(file.error, \"error\")","_toggleHostAttribute(file.indeterminate, \"indeterminate\")","_toggleHostAttribute(file.uploading, \"uploading\")","_toggleHostAttribute(file.complete, \"complete\")"]}}]);return UploadFileElement}((0,_vaadinThemableMixin.ThemableMixin)(_polymerElement.PolymerElement));_exports.UploadFileElement=UploadFileElement;customElements.define(UploadFileElement.is,UploadFileElement)});
\ No newline at end of file
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 c79af8cb555..543d0e11c1b 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
@@ -1 +1 @@
-define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/utils/gestures.js","../../../@polymer/polymer/lib/elements/dom-repeat.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js","../../vaadin-button/src/vaadin-button.js","./vaadin-upload-icons.js","./vaadin-upload-file.js","../../vaadin-element-mixin/vaadin-element-mixin.js","../../../@polymer/polymer/lib/utils/html-tag.js"],function(_exports,_polymerElement,_gestures,_domRepeat,_vaadinThemableMixin,_vaadinButton,_vaadinUploadIcons,_vaadinUploadFile,_vaadinElementMixin,_htmlTag){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.UploadElement=void 0;function _templateObject_8dc2111054f411e9aeb367f92c5b63ab(){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_8dc2111054f411e9aeb367f92c5b63ab=function(){return data};return data}var UploadElement=function(_ElementMixin){babelHelpers.inherits(UploadElement,_ElementMixin);function UploadElement(){babelHelpers.classCallCheck(this,UploadElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(UploadElement).apply(this,arguments))}babelHelpers.createClass(UploadElement,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(UploadElement.prototype),"ready",this).call(this);this.addEventListener("dragover",this._onDragover.bind(this));this.addEventListener("dragleave",this._onDragleave.bind(this));this.addEventListener("drop",this._onDrop.bind(this));this.addEventListener("file-retry",this._onFileRetry.bind(this));this.addEventListener("file-abort",this._onFileAbort.bind(this));this.addEventListener("file-remove",this._onFileRemove.bind(this));this.addEventListener("file-start",this._onFileStart.bind(this))}},{key:"_formatSize",value:function _formatSize(bytes){var _Mathlog=Math.log;if("function"===typeof this.i18n.formatSize){return this.i18n.formatSize(bytes)}var base=this.i18n.units.sizeBase||1e3,unit=~~(_Mathlog(bytes)/_Mathlog(base)),dec=Math.max(0,Math.min(3,unit-1)),size=parseFloat((bytes/Math.pow(base,unit)).toFixed(dec));return size+" "+this.i18n.units.size[unit]}},{key:"_splitTimeByUnits",value:function _splitTimeByUnits(time){for(var unitSizes=[60,60,24,1/0],timeValues=[0],i=0;i<unitSizes.length&&0<time;i++){timeValues[i]=time%unitSizes[i];time=Math.floor(time/unitSizes[i])}return timeValues}},{key:"_formatTime",value:function _formatTime(seconds,split){if("function"===typeof this.i18n.formatTime){return this.i18n.formatTime(seconds,split)}while(3>split.length){split.push(0)}return split.reverse().map(function(number){return(10>number?"0":"")+number}).join(":")}},{key:"_formatFileProgress",value:function _formatFileProgress(file){return file.totalStr+": "+file.progress+"% ("+(0<file.loaded?this.i18n.uploading.remainingTime.prefix+file.remainingStr:this.i18n.uploading.remainingTime.unknown)+")"}},{key:"_maxFilesAdded",value:function _maxFilesAdded(maxFiles,numFiles){return 0<=maxFiles&&numFiles>=maxFiles}},{key:"_onDragover",value:function _onDragover(event){event.preventDefault();if(!this.nodrop&&!this._dragover){this._dragoverValid=!this.maxFilesReached;this._dragover=!0}event.dataTransfer.dropEffect=!this._dragoverValid||this.nodrop?"none":"copy"}},{key:"_onDragleave",value:function _onDragleave(event){event.preventDefault();if(this._dragover&&!this.nodrop){this._dragover=this._dragoverValid=!1}}},{key:"_onDrop",value:function _onDrop(event){if(!this.nodrop){event.preventDefault();this._dragover=this._dragoverValid=!1;this._addFiles(event.dataTransfer.files)}}},{key:"_createXhr",value:function _createXhr(){return new XMLHttpRequest}},{key:"_configureXhr",value:function _configureXhr(xhr){if("string"==typeof this.headers){try{this.headers=JSON.parse(this.headers)}catch(e){this.headers=void 0}}for(var key in this.headers){xhr.setRequestHeader(key,this.headers[key])}if(this.timeout){xhr.timeout=this.timeout}xhr.withCredentials=this.withCredentials}},{key:"_setStatus",value:function _setStatus(file,total,loaded,elapsed){file.elapsed=elapsed;file.elapsedStr=this._formatTime(file.elapsed,this._splitTimeByUnits(file.elapsed));file.remaining=Math.ceil(elapsed*(total/loaded-1));file.remainingStr=this._formatTime(file.remaining,this._splitTimeByUnits(file.remaining));file.speed=~~(total/elapsed/1024);file.totalStr=this._formatSize(total);file.loadedStr=this._formatSize(loaded);file.status=this._formatFileProgress(file)}},{key:"uploadFiles",value:function uploadFiles(files){files=files||this.files;files=files.filter(function(file){return!file.complete});Array.prototype.forEach.call(files,this._uploadFile.bind(this))}},{key:"_uploadFile",value:function _uploadFile(file){var _this=this;if(file.uploading){return}var ini=Date.now(),xhr=file.xhr=this._createXhr(file),stalledId,last;xhr.upload.onprogress=function(e){clearTimeout(stalledId);last=Date.now();var elapsed=(last-ini)/1e3,loaded=e.loaded,total=e.total,progress=~~(100*(loaded/total));file.loaded=loaded;file.progress=progress;file.indeterminate=0>=loaded||loaded>=total;if(file.error){file.indeterminate=file.status=void 0}else if(!file.abort){if(100>progress){_this._setStatus(file,total,loaded,elapsed);stalledId=setTimeout(function(){file.status=_this.i18n.uploading.status.stalled;_this._notifyFileChanges(file)},2e3)}else{file.loadedStr=file.totalStr;file.status=_this.i18n.uploading.status.processing;file.uploading=!1}}_this._notifyFileChanges(file);_this.dispatchEvent(new CustomEvent("upload-progress",{detail:{file:file,xhr:xhr}}))};xhr.onreadystatechange=function(){if(4==xhr.readyState){clearTimeout(stalledId);file.indeterminate=file.uploading=!1;if(file.abort){_this._notifyFileChanges(file);return}file.status="";var _evt=_this.dispatchEvent(new CustomEvent("upload-response",{detail:{file:file,xhr:xhr},cancelable:!0}));if(!_evt){return}if(0===xhr.status){file.error=_this.i18n.uploading.error.serverUnavailable}else if(500<=xhr.status){file.error=_this.i18n.uploading.error.unexpectedServerError}else if(400<=xhr.status){file.error=_this.i18n.uploading.error.forbidden}file.complete=!file.error;_this.dispatchEvent(new CustomEvent("upload-".concat(file.error?"error":"success"),{detail:{file:file,xhr:xhr}}));_this._notifyFileChanges(file)}};var formData=new FormData;file.uploadTarget=this.target||"";file.formDataName=this.formDataName;var evt=this.dispatchEvent(new CustomEvent("upload-before",{detail:{file:file,xhr:xhr},cancelable:!0}));if(!evt){return}formData.append(file.formDataName,file,file.name);xhr.open(this.method,file.uploadTarget,!0);this._configureXhr(xhr);file.status=this.i18n.uploading.status.connecting;file.uploading=file.indeterminate=!0;file.complete=file.abort=file.error=file.held=!1;xhr.upload.onloadstart=function(){_this.dispatchEvent(new CustomEvent("upload-start",{detail:{file:file,xhr:xhr}}));_this._notifyFileChanges(file)};var uploadEvt=this.dispatchEvent(new CustomEvent("upload-request",{detail:{file:file,xhr:xhr,formData:formData},cancelable:!0}));if(uploadEvt){xhr.send(formData)}}},{key:"_retryFileUpload",value:function _retryFileUpload(file){var evt=this.dispatchEvent(new CustomEvent("upload-retry",{detail:{file:file,xhr:file.xhr},cancelable:!0}));if(evt){this._uploadFile(file)}}},{key:"_abortFileUpload",value:function _abortFileUpload(file){var evt=this.dispatchEvent(new CustomEvent("upload-abort",{detail:{file:file,xhr:file.xhr},cancelable:!0}));if(evt){file.abort=!0;if(file.xhr){file.xhr.abort()}this._notifyFileChanges(file)}}},{key:"_notifyFileChanges",value:function _notifyFileChanges(file){var p="files."+this.files.indexOf(file)+".";for(var i in file){if(file.hasOwnProperty(i)){this.notifyPath(p+i,file[i])}}}},{key:"_addFiles",value:function _addFiles(files){Array.prototype.forEach.call(files,this._addFile.bind(this))}},{key:"_addFile",value:function _addFile(file){if(this.maxFilesReached){this.dispatchEvent(new CustomEvent("file-reject",{detail:{file:file,error:this.i18n.error.tooManyFiles}}));return}if(0<=this.maxFileSize&&file.size>this.maxFileSize){this.dispatchEvent(new CustomEvent("file-reject",{detail:{file:file,error:this.i18n.error.fileIsTooBig}}));return}var fileExt=file.name.match(/\.[^\.]*$|$/)[0],re=new RegExp("^("+this.accept.replace(/[, ]+/g,"|").replace(/\/\*/g,"/.*")+")$","i");if(this.accept&&!(re.test(file.type)||re.test(fileExt))){this.dispatchEvent(new CustomEvent("file-reject",{detail:{file:file,error:this.i18n.error.incorrectFileType}}));return}file.loaded=0;file.held=!0;file.status=this.i18n.uploading.status.held;this.unshift("files",file);if(!this.noAuto){this._uploadFile(file)}}},{key:"_removeFile",value:function _removeFile(file){if(-1<this.files.indexOf(file)){this.splice("files",this.files.indexOf(file),1)}}},{key:"_onAddFilesTouchEnd",value:function _onAddFilesTouchEnd(e){e.preventDefault();this.__resetMouseCanceller();this._onAddFilesClick()}},{key:"__resetMouseCanceller",value:function __resetMouseCanceller(){(0,_gestures.resetMouseCanceller)()}},{key:"_onAddFilesClick",value:function _onAddFilesClick(){if(this.maxFilesReached){return}this.$.fileInput.value="";this.$.fileInput.click()}},{key:"_onFileInputChange",value:function _onFileInputChange(event){this._addFiles(event.target.files)}},{key:"_onFileStart",value:function _onFileStart(event){this._uploadFile(event.detail.file)}},{key:"_onFileRetry",value:function _onFileRetry(event){this._retryFileUpload(event.detail.file)}},{key:"_onFileAbort",value:function _onFileAbort(event){this._abortFileUpload(event.detail.file)}},{key:"_onFileRemove",value:function _onFileRemove(event){event.stopPropagation();this._removeFile(event.detail.file)}},{key:"_dragoverChanged",value:function _dragoverChanged(dragover){dragover?this.setAttribute("dragover",dragover):this.removeAttribute("dragover")}},{key:"_dragoverValidChanged",value:function _dragoverValidChanged(dragoverValid){dragoverValid?this.setAttribute("dragover-valid",dragoverValid):this.removeAttribute("dragover-valid")}},{key:"_i18nPlural",value:function _i18nPlural(value,plural){return 1==value?plural.one:plural.many}},{key:"_isMultiple",value:function _isMultiple(){return 1!=this.maxFiles}}],[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_8dc2111054f411e9aeb367f92c5b63ab())}},{key:"is",get:function get(){return"vaadin-upload"}},{key:"version",get:function get(){return"4.2.1"}},{key:"properties",get:function get(){return{nodrop:{type:Boolean,reflectToAttribute:!0,value:function value(){try{return!!document.createEvent("TouchEvent")}catch(e){return!1}}},target:{type:String,value:""},method:{type:String,value:"POST"},headers:{type:Object,value:{}},timeout:{type:Number,value:0},_dragover:{type:Boolean,value:!1,observer:"_dragoverChanged"},files:{type:Array,notify:!0,value:function value(){return[]}},maxFiles:{type:Number,value:1/0},maxFilesReached:{type:Boolean,value:!1,notify:!0,readOnly:!0,computed:"_maxFilesAdded(maxFiles, files.length)"},accept:{type:String,value:""},maxFileSize:{type:Number,value:1/0},_dragoverValid:{type:Boolean,value:!1,observer:"_dragoverValidChanged"},formDataName:{type:String,value:"file"},noAuto:{type:Boolean,value:!1},withCredentials:{type:Boolean,value:!1},capture:String,i18n:{type:Object,value:function value(){return{dropFiles:{one:"Drop file here",many:"Drop files here"},addFiles:{one:"Upload File...",many:"Upload Files..."},cancel:"Cancel",error:{tooManyFiles:"Too Many Files.",fileIsTooBig:"File is Too Big.",incorrectFileType:"Incorrect File Type."},uploading:{status:{connecting:"Connecting...",stalled:"Stalled.",processing:"Processing File...",held:"Queued"},remainingTime:{prefix:"remaining time: ",unknown:"unknown remaining time"},error:{serverUnavailable:"Server Unavailable",unexpectedServerError:"Unexpected Server Error",forbidden:"Forbidden"}},units:{size:["B","kB","MB","GB","TB","PB","EB","ZB","YB"]}}}}}}}]);return UploadElement}((0,_vaadinElementMixin.ElementMixin)((0,_vaadinThemableMixin.ThemableMixin)(_polymerElement.PolymerElement)));_exports.UploadElement=UploadElement;customElements.define(UploadElement.is,UploadElement)});
\ No newline at end of file
+define(["exports","../../../@polymer/polymer/polymer-element.js","../../../@polymer/polymer/lib/utils/gestures.js","../../../@polymer/polymer/lib/elements/dom-repeat.js","../../vaadin-themable-mixin/vaadin-themable-mixin.js","../../vaadin-button/src/vaadin-button.js","./vaadin-upload-icons.js","./vaadin-upload-file.js","../../vaadin-element-mixin/vaadin-element-mixin.js","../../../@polymer/polymer/lib/utils/html-tag.js"],function(_exports,_polymerElement,_gestures,_domRepeat,_vaadinThemableMixin,_vaadinButton,_vaadinUploadIcons,_vaadinUploadFile,_vaadinElementMixin,_htmlTag){"use strict";Object.defineProperty(_exports,"__esModule",{value:!0});_exports.UploadElement=void 0;function _templateObject_2178b9b0555211e98f439769bd191e33(){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_2178b9b0555211e98f439769bd191e33=function(){return data};return data}var UploadElement=function(_ElementMixin){babelHelpers.inherits(UploadElement,_ElementMixin);function UploadElement(){babelHelpers.classCallCheck(this,UploadElement);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(UploadElement).apply(this,arguments))}babelHelpers.createClass(UploadElement,[{key:"ready",value:function ready(){babelHelpers.get(babelHelpers.getPrototypeOf(UploadElement.prototype),"ready",this).call(this);this.addEventListener("dragover",this._onDragover.bind(this));this.addEventListener("dragleave",this._onDragleave.bind(this));this.addEventListener("drop",this._onDrop.bind(this));this.addEventListener("file-retry",this._onFileRetry.bind(this));this.addEventListener("file-abort",this._onFileAbort.bind(this));this.addEventListener("file-remove",this._onFileRemove.bind(this));this.addEventListener("file-start",this._onFileStart.bind(this))}},{key:"_formatSize",value:function _formatSize(bytes){var _Mathlog=Math.log;if("function"===typeof this.i18n.formatSize){return this.i18n.formatSize(bytes)}var base=this.i18n.units.sizeBase||1e3,unit=~~(_Mathlog(bytes)/_Mathlog(base)),dec=Math.max(0,Math.min(3,unit-1)),size=parseFloat((bytes/Math.pow(base,unit)).toFixed(dec));return size+" "+this.i18n.units.size[unit]}},{key:"_splitTimeByUnits",value:function _splitTimeByUnits(time){for(var unitSizes=[60,60,24,1/0],timeValues=[0],i=0;i<unitSizes.length&&0<time;i++){timeValues[i]=time%unitSizes[i];time=Math.floor(time/unitSizes[i])}return timeValues}},{key:"_formatTime",value:function _formatTime(seconds,split){if("function"===typeof this.i18n.formatTime){return this.i18n.formatTime(seconds,split)}while(3>split.length){split.push(0)}return split.reverse().map(function(number){return(10>number?"0":"")+number}).join(":")}},{key:"_formatFileProgress",value:function _formatFileProgress(file){return file.totalStr+": "+file.progress+"% ("+(0<file.loaded?this.i18n.uploading.remainingTime.prefix+file.remainingStr:this.i18n.uploading.remainingTime.unknown)+")"}},{key:"_maxFilesAdded",value:function _maxFilesAdded(maxFiles,numFiles){return 0<=maxFiles&&numFiles>=maxFiles}},{key:"_onDragover",value:function _onDragover(event){event.preventDefault();if(!this.nodrop&&!this._dragover){this._dragoverValid=!this.maxFilesReached;this._dragover=!0}event.dataTransfer.dropEffect=!this._dragoverValid||this.nodrop?"none":"copy"}},{key:"_onDragleave",value:function _onDragleave(event){event.preventDefault();if(this._dragover&&!this.nodrop){this._dragover=this._dragoverValid=!1}}},{key:"_onDrop",value:function _onDrop(event){if(!this.nodrop){event.preventDefault();this._dragover=this._dragoverValid=!1;this._addFiles(event.dataTransfer.files)}}},{key:"_createXhr",value:function _createXhr(){return new XMLHttpRequest}},{key:"_configureXhr",value:function _configureXhr(xhr){if("string"==typeof this.headers){try{this.headers=JSON.parse(this.headers)}catch(e){this.headers=void 0}}for(var key in this.headers){xhr.setRequestHeader(key,this.headers[key])}if(this.timeout){xhr.timeout=this.timeout}xhr.withCredentials=this.withCredentials}},{key:"_setStatus",value:function _setStatus(file,total,loaded,elapsed){file.elapsed=elapsed;file.elapsedStr=this._formatTime(file.elapsed,this._splitTimeByUnits(file.elapsed));file.remaining=Math.ceil(elapsed*(total/loaded-1));file.remainingStr=this._formatTime(file.remaining,this._splitTimeByUnits(file.remaining));file.speed=~~(total/elapsed/1024);file.totalStr=this._formatSize(total);file.loadedStr=this._formatSize(loaded);file.status=this._formatFileProgress(file)}},{key:"uploadFiles",value:function uploadFiles(files){files=files||this.files;files=files.filter(function(file){return!file.complete});Array.prototype.forEach.call(files,this._uploadFile.bind(this))}},{key:"_uploadFile",value:function _uploadFile(file){var _this=this;if(file.uploading){return}var ini=Date.now(),xhr=file.xhr=this._createXhr(file),stalledId,last;xhr.upload.onprogress=function(e){clearTimeout(stalledId);last=Date.now();var elapsed=(last-ini)/1e3,loaded=e.loaded,total=e.total,progress=~~(100*(loaded/total));file.loaded=loaded;file.progress=progress;file.indeterminate=0>=loaded||loaded>=total;if(file.error){file.indeterminate=file.status=void 0}else if(!file.abort){if(100>progress){_this._setStatus(file,total,loaded,elapsed);stalledId=setTimeout(function(){file.status=_this.i18n.uploading.status.stalled;_this._notifyFileChanges(file)},2e3)}else{file.loadedStr=file.totalStr;file.status=_this.i18n.uploading.status.processing;file.uploading=!1}}_this._notifyFileChanges(file);_this.dispatchEvent(new CustomEvent("upload-progress",{detail:{file:file,xhr:xhr}}))};xhr.onreadystatechange=function(){if(4==xhr.readyState){clearTimeout(stalledId);file.indeterminate=file.uploading=!1;if(file.abort){_this._notifyFileChanges(file);return}file.status="";var _evt=_this.dispatchEvent(new CustomEvent("upload-response",{detail:{file:file,xhr:xhr},cancelable:!0}));if(!_evt){return}if(0===xhr.status){file.error=_this.i18n.uploading.error.serverUnavailable}else if(500<=xhr.status){file.error=_this.i18n.uploading.error.unexpectedServerError}else if(400<=xhr.status){file.error=_this.i18n.uploading.error.forbidden}file.complete=!file.error;_this.dispatchEvent(new CustomEvent("upload-".concat(file.error?"error":"success"),{detail:{file:file,xhr:xhr}}));_this._notifyFileChanges(file)}};var formData=new FormData;file.uploadTarget=this.target||"";file.formDataName=this.formDataName;var evt=this.dispatchEvent(new CustomEvent("upload-before",{detail:{file:file,xhr:xhr},cancelable:!0}));if(!evt){return}formData.append(file.formDataName,file,file.name);xhr.open(this.method,file.uploadTarget,!0);this._configureXhr(xhr);file.status=this.i18n.uploading.status.connecting;file.uploading=file.indeterminate=!0;file.complete=file.abort=file.error=file.held=!1;xhr.upload.onloadstart=function(){_this.dispatchEvent(new CustomEvent("upload-start",{detail:{file:file,xhr:xhr}}));_this._notifyFileChanges(file)};var uploadEvt=this.dispatchEvent(new CustomEvent("upload-request",{detail:{file:file,xhr:xhr,formData:formData},cancelable:!0}));if(uploadEvt){xhr.send(formData)}}},{key:"_retryFileUpload",value:function _retryFileUpload(file){var evt=this.dispatchEvent(new CustomEvent("upload-retry",{detail:{file:file,xhr:file.xhr},cancelable:!0}));if(evt){this._uploadFile(file)}}},{key:"_abortFileUpload",value:function _abortFileUpload(file){var evt=this.dispatchEvent(new CustomEvent("upload-abort",{detail:{file:file,xhr:file.xhr},cancelable:!0}));if(evt){file.abort=!0;if(file.xhr){file.xhr.abort()}this._notifyFileChanges(file)}}},{key:"_notifyFileChanges",value:function _notifyFileChanges(file){var p="files."+this.files.indexOf(file)+".";for(var i in file){if(file.hasOwnProperty(i)){this.notifyPath(p+i,file[i])}}}},{key:"_addFiles",value:function _addFiles(files){Array.prototype.forEach.call(files,this._addFile.bind(this))}},{key:"_addFile",value:function _addFile(file){if(this.maxFilesReached){this.dispatchEvent(new CustomEvent("file-reject",{detail:{file:file,error:this.i18n.error.tooManyFiles}}));return}if(0<=this.maxFileSize&&file.size>this.maxFileSize){this.dispatchEvent(new CustomEvent("file-reject",{detail:{file:file,error:this.i18n.error.fileIsTooBig}}));return}var fileExt=file.name.match(/\.[^\.]*$|$/)[0],re=new RegExp("^("+this.accept.replace(/[, ]+/g,"|").replace(/\/\*/g,"/.*")+")$","i");if(this.accept&&!(re.test(file.type)||re.test(fileExt))){this.dispatchEvent(new CustomEvent("file-reject",{detail:{file:file,error:this.i18n.error.incorrectFileType}}));return}file.loaded=0;file.held=!0;file.status=this.i18n.uploading.status.held;this.unshift("files",file);if(!this.noAuto){this._uploadFile(file)}}},{key:"_removeFile",value:function _removeFile(file){if(-1<this.files.indexOf(file)){this.splice("files",this.files.indexOf(file),1)}}},{key:"_onAddFilesTouchEnd",value:function _onAddFilesTouchEnd(e){e.preventDefault();this.__resetMouseCanceller();this._onAddFilesClick()}},{key:"__resetMouseCanceller",value:function __resetMouseCanceller(){(0,_gestures.resetMouseCanceller)()}},{key:"_onAddFilesClick",value:function _onAddFilesClick(){if(this.maxFilesReached){return}this.$.fileInput.value="";this.$.fileInput.click()}},{key:"_onFileInputChange",value:function _onFileInputChange(event){this._addFiles(event.target.files)}},{key:"_onFileStart",value:function _onFileStart(event){this._uploadFile(event.detail.file)}},{key:"_onFileRetry",value:function _onFileRetry(event){this._retryFileUpload(event.detail.file)}},{key:"_onFileAbort",value:function _onFileAbort(event){this._abortFileUpload(event.detail.file)}},{key:"_onFileRemove",value:function _onFileRemove(event){event.stopPropagation();this._removeFile(event.detail.file)}},{key:"_dragoverChanged",value:function _dragoverChanged(dragover){dragover?this.setAttribute("dragover",dragover):this.removeAttribute("dragover")}},{key:"_dragoverValidChanged",value:function _dragoverValidChanged(dragoverValid){dragoverValid?this.setAttribute("dragover-valid",dragoverValid):this.removeAttribute("dragover-valid")}},{key:"_i18nPlural",value:function _i18nPlural(value,plural){return 1==value?plural.one:plural.many}},{key:"_isMultiple",value:function _isMultiple(){return 1!=this.maxFiles}}],[{key:"template",get:function get(){return(0,_htmlTag.html)(_templateObject_2178b9b0555211e98f439769bd191e33())}},{key:"is",get:function get(){return"vaadin-upload"}},{key:"version",get:function get(){return"4.2.1"}},{key:"properties",get:function get(){return{nodrop:{type:Boolean,reflectToAttribute:!0,value:function value(){try{return!!document.createEvent("TouchEvent")}catch(e){return!1}}},target:{type:String,value:""},method:{type:String,value:"POST"},headers:{type:Object,value:{}},timeout:{type:Number,value:0},_dragover:{type:Boolean,value:!1,observer:"_dragoverChanged"},files:{type:Array,notify:!0,value:function value(){return[]}},maxFiles:{type:Number,value:1/0},maxFilesReached:{type:Boolean,value:!1,notify:!0,readOnly:!0,computed:"_maxFilesAdded(maxFiles, files.length)"},accept:{type:String,value:""},maxFileSize:{type:Number,value:1/0},_dragoverValid:{type:Boolean,value:!1,observer:"_dragoverValidChanged"},formDataName:{type:String,value:"file"},noAuto:{type:Boolean,value:!1},withCredentials:{type:Boolean,value:!1},capture:String,i18n:{type:Object,value:function value(){return{dropFiles:{one:"Drop file here",many:"Drop files here"},addFiles:{one:"Upload File...",many:"Upload Files..."},cancel:"Cancel",error:{tooManyFiles:"Too Many Files.",fileIsTooBig:"File is Too Big.",incorrectFileType:"Incorrect File Type."},uploading:{status:{connecting:"Connecting...",stalled:"Stalled.",processing:"Processing File...",held:"Queued"},remainingTime:{prefix:"remaining time: ",unknown:"unknown remaining time"},error:{serverUnavailable:"Server Unavailable",unexpectedServerError:"Unexpected Server Error",forbidden:"Forbidden"}},units:{size:["B","kB","MB","GB","TB","PB","EB","ZB","YB"]}}}}}}}]);return UploadElement}((0,_vaadinElementMixin.ElementMixin)((0,_vaadinThemableMixin.ThemableMixin)(_polymerElement.PolymerElement)));_exports.UploadElement=UploadElement;customElements.define(UploadElement.is,UploadElement)});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/paper-collapse-item/paper-collapse-group.js b/build/es5-amd/node_modules/paper-collapse-item/paper-collapse-group.js
index 2528b0177fe..113f7e4f93b 100644
--- a/build/es5-amd/node_modules/paper-collapse-item/paper-collapse-group.js
+++ b/build/es5-amd/node_modules/paper-collapse-item/paper-collapse-group.js
@@ -1 +1 @@
-define(["../@polymer/polymer/polymer-element.js","../@polymer/polymer/lib/utils/flattened-nodes-observer.js"],function(_polymerElement,_flattenedNodesObserver){"use strict";function _templateObject_8925cca054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["<slot id=\"content\"></slot>"]);_templateObject_8925cca054f411e9aeb367f92c5b63ab=function(){return data};return data}var PaperCollapseGroup=function(_PolymerElement){babelHelpers.inherits(PaperCollapseGroup,_PolymerElement);function PaperCollapseGroup(){babelHelpers.classCallCheck(this,PaperCollapseGroup);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(PaperCollapseGroup).apply(this,arguments))}babelHelpers.createClass(PaperCollapseGroup,[{key:"ready",value:function ready(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(PaperCollapseGroup.prototype),"ready",this).call(this);this.addEventListener("toggle",function(e){return _this._onToggle(e)})}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(PaperCollapseGroup.prototype),"connectedCallback",this).call(this);this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(this.$.content,function(info){var addedItems=info.addedNodes.filter(function(node){return"paper-collapse-item"===node.nodeName.toLowerCase()});if(0<addedItems.length){_this2._items=_this2._items.concat(addedItems);var updateEvent=new CustomEvent("update",{detail:null,bubbles:!0,composed:!0});_this2.dispatchEvent(updateEvent)}})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(PaperCollapseGroup.prototype),"disconnectedCallback",this).call(this);this._observer.disconnect()}},{key:"_onToggle",value:function _onToggle(e){this._items.forEach(function(item){if(item!==e.target){item.opened=!1}})}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_8925cca054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{_items:{type:Array,notify:!0,value:[]}}}}]);return PaperCollapseGroup}(_polymerElement.PolymerElement);window.customElements.define("paper-collapse-group",PaperCollapseGroup)});
\ No newline at end of file
+define(["../@polymer/polymer/polymer-element.js","../@polymer/polymer/lib/utils/flattened-nodes-observer.js"],function(_polymerElement,_flattenedNodesObserver){"use strict";function _templateObject_1cf07270555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["<slot id=\"content\"></slot>"]);_templateObject_1cf07270555211e98f439769bd191e33=function(){return data};return data}var PaperCollapseGroup=function(_PolymerElement){babelHelpers.inherits(PaperCollapseGroup,_PolymerElement);function PaperCollapseGroup(){babelHelpers.classCallCheck(this,PaperCollapseGroup);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(PaperCollapseGroup).apply(this,arguments))}babelHelpers.createClass(PaperCollapseGroup,[{key:"ready",value:function ready(){var _this=this;babelHelpers.get(babelHelpers.getPrototypeOf(PaperCollapseGroup.prototype),"ready",this).call(this);this.addEventListener("toggle",function(e){return _this._onToggle(e)})}},{key:"connectedCallback",value:function connectedCallback(){var _this2=this;babelHelpers.get(babelHelpers.getPrototypeOf(PaperCollapseGroup.prototype),"connectedCallback",this).call(this);this._observer=new _flattenedNodesObserver.FlattenedNodesObserver(this.$.content,function(info){var addedItems=info.addedNodes.filter(function(node){return"paper-collapse-item"===node.nodeName.toLowerCase()});if(0<addedItems.length){_this2._items=_this2._items.concat(addedItems);var updateEvent=new CustomEvent("update",{detail:null,bubbles:!0,composed:!0});_this2.dispatchEvent(updateEvent)}})}},{key:"disconnectedCallback",value:function disconnectedCallback(){babelHelpers.get(babelHelpers.getPrototypeOf(PaperCollapseGroup.prototype),"disconnectedCallback",this).call(this);this._observer.disconnect()}},{key:"_onToggle",value:function _onToggle(e){this._items.forEach(function(item){if(item!==e.target){item.opened=!1}})}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_1cf07270555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{_items:{type:Array,notify:!0,value:[]}}}}]);return PaperCollapseGroup}(_polymerElement.PolymerElement);window.customElements.define("paper-collapse-group",PaperCollapseGroup)});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/paper-collapse-item/paper-collapse-item.js b/build/es5-amd/node_modules/paper-collapse-item/paper-collapse-item.js
index 7b32fb734e2..ac441b2de50 100644
--- a/build/es5-amd/node_modules/paper-collapse-item/paper-collapse-item.js
+++ b/build/es5-amd/node_modules/paper-collapse-item/paper-collapse-item.js
@@ -1 +1 @@
-define(["../@polymer/polymer/polymer-element.js","../@polymer/iron-icon/iron-icon.js","../@polymer/iron-icons/iron-icons.js","../@polymer/iron-collapse/iron-collapse.js","../@polymer/paper-icon-button/paper-icon-button.js","../@polymer/paper-item/paper-item.js","../@polymer/paper-item/paper-item-body.js","../@polymer/paper-styles/paper-styles.js","./simple-paper-item.js"],function(_polymerElement){"use strict";function _templateObject_89132f0054f411e9aeb367f92c5b63ab(){var data=babelHelpers.taggedTemplateLiteral(["\n\t\t\t<style>\n\t\t\t\t.header {\n\t\t\t\t\tmin-height: 48px;\n\t\t\t\t\tcolor: var(--primary-text-color);\n\t\t\t\t\t@apply --layout-horizontal;\n\t\t\t\t\t@apply --layout-center;\n\t\t\t\t\t@apply --paper-font-subhead;\n\t\t\t\t\t@apply --paper-collapse-item-header;\n\t\t\t\t}\n\t\t\t\t.icon {\n\t\t\t\t\tmargin-right: 24px;\n\t\t\t\t\t--iron-icon-height: 32px;\n\t\t\t\t\t--iron-icon-width: 32px;\n\t\t\t\t\t@apply --paper-collapse-item-icon;\n\t\t\t\t}\n\t\t\t\t.icon, .toogle {\n\t\t\t\t\tcolor: var(--disabled-text-color);\n\t\t\t\t}\n\t\t\t\t.html {\n\t\t\t\t\t@apply --layout-flex;\n\t\t\t\t}\n\t\t\t\t.content {\n\t\t\t\t\tcolor: var(--primary-text-color);\n\t\t\t\t\t@apply --paper-font-body1;\n\t\t\t\t\t@apply --paper-collapse-item-content;\n\t\t\t\t}\n\n\t\t\t\tsimple-paper-item {\n\t\t\t\t\t@apply --paper-collapse-simple-paper-item-styles;\n\t\t\t\t}\n\t\t\t</style>\n\n\t\t\t<simple-paper-item>\n\t\t\t\t<paper-item-body>\n\t\t\t\t\t<div class=\"header\" on-tap=\"_toggleOpened\">\n\t\t\t\t\t\t<template is=\"dom-if\" if=\"[[_or(icon, src)]]\">\n\t\t\t\t\t\t\t<iron-icon class=\"icon\" src=\"[[src]]\" icon=\"[[icon]]\"></iron-icon>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template is=\"dom-if\" if=\"[[header]]\">\n\t\t\t\t\t\t\t<div class=\"html\" inner-h-t-m-l=\"[[header]]\"></div>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<slot class=\"html\" name=\"header\"></slot>\n\t\t\t\t\t\t<paper-icon-button class=\"toggle\" icon=\"[[_toggleIcon]]\"></paper-icon-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<iron-collapse class=\"content\" opened=\"{{opened}}\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</iron-collapse>\n\t\t\t\t</paper-item-body>\n\t\t\t</simple-paper-item>\n\t\t\t"]);_templateObject_89132f0054f411e9aeb367f92c5b63ab=function(){return data};return data}var PaperCollapseItem=function(_PolymerElement){babelHelpers.inherits(PaperCollapseItem,_PolymerElement);function PaperCollapseItem(){babelHelpers.classCallCheck(this,PaperCollapseItem);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(PaperCollapseItem).apply(this,arguments))}babelHelpers.createClass(PaperCollapseItem,[{key:"_toggleOpened",value:function _toggleOpened(){this.opened=!this.opened;var toggleEvent=new CustomEvent("toggle",{detail:this,bubbles:!0,composed:!0});this.dispatchEvent(toggleEvent)}},{key:"_computeToggleIcon",value:function _computeToggleIcon(opened){return opened?"icons:expand-less":"icons:expand-more"}},{key:"_or",value:function _or(value1,value2){return value1||value2}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_89132f0054f411e9aeb367f92c5b63ab())}},{key:"properties",get:function get(){return{header:String,icon:String,src:String,opened:{type:Boolean,reflectToAttribute:!0,notify:!0},_toggleIcon:{type:String,computed:"_computeToggleIcon(opened)"}}}}]);return PaperCollapseItem}(_polymerElement.PolymerElement);window.customElements.define("paper-collapse-item",PaperCollapseItem)});
\ No newline at end of file
+define(["../@polymer/polymer/polymer-element.js","../@polymer/iron-icon/iron-icon.js","../@polymer/iron-icons/iron-icons.js","../@polymer/iron-collapse/iron-collapse.js","../@polymer/paper-icon-button/paper-icon-button.js","../@polymer/paper-item/paper-item.js","../@polymer/paper-item/paper-item-body.js","../@polymer/paper-styles/paper-styles.js","./simple-paper-item.js"],function(_polymerElement){"use strict";function _templateObject_1ce9e2c0555211e98f439769bd191e33(){var data=babelHelpers.taggedTemplateLiteral(["\n\t\t\t<style>\n\t\t\t\t.header {\n\t\t\t\t\tmin-height: 48px;\n\t\t\t\t\tcolor: var(--primary-text-color);\n\t\t\t\t\t@apply --layout-horizontal;\n\t\t\t\t\t@apply --layout-center;\n\t\t\t\t\t@apply --paper-font-subhead;\n\t\t\t\t\t@apply --paper-collapse-item-header;\n\t\t\t\t}\n\t\t\t\t.icon {\n\t\t\t\t\tmargin-right: 24px;\n\t\t\t\t\t--iron-icon-height: 32px;\n\t\t\t\t\t--iron-icon-width: 32px;\n\t\t\t\t\t@apply --paper-collapse-item-icon;\n\t\t\t\t}\n\t\t\t\t.icon, .toogle {\n\t\t\t\t\tcolor: var(--disabled-text-color);\n\t\t\t\t}\n\t\t\t\t.html {\n\t\t\t\t\t@apply --layout-flex;\n\t\t\t\t}\n\t\t\t\t.content {\n\t\t\t\t\tcolor: var(--primary-text-color);\n\t\t\t\t\t@apply --paper-font-body1;\n\t\t\t\t\t@apply --paper-collapse-item-content;\n\t\t\t\t}\n\n\t\t\t\tsimple-paper-item {\n\t\t\t\t\t@apply --paper-collapse-simple-paper-item-styles;\n\t\t\t\t}\n\t\t\t</style>\n\n\t\t\t<simple-paper-item>\n\t\t\t\t<paper-item-body>\n\t\t\t\t\t<div class=\"header\" on-tap=\"_toggleOpened\">\n\t\t\t\t\t\t<template is=\"dom-if\" if=\"[[_or(icon, src)]]\">\n\t\t\t\t\t\t\t<iron-icon class=\"icon\" src=\"[[src]]\" icon=\"[[icon]]\"></iron-icon>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<template is=\"dom-if\" if=\"[[header]]\">\n\t\t\t\t\t\t\t<div class=\"html\" inner-h-t-m-l=\"[[header]]\"></div>\n\t\t\t\t\t\t</template>\n\t\t\t\t\t\t<slot class=\"html\" name=\"header\"></slot>\n\t\t\t\t\t\t<paper-icon-button class=\"toggle\" icon=\"[[_toggleIcon]]\"></paper-icon-button>\n\t\t\t\t\t</div>\n\t\t\t\t\t<iron-collapse class=\"content\" opened=\"{{opened}}\">\n\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t</iron-collapse>\n\t\t\t\t</paper-item-body>\n\t\t\t</simple-paper-item>\n\t\t\t"]);_templateObject_1ce9e2c0555211e98f439769bd191e33=function(){return data};return data}var PaperCollapseItem=function(_PolymerElement){babelHelpers.inherits(PaperCollapseItem,_PolymerElement);function PaperCollapseItem(){babelHelpers.classCallCheck(this,PaperCollapseItem);return babelHelpers.possibleConstructorReturn(this,babelHelpers.getPrototypeOf(PaperCollapseItem).apply(this,arguments))}babelHelpers.createClass(PaperCollapseItem,[{key:"_toggleOpened",value:function _toggleOpened(){this.opened=!this.opened;var toggleEvent=new CustomEvent("toggle",{detail:this,bubbles:!0,composed:!0});this.dispatchEvent(toggleEvent)}},{key:"_computeToggleIcon",value:function _computeToggleIcon(opened){return opened?"icons:expand-less":"icons:expand-more"}},{key:"_or",value:function _or(value1,value2){return value1||value2}}],[{key:"template",get:function get(){return(0,_polymerElement.html)(_templateObject_1ce9e2c0555211e98f439769bd191e33())}},{key:"properties",get:function get(){return{header:String,icon:String,src:String,opened:{type:Boolean,reflectToAttribute:!0,notify:!0},_toggleIcon:{type:String,computed:"_computeToggleIcon(opened)"}}}}]);return PaperCollapseItem}(_polymerElement.PolymerElement);window.customElements.define("paper-collapse-item",PaperCollapseItem)});
\ No newline at end of file
diff --git a/build/es5-amd/node_modules/paper-collapse-item/simple-paper-item.js b/build/es5-amd/node_modules/paper-collapse-item/simple-paper-item.js
index c6e56780a3d..d113abbd261 100644
--- a/build/es5-amd/node_modules/paper-collapse-item/simple-paper-item.js
+++ b/build/es5-amd/node_modules/paper-collapse-item/simple-paper-item.js
@@ -1 +1 @@
-define(["../@polymer/polymer/polymer-element.js","../@polymer/polymer/lib/legacy/polymer-fn.js","../@polymer/paper-item/paper-item-shared-styles.js","../@polymer/iron-flex-layout/iron-flex-layout.js"],function(_polymerElement,_polymerFn){"use strict";function _templateObject_8cce142054f411e9aeb367f92c5b63ab(){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        @apply --paper-item;\n      }\n    </style>\n    <slot></slot>\n    "]);_templateObject_8cce142054f411e9aeb367f92c5b63ab=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_polymerElement.html)(_templateObject_8cce142054f411e9aeb367f92c5b63ab()),is:"simple-paper-item",behavior:[_polymerFn.Polymer.IronControlState,_polymerFn.Polymer.PaperItemBehaviorImpl]})});
\ No newline at end of file
+define(["../@polymer/polymer/polymer-element.js","../@polymer/polymer/lib/legacy/polymer-fn.js","../@polymer/paper-item/paper-item-shared-styles.js","../@polymer/iron-flex-layout/iron-flex-layout.js"],function(_polymerElement,_polymerFn){"use strict";function _templateObject_20a19390555211e98f439769bd191e33(){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        @apply --paper-item;\n      }\n    </style>\n    <slot></slot>\n    "]);_templateObject_20a19390555211e98f439769bd191e33=function(){return data};return data}(0,_polymerFn.Polymer)({_template:(0,_polymerElement.html)(_templateObject_20a19390555211e98f439769bd191e33()),is:"simple-paper-item",behavior:[_polymerFn.Polymer.IronControlState,_polymerFn.Polymer.PaperItemBehaviorImpl]})});
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/a11y-collapse/a11y-collapse.js b/build/es6/node_modules/@lrnwebcomponents/a11y-collapse/a11y-collapse.js
index a8bb43bc0b7..302671f4d9e 100644
--- a/build/es6/node_modules/@lrnwebcomponents/a11y-collapse/a11y-collapse.js
+++ b/build/es6/node_modules/@lrnwebcomponents/a11y-collapse/a11y-collapse.js
@@ -78,4 +78,4 @@ import{html,Polymer}from"../../@polymer/polymer/polymer-legacy.js";import"../hax
     >
       <div id="content-inner"><slot name="content"></slot><slot></slot></div>
     </div>
-  `,is:"a11y-collapse",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],listeners:{"a11y-collapse-tap":"_onTap"},properties:{accordion:{name:"accordion",type:Boolean,value:!1,observer:"flush",reflectToAttribute:!0},disabled:{name:"disabled",type:Boolean,value:!1,reflectToAttribute:!0},expanded:{name:"expanded",type:Boolean,value:!1,reflectToAttribute:!0},icon:{name:"icon",type:String,value:"expand-more"},iconExpanded:{name:"iconExpanded",type:String,value:null},label:{name:"label",type:String,value:"expand/collapse"},labelExpanded:{name:"labelExpanded",type:String,value:null},tooltip:{name:"tooltip",type:String,value:"toggle expand/collapse"},tooltipExpanded:{name:"tooltipExpanded",type:String,value:null},__rotateIcon:{name:"__rotateIcon",type:Boolean,computed:"_isRotated(expanded,iconExpanded)"}},attached:function(){this.fire("a11y-collapse-attached",this);this.setHaxProperties({canScale:!1,canPosition:!0,canEditSource:!1,gizmo:{title:"Single Expand Collapse",description:"A single instance of an expand collapse.",icon:"view-day",color:"grey",groups:["Text"],meta:{author:"Your organization on github"}},settings:{quick:[],configure:[{property:"expanded",title:"Expanded",description:"Expand by default",inputMethod:"boolean"},{property:"label",title:"Label",description:"The label of the toggle expand/collapse button",inputMethod:"textfield",icon:"editor:title"},{property:"tooltip",title:"Tooltip",description:"The tooltip for the toggle expand/collapse button",inputMethod:"textfield",icon:"editor:title"},{property:"icon",title:"Icon",description:"The icon for the toggle expand/collapse button",inputMethod:"textfield",icon:"editor:title"},{property:"iconExpanded",title:"Expanded Icon",description:"Optional: The icon for the toggle expand/collapse button when expanded",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})},detached:function(){this.fire("a11y-collapse-detached",this)},toggle:function(mode){this.expanded=mode!==void 0?mode:!this.expanded;this.fire("a11y-collapse-toggle",this)},_overrideProp:function(prop,val){this[prop]=val},_getExpandCollapse:function(expanded,ifFalse,ifTrue){return expanded&&null!==ifTrue?ifTrue:ifFalse},_isRotated:function(expanded,iconExpanded){return!expanded&&null===iconExpanded},_onTap:function(){if(!this.disabled){this.toggle();this.fire("a11y-collapse-click",this)}},_setAriaExpanded:function(expanded){return""+expanded}});export{A11yCollapse};
\ No newline at end of file
+  `,is:"a11y-collapse",behaviors:[HAXBehaviors.PropertiesBehaviors,SchemaBehaviors.Schema],listeners:{"a11y-collapse-tap":"_onTap"},properties:{accordion:{name:"accordion",type:Boolean,value:!1,observer:"flush",reflectToAttribute:!0},disabled:{name:"disabled",type:Boolean,value:!1,reflectToAttribute:!0},expanded:{name:"expanded",type:Boolean,value:!1,reflectToAttribute:!0,observer:"_fireToggleEvents"},icon:{name:"icon",type:String,value:"expand-more"},iconExpanded:{name:"iconExpanded",type:String,value:null},label:{name:"label",type:String,value:"expand/collapse"},labelExpanded:{name:"labelExpanded",type:String,value:null},tooltip:{name:"tooltip",type:String,value:"toggle expand/collapse"},tooltipExpanded:{name:"tooltipExpanded",type:String,value:null},__rotateIcon:{name:"__rotateIcon",type:Boolean,computed:"_isRotated(expanded,iconExpanded)"}},attached:function(){this.fire("a11y-collapse-attached",this);this.setHaxProperties({canScale:!1,canPosition:!0,canEditSource:!1,gizmo:{title:"Single Expand Collapse",description:"A single instance of an expand collapse.",icon:"view-day",color:"grey",groups:["Text"],meta:{author:"Your organization on github"}},settings:{quick:[],configure:[{property:"expanded",title:"Expanded",description:"Expand by default",inputMethod:"boolean"},{property:"label",title:"Label",description:"The label of the toggle expand/collapse button",inputMethod:"textfield",icon:"editor:title"},{property:"tooltip",title:"Tooltip",description:"The tooltip for the toggle expand/collapse button",inputMethod:"textfield",icon:"editor:title"},{property:"icon",title:"Icon",description:"The icon for the toggle expand/collapse button",inputMethod:"textfield",icon:"editor:title"},{property:"iconExpanded",title:"Expanded Icon",description:"Optional: The icon for the toggle expand/collapse button when expanded",inputMethod:"textfield",icon:"editor:title"}],advanced:[]}})},collapse:function(){this.toggle(!1)},detached:function(){this.fire("a11y-collapse-detached",this)},expand:function(){this.toggle(!0)},toggle:function(mode){this.expanded=mode!==void 0?mode:!this.expanded},_fireToggleEvents:function(){this.fire("toggle",this);this.fire("a11y-collapse-toggle",this);if(this.expanded){this.fire("expand",this)}else{this.fire("collapse",this)}},_overrideProp:function(prop,val){this[prop]=val},_getExpandCollapse:function(expanded,ifFalse,ifTrue){return expanded&&null!==ifTrue?ifTrue:ifFalse},_isRotated:function(expanded,iconExpanded){return!expanded&&null===iconExpanded},_onTap:function(){if(!this.disabled){this.toggle();this.fire("a11y-collapse-click",this)}},_setAriaExpanded:function(expanded){return""+expanded}});export{A11yCollapse};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/a11y-media-player/a11y-media-player.js b/build/es6/node_modules/@lrnwebcomponents/a11y-media-player/a11y-media-player.js
index f0693ea29b0..1657595c856 100644
--- a/build/es6/node_modules/@lrnwebcomponents/a11y-media-player/a11y-media-player.js
+++ b/build/es6/node_modules/@lrnwebcomponents/a11y-media-player/a11y-media-player.js
@@ -451,6 +451,7 @@ import{html,PolymerElement}from"../../@polymer/polymer/polymer-element.js";impor
           id="slider"
           class="screen-only"
           disabled$="[[disableSeek]]"
+          label="[[seekSlider.label]]"
           max$="[[__duration]]"
           secondary-progress$="[[__buffered]]"
           value$="[[__elapsed]]"
diff --git a/build/es6/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-behaviors.js b/build/es6/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-behaviors.js
index 901606200e5..4c5adf2d8ea 100644
--- a/build/es6/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-behaviors.js
+++ b/build/es6/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-behaviors.js
@@ -1 +1 @@
-import{html,PolymerElement}from"../../../@polymer/polymer/polymer-element.js";import{SimpleColors}from"../../simple-colors/simple-colors.js";import"../../responsive-utility/responsive-utility.js";export{A11yMediaBehaviors};class A11yMediaBehaviors extends SimpleColors{static get tag(){return"a11y-media-behaviors"}static get properties(){return{audioOnly:{name:"audioOnly",type:Boolean,value:!1,reflectToAttribute:!0},autoplay:{name:"autoplay",type:Boolean,value:!1},cc:{name:"cc",type:Boolean,value:!1},disablePrintButton:{name:"disablePrintButton",type:Boolean,value:!1},disableSearch:{name:"disableSearch",type:Boolean,value:!1},disableScroll:{name:"disableScroll",type:Boolean,value:!1},disableSeek:{name:"disableSeek",type:Boolean,value:!1},hasTranscript:{name:"hasTranscript",type:Boolean,value:!1},height:{name:"height",type:String,value:null},isYoutube:{name:"isYoutube",type:Boolean,computed:"_hasAttribute(youtubeId)"},lang:{name:"lang",type:String,value:"en"},localization:{name:"localization",type:Object,value:{}},localizationDefaults:{name:"localizationDefaults",type:Object,value:{audio:{label:"Audio"},autoScroll:{label:"Scroll transcript with video.",icon:"swap-vert"},captions:{label:"Closed Captions",icon:"av:closed-caption",off:"Off"},forward:{label:"Forward",icon:"av:fast-forward"},fullscreen:{label:"Fullscreen",icon:"fullscreen"},loading:{label:"Loading..."},loop:{label:"Loop Playback"},mute:{label:"Mute",icon:"av:volume-up"},nextResult:{label:"Next",icon:"arrow-forward"},pause:{label:"Pause",icon:"av:pause"},play:{label:"Play",icon:"av:play-arrow"},prevResult:{label:"Previous",icon:"arrow-back"},print:{label:"Print the transcript.",icon:"print"},restart:{label:"Restart",icon:"av:replay"},rewind:{label:"Backward",icon:"av:fast-rewind"},search:{label:"Search the transcript.",icon:"search"},settings:{label:"Settings",icon:"settings"},speed:{label:"Speed %"},transcript:{label:"Transcript",icon:"description",loading:"Loading the transcript(s)...",skip:"Skip to the transcript."},unmute:{label:"Unmute",icon:"av:volume-off"},video:{label:"Video"},volume:{label:"Volume"},youTubeLoading:{label:"Ready."},youTubeTranscript:{label:"Transcript will load once media plays."}},readOnly:!0},loop:{name:"loop",type:Boolean,value:!1},manifest:{name:"manifest",type:String,value:null},media:{name:"media",type:Object,value:null},mediaTitle:{name:"mediaTitle",type:String,value:""},muted:{name:"muted",type:Boolean,value:!1},playbackRate:{name:"playbackRate",type:Number,value:1},playing:{name:"playing",type:Boolean,value:!1},playPause:{name:"playPause",type:Object},preload:{name:"preload",type:String,value:"metadata"},search:{name:"search",type:Object,value:null},standAlone:{name:"standAlone",type:Boolean,value:!1,reflectToAttribute:!0},status:{name:"status",type:String,value:"loading..."},selectedTrack:{name:"selectedTrack",type:Object,value:null},selectedTrackID:{name:"selectedTrackID",type:Number,value:null},target:{name:"target",type:Object,value:null},tracks:{name:"tracks",type:Array,value:null},volume:{name:"volume",type:Number,value:70},width:{name:"width",type:String,value:null},youtubeId:{name:"youtubeId",type:String,value:null},youTube:{name:"youTube",type:Object,value:{}}}}static get behaviors(){return[SimpleColors,ResponsiveUtility]}connectedCallback(){super.connectedCallback()}_hasAttribute(attr){return attr!==void 0&&null!==attr}_testAttribute(attr,val){return attr===val}_addResponsiveUtility(options){let root=this;window.ResponsiveUtility.requestAvailability();window.dispatchEvent(new CustomEvent("responsive-element",{detail:options!==void 0?options:{element:root,attribute:"responsive-size",relativeToParent:!0}}))}_getHHMMSS(val,max){max=max===void 0?val:max;let a=val=>{return 10>val?"0"+val:val},b=(val,i,none)=>{return max>=i?a(Math.floor(val/i))+":":none};return b(val,3600,"")+b(val%3600,60,"00:")+a(Math.round(val%60))}_getLocal(key,subkey){let local="",localization=this.localization;if(localization!==void 0&&localization[key]!==void 0&&localization[key][subkey]!==void 0){local=localization[key][subkey]}else if(this.localizationDefaults!==void 0&&this.localizationDefaults[key]!==void 0&&this.localizationDefaults[key][subkey]!==void 0){local=this.localizationDefaults[key][subkey]}return local}_handlePrintClick(){this.dispatchEvent(new CustomEvent("print-transcript",{detail:this}))}_handlePrinting(){let root=this;root.dispatchEvent(new CustomEvent("printing-transcript",{detail:root}));root.$.transcript.print(root.mediaTitle)}}window.customElements.define(A11yMediaBehaviors.tag,A11yMediaBehaviors);
\ No newline at end of file
+import{html,PolymerElement}from"../../../@polymer/polymer/polymer-element.js";import{SimpleColors}from"../../simple-colors/simple-colors.js";import"../../responsive-utility/responsive-utility.js";export{A11yMediaBehaviors};class A11yMediaBehaviors extends SimpleColors{static get tag(){return"a11y-media-behaviors"}static get properties(){return{audioOnly:{name:"audioOnly",type:Boolean,value:!1,reflectToAttribute:!0},autoplay:{name:"autoplay",type:Boolean,value:!1},cc:{name:"cc",type:Boolean,value:!1},disablePrintButton:{name:"disablePrintButton",type:Boolean,value:!1},disableSearch:{name:"disableSearch",type:Boolean,value:!1},disableScroll:{name:"disableScroll",type:Boolean,value:!1},disableSeek:{name:"disableSeek",type:Boolean,value:!1},hasTranscript:{name:"hasTranscript",type:Boolean,value:!1},height:{name:"height",type:String,value:null},isYoutube:{name:"isYoutube",type:Boolean,computed:"_hasAttribute(youtubeId)"},lang:{name:"lang",type:String,value:"en"},localization:{name:"localization",type:Object,value:{}},localizationDefaults:{name:"localizationDefaults",type:Object,value:{audio:{label:"Audio"},autoScroll:{label:"Scroll transcript with video.",icon:"swap-vert"},captions:{label:"Closed Captions",icon:"av:closed-caption",off:"Off"},forward:{label:"Forward",icon:"av:fast-forward"},fullscreen:{label:"Fullscreen",icon:"fullscreen"},loading:{label:"Loading..."},loop:{label:"Loop Playback"},mute:{label:"Mute",icon:"av:volume-up"},nextResult:{label:"Next",icon:"arrow-forward"},pause:{label:"Pause",icon:"av:pause"},play:{label:"Play",icon:"av:play-arrow"},prevResult:{label:"Previous",icon:"arrow-back"},print:{label:"Print the transcript.",icon:"print"},restart:{label:"Restart",icon:"av:replay"},rewind:{label:"Backward",icon:"av:fast-rewind"},search:{label:"Search the transcript.",icon:"search"},seekSlider:{label:"Seek Slider"},settings:{label:"Settings",icon:"settings"},speed:{label:"Speed %"},transcript:{label:"Transcript",icon:"description",loading:"Loading the transcript(s)...",skip:"Skip to the transcript."},unmute:{label:"Unmute",icon:"av:volume-off"},video:{label:"Video"},volume:{label:"Volume"},youTubeLoading:{label:"Ready."},youTubeTranscript:{label:"Transcript will load once media plays."}},readOnly:!0},loop:{name:"loop",type:Boolean,value:!1},manifest:{name:"manifest",type:String,value:null},media:{name:"media",type:Object,value:null},mediaTitle:{name:"mediaTitle",type:String,value:""},muted:{name:"muted",type:Boolean,value:!1},playbackRate:{name:"playbackRate",type:Number,value:1},playing:{name:"playing",type:Boolean,value:!1},playPause:{name:"playPause",type:Object},preload:{name:"preload",type:String,value:"metadata"},search:{name:"search",type:Object,value:null},standAlone:{name:"standAlone",type:Boolean,value:!1,reflectToAttribute:!0},status:{name:"status",type:String,value:"loading..."},selectedTrack:{name:"selectedTrack",type:Object,value:null},selectedTrackID:{name:"selectedTrackID",type:Number,value:null},target:{name:"target",type:Object,value:null},tracks:{name:"tracks",type:Array,value:null},volume:{name:"volume",type:Number,value:70},width:{name:"width",type:String,value:null},youtubeId:{name:"youtubeId",type:String,value:null},youTube:{name:"youTube",type:Object,value:{}}}}static get behaviors(){return[SimpleColors,ResponsiveUtility]}connectedCallback(){super.connectedCallback()}_hasAttribute(attr){return attr!==void 0&&null!==attr}_testAttribute(attr,val){return attr===val}_addResponsiveUtility(options){let root=this;window.ResponsiveUtility.requestAvailability();window.dispatchEvent(new CustomEvent("responsive-element",{detail:options!==void 0?options:{element:root,attribute:"responsive-size",relativeToParent:!0}}))}_getHHMMSS(val,max){max=max===void 0?val:max;let a=val=>{return 10>val?"0"+val:val},b=(val,i,none)=>{return max>=i?a(Math.floor(val/i))+":":none};return b(val,3600,"")+b(val%3600,60,"00:")+a(Math.round(val%60))}_getLocal(key,subkey){let local="",localization=this.localization;if(localization!==void 0&&localization[key]!==void 0&&localization[key][subkey]!==void 0){local=localization[key][subkey]}else if(this.localizationDefaults!==void 0&&this.localizationDefaults[key]!==void 0&&this.localizationDefaults[key][subkey]!==void 0){local=this.localizationDefaults[key][subkey]}return local}_handlePrintClick(){this.dispatchEvent(new CustomEvent("print-transcript",{detail:this}))}_handlePrinting(){let root=this;root.dispatchEvent(new CustomEvent("printing-transcript",{detail:root}));root.$.transcript.print(root.mediaTitle)}}window.customElements.define(A11yMediaBehaviors.tag,A11yMediaBehaviors);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-controls.js b/build/es6/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-controls.js
index 64a1b0030d6..66cab13b966 100644
--- a/build/es6/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-controls.js
+++ b/build/es6/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-controls.js
@@ -186,10 +186,10 @@ import{html,PolymerElement}from"../../../@polymer/polymer/polymer-element.js";im
             label$="[[muteUnmute.label]]"
             on-tap="_onButtonTap"
           ></a11y-media-button>
-          <span id="volume-slider-label" class="sr-only">[[volumeLabel]]</span>
           <paper-slider
             id="volume"
             aria-labelledby="volume-slider-label"
+            label$="[[volumeLabel]]"
             min="0"
             max="100"
             on-change="_onSettingsChanged"
@@ -329,7 +329,6 @@ import{html,PolymerElement}from"../../../@polymer/polymer/polymer-element.js";im
                     id="speed"
                     aria-labelledby="speed-label"
                     class="setting-slider"
-                    label="tracks"
                     min="0.5"
                     max="4"
                     pin
diff --git a/build/es6/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-play-button.js b/build/es6/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-play-button.js
index b777901e8f1..8e9450dfe16 100644
--- a/build/es6/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-play-button.js
+++ b/build/es6/node_modules/@lrnwebcomponents/a11y-media-player/lib/a11y-media-play-button.js
@@ -70,14 +70,16 @@ import{html,PolymerElement}from"../../../@polymer/polymer/polymer-element.js";im
         id="button"
         aria-pressed$="[[playing]]"
         aria-hidden$="[[disabled]]"
-        tabindex="0"
-        disabled$="[[disabled]]"
         controls="video"
+        disabled$="[[disabled]]"
+        label="[[playPause.label]]"
         on-tap="_buttonTap"
+        tabindex="0"
         title$="[[label]]"
       >
         <svg
           id="svg"
+          aria-hidden
           xmlns="http://www.w3.org/2000/svg"
           viewBox="0 0 200 200"
           width="30%"
diff --git a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/hax-input-mixer.js b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/hax-input-mixer.js
index af18516fac4..36253c677de 100644
--- a/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/hax-input-mixer.js
+++ b/build/es6/node_modules/@lrnwebcomponents/hax-body/lib/hax-input-mixer.js
@@ -130,4 +130,4 @@ import{html,Polymer}from"../../../@polymer/polymer/polymer-legacy.js";import{dom
         event-name="hax-update-tap"
       ></hax-context-item>
     </div>
-  `,is:"hax-input-mixer",listeners:{"hax-context-item-selected":"_haxContextOperation"},properties:{value:{type:String,value:null},label:{type:String,reflectToAttribute:!0},validation:{type:String,reflectToAttribute:!0},validationType:{type:String,reflectToAttribute:!0},required:{type:Boolean,reflectToAttribute:!0},options:{type:Object,value:{},reflectToAttribute:!0},icon:{type:String,value:"android",reflectToAttribute:!0},description:{type:String,reflectToAttribute:!0},inputMethod:{type:String,value:null,reflectToAttribute:!0,observer:"_inputMethodChanged"},propertyToBind:{type:String,reflectToAttribute:!0},slotToBind:{type:String,reflectToAttribute:!0}},ready:function(){this._resetInputMethods()},_inputMethodChanged:function(newValue,oldValue){if(null!=newValue&&typeof oldValue!==typeof void 0){let method=newValue,methods=this.validInputMethods();if(methods.includes(method)){this._resetInputMethods();this["__input"+method]=!0;let slot=dom(this);while(null!==slot.firstChild){slot.removeChild(slot.firstChild)}if("select"===method&&typeof this.options!==typeof void 0){var item;for(var val in this.options){item=document.createElement("paper-item");item.attributes.value=val;item.innerHTML=this.options[val];slot.appendChild(item.cloneNode(!0))}}setTimeout(()=>{if("function"===typeof this.shadowRoot.querySelector("#input").hideMenu){this.shadowRoot.querySelector("#input").hideMenu()}this.shadowRoot.querySelector("#input").focus()},200)}}},validInputMethods:function(){return["flipboolean","boolean","select","confirm","textfield","textarea","datepicker","colorpicker","number"]},_resetInputMethods:function(){let methods=this.validInputMethods();for(var i=0;i<methods.length;i++){this["__input"+methods[i]]=!1}},_haxContextOperation:function(e){let detail=e.detail;switch(detail.eventName){case"hax-update-tap":if("boolean"==this.inputMethod){this.value=this.value}else if("flipboolean"==this.inputMethod){this.value=!this.value}else if("select"==this.inputMethod){var count=0;for(var val in this.options){if(count==this.__selectedValue){this.value=val}count++}}let mixer={value:this.value,propertyToBind:this.propertyToBind,slotToBind:this.slotToBind};this.fire("hax-input-mixer-update",{inputMixer:mixer});break;}}});
\ No newline at end of file
+  `,is:"hax-input-mixer",listeners:{"hax-context-item-selected":"_haxContextOperation"},properties:{value:{type:String,value:null},label:{type:String,reflectToAttribute:!0},validation:{type:String,reflectToAttribute:!0},validationType:{type:String,reflectToAttribute:!0},required:{type:Boolean,reflectToAttribute:!0},options:{type:Object,value:{},reflectToAttribute:!0},icon:{type:String,value:"android",reflectToAttribute:!0},description:{type:String,reflectToAttribute:!0},inputMethod:{type:String,value:null,reflectToAttribute:!0,observer:"_inputMethodChanged"},propertyToBind:{type:String,reflectToAttribute:!0},slotToBind:{type:String,reflectToAttribute:!0}},ready:function(){this._resetInputMethods()},_inputMethodChanged:function(newValue,oldValue){if(null!=newValue&&typeof oldValue!==typeof void 0){let method=newValue,methods=this.validInputMethods();if(methods.includes(method)){this._resetInputMethods();this["__input"+method]=!0;let slot=dom(this);while(null!==slot.firstChild){slot.removeChild(slot.firstChild)}if("select"===method&&typeof this.options!==typeof void 0){var item;for(var val in this.options){item=document.createElement("paper-item");item.attributes.value=val;item.innerHTML=this.options[val];slot.appendChild(item.cloneNode(!0))}}setTimeout(()=>{if("function"===typeof this.shadowRoot.querySelector("#input").hideMenu){this.shadowRoot.querySelector("#input").hideMenu()}this.shadowRoot.querySelector("#input").focus()},200)}}},validInputMethods:function(){return["flipboolean","boolean","select","textfield","textarea","datepicker","haxupload","colorpicker","iconpicker","alt","number","code-editor","array"]},_resetInputMethods:function(){let methods=this.validInputMethods();for(var i=0;i<methods.length;i++){this["__input"+methods[i]]=!1}},_haxContextOperation:function(e){let detail=e.detail;switch(detail.eventName){case"hax-update-tap":if("boolean"==this.inputMethod){this.value=this.value}else if("flipboolean"==this.inputMethod){this.value=!this.value}else if("select"==this.inputMethod){var count=0;for(var val in this.options){if(count==this.__selectedValue){this.value=val}count++}}let mixer={value:this.value,propertyToBind:this.propertyToBind,slotToBind:this.slotToBind};this.fire("hax-input-mixer-update",{inputMixer:mixer});break;}}});
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-demo.js b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-demo.js
index 07bc52dc440..129d1b7d18e 100644
--- a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-demo.js
+++ b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-demo.js
@@ -5,4 +5,4 @@ import{html,PolymerElement}from"../../../../../@polymer/polymer/polymer-element.
         url-logout="[[jwtLogoutLocation]]"
         jwt="{{jwt}}"
       ></jwt-login>
-    `}static get properties(){return{jwtLoginLocation:{type:String,value:window.appSettings.login},jwtLogoutLocation:{type:String,value:window.appSettings.logout},jwt:{type:String}}}constructor(){super();document.body.addEventListener("jwt-token",this._jwtTokenFired.bind(this))}disconnectedCallback(){document.body.removeEventListener("jwt-token",this._jwtTokenFired.bind(this));super.disconnectedCallback()}_jwtTokenFired(e){this.jwt=e.detail}connectedCallback(){super.connectedCallback();try{import(pathFromUrl(decodeURIComponent(import.meta.url))+"../haxcms-site-editor.js").then(()=>{let haxCmsSiteEditorElement=document.createElement("haxcms-site-editor");haxCmsSiteEditorElement.jwt=this.jwt;haxCmsSiteEditorElement.method="GET";haxCmsSiteEditorElement.saveNodePath=window.appSettings.saveNodePath;haxCmsSiteEditorElement.saveManifestPath=window.appSettings.saveManifestPath;haxCmsSiteEditorElement.saveOutlinePath=window.appSettings.saveOutlinePath;haxCmsSiteEditorElement.getNodeFieldsPath=window.appSettings.getNodeFieldsPath;haxCmsSiteEditorElement.createNodePath=window.appSettings.createNodePath;haxCmsSiteEditorElement.deleteNodePath=window.appSettings.deleteNodePath;haxCmsSiteEditorElement.publishSitePath=window.appSettings.publishSitePath;haxCmsSiteEditorElement.appStore=window.appSettings.appStore;window.cmsSiteEditor.instance.haxCmsSiteEditorElement=haxCmsSiteEditorElement;window.cmsSiteEditor.instance.appendTarget.appendChild(haxCmsSiteEditorElement)},()=>{})}catch(err){}}}window.customElements.define(HAXCMSBackendDemo.tag,HAXCMSBackendDemo);export{HAXCMSBackendDemo};
\ No newline at end of file
+    `}static get properties(){return{jwtLoginLocation:{type:String,value:window.appSettings.login},jwtLogoutLocation:{type:String,value:window.appSettings.logout},jwt:{type:String}}}constructor(){super();document.body.addEventListener("jwt-token",this._jwtTokenFired.bind(this))}disconnectedCallback(){document.body.removeEventListener("jwt-token",this._jwtTokenFired.bind(this));super.disconnectedCallback()}_jwtTokenFired(e){this.jwt=e.detail}connectedCallback(){super.connectedCallback();try{import(pathFromUrl(decodeURIComponent(import.meta.url))+"../haxcms-site-editor.js").then(()=>{let haxCmsSiteEditorElement=document.createElement("haxcms-site-editor");haxCmsSiteEditorElement.jwt=this.jwt;haxCmsSiteEditorElement.method="GET";haxCmsSiteEditorElement.saveNodePath=window.appSettings.saveNodePath;haxCmsSiteEditorElement.saveManifestPath=window.appSettings.saveManifestPath;haxCmsSiteEditorElement.saveOutlinePath=window.appSettings.saveOutlinePath;haxCmsSiteEditorElement.getNodeFieldsPath=window.appSettings.getNodeFieldsPath;haxCmsSiteEditorElement.getSiteFieldsPath=window.appSettings.getSiteFieldsPath;haxCmsSiteEditorElement.createNodePath=window.appSettings.createNodePath;haxCmsSiteEditorElement.deleteNodePath=window.appSettings.deleteNodePath;haxCmsSiteEditorElement.publishSitePath=window.appSettings.publishSitePath;haxCmsSiteEditorElement.appStore=window.appSettings.appStore;window.cmsSiteEditor.instance.haxCmsSiteEditorElement=haxCmsSiteEditorElement;window.cmsSiteEditor.instance.appendTarget.appendChild(haxCmsSiteEditorElement)},()=>{})}catch(err){}}}window.customElements.define(HAXCMSBackendDemo.tag,HAXCMSBackendDemo);export{HAXCMSBackendDemo};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-php.js b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-php.js
index 1d9b3b5eded..4580c9b77ed 100644
--- a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-php.js
+++ b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/backends/haxcms-backend-php.js
@@ -5,4 +5,4 @@ import{html,PolymerElement}from"../../../../../@polymer/polymer/polymer-element.
         url-logout="[[jwtLogoutLocation]]"
         jwt="{{jwt}}"
       ></jwt-login>
-    `}static get properties(){return{jwtLoginLocation:{type:String,value:function(){if(window.appSettings){return window.appSettings.login}}},jwtLogoutLocation:{type:String,value:function(){if(window.appSettings){return window.appSettings.logout}}},jwt:{type:String}}}constructor(){super();document.body.addEventListener("jwt-token",this._jwtTokenFired.bind(this))}disconnectedCallback(){document.body.removeEventListener("jwt-token",this._jwtTokenFired.bind(this));super.disconnectedCallback()}_jwtTokenFired(e){this.jwt=e.detail}connectedCallback(){super.connectedCallback();if(null!=this.jwt&&"string"==typeof this.jwt){try{import(pathFromUrl(decodeURIComponent(import.meta.url))+"../haxcms-site-editor.js").then(()=>{let haxCmsSiteEditorElement=document.createElement("haxcms-site-editor");haxCmsSiteEditorElement.jwt=this.jwt;haxCmsSiteEditorElement.saveNodePath=window.appSettings.saveNodePath;haxCmsSiteEditorElement.saveManifestPath=window.appSettings.saveManifestPath;haxCmsSiteEditorElement.saveOutlinePath=window.appSettings.saveOutlinePath;haxCmsSiteEditorElement.getNodeFieldsPath=window.appSettings.getNodeFieldsPath;haxCmsSiteEditorElement.getFieldsToken=window.appSettings.getFieldsToken;haxCmsSiteEditorElement.publishSitePath=window.appSettings.publishSitePath;haxCmsSiteEditorElement.createNodePath=window.appSettings.createNodePath;haxCmsSiteEditorElement.deleteNodePath=window.appSettings.deleteNodePath;haxCmsSiteEditorElement.appStore=window.appSettings.appStore;window.cmsSiteEditor.instance.haxCmsSiteEditorElement=haxCmsSiteEditorElement;window.cmsSiteEditor.instance.appendTarget.appendChild(haxCmsSiteEditorElement)},()=>{})}catch(err){}}}}window.customElements.define(HAXCMSBackendPHP.tag,HAXCMSBackendPHP);export{HAXCMSBackendPHP};
\ No newline at end of file
+    `}static get properties(){return{jwtLoginLocation:{type:String,value:function(){if(window.appSettings){return window.appSettings.login}}},jwtLogoutLocation:{type:String,value:function(){if(window.appSettings){return window.appSettings.logout}}},jwt:{type:String}}}constructor(){super();document.body.addEventListener("jwt-token",this._jwtTokenFired.bind(this))}disconnectedCallback(){document.body.removeEventListener("jwt-token",this._jwtTokenFired.bind(this));super.disconnectedCallback()}_jwtTokenFired(e){this.jwt=e.detail}connectedCallback(){super.connectedCallback();if(null!=this.jwt&&"string"==typeof this.jwt){try{import(pathFromUrl(decodeURIComponent(import.meta.url))+"../haxcms-site-editor.js").then(()=>{let haxCmsSiteEditorElement=document.createElement("haxcms-site-editor");haxCmsSiteEditorElement.jwt=this.jwt;haxCmsSiteEditorElement.saveNodePath=window.appSettings.saveNodePath;haxCmsSiteEditorElement.saveManifestPath=window.appSettings.saveManifestPath;haxCmsSiteEditorElement.saveOutlinePath=window.appSettings.saveOutlinePath;haxCmsSiteEditorElement.getNodeFieldsPath=window.appSettings.getNodeFieldsPath;haxCmsSiteEditorElement.getSiteFieldsPath=window.appSettings.getSiteFieldsPath;haxCmsSiteEditorElement.getFieldsToken=window.appSettings.getFieldsToken;haxCmsSiteEditorElement.publishSitePath=window.appSettings.publishSitePath;haxCmsSiteEditorElement.createNodePath=window.appSettings.createNodePath;haxCmsSiteEditorElement.deleteNodePath=window.appSettings.deleteNodePath;haxCmsSiteEditorElement.appStore=window.appSettings.appStore;window.cmsSiteEditor.instance.haxCmsSiteEditorElement=haxCmsSiteEditorElement;window.cmsSiteEditor.instance.appendTarget.appendChild(haxCmsSiteEditorElement)},()=>{})}catch(err){}}}}window.customElements.define(HAXCMSBackendPHP.tag,HAXCMSBackendPHP);export{HAXCMSBackendPHP};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-editor-ui.js b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-editor-ui.js
index 07b4b89ad5e..bddfda664c6 100644
--- a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-editor-ui.js
+++ b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-editor-ui.js
@@ -217,4 +217,4 @@ import{html,PolymerElement}from"../../../../@polymer/polymer/polymer-element.js"
       <paper-tooltip for="manifestbutton" position="top" offset="14"
         >Site details</paper-tooltip
       >
-    `}static get properties(){return{painting:{type:Boolean,value:!0,reflectToAttribute:!0},pageAllowed:{type:Boolean,value:!1,reflectToAttribute:!0},editMode:{type:Boolean,reflectToAttribute:!0,observer:"_editModeChanged",value:!1,notify:!0},menuMode:{type:Boolean,reflectToAttribute:!0,value:!0},manifestEditMode:{type:Boolean,reflectToAttribute:!0,observer:"_manifestEditModeChanged",value:!1,notify:!0},activeTitle:{type:String}}}connectedCallback(){super.connectedCallback();this.__disposer=[];afterNextRender(this,function(){autorun(reaction=>{const activeItem=toJS(store.activeItem);if(activeItem&&activeItem.id){this.activeTitle=activeItem.title;this.pageAllowed=!0}else{this.pageAllowed=!1}this.__disposer.push(reaction)})})}disconnectedCallback(){for(var i in this.__disposer){this.__disposer[i].dispose()}super.disconnectedCallback()}_editButtonTap(){this.editMode=!this.editMode;window.cmsSiteEditor.instance.haxCmsSiteEditorElement.editMode=this.editMode;if(!this.editMode){this.dispatchEvent(new CustomEvent("haxcms-save-node",{bubbles:!0,composed:!0,cancelable:!1,detail:store.activeItem}))}}_editDetailsButtonTap(e){var normalizedEvent=dom(e);const evt=new CustomEvent("haxcms-load-node-fields",{bubbles:!0,composed:!0,cancelable:!1,detail:normalizedEvent.localTarget});window.dispatchEvent(evt)}_menuButtonTap(){this.menuMode=!this.menuMode}_cancelButtonTap(e){this.editMode=!1;window.cmsSiteEditor.instance.haxCmsSiteEditorElement.editMode=!1;this.dispatchEvent(new CustomEvent("hax-cancel",{bubbles:!0,composed:!0,cancelable:!1,detail:e.detail}))}_addButtonTap(){this.__newForm=document.createElement("eco-json-schema-object");let outline=window.JSONOutlineSchema.requestAvailability();this.__newForm.schema=outline.getItemSchema("item");delete this.__newForm.schema.properties.id;delete this.__newForm.schema.properties.description;delete this.__newForm.schema.properties.order;delete this.__newForm.schema.properties.parent;delete this.__newForm.schema.properties.metadata;delete this.__newForm.schema.properties.indent;this.__newForm.schema.properties.title.value="";let b1=document.createElement("paper-button");b1.raised=!0;let icon=document.createElement("iron-icon");icon.icon="icons:add";b1.appendChild(icon);b1.appendChild(document.createTextNode("Create page"));b1.style.color="white";b1.style.backgroundColor="#2196f3";b1.addEventListener("click",this._createNewItem.bind(this));let b2=document.createElement("paper-button");b2.appendChild(document.createTextNode("cancel"));b2.setAttribute("dialog-dismiss","dialog-dismiss");let b=document.createElement("span");b.appendChild(b1);b.appendChild(b2);const evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Add a new page",elements:{content:this.__newForm,buttons:b},invokedBy:this.$.addbutton,clone:!1}});window.dispatchEvent(evt)}_createNewItem(){const evt=new CustomEvent("haxcms-create-node",{bubbles:!0,composed:!0,cancelable:!1,detail:{values:this.__newForm.value}});this.dispatchEvent(evt)}_updateItem(e){var normalizedEvent=dom(e),local=normalizedEvent.localTarget,values;if(!local.__form){values=local.parentNode.__form.value}else{values=local.__form.value}window.dispatchEvent(new CustomEvent("haxcms-save-node-details",{bubbles:!0,composed:!0,cancelable:!0,detail:values}));window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}}))}_deleteButtonTap(){let c=document.createElement("span");c.innerHTML=`"${store.activeItem.title}" will be removed from the outline but its content stays on the file system.`;let b1=document.createElement("paper-button"),icon=document.createElement("iron-icon");icon.icon="icons:delete";b1.appendChild(icon);b1.raised=!0;b1.appendChild(document.createTextNode("Confirm"));b1.style.color="white";b1.style.backgroundColor="#ee0000";b1.addEventListener("tap",this._deleteActive.bind(this));let b2=document.createElement("paper-button");b2.appendChild(document.createTextNode("cancel"));b2.setAttribute("dialog-dismiss","dialog-dismiss");let b=document.createElement("span");b.appendChild(b1);b.appendChild(b2);const evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Are you sure you want to delete this page?",elements:{content:c,buttons:b},invokedBy:this.$.deletebutton,clone:!1}});window.dispatchEvent(evt)}_deleteActive(){const evt=new CustomEvent("haxcms-delete-node",{bubbles:!0,composed:!0,cancelable:!1,detail:{item:store.activeItem}});this.dispatchEvent(evt)}_outlineButtonTap(){const evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Edit site outline",elements:{content:document.createElement("haxcms-outline-editor-dialog")},invokedBy:this.$.outlinebutton,clone:!1}});window.dispatchEvent(evt)}_manifestButtonTap(){if(!this.__manifestEditor){this.__manifestEditor=document.createElement("haxcms-manifest-editor-dialog")}const evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:store.routerManifest.title+": site details",elements:{content:this.__manifestEditor},invokedBy:this.$.manifestbutton,clone:!1}});window.dispatchEvent(evt)}_editModeChanged(newValue,oldValue){if(newValue){this.__editIcon="icons:save";this.__editText="Save"}else{this.__editIcon="editor:mode-edit";this.__editText="Edit"}if(typeof oldValue!==typeof void 0){this.dispatchEvent(new CustomEvent("haxcms-edit-mode-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:newValue}));window.HaxStore.write("editMode",newValue,this)}}_outlineEditModeChanged(newValue){this.dispatchEvent(new CustomEvent("haxcms-outline-edit-mode-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:newValue}))}_manifestEditModeChanged(newValue){this.dispatchEvent(new CustomEvent("haxcms-manifest-edit-mode-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:newValue}))}}window.customElements.define(HAXCMSSiteEditorUI.tag,HAXCMSSiteEditorUI);export{HAXCMSSiteEditorUI};
\ No newline at end of file
+    `}static get properties(){return{painting:{type:Boolean,value:!0,reflectToAttribute:!0},pageAllowed:{type:Boolean,value:!1,reflectToAttribute:!0},editMode:{type:Boolean,reflectToAttribute:!0,observer:"_editModeChanged",value:!1,notify:!0},menuMode:{type:Boolean,reflectToAttribute:!0,value:!0},manifestEditMode:{type:Boolean,reflectToAttribute:!0,observer:"_manifestEditModeChanged",value:!1,notify:!0},activeTitle:{type:String}}}connectedCallback(){super.connectedCallback();this.__disposer=[];afterNextRender(this,function(){autorun(reaction=>{const activeItem=toJS(store.activeItem);if(activeItem&&activeItem.id){this.activeTitle=activeItem.title;this.pageAllowed=!0}else{this.pageAllowed=!1}this.__disposer.push(reaction)})})}disconnectedCallback(){for(var i in this.__disposer){this.__disposer[i].dispose()}super.disconnectedCallback()}_editButtonTap(){this.editMode=!this.editMode;window.cmsSiteEditor.instance.haxCmsSiteEditorElement.editMode=this.editMode;if(!this.editMode){this.dispatchEvent(new CustomEvent("haxcms-save-node",{bubbles:!0,composed:!0,cancelable:!1,detail:store.activeItem}))}}_editDetailsButtonTap(e){var normalizedEvent=dom(e);const evt=new CustomEvent("haxcms-load-node-fields",{bubbles:!0,composed:!0,cancelable:!1,detail:normalizedEvent.localTarget});window.dispatchEvent(evt)}_menuButtonTap(){this.menuMode=!this.menuMode}_cancelButtonTap(e){this.editMode=!1;window.cmsSiteEditor.instance.haxCmsSiteEditorElement.editMode=!1;this.dispatchEvent(new CustomEvent("hax-cancel",{bubbles:!0,composed:!0,cancelable:!1,detail:e.detail}))}_addButtonTap(){this.__newForm=document.createElement("eco-json-schema-object");let outline=window.JSONOutlineSchema.requestAvailability();this.__newForm.schema=outline.getItemSchema("item");delete this.__newForm.schema.properties.id;delete this.__newForm.schema.properties.description;delete this.__newForm.schema.properties.order;delete this.__newForm.schema.properties.parent;delete this.__newForm.schema.properties.metadata;delete this.__newForm.schema.properties.indent;this.__newForm.schema.properties.title.value="";let b1=document.createElement("paper-button");b1.raised=!0;let icon=document.createElement("iron-icon");icon.icon="icons:add";b1.appendChild(icon);b1.appendChild(document.createTextNode("Create page"));b1.style.color="white";b1.style.backgroundColor="#2196f3";b1.addEventListener("click",this._createNewItem.bind(this));let b2=document.createElement("paper-button");b2.appendChild(document.createTextNode("cancel"));b2.setAttribute("dialog-dismiss","dialog-dismiss");let b=document.createElement("span");b.appendChild(b1);b.appendChild(b2);const evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Add a new page",elements:{content:this.__newForm,buttons:b},invokedBy:this.$.addbutton,clone:!1}});window.dispatchEvent(evt)}_createNewItem(){const evt=new CustomEvent("haxcms-create-node",{bubbles:!0,composed:!0,cancelable:!1,detail:{values:this.__newForm.value}});this.dispatchEvent(evt)}_updateItem(e){var normalizedEvent=dom(e),local=normalizedEvent.localTarget,values;if(!local.__form){values=local.parentNode.__form.value}else{values=local.__form.value}window.dispatchEvent(new CustomEvent("haxcms-save-node-details",{bubbles:!0,composed:!0,cancelable:!0,detail:values}));window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}}))}_deleteButtonTap(){let c=document.createElement("span");c.innerHTML=`"${store.activeItem.title}" will be removed from the outline but its content stays on the file system.`;let b1=document.createElement("paper-button"),icon=document.createElement("iron-icon");icon.icon="icons:delete";b1.appendChild(icon);b1.raised=!0;b1.appendChild(document.createTextNode("Confirm"));b1.style.color="white";b1.style.backgroundColor="#ee0000";b1.addEventListener("tap",this._deleteActive.bind(this));let b2=document.createElement("paper-button");b2.appendChild(document.createTextNode("cancel"));b2.setAttribute("dialog-dismiss","dialog-dismiss");let b=document.createElement("span");b.appendChild(b1);b.appendChild(b2);const evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Are you sure you want to delete this page?",elements:{content:c,buttons:b},invokedBy:this.$.deletebutton,clone:!1}});window.dispatchEvent(evt)}_deleteActive(){const evt=new CustomEvent("haxcms-delete-node",{bubbles:!0,composed:!0,cancelable:!1,detail:{item:store.activeItem}});this.dispatchEvent(evt)}_outlineButtonTap(){const evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Edit site outline",elements:{content:document.createElement("haxcms-outline-editor-dialog")},invokedBy:this.$.outlinebutton,clone:!1}});window.dispatchEvent(evt)}_manifestButtonTap(e){var normalizedEvent=dom(e);const evt=new CustomEvent("haxcms-load-site-fields",{bubbles:!0,composed:!0,cancelable:!1,detail:normalizedEvent.localTarget});window.dispatchEvent(evt)}_editModeChanged(newValue,oldValue){if(newValue){this.__editIcon="icons:save";this.__editText="Save"}else{this.__editIcon="editor:mode-edit";this.__editText="Edit"}if(typeof oldValue!==typeof void 0){this.dispatchEvent(new CustomEvent("haxcms-edit-mode-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:newValue}));window.HaxStore.write("editMode",newValue,this)}}_outlineEditModeChanged(newValue){this.dispatchEvent(new CustomEvent("haxcms-outline-edit-mode-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:newValue}))}_manifestEditModeChanged(newValue){this.dispatchEvent(new CustomEvent("haxcms-manifest-edit-mode-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:newValue}))}}window.customElements.define(HAXCMSSiteEditorUI.tag,HAXCMSSiteEditorUI);export{HAXCMSSiteEditorUI};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-editor.js b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-editor.js
index 9939dcfb5d0..21e5d96c9fa 100644
--- a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-editor.js
+++ b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-editor.js
@@ -1,5 +1,5 @@
-import{html,PolymerElement}from"../../../../@polymer/polymer/polymer-element.js";import{microTask}from"../../../../@polymer/polymer/lib/utils/async.js";import{store}from"./haxcms-site-store.js";import{autorun,toJS}from"../../../../mobx/lib/mobx.module.js";import{afterNextRender}from"../../../../@polymer/polymer/lib/utils/render-status.js";import{HAXWiring}from"../../../hax-body-behaviors/lib/HAXWiring.js";import"../../../../@polymer/paper-fab/paper-fab.js";import"../../../../@polymer/paper-tooltip/paper-tooltip.js";import"../../../../@polymer/paper-button/paper-button.js";import"../../../../@polymer/iron-ajax/iron-ajax.js";import"../../../../@polymer/iron-icons/editor-icons.js";import"../../../jwt-login/jwt-login.js";import"../../../h-a-x/h-a-x.js";import"../../../simple-toast/simple-toast.js";import"../../../simple-modal/simple-modal.js";import"../../../hax-body/lib/hax-schema-form.js";class HAXCMSSiteEditor extends PolymerElement{static get tag(){return"haxcms-site-editor"}static get template(){return html`
-      <style>
+import{html,PolymerElement}from"../../../../@polymer/polymer/polymer-element.js";import{microTask}from"../../../../@polymer/polymer/lib/utils/async.js";import{store}from"./haxcms-site-store.js";import{autorun,toJS}from"../../../../mobx/lib/mobx.module.js";import{afterNextRender}from"../../../../@polymer/polymer/lib/utils/render-status.js";import{HAXWiring}from"../../../hax-body-behaviors/lib/HAXWiring.js";import"../../../simple-colors/simple-colors.js";import"../../../../@polymer/paper-fab/paper-fab.js";import"../../../../@polymer/paper-tooltip/paper-tooltip.js";import"../../../../@polymer/paper-button/paper-button.js";import"../../../../@polymer/iron-ajax/iron-ajax.js";import"../../../../@polymer/iron-icons/editor-icons.js";import"../../../jwt-login/jwt-login.js";import"../../../h-a-x/h-a-x.js";import"../../../simple-toast/simple-toast.js";import"../../../simple-modal/simple-modal.js";import"../../../hax-body/lib/hax-schema-form.js";class HAXCMSSiteEditor extends PolymerElement{static get tag(){return"haxcms-site-editor"}static get template(){return html`
+      <style include="simple-colors">
         :host {
           display: block;
         }
@@ -79,6 +79,16 @@ import{html,PolymerElement}from"../../../../@polymer/polymer/polymer-element.js"
         handle-as="json"
         on-response="_handleGetFieldsResponse"
       ></iron-ajax>
+      <iron-ajax
+        headers='{"Authorization": "Bearer [[jwt]]"}'
+        id="getsitefieldsajax"
+        url="[[getSiteFieldsPath]]"
+        method="[[method]]"
+        body="[[getSiteFieldsData]]"
+        content-type="application/json"
+        handle-as="json"
+        on-response="_handleGetSiteFieldsResponse"
+      ></iron-ajax>
       <iron-ajax
         headers='{"Authorization": "Bearer [[jwt]]"}'
         id="manifestupdateajax"
@@ -123,9 +133,9 @@ import{html,PolymerElement}from"../../../../@polymer/polymer/polymer-element.js"
         last-response="{{__deleteNodeResponse}}"
       ></iron-ajax>
       <h-a-x app-store$="[[appStore]]"></h-a-x>
-    `}static get properties(){return{method:{type:String,value:"POST"},jwt:{type:String},saveNodePath:{type:String},createNodePath:{type:String},deleteNodePath:{type:String},saveManifestPath:{type:String},publishSitePath:{type:String},publishing:{type:Boolean,observer:"_publishingChanged"},saveOutlinePath:{type:String},appStore:{type:Object},editMode:{type:Boolean,reflectToAttribute:!0,value:!1},updateNodeData:{type:Object,value:{}},deleteData:{type:Object,value:{}},createData:{type:Object,value:{}},publishSiteData:{type:Object,value:{}},updateManifestData:{type:Object,value:{}},updateOutlineData:{type:Object,value:{}},updateManifestData:{type:Object,value:{}},getFieldsData:{type:Object,value:{}},activeItem:{type:Object,notify:!0,observer:"_activeItemChanged"},manifest:{type:Object,notify:!0,observer:"_manifestChanged"},getNodeFieldsPath:{type:String},getFieldsToken:{type:String}}}_attachDom(dom){this.appendChild(dom)}ready(){super.ready();this.__disposer=[];afterNextRender(this,function(){autorun(reaction=>{this.manifest=toJS(store.manifest);this.__disposer.push(reaction)});autorun(reaction=>{this.activeItem=toJS(store.activeItem);this.__disposer.push(reaction)});window.SimpleToast.requestAvailability();window.SimpleModal.requestAvailability();window.addEventListener("hax-store-ready",this._storeReadyToGo.bind(this));window.addEventListener("json-outline-schema-active-item-changed",this._newActiveItem.bind(this));window.addEventListener("json-outline-schema-active-body-changed",this._bodyChanged.bind(this));window.addEventListener("haxcms-save-outline",this.saveOutline.bind(this));window.addEventListener("haxcms-save-node",this.saveNode.bind(this));window.addEventListener("haxcms-save-node-details",this.saveNodeDetails.bind(this));window.addEventListener("haxcms-save-site-data",this.saveManifest.bind(this));window.addEventListener("haxcms-load-node-fields",this.loadNodeFields.bind(this));window.addEventListener("haxcms-create-node",this.createNode.bind(this));window.addEventListener("haxcms-delete-node",this.deleteNode.bind(this));window.addEventListener("haxcms-publish-site",this.publishSite.bind(this));microTask.run(()=>{this.updateStyles();if(window.HaxStore.ready){this._storeReadyToGo({detail:!0})}});const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"You are logged in, edit tools shown."}});window.dispatchEvent(evt)})}disconnectedCallback(){for(var i in this.__disposer){this.__disposer[i].dispose()}window.removeEventListener("hax-store-ready",this._storeReadyToGo.bind(this));window.removeEventListener("haxcms-save-outline",this.saveOutline.bind(this));window.removeEventListener("haxcms-save-node",this.saveNode.bind(this));window.removeEventListener("haxcms-save-node-details",this.saveNodeDetails.bind(this));window.removeEventListener("haxcms-save-site-data",this.saveManifest.bind(this));window.removeEventListener("haxcms-publish-site",this.publishSite.bind(this));window.removeEventListener("json-outline-schema-active-item-changed",this._newActiveItem.bind(this));window.removeEventListener("json-outline-schema-active-body-changed",this._bodyChanged.bind(this));window.removeEventListener("haxcms-load-node-fields",this.loadNodeFields.bind(this));window.removeEventListener("haxcms-create-node",this.createNode.bind(this));window.removeEventListener("haxcms-delete-node",this.deleteNode.bind(this));super.disconnectedCallback()}loadNodeFields(e){this.__nodeFieldsInvoked=e.detail;this.set("getFieldsData.jwt",this.jwt);this.notifyPath("getFieldsData.jwt");this.set("getFieldsData.token",this.getFieldsToken);this.notifyPath("getFieldsData.token");this.set("getFieldsData.siteName",this.manifest.metadata.siteName);this.notifyPath("getFieldsData.siteName");this.set("getFieldsData.nodeId",this.activeItem.id);this.notifyPath("getFieldsData.nodeId");this.$.getfieldsajax.generateRequest()}_handleGetFieldsResponse(e){let wiring=new HAXWiring;this._haxSchema=wiring.prototypeHaxProperties();this._haxSchema.settings=e.detail.response.haxSchema;let values=e.detail.response.values,c=document.createElement("hax-schema-form");c.style.minWidth="50vw";for(var key in this._haxSchema.settings){let schema=wiring.getHaxJSONSchema(key,this._haxSchema);for(var i in schema.properties){if(values[i]){schema.properties[i].value=values[i]}}c.set(key+"Schema",schema)}this.__fieldsForm=c;let b1=document.createElement("paper-button");b1.raised=!0;let icon=document.createElement("iron-icon");icon.icon="icons:save";b1.appendChild(icon);b1.appendChild(document.createTextNode("Save fields"));b1.setAttribute("dialog-confirm","dialog-confirm");b1.addEventListener("click",this._saveFieldsTap.bind(this));let b2=document.createElement("paper-button");b2.appendChild(document.createTextNode("cancel"));b2.setAttribute("dialog-dismiss","dialog-dismiss");let b=document.createElement("div");b.style.position="absolute";b.style.bottom=0;b.style.left=0;b.style.right=0;b.style.zIndex=1e6;b.style.backgroundColor="#ddd";b.appendChild(b1);b.appendChild(b2);const evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Edit "+store.activeTitle+" fields",elements:{content:c,buttons:b},invokedBy:this.__nodeFieldsInvoked,clone:!1}});window.dispatchEvent(evt)}_saveFieldsTap(){let values=this.__fieldsForm.value;values.id=this.activeItem.id;window.dispatchEvent(new CustomEvent("haxcms-save-node-details",{bubbles:!0,composed:!0,cancelable:!0,detail:values}));window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}}))}createNode(e){if(e.detail.values){this.set("createData",{});this.set("createData",e.detail.values);this.notifyPath("createData.*");this.set("createData.siteName",this.manifest.metadata.siteName);this.notifyPath("createData.siteName");this.set("createData.jwt",this.jwt);this.notifyPath("createData.jwt");this.$.createajax.generateRequest();const evt=new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}});window.dispatchEvent(evt)}}_handleCreateResponse(){const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:`Created ${this.__createNodeResponse.title}!`,duration:3e3}});window.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}deleteNode(e){this.set("deleteData",{});this.set("deleteData.nodeId",e.detail.item.id);this.notifyPath("deleteData.nodeId");this.set("deleteData.siteName",this.manifest.metadata.siteName);this.notifyPath("deleteData.siteName");this.set("deleteData.jwt",this.jwt);this.notifyPath("deleteData.jwt");this.$.deleteajax.generateRequest();const evt=new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}});window.dispatchEvent(evt)}_handleDeleteResponse(){const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:`Deleted ${this.__deleteNodeResponse.title}`,duration:3e3}});this.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}_storeReadyToGo(event){if(event.detail){window.HaxStore.instance.connectionRewrites.appendJwt="jwt";window.HaxStore.instance.haxPanel.align="left";window.HaxStore.instance.haxPanel.hidePanelOps=!0}}_publishingChanged(newValue,oldValue){if(newValue){const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Publishing...",duration:0}});window.dispatchEvent(evt)}else if(!newValue&&oldValue){const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Publishing...",duration:3e3}});window.dispatchEvent(evt)}}_manifestChanged(newValue){if(this.activeItem&&newValue.metadata){window.HaxStore.instance.connectionRewrites.appendUploadEndPoint="siteName="+newValue.metadata.siteName+"&nodeId="+this.activeItem.id}}_newActiveItem(e){this.set("activeItem",e.detail);this.notifyPath("activeItem.*")}_activeItemChanged(newValue){if(newValue&&this.manifest){window.HaxStore.instance.connectionRewrites.appendUploadEndPoint="siteName="+this.manifest.metadata.siteName+"&nodeId="+newValue.id}}_handleNodeResponse(e){if("undefined"!==typeof e.detail.location&&this.activeItem.location!==e.detail.location){window.location(e.detail.location);window.history.pushState({},null,e.detail.location);window.dispatchEvent(new PopStateEvent("popstate"));const active=this.manifest.items.find(i=>{return i.id===e.detail.id});this.activeItem=active;this.dispatchEvent(new CustomEvent("json-outline-schema-active-item-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:active}))}const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Page saved!",duration:4e3}});window.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}));this.dispatchEvent(new CustomEvent("haxcms-trigger-update-node",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}_handleOutlineResponse(){const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Outline saved!",duration:3e3}});window.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}_handleManifestResponse(){const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Site details saved!",duration:3e3}});this.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}_handlePublishResponse(e){let data=e.detail.response,content=document.createElement("span");content.innerHTML=`
+    `}static get properties(){return{method:{type:String,value:"POST"},jwt:{type:String},saveNodePath:{type:String},createNodePath:{type:String},deleteNodePath:{type:String},saveManifestPath:{type:String},publishSitePath:{type:String},publishing:{type:Boolean,observer:"_publishingChanged"},saveOutlinePath:{type:String},appStore:{type:Object},editMode:{type:Boolean,reflectToAttribute:!0,value:!1},updateNodeData:{type:Object,value:{}},deleteData:{type:Object,value:{}},createData:{type:Object,value:{}},publishSiteData:{type:Object,value:{}},updateManifestData:{type:Object,value:{}},updateOutlineData:{type:Object,value:{}},updateManifestData:{type:Object,value:{}},getFieldsData:{type:Object,value:{}},getSiteFieldsData:{type:Object,value:{}},activeItem:{type:Object,notify:!0,observer:"_activeItemChanged"},manifest:{type:Object,notify:!0,observer:"_manifestChanged"},getNodeFieldsPath:{type:String},getSiteFieldsPath:{type:String},getFieldsToken:{type:String}}}_attachDom(dom){this.appendChild(dom)}ready(){super.ready();this.__disposer=[];afterNextRender(this,function(){autorun(reaction=>{this.manifest=toJS(store.manifest);this.__disposer.push(reaction)});autorun(reaction=>{this.activeItem=toJS(store.activeItem);this.__disposer.push(reaction)});window.SimpleToast.requestAvailability();window.SimpleModal.requestAvailability();window.addEventListener("hax-store-ready",this._storeReadyToGo.bind(this));window.addEventListener("json-outline-schema-active-item-changed",this._newActiveItem.bind(this));window.addEventListener("json-outline-schema-active-body-changed",this._bodyChanged.bind(this));window.addEventListener("haxcms-save-outline",this.saveOutline.bind(this));window.addEventListener("haxcms-save-node",this.saveNode.bind(this));window.addEventListener("haxcms-save-node-details",this.saveNodeDetails.bind(this));window.addEventListener("haxcms-save-site-data",this.saveManifest.bind(this));window.addEventListener("haxcms-load-node-fields",this.loadNodeFields.bind(this));window.addEventListener("haxcms-load-site-fields",this.loadSiteFields.bind(this));window.addEventListener("haxcms-create-node",this.createNode.bind(this));window.addEventListener("haxcms-delete-node",this.deleteNode.bind(this));window.addEventListener("haxcms-publish-site",this.publishSite.bind(this));microTask.run(()=>{this.updateStyles();if(window.HaxStore.ready){this._storeReadyToGo({detail:!0})}});const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"You are logged in, edit tools shown."}});window.dispatchEvent(evt)})}disconnectedCallback(){for(var i in this.__disposer){this.__disposer[i].dispose()}window.removeEventListener("hax-store-ready",this._storeReadyToGo.bind(this));window.removeEventListener("haxcms-save-outline",this.saveOutline.bind(this));window.removeEventListener("haxcms-save-node",this.saveNode.bind(this));window.removeEventListener("haxcms-save-node-details",this.saveNodeDetails.bind(this));window.removeEventListener("haxcms-save-site-data",this.saveManifest.bind(this));window.removeEventListener("haxcms-publish-site",this.publishSite.bind(this));window.removeEventListener("json-outline-schema-active-item-changed",this._newActiveItem.bind(this));window.removeEventListener("json-outline-schema-active-body-changed",this._bodyChanged.bind(this));window.removeEventListener("haxcms-load-node-fields",this.loadNodeFields.bind(this));window.removeEventListener("haxcms-load-site-fields",this.loadSiteFields.bind(this));window.removeEventListener("haxcms-create-node",this.createNode.bind(this));window.removeEventListener("haxcms-delete-node",this.deleteNode.bind(this));super.disconnectedCallback()}loadNodeFields(e){this.__nodeFieldsInvoked=e.detail;this.set("getFieldsData.jwt",this.jwt);this.notifyPath("getFieldsData.jwt");this.set("getFieldsData.token",this.getFieldsToken);this.notifyPath("getFieldsData.token");this.set("getFieldsData.siteName",this.manifest.metadata.siteName);this.notifyPath("getFieldsData.siteName");this.set("getFieldsData.nodeId",this.activeItem.id);this.notifyPath("getFieldsData.nodeId");this.$.getfieldsajax.generateRequest()}loadSiteFields(e){this.__siteFieldsInvoked=e.detail;this.set("getSiteFieldsData.jwt",this.jwt);this.notifyPath("getSiteFieldsData.jwt");this.set("getSiteFieldsData.token",this.getFieldsToken);this.notifyPath("getSiteFieldsData.token");this.set("getSiteFieldsData.siteName",this.manifest.metadata.siteName);this.notifyPath("getSiteFieldsData.siteName");this.$.getsitefieldsajax.generateRequest()}_handleGetFieldsResponse(e){let wiring=new HAXWiring;this._haxSchema=wiring.prototypeHaxProperties();this._haxSchema.settings=e.detail.response.haxSchema;let values=e.detail.response.values,c=document.createElement("hax-schema-form");c.style.minWidth="50vw";for(var key in this._haxSchema.settings){let schema=wiring.getHaxJSONSchema(key,this._haxSchema);for(var i in schema.properties){if(values[i]){schema.properties[i].value=values[i]}}c.set(key+"Schema",schema)}this.__fieldsForm=c;let b1=document.createElement("paper-button");b1.raised=!0;let icon=document.createElement("iron-icon");icon.icon="icons:save";b1.appendChild(icon);b1.appendChild(document.createTextNode("Save fields"));b1.setAttribute("dialog-confirm","dialog-confirm");b1.addEventListener("click",this._saveFieldsTap.bind(this));let b2=document.createElement("paper-button");b2.appendChild(document.createTextNode("cancel"));b2.setAttribute("dialog-dismiss","dialog-dismiss");let b=document.createElement("div");b.style.position="absolute";b.style.bottom=0;b.style.left=0;b.style.right=0;b.style.zIndex=1e6;b.style.backgroundColor="#ddd";b.appendChild(b1);b.appendChild(b2);const evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Edit "+store.activeTitle+" fields",elements:{content:c,buttons:b},invokedBy:this.__nodeFieldsInvoked,clone:!1}});window.dispatchEvent(evt)}_handleGetSiteFieldsResponse(e){let wiring=new HAXWiring;this._haxSchema=wiring.prototypeHaxProperties();this._haxSchema.settings=e.detail.response.haxSchema;let values=e.detail.response.values,c=document.createElement("hax-schema-form");c.style.minWidth="50vw";for(var key in this._haxSchema.settings){let schema=wiring.getHaxJSONSchema(key,this._haxSchema);for(var i in schema.properties){if(values[i]){schema.properties[i].value=values[i]}}c.set(key+"Schema",schema)}this.__siteFieldsForm=c;let b1=document.createElement("paper-button");b1.raised=!0;let icon=document.createElement("iron-icon");icon.icon="icons:save";b1.appendChild(icon);b1.appendChild(document.createTextNode("Save fields"));b1.setAttribute("dialog-confirm","dialog-confirm");b1.addEventListener("click",this._saveSiteFieldsTap.bind(this));let b2=document.createElement("paper-button");b2.appendChild(document.createTextNode("cancel"));b2.setAttribute("dialog-dismiss","dialog-dismiss");let icon2=document.createElement("iron-icon");icon2.icon="icons:cloud-upload";let b3=document.createElement("paper-button");b3.raised=!0;b3.appendChild(icon2);b3.appendChild(document.createTextNode("Publish"));b3.setAttribute("dialog-confirm","dialog-confirm");b3.addEventListener("click",this._publishTap.bind(this));b3.style.minWidth="100px";b3.style.backgroundColor=getComputedStyle(this).getPropertyValue("--haxcms-color");let b=document.createElement("div");b.style.position="absolute";b.style.bottom=0;b.style.left=0;b.style.right=0;b.style.zIndex=1e6;b.style.backgroundColor="#ddd";b.appendChild(b1);b.appendChild(b2);b.appendChild(b3);const evt=new CustomEvent("simple-modal-show",{bubbles:!0,composed:!0,cancelable:!1,detail:{title:"Edit site fields",elements:{content:c,buttons:b},invokedBy:this.__siteFieldsInvoked,clone:!1}});window.dispatchEvent(evt)}_publishTap(){this.dispatchEvent(new CustomEvent("haxcms-publish-site",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}_saveFieldsTap(){let values=this.__fieldsForm.value;values.id=this.activeItem.id;window.dispatchEvent(new CustomEvent("haxcms-save-node-details",{bubbles:!0,composed:!0,cancelable:!0,detail:values}));window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}}))}_saveSiteFieldsTap(){let values=this.__siteFieldsForm.value;window.dispatchEvent(new CustomEvent("haxcms-save-site-data",{bubbles:!0,composed:!0,cancelable:!0,detail:values}));window.dispatchEvent(new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}}))}createNode(e){if(e.detail.values){this.set("createData",{});this.set("createData",e.detail.values);this.notifyPath("createData.*");this.set("createData.siteName",this.manifest.metadata.siteName);this.notifyPath("createData.siteName");this.set("createData.jwt",this.jwt);this.notifyPath("createData.jwt");this.$.createajax.generateRequest();const evt=new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}});window.dispatchEvent(evt)}}_handleCreateResponse(){const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:`Created ${this.__createNodeResponse.title}!`,duration:3e3}});window.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}deleteNode(e){this.set("deleteData",{});this.set("deleteData.nodeId",e.detail.item.id);this.notifyPath("deleteData.nodeId");this.set("deleteData.siteName",this.manifest.metadata.siteName);this.notifyPath("deleteData.siteName");this.set("deleteData.jwt",this.jwt);this.notifyPath("deleteData.jwt");this.$.deleteajax.generateRequest();const evt=new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}});window.dispatchEvent(evt)}_handleDeleteResponse(){const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:`Deleted ${this.__deleteNodeResponse.title}`,duration:3e3}});this.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}_storeReadyToGo(event){if(event.detail){window.HaxStore.instance.connectionRewrites.appendJwt="jwt";window.HaxStore.instance.haxPanel.align="left";window.HaxStore.instance.haxPanel.hidePanelOps=!0}}_publishingChanged(newValue,oldValue){if(newValue){const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Publishing...",duration:0}});window.dispatchEvent(evt)}else if(!newValue&&oldValue){const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Publishing...",duration:3e3}});window.dispatchEvent(evt)}}_manifestChanged(newValue){if(this.activeItem&&newValue.metadata){window.HaxStore.instance.connectionRewrites.appendUploadEndPoint="siteName="+newValue.metadata.siteName+"&nodeId="+this.activeItem.id}}_newActiveItem(e){this.set("activeItem",e.detail);this.notifyPath("activeItem.*")}_activeItemChanged(newValue){if(newValue&&this.manifest){window.HaxStore.instance.connectionRewrites.appendUploadEndPoint="siteName="+this.manifest.metadata.siteName+"&nodeId="+newValue.id}}_handleNodeResponse(e){if("undefined"!==typeof e.detail.location&&this.activeItem.location!==e.detail.location){window.location(e.detail.location);window.history.pushState({},null,e.detail.location);window.dispatchEvent(new PopStateEvent("popstate"));const active=this.manifest.items.find(i=>{return i.id===e.detail.id});this.activeItem=active;this.dispatchEvent(new CustomEvent("json-outline-schema-active-item-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:active}))}const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Page saved!",duration:4e3}});window.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}));this.dispatchEvent(new CustomEvent("haxcms-trigger-update-node",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}_handleOutlineResponse(){const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Outline saved!",duration:3e3}});window.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}_handleManifestResponse(){const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"Site details saved!",duration:3e3}});this.dispatchEvent(evt);this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}_handlePublishResponse(e){let data=e.detail.response,content=document.createElement("span");content.innerHTML=`
     <a href="${data.url}" target="_blank">
       <paper-button raised style="color:yellow;text-transform: none;font-weight: bold;">
       ${data.label}
       </paper-button>
-    </a>`;const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:data.response,duration:1e4,slot:content.cloneNode(!0)}});window.dispatchEvent(evt)}saveNode(){this.set("updateNodeData",{});this.set("updateNodeData.siteName",this.manifest.metadata.siteName);this.notifyPath("updateNodeData.siteName");this.set("updateNodeData.body",window.HaxStore.instance.activeHaxBody.haxToContent());this.notifyPath("updateNodeData.body");this.set("updateNodeData.nodeId",this.activeItem.id);this.notifyPath("updateNodeData.nodeId");this.set("updateNodeData.jwt",this.jwt);this.notifyPath("updateNodeData.jwt");if(this.saveNodePath){this.$.nodeupdateajax.generateRequest()}}saveNodeDetails(e){this.set("updateNodeData",{});this.set("updateNodeData.siteName",this.manifest.metadata.siteName);this.notifyPath("updateNodeData.siteName");this.set("updateNodeData.nodeId",e.detail.id);this.notifyPath("updateNodeData.nodeId");this.set("updateNodeData.details",e.detail);this.notifyPath("updateNodeData.details");this.set("updateNodeData.jwt",this.jwt);this.notifyPath("updateNodeData.jwt");if(this.saveNodePath){this.$.nodeupdateajax.generateRequest()}}saveOutline(e){this.set("updateOutlineData.siteName",this.manifest.metadata.siteName);this.notifyPath("updateOutlineData.siteName");this.set("updateOutlineData.items",e.detail);this.notifyPath("updateOutlineData.items");this.set("updateOutlineData.jwt",this.jwt);this.notifyPath("updateOutlineData.jwt");if(this.saveOutlinePath){this.$.outlineupdateajax.generateRequest()}}saveManifest(e){this.set("updateManifestData.siteName",this.manifest.metadata.siteName);this.notifyPath("updateManifestData.siteName");this.set("updateManifestData.manifest",e.detail);this.notifyPath("updateManifestData.manifest");this.set("updateManifestData.jwt",this.jwt);this.notifyPath("updateManifestData.jwt");if(this.saveManifestPath){this.$.manifestupdateajax.generateRequest()}}publishSite(){this.set("publishSiteData.siteName",this.manifest.metadata.siteName);this.notifyPath("publishSiteData.siteName");this.set("publishSiteData.jwt",this.jwt);this.notifyPath("publishSiteData.jwt");if(this.publishSitePath){this.$.publishajax.generateRequest()}}_bodyChanged(e){window.HaxStore.instance.activeHaxBody.importContent(e.detail)}}window.customElements.define(HAXCMSSiteEditor.tag,HAXCMSSiteEditor);export{HAXCMSSiteEditor};
\ No newline at end of file
+    </a>`;const evt=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:data.response,duration:1e4,slot:content.cloneNode(!0)}});window.dispatchEvent(evt)}saveNode(){this.set("updateNodeData",{});this.set("updateNodeData.siteName",this.manifest.metadata.siteName);this.notifyPath("updateNodeData.siteName");this.set("updateNodeData.body",window.HaxStore.instance.activeHaxBody.haxToContent());this.notifyPath("updateNodeData.body");this.set("updateNodeData.nodeId",this.activeItem.id);this.notifyPath("updateNodeData.nodeId");this.set("updateNodeData.jwt",this.jwt);this.notifyPath("updateNodeData.jwt");if(this.saveNodePath){this.$.nodeupdateajax.generateRequest()}}saveNodeDetails(e){this.set("updateNodeData",{});this.set("updateNodeData.siteName",this.manifest.metadata.siteName);this.notifyPath("updateNodeData.siteName");this.set("updateNodeData.nodeId",e.detail.id);this.notifyPath("updateNodeData.nodeId");this.set("updateNodeData.details",e.detail);this.notifyPath("updateNodeData.details");this.set("updateNodeData.jwt",this.jwt);this.notifyPath("updateNodeData.jwt");if(this.saveNodePath){this.$.nodeupdateajax.generateRequest()}}saveOutline(e){this.set("updateOutlineData.siteName",this.manifest.metadata.siteName);this.notifyPath("updateOutlineData.siteName");this.set("updateOutlineData.items",e.detail);this.notifyPath("updateOutlineData.items");this.set("updateOutlineData.jwt",this.jwt);this.notifyPath("updateOutlineData.jwt");if(this.saveOutlinePath){this.$.outlineupdateajax.generateRequest()}}saveManifest(e){let values=e.detail;if(values.cssVariable){values.hexCode=window.SimpleColorsUtilities.colors[values.cssVariable.replace("--simple-colors-default-theme-","").replace("-7","")][6]}this.set("updateManifestData.siteName",this.manifest.metadata.siteName);this.notifyPath("updateManifestData.siteName");this.set("updateManifestData.manifest",values);this.notifyPath("updateManifestData.manifest");this.set("updateManifestData.jwt",this.jwt);this.notifyPath("updateManifestData.jwt");if(this.saveManifestPath){this.$.manifestupdateajax.generateRequest()}}publishSite(){this.set("publishSiteData.siteName",this.manifest.metadata.siteName);this.notifyPath("publishSiteData.siteName");this.set("publishSiteData.jwt",this.jwt);this.notifyPath("publishSiteData.jwt");if(this.publishSitePath){this.$.publishajax.generateRequest()}}_bodyChanged(e){window.HaxStore.instance.activeHaxBody.importContent(e.detail)}}window.customElements.define(HAXCMSSiteEditor.tag,HAXCMSSiteEditor);export{HAXCMSSiteEditor};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-button.js b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-button.js
index 59044b7ab86..552f704b34f 100644
--- a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-button.js
+++ b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-button.js
@@ -4,19 +4,24 @@ import{html,PolymerElement}from"../../../@polymer/polymer/polymer-element.js";im
         id="a11y"
         target="[[__a11y]]"
         keys="enter"
-        on-keys-pressed="_buttonTap">
+        on-keys-pressed="_buttonTap"
+      >
       </iron-a11y-keys>
-      <paper-button id="button"
-        disabled$="[[disabled]]" 
+      <paper-button
+        id="button"
+        disabled$="[[disabled]]"
         controls="[[controls]]"
         on-tap="_buttonTap"
         tabindex="0"
-        toggled$="[[toggled]]">
-        <iron-icon id="icon" 
+        toggled$="[[toggled]]"
+      >
+        <iron-icon
+          id="icon"
           aria-hidden
-          icon$="[[_regOrToggled(icon,toggledIcon,toggled)]]">
+          icon$="[[_regOrToggled(icon,toggledIcon,toggled)]]"
+        >
         </iron-icon>
         <span id="label" class$="[[labelStyle]]"></span>
       </paper-button>
-      <paper-tooltip id="tooltip" for="button"></paper-button>
-    `}static get properties(){return{command:{name:"command",type:"String",value:null},commandVal:{name:"commandVal",type:"Object",value:null,notify:!0},disabled:{name:"disabled",type:"Boolean",value:!1},icon:{name:"icon",type:"String",value:null},label:{name:"label",type:"String",value:null},labelStyle:{name:"labelStyle",type:"String",computed:"_labelStyle(icon,showTextLabel)",readOnly:!0},selection:{name:"selection",type:"Object",notify:!0,value:null},showTextLabel:{name:"showTextLabel",type:"Boolean",value:!1},toggled:{name:"toggled",type:"Boolean",computed:"_isToggled(selection)",notify:!0},toggledCommand:{name:"toggledCommand",type:"String",value:null},toggledCommandVal:{name:"toggledCommandVal",type:"Object",value:null},toggledIcon:{name:"toggledIcon",type:"String",value:null},toggledLabel:{name:"toggledLabel",type:"String",value:null},toggles:{name:"toggles",type:"Boolean",value:!1},validCommands:{name:"validCommands",type:"Array",value:["backColor","bold","createLink","copy","cut","defaultParagraphSeparator","delete","fontName","fontSize","foreColor","formatBlock","forwardDelete","insertHorizontalRule","insertHTML","insertImage","insertLineBreak","insertOrderedList","insertParagraph","insertText","insertUnorderedList","justifyCenter","justifyFull","justifyLeft","justifyRight","outdent","paste","redo","selectAll","strikethrough","styleWithCss","superscript","undo","unlink","useCSS"],readOnly:!0}}}static get tag(){return"rich-text-editor-button"}ready(){super.ready();this}connectedCallback(){super.connectedCallback();this.__a11y=this.$.button}disconnectedCallback(){super.disconnectedCallback()}doTextOperation(){let root=this,selection=root.selection;if(root.toggled&&null!==root.toggledCommand){document.execCommand(root.toggledCommand,!1,root.toggledCommand||"")}else if(null!==root.command){document.execCommand(root.command,!1,root.commandVal||"")}root.selection=selection}_isToggled(){let toggled=null!==this.command&&this.toggles?document.queryCommandState(this.command):!1,label=this._regOrToggled(this.label,this.toggledLabel,toggled);this.$.label.innerHTML=label;this.$.tooltip.innerHTML=label;return toggled}_buttonTap(e){e.preventDefault();this.doTextOperation()}_regOrToggled(toggledOff,toggledOn,toggled){return null!==toggledOn&&toggled?toggledOn:toggledOff}_labelStyle(icon,showTextLabel){return icon!==void 0&&null!==icon&&""!==icon&&!1===showTextLabel?"offscreen":null}}window.customElements.define(RichTextEditorButton.tag,RichTextEditorButton);export{RichTextEditorButton};
\ No newline at end of file
+      <paper-tooltip id="tooltip" for="button"></paper-tooltip>
+    `}static get properties(){return{command:{name:"command",type:"String",value:null},commandVal:{name:"commandVal",type:"Object",value:null,notify:!0},disabled:{name:"disabled",type:"Boolean",value:!1},icon:{name:"icon",type:"String",value:null},label:{name:"label",type:"String",value:null},labelStyle:{name:"labelStyle",type:"String",computed:"_labelStyle(icon,showTextLabel)",readOnly:!0},selection:{name:"selection",type:"Object",notify:!0,value:null},showTextLabel:{name:"showTextLabel",type:"Boolean",value:!1},toggled:{name:"toggled",type:"Boolean",computed:"_isToggled(selection)",notify:!0},__label:{name:"__label",type:"String",computed:"_getLabel(selection)",notify:!0},toggledCommand:{name:"toggledCommand",type:"String",value:null},toggledCommandVal:{name:"toggledCommandVal",type:"Object",value:null},toggledIcon:{name:"toggledIcon",type:"String",value:null},toggledLabel:{name:"toggledLabel",type:"String",value:null},toggles:{name:"toggles",type:"Boolean",value:!1},validCommands:{name:"validCommands",type:"Array",value:["backColor","bold","createLink","copy","cut","defaultParagraphSeparator","delete","fontName","fontSize","foreColor","formatBlock","forwardDelete","insertHorizontalRule","insertHTML","insertImage","insertLineBreak","insertOrderedList","insertParagraph","insertText","insertUnorderedList","justifyCenter","justifyFull","justifyLeft","justifyRight","outdent","paste","redo","selectAll","strikethrough","styleWithCss","superscript","undo","unlink","useCSS"],readOnly:!0}}}static get tag(){return"rich-text-editor-button"}ready(){super.ready();let root=this;root.addEventListener("mousedown",function(e){e.preventDefault()});root.addEventListener("keydown",function(e){e.preventDefault()})}connectedCallback(){super.connectedCallback();this.__a11y=this.$.button}disconnectedCallback(){super.disconnectedCallback()}doTextOperation(){let root=this,selection=root.selection;if(root.toggled&&null!==root.toggledCommand){document.execCommand(root.toggledCommand,!1,root.toggledCommand||"")}else if(null!==root.command){document.execCommand(root.command,!1,root.commandVal||"")}root.selection=selection}_isToggled(){let toggled=null!==this.command&&this.toggles?document.queryCommandState(this.command):!1,label=this._regOrToggled(this.label,this.toggledLabel,toggled);if(this.$.label!==void 0)this.$.label.innerHTML=label;if(this.$.tooltip!==void 0)this.$.tooltip.innerHTML=label;return toggled}_getLabel(){let toggled=null!==this.command&&this.toggles?document.queryCommandState(this.command):!1,label=this._regOrToggled(this.label,this.toggledLabel,toggled);return label}_buttonTap(e){e.preventDefault();this.doTextOperation()}_regOrToggled(toggledOff,toggledOn,toggled){return null!==toggledOn&&toggled?toggledOn:toggledOff}_labelStyle(icon,showTextLabel){return icon!==void 0&&null!==icon&&""!==icon&&!1===showTextLabel?"offscreen":null}}window.customElements.define(RichTextEditorButton.tag,RichTextEditorButton);export{RichTextEditorButton};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-link.js b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-link.js
new file mode 100644
index 00000000000..fcfbc5d130d
--- /dev/null
+++ b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-link.js
@@ -0,0 +1 @@
+import{html,PolymerElement}from"../../../@polymer/polymer/polymer-element.js";import"../../../@polymer/paper-button/paper-button.js";import"../../../@polymer/paper-tooltip/paper-tooltip.js";import"../../../@polymer/iron-icons/iron-icons.js";import"./rich-text-editor-styles.js";import{RichTextEditorButton}from"./rich-text-editor-button.js";class RichTextEditorLink extends RichTextEditorButton{static get properties(){return{}}static get tag(){return"rich-text-editor-link"}ready(){super.ready();let root=this;root.addEventListener("mousedown",function(e){e.preventDefault()});root.addEventListener("keydown",function(e){e.preventDefault()})}_buttonTap(e){e.preventDefault();let button=document.createElement("button");button.appendNode(this.selection.extractContents());this.selection.insertNode(button);console.log("tap")}}window.customElements.define(RichTextEditorLink.tag,RichTextEditorLink);export{RichTextEditorLink};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-prompt.js b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-prompt.js
new file mode 100644
index 00000000000..1d26ca94e83
--- /dev/null
+++ b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-prompt.js
@@ -0,0 +1,64 @@
+import{html,PolymerElement}from"../../../@polymer/polymer/polymer-element.js";import{RichTextEditorButton}from"./rich-text-editor-button.js";import"../../es-global-bridge/es-global-bridge.js";import"../../a11y-collapse/a11y-collapse.js";import"../../../@polymer/paper-input/paper-input.js";class RichTextEditorPrompt extends RichTextEditorButton{static get template(){return html`
+      <style include="rich-text-editor-styles"></style>
+      <iron-a11y-keys
+        id="a11y"
+        target="[[__a11y]]"
+        keys="enter"
+        on-keys-pressed="_buttonTap"
+      >
+      </iron-a11y-keys>
+      <a11y-collapse
+        id="collapse"
+        accordion
+        disabled$="[[disabled]]"
+        icon="arrow-drop-down"
+        label="toggle info"
+        on-collapse="_selectionFocus"
+        on-expand="_inputFocus"
+        tooltip$="[[__label]]"
+      >
+        <div id="heading" slot="heading">
+          <iron-icon
+            id="icon"
+            aria-hidden
+            icon$="[[_regOrToggled(icon,toggledIcon,toggled)]]"
+          >
+          </iron-icon>
+          <span id="label" class$="[[labelStyle]]"></span>
+        </div>
+        <div id="prompt" slot="content">
+          <paper-input
+            id="input"
+            label$="[[prompt]]"
+            placeholder="http://www.google.com"
+            type="text"
+            value=""
+          >
+          </paper-input>
+          <paper-button
+            id="cancel"
+            class="confirm-or-cancel"
+            controls="[[controls]]"
+            disabled$="[[disabled]]"
+            label="Cancel"
+            on-tap="_cancel"
+            tabindex="0"
+          >
+            <iron-icon aria-hidden icon="clear"> </iron-icon>
+          </paper-button>
+          <paper-button
+            id="button"
+            class="confirm-or-cancel"
+            controls="[[controls]]"
+            disabled$="[[disabled]]"
+            label="Ok"
+            on-tap="_confirm"
+            tabindex="0"
+          >
+            <iron-icon id="icon" aria-hidden icon="done"> </iron-icon>
+          </paper-button>
+        </div>
+      </a11y-collapse>
+      <paper-tooltip id="tooltipCancel" for="cancel">Cancel</paper-tooltip>
+      <paper-tooltip id="tooltipOk" for="button">Ok</paper-tooltip>
+    `}static get properties(){return{prompt:{name:"prompt",type:"String",value:"Value"},__delayRestore:{name:"__delayRestore",type:"Boolean",value:!0,readOnly:!0}}}static get tag(){return"rich-text-editor-prompt"}ready(){super.ready();this}_inputFocus(){let sel=window.getSelection(),temp=this.selection;console.log("_preserveSelection",sel,temp);this.$.input.focus()}_selectionFocus(){this.$.input.value=null;console.log("_selectionFocus",this.$.input.value)}_cancel(){console.log("_confirm",this.selection);this.$.collapse.collapse()}_confirm(){console.log("_confirm",this.selection,this.$.input.value);this.$.collapse.collapse()}}window.customElements.define(RichTextEditorPrompt.tag,RichTextEditorPrompt);export{RichTextEditorPrompt};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-styles.js b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-styles.js
index 8de7bbc78fd..80988ccf3d7 100644
--- a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-styles.js
+++ b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/lib/rich-text-editor-styles.js
@@ -3,13 +3,53 @@ import{html,PolymerElement}from"../../../@polymer/polymer/polymer-element.js";co
     :host([hidden]) {
       display: none;
     }
+    :host(rich-text-editor-picker),
     :host(rich-text-editor-emoji-picker),
     :host(rich-text-editor-symbol-picker) {
+      --simple-picker-icon-transform: rotate(0deg);
+      --simple-picker-expanded-icon-transform: rotate(0deg);
       --simple-picker-option: {
         width: 24px;
         max-width: 24px;
       }
     }
+    :host #collapse {
+      --a11y-collapse-margin: 0 3px;
+      --a11y-collapse-horizontal-padding: 10px;
+      --a11y-collapse-vertical-padding: 5px;
+      --a11y-collapse-border: var(--rich-text-editor-bg);
+      --a11y-collapse: {
+        position: relative;
+      }
+      --a11y-collapse-icon-rotated: {
+        transform: rotate(0deg);
+      }
+      --a11y-collapse-content: {
+        position: absolute;
+        top: 26px;
+        background: white;
+        z-index: 9999;
+      }
+      --a11y-collapse-content-expanded: {
+        border: 1px solid var(--rich-text-editor-button-color);
+        box-shadow: 0px 0px 1px #888;
+      }
+    }
+    :host paper-tooltip {
+      z-index: 99999;
+    }
+    :host #prompt {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+    }
+    :host #prompt paper-input {
+      width: 200px;
+      padding: 0;
+    }
+    :host .confirm-or-cancel {
+      min-width: 40px;
+    }
     :host #button {
       text-transform: unset;
       padding: 0;
@@ -20,7 +60,8 @@ import{html,PolymerElement}from"../../../@polymer/polymer/polymer-element.js";co
       border-color: var(--rich-text-editor-button-border);
       --simple-picker-color: var(--rich-text-editor-button-color);
       --simple-picker-background-color: var(--rich-text-editor-bg);
-      --simple-picker-border-color: var(--rich-text-editor-picker-border);
+      --simple-picker-sample-border-color: var(--rich-text-editor-bg);
+      --simple-picker-border-color: var(--rich-text-editor-button-color);
       --simple-picker-icon-tranform: rotate(0deg);
       --simple-picker-expanded-icon-tranform: rotate(-90deg);
       --simple-picker-option-null: {
diff --git a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/rich-text-editor.js b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/rich-text-editor.js
index 0b8db08bf16..c4b1de25b25 100644
--- a/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/rich-text-editor.js
+++ b/build/es6/node_modules/@lrnwebcomponents/rich-text-editor/rich-text-editor.js
@@ -1,107 +1,92 @@
-import{html,PolymerElement}from"../../@polymer/polymer/polymer-element.js";import{HAXWiring}from"../hax-body-behaviors/lib/HAXWiring.js";import{ResponsiveUtility}from"../responsive-utility/responsive-utility.js";import"./lib/rich-text-editor-button.js";import"./lib/rich-text-editor-more-button.js";import"./lib/rich-text-editor-heading-picker.js";import"./lib/rich-text-editor-symbol-picker.js";import"../../@polymer/iron-icons/iron-icons.js";import"../../@polymer/iron-icons/editor-icons.js";import"../../@polymer/iron-icons/image-icons.js";import"../md-extra-icons/md-extra-icons.js";class RichTextEditor extends PolymerElement{static get template(){return html`
-      <style>
-        :host {
-          display: block;
-          width: 100%;
-          margin: 0;
-          padding: 0;
-          z-index: 9999;
-          --rich-text-editor-bg: #fafafa;
-          --rich-text-editor-button-color: #444;
-          --rich-text-editor-border: 1px solid #ddd;
-          --rich-text-editor-button-border: transparent;
-          --rich-text-editor-button-disabled-color: #666;
-          --rich-text-editor-button-disabled-bg: transparent;
-          --rich-text-editor-button-toggled-color: #222;
-          --rich-text-editor-button-toggled-bg: #d8d8d8;
-          --rich-text-editor-button-hover-color: #000;
-          --rich-text-editor-button-hover-bg: #f0f0f0;
-          --rich-text-editor-picker-border: #ccc;
-          @apply --rich-text-editor;
-        }
-        :host([sticky]) {
-          position: sticky;
-          top: 0;
-        }
-        :host #toolbar {
-          display: flex;
-          opacity: 1;
-          margin: 0;
-          align-items: stretch;
-          flex-wrap: wrap;
-          justify-content: flex-start;
-          background-color: var(--rich-text-editor-bg);
-          border: var(--rich-text-editor-border);
-          font-size: 12px;
-          transition: all 0.5s;
-          @apply --rich-text-editor-toolbar;
-        }
-        :host #toolbar[aria-hidden] {
-          visibility: hidden;
-          opacity: 0;
-          height: 0;
-        }
-        :host #toolbar .group {
-          display: flex;
-          flex-wrap: nowrap;
-          justify-content: space-evenly;
-          align-items: stretch;
-          padding: 0 3px;
-          @apply --rich-text-editor-toolbar-group;
-        }
-        :host #toolbar .group:not(:last-of-type) {
-          margin-right: 3px;
-          border-right: var(--rich-text-editor-border);
-          @apply --rich-text-editor-toolbar-divider;
-        }
-        :host #toolbar .button {
-          display: flex;
-          flex: 0 0 auto;
-          align-items: stretch;
-          margin: 3px;
-        }
-        :host #toolbar #morebutton {
-          flex: 1 0 auto;
-          justify-content: flex-end;
-        }
+import{html,PolymerElement}from"../../@polymer/polymer/polymer-element.js";import{HAXWiring}from"../hax-body-behaviors/lib/HAXWiring.js";import{ResponsiveUtility}from"../responsive-utility/responsive-utility.js";import"./lib/rich-text-editor-button.js";import"./lib/rich-text-editor-more-button.js";import"./lib/rich-text-editor-heading-picker.js";import"./lib/rich-text-editor-symbol-picker.js";import"./lib/rich-text-editor-link.js";import"../../@polymer/iron-icons/iron-icons.js";import"../../@polymer/iron-icons/editor-icons.js";import"../../@polymer/iron-icons/image-icons.js";import"../md-extra-icons/md-extra-icons.js";class RichTextEditor extends PolymerElement{static get template(){return html`
+<style>:host {
+  display: block;
+  width: 100%;
+  margin: 0;
+  padding: 0;
+  z-index: 9999;
+  --rich-text-editor-bg: #fafafa;
+  --rich-text-editor-button-color: #444;
+  --rich-text-editor-border: 1px solid #ddd;
+  --rich-text-editor-button-border: transparent;
+  --rich-text-editor-button-disabled-color: #666;
+  --rich-text-editor-button-disabled-bg: transparent;
+  --rich-text-editor-button-toggled-color: #222;
+  --rich-text-editor-button-toggled-bg: #ddd;
+  --rich-text-editor-button-hover-color: #000;
+  --rich-text-editor-button-hover-bg: #f0f0f0;
+  --rich-text-editor-picker-border: #fafafa;
+  @apply --rich-text-editor;
+}
+:host([sticky]) {
+  position: sticky;
+  top: 0;
+}
+:host #toolbar {
+  display: flex;
+  opacity: 1;
+  margin: 0;
+  align-items: stretch;
+  flex-wrap: wrap;
+  justify-content: flex-start;
+  background-color: var(--rich-text-editor-bg);
+  border: var(--rich-text-editor-border);
+  font-size: 12px;
+  transition: all 0.5s;
+  @apply --rich-text-editor-toolbar;
+} 
+:host #toolbar[aria-hidden]{
+  visibility: hidden;
+  opacity: 0;
+  height: 0;
+}
+:host #toolbar .group {
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: space-evenly;
+  align-items: stretch;
+  padding: 0 3px;
+  @apply --rich-text-editor-toolbar-group;
+}
+:host #toolbar .group:not(:last-of-type) {
+  margin-right: 3px;
+  border-right: var(--rich-text-editor-border);
+  @apply --rich-text-editor-toolbar-divider;
+}
+:host #toolbar .button {
+  display: flex;
+  flex: 0 0 auto;
+  align-items: stretch;
+  margin: 3px;
+}
+:host #toolbar #morebutton {
+  flex: 1 0 auto;
+  justify-content: flex-end;
+}
 
-        :host([responsive-size="xs"]) #morebutton[collapse-max="xs"],
-        :host([responsive-size="sm"]) #morebutton[collapse-max*="s"],
-        :host([responsive-size="md"]) #morebutton:not([collapse-max*="l"]),
-        :host([responsive-size="lg"]) #morebutton:not([collapse-max="xl"]),
-        :host([responsive-size="xl"]) #morebutton,
-        :host([responsive-size="xs"])
-          #toolbar[collapsed]
-          *[collapsed-until*="m"],
-        :host([responsive-size="xs"])
-          #toolbar[collapsed]
-          *[collapsed-until*="l"],
-        :host([responsive-size="sm"])
-          #toolbar[collapsed]
-          *[collapsed-until="md"],
-        :host([responsive-size="sm"])
-          #toolbar[collapsed]
-          *[collapsed-until*="l"],
-        :host([responsive-size="md"])
-          #toolbar[collapsed]
-          *[collapsed-until*="l"],
-        :host([responsive-size="lg"])
-          #toolbar[collapsed]
-          *[collapsed-until="xl"] {
-          display: none;
-        }
-      </style>
-      <div id="toolbar" aria-hidden$="[[!controls]]" collapsed$="[[collapsed]]">
-        <rich-text-editor-more-button
-          id="morebutton"
-          class="button"
-          controls="toolbar"
-          icon="more-vert"
-          label="More buttons"
-          label-toggled="Fewer buttons"
-          toggled$="[[!collapsed]]"
-          on-tap="_toggleMore"
-        >
-        </rich-text-editor-more-button>
-      </div>
-    `}static get haxProperties(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Rich text-editor",description:"a standalone rich text editor",icon:"icons:android",color:"green",groups:["Text"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"nikkimk",owner:"Penn State University"}},settings:{quick:[],configure:[{property:"title",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"}],advanced:[]}}}static get properties(){return{buttons:{name:"buttons",type:"Array",computed:"_getButtons(config)"},canceled:{name:"canceled",type:"Object",value:!0},collapsed:{name:"collapsed",type:"Boolean",value:!0},config:{name:"config",type:"Object",value:[{label:"History",type:"button-group",buttons:[{command:"undo",icon:"undo",label:"Undo",type:"rich-text-editor-button"},{command:"redo",icon:"redo",label:"Redo",type:"rich-text-editor-button"}]},{label:"Basic Inline Operations",type:"button-group",buttons:[{label:"Heading",type:"rich-text-editor-heading-picker"},{command:"bold",icon:"editor:format-bold",label:"Bold",toggles:!0,type:"rich-text-editor-button"},{command:"italic",icon:"editor:format-italic",label:"Italics",toggles:!0,type:"rich-text-editor-button"},{command:"removeFormat",icon:"editor:format-clear",label:"Erase Format",type:"rich-text-editor-button"}]},{label:"Links",type:"button-group",buttons:[{command:"link",icon:"link",label:"Link",toggledCommand:"unlink",toggledIcon:"mdextra:unlink",toggledLabel:"Unink",toggles:!0,type:"rich-text-editor-button"}]},{label:"Clipboard Operations",type:"button-group",buttons:[{command:"cut",icon:"content-cut",label:"Cut",type:"rich-text-editor-button"},{command:"copy",icon:"content-copy",label:"Copy",type:"rich-text-editor-button"},{command:"paste",icon:"content-paste",label:"Paste",type:"rich-text-editor-button"}]},{collapsedUntil:"md",label:"Subscript and Superscript",type:"button-group",buttons:[{command:"subscript",icon:"mdextra:subscript",label:"Subscript",toggles:!0,type:"rich-text-editor-button"},{command:"superscript",icon:"mdextra:superscript",label:"Superscript",toggles:!0,type:"rich-text-editor-button"}]},{collapsedUntil:"sm",icon:"editor:functions",label:"Insert Symbol",symbolTypes:["symbols"],type:"rich-text-editor-symbol-picker"},{collapsedUntil:"sm",label:"Lists and Indents",type:"button-group",buttons:[{command:"insertOrderedList",icon:"editor:format-list-numbered",label:"Ordered List",toggles:!0,type:"rich-text-editor-button"},{command:"insertUnorderedList",icon:"editor:format-list-bulleted",label:"Unordered List",toggles:!0,type:"rich-text-editor-button"},{collapsedUntil:"lg",command:"formatBlock",commandVal:"blockquote",label:"Blockquote",icon:"editor:format-quote",type:"rich-text-editor-button"},{label:"Increase Indent",icon:"editor:format-indent-increase",event:"text-indent",command:"indent",type:"rich-text-editor-button"},{label:"Decrease Indent",icon:"editor:format-indent-decrease",event:"text-outdent",command:"outdent",type:"rich-text-editor-button"}]}]},controls:{name:"controls",type:"String",value:null},editableElements:{name:"editableElements",type:"Array",value:[]},editableElement:{name:"editableElement",type:"Object",value:null},responsiveSize:{name:"responsiveSize",type:"String",value:"xs",reflectToAttribute:!0},savedSelection:{name:"savedSelection",type:"Object",value:null},selection:{name:"selection",type:"Object",value:null},sticky:{name:"sticky",type:"Boolean",value:!1,reflectToAttribute:!0}}}static get tag(){return"rich-text-editor"}connectedCallback(){super.connectedCallback();let root=this;window.ResponsiveUtility.requestAvailability();window.dispatchEvent(new CustomEvent("responsive-element",{detail:{element:root,attribute:"responsive-size",relativeToParent:!0}}));document.designMode="on";document.addEventListener("selectionchange",function(){root.getUpdatedSelection()})}disconnectedCallback(){super.disconnectedCallback();let root=this;document.removeEventListener("selectionchange",function(){root.getUpdatedSelection()})}cancel(){this.editableElement.innerHTML=this.canceled;this.editTarget(null)}editTarget(editableElement){let root=this;if(editableElement.getAttribute("id")===void 0||null===editableElement.getAttribute("id"))editableElement.setAttribute("id",root._generateUUID());if(root.editableElement!==editableElement){if(null!==root.editableElement){root.editableElement.contentEditable=!1;root.editableElement=null}editableElement.parentNode.insertBefore(root,editableElement);root.editableElement=editableElement;root.canceled=editableElement.innerHTML;root.editableElement.contentEditable=!0;root.controls=editableElement.getAttribute("id")}}getUpdatedSelection(){let root=this;root.selection=root.editableElement===void 0||null===root.editableElement?null:root.editableElement.getSelection?root.editableElement.getSelection():root._getRange();this.buttons.forEach(function(button){button.selection=null;button.selection=root.selection})}removeEditableRegion(editableElement){let root=this;for(let i=0,item;i<this.editableElements.length;i++){item=this.editableElements[i];if(item[0]===editableElement){item[0].removeEventListener("click",function(){root.editTarget(editableElement)});editableElement.removeEventListener("blur",function(){root.getUpdatedSelection()});editableElement.removeEventListener("mouseout",function(){root.getUpdatedSelection()});item[1].disconnect();this.set("editableElements",this.editableElements.splice(i,1))}}}addEditableRegion(editableElement){let root=this,observer=new MutationObserver(function(){root.getUpdatedSelection()});editableElement.addEventListener("click",function(){root.editTarget(editableElement)});editableElement.addEventListener("blur",function(){root.getUpdatedSelection()});editableElement.addEventListener("mouseout",function(){root.getUpdatedSelection()});observer.observe(editableElement,{attributes:!1,childList:!0,subtree:!0,characterData:!1});console.log(this.editableElements,editableElement);root.push("editableElements",[editableElement,observer])}_addButton(child,parent){let root=this,button=document.createElement(child.type);for(var key in child){button[key]=child[key]}button.setAttribute("class","button");button.addEventListener("mousedown",function(e){e.preventDefault();root._preserveSelection(button)});button.addEventListener("keydown",function(e){e.preventDefault();root._preserveSelection(button)});button.addEventListener("deselect",function(){root._getRange().collapse(!1)});parent.appendChild(button);return button}_generateUUID(){return"ss-s-s-s-sss".replace(/s/g,this._uuidPart)}_getButtons(config){let root=this,toolbar=root.$.toolbar,more=this.$.morebutton,max=0,sizes=["xs","sm","md","lg","xl"],temp=[];toolbar.innerHTML="";config.forEach(function(item){var _Mathmax=Math.max;if("button-group"===item.type){let group=document.createElement("div");group.setAttribute("class","group");if(item.collapsedUntil!==void 0&&null!==item.collapsedUntil)group.setAttribute("collapsed-until",item.collapsedUntil);max=_Mathmax(max,sizes.indexOf(item.collapsedUntil));item.buttons.forEach(function(button){max=_Mathmax(max,sizes.indexOf(button.collapsedUntil));temp.push(root._addButton(button,group))});toolbar.appendChild(group)}else{max=_Mathmax(max,sizes.indexOf(item.collapsedUntil));temp.push(root._addButton(item,toolbar))}toolbar.appendChild(more);more.collapseMax=sizes[max]});return temp}_getRange(){let sel=window.getSelection();if(sel.getRangeAt&&sel.rangeCount){return sel.getRangeAt(0)}else if(sel){return sel}else;}_preserveSelection(){let sel=window.getSelection(),temp=this.selection;this.buttons.forEach(function(button){button.selection=temp});sel.removeAllRanges();sel.addRange(temp)}_toggleMore(){this.collapsed=!this.collapsed}_uuidPart(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}}export{RichTextEditor};window.customElements.define(RichTextEditor.tag,RichTextEditor);
\ No newline at end of file
+:host([responsive-size="xs"]) #morebutton[collapse-max="xs"],
+:host([responsive-size="sm"]) #morebutton[collapse-max*="s"],
+:host([responsive-size="md"]) #morebutton:not([collapse-max*="l"]),
+:host([responsive-size="lg"]) #morebutton:not([collapse-max="xl"]),
+:host([responsive-size="xl"]) #morebutton,
+
+:host([responsive-size="xs"]) #toolbar[collapsed] *[collapsed-until*="m"],
+:host([responsive-size="xs"]) #toolbar[collapsed] *[collapsed-until*="l"],
+:host([responsive-size="sm"]) #toolbar[collapsed] *[collapsed-until="md"],
+:host([responsive-size="sm"]) #toolbar[collapsed] *[collapsed-until*="l"],
+:host([responsive-size="md"]) #toolbar[collapsed] *[collapsed-until*="l"],
+:host([responsive-size="lg"]) #toolbar[collapsed] *[collapsed-until="xl"] {
+  display: none;
+}</style>
+<div id="toolbar" aria-hidden$="[[!controls]]" collapsed$="[[collapsed]]">
+  <rich-text-editor-more-button
+    id="morebutton"
+    class="button"
+    controls="toolbar"
+    icon="more-vert"
+    label="More buttons"
+    label-toggled="Fewer buttons"
+    toggled$="[[!collapsed]]"
+    on-tap="_toggleMore">
+  </rich-text-editor-more-button>  
+</div>`}static get haxProperties(){return{canScale:!0,canPosition:!0,canEditSource:!1,gizmo:{title:"Rich text-editor",description:"a standalone rich text editor",icon:"icons:android",color:"green",groups:["Text"],handles:[{type:"todo:read-the-docs-for-usage"}],meta:{author:"nikkimk",owner:"Penn State University"}},settings:{quick:[],configure:[{property:"title",description:"",inputMethod:"textfield",required:!1,icon:"icons:android"}],advanced:[]}}}static get properties(){return{buttons:{name:"buttons",type:"Array",computed:"_getButtons(config)"},canceled:{name:"canceled",type:"Object",value:!0},collapsed:{name:"collapsed",type:"Boolean",value:!0},config:{name:"config",type:"Object",value:[{label:"History",type:"button-group",buttons:[{command:"undo",icon:"undo",label:"Undo",type:"rich-text-editor-button"},{command:"redo",icon:"redo",label:"Redo",type:"rich-text-editor-button"}]},{label:"Basic Inline Operations",type:"button-group",buttons:[{label:"Heading",type:"rich-text-editor-heading-picker"},{command:"bold",icon:"editor:format-bold",label:"Bold",toggles:!0,type:"rich-text-editor-button"},{command:"italic",icon:"editor:format-italic",label:"Italics",toggles:!0,type:"rich-text-editor-button"},{command:"removeFormat",icon:"editor:format-clear",label:"Erase Format",type:"rich-text-editor-button"}]},{label:"Links",type:"button-group",buttons:[{command:"link",icon:"link",label:"Link",prompt:"href",toggledCommand:"unlink",toggledIcon:"mdextra:unlink",toggledLabel:"Unink",toggles:!0,type:"rich-text-editor-link"}]},{label:"Clipboard Operations",type:"button-group",buttons:[{command:"cut",icon:"content-cut",label:"Cut",type:"rich-text-editor-button"},{command:"copy",icon:"content-copy",label:"Copy",type:"rich-text-editor-button"},{command:"paste",icon:"content-paste",label:"Paste",type:"rich-text-editor-button"}]},{collapsedUntil:"md",label:"Subscript and Superscript",type:"button-group",buttons:[{command:"subscript",icon:"mdextra:subscript",label:"Subscript",toggles:!0,type:"rich-text-editor-button"},{command:"superscript",icon:"mdextra:superscript",label:"Superscript",toggles:!0,type:"rich-text-editor-button"}]},{collapsedUntil:"sm",icon:"editor:functions",label:"Insert Symbol",symbolTypes:["symbols"],type:"rich-text-editor-symbol-picker"},{collapsedUntil:"sm",label:"Lists and Indents",type:"button-group",buttons:[{command:"insertOrderedList",icon:"editor:format-list-numbered",label:"Ordered List",toggles:!0,type:"rich-text-editor-button"},{command:"insertUnorderedList",icon:"editor:format-list-bulleted",label:"Unordered List",toggles:!0,type:"rich-text-editor-button"},{collapsedUntil:"lg",command:"formatBlock",commandVal:"blockquote",label:"Blockquote",icon:"editor:format-quote",type:"rich-text-editor-button"},{label:"Increase Indent",icon:"editor:format-indent-increase",event:"text-indent",command:"indent",type:"rich-text-editor-button"},{label:"Decrease Indent",icon:"editor:format-indent-decrease",event:"text-outdent",command:"outdent",type:"rich-text-editor-button"}]}]},controls:{name:"controls",type:"String",value:null},editableElements:{name:"editableElements",type:"Array",value:[]},editableElement:{name:"editableElement",type:"Object",value:null},responsiveSize:{name:"responsiveSize",type:"String",value:"xs",reflectToAttribute:!0},savedSelection:{name:"savedSelection",type:"Object",value:null},selection:{name:"selection",type:"Object",value:null},sticky:{name:"sticky",type:"Boolean",value:!1,reflectToAttribute:!0}}}static get tag(){return"rich-text-editor"}connectedCallback(){super.connectedCallback();let root=this;window.ResponsiveUtility.requestAvailability();window.dispatchEvent(new CustomEvent("responsive-element",{detail:{element:root,attribute:"responsive-size",relativeToParent:!0}}));document.designMode="on";document.addEventListener("selectionchange",()=>{root.getUpdatedSelection()})}disconnectedCallback(){super.disconnectedCallback();let root=this;document.removeEventListener("selectionchange",()=>{root.getUpdatedSelection()})}cancel(){this.editableElement.innerHTML=this.canceled;this.editTarget(null)}editTarget(editableElement){let root=this;if(editableElement.getAttribute("id")===void 0||null===editableElement.getAttribute("id"))editableElement.setAttribute("id",root._generateUUID());if(root.editableElement!==editableElement){if(null!==root.editableElement){root.editableElement.contentEditable=!1;root.editableElement=null}editableElement.parentNode.insertBefore(root,editableElement);root.editableElement=editableElement;root.canceled=editableElement.innerHTML;root.editableElement.contentEditable=!0;root.controls=editableElement.getAttribute("id")}}getUpdatedSelection(){let root=this;root.selection=root.editableElement===void 0||null===root.editableElement?null:root.editableElement.getSelection?root.editableElement.getSelection():root._getRange();this.buttons.forEach(button=>{button.selection=null;button.selection=root.selection})}removeEditableRegion(editableElement){let root=this;for(let i=0,item;i<this.editableElements.length;i++){item=this.editableElements[i];if(item[0]===editableElement){item[0].removeEventListener("click",()=>{root.editTarget(editableElement)});editableElement.removeEventListener("blur",()=>{root.getUpdatedSelection()});editableElement.removeEventListener("mouseout",()=>{root.getUpdatedSelection()});item[1].disconnect();this.set("editableElements",this.editableElements.splice(i,1))}}}addEditableRegion(editableElement){let root=this,observer=new MutationObserver(()=>{root.getUpdatedSelection()});editableElement.addEventListener("click",()=>{root.editTarget(editableElement)});editableElement.addEventListener("blur",()=>{root.getUpdatedSelection()});editableElement.addEventListener("mouseout",()=>{root.getUpdatedSelection()});observer.observe(editableElement,{attributes:!1,childList:!0,subtree:!0,characterData:!1});root.push("editableElements",[editableElement,observer])}_addButton(child,parent){let root=this,button=document.createElement(child.type);for(var key in child){button[key]=child[key]}button.setAttribute("class","button");button.addEventListener("deselect",()=>{console.log("deselect");root._getRange().collapse(!1)});parent.appendChild(button);return button}_generateUUID(){return"ss-s-s-s-sss".replace(/s/g,this._uuidPart)}_getButtons(config){let root=this,toolbar=root.$.toolbar,more=this.$.morebutton,max=0,sizes=["xs","sm","md","lg","xl"],temp=[];toolbar.innerHTML="";config.forEach(item=>{var _Mathmax=Math.max;if("button-group"===item.type){let group=document.createElement("div");group.setAttribute("class","group");if(item.collapsedUntil!==void 0&&null!==item.collapsedUntil)group.setAttribute("collapsed-until",item.collapsedUntil);max=_Mathmax(max,sizes.indexOf(item.collapsedUntil));item.buttons.forEach(button=>{max=_Mathmax(max,sizes.indexOf(button.collapsedUntil));temp.push(root._addButton(button,group))});toolbar.appendChild(group)}else{max=_Mathmax(max,sizes.indexOf(item.collapsedUntil));temp.push(root._addButton(item,toolbar))}toolbar.appendChild(more);more.collapseMax=sizes[max]});return temp}_getRange(){let sel=window.getSelection();if(sel.getRangeAt&&sel.rangeCount){return sel.getRangeAt(0)}else if(sel){return sel}else;}_preserveSelection(){let sel=window.getSelection(),temp=this.selection;this.buttons.forEach(button=>{button.selection=temp});sel.removeAllRanges();sel.addRange(temp)}_toggleMore(){this.collapsed=!this.collapsed}_uuidPart(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}}export{RichTextEditor};window.customElements.define(RichTextEditor.tag,RichTextEditor);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-picker/simple-picker.js b/build/es6/node_modules/@lrnwebcomponents/simple-picker/simple-picker.js
index 55c4e66648b..779598941db 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-picker/simple-picker.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-picker/simple-picker.js
@@ -54,11 +54,14 @@ import{html,PolymerElement}from"../../@polymer/polymer/polymer-element.js";impor
           border-radius: 2px;
           background-color: var(--simple-picker-background-color, #ddd);
           border: 1px solid
-            var(--simple-picker-border-color, var(--simple-picker-color));
+            var(
+              --simple-picker-sample-border-color,
+              var(--simple-picker-border-color, var(--simple-picker-color))
+            );
         }
 
         :host #icon {
-          transform: var(--simple-picker-icon-tranform, rotate(-90deg));
+          transform: var(--simple-picker-icon-tranform, rotate(0deg));
           transition: transform 0.25s;
         }
 
diff --git a/dist/dev.html b/dist/dev.html
index 4ff4177912e..a47e079f3d1 100644
--- a/dist/dev.html
+++ b/dist/dev.html
@@ -107,7 +107,7 @@
       "login": "dist\/dev\/login.json",
       "logout": "dist\/dev\/logout.json",
       "saveNodePath": "dist\/dev\/saveNode.json",
-      "saveManifestPath": "dist\/dev\/saveNode.json",
+      "saveManifestPath": "dist\/dev\/saveManifestPath.json",
       "createNodePath": "dist\/dev\/saveNode.json",
       "deleteNodePath": "dist\/dev\/saveNode.json",
       "saveOutlinePath": "dist\/dev\/saveNode.json",
diff --git a/dist/dev/getSiteFieldsPath.json b/dist/dev/getSiteFieldsPath.json
index b3c11bb30db..f04139adb15 100644
--- a/dist/dev/getSiteFieldsPath.json
+++ b/dist/dev/getSiteFieldsPath.json
@@ -24,13 +24,15 @@
       },
       {
         "property": "image",
-        "description": "Banner / image for the site",
+        "title": "Banner",
+        "description": "Main image for the site",
         "inputMethod": "haxupload",
         "required": false,
         "icon": "image:image"
       },
       {
         "property": "cssVariable",
+        "title": "Color",
         "description": "A base accent color for the site",
         "inputMethod": "colorpicker",
         "required": true,
@@ -38,6 +40,7 @@
       },
       {
         "property": "theme",
+        "title": "Theme",
         "description": "Page theme",
         "inputMethod": "select",
         "required": false,
@@ -46,6 +49,7 @@
       },
       {
         "property": "icon",
+        "title": "Icon",
         "description": "Icon to represent the site",
         "inputMethod": "iconpicker",
         "required": false,
@@ -54,12 +58,93 @@
       }
     ],
     "advanced": [
+      {
+        "property": "fields",
+        "title": "Custom Fields",
+        "description": "Store relational data about fields",
+        "required": false,
+        "icon": "icons:group-work",
+        "inputMethod": "array",
+        "properties": [
+          {
+            "property": "formgroup",
+            "title": "Form group",
+            "description": "Which tab will users input values",
+            "inputMethod": "select",
+            "required": true,
+            "options": {
+              "configure": "Configure",
+              "advanced": "Advanced"
+            },
+            "icon": "link"
+          },
+          {
+            "property": "inputMethod",
+            "title": "Input method",
+            "description": "How users can enter data for this field",
+            "inputMethod": "select",
+            "options": {
+              "textfield": "Textfield",
+              "number": "Number",
+              "boolean": "Checkbox",
+              "haxupload": "File upload",
+              "colorpicker": "Color picker",
+              "iconpicker": "Icon picker",
+              "code-editor": "Code editor",
+              "alt": "Alt text",
+              "datepicker": "Date picker",
+              "textarea": "Text area",
+              "flipboolean": "Checkbox (inverted)",
+              "select": "Select list",
+              "array": "Array"
+            },
+            "icon": "link"
+          },
+          {
+            "property": "property",
+            "title": "Machine name",
+            "description": "Field machine name for storage",
+            "inputMethod": "textfield",
+            "required": true
+          },
+          {
+            "property": "title",
+            "title": "Name",
+            "description": "Readable name of the field",
+            "inputMethod": "textfield",
+            "required": true
+          },
+          {
+            "property": "description",
+            "title": "Description",
+            "description": "additional details about the field data",
+            "inputMethod": "textfield",
+            "required": false
+          },
+          {
+            "property": "required",
+            "title": "Required",
+            "description": "Is this field required",
+            "inputMethod": "boolean",
+            "required": false
+          },
+          {
+            "property": "icon",
+            "title": "Icon",
+            "description": "Optional icon to represent this field",
+            "inputMethod": "iconpicker",
+            "required": false
+          }
+        ]
+      },
       {
         "property": "license",
         "title": "License",
         "description": "The source url for the element this is citing.",
         "inputMethod": "select",
-        "options": {},
+        "options": {
+          "by-nc-nd": "Attribution no commercial, no dirivative"
+        },
         "icon": "link"
       },
       {
diff --git a/dist/dev/saveManifestPath.json b/dist/dev/saveManifestPath.json
new file mode 100644
index 00000000000..1aba2b28716
--- /dev/null
+++ b/dist/dev/saveManifestPath.json
@@ -0,0 +1,65 @@
+{
+    "file": "\/var\/www\/html\/_sites\/neato\/site.json",
+    "id": "6048ae14-a9d7-4be2-b687-6cf460df67be",
+    "title": "neato",
+    "author": "",
+    "description": "cool beans",
+    "license": "by-sa",
+    "metadata": {
+        "siteName": "neato",
+        "domain": "https:\/\/btopro.github.io\/neato",
+        "created": 1554178142,
+        "updated": 1554206147,
+        "theme": {
+            "element": "learn-two-theme",
+            "path": "@lrnwebcomponents\/learn-two-theme\/learn-two-theme.js",
+            "name": "Learn"
+        },
+        "image": "assets\/banner.jpg",
+        "hexCode": "#aeff00",
+        "cssVariable": "purple",
+        "publishing": {
+            "git": {
+                "vendor": "github",
+                "branch": "gh-pages",
+                "url": "git@github.com:elmsln\/neato.git",
+                "cdn": "cdn.waxam.io"
+            }
+        },
+        "dynamicElementLoader": {
+            "a11y-gif-player": "@lrnwebcomponents\/a11y-gif-player\/a11y-gif-player.js",
+            "citation-element": "@lrnwebcomponents\/citation-element\/citation-element.js",
+            "hero-banner": "@lrnwebcomponents\/hero-banner\/hero-banner.js",
+            "image-compare-slider": "@lrnwebcomponents\/image-compare-slider\/image-compare-slider.js",
+            "license-element": "@lrnwebcomponents\/license-element\/license-element.js",
+            "lrn-aside": "@lrnwebcomponents\/lrn-aside\/lrn-aside.js",
+            "lrn-calendar": "@lrnwebcomponents\/lrn-calendar\/lrn-calendar.js",
+            "lrn-math": "@lrnwebcomponents\/lrn-math\/lrn-math.js",
+            "lrn-table": "@lrnwebcomponents\/lrn-table\/lrn-table.js",
+            "lrn-vocab": "@lrnwebcomponents\/lrn-vocab\/lrn-vocab.js",
+            "lrndesign-blockquote": "@lrnwebcomponents\/lrndesign-blockquote\/lrndesign-blockquote.js",
+            "magazine-cover": "@lrnwebcomponents\/magazine-cover\/magazine-cover.js",
+            "media-behaviors": "@lrnwebcomponents\/media-behaviors\/media-behaviors.js",
+            "media-image": "@lrnwebcomponents\/media-image\/media-image.js",
+            "meme-maker": "@lrnwebcomponents\/meme-maker\/meme-maker.js",
+            "grid-plate": "@lrnwebcomponents\/grid-plate\/grid-plate.js",
+            "md-block": "@lrnwebcomponents\/md-block\/md-block.js",
+            "multiple-choice": "@lrnwebcomponents\/multiple-choice\/multiple-choice.js",
+            "paper-audio-player": "@lrnwebcomponents\/paper-audio-player\/paper-audio-player.js",
+            "person-testimonial": "@lrnwebcomponents\/person-testimonial\/person-testimonial.js",
+            "place-holder": "@lrnwebcomponents\/place-holder\/place-holder.js",
+            "q-r": "@lrnwebcomponents\/q-r\/q-r.js",
+            "full-width-image": "@lrnwebcomponents\/full-width-image\/full-width-image.js",
+            "self-check": "@lrnwebcomponents\/self-check\/self-check.js",
+            "simple-concept-network": "@lrnwebcomponents\/simple-concept-network\/simple-concept-network.js",
+            "stop-note": "@lrnwebcomponents\/stop-note\/stop-note.js",
+            "tab-list": "@lrnwebcomponents\/tab-list\/tab-list.js",
+            "task-list": "@lrnwebcomponents\/task-list\/task-list.js",
+            "video-player": "@lrnwebcomponents\/video-player\/video-player.js",
+            "wave-player": "@lrnwebcomponents\/wave-player\/wave-player.js",
+            "wikipedia-query": "@lrnwebcomponents\/wikipedia-query\/wikipedia-query.js",
+            "lrndesign-gallery": "@lrnwebcomponents\/lrndesign-gallery\/lrndesign-gallery.js",
+            "lrndesign-timeline": "@lrnwebcomponents\/lrndesign-timeline\/lrndesign-timeline.js"
+        }
+    }
+}
\ No newline at end of file
diff --git a/system/coreConfig/siteFields.json b/system/coreConfig/siteFields.json
index 0cc2f5f0061..754a310efd3 100644
--- a/system/coreConfig/siteFields.json
+++ b/system/coreConfig/siteFields.json
@@ -2,6 +2,7 @@
   "configure": [
     {
       "property": "title",
+      "title": "Title",
       "description": "Title of the site",
       "inputMethod": "textfield",
       "required": true,
@@ -9,6 +10,7 @@
     },
     {
       "property": "domain",
+      "title": "Domain",
       "description": "Domain of this website",
       "inputMethod": "textfield",
       "required": false,
@@ -16,6 +18,7 @@
     },
     {
       "property": "description",
+      "title": "Description",
       "description": "Simple description of the site",
       "inputMethod": "textfield",
       "required": false,
@@ -23,13 +26,15 @@
     },
     {
       "property": "image",
-      "description": "Banner / image for the site",
+      "title": "Banner",
+      "description": "Image for the site",
       "inputMethod": "haxupload",
       "required": false,
       "icon": "image:image"
     },
     {
-      "property": "color",
+      "property": "cssVariable",
+      "title": "Color",
       "description": "A base accent color for the site",
       "inputMethod": "colorpicker",
       "required": true,
@@ -37,6 +42,7 @@
     },
     {
       "property": "theme",
+      "title": "Theme",
       "description": "Page theme",
       "inputMethod": "select",
       "required": false,
@@ -45,14 +51,93 @@
     },
     {
       "property": "icon",
+      "title": "Icon",
       "description": "Icon to represent the site",
       "inputMethod": "iconpicker",
       "required": false,
-      "icon": "icons:send",
-      "options": {}
+      "icon": "icons:send"
     }
   ],
   "advanced": [
+    {
+      "property": "fields",
+      "title": "Custom Fields",
+      "description": "Store relational data about fields",
+      "required": false,
+      "icon": "icons:group-work",
+      "inputMethod": "array",
+      "properties": [
+        {
+          "property": "formgroup",
+          "title": "Form group",
+          "description": "Which tab will users input values",
+          "inputMethod": "select",
+          "required": true,
+          "options": {
+            "configure": "Configure",
+            "advanced": "Advanced"
+          },
+          "icon": "link"
+        },
+        {
+          "property": "inputMethod",
+          "title": "Input method",
+          "description": "How users can enter data for this field",
+          "inputMethod": "select",
+          "options": {
+            "textfield": "Textfield",
+            "number": "Number",
+            "boolean": "Checkbox",
+            "haxupload": "File upload",
+            "colorpicker": "Color picker",
+            "iconpicker": "Icon picker",
+            "code-editor": "Code editor",
+            "alt": "Alt text",
+            "datepicker": "Date picker",
+            "textarea": "Text area",
+            "flipboolean": "Checkbox (inverted)",
+            "select": "Select list",
+            "array": "Array"
+          },
+          "icon": "link"
+        },
+        {
+          "property": "property",
+          "title": "Machine name",
+          "description": "Field machine name for storage",
+          "inputMethod": "textfield",
+          "required": true
+        },
+        {
+          "property": "title",
+          "title": "Name",
+          "description": "Readable name of the field",
+          "inputMethod": "textfield",
+          "required": true
+        },
+        {
+          "property": "description",
+          "title": "Description",
+          "description": "additional details about the field data",
+          "inputMethod": "textfield",
+          "required": false
+        },
+        {
+          "property": "required",
+          "title": "Required",
+          "description": "Is this field required",
+          "inputMethod": "boolean",
+          "required": false
+        },
+        {
+          "property": "icon",
+          "title": "Icon",
+          "description": "Optional icon to represent this field",
+          "inputMethod": "iconpicker",
+          "required": false
+        }
+      ]
+    },
     {
       "property": "license",
       "title": "License",
diff --git a/system/getSiteFields.php b/system/getSiteFields.php
index d31f24a7fd7..9b63d858a29 100644
--- a/system/getSiteFields.php
+++ b/system/getSiteFields.php
@@ -6,10 +6,9 @@
     header('Content-Type: application/json');
     if ($HAXCMS->validateRequestToken($_POST['token'], 'fields')) {
       $site = $HAXCMS->loadSite($HAXCMS->safePost['siteName']);
-        $schema = $site->loadSiteFieldSchema();
-        header('Status: 200');
-        print json_encode($schema);
-      }
+      $schema = $site->loadSiteFieldSchema();
+      header('Status: 200');
+      print json_encode($schema);
     }
     else {
       header('Status: 403');
diff --git a/system/lib/HAXCMSFile.php b/system/lib/HAXCMSFile.php
index 2d7b428080c..b5a5f809eb0 100644
--- a/system/lib/HAXCMSFile.php
+++ b/system/lib/HAXCMSFile.php
@@ -18,31 +18,47 @@ public function save($upload, $site, $page = NULL) {
       $path = HAXCMS_ROOT . '/' . $HAXCMS->sitesDirectory . '/' . $site->name . '/files/';
       $fullpath = $path . $upload['name'];
       if ($size = file_put_contents($fullpath, $filedata)) {
-        // ensure folders exist
-        try {
+        //@todo make a way of defining these as returns as well as number to take
+        // specialized support for images to do scale and crop stuff automatically
+        if (in_array(mime_content_type($fullpath), array('image/png', 'image/jpeg', 'image/gif'))) {
+          // ensure folders exist
+          try {
             $fileSystem->mkdir($path . 'scale-50');
             $fileSystem->mkdir($path . 'crop-sm');
-        } catch (IOExceptionInterface $exception) {
-            echo "An error occurred while creating your directory at ".$exception->getPath();
+          } catch (IOExceptionInterface $exception) {
+              echo "An error occurred while creating your directory at ". $exception->getPath();
+          }
+          $image = new ImageResize($fullpath);
+          $image
+            ->scale(50)
+            ->save($path . 'scale-50/' . $upload['name'])
+            ->crop(100, 100)
+            ->save($path . 'crop-sm/' . $upload['name']);
+          // fake the file object creation stuff from CMS land
+          $return = array(
+            'file' => array(
+              'path' => $path . 'scale-50/' . $upload['name'],
+              'fullUrl' => $HAXCMS->basePath . $HAXCMS->sitesDirectory . '/' . $site->name . '/files/scale-50/' . $upload['name'],
+              'url' => 'files/scale-50/' . $upload['name'],
+              'type' => mime_content_type($fullpath),
+              'name' => $upload['name'],
+              'size' => $size,
+            )
+          );
+        }
+        else {
+           // fake the file object creation stuff from CMS land
+          $return = array(
+            'file' => array(
+              'path' => $path . $upload['name'],
+              'fullUrl' => $HAXCMS->basePath . $HAXCMS->sitesDirectory . '/' . $site->name . '/files/' . $upload['name'],
+              'url' => 'files/' . $upload['name'],
+              'type' => mime_content_type($fullpath),
+              'name' => $upload['name'],
+              'size' => $size,
+            )
+          );
         }
-        //@todo make a way of defining these as returns as well as number to take
-        $image = new ImageResize($fullpath);
-        $image
-          ->scale(50)
-          ->save($path . 'scale-50/' . $upload['name'])
-          ->crop(100, 100)
-          ->save($path . 'crop-sm/' . $upload['name']);
-        // @todo fake the file object creation stuff from CMS land
-        $return = array(
-          'file' => array(
-            'path' => $path . 'scale-50/' . $upload['name'],
-            'fullUrl' => $HAXCMS->basePath . $HAXCMS->sitesDirectory . '/' . $site->name . '/files/scale-50/' . $upload['name'],
-            'url' => 'files/scale-50/' . $upload['name'],
-            'type' => mime_content_type($fullpath),
-            'name' => $upload['name'],
-            'size' => $size,
-          )
-        );
         if ($page != NULL) {
           // now update the page's metadata to suggest it uses this file. FTW!
           if (!isset($page->metadata->files)) {
diff --git a/system/lib/HAXCMSSite.php b/system/lib/HAXCMSSite.php
index 348bd801f1a..8d8249cd7d0 100644
--- a/system/lib/HAXCMSSite.php
+++ b/system/lib/HAXCMSSite.php
@@ -376,6 +376,8 @@ public function loadSiteFieldSchema() {
       'configure' => array(),
       'advanced' => array()
     );
+    $nodeFields = array(
+    );
     // load core fields
     // it may seem silly but we seek to not brick any usecase so if this file is gone.. don't die
     if (file_exists(HAXCMS_ROOT . '/system/coreConfig/siteFields.json')) {
@@ -442,15 +444,21 @@ public function loadSiteFieldSchema() {
     if (isset($this->manifest->metadata->fields)) {
       if (isset($this->manifest->metadata->fields->configure)) {
         foreach ($this->manifest->metadata->fields->configure as $item) {
-          $fields['configure'][] = $item;
+          $item->formgroup = 'configure';
+          $nodeFields[] = $item;
         }
       }
       if (isset($this->manifest->metadata->fields->advanced)) {
         foreach ($this->manifest->metadata->fields->advanced as $item) {
-          $fields['advanced'][] = $item;
+          $item->formgroup = 'advanced';
+          $nodeFields[] = $item;
         }
       }
     }
+    // icon wasn't required at one point
+    if (!isset($this->manifest->metadata->icon)) {
+      $this->manifest->metadata->icon = '';
+    }
     // core values that live outside of the fields area
     $values = array(
       'title' => $this->manifest->title,
@@ -462,6 +470,7 @@ public function loadSiteFieldSchema() {
       'domain' => $this->manifest->metadata->domain,
       'image' => $this->manifest->metadata->image,
       'cssVariable' => $this->manifest->metadata->cssVariable,
+      'fields' => $nodeFields,
     );
     // now get the field data from the page
     if (isset($this->manifest->metadata->fields)) {
@@ -519,7 +528,7 @@ public function getLicenseData($type = 'select') {
     $data = array();
     if ($type == 'select') {
       foreach ($list as $key => $item) {
-        $data[$key] = $name;
+        $data[$key] = $item['name'];
       }
     }
     return $data;
diff --git a/system/saveFile.php b/system/saveFile.php
index 0288db83d77..ec475dc5f96 100644
--- a/system/saveFile.php
+++ b/system/saveFile.php
@@ -8,13 +8,11 @@
     // update the page's content, using manifest to find it
     // this ensures that writing is always to what the file system
     // determines to be the correct page
-    if ($page = $site->loadNode($HAXCMS->safeGet['nodeId'])) {
-      $status = 403;
-      $upload = $_FILES['file-upload'];
-      $file = new HAXCMSFile();
-      print $file->save($upload, $site, $page);
-      $site->gitCommit('File added: ' . $upload['name']);
-      exit;
-    }
+    $page = $site->loadNode($HAXCMS->safeGet['nodeId']);
+    $upload = $_FILES['file-upload'];
+    $file = new HAXCMSFile();
+    print $file->save($upload, $site, $page);
+    $site->gitCommit('File added: ' . $upload['name']);
+    exit;
   }
 ?>
\ No newline at end of file
diff --git a/system/saveManifest.php b/system/saveManifest.php
index 6f96ebdd1b6..db613c6bd1b 100644
--- a/system/saveManifest.php
+++ b/system/saveManifest.php
@@ -6,29 +6,67 @@
     header('Content-Type: application/json');
     // load the site from name
     $site = $HAXCMS->loadSite($HAXCMS->safePost['siteName']);
-    // update these parts of the manifest to match POST
-    $site->manifest->title = filter_var($_POST['manifest']->title, FILTER_SANITIZE_STRING);
-    $site->manifest->description = filter_var($_POST['manifest']->description, FILTER_SANITIZE_STRING);
-    if (isset($_POST['manifest']->metadata->icon)) {
-      $site->manifest->metadata->icon = filter_var($_POST['manifest']->metadata->icon, FILTER_SANITIZE_STRING);
-    }
-    if (isset($_POST['manifest']->metadata->domain)) {
-      $domain = filter_var($_POST['manifest']->metadata->domain, FILTER_SANITIZE_STRING);
-      // support updating the domain CNAME value
-      if ($site->manifest->metadata->domain != $domain) {
-        $site->manifest->metadata->domain = $domain;
-        @file_put_contents($site->directory . '/' . $site->manifest->metadata->siteName . '/CNAME', $domain);
+    // standard form submit
+    if (isset($_POST['manifest']->title)) {
+      $site->manifest->title = filter_var($_POST['manifest']->title, FILTER_SANITIZE_STRING);
+      $site->manifest->description = filter_var($_POST['manifest']->description, FILTER_SANITIZE_STRING);
+      $site->manifest->metadata->image = filter_var($_POST['manifest']->image, FILTER_SANITIZE_STRING);
+      if (isset($_POST['manifest']->hexCode)) {
+        $site->manifest->metadata->hexCode = filter_var($_POST['manifest']->hexCode, FILTER_SANITIZE_STRING);
+      }
+      $site->manifest->metadata->cssVariable = filter_var($_POST['manifest']->cssVariable, FILTER_SANITIZE_STRING);
+      // update these parts of the manifest to match POST
+      if (isset($_POST['manifest']->icon)) {
+        $site->manifest->metadata->icon = filter_var($_POST['manifest']->icon, FILTER_SANITIZE_STRING);
+      }
+      if (isset($_POST['manifest']->domain)) {
+        $domain = filter_var($_POST['manifest']->domain, FILTER_SANITIZE_STRING);
+        // support updating the domain CNAME value
+        if ($site->manifest->metadata->domain != $domain) {
+          $site->manifest->metadata->domain = $domain;
+          @file_put_contents($site->directory . '/' . $site->manifest->siteName . '/CNAME', $domain);
+        }
+      }
+      // look for a match so we can set the correct data
+      foreach ($HAXCMS->getThemes() as $key => $theme) {
+        if (filter_var($_POST['manifest']->theme, FILTER_SANITIZE_STRING) == $key) {
+          $site->manifest->metadata->theme = $theme;
+        }
       }
     }
-    // look for a match so we can set the correct data
-    foreach ($HAXCMS->getThemes() as $key => $theme) {
-      if (filter_var($_POST['manifest']->metadata->theme, FILTER_SANITIZE_STRING) == $key) {
-        $site->manifest->metadata->theme = $theme;
+    // advanced form submitted
+    if (isset($_POST['manifest']->license)) {
+      $site->manifest->license = filter_var($_POST['manifest']->license, FILTER_SANITIZE_STRING);
+      $site->manifest->author = filter_var($_POST['manifest']->author, FILTER_SANITIZE_STRING);
+    }
+    // more importantly, this is where the field UI stuff is...
+    if (isset($_POST['manifest']->fields)) {
+      $fields = new stdClass();
+      $fields->configure = array();
+      $fields->advanced = array();
+      // establish a fields block
+      $site->manifest->metadata->fields = new stdClass();
+      $site->manifest->metadata->fields->configure = array();
+      $site->manifest->metadata->fields->advanced = array();
+      foreach ($_POST['manifest']->fields as $key => $field) {
+        // ensure formgroup isset, shouldn't be possible..
+        if (!isset($field->formgroup)) {
+          $field->formgroup = 'configure';
+        }
+        $fieldgroup = $field->formgroup;
+        unset($field->formgroup);
+        // another sanity check
+        if ($fieldgroup == 'configure' || $fieldgroup == 'advanced') {
+          array_push($fields->{$fieldgroup}, $field);
+        }
+      }
+      if (count($fields->configure) > 0) {
+        $site->manifest->metadata->fields->configure = $fields->configure;
+      }
+      if (count($fields->advanced) > 0) {
+        $site->manifest->metadata->fields->advanced = $fields->advanced;
       }
     }
-    $site->manifest->metadata->image = filter_var($_POST['manifest']->metadata->image, FILTER_SANITIZE_STRING);
-    $site->manifest->metadata->hexCode = filter_var($_POST['manifest']->metadata->hexCode, FILTER_SANITIZE_STRING);
-    $site->manifest->metadata->cssVariable = filter_var($_POST['manifest']->metadata->cssVariable, FILTER_SANITIZE_STRING);
     $site->manifest->metadata->updated = time();
     $site->manifest->save();
     // now work on HAXCMS layer to match the saved / sanitized data
@@ -38,10 +76,10 @@
     $HAXCMS->outlineSchema->updateItem($item, TRUE);
     $site->gitCommit('Manifest updated');
     // check git remote if it came across as a possible setting
-    if (isset($_POST['manifest']->metadata->git)) {
-      if ((filter_var($_POST['manifest']->metadata->git->url, FILTER_SANITIZE_STRING)) &&
-      (!isset($site->manifest->metadata->git->url) || $site->manifest->metadata->git->url != filter_var($_POST['manifest']->metadata->git->url, FILTER_SANITIZE_STRING))) {
-        $site->gitSetRemote(filter_var($_POST['manifest']->metadata->git->url, FILTER_SANITIZE_STRING));
+    if (isset($_POST['manifest']->git)) {
+      if ((filter_var($_POST['manifest']->git->url, FILTER_SANITIZE_STRING)) &&
+      (!isset($site->manifest->metadata->git->url) || $site->manifest->metadata->git->url != filter_var($_POST['manifest']->git->url, FILTER_SANITIZE_STRING))) {
+        $site->gitSetRemote(filter_var($_POST['manifest']->git->url, FILTER_SANITIZE_STRING));
       }
     }
     header('Status: 200');