solid-ui 5.0.2-4 → 5.0.2-6

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.getPreferredPane=B.getPreferredPane,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"),H=require("./lib/file-explorer/pane-menu-items.cjs.js");require("./lib/file-explorer/index.cjs.js");const U=require("./lib/code-editor/CodeEditor.cjs.js");require("./lib/code-editor/index.cjs.js");var W=typeof window<`u`?window.document:null;exports.Account=S.default,exports.CloseDialogEvent=O.CloseDialogEvent,exports.CodeEditor=U.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=W,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.preparePaneMenuItems=H.preparePaneMenuItems,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_pane_menu_items","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,mpEAkCA,IAAa4C,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,23 @@ 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 { 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 { preparePaneMenuItems as Z } from "./lib/file-explorer/pane-menu-items.esm.js";
 import "./lib/file-explorer/index.esm.js";
-import { CodeEditor as Z } from "./lib/code-editor/CodeEditor.esm.js";
+import { CodeEditor as Q } from "./lib/code-editor/CodeEditor.esm.js";
 import "./lib/code-editor/index.esm.js";
 // src/index.ts
-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, c as acl, l as aclControl, E as authContext, X as composeExplorer, u 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, 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 $ = typeof window < "u" ? window.document : null;
+export { C as Account, j as CloseDialogEvent, Q 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, $ 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 preparePaneMenuItems, z as showDialog, m as style, h as table, g as tabs, _ as utils, y as widgets };
 
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":["ns_default","Account","NoopAuth","DialogTrait","WebComponent","DialogComponent","FormControlTrait","FormControlComponent","Dialog","SolidAuth","dom","CloseDialogEvent","CodeEditor","DEFAULT_AUTH_CONTEXT","DEFAULT_DIALOG_CONTEXT","DEFAULT_FILE_EXPLORER_CONTEXT","DEFAULT_SIGNUP_URL","FILE_EXPLORER_BACK_EVENT","FILE_EXPLORER_MANAGE_ACCESS_EVENT","FILE_EXPLORER_OPEN_PANE_EVENT","ShowDialogEvent","acl","aclControl","authContext","composeExplorer","create","types_exports","customElement","dialogContext","fileExplorerContext","generateId","getPreferredPane","getRelevantPanes","icons","infiniteMessageArea","initFooter","initHeader","isExplorerEvent","language_exports","log_exports","login_exports","matrix","media","messageArea","pad_exports","participation_exports","preferences_exports","showDialog","style","renderTableViewPane","tabs_exports","utils_exports","widgets_exports"],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,IAAaU,IAAM,OAAO,SAAW,MAAc,OAAO,WAAW"}
+{"version":3,"file":"index.esm.js","names":["ns_default","Account","NoopAuth","DialogTrait","WebComponent","DialogComponent","FormControlTrait","FormControlComponent","Dialog","SolidAuth","dom","CloseDialogEvent","CodeEditor","DEFAULT_AUTH_CONTEXT","DEFAULT_DIALOG_CONTEXT","DEFAULT_FILE_EXPLORER_CONTEXT","DEFAULT_SIGNUP_URL","FILE_EXPLORER_BACK_EVENT","FILE_EXPLORER_MANAGE_ACCESS_EVENT","FILE_EXPLORER_OPEN_PANE_EVENT","ShowDialogEvent","acl","aclControl","authContext","composeExplorer","create","types_exports","customElement","dialogContext","fileExplorerContext","generateId","getPreferredPane","getRelevantPanes","icons","infiniteMessageArea","initFooter","initHeader","isExplorerEvent","language_exports","log_exports","login_exports","matrix","media","messageArea","pad_exports","participation_exports","preferences_exports","preparePaneMenuItems","showDialog","style","renderTableViewPane","tabs_exports","utils_exports","widgets_exports"],"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkCA,IAAaU,IAAM,OAAO,SAAW,MAAc,OAAO,WAAW"}

package/dist/index.js

@@ -1,11 +1,11 @@
-import { y as e } from "./chunks/solidLogicSingleton.esm-BXyHD7mn.js";
-import { a as t, c as n, n as r, o as i, s as a, t as o } from "./chunks/auth-CocCqS1p.js";
-import { l as s, m as c, t as l } from "./chunks/style-CXaw5EYi.js";
-import { a as u, b as d, t as f } from "./chunks/widgets-BBEQu0CS.js";
-import { _ as p, a as m, b as h, c as g, d as _, f as v, g as y, h as b, i as x, l as S, m as C, n as w, o as T, p as E, r as D, s as O, t as k, u as A, v as j, x as M, y as N } from "./chunks/src-DQgHAH3d.js";
-import { _ as P, a as F, g as I, h as L, m as R, n as z, o as B, t as V, v as H, y as U } from "./chunks/components-C8c2Ucm5.js";
-import { n as W, t as G } from "./chunks/dialogs-BmtLjMzg.js";
-import { t as K } from "./chunks/show-dialog-DAmFslrf.js";
-import { n as q, t as J } from "./chunks/context-BDrfQ9bN.js";
-import { i as Y, n as X, r as Z, t as Q } from "./chunks/events-CXQHDCs2.js";
-export { n as Account, L as CloseDialogEvent, w as CodeEditor, t as DEFAULT_AUTH_CONTEXT, P as DEFAULT_DIALOG_CONTEXT, J as DEFAULT_FILE_EXPLORER_CONTEXT, o as DEFAULT_SIGNUP_URL, W as Dialog, F as DialogComponent, R as DialogTrait, Q as FILE_EXPLORER_BACK_EVENT, X as FILE_EXPLORER_MANAGE_ACCESS_EVENT, Z as FILE_EXPLORER_OPEN_PANE_EVENT, V as FormControlComponent, z as FormControlTrait, a as NoopAuth, K as ShowDialogEvent, r as SolidAuth, B as WebComponent, N as acl, h as aclControl, i as authContext, D as composeExplorer, j as create, T as createTypes, I as customElement, H as dialogContext, k as dom, q as fileExplorerContext, U as generateId, x as getPreferredPane, m as getRelevantPanes, d as icons, v as infiniteMessageArea, O as initFooter, g as initHeader, Y as isExplorerEvent, u as language, c as log, M as login, p as matrix, y as media, b as messageArea, e as ns, E as pad, C as participation, _ as preferences, G as showDialog, l as style, A as table, S as tabs, s as utils, f as widgets };
+import { y as e } from "./chunks/solidLogicSingleton.esm-Bvt7E7Vl.js";
+import { a as t, c as n, n as r, o as i, s as a, t as o } from "./chunks/auth-EK-iYNYZ.js";
+import { l as s, m as c, t as l } from "./chunks/style-Dlw9-wPn.js";
+import { a as u, b as d, t as f } from "./chunks/widgets-C92ihtlF.js";
+import { S as p, _ as m, a as h, b as g, c as _, d as v, f as y, g as b, h as x, i as S, l as C, m as w, n as T, o as E, p as D, r as O, s as k, t as A, u as j, v as M, x as N, y as P } from "./chunks/src-Cv9Lm1V-.js";
+import { _ as F, a as I, g as L, h as R, m as z, n as B, o as V, t as H, v as U, y as W } from "./chunks/components-C8c2Ucm5.js";
+import { n as G, t as K } from "./chunks/dialogs-BmtLjMzg.js";
+import { t as q } from "./chunks/show-dialog-DAmFslrf.js";
+import { n as J, t as Y } from "./chunks/context-BDrfQ9bN.js";
+import { i as X, n as Z, r as Q, t as $ } from "./chunks/events-CXQHDCs2.js";
+export { n as Account, R as CloseDialogEvent, T as CodeEditor, t as DEFAULT_AUTH_CONTEXT, F as DEFAULT_DIALOG_CONTEXT, Y as DEFAULT_FILE_EXPLORER_CONTEXT, o as DEFAULT_SIGNUP_URL, G as Dialog, I as DialogComponent, z as DialogTrait, $ as FILE_EXPLORER_BACK_EVENT, Z as FILE_EXPLORER_MANAGE_ACCESS_EVENT, Q as FILE_EXPLORER_OPEN_PANE_EVENT, H as FormControlComponent, B as FormControlTrait, a as NoopAuth, q as ShowDialogEvent, r as SolidAuth, V as WebComponent, g as acl, N as aclControl, i as authContext, S as composeExplorer, P as create, k as createTypes, L as customElement, U as dialogContext, A as dom, J as fileExplorerContext, W as generateId, h as getPreferredPane, E as getRelevantPanes, d as icons, D as infiniteMessageArea, _ as initFooter, C as initHeader, X as isExplorerEvent, u as language, c as log, p as login, M as matrix, m as media, b as messageArea, e as ns, w as pad, x as participation, y as preferences, O as preparePaneMenuItems, K as showDialog, l as style, v as table, j as tabs, s as utils, f as widgets };

package/dist/lib/auth/SolidAuth.cjs.js

@@ -1,2 +1,2 @@
-const e=require("../ns.cjs.js"),t=require("./Account.cjs.js"),n=require("../dialogs/helpers.cjs.js");require("../dialogs/index.cjs.js");const r=require("../../components/login-modal/index.cjs.js");let i=require("solid-logic");var a=`https://solidproject.org/get_a_pod`;function o(t){let n=i.solidLogicSingleton.store,r=n.sym(t),a=n.any(r,e.default.sioc(`avatar`))||n.any(r,e.default.foaf(`img`))||n.any(r,e.default.vcard(`logo`))||n.any(r,e.default.vcard(`hasPhoto`))||n.any(r,e.default.vcard(`photo`))||n.any(r,e.default.foaf(`depiction`));return a?a.value:void 0}var s=class{signupUrl;_initialized=!1;profileLoaded=!1;listeners=[];constructor(e=a){this.signupUrl=e}async initialize(){i.authSession.events.on(`sessionRestore`,()=>{i.solidLogicSingleton.store.updater.flagAuthorizationMetadata()}),(0,i.reloadOnIdentityReplaced)(i.authSession.events,()=>{i.authSession.info?.isLoggedIn&&window.location.reload()}),await i.authn.checkUser(),this._initialized=!0,this.listeners.forEach(e=>e())}async loadProfile(){!this.profileLoaded&&this.account&&(this.profileLoaded=!0,await i.solidLogicSingleton.profile.loadMe(),this.listeners.forEach(e=>e()))}get initialized(){return this._initialized}get account(){let e=i.authSession.webId??i.authSession.info?.webId;if(!(i.authSession.isActive??i.authSession.info?.isLoggedIn??!!e)||!e)return null;let n=o(e);return new t.default(e,n)}async login(e){if(!e){n.showDialog(r.default);return}i.solidLogicSingleton.store.updater.flagAuthorizationMetadata();let t=new URL(window.location.href).hash;t&&window.localStorage.setItem(`preLoginRedirectHash`,t),window.localStorage.setItem(`loginIssuer`,e);let a=new URL(window.location.href);a.hash=``,await i.authSession.login(e,a.href)}async signup(){window.open(this.signupUrl,`_blank`,`noopener,noreferrer`)}async logout(){await i.authSession.logout()}onSessionUpdated(e){let t=i.authSession,n=()=>{e()};return this.listeners.push(n),typeof t.addEventListener==`function`?t.addEventListener(`sessionStateChange`,n):(i.authSession.events.on(`login`,n),i.authSession.events.on(`logout`,n),i.authSession.events.on(`sessionRestore`,n)),()=>{this.listeners=this.listeners.filter(e=>e!==n),typeof t.removeEventListener==`function`?t.removeEventListener(`sessionStateChange`,n):(i.authSession.events.off(`login`,n),i.authSession.events.off(`logout`,n),i.authSession.events.off(`sessionRestore`,n))}}};exports.DEFAULT_SIGNUP_URL=a,exports.default=s;
+const e=require("./Account.cjs.js"),t=require("../ns.cjs.js"),n=require("../dialogs/helpers.cjs.js");require("../dialogs/index.cjs.js");const r=require("../../components/login-modal/index.cjs.js");let i=require("solid-logic");var a=`https://solidproject.org/get_a_pod`;function o(e){let n=i.solidLogicSingleton.store,r=n.sym(e),a=n.any(r,t.default.sioc(`avatar`))||n.any(r,t.default.foaf(`img`))||n.any(r,t.default.vcard(`logo`))||n.any(r,t.default.vcard(`hasPhoto`))||n.any(r,t.default.vcard(`photo`))||n.any(r,t.default.foaf(`depiction`));return a?a.value:void 0}var s=class{signupUrl;_initialized=!1;profileLoaded=!1;listeners=[];constructor(e=a){this.signupUrl=e}async initialize(){i.authSession.events.on(`sessionRestore`,()=>{i.solidLogicSingleton.store.updater.flagAuthorizationMetadata()}),(0,i.reloadOnIdentityReplaced)(i.authSession.events,()=>{i.authSession.info?.isLoggedIn&&window.location.reload()}),await i.authn.checkUser(),this._initialized=!0,this.listeners.forEach(e=>e())}async loadProfile(){!this.profileLoaded&&this.account&&(this.profileLoaded=!0,await i.solidLogicSingleton.profile.loadMe(),this.listeners.forEach(e=>e()))}get initialized(){return this._initialized}get account(){let t=i.authSession.webId??i.authSession.info?.webId;if(!(i.authSession.isActive??i.authSession.info?.isLoggedIn??!!t)||!t)return null;let n=o(t);return new e.default(t,n)}async login(e){if(!e){n.showDialog(r.default);return}i.solidLogicSingleton.store.updater.flagAuthorizationMetadata();let t=new URL(window.location.href).hash;t&&window.localStorage.setItem(`preLoginRedirectHash`,t),window.localStorage.setItem(`loginIssuer`,e);let a=new URL(window.location.href);a.hash=``,await i.authSession.login(e,a.href)}async signup(){window.open(this.signupUrl,`_blank`,`noopener,noreferrer`)}async logout(){await i.authSession.logout()}onSessionUpdated(e){let t=i.authSession,n=()=>{e()};return this.listeners.push(n),typeof t.addEventListener==`function`?t.addEventListener(`sessionStateChange`,n):(i.authSession.events.on(`login`,n),i.authSession.events.on(`logout`,n),i.authSession.events.on(`sessionRestore`,n)),()=>{this.listeners=this.listeners.filter(e=>e!==n),typeof t.removeEventListener==`function`?t.removeEventListener(`sessionStateChange`,n):(i.authSession.events.off(`login`,n),i.authSession.events.off(`logout`,n),i.authSession.events.off(`sessionRestore`,n))}}};exports.DEFAULT_SIGNUP_URL=a,exports.default=s;
 //# sourceMappingURL=SolidAuth.cjs.js.map

package/dist/lib/auth/SolidAuth.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidAuth.cjs.js","names":["solidLogicSingleton","ns","authSession","authn","Account","LoginModal","require_ns","require_Account","require_helpers","require_components_login_modal_index","solid_logic","DEFAULT_SIGNUP_URL","findAccountImage","store","me","webId","image","SolidAuth","signupUrl","listener","avatarUrl","loginUrl","preLoginRedirectHash","locationUrl","sessionEventTarget","callback","_listener"],"sources":["../../../src/lib/auth/SolidAuth.ts"],"sourcesContent":["import Account from '@/lib/auth/Account'\nimport ns from '@/lib/ns'\nimport { authn, authSession, reloadOnIdentityReplaced, solidLogicSingleton } from 'solid-logic'\nimport { AuthContext } from '@/lib/auth'\nimport { showDialog } from '@/lib/dialogs'\n\nimport LoginModal from '@/components/login-modal'\n\nexport const DEFAULT_SIGNUP_URL = 'https://solidproject.org/get_a_pod'\n\nfunction findAccountImage (webId: string): string | undefined {\n  const store = solidLogicSingleton.store\n  const me = store.sym(webId)\n  const image =\n    store.any(me, ns.sioc('avatar')) ||\n    store.any(me, ns.foaf('img')) ||\n    store.any(me, ns.vcard('logo')) ||\n    store.any(me, ns.vcard('hasPhoto')) ||\n    store.any(me, ns.vcard('photo')) ||\n    store.any(me, ns.foaf('depiction'))\n\n  return image ? (image as any).value : undefined\n}\n\nexport default class SolidAuth implements AuthContext {\n  private _initialized = false\n  private profileLoaded = false\n  private listeners: (() => unknown)[] = []\n\n  constructor (public signupUrl: string = DEFAULT_SIGNUP_URL) {}\n\n  async initialize () {\n    authSession.events.on('sessionRestore', () => {\n      ;(solidLogicSingleton.store.updater as any).flagAuthorizationMetadata()\n    })\n\n    // An identity that was actively established was replaced while the session\n    // stayed active (A -> B, e.g. from another tab): everything fetched under\n    // the previous identity is stale, so the app reloads. A logout is not a\n    // reload case here — the derived info already reports logged out and the\n    // logout path runs its own cleanup and navigation.\n    reloadOnIdentityReplaced(authSession.events, () => {\n      if (authSession.info?.isLoggedIn) window.location.reload()\n    })\n\n    await authn.checkUser()\n\n    this._initialized = true\n    this.listeners.forEach(listener => listener())\n  }\n\n  async loadProfile () {\n    if (this.profileLoaded || !this.account) {\n      return\n    }\n\n    this.profileLoaded = true\n\n    await solidLogicSingleton.profile.loadMe()\n\n    this.listeners.forEach(listener => listener())\n  }\n\n  get initialized (): boolean {\n    return this._initialized\n  }\n\n  get account (): Account | null {\n    const webId: string | undefined = authSession.webId ?? authSession.info?.webId\n    const isActive: boolean = authSession.isActive ?? authSession.info?.isLoggedIn ?? Boolean(webId)\n\n    if (!isActive || !webId) {\n      return null\n    }\n\n    const avatarUrl = findAccountImage(webId)\n\n    return new Account(webId, avatarUrl)\n  }\n\n  async login (loginUrl?: string) {\n    if (!loginUrl) {\n      showDialog(LoginModal)\n\n      return\n    }\n\n    // clear authorization metadata from store\n    ;(solidLogicSingleton.store.updater as any).flagAuthorizationMetadata()\n\n    const preLoginRedirectHash = new URL(window.location.href).hash\n    if (preLoginRedirectHash) {\n      window.localStorage.setItem('preLoginRedirectHash', preLoginRedirectHash)\n    }\n    window.localStorage.setItem('loginIssuer', loginUrl)\n\n    const locationUrl = new URL(window.location.href)\n\n    locationUrl.hash = ''\n\n    await authSession.login(loginUrl, locationUrl.href)\n  }\n\n  async signup () {\n    window.open(this.signupUrl, '_blank', 'noopener,noreferrer')\n  }\n\n  async logout () {\n    await authSession.logout()\n  }\n\n  onSessionUpdated (callback: () => unknown) {\n    const sessionEventTarget = authSession as unknown as EventTarget\n    const listener = () => {\n      callback()\n    }\n\n    this.listeners.push(listener)\n\n    if (typeof sessionEventTarget.addEventListener === 'function') {\n      sessionEventTarget.addEventListener('sessionStateChange', listener)\n    } else {\n      authSession.events.on('login', listener)\n      authSession.events.on('logout', listener)\n      authSession.events.on('sessionRestore', listener)\n    }\n\n    return () => {\n      this.listeners = this.listeners.filter(_listener => _listener !== listener)\n\n      if (typeof sessionEventTarget.removeEventListener === 'function') {\n        sessionEventTarget.removeEventListener('sessionStateChange', listener)\n      } else {\n        authSession.events.off('login', listener)\n        authSession.events.off('logout', listener)\n        authSession.events.off('sessionRestore', listener)\n      }\n    }\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"SolidAuth.cjs.js","names":["solidLogicSingleton","ns","authSession","authn","Account","LoginModal","require_Account","require_ns","require_helpers","require_components_login_modal_index","solid_logic","DEFAULT_SIGNUP_URL","findAccountImage","store","me","webId","image","SolidAuth","signupUrl","listener","avatarUrl","loginUrl","preLoginRedirectHash","locationUrl","sessionEventTarget","callback","_listener"],"sources":["../../../src/lib/auth/SolidAuth.ts"],"sourcesContent":["import Account from '@/lib/auth/Account'\nimport ns from '@/lib/ns'\nimport { authn, authSession, reloadOnIdentityReplaced, solidLogicSingleton } from 'solid-logic'\nimport { AuthContext } from '@/lib/auth'\nimport { showDialog } from '@/lib/dialogs'\n\nimport LoginModal from '@/components/login-modal'\n\nexport const DEFAULT_SIGNUP_URL = 'https://solidproject.org/get_a_pod'\n\nfunction findAccountImage (webId: string): string | undefined {\n  const store = solidLogicSingleton.store\n  const me = store.sym(webId)\n  const image =\n    store.any(me, ns.sioc('avatar')) ||\n    store.any(me, ns.foaf('img')) ||\n    store.any(me, ns.vcard('logo')) ||\n    store.any(me, ns.vcard('hasPhoto')) ||\n    store.any(me, ns.vcard('photo')) ||\n    store.any(me, ns.foaf('depiction'))\n\n  return image ? (image as any).value : undefined\n}\n\nexport default class SolidAuth implements AuthContext {\n  private _initialized = false\n  private profileLoaded = false\n  private listeners: (() => unknown)[] = []\n\n  constructor (public signupUrl: string = DEFAULT_SIGNUP_URL) {}\n\n  async initialize () {\n    authSession.events.on('sessionRestore', () => {\n      ;(solidLogicSingleton.store.updater as any).flagAuthorizationMetadata()\n    })\n\n    // An identity that was actively established was replaced while the session\n    // stayed active (A -> B, e.g. from another tab): everything fetched under\n    // the previous identity is stale, so the app reloads. A logout is not a\n    // reload case here — the derived info already reports logged out and the\n    // logout path runs its own cleanup and navigation.\n    reloadOnIdentityReplaced(authSession.events, () => {\n      if (authSession.info?.isLoggedIn) window.location.reload()\n    })\n\n    await authn.checkUser()\n\n    this._initialized = true\n    this.listeners.forEach(listener => listener())\n  }\n\n  async loadProfile () {\n    if (this.profileLoaded || !this.account) {\n      return\n    }\n\n    this.profileLoaded = true\n\n    await solidLogicSingleton.profile.loadMe()\n\n    this.listeners.forEach(listener => listener())\n  }\n\n  get initialized (): boolean {\n    return this._initialized\n  }\n\n  get account (): Account | null {\n    const webId: string | undefined = authSession.webId ?? authSession.info?.webId\n    const isActive: boolean = authSession.isActive ?? authSession.info?.isLoggedIn ?? Boolean(webId)\n\n    if (!isActive || !webId) {\n      return null\n    }\n\n    const avatarUrl = findAccountImage(webId)\n\n    return new Account(webId, avatarUrl)\n  }\n\n  async login (loginUrl?: string) {\n    if (!loginUrl) {\n      showDialog(LoginModal)\n\n      return\n    }\n\n    // clear authorization metadata from store\n    ;(solidLogicSingleton.store.updater as any).flagAuthorizationMetadata()\n\n    const preLoginRedirectHash = new URL(window.location.href).hash\n    if (preLoginRedirectHash) {\n      window.localStorage.setItem('preLoginRedirectHash', preLoginRedirectHash)\n    }\n    window.localStorage.setItem('loginIssuer', loginUrl)\n\n    const locationUrl = new URL(window.location.href)\n\n    locationUrl.hash = ''\n\n    await authSession.login(loginUrl, locationUrl.href)\n  }\n\n  async signup () {\n    window.open(this.signupUrl, '_blank', 'noopener,noreferrer')\n  }\n\n  async logout () {\n    await authSession.logout()\n  }\n\n  onSessionUpdated (callback: () => unknown) {\n    const sessionEventTarget = authSession as unknown as EventTarget\n    const listener = () => {\n      callback()\n    }\n\n    this.listeners.push(listener)\n\n    if (typeof sessionEventTarget.addEventListener === 'function') {\n      sessionEventTarget.addEventListener('sessionStateChange', listener)\n    } else {\n      authSession.events.on('login', listener)\n      authSession.events.on('logout', listener)\n      authSession.events.on('sessionRestore', listener)\n    }\n\n    return () => {\n      this.listeners = this.listeners.filter(_listener => _listener !== listener)\n\n      if (typeof sessionEventTarget.removeEventListener === 'function') {\n        sessionEventTarget.removeEventListener('sessionStateChange', listener)\n      } else {\n        authSession.events.off('login', listener)\n        authSession.events.off('logout', listener)\n        authSession.events.off('sessionRestore', listener)\n      }\n    }\n  }\n}\n"],"mappings":"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"}

package/dist/lib/auth/SolidAuth.esm.js

@@ -1,13 +1,13 @@
-import e from "../ns.esm.js";
-import t from "./Account.esm.js";
+import e from "./Account.esm.js";
+import t from "../ns.esm.js";
 import { showDialog as n } from "../dialogs/helpers.esm.js";
 import "../dialogs/index.esm.js";
 import r from "../../components/login-modal/index.esm.js";
 import { authSession as i, authn as a, reloadOnIdentityReplaced as o, solidLogicSingleton as s } from "solid-logic";
 // src/lib/auth/SolidAuth.ts
 var c = "https://solidproject.org/get_a_pod";
-function l(t) {
-	let n = s.store, r = n.sym(t), i = n.any(r, e.sioc("avatar")) || n.any(r, e.foaf("img")) || n.any(r, e.vcard("logo")) || n.any(r, e.vcard("hasPhoto")) || n.any(r, e.vcard("photo")) || n.any(r, e.foaf("depiction"));
+function l(e) {
+	let n = s.store, r = n.sym(e), i = n.any(r, t.sioc("avatar")) || n.any(r, t.foaf("img")) || n.any(r, t.vcard("logo")) || n.any(r, t.vcard("hasPhoto")) || n.any(r, t.vcard("photo")) || n.any(r, t.foaf("depiction"));
 	return i ? i.value : void 0;
 }
 var u = class {
@@ -32,10 +32,10 @@ var u = class {
 		return this._initialized;
 	}
 	get account() {
-		let e = i.webId ?? i.info?.webId;
-		if (!(i.isActive ?? i.info?.isLoggedIn ?? !!e) || !e) return null;
-		let n = l(e);
-		return new t(e, n);
+		let t = i.webId ?? i.info?.webId;
+		if (!(i.isActive ?? i.info?.isLoggedIn ?? !!t) || !t) return null;
+		let n = l(t);
+		return new e(t, n);
 	}
 	async login(e) {
 		if (!e) {