solid-ui 2.4.28-e21f60c1 → 2.4.28-e3ba3633

package/lib/style.js

@@ -1,36 +1,27 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.style = void 0;
+var _styleConstants = _interopRequireDefault(require("./styleConstants"));
 // Common readable consistent stylesheet
 // to avoid using style sheets which are document-global
 // and make programmable style toggling with selection, drag over, etc easier
-
 // These must all end with semicolon so they can be appended to.
 
-var formBorderColor = '#888888'; // Mid-grey
-var lowProfileLinkColor = '#3B5998'; // Grey-blue, e.g., for field labels linking to ontology
-var formFieldNameBoxWidth = '8em'; // The fixed amount to get form fields to line up
-// The latter we put in when switching awy from using tables.  Getting allignment between
-// fields in different groups though is hard problem.
-
-var mediaModuleCanvasWidth = '640';
-var mediaModuleCanvasHeight = '480';
 var style = {
   // styleModule
 
   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;',
+  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:
   // Color difference only
   'background-color: white; padding: 0.5em;  border: .05em solid white;  border-radius:0.2em; font-size: 100%; margin:0.4em;',
-  textInputSize: 20,
-  // Default text input size in characters roughly
   buttonStyle: 'background-color: #fff; padding: 0.7em;  border: .01em solid white;  border-radius:0.2em; font-size: 100%; margin: 0.3em;',
   // 'background-color: #eef;
   commentStyle: 'padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;',
@@ -39,12 +30,8 @@ var style = {
   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
   confirmPopupStyle: 'padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;',
-  tabBorderRadius: '0.2em',
   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;',
-  highlightColor: '#7C4DFF',
-  // Solid lavendar https://design.inrupt.com/atomic-core/?cat=Core
-
   // Contacts
   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;',
@@ -63,24 +50,15 @@ var style = {
   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
 
-  formBorderColor: formBorderColor,
-  // originally was brown; now grey
-  formHeadingColor: '#888888',
-  // originally was brown; now grey
   formHeadingStyle: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;',
   // originally was brown; now grey
   formTextInput: 'font-size: 100%; margin: 0.1em; padding: 0.1em;',
   // originally used this
-  formGroupStyle: ["padding-left: 0em; border: 0.0em solid ".concat(formBorderColor, "; border-radius: 0.2em;"), // weight 0
-  "padding-left: 2em; border: 0.05em solid ".concat(formBorderColor, "; border-radius: 0.2em;"), "padding-left: 2em; border: 0.1em solid ".concat(formBorderColor, "; border-radius: 0.2em;"), "padding-left: 2em; border: 0.2em solid ".concat(formBorderColor, "; border-radius: 0.2em;") // @@ pink
+  formGroupStyle: ["padding-left: 0em; border: 0.0em solid ".concat(_styleConstants["default"].formBorderColor, "; border-radius: 0.2em;"), // weight 0
+  "padding-left: 2em; border: 0.05em solid ".concat(_styleConstants["default"].formBorderColor, "; border-radius: 0.2em;"), "padding-left: 2em; border: 0.1em solid ".concat(_styleConstants["default"].formBorderColor, "; border-radius: 0.2em;"), "padding-left: 2em; border: 0.2em solid ".concat(_styleConstants["default"].formBorderColor, "; border-radius: 0.2em;") // @@ pink
   ],
-  formFieldLabelStyle: "'color: ".concat(lowProfileLinkColor, "; text-decoration: none;'"),
-  formFieldNameBoxWidth: formFieldNameBoxWidth,
-  formFieldNameBoxStyle: "padding: 0.3em; vertical-align: middle; width:".concat(formFieldNameBoxWidth, ";"),
-  textInputBackgroundColor: '#eef',
-  textInputBackgroundColorUneditable: '#fff',
-  textInputColor: '#000',
-  textInputColorPending: '#888',
+  formFieldLabelStyle: "'color: ".concat(_styleConstants["default"].lowProfileLinkColor, "; text-decoration: none;'"),
+  formFieldNameBoxStyle: "padding: 0.3em; vertical-align: middle; width:".concat(_styleConstants["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;',
   // Buttons
   renderAsDivStyle: 'display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;',
@@ -145,28 +123,26 @@ var style = {
   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',
   // media
-  controlStyle: "border-radius: 0.5em; margin: 0.8em; width:".concat(mediaModuleCanvasWidth, "; height:").concat(mediaModuleCanvasHeight, ";"),
+  controlStyle: "border-radius: 0.5em; margin: 0.8em; width:".concat(_styleConstants["default"].mediaModuleCanvasWidth, "; height:").concat(_styleConstants["default"].mediaModuleCanvasHeight, ";"),
   // dragAndDrop
   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;',
   // errors
   errorCancelButton: 'width: 2em; height: 2em; align: right;',
-  errorMessageBlock: 'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;',
-  defaultErrorBackgroundColor: '#fee',
+  errorMessageBlockStyle: 'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;',
   // pad
   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%;'],
+  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%;'],
   // participation
   participantsStyle: 'margin: 0.8em;',
   participantsBlock: 'height: 1.5em; width: 1.5em; margin: 0.3em; border 0.01em solid #888;',
   personTableTD: 'vertical-align: middle;',
   // tabs
-  tabsDefaultBackgroundColor: '#ddddcc',
   tabsNavElement: 'margin: 0;',
   tabsRootElement: 'display: flex; height: 100%; width: 100%;',
   tabsMainElement: 'margin: 0; width:100%; height: 100%;',

package/lib/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":["formBorderColor","lowProfileLinkColor","formFieldNameBoxWidth","mediaModuleCanvasWidth","mediaModuleCanvasHeight","style","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","controlStyle","dragEvent","dropEvent","restoreStyle","errorCancelButton","errorMessageBlock","defaultErrorBackgroundColor","notepadStyle","upstreamStatus","downstreamStatus","baseStyle","headingCore","headingStyle","participantsStyle","participantsBlock","personTableTD","tabsDefaultBackgroundColor","tabsNavElement","tabsRootElement","tabsMainElement","tabContainer","makeNewSlot","ellipsis","exports","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\nconst mediaModuleCanvasWidth = '640'\nconst mediaModuleCanvasHeight = '480'\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  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:${mediaModuleCanvasWidth}; height:${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  errorMessageBlock: 'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;',\n  defaultErrorBackgroundColor: '#fee',\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  tabsDefaultBackgroundColor: '#ddddcc',\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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"}
+{"version":3,"file":"style.js","names":["_styleConstants","_interopRequireDefault","require","style","checkboxStyle","checkboxInputStyle","fieldLabelStyle","formSelectStyle","textInputStyle","textInputStyleUneditable","buttonStyle","commentStyle","iconStyle","smallButtonStyle","classIconStyle","confirmPopupStyle","messageBodyStyle","pendingeditModifier","personaBarStyle","searchInputStyle","autocompleteRowStyle","signInButtonStyle","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","headerBannerLoginInput","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","exports","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  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  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; 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  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,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _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
+  // The latter we put in when switching awy from using tables.  Getting alignment between
+  // fields in different groups though is hard problem.
+
+  mediaModuleCanvasWidth: '640',
+  mediaModuleCanvasHeight: '480',
+  textInputSize: 20,
+  // Default text input size in characters roughly
+  tabBorderRadius: '0.2em',
+  textInputBackgroundColor: '#eef',
+  textInputBackgroundColorUneditable: '#fff',
+  textInputColor: '#000',
+  textInputColorPending: '#888',
+  defaultErrorBackgroundColor: '#fee'
+};
+exports["default"] = _default;
+//# 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","exports","_default"],"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  // The latter we put in when switching awy from using tables.  Getting alignment between\n  // fields in different groups though is hard problem.\n\n  mediaModuleCanvasWidth: '640',\n  mediaModuleCanvasHeight: '480',\n\n  textInputSize: 20, // Default text input size in characters roughly\n  tabBorderRadius: '0.2em',\n\n  textInputBackgroundColor: '#eef',\n  textInputBackgroundColorUneditable: '#fff',\n  textInputColor: '#000',\n  textInputColorPending: '#888',\n\n  defaultErrorBackgroundColor: '#fee'\n}\n"],"mappings":";;;;;;eAAe;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;AAC/B,CAAC;AAAAC,OAAA,cAAAC,QAAA"}

package/lib/tabs.d.ts

@@ -25,131 +25,6 @@ export declare class TabWidgetElement extends HTMLElement {
     refresh?: () => void;
     tabContainer?: HTMLElement;
 }
-/**
- * Use this widget to generate tabs from triples set in the global store.
- *
- * [Here you can see examples of the tabs](https://solidos.github.io/solid-ui/examples/tabs/).
- *
- * It assumes that items to use for tabs will be in a collection by default,
- * e.g.:
- *
- * ```turtle
- * :subject :predicate ( :item1 :item2 ) .
- * ```
- *
- * You can override this by setting `ordered: false`, in which case it expects
- * unordered triples:
- *
- * ```turtle
- * :subject :predicate :item1, :item 2 .
- * ```
- *
- * Triples that are not ordered in collection are in principle not sorted,
- * which means that tabs could change order every time you render the widget.
- * But in this case the widget will try to sort it in order to keep it
- * consistent.
- *
- * In both of these cases you need to define options `subject` and `predicate`
- * to tell the widget which triples it should be looking for.
- *
- * Finally you can set items manually, using the `items` option, e.g.:
- *
- * ```javascript
- * {
- *   items: [
- *     namedNode('https://domain.tld/#item1'),
- *     namedNode('https://domain.tld/#item2')
- *   ]
- * }
- * ```
- *
- * When you set items manually you do not need to set `subject` and
- * `predicate`.
- *
- * In any case you probably want to set the renderMain option to specify
- * what should be rendered for the various items, e.g.:
- *
- * ```javascript
- * {
- *   renderMain: (bodyMain, subject) => {
- *     bodyMain.innerHTML = renderItem(subject)
- *   }
- * }
- * ```
- *
- * **Note:** `renderItem` is a custom function that you need to define yourself.
- *
- * The option `renderTabSettings` allows you to render a custom view in the
- * body container that is shown when you hold the ALT key and click on a
- * tab. It works very much like the `renderMain` option:
- *
- * ```javascript
- * {
- *   renderTabSettings: (bodyMain, subject) => {
- *     bodyMain.innerHTML = renderTabSettings(subject)
- *   }
- * }
- * ```
- *
- * **Note:** `renderTabSettings` is a custom function that you need to define
- * yourself.
- *
- * By default the widget will try to guess the label by using the
- * [[utils.label]] function. If you want to customize this yourself, you can
- * use the `renderTab` option:
- *
- * ```javascript
- * {
- *   renderTab: (tabDiv, subject) => {
- *     tabDiv.innerText = renderTabText(subject)
- *   }
- * }
- * ```
- *
- * **Note:** `renderTabText` is a custom function you need to define yourself.
- *
- * The option renderTab is also important if you want to set which tab should
- * be selected once the widget is rendered. By default it will simply select
- * the first tab, but you can override by setting `dataset.name` on the tab
- * and referring to the same string in `selectedTab`:
- *
- * ```javascript
- * {
- *   renderTab: (tabDiv, subject)  => {
- *     tabDiv.dataset.name = subject.uri
- *   },
- *   selectedTab: item2.uri
- * }
- * ```
- *
- * You can apply a color to use for tabs and border of the container by using
- * option `background-color`. This is #ddddcc by default.
- *
- * You can override the document object that the widget uses to generate DOM
- * elements by setting the option `dom`. This is encouraged to set if you
- * intend your functionality to be used in environments that don't provide
- * a global `document` object.
- *
- * If you want to render a close button next to the tabs you can set option
- * `onClose` which takes a callback function that is triggered when the
- * button is clicked:
- *
- * ```javascript
- * {
- *   onClose: (event) => {
- *     // do something that hides the widget altogether
- *   }
- * }
- * ```
- *
- * The option `orientation` allows you to set which side the tabs should be
- * located: `'0'` = Top, `'1'` = Left, `'2'` = Bottom, `'3'` = Right
- *
- * If you don't want to render anything in the body container by default,
- * you can set the option `startEmpty` to `true`.
- *
- * @param options
- */
 export declare function tabWidget(options: TabWidgetOptions): TabWidgetElement;
 export {};
 //# sourceMappingURL=tabs.d.ts.map

package/lib/tabs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/tabs.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAIlC;;GAEG;AACH,cAAM,gBAAiB,SAAQ,WAAW;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,KAAK,gBAAgB,GAAG;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;IACjE,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;IACpE,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;IAC7E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B;AAUD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4HG;AACH,wBAAgB,SAAS,CAAE,OAAO,EAAE,gBAAgB,oBAmOnD"}
+{"version":3,"file":"tabs.d.ts","sourceRoot":"","sources":["../src/tabs.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAIlC;;GAEG;AACH,cAAM,gBAAiB,SAAQ,WAAW;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;AAED,KAAK,gBAAgB,GAAG;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,GAAG,CAAC,EAAE,YAAY,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACzB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;IACpC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;IACjE,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;IACpE,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,gBAAgB,EAAE,OAAO,EAAE,SAAS,KAAK,IAAI,CAAC;IAC7E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,qBAAa,gBAAiB,SAAQ,WAAW;IAC/C,aAAa,CAAC,EAAE,WAAW,CAAA;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,YAAY,CAAC,EAAE,WAAW,CAAA;CAC3B;AAyID,wBAAgB,SAAS,CAAE,OAAO,EAAE,gBAAgB,oBAmOnD"}

package/lib/tabs.js

@@ -204,11 +204,12 @@ var TabElement = /*#__PURE__*/function (_HTMLElement3) {
  *
  * @param options
  */
+var tabsDefaultBackgroundColor = '#ddddcc';
 function tabWidget(options) {
   var subject = options.subject;
   var dom = options.dom || document;
   var orientation = parseInt(options.orientation || '0');
-  var backgroundColor = options.backgroundColor || style.tabsDefaultBackgroundColor;
+  var backgroundColor = options.backgroundColor || tabsDefaultBackgroundColor;
   var flipped = orientation & 2;
   var vertical = orientation & 1;
   var onClose = options.onClose;

package/lib/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","names":["_widgets","require","_utils","style","_interopRequireWildcard","_solidLogic","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","e","ContainerElement","_HTMLElement","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","_createClass2","_wrapNativeSuper2","HTMLElement","TabWidgetElement","_HTMLElement2","_super2","_this2","_len2","_key2","exports","TabElement","_HTMLElement3","_super3","_this3","_len3","_key3","tabWidget","options","subject","dom","document","orientation","parseInt","backgroundColor","tabsDefaultBackgroundColor","flipped","vertical","onClose","_getColors","getColors","_getColors2","_slicedToArray2","selectedColor","color","bodyMainStyle","rootElement","createElement","setAttribute","tabsRootElement","flexDirection","navElement","appendChild","tabsNavElement","mainElement","tabsMainElement","tabContainer","tabElement","bodyContainer","corners","cornersPrepped","slice","cornersStyle","join","margins","marginsPrepped","marginsStyle","paddingStyle","tabStyle","unselectedStyle","selectedStyle","shownStyle","hiddenStyle","refresh","orderedSync","startEmpty","children","selectedTab","selectedTab0","from","map","tab","firstChild","find","dataset","name","selectedTabURI","uri","selectedTab1","clickMe","click","addCancelButton","onCloseSet","existingCancelButton","querySelector","removeChild","extraTab","classList","add","tabCancelButton","cancelButton","getAttribute","getItems","items","ordered","store","the","predicate","elements","each","makeNewSlot","item","ele","div","onclick","resetTabStyle","resetBodyStyle","bodyTR","bodyMain","getOrCreateContainerElement","renderMain","asSettings","innerHTML","renderTabSettings","ellipsis","textContent","renderTab","label","_ele$bodyTR","newBodyMain","slot","i","j","left","right","differ","sameTerm","insertables","newSlot","newBodyDiv","insertBefore","contains","isLight","colorBlend","a","b","mix","ca","cb","res","str","hex","res2","split","h","l","x","total"],"sources":["../src/tabs.ts"],"sourcesContent":["import { cancelButton } from './widgets'\nimport { label } from './utils'\nimport { NamedNode } from 'rdflib'\nimport * as style from './style'\nimport { store } from 'solid-logic'\n\n/**\n * @ignore\n */\nclass ContainerElement extends HTMLElement {\n  asSettings?: boolean\n}\n\ntype TabWidgetOptions = {\n  backgroundColor?: string;\n  dom?: HTMLDocument;\n  items?: Array<NamedNode>;\n  onClose?: (event: Event) => void;\n  ordered?: boolean;\n  orientation?: '0' | '1' | '2' | '3';\n  predicate?: NamedNode;\n  renderMain?: (bodyMain: HTMLElement, subject: NamedNode) => void;\n  renderTab?: (tabDiv: HTMLButtonElement, subject: NamedNode) => void;\n  renderTabSettings?: (bodyMain: ContainerElement, subject: NamedNode) => void;\n  selectedTab?: NamedNode;\n  startEmpty?: boolean;\n  subject?: NamedNode;\n};\n\nexport class TabWidgetElement extends HTMLElement {\n  bodyContainer?: HTMLElement\n  refresh?: () => void\n  tabContainer?: HTMLElement\n}\n\n/**\n * @ignore\n */\nclass TabElement extends HTMLElement {\n  bodyTR?: HTMLElement\n  subject?: NamedNode\n}\n\n/**\n * Use this widget to generate tabs from triples set in the global store.\n *\n * [Here you can see examples of the tabs](https://solidos.github.io/solid-ui/examples/tabs/).\n *\n * It assumes that items to use for tabs will be in a collection by default,\n * e.g.:\n *\n * ```turtle\n * :subject :predicate ( :item1 :item2 ) .\n * ```\n *\n * You can override this by setting `ordered: false`, in which case it expects\n * unordered triples:\n *\n * ```turtle\n * :subject :predicate :item1, :item 2 .\n * ```\n *\n * Triples that are not ordered in collection are in principle not sorted,\n * which means that tabs could change order every time you render the widget.\n * But in this case the widget will try to sort it in order to keep it\n * consistent.\n *\n * In both of these cases you need to define options `subject` and `predicate`\n * to tell the widget which triples it should be looking for.\n *\n * Finally you can set items manually, using the `items` option, e.g.:\n *\n * ```javascript\n * {\n *   items: [\n *     namedNode('https://domain.tld/#item1'),\n *     namedNode('https://domain.tld/#item2')\n *   ]\n * }\n * ```\n *\n * When you set items manually you do not need to set `subject` and\n * `predicate`.\n *\n * In any case you probably want to set the renderMain option to specify\n * what should be rendered for the various items, e.g.:\n *\n * ```javascript\n * {\n *   renderMain: (bodyMain, subject) => {\n *     bodyMain.innerHTML = renderItem(subject)\n *   }\n * }\n * ```\n *\n * **Note:** `renderItem` is a custom function that you need to define yourself.\n *\n * The option `renderTabSettings` allows you to render a custom view in the\n * body container that is shown when you hold the ALT key and click on a\n * tab. It works very much like the `renderMain` option:\n *\n * ```javascript\n * {\n *   renderTabSettings: (bodyMain, subject) => {\n *     bodyMain.innerHTML = renderTabSettings(subject)\n *   }\n * }\n * ```\n *\n * **Note:** `renderTabSettings` is a custom function that you need to define\n * yourself.\n *\n * By default the widget will try to guess the label by using the\n * [[utils.label]] function. If you want to customize this yourself, you can\n * use the `renderTab` option:\n *\n * ```javascript\n * {\n *   renderTab: (tabDiv, subject) => {\n *     tabDiv.innerText = renderTabText(subject)\n *   }\n * }\n * ```\n *\n * **Note:** `renderTabText` is a custom function you need to define yourself.\n *\n * The option renderTab is also important if you want to set which tab should\n * be selected once the widget is rendered. By default it will simply select\n * the first tab, but you can override by setting `dataset.name` on the tab\n * and referring to the same string in `selectedTab`:\n *\n * ```javascript\n * {\n *   renderTab: (tabDiv, subject)  => {\n *     tabDiv.dataset.name = subject.uri\n *   },\n *   selectedTab: item2.uri\n * }\n * ```\n *\n * You can apply a color to use for tabs and border of the container by using\n * option `background-color`. This is #ddddcc by default.\n *\n * You can override the document object that the widget uses to generate DOM\n * elements by setting the option `dom`. This is encouraged to set if you\n * intend your functionality to be used in environments that don't provide\n * a global `document` object.\n *\n * If you want to render a close button next to the tabs you can set option\n * `onClose` which takes a callback function that is triggered when the\n * button is clicked:\n *\n * ```javascript\n * {\n *   onClose: (event) => {\n *     // do something that hides the widget altogether\n *   }\n * }\n * ```\n *\n * The option `orientation` allows you to set which side the tabs should be\n * located: `'0'` = Top, `'1'` = Left, `'2'` = Bottom, `'3'` = Right\n *\n * If you don't want to render anything in the body container by default,\n * you can set the option `startEmpty` to `true`.\n *\n * @param options\n */\nexport function tabWidget (options: TabWidgetOptions) {\n  const subject = options.subject\n  const dom = options.dom || document\n  const orientation = parseInt(options.orientation || '0')\n  const backgroundColor = options.backgroundColor || style.tabsDefaultBackgroundColor\n  const flipped = orientation & 2\n  const vertical = orientation & 1\n  const onClose = options.onClose\n\n  const [selectedColor, color] = getColors(backgroundColor)\n  const bodyMainStyle = `flex: 2; width: auto; height: 100%; border: 0.1em; border-style: solid; border-color: ${selectedColor}; padding: 1em;`\n  const rootElement: TabWidgetElement = dom.createElement('div') // 20200117a\n\n  rootElement.setAttribute('style', style.tabsRootElement)\n  rootElement.style.flexDirection = (vertical ? 'row' : 'column') + (flipped ? '-reverse;' : ';')\n\n  const navElement = rootElement.appendChild(dom.createElement('nav'))\n  navElement.setAttribute('style', style.tabsNavElement)\n\n  const mainElement = rootElement.appendChild(dom.createElement('main'))\n\n  mainElement.setAttribute('style', style.tabsMainElement) // override tabbedtab.css\n  const tabContainer = navElement.appendChild(dom.createElement('ul'))\n  tabContainer.setAttribute('style', style.tabContainer)\n  tabContainer.style.flexDirection = `${vertical ? 'column' : 'row'}`\n\n  const tabElement = 'li'\n\n  const bodyContainer = mainElement\n  rootElement.tabContainer = tabContainer\n  rootElement.bodyContainer = bodyContainer\n\n  const corners = ['0.2em', '0.2em', '0', '0'] // top left, TR, BR, BL\n  const cornersPrepped = corners.concat(corners).slice(orientation, orientation + 4)\n  const cornersStyle = `border-radius: ${cornersPrepped.join(' ')};`\n\n  const margins = ['0.3em', '0.3em', '0', '0.3em'] // top, right, bottom, left\n  const marginsPrepped = margins.concat(margins).slice(orientation, orientation + 4)\n  const marginsStyle = `margin: ${marginsPrepped.join(' ')};`\n\n  const paddingStyle = `padding: ${marginsPrepped.join(' ')};`\n\n  const tabStyle = cornersStyle + `position: relative; padding: 0.7em; max-width: 20em; color: ${color};`\n  const unselectedStyle = `${\n    tabStyle + marginsStyle\n  } opacity: 50%; background-color: ${backgroundColor};`\n  const selectedStyle = `${tabStyle + marginsStyle} background-color: ${selectedColor};`\n  const shownStyle = 'height: 100%; width: 100%;'\n  const hiddenStyle = shownStyle + 'display: none;'\n  rootElement.refresh = orderedSync\n  orderedSync()\n\n  if (!options.startEmpty && tabContainer.children.length && options.selectedTab) {\n    const selectedTab0 = Array.from(tabContainer.children) // Version left for compatibility with ??\n      .map((tab) => tab.firstChild as HTMLElement)\n      .find((tab) => tab.dataset.name === options.selectedTab)\n\n    const selectedTabURI = options.selectedTab.uri\n    const selectedTab1 = Array.from(tabContainer.children)\n      // @ts-ignore\n      .find(\n        (tab) =>\n          (tab as TabElement).subject &&\n          // @ts-ignore\n          (tab as TabElement).subject.uri &&\n          // @ts-ignore\n          (tab as TabElement).subject.uri === selectedTabURI\n      )\n\n    const tab = selectedTab1 || selectedTab0 || (tabContainer.children[0] as HTMLButtonElement)\n    const clickMe = tab.firstChild\n    // @ts-ignore\n    if (clickMe) clickMe.click()\n  } else if (!options.startEmpty) {\n    (tabContainer.children[0].firstChild as HTMLButtonElement).click() // Open first tab\n  }\n  return rootElement\n\n  function addCancelButton (tabContainer) {\n    if (tabContainer.dataset.onCloseSet) {\n      // @@ TODO: this is only here to make the browser tests work\n      // Discussion at https://github.com/solidos/solid-ui/pull/110#issuecomment-527080663\n      const existingCancelButton = tabContainer.querySelector('.unstyled')\n      tabContainer.removeChild(existingCancelButton)\n    }\n    const extraTab = dom.createElement(tabElement)\n    extraTab.classList.add('unstyled')\n    const tabCancelButton = cancelButton(dom, onClose)\n    tabCancelButton.setAttribute('style', tabCancelButton.getAttribute('style') + paddingStyle)\n    extraTab.appendChild(tabCancelButton)\n    tabContainer.appendChild(extraTab)\n    tabContainer.dataset.onCloseSet = 'true'\n  }\n\n  function getItems (): Array<NamedNode> {\n    if (options.items) return options.items\n    if (options.ordered !== false) {\n      // options.ordered defaults to true\n      return (store.the(subject, options.predicate) as any).elements\n    } else {\n      return store.each(subject, options.predicate) as any\n    }\n  }\n\n  function makeNewSlot (item: NamedNode) {\n    const ele = dom.createElement(tabElement) as TabElement\n    ele.setAttribute('style', unselectedStyle)\n    ele.subject = item\n    const div = ele.appendChild(dom.createElement('button'))\n    div.setAttribute('style', style.makeNewSlot)\n\n    div.onclick = function () {\n      resetTabStyle()\n      resetBodyStyle()\n      ele.setAttribute('style', selectedStyle)\n      if (!ele.bodyTR) return\n      ele.bodyTR.setAttribute('style', shownStyle)\n      const bodyMain = getOrCreateContainerElement(ele)\n      if (options.renderMain && ele.subject && bodyMain.asSettings !== false) {\n        bodyMain.innerHTML = 'loading item ...' + item\n        options.renderMain(bodyMain, ele.subject)\n        bodyMain.asSettings = false\n      }\n    }\n\n    if (options.renderTabSettings && ele.subject) {\n      const ellipsis = dom.createElement('button')\n      ellipsis.textContent = '...'\n      ellipsis.setAttribute('style', style.ellipsis)\n\n      ellipsis.onclick = function () {\n        resetTabStyle()\n        resetBodyStyle()\n        ele.setAttribute('style', selectedStyle)\n        if (!ele.bodyTR) return\n        ele.bodyTR.setAttribute('style', shownStyle)\n        const bodyMain = getOrCreateContainerElement(ele)\n        if (options.renderTabSettings && ele.subject && bodyMain.asSettings !== true) {\n          bodyMain.innerHTML = 'loading settings ...' + item\n          options.renderTabSettings(bodyMain, ele.subject)\n          bodyMain.asSettings = true\n        }\n      }\n      ele.appendChild(ellipsis)\n    }\n\n    if (options.renderTab) {\n      options.renderTab(div, item)\n    } else {\n      div.innerHTML = label(item)\n    }\n    return ele\n\n    function getOrCreateContainerElement (ele: TabElement): ContainerElement {\n      const bodyMain = ele.bodyTR?.children[0] as ContainerElement\n      if (bodyMain) return bodyMain\n      const newBodyMain = ele.bodyTR!.appendChild(dom.createElement('main'))\n      newBodyMain.setAttribute('style', bodyMainStyle)\n      return newBodyMain\n    }\n  }\n\n  // @@ Use common one from utils?\n  function orderedSync () {\n    const items = getItems()\n    let slot: TabElement, i, j, left, right\n    let differ = false\n    // Find how many match at each end\n    for (left = 0; left < tabContainer.children.length; left++) {\n      slot = tabContainer.children[left] as TabElement\n      if (left >= items.length || (slot.subject && !slot.subject.sameTerm(items[left]))) {\n        differ = true\n        break\n      }\n    }\n    if (!differ && items.length === tabContainer.children.length) {\n      return // The two just match in order: a case to optimize for\n    }\n    for (right = tabContainer.children.length - 1; right >= 0; right--) {\n      slot = tabContainer.children[right] as TabElement\n      j = right - tabContainer.children.length + items.length\n      if (slot.subject && !slot.subject.sameTerm(items[j])) {\n        break\n      }\n    }\n    // The elements left ... right in tabContainer.children do not match\n    const insertables = items.slice(left, right - tabContainer.children.length + items.length + 1)\n    while (right >= left) {\n      // remove extra\n      tabContainer.removeChild(tabContainer.children[left])\n      bodyContainer.removeChild(bodyContainer.children[left])\n      right -= 1\n    }\n    for (i = 0; i < insertables.length; i++) {\n      const newSlot = makeNewSlot(insertables[i])\n      const newBodyDiv = dom.createElement('div')\n      newSlot.bodyTR = newBodyDiv\n      if (left === tabContainer.children.length) {\n        // None left of original on right\n        tabContainer.appendChild(newSlot)\n        bodyContainer.appendChild(newBodyDiv)\n      } else {\n        tabContainer.insertBefore(newSlot, tabContainer.children[left + i])\n        bodyContainer.insertBefore(newBodyDiv, bodyContainer.children[left + i])\n      }\n    }\n    if (onClose) {\n      addCancelButton(tabContainer)\n    }\n  }\n\n  function resetTabStyle () {\n    for (let i = 0; i < tabContainer.children.length; i++) {\n      const tab = tabContainer.children[i]\n      if (tab.classList.contains('unstyled')) {\n        continue\n      } else {\n        tab.setAttribute('style', unselectedStyle)\n      }\n    }\n  }\n\n  function resetBodyStyle () {\n    for (let i = 0; i < bodyContainer.children.length; i++) {\n      bodyContainer.children[i].setAttribute('style', hiddenStyle)\n    }\n  }\n}\n\n/**\n * @internal\n */\nfunction getColors (backgroundColor: string): [string, string] {\n  return isLight(backgroundColor)\n    ? [colorBlend(backgroundColor, '#ffffff', 0.3), '#000000']\n    : [colorBlend(backgroundColor, '#000000', 0.3), '#ffffff']\n}\n\n/**\n * @internal\n */\nfunction colorBlend (a: string, b: string, mix: number): string {\n  let ca, cb, res\n  let str = '#'\n  const hex = '0123456789abcdef'\n  for (let i = 0; i < 3; i++) {\n    ca = parseInt(a.slice(i * 2 + 1, i * 2 + 3), 16)\n    cb = parseInt(b.slice(i * 2 + 1, i * 2 + 3), 16)\n    res = ca * (1.0 - mix) + cb * mix // @@@ rounding\n    const res2 = parseInt(('' + res).split('.')[0]) // @@ ugh\n    const h = parseInt(('' + res2 / 16).split('.')[0]) // @@ ugh\n    const l = parseInt(('' + (res2 % 16)).split('.')[0]) // @@ ugh\n    str += hex[h] + hex[l]\n  }\n  return str\n}\n\n/**\n * @internal\n */\nfunction isLight (x: string): boolean {\n  let total = 0\n  for (let i = 0; i < 3; i++) {\n    total += parseInt(x.slice(i * 2 + 1, i * 2 + 3), 16)\n  }\n  return total > 128 * 3\n}\n"],"mappings":"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"}
+{"version":3,"file":"tabs.js","names":["_widgets","require","_utils","style","_interopRequireWildcard","_solidLogic","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","result","NewTarget","constructor","Reflect","construct","arguments","apply","_possibleConstructorReturn2","sham","Proxy","Boolean","valueOf","e","ContainerElement","_HTMLElement","_inherits2","_super","_this","_classCallCheck2","_len","length","args","Array","_key","concat","_defineProperty2","_assertThisInitialized2","_createClass2","_wrapNativeSuper2","HTMLElement","TabWidgetElement","_HTMLElement2","_super2","_this2","_len2","_key2","exports","TabElement","_HTMLElement3","_super3","_this3","_len3","_key3","tabsDefaultBackgroundColor","tabWidget","options","subject","dom","document","orientation","parseInt","backgroundColor","flipped","vertical","onClose","_getColors","getColors","_getColors2","_slicedToArray2","selectedColor","color","bodyMainStyle","rootElement","createElement","setAttribute","tabsRootElement","flexDirection","navElement","appendChild","tabsNavElement","mainElement","tabsMainElement","tabContainer","tabElement","bodyContainer","corners","cornersPrepped","slice","cornersStyle","join","margins","marginsPrepped","marginsStyle","paddingStyle","tabStyle","unselectedStyle","selectedStyle","shownStyle","hiddenStyle","refresh","orderedSync","startEmpty","children","selectedTab","selectedTab0","from","map","tab","firstChild","find","dataset","name","selectedTabURI","uri","selectedTab1","clickMe","click","addCancelButton","onCloseSet","existingCancelButton","querySelector","removeChild","extraTab","classList","add","tabCancelButton","cancelButton","getAttribute","getItems","items","ordered","store","the","predicate","elements","each","makeNewSlot","item","ele","div","onclick","resetTabStyle","resetBodyStyle","bodyTR","bodyMain","getOrCreateContainerElement","renderMain","asSettings","innerHTML","renderTabSettings","ellipsis","textContent","renderTab","label","_ele$bodyTR","newBodyMain","slot","i","j","left","right","differ","sameTerm","insertables","newSlot","newBodyDiv","insertBefore","contains","isLight","colorBlend","a","b","mix","ca","cb","res","str","hex","res2","split","h","l","x","total"],"sources":["../src/tabs.ts"],"sourcesContent":["import { cancelButton } from './widgets'\nimport { label } from './utils'\nimport { NamedNode } from 'rdflib'\nimport * as style from './style'\nimport { store } from 'solid-logic'\n\n/**\n * @ignore\n */\nclass ContainerElement extends HTMLElement {\n  asSettings?: boolean\n}\n\ntype TabWidgetOptions = {\n  backgroundColor?: string;\n  dom?: HTMLDocument;\n  items?: Array<NamedNode>;\n  onClose?: (event: Event) => void;\n  ordered?: boolean;\n  orientation?: '0' | '1' | '2' | '3';\n  predicate?: NamedNode;\n  renderMain?: (bodyMain: HTMLElement, subject: NamedNode) => void;\n  renderTab?: (tabDiv: HTMLButtonElement, subject: NamedNode) => void;\n  renderTabSettings?: (bodyMain: ContainerElement, subject: NamedNode) => void;\n  selectedTab?: NamedNode;\n  startEmpty?: boolean;\n  subject?: NamedNode;\n};\n\nexport class TabWidgetElement extends HTMLElement {\n  bodyContainer?: HTMLElement\n  refresh?: () => void\n  tabContainer?: HTMLElement\n}\n\n/**\n * @ignore\n */\nclass TabElement extends HTMLElement {\n  bodyTR?: HTMLElement\n  subject?: NamedNode\n}\n\n/**\n * Use this widget to generate tabs from triples set in the global store.\n *\n * [Here you can see examples of the tabs](https://solidos.github.io/solid-ui/examples/tabs/).\n *\n * It assumes that items to use for tabs will be in a collection by default,\n * e.g.:\n *\n * ```turtle\n * :subject :predicate ( :item1 :item2 ) .\n * ```\n *\n * You can override this by setting `ordered: false`, in which case it expects\n * unordered triples:\n *\n * ```turtle\n * :subject :predicate :item1, :item 2 .\n * ```\n *\n * Triples that are not ordered in collection are in principle not sorted,\n * which means that tabs could change order every time you render the widget.\n * But in this case the widget will try to sort it in order to keep it\n * consistent.\n *\n * In both of these cases you need to define options `subject` and `predicate`\n * to tell the widget which triples it should be looking for.\n *\n * Finally you can set items manually, using the `items` option, e.g.:\n *\n * ```javascript\n * {\n *   items: [\n *     namedNode('https://domain.tld/#item1'),\n *     namedNode('https://domain.tld/#item2')\n *   ]\n * }\n * ```\n *\n * When you set items manually you do not need to set `subject` and\n * `predicate`.\n *\n * In any case you probably want to set the renderMain option to specify\n * what should be rendered for the various items, e.g.:\n *\n * ```javascript\n * {\n *   renderMain: (bodyMain, subject) => {\n *     bodyMain.innerHTML = renderItem(subject)\n *   }\n * }\n * ```\n *\n * **Note:** `renderItem` is a custom function that you need to define yourself.\n *\n * The option `renderTabSettings` allows you to render a custom view in the\n * body container that is shown when you hold the ALT key and click on a\n * tab. It works very much like the `renderMain` option:\n *\n * ```javascript\n * {\n *   renderTabSettings: (bodyMain, subject) => {\n *     bodyMain.innerHTML = renderTabSettings(subject)\n *   }\n * }\n * ```\n *\n * **Note:** `renderTabSettings` is a custom function that you need to define\n * yourself.\n *\n * By default the widget will try to guess the label by using the\n * [[utils.label]] function. If you want to customize this yourself, you can\n * use the `renderTab` option:\n *\n * ```javascript\n * {\n *   renderTab: (tabDiv, subject) => {\n *     tabDiv.innerText = renderTabText(subject)\n *   }\n * }\n * ```\n *\n * **Note:** `renderTabText` is a custom function you need to define yourself.\n *\n * The option renderTab is also important if you want to set which tab should\n * be selected once the widget is rendered. By default it will simply select\n * the first tab, but you can override by setting `dataset.name` on the tab\n * and referring to the same string in `selectedTab`:\n *\n * ```javascript\n * {\n *   renderTab: (tabDiv, subject)  => {\n *     tabDiv.dataset.name = subject.uri\n *   },\n *   selectedTab: item2.uri\n * }\n * ```\n *\n * You can apply a color to use for tabs and border of the container by using\n * option `background-color`. This is #ddddcc by default.\n *\n * You can override the document object that the widget uses to generate DOM\n * elements by setting the option `dom`. This is encouraged to set if you\n * intend your functionality to be used in environments that don't provide\n * a global `document` object.\n *\n * If you want to render a close button next to the tabs you can set option\n * `onClose` which takes a callback function that is triggered when the\n * button is clicked:\n *\n * ```javascript\n * {\n *   onClose: (event) => {\n *     // do something that hides the widget altogether\n *   }\n * }\n * ```\n *\n * The option `orientation` allows you to set which side the tabs should be\n * located: `'0'` = Top, `'1'` = Left, `'2'` = Bottom, `'3'` = Right\n *\n * If you don't want to render anything in the body container by default,\n * you can set the option `startEmpty` to `true`.\n *\n * @param options\n */\nconst tabsDefaultBackgroundColor = '#ddddcc'\n\nexport function tabWidget (options: TabWidgetOptions) {\n  const subject = options.subject\n  const dom = options.dom || document\n  const orientation = parseInt(options.orientation || '0')\n  const backgroundColor = options.backgroundColor || tabsDefaultBackgroundColor\n  const flipped = orientation & 2\n  const vertical = orientation & 1\n  const onClose = options.onClose\n\n  const [selectedColor, color] = getColors(backgroundColor)\n  const bodyMainStyle = `flex: 2; width: auto; height: 100%; border: 0.1em; border-style: solid; border-color: ${selectedColor}; padding: 1em;`\n  const rootElement: TabWidgetElement = dom.createElement('div') // 20200117a\n\n  rootElement.setAttribute('style', style.tabsRootElement)\n  rootElement.style.flexDirection = (vertical ? 'row' : 'column') + (flipped ? '-reverse;' : ';')\n\n  const navElement = rootElement.appendChild(dom.createElement('nav'))\n  navElement.setAttribute('style', style.tabsNavElement)\n\n  const mainElement = rootElement.appendChild(dom.createElement('main'))\n\n  mainElement.setAttribute('style', style.tabsMainElement) // override tabbedtab.css\n  const tabContainer = navElement.appendChild(dom.createElement('ul'))\n  tabContainer.setAttribute('style', style.tabContainer)\n  tabContainer.style.flexDirection = `${vertical ? 'column' : 'row'}`\n\n  const tabElement = 'li'\n\n  const bodyContainer = mainElement\n  rootElement.tabContainer = tabContainer\n  rootElement.bodyContainer = bodyContainer\n\n  const corners = ['0.2em', '0.2em', '0', '0'] // top left, TR, BR, BL\n  const cornersPrepped = corners.concat(corners).slice(orientation, orientation + 4)\n  const cornersStyle = `border-radius: ${cornersPrepped.join(' ')};`\n\n  const margins = ['0.3em', '0.3em', '0', '0.3em'] // top, right, bottom, left\n  const marginsPrepped = margins.concat(margins).slice(orientation, orientation + 4)\n  const marginsStyle = `margin: ${marginsPrepped.join(' ')};`\n\n  const paddingStyle = `padding: ${marginsPrepped.join(' ')};`\n\n  const tabStyle = cornersStyle + `position: relative; padding: 0.7em; max-width: 20em; color: ${color};`\n  const unselectedStyle = `${\n    tabStyle + marginsStyle\n  } opacity: 50%; background-color: ${backgroundColor};`\n  const selectedStyle = `${tabStyle + marginsStyle} background-color: ${selectedColor};`\n  const shownStyle = 'height: 100%; width: 100%;'\n  const hiddenStyle = shownStyle + 'display: none;'\n  rootElement.refresh = orderedSync\n  orderedSync()\n\n  if (!options.startEmpty && tabContainer.children.length && options.selectedTab) {\n    const selectedTab0 = Array.from(tabContainer.children) // Version left for compatibility with ??\n      .map((tab) => tab.firstChild as HTMLElement)\n      .find((tab) => tab.dataset.name === options.selectedTab)\n\n    const selectedTabURI = options.selectedTab.uri\n    const selectedTab1 = Array.from(tabContainer.children)\n      // @ts-ignore\n      .find(\n        (tab) =>\n          (tab as TabElement).subject &&\n          // @ts-ignore\n          (tab as TabElement).subject.uri &&\n          // @ts-ignore\n          (tab as TabElement).subject.uri === selectedTabURI\n      )\n\n    const tab = selectedTab1 || selectedTab0 || (tabContainer.children[0] as HTMLButtonElement)\n    const clickMe = tab.firstChild\n    // @ts-ignore\n    if (clickMe) clickMe.click()\n  } else if (!options.startEmpty) {\n    (tabContainer.children[0].firstChild as HTMLButtonElement).click() // Open first tab\n  }\n  return rootElement\n\n  function addCancelButton (tabContainer) {\n    if (tabContainer.dataset.onCloseSet) {\n      // @@ TODO: this is only here to make the browser tests work\n      // Discussion at https://github.com/solidos/solid-ui/pull/110#issuecomment-527080663\n      const existingCancelButton = tabContainer.querySelector('.unstyled')\n      tabContainer.removeChild(existingCancelButton)\n    }\n    const extraTab = dom.createElement(tabElement)\n    extraTab.classList.add('unstyled')\n    const tabCancelButton = cancelButton(dom, onClose)\n    tabCancelButton.setAttribute('style', tabCancelButton.getAttribute('style') + paddingStyle)\n    extraTab.appendChild(tabCancelButton)\n    tabContainer.appendChild(extraTab)\n    tabContainer.dataset.onCloseSet = 'true'\n  }\n\n  function getItems (): Array<NamedNode> {\n    if (options.items) return options.items\n    if (options.ordered !== false) {\n      // options.ordered defaults to true\n      return (store.the(subject, options.predicate) as any).elements\n    } else {\n      return store.each(subject, options.predicate) as any\n    }\n  }\n\n  function makeNewSlot (item: NamedNode) {\n    const ele = dom.createElement(tabElement) as TabElement\n    ele.setAttribute('style', unselectedStyle)\n    ele.subject = item\n    const div = ele.appendChild(dom.createElement('button'))\n    div.setAttribute('style', style.makeNewSlot)\n\n    div.onclick = function () {\n      resetTabStyle()\n      resetBodyStyle()\n      ele.setAttribute('style', selectedStyle)\n      if (!ele.bodyTR) return\n      ele.bodyTR.setAttribute('style', shownStyle)\n      const bodyMain = getOrCreateContainerElement(ele)\n      if (options.renderMain && ele.subject && bodyMain.asSettings !== false) {\n        bodyMain.innerHTML = 'loading item ...' + item\n        options.renderMain(bodyMain, ele.subject)\n        bodyMain.asSettings = false\n      }\n    }\n\n    if (options.renderTabSettings && ele.subject) {\n      const ellipsis = dom.createElement('button')\n      ellipsis.textContent = '...'\n      ellipsis.setAttribute('style', style.ellipsis)\n\n      ellipsis.onclick = function () {\n        resetTabStyle()\n        resetBodyStyle()\n        ele.setAttribute('style', selectedStyle)\n        if (!ele.bodyTR) return\n        ele.bodyTR.setAttribute('style', shownStyle)\n        const bodyMain = getOrCreateContainerElement(ele)\n        if (options.renderTabSettings && ele.subject && bodyMain.asSettings !== true) {\n          bodyMain.innerHTML = 'loading settings ...' + item\n          options.renderTabSettings(bodyMain, ele.subject)\n          bodyMain.asSettings = true\n        }\n      }\n      ele.appendChild(ellipsis)\n    }\n\n    if (options.renderTab) {\n      options.renderTab(div, item)\n    } else {\n      div.innerHTML = label(item)\n    }\n    return ele\n\n    function getOrCreateContainerElement (ele: TabElement): ContainerElement {\n      const bodyMain = ele.bodyTR?.children[0] as ContainerElement\n      if (bodyMain) return bodyMain\n      const newBodyMain = ele.bodyTR!.appendChild(dom.createElement('main'))\n      newBodyMain.setAttribute('style', bodyMainStyle)\n      return newBodyMain\n    }\n  }\n\n  // @@ Use common one from utils?\n  function orderedSync () {\n    const items = getItems()\n    let slot: TabElement, i, j, left, right\n    let differ = false\n    // Find how many match at each end\n    for (left = 0; left < tabContainer.children.length; left++) {\n      slot = tabContainer.children[left] as TabElement\n      if (left >= items.length || (slot.subject && !slot.subject.sameTerm(items[left]))) {\n        differ = true\n        break\n      }\n    }\n    if (!differ && items.length === tabContainer.children.length) {\n      return // The two just match in order: a case to optimize for\n    }\n    for (right = tabContainer.children.length - 1; right >= 0; right--) {\n      slot = tabContainer.children[right] as TabElement\n      j = right - tabContainer.children.length + items.length\n      if (slot.subject && !slot.subject.sameTerm(items[j])) {\n        break\n      }\n    }\n    // The elements left ... right in tabContainer.children do not match\n    const insertables = items.slice(left, right - tabContainer.children.length + items.length + 1)\n    while (right >= left) {\n      // remove extra\n      tabContainer.removeChild(tabContainer.children[left])\n      bodyContainer.removeChild(bodyContainer.children[left])\n      right -= 1\n    }\n    for (i = 0; i < insertables.length; i++) {\n      const newSlot = makeNewSlot(insertables[i])\n      const newBodyDiv = dom.createElement('div')\n      newSlot.bodyTR = newBodyDiv\n      if (left === tabContainer.children.length) {\n        // None left of original on right\n        tabContainer.appendChild(newSlot)\n        bodyContainer.appendChild(newBodyDiv)\n      } else {\n        tabContainer.insertBefore(newSlot, tabContainer.children[left + i])\n        bodyContainer.insertBefore(newBodyDiv, bodyContainer.children[left + i])\n      }\n    }\n    if (onClose) {\n      addCancelButton(tabContainer)\n    }\n  }\n\n  function resetTabStyle () {\n    for (let i = 0; i < tabContainer.children.length; i++) {\n      const tab = tabContainer.children[i]\n      if (tab.classList.contains('unstyled')) {\n        continue\n      } else {\n        tab.setAttribute('style', unselectedStyle)\n      }\n    }\n  }\n\n  function resetBodyStyle () {\n    for (let i = 0; i < bodyContainer.children.length; i++) {\n      bodyContainer.children[i].setAttribute('style', hiddenStyle)\n    }\n  }\n}\n\n/**\n * @internal\n */\nfunction getColors (backgroundColor: string): [string, string] {\n  return isLight(backgroundColor)\n    ? [colorBlend(backgroundColor, '#ffffff', 0.3), '#000000']\n    : [colorBlend(backgroundColor, '#000000', 0.3), '#ffffff']\n}\n\n/**\n * @internal\n */\nfunction colorBlend (a: string, b: string, mix: number): string {\n  let ca, cb, res\n  let str = '#'\n  const hex = '0123456789abcdef'\n  for (let i = 0; i < 3; i++) {\n    ca = parseInt(a.slice(i * 2 + 1, i * 2 + 3), 16)\n    cb = parseInt(b.slice(i * 2 + 1, i * 2 + 3), 16)\n    res = ca * (1.0 - mix) + cb * mix // @@@ rounding\n    const res2 = parseInt(('' + res).split('.')[0]) // @@ ugh\n    const h = parseInt(('' + res2 / 16).split('.')[0]) // @@ ugh\n    const l = parseInt(('' + (res2 % 16)).split('.')[0]) // @@ ugh\n    str += hex[h] + hex[l]\n  }\n  return str\n}\n\n/**\n * @internal\n */\nfunction isLight (x: string): boolean {\n  let total = 0\n  for (let i = 0; i < 3; i++) {\n    total += parseInt(x.slice(i * 2 + 1, i * 2 + 3), 16)\n  }\n  return total > 128 * 3\n}\n"],"mappings":"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"}

package/lib/versionInfo.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.versionInfo = void 0;
 var versionInfo = {
-  buildTime: '2023-07-01T18:02:23Z',
-  commit: 'e21f60c14dc28ede71cc357a9e23bf9fc3cbafd0',
+  buildTime: '2023-07-01T18:57:06Z',
+  commit: 'e3ba3633cc682051468264690205955f964e071c',
   npmInfo: {
     'solid-ui': '2.4.28',
     npm: '8.19.4',

package/lib/versionInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"versionInfo.js","names":["versionInfo","buildTime","commit","npmInfo","npm","node","v8","uv","zlib","brotli","ares","modules","nghttp2","napi","llhttp","openssl","cldr","icu","tz","unicode","ngtcp2","nghttp3","exports"],"sources":["../src/versionInfo.ts"],"sourcesContent":["export const versionInfo = {\n  buildTime: '2023-07-01T18:02:23Z',\n  commit: 'e21f60c14dc28ede71cc357a9e23bf9fc3cbafd0',\n  npmInfo:\n{\n  'solid-ui': '2.4.28',\n  npm: '8.19.4',\n  node: '16.20.1',\n  v8: '9.4.146.26-node.26',\n  uv: '1.43.0',\n  zlib: '1.2.11',\n  brotli: '1.0.9',\n  ares: '1.19.1',\n  modules: '93',\n  nghttp2: '1.47.0',\n  napi: '8',\n  llhttp: '6.0.11',\n  openssl: '1.1.1u+quic',\n  cldr: '41.0',\n  icu: '71.1',\n  tz: '2022f',\n  unicode: '14.0',\n  ngtcp2: '0.8.1',\n  nghttp3: '0.7.0'\n}\n}\n"],"mappings":";;;;;;AAAO,IAAMA,WAAW,GAAG;EACzBC,SAAS,EAAE,sBAAsB;EACjCC,MAAM,EAAE,0CAA0C;EAClDC,OAAO,EACT;IACE,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,QAAQ;IACbC,IAAI,EAAE,SAAS;IACfC,EAAE,EAAE,oBAAoB;IACxBC,EAAE,EAAE,QAAQ;IACZC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE,OAAO;IACfC,IAAI,EAAE,QAAQ;IACdC,OAAO,EAAE,IAAI;IACbC,OAAO,EAAE,QAAQ;IACjBC,IAAI,EAAE,GAAG;IACTC,MAAM,EAAE,QAAQ;IAChBC,OAAO,EAAE,aAAa;IACtBC,IAAI,EAAE,MAAM;IACZC,GAAG,EAAE,MAAM;IACXC,EAAE,EAAE,OAAO;IACXC,OAAO,EAAE,MAAM;IACfC,MAAM,EAAE,OAAO;IACfC,OAAO,EAAE;EACX;AACA,CAAC;AAAAC,OAAA,CAAAtB,WAAA,GAAAA,WAAA"}
+{"version":3,"file":"versionInfo.js","names":["versionInfo","buildTime","commit","npmInfo","npm","node","v8","uv","zlib","brotli","ares","modules","nghttp2","napi","llhttp","openssl","cldr","icu","tz","unicode","ngtcp2","nghttp3","exports"],"sources":["../src/versionInfo.ts"],"sourcesContent":["export const versionInfo = {\n  buildTime: '2023-07-01T18:57:06Z',\n  commit: 'e3ba3633cc682051468264690205955f964e071c',\n  npmInfo:\n{\n  'solid-ui': '2.4.28',\n  npm: '8.19.4',\n  node: '16.20.1',\n  v8: '9.4.146.26-node.26',\n  uv: '1.43.0',\n  zlib: '1.2.11',\n  brotli: '1.0.9',\n  ares: '1.19.1',\n  modules: '93',\n  nghttp2: '1.47.0',\n  napi: '8',\n  llhttp: '6.0.11',\n  openssl: '1.1.1u+quic',\n  cldr: '41.0',\n  icu: '71.1',\n  tz: '2022f',\n  unicode: '14.0',\n  ngtcp2: '0.8.1',\n  nghttp3: '0.7.0'\n}\n}\n"],"mappings":";;;;;;AAAO,IAAMA,WAAW,GAAG;EACzBC,SAAS,EAAE,sBAAsB;EACjCC,MAAM,EAAE,0CAA0C;EAClDC,OAAO,EACT;IACE,UAAU,EAAE,QAAQ;IACpBC,GAAG,EAAE,QAAQ;IACbC,IAAI,EAAE,SAAS;IACfC,EAAE,EAAE,oBAAoB;IACxBC,EAAE,EAAE,QAAQ;IACZC,IAAI,EAAE,QAAQ;IACdC,MAAM,EAAE,OAAO;IACfC,IAAI,EAAE,QAAQ;IACdC,OAAO,EAAE,IAAI;IACbC,OAAO,EAAE,QAAQ;IACjBC,IAAI,EAAE,GAAG;IACTC,MAAM,EAAE,QAAQ;IAChBC,OAAO,EAAE,aAAa;IACtBC,IAAI,EAAE,MAAM;IACZC,GAAG,EAAE,MAAM;IACXC,EAAE,EAAE,OAAO;IACXC,OAAO,EAAE,MAAM;IACfC,MAAM,EAAE,OAAO;IACfC,OAAO,EAAE;EACX;AACA,CAAC;AAAAC,OAAA,CAAAtB,WAAA,GAAAA,WAAA"}

package/lib/widgets/error.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../src/widgets/error.ts"],"names":[],"mappings":"AAgBA,wBAAgB,iBAAiB,CAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,GAAG,KAAK,EAAE,eAAe,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,KAAK,GAAG,cAAc,CAoBjI"}
+{"version":3,"file":"error.d.ts","sourceRoot":"","sources":["../../src/widgets/error.ts"],"names":[],"mappings":"AAiBA,wBAAgB,iBAAiB,CAAE,GAAG,EAAE,YAAY,EAAE,GAAG,EAAE,MAAM,GAAG,KAAK,EAAE,eAAe,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,KAAK,GAAG,cAAc,CAoBjI"}