solid-ui 3.1.3-9 → 5.0.0-0

package/dist/lib/style.cjs.js

@@ -1,2 +1,2 @@
-const e=require("./styleConstants.cjs.js");var t={checkboxStyle:`color: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;`,checkboxInputStyle:`font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em;`,fieldLabelStyle:`color: #3B5998; text-decoration: none;`,formSelectStyle:`background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;`,textInputStyle:`background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;`,textInputStyleUneditable:`background-color: white; padding: 0.5em;  border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;`,buttonStyle:`background-color: #fff; padding: 0.7em;  border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;`,commentStyle:`padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;`,iconStyle:`width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;`,smallButtonStyle:`margin: 0.2em; width: 1em; height:1em;`,classIconStyle:`width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;`,confirmPopupStyle:`padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;`,messageBodyStyle:`white-space: pre-wrap; width: 99%; font-size:100%; border: 0.07em solid #eee; border-radius:0.2em; padding: .3em 0.5em; margin: 0.1em;`,pendingeditModifier:`color: #bbb;`,personaBarStyle:`width: 100%; height: 4em; background-color: #eee; vertical-align: middle;`,searchInputStyle:`border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;`,autocompleteRowStyle:`border: 0.2em solid straw;`,signInAndUpButtonStyle:`padding: 1em; border-radius:0.2em; font-size: 100%;`,headerBannerLoginInput:`margin: 0.75em 0 0.75em 0.5em !important; padding: 0.5em !important;`,signUpBackground:`background-color: #eef;`,signInBackground:`background-color: #efe;`,heading1Style:`font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;`,heading2Style:`font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;`,heading3Style:`font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;`,heading4Style:`font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;`,formHeadingStyle:`font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;`,formTextInput:`font-size: 100%; margin: 0.1em; padding: 0.1em;`,formGroupStyle:[`padding-left: 0em; border: 0.0em solid ${e.default.formBorderColor}; border-radius: 0.2em;`,`padding-left: 2em; border: 0.05em solid ${e.default.formBorderColor}; border-radius: 0.2em;`,`padding-left: 2em; border: 0.1em solid ${e.default.formBorderColor}; border-radius: 0.2em;`,`padding-left: 2em; border: 0.2em solid ${e.default.formBorderColor}; border-radius: 0.2em;`],formFieldLabelStyle:`color: ${e.default.lowProfileLinkColor}; text-decoration: none;`,formFieldNameBoxStyle:`padding: 0.3em; vertical-align: middle; width:${e.default.formFieldNameBoxWidth};`,multilineTextInputStyle:`font-size:100%; white-space: pre-wrap; background-color: #eef; border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;`,renderAsDivStyle:`display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;`,imageDivStyle:`width:2.5em; padding:0.5em; height: 2.5em;`,linkDivStyle:`width:2em; padding:0.5em; height: 4em;`,aclControlBoxContainer:`margin: 1em;`,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: 1em; width: 100%;`,accessGroupListItem:`display: grid; grid-template-columns: 100px auto 30%;`,defaultsController:`display: flex;`,defaultsControllerNotice:`color: #888; flexGrow: 1; fontSize: 80%;`,bigButton:`background-color: white; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;`,group:`color: #888;`,group1:`color: green;`,group2:`color: #cc0;`,group3:`color: orange;`,group5:`color: red;`,group9:`color: blue;`,group13:`color: purple;`,trustedAppAddApplicationsTable:`background-color: #eee;`,trustedAppCancelButton:`float: right;`,trustedAppControllerI:`border-color: orange; border-radius: 1em; border-width: 0.1em;`,temporaryStatusInit:`background: green;`,temporaryStatusEnd:`background: transparent; transition: background 5s linear;`,headerUserMenuLink:`background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none;`,headerUserMenuLinkHover:`background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);`,headerUserMenuTrigger:`background: none; border: 0; cursor: pointer; width: 60px; height: 60px;`,headerUserMenuTriggerImg:`border-radius: 50%; height: 56px; width: 28px !important;`,headerUserMenuButton:`background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%;`,headerUserMenuButtonHover:`background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; background-image: 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: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: true;`,headerUserMenuNavigationMenuNotDisplayed:`background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: none;`,headerUserMenuListItem:`border-bottom: solid 1px #000000;`,headerUserMenuPhoto:`border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;`,headerBanner:`box-shadow: 0px 1px 4px #000000; display: flex; justify-content: space-between; padding: 0 1.5em; margin-bottom: 4px;`,headerBannerLink:`display: block;`,headerBannerRightMenu:`display: flex;`,headerBannerLogin:`margin-left: auto;`,allChildrenVisible:`display:true;`,headerBannerUserMenu:`border-left: solid 1px #000000; margin-left: auto;`,headerBannerHelpMenu:`border-left: solid 1px #000000; margin-left: auto;`,headerBannerIcon:`background-size: 65px 60px !important; height: 60px !important; width: 65px !important;`,footer:`border-top: solid 1px $divider-color; font-size: 0.9em; padding: 0.5em 1.5em;`,primaryButton:`background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;`,primaryButtonHover:`background-color: #9f7dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;`,primaryButtonNoBorder:`background-color: #ffffff; color: #7c4dff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;`,primaryButtonNoBorderHover:`background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;`,secondaryButton:`background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;`,secondaryButtonHover:`background-color: #37cde6; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;`,secondaryButtonNoBorder:`background-color: #ffffff; color: #01c9ea; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;`,secondaryButtonNoBorderHover:`background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;`,controlStyle:`border-radius: 0.5em; margin: 0.8em; width:${e.default.mediaModuleCanvasWidth}; height:${e.default.mediaModuleCanvasHeight};`,dragEvent:`background-color: #ccc; border: 0.25em dashed black; border-radius: 0.3em;`,dropEvent:`background-color: white; border: 0em solid black;`,restoreStyle:`background-color: white;`,errorCancelButton:`width: 2em; height: 2em; align: right;`,errorMessageBlockStyle:`margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;`,notepadStyle:`padding: 1em; overflow: auto; resize: horizontal; min-width: 40em;`,upstreamStatus:`width: 50%;`,downstreamStatus:`width: 50%;`,baseStyle:`font-size: 100%; font-family: monospace; width: 100%; border: none; white-space: pre-wrap;`,headingCore:`font-family: sans-serif; font-weight: bold;  border: none;`,headingStyle:[`font-size: 110%; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%;`,`font-size: 120%; padding-top: 1em; padding-bottom: 1em; width: 100%;`,`font-size: 150%; padding-top: 1em; padding-bottom: 1em; width: 100%;`],participantsStyle:`margin: 0.8em;`,participantsBlock:`height: 1.5em; width: 1.5em; margin: 0.3em; border 0.01em solid #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;`};t.setStyle=function(e,n){e.style=t[n]},exports.style=t;
+const e=require("./styleConstants.cjs.js");var t={checkboxStyle:`color: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;`,checkboxInputStyle:`font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em;`,fieldLabelStyle:`color: #3B5998; text-decoration: none;`,formSelectStyle:`background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;`,textInputStyle:`background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;`,textInputStyleUneditable:`background-color: white; padding: 0.5em;  border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;`,buttonStyle:`background-color: #fff; padding: 0.7em;  border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;`,commentStyle:`padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;`,iconStyle:`width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;`,smallButtonStyle:`margin: 0.2em; width: 1em; height:1em;`,classIconStyle:`width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;`,confirmPopupStyle:`padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;`,messageBodyStyle:`white-space: pre-wrap; width: 99%; font-size:100%; border: 0.07em solid #eee; border-radius:0.2em; padding: .3em 0.5em; margin: 0.1em;`,pendingeditModifier:`color: #bbb;`,personaBarStyle:`width: 100%; height: 4em; background-color: #eee; vertical-align: middle;`,searchInputStyle:`border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;`,autocompleteRowStyle:`border: 0.2em solid straw;`,signInAndUpButtonStyle:`padding: 1em; border-radius:0.2em; font-size: 100%;`,headerBannerLoginInput:`margin: 0.75em 0 0.75em 0.5em !important; padding: 0.5em !important;`,signUpBackground:`background-color: #eef;`,signInBackground:`background-color: #efe;`,heading1Style:`font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;`,heading2Style:`font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;`,heading3Style:`font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;`,heading4Style:`font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;`,formHeadingStyle:`font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;`,formTextInput:`font-size: 100%; margin: 0.1em; padding: 0.1em;`,formGroupStyle:[`padding-left: 0em; border: 0.0em solid ${e.default.formBorderColor}; border-radius: 0.2em;`,`padding-left: 2em; border: 0.05em solid ${e.default.formBorderColor}; border-radius: 0.2em;`,`padding-left: 2em; border: 0.1em solid ${e.default.formBorderColor}; border-radius: 0.2em;`,`padding-left: 2em; border: 0.2em solid ${e.default.formBorderColor}; border-radius: 0.2em;`],formFieldLabelStyle:`color: ${e.default.lowProfileLinkColor}; text-decoration: none;`,formFieldNameBoxStyle:`padding: 0.3em; vertical-align: middle; width:${e.default.formFieldNameBoxWidth};`,multilineTextInputStyle:`font-size:100%; white-space: pre-wrap; background-color: #eef; border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;`,renderAsDivStyle:`display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;`,imageDivStyle:`width:2.5em; padding:0.5em; height: 2.5em;`,linkDivStyle:`width:2em; padding:0.5em; height: 4em;`,aclControlBoxContainer:`margin: 1em;`,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: 1em; width: 100%;`,accessGroupListItem:`display: grid; grid-template-columns: 100px auto 30%;`,defaultsController:`display: flex;`,defaultsControllerNotice:`color: #888; flexGrow: 1; fontSize: 80%;`,bigButton:`background-color: white; color: black; text-wrap: pretty; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;`,group:`color: #888;`,group1:`color: green;`,group2:`color: #cc0;`,group3:`color: orange;`,group5:`color: red;`,group9:`color: blue;`,group13:`color: purple;`,trustedAppAddApplicationsTable:`background-color: #eee;`,trustedAppCancelButton:`float: right;`,trustedAppControllerI:`border-color: orange; border-radius: 1em; border-width: 0.1em;`,temporaryStatusInit:`background: green;`,temporaryStatusEnd:`background: transparent; transition: background 5s linear;`,headerUserMenuLink:`background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none;`,headerUserMenuLinkHover:`background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);`,headerUserMenuTrigger:`background: none; border: 0; cursor: pointer; width: 60px; height: 60px;`,headerUserMenuTriggerImg:`border-radius: 50%; height: 56px; width: 28px !important;`,headerUserMenuButton:`background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%;`,headerUserMenuButtonHover:`background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; background-image: 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: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: true;`,headerUserMenuNavigationMenuNotDisplayed:`background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: none;`,headerUserMenuListItem:`border-bottom: solid 1px #000000;`,headerUserMenuPhoto:`border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;`,headerBanner:`box-shadow: 0px 1px 4px #000000; display: flex; justify-content: space-between; padding: 0 1.5em; margin-bottom: 4px;`,headerBannerLink:`display: block;`,headerBannerRightMenu:`display: flex;`,headerBannerLogin:`margin-left: auto;`,allChildrenVisible:`display:true;`,headerBannerUserMenu:`border-left: solid 1px #000000; margin-left: auto;`,headerBannerHelpMenu:`border-left: solid 1px #000000; margin-left: auto;`,headerBannerIcon:`background-size: 65px 60px !important; height: 60px !important; width: 65px !important;`,footer:`border-top: solid 1px $divider-color; font-size: 0.9em; padding: 0.5em 1.5em;`,primaryButton:`background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;`,primaryButtonHover:`background-color: #9f7dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;`,primaryButtonNoBorder:`background-color: #ffffff; color: #7c4dff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;`,primaryButtonNoBorderHover:`background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;`,secondaryButton:`background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;`,secondaryButtonHover:`background-color: #37cde6; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;`,secondaryButtonNoBorder:`background-color: #ffffff; color: #01c9ea; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;`,secondaryButtonNoBorderHover:`background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;`,controlStyle:`border-radius: 0.5em; margin: 0.8em; width:${e.default.mediaModuleCanvasWidth}; height:${e.default.mediaModuleCanvasHeight};`,dragEvent:`background-color: #ccc; border: 0.25em dashed black; border-radius: 0.3em;`,dropEvent:`background-color: white; border: 0em solid black;`,restoreStyle:`background-color: white;`,errorCancelButton:`width: 2em; height: 2em; align: right;`,errorMessageBlockStyle:`margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;`,notepadStyle:`padding: 1em; overflow: auto; resize: horizontal; min-width: 40em;`,upstreamStatus:`width: 50%;`,downstreamStatus:`width: 50%;`,baseStyle:`font-size: 100%; font-family: monospace; width: 100%; border: none; white-space: pre-wrap;`,headingCore:`font-family: sans-serif; font-weight: bold;  border: none;`,headingStyle:[`font-size: 110%; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%;`,`font-size: 120%; padding-top: 1em; padding-bottom: 1em; width: 100%;`,`font-size: 150%; padding-top: 1em; padding-bottom: 1em; width: 100%;`],participantsStyle:`margin: 0.8em;`,participantsBlock:`height: 1.5em; width: 1.5em; margin: 0.3em; border 0.01em solid #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;`};t.setStyle=function(e,n){e.style=t[n]},exports.style=t;
 //# sourceMappingURL=style.cjs.js.map

package/dist/lib/style.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.cjs.js","names":["styleConstants"],"sources":["../../src/lib/style.js"],"sourcesContent":["// Common readable consistent stylesheet\n// to avoid using style sheets which are document-global\n// and make programmable style toggling with selection, drag over, etc easier\n// These must all end with semicolon so they can be appended to.\n\nimport styleConstants from './styleConstants'\n\nexport const style = { // styleModule\n\n  checkboxStyle: 'color: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;',\n  checkboxInputStyle: 'font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em;',\n\n  fieldLabelStyle: 'color: #3B5998; text-decoration: none;',\n  formSelectStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyleUneditable: // Color difference only\n    'background-color: white; padding: 0.5em;  border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  buttonStyle:\n      'background-color: #fff; padding: 0.7em;  border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;', // 'background-color: #eef;\n  commentStyle: 'padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;',\n  iconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;',\n  smallButtonStyle: 'margin: 0.2em; width: 1em; height:1em;',\n  classIconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;', // combine with buttonStyle\n  confirmPopupStyle: 'padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;',\n  messageBodyStyle:\n    'white-space: pre-wrap; width: 99%; font-size:100%; border: 0.07em solid #eee; border-radius:0.2em; padding: .3em 0.5em; margin: 0.1em;',\n  pendingeditModifier: 'color: #bbb;',\n\n  // Contacts\n  personaBarStyle: 'width: 100%; height: 4em; background-color: #eee; vertical-align: middle;',\n  searchInputStyle: 'border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;',\n  autocompleteRowStyle: 'border: 0.2em solid straw;',\n\n  // Login buttons\n  signInAndUpButtonStyle: 'padding: 1em; border-radius:0.2em; font-size: 100%;', // was 0.5em radius\n  headerBannerLoginInput: 'margin: 0.75em 0 0.75em 0.5em !important; padding: 0.5em !important;',\n  signUpBackground: 'background-color: #eef;',\n  signInBackground: 'background-color: #efe;',\n\n  // Forms\n  heading1Style: 'font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;', // originally was brown; now grey\n  heading2Style: 'font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;', // originally was brown; now grey\n  heading3Style: 'font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;', // For example, in large forms or before a small form\n  heading4Style: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;', // Lowest level used by default in small things\n\n  formHeadingStyle: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;', // originally was brown; now grey\n  formTextInput: 'font-size: 100%; margin: 0.1em; padding: 0.1em;', // originally used this\n  formGroupStyle: [`padding-left: 0em; border: 0.0em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`, // weight 0\n    `padding-left: 2em; border: 0.05em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.1em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.2em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;` // @@ pink\n  ],\n\n  formFieldLabelStyle: `color: ${styleConstants.lowProfileLinkColor}; text-decoration: none;`,\n  formFieldNameBoxStyle: `padding: 0.3em; vertical-align: middle; width:${styleConstants.formFieldNameBoxWidth};`,\n  multilineTextInputStyle: 'font-size:100%; white-space: pre-wrap; background-color: #eef;' +\n  ' border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;',\n\n  // Buttons\n  renderAsDivStyle: 'display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;',\n  imageDivStyle: 'width:2.5em; padding:0.5em; height: 2.5em;',\n  linkDivStyle: 'width:2em; padding:0.5em; height: 4em;',\n\n  // ACL\n  aclControlBoxContainer: 'margin: 1em;',\n  aclControlBoxHeader: 'font-size: 120%; margin: 0 0 1rem;',\n  aclControlBoxStatus: 'display: none; margin: 1rem 0;',\n  aclControlBoxStatusRevealed: 'display: block;',\n  aclGroupContent: 'maxWidth: 650;',\n  accessGroupList: 'display: grid; grid-template-columns: 1fr; margin: 1em; width: 100%;',\n  accessGroupListItem: 'display: grid; grid-template-columns: 100px auto 30%;',\n  defaultsController: 'display: flex;',\n  defaultsControllerNotice: 'color: #888; flexGrow: 1; fontSize: 80%;',\n  bigButton: 'background-color: white; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;',\n  group: 'color: #888;',\n  group1: 'color: green;',\n  group2: 'color: #cc0;',\n  group3: 'color: orange;',\n  group5: 'color: red;',\n  group9: 'color: blue;',\n  group13: 'color: purple;',\n\n  trustedAppAddApplicationsTable: 'background-color: #eee;',\n  trustedAppCancelButton: 'float: right;',\n  trustedAppControllerI: 'border-color: orange; border-radius: 1em; border-width: 0.1em;',\n  temporaryStatusInit: 'background: green;',\n  temporaryStatusEnd: 'background: transparent; transition: background 5s linear;',\n\n  // header\n  headerUserMenuLink: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none;',\n  headerUserMenuLinkHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuTrigger: 'background: none; border: 0; cursor: pointer; width: 60px; height: 60px;',\n  headerUserMenuTriggerImg: 'border-radius: 50%; height: 56px; width: 28px !important;',\n  headerUserMenuButton: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%;',\n  headerUserMenuButtonHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuList: 'list-style: none; margin: 0; padding: 0;',\n  headerUserMenuListDisplay: 'list-style: none; margin: 0; padding: 0; display:true;',\n  headerUserMenuNavigationMenu: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: true;',\n  headerUserMenuNavigationMenuNotDisplayed: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: none;',\n  headerUserMenuListItem: 'border-bottom: solid 1px #000000;',\n  headerUserMenuPhoto: 'border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;',\n  headerBanner: 'box-shadow: 0px 1px 4px #000000; display: flex; justify-content: space-between; padding: 0 1.5em; margin-bottom: 4px;',\n  headerBannerLink: 'display: block;',\n  headerBannerRightMenu: 'display: flex;',\n  headerBannerLogin: 'margin-left: auto;',\n  allChildrenVisible: 'display:true;',\n  headerBannerUserMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerHelpMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerIcon: 'background-size: 65px 60px !important; height: 60px !important; width: 65px !important;', // may just be 65px round($icon-size * 352 / 322);\n\n  // footer\n  footer: 'border-top: solid 1px $divider-color; font-size: 0.9em; padding: 0.5em 1.5em;',\n\n  // buttons\n  primaryButton: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonHover: 'background-color: #9f7dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  primaryButtonNoBorder: 'background-color: #ffffff; color: #7c4dff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonNoBorderHover: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButton: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonHover: 'background-color: #37cde6; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButtonNoBorder: 'background-color: #ffffff; color: #01c9ea; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonNoBorderHover: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n\n  // media\n  controlStyle: `border-radius: 0.5em; margin: 0.8em; width:${styleConstants.mediaModuleCanvasWidth}; height:${styleConstants.mediaModuleCanvasHeight};`,\n\n  // dragAndDrop\n  dragEvent: 'background-color: #ccc; border: 0.25em dashed black; border-radius: 0.3em;',\n  dropEvent: 'background-color: white; border: 0em solid black;',\n  restoreStyle: 'background-color: white;',\n\n  // errors\n  errorCancelButton: 'width: 2em; height: 2em; align: right;',\n  errorMessageBlockStyle: 'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;',\n\n  // pad\n  notepadStyle: 'padding: 1em; overflow: auto; resize: horizontal; min-width: 40em;',\n  upstreamStatus: 'width: 50%;',\n  downstreamStatus: 'width: 50%;',\n  baseStyle: 'font-size: 100%; font-family: monospace; width: 100%; border: none; white-space: pre-wrap;',\n  headingCore: 'font-family: sans-serif; font-weight: bold;  border: none;',\n  headingStyle: [\n    'font-size: 110%; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%;',\n    'font-size: 120%; padding-top: 1em; padding-bottom: 1em; width: 100%;',\n    'font-size: 150%; padding-top: 1em; padding-bottom: 1em; width: 100%;'\n  ],\n\n  // participation\n  participantsStyle: 'margin: 0.8em;',\n  participantsBlock: 'height: 1.5em; width: 1.5em; margin: 0.3em; border 0.01em solid #888;',\n  personTableTD: 'vertical-align: middle;',\n\n  // tabs\n  tabsNavElement: 'margin: 0;',\n  tabsRootElement: 'display: flex; height: 100%; width: 100%;',\n  tabsMainElement: 'margin: 0; width:100%; height: 100%;',\n  tabContainer: 'list-style-type: none; display: flex; height: 100%; width: 100%; margin: 0; padding: 0;',\n  makeNewSlot: 'background: none; border: none; font: inherit; cursor: pointer;',\n  ellipsis: 'position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;'\n\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n"],"mappings":"2CAOA,IAAa,EAAQ,CAEnB,cAAe,8EACf,mBAAoB,4GAEpB,gBAAiB,yCACjB,gBACE,yHACF,eACE,yHACF,yBACE,2HACF,YACI,2HACJ,aAAc,yEACd,UAAW,8DACX,iBAAkB,yCAClB,eAAgB,mIAChB,kBAAmB,2HACnB,iBACE,yIACF,oBAAqB,eAGrB,gBAAiB,4EACjB,iBAAkB,oHAClB,qBAAsB,6BAGtB,uBAAwB,sDACxB,uBAAwB,uEACxB,iBAAkB,0BAClB,iBAAkB,0BAGlB,cAAe,0FACf,cAAe,2FACf,cAAe,2FACf,cAAe,2FAEf,iBAAkB,4FAClB,cAAe,kDACf,eAAgB,CAAC,0CAA0CA,EAAAA,QAAe,gBAAgB,yBACxF,2CAA2CA,EAAAA,QAAe,gBAAgB,yBAC1E,0CAA0CA,EAAAA,QAAe,gBAAgB,yBACzE,0CAA0CA,EAAAA,QAAe,gBAAgB,wBAC3E,EAEA,oBAAqB,UAAUA,EAAAA,QAAe,oBAAoB,0BAClE,sBAAuB,iDAAiDA,EAAAA,QAAe,sBAAsB,GAC7G,wBAAyB,iIAIzB,iBAAkB,mGAClB,cAAe,6CACf,aAAc,yCAGd,uBAAwB,eACxB,oBAAqB,qCACrB,oBAAqB,iCACrB,4BAA6B,kBAC7B,gBAAiB,iBACjB,gBAAiB,uEACjB,oBAAqB,wDACrB,mBAAoB,iBACpB,yBAA0B,2CAC1B,UAAW,kIACX,MAAO,eACP,OAAQ,gBACR,OAAQ,eACR,OAAQ,iBACR,OAAQ,cACR,OAAQ,eACR,QAAS,iBAET,+BAAgC,0BAChC,uBAAwB,gBACxB,sBAAuB,iEACvB,oBAAqB,qBACrB,mBAAoB,6DAGpB,mBAAoB,uLACpB,wBAAyB,2QACzB,sBAAuB,2EACvB,yBAA0B,4DAC1B,qBAAsB,+JACtB,0BAA2B,mPAC3B,mBAAoB,2CACpB,0BAA2B,yDAC3B,6BAA8B,mJAC9B,yCAA0C,mJAC1C,uBAAwB,oCACxB,oBAAqB,oIACrB,aAAc,wHACd,iBAAkB,kBAClB,sBAAuB,iBACvB,kBAAmB,qBACnB,mBAAoB,gBACpB,qBAAsB,qDACtB,qBAAsB,qDACtB,iBAAkB,0FAGlB,OAAQ,gFAGR,cAAe,uRACf,mBAAoB,yTACpB,sBAAuB,sRACvB,2BAA4B,0TAC5B,gBAAiB,sRACjB,qBAAsB,yTACtB,wBAAyB,uRACzB,6BAA8B,0TAG9B,aAAc,8CAA8CA,EAAAA,QAAe,uBAAuB,WAAWA,EAAAA,QAAe,wBAAwB,GAGpJ,UAAW,6EACX,UAAW,oDACX,aAAc,2BAGd,kBAAmB,yCACnB,uBAAwB,yEAGxB,aAAc,qEACd,eAAgB,cAChB,iBAAkB,cAClB,UAAW,6FACX,YAAa,6DACb,aAAc,CACZ,2EACA,uEACA,sEACF,EAGA,kBAAmB,iBACnB,kBAAmB,wEACnB,cAAe,0BAGf,eAAgB,aAChB,gBAAiB,4CACjB,gBAAiB,uCACjB,aAAc,0FACd,YAAa,kEACb,SAAU,oKAEZ,EAEA,EAAM,SAAW,SAAmB,EAAK,EAAW,CAClD,EAAI,MAAQ,EAAM,EACpB"}
+{"version":3,"file":"style.cjs.js","names":["styleConstants"],"sources":["../../src/lib/style.js"],"sourcesContent":["// Common readable consistent stylesheet\n// to avoid using style sheets which are document-global\n// and make programmable style toggling with selection, drag over, etc easier\n// These must all end with semicolon so they can be appended to.\n\nimport styleConstants from './styleConstants'\n\nexport const style = { // styleModule\n\n  checkboxStyle: 'color: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;',\n  checkboxInputStyle: 'font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em;',\n\n  fieldLabelStyle: 'color: #3B5998; text-decoration: none;',\n  formSelectStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyleUneditable: // Color difference only\n    'background-color: white; padding: 0.5em;  border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  buttonStyle:\n      'background-color: #fff; padding: 0.7em;  border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;', // 'background-color: #eef;\n  commentStyle: 'padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;',\n  iconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;',\n  smallButtonStyle: 'margin: 0.2em; width: 1em; height:1em;',\n  classIconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;', // combine with buttonStyle\n  confirmPopupStyle: 'padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;',\n  messageBodyStyle:\n    'white-space: pre-wrap; width: 99%; font-size:100%; border: 0.07em solid #eee; border-radius:0.2em; padding: .3em 0.5em; margin: 0.1em;',\n  pendingeditModifier: 'color: #bbb;',\n\n  // Contacts\n  personaBarStyle: 'width: 100%; height: 4em; background-color: #eee; vertical-align: middle;',\n  searchInputStyle: 'border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;',\n  autocompleteRowStyle: 'border: 0.2em solid straw;',\n\n  // Login buttons\n  signInAndUpButtonStyle: 'padding: 1em; border-radius:0.2em; font-size: 100%;', // was 0.5em radius\n  headerBannerLoginInput: 'margin: 0.75em 0 0.75em 0.5em !important; padding: 0.5em !important;',\n  signUpBackground: 'background-color: #eef;',\n  signInBackground: 'background-color: #efe;',\n\n  // Forms\n  heading1Style: 'font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;', // originally was brown; now grey\n  heading2Style: 'font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;', // originally was brown; now grey\n  heading3Style: 'font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;', // For example, in large forms or before a small form\n  heading4Style: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;', // Lowest level used by default in small things\n\n  formHeadingStyle: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;', // originally was brown; now grey\n  formTextInput: 'font-size: 100%; margin: 0.1em; padding: 0.1em;', // originally used this\n  formGroupStyle: [`padding-left: 0em; border: 0.0em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`, // weight 0\n    `padding-left: 2em; border: 0.05em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.1em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.2em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;` // @@ pink\n  ],\n\n  formFieldLabelStyle: `color: ${styleConstants.lowProfileLinkColor}; text-decoration: none;`,\n  formFieldNameBoxStyle: `padding: 0.3em; vertical-align: middle; width:${styleConstants.formFieldNameBoxWidth};`,\n  multilineTextInputStyle: 'font-size:100%; white-space: pre-wrap; background-color: #eef;' +\n  ' border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;',\n\n  // Buttons\n  renderAsDivStyle: 'display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;',\n  imageDivStyle: 'width:2.5em; padding:0.5em; height: 2.5em;',\n  linkDivStyle: 'width:2em; padding:0.5em; height: 4em;',\n\n  // ACL\n  aclControlBoxContainer: 'margin: 1em;',\n  aclControlBoxHeader: 'font-size: 120%; margin: 0 0 1rem;',\n  aclControlBoxStatus: 'display: none; margin: 1rem 0;',\n  aclControlBoxStatusRevealed: 'display: block;',\n  aclGroupContent: 'maxWidth: 650;',\n  accessGroupList: 'display: grid; grid-template-columns: 1fr; margin: 1em; width: 100%;',\n  accessGroupListItem: 'display: grid; grid-template-columns: 100px auto 30%;',\n  defaultsController: 'display: flex;',\n  defaultsControllerNotice: 'color: #888; flexGrow: 1; fontSize: 80%;',\n  bigButton: 'background-color: white; color: black; text-wrap: pretty; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;',\n  group: 'color: #888;',\n  group1: 'color: green;',\n  group2: 'color: #cc0;',\n  group3: 'color: orange;',\n  group5: 'color: red;',\n  group9: 'color: blue;',\n  group13: 'color: purple;',\n\n  trustedAppAddApplicationsTable: 'background-color: #eee;',\n  trustedAppCancelButton: 'float: right;',\n  trustedAppControllerI: 'border-color: orange; border-radius: 1em; border-width: 0.1em;',\n  temporaryStatusInit: 'background: green;',\n  temporaryStatusEnd: 'background: transparent; transition: background 5s linear;',\n\n  // header\n  headerUserMenuLink: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none;',\n  headerUserMenuLinkHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuTrigger: 'background: none; border: 0; cursor: pointer; width: 60px; height: 60px;',\n  headerUserMenuTriggerImg: 'border-radius: 50%; height: 56px; width: 28px !important;',\n  headerUserMenuButton: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%;',\n  headerUserMenuButtonHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuList: 'list-style: none; margin: 0; padding: 0;',\n  headerUserMenuListDisplay: 'list-style: none; margin: 0; padding: 0; display:true;',\n  headerUserMenuNavigationMenu: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: true;',\n  headerUserMenuNavigationMenuNotDisplayed: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: none;',\n  headerUserMenuListItem: 'border-bottom: solid 1px #000000;',\n  headerUserMenuPhoto: 'border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;',\n  headerBanner: 'box-shadow: 0px 1px 4px #000000; display: flex; justify-content: space-between; padding: 0 1.5em; margin-bottom: 4px;',\n  headerBannerLink: 'display: block;',\n  headerBannerRightMenu: 'display: flex;',\n  headerBannerLogin: 'margin-left: auto;',\n  allChildrenVisible: 'display:true;',\n  headerBannerUserMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerHelpMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerIcon: 'background-size: 65px 60px !important; height: 60px !important; width: 65px !important;', // may just be 65px round($icon-size * 352 / 322);\n\n  // footer\n  footer: 'border-top: solid 1px $divider-color; font-size: 0.9em; padding: 0.5em 1.5em;',\n\n  // buttons\n  primaryButton: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonHover: 'background-color: #9f7dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  primaryButtonNoBorder: 'background-color: #ffffff; color: #7c4dff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonNoBorderHover: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButton: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonHover: 'background-color: #37cde6; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButtonNoBorder: 'background-color: #ffffff; color: #01c9ea; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonNoBorderHover: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n\n  // media\n  controlStyle: `border-radius: 0.5em; margin: 0.8em; width:${styleConstants.mediaModuleCanvasWidth}; height:${styleConstants.mediaModuleCanvasHeight};`,\n\n  // dragAndDrop\n  dragEvent: 'background-color: #ccc; border: 0.25em dashed black; border-radius: 0.3em;',\n  dropEvent: 'background-color: white; border: 0em solid black;',\n  restoreStyle: 'background-color: white;',\n\n  // errors\n  errorCancelButton: 'width: 2em; height: 2em; align: right;',\n  errorMessageBlockStyle: 'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;',\n\n  // pad\n  notepadStyle: 'padding: 1em; overflow: auto; resize: horizontal; min-width: 40em;',\n  upstreamStatus: 'width: 50%;',\n  downstreamStatus: 'width: 50%;',\n  baseStyle: 'font-size: 100%; font-family: monospace; width: 100%; border: none; white-space: pre-wrap;',\n  headingCore: 'font-family: sans-serif; font-weight: bold;  border: none;',\n  headingStyle: [\n    'font-size: 110%; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%;',\n    'font-size: 120%; padding-top: 1em; padding-bottom: 1em; width: 100%;',\n    'font-size: 150%; padding-top: 1em; padding-bottom: 1em; width: 100%;'\n  ],\n\n  // participation\n  participantsStyle: 'margin: 0.8em;',\n  participantsBlock: 'height: 1.5em; width: 1.5em; margin: 0.3em; border 0.01em solid #888;',\n  personTableTD: 'vertical-align: middle;',\n\n  // tabs\n  tabsNavElement: 'margin: 0;',\n  tabsRootElement: 'display: flex; height: 100%; width: 100%;',\n  tabsMainElement: 'margin: 0; width:100%; height: 100%;',\n  tabContainer: 'list-style-type: none; display: flex; height: 100%; width: 100%; margin: 0; padding: 0;',\n  makeNewSlot: 'background: none; border: none; font: inherit; cursor: pointer;',\n  ellipsis: 'position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;'\n\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n"],"mappings":"2CAOA,IAAa,EAAQ,CAEnB,cAAe,8EACf,mBAAoB,4GAEpB,gBAAiB,yCACjB,gBACE,yHACF,eACE,yHACF,yBACE,2HACF,YACI,2HACJ,aAAc,yEACd,UAAW,8DACX,iBAAkB,yCAClB,eAAgB,mIAChB,kBAAmB,2HACnB,iBACE,yIACF,oBAAqB,eAGrB,gBAAiB,4EACjB,iBAAkB,oHAClB,qBAAsB,6BAGtB,uBAAwB,sDACxB,uBAAwB,uEACxB,iBAAkB,0BAClB,iBAAkB,0BAGlB,cAAe,0FACf,cAAe,2FACf,cAAe,2FACf,cAAe,2FAEf,iBAAkB,4FAClB,cAAe,kDACf,eAAgB,CAAC,0CAA0CA,EAAAA,QAAe,gBAAgB,yBACxF,2CAA2CA,EAAAA,QAAe,gBAAgB,yBAC1E,0CAA0CA,EAAAA,QAAe,gBAAgB,yBACzE,0CAA0CA,EAAAA,QAAe,gBAAgB,wBAC3E,EAEA,oBAAqB,UAAUA,EAAAA,QAAe,oBAAoB,0BAClE,sBAAuB,iDAAiDA,EAAAA,QAAe,sBAAsB,GAC7G,wBAAyB,iIAIzB,iBAAkB,mGAClB,cAAe,6CACf,aAAc,yCAGd,uBAAwB,eACxB,oBAAqB,qCACrB,oBAAqB,iCACrB,4BAA6B,kBAC7B,gBAAiB,iBACjB,gBAAiB,uEACjB,oBAAqB,wDACrB,mBAAoB,iBACpB,yBAA0B,2CAC1B,UAAW,mKACX,MAAO,eACP,OAAQ,gBACR,OAAQ,eACR,OAAQ,iBACR,OAAQ,cACR,OAAQ,eACR,QAAS,iBAET,+BAAgC,0BAChC,uBAAwB,gBACxB,sBAAuB,iEACvB,oBAAqB,qBACrB,mBAAoB,6DAGpB,mBAAoB,uLACpB,wBAAyB,2QACzB,sBAAuB,2EACvB,yBAA0B,4DAC1B,qBAAsB,+JACtB,0BAA2B,mPAC3B,mBAAoB,2CACpB,0BAA2B,yDAC3B,6BAA8B,mJAC9B,yCAA0C,mJAC1C,uBAAwB,oCACxB,oBAAqB,oIACrB,aAAc,wHACd,iBAAkB,kBAClB,sBAAuB,iBACvB,kBAAmB,qBACnB,mBAAoB,gBACpB,qBAAsB,qDACtB,qBAAsB,qDACtB,iBAAkB,0FAGlB,OAAQ,gFAGR,cAAe,uRACf,mBAAoB,yTACpB,sBAAuB,sRACvB,2BAA4B,0TAC5B,gBAAiB,sRACjB,qBAAsB,yTACtB,wBAAyB,uRACzB,6BAA8B,0TAG9B,aAAc,8CAA8CA,EAAAA,QAAe,uBAAuB,WAAWA,EAAAA,QAAe,wBAAwB,GAGpJ,UAAW,6EACX,UAAW,oDACX,aAAc,2BAGd,kBAAmB,yCACnB,uBAAwB,yEAGxB,aAAc,qEACd,eAAgB,cAChB,iBAAkB,cAClB,UAAW,6FACX,YAAa,6DACb,aAAc,CACZ,2EACA,uEACA,sEACF,EAGA,kBAAmB,iBACnB,kBAAmB,wEACnB,cAAe,0BAGf,eAAgB,aAChB,gBAAiB,4CACjB,gBAAiB,uCACjB,aAAc,0FACd,YAAa,kEACb,SAAU,oKAEZ,EAEA,EAAM,SAAW,SAAmB,EAAK,EAAW,CAClD,EAAI,MAAQ,EAAM,EACpB"}

package/dist/lib/style.esm.js

@@ -49,7 +49,7 @@ var t = {
 	accessGroupListItem: "display: grid; grid-template-columns: 100px auto 30%;",
 	defaultsController: "display: flex;",
 	defaultsControllerNotice: "color: #888; flexGrow: 1; fontSize: 80%;",
-	bigButton: "background-color: white; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;",
+	bigButton: "background-color: white; color: black; text-wrap: pretty; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;",
 	group: "color: #888;",
 	group1: "color: green;",
 	group2: "color: #cc0;",

package/dist/lib/style.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.esm.js","names":["styleConstants"],"sources":["../../src/lib/style.js"],"sourcesContent":["// Common readable consistent stylesheet\n// to avoid using style sheets which are document-global\n// and make programmable style toggling with selection, drag over, etc easier\n// These must all end with semicolon so they can be appended to.\n\nimport styleConstants from './styleConstants'\n\nexport const style = { // styleModule\n\n  checkboxStyle: 'color: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;',\n  checkboxInputStyle: 'font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em;',\n\n  fieldLabelStyle: 'color: #3B5998; text-decoration: none;',\n  formSelectStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyleUneditable: // Color difference only\n    'background-color: white; padding: 0.5em;  border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  buttonStyle:\n      'background-color: #fff; padding: 0.7em;  border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;', // 'background-color: #eef;\n  commentStyle: 'padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;',\n  iconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;',\n  smallButtonStyle: 'margin: 0.2em; width: 1em; height:1em;',\n  classIconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;', // combine with buttonStyle\n  confirmPopupStyle: 'padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;',\n  messageBodyStyle:\n    'white-space: pre-wrap; width: 99%; font-size:100%; border: 0.07em solid #eee; border-radius:0.2em; padding: .3em 0.5em; margin: 0.1em;',\n  pendingeditModifier: 'color: #bbb;',\n\n  // Contacts\n  personaBarStyle: 'width: 100%; height: 4em; background-color: #eee; vertical-align: middle;',\n  searchInputStyle: 'border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;',\n  autocompleteRowStyle: 'border: 0.2em solid straw;',\n\n  // Login buttons\n  signInAndUpButtonStyle: 'padding: 1em; border-radius:0.2em; font-size: 100%;', // was 0.5em radius\n  headerBannerLoginInput: 'margin: 0.75em 0 0.75em 0.5em !important; padding: 0.5em !important;',\n  signUpBackground: 'background-color: #eef;',\n  signInBackground: 'background-color: #efe;',\n\n  // Forms\n  heading1Style: 'font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;', // originally was brown; now grey\n  heading2Style: 'font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;', // originally was brown; now grey\n  heading3Style: 'font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;', // For example, in large forms or before a small form\n  heading4Style: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;', // Lowest level used by default in small things\n\n  formHeadingStyle: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;', // originally was brown; now grey\n  formTextInput: 'font-size: 100%; margin: 0.1em; padding: 0.1em;', // originally used this\n  formGroupStyle: [`padding-left: 0em; border: 0.0em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`, // weight 0\n    `padding-left: 2em; border: 0.05em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.1em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.2em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;` // @@ pink\n  ],\n\n  formFieldLabelStyle: `color: ${styleConstants.lowProfileLinkColor}; text-decoration: none;`,\n  formFieldNameBoxStyle: `padding: 0.3em; vertical-align: middle; width:${styleConstants.formFieldNameBoxWidth};`,\n  multilineTextInputStyle: 'font-size:100%; white-space: pre-wrap; background-color: #eef;' +\n  ' border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;',\n\n  // Buttons\n  renderAsDivStyle: 'display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;',\n  imageDivStyle: 'width:2.5em; padding:0.5em; height: 2.5em;',\n  linkDivStyle: 'width:2em; padding:0.5em; height: 4em;',\n\n  // ACL\n  aclControlBoxContainer: 'margin: 1em;',\n  aclControlBoxHeader: 'font-size: 120%; margin: 0 0 1rem;',\n  aclControlBoxStatus: 'display: none; margin: 1rem 0;',\n  aclControlBoxStatusRevealed: 'display: block;',\n  aclGroupContent: 'maxWidth: 650;',\n  accessGroupList: 'display: grid; grid-template-columns: 1fr; margin: 1em; width: 100%;',\n  accessGroupListItem: 'display: grid; grid-template-columns: 100px auto 30%;',\n  defaultsController: 'display: flex;',\n  defaultsControllerNotice: 'color: #888; flexGrow: 1; fontSize: 80%;',\n  bigButton: 'background-color: white; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;',\n  group: 'color: #888;',\n  group1: 'color: green;',\n  group2: 'color: #cc0;',\n  group3: 'color: orange;',\n  group5: 'color: red;',\n  group9: 'color: blue;',\n  group13: 'color: purple;',\n\n  trustedAppAddApplicationsTable: 'background-color: #eee;',\n  trustedAppCancelButton: 'float: right;',\n  trustedAppControllerI: 'border-color: orange; border-radius: 1em; border-width: 0.1em;',\n  temporaryStatusInit: 'background: green;',\n  temporaryStatusEnd: 'background: transparent; transition: background 5s linear;',\n\n  // header\n  headerUserMenuLink: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none;',\n  headerUserMenuLinkHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuTrigger: 'background: none; border: 0; cursor: pointer; width: 60px; height: 60px;',\n  headerUserMenuTriggerImg: 'border-radius: 50%; height: 56px; width: 28px !important;',\n  headerUserMenuButton: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%;',\n  headerUserMenuButtonHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuList: 'list-style: none; margin: 0; padding: 0;',\n  headerUserMenuListDisplay: 'list-style: none; margin: 0; padding: 0; display:true;',\n  headerUserMenuNavigationMenu: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: true;',\n  headerUserMenuNavigationMenuNotDisplayed: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: none;',\n  headerUserMenuListItem: 'border-bottom: solid 1px #000000;',\n  headerUserMenuPhoto: 'border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;',\n  headerBanner: 'box-shadow: 0px 1px 4px #000000; display: flex; justify-content: space-between; padding: 0 1.5em; margin-bottom: 4px;',\n  headerBannerLink: 'display: block;',\n  headerBannerRightMenu: 'display: flex;',\n  headerBannerLogin: 'margin-left: auto;',\n  allChildrenVisible: 'display:true;',\n  headerBannerUserMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerHelpMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerIcon: 'background-size: 65px 60px !important; height: 60px !important; width: 65px !important;', // may just be 65px round($icon-size * 352 / 322);\n\n  // footer\n  footer: 'border-top: solid 1px $divider-color; font-size: 0.9em; padding: 0.5em 1.5em;',\n\n  // buttons\n  primaryButton: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonHover: 'background-color: #9f7dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  primaryButtonNoBorder: 'background-color: #ffffff; color: #7c4dff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonNoBorderHover: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButton: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonHover: 'background-color: #37cde6; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButtonNoBorder: 'background-color: #ffffff; color: #01c9ea; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonNoBorderHover: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n\n  // media\n  controlStyle: `border-radius: 0.5em; margin: 0.8em; width:${styleConstants.mediaModuleCanvasWidth}; height:${styleConstants.mediaModuleCanvasHeight};`,\n\n  // dragAndDrop\n  dragEvent: 'background-color: #ccc; border: 0.25em dashed black; border-radius: 0.3em;',\n  dropEvent: 'background-color: white; border: 0em solid black;',\n  restoreStyle: 'background-color: white;',\n\n  // errors\n  errorCancelButton: 'width: 2em; height: 2em; align: right;',\n  errorMessageBlockStyle: 'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;',\n\n  // pad\n  notepadStyle: 'padding: 1em; overflow: auto; resize: horizontal; min-width: 40em;',\n  upstreamStatus: 'width: 50%;',\n  downstreamStatus: 'width: 50%;',\n  baseStyle: 'font-size: 100%; font-family: monospace; width: 100%; border: none; white-space: pre-wrap;',\n  headingCore: 'font-family: sans-serif; font-weight: bold;  border: none;',\n  headingStyle: [\n    'font-size: 110%; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%;',\n    'font-size: 120%; padding-top: 1em; padding-bottom: 1em; width: 100%;',\n    'font-size: 150%; padding-top: 1em; padding-bottom: 1em; width: 100%;'\n  ],\n\n  // participation\n  participantsStyle: 'margin: 0.8em;',\n  participantsBlock: 'height: 1.5em; width: 1.5em; margin: 0.3em; border 0.01em solid #888;',\n  personTableTD: 'vertical-align: middle;',\n\n  // tabs\n  tabsNavElement: 'margin: 0;',\n  tabsRootElement: 'display: flex; height: 100%; width: 100%;',\n  tabsMainElement: 'margin: 0; width:100%; height: 100%;',\n  tabContainer: 'list-style-type: none; display: flex; height: 100%; width: 100%; margin: 0; padding: 0;',\n  makeNewSlot: 'background: none; border: none; font: inherit; cursor: pointer;',\n  ellipsis: 'position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;'\n\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n"],"mappings":";;AAOA,IAAa,IAAQ;CAEnB,eAAe;CACf,oBAAoB;CAEpB,iBAAiB;CACjB,iBACE;CACF,gBACE;CACF,0BACE;CACF,aACI;CACJ,cAAc;CACd,WAAW;CACX,kBAAkB;CAClB,gBAAgB;CAChB,mBAAmB;CACnB,kBACE;CACF,qBAAqB;CAGrB,iBAAiB;CACjB,kBAAkB;CAClB,sBAAsB;CAGtB,wBAAwB;CACxB,wBAAwB;CACxB,kBAAkB;CAClB,kBAAkB;CAGlB,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CAEf,kBAAkB;CAClB,eAAe;CACf,gBAAgB;EAAC,0CAA0CA,EAAe,gBAAgB;EACxF,2CAA2CA,EAAe,gBAAgB;EAC1E,0CAA0CA,EAAe,gBAAgB;EACzE,0CAA0CA,EAAe,gBAAgB;CAC3E;CAEA,qBAAqB,UAAUA,EAAe,oBAAoB;CAClE,uBAAuB,iDAAiDA,EAAe,sBAAsB;CAC7G,yBAAyB;CAIzB,kBAAkB;CAClB,eAAe;CACf,cAAc;CAGd,wBAAwB;CACxB,qBAAqB;CACrB,qBAAqB;CACrB,6BAA6B;CAC7B,iBAAiB;CACjB,iBAAiB;CACjB,qBAAqB;CACrB,oBAAoB;CACpB,0BAA0B;CAC1B,WAAW;CACX,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CAET,gCAAgC;CAChC,wBAAwB;CACxB,uBAAuB;CACvB,qBAAqB;CACrB,oBAAoB;CAGpB,oBAAoB;CACpB,yBAAyB;CACzB,uBAAuB;CACvB,0BAA0B;CAC1B,sBAAsB;CACtB,2BAA2B;CAC3B,oBAAoB;CACpB,2BAA2B;CAC3B,8BAA8B;CAC9B,0CAA0C;CAC1C,wBAAwB;CACxB,qBAAqB;CACrB,cAAc;CACd,kBAAkB;CAClB,uBAAuB;CACvB,mBAAmB;CACnB,oBAAoB;CACpB,sBAAsB;CACtB,sBAAsB;CACtB,kBAAkB;CAGlB,QAAQ;CAGR,eAAe;CACf,oBAAoB;CACpB,uBAAuB;CACvB,4BAA4B;CAC5B,iBAAiB;CACjB,sBAAsB;CACtB,yBAAyB;CACzB,8BAA8B;CAG9B,cAAc,8CAA8CA,EAAe,uBAAuB,WAAWA,EAAe,wBAAwB;CAGpJ,WAAW;CACX,WAAW;CACX,cAAc;CAGd,mBAAmB;CACnB,wBAAwB;CAGxB,cAAc;CACd,gBAAgB;CAChB,kBAAkB;CAClB,WAAW;CACX,aAAa;CACb,cAAc;EACZ;EACA;EACA;CACF;CAGA,mBAAmB;CACnB,mBAAmB;CACnB,eAAe;CAGf,gBAAgB;CAChB,iBAAiB;CACjB,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,UAAU;AAEZ;AAEA,EAAM,WAAW,SAAmB,GAAK,GAAW;CAClD,EAAI,QAAQ,EAAM;AACpB"}
+{"version":3,"file":"style.esm.js","names":["styleConstants"],"sources":["../../src/lib/style.js"],"sourcesContent":["// Common readable consistent stylesheet\n// to avoid using style sheets which are document-global\n// and make programmable style toggling with selection, drag over, etc easier\n// These must all end with semicolon so they can be appended to.\n\nimport styleConstants from './styleConstants'\n\nexport const style = { // styleModule\n\n  checkboxStyle: 'color: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;',\n  checkboxInputStyle: 'font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em;',\n\n  fieldLabelStyle: 'color: #3B5998; text-decoration: none;',\n  formSelectStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyleUneditable: // Color difference only\n    'background-color: white; padding: 0.5em;  border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  buttonStyle:\n      'background-color: #fff; padding: 0.7em;  border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;', // 'background-color: #eef;\n  commentStyle: 'padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;',\n  iconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;',\n  smallButtonStyle: 'margin: 0.2em; width: 1em; height:1em;',\n  classIconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;', // combine with buttonStyle\n  confirmPopupStyle: 'padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;',\n  messageBodyStyle:\n    'white-space: pre-wrap; width: 99%; font-size:100%; border: 0.07em solid #eee; border-radius:0.2em; padding: .3em 0.5em; margin: 0.1em;',\n  pendingeditModifier: 'color: #bbb;',\n\n  // Contacts\n  personaBarStyle: 'width: 100%; height: 4em; background-color: #eee; vertical-align: middle;',\n  searchInputStyle: 'border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;',\n  autocompleteRowStyle: 'border: 0.2em solid straw;',\n\n  // Login buttons\n  signInAndUpButtonStyle: 'padding: 1em; border-radius:0.2em; font-size: 100%;', // was 0.5em radius\n  headerBannerLoginInput: 'margin: 0.75em 0 0.75em 0.5em !important; padding: 0.5em !important;',\n  signUpBackground: 'background-color: #eef;',\n  signInBackground: 'background-color: #efe;',\n\n  // Forms\n  heading1Style: 'font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;', // originally was brown; now grey\n  heading2Style: 'font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;', // originally was brown; now grey\n  heading3Style: 'font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;', // For example, in large forms or before a small form\n  heading4Style: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;', // Lowest level used by default in small things\n\n  formHeadingStyle: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;', // originally was brown; now grey\n  formTextInput: 'font-size: 100%; margin: 0.1em; padding: 0.1em;', // originally used this\n  formGroupStyle: [`padding-left: 0em; border: 0.0em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`, // weight 0\n    `padding-left: 2em; border: 0.05em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.1em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.2em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;` // @@ pink\n  ],\n\n  formFieldLabelStyle: `color: ${styleConstants.lowProfileLinkColor}; text-decoration: none;`,\n  formFieldNameBoxStyle: `padding: 0.3em; vertical-align: middle; width:${styleConstants.formFieldNameBoxWidth};`,\n  multilineTextInputStyle: 'font-size:100%; white-space: pre-wrap; background-color: #eef;' +\n  ' border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;',\n\n  // Buttons\n  renderAsDivStyle: 'display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;',\n  imageDivStyle: 'width:2.5em; padding:0.5em; height: 2.5em;',\n  linkDivStyle: 'width:2em; padding:0.5em; height: 4em;',\n\n  // ACL\n  aclControlBoxContainer: 'margin: 1em;',\n  aclControlBoxHeader: 'font-size: 120%; margin: 0 0 1rem;',\n  aclControlBoxStatus: 'display: none; margin: 1rem 0;',\n  aclControlBoxStatusRevealed: 'display: block;',\n  aclGroupContent: 'maxWidth: 650;',\n  accessGroupList: 'display: grid; grid-template-columns: 1fr; margin: 1em; width: 100%;',\n  accessGroupListItem: 'display: grid; grid-template-columns: 100px auto 30%;',\n  defaultsController: 'display: flex;',\n  defaultsControllerNotice: 'color: #888; flexGrow: 1; fontSize: 80%;',\n  bigButton: 'background-color: white; color: black; text-wrap: pretty; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;',\n  group: 'color: #888;',\n  group1: 'color: green;',\n  group2: 'color: #cc0;',\n  group3: 'color: orange;',\n  group5: 'color: red;',\n  group9: 'color: blue;',\n  group13: 'color: purple;',\n\n  trustedAppAddApplicationsTable: 'background-color: #eee;',\n  trustedAppCancelButton: 'float: right;',\n  trustedAppControllerI: 'border-color: orange; border-radius: 1em; border-width: 0.1em;',\n  temporaryStatusInit: 'background: green;',\n  temporaryStatusEnd: 'background: transparent; transition: background 5s linear;',\n\n  // header\n  headerUserMenuLink: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none;',\n  headerUserMenuLinkHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuTrigger: 'background: none; border: 0; cursor: pointer; width: 60px; height: 60px;',\n  headerUserMenuTriggerImg: 'border-radius: 50%; height: 56px; width: 28px !important;',\n  headerUserMenuButton: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%;',\n  headerUserMenuButtonHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuList: 'list-style: none; margin: 0; padding: 0;',\n  headerUserMenuListDisplay: 'list-style: none; margin: 0; padding: 0; display:true;',\n  headerUserMenuNavigationMenu: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: true;',\n  headerUserMenuNavigationMenuNotDisplayed: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: none;',\n  headerUserMenuListItem: 'border-bottom: solid 1px #000000;',\n  headerUserMenuPhoto: 'border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;',\n  headerBanner: 'box-shadow: 0px 1px 4px #000000; display: flex; justify-content: space-between; padding: 0 1.5em; margin-bottom: 4px;',\n  headerBannerLink: 'display: block;',\n  headerBannerRightMenu: 'display: flex;',\n  headerBannerLogin: 'margin-left: auto;',\n  allChildrenVisible: 'display:true;',\n  headerBannerUserMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerHelpMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerIcon: 'background-size: 65px 60px !important; height: 60px !important; width: 65px !important;', // may just be 65px round($icon-size * 352 / 322);\n\n  // footer\n  footer: 'border-top: solid 1px $divider-color; font-size: 0.9em; padding: 0.5em 1.5em;',\n\n  // buttons\n  primaryButton: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonHover: 'background-color: #9f7dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  primaryButtonNoBorder: 'background-color: #ffffff; color: #7c4dff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonNoBorderHover: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButton: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonHover: 'background-color: #37cde6; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButtonNoBorder: 'background-color: #ffffff; color: #01c9ea; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonNoBorderHover: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n\n  // media\n  controlStyle: `border-radius: 0.5em; margin: 0.8em; width:${styleConstants.mediaModuleCanvasWidth}; height:${styleConstants.mediaModuleCanvasHeight};`,\n\n  // dragAndDrop\n  dragEvent: 'background-color: #ccc; border: 0.25em dashed black; border-radius: 0.3em;',\n  dropEvent: 'background-color: white; border: 0em solid black;',\n  restoreStyle: 'background-color: white;',\n\n  // errors\n  errorCancelButton: 'width: 2em; height: 2em; align: right;',\n  errorMessageBlockStyle: 'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;',\n\n  // pad\n  notepadStyle: 'padding: 1em; overflow: auto; resize: horizontal; min-width: 40em;',\n  upstreamStatus: 'width: 50%;',\n  downstreamStatus: 'width: 50%;',\n  baseStyle: 'font-size: 100%; font-family: monospace; width: 100%; border: none; white-space: pre-wrap;',\n  headingCore: 'font-family: sans-serif; font-weight: bold;  border: none;',\n  headingStyle: [\n    'font-size: 110%; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%;',\n    'font-size: 120%; padding-top: 1em; padding-bottom: 1em; width: 100%;',\n    'font-size: 150%; padding-top: 1em; padding-bottom: 1em; width: 100%;'\n  ],\n\n  // participation\n  participantsStyle: 'margin: 0.8em;',\n  participantsBlock: 'height: 1.5em; width: 1.5em; margin: 0.3em; border 0.01em solid #888;',\n  personTableTD: 'vertical-align: middle;',\n\n  // tabs\n  tabsNavElement: 'margin: 0;',\n  tabsRootElement: 'display: flex; height: 100%; width: 100%;',\n  tabsMainElement: 'margin: 0; width:100%; height: 100%;',\n  tabContainer: 'list-style-type: none; display: flex; height: 100%; width: 100%; margin: 0; padding: 0;',\n  makeNewSlot: 'background: none; border: none; font: inherit; cursor: pointer;',\n  ellipsis: 'position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;'\n\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n"],"mappings":";;AAOA,IAAa,IAAQ;CAEnB,eAAe;CACf,oBAAoB;CAEpB,iBAAiB;CACjB,iBACE;CACF,gBACE;CACF,0BACE;CACF,aACI;CACJ,cAAc;CACd,WAAW;CACX,kBAAkB;CAClB,gBAAgB;CAChB,mBAAmB;CACnB,kBACE;CACF,qBAAqB;CAGrB,iBAAiB;CACjB,kBAAkB;CAClB,sBAAsB;CAGtB,wBAAwB;CACxB,wBAAwB;CACxB,kBAAkB;CAClB,kBAAkB;CAGlB,eAAe;CACf,eAAe;CACf,eAAe;CACf,eAAe;CAEf,kBAAkB;CAClB,eAAe;CACf,gBAAgB;EAAC,0CAA0CA,EAAe,gBAAgB;EACxF,2CAA2CA,EAAe,gBAAgB;EAC1E,0CAA0CA,EAAe,gBAAgB;EACzE,0CAA0CA,EAAe,gBAAgB;CAC3E;CAEA,qBAAqB,UAAUA,EAAe,oBAAoB;CAClE,uBAAuB,iDAAiDA,EAAe,sBAAsB;CAC7G,yBAAyB;CAIzB,kBAAkB;CAClB,eAAe;CACf,cAAc;CAGd,wBAAwB;CACxB,qBAAqB;CACrB,qBAAqB;CACrB,6BAA6B;CAC7B,iBAAiB;CACjB,iBAAiB;CACjB,qBAAqB;CACrB,oBAAoB;CACpB,0BAA0B;CAC1B,WAAW;CACX,OAAO;CACP,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,QAAQ;CACR,SAAS;CAET,gCAAgC;CAChC,wBAAwB;CACxB,uBAAuB;CACvB,qBAAqB;CACrB,oBAAoB;CAGpB,oBAAoB;CACpB,yBAAyB;CACzB,uBAAuB;CACvB,0BAA0B;CAC1B,sBAAsB;CACtB,2BAA2B;CAC3B,oBAAoB;CACpB,2BAA2B;CAC3B,8BAA8B;CAC9B,0CAA0C;CAC1C,wBAAwB;CACxB,qBAAqB;CACrB,cAAc;CACd,kBAAkB;CAClB,uBAAuB;CACvB,mBAAmB;CACnB,oBAAoB;CACpB,sBAAsB;CACtB,sBAAsB;CACtB,kBAAkB;CAGlB,QAAQ;CAGR,eAAe;CACf,oBAAoB;CACpB,uBAAuB;CACvB,4BAA4B;CAC5B,iBAAiB;CACjB,sBAAsB;CACtB,yBAAyB;CACzB,8BAA8B;CAG9B,cAAc,8CAA8CA,EAAe,uBAAuB,WAAWA,EAAe,wBAAwB;CAGpJ,WAAW;CACX,WAAW;CACX,cAAc;CAGd,mBAAmB;CACnB,wBAAwB;CAGxB,cAAc;CACd,gBAAgB;CAChB,kBAAkB;CAClB,WAAW;CACX,aAAa;CACb,cAAc;EACZ;EACA;EACA;CACF;CAGA,mBAAmB;CACnB,mBAAmB;CACnB,eAAe;CAGf,gBAAgB;CAChB,iBAAiB;CACjB,iBAAiB;CACjB,cAAc;CACd,aAAa;CACb,UAAU;AAEZ;AAEA,EAAM,WAAW,SAAmB,GAAK,GAAW;CAClD,EAAI,QAAQ,EAAM;AACpB"}

package/dist/lib/table.cjs.js

@@ -1,4 +1,4 @@
-const e=require("../_virtual/_rolldown/runtime.cjs.js"),t=require("./ns.cjs.js"),n=require("./log.cjs.js"),r=require("../utils/label.cjs.js"),i=require("../utils/index.cjs.js"),a=require("./debug.cjs.js"),o=require("./iconBase.cjs.js"),s=require("../widgets/index.cjs.js");let c=require("rdflib");c=e.__toESM(c);let l=require("solid-logic");var u={icons:o.icons,log:n.log_exports,ns:t.default,utils:i.utils_exports,widgets:s.widgets_exports};function d(e,t){let n=t.sourceDocument,o=t.tableClass,s=t.query,d=u.ns,f=l.store,p={},ee={"http://www.w3.org/2002/07/owl#sameAs":!0,"http://www.w3.org/1999/02/22-rdf-syntax-ns#type":!0},m={"http://www.w3.org/2001/XMLSchema#decimal":!0,"http://www.w3.org/2001/XMLSchema#float":!0,"http://www.w3.org/2001/XMLSchema#double":!0,"http://www.w3.org/2001/XMLSchema#integer":!0,"http://www.w3.org/2001/XMLSchema#nonNegativeInteger":!0,"http://www.w3.org/2001/XMLSchema#positiveInteger":!0,"http://www.w3.org/2001/XMLSchema#nonPositiveInteger":!0,"http://www.w3.org/2001/XMLSchema#negativeInteger":!0,"http://www.w3.org/2001/XMLSchema#long":!0,"http://www.w3.org/2001/XMLSchema#int":!0,"http://www.w3.org/2001/XMLSchema#short":!0,"http://www.w3.org/2001/XMLSchema#byte":!0,"http://www.w3.org/2001/XMLSchema#unsignedLong":!0,"http://www.w3.org/2001/XMLSchema#unsignedInt":!0,"http://www.w3.org/2001/XMLSchema#unsignedShort":!0,"http://www.w3.org/2001/XMLSchema#unsignedByte":!0},te={"http://www.w3.org/2001/XMLSchema#dateTime":!0,"http://www.w3.org/2001/XMLSchema#date":!0},ne={"http://xmlns.com/foaf/0.1/Image":!0,"http://purl.org/dc/terms/Image":!0},h=t.keyVariable||`?_row`,g=0,_,v,y,b,x=null,S=null,C=e.createElement(`div`);C.className=`tableViewPane`,C.appendChild(re());let w=e.createElement(`div`);C.appendChild(w),C.refresh=function(){Z(T.query,T.logicalRows,T.columns,T)};let T;if(s)T=$(s),w.appendChild(T);else{let e=I();_=e[0],v=e[1],o||y.appendChild(le(_,v)),S=Ce(v),E(S||_)}return C;function re(){let t=e.createElement(`table`);t.setAttribute(`class`,`toolbar`);let n=e.createElement(`tr`);return y=e.createElement(`td`),n.appendChild(y),b=e.createElement(`td`),n.appendChild(b),t.appendChild(n),t}function ie(e,t){let n=t.getColumns();for(let t=0;t<n.length;++t){let r=f.variable(`_col`+t);e.vars.push(r),n[t].setVariable(r)}}function ae(e,t,n){let r=n.type;r||=f.variable(`_any`),e.pat.add(t,u.ns.rdf(`type`),r)}function oe(e,t,n){let r=n.getColumns();for(let n=0;n<r.length;++n){let i=r[n],a=f.formula();a.add(t,i.predicate,i.getVariable()),e.pat.optional.push(a)}}function se(e){let t=new c.Query,n=f.variable(h.slice(1));return ie(t,e),ae(t,n,e),oe(t,n,e),t}function E(e){D(b),b.appendChild(de(e)),ce(se(e),e)}function ce(e,t){x&&(x.running=!1);let n=$(e,t);D(w),w.appendChild(n),x=e}function D(e){for(;e.childNodes.length>0;)e.removeChild(e.childNodes[0])}function O(e){this.type=e,this.columns=null,this.allColumns=[],this.useCount=0,this.getAllColumns=function(){return this.allColumns},this.getColumns=function(){if(!this.columns){let e=this.getAllColumns();this.columns=e.slice(0,7)}return this.columns},this.getUnusedColumns=function(){let e=this.getAllColumns(),t=this.getColumns(),n=[];for(let r=0;r<e.length;++r)t.indexOf(e[r])===-1&&n.push(e[r]);return n},this.addColumn=function(e){this.columns.push(e)},this.removeColumn=function(e){this.columns=this.columns.filter(function(t){return t!==e})},this.getLabel=function(){return r.label(this.type)},this.addUse=function(){this.useCount+=1}}function k(){this.useCount=0,this.checkedAnyValues=!1,this.possiblyLiteral=!0,this.possiblyNumber=!0,this.constraints=[],this.checkValue=function(e){let t=e.termType;this.possiblyLiteral&&t!==`Literal`&&t!==`NamedNode`?(this.possiblyNumber=!1,this.possiblyLiteral=!1):this.possiblyNumber&&(t===`Literal`&&e.value.match(/^-?\d+(\.\d*)?$/)||(this.possiblyNumber=!1)),this.checkedAnyValues=!0},this.getVariable=function(){return this.variable},this.setVariable=function(e){this.variable=e},this.getKey=function(){return this.variable.toString()},this.addUse=function(){this.useCount+=1},this.getHints=function(){return t&&t.hints&&this.variable&&t.hints[this.variable.toNT()]?t.hints[this.variable.toNT()]:{}},this.getLabel=function(){return this.getHints().label?this.getHints().label:this.predicate?this.predicate.sameTerm(d.rdf(`type`))&&this.superClass?r.label(this.superClass,!0):r.label(this.predicate):this.variable?this.variable.toString():`unlabeled column?`},this.setPredicate=function(e,t,n){t?(this.inverse=e,this.constraints=this.constraints.concat(f.each(e,u.ns.rdfs(`domain`))),e.sameTerm(d.rdfs(`subClassOf`))&&n.termType===`NamedNode`&&(this.superClass=n,this.alternatives=f.each(void 0,d.rdfs(`subClassOf`),n))):(this.predicate=e,this.constraints=this.constraints.concat(f.each(e,u.ns.rdfs(`range`))))},this.getConstraints=function(){return this.constraints},this.filterFunction=function(){return!0},this.sortKey=function(){return this.getLabel().toLowerCase()},this.isImageColumn=function(){for(let e=0;e<this.constraints.length;e++)if(this.constraints[e].uri in ne)return!0;return!1}}function A(e,t){let n=[];for(let r in e){let i=e[r];(!t||t(r,i))&&n.push(i)}return n}function j(t,n){let r=e.createElement(`option`);return r.setAttribute(`value`,n),r.appendChild(e.createTextNode(t)),r}function le(t,n){let r=e.createElement(`div`);r.appendChild(e.createTextNode(`Select type: `));let i=e.createElement(`select`);i.appendChild(j(`All types`,`null`));for(let e in n)i.appendChild(j(n[e].getLabel(),e));return i.addEventListener(`click`,function(){let e;e=i.value===`null`?t:n[i.value],ue(e)},!1),r.appendChild(i),r}function ue(e){E(e)}function de(t){let n=e.createElement(`div`),r=t.getUnusedColumns();if(r.sort(function(e,t){let n=e.sortKey(),r=t.sortKey();return(n>r)-(n<r)}),r.length>0){n.appendChild(e.createTextNode(`Add column: `));let i=e.createElement(`select`);i.appendChild(j(``,`-1`));for(let e=0;e<r.length;++e){let t=r[e];i.appendChild(j(t.getLabel(),``+e))}n.appendChild(i),i.addEventListener(`click`,function(){let e=Number(i.value);e>=0&&(t.addColumn(r[e]),E(t))},!1)}return n}function fe(e,t){for(let n in e){let r=e[n];if(r.variable.toNT()===t)return r}throw Error(`getColumnForVariable: no column for variable ${t}`)}function pe(e,t){let n;return t.uri in e?n=e[t.uri]:(n=new k,n.setPredicate(t),e[t.uri]=n),n}function M(e,t){let n;return t.uri in e?n=e[t.uri]:(n=new O(t),e[t.uri]=n),n}function N(){let e={},t=f.statementsMatching(void 0,u.ns.rdf(`type`),o,n),r={};for(let n=0;n<t.length;++n){let i=t[n].object;if(i.termType!==`NamedNode`)continue;let a=M(e,i);i.uri in r||(r[i.uri]=[]),r[i.uri].push(t[n].subject),a.addUse()}return[r,e]}function P(e,t){let r=f.statementsMatching(e,void 0,void 0,n),i={};for(let e=0;e<r.length;++e){let n=r[e].predicate;if(n.uri in ee)continue;let a=pe(t,n);a.checkValue(r[e].object),i[n.uri]=a}return i}function F(e,t){let n={};for(let e=0;e<t.length;++e){let r=P(t[e],n);for(let e in r)r[e].addUse()}let r=A(n);L(r),e.allColumns=r}function I(){let e,t,n=N();e=n[0],t=n[1];for(let n in e){let r=e[n],i=t[n];F(i,r)}return[new O(null),A(t)]}function L(e){function t(e,t){return(e.useCount<t.useCount)-(e.useCount>t.useCount)}e.sort(t)}function R(t,n){let r=e.createElement(`a`);return r.appendChild(e.createTextNode(`[x]`)),r.addEventListener(`click`,function(){t.removeColumn(n),E(t)},!1),r}function z(t,n){let r=e.createElement(`tr`),i=e.createElement(`th`);r.appendChild(i);for(let i=0;i<t.length;++i){let a=e.createElement(`th`),o=t[i];a.appendChild(e.createTextNode(o.getLabel())),n&&a.appendChild(R(n,o)),r.appendChild(a)}return r}function me(e,t,n,r){let i=t.getKey();if(e.sort(function(e,t){let a=null,o=null;i in e.values&&(a=e.values[i][0]),i in t.values&&(o=t.values[i][0]);let s=n(a,o);return r?-s:s}),e.length){let t=e[0]._htmlRow.parentNode;for(let n=0;n<e.length;++n)t.removeChild(e[n]._htmlRow);for(let n=0;n<e.length;++n)t.appendChild(e[n]._htmlRow)}}function B(e,t){let n=!0;for(let r=0;r<t.length;++r){let i=t[r],a=i.getKey(),o=null;if(a in e.values&&(o=e.values[a][0]),!i.filterFunction(o)){n=!1;break}}let r=e._htmlRow;n?r.style.display=``:r.style.display=`none`}function V(e,t){for(let n=0;n<e.length;++n){let r=e[n];B(r,t)}}function H(e,t,n){function i(e){return e?e.termType===`Literal`?e.value.toLowerCase():e.termType===`NamedNode`?r.label(e).toLowerCase():e.value.toLowerCase():``}function a(e,t){let n=i(e),r=i(t);return n<r?-1:+(n>r)}me(e,t,a,n)}function U(t,n,i){let a=e.createElement(`div`),o=e.createElement(`input`);o.setAttribute(`type`,`text`),o.style.width=`70%`,a.appendChild(o);let s=e.createElement(`span`);s.appendChild(e.createTextNode(`▼`)),s.addEventListener(`click`,function(){H(t,i,!1)},!1),a.appendChild(s);let c=e.createElement(`span`);c.appendChild(e.createTextNode(`▲`)),c.addEventListener(`click`,function(){H(t,i,!0)},!1),a.appendChild(c);let l=null;return i.filterFunction=function(e){if(!l)return!0;if(e){let t;return t=e.termType===`Literal`?e.value:e.termType===`NamedNode`?r.label(e):``,t.toLowerCase().indexOf(l)>=0}else return!1},o.addEventListener(`keyup`,function(){l=o.value===``?null:o.value.toLowerCase(),V(t,n)},!1),a}function W(t,n,i,a){let o=e.createElement(`div`),s=e.createElement(`select`),c={};for(let e=0;e<a.length;++e){let t=a[e];c[t.uri]=!0}let l=q(i).initialSelection;l&&(c=l),s.setAttribute(`multiple`,`true`);for(let e=0;e<a.length;++e){let t=a[e],n=j(r.label(t),e);c[t.uri]&&(n.selected=!0),s.appendChild(n)}return o.appendChild(s),i.filterFunction=function(e){return!c||e&&c[e.uri]},s.addEventListener(`click`,function(){{c={};let e=s.options;for(let t=0;t<e.length;t++){let n=e[t],r=Number(n.value);e[t].selected&&(c[a[r].uri]=!0)}}V(t,n)},!0),o}function G(t,n,r){let i=e.createElement(`div`),a=e.createElement(`input`);a.setAttribute(`type`,`text`),a.style.width=`40px`,i.appendChild(a);let o=e.createElement(`input`);o.setAttribute(`type`,`text`),o.style.width=`40px`,i.appendChild(o);let s=null,c=null;r.filterFunction=function(e){return e&&=Number(e),!(s&&(!e||e<s)||c&&(!e||e>c))};function l(){s=a.value===``?null:Number(a.value),c=o.value===``?null:Number(o.value),V(t,n)}return a.addEventListener(`keyup`,l,!1),o.addEventListener(`keyup`,l,!1),i}function he(e,t,n){return n.checkedAnyValues&&n.possiblyNumber?G(e,t,n):n.possiblyLiteral?U(e,t,n):null}function ge(e,t,n){if(n.superClass&&n.alternatives.length>0)return W(e,t,n,n.alternatives);let r=n.getConstraints(),i;for(let a=0;a<r.length;a++){if(i=r[a],n.checkedAnyValues&&n.possiblyNumber||i.uri in m)return G(e,t,n);if(i.uri===`http://www.w3.org/2000/01/rdf-schema#Literal`)return U(e,t,n);let o=f.each(i,u.ns.owl(`oneOf`));if(o.length>0)return W(e,t,n,o.elements)}return he(e,t,n)}function _e(t,n){let r=e.createElement(`tr`);r.className=`selectors`,r.appendChild(e.createElement(`td`));for(let i=0;i<n.length;++i){let a=e.createElement(`td`),o=ge(t,n,n[i]);o&&a.appendChild(o),r.appendChild(a)}return r}function K(t,n,r){r||={};let o=e.createElement(`a`),s=r.linkFunction;return o.setAttribute(`href`,t),o.appendChild(e.createTextNode(n)),s?o.addEventListener(`click`,function(e){e.preventDefault(),e.stopPropagation();let t=i.getTarget(e).getAttribute(`href`);t||a.log(`No href found 
-`),s(t)},!0):o.addEventListener(`click`,u.widgets.openHrefInOutlineMode,!0),o}function ve(e,t){let n=!1;return e.uri&&(n=e.uri.match(/^mailto:(.*)/)),n?K(e.uri,n[1],t):K(e.uri,r.label(e),t)}function ye(t){let n=e.createElement(`img`);return n.setAttribute(`src`,t.uri),n.style.height=`40px`,n}function q(e){return t&&t.hints&&e.variable&&t.hints[e.variable.toNT()]?t.hints[e.variable.toNT()]:{}}function J(t,n){let r=q(n),i=r.cellFormat;if(i)switch(i){case`shortDate`:return e.createTextNode(u.widgets.shortDate(t.value));default:}else if(t.termType===`Literal`){if(t.datatype){if(te[t.datatype.uri])return e.createTextNode(u.widgets.shortDate(t.value));if(m[t.datatype.uri]){let n=e.createElement(`span`);return n.textContent=t.value,n.setAttribute(`style`,`text-align: right`),n}}return e.createTextNode(t.value)}else if(t.termType===`NamedNode`&&n.isImageColumn())return ye(t);else if(t.termType===`NamedNode`||t.termType===`BlankNode`)return ve(t,r);else if(t.termType===`Collection`){let r=e.createElement(`span`);return r.appendChild(e.createTextNode(`[`)),t.elements.forEach(function(t){r.appendChild(J(t,n)),r.appendChild(e.createTextNode(`, `))}),r.removeChild(r.lastChild),r.appendChild(e.createTextNode(`]`)),r}else return e.createTextNode(`unknown termtype '`+t.termType+`'!`)}function be(t,n,r,i){let a=e.createElement(`td`);n._subject&&`uri`in n._subject&&a.appendChild(K(n._subject.uri,`→`)),t.appendChild(a);for(let i=0;i<r.length;++i){let a=r[i],o=e.createElement(`td`),s,c=a.getKey();if(c in n.values){let t=n.values[c],r=!1;n.originalValues&&n.originalValues[c]&&t.length!==n.originalValues[c].length&&(r=!0);for(let i=0;i<t.length;++i){let l=t[i];n.originalValues&&n.originalValues[c]&&n.originalValues[c].length>i&&(s=n.originalValues[c][i],l.toString()!==s.toString()&&(r=!0)),o.appendChild(J(l,a)),i!==t.length-1&&o.appendChild(e.createTextNode(`,
+const e=require("../_virtual/_rolldown/runtime.cjs.js"),t=require("./ns.cjs.js"),n=require("./log.cjs.js"),r=require("../utils/label.cjs.js"),i=require("../utils/index.cjs.js"),a=require("./debug.cjs.js"),o=require("./iconBase.cjs.js"),s=require("../widgets/index.cjs.js");let c=require("rdflib");c=e.__toESM(c);let l=require("solid-logic");var u={icons:o.icons,log:n.log_exports,ns:t.default,utils:i.utils_exports,widgets:s.widgets_exports};function d(e,t){let n=t.sourceDocument,o=t.tableClass,s=t.query,d=u.ns,f=l.store,p={},ee={"http://www.w3.org/2002/07/owl#sameAs":!0,"http://www.w3.org/1999/02/22-rdf-syntax-ns#type":!0},m={"http://www.w3.org/2001/XMLSchema#decimal":!0,"http://www.w3.org/2001/XMLSchema#float":!0,"http://www.w3.org/2001/XMLSchema#double":!0,"http://www.w3.org/2001/XMLSchema#integer":!0,"http://www.w3.org/2001/XMLSchema#nonNegativeInteger":!0,"http://www.w3.org/2001/XMLSchema#positiveInteger":!0,"http://www.w3.org/2001/XMLSchema#nonPositiveInteger":!0,"http://www.w3.org/2001/XMLSchema#negativeInteger":!0,"http://www.w3.org/2001/XMLSchema#long":!0,"http://www.w3.org/2001/XMLSchema#int":!0,"http://www.w3.org/2001/XMLSchema#short":!0,"http://www.w3.org/2001/XMLSchema#byte":!0,"http://www.w3.org/2001/XMLSchema#unsignedLong":!0,"http://www.w3.org/2001/XMLSchema#unsignedInt":!0,"http://www.w3.org/2001/XMLSchema#unsignedShort":!0,"http://www.w3.org/2001/XMLSchema#unsignedByte":!0},te={"http://www.w3.org/2001/XMLSchema#dateTime":!0,"http://www.w3.org/2001/XMLSchema#date":!0},ne={"http://xmlns.com/foaf/0.1/Image":!0,"http://purl.org/dc/terms/Image":!0},h=t.keyVariable||`?_row`,g=0,_,v,y,b,x=null,S=null,C=e.createElement(`div`);C.className=`tableViewPane`,C.appendChild(re());let w=e.createElement(`div`);C.appendChild(w),C.refresh=function(){Z(T.query,T.logicalRows,T.columns,T)};let T;if(s)T=$(s),w.appendChild(T);else{let e=I();_=e[0],v=e[1],o||y.appendChild(le(_,v)),S=Ce(v),E(S||_)}return C;function re(){let t=e.createElement(`table`);t.setAttribute(`class`,`toolbar`);let n=e.createElement(`tr`);return y=e.createElement(`td`),n.appendChild(y),b=e.createElement(`td`),n.appendChild(b),t.appendChild(n),t}function ie(e,t){let n=t.getColumns();for(let t=0;t<n.length;++t){let r=f.variable(`_col`+t);e.vars.push(r),n[t].setVariable(r)}}function ae(e,t,n){let r=n.type;r||=f.variable(`_any`),e.pat.add(t,u.ns.rdf(`type`),r)}function oe(e,t,n){let r=n.getColumns();for(let n=0;n<r.length;++n){let i=r[n],a=f.formula();a.add(t,i.predicate,i.getVariable()),e.pat.optional.push(a)}}function se(e){let t=new c.Query,n=f.variable(h.slice(1));return ie(t,e),ae(t,n,e),oe(t,n,e),t}function E(e){D(b),b.appendChild(de(e)),ce(se(e),e)}function ce(e,t){x&&(x.running=!1);let n=$(e,t);D(w),w.appendChild(n),x=e}function D(e){for(;e.childNodes.length>0;)e.removeChild(e.childNodes[0])}function O(e){this.type=e,this.columns=null,this.allColumns=[],this.useCount=0,this.getAllColumns=function(){return this.allColumns},this.getColumns=function(){if(!this.columns){let e=this.getAllColumns();this.columns=e.slice(0,7)}return this.columns},this.getUnusedColumns=function(){let e=this.getAllColumns(),t=this.getColumns(),n=[];for(let r=0;r<e.length;++r)t.indexOf(e[r])===-1&&n.push(e[r]);return n},this.addColumn=function(e){this.columns.push(e)},this.removeColumn=function(e){this.columns=this.columns.filter(function(t){return t!==e})},this.getLabel=function(){return r.label(this.type)},this.addUse=function(){this.useCount+=1}}function k(){this.useCount=0,this.checkedAnyValues=!1,this.possiblyLiteral=!0,this.possiblyNumber=!0,this.constraints=[],this.checkValue=function(e){let t=e.termType;this.possiblyLiteral&&t!==`Literal`&&t!==`NamedNode`?(this.possiblyNumber=!1,this.possiblyLiteral=!1):this.possiblyNumber&&(t===`Literal`&&e.value.match(/^-?\d+(\.\d*)?$/)||(this.possiblyNumber=!1)),this.checkedAnyValues=!0},this.getVariable=function(){return this.variable},this.setVariable=function(e){this.variable=e},this.getKey=function(){return this.variable.toString()},this.addUse=function(){this.useCount+=1},this.getHints=function(){return t&&t.hints&&this.variable&&t.hints[this.variable.toNT()]?t.hints[this.variable.toNT()]:{}},this.getLabel=function(){return this.getHints().label?this.getHints().label:this.predicate?this.predicate.sameTerm(d.rdf(`type`))&&this.superClass?r.label(this.superClass,!0):r.label(this.predicate):this.variable?this.variable.toString():`unlabeled column?`},this.setPredicate=function(e,t,n){t?(this.inverse=e,this.constraints=this.constraints.concat(f.each(e,u.ns.rdfs(`domain`))),e.sameTerm(d.rdfs(`subClassOf`))&&n.termType===`NamedNode`&&(this.superClass=n,this.alternatives=f.each(void 0,d.rdfs(`subClassOf`),n))):(this.predicate=e,this.constraints=this.constraints.concat(f.each(e,u.ns.rdfs(`range`))))},this.getConstraints=function(){return this.constraints},this.filterFunction=function(){return!0},this.sortKey=function(){return this.getLabel().toLowerCase()},this.isImageColumn=function(){for(let e=0;e<this.constraints.length;e++)if(this.constraints[e].uri in ne)return!0;return!1}}function A(e,t){let n=[];for(let r in e){let i=e[r];(!t||t(r,i))&&n.push(i)}return n}function j(t,n){let r=e.createElement(`option`);return r.setAttribute(`value`,n),r.appendChild(e.createTextNode(t)),r}function le(t,n){let r=e.createElement(`div`);r.appendChild(e.createTextNode(`Select type: `));let i=e.createElement(`select`);i.appendChild(j(`All types`,`null`));for(let e in n)i.appendChild(j(n[e].getLabel(),e));return i.addEventListener(`click`,function(){let e;e=i.value===`null`?t:n[i.value],ue(e)},!1),r.appendChild(i),r}function ue(e){E(e)}function de(t){let n=e.createElement(`div`),r=t.getUnusedColumns();if(r.sort(function(e,t){let n=e.sortKey(),r=t.sortKey();return(n>r)-(n<r)}),r.length>0){n.appendChild(e.createTextNode(`Add column: `));let i=e.createElement(`select`);i.appendChild(j(``,`-1`));for(let e=0;e<r.length;++e){let t=r[e];i.appendChild(j(t.getLabel(),``+e))}n.appendChild(i),i.addEventListener(`click`,function(){let e=Number(i.value);e>=0&&(t.addColumn(r[e]),E(t))},!1)}return n}function fe(e,t){for(let n in e){let r=e[n];if(r.variable.toNT()===t)return r}throw Error(`getColumnForVariable: no column for variable ${t}`)}function pe(e,t){let n;return t.uri in e?n=e[t.uri]:(n=new k,n.setPredicate(t),e[t.uri]=n),n}function M(e,t){let n;return t.uri in e?n=e[t.uri]:(n=new O(t),e[t.uri]=n),n}function N(){let e={},t=f.statementsMatching(void 0,u.ns.rdf(`type`),o,n),r={};for(let n=0;n<t.length;++n){let i=t[n].object;if(i.termType!==`NamedNode`)continue;let a=M(e,i);i.uri in r||(r[i.uri]=[]),r[i.uri].push(t[n].subject),a.addUse()}return[r,e]}function P(e,t){let r=f.statementsMatching(e,void 0,void 0,n),i={};for(let e=0;e<r.length;++e){let n=r[e].predicate;if(n.uri in ee)continue;let a=pe(t,n);a.checkValue(r[e].object),i[n.uri]=a}return i}function F(e,t){let n={};for(let e=0;e<t.length;++e){let r=P(t[e],n);for(let e in r)r[e].addUse()}let r=A(n);L(r),e.allColumns=r}function I(){let e,t,n=N();e=n[0],t=n[1];for(let n in e){let r=e[n],i=t[n];F(i,r)}return[new O(null),A(t)]}function L(e){function t(e,t){return(e.useCount<t.useCount)-(e.useCount>t.useCount)}e.sort(t)}function R(t,n){let r=e.createElement(`a`);return r.appendChild(e.createTextNode(`[x]`)),r.addEventListener(`click`,function(){t.removeColumn(n),E(t)},!1),r}function z(t,n){let r=e.createElement(`tr`),i=e.createElement(`th`);r.appendChild(i);for(let i=0;i<t.length;++i){let a=e.createElement(`th`),o=t[i];a.appendChild(e.createTextNode(o.getLabel())),n&&a.appendChild(R(n,o)),r.appendChild(a)}return r}function me(e,t,n,r){let i=t.getKey();if(e.sort(function(e,t){let a=null,o=null;i in e.values&&(a=e.values[i][0]),i in t.values&&(o=t.values[i][0]);let s=n(a,o);return r?-s:s}),e.length){let t=e[0]._htmlRow.parentNode;for(let n=0;n<e.length;++n)t.removeChild(e[n]._htmlRow);for(let n=0;n<e.length;++n)t.appendChild(e[n]._htmlRow)}}function B(e,t){let n=!0;for(let r=0;r<t.length;++r){let i=t[r],a=i.getKey(),o=null;if(a in e.values&&(o=e.values[a][0]),!i.filterFunction(o)){n=!1;break}}let r=e._htmlRow;n?r.style.display=``:r.style.display=`none`}function V(e,t){for(let n=0;n<e.length;++n){let r=e[n];B(r,t)}}function H(e,t,n){function i(e){return e?e.termType===`Literal`?e.value.toLowerCase():e.termType===`NamedNode`?r.label(e).toLowerCase():e.value.toLowerCase():``}function a(e,t){let n=i(e),r=i(t);return n<r?-1:+(n>r)}me(e,t,a,n)}function U(t,n,i){let a=e.createElement(`div`),o=e.createElement(`input`);o.setAttribute(`type`,`text`),o.style.width=`70%`,a.appendChild(o);let s=e.createElement(`span`);s.appendChild(e.createTextNode(`▼`)),s.addEventListener(`click`,function(){H(t,i,!1)},!1),a.appendChild(s);let c=e.createElement(`span`);c.appendChild(e.createTextNode(`▲`)),c.addEventListener(`click`,function(){H(t,i,!0)},!1),a.appendChild(c);let l=null;return i.filterFunction=function(e){if(!l)return!0;if(e){let t;return t=e.termType===`Literal`?e.value:e.termType===`NamedNode`?r.label(e):``,t.toLowerCase().indexOf(l)>=0}return!1},o.addEventListener(`keyup`,function(){l=o.value===``?null:o.value.toLowerCase(),V(t,n)},!1),a}function W(t,n,i,a){let o=e.createElement(`div`),s=e.createElement(`select`),c={};for(let e=0;e<a.length;++e){let t=a[e];c[t.uri]=!0}let l=q(i).initialSelection;l&&(c=l),s.setAttribute(`multiple`,`true`);for(let e=0;e<a.length;++e){let t=a[e],n=j(r.label(t),e);c[t.uri]&&(n.selected=!0),s.appendChild(n)}return o.appendChild(s),i.filterFunction=function(e){return!c||e&&c[e.uri]},s.addEventListener(`click`,function(){{c={};let e=s.options;for(let t=0;t<e.length;t++){let n=e[t],r=Number(n.value);e[t].selected&&(c[a[r].uri]=!0)}}V(t,n)},!0),o}function G(t,n,r){let i=e.createElement(`div`),a=e.createElement(`input`);a.setAttribute(`type`,`text`),a.style.width=`40px`,i.appendChild(a);let o=e.createElement(`input`);o.setAttribute(`type`,`text`),o.style.width=`40px`,i.appendChild(o);let s=null,c=null;r.filterFunction=function(e){return e&&=Number(e),!(s&&(!e||e<s)||c&&(!e||e>c))};function l(){s=a.value===``?null:Number(a.value),c=o.value===``?null:Number(o.value),V(t,n)}return a.addEventListener(`keyup`,l,!1),o.addEventListener(`keyup`,l,!1),i}function he(e,t,n){return n.checkedAnyValues&&n.possiblyNumber?G(e,t,n):n.possiblyLiteral?U(e,t,n):null}function ge(e,t,n){if(n.superClass&&n.alternatives.length>0)return W(e,t,n,n.alternatives);let r=n.getConstraints(),i;for(let a=0;a<r.length;a++){if(i=r[a],n.checkedAnyValues&&n.possiblyNumber||i.uri in m)return G(e,t,n);if(i.uri===`http://www.w3.org/2000/01/rdf-schema#Literal`)return U(e,t,n);let o=f.each(i,u.ns.owl(`oneOf`));if(o.length>0)return W(e,t,n,o.elements)}return he(e,t,n)}function _e(t,n){let r=e.createElement(`tr`);r.className=`selectors`,r.appendChild(e.createElement(`td`));for(let i=0;i<n.length;++i){let a=e.createElement(`td`),o=ge(t,n,n[i]);o&&a.appendChild(o),r.appendChild(a)}return r}function K(t,n,r){r||={};let o=e.createElement(`a`),s=r.linkFunction;return o.setAttribute(`href`,t),o.appendChild(e.createTextNode(n)),s?o.addEventListener(`click`,function(e){e.preventDefault(),e.stopPropagation();let t=i.getTarget(e).getAttribute(`href`);t||a.log(`No href found 
+`),s(t)},!0):o.addEventListener(`click`,u.widgets.openHrefInOutlineMode,!0),o}function ve(e,t){let n=!1;return e.uri&&(n=e.uri.match(/^mailto:(.*)/)),n?K(e.uri,n[1],t):K(e.uri,r.label(e),t)}function ye(t){let n=e.createElement(`img`);return n.setAttribute(`src`,t.uri),n.style.height=`40px`,n}function q(e){return t&&t.hints&&e.variable&&t.hints[e.variable.toNT()]?t.hints[e.variable.toNT()]:{}}function J(t,n){let r=q(n),i=r.cellFormat;if(i)switch(i){case`shortDate`:return e.createTextNode(u.widgets.shortDate(t.value))}else if(t.termType===`Literal`){if(t.datatype){if(te[t.datatype.uri])return e.createTextNode(u.widgets.shortDate(t.value));if(m[t.datatype.uri]){let n=e.createElement(`span`);return n.textContent=t.value,n.setAttribute(`style`,`text-align: right`),n}}return e.createTextNode(t.value)}else if(t.termType===`NamedNode`&&n.isImageColumn())return ye(t);else if(t.termType===`NamedNode`||t.termType===`BlankNode`)return ve(t,r);else if(t.termType===`Collection`){let r=e.createElement(`span`);return r.appendChild(e.createTextNode(`[`)),t.elements.forEach(function(t){r.appendChild(J(t,n)),r.appendChild(e.createTextNode(`, `))}),r.removeChild(r.lastChild),r.appendChild(e.createTextNode(`]`)),r}else return e.createTextNode(`unknown termtype '`+t.termType+`'!`)}function be(t,n,r,i){let a=e.createElement(`td`);n._subject&&`uri`in n._subject&&a.appendChild(K(n._subject.uri,`→`)),t.appendChild(a);for(let i=0;i<r.length;++i){let a=r[i],o=e.createElement(`td`),s,c=a.getKey();if(c in n.values){let t=n.values[c],r=!1;n.originalValues&&n.originalValues[c]&&t.length!==n.originalValues[c].length&&(r=!0);for(let i=0;i<t.length;++i){let l=t[i];n.originalValues&&n.originalValues[c]&&n.originalValues[c].length>i&&(s=n.originalValues[c][i],l.toString()!==s.toString()&&(r=!0)),o.appendChild(J(l,a)),i!==t.length-1&&o.appendChild(e.createTextNode(`,
 `)),r&&(o.style.background=`#efe`)}}t.appendChild(o)}return n._htmlRow=t,t}function Y(e,t){let n=null;if(e.termType===`Literal`)n=`value`;else if(e.termType===`NamedNode`)n=`uri`;else return t.indexOf(e)>=0;let r;for(r=0;r<t.length;++r)if(t[r].termType===e.termType&&t[r][n]===e[n])return!0;return!1}function xe(e,t,n){let r,i=!1;for(r in n){let t=n[r];r in e.values||(e.values[r]=[]),Y(t,e.values[r])||(e.values[r].push(t),i=!0)}i&&(D(e._htmlRow),be(e._htmlRow,e,t)),B(e,t)}function X(e){if(`uri`in e)return e.uri;if(`_subject_id`in e)return e._subject_id;{let t=``+g;return e._subject_id=t,++g,t}}function Z(n,r,i,o){n.running=!0;let s=Date.now(),c=e.createElement(`tr`);o.appendChild(c),c.textContent=`Loading ...`;for(let e=0;e<r.length;e++)r[e].original=!0,r[e].originalValues||(r[e].originalValues=r[e].values),r[e].values={};f.query(n,function(t){if(!n.running)return;c.textContent+=`.`;let a=null,s=null,l;if(h in t&&(s=t[h],l=X(s),l in p&&(a=p[l])),!a){let t=e.createElement(`tr`);o.appendChild(t),a={_htmlRow:t,_subject:s,values:{}},r.push(a),s&&(p[l]=a)}delete a.original,xe(a,i,t)},void 0,function(){c&&c.parentNode&&c.parentNode.removeChild&&(c.parentNode.removeChild(c),c=null);let e=Date.now()-s;a.log(`Query done: `+r.length+` rows, `+e+`ms`);for(let e=r.length-1;e>=0;e--)if(r[e].original){a.log(`   deleting row `+r[e]._subject);let t=r[e]._htmlRow;t.parentNode.removeChild(t),delete p[X(r[e]._subject)],r.splice(e,1)}t.sortBy&&H(r,fe(i,t.sortBy),t.sortReverse),t.onDone&&t.onDone(C)})}function Q(e,t){u.log.debug(`>> processing formula`);for(let n=0;n<t.statements.length;++n){let r=t.statements[n];if(r.predicate.termType===`NamedNode`&&r.object.termType===`Variable`){let t=r.object.toString();t in e&&e[t].setPredicate(r.predicate,!1,r.subject)}if(r.predicate.termType===`NamedNode`&&r.subject.termType===`Variable`){let t=r.subject.toString();t in e&&e[t].setPredicate(r.predicate,!0,r.object)}}for(let n=0;n<t.optional.length;++n)u.log.debug(`recurse to optional subformula `+n),Q(e,t.optional[n]);u.log.debug(`<< finished processing formula`)}function Se(e){let t=[],n={};for(let r=0;r<e.vars.length;++r){let i=new k,a=e.vars[r];u.log.debug(`column `+r+` : `+a),i.setVariable(a),n[a]=i,t.push(i)}return Q(n,e.pat),t}function $(t,n){let r;r=s?Se(t):n.getColumns();let i=[],a=e.createElement(`table`);return a.appendChild(z(r,n)),a.appendChild(_e(i,r)),a.logicalRows=i,a.columns=r,a.query=t,Z(t,i,r,a),a}function Ce(e){let t=-1,n=null,r;for(r in e){let i=e[r];i.useCount>t&&(n=i,t=i.useCount)}return n}}exports.renderTableViewPane=d;
 //# sourceMappingURL=table.cjs.js.map