solid-ui 3.1.3-0 → 3.1.3-2

package/dist/chunks/header-hptVqz21.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-hptVqz21.js","names":["html","phoneIcon","LitElement","html","css","authSession","authn","getSuggestedIssuers","offlineTestID","solidLogicSingleton","phoneIcon","downArrowIcon","LoginButton","properties","label","type","String","reflect","theme","issuerUrl","attribute","icon","layout","_popupOpen","state","_issuerInputValue","_dropdownOpen","styles","_issuerInputId","Math","random","toString","slice","_errorMsg","constructor","connectedCallback","disconnectedCallback","_openPopup","offline","_loginComplete","uri","localStorage","getItem","_closePopup","updated","dialog","shadowRoot","querySelector","open","showModal","close","_loginToIssuer","issuerUri","store","updater","flagAuthorizationMetadata","preLoginRedirectHash","URL","window","location","href","hash","setItem","locationUrl","login","err","message","requestUpdate","webIdUri","saveUser","dispatchEvent","CustomEvent","detail","webId","bubbles","composed","_handleGoClick","_toggleDropdown","_selectIssuerFromDropdown","_handleInputChange","e","target","value","_handleInputKeydown","key","_renderPopup","suggestedIssuers","length","map","issuerInfo","name","render","preventDefault","currentTarget","LoginButton","LOGIN_BUTTON_TAG_NAME","customElements","get","define","LitElement","html","css","DEFAULT_SIGNUP_URL","SignupButton","properties","label","type","String","reflect","theme","signupUrl","attribute","icon","layout","styles","constructor","_handleClick","window","open","render","SignupButton","SIGNUP_BUTTON_TAG_NAME","customElements","get","define","t","Features","DESIGN_SYSTEM_HEADER_ACCOUNT","LitElement","html","css","icons","authSession","authn","performServerSideLogout","ifDefined","Features","DEFAULT_HELP_MENU_ICON","DEFAULT_SOLID_ICON_URL","DEFAULT_SIGNUP_URL","DEFAULT_LOGGEDIN_MENU_BUTTON_AVATAR","iconBase","clearPersistedAuthState","window","explicitKeys","key","localStorage","removeItem","sessionStorage","indexedDB","databases","dbName","Promise","resolve","request","deleteDatabase","onsuccess","onerror","onblocked","_err","Header","properties","logo","type","String","reflect","helpIcon","attribute","layout","theme","brandLink","authState","loginAction","Object","signUpAction","accountMenu","Array","logoutLabel","logoutIcon","accountIcon","accountAvatar","accountAvatarFallback","loginIcon","signUpIcon","helpMenuList","accountMenuOpen","state","helpMenuOpen","hasSlottedAccountMenu","hasSlottedHelpMenu","authResolved","styles","_refreshPromise","handleAuthSessionChange","refreshAuthStateFromSession","catch","constructor","label","action","url","connectedCallback","document","addEventListener","handleDocumentClick","handleWindowKeydown","events","on","disconnectedCallback","removeEventListener","off","checkUser","currentUser","handleHelpMenuClick","item","event","preventDefault","dispatchEvent","CustomEvent","detail","bubbles","composed","target","features","undefined","open","handleAccountMenuClick","composedPath","includes","handleAccountSlotChange","slot","assignedElements","flatten","length","handleHelpSlotChange","toggleAccountMenu","hasAccountMenuItems","toggleHelpMenu","hasHelpMenuItems","Boolean","shouldRenderHelpMenu","renderLoggedInAvatar","avatar","wrapperClass","hasAvatar","imageSrc","imageAlt","renderLoggedOutActions","icon","handleLoginSuccess","role","handleLogout","issuer","getItem","logout","redirectedToServerLogout","postLogoutRedirectPath","renderAccountMenuItem","content","webid","renderLoggedInActions","e","map","renderUserArea","DESIGN_SYSTEM_HEADER_ACCOUNT","firstUpdated","shadowRoot","getElementById","classList","toggle","updated","changedProperties","has","render","Header","HEADER_TAG_NAME","customElements","get","define"],"sources":["../../src/v2/components/auth/loginButton/downArrow.ts","../../src/v2/components/auth/loginButton/LoginButton.ts","../../src/v2/components/auth/loginButton/index.ts","../../src/v2/components/auth/signupButton/SignupButton.ts","../../src/v2/components/auth/signupButton/index.ts","../../node_modules/lit-html/directives/if-defined.js","../../src/lib/features.ts","../../src/v2/components/layout/header/Header.ts","../../src/v2/components/layout/header/index.ts"],"sourcesContent":["import { html } from 'lit-html'\n\nexport const phoneIcon = html`\n  <svg xmlns=\"http://www.w3.org/2000/svg\" \n    viewBox=\"0 0 12 7\" \n    fill=\"none\"\n  >\n    <path d=\"M0.679688 0.678955L5.50729 5.50656L10.3349 0.678955\" stroke=\"#6A7282\" stroke-width=\"1.35776\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n  </svg>\n`\n","import { LitElement, html, css } from 'lit'\nimport { authSession, authn, getSuggestedIssuers, offlineTestID, solidLogicSingleton } from 'solid-logic'\nimport { phoneIcon as downArrowIcon } from './downArrow'\n\nexport class LoginButton extends LitElement {\n  static properties = {\n    label: { type: String, reflect: true },\n    theme: { type: String, reflect: true },\n    issuerUrl: { type: String, attribute: 'issuer-url', reflect: true },\n    icon: { type: String, reflect: true },\n    layout: { type: String, reflect: true },\n    _popupOpen: { state: true },\n    _issuerInputValue: { state: true },\n    _dropdownOpen: { state: true }\n  }\n\n  static styles = css`\n    :host { /* default theme */\n      display: inline-block;\n      position: relative;\n      z-index: 400;\n      --login-button-background: var(--lavender-900, #7c4cff);\n      --login-button-text: var(--color-header-text, #ffffff);\n      --popup-background: var(--color-background, #F8F9FB);\n      --popup-text: var(--color-text, #1A1A1A);\n      --popup-border: var(--color-border, #E5E7EB);\n      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));\n      --popup-overlay-background: rgba(0, 0, 0, 0.6);\n      --issuer-input-background: var(--color-background, #F8F9FB);\n      --issuer-input-text: var(--color-text, #1A1A1A);\n      --issuer-input-border: var(--color-text, #1A1A1A);\n      --issuer-button-background: var(--color-background, #F8F9FB);\n      --issuer-button-text: var(--color-text, #1A1A1A);\n      --issuer-button-border: var(--color-border, #E5E7EB);\n      --issuer-button-hover-background: var(--lavender-900, #7c4cff);\n      --issuer-label-color: var(--grey-purple-700, #1A1A1A);\n      --issuer-placeholder-color: var(--grey-purple-700, #5e546d);;\n      --error-text-color: var(--color-error, #B00020);\n    }\n\n    :host([theme='dark']) {\n      display: inline-block;\n      position: relative;\n      z-index: 900;\n      --login-button-background: var(--lavender-900, #7c4cff);\n      --login-button-text: var(--color-header-text, #ffffff);\n      --popup-background: var(--color-background, #F8F9FB);\n      --popup-text: var(--color-text, #1A1A1A);\n      --popup-border: var(--color-border, #E5E7EB);\n      --popup-shadow: var(--box-shadow-sm, 0 1px 4px rgba(124,77,255,0.12));\n      --popup-overlay-background: rgba(0, 0, 0, 0.6);\n      --issuer-input-background: var(--color-background, #F8F9FB);\n      --issuer-input-text: var(--color-text, #1A1A1A);\n      --issuer-input-border: var(--color-text, #1A1A1A);\n      --issuer-button-background: var(--color-background, #F8F9FB);\n      --issuer-button-text: var(--color-text, #1A1A1A);\n      --issuer-button-border: var(--color-text, #1A1A1A);\n      --issuer-button-hover-background: var(--lavender-900, #7c4cff);\n      --issuer-label-color: var(--grey-purple-700, #1A1A1A);\n      --issuer-placeholder-color: var(--grey-purple-700, #5e546d);;\n      --error-text-color: var(--color-error, #B00020);\n    }\n\n    .login-button {\n      display: flex;\n      height: 35px;\n      padding: var(--spacing-xxs, 0.3125rem) var(--spacing-xs, 0.75rem);\n      align-items: center;\n      gap: var(--spacing-xxs, 0.3125rem);\n      border-radius: var(--border-radius-base, 0.3125rem);\n      background: var(--login-button-background);\n      border: none;\n      color: var(--login-button-text);\n      cursor: pointer;\n      font: inherit;\n      line-height: 1;\n      white-space: nowrap;\n      text-decoration: none;\n      box-sizing: border-box;\n      transition: transform 0.2s ease;\n    }\n\n    .login-button-icon {\n      width: 16px;\n      height: 16px;\n      display: inline-block;\n      object-fit: contain;\n    }\n\n    .login-button:active {\n      transform: translateY(1px);\n    }\n\n    .popup-dialog {\n      border: none;\n      padding: 0;\n      background: transparent;\n      outline: none;\n      overflow: visible;\n      width: min(30rem, calc(100vw - 2rem));\n      max-width: calc(100vw - 2rem);\n      max-height: calc(100dvh - 2rem);\n    }\n\n    .popup-dialog::backdrop {\n      background: var(--popup-overlay-background, rgba(0, 0, 0, 0.6));\n    }\n\n    .popup-box {\n      background: var(--popup-background);\n      color: var(--popup-text);\n      box-shadow: var(--popup-shadow);\n      border: 1px solid var(--popup-border);\n      border-radius: var(--border-radius-md, 0.5rem);\n      width: min(30rem, calc(100vw - 2rem));\n      min-width: min(30rem, calc(100vw - 2rem));\n      max-width: calc(100vw - 2rem);\n      max-height: calc(100dvh - 2rem);\n      overflow: auto;\n      z-index: 1001;\n    }\n\n    .popup-top-menu {\n      border-bottom: 1px solid #DDD;\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      justify-content: space-between;\n      padding-bottom: 8px;\n      margin-bottom: 8px;\n      padding: 1rem;\n      background: var(--gray-200, #E5E7EB);\n    }\n\n    .popup-title {\n      font-weight: 800;\n    }\n\n    .popup-close {\n      background: transparent;\n      border: none;\n      cursor: pointer;\n      font-size: 1.25rem;\n      line-height: 1;\n      padding: 0 0.25rem;\n    }\n\n    .issuer-text-section {\n      display: flex;\n      flex-direction: column;\n      padding: 1rem 1rem 1.75rem;\n    }\n\n    .issuer-text-label {\n      color: var(--issuer-label-color);\n      margin-bottom: 6px;\n    }\n\n    .issuer-text-row {\n      display: flex;\n      flex-direction: row;\n      gap: 6px;\n      align-items: flex-start;\n    }\n\n    .issuer-input-wrapper {\n      flex: 1;\n      display: flex;\n      flex-direction: column;\n      min-width: 0;\n      position: relative;\n    }\n\n    .issuer-input-field-row {\n      display: flex;\n      flex-direction: row;\n      position: relative;\n    }\n\n    .issuer-text-input {\n      flex: 1;\n      padding: 0.375rem 2.75rem 0.375rem 0.5rem;\n      border: 1px solid var(--issuer-input-border);\n      border-radius: var(--border-radius-base, 0.3125rem);\n      background: var(--issuer-input-background);\n      color: var(--issuer-input-text);\n      font: inherit;\n      min-width: 0;\n    }\n\n    .issuer-text-input::placeholder {\n      color: var(--issuer-placeholder-color);\n    }\n\n    .issuer-dropdown-toggle {\n      position: absolute;\n      right: 6px;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 26px;\n      height: 26px;\n      padding: 0;\n      border: none;\n      background: transparent;\n      cursor: pointer;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      border-radius: var(--border-radius-base, 0.3125rem);\n    }\n\n    .issuer-dropdown-toggle:hover {\n      background: var(--color-header-menu-item-hover, #e6dcff);\n    }\n\n    .issuer-dropdown-toggle svg {\n      width: 14px;\n      height: 14px;\n      display: block;\n    }\n\n    .issuer-dropdown-list {\n      position: absolute;\n      top: calc(100% + 6px);\n      left: 0;\n      right: 0;\n      border: 1px solid var(--color-border, #E5E7EB);\n      border-top: none;\n      border-radius: 0 0 var(--border-radius-base, 0.3125rem) var(--border-radius-base, 0.3125rem);\n      background: var(--issuer-input-background);\n      overflow: visible;\n      z-index: 10;\n      box-shadow: 0 4px 12px rgba(124, 77, 255, 0.12);\n    }\n\n    .issuer-dropdown-item {\n      display: block;\n      width: 100%;\n      padding: 0.625rem 0.75rem;\n      border: none;\n      border-bottom: 1px solid var(--color-border, #E5E7EB);\n      background: transparent;\n      color: var(--issuer-button-text);\n      cursor: pointer;\n      font: inherit;\n      text-align: left;\n      box-sizing: border-box;\n    }\n\n    .issuer-dropdown-item:last-child {\n      border-bottom: none;\n    }\n\n    .issuer-dropdown-item:hover {\n      background: var(--color-header-menu-item-hover, #e6dcff);\n      border-radius: var(--border-radius-base-md, 0.5rem);\n    }\n\n    .popup-footer {\n      display: flex;\n      flex-direction: row;\n      justify-content: center;\n      gap: 8px;\n      padding: 0.75rem 1rem 1rem;\n    }\n\n    .popup-footer-hr {\n      margin: 0;\n      border: none;\n      border-top: 1px solid var(--popup-border, #E5E7EB);\n    }\n\n    .popup-cancel-button {\n      padding: 0.5rem 1.25rem;\n      border: 1px solid #C0BFC7;\n      border-radius: var(--border-radius-base, 0.3125rem);\n      background: var(--popup-background);\n      color: #314158;\n      cursor: pointer;\n      font: inherit;\n    }\n\n    .popup-cancel-button:hover {\n      background: #D1D5DB;\n    }\n\n    .popup-login-button {\n      padding: 0.5rem 1.25rem;\n      border: none;\n      border-radius: var(--border-radius-base, 0.3125rem);\n      background: var(--lavender-900, #7c4cff);\n      color: #ffffff;\n      cursor: pointer;\n      font: inherit;\n    }\n\n    .popup-login-button:hover {\n      background: #6a3de8;\n    }\n\n    .popup-login-button:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n\n    .error-msg {\n      color: var(--error-text-color);\n      font-size: 0.875rem;\n      margin-top: 8px;\n    }\n\n    @media (max-width: 40rem) {\n      .popup-dialog {\n        width: calc(100vw - 1rem);\n        max-width: calc(100vw - 1rem);\n        max-height: calc(100dvh - 1rem);\n      }\n\n      .popup-box {\n        width: calc(100vw - 1rem);\n        min-width: 0;\n        max-width: calc(100vw - 1rem);\n        max-height: calc(100dvh - 1rem);\n        border-radius: var(--border-radius-base, 0.3125rem);\n      }\n\n      .popup-top-menu,\n      .issuer-text-section,\n      .popup-footer {\n        padding-left: 0.75rem;\n        padding-right: 0.75rem;\n      }\n\n      .popup-footer {\n        flex-wrap: wrap;\n        gap: 0.625rem;\n      }\n\n      .popup-footer > button {\n        flex: 1 1 100%;\n      }\n\n      .issuer-text-row,\n      .issuer-input-field-row {\n        width: 100%;\n      }\n    }\n  `\n\n  declare label: string\n  declare theme: 'light' | 'dark'\n  declare issuerUrl: string\n  declare icon: string\n  declare layout: 'desktop' | 'mobile'\n  declare _popupOpen: boolean\n  declare _issuerInputValue: string\n  declare _dropdownOpen: boolean\n\n  private _issuerInputId = `issuer-url-input-${Math.random().toString(36).slice(2, 10)}`\n  private _errorMsg = ''\n\n  constructor () {\n    super()\n    this.label = 'Log In'\n    this.theme = 'light'\n    this.issuerUrl = ''\n    this.icon = ''\n    this.layout = 'desktop'\n    this._popupOpen = false\n    this._issuerInputValue = ''\n    this._dropdownOpen = false\n  }\n\n  connectedCallback () {\n    super.connectedCallback()\n  }\n\n  disconnectedCallback () {\n    super.disconnectedCallback()\n  }\n\n  private _openPopup () {\n    const offline = offlineTestID()\n    if (offline) {\n      this._loginComplete(offline.uri)\n      return\n    }\n    this._issuerInputValue = (typeof localStorage !== 'undefined' && localStorage.getItem('loginIssuer')) || this.issuerUrl || ''\n    this._errorMsg = ''\n    this._popupOpen = true\n  }\n\n  private _closePopup () {\n    this._popupOpen = false\n  }\n\n  updated () {\n    const dialog = this.shadowRoot?.querySelector('dialog') as HTMLDialogElement | null\n    if (!dialog) return\n    if (this._popupOpen && !dialog.open) {\n      dialog.showModal()\n    } else if (!this._popupOpen && dialog.open) {\n      dialog.close()\n    }\n  }\n\n  private async _loginToIssuer (issuerUri: string) {\n    if (!issuerUri) return\n    try {\n      // clear authorization metadata from store\n      ;(solidLogicSingleton.store.updater as any).flagAuthorizationMetadata()\n\n      const preLoginRedirectHash = new URL(window.location.href).hash\n      if (preLoginRedirectHash) {\n        window.localStorage.setItem('preLoginRedirectHash', preLoginRedirectHash)\n      }\n      window.localStorage.setItem('loginIssuer', issuerUri)\n\n      const locationUrl = new URL(window.location.href)\n      locationUrl.hash = ''\n      await authSession.login(issuerUri, locationUrl.href)\n    } catch (err: any) {\n      this._errorMsg = err.message || String(err)\n      this.requestUpdate()\n    }\n  }\n\n  private _loginComplete (webIdUri: string) {\n    authn.saveUser(webIdUri)\n    this.dispatchEvent(new CustomEvent('login-success', {\n      detail: { webId: webIdUri },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private _handleGoClick () {\n    this._dropdownOpen = false\n    this._loginToIssuer(this._issuerInputValue)\n  }\n\n  private _toggleDropdown () {\n    this._dropdownOpen = !this._dropdownOpen\n  }\n\n  private _selectIssuerFromDropdown (uri: string) {\n    this._issuerInputValue = uri\n    this._dropdownOpen = false\n  }\n\n  private _handleInputChange (e: Event) {\n    this._issuerInputValue = (e.target as HTMLInputElement).value\n  }\n\n  private _handleInputKeydown (e: KeyboardEvent) {\n    if (e.key === 'Enter') {\n      this._loginToIssuer(this._issuerInputValue)\n    }\n    if (e.key === 'Escape') {\n      this._closePopup()\n    }\n  }\n\n  private _renderPopup () {\n    const suggestedIssuers = getSuggestedIssuers()\n    return html`\n      <div class=\"popup-box\">\n          <div class=\"popup-top-menu\">\n            <span class=\"popup-title\">Select an identity provider</span>\n            <button class=\"popup-close\" type=\"button\" aria-label=\"Close\" @click=\"${() => this._closePopup()}\">&#x2715;</button>\n          </div>\n\n          <div class=\"issuer-text-section\">\n            <label class=\"issuer-text-label\" for=\"${this._issuerInputId}\">Solid Identity Provider</label>\n            <div class=\"issuer-text-row\">\n              <div class=\"issuer-input-wrapper\">\n                <div class=\"issuer-input-field-row\">\n                  <input\n                    id=\"${this._issuerInputId}\"\n                    class=\"issuer-text-input\"\n                    type=\"text\"\n                    placeholder=\"https://example.com\"\n                    .value=\"${this._issuerInputValue}\"\n                    @input=\"${this._handleInputChange}\"\n                    @keydown=\"${this._handleInputKeydown}\"\n                    autocomplete=\"url\"\n                  />\n                  ${suggestedIssuers.length\n? html`\n                    <button\n                      class=\"issuer-dropdown-toggle\"\n                      type=\"button\"\n                      aria-label=\"Show identity provider suggestions\"\n                      aria-expanded=\"${this._dropdownOpen}\"\n                      @click=\"${() => this._toggleDropdown()}\"\n                    >${downArrowIcon}</button>\n                  `\n: ''}\n                </div>\n                ${this._dropdownOpen && suggestedIssuers.length\n? html`\n                  <div class=\"issuer-dropdown-list\" role=\"listbox\">\n                    ${suggestedIssuers.map(issuerInfo => html`\n                      <button\n                        class=\"issuer-dropdown-item\"\n                        type=\"button\"\n                        role=\"option\"\n                        @click=\"${() => this._selectIssuerFromDropdown(issuerInfo.uri)}\"\n                      >${issuerInfo.name}</button>\n                    `)}\n                  </div>\n                `\n: ''}\n              </div>\n            </div>\n            ${this._errorMsg ? html`<div class=\"error-msg\">${this._errorMsg}</div>` : ''}\n          </div>\n          <hr class=\"popup-footer-hr\" />\n          <div class=\"popup-footer\">\n            <button class=\"popup-cancel-button\" type=\"button\" @click=\"${() => this._closePopup()}\">Cancel</button>\n            <button\n              class=\"popup-login-button\"\n              type=\"button\"\n              ?disabled=\"${!this._issuerInputValue}\"\n              @click=\"${() => this._handleGoClick()}\"\n            >Log In</button>\n          </div>\n        </div>\n    `\n  }\n\n  render () {\n    return html`\n      <button\n        class=\"login-button\"\n        type=\"button\"\n        part=\"login-button\"\n        @click=\"${() => this._openPopup()}\"\n      >\n        ${this.icon ? html`<img class=\"login-button-icon\" src=\"${this.icon}\" alt=\"\" aria-hidden=\"true\" part=\"login-button-icon\" />` : ''}\n        <slot>${this.label}</slot>\n      </button>\n\n      <dialog\n        class=\"popup-dialog\"\n        role=\"dialog\"\n        aria-modal=\"true\"\n        aria-label=\"Select an identity provider\"\n        @cancel=\"${(e: Event) => { e.preventDefault(); this._closePopup() }}\"\n        @click=\"${(e: MouseEvent) => { if (e.target === e.currentTarget) this._closePopup() }}\"\n      >\n        ${this._popupOpen ? this._renderPopup() : ''}\n      </dialog>\n    `\n  }\n}\n","import { LoginButton } from './LoginButton'\n\nexport { LoginButton }\n\nconst LOGIN_BUTTON_TAG_NAME = 'solid-ui-login-button'\n\nif (!customElements.get(LOGIN_BUTTON_TAG_NAME)) {\n  customElements.define(LOGIN_BUTTON_TAG_NAME, LoginButton)\n}\n","import { LitElement, html, css } from 'lit'\n\nconst DEFAULT_SIGNUP_URL = 'https://solidproject.org/get_a_pod'\n\nexport class SignupButton extends LitElement {\n  static properties = {\n    label: { type: String, reflect: true },\n    theme: { type: String, reflect: true },\n    signupUrl: { type: String, attribute: 'signup-url', reflect: true },\n    icon: { type: String, reflect: true },\n    layout: { type: String, reflect: true }\n  }\n\n  static styles = css`\n    :host {\n      display: inline-block;\n      --signup-button-background: transparent;\n      --signup-button-border: var(--color-border, #E5E7EB);\n      --signup-button-text: var(--color-header-text, #ffffff);\n    }\n\n    :host([theme='dark']) {\n      --signup-button-background: transparent;\n      --signup-button-border: var(--color-border, #E5E7EB);\n      --signup-button-text: var(--color-header-text, #ffffff);\n    }\n\n    .signup-button {\n      display: flex;\n      height: 35px;\n      padding: var(--spacing-xxs, 0.3125rem) var(--spacing-xs, 0.75rem);\n      align-items: center;\n      gap: var(--spacing-xxs, 0.3125rem);\n      border-radius: var(--border-radius-base, 0.3125rem);\n      background: var(--signup-button-background);\n      border: 1px solid var(--signup-button-border);\n      color: var(--signup-button-text);\n      cursor: pointer;\n      font: inherit;\n      line-height: 1;\n      white-space: nowrap;\n      text-decoration: none;\n      box-sizing: border-box;\n      transition: transform 0.2s ease;\n    }\n\n    :host([layout='mobile']) .signup-button {\n      border: none;\n    }\n\n    .signup-button-icon {\n      width: 16px;\n      height: 16px;\n      display: inline-block;\n      object-fit: contain;\n    }\n\n    .signup-button:active {\n      transform: translateY(1px);\n    }\n  `\n\n  declare label: string\n  declare theme: 'light' | 'dark'\n  declare signupUrl: string\n  declare icon: string\n  declare layout: 'desktop' | 'mobile'\n\n  constructor () {\n    super()\n    this.label = 'Sign Up'\n    this.signupUrl = DEFAULT_SIGNUP_URL\n    this.theme = 'light'\n    this.icon = ''\n    this.layout = 'desktop'\n  }\n\n  private _handleClick () {\n    window.open(this.signupUrl, '_blank', 'noopener,noreferrer')\n  }\n\n  render () {\n    return html`\n      <button\n        class=\"signup-button\"\n        type=\"button\"\n        part=\"signup-button\"\n        @click=\"${() => this._handleClick()}\"\n      >\n        ${this.icon ? html`<img class=\"signup-button-icon\" src=\"${this.icon}\" alt=\"\" aria-hidden=\"true\" part=\"signup-button-icon\" />` : ''}\n        <slot>${this.label}</slot>\n      </button>\n    `\n  }\n}\n","import { SignupButton } from './SignupButton'\n\nexport { SignupButton }\n\nconst SIGNUP_BUTTON_TAG_NAME = 'solid-ui-signup-button'\n\nif (!customElements.get(SIGNUP_BUTTON_TAG_NAME)) {\n  customElements.define(SIGNUP_BUTTON_TAG_NAME, SignupButton)\n}\n","import{nothing as t}from\"../lit-html.js\";\n/**\n * @license\n * Copyright 2018 Google LLC\n * SPDX-License-Identifier: BSD-3-Clause\n */const o=o=>o??t;export{o as ifDefined};\n//# sourceMappingURL=if-defined.js.map\n","/**\n * This file is used to enable or disable experimental features using feature flags.\n */\n\nconst Features = {\n  DESIGN_SYSTEM_HEADER_ACCOUNT: true,\n}\n\nexport default Features\n","import { LitElement, html, css } from 'lit'\nimport { icons } from '../../../../lib/iconBase'\nimport { authSession, authn, performServerSideLogout } from 'solid-logic'\nimport '../../auth/loginButton/index'\nimport '../../auth/signupButton/index'\nimport { ifDefined } from 'lit/directives/if-defined.js'\n\nimport '@/components/account'\nimport '@/components/provider'\nimport Features from '../../../../lib/features'\n\nconst DEFAULT_HELP_MENU_ICON = ''\nconst DEFAULT_SOLID_ICON_URL = 'https://solidproject.org/assets/img/solid-emblem.svg'\nconst DEFAULT_SIGNUP_URL = 'https://solidproject.org/get_a_pod'\nconst DEFAULT_LOGGEDIN_MENU_BUTTON_AVATAR = icons.iconBase + 'emptyProfileAvatar.png'\n\nasync function clearPersistedAuthState (): Promise<void> {\n  if (typeof window === 'undefined') {\n    return\n  }\n\n  const explicitKeys = ['loginIssuer', 'preLoginRedirectHash']\n  for (const key of explicitKeys) {\n    window.localStorage.removeItem(key)\n    window.sessionStorage.removeItem(key)\n  }\n\n  if (typeof indexedDB === 'undefined') {\n    return\n  }\n\n  const databases = ['soidc', 'solid-client-authn-store', 'solid-client-authn']\n  for (const dbName of databases) {\n    await new Promise<void>((resolve) => {\n      try {\n        const request = indexedDB.deleteDatabase(dbName)\n        request.onsuccess = () => resolve()\n        request.onerror = () => resolve()\n        request.onblocked = () => resolve()\n      } catch (_err) {\n        resolve()\n      }\n    })\n  }\n}\n\nexport type HeaderAuthState = 'logged-out' | 'logged-in'\n\nexport type HeaderMenuItem = {\n  label: string\n  url?: string\n  target?: string\n  action?: string\n  icon?: string\n}\n\nexport type HeaderAccountMenuItem = HeaderMenuItem & {\n  avatar?: string\n  webid?: string\n}\n\nexport class Header extends LitElement {\n  static properties = {\n    logo: { type: String, reflect: true },\n    helpIcon: { type: String, attribute: 'help-icon', reflect: true },\n    layout: { type: String, reflect: true },\n    theme: { type: String, reflect: true },\n    brandLink: { type: String, attribute: 'brand-link', reflect: true },\n    authState: { type: String, attribute: 'auth-state', reflect: true },\n    loginAction: { type: Object, attribute: false },\n    signUpAction: { type: Object, attribute: false },\n    accountMenu: { type: Array, attribute: false },\n    logoutLabel: { type: String, attribute: 'logout-label', reflect: true },\n    logoutIcon: { type: String, attribute: 'logout-icon', reflect: true },\n    accountIcon: { type: String, attribute: 'account-icon', reflect: true },\n    accountAvatar: { type: String, attribute: 'account-avatar', reflect: true },\n    accountAvatarFallback: { type: String, attribute: 'account-avatar-fallback', reflect: true },\n    loginIcon: { type: String, attribute: 'login-icon', reflect: true },\n    signUpIcon: { type: String, attribute: 'sign-up-icon', reflect: true },\n    helpMenuList: { type: Array },\n    accountMenuOpen: { state: true },\n    helpMenuOpen: { state: true },\n    hasSlottedAccountMenu: { state: true },\n    hasSlottedHelpMenu: { state: true },\n    authResolved: { state: true }\n  }\n\n  static styles = css`\n  :host { /* default theme */\n    display: block;\n    --header-bg: var(--color-header-row-bg, #332746);\n    --header-text: var(--color-header-text, #ffffff);\n    --header-border: var(--color-border, #efecf3);\n    --header-line: var(--color-header-menu-separator-line, #5e546d);\n    --header-link: var(--color-text-heading, #000000);\n    --header-menu-item-hover: var(--color-header-menu-item-hover, #e6dcff);\n    --header-menu-item-selected: var(--color-header-menu-item-selected, #cbb9ff);\n    --header-menu-bg: var(--color-menu-bg, #f6f5f9);\n    --header-menu-loggedin-bg: var(--color-header-menu-loggedin-bg, #5e546d);\n    --header-menu-text: var(--color-menu-item-text, #654d6c);\n    --header-border-radius: var(--border-radius-sm, 0.2rem);\n    --header-button-bg: var(--color-menu-bg, #ffffff);\n    --header-button-text: var(--color-header-button-text, #0F172B);\n    --header-button-detail-text: var(--color-header-button-detail-text, #99A1AF);\n    --header-shadow: var(--color-header-shadow, 2px 6px 10px 0 rgba(0, 0, 0, 0.4), 2px 8px 24px 0 rgba(0, 0, 0, 0.19));\n    font-family: var(--font-family-base, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif);\n  }\n\n  /* for now light and dark are the same */\n  :host([theme='dark']) {\n    display: block;\n    --header-bg: var(--color-header-row-bg, #332746);\n    --header-text: var(--color-header-text, #ffffff);\n    --header-border: var(--color-border, #efecf3);\n    --header-line: var(--color-header-menu-separator-line, #5e546d);\n    --header-link: var(--color-text-heading, #000000);\n    --header-menu-item-hover: var(--color-header-menu-item-hover, #e6dcff);\n    --header-menu-item-selected: var(--color-header-menu-item-selected, #cbb9ff);\n    --header-menu-bg: var(--color-menu-bg, #f6f5f9);\n    --header-menu-loggedin-bg: var(--color-header-menu-loggedin-bg, #5e546d);\n    --header-menu-text: var(--color-menu-item-text, #654d6c);\n    --header-border-radius: var(--border-radius-sm, 0.2rem);\n    --header-button-bg: var(--color-menu-bg, #ffffff);\n    --header-button-text: var(--color-header-button-text, #0f172a);\n    --header-button-detail-text: var(--color-header-button-detail-text, #878192);\n    --header-icon-filter: invert(1) brightness(1.3); /* special way to invert SVG color of icons, from white to black */\n    --header-shadow: var(--color-header-shadow, 2px 6px 10px 0 rgba(0, 0, 0, 0.4), 2px 8px 24px 0 rgba(0, 0, 0, 0.19));\n    font-family: var(--font-family-base, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif);\n  }\n\n  :host([layout='mobile']) .headerInner {\n    flex-wrap: wrap;\n    text-align: center;\n    gap: 0.5rem;\n  }\n\n  .headerInner {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: var(--header-bg);\n    color: var(--header-text);\n    padding: 0 1.5rem;\n    height: 3.75rem;\n  }\n\n  ::slotted([slot='navigation-toggle']) {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    margin-right: 0.75rem;\n  }\n\n  :host([layout='desktop']) ::slotted([slot='navigation-toggle']) {\n    display: none !important;\n  }\n\n  .brand {\n    display: flex;\n    align-items: center;\n    gap: 0.5rem;\n    text-decoration: none;\n    color: inherit;\n  }\n\n  .brand-not-displayed {\n    display: none;\n  }\n\n  .brand img {\n    height: 50px;\n    width: 55px;\n    object-fit: contain;\n  }\n\n  .menu {\n    display: flex;\n    align-items: center;\n    gap: 0.625rem;\n    margin-left: auto;\n  }\n\n  .auth-actions {\n    display: flex;\n    align-items: center;\n    gap: 0.625rem;\n  }\n\n  .auth-button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.5rem;\n    min-height: 2.25rem;\n    padding: 0.5rem 0.875rem;\n    border: 1px solid var(--header-border);\n    border-radius: 999px;\n    background: var(--header-menu-bg);\n    color: var(--header-button-text);\n    cursor: pointer;\n    font: inherit;\n    line-height: 1;\n    text-decoration: none;\n    box-sizing: border-box;\n    transition: border-color 0.2s ease, transform 0.2s ease;\n  }\n\n  .auth-button:hover {\n    border-color: var(--header-menu-item-hover);\n  }\n\n  .auth-button:active {\n    transform: translateY(1px);\n  }\n\n  .auth-button-sign-up {\n    background: color-mix(in srgb, var(--header-menu-bg) 78%, var(--header-menu-item-selected) 22%);\n  }\n\n  .header-menu-separator {\n    background: var(--header-line);\n    width: 1px;\n    height: 2.3rem;\n  }\n\n  .account-menu-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n  }\n\n  .account-menu-trigger {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.625rem;\n    min-height: 2.5rem;\n    border: 1px solid var(--header-menu-loggedin-bg);\n    border-radius: 999px;\n    background: var(--header-menu-loggedin-bg);\n    color: var(--header-button-text);\n    cursor: pointer;\n    font: inherit;\n    line-height: 1;\n  }\n\n  :host([layout='mobile']) .account-menu-trigger {\n    gap: 0;\n    min-height: auto;\n    padding: 0;\n    border: 1.5px solid var(--header-border);\n    background: var(--header-menu-loggedin-bg);\n  }\n\n  :host([layout='mobile']) .account-menu-trigger-label {\n    display: none;\n  }\n\n  .account-menu-trigger:disabled {\n    cursor: default;\n    opacity: 0.7;\n  }\n\n  .account-menu-trigger-icon {\n    width: 1rem;\n    height: 1rem;\n    object-fit: contain;\n    flex-shrink: 0;\n  }\n\n  .account-avatar,\n  .account-menu-avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    overflow: hidden;\n    background: color-mix(in srgb, var(--header-bg) 18%, #ded8e7 82%);\n    color: var(--header-button-text);\n    font-size: 0.75rem;\n    font-weight: 600;\n    text-transform: uppercase;\n  }\n\n  .account-avatar {\n    width: 1.75rem;\n    height: 1.75rem;\n    border-radius: 999px;\n    border: 1.5px solid var(--header-border);\n  }\n\n  .account-menu-avatar {\n    width: 2rem;\n    height: 2rem;\n    border-radius: 0.5rem;\n  }\n\n  .account-avatar img,\n  .account-menu-avatar img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n  }\n\n  .account-avatar-img {\n    width: 1.75rem;\n    height: 1.75rem;\n    border-radius: 999px;\n    object-fit: cover;\n    background-color: var(--header-border);\n  }\n\n  .account-dropdown {\n    position: absolute;\n    top: calc(100% + 0.9rem);\n    right: 0;\n    min-width: 15rem;\n    padding: 0.5rem;\n    background: var(--header-button-bg);\n    border: 1px solid var(--header-border);\n    border-radius: var(--header-border-radius);\n    box-shadow: var(--header-shadow);\n    z-index: 10;\n  }\n\n  .account-dropdown[hidden] {\n    display: none;\n  }\n\n  .account-menu-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n  }\n\n  .account-menu-item-link,\n  .account-menu-item-button,\n  ::slotted([slot='account-menu']) {\n    display: flex;\n    align-items: center;\n    gap: 0.625rem;\n    width: 100%;\n    box-sizing: border-box;\n    color: var(--header-link);\n    text-decoration: none;\n    background: transparent;\n    border: 1px solid transparent;\n    border-radius: 10px;\n    padding: 0.5rem;\n    cursor: pointer;\n    font: inherit;\n    text-align: left;\n  }\n\n  .account-menu-item-link:hover,\n  .account-menu-item-button:hover {\n    color: var(--header-link);\n    background: var(--header-menu-item-hover);\n    border-color: var(--header-menu-item-hover);\n  }\n\n  .account-menu-item-link:active,\n  .account-menu-item-button:active {\n    color: var(--header-link);\n    background: var(--header-menu-item-selected);\n    border-color: var(--header-menu-item-selected);\n    transform: translateY(1px);\n  }\n\n  .account-switch {\n    display: block;\n    width: 100%;\n    color: var(--header-menu-text);\n    text-align: left;\n    text-transform: uppercase;\n    font-size: 80%;\n  }\n\n  .dropdown-menu-separator {\n    display: block;\n    width: calc(100% + 1rem);\n    margin: 0.5rem -0.5rem;\n    border: 0;\n    border-top: 1px solid var(--header-border);\n  }\n\n  .account-menu-copy {\n    display: flex;\n    flex-direction: column;\n    min-width: 0;\n  }\n\n  .account-menu-label {\n    color: var(--header-button-text);\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .account-menu-webid {\n    color: var(--header-button-detail-text);\n    font-size: 0.5rem;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  }\n\n  .help-menu-container {\n    position: relative;\n    display: flex;\n    align-items: center;\n    background: transparent;\n  }\n\n  .help-menu-trigger {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 0;\n    border: 0;\n    background: transparent;\n    cursor: pointer;\n  }\n\n  .help-menu-trigger:disabled {\n    cursor: default;\n  }\n\n  .help-dropdown {\n    position: absolute;\n    top: calc(100% + 0.9rem);\n    right: 0;\n    min-width: 12rem;\n    padding: 0.5rem;\n    background: var(--header-button-bg);\n    border: 1px solid var(--header-border);\n    border-radius: var(--header-border-radius);\n    box-shadow: var(--header-shadow);\n    z-index: 10;\n  }\n\n  .help-dropdown[hidden] {\n    display: none;\n  }\n\n  .help-dropdown-content {\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n  }\n\n  .help-menu-list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem;\n  }\n\n  .help-menu-list a,\n  .help-menu-list button,\n  ::slotted([slot='help-menu']) {\n    display: block;\n    width: 100%;\n    box-sizing: border-box;\n    color: var(--header-link);\n    text-decoration: none;\n    background: transparent;\n    border: 1px solid transparent;\n    border-radius: 4px;\n    padding: 0.375rem 0.5rem;\n    cursor: pointer;\n    font: inherit;\n    text-align: left;\n  }\n\n  .help-menu-list a:hover,\n  .help-menu-list button:hover {\n    color: var(--header-link);\n    background: var(--header-menu-item-hover);\n    border-color: var(--header-menu-item-hover);\n  }\n\n  .help-menu-list a:active,\n  .help-menu-list button:active {\n    color: var(--header-link);\n    background: var(--header-menu-item-selected);\n    border-color: var(--header-menu-item-selected);\n    transform: translateY(1px);\n  }\n\n  ::slotted(a), ::slotted(button) {\n    color: var(--header-link);\n    text-decoration: none;\n    background: var(--header-button-bg);\n    border: 1px solid var(--header-border);\n    border-radius: 4px;\n    padding: 0.25rem 0.5rem;\n    cursor: pointer;\n    font: inherit;\n  }\n\n  .help-icon {\n    width: 35px;\n    height: 35px;\n    cursor: pointer;\n  }\n\n  .help-text {\n    color: var(--header-text, #ffffff);\n    font: inherit;\n  }\n\n  .logout-action-icon {\n    width: 16px;\n    height: 16px;\n    display: inline-block;\n    object-fit: contain;\n    margin-right: 0.5rem;\n  }\n  `\n\n  declare logo: string\n  declare helpIcon: string\n  declare layout: 'desktop' | 'mobile'\n  declare theme: 'light' | 'dark'\n  declare brandLink: string\n  declare authState: HeaderAuthState\n  declare loginAction: HeaderMenuItem\n  declare signUpAction: HeaderMenuItem\n  declare accountMenu: HeaderAccountMenuItem[]\n  declare logoutLabel: string | null\n  declare logoutIcon: string\n  declare accountIcon: string\n  declare accountAvatar: string\n  declare accountAvatarFallback: string\n  declare loginIcon: string\n  declare signUpIcon: string\n  declare helpMenuList: HeaderMenuItem[]\n  declare accountMenuOpen: boolean\n  declare helpMenuOpen: boolean\n  declare hasSlottedAccountMenu: boolean\n  declare hasSlottedHelpMenu: boolean\n  declare authResolved: boolean\n  private _refreshPromise: Promise<void> | null = null\n\n  private readonly handleAuthSessionChange = () => {\n    this.refreshAuthStateFromSession().catch(() => {\n      // Keep auth event handling resilient on transient refresh failures.\n    })\n  }\n\n  constructor () {\n    super()\n    this.logo = DEFAULT_SOLID_ICON_URL\n    this.helpIcon = DEFAULT_HELP_MENU_ICON\n    this.layout = 'desktop'\n    this.theme = 'light'\n    this.brandLink = '#'\n    this.authState = 'logged-out'\n    this.loginAction = { label: 'Log In', action: 'login' }\n    this.signUpAction = { label: 'Sign Up', action: 'sign-up', url: DEFAULT_SIGNUP_URL }\n    this.accountMenu = []\n    this.logoutLabel = 'Log Out'\n    this.logoutIcon = ''\n    this.accountIcon = '▼'\n    this.accountAvatar = ''\n    this.accountAvatarFallback = ''\n    this.loginIcon = ''\n    this.signUpIcon = ''\n    this.helpMenuList = []\n    this.accountMenuOpen = false\n    this.helpMenuOpen = false\n    this.hasSlottedAccountMenu = false\n    this.hasSlottedHelpMenu = false\n    this.authResolved = false\n  }\n\n  connectedCallback () {\n    super.connectedCallback()\n    document.addEventListener('click', this.handleDocumentClick)\n    window.addEventListener('keydown', this.handleWindowKeydown)\n    if (typeof authSession.events?.on === 'function') {\n      authSession.events.on('login', this.handleAuthSessionChange)\n      authSession.events.on('logout', this.handleAuthSessionChange)\n      authSession.events.on('sessionRestore', this.handleAuthSessionChange)\n    }\n    this.refreshAuthStateFromSession().catch(() => {\n      // Keep initial header render resilient on transient refresh failures.\n    })\n  }\n\n  disconnectedCallback () {\n    document.removeEventListener('click', this.handleDocumentClick)\n    window.removeEventListener('keydown', this.handleWindowKeydown)\n    if (typeof authSession.events?.off === 'function') {\n      authSession.events.off('login', this.handleAuthSessionChange)\n      authSession.events.off('logout', this.handleAuthSessionChange)\n      authSession.events.off('sessionRestore', this.handleAuthSessionChange)\n    }\n    super.disconnectedCallback()\n  }\n\n  private async refreshAuthStateFromSession () {\n    if (!this._refreshPromise) {\n      this._refreshPromise = (async () => {\n        try {\n          await authn.checkUser()\n          // Some auth stacks resolve session state asynchronously after first check.\n          if (!authn.currentUser()) {\n            await authn.checkUser()\n          }\n        } catch (_err) {\n          // Keep rendering even if session refresh cannot complete.\n        }\n      })()\n    }\n\n    try {\n      await this._refreshPromise\n    } finally {\n      this._refreshPromise = null\n    }\n\n    this.authState = authn.currentUser() ? 'logged-in' : 'logged-out'\n    this.authResolved = true\n  }\n\n  private handleHelpMenuClick (item: HeaderMenuItem, event: MouseEvent) {\n    event.preventDefault()\n    this.helpMenuOpen = false\n    this.dispatchEvent(new CustomEvent('help-menu-select', {\n      detail: item,\n      bubbles: true,\n      composed: true\n    }))\n    if (item.url) {\n      const target = item.target || '_blank'\n      const features = target === '_blank' ? 'noopener,noreferrer' : undefined\n      window.open(item.url, target, features)\n    }\n  }\n\n  private handleAccountMenuClick (item: HeaderAccountMenuItem) {\n    this.accountMenuOpen = false\n    this.dispatchEvent(new CustomEvent('account-menu-select', {\n      detail: item,\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private readonly handleDocumentClick = (event: MouseEvent) => {\n    if (!event.composedPath().includes(this)) {\n      this.accountMenuOpen = false\n      this.helpMenuOpen = false\n    }\n  }\n\n  private readonly handleWindowKeydown = (event: KeyboardEvent) => {\n    if (event.key === 'Escape' && (this.accountMenuOpen || this.helpMenuOpen)) {\n      this.accountMenuOpen = false\n      this.helpMenuOpen = false\n    }\n  }\n\n  private handleAccountSlotChange (event: Event) {\n    const slot = event.target as HTMLSlotElement\n    this.hasSlottedAccountMenu = slot.assignedElements({ flatten: true }).length > 0\n  }\n\n  private handleHelpSlotChange (event: Event) {\n    const slot = event.target as HTMLSlotElement\n    this.hasSlottedHelpMenu = slot.assignedElements({ flatten: true }).length > 0\n  }\n\n  private toggleAccountMenu (event: MouseEvent) {\n    event.preventDefault()\n    if (!this.hasAccountMenuItems()) return\n    this.helpMenuOpen = false\n    this.accountMenuOpen = !this.accountMenuOpen\n  }\n\n  private toggleHelpMenu (event: MouseEvent) {\n    event.preventDefault()\n    if (!this.hasHelpMenuItems()) return\n    this.accountMenuOpen = false\n    this.helpMenuOpen = !this.helpMenuOpen\n  }\n\n  private hasAccountMenuItems () {\n    return Boolean(this.accountMenu?.length || this.hasSlottedAccountMenu || this.logoutLabel)\n  }\n\n  private hasHelpMenuItems () {\n    return Boolean(this.helpMenuList?.length || this.hasSlottedHelpMenu)\n  }\n\n  private shouldRenderHelpMenu () {\n    return this.layout !== 'mobile' && this.hasHelpMenuItems()\n  }\n\n  private renderLoggedInAvatar (avatar?: string, wrapperClass = 'account-avatar') {\n    const hasAvatar = Boolean(avatar)\n    const imageSrc = hasAvatar ? avatar : this.accountAvatarFallback || DEFAULT_LOGGEDIN_MENU_BUTTON_AVATAR\n    const imageAlt = hasAvatar ? 'Profile Avatar' : 'Default Avatar'\n\n    if (this.layout === 'mobile' && wrapperClass === 'account-avatar') {\n      return html`<img class=\"account-avatar-img\" src=\"${imageSrc}\" alt=\"${imageAlt}\" />`\n    }\n\n    return html`\n      <span class=\"${wrapperClass}\" aria-hidden=\"true\">\n        <img src=\"${imageSrc}\" alt=\"${imageAlt}\" />\n      </span>\n    `\n  }\n\n  private renderLoggedOutActions () {\n    return html`\n      <div class=\"auth-actions\" part=\"auth-actions\">\n        <slot name=\"login-action\">\n          <solid-ui-login-button\n            label=\"${this.loginAction.label}\"\n            icon=${ifDefined(this.layout !== 'mobile' ? (this.loginIcon || this.loginAction.icon) : undefined)}\n            layout=\"${this.layout}\"\n            theme=\"${this.theme}\"\n            part=\"login-action\"\n            @login-success=\"${() => this.handleLoginSuccess()}\"\n          ></solid-ui-login-button>\n        </slot>\n        <slot name=\"sign-up-action\">\n          <solid-ui-signup-button\n            label=\"${this.signUpAction.label}\"\n            signup-url=\"${ifDefined(this.signUpAction.url)}\"\n            layout=\"${this.layout}\"\n            .icon=${ifDefined(this.layout !== 'mobile' ? (this.signUpIcon || this.signUpAction.icon) : undefined)}\n            theme=\"${this.theme}\"\n            part=\"sign-up-action\"\n          ></solid-ui-signup-button>\n        </slot>\n      </div>\n    `\n  }\n\n  private async handleLoginSuccess () {\n    await this.refreshAuthStateFromSession()\n    this.dispatchEvent(new CustomEvent('auth-action-select', {\n      detail: { role: 'login' },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private async handleLogout () {\n    this.accountMenuOpen = false\n    const issuer = window.localStorage.getItem('loginIssuer') || ''\n\n    try {\n      await authSession.logout()\n    } catch (_err) {\n      // logout errors are non-fatal — proceed to clear state\n    }\n\n    await clearPersistedAuthState()\n\n    const redirectedToServerLogout = await performServerSideLogout({\n      issuer,\n      postLogoutRedirectPath: '/'\n    })\n    if (redirectedToServerLogout) {\n      return\n    }\n\n    await this.refreshAuthStateFromSession()\n    this.dispatchEvent(new CustomEvent('logout-select', {\n      detail: { role: 'logout' },\n      bubbles: true,\n      composed: true\n    }))\n  }\n\n  private renderAccountMenuItem (item: HeaderAccountMenuItem) {\n    const content = html`\n      ${this.renderLoggedInAvatar(item.avatar, 'account-menu-avatar')}\n      <span class=\"account-menu-copy\">\n        <span class=\"account-menu-label\">${item.label}</span>\n        ${item.webid && this.layout !== 'mobile' ? html`<span class=\"account-menu-webid\">${item.webid}</span>` : ''}\n      </span>\n    `\n\n    if (item.url) {\n      return html`\n        <a\n          class=\"account-menu-item-link\"\n          href=\"${item.url}\"\n          @click=\"${() => this.handleAccountMenuClick(item)}\"\n          part=\"account-menu-item\"\n          role=\"menuitem\"\n        >\n          ${content}\n        </a>\n      `\n    }\n\n    return html`\n      <button\n        class=\"account-menu-item-button\"\n        type=\"button\"\n        @click=\"${() => this.handleAccountMenuClick(item)}\"\n        part=\"account-menu-item\"\n        role=\"menuitem\"\n      >\n        ${content}\n      </button>\n    `\n  }\n\n  private renderLoggedInActions () {\n    return html`\n      <div class=\"account-menu-container\" part=\"account-menu-container\">\n        <slot name=\"account-trigger\">\n          <button\n            id=\"accountMenuTrigger\"\n            class=\"account-menu-trigger\"\n            type=\"button\"\n            aria-haspopup=\"menu\"\n            aria-expanded=\"${this.accountMenuOpen ? 'true' : 'false'}\"\n            ?disabled=\"${!this.hasAccountMenuItems()}\"\n            @click=\"${(e: MouseEvent) => this.toggleAccountMenu(e)}\"\n            part=\"account-menu-trigger\"\n          >\n            ${this.renderLoggedInAvatar(this.accountAvatar)}\n            ${this.layout !== 'mobile' && this.accountIcon\n? html`\n              <img class=\"account-menu-trigger-icon\" src=\"${this.accountIcon}\" alt=\"\" aria-hidden=\"true\" />`\n: ''}\n          </button>\n        </slot>\n\n        <nav\n          id=\"accountMenu\"\n          class=\"account-dropdown\"\n          role=\"menu\"\n          ?inert=\"${!this.accountMenuOpen || !this.hasAccountMenuItems()}\"\n          ?hidden=\"${!this.accountMenuOpen || !this.hasAccountMenuItems()}\"\n          part=\"account-dropdown\"\n        >\n          <slot name=\"account-switch\" class=\"account-switch\">Switch account</slot>\n          <hr class=\"dropdown-menu-separator\" />\n          <slot name=\"account-menu\" @slotchange=\"${(e: Event) => this.handleAccountSlotChange(e)}\"></slot>\n          ${this.accountMenu && this.accountMenu.length\n          ? html`\n            <ul class=\"account-menu-list\">\n              ${this.accountMenu.map((item: HeaderAccountMenuItem) => html`\n                <li>${this.renderAccountMenuItem(item)}</li>\n              `)}\n            </ul>\n          `\n          : ''}\n          ${this.logoutLabel\n          ? html`\n            <hr class=\"dropdown-menu-separator\" />\n            <button\n              class=\"account-menu-item-button\"\n              type=\"button\"\n              @click=\"${() => this.handleLogout()}\"\n              part=\"logout-action\"\n              role=\"menuitem\"\n            >\n              ${this.logoutIcon && this.layout !== 'mobile'\n                ? html`<img class=\"logout-action-icon\" src=\"${this.logoutIcon}\" alt=\"\" aria-hidden=\"true\" part=\"logout-action-icon\" />`\n                : ''}\n              ${this.logoutLabel}\n            </button>\n          `\n          : ''}\n        </nav>\n      </div>\n    `\n  }\n\n  private renderUserArea () {\n    if (Features.DESIGN_SYSTEM_HEADER_ACCOUNT) {\n      return html`\n        <solid-ui-provider>\n          <solid-ui-account></solid-ui-account>\n        </solid-ui-provider>\n      `\n    }\n\n    if (!this.authResolved) {\n      return html`<div class=\"auth-actions\" part=\"auth-actions\"></div>`\n    }\n\n    if (this.authState === 'logged-out') {\n      return this.renderLoggedOutActions()\n    }\n\n    return this.renderLoggedInActions()\n  }\n\n  protected firstUpdated () {\n    const brandLink = this.shadowRoot?.getElementById('brandLink')\n    if (brandLink) {\n      brandLink.classList.toggle('brand-not-displayed', this.layout === 'mobile')\n    }\n  }\n\n  protected updated (changedProperties: Map<string, unknown>) {\n    if (changedProperties.has('layout')) {\n      const brandLink = this.shadowRoot?.getElementById('brandLink')\n      if (brandLink) {\n        brandLink.classList.toggle('brand-not-displayed', this.layout === 'mobile')\n      }\n    }\n  }\n\n  render () {\n    return html`\n      <div class=\"headerInner\">\n        <slot name=\"navigation-toggle\"></slot>\n        <a\n          id=\"brandLink\"\n          class=\"brand\"\n          href=\"${this.brandLink}\"\n          part=\"brand\"\n        >\n          <img id=\"brandImg\" src=\"${this.logo}\" alt=\"Logo\" part=\"logo\" />\n        </a>\n\n        <div class=\"menu\" part=\"menu\">\n          ${this.renderUserArea()}\n\n          ${this.shouldRenderHelpMenu()\n          ? html`\n            <div class=\"header-menu-separator\" />`\n          : ''}\n\n          ${this.shouldRenderHelpMenu()\n          ? html`\n            <div class=\"help-menu-container\" part=\"help-menu-container\">\n              <button\n                id=\"helpMenuTrigger\"\n                class=\"help-menu-trigger\"\n                type=\"button\"\n                aria-haspopup=\"menu\"\n                aria-expanded=\"${this.helpMenuOpen ? 'true' : 'false'}\"\n                ?disabled=\"${!this.hasHelpMenuItems()}\"\n                @click=\"${(e: MouseEvent) => this.toggleHelpMenu(e)}\"\n                part=\"help-menu-trigger\"\n              >\n                ${this.helpIcon\n                  ? html`<img id=\"helpIcon\" class=\"help-icon\" src=\"${this.helpIcon}\" alt=\"Help\" part=\"help-icon\" />`\n                  : html`<span class=\"help-text\" part=\"help-text\">Help</span>`}\n              </button>\n\n            <nav\n              id=\"helpMenu\"\n              class=\"help-dropdown\"\n              role=\"menu\"\n              ?inert=\"${!this.helpMenuOpen || !this.hasHelpMenuItems()}\"\n              ?hidden=\"${!this.helpMenuOpen || !this.hasHelpMenuItems()}\"\n              part=\"help-dropdown\"\n            >\n              <div class=\"help-dropdown-content\" @click=\"${() => { this.helpMenuOpen = false }}\">\n                <slot name=\"help-menu\" @slotchange=\"${(e: Event) => this.handleHelpSlotChange(e)}\"></slot>\n                ${this.helpMenuList && this.helpMenuList.length\n                ? html`\n                  <ul class=\"help-menu-list\">\n                    ${this.helpMenuList.map((item: HeaderMenuItem) => html`\n                      <li>\n                        ${item.url\n                        ? html`\n                          <a\n                            href=\"${item.url}\"\n                            target=\"${item.target || '_blank'}\"\n                            rel=\"${ifDefined((item.target || '_blank') === '_blank' ? 'noopener noreferrer' : undefined)}\"\n                            @click=\"${(e: MouseEvent) => this.handleHelpMenuClick(item, e)}\"\n                            part=\"help-menu-item\"\n                            role=\"menuitem\"\n                          >\n                            ${item.label}\n                          </a>\n                        `\n                        : html`\n                          <button\n                            type=\"button\"\n                            @click=\"${(e: MouseEvent) => this.handleHelpMenuClick(item, e)}\"\n                            part=\"help-menu-item\"\n                            role=\"menuitem\"\n                          >\n                            ${item.label}\n                          </button>\n                        `}\n                      </li>\n                    `)}\n                  </ul>\n                `\n                : ''}\n              </div>\n            </nav>\n          </div>`\n          : ''}\n        </div>\n      </div>\n    `\n  }\n}\n","import { Header } from './Header'\n\nexport { Header }\nexport type {\n  HeaderAccountMenuItem,\n  HeaderAuthState,\n  HeaderMenuItem\n} from './Header'\n\nconst HEADER_TAG_NAME = 'solid-ui-header'\n\nif (!customElements.get(HEADER_TAG_NAME)) {\n  customElements.define(HEADER_TAG_NAME, Header)\n}\n"],"x_google_ignoreList":[5],"mappings":"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"}

package/dist/chunks/login-button-D3M_rY5D.js

@@ -0,0 +1,208 @@
+import { c as e, s as t } from "./auth-C5d3nG1T.js";
+import { t as n } from "./consume-BefsVEGX.js";
+import { r, t as i } from "./components-Dlw2zOvI.js";
+import { i as a } from "./lit-CC2G_f_C.js";
+import "./button-GHRF3psH.js";
+//#region src/components/login-button/LoginButton.ts
+var o, s, c, l, u, d, f;
+function p(e, t, n) {
+	m(e, t), t.set(e, n);
+}
+function m(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function h(e, t, n) {
+	return e.set(_(e, t), n), n;
+}
+function g(e, t) {
+	return e.get(_(e, t));
+}
+function _(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 v(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 = {}, S = [], C = i === 3 ? "get" : i === 4 || p ? "set" : "value";
+			d ? (f || p ? b = {
+				get: x(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[C] = v, f || x(b[C], r, i === 2 ? "" : C)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+		}
+		for (var w = e, T = _.length - 1; T >= 0; T -= n ? 2 : 1) {
+			var E = _[T], D = n ? _[T - 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, w, k), "class decorators", "return")) && (w = 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), w = E.call(D, p ? {
+						get: b.get,
+						set: b.set
+					} : b[C], k), p) {
+						if (typeof w == "object" && w) (g = c(w.get, "accessor.get")) && (b.get = g), (g = c(w.set, "accessor.set")) && (b.set = g), (g = c(w.init, "accessor.init")) && S.push(g);
+						else if (w !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
+					} else c(w, (f ? "field" : "method") + " decorators", "return") && (f ? S.push(w) : b[C] = w);
+				}
+			} finally {
+				O.v = !0;
+			}
+		}
+		return (f || p) && l.push(function(e, t) {
+			for (var n = S.length - 1; n >= 0; n--) t = S[n].call(e, t);
+			return t;
+		}), f || y || (d ? p ? l.push(o(b, "get"), o(b, "set")) : l.push(i === 2 ? b[C] : o.call.bind(b[C])) : Object.defineProperty(e, r, b)), w;
+	}
+	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 S(t) === e;
+		}, u = /* @__PURE__ */ 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), b = (m &= 7) == 0, x = h + "/" + v;
+				if (!b && !g) {
+					var C = u.get(x);
+					if (!0 === C || C === 3 && m !== 4 || C === 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(x, !(m > 2) || m);
+				}
+				l(v ? e : e.prototype, p, _, g ? "#" + h : y(h), m, r, v ? a ||= [] : i ||= [], o, v, g, b, 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 y(e) {
+	var t = b(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function b(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 x(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 S(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+l = [r("solid-ui-login-button")];
+var C, w = /*#__PURE__*/ new WeakMap();
+f = (u = n({
+	context: e,
+	subscribe: !0
+}), "auth"), o = class extends i {
+	constructor(...e) {
+		super(...e), p(this, w, (s(this), d(this, t)));
+	}
+	get [f]() {
+		return g(w, this);
+	}
+	set auth(e) {
+		h(w, this, e);
+	}
+	render() {
+		return a`
+      <slot name="trigger" @click=${this.onClick}>
+        <solid-ui-button>
+            <slot>
+                Log In
+            </slot>
+        </solid-ui-button>
+      </slot>
+    `;
+	}
+	onClick(e) {
+		e.preventDefault(), this.auth.login();
+	}
+}, {e: [d, s], c: [C, c]} = v(o, [[
+	u,
+	1,
+	"auth"
+]], l, 0, void 0, i), c();
+//#endregion
+//#region src/components/login-button/index.ts
+var T = C;
+//#endregion
+export { C as n, T as t };
+
+//# sourceMappingURL=login-button-D3M_rY5D.js.map

package/dist/chunks/login-button-D3M_rY5D.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"login-button-D3M_rY5D.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LoginButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LoginButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","e","preventDefault","login","_LoginButton2","c","_initClass","_applyDecs","default","LoginButton"],"sources":["../../src/components/login-button/LoginButton.ts","../../src/components/login-button/index.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 '@/components/button'\n\n@customElement('solid-ui-login-button')\nexport default class LoginButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Log In\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.auth.login()\n  }\n}\n","import LoginButton from './LoginButton'\n\nexport { LoginButton }\nexport default LoginButton\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK4BM,IAAA,CAE3BN,EAAc,uBAAuB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAEpCT,EAAQ;CAAEU,SAASR;CAAaS,WAAW;AAAK,CAAC,GAAC,SAoBpDgB,IAAAf,cArBwCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAT,IAAAU,EAAA,IAAA,GAAAC,EAAA,MAEfd,CAAoB,EAAA;CAAA;CAAA,KAAAK,KAAA;EAAA,OAAAU,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAxCa,KAAIC,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAEXE,SAAU;EAClB,OAAOrB,CAAI;oCACqB,KAAKsB,QAAO;;;;;;;;CAQ9C;CAEQA,QAASC,GAAe;EAG9B,AAFAA,EAAEC,eAAe,GAEjB,KAAKN,KAAKO,MAAM;CAClB;AACF,GAAC,CAAAF,GAAA,CAAAP,GAAAD,IAAAY,GAAA,CAAAvB,GAAAwB,MAAAC,EAAAH,GAAA,CAAA;CAAAlB;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GArBwCL,CAAY,GAAA8B,EAAA;;;ACLrD,IAAA,IAAeG"}

package/dist/chunks/logout-button-ChD3v11m.js

@@ -0,0 +1,208 @@
+import { c as e, s as t } from "./auth-C5d3nG1T.js";
+import { t as n } from "./consume-BefsVEGX.js";
+import { r, t as i } from "./components-Dlw2zOvI.js";
+import { i as a } from "./lit-CC2G_f_C.js";
+import "./button-GHRF3psH.js";
+//#region src/components/logout-button/LogoutButton.ts
+var o, s, c, l, u, d, f;
+function p(e, t, n) {
+	m(e, t), t.set(e, n);
+}
+function m(e, t) {
+	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
+}
+function h(e, t, n) {
+	return e.set(_(e, t), n), n;
+}
+function g(e, t) {
+	return e.get(_(e, t));
+}
+function _(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 v(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 = {}, S = [], C = i === 3 ? "get" : i === 4 || p ? "set" : "value";
+			d ? (f || p ? b = {
+				get: x(function() {
+					return v(this);
+				}, r, "get"),
+				set: function(e) {
+					t[4](this, e);
+				}
+			} : b[C] = v, f || x(b[C], r, i === 2 ? "" : C)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+		}
+		for (var w = e, T = _.length - 1; T >= 0; T -= n ? 2 : 1) {
+			var E = _[T], D = n ? _[T - 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, w, k), "class decorators", "return")) && (w = 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), w = E.call(D, p ? {
+						get: b.get,
+						set: b.set
+					} : b[C], k), p) {
+						if (typeof w == "object" && w) (g = c(w.get, "accessor.get")) && (b.get = g), (g = c(w.set, "accessor.set")) && (b.set = g), (g = c(w.init, "accessor.init")) && S.push(g);
+						else if (w !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
+					} else c(w, (f ? "field" : "method") + " decorators", "return") && (f ? S.push(w) : b[C] = w);
+				}
+			} finally {
+				O.v = !0;
+			}
+		}
+		return (f || p) && l.push(function(e, t) {
+			for (var n = S.length - 1; n >= 0; n--) t = S[n].call(e, t);
+			return t;
+		}), f || y || (d ? p ? l.push(o(b, "get"), o(b, "set")) : l.push(i === 2 ? b[C] : o.call.bind(b[C])) : Object.defineProperty(e, r, b)), w;
+	}
+	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 S(t) === e;
+		}, u = /* @__PURE__ */ 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), b = (m &= 7) == 0, x = h + "/" + v;
+				if (!b && !g) {
+					var C = u.get(x);
+					if (!0 === C || C === 3 && m !== 4 || C === 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(x, !(m > 2) || m);
+				}
+				l(v ? e : e.prototype, p, _, g ? "#" + h : y(h), m, r, v ? a ||= [] : i ||= [], o, v, g, b, 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 y(e) {
+	var t = b(e, "string");
+	return typeof t == "symbol" ? t : t + "";
+}
+function b(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 x(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 S(e) {
+	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
+	return e;
+}
+l = [r("solid-ui-logout-button")];
+var C, w = /*#__PURE__*/ new WeakMap();
+f = (u = n({
+	context: e,
+	subscribe: !0
+}), "auth"), o = class extends i {
+	constructor(...e) {
+		super(...e), p(this, w, (s(this), d(this, t)));
+	}
+	get [f]() {
+		return g(w, this);
+	}
+	set auth(e) {
+		h(w, this, e);
+	}
+	render() {
+		return a`
+      <slot name="trigger" @click=${this.onClick}>
+        <solid-ui-button>
+            <slot>
+                Log Out
+            </slot>
+        </solid-ui-button>
+      </slot>
+    `;
+	}
+	onClick(e) {
+		e.preventDefault(), this.auth.logout();
+	}
+}, {e: [d, s], c: [C, c]} = v(o, [[
+	u,
+	1,
+	"auth"
+]], l, 0, void 0, i), c();
+//#endregion
+//#region src/components/logout-button/index.ts
+var T = C;
+//#endregion
+export { C as n, T as t };
+
+//# sourceMappingURL=logout-button-ChD3v11m.js.map

package/dist/chunks/logout-button-ChD3v11m.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"logout-button-ChD3v11m.js","names":["customElement","WebComponent","consume","html","authContext","DEFAULT_AUTH_CONTEXT","_classDecs","_LogoutButton","_A","WeakMap","_ref","_authDecs","context","subscribe","LogoutButton","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_auth","_classPrivateFieldGet","auth","v","_classPrivateFieldSet","render","onClick","e","preventDefault","logout","_LogoutButton2","c","_initClass","_applyDecs","default","LogoutButton"],"sources":["../../src/components/logout-button/LogoutButton.ts","../../src/components/logout-button/index.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 '@/components/button'\n\n@customElement('solid-ui-logout-button')\nexport default class LogoutButton extends WebComponent {\n  @consume({ context: authContext, subscribe: true })\n  private accessor auth: AuthContext = DEFAULT_AUTH_CONTEXT\n\n  protected render () {\n    return html`\n      <slot name=\"trigger\" @click=${this.onClick}>\n        <solid-ui-button>\n            <slot>\n                Log Out\n            </slot>\n        </solid-ui-button>\n      </slot>\n    `\n  }\n\n  private onClick (e: MouseEvent) {\n    e.preventDefault()\n\n    this.auth.logout()\n  }\n}\n","import LogoutButton from './LogoutButton'\n\nexport { LogoutButton }\nexport default LogoutButton\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAK4BM,IAAA,CAE3BN,EAAc,wBAAwB,CAAC;AAAA,IAAAO,GAAAC,kBAAA,IAAAC,QAAA;AAAAC,KAAAC,IAErCT,EAAQ;CAAEU,SAASR;CAAaS,WAAW;AAAK,CAAC,GAAC,SAoBpDgB,IAAAf,cArByCb,EAAa;CAAAc,YAAA,GAAAC,GAAA;EAAAC,AAAA,MAAA,GAAAD,CAAA,GAAAC,EAAA,MAAAT,IAAAU,EAAA,IAAA,GAAAC,EAAA,MAEhBd,CAAoB,EAAA;CAAA;CAAA,KAAAK,KAAA;EAAA,OAAAU,EAAAZ,GAAA,IAAA;CAAA;CAAA,IAAxCa,KAAIC,GAAA;EAAAC,EAAAf,GAAA,MAAAc,CAAA;CAAA;CAEXE,SAAU;EAClB,OAAOrB,CAAI;oCACqB,KAAKsB,QAAO;;;;;;;;CAQ9C;CAEQA,QAASC,GAAe;EAG9B,AAFAA,EAAEC,eAAe,GAEjB,KAAKN,KAAKO,OAAO;CACnB;AACF,GAAC,CAAAF,GAAA,CAAAP,GAAAD,IAAAY,GAAA,CAAAvB,GAAAwB,MAAAC,EAAAH,GAAA,CAAA;CAAAlB;CAAA;CAAA;AAAA,CAAA,GAAAL,GAAA,GAAA,KAAA,GArByCL,CAAY,GAAA8B,EAAA;;;ACLtD,IAAA,IAAeG"}