solid-ui 3.1.3-6 → 3.1.3-8

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

@@ -1 +0,0 @@
-{"version":3,"file":"header-Bqd2CEK3.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/iconBase-DJ0zbNSL.js

@@ -1,31 +0,0 @@
-//#region src/lib/debug.ts
-function e(...e) {
-	console.log(...e);
-}
-function t(...e) {
-	console.warn(...e);
-}
-function n(...e) {
-	console.error(...e);
-}
-function r(...e) {
-	console.trace(...e);
-}
-//#endregion
-//#region src/lib/iconBase.ts
-var i = typeof module < "u" && module.scriptURI ? {
-	iconBase: module.scriptURI.slice(0, module.scriptURI.lastIndexOf("/")) + "/icons/",
-	originalIconBase: module.scriptURI.slice(0, module.scriptURI.lastIndexOf("/")) + "/originalIcons/"
-} : typeof $SolidTestEnvironment < "u" && $SolidTestEnvironment.iconBase ? {
-	iconBase: $SolidTestEnvironment.iconBase,
-	originalIconBase: $SolidTestEnvironment.originalIconBase
-} : {
-	iconBase: "https://solidos.github.io/solid-ui/src/icons/",
-	originalIconBase: "https://solidos.github.io/solid-ui/src/originalIcons/"
-};
-e("   icons.iconBase is set to : " + i.iconBase);
-var a = i.iconBase, o = i.originalIconBase;
-//#endregion
-export { e as a, n as i, i as n, r as o, o as r, t as s, a as t };
-
-//# sourceMappingURL=iconBase-DJ0zbNSL.js.map

package/dist/chunks/iconBase-DJ0zbNSL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"iconBase-DJ0zbNSL.js","names":["log","args","console","warn","error","trace","log","iconsOnGithub","icons","module","scriptURI","iconBase","slice","lastIndexOf","originalIconBase","$SolidTestEnvironment"],"sources":["../../src/lib/debug.ts","../../src/lib/iconBase.ts"],"sourcesContent":["export function log (...args: any[]) {\n  console.log(...args)\n}\n\nexport function warn (...args: any[]) {\n  console.warn(...args)\n}\n\nexport function error (...args: any[]) {\n  console.error(...args)\n}\n\nexport function trace (...args: any[]) {\n  console.trace(...args)\n}\n","// Works in FF extension - what about browserify??\n// 2021-04-08 Convert to TS\n\n/* The Firefox case is left for historical record, as we don't currenly\n * have a FF extension for mashlib, but we could.  This is sthepoint to\n * hack the place it can find its icons internally\n *\n * The $SolidTestEnvironment is important and is used for\n * example when testing on localhost to specify a place the icons be found\n * in your test set up.\n *\n * You can also use it if you want to just run a mashlib whhich takes its\n * icons seved by other than github.\n */\n\nimport { log } from './debug'\n\ndeclare let $SolidTestEnvironment\n\n// Do not export. Always us this module to find the icons, as they vary\nconst iconsOnGithub = 'https://solidos.github.io/solid-ui/src' // changed org 2022-05\n\nexport const icons = typeof module !== 'undefined' && (module as any).scriptURI // Firefox extension\n  ? {\n      iconBase:\n        (module as any).scriptURI.slice(0, (module as any).scriptURI.lastIndexOf('/')) + '/icons/',\n      originalIconBase:\n        (module as any).scriptURI.slice(0, (module as any).scriptURI.lastIndexOf('/')) +\n        '/originalIcons/'\n    }\n  : typeof $SolidTestEnvironment !== 'undefined' && $SolidTestEnvironment.iconBase // Test environemnt\n    ? {\n        iconBase: $SolidTestEnvironment.iconBase,\n        originalIconBase: $SolidTestEnvironment.originalIconBase\n      }\n    : {\n      // Normal case:\n        iconBase: iconsOnGithub + '/icons/',\n        originalIconBase: iconsOnGithub + '/originalIcons/'\n      }\n\nlog('   icons.iconBase is set to : ' + icons.iconBase)\n\n// allow tests etc  named-import this directly from this module\nexport const iconBase = icons.iconBase\nexport const originalIconBase = icons.originalIconBase\n"],"mappings":";AAAA,SAAgBA,EAAK,GAAGC,GAAa;CACnCC,QAAQF,IAAI,GAAGC,CAAI;AACrB;AAEA,SAAgBE,EAAM,GAAGF,GAAa;CACpCC,QAAQC,KAAK,GAAGF,CAAI;AACtB;AAEA,SAAgBG,EAAO,GAAGH,GAAa;CACrCC,QAAQE,MAAM,GAAGH,CAAI;AACvB;AAEA,SAAgBI,EAAO,GAAGJ,GAAa;CACrCC,QAAQG,MAAM,GAAGJ,CAAI;AACvB;;;ACQA,IAAaO,IAAQ,OAAOC,SAAW,OAAgBA,OAAeC,YAClE;CACEC,UACGF,OAAeC,UAAUE,MAAM,GAAIH,OAAeC,UAAUG,YAAY,GAAG,CAAC,IAAI;CACnFC,kBACGL,OAAeC,UAAUE,MAAM,GAAIH,OAAeC,UAAUG,YAAY,GAAG,CAAC,IAC7E;AACJ,IACA,OAAOE,wBAA0B,OAAeA,sBAAsBJ,WACpE;CACEA,UAAUI,sBAAsBJ;CAChCG,kBAAkBC,sBAAsBD;AAC1C,IACA;CAEEH,UAAUJ;CACVO,kBAAkBP;AACpB;AAEND,EAAI,mCAAmCE,EAAMG,QAAQ;AAGrD,IAAaA,IAAWH,EAAMG,UACjBG,IAAmBN,EAAMM"}