solid-ui 3.0.1-27039d9 → 3.0.1-3f71940

package/dist/solid-ui.js

@@ -2279,17 +2279,6 @@ function _slicedToArray(r, e) {
 
 // EXTERNAL MODULE: ./node_modules/mime-types/index.js
 var mime_types = __webpack_require__(49);
-;// ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
-
-function _defineProperty(e, r, t) {
-  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
-    value: t,
-    enumerable: !0,
-    configurable: !0,
-    writable: !0
-  }) : e[r] = t, e;
-}
-
 ;// ./src/styleConstants.js
 /* harmony default export */ const styleConstants = ({
   highlightColor: '#7C4DFF',
@@ -2320,8 +2309,6 @@ function _defineProperty(e, r, t) {
   basicMaxLength: '4096'
 });
 ;// ./src/style.js
-
-var _style;
 // Common readable consistent stylesheet
 // to avoid using style sheets which are document-global
 // and make programmable style toggling with selection, drag over, etc easier
@@ -2332,7 +2319,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;',
@@ -2382,8 +2369,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);'
-}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_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);'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_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);'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_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;'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_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;'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_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.mediaModuleCanvasWidth, "; height: ").concat(styleConstants.mediaModuleCanvasHeight, ";")), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_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;'), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_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.mediaModuleCanvasWidth, "; height: ").concat(styleConstants.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];
 };
@@ -4463,6 +4528,17 @@ index = {
     widgetForClass: twoLineWidgetForClass
   }
 };
+;// ./node_modules/@babel/runtime/helpers/esm/defineProperty.js
+
+function _defineProperty(e, r, t) {
+  return (r = toPropertyKey(r)) in e ? Object.defineProperty(e, r, {
+    value: t,
+    enumerable: !0,
+    configurable: !0,
+    writable: !0
+  }) : e[r] = t, e;
+}
+
 ;// ./src/signup/config-default.js
 /**
  * Provides a simple configuration object for Solid web client and other
@@ -22756,6 +22832,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:
@@ -22845,6 +22922,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:
@@ -22906,13 +22984,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
@@ -22920,6 +23003,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
 
     }
 
@@ -22969,6 +23054,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);
       }
     }