solid-ui 3.0.1-11be53b → 3.0.1-3f71940

package/dist/solid-ui.esm.js

@@ -1467,10 +1467,7 @@ function _createCurveFields(type, CURVE, curveOpts = {}, FpFnLE) {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   i: () => (/* binding */ style)
 /* harmony export */ });
-/* harmony import */ var _babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4467);
-/* harmony import */ var _styleConstants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(4762);
-
-var _style;
+/* harmony import */ var _styleConstants__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(4762);
 // Common readable consistent stylesheet
 // to avoid using style sheets which are document-global
 // and make programmable style toggling with selection, drag over, etc easier
@@ -1481,7 +1478,7 @@ var _style;
 // Fallback values preserve original appearance when themes aren't loaded
 
 
-var style = (_style = {
+var style = {
   // styleModule
 
   checkboxStyle: 'color: var(--sui-text, black); font-size: 100%; padding-left: 0.5em; padding-right: 0.5em;',
@@ -1516,9 +1513,9 @@ var style = (_style = {
   heading4Style: 'font-size: 110%; font-weight: bold; color: var(--sui-primary, #7C4DFF); padding: 0.2em; margin: 0.7em 0;',
   formHeadingStyle: 'font-size: 110%; font-weight: bold; color: var(--sui-primary, #7C4DFF); padding: 0.2em; margin: 0.7em 0;',
   formTextInput: 'font-size: 100%; margin: 0.1em; padding: 0.1em;',
-  formGroupStyle: ["padding-left: 0; border: 0 solid var(--sui-form-border-color, ".concat(_styleConstants__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.formBorderColor, "); border-radius: var(--sui-border-radius-sm, 0.2em);"), "padding-left: 2em; border: var(--sui-border-width, 0.05em) solid var(--sui-form-border-color, ".concat(_styleConstants__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.formBorderColor, "); border-radius: var(--sui-border-radius-sm, 0.2em);"), "padding-left: 2em; border: 0.1em solid var(--sui-form-border-color, ".concat(_styleConstants__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.formBorderColor, "); border-radius: var(--sui-border-radius-sm, 0.2em);"), "padding-left: 2em; border: 0.2em solid var(--sui-form-border-color, ".concat(_styleConstants__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.formBorderColor, "); border-radius: var(--sui-border-radius-sm, 0.2em);")],
-  formFieldLabelStyle: "color: var(--sui-text-link, ".concat(_styleConstants__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.lowProfileLinkColor, "); text-decoration: none;"),
-  formFieldNameBoxStyle: "padding: 0.3em; vertical-align: middle; width: ".concat(_styleConstants__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.formFieldNameBoxWidth, ";"),
+  formGroupStyle: ["padding-left: 0; border: 0 solid var(--sui-form-border-color, ".concat(_styleConstants__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.formBorderColor, "); border-radius: var(--sui-border-radius-sm, 0.2em);"), "padding-left: 2em; border: var(--sui-border-width, 0.05em) solid var(--sui-form-border-color, ".concat(_styleConstants__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.formBorderColor, "); border-radius: var(--sui-border-radius-sm, 0.2em);"), "padding-left: 2em; border: 0.1em solid var(--sui-form-border-color, ".concat(_styleConstants__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.formBorderColor, "); border-radius: var(--sui-border-radius-sm, 0.2em);"), "padding-left: 2em; border: 0.2em solid var(--sui-form-border-color, ".concat(_styleConstants__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.formBorderColor, "); border-radius: var(--sui-border-radius-sm, 0.2em);")],
+  formFieldLabelStyle: "color: var(--sui-text-link, ".concat(_styleConstants__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.lowProfileLinkColor, "); text-decoration: none;"),
+  formFieldNameBoxStyle: "padding: 0.3em; vertical-align: middle; width: ".concat(_styleConstants__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.formFieldNameBoxWidth, ";"),
   multilineTextInputStyle: 'font-size: 100%; white-space: pre-wrap; background-color: var(--sui-bg-input, #eef); border: 0.07em solid var(--sui-border-color-dark, gray); padding: 1em 0.5em; margin: 1em;',
   // Panes
   folderPaneStyle: 'border-top: solid 1px var(--sui-border-color, #777); border-bottom: solid 1px var(--sui-border-color, #777); margin-top: var(--sui-space-md, 0.5em); margin-bottom: var(--sui-space-md, 0.5em); background-color: var(--sui-bg-panel, white); color: var(--sui-text, black); font-family: var(--sui-font-family, sans-serif);',
@@ -1531,8 +1528,86 @@ var style = (_style = {
   linkDivStyle: 'width: var(--sui-icon-size, 2em); padding: 0.5em; height: 4em;',
   // ACL
   aclControlBoxContainer: 'margin: 1em;',
-  aclControlBoxHeader: 'font-size: var(--sui-space-md, 1em);'
-}, (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(_style, "aclControlBoxHeader", 'font-size: 120%; margin: 0 0 1rem;'), "aclControlBoxStatus", 'display: none; margin: 1rem 0;'), "aclControlBoxStatusRevealed", 'display: block;'), "aclGroupContent", 'maxWidth: 650;'), "accessGroupList", 'display: grid; grid-template-columns: 1fr; margin: var(--sui-space-md, 1em); width: 100%;'), "accessGroupListItem", 'display: grid; grid-template-columns: 100px auto 30%;'), "defaultsController", 'display: flex;'), "defaultsControllerNotice", 'color: var(--sui-text-muted, #888); flexGrow: 1; fontSize: 80%;'), "bigButton", 'background-color: var(--sui-bg-panel, white); border: 0.1em solid var(--sui-border-color-dark, #888); border-radius: var(--sui-border-radius, 0.3em); max-width: 50%; padding-bottom: var(--sui-space-md, 1em); padding-top: var(--sui-space-md, 1em);'), "group", 'color: var(--sui-group-default, #888);'), (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(_style, "group1", 'color: var(--sui-group-1, green);'), "group2", 'color: var(--sui-group-2, #cc0);'), "group3", 'color: var(--sui-group-3, orange);'), "group5", 'color: var(--sui-group-5, red);'), "group9", 'color: var(--sui-group-9, blue);'), "group13", 'color: var(--sui-group-13, purple);'), "trustedAppAddApplicationsTable", 'background-color: var(--sui-bg-panel, #eee);'), "trustedAppCancelButton", 'float: right;'), "trustedAppControllerI", 'border-color: var(--sui-warning, orange); border-radius: var(--sui-border-radius-lg, 1em); border-width: 0.1em;'), "temporaryStatusInit", 'background: var(--sui-success, green);'), (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(_style, "temporaryStatusEnd", 'background: transparent; transition: background 5s linear;'), "headerUserMenuLink", 'background: none; border: 0; color: var(--sui-text, black); cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: var(--sui-space-md, 1em); width: 100%; text-decoration: none;'), "headerUserMenuLinkHover", 'background: none; border: 0; color: var(--sui-text, black); cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: var(--sui-space-md, 1em); width: 100%; text-decoration: none; background-image: var(--sui-header-gradient, linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%));'), "headerUserMenuTrigger", 'background: none; border: 0; cursor: pointer; width: var(--sui-header-height, 60px); height: var(--sui-header-height, 60px);'), "headerUserMenuTriggerImg", 'border-radius: var(--sui-border-radius-full, 50%); height: 56px; width: 28px !important;'), "headerUserMenuButton", 'background: none; border: 0; color: var(--sui-text, black); cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: var(--sui-space-md, 1em); width: 100%;'), "headerUserMenuButtonHover", 'background: none; border: 0; color: var(--sui-text, black); cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: var(--sui-space-md, 1em); width: 100%; background-image: var(--sui-header-gradient, linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%));'), "headerUserMenuList", 'list-style: none; margin: 0; padding: 0;'), "headerUserMenuListDisplay", 'list-style: none; margin: 0; padding: 0; display:true;'), "headerUserMenuNavigationMenu", 'background: var(--sui-bg-panel, white); border: solid 1px var(--sui-text, #000000); border-right: 0; position: absolute; right: 0; top: var(--sui-header-height, 60px); width: 200px; z-index: var(--sui-z-dropdown, 1); display: true;'), (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(_style, "headerUserMenuNavigationMenuNotDisplayed", 'background: var(--sui-bg-panel, white); border: solid 1px var(--sui-text, #000000); border-right: 0; position: absolute; right: 0; top: var(--sui-header-height, 60px); width: 200px; z-index: var(--sui-z-dropdown, 1); display: none;'), "headerUserMenuListItem", 'border-bottom: solid 1px var(--sui-text, #000000);'), "headerUserMenuPhoto", 'border-radius: var(--sui-border-radius-full, 50%); background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;'), "headerBanner", 'background: var(--sui-bg-header, white); box-shadow: var(--sui-header-shadow, 0px 1px 4px #000000); display: flex; justify-content: space-between; padding: 0 var(--sui-space-lg, 1.5em);'), "headerBannerRightMenu", 'display: flex;'), "headerBannerLogin", 'margin-left: auto;'), "allChildrenVisible", 'display: true;'), "headerBannerUserMenu", 'border-left: solid 1px var(--sui-text, #000000); margin-left: auto;'), "headerBannerHelpMenu", 'border-left: solid 1px var(--sui-text, #000000); margin-left: auto;'), "headerBannerIcon", 'background-size: 65px var(--sui-header-height, 60px) !important; height: var(--sui-header-height, 60px) !important; width: 65px !important;'), (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(_style, "footer", 'border-top: solid 1px var(--sui-border-color, #ccc); font-size: 0.9em; padding: var(--sui-space-sm, 0.5em) var(--sui-space-lg, 1.5em);'), "primaryButton", 'background-color: var(--sui-primary-light, #7c4dff); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-primary-light, #7c4dff); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;'), "primaryButtonHover", 'background-color: var(--sui-primary, #9f7dff); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-primary-light, #7c4dff); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;'), "primaryButtonNoBorder", 'background-color: var(--sui-bg-panel, #ffffff); color: var(--sui-primary-light, #7c4dff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-primary-light, #7c4dff); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;'), "primaryButtonNoBorderHover", 'background-color: var(--sui-primary-light, #7c4dff); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-primary-light, #7c4dff); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;'), "secondaryButton", 'background-color: var(--sui-accent, #01c9ea); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-accent, #01c9ea); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;'), "secondaryButtonHover", 'background-color: var(--sui-info, #37cde6); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-primary-light, #7c4dff); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;'), "secondaryButtonNoBorder", 'background-color: var(--sui-bg-panel, #ffffff); color: var(--sui-accent, #01c9ea); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-accent, #01c9ea); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;'), "secondaryButtonNoBorderHover", 'background-color: var(--sui-accent, #01c9ea); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-accent, #01c9ea); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;'), "controlStyle", "border-radius: var(--sui-border-radius, 0.5em); margin: 0.8em; width: ".concat(_styleConstants__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.mediaModuleCanvasWidth, "; height: ").concat(_styleConstants__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.mediaModuleCanvasHeight, ";")), (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(_style, "dragEvent", 'background-color: var(--sui-bg-hover, #ccc); border: 0.25em dashed var(--sui-text, black); border-radius: var(--sui-border-radius, 0.3em);'), "dropEvent", 'background-color: var(--sui-bg-panel, white); border: 0 solid var(--sui-text, black);'), "restoreStyle", 'background-color: var(--sui-bg-panel, white);'), "errorCancelButton", 'width: var(--sui-icon-size, 2em); height: var(--sui-icon-size, 2em); align: right;'), "errorMessageBlockStyle", 'margin: 0.1em; padding: var(--sui-space-sm, 0.5em); border: var(--sui-border-width, 0.05em) solid var(--sui-border-color-dark, gray); color: var(--sui-text, black);'), "notepadStyle", 'padding: var(--sui-space-md, 1em); overflow: auto; resize: horizontal; min-width: 40em;'), "upstreamStatus", 'width: 50%;'), "downstreamStatus", 'width: 50%;'), "baseStyle", 'font-size: 100%; font-family: var(--sui-font-family-mono, monospace); width: 100%; border: none; white-space: pre-wrap;'), "headingCore", 'font-family: var(--sui-font-family, sans-serif); font-weight: bold; border: none;'), (0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)((0,_babel_runtime_helpers_defineProperty__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(_style, "headingStyle", ['font-size: 110%; padding-top: var(--sui-space-sm, 0.5em); padding-bottom: var(--sui-space-sm, 0.5em); width: 100%;', 'font-size: 120%; padding-top: var(--sui-space-md, 1em); padding-bottom: var(--sui-space-md, 1em); width: 100%;', 'font-size: 150%; padding-top: var(--sui-space-md, 1em); padding-bottom: var(--sui-space-md, 1em); width: 100%;']), "participantsStyle", 'margin: 0.8em;'), "participantsBlock", 'height: 1.5em; width: 1.5em; margin: 0.3em; border: 0.01em solid var(--sui-border-color-dark, #888);'), "personTableTD", 'vertical-align: middle;'), "tabsNavElement", 'margin: 0;'), "tabsRootElement", 'display: flex; height: 100%; width: 100%;'), "tabsMainElement", 'margin: 0; width: 100%; height: 100%;'), "tabContainer", 'list-style-type: none; display: flex; height: 100%; width: 100%; margin: 0; padding: 0;'), "makeNewSlot", 'background: none; border: none; font: inherit; cursor: pointer;'), "ellipsis", 'position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;'));
+  aclControlBoxHeader: 'font-size: 120%; margin: 0 0 1rem;',
+  aclControlBoxStatus: 'display: none; margin: 1rem 0;',
+  aclControlBoxStatusRevealed: 'display: block;',
+  aclGroupContent: 'maxWidth: 650;',
+  accessGroupList: 'display: grid; grid-template-columns: 1fr; margin: var(--sui-space-md, 1em); width: 100%;',
+  accessGroupListItem: 'display: grid; grid-template-columns: 100px auto 30%;',
+  defaultsController: 'display: flex;',
+  defaultsControllerNotice: 'color: var(--sui-text-muted, #888); flexGrow: 1; fontSize: 80%;',
+  bigButton: 'background-color: var(--sui-bg-panel, white); border: 0.1em solid var(--sui-border-color-dark, #888); border-radius: var(--sui-border-radius, 0.3em); max-width: 50%; padding-bottom: var(--sui-space-md, 1em); padding-top: var(--sui-space-md, 1em);',
+  group: 'color: var(--sui-group-default, #888);',
+  group1: 'color: var(--sui-group-1, green);',
+  group2: 'color: var(--sui-group-2, #cc0);',
+  group3: 'color: var(--sui-group-3, orange);',
+  group5: 'color: var(--sui-group-5, red);',
+  group9: 'color: var(--sui-group-9, blue);',
+  group13: 'color: var(--sui-group-13, purple);',
+  trustedAppAddApplicationsTable: 'background-color: var(--sui-bg-panel, #eee);',
+  trustedAppCancelButton: 'float: right;',
+  trustedAppControllerI: 'border-color: var(--sui-warning, orange); border-radius: var(--sui-border-radius-lg, 1em); border-width: 0.1em;',
+  temporaryStatusInit: 'background: var(--sui-success, green);',
+  temporaryStatusEnd: 'background: transparent; transition: background 5s linear;',
+  // header
+  headerUserMenuLink: 'background: none; border: 0; color: var(--sui-text, black); cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: var(--sui-space-md, 1em); width: 100%; text-decoration: none;',
+  headerUserMenuLinkHover: 'background: none; border: 0; color: var(--sui-text, black); cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: var(--sui-space-md, 1em); width: 100%; text-decoration: none; background-image: var(--sui-header-gradient, linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%));',
+  headerUserMenuTrigger: 'background: none; border: 0; cursor: pointer; width: var(--sui-header-height, 60px); height: var(--sui-header-height, 60px);',
+  headerUserMenuTriggerImg: 'border-radius: var(--sui-border-radius-full, 50%); height: 56px; width: 28px !important;',
+  headerUserMenuButton: 'background: none; border: 0; color: var(--sui-text, black); cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: var(--sui-space-md, 1em); width: 100%;',
+  headerUserMenuButtonHover: 'background: none; border: 0; color: var(--sui-text, black); cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: var(--sui-space-md, 1em); width: 100%; background-image: var(--sui-header-gradient, linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%));',
+  headerUserMenuList: 'list-style: none; margin: 0; padding: 0;',
+  headerUserMenuListDisplay: 'list-style: none; margin: 0; padding: 0; display:true;',
+  headerUserMenuNavigationMenu: 'background: var(--sui-bg-panel, white); border: solid 1px var(--sui-text, #000000); border-right: 0; position: absolute; right: 0; top: var(--sui-header-height, 60px); width: 200px; z-index: var(--sui-z-dropdown, 1); display: true;',
+  headerUserMenuNavigationMenuNotDisplayed: 'background: var(--sui-bg-panel, white); border: solid 1px var(--sui-text, #000000); border-right: 0; position: absolute; right: 0; top: var(--sui-header-height, 60px); width: 200px; z-index: var(--sui-z-dropdown, 1); display: none;',
+  headerUserMenuListItem: 'border-bottom: solid 1px var(--sui-text, #000000);',
+  headerUserMenuPhoto: 'border-radius: var(--sui-border-radius-full, 50%); background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;',
+  headerBanner: 'background: var(--sui-bg-header, white); box-shadow: var(--sui-header-shadow, 0px 1px 4px #000000); display: flex; justify-content: space-between; padding: 0 var(--sui-space-lg, 1.5em);',
+  headerBannerRightMenu: 'display: flex;',
+  headerBannerLogin: 'margin-left: auto;',
+  allChildrenVisible: 'display: true;',
+  headerBannerUserMenu: 'border-left: solid 1px var(--sui-text, #000000); margin-left: auto;',
+  headerBannerHelpMenu: 'border-left: solid 1px var(--sui-text, #000000); margin-left: auto;',
+  headerBannerIcon: 'background-size: 65px var(--sui-header-height, 60px) !important; height: var(--sui-header-height, 60px) !important; width: 65px !important;',
+  // footer
+  footer: 'border-top: solid 1px var(--sui-border-color, #ccc); font-size: 0.9em; padding: var(--sui-space-sm, 0.5em) var(--sui-space-lg, 1.5em);',
+  // buttons
+  primaryButton: 'background-color: var(--sui-primary-light, #7c4dff); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-primary-light, #7c4dff); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;',
+  primaryButtonHover: 'background-color: var(--sui-primary, #9f7dff); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-primary-light, #7c4dff); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;',
+  primaryButtonNoBorder: 'background-color: var(--sui-bg-panel, #ffffff); color: var(--sui-primary-light, #7c4dff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-primary-light, #7c4dff); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;',
+  primaryButtonNoBorderHover: 'background-color: var(--sui-primary-light, #7c4dff); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-primary-light, #7c4dff); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;',
+  secondaryButton: 'background-color: var(--sui-accent, #01c9ea); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-accent, #01c9ea); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;',
+  secondaryButtonHover: 'background-color: var(--sui-info, #37cde6); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-primary-light, #7c4dff); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;',
+  secondaryButtonNoBorder: 'background-color: var(--sui-bg-panel, #ffffff); color: var(--sui-accent, #01c9ea); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-accent, #01c9ea); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;',
+  secondaryButtonNoBorderHover: 'background-color: var(--sui-accent, #01c9ea); color: var(--sui-text-on-primary, #ffffff); font-family: var(--sui-font-family, Raleway, Roboto, sans-serif); border-radius: var(--sui-border-radius, 0.25em); border-color: var(--sui-accent, #01c9ea); border: 1px solid; cursor: pointer; font-size: 0.8em; text-decoration: none; padding: var(--sui-button-padding-sm, 0.5em 4em); transition: var(--sui-transition, 0.25s all ease-in-out); outline: none;',
+  // media
+  controlStyle: "border-radius: var(--sui-border-radius, 0.5em); margin: 0.8em; width: ".concat(_styleConstants__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.mediaModuleCanvasWidth, "; height: ").concat(_styleConstants__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.mediaModuleCanvasHeight, ";"),
+  // dragAndDrop
+  dragEvent: 'background-color: var(--sui-bg-hover, #ccc); border: 0.25em dashed var(--sui-text, black); border-radius: var(--sui-border-radius, 0.3em);',
+  dropEvent: 'background-color: var(--sui-bg-panel, white); border: 0 solid var(--sui-text, black);',
+  restoreStyle: 'background-color: var(--sui-bg-panel, white);',
+  // errors
+  errorCancelButton: 'width: var(--sui-icon-size, 2em); height: var(--sui-icon-size, 2em); align: right;',
+  errorMessageBlockStyle: 'margin: 0.1em; padding: var(--sui-space-sm, 0.5em); border: var(--sui-border-width, 0.05em) solid var(--sui-border-color-dark, gray); color: var(--sui-text, black);',
+  // pad
+  notepadStyle: 'padding: var(--sui-space-md, 1em); overflow: auto; resize: horizontal; min-width: 40em;',
+  upstreamStatus: 'width: 50%;',
+  downstreamStatus: 'width: 50%;',
+  baseStyle: 'font-size: 100%; font-family: var(--sui-font-family-mono, monospace); width: 100%; border: none; white-space: pre-wrap;',
+  headingCore: 'font-family: var(--sui-font-family, sans-serif); font-weight: bold; border: none;',
+  headingStyle: ['font-size: 110%; padding-top: var(--sui-space-sm, 0.5em); padding-bottom: var(--sui-space-sm, 0.5em); width: 100%;', 'font-size: 120%; padding-top: var(--sui-space-md, 1em); padding-bottom: var(--sui-space-md, 1em); width: 100%;', 'font-size: 150%; padding-top: var(--sui-space-md, 1em); padding-bottom: var(--sui-space-md, 1em); width: 100%;'],
+  // participation
+  participantsStyle: 'margin: 0.8em;',
+  participantsBlock: 'height: 1.5em; width: 1.5em; margin: 0.3em; border: 0.01em solid var(--sui-border-color-dark, #888);',
+  personTableTD: 'vertical-align: middle;',
+  // tabs
+  tabsNavElement: 'margin: 0;',
+  tabsRootElement: 'display: flex; height: 100%; width: 100%;',
+  tabsMainElement: 'margin: 0; width: 100%; height: 100%;',
+  tabContainer: 'list-style-type: none; display: flex; height: 100%; width: 100%; margin: 0; padding: 0;',
+  makeNewSlot: 'background: none; border: none; font: inherit; cursor: pointer;',
+  ellipsis: 'position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;'
+};
 style.setStyle = function setStyle(ele, styleName) {
   ele.style = style[styleName];
 };
@@ -3557,9 +3632,9 @@ hmac.create = (hash, key) => new HMAC(hash, key);
 
 
 /* global EventListenerOrEventListenerObject */
-/*
-    This file was copied from mashlib/src/global/header.ts file. It is modified to
-    work in solid-ui by adjusting where imported functions are found.
+/*
+    This file was copied from mashlib/src/global/header.ts file. It is modified to
+    work in solid-ui by adjusting where imported functions are found.
  */
 
 
@@ -3571,29 +3646,29 @@ hmac.create = (hash, key) => new HMAC(hash, key);
 
 
 
-/**
- * menu icons
+/**
+ * menu icons
 */
 var DEFAULT_HELP_MENU_ICON = _index__WEBPACK_IMPORTED_MODULE_2__/* .icons */ .Pt.iconBase + 'noun_help.svg';
 var DEFAUL_SOLID_ICON_URL = 'https://solidproject.org/assets/img/solid-emblem.svg';
 
-/*
-  HeaderOptions allow for customizing the logo and menu list.  If a logo is not provided the default
-  is solid. Menulist will always show a link to logout and to the users profile.
+/*
+  HeaderOptions allow for customizing the logo and menu list.  If a logo is not provided the default
+  is solid. Menulist will always show a link to logout and to the users profile.
   */
 
-/**
- * Initialize header component, the header object returned depends on whether the user is authenticated.
- * @param store the data store
- * @param userMenuList a list of menu items when the user is logged in
- * @param options allow the header to be customized with a personalized logo, help icon and a help menu list of links or buttons.
- * @returns a header for an authenticated user with menu items given or a login screen
+/**
+ * Initialize header component, the header object returned depends on whether the user is authenticated.
+ * @param store the data store
+ * @param userMenuList a list of menu items when the user is logged in
+ * @param options allow the header to be customized with a personalized logo, help icon and a help menu list of links or buttons.
+ * @returns a header for an authenticated user with menu items given or a login screen
  */
 function initHeader(_x, _x2, _x3) {
   return _initHeader.apply(this, arguments);
 }
-/**
- * @ignore exporting this only for the unit test
+/**
+ * @ignore exporting this only for the unit test
  */
 function _initHeader() {
   _initHeader = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(/*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().mark(function _callee3(store, userMenuList, options) {
@@ -3640,14 +3715,14 @@ function rebuildHeader(header, store, pod, userMenuList, options) {
     }, _callee);
   }));
 }
-/**
- * @ignore exporting this only for the unit test
+/**
+ * @ignore exporting this only for the unit test
  */
 function createBanner(_x4, _x5, _x6, _x7, _x8) {
   return _createBanner.apply(this, arguments);
 }
-/**
- * @ignore exporting this only for the unit test
+/**
+ * @ignore exporting this only for the unit test
  */
 function _createBanner() {
   _createBanner = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(/*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().mark(function _callee4(store, pod, user, userMenuList, options) {
@@ -3830,8 +3905,8 @@ function createHelpMenu(options, helpMenuItems) {
   });
   return helpMenuContainer;
 }
-/**
- * @ignore exporting this only for the unit test
+/**
+ * @ignore exporting this only for the unit test
  */
 function createLoginSignUpButtons() {
   var profileLoginButtonPre = document.createElement('div');
@@ -3839,8 +3914,8 @@ function createLoginSignUpButtons() {
   profileLoginButtonPre.appendChild((0,_login_login__WEBPACK_IMPORTED_MODULE_4__.loginStatusBox)(document, null, {}));
   return profileLoginButtonPre;
 }
-/**
- * @ignore exporting this only for the unit test
+/**
+ * @ignore exporting this only for the unit test
  */
 function createUserMenuButton(label, onClick) {
   var button = document.createElement('button');
@@ -3855,8 +3930,8 @@ function createUserMenuButton(label, onClick) {
   button.innerText = label;
   return button;
 }
-/**
- * @ignore exporting this only for the unit test
+/**
+ * @ignore exporting this only for the unit test
  */
 function createUserMenuLink(label, href, target) {
   var link = document.createElement('a');
@@ -3873,15 +3948,15 @@ function createUserMenuLink(label, href, target) {
   return link;
 }
 
-/**
- * @ignore exporting this only for the unit test
+/**
+ * @ignore exporting this only for the unit test
  */
 function createUserMenu(_x9, _x0, _x1) {
   return _createUserMenu.apply(this, arguments);
 }
 
-/**
- * @ignore exporting this only for the unit test
+/**
+ * @ignore exporting this only for the unit test
  */
 function _createUserMenu() {
   _createUserMenu = (0,_babel_runtime_helpers_asyncToGenerator__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A)(/*#__PURE__*/_babel_runtime_regenerator__WEBPACK_IMPORTED_MODULE_1___default().mark(function _callee5(store, user, userMenuList) {
@@ -3962,8 +4037,8 @@ function createUserMenuItem(child) {
   menuProfileItem.appendChild(child);
   return menuProfileItem;
 }
-/**
- * @ignore exporting this only for the unit test
+/**
+ * @ignore exporting this only for the unit test
  */
 function getProfileImg(store, user) {
   var profileUrl = null;
@@ -3981,8 +4056,8 @@ function getProfileImg(store, user) {
   return profileImage;
 }
 
-/**
- * @internal
+/**
+ * @internal
  */
 function toggleMenu(event, trigger, menu) {
   var isExpanded = trigger.getAttribute('aria-expanded') === 'true';
@@ -10186,7 +10261,7 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
 /* harmony import */ var _error__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(3468);
 /* harmony import */ var _widgetHelpers__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(9287);
 /* harmony import */ var _buttons_iconLinks__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(9326);
-/*  Buttons
+/*  Buttons
 */
 
 
@@ -10201,9 +10276,9 @@ function renderMessageEditor(channelObject, messageTable, userContext, options,
 
 
 
-/**
- * UI Widgets such as buttons
- * @packageDocumentation
+/**
+ * UI Widgets such as buttons
+ * @packageDocumentation
  */
 
 /* global alert */
@@ -10231,8 +10306,8 @@ function getStatusArea(context) {
   return null;
 }
 
-/**
- * Display an error message block
+/**
+ * Display an error message block
  */
 function complain(context, err) {
   if (!err) return; // only if error
@@ -10241,8 +10316,8 @@ function complain(context, err) {
   if (ele) ele.appendChild((0,_error__WEBPACK_IMPORTED_MODULE_10__/* .errorMessageBlock */ .F)(context && context.dom || document, err));else alert(err);
 }
 
-/**
- * Remove all the children of an HTML element
+/**
+ * Remove all the children of an HTML element
  */
 function clearElement(ele) {
   while (ele.firstChild) {
@@ -10251,8 +10326,8 @@ function clearElement(ele) {
   return ele;
 }
 
-/**
- * To figure out the log URI from the full URI used to invoke the reasoner
+/**
+ * To figure out the log URI from the full URI used to invoke the reasoner
  */
 function extractLogURI(fullURI) {
   var logPos = fullURI.search(/logFile=/);
@@ -10260,11 +10335,11 @@ function extractLogURI(fullURI) {
   return fullURI.substring(logPos + 8, rulPos);
 }
 
-/**
- * By default, converts e.g. '2020-02-19T19:35:28.557Z' to '19:35'
- * if today is 19 Feb 2020, and to 'Feb 19' if not.
- * @@@ TODO This needs to be changed to local time
- * @param noTime Return a string like 'Feb 19' even if it's today.
+/**
+ * By default, converts e.g. '2020-02-19T19:35:28.557Z' to '19:35'
+ * if today is 19 Feb 2020, and to 'Feb 19' if not.
+ * @@@ TODO This needs to be changed to local time
+ * @param noTime Return a string like 'Feb 19' even if it's today.
  */
 function shortDate(str, noTime) {
   if (!str) return '???';
@@ -10285,11 +10360,11 @@ function shortDate(str, noTime) {
   }
 }
 
-/**
- * Format a date and time
- * @param date for instance `new Date()`
- * @param format  for instance '{FullYear}-{Month}-{Date}T{Hours}:{Minutes}:{Seconds}.{Milliseconds}'
- * @returns for instance '2000-01-15T23:14:23.002'
+/**
+ * Format a date and time
+ * @param date for instance `new Date()`
+ * @param format  for instance '{FullYear}-{Month}-{Date}T{Hours}:{Minutes}:{Seconds}.{Milliseconds}'
+ * @returns for instance '2000-01-15T23:14:23.002'
  */
 function formatDateTime(date, format) {
   return format.split('{').map(function (s) {
@@ -10305,17 +10380,17 @@ function formatDateTime(date, format) {
   }).join('');
 }
 
-/**
- * Get a string representation of the current time
- * @returns for instance '2000-01-15T23:14:23.002'
+/**
+ * Get a string representation of the current time
+ * @returns for instance '2000-01-15T23:14:23.002'
  */
 function timestamp() {
   return formatDateTime(new Date(), '{FullYear}-{Month}-{Date}T{Hours}:{Minutes}:{Seconds}.{Milliseconds}');
 }
 
-/**
- * Get a short string representation of the current time
- * @returns for instance '23:14:23.002'
+/**
+ * Get a short string representation of the current time
+ * @returns for instance '23:14:23.002'
  */
 function shortTime() {
   return formatDateTime(new Date(), '{Hours}:{Minutes}:{Seconds}.{Milliseconds}');
@@ -10323,8 +10398,8 @@ function shortTime() {
 
 // ///////////////////// Handy UX widgets
 
-/**
- * Sets the best name we have and looks up a better one
+/**
+ * Sets the best name we have and looks up a better one
  */
 function setName(element, x) {
   var kb = solid_logic__WEBPACK_IMPORTED_MODULE_7__.store;
@@ -10345,29 +10420,29 @@ function setName(element, x) {
   }
 }
 
-/**
- * Set of suitable images
- * See also [[findImage]]
- * @param x The thing for which we want to find an image
- * @param kb The RDF store to look in
- * @returns It goes looking for triples in `kb`,
- *          `(subject: x), (predicate: see list below) (object: image-url)`
- *          to find any image linked from the thing with one of the following
- *          predicates (in order):
- *          * ns.sioc('avatar')
- *          * ns.foaf('img')
- *          * ns.vcard('logo')
- *          * ns.vcard('hasPhoto')
- *          * ns.vcard('photo')
- *          * ns.foaf('depiction')
-
+/**
+ * Set of suitable images
+ * See also [[findImage]]
+ * @param x The thing for which we want to find an image
+ * @param kb The RDF store to look in
+ * @returns It goes looking for triples in `kb`,
+ *          `(subject: x), (predicate: see list below) (object: image-url)`
+ *          to find any image linked from the thing with one of the following
+ *          predicates (in order):
+ *          * ns.sioc('avatar')
+ *          * ns.foaf('img')
+ *          * ns.vcard('logo')
+ *          * ns.vcard('hasPhoto')
+ *          * ns.vcard('photo')
+ *          * ns.foaf('depiction')
+
  */
 function imagesOf(x, kb) {
   return kb.each(x, _ns__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.sioc('avatar')).concat(kb.each(x, _ns__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.foaf('img'))).concat(kb.each(x, _ns__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.vcard('logo'))).concat(kb.each(x, _ns__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.vcard('hasPhoto'))).concat(kb.each(x, _ns__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.vcard('photo'))).concat(kb.each(x, _ns__WEBPACK_IMPORTED_MODULE_2__/* ["default"] */ .A.foaf('depiction')));
 }
 
-/**
- * Best logo or avatar or photo etc to represent someone or some group etc
+/**
+ * Best logo or avatar or photo etc to represent someone or some group etc
  */
 var iconForClass = {
   // Potentially extendable by other apps, panes, etc
@@ -10402,8 +10477,8 @@ var iconForClass = {
   'wf:Closed': 'noun_17020.svg'
 };
 
-/**
- * Returns the origin of the URI of a NamedNode
+/**
+ * Returns the origin of the URI of a NamedNode
  */
 function tempSite(x) {
   // use only while one in rdflib fails with origins 2019
@@ -10419,8 +10494,8 @@ function tempSite(x) {
   }
 }
 
-/**
- * Find an image for this thing as a class
+/**
+ * Find an image for this thing as a class
  */
 function findImageFromURI(x) {
   var iconDir = iconBase;
@@ -10450,22 +10525,22 @@ function findImageFromURI(x) {
   return iconDir + 'noun_10636_grey.svg'; // Grey Circle -  some thing
 }
 
-/**
- * Find something we have as explicit image data for the thing
- * See also [[imagesOf]]
- * @param thing The thing for which we want to find an image
- * @returns The URL of a globe icon if thing equals `ns.foaf('Agent')`
- *          or `ns.rdf('Resource')`. Otherwise, it goes looking for
- *          triples in `store`,
- *          `(subject: thing), (predicate: see list below) (object: image-url)`
- *          to find any image linked from the thing with one of the following
- *          predicates (in order):
- *          * ns.sioc('avatar')
- *          * ns.foaf('img')
- *          * ns.vcard('logo')
- *          * ns.vcard('hasPhoto')
- *          * ns.vcard('photo')
- *          * ns.foaf('depiction')
+/**
+ * Find something we have as explicit image data for the thing
+ * See also [[imagesOf]]
+ * @param thing The thing for which we want to find an image
+ * @returns The URL of a globe icon if thing equals `ns.foaf('Agent')`
+ *          or `ns.rdf('Resource')`. Otherwise, it goes looking for
+ *          triples in `store`,
+ *          `(subject: thing), (predicate: see list below) (object: image-url)`
+ *          to find any image linked from the thing with one of the following
+ *          predicates (in order):
+ *          * ns.sioc('avatar')
+ *          * ns.foaf('img')
+ *          * ns.vcard('logo')
+ *          * ns.vcard('hasPhoto')
+ *          * ns.vcard('photo')
+ *          * ns.foaf('depiction')
  */
 function findImage(thing) {
   var kb = solid_logic__WEBPACK_IMPORTED_MODULE_7__.store;
@@ -10477,11 +10552,11 @@ function findImage(thing) {
   return image ? image.uri : null;
 }
 
-/**
- * Do the best you can with the data available
- *
- * @return {Boolean} Are we happy with this icon?
- * Sets src AND STYLE of the image.
+/**
+ * Do the best you can with the data available
+ *
+ * @return {Boolean} Are we happy with this icon?
+ * Sets src AND STYLE of the image.
  */
 function trySetImage(element, thing, iconForClassMap) {
   var kb = solid_logic__WEBPACK_IMPORTED_MODULE_7__.store;
@@ -10517,8 +10592,8 @@ function trySetImage(element, thing, iconForClassMap) {
   return false; // we can do better
 }
 
-/**
- * ToDo: Also add icons for *properties* like  home, work, email, range, domain, comment,
+/**
+ * ToDo: Also add icons for *properties* like  home, work, email, range, domain, comment,
  */
 function setImage(element, thing) {
   // 20191230a
@@ -10567,7 +10642,7 @@ function faviconOrDefault(dom, x) {
   }
 }
 
-/* Two-option dialog pop-up
+/* Two-option dialog pop-up
 */
 
 function renderDeleteConfirmPopup(dom, refererenceElement, prompt, deleteFunction) {
@@ -10618,9 +10693,9 @@ function renderDeleteConfirmPopup(dom, refererenceElement, prompt, deleteFunctio
   cancelPrompt.addEventListener('click', removePopup);
   return popup;
 }
-/**
- * Delete button with a check you really mean it
- * @@ Supress check if command key held down?
+/**
+ * Delete button with a check you really mean it
+ * @@ Supress check if command key held down?
  */
 function deleteButtonWithCheck(dom, container, noun, deleteFunction) {
   function createPopup() {
@@ -10646,14 +10721,14 @@ function deleteButtonWithCheck(dom, container, noun, deleteFunction) {
   return deleteButton; // or button div?  caller may change size of image
 }
 
-/*  Make a button
- *
- * @param dom - the DOM document object
- * @Param iconURI - the URI of the icon to use (if any)
- * @param text - the tooltip text or possibly button contents text
- * @param handler <function> - A handler to called when button is clicked
- *
- * @returns <dDomElement> - the button
+/*  Make a button
+ *
+ * @param dom - the DOM document object
+ * @Param iconURI - the URI of the icon to use (if any)
+ * @param text - the tooltip text or possibly button contents text
+ * @param handler <function> - A handler to called when button is clicked
+ *
+ * @returns <dDomElement> - the button
  */
 function button(dom, iconURI, text, handler) {
   var options = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {
@@ -10721,12 +10796,12 @@ function button(dom, iconURI, text, handler) {
   return button;
 }
 
-/*  Make a cancel button
- *
- * @param dom - the DOM document object
- * @param handler <function> - A handler to called when button is clicked
- *
- * @returns <dDomElement> - the button
+/*  Make a cancel button
+ *
+ * @param dom - the DOM document object
+ * @param handler <function> - A handler to called when button is clicked
+ *
+ * @returns <dDomElement> - the button
  */
 function cancelButton(dom, handler) {
   var b = button(dom, cancelIconURI, 'Cancel', handler);
@@ -10737,22 +10812,22 @@ function cancelButton(dom, handler) {
   return b;
 }
 
-/*  Make a continue button
- *
- * @param dom - the DOM document object
- * @param handler <function> - A handler to called when button is clicked
- *
- * @returns <dDomElement> - the button
+/*  Make a continue button
+ *
+ * @param dom - the DOM document object
+ * @param handler <function> - A handler to called when button is clicked
+ *
+ * @returns <dDomElement> - the button
  */
 function continueButton(dom, handler) {
   return button(dom, checkIconURI, 'Continue', handler);
 }
 
-/* Grab a name for a new thing
- *
- * Form to get the name of a new thing before we create it
- * @params theClass  Misspelt to avoid clashing with the JavaScript keyword
- * @returns: a promise of (a name or null if cancelled)
+/* Grab a name for a new thing
+ *
+ * Form to get the name of a new thing before we create it
+ * @params theClass  Misspelt to avoid clashing with the JavaScript keyword
+ * @returns: a promise of (a name or null if cancelled)
  */
 function askName(dom, kb, container, predicate, theClass, noun) {
   return new Promise(function (resolve, _reject) {
@@ -10794,10 +10869,10 @@ function askName(dom, kb, container, predicate, theClass, noun) {
   }); // Promise
 }
 
-/**
- * A TR to represent a draggable person, etc in a list
- *
- * pred is unused param at the moment
+/**
+ * A TR to represent a draggable person, etc in a list
+ *
+ * pred is unused param at the moment
  */
 var personTR = renderAsRow; // The legacy name is used in a lot of places
 
@@ -10841,11 +10916,11 @@ function renderAsRow(dom, pred, obj, options) {
   return tr;
 }
 
-/* A helper function for renderAsDiv
-*  creates the NameDiv for the person
-*  Note: could not move it to the helper file because they call exported functions
-*  from buttons
-*  @internal exporting this only for unit tests
+/* A helper function for renderAsDiv
+*  creates the NameDiv for the person
+*  Note: could not move it to the helper file because they call exported functions
+*  from buttons
+*  @internal exporting this only for unit tests
 */
 function createNameDiv(dom, div, title, obj) {
   var nameDiv = div.appendChild(dom.createElement('div'));
@@ -10855,11 +10930,11 @@ function createNameDiv(dom, div, title, obj) {
     setName(nameDiv, obj); // This is async
   }
 }
-/* A helper function for renderAsDiv
-*  creates the linkDiv for the person
-*  Note: could not move it to the helper file because they call exported functions
-*  from buttons
-* @internal exporting this only for unit tests
+/* A helper function for renderAsDiv
+*  creates the linkDiv for the person
+*  Note: could not move it to the helper file because they call exported functions
+*  from buttons
+* @internal exporting this only for unit tests
 */
 function createLinkDiv(dom, div, obj, options) {
   var linkDiv = div.appendChild(dom.createElement('div'));
@@ -10875,9 +10950,9 @@ function createLinkDiv(dom, div, obj, options) {
     (0,_dragAndDrop__WEBPACK_IMPORTED_MODULE_6__/* .makeDraggable */ .eB)(div, obj);
   }
 }
-/**
- * A Div to represent a draggable person, etc in a list
- * configurable to add an onClick listener
+/**
+ * A Div to represent a draggable person, etc in a list
+ * configurable to add an onClick listener
  */
 function renderAsDiv(dom, obj, options) {
   var div = dom.createElement('div');
@@ -10899,8 +10974,8 @@ function renderAsDiv(dom, obj, options) {
   return div;
 }
 
-/**
- * Refresh a DOM tree recursively
+/**
+ * Refresh a DOM tree recursively
  */
 function refreshTree(root) {
   if (root.refresh) {
@@ -10912,15 +10987,15 @@ function refreshTree(root) {
   }
 }
 
-/**
- * Options argument for [[attachmentList]] function
+/**
+ * Options argument for [[attachmentList]] function
  */
 
-/**
- * Component that displays a list of resources, for instance
- * the attachments of a message, or the various documents related
- * to a meeting.
- * Accepts dropping URLs onto it to add attachments to it.
+/**
+ * Component that displays a list of resources, for instance
+ * the attachments of a message, or the various documents related
+ * to a meeting.
+ * Accepts dropping URLs onto it to add attachments to it.
  */
 function attachmentList(dom, subject, div) {
   var options = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
@@ -11033,11 +11108,11 @@ function attachmentList(dom, subject, div) {
 
 // /////////////////////////////////////////////////////////////////////////////
 
-/**
- * Event Handler for links within solid apps.
- *
- * Note that native links have constraints in Firefox, they
- * don't work with local files for instance (2011)
+/**
+ * Event Handler for links within solid apps.
+ *
+ * Note that native links have constraints in Firefox, they
+ * don't work with local files for instance (2011)
  */
 function openHrefInOutlineMode(e) {
   e.preventDefault();
@@ -11061,10 +11136,10 @@ function openHrefInOutlineMode(e) {
   // dom.outlineManager.GotoSubject(store.sym(uri), true, undefined, true, undefined)
 }
 
-/**
- * Make a URI in the Tabulator.org annotation store out of the URI of the thing to be annotated.
- *
- * @@ Todo: make it a personal preference.
+/**
+ * Make a URI in the Tabulator.org annotation store out of the URI of the thing to be annotated.
+ *
+ * @@ Todo: make it a personal preference.
  */
 function defaultAnnotationStore(subject) {
   if (subject.uri === undefined) return undefined;
@@ -11082,10 +11157,10 @@ function defaultAnnotationStore(subject) {
   return solid_logic__WEBPACK_IMPORTED_MODULE_7__.store.sym('http://tabulator.org/wiki/annnotation/' + s);
 }
 
-/**
- * Retrieve all RDF class URIs from solid-ui's RDF store
- * @returns an object `ret` such that `Object.keys(ret)` is
- * the list of all class URIs.
+/**
+ * Retrieve all RDF class URIs from solid-ui's RDF store
+ * @returns an object `ret` such that `Object.keys(ret)` is
+ * the list of all class URIs.
  */
 function allClassURIs() {
   var set = {};
@@ -11102,16 +11177,16 @@ function allClassURIs() {
   return set;
 }
 
-/**
- * Figuring which properties we know about
- *
- * When the user inputs an RDF property, like for a form field
- * or when specifying the relationship between two arbitrary things,
- * then er can prompt them with properties the session knows about
- *
- * TODO: Look again by catching this somewhere. (On the kb?)
- * TODO: move to diff module? Not really a button.
- * @param {Store} kb The quadstore to be searched.
+/**
+ * Figuring which properties we know about
+ *
+ * When the user inputs an RDF property, like for a form field
+ * or when specifying the relationship between two arbitrary things,
+ * then er can prompt them with properties the session knows about
+ *
+ * TODO: Look again by catching this somewhere. (On the kb?)
+ * TODO: move to diff module? Not really a button.
+ * @param {Store} kb The quadstore to be searched.
  */
 
 function propertyTriage(kb) {
@@ -11149,12 +11224,12 @@ function propertyTriage(kb) {
   return possibleProperties;
 }
 
-/**
- * General purpose widgets
+/**
+ * General purpose widgets
  */
 
-/**
- * A button for jumping
+/**
+ * A button for jumping
  */
 function linkButton(dom, object) {
   var b = dom.createElement('button');
@@ -11169,8 +11244,8 @@ function linkButton(dom, object) {
   return b;
 }
 
-/**
- * A button to remove some other element from the page
+/**
+ * A button to remove some other element from the page
  */
 function removeButton(dom, element) {
   var b = dom.createElement('button');
@@ -11200,17 +11275,17 @@ function removeButton(dom, element) {
 //
 //  These are for selecting different modes, sources,styles, etc.
 //
-/*
-buttons.headerButtons = function (dom, kb, name, words) {
-    const box = dom.createElement('table')
-    var i, word, s = '<tr>'
-    box.setAttribute('style', 'width: 90%; height: 1.5em')
-    for (i=0; i<words.length; i++) {
-        s += '<td><input type="radio" name="' + name + '" id="' + words[i] + '" value='
-    }
-    box.innerHTML = s + '</tr>'
-
-}
+/*
+buttons.headerButtons = function (dom, kb, name, words) {
+    const box = dom.createElement('table')
+    var i, word, s = '<tr>'
+    box.setAttribute('style', 'width: 90%; height: 1.5em')
+    for (i=0; i<words.length; i++) {
+        s += '<td><input type="radio" name="' + name + '" id="' + words[i] + '" value='
+    }
+    box.innerHTML = s + '</tr>'
+
+}
 */
 // ////////////////////////////////////////////////////////////
 //
@@ -11300,9 +11375,9 @@ function twoLineDefault(dom, x) {
   return box;
 }
 
-/**
- * Find a function that can create a widget for a given class
- * @param c The RDF class for which we want a widget generator function
+/**
+ * Find a function that can create a widget for a given class
+ * @param c The RDF class for which we want a widget generator function
  */
 function twoLineWidgetForClass(c) {
   var widget = index.twoLine[c.uri];
@@ -11316,12 +11391,12 @@ function twoLineWidgetForClass(c) {
   return index.twoLine[''];
 }
 
-/**
- * Display a transaction
- * @param x Should have attributes through triples in store:
- *          * ns.qu('payee') -> a named node
- *          * ns.qu('date) -> a literal
- *          * ns.qu('amount') -> a literal
+/**
+ * Display a transaction
+ * @param x Should have attributes through triples in store:
+ *          * ns.qu('payee') -> a named node
+ *          * ns.qu('date) -> a literal
+ *          * ns.qu('amount') -> a literal
  */
 function twoLineTransaction(dom, x) {
   var failed = '';
@@ -11338,12 +11413,12 @@ function twoLineTransaction(dom, x) {
   return box;
 }
 
-/**
- * Display a trip
- * @param x Should have attributes through triples in store:
- *          * ns.dc('title') -> a literal
- *          * ns.cal('dtstart') -> a literal
- *          * ns.cal('dtend') -> a literal
+/**
+ * Display a trip
+ * @param x Should have attributes through triples in store:
+ *          * ns.dc('title') -> a literal
+ *          * ns.cal('dtstart') -> a literal
+ *          * ns.cal('dtend') -> a literal
  */
 function twoLineTrip(dom, x) {
   var enc = function enc(p) {
@@ -11355,8 +11430,8 @@ function twoLineTrip(dom, x) {
   return box;
 }
 
-/**
- * Stick a stylesheet link the document if not already there
+/**
+ * Stick a stylesheet link the document if not already there
  */
 function addStyleSheet(dom, href) {
   var links = dom.querySelectorAll('link');
@@ -11380,8 +11455,8 @@ function isAudio(file) {
 function isVideo(file) {
   return isImage(file, 'video');
 }
-/**
- *
+/**
+ *
  */
 function isImage(file, kind) {
   var dcCLasses = {
@@ -11403,12 +11478,12 @@ function isImage(file, kind) {
   return false;
 }
 
-/**
- * File upload button
- * @param dom The DOM aka document
- * @param  droppedFileHandler Same handler function as drop, takes array of file objects
- * @returns {Element} - a div with a button and a inout in it
- * The input is hidden, as it is uglky - the user clicks on the nice icons and fires the input.
+/**
+ * File upload button
+ * @param dom The DOM aka document
+ * @param  droppedFileHandler Same handler function as drop, takes array of file objects
+ * @returns {Element} - a div with a button and a inout in it
+ * The input is hidden, as it is uglky - the user clicks on the nice icons and fires the input.
  */
 // See https://developer.mozilla.org/en-US/docs/Web/API/File/Using_files_from_web_applications
 function fileUploadButtonDiv(dom, droppedFileHandler) {
@@ -21539,11 +21614,11 @@ var ThemeLoader = /*#__PURE__*/function () {
   function ThemeLoader() {
     (0,_babel_runtime_helpers_classCallCheck__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A)(this, ThemeLoader);
     this.themes = {
-      classic: 'themes/presets/classic.css',
-      "default": 'themes/presets/default.css',
-      wave: 'themes/presets/wave.css',
-      telegram: 'themes/presets/telegram.css',
-      signal: 'themes/presets/signal.css'
+      classic: 'theme-classic.css',
+      "default": 'theme-default.css',
+      wave: 'theme-wave.css',
+      telegram: 'theme-telegram.css',
+      signal: 'theme-signal.css'
     };
     this.currentTheme = this.getSavedTheme();
     this.linkElements = {};
@@ -21581,6 +21656,7 @@ var ThemeLoader = /*#__PURE__*/function () {
             case 4:
               _context.prev = 4;
               _t = _context["catch"](1);
+              // eslint-disable-next-line no-console
               console.error('Failed to initialize theme system:', _t);
               // Continue without themes - use inline styles as fallback
             case 5:
@@ -21607,12 +21683,12 @@ var ThemeLoader = /*#__PURE__*/function () {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               // Variables
-              variablesLink = this.createLinkElement('solid-ui-variables', 'themes/foundation/variables.css');
+              variablesLink = this.createLinkElement('solid-ui-variables', 'theme-variables.css');
               document.head.insertBefore(variablesLink, document.head.firstChild);
               this.linkElements.variables = variablesLink;
 
               // Accessibility
-              a11yLink = this.createLinkElement('solid-ui-accessibility', 'themes/foundation/accessibility.css');
+              a11yLink = this.createLinkElement('solid-ui-accessibility', 'theme-accessibility.css');
               document.head.insertBefore(a11yLink, document.head.firstChild);
               this.linkElements.accessibility = a11yLink;
 
@@ -21670,6 +21746,7 @@ var ThemeLoader = /*#__PURE__*/function () {
             case 3:
               _context3.prev = 3;
               _t2 = _context3["catch"](1);
+              // eslint-disable-next-line no-console
               console.error("Failed to load theme \"".concat(themeName, "\":"), _t2);
               throw _t2;
             case 4:
@@ -21731,13 +21808,18 @@ var ThemeLoader = /*#__PURE__*/function () {
   }, {
     key: "resolveThemePath",
     value: function resolveThemePath(path) {
-      // In development, path might need adjustment
-      // In production (dist), themes should be copied alongside
+      // Use webpack public path if available (set by mashlib/build config)
+      // eslint-disable-next-line camelcase
       if (true) {
+        // eslint-disable-next-line camelcase, no-undef
         return __webpack_require__.p + path;
       }
 
-      // Try to find solid-ui base path
+      // Use global base path if set by mashlib
+      // removed by dead control flow
+
+
+      // Try to find mashlib or solid-ui base path from script tags
       // removed by dead control flow
  var scripts; 
       // removed by dead control flow
@@ -21745,6 +21827,8 @@ var ThemeLoader = /*#__PURE__*/function () {
       // removed by dead control flow
  var baseUrl, script; 
       // removed by dead control flow
+ var origin; 
+      // removed by dead control flow
 
     }
 
@@ -21794,6 +21878,7 @@ var ThemeLoader = /*#__PURE__*/function () {
       try {
         localStorage.setItem(STORAGE_KEY, themeName);
       } catch (error) {
+        // eslint-disable-next-line no-console
         console.warn('Failed to save theme preference:', error);
       }
     }
@@ -27283,43 +27368,43 @@ var __webpack_exports__ = {};
 /* harmony import */ var _header__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(1648);
 /* harmony import */ var _footer__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(7134);
 /* harmony import */ var _create_types__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(5912);
-/*
-The MIT License (MIT)
-
-Copyright (c) 2015-2016 Solid
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-
-If you would like to know more about the solid Solid project, please see
-https://github.com/solidos/solid
+/*
+The MIT License (MIT)
+
+Copyright (c) 2015-2016 Solid
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+If you would like to know more about the solid Solid project, please see
+https://github.com/solidos/solid
 */
 
 
-/**
- * Provides a Solid client helper object (which exposes various static modules).
- * @module UI.js
- * @main UI.js
+/**
+ * Provides a Solid client helper object (which exposes various static modules).
+ * @module UI.js
+ * @main UI.js
  */
 
-/**
- * @class UI
- * @static
+/**
+ * @class UI
+ * @static
  */
 
 // REMOVE @ts-ignore as you migrate files to TypeScript