solid-panes 5.1.0-1 → 5.1.0-3

package/dist/components/profile-heading/ProfileHeading.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileHeading.esm.js","names":["authn","store","customElement","WebComponent","html","nothing","property","state","createHeadingEditDialog","addFriend","checkFriend","friendTexts","formatDisplayError","styles","_classDecs","_ProfileHeading","_ProfileHeading2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_ref","_profileDataDecs","attribute","_editContextDecs","_friendSubjectDecs","_compactDecs","type","Boolean","reflect","_failedImageSrcDecs","_friendStateDecs","_friendMessageDecs","_friendErrorDecs","_ProfileHeading3","ProfileHeading","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_profileData","undefined","_init_editContext","_init_friendSubject","_init_compact","_init_failedImageSrc","_init_friendState","_init_friendMessage","_init_friendError","_defineProperty","event","preventDefault","friendState","subject","friendSubject","request","friendRequest","clearFriendMessage","viewer","currentUser","Error","loginRequired","showFriendMessage","success","error","context","editContext","profileData","viewerMode","dispatchEvent","CustomEvent","bubbles","composed","detail","subjectUri","value","onSaved","catch","console","failedImageSrc","currentTarget","getAttribute","_classPrivateFieldGet","v","_classPrivateFieldSet","compact","friendMessage","friendError","connectedCallback","friendRequestInterrupted","startFriendCheck","disconnectedCallback","clearTimeout","friendMessageTimer","willUpdate","changed","has","get","imageSrc","sameTerm","then","exists","message","setTimeout","updateComplete","shadowRoot","querySelector","focus","render","profile","phone","textValue","primaryPhone","valueNode","replace","email","primaryEmail","dateOfBirth","displayDate","showImage","showFriend","name","handleImageError","pronouns","jobTitle","handleAddFriend","add","handleEdit","renderEditIcon","renderLine","location","icon","renderIcon","e","c","_initClass","_applyDecs","_Class","_identity","default","raw","trim","isoDate","match","year","month","day","dmyDate","styles","ProfileHeading_styles_default","_Class","_ProfileHeading3","_A","_B","_C","_D","_E","_F","_G","_H","_initProto","_initClass","_classDecs","_profileDataDecs","_init_profileData","_editContextDecs","_init_editContext","_friendSubjectDecs","_init_friendSubject","_compactDecs","_init_compact","_failedImageSrcDecs","_init_failedImageSrc","_friendStateDecs","_init_friendState","_friendMessageDecs","_init_friendMessage","_friendErrorDecs","_init_friendError","_ProfileHeading2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","p","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPrimitive","e","_identity","customElement","_ProfileHeading","property","state","WebComponent","args","event","subject","request","viewer","authn","friendTexts","addFriend","error","context","createHeadingEditDialog","store","changed","checkFriend","exists","formatDisplayError","message","profile","phone","textValue","email","dateOfBirth","displayDate","showImage","showFriend","nothing","value","icon","raw","isoDate","year","month","day","dmyDate"],"sources":["../../../src/components/profile-heading/ProfileHeading.ts"],"sourcesContent":["import { authn, store } from 'solid-logic'\nimport type { NamedNode, Node } from 'rdflib'\nimport { customElement, WebComponent } from 'solid-ui'\nimport { html, nothing, type PropertyValues, type TemplateResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { createHeadingEditDialog } from './editor/sections/heading/HeadingEditDialog'\nimport type { ProfileDetails, ProfilePresentation } from './editor/sections/heading/types'\nimport type { PointDetails } from './editor/sections/contactInfo/types'\nimport type { ViewerMode } from '../../types'\nimport { addFriend, checkFriend, friendTexts } from './friendActions'\nimport { formatDisplayError } from './editor/utils/errorDisplay'\nimport 'solid-ui/components/button'\nimport '~icons/lucide/cake'\nimport '~icons/lucide/circle-user-round'\nimport '~icons/lucide/mail'\nimport '~icons/lucide/map-pin'\nimport '~icons/lucide/pencil'\nimport '~icons/lucide/phone'\nimport '~icons/lucide/user-round-plus'\nimport styles from './ProfileHeading.styles.css'\n\nexport type ProfileHeadingPoint = Pick<PointDetails, 'valueNode'>\n\n// The heading renders a subset of the shared presentation model used by the editor.\nexport type ProfileHeadingData =\n  Pick<ProfilePresentation, 'name' | 'imageSrc' | 'location' | 'pronouns' | 'dateOfBirth' | 'jobTitle'> & {\n    primaryPhone?: ProfileHeadingPoint\n    primaryEmail?: ProfileHeadingPoint\n  }\n\nexport interface ProfileHeadingEditContext {\n  subject: NamedNode\n  profileData: ProfileDetails\n  viewerMode: ViewerMode\n  onSaved: () => Promise<void> | void\n}\n\n@customElement('solid-panes-profile-heading')\nexport default class ProfileHeading extends WebComponent {\n  static styles = styles\n\n  @property({ attribute: false })\n  accessor profileData: ProfileHeadingData | undefined = undefined\n\n  @property({ attribute: false })\n  accessor editContext: ProfileHeadingEditContext | undefined = undefined\n\n  @property({ attribute: false })\n  accessor friendSubject: NamedNode | undefined = undefined\n\n  @property({ type: Boolean, reflect: true })\n  accessor compact = false\n\n  @state()\n  accessor failedImageSrc: string | undefined = undefined\n\n  @state()\n  accessor friendState: 'loading' | 'available' | 'exists' | 'saving' | 'error' = 'loading'\n\n  @state()\n  accessor friendMessage = ''\n\n  @state()\n  accessor friendError = false\n\n  private friendRequest = 0\n  private friendRequestInterrupted = false\n  private friendMessageTimer: ReturnType<typeof setTimeout> | undefined\n\n  connectedCallback (): void {\n    super.connectedCallback()\n    if (this.friendRequestInterrupted) {\n      this.friendRequestInterrupted = false\n      this.startFriendCheck()\n    }\n  }\n\n  disconnectedCallback (): void {\n    super.disconnectedCallback()\n    this.friendRequest++\n    if (this.friendState === 'loading' || this.friendState === 'saving') {\n      this.friendRequestInterrupted = true\n    }\n    this.clearFriendMessage()\n  }\n\n  private clearFriendMessage (): void {\n    clearTimeout(this.friendMessageTimer)\n    this.friendMessageTimer = undefined\n    this.friendMessage = ''\n  }\n\n  protected willUpdate (changed: PropertyValues<this>): void {\n    super.willUpdate(changed)\n    if (changed.has('profileData') && changed.get('profileData')?.imageSrc !== this.profileData?.imageSrc) {\n      this.failedImageSrc = undefined\n    }\n    if (!changed.has('friendSubject')) return\n    this.friendRequestInterrupted = false\n    this.startFriendCheck()\n  }\n\n  private startFriendCheck (): void {\n    const request = ++this.friendRequest\n    this.friendState = 'loading'\n    this.clearFriendMessage()\n    this.friendError = false\n    const subject = this.friendSubject\n    const viewer = authn.currentUser()\n    if (!subject || !viewer || viewer.sameTerm(subject)) return\n\n    checkFriend(viewer, subject).then((exists) => {\n      if (request !== this.friendRequest || this.friendSubject !== subject) return\n      this.friendState = exists ? 'exists' : 'available'\n    }).catch((error: unknown) => {\n      if (request !== this.friendRequest || this.friendSubject !== subject) return\n      this.friendState = 'error'\n      this.showFriendMessage(error, true)\n    })\n  }\n\n  private async showFriendMessage (message: unknown, error: boolean): Promise<void> {\n    this.clearFriendMessage()\n    this.friendMessage = formatDisplayError(message)\n    this.friendError = error\n    this.friendMessageTimer = setTimeout(() => {\n      this.clearFriendMessage()\n    }, 10000)\n    await this.updateComplete\n    this.shadowRoot?.querySelector<HTMLElement>('.friend-message')?.focus()\n  }\n\n  private handleAddFriend = async (event: Event): Promise<void> => {\n    event.preventDefault()\n    if (this.friendState !== 'available' && this.friendState !== 'error') return\n    const subject = this.friendSubject\n    if (!subject) return\n    const request = this.friendRequest\n    this.friendState = 'saving'\n    this.clearFriendMessage()\n    try {\n      const viewer = authn.currentUser()\n      if (!viewer) throw new Error(friendTexts.loginRequired)\n      await addFriend(viewer, subject)\n      if (request !== this.friendRequest || this.friendSubject !== subject) return\n      this.friendState = 'exists'\n      await this.showFriendMessage(friendTexts.success, false)\n    } catch (error: unknown) {\n      if (request !== this.friendRequest || this.friendSubject !== subject) return\n      this.friendState = 'error'\n      await this.showFriendMessage(error, true)\n    }\n  }\n\n  private handleEdit = (event: Event) => {\n    const context = this.editContext\n    if (!context) return\n\n    createHeadingEditDialog(\n      event,\n      store,\n      context.subject,\n      context.profileData,\n      context.viewerMode,\n      async () => {\n        this.dispatchEvent(new CustomEvent('profile-heading-saved', {\n          bubbles: true,\n          composed: true,\n          detail: { subjectUri: context.subject.value }\n        }))\n        await context.onSaved()\n      }\n    ).catch((error: unknown) => {\n      console.error('Failed to edit profile heading.', error)\n    })\n  }\n\n  private handleImageError = (event: Event) => {\n    this.failedImageSrc = (event.currentTarget as HTMLImageElement).getAttribute('src') ?? undefined\n  }\n\n  render (): TemplateResult<1> {\n    const profile = this.profileData\n    if (!profile) return html``\n\n    const phone = textValue(profile.primaryPhone?.valueNode).replace(/^tel:/i, '')\n    const email = textValue(profile.primaryEmail?.valueNode).replace(/^mailto:/i, '')\n    const dateOfBirth = displayDate(profile.dateOfBirth)\n    const showImage = Boolean(profile.imageSrc && this.failedImageSrc !== profile.imageSrc)\n    const viewer = authn.currentUser()\n    const showFriend = Boolean(this.friendSubject && viewer && !viewer.sameTerm(this.friendSubject))\n\n    return html`\n      <section class=\"profile-heading\" aria-labelledby=\"profile-heading-name\">\n        <div class=\"avatar\">\n          <div class=\"image-frame ${showImage ? '' : 'image-frame--fallback'}\">\n            ${showImage\n              ? html`<img\n                  class=\"hero\"\n                  src=${profile.imageSrc}\n                  alt=${profile.name}\n                  width=\"140\"\n                  height=\"140\"\n                  loading=\"eager\"\n                  @error=${this.handleImageError}\n                />`\n              : nothing}\n              <div class=\"hero-fallback\" role=\"img\" aria-label=${profile.name}>\n                <icon-lucide-circle-user-round aria-hidden=\"true\"></icon-lucide-circle-user-round>\n              </div>\n          </div>\n        </div>\n\n        <div class=\"info\">\n          <header class=\"header-bar\">\n            <div class=\"identity\" role=\"group\" aria-label=${this.compact ? 'Name' : 'Name and pronouns'}>\n              <h1 id=\"profile-heading-name\" class=\"name\">${profile.name}</h1>\n              ${profile.pronouns ? html`<span class=\"pronouns\" ?hidden=${this.compact}>(${profile.pronouns})</span>` : nothing}\n            </div>\n            ${profile.jobTitle ? html`<div class=\"role\">${profile.jobTitle}</div>` : nothing}\n          </header>\n        </div>\n\n        ${(this.editContext || showFriend) && !this.compact\n          ? html`\n            <div class=\"profile__actions profile__heading-edit-action\">\n              ${showFriend\n                ? html`\n                <div class=\"profile-friends-button__section\" role=\"group\" aria-label=\"Friend relationship actions\">\n                  <solid-ui-button\n                    variant=\"secondary\"\n                    class=\"profile__btn-friends\"\n                    ?disabled=${this.friendState === 'loading' || this.friendState === 'saving' || this.friendState === 'exists'}\n                    aria-busy=${this.friendState === 'loading' || this.friendState === 'saving' ? 'true' : 'false'}\n                    @click=${this.handleAddFriend}\n                  >${this.friendState === 'exists'\n                    ? nothing\n                    : html`<icon-lucide-user-round-plus slot=\"icon\" class=\"profile__btn-friends-icon\" aria-hidden=\"true\"></icon-lucide-user-round-plus>`}${this.friendState === 'exists' ? friendTexts.exists : friendTexts.add}</solid-ui-button>\n                  ${this.friendMessage\n                    ? html`\n                    <div class=\"friend-message\" role=${this.friendError ? 'alert' : 'status'}\n                      aria-live=${this.friendError ? 'assertive' : 'polite'} tabindex=\"0\">\n                      ${this.friendMessage}\n                    </div>`\n                    : nothing}\n                </div>\n              `\n                : nothing}\n              ${this.editContext\n                ? html`\n              <solid-ui-button\n                variant=\"tertiary\"\n                class=\"profile-section-collapsible__edit-button desktop-edit-button\"\n                aria-label=\"Add or edit heading information\"\n                @click=${this.handleEdit}\n              >\n                <span slot=\"left-icon\" class=\"profile-section-collapsible__action-label profile__add-more-icon\" aria-hidden=\"true\">\n                  ${this.renderEditIcon()}\n                </span>\n                <span class=\"profile-section-collapsible__action-label edit-label\">Edit</span>\n              </solid-ui-button>\n              <solid-ui-button\n                variant=\"ghost\"\n                class=\"profile-section-collapsible__edit-button mobile-edit-button\"\n                aria-label=\"Add or edit heading information\"\n                @click=${this.handleEdit}\n              >\n                <span slot=\"icon\" class=\"profile-section-collapsible__edit-icon\" aria-hidden=\"true\">\n                  ${this.renderEditIcon()}\n                </span>\n              </solid-ui-button>\n              `\n                : nothing}\n            </div>\n          `\n          : nothing}\n\n        <div class=\"details-collapse\" aria-hidden=${this.compact ? 'true' : 'false'} ?inert=${this.compact}>\n          <div class=\"details\">\n            <div class=\"detail-row\" role=\"group\" aria-label=\"Additional profile information\">\n              ${this.renderLine(dateOfBirth, 'birthday')}\n              ${this.renderLine(profile.location, 'location')}\n            </div>\n            <div class=\"detail-row\" role=\"group\" aria-label=\"Contact information\">\n              ${this.renderLine(phone, 'phone')}\n              ${this.renderLine(email, 'email')}\n            </div>\n          </div>\n        </div>\n      </section>\n    `\n  }\n\n  private renderLine (value: string | undefined, icon: 'birthday' | 'location' | 'phone' | 'email') {\n    if (!value) return nothing\n\n    return html`\n      <div class=\"detail-item\">\n        <span class=\"detail-icon\" aria-hidden=\"true\">\n          ${this.renderIcon(icon)}\n        </span>\n        <span class=\"detail-value\">${value}</span>\n      </div>\n    `\n  }\n\n  private renderIcon (icon: 'birthday' | 'location' | 'phone' | 'email'): TemplateResult {\n    switch (icon) {\n      case 'birthday':\n        return html`<icon-lucide-cake aria-hidden=\"true\"></icon-lucide-cake>`\n      case 'location':\n        return html`<icon-lucide-map-pin aria-hidden=\"true\"></icon-lucide-map-pin>`\n      case 'phone':\n        return html`<icon-lucide-phone aria-hidden=\"true\"></icon-lucide-phone>`\n      case 'email':\n        return html`<icon-lucide-mail aria-hidden=\"true\"></icon-lucide-mail>`\n    }\n  }\n\n  private renderEditIcon (): TemplateResult {\n    return html`<icon-lucide-pencil aria-hidden=\"true\"></icon-lucide-pencil>`\n  }\n}\n\nfunction textValue (value: Node | undefined): string {\n  return value?.value ?? ''\n}\n\nfunction displayDate (value?: string): string {\n  const raw = (value || '').trim()\n  const isoDate = raw.match(/^(\\d{4})-(\\d{2})-(\\d{2})/)\n  if (isoDate) {\n    const [, year, month, day] = isoDate\n    return `${day}-${month}-${year}`\n  }\n\n  const dmyDate = raw.match(/^(\\d{2})[/-](\\d{2})[/-](\\d{4})$/)\n  if (dmyDate) {\n    const [, day, month, year] = dmyDate\n    return `${day}-${month}-${year}`\n  }\n\n  return raw\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProfileHeading.esm.js","names":["authn","store","customElement","WebComponent","html","nothing","property","state","createHeadingEditDialog","addFriend","checkFriend","friendTexts","formatDisplayError","styles","_classDecs","_ProfileHeading","_ProfileHeading2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_ref","_profileDataDecs","attribute","_editContextDecs","_friendSubjectDecs","_compactDecs","type","Boolean","reflect","_failedImageSrcDecs","_friendStateDecs","_friendMessageDecs","_friendErrorDecs","_ProfileHeading3","ProfileHeading","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_profileData","undefined","_init_editContext","_init_friendSubject","_init_compact","_init_failedImageSrc","_init_friendState","_init_friendMessage","_init_friendError","_defineProperty","event","preventDefault","friendState","subject","friendSubject","request","friendRequest","clearFriendMessage","viewer","currentUser","Error","loginRequired","showFriendMessage","success","error","context","editContext","profileData","viewerMode","dispatchEvent","CustomEvent","bubbles","composed","detail","subjectUri","value","onSaved","catch","console","failedImageSrc","currentTarget","getAttribute","_classPrivateFieldGet","v","_classPrivateFieldSet","compact","friendMessage","friendError","connectedCallback","friendRequestInterrupted","startFriendCheck","disconnectedCallback","clearTimeout","friendMessageTimer","willUpdate","changed","has","get","imageSrc","sameTerm","then","exists","message","setTimeout","updateComplete","shadowRoot","querySelector","focus","render","profile","phone","textValue","primaryPhone","valueNode","replace","email","primaryEmail","dateOfBirth","displayDate","showImage","showFriend","name","handleImageError","pronouns","jobTitle","handleAddFriend","add","handleEdit","renderEditIcon","renderLine","location","icon","renderIcon","e","c","_initClass","_applyDecs","_Class","_identity","default","raw","trim","isoDate","match","year","month","day","dmyDate","styles","ProfileHeading_styles_default","_Class","_ProfileHeading3","_A","_B","_C","_D","_E","_F","_G","_H","_initProto","_initClass","_classDecs","_profileDataDecs","_init_profileData","_editContextDecs","_init_editContext","_friendSubjectDecs","_init_friendSubject","_compactDecs","_init_compact","_failedImageSrcDecs","_init_failedImageSrc","_friendStateDecs","_init_friendState","_friendMessageDecs","_init_friendMessage","_friendErrorDecs","_init_friendError","_ProfileHeading2","_ref","_classPrivateFieldInitSpec","a","_checkPrivateRedeclaration","_classPrivateFieldSet","s","_assertClassBrand","r","_classPrivateFieldGet","_defineProperty","_toPropertyKey","t","_applyDecs","i","n","o","c","applyDec","m","h","y","v","g","b","u","w","S","A","d","p","_setFunctionName","P","j","D","I","F","l","f","N","_checkInRHS","_toPrimitive","e","_identity","customElement","_ProfileHeading","property","state","WebComponent","args","event","subject","request","viewer","authn","friendTexts","addFriend","error","context","createHeadingEditDialog","store","changed","checkFriend","exists","formatDisplayError","message","profile","phone","textValue","email","dateOfBirth","displayDate","showImage","showFriend","nothing","value","icon","raw","isoDate","year","month","day","dmyDate"],"sources":["../../../src/components/profile-heading/ProfileHeading.ts"],"sourcesContent":["import { authn, store } from 'solid-logic'\nimport type { NamedNode, Node } from 'rdflib'\nimport { customElement, WebComponent } from 'solid-ui'\nimport { html, nothing, type PropertyValues, type TemplateResult } from 'lit'\nimport { property, state } from 'lit/decorators.js'\nimport { createHeadingEditDialog } from './editor/sections/heading/HeadingEditDialog'\nimport type { ProfileDetails, ProfilePresentation } from './editor/sections/heading/types'\nimport type { PointDetails } from './editor/sections/contactInfo/types'\nimport type { ViewerMode } from '../../types'\nimport { addFriend, checkFriend, friendTexts } from './friendActions'\nimport { formatDisplayError } from './editor/utils/errorDisplay'\nimport 'solid-ui/components/button'\nimport '~icons/lucide/cake'\nimport '~icons/lucide/circle-user-round'\nimport '~icons/lucide/mail'\nimport '~icons/lucide/map-pin'\nimport '~icons/lucide/pencil'\nimport '~icons/lucide/phone'\nimport '~icons/lucide/user-round-plus'\nimport styles from './ProfileHeading.styles.css'\n\nexport type ProfileHeadingPoint = Pick<PointDetails, 'valueNode'>\n\n// The heading renders a subset of the shared presentation model used by the editor.\nexport type ProfileHeadingData =\n  Pick<ProfilePresentation, 'name' | 'imageSrc' | 'location' | 'pronouns' | 'dateOfBirth' | 'jobTitle'> & {\n    primaryPhone?: ProfileHeadingPoint\n    primaryEmail?: ProfileHeadingPoint\n  }\n\nexport interface ProfileHeadingEditContext {\n  subject: NamedNode\n  profileData: ProfileDetails\n  viewerMode: ViewerMode\n  onSaved: () => Promise<void> | void\n}\n\n@customElement('solid-panes-profile-heading')\nexport default class ProfileHeading extends WebComponent {\n  static styles = styles\n\n  @property({ attribute: false })\n  accessor profileData: ProfileHeadingData | undefined = undefined\n\n  @property({ attribute: false })\n  accessor editContext: ProfileHeadingEditContext | undefined = undefined\n\n  @property({ attribute: false })\n  accessor friendSubject: NamedNode | undefined = undefined\n\n  @property({ type: Boolean, reflect: true })\n  accessor compact = false\n\n  @state()\n  accessor failedImageSrc: string | undefined = undefined\n\n  @state()\n  accessor friendState: 'loading' | 'available' | 'exists' | 'saving' | 'error' = 'loading'\n\n  @state()\n  accessor friendMessage = ''\n\n  @state()\n  accessor friendError = false\n\n  private friendRequest = 0\n  private friendRequestInterrupted = false\n  private friendMessageTimer: ReturnType<typeof setTimeout> | undefined\n\n  connectedCallback (): void {\n    super.connectedCallback()\n    if (this.friendRequestInterrupted) {\n      this.friendRequestInterrupted = false\n      this.startFriendCheck()\n    }\n  }\n\n  disconnectedCallback (): void {\n    super.disconnectedCallback()\n    this.friendRequest++\n    if (this.friendState === 'loading' || this.friendState === 'saving') {\n      this.friendRequestInterrupted = true\n    }\n    this.clearFriendMessage()\n  }\n\n  private clearFriendMessage (): void {\n    clearTimeout(this.friendMessageTimer)\n    this.friendMessageTimer = undefined\n    this.friendMessage = ''\n  }\n\n  protected willUpdate (changed: PropertyValues<this>): void {\n    super.willUpdate(changed)\n    if (changed.has('profileData') && changed.get('profileData')?.imageSrc !== this.profileData?.imageSrc) {\n      this.failedImageSrc = undefined\n    }\n    if (!changed.has('friendSubject')) return\n    this.friendRequestInterrupted = false\n    this.startFriendCheck()\n  }\n\n  private startFriendCheck (): void {\n    const request = ++this.friendRequest\n    this.friendState = 'loading'\n    this.clearFriendMessage()\n    this.friendError = false\n    const subject = this.friendSubject\n    const viewer = authn.currentUser()\n    if (!subject || !viewer || viewer.sameTerm(subject)) return\n\n    checkFriend(viewer, subject).then((exists) => {\n      if (request !== this.friendRequest || this.friendSubject !== subject) return\n      this.friendState = exists ? 'exists' : 'available'\n    }).catch((error: unknown) => {\n      if (request !== this.friendRequest || this.friendSubject !== subject) return\n      this.friendState = 'error'\n      this.showFriendMessage(error, true)\n    })\n  }\n\n  private async showFriendMessage (message: unknown, error: boolean): Promise<void> {\n    this.clearFriendMessage()\n    this.friendMessage = formatDisplayError(message)\n    this.friendError = error\n    this.friendMessageTimer = setTimeout(() => {\n      this.clearFriendMessage()\n    }, 10000)\n    await this.updateComplete\n    this.shadowRoot?.querySelector<HTMLElement>('.friend-message')?.focus()\n  }\n\n  private handleAddFriend = async (event: Event): Promise<void> => {\n    event.preventDefault()\n    if (this.friendState !== 'available' && this.friendState !== 'error') return\n    const subject = this.friendSubject\n    if (!subject) return\n    const request = this.friendRequest\n    this.friendState = 'saving'\n    this.clearFriendMessage()\n    try {\n      const viewer = authn.currentUser()\n      if (!viewer) throw new Error(friendTexts.loginRequired)\n      await addFriend(viewer, subject)\n      if (request !== this.friendRequest || this.friendSubject !== subject) return\n      this.friendState = 'exists'\n      await this.showFriendMessage(friendTexts.success, false)\n    } catch (error: unknown) {\n      if (request !== this.friendRequest || this.friendSubject !== subject) return\n      this.friendState = 'error'\n      await this.showFriendMessage(error, true)\n    }\n  }\n\n  private handleEdit = (event: Event) => {\n    const context = this.editContext\n    if (!context) return\n\n    createHeadingEditDialog(\n      event,\n      store,\n      context.subject,\n      context.profileData,\n      context.viewerMode,\n      async () => {\n        this.dispatchEvent(new CustomEvent('profile-heading-saved', {\n          bubbles: true,\n          composed: true,\n          detail: { subjectUri: context.subject.value }\n        }))\n        await context.onSaved()\n      }\n    ).catch((error: unknown) => {\n      console.error('Failed to edit profile heading.', error)\n    })\n  }\n\n  private handleImageError = (event: Event) => {\n    this.failedImageSrc = (event.currentTarget as HTMLImageElement).getAttribute('src') ?? undefined\n  }\n\n  render (): TemplateResult<1> {\n    const profile = this.profileData\n    if (!profile) return html``\n\n    const phone = textValue(profile.primaryPhone?.valueNode).replace(/^tel:/i, '')\n    const email = textValue(profile.primaryEmail?.valueNode).replace(/^mailto:/i, '')\n    const dateOfBirth = displayDate(profile.dateOfBirth)\n    const showImage = Boolean(profile.imageSrc && this.failedImageSrc !== profile.imageSrc)\n    const viewer = authn.currentUser()\n    const showFriend = Boolean(this.friendSubject && viewer && !viewer.sameTerm(this.friendSubject))\n\n    return html`\n      <section class=\"profile-heading\" aria-labelledby=\"profile-heading-name\">\n        <div class=\"avatar\">\n          <div class=\"image-frame ${showImage ? '' : 'image-frame--fallback'}\">\n            ${showImage\n              ? html`<img\n                  class=\"hero\"\n                  src=${profile.imageSrc}\n                  alt=${profile.name}\n                  width=\"140\"\n                  height=\"140\"\n                  loading=\"eager\"\n                  @error=${this.handleImageError}\n                />`\n              : nothing}\n              <div class=\"hero-fallback\" role=\"img\" aria-label=${profile.name}>\n                <icon-lucide-circle-user-round aria-hidden=\"true\"></icon-lucide-circle-user-round>\n              </div>\n          </div>\n        </div>\n\n        <div class=\"info\">\n          <header class=\"header-bar\">\n            <div class=\"identity\" role=\"group\" aria-label=${this.compact ? 'Name' : 'Name and pronouns'}>\n              <h1 id=\"profile-heading-name\" class=\"name\">${profile.name}</h1>\n              ${profile.pronouns ? html`<span class=\"pronouns\" ?hidden=${this.compact}>(${profile.pronouns})</span>` : nothing}\n            </div>\n            ${profile.jobTitle ? html`<div class=\"role\">${profile.jobTitle}</div>` : nothing}\n          </header>\n        </div>\n\n        ${(this.editContext && !this.compact) || showFriend\n          ? html`\n            <div class=\"profile__actions profile__heading-edit-action\">\n              ${showFriend\n                ? html`\n                <div class=\"profile-friends-button__section\" role=\"group\" aria-label=\"Friend relationship actions\">\n                  <solid-ui-button\n                    variant=\"secondary\"\n                    class=\"profile__btn-friends\"\n                    ?disabled=${this.friendState === 'loading' || this.friendState === 'saving' || this.friendState === 'exists'}\n                    aria-busy=${this.friendState === 'loading' || this.friendState === 'saving' ? 'true' : 'false'}\n                    @click=${this.handleAddFriend}\n                  >${this.friendState === 'exists'\n                    ? nothing\n                    : html`<icon-lucide-user-round-plus slot=\"icon\" class=\"profile__btn-friends-icon\" aria-hidden=\"true\"></icon-lucide-user-round-plus>`}${this.friendState === 'exists' ? friendTexts.exists : friendTexts.add}</solid-ui-button>\n                  ${this.friendMessage\n                    ? html`\n                    <div class=\"friend-message\" role=${this.friendError ? 'alert' : 'status'}\n                      aria-live=${this.friendError ? 'assertive' : 'polite'} tabindex=\"0\">\n                      ${this.friendMessage}\n                    </div>`\n                    : nothing}\n                </div>\n              `\n                : nothing}\n              ${this.editContext && !this.compact\n                ? html`\n              <solid-ui-button\n                variant=\"tertiary\"\n                class=\"profile-section-collapsible__edit-button desktop-edit-button\"\n                aria-label=\"Add or edit heading information\"\n                @click=${this.handleEdit}\n              >\n                <span slot=\"left-icon\" class=\"profile-section-collapsible__action-label profile__add-more-icon\" aria-hidden=\"true\">\n                  ${this.renderEditIcon()}\n                </span>\n                <span class=\"profile-section-collapsible__action-label edit-label\">Edit</span>\n              </solid-ui-button>\n              <solid-ui-button\n                variant=\"ghost\"\n                class=\"profile-section-collapsible__edit-button mobile-edit-button\"\n                aria-label=\"Add or edit heading information\"\n                @click=${this.handleEdit}\n              >\n                <span slot=\"icon\" class=\"profile-section-collapsible__edit-icon\" aria-hidden=\"true\">\n                  ${this.renderEditIcon()}\n                </span>\n              </solid-ui-button>\n              `\n                : nothing}\n            </div>\n          `\n          : nothing}\n\n        <div class=\"details-collapse\" aria-hidden=${this.compact ? 'true' : 'false'} ?inert=${this.compact}>\n          <div class=\"details\">\n            <div class=\"detail-row\" role=\"group\" aria-label=\"Additional profile information\">\n              ${this.renderLine(dateOfBirth, 'birthday')}\n              ${this.renderLine(profile.location, 'location')}\n            </div>\n            <div class=\"detail-row\" role=\"group\" aria-label=\"Contact information\">\n              ${this.renderLine(phone, 'phone')}\n              ${this.renderLine(email, 'email')}\n            </div>\n          </div>\n        </div>\n      </section>\n    `\n  }\n\n  private renderLine (value: string | undefined, icon: 'birthday' | 'location' | 'phone' | 'email') {\n    if (!value) return nothing\n\n    return html`\n      <div class=\"detail-item\">\n        <span class=\"detail-icon\" aria-hidden=\"true\">\n          ${this.renderIcon(icon)}\n        </span>\n        <span class=\"detail-value\">${value}</span>\n      </div>\n    `\n  }\n\n  private renderIcon (icon: 'birthday' | 'location' | 'phone' | 'email'): TemplateResult {\n    switch (icon) {\n      case 'birthday':\n        return html`<icon-lucide-cake aria-hidden=\"true\"></icon-lucide-cake>`\n      case 'location':\n        return html`<icon-lucide-map-pin aria-hidden=\"true\"></icon-lucide-map-pin>`\n      case 'phone':\n        return html`<icon-lucide-phone aria-hidden=\"true\"></icon-lucide-phone>`\n      case 'email':\n        return html`<icon-lucide-mail aria-hidden=\"true\"></icon-lucide-mail>`\n    }\n  }\n\n  private renderEditIcon (): TemplateResult {\n    return html`<icon-lucide-pencil aria-hidden=\"true\"></icon-lucide-pencil>`\n  }\n}\n\nfunction textValue (value: Node | undefined): string {\n  return value?.value ?? ''\n}\n\nfunction displayDate (value?: string): string {\n  const raw = (value || '').trim()\n  const isoDate = raw.match(/^(\\d{4})-(\\d{2})-(\\d{2})/)\n  if (isoDate) {\n    const [, year, month, day] = isoDate\n    return `${day}-${month}-${year}`\n  }\n\n  const dmyDate = raw.match(/^(\\d{2})[/-](\\d{2})[/-](\\d{4})$/)\n  if (dmyDate) {\n    const [, day, month, year] = dmyDate\n    return `${day}-${month}-${year}`\n  }\n\n  return raw\n}\n"],"mappings":"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"}

package/dist/components/profile-heading/ProfileHeading.styles.cjs.js

@@ -1,2 +1,2 @@
-var e=require("lit").css`:host{--profile-avatar-size:8.75rem;--profile-fallback-padding:36.4px;width:100%;color:var(--color-text-secondary,#4a5565);font-family:inherit;display:block}.profile-heading{box-sizing:border-box;background:var(--solid-ui-color-white,#fff);border:1px solid var(--solid-ui-color-slate-200,#e2e8f0);border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:\"avatar info edit\"\"avatar details details\";align-items:start;gap:20px;width:100%;padding:25px;transition:box-shadow .2s,transform .2s,padding .3s,row-gap .3s;display:grid;overflow-x:clip}.profile-heading:hover{box-shadow:0 8px 10px #7c4dff1a}.avatar{grid-area:avatar}.image-frame{width:var(--profile-avatar-size);aspect-ratio:1;place-items:center;transition:width .3s;display:grid;position:relative;overflow:hidden}.image-frame--fallback{border:1px dashed var(--solid-ui-color-slate-200,#e2e8f0);background:var(--solid-ui-color-slate-50,#f8fafc);box-sizing:border-box}.hero{border:1px solid var(--solid-ui-color-primary,#7c4dff);background:var(--color-surface-placeholder,var(--gray-300,#d1d5dc)) 50% / cover no-repeat;object-fit:cover;object-position:center;box-sizing:border-box;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.hero-fallback{width:100%;height:100%;padding:0 var(--profile-fallback-padding);box-sizing:border-box;justify-content:center;align-items:center;transition:padding .3s;display:none}.hero-fallback icon-lucide-circle-user-round{color:#cbd5e1;width:100%;height:100%;display:block}.image-frame--fallback .hero-fallback{display:flex}.info{grid-area:info;min-width:0}.profile__heading-edit-action{grid-area:edit;justify-content:flex-end;place-self:flex-start end;align-items:flex-start;gap:8px;margin-bottom:0;margin-left:auto;margin-right:0;padding:0;display:flex}.profile-friends-button__section{gap:8px;max-width:16rem;display:grid}.profile__btn-friends-icon{align-self:center;width:14px;height:14px;display:block;transform:translateY(-3px)}.friend-message{text-align:center;font-size:var(--solid-ui-font-size-sm,.875rem);overflow-wrap:anywhere}.friend-message[role=alert]{color:var(--solid-ui-color-red-700,#b91c1c)}.friend-message[role=status]{color:var(--solid-ui-color-green-700,#15803d)}.profile-section-collapsible__edit-button{min-width:0}.mobile-edit-button{color:var(--solid-ui-color-primary,#7c4dff);display:none}.profile-section-collapsible__action-label{font-size:var(--solid-ui-font-size-sm,.875rem)}.profile__add-more-icon{margin-right:0;line-height:0;position:relative;top:0;transform:translateY(0)}.profile__add-more-icon icon-lucide-pencil,.profile-section-collapsible__edit-icon icon-lucide-pencil{width:14px;height:14px;display:block}.header-bar{flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:0;padding:0;display:flex}.identity{flex-wrap:wrap;align-items:baseline;gap:7px;width:100%;display:flex}.name{color:var(--color-text-heading,#000);overflow-wrap:anywhere;margin:0;font-size:1.75rem;font-weight:600;line-height:1.2;display:block}.pronouns{color:var(--color-text-secondary,#4a5565);font-size:var(--solid-ui-font-size-sm,.875rem);font-weight:400;line-height:1.2}.role{width:100%;color:var(--solid-ui-color-gray-800,#101828);font-size:var(--solid-ui-font-size-lg,1.125rem);overflow-wrap:anywhere;font-weight:500;line-height:1.25}.details-collapse{grid-area:details;grid-template-rows:1fr;transition:grid-template-rows .3s,opacity .3s;display:grid}.details{width:100%;min-width:0;min-height:0;font-size:var(--font-size-sm,.875rem);flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:12px 32px;display:flex;overflow:hidden}:host([compact]) .profile-heading{row-gap:0;padding:12.5px}:host([compact]) .image-frame{width:calc(var(--profile-avatar-size) / 2)}:host([compact]) .hero-fallback{padding-inline:calc(var(--profile-fallback-padding) / 2)}:host([compact]) .info{align-self:center}:host([compact]) .name{white-space:normal;overflow-wrap:anywhere}:host([compact]) .details-collapse{opacity:0;visibility:hidden;grid-template-rows:0fr}.pronouns[hidden]{display:none}.detail-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px clamp(12px,2vw,24px);width:min(100%,544px);display:grid}.detail-item{align-items:flex-start;gap:7px;min-width:0;display:flex}.detail-icon{flex:0 0 16px;width:16px;height:16px;margin-top:1px;display:inline-flex}.detail-icon>icon-lucide-cake,.detail-icon>icon-lucide-map-pin,.detail-icon>icon-lucide-phone,.detail-icon>icon-lucide-mail{color:currentColor;width:16px;height:16px;display:block}.detail-value{overflow-wrap:anywhere;word-break:break-word;min-width:0}@media (width<=1200px){:host{--profile-avatar-size:6.5rem;--profile-fallback-padding:27px}.profile-heading{column-gap:15px}}@media (width<=768px){.profile-heading:has(.profile-friends-button__section) .name{white-space:normal;overflow-wrap:anywhere}.profile__btn-friends-icon,.profile__btn-friends[disabled]:not([aria-busy=true]){display:none}:host{--profile-avatar-size:4.375rem;--profile-fallback-padding:0px}.profile-heading{grid-template-areas:\"avatar info edit\"\"details details details\";gap:12px 8px}.profile-section-collapsible__edit-button{width:var(--solid-ui-clickable-area,42px);height:var(--solid-ui-clickable-area,42px)}.desktop-edit-button{display:none}.mobile-edit-button{display:inline-flex;position:relative;top:-12px;right:-12px}.profile-section-collapsible__edit-icon{justify-content:center;align-items:center;line-height:0;display:inline-flex}.profile-heading{column-gap:10px}.hero-fallback icon-lucide-circle-user-round{width:3rem;height:3rem;transition:width .3s,height .3s}:host([compact]) .hero-fallback icon-lucide-circle-user-round{width:1.5rem;height:1.5rem}.name{white-space:normal;overflow-wrap:anywhere;font-size:1.375rem;line-height:1.15;display:inline}.identity{gap:0}.pronouns{white-space:nowrap;margin-left:2px;font-size:.6875rem;line-height:1.1}.role{font-size:var(--solid-ui-font-size-sm,.875rem)}.details{gap:12px;font-size:.75rem}.detail-row{column-gap:2px}}@media (prefers-reduced-motion:reduce){.profile-heading,.image-frame,.hero-fallback,.hero-fallback icon-lucide-circle-user-round,.details-collapse{transition:none}}`;exports.default=e;
+var e=require("lit").css`:host{--profile-avatar-size:8.75rem;--profile-fallback-padding:36.4px;width:100%;color:var(--color-text-secondary,#4a5565);font-family:inherit;display:block}.profile-heading{box-sizing:border-box;background:var(--solid-ui-color-white,#fff);border:1px solid var(--solid-ui-color-slate-200,#e2e8f0);border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:\"avatar info edit\"\"avatar details details\";align-items:start;gap:20px;width:100%;padding:25px;transition:box-shadow .2s,transform .2s,padding .3s,row-gap .3s;display:grid;overflow-x:clip}.profile-heading:hover{box-shadow:0 8px 10px #7c4dff1a}.avatar{grid-area:avatar}.image-frame{width:var(--profile-avatar-size);aspect-ratio:1;place-items:center;transition:width .3s;display:grid;position:relative;overflow:hidden}.image-frame--fallback{border:1px dashed var(--solid-ui-color-slate-200,#e2e8f0);background:var(--solid-ui-color-slate-50,#f8fafc);box-sizing:border-box}.hero{border:1px solid var(--solid-ui-color-primary,#7c4dff);background:var(--color-surface-placeholder,var(--gray-300,#d1d5dc)) 50% / cover no-repeat;object-fit:cover;object-position:center;box-sizing:border-box;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.hero-fallback{width:100%;height:100%;padding:0 var(--profile-fallback-padding);box-sizing:border-box;justify-content:center;align-items:center;transition:padding .3s;display:none}.hero-fallback icon-lucide-circle-user-round{color:#cbd5e1;width:100%;height:100%;display:block}.image-frame--fallback .hero-fallback{display:flex}.info{grid-area:info;min-width:0}.profile__heading-edit-action{grid-area:edit;justify-content:flex-end;place-self:flex-start end;align-items:flex-start;gap:8px;margin-bottom:0;margin-left:auto;margin-right:0;padding:0;display:flex}.profile-friends-button__section{gap:8px;max-width:16rem;display:grid}.profile__btn-friends-icon{align-self:center;width:14px;height:14px;display:block;transform:translateY(-3px)}.friend-message{text-align:center;font-size:var(--solid-ui-font-size-sm,.875rem);overflow-wrap:anywhere}.friend-message[role=alert]{color:var(--solid-ui-color-red-700,#b91c1c)}.friend-message[role=status]{color:var(--solid-ui-color-green-700,#15803d)}.profile-section-collapsible__edit-button{min-width:0}.mobile-edit-button{color:var(--solid-ui-color-primary,#7c4dff);display:none}.profile-section-collapsible__action-label{font-size:var(--solid-ui-font-size-sm,.875rem)}.profile__add-more-icon{margin-right:0;line-height:0;position:relative;top:0;transform:translateY(0)}.profile__add-more-icon icon-lucide-pencil,.profile-section-collapsible__edit-icon icon-lucide-pencil{width:14px;height:14px;display:block}.header-bar{flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:0;padding:0;display:flex}.identity{flex-wrap:wrap;align-items:baseline;gap:7px;width:100%;display:flex}.name{color:var(--color-text-heading,#000);overflow-wrap:anywhere;margin:0;font-size:1.75rem;font-weight:600;line-height:1.2;display:block}.pronouns{color:var(--color-text-secondary,#4a5565);font-size:var(--solid-ui-font-size-sm,.875rem);font-weight:400;line-height:1.2}.role{width:100%;color:var(--solid-ui-color-gray-800,#101828);font-size:var(--solid-ui-font-size-lg,1.125rem);overflow-wrap:anywhere;font-weight:500;line-height:1.25}.details-collapse{grid-area:details;grid-template-rows:1fr;transition:grid-template-rows .3s,opacity .3s;display:grid}.details{width:100%;min-width:0;min-height:0;font-size:var(--font-size-sm,.875rem);flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:12px 32px;display:flex;overflow:hidden}:host([compact]) .profile-heading{row-gap:0;padding:12.5px}:host([compact]) .image-frame{width:calc(var(--profile-avatar-size) / 2)}:host([compact]) .hero-fallback{padding-inline:calc(var(--profile-fallback-padding) / 2)}:host([compact]) .info,:host([compact]) .profile__heading-edit-action{align-self:center}:host([compact]) .name{white-space:normal;overflow-wrap:anywhere}:host([compact]) .details-collapse{opacity:0;visibility:hidden;grid-template-rows:0fr}.pronouns[hidden]{display:none}.detail-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px clamp(12px,2vw,24px);width:min(100%,544px);display:grid}.detail-item{align-items:flex-start;gap:7px;min-width:0;display:flex}.detail-icon{flex:0 0 16px;width:16px;height:16px;margin-top:1px;display:inline-flex}.detail-icon>icon-lucide-cake,.detail-icon>icon-lucide-map-pin,.detail-icon>icon-lucide-phone,.detail-icon>icon-lucide-mail{color:currentColor;width:16px;height:16px;display:block}.detail-value{overflow-wrap:anywhere;word-break:break-word;min-width:0}@media (width<=1200px){:host{--profile-avatar-size:6.5rem;--profile-fallback-padding:27px}.profile-heading{column-gap:15px}}@media (width<=768px){.profile-heading:has(.profile-friends-button__section) .name{white-space:normal;overflow-wrap:anywhere}.profile__btn-friends-icon,.profile__btn-friends[disabled]:not([aria-busy=true]){display:none}:host{--profile-avatar-size:4.375rem;--profile-fallback-padding:0px}.profile-heading{grid-template-areas:\"avatar info edit\"\"details details details\";gap:12px 8px}.profile-section-collapsible__edit-button{width:var(--solid-ui-clickable-area,42px);height:var(--solid-ui-clickable-area,42px)}.desktop-edit-button{display:none}.mobile-edit-button{display:inline-flex;position:relative;top:-12px;right:-12px}.profile-section-collapsible__edit-icon{justify-content:center;align-items:center;line-height:0;display:inline-flex}.profile-heading{column-gap:10px}.hero-fallback icon-lucide-circle-user-round{width:3rem;height:3rem;transition:width .3s,height .3s}:host([compact]) .hero-fallback icon-lucide-circle-user-round{width:1.5rem;height:1.5rem}.name{white-space:normal;overflow-wrap:anywhere;font-size:1.375rem;line-height:1.15;display:inline}.identity{gap:0}.pronouns{white-space:nowrap;margin-left:2px;font-size:.6875rem;line-height:1.1}.role{font-size:var(--solid-ui-font-size-sm,.875rem)}.details{gap:12px;font-size:.75rem}.detail-row{column-gap:2px}}@media (prefers-reduced-motion:reduce){.profile-heading,.image-frame,.hero-fallback,.hero-fallback icon-lucide-circle-user-round,.details-collapse{transition:none}}`;exports.default=e;
 //# sourceMappingURL=ProfileHeading.styles.cjs.js.map

package/dist/components/profile-heading/ProfileHeading.styles.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileHeading.styles.cjs.js","names":["ProfileHeading_styles_default"],"sources":["../../../src/components/profile-heading/ProfileHeading.styles.css"],"sourcesContent":[":host {\n  --profile-avatar-size: 8.75rem;\n  --profile-fallback-padding: 36.4px;\n  display: block;\n  width: 100%;\n  color: var(--color-text-secondary, #4a5565);\n  font-family: inherit;\n}\n\n.profile-heading {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  grid-template-areas:\n    \"avatar info edit\"\n    \"avatar details details\";\n  align-items: start;\n  column-gap: 20px;\n  row-gap: 20px;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 25px;\n  overflow-x: clip;\n  background: var(--solid-ui-color-white, #fff);\n  border: 1px solid var(--solid-ui-color-slate-200, #e2e8f0);\n  border-radius: 5px;\n  transition: box-shadow 0.2s ease, transform 0.2s ease, padding 0.3s ease, row-gap 0.3s ease;\n}\n\n.profile-heading:hover {\n  box-shadow: 0 8px 10px rgba(124, 77, 255, 0.1);\n}\n\n.avatar {\n  grid-area: avatar;\n}\n\n.image-frame {\n  position: relative;\n  display: grid;\n  place-items: center;\n  width: var(--profile-avatar-size);\n  aspect-ratio: 1;\n  overflow: hidden;\n  transition: width 0.3s ease;\n}\n\n.image-frame--fallback {\n  border: 1px dashed var(--solid-ui-color-slate-200, #e2e8f0);\n  background: var(--solid-ui-color-slate-50, #f8fafc);\n  box-sizing: border-box;\n}\n\n.hero {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border: 1px solid var(--solid-ui-color-primary, #7c4dff);\n  background: var(--color-surface-placeholder, var(--gray-300, #d1d5dc)) 50% / cover no-repeat;\n  object-fit: cover;\n  object-position: center;\n  box-sizing: border-box;\n  border-radius: 10px;\n}\n\n.hero-fallback {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  padding: 0 var(--profile-fallback-padding);\n  box-sizing: border-box;\n  transition: padding 0.3s ease;\n}\n\n.hero-fallback icon-lucide-circle-user-round {\n  display: block;\n  width: 100%;\n  height: 100%;\n  color: #cbd5e1;\n}\n\n.image-frame--fallback .hero-fallback {\n  display: flex;\n}\n\n.info {\n  grid-area: info;\n  min-width: 0;\n}\n\n.profile__heading-edit-action {\n  grid-area: edit;\n  margin-left: auto;\n  margin-right: 0;\n  margin-bottom: 0;\n  align-self: flex-start;\n  justify-self: end;\n  display: flex;\n  justify-content: flex-end;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 0;\n}\n\n.profile-friends-button__section {\n  display: grid;\n  gap: 8px;\n  max-width: 16rem;\n}\n\n.profile__btn-friends-icon {\n  display: block;\n  width: 14px;\n  height: 14px;\n  align-self: center;\n  transform: translateY(-3px);\n}\n\n.friend-message {\n  text-align: center;\n  font-size: var(--solid-ui-font-size-sm, 0.875rem);\n  overflow-wrap: anywhere;\n}\n\n.friend-message[role=\"alert\"] {\n  color: var(--solid-ui-color-red-700, #b91c1c);\n}\n\n.friend-message[role=\"status\"] {\n  color: var(--solid-ui-color-green-700, #15803d);\n}\n\n.profile-section-collapsible__edit-button {\n  min-width: 0;\n}\n\n.mobile-edit-button {\n  display: none;\n  color: var(--solid-ui-color-primary, #7c4dff);\n}\n\n.profile-section-collapsible__action-label {\n  font-size: var(--solid-ui-font-size-sm, 0.875rem);\n}\n\n.profile__add-more-icon {\n  margin-right: 0;\n  line-height: 0;\n  position: relative;\n  top: 0;\n  transform: translateY(0);\n}\n\n.profile__add-more-icon icon-lucide-pencil,\n.profile-section-collapsible__edit-icon icon-lucide-pencil {\n  display: block;\n  width: 14px;\n  height: 14px;\n}\n\n.header-bar {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.identity {\n  display: flex;\n  align-items: baseline;\n  gap: 7px;\n  width: 100%;\n  flex-wrap: wrap;\n}\n\n.name {\n  display: block;\n  margin: 0;\n  color: var(--color-text-heading, #000);\n  font-size: 1.75rem;\n  font-weight: 600;\n  line-height: 1.2;\n  overflow-wrap: anywhere;\n}\n\n.pronouns {\n  color: var(--color-text-secondary, #4a5565);\n  font-size: var(--solid-ui-font-size-sm, 0.875rem);\n  font-weight: 400;\n  line-height: 1.2;\n}\n\n.role {\n  width: 100%;\n  color: var(--solid-ui-color-gray-800, #101828);\n  font-size: var(--solid-ui-font-size-lg, 1.125rem);\n  font-weight: 500;\n  line-height: 1.25;\n  overflow-wrap: anywhere;\n}\n\n.details-collapse {\n  grid-area: details;\n  display: grid;\n  grid-template-rows: 1fr;\n  transition: grid-template-rows 0.3s ease, opacity 0.3s ease;\n}\n\n.details {\n  display: flex;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  align-items: flex-start;\n  gap: 12px 32px;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  width: 100%;\n  font-size: var(--font-size-sm, 0.875rem);\n}\n\n:host([compact]) .profile-heading {\n  padding: 12.5px;\n  row-gap: 0;\n}\n\n:host([compact]) .image-frame {\n  width: calc(var(--profile-avatar-size) / 2);\n}\n\n:host([compact]) .hero-fallback {\n  padding-inline: calc(var(--profile-fallback-padding) / 2);\n}\n\n:host([compact]) .info {\n  align-self: center;\n}\n\n:host([compact]) .name {\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n:host([compact]) .details-collapse {\n  grid-template-rows: 0fr;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.pronouns[hidden] {\n  display: none;\n}\n\n.detail-row {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  align-items: start;\n  column-gap: clamp(12px, 2vw, 24px);\n  row-gap: 12px;\n  width: min(100%, 544px);\n}\n\n.detail-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 7px;\n  min-width: 0;\n}\n\n.detail-icon {\n  display: inline-flex;\n  flex: 0 0 16px;\n  width: 16px;\n  height: 16px;\n  margin-top: 1px;\n}\n\n.detail-icon > icon-lucide-cake,\n.detail-icon > icon-lucide-map-pin,\n.detail-icon > icon-lucide-phone,\n.detail-icon > icon-lucide-mail {\n  display: block;\n  width: 16px;\n  height: 16px;\n  color: currentColor;\n}\n\n.detail-value {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n\n@media (max-width: 1200px) {\n  :host {\n    --profile-avatar-size: 6.5rem;\n    --profile-fallback-padding: 27px;\n  }\n\n  .profile-heading {\n    column-gap: 15px;\n  }\n\n}\n\n@media (max-width: 768px) {\n  .profile-heading:has(.profile-friends-button__section) .name {\n    white-space: normal;\n    overflow-wrap: anywhere;\n  }\n\n  .profile__btn-friends-icon {\n    display: none;\n  }\n\n  .profile__btn-friends[disabled]:not([aria-busy=\"true\"]) {\n    display: none;\n  }\n\n  :host {\n    --profile-avatar-size: 4.375rem;\n    --profile-fallback-padding: 0px;\n  }\n\n  .profile-heading {\n    grid-template-areas:\n      \"avatar info edit\"\n      \"details details details\";\n    column-gap: 8px;\n    row-gap: 12px;\n  }\n\n  .profile-section-collapsible__edit-button {\n    width: var(--solid-ui-clickable-area, 42px);\n    height: var(--solid-ui-clickable-area, 42px);\n  }\n\n  .desktop-edit-button {\n    display: none;\n  }\n\n  .mobile-edit-button {\n    display: inline-flex;\n    position: relative;\n    top: -12px;\n    right: -12px;\n  }\n\n  .profile-section-collapsible__edit-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 0;\n  }\n\n  .profile-heading {\n    column-gap: 10px;\n  }\n\n  .hero-fallback icon-lucide-circle-user-round {\n    width: 3rem;\n    height: 3rem;\n    transition: width 0.3s ease, height 0.3s ease;\n  }\n\n  :host([compact]) .hero-fallback icon-lucide-circle-user-round {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  .name {\n    display: inline;\n    font-size: 1.375rem;\n    line-height: 1.15;\n    white-space: normal;\n    overflow-wrap: anywhere;\n  }\n\n  .identity {\n    gap: 0;\n  }\n\n  .pronouns {\n    margin-left: 2px;\n    font-size: 0.6875rem;\n    line-height: 1.1;\n    white-space: nowrap;\n  }\n\n  .role {\n    font-size: var(--solid-ui-font-size-sm, 0.875rem);\n  }\n\n  .details {\n    gap: 12px;\n    font-size: 0.75rem;\n  }\n\n  .detail-row {\n    column-gap: 2px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .profile-heading,\n  .image-frame,\n  .hero-fallback,\n  .hero-fallback icon-lucide-circle-user-round,\n  .details-collapse {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ProfileHeading.styles.cjs.js","names":["ProfileHeading_styles_default"],"sources":["../../../src/components/profile-heading/ProfileHeading.styles.css"],"sourcesContent":[":host {\n  --profile-avatar-size: 8.75rem;\n  --profile-fallback-padding: 36.4px;\n  display: block;\n  width: 100%;\n  color: var(--color-text-secondary, #4a5565);\n  font-family: inherit;\n}\n\n.profile-heading {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  grid-template-areas:\n    \"avatar info edit\"\n    \"avatar details details\";\n  align-items: start;\n  column-gap: 20px;\n  row-gap: 20px;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 25px;\n  overflow-x: clip;\n  background: var(--solid-ui-color-white, #fff);\n  border: 1px solid var(--solid-ui-color-slate-200, #e2e8f0);\n  border-radius: 5px;\n  transition: box-shadow 0.2s ease, transform 0.2s ease, padding 0.3s ease, row-gap 0.3s ease;\n}\n\n.profile-heading:hover {\n  box-shadow: 0 8px 10px rgba(124, 77, 255, 0.1);\n}\n\n.avatar {\n  grid-area: avatar;\n}\n\n.image-frame {\n  position: relative;\n  display: grid;\n  place-items: center;\n  width: var(--profile-avatar-size);\n  aspect-ratio: 1;\n  overflow: hidden;\n  transition: width 0.3s ease;\n}\n\n.image-frame--fallback {\n  border: 1px dashed var(--solid-ui-color-slate-200, #e2e8f0);\n  background: var(--solid-ui-color-slate-50, #f8fafc);\n  box-sizing: border-box;\n}\n\n.hero {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border: 1px solid var(--solid-ui-color-primary, #7c4dff);\n  background: var(--color-surface-placeholder, var(--gray-300, #d1d5dc)) 50% / cover no-repeat;\n  object-fit: cover;\n  object-position: center;\n  box-sizing: border-box;\n  border-radius: 10px;\n}\n\n.hero-fallback {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  padding: 0 var(--profile-fallback-padding);\n  box-sizing: border-box;\n  transition: padding 0.3s ease;\n}\n\n.hero-fallback icon-lucide-circle-user-round {\n  display: block;\n  width: 100%;\n  height: 100%;\n  color: #cbd5e1;\n}\n\n.image-frame--fallback .hero-fallback {\n  display: flex;\n}\n\n.info {\n  grid-area: info;\n  min-width: 0;\n}\n\n.profile__heading-edit-action {\n  grid-area: edit;\n  margin-left: auto;\n  margin-right: 0;\n  margin-bottom: 0;\n  align-self: flex-start;\n  justify-self: end;\n  display: flex;\n  justify-content: flex-end;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 0;\n}\n\n.profile-friends-button__section {\n  display: grid;\n  gap: 8px;\n  max-width: 16rem;\n}\n\n.profile__btn-friends-icon {\n  display: block;\n  width: 14px;\n  height: 14px;\n  align-self: center;\n  transform: translateY(-3px);\n}\n\n.friend-message {\n  text-align: center;\n  font-size: var(--solid-ui-font-size-sm, 0.875rem);\n  overflow-wrap: anywhere;\n}\n\n.friend-message[role=\"alert\"] {\n  color: var(--solid-ui-color-red-700, #b91c1c);\n}\n\n.friend-message[role=\"status\"] {\n  color: var(--solid-ui-color-green-700, #15803d);\n}\n\n.profile-section-collapsible__edit-button {\n  min-width: 0;\n}\n\n.mobile-edit-button {\n  display: none;\n  color: var(--solid-ui-color-primary, #7c4dff);\n}\n\n.profile-section-collapsible__action-label {\n  font-size: var(--solid-ui-font-size-sm, 0.875rem);\n}\n\n.profile__add-more-icon {\n  margin-right: 0;\n  line-height: 0;\n  position: relative;\n  top: 0;\n  transform: translateY(0);\n}\n\n.profile__add-more-icon icon-lucide-pencil,\n.profile-section-collapsible__edit-icon icon-lucide-pencil {\n  display: block;\n  width: 14px;\n  height: 14px;\n}\n\n.header-bar {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.identity {\n  display: flex;\n  align-items: baseline;\n  gap: 7px;\n  width: 100%;\n  flex-wrap: wrap;\n}\n\n.name {\n  display: block;\n  margin: 0;\n  color: var(--color-text-heading, #000);\n  font-size: 1.75rem;\n  font-weight: 600;\n  line-height: 1.2;\n  overflow-wrap: anywhere;\n}\n\n.pronouns {\n  color: var(--color-text-secondary, #4a5565);\n  font-size: var(--solid-ui-font-size-sm, 0.875rem);\n  font-weight: 400;\n  line-height: 1.2;\n}\n\n.role {\n  width: 100%;\n  color: var(--solid-ui-color-gray-800, #101828);\n  font-size: var(--solid-ui-font-size-lg, 1.125rem);\n  font-weight: 500;\n  line-height: 1.25;\n  overflow-wrap: anywhere;\n}\n\n.details-collapse {\n  grid-area: details;\n  display: grid;\n  grid-template-rows: 1fr;\n  transition: grid-template-rows 0.3s ease, opacity 0.3s ease;\n}\n\n.details {\n  display: flex;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  align-items: flex-start;\n  gap: 12px 32px;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  width: 100%;\n  font-size: var(--font-size-sm, 0.875rem);\n}\n\n:host([compact]) .profile-heading {\n  padding: 12.5px;\n  row-gap: 0;\n}\n\n:host([compact]) .image-frame {\n  width: calc(var(--profile-avatar-size) / 2);\n}\n\n:host([compact]) .hero-fallback {\n  padding-inline: calc(var(--profile-fallback-padding) / 2);\n}\n\n:host([compact]) .info {\n  align-self: center;\n}\n\n:host([compact]) .profile__heading-edit-action {\n  align-self: center;\n}\n\n:host([compact]) .name {\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n:host([compact]) .details-collapse {\n  grid-template-rows: 0fr;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.pronouns[hidden] {\n  display: none;\n}\n\n.detail-row {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  align-items: start;\n  column-gap: clamp(12px, 2vw, 24px);\n  row-gap: 12px;\n  width: min(100%, 544px);\n}\n\n.detail-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 7px;\n  min-width: 0;\n}\n\n.detail-icon {\n  display: inline-flex;\n  flex: 0 0 16px;\n  width: 16px;\n  height: 16px;\n  margin-top: 1px;\n}\n\n.detail-icon > icon-lucide-cake,\n.detail-icon > icon-lucide-map-pin,\n.detail-icon > icon-lucide-phone,\n.detail-icon > icon-lucide-mail {\n  display: block;\n  width: 16px;\n  height: 16px;\n  color: currentColor;\n}\n\n.detail-value {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n\n@media (max-width: 1200px) {\n  :host {\n    --profile-avatar-size: 6.5rem;\n    --profile-fallback-padding: 27px;\n  }\n\n  .profile-heading {\n    column-gap: 15px;\n  }\n\n}\n\n@media (max-width: 768px) {\n  .profile-heading:has(.profile-friends-button__section) .name {\n    white-space: normal;\n    overflow-wrap: anywhere;\n  }\n\n  .profile__btn-friends-icon {\n    display: none;\n  }\n\n  .profile__btn-friends[disabled]:not([aria-busy=\"true\"]) {\n    display: none;\n  }\n\n  :host {\n    --profile-avatar-size: 4.375rem;\n    --profile-fallback-padding: 0px;\n  }\n\n  .profile-heading {\n    grid-template-areas:\n      \"avatar info edit\"\n      \"details details details\";\n    column-gap: 8px;\n    row-gap: 12px;\n  }\n\n  .profile-section-collapsible__edit-button {\n    width: var(--solid-ui-clickable-area, 42px);\n    height: var(--solid-ui-clickable-area, 42px);\n  }\n\n  .desktop-edit-button {\n    display: none;\n  }\n\n  .mobile-edit-button {\n    display: inline-flex;\n    position: relative;\n    top: -12px;\n    right: -12px;\n  }\n\n  .profile-section-collapsible__edit-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 0;\n  }\n\n  .profile-heading {\n    column-gap: 10px;\n  }\n\n  .hero-fallback icon-lucide-circle-user-round {\n    width: 3rem;\n    height: 3rem;\n    transition: width 0.3s ease, height 0.3s ease;\n  }\n\n  :host([compact]) .hero-fallback icon-lucide-circle-user-round {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  .name {\n    display: inline;\n    font-size: 1.375rem;\n    line-height: 1.15;\n    white-space: normal;\n    overflow-wrap: anywhere;\n  }\n\n  .identity {\n    gap: 0;\n  }\n\n  .pronouns {\n    margin-left: 2px;\n    font-size: 0.6875rem;\n    line-height: 1.1;\n    white-space: nowrap;\n  }\n\n  .role {\n    font-size: var(--solid-ui-font-size-sm, 0.875rem);\n  }\n\n  .details {\n    gap: 12px;\n    font-size: 0.75rem;\n  }\n\n  .detail-row {\n    column-gap: 2px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .profile-heading,\n  .image-frame,\n  .hero-fallback,\n  .hero-fallback icon-lucide-circle-user-round,\n  .details-collapse {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/dist/components/profile-heading/ProfileHeading.styles.esm.js

@@ -1,7 +1,6 @@
 import { css as e } from "lit";
-//#region src/components/profile-heading/ProfileHeading.styles.css
-var t = e`:host{--profile-avatar-size:8.75rem;--profile-fallback-padding:36.4px;width:100%;color:var(--color-text-secondary,#4a5565);font-family:inherit;display:block}.profile-heading{box-sizing:border-box;background:var(--solid-ui-color-white,#fff);border:1px solid var(--solid-ui-color-slate-200,#e2e8f0);border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:\"avatar info edit\"\"avatar details details\";align-items:start;gap:20px;width:100%;padding:25px;transition:box-shadow .2s,transform .2s,padding .3s,row-gap .3s;display:grid;overflow-x:clip}.profile-heading:hover{box-shadow:0 8px 10px #7c4dff1a}.avatar{grid-area:avatar}.image-frame{width:var(--profile-avatar-size);aspect-ratio:1;place-items:center;transition:width .3s;display:grid;position:relative;overflow:hidden}.image-frame--fallback{border:1px dashed var(--solid-ui-color-slate-200,#e2e8f0);background:var(--solid-ui-color-slate-50,#f8fafc);box-sizing:border-box}.hero{border:1px solid var(--solid-ui-color-primary,#7c4dff);background:var(--color-surface-placeholder,var(--gray-300,#d1d5dc)) 50% / cover no-repeat;object-fit:cover;object-position:center;box-sizing:border-box;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.hero-fallback{width:100%;height:100%;padding:0 var(--profile-fallback-padding);box-sizing:border-box;justify-content:center;align-items:center;transition:padding .3s;display:none}.hero-fallback icon-lucide-circle-user-round{color:#cbd5e1;width:100%;height:100%;display:block}.image-frame--fallback .hero-fallback{display:flex}.info{grid-area:info;min-width:0}.profile__heading-edit-action{grid-area:edit;justify-content:flex-end;place-self:flex-start end;align-items:flex-start;gap:8px;margin-bottom:0;margin-left:auto;margin-right:0;padding:0;display:flex}.profile-friends-button__section{gap:8px;max-width:16rem;display:grid}.profile__btn-friends-icon{align-self:center;width:14px;height:14px;display:block;transform:translateY(-3px)}.friend-message{text-align:center;font-size:var(--solid-ui-font-size-sm,.875rem);overflow-wrap:anywhere}.friend-message[role=alert]{color:var(--solid-ui-color-red-700,#b91c1c)}.friend-message[role=status]{color:var(--solid-ui-color-green-700,#15803d)}.profile-section-collapsible__edit-button{min-width:0}.mobile-edit-button{color:var(--solid-ui-color-primary,#7c4dff);display:none}.profile-section-collapsible__action-label{font-size:var(--solid-ui-font-size-sm,.875rem)}.profile__add-more-icon{margin-right:0;line-height:0;position:relative;top:0;transform:translateY(0)}.profile__add-more-icon icon-lucide-pencil,.profile-section-collapsible__edit-icon icon-lucide-pencil{width:14px;height:14px;display:block}.header-bar{flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:0;padding:0;display:flex}.identity{flex-wrap:wrap;align-items:baseline;gap:7px;width:100%;display:flex}.name{color:var(--color-text-heading,#000);overflow-wrap:anywhere;margin:0;font-size:1.75rem;font-weight:600;line-height:1.2;display:block}.pronouns{color:var(--color-text-secondary,#4a5565);font-size:var(--solid-ui-font-size-sm,.875rem);font-weight:400;line-height:1.2}.role{width:100%;color:var(--solid-ui-color-gray-800,#101828);font-size:var(--solid-ui-font-size-lg,1.125rem);overflow-wrap:anywhere;font-weight:500;line-height:1.25}.details-collapse{grid-area:details;grid-template-rows:1fr;transition:grid-template-rows .3s,opacity .3s;display:grid}.details{width:100%;min-width:0;min-height:0;font-size:var(--font-size-sm,.875rem);flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:12px 32px;display:flex;overflow:hidden}:host([compact]) .profile-heading{row-gap:0;padding:12.5px}:host([compact]) .image-frame{width:calc(var(--profile-avatar-size) / 2)}:host([compact]) .hero-fallback{padding-inline:calc(var(--profile-fallback-padding) / 2)}:host([compact]) .info{align-self:center}:host([compact]) .name{white-space:normal;overflow-wrap:anywhere}:host([compact]) .details-collapse{opacity:0;visibility:hidden;grid-template-rows:0fr}.pronouns[hidden]{display:none}.detail-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px clamp(12px,2vw,24px);width:min(100%,544px);display:grid}.detail-item{align-items:flex-start;gap:7px;min-width:0;display:flex}.detail-icon{flex:0 0 16px;width:16px;height:16px;margin-top:1px;display:inline-flex}.detail-icon>icon-lucide-cake,.detail-icon>icon-lucide-map-pin,.detail-icon>icon-lucide-phone,.detail-icon>icon-lucide-mail{color:currentColor;width:16px;height:16px;display:block}.detail-value{overflow-wrap:anywhere;word-break:break-word;min-width:0}@media (width<=1200px){:host{--profile-avatar-size:6.5rem;--profile-fallback-padding:27px}.profile-heading{column-gap:15px}}@media (width<=768px){.profile-heading:has(.profile-friends-button__section) .name{white-space:normal;overflow-wrap:anywhere}.profile__btn-friends-icon,.profile__btn-friends[disabled]:not([aria-busy=true]){display:none}:host{--profile-avatar-size:4.375rem;--profile-fallback-padding:0px}.profile-heading{grid-template-areas:\"avatar info edit\"\"details details details\";gap:12px 8px}.profile-section-collapsible__edit-button{width:var(--solid-ui-clickable-area,42px);height:var(--solid-ui-clickable-area,42px)}.desktop-edit-button{display:none}.mobile-edit-button{display:inline-flex;position:relative;top:-12px;right:-12px}.profile-section-collapsible__edit-icon{justify-content:center;align-items:center;line-height:0;display:inline-flex}.profile-heading{column-gap:10px}.hero-fallback icon-lucide-circle-user-round{width:3rem;height:3rem;transition:width .3s,height .3s}:host([compact]) .hero-fallback icon-lucide-circle-user-round{width:1.5rem;height:1.5rem}.name{white-space:normal;overflow-wrap:anywhere;font-size:1.375rem;line-height:1.15;display:inline}.identity{gap:0}.pronouns{white-space:nowrap;margin-left:2px;font-size:.6875rem;line-height:1.1}.role{font-size:var(--solid-ui-font-size-sm,.875rem)}.details{gap:12px;font-size:.75rem}.detail-row{column-gap:2px}}@media (prefers-reduced-motion:reduce){.profile-heading,.image-frame,.hero-fallback,.hero-fallback icon-lucide-circle-user-round,.details-collapse{transition:none}}`;
-//#endregion
+// src/components/profile-heading/ProfileHeading.styles.css
+var t = e`:host{--profile-avatar-size:8.75rem;--profile-fallback-padding:36.4px;width:100%;color:var(--color-text-secondary,#4a5565);font-family:inherit;display:block}.profile-heading{box-sizing:border-box;background:var(--solid-ui-color-white,#fff);border:1px solid var(--solid-ui-color-slate-200,#e2e8f0);border-radius:5px;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:\"avatar info edit\"\"avatar details details\";align-items:start;gap:20px;width:100%;padding:25px;transition:box-shadow .2s,transform .2s,padding .3s,row-gap .3s;display:grid;overflow-x:clip}.profile-heading:hover{box-shadow:0 8px 10px #7c4dff1a}.avatar{grid-area:avatar}.image-frame{width:var(--profile-avatar-size);aspect-ratio:1;place-items:center;transition:width .3s;display:grid;position:relative;overflow:hidden}.image-frame--fallback{border:1px dashed var(--solid-ui-color-slate-200,#e2e8f0);background:var(--solid-ui-color-slate-50,#f8fafc);box-sizing:border-box}.hero{border:1px solid var(--solid-ui-color-primary,#7c4dff);background:var(--color-surface-placeholder,var(--gray-300,#d1d5dc)) 50% / cover no-repeat;object-fit:cover;object-position:center;box-sizing:border-box;border-radius:10px;width:100%;height:100%;position:absolute;inset:0}.hero-fallback{width:100%;height:100%;padding:0 var(--profile-fallback-padding);box-sizing:border-box;justify-content:center;align-items:center;transition:padding .3s;display:none}.hero-fallback icon-lucide-circle-user-round{color:#cbd5e1;width:100%;height:100%;display:block}.image-frame--fallback .hero-fallback{display:flex}.info{grid-area:info;min-width:0}.profile__heading-edit-action{grid-area:edit;justify-content:flex-end;place-self:flex-start end;align-items:flex-start;gap:8px;margin-bottom:0;margin-left:auto;margin-right:0;padding:0;display:flex}.profile-friends-button__section{gap:8px;max-width:16rem;display:grid}.profile__btn-friends-icon{align-self:center;width:14px;height:14px;display:block;transform:translateY(-3px)}.friend-message{text-align:center;font-size:var(--solid-ui-font-size-sm,.875rem);overflow-wrap:anywhere}.friend-message[role=alert]{color:var(--solid-ui-color-red-700,#b91c1c)}.friend-message[role=status]{color:var(--solid-ui-color-green-700,#15803d)}.profile-section-collapsible__edit-button{min-width:0}.mobile-edit-button{color:var(--solid-ui-color-primary,#7c4dff);display:none}.profile-section-collapsible__action-label{font-size:var(--solid-ui-font-size-sm,.875rem)}.profile__add-more-icon{margin-right:0;line-height:0;position:relative;top:0;transform:translateY(0)}.profile__add-more-icon icon-lucide-pencil,.profile-section-collapsible__edit-icon icon-lucide-pencil{width:14px;height:14px;display:block}.header-bar{flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin:0;padding:0;display:flex}.identity{flex-wrap:wrap;align-items:baseline;gap:7px;width:100%;display:flex}.name{color:var(--color-text-heading,#000);overflow-wrap:anywhere;margin:0;font-size:1.75rem;font-weight:600;line-height:1.2;display:block}.pronouns{color:var(--color-text-secondary,#4a5565);font-size:var(--solid-ui-font-size-sm,.875rem);font-weight:400;line-height:1.2}.role{width:100%;color:var(--solid-ui-color-gray-800,#101828);font-size:var(--solid-ui-font-size-lg,1.125rem);overflow-wrap:anywhere;font-weight:500;line-height:1.25}.details-collapse{grid-area:details;grid-template-rows:1fr;transition:grid-template-rows .3s,opacity .3s;display:grid}.details{width:100%;min-width:0;min-height:0;font-size:var(--font-size-sm,.875rem);flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:12px 32px;display:flex;overflow:hidden}:host([compact]) .profile-heading{row-gap:0;padding:12.5px}:host([compact]) .image-frame{width:calc(var(--profile-avatar-size) / 2)}:host([compact]) .hero-fallback{padding-inline:calc(var(--profile-fallback-padding) / 2)}:host([compact]) .info,:host([compact]) .profile__heading-edit-action{align-self:center}:host([compact]) .name{white-space:normal;overflow-wrap:anywhere}:host([compact]) .details-collapse{opacity:0;visibility:hidden;grid-template-rows:0fr}.pronouns[hidden]{display:none}.detail-row{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px clamp(12px,2vw,24px);width:min(100%,544px);display:grid}.detail-item{align-items:flex-start;gap:7px;min-width:0;display:flex}.detail-icon{flex:0 0 16px;width:16px;height:16px;margin-top:1px;display:inline-flex}.detail-icon>icon-lucide-cake,.detail-icon>icon-lucide-map-pin,.detail-icon>icon-lucide-phone,.detail-icon>icon-lucide-mail{color:currentColor;width:16px;height:16px;display:block}.detail-value{overflow-wrap:anywhere;word-break:break-word;min-width:0}@media (width<=1200px){:host{--profile-avatar-size:6.5rem;--profile-fallback-padding:27px}.profile-heading{column-gap:15px}}@media (width<=768px){.profile-heading:has(.profile-friends-button__section) .name{white-space:normal;overflow-wrap:anywhere}.profile__btn-friends-icon,.profile__btn-friends[disabled]:not([aria-busy=true]){display:none}:host{--profile-avatar-size:4.375rem;--profile-fallback-padding:0px}.profile-heading{grid-template-areas:\"avatar info edit\"\"details details details\";gap:12px 8px}.profile-section-collapsible__edit-button{width:var(--solid-ui-clickable-area,42px);height:var(--solid-ui-clickable-area,42px)}.desktop-edit-button{display:none}.mobile-edit-button{display:inline-flex;position:relative;top:-12px;right:-12px}.profile-section-collapsible__edit-icon{justify-content:center;align-items:center;line-height:0;display:inline-flex}.profile-heading{column-gap:10px}.hero-fallback icon-lucide-circle-user-round{width:3rem;height:3rem;transition:width .3s,height .3s}:host([compact]) .hero-fallback icon-lucide-circle-user-round{width:1.5rem;height:1.5rem}.name{white-space:normal;overflow-wrap:anywhere;font-size:1.375rem;line-height:1.15;display:inline}.identity{gap:0}.pronouns{white-space:nowrap;margin-left:2px;font-size:.6875rem;line-height:1.1}.role{font-size:var(--solid-ui-font-size-sm,.875rem)}.details{gap:12px;font-size:.75rem}.detail-row{column-gap:2px}}@media (prefers-reduced-motion:reduce){.profile-heading,.image-frame,.hero-fallback,.hero-fallback icon-lucide-circle-user-round,.details-collapse{transition:none}}`;
 export { t as default };
 
 //# sourceMappingURL=ProfileHeading.styles.esm.js.map

package/dist/components/profile-heading/ProfileHeading.styles.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProfileHeading.styles.esm.js","names":["ProfileHeading_styles_default"],"sources":["../../../src/components/profile-heading/ProfileHeading.styles.css"],"sourcesContent":[":host {\n  --profile-avatar-size: 8.75rem;\n  --profile-fallback-padding: 36.4px;\n  display: block;\n  width: 100%;\n  color: var(--color-text-secondary, #4a5565);\n  font-family: inherit;\n}\n\n.profile-heading {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  grid-template-areas:\n    \"avatar info edit\"\n    \"avatar details details\";\n  align-items: start;\n  column-gap: 20px;\n  row-gap: 20px;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 25px;\n  overflow-x: clip;\n  background: var(--solid-ui-color-white, #fff);\n  border: 1px solid var(--solid-ui-color-slate-200, #e2e8f0);\n  border-radius: 5px;\n  transition: box-shadow 0.2s ease, transform 0.2s ease, padding 0.3s ease, row-gap 0.3s ease;\n}\n\n.profile-heading:hover {\n  box-shadow: 0 8px 10px rgba(124, 77, 255, 0.1);\n}\n\n.avatar {\n  grid-area: avatar;\n}\n\n.image-frame {\n  position: relative;\n  display: grid;\n  place-items: center;\n  width: var(--profile-avatar-size);\n  aspect-ratio: 1;\n  overflow: hidden;\n  transition: width 0.3s ease;\n}\n\n.image-frame--fallback {\n  border: 1px dashed var(--solid-ui-color-slate-200, #e2e8f0);\n  background: var(--solid-ui-color-slate-50, #f8fafc);\n  box-sizing: border-box;\n}\n\n.hero {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border: 1px solid var(--solid-ui-color-primary, #7c4dff);\n  background: var(--color-surface-placeholder, var(--gray-300, #d1d5dc)) 50% / cover no-repeat;\n  object-fit: cover;\n  object-position: center;\n  box-sizing: border-box;\n  border-radius: 10px;\n}\n\n.hero-fallback {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  padding: 0 var(--profile-fallback-padding);\n  box-sizing: border-box;\n  transition: padding 0.3s ease;\n}\n\n.hero-fallback icon-lucide-circle-user-round {\n  display: block;\n  width: 100%;\n  height: 100%;\n  color: #cbd5e1;\n}\n\n.image-frame--fallback .hero-fallback {\n  display: flex;\n}\n\n.info {\n  grid-area: info;\n  min-width: 0;\n}\n\n.profile__heading-edit-action {\n  grid-area: edit;\n  margin-left: auto;\n  margin-right: 0;\n  margin-bottom: 0;\n  align-self: flex-start;\n  justify-self: end;\n  display: flex;\n  justify-content: flex-end;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 0;\n}\n\n.profile-friends-button__section {\n  display: grid;\n  gap: 8px;\n  max-width: 16rem;\n}\n\n.profile__btn-friends-icon {\n  display: block;\n  width: 14px;\n  height: 14px;\n  align-self: center;\n  transform: translateY(-3px);\n}\n\n.friend-message {\n  text-align: center;\n  font-size: var(--solid-ui-font-size-sm, 0.875rem);\n  overflow-wrap: anywhere;\n}\n\n.friend-message[role=\"alert\"] {\n  color: var(--solid-ui-color-red-700, #b91c1c);\n}\n\n.friend-message[role=\"status\"] {\n  color: var(--solid-ui-color-green-700, #15803d);\n}\n\n.profile-section-collapsible__edit-button {\n  min-width: 0;\n}\n\n.mobile-edit-button {\n  display: none;\n  color: var(--solid-ui-color-primary, #7c4dff);\n}\n\n.profile-section-collapsible__action-label {\n  font-size: var(--solid-ui-font-size-sm, 0.875rem);\n}\n\n.profile__add-more-icon {\n  margin-right: 0;\n  line-height: 0;\n  position: relative;\n  top: 0;\n  transform: translateY(0);\n}\n\n.profile__add-more-icon icon-lucide-pencil,\n.profile-section-collapsible__edit-icon icon-lucide-pencil {\n  display: block;\n  width: 14px;\n  height: 14px;\n}\n\n.header-bar {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.identity {\n  display: flex;\n  align-items: baseline;\n  gap: 7px;\n  width: 100%;\n  flex-wrap: wrap;\n}\n\n.name {\n  display: block;\n  margin: 0;\n  color: var(--color-text-heading, #000);\n  font-size: 1.75rem;\n  font-weight: 600;\n  line-height: 1.2;\n  overflow-wrap: anywhere;\n}\n\n.pronouns {\n  color: var(--color-text-secondary, #4a5565);\n  font-size: var(--solid-ui-font-size-sm, 0.875rem);\n  font-weight: 400;\n  line-height: 1.2;\n}\n\n.role {\n  width: 100%;\n  color: var(--solid-ui-color-gray-800, #101828);\n  font-size: var(--solid-ui-font-size-lg, 1.125rem);\n  font-weight: 500;\n  line-height: 1.25;\n  overflow-wrap: anywhere;\n}\n\n.details-collapse {\n  grid-area: details;\n  display: grid;\n  grid-template-rows: 1fr;\n  transition: grid-template-rows 0.3s ease, opacity 0.3s ease;\n}\n\n.details {\n  display: flex;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  align-items: flex-start;\n  gap: 12px 32px;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  width: 100%;\n  font-size: var(--font-size-sm, 0.875rem);\n}\n\n:host([compact]) .profile-heading {\n  padding: 12.5px;\n  row-gap: 0;\n}\n\n:host([compact]) .image-frame {\n  width: calc(var(--profile-avatar-size) / 2);\n}\n\n:host([compact]) .hero-fallback {\n  padding-inline: calc(var(--profile-fallback-padding) / 2);\n}\n\n:host([compact]) .info {\n  align-self: center;\n}\n\n:host([compact]) .name {\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n:host([compact]) .details-collapse {\n  grid-template-rows: 0fr;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.pronouns[hidden] {\n  display: none;\n}\n\n.detail-row {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  align-items: start;\n  column-gap: clamp(12px, 2vw, 24px);\n  row-gap: 12px;\n  width: min(100%, 544px);\n}\n\n.detail-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 7px;\n  min-width: 0;\n}\n\n.detail-icon {\n  display: inline-flex;\n  flex: 0 0 16px;\n  width: 16px;\n  height: 16px;\n  margin-top: 1px;\n}\n\n.detail-icon > icon-lucide-cake,\n.detail-icon > icon-lucide-map-pin,\n.detail-icon > icon-lucide-phone,\n.detail-icon > icon-lucide-mail {\n  display: block;\n  width: 16px;\n  height: 16px;\n  color: currentColor;\n}\n\n.detail-value {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n\n@media (max-width: 1200px) {\n  :host {\n    --profile-avatar-size: 6.5rem;\n    --profile-fallback-padding: 27px;\n  }\n\n  .profile-heading {\n    column-gap: 15px;\n  }\n\n}\n\n@media (max-width: 768px) {\n  .profile-heading:has(.profile-friends-button__section) .name {\n    white-space: normal;\n    overflow-wrap: anywhere;\n  }\n\n  .profile__btn-friends-icon {\n    display: none;\n  }\n\n  .profile__btn-friends[disabled]:not([aria-busy=\"true\"]) {\n    display: none;\n  }\n\n  :host {\n    --profile-avatar-size: 4.375rem;\n    --profile-fallback-padding: 0px;\n  }\n\n  .profile-heading {\n    grid-template-areas:\n      \"avatar info edit\"\n      \"details details details\";\n    column-gap: 8px;\n    row-gap: 12px;\n  }\n\n  .profile-section-collapsible__edit-button {\n    width: var(--solid-ui-clickable-area, 42px);\n    height: var(--solid-ui-clickable-area, 42px);\n  }\n\n  .desktop-edit-button {\n    display: none;\n  }\n\n  .mobile-edit-button {\n    display: inline-flex;\n    position: relative;\n    top: -12px;\n    right: -12px;\n  }\n\n  .profile-section-collapsible__edit-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 0;\n  }\n\n  .profile-heading {\n    column-gap: 10px;\n  }\n\n  .hero-fallback icon-lucide-circle-user-round {\n    width: 3rem;\n    height: 3rem;\n    transition: width 0.3s ease, height 0.3s ease;\n  }\n\n  :host([compact]) .hero-fallback icon-lucide-circle-user-round {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  .name {\n    display: inline;\n    font-size: 1.375rem;\n    line-height: 1.15;\n    white-space: normal;\n    overflow-wrap: anywhere;\n  }\n\n  .identity {\n    gap: 0;\n  }\n\n  .pronouns {\n    margin-left: 2px;\n    font-size: 0.6875rem;\n    line-height: 1.1;\n    white-space: nowrap;\n  }\n\n  .role {\n    font-size: var(--solid-ui-font-size-sm, 0.875rem);\n  }\n\n  .details {\n    gap: 12px;\n    font-size: 0.75rem;\n  }\n\n  .detail-row {\n    column-gap: 2px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .profile-heading,\n  .image-frame,\n  .hero-fallback,\n  .hero-fallback icon-lucide-circle-user-round,\n  .details-collapse {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"ProfileHeading.styles.esm.js","names":["ProfileHeading_styles_default"],"sources":["../../../src/components/profile-heading/ProfileHeading.styles.css"],"sourcesContent":[":host {\n  --profile-avatar-size: 8.75rem;\n  --profile-fallback-padding: 36.4px;\n  display: block;\n  width: 100%;\n  color: var(--color-text-secondary, #4a5565);\n  font-family: inherit;\n}\n\n.profile-heading {\n  display: grid;\n  grid-template-columns: auto minmax(0, 1fr) auto;\n  grid-template-areas:\n    \"avatar info edit\"\n    \"avatar details details\";\n  align-items: start;\n  column-gap: 20px;\n  row-gap: 20px;\n  width: 100%;\n  box-sizing: border-box;\n  padding: 25px;\n  overflow-x: clip;\n  background: var(--solid-ui-color-white, #fff);\n  border: 1px solid var(--solid-ui-color-slate-200, #e2e8f0);\n  border-radius: 5px;\n  transition: box-shadow 0.2s ease, transform 0.2s ease, padding 0.3s ease, row-gap 0.3s ease;\n}\n\n.profile-heading:hover {\n  box-shadow: 0 8px 10px rgba(124, 77, 255, 0.1);\n}\n\n.avatar {\n  grid-area: avatar;\n}\n\n.image-frame {\n  position: relative;\n  display: grid;\n  place-items: center;\n  width: var(--profile-avatar-size);\n  aspect-ratio: 1;\n  overflow: hidden;\n  transition: width 0.3s ease;\n}\n\n.image-frame--fallback {\n  border: 1px dashed var(--solid-ui-color-slate-200, #e2e8f0);\n  background: var(--solid-ui-color-slate-50, #f8fafc);\n  box-sizing: border-box;\n}\n\n.hero {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  border: 1px solid var(--solid-ui-color-primary, #7c4dff);\n  background: var(--color-surface-placeholder, var(--gray-300, #d1d5dc)) 50% / cover no-repeat;\n  object-fit: cover;\n  object-position: center;\n  box-sizing: border-box;\n  border-radius: 10px;\n}\n\n.hero-fallback {\n  display: none;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  height: 100%;\n  padding: 0 var(--profile-fallback-padding);\n  box-sizing: border-box;\n  transition: padding 0.3s ease;\n}\n\n.hero-fallback icon-lucide-circle-user-round {\n  display: block;\n  width: 100%;\n  height: 100%;\n  color: #cbd5e1;\n}\n\n.image-frame--fallback .hero-fallback {\n  display: flex;\n}\n\n.info {\n  grid-area: info;\n  min-width: 0;\n}\n\n.profile__heading-edit-action {\n  grid-area: edit;\n  margin-left: auto;\n  margin-right: 0;\n  margin-bottom: 0;\n  align-self: flex-start;\n  justify-self: end;\n  display: flex;\n  justify-content: flex-end;\n  align-items: flex-start;\n  gap: 8px;\n  padding: 0;\n}\n\n.profile-friends-button__section {\n  display: grid;\n  gap: 8px;\n  max-width: 16rem;\n}\n\n.profile__btn-friends-icon {\n  display: block;\n  width: 14px;\n  height: 14px;\n  align-self: center;\n  transform: translateY(-3px);\n}\n\n.friend-message {\n  text-align: center;\n  font-size: var(--solid-ui-font-size-sm, 0.875rem);\n  overflow-wrap: anywhere;\n}\n\n.friend-message[role=\"alert\"] {\n  color: var(--solid-ui-color-red-700, #b91c1c);\n}\n\n.friend-message[role=\"status\"] {\n  color: var(--solid-ui-color-green-700, #15803d);\n}\n\n.profile-section-collapsible__edit-button {\n  min-width: 0;\n}\n\n.mobile-edit-button {\n  display: none;\n  color: var(--solid-ui-color-primary, #7c4dff);\n}\n\n.profile-section-collapsible__action-label {\n  font-size: var(--solid-ui-font-size-sm, 0.875rem);\n}\n\n.profile__add-more-icon {\n  margin-right: 0;\n  line-height: 0;\n  position: relative;\n  top: 0;\n  transform: translateY(0);\n}\n\n.profile__add-more-icon icon-lucide-pencil,\n.profile-section-collapsible__edit-icon icon-lucide-pencil {\n  display: block;\n  width: 14px;\n  height: 14px;\n}\n\n.header-bar {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  gap: 2px;\n  width: 100%;\n  margin: 0;\n  padding: 0;\n}\n\n.identity {\n  display: flex;\n  align-items: baseline;\n  gap: 7px;\n  width: 100%;\n  flex-wrap: wrap;\n}\n\n.name {\n  display: block;\n  margin: 0;\n  color: var(--color-text-heading, #000);\n  font-size: 1.75rem;\n  font-weight: 600;\n  line-height: 1.2;\n  overflow-wrap: anywhere;\n}\n\n.pronouns {\n  color: var(--color-text-secondary, #4a5565);\n  font-size: var(--solid-ui-font-size-sm, 0.875rem);\n  font-weight: 400;\n  line-height: 1.2;\n}\n\n.role {\n  width: 100%;\n  color: var(--solid-ui-color-gray-800, #101828);\n  font-size: var(--solid-ui-font-size-lg, 1.125rem);\n  font-weight: 500;\n  line-height: 1.25;\n  overflow-wrap: anywhere;\n}\n\n.details-collapse {\n  grid-area: details;\n  display: grid;\n  grid-template-rows: 1fr;\n  transition: grid-template-rows 0.3s ease, opacity 0.3s ease;\n}\n\n.details {\n  display: flex;\n  flex-wrap: wrap;\n  align-content: flex-start;\n  align-items: flex-start;\n  gap: 12px 32px;\n  min-width: 0;\n  min-height: 0;\n  overflow: hidden;\n  width: 100%;\n  font-size: var(--font-size-sm, 0.875rem);\n}\n\n:host([compact]) .profile-heading {\n  padding: 12.5px;\n  row-gap: 0;\n}\n\n:host([compact]) .image-frame {\n  width: calc(var(--profile-avatar-size) / 2);\n}\n\n:host([compact]) .hero-fallback {\n  padding-inline: calc(var(--profile-fallback-padding) / 2);\n}\n\n:host([compact]) .info {\n  align-self: center;\n}\n\n:host([compact]) .profile__heading-edit-action {\n  align-self: center;\n}\n\n:host([compact]) .name {\n  white-space: normal;\n  overflow-wrap: anywhere;\n}\n\n:host([compact]) .details-collapse {\n  grid-template-rows: 0fr;\n  opacity: 0;\n  visibility: hidden;\n}\n\n.pronouns[hidden] {\n  display: none;\n}\n\n.detail-row {\n  display: grid;\n  grid-template-columns: repeat(2, minmax(0, 1fr));\n  align-items: start;\n  column-gap: clamp(12px, 2vw, 24px);\n  row-gap: 12px;\n  width: min(100%, 544px);\n}\n\n.detail-item {\n  display: flex;\n  align-items: flex-start;\n  gap: 7px;\n  min-width: 0;\n}\n\n.detail-icon {\n  display: inline-flex;\n  flex: 0 0 16px;\n  width: 16px;\n  height: 16px;\n  margin-top: 1px;\n}\n\n.detail-icon > icon-lucide-cake,\n.detail-icon > icon-lucide-map-pin,\n.detail-icon > icon-lucide-phone,\n.detail-icon > icon-lucide-mail {\n  display: block;\n  width: 16px;\n  height: 16px;\n  color: currentColor;\n}\n\n.detail-value {\n  min-width: 0;\n  overflow-wrap: anywhere;\n  word-break: break-word;\n}\n\n@media (max-width: 1200px) {\n  :host {\n    --profile-avatar-size: 6.5rem;\n    --profile-fallback-padding: 27px;\n  }\n\n  .profile-heading {\n    column-gap: 15px;\n  }\n\n}\n\n@media (max-width: 768px) {\n  .profile-heading:has(.profile-friends-button__section) .name {\n    white-space: normal;\n    overflow-wrap: anywhere;\n  }\n\n  .profile__btn-friends-icon {\n    display: none;\n  }\n\n  .profile__btn-friends[disabled]:not([aria-busy=\"true\"]) {\n    display: none;\n  }\n\n  :host {\n    --profile-avatar-size: 4.375rem;\n    --profile-fallback-padding: 0px;\n  }\n\n  .profile-heading {\n    grid-template-areas:\n      \"avatar info edit\"\n      \"details details details\";\n    column-gap: 8px;\n    row-gap: 12px;\n  }\n\n  .profile-section-collapsible__edit-button {\n    width: var(--solid-ui-clickable-area, 42px);\n    height: var(--solid-ui-clickable-area, 42px);\n  }\n\n  .desktop-edit-button {\n    display: none;\n  }\n\n  .mobile-edit-button {\n    display: inline-flex;\n    position: relative;\n    top: -12px;\n    right: -12px;\n  }\n\n  .profile-section-collapsible__edit-icon {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    line-height: 0;\n  }\n\n  .profile-heading {\n    column-gap: 10px;\n  }\n\n  .hero-fallback icon-lucide-circle-user-round {\n    width: 3rem;\n    height: 3rem;\n    transition: width 0.3s ease, height 0.3s ease;\n  }\n\n  :host([compact]) .hero-fallback icon-lucide-circle-user-round {\n    width: 1.5rem;\n    height: 1.5rem;\n  }\n\n  .name {\n    display: inline;\n    font-size: 1.375rem;\n    line-height: 1.15;\n    white-space: normal;\n    overflow-wrap: anywhere;\n  }\n\n  .identity {\n    gap: 0;\n  }\n\n  .pronouns {\n    margin-left: 2px;\n    font-size: 0.6875rem;\n    line-height: 1.1;\n    white-space: nowrap;\n  }\n\n  .role {\n    font-size: var(--solid-ui-font-size-sm, 0.875rem);\n  }\n\n  .details {\n    gap: 12px;\n    font-size: 0.75rem;\n  }\n\n  .detail-row {\n    column-gap: 2px;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .profile-heading,\n  .image-frame,\n  .hero-fallback,\n  .hero-fallback icon-lucide-circle-user-round,\n  .details-collapse {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/dist/components/profile-heading/editor/sections/heading/HeadingEditDialog.cjs.js

@@ -1,4 +1,4 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`html[data-layout=mobile] .profile-edit-dialog__row{flex-direction:column;align-items:stretch;max-width:100%}html[data-layout=mobile] .profile-edit-dialog__row--equal>.profile-edit-dialog__field,html[data-layout=mobile] .profile-edit-dialog__row--equal>.profile-edit-dialog__field-type,html[data-layout=mobile] .profile-edit-dialog__field-type{flex:auto}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__field--dob{align-self:stretch;width:100%;min-width:0;max-width:100%;overflow:hidden}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__row--heading-dob{flex-direction:column;align-items:stretch}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__row--heading-dob>.profile-edit-dialog__field,html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__row--heading-dob>.profile-edit-dialog__field-type{flex:auto;width:100%;min-width:0;max-width:100%}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob{height:var(--solid-ui-clickable-area,42px);min-height:var(--solid-ui-clickable-area,42px);max-height:var(--solid-ui-clickable-area,42px);box-sizing:border-box;width:100%;min-width:0;max-width:100%;line-height:var(--line-height-base,1.5);display:block}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob::-webkit-date-and-time-value{text-align:center;width:100%;min-width:0;max-width:100%;overflow:hidden}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob::-webkit-datetime-edit{text-align:center;width:100%;min-width:0;max-width:100%;overflow:hidden}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob::-webkit-datetime-edit-fields-wrapper{text-align:center;width:100%;min-width:0;max-width:100%;overflow:hidden}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob::-webkit-date-and-time-value{text-align:center;white-space:nowrap}@media (hover:none) and (pointer:coarse){html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob{height:var(--solid-ui-clickable-area,42px);min-height:var(--solid-ui-clickable-area,42px);max-height:var(--solid-ui-clickable-area,42px);line-height:calc(var(--solid-ui-clickable-area,42px) - 2px);width:calc(100% - 24px);max-width:calc(100% - 24px);padding-block:0}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob::-webkit-date-and-time-value{line-height:calc(var(--solid-ui-clickable-area,42px) - 2px)}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob::-webkit-datetime-edit{line-height:calc(var(--solid-ui-clickable-area,42px) - 2px)}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob::-webkit-datetime-edit-fields-wrapper{line-height:calc(var(--solid-ui-clickable-area,42px) - 2px)}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob::-webkit-calendar-picker-indicator{margin:0;padding:0}}html[data-layout=mobile] .profile__edit-form{--profile-edit-dialog-mobile-image-button-font-size:var(--solid-ui-font-size-md,1rem);--profile-edit-dialog-mobile-image-label-font-size:var(--solid-ui-font-size-sm,.875rem);--profile-edit-dialog-mobile-image-description-font-size:.625rem}html[data-layout=mobile] #profile-modal .modal label.profile-edit-dialog__field,html[data-layout=mobile] #profile-modal .modal label.profile-edit-dialog__field-type,html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog__field>.label,html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog__field-type>.label,html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog__field-description{font-size:var(--solid-ui-font-size-sm,.875rem);line-height:1.5}html[data-layout=mobile] .profile-edit-dialog__field input,html[data-layout=mobile] .profile-edit-dialog__field-type input{font-size:var(--solid-ui-font-size-md,1rem)}html[data-layout=mobile] .profile-edit-dialog__field-type--contact-point{flex:auto;width:100%;max-width:100%}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--contact-point{flex-direction:row;align-items:stretch}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--contact-point.profile-edit-dialog__row--equal>.profile-edit-dialog__field-type.profile-edit-dialog__field-type--contact-point{flex:0 0 103px;width:103px;min-width:103px;max-width:103px}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo{flex-flow:row;align-items:center;gap:12px;width:100%;max-width:100%}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo>header{flex:none;margin-bottom:0}html[data-layout=mobile] .profile-edit-dialog--heading{--profile-edit-dialog-avatar-size:5rem}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile__hero-alt{padding:0}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile__image-frame--fallback .profile__hero-alt{justify-content:center;align-items:center;display:flex}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-preview{flex:auto;gap:5px;width:100%;min-width:0}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-preview-label{font-size:var(--profile-edit-dialog-mobile-image-label-font-size);line-height:1.25}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-preview-description{font-size:var(--profile-edit-dialog-mobile-image-description-font-size);line-height:1.4}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-preview-actions{grid-template-columns:repeat(2,max-content);justify-content:start;align-items:stretch;gap:8px;width:100%;display:grid}@media (width<=576px){.profile-edit-dialog__row{flex-direction:column;align-items:stretch;max-width:100%}.profile__edit-form{--profile-edit-dialog-mobile-image-button-font-size:var(--solid-ui-font-size-md,1rem);--profile-edit-dialog-mobile-image-label-font-size:var(--solid-ui-font-size-sm,.875rem);--profile-edit-dialog-mobile-image-description-font-size:.625rem}.profile-edit-dialog__row--equal>.profile-edit-dialog__field,.profile-edit-dialog__row--equal>.profile-edit-dialog__field-type,.profile-edit-dialog__field-type{flex:auto}.profile-edit-dialog__field input,.profile-edit-dialog__field-type input{font-size:var(--solid-ui-font-size-sm,.875rem)}.profile-edit-dialog__field-type--contact-point{flex:auto;width:100%;max-width:100%}.profile-edit-dialog--heading .profile-edit-dialog__row--contact-point{flex-direction:row;align-items:stretch}.profile-edit-dialog--heading .profile-edit-dialog__row--contact-point.profile-edit-dialog__row--equal>.profile-edit-dialog__field-type.profile-edit-dialog__field-type--contact-point{flex:0 0 103px;width:103px;min-width:103px;max-width:103px}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo{flex-flow:row;align-items:center;gap:12px;width:100%;max-width:100%}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo>header{flex:none;margin-bottom:0}.profile__edit-form.profile-edit-dialog--heading{--profile-edit-dialog-avatar-size:5rem}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile__hero-alt{padding:0}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile__image-frame--fallback .profile__hero-alt{justify-content:center;align-items:center;display:flex}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-preview{flex:auto;gap:5px;width:100%;min-width:0}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-preview-label{font-size:var(--profile-edit-dialog-mobile-image-label-font-size);line-height:var(--line-height-tight,1.25)}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-preview-description{font-size:var(--profile-edit-dialog-mobile-image-description-font-size);line-height:var(--line-height-base,1.4)}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-preview-actions{grid-template-columns:repeat(2,max-content);justify-content:start;align-items:stretch;gap:8px;width:100%;display:grid}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-button{width:auto;min-width:0}}.profile__edit-form{--profile-edit-dialog-row-max-width:544px;--profile-edit-dialog-muted-text:var(--solid-ui-color-gray-600,#4a5565);--profile-edit-dialog-quiet-text:var(--solid-ui-color-gray-700,#364153);--profile-edit-dialog-mobile-image-button-font-size:.75rem;--profile-edit-dialog-mobile-image-label-font-size:var(--solid-ui-font-size-sm,.875rem);--profile-edit-dialog-mobile-image-description-font-size:.625rem;--profile-edit-dialog-mobile-image-button-padding:6.6px 12px 7px 14px;width:100%}.profile-edit-dialog__section,.profile-edit-dialog__section--education{flex-direction:column;gap:12px;display:flex}.profile-edit{flex-direction:column;gap:25px;display:flex}.profile-edit-dialog__section h4{margin:0}.profile-edit-dialog__section fieldset{width:100%;border:0;gap:15px;min-inline-size:0;margin:0;padding:0;display:grid}.profile-edit-dialog__field-description{color:var(--profile-edit-dialog-muted-text);font-size:var(--solid-ui-font-size-sm,.875rem);font-weight:400;line-height:1.5}.profile-edit-dialog__row{max-width:var(--profile-edit-dialog-row-max-width);align-items:flex-start;gap:15px;display:flex}.profile-edit-dialog__row--heading-photo{gap:10px}.profile-edit-dialog__row--full{width:100%;max-width:100%}.profile-edit-dialog__field,.profile-edit-dialog__field-type{margin:0;display:block}.profile-edit-dialog__field-type{width:100%}.profile-edit-dialog__field{min-width:0}.profile-edit-dialog__field--stack{display:grid}.profile-edit-dialog__field--stack>small{text-align:right;justify-self:end;width:100%;display:block}.profile-edit-dialog__field--full{width:100%;max-width:100%!important}.profile-edit-dialog__field--row-width{width:100%;max-width:544px}.profile-edit-dialog__login-message{font-size:var(--solid-ui-font-size-xs,.75rem);color:var(--solid-ui-color-error,#b00020);margin:0}.profile-edit-dialog__section+.profile-edit-dialog__login-message,.profile__edit-form--projects .profile-edit-dialog__login-message{margin-top:15px}.profile-edit-dialog__actions{flex:none;justify-content:flex-end;align-items:center;display:flex}.profile-edit-dialog__actions--edge{margin-left:auto}.profile-edit-dialog__input-wrap{width:100%;position:relative}.profile-edit-dialog__input--with-action{box-sizing:border-box;width:100%;padding-right:120px}.profile-edit-dialog__image-preview{display:grid}.profile-edit-dialog__image-preview-header{margin-bottom:0}.profile-edit-dialog__image-preview-actions{align-items:center;gap:12px;display:flex}.profile-edit-dialog__image-preview-label{color:var(--gray-900,#101828);font-size:var(--solid-ui-font-size-sm,.875rem);font-weight:600}.profile-edit-dialog__image-preview-description{color:var(--solid-ui-color-gray-600,#4a5565);font-size:var(--solid-ui-font-size-sm,.875rem);font-weight:400}.profile-edit-dialog__image-preview-label,.profile-edit-dialog__image-preview-description{margin:0}.profile-edit-dialog--heading{--profile-edit-dialog-avatar-size:5.625rem}.profile-edit-dialog__image-frame{width:var(--profile-edit-dialog-avatar-size,5.625rem);height:var(--profile-edit-dialog-avatar-size,5.625rem);vertical-align:top;font-size:0;line-height:0;display:inline-block;position:relative;overflow:visible}.profile-edit-dialog__image-frame>solid-ui-photo-capture{pointer-events:none;display:block;position:absolute;inset:0}.profile-edit-dialog__image-frame>solid-ui-photo-capture>*{pointer-events:auto}.profile__image-frame{width:var(--profile-edit-dialog-avatar-size,5.625rem);height:var(--profile-edit-dialog-avatar-size,5.625rem);border:1px solid var(--solid-ui-color-primary,#7c4dff);background:var(--solid-ui-color-slate-50,#f8fafc);box-sizing:border-box;border-radius:10px;margin:0;padding:0;display:block;position:relative;overflow:hidden}.profile__image-frame--fallback{border:1px dashed var(--solid-ui-color-slate-200,#e2e8f0);background:var(--solid-ui-color-slate-50,#f8fafc)}.profile__hero,.profile__hero-alt{box-sizing:border-box;border-radius:10px;width:100%;height:100%;display:block}.profile__hero{object-fit:cover;object-position:center;background:var(--color-surface-placeholder,var(--gray-300,#d1d5dc)) 50% / cover no-repeat}.profile__hero-alt{background:var(--solid-ui-color-slate-50,#f8fafc);justify-content:center;align-items:center;display:none}.profile__image-frame--fallback .profile__hero-alt{display:flex}.profile__hero-icon{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:1.125rem;display:flex}.profile__hero-icon icon-lucide-circle-user-round,.profile__hero-alt icon-lucide-circle-user-round{color:#d9e1f2;width:1.75rem;height:1.75rem;display:block}.profile-edit-dialog__image-camera-button{z-index:1;border:1px solid var(--solid-ui-color-slate-200,#e2e8f0);background:var(--solid-ui-color-white,#fff);width:1.75rem;min-width:1.75rem;height:1.75rem;min-height:1.75rem;color:var(--solid-ui-color-gray-700,#364153);cursor:pointer;box-sizing:border-box;border-radius:7px;justify-content:center;align-items:center;padding:0;line-height:0;transition:none;display:inline-flex;position:absolute;bottom:5px;right:5px;box-shadow:0 2px 6px #0f172a1f}.profile-edit-dialog__image-camera-button:hover,.profile-edit-dialog__image-camera-button:focus-visible,.profile-edit-dialog__image-camera-button:active{border-color:var(--solid-ui-color-slate-200,#e2e8f0);background:color-mix(in srgb, var(--solid-ui-color-primary,#7c4dff) 12%, #fff);width:1.75rem;min-width:1.75rem;height:1.75rem;min-height:1.75rem;color:var(--solid-ui-color-primary,#7c4dff);padding:0;transform:none;box-shadow:0 2px 6px #0f172a1f}.profile-edit-dialog__image-camera-button icon-lucide-camera{vertical-align:middle;flex-shrink:0;width:.875rem;height:.875rem;margin:.05rem;display:block}.profile-edit-dialog__image-camera-capture-row{justify-content:center;width:100%;display:flex}.profile-edit-dialog__image-camera-capture-frame{box-sizing:border-box;border:1px solid var(--solid-color-gray-200,#e5e7eb);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:fit-content;max-width:100%;margin:6px auto 12px;padding:10px;display:flex;position:relative}.profile-edit-dialog__image-camera-capture-frame[hidden]{display:none}.profile-edit-dialog__paste-button{white-space:nowrap;z-index:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.profile-edit-dialog__paste-icon{width:.875rem;height:.875rem;stroke:var(--solid-ui-color-primary,#7c4dff);fill:var(--solid-ui-color-primary,#7c4dff)}.profile-edit-dialog__paste-icon svg{display:block;transform:translate(1px,1px)}solid-ui-button.profile-edit-dialog__drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}solid-ui-button.profile-edit-dialog__drag-handle:active{cursor:grabbing}.profile-edit-dialog__row--drop-target{outline:1px dashed var(--solid-ui-color-gray-400,#99a1af);outline-offset:2px}.profile-edit-dialog__field input,.profile-edit-dialog__field select,.profile-edit-dialog__field-type input,.profile-edit-dialog__field-type select{box-sizing:border-box;width:100%;max-width:100%;min-height:var(--solid-ui-clickable-area,42px);height:var(--solid-ui-clickable-area,42px);border:1px solid var(--solid-ui-color-gray-400,#99a1af);background:var(--solid-ui-color-white,#fff);color:var(--color-text-subheading,var(--gray-900,#101828));font-size:var(--solid-ui-font-size-sm,.875rem);border-radius:5px;margin-block-start:0;padding:10px;font-weight:500}.profile-edit-dialog__field input[type=date],.profile-edit-dialog__field-type input[type=date]{min-width:0}.profile-edit-dialog__field textarea,.profile-edit-dialog__field-type textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:var(--solid-ui-clickable-area,42px)}.profile-edit-dialog__textarea{color:var(--color-text-subheading,var(--gray-900,#101828));font-size:var(--solid-ui-font-size-sm,.875rem);border:1px solid var(--solid-ui-color-gray-400,#99a1af);background:var(--solid-ui-color-white,#fff);resize:vertical;border-radius:5px;height:auto;font-weight:500;line-height:1.6;min-height:160px!important}.profile__edit-form--heading{flex-direction:column;gap:12px;display:flex}.profile-edit-dialog__bio-field-container{width:100%;max-width:var(--profile-edit-dialog-row-max-width);box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:12px;margin:0;padding:0;display:flex}.profile-edit-dialog__row--language{margin-left:0}.profile-edit-dialog__row--language>.profile-edit-dialog__field--language-name{flex:1 1 0;min-width:0}.profile-edit-dialog__field-type--language-proficiency,.profile-edit-dialog__field-type--language-proficiency[hidden]{display:none!important}.profile-edit-dialog__actions--language{margin-left:0}.profile-edit-dialog__row--social{width:100%;max-width:100%;margin-left:-10px}.profile-edit-dialog__field--social-type{flex:0 0 96px;width:96px;max-width:96px}.profile-edit-dialog__field--social-url{flex:auto;min-width:0}.profile-edit-dialog__row--project{width:100%;max-width:100%}.profile-edit-dialog__row--resume-entry-header{border-bottom:1px solid var(--solid-ui-color-gray-400,#99a1af);align-items:center}.profile-edit-dialog__row--resume-entry-header>.profile-edit-dialog__entry-heading{margin:0}.profile-edit-dialog__entry-heading{color:var(--solid-ui-color-gray-700,#364153);font-size:var(--solid-ui-font-size-sm,.875rem);margin:0;font-weight:500}.profile-edit-dialog__section--education .profile-edit-dialog__section-heading{color:var(--solid-ui-color-gray-700,#364153);font-size:var(--solid-ui-font-size-md,1rem);margin:0;font-weight:500}.profile-edit-dialog__row--equal>.profile-edit-dialog__field,.profile-edit-dialog__row--equal>.profile-edit-dialog__field-type{flex:1 1 0;min-width:0}.profile-edit-dialog--heading .profile-edit-dialog__image-camera-capture-row{margin-bottom:-12.5px}.profile-edit-dialog--heading .profile-edit-dialog__image-camera-capture-row:has(>[hidden]){display:none}.profile-edit-dialog--heading .profile-edit-dialog__image-camera-capture-frame{margin-top:3px;margin-bottom:6px}.profile__edit-form--resume .profile-edit-dialog__field,.profile__edit-form--resume .profile-edit-dialog__field-type:not(.hidden),.profile__edit-form--contact-info .profile-edit-dialog__field,.profile__edit-form--contact-info .profile-edit-dialog__field-type:not(.hidden){flex-direction:column;flex:1 0 0;align-items:flex-start;gap:5px;display:flex}.profile__edit-form--resume .profile-edit-dialog__row{width:100%;max-width:100%}.profile__edit-form--resume .profile-edit-dialog__section fieldset>.profile-edit-dialog__field{max-width:100%}.profile__edit-form--resume .profile-edit-dialog__field>input,.profile__edit-form--resume .profile-edit-dialog__field>solid-ui-select,.profile__edit-form--resume .profile-edit-dialog__field>solid-ui-combobox,.profile__edit-form--resume .profile-edit-dialog__field>textarea,.profile__edit-form--resume .profile-edit-dialog__field-type>input,.profile__edit-form--resume .profile-edit-dialog__field-type>solid-ui-select,.profile__edit-form--resume .profile-edit-dialog__field-type>textarea,.profile__edit-form--contact-info .profile-edit-dialog__field>input,.profile__edit-form--contact-info .profile-edit-dialog__field>solid-ui-select,.profile__edit-form--contact-info .profile-edit-dialog__field>textarea,.profile__edit-form--contact-info .profile-edit-dialog__field-type>input,.profile__edit-form--contact-info .profile-edit-dialog__field-type>solid-ui-select,.profile__edit-form--contact-info .profile-edit-dialog__field-type>textarea{align-self:stretch}.profile-edit-dialog__field>solid-ui-combobox,.profile-edit-dialog__field-type>solid-ui-combobox{box-sizing:border-box;align-self:stretch;width:100%;min-width:0;max-width:100%;display:block}.profile__edit-form solid-ui-combobox{background:var(--solid-ui-color-white,#fff);color:var(--color-text-subheading,var(--gray-900,#101828));font-size:var(--solid-ui-font-size-sm,.875rem);font-weight:500;line-height:calc(var(--solid-ui-clickable-area,42px) - 22px);border-radius:5px}.profile-edit-dialog__field--resume-location{flex:1 0 0;width:auto;max-width:none}.profile-edit-dialog__row--resume-dates{width:100%;max-width:100%}.profile-edit-dialog__field--date-group{flex:1 1 0;min-width:0}.profile-edit-dialog__date-pair{align-items:center;gap:15px;width:100%;display:flex}.profile-edit-dialog__date-pair>solid-ui-select{flex:1 1 0;min-width:0}.profile-edit-dialog__resume-date-select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block}.profile-edit-dialog__resume-date-select--disabled{pointer-events:none;opacity:var(--opacity-input-disabled,.75)}.profile-edit-dialog__bio-field-container>small{text-align:right;align-self:flex-end}.profile-edit-dialog--heading .profile-edit-dialog__row,.profile-edit-dialog--heading .profile-edit-dialog__field--row-width{width:100%;max-width:100%}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo{border-bottom:1px solid var(--solid-ui-color-slate-200,#e2e8f0);padding-bottom:20px}.profile-edit-dialog--heading .profile-edit{gap:12.5px}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile__hero-alt{padding:0}.profile-edit-dialog--heading .profile-edit-dialog__row--contact-point{gap:10px;width:100%;max-width:100%}.profile-edit-dialog--heading .profile-edit-dialog__row--contact-point>.profile-edit-dialog__field{flex:1 1 0;min-width:0}.profile-edit-dialog--heading .profile-edit-dialog__field-type--contact-point{padding-top:calc(var(--solid-ui-font-size-sm,.875rem) * 1.5)}.profile-edit-dialog--heading .profile-edit-dialog__row--contact-point>.profile-edit-dialog__field>.label{width:100%;display:block}.profile-edit-dialog--heading .profile-edit-dialog__row--contact-point.profile-edit-dialog__row--equal>.profile-edit-dialog__field-type.profile-edit-dialog__field-type--contact-point{flex:0 0 103px;width:103px;min-width:103px;max-width:103px}.profile-edit-dialog__row--address-header{max-width:var(--profile-edit-dialog-row-max-width);align-items:flex-end}.profile-edit-dialog__row--inline-end{justify-content:flex-end;max-width:100%}.profile-edit-dialog__checkbox-label{cursor:var(--profile-interactive-cursor,pointer);align-items:center;gap:12px;margin-left:auto;display:inline-flex}.profile-edit-dialog__checkbox-input{width:var(--icon-xxs,1rem);height:var(--icon-xxs,1rem);accent-color:var(--solid-ui-color-primary,#7c4dff);cursor:var(--profile-interactive-cursor,pointer);flex:none;margin:0}.profile-edit-dialog__checkbox-input:focus-visible{outline:var(--focus-indicator-width,2px) solid var(--solid-ui-color-primary,#7c4dff);outline-offset:2px}.profile-edit-dialog__checkbox-input:disabled{opacity:var(--opacity-disabled,.5)}.profile-edit-dialog__section fieldset>.profile-edit-dialog__field{max-width:var(--profile-edit-dialog-row-max-width)}.profile-edit-dialog__field-type--wide{flex:auto;width:100%;min-width:0;max-width:100%}.profile-edit-dialog__field-type--contact-point{flex:none;align-self:flex-start;width:auto;max-width:none}.profile-edit-dialog__social-account-select{box-sizing:border-box;contain:inline-size;width:100%;min-width:0;max-width:100%;display:block}.profile-edit-dialog__resume-organization-type-select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block}.profile-edit-dialog__bio-field-container textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:var(--solid-ui-clickable-area,42px)}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();const e=require("../../ui/dialog2.cjs.js"),t=require("./imagePreview.cjs.js");require("../../texts/dialogTexts.cjs.js");const n=require("../../texts/messageTexts.cjs.js"),r=require("./mutations.cjs.js"),i=require("../shared/phoneCountries.cjs.js"),a=require("../../textUtils.cjs.js"),o=require("../shared/contactTypeUtils.cjs.js"),s=require("../shared/rowState.cjs.js");require("../../../../../_virtual/~icons/lucide/camera.cjs.js");const c=require("../shared/sanitizeUtils.cjs.js"),l=require("./dateHelpers.cjs.js"),u=require("./imageHelpers.cjs.js");require("solid-ui/components/button");let d=require("lit-html");require("solid-ui/components/combobox"),require("solid-ui/components/combobox-option"),require("solid-ui/components/photo-capture");var f=[{label:`Mobile`,value:`Mobile`},{label:`Home`,value:`Home`},{label:`Work`,value:`Work`}],p=[{label:`Personal`,value:`Personal`},{label:`Office`,value:`Office`}],m=[{label:`He/Him`,value:`He/Him`},{label:`She/Her`,value:`She/Her`},{label:`They/Them`,value:`They/Them`}];function h(e){return`value`in e}function g(e){return`streetAddress`in e}function _(e){return`name`in e}function v(e,t){return t.some(t=>t.value===e)?e:t[0]?.value||``}function y(e){return e===`phone`?f:p}function b(e,t){return{...e,type:v(e.type||``,y(t))}}function x(e){return h(e)?a.hasNonEmptyText(e.value):g(e)?[e.streetAddress,e.locality,e.region,e.postalCode,e.countryName].some(a.hasNonEmptyText):_(e)?[e.name,e.nickname,e.imageSrc,e.location,e.pronouns,e.dateOfBirth].some(a.hasNonEmptyText):!1}function S(e){let t=a.sanitizeTextValue(e||``).toLowerCase().replace(/\s+/g,``);return t?t===`he`||t===`he/him`?`He/Him`:t===`she`||t===`she/her`?`She/Her`:t===`they`||t===`they/them`?`They/Them`:e||``:``}function C(e){let t={name:a.sanitizeTextValue(a.toText(e.name)),nickname:a.sanitizeTextValue(a.toText(e.nickname||``)),imageSrc:a.sanitizeTextValue(a.toText(e.imageSrc||``)),location:a.sanitizeTextValue(a.toText(e.location||``)),pronouns:S(a.toText(e.pronouns||``)),dateOfBirth:a.sanitizeTextValue(a.toText(e.dateOfBirth||``)),entryNode:a.toText(e.entryNode),status:a.toText(e.entryNode)?`existing`:`new`},n=e.primaryEmail,r=e.primaryPhone,i=e.primaryAddress,s=!o.normalizeEmailTypeForEdit(n?.type),l=!o.normalizePhoneTypeForEdit(r?.type),u=o.normalizeEmailTypeForEdit(n?.type),d=o.normalizePhoneTypeForEdit(r?.type),f={value:c.sanitizeEmailValue(a.toText(n?.valueNode).replace(/^mailto:/i,``)),type:u,entryNode:a.toText(n?.entryNode),status:a.toText(n?.entryNode)?`existing`:`new`},p={value:a.sanitizeTextValue(a.toText(r?.valueNode||r?.entryNode||``).replace(/^tel:/i,``)),type:d,entryNode:a.toText(r?.entryNode||``),status:a.toText(r?.entryNode||``)?`existing`:`new`},m={streetAddress:c.sanitizeAddressFieldValue(a.toText(i?.streetAddress)),locality:c.sanitizeAddressFieldValue(a.toText(i?.locality)),region:c.sanitizeAddressFieldValue(a.toText(i?.region)),postalCode:c.sanitizeAddressFieldValue(a.toText(i?.postalCode)),countryName:c.sanitizeAddressFieldValue(a.toText(i?.countryName)),type:a.toTypeLabel(i?.type),entryNode:a.toText(i?.entryNode),status:a.toText(i?.entryNode)?`existing`:`new`};return{basicInfo:t||{name:``,nickname:``,imageSrc:``,location:``,pronouns:``,dateOfBirth:``,entryNode:``,status:`new`},email:f||{value:``,type:``,entryNode:``,status:`new`},phone:p||{value:``,type:``,entryNode:``,status:`new`},address:m||{streetAddress:``,locality:``,region:``,postalCode:``,countryName:``,type:``,entryNode:``,status:`new`},emailTypeWasMissing:s,phoneTypeWasMissing:l,imagePreviewSrc:``,clearImagePreview:()=>void 0}}function w(e,t){if(e.clearImagePreview(),typeof URL.createObjectURL!=`function`){e.imagePreviewSrc=``,e.clearImagePreview=()=>void 0;return}let n=URL.createObjectURL(t);e.imagePreviewSrc=n,e.clearImagePreview=()=>{URL.revokeObjectURL(n),e.imagePreviewSrc=``,e.clearImagePreview=()=>void 0}}function T(e,t){e.clearImagePreview(),t&&(e.imagePreviewSrc=t,e.clearImagePreview=()=>{e.imagePreviewSrc=``,e.clearImagePreview=()=>void 0})}function E(e){let t=e=>({...b(e,`email`),type:o.toSavedHeadingEmailType(b(e,`email`).type)});return{create:e.create.map(t),update:e.update.map(t),remove:e.remove.map(t)}}function D(e){let t=e=>({...b(e,`phone`),type:o.toSavedHeadingPhoneType(b(e,`phone`).type)});return{create:e.create.map(t),update:e.update.map(t),remove:e.remove.map(t)}}function O(e,t,n){let r=s.summarizeRowOps([e],x);return n&&e.entryNode&&e.status===`existing`&&x(e)&&r.create.length===0&&r.update.length===0&&r.remove.length===0?{create:r.create,update:[b({...e,status:`modified`},t)],remove:r.remove}:r}function k({phone:e}){let t=`Mobile Number`,n=`Phone Type 1`,r=`phone-value`,a=i.splitPhoneValue(e?.value||``),o=a.dialCode;return d.html`
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`html[data-layout=mobile] .profile-edit-dialog__row{flex-direction:column;align-items:stretch;max-width:100%}html[data-layout=mobile] .profile-edit-dialog__row--equal>.profile-edit-dialog__field,html[data-layout=mobile] .profile-edit-dialog__row--equal>.profile-edit-dialog__field-type,html[data-layout=mobile] .profile-edit-dialog__field-type{flex:auto}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__field--dob{align-self:stretch;width:100%;min-width:0;max-width:100%;overflow:hidden}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__row--heading-dob{flex-direction:column;align-items:stretch}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__row--heading-dob>.profile-edit-dialog__field,html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__row--heading-dob>.profile-edit-dialog__field-type{flex:auto;width:100%;min-width:0;max-width:100%}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob{height:var(--solid-ui-clickable-area,42px);min-height:var(--solid-ui-clickable-area,42px);max-height:var(--solid-ui-clickable-area,42px);box-sizing:border-box;width:100%;min-width:0;max-width:100%;line-height:var(--line-height-base,1.5);display:block}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob::-webkit-date-and-time-value{text-align:center;width:100%;min-width:0;max-width:100%;overflow:hidden}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob::-webkit-datetime-edit{text-align:center;width:100%;min-width:0;max-width:100%;overflow:hidden}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob::-webkit-datetime-edit-fields-wrapper{text-align:center;width:100%;min-width:0;max-width:100%;overflow:hidden}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob::-webkit-date-and-time-value{text-align:center;white-space:nowrap}@media (hover:none) and (pointer:coarse){html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob{height:var(--solid-ui-clickable-area,42px);min-height:var(--solid-ui-clickable-area,42px);max-height:var(--solid-ui-clickable-area,42px);line-height:calc(var(--solid-ui-clickable-area,42px) - 2px);width:calc(100% - 24px);max-width:calc(100% - 24px);padding-block:0}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob::-webkit-date-and-time-value{line-height:calc(var(--solid-ui-clickable-area,42px) - 2px)}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob::-webkit-datetime-edit{line-height:calc(var(--solid-ui-clickable-area,42px) - 2px)}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob::-webkit-datetime-edit-fields-wrapper{line-height:calc(var(--solid-ui-clickable-area,42px) - 2px)}html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog--heading .profile-edit-dialog__input--dob::-webkit-calendar-picker-indicator{margin:0;padding:0}}html[data-layout=mobile] .profile__edit-form{--profile-edit-dialog-mobile-image-button-font-size:var(--solid-ui-font-size-md,1rem);--profile-edit-dialog-mobile-image-label-font-size:var(--solid-ui-font-size-sm,.875rem);--profile-edit-dialog-mobile-image-description-font-size:.625rem}html[data-layout=mobile] #profile-modal .modal label.profile-edit-dialog__field,html[data-layout=mobile] #profile-modal .modal label.profile-edit-dialog__field-type,html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog__field>.label,html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog__field-type>.label,html[data-layout=mobile] #profile-modal .modal .profile-edit-dialog__field-description{font-size:var(--solid-ui-font-size-sm,.875rem);line-height:1.5}html[data-layout=mobile] .profile-edit-dialog__field input,html[data-layout=mobile] .profile-edit-dialog__field-type input{font-size:var(--solid-ui-font-size-md,1rem)}html[data-layout=mobile] .profile-edit-dialog__field-type--contact-point{flex:auto;width:100%;max-width:100%}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--contact-point{flex-direction:row;align-items:stretch}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--contact-point.profile-edit-dialog__row--equal>.profile-edit-dialog__field-type.profile-edit-dialog__field-type--contact-point{flex:0 0 103px;width:103px;min-width:103px;max-width:103px}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo{flex-flow:row;align-items:center;gap:12px;width:100%;max-width:100%}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo>header{flex:none;margin-bottom:0}html[data-layout=mobile] .profile-edit-dialog--heading{--profile-edit-dialog-avatar-size:5rem}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile__hero-alt{padding:0}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile__image-frame--fallback .profile__hero-alt{justify-content:center;align-items:center;display:flex}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-preview{flex:auto;gap:5px;width:100%;min-width:0}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-preview-label{font-size:var(--profile-edit-dialog-mobile-image-label-font-size);line-height:1.25}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-preview-description{font-size:var(--profile-edit-dialog-mobile-image-description-font-size);line-height:1.4}html[data-layout=mobile] .profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-preview-actions{grid-template-columns:repeat(2,max-content);justify-content:start;align-items:stretch;gap:8px;width:100%;display:grid}@media (width<=576px){.profile-edit-dialog__row{flex-direction:column;align-items:stretch;max-width:100%}.profile__edit-form{--profile-edit-dialog-mobile-image-button-font-size:var(--solid-ui-font-size-md,1rem);--profile-edit-dialog-mobile-image-label-font-size:var(--solid-ui-font-size-sm,.875rem);--profile-edit-dialog-mobile-image-description-font-size:.625rem}.profile-edit-dialog__row--equal>.profile-edit-dialog__field,.profile-edit-dialog__row--equal>.profile-edit-dialog__field-type,.profile-edit-dialog__field-type{flex:auto}.profile-edit-dialog__field input,.profile-edit-dialog__field-type input{font-size:var(--solid-ui-font-size-sm,.875rem)}.profile-edit-dialog__field-type--contact-point{flex:auto;width:100%;max-width:100%}.profile-edit-dialog--heading .profile-edit-dialog__row--contact-point{flex-direction:row;align-items:stretch}.profile-edit-dialog--heading .profile-edit-dialog__row--contact-point.profile-edit-dialog__row--equal>.profile-edit-dialog__field-type.profile-edit-dialog__field-type--contact-point{flex:0 0 103px;width:103px;min-width:103px;max-width:103px}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo{flex-flow:row;align-items:center;gap:12px;width:100%;max-width:100%}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo>header{flex:none;margin-bottom:0}.profile__edit-form.profile-edit-dialog--heading{--profile-edit-dialog-avatar-size:5rem}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile__hero-alt{padding:0}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile__image-frame--fallback .profile__hero-alt{justify-content:center;align-items:center;display:flex}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-preview{flex:auto;gap:5px;width:100%;min-width:0}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-preview-label{font-size:var(--profile-edit-dialog-mobile-image-label-font-size);line-height:var(--line-height-tight,1.25)}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-preview-description{font-size:var(--profile-edit-dialog-mobile-image-description-font-size);line-height:var(--line-height-base,1.4)}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-preview-actions{grid-template-columns:repeat(2,max-content);justify-content:start;align-items:stretch;gap:8px;width:100%;display:grid}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile-edit-dialog__image-button{width:auto;min-width:0}}.profile__edit-form{--profile-edit-dialog-row-max-width:544px;--profile-edit-dialog-muted-text:var(--solid-ui-color-gray-600,#4a5565);--profile-edit-dialog-quiet-text:var(--solid-ui-color-gray-700,#364153);--profile-edit-dialog-mobile-image-button-font-size:.75rem;--profile-edit-dialog-mobile-image-label-font-size:var(--solid-ui-font-size-sm,.875rem);--profile-edit-dialog-mobile-image-description-font-size:.625rem;--profile-edit-dialog-mobile-image-button-padding:6.6px 12px 7px 14px;width:100%}.profile-edit-dialog__section,.profile-edit-dialog__section--education{flex-direction:column;gap:12px;display:flex}.profile-edit{flex-direction:column;gap:25px;display:flex}.profile-edit-dialog__section h4{margin:0}.profile-edit-dialog__section fieldset{width:100%;border:0;gap:15px;min-inline-size:0;margin:0;padding:0;display:grid}.profile-edit-dialog__field-description{color:var(--profile-edit-dialog-muted-text);font-size:var(--solid-ui-font-size-sm,.875rem);font-weight:400;line-height:1.5}.profile-edit-dialog__row{max-width:var(--profile-edit-dialog-row-max-width);align-items:flex-start;gap:15px;display:flex}.profile-edit-dialog__row--heading-photo{gap:10px}.profile-edit-dialog__row--full{width:100%;max-width:100%}.profile-edit-dialog__field,.profile-edit-dialog__field-type{margin:0;display:block}.profile-edit-dialog__field-type{width:100%}.profile-edit-dialog__field{min-width:0}.profile-edit-dialog__field--stack{display:grid}.profile-edit-dialog__field--stack>small{text-align:right;justify-self:end;width:100%;display:block}.profile-edit-dialog__field--full{width:100%;max-width:100%!important}.profile-edit-dialog__field--row-width{width:100%;max-width:544px}.profile-edit-dialog__login-message{font-size:var(--solid-ui-font-size-xs,.75rem);color:var(--solid-ui-color-error,#b00020);margin:0}.profile-edit-dialog__section+.profile-edit-dialog__login-message,.profile__edit-form--projects .profile-edit-dialog__login-message{margin-top:15px}.profile-edit-dialog__actions{flex:none;justify-content:flex-end;align-items:center;display:flex}.profile-edit-dialog__actions--edge{margin-left:auto}.profile-edit-dialog__input-wrap{width:100%;position:relative}.profile-edit-dialog__input--with-action{box-sizing:border-box;width:100%;padding-right:120px}.profile-edit-dialog__image-preview{display:grid}.profile-edit-dialog__image-preview-header{margin-bottom:0}.profile-edit-dialog__image-preview-actions{align-items:center;gap:12px;display:flex}.profile-edit-dialog__image-preview-label{color:var(--gray-900,#101828);font-size:var(--solid-ui-font-size-sm,.875rem);font-weight:600}.profile-edit-dialog__image-preview-description{color:var(--solid-ui-color-gray-600,#4a5565);font-size:var(--solid-ui-font-size-sm,.875rem);font-weight:400}.profile-edit-dialog__image-preview-label,.profile-edit-dialog__image-preview-description{margin:0}.profile-edit-dialog--heading{--profile-edit-dialog-avatar-size:5.625rem}.profile-edit-dialog__image-frame{width:var(--profile-edit-dialog-avatar-size,5.625rem);height:var(--profile-edit-dialog-avatar-size,5.625rem);vertical-align:top;font-size:0;line-height:0;display:inline-block;position:relative;overflow:visible}.profile-edit-dialog__image-frame>solid-ui-photo-capture{pointer-events:none;display:block;position:absolute;inset:0}.profile-edit-dialog__image-frame>solid-ui-photo-capture>*{pointer-events:auto}.profile__image-frame{width:var(--profile-edit-dialog-avatar-size,5.625rem);height:var(--profile-edit-dialog-avatar-size,5.625rem);border:1px solid var(--solid-ui-color-primary,#7c4dff);background:var(--solid-ui-color-slate-50,#f8fafc);box-sizing:border-box;border-radius:10px;margin:0;padding:0;display:block;position:relative;overflow:hidden}.profile__image-frame--fallback{border:1px dashed var(--solid-ui-color-slate-200,#e2e8f0);background:var(--solid-ui-color-slate-50,#f8fafc)}.profile__hero,.profile__hero-alt{box-sizing:border-box;border-radius:10px;width:100%;height:100%;display:block}.profile__hero{object-fit:cover;object-position:center;background:var(--color-surface-placeholder,var(--gray-300,#d1d5dc)) 50% / cover no-repeat}.profile__hero-alt{background:var(--solid-ui-color-slate-50,#f8fafc);justify-content:center;align-items:center;display:none}.profile__image-frame--fallback .profile__hero-alt{display:flex}.profile__hero-icon{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:1.125rem;display:flex}.profile__hero-icon icon-lucide-circle-user-round,.profile__hero-alt icon-lucide-circle-user-round{color:#d9e1f2;width:1.75rem;height:1.75rem;display:block}.profile-edit-dialog__image-camera-button{z-index:1;border:1px solid var(--solid-ui-color-slate-200,#e2e8f0);background:var(--solid-ui-color-white,#fff);width:1.75rem;min-width:1.75rem;height:1.75rem;min-height:1.75rem;color:var(--solid-ui-color-gray-700,#364153);cursor:pointer;box-sizing:border-box;border-radius:7px;justify-content:center;align-items:center;padding:0;line-height:0;transition:none;display:inline-flex;position:absolute;bottom:5px;right:5px;box-shadow:0 2px 6px #0f172a1f}.profile-edit-dialog__image-camera-button:hover,.profile-edit-dialog__image-camera-button:focus-visible,.profile-edit-dialog__image-camera-button:active{border-color:var(--solid-ui-color-slate-200,#e2e8f0);background:color-mix(in srgb, var(--solid-ui-color-primary,#7c4dff) 12%, #fff);width:1.75rem;min-width:1.75rem;height:1.75rem;min-height:1.75rem;color:var(--solid-ui-color-primary,#7c4dff);padding:0;transform:none;box-shadow:0 2px 6px #0f172a1f}.profile-edit-dialog__image-camera-button icon-lucide-camera{vertical-align:middle;flex-shrink:0;width:.875rem;height:.875rem;margin:.05rem;display:block}.profile-edit-dialog__image-camera-capture-row{justify-content:center;width:100%;display:flex}.profile-edit-dialog__image-camera-capture-frame{box-sizing:border-box;border:1px solid var(--solid-color-gray-200,#e5e7eb);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:fit-content;max-width:100%;margin:6px auto 12px;padding:10px;display:flex;position:relative}.profile-edit-dialog__image-camera-capture-frame[hidden]{display:none}.profile-edit-dialog__paste-button{white-space:nowrap;z-index:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.profile-edit-dialog__paste-icon{width:.875rem;height:.875rem;stroke:var(--solid-ui-color-primary,#7c4dff);fill:var(--solid-ui-color-primary,#7c4dff)}.profile-edit-dialog__paste-icon svg{display:block;transform:translate(1px,1px)}solid-ui-button.profile-edit-dialog__drag-handle{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}solid-ui-button.profile-edit-dialog__drag-handle:active{cursor:grabbing}.profile-edit-dialog__row--drop-target{outline:1px dashed var(--solid-ui-color-gray-400,#99a1af);outline-offset:2px}.profile-edit-dialog__field input,.profile-edit-dialog__field select,.profile-edit-dialog__field-type input,.profile-edit-dialog__field-type select{box-sizing:border-box;width:100%;max-width:100%;min-height:var(--solid-ui-clickable-area,42px);height:var(--solid-ui-clickable-area,42px);border:1px solid var(--solid-ui-color-gray-400,#99a1af);background:var(--solid-ui-color-white,#fff);color:var(--color-text-subheading,var(--gray-900,#101828));font-size:var(--solid-ui-font-size-sm,.875rem);border-radius:5px;margin-block-start:0;padding:10px;font-weight:500}.profile-edit-dialog__field input[type=date],.profile-edit-dialog__field-type input[type=date]{min-width:0}.profile-edit-dialog__field textarea,.profile-edit-dialog__field-type textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:var(--solid-ui-clickable-area,42px)}.profile-edit-dialog__textarea{color:var(--color-text-subheading,var(--gray-900,#101828));font-size:var(--solid-ui-font-size-sm,.875rem);border:1px solid var(--solid-ui-color-gray-400,#99a1af);background:var(--solid-ui-color-white,#fff);resize:vertical;border-radius:5px;height:auto;font-weight:500;line-height:1.6;min-height:160px!important}.profile__edit-form--heading{flex-direction:column;gap:12px;display:flex}.profile-edit-dialog__bio-field-container{width:100%;max-width:var(--profile-edit-dialog-row-max-width);box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:12px;margin:0;padding:0;display:flex}.profile-edit-dialog__row--language{margin-left:0}.profile-edit-dialog__row--language>.profile-edit-dialog__field--language-name{flex:1 1 0;min-width:0}.profile-edit-dialog__field-type--language-proficiency,.profile-edit-dialog__field-type--language-proficiency[hidden]{display:none!important}.profile-edit-dialog__actions--language{margin-left:0}.profile-edit-dialog__row--social{width:100%;max-width:100%;margin-left:-10px}.profile-edit-dialog__field--social-type{flex:0 0 96px;width:96px;max-width:96px}.profile-edit-dialog__field--social-url{flex:auto;min-width:0}.profile-edit-dialog__row--project{width:100%;max-width:100%}.profile-edit-dialog__row--resume-entry-header{border-bottom:1px solid var(--solid-ui-color-gray-400,#99a1af);align-items:center}.profile-edit-dialog__row--resume-entry-header>.profile-edit-dialog__entry-heading{margin:0}.profile-edit-dialog__entry-heading{color:var(--solid-ui-color-gray-700,#364153);font-size:var(--solid-ui-font-size-sm,.875rem);margin:0;font-weight:500}.profile-edit-dialog__section--education .profile-edit-dialog__section-heading{color:var(--solid-ui-color-gray-700,#364153);font-size:var(--solid-ui-font-size-md,1rem);margin:0;font-weight:500}.profile-edit-dialog__row--equal>.profile-edit-dialog__field,.profile-edit-dialog__row--equal>.profile-edit-dialog__field-type{flex:1 1 0;min-width:0}.profile-edit-dialog--heading .profile-edit-dialog__image-camera-capture-row{margin-bottom:-12.5px}.profile-edit-dialog--heading .profile-edit-dialog__image-camera-capture-row:has(>[hidden]){display:none}.profile-edit-dialog--heading .profile-edit-dialog__image-camera-capture-frame{margin-top:3px;margin-bottom:6px}.profile__edit-form--resume .profile-edit-dialog__field,.profile__edit-form--resume .profile-edit-dialog__field-type:not(.hidden),.profile__edit-form--contact-info .profile-edit-dialog__field,.profile__edit-form--contact-info .profile-edit-dialog__field-type:not(.hidden){flex-direction:column;flex:1 0 0;align-items:flex-start;gap:5px;display:flex}.profile__edit-form--resume .profile-edit-dialog__row{width:100%;max-width:100%}.profile__edit-form--resume .profile-edit-dialog__section fieldset>.profile-edit-dialog__field{max-width:100%}.profile__edit-form--resume .profile-edit-dialog__field>input,.profile__edit-form--resume .profile-edit-dialog__field>solid-ui-select,.profile__edit-form--resume .profile-edit-dialog__field>solid-ui-combobox,.profile__edit-form--resume .profile-edit-dialog__field>textarea,.profile__edit-form--resume .profile-edit-dialog__field-type>input,.profile__edit-form--resume .profile-edit-dialog__field-type>solid-ui-select,.profile__edit-form--resume .profile-edit-dialog__field-type>textarea,.profile__edit-form--contact-info .profile-edit-dialog__field>input,.profile__edit-form--contact-info .profile-edit-dialog__field>solid-ui-select,.profile__edit-form--contact-info .profile-edit-dialog__field>textarea,.profile__edit-form--contact-info .profile-edit-dialog__field-type>input,.profile__edit-form--contact-info .profile-edit-dialog__field-type>solid-ui-select,.profile__edit-form--contact-info .profile-edit-dialog__field-type>textarea{align-self:stretch}.profile-edit-dialog__field>solid-ui-combobox,.profile-edit-dialog__field-type>solid-ui-combobox{box-sizing:border-box;align-self:stretch;width:100%;min-width:0;max-width:100%;display:block}.profile__edit-form solid-ui-combobox{background:var(--solid-ui-color-white,#fff);color:var(--color-text-subheading,var(--gray-900,#101828));font-size:var(--solid-ui-font-size-sm,.875rem);font-weight:500;line-height:calc(var(--solid-ui-clickable-area,42px) - 22px);border-radius:5px}.profile-edit-dialog__field--resume-location{flex:1 0 0;width:auto;max-width:none}.profile-edit-dialog__row--resume-dates{width:100%;max-width:100%}.profile-edit-dialog__field--date-group{flex:1 1 0;min-width:0}.profile-edit-dialog__date-pair{align-items:center;gap:15px;width:100%;display:flex}.profile-edit-dialog__date-pair>solid-ui-select{flex:1 1 0;min-width:0}.profile-edit-dialog__resume-date-select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block}.profile-edit-dialog__resume-date-select--disabled{pointer-events:none;opacity:var(--opacity-input-disabled,.75)}.profile-edit-dialog__bio-field-container>small{text-align:right;align-self:flex-end}.profile-edit-dialog--heading .profile-edit-dialog__row,.profile-edit-dialog--heading .profile-edit-dialog__field--row-width{width:100%;max-width:100%}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo{border-bottom:1px solid var(--solid-ui-color-slate-200,#e2e8f0);padding-bottom:20px}.profile-edit-dialog--heading .profile-edit{gap:12.5px}.profile-edit-dialog--heading .profile-edit-dialog__row--heading-photo .profile__hero-alt{padding:0}.profile-edit-dialog--heading .profile-edit-dialog__row--contact-point{gap:10px;width:100%;max-width:100%}.profile-edit-dialog--heading .profile-edit-dialog__row--contact-point>.profile-edit-dialog__field{flex:1 1 0;min-width:0}.profile-edit-dialog--heading .profile-edit-dialog__field-type--contact-point{padding-top:calc(var(--solid-ui-font-size-sm,.875rem) * 1.5)}.profile-edit-dialog--heading .profile-edit-dialog__row--contact-point>.profile-edit-dialog__field>.label{width:100%;display:block}.profile-edit-dialog--heading .profile-edit-dialog__row--contact-point.profile-edit-dialog__row--equal>.profile-edit-dialog__field-type.profile-edit-dialog__field-type--contact-point{flex:0 0 103px;width:103px;min-width:103px;max-width:103px}.profile-edit-dialog__row--address-header{max-width:var(--profile-edit-dialog-row-max-width);align-items:flex-end}.profile-edit-dialog__row--inline-end{justify-content:flex-end;max-width:100%}.profile-edit-dialog__checkbox-label{cursor:var(--profile-interactive-cursor,pointer);align-items:center;gap:12px;margin-left:auto;display:inline-flex}.profile-edit-dialog__checkbox-input{width:var(--icon-xxs,1rem);height:var(--icon-xxs,1rem);accent-color:var(--solid-ui-color-primary,#7c4dff);cursor:var(--profile-interactive-cursor,pointer);flex:none;margin:0}.profile-edit-dialog__checkbox-input:focus-visible{outline:var(--focus-indicator-width,2px) solid var(--solid-ui-color-primary,#7c4dff);outline-offset:2px}.profile-edit-dialog__checkbox-input:disabled{opacity:var(--opacity-disabled,.5)}.profile-edit-dialog__section fieldset>.profile-edit-dialog__field{max-width:var(--profile-edit-dialog-row-max-width)}.profile-edit-dialog__field-type--wide{flex:auto;width:100%;min-width:0;max-width:100%}.profile-edit-dialog__field-type--contact-point{flex:none;align-self:flex-start;width:auto;max-width:none}.profile-edit-dialog__social-account-select{box-sizing:border-box;contain:inline-size;width:100%;min-width:0;max-width:100%;display:block}.profile-edit-dialog__resume-organization-type-select{box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block}.profile-edit-dialog__bio-field-container textarea{box-sizing:border-box;width:100%;max-width:100%;min-height:var(--solid-ui-clickable-area,42px)}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();const e=require("../../ui/dialog2.cjs.js"),t=require("./imagePreview.cjs.js");require("../../texts/dialogTexts.cjs.js");const n=require("../../texts/messageTexts.cjs.js"),r=require("./mutations.cjs.js"),i=require("../shared/phoneCountries.cjs.js"),a=require("../../textUtils.cjs.js"),o=require("../shared/contactTypeUtils.cjs.js"),s=require("../shared/rowState.cjs.js");require("../../../../../_virtual/~icons/lucide/camera.cjs.js");const c=require("../shared/sanitizeUtils.cjs.js"),l=require("./dateHelpers.cjs.js"),u=require("./imageHelpers.cjs.js");let d=require("lit-html");require("solid-ui/components/button"),require("solid-ui/components/combobox"),require("solid-ui/components/combobox-option"),require("solid-ui/components/photo-capture");var f=[{label:`Mobile`,value:`Mobile`},{label:`Home`,value:`Home`},{label:`Work`,value:`Work`}],p=[{label:`Personal`,value:`Personal`},{label:`Office`,value:`Office`}],m=[{label:`He/Him`,value:`He/Him`},{label:`She/Her`,value:`She/Her`},{label:`They/Them`,value:`They/Them`}];function h(e){return`value`in e}function g(e){return`streetAddress`in e}function _(e){return`name`in e}function v(e,t){return t.some(t=>t.value===e)?e:t[0]?.value||``}function y(e){return e===`phone`?f:p}function b(e,t){return{...e,type:v(e.type||``,y(t))}}function x(e){return h(e)?a.hasNonEmptyText(e.value):g(e)?[e.streetAddress,e.locality,e.region,e.postalCode,e.countryName].some(a.hasNonEmptyText):_(e)?[e.name,e.nickname,e.imageSrc,e.location,e.pronouns,e.dateOfBirth].some(a.hasNonEmptyText):!1}function S(e){let t=a.sanitizeTextValue(e||``).toLowerCase().replace(/\s+/g,``);return t?t===`he`||t===`he/him`?`He/Him`:t===`she`||t===`she/her`?`She/Her`:t===`they`||t===`they/them`?`They/Them`:e||``:``}function C(e){let t={name:a.sanitizeTextValue(a.toText(e.name)),nickname:a.sanitizeTextValue(a.toText(e.nickname||``)),imageSrc:a.sanitizeTextValue(a.toText(e.imageSrc||``)),location:a.sanitizeTextValue(a.toText(e.location||``)),pronouns:S(a.toText(e.pronouns||``)),dateOfBirth:a.sanitizeTextValue(a.toText(e.dateOfBirth||``)),entryNode:a.toText(e.entryNode),status:a.toText(e.entryNode)?`existing`:`new`},n=e.primaryEmail,r=e.primaryPhone,i=e.primaryAddress,s=!o.normalizeEmailTypeForEdit(n?.type),l=!o.normalizePhoneTypeForEdit(r?.type),u=o.normalizeEmailTypeForEdit(n?.type),d=o.normalizePhoneTypeForEdit(r?.type),f={value:c.sanitizeEmailValue(a.toText(n?.valueNode).replace(/^mailto:/i,``)),type:u,entryNode:a.toText(n?.entryNode),status:a.toText(n?.entryNode)?`existing`:`new`},p={value:a.sanitizeTextValue(a.toText(r?.valueNode||r?.entryNode||``).replace(/^tel:/i,``)),type:d,entryNode:a.toText(r?.entryNode||``),status:a.toText(r?.entryNode||``)?`existing`:`new`},m={streetAddress:c.sanitizeAddressFieldValue(a.toText(i?.streetAddress)),locality:c.sanitizeAddressFieldValue(a.toText(i?.locality)),region:c.sanitizeAddressFieldValue(a.toText(i?.region)),postalCode:c.sanitizeAddressFieldValue(a.toText(i?.postalCode)),countryName:c.sanitizeAddressFieldValue(a.toText(i?.countryName)),type:a.toTypeLabel(i?.type),entryNode:a.toText(i?.entryNode),status:a.toText(i?.entryNode)?`existing`:`new`};return{basicInfo:t||{name:``,nickname:``,imageSrc:``,location:``,pronouns:``,dateOfBirth:``,entryNode:``,status:`new`},email:f||{value:``,type:``,entryNode:``,status:`new`},phone:p||{value:``,type:``,entryNode:``,status:`new`},address:m||{streetAddress:``,locality:``,region:``,postalCode:``,countryName:``,type:``,entryNode:``,status:`new`},emailTypeWasMissing:s,phoneTypeWasMissing:l,imagePreviewSrc:``,clearImagePreview:()=>void 0}}function w(e,t){if(e.clearImagePreview(),typeof URL.createObjectURL!=`function`){e.imagePreviewSrc=``,e.clearImagePreview=()=>void 0;return}let n=URL.createObjectURL(t);e.imagePreviewSrc=n,e.clearImagePreview=()=>{URL.revokeObjectURL(n),e.imagePreviewSrc=``,e.clearImagePreview=()=>void 0}}function T(e,t){e.clearImagePreview(),t&&(e.imagePreviewSrc=t,e.clearImagePreview=()=>{e.imagePreviewSrc=``,e.clearImagePreview=()=>void 0})}function E(e){let t=e=>({...b(e,`email`),type:o.toSavedHeadingEmailType(b(e,`email`).type)});return{create:e.create.map(t),update:e.update.map(t),remove:e.remove.map(t)}}function D(e){let t=e=>({...b(e,`phone`),type:o.toSavedHeadingPhoneType(b(e,`phone`).type)});return{create:e.create.map(t),update:e.update.map(t),remove:e.remove.map(t)}}function O(e,t,n){let r=s.summarizeRowOps([e],x);return n&&e.entryNode&&e.status===`existing`&&x(e)&&r.create.length===0&&r.update.length===0&&r.remove.length===0?{create:r.create,update:[b({...e,status:`modified`},t)],remove:r.remove}:r}function k({phone:e}){let t=`Mobile Number`,n=`Phone Type 1`,r=`phone-value`,a=i.splitPhoneValue(e?.value||``),o=a.dialCode;return d.html`
     <div class="profile-edit-dialog__row profile-edit-dialog__row--equal profile-edit-dialog__row--contact-point">
       <div class="profile-edit-dialog__field">
         <label aria-label=${t} class="label">

package/dist/components/profile-heading/editor/sections/heading/HeadingEditDialog.esm.js

@@ -12,12 +12,12 @@ import "../../../../../_virtual/~icons/lucide/camera.esm.js";
 import { sanitizeAddressFieldValue as _, sanitizeBasicInputFieldValue as v, sanitizeEmailValue as y, sanitizePhoneLocalValue as b } from "../shared/sanitizeUtils.esm.js";
 import { toStorageDateISO as x } from "./dateHelpers.esm.js";
 import { invalidateResolvedPhotoDisplaySrc as S, resolvePhotoDisplaySrc as C, uploadPhotoFile as w } from "./imageHelpers.esm.js";
-import "solid-ui/components/button";
 import { html as T, render as E } from "lit-html";
+import "solid-ui/components/button";
 import "solid-ui/components/combobox";
 import "solid-ui/components/combobox-option";
 import "solid-ui/components/photo-capture";
-//#region src/components/profile-heading/editor/sections/heading/HeadingEditDialog.ts
+// src/components/profile-heading/editor/sections/heading/HeadingEditDialog.ts
 var D = [
 	{
 		label: "Mobile",
@@ -636,7 +636,6 @@ async function $(t, n, i, a, o, l) {
 		formatSaveError: (e) => e instanceof Error ? e.message : "Unable to save your heading information."
 	}) && l && await l();
 }
-//#endregion
 export { $ as createHeadingEditDialog };
 
 //# sourceMappingURL=HeadingEditDialog.esm.js.map

package/dist/components/profile-heading/editor/sections/heading/dateHelpers.esm.js

@@ -1,4 +1,4 @@
-//#region src/components/profile-heading/editor/sections/heading/dateHelpers.ts
+// src/components/profile-heading/editor/sections/heading/dateHelpers.ts
 function e(e) {
 	let t = (e || "").trim();
 	if (!t) return "";
@@ -10,7 +10,6 @@ function e(e) {
 	}
 	return "";
 }
-//#endregion
 export { e as toStorageDateISO };
 
 //# sourceMappingURL=dateHelpers.esm.js.map

package/dist/components/profile-heading/editor/sections/heading/imageHelpers.esm.js

@@ -1,7 +1,7 @@
 import { ns as e } from "solid-ui";
 import { authn as t, solidLogicSingleton as n } from "solid-logic";
 import { sym as r } from "rdflib";
-//#region src/components/profile-heading/editor/sections/heading/imageHelpers.ts
+// src/components/profile-heading/editor/sections/heading/imageHelpers.ts
 var i = /* @__PURE__ */ new Map();
 function a(e) {
 	if (!e) return;
@@ -70,7 +70,6 @@ async function d(i, a, o) {
 	}
 	return p;
 }
-//#endregion
 export { a as invalidateResolvedPhotoDisplaySrc, u as resolvePhotoDisplaySrc, d as uploadPhotoFile };
 
 //# sourceMappingURL=imageHelpers.esm.js.map

package/dist/components/profile-heading/editor/sections/heading/imagePreview.esm.js

@@ -1,6 +1,6 @@
 import "../../../../../_virtual/~icons/lucide/circle-user-round.esm.js";
 import { html as e, nothing as t } from "lit-html";
-//#region src/components/profile-heading/editor/sections/heading/imagePreview.ts
+// src/components/profile-heading/editor/sections/heading/imagePreview.ts
 var n = e`<icon-lucide-circle-user-round aria-hidden="true" focusable="false" style="width:48px;height:48px;color:#D9E1F2"></icon-lucide-circle-user-round>`, r = (e) => {
 	let t = e.currentTarget, n = t?.parentElement;
 	t && n && (t.hidden = !0, n.classList.add("profile__image-frame--fallback"));
@@ -22,7 +22,6 @@ var n = e`<icon-lucide-circle-user-round aria-hidden="true" focusable="false" st
     </div>
   </div>
 `;
-//#endregion
 export { i as Image };
 
 //# sourceMappingURL=imagePreview.esm.js.map

package/dist/components/profile-heading/editor/sections/heading/mutations.esm.js

@@ -3,7 +3,7 @@ import { collectLinkedNodeStatements as r, collectNodeStatements as i, findExist
 import { createIdNode as l } from "../shared/idNodeFactory.esm.js";
 import { ns as u } from "solid-ui";
 import { literal as d, st as f, sym as p } from "rdflib";
-//#region src/components/profile-heading/editor/sections/heading/mutations.ts
+// src/components/profile-heading/editor/sections/heading/mutations.ts
 function m(e) {
 	let t = (e || "").trim();
 	if (!t) return {};
@@ -145,7 +145,6 @@ async function w(n, r, i) {
 		throw Object.defineProperty(i, "cause", { value: r }), i;
 	}
 }
-//#endregion
 export { w as processHeadingMutations };
 
 //# sourceMappingURL=mutations.esm.js.map

package/dist/components/profile-heading/editor/sections/shared/contactTypeUtils.esm.js

@@ -1,5 +1,5 @@
 import { toTypeLabel as e } from "../../textUtils.esm.js";
-//#region src/components/profile-heading/editor/sections/shared/contactTypeUtils.ts
+// src/components/profile-heading/editor/sections/shared/contactTypeUtils.ts
 function t(t) {
 	let n = e(t).trim().toLowerCase();
 	return n ? n === "cell" || n === "mobile" ? "Mobile" : n === "home" ? "Home" : n === "work" || n === "office" ? "Work" : "" : "";
@@ -14,7 +14,6 @@ function r(e) {
 function i(e) {
 	return e === "Mobile" ? "Cell" : e || "";
 }
-//#endregion
 export { n as normalizeEmailTypeForEdit, t as normalizePhoneTypeForEdit, r as toSavedHeadingEmailType, i as toSavedHeadingPhoneType };
 
 //# sourceMappingURL=contactTypeUtils.esm.js.map

package/dist/components/profile-heading/editor/sections/shared/idNodeFactory.esm.js

@@ -1,11 +1,10 @@
 import { sym as e } from "rdflib";
-//#region src/components/profile-heading/editor/sections/shared/idNodeFactory.ts
+// src/components/profile-heading/editor/sections/shared/idNodeFactory.ts
 var t = 0;
 function n(n) {
 	let r = Date.now(), i = r > t ? r : t + 1;
 	return t = i, e(`${n.uri}#id${i}`);
 }
-//#endregion
 export { n as createIdNode };
 
 //# sourceMappingURL=idNodeFactory.esm.js.map

package/dist/components/profile-heading/editor/sections/shared/phoneCountries.esm.js

@@ -1285,7 +1285,6 @@ function c(e, t) {
 	let n = t.trim();
 	return n ? n.startsWith("+") ? n : e ? `${e}${n}` : n : "";
 }
-//#endregion
 export { e as COUNTRY_DIAL_OPTIONS, r as COUNTRY_DIAL_OPTIONS_ASC, a as COUNTRY_PREFIX_OPTIONS, c as combinePhoneValue, s as splitPhoneValue };
 
 //# sourceMappingURL=phoneCountries.esm.js.map

package/dist/components/profile-heading/editor/sections/shared/rdfMutationHelpers.esm.js

@@ -1,6 +1,6 @@
 import { updaterUnsupportedStoreErrorMessageText as e } from "../../texts/messageTexts.esm.js";
 import { graph as t, st as n } from "rdflib";
-//#region src/components/profile-heading/editor/sections/shared/rdfMutationHelpers.ts
+// src/components/profile-heading/editor/sections/shared/rdfMutationHelpers.ts
 var r = {
 	rdf: "http://www.w3.org/1999/02/22-rdf-syntax-ns#",
 	vcard: "http://www.w3.org/2006/vcard/ns#",
@@ -205,7 +205,6 @@ function k(e, t) {
 	let n = a(t);
 	return e.find((e) => a(e.value) === n || e.value === t);
 }
-//#endregion
 export { f as applyStatementsToStore, O as collectLinkedNodeStatements, E as collectNodeStatements, l as ensureStandardMutationPrefixes, k as findExistingNode, S as isMissingGetRecordErrorMessage, x as isPatchFailureMessage, w as putResourceWithStatements, c as registerStorePrefix, D as replacePredicateStatements, T as runUpdateTransport, p as sanitizePatchStatements, b as shouldForceDocumentPutForStatements, u as statementKey, d as uniqueStatements };
 
 //# sourceMappingURL=rdfMutationHelpers.esm.js.map

package/dist/components/profile-heading/editor/sections/shared/rowState.esm.js

@@ -1,4 +1,4 @@
-//#region src/components/profile-heading/editor/sections/shared/rowState.ts
+// src/components/profile-heading/editor/sections/shared/rowState.ts
 function e(e, t, n) {
 	e[t] = n.trim(), e.status = e.entryNode ? e.status === "existing" || e.status === "deleted" ? "modified" : e.status : "new";
 }
@@ -12,7 +12,6 @@ function t(e, t) {
 function n(e, t, n, r) {
 	e[t] = n, e.status = r(e) ? e.entryNode ? e.status === "existing" || e.status === "deleted" ? "modified" : e.status : "new" : e.entryNode ? "deleted" : "new";
 }
-//#endregion
 export { n as applyRowFieldChange, e as applyRowSelectChange, t as summarizeRowOps };
 
 //# sourceMappingURL=rowState.esm.js.map