solid-ui 2.4.29-ee8e69c2 → 2.4.30-00b22a41

package/lib/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":["formBorderColor","lowProfileLinkColor","formFieldNameBoxWidth","style","exports","checkboxStyle","checkboxInputStyle","fieldLabelStyle","formSelectSTyle","textInputStyle","textInputStyleUneditable","textInputSize","buttonStyle","commentStyle","iconStyle","smallButtonStyle","classIconStyle","confirmPopupStyle","tabBorderRadius","messageBodyStyle","pendingeditModifier","highlightColor","personaBarStyle","searchInputStyle","autocompleteRowStyle","signInButtonStyle","heading1Style","heading2Style","heading3Style","heading4Style","formHeadingColor","formHeadingStyle","formTextInput","formGroupStyle","concat","formFieldLabelStyle","formFieldNameBoxStyle","textInputBackgroundColor","textInputBackgroundColorUneditable","textInputColor","textInputColorPending","multilineTextInputStyle","renderAsDivStyle","imageDivStyle","linkDivStyle","aclControlBoxContainer","aclControlBoxHeader","aclControlBoxStatus","aclControlBoxStatusRevealed","aclGroupContent","accessGroupList","accessGroupListItem","defaultsController","defaultsControllerNotice","bigButton","group","group1","group2","group3","group5","group9","group13","trustedAppAddApplicationsTable","trustedAppCancelButton","trustedAppControllerI","temporaryStatusInit","temporaryStatusEnd","headerUserMenuLink","headerUserMenuLinkHover","headerUserMenuTrigger","headerUserMenuTriggerImg","headerUserMenuButton","headerUserMenuButtonHover","headerUserMenuList","headerUserMenuListDisplay","headerUserMenuNavigationMenu","headerUserMenuNavigationMenuNotDisplayed","headerUserMenuListItem","headerUserMenuPhoto","headerBanner","headerBannerLink","headerBannerRightMenu","headerBannerLogin","allChildrenVisible","headerBannerLoginInput","headerBannerUserMenu","headerBannerHelpMenu","headerBannerIcon","footer","primaryButton","primaryButtonHover","primaryButtonNoBorder","primaryButtonNoBorderHover","secondaryButton","secondaryButtonHover","secondaryButtonNoBorder","secondaryButtonNoBorderHover","setStyle","ele","styleName","module"],"sources":["../src/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\n// These must all end with semicolon so they can be appended to.\n\nconst formBorderColor = '#888888' // Mid-grey\nconst lowProfileLinkColor = '#3B5998' // Grey-blue, e.g., for field labels linking to ontology\nconst formFieldNameBoxWidth = '8em' // The fixed amount to get form fields to line up\n// The latter we put in when switching awy from using tables.  Getting allignment between\n// fields in different groups though is hard problem.\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  textInputSize: 20, // Default text input size in characters roughly\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  tabBorderRadius: '0.2em',\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  highlightColor: '#7C4DFF', // Solid lavendar https://design.inrupt.com/atomic-core/?cat=Core\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  signInButtonStyle: 'padding: 1em; border-radius:0.2em; font-size: 100%;', // was 0.5em radius\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  formBorderColor, // originally was brown; now grey\n  formHeadingColor: '#888888', // originally was brown; now grey\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 ${formBorderColor}; border-radius: 0.2em;`, // weight 0\n    `padding-left: 2em; border: 0.05em solid ${formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.1em solid ${formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.2em solid ${formBorderColor}; border-radius: 0.2em;` // @@ pink\n  ],\n\n  formFieldLabelStyle: `'color: ${lowProfileLinkColor}; text-decoration: none;'`,\n  formFieldNameBoxWidth,\n  formFieldNameBoxStyle: `padding: 0.3em; vertical-align: middle; width:${formFieldNameBoxWidth};`,\n  textInputBackgroundColor: '#eef',\n  textInputBackgroundColorUneditable: '#fff',\n  textInputColor: '#000',\n  textInputColorPending: '#888',\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; borderRadius: 1em; borderWidth: 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  headerBannerLoginInput: 'margin: 0.75em 0 0.75em 0.5em !important; padding: 0.5em !important',\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\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\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\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\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\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\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\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}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n\nmodule.exports = style // @@ No way to do this in ESM\n"],"mappings":"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"}
+{"version":3,"file":"style.js","names":["_styleConstants","_interopRequireDefault","require","style","exports","checkboxStyle","checkboxInputStyle","fieldLabelStyle","formSelectStyle","textInputStyle","textInputStyleUneditable","buttonStyle","commentStyle","iconStyle","smallButtonStyle","classIconStyle","confirmPopupStyle","messageBodyStyle","pendingeditModifier","personaBarStyle","searchInputStyle","autocompleteRowStyle","signInAndUpButtonStyle","headerBannerLoginInput","signUpBackground","signInBackground","heading1Style","heading2Style","heading3Style","heading4Style","formHeadingStyle","formTextInput","formGroupStyle","concat","styleConstants","formBorderColor","formFieldLabelStyle","lowProfileLinkColor","formFieldNameBoxStyle","formFieldNameBoxWidth","multilineTextInputStyle","renderAsDivStyle","imageDivStyle","linkDivStyle","aclControlBoxContainer","aclControlBoxHeader","aclControlBoxStatus","aclControlBoxStatusRevealed","aclGroupContent","accessGroupList","accessGroupListItem","defaultsController","defaultsControllerNotice","bigButton","group","group1","group2","group3","group5","group9","group13","trustedAppAddApplicationsTable","trustedAppCancelButton","trustedAppControllerI","temporaryStatusInit","temporaryStatusEnd","headerUserMenuLink","headerUserMenuLinkHover","headerUserMenuTrigger","headerUserMenuTriggerImg","headerUserMenuButton","headerUserMenuButtonHover","headerUserMenuList","headerUserMenuListDisplay","headerUserMenuNavigationMenu","headerUserMenuNavigationMenuNotDisplayed","headerUserMenuListItem","headerUserMenuPhoto","headerBanner","headerBannerLink","headerBannerRightMenu","headerBannerLogin","allChildrenVisible","headerBannerUserMenu","headerBannerHelpMenu","headerBannerIcon","footer","primaryButton","primaryButtonHover","primaryButtonNoBorder","primaryButtonNoBorderHover","secondaryButton","secondaryButtonHover","secondaryButtonNoBorder","secondaryButtonNoBorderHover","controlStyle","mediaModuleCanvasWidth","mediaModuleCanvasHeight","dragEvent","dropEvent","restoreStyle","errorCancelButton","errorMessageBlockStyle","notepadStyle","upstreamStatus","downstreamStatus","baseStyle","headingCore","headingStyle","participantsStyle","participantsBlock","personTableTD","tabsNavElement","tabsRootElement","tabsMainElement","tabContainer","makeNewSlot","ellipsis","setStyle","ele","styleName","module"],"sources":["../src/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\nmodule.exports = style // @@ No way to do this in ESM\n"],"mappings":"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"}

package/lib/styleConstants.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _default = exports["default"] = {
+  highlightColor: '#7C4DFF',
+  // Solid lavender https://design.inrupt.com/atomic-core/?cat=Core
+
+  formBorderColor: '#888888',
+  // Mid-grey
+  formHeadingColor: '#888888',
+  // originally was brown; now grey
+  lowProfileLinkColor: '#3B5998',
+  // Grey-blue, e.g., for field labels linking to ontology
+  formFieldNameBoxWidth: '8em',
+  // The fixed amount to get form fields to line up
+  // We put in the latter when switching away from using tables.  However, getting
+  // alignment between fields in different groups is a hard problem.
+
+  mediaModuleCanvasWidth: '640',
+  mediaModuleCanvasHeight: '480',
+  textInputSize: 20,
+  // Rough default text input size, in characters
+  tabBorderRadius: '0.2em',
+  textInputBackgroundColor: '#eef',
+  textInputBackgroundColorUneditable: '#fff',
+  textInputColor: '#000',
+  textInputColorPending: '#888',
+  defaultErrorBackgroundColor: '#fee',
+  participationDefaultBackground: 'white',
+  basicMaxLength: '4096'
+};
+//# sourceMappingURL=styleConstants.js.map

package/lib/styleConstants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styleConstants.js","names":["highlightColor","formBorderColor","formHeadingColor","lowProfileLinkColor","formFieldNameBoxWidth","mediaModuleCanvasWidth","mediaModuleCanvasHeight","textInputSize","tabBorderRadius","textInputBackgroundColor","textInputBackgroundColorUneditable","textInputColor","textInputColorPending","defaultErrorBackgroundColor","participationDefaultBackground","basicMaxLength"],"sources":["../src/styleConstants.js"],"sourcesContent":["export default {\n  highlightColor: '#7C4DFF', // Solid lavender https://design.inrupt.com/atomic-core/?cat=Core\n\n  formBorderColor: '#888888', // Mid-grey\n  formHeadingColor: '#888888', // originally was brown; now grey\n  lowProfileLinkColor: '#3B5998', // Grey-blue, e.g., for field labels linking to ontology\n  formFieldNameBoxWidth: '8em', // The fixed amount to get form fields to line up\n  // We put in the latter when switching away from using tables.  However, getting\n  // alignment between fields in different groups is a hard problem.\n\n  mediaModuleCanvasWidth: '640',\n  mediaModuleCanvasHeight: '480',\n\n  textInputSize: 20, // Rough default text input size, in characters\n  tabBorderRadius: '0.2em',\n\n  textInputBackgroundColor: '#eef',\n  textInputBackgroundColorUneditable: '#fff',\n  textInputColor: '#000',\n  textInputColorPending: '#888',\n\n  defaultErrorBackgroundColor: '#fee',\n\n  participationDefaultBackground: 'white',\n\n  basicMaxLength: '4096'\n}\n"],"mappings":";;;;;;oCAAe;EACbA,cAAc,EAAE,SAAS;EAAE;;EAE3BC,eAAe,EAAE,SAAS;EAAE;EAC5BC,gBAAgB,EAAE,SAAS;EAAE;EAC7BC,mBAAmB,EAAE,SAAS;EAAE;EAChCC,qBAAqB,EAAE,KAAK;EAAE;EAC9B;EACA;;EAEAC,sBAAsB,EAAE,KAAK;EAC7BC,uBAAuB,EAAE,KAAK;EAE9BC,aAAa,EAAE,EAAE;EAAE;EACnBC,eAAe,EAAE,OAAO;EAExBC,wBAAwB,EAAE,MAAM;EAChCC,kCAAkC,EAAE,MAAM;EAC1CC,cAAc,EAAE,MAAM;EACtBC,qBAAqB,EAAE,MAAM;EAE7BC,2BAA2B,EAAE,MAAM;EAEnCC,8BAA8B,EAAE,OAAO;EAEvCC,cAAc,EAAE;AAClB,CAAC"}

package/lib/table.js

@@ -429,7 +429,6 @@ function renderTableViewPane(doc, options) {
         if (this.predicate.sameTerm(ns.rdf('type')) && this.superClass) {
           return utils.label(this.superClass, true); // do initial cap
         }
-
         return utils.label(this.predicate);
       } else if (this.variable) {
         return this.variable.toString();
@@ -1264,7 +1263,6 @@ function renderTableViewPane(doc, options) {
           }
         }
       }
-
       tr.appendChild(td);
     }
 
@@ -1371,7 +1369,6 @@ function renderTableViewPane(doc, options) {
       // oldStyle = rows[i]._htmlRow.getAttribute('style') || ''
       // rows[i]._htmlRow.style.background = '#ffe'; //setAttribute('style', ' background-color: #ffe;')// yellow
     }
-
     var onResult = function onResult(values) {
       if (!query.running) {
         return;
@@ -1441,7 +1438,6 @@ function renderTableViewPane(doc, options) {
       }
       if (options.onDone) options.onDone(resultDiv); // return div makes testing easier
     };
-
     kb.query(query, onResult, undefined, onDone);
   }