solid-ui 3.1.3-9 → 5.0.0-0

package/dist/chunks/style-BsMewYKg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style-BsMewYKg.js","names":["TERROR","TWARN","TMESG","TSUCCESS","TINFO","TDEBUG","TALL","LogLevel","_level","_ascending","_dom","document","_window","window","log","str","type","typestr","logArea","getElementById","addendum","createElement","setAttribute","now","Date","innerHTML","getHours","getMinutes","getSeconds","escapeForXML","insertBefore","firstChild","appendChild","console","msg","message","warn","debug","info","error","success","alert","clear","setLevel","level","dumpHTML","body","logAscending","logDescending","replace","setInternals","log","store","ns","rdf","UI","label","thing","initialCap","doCap","slice","toUpperCase","cleanUp","result","i","length","toLowerCase","getWellKnownLabel","value","termType","elements","s","uri","toString","split","map","decodeURIComponent","join","_e","hex","indexOf","String","fromCharCode","parseInt","hash","slash","lastIndexOf","suffix","any","ui","link","vcard","foaf","dct","dc","rss","contact","sym","cal","as","schema","rdfs","log","store","ns","rdf","label","UI","addLoadEvent","AJARImage","ancestor","beep","clearVariableNames","emptyNode","escapeForXML","findPos","genUuid","getAbout","getEyeFocus","getTarget","getTerm","hashColor","include","labelForXML","labelWithOntology","newVariableName","ontologyLabel","predicateLabel","predicateLabelForXML","predParentOf","RDFComparePredicateObject","RDFComparePredicateSubject","shortName","stackString","syncTableToArray","syncTableToArrayReOrdered","nextVariable","audioContext","AudioContext","window","webkitAudioContext","ContextClass","ctx","duration","frequency","type","finishedCallback","osc","createOscillator","value","connect","destination","start","stop","who","uri","hash","x","split","reduce","a","b","charCodeAt","toString","replace","c","r","Math","random","v","table","things","createNewRow","updateExistingRow","foundOne","row","i","children","length","trashMe","g","thing","subject","sameTerm","replacement","parentNode","replaceChild","newRow","appendChild","ele","insertBefore","removeChild","elementMap","toNT","existingRow","before","e","str","stack","lines","toPrint","line","indexOf","charAt","chunks","push","node","nodes","childNodes","len","target","event","srcElement","nodeType","tagName","level","undefined","kb","aa","getAttribute","fromNT","debug","statementTr","st","AJAR_statement","className","predicate","AJAR_inverse","object","nextSibling","document","linkstr","lnk","createElement","setAttribute","func","oldonload","onload","obj","myDocument","ownerDocument","DocBox","documentElement","getBoundingClientRect","box","left","top","element","instantly","isBottom","myWindow","elementPosY","appContext","SolidAppContext","scrollDiff","scroll","totalScroll","scrollY","scrollBy","clientHeight","innerHeight","id","setInterval","scrollAmount","times","clearInterval","src","alt","tt","doc","image","addEventListener","clipboardData","setData","preventDefault","p","slice","namespaces","prefixes","pok","canUse","pp","lastIndexOf","slash","prefixchars","term","s","part","initialCap","t","findTypeURIs","rdfs","inverse","lab","ip","any","owl","self","other","compareTerm","n","previousSibling","nodeName","error","highlightColor","formBorderColor","formHeadingColor","lowProfileLinkColor","formFieldNameBoxWidth","mediaModuleCanvasWidth","mediaModuleCanvasHeight","textInputSize","tabBorderRadius","textInputBackgroundColor","textInputBackgroundColorUneditable","textInputColor","textInputColorPending","defaultErrorBackgroundColor","participationDefaultBackground","basicMaxLength","styleConstants","style","checkboxStyle","checkboxInputStyle","fieldLabelStyle","formSelectStyle","textInputStyle","textInputStyleUneditable","buttonStyle","commentStyle","iconStyle","smallButtonStyle","classIconStyle","confirmPopupStyle","messageBodyStyle","pendingeditModifier","personaBarStyle","searchInputStyle","autocompleteRowStyle","signInAndUpButtonStyle","headerBannerLoginInput","signUpBackground","signInBackground","heading1Style","heading2Style","heading3Style","heading4Style","formHeadingStyle","formTextInput","formGroupStyle","formBorderColor","formFieldLabelStyle","lowProfileLinkColor","formFieldNameBoxStyle","formFieldNameBoxWidth","multilineTextInputStyle","renderAsDivStyle","imageDivStyle","linkDivStyle","aclControlBoxContainer","aclControlBoxHeader","aclControlBoxStatus","aclControlBoxStatusRevealed","aclGroupContent","accessGroupList","accessGroupListItem","defaultsController","defaultsControllerNotice","bigButton","group","group1","group2","group3","group5","group9","group13","trustedAppAddApplicationsTable","trustedAppCancelButton","trustedAppControllerI","temporaryStatusInit","temporaryStatusEnd","headerUserMenuLink","headerUserMenuLinkHover","headerUserMenuTrigger","headerUserMenuTriggerImg","headerUserMenuButton","headerUserMenuButtonHover","headerUserMenuList","headerUserMenuListDisplay","headerUserMenuNavigationMenu","headerUserMenuNavigationMenuNotDisplayed","headerUserMenuListItem","headerUserMenuPhoto","headerBanner","headerBannerLink","headerBannerRightMenu","headerBannerLogin","allChildrenVisible","headerBannerUserMenu","headerBannerHelpMenu","headerBannerIcon","footer","primaryButton","primaryButtonHover","primaryButtonNoBorder","primaryButtonNoBorderHover","secondaryButton","secondaryButtonHover","secondaryButtonNoBorder","secondaryButtonNoBorderHover","controlStyle","mediaModuleCanvasWidth","mediaModuleCanvasHeight","dragEvent","dropEvent","restoreStyle","errorCancelButton","errorMessageBlockStyle","notepadStyle","upstreamStatus","downstreamStatus","baseStyle","headingCore","headingStyle","participantsStyle","participantsBlock","personTableTD","tabsNavElement","tabsRootElement","tabsMainElement","tabContainer","makeNewSlot","ellipsis","setStyle","ele","styleName"],"sources":["../../src/lib/log.ts","../../src/utils/label.ts","../../src/utils/index.js","../../src/lib/styleConstants.js","../../src/lib/style.js"],"sourcesContent":["// ///////////////////////  Logging\n//\n// bitmask levels\n// const TNONE = 0\n/** @internal */\nconst TERROR = 1\n/** @internal */\nconst TWARN = 2\n/** @internal */\nconst TMESG = 4\n/** @internal */\nconst TSUCCESS = 8\n/** @internal */\nconst TINFO = 16\n/** @internal */\nconst TDEBUG = 32\n/** @internal */\nconst TALL = 63\n\n/** @internal */\nexport enum LogLevel {\n  Error = TERROR,\n  Warning = TWARN,\n  Message = TMESG,\n  Success = TSUCCESS,\n  Info = TINFO,\n  Debug = TDEBUG,\n  All = TALL\n}\n\n/** @internal */\nlet _level: number = TERROR + TWARN + TMESG\n/** @internal */\nlet _ascending: boolean = false\n/** @internal */\nlet _dom: HTMLDocument = document // must be able to override for tests\n/** @internal */\nlet _window: Window = window // must be able to override for tests\n\n/** @internal */\nfunction log (str: string, type: number = TMESG, typestr: string = 'mesg') {\n  if (!(_level & type)) return // bitmask\n\n  if (typeof _dom !== 'undefined') {\n    const logArea = _dom.getElementById('status')\n    if (!logArea) return\n\n    const addendum = _dom.createElement('span')\n    addendum.setAttribute('class', typestr)\n    const now = new Date()\n    addendum.innerHTML = `${now.getHours()}:${now.getMinutes()}:${now.getSeconds()} [${typestr}] ${escapeForXML(str)}<br/>`\n    if (_ascending) {\n      logArea.insertBefore(addendum, logArea.firstChild)\n    } else {\n      logArea.appendChild(addendum)\n    }\n  } else if (typeof console !== 'undefined') {\n    console.log(str)\n  }\n}\n\n/**\n * Adds a message to the element with id \"status\". The messages are prepended with\n * time and type of message, in this case [mesg].\n */\nexport function msg (message: string) {\n  log(message)\n}\n\n/**\n * Adds a warning message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [warn].\n */\nexport function warn (message: string): void {\n  log(message, TWARN, 'warn')\n}\n\n/**\n * Adds a debugging message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [dbug].\n */\nexport function debug (message: string): void {\n  log(message, TDEBUG, 'dbug')\n}\n\n/**\n * Adds a info message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [info].\n */\nexport function info (message: string): void {\n  log(message, TINFO, 'info')\n}\n\n/**\n * Adds a error to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [eror].\n */\nexport function error (message: string): void {\n  log(message, TERROR, 'eror')\n}\n\n/**\n * Adds a success message to the element with id \"status\". The messages are\n * prepended with time and type of message, in this case [good].\n */\nexport function success (message: string): void {\n  log(message, TSUCCESS, 'good')\n}\n\n/**\n * Uses the global alert to send an alert. If global alert is not available, it\n * will output the message using the method [[warning]]s.\n */\nexport function alert (message: string): void {\n  if (_window && typeof _window.alert !== 'undefined') {\n    _window.alert(message)\n  } else {\n    warn(message)\n  }\n}\n\n/**\n * Will clear the content of the element with id \"status\".\n */\nexport function clear (): void {\n  const logArea = _dom?.getElementById('status')\n  if (!logArea) return\n  logArea.innerHTML = ''\n}\n\n/**\n * Lets you configure which types of messages will be shown. The module uses\n * [bitmask](https://en.wikipedia.org/wiki/Mask_(computing)) to filter which\n * types of messages should be shown. E.g. if you only want warning messages\n * to be shown, pass 2 to the function, if you want warning and success to be\n * shown, pass 10 (2+8). By passing the sum of all, 63, you'll show all\n * types of messages.\n *\n * - Error: 1\n * - Warning: 2\n * - Message: 4\n * - Success: 8\n * - Info: 16\n * - Debug: 32\n */\nexport function setLevel (level: number): void {\n  _level = TALL\n  debug('Log level is now ' + level)\n  _level = level\n}\n\n/**\n * Will dump the current HTML using the [[debug]] method.\n */\nexport function dumpHTML (): void {\n  if (!_dom) return\n  const level = _level\n  _level = TALL\n  debug(_dom?.body?.innerHTML || '')\n  _level = level\n}\n\n/**\n * Will start prepending messages the list of log messages.\n */\nexport function logAscending () {\n  _ascending = true\n}\n\n/**\n * Will start appending messages the list of log messages. (This is default\n * behavior.)\n */\nexport function logDescending () {\n  _ascending = false\n}\n\n/** @internal */\nexport function escapeForXML (str: string): string {\n  // can be replaced with function utils module when migrating\n  return str\n    .replace(/&/g, '&amp;')\n    .replace(/</g, '&lt;')\n    .replace(/>/g, '&gt;')\n}\n\n/** @internal */\nexport function setInternals (window, document) {\n  _window = window\n  _dom = document\n}\n","import * as log from '../lib/log'\nimport { store } from 'solid-logic'\nimport ns from '../lib/ns'\nimport * as rdf from 'rdflib' // pull in first avoid cross-refs\n\nconst UI = { log, ns, rdf }\n\n// This ubiquitous function returns the best label for a thing\n//\n// The hacks in this code make a major difference to the usability\nexport function label (thing, initialCap = false): string {\n  function doCap (label: string) {\n    if (initialCap) {\n      return label.slice(0, 1).toUpperCase() + label.slice(1)\n    }\n    return label\n  }\n  function cleanUp (label: string) {\n    let result = ''\n    if (label.slice(-1) === '/') label = label.slice(0, -1) // chop trailing slash\n    for (let i = 0; i < label.length; i++) {\n      if (label[i] === '_' || label[i] === '-') {\n        result += ' '\n        continue\n      }\n      result += label[i]\n      if (\n        i + 1 < label.length &&\n        label[i].toUpperCase() !== label[i] &&\n        label[i + 1].toLowerCase() !== label[i + 1]\n      ) {\n        result += ' '\n      }\n    }\n    if (result.slice(0, 4) === 'has ') result = result.slice(4)\n    return doCap(result)\n  }\n\n  const label = getWellKnownLabel(thing)\n\n  if (label) {\n    return doCap(label.value)\n  }\n\n  // Default to label just generated from the URI\n\n  if (thing.termType === 'BlankNode') {\n    return '...'\n  }\n  if (thing.termType === 'Collection') {\n    return '(' + thing.elements.length + ')'\n  }\n  let s = thing.uri\n  if (typeof s === 'undefined') return thing.toString() // can't be a symbol\n  // s = decodeURI(s) // This can crash is random valid @ signs are presentation\n  // The idea was to clean up eg URIs encoded in query strings\n  // Also encoded character in what was filenames like @ [] {}\n  try {\n    s = s\n      .split('/')\n      .map(decodeURIComponent)\n      .join('/') // If it is properly encoded\n  } catch (_e) {\n    // try individual decoding of ASCII code points\n    for (let i = s.length - 3; i > 0; i--) {\n      const hex = '0123456789abcefABCDEF' // The while upacks multiple layers of encoding\n      while (\n        s[i] === '%' &&\n        hex.indexOf(s[i + 1]) >= 0 &&\n        hex.indexOf(s[i + 2]) >= 0\n      ) {\n        s =\n          s.slice(0, i) +\n          String.fromCharCode(parseInt(s.slice(i + 1, i + 3), 16)) +\n          s.slice(i + 3)\n      }\n    }\n  }\n\n  s = slice(s, '/profile/card#me')\n  s = slice(s, '#this')\n  s = slice(s, '#me')\n\n  const hash = s.indexOf('#')\n  if (hash >= 0) return cleanUp(s.slice(hash + 1))\n\n  // Eh? Why not do this? e.g. dc:title needs it only trim URIs, not rdfs:labels\n  const slash = s.lastIndexOf('/', s.length - 2) // (len-2) excludes trailing slash\n  if (slash >= 0 && slash < thing.uri.length) return cleanUp(s.slice(slash + 1))\n\n  return doCap(decodeURIComponent(thing.uri))\n}\n\nfunction slice (s: string, suffix: string) {\n  const length = suffix.length * -1\n  if (s.slice(length) === suffix) {\n    return s.slice(0, length)\n  }\n  return s\n}\n\n// Hard coded known label predicates\n//  @@ TBD: Add subproperties of rdfs:label\nfunction getWellKnownLabel (thing) {\n  return store.any(thing, UI.ns.ui('label')) || // Prioritize ui:label\n      store.any(thing, UI.ns.link('message')) ||\n      store.any(thing, UI.ns.vcard('fn')) ||\n      store.any(thing, UI.ns.foaf('name')) ||\n      store.any(thing, UI.ns.dct('title')) ||\n      store.any(thing, UI.ns.dc('title')) ||\n      store.any(thing, UI.ns.rss('title')) ||\n      store.any(thing, UI.ns.contact('fullName')) ||\n      store.any(thing, store.sym('http://www.w3.org/2001/04/roadmap/org#name')) ||\n      store.any(thing, UI.ns.cal('summary')) ||\n      store.any(thing, UI.ns.foaf('nick')) ||\n      store.any(thing, UI.ns.as('name')) ||\n      store.any(thing, UI.ns.schema('name')) ||\n      store.any(thing, UI.ns.rdfs('label')) ||\n      store.any(thing, store.sym('http://www.w3.org/2004/02/skos/core#prefLabel'))\n}\n","//                  Solid-UI general Utilities\n//                  ==========================\n//\n// This must load AFTER the rdflib.js and log-ext.js (or log.js).\n//\nimport * as log from '../lib/log'\nimport { store } from 'solid-logic'\nimport ns from '../lib/ns'\nimport * as rdf from 'rdflib' // pull in first avoid cross-refs\nimport { label } from './label'\n\nconst UI = { log, ns, rdf }\n\nexport {\n  addLoadEvent, // not used anywhere\n  AJARImage,\n  ancestor,\n  beep,\n  clearVariableNames,\n  emptyNode,\n  escapeForXML,\n  findPos,\n  genUuid,\n  getAbout,\n  getEyeFocus,\n  getTarget,\n  getTerm,\n  hashColor,\n  include,\n  label,\n  labelForXML,\n  labelWithOntology,\n  newVariableName,\n  ontologyLabel,\n  predicateLabel,\n  predicateLabelForXML,\n  predParentOf,\n  RDFComparePredicateObject,\n  RDFComparePredicateSubject,\n  shortName,\n  stackString,\n  syncTableToArray,\n  syncTableToArrayReOrdered\n}\n\nlet nextVariable = 0\n\nfunction newVariableName () {\n  return 'v' + nextVariable++\n}\n\nfunction clearVariableNames () {\n  nextVariable = 0\n}\n\n// http://stackoverflow.com/questions/879152/how-do-i-make-javascript-beep\n// http://www.tsheffler.com/blog/2013/05/14/audiocontext-noteonnoteoff-and-time-units/\n\nlet audioContext\n\nif (typeof AudioContext !== 'undefined') {\n  audioContext = AudioContext\n} else if (typeof window !== 'undefined') {\n  audioContext = window.AudioContext || window.webkitAudioContext\n}\n\nfunction beep () {\n  if (!audioContext) {\n    return\n  } // Safari 2015\n\n  const ContextClass = audioContext\n  const ctx = new ContextClass()\n\n  return function (duration, frequency, type, finishedCallback) {\n    duration = +(duration || 0.3)\n\n    // Only 0-4 are valid types.\n    type = type || 'sine' // sine, square, sawtooth, triangle\n\n    if (typeof finishedCallback !== 'function') {\n      finishedCallback = function () {}\n    }\n\n    const osc = ctx.createOscillator()\n\n    osc.type = type\n    osc.frequency.value = frequency || 256\n\n    osc.connect(ctx.destination)\n    osc.start(0)\n    osc.stop(duration)\n  }\n}\n\n// Make pseudorandom color from a uri\n// NOT USED ANYWHERE\nfunction hashColor (who) {\n  who = who.uri || who\n  const hash = function (x) {\n    return x.split('').reduce(function (a, b) {\n      a = (a << 5) - a + b.charCodeAt(0)\n      return a & a\n    }, 0)\n  }\n  return '#' + ((hash(who) & 0xffffff) | 0xc0c0c0).toString(16) // c0c0c0 or 808080 forces pale\n}\n\nfunction genUuid () {\n  // http://stackoverflow.com/questions/105034/create-guid-uuid-in-javascript\n  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {\n    const r = (Math.random() * 16) | 0\n    const v = c === 'x' ? r : (r & 0x3) | 0x8\n    return v.toString(16)\n  })\n}\n\n/** Sync a DOM table with an array of things\n *\n * @param {DomElement} table - will have a tr for each thing\n * @param {Array<NamedNode>} things - ORDERED array of NamedNode objects\n * @param {function({NamedNode})} createNewRow(thing) returns a TR table row for a new thing\n * @param {function(DomElement, NamedNode)} updateExistingRow(row, thing) optional hook for refreshing matched rows\n *\n * Tolerates out of order elements but puts new ones in order.\n * Can be used for any element type; does not have to be a table and tr.\n */\nfunction syncTableToArray (table, things, createNewRow, updateExistingRow) {\n  let foundOne\n  let row\n  let i\n\n  for (i = 0; i < table.children.length; i++) {\n    row = table.children[i]\n    row.trashMe = true\n  }\n\n  for (let g = 0; g < things.length; g++) {\n    const thing = things[g]\n    foundOne = false\n\n    for (i = 0; i < table.children.length; i++) {\n      row = table.children[i]\n      if (row.subject && row.subject.sameTerm(thing)) {\n        if (updateExistingRow) {\n          const replacement = updateExistingRow(row, thing)\n          if (replacement && replacement !== row) {\n            row.parentNode.replaceChild(replacement, row)\n            replacement.subject = thing\n            row = replacement\n          }\n        }\n        row.trashMe = false\n        foundOne = true\n        break\n      }\n    }\n    if (!foundOne) {\n      const newRow = createNewRow(thing)\n      // Insert new row in position g in the table to match array\n      if (g >= table.children.length) {\n        table.appendChild(newRow)\n      } else {\n        const ele = table.children[g]\n        table.insertBefore(newRow, ele)\n      }\n      newRow.subject = thing\n    } // if not foundOne\n  } // loop g\n\n  for (i = 0; i < table.children.length; i++) {\n    row = table.children[i]\n    if (row.trashMe) {\n      table.removeChild(row)\n    }\n  }\n} // syncTableToArray\n\n/** Sync a DOM table with an array of things\n *\n * @param {DomElement} table - will have a tr for each thing\n * @param {Array<NamedNode>} things - ORDERED array of UNIQUE NamedNode objects. No duplicates\n * @param {function({NamedNode})} createNewRow(thing) returns a rendering of a new thing\n *\n * Ensures order matches exacly.  We will re-rder existing elements if necessary\n * Can be used for any element type; does not have to be a table and tr.\n * Any RDF node value can only appear ONCE in the array\n */\nfunction syncTableToArrayReOrdered (table, things, createNewRow) {\n  const elementMap = {}\n\n  for (let i = 0; i < table.children.length; i++) {\n    const row = table.children[i]\n    elementMap[row.subject.toNT()] = row // More sophisticaed would be to have a bag of duplicates\n  }\n\n  for (let g = 0; g < things.length; g++) {\n    const thing = things[g]\n    if (g >= table.children.length) { // table needs extending\n      const newRow = createNewRow(thing)\n      newRow.subject = thing\n      table.appendChild(newRow)\n    } else {\n      const row = table.children[g]\n      if (row.subject.sameTerm(thing)) {\n        // ...\n      } else {\n        const existingRow = elementMap[thing.toNT()]\n        if (existingRow) {\n          table.removeChild(existingRow)\n          table.insertBefore(existingRow, row) // Insert existing row in place of this one\n        } else {\n          const newRow = createNewRow(thing)\n          row.before(newRow) // Insert existing row in place of this one\n          newRow.subject = thing\n        }\n      }\n    }\n  } // loop g\n  // Lop off any we don't need any more:\n  while (table.children.length > things.length) {\n    table.removeChild(table.children[table.children.length - 1])\n  }\n} // syncTableToArrayReOrdered\n\n/* Error stack to string for better diagnotsics\n **\n ** See  http://snippets.dzone.com/posts/show/6632\n */\nfunction stackString (e) {\n  let str = '' + e + '\\n'\n  let i\n  if (!e.stack) {\n    return str + 'No stack available.\\n'\n  }\n  const lines = e.stack.toString().split('\\n')\n  const toPrint = []\n  for (i = 0; i < lines.length; i++) {\n    let line = lines[i]\n    if (line.indexOf('ecmaunit.js') > -1) {\n      // remove useless bit of traceback\n      break\n    }\n    if (line.charAt(0) === '(') {\n      line = 'function' + line\n    }\n    const chunks = line.split('@')\n    toPrint.push(chunks)\n  }\n  // toPrint.reverse();  No - I prefer the latest at the top by the error message -tbl\n\n  for (i = 0; i < toPrint.length; i++) {\n    str += '  ' + toPrint[i][1] + '\\n    ' + toPrint[i][0]\n  }\n  return str\n}\n\nfunction emptyNode (node) {\n  const nodes = node.childNodes\n  const len = nodes.length\n  for (let i = len - 1; i >= 0; i--) node.removeChild(nodes[i])\n  return node\n}\n\nfunction getTarget (e) {\n  let target\n  e = e || window.event\n  if (e.target) target = e.target\n  else if (e.srcElement) target = e.srcElement\n  if (target.nodeType === 3) {\n    // defeat Safari bug [sic]\n    target = target.parentNode\n  }\n  // UI.log.debug(\"Click on: \" + target.tagName)\n  return target\n}\n\nfunction ancestor (target, tagName) {\n  let level\n  for (level = target; level; level = level.parentNode) {\n    // UI.log.debug(\"looking for \"+tagName+\" Level: \"+level+\" \"+level.tagName)\n    try {\n      if (level.tagName === tagName) return level\n    } catch (e) {\n      // can hit \"TypeError: can't access dead object\" in ffox\n      return undefined\n    }\n  }\n  return undefined\n}\n\nfunction getAbout (kb, target) {\n  let level, aa\n  for (\n    level = target;\n    level && level.nodeType === 1;\n    level = level.parentNode\n  ) {\n    // UI.log.debug(\"Level \"+level + ' '+level.nodeType + ': '+level.tagName)\n    aa = level.getAttribute('about')\n    if (aa) {\n      // UI.log.debug(\"kb.fromNT(aa) = \" + kb.fromNT(aa))\n      return kb.fromNT(aa)\n      //        } else {\n      //            if (level.tagName=='TR') return undefined//this is to prevent literals passing through\n    }\n  }\n  UI.log.debug('getAbout: No about found')\n  return undefined\n}\n\nfunction getTerm (target) {\n  const statementTr = target.parentNode\n  const st = statementTr ? statementTr.AJAR_statement : undefined\n\n  const className = st ? target.className : '' // if no st then it's necessary to use getAbout\n  switch (className) {\n    case 'pred':\n    case 'pred selected':\n      return st.predicate\n    case 'obj':\n    case 'obj selected':\n      if (!statementTr.AJAR_inverse) {\n        return st.object\n      } else {\n        return st.subject\n      }\n    case '':\n    case 'selected': // header TD\n      return getAbout(store, target) // kb to be changed\n    case 'undetermined selected':\n      return target.nextSibling\n        ? st.predicate\n        : !statementTr.AJAR_inverse\n            ? st.object\n            : st.subject\n  }\n}\n\nfunction include (document, linkstr) {\n  const lnk = document.createElement('script')\n  lnk.setAttribute('type', 'text/javascript')\n  lnk.setAttribute('src', linkstr)\n  // TODO:This needs to be fixed or no longer used.\n  // document.getElementsByTagName('head')[0].appendChild(lnk)\n  return lnk\n}\n\nfunction addLoadEvent (func) {\n  const oldonload = window.onload\n  if (typeof window.onload !== 'function') {\n    window.onload = func\n  } else {\n    window.onload = function () {\n      oldonload()\n      func()\n    }\n  }\n} // addLoadEvent\n\n// Find the position of an object relative to the window\nfunction findPos (obj) {\n  // C&P from http://www.quirksmode.org/js/findpos.html\n  const myDocument = obj.ownerDocument\n  const DocBox = myDocument.documentElement.getBoundingClientRect()\n  const box = obj.getBoundingClientRect()\n  return [box.left - DocBox.left, box.top - DocBox.top]\n}\n\nfunction getEyeFocus (element, instantly, isBottom, myWindow) {\n  if (!myWindow) myWindow = window\n  const elementPosY = findPos(element)[1]\n  const appContext = window.SolidAppContext || {}\n  const scrollDiff = (appContext && appContext.scroll) || 52 // 52 = magic number for web-based version\n  const totalScroll = elementPosY - scrollDiff - myWindow.scrollY\n\n  if (instantly) {\n    if (isBottom) {\n      myWindow.scrollBy(\n        0,\n        elementPosY +\n        element.clientHeight -\n        (myWindow.scrollY + myWindow.innerHeight)\n      )\n      return\n    }\n    myWindow.scrollBy(0, totalScroll)\n    return\n  }\n  const id = myWindow.setInterval(scrollAmount, 50)\n  let times = 0\n  function scrollAmount () {\n    myWindow.scrollBy(0, totalScroll / 10)\n    times++\n    if (times === 10) {\n      myWindow.clearInterval(id)\n    }\n  }\n}\n\nfunction AJARImage (src, alt, tt, doc) {\n  if (!doc) {\n    doc = document\n  }\n  const image = doc.createElement('img')\n  image.setAttribute('src', src)\n  image.addEventListener('copy', function (e) {\n    e.clipboardData.setData('text/plain', '')\n    e.clipboardData.setData('text/html', '')\n    e.preventDefault() // We want no title data to be written to the clipboard\n  })\n  //    if (typeof alt != 'undefined')      // Messes up cut-and-paste of text\n  //        image.setAttribute('alt', alt)\n  if (typeof tt !== 'undefined') {\n    image.setAttribute('title', tt)\n  }\n  return image\n}\n\n//  Make short name for ontology\n\nfunction shortName (uri) {\n  let p = uri\n  if ('#/'.indexOf(p[p.length - 1]) >= 0) p = p.slice(0, -1)\n  const namespaces = []\n  for (const ns in this.prefixes) {\n    namespaces[this.prefixes[ns]] = ns // reverse index\n  }\n  let pok\n  const canUse = function canUse (pp) {\n    // if (!__Serializer.prototype.validPrefix.test(pp)) return false; // bad format\n    if (pp === 'ns') return false // boring\n    // if (pp in this.namespaces) return false; // already used\n    // this.prefixes[uri] = pp;\n    // this.namespaces[pp] = uri;\n    pok = pp\n    return true\n  }\n\n  let i\n  const hash = p.lastIndexOf('#')\n  if (hash >= 0) p = p.slice(hash - 1) // lop off localid\n  // eslint-disable-next-line no-unreachable-loop\n  for (;;) {\n    const slash = p.lastIndexOf('/')\n    if (slash >= 0) p = p.slice(slash + 1)\n    i = 0\n    while (i < p.length) {\n      if (this.prefixchars.indexOf(p[i])) i++\n      else break\n    }\n    p = p.slice(0, i)\n    if (p.length < 6 && canUse(p)) return pok // exact i sbest\n    if (canUse(p.slice(0, 3))) return pok\n    if (canUse(p.slice(0, 2))) return pok\n    if (canUse(p.slice(0, 4))) return pok\n    if (canUse(p.slice(0, 1))) return pok\n    if (canUse(p.slice(0, 5))) return pok\n    for (i = 0; ; i++) if (canUse(p.slice(0, 3) + i)) return pok\n  }\n}\n\n// Short name for an ontology\nfunction ontologyLabel (term) {\n  if (term.uri === undefined) return '??'\n  let s = term.uri\n  const namespaces = []\n  let i = s.lastIndexOf('#')\n  let part\n  if (i >= 0) {\n    s = s.slice(0, i + 1)\n  } else {\n    i = s.lastIndexOf('/')\n    if (i >= 0) {\n      s = s.slice(0, i + 1)\n    } else {\n      return term.uri + '?!' // strange should have # or /\n    }\n  }\n  for (const ns in UI.ns) {\n    namespaces[UI.ns[ns]] = ns // reverse index\n  }\n  try {\n    return namespaces[s]\n  } catch (e) {}\n\n  s = s.slice(0, -1) // Chop off delimiter ... now have just\n\n  while (s) {\n    i = s.lastIndexOf('/')\n    if (i >= 0) {\n      part = s.slice(i + 1)\n      s = s.slice(0, i)\n      if (part !== 'ns' && '0123456789'.indexOf(part[0]) < 0) {\n        return part\n      }\n    } else {\n      return term.uri + '!?' // strange should have a nice part\n    }\n  }\n}\n\nfunction labelWithOntology (x, initialCap) {\n  const t = store.findTypeURIs(x)\n  if (t[UI.ns.rdf('Predicate').uri] || t[UI.ns.rdfs('Class').uri]) {\n    return label(x, initialCap) + ' (' + ontologyLabel(x) + ')'\n  }\n  return label(x, initialCap)\n}\n\nfunction escapeForXML (str) {\n  return str.replace(/&/g, '&amp;').replace(/</g, '&lt;')\n}\n\n//  As above but escaped for XML and chopped of contains a slash\nfunction labelForXML (x) {\n  return escapeForXML(label(x))\n}\n\nfunction predicateLabelForXML (p, inverse) {\n  return escapeForXML(predicateLabel(p, inverse))\n}\n// As above but for predicate, possibly inverse\nfunction predicateLabel (p, inverse) {\n  const lab = label(p)\n  if (inverse) {\n    // If we know an inverse predicate, use its label\n    const ip = store.any(p, UI.ns.owl('inverseOf')) || store.any(undefined, UI.ns.owl('inverseOf'), p)\n    if (ip) return label(ip)\n    if (lab === 'type') return '...' // Not \"is type of\"\n    return 'is ' + lab + ' of'\n  }\n  return lab\n}\n\n// Not a method. For use in sorts\nfunction RDFComparePredicateObject (self, other) {\n  const x = self.predicate.compareTerm(other.predicate)\n  if (x !== 0) return x\n  return self.object.compareTerm(other.object)\n}\n\nfunction RDFComparePredicateSubject (self, other) {\n  const x = self.predicate.compareTerm(other.predicate)\n  if (x !== 0) return x\n  return self.subject.compareTerm(other.subject)\n}\n// ends\n\nfunction predParentOf (node) {\n  let n = node\n  while (true) {\n    if (n.getAttribute('predTR')) {\n      return n\n    } else if (n.previousSibling && n.previousSibling.nodeName === 'TR') {\n      n = n.previousSibling\n    } else {\n      UI.log.error('Could not find predParent')\n      return node\n    }\n  }\n}\n\n// makeQueryRow moved to outline mode\n","export default {\n  highlightColor: '#7C4DFF', // Solid lavender https://design.inrupt.com/atomic-core/?cat=Core\n\n  formBorderColor: '#888888', // Mid-grey\n  formHeadingColor: '#888888', // originally was brown; now grey\n  lowProfileLinkColor: '#3B5998', // Grey-blue, e.g., for field labels linking to ontology\n  formFieldNameBoxWidth: '8em', // The fixed amount to get form fields to line up\n  // We put in the latter when switching away from using tables.  However, getting\n  // alignment between fields in different groups is a hard problem.\n\n  mediaModuleCanvasWidth: '640',\n  mediaModuleCanvasHeight: '480',\n\n  textInputSize: 20, // Rough default text input size, in characters\n  tabBorderRadius: '0.2em',\n\n  textInputBackgroundColor: '#eef',\n  textInputBackgroundColorUneditable: '#fff',\n  textInputColor: '#000',\n  textInputColorPending: '#888',\n\n  defaultErrorBackgroundColor: '#fee',\n\n  participationDefaultBackground: 'white',\n\n  basicMaxLength: '4096'\n}\n","// Common readable consistent stylesheet\n// to avoid using style sheets which are document-global\n// and make programmable style toggling with selection, drag over, etc easier\n// These must all end with semicolon so they can be appended to.\n\nimport styleConstants from './styleConstants'\n\nexport const style = { // styleModule\n\n  checkboxStyle: 'color: black; font-size: 100%; padding-left: 0.5 em; padding-right: 0.5 em;',\n  checkboxInputStyle: 'font-size: 150%; height: 1.2em; width: 1.2em; background-color: #eef; border-radius:0.2em; margin: 0.1em;',\n\n  fieldLabelStyle: 'color: #3B5998; text-decoration: none;',\n  formSelectStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyle:\n    'background-color: #eef; padding: 0.5em;  border: .05em solid #88c; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  textInputStyleUneditable: // Color difference only\n    'background-color: white; padding: 0.5em;  border: .05em solid white; border-radius:0.2em; font-size: 100%; margin:0.4em;',\n  buttonStyle:\n      'background-color: #fff; padding: 0.7em;  border: .01em solid white; border-radius:0.2em; font-size: 100%; margin: 0.3em;', // 'background-color: #eef;\n  commentStyle: 'padding: 0.7em;  border: none; font-size: 100%; white-space: pre-wrap;',\n  iconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 1em;',\n  smallButtonStyle: 'margin: 0.2em; width: 1em; height:1em;',\n  classIconStyle: 'width: 3em; height: 3em; margin: 0.1em; border-radius: 0.2em; border: 0.1em solid green; padding: 0.2em; background-color: #efe;', // combine with buttonStyle\n  confirmPopupStyle: 'padding: 0.7em; border-radius: 0.2em; border: 0.1em solid orange; background-color: white; box-shadow: 0.5em 0.9em #888;',\n  messageBodyStyle:\n    'white-space: pre-wrap; width: 99%; font-size:100%; border: 0.07em solid #eee; border-radius:0.2em; padding: .3em 0.5em; margin: 0.1em;',\n  pendingeditModifier: 'color: #bbb;',\n\n  // Contacts\n  personaBarStyle: 'width: 100%; height: 4em; background-color: #eee; vertical-align: middle;',\n  searchInputStyle: 'border: 0.1em solid #444; border-radius: 0.2em; width: 100%; font-size: 100%; padding: 0.1em 0.6em; margin 0.2em;',\n  autocompleteRowStyle: 'border: 0.2em solid straw;',\n\n  // Login buttons\n  signInAndUpButtonStyle: 'padding: 1em; border-radius:0.2em; font-size: 100%;', // was 0.5em radius\n  headerBannerLoginInput: 'margin: 0.75em 0 0.75em 0.5em !important; padding: 0.5em !important;',\n  signUpBackground: 'background-color: #eef;',\n  signInBackground: 'background-color: #efe;',\n\n  // Forms\n  heading1Style: 'font-size: 180%; font-weight: bold; color: #888888; padding: 0.5em; margin: 0.7em 0.0m;', // originally was brown; now grey\n  heading2Style: 'font-size: 130%; font-weight: bold; color: #888888; padding: 0.4em; margin: 0.7em 0.0em;', // originally was brown; now grey\n  heading3Style: 'font-size: 120%; font-weight: bold; color: #888888; padding: 0.3em; margin: 0.7em 0.0em;', // For example, in large forms or before a small form\n  heading4Style: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em; margin: 0.7em 0.0em;', // Lowest level used by default in small things\n\n  formHeadingStyle: 'font-size: 110%; font-weight: bold; color: #888888; padding: 0.2em;  margin: 0.7em 0.0em;', // originally was brown; now grey\n  formTextInput: 'font-size: 100%; margin: 0.1em; padding: 0.1em;', // originally used this\n  formGroupStyle: [`padding-left: 0em; border: 0.0em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`, // weight 0\n    `padding-left: 2em; border: 0.05em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.1em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;`,\n    `padding-left: 2em; border: 0.2em solid ${styleConstants.formBorderColor}; border-radius: 0.2em;` // @@ pink\n  ],\n\n  formFieldLabelStyle: `color: ${styleConstants.lowProfileLinkColor}; text-decoration: none;`,\n  formFieldNameBoxStyle: `padding: 0.3em; vertical-align: middle; width:${styleConstants.formFieldNameBoxWidth};`,\n  multilineTextInputStyle: 'font-size:100%; white-space: pre-wrap; background-color: #eef;' +\n  ' border: 0.07em solid gray; padding: 1em 0.5em; margin: 1em 1em;',\n\n  // Buttons\n  renderAsDivStyle: 'display: flex; align-items: center; justify-content: space-between; height: 2.5em; padding: 1em;',\n  imageDivStyle: 'width:2.5em; padding:0.5em; height: 2.5em;',\n  linkDivStyle: 'width:2em; padding:0.5em; height: 4em;',\n\n  // ACL\n  aclControlBoxContainer: 'margin: 1em;',\n  aclControlBoxHeader: 'font-size: 120%; margin: 0 0 1rem;',\n  aclControlBoxStatus: 'display: none; margin: 1rem 0;',\n  aclControlBoxStatusRevealed: 'display: block;',\n  aclGroupContent: 'maxWidth: 650;',\n  accessGroupList: 'display: grid; grid-template-columns: 1fr; margin: 1em; width: 100%;',\n  accessGroupListItem: 'display: grid; grid-template-columns: 100px auto 30%;',\n  defaultsController: 'display: flex;',\n  defaultsControllerNotice: 'color: #888; flexGrow: 1; fontSize: 80%;',\n  bigButton: 'background-color: white; color: black; text-wrap: pretty; border: 0.1em solid #888; border-radius: 0.3em; max-width: 50%; padding-bottom: 1em; padding-top: 1em;',\n  group: 'color: #888;',\n  group1: 'color: green;',\n  group2: 'color: #cc0;',\n  group3: 'color: orange;',\n  group5: 'color: red;',\n  group9: 'color: blue;',\n  group13: 'color: purple;',\n\n  trustedAppAddApplicationsTable: 'background-color: #eee;',\n  trustedAppCancelButton: 'float: right;',\n  trustedAppControllerI: 'border-color: orange; border-radius: 1em; border-width: 0.1em;',\n  temporaryStatusInit: 'background: green;',\n  temporaryStatusEnd: 'background: transparent; transition: background 5s linear;',\n\n  // header\n  headerUserMenuLink: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none;',\n  headerUserMenuLinkHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em;  width: 100%; text-decoration: none; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuTrigger: 'background: none; border: 0; cursor: pointer; width: 60px; height: 60px;',\n  headerUserMenuTriggerImg: 'border-radius: 50%; height: 56px; width: 28px !important;',\n  headerUserMenuButton: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%;',\n  headerUserMenuButtonHover: 'background: none; border: 0; color: black; cursor: pointer; display: block; font-family: Arial; font-size: 1em; text-align: left; padding: 1em; width: 100%; background-image: linear-gradient(to right, #7C4DFF 0%, #18A9E6 50%, #01C9EA 100%);',\n  headerUserMenuList: 'list-style: none; margin: 0; padding: 0;',\n  headerUserMenuListDisplay: 'list-style: none; margin: 0; padding: 0; display:true;',\n  headerUserMenuNavigationMenu: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: true;',\n  headerUserMenuNavigationMenuNotDisplayed: 'background: white; border: solid 1px #000000; border-right: 0; position: absolute; right: 0; top: 60px; width: 200px; z-index: 1; display: none;',\n  headerUserMenuListItem: 'border-bottom: solid 1px #000000;',\n  headerUserMenuPhoto: 'border-radius: 50%; background-position: center; background-repeat: no-repeat; background-size: cover; height: 50px; width: 50px;',\n  headerBanner: 'box-shadow: 0px 1px 4px #000000; display: flex; justify-content: space-between; padding: 0 1.5em; margin-bottom: 4px;',\n  headerBannerLink: 'display: block;',\n  headerBannerRightMenu: 'display: flex;',\n  headerBannerLogin: 'margin-left: auto;',\n  allChildrenVisible: 'display:true;',\n  headerBannerUserMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerHelpMenu: 'border-left: solid 1px #000000; margin-left: auto;',\n  headerBannerIcon: 'background-size: 65px 60px !important; height: 60px !important; width: 65px !important;', // may just be 65px round($icon-size * 352 / 322);\n\n  // footer\n  footer: 'border-top: solid 1px $divider-color; font-size: 0.9em; padding: 0.5em 1.5em;',\n\n  // buttons\n  primaryButton: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonHover: 'background-color: #9f7dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  primaryButtonNoBorder: 'background-color: #ffffff; color: #7c4dff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  primaryButtonNoBorderHover: 'background-color: #7c4dff; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButton: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonHover: 'background-color: #37cde6; color: #ffffff; font-family: Raleway, Roboto, sans-serif;border-radius: 0.25em; border-color: #7c4dff; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n  secondaryButtonNoBorder: 'background-color: #ffffff; color: #01c9ea; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none;',\n  secondaryButtonNoBorderHover: 'background-color: #01c9ea; color: #ffffff; font-family: Raleway, Roboto, sans-serif; border-radius: 0.25em; border-color: #01c9ea; border: 1px solid; cursor: pointer; font-size: .8em; text-decoration: none; padding: 0.5em 4em; transition: 0.25s all ease-in-out; outline: none; transition: 0.25s all ease-in-out;',\n\n  // media\n  controlStyle: `border-radius: 0.5em; margin: 0.8em; width:${styleConstants.mediaModuleCanvasWidth}; height:${styleConstants.mediaModuleCanvasHeight};`,\n\n  // dragAndDrop\n  dragEvent: 'background-color: #ccc; border: 0.25em dashed black; border-radius: 0.3em;',\n  dropEvent: 'background-color: white; border: 0em solid black;',\n  restoreStyle: 'background-color: white;',\n\n  // errors\n  errorCancelButton: 'width: 2em; height: 2em; align: right;',\n  errorMessageBlockStyle: 'margin: 0.1em; padding: 0.5em; border: 0.05em solid gray; color:black;',\n\n  // pad\n  notepadStyle: 'padding: 1em; overflow: auto; resize: horizontal; min-width: 40em;',\n  upstreamStatus: 'width: 50%;',\n  downstreamStatus: 'width: 50%;',\n  baseStyle: 'font-size: 100%; font-family: monospace; width: 100%; border: none; white-space: pre-wrap;',\n  headingCore: 'font-family: sans-serif; font-weight: bold;  border: none;',\n  headingStyle: [\n    'font-size: 110%; padding-top: 0.5em; padding-bottom: 0.5em; width: 100%;',\n    'font-size: 120%; padding-top: 1em; padding-bottom: 1em; width: 100%;',\n    'font-size: 150%; padding-top: 1em; padding-bottom: 1em; width: 100%;'\n  ],\n\n  // participation\n  participantsStyle: 'margin: 0.8em;',\n  participantsBlock: 'height: 1.5em; width: 1.5em; margin: 0.3em; border 0.01em solid #888;',\n  personTableTD: 'vertical-align: middle;',\n\n  // tabs\n  tabsNavElement: 'margin: 0;',\n  tabsRootElement: 'display: flex; height: 100%; width: 100%;',\n  tabsMainElement: 'margin: 0; width:100%; height: 100%;',\n  tabContainer: 'list-style-type: none; display: flex; height: 100%; width: 100%; margin: 0; padding: 0;',\n  makeNewSlot: 'background: none; border: none; font: inherit; cursor: pointer;',\n  ellipsis: 'position: absolute; right: 0; bottom: 0; width: 20%; background: none; color: inherit; border: none; padding: 0; font: inherit; cursor: pointer; outline: inherit;'\n\n}\n\nstyle.setStyle = function setStyle (ele, styleName) {\n  ele.style = style[styleName]\n}\n"],"mappings":"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"}

package/dist/components/account/Account.cjs.js

@@ -1,12 +1,12 @@
-const e=require("../../lib/auth/context.cjs.js"),t=require("../../lib/components/decorators.cjs.js"),n=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js"),require("../../_virtual/~icons/lucide/chevron-down.cjs.js"),require("../button/index.cjs.js"),require("../../lib/auth/index.cjs.js"),require("../avatar/index.cjs.js"),require("../login-button/index.cjs.js"),require("../logout-button/index.cjs.js"),require("../menu-item/index.cjs.js"),require("../menu/index.cjs.js"),require("../signup-button/index.cjs.js"),require("../../_virtual/~icons/lucide/log-in.cjs.js"),require("../../_virtual/~icons/lucide/log-out.cjs.js"),require("../../_virtual/~icons/lucide/user.cjs.js");const r=require("./Account.styles.cjs.js");let i=require("@lit/context"),a=require("lit"),o=require("lit/decorators.js");var s,c,l,u,d,f,p,m,h,g,_,v,y;function b(e,t,n){x(e,t),t.set(e,n)}function x(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function S(e,t,n){return e.set(w(e,t),n),n}function C(e,t){return e.get(w(e,t))}function w(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function T(e,t,n){return(t=D(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:k(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||k(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,D={},O={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var A,j;O.static=u,O.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=O.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),C=T.call(E,p?{get:b.get,set:b.set}:b[S],O),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return A(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:D(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function D(e){var t=O(e,`string`);return typeof t==`symbol`?t:t+``}function O(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function k(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function A(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function j(e){return e}p=[t.customElement(`solid-ui-account`)];var M;new(v=(l=new WeakMap,u=new WeakMap,y=(m=(0,o.property)({type:Array}),g=(0,i.consume)({context:e.authContext,subscribe:!0}),`menuItems`),c=class extends n.default{constructor(...t){super(...t),b(this,l,(d(this),h(this,[]))),b(this,u,_(this,e.DEFAULT_AUTH_CONTEXT)),T(this,`unsubscribeSessionUpdated`,void 0)}get[y](){return C(l,this)}set menuItems(e){S(l,this,e)}get auth(){return C(u,this)}set auth(e){S(u,this,e)}connectedCallback(){super.connectedCallback(),this.unsubscribeSessionUpdated=this.auth.onSessionUpdated(()=>this.requestUpdate())}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribeSessionUpdated?.()}render(){return this.auth.account?a.html`
-        <solid-ui-menu placement="bottom-end" distance="5">
+const e=require("../../lib/auth/context.cjs.js"),t=require("../../lib/components/decorators.cjs.js"),n=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js"),require("../../_virtual/~icons/lucide/chevron-down.cjs.js"),require("../../_virtual/~icons/svg-spinners/180-ring.cjs.js"),require("../button/index.cjs.js"),require("../../lib/auth/index.cjs.js"),require("../avatar/index.cjs.js"),require("../login-button/index.cjs.js"),require("../logout-button/index.cjs.js"),require("../menu-item/index.cjs.js"),require("../menu/index.cjs.js"),require("../signup-button/index.cjs.js"),require("../../_virtual/~icons/lucide/log-in.cjs.js"),require("../../_virtual/~icons/lucide/log-out.cjs.js"),require("../../_virtual/~icons/lucide/user.cjs.js");const r=require("./Account.styles.cjs.js");let i=require("@lit/context"),a=require("lit"),o=require("lit/decorators.js");var s,c,l,u,d,f,p,m,h,g,_,v,y;function b(e,t,n){x(e,t),t.set(e,n)}function x(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function S(e,t,n){return e.set(w(e,t),n),n}function C(e,t){return e.get(w(e,t))}function w(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function T(e,t,n){return(t=D(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function E(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:k(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||k(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var T=_[w],E=n?_[w-1]:void 0,D={},O={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,D)};try{if(y)(g=c(T.call(E,C,O),`class decorators`,`return`))&&(C=g);else{var A,j;O.static=u,O.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=O.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),C=T.call(E,p?{get:b.get,set:b.set}:b[S],O),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{D.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return A(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:D(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function D(e){var t=O(e,`string`);return typeof t==`symbol`?t:t+``}function O(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function k(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function A(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function j(e){return e}p=[t.customElement(`solid-ui-account`)];var M;new(v=(l=new WeakMap,u=new WeakMap,y=(m=(0,o.property)({type:Array}),g=(0,i.consume)({context:e.authContext,subscribe:!0}),`menuItems`),c=class extends n.default{constructor(...t){super(...t),b(this,l,(d(this),h(this,[]))),b(this,u,_(this,e.DEFAULT_AUTH_CONTEXT)),T(this,`unsubscribeSessionUpdated`,void 0)}get[y](){return C(l,this)}set menuItems(e){S(l,this,e)}get auth(){return C(u,this)}set auth(e){S(u,this,e)}connectedCallback(){super.connectedCallback(),this.unsubscribeSessionUpdated=this.auth.onSessionUpdated(()=>this.requestUpdate())}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribeSessionUpdated?.()}render(){return this.auth.initialized?this.auth.account?a.html`
+        <solid-ui-menu placement="bottom-end">
             <button type="button" slot="trigger">
                 <solid-ui-avatar></solid-ui-avatar>
                 <icon-lucide-chevron-down slot="right-icon"></icon-lucide-chevron-down>
             </button>
 
             ${this.menuItems.map(e=>a.html`
-                <solid-ui-menu-item .href=${e.href??a.nothing} @solid-ui-select=${()=>e.onSelected?.()}>
+                <solid-ui-menu-item .href=${e.href??a.nothing} ?selected=${e.selected} @solid-ui-select=${()=>e.onSelected?.()}>
                     ${e.label}
                 </solid-ui-menu-item>
             `)}
@@ -30,5 +30,7 @@ const e=require("../../lib/auth/context.cjs.js"),t=require("../../lib/components
                 Sign Up
             </solid-ui-button>
         </solid-ui-signup-button>
-      `}},{e:[h,_,d],c:[M,f]}=E(c,[[m,1,`menuItems`],[g,1,`auth`]],p,0,void 0,n.default),c),s=class extends j{constructor(){super(M),T(this,`styles`,r.default),T(this,`states`,{loggedIn:e=>!!e.auth.account}),f()}},T(s,v,void 0),s),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return M}});
+      `:a.html`
+        <icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>
+      `}},{e:[h,_,d],c:[M,f]}=E(c,[[m,1,`menuItems`],[g,1,`auth`]],p,0,void 0,n.default),c),s=class extends j{constructor(){super(M),T(this,`styles`,r.default),T(this,`states`,{initializing:e=>!e.auth.initialized,loggedIn:e=>!!e.auth.account}),f()}},T(s,v,void 0),s),Object.defineProperty(exports,"default",{enumerable:!0,get:function(){return M}});
 //# sourceMappingURL=Account.cjs.js.map

package/dist/components/account/Account.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Account.cjs.js","names":["consume","html","nothing","property","customElement","WebComponent","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Account","_Account2","_A","WeakMap","_B","_ref","_menuItemsDecs","type","Array","_authDecs","context","subscribe","_Account3","Account","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_menuItems","_init_auth","_defineProperty","_classPrivateFieldGet","menuItems","v","_classPrivateFieldSet","auth","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","account","map","menuItem","href","onSelected","label","e","c","_initClass","_applyDecs","_Class","_identity","loggedIn","component","default"],"sources":["../../../src/components/account/Account.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { html, nothing, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { customElement, WebComponent } from '@/lib/components'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/avatar'\nimport '@/components/button'\nimport '@/components/login-button'\nimport '@/components/logout-button'\nimport '@/components/menu-item'\nimport '@/components/menu'\nimport '@/components/signup-button'\nimport '~icons/lucide/chevron-down'\nimport '~icons/lucide/log-in'\nimport '~icons/lucide/log-out'\nimport '~icons/lucide/user'\n\nimport styles from './Account.styles.css'\n\nexport interface AccountMenuItem {\n  label: string | TemplateResult\n  href?: string\n  onSelected?(): void\n}\n\n@customElement('solid-ui-account')\nexport default class Account extends WebComponent {\n  static styles = styles\n  static states = {\n    loggedIn: (component: Account) => !!component.auth.account,\n  }\n\n  @property({ type: Array })\n  accessor menuItems: AccountMenuItem[] = []\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate())\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.account) {\n      return html`\n        <solid-ui-login-button>\n            <solid-ui-button slot=\"trigger\">\n                <icon-lucide-user slot=\"left-icon\"></icon-lucide-user>\n                Log In\n            </solid-ui-button>\n        </solid-ui-login-button>\n        <solid-ui-signup-button>\n            <solid-ui-button slot=\"trigger\" variant=\"outline\">\n                <icon-lucide-log-in slot=\"left-icon\"></icon-lucide-log-in>\n                Sign Up\n            </solid-ui-button>\n        </solid-ui-signup-button>\n      `\n    }\n\n    return html`\n        <solid-ui-menu placement=\"bottom-end\" distance=\"5\">\n            <button type=\"button\" slot=\"trigger\">\n                <solid-ui-avatar></solid-ui-avatar>\n                <icon-lucide-chevron-down slot=\"right-icon\"></icon-lucide-chevron-down>\n            </button>\n\n            ${this.menuItems.map(menuItem => html`\n                <solid-ui-menu-item .href=${menuItem.href ?? nothing} @solid-ui-select=${() => menuItem.onSelected?.()}>\n                    ${menuItem.label}\n                </solid-ui-menu-item>\n            `)}\n            <solid-ui-logout-button>\n                <solid-ui-menu-item slot=\"trigger\">\n                    <icon-lucide-log-out slot=\"left-icon\"></icon-lucide-log-out>\n                    Sign out\n                </solid-ui-menu-item>\n            </solid-ui-logout-button>\n        </solid-ui-menu>\n    `\n  }\n}\n"],"mappings":"w6JAkByCS,EAAA,CAQxCL,EAAAA,cAAc,kBAAkB,CAAC,EAAA,IAAAM,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,GAAAC,GAAAA,EAAAA,EAAAA,SAAAA,CAOtB,CAAEC,KAAMC,KAAM,CAAC,EAACC,GAAAA,EAAAA,EAAAA,QAAAA,CAGjB,CAAEC,QAASd,EAAAA,YAAae,UAAW,EAAK,CAAC,EAAC,aAAAC,EAVrD,cACqCjB,EAAAA,OAAa,CAAAmB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAd,GAAAe,EAAA,IAAA,EAAAC,EAAA,KAOR,CAAA,CAAE,EAAA,EAAAF,EAAA,KAAAZ,EAAAe,EAAA,KAGLtB,EAAAA,oBAAoB,CAAA,EAAAuB,EAAA,KAAA,4BAAA,IAAA,EAAA,CAAA,CAAA,IAAAf,IAAA,CAAA,OAAAgB,EAAAnB,EAAA,IAAA,CAAA,CAAA,IAHhDoB,UAASC,EAAA,CAAAC,EAAAtB,EAAA,KAAAqB,CAAA,CAAA,CAAA,IAGDE,MAAI,CAAA,OAAAJ,EAAAjB,EAAA,IAAA,CAAA,CAAA,IAAJqB,KAAIF,EAAA,CAAAC,EAAApB,EAAA,KAAAmB,CAAA,CAAA,CAIrBG,mBAAqB,CACnB,MAAMA,kBAAkB,EAExB,KAAKC,0BAA4B,KAAKF,KAAKG,qBAAuB,KAAKC,cAAc,CAAC,CACxF,CAEAC,sBAAwB,CACtB,MAAMA,qBAAqB,EAE3B,KAAKH,4BAA4B,CACnC,CAEUI,QAAU,CAkBlB,OAjBK,KAAKN,KAAKO,QAiBRzC,EAAAA,IAAI;;;;;;;cAOD,KAAK+B,UAAUW,IAAIC,GAAY3C,EAAAA,IAAI;4CACL2C,EAASC,MAAQ3C,EAAAA,QAAO,wBAA2B0C,EAASE,aAAa,EAAC;sBAChGF,EAASG,MAAK;;aAEvB,EAAC;;;;;;;;MA3BD9C,EAAAA,IAAI;;;;;;;;;;;;;OAoCf,CACF,EAAC,CAAA+C,EAAA,CAAApB,EAAAC,EAAAF,GAAAsB,EAAA,CAAAvC,EAAAwC,IAAAC,EAAA7B,EAAA,CAAA,CAAAN,EAAA,EAAA,WAAA,EAAA,CAAAG,EAAA,EAAA,MAAA,CAAA,EAAAV,EAAA,EAAA,IAAA,GAjEoCJ,EAAAA,OAAY,EAAAiB,GAAA8B,EAAA,cAAAC,CAAA,CAAA7B,aAAA,CAAA,MAAAd,CAAA,EAAAoB,EAAA,KAAA,SAC/BtB,EAAAA,OAAM,EAAAsB,EAAA,KAAA,SACN,CACdwB,SAAWC,GAAuB,CAAC,CAACA,EAAUpB,KAAKO,OACrD,CAAC,EAAAQ,EAAA,CAAA,CAAA,EAAApB,EAAAsB,EAAAzC,EAAA,IAAA,EAAA,EAAAyC"}
+{"version":3,"file":"Account.cjs.js","names":["consume","html","nothing","property","customElement","WebComponent","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Account","_Account2","_A","WeakMap","_B","_ref","_menuItemsDecs","type","Array","_authDecs","context","subscribe","_Account3","Account","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_menuItems","_init_auth","_defineProperty","_classPrivateFieldGet","menuItems","v","_classPrivateFieldSet","auth","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","initialized","account","map","menuItem","href","selected","onSelected","label","e","c","_initClass","_applyDecs","_Class","_identity","initializing","component","loggedIn","default"],"sources":["../../../src/components/account/Account.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { html, nothing, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { customElement, WebComponent } from '@/lib/components'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/avatar'\nimport '@/components/button'\nimport '@/components/login-button'\nimport '@/components/logout-button'\nimport '@/components/menu-item'\nimport '@/components/menu'\nimport '@/components/signup-button'\nimport '~icons/lucide/chevron-down'\nimport '~icons/lucide/log-in'\nimport '~icons/lucide/log-out'\nimport '~icons/lucide/user'\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Account.styles.css'\n\nexport interface AccountMenuItem {\n  label: string | TemplateResult\n  href?: string\n  selected?: boolean\n  onSelected?(): void\n}\n\n@customElement('solid-ui-account')\nexport default class Account extends WebComponent {\n  static styles = styles\n  static states = {\n    initializing: (component: Account) => !component.auth.initialized,\n    loggedIn: (component: Account) => !!component.auth.account,\n  }\n\n  @property({ type: Array })\n  accessor menuItems: AccountMenuItem[] = []\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate())\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.initialized) {\n      return html`\n        <icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>\n      `\n    }\n\n    if (!this.auth.account) {\n      return html`\n        <solid-ui-login-button>\n            <solid-ui-button slot=\"trigger\">\n                <icon-lucide-user slot=\"left-icon\"></icon-lucide-user>\n                Log In\n            </solid-ui-button>\n        </solid-ui-login-button>\n        <solid-ui-signup-button>\n            <solid-ui-button slot=\"trigger\" variant=\"outline\">\n                <icon-lucide-log-in slot=\"left-icon\"></icon-lucide-log-in>\n                Sign Up\n            </solid-ui-button>\n        </solid-ui-signup-button>\n      `\n    }\n\n    return html`\n        <solid-ui-menu placement=\"bottom-end\">\n            <button type=\"button\" slot=\"trigger\">\n                <solid-ui-avatar></solid-ui-avatar>\n                <icon-lucide-chevron-down slot=\"right-icon\"></icon-lucide-chevron-down>\n            </button>\n\n            ${this.menuItems.map(menuItem => html`\n                <solid-ui-menu-item .href=${menuItem.href ?? nothing} ?selected=${menuItem.selected} @solid-ui-select=${() => menuItem.onSelected?.()}>\n                    ${menuItem.label}\n                </solid-ui-menu-item>\n            `)}\n            <solid-ui-logout-button>\n                <solid-ui-menu-item slot=\"trigger\">\n                    <icon-lucide-log-out slot=\"left-icon\"></icon-lucide-log-out>\n                    Sign out\n                </solid-ui-menu-item>\n            </solid-ui-logout-button>\n        </solid-ui-menu>\n    `\n  }\n}\n"],"mappings":"s+JAmByCS,EAAA,CASxCL,EAAAA,cAAc,kBAAkB,CAAC,EAAA,IAAAM,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,EAAA,IAAAD,QAAAE,GAAAC,GAAAA,EAQ/Bb,EAAAA,SAAAA,CAAS,CAAEc,KAAMC,KAAM,CAAC,EAACC,GAAAA,EAGzBnB,EAAAA,QAAAA,CAAQ,CAAEoB,QAASd,EAAAA,YAAae,UAAW,EAAK,CAAC,EAAC,aAAAC,EAXrD,cACqCjB,EAAAA,OAAa,CAAAmB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAd,GAAAe,EAAA,IAAA,EAAAC,EAAA,KAQR,CAAA,CAAE,EAAA,EAAAF,EAAA,KAAAZ,EAAAe,EAAA,KAGLtB,EAAAA,oBAAoB,CAAA,EAAAuB,EAAA,KAAA,4BAAA,IAAA,EAAA,CAAA,CAAA,IAAAf,IAAA,CAAA,OAAAgB,EAAAnB,EAAA,IAAA,CAAA,CAAA,IAHhDoB,UAASC,EAAA,CAAAC,EAAAtB,EAAA,KAAAqB,CAAA,CAAA,CAAA,IAGDE,MAAI,CAAA,OAAAJ,EAAAjB,EAAA,IAAA,CAAA,CAAA,IAAJqB,KAAIF,EAAA,CAAAC,EAAApB,EAAA,KAAAmB,CAAA,CAAA,CAIrBG,mBAAqB,CACnB,MAAMA,kBAAkB,EAExB,KAAKC,0BAA4B,KAAKF,KAAKG,qBAAuB,KAAKC,cAAc,CAAC,CACxF,CAEAC,sBAAwB,CACtB,MAAMA,qBAAqB,EAE3B,KAAKH,4BAA4B,CACnC,CAEUI,QAAU,CAwBlB,OAvBK,KAAKN,KAAKO,YAMV,KAAKP,KAAKQ,QAiBR1C,EAAAA,IAAI;;;;;;;cAOD,KAAK+B,UAAUY,IAAIC,GAAY5C,EAAAA,IAAI;4CACL4C,EAASC,MAAQ5C,EAAAA,QAAO,aAAc2C,EAASE,SAAQ,wBAA2BF,EAASG,aAAa,EAAC;sBAC/HH,EAASI,MAAK;;aAEvB,EAAC;;;;;;;;MA3BDhD,EAAAA,IAAI;;;;;;;;;;;;;QANJA,EAAAA,IAAI;;OA0Cf,CACF,EAAC,CAAAiD,EAAA,CAAAtB,EAAAC,EAAAF,GAAAwB,EAAA,CAAAzC,EAAA0C,IAAAC,EAAA/B,EAAA,CAAA,CAAAN,EAAA,EAAA,WAAA,EAAA,CAAAG,EAAA,EAAA,MAAA,CAAA,EAAAV,EAAA,EAAA,IAAA,GAxEoCJ,EAAAA,OAAY,EAAAiB,GAAAgC,EAAA,cAAAC,CAAA,CAAA/B,aAAA,CAAA,MAAAd,CAAA,EAAAoB,EAAA,KAAA,SAC/BtB,EAAAA,OAAM,EAAAsB,EAAA,KAAA,SACN,CACd0B,aAAeC,GAAuB,CAACA,EAAUtB,KAAKO,YACtDgB,SAAWD,GAAuB,CAAC,CAACA,EAAUtB,KAAKQ,OACrD,CAAC,EAAAS,EAAA,CAAA,CAAA,EAAAtB,EAAAwB,EAAA3C,EAAA,IAAA,EAAA,EAAA2C"}

package/dist/components/account/Account.d.ts

@@ -3,11 +3,13 @@ import { WebComponent } from '../../lib/components';
 export interface AccountMenuItem {
     label: string | TemplateResult;
     href?: string;
+    selected?: boolean;
     onSelected?(): void;
 }
 export default class Account extends WebComponent {
     static styles: import('lit').CSSResult;
     static states: {
+        initializing: (component: Account) => boolean;
         loggedIn: (component: Account) => boolean;
     };
     accessor menuItems: AccountMenuItem[];

package/dist/components/account/Account.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Account.d.ts","sourceRoot":"","sources":["../../../src/components/account/Account.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAA;AAEnD,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAG9D,OAAO,qBAAqB,CAAA;AAC5B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,2BAA2B,CAAA;AAClC,OAAO,4BAA4B,CAAA;AACnC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,mBAAmB,CAAA;AAC1B,OAAO,4BAA4B,CAAA;AACnC,OAAO,4BAA4B,CAAA;AACnC,OAAO,sBAAsB,CAAA;AAC7B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,oBAAoB,CAAA;AAI3B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,GAAG,cAAc,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,IAAI,IAAI,CAAA;CACpB;AAGD,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,YAAY;IAC/C,MAAM,CAAC,MAAM,0BAAS;IACtB,MAAM,CAAC,MAAM;8BACW,OAAO;MAC9B;IAGD,QAAQ,CAAC,SAAS,EAAE,eAAe,EAAE,CAAK;IAG1C,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAoC;IAEzD,OAAO,CAAC,yBAAyB,CAAC,CAAY;IAE9C,iBAAiB;IAMjB,oBAAoB;IAMpB,SAAS,CAAC,MAAM;CAuCjB"}
+{"version":3,"file":"Account.d.ts","sourceRoot":"","sources":["../../../src/components/account/Account.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAA;AAEnD,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAG9D,OAAO,qBAAqB,CAAA;AAC5B,OAAO,qBAAqB,CAAA;AAC5B,OAAO,2BAA2B,CAAA;AAClC,OAAO,4BAA4B,CAAA;AACnC,OAAO,wBAAwB,CAAA;AAC/B,OAAO,mBAAmB,CAAA;AAC1B,OAAO,4BAA4B,CAAA;AACnC,OAAO,4BAA4B,CAAA;AACnC,OAAO,sBAAsB,CAAA;AAC7B,OAAO,uBAAuB,CAAA;AAC9B,OAAO,oBAAoB,CAAA;AAC3B,OAAO,8BAA8B,CAAA;AAIrC,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,GAAG,cAAc,CAAA;IAC9B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,IAAI,IAAI,CAAA;CACpB;AAGD,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,YAAY;IAC/C,MAAM,CAAC,MAAM,0BAAS;IACtB,MAAM,CAAC,MAAM;kCACe,OAAO;8BACX,OAAO;MAC9B;IAGD,QAAQ,CAAC,SAAS,EAAE,eAAe,EAAE,CAAK;IAG1C,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAoC;IAEzD,OAAO,CAAC,yBAAyB,CAAC,CAAY;IAE9C,iBAAiB;IAMjB,oBAAoB;IAMpB,SAAS,CAAC,MAAM;CA6CjB"}

package/dist/components/account/Account.esm.js

@@ -3,6 +3,7 @@ import { customElement as n } from "../../lib/components/decorators.esm.js";
 import r from "../../lib/components/web-component/WebComponent.esm.js";
 import "../../lib/components/index.esm.js";
 import "../../_virtual/~icons/lucide/chevron-down.esm.js";
+import "../../_virtual/~icons/svg-spinners/180-ring.esm.js";
 import "../button/index.esm.js";
 import "../../lib/auth/index.esm.js";
 import "../avatar/index.esm.js";
@@ -219,15 +220,15 @@ new (b = (d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), x =
 		super.disconnectedCallback(), this.unsubscribeSessionUpdated?.();
 	}
 	render() {
-		return this.auth.account ? o`
-        <solid-ui-menu placement="bottom-end" distance="5">
+		return this.auth.initialized ? this.auth.account ? o`
+        <solid-ui-menu placement="bottom-end">
             <button type="button" slot="trigger">
                 <solid-ui-avatar></solid-ui-avatar>
                 <icon-lucide-chevron-down slot="right-icon"></icon-lucide-chevron-down>
             </button>
 
             ${this.menuItems.map((e) => o`
-                <solid-ui-menu-item .href=${e.href ?? s} @solid-ui-select=${() => e.onSelected?.()}>
+                <solid-ui-menu-item .href=${e.href ?? s} ?selected=${e.selected} @solid-ui-select=${() => e.onSelected?.()}>
                     ${e.label}
                 </solid-ui-menu-item>
             `)}
@@ -251,6 +252,8 @@ new (b = (d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), x =
                 Sign Up
             </solid-ui-button>
         </solid-ui-signup-button>
+      ` : o`
+        <icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>
       `;
 	}
 }, {e: [_, y, p], c: [P, m]} = O(u, [[
@@ -263,7 +266,10 @@ new (b = (d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), x =
 	"auth"
 ]], h, 0, void 0, r), u), l = class extends N {
 	constructor() {
-		super(P), D(this, "styles", i), D(this, "states", { loggedIn: (e) => !!e.auth.account }), m();
+		super(P), D(this, "styles", i), D(this, "states", {
+			initializing: (e) => !e.auth.initialized,
+			loggedIn: (e) => !!e.auth.account
+		}), m();
 	}
 }, D(l, b, void 0), l)();
 //#endregion

package/dist/components/account/Account.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Account.esm.js","names":["consume","html","nothing","property","customElement","WebComponent","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Account","_Account2","_A","WeakMap","_B","_ref","_menuItemsDecs","type","Array","_authDecs","context","subscribe","_Account3","Account","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_menuItems","_init_auth","_defineProperty","_classPrivateFieldGet","menuItems","v","_classPrivateFieldSet","auth","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","account","map","menuItem","href","onSelected","label","e","c","_initClass","_applyDecs","_Class","_identity","loggedIn","component","default"],"sources":["../../../src/components/account/Account.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { html, nothing, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { customElement, WebComponent } from '@/lib/components'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/avatar'\nimport '@/components/button'\nimport '@/components/login-button'\nimport '@/components/logout-button'\nimport '@/components/menu-item'\nimport '@/components/menu'\nimport '@/components/signup-button'\nimport '~icons/lucide/chevron-down'\nimport '~icons/lucide/log-in'\nimport '~icons/lucide/log-out'\nimport '~icons/lucide/user'\n\nimport styles from './Account.styles.css'\n\nexport interface AccountMenuItem {\n  label: string | TemplateResult\n  href?: string\n  onSelected?(): void\n}\n\n@customElement('solid-ui-account')\nexport default class Account extends WebComponent {\n  static styles = styles\n  static states = {\n    loggedIn: (component: Account) => !!component.auth.account,\n  }\n\n  @property({ type: Array })\n  accessor menuItems: AccountMenuItem[] = []\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate())\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.account) {\n      return html`\n        <solid-ui-login-button>\n            <solid-ui-button slot=\"trigger\">\n                <icon-lucide-user slot=\"left-icon\"></icon-lucide-user>\n                Log In\n            </solid-ui-button>\n        </solid-ui-login-button>\n        <solid-ui-signup-button>\n            <solid-ui-button slot=\"trigger\" variant=\"outline\">\n                <icon-lucide-log-in slot=\"left-icon\"></icon-lucide-log-in>\n                Sign Up\n            </solid-ui-button>\n        </solid-ui-signup-button>\n      `\n    }\n\n    return html`\n        <solid-ui-menu placement=\"bottom-end\" distance=\"5\">\n            <button type=\"button\" slot=\"trigger\">\n                <solid-ui-avatar></solid-ui-avatar>\n                <icon-lucide-chevron-down slot=\"right-icon\"></icon-lucide-chevron-down>\n            </button>\n\n            ${this.menuItems.map(menuItem => html`\n                <solid-ui-menu-item .href=${menuItem.href ?? nothing} @solid-ui-select=${() => menuItem.onSelected?.()}>\n                    ${menuItem.label}\n                </solid-ui-menu-item>\n            `)}\n            <solid-ui-logout-button>\n                <solid-ui-menu-item slot=\"trigger\">\n                    <icon-lucide-log-out slot=\"left-icon\"></icon-lucide-log-out>\n                    Sign out\n                </solid-ui-menu-item>\n            </solid-ui-logout-button>\n        </solid-ui-menu>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkByCS,IAAA,CAQxCL,EAAc,kBAAkB,CAAC;AAAA,IAAAM;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,KAAAC,IAO/Bb,EAAS,EAAEc,MAAMC,MAAM,CAAC,GAACC,IAGzBnB,EAAQ;CAAEoB,SAASd;CAAae,WAAW;AAAK,CAAC,GAAC,cAAAC,IAVrD,cACqCjB,EAAa;CAAAmB,YAAA,GAAAC,GAAA;EAUSK,AAVT,MAAA,GAAAL,CAAA,GAAAC,EAAA,MAAAd,IAAAe,EAAA,IAAA,GAAAC,EAAA,MAOR,CAAA,CAAE,EAAA,GAAAF,EAAA,MAAAZ,GAAAe,EAAA,MAGLtB,CAAoB,CAAA,GAAAuB,EAAA,MAAA,6BAAA,KAAA,CAAA;CAAA;CAAA,KAAAf,KAAA;EAAA,OAAAgB,EAAAnB,GAAA,IAAA;CAAA;CAAA,IAHhDoB,UAASC,GAAA;EAAAC,EAAAtB,GAAA,MAAAqB,CAAA;CAAA;CAAA,IAGDE,OAAI;EAAA,OAAAJ,EAAAjB,GAAA,IAAA;CAAA;CAAA,IAAJqB,KAAIF,GAAA;EAAAC,EAAApB,GAAA,MAAAmB,CAAA;CAAA;CAIrBG,oBAAqB;EAGnB,AAFA,MAAMA,kBAAkB,GAExB,KAAKC,4BAA4B,KAAKF,KAAKG,uBAAuB,KAAKC,cAAc,CAAC;CACxF;CAEAC,uBAAwB;EAGtB,AAFA,MAAMA,qBAAqB,GAE3B,KAAKH,4BAA4B;CACnC;CAEUI,SAAU;EAkBlB,OAjBK,KAAKN,KAAKO,UAiBRzC,CAAI;;;;;;;cAOD,KAAK+B,UAAUW,KAAIC,MAAY3C,CAAI;4CACL2C,EAASC,QAAQ3C,EAAO,0BAA2B0C,EAASE,aAAa,EAAC;sBAChGF,EAASG,MAAK;;aAEvB,EAAC;;;;;;;;QA3BD9C,CAAI;;;;;;;;;;;;;;CAoCf;AACF,GAAC,CAAA+C,GAAA,CAAApB,GAAAC,GAAAF,IAAAsB,GAAA,CAAAvC,GAAAwC,MAAAC,EAAA7B,GAAA,CAAA;CAAAN;CAAA;CAAA;AAAA,GAAA;CAAAG;CAAA;CAAA;AAAA,CAAA,GAAAV,GAAA,GAAA,KAAA,GAjEoCJ,CAAY,GAAAiB,IAAA8B,IAAA,cAAAC,EAAA;CAAA7B,cAAA;EAAA,MAAAd,CAAA,GAAAoB,EAAA,MAAA,UAC/BtB,CAAM,GAAAsB,EAAA,MAAA,UACN,EACdwB,WAAWC,MAAuB,CAAC,CAACA,EAAUpB,KAAKO,QACrD,CAAC,GAAAQ,EAAA;CAAA;AAAA,GAAApB,EAAAsB,GAAAzC,GAAA,KAAA,CAAA,GAAAyC,GAAA"}
+{"version":3,"file":"Account.esm.js","names":["consume","html","nothing","property","customElement","WebComponent","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Account","_Account2","_A","WeakMap","_B","_ref","_menuItemsDecs","type","Array","_authDecs","context","subscribe","_Account3","Account","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_menuItems","_init_auth","_defineProperty","_classPrivateFieldGet","menuItems","v","_classPrivateFieldSet","auth","connectedCallback","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","initialized","account","map","menuItem","href","selected","onSelected","label","e","c","_initClass","_applyDecs","_Class","_identity","initializing","component","loggedIn","default"],"sources":["../../../src/components/account/Account.ts"],"sourcesContent":["import { consume } from '@lit/context'\nimport { html, nothing, TemplateResult } from 'lit'\nimport { property } from 'lit/decorators.js'\nimport { customElement, WebComponent } from '@/lib/components'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '@/components/avatar'\nimport '@/components/button'\nimport '@/components/login-button'\nimport '@/components/logout-button'\nimport '@/components/menu-item'\nimport '@/components/menu'\nimport '@/components/signup-button'\nimport '~icons/lucide/chevron-down'\nimport '~icons/lucide/log-in'\nimport '~icons/lucide/log-out'\nimport '~icons/lucide/user'\nimport '~icons/svg-spinners/180-ring'\n\nimport styles from './Account.styles.css'\n\nexport interface AccountMenuItem {\n  label: string | TemplateResult\n  href?: string\n  selected?: boolean\n  onSelected?(): void\n}\n\n@customElement('solid-ui-account')\nexport default class Account extends WebComponent {\n  static styles = styles\n  static states = {\n    initializing: (component: Account) => !component.auth.initialized,\n    loggedIn: (component: Account) => !!component.auth.account,\n  }\n\n  @property({ type: Array })\n  accessor menuItems: AccountMenuItem[] = []\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => this.requestUpdate())\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.initialized) {\n      return html`\n        <icon-svg-spinners-180-ring></icon-svg-spinners-180-ring>\n      `\n    }\n\n    if (!this.auth.account) {\n      return html`\n        <solid-ui-login-button>\n            <solid-ui-button slot=\"trigger\">\n                <icon-lucide-user slot=\"left-icon\"></icon-lucide-user>\n                Log In\n            </solid-ui-button>\n        </solid-ui-login-button>\n        <solid-ui-signup-button>\n            <solid-ui-button slot=\"trigger\" variant=\"outline\">\n                <icon-lucide-log-in slot=\"left-icon\"></icon-lucide-log-in>\n                Sign Up\n            </solid-ui-button>\n        </solid-ui-signup-button>\n      `\n    }\n\n    return html`\n        <solid-ui-menu placement=\"bottom-end\">\n            <button type=\"button\" slot=\"trigger\">\n                <solid-ui-avatar></solid-ui-avatar>\n                <icon-lucide-chevron-down slot=\"right-icon\"></icon-lucide-chevron-down>\n            </button>\n\n            ${this.menuItems.map(menuItem => html`\n                <solid-ui-menu-item .href=${menuItem.href ?? nothing} ?selected=${menuItem.selected} @solid-ui-select=${() => menuItem.onSelected?.()}>\n                    ${menuItem.label}\n                </solid-ui-menu-item>\n            `)}\n            <solid-ui-logout-button>\n                <solid-ui-menu-item slot=\"trigger\">\n                    <icon-lucide-log-out slot=\"left-icon\"></icon-lucide-log-out>\n                    Sign out\n                </solid-ui-menu-item>\n            </solid-ui-logout-button>\n        </solid-ui-menu>\n    `\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmByCS,IAAA,CASxCL,EAAc,kBAAkB,CAAC;AAAA,IAAAM;AAAA,KAAAC,KAAAC,kBAAA,IAAAC,QAAA,GAAAC,kBAAA,IAAAD,QAAA,GAAAE,KAAAC,IAQ/Bb,EAAS,EAAEc,MAAMC,MAAM,CAAC,GAACC,IAGzBnB,EAAQ;CAAEoB,SAASd;CAAae,WAAW;AAAK,CAAC,GAAC,cAAAC,IAXrD,cACqCjB,EAAa;CAAAmB,YAAA,GAAAC,GAAA;EAWSK,AAXT,MAAA,GAAAL,CAAA,GAAAC,EAAA,MAAAd,IAAAe,EAAA,IAAA,GAAAC,EAAA,MAQR,CAAA,CAAE,EAAA,GAAAF,EAAA,MAAAZ,GAAAe,EAAA,MAGLtB,CAAoB,CAAA,GAAAuB,EAAA,MAAA,6BAAA,KAAA,CAAA;CAAA;CAAA,KAAAf,KAAA;EAAA,OAAAgB,EAAAnB,GAAA,IAAA;CAAA;CAAA,IAHhDoB,UAASC,GAAA;EAAAC,EAAAtB,GAAA,MAAAqB,CAAA;CAAA;CAAA,IAGDE,OAAI;EAAA,OAAAJ,EAAAjB,GAAA,IAAA;CAAA;CAAA,IAAJqB,KAAIF,GAAA;EAAAC,EAAApB,GAAA,MAAAmB,CAAA;CAAA;CAIrBG,oBAAqB;EAGnB,AAFA,MAAMA,kBAAkB,GAExB,KAAKC,4BAA4B,KAAKF,KAAKG,uBAAuB,KAAKC,cAAc,CAAC;CACxF;CAEAC,uBAAwB;EAGtB,AAFA,MAAMA,qBAAqB,GAE3B,KAAKH,4BAA4B;CACnC;CAEUI,SAAU;EAwBlB,OAvBK,KAAKN,KAAKO,cAMV,KAAKP,KAAKQ,UAiBR1C,CAAI;;;;;;;cAOD,KAAK+B,UAAUY,KAAIC,MAAY5C,CAAI;4CACL4C,EAASC,QAAQ5C,EAAO,aAAc2C,EAASE,SAAQ,0BAA2BF,EAASG,aAAa,EAAC;sBAC/HH,EAASI,MAAK;;aAEvB,EAAC;;;;;;;;QA3BDhD,CAAI;;;;;;;;;;;;;UANJA,CAAI;;;CA0Cf;AACF,GAAC,CAAAiD,GAAA,CAAAtB,GAAAC,GAAAF,IAAAwB,GAAA,CAAAzC,GAAA0C,MAAAC,EAAA/B,GAAA,CAAA;CAAAN;CAAA;CAAA;AAAA,GAAA;CAAAG;CAAA;CAAA;AAAA,CAAA,GAAAV,GAAA,GAAA,KAAA,GAxEoCJ,CAAY,GAAAiB,IAAAgC,IAAA,cAAAC,EAAA;CAAA/B,cAAA;EAAA,MAAAd,CAAA,GAAAoB,EAAA,MAAA,UAC/BtB,CAAM,GAAAsB,EAAA,MAAA,UACN;GACd0B,eAAeC,MAAuB,CAACA,EAAUtB,KAAKO;GACtDgB,WAAWD,MAAuB,CAAC,CAACA,EAAUtB,KAAKQ;EACrD,CAAC,GAAAS,EAAA;CAAA;AAAA,GAAAtB,EAAAwB,GAAA3C,GAAA,KAAA,CAAA,GAAA2C,GAAA"}

package/dist/components/account/Account.stories.d.ts

@@ -1,28 +1,26 @@
-import { USER_OPTIONS } from '../../storybook';
 declare const meta: {
-    readonly title: "Account";
+    readonly title: "Solid/Account";
     readonly args: {
         readonly user: "Alice";
     };
     readonly argTypes: {
         readonly user: {
             type: string;
-            options: ("Alice" | "Bob" | "Guest")[];
+            options: ("Alice" | "Bob" | "Guest" | "Initializing")[];
         };
     };
+    readonly render: () => import('lit-html').TemplateResult<1>;
 };
-export default meta;
-export declare const Primary: {
-    render: (args: import('../../storybook').GetStoryArgs<{
-        user: typeof USER_OPTIONS.control;
-    }>) => HTMLDivElement;
-};
+export declare const Primary: {};
 export declare const Guest: {
-    render: (args: import('../../storybook').GetStoryArgs<{
-        user: typeof USER_OPTIONS.control;
-    }>) => HTMLDivElement;
     args: {
         user: string;
     };
 };
+export declare const Initializing: {
+    args: {
+        user: string;
+    };
+};
+export default meta;
 //# sourceMappingURL=Account.stories.d.ts.map

package/dist/components/account/Account.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Account.stories.d.ts","sourceRoot":"","sources":["../../../src/components/account/Account.stories.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAyB,MAAM,aAAa,CAAA;AAEjE,OAAO,WAAW,CAAA;AAElB,QAAA,MAAM,IAAI;;;;;;;;;;;CAQA,CAAA;AAIV,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO;;;;CAAa,CAAA;AACjC,eAAO,MAAM,KAAK;;;;;;;CAKjB,CAAA"}
+{"version":3,"file":"Account.stories.d.ts","sourceRoot":"","sources":["../../../src/components/account/Account.stories.ts"],"names":[],"mappings":"AAGA,OAAO,WAAW,CAAA;AAElB,QAAA,MAAM,IAAI;;;;;;;;;;;;CASA,CAAA;AAEV,eAAO,MAAM,OAAO,IAAK,CAAA;AACzB,eAAO,MAAM,KAAK;;;;CAA8B,CAAA;AAChD,eAAO,MAAM,YAAY;;;;CAAqC,CAAA;AAE9D,eAAe,IAAI,CAAA"}

package/dist/components/account/Account.styles.cjs.js

@@ -1,2 +1,2 @@
-var e=require("lit").css`:host{flex-direction:row;gap:10px;display:inline-flex}:host([data-state-loggedIn]){--padding:4px;--border-width:1px;--image-size:1.875rem}:host([data-state-loggedIn]) button{background-color:var(--solid-ui-color-body-grey);padding:var(--padding);border-radius:calc((var(--image-size) + 2 * var(--padding) + 2 * var(--border-width)) / 2);color:var(--solid-ui-color-white);justify-content:center;align-items:center;gap:5px;display:inline-flex}:host([data-state-loggedIn]) button solid-ui-avatar{width:var(--image-size);height:var(--image-size);border:var(--border-width) solid var(--solid-ui-color-white);border-radius:50%}:host([data-state-loggedIn]) button icon-lucide-chevron-down{width:16px;height:16px}`;exports.default=e;
+var e=require("lit").css`:host{--image-size:1.875rem;flex-direction:row;gap:10px;display:inline-flex}:host([data-state-initializing]) icon-svg-spinners-180-ring{width:var(--image-size);height:var(--image-size)}:host([data-state-loggedIn]){--padding:4px;--border-width:1px}:host([data-state-loggedIn]) button{background-color:var(--solid-ui-color-body-grey);padding:var(--padding);border-radius:calc((var(--image-size) + 2 * var(--padding) + 2 * var(--border-width)) / 2);color:var(--solid-ui-color-white);justify-content:center;align-items:center;gap:5px;display:inline-flex}:host([data-state-loggedIn]) button solid-ui-avatar{width:var(--image-size);height:var(--image-size);border:var(--border-width) solid var(--solid-ui-color-white);border-radius:50%}:host([data-state-loggedIn]) button icon-lucide-chevron-down{width:16px;height:16px}`;exports.default=e;
 //# sourceMappingURL=Account.styles.cjs.js.map

package/dist/components/account/Account.styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Account.styles.cjs.js","names":[],"sources":["../../../src/components/account/Account.styles.css"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: row;\n    gap: 10px;\n}\n\n:host([data-state-loggedIn]) {\n    --padding: 4px;\n    --border-width: 1px;\n    --image-size: 1.875rem; /* 30px */\n\n    button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n        background-color: var(--solid-ui-color-body-grey);\n        padding: var(--padding);\n        border-radius: calc((var(--image-size) + 2 * var(--padding) + 2 * var(--border-width)) / 2);\n        color: var(--solid-ui-color-white);\n\n        solid-ui-avatar {\n            width: var(--image-size);\n            height: var(--image-size);\n            border: var(--border-width) solid var(--solid-ui-color-white);\n            border-radius: 50%;\n        }\n\n        icon-lucide-chevron-down {\n            width: 16px;\n            height: 16px;\n        }\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"Account.styles.cjs.js","names":[],"sources":["../../../src/components/account/Account.styles.css"],"sourcesContent":[":host {\n    --image-size: 1.875rem; /* 30px */\n\n    display: inline-flex;\n    flex-direction: row;\n    gap: 10px;\n}\n\n:host([data-state-initializing]) {\n    icon-svg-spinners-180-ring {\n        width: var(--image-size);\n        height: var(--image-size);\n    }\n}\n\n:host([data-state-loggedIn]) {\n    --padding: 4px;\n    --border-width: 1px;\n\n    button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n        background-color: var(--solid-ui-color-body-grey);\n        padding: var(--padding);\n        border-radius: calc((var(--image-size) + 2 * var(--padding) + 2 * var(--border-width)) / 2);\n        color: var(--solid-ui-color-white);\n\n        solid-ui-avatar {\n            width: var(--image-size);\n            height: var(--image-size);\n            border: var(--border-width) solid var(--solid-ui-color-white);\n            border-radius: 50%;\n        }\n\n        icon-lucide-chevron-down {\n            width: 16px;\n            height: 16px;\n        }\n    }\n}\n"],"mappings":""}

package/dist/components/account/Account.styles.esm.js

@@ -1,6 +1,6 @@
 import { css as e } from "lit";
 //#region src/components/account/Account.styles.css
-var t = e`:host{flex-direction:row;gap:10px;display:inline-flex}:host([data-state-loggedIn]){--padding:4px;--border-width:1px;--image-size:1.875rem}:host([data-state-loggedIn]) button{background-color:var(--solid-ui-color-body-grey);padding:var(--padding);border-radius:calc((var(--image-size) + 2 * var(--padding) + 2 * var(--border-width)) / 2);color:var(--solid-ui-color-white);justify-content:center;align-items:center;gap:5px;display:inline-flex}:host([data-state-loggedIn]) button solid-ui-avatar{width:var(--image-size);height:var(--image-size);border:var(--border-width) solid var(--solid-ui-color-white);border-radius:50%}:host([data-state-loggedIn]) button icon-lucide-chevron-down{width:16px;height:16px}`;
+var t = e`:host{--image-size:1.875rem;flex-direction:row;gap:10px;display:inline-flex}:host([data-state-initializing]) icon-svg-spinners-180-ring{width:var(--image-size);height:var(--image-size)}:host([data-state-loggedIn]){--padding:4px;--border-width:1px}:host([data-state-loggedIn]) button{background-color:var(--solid-ui-color-body-grey);padding:var(--padding);border-radius:calc((var(--image-size) + 2 * var(--padding) + 2 * var(--border-width)) / 2);color:var(--solid-ui-color-white);justify-content:center;align-items:center;gap:5px;display:inline-flex}:host([data-state-loggedIn]) button solid-ui-avatar{width:var(--image-size);height:var(--image-size);border:var(--border-width) solid var(--solid-ui-color-white);border-radius:50%}:host([data-state-loggedIn]) button icon-lucide-chevron-down{width:16px;height:16px}`;
 //#endregion
 export { t as default };
 

package/dist/components/account/Account.styles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"Account.styles.esm.js","names":[],"sources":["../../../src/components/account/Account.styles.css"],"sourcesContent":[":host {\n    display: inline-flex;\n    flex-direction: row;\n    gap: 10px;\n}\n\n:host([data-state-loggedIn]) {\n    --padding: 4px;\n    --border-width: 1px;\n    --image-size: 1.875rem; /* 30px */\n\n    button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n        background-color: var(--solid-ui-color-body-grey);\n        padding: var(--padding);\n        border-radius: calc((var(--image-size) + 2 * var(--padding) + 2 * var(--border-width)) / 2);\n        color: var(--solid-ui-color-white);\n\n        solid-ui-avatar {\n            width: var(--image-size);\n            height: var(--image-size);\n            border: var(--border-width) solid var(--solid-ui-color-white);\n            border-radius: 50%;\n        }\n\n        icon-lucide-chevron-down {\n            width: 16px;\n            height: 16px;\n        }\n    }\n}\n"],"mappings":""}
+{"version":3,"file":"Account.styles.esm.js","names":[],"sources":["../../../src/components/account/Account.styles.css"],"sourcesContent":[":host {\n    --image-size: 1.875rem; /* 30px */\n\n    display: inline-flex;\n    flex-direction: row;\n    gap: 10px;\n}\n\n:host([data-state-initializing]) {\n    icon-svg-spinners-180-ring {\n        width: var(--image-size);\n        height: var(--image-size);\n    }\n}\n\n:host([data-state-loggedIn]) {\n    --padding: 4px;\n    --border-width: 1px;\n\n    button {\n        display: inline-flex;\n        align-items: center;\n        justify-content: center;\n        gap: 5px;\n        background-color: var(--solid-ui-color-body-grey);\n        padding: var(--padding);\n        border-radius: calc((var(--image-size) + 2 * var(--padding) + 2 * var(--border-width)) / 2);\n        color: var(--solid-ui-color-white);\n\n        solid-ui-avatar {\n            width: var(--image-size);\n            height: var(--image-size);\n            border: var(--border-width) solid var(--solid-ui-color-white);\n            border-radius: 50%;\n        }\n\n        icon-lucide-chevron-down {\n            width: 16px;\n            height: 16px;\n        }\n    }\n}\n"],"mappings":""}

package/dist/components/account.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "../chunks/account-CWY924jw.js";
+import { n as e, t } from "../chunks/account-CWdjQDsQ.js";
 export { e as Account, t as default };

package/dist/components/all.cjs.js

@@ -0,0 +1 @@
+require("./dialog-header/index.cjs.js"),require("./button/index.cjs.js"),require("./dialog/index.cjs.js"),require("./dialog-content/index.cjs.js"),require("./dialog-footer/index.cjs.js"),require("./combobox/index.cjs.js"),require("./combobox-option/index.cjs.js"),require("./login-modal/index.cjs.js"),require("./dialogs-root/index.cjs.js"),require("./avatar/index.cjs.js"),require("./login-button/index.cjs.js"),require("./logout-button/index.cjs.js"),require("./menu-item/index.cjs.js"),require("./menu/index.cjs.js"),require("./signup-button/index.cjs.js"),require("./account/index.cjs.js"),require("./dialog-provider/index.cjs.js"),require("./guard/index.cjs.js"),require("./input/index.cjs.js"),require("./photo-capture-modal/index.cjs.js"),require("./photo-capture/index.cjs.js"),require("./rdf-input/index.cjs.js"),require("./rdf-form/index.cjs.js"),require("./select/index.cjs.js"),require("./select-option/index.cjs.js"),require("./solid-emblem/index.cjs.js");

package/dist/components/all.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=all.d.ts.map

package/dist/components/all.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"all.d.ts","sourceRoot":"","sources":["../../src/components/all.ts"],"names":[],"mappings":""}

package/dist/components/all.esm.js

@@ -0,0 +1,26 @@
+import "./dialog-header/index.esm.js";
+import "./button/index.esm.js";
+import "./dialog/index.esm.js";
+import "./dialog-content/index.esm.js";
+import "./dialog-footer/index.esm.js";
+import "./combobox/index.esm.js";
+import "./combobox-option/index.esm.js";
+import "./login-modal/index.esm.js";
+import "./dialogs-root/index.esm.js";
+import "./avatar/index.esm.js";
+import "./login-button/index.esm.js";
+import "./logout-button/index.esm.js";
+import "./menu-item/index.esm.js";
+import "./menu/index.esm.js";
+import "./signup-button/index.esm.js";
+import "./account/index.esm.js";
+import "./dialog-provider/index.esm.js";
+import "./guard/index.esm.js";
+import "./input/index.esm.js";
+import "./photo-capture-modal/index.esm.js";
+import "./photo-capture/index.esm.js";
+import "./rdf-input/index.esm.js";
+import "./rdf-form/index.esm.js";
+import "./select/index.esm.js";
+import "./select-option/index.esm.js";
+import "./solid-emblem/index.esm.js";

package/dist/components/avatar/Avatar.cjs.js

@@ -1,4 +1,4 @@
-const e=require("../../lib/auth/context.cjs.js"),t=require("../../lib/components/decorators.cjs.js"),n=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js"),require("../../lib/auth/index.cjs.js"),require("../../_virtual/~icons/lucide/circle-user.cjs.js");const r=require("./Avatar.styles.cjs.js");let i=require("@lit/context"),a=require("lit");var o,s,c,l,u,d,f,p,m,h;function g(e,t,n){_(e,t),t.set(e,n)}function _(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function v(e,t,n){return e.set(b(e,t),n),n}function y(e,t){return e.get(b(e,t))}function b(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function x(e,t,n){return(t=C(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:T(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||T(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var E=_[w],D=n?_[w-1]:void 0,O={},k={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,O)};try{if(y)(g=c(E.call(D,C,k),`class decorators`,`return`))&&(C=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=k.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),C=E.call(D,p?{get:b.get,set:b.set}:b[S],k),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{O.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return E(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:C(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function C(e){var t=w(e,`string`);return typeof t==`symbol`?t:t+``}function w(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function T(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function E(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function D(e){return e}d=[t.customElement(`solid-ui-avatar`)];var O;new(m=(c=new WeakMap,h=(f=(0,i.consume)({context:e.authContext,subscribe:!0}),`auth`),s=class extends n.default{constructor(...t){super(...t),g(this,c,(l(this),p(this,e.DEFAULT_AUTH_CONTEXT)))}get[h](){return y(c,this)}set auth(e){v(c,this,e)}render(){return this.auth.account?.avatarUrl?a.html`
+const e=require("../../lib/auth/context.cjs.js"),t=require("../../lib/components/decorators.cjs.js"),n=require("../../lib/components/web-component/WebComponent.cjs.js");require("../../lib/components/index.cjs.js"),require("../../lib/auth/index.cjs.js"),require("../../_virtual/~icons/lucide/circle-user.cjs.js");const r=require("./Avatar.styles.cjs.js");let i=require("@lit/context"),a=require("lit");var o,s,c,l,u,d,f,p,m,h;function g(e,t,n){_(e,t),t.set(e,n)}function _(e,t){if(t.has(e))throw TypeError(`Cannot initialize the same private elements twice on an object`)}function v(e,t,n){return e.set(b(e,t),n),n}function y(e,t){return e.get(b(e,t))}function b(e,t,n){if(typeof e==`function`?e===t:e.has(t))return arguments.length<3?t:n;throw TypeError(`Private element is not present on this object`)}function x(e,t,n){return(t=C(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function S(e,t,n,r,i,a){function o(e,t,n){return function(r,i){return n&&n(r),e[t].call(r,i)}}function s(e,t){for(var n=0;n<e.length;n++)e[n].call(t);return t}function c(e,t,n,r){if(typeof e!=`function`&&(r||e!==void 0))throw TypeError(t+` must `+(n||`be`)+` a function`+(r?``:` or undefined`));return e}function l(e,t,n,r,i,a,s,l,u,d,f,p,m){function h(e){if(!m(e))throw TypeError(`Attempted to access private element on non-instance`)}var g,_=t[0],v=t[3],y=!l;if(!y){n||Array.isArray(_)||(_=[_]);var b={},x=[],S=i===3?`get`:i===4||p?`set`:`value`;d?(f||p?b={get:T(function(){return v(this)},r,`get`),set:function(e){t[4](this,e)}}:b[S]=v,f||T(b[S],r,i===2?``:S)):f||(b=Object.getOwnPropertyDescriptor(e,r))}for(var C=e,w=_.length-1;w>=0;w-=n?2:1){var E=_[w],D=n?_[w-1]:void 0,O={},k={kind:[`field`,`accessor`,`method`,`getter`,`setter`,`class`][i],name:r,metadata:a,addInitializer:function(e,t){if(e.v)throw Error(`attempted to call addInitializer after decoration was finished`);c(t,`An initializer`,`be`,!0),s.push(t)}.bind(null,O)};try{if(y)(g=c(E.call(D,C,k),`class decorators`,`return`))&&(C=g);else{var A,j;k.static=u,k.private=d,d?i===2?A=function(e){return h(e),b.value}:(i<4&&(A=o(b,`get`,h)),i!==3&&(j=o(b,`set`,h))):(A=function(e){return e[r]},(i<2||i===4)&&(j=function(e,t){e[r]=t}));var M=k.access={has:d?m.bind():function(e){return r in e}};if(A&&(M.get=A),j&&(M.set=j),C=E.call(D,p?{get:b.get,set:b.set}:b[S],k),p){if(typeof C==`object`&&C)(g=c(C.get,`accessor.get`))&&(b.get=g),(g=c(C.set,`accessor.set`))&&(b.set=g),(g=c(C.init,`accessor.init`))&&x.push(g);else if(C!==void 0)throw TypeError(`accessor decorators must return an object with get, set, or init properties or void 0`)}else c(C,(f?`field`:`method`)+` decorators`,`return`)&&(f?x.push(C):b[S]=C)}}finally{O.v=!0}}return(f||p)&&l.push(function(e,t){for(var n=x.length-1;n>=0;n--)t=x[n].call(e,t);return t}),f||y||(d?p?l.push(o(b,`get`),o(b,`set`)):l.push(i===2?b[S]:o.call.bind(b[S])):Object.defineProperty(e,r,b)),C}function u(e,t){return Object.defineProperty(e,Symbol.metadata||Symbol.for(`Symbol.metadata`),{configurable:!0,enumerable:!0,value:t})}if(arguments.length>=6)var d=a[Symbol.metadata||Symbol.for(`Symbol.metadata`)];var f=Object.create(d??null),p=function(e,t,n,r){var i,a,o=[],c=function(t){return E(t)===e},u=new Map;function d(e){e&&o.push(s.bind(null,e))}for(var f=0;f<t.length;f++){var p=t[f];if(Array.isArray(p)){var m=p[1],h=p[2],g=p.length>3,_=16&m,v=!!(8&m),y=(m&=7)==0,b=h+`/`+v;if(!y&&!g){var x=u.get(b);if(!0===x||x===3&&m!==4||x===4&&m!==3)throw Error(`Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: `+h);u.set(b,!(m>2)||m)}l(v?e:e.prototype,p,_,g?`#`+h:C(h),m,r,v?a||=[]:i||=[],o,v,g,y,m===1,v&&g?c:n)}}return d(i),d(a),o}(e,t,i,f);return n.length||u(e,f),{e:p,get c(){var t=[];return n.length&&[u(l(e,[n],r,e.name,5,f,t),f),s.bind(null,t,e)]}}}function C(e){var t=w(e,`string`);return typeof t==`symbol`?t:t+``}function w(e,t){if(typeof e!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(typeof r!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function T(e,t,n){typeof t==`symbol`&&(t=(t=t.description)?`[`+t+`]`:``);try{Object.defineProperty(e,"name",{configurable:!0,value:n?n+` `+t:t})}catch{}return e}function E(e){if(Object(e)!==e)throw TypeError(`right-hand side of 'in' should be an object, got `+(e===null?`null`:typeof e));return e}function D(e){return e}d=[t.customElement(`solid-ui-avatar`)];var O;new(m=(c=new WeakMap,h=(f=(0,i.consume)({context:e.authContext,subscribe:!0}),`auth`),s=class extends n.default{constructor(...t){super(...t),g(this,c,(l(this),p(this,e.DEFAULT_AUTH_CONTEXT))),x(this,`unsubscribeSessionUpdated`,void 0)}get[h](){return y(c,this)}set auth(e){v(c,this,e)}connectedCallback(){super.connectedCallback(),this.auth.loadProfile?.(),this.unsubscribeSessionUpdated=this.auth.onSessionUpdated(()=>{this.auth.loadProfile?.(),this.requestUpdate()})}disconnectedCallback(){super.disconnectedCallback(),this.unsubscribeSessionUpdated?.()}render(){return this.auth.account?.avatarUrl?a.html`
         <img src="${this.auth.account?.avatarUrl}" alt="" />
     `:a.html`
           <icon-lucide-circle-user></icon-lucide-circle-user>

package/dist/components/avatar/Avatar.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Avatar","_Avatar2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Avatar3","Avatar","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","account","avatarUrl","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","fallback","component","default"],"sources":["../../../src/components/avatar/Avatar.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '~icons/lucide/circle-user'\n\nimport styles from './Avatar.styles.css'\n\n@customElement('solid-ui-avatar')\nexport default class Avatar extends WebComponent {\n  static styles = styles\n  static states = {\n    fallback: (component: Avatar) => !component.auth.account?.avatarUrl,\n  }\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    if (!this.auth.account?.avatarUrl) {\n      return html`\n          <icon-lucide-circle-user></icon-lucide-circle-user>\n      `\n    }\n\n    return html`\n        <img src=\"${this.auth.account?.avatarUrl}\" alt=\"\" />\n    `\n  }\n}\n"],"mappings":"69IAOwCO,EAAA,CAEvCP,EAAAA,cAAc,iBAAiB,CAAC,EAAA,IAAAQ,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAAAA,EAAAA,QAAAA,CAOtB,CAAEC,QAASV,EAAAA,YAAaW,UAAW,EAAK,CAAC,EAAC,QAAAC,EAPrD,cACoCf,EAAAA,OAAa,CAAAiB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAOVjB,EAAAA,oBAAoB,EAAA,CAAA,CAAA,IAAAO,IAAA,CAAA,OAAAW,EAAAb,EAAA,IAAA,CAAA,CAAA,IAAxCc,KAAIC,EAAA,CAAAC,EAAAhB,EAAA,KAAAe,CAAA,CAAA,CAEXE,QAAU,CAOlB,OANK,KAAKH,KAAKI,SAASC,UAMjB1B,EAAAA,IAAI;oBACK,KAAKqB,KAAKI,SAASC,UAAS;MANnC1B,EAAAA,IAAI;;OAQf,CACF,EAAC,CAAA2B,EAAA,CAAAR,EAAAD,GAAAU,EAAA,CAAAvB,EAAAwB,IAAAC,EAAAjB,EAAA,CAAA,CAAAH,EAAA,EAAA,MAAA,CAAA,EAAAN,EAAA,EAAA,IAAA,GApBmCN,EAAAA,OAAY,EAAAe,GAAAkB,EAAA,cAAAC,CAAA,CAAAjB,aAAA,CAAA,MAAAV,CAAA,EAAA4B,EAAA,KAAA,SAC9B9B,EAAAA,OAAM,EAAA8B,EAAA,KAAA,SACN,CACdC,SAAWC,GAAsB,CAACA,EAAUd,KAAKI,SAASC,SAC5D,CAAC,EAAAG,EAAA,CAAA,CAAA,EAAAI,EAAAF,EAAAzB,EAAA,IAAA,EAAA,EAAAyB"}
+{"version":3,"file":"Avatar.cjs.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","styles","_classDecs","_Avatar","_Avatar2","_A","WeakMap","_ref","_authDecs","context","subscribe","_Avatar3","Avatar","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_defineProperty","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","connectedCallback","loadProfile","unsubscribeSessionUpdated","onSessionUpdated","requestUpdate","disconnectedCallback","render","account","avatarUrl","e","c","_initClass","_applyDecs","_Class","_identity","fallback","component","default"],"sources":["../../../src/components/avatar/Avatar.ts"],"sourcesContent":["import { customElement, WebComponent } from '@/lib/components'\nimport { consume } from '@lit/context'\nimport { html } from 'lit'\nimport { authContext, AuthContext, DEFAULT_AUTH_CONTEXT } from '@/lib/auth'\n\nimport '~icons/lucide/circle-user'\n\nimport styles from './Avatar.styles.css'\n\n@customElement('solid-ui-avatar')\nexport default class Avatar extends WebComponent {\n  static styles = styles\n  static states = {\n    fallback: (component: Avatar) => !component.auth.account?.avatarUrl,\n  }\n\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  private unsubscribeSessionUpdated?: () => void\n\n  connectedCallback () {\n    super.connectedCallback()\n\n    this.auth.loadProfile?.()\n\n    this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => {\n      this.auth.loadProfile?.()\n      this.requestUpdate()\n    })\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n\n    this.unsubscribeSessionUpdated?.()\n  }\n\n  protected render () {\n    if (!this.auth.account?.avatarUrl) {\n      return html`\n          <icon-lucide-circle-user></icon-lucide-circle-user>\n      `\n    }\n\n    return html`\n        <img src=\"${this.auth.account?.avatarUrl}\" alt=\"\" />\n    `\n  }\n}\n"],"mappings":"69IAOwCO,EAAA,CAEvCP,EAAAA,cAAc,iBAAiB,CAAC,EAAA,IAAAQ,EAAA,IAAAC,GAAAC,EAAA,IAAAC,QAAAC,GAAAC,GAAAA,EAO9BX,EAAAA,QAAAA,CAAQ,CAAEY,QAASV,EAAAA,YAAaW,UAAW,EAAK,CAAC,EAAC,QAAAC,EAPrD,cACoCf,EAAAA,OAAa,CAAAiB,YAAA,GAAAC,EAAA,CAAA,MAAA,GAAAA,CAAA,EAAAC,EAAA,KAAAV,GAAAW,EAAA,IAAA,EAAAC,EAAA,KAOVjB,EAAAA,oBAAoB,EAAA,EAAAkB,EAAA,KAAA,4BAAA,IAAA,EAAA,CAAA,CAAA,IAAAX,IAAA,CAAA,OAAAY,EAAAd,EAAA,IAAA,CAAA,CAAA,IAAxCe,KAAIC,EAAA,CAAAC,EAAAjB,EAAA,KAAAgB,CAAA,CAAA,CAIrBE,mBAAqB,CACnB,MAAMA,kBAAkB,EAExB,KAAKH,KAAKI,cAAc,EAExB,KAAKC,0BAA4B,KAAKL,KAAKM,qBAAuB,CAChE,KAAKN,KAAKI,cAAc,EACxB,KAAKG,cAAc,CACrB,CAAC,CACH,CAEAC,sBAAwB,CACtB,MAAMA,qBAAqB,EAE3B,KAAKH,4BAA4B,CACnC,CAEUI,QAAU,CAOlB,OANK,KAAKT,KAAKU,SAASC,UAMjBjC,EAAAA,IAAI;oBACK,KAAKsB,KAAKU,SAASC,UAAS;MANnCjC,EAAAA,IAAI;;OAQf,CACF,EAAC,CAAAkC,EAAA,CAAAf,EAAAD,GAAAiB,EAAA,CAAA9B,EAAA+B,IAAAC,EAAAxB,EAAA,CAAA,CAAAH,EAAA,EAAA,MAAA,CAAA,EAAAN,EAAA,EAAA,IAAA,GAvCmCN,EAAAA,OAAY,EAAAe,GAAAyB,EAAA,cAAAC,CAAA,CAAAxB,aAAA,CAAA,MAAAV,CAAA,EAAAe,EAAA,KAAA,SAC9BjB,EAAAA,OAAM,EAAAiB,EAAA,KAAA,SACN,CACdoB,SAAWC,GAAsB,CAACA,EAAUnB,KAAKU,SAASC,SAC5D,CAAC,EAAAG,EAAA,CAAA,CAAA,EAAAhB,EAAAkB,EAAAhC,EAAA,IAAA,EAAA,EAAAgC"}

package/dist/components/avatar/Avatar.d.ts

@@ -5,6 +5,9 @@ export default class Avatar extends WebComponent {
         fallback: (component: Avatar) => boolean;
     };
     private accessor auth;
+    private unsubscribeSessionUpdated?;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     protected render(): import('lit-html').TemplateResult<1>;
 }
 //# sourceMappingURL=Avatar.d.ts.map

package/dist/components/avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAK9D,OAAO,2BAA2B,CAAA;AAKlC,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,YAAY;IAC9C,MAAM,CAAC,MAAM,0BAAS;IACtB,MAAM,CAAC,MAAM;8BACW,MAAM;MAC7B;IAGD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAoC;IAEzD,SAAS,CAAC,MAAM;CAWjB"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/avatar/Avatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAK9D,OAAO,2BAA2B,CAAA;AAKlC,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,YAAY;IAC9C,MAAM,CAAC,MAAM,0BAAS;IACtB,MAAM,CAAC,MAAM;8BACW,MAAM;MAC7B;IAGD,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAoC;IAEzD,OAAO,CAAC,yBAAyB,CAAC,CAAY;IAE9C,iBAAiB;IAWjB,oBAAoB;IAMpB,SAAS,CAAC,MAAM;CAWjB"}

package/dist/components/avatar/Avatar.esm.js

@@ -187,7 +187,7 @@ new (h = (l = /*#__PURE__*/ new WeakMap(), g = (p = a({
 	subscribe: !0
 }), "auth"), c = class extends r {
 	constructor(...t) {
-		super(...t), _(this, l, (u(this), m(this, e)));
+		super(...t), _(this, l, (u(this), m(this, e))), S(this, "unsubscribeSessionUpdated", void 0);
 	}
 	get [g]() {
 		return b(l, this);
@@ -195,6 +195,14 @@ new (h = (l = /*#__PURE__*/ new WeakMap(), g = (p = a({
 	set auth(e) {
 		y(l, this, e);
 	}
+	connectedCallback() {
+		super.connectedCallback(), this.auth.loadProfile?.(), this.unsubscribeSessionUpdated = this.auth.onSessionUpdated(() => {
+			this.auth.loadProfile?.(), this.requestUpdate();
+		});
+	}
+	disconnectedCallback() {
+		super.disconnectedCallback(), this.unsubscribeSessionUpdated?.();
+	}
 	render() {
 		return this.auth.account?.avatarUrl ? o`
         <img src="${this.auth.account?.avatarUrl}" alt="" />