From 42e3e416e02669f8679b58033a4926ff3c55db28 Mon Sep 17 00:00:00 2001
From: btopro <btopro@outlook.com>
Date: Wed, 20 Sep 2023 15:28:58 -0400
Subject: [PATCH] https://github.com/elmsln/issues/issues/1691

---
 .../a11y-collapse/lib/a11y-collapse-group.js  |   2 +-
 .../code-editor/lib/code-pen-button.js        |   2 +-
 .../documentation-player.js                   |  20 +-
 .../lib/core/HAXCMSThemeWiring.js             |   2 +-
 .../lib/core/haxcms-editor-builder.js         |   2 +-
 .../lib/core/haxcms-site-builder.js           |   2 +-
 .../lib/core/haxcms-site-editor.js            |   2 +-
 .../lib/core/site-list/haxcms-site-listing.js |   2 +-
 .../active-item/site-active-tags.js           |   7 +-
 .../navigation/site-menu-button.js            |   4 +-
 .../map-menu/lib/map-menu-builder.js          |   4 +-
 .../map-menu/lib/map-menu-header.js           |   5 +-
 .../map-menu/lib/map-menu-item.js             |   7 +-
 .../map-menu/lib/map-menu-submenu.js          |   8 +-
 .../multiple-choice/multiple-choice.js        |  10 +-
 .../lib/page-break.haxProperties.json         |   1 -
 .../page-break/page-break.js                  |   2 +-
 .../play-list/lib/SLStyleManager.js           |   2 +-
 .../@lrnwebcomponents/play-list/lib/dark.css  | 471 +++++++++++++++++
 .../@lrnwebcomponents/play-list/lib/light.css | 472 ++++++++++++++++++
 .../lib/simple-fields-array-item.js           |  47 +-
 .../simple-fields/lib/simple-fields-array.js  |   4 +-
 .../simple-fields/lib/simple-fields-lite.js   |   2 +-
 dist/dev.html                                 |   1 -
 system/boilerplate/site/index.html            | 119 +++--
 25 files changed, 1077 insertions(+), 123 deletions(-)
 create mode 100644 build/es6/node_modules/@lrnwebcomponents/play-list/lib/dark.css
 create mode 100644 build/es6/node_modules/@lrnwebcomponents/play-list/lib/light.css

diff --git a/build/es6/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-group.js b/build/es6/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-group.js
index c02bdd1ae12..c6901639ac7 100644
--- a/build/es6/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-group.js
+++ b/build/es6/node_modules/@lrnwebcomponents/a11y-collapse/lib/a11y-collapse-group.js
@@ -16,4 +16,4 @@ import{LitElement as t,html as e,css as i}from"../../../lit/index.js";import{A11
           --a11y-collapse-margin: 0 0;
           --a11y-collapse-border-between: none;
         }
-      `]}render(){return e` <div class="wrapper"><slot></slot></div> `}constructor(){super(),this.globalOptions={},this.radio=!1,this.__items=[],this.addEventListener("a11y-collapse-attached",(t=>{t.stopPropagation(),t.stopImmediatePropagation(),this._attachItem(t.detail)})),this.addEventListener("a11y-collapse-detached",(t=>{t.stopPropagation(),t.stopImmediatePropagation(),this._detachItem(t.detail)})),this.addEventListener("a11y-collapse-click",(t=>{t.stopPropagation(),t.stopImmediatePropagation(),this.radioToggle(t.detail)})),this.addEventListener("toggle",(t=>{t.stopPropagation(),t.stopImmediatePropagation(),this.radioToggle(t.detail)}))}static get tag(){return"a11y-collapse-group"}static get properties(){return{...super.properties,...s.properties,globalOptions:{type:Object,attribute:"global-options",reflect:!0},radio:{type:Boolean,attribute:"radio"},__items:{type:Array}}}static get haxProperties(){return new URL(`./${this.tag}.haxProperties.json`,import.meta.url).href}get items(){return this.__items}_attachItem(t){this.__items.push(t),Object.keys(A11yCollapseGroup.properties||{}).forEach((e=>this._updateItem(t,e)))}updated(t){t.forEach(((t,e)=>{this.__items.forEach((i=>this._updateItem(i,e,t)))}))}_updateItem(t,e,i=void 0){if("globalOptions"===e||"__items"===e){if(this.globalOptions!=={})for(let e in this.globalOptions)this.globalOptions.hasOwnProperty(e)&&(t[e]=this.globalOptions[e])}else"radio"===e&&this.radio?t.expanded=!1:null===this[e]&&void 0===this[e]||(t[e]=this[e])}_detachItem(t){if(this.__items&&t)for(let e=0;e<this.__items.length;e++)this.__items[e]===t&&this.__items.splice(e,1)}radioToggle(t){if(this.radio&&t.expanded)for(let e=0;e<this.__items.length;e++)this.__items[e]!==t&&this.__items[e].toggle(!1)}}customElements.define(A11yCollapseGroup.tag,A11yCollapseGroup);export{A11yCollapseGroup};
\ No newline at end of file
+      `]}render(){return e` <div class="wrapper"><slot></slot></div> `}constructor(){super(),this.globalOptions={},this.radio=!1,this.__items=[],this.addEventListener("a11y-collapse-attached",(t=>{t.stopPropagation(),t.stopImmediatePropagation(),this._attachItem(t.detail)})),this.addEventListener("a11y-collapse-detached",(t=>{t.stopPropagation(),t.stopImmediatePropagation(),this._detachItem(t.detail)})),this.addEventListener("a11y-collapse-click",(t=>{t.stopPropagation(),t.stopImmediatePropagation(),this.radioToggle(t.detail)})),this.addEventListener("toggle",(t=>{t.stopPropagation(),t.stopImmediatePropagation(),this.radioToggle(t.detail)}))}static get tag(){return"a11y-collapse-group"}static get properties(){return{...super.properties,...s.properties,globalOptions:{type:Object,attribute:"global-options",reflect:!0},radio:{type:Boolean,attribute:"radio"},__items:{type:Array}}}static get haxProperties(){return new URL(`./${this.tag}.haxProperties.json`,import.meta.url).href}get items(){return this.__items}_attachItem(t){this.__items.push(t),Object.keys(A11yCollapseGroup.properties||{}).forEach((e=>this._updateItem(t,e)))}updated(t){t.forEach(((t,e)=>{this.__items.forEach((i=>this._updateItem(i,e,t)))}))}_updateItem(t,e,i=void 0){if("globalOptions"===e||"__items"===e){if(this.globalOptions!={})for(let e in this.globalOptions)this.globalOptions.hasOwnProperty(e)&&(t[e]=this.globalOptions[e])}else"radio"===e&&this.radio?t.expanded=!1:null===this[e]&&void 0===this[e]||(t[e]=this[e])}_detachItem(t){if(this.__items&&t)for(let e=0;e<this.__items.length;e++)this.__items[e]===t&&this.__items.splice(e,1)}radioToggle(t){if(this.radio&&t.expanded)for(let e=0;e<this.__items.length;e++)this.__items[e]!==t&&this.__items[e].toggle(!1)}}customElements.define(A11yCollapseGroup.tag,A11yCollapseGroup);export{A11yCollapseGroup};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/code-editor/lib/code-pen-button.js b/build/es6/node_modules/@lrnwebcomponents/code-editor/lib/code-pen-button.js
index c951efb0021..a140b9c1d9d 100644
--- a/build/es6/node_modules/@lrnwebcomponents/code-editor/lib/code-pen-button.js
+++ b/build/es6/node_modules/@lrnwebcomponents/code-editor/lib/code-pen-button.js
@@ -15,4 +15,4 @@ import{LitElement as t,html as e,css as n}from"../../../lit/index.js";class Code
           part="button"
         />
       </form>
-    `}static get tag(){return"code-pen-button"}firstUpdated(){this.setAttribute("title",this.checkItOut)}constructor(){super(),this.checkItOut="Check it out on codepen",this.endPoint="https://codepen.io/pen/define",this.data={}}updated(t){t.forEach(((t,e)=>{"data"==e&&this[e]&&(this.dataString=this._getDataString(this[e]))}))}static get properties(){return{checkItOut:{type:String,attribute:"check-it-out"},endPoint:{type:String,attribute:"end-point"},dataString:{type:String,attribute:"data-string"},data:{type:Object}}}_getDataString(t){return JSON.stringify(t).replace(/"/g,"&quot;").replace(/'/g,"&apos;")}}customElements.define(CodePenButton.tag,CodePenButton);export{CodePenButton};
\ No newline at end of file
+    `}static get tag(){return"code-pen-button"}firstUpdated(){this.setAttribute("title",this.checkItOut)}constructor(){super(),this.checkItOut="Check it out on codepen",this.endPoint="https://codepen.io/pen/define",this.data={},this.dataString=""}updated(t){t.forEach(((t,e)=>{"data"==e&&this[e]&&""==this.dataString&&(this.dataString=this._getDataString(this[e]))}))}static get properties(){return{checkItOut:{type:String,attribute:"check-it-out"},endPoint:{type:String,attribute:"end-point"},dataString:{type:String,attribute:"data-string"},data:{type:Object}}}_getDataString(t){return JSON.stringify(t).replace(/"/g,"&quot;").replace(/'/g,"&apos;")}}customElements.define(CodePenButton.tag,CodePenButton);export{CodePenButton};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/documentation-player/documentation-player.js b/build/es6/node_modules/@lrnwebcomponents/documentation-player/documentation-player.js
index ebea4e7b3b5..edf8eef9107 100644
--- a/build/es6/node_modules/@lrnwebcomponents/documentation-player/documentation-player.js
+++ b/build/es6/node_modules/@lrnwebcomponents/documentation-player/documentation-player.js
@@ -2,12 +2,20 @@
  * Copyright 2023
  * @license , see License.md for full text.
  */
-import{LitElement as t,html as e,css as r}from"../../lit/index.js";class DocumentationPlayer extends t{constructor(){super()}static get styles(){let t=[];return super.styles&&(t=super.styles),[...t,r`
+import{LitElement as t,html as e,css as i,render as r,nothing as s}from"../../lit/index.js";import"../simple-img/simple-img.js";import"../simple-icon/lib/simple-icon-button-lite.js";import"../play-list/play-list.js";import"../code-sample/code-sample.js";import"../code-editor/lib/code-pen-button.js";import{nodeToHaxElement as n}from"../utils/utils.js";class DocumentationPlayer extends t{constructor(){super(),this.label="",this.haxSchema=[],this.imageUrl="",this.url="",setTimeout((async()=>{for(let t=0;t<this.children.length;t++)this.haxSchema.push(await n(this.children[t]))}),0)}static get properties(){return{label:{type:String},haxSchema:{type:Array,attribute:!1},imageUrl:{type:String,attribute:"image-url"},url:{type:String,attribute:"url"}}}static get styles(){let t=[];return super.styles&&(t=super.styles),[...t,i`
         :host {
           display: block;
         }
-      `]}render(){return e`
-      <div>
-        <slot></slot>
-      </div>
-    `}static get tag(){return"documentation-player"}firstUpdated(t){super.firstUpdated&&super.firstUpdated(t)}updated(t){super.updated&&super.updated(t),t.forEach(((t,e)=>{}))}}customElements.define(DocumentationPlayer.tag,DocumentationPlayer);export{DocumentationPlayer};
\ No newline at end of file
+      `]}_getDataString(t){return JSON.stringify(t).replace(/"/g,"&quot;").replace(/'/g,"&apos;")}codePenData(t){return this._getDataString({title:t,html:this.innerHTML.trim(),head:'<script>window.WCGlobalCDNPath="https://cdn.webcomponents.psu.edu/cdn/";<\/script><script src="https://cdn.webcomponents.psu.edu/cdn/build.js"><\/script>'})}renderPlayListTemplate(){let t=document.createElement("template");r(e`
+        <div>
+            <a href="${this.url}" rel="noopener" target="_blank">${this.label}</a>
+            <simple-img loading="lazy" fetchpriority="low" decoding="async" src="https://screenshoturl.elmsln.vercel.app/api/screenshotUrl?quality=10&amp;render=img&amp;urlToCapture=${this.imageUrl}" alt="" width="300" height="200" quality="80"></simple-img>
+        </div>
+        <div id="codesample"></div>
+        <code-pen-button data-string="${this.codePenData(this.label)}"></code-pen-button>
+        ${this.renderHAXInjectButton()}`,t),this.shadowRoot.querySelector("#contentplayertemplate").appendChild(t),setTimeout((()=>{let t=document.createElement("template");t.innerHTML=this.innerHTML.trim();let e=document.createElement("code-sample");e.innerHTML=t.outerHTML,this.shadowRoot.querySelector("#codesample").appendChild(e)}),10)}render(){return e`<play-list id="contentplayertemplate"></play-list>`}renderHAXInjectButton(){return e`
+        <simple-icon-button-lite
+          icon="settings"
+          @click="${this._injectHAX}"
+        >Insert into your side</simple-icon-button-lite>
+      `}_injectHAX(t){window.dispatchEvent(new CustomEvent("hax-insert",{detail:{value:this.haxSchema}}))}static get tag(){return"documentation-player"}firstUpdated(t){super.firstUpdated&&super.firstUpdated(t),this.renderPlayListTemplate()}}customElements.define(DocumentationPlayer.tag,DocumentationPlayer);export{DocumentationPlayer};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/HAXCMSThemeWiring.js b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/HAXCMSThemeWiring.js
index ec8a0d4eee3..c74ffde13e3 100644
--- a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/HAXCMSThemeWiring.js
+++ b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/HAXCMSThemeWiring.js
@@ -2,4 +2,4 @@
  * Copyright 2019 The Pennsylvania State University
  * @license Apache-2.0, see License.md for full text.
  */
-import{store as e}from"./haxcms-site-store.js";import{autorun as t,toJS as i}from"../../../../mobx/dist/mobx.esm.js";import{varExists as s,varGet as o,localStorageGet as n,localStorageSet as a}from"../../../utils/utils.js";import"../../../simple-colors-shared-styles/simple-colors-shared-styles.js";import"../../../anchor-behaviors/anchor-behaviors.js";const HAXCMSTheme=function(n){return class extends n{constructor(){super(),this.windowControllers=new AbortController,this.HAXCMSThemeSettings={autoScroll:!1,scrollTarget:window},this.__disposer=this.__disposer?this.__disposer:[],this.HAXCMSThemeWiring=new HAXCMSThemeWiring(this)}_colorChanged(e){e&&(this.hexColor=this._getHexColor(e))}_getHexColor(e){let t=e.replace("-text",""),i=window.SimpleColorsStyles.colors;return i[t]?i[t][6]:"#000000"}_editModeChanged(t,i){void 0!==i&&(e.editMode=t,this.__styleReapply())}_contentContainerChanged(e,t){!e||void 0!==t&&null!=t?e&&t?(this.HAXCMSThemeWiring.disconnect(this),this.HAXCMSThemeWiring.connect(this,e)):t&&null==e&&this.HAXCMSThemeWiring.disconnect(this):this.HAXCMSThemeWiring.connect(this,e)}_locationChanged(t,i){if(!t||void 0===t.route)return;if("home"==t.route.name){const t=e.routerManifest.items.find((e=>void 0!==e.id));t&&(e.activeId=t.id)}}connectedCallback(){super.connectedCallback(),setTimeout((()=>{if(0===this.childNodes.length){let t=document.createRange().createContextualFragment(e.activeItemContent);this.appendChild(t)}this.__styleReapply()}),50),t((t=>{this.activeItemContent=i(e.activeItemContent),setTimeout((()=>{this.HAXCMSThemeSettings.autoScroll&&this.shadowRoot&&this.HAXCMSThemeSettings.scrollTarget&&this.HAXCMSThemeSettings.scrollTarget.scrollTo({top:0,left:0})}),10),this.__disposer.push(t)})),t((t=>{this.editMode=i(e.editMode),this.__disposer.push(t)})),t((t=>{this.isLoggedIn=i(e.isLoggedIn),this.__disposer.push(t)})),t((t=>{const n=i(e.manifest);if(n&&s(n,"title")&&(document.title=n.title),n&&s(n,"metadata.theme.variables.cssVariable")){let e=n.metadata.theme.variables.cssVariable.replace("--simple-colors-default-theme-","").split("-");e.pop(),this.accentColor=e.join("-");var a=o(n,"metadata.theme.variables.cssVariable",null);a=null==a?o(n,"metadata.theme.variables.hexCode","#ff0074"):`var(${a})`,document.body.style.setProperty("--haxcms-color",a)}this.__disposer.push(t)})),t((t=>{this._location=i(e.location),this.__disposer.push(t)}))}__styleReapply(){window.dispatchEvent(new Event("resize"))}disconnectedCallback(){for(var e in delete this.contentContainer,this.__disposer)this.__disposer[e].dispose();super.disconnectedCallback()}resetActive(){window.history.pushState(null,null,e.location.baseUrl),window.dispatchEvent(new PopStateEvent("popstate")),this.dispatchEvent(new CustomEvent("haxcms-active-item-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{}}))}}};class HAXCMSThemeWiring{constructor(e,t=!0){window.SimpleColorsSharedStyles.requestAvailability(),t&&null==n("HAXCMSSystemData",null)&&a("HAXCMSSystemData",{})}connect(t,i){this.windowControllers&&this.windowControllers.abort(),this.windowControllers=new AbortController,window.addEventListener("haxcms-active-item-changed",this._activeItemUpdate.bind(t),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-edit-mode-changed",this._globalEditChanged.bind(t),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-trigger-update",this._triggerUpdate.bind(t),{signal:this.windowControllers.signal}),this.cmsSiteEditorInstance&&document.body.appendChild(this.cmsSiteEditorInstance),this.cmsSiteEditorInstance=e.cmsSiteEditorAvailability(),e.cmsSiteEditor.instance.appElement=t,e.cmsSiteEditor.instance.appendTarget=i,e.cmsSiteEditor.instance.appendTarget.appendChild(e.cmsSiteEditor.instance)}disconnect(e){this.windowControllers.abort(),this.cmsSiteEditorInstance&&document.body.appendChild(this.cmsSiteEditorInstance)}_globalEditChanged(e){this.editMode=e.detail}_activeItemUpdate(t){let i=t.detail;if(i&&void 0!==i.id){e.activeId=i.id;const t=new CustomEvent("json-outline-schema-active-item-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:i});this.dispatchEvent(t),void 0!==i.title?document.title=e.routerManifest.title+" - "+i.title:document.title=e.routerManifest.title}else document.title=e.routerManifest.title}_triggerUpdate(e){this.dispatchEvent(new CustomEvent("haxcms-active-item-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{}}))}}export{HAXCMSTheme,HAXCMSThemeWiring};
\ No newline at end of file
+import{store as e}from"./haxcms-site-store.js";import{autorun as t,toJS as i}from"../../../../mobx/dist/mobx.esm.js";import{varExists as s,varGet as o,localStorageGet as n,localStorageSet as a}from"../../../utils/utils.js";import"../../../simple-colors-shared-styles/simple-colors-shared-styles.js";import"../../../anchor-behaviors/anchor-behaviors.js";const HAXCMSTheme=function(n){return class extends n{constructor(){super(),this.windowControllers=new AbortController,this.HAXCMSThemeSettings={autoScroll:!1,scrollTarget:window},this.__disposer=this.__disposer?this.__disposer:[],this.HAXCMSThemeWiring=new HAXCMSThemeWiring(this)}_colorChanged(e){e&&(this.hexColor=this._getHexColor(e))}_getHexColor(e){let t=e.replace("-text",""),i=window.SimpleColorsStyles.colors;return i[t]?i[t][6]:"#000000"}_editModeChanged(t,i){void 0!==i&&(e.editMode=t,this.__styleReapply())}_contentContainerChanged(e,t){!e||void 0!==t&&null!=t?e&&t?(this.HAXCMSThemeWiring.disconnect(this),this.HAXCMSThemeWiring.connect(this,e)):t&&null==e&&this.HAXCMSThemeWiring.disconnect(this):this.HAXCMSThemeWiring.connect(this,e)}_locationChanged(t,i){if(!t||void 0===t.route)return;if("home"==t.route.name){const t=e.routerManifest.items.find((e=>void 0!==e.id));t&&(e.activeId=t.id)}}connectedCallback(){super.connectedCallback(),setTimeout((()=>{if(0===this.childNodes.length){let t=document.createRange().createContextualFragment(e.activeItemContent);this.appendChild(t)}this.__styleReapply()}),50),t((t=>{this.activeItemContent=i(e.activeItemContent),setTimeout((()=>{this.HAXCMSThemeSettings.autoScroll&&this.shadowRoot&&this.HAXCMSThemeSettings.scrollTarget&&this.HAXCMSThemeSettings.scrollTarget.scrollTo({top:0,left:0})}),10),this.__disposer.push(t)})),t((t=>{this.editMode=i(e.editMode),this.__disposer.push(t)})),t((t=>{this.isLoggedIn=i(e.isLoggedIn),this.__disposer.push(t)})),t((t=>{const n=i(e.manifest);if(n&&s(n,"title")&&(document.title=n.title),n&&s(n,"metadata.theme.variables.cssVariable")){let e=n.metadata.theme.variables.cssVariable.replace("--simple-colors-default-theme-","").split("-");e.pop(),this.accentColor=e.join("-");var a=o(n,"metadata.theme.variables.cssVariable",null);a=null==a?o(n,"metadata.theme.variables.hexCode","#ff0074"):`var(${a})`,document.body.style.setProperty("--haxcms-color",a)}this.__disposer.push(t)})),t((t=>{this._location=i(e.location),this.__disposer.push(t)}))}__styleReapply(){window.dispatchEvent(new Event("resize"))}disconnectedCallback(){for(var e in delete this.contentContainer,this.__disposer)this.__disposer[e].dispose();super.disconnectedCallback()}resetActive(){window.history.pushState(null,null,e.location.baseUrl),window.dispatchEvent(new PopStateEvent("popstate")),this.dispatchEvent(new CustomEvent("haxcms-active-item-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{}}))}}};class HAXCMSThemeWiring{constructor(i,s=!0){window.SimpleColorsSharedStyles.requestAvailability(),s&&null==n("HAXCMSSystemData",null)&&a("HAXCMSSystemData",{}),this.__disposer=this.__disposer?this.__disposer:[],t((t=>{e.jwt&&e.themeElement&&e.cmsSiteEditorBackend.tag&&e.themeElement.contentContainer&&e.isLoggedIn&&this.connect(e.themeElement,e.themeElement.contentContainer),this.__disposer.push(t)}))}connect(t,i){this.windowControllers&&this.windowControllers.abort(),this.windowControllers=new AbortController,window.addEventListener("haxcms-active-item-changed",this._activeItemUpdate.bind(t),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-edit-mode-changed",this._globalEditChanged.bind(t),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-trigger-update",this._triggerUpdate.bind(t),{signal:this.windowControllers.signal}),this.cmsSiteEditorInstance&&document.body.appendChild(this.cmsSiteEditorInstance),e.jwt&&e.cmsSiteEditorBackend.tag&&e.isLoggedIn&&(this.cmsSiteEditorInstance=e.cmsSiteEditorAvailability(),e.cmsSiteEditor.instance.appElement=t,e.cmsSiteEditor.instance.appendTarget=i,e.cmsSiteEditor.instance.appendTarget.appendChild(e.cmsSiteEditor.instance))}disconnect(e){this.windowControllers.abort(),this.cmsSiteEditorInstance&&document.body.appendChild(this.cmsSiteEditorInstance)}_globalEditChanged(e){this.editMode=e.detail}_activeItemUpdate(t){let i=t.detail;if(i&&void 0!==i.id){e.activeId=i.id;const t=new CustomEvent("json-outline-schema-active-item-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:i});this.dispatchEvent(t),void 0!==i.title?document.title=e.routerManifest.title+" - "+i.title:document.title=e.routerManifest.title}else document.title=e.routerManifest.title}_triggerUpdate(e){this.dispatchEvent(new CustomEvent("haxcms-active-item-changed",{bubbles:!0,composed:!0,cancelable:!0,detail:{}}))}}export{HAXCMSTheme,HAXCMSThemeWiring};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-editor-builder.js b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-editor-builder.js
index 0c2ade56a54..b136826832a 100644
--- a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-editor-builder.js
+++ b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-editor-builder.js
@@ -2,4 +2,4 @@
  * Copyright 2018 The Pennsylvania State University
  * @license Apache-2.0, see License.md for full text.
  */
-import{store as t}from"./haxcms-site-store.js";class HAXCMSEditorBuilder extends HTMLElement{static get tag(){return"haxcms-editor-builder"}constructor(){super(),this.windowControllers=new AbortController,window.HAXCMS.requestAvailability().storePieces.editorBuilder=this,this.applyContext(),window.addEventListener("haxcms-site-editor-loaded",this.editorLoaded.bind(this),{signal:this.windowControllers.signal})}connectedCallback(){super.connectedCallback&&super.connectedCallback(),this.dispatchEvent(new CustomEvent("haxcms-editor-builder-ready",{bubbles:!0,composed:!0,cancelable:!1,detail:this}))}disconnectedCallback(){this.windowControllers.abort(),super.disconnectedCallback&&super.disconnectedCallback()}editorLoaded(e){t.cmsSiteEditor.haxCmsSiteEditorUIElement||import("./haxcms-site-editor-ui.js").then((()=>{for(var e in t.cmsSiteEditor.haxCmsSiteEditorUIElement=document.createElement("haxcms-site-editor-ui"),t.setupSlots)switch(e){case"haxcms-site-editor-ui-prefix-avatar":case"haxcms-site-editor-ui-prefix-buttons":case"haxcms-site-editor-ui-suffix-buttons":case"haxcms-site-editor-ui-main-menu":case"haxcms-site-editor-ui-topbar-character-button":for(var i in t.setupSlots[e])t.cmsSiteEditor.haxCmsSiteEditorUIElement.appendChild(t.setupSlots[e][i])}this.parentNode?this.parentNode.insertBefore(t.cmsSiteEditor.haxCmsSiteEditorUIElement,this):document.body.appendChild(t.cmsSiteEditor.haxCmsSiteEditorUIElement),setTimeout((()=>{t.cmsSiteEditor.haxCmsSiteEditorUIElement.painting=!1}),600)}))}applyContext(e=null){if(!this.__appliedContext){if(this.__appliedContext=!0,null==e&&(e=window.HAXCMS.requestAvailability().getApplicationContext()),["php","nodejs","desktop"].includes(e)){let t=document.createElement("script");window.appSettings&&window.appSettings.connectionSettings?t.src=window.appSettings.connectionSettings:t.src="../../system/api/connectionSettings",fetch(t.src).then((e=>{404!=e.status&&document.documentElement.appendChild(t)}))}if(!["published","11ty"].includes(e)){const i=new URL("./haxcms-editor-builder.js",import.meta.url).href+"/../";t.cmsSiteEditorBackend.tag=`haxcms-backend-${e}`,import(`${i}backends/${t.cmsSiteEditorBackend.tag}.js`).then((e=>{t.cmsSiteEditorBackend.instance||(t.cmsSiteEditorBackend.instance=document.createElement(t.cmsSiteEditorBackend.tag),document.body.appendChild(t.cmsSiteEditorBackend.instance))}))}}}}customElements.define(HAXCMSEditorBuilder.tag,HAXCMSEditorBuilder);export{HAXCMSEditorBuilder};
\ No newline at end of file
+import{store as t}from"./haxcms-site-store.js";class HAXCMSEditorBuilder extends HTMLElement{static get tag(){return"haxcms-editor-builder"}constructor(){super(),this.windowControllers=new AbortController,window.HAXCMS.requestAvailability().storePieces.editorBuilder=this,this.applyContext(),window.addEventListener("haxcms-site-editor-loaded",this.editorLoaded.bind(this),{signal:this.windowControllers.signal})}connectedCallback(){super.connectedCallback&&super.connectedCallback(),this.dispatchEvent(new CustomEvent("haxcms-editor-builder-ready",{bubbles:!0,composed:!0,cancelable:!1,detail:this}))}disconnectedCallback(){this.windowControllers.abort(),super.disconnectedCallback&&super.disconnectedCallback()}editorLoaded(e){t.cmsSiteEditor.haxCmsSiteEditorUIElement||import("./haxcms-site-editor-ui.js").then((()=>{for(var e in t.cmsSiteEditor.haxCmsSiteEditorUIElement=document.createElement("haxcms-site-editor-ui"),t.setupSlots)switch(e){case"haxcms-site-editor-ui-prefix-avatar":case"haxcms-site-editor-ui-prefix-buttons":case"haxcms-site-editor-ui-suffix-buttons":case"haxcms-site-editor-ui-main-menu":case"haxcms-site-editor-ui-topbar-character-button":for(var i in t.setupSlots[e])t.cmsSiteEditor.haxCmsSiteEditorUIElement.appendChild(t.setupSlots[e][i])}this.parentNode?this.parentNode.insertBefore(t.cmsSiteEditor.haxCmsSiteEditorUIElement,this):document.body.appendChild(t.cmsSiteEditor.haxCmsSiteEditorUIElement),setTimeout((()=>{t.cmsSiteEditor.haxCmsSiteEditorUIElement.painting=!1}),600)}))}async applyContext(e=null){if(!this.__appliedContext){if(this.__appliedContext=!0,null==e&&(e=window.HAXCMS.requestAvailability().getApplicationContext()),["php","nodejs","desktop"].includes(e)){let t=document.createElement("script");window.appSettings&&window.appSettings.connectionSettings?t.src=window.appSettings.connectionSettings:t.src="../../system/api/connectionSettings",await fetch(t.src).then((e=>{e.ok&&(this.__hasConnectionSettings=!0,document.documentElement.appendChild(t))}))}if("demo"==e&&(this.__hasConnectionSettings=!0),!["published","11ty"].includes(e)&&this.__hasConnectionSettings){const i=new URL("./haxcms-editor-builder.js",import.meta.url).href+"/../";t.cmsSiteEditorBackend.tag=`haxcms-backend-${e}`,import(`${i}backends/${t.cmsSiteEditorBackend.tag}.js`).then((e=>{t.cmsSiteEditorBackend.instance||(t.cmsSiteEditorBackend.instance=document.createElement(t.cmsSiteEditorBackend.tag),document.body.appendChild(t.cmsSiteEditorBackend.instance))}))}}}}customElements.define(HAXCMSEditorBuilder.tag,HAXCMSEditorBuilder);export{HAXCMSEditorBuilder};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-builder.js b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-builder.js
index cff0094ec74..66619971ffa 100644
--- a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-builder.js
+++ b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-builder.js
@@ -41,4 +41,4 @@ import{LitElement as e,html as t,css as i}from"../../../../lit/index.js";import{
       <slot name="haxcms-site-editor-ui-main-menu"></slot>
       <slot name="haxcms-site-editor-ui-topbar-character-button"></slot>
       <simple-colors-polymer></simple-colors-polymer>
-    `}_updateManifest(e){this.manifest={...e}}_updateLoading(e){this.loading=e.detail.value}hashCode(e){return e.split("").reduce(((e,t)=>(e=(e<<5)-e+t.charCodeAt(0))&e),0)}nodeNormalizeIDs(e){if(e.tagName&&null==e.getAttribute("id")&&["H1","H2","H3","H4","H5","H6"].includes(e.tagName))if(e.getAttribute("resource"))e.setAttribute("id",e.getAttribute("resource"));else{let t=e.tagName.toLowerCase()+"-"+this.hashCode(e.innerText);e.setAttribute("id",t)}}_updateActiveItemContent(e){if(e){let t=document.createElement("div");t.innerHTML=e;for(const e of t.childNodes)this.nodeNormalizeIDs(e);e=t.innerHTML,this.activeItemContent="",this.activeItemContent=e}else l.cmsSiteEditorBackend.instance&&l.cmsSiteEditorBackend.instance.updateActiveItemContent?l.cmsSiteEditorBackend.instance.updateActiveItemContent():this.activeItemContent=""}display404Error(){if(l.themeElement){let e=document.createDocumentFragment(),t=document.createElement("p");t.innerHTML=`<strong>${l.getInternalRoute()}</strong> ${this.t.couldNotBeLocated}. ${this.t.hereAreSomePossibleRemedies}\n      <ul>\n        <li><a href="x/search?search=${l.getInternalRoute()}">${this.t.useSearchToLocateTheContentYouAreLookingFor}</a></li>\n        <li><a href="./">${this.t.goToTheHomePage}</a></li>\n        <li>${this.t.navigateToAnotherPageInTheMenu}</li>\n      </ul>`,e.appendChild(t),o(l.themeElement,"*"),l.themeElement.appendChild(e),setTimeout((()=>{l.toast(this.t.pageNotFound,4e3,{fire:!0,walking:!0})}),1e3)}}renderInternalRoute(){if(l.themeElement){let e=document.createDocumentFragment();l.activeItem.component&&import(`../ui-components/routes/${l.activeItem.component}.js`).then((()=>{let t=document.createElement(l.activeItem.component);e.appendChild(t),o(l.themeElement,"*"),l.themeElement.appendChild(e)}))}}async loadPageData(){if(this.activeItemLocation&&!this.loading){this.loading=!0;let e=`${this.outlineLocation}${this.activeItemLocation}`;this._timeStamp&&(-1!=e.indexOf("?")?e+=`&${this._timeStamp}`:e+=`?${this._timeStamp}`),"hax-internal-route.html"===this.activeItemLocation?(this.renderInternalRoute(),this.loading=!1):await fetch(e).then((e=>{if(e.ok)return e.text();this.display404Error()})).then((e=>{this._updateActiveItemContent(e),this.loading=!1})).catch((e=>{this.lastErrorChanged(e)}))}}async loadJOSData(){if(this.file){this.loading=!0;let e=`${this.outlineLocation}${this.file}`;try{let e=JSON.parse(this.file);this._updateManifest(e),this.loading=!1}catch(t){this._timeStamp&&""!=this._timeStamp&&(-1!=e.indexOf("?")?e+=`&${this._timeStamp}`:e+=`?${this._timeStamp}`);await fetch(e,{cache:"no-cache"}).then((e=>{if(e.ok)return e.json();this.lastErrorChanged(err)})).then((e=>{this._updateManifest(e),this.loading=!1})).catch((e=>{this.lastErrorChanged(e)}))}}}updated(e){super.updated&&super.updated(e);let t=!1,i=!1;e.forEach(((e,a)=>{["outlineLocation","activeItemLocation"].includes(a)&&""!=this[a]&&(i=!0),["outlineLocation","file"].includes(a)&&""!=this[a]&&(t=!0),"_timeStamp"==a&&this[a]&&(t=!0,i=!0),"themeData"==a?this._themeChanged(this[a],e):"themeName"==a?this._themeNameChanged(this[a],e):"outlineLocation"==a?this.dispatchEvent(new CustomEvent("outline-location-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this[a]})):"manifest"==a?(this.dispatchEvent(new CustomEvent("manifest-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this[a]})),this._manifestChanged(this[a],e)):"activeItem"==a?(this.dispatchEvent(new CustomEvent("active-item-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this[a]})),this._activeItemChanged(this[a],e)):"activeItemContent"==a&&(this.dispatchEvent(new CustomEvent("active-item-content-changed",{bubbles:!0,detail:this[a]})),this._activeItemContentChanged(this[a],e))})),t&&this.__ready&&this.loadJOSData(),i&&this.__ready&&this.loadPageData()}static get properties(){return{...super.properties,activeItemLocation:{type:String,attribute:"active-item-location"},disableFeatures:{type:String,reflect:!0,attribute:"disable-features"},_timeStamp:{type:String},isLoggedIn:{type:Boolean,reflect:!0,attribute:"is-logged-in"},queryParams:{type:Object},loading:{type:Boolean,reflect:!0},outlineLocation:{type:String,attribute:"outline-location"},manifest:{type:Object},themeData:{type:Object},themeName:{type:String},__imported:{type:Object},themeLoaded:{type:Boolean,reflect:!0,attribute:"theme-loaded"},activeItem:{type:Object},activeItemContent:{type:String},file:{type:String},baseURI:{type:String,attribute:"base-uri"}}}_themeNameChanged(e){e&&(l.themeElement&&l.themeElement.remove(),o(this,"*"),l.themeElement=document.createElement(e),l.themeElement.classList.add("haxcms-theme-element"),this.appendChild(l.themeElement))}lastErrorChanged(e){e&&(console.error(e),e.detail&&e.detail.value?(window&&window.location&&window.appSettings&&window.appSettings.reloadOnError&&window.location.reload(),l.toast(e.detail.value.status+" "+e.detail.value.statusText,5e3,{fire:!0})):window&&window.location&&window.appSettings&&window.appSettings.reloadOnError&&window.location.reload())}constructor(){for(var e in super(),this.windowControllers=new AbortController,this.t={...super.t,pageNotFound:"Page not found",navigateToAnotherPageInTheMenu:"Navigate to another page in the menu",couldNotBeLocated:"could not be located",hereAreSomePossibleRemedies:"Here are some possible remedies:",useSearchToLocateTheContentYouAreLookingFor:"Use Search to locate the content you are looking for",goToTheHomePage:"Go to the home page"},this.registerLocalization({context:this,namespace:"haxcms",localesPath:new URL("../../locales/haxcms.es.json",import.meta.url).href.replace("/haxcms.es.json","/"),locales:["es"]}),this.disableFeatures="",this.isLoggedIn=!1,this.__disposer=[],this.queryParams={},this.loading=!1,this.__imported={},this.themeLoaded=!1,this.outlineLocation="",this.activeItemLocation="",h.storePieces.siteBuilder=this,this.children)if(this.children[e].tagName&&this.children[e].getAttribute("slot")){const t=this.children[e].cloneNode(!0);let i=t.getAttribute("slot");switch(i){case"haxcms-site-editor-ui-prefix-avatar":case"haxcms-site-editor-ui-prefix-buttons":case"haxcms-site-editor-ui-suffix-buttons":case"haxcms-site-editor-ui-main-menu":case"haxcms-site-editor-ui-topbar-character-button":l.setupSlots[i].push(t)}}window.addEventListener("hax-store-ready",this.storeReady.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-trigger-update",this._triggerUpdatedData.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-trigger-update-node",this._triggerUpdatedNode.bind(this),{signal:this.windowControllers.signal}),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",darkToggle,{signal:this.windowControllers.signal}),r((()=>{d("app-hax-darkMode",m(l.darkMode)),m(l.darkMode)?document.body.classList.add("dark-mode"):document.body.classList.remove("dark-mode")})),r((()=>{this.isLoggedIn=m(l.isLoggedIn)}))}firstUpdated(e){super.firstUpdated&&super.firstUpdated(e),this.__ready=!0,l.appReady=!0,window.dispatchEvent(new CustomEvent("haxcms-ready",{bubbles:!0,composed:!0,cancelable:!1,detail:this})),import("./haxcms-editor-builder.js").then((e=>{import("./haxcms-toast.js"),this.editorBuilder=document.createElement("haxcms-editor-builder"),this.parentNode?this.parentNode.insertBefore(this.editorBuilder,this):document.body.appendChild(this.editorBuilder),"published"!==h.getApplicationContext()?this._timeStamp=Math.floor(Date.now()/1e3):this._timeStamp=""})).catch((e=>{console.warn(e)})),window.dispatchEvent(new Event("resize")),setTimeout((()=>{r((e=>{if(this.themeData=m(l.themeData),this.themeData){const e=new URLSearchParams(window.location.search),t=e.get("format");if(null!=t&&"print-page"===t)this.themeData.element="haxcms-print-theme";const i=e.get("disable-features");null!=i&&(this.disableFeatures=i)}this.themeData&&this.themeData.element!==this.themeName&&(this.themeName=this.themeData.element),this.__disposer.push(e)})),r((e=>{this.activeItem=m(l.activeItem),this.activeItem&&this.activeItem.location&&(this.activeItemLocation=this.activeItem.location),this.__disposer.push(e)}))}),0)}disconnectedCallback(){for(var e in this.__disposer)this.__disposer[e].dispose();this.windowControllers.abort(),super.disconnectedCallback()}storeReady(e){l.cmsSiteEditor&&l.cmsSiteEditor.instance&&window.HaxStore.requestAvailability().activeHaxBody&&l.activeItemContent&&window.HaxStore.requestAvailability().activeHaxBody.importContent(l.activeItemContent)}replaceTagReplacement(e){for(var t=/\<(\w+?\-\w*.*)\s*?\>/gim,i=t.exec(e);null!=i;){let a=i[1].replace("<","").replace(">","");a.indexOf(" ")&&(a=a.split(" ")[0]),-1!=a.indexOf("-")&&(e=(e=e.replace("<"+a,'<replace-tag with="'+a+'" ')).replace("</"+a+">","</replace-tag>")),i=t.exec(e)}return e}_activeItemContentChanged(e,t){if(e){var i=e;null!==i&&l.activeItem&&l.activeItem.metadata&&(o(l.themeElement,"*"),e=`<page-break\n        break-type="site"\n        title="${l.activeItem.title}"\n        parent="${l.activeItem.parent}"\n        item-id="${l.activeItem.id}"\n        slug="${l.activeItem.slug}"\n        order="${l.activeItem.order}"\n        ${l.activeItem.metadata.pageType?`page-type="${l.activeItem.metadata.pageType}"`:""}\n        ${l.activeItem.metadata.tags?`tags="${l.activeItem.metadata.tags}"`:""}\n        ${l.activeItem.metadata.hideInMenu?`hide-in-menu="${l.activeItem.metadata.hideInMenu}"`:""}\n        ${l.activeItem.metadata.relatedItems?`related-items="${l.activeItem.metadata.relatedItems}"`:""}\n        ${l.activeItem.metadata.image?`image="${l.activeItem.metadata.image}"`:""}\n        ${l.activeItem.metadata.theme&&l.activeItem.metadata.theme.key?`developer-theme="${l.activeItem.metadata.theme.key}"`:""}\n        ${l.activeItem.metadata.locked?'locked="locked"':""}\n        ${!1===l.activeItem.metadata.published?"":'published="published"'}\n        ></page-break>${e}`,i=a(e),l.activeItemContent=i,setTimeout((()=>{if(0===l.themeElement.childNodes.length){let e=document.createRange().createContextualFragment(this.replaceTagReplacement(i));l.themeElement.appendChild(e),this.dispatchEvent(new CustomEvent("json-outline-schema-active-body-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:i}))}if(!window.WCAutoload&&n(this.manifest,"metadata.node.dynamicElementLoader")){let t=s(i);const a=new URL("./locales/haxcms.es.json",import.meta.url).href+"/../";for(var e in t){const i=t[e];this.manifest.metadata.node.dynamicElementLoader[i]&&!window.customElements.get(i)&&import(`${a}../../../../${this.manifest.metadata.node.dynamicElementLoader[i]}`).then((e=>{})).catch((e=>{console.warn(e)}))}}else window.WCAutoload&&setTimeout((()=>{window.WCAutoload.process()}),0)}),5))}}_activeItemChanged(e,t){this.shadowRoot&&e&&void 0!==e.id?this.queryParams.nodeId=e.id:t&&!e&&this.dispatchEvent(new CustomEvent("json-outline-schema-active-body-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:null}))}_triggerUpdatedData(e){this.editorBuilder?this._timeStamp=Math.floor(Date.now()/1e3):this._timeStamp=""}_triggerUpdatedNode(e){this.activeItem.location&&this.loadPageData()}_manifestChanged(e,t){e&&e.metadata&&e.items&&l.loadManifest(e,this)}_themeChanged(e,t){if(e){this.themeLoaded=!1;let t=e;if(void 0!==this.__imported[t.element])this.themeLoaded=!0;else if(window.WCAutoload)this.__imported[t.element]=t.element,this.themeLoaded=!0,setTimeout((()=>{window.WCAutoload.process(),window.dispatchEvent(new CustomEvent("haxcms-theme-ready",{bubbles:!0,composed:!0,cancelable:!1,detail:this}))}),5);else try{import(new URL("./../../../../../"+e.path,import.meta.url).href).then((e=>{this.__imported[t.element]=t.element,this.themeLoaded=!0}))}catch(e){this.themeLoaded=!0}}}}window.HAXme=function(e=null){null==e&&(e="demo",window.appSettings={login:"dist/dev/login.json",logout:"dist/dev/logout.json",saveNodePath:"dist/dev/saveNode.json",saveManifestPath:"dist/dev/saveManifestPath.json",createNodePath:"dist/dev/saveNode.json",deleteNodePath:"dist/dev/saveNode.json",saveOutlinePath:"dist/dev/saveNode.json",publishSitePath:"dist/dev/saveNode.json",syncSitePath:"dist/dev/saveNode.json",getSiteFieldsPath:"dist/dev/getSiteFieldsPath.json",revertSitePath:"dist/dev/saveNode.json",getFormToken:"adskjadshjudfu823u823u8fu8fij",appStore:{url:"dist/dev/appstore.json"},themes:{"haxcms-dev-theme":{element:"haxcms-dev-theme",path:"@lrnwebcomponents/haxcms-elements/lib/haxcms-dev-theme.js",name:"Developer theme"}}}),"demo"==e&&(window.HAXCMSContext=!0),document.body&&(document.body.querySelector("haxcms-editor-builder").__appliedContext=!1,document.body.querySelector("haxcms-editor-builder").applyContext(e))},customElements.define(HAXCMSSiteBuilder.tag,HAXCMSSiteBuilder);export{HAXCMSSiteBuilder};
\ No newline at end of file
+    `}_updateManifest(e){this.manifest={...e}}_updateLoading(e){this.loading=e.detail.value}hashCode(e){return e.split("").reduce(((e,t)=>(e=(e<<5)-e+t.charCodeAt(0))&e),0)}nodeNormalizeIDs(e){if(e.tagName&&null==e.getAttribute("id")&&["H1","H2","H3","H4","H5","H6"].includes(e.tagName))if(e.getAttribute("resource"))e.setAttribute("id",e.getAttribute("resource"));else{let t=e.tagName.toLowerCase()+"-"+this.hashCode(e.innerText);e.setAttribute("id",t)}}_updateActiveItemContent(e){if(e){let t=document.createElement("div");t.innerHTML=e;for(const e of t.childNodes)this.nodeNormalizeIDs(e);e=t.innerHTML,this.activeItemContent="",this.activeItemContent=e}else l.cmsSiteEditorBackend.instance&&l.cmsSiteEditorBackend.instance.updateActiveItemContent?l.cmsSiteEditorBackend.instance.updateActiveItemContent():this.activeItemContent=""}display404Error(){if(l.themeElement){let e=document.createDocumentFragment(),t=document.createElement("p");t.innerHTML=`<strong>${l.getInternalRoute()}</strong> ${this.t.couldNotBeLocated}. ${this.t.hereAreSomePossibleRemedies}\n      <ul>\n        <li><a href="x/search?search=${l.getInternalRoute()}">${this.t.useSearchToLocateTheContentYouAreLookingFor}</a></li>\n        <li><a href="./">${this.t.goToTheHomePage}</a></li>\n        <li>${this.t.navigateToAnotherPageInTheMenu}</li>\n      </ul>`,e.appendChild(t),o(l.themeElement,"*"),l.themeElement.appendChild(e),setTimeout((()=>{l.toast(this.t.pageNotFound,4e3,{fire:!0,walking:!0})}),1e3)}}renderInternalRoute(){if(l.themeElement){let e=document.createDocumentFragment();l.activeItem.component&&import(`../ui-components/routes/${l.activeItem.component}.js`).then((()=>{let t=document.createElement(l.activeItem.component);e.appendChild(t),o(l.themeElement,"*"),l.themeElement.appendChild(e)}))}}async loadPageData(){if(this.activeItemLocation&&!this.loading){this.loading=!0;let e=`${this.outlineLocation}${this.activeItemLocation}`;this._timeStamp&&(-1!=e.indexOf("?")?e+=`&${this._timeStamp}`:e+=`?${this._timeStamp}`),"hax-internal-route.html"===this.activeItemLocation?(this.renderInternalRoute(),this.loading=!1):await fetch(e).then((e=>{if(e.ok)return e.text();this.display404Error()})).then((e=>{this._updateActiveItemContent(e),this.loading=!1})).catch((e=>{this.lastErrorChanged(e)}))}}async loadJOSData(){if(this.file){this.loading=!0;let e=`${this.outlineLocation}${this.file}`;try{let e=JSON.parse(this.file);this._updateManifest(e),this.loading=!1}catch(t){this._timeStamp&&""!=this._timeStamp&&(-1!=e.indexOf("?")?e+=`&${this._timeStamp}`:e+=`?${this._timeStamp}`);await fetch(e,{cache:"no-cache"}).then((e=>{if(e.ok)return e.json();this.lastErrorChanged(err)})).then((e=>{this._updateManifest(e),this.loading=!1})).catch((e=>{this.lastErrorChanged(e)}))}}}updated(e){super.updated&&super.updated(e);let t=!1,i=!1;e.forEach(((e,a)=>{["outlineLocation","activeItemLocation"].includes(a)&&""!=this[a]&&(i=!0),["outlineLocation","file"].includes(a)&&""!=this[a]&&(t=!0),"_timeStamp"==a&&this[a]&&(t=!0,i=!0),"themeData"==a?this._themeChanged(this[a],e):"themeName"==a?this._themeNameChanged(this[a],e):"outlineLocation"==a?this.dispatchEvent(new CustomEvent("outline-location-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this[a]})):"manifest"==a?(this.dispatchEvent(new CustomEvent("manifest-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this[a]})),this._manifestChanged(this[a],e)):"activeItem"==a?(this.dispatchEvent(new CustomEvent("active-item-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this[a]})),this._activeItemChanged(this[a],e)):"activeItemContent"==a&&(this.dispatchEvent(new CustomEvent("active-item-content-changed",{bubbles:!0,detail:this[a]})),this._activeItemContentChanged(this[a],e))})),t&&this.__ready&&this.loadJOSData(),i&&this.__ready&&this.loadPageData()}static get properties(){return{...super.properties,activeItemLocation:{type:String,attribute:"active-item-location"},disableFeatures:{type:String,reflect:!0,attribute:"disable-features"},_timeStamp:{type:String},isLoggedIn:{type:Boolean,reflect:!0,attribute:"is-logged-in"},queryParams:{type:Object},loading:{type:Boolean,reflect:!0},outlineLocation:{type:String,attribute:"outline-location"},manifest:{type:Object},themeData:{type:Object},themeName:{type:String},__imported:{type:Object},themeLoaded:{type:Boolean,reflect:!0,attribute:"theme-loaded"},activeItem:{type:Object},activeItemContent:{type:String},file:{type:String},baseURI:{type:String,attribute:"base-uri"}}}_themeNameChanged(e){e&&(l.themeElement&&l.themeElement.remove(),o(this,"*"),l.themeElement=document.createElement(e),l.themeElement.classList.add("haxcms-theme-element"),this.appendChild(l.themeElement))}lastErrorChanged(e){e&&(console.error(e),e.detail&&e.detail.value?(window&&window.location&&window.appSettings&&window.appSettings.reloadOnError&&window.location.reload(),l.toast(e.detail.value.status+" "+e.detail.value.statusText,5e3,{fire:!0})):window&&window.location&&window.appSettings&&window.appSettings.reloadOnError&&window.location.reload())}constructor(){for(var e in super(),this.windowControllers=new AbortController,this.t={...super.t,pageNotFound:"Page not found",navigateToAnotherPageInTheMenu:"Navigate to another page in the menu",couldNotBeLocated:"could not be located",hereAreSomePossibleRemedies:"Here are some possible remedies:",useSearchToLocateTheContentYouAreLookingFor:"Use Search to locate the content you are looking for",goToTheHomePage:"Go to the home page"},this.registerLocalization({context:this,namespace:"haxcms",localesPath:new URL("../../locales/haxcms.es.json",import.meta.url).href.replace("/haxcms.es.json","/"),locales:["es"]}),this.disableFeatures="",this.isLoggedIn=!1,this.__disposer=[],this.queryParams={},this.loading=!1,this.__imported={},this.themeLoaded=!1,this.outlineLocation="",this.activeItemLocation="",h.storePieces.siteBuilder=this,this.children)if(this.children[e].tagName&&this.children[e].getAttribute("slot")){const t=this.children[e].cloneNode(!0);let i=t.getAttribute("slot");switch(i){case"haxcms-site-editor-ui-prefix-avatar":case"haxcms-site-editor-ui-prefix-buttons":case"haxcms-site-editor-ui-suffix-buttons":case"haxcms-site-editor-ui-main-menu":case"haxcms-site-editor-ui-topbar-character-button":l.setupSlots[i].push(t)}}window.addEventListener("hax-store-ready",this.storeReady.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-trigger-update",this._triggerUpdatedData.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-trigger-update-node",this._triggerUpdatedNode.bind(this),{signal:this.windowControllers.signal}),window.matchMedia("(prefers-color-scheme: dark)").addEventListener("change",darkToggle,{signal:this.windowControllers.signal}),r((()=>{d("app-hax-darkMode",m(l.darkMode)),m(l.darkMode)?document.body.classList.add("dark-mode"):document.body.classList.remove("dark-mode")})),r((()=>{this.isLoggedIn=m(l.isLoggedIn)}))}firstUpdated(e){super.firstUpdated&&super.firstUpdated(e),this.__ready=!0,l.appReady=!0,window.dispatchEvent(new CustomEvent("haxcms-ready",{bubbles:!0,composed:!0,cancelable:!1,detail:this})),import("./haxcms-editor-builder.js").then((e=>{import("./haxcms-toast.js"),this.editorBuilder=document.createElement("haxcms-editor-builder"),this.parentNode?this.parentNode.insertBefore(this.editorBuilder,this):document.body.appendChild(this.editorBuilder),"published"!==h.getApplicationContext()?this._timeStamp=Math.floor(Date.now()/1e3):this._timeStamp=""})).catch((e=>{console.warn(e)})),window.dispatchEvent(new Event("resize")),setTimeout((()=>{r((e=>{if(this.themeData=m(l.themeData),this.themeData){const e=new URLSearchParams(window.location.search),t=e.get("format");if(null!=t&&"print-page"===t)this.themeData.element="haxcms-print-theme";const i=e.get("disable-features");null!=i&&(this.disableFeatures=i)}this.themeData&&this.themeData.element!==this.themeName&&(this.themeName=this.themeData.element),this.__disposer.push(e)})),r((e=>{this.activeItem=m(l.activeItem),this.activeItem&&this.activeItem.location&&(this.activeItemLocation=this.activeItem.location),this.__disposer.push(e)}))}),0)}disconnectedCallback(){for(var e in this.__disposer)this.__disposer[e].dispose();this.windowControllers.abort(),super.disconnectedCallback()}storeReady(e){l.cmsSiteEditor&&l.cmsSiteEditor.instance&&window.HaxStore.requestAvailability().activeHaxBody&&l.activeItemContent&&window.HaxStore.requestAvailability().activeHaxBody.importContent(l.activeItemContent)}replaceTagReplacement(e){for(var t=/\<(\w+?\-\w*.*)\s*?\>/gim,i=t.exec(e);null!=i;){let a=i[1].replace("<","").replace(">","");a.indexOf(" ")&&(a=a.split(" ")[0]),-1!=a.indexOf("-")&&(e=(e=e.replace("<"+a,'<replace-tag with="'+a+'" ')).replace("</"+a+">","</replace-tag>")),i=t.exec(e)}return e}_activeItemContentChanged(e,t){if(e){var i=e;null!==i&&l.activeItem&&l.activeItem.metadata&&(o(l.themeElement,"*"),e=`<page-break\n        break-type="site"\n        title="${l.activeItem.title}"\n        parent="${l.activeItem.parent}"\n        item-id="${l.activeItem.id}"\n        slug="${l.activeItem.slug}"\n        order="${l.activeItem.order}"\n        ${l.activeItem.metadata.pageType?`page-type="${l.activeItem.metadata.pageType}"`:""}\n        ${l.activeItem.metadata.tags?`tags="${l.activeItem.metadata.tags}"`:""}\n        ${l.activeItem.metadata.hideInMenu?`hide-in-menu="${l.activeItem.metadata.hideInMenu}"`:""}\n        ${l.activeItem.metadata.relatedItems?`related-items="${l.activeItem.metadata.relatedItems}"`:""}\n        ${l.activeItem.metadata.image?`image="${l.activeItem.metadata.image}"`:""}\n        ${l.activeItem.metadata.theme&&l.activeItem.metadata.theme.key?`developer-theme="${l.activeItem.metadata.theme.key}"`:""}\n        ${l.activeItem.metadata.locked?'locked="locked"':""}\n        ${!1===l.activeItem.metadata.published?"":'published="published"'}\n        ></page-break>${e}`,i=a(e),l.activeItemContent=i,setTimeout((()=>{if(0===l.themeElement.childNodes.length){let e=document.createRange().createContextualFragment(this.replaceTagReplacement(i));l.themeElement.appendChild(e),this.dispatchEvent(new CustomEvent("json-outline-schema-active-body-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:i}))}if(!window.WCAutoload&&n(this.manifest,"metadata.node.dynamicElementLoader")){let t=s(i);const a=new URL("./locales/haxcms.es.json",import.meta.url).href+"/../";for(var e in t){const i=t[e];this.manifest.metadata.node.dynamicElementLoader[i]&&!window.customElements.get(i)&&import(`${a}../../../../${this.manifest.metadata.node.dynamicElementLoader[i]}`).then((e=>{})).catch((e=>{console.warn(e)}))}}else window.WCAutoload&&setTimeout((()=>{window.WCAutoload.process()}),0)}),5))}}_activeItemChanged(e,t){this.shadowRoot&&e&&void 0!==e.id?this.queryParams.nodeId=e.id:t&&!e&&this.dispatchEvent(new CustomEvent("json-outline-schema-active-body-changed",{bubbles:!0,composed:!0,cancelable:!1,detail:null}))}_triggerUpdatedData(e){this.editorBuilder?this._timeStamp=Math.floor(Date.now()/1e3):this._timeStamp=""}_triggerUpdatedNode(e){this.activeItem.location&&this.loadPageData()}_manifestChanged(e,t){e&&e.metadata&&e.items&&l.loadManifest(e,this)}_themeChanged(e,t){if(e){this.themeLoaded=!1;let t=e;if(void 0!==this.__imported[t.element])this.themeLoaded=!0;else if(window.WCAutoload)this.__imported[t.element]=t.element,this.themeLoaded=!0,setTimeout((()=>{window.WCAutoload.process(),window.dispatchEvent(new CustomEvent("haxcms-theme-ready",{bubbles:!0,composed:!0,cancelable:!1,detail:this}))}),5);else try{import(new URL("./../../../../../"+e.path,import.meta.url).href).then((e=>{this.__imported[t.element]=t.element,this.themeLoaded=!0}))}catch(e){this.themeLoaded=!0}}}}window.HAXme=function(e=null){null==e&&(e="demo",window.appSettings={login:"dist/dev/login.json",logout:"dist/dev/logout.json",saveNodePath:"dist/dev/saveNode.json",saveManifestPath:"dist/dev/saveManifestPath.json",createNodePath:"dist/dev/saveNode.json",deleteNodePath:"dist/dev/saveNode.json",saveOutlinePath:"dist/dev/saveNode.json",publishSitePath:"dist/dev/saveNode.json",syncSitePath:"dist/dev/saveNode.json",getSiteFieldsPath:"dist/dev/getSiteFieldsPath.json",revertSitePath:"dist/dev/saveNode.json",getFormToken:"adskjadshjudfu823u823u8fu8fij",appStore:{url:"dist/dev/appstore.json"},jwt:"made-up-thing",themes:{"haxcms-dev-theme":{element:"haxcms-dev-theme",path:"@lrnwebcomponents/haxcms-elements/lib/haxcms-dev-theme.js",name:"Developer theme"}}}),"demo"==e&&(window.HAXCMSContext="demo"),document.body&&(document.body.querySelector("haxcms-editor-builder").__appliedContext=!1,document.body.querySelector("haxcms-editor-builder").applyContext(e))},customElements.define(HAXCMSSiteBuilder.tag,HAXCMSSiteBuilder);export{HAXCMSSiteBuilder};
\ 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 73858e13cbe..ce0a86ba4c6 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
@@ -137,4 +137,4 @@ import{LitElement as e,html as t}from"../../../../lit/index.js";import{store as
         hide-panel-ops="hide-panel-ops"
         hide-toolbar="hide-toolbar"
       ></h-a-x>
-    `}static get properties(){return{getUserDataPath:{type:String,attribute:"get-user-data-path"},method:{type:String},jwt:{type:String},saveNodePath:{type:String,attribute:"save-node-path"},createNodePath:{type:String,attribute:"create-node-path"},deleteNodePath:{type:String,attribute:"delete-node-path"},saveManifestPath:{type:String,attribute:"save-manifest-path"},publishSitePath:{type:String,attribute:"publish-site-path"},revertSitePath:{type:String,attribute:"revert-site-path"},appendTarget:{type:Object},appElement:{type:Object},syncSitePath:{type:String,attribute:"sync-site-path"},publishing:{type:Boolean},saveOutlinePath:{type:String,attribute:"save-outline-path"},appStore:{type:Object},editMode:{type:Boolean,reflect:!0,attribute:"edit-mode"},activeItem:{type:Object},manifest:{type:Object},getSiteFieldsPath:{type:String,attribute:"save-site-fields-path"},getFormToken:{type:String,attribute:"get-form-token"}}}__deleteNodeResponseChanged(e){e.detail.value&&e.detail.value.data&&e.detail.value.data.title&&(a.toast(`Page deleted ${e.detail.value.data.title}, selecting another page`,4e3),a.playSound("coin"))}__createNodeResponseChanged(e){e.detail.value&&e.detail.value.data&&e.detail.value.data.slug&&(window.history.pushState({},null,e.detail.value.data.slug),window.dispatchEvent(new PopStateEvent("popstate")),a.toast(`Created ${e.detail.value.data.title}!`,3e3,{hat:"random"}),a.playSound("coin"))}_handleUserDataResponse(e){e.detail.response&&e.detail.response.data&&(a.userData=e.detail.response.data,this.dispatchEvent(new CustomEvent("haxcms-user-data-updated",{composed:!0,bubbles:!0,cancelable:!1,detail:e.detail.response.data})))}lastErrorChanged(e){if(e.detail.value){console.error(e);var t=r(e)[0];switch(parseInt(e.detail.value.status)){case 401:this.dispatchEvent(new CustomEvent("jwt-login-logout",{composed:!0,bubbles:!0,cancelable:!1,detail:{redirect:!0}}));break;case 403:this.dispatchEvent(new CustomEvent("jwt-login-refresh-token",{composed:!0,bubbles:!0,cancelable:!1,detail:{element:{obj:this,callback:"refreshRequest",params:[t]}}}));break;default:a.toast(e.detail.value.status+" "+e.detail.value.statusText,5e3,{fire:!0}),a.playSound("error")}}}refreshRequest(e,t){this.jwt=e,t.body.jwt=e,t.headers={Authorization:`Bearer ${this.jwt}`},setTimeout((()=>{t.generateRequest()}),0)}loadingChanged(e){this.loading=e.detail.value}createRenderRoot(){return this}firstUpdated(e){if(d.ready){let e={detail:!0};this._storeReadyToGo(e)}window.dispatchEvent(new CustomEvent("haxcms-site-editor-loaded",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}));const t=document.createElement("link");t.rel="stylesheet",t.href=new URL("../base.css",import.meta.url).href,this.querySelector("#hax").shadowRoot.querySelector("style").parentNode.insertBefore(t,this.querySelector("#hax").shadowRoot.querySelector("style").nextSibling)}updated(e){e.forEach(((e,t)=>{"appStore"==t&&this.querySelector("#hax").setAttribute("app-store",JSON.stringify(this[t])),"publishing"==t?this._publishingChanged(this[t],e):"activeItem"==t?(this.dispatchEvent(new CustomEvent("manifest-changed",{detail:this[t]})),this._activeItemChanged(this[t],e)):"manifest"==t&&(this.dispatchEvent(new CustomEvent("manifest-changed",{detail:this[t]})),this._manifestChanged(this[t],e))}))}_tokenRefreshFailed(e){this.dispatchEvent(new CustomEvent("jwt-login-logout",{composed:!0,bubbles:!0,cancelable:!1,detail:{redirect:!0}}))}connectedCallback(){super.connectedCallback(),this.windowControllers&&this.windowControllers.abort(),this.windowControllers=new AbortController,window.addEventListener("jwt-login-refresh-error",this._tokenRefreshFailed.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("hax-store-ready",this._storeReadyToGo.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("json-outline-schema-active-item-changed",this._newActiveItem.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("json-outline-schema-active-body-changed",this._bodyChanged.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-save-outline",this.saveOutline.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-save-node",this.saveNode.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-save-site-data",this.saveManifest.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-load-site-dashboard",this.loadSiteDashboard.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-load-user-data",this.loadUserData.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-create-node",this.createNode.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-delete-node",this.deleteNode.bind(this),{signal:this.windowControllers.signal})}loadUserData(e){this.querySelector("#getuserdata").body={jwt:this.jwt},this.querySelector("#getuserdata").generateRequest()}loadSiteDashboard(e){document.body.querySelector("haxcms-site-dashboard")&&(this.siteDashboard=document.body.querySelector("haxcms-site-dashboard"),this.siteDashboard.headers={Authorization:`Bearer ${this.jwt}`},this.siteDashboard.jwt=this.jwt,this.siteDashboard.method=this.method,this.siteDashboard.body={jwt:this.jwt,token:this.getFormToken,site:{name:this.manifest.metadata.site.name}},this.siteDashboard.loadEndpoint=this.getSiteFieldsPath,setTimeout((()=>{this.siteDashboard.generateRequest()}),0))}_schemaFormValueChanged(e){}async createNode(e){if(e.detail.values){var t=e.detail.values;if(t.jwt=this.jwt,t.site={name:this.manifest.metadata.site.name},this._originalTarget=e.detail.originalTarget,t.docximport)await import("../../../file-system-broker/lib/docx-file-system-broker.js").then((async e=>{n(["haxcms"]);const s=window.FileSystemBroker.requestAvailability(),i=await s.loadFile("docx"),d=new FormData;d.append("method",t.docximport);let r="course";this.manifest.metadata.build&&this.manifest.metadata.structure&&(r=this.manifest.metadata.structure),d.append("type",r),d.append("parentId",t.parent),d.append("upload",i),this.setProcessingVisual();const l=await o.call("@haxcms/docxToSite",d);a.toast("finished!",300),200==l.status&&l.data&&""!=l.data.contents&&(t.items=l.data.items,await import("../../../outline-designer/outline-designer.js").then((async e=>{const a=document.createElement("outline-designer");a.items=l.data.items,a.eventData=t,a.storeTools=!0;const s=document.createElement("button");s.innerText="Confirm",s.classList.add("hax-modal-btn"),s.addEventListener("click",(async e=>{const t=await a.getData();let s=0,i=0,n=0;t.items.map((e=>{e.delete?s++:e.new?n++:e.modified&&i++}));let o=`${n>0?`‣ ${n} new pages will be created\n`:""}${i>0?`‣ ${i} pages will be updated\n`:""}${s>0?`‣ ${s} pages will be deleted\n`:""}`,d=!1;if(d=""==o||window.confirm(`Saving will commit the following actions:\n${o}\nAre you sure?`),d){this.querySelector("#createajax").body=t,this.setProcessingVisual(),this.querySelector("#createajax").generateRequest();const e=new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}});window.dispatchEvent(e)}}));const i=document.createElement("button");i.innerText="Cancel",i.classList.add("hax-modal-btn"),i.classList.add("cancel"),i.addEventListener("click",(e=>{const t=new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}});window.dispatchEvent(t)}));const n=document.createElement("div");n.appendChild(s),n.appendChild(i),this.dispatchEvent(new CustomEvent("simple-modal-show",{bubbles:!0,cancelable:!0,composed:!0,detail:{title:"Confirm structure",elements:{content:a,buttons:n},modal:!0,styles:{"--simple-modal-titlebar-background":"transparent","--simple-modal-titlebar-color":"black","--simple-modal-width":"90vw","--simple-modal-min-width":"300px","--simple-modal-z-index":"100000000","--simple-modal-height":"90vh","--simple-modal-min-height":"400px","--simple-modal-titlebar-height":"64px","--simple-modal-titlebar-color":"black","--simple-modal-titlebar-height":"80px","--simple-modal-titlebar-background":"orange"}}}))})))}));else{this.querySelector("#createajax").body=t,this.setProcessingVisual(),this.querySelector("#createajax").generateRequest();const e=new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}});window.dispatchEvent(e)}}}_handleCreateResponse(e){this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0})),this.dispatchEvent(new CustomEvent("haxcms-create-node-success",{bubbles:!0,composed:!0,cancelable:!1,detail:{value:!0,originalTarget:this._originalTarget}}))}deleteNode(e){this.querySelector("#deleteajax").body={jwt:this.jwt,site:{name:this.manifest.metadata.site.name},node:{id:e.detail.item.id}},this.setProcessingVisual(),this.querySelector("#deleteajax").generateRequest();const t=new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}});window.dispatchEvent(t)}_handleDeleteResponse(e){window.history.replaceState({},null,a.fallbackItemSlug()),window.dispatchEvent(new PopStateEvent("popstate")),setTimeout((()=>{this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}),100)}_storeReadyToGo(e){e.detail&&(d.connectionRewrites.appendJwt="jwt")}_publishingChanged(e,t){e?a.toast("Publishing...",0,{hat:"random"}):!e&&t&&a.toast("Publishing...",2e3,{hat:"random"})}_manifestChanged(e){this.activeItem&&e.metadata&&(d.connectionRewrites.appendUploadEndPoint="siteName="+e.metadata.site.name+"&nodeId="+this.activeItem.id)}_newActiveItem(e){this.activeItem=e.detail}_activeItemChanged(e,t){e&&this.manifest&&(d.connectionRewrites.appendUploadEndPoint="siteName="+this.manifest.metadata.site.name+"&nodeId="+e.id)}_handleNodeResponse(e){e.detail.value&&e.detail.value.data&&e.detail.value.data.slug&&this.activeItem.slug!==e.detail.value.data.slug&&(window.history.replaceState({},null,e.detail.value.data.slug),window.dispatchEvent(new PopStateEvent("popstate"))),a.toast("Page saved!",3e3,{hat:"random"}),a.playSound("coin"),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(e){a.toast("Outline saved!",3e3,{hat:"random"}),a.playSound("coin"),setTimeout((()=>{this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}),100)}_handleManifestResponse(e){a.toast("Site details saved, reloading to reflect changes!",2e3),a.playSound("coin"),this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0})),setTimeout((()=>{window.location.reload()}),2e3)}_handleRevertResponse(e){a.toast("Last save undone",2e3),a.playSound("error"),this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}_handleSyncResponse(e){a.toast("Site synced",2e3,{hat:"random"}),a.playSound("success"),this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}_handlePublishResponse(e){let t=e.detail.response,a=document.createElement("span");a.innerHTML=`\n    <a href="${t.url}" target="_blank">\n      <button raised style="color:yellow;text-transform: none;font-weight: bold;">\n      ${t.label}\n      </button>\n    </a>`;const s=new CustomEvent("haxcms-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:t.response,duration:1e4,slot:a.cloneNode(!0)}});window.dispatchEvent(s)}async saveNode(e){if(this.saveNodePath){let e=await d.activeHaxBody.haxToContent();this.querySelector("#nodeupdateajax").body={jwt:this.jwt,site:{name:this.manifest.metadata.site.name},node:{id:this.activeItem.id,body:e,schema:await d.htmlToHaxElements(e)}},this.setProcessingVisual(),this.querySelector("#nodeupdateajax").generateRequest()}}saveNodeDetails(e){this.saveNodePath&&(this.querySelector("#nodeupdateajax").body={jwt:this.jwt,site:{name:this.manifest.metadata.site.name},node:{id:e.detail.id,details:e.detail}},this.setProcessingVisual(),this.querySelector("#nodeupdateajax").generateRequest())}saveOutline(e){this.saveOutlinePath&&(this.querySelector("#outlineupdateajax").body={jwt:this.jwt,site:{name:this.manifest.metadata.site.name},items:e.detail},this.setProcessingVisual(),this.querySelector("#outlineupdateajax").generateRequest())}setProcessingVisual(){let e=document.createElement("simple-icon-lite");e.icon="hax:loading",e.style.setProperty("--simple-icon-height","40px"),e.style.setProperty("--simple-icon-width","40px"),e.style.height="150px",e.style.marginLeft="8px",a.toast("Processing",5e3,{hat:"construction",slot:e})}saveManifest(e){let t=e.detail;t.cssVariable&&(t.hexCode=window.SimpleColorsStyles.colors[t.cssVariable.replace("--simple-colors-default-theme-","").replace("-7","")][6]),t.jwt=this.jwt,t.site?t.site.name=this.manifest.metadata.site.name:t.site={name:this.manifest.metadata.site.name},this.saveManifestPath&&(this.querySelector("#manifestupdateajax").body=t,this.setProcessingVisual(),this.querySelector("#manifestupdateajax").generateRequest())}_bodyChanged(e){d.activeHaxBody&&d.activeHaxBody.importContent(e.detail)}publishSite(e){this.publishSitePath&&(this.querySelector("#publishajax").body={jwt:this.jwt,site:{name:this.manifest.metadata.site.name}},this.setProcessingVisual(),this.querySelector("#publishajax").generateRequest())}syncSite(e){this.syncSitePath&&(this.querySelector("#syncajax").body={jwt:this.jwt,site:{name:a.manifest.metadata.site.name}},this.setProcessingVisual(),this.querySelector("#syncajax").generateRequest())}revertCommit(e){this.revertSitePath&&(this.querySelector("#revertajax").body={jwt:this.jwt,site:{name:a.manifest.metadata.site.name}},this.setProcessingVisual(),this.querySelector("#revertajax").generateRequest())}}customElements.define(HAXCMSSiteEditor.tag,HAXCMSSiteEditor);export{HAXCMSSiteEditor};
\ No newline at end of file
+    `}static get properties(){return{getUserDataPath:{type:String,attribute:"get-user-data-path"},method:{type:String},jwt:{type:String},saveNodePath:{type:String,attribute:"save-node-path"},createNodePath:{type:String,attribute:"create-node-path"},deleteNodePath:{type:String,attribute:"delete-node-path"},saveManifestPath:{type:String,attribute:"save-manifest-path"},publishSitePath:{type:String,attribute:"publish-site-path"},revertSitePath:{type:String,attribute:"revert-site-path"},appendTarget:{type:Object},appElement:{type:Object},syncSitePath:{type:String,attribute:"sync-site-path"},publishing:{type:Boolean},saveOutlinePath:{type:String,attribute:"save-outline-path"},appStore:{type:Object},editMode:{type:Boolean,reflect:!0,attribute:"edit-mode"},activeItem:{type:Object},manifest:{type:Object},getSiteFieldsPath:{type:String,attribute:"save-site-fields-path"},getFormToken:{type:String,attribute:"get-form-token"}}}__deleteNodeResponseChanged(e){e.detail.value&&e.detail.value.data&&e.detail.value.data.title&&(a.toast(`Page deleted ${e.detail.value.data.title}, selecting another page`,4e3),a.playSound("coin"))}__createNodeResponseChanged(e){e.detail.value&&e.detail.value.data&&e.detail.value.data.slug&&(window.history.pushState({},null,e.detail.value.data.slug),window.dispatchEvent(new PopStateEvent("popstate")),a.toast(`Created ${e.detail.value.data.title}!`,3e3,{hat:"random"}),a.playSound("coin"))}_handleUserDataResponse(e){e.detail.response&&e.detail.response.data&&(a.userData=e.detail.response.data,this.dispatchEvent(new CustomEvent("haxcms-user-data-updated",{composed:!0,bubbles:!0,cancelable:!1,detail:e.detail.response.data})))}lastErrorChanged(e){if(e.detail.value){console.error(e);var t=r(e)[0];switch(parseInt(e.detail.value.status)){case 405:case 401:this.dispatchEvent(new CustomEvent("jwt-login-logout",{composed:!0,bubbles:!0,cancelable:!1,detail:{redirect:!0}}));break;case 403:this.dispatchEvent(new CustomEvent("jwt-login-refresh-token",{composed:!0,bubbles:!0,cancelable:!1,detail:{element:{obj:this,callback:"refreshRequest",params:[t]}}}));break;default:a.toast(e.detail.value.status+" "+e.detail.value.statusText,5e3,{fire:!0}),a.playSound("error")}}}refreshRequest(e,t){this.jwt=e,t.body.jwt=e,t.headers={Authorization:`Bearer ${this.jwt}`},setTimeout((()=>{t.generateRequest()}),0)}loadingChanged(e){this.loading=e.detail.value}createRenderRoot(){return this}firstUpdated(e){if(d.ready){let e={detail:!0};this._storeReadyToGo(e)}window.dispatchEvent(new CustomEvent("haxcms-site-editor-loaded",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}));const t=document.createElement("link");t.rel="stylesheet",t.href=new URL("../base.css",import.meta.url).href,this.querySelector("#hax").shadowRoot.querySelector("style").parentNode.insertBefore(t,this.querySelector("#hax").shadowRoot.querySelector("style").nextSibling)}updated(e){e.forEach(((e,t)=>{"appStore"==t&&this.querySelector("#hax").setAttribute("app-store",JSON.stringify(this[t])),"publishing"==t?this._publishingChanged(this[t],e):"activeItem"==t?(this.dispatchEvent(new CustomEvent("manifest-changed",{detail:this[t]})),this._activeItemChanged(this[t],e)):"manifest"==t&&(this.dispatchEvent(new CustomEvent("manifest-changed",{detail:this[t]})),this._manifestChanged(this[t],e))}))}_tokenRefreshFailed(e){this.dispatchEvent(new CustomEvent("jwt-login-logout",{composed:!0,bubbles:!0,cancelable:!1,detail:{redirect:!0}}))}connectedCallback(){super.connectedCallback(),this.windowControllers&&this.windowControllers.abort(),this.windowControllers=new AbortController,window.addEventListener("jwt-login-refresh-error",this._tokenRefreshFailed.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("hax-store-ready",this._storeReadyToGo.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("json-outline-schema-active-item-changed",this._newActiveItem.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("json-outline-schema-active-body-changed",this._bodyChanged.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-save-outline",this.saveOutline.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-save-node",this.saveNode.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-save-site-data",this.saveManifest.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-load-site-dashboard",this.loadSiteDashboard.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-load-user-data",this.loadUserData.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-create-node",this.createNode.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("haxcms-delete-node",this.deleteNode.bind(this),{signal:this.windowControllers.signal})}loadUserData(e){this.querySelector("#getuserdata").body={jwt:this.jwt},this.querySelector("#getuserdata").generateRequest()}loadSiteDashboard(e){document.body.querySelector("haxcms-site-dashboard")&&(this.siteDashboard=document.body.querySelector("haxcms-site-dashboard"),this.siteDashboard.headers={Authorization:`Bearer ${this.jwt}`},this.siteDashboard.jwt=this.jwt,this.siteDashboard.method=this.method,this.siteDashboard.body={jwt:this.jwt,token:this.getFormToken,site:{name:this.manifest.metadata.site.name}},this.siteDashboard.loadEndpoint=this.getSiteFieldsPath,setTimeout((()=>{this.siteDashboard.generateRequest()}),0))}_schemaFormValueChanged(e){}async createNode(e){if(e.detail.values){var t=e.detail.values;if(t.jwt=this.jwt,t.site={name:this.manifest.metadata.site.name},this._originalTarget=e.detail.originalTarget,t.docximport)await import("../../../file-system-broker/lib/docx-file-system-broker.js").then((async e=>{n(["haxcms"]);const s=window.FileSystemBroker.requestAvailability(),i=await s.loadFile("docx"),d=new FormData;d.append("method",t.docximport);let r="course";this.manifest.metadata.build&&this.manifest.metadata.structure&&(r=this.manifest.metadata.structure),d.append("type",r),d.append("parentId",t.parent),d.append("upload",i),this.setProcessingVisual();const l=await o.call("@haxcms/docxToSite",d);a.toast("finished!",300),200==l.status&&l.data&&""!=l.data.contents&&(t.items=l.data.items,await import("../../../outline-designer/outline-designer.js").then((async e=>{const a=document.createElement("outline-designer");a.items=l.data.items,a.eventData=t,a.storeTools=!0;const s=document.createElement("button");s.innerText="Confirm",s.classList.add("hax-modal-btn"),s.addEventListener("click",(async e=>{const t=await a.getData();let s=0,i=0,n=0;t.items.map((e=>{e.delete?s++:e.new?n++:e.modified&&i++}));let o=`${n>0?`‣ ${n} new pages will be created\n`:""}${i>0?`‣ ${i} pages will be updated\n`:""}${s>0?`‣ ${s} pages will be deleted\n`:""}`,d=!1;if(d=""==o||window.confirm(`Saving will commit the following actions:\n${o}\nAre you sure?`),d){this.querySelector("#createajax").body=t,this.setProcessingVisual(),this.querySelector("#createajax").generateRequest();const e=new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}});window.dispatchEvent(e)}}));const i=document.createElement("button");i.innerText="Cancel",i.classList.add("hax-modal-btn"),i.classList.add("cancel"),i.addEventListener("click",(e=>{const t=new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}});window.dispatchEvent(t)}));const n=document.createElement("div");n.appendChild(s),n.appendChild(i),this.dispatchEvent(new CustomEvent("simple-modal-show",{bubbles:!0,cancelable:!0,composed:!0,detail:{title:"Confirm structure",elements:{content:a,buttons:n},modal:!0,styles:{"--simple-modal-titlebar-background":"transparent","--simple-modal-titlebar-color":"black","--simple-modal-width":"90vw","--simple-modal-min-width":"300px","--simple-modal-z-index":"100000000","--simple-modal-height":"90vh","--simple-modal-min-height":"400px","--simple-modal-titlebar-height":"64px","--simple-modal-titlebar-color":"black","--simple-modal-titlebar-height":"80px","--simple-modal-titlebar-background":"orange"}}}))})))}));else{this.querySelector("#createajax").body=t,this.setProcessingVisual(),this.querySelector("#createajax").generateRequest();const e=new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}});window.dispatchEvent(e)}}}_handleCreateResponse(e){this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0})),this.dispatchEvent(new CustomEvent("haxcms-create-node-success",{bubbles:!0,composed:!0,cancelable:!1,detail:{value:!0,originalTarget:this._originalTarget}}))}deleteNode(e){this.querySelector("#deleteajax").body={jwt:this.jwt,site:{name:this.manifest.metadata.site.name},node:{id:e.detail.item.id}},this.setProcessingVisual(),this.querySelector("#deleteajax").generateRequest();const t=new CustomEvent("simple-modal-hide",{bubbles:!0,composed:!0,cancelable:!0,detail:{}});window.dispatchEvent(t)}_handleDeleteResponse(e){window.history.replaceState({},null,a.fallbackItemSlug()),window.dispatchEvent(new PopStateEvent("popstate")),setTimeout((()=>{this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}),100)}_storeReadyToGo(e){e.detail&&(d.connectionRewrites.appendJwt="jwt")}_publishingChanged(e,t){e?a.toast("Publishing...",0,{hat:"random"}):!e&&t&&a.toast("Publishing...",2e3,{hat:"random"})}_manifestChanged(e){this.activeItem&&e.metadata&&(d.connectionRewrites.appendUploadEndPoint="siteName="+e.metadata.site.name+"&nodeId="+this.activeItem.id)}_newActiveItem(e){this.activeItem=e.detail}_activeItemChanged(e,t){e&&this.manifest&&(d.connectionRewrites.appendUploadEndPoint="siteName="+this.manifest.metadata.site.name+"&nodeId="+e.id)}_handleNodeResponse(e){e.detail.value&&e.detail.value.data&&e.detail.value.data.slug&&this.activeItem.slug!==e.detail.value.data.slug&&(window.history.replaceState({},null,e.detail.value.data.slug),window.dispatchEvent(new PopStateEvent("popstate"))),a.toast("Page saved!",3e3,{hat:"random"}),a.playSound("coin"),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(e){a.toast("Outline saved!",3e3,{hat:"random"}),a.playSound("coin"),setTimeout((()=>{this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}),100)}_handleManifestResponse(e){a.toast("Site details saved, reloading to reflect changes!",2e3),a.playSound("coin"),this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0})),setTimeout((()=>{window.location.reload()}),2e3)}_handleRevertResponse(e){a.toast("Last save undone",2e3),a.playSound("error"),this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}_handleSyncResponse(e){a.toast("Site synced",2e3,{hat:"random"}),a.playSound("success"),this.dispatchEvent(new CustomEvent("haxcms-trigger-update",{bubbles:!0,composed:!0,cancelable:!1,detail:!0}))}_handlePublishResponse(e){let t=e.detail.response,a=document.createElement("span");a.innerHTML=`\n    <a href="${t.url}" target="_blank">\n      <button raised style="color:yellow;text-transform: none;font-weight: bold;">\n      ${t.label}\n      </button>\n    </a>`;const s=new CustomEvent("haxcms-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:t.response,duration:1e4,slot:a.cloneNode(!0)}});window.dispatchEvent(s)}async saveNode(e){if(this.saveNodePath){let e=await d.activeHaxBody.haxToContent();this.querySelector("#nodeupdateajax").body={jwt:this.jwt,site:{name:this.manifest.metadata.site.name},node:{id:this.activeItem.id,body:e,schema:await d.htmlToHaxElements(e)}},this.setProcessingVisual(),this.querySelector("#nodeupdateajax").generateRequest()}}saveNodeDetails(e){this.saveNodePath&&(this.querySelector("#nodeupdateajax").body={jwt:this.jwt,site:{name:this.manifest.metadata.site.name},node:{id:e.detail.id,details:e.detail}},this.setProcessingVisual(),this.querySelector("#nodeupdateajax").generateRequest())}saveOutline(e){this.saveOutlinePath&&(this.querySelector("#outlineupdateajax").body={jwt:this.jwt,site:{name:this.manifest.metadata.site.name},items:e.detail},this.setProcessingVisual(),this.querySelector("#outlineupdateajax").generateRequest())}setProcessingVisual(){let e=document.createElement("simple-icon-lite");e.icon="hax:loading",e.style.setProperty("--simple-icon-height","40px"),e.style.setProperty("--simple-icon-width","40px"),e.style.height="150px",e.style.marginLeft="8px",a.toast("Processing",5e3,{hat:"construction",slot:e})}saveManifest(e){let t=e.detail;t.cssVariable&&(t.hexCode=window.SimpleColorsStyles.colors[t.cssVariable.replace("--simple-colors-default-theme-","").replace("-7","")][6]),t.jwt=this.jwt,t.site?t.site.name=this.manifest.metadata.site.name:t.site={name:this.manifest.metadata.site.name},this.saveManifestPath&&(this.querySelector("#manifestupdateajax").body=t,this.setProcessingVisual(),this.querySelector("#manifestupdateajax").generateRequest())}_bodyChanged(e){d.activeHaxBody&&d.activeHaxBody.importContent(e.detail)}publishSite(e){this.publishSitePath&&(this.querySelector("#publishajax").body={jwt:this.jwt,site:{name:this.manifest.metadata.site.name}},this.setProcessingVisual(),this.querySelector("#publishajax").generateRequest())}syncSite(e){this.syncSitePath&&(this.querySelector("#syncajax").body={jwt:this.jwt,site:{name:a.manifest.metadata.site.name}},this.setProcessingVisual(),this.querySelector("#syncajax").generateRequest())}revertCommit(e){this.revertSitePath&&(this.querySelector("#revertajax").body={jwt:this.jwt,site:{name:a.manifest.metadata.site.name}},this.setProcessingVisual(),this.querySelector("#revertajax").generateRequest())}}customElements.define(HAXCMSSiteEditor.tag,HAXCMSSiteEditor);export{HAXCMSSiteEditor};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/site-list/haxcms-site-listing.js b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/site-list/haxcms-site-listing.js
index 681c056477f..265908f0d70 100644
--- a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/site-list/haxcms-site-listing.js
+++ b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/site-list/haxcms-site-listing.js
@@ -857,4 +857,4 @@ import{html as e,PolymerElement as t}from"../../../../../@polymer/polymer/polyme
           </button>
         </div>
       </paper-dialog>
-    `}_sitesResponseChanged(e,t){e&&void 0!==e.items&&(this.title=e.title,this.set("sites",[]),this.set("sites",e.items),this.shadowRoot.querySelector("jos-render").items=e.items,this.notifyPath("sites.*"))}cleanLocation(e){return e?e.replace("/_sites/","").replace("/sites/","").replace("/",""):e}static get properties(){return{__loading:{type:Boolean},sitesResponse:{type:Object,notify:!0,observer:"_sitesResponseChanged"},method:{type:String,value:"POST"},title:{type:String,value:"My sites"},sites:{type:Array,notify:!0},basePath:{type:String},hideLogin:{type:Boolean,value:!1},hideGlobalSettings:{type:Boolean,value:!1},dataSource:{type:String,observer:"_dataSourceChanged"},jwt:{type:String,notify:!0,observer:"_jwtChanged"},userData:{type:Object,value:{},observer:"_userDataChanged"},createParams:{type:Object,value:{}},downloadParams:{type:Object,value:{}},deleteParams:{type:Object,value:{}},cloneParams:{type:Object,value:{}},publishParams:{type:Object,value:{}},syncParams:{type:Object,value:{}},archiveParams:{type:Object,value:{}},configParams:{type:Object,value:{}},setConfigParams:{type:Object,value:{}},getUserDataParams:{type:Object,value:{}},activeOpertion:{type:String},HaxSchematizer:{type:Object},HaxElementizer:{type:Object},selectedItems:{type:Array,value:[],observer:"_selectedItemsChanged"},activeItem:{type:Object,notify:!0},loggedIn:{type:Boolean,value:!1,notify:!0,reflectToAttribute:!0,observer:"_loggedInChanged"},editMode:{type:Boolean,notify:!0,reflectToAttribute:!0,value:!1,observer:"_editModeChanged"},hideCamera:{type:Boolean,value:!1},logoutPhoto:{type:String,value:!1}}}_userDataChanged(e){e.userName&&(this.title=e.userName+" sites"),e.userPicture&&(this.logoutPhoto=e.userPicture)}showSpecialButtons(e,t){return!e&&!!t}_selectedItemsChanged(e){e&&e.length>0?this.shadowRoot.querySelector("#ops").removeAttribute("hidden"):this.shadowRoot.querySelector("#ops").setAttribute("hidden","hidden")}_dataSourceChanged(e){e&&(this._dataSource=e+"?"+Math.floor(Date.now()/1e3))}_jwtLoggedIn(e){e.detail?this.loggedIn=!0:this.loggedIn=!1}_tokenRefreshFailed(e){this.jwt=null,this.loggedIn=!1,this.dispatchEvent(new CustomEvent("jwt-login-logout",{composed:!0,bubbles:!0,cancelable:!1,detail:{}}))}_editModeChanged(e){this.__editIcon=e?"icons:check":"icons:create"}_addTap(){this._resetNewSiteForm(),this.shadowRoot.querySelector("#createsite").opened=!0}_importTap(){this.shadowRoot.querySelector("#importurl").value="",this.shadowRoot.querySelector("#importsite").opened=!0}_loggedInChanged(e,t){void 0!==t&&(e?(document.body.setAttribute("data-logged-in","data-logged-in"),this.__loginText="Log out",this.__loginIcon="icons:account-circle",this.standardResponse("Welcome, log in successful!"),this.shadowRoot.querySelector("#add").hidden=!1):(document.body.removeAttribute("data-logged-in"),this.__loginText="Log in",this.__loginIcon="icons:power-settings-new",this.standardResponse("You logged out"),this.shadowRoot.querySelector("#add").hidden=!0))}_jwtChanged(e){if(e){if(this.__loginText="Log out",this.__loginIcon="icons:account-circle",this.__cameraBlob){let t=new File([this.__cameraBlob],"userPhoto"+Date.now()+".jpg");this.shadowRoot.querySelector("#fileupload").target=this.__setUserPhotoPath+"&jwt="+e,this.shadowRoot.querySelector("#fileupload")._addFile(t),this.shadowRoot.querySelector("#fileupload").uploadFiles()}setTimeout((()=>{this.set("getUserDataParams",{}),this.set("getUserDataParams",{jwt:e}),this.notifyPath("getUserDataParams.*"),this.shadowRoot.querySelector("#getuserdatarequest").generateRequest()}),500)}else this.__loginText="Log in",this.__loginIcon="icons:power-settings-new"}_editTap(e){this.editMode=!this.editMode}_settingsTap(e){this._loadConfig(),this.shadowRoot.querySelector("#settingsdialog").opened=!0}refreshData(e){this.shadowRoot.querySelector("#loaddata").generateRequest()}_gridSelectedItemsChanged(e){this.set("selectedItems",[]),this.set("selectedItems",this.shadowRoot.querySelector("#grid").selectedItems)}connectedCallback(){super.connectedCallback(),window.addEventListener("jwt-login-refresh-error",this._tokenRefreshFailed.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("jwt-token",this.updateJwt.bind(this),{signal:this.windowControllers.signal}),navigator.mediaDevices||(this.shadowRoot.querySelector("#snap").style.display="none",this.shadowRoot.querySelector("#newsnap").style.display="none"),this.shadowRoot.querySelector("#fileupload").addEventListener("upload-response",this.handleSetUserPhotoResponse.bind(this)),this.jwt&&(this.loggedIn=!0),window.addEventListener("sites-listing-refresh-data",this.refreshData.bind(this),{signal:this.windowControllers.signal}),setTimeout((()=>{if(document.head.createShadowRoot||document.head.attachShadow);else{console.warn("Shadow DOM missing, ALL YOUR IE R BELONG TO US"),console.warn("HAXCMS DOES NOT LOVE YOUR OLD BROWSER FOR EDITING JUST VIEWING"),console.warn("You get no authoring experience. Good day to you!");const e=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"WARNING: You are using a polyfilled browser. HAXcms requires modern browsers, please upgrade or switch to a modern browser to edit in HAXcms!",duration:1e4}});this.dispatchEvent(e)}this.hideCamera?(this.shadowRoot.querySelector("#newsnap").classList.add("hide-camera"),this.shadowRoot.querySelector("#snap").classList.add("hide-camera"),this.shadowRoot.querySelector("#camera").classList.add("hide-camera")):import("../../../../simple-login/lib/simple-login-camera.js"),this.addEventListener("simple-login-login",this.loginPromptEvent.bind(this)),this.shadowRoot.querySelector("#grid").addEventListener("selected-items-changed",this._gridSelectedItemsChanged.bind(this)),this.__loginPath=window.appSettings.login,this.__refreshPath=window.appSettings.refreshUrl,this.__logoutPath=window.appSettings.logout,this.__setConfigPath=window.appSettings.setConfigPath,this.__getUserDataPath=window.appSettings.getUserDataPath,this.__setUserPhotoPath=window.appSettings.setUserPhotoPath,this.__getConfigPath=window.appSettings.getConfigPath,this.__createNewSitePath=window.appSettings.createNewSitePath,this.__gitImportSitePath=window.appSettings.gitImportSitePath,this.__downloadSitePath=window.appSettings.downloadSitePath,this.__archiveSitePath=window.appSettings.archiveSitePath,this.__cloneSitePath=window.appSettings.cloneSitePath,this.__publishSitePath=window.appSettings.publishSitePath,this.__syncSitePath=window.appSettings.syncSitePath,this.__revertSitePath=window.appSettings.revertSitePath,this.__deleteSitePath=window.appSettings.deleteSitePath,window.appSettings.jwt&&this.set("jwt",window.appSettings.jwt),document.body.addEventListener("haxcms-load-site",this.loadActiveSite.bind(this),{signal:this.windowControllers.signal}),this.permissionsListen(),this.shadowRoot.querySelector("#snap").addEventListener("click",(()=>{this.dispatchEvent(new CustomEvent("simple-login-camera-icon-click",{detail:this,bubbles:!0,composed:!0})),this.snapPhoto.bind(this)})),this.shadowRoot.querySelector("#newsnap").addEventListener("click",(()=>{this.dispatchEvent(new CustomEvent("simple-login-cancel-icon-click",{detail:this,bubbles:!0,composed:!0})),this.clearPhoto.bind(this)}))}),0)}permissionsListen(){window.addEventListener("simple-login-camera-icon-click",(async()=>{await this.snapPhoto()}),{signal:this.windowControllers.signal}),window.addEventListener("simple-login-cancel-icon-click",(async()=>{await this.clearPhoto()}),{signal:this.windowControllers.signal})}async snapPhoto(e){const t=this.shadowRoot.querySelector("#camera");this.__cameraBlob=await t.takeASnap().then(t.imageBlob);let i=document.createElement("img");i.src=URL.createObjectURL(this.__cameraBlob),t.removeAttribute("autoplay");const o=this.shadowRoot.querySelector("#selfie");o.innerHTML="",o.appendChild(i),o.classList.add("has-snap")}clearPhoto(e){this.shadowRoot.querySelector("#camera").setAttribute("autoplay","autoplay");const t=this.shadowRoot.querySelector("#selfie");t.innerHTML="",t.classList.remove("has-snap")}loginPromptEvent(e){this._loginUserRoutine({u:e.detail.u,p:e.detail.p})}_logoutUserRoutine(){this.dispatchEvent(new CustomEvent("jwt-login-logout",{composed:!0,bubbles:!0,cancelable:!1,detail:{}}))}_loginUserRoutine(e){this.dispatchEvent(new CustomEvent("jwt-login-login",{composed:!0,bubbles:!0,cancelable:!1,detail:e}))}_resetNewSiteForm(){let e=[],t=null;for(var i in window.appSettings.themes)e[i]=window.appSettings.themes[i].name,t||(t=i);const o=this.shadowRoot.querySelector("#createsitefields");o.fields=[{property:"id",title:"id",description:"",inputMethod:"boolean",hidden:!0},{property:"manifest",inputMethod:"tabs",properties:[{property:"site",title:"Site details",properties:[{property:"name",title:"Site name",description:"This forms the folder name and metadata title for the site",inputMethod:"textfield",required:!0},{property:"theme",title:"Theme",description:"Design for presenting your new site",inputMethod:"select",allowNull:!1,options:e,required:!0},{property:"description",title:"Description (optional)",description:"Addition detail, for personal use as well as search engine optimization",inputMethod:"textfield"}]},{property:"theme",title:"Theme settings",properties:[{property:"icon",title:"Pick an icon.",description:"The icon is used in some designs areas to help you know what site your on",inputMethod:"iconpicker"},{property:"color",title:"Color",description:"Choose a primary color to tint the UI or be used in the theme",inputMethod:"colorpicker"}]}]}],o.value={id:!1,manifest:{site:{name:"",description:"",theme:t},theme:{color:"blue",icon:"icons:add-circle-outline"}}}}disconnectedCallback(){this.windowControllers.abort(),this.removeEventListener("simple-login-login",this.loginPromptEvent.bind(this)),this.shadowRoot.querySelector("#snap").removeEventListener("click",this.snapPhoto.bind(this)),this.shadowRoot.querySelector("#newsnap").removeEventListener("click",this.clearPhoto.bind(this)),this.shadowRoot.querySelector("#grid").removeEventListener("selected-items-changed",this._gridSelectedItemsChanged.bind(this)),this.shadowRoot.querySelector("#jwt").removeEventListener("jwt-logged-in",this._jwtLoggedIn.bind(this)),super.disconnectedCallback()}ready(){super.ready(),this.shadowRoot.querySelector("#jwt").addEventListener("jwt-logged-in",this._jwtLoggedIn.bind(this)),setTimeout((()=>{this.shadowRoot.querySelector('[modal-id="help"]').associateEvents(this.shadowRoot.querySelector("#help"))}),0),window.JSONOutlineSchema.requestAvailability(),window.SimpleModal.requestAvailability(),window.SimpleToast.requestAvailability();this.shadowRoot.querySelector("jos-render").map={tag:"course-card",path:"@lrnwebcomponents/product-card/lib/course-card.js",properties:{number:"title",name:function(e){return e.slug?e.slug.replace("/_sites/","").replace("/sites/","").replace("/",""):""},zoom:!0,url:"location",image:function(e){return e.metadata.site&&e.metadata.site.logo?e.slug+e.metadata.site.logo.replace(" ","%20"):e.slug+"assets/banner.jpg"},icon:function(e){return e.metadata.theme&&e.metadata.theme.variables&&e.metadata.theme.variables.icon?e.metadata.theme.variables.icon:"icons:android"},author:function(e){return e.metadata.author&&e.metadata.author.name?e.metadata.author.name:""},accentColor:function(e){return e.metadata.theme&&e.metadata.theme.variables&&e.metadata.theme.variables.cssVariable?e.metadata.theme.variables.cssVariable.replace("--simple-colors-default-theme-","").replace("-7",""):""},size:"small",dark:!0,alt:function(e){return"Select to access "+e.title}}}}loadActiveSite(e){let t=this.sites.filter((t=>t.id===e.detail.id)).pop();t.slug?window.open(t.slug):window.open(this.basePath+"_sites/"+t.metadata.site.name+"/")}_gitImportSite(e){let t=Object.assign({jwt:this.jwt,site:{git:{url:this.shadowRoot.querySelector("#importurl").value}}});this.set("gitImportParams",{}),this.set("gitImportParams",t),this.notifyPath("gitImportParams.*"),this.shadowRoot.querySelector("#gitimportrequest").generateRequest()}_createSite(e){let t=Object.assign({jwt:this.jwt},this.shadowRoot.querySelector("#createsitefields").value.manifest);this.set("createParams",{}),this.set("createParams",t),this.notifyPath("createParams.*"),this.shadowRoot.querySelector("#createrequest").generateRequest()}async _downloadSites(e){for(var t in this.set("downloadParams",{}),this.set("downloadParams",{jwt:this.jwt,site:{}}),this.notifyPath("downloadParams.*"),this.selectedItems)this.set("activeItem",{}),this.set("activeItem",this.selectedItems[t]),this.set("downloadParams.site.name",this.selectedItems[t].metadata.site.name),this.notifyPath("downloadParams.site.name"),await this.shadowRoot.querySelector("#downloadrequest").generateRequest()}async _archiveSites(e){for(var t in this.set("archiveParams",{}),this.set("archiveParams",{jwt:this.jwt,site:{}}),this.notifyPath("archiveParams.*"),this.selectedItems)this.set("activeItem",{}),this.set("activeItem",this.selectedItems[t]),this.set("archiveParams.site.name",this.selectedItems[t].metadata.site.name),this.notifyPath("archiveParams.site.name"),await this.shadowRoot.querySelector("#archiverequest").generateRequest()}_bulkSitesConfirm(e){let t,i=s(e);for(;!t&&i&&i.length>0;)i[0].getAttribute("data-op")&&(t=i[0].getAttribute("data-op")),i.shift();this.activeOpertion=t,this.shadowRoot.querySelector("#confirm").opened=!0}async _confirmBulkOperation(e){await this["_"+this.activeOpertion+"Sites"](),this.activeOpertion="",this.shadowRoot.querySelector("#grid").set("selectedItems",[])}async _deleteSites(e){for(var t in this.set("deleteParams",{}),this.set("deleteParams",{jwt:this.jwt,site:{}}),this.notifyPath("deleteParams.*"),this.selectedItems)this.set("activeItem",{}),this.set("activeItem",this.selectedItems[t]),this.set("deleteParams.site.name",this.selectedItems[t].metadata.site.name),this.notifyPath("deleteParams.site.name"),await this.shadowRoot.querySelector("#deleterequest").generateRequest()}async _cloneSites(e){for(var t in this.set("cloneParams",{}),this.set("cloneParams",{jwt:this.jwt,site:{}}),this.notifyPath("cloneParams.*"),this.selectedItems)this.set("activeItem",{}),this.set("activeItem",this.selectedItems[t]),this.set("cloneParams.site.name",this.selectedItems[t].metadata.site.name),this.notifyPath("cloneParams.site.name"),await this.shadowRoot.querySelector("#clonerequest").generateRequest()}async _publishSites(e){for(var t in this.set("publishParams",{}),this.set("publishParams",{jwt:this.jwt,site:{}}),this.notifyPath("publishParams.*"),this.selectedItems)this.set("activeItem",{}),this.set("activeItem",this.selectedItems[t]),this.set("publishParams.site.name",this.selectedItems[t].metadata.site.name),this.notifyPath("publishParams.site.name"),await this.shadowRoot.querySelector("#publishrequest").generateRequest()}async _syncSites(e){for(var t in this.set("syncParams",{}),this.set("syncParams",{jwt:this.jwt,site:{}}),this.notifyPath("syncParams.*"),this.selectedItems)this.set("activeItem",{}),this.set("activeItem",this.selectedItems[t]),this.set("syncParams.site.name",this.selectedItems[t].metadata.site.name),this.notifyPath("syncParams.site.name"),await this.shadowRoot.querySelector("#syncrequest").generateRequest()}_loadConfig(){this.set("configParams",{}),this.set("configParams",{jwt:this.jwt,token:this.createParams.token}),this.notifyPath("configParams.*"),this.shadowRoot.querySelector("#getconfigrequest").generateRequest()}_saveConfig(e){window.HAXCMS.config.values=this.shadowRoot.querySelector("#settingsform").value,this.set("setConfigParams",{}),this.set("setConfigParams",{jwt:this.jwt,token:this.createParams.token,values:window.HAXCMS.config.values}),this.notifyPath("setConfigParams.*"),this.shadowRoot.querySelector("#setconfigrequest").generateRequest()}standardResponse(e,t=!0){t&&this.dispatchEvent(new CustomEvent("sites-listing-refresh-data",{bubbles:!0,composed:!0,cancelable:!1,detail:!0})),this.dispatchEvent(new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:e,duration:2e3}}))}handleCreateResponse(e){this._dataSource=this.dataSource+"?"+Math.floor(Date.now()/1e3),this.standardResponse(e.detail.response.title+" created!")}handleGitImportResponse(e){this._dataSource=this.dataSource+"?"+Math.floor(Date.now()/1e3),this.standardResponse(e.detail.response.title+" imported!")}handleConfigResponse(e){window.HAXCMS.config=e.detail.response,this.shadowRoot.querySelector("#settingsform").schema={},this.shadowRoot.querySelector("#settingsform").schema=window.HAXCMS.config.schema,this.shadowRoot.querySelector("#settingsform").value={},this.shadowRoot.querySelector("#settingsform").value=window.HAXCMS.config.values,window.dispatchEvent(new Event("resize"))}handleSetConfigResponse(e){this.shadowRoot.querySelector("#settingsdialog").opened=!1,this.standardResponse("HAXCMS configuration updated!")}handleGetUserDataResponse(e){this.userData=e.detail.response.data}handleSetUserPhotoResponse(e){delete this.__cameraBlob,this.standardResponse("User photo saved!",!1)}handleDownloadResponse(e){let t=document.createElement("a");t.setAttribute("href",e.detail.response.link),t.style.display="none",document.body.appendChild(t),t.click(),document.body.removeChild(t),this.standardResponse(this.activeItem.title+" downloaded!")}handleArchiveResponse(e){this.standardResponse(this.activeItem.title+" archived!")}handleDeleteResponse(e){this.standardResponse(this.activeItem.title+" deleted!")}handleCloneResponse(e){this.standardResponse(this.activeItem.title+" cloned!")}handlePublishResponse(e){this.standardResponse(this.activeItem.title+" published!")}handleSyncResponse(e){this.standardResponse(this.activeItem.title+" published!")}lastErrorChanged(e){if(e.detail.value){var t=s(e)[0];switch(parseInt(e.detail.value.status)){case 401:this.dispatchEvent(new CustomEvent("jwt-login-logout",{composed:!0,bubbles:!0,cancelable:!1,detail:{redirect:!0}}));break;case 403:this.dispatchEvent(new CustomEvent("jwt-login-refresh-token",{composed:!0,bubbles:!0,cancelable:!1,detail:{element:{obj:this,callback:"refreshRequest",params:[t]}}}));break;default:console.error(e);const i=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:e.detail.value.status+" "+e.detail.value.statusText}});window.dispatchEvent(i)}}}updateJwt(e){this.jwt=e.detail}refreshRequest(e,t){this.jwt=e,t.body.jwt=e,setTimeout((()=>{t.generateRequest()}),0)}}customElements.define(HAXCMSSiteListing.tag,HAXCMSSiteListing);export{HAXCMSSiteListing};
\ No newline at end of file
+    `}_sitesResponseChanged(e,t){e&&void 0!==e.items&&(this.title=e.title,this.set("sites",[]),this.set("sites",e.items),this.shadowRoot.querySelector("jos-render").items=e.items,this.notifyPath("sites.*"))}cleanLocation(e){return e?e.replace("/_sites/","").replace("/sites/","").replace("/",""):e}static get properties(){return{__loading:{type:Boolean},sitesResponse:{type:Object,notify:!0,observer:"_sitesResponseChanged"},method:{type:String,value:"POST"},title:{type:String,value:"My sites"},sites:{type:Array,notify:!0},basePath:{type:String},hideLogin:{type:Boolean,value:!1},hideGlobalSettings:{type:Boolean,value:!1},dataSource:{type:String,observer:"_dataSourceChanged"},jwt:{type:String,notify:!0,observer:"_jwtChanged"},userData:{type:Object,value:{},observer:"_userDataChanged"},createParams:{type:Object,value:{}},downloadParams:{type:Object,value:{}},deleteParams:{type:Object,value:{}},cloneParams:{type:Object,value:{}},publishParams:{type:Object,value:{}},syncParams:{type:Object,value:{}},archiveParams:{type:Object,value:{}},configParams:{type:Object,value:{}},setConfigParams:{type:Object,value:{}},getUserDataParams:{type:Object,value:{}},activeOpertion:{type:String},HaxSchematizer:{type:Object},HaxElementizer:{type:Object},selectedItems:{type:Array,value:[],observer:"_selectedItemsChanged"},activeItem:{type:Object,notify:!0},loggedIn:{type:Boolean,value:!1,notify:!0,reflectToAttribute:!0,observer:"_loggedInChanged"},editMode:{type:Boolean,notify:!0,reflectToAttribute:!0,value:!1,observer:"_editModeChanged"},hideCamera:{type:Boolean,value:!1},logoutPhoto:{type:String,value:!1}}}_userDataChanged(e){e.userName&&(this.title=e.userName+" sites"),e.userPicture&&(this.logoutPhoto=e.userPicture)}showSpecialButtons(e,t){return!e&&!!t}_selectedItemsChanged(e){e&&e.length>0?this.shadowRoot.querySelector("#ops").removeAttribute("hidden"):this.shadowRoot.querySelector("#ops").setAttribute("hidden","hidden")}_dataSourceChanged(e){e&&(this._dataSource=e+"?"+Math.floor(Date.now()/1e3))}_jwtLoggedIn(e){e.detail?this.loggedIn=!0:this.loggedIn=!1}_tokenRefreshFailed(e){this.jwt=null,this.loggedIn=!1,this.dispatchEvent(new CustomEvent("jwt-login-logout",{composed:!0,bubbles:!0,cancelable:!1,detail:{}}))}_editModeChanged(e){this.__editIcon=e?"icons:check":"icons:create"}_addTap(){this._resetNewSiteForm(),this.shadowRoot.querySelector("#createsite").opened=!0}_importTap(){this.shadowRoot.querySelector("#importurl").value="",this.shadowRoot.querySelector("#importsite").opened=!0}_loggedInChanged(e,t){void 0!==t&&(e?(document.body.setAttribute("data-logged-in","data-logged-in"),this.__loginText="Log out",this.__loginIcon="icons:account-circle",this.standardResponse("Welcome, log in successful!"),this.shadowRoot.querySelector("#add").hidden=!1):(document.body.removeAttribute("data-logged-in"),this.__loginText="Log in",this.__loginIcon="icons:power-settings-new",this.standardResponse("You logged out"),this.shadowRoot.querySelector("#add").hidden=!0))}_jwtChanged(e){if(e){if(this.__loginText="Log out",this.__loginIcon="icons:account-circle",this.__cameraBlob){let t=new File([this.__cameraBlob],"userPhoto"+Date.now()+".jpg");this.shadowRoot.querySelector("#fileupload").target=this.__setUserPhotoPath+"&jwt="+e,this.shadowRoot.querySelector("#fileupload")._addFile(t),this.shadowRoot.querySelector("#fileupload").uploadFiles()}setTimeout((()=>{this.set("getUserDataParams",{}),this.set("getUserDataParams",{jwt:e}),this.notifyPath("getUserDataParams.*"),this.shadowRoot.querySelector("#getuserdatarequest").generateRequest()}),500)}else this.__loginText="Log in",this.__loginIcon="icons:power-settings-new"}_editTap(e){this.editMode=!this.editMode}_settingsTap(e){this._loadConfig(),this.shadowRoot.querySelector("#settingsdialog").opened=!0}refreshData(e){this.shadowRoot.querySelector("#loaddata").generateRequest()}_gridSelectedItemsChanged(e){this.set("selectedItems",[]),this.set("selectedItems",this.shadowRoot.querySelector("#grid").selectedItems)}connectedCallback(){super.connectedCallback(),window.addEventListener("jwt-login-refresh-error",this._tokenRefreshFailed.bind(this),{signal:this.windowControllers.signal}),window.addEventListener("jwt-token",this.updateJwt.bind(this),{signal:this.windowControllers.signal}),navigator.mediaDevices||(this.shadowRoot.querySelector("#snap").style.display="none",this.shadowRoot.querySelector("#newsnap").style.display="none"),this.shadowRoot.querySelector("#fileupload").addEventListener("upload-response",this.handleSetUserPhotoResponse.bind(this)),this.jwt&&(this.loggedIn=!0),window.addEventListener("sites-listing-refresh-data",this.refreshData.bind(this),{signal:this.windowControllers.signal}),setTimeout((()=>{if(document.head.createShadowRoot||document.head.attachShadow);else{console.warn("Shadow DOM missing, ALL YOUR IE R BELONG TO US"),console.warn("HAXCMS DOES NOT LOVE YOUR OLD BROWSER FOR EDITING JUST VIEWING"),console.warn("You get no authoring experience. Good day to you!");const e=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:"WARNING: You are using a polyfilled browser. HAXcms requires modern browsers, please upgrade or switch to a modern browser to edit in HAXcms!",duration:1e4}});this.dispatchEvent(e)}this.hideCamera?(this.shadowRoot.querySelector("#newsnap").classList.add("hide-camera"),this.shadowRoot.querySelector("#snap").classList.add("hide-camera"),this.shadowRoot.querySelector("#camera").classList.add("hide-camera")):import("../../../../simple-login/lib/simple-login-camera.js"),this.addEventListener("simple-login-login",this.loginPromptEvent.bind(this)),this.shadowRoot.querySelector("#grid").addEventListener("selected-items-changed",this._gridSelectedItemsChanged.bind(this)),this.__loginPath=window.appSettings.login,this.__refreshPath=window.appSettings.refreshUrl,this.__logoutPath=window.appSettings.logout,this.__setConfigPath=window.appSettings.setConfigPath,this.__getUserDataPath=window.appSettings.getUserDataPath,this.__setUserPhotoPath=window.appSettings.setUserPhotoPath,this.__getConfigPath=window.appSettings.getConfigPath,this.__createNewSitePath=window.appSettings.createNewSitePath,this.__gitImportSitePath=window.appSettings.gitImportSitePath,this.__downloadSitePath=window.appSettings.downloadSitePath,this.__archiveSitePath=window.appSettings.archiveSitePath,this.__cloneSitePath=window.appSettings.cloneSitePath,this.__publishSitePath=window.appSettings.publishSitePath,this.__syncSitePath=window.appSettings.syncSitePath,this.__revertSitePath=window.appSettings.revertSitePath,this.__deleteSitePath=window.appSettings.deleteSitePath,window.appSettings.jwt&&this.set("jwt",window.appSettings.jwt),document.body.addEventListener("haxcms-load-site",this.loadActiveSite.bind(this),{signal:this.windowControllers.signal}),this.permissionsListen(),this.shadowRoot.querySelector("#snap").addEventListener("click",(()=>{this.dispatchEvent(new CustomEvent("simple-login-camera-icon-click",{detail:this,bubbles:!0,composed:!0})),this.snapPhoto.bind(this)})),this.shadowRoot.querySelector("#newsnap").addEventListener("click",(()=>{this.dispatchEvent(new CustomEvent("simple-login-cancel-icon-click",{detail:this,bubbles:!0,composed:!0})),this.clearPhoto.bind(this)}))}),0)}permissionsListen(){window.addEventListener("simple-login-camera-icon-click",(async()=>{await this.snapPhoto()}),{signal:this.windowControllers.signal}),window.addEventListener("simple-login-cancel-icon-click",(async()=>{await this.clearPhoto()}),{signal:this.windowControllers.signal})}async snapPhoto(e){const t=this.shadowRoot.querySelector("#camera");this.__cameraBlob=await t.takeASnap().then(t.imageBlob);let i=document.createElement("img");i.src=URL.createObjectURL(this.__cameraBlob),t.removeAttribute("autoplay");const o=this.shadowRoot.querySelector("#selfie");o.innerHTML="",o.appendChild(i),o.classList.add("has-snap")}clearPhoto(e){this.shadowRoot.querySelector("#camera").setAttribute("autoplay","autoplay");const t=this.shadowRoot.querySelector("#selfie");t.innerHTML="",t.classList.remove("has-snap")}loginPromptEvent(e){this._loginUserRoutine({u:e.detail.u,p:e.detail.p})}_logoutUserRoutine(){this.dispatchEvent(new CustomEvent("jwt-login-logout",{composed:!0,bubbles:!0,cancelable:!1,detail:{}}))}_loginUserRoutine(e){this.dispatchEvent(new CustomEvent("jwt-login-login",{composed:!0,bubbles:!0,cancelable:!1,detail:e}))}_resetNewSiteForm(){let e=[],t=null;for(var i in window.appSettings.themes)e[i]=window.appSettings.themes[i].name,t||(t=i);const o=this.shadowRoot.querySelector("#createsitefields");o.fields=[{property:"id",title:"id",description:"",inputMethod:"boolean",hidden:!0},{property:"manifest",inputMethod:"tabs",properties:[{property:"site",title:"Site details",properties:[{property:"name",title:"Site name",description:"This forms the folder name and metadata title for the site",inputMethod:"textfield",required:!0},{property:"theme",title:"Theme",description:"Design for presenting your new site",inputMethod:"select",allowNull:!1,options:e,required:!0},{property:"description",title:"Description (optional)",description:"Addition detail, for personal use as well as search engine optimization",inputMethod:"textfield"}]},{property:"theme",title:"Theme settings",properties:[{property:"icon",title:"Pick an icon.",description:"The icon is used in some designs areas to help you know what site your on",inputMethod:"iconpicker"},{property:"color",title:"Color",description:"Choose a primary color to tint the UI or be used in the theme",inputMethod:"colorpicker"}]}]}],o.value={id:!1,manifest:{site:{name:"",description:"",theme:t},theme:{color:"blue",icon:"icons:add-circle-outline"}}}}disconnectedCallback(){this.windowControllers.abort(),this.removeEventListener("simple-login-login",this.loginPromptEvent.bind(this)),this.shadowRoot.querySelector("#snap").removeEventListener("click",this.snapPhoto.bind(this)),this.shadowRoot.querySelector("#newsnap").removeEventListener("click",this.clearPhoto.bind(this)),this.shadowRoot.querySelector("#grid").removeEventListener("selected-items-changed",this._gridSelectedItemsChanged.bind(this)),this.shadowRoot.querySelector("#jwt").removeEventListener("jwt-logged-in",this._jwtLoggedIn.bind(this)),super.disconnectedCallback()}ready(){super.ready(),this.shadowRoot.querySelector("#jwt").addEventListener("jwt-logged-in",this._jwtLoggedIn.bind(this)),setTimeout((()=>{this.shadowRoot.querySelector('[modal-id="help"]').associateEvents(this.shadowRoot.querySelector("#help"))}),0),window.JSONOutlineSchema.requestAvailability(),window.SimpleModal.requestAvailability(),window.SimpleToast.requestAvailability();this.shadowRoot.querySelector("jos-render").map={tag:"course-card",path:"@lrnwebcomponents/product-card/lib/course-card.js",properties:{number:"title",name:function(e){return e.slug?e.slug.replace("/_sites/","").replace("/sites/","").replace("/",""):""},zoom:!0,url:"location",image:function(e){return e.metadata.site&&e.metadata.site.logo?e.slug+e.metadata.site.logo.replace(" ","%20"):e.slug+"assets/banner.jpg"},icon:function(e){return e.metadata.theme&&e.metadata.theme.variables&&e.metadata.theme.variables.icon?e.metadata.theme.variables.icon:"icons:android"},author:function(e){return e.metadata.author&&e.metadata.author.name?e.metadata.author.name:""},accentColor:function(e){return e.metadata.theme&&e.metadata.theme.variables&&e.metadata.theme.variables.cssVariable?e.metadata.theme.variables.cssVariable.replace("--simple-colors-default-theme-","").replace("-7",""):""},size:"small",dark:!0,alt:function(e){return"Select to access "+e.title}}}}loadActiveSite(e){let t=this.sites.filter((t=>t.id===e.detail.id)).pop();t.slug?window.open(t.slug):window.open(this.basePath+"_sites/"+t.metadata.site.name+"/")}_gitImportSite(e){let t=Object.assign({jwt:this.jwt,site:{git:{url:this.shadowRoot.querySelector("#importurl").value}}});this.set("gitImportParams",{}),this.set("gitImportParams",t),this.notifyPath("gitImportParams.*"),this.shadowRoot.querySelector("#gitimportrequest").generateRequest()}_createSite(e){let t=Object.assign({jwt:this.jwt},this.shadowRoot.querySelector("#createsitefields").value.manifest);this.set("createParams",{}),this.set("createParams",t),this.notifyPath("createParams.*"),this.shadowRoot.querySelector("#createrequest").generateRequest()}async _downloadSites(e){for(var t in this.set("downloadParams",{}),this.set("downloadParams",{jwt:this.jwt,site:{}}),this.notifyPath("downloadParams.*"),this.selectedItems)this.set("activeItem",{}),this.set("activeItem",this.selectedItems[t]),this.set("downloadParams.site.name",this.selectedItems[t].metadata.site.name),this.notifyPath("downloadParams.site.name"),await this.shadowRoot.querySelector("#downloadrequest").generateRequest()}async _archiveSites(e){for(var t in this.set("archiveParams",{}),this.set("archiveParams",{jwt:this.jwt,site:{}}),this.notifyPath("archiveParams.*"),this.selectedItems)this.set("activeItem",{}),this.set("activeItem",this.selectedItems[t]),this.set("archiveParams.site.name",this.selectedItems[t].metadata.site.name),this.notifyPath("archiveParams.site.name"),await this.shadowRoot.querySelector("#archiverequest").generateRequest()}_bulkSitesConfirm(e){let t,i=s(e);for(;!t&&i&&i.length>0;)i[0].getAttribute("data-op")&&(t=i[0].getAttribute("data-op")),i.shift();this.activeOpertion=t,this.shadowRoot.querySelector("#confirm").opened=!0}async _confirmBulkOperation(e){await this["_"+this.activeOpertion+"Sites"](),this.activeOpertion="",this.shadowRoot.querySelector("#grid").set("selectedItems",[])}async _deleteSites(e){for(var t in this.set("deleteParams",{}),this.set("deleteParams",{jwt:this.jwt,site:{}}),this.notifyPath("deleteParams.*"),this.selectedItems)this.set("activeItem",{}),this.set("activeItem",this.selectedItems[t]),this.set("deleteParams.site.name",this.selectedItems[t].metadata.site.name),this.notifyPath("deleteParams.site.name"),await this.shadowRoot.querySelector("#deleterequest").generateRequest()}async _cloneSites(e){for(var t in this.set("cloneParams",{}),this.set("cloneParams",{jwt:this.jwt,site:{}}),this.notifyPath("cloneParams.*"),this.selectedItems)this.set("activeItem",{}),this.set("activeItem",this.selectedItems[t]),this.set("cloneParams.site.name",this.selectedItems[t].metadata.site.name),this.notifyPath("cloneParams.site.name"),await this.shadowRoot.querySelector("#clonerequest").generateRequest()}async _publishSites(e){for(var t in this.set("publishParams",{}),this.set("publishParams",{jwt:this.jwt,site:{}}),this.notifyPath("publishParams.*"),this.selectedItems)this.set("activeItem",{}),this.set("activeItem",this.selectedItems[t]),this.set("publishParams.site.name",this.selectedItems[t].metadata.site.name),this.notifyPath("publishParams.site.name"),await this.shadowRoot.querySelector("#publishrequest").generateRequest()}async _syncSites(e){for(var t in this.set("syncParams",{}),this.set("syncParams",{jwt:this.jwt,site:{}}),this.notifyPath("syncParams.*"),this.selectedItems)this.set("activeItem",{}),this.set("activeItem",this.selectedItems[t]),this.set("syncParams.site.name",this.selectedItems[t].metadata.site.name),this.notifyPath("syncParams.site.name"),await this.shadowRoot.querySelector("#syncrequest").generateRequest()}_loadConfig(){this.set("configParams",{}),this.set("configParams",{jwt:this.jwt,token:this.createParams.token}),this.notifyPath("configParams.*"),this.shadowRoot.querySelector("#getconfigrequest").generateRequest()}_saveConfig(e){window.HAXCMS.config.values=this.shadowRoot.querySelector("#settingsform").value,this.set("setConfigParams",{}),this.set("setConfigParams",{jwt:this.jwt,token:this.createParams.token,values:window.HAXCMS.config.values}),this.notifyPath("setConfigParams.*"),this.shadowRoot.querySelector("#setconfigrequest").generateRequest()}standardResponse(e,t=!0){t&&this.dispatchEvent(new CustomEvent("sites-listing-refresh-data",{bubbles:!0,composed:!0,cancelable:!1,detail:!0})),this.dispatchEvent(new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:e,duration:2e3}}))}handleCreateResponse(e){this._dataSource=this.dataSource+"?"+Math.floor(Date.now()/1e3),this.standardResponse(e.detail.response.title+" created!")}handleGitImportResponse(e){this._dataSource=this.dataSource+"?"+Math.floor(Date.now()/1e3),this.standardResponse(e.detail.response.title+" imported!")}handleConfigResponse(e){window.HAXCMS.config=e.detail.response,this.shadowRoot.querySelector("#settingsform").schema={},this.shadowRoot.querySelector("#settingsform").schema=window.HAXCMS.config.schema,this.shadowRoot.querySelector("#settingsform").value={},this.shadowRoot.querySelector("#settingsform").value=window.HAXCMS.config.values,window.dispatchEvent(new Event("resize"))}handleSetConfigResponse(e){this.shadowRoot.querySelector("#settingsdialog").opened=!1,this.standardResponse("HAXCMS configuration updated!")}handleGetUserDataResponse(e){this.userData=e.detail.response.data}handleSetUserPhotoResponse(e){delete this.__cameraBlob,this.standardResponse("User photo saved!",!1)}handleDownloadResponse(e){let t=document.createElement("a");t.setAttribute("href",e.detail.response.link),t.style.display="none",document.body.appendChild(t),t.click(),document.body.removeChild(t),this.standardResponse(this.activeItem.title+" downloaded!")}handleArchiveResponse(e){this.standardResponse(this.activeItem.title+" archived!")}handleDeleteResponse(e){this.standardResponse(this.activeItem.title+" deleted!")}handleCloneResponse(e){this.standardResponse(this.activeItem.title+" cloned!")}handlePublishResponse(e){this.standardResponse(this.activeItem.title+" published!")}handleSyncResponse(e){this.standardResponse(this.activeItem.title+" published!")}lastErrorChanged(e){if(e.detail.value){var t=s(e)[0];switch(parseInt(e.detail.value.status)){case 405:case 401:this.dispatchEvent(new CustomEvent("jwt-login-logout",{composed:!0,bubbles:!0,cancelable:!1,detail:{redirect:!0}}));break;case 403:this.dispatchEvent(new CustomEvent("jwt-login-refresh-token",{composed:!0,bubbles:!0,cancelable:!1,detail:{element:{obj:this,callback:"refreshRequest",params:[t]}}}));break;default:console.error(e);const i=new CustomEvent("simple-toast-show",{bubbles:!0,composed:!0,cancelable:!0,detail:{text:e.detail.value.status+" "+e.detail.value.statusText}});window.dispatchEvent(i)}}}updateJwt(e){this.jwt=e.detail}refreshRequest(e,t){this.jwt=e,t.body.jwt=e,setTimeout((()=>{t.generateRequest()}),0)}}customElements.define(HAXCMSSiteListing.tag,HAXCMSSiteListing);export{HAXCMSSiteListing};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-active-tags.js b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-active-tags.js
index c2057f23384..15207aaa338 100644
--- a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-active-tags.js
+++ b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/active-item/site-active-tags.js
@@ -9,10 +9,13 @@ import{LitElement as t,html as e,css as s}from"../../../../../lit/index.js";impo
         a {
           text-decoration: none;
         }
-      `]}render(){return e`${this.tags&&""!=this.tags?this.tags.split(",").map((t=>e` <a href="x/views?tags=${t.trim()}">
+        :host([edit-mode]) .tag-wrap {
+          pointer-events: none;
+        }
+      `]}render(){return e`<div class="tag-wrap"></div>${this.tags&&""!=this.tags?this.tags.split(",").map((t=>e` <a @click="${this.testEditMode}" href="x/views?tags=${t.trim()}">
             <simple-tag
               ?auto-accent-color="${this.autoAccentColor}"
               value="${t.trim()}"
               accent-color="${this.accentColor}"
             ></simple-tag>
-          </a>`)):""}`}static get properties(){return{tags:{type:String},autoAccentColor:{type:Boolean,attribute:"auto-accent-color"},accentColor:{type:String,attribute:"accent-color"}}}constructor(){super(),this.autoAccentColor=!1,this.accentColor=null,this.tags=null,this.__disposer=[],o((t=>{this.tags=a(i.activeTags),this.__disposer.push(t)}))}disconnectedCallback(){for(var t in this.__disposer)this.__disposer[t].dispose();super.disconnectedCallback()}}customElements.define(SiteActiveTags.tag,SiteActiveTags);export{SiteActiveTags};
\ No newline at end of file
+          </a>`)):""}</div>`}testEditMode(t){this.editMode&&(t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation())}static get properties(){return{tags:{type:String},autoAccentColor:{type:Boolean,attribute:"auto-accent-color"},accentColor:{type:String,attribute:"accent-color"},editMode:{type:Boolean,reflect:!0,attribute:"edit-mode"}}}constructor(){super(),this.autoAccentColor=!1,this.accentColor=null,this.tags=null,this.__disposer=[],o((t=>{this.tags=a(i.activeTags),this.__disposer.push(t)})),o((t=>{this.editMode=a(i.editMode),this.__disposer.push(t)}))}disconnectedCallback(){for(var t in this.__disposer)this.__disposer[t].dispose();super.disconnectedCallback()}}customElements.define(SiteActiveTags.tag,SiteActiveTags);export{SiteActiveTags};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-menu-button.js b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-menu-button.js
index f007f845fd1..9b916f3c815 100644
--- a/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-menu-button.js
+++ b/build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/ui-components/navigation/site-menu-button.js
@@ -75,7 +75,7 @@ import{LitElement as t,html as e,css as i}from"../../../../../lit/index.js";impo
         ?disabled="${this.disabled}"
         aria-disabled="${this.disabled}"
         aria-label="${this.label}"
-        .part="${this.editMode?"edit-mode-active":""}"
+        .part="${this.editMode?"edit-mode-active link":"link"}"
       >
         <button
           id="menulink"
@@ -83,7 +83,7 @@ import{LitElement as t,html as e,css as i}from"../../../../../lit/index.js";impo
           ?disabled="${this.disabled}"
           ?raised="${this.raised}"
           aria-label="${this.label}"
-          .part="${this.editMode?"edit-mode-active":""}"
+          .part="${this.editMode?"edit-mode-active button":"button"}"
         >
           <slot name="prefix"></slot>
           <simple-icon-lite icon="${this.icon}"></simple-icon-lite>
diff --git a/build/es6/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-builder.js b/build/es6/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-builder.js
index bf71d49b844..ffbb6d7f440 100644
--- a/build/es6/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-builder.js
+++ b/build/es6/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-builder.js
@@ -14,6 +14,7 @@ import{LitElement as e,html as t,css as a}from"../../../lit/index.js";import"./m
                       avatar-label="${e.metadata&&e.metadata.avatarLabel?e.metadata.avatarLabel:""}"
                       selected="${this.selected}"
                       ?published="${this.getPublishedStatus(e)}"
+                      ?hide-in-menu="${this.hideInMenuStatus(e)}"
                     >
                       <map-menu-builder
                         .items="${e.children}"
@@ -29,9 +30,10 @@ import{LitElement as e,html as t,css as a}from"../../../lit/index.js";import"./m
                       icon-label="${e.metadata&&e.metadata.pageType?e.metadata.pageType:""}"
                       selected="${this.selected}"
                       ?published="${this.getPublishedStatus(e)}"
+                      ?hide-in-menu="${this.hideInMenuStatus(e)}"
                       ?locked="${e.metadata.locked}"
                       status="${e.metadata.status}"
                     ></map-menu-item>
                   `}
             `)):""}
-    `}getPublishedStatus(e){return!e.metadata||0!=e.metadata.published&&"false"!==e.metadata.published}static get tag(){return"map-menu-builder"}static get properties(){return{items:{type:Array},selected:{type:String}}}createRenderRoot(){return this}}customElements.define(MapMenuBuilder.tag,MapMenuBuilder);export{MapMenuBuilder};
\ No newline at end of file
+    `}hideInMenuStatus(e){return!(!e.metadata||1!=e.metadata.hideInMenu)}getPublishedStatus(e){return!e.metadata||0!=e.metadata.published&&"false"!==e.metadata.published}static get tag(){return"map-menu-builder"}static get properties(){return{items:{type:Array},selected:{type:String}}}createRenderRoot(){return this}}customElements.define(MapMenuBuilder.tag,MapMenuBuilder);export{MapMenuBuilder};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-header.js b/build/es6/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-header.js
index 3692981289a..03eb286dce4 100644
--- a/build/es6/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-header.js
+++ b/build/es6/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-header.js
@@ -105,6 +105,9 @@ import{LitElement as e,html as t,css as i}from"../../../lit/index.js";import"../
         #unpublished {
           color: red;
         }
+        :host([hide-in-menu]) {
+          display: none;
+        }
       `]}render(){return t`
       <a tabindex="-1" href="${this.url}" title="${this.itemtitle}">
         <button>
@@ -125,4 +128,4 @@ import{LitElement as e,html as t,css as i}from"../../../lit/index.js";import"../
           <div class="title">${this.itemtitle}</div>
         </button>
       </a>
-    `}static get tag(){return"map-menu-header"}constructor(){super(),this.iconLabel=null,this.icon=null,this.url="",this.status="",this.opened=!1,this.active=!1,this.published=!0,this.locked=!1,this.itemtitle="",this.t={pageIsUnpublished:"Page is unpublished"},this.registerLocalization({context:this,namespace:"map-menu",localesPath:new URL("../locales",import.meta.url).href,locales:["es"]}),setTimeout((()=>{this.addEventListener("click",this.__tap.bind(this)),this.addEventListener("keypress",this.__keypress.bind(this))}),0)}updated(e){e.forEach(((e,t)=>{"opened"==t&&void 0!==e&&this._openedChanged(this[t],e),["id","selected"].includes(t)&&this.__selectedChanged(this.selected,this.id)}))}static get properties(){return{opened:{type:Boolean,reflect:!0},itemtitle:{type:String},iconLabel:{type:String,attribute:"icon-label"},url:{type:String},id:{type:String,reflect:!0},icon:{type:String,reflect:!0},active:{type:Boolean,reflect:!0},published:{type:Boolean,reflect:!0},locked:{type:Boolean},status:{type:String,reflect:!0},selected:{type:String,reflect:!0},__collapseIcon:{type:String},__collapseAria:{type:String}}}_openedChanged(e,t){e?(this.__collapseIcon="icons:expand-more",this.__collapseAria="collapse menu"):(this.__collapseIcon="icons:chevron-right",this.__collapseAria="expand menu")}__selectedChanged(e,t){e===t&&(this.parentNode.expanded||this.dispatchEvent(new CustomEvent("toggle-header",{bubbles:!0,cancelable:!0,composed:!0,detail:!0})),this.dispatchEvent(new CustomEvent("active-item",{bubbles:!0,cancelable:!0,composed:!0,detail:this})))}__tap(e){this.__toggleEventHandler(e)}__keypress(e){"Enter"===e.code&&this.__toggleEventHandler(e)}__toggleEventHandler(e){this.parentNode.expanded||this.dispatchEvent(new CustomEvent("toggle-header",{bubbles:!0,cancelable:!0,composed:!0,detail:!0}))}}customElements.define(MapMenuHeader.tag,MapMenuHeader);export{MapMenuHeader};
\ No newline at end of file
+    `}static get tag(){return"map-menu-header"}constructor(){super(),this.iconLabel=null,this.icon=null,this.url="",this.status="",this.opened=!1,this.active=!1,this.published=!0,this.hideInMenu=!1,this.locked=!1,this.itemtitle="",this.t={pageIsUnpublished:"Page is unpublished"},this.registerLocalization({context:this,namespace:"map-menu",localesPath:new URL("../locales",import.meta.url).href,locales:["es"]}),setTimeout((()=>{this.addEventListener("click",this.__tap.bind(this)),this.addEventListener("keypress",this.__keypress.bind(this))}),0)}updated(e){e.forEach(((e,t)=>{"opened"==t&&void 0!==e&&this._openedChanged(this[t],e),["id","selected"].includes(t)&&this.__selectedChanged(this.selected,this.id)}))}static get properties(){return{opened:{type:Boolean,reflect:!0},itemtitle:{type:String},iconLabel:{type:String,attribute:"icon-label"},url:{type:String},hideInMenu:{type:Boolean,reflect:!0,attribute:"hide-in-menu"},id:{type:String,reflect:!0},icon:{type:String,reflect:!0},active:{type:Boolean,reflect:!0},published:{type:Boolean,reflect:!0},locked:{type:Boolean},status:{type:String,reflect:!0},selected:{type:String,reflect:!0},__collapseIcon:{type:String},__collapseAria:{type:String}}}_openedChanged(e,t){e?(this.__collapseIcon="icons:expand-more",this.__collapseAria="collapse menu"):(this.__collapseIcon="icons:chevron-right",this.__collapseAria="expand menu")}__selectedChanged(e,t){e===t&&(this.parentNode.expanded||this.dispatchEvent(new CustomEvent("toggle-header",{bubbles:!0,cancelable:!0,composed:!0,detail:!0})),this.dispatchEvent(new CustomEvent("active-item",{bubbles:!0,cancelable:!0,composed:!0,detail:this})))}__tap(e){this.__toggleEventHandler(e)}__keypress(e){"Enter"===e.code&&this.__toggleEventHandler(e)}__toggleEventHandler(e){this.parentNode.expanded||this.dispatchEvent(new CustomEvent("toggle-header",{bubbles:!0,cancelable:!0,composed:!0,detail:!0}))}}customElements.define(MapMenuHeader.tag,MapMenuHeader);export{MapMenuHeader};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-item.js b/build/es6/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-item.js
index 9e3eee58c63..bd953f962c0 100644
--- a/build/es6/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-item.js
+++ b/build/es6/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-item.js
@@ -23,6 +23,11 @@ import{LitElement as e,html as t,css as i}from"../../../lit/index.js";import"../
           color: red;
           opacity: 0.5;
         }
+
+        :host([hide-in-menu]) {
+          display: none;
+        }
+        
         .title {
           text-transform: none;
           font-size: var(--map-menu-font-size, 16px);
@@ -123,4 +128,4 @@ import{LitElement as e,html as t,css as i}from"../../../lit/index.js";import"../
           <span class="title">${this.itemtitle}</span>
         </button>
       </a>
-    `}static get tag(){return"map-menu-item"}constructor(){super(),this.icon=null,this.iconLabel=null,this.itemtitle="",this.url="",this.active=!1,this.published=!1,this.locked=!1,this.status="",this.t={pageIsUnpublished:"Page is unpublished"},this.registerLocalization({context:this,namespace:"map-menu",localesPath:new URL("../locales",import.meta.url).href,locales:["es"]})}static get properties(){return{...super.properties,icon:{type:String,reflect:!0},iconLabel:{type:String,attribute:"icon-label"},itemtitle:{type:String},url:{type:String},id:{type:String,reflect:!0},active:{type:Boolean,reflect:!0},selected:{type:String},published:{type:Boolean,reflect:!0},locked:{type:Boolean,reflect:!0},status:{type:String,reflect:!0}}}updated(e){e.forEach(((e,t)=>{["id","selected"].includes(t)&&this.__selectedChanged(this.selected,this.id)}))}__selectedChanged(e,t){e===t&&this.dispatchEvent(new CustomEvent("active-item",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}_click(){this.dispatchEvent(new CustomEvent("link-clicked",{bubbles:!0,cancelable:!0,composed:!0,detail:{id:this.id}}))}}customElements.define(MapMenuItem.tag,MapMenuItem);export{MapMenuItem};
\ No newline at end of file
+    `}static get tag(){return"map-menu-item"}constructor(){super(),this.icon=null,this.iconLabel=null,this.itemtitle="",this.url="",this.active=!1,this.hideInMenu=!1,this.published=!1,this.locked=!1,this.status="",this.t={pageIsUnpublished:"Page is unpublished"},this.registerLocalization({context:this,namespace:"map-menu",localesPath:new URL("../locales",import.meta.url).href,locales:["es"]})}static get properties(){return{...super.properties,icon:{type:String,reflect:!0},iconLabel:{type:String,attribute:"icon-label"},itemtitle:{type:String},url:{type:String},id:{type:String,reflect:!0},active:{type:Boolean,reflect:!0},selected:{type:String},published:{type:Boolean,reflect:!0},hideInMenu:{type:Boolean,reflect:!0,attribute:"hide-in-menu"},locked:{type:Boolean,reflect:!0},status:{type:String,reflect:!0}}}updated(e){e.forEach(((e,t)=>{["id","selected"].includes(t)&&this.__selectedChanged(this.selected,this.id)}))}__selectedChanged(e,t){e===t&&this.dispatchEvent(new CustomEvent("active-item",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}_click(){this.dispatchEvent(new CustomEvent("link-clicked",{bubbles:!0,cancelable:!0,composed:!0,detail:{id:this.id}}))}}customElements.define(MapMenuItem.tag,MapMenuItem);export{MapMenuItem};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-submenu.js b/build/es6/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-submenu.js
index bd1c88321d2..b202e548a5c 100644
--- a/build/es6/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-submenu.js
+++ b/build/es6/node_modules/@lrnwebcomponents/map-menu/lib/map-menu-submenu.js
@@ -10,6 +10,9 @@ import{LitElement as e,html as t,css as i}from"../../../lit/index.js";import"./m
         :host([opened]) map-menu-header {
           /*border-left: 16px solid var(--map-menu-border-depth, rgba(0,0,0,.1));*/
         }
+        :host([hide-in-menu]) {
+          display: none;
+        }
         #container {
           margin: 0;
         }
@@ -26,7 +29,7 @@ import{LitElement as e,html as t,css as i}from"../../../lit/index.js";import"./m
           --a11y-collapse-vertical-padding: 0;
           color: var(--map-menu-item-a-color, inherit);
         }
-      `]}constructor(){super(),this.iconLabel=null,this.opened=!1,this.collapsable=!0,this.expandChildren=!1,this.avatarLabel="",this.label="",this.status="",this.itemtitle="",this.locked=!1,this.published=!0,this.icon=null,this.__icon="",setTimeout((()=>{this.addEventListener("active-item",this.__activeChanged.bind(this)),this.addEventListener("toggle-header",this.__toggleHeader.bind(this)),this.addEventListener("link-clicked",this._headerClickHandler.bind(this)),this.addEventListener("map-menu-item-hidden-check",this._mapMenuItemHiddenCheckHandler.bind(this))}),0)}__alignCollapseState(e){e.stopImmediatePropagation(),e.preventDefault(),e.stopPropagation(),this.opened=e.detail.expanded}render(){return t`
+      `]}constructor(){super(),this.iconLabel=null,this.opened=!1,this.collapsable=!0,this.expandChildren=!1,this.avatarLabel="",this.label="",this.status="",this.itemtitle="",this.locked=!1,this.published=!0,this.hideInMenu=!1,this.icon=null,this.__icon="",setTimeout((()=>{this.addEventListener("active-item",this.__activeChanged.bind(this)),this.addEventListener("toggle-header",this.__toggleHeader.bind(this)),this.addEventListener("link-clicked",this._headerClickHandler.bind(this)),this.addEventListener("map-menu-item-hidden-check",this._mapMenuItemHiddenCheckHandler.bind(this))}),0)}__alignCollapseState(e){e.stopImmediatePropagation(),e.preventDefault(),e.stopPropagation(),this.opened=e.detail.expanded}render(){return t`
       <a11y-collapse
         id="container"
         ?expanded="${this.opened}"
@@ -44,9 +47,10 @@ import{LitElement as e,html as t,css as i}from"../../../lit/index.js";import"./m
           icon-label="${this.iconLabel}"
           slot="heading"
           ?published="${this.published}"
+          ?hide-in-menu="${this.hideInMenu}"
           ?locked="${this.locked}"
           status="${this.status}"
         ></map-menu-header>
         <slot></slot>
       </a11y-collapse>
-    `}static get tag(){return"map-menu-submenu"}static get properties(){return{id:{type:String},itemtitle:{type:String},iconLabel:{type:String,attribute:"icon-label"},avatarLabel:{type:String,attribute:"avatar-label"},label:{type:String},icon:{type:String},url:{type:String},opened:{type:Boolean,attribute:"opened",reflect:!0},collapsable:{type:Boolean},expandChildren:{type:Boolean,attribute:"expand-children"},selected:{type:String},published:{type:Boolean,reflect:!0},locked:{type:Boolean},status:{type:String,reflect:!0}}}_headerClickHandler(e){this.opened||(this.opened=!this.opened)}_mapMenuItemHiddenCheckHandler(e){const t=e.detail.hiddenChild;let i=Object.assign({},e.detail);i=!0!==t&&!1===this.opened?Object.assign({},i,{hiddenChild:!0}):Object.assign({},i,{hiddenChild:!1}),this.dispatchEvent(new CustomEvent("map-meu-item-hidden-check",{bubbles:!0,cancelable:!0,composed:!0,detail:i}))}__toggleHeader(e){e.stopPropagation(),this.opened=!this.opened,this.dispatchEvent(new CustomEvent("toggle-updated",{bubbles:!0,cancelable:!0,composed:!0,detail:{opened:this.opened}}))}__activeChanged(e){this.opened=!0}}customElements.define(MapMenuSubmenu.tag,MapMenuSubmenu);export{MapMenuSubmenu};
\ No newline at end of file
+    `}static get tag(){return"map-menu-submenu"}static get properties(){return{id:{type:String},itemtitle:{type:String},iconLabel:{type:String,attribute:"icon-label"},avatarLabel:{type:String,attribute:"avatar-label"},hideInMenu:{type:Boolean,reflect:!0,attribute:"hide-in-menu"},label:{type:String},icon:{type:String},url:{type:String},opened:{type:Boolean,attribute:"opened",reflect:!0},collapsable:{type:Boolean},expandChildren:{type:Boolean,attribute:"expand-children"},selected:{type:String},published:{type:Boolean,reflect:!0},locked:{type:Boolean},status:{type:String,reflect:!0}}}_headerClickHandler(e){this.opened||(this.opened=!this.opened)}_mapMenuItemHiddenCheckHandler(e){const t=e.detail.hiddenChild;let i=Object.assign({},e.detail);i=!0!==t&&!1===this.opened?Object.assign({},i,{hiddenChild:!0}):Object.assign({},i,{hiddenChild:!1}),this.dispatchEvent(new CustomEvent("map-meu-item-hidden-check",{bubbles:!0,cancelable:!0,composed:!0,detail:i}))}__toggleHeader(e){e.stopPropagation(),this.opened=!this.opened,this.dispatchEvent(new CustomEvent("toggle-updated",{bubbles:!0,cancelable:!0,composed:!0,detail:{opened:this.opened}}))}__activeChanged(e){this.opened=!0}}customElements.define(MapMenuSubmenu.tag,MapMenuSubmenu);export{MapMenuSubmenu};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/multiple-choice/multiple-choice.js b/build/es6/node_modules/@lrnwebcomponents/multiple-choice/multiple-choice.js
index abc2f7d6aaf..ab13879db87 100644
--- a/build/es6/node_modules/@lrnwebcomponents/multiple-choice/multiple-choice.js
+++ b/build/es6/node_modules/@lrnwebcomponents/multiple-choice/multiple-choice.js
@@ -99,9 +99,9 @@ import{LitElement as e,html as t,css as s}from"../../lit/index.js";import{Schema
                       name="${s}"
                       @mousedown="${this.clickSingle}"
                       @keydown="${this.clickSingle}"
-                      .value="${e.userGuess}"
+                      .value="${e?e.userGuess:""}"
                       @value-changed="${this.checkedEvent}"
-                      label="${e.label?e.label:""}"
+                      label="${e&&e.label?e.label:""}"
                     ></simple-fields-field>
                   `))}
               </fieldset>
@@ -114,8 +114,8 @@ import{LitElement as e,html as t,css as s}from"../../lit/index.js";import{Schema
                         property="oer:answer"
                         name="${s}"
                         type="checkbox"
-                        label="${e.label?e.label:""}"
-                        .value="${e.userGuess}"
+                        label="${e&&e.label?e.label:""}"
+                        .value="${e?e.userGuess:""}"
                         @value-changed="${this.checkedEvent}"
                       ></simple-fields-field>
                     </li>
@@ -141,4 +141,4 @@ import{LitElement as e,html as t,css as s}from"../../lit/index.js";import{Schema
               </div>
             `}
       </confetti-container>
-    `}clickSingle(e){this.singleOption&&this.displayedAnswers.forEach(((e,t)=>{this.displayedAnswers[t].userGuess=!1}))}checkedEvent(e){let t=this.displayedAnswers;t[e.target.name].userGuess=e.detail.value,this.displayedAnswers=[...t]}static get properties(){return{...super.properties,disabled:{type:Boolean},singleOption:{type:Boolean,attribute:"single-option"},checkLabel:{type:String,attribute:"check-label"},resetLabel:{type:String,attribute:"reset-label"},relatedResource:{type:String,attribute:"related-resource"},question:{type:String},answers:{type:Array},displayedAnswers:{type:Array},correctText:{type:String,attribute:"correct-text"},incorrectText:{type:String,attribute:"incorrect-text"},correctIcon:{type:String,attribute:"correct-icon"},incorrectIcon:{type:String,attribute:"incorrect-icon"},quizName:{type:String,attribute:"quiz-name"},randomize:{type:Boolean,reflect:!0},hideButtons:{type:Boolean,attribute:"hide-buttons"}}}resetAnswers(e){window.dispatchEvent(new CustomEvent("simple-toast-hide",{bubbles:!0,composed:!0,cancelable:!1,detail:!1})),this.displayedAnswers=[],this.answers.forEach((e=>{e.userGuess=!1}));const t=JSON.parse(JSON.stringify(this.answers));this.answers=[...t]}checkAnswers(){let e=!0;for(var t in this.displayedAnswers)0!=e&&this.displayedAnswers[t].correct&&this.displayedAnswers[t].userGuess?e=!0:(this.displayedAnswers[t].correct&&!this.displayedAnswers[t].userGuess||!this.displayedAnswers[t].correct&&this.displayedAnswers[t].userGuess)&&(e=!1);return e}_verifyAnswers(e){window.dispatchEvent(new CustomEvent("simple-toast-hide",{bubbles:!0,composed:!0,cancelable:!1,detail:!1}));let t=document.createElement("simple-icon-lite"),s={},i="simple-toast-show";window.HAXCMSToast&&(i="haxcms-toast-show",t.style.setProperty("--simple-icon-height","40px"),t.style.setProperty("--simple-icon-width","40px"),t.style.height="150px",t.style.marginLeft="8px");let r=this.checkAnswers();r?(this.__toastColor="green",this.__toastIcon=this.correctIcon,this.__toastText=this.correctText,import("./lib/confetti-container.js").then((e=>{setTimeout((()=>{this.shadowRoot.querySelector("#confetti").setAttribute("popped","")}),0)})),s.hat="party"):(this.__toastColor="red",this.__toastIcon=this.incorrectIcon,this.__toastText=this.incorrectText,s.fire=!0),t.icon=this.__toastIcon,t.style.marginLeft="16px",t.accentColor=this.__toastColor,t.dark=!0,window.dispatchEvent(new CustomEvent(i,{bubbles:!0,composed:!0,cancelable:!0,detail:{text:this.__toastText,accentColor:this.__toastColor,duration:3e3,slot:t,...s}}));let o={activityDisplay:"answered",objectName:this.quizName,resultSuccess:r};this.dispatchEvent(new CustomEvent("user-engagement",{bubbles:!0,composed:!0,cancelable:!1,detail:o}))}_computeDisplayedAnswers(e,t){if(void 0!==e&&null!=e&&e.length>0&&t&&!this._haxstate){let t=e;for(var s,i,r=t.length;0!==r;)i=Math.floor(Math.random()*r),s=t[r-=1],t[r]=t[i],t[i]=s;return t}return e}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}haxHooks(){return{editModeChanged:"haxeditModeChanged",activeElementChanged:"haxactiveElementChanged",preProcessNodeToContent:"haxpreProcessNodeToContent",preProcessInsertContent:"haxpreProcessInsertContent",inlineContextMenu:"haxinlineContextMenu"}}haxactiveElementChanged(e,t){t&&(this._haxstate=t)}haxeditModeChanged(e){this._haxstate=e}haxinlineContextMenu(e){e.ceButtons=[{icon:"icons:add",callback:"haxClickInlineAdd",label:"Add answer"},{icon:"icons:remove",callback:"haxClickInlineRemove",label:"Remove answer"}]}haxClickInlineAdd(e){this.resetAnswers();let t=this.answers;return t.push({label:"New answer",correct:!1}),this.answers=[...t],!0}haxClickInlineRemove(e){if(this.answers.length>0){this.resetAnswers();let e=this.answers;return e.pop(),this.answers=[...e],!0}}async haxpreProcessNodeToContent(e){if(e.answers)for(var t in this.innerHTML="",e.answers){let s=document.createElement("input");s.setAttribute("type","checkbox"),s.value=e.answers[t].label,e.answers[t].correct&&s.setAttribute("correct","correct"),e.appendChild(s)}return e}haxpreProcessInsertContent(e,t){return e.properties.answers&&(e.properties.answers=e.properties.answers.map((function(e){return e.userGuess&&delete e.userGuess,e}))),e}firstUpdated(e){if(super.firstUpdated&&super.firstUpdated(e),this.setAttribute("typeof","oer:Assessment"),this.children.length>0){let e=Array.from(this.querySelectorAll("input")),s=[];for(var t in e){let i={label:e[t].value,correct:null!=e[t].getAttribute("correct")};s.push(i)}this.answers=s,this.innerHTML=""}}}window.customElements.define(MultipleChoice.tag,MultipleChoice);export{MultipleChoice};
\ No newline at end of file
+    `}clickSingle(e){this.singleOption&&this.displayedAnswers.forEach(((e,t)=>{this.displayedAnswers[t].userGuess=!1}))}checkedEvent(e){let t=this.displayedAnswers;t[e.target.name].userGuess=e.detail.value,this.displayedAnswers=[...t]}static get properties(){return{...super.properties,disabled:{type:Boolean},singleOption:{type:Boolean,attribute:"single-option"},checkLabel:{type:String,attribute:"check-label"},resetLabel:{type:String,attribute:"reset-label"},relatedResource:{type:String,attribute:"related-resource"},question:{type:String},answers:{type:Array},displayedAnswers:{type:Array},correctText:{type:String,attribute:"correct-text"},incorrectText:{type:String,attribute:"incorrect-text"},correctIcon:{type:String,attribute:"correct-icon"},incorrectIcon:{type:String,attribute:"incorrect-icon"},quizName:{type:String,attribute:"quiz-name"},randomize:{type:Boolean,reflect:!0},hideButtons:{type:Boolean,attribute:"hide-buttons"}}}resetAnswers(e){window.dispatchEvent(new CustomEvent("simple-toast-hide",{bubbles:!0,composed:!0,cancelable:!1,detail:!1})),this.displayedAnswers=[],this.answers.forEach((e=>{e.userGuess=!1}));const t=JSON.parse(JSON.stringify(this.answers));this.answers=[...t]}checkAnswers(){let e=!0;for(var t in this.displayedAnswers)0!=e&&this.displayedAnswers[t].correct&&this.displayedAnswers[t].userGuess?e=!0:(this.displayedAnswers[t].correct&&!this.displayedAnswers[t].userGuess||!this.displayedAnswers[t].correct&&this.displayedAnswers[t].userGuess)&&(e=!1);return e}_verifyAnswers(e){window.dispatchEvent(new CustomEvent("simple-toast-hide",{bubbles:!0,composed:!0,cancelable:!1,detail:!1}));let t=document.createElement("simple-icon-lite"),s={},i="simple-toast-show";window.HAXCMSToast&&(i="haxcms-toast-show",t.style.setProperty("--simple-icon-height","40px"),t.style.setProperty("--simple-icon-width","40px"),t.style.height="150px",t.style.marginLeft="8px");let r=this.checkAnswers();r?(this.__toastColor="green",this.__toastIcon=this.correctIcon,this.__toastText=this.correctText,import("./lib/confetti-container.js").then((e=>{setTimeout((()=>{this.shadowRoot.querySelector("#confetti").setAttribute("popped","")}),0)})),s.hat="party"):(this.__toastColor="red",this.__toastIcon=this.incorrectIcon,this.__toastText=this.incorrectText,s.fire=!0),t.icon=this.__toastIcon,t.style.marginLeft="16px",t.accentColor=this.__toastColor,t.dark=!0,window.dispatchEvent(new CustomEvent(i,{bubbles:!0,composed:!0,cancelable:!0,detail:{text:this.__toastText,accentColor:this.__toastColor,duration:3e3,slot:t,...s}}));let o={activityDisplay:"answered",objectName:this.quizName,resultSuccess:r};this.dispatchEvent(new CustomEvent("user-engagement",{bubbles:!0,composed:!0,cancelable:!1,detail:o}))}_computeDisplayedAnswers(e,t){if(void 0!==e&&null!=e&&e.length>0&&t&&!this._haxstate){let t=e;for(var s,i,r=t.length;0!==r;)i=Math.floor(Math.random()*r),s=t[r-=1],t[r]=t[i],t[i]=s;return t}return e}static get haxProperties(){return new URL(`./lib/${this.tag}.haxProperties.json`,import.meta.url).href}haxHooks(){return{editModeChanged:"haxeditModeChanged",activeElementChanged:"haxactiveElementChanged",preProcessNodeToContent:"haxpreProcessNodeToContent",preProcessInsertContent:"haxpreProcessInsertContent",inlineContextMenu:"haxinlineContextMenu"}}haxactiveElementChanged(e,t){t&&(this._haxstate=t)}haxeditModeChanged(e){this._haxstate=e}haxinlineContextMenu(e){e.ceButtons=[{icon:"icons:add",callback:"haxClickInlineAdd",label:"Add answer"},{icon:"icons:remove",callback:"haxClickInlineRemove",label:"Remove answer"}]}haxClickInlineAdd(e){this.resetAnswers();let t=this.answers;return t.push({label:"New answer",correct:!1}),this.answers=[...t],!0}haxClickInlineRemove(e){if(this.answers.length>0){this.resetAnswers();let e=this.answers;return e.pop(),this.answers=[...e],!0}}async haxpreProcessNodeToContent(e){if(e.answers)for(var t in this.innerHTML="",e.answers)if(e.answers[t]){let s=document.createElement("input");s.setAttribute("type","checkbox"),s.value=e.answers[t].label,e.answers[t].correct&&s.setAttribute("correct","correct"),e.appendChild(s)}return e}haxpreProcessInsertContent(e,t){return e.properties.answers&&(e.properties.answers=e.properties.answers.map((function(e){return e.userGuess&&delete e.userGuess,e}))),e}firstUpdated(e){if(super.firstUpdated&&super.firstUpdated(e),this.setAttribute("typeof","oer:Assessment"),this.children.length>0){let e=Array.from(this.querySelectorAll("input")),s=[];for(var t in e){let i={label:e[t].value,correct:null!=e[t].getAttribute("correct")};s.push(i)}this.answers=s,this.innerHTML=""}}}window.customElements.define(MultipleChoice.tag,MultipleChoice);export{MultipleChoice};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/page-break/lib/page-break.haxProperties.json b/build/es6/node_modules/@lrnwebcomponents/page-break/lib/page-break.haxProperties.json
index 7f344efbcbc..07b87679eef 100644
--- a/build/es6/node_modules/@lrnwebcomponents/page-break/lib/page-break.haxProperties.json
+++ b/build/es6/node_modules/@lrnwebcomponents/page-break/lib/page-break.haxProperties.json
@@ -104,7 +104,6 @@
         "description": "Content related to this page",
         "inputMethod": "array",
         "itemLabel": "item",
-        "hideExpand": true,
         "hideReorder": true,
         "expanded": false,
         "hideDuplicate": true,
diff --git a/build/es6/node_modules/@lrnwebcomponents/page-break/page-break.js b/build/es6/node_modules/@lrnwebcomponents/page-break/page-break.js
index 629cde42840..84660d7e2ea 100644
--- a/build/es6/node_modules/@lrnwebcomponents/page-break/page-break.js
+++ b/build/es6/node_modules/@lrnwebcomponents/page-break/page-break.js
@@ -69,4 +69,4 @@ import{html as e,css as t,LitElement as i}from"../../lit/index.js";import{Schema
             icon="icons:lock"
             title="${this.t.clickToUnlock}"
           ></simple-icon-button-lite>`:""}
-    `}static get haxProperties(){return new URL("./lib/page-break.haxProperties.json",import.meta.url).href}haxHooks(){return{editModeChanged:"haxeditModeChanged",inlineContextMenu:"haxinlineContextMenu",activeElementChanged:"haxactiveElementChanged",setupActiveElementForm:"haxsetupActiveElementForm",preProcessInsertContent:"haxpreProcessInsertContent",trayDragNDropToNode:"haxtrayDragNDropToNode"}}async haxpreProcessInsertContent(e,t){let i=t;if(i&&i.parentNode){for(;"HAX-BODY"!==i.parentNode.tagName;)i=i.parentNode;const t=await o.associatedPageBreak(i);t&&(e.properties.parent=t.parent,e.properties.order=t.order+1,e.properties.published=t.published,e.properties.locked=t.locked)}return e}async haxtrayDragNDropToNode(e){let t=e;for(;"HAX-BODY"!==t.parentNode.tagName;)t=t.parentNode;const i=await o.associatedPageBreak(t);i&&(e.parent=i.parent,e.order=i.order+1,e.published=i.published,e.locked=i.locked)}haxsetupActiveElementForm(e){if(window.HAXCMS){const i=window.HAXCMS.requestAvailability().store.getManifestItems(!0);var t=[{text:`-- ${this.t.noParent} --`,value:null}];i.forEach((e=>{if(e.id!=this.itemId){let a=e,s="- ";for(;a&&null!=a.parent;)a=i.find((e=>e.id==a.parent)),a&&(s="--"+s);t.push({text:s+e.title,value:e.id})}})),e.settings.advanced.forEach(((i,a)=>{"parent"===i.property&&(e.settings.advanced[a].inputMethod="select",e.settings.advanced[a].itemsList=t),"noderefs"===i.property&&(e.settings.advanced[a].properties[0].inputMethod="select",e.settings.advanced[a].properties[0].itemsList=t)})),e.settings.developer.forEach(((t,i)=>{if("developerTheme"===t.property&&window.appSettings&&window.appSettings.themes){var a=[{text:"",value:null}];Object.keys(window.appSettings.themes).map((e=>{console.log(window.appSettings.themes[e]),a.push({text:window.appSettings.themes[e].name,value:window.appSettings.themes[e].element})})),e.settings.developer[i].inputMethod="select",e.settings.developer[i].itemsList=a}}))}}haxactiveElementChanged(e,t){!t&&this._ceMenu&&("site"===this.breakType?(this._ceMenu.disableOps=!1,this._ceMenu.canMoveElement=!0,this._ceMenu.insertAbove=!0):this._ceMenu.disableDuplicate=!1)}haxeditModeChanged(e){this._haxState=e}haxinlineContextMenu(e){this._ceMenu=e,this._updateHAXCEMenu(),"site"===this.breakType?(this._ceMenu.disableOps=!0,this._ceMenu.canMoveElement=!1,this._ceMenu.insertAbove=!1):this._ceMenu.disableDuplicate=!0}_updateHAXCEMenu(){this._ceMenu.ceButtons=[{icon:this.locked?"icons:lock":"icons:lock-open",callback:"haxClickInlineLock",label:this.t.toggleLock},{icon:this.published?"lrn:view":"lrn:view-off",callback:"haxClickInlinePublished",label:this.t.togglePublished}]}haxClickLockInPage(e){this.locked=!this.locked,window.dispatchEvent(new CustomEvent("hax-refresh-tray-form",{}))}haxClickInlineLock(e){return this.locked=!this.locked,!0}haxClickInlinePublished(e){return this.published=!this.published,!0}}customElements.define(PageBreak.tag,PageBreak);
\ No newline at end of file
+    `}static get haxProperties(){return new URL("./lib/page-break.haxProperties.json",import.meta.url).href}haxHooks(){return{editModeChanged:"haxeditModeChanged",inlineContextMenu:"haxinlineContextMenu",activeElementChanged:"haxactiveElementChanged",setupActiveElementForm:"haxsetupActiveElementForm",preProcessInsertContent:"haxpreProcessInsertContent",trayDragNDropToNode:"haxtrayDragNDropToNode"}}async haxpreProcessInsertContent(e,t){let i=t;if(i&&i.parentNode){for(;"HAX-BODY"!==i.parentNode.tagName;)i=i.parentNode;const t=await o.associatedPageBreak(i);t&&(e.properties.parent=t.parent,e.properties.order=t.order+1,e.properties.published=t.published,e.properties.locked=t.locked)}return e}async haxtrayDragNDropToNode(e){let t=e;for(;"HAX-BODY"!==t.parentNode.tagName;)t=t.parentNode;const i=await o.associatedPageBreak(t);i&&(e.parent=i.parent,e.order=i.order+1,e.published=i.published,e.locked=i.locked)}haxsetupActiveElementForm(e){if(window.HAXCMS){const i=window.HAXCMS.requestAvailability().store.getManifestItems(!0);var t=[{text:`-- ${this.t.noParent} --`,value:null}];i.forEach((e=>{if(e.id!=this.itemId){let a=e,s="- ";for(;a&&null!=a.parent;)a=i.find((e=>e.id==a.parent)),a&&(s="--"+s);t.push({text:s+e.title,value:e.id})}})),e.settings.advanced.forEach(((i,a)=>{"parent"===i.property&&(e.settings.advanced[a].inputMethod="select",e.settings.advanced[a].itemsList=t),"noderefs"===i.property&&(e.settings.advanced[a].properties[0].inputMethod="select",e.settings.advanced[a].properties[0].itemsList=t)})),e.settings.developer.forEach(((t,i)=>{if("developerTheme"===t.property&&window.appSettings&&window.appSettings.themes){var a=[{text:"",value:null}];Object.keys(window.appSettings.themes).map((e=>{a.push({text:window.appSettings.themes[e].name,value:window.appSettings.themes[e].element})})),e.settings.developer[i].inputMethod="select",e.settings.developer[i].itemsList=a}}))}}haxactiveElementChanged(e,t){!t&&this._ceMenu&&("site"===this.breakType?(this._ceMenu.disableOps=!1,this._ceMenu.canMoveElement=!0,this._ceMenu.insertAbove=!0):this._ceMenu.disableDuplicate=!1)}haxeditModeChanged(e){this._haxState=e}haxinlineContextMenu(e){this._ceMenu=e,this._updateHAXCEMenu(),"site"===this.breakType?(this._ceMenu.disableOps=!0,this._ceMenu.canMoveElement=!1,this._ceMenu.insertAbove=!1):this._ceMenu.disableDuplicate=!0}_updateHAXCEMenu(){this._ceMenu.ceButtons=[{icon:this.locked?"icons:lock":"icons:lock-open",callback:"haxClickInlineLock",label:this.t.toggleLock},{icon:this.published?"lrn:view":"lrn:view-off",callback:"haxClickInlinePublished",label:this.t.togglePublished}]}haxClickLockInPage(e){this.locked=!this.locked,window.dispatchEvent(new CustomEvent("hax-refresh-tray-form",{}))}haxClickInlineLock(e){return this.locked=!this.locked,!0}haxClickInlinePublished(e){return this.published=!this.published,!0}}customElements.define(PageBreak.tag,PageBreak);
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/play-list/lib/SLStyleManager.js b/build/es6/node_modules/@lrnwebcomponents/play-list/lib/SLStyleManager.js
index ebb3e816e03..fff91e01cd4 100644
--- a/build/es6/node_modules/@lrnwebcomponents/play-list/lib/SLStyleManager.js
+++ b/build/es6/node_modules/@lrnwebcomponents/play-list/lib/SLStyleManager.js
@@ -1 +1 @@
-export function generateStyleLinkEls(){if(document.head&&document.head.querySelector("#showlace-light")&&document.head.querySelector("#showlace-dark"))return!1;const e=new URL("../../../@shoelace-style/shoelace/dist/themes/light.css",import.meta.url);let t=document.createElement("link");t.setAttribute("rel","stylesheet"),t.setAttribute("media","(prefers-color-scheme:light)"),t.setAttribute("href",e),t.setAttribute("id","showlace-light"),document.head.appendChild(t);const s=new URL("../../../@shoelace-style/shoelace/dist/themes/dark.css",import.meta.url);return t=document.createElement("link"),t.setAttribute("rel","stylesheet"),t.setAttribute("media","(prefers-color-scheme:dark)"),t.onload=()=>{document.documentElement.classList.add("sl-theme-dark")},t.setAttribute("href",s),t.setAttribute("id","showlace-dark"),document.head.appendChild(t),!0}
\ No newline at end of file
+export function generateStyleLinkEls(){if(document.head&&document.head.querySelector("#showlace-light")&&document.head.querySelector("#showlace-dark"))return!1;const e=new URL("./light.css",import.meta.url).href;let t=document.createElement("link");t.setAttribute("rel","stylesheet"),t.setAttribute("media","(prefers-color-scheme:light)"),t.setAttribute("href",e),t.setAttribute("id","showlace-light"),document.head.appendChild(t);const r=new URL("./dark.css",import.meta.url).href;return t=document.createElement("link"),t.setAttribute("rel","stylesheet"),t.setAttribute("media","(prefers-color-scheme:dark)"),t.onload=()=>{document.documentElement.classList.add("sl-theme-dark")},t.setAttribute("href",r),t.setAttribute("id","showlace-dark"),document.head.appendChild(t),!0}
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/play-list/lib/dark.css b/build/es6/node_modules/@lrnwebcomponents/play-list/lib/dark.css
new file mode 100644
index 00000000000..58c94780bce
--- /dev/null
+++ b/build/es6/node_modules/@lrnwebcomponents/play-list/lib/dark.css
@@ -0,0 +1,471 @@
+:host,
+.sl-theme-dark {
+  color-scheme: dark;
+
+  --sl-color-gray-50: hsl(240 5.1% 15%);
+  --sl-color-gray-100: hsl(240 5.7% 18.2%);
+  --sl-color-gray-200: hsl(240 4.6% 22%);
+  --sl-color-gray-300: hsl(240 5% 27.6%);
+  --sl-color-gray-400: hsl(240 5% 35.5%);
+  --sl-color-gray-500: hsl(240 3.7% 44%);
+  --sl-color-gray-600: hsl(240 5.3% 58%);
+  --sl-color-gray-700: hsl(240 5.6% 73%);
+  --sl-color-gray-800: hsl(240 7.3% 84%);
+  --sl-color-gray-900: hsl(240 9.1% 91.8%);
+  --sl-color-gray-950: hsl(0 0% 95%);
+
+  --sl-color-red-50: hsl(0 56% 23.9%);
+  --sl-color-red-100: hsl(0.6 60% 33.9%);
+  --sl-color-red-200: hsl(0.9 67.2% 37.1%);
+  --sl-color-red-300: hsl(1.1 71.3% 43.7%);
+  --sl-color-red-400: hsl(1 76% 52.5%);
+  --sl-color-red-500: hsl(0.7 89.6% 57.2%);
+  --sl-color-red-600: hsl(0 98.6% 67.9%);
+  --sl-color-red-700: hsl(0 100% 72.3%);
+  --sl-color-red-800: hsl(0 100% 85.6%);
+  --sl-color-red-900: hsl(0 100% 90.3%);
+  --sl-color-red-950: hsl(0 100% 95.9%);
+
+  --sl-color-orange-50: hsl(15 64.2% 23.3%);
+  --sl-color-orange-100: hsl(15.1 70.9% 31.1%);
+  --sl-color-orange-200: hsl(15.3 75.7% 35.5%);
+  --sl-color-orange-300: hsl(17.1 83.5% 42.7%);
+  --sl-color-orange-400: hsl(20.1 88% 50.8%);
+  --sl-color-orange-500: hsl(24.3 100% 50.5%);
+  --sl-color-orange-600: hsl(27.2 100% 57.7%);
+  --sl-color-orange-700: hsl(31.3 100% 68.7%);
+  --sl-color-orange-800: hsl(33.8 100% 79.3%);
+  --sl-color-orange-900: hsl(38.9 100% 87.7%);
+  --sl-color-orange-950: hsl(46.2 100% 95%);
+
+  --sl-color-amber-50: hsl(21.9 66.3% 21.1%);
+  --sl-color-amber-100: hsl(21.5 73.6% 29.7%);
+  --sl-color-amber-200: hsl(22.3 77.6% 33.3%);
+  --sl-color-amber-300: hsl(25.4 84.2% 39.6%);
+  --sl-color-amber-400: hsl(31.4 87.4% 46.7%);
+  --sl-color-amber-500: hsl(37 96.6% 48.3%);
+  --sl-color-amber-600: hsl(43.3 100% 53.4%);
+  --sl-color-amber-700: hsl(46.5 100% 61.1%);
+  --sl-color-amber-800: hsl(49.3 100% 73%);
+  --sl-color-amber-900: hsl(51.8 100% 85%);
+  --sl-color-amber-950: hsl(60 100% 94.6%);
+
+  --sl-color-yellow-50: hsl(32.5 60% 18.2%);
+  --sl-color-yellow-100: hsl(28.1 68.6% 29%);
+  --sl-color-yellow-200: hsl(31.3 75.8% 30.8%);
+  --sl-color-yellow-300: hsl(34.7 84.4% 35.3%);
+  --sl-color-yellow-400: hsl(40.1 87.3% 43.3%);
+  --sl-color-yellow-500: hsl(44.7 88% 46%);
+  --sl-color-yellow-600: hsl(47.7 100% 50.9%);
+  --sl-color-yellow-700: hsl(51.3 100% 59.9%);
+  --sl-color-yellow-800: hsl(54.6 100% 73%);
+  --sl-color-yellow-900: hsl(58.9 100% 84.2%);
+  --sl-color-yellow-950: hsl(60 100% 94%);
+
+  --sl-color-lime-50: hsl(86.5 54.4% 18%);
+  --sl-color-lime-100: hsl(87.6 56.8% 23.3%);
+  --sl-color-lime-200: hsl(85.8 63.2% 24.5%);
+  --sl-color-lime-300: hsl(86.1 72% 29.4%);
+  --sl-color-lime-400: hsl(85.5 76.8% 37.3%);
+  --sl-color-lime-500: hsl(84.3 74.2% 42.1%);
+  --sl-color-lime-600: hsl(82.8 81.5% 52.6%);
+  --sl-color-lime-700: hsl(82 89.9% 64%);
+  --sl-color-lime-800: hsl(80.9 97.9% 76.6%);
+  --sl-color-lime-900: hsl(77.9 100% 85.8%);
+  --sl-color-lime-950: hsl(69.5 100% 93.8%);
+
+  --sl-color-green-50: hsl(144.3 53.6% 16%);
+  --sl-color-green-100: hsl(143.2 55.4% 23.5%);
+  --sl-color-green-200: hsl(141.5 58.2% 26.3%);
+  --sl-color-green-300: hsl(140.8 64.2% 31.8%);
+  --sl-color-green-400: hsl(140.3 68% 39.2%);
+  --sl-color-green-500: hsl(141.1 64.9% 43%);
+  --sl-color-green-600: hsl(141.6 72.4% 55.2%);
+  --sl-color-green-700: hsl(141.7 82.7% 70.1%);
+  --sl-color-green-800: hsl(141 90.9% 82.1%);
+  --sl-color-green-900: hsl(142 100% 89.1%);
+  --sl-color-green-950: hsl(144 100% 95.5%);
+
+  --sl-color-emerald-50: hsl(164.3 75% 13.5%);
+  --sl-color-emerald-100: hsl(163.5 72.6% 20.1%);
+  --sl-color-emerald-200: hsl(162.1 73.7% 22.4%);
+  --sl-color-emerald-300: hsl(161.3 77.3% 27.6%);
+  --sl-color-emerald-400: hsl(159.6 77.1% 34.3%);
+  --sl-color-emerald-500: hsl(159.1 73.5% 37.9%);
+  --sl-color-emerald-600: hsl(157.8 66.8% 48.9%);
+  --sl-color-emerald-700: hsl(156.2 76.1% 63.8%);
+  --sl-color-emerald-800: hsl(152.4 84.4% 77.4%);
+  --sl-color-emerald-900: hsl(149.3 100% 87%);
+  --sl-color-emerald-950: hsl(158.6 100% 94.8%);
+
+  --sl-color-teal-50: hsl(176.5 51.5% 15.4%);
+  --sl-color-teal-100: hsl(175.9 54.7% 22.3%);
+  --sl-color-teal-200: hsl(175.9 60.7% 23.9%);
+  --sl-color-teal-300: hsl(174.5 67.3% 28.8%);
+  --sl-color-teal-400: hsl(174.4 71.9% 34.9%);
+  --sl-color-teal-500: hsl(173.1 71% 38.3%);
+  --sl-color-teal-600: hsl(172.3 68.2% 48.1%);
+  --sl-color-teal-700: hsl(170.5 81.3% 61.5%);
+  --sl-color-teal-800: hsl(168.4 92.1% 75.2%);
+  --sl-color-teal-900: hsl(168.3 100% 86%);
+  --sl-color-teal-950: hsl(180 100% 95.5%);
+
+  --sl-color-cyan-50: hsl(197.1 53.8% 20.3%);
+  --sl-color-cyan-100: hsl(196.8 57.3% 27.2%);
+  --sl-color-cyan-200: hsl(195.3 62.7% 29.4%);
+  --sl-color-cyan-300: hsl(193.5 71.3% 34.1%);
+  --sl-color-cyan-400: hsl(192.5 76.8% 40.6%);
+  --sl-color-cyan-500: hsl(189.4 78.6% 42.6%);
+  --sl-color-cyan-600: hsl(188.2 89.1% 51.7%);
+  --sl-color-cyan-700: hsl(187 98.6% 66.2%);
+  --sl-color-cyan-800: hsl(184.9 100% 78.3%);
+  --sl-color-cyan-900: hsl(180 100% 86.6%);
+  --sl-color-cyan-950: hsl(180 100% 94.8%);
+
+  --sl-color-sky-50: hsl(203 63.8% 20.9%);
+  --sl-color-sky-100: hsl(203.4 70.4% 28%);
+  --sl-color-sky-200: hsl(202.7 75.8% 30.8%);
+  --sl-color-sky-300: hsl(203.1 80.4% 36.1%);
+  --sl-color-sky-400: hsl(202.1 80.5% 44.3%);
+  --sl-color-sky-500: hsl(199.7 85.9% 47.7%);
+  --sl-color-sky-600: hsl(198.7 97.9% 57.2%);
+  --sl-color-sky-700: hsl(198.7 100% 70.5%);
+  --sl-color-sky-800: hsl(198.8 100% 82.5%);
+  --sl-color-sky-900: hsl(198.5 100% 89.9%);
+  --sl-color-sky-950: hsl(186 100% 95.5%);
+
+  --sl-color-blue-50: hsl(227.1 49.5% 22.7%);
+  --sl-color-blue-100: hsl(225.8 58.9% 36.8%);
+  --sl-color-blue-200: hsl(227.7 64.4% 42.9%);
+  --sl-color-blue-300: hsl(226.1 72.7% 51.2%);
+  --sl-color-blue-400: hsl(222.6 86.5% 56.3%);
+  --sl-color-blue-500: hsl(217.8 95.8% 57.4%);
+  --sl-color-blue-600: hsl(213.3 100% 65%);
+  --sl-color-blue-700: hsl(210.9 100% 74.8%);
+  --sl-color-blue-800: hsl(211.5 100% 83.4%);
+  --sl-color-blue-900: hsl(211 100% 88.9%);
+  --sl-color-blue-950: hsl(201.8 100% 95.3%);
+
+  --sl-color-indigo-50: hsl(243.5 40.8% 27%);
+  --sl-color-indigo-100: hsl(242.9 45.7% 37.6%);
+  --sl-color-indigo-200: hsl(244.7 52.7% 43.1%);
+  --sl-color-indigo-300: hsl(245.3 60.5% 52.4%);
+  --sl-color-indigo-400: hsl(244.1 79.2% 60.4%);
+  --sl-color-indigo-500: hsl(239.6 88.7% 63.8%);
+  --sl-color-indigo-600: hsl(234.5 96.7% 70.9%);
+  --sl-color-indigo-700: hsl(229.4 100% 78.3%);
+  --sl-color-indigo-800: hsl(227.1 100% 85%);
+  --sl-color-indigo-900: hsl(223.8 100% 89.9%);
+  --sl-color-indigo-950: hsl(220 100% 95.1%);
+
+  --sl-color-violet-50: hsl(265.1 57.3% 25.4%);
+  --sl-color-violet-100: hsl(263.5 63.8% 39.4%);
+  --sl-color-violet-200: hsl(263.4 66.2% 44.1%);
+  --sl-color-violet-300: hsl(263.7 72.8% 52.4%);
+  --sl-color-violet-400: hsl(262.5 87.3% 59.8%);
+  --sl-color-violet-500: hsl(258.3 95.1% 63.2%);
+  --sl-color-violet-600: hsl(255.1 100% 67.2%);
+  --sl-color-violet-700: hsl(253 100% 81.5%);
+  --sl-color-violet-800: hsl(251.7 100% 87.9%);
+  --sl-color-violet-900: hsl(254.1 100% 91.7%);
+  --sl-color-violet-950: hsl(257.1 100% 96.1%);
+
+  --sl-color-purple-50: hsl(276 54.3% 20.5%);
+  --sl-color-purple-100: hsl(273.6 61.8% 35.4%);
+  --sl-color-purple-200: hsl(272.9 64% 41.4%);
+  --sl-color-purple-300: hsl(271.9 68.1% 49.2%);
+  --sl-color-purple-400: hsl(271.5 85.1% 57.8%);
+  --sl-color-purple-500: hsl(270.7 96.4% 62.1%);
+  --sl-color-purple-600: hsl(270.5 100% 71.9%);
+  --sl-color-purple-700: hsl(270.9 100% 81.3%);
+  --sl-color-purple-800: hsl(272.4 100% 87.7%);
+  --sl-color-purple-900: hsl(276.7 100% 91.5%);
+  --sl-color-purple-950: hsl(300 100% 96.5%);
+
+  --sl-color-fuchsia-50: hsl(297.1 51.2% 18.6%);
+  --sl-color-fuchsia-100: hsl(296.7 59.5% 31.5%);
+  --sl-color-fuchsia-200: hsl(295.4 65.4% 35.1%);
+  --sl-color-fuchsia-300: hsl(294.6 67.4% 42.2%);
+  --sl-color-fuchsia-400: hsl(293.3 68.7% 51.2%);
+  --sl-color-fuchsia-500: hsl(292.1 88.4% 57.7%);
+  --sl-color-fuchsia-600: hsl(292 98.5% 59.5%);
+  --sl-color-fuchsia-700: hsl(292.4 100% 79.5%);
+  --sl-color-fuchsia-800: hsl(292.9 100% 86.8%);
+  --sl-color-fuchsia-900: hsl(300 100% 91.5%);
+  --sl-color-fuchsia-950: hsl(300 100% 96.3%);
+
+  --sl-color-pink-50: hsl(336.2 59.6% 20%);
+  --sl-color-pink-100: hsl(336.8 63.9% 34%);
+  --sl-color-pink-200: hsl(336.8 68.7% 37.6%);
+  --sl-color-pink-300: hsl(336.1 71.8% 44.5%);
+  --sl-color-pink-400: hsl(333.9 74.9% 53.1%);
+  --sl-color-pink-500: hsl(330.7 86.3% 57.7%);
+  --sl-color-pink-600: hsl(328.6 91.5% 67.2%);
+  --sl-color-pink-700: hsl(327.4 97.6% 78.7%);
+  --sl-color-pink-800: hsl(325.1 100% 86.6%);
+  --sl-color-pink-900: hsl(322.1 100% 91.3%);
+  --sl-color-pink-950: hsl(315 100% 95.9%);
+
+  --sl-color-rose-50: hsl(342.3 62.9% 21.5%);
+  --sl-color-rose-100: hsl(342.8 68.9% 34.2%);
+  --sl-color-rose-200: hsl(344.8 72.6% 37.3%);
+  --sl-color-rose-300: hsl(346.9 75.8% 43.7%);
+  --sl-color-rose-400: hsl(348.2 80.1% 52.7%);
+  --sl-color-rose-500: hsl(350.4 94.8% 57.5%);
+  --sl-color-rose-600: hsl(351.2 100% 58.1%);
+  --sl-color-rose-700: hsl(352.3 100% 78.1%);
+  --sl-color-rose-800: hsl(352 100% 86.2%);
+  --sl-color-rose-900: hsl(354.5 100% 90.7%);
+  --sl-color-rose-950: hsl(353.3 100% 95.7%);
+
+  --sl-color-primary-50: var(--sl-color-sky-50);
+  --sl-color-primary-100: var(--sl-color-sky-100);
+  --sl-color-primary-200: var(--sl-color-sky-200);
+  --sl-color-primary-300: var(--sl-color-sky-300);
+  --sl-color-primary-400: var(--sl-color-sky-400);
+  --sl-color-primary-500: var(--sl-color-sky-500);
+  --sl-color-primary-600: var(--sl-color-sky-600);
+  --sl-color-primary-700: var(--sl-color-sky-700);
+  --sl-color-primary-800: var(--sl-color-sky-800);
+  --sl-color-primary-900: var(--sl-color-sky-900);
+  --sl-color-primary-950: var(--sl-color-sky-950);
+
+  --sl-color-success-50: var(--sl-color-green-50);
+  --sl-color-success-100: var(--sl-color-green-100);
+  --sl-color-success-200: var(--sl-color-green-200);
+  --sl-color-success-300: var(--sl-color-green-300);
+  --sl-color-success-400: var(--sl-color-green-400);
+  --sl-color-success-500: var(--sl-color-green-500);
+  --sl-color-success-600: var(--sl-color-green-600);
+  --sl-color-success-700: var(--sl-color-green-700);
+  --sl-color-success-800: var(--sl-color-green-800);
+  --sl-color-success-900: var(--sl-color-green-900);
+  --sl-color-success-950: var(--sl-color-green-950);
+
+  --sl-color-warning-50: var(--sl-color-amber-50);
+  --sl-color-warning-100: var(--sl-color-amber-100);
+  --sl-color-warning-200: var(--sl-color-amber-200);
+  --sl-color-warning-300: var(--sl-color-amber-300);
+  --sl-color-warning-400: var(--sl-color-amber-400);
+  --sl-color-warning-500: var(--sl-color-amber-500);
+  --sl-color-warning-600: var(--sl-color-amber-600);
+  --sl-color-warning-700: var(--sl-color-amber-700);
+  --sl-color-warning-800: var(--sl-color-amber-800);
+  --sl-color-warning-900: var(--sl-color-amber-900);
+  --sl-color-warning-950: var(--sl-color-amber-950);
+
+  --sl-color-danger-50: var(--sl-color-red-50);
+  --sl-color-danger-100: var(--sl-color-red-100);
+  --sl-color-danger-200: var(--sl-color-red-200);
+  --sl-color-danger-300: var(--sl-color-red-300);
+  --sl-color-danger-400: var(--sl-color-red-400);
+  --sl-color-danger-500: var(--sl-color-red-500);
+  --sl-color-danger-600: var(--sl-color-red-600);
+  --sl-color-danger-700: var(--sl-color-red-700);
+  --sl-color-danger-800: var(--sl-color-red-800);
+  --sl-color-danger-900: var(--sl-color-red-900);
+  --sl-color-danger-950: var(--sl-color-red-950);
+
+  --sl-color-neutral-50: var(--sl-color-gray-50);
+  --sl-color-neutral-100: var(--sl-color-gray-100);
+  --sl-color-neutral-200: var(--sl-color-gray-200);
+  --sl-color-neutral-300: var(--sl-color-gray-300);
+  --sl-color-neutral-400: var(--sl-color-gray-400);
+  --sl-color-neutral-500: var(--sl-color-gray-500);
+  --sl-color-neutral-600: var(--sl-color-gray-600);
+  --sl-color-neutral-700: var(--sl-color-gray-700);
+  --sl-color-neutral-800: var(--sl-color-gray-800);
+  --sl-color-neutral-900: var(--sl-color-gray-900);
+  --sl-color-neutral-950: var(--sl-color-gray-950);
+
+  --sl-color-neutral-0: hsl(240, 5.9%, 11%);
+  --sl-color-neutral-1000: hsl(0, 0%, 100%);
+
+  --sl-border-radius-small: 0.1875rem;
+  --sl-border-radius-medium: 0.25rem;
+  --sl-border-radius-large: 0.5rem;
+  --sl-border-radius-x-large: 1rem;
+
+  --sl-border-radius-circle: 50%;
+  --sl-border-radius-pill: 9999px;
+
+  --sl-shadow-x-small: 0 1px 2px rgb(0 0 0 / 18%);
+  --sl-shadow-small: 0 1px 2px rgb(0 0 0 / 24%);
+  --sl-shadow-medium: 0 2px 4px rgb(0 0 0 / 24%);
+  --sl-shadow-large: 0 2px 8px rgb(0 0 0 / 24%);
+  --sl-shadow-x-large: 0 4px 16px rgb(0 0 0 / 24%);
+
+  --sl-spacing-3x-small: 0.125rem;
+  --sl-spacing-2x-small: 0.25rem;
+  --sl-spacing-x-small: 0.5rem;
+  --sl-spacing-small: 0.75rem;
+  --sl-spacing-medium: 1rem;
+  --sl-spacing-large: 1.25rem;
+  --sl-spacing-x-large: 1.75rem;
+  --sl-spacing-2x-large: 2.25rem;
+  --sl-spacing-3x-large: 3rem;
+  --sl-spacing-4x-large: 4.5rem;
+
+  --sl-transition-x-slow: 1000ms;
+  --sl-transition-slow: 500ms;
+  --sl-transition-medium: 250ms;
+  --sl-transition-fast: 150ms;
+  --sl-transition-x-fast: 50ms;
+
+  --sl-font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
+  --sl-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+    "Segoe UI Symbol";
+  --sl-font-serif: Georgia, "Times New Roman", serif;
+
+  --sl-font-size-2x-small: 0.625rem;
+  --sl-font-size-x-small: 0.75rem;
+  --sl-font-size-small: 0.875rem;
+  --sl-font-size-medium: 1rem;
+  --sl-font-size-large: 1.25rem;
+  --sl-font-size-x-large: 1.5rem;
+  --sl-font-size-2x-large: 2.25rem;
+  --sl-font-size-3x-large: 3rem;
+  --sl-font-size-4x-large: 4.5rem;
+
+  --sl-font-weight-light: 300;
+  --sl-font-weight-normal: 400;
+  --sl-font-weight-semibold: 500;
+  --sl-font-weight-bold: 700;
+
+  --sl-letter-spacing-denser: -0.03em;
+  --sl-letter-spacing-dense: -0.015em;
+  --sl-letter-spacing-normal: normal;
+  --sl-letter-spacing-loose: 0.075em;
+  --sl-letter-spacing-looser: 0.15em;
+
+  --sl-line-height-denser: 1;
+  --sl-line-height-dense: 1.4;
+  --sl-line-height-normal: 1.8;
+  --sl-line-height-loose: 2.2;
+  --sl-line-height-looser: 2.6;
+
+  --sl-focus-ring-color: var(--sl-color-primary-700);
+  --sl-focus-ring-style: solid;
+  --sl-focus-ring-width: 3px;
+  --sl-focus-ring: var(--sl-focus-ring-style) var(--sl-focus-ring-width)
+    var(--sl-focus-ring-color);
+  --sl-focus-ring-offset: 1px;
+
+  --sl-button-font-size-small: var(--sl-font-size-x-small);
+  --sl-button-font-size-medium: var(--sl-font-size-small);
+  --sl-button-font-size-large: var(--sl-font-size-medium);
+
+  --sl-input-height-small: 1.875rem;
+  --sl-input-height-medium: 2.5rem;
+  --sl-input-height-large: 3.125rem;
+
+  --sl-input-background-color: var(--sl-color-neutral-0);
+  --sl-input-background-color-hover: var(--sl-input-background-color);
+  --sl-input-background-color-focus: var(--sl-input-background-color);
+  --sl-input-background-color-disabled: var(--sl-color-neutral-100);
+  --sl-input-border-color: var(--sl-color-neutral-300);
+  --sl-input-border-color-hover: var(--sl-color-neutral-400);
+  --sl-input-border-color-focus: var(--sl-color-primary-500);
+  --sl-input-border-color-disabled: var(--sl-color-neutral-300);
+  --sl-input-border-width: 1px;
+  --sl-input-required-content: "*";
+  --sl-input-required-content-offset: -2px;
+  --sl-input-required-content-color: var(--sl-input-label-color);
+
+  --sl-input-border-radius-small: var(--sl-border-radius-medium);
+  --sl-input-border-radius-medium: var(--sl-border-radius-medium);
+  --sl-input-border-radius-large: var(--sl-border-radius-medium);
+
+  --sl-input-font-family: var(--sl-font-sans);
+  --sl-input-font-weight: var(--sl-font-weight-normal);
+  --sl-input-font-size-small: var(--sl-font-size-small);
+  --sl-input-font-size-medium: var(--sl-font-size-medium);
+  --sl-input-font-size-large: var(--sl-font-size-large);
+  --sl-input-letter-spacing: var(--sl-letter-spacing-normal);
+
+  --sl-input-color: var(--sl-color-neutral-700);
+  --sl-input-color-hover: var(--sl-color-neutral-700);
+  --sl-input-color-focus: var(--sl-color-neutral-700);
+  --sl-input-color-disabled: var(--sl-color-neutral-900);
+  --sl-input-icon-color: var(--sl-color-neutral-500);
+  --sl-input-icon-color-hover: var(--sl-color-neutral-600);
+  --sl-input-icon-color-focus: var(--sl-color-neutral-600);
+  --sl-input-placeholder-color: var(--sl-color-neutral-500);
+  --sl-input-placeholder-color-disabled: var(--sl-color-neutral-600);
+  --sl-input-spacing-small: var(--sl-spacing-small);
+  --sl-input-spacing-medium: var(--sl-spacing-medium);
+  --sl-input-spacing-large: var(--sl-spacing-large);
+
+  --sl-input-focus-ring-color: hsl(198.6 88.7% 48.4% / 40%);
+  --sl-input-focus-ring-offset: 0;
+
+  --sl-input-filled-background-color: var(--sl-color-neutral-100);
+  --sl-input-filled-background-color-hover: var(--sl-color-neutral-100);
+  --sl-input-filled-background-color-focus: var(--sl-color-neutral-100);
+  --sl-input-filled-background-color-disabled: var(--sl-color-neutral-100);
+  --sl-input-filled-color: var(--sl-color-neutral-800);
+  --sl-input-filled-color-hover: var(--sl-color-neutral-800);
+  --sl-input-filled-color-focus: var(--sl-color-neutral-700);
+  --sl-input-filled-color-disabled: var(--sl-color-neutral-800);
+
+  --sl-input-label-font-size-small: var(--sl-font-size-small);
+  --sl-input-label-font-size-medium: var(--sl-font-size-medium);
+  --sl-input-label-font-size-large: var(--sl-font-size-large);
+  --sl-input-label-color: inherit;
+
+  --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);
+  --sl-input-help-text-font-size-medium: var(--sl-font-size-small);
+  --sl-input-help-text-font-size-large: var(--sl-font-size-medium);
+  --sl-input-help-text-color: var(--sl-color-neutral-500);
+
+  --sl-toggle-size-small: 0.875rem;
+  --sl-toggle-size-medium: 1.125rem;
+  --sl-toggle-size-large: 1.375rem;
+
+  --sl-overlay-background-color: hsl(0 0% 0% / 43%);
+
+  --sl-panel-background-color: var(--sl-color-neutral-50);
+  --sl-panel-border-color: var(--sl-color-neutral-200);
+  --sl-panel-border-width: 1px;
+
+  --sl-tooltip-border-radius: var(--sl-border-radius-medium);
+  --sl-tooltip-background-color: var(--sl-color-neutral-800);
+  --sl-tooltip-color: var(--sl-color-neutral-0);
+  --sl-tooltip-font-family: var(--sl-font-sans);
+  --sl-tooltip-font-weight: var(--sl-font-weight-normal);
+  --sl-tooltip-font-size: var(--sl-font-size-small);
+  --sl-tooltip-line-height: var(--sl-line-height-dense);
+  --sl-tooltip-padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-small);
+  --sl-tooltip-arrow-size: 6px;
+
+  --sl-z-index-drawer: 700;
+  --sl-z-index-dialog: 800;
+  --sl-z-index-dropdown: 900;
+  --sl-z-index-toast: 950;
+  --sl-z-index-tooltip: 1000;
+}
+
+.sl-scroll-lock {
+  padding-right: var(--sl-scroll-lock-size) !important;
+  overflow: hidden !important;
+}
+
+.sl-toast-stack {
+  position: fixed;
+  top: 0;
+  inset-inline-end: 0;
+  z-index: var(--sl-z-index-toast);
+  width: 28rem;
+  max-width: 100%;
+  max-height: 100%;
+  overflow: auto;
+}
+
+.sl-toast-stack sl-alert {
+  margin: var(--sl-spacing-medium);
+}
+
+.sl-toast-stack sl-alert::part(base) {
+  box-shadow: var(--sl-shadow-large);
+}
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/play-list/lib/light.css b/build/es6/node_modules/@lrnwebcomponents/play-list/lib/light.css
new file mode 100644
index 00000000000..f05b16c8366
--- /dev/null
+++ b/build/es6/node_modules/@lrnwebcomponents/play-list/lib/light.css
@@ -0,0 +1,472 @@
+:root,
+:host,
+.sl-theme-light {
+  color-scheme: light;
+
+  --sl-color-gray-50: hsl(0 0% 97.5%);
+  --sl-color-gray-100: hsl(240 4.8% 95.9%);
+  --sl-color-gray-200: hsl(240 5.9% 90%);
+  --sl-color-gray-300: hsl(240 4.9% 83.9%);
+  --sl-color-gray-400: hsl(240 5% 64.9%);
+  --sl-color-gray-500: hsl(240 3.8% 46.1%);
+  --sl-color-gray-600: hsl(240 5.2% 33.9%);
+  --sl-color-gray-700: hsl(240 5.3% 26.1%);
+  --sl-color-gray-800: hsl(240 3.7% 15.9%);
+  --sl-color-gray-900: hsl(240 5.9% 10%);
+  --sl-color-gray-950: hsl(240 7.3% 8%);
+
+  --sl-color-red-50: hsl(0 85.7% 97.3%);
+  --sl-color-red-100: hsl(0 93.3% 94.1%);
+  --sl-color-red-200: hsl(0 96.3% 89.4%);
+  --sl-color-red-300: hsl(0 93.5% 81.8%);
+  --sl-color-red-400: hsl(0 90.6% 70.8%);
+  --sl-color-red-500: hsl(0 84.2% 60.2%);
+  --sl-color-red-600: hsl(0 72.2% 50.6%);
+  --sl-color-red-700: hsl(0 73.7% 41.8%);
+  --sl-color-red-800: hsl(0 70% 35.3%);
+  --sl-color-red-900: hsl(0 62.8% 30.6%);
+  --sl-color-red-950: hsl(0 60% 19.6%);
+
+  --sl-color-orange-50: hsl(33.3 100% 96.5%);
+  --sl-color-orange-100: hsl(34.3 100% 91.8%);
+  --sl-color-orange-200: hsl(32.1 97.7% 83.1%);
+  --sl-color-orange-300: hsl(30.7 97.2% 72.4%);
+  --sl-color-orange-400: hsl(27 96% 61%);
+  --sl-color-orange-500: hsl(24.6 95% 53.1%);
+  --sl-color-orange-600: hsl(20.5 90.2% 48.2%);
+  --sl-color-orange-700: hsl(17.5 88.3% 40.4%);
+  --sl-color-orange-800: hsl(15 79.1% 33.7%);
+  --sl-color-orange-900: hsl(15.3 74.6% 27.8%);
+  --sl-color-orange-950: hsl(15.2 69.1% 19%);
+
+  --sl-color-amber-50: hsl(48 100% 96.1%);
+  --sl-color-amber-100: hsl(48 96.5% 88.8%);
+  --sl-color-amber-200: hsl(48 96.6% 76.7%);
+  --sl-color-amber-300: hsl(45.9 96.7% 64.5%);
+  --sl-color-amber-400: hsl(43.3 96.4% 56.3%);
+  --sl-color-amber-500: hsl(37.7 92.1% 50.2%);
+  --sl-color-amber-600: hsl(32.1 94.6% 43.7%);
+  --sl-color-amber-700: hsl(26 90.5% 37.1%);
+  --sl-color-amber-800: hsl(22.7 82.5% 31.4%);
+  --sl-color-amber-900: hsl(21.7 77.8% 26.5%);
+  --sl-color-amber-950: hsl(22.9 74.1% 16.7%);
+
+  --sl-color-yellow-50: hsl(54.5 91.7% 95.3%);
+  --sl-color-yellow-100: hsl(54.9 96.7% 88%);
+  --sl-color-yellow-200: hsl(52.8 98.3% 76.9%);
+  --sl-color-yellow-300: hsl(50.4 97.8% 63.5%);
+  --sl-color-yellow-400: hsl(47.9 95.8% 53.1%);
+  --sl-color-yellow-500: hsl(45.4 93.4% 47.5%);
+  --sl-color-yellow-600: hsl(40.6 96.1% 40.4%);
+  --sl-color-yellow-700: hsl(35.5 91.7% 32.9%);
+  --sl-color-yellow-800: hsl(31.8 81% 28.8%);
+  --sl-color-yellow-900: hsl(28.4 72.5% 25.7%);
+  --sl-color-yellow-950: hsl(33.1 69% 13.9%);
+
+  --sl-color-lime-50: hsl(78.3 92% 95.1%);
+  --sl-color-lime-100: hsl(79.6 89.1% 89.2%);
+  --sl-color-lime-200: hsl(80.9 88.5% 79.6%);
+  --sl-color-lime-300: hsl(82 84.5% 67.1%);
+  --sl-color-lime-400: hsl(82.7 78% 55.5%);
+  --sl-color-lime-500: hsl(83.7 80.5% 44.3%);
+  --sl-color-lime-600: hsl(84.8 85.2% 34.5%);
+  --sl-color-lime-700: hsl(85.9 78.4% 27.3%);
+  --sl-color-lime-800: hsl(86.3 69% 22.7%);
+  --sl-color-lime-900: hsl(87.6 61.2% 20.2%);
+  --sl-color-lime-950: hsl(86.5 60.6% 13.9%);
+
+  --sl-color-green-50: hsl(138.5 76.5% 96.7%);
+  --sl-color-green-100: hsl(140.6 84.2% 92.5%);
+  --sl-color-green-200: hsl(141 78.9% 85.1%);
+  --sl-color-green-300: hsl(141.7 76.6% 73.1%);
+  --sl-color-green-400: hsl(141.9 69.2% 58%);
+  --sl-color-green-500: hsl(142.1 70.6% 45.3%);
+  --sl-color-green-600: hsl(142.1 76.2% 36.3%);
+  --sl-color-green-700: hsl(142.4 71.8% 29.2%);
+  --sl-color-green-800: hsl(142.8 64.2% 24.1%);
+  --sl-color-green-900: hsl(143.8 61.2% 20.2%);
+  --sl-color-green-950: hsl(144.3 60.7% 12%);
+
+  --sl-color-emerald-50: hsl(151.8 81% 95.9%);
+  --sl-color-emerald-100: hsl(149.3 80.4% 90%);
+  --sl-color-emerald-200: hsl(152.4 76% 80.4%);
+  --sl-color-emerald-300: hsl(156.2 71.6% 66.9%);
+  --sl-color-emerald-400: hsl(158.1 64.4% 51.6%);
+  --sl-color-emerald-500: hsl(160.1 84.1% 39.4%);
+  --sl-color-emerald-600: hsl(161.4 93.5% 30.4%);
+  --sl-color-emerald-700: hsl(162.9 93.5% 24.3%);
+  --sl-color-emerald-800: hsl(163.1 88.1% 19.8%);
+  --sl-color-emerald-900: hsl(164.2 85.7% 16.5%);
+  --sl-color-emerald-950: hsl(164.3 87.5% 9.4%);
+
+  --sl-color-teal-50: hsl(166.2 76.5% 96.7%);
+  --sl-color-teal-100: hsl(167.2 85.5% 89.2%);
+  --sl-color-teal-200: hsl(168.4 83.8% 78.2%);
+  --sl-color-teal-300: hsl(170.6 76.9% 64.3%);
+  --sl-color-teal-400: hsl(172.5 66% 50.4%);
+  --sl-color-teal-500: hsl(173.4 80.4% 40%);
+  --sl-color-teal-600: hsl(174.7 83.9% 31.6%);
+  --sl-color-teal-700: hsl(175.3 77.4% 26.1%);
+  --sl-color-teal-800: hsl(176.1 69.4% 21.8%);
+  --sl-color-teal-900: hsl(175.9 60.8% 19%);
+  --sl-color-teal-950: hsl(176.5 58.6% 11.4%);
+
+  --sl-color-cyan-50: hsl(183.2 100% 96.3%);
+  --sl-color-cyan-100: hsl(185.1 95.9% 90.4%);
+  --sl-color-cyan-200: hsl(186.2 93.5% 81.8%);
+  --sl-color-cyan-300: hsl(187 92.4% 69%);
+  --sl-color-cyan-400: hsl(187.9 85.7% 53.3%);
+  --sl-color-cyan-500: hsl(188.7 94.5% 42.7%);
+  --sl-color-cyan-600: hsl(191.6 91.4% 36.5%);
+  --sl-color-cyan-700: hsl(192.9 82.3% 31%);
+  --sl-color-cyan-800: hsl(194.4 69.6% 27.1%);
+  --sl-color-cyan-900: hsl(196.4 63.6% 23.7%);
+  --sl-color-cyan-950: hsl(196.8 61% 16.1%);
+
+  --sl-color-sky-50: hsl(204 100% 97.1%);
+  --sl-color-sky-100: hsl(204 93.8% 93.7%);
+  --sl-color-sky-200: hsl(200.6 94.4% 86.1%);
+  --sl-color-sky-300: hsl(199.4 95.5% 73.9%);
+  --sl-color-sky-400: hsl(198.4 93.2% 59.6%);
+  --sl-color-sky-500: hsl(198.6 88.7% 48.4%);
+  --sl-color-sky-600: hsl(200.4 98% 39.4%);
+  --sl-color-sky-700: hsl(201.3 96.3% 32.2%);
+  --sl-color-sky-800: hsl(201 90% 27.5%);
+  --sl-color-sky-900: hsl(202 80.3% 23.9%);
+  --sl-color-sky-950: hsl(202.3 73.8% 16.5%);
+
+  --sl-color-blue-50: hsl(213.8 100% 96.9%);
+  --sl-color-blue-100: hsl(214.3 94.6% 92.7%);
+  --sl-color-blue-200: hsl(213.3 96.9% 87.3%);
+  --sl-color-blue-300: hsl(211.7 96.4% 78.4%);
+  --sl-color-blue-400: hsl(213.1 93.9% 67.8%);
+  --sl-color-blue-500: hsl(217.2 91.2% 59.8%);
+  --sl-color-blue-600: hsl(221.2 83.2% 53.3%);
+  --sl-color-blue-700: hsl(224.3 76.3% 48%);
+  --sl-color-blue-800: hsl(225.9 70.7% 40.2%);
+  --sl-color-blue-900: hsl(224.4 64.3% 32.9%);
+  --sl-color-blue-950: hsl(226.2 55.3% 18.4%);
+
+  --sl-color-indigo-50: hsl(225.9 100% 96.7%);
+  --sl-color-indigo-100: hsl(226.5 100% 93.9%);
+  --sl-color-indigo-200: hsl(228 96.5% 88.8%);
+  --sl-color-indigo-300: hsl(229.7 93.5% 81.8%);
+  --sl-color-indigo-400: hsl(234.5 89.5% 73.9%);
+  --sl-color-indigo-500: hsl(238.7 83.5% 66.7%);
+  --sl-color-indigo-600: hsl(243.4 75.4% 58.6%);
+  --sl-color-indigo-700: hsl(244.5 57.9% 50.6%);
+  --sl-color-indigo-800: hsl(243.7 54.5% 41.4%);
+  --sl-color-indigo-900: hsl(242.2 47.4% 34.3%);
+  --sl-color-indigo-950: hsl(243.5 43.6% 22.9%);
+
+  --sl-color-violet-50: hsl(250 100% 97.6%);
+  --sl-color-violet-100: hsl(251.4 91.3% 95.5%);
+  --sl-color-violet-200: hsl(250.5 95.2% 91.8%);
+  --sl-color-violet-300: hsl(252.5 94.7% 85.1%);
+  --sl-color-violet-400: hsl(255.1 91.7% 76.3%);
+  --sl-color-violet-500: hsl(258.3 89.5% 66.3%);
+  --sl-color-violet-600: hsl(262.1 83.3% 57.8%);
+  --sl-color-violet-700: hsl(263.4 70% 50.4%);
+  --sl-color-violet-800: hsl(263.4 69.3% 42.2%);
+  --sl-color-violet-900: hsl(263.5 67.4% 34.9%);
+  --sl-color-violet-950: hsl(265.1 61.5% 21.4%);
+
+  --sl-color-purple-50: hsl(270 100% 98%);
+  --sl-color-purple-100: hsl(268.7 100% 95.5%);
+  --sl-color-purple-200: hsl(268.6 100% 91.8%);
+  --sl-color-purple-300: hsl(269.2 97.4% 85.1%);
+  --sl-color-purple-400: hsl(270 95.2% 75.3%);
+  --sl-color-purple-500: hsl(270.7 91% 65.1%);
+  --sl-color-purple-600: hsl(271.5 81.3% 55.9%);
+  --sl-color-purple-700: hsl(272.1 71.7% 47.1%);
+  --sl-color-purple-800: hsl(272.9 67.2% 39.4%);
+  --sl-color-purple-900: hsl(273.6 65.6% 32%);
+  --sl-color-purple-950: hsl(276 59.5% 16.5%);
+
+  --sl-color-fuchsia-50: hsl(289.1 100% 97.8%);
+  --sl-color-fuchsia-100: hsl(287 100% 95.5%);
+  --sl-color-fuchsia-200: hsl(288.3 95.8% 90.6%);
+  --sl-color-fuchsia-300: hsl(291.1 93.1% 82.9%);
+  --sl-color-fuchsia-400: hsl(292 91.4% 72.5%);
+  --sl-color-fuchsia-500: hsl(292.2 84.1% 60.6%);
+  --sl-color-fuchsia-600: hsl(293.4 69.5% 48.8%);
+  --sl-color-fuchsia-700: hsl(294.7 72.4% 39.8%);
+  --sl-color-fuchsia-800: hsl(295.4 70.2% 32.9%);
+  --sl-color-fuchsia-900: hsl(296.7 63.6% 28%);
+  --sl-color-fuchsia-950: hsl(297.1 56.8% 14.5%);
+
+  --sl-color-pink-50: hsl(327.3 73.3% 97.1%);
+  --sl-color-pink-100: hsl(325.7 77.8% 94.7%);
+  --sl-color-pink-200: hsl(325.9 84.6% 89.8%);
+  --sl-color-pink-300: hsl(327.4 87.1% 81.8%);
+  --sl-color-pink-400: hsl(328.6 85.5% 70.2%);
+  --sl-color-pink-500: hsl(330.4 81.2% 60.4%);
+  --sl-color-pink-600: hsl(333.3 71.4% 50.6%);
+  --sl-color-pink-700: hsl(335.1 77.6% 42%);
+  --sl-color-pink-800: hsl(335.8 74.4% 35.3%);
+  --sl-color-pink-900: hsl(335.9 69% 30.4%);
+  --sl-color-pink-950: hsl(336.2 65.4% 15.9%);
+
+  --sl-color-rose-50: hsl(355.7 100% 97.3%);
+  --sl-color-rose-100: hsl(355.6 100% 94.7%);
+  --sl-color-rose-200: hsl(352.7 96.1% 90%);
+  --sl-color-rose-300: hsl(352.6 95.7% 81.8%);
+  --sl-color-rose-400: hsl(351.3 94.5% 71.4%);
+  --sl-color-rose-500: hsl(349.7 89.2% 60.2%);
+  --sl-color-rose-600: hsl(346.8 77.2% 49.8%);
+  --sl-color-rose-700: hsl(345.3 82.7% 40.8%);
+  --sl-color-rose-800: hsl(343.4 79.7% 34.7%);
+  --sl-color-rose-900: hsl(341.5 75.5% 30.4%);
+  --sl-color-rose-950: hsl(341.3 70.1% 17.1%);
+
+  --sl-color-primary-50: var(--sl-color-sky-50);
+  --sl-color-primary-100: var(--sl-color-sky-100);
+  --sl-color-primary-200: var(--sl-color-sky-200);
+  --sl-color-primary-300: var(--sl-color-sky-300);
+  --sl-color-primary-400: var(--sl-color-sky-400);
+  --sl-color-primary-500: var(--sl-color-sky-500);
+  --sl-color-primary-600: var(--sl-color-sky-600);
+  --sl-color-primary-700: var(--sl-color-sky-700);
+  --sl-color-primary-800: var(--sl-color-sky-800);
+  --sl-color-primary-900: var(--sl-color-sky-900);
+  --sl-color-primary-950: var(--sl-color-sky-950);
+
+  --sl-color-success-50: var(--sl-color-green-50);
+  --sl-color-success-100: var(--sl-color-green-100);
+  --sl-color-success-200: var(--sl-color-green-200);
+  --sl-color-success-300: var(--sl-color-green-300);
+  --sl-color-success-400: var(--sl-color-green-400);
+  --sl-color-success-500: var(--sl-color-green-500);
+  --sl-color-success-600: var(--sl-color-green-600);
+  --sl-color-success-700: var(--sl-color-green-700);
+  --sl-color-success-800: var(--sl-color-green-800);
+  --sl-color-success-900: var(--sl-color-green-900);
+  --sl-color-success-950: var(--sl-color-green-950);
+
+  --sl-color-warning-50: var(--sl-color-amber-50);
+  --sl-color-warning-100: var(--sl-color-amber-100);
+  --sl-color-warning-200: var(--sl-color-amber-200);
+  --sl-color-warning-300: var(--sl-color-amber-300);
+  --sl-color-warning-400: var(--sl-color-amber-400);
+  --sl-color-warning-500: var(--sl-color-amber-500);
+  --sl-color-warning-600: var(--sl-color-amber-600);
+  --sl-color-warning-700: var(--sl-color-amber-700);
+  --sl-color-warning-800: var(--sl-color-amber-800);
+  --sl-color-warning-900: var(--sl-color-amber-900);
+  --sl-color-warning-950: var(--sl-color-amber-950);
+
+  --sl-color-danger-50: var(--sl-color-red-50);
+  --sl-color-danger-100: var(--sl-color-red-100);
+  --sl-color-danger-200: var(--sl-color-red-200);
+  --sl-color-danger-300: var(--sl-color-red-300);
+  --sl-color-danger-400: var(--sl-color-red-400);
+  --sl-color-danger-500: var(--sl-color-red-500);
+  --sl-color-danger-600: var(--sl-color-red-600);
+  --sl-color-danger-700: var(--sl-color-red-700);
+  --sl-color-danger-800: var(--sl-color-red-800);
+  --sl-color-danger-900: var(--sl-color-red-900);
+  --sl-color-danger-950: var(--sl-color-red-950);
+
+  --sl-color-neutral-50: var(--sl-color-gray-50);
+  --sl-color-neutral-100: var(--sl-color-gray-100);
+  --sl-color-neutral-200: var(--sl-color-gray-200);
+  --sl-color-neutral-300: var(--sl-color-gray-300);
+  --sl-color-neutral-400: var(--sl-color-gray-400);
+  --sl-color-neutral-500: var(--sl-color-gray-500);
+  --sl-color-neutral-600: var(--sl-color-gray-600);
+  --sl-color-neutral-700: var(--sl-color-gray-700);
+  --sl-color-neutral-800: var(--sl-color-gray-800);
+  --sl-color-neutral-900: var(--sl-color-gray-900);
+  --sl-color-neutral-950: var(--sl-color-gray-950);
+
+  --sl-color-neutral-0: hsl(0, 0%, 100%);
+  --sl-color-neutral-1000: hsl(0, 0%, 0%);
+
+  --sl-border-radius-small: 0.1875rem;
+  --sl-border-radius-medium: 0.25rem;
+  --sl-border-radius-large: 0.5rem;
+  --sl-border-radius-x-large: 1rem;
+
+  --sl-border-radius-circle: 50%;
+  --sl-border-radius-pill: 9999px;
+
+  --sl-shadow-x-small: 0 1px 2px hsl(240 3.8% 46.1% / 6%);
+  --sl-shadow-small: 0 1px 2px hsl(240 3.8% 46.1% / 12%);
+  --sl-shadow-medium: 0 2px 4px hsl(240 3.8% 46.1% / 12%);
+  --sl-shadow-large: 0 2px 8px hsl(240 3.8% 46.1% / 12%);
+  --sl-shadow-x-large: 0 4px 16px hsl(240 3.8% 46.1% / 12%);
+
+  --sl-spacing-3x-small: 0.125rem;
+  --sl-spacing-2x-small: 0.25rem;
+  --sl-spacing-x-small: 0.5rem;
+  --sl-spacing-small: 0.75rem;
+  --sl-spacing-medium: 1rem;
+  --sl-spacing-large: 1.25rem;
+  --sl-spacing-x-large: 1.75rem;
+  --sl-spacing-2x-large: 2.25rem;
+  --sl-spacing-3x-large: 3rem;
+  --sl-spacing-4x-large: 4.5rem;
+
+  --sl-transition-x-slow: 1000ms;
+  --sl-transition-slow: 500ms;
+  --sl-transition-medium: 250ms;
+  --sl-transition-fast: 150ms;
+  --sl-transition-x-fast: 50ms;
+
+  --sl-font-mono: SFMono-Regular, Consolas, "Liberation Mono", Menlo, monospace;
+  --sl-font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
+    Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
+    "Segoe UI Symbol";
+  --sl-font-serif: Georgia, "Times New Roman", serif;
+
+  --sl-font-size-2x-small: 0.625rem;
+  --sl-font-size-x-small: 0.75rem;
+  --sl-font-size-small: 0.875rem;
+  --sl-font-size-medium: 1rem;
+  --sl-font-size-large: 1.25rem;
+  --sl-font-size-x-large: 1.5rem;
+  --sl-font-size-2x-large: 2.25rem;
+  --sl-font-size-3x-large: 3rem;
+  --sl-font-size-4x-large: 4.5rem;
+
+  --sl-font-weight-light: 300;
+  --sl-font-weight-normal: 400;
+  --sl-font-weight-semibold: 500;
+  --sl-font-weight-bold: 700;
+
+  --sl-letter-spacing-denser: -0.03em;
+  --sl-letter-spacing-dense: -0.015em;
+  --sl-letter-spacing-normal: normal;
+  --sl-letter-spacing-loose: 0.075em;
+  --sl-letter-spacing-looser: 0.15em;
+
+  --sl-line-height-denser: 1;
+  --sl-line-height-dense: 1.4;
+  --sl-line-height-normal: 1.8;
+  --sl-line-height-loose: 2.2;
+  --sl-line-height-looser: 2.6;
+
+  --sl-focus-ring-color: var(--sl-color-primary-600);
+  --sl-focus-ring-style: solid;
+  --sl-focus-ring-width: 3px;
+  --sl-focus-ring: var(--sl-focus-ring-style) var(--sl-focus-ring-width)
+    var(--sl-focus-ring-color);
+  --sl-focus-ring-offset: 1px;
+
+  --sl-button-font-size-small: var(--sl-font-size-x-small);
+  --sl-button-font-size-medium: var(--sl-font-size-small);
+  --sl-button-font-size-large: var(--sl-font-size-medium);
+
+  --sl-input-height-small: 1.875rem;
+  --sl-input-height-medium: 2.5rem;
+  --sl-input-height-large: 3.125rem;
+
+  --sl-input-background-color: var(--sl-color-neutral-0);
+  --sl-input-background-color-hover: var(--sl-input-background-color);
+  --sl-input-background-color-focus: var(--sl-input-background-color);
+  --sl-input-background-color-disabled: var(--sl-color-neutral-100);
+  --sl-input-border-color: var(--sl-color-neutral-300);
+  --sl-input-border-color-hover: var(--sl-color-neutral-400);
+  --sl-input-border-color-focus: var(--sl-color-primary-500);
+  --sl-input-border-color-disabled: var(--sl-color-neutral-300);
+  --sl-input-border-width: 1px;
+  --sl-input-required-content: "*";
+  --sl-input-required-content-offset: -2px;
+  --sl-input-required-content-color: var(--sl-input-label-color);
+
+  --sl-input-border-radius-small: var(--sl-border-radius-medium);
+  --sl-input-border-radius-medium: var(--sl-border-radius-medium);
+  --sl-input-border-radius-large: var(--sl-border-radius-medium);
+
+  --sl-input-font-family: var(--sl-font-sans);
+  --sl-input-font-weight: var(--sl-font-weight-normal);
+  --sl-input-font-size-small: var(--sl-font-size-small);
+  --sl-input-font-size-medium: var(--sl-font-size-medium);
+  --sl-input-font-size-large: var(--sl-font-size-large);
+  --sl-input-letter-spacing: var(--sl-letter-spacing-normal);
+
+  --sl-input-color: var(--sl-color-neutral-700);
+  --sl-input-color-hover: var(--sl-color-neutral-700);
+  --sl-input-color-focus: var(--sl-color-neutral-700);
+  --sl-input-color-disabled: var(--sl-color-neutral-900);
+  --sl-input-icon-color: var(--sl-color-neutral-500);
+  --sl-input-icon-color-hover: var(--sl-color-neutral-600);
+  --sl-input-icon-color-focus: var(--sl-color-neutral-600);
+  --sl-input-placeholder-color: var(--sl-color-neutral-500);
+  --sl-input-placeholder-color-disabled: var(--sl-color-neutral-600);
+  --sl-input-spacing-small: var(--sl-spacing-small);
+  --sl-input-spacing-medium: var(--sl-spacing-medium);
+  --sl-input-spacing-large: var(--sl-spacing-large);
+
+  --sl-input-focus-ring-color: hsl(198.6 88.7% 48.4% / 40%);
+  --sl-input-focus-ring-offset: 0;
+
+  --sl-input-filled-background-color: var(--sl-color-neutral-100);
+  --sl-input-filled-background-color-hover: var(--sl-color-neutral-100);
+  --sl-input-filled-background-color-focus: var(--sl-color-neutral-100);
+  --sl-input-filled-background-color-disabled: var(--sl-color-neutral-100);
+  --sl-input-filled-color: var(--sl-color-neutral-800);
+  --sl-input-filled-color-hover: var(--sl-color-neutral-800);
+  --sl-input-filled-color-focus: var(--sl-color-neutral-700);
+  --sl-input-filled-color-disabled: var(--sl-color-neutral-800);
+
+  --sl-input-label-font-size-small: var(--sl-font-size-small);
+  --sl-input-label-font-size-medium: var(--sl-font-size-medium);
+  --sl-input-label-font-size-large: var(--sl-font-size-large);
+  --sl-input-label-color: inherit;
+
+  --sl-input-help-text-font-size-small: var(--sl-font-size-x-small);
+  --sl-input-help-text-font-size-medium: var(--sl-font-size-small);
+  --sl-input-help-text-font-size-large: var(--sl-font-size-medium);
+  --sl-input-help-text-color: var(--sl-color-neutral-500);
+
+  --sl-toggle-size-small: 0.875rem;
+  --sl-toggle-size-medium: 1.125rem;
+  --sl-toggle-size-large: 1.375rem;
+
+  --sl-overlay-background-color: hsl(240 3.8% 46.1% / 33%);
+
+  --sl-panel-background-color: var(--sl-color-neutral-0);
+  --sl-panel-border-color: var(--sl-color-neutral-200);
+  --sl-panel-border-width: 1px;
+
+  --sl-tooltip-border-radius: var(--sl-border-radius-medium);
+  --sl-tooltip-background-color: var(--sl-color-neutral-800);
+  --sl-tooltip-color: var(--sl-color-neutral-0);
+  --sl-tooltip-font-family: var(--sl-font-sans);
+  --sl-tooltip-font-weight: var(--sl-font-weight-normal);
+  --sl-tooltip-font-size: var(--sl-font-size-small);
+  --sl-tooltip-line-height: var(--sl-line-height-dense);
+  --sl-tooltip-padding: var(--sl-spacing-2x-small) var(--sl-spacing-x-small);
+  --sl-tooltip-arrow-size: 6px;
+
+  --sl-z-index-drawer: 700;
+  --sl-z-index-dialog: 800;
+  --sl-z-index-dropdown: 900;
+  --sl-z-index-toast: 950;
+  --sl-z-index-tooltip: 1000;
+}
+
+.sl-scroll-lock {
+  padding-right: var(--sl-scroll-lock-size) !important;
+  overflow: hidden !important;
+}
+
+.sl-toast-stack {
+  position: fixed;
+  top: 0;
+  inset-inline-end: 0;
+  z-index: var(--sl-z-index-toast);
+  width: 28rem;
+  max-width: 100%;
+  max-height: 100%;
+  overflow: auto;
+}
+
+.sl-toast-stack sl-alert {
+  margin: var(--sl-spacing-medium);
+}
+
+.sl-toast-stack sl-alert::part(base) {
+  box-shadow: var(--sl-shadow-large);
+}
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-array-item.js b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-array-item.js
index 3c08b085faf..699e2bdeed9 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-array-item.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-array-item.js
@@ -1,4 +1,4 @@
-import{LitElement as e,html as t,css as i}from"../../../lit/index.js";import{SimpleFieldsFieldsetBehaviors as o}from"./simple-fields-fieldset.js";import{SimpleFieldsButtonStyles as s}from"./simple-fields-ui.js";import"../../simple-icon/simple-icon.js";import"../../simple-icon/lib/simple-icons.js";import"../../simple-toolbar/lib/simple-toolbar-button.js";import"../../simple-toolbar/lib/simple-toolbar-menu.js";import"../../simple-toolbar/lib/simple-toolbar-menu-item.js";import"../../responsive-utility/responsive-utility.js";class SimpleFieldsArrayItem extends(o(e)){static get styles(){return[...super.styles,...s,i`
+import{LitElement as e,html as t,css as i}from"../../../lit/index.js";import{SimpleFieldsFieldsetBehaviors as o}from"./simple-fields-fieldset.js";import{SimpleFieldsButtonStyles as r}from"./simple-fields-ui.js";import"../../simple-icon/simple-icon.js";import"../../simple-icon/lib/simple-icons.js";import"../../simple-toolbar/lib/simple-toolbar-button.js";import"../../simple-toolbar/lib/simple-toolbar-menu.js";import"../../simple-toolbar/lib/simple-toolbar-menu-item.js";import"../../responsive-utility/responsive-utility.js";class SimpleFieldsArrayItem extends(o(e)){static get styles(){return[...super.styles,...r,i`
         :host {
           padding: 0;
           border-radius: var(--simple-fields-border-radius, 2px);
@@ -30,6 +30,9 @@ import{LitElement as e,html as t,css as i}from"../../../lit/index.js";import{Sim
           position: relative;
           overflow: visible;
         }
+        :host([hide-reorder]) #drag-handle {
+          display: none;
+        }
         #preview {
           flex: 1 0 auto;
           margin: 0;
@@ -39,6 +42,10 @@ import{LitElement as e,html as t,css as i}from"../../../lit/index.js";import{Sim
             100% - 72px - 2 * var(--simple-fields-margin-small, 8px) / 2
           );
         }
+        :host([hide-reorder]) #preview {
+          margin: 0 4px;
+          max-width: unset;
+        }
         #heading,
         .heading-inner {
           display: flex;
@@ -187,7 +194,6 @@ import{LitElement as e,html as t,css as i}from"../../../lit/index.js";import{Sim
         <simple-toolbar-button
           id="expand"
           controls="${this.id}"
-          ?hidden="${"xs"!==this.responsiveSize}"
           icon="more-vert"
           label="Toggle expand"
           ?disabled="${this.disabled}"
@@ -215,34 +221,21 @@ import{LitElement as e,html as t,css as i}from"../../../lit/index.js";import{Sim
               tooltip-direction="left"
             >
             </simple-toolbar-button>
-            <simple-toolbar-menu
-              id="remove"
+            <simple-toolbar-button
+              id="confirm-remove"
+              class="danger"
+              tooltip-direction="left"
+              align-horizontal="left"
+              role="menuitem"
+              controls="${this.id}"
               icon="delete"
-              label="Remove this item"
+              label="Remove"
               ?disabled="${this.disabled}"
-              fit-to-visible-bounds
-              part="remove"
-              position-align="end"
-              tooltip-direction="left"
+              @click="${this._handleRemove}"
+              part="confirm-remove"
             >
-              <simple-toolbar-menu-item>
-                <simple-toolbar-button
-                  id="confirm-remove"
-                  class="danger"
-                  align-horizontal="left"
-                  role="menuitem"
-                  show-text-label
-                  controls="${this.id}"
-                  icon="delete"
-                  label="Remove"
-                  ?disabled="${this.disabled}"
-                  @click="${this._handleRemove}"
-                  part="confirm-remove"
-                >
-                </simple-toolbar-button>
-              </simple-toolbar-menu-item>
-            </simple-toolbar-menu>
+            </simple-toolbar-button>
           </div>
         </div>
       </div>
-    `}static get tag(){return"simple-fields-array-item"}static get properties(){return{expanded:{type:Boolean,reflect:!0},hideReorder:{type:Boolean,attribute:"hide-reorder"},hideDuplicate:{type:Boolean,attribute:"hide-duplicate"},disabled:{type:Boolean,reflect:!0,attribute:"disabled"},draggable:{type:String,reflect:!0},preview:{type:Boolean},previewBy:{type:Array,reflect:!0,attribute:"preview-by"},responsiveSize:{type:String,attribute:"responsive-size",reflect:!0},__dragging:{type:Boolean},__dropAccepts:{type:Object},__prev:{type:Object},__next:{type:Object}}}constructor(){super(),this.hideReorder=!1,this.hideDuplicate=!1,this.disabled=!1,this.draggable="truest",this.previewBy=[],this.expanded=!0,this.responsiveSize="sm",this.addEventListener("dragenter",this._dragEnter),this.addEventListener("dragleave",this._dragLeave),this.addEventListener("dragover",this._dragMoving),this.addEventListener("dragstart",this._dragStart),this.addEventListener("dragend",this._dragEnd),this.addEventListener("drop",this._dragDrop)}get isArrayItem(){return!0}_dragMoving(e){this.__dragMoving=!0,e.preventDefault()}_dragEnd(e){[...this.parentNode.childNodes].forEach((e=>{e.isArrayItem&&e._setDropzone(!1)})),this._setDragging(!1)}_dragStart(e){let t=this.shadowRoot.querySelector("#heading");e.dataTransfer.setDragImage(t,0,0),this._setDragging(),e.stopPropagation(),e.stopImmediatePropagation()}_dragEnter(e){this._setDropzone()}_dragLeave(e){this._setDropzone(!1)}_dragDrop(e){this._moveBefore(e,this.__dropAccepts,this)}_moveUp(e){let t=this.previousElementSibling;t&&this._moveBefore(e,this,t)}_moveDown(e){let t=this.nextElementSibling;t&&this._moveBefore(e,this,t.nextElementSibling)}_moveBefore(e,t,i){!this.parentNode.disabled&&t&&(i?this.parentNode.insertBefore(t,i):this.parentNode.append(t),[...this.parentNode.childNodes].forEach((e=>{e.isArrayItem&&e._setDragging(!1)})),this.dispatchEvent(new CustomEvent("reorder",{bubbles:!0,cancelable:!0,composed:!1,detail:this.parentNode})))}_setDragging(e=!0){this.parentNode.disabled||(this.__dragging=e),e?([...this.parentNode.childNodes].forEach((e=>{e!==this&&e.isArrayItem&&(e.__dropAccepts=this,e.classList.add("droppable"))})),this.classList.add("dragging")):([...this.parentNode.childNodes].forEach((e=>{e!==this&&e.isArrayItem&&(e.__dropAccepts=void 0,e.classList.remove("droppable"))})),this.classList.remove("dragging"))}_setDropzone(e=!0){e&&!this.__dragging&&this.__dropAccepts?this.classList.add("dropzone"):this.classList.remove("dropzone")}connectedCallback(){super.connectedCallback(),setTimeout((()=>{this.dispatchEvent(new CustomEvent("added",{bubbles:!0,cancelable:!0,composed:!1,detail:this}))}),0)}firstUpdated(e){super.firstUpdated&&super.firstUpdated(e),window.ResponsiveUtility.requestAvailability(),window.dispatchEvent(new CustomEvent("responsive-element",{detail:{element:this,attribute:"responsive-size",relativeToParent:!0,sm:250,md:500,lg:1e3,xl:2e3}}))}updated(e){super.updated&&super.updated(e),e.forEach(((e,t)=>{"error"!==t&&"expanded"!==t||this.setAttribute("aria-expanded",this.error||this.expanded)}))}get slots(){let e={};return this.previewBy.forEach((t=>e[t]="preview")),e}toggle(){this.expanded=!this.expanded}_handleCopy(){this.dispatchEvent(new CustomEvent("copy",{bubbles:!0,cancelable:!0,composed:!1,detail:this}))}_handleRemove(){this.dispatchEvent(new CustomEvent("remove",{bubbles:!0,cancelable:!0,composed:!1,detail:this}))}disconnectedCallback(){this.dispatchEvent(new CustomEvent("removed",{bubbles:!0,cancelable:!0,composed:!1,detail:this})),super.disconnectedCallback()}}customElements.define(SimpleFieldsArrayItem.tag,SimpleFieldsArrayItem);export{SimpleFieldsArrayItem};
\ No newline at end of file
+    `}static get tag(){return"simple-fields-array-item"}static get properties(){return{expanded:{type:Boolean,reflect:!0},hideReorder:{type:Boolean,reflect:!0,attribute:"hide-reorder"},hideDuplicate:{type:Boolean,reflect:!0,attribute:"hide-duplicate"},disabled:{type:Boolean,reflect:!0,attribute:"disabled"},draggable:{type:String,reflect:!0},preview:{type:Boolean},previewBy:{type:Array,reflect:!0,attribute:"preview-by"},responsiveSize:{type:String,attribute:"responsive-size",reflect:!0},__dragging:{type:Boolean},__dropAccepts:{type:Object},__prev:{type:Object},__next:{type:Object}}}constructor(){super(),this.hideReorder=!1,this.hideDuplicate=!1,this.disabled=!1,this.draggable="truest",this.previewBy=[],this.expanded=!1,this.responsiveSize="sm",this.addEventListener("dragenter",this._dragEnter),this.addEventListener("dragleave",this._dragLeave),this.addEventListener("dragover",this._dragMoving),this.addEventListener("dragstart",this._dragStart),this.addEventListener("dragend",this._dragEnd),this.addEventListener("drop",this._dragDrop)}get isArrayItem(){return!0}_dragMoving(e){this.__dragMoving=!0,e.preventDefault()}_dragEnd(e){[...this.parentNode.childNodes].forEach((e=>{e.isArrayItem&&e._setDropzone(!1)})),this._setDragging(!1)}_dragStart(e){let t=this.shadowRoot.querySelector("#heading");e.dataTransfer.setDragImage(t,0,0),this._setDragging(),e.stopPropagation(),e.stopImmediatePropagation()}_dragEnter(e){this._setDropzone()}_dragLeave(e){this._setDropzone(!1)}_dragDrop(e){this._moveBefore(e,this.__dropAccepts,this)}_moveUp(e){let t=this.previousElementSibling;t&&this._moveBefore(e,this,t)}_moveDown(e){let t=this.nextElementSibling;t&&this._moveBefore(e,this,t.nextElementSibling)}_moveBefore(e,t,i){!this.parentNode.disabled&&t&&(i?this.parentNode.insertBefore(t,i):this.parentNode.append(t),[...this.parentNode.childNodes].forEach((e=>{e.isArrayItem&&e._setDragging(!1)})),this.dispatchEvent(new CustomEvent("reorder",{bubbles:!0,cancelable:!0,composed:!1,detail:this.parentNode})))}_setDragging(e=!0){this.parentNode.disabled||(this.__dragging=e),e?([...this.parentNode.childNodes].forEach((e=>{e!==this&&e.isArrayItem&&(e.__dropAccepts=this,e.classList.add("droppable"))})),this.classList.add("dragging")):([...this.parentNode.childNodes].forEach((e=>{e!==this&&e.isArrayItem&&(e.__dropAccepts=void 0,e.classList.remove("droppable"))})),this.classList.remove("dragging"))}_setDropzone(e=!0){e&&!this.__dragging&&this.__dropAccepts?this.classList.add("dropzone"):this.classList.remove("dropzone")}connectedCallback(){super.connectedCallback(),setTimeout((()=>{this.dispatchEvent(new CustomEvent("added",{bubbles:!0,cancelable:!0,composed:!1,detail:this}))}),0)}firstUpdated(e){super.firstUpdated&&super.firstUpdated(e),window.ResponsiveUtility.requestAvailability(),window.dispatchEvent(new CustomEvent("responsive-element",{detail:{element:this,attribute:"responsive-size",relativeToParent:!0,sm:250,md:500,lg:1e3,xl:2e3}}))}updated(e){super.updated&&super.updated(e),e.forEach(((e,t)=>{"error"!==t&&"expanded"!==t||this.setAttribute("aria-expanded",this.error||this.expanded)}))}get slots(){let e={};return this.previewBy.forEach((t=>e[t]="preview")),e}toggle(){this.expanded=!this.expanded}_handleCopy(){this.dispatchEvent(new CustomEvent("copy",{bubbles:!0,cancelable:!0,composed:!1,detail:this}))}_handleRemove(){this.dispatchEvent(new CustomEvent("remove",{bubbles:!0,cancelable:!0,composed:!1,detail:this}))}disconnectedCallback(){this.dispatchEvent(new CustomEvent("removed",{bubbles:!0,cancelable:!0,composed:!1,detail:this})),super.disconnectedCallback()}}customElements.define(SimpleFieldsArrayItem.tag,SimpleFieldsArrayItem);export{SimpleFieldsArrayItem};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-array.js b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-array.js
index f74a7d81b58..e15cb4e19fe 100644
--- a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-array.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-array.js
@@ -16,7 +16,7 @@ import{LitElement as e,html as t,css as i}from"../../../lit/index.js";import{Sim
         #add {
           float: right;
         }
-      `]}static get properties(){return{...super.properties,count:{type:Number},disableAdd:{type:Boolean,attribute:"disable-add"},hideExpand:{type:Boolean,attribute:"hide-expand"},hideReorder:{type:Boolean,attribute:"hide-reorder"},hideDuplicate:{type:Boolean,attribute:"hide-duplicate"},expanded:{type:Boolean,reflect:!0},responsiveSize:{type:String,attribute:"responsive-size",reflect:!0},__dragging:{type:Boolean}}}render(){return t`
+      `]}static get properties(){return{...super.properties,count:{type:Number},disableAdd:{type:Boolean,reflect:!0,attribute:"disable-add"},hideExpand:{type:Boolean,reflect:!0,attribute:"hide-expand"},hideReorder:{type:Boolean,reflect:!0,attribute:"hide-reorder"},hideDuplicate:{type:Boolean,reflect:!0,attribute:"hide-duplicate"},expanded:{type:Boolean,reflect:!0},responsiveSize:{type:String,attribute:"responsive-size",reflect:!0},__dragging:{type:Boolean}}}render(){return t`
       <fieldset part="fieldset">${this.legend}${this.fields}</fieldset>
     `}get fields(){return t`
       <div id="top" part="top">
@@ -53,4 +53,4 @@ import{LitElement as e,html as t,css as i}from"../../../lit/index.js";import{Sim
         >
         </simple-toolbar-button>
       </div>
-    `}constructor(){super(),this.hideExpand=!1,this.hideReorder=!1,this.hideDuplicate=!1,this.count=0,this.expanded=!0,this.disableAdd=!1,this.responsiveSize="sm"}firstUpdated(e){super.firstUpdated&&super.firstUpdated(e),window.ResponsiveUtility.requestAvailability(),window.dispatchEvent(new CustomEvent("responsive-element",{detail:{element:this,attribute:"responsive-size",relativeToParent:!0,sm:250,md:500,lg:1e3,xl:2e3}}))}updated(e){super.updated&&super.updated(e),e.forEach(((e,t)=>{"expanded"===t&&this.querySelectorAll("simple-fields-array-item").forEach((e=>{e.expanded=this.expanded})),"hideDuplicate"===t&&this.querySelectorAll("simple-fields-array-item").forEach((e=>{e.hideDuplicate=this.hideDuplicate})),"hideReorder"===t&&this.querySelectorAll("simple-fields-array-item").forEach((e=>{e.hideReorder=this.hideReorder}))}))}buildItem(e){let t=document.createElement("simple-fields-array-item");return t.id=e,t.hideReorder=this.hideReorder,t.hideDuplicate=this.hideDuplicate,t.expanded=this.expanded,t.innerHTML='\n      <slot name="sort"></slot>\n      <slot name="preview"></slot>\n      <slot></slot>',this.appendChild(t),t.addEventListener("remove",(e=>this._handleRemove(e))),t}_handleAdd(){this.dispatchEvent(new CustomEvent("add",{detail:this}))}_handleRemove(e){e.stopPropagation(),e.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("remove",{detail:e.detail}))}collapse(){this.toggle(!1)}expand(){this.toggle(!0)}focus(e){if(this.childNodes&&e)this.childNodes.length<e&&(e=this.childNodes.length-1),-1==e&&(e=0),0!=this.childNodes.length&&this.childNodes[e].focus();else if(this.shadowRoot){let e=this.childNodes?"expand":"add";this.shadowRoot.getElementById(e).focus()}}toggle(e=!this.expanded){this.expanded=e,this._handleToggle()}_handleToggle(){this.dispatchEvent(new CustomEvent("toggle",{detail:this})),this.expanded?this.dispatchEvent(new CustomEvent("expand",{detail:this})):this.dispatchEvent(new CustomEvent("collapse",{detail:this}))}}customElements.define(SimpleFieldsArray.tag,SimpleFieldsArray);export{SimpleFieldsArray};
\ No newline at end of file
+    `}constructor(){super(),this.hideExpand=!1,this.hideReorder=!1,this.hideDuplicate=!1,this.count=0,this.expanded=!1,this.disableAdd=!1,this.responsiveSize="sm"}firstUpdated(e){super.firstUpdated&&super.firstUpdated(e),window.ResponsiveUtility.requestAvailability(),window.dispatchEvent(new CustomEvent("responsive-element",{detail:{element:this,attribute:"responsive-size",relativeToParent:!0,sm:250,md:500,lg:1e3,xl:2e3}}))}updated(e){super.updated&&super.updated(e),e.forEach(((e,t)=>{"expanded"===t&&this.querySelectorAll("simple-fields-array-item").forEach((e=>{e.expanded=this.expanded})),"hideDuplicate"===t&&this.querySelectorAll("simple-fields-array-item").forEach((e=>{e.hideDuplicate=this.hideDuplicate})),"hideReorder"===t&&this.querySelectorAll("simple-fields-array-item").forEach((e=>{e.hideReorder=this.hideReorder}))}))}buildItem(e){let t=document.createElement("simple-fields-array-item");return t.id=e,t.hideReorder=this.hideReorder,t.hideDuplicate=this.hideDuplicate,t.expanded=this.expanded,t.innerHTML='\n      <slot name="sort"></slot>\n      <slot name="preview"></slot>\n      <slot></slot>',this.appendChild(t),t.addEventListener("remove",(e=>this._handleRemove(e))),t}_handleAdd(){this.dispatchEvent(new CustomEvent("add",{detail:this}))}_handleRemove(e){e.stopPropagation(),e.stopImmediatePropagation(),this.dispatchEvent(new CustomEvent("remove",{detail:e.detail}))}collapse(){this.toggle(!1)}expand(){this.toggle(!0)}focus(e){if(this.childNodes&&e)this.childNodes.length<e&&(e=this.childNodes.length-1),-1==e&&(e=0),0!=this.childNodes.length&&this.childNodes[e].focus();else if(this.shadowRoot){let e=this.childNodes?"expand":"add";this.shadowRoot.getElementById(e).focus()}}toggle(e=!this.expanded){this.expanded=e,this._handleToggle()}_handleToggle(){this.dispatchEvent(new CustomEvent("toggle",{detail:this})),this.expanded?this.dispatchEvent(new CustomEvent("expand",{detail:this})):this.dispatchEvent(new CustomEvent("collapse",{detail:this}))}}customElements.define(SimpleFieldsArray.tag,SimpleFieldsArray);export{SimpleFieldsArray};
\ No newline at end of file
diff --git a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-lite.js b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-lite.js
index 23f79dff683..1894b02e063 100755
--- a/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-lite.js
+++ b/build/es6/node_modules/@lrnwebcomponents/simple-fields/lib/simple-fields-lite.js
@@ -22,4 +22,4 @@ import{LitElement as e,html as t,css as r}from"../../../lit/index.js";import"./s
       <div id="schema-fields" aria-live="polite" part="fields-list">
         <slot></slot>
       </div>
-    `}static get properties(){return{...super.properties,disableAutofocus:{type:Boolean},error:{type:Object},language:{type:String,attribute:"lang",reflect:!0},resources:{type:Object},schema:{type:Object},elementizer:{type:Object},value:{type:Object},__delayedFocus:{type:Boolean},__formElements:{type:Object},__formElementsArray:{type:Array}}}static get tag(){return"simple-fields-lite"}constructor(){super(),window.WCGlobalBasePath?this.basePath=window.WCGlobalBasePath:this.basePath=new URL("./../../../",import.meta.url).href,this.disableAutofocus=!1,this.language="en",this.resources={},this.schemaConversion,this.__formElements={},this.__formElementsArray=[],this.schema={},this.value={}}disconnectedCallback(){this._clearForm(),super.disconnectedCallback()}updated(e){super.updated&&super.updated(e),e.forEach(((e,t)=>{"error"===t&&this.error!==e&&this._errorChanged(),["schema","schemaConversion"].includes(t)&&this._schemaChanged(this.schema,e),"value"===t&&this._valueChanged(this.value,e)}))}get formElements(){return this.__formElements}get formElementsArray(){return this.__formElementsArray}get schemaConversion(){return this.elementizer||{defaultSettings:{element:"input",attributes:{type:"text"},properties:{minLength:"minlength",maxLength:"maxlength"}},type:{array:{defaultSettings:{element:"simple-fields-array",invalidProperty:"invalid",noWrap:!0,descriptionProperty:"description",child:{element:"simple-fields-array-item",noWrap:!0,descriptionProperty:"description",properties:{previewBy:"previewBy"}}}},boolean:{defaultSettings:{element:"input",valueProperty:"checked",valueChangedProperty:"click",attributes:{type:"checkbox",value:!1}}},file:{defaultSettings:{element:"input",attributes:{type:"url"}}},integer:{defaultSettings:{element:"input",attributes:{autofocus:!0,step:1,type:"number"},properties:{minimum:"min",maximum:"max",multipleOf:"step"}}},markup:{defaultSettings:{element:"textarea"}},number:{defaultSettings:{element:"input",attributes:{autofocus:!0,type:"number"},properties:{minimum:"min",maximum:"max",multipleOf:"step"}}},object:{defaultSettings:{element:"simple-fields-fieldset",noWrap:!0,descriptionProperty:"description"}},string:{format:{"date-time":{defaultSettings:{element:"input",attributes:{autofocus:!0,type:"datetime-local"}}},time:{defaultSettings:{element:"input",attributes:{autofocus:!0,type:"time"}}},date:{defaultSettings:{element:"input",attributes:{autofocus:!0,type:"date"}}},email:{defaultSettings:{element:"input",attributes:{autofocus:!0,type:"email"}}},uri:{defaultSettings:{element:"input",attributes:{autofocus:!0,type:"url"}}}}}}}}get valid(){return!this.error||0===Object.keys(this.error==={}).length}updateSchema(){this._formFieldsChanged()}getFormElementById(e){return(this.__formElementsArray||[]).filter((t=>t.id===e))[0]}focus(){let e=!!(this.__formElementsArray&&this.__formElementsArray[0]&&this.__formElementsArray[0].field)&&this.__formElementsArray[0].field;e?(e.focus(),this.__delayedFocus=!1):this.__delayedFocus=!0}rebuildForm(){this._clearForm(),this._addToForm();let e=!!(this.__formElementsArray&&this.__formElementsArray[0]&&this.__formElementsArray[0].field)&&this.__formElementsArray[0].field;e&&(e.autofocus=!this.disableAutofocus),!this.__delayedFocus&&this.disableAutofocus||this.focus(),this.dispatchEvent(new CustomEvent("fields-ready",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}_addToForm(e=this.schema,t=this,r="",i){let s=e.properties,a=e.required;Object.keys(s||{}).forEach((l=>{let o=s[l],n=i||this._convertSchema(o);if(n&&n.element){let i=`${r}${l}`,s=document.createElement(n.element),d=o.properties||o.items||o.noWrap||n.noWrap?s:document.createElement("simple-fields-container"),p=this._getValue(`${r}${l}`),m=!(!Object.getPrototypeOf(s)&&!Object.getPrototypeOf(s).constructor)&&Object.getPrototypeOf(s).constructor.properties;Object.keys(m||{}).forEach((e=>{o[e]&&(s[e]=o[e])})),!window.customElements.get(n.element)&&n.import?import(`${this.basePath}${n.import}`):window.customElements.get(n.element)||console.warn(`missing field: ${n.element}`);let h=o.label||o.title||o.description||l,u=o.prefix,c=o.suffix,f=o.description&&(o.label||o.title)?o.description:void 0,y=(o.onValueChanged,o.onErrorChanged);n.labelSlot=e.labelSlot||n.labelSlot,n.descriptionSlot=e.descriptionSlot||n.descriptionSlot,n.errorMessageSlot=e.errorMessageSlot||n.errorMessageSlot,n.prefixSlot=e.prefixSlot||n.prefixSlot||"prefix",n.suffixSlot=e.suffixSlot||n.suffixSlot||"suffix",n.valueSlot=e.valueSlot||n.valueSlot,n.labelProperty=e.labelProperty||n.labelProperty||"label",n.descriptionProperty=e.descriptionProperty||n.descriptionProperty||"description",n.valueProperty=e.valueProperty||n.valueProperty||"value",n.setValueProperty=e.setValueProperty||n.setValueProperty||n.valueProperty,n.valueChangedProperty=e.valueChangedProperty||n.valueChangedProperty||`${n.valueProperty}-changed`,n.errorProperty=e.errorProperty||n.errorProperty||"error",n.errorChangedProperty=e.errorChangedProperty||n.errorChangedProperty||`${n.errorProperty}-changed`,n.errorMessageProperty=e.errorMessageProperty||n.errorMessageProperty||"errorMessage",s.resources=this.resources,s.id=i,s.setAttribute("name",i),s.setAttribute("language",this.language),o.options&&(s.options=o.options),o.itemsList&&(s.itemsList=o.itemsList),a&&a.includes(l)&&s.setAttribute("required",!0),o.disabled&&(d.disabled=!0),o.hidden&&(d.hidden=!0),o.readonly&&(s.hidden=!0,d.hidden=!0),this._configElement(d,h,n.labelProperty,n.labelSlot),this._configElement(d,f,n.descriptionProperty,n.descriptionSlot),this._configElement(d,u,void 0,n.prefixSlot),this._configElement(d,c,void 0,n.suffixSlot),Object.keys(n.attributes||{}).forEach((e=>{void 0!==typeof n.attributes[e]&&null!==n.attributes[e]&&s.setAttribute(e,n.attributes[e])})),Object.keys(n.properties||{}).forEach((e=>{n.properties[e]&&o[e]&&(s[e]||(s[e]=o[e]||n.properties[e]))})),Object.keys(n.slots||{}).forEach((e=>{n.slots[e]&&o[n.slots[e]]&&n.slots[e].split(/[\s,]/).forEach((t=>{let r=document.createElement("span");r.slot=e,r.innerHTML=o[t],s.appendChild(r)}))})),t.slots&&t.slots[l]&&(d.slot=t.slots[l]),t.appendChild(d),"array"===o.type?this._addArrayItems(p||[],n.child,o,s):o.properties?this._addToForm(o,s,`${s.id}.`,n.child):(s!==d&&(s.slot="field",d.appendChild(s)),void 0===p&&"boolean"!==o.type||this._configElement(s,p,n.setValueProperty,n.valueSlot),s.addEventListener(n.valueChangedProperty,(e=>this._handleChange(s,n.valueProperty,e))),d.addEventListener(n.errorChangedProperty,(e=>{let t=this._deepClone(this.error||{});d[n.errorProperty]?t[i]=d[n.errorMessageProperty]||"":t&&t[i]&&delete t[i],this.error=t,y&&y(e)}))),this.__formElementsArray.push({id:i,field:d,data:n}),this.__formElements[i]={element:s,field:d}}}))}_configElement(e,t,r,i=!1){if(i){let r=document.createElement("span");r.slot=i,t&&(r.innerHTML=t),e&&e.querySelectorAll(`[slot=${i}]`).forEach((e=>e.remove())),e.appendChild(r)}else r&&(e[r]=t)}_insertArrayItem(e,t,r,i,s,a){let l=this._getValue(i.name),o=l?l.length:0;l||this._setValue(i.name,[]),a=a||0===a?a:o;let n={properties:{}};n.properties[a]=this._addArrayItem(a,e,t),this._setValue(`${i.name}.${a}`,s),this._addToForm(n,i,`${i.id}.`,r)}_addArrayItems(e,t,r,i){let s=Object.keys(r.items.properties||{}),a=r.previewBy||(s.length>0?[s[0]]:void 0);Array.from(e).forEach(((e,s)=>{this._insertArrayItem(r,a,t,i,e,s)})),i.addEventListener("add",(e=>{this._insertArrayItem(r,a,t,i,{})})),i.addEventListener("copy",(e=>{let s=this._getValue(e.detail.name);this._insertArrayItem(r,a,t,i,s),i.insertBefore(i.lastElementChild,e.detail.nextElementSibling),this._reorderArrayItems(i)})),i.addEventListener("reorder",(e=>{this._reorderArrayItems(i)})),i.addEventListener("remove",(e=>{let s=e.detail.id,l=this._getValue(i.name)||[],o=s.replace(`${i.name}.`,"");l.splice(parseInt(o),1),this.__formElementsArray=this.__formElementsArray.filter((e=>0===e.id.indexOf(i.name))),i.innerHTML="",l.forEach(((e,s)=>this._insertArrayItem(r,a,t,i,e,s))),this._setValue(`${i.name}`,l),i.focus(parseInt(o)-1)}))}_reorderArrayItems(e){let t=[...Array.from(this._getValue(e.name))||[]],updateIndex=(e,t,r)=>{e.id&&(e.id=e.id.replace(t,r)),e.name&&(e.name=e.name.replace(t,r)),[...e.childNodes].forEach((e=>updateIndex(e,t,r)))},r=[...Array.from(e.childNodes)],i=[];r.forEach(((e,r)=>{if(!e.isArrayItem)return;let s=e.id.replace(/\.\d+$/,""),a=parseInt(e.id.replace(/.*\./g,""));updateIndex(e,e.id,`${s}.${r}`),i.push(JSON.parse(JSON.stringify(t[a])))})),this._setValue(`${e.name}`,i)}_addArrayItem(e,t,r){let i=this._deepClone(t.items);return i.label=`${parseInt(e)+1}`,i.previewBy=r,i}_clearForm(){this.innerHTML="",this.__formElementsArray=[]}_convertSchema(e,t=this.schemaConversion,r){let i=Object.keys(e||{}),s=Object.keys(t).filter((e=>i.includes(e)));return t.defaultSettings&&(r=this._deepClone(t.defaultSettings)),s.forEach((i=>{let s=e[i],a=t?t[i]:void 0,l=a?Array.isArray(s)?a[s[0]]:a[s]:void 0;l&&(r=this._convertSchema(e,l,r))})),r}_deepClone(e){return JSON.parse(JSON.stringify(e))}_errorChanged(){this.formElementsArray.forEach((e=>{let t=e.data||{},r=e.field;if(e.id&&r&&this.error){let r=this.error[e.id]||!1,i=!!this.error[e.id];i||Object.keys(this.error||{}).forEach((t=>{t.match(e.id)&&(i=!0)})),this._configElement(e.field,r,t.errorMessageProperty,t.errorMessageSlot),e.field[t.errorProperty]=i,e.field.setAttribute("aria-invalid",i)}}))}_fireValueChanged(){this.dispatchEvent(new CustomEvent("value-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}_formFieldsChanged(e){this.dispatchEvent(new CustomEvent("fields-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}_getValue(e){let t=e.split("."),r=this.value;return t.forEach((e=>{r=r&&r[e]?r[e]:void 0})),r}_handleChange(e,t,r){r&&r.stopPropagation&&r.stopPropagation();let i=e.id||e.getAttribute("id"),s=e[t];this._setValue(i,s),this.dispatchEvent(new CustomEvent(`${i}-value-changed`,{bubbles:!0,cancelable:!0,composed:!0,detail:{id:i,element:e,value:s}})),this._fireValueChanged()}_schemaChanged(e,t){e&&e!==t&&(setTimeout((()=>{this.rebuildForm()}),10),this.dispatchEvent(new CustomEvent("schema-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this})))}_setValue(e,t){let r=this._deepClone(this.value),i=this.value,s=e?e.split("."):[],a=s.length;for(var l=0;l<a-1;l++){let e=s[l];i[e]||(i[e]={}),i=i[e]}i[s[a-1]]=t,this._valueChanged(this.value,r)}_valueChanged(e,t){e&&e!==t&&this._fireValueChanged()}}customElements.define(SimpleFieldsLite.tag,SimpleFieldsLite);export{SimpleFieldsLite};
\ No newline at end of file
+    `}static get properties(){return{...super.properties,disableAutofocus:{type:Boolean},error:{type:Object},language:{type:String,attribute:"lang",reflect:!0},resources:{type:Object},schema:{type:Object},elementizer:{type:Object},value:{type:Object},__delayedFocus:{type:Boolean},__formElements:{type:Object},__formElementsArray:{type:Array}}}static get tag(){return"simple-fields-lite"}constructor(){super(),window.WCGlobalBasePath?this.basePath=window.WCGlobalBasePath:this.basePath=new URL("./../../../",import.meta.url).href,this.disableAutofocus=!1,this.language="en",this.resources={},this.schemaConversion,this.__formElements={},this.__formElementsArray=[],this.schema={},this.value={}}disconnectedCallback(){this._clearForm(),super.disconnectedCallback()}updated(e){super.updated&&super.updated(e),e.forEach(((e,t)=>{"error"===t&&this.error!==e&&this._errorChanged(),["schema","schemaConversion"].includes(t)&&this._schemaChanged(this.schema,e),"value"===t&&this._valueChanged(this.value,e)}))}get formElements(){return this.__formElements}get formElementsArray(){return this.__formElementsArray}get schemaConversion(){return this.elementizer||{defaultSettings:{element:"input",attributes:{type:"text"},properties:{minLength:"minlength",maxLength:"maxlength"}},type:{array:{defaultSettings:{element:"simple-fields-array",invalidProperty:"invalid",noWrap:!0,descriptionProperty:"description",child:{element:"simple-fields-array-item",noWrap:!0,descriptionProperty:"description",properties:{previewBy:"previewBy"}}}},boolean:{defaultSettings:{element:"input",valueProperty:"checked",valueChangedProperty:"click",attributes:{type:"checkbox",value:!1}}},file:{defaultSettings:{element:"input",attributes:{type:"url"}}},integer:{defaultSettings:{element:"input",attributes:{autofocus:!0,step:1,type:"number"},properties:{minimum:"min",maximum:"max",multipleOf:"step"}}},markup:{defaultSettings:{element:"textarea"}},number:{defaultSettings:{element:"input",attributes:{autofocus:!0,type:"number"},properties:{minimum:"min",maximum:"max",multipleOf:"step"}}},object:{defaultSettings:{element:"simple-fields-fieldset",noWrap:!0,descriptionProperty:"description"}},string:{format:{"date-time":{defaultSettings:{element:"input",attributes:{autofocus:!0,type:"datetime-local"}}},time:{defaultSettings:{element:"input",attributes:{autofocus:!0,type:"time"}}},date:{defaultSettings:{element:"input",attributes:{autofocus:!0,type:"date"}}},email:{defaultSettings:{element:"input",attributes:{autofocus:!0,type:"email"}}},uri:{defaultSettings:{element:"input",attributes:{autofocus:!0,type:"url"}}}}}}}}get valid(){return!this.error||0===Object.keys(this.error||{}).length}updateSchema(){this._formFieldsChanged()}getFormElementById(e){return(this.__formElementsArray||[]).filter((t=>t.id===e))[0]}focus(){let e=!!(this.__formElementsArray&&this.__formElementsArray[0]&&this.__formElementsArray[0].field)&&this.__formElementsArray[0].field;e?(e.focus(),this.__delayedFocus=!1):this.__delayedFocus=!0}rebuildForm(){this._clearForm(),this._addToForm();let e=!!(this.__formElementsArray&&this.__formElementsArray[0]&&this.__formElementsArray[0].field)&&this.__formElementsArray[0].field;e&&(e.autofocus=!this.disableAutofocus),!this.__delayedFocus&&this.disableAutofocus||this.focus(),this.dispatchEvent(new CustomEvent("fields-ready",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}_addToForm(e=this.schema,t=this,r="",i){let s=e.properties,a=e.required;Object.keys(s||{}).forEach((l=>{let o=s[l],n=i||this._convertSchema(o);if(n&&n.element){let i=`${r}${l}`,s=document.createElement(n.element),d=o.properties||o.items||o.noWrap||n.noWrap?s:document.createElement("simple-fields-container"),p=this._getValue(`${r}${l}`),m=!(!Object.getPrototypeOf(s)&&!Object.getPrototypeOf(s).constructor)&&Object.getPrototypeOf(s).constructor.properties;Object.keys(m||{}).forEach((e=>{o[e]&&(s[e]=o[e])})),!window.customElements.get(n.element)&&n.import?import(`${this.basePath}${n.import}`):window.customElements.get(n.element)||console.warn(`missing field: ${n.element}`);let h=o.label||o.title||o.description||l,u=o.prefix,c=o.suffix,f=o.description&&(o.label||o.title)?o.description:void 0,y=(o.onValueChanged,o.onErrorChanged);n.labelSlot=e.labelSlot||n.labelSlot,n.descriptionSlot=e.descriptionSlot||n.descriptionSlot,n.errorMessageSlot=e.errorMessageSlot||n.errorMessageSlot,n.prefixSlot=e.prefixSlot||n.prefixSlot||"prefix",n.suffixSlot=e.suffixSlot||n.suffixSlot||"suffix",n.valueSlot=e.valueSlot||n.valueSlot,n.labelProperty=e.labelProperty||n.labelProperty||"label",n.descriptionProperty=e.descriptionProperty||n.descriptionProperty||"description",n.valueProperty=e.valueProperty||n.valueProperty||"value",n.setValueProperty=e.setValueProperty||n.setValueProperty||n.valueProperty,n.valueChangedProperty=e.valueChangedProperty||n.valueChangedProperty||`${n.valueProperty}-changed`,n.errorProperty=e.errorProperty||n.errorProperty||"error",n.errorChangedProperty=e.errorChangedProperty||n.errorChangedProperty||`${n.errorProperty}-changed`,n.errorMessageProperty=e.errorMessageProperty||n.errorMessageProperty||"errorMessage",s.resources=this.resources,s.id=i,s.setAttribute("name",i),s.setAttribute("language",this.language),o.options&&(s.options=o.options),o.itemsList&&(s.itemsList=o.itemsList),a&&a.includes(l)&&s.setAttribute("required",!0),o.disabled&&(d.disabled=!0),o.hidden&&(d.hidden=!0),o.readonly&&(s.hidden=!0,d.hidden=!0),this._configElement(d,h,n.labelProperty,n.labelSlot),this._configElement(d,f,n.descriptionProperty,n.descriptionSlot),this._configElement(d,u,void 0,n.prefixSlot),this._configElement(d,c,void 0,n.suffixSlot),Object.keys(n.attributes||{}).forEach((e=>{void 0!==typeof n.attributes[e]&&null!==n.attributes[e]&&s.setAttribute(e,n.attributes[e])})),Object.keys(n.properties||{}).forEach((e=>{n.properties[e]&&o[e]&&(s[e]||(s[e]=o[e]||n.properties[e]))})),Object.keys(n.slots||{}).forEach((e=>{n.slots[e]&&o[n.slots[e]]&&n.slots[e].split(/[\s,]/).forEach((t=>{let r=document.createElement("span");r.slot=e,r.innerHTML=o[t],s.appendChild(r)}))})),t.slots&&t.slots[l]&&(d.slot=t.slots[l]),t.appendChild(d),"array"===o.type?this._addArrayItems(p||[],n.child,o,s):o.properties?this._addToForm(o,s,`${s.id}.`,n.child):(s!==d&&(s.slot="field",d.appendChild(s)),void 0===p&&"boolean"!==o.type||this._configElement(s,p,n.setValueProperty,n.valueSlot),s.addEventListener(n.valueChangedProperty,(e=>this._handleChange(s,n.valueProperty,e))),d.addEventListener(n.errorChangedProperty,(e=>{let t=this._deepClone(this.error||{});d[n.errorProperty]?t[i]=d[n.errorMessageProperty]||"":t&&t[i]&&delete t[i],this.error=t,y&&y(e)}))),this.__formElementsArray.push({id:i,field:d,data:n}),this.__formElements[i]={element:s,field:d}}}))}_configElement(e,t,r,i=!1){if(i){let r=document.createElement("span");r.slot=i,t&&(r.innerHTML=t),e&&e.querySelectorAll(`[slot=${i}]`).forEach((e=>e.remove())),e.appendChild(r)}else r&&(e[r]=t)}_insertArrayItem(e,t,r,i,s,a){let l=this._getValue(i.name),o=l?l.length:0;l||this._setValue(i.name,[]),a=a||0===a?a:o;let n={properties:{}};n.properties[a]=this._addArrayItem(a,e,t,i),this._setValue(`${i.name}.${a}`,s),this._addToForm(n,i,`${i.id}.`,r)}_addArrayItems(e,t,r,i){let s=Object.keys(r.items.properties||{}),a=r.previewBy||(s.length>0?[s[0]]:void 0);Array.from(e).forEach(((e,s)=>{this._insertArrayItem(r,a,t,i,e,s)})),i.addEventListener("add",(e=>{this._insertArrayItem(r,a,t,i,{})})),i.addEventListener("copy",(e=>{let s=this._getValue(e.detail.name);this._insertArrayItem(r,a,t,i,s),i.insertBefore(i.lastElementChild,e.detail.nextElementSibling),this._reorderArrayItems(i)})),i.addEventListener("reorder",(e=>{this._reorderArrayItems(i)})),i.addEventListener("remove",(e=>{let s=e.detail.id,l=this._getValue(i.name)||[],o=s.replace(`${i.name}.`,"");l.splice(parseInt(o),1),this.__formElementsArray=this.__formElementsArray.filter((e=>0===e.id.indexOf(i.name))),i.innerHTML="",l.forEach(((e,s)=>this._insertArrayItem(r,a,t,i,e,s))),this._setValue(`${i.name}`,l),i.focus(parseInt(o)-1)}))}_reorderArrayItems(e){let t=[...Array.from(this._getValue(e.name))||[]],updateIndex=(e,t,r)=>{e.id&&(e.id=e.id.replace(t,r)),e.name&&(e.name=e.name.replace(t,r)),[...e.childNodes].forEach((e=>updateIndex(e,t,r)))},r=[...Array.from(e.childNodes)],i=[];r.forEach(((e,r)=>{if(!e.isArrayItem)return;let s=e.id.replace(/\.\d+$/,""),a=parseInt(e.id.replace(/.*\./g,""));updateIndex(e,e.id,`${s}.${r}`),i.push(JSON.parse(JSON.stringify(t[a])))})),this._setValue(`${e.name}`,i)}_addArrayItem(e,t,r,i={}){let s=this._deepClone(t.items);return s.label=`${parseInt(e)+1}`,s.previewBy=r,s.hideReorder=i.hideReorder,s.hideDuplicate=i.hideDuplicate,s.expanded=i.expanded,s}_clearForm(){this.innerHTML="",this.__formElementsArray=[]}_convertSchema(e,t=this.schemaConversion,r){let i=Object.keys(e||{}),s=Object.keys(t).filter((e=>i.includes(e)));return t.defaultSettings&&(r=this._deepClone(t.defaultSettings)),s.forEach((i=>{let s=e[i],a=t?t[i]:void 0,l=a?Array.isArray(s)?a[s[0]]:a[s]:void 0;l&&(r=this._convertSchema(e,l,r))})),r}_deepClone(e){return JSON.parse(JSON.stringify(e))}_errorChanged(){this.formElementsArray.forEach((e=>{let t=e.data||{},r=e.field;if(e.id&&r&&this.error){let r=this.error[e.id]||!1,i=!!this.error[e.id];i||Object.keys(this.error||{}).forEach((t=>{t.match(e.id)&&(i=!0)})),this._configElement(e.field,r,t.errorMessageProperty,t.errorMessageSlot),e.field[t.errorProperty]=i,e.field.setAttribute("aria-invalid",i)}}))}_fireValueChanged(){this.dispatchEvent(new CustomEvent("value-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}_formFieldsChanged(e){this.dispatchEvent(new CustomEvent("fields-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this}))}_getValue(e){let t=e.split("."),r=this.value;return t.forEach((e=>{r=r&&r[e]?r[e]:void 0})),r}_handleChange(e,t,r){r&&r.stopPropagation&&r.stopPropagation();let i=e.id||e.getAttribute("id"),s=e[t];this._setValue(i,s),this.dispatchEvent(new CustomEvent(`${i}-value-changed`,{bubbles:!0,cancelable:!0,composed:!0,detail:{id:i,element:e,value:s}})),this._fireValueChanged()}_schemaChanged(e,t){e&&e!==t&&(setTimeout((()=>{this.rebuildForm()}),10),this.dispatchEvent(new CustomEvent("schema-changed",{bubbles:!0,cancelable:!0,composed:!0,detail:this})))}_setValue(e,t){let r=this._deepClone(this.value),i=this.value,s=e?e.split("."):[],a=s.length;for(var l=0;l<a-1;l++){let e=s[l];i[e]||(i[e]={}),i=i[e]}i[s[a-1]]=t,this._valueChanged(this.value,r)}_valueChanged(e,t){e&&e!==t&&this._fireValueChanged()}}customElements.define(SimpleFieldsLite.tag,SimpleFieldsLite);export{SimpleFieldsLite};
\ No newline at end of file
diff --git a/dist/dev.html b/dist/dev.html
index fd243c0c272..152271361e7 100644
--- a/dist/dev.html
+++ b/dist/dev.html
@@ -1154,7 +1154,6 @@
   <link rel="apple-touch-icon" sizes="72x72" href="assets/icon-72x72.png">
   <link rel="apple-touch-icon" sizes="96x96" href="assets/icon-96x96.png">
   <link rel="apple-touch-icon" sizes="144x144" href="assets/icon-144x144.png">
-  <link rel="apple-touch-icon" sizes="192x192" href="assets/icon-192x192.png">
   
   <meta name="msapplication-TileImage" content="assets/icon-144x144.png">
   <meta name="msapplication-TileColor" content="#3f51b5">
diff --git a/system/boilerplate/site/index.html b/system/boilerplate/site/index.html
index a5162fd5c27..9e35588d7ec 100755
--- a/system/boilerplate/site/index.html
+++ b/system/boilerplate/site/index.html
@@ -1,16 +1,17 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="en-US">
 <head>
   <meta charset="utf-8">
-  <link rel="preload" href="./build.js" as="script" crossorigin="anonymous">
-  <link rel="preload" href="./custom/build/custom.es6.js" as="script" crossorigin="anonymous">
-  <link rel="preload" href="./build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/haxcms-site-builder.js"
-    as="script" crossorigin="anonymous">
-  <link rel="preload" href="./build/es6/dist/my-custom-elements.js" as="script" crossorigin="anonymous">
-  <link rel="preload" href="./build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/base.css" as="style">
-  <link rel="preload" href="./theme/theme.css" as="style">
   <link rel="preconnect" crossorigin href="https://fonts.googleapis.com">
   <link rel="preconnect" crossorigin href="https://cdnjs.cloudflare.com">
+  <title>HAXcms</title>
+  <meta name="application-name" content="HAXcms" />
+  <meta name="apple-mobile-web-app-title" content="HAXcms" />
+  <meta name="og:sitename" property="og:sitename" content="HAXcms" />
+  <meta name="og:title" property="og:title" content="HAXcms" />
+  <meta name="twitter:title" property="twitter:title" content="HAXcms" />
+  <meta name="og:url" property="og:url" content="/" data-managed-seo />
+  <meta name="twitter:site" property="twitter:site" content="/" data-managed-seo />
   <script>
     // attempt to correctly set the base without knowing where we're installed fully...
     if (document.location.pathname.indexOf('/_sites/') != -1) {
@@ -19,41 +20,52 @@
     else if (document.location.pathname.indexOf('/sites/') != -1) {
       document.write("<base href='" + document.location.pathname.substring(0, document.location.pathname.indexOf('/', document.location.pathname.indexOf('/sites/') + 7)) + "/' />");
     }
-    else if (document.location.pathname.indexOf('/index.html') != -1) {
-      document.write("<base href='" + document.location.pathname.substring(0, document.location.pathname.indexOf('/index.html')) + "/' />");
-    }
-    // https://-account-.github.io/-repo-
-    else if (document.location.host.indexOf('github.io') != -1 && document.location.pathname.split('/').length === 3) {
-      document.write("<base href='" + document.location.pathname + "' />");
-    }
-    // https://-account-.github.io/-repo-/down-stream-folder-path
-    else if (document.location.host.indexOf('github.io') != -1 && document.location.pathname.split('/').length > 1) {
-      document.write("<base href='/" + document.location.pathname.split('/')[1] + "/' />");
-    }
     else {
       document.write("<base href='/' />");
     }
+    var mangedSEO = document.querySelectorAll('[data-managed-seo]');
+    for (var i = 0; i < mangedSEO.length; i++) {
+      var seoTag = mangedSEO[i];
+      seoTag.setAttribute('content', document.location.href);
+    }
   </script>
-  <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1,user-scalable=yes">
+  <link rel="preload" href="./build.js" as="script" />
+  <link rel="preload" href="./build-haxcms.js" as="script" />
+  <link rel="preload" href="./wc-registry.json" as="fetch" crossorigin="anonymous" />
+  <link rel="preload" href="./build/es6/node_modules/@lrnwebcomponents/dynamic-import-registry/dynamic-import-registry.js" as="script" crossorigin="anonymous" />
+  <link rel="modulepreload" href="./build/es6/node_modules/@lrnwebcomponents/dynamic-import-registry/dynamic-import-registry.js" />
+  <link rel="preload" href="./build/es6/node_modules/@lrnwebcomponents/wc-autoload/wc-autoload.js" as="script" crossorigin="anonymous" />
+  <link rel="modulepreload" href="./build/es6/node_modules/@lrnwebcomponents/wc-autoload/wc-autoload.js" />
+  <link rel="preload" href="./build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-basic-theme.js" as="script" crossorigin="anonymous" />
+  <link rel="modulepreload" href="./build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/core/themes/haxcms-basic-theme.js" />
+  <link rel="preload" href="./build/es6/node_modules/@lrnwebcomponents/haxcms-elements/lib/base.css" as="style" />
   <meta name="generator" content="HAXcms">
-  <meta name="description" content="A HAXCMS site">
-  <meta name="theme-color" content="#3f51b5">
-  <meta name="mobile-web-app-capable" content="yes">
+  <link rel="manifest" href="manifest.json">
+  <meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">
+  <link rel="icon" href="files/haxcms-managed/16x16-odl-logo.png">
+  <meta name="theme-color" content="">
   <meta name="robots" content="index, follow">
-  <meta name="application-name" content="My site">
+  <meta name="mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-capable" content="yes">
   <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
-  <meta name="apple-mobile-web-app-title" content="My App">
-  <meta name="msapplication-TileImage" content="assets/icon-144x144.png">
-  <meta name="msapplication-TileColor" content="#3f51b5">
+  <link rel="apple-touch-icon" sizes="48x48" href="files/haxcms-managed/48x48-odl-logo.png">
+  <link rel="apple-touch-icon" sizes="72x72" href="files/haxcms-managed/72x72-odl-logo.png">
+  <link rel="apple-touch-icon" sizes="96x96" href="files/haxcms-managed/96x96-odl-logo.png">
+  <link rel="apple-touch-icon" sizes="144x144" href="files/haxcms-managed/144x144-odl-logo.png">
+  <link rel="apple-touch-icon" sizes="192x192" href="files/haxcms-managed/192x192-odl-logo.png">
+  <meta name="msapplication-TileImage" content="files/haxcms-managed/144x144-odl-logo.png">
+  <meta name="msapplication-TileColor" content="">
   <meta name="msapplication-tap-highlight" content="no">
-  <link rel="icon" href="assets/favicon.ico">
-  <link rel="apple-touch-icon" href="assets/icon-48x48.png">
-  <link rel="apple-touch-icon" sizes="72x72" href="assets/icon-72x72.png">
-  <link rel="apple-touch-icon" sizes="96x96" href="assets/icon-96x96.png">
-  <link rel="apple-touch-icon" sizes="144x144" href="assets/icon-144x144.png">
-  <link rel="apple-touch-icon" sizes="192x192" href="assets/icon-192x192.png">
-  <title>My site</title>
+  <meta name="description" content="" />
+  <meta name="og:type" property="og:type" content="article" />
+  <meta name="og:description" property="og:description" content="" />
+  <meta name="og:image" property="og:image" content="" />
+  <meta name="twitter:card" property="twitter:card" content="summary_large_image" />
+  <meta name="twitter:description" property="twitter:description" content="" />
+  <meta name="twitter:image" property="twitter:image" content="" />
+  <meta rel="cc:license" href="https://creativecommons.org/licenses/by-sa/4.0/" content="License: Creative Commons: Attribution Share a like"/>
+  
+  <!-- Service worker disabled via settings -->
   <style>
     body {
       margin: 0;
@@ -103,25 +115,7 @@
       top: 50%;
       transform: translateY(-50%);
     }
-    #loading div.messaging h1 {
-      color: white;
-      font-family: 'Open Sans', 'arial', 'serif';
-      font-size: 40px;
-      background-color: orange;
-      transition: .4s ease-in-out all;
-    }
-    #loading img {
-      transition: .4s all ease-in-out;
-      width: 300px;
-      height: 300px;
-      margin-bottom: 50px;
-      border-radius: 50%;
-      border: 8px solid orange;
-      box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.45);
-      -moz-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.45);
-	    -webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.45);
-      -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#444444')";
-    }
+
     .progress-line,
     .progress-line:before {
       height: 8px;
@@ -132,10 +126,10 @@
       background-color: rgba(0,0,0, 0.05);
       display: -webkit-flex;
       display: flex;
-      width: 300px;
+      width: 30vw;
     }
     .progress-line:before {
-      background-color: orange;
+      background-color: var(--simple-colors-default-theme--7, #FF2222);
       content: '';
       animation: running-progress 2s cubic-bezier(0.4, 0, 0.2, 1) infinite;
     }
@@ -150,7 +144,7 @@
       }
       100% {
         margin-left: 100%;
-        margin-right: 0;
+        margin-right: 0;HAXCMS
       }
     }
     @keyframes fade-out {
@@ -175,21 +169,20 @@
           document.querySelector('#loadingstyles').parentNode.removeChild(document.querySelector('#loadingstyles'));
           document.querySelector('#loadingscript').parentNode.removeChild(document.querySelector('#loadingscript'));
         }, 600);
-      }, 100)
+      }, 300);
     });
   </script>
 </head>
 <body no-js vocab="http://schema.org/" prefix="oer:http://oerschema.org cc:http://creativecommons.org/ns dc:http://purl.org/dc/terms/">
   <div id="loading">
     <div class="messaging">
-      <img src="assets/banner.jpg" alt="" loading="lazy" height="300px" width="300px" />
       <div class="progress-line"></div>
-      <h1>Loading site..</h1>
+      <h1 role="alert" aria-busy="true">Loading..</h1>
     </div>
   </div>
-  <haxcms-site-builder id="site" file="site.json"></haxcms-site-builder>
+  <haxcms-site-builder id="site" file="site.json?2GQKWcJ3ni0xrL2X4_Dw_Sr9SeXqY2Sk3XblmvHVArA"></haxcms-site-builder>
   <div id="haxcmsoutdatedfallback">
-    <div id="haxcmsoutdatedfallbacksuperold"> 
+    <div id="haxcmsoutdatedfallbacksuperold">
       <iframe id="outline" style="width:18%;float:left;height:90vh;padding:0;margin:0;" name="outline" id="frame1"
         src="legacy-outline.html" loading="lazy"></iframe>
       <iframe id="content" style="width:80%;float:left;height:90vh;padding:0;margin:0;" name="content" id="frame2" src="" loading="lazy"></iframe>
@@ -197,7 +190,9 @@ <h1>Loading site..</h1>
         view our website correctly. <a href="http://outdatedbrowser.com/">Update my browser now</a></div>
     </div>
   </div>
-  <script>window.HAXCMSContext="nodejs";document.body.removeAttribute('no-js');window.__appCDN="./";window.__appForceUpgrade=false;</script>
+  <script>
+    window.MicroFrontendRegistryConfig = window.MicroFrontendRegistryConfig || {};
+    window.HAXCMSContext="php";document.body.removeAttribute('no-js');window.__appCDN="./";window.__appForceUpgrade=false;</script>
   <script src="./build-haxcms.js"></script>
   <script src="./build.js"></script>
 </body>