solid-ui 5.0.2-3 → 5.0.2-5

package/dist/create/create.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.cjs.js","names":["solidLogicSingleton","icons","ns","selectWorkspace","require_ns","require_label","require_debug","require_iconBase","require_buttons","require_login","kb","newThingUI","dom","createContext","div","iconStyle","star","visible","complain","pre","message","styleTheIcons","i","iconArray","st","style","selectTool","icon","selectNewTool","makeNewAppInstance","selectUI","callbackWS","newPaneOptions","options","ws","opt","dataBrowserContext","isPackage","p","err","reject","pa","name","uri","mintingPanes","thePanes","pane","mintingClassMap","classMap","noun","e"],"sources":["../../src/create/create.ts"],"sourcesContent":["/*   create.js     UI to craete new objects in the solid-app-set world\n **\n */\n\nimport { DataBrowserContext, NewPaneOptions, PaneDefinition } from 'pane-registry'\nimport { solidLogicSingleton } from 'solid-logic'\nimport * as debug from '../lib/debug'\nimport { icons } from '../lib/iconBase'\nimport { ensureLoadedProfile, selectWorkspace } from '../login/login'\nimport ns from '../lib/ns'\nimport * as utils from '../utils'\nimport * as widgets from '../widgets'\nimport { CreateContext, NewAppInstanceOptions } from './types'\n\nconst kb = solidLogicSingleton.store\n\n/*  newThingUI -- return UI for user to select a new object, folder, etc\n **\n ** context must include:  dom, div,\n **     optional:   folder: NamedNode -- the folder where the thing is bring put\n **                (suppresses asking for a full URI or workspace)\n **\n */\nexport function newThingUI (\n  createContext: CreateContext,\n  dataBrowserContext: DataBrowserContext,\n  thePanes: Array<PaneDefinition>\n): void {\n  const dom = createContext.dom\n  const div = createContext.div\n  if (createContext.me && !createContext.me.uri) {\n    throw new Error('newThingUI:  Invalid userid: ' + createContext.me)\n  }\n\n  const iconStyle = 'padding: 0.7em; width: 2em; height: 2em;' // was: 'padding: 1em; width: 3em; height: 3em;'\n  const star = div.appendChild(dom.createElement('img'))\n  let visible = false // the inividual tools tools\n  //   noun_272948.svg = black star\n  // noun_34653_green.svg = green plus\n  star.setAttribute('src', icons.iconBase + 'noun_34653_green.svg')\n  star.setAttribute('style', iconStyle)\n  star.setAttribute('title', 'Add another tool')\n\n  const complain = function complain (message) {\n    const pre = div.appendChild(dom.createElement('pre'))\n    pre.setAttribute('style', 'background-color: pink')\n    pre.appendChild(dom.createTextNode(message))\n  }\n\n  function styleTheIcons (style) {\n    for (let i = 0; i < iconArray.length; i++) {\n      let st = iconStyle + style\n      if (iconArray[i].disabled) {\n        // @@ unused\n        st += 'opacity: 0.3;'\n      }\n      iconArray[i].setAttribute('style', st) // eg 'background-color: #ccc;'\n    }\n  }\n\n  function selectTool (icon) {\n    styleTheIcons('display: none;') // 'background-color: #ccc;'\n    icon.setAttribute('style', iconStyle + 'background-color: yellow;')\n  }\n\n  function selectNewTool (_event?) {\n    visible = !visible\n    star.setAttribute(\n      'style',\n      iconStyle + (visible ? 'background-color: yellow;' : '')\n    )\n    styleTheIcons(visible ? '' : 'display: none;')\n  }\n\n  star.addEventListener('click', selectNewTool)\n\n  function makeNewAppInstance (options: NewAppInstanceOptions) {\n    return new Promise(function (resolve, reject) {\n      let selectUI // , selectUIParent\n      function callbackWS (ws, newBase) {\n        ensureLoadedProfile(createContext).then(\n          _context => {\n            const newPaneOptions: NewPaneOptions = Object.assign({\n              newBase,\n              folder: options.folder || undefined,\n              workspace: ws\n            }, options)\n            for (const opt in options) {\n              // get div, dom, me, folder, pane, refreshTable\n              newPaneOptions[opt] = options[opt]\n            }\n            debug.log(`newThingUI: Minting new ${newPaneOptions.pane.name} at ${newPaneOptions.newBase}`)\n            options.pane\n              .mintNew!(dataBrowserContext, newPaneOptions)\n              .then(function (newPaneOptions) {\n                if (!newPaneOptions || !newPaneOptions.newInstance) {\n                  throw new Error('Cannot mint new - missing newInstance')\n                }\n                if (newPaneOptions.folder) {\n                  const tail = newPaneOptions.newInstance.uri.slice(\n                    newPaneOptions.folder.uri.length\n                  )\n                  const isPackage = tail.includes('/')\n                  debug.log('  new thing is packge? ' + isPackage)\n                  if (isPackage) {\n                    kb.add(\n                      newPaneOptions.folder,\n                      ns.ldp('contains'),\n                      kb.sym(newPaneOptions.newBase),\n                      newPaneOptions.folder.doc()\n                    )\n                  } else {\n                    // single file\n                    kb.add(\n                      newPaneOptions.folder,\n                      ns.ldp('contains'),\n                      newPaneOptions.newInstance,\n                      newPaneOptions.folder.doc()\n                    ) // Ping the patch system?\n                  }\n                  // @ts-ignore @@ TODO check whether refresh can exist here. Either fix type or remove unreachable code\n                  if (newPaneOptions.refreshTarget && newPaneOptions.refreshTarget.refresh) {\n                    // @@ TODO Remove the need to cast as any\n                    ;(newPaneOptions.refreshTarget as any).refresh() // Refresh the containing display\n                  }\n                  // selectUI.parentNode.removeChild(selectUI) It removes itself\n                } else {\n                  const p = options.div.appendChild(dom.createElement('p'))\n                  p.setAttribute('style', 'font-size: 120%;')\n                  // Make link to new thing\n                  p.innerHTML =\n                    'Your <a target=\\'_blank\\' href=\\'' +\n                    newPaneOptions.newInstance.uri +\n                    '\\'><b>new ' +\n                    options.noun +\n                    '</b></a> is ready to be set up. ' +\n                    '<br/><br/><a target=\\'_blank\\' href=\\'' +\n                    newPaneOptions.newInstance.uri +\n                    '\\'>Go to your new ' +\n                    options.noun +\n                    '.</a>'\n                  // selectUI.parentNode.removeChild(selectUI) // Clean up\n                  // selectUIParent.removeChild(selectUI) // Clean up\n                }\n                selectNewTool() // toggle star to plain and menu vanish again\n              })\n              .catch(function (err) {\n                complain(err)\n                reject(err)\n              })\n          },\n          err => {\n            // login fails\n            complain('Error logging on: ' + err)\n          }\n        )\n      } // callbackWS\n\n      const pa = options.pane\n      // options.appPathSegment = pa.name // was 'edu.mit.solid.pane.'\n      options.noun = pa.mintClass ? utils.label(pa.mintClass) : pa.name\n      options.appPathSegment = options.noun.slice(0, 1).toUpperCase() + options.noun.slice(1)\n\n      if (!options.folder) {\n        // No folder given? Ask user for full URI\n        selectUI = selectWorkspace(dom, {\n          noun: options.noun,\n          appPathSegment: options.appPathSegment\n        }, callbackWS)\n        options.div.appendChild(selectUI)\n        // selectUIParent = options.div\n      } else {\n        const gotName = function (name) {\n          if (!name) {\n            // selectUIParent.removeChild(selectUI)   itremves itself if cancelled\n            selectNewTool() // toggle star to plain and menu vanish again\n          } else {\n            let uri = options.folder!.uri\n            if (!uri.endsWith('/')) {\n              uri = uri + '/'\n            }\n            uri = uri + encodeURIComponent(name) + '/'\n            callbackWS(null, uri)\n          }\n        }\n        widgets\n          .askName(\n            dom,\n            kb,\n            options.div,\n            ns.foaf('name'),\n            null,\n            options.noun\n          )\n          .then(gotName)\n        // selectUI = getNameForm(dom, kb, options.noun, gotName)\n        // options.div.appendChild(selectUI)\n        // selectUIParent = options.div\n      }\n    })\n  } // makeNewAppInstance\n\n  const iconArray: Array<any> = []\n  const mintingPanes = Object.values(thePanes).filter(pane => pane.mintNew)\n  const mintingClassMap = mintingPanes.reduce((classMap, pane) => {\n    if (pane.mintClass) {\n      classMap[pane.mintClass.uri] = (classMap[pane.mintClass.uri] || 0) + 1\n    }\n    return classMap\n  }, {})\n  mintingPanes.forEach(pane => {\n    // @@ TODO Remove the need to cast to any\n    const icon: any = createContext.div.appendChild(dom.createElement('img'))\n    icon.setAttribute('src', pane.icon)\n    const noun = pane.mintClass\n      ? mintingClassMap[pane.mintClass.uri] > 1\n        ? `${utils.label(pane.mintClass)} (using ${pane.name} pane)`\n        : utils.label(pane.mintClass)\n      : pane.name + ' @@'\n    icon.setAttribute('title', 'Make new ' + noun)\n    icon.setAttribute('style', iconStyle + 'display: none;')\n    iconArray.push(icon)\n    if (!icon.disabled) {\n      icon.addEventListener('click', function (e) {\n        selectTool(icon)\n        makeNewAppInstance({\n          event: e,\n          folder: createContext.folder || null,\n          iconEle: icon,\n          pane,\n          noun,\n          noIndexHTML: true, // do NOT @@ for now write a HTML file\n          div: createContext.div,\n          me: createContext.me,\n          dom: createContext.dom,\n          refreshTarget: createContext.refreshTarget\n        })\n      })\n    }\n  })\n}\n\n// Form to get the name of a new thing before we create it\n//\n// Used in contacts for new groups, individuals.\n//\n/*\nfunction getNameForm (dom, kb, classLabel, gotNameCallback) {\n  const form = dom.createElement('div') // form is broken as HTML behaviour can resurface on js error\n  form.innerHTML = '<p>Name of new ' + classLabel + ':</p>'\n  const namefield = dom.createElement('input')\n  namefield.setAttribute('type', 'text')\n  namefield.setAttribute('size', '30')\n  namefield.setAttribute('style', style.textInputStyle)\n  namefield.setAttribute('maxLength', '2048') // No arbitrary limits\n  namefield.select() // focus next user input\n\n  const gotName = function () {\n    namefield.setAttribute('class', 'pendingedit')\n    namefield.disabled = true\n    continueButton.disabled = true\n    cancel.disabled = true\n    gotNameCallback(true, namefield.value)\n  }\n\n  namefield.addEventListener('keyup', function (e) {\n    if (e.keyCode === 13) {\n      gotName()\n    }\n  }, false)\n  form.appendChild(namefield)\n\n  form.appendChild(dom.createElement('br'))\n\n  const cancel = form.appendChild(widgets.cancelButton(dom))\n  cancel.addEventListener('click', function (e) {\n    form.parentNode.removeChild(form)\n    gotNameCallback(false)\n  }, false)\n\n  const continueButton = form.appendChild(widgets.continueButton(dom))\n  continueButton.addEventListener('click', function (e) {\n    gotName()\n  }, false)\n\n  return form\n}\n*/\n"],"mappings":"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"}
+{"version":3,"file":"create.cjs.js","names":["solidLogicSingleton","icons","ns","selectWorkspace","require_debug","require_label","require_iconBase","require_login","require_ns","require_buttons","kb","newThingUI","dom","createContext","div","iconStyle","star","visible","complain","pre","message","styleTheIcons","i","iconArray","st","style","selectTool","icon","selectNewTool","makeNewAppInstance","selectUI","callbackWS","newPaneOptions","options","ws","opt","dataBrowserContext","isPackage","p","err","reject","pa","name","uri","mintingPanes","thePanes","pane","mintingClassMap","classMap","noun","e"],"sources":["../../src/create/create.ts"],"sourcesContent":["/*   create.js     UI to craete new objects in the solid-app-set world\n **\n */\n\nimport { DataBrowserContext, NewPaneOptions, PaneDefinition } from 'pane-registry'\nimport { solidLogicSingleton } from 'solid-logic'\nimport * as debug from '../lib/debug'\nimport { icons } from '../lib/iconBase'\nimport { ensureLoadedProfile, selectWorkspace } from '../login/login'\nimport ns from '../lib/ns'\nimport * as utils from '../utils'\nimport * as widgets from '../widgets'\nimport { CreateContext, NewAppInstanceOptions } from './types'\n\nconst kb = solidLogicSingleton.store\n\n/*  newThingUI -- return UI for user to select a new object, folder, etc\n **\n ** context must include:  dom, div,\n **     optional:   folder: NamedNode -- the folder where the thing is bring put\n **                (suppresses asking for a full URI or workspace)\n **\n */\nexport function newThingUI (\n  createContext: CreateContext,\n  dataBrowserContext: DataBrowserContext,\n  thePanes: Array<PaneDefinition>\n): void {\n  const dom = createContext.dom\n  const div = createContext.div\n  if (createContext.me && !createContext.me.uri) {\n    throw new Error('newThingUI:  Invalid userid: ' + createContext.me)\n  }\n\n  const iconStyle = 'padding: 0.7em; width: 2em; height: 2em;' // was: 'padding: 1em; width: 3em; height: 3em;'\n  const star = div.appendChild(dom.createElement('img'))\n  let visible = false // the inividual tools tools\n  //   noun_272948.svg = black star\n  // noun_34653_green.svg = green plus\n  star.setAttribute('src', icons.iconBase + 'noun_34653_green.svg')\n  star.setAttribute('style', iconStyle)\n  star.setAttribute('title', 'Add another tool')\n\n  const complain = function complain (message) {\n    const pre = div.appendChild(dom.createElement('pre'))\n    pre.setAttribute('style', 'background-color: pink')\n    pre.appendChild(dom.createTextNode(message))\n  }\n\n  function styleTheIcons (style) {\n    for (let i = 0; i < iconArray.length; i++) {\n      let st = iconStyle + style\n      if (iconArray[i].disabled) {\n        // @@ unused\n        st += 'opacity: 0.3;'\n      }\n      iconArray[i].setAttribute('style', st) // eg 'background-color: #ccc;'\n    }\n  }\n\n  function selectTool (icon) {\n    styleTheIcons('display: none;') // 'background-color: #ccc;'\n    icon.setAttribute('style', iconStyle + 'background-color: yellow;')\n  }\n\n  function selectNewTool (_event?) {\n    visible = !visible\n    star.setAttribute(\n      'style',\n      iconStyle + (visible ? 'background-color: yellow;' : '')\n    )\n    styleTheIcons(visible ? '' : 'display: none;')\n  }\n\n  star.addEventListener('click', selectNewTool)\n\n  function makeNewAppInstance (options: NewAppInstanceOptions) {\n    return new Promise(function (resolve, reject) {\n      let selectUI // , selectUIParent\n      function callbackWS (ws, newBase) {\n        ensureLoadedProfile(createContext).then(\n          _context => {\n            const newPaneOptions: NewPaneOptions = Object.assign({\n              newBase,\n              folder: options.folder || undefined,\n              workspace: ws\n            }, options)\n            for (const opt in options) {\n              // get div, dom, me, folder, pane, refreshTable\n              newPaneOptions[opt] = options[opt]\n            }\n            debug.log(`newThingUI: Minting new ${newPaneOptions.pane.name} at ${newPaneOptions.newBase}`)\n            options.pane\n              .mintNew!(dataBrowserContext, newPaneOptions)\n              .then(function (newPaneOptions) {\n                if (!newPaneOptions || !newPaneOptions.newInstance) {\n                  throw new Error('Cannot mint new - missing newInstance')\n                }\n                if (newPaneOptions.folder) {\n                  const tail = newPaneOptions.newInstance.uri.slice(\n                    newPaneOptions.folder.uri.length\n                  )\n                  const isPackage = tail.includes('/')\n                  debug.log('  new thing is packge? ' + isPackage)\n                  if (isPackage) {\n                    kb.add(\n                      newPaneOptions.folder,\n                      ns.ldp('contains'),\n                      kb.sym(newPaneOptions.newBase),\n                      newPaneOptions.folder.doc()\n                    )\n                  } else {\n                    // single file\n                    kb.add(\n                      newPaneOptions.folder,\n                      ns.ldp('contains'),\n                      newPaneOptions.newInstance,\n                      newPaneOptions.folder.doc()\n                    ) // Ping the patch system?\n                  }\n                  // @ts-ignore @@ TODO check whether refresh can exist here. Either fix type or remove unreachable code\n                  if (newPaneOptions.refreshTarget && newPaneOptions.refreshTarget.refresh) {\n                    // @@ TODO Remove the need to cast as any\n                    ;(newPaneOptions.refreshTarget as any).refresh() // Refresh the containing display\n                  }\n                  // selectUI.parentNode.removeChild(selectUI) It removes itself\n                } else {\n                  const p = options.div.appendChild(dom.createElement('p'))\n                  p.setAttribute('style', 'font-size: 120%;')\n                  // Make link to new thing\n                  p.innerHTML =\n                    'Your <a target=\\'_blank\\' href=\\'' +\n                    newPaneOptions.newInstance.uri +\n                    '\\'><b>new ' +\n                    options.noun +\n                    '</b></a> is ready to be set up. ' +\n                    '<br/><br/><a target=\\'_blank\\' href=\\'' +\n                    newPaneOptions.newInstance.uri +\n                    '\\'>Go to your new ' +\n                    options.noun +\n                    '.</a>'\n                  // selectUI.parentNode.removeChild(selectUI) // Clean up\n                  // selectUIParent.removeChild(selectUI) // Clean up\n                }\n                selectNewTool() // toggle star to plain and menu vanish again\n              })\n              .catch(function (err) {\n                complain(err)\n                reject(err)\n              })\n          },\n          err => {\n            // login fails\n            complain('Error logging on: ' + err)\n          }\n        )\n      } // callbackWS\n\n      const pa = options.pane\n      // options.appPathSegment = pa.name // was 'edu.mit.solid.pane.'\n      options.noun = pa.mintClass ? utils.label(pa.mintClass) : pa.name\n      options.appPathSegment = options.noun.slice(0, 1).toUpperCase() + options.noun.slice(1)\n\n      if (!options.folder) {\n        // No folder given? Ask user for full URI\n        selectUI = selectWorkspace(dom, {\n          noun: options.noun,\n          appPathSegment: options.appPathSegment\n        }, callbackWS)\n        options.div.appendChild(selectUI)\n        // selectUIParent = options.div\n      } else {\n        const gotName = function (name) {\n          if (!name) {\n            // selectUIParent.removeChild(selectUI)   itremves itself if cancelled\n            selectNewTool() // toggle star to plain and menu vanish again\n          } else {\n            let uri = options.folder!.uri\n            if (!uri.endsWith('/')) {\n              uri = uri + '/'\n            }\n            uri = uri + encodeURIComponent(name) + '/'\n            callbackWS(null, uri)\n          }\n        }\n        widgets\n          .askName(\n            dom,\n            kb,\n            options.div,\n            ns.foaf('name'),\n            null,\n            options.noun\n          )\n          .then(gotName)\n        // selectUI = getNameForm(dom, kb, options.noun, gotName)\n        // options.div.appendChild(selectUI)\n        // selectUIParent = options.div\n      }\n    })\n  } // makeNewAppInstance\n\n  const iconArray: Array<any> = []\n  const mintingPanes = Object.values(thePanes).filter(pane => pane.mintNew)\n  const mintingClassMap = mintingPanes.reduce((classMap, pane) => {\n    if (pane.mintClass) {\n      classMap[pane.mintClass.uri] = (classMap[pane.mintClass.uri] || 0) + 1\n    }\n    return classMap\n  }, {})\n  mintingPanes.forEach(pane => {\n    // @@ TODO Remove the need to cast to any\n    const icon: any = createContext.div.appendChild(dom.createElement('img'))\n    icon.setAttribute('src', pane.icon)\n    const noun = pane.mintClass\n      ? mintingClassMap[pane.mintClass.uri] > 1\n        ? `${utils.label(pane.mintClass)} (using ${pane.name} pane)`\n        : utils.label(pane.mintClass)\n      : pane.name + ' @@'\n    icon.setAttribute('title', 'Make new ' + noun)\n    icon.setAttribute('style', iconStyle + 'display: none;')\n    iconArray.push(icon)\n    if (!icon.disabled) {\n      icon.addEventListener('click', function (e) {\n        selectTool(icon)\n        makeNewAppInstance({\n          event: e,\n          folder: createContext.folder || null,\n          iconEle: icon,\n          pane,\n          noun,\n          noIndexHTML: true, // do NOT @@ for now write a HTML file\n          div: createContext.div,\n          me: createContext.me,\n          dom: createContext.dom,\n          refreshTarget: createContext.refreshTarget\n        })\n      })\n    }\n  })\n}\n\n// Form to get the name of a new thing before we create it\n//\n// Used in contacts for new groups, individuals.\n//\n/*\nfunction getNameForm (dom, kb, classLabel, gotNameCallback) {\n  const form = dom.createElement('div') // form is broken as HTML behaviour can resurface on js error\n  form.innerHTML = '<p>Name of new ' + classLabel + ':</p>'\n  const namefield = dom.createElement('input')\n  namefield.setAttribute('type', 'text')\n  namefield.setAttribute('size', '30')\n  namefield.setAttribute('style', style.textInputStyle)\n  namefield.setAttribute('maxLength', '2048') // No arbitrary limits\n  namefield.select() // focus next user input\n\n  const gotName = function () {\n    namefield.setAttribute('class', 'pendingedit')\n    namefield.disabled = true\n    continueButton.disabled = true\n    cancel.disabled = true\n    gotNameCallback(true, namefield.value)\n  }\n\n  namefield.addEventListener('keyup', function (e) {\n    if (e.keyCode === 13) {\n      gotName()\n    }\n  }, false)\n  form.appendChild(namefield)\n\n  form.appendChild(dom.createElement('br'))\n\n  const cancel = form.appendChild(widgets.cancelButton(dom))\n  cancel.addEventListener('click', function (e) {\n    form.parentNode.removeChild(form)\n    gotNameCallback(false)\n  }, false)\n\n  const continueButton = form.appendChild(widgets.continueButton(dom))\n  continueButton.addEventListener('click', function (e) {\n    gotName()\n  }, false)\n\n  return form\n}\n*/\n"],"mappings":"A,0RAcA,IAAMU,E,qBAAKV,CAAAA,CAAAA,oBAAoB,MAS/B,SAAgBW,EACd,EACA,EACA,EACM,CACN,IAAMC,EAAMC,EAAc,IACpBC,EAAMD,EAAc,IAC1B,GAAIA,EAAc,IAAM,CAACA,EAAc,GAAG,IACxC,MAAU,MAAM,gCAAkCA,EAAc,EAAE,EAGpE,IAAME,EAAY,2CACZC,EAAOF,EAAI,YAAYF,EAAI,cAAc,KAAK,CAAC,EACjDK,EAAU,GAGdD,EAAK,aAAa,MAAOf,EAAAA,MAAM,SAAW,sBAAsB,EAChEe,EAAK,aAAa,QAASD,CAAS,EACpCC,EAAK,aAAa,QAAS,kBAAkB,EAE7C,IAAME,EAAW,SAAmB,EAAS,CAC3C,IAAMC,EAAML,EAAI,YAAYF,EAAI,cAAc,KAAK,CAAC,EACpDO,EAAI,aAAa,QAAS,wBAAwB,EAClDA,EAAI,YAAYP,EAAI,eAAeQ,CAAO,CAAC,CAC7C,EAEA,SAASC,EAAe,EAAO,CAC7B,IAAK,IAAIC,EAAI,EAAGA,EAAIC,EAAU,OAAQ,IAAK,CACzC,IAAIC,EAAKT,EAAYU,EACjBF,EAAUD,EAAE,CAAC,WAEf,GAAM,iBAERC,EAAUD,EAAE,CAAC,aAAa,QAASE,CAAE,CACvC,CACF,CAEA,SAASE,EAAY,EAAM,CACzBL,EAAc,gBAAgB,EAC9BM,EAAK,aAAa,QAASZ,EAAY,2BAA2B,CACpE,CAEA,SAASa,EAAe,EAAS,CAC/B,EAAU,CAACX,EACXD,EAAK,aACH,QACAD,GAAaE,EAAU,4BAA8B,GACvD,EACAI,EAAcJ,EAAU,GAAK,gBAAgB,CAC/C,CAEAD,EAAK,iBAAiB,QAASY,CAAa,EAE5C,SAASC,EAAoB,EAAgC,CAC3D,OAAO,IAAI,QAAQ,SAAU,EAAS,EAAQ,CAC5C,IAAIC,EACJ,SAASC,EAAY,EAAI,EAAS,CAChCxB,EAAA,oBAAoBM,CAAa,CAAC,CAAC,KACjC,GAAY,CACV,IAAMmB,EAAiC,OAAO,OAAO,CACnD,UACA,OAAQC,EAAQ,QAAU,IAAA,GAC1B,UAAWC,CACb,EAAGD,CAAO,EACV,IAAK,IAAME,KAAOF,EAEhB,EAAeE,GAAOF,EAAQE,GAEhC/B,EAAA,IAAU,2BAA2B4B,EAAe,KAAK,KAAK,MAAMA,EAAe,SAAS,EAC5FC,EAAQ,KACL,QAASG,EAAoBJ,CAAc,CAAC,CAC5C,KAAK,SAAU,EAAgB,CAC9B,GAAI,CAACA,GAAkB,CAACA,EAAe,YACrC,MAAU,MAAM,uCAAuC,EAEzD,GAAIA,EAAe,OAAQ,CAIzB,IAAMK,EAHOL,EAAe,YAAY,IAAI,MAC1CA,EAAe,OAAO,IAAI,MAEV,CAAA,CAAK,SAAS,GAAG,EACnC5B,EAAA,IAAU,0BAA4BiC,CAAS,EAC3CA,EACF3B,EAAG,IACDsB,EAAe,OACf9B,EAAAA,QAAG,IAAI,UAAU,EACjBQ,EAAG,IAAIsB,EAAe,OAAO,EAC7BA,EAAe,OAAO,IAAI,CAC5B,EAGAtB,EAAG,IACDsB,EAAe,OACf9B,EAAAA,QAAG,IAAI,UAAU,EACjB8B,EAAe,YACfA,EAAe,OAAO,IAAI,CAC5B,EAGEA,EAAe,eAAiBA,EAAe,cAAc,SAE9DA,EAAgB,cAAsB,QAAQ,CAGnD,KAAO,CACL,IAAMM,EAAIL,EAAQ,IAAI,YAAYrB,EAAI,cAAc,GAAG,CAAC,EACxD0B,EAAE,aAAa,QAAS,kBAAkB,EAE1C,EAAE,UACA,iCACAN,EAAe,YAAY,IAC3B,YACAC,EAAQ,KACR,sEAEAD,EAAe,YAAY,IAC3B,oBACAC,EAAQ,KACR,OAGJ,CACAL,EAAc,CAChB,CAAC,CAAC,CACD,MAAM,SAAU,EAAK,CACpBV,EAASqB,CAAG,EACZC,EAAOD,CAAG,CACZ,CAAC,CACL,EACA,GAAO,CAELrB,EAAS,qBAAuBqB,CAAG,CACrC,CACF,CACF,CAEA,IAAME,EAAKR,EAAQ,KAEnB,EAAQ,KAAOQ,EAAG,UAAApC,EAAA,MAAwBoC,EAAG,SAAS,EAAIA,EAAG,KAC7D,EAAQ,eAAiBR,EAAQ,KAAK,MAAM,EAAG,CAAC,CAAC,CAAC,YAAY,EAAIA,EAAQ,KAAK,MAAM,CAAC,EAEjFA,EAAQ,OAsBXxB,EAAA,QAEIG,EACAF,EACAuB,EAAQ,IACR/B,EAAAA,QAAG,KAAK,MAAM,EACd,KACA+B,EAAQ,IACV,CAAC,CACA,KAAK,SAtBkB,EAAM,CAC9B,GAAI,CAACS,EAEHd,EAAc,MACT,CACL,IAAIe,EAAMV,EAAQ,OAAQ,IACrBU,EAAI,SAAS,GAAG,IACnB,GAAY,KAEd,EAAMA,EAAM,mBAAmBD,CAAI,EAAI,IACvCX,EAAW,KAAMY,CAAG,CACtB,CACF,CAUe,GA7Bf,EAAWxC,EAAAA,gBAAgBS,EAAK,CAC9B,KAAMqB,EAAQ,KACd,eAAgBA,EAAQ,cAC1B,EAAGF,CAAU,EACbE,EAAQ,IAAI,YAAYH,CAAQ,EA8BpC,CAAC,CACH,CAEA,IAAMP,EAAwB,CAAC,EACzBqB,EAAe,OAAO,OAAOC,CAAQ,CAAC,CAAC,OAAO,GAAQC,EAAK,OAAO,EAClEC,EAAkBH,EAAa,QAAQ,EAAU,KACjDE,EAAK,YACP,EAASA,EAAK,UAAU,MAAQE,EAASF,EAAK,UAAU,MAAQ,GAAK,GAEhEE,GACN,CAAC,CAAC,EACLJ,EAAa,QAAQ,GAAQ,CAE3B,IAAMjB,EAAYd,EAAc,IAAI,YAAYD,EAAI,cAAc,KAAK,CAAC,EACxEe,EAAK,aAAa,MAAOmB,EAAK,IAAI,EAClC,IAAMG,EAAOH,EAAK,UACdC,EAAgBD,EAAK,UAAU,KAAO,EACpC,GAAAzC,EAAA,MAAeyC,EAAK,SAAS,EAAE,UAAUA,EAAK,KAAK,QAAAzC,EAAA,MACvCyC,EAAK,SAAS,EAC5BA,EAAK,KAAO,MAChBnB,EAAK,aAAa,QAAS,YAAcsB,CAAI,EAC7CtB,EAAK,aAAa,QAASZ,EAAY,gBAAgB,EACvDQ,EAAU,KAAKI,CAAI,EACdA,EAAK,UACRA,EAAK,iBAAiB,QAAS,SAAU,EAAG,CAC1CD,EAAWC,CAAI,EACfE,EAAmB,CACjB,MAAOqB,EACP,OAAQrC,EAAc,QAAU,KAChC,QAASc,EACT,OACA,OACA,YAAa,GACb,IAAKd,EAAc,IACnB,GAAIA,EAAc,GAClB,IAAKA,EAAc,IACnB,cAAeA,EAAc,aAC/B,CAAC,CACH,CAAC,CAEL,CAAC,CACH,C"}

package/dist/create/create.esm.js

@@ -1,11 +1,11 @@
-import e from "../lib/ns.esm.js";
+import { log as e } from "../lib/debug.esm.js";
 import { label as t } from "../utils/label.esm.js";
+import { icons as n } from "../lib/iconBase.esm.js";
+import { ensureLoadedProfile as r, selectWorkspace as i } from "../login/login.esm.js";
+import a from "../lib/ns.esm.js";
+import { askName as o } from "../widgets/buttons.esm.js";
 import "../utils/index.esm.js";
-import { log as n } from "../lib/debug.esm.js";
-import { icons as r } from "../lib/iconBase.esm.js";
-import { askName as i } from "../widgets/buttons.esm.js";
 import "../widgets/index.esm.js";
-import { ensureLoadedProfile as a, selectWorkspace as o } from "../login/login.esm.js";
 import { solidLogicSingleton as s } from "solid-logic";
 // src/create/create.ts
 var c = s.store;
@@ -13,7 +13,7 @@ function l(s, l, u) {
 	let d = s.dom, f = s.div;
 	if (s.me && !s.me.uri) throw Error("newThingUI:  Invalid userid: " + s.me);
 	let p = "padding: 0.7em; width: 2em; height: 2em;", m = f.appendChild(d.createElement("img")), h = !1;
-	m.setAttribute("src", r.iconBase + "noun_34653_green.svg"), m.setAttribute("style", p), m.setAttribute("title", "Add another tool");
+	m.setAttribute("src", n.iconBase + "noun_34653_green.svg"), m.setAttribute("style", p), m.setAttribute("title", "Add another tool");
 	let g = function(e) {
 		let t = f.appendChild(d.createElement("pre"));
 		t.setAttribute("style", "background-color: pink"), t.appendChild(d.createTextNode(e));
@@ -31,25 +31,25 @@ function l(s, l, u) {
 		h = !h, m.setAttribute("style", p + (h ? "background-color: yellow;" : "")), _(h ? "" : "display: none;");
 	}
 	m.addEventListener("click", y);
-	function b(r) {
+	function b(n) {
 		return new Promise(function(u, f) {
 			let p;
 			function m(t, i) {
-				a(s).then((a) => {
+				r(s).then((r) => {
 					let o = Object.assign({
 						newBase: i,
-						folder: r.folder || void 0,
+						folder: n.folder || void 0,
 						workspace: t
-					}, r);
-					for (let e in r) o[e] = r[e];
-					n(`newThingUI: Minting new ${o.pane.name} at ${o.newBase}`), r.pane.mintNew(l, o).then(function(t) {
+					}, n);
+					for (let e in n) o[e] = n[e];
+					e(`newThingUI: Minting new ${o.pane.name} at ${o.newBase}`), n.pane.mintNew(l, o).then(function(t) {
 						if (!t || !t.newInstance) throw Error("Cannot mint new - missing newInstance");
 						if (t.folder) {
-							let r = t.newInstance.uri.slice(t.folder.uri.length).includes("/");
-							n("  new thing is packge? " + r), r ? c.add(t.folder, e.ldp("contains"), c.sym(t.newBase), t.folder.doc()) : c.add(t.folder, e.ldp("contains"), t.newInstance, t.folder.doc()), t.refreshTarget && t.refreshTarget.refresh && t.refreshTarget.refresh();
+							let n = t.newInstance.uri.slice(t.folder.uri.length).includes("/");
+							e("  new thing is packge? " + n), n ? c.add(t.folder, a.ldp("contains"), c.sym(t.newBase), t.folder.doc()) : c.add(t.folder, a.ldp("contains"), t.newInstance, t.folder.doc()), t.refreshTarget && t.refreshTarget.refresh && t.refreshTarget.refresh();
 						} else {
-							let e = r.div.appendChild(d.createElement("p"));
-							e.setAttribute("style", "font-size: 120%;"), e.innerHTML = "Your <a target='_blank' href='" + t.newInstance.uri + "'><b>new " + r.noun + "</b></a> is ready to be set up. <br/><br/><a target='_blank' href='" + t.newInstance.uri + "'>Go to your new " + r.noun + ".</a>";
+							let e = n.div.appendChild(d.createElement("p"));
+							e.setAttribute("style", "font-size: 120%;"), e.innerHTML = "Your <a target='_blank' href='" + t.newInstance.uri + "'><b>new " + n.noun + "</b></a> is ready to be set up. <br/><br/><a target='_blank' href='" + t.newInstance.uri + "'>Go to your new " + n.noun + ".</a>";
 						}
 						y();
 					}).catch(function(e) {
@@ -59,17 +59,17 @@ function l(s, l, u) {
 					g("Error logging on: " + e);
 				});
 			}
-			let h = r.pane;
-			r.noun = h.mintClass ? t(h.mintClass) : h.name, r.appPathSegment = r.noun.slice(0, 1).toUpperCase() + r.noun.slice(1), r.folder ? i(d, c, r.div, e.foaf("name"), null, r.noun).then(function(e) {
+			let h = n.pane;
+			n.noun = h.mintClass ? t(h.mintClass) : h.name, n.appPathSegment = n.noun.slice(0, 1).toUpperCase() + n.noun.slice(1), n.folder ? o(d, c, n.div, a.foaf("name"), null, n.noun).then(function(e) {
 				if (!e) y();
 				else {
-					let t = r.folder.uri;
+					let t = n.folder.uri;
 					t.endsWith("/") || (t += "/"), t = t + encodeURIComponent(e) + "/", m(null, t);
 				}
-			}) : (p = o(d, {
-				noun: r.noun,
-				appPathSegment: r.appPathSegment
-			}, m), r.div.appendChild(p));
+			}) : (p = i(d, {
+				noun: n.noun,
+				appPathSegment: n.appPathSegment
+			}, m), n.div.appendChild(p));
 		});
 	}
 	let x = [], S = Object.values(u).filter((e) => e.mintNew), C = S.reduce((e, t) => (t.mintClass && (e[t.mintClass.uri] = (e[t.mintClass.uri] || 0) + 1), e), {});

package/dist/header/index.cjs.js

@@ -1,2 +1,2 @@
-const e=require("../lib/style.cjs.js"),t=require("../lib/iconBase.cjs.js"),n=require("../widgets/buttons.cjs.js");require("../widgets/index.cjs.js");const r=require("../login/login.cjs.js"),i=require("./empty-profile.cjs.js"),a=require("../utils/headerFooterHelpers.cjs.js");let o=require("solid-logic");var s=t.icons.iconBase+`noun_help.svg`,c=`https://solidproject.org/assets/img/solid-emblem.svg`;async function l(e,t,n){let r=document.getElementById(`PageHeader`);if(!r)return;let i=a.getPod();u(r,e,i,t,n)(),o.authSession.events.on(`logout`,u(r,e,i,t,n)),o.authSession.events.on(`login`,u(r,e,i,t,n))}function u(e,t,n,r,i){return async()=>{let a=o.authn.currentUser();e.innerHTML=``,e.appendChild(await d(t,n,a,r,i))}}async function d(t,n,r,i,a){let o=document.createElement(`a`);o.href=n.uri,o.setAttribute(`style`,e.style.headerBannerLink);let s=document.createElement(`img`);a&&(s.src=a.logo?a.logo:c),s.setAttribute(`style`,e.style.headerBannerIcon),o.appendChild(s);let l=r?await g(t,r,i):p(),u=document.createElement(`div`);u.setAttribute(`style`,e.style.headerBanner),u.appendChild(o);let d=document.createElement(`div`);if(d.setAttribute(`style`,e.style.headerBannerRightMenu),d.appendChild(l),a&&a.helpMenuList){let e=f(a,a.helpMenuList);d.appendChild(e)}return u.appendChild(d),u}function f(n,r){if(!r)return;let i=document.createElement(`ul`);i.setAttribute(`style`,e.style.headerUserMenuList),r.forEach(function(e){(e.url?`url`:`onclick`)==`url`?i.appendChild(_(h(e.label,e.url,e.target))):i.appendChild(_(m(e.label,e.onclick)))});let o=document.createElement(`nav`);o.setAttribute(`style`,e.style.headerUserMenuNavigationMenuNotDisplayed),o.setAttribute(`aria-hidden`,`true`),o.setAttribute(`id`,`helperNav`),o.appendChild(i);let c=document.createElement(`div`);c.setAttribute(`style`,e.style.headerBannerUserMenu),c.appendChild(o);let l=document.createElement(`button`);l.setAttribute(`style`,e.style.headerUserMenuTrigger),l.type=`button`;let u=document.createElement(`img`);u.src=n&&n.helpIcon?n.helpIcon:t.icons.iconBase+s,u.setAttribute(`style`,e.style.headerUserMenuTriggerImg),c.appendChild(l),l.appendChild(u);let d=a.throttle(e=>y(e,l,o),50);l.addEventListener(`click`,d);let f=setTimeout(()=>null,0);return c.addEventListener(`mouseover`,t=>{clearTimeout(f),d(t),document.getElementById(`helperNav`)?.setAttribute(`style`,e.style.headerUserMenuNavigationMenu)}),c.addEventListener(`mouseout`,t=>{f=setTimeout(()=>d(t),200),document.getElementById(`helperNav`)?.setAttribute(`style`,e.style.headerUserMenuNavigationMenuNotDisplayed)}),c}function p(){let t=document.createElement(`div`);return t.setAttribute(`style`,e.style.headerBannerLogin),t.appendChild(r.loginStatusBox(document,null,{})),t}function m(t,n){let r=document.createElement(`button`);return r.setAttribute(`style`,e.style.headerUserMenuButton),r.onmouseover=function(){r.setAttribute(`style`,e.style.headerUserMenuButtonHover)},r.onmouseout=function(){r.setAttribute(`style`,e.style.headerUserMenuButton)},r.addEventListener(`click`,n),r.innerText=t,r}function h(t,n,r){let i=document.createElement(`a`);return i.setAttribute(`style`,e.style.headerUserMenuLink),i.onmouseover=function(){i.setAttribute(`style`,e.style.headerUserMenuLinkHover)},i.onmouseout=function(){i.setAttribute(`style`,e.style.headerUserMenuLink)},i.href=n,i.innerText=t,r&&(i.target=r),i}async function g(t,n,r){let i=t.fetcher;i&&await i.load(n);let o=document.createElement(`ul`);o.setAttribute(`style`,e.style.headerUserMenuList),r&&r.forEach(function(e){(e.url?`url`:`onclick`)==`url`?o.appendChild(_(h(e.label,e.url,e.target))):o.appendChild(_(m(e.label,e.onclick)))});let s=document.createElement(`nav`);s.setAttribute(`style`,e.style.headerUserMenuNavigationMenuNotDisplayed),s.setAttribute(`aria-hidden`,`true`),s.setAttribute(`id`,`loggedInNav`),s.appendChild(o);let c=document.createElement(`button`);c.setAttribute(`style`,e.style.headerUserMenuTrigger),c.type=`button`;let l=v(t,n);typeof l==`string`?c.innerHTML=l:c.appendChild(l);let u=document.createElement(`div`);u.setAttribute(`style`,e.style.headerBannerUserMenuNotDisplayed),u.appendChild(c),u.appendChild(s);let d=a.throttle(e=>y(e,c,s),50);c.addEventListener(`click`,d);let f=setTimeout(()=>null,0);return u.addEventListener(`mouseover`,t=>{clearTimeout(f),d(t),document.getElementById(`loggedInNav`)?.setAttribute(`style`,e.style.headerUserMenuNavigationMenu)}),u.addEventListener(`mouseout`,t=>{f=setTimeout(()=>d(t),200),document.getElementById(`loggedInNav`)?.setAttribute(`style`,e.style.headerUserMenuNavigationMenuNotDisplayed)}),u}function _(t){let n=document.createElement(`li`);return n.setAttribute(`style`,e.style.headerUserMenuListItem),n.appendChild(t),n}function v(t,r){let a=null;try{if(a=n.findImage(r),!a)return i.emptyProfile}catch{return i.emptyProfile}let o=document.createElement(`div`);return o.setAttribute(`style`,e.style.headerUserMenuPhoto),o.style.backgroundImage=`url(${a})`,o}function y(e,t,n){let r=t.getAttribute(`aria-expanded`)===`true`,i=e.type===`mouseover`,a=e.type===`mouseout`;r&&i||!r&&a||(t.setAttribute(`aria-expanded`,(!r).toString()),n.setAttribute(`aria-hidden`,r.toString()))}exports.createBanner=d,exports.createHelpMenu=f,exports.createLoginSignUpButtons=p,exports.createUserMenu=g,exports.createUserMenuButton=m,exports.createUserMenuItem=_,exports.createUserMenuLink=h,exports.getProfileImg=v,exports.initHeader=l,exports.rebuildHeader=u;
+const e=require("../lib/iconBase.cjs.js"),t=require("../login/login.cjs.js"),n=require("../widgets/buttons.cjs.js");require("../widgets/index.cjs.js");const r=require("../lib/style.cjs.js"),i=require("./empty-profile.cjs.js"),a=require("../utils/headerFooterHelpers.cjs.js");let o=require("solid-logic");var s=e.icons.iconBase+`noun_help.svg`,c=`https://solidproject.org/assets/img/solid-emblem.svg`;async function l(e,t,n){let r=document.getElementById(`PageHeader`);if(!r)return;let i=a.getPod();u(r,e,i,t,n)(),o.authSession.events.on(`logout`,u(r,e,i,t,n)),o.authSession.events.on(`login`,u(r,e,i,t,n))}function u(e,t,n,r,i){return async()=>{let a=o.authn.currentUser();e.innerHTML=``,e.appendChild(await d(t,n,a,r,i))}}async function d(e,t,n,i,a){let o=document.createElement(`a`);o.href=t.uri,o.setAttribute(`style`,r.style.headerBannerLink);let s=document.createElement(`img`);a&&(s.src=a.logo?a.logo:c),s.setAttribute(`style`,r.style.headerBannerIcon),o.appendChild(s);let l=n?await g(e,n,i):p(),u=document.createElement(`div`);u.setAttribute(`style`,r.style.headerBanner),u.appendChild(o);let d=document.createElement(`div`);if(d.setAttribute(`style`,r.style.headerBannerRightMenu),d.appendChild(l),a&&a.helpMenuList){let e=f(a,a.helpMenuList);d.appendChild(e)}return u.appendChild(d),u}function f(t,n){if(!n)return;let i=document.createElement(`ul`);i.setAttribute(`style`,r.style.headerUserMenuList),n.forEach(function(e){(e.url?`url`:`onclick`)==`url`?i.appendChild(_(h(e.label,e.url,e.target))):i.appendChild(_(m(e.label,e.onclick)))});let o=document.createElement(`nav`);o.setAttribute(`style`,r.style.headerUserMenuNavigationMenuNotDisplayed),o.setAttribute(`aria-hidden`,`true`),o.setAttribute(`id`,`helperNav`),o.appendChild(i);let c=document.createElement(`div`);c.setAttribute(`style`,r.style.headerBannerUserMenu),c.appendChild(o);let l=document.createElement(`button`);l.setAttribute(`style`,r.style.headerUserMenuTrigger),l.type=`button`;let u=document.createElement(`img`);u.src=t&&t.helpIcon?t.helpIcon:e.icons.iconBase+s,u.setAttribute(`style`,r.style.headerUserMenuTriggerImg),c.appendChild(l),l.appendChild(u);let d=a.throttle(e=>y(e,l,o),50);l.addEventListener(`click`,d);let f=setTimeout(()=>null,0);return c.addEventListener(`mouseover`,e=>{clearTimeout(f),d(e),document.getElementById(`helperNav`)?.setAttribute(`style`,r.style.headerUserMenuNavigationMenu)}),c.addEventListener(`mouseout`,e=>{f=setTimeout(()=>d(e),200),document.getElementById(`helperNav`)?.setAttribute(`style`,r.style.headerUserMenuNavigationMenuNotDisplayed)}),c}function p(){let e=document.createElement(`div`);return e.setAttribute(`style`,r.style.headerBannerLogin),e.appendChild(t.loginStatusBox(document,null,{})),e}function m(e,t){let n=document.createElement(`button`);return n.setAttribute(`style`,r.style.headerUserMenuButton),n.onmouseover=function(){n.setAttribute(`style`,r.style.headerUserMenuButtonHover)},n.onmouseout=function(){n.setAttribute(`style`,r.style.headerUserMenuButton)},n.addEventListener(`click`,t),n.innerText=e,n}function h(e,t,n){let i=document.createElement(`a`);return i.setAttribute(`style`,r.style.headerUserMenuLink),i.onmouseover=function(){i.setAttribute(`style`,r.style.headerUserMenuLinkHover)},i.onmouseout=function(){i.setAttribute(`style`,r.style.headerUserMenuLink)},i.href=t,i.innerText=e,n&&(i.target=n),i}async function g(e,t,n){let i=e.fetcher;i&&await i.load(t);let o=document.createElement(`ul`);o.setAttribute(`style`,r.style.headerUserMenuList),n&&n.forEach(function(e){(e.url?`url`:`onclick`)==`url`?o.appendChild(_(h(e.label,e.url,e.target))):o.appendChild(_(m(e.label,e.onclick)))});let s=document.createElement(`nav`);s.setAttribute(`style`,r.style.headerUserMenuNavigationMenuNotDisplayed),s.setAttribute(`aria-hidden`,`true`),s.setAttribute(`id`,`loggedInNav`),s.appendChild(o);let c=document.createElement(`button`);c.setAttribute(`style`,r.style.headerUserMenuTrigger),c.type=`button`;let l=v(e,t);typeof l==`string`?c.innerHTML=l:c.appendChild(l);let u=document.createElement(`div`);u.setAttribute(`style`,r.style.headerBannerUserMenuNotDisplayed),u.appendChild(c),u.appendChild(s);let d=a.throttle(e=>y(e,c,s),50);c.addEventListener(`click`,d);let f=setTimeout(()=>null,0);return u.addEventListener(`mouseover`,e=>{clearTimeout(f),d(e),document.getElementById(`loggedInNav`)?.setAttribute(`style`,r.style.headerUserMenuNavigationMenu)}),u.addEventListener(`mouseout`,e=>{f=setTimeout(()=>d(e),200),document.getElementById(`loggedInNav`)?.setAttribute(`style`,r.style.headerUserMenuNavigationMenuNotDisplayed)}),u}function _(e){let t=document.createElement(`li`);return t.setAttribute(`style`,r.style.headerUserMenuListItem),t.appendChild(e),t}function v(e,t){let a=null;try{if(a=n.findImage(t),!a)return i.emptyProfile}catch{return i.emptyProfile}let o=document.createElement(`div`);return o.setAttribute(`style`,r.style.headerUserMenuPhoto),o.style.backgroundImage=`url(${a})`,o}function y(e,t,n){let r=t.getAttribute(`aria-expanded`)===`true`,i=e.type===`mouseover`,a=e.type===`mouseout`;r&&i||!r&&a||(t.setAttribute(`aria-expanded`,(!r).toString()),n.setAttribute(`aria-hidden`,r.toString()))}exports.createBanner=d,exports.createHelpMenu=f,exports.createLoginSignUpButtons=p,exports.createUserMenu=g,exports.createUserMenuButton=m,exports.createUserMenuItem=_,exports.createUserMenuLink=h,exports.getProfileImg=v,exports.initHeader=l,exports.rebuildHeader=u;
 //# sourceMappingURL=index.cjs.js.map

package/dist/header/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":["icons","getPod","authn","style","throttle","loginStatusBox","emptyProfile","require_style","require_iconBase","require_buttons","require_login","require_empty_profile","require_headerFooterHelpers","solid_logic","DEFAULT_HELP_MENU_ICON","DEFAUL_SOLID_ICON_URL","initHeader","header","pod","rebuildHeader","store","userMenuList","options","user","createBanner","podLink","image","userMenu","createUserMenu","createLoginSignUpButtons","banner","leftSideOfHeader","helpMenu","createHelpMenu","helpMenuItems","helpMenuList","menuItem","createUserMenuItem","createUserMenuLink","createUserMenuButton","helpMenuContainer","helpMenuTrigger","helpMenuIcon","throttledMenuToggle","toggleMenu","event","timer","profileLoginButtonPre","button","onClick","label","link","href","target","fetcher","loggedInMenuList","loggedInMenu","loggedInMenuTrigger","profileImg","getProfileImg","loggedInMenuContainer","menuProfileItem","child","profileUrl","profileImage","isExpanded","trigger","expand","close","menu"],"sources":["../../src/header/index.ts"],"sourcesContent":["/* global EventListenerOrEventListenerObject */\n/*\n    This file was copied from mashlib/src/global/header.ts file. It is modified to\n    work in solid-ui by adjusting where imported functions are found.\n */\nimport { IndexedFormula, NamedNode } from 'rdflib'\nimport { icons } from '../lib/iconBase'\nimport { authn, authSession } from 'solid-logic'\nimport { loginStatusBox } from '../login/login'\n// import { loginStatusBox, authSession, currentUser } from '../authn/authn'\nimport * as widgets from '../widgets'\nimport { style } from '../lib/style'\nimport { emptyProfile } from './empty-profile'\nimport { getPod, throttle } from '../utils/headerFooterHelpers'\n\n/**\n * menu icons\n*/\nconst DEFAULT_HELP_MENU_ICON = icons.iconBase + 'noun_help.svg'\nconst DEFAUL_SOLID_ICON_URL = 'https://solidproject.org/assets/img/solid-emblem.svg'\n\nexport type MenuItemLink = {\n  label: string,\n  url: string,\n  target?: string\n}\n\nexport type MenuItemButton = {\n  label: string,\n  onclick: () => void\n}\n\nexport type MenuItems = MenuItemLink | MenuItemButton\n\n/*\n  HeaderOptions allow for customizing the logo and menu list.  If a logo is not provided the default\n  is solid. Menulist will always show a link to logout and to the users profile.\n  */\nexport type HeaderOptions = {\n  logo?: string,\n  helpIcon?: string,\n  helpMenuList?: MenuItems[]\n}\n\n/**\n * Initialize header component, the header object returned depends on whether the user is authenticated.\n * @param store the data store\n * @param userMenuList a list of menu items when the user is logged in\n * @param options allow the header to be customized with a personalized logo, help icon and a help menu list of links or buttons.\n * @returns a header for an authenticated user with menu items given or a login screen\n */\nexport async function initHeader (store: IndexedFormula, userMenuList: MenuItems[], options?: HeaderOptions) {\n  const header = document.getElementById('PageHeader')\n  if (!header) {\n    return\n  }\n\n  const pod = getPod()\n  rebuildHeader(header, store, pod, userMenuList, options)()\n  authSession.events.on('logout', rebuildHeader(header, store, pod, userMenuList, options))\n  authSession.events.on('login', rebuildHeader(header, store, pod, userMenuList, options))\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function rebuildHeader (header: HTMLElement, store: IndexedFormula, pod: NamedNode, userMenuList: MenuItems[], options?: HeaderOptions) {\n  return async () => {\n    const user = authn.currentUser()\n    header.innerHTML = ''\n    header.appendChild(await createBanner(store, pod, user, userMenuList, options))\n  }\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport async function createBanner (store: IndexedFormula, pod: NamedNode, user: NamedNode | null, userMenuList: MenuItems[], options?: HeaderOptions): Promise<HTMLElement> {\n  const podLink = document.createElement('a')\n  podLink.href = pod.uri\n  podLink.setAttribute('style', style.headerBannerLink)\n  const image = document.createElement('img')\n  if (options) {\n    image.src = options.logo ? options.logo : DEFAUL_SOLID_ICON_URL\n  }\n  image.setAttribute('style', style.headerBannerIcon)\n  podLink.appendChild(image)\n\n  const userMenu = user\n    ? await createUserMenu(store, user, userMenuList)\n    : createLoginSignUpButtons()\n\n  const banner = document.createElement('div')\n  banner.setAttribute('style', style.headerBanner)\n  banner.appendChild(podLink)\n\n  const leftSideOfHeader = document.createElement('div')\n  leftSideOfHeader.setAttribute('style', style.headerBannerRightMenu)\n  leftSideOfHeader.appendChild(userMenu)\n\n  if (options && options.helpMenuList) {\n    const helpMenu = createHelpMenu(options, options.helpMenuList)\n    leftSideOfHeader.appendChild(helpMenu as HTMLDivElement)\n  }\n\n  banner.appendChild(leftSideOfHeader)\n\n  return banner\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createHelpMenu (options: HeaderOptions, helpMenuItems: MenuItems[]) {\n  if (!helpMenuItems) return\n  const helpMenuList = document.createElement('ul')\n  helpMenuList.setAttribute('style', style.headerUserMenuList)\n  helpMenuItems.forEach(function (menuItem) {\n    const menuItemType: string = (menuItem as MenuItemLink).url ? 'url' : 'onclick'\n    if (menuItemType === 'url') {\n      helpMenuList.appendChild(createUserMenuItem(createUserMenuLink(menuItem.label, (menuItem as MenuItemLink).url, (menuItem as MenuItemLink).target)))\n    } else {\n      helpMenuList.appendChild(createUserMenuItem(createUserMenuButton(menuItem.label, (menuItem as MenuItemButton).onclick)))\n    }\n  })\n\n  const helpMenu = document.createElement('nav')\n\n  helpMenu.setAttribute('style', style.headerUserMenuNavigationMenuNotDisplayed)\n  helpMenu.setAttribute('aria-hidden', 'true')\n  helpMenu.setAttribute('id', 'helperNav')\n  helpMenu.appendChild(helpMenuList)\n\n  const helpMenuContainer = document.createElement('div')\n  helpMenuContainer.setAttribute('style', style.headerBannerUserMenu)\n  helpMenuContainer.appendChild(helpMenu)\n\n  const helpMenuTrigger = document.createElement('button')\n  helpMenuTrigger.setAttribute('style', style.headerUserMenuTrigger)\n  helpMenuTrigger.type = 'button'\n\n  const helpMenuIcon = document.createElement('img')\n  helpMenuIcon.src = (options && options.helpIcon) ? options.helpIcon : icons.iconBase + DEFAULT_HELP_MENU_ICON\n  helpMenuIcon.setAttribute('style', style.headerUserMenuTriggerImg)\n  helpMenuContainer.appendChild(helpMenuTrigger)\n  helpMenuTrigger.appendChild(helpMenuIcon)\n\n  const throttledMenuToggle = throttle((event: Event) => toggleMenu(event, helpMenuTrigger, helpMenu), 50)\n  helpMenuTrigger.addEventListener('click', throttledMenuToggle)\n  let timer = setTimeout(() => null, 0)\n  helpMenuContainer.addEventListener('mouseover', event => {\n    clearTimeout(timer)\n    throttledMenuToggle(event)\n    const nav = document.getElementById('helperNav')\n    nav?.setAttribute('style', style.headerUserMenuNavigationMenu)\n  })\n  helpMenuContainer.addEventListener('mouseout', event => {\n    timer = setTimeout(() => throttledMenuToggle(event), 200)\n    const nav = document.getElementById('helperNav')\n    nav?.setAttribute('style', style.headerUserMenuNavigationMenuNotDisplayed)\n  })\n\n  return helpMenuContainer\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createLoginSignUpButtons () {\n  const profileLoginButtonPre = document.createElement('div')\n  profileLoginButtonPre.setAttribute('style', style.headerBannerLogin)\n  profileLoginButtonPre.appendChild(loginStatusBox(document, null, {}))\n  return profileLoginButtonPre\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuButton (label: string, onClick: EventListenerOrEventListenerObject): HTMLElement {\n  const button = document.createElement('button')\n  button.setAttribute('style', style.headerUserMenuButton)\n  button.onmouseover = function () {\n    button.setAttribute('style', style.headerUserMenuButtonHover)\n  }\n  button.onmouseout = function () {\n    button.setAttribute('style', style.headerUserMenuButton)\n  }\n  button.addEventListener('click', onClick)\n  button.innerText = label\n  return button\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuLink (label: string, href: string, target?: string): HTMLElement {\n  const link = document.createElement('a')\n  link.setAttribute('style', style.headerUserMenuLink)\n  link.onmouseover = function () {\n    link.setAttribute('style', style.headerUserMenuLinkHover)\n  }\n  link.onmouseout = function () {\n    link.setAttribute('style', style.headerUserMenuLink)\n  }\n  link.href = href\n  link.innerText = label\n  if (target) link.target = target\n  return link\n}\n\n/**\n * @ignore exporting this only for the unit test\n */\nexport async function createUserMenu (store: IndexedFormula, user: NamedNode, userMenuList: MenuItems[]): Promise<HTMLElement> {\n  const fetcher = (<any>store).fetcher\n  if (fetcher) {\n    // Making sure that Profile is loaded before building menu\n    await fetcher.load(user)\n  }\n\n  const loggedInMenuList = document.createElement('ul')\n  loggedInMenuList.setAttribute('style', style.headerUserMenuList)\n  if (userMenuList) {\n    userMenuList.forEach(function (menuItem) {\n      const menuItemType: string = (menuItem as MenuItemLink).url ? 'url' : 'onclick'\n      if (menuItemType === 'url') {\n        loggedInMenuList.appendChild(createUserMenuItem(createUserMenuLink(menuItem.label, (menuItem as MenuItemLink).url, (menuItem as MenuItemLink).target)))\n      } else {\n        loggedInMenuList.appendChild(createUserMenuItem(createUserMenuButton(menuItem.label, (menuItem as MenuItemButton).onclick)))\n      }\n    })\n  }\n  const loggedInMenu = document.createElement('nav')\n\n  loggedInMenu.setAttribute('style', style.headerUserMenuNavigationMenuNotDisplayed)\n  loggedInMenu.setAttribute('aria-hidden', 'true')\n  loggedInMenu.setAttribute('id', 'loggedInNav')\n  loggedInMenu.appendChild(loggedInMenuList)\n\n  const loggedInMenuTrigger = document.createElement('button')\n  loggedInMenuTrigger.setAttribute('style', style.headerUserMenuTrigger)\n  loggedInMenuTrigger.type = 'button'\n  const profileImg = getProfileImg(store, user)\n  if (typeof profileImg === 'string') {\n    loggedInMenuTrigger.innerHTML = profileImg\n  } else {\n    loggedInMenuTrigger.appendChild(profileImg)\n  }\n\n  const loggedInMenuContainer = document.createElement('div')\n  loggedInMenuContainer.setAttribute('style', style.headerBannerUserMenuNotDisplayed)\n  loggedInMenuContainer.appendChild(loggedInMenuTrigger)\n  loggedInMenuContainer.appendChild(loggedInMenu)\n\n  const throttledMenuToggle = throttle((event: Event) => toggleMenu(event, loggedInMenuTrigger, loggedInMenu), 50)\n  loggedInMenuTrigger.addEventListener('click', throttledMenuToggle)\n  let timer = setTimeout(() => null, 0)\n  loggedInMenuContainer.addEventListener('mouseover', event => {\n    clearTimeout(timer)\n    throttledMenuToggle(event)\n    const nav = document.getElementById('loggedInNav')\n    nav?.setAttribute('style', style.headerUserMenuNavigationMenu)\n  })\n  loggedInMenuContainer.addEventListener('mouseout', event => {\n    timer = setTimeout(() => throttledMenuToggle(event), 200)\n    const nav = document.getElementById('loggedInNav')\n    nav?.setAttribute('style', style.headerUserMenuNavigationMenuNotDisplayed)\n  })\n\n  return loggedInMenuContainer\n}\n\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuItem (child: HTMLElement): HTMLElement {\n  const menuProfileItem = document.createElement('li')\n  menuProfileItem.setAttribute('style', style.headerUserMenuListItem)\n  menuProfileItem.appendChild(child)\n  return menuProfileItem\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function getProfileImg (store: IndexedFormula, user: NamedNode): string | HTMLElement {\n  let profileUrl = null\n  try {\n    profileUrl = widgets.findImage(user)\n    if (!profileUrl) {\n      return emptyProfile\n    }\n  } catch {\n    return emptyProfile\n  }\n\n  const profileImage = document.createElement('div')\n  profileImage.setAttribute('style', style.headerUserMenuPhoto)\n  profileImage.style.backgroundImage = `url(${profileUrl})`\n  return profileImage\n}\n\n/**\n * @internal\n */\nfunction toggleMenu (event: Event, trigger: HTMLButtonElement, menu: HTMLElement): void {\n  const isExpanded = trigger.getAttribute('aria-expanded') === 'true'\n  const expand = event.type === 'mouseover'\n  const close = event.type === 'mouseout'\n  if ((isExpanded && expand) || (!isExpanded && close)) {\n    return\n  }\n  trigger.setAttribute('aria-expanded', (!isExpanded).toString())\n  menu.setAttribute('aria-hidden', isExpanded.toString())\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.cjs.js","names":["icons","getPod","authn","style","throttle","loginStatusBox","emptyProfile","require_iconBase","require_login","require_buttons","require_style","require_empty_profile","require_headerFooterHelpers","solid_logic","DEFAULT_HELP_MENU_ICON","DEFAUL_SOLID_ICON_URL","initHeader","header","pod","rebuildHeader","store","userMenuList","options","user","createBanner","podLink","image","userMenu","createUserMenu","createLoginSignUpButtons","banner","leftSideOfHeader","helpMenu","createHelpMenu","helpMenuItems","helpMenuList","menuItem","createUserMenuItem","createUserMenuLink","createUserMenuButton","helpMenuContainer","helpMenuTrigger","helpMenuIcon","throttledMenuToggle","toggleMenu","event","timer","profileLoginButtonPre","button","onClick","label","link","href","target","fetcher","loggedInMenuList","loggedInMenu","loggedInMenuTrigger","profileImg","getProfileImg","loggedInMenuContainer","menuProfileItem","child","profileUrl","profileImage","isExpanded","trigger","expand","close","menu"],"sources":["../../src/header/index.ts"],"sourcesContent":["/* global EventListenerOrEventListenerObject */\n/*\n    This file was copied from mashlib/src/global/header.ts file. It is modified to\n    work in solid-ui by adjusting where imported functions are found.\n */\nimport { IndexedFormula, NamedNode } from 'rdflib'\nimport { icons } from '../lib/iconBase'\nimport { authn, authSession } from 'solid-logic'\nimport { loginStatusBox } from '../login/login'\n// import { loginStatusBox, authSession, currentUser } from '../authn/authn'\nimport * as widgets from '../widgets'\nimport { style } from '../lib/style'\nimport { emptyProfile } from './empty-profile'\nimport { getPod, throttle } from '../utils/headerFooterHelpers'\n\n/**\n * menu icons\n*/\nconst DEFAULT_HELP_MENU_ICON = icons.iconBase + 'noun_help.svg'\nconst DEFAUL_SOLID_ICON_URL = 'https://solidproject.org/assets/img/solid-emblem.svg'\n\nexport type MenuItemLink = {\n  label: string,\n  url: string,\n  target?: string\n}\n\nexport type MenuItemButton = {\n  label: string,\n  onclick: () => void\n}\n\nexport type MenuItems = MenuItemLink | MenuItemButton\n\n/*\n  HeaderOptions allow for customizing the logo and menu list.  If a logo is not provided the default\n  is solid. Menulist will always show a link to logout and to the users profile.\n  */\nexport type HeaderOptions = {\n  logo?: string,\n  helpIcon?: string,\n  helpMenuList?: MenuItems[]\n}\n\n/**\n * Initialize header component, the header object returned depends on whether the user is authenticated.\n * @param store the data store\n * @param userMenuList a list of menu items when the user is logged in\n * @param options allow the header to be customized with a personalized logo, help icon and a help menu list of links or buttons.\n * @returns a header for an authenticated user with menu items given or a login screen\n */\nexport async function initHeader (store: IndexedFormula, userMenuList: MenuItems[], options?: HeaderOptions) {\n  const header = document.getElementById('PageHeader')\n  if (!header) {\n    return\n  }\n\n  const pod = getPod()\n  rebuildHeader(header, store, pod, userMenuList, options)()\n  authSession.events.on('logout', rebuildHeader(header, store, pod, userMenuList, options))\n  authSession.events.on('login', rebuildHeader(header, store, pod, userMenuList, options))\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function rebuildHeader (header: HTMLElement, store: IndexedFormula, pod: NamedNode, userMenuList: MenuItems[], options?: HeaderOptions) {\n  return async () => {\n    const user = authn.currentUser()\n    header.innerHTML = ''\n    header.appendChild(await createBanner(store, pod, user, userMenuList, options))\n  }\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport async function createBanner (store: IndexedFormula, pod: NamedNode, user: NamedNode | null, userMenuList: MenuItems[], options?: HeaderOptions): Promise<HTMLElement> {\n  const podLink = document.createElement('a')\n  podLink.href = pod.uri\n  podLink.setAttribute('style', style.headerBannerLink)\n  const image = document.createElement('img')\n  if (options) {\n    image.src = options.logo ? options.logo : DEFAUL_SOLID_ICON_URL\n  }\n  image.setAttribute('style', style.headerBannerIcon)\n  podLink.appendChild(image)\n\n  const userMenu = user\n    ? await createUserMenu(store, user, userMenuList)\n    : createLoginSignUpButtons()\n\n  const banner = document.createElement('div')\n  banner.setAttribute('style', style.headerBanner)\n  banner.appendChild(podLink)\n\n  const leftSideOfHeader = document.createElement('div')\n  leftSideOfHeader.setAttribute('style', style.headerBannerRightMenu)\n  leftSideOfHeader.appendChild(userMenu)\n\n  if (options && options.helpMenuList) {\n    const helpMenu = createHelpMenu(options, options.helpMenuList)\n    leftSideOfHeader.appendChild(helpMenu as HTMLDivElement)\n  }\n\n  banner.appendChild(leftSideOfHeader)\n\n  return banner\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createHelpMenu (options: HeaderOptions, helpMenuItems: MenuItems[]) {\n  if (!helpMenuItems) return\n  const helpMenuList = document.createElement('ul')\n  helpMenuList.setAttribute('style', style.headerUserMenuList)\n  helpMenuItems.forEach(function (menuItem) {\n    const menuItemType: string = (menuItem as MenuItemLink).url ? 'url' : 'onclick'\n    if (menuItemType === 'url') {\n      helpMenuList.appendChild(createUserMenuItem(createUserMenuLink(menuItem.label, (menuItem as MenuItemLink).url, (menuItem as MenuItemLink).target)))\n    } else {\n      helpMenuList.appendChild(createUserMenuItem(createUserMenuButton(menuItem.label, (menuItem as MenuItemButton).onclick)))\n    }\n  })\n\n  const helpMenu = document.createElement('nav')\n\n  helpMenu.setAttribute('style', style.headerUserMenuNavigationMenuNotDisplayed)\n  helpMenu.setAttribute('aria-hidden', 'true')\n  helpMenu.setAttribute('id', 'helperNav')\n  helpMenu.appendChild(helpMenuList)\n\n  const helpMenuContainer = document.createElement('div')\n  helpMenuContainer.setAttribute('style', style.headerBannerUserMenu)\n  helpMenuContainer.appendChild(helpMenu)\n\n  const helpMenuTrigger = document.createElement('button')\n  helpMenuTrigger.setAttribute('style', style.headerUserMenuTrigger)\n  helpMenuTrigger.type = 'button'\n\n  const helpMenuIcon = document.createElement('img')\n  helpMenuIcon.src = (options && options.helpIcon) ? options.helpIcon : icons.iconBase + DEFAULT_HELP_MENU_ICON\n  helpMenuIcon.setAttribute('style', style.headerUserMenuTriggerImg)\n  helpMenuContainer.appendChild(helpMenuTrigger)\n  helpMenuTrigger.appendChild(helpMenuIcon)\n\n  const throttledMenuToggle = throttle((event: Event) => toggleMenu(event, helpMenuTrigger, helpMenu), 50)\n  helpMenuTrigger.addEventListener('click', throttledMenuToggle)\n  let timer = setTimeout(() => null, 0)\n  helpMenuContainer.addEventListener('mouseover', event => {\n    clearTimeout(timer)\n    throttledMenuToggle(event)\n    const nav = document.getElementById('helperNav')\n    nav?.setAttribute('style', style.headerUserMenuNavigationMenu)\n  })\n  helpMenuContainer.addEventListener('mouseout', event => {\n    timer = setTimeout(() => throttledMenuToggle(event), 200)\n    const nav = document.getElementById('helperNav')\n    nav?.setAttribute('style', style.headerUserMenuNavigationMenuNotDisplayed)\n  })\n\n  return helpMenuContainer\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createLoginSignUpButtons () {\n  const profileLoginButtonPre = document.createElement('div')\n  profileLoginButtonPre.setAttribute('style', style.headerBannerLogin)\n  profileLoginButtonPre.appendChild(loginStatusBox(document, null, {}))\n  return profileLoginButtonPre\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuButton (label: string, onClick: EventListenerOrEventListenerObject): HTMLElement {\n  const button = document.createElement('button')\n  button.setAttribute('style', style.headerUserMenuButton)\n  button.onmouseover = function () {\n    button.setAttribute('style', style.headerUserMenuButtonHover)\n  }\n  button.onmouseout = function () {\n    button.setAttribute('style', style.headerUserMenuButton)\n  }\n  button.addEventListener('click', onClick)\n  button.innerText = label\n  return button\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuLink (label: string, href: string, target?: string): HTMLElement {\n  const link = document.createElement('a')\n  link.setAttribute('style', style.headerUserMenuLink)\n  link.onmouseover = function () {\n    link.setAttribute('style', style.headerUserMenuLinkHover)\n  }\n  link.onmouseout = function () {\n    link.setAttribute('style', style.headerUserMenuLink)\n  }\n  link.href = href\n  link.innerText = label\n  if (target) link.target = target\n  return link\n}\n\n/**\n * @ignore exporting this only for the unit test\n */\nexport async function createUserMenu (store: IndexedFormula, user: NamedNode, userMenuList: MenuItems[]): Promise<HTMLElement> {\n  const fetcher = (<any>store).fetcher\n  if (fetcher) {\n    // Making sure that Profile is loaded before building menu\n    await fetcher.load(user)\n  }\n\n  const loggedInMenuList = document.createElement('ul')\n  loggedInMenuList.setAttribute('style', style.headerUserMenuList)\n  if (userMenuList) {\n    userMenuList.forEach(function (menuItem) {\n      const menuItemType: string = (menuItem as MenuItemLink).url ? 'url' : 'onclick'\n      if (menuItemType === 'url') {\n        loggedInMenuList.appendChild(createUserMenuItem(createUserMenuLink(menuItem.label, (menuItem as MenuItemLink).url, (menuItem as MenuItemLink).target)))\n      } else {\n        loggedInMenuList.appendChild(createUserMenuItem(createUserMenuButton(menuItem.label, (menuItem as MenuItemButton).onclick)))\n      }\n    })\n  }\n  const loggedInMenu = document.createElement('nav')\n\n  loggedInMenu.setAttribute('style', style.headerUserMenuNavigationMenuNotDisplayed)\n  loggedInMenu.setAttribute('aria-hidden', 'true')\n  loggedInMenu.setAttribute('id', 'loggedInNav')\n  loggedInMenu.appendChild(loggedInMenuList)\n\n  const loggedInMenuTrigger = document.createElement('button')\n  loggedInMenuTrigger.setAttribute('style', style.headerUserMenuTrigger)\n  loggedInMenuTrigger.type = 'button'\n  const profileImg = getProfileImg(store, user)\n  if (typeof profileImg === 'string') {\n    loggedInMenuTrigger.innerHTML = profileImg\n  } else {\n    loggedInMenuTrigger.appendChild(profileImg)\n  }\n\n  const loggedInMenuContainer = document.createElement('div')\n  loggedInMenuContainer.setAttribute('style', style.headerBannerUserMenuNotDisplayed)\n  loggedInMenuContainer.appendChild(loggedInMenuTrigger)\n  loggedInMenuContainer.appendChild(loggedInMenu)\n\n  const throttledMenuToggle = throttle((event: Event) => toggleMenu(event, loggedInMenuTrigger, loggedInMenu), 50)\n  loggedInMenuTrigger.addEventListener('click', throttledMenuToggle)\n  let timer = setTimeout(() => null, 0)\n  loggedInMenuContainer.addEventListener('mouseover', event => {\n    clearTimeout(timer)\n    throttledMenuToggle(event)\n    const nav = document.getElementById('loggedInNav')\n    nav?.setAttribute('style', style.headerUserMenuNavigationMenu)\n  })\n  loggedInMenuContainer.addEventListener('mouseout', event => {\n    timer = setTimeout(() => throttledMenuToggle(event), 200)\n    const nav = document.getElementById('loggedInNav')\n    nav?.setAttribute('style', style.headerUserMenuNavigationMenuNotDisplayed)\n  })\n\n  return loggedInMenuContainer\n}\n\n/**\n * @ignore exporting this only for the unit test\n */\nexport function createUserMenuItem (child: HTMLElement): HTMLElement {\n  const menuProfileItem = document.createElement('li')\n  menuProfileItem.setAttribute('style', style.headerUserMenuListItem)\n  menuProfileItem.appendChild(child)\n  return menuProfileItem\n}\n/**\n * @ignore exporting this only for the unit test\n */\nexport function getProfileImg (store: IndexedFormula, user: NamedNode): string | HTMLElement {\n  let profileUrl = null\n  try {\n    profileUrl = widgets.findImage(user)\n    if (!profileUrl) {\n      return emptyProfile\n    }\n  } catch {\n    return emptyProfile\n  }\n\n  const profileImage = document.createElement('div')\n  profileImage.setAttribute('style', style.headerUserMenuPhoto)\n  profileImage.style.backgroundImage = `url(${profileUrl})`\n  return profileImage\n}\n\n/**\n * @internal\n */\nfunction toggleMenu (event: Event, trigger: HTMLButtonElement, menu: HTMLElement): void {\n  const isExpanded = trigger.getAttribute('aria-expanded') === 'true'\n  const expand = event.type === 'mouseover'\n  const close = event.type === 'mouseout'\n  if ((isExpanded && expand) || (!isExpanded && close)) {\n    return\n  }\n  trigger.setAttribute('aria-expanded', (!isExpanded).toString())\n  menu.setAttribute('aria-hidden', isExpanded.toString())\n}\n"],"mappings":"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"}

package/dist/header/index.esm.js

@@ -1,13 +1,13 @@
-import { style as e } from "../lib/style.esm.js";
-import { icons as t } from "../lib/iconBase.esm.js";
+import { icons as e } from "../lib/iconBase.esm.js";
+import { loginStatusBox as t } from "../login/login.esm.js";
 import { findImage as n } from "../widgets/buttons.esm.js";
 import "../widgets/index.esm.js";
-import { loginStatusBox as r } from "../login/login.esm.js";
+import { style as r } from "../lib/style.esm.js";
 import { emptyProfile as i } from "./empty-profile.esm.js";
 import { getPod as a, throttle as o } from "../utils/headerFooterHelpers.esm.js";
 import { authSession as s, authn as c } from "solid-logic";
 // src/header/index.ts
-var l = t.iconBase + "noun_help.svg", u = "https://solidproject.org/assets/img/solid-emblem.svg";
+var l = e.iconBase + "noun_help.svg", u = "https://solidproject.org/assets/img/solid-emblem.svg";
 async function d(e, t, n) {
 	let r = document.getElementById("PageHeader");
 	if (!r) return;
@@ -20,100 +20,100 @@ function f(e, t, n, r, i) {
 		e.innerHTML = "", e.appendChild(await p(t, n, a, r, i));
 	};
 }
-async function p(t, n, r, i, a) {
+async function p(e, t, n, i, a) {
 	let o = document.createElement("a");
-	o.href = n.uri, o.setAttribute("style", e.headerBannerLink);
+	o.href = t.uri, o.setAttribute("style", r.headerBannerLink);
 	let s = document.createElement("img");
-	a && (s.src = a.logo ? a.logo : u), s.setAttribute("style", e.headerBannerIcon), o.appendChild(s);
-	let c = r ? await v(t, r, i) : h(), l = document.createElement("div");
-	l.setAttribute("style", e.headerBanner), l.appendChild(o);
+	a && (s.src = a.logo ? a.logo : u), s.setAttribute("style", r.headerBannerIcon), o.appendChild(s);
+	let c = n ? await v(e, n, i) : h(), l = document.createElement("div");
+	l.setAttribute("style", r.headerBanner), l.appendChild(o);
 	let d = document.createElement("div");
-	if (d.setAttribute("style", e.headerBannerRightMenu), d.appendChild(c), a && a.helpMenuList) {
+	if (d.setAttribute("style", r.headerBannerRightMenu), d.appendChild(c), a && a.helpMenuList) {
 		let e = m(a, a.helpMenuList);
 		d.appendChild(e);
 	}
 	return l.appendChild(d), l;
 }
-function m(n, r) {
-	if (!r) return;
+function m(t, n) {
+	if (!n) return;
 	let i = document.createElement("ul");
-	i.setAttribute("style", e.headerUserMenuList), r.forEach(function(e) {
+	i.setAttribute("style", r.headerUserMenuList), n.forEach(function(e) {
 		(e.url ? "url" : "onclick") == "url" ? i.appendChild(y(_(e.label, e.url, e.target))) : i.appendChild(y(g(e.label, e.onclick)));
 	});
 	let a = document.createElement("nav");
-	a.setAttribute("style", e.headerUserMenuNavigationMenuNotDisplayed), a.setAttribute("aria-hidden", "true"), a.setAttribute("id", "helperNav"), a.appendChild(i);
+	a.setAttribute("style", r.headerUserMenuNavigationMenuNotDisplayed), a.setAttribute("aria-hidden", "true"), a.setAttribute("id", "helperNav"), a.appendChild(i);
 	let s = document.createElement("div");
-	s.setAttribute("style", e.headerBannerUserMenu), s.appendChild(a);
+	s.setAttribute("style", r.headerBannerUserMenu), s.appendChild(a);
 	let c = document.createElement("button");
-	c.setAttribute("style", e.headerUserMenuTrigger), c.type = "button";
+	c.setAttribute("style", r.headerUserMenuTrigger), c.type = "button";
 	let u = document.createElement("img");
-	u.src = n && n.helpIcon ? n.helpIcon : t.iconBase + l, u.setAttribute("style", e.headerUserMenuTriggerImg), s.appendChild(c), c.appendChild(u);
+	u.src = t && t.helpIcon ? t.helpIcon : e.iconBase + l, u.setAttribute("style", r.headerUserMenuTriggerImg), s.appendChild(c), c.appendChild(u);
 	let d = o((e) => x(e, c, a), 50);
 	c.addEventListener("click", d);
 	let f = setTimeout(() => null, 0);
-	return s.addEventListener("mouseover", (t) => {
-		clearTimeout(f), d(t), document.getElementById("helperNav")?.setAttribute("style", e.headerUserMenuNavigationMenu);
-	}), s.addEventListener("mouseout", (t) => {
-		f = setTimeout(() => d(t), 200), document.getElementById("helperNav")?.setAttribute("style", e.headerUserMenuNavigationMenuNotDisplayed);
+	return s.addEventListener("mouseover", (e) => {
+		clearTimeout(f), d(e), document.getElementById("helperNav")?.setAttribute("style", r.headerUserMenuNavigationMenu);
+	}), s.addEventListener("mouseout", (e) => {
+		f = setTimeout(() => d(e), 200), document.getElementById("helperNav")?.setAttribute("style", r.headerUserMenuNavigationMenuNotDisplayed);
 	}), s;
 }
 function h() {
-	let t = document.createElement("div");
-	return t.setAttribute("style", e.headerBannerLogin), t.appendChild(r(document, null, {})), t;
+	let e = document.createElement("div");
+	return e.setAttribute("style", r.headerBannerLogin), e.appendChild(t(document, null, {})), e;
 }
-function g(t, n) {
-	let r = document.createElement("button");
-	return r.setAttribute("style", e.headerUserMenuButton), r.onmouseover = function() {
-		r.setAttribute("style", e.headerUserMenuButtonHover);
-	}, r.onmouseout = function() {
-		r.setAttribute("style", e.headerUserMenuButton);
-	}, r.addEventListener("click", n), r.innerText = t, r;
+function g(e, t) {
+	let n = document.createElement("button");
+	return n.setAttribute("style", r.headerUserMenuButton), n.onmouseover = function() {
+		n.setAttribute("style", r.headerUserMenuButtonHover);
+	}, n.onmouseout = function() {
+		n.setAttribute("style", r.headerUserMenuButton);
+	}, n.addEventListener("click", t), n.innerText = e, n;
 }
-function _(t, n, r) {
+function _(e, t, n) {
 	let i = document.createElement("a");
-	return i.setAttribute("style", e.headerUserMenuLink), i.onmouseover = function() {
-		i.setAttribute("style", e.headerUserMenuLinkHover);
+	return i.setAttribute("style", r.headerUserMenuLink), i.onmouseover = function() {
+		i.setAttribute("style", r.headerUserMenuLinkHover);
 	}, i.onmouseout = function() {
-		i.setAttribute("style", e.headerUserMenuLink);
-	}, i.href = n, i.innerText = t, r && (i.target = r), i;
+		i.setAttribute("style", r.headerUserMenuLink);
+	}, i.href = t, i.innerText = e, n && (i.target = n), i;
 }
-async function v(t, n, r) {
-	let i = t.fetcher;
-	i && await i.load(n);
+async function v(e, t, n) {
+	let i = e.fetcher;
+	i && await i.load(t);
 	let a = document.createElement("ul");
-	a.setAttribute("style", e.headerUserMenuList), r && r.forEach(function(e) {
+	a.setAttribute("style", r.headerUserMenuList), n && n.forEach(function(e) {
 		(e.url ? "url" : "onclick") == "url" ? a.appendChild(y(_(e.label, e.url, e.target))) : a.appendChild(y(g(e.label, e.onclick)));
 	});
 	let s = document.createElement("nav");
-	s.setAttribute("style", e.headerUserMenuNavigationMenuNotDisplayed), s.setAttribute("aria-hidden", "true"), s.setAttribute("id", "loggedInNav"), s.appendChild(a);
+	s.setAttribute("style", r.headerUserMenuNavigationMenuNotDisplayed), s.setAttribute("aria-hidden", "true"), s.setAttribute("id", "loggedInNav"), s.appendChild(a);
 	let c = document.createElement("button");
-	c.setAttribute("style", e.headerUserMenuTrigger), c.type = "button";
-	let l = b(t, n);
+	c.setAttribute("style", r.headerUserMenuTrigger), c.type = "button";
+	let l = b(e, t);
 	typeof l == "string" ? c.innerHTML = l : c.appendChild(l);
 	let u = document.createElement("div");
-	u.setAttribute("style", e.headerBannerUserMenuNotDisplayed), u.appendChild(c), u.appendChild(s);
+	u.setAttribute("style", r.headerBannerUserMenuNotDisplayed), u.appendChild(c), u.appendChild(s);
 	let d = o((e) => x(e, c, s), 50);
 	c.addEventListener("click", d);
 	let f = setTimeout(() => null, 0);
-	return u.addEventListener("mouseover", (t) => {
-		clearTimeout(f), d(t), document.getElementById("loggedInNav")?.setAttribute("style", e.headerUserMenuNavigationMenu);
-	}), u.addEventListener("mouseout", (t) => {
-		f = setTimeout(() => d(t), 200), document.getElementById("loggedInNav")?.setAttribute("style", e.headerUserMenuNavigationMenuNotDisplayed);
+	return u.addEventListener("mouseover", (e) => {
+		clearTimeout(f), d(e), document.getElementById("loggedInNav")?.setAttribute("style", r.headerUserMenuNavigationMenu);
+	}), u.addEventListener("mouseout", (e) => {
+		f = setTimeout(() => d(e), 200), document.getElementById("loggedInNav")?.setAttribute("style", r.headerUserMenuNavigationMenuNotDisplayed);
 	}), u;
 }
-function y(t) {
-	let n = document.createElement("li");
-	return n.setAttribute("style", e.headerUserMenuListItem), n.appendChild(t), n;
+function y(e) {
+	let t = document.createElement("li");
+	return t.setAttribute("style", r.headerUserMenuListItem), t.appendChild(e), t;
 }
-function b(t, r) {
+function b(e, t) {
 	let a = null;
 	try {
-		if (a = n(r), !a) return i;
+		if (a = n(t), !a) return i;
 	} catch {
 		return i;
 	}
 	let o = document.createElement("div");
-	return o.setAttribute("style", e.headerUserMenuPhoto), o.style.backgroundImage = `url(${a})`, o;
+	return o.setAttribute("style", r.headerUserMenuPhoto), o.style.backgroundImage = `url(${a})`, o;
 }
 function x(e, t, n) {
 	let r = t.getAttribute("aria-expanded") === "true", i = e.type === "mouseover", a = e.type === "mouseout";

package/dist/index.cjs.js

@@ -1,2 +1,2 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./lib/ns.cjs.js"),t=require("./lib/log.cjs.js"),n=require("./utils/index.cjs.js"),r=require("./lib/style.cjs.js"),i=require("./lib/iconBase.cjs.js"),a=require("./widgets/forms/autocomplete/language.cjs.js"),o=require("./widgets/index.cjs.js"),s=require("./login/login.cjs.js"),c=require("./acl/index.cjs.js"),l=require("./create/index.cjs.js"),u=require("./matrix/index.cjs.js"),d=require("./media/index.cjs.js"),f=require("./lib/messageArea.cjs.js"),p=require("./lib/participation.cjs.js"),m=require("./lib/pad.cjs.js"),h=require("./chat/infinite.cjs.js"),g=require("./lib/preferences.cjs.js"),_=require("./lib/table.cjs.js"),v=require("./lib/tabs.cjs.js"),y=require("./header/index.cjs.js"),b=require("./footer/index.cjs.js"),x=require("./create/types.cjs.js"),S=require("./lib/auth/Account.cjs.js"),C=require("./lib/auth/NoopAuth.cjs.js"),w=require("./lib/auth/context.cjs.js"),T=require("./lib/components/ids.cjs.js"),E=require("./lib/dialogs/context.cjs.js"),D=require("./lib/components/decorators.cjs.js"),O=require("./lib/dialogs/events/close-dialog.cjs.js"),k=require("./lib/components/traits/DialogTrait.cjs.js"),A=require("./lib/components/web-component/WebComponent.cjs.js"),j=require("./lib/components/dialog-component/DialogComponent.cjs.js"),M=require("./lib/components/traits/FormControlTrait.cjs.js"),N=require("./lib/components/form-control-component/FormControlComponent.cjs.js");require("./lib/components/index.cjs.js");const P=require("./lib/dialogs/Dialog.cjs.js"),F=require("./lib/dialogs/events/show-dialog.cjs.js"),I=require("./lib/dialogs/helpers.cjs.js");require("./lib/dialogs/index.cjs.js");const L=require("./lib/auth/SolidAuth.cjs.js");require("./lib/auth/index.cjs.js");const R=require("./lib/file-explorer/context.cjs.js"),z=require("./lib/file-explorer/events.cjs.js"),B=require("./lib/file-explorer/relevant-panes.cjs.js"),V=require("./lib/file-explorer/compose-explorer.cjs.js");require("./lib/file-explorer/index.cjs.js");const H=require("./lib/code-editor/CodeEditor.cjs.js");require("./lib/code-editor/index.cjs.js");var U=typeof window<`u`?window.document:null;exports.Account=S.default,exports.CloseDialogEvent=O.CloseDialogEvent,exports.CodeEditor=H.CodeEditor,exports.DEFAULT_AUTH_CONTEXT=w.DEFAULT_AUTH_CONTEXT,exports.DEFAULT_DIALOG_CONTEXT=E.DEFAULT_DIALOG_CONTEXT,exports.DEFAULT_FILE_EXPLORER_CONTEXT=R.DEFAULT_FILE_EXPLORER_CONTEXT,exports.DEFAULT_SIGNUP_URL=L.DEFAULT_SIGNUP_URL,exports.Dialog=P.default,exports.DialogComponent=j.default,exports.DialogTrait=k.default,exports.FILE_EXPLORER_BACK_EVENT=z.FILE_EXPLORER_BACK_EVENT,exports.FILE_EXPLORER_MANAGE_ACCESS_EVENT=z.FILE_EXPLORER_MANAGE_ACCESS_EVENT,exports.FILE_EXPLORER_OPEN_PANE_EVENT=z.FILE_EXPLORER_OPEN_PANE_EVENT,exports.FormControlComponent=N.default,exports.FormControlTrait=M.default,exports.NoopAuth=C.default,exports.ShowDialogEvent=F.ShowDialogEvent,exports.SolidAuth=L.default,exports.WebComponent=A.default,exports.acl=c.acl,exports.aclControl=c.aclControl,exports.authContext=w.authContext,exports.composeExplorer=V.composeExplorer,exports.create=l.create,Object.defineProperty(exports,"createTypes",{enumerable:!0,get:function(){return x.types_exports}}),exports.customElement=D.customElement,exports.dialogContext=E.dialogContext,exports.dom=U,exports.fileExplorerContext=R.fileExplorerContext,exports.generateId=T.generateId,exports.getRelevantPanes=B.getRelevantPanes,exports.icons=i.icons,exports.infiniteMessageArea=h.infiniteMessageArea,exports.initFooter=b.initFooter,exports.initHeader=y.initHeader,exports.isExplorerEvent=z.isExplorerEvent,Object.defineProperty(exports,"language",{enumerable:!0,get:function(){return a.language_exports}}),Object.defineProperty(exports,"log",{enumerable:!0,get:function(){return t.log_exports}}),Object.defineProperty(exports,"login",{enumerable:!0,get:function(){return s.login_exports}}),exports.matrix=u.matrix,exports.media=d.media,exports.messageArea=f.messageArea,exports.ns=e.default,Object.defineProperty(exports,"pad",{enumerable:!0,get:function(){return m.pad_exports}}),Object.defineProperty(exports,"participation",{enumerable:!0,get:function(){return p.participation_exports}}),Object.defineProperty(exports,"preferences",{enumerable:!0,get:function(){return g.preferences_exports}}),exports.showDialog=I.showDialog,exports.style=r.style,exports.table=_.renderTableViewPane,Object.defineProperty(exports,"tabs",{enumerable:!0,get:function(){return v.tabs_exports}}),Object.defineProperty(exports,"utils",{enumerable:!0,get:function(){return n.utils_exports}}),Object.defineProperty(exports,"widgets",{enumerable:!0,get:function(){return o.widgets_exports}});
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./lib/ns.cjs.js"),t=require("./acl/index.cjs.js"),n=require("./create/index.cjs.js"),r=require("./lib/iconBase.cjs.js"),i=require("./widgets/forms/autocomplete/language.cjs.js"),a=require("./lib/log.cjs.js"),o=require("./matrix/index.cjs.js"),s=require("./media/index.cjs.js"),c=require("./lib/messageArea.cjs.js"),l=require("./chat/infinite.cjs.js"),u=require("./lib/pad.cjs.js"),d=require("./lib/participation.cjs.js"),f=require("./lib/preferences.cjs.js"),p=require("./lib/style.cjs.js"),m=require("./lib/table.cjs.js"),h=require("./lib/tabs.cjs.js"),g=require("./utils/index.cjs.js"),_=require("./login/login.cjs.js"),v=require("./widgets/index.cjs.js"),y=require("./header/index.cjs.js"),b=require("./footer/index.cjs.js"),x=require("./create/types.cjs.js"),S=require("./lib/auth/Account.cjs.js"),C=require("./lib/auth/NoopAuth.cjs.js"),w=require("./lib/auth/context.cjs.js"),T=require("./lib/components/ids.cjs.js"),E=require("./lib/dialogs/context.cjs.js"),D=require("./lib/components/decorators.cjs.js"),O=require("./lib/dialogs/events/close-dialog.cjs.js"),k=require("./lib/components/traits/DialogTrait.cjs.js"),A=require("./lib/components/web-component/WebComponent.cjs.js"),j=require("./lib/components/dialog-component/DialogComponent.cjs.js"),M=require("./lib/components/traits/FormControlTrait.cjs.js"),N=require("./lib/components/form-control-component/FormControlComponent.cjs.js");require("./lib/auth/index.cjs.js");const P=require("./lib/dialogs/Dialog.cjs.js"),F=require("./lib/dialogs/events/show-dialog.cjs.js"),I=require("./lib/dialogs/helpers.cjs.js");require("./lib/components/index.cjs.js");const L=require("./lib/auth/SolidAuth.cjs.js");require("./lib/dialogs/index.cjs.js");const R=require("./lib/file-explorer/context.cjs.js"),z=require("./lib/file-explorer/events.cjs.js"),B=require("./lib/file-explorer/relevant-panes.cjs.js"),V=require("./lib/file-explorer/compose-explorer.cjs.js");require("./lib/file-explorer/index.cjs.js");const H=require("./lib/code-editor/CodeEditor.cjs.js");require("./lib/code-editor/index.cjs.js");var U=typeof window<`u`?window.document:null;exports.Account=S.default,exports.CloseDialogEvent=O.CloseDialogEvent,exports.CodeEditor=H.CodeEditor,exports.DEFAULT_AUTH_CONTEXT=w.DEFAULT_AUTH_CONTEXT,exports.DEFAULT_DIALOG_CONTEXT=E.DEFAULT_DIALOG_CONTEXT,exports.DEFAULT_FILE_EXPLORER_CONTEXT=R.DEFAULT_FILE_EXPLORER_CONTEXT,exports.DEFAULT_SIGNUP_URL=L.DEFAULT_SIGNUP_URL,exports.Dialog=P.default,exports.DialogComponent=j.default,exports.DialogTrait=k.default,exports.FILE_EXPLORER_BACK_EVENT=z.FILE_EXPLORER_BACK_EVENT,exports.FILE_EXPLORER_MANAGE_ACCESS_EVENT=z.FILE_EXPLORER_MANAGE_ACCESS_EVENT,exports.FILE_EXPLORER_OPEN_PANE_EVENT=z.FILE_EXPLORER_OPEN_PANE_EVENT,exports.FormControlComponent=N.default,exports.FormControlTrait=M.default,exports.NoopAuth=C.default,exports.ShowDialogEvent=F.ShowDialogEvent,exports.SolidAuth=L.default,exports.WebComponent=A.default,exports.acl=t.acl,exports.aclControl=t.aclControl,exports.authContext=w.authContext,exports.composeExplorer=V.composeExplorer,exports.create=n.create,Object.defineProperty(exports,"createTypes",{enumerable:!0,get:function(){return x.types_exports}}),exports.customElement=D.customElement,exports.dialogContext=E.dialogContext,exports.dom=U,exports.fileExplorerContext=R.fileExplorerContext,exports.generateId=T.generateId,exports.getPreferredPane=B.getPreferredPane,exports.getRelevantPanes=B.getRelevantPanes,exports.icons=r.icons,exports.infiniteMessageArea=l.infiniteMessageArea,exports.initFooter=b.initFooter,exports.initHeader=y.initHeader,exports.isExplorerEvent=z.isExplorerEvent,Object.defineProperty(exports,"language",{enumerable:!0,get:function(){return i.language_exports}}),Object.defineProperty(exports,"log",{enumerable:!0,get:function(){return a.log_exports}}),Object.defineProperty(exports,"login",{enumerable:!0,get:function(){return _.login_exports}}),exports.matrix=o.matrix,exports.media=s.media,exports.messageArea=c.messageArea,exports.ns=e.default,Object.defineProperty(exports,"pad",{enumerable:!0,get:function(){return u.pad_exports}}),Object.defineProperty(exports,"participation",{enumerable:!0,get:function(){return d.participation_exports}}),Object.defineProperty(exports,"preferences",{enumerable:!0,get:function(){return f.preferences_exports}}),exports.showDialog=I.showDialog,exports.style=p.style,exports.table=m.renderTableViewPane,Object.defineProperty(exports,"tabs",{enumerable:!0,get:function(){return h.tabs_exports}}),Object.defineProperty(exports,"utils",{enumerable:!0,get:function(){return g.utils_exports}}),Object.defineProperty(exports,"widgets",{enumerable:!0,get:function(){return v.widgets_exports}});
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","names":["require_ns","require_log","require_index","require_style","require_iconBase","require_language","require_index$1","require_login","require_index$2","require_index$3","require_index$4","require_index$5","require_messageArea","require_participation","require_pad","require_infinite","require_preferences","require_table","require_tabs","require_index$6","require_index$7","require_types","require_Account","require_NoopAuth","require_context","require_ids","require_context$1","require_decorators","require_close_dialog","require_DialogTrait","require_WebComponent","require_DialogComponent","require_FormControlTrait","require_FormControlComponent","require_Dialog","require_show_dialog","require_helpers","require_SolidAuth","require_context$2","require_events","require_relevant_panes","require_compose_explorer","require_CodeEditor","dom"],"sources":["../src/index.ts"],"sourcesContent":["// REMOVE @ts-ignore as you migrate files to TypeScript\n// @ts-ignore\nimport ns from './lib/ns'\nimport { acl, aclControl } from './acl/index'\nimport { create } from './create/index'\n// @ts-ignore\nimport { icons } from './lib/iconBase'\nimport * as language from './widgets/forms/autocomplete/language'\nimport * as log from './lib/log'\nimport { matrix } from './matrix/index'\nimport { media } from './media/index'\n// @ts-ignore\nimport { messageArea } from './lib/messageArea'\n// @ts-ignore\nimport { infiniteMessageArea } from './chat/infinite'\n// @ts-ignore\nimport * as pad from './lib/pad'\n// @ts-ignore\nimport * as participation from './lib/participation'\n// @ts-ignore\nimport * as preferences from './lib/preferences'\n// @ts-ignore\nimport { style } from './lib/style'\n// @ts-ignore\nimport { renderTableViewPane as table } from './lib/table'\nimport * as tabs from './lib/tabs'\n// @ts-ignore\nimport * as utils from './utils'\nimport * as login from './login/login'\nimport * as widgets from './widgets/index'\nimport { initHeader } from './header'\nimport { initFooter } from './footer'\nimport * as createTypes from './create/types'\n\nexport const dom = typeof window !== 'undefined' ? window.document : null // Idea that UI.dom can be adapted in non-browser environments\n\n// this variables are directly used in the storybook\nexport {\n  ns,\n  acl,\n  aclControl,\n  create,\n  createTypes,\n  icons,\n  language,\n  log,\n  login,\n  matrix,\n  media,\n  messageArea,\n  infiniteMessageArea,\n  pad,\n  participation,\n  preferences,\n  style,\n  table,\n  tabs,\n  utils,\n  widgets,\n  initHeader,\n  initFooter\n}\n// uses in solid-panes\nexport type { CreateContext, NewAppInstanceOptions } from './create/types'\n\nexport * from './lib/auth'\nexport * from './lib/components'\nexport * from './lib/dialogs'\nexport * from './lib/file-explorer'\nexport * from './lib/code-editor'\n"],"mappings":"A,2lEAkCA,IAAa2C,EAAM,OAAO,OAAW,IAAc,OAAO,SAAW,K"}
+{"version":3,"file":"index.cjs.js","names":["require_ns","require_index","require_index$1","require_iconBase","require_language","require_log","require_index$2","require_index$3","require_messageArea","require_infinite","require_pad","require_participation","require_preferences","require_style","require_table","require_tabs","require_index$4","require_login","require_index$5","require_index$6","require_index$7","require_types","require_Account","require_NoopAuth","require_context","require_ids","require_context$1","require_decorators","require_close_dialog","require_DialogTrait","require_WebComponent","require_DialogComponent","require_FormControlTrait","require_FormControlComponent","require_Dialog","require_show_dialog","require_helpers","require_SolidAuth","require_context$2","require_events","require_relevant_panes","require_compose_explorer","require_CodeEditor","dom"],"sources":["../src/index.ts"],"sourcesContent":["// REMOVE @ts-ignore as you migrate files to TypeScript\n// @ts-ignore\nimport ns from './lib/ns'\nimport { acl, aclControl } from './acl/index'\nimport { create } from './create/index'\n// @ts-ignore\nimport { icons } from './lib/iconBase'\nimport * as language from './widgets/forms/autocomplete/language'\nimport * as log from './lib/log'\nimport { matrix } from './matrix/index'\nimport { media } from './media/index'\n// @ts-ignore\nimport { messageArea } from './lib/messageArea'\n// @ts-ignore\nimport { infiniteMessageArea } from './chat/infinite'\n// @ts-ignore\nimport * as pad from './lib/pad'\n// @ts-ignore\nimport * as participation from './lib/participation'\n// @ts-ignore\nimport * as preferences from './lib/preferences'\n// @ts-ignore\nimport { style } from './lib/style'\n// @ts-ignore\nimport { renderTableViewPane as table } from './lib/table'\nimport * as tabs from './lib/tabs'\n// @ts-ignore\nimport * as utils from './utils'\nimport * as login from './login/login'\nimport * as widgets from './widgets/index'\nimport { initHeader } from './header'\nimport { initFooter } from './footer'\nimport * as createTypes from './create/types'\n\nexport const dom = typeof window !== 'undefined' ? window.document : null // Idea that UI.dom can be adapted in non-browser environments\n\n// this variables are directly used in the storybook\nexport {\n  ns,\n  acl,\n  aclControl,\n  create,\n  createTypes,\n  icons,\n  language,\n  log,\n  login,\n  matrix,\n  media,\n  messageArea,\n  infiniteMessageArea,\n  pad,\n  participation,\n  preferences,\n  style,\n  table,\n  tabs,\n  utils,\n  widgets,\n  initHeader,\n  initFooter\n}\n// uses in solid-panes\nexport type { CreateContext, NewAppInstanceOptions } from './create/types'\n\nexport * from './lib/auth'\nexport * from './lib/components'\nexport * from './lib/dialogs'\nexport * from './lib/file-explorer'\nexport * from './lib/code-editor'\n"],"mappings":"A,2lEAkCA,IAAa2C,EAAM,OAAO,OAAW,IAAc,OAAO,SAAW,K"}

package/dist/index.esm.js

@@ -1,22 +1,22 @@
 import e from "./lib/ns.esm.js";
-import { log_exports as t } from "./lib/log.esm.js";
-import { utils_exports as n } from "./utils/index.esm.js";
-import { style as r } from "./lib/style.esm.js";
+import { acl as t, aclControl as n } from "./acl/index.esm.js";
+import { create as r } from "./create/index.esm.js";
 import { icons as i } from "./lib/iconBase.esm.js";
 import { language_exports as a } from "./widgets/forms/autocomplete/language.esm.js";
-import { widgets_exports as o } from "./widgets/index.esm.js";
-import { login_exports as s } from "./login/login.esm.js";
-import { acl as c, aclControl as l } from "./acl/index.esm.js";
-import { create as u } from "./create/index.esm.js";
-import { matrix as d } from "./matrix/index.esm.js";
-import { media as f } from "./media/index.esm.js";
-import { messageArea as p } from "./lib/messageArea.esm.js";
-import { participation_exports as m } from "./lib/participation.esm.js";
-import { pad_exports as h } from "./lib/pad.esm.js";
-import { infiniteMessageArea as g } from "./chat/infinite.esm.js";
-import { preferences_exports as _ } from "./lib/preferences.esm.js";
-import { renderTableViewPane as v } from "./lib/table.esm.js";
-import { tabs_exports as y } from "./lib/tabs.esm.js";
+import { log_exports as o } from "./lib/log.esm.js";
+import { matrix as s } from "./matrix/index.esm.js";
+import { media as c } from "./media/index.esm.js";
+import { messageArea as l } from "./lib/messageArea.esm.js";
+import { infiniteMessageArea as u } from "./chat/infinite.esm.js";
+import { pad_exports as d } from "./lib/pad.esm.js";
+import { participation_exports as f } from "./lib/participation.esm.js";
+import { preferences_exports as p } from "./lib/preferences.esm.js";
+import { style as m } from "./lib/style.esm.js";
+import { renderTableViewPane as h } from "./lib/table.esm.js";
+import { tabs_exports as g } from "./lib/tabs.esm.js";
+import { utils_exports as _ } from "./utils/index.esm.js";
+import { login_exports as v } from "./login/login.esm.js";
+import { widgets_exports as y } from "./widgets/index.esm.js";
 import { initHeader as b } from "./header/index.esm.js";
 import { initFooter as x } from "./footer/index.esm.js";
 import { types_exports as S } from "./create/types.esm.js";
@@ -32,22 +32,22 @@ import N from "./lib/components/web-component/WebComponent.esm.js";
 import P from "./lib/components/dialog-component/DialogComponent.esm.js";
 import F from "./lib/components/traits/FormControlTrait.esm.js";
 import I from "./lib/components/form-control-component/FormControlComponent.esm.js";
-import "./lib/components/index.esm.js";
+import "./lib/auth/index.esm.js";
 import L from "./lib/dialogs/Dialog.esm.js";
 import { ShowDialogEvent as R } from "./lib/dialogs/events/show-dialog.esm.js";
 import { showDialog as z } from "./lib/dialogs/helpers.esm.js";
-import "./lib/dialogs/index.esm.js";
+import "./lib/components/index.esm.js";
 import B, { DEFAULT_SIGNUP_URL as V } from "./lib/auth/SolidAuth.esm.js";
-import "./lib/auth/index.esm.js";
+import "./lib/dialogs/index.esm.js";
 import { DEFAULT_FILE_EXPLORER_CONTEXT as H, fileExplorerContext as U } from "./lib/file-explorer/context.esm.js";
 import { FILE_EXPLORER_BACK_EVENT as W, FILE_EXPLORER_MANAGE_ACCESS_EVENT as G, FILE_EXPLORER_OPEN_PANE_EVENT as K, isExplorerEvent as q } from "./lib/file-explorer/events.esm.js";
-import { getRelevantPanes as J } from "./lib/file-explorer/relevant-panes.esm.js";
-import { composeExplorer as Y } from "./lib/file-explorer/compose-explorer.esm.js";
+import { getPreferredPane as J, getRelevantPanes as Y } from "./lib/file-explorer/relevant-panes.esm.js";
+import { composeExplorer as X } from "./lib/file-explorer/compose-explorer.esm.js";
 import "./lib/file-explorer/index.esm.js";
-import { CodeEditor as X } from "./lib/code-editor/CodeEditor.esm.js";
+import { CodeEditor as Z } from "./lib/code-editor/CodeEditor.esm.js";
 import "./lib/code-editor/index.esm.js";
 // src/index.ts
-var Z = typeof window < "u" ? window.document : null;
-export { C as Account, j as CloseDialogEvent, X as CodeEditor, T as DEFAULT_AUTH_CONTEXT, O as DEFAULT_DIALOG_CONTEXT, H as DEFAULT_FILE_EXPLORER_CONTEXT, V as DEFAULT_SIGNUP_URL, L as Dialog, P as DialogComponent, M as DialogTrait, W as FILE_EXPLORER_BACK_EVENT, G as FILE_EXPLORER_MANAGE_ACCESS_EVENT, K as FILE_EXPLORER_OPEN_PANE_EVENT, I as FormControlComponent, F as FormControlTrait, w as NoopAuth, R as ShowDialogEvent, B as SolidAuth, N as WebComponent, c as acl, l as aclControl, E as authContext, Y as composeExplorer, u as create, S as createTypes, A as customElement, k as dialogContext, Z as dom, U as fileExplorerContext, D as generateId, J as getRelevantPanes, i as icons, g as infiniteMessageArea, x as initFooter, b as initHeader, q as isExplorerEvent, a as language, t as log, s as login, d as matrix, f as media, p as messageArea, e as ns, h as pad, m as participation, _ as preferences, z as showDialog, r as style, v as table, y as tabs, n as utils, o as widgets };
+var Q = typeof window < "u" ? window.document : null;
+export { C as Account, j as CloseDialogEvent, Z as CodeEditor, T as DEFAULT_AUTH_CONTEXT, O as DEFAULT_DIALOG_CONTEXT, H as DEFAULT_FILE_EXPLORER_CONTEXT, V as DEFAULT_SIGNUP_URL, L as Dialog, P as DialogComponent, M as DialogTrait, W as FILE_EXPLORER_BACK_EVENT, G as FILE_EXPLORER_MANAGE_ACCESS_EVENT, K as FILE_EXPLORER_OPEN_PANE_EVENT, I as FormControlComponent, F as FormControlTrait, w as NoopAuth, R as ShowDialogEvent, B as SolidAuth, N as WebComponent, t as acl, n as aclControl, E as authContext, X as composeExplorer, r as create, S as createTypes, A as customElement, k as dialogContext, Q as dom, U as fileExplorerContext, D as generateId, J as getPreferredPane, Y as getRelevantPanes, i as icons, u as infiniteMessageArea, x as initFooter, b as initHeader, q as isExplorerEvent, a as language, o as log, v as login, s as matrix, c as media, l as messageArea, e as ns, d as pad, f as participation, p as preferences, z as showDialog, m as style, h as table, g as tabs, _ as utils, y as widgets };
 
 //# sourceMappingURL=index.esm.js.map