solid-ui 2.4.32 → 2.4.33-beta

package/lib/signup/config-default.js.map

@@ -1 +1 @@
-{"version":3,"file":"config-default.js","names":["Object","defineProperty","exports","value","_default","authEndpoint","fallbackAuthEndpoint","signupEndpoint","signupWindowHeight","signupWindowWidth","key","cert"],"sources":["../../src/signup/config-default.js"],"sourcesContent":["'use strict'\n/**\n * Provides a simple configuration object for Solid web client and other\n * modules.\n * @module config-default\n */\nexport default { // @@ should not use export default\n  /**\n   * Primary authentication endpoint\n   */\n  authEndpoint: '',\n\n  /**\n   * Fallback authentication endpoint\n   */\n  fallbackAuthEndpoint: 'https://databox.me/',\n\n  /**\n   * Default signup endpoints (list of identity providers)\n   */\n  signupEndpoint: 'https://solidproject.org/use-solid/',\n\n  /**\n   * Default height of the Signup popup window, in pixels\n   */\n  signupWindowHeight: 600,\n\n  /**\n   * Default width of the Signup popup window, in pixels\n   */\n  signupWindowWidth: 1024,\n\n  /**\n   * Path to the client private key (only needed when running within node)\n   */\n  key: '',\n\n  /**\n   * Path to the client certificate (only needed when running within node)\n   */\n  cert: ''\n}\n"],"mappings":"AAAA,YAAY;;AACZ;AACA;AACA;AACA;AACA;AAJAA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA;AAAA,IAAAE,QAAA,GAAAF,OAAA,cAKe;EAAE;EACf;AACF;AACA;EACEG,YAAY,EAAE,EAAE;EAEhB;AACF;AACA;EACEC,oBAAoB,EAAE,qBAAqB;EAE3C;AACF;AACA;EACEC,cAAc,EAAE,qCAAqC;EAErD;AACF;AACA;EACEC,kBAAkB,EAAE,GAAG;EAEvB;AACF;AACA;EACEC,iBAAiB,EAAE,IAAI;EAEvB;AACF;AACA;EACEC,GAAG,EAAE,EAAE;EAEP;AACF;AACA;EACEC,IAAI,EAAE;AACR,CAAC"}
+{"version":3,"file":"config-default.js","names":["Object","defineProperty","exports","value","_default","authEndpoint","fallbackAuthEndpoint","signupEndpoint","signupWindowHeight","signupWindowWidth","key","cert"],"sources":["../../src/signup/config-default.js"],"sourcesContent":["'use strict'\n/**\n * Provides a simple configuration object for Solid web client and other\n * modules.\n * @module config-default\n */\nexport default { // @@ should not use export default\n  /**\n   * Primary authentication endpoint\n   */\n  authEndpoint: '',\n\n  /**\n   * Fallback authentication endpoint\n   */\n  fallbackAuthEndpoint: 'https://databox.me/',\n\n  /**\n   * Default signup endpoints (list of identity providers)\n   */\n  signupEndpoint: 'https://solidproject.org/use-solid/',\n\n  /**\n   * Default height of the Signup popup window, in pixels\n   */\n  signupWindowHeight: 600,\n\n  /**\n   * Default width of the Signup popup window, in pixels\n   */\n  signupWindowWidth: 1024,\n\n  /**\n   * Path to the client private key (only needed when running within node)\n   */\n  key: '',\n\n  /**\n   * Path to the client certificate (only needed when running within node)\n   */\n  cert: ''\n}\n"],"mappings":"AAAA,YAAY;;AACZ;AACA;AACA;AACA;AACA;AAJAA,MAAA,CAAAC,cAAA,CAAAC,OAAA;EAAAC,KAAA;AAAA;AAAAD,OAAA;AAAA,IAAAE,QAAA,GAAAF,OAAA,cAKe;EAAE;EACf;AACF;AACA;EACEG,YAAY,EAAE,EAAE;EAEhB;AACF;AACA;EACEC,oBAAoB,EAAE,qBAAqB;EAE3C;AACF;AACA;EACEC,cAAc,EAAE,qCAAqC;EAErD;AACF;AACA;EACEC,kBAAkB,EAAE,GAAG;EAEvB;AACF;AACA;EACEC,iBAAiB,EAAE,IAAI;EAEvB;AACF;AACA;EACEC,GAAG,EAAE,EAAE;EAEP;AACF;AACA;EACEC,IAAI,EAAE;AACR,CAAC","ignoreList":[]}

package/lib/signup/signup.js.map

@@ -1 +1 @@
-{"version":3,"file":"signup.js","names":["_configDefault","_interopRequireDefault","require","Signup","config","defaultConfig","prototype","listen","promise","Promise","resolve","reject","eventMethod","window","addEventListener","eventListener","messageEvent","e","u","data","slice","user","length","signup","signupUrl","signupEndpoint","width","signupWindowWidth","height","signupWindowHeight","leftPosition","screen","topPosition","windowTitle","windowUrl","encodeURIComponent","location","origin","windowSpecs","open","self","then","webid"],"sources":["../../src/signup/signup.js"],"sourcesContent":["import defaultConfig from './config-default'\n\n/**\n * Provides functionality for signing up with a Solid provider\n * @module signup\n */\n\n/**\n * Creates a Signup UI manager\n * @class\n */\nexport function Signup (config) {\n  this.config = config || defaultConfig\n}\n\n/**\n * Sets up an event listener to monitor login messages from child window/iframe\n * @method listen\n * @return {Promise<String>} Event listener promise, resolves to user's WebID\n */\nSignup.prototype.listen = function listen () {\n  const promise = new Promise(function (resolve, reject) {\n    const eventMethod = window.addEventListener\n      ? 'addEventListener'\n      : 'attachEvent'\n    const eventListener = window[eventMethod]\n    const messageEvent = eventMethod === 'attachEvent'\n      ? 'onmessage'\n      : 'message'\n    eventListener(messageEvent, function (e) {\n      const u = e.data\n      if (u.slice(0, 5) === 'User:') {\n        const user = u.slice(5, u.length)\n        if (user && user.length > 0 && user.slice(0, 4) === 'http') {\n          return resolve(user)\n        } else {\n          return reject(user)\n        }\n      }\n    }, true)\n  })\n  return promise\n}\n\n/**\n * Opens a signup popup window, sets up `listen()`.\n * @method signup\n * @static\n * @param signupUrl {String} Location of a Solid server for user signup.\n * @return {Promise<String>} Returns a listener promise, resolves with signed\n *   up user's WebID.\n */\nSignup.prototype.signup = function signup (signupUrl) {\n  signupUrl = signupUrl || this.config.signupEndpoint\n  const width = this.config.signupWindowWidth\n  const height = this.config.signupWindowHeight\n  // set borders\n  const leftPosition = (window.screen.width / 2) - ((width / 2) + 10)\n  // set title and status bars\n  const topPosition = (window.screen.height / 2) - ((height / 2) + 50)\n  const windowTitle = 'Solid signup'\n  const windowUrl = signupUrl + '?origin=' +\n    encodeURIComponent(window.location.origin)\n  const windowSpecs = 'resizable,scrollbars,status,width=' + width + ',height=' +\n    height + ',left=' + leftPosition + ',top=' + topPosition\n  window.open(windowUrl, windowTitle, windowSpecs)\n  const self = this\n  return new Promise(function (resolve) {\n    self.listen()\n      .then(function (webid) {\n        return resolve(webid)\n      })\n  })\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACO,SAASC,MAAMA,CAAEC,MAAM,EAAE;EAC9B,IAAI,CAACA,MAAM,GAAGA,MAAM,IAAIC,yBAAa;AACvC;;AAEA;AACA;AACA;AACA;AACA;AACAF,MAAM,CAACG,SAAS,CAACC,MAAM,GAAG,SAASA,MAAMA,CAAA,EAAI;EAC3C,IAAMC,OAAO,GAAG,IAAIC,OAAO,CAAC,UAAUC,OAAO,EAAEC,MAAM,EAAE;IACrD,IAAMC,WAAW,GAAGC,MAAM,CAACC,gBAAgB,GACvC,kBAAkB,GAClB,aAAa;IACjB,IAAMC,aAAa,GAAGF,MAAM,CAACD,WAAW,CAAC;IACzC,IAAMI,YAAY,GAAGJ,WAAW,KAAK,aAAa,GAC9C,WAAW,GACX,SAAS;IACbG,aAAa,CAACC,YAAY,EAAE,UAAUC,CAAC,EAAE;MACvC,IAAMC,CAAC,GAAGD,CAAC,CAACE,IAAI;MAChB,IAAID,CAAC,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,OAAO,EAAE;QAC7B,IAAMC,IAAI,GAAGH,CAAC,CAACE,KAAK,CAAC,CAAC,EAAEF,CAAC,CAACI,MAAM,CAAC;QACjC,IAAID,IAAI,IAAIA,IAAI,CAACC,MAAM,GAAG,CAAC,IAAID,IAAI,CAACD,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,MAAM,EAAE;UAC1D,OAAOV,OAAO,CAACW,IAAI,CAAC;QACtB,CAAC,MAAM;UACL,OAAOV,MAAM,CAACU,IAAI,CAAC;QACrB;MACF;IACF,CAAC,EAAE,IAAI,CAAC;EACV,CAAC,CAAC;EACF,OAAOb,OAAO;AAChB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAL,MAAM,CAACG,SAAS,CAACiB,MAAM,GAAG,SAASA,MAAMA,CAAEC,SAAS,EAAE;EACpDA,SAAS,GAAGA,SAAS,IAAI,IAAI,CAACpB,MAAM,CAACqB,cAAc;EACnD,IAAMC,KAAK,GAAG,IAAI,CAACtB,MAAM,CAACuB,iBAAiB;EAC3C,IAAMC,MAAM,GAAG,IAAI,CAACxB,MAAM,CAACyB,kBAAkB;EAC7C;EACA,IAAMC,YAAY,GAAIjB,MAAM,CAACkB,MAAM,CAACL,KAAK,GAAG,CAAC,IAAMA,KAAK,GAAG,CAAC,GAAI,EAAE,CAAC;EACnE;EACA,IAAMM,WAAW,GAAInB,MAAM,CAACkB,MAAM,CAACH,MAAM,GAAG,CAAC,IAAMA,MAAM,GAAG,CAAC,GAAI,EAAE,CAAC;EACpE,IAAMK,WAAW,GAAG,cAAc;EAClC,IAAMC,SAAS,GAAGV,SAAS,GAAG,UAAU,GACtCW,kBAAkB,CAACtB,MAAM,CAACuB,QAAQ,CAACC,MAAM,CAAC;EAC5C,IAAMC,WAAW,GAAG,oCAAoC,GAAGZ,KAAK,GAAG,UAAU,GAC3EE,MAAM,GAAG,QAAQ,GAAGE,YAAY,GAAG,OAAO,GAAGE,WAAW;EAC1DnB,MAAM,CAAC0B,IAAI,CAACL,SAAS,EAAED,WAAW,EAAEK,WAAW,CAAC;EAChD,IAAME,IAAI,GAAG,IAAI;EACjB,OAAO,IAAI/B,OAAO,CAAC,UAAUC,OAAO,EAAE;IACpC8B,IAAI,CAACjC,MAAM,CAAC,CAAC,CACVkC,IAAI,CAAC,UAAUC,KAAK,EAAE;MACrB,OAAOhC,OAAO,CAACgC,KAAK,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"signup.js","names":["_configDefault","_interopRequireDefault","require","Signup","config","defaultConfig","prototype","listen","promise","Promise","resolve","reject","eventMethod","window","addEventListener","eventListener","messageEvent","e","u","data","slice","user","length","signup","signupUrl","signupEndpoint","width","signupWindowWidth","height","signupWindowHeight","leftPosition","screen","topPosition","windowTitle","windowUrl","encodeURIComponent","location","origin","windowSpecs","open","self","then","webid"],"sources":["../../src/signup/signup.js"],"sourcesContent":["import defaultConfig from './config-default'\n\n/**\n * Provides functionality for signing up with a Solid provider\n * @module signup\n */\n\n/**\n * Creates a Signup UI manager\n * @class\n */\nexport function Signup (config) {\n  this.config = config || defaultConfig\n}\n\n/**\n * Sets up an event listener to monitor login messages from child window/iframe\n * @method listen\n * @return {Promise<String>} Event listener promise, resolves to user's WebID\n */\nSignup.prototype.listen = function listen () {\n  const promise = new Promise(function (resolve, reject) {\n    const eventMethod = window.addEventListener\n      ? 'addEventListener'\n      : 'attachEvent'\n    const eventListener = window[eventMethod]\n    const messageEvent = eventMethod === 'attachEvent'\n      ? 'onmessage'\n      : 'message'\n    eventListener(messageEvent, function (e) {\n      const u = e.data\n      if (u.slice(0, 5) === 'User:') {\n        const user = u.slice(5, u.length)\n        if (user && user.length > 0 && user.slice(0, 4) === 'http') {\n          return resolve(user)\n        } else {\n          return reject(user)\n        }\n      }\n    }, true)\n  })\n  return promise\n}\n\n/**\n * Opens a signup popup window, sets up `listen()`.\n * @method signup\n * @static\n * @param signupUrl {String} Location of a Solid server for user signup.\n * @return {Promise<String>} Returns a listener promise, resolves with signed\n *   up user's WebID.\n */\nSignup.prototype.signup = function signup (signupUrl) {\n  signupUrl = signupUrl || this.config.signupEndpoint\n  const width = this.config.signupWindowWidth\n  const height = this.config.signupWindowHeight\n  // set borders\n  const leftPosition = (window.screen.width / 2) - ((width / 2) + 10)\n  // set title and status bars\n  const topPosition = (window.screen.height / 2) - ((height / 2) + 50)\n  const windowTitle = 'Solid signup'\n  const windowUrl = signupUrl + '?origin=' +\n    encodeURIComponent(window.location.origin)\n  const windowSpecs = 'resizable,scrollbars,status,width=' + width + ',height=' +\n    height + ',left=' + leftPosition + ',top=' + topPosition\n  window.open(windowUrl, windowTitle, windowSpecs)\n  const self = this\n  return new Promise(function (resolve) {\n    self.listen()\n      .then(function (webid) {\n        return resolve(webid)\n      })\n  })\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,cAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACO,SAASC,MAAMA,CAAEC,MAAM,EAAE;EAC9B,IAAI,CAACA,MAAM,GAAGA,MAAM,IAAIC,yBAAa;AACvC;;AAEA;AACA;AACA;AACA;AACA;AACAF,MAAM,CAACG,SAAS,CAACC,MAAM,GAAG,SAASA,MAAMA,CAAA,EAAI;EAC3C,IAAMC,OAAO,GAAG,IAAIC,OAAO,CAAC,UAAUC,OAAO,EAAEC,MAAM,EAAE;IACrD,IAAMC,WAAW,GAAGC,MAAM,CAACC,gBAAgB,GACvC,kBAAkB,GAClB,aAAa;IACjB,IAAMC,aAAa,GAAGF,MAAM,CAACD,WAAW,CAAC;IACzC,IAAMI,YAAY,GAAGJ,WAAW,KAAK,aAAa,GAC9C,WAAW,GACX,SAAS;IACbG,aAAa,CAACC,YAAY,EAAE,UAAUC,CAAC,EAAE;MACvC,IAAMC,CAAC,GAAGD,CAAC,CAACE,IAAI;MAChB,IAAID,CAAC,CAACE,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,OAAO,EAAE;QAC7B,IAAMC,IAAI,GAAGH,CAAC,CAACE,KAAK,CAAC,CAAC,EAAEF,CAAC,CAACI,MAAM,CAAC;QACjC,IAAID,IAAI,IAAIA,IAAI,CAACC,MAAM,GAAG,CAAC,IAAID,IAAI,CAACD,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,KAAK,MAAM,EAAE;UAC1D,OAAOV,OAAO,CAACW,IAAI,CAAC;QACtB,CAAC,MAAM;UACL,OAAOV,MAAM,CAACU,IAAI,CAAC;QACrB;MACF;IACF,CAAC,EAAE,IAAI,CAAC;EACV,CAAC,CAAC;EACF,OAAOb,OAAO;AAChB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACAL,MAAM,CAACG,SAAS,CAACiB,MAAM,GAAG,SAASA,MAAMA,CAAEC,SAAS,EAAE;EACpDA,SAAS,GAAGA,SAAS,IAAI,IAAI,CAACpB,MAAM,CAACqB,cAAc;EACnD,IAAMC,KAAK,GAAG,IAAI,CAACtB,MAAM,CAACuB,iBAAiB;EAC3C,IAAMC,MAAM,GAAG,IAAI,CAACxB,MAAM,CAACyB,kBAAkB;EAC7C;EACA,IAAMC,YAAY,GAAIjB,MAAM,CAACkB,MAAM,CAACL,KAAK,GAAG,CAAC,IAAMA,KAAK,GAAG,CAAC,GAAI,EAAE,CAAC;EACnE;EACA,IAAMM,WAAW,GAAInB,MAAM,CAACkB,MAAM,CAACH,MAAM,GAAG,CAAC,IAAMA,MAAM,GAAG,CAAC,GAAI,EAAE,CAAC;EACpE,IAAMK,WAAW,GAAG,cAAc;EAClC,IAAMC,SAAS,GAAGV,SAAS,GAAG,UAAU,GACtCW,kBAAkB,CAACtB,MAAM,CAACuB,QAAQ,CAACC,MAAM,CAAC;EAC5C,IAAMC,WAAW,GAAG,oCAAoC,GAAGZ,KAAK,GAAG,UAAU,GAC3EE,MAAM,GAAG,QAAQ,GAAGE,YAAY,GAAG,OAAO,GAAGE,WAAW;EAC1DnB,MAAM,CAAC0B,IAAI,CAACL,SAAS,EAAED,WAAW,EAAEK,WAAW,CAAC;EAChD,IAAME,IAAI,GAAG,IAAI;EACjB,OAAO,IAAI/B,OAAO,CAAC,UAAUC,OAAO,EAAE;IACpC8B,IAAI,CAACjC,MAAM,CAAC,CAAC,CACVkC,IAAI,CAAC,UAAUC,KAAK,EAAE;MACrB,OAAOhC,OAAO,CAACgC,KAAK,CAAC;IACvB,CAAC,CAAC;EACN,CAAC,CAAC;AACJ,CAAC","ignoreList":[]}

package/lib/stories/decorators.js.map

@@ -1 +1 @@
-{"version":3,"file":"decorators.js","names":["rawJsonDecorator","exports","Story","concat","JSON","stringify"],"sources":["../../src/stories/decorators.js"],"sourcesContent":["export const rawJsonDecorator = (Story) => {\n  return `<pre>${JSON.stringify(Story(), null, 2)}</pre>`\n}\n"],"mappings":";;;;;;AAAO,IAAMA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,KAAK,EAAK;EACzC,eAAAC,MAAA,CAAeC,IAAI,CAACC,SAAS,CAACH,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;AACjD,CAAC"}
+{"version":3,"file":"decorators.js","names":["rawJsonDecorator","exports","Story","concat","JSON","stringify"],"sources":["../../src/stories/decorators.js"],"sourcesContent":["export const rawJsonDecorator = (Story) => {\n  return `<pre>${JSON.stringify(Story(), null, 2)}</pre>`\n}\n"],"mappings":";;;;;;AAAO,IAAMA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAIE,KAAK,EAAK;EACzC,eAAAC,MAAA,CAAeC,IAAI,CAACC,SAAS,CAACH,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;AACjD,CAAC","ignoreList":[]}

package/lib/style.js.map

@@ -1 +1 @@
-{"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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"}
+{"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":";;;;;;;AAKA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AALA;AACA;AACA;AACA;;AAIO,IAAMC,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EAAE;;EAErBE,aAAa,EAAE,6EAA6E;EAC5FC,kBAAkB,EAAE,2GAA2G;EAE/HC,eAAe,EAAE,wCAAwC;EACzDC,eAAe,EACb,wHAAwH;EAC1HC,cAAc,EACZ,wHAAwH;EAC1HC,wBAAwB;EAAE;EACxB,0HAA0H;EAC5HC,WAAW,EACP,0HAA0H;EAAE;EAChIC,YAAY,EAAE,wEAAwE;EACtFC,SAAS,EAAE,6DAA6D;EACxEC,gBAAgB,EAAE,wCAAwC;EAC1DC,cAAc,EAAE,kIAAkI;EAAE;EACpJC,iBAAiB,EAAE,0HAA0H;EAC7IC,gBAAgB,EACd,wIAAwI;EAC1IC,mBAAmB,EAAE,cAAc;EAEnC;EACAC,eAAe,EAAE,2EAA2E;EAC5FC,gBAAgB,EAAE,mHAAmH;EACrIC,oBAAoB,EAAE,4BAA4B;EAElD;EACAC,sBAAsB,EAAE,qDAAqD;EAAE;EAC/EC,sBAAsB,EAAE,sEAAsE;EAC9FC,gBAAgB,EAAE,yBAAyB;EAC3CC,gBAAgB,EAAE,yBAAyB;EAE3C;EACAC,aAAa,EAAE,yFAAyF;EAAE;EAC1GC,aAAa,EAAE,0FAA0F;EAAE;EAC3GC,aAAa,EAAE,0FAA0F;EAAE;EAC3GC,aAAa,EAAE,0FAA0F;EAAE;;EAE3GC,gBAAgB,EAAE,2FAA2F;EAAE;EAC/GC,aAAa,EAAE,iDAAiD;EAAE;EAClEC,cAAc,EAAE,2CAAAC,MAAA,CAA2CC,0BAAc,CAACC,eAAe,8BAA2B;EAAA,2CAAAF,MAAA,CACvEC,0BAAc,CAACC,eAAe,wEAAAF,MAAA,CAC/BC,0BAAc,CAACC,eAAe,wEAAAF,MAAA,CAC9BC,0BAAc,CAACC,eAAe,6BAA0B;EAAA,CACnG;EAEDC,mBAAmB,YAAAH,MAAA,CAAYC,0BAAc,CAACG,mBAAmB,6BAA0B;EAC3FC,qBAAqB,mDAAAL,MAAA,CAAmDC,0BAAc,CAACK,qBAAqB,MAAG;EAC/GC,uBAAuB,EAAE,gEAAgE,GACzF,kEAAkE;EAElE;EACAC,gBAAgB,EAAE,kGAAkG;EACpHC,aAAa,EAAE,4CAA4C;EAC3DC,YAAY,EAAE,wCAAwC;EAEtD;EACAC,sBAAsB,EAAE,cAAc;EACtCC,mBAAmB,EAAE,oCAAoC;EACzDC,mBAAmB,EAAE,gCAAgC;EACrDC,2BAA2B,EAAE,iBAAiB;EAC9CC,eAAe,EAAE,gBAAgB;EACjCC,eAAe,EAAE,sEAAsE;EACvFC,mBAAmB,EAAE,uDAAuD;EAC5EC,kBAAkB,EAAE,gBAAgB;EACpCC,wBAAwB,EAAE,0CAA0C;EACpEC,SAAS,EAAE,iIAAiI;EAC5IC,KAAK,EAAE,cAAc;EACrBC,MAAM,EAAE,eAAe;EACvBC,MAAM,EAAE,cAAc;EACtBC,MAAM,EAAE,gBAAgB;EACxBC,MAAM,EAAE,aAAa;EACrBC,MAAM,EAAE,cAAc;EACtBC,OAAO,EAAE,gBAAgB;EAEzBC,8BAA8B,EAAE,yBAAyB;EACzDC,sBAAsB,EAAE,eAAe;EACvCC,qBAAqB,EAAE,gEAAgE;EACvFC,mBAAmB,EAAE,oBAAoB;EACzCC,kBAAkB,EAAE,4DAA4D;EAEhF;EACAC,kBAAkB,EAAE,sLAAsL;EAC1MC,uBAAuB,EAAE,0QAA0Q;EACnSC,qBAAqB,EAAE,0EAA0E;EACjGC,wBAAwB,EAAE,2DAA2D;EACrFC,oBAAoB,EAAE,8JAA8J;EACpLC,yBAAyB,EAAE,kPAAkP;EAC7QC,kBAAkB,EAAE,0CAA0C;EAC9DC,yBAAyB,EAAE,wDAAwD;EACnFC,4BAA4B,EAAE,kJAAkJ;EAChLC,wCAAwC,EAAE,kJAAkJ;EAC5LC,sBAAsB,EAAE,mCAAmC;EAC3DC,mBAAmB,EAAE,mIAAmI;EACxJC,YAAY,EAAE,uHAAuH;EACrIC,gBAAgB,EAAE,iBAAiB;EACnCC,qBAAqB,EAAE,gBAAgB;EACvCC,iBAAiB,EAAE,oBAAoB;EACvCC,kBAAkB,EAAE,eAAe;EACnCC,oBAAoB,EAAE,oDAAoD;EAC1EC,oBAAoB,EAAE,oDAAoD;EAC1EC,gBAAgB,EAAE,yFAAyF;EAAE;;EAE7G;EACAC,MAAM,EAAE,+EAA+E;EAEvF;EACAC,aAAa,EAAE,sRAAsR;EACrSC,kBAAkB,EAAE,wTAAwT;EAC5UC,qBAAqB,EAAE,qRAAqR;EAC5SC,0BAA0B,EAAE,yTAAyT;EACrVC,eAAe,EAAE,qRAAqR;EACtSC,oBAAoB,EAAE,wTAAwT;EAC9UC,uBAAuB,EAAE,sRAAsR;EAC/SC,4BAA4B,EAAE,yTAAyT;EAEvV;EACAC,YAAY,gDAAA9D,MAAA,CAAgDC,0BAAc,CAAC8D,sBAAsB,eAAA/D,MAAA,CAAYC,0BAAc,CAAC+D,uBAAuB,MAAG;EAEtJ;EACAC,SAAS,EAAE,4EAA4E;EACvFC,SAAS,EAAE,mDAAmD;EAC9DC,YAAY,EAAE,0BAA0B;EAExC;EACAC,iBAAiB,EAAE,wCAAwC;EAC3DC,sBAAsB,EAAE,wEAAwE;EAEhG;EACAC,YAAY,EAAE,oEAAoE;EAClFC,cAAc,EAAE,aAAa;EAC7BC,gBAAgB,EAAE,aAAa;EAC/BC,SAAS,EAAE,4FAA4F;EACvGC,WAAW,EAAE,4DAA4D;EACzEC,YAAY,EAAE,CACZ,0EAA0E,EAC1E,sEAAsE,EACtE,sEAAsE,CACvE;EAED;EACAC,iBAAiB,EAAE,gBAAgB;EACnCC,iBAAiB,EAAE,uEAAuE;EAC1FC,aAAa,EAAE,yBAAyB;EAExC;EACAC,cAAc,EAAE,YAAY;EAC5BC,eAAe,EAAE,2CAA2C;EAC5DC,eAAe,EAAE,sCAAsC;EACvDC,YAAY,EAAE,yFAAyF;EACvGC,WAAW,EAAE,iEAAiE;EAC9EC,QAAQ,EAAE;AAEZ,CAAC;AAEDlH,KAAK,CAACmH,QAAQ,GAAG,SAASA,QAAQA,CAAEC,GAAG,EAAEC,SAAS,EAAE;EAClDD,GAAG,CAACpH,KAAK,GAAGA,KAAK,CAACqH,SAAS,CAAC;AAC9B,CAAC;AAEDC,MAAM,CAACrH,OAAO,GAAGD,KAAK,EAAC","ignoreList":[]}

package/lib/styleConstants.js.map

@@ -1 +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"}
+{"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","ignoreList":[]}

package/lib/style_multiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"style_multiSelect.js","names":["style","exports","multiselect__container","multiselect__wrapper","multiselect__clear_btn","multiselect__options","multiselect__options_visible","multiselect__options_ul","multiselect__options_ul_li","multiselect__options_ul_li_hover","multiselect__options_ul_p_multiselect__options_no_results","multiselect__options_ul_p_multiselect__options_no_data","multiselect__options_ul_li_multiselect__options_selected","multiselect__options_ul_li_multiselect__options_selected_hover","multiselect__options_ul_li_arrow_selected","multiselect__selected","multiselect__selected_multiselect__remove_btn","multiselect__input","setStyle","ele","styleName","module"],"sources":["../src/style_multiSelect.js"],"sourcesContent":["/*\n * BASED ON:\n * IconicMultiSelect v0.7.0\n * Licence:  MIT\n * (c) 2021 Sidney Wimart.\n * repo & configuration: https://github.com/sidneywm/iconic-multiselect\n */\n\n/**\n * @version IconicMultiSelect v0.7.0\n * @licence  MIT\n */\nexport const style = {\n\n  multiselect__container: `\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n        background-color: #fff;\n        border-radius: 2px;\n        -webkit-box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n                box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        -webkit-box-sizing: border-box;\n                box-sizing: border-box;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        min-height: 36px;\n        padding: 4px 8px 0 8px;\n        position: relative;\n        width: 354px;\n        margin-bottom: 5px;\n        font-size: 100%\n    `,\n\n  /*\n    multiselect__container:after: `\n        content: '';\n        min-height:inherit;\n        font-size:0;\n    `,\n\n    multiselect__container > *: `\n    color: #656565;\n    font-size: 14px;\n    `,\n*/\n  multiselect__wrapper: `\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -ms-flex-wrap: wrap;\n            flex-wrap: wrap;\n        height: 100%;\n        width: 100%;\n    `,\n\n  multiselect__clear_btn: `\n        cursor: pointer;\n        align-items: center;\n        margin-bottom: 4px;\n        margin-left: 4px;\n    `,\n\n  multiselect__options: `\n        background-color: #f6f6f6;\n        border-radius: 2px;\n        left: 0;\n        max-height: 0;\n        overflow: hidden;\n        position: absolute;\n        top: calc(100% + 3px);\n        z-index: 9999;\n        width: 100%;\n        opacity: 0;\n        transition: max-height 0.1s ease;\n    `,\n\n  multiselect__options_visible: `\n        background-color: #f6f6f6;\n        border-radius: 2px;\n        left: 0;\n        max-height: 0;\n        overflow: hidden;\n        position: absolute;\n        top: calc(100% + 3px);\n        z-index: 9999;\n        width: 100%;\n        opacity: 0;\n        transition: max-height 0.1s ease;\n        max-height: 200px;\n        -webkit-box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        opacity: 1;\n        transition: max-height 0.2s ease;\n    `,\n\n  multiselect__options_ul: `\n        list-style: none;\n        margin: 0;\n        padding: 2px 0;\n        max-height: 200px;\n        overflow: auto;\n    `,\n\n  multiselect__options_ul_li: `\n        cursor: pointer;\n        padding: 4px 8px;\n    `,\n\n  // multiselect__options ul li:hover: `\n  multiselect__options_ul_li_hover: `\n        background-color: #dedede;\n    `,\n\n  /*\n    multiselect__options ul li *: `\n    pointer-events: none;\n    `,\n*/\n\n  multiselect__options_ul_p_multiselect__options_no_results: `\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    `,\n\n  multiselect__options_ul_p_multiselect__options_no_data: `\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    `,\n\n  // multiselect__options ul li.multiselect__options--selected: `\n  multiselect__options_ul_li_multiselect__options_selected: `\n        background-color: #656565;\n        color: #fff;\n    `,\n\n  // multiselect__options ul li.multiselect__options--selected:hover: `\n  multiselect__options_ul_li_multiselect__options_selected_hover: `\n    background-color: #656565;\n    `,\n\n  // multiselect__options ul li.arrow-selected: `\n  multiselect__options_ul_li_arrow_selected: `\n        border: 2px solid rgba(101, 101, 101, 0.5);\n    `,\n\n  multiselect__selected: `\n        background-color: #656565;\n        border-radius: 2px;\n        color: #fff;\n        margin-bottom: 4px;\n        margin-right: 4px;\n        padding: 4px 8px;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n        align-items: center;\n    `,\n\n  multiselect__selected_multiselect__remove_btn: `\n        cursor: pointer;\n        display: flex;\n        margin-left: 6px;\n    `,\n\n  multiselect__input: `\n        border: none;\n        -ms-flex-preferred-size: 40%;\n            flex-basis: 40%;\n        -webkit-box-flex: 1;\n            -ms-flex-positive: 1;\n                flex-grow: 1;\n        height: 5px;        \n        margin-bottom: 4px;\n        min-width: 40%;\n        outline: none;      \n    `\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n\nmodule.exports = style\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EAEnBE,sBAAsB,uoBAmBnB;EAEH;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EAEEC,oBAAoB,yMAQjB;EAEHC,sBAAsB,0HAKnB;EAEHC,oBAAoB,2TAYjB;EAEHC,4BAA4B,yhBAiBzB;EAEHC,uBAAuB,uIAMpB;EAEHC,0BAA0B,+DAGvB;EAEH;EACAC,gCAAgC,8CAE7B;EAEH;AACF;AACA;AACA;AACA;;EAEEC,yDAAyD,kFAItD;EAEHC,sDAAsD,kFAInD;EAEH;EACAC,wDAAwD,oEAGrD;EAEH;EACAC,8DAA8D,0CAE3D;EAEH;EACAC,yCAAyC,+DAEtC;EAEHC,qBAAqB,8WAalB;EAEHC,6CAA6C,uFAI1C;EAEHC,kBAAkB;AAYpB,CAAC;AAEDjB,KAAK,CAACkB,QAAQ,GAAG,SAASA,QAAQA,CAAEC,GAAG,EAAEC,SAAS,EAAE;EAClDD,GAAG,CAACnB,KAAK,GAAGA,KAAK,CAACoB,SAAS,CAAC;AAC9B,CAAC;AAEDC,MAAM,CAACpB,OAAO,GAAGD,KAAK"}
+{"version":3,"file":"style_multiSelect.js","names":["style","exports","multiselect__container","multiselect__wrapper","multiselect__clear_btn","multiselect__options","multiselect__options_visible","multiselect__options_ul","multiselect__options_ul_li","multiselect__options_ul_li_hover","multiselect__options_ul_p_multiselect__options_no_results","multiselect__options_ul_p_multiselect__options_no_data","multiselect__options_ul_li_multiselect__options_selected","multiselect__options_ul_li_multiselect__options_selected_hover","multiselect__options_ul_li_arrow_selected","multiselect__selected","multiselect__selected_multiselect__remove_btn","multiselect__input","setStyle","ele","styleName","module"],"sources":["../src/style_multiSelect.js"],"sourcesContent":["/*\n * BASED ON:\n * IconicMultiSelect v0.7.0\n * Licence:  MIT\n * (c) 2021 Sidney Wimart.\n * repo & configuration: https://github.com/sidneywm/iconic-multiselect\n */\n\n/**\n * @version IconicMultiSelect v0.7.0\n * @licence  MIT\n */\nexport const style = {\n\n  multiselect__container: `\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n            align-items: center;\n        background-color: #fff;\n        border-radius: 2px;\n        -webkit-box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n                box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        -webkit-box-sizing: border-box;\n                box-sizing: border-box;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        min-height: 36px;\n        padding: 4px 8px 0 8px;\n        position: relative;\n        width: 354px;\n        margin-bottom: 5px;\n        font-size: 100%\n    `,\n\n  /*\n    multiselect__container:after: `\n        content: '';\n        min-height:inherit;\n        font-size:0;\n    `,\n\n    multiselect__container > *: `\n    color: #656565;\n    font-size: 14px;\n    `,\n*/\n  multiselect__wrapper: `\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -ms-flex-wrap: wrap;\n            flex-wrap: wrap;\n        height: 100%;\n        width: 100%;\n    `,\n\n  multiselect__clear_btn: `\n        cursor: pointer;\n        align-items: center;\n        margin-bottom: 4px;\n        margin-left: 4px;\n    `,\n\n  multiselect__options: `\n        background-color: #f6f6f6;\n        border-radius: 2px;\n        left: 0;\n        max-height: 0;\n        overflow: hidden;\n        position: absolute;\n        top: calc(100% + 3px);\n        z-index: 9999;\n        width: 100%;\n        opacity: 0;\n        transition: max-height 0.1s ease;\n    `,\n\n  multiselect__options_visible: `\n        background-color: #f6f6f6;\n        border-radius: 2px;\n        left: 0;\n        max-height: 0;\n        overflow: hidden;\n        position: absolute;\n        top: calc(100% + 3px);\n        z-index: 9999;\n        width: 100%;\n        opacity: 0;\n        transition: max-height 0.1s ease;\n        max-height: 200px;\n        -webkit-box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        box-shadow: 0 1px 3px 0 #d1d1d2, 0 0 0 1px #d1d1d2;\n        opacity: 1;\n        transition: max-height 0.2s ease;\n    `,\n\n  multiselect__options_ul: `\n        list-style: none;\n        margin: 0;\n        padding: 2px 0;\n        max-height: 200px;\n        overflow: auto;\n    `,\n\n  multiselect__options_ul_li: `\n        cursor: pointer;\n        padding: 4px 8px;\n    `,\n\n  // multiselect__options ul li:hover: `\n  multiselect__options_ul_li_hover: `\n        background-color: #dedede;\n    `,\n\n  /*\n    multiselect__options ul li *: `\n    pointer-events: none;\n    `,\n*/\n\n  multiselect__options_ul_p_multiselect__options_no_results: `\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    `,\n\n  multiselect__options_ul_p_multiselect__options_no_data: `\n        margin: 0;\n        padding: 8px;\n        text-align: center;\n    `,\n\n  // multiselect__options ul li.multiselect__options--selected: `\n  multiselect__options_ul_li_multiselect__options_selected: `\n        background-color: #656565;\n        color: #fff;\n    `,\n\n  // multiselect__options ul li.multiselect__options--selected:hover: `\n  multiselect__options_ul_li_multiselect__options_selected_hover: `\n    background-color: #656565;\n    `,\n\n  // multiselect__options ul li.arrow-selected: `\n  multiselect__options_ul_li_arrow_selected: `\n        border: 2px solid rgba(101, 101, 101, 0.5);\n    `,\n\n  multiselect__selected: `\n        background-color: #656565;\n        border-radius: 2px;\n        color: #fff;\n        margin-bottom: 4px;\n        margin-right: 4px;\n        padding: 4px 8px;\n        display: -webkit-box;\n        display: -ms-flexbox;\n        display: flex;\n        -webkit-box-align: center;\n        -ms-flex-align: center;\n        align-items: center;\n    `,\n\n  multiselect__selected_multiselect__remove_btn: `\n        cursor: pointer;\n        display: flex;\n        margin-left: 6px;\n    `,\n\n  multiselect__input: `\n        border: none;\n        -ms-flex-preferred-size: 40%;\n            flex-basis: 40%;\n        -webkit-box-flex: 1;\n            -ms-flex-positive: 1;\n                flex-grow: 1;\n        height: 5px;        \n        margin-bottom: 4px;\n        min-width: 40%;\n        outline: none;      \n    `\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n\nmodule.exports = style\n"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACO,IAAMA,KAAK,GAAAC,OAAA,CAAAD,KAAA,GAAG;EAEnBE,sBAAsB,uoBAmBnB;EAEH;AACF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EAEEC,oBAAoB,yMAQjB;EAEHC,sBAAsB,0HAKnB;EAEHC,oBAAoB,2TAYjB;EAEHC,4BAA4B,yhBAiBzB;EAEHC,uBAAuB,uIAMpB;EAEHC,0BAA0B,+DAGvB;EAEH;EACAC,gCAAgC,8CAE7B;EAEH;AACF;AACA;AACA;AACA;;EAEEC,yDAAyD,kFAItD;EAEHC,sDAAsD,kFAInD;EAEH;EACAC,wDAAwD,oEAGrD;EAEH;EACAC,8DAA8D,0CAE3D;EAEH;EACAC,yCAAyC,+DAEtC;EAEHC,qBAAqB,8WAalB;EAEHC,6CAA6C,uFAI1C;EAEHC,kBAAkB;AAYpB,CAAC;AAEDjB,KAAK,CAACkB,QAAQ,GAAG,SAASA,QAAQA,CAAEC,GAAG,EAAEC,SAAS,EAAE;EAClDD,GAAG,CAACnB,KAAK,GAAGA,KAAK,CAACoB,SAAS,CAAC;AAC9B,CAAC;AAEDC,MAAM,CAACpB,OAAO,GAAGD,KAAK","ignoreList":[]}

package/lib/table.js

@@ -14,7 +14,7 @@ var rdf = _interopRequireWildcard(require("rdflib"));
 var utils = _interopRequireWildcard(require("./utils"));
 var widgets = _interopRequireWildcard(require("./widgets"));
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
 // Table Widget: Format an array of RDF statements as an HTML table.
 //
 // This can operate in one of three modes: when the class of object is given