solid-panes 5.0.0-0 → 5.0.0

package/dist/social/socialSections.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"socialSections.cjs.js","names":[],"sources":["../../src/social/socialSections.ts"],"sourcesContent":["import { DataBrowserContext } from 'pane-registry'\nimport { createAddMeToYourFriendsButton } from 'profile-pane'\nimport { Statement, NamedNode } from 'rdflib'\nimport { ns, utils, widgets } from 'solid-ui'\nimport { appendProfileLinks } from './editProfileDetails'\nimport { locationIcon, personInCircleIcon as personInCircleIconSvg } from './icons'\nimport { FriendshipTriage } from './triage'\n\nexport type ViewerMode = 'owner' | 'authenticated' | 'anonymous'\n\nexport type HeaderControls = {\n  canEdit: boolean,\n  viewerMode: ViewerMode,\n  showAddFriendAction?: boolean\n}\n\nexport type SocialHeaderElement = HTMLElement & {\n  refreshSocialHeader?: (controls: HeaderControls) => void\n}\n\nexport type HeaderStats = {\n  friendCount: number,\n  mutualFriendCount: number | null,\n  onSelectFriends?: () => void,\n  onSelectMutual?: () => void\n}\n\nexport type HeaderProfileData = {\n  imageUrl?: string,\n  name?: string,\n  jobTitle?: string,\n  organization?: string,\n  location?: string | null\n} | null\n\nexport type FriendRowRenderers = {\n  renderSupportingInfo: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null,\n  renderNameSuffix: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null\n}\n\nexport function createHeaderSection (\n  context: DataBrowserContext,\n  subject: NamedNode,\n  controls: HeaderControls,\n  stats: HeaderStats,\n  getProfileData: () => HeaderProfileData\n): SocialHeaderElement {\n  const dom = context.dom\n  const kb = context.session.store\n  const header = dom.createElement('header') as SocialHeaderElement\n  header.className = 'social-pane__header'\n  let headerControls = controls\n\n  const renderHeader = function () {\n    header.replaceChildren()\n    const profileData = getProfileData()\n\n    const headerContent = dom.createElement('div')\n    headerContent.className = 'social-pane__header-content'\n\n    const headerActions = dom.createElement('div')\n    headerActions.className = 'social-pane__header-actions profile__actions profile__heading-actions'\n\n    if (headerControls.canEdit) {\n      // Hidden for now because the social pane header edit control does not match the new design.\n      // Revisit later if we decide to restore profile-link editing here.\n    } else if (headerControls.viewerMode === 'authenticated' && headerControls.showAddFriendAction) {\n      headerActions.classList.add('social-pane__header-actions--friend')\n      const addToFriendsButton = createAddMeToYourFriendsButton(subject, context)\n      addToFriendsButton.classList.add('flex-center')\n      headerActions.appendChild(addToFriendsButton)\n    }\n\n    header.appendChild(headerContent)\n\n    const headerMedia = dom.createElement('div')\n    headerMedia.className = 'social-pane__header-media'\n    headerContent.appendChild(headerMedia)\n\n    if (profileData) {\n      headerMedia.appendChild(createImage(dom, profileData.imageUrl, profileData.name))\n    }\n\n    const headerDetails = dom.createElement('div')\n    headerDetails.className = 'social-pane__header-details'\n    headerContent.appendChild(headerDetails)\n\n    if (headerActions.childNodes.length > 0) {\n      headerContent.appendChild(headerActions)\n    }\n\n    const headerSummary = dom.createElement('div')\n    headerSummary.classList.add('social-pane__header-summary', 'flex-column')\n    headerDetails.appendChild(headerSummary)\n\n    const name = profileData?.name || utils.label(subject)\n    const h1 = dom.createElement('h1')\n    h1.classList.add('social-pane__header-name')\n    h1.appendChild(dom.createTextNode(name))\n    headerSummary.appendChild(h1)\n\n    const jobAndOrganization = [profileData?.jobTitle, profileData?.organization].filter(Boolean).join(' | ')\n    if (jobAndOrganization) {\n      const jobLine = dom.createElement('div')\n      jobLine.className = 'social-pane__header-job-org'\n      jobLine.textContent = jobAndOrganization\n      headerSummary.appendChild(jobLine)\n    }\n\n    if (profileData?.location) {\n      const locationLine = dom.createElement('div')\n      locationLine.className = 'social-pane__header-location'\n\n      const locationIconSpan = dom.createElement('span')\n      locationIconSpan.classList.add('social-pane__header-location-icon', 'inline-flex-row')\n      locationIconSpan.innerHTML = locationIcon\n      locationLine.appendChild(locationIconSpan)\n      locationLine.appendChild(dom.createTextNode(profileData.location))\n\n      headerSummary.appendChild(locationLine)\n    }\n\n    const statsRow = dom.createElement('div')\n    statsRow.className = 'social-pane__header-stats'\n\n    const friendCount = dom.createElement('button')\n    friendCount.className = 'social-pane__header-stat'\n    friendCount.type = 'button'\n    const friendCountLabel = dom.createElement('span')\n    friendCountLabel.className = 'social-pane__header-stat-label'\n    friendCountLabel.textContent = `${stats.friendCount} friend${stats.friendCount === 1 ? '' : 's'}`\n    friendCount.appendChild(friendCountLabel)\n    if (stats.onSelectFriends) {\n      friendCount.addEventListener('click', stats.onSelectFriends)\n    }\n    statsRow.appendChild(friendCount)\n\n    if (typeof stats.mutualFriendCount === 'number') {\n      const mutualCount = dom.createElement('button')\n      mutualCount.className = 'social-pane__header-stat'\n      mutualCount.type = 'button'\n      const mutualCountLabel = dom.createElement('span')\n      mutualCountLabel.className = 'social-pane__header-stat-label'\n      mutualCountLabel.textContent = `${stats.mutualFriendCount} mutual friend${stats.mutualFriendCount === 1 ? '' : 's'}`\n      mutualCount.appendChild(mutualCountLabel)\n      if (stats.onSelectMutual) {\n        mutualCount.addEventListener('click', stats.onSelectMutual)\n      }\n      statsRow.appendChild(mutualCount)\n    }\n\n    headerSummary.appendChild(statsRow)\n    appendProfileLinks(headerMedia, dom, kb, subject)\n  }\n\n  header.refreshSocialHeader = function (nextControls: HeaderControls) {\n    headerControls = nextControls\n    renderHeader()\n  }\n\n  renderHeader()\n\n  return header\n}\n\nfunction createImage (dom: HTMLDocument, src: string | null | undefined, alt = ''): HTMLElement {\n  if (src) {\n    const img = dom.createElement('img')\n    img.className = 'social-pane__header-hero'\n    img.src = src\n    img.alt = alt\n    img.width = 180\n    img.height = 180\n    img.loading = 'eager'\n    return img\n  }\n\n  const fallback = dom.createElement('div')\n  fallback.className = 'social-pane__header-hero-alt flex-center'\n  fallback.setAttribute('role', 'img')\n  fallback.setAttribute('aria-label', alt)\n  fallback.tabIndex = 0\n\n  const icon = dom.createElement('span')\n  icon.classList.add('social-pane__header-hero-icon', 'inline-flex-row')\n  icon.innerHTML = personInCircleIconSvg\n  fallback.appendChild(icon)\n\n  return fallback\n}\n\nexport function createMutualSection (options: {\n  dom: HTMLDocument,\n  subject: NamedNode,\n  familiar: string,\n  me: NamedNode,\n  meUri: string | null,\n  incoming: boolean | NamedNode[] | undefined,\n  outgoing: boolean | NamedNode[] | undefined,\n  editable: boolean,\n  profile: NamedNode | null,\n  knows: NamedNode,\n  mutualConnections: NamedNode[],\n  link: (contents: Node, uri: string | null | undefined) => Node,\n  text: (value: string) => Text,\n  buildCheckboxForm: (\n    label: string | Node,\n    statement: Statement,\n    state: boolean,\n    options?: { disabled?: boolean, disabledTitle?: string }\n  ) => HTMLElement,\n  renderSupportingInfo: FriendRowRenderers['renderSupportingInfo'],\n  renderNameSuffix: FriendRowRenderers['renderNameSuffix']\n}): { section: HTMLElement, content: HTMLElement, refreshMutualFriends: () => void } {\n  const {\n    dom,\n    subject,\n    familiar,\n    me,\n    meUri,\n    incoming,\n    outgoing,\n    editable,\n    profile,\n    knows,\n    mutualConnections,\n    link,\n    text,\n    buildCheckboxForm,\n    renderSupportingInfo,\n    renderNameSuffix\n  } = options\n\n  let refreshMutualFriends = function () {}\n\n  const mutualSection = dom.createElement('section')\n  mutualSection.className = 'social-pane__mutual-friends social-primary__panel'\n  mutualSection.id = 'social-panel-mutual'\n  mutualSection.setAttribute('role', 'tabpanel')\n  mutualSection.setAttribute('aria-labelledby', 'social-tab-mutual')\n\n  const mutualContent = mutualSection.appendChild(dom.createElement('div'))\n  mutualContent.classList.add('social-main', 'social-main--mutual', 'flex-column')\n\n  const relationshipSummary = dom.createElement('div')\n  relationshipSummary.classList.add('social-mutual-summary', 'flex-column')\n  mutualContent.appendChild(relationshipSummary)\n\n  const createRelationshipLine = function () {\n    const line = relationshipSummary.appendChild(dom.createElement('div'))\n    line.classList.add('social-mutual-summary-line')\n    return line\n  }\n\n  const youAndThem = function () {\n    const line = createRelationshipLine()\n    line.appendChild(link(text('You'), meUri))\n    line.appendChild(text(' and '))\n    line.appendChild(link(text(familiar), subject.uri))\n    return line\n  }\n\n  if (!incoming) {\n    if (!outgoing) {\n      const line = youAndThem()\n      line.appendChild(text(' have not said you know each other.'))\n    } else {\n      const line = createRelationshipLine()\n      line.appendChild(link(text('You'), meUri))\n      line.appendChild(text(' know '))\n      line.appendChild(link(text(familiar), subject.uri))\n      line.appendChild(text(' (unconfirmed).'))\n    }\n  } else if (!outgoing) {\n    relationshipSummary.classList.add('social-mutual-summary--confirm')\n\n    const incomingLine = relationshipSummary.appendChild(dom.createElement('div'))\n    incomingLine.classList.add('social-mutual-summary-line')\n    incomingLine.appendChild(link(text(familiar), subject.uri))\n    incomingLine.appendChild(text(' knows '))\n    incomingLine.appendChild(link(text('you'), meUri))\n    incomingLine.appendChild(text(' (unconfirmed).'))\n  } else {\n    const line = youAndThem()\n    line.appendChild(text(' say you know each other.'))\n  }\n\n  const shouldShowCheckboxPreview = Boolean(incoming) && !outgoing\n  if (shouldShowCheckboxPreview) {\n    const confirmLabel = dom.createElement('span')\n    confirmLabel.className = 'social-mutual-confirm-prompt'\n    confirmLabel.appendChild(text('Confirm you know '))\n    confirmLabel.appendChild(link(text(familiar), subject.uri))\n\n    const relationshipForm = buildCheckboxForm(\n      confirmLabel,\n      new Statement(me, knows, subject, profile ?? undefined),\n      Boolean(outgoing),\n      {\n        disabled: !editable,\n        disabledTitle: !editable ? 'Your profile is not editable' : undefined\n      }\n    )\n    relationshipForm.classList.add('social-mutual-checkbox-form')\n\n    mutualContent.appendChild(relationshipForm)\n  }\n\n  if (mutualConnections.length) {\n    const mutualFriendsTable = mutualContent.appendChild(dom.createElement('table'))\n    mutualFriendsTable.className = 'social-main social-friends-list social-friends-grid'\n\n    const createMutualRow = function (target: NamedNode) {\n      return widgets.personTR(dom, ns.foaf('knows'), target, {\n        renderSupportingInfo,\n        renderNameSuffix\n      })\n    }\n\n    refreshMutualFriends = function () {\n      const sortedMutualConnections = [...mutualConnections].sort((left, right) => {\n        const leftLabel = utils.label(left) || left.value\n        const rightLabel = utils.label(right) || right.value\n        return leftLabel.localeCompare(rightLabel)\n      })\n\n      utils.syncTableToArray(\n        mutualFriendsTable,\n        sortedMutualConnections,\n        createMutualRow,\n        function (row, thing) {\n          const replacement = createMutualRow(thing)\n          return replacement\n        }\n      )\n    }\n\n    refreshMutualFriends()\n  }\n\n  return { section: mutualSection, content: mutualContent, refreshMutualFriends }\n}\n\nexport function createAllFriendsSection (options: {\n  dom: HTMLDocument,\n  subject: NamedNode,\n  profile: NamedNode | null,\n  editable: boolean,\n  renderSupportingInfo: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null,\n  renderNameSuffix: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null\n}): { section: HTMLElement, mainTable: HTMLTableElement, friendsList: HTMLElement } {\n  const { dom, subject, profile, editable, renderSupportingInfo, renderNameSuffix } = options\n\n  const allFriends = dom.createElement('section')\n  allFriends.className = 'social-pane__all-friends social-primary__panel'\n  allFriends.id = 'social-panel-all-friends'\n  allFriends.setAttribute('role', 'tabpanel')\n  allFriends.setAttribute('aria-labelledby', 'social-tab-all-friends')\n\n  const mainTable = allFriends.appendChild(dom.createElement('table'))\n  mainTable.className = 'social-main'\n\n  const friendsList = widgets.attachmentList(dom, subject, mainTable, {\n    doc: profile,\n    modify: !!editable,\n    predicate: ns.foaf('knows'),\n    noun: 'friend',\n    // Social pane already owns the async refresh cycle for friend data in\n    // socialPane.ts. Leave attachmentList's generic follow-up rerender disabled\n    // here or each fetched friend profile will trigger an extra whole-table refresh\n    // on top of the pane's own batched updates.\n    refreshOnDocumentLoad: false,\n    renderSupportingInfo,\n    renderNameSuffix\n  })\n  friendsList.classList.add('social-friends-list')\n  friendsList.style.marginTop = '0'\n\n  const friendsListRow = friendsList.querySelector('tr')\n  const friendsListPromptCell = friendsListRow?.children?.[0]\n  const friendsListRightCell = friendsListRow?.children?.[1]\n  const friendsHeaderActions = dom.createElement('div')\n  friendsHeaderActions.classList.add('social-friends-header-actions')\n\n  if (friendsListPromptCell instanceof HTMLTableCellElement) {\n    friendsListPromptCell.classList.add('social-friends-header-dropzone-cell')\n    const friendsHeaderDropzone = dom.createElement('table')\n    friendsHeaderDropzone.className = 'social-friends-header-dropzone'\n    friendsHeaderDropzone.setAttribute('role', 'presentation')\n    const friendsHeaderDropzoneBody = friendsHeaderDropzone.appendChild(dom.createElement('tbody'))\n    const friendsHeaderDropzoneRow = friendsHeaderDropzoneBody.appendChild(dom.createElement('tr'))\n    friendsHeaderDropzoneRow.appendChild(friendsListPromptCell)\n    friendsHeaderActions.appendChild(friendsHeaderDropzone)\n  } else if (friendsListPromptCell instanceof HTMLElement) {\n    while (friendsListPromptCell.firstChild) {\n      friendsHeaderActions.appendChild(friendsListPromptCell.firstChild)\n    }\n    friendsListPromptCell.remove()\n  }\n\n  const friendDropButtons = friendsHeaderActions.querySelectorAll('button')\n  if (editable && friendDropButtons.length > 0) {\n    friendDropButtons.forEach((button) => {\n      button.setAttribute('title', 'Drop friend here')\n      button.setAttribute('aria-label', 'Drop friend here')\n      const buttonImages = button.querySelectorAll('img')\n      buttonImages.forEach((image) => {\n        image.setAttribute('title', 'Drop friend here')\n        image.setAttribute('alt', 'Drop friend here')\n      })\n    })\n\n    const friendsActionsRow = dom.createElement('div')\n    friendsActionsRow.className = 'social-friends-header-actions social-friends-header-actions--standalone'\n    friendsActionsRow.appendChild(friendsHeaderActions)\n    const dropHint = dom.createElement('span')\n    dropHint.className = 'social-friends-header-hint'\n    dropHint.textContent = 'Drag a WebId on the target to add a friend.'\n    friendsActionsRow.appendChild(dropHint)\n    allFriends.prepend(friendsActionsRow)\n  }\n\n  if (friendsListRightCell instanceof HTMLTableCellElement) {\n    friendsListRightCell.colSpan = 2\n  }\n\n  const friendsItemsTable = friendsList.querySelector('td table')\n  if (friendsItemsTable instanceof HTMLTableElement) {\n    friendsItemsTable.classList.add('social-friends-grid')\n  }\n\n  return { section: allFriends, mainTable, friendsList }\n}\n\nexport function createRequestsSection (options: {\n  dom: HTMLDocument,\n  triage: FriendshipTriage,\n  renderSupportingInfo: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null,\n  renderNameSuffix: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null\n}): { section: HTMLElement, refreshRequests: (triage: FriendshipTriage) => void } {\n  const { dom, triage, renderSupportingInfo, renderNameSuffix } = options\n\n  const requestsSection = dom.createElement('section')\n  requestsSection.className = 'social-pane__requests social-primary__panel'\n  requestsSection.id = 'social-panel-requests'\n  requestsSection.setAttribute('role', 'tabpanel')\n  requestsSection.setAttribute('aria-labelledby', 'social-tab-requests')\n\n  const requestsContent = requestsSection.appendChild(dom.createElement('div'))\n  requestsContent.classList.add('social-main', 'social-main--requests', 'flex-column')\n\n  const note = requestsContent.appendChild(dom.createElement('p'))\n  note.className = 'social-requests__note'\n  note.textContent = 'Best effort preview: this view only reflects profile documents that are currently loaded. A dedicated inbox would still be needed for complete request discovery.'\n\n  const createRequestGroup = function (title: string, description: string, emptyText: string) {\n    const group = requestsContent.appendChild(dom.createElement('section'))\n    group.classList.add('social-requests__group', 'flex-column')\n\n    const header = group.appendChild(dom.createElement('div'))\n    header.className = 'social-requests__group-header'\n\n    const heading = header.appendChild(dom.createElement('h2'))\n    heading.className = 'social-requests__group-title'\n    heading.textContent = title\n\n    const blurb = header.appendChild(dom.createElement('p'))\n    blurb.className = 'social-requests__group-description'\n    blurb.textContent = description\n\n    const empty = group.appendChild(dom.createElement('p'))\n    empty.className = 'social-requests__empty'\n    empty.textContent = emptyText\n\n    const table = group.appendChild(dom.createElement('table'))\n    table.className = 'social-main social-friends-list social-friends-grid social-requests__table'\n\n    return { empty, table }\n  }\n\n  const incomingGroup = createRequestGroup(\n    'Incoming requests',\n    'People who say they know this profile, but have not been confirmed yet.',\n    'No incoming requests are visible from the currently loaded data.'\n  )\n  const pendingGroup = createRequestGroup(\n    'Awaiting confirmation',\n    'People this profile knows who have not linked back yet.',\n    'Nothing is waiting for confirmation right now.'\n  )\n\n  const createPersonRow = function (target: NamedNode) {\n    return widgets.personTR(dom, ns.foaf('knows'), target, {\n      renderSupportingInfo,\n      renderNameSuffix\n    })\n  }\n\n  const sortNodes = function (nodes: NamedNode[]) {\n    return [...nodes].sort((left, right) => {\n      const leftLabel = utils.label(left) || left.value\n      const rightLabel = utils.label(right) || right.value\n      return leftLabel.localeCompare(rightLabel)\n    })\n  }\n\n  const syncRequestGroup = function (\n    group: { empty: HTMLElement, table: HTMLTableElement },\n    nodes: NamedNode[]\n  ) {\n    const sortedNodes = sortNodes(nodes)\n    group.empty.hidden = sortedNodes.length > 0\n    group.table.hidden = sortedNodes.length === 0\n\n    utils.syncTableToArray(\n      group.table,\n      sortedNodes,\n      createPersonRow,\n      function (_row, thing) {\n        return createPersonRow(thing)\n      }\n    )\n  }\n\n  const refreshRequests = function (nextTriage: FriendshipTriage) {\n    syncRequestGroup(incomingGroup, nextTriage.requests)\n    syncRequestGroup(pendingGroup, nextTriage.unconfirmed)\n  }\n\n  refreshRequests(triage)\n\n  return { section: requestsSection, refreshRequests }\n}\n"],"mappings":"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"}
+{"version":3,"file":"socialSections.cjs.js","names":["createAddMeToYourFriendsButton","utils","locationIcon","personInCircleIconSvg","Statement","widgets","ns","require_icons","solid_ui","rdflib","profile_pane","createHeaderSection","dom","context","header","headerControls","controls","renderHeader","profileData","getProfileData","headerContent","headerActions","addToFriendsButton","subject","headerMedia","createImage","headerDetails","headerSummary","name","h1","jobAndOrganization","jobLine","locationLine","locationIconSpan","statsRow","friendCount","friendCountLabel","stats","mutualCount","mutualCountLabel","nextControls","src","img","alt","fallback","icon","createMutualSection","options","refreshMutualFriends","mutualSection","mutualContent","relationshipSummary","createRelationshipLine","line","youAndThem","link","text","meUri","familiar","incoming","outgoing","incomingLine","confirmLabel","relationshipForm","buildCheckboxForm","me","knows","profile","editable","mutualConnections","mutualFriendsTable","createMutualRow","target","sortedMutualConnections","leftLabel","left","rightLabel","right","thing","createAllFriendsSection","allFriends","mainTable","friendsList","friendsListRow","friendsListPromptCell","friendsListRightCell","friendsHeaderActions","friendsHeaderDropzone","friendDropButtons","button","image","friendsActionsRow","dropHint","friendsItemsTable","createRequestsSection","requestsSection","requestsContent","note","createRequestGroup","group","heading","title","blurb","description","empty","emptyText","table","incomingGroup","pendingGroup","createPersonRow","sortNodes","nodes","syncRequestGroup","sortedNodes","refreshRequests","nextTriage","triage"],"sources":["../../src/social/socialSections.ts"],"sourcesContent":["import { DataBrowserContext } from 'pane-registry'\nimport { createAddMeToYourFriendsButton } from 'profile-pane'\nimport { Statement, NamedNode } from 'rdflib'\nimport { ns, utils, widgets } from 'solid-ui'\nimport { appendProfileLinks } from './editProfileDetails'\nimport { locationIcon, personInCircleIcon as personInCircleIconSvg } from './icons'\nimport { FriendshipTriage } from './triage'\n\nexport type ViewerMode = 'owner' | 'authenticated' | 'anonymous'\n\nexport type HeaderControls = {\n  canEdit: boolean,\n  viewerMode: ViewerMode,\n  showAddFriendAction?: boolean\n}\n\nexport type SocialHeaderElement = HTMLElement & {\n  refreshSocialHeader?: (controls: HeaderControls) => void\n}\n\nexport type HeaderStats = {\n  friendCount: number,\n  mutualFriendCount: number | null,\n  onSelectFriends?: () => void,\n  onSelectMutual?: () => void\n}\n\nexport type HeaderProfileData = {\n  imageUrl?: string,\n  name?: string,\n  jobTitle?: string,\n  organization?: string,\n  location?: string | null\n} | null\n\nexport type FriendRowRenderers = {\n  renderSupportingInfo: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null,\n  renderNameSuffix: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null\n}\n\nexport function createHeaderSection (\n  context: DataBrowserContext,\n  subject: NamedNode,\n  controls: HeaderControls,\n  stats: HeaderStats,\n  getProfileData: () => HeaderProfileData\n): SocialHeaderElement {\n  const dom = context.dom\n  const kb = context.session.store\n  const header = dom.createElement('header') as SocialHeaderElement\n  header.className = 'social-pane__header'\n  let headerControls = controls\n\n  const renderHeader = function () {\n    header.replaceChildren()\n    const profileData = getProfileData()\n\n    const headerContent = dom.createElement('div')\n    headerContent.className = 'social-pane__header-content'\n\n    const headerActions = dom.createElement('div')\n    headerActions.className = 'social-pane__header-actions profile__actions profile__heading-actions'\n\n    if (headerControls.canEdit) {\n      // Hidden for now because the social pane header edit control does not match the new design.\n      // Revisit later if we decide to restore profile-link editing here.\n    } else if (headerControls.viewerMode === 'authenticated' && headerControls.showAddFriendAction) {\n      headerActions.classList.add('social-pane__header-actions--friend')\n      const addToFriendsButton = createAddMeToYourFriendsButton(subject, context)\n      addToFriendsButton.classList.add('flex-center')\n      headerActions.appendChild(addToFriendsButton)\n    }\n\n    header.appendChild(headerContent)\n\n    const headerMedia = dom.createElement('div')\n    headerMedia.className = 'social-pane__header-media'\n    headerContent.appendChild(headerMedia)\n\n    if (profileData) {\n      headerMedia.appendChild(createImage(dom, profileData.imageUrl, profileData.name))\n    }\n\n    const headerDetails = dom.createElement('div')\n    headerDetails.className = 'social-pane__header-details'\n    headerContent.appendChild(headerDetails)\n\n    if (headerActions.childNodes.length > 0) {\n      headerContent.appendChild(headerActions)\n    }\n\n    const headerSummary = dom.createElement('div')\n    headerSummary.classList.add('social-pane__header-summary', 'flex-column')\n    headerDetails.appendChild(headerSummary)\n\n    const name = profileData?.name || utils.label(subject)\n    const h1 = dom.createElement('h1')\n    h1.classList.add('social-pane__header-name')\n    h1.appendChild(dom.createTextNode(name))\n    headerSummary.appendChild(h1)\n\n    const jobAndOrganization = [profileData?.jobTitle, profileData?.organization].filter(Boolean).join(' | ')\n    if (jobAndOrganization) {\n      const jobLine = dom.createElement('div')\n      jobLine.className = 'social-pane__header-job-org'\n      jobLine.textContent = jobAndOrganization\n      headerSummary.appendChild(jobLine)\n    }\n\n    if (profileData?.location) {\n      const locationLine = dom.createElement('div')\n      locationLine.className = 'social-pane__header-location'\n\n      const locationIconSpan = dom.createElement('span')\n      locationIconSpan.classList.add('social-pane__header-location-icon', 'inline-flex-row')\n      locationIconSpan.innerHTML = locationIcon\n      locationLine.appendChild(locationIconSpan)\n      locationLine.appendChild(dom.createTextNode(profileData.location))\n\n      headerSummary.appendChild(locationLine)\n    }\n\n    const statsRow = dom.createElement('div')\n    statsRow.className = 'social-pane__header-stats'\n\n    const friendCount = dom.createElement('button')\n    friendCount.className = 'social-pane__header-stat'\n    friendCount.type = 'button'\n    const friendCountLabel = dom.createElement('span')\n    friendCountLabel.className = 'social-pane__header-stat-label'\n    friendCountLabel.textContent = `${stats.friendCount} friend${stats.friendCount === 1 ? '' : 's'}`\n    friendCount.appendChild(friendCountLabel)\n    if (stats.onSelectFriends) {\n      friendCount.addEventListener('click', stats.onSelectFriends)\n    }\n    statsRow.appendChild(friendCount)\n\n    if (typeof stats.mutualFriendCount === 'number') {\n      const mutualCount = dom.createElement('button')\n      mutualCount.className = 'social-pane__header-stat'\n      mutualCount.type = 'button'\n      const mutualCountLabel = dom.createElement('span')\n      mutualCountLabel.className = 'social-pane__header-stat-label'\n      mutualCountLabel.textContent = `${stats.mutualFriendCount} mutual friend${stats.mutualFriendCount === 1 ? '' : 's'}`\n      mutualCount.appendChild(mutualCountLabel)\n      if (stats.onSelectMutual) {\n        mutualCount.addEventListener('click', stats.onSelectMutual)\n      }\n      statsRow.appendChild(mutualCount)\n    }\n\n    headerSummary.appendChild(statsRow)\n    appendProfileLinks(headerMedia, dom, kb, subject)\n  }\n\n  header.refreshSocialHeader = function (nextControls: HeaderControls) {\n    headerControls = nextControls\n    renderHeader()\n  }\n\n  renderHeader()\n\n  return header\n}\n\nfunction createImage (dom: HTMLDocument, src: string | null | undefined, alt = ''): HTMLElement {\n  if (src) {\n    const img = dom.createElement('img')\n    img.className = 'social-pane__header-hero'\n    img.src = src\n    img.alt = alt\n    img.width = 180\n    img.height = 180\n    img.loading = 'eager'\n    return img\n  }\n\n  const fallback = dom.createElement('div')\n  fallback.className = 'social-pane__header-hero-alt flex-center'\n  fallback.setAttribute('role', 'img')\n  fallback.setAttribute('aria-label', alt)\n  fallback.tabIndex = 0\n\n  const icon = dom.createElement('span')\n  icon.classList.add('social-pane__header-hero-icon', 'inline-flex-row')\n  icon.innerHTML = personInCircleIconSvg\n  fallback.appendChild(icon)\n\n  return fallback\n}\n\nexport function createMutualSection (options: {\n  dom: HTMLDocument,\n  subject: NamedNode,\n  familiar: string,\n  me: NamedNode,\n  meUri: string | null,\n  incoming: boolean | NamedNode[] | undefined,\n  outgoing: boolean | NamedNode[] | undefined,\n  editable: boolean,\n  profile: NamedNode | null,\n  knows: NamedNode,\n  mutualConnections: NamedNode[],\n  link: (contents: Node, uri: string | null | undefined) => Node,\n  text: (value: string) => Text,\n  buildCheckboxForm: (\n    label: string | Node,\n    statement: Statement,\n    state: boolean,\n    options?: { disabled?: boolean, disabledTitle?: string }\n  ) => HTMLElement,\n  renderSupportingInfo: FriendRowRenderers['renderSupportingInfo'],\n  renderNameSuffix: FriendRowRenderers['renderNameSuffix']\n}): { section: HTMLElement, content: HTMLElement, refreshMutualFriends: () => void } {\n  const {\n    dom,\n    subject,\n    familiar,\n    me,\n    meUri,\n    incoming,\n    outgoing,\n    editable,\n    profile,\n    knows,\n    mutualConnections,\n    link,\n    text,\n    buildCheckboxForm,\n    renderSupportingInfo,\n    renderNameSuffix\n  } = options\n\n  let refreshMutualFriends = function () {}\n\n  const mutualSection = dom.createElement('section')\n  mutualSection.className = 'social-pane__mutual-friends social-primary__panel'\n  mutualSection.id = 'social-panel-mutual'\n  mutualSection.setAttribute('role', 'tabpanel')\n  mutualSection.setAttribute('aria-labelledby', 'social-tab-mutual')\n\n  const mutualContent = mutualSection.appendChild(dom.createElement('div'))\n  mutualContent.classList.add('social-main', 'social-main--mutual', 'flex-column')\n\n  const relationshipSummary = dom.createElement('div')\n  relationshipSummary.classList.add('social-mutual-summary', 'flex-column')\n  mutualContent.appendChild(relationshipSummary)\n\n  const createRelationshipLine = function () {\n    const line = relationshipSummary.appendChild(dom.createElement('div'))\n    line.classList.add('social-mutual-summary-line')\n    return line\n  }\n\n  const youAndThem = function () {\n    const line = createRelationshipLine()\n    line.appendChild(link(text('You'), meUri))\n    line.appendChild(text(' and '))\n    line.appendChild(link(text(familiar), subject.uri))\n    return line\n  }\n\n  if (!incoming) {\n    if (!outgoing) {\n      const line = youAndThem()\n      line.appendChild(text(' have not said you know each other.'))\n    } else {\n      const line = createRelationshipLine()\n      line.appendChild(link(text('You'), meUri))\n      line.appendChild(text(' know '))\n      line.appendChild(link(text(familiar), subject.uri))\n      line.appendChild(text(' (unconfirmed).'))\n    }\n  } else if (!outgoing) {\n    relationshipSummary.classList.add('social-mutual-summary--confirm')\n\n    const incomingLine = relationshipSummary.appendChild(dom.createElement('div'))\n    incomingLine.classList.add('social-mutual-summary-line')\n    incomingLine.appendChild(link(text(familiar), subject.uri))\n    incomingLine.appendChild(text(' knows '))\n    incomingLine.appendChild(link(text('you'), meUri))\n    incomingLine.appendChild(text(' (unconfirmed).'))\n  } else {\n    const line = youAndThem()\n    line.appendChild(text(' say you know each other.'))\n  }\n\n  const shouldShowCheckboxPreview = Boolean(incoming) && !outgoing\n  if (shouldShowCheckboxPreview) {\n    const confirmLabel = dom.createElement('span')\n    confirmLabel.className = 'social-mutual-confirm-prompt'\n    confirmLabel.appendChild(text('Confirm you know '))\n    confirmLabel.appendChild(link(text(familiar), subject.uri))\n\n    const relationshipForm = buildCheckboxForm(\n      confirmLabel,\n      new Statement(me, knows, subject, profile ?? undefined),\n      Boolean(outgoing),\n      {\n        disabled: !editable,\n        disabledTitle: !editable ? 'Your profile is not editable' : undefined\n      }\n    )\n    relationshipForm.classList.add('social-mutual-checkbox-form')\n\n    mutualContent.appendChild(relationshipForm)\n  }\n\n  if (mutualConnections.length) {\n    const mutualFriendsTable = mutualContent.appendChild(dom.createElement('table'))\n    mutualFriendsTable.className = 'social-main social-friends-list social-friends-grid'\n\n    const createMutualRow = function (target: NamedNode) {\n      return widgets.personTR(dom, ns.foaf('knows'), target, {\n        renderSupportingInfo,\n        renderNameSuffix\n      })\n    }\n\n    refreshMutualFriends = function () {\n      const sortedMutualConnections = [...mutualConnections].sort((left, right) => {\n        const leftLabel = utils.label(left) || left.value\n        const rightLabel = utils.label(right) || right.value\n        return leftLabel.localeCompare(rightLabel)\n      })\n\n      utils.syncTableToArray(\n        mutualFriendsTable,\n        sortedMutualConnections,\n        createMutualRow,\n        function (row, thing) {\n          const replacement = createMutualRow(thing)\n          return replacement\n        }\n      )\n    }\n\n    refreshMutualFriends()\n  }\n\n  return { section: mutualSection, content: mutualContent, refreshMutualFriends }\n}\n\nexport function createAllFriendsSection (options: {\n  dom: HTMLDocument,\n  subject: NamedNode,\n  profile: NamedNode | null,\n  editable: boolean,\n  renderSupportingInfo: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null,\n  renderNameSuffix: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null\n}): { section: HTMLElement, mainTable: HTMLTableElement, friendsList: HTMLElement } {\n  const { dom, subject, profile, editable, renderSupportingInfo, renderNameSuffix } = options\n\n  const allFriends = dom.createElement('section')\n  allFriends.className = 'social-pane__all-friends social-primary__panel'\n  allFriends.id = 'social-panel-all-friends'\n  allFriends.setAttribute('role', 'tabpanel')\n  allFriends.setAttribute('aria-labelledby', 'social-tab-all-friends')\n\n  const mainTable = allFriends.appendChild(dom.createElement('table'))\n  mainTable.className = 'social-main'\n\n  const friendsList = widgets.attachmentList(dom, subject, mainTable, {\n    doc: profile,\n    modify: !!editable,\n    predicate: ns.foaf('knows'),\n    noun: 'friend',\n    // Social pane already owns the async refresh cycle for friend data in\n    // socialPane.ts. Leave attachmentList's generic follow-up rerender disabled\n    // here or each fetched friend profile will trigger an extra whole-table refresh\n    // on top of the pane's own batched updates.\n    refreshOnDocumentLoad: false,\n    renderSupportingInfo,\n    renderNameSuffix\n  })\n  friendsList.classList.add('social-friends-list')\n  friendsList.style.marginTop = '0'\n\n  const friendsListRow = friendsList.querySelector('tr')\n  const friendsListPromptCell = friendsListRow?.children?.[0]\n  const friendsListRightCell = friendsListRow?.children?.[1]\n  const friendsHeaderActions = dom.createElement('div')\n  friendsHeaderActions.classList.add('social-friends-header-actions')\n\n  if (friendsListPromptCell instanceof HTMLTableCellElement) {\n    friendsListPromptCell.classList.add('social-friends-header-dropzone-cell')\n    const friendsHeaderDropzone = dom.createElement('table')\n    friendsHeaderDropzone.className = 'social-friends-header-dropzone'\n    friendsHeaderDropzone.setAttribute('role', 'presentation')\n    const friendsHeaderDropzoneBody = friendsHeaderDropzone.appendChild(dom.createElement('tbody'))\n    const friendsHeaderDropzoneRow = friendsHeaderDropzoneBody.appendChild(dom.createElement('tr'))\n    friendsHeaderDropzoneRow.appendChild(friendsListPromptCell)\n    friendsHeaderActions.appendChild(friendsHeaderDropzone)\n  } else if (friendsListPromptCell instanceof HTMLElement) {\n    while (friendsListPromptCell.firstChild) {\n      friendsHeaderActions.appendChild(friendsListPromptCell.firstChild)\n    }\n    friendsListPromptCell.remove()\n  }\n\n  const friendDropButtons = friendsHeaderActions.querySelectorAll('button')\n  if (editable && friendDropButtons.length > 0) {\n    friendDropButtons.forEach((button) => {\n      button.setAttribute('title', 'Drop friend here')\n      button.setAttribute('aria-label', 'Drop friend here')\n      const buttonImages = button.querySelectorAll('img')\n      buttonImages.forEach((image) => {\n        image.setAttribute('title', 'Drop friend here')\n        image.setAttribute('alt', 'Drop friend here')\n      })\n    })\n\n    const friendsActionsRow = dom.createElement('div')\n    friendsActionsRow.className = 'social-friends-header-actions social-friends-header-actions--standalone'\n    friendsActionsRow.appendChild(friendsHeaderActions)\n    const dropHint = dom.createElement('span')\n    dropHint.className = 'social-friends-header-hint'\n    dropHint.textContent = 'Drag a WebId on the target to add a friend.'\n    friendsActionsRow.appendChild(dropHint)\n    allFriends.prepend(friendsActionsRow)\n  }\n\n  if (friendsListRightCell instanceof HTMLTableCellElement) {\n    friendsListRightCell.colSpan = 2\n  }\n\n  const friendsItemsTable = friendsList.querySelector('td table')\n  if (friendsItemsTable instanceof HTMLTableElement) {\n    friendsItemsTable.classList.add('social-friends-grid')\n  }\n\n  return { section: allFriends, mainTable, friendsList }\n}\n\nexport function createRequestsSection (options: {\n  dom: HTMLDocument,\n  triage: FriendshipTriage,\n  renderSupportingInfo: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null,\n  renderNameSuffix: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null\n}): { section: HTMLElement, refreshRequests: (triage: FriendshipTriage) => void } {\n  const { dom, triage, renderSupportingInfo, renderNameSuffix } = options\n\n  const requestsSection = dom.createElement('section')\n  requestsSection.className = 'social-pane__requests social-primary__panel'\n  requestsSection.id = 'social-panel-requests'\n  requestsSection.setAttribute('role', 'tabpanel')\n  requestsSection.setAttribute('aria-labelledby', 'social-tab-requests')\n\n  const requestsContent = requestsSection.appendChild(dom.createElement('div'))\n  requestsContent.classList.add('social-main', 'social-main--requests', 'flex-column')\n\n  const note = requestsContent.appendChild(dom.createElement('p'))\n  note.className = 'social-requests__note'\n  note.textContent = 'Best effort preview: this view only reflects profile documents that are currently loaded. A dedicated inbox would still be needed for complete request discovery.'\n\n  const createRequestGroup = function (title: string, description: string, emptyText: string) {\n    const group = requestsContent.appendChild(dom.createElement('section'))\n    group.classList.add('social-requests__group', 'flex-column')\n\n    const header = group.appendChild(dom.createElement('div'))\n    header.className = 'social-requests__group-header'\n\n    const heading = header.appendChild(dom.createElement('h2'))\n    heading.className = 'social-requests__group-title'\n    heading.textContent = title\n\n    const blurb = header.appendChild(dom.createElement('p'))\n    blurb.className = 'social-requests__group-description'\n    blurb.textContent = description\n\n    const empty = group.appendChild(dom.createElement('p'))\n    empty.className = 'social-requests__empty'\n    empty.textContent = emptyText\n\n    const table = group.appendChild(dom.createElement('table'))\n    table.className = 'social-main social-friends-list social-friends-grid social-requests__table'\n\n    return { empty, table }\n  }\n\n  const incomingGroup = createRequestGroup(\n    'Incoming requests',\n    'People who say they know this profile, but have not been confirmed yet.',\n    'No incoming requests are visible from the currently loaded data.'\n  )\n  const pendingGroup = createRequestGroup(\n    'Awaiting confirmation',\n    'People this profile knows who have not linked back yet.',\n    'Nothing is waiting for confirmation right now.'\n  )\n\n  const createPersonRow = function (target: NamedNode) {\n    return widgets.personTR(dom, ns.foaf('knows'), target, {\n      renderSupportingInfo,\n      renderNameSuffix\n    })\n  }\n\n  const sortNodes = function (nodes: NamedNode[]) {\n    return [...nodes].sort((left, right) => {\n      const leftLabel = utils.label(left) || left.value\n      const rightLabel = utils.label(right) || right.value\n      return leftLabel.localeCompare(rightLabel)\n    })\n  }\n\n  const syncRequestGroup = function (\n    group: { empty: HTMLElement, table: HTMLTableElement },\n    nodes: NamedNode[]\n  ) {\n    const sortedNodes = sortNodes(nodes)\n    group.empty.hidden = sortedNodes.length > 0\n    group.table.hidden = sortedNodes.length === 0\n\n    utils.syncTableToArray(\n      group.table,\n      sortedNodes,\n      createPersonRow,\n      function (_row, thing) {\n        return createPersonRow(thing)\n      }\n    )\n  }\n\n  const refreshRequests = function (nextTriage: FriendshipTriage) {\n    syncRequestGroup(incomingGroup, nextTriage.requests)\n    syncRequestGroup(pendingGroup, nextTriage.unconfirmed)\n  }\n\n  refreshRequests(triage)\n\n  return { section: requestsSection, refreshRequests }\n}\n"],"mappings":"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"}

package/dist/social/socialSections.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"socialSections.esm.js","names":[],"sources":["../../src/social/socialSections.ts"],"sourcesContent":["import { DataBrowserContext } from 'pane-registry'\nimport { createAddMeToYourFriendsButton } from 'profile-pane'\nimport { Statement, NamedNode } from 'rdflib'\nimport { ns, utils, widgets } from 'solid-ui'\nimport { appendProfileLinks } from './editProfileDetails'\nimport { locationIcon, personInCircleIcon as personInCircleIconSvg } from './icons'\nimport { FriendshipTriage } from './triage'\n\nexport type ViewerMode = 'owner' | 'authenticated' | 'anonymous'\n\nexport type HeaderControls = {\n  canEdit: boolean,\n  viewerMode: ViewerMode,\n  showAddFriendAction?: boolean\n}\n\nexport type SocialHeaderElement = HTMLElement & {\n  refreshSocialHeader?: (controls: HeaderControls) => void\n}\n\nexport type HeaderStats = {\n  friendCount: number,\n  mutualFriendCount: number | null,\n  onSelectFriends?: () => void,\n  onSelectMutual?: () => void\n}\n\nexport type HeaderProfileData = {\n  imageUrl?: string,\n  name?: string,\n  jobTitle?: string,\n  organization?: string,\n  location?: string | null\n} | null\n\nexport type FriendRowRenderers = {\n  renderSupportingInfo: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null,\n  renderNameSuffix: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null\n}\n\nexport function createHeaderSection (\n  context: DataBrowserContext,\n  subject: NamedNode,\n  controls: HeaderControls,\n  stats: HeaderStats,\n  getProfileData: () => HeaderProfileData\n): SocialHeaderElement {\n  const dom = context.dom\n  const kb = context.session.store\n  const header = dom.createElement('header') as SocialHeaderElement\n  header.className = 'social-pane__header'\n  let headerControls = controls\n\n  const renderHeader = function () {\n    header.replaceChildren()\n    const profileData = getProfileData()\n\n    const headerContent = dom.createElement('div')\n    headerContent.className = 'social-pane__header-content'\n\n    const headerActions = dom.createElement('div')\n    headerActions.className = 'social-pane__header-actions profile__actions profile__heading-actions'\n\n    if (headerControls.canEdit) {\n      // Hidden for now because the social pane header edit control does not match the new design.\n      // Revisit later if we decide to restore profile-link editing here.\n    } else if (headerControls.viewerMode === 'authenticated' && headerControls.showAddFriendAction) {\n      headerActions.classList.add('social-pane__header-actions--friend')\n      const addToFriendsButton = createAddMeToYourFriendsButton(subject, context)\n      addToFriendsButton.classList.add('flex-center')\n      headerActions.appendChild(addToFriendsButton)\n    }\n\n    header.appendChild(headerContent)\n\n    const headerMedia = dom.createElement('div')\n    headerMedia.className = 'social-pane__header-media'\n    headerContent.appendChild(headerMedia)\n\n    if (profileData) {\n      headerMedia.appendChild(createImage(dom, profileData.imageUrl, profileData.name))\n    }\n\n    const headerDetails = dom.createElement('div')\n    headerDetails.className = 'social-pane__header-details'\n    headerContent.appendChild(headerDetails)\n\n    if (headerActions.childNodes.length > 0) {\n      headerContent.appendChild(headerActions)\n    }\n\n    const headerSummary = dom.createElement('div')\n    headerSummary.classList.add('social-pane__header-summary', 'flex-column')\n    headerDetails.appendChild(headerSummary)\n\n    const name = profileData?.name || utils.label(subject)\n    const h1 = dom.createElement('h1')\n    h1.classList.add('social-pane__header-name')\n    h1.appendChild(dom.createTextNode(name))\n    headerSummary.appendChild(h1)\n\n    const jobAndOrganization = [profileData?.jobTitle, profileData?.organization].filter(Boolean).join(' | ')\n    if (jobAndOrganization) {\n      const jobLine = dom.createElement('div')\n      jobLine.className = 'social-pane__header-job-org'\n      jobLine.textContent = jobAndOrganization\n      headerSummary.appendChild(jobLine)\n    }\n\n    if (profileData?.location) {\n      const locationLine = dom.createElement('div')\n      locationLine.className = 'social-pane__header-location'\n\n      const locationIconSpan = dom.createElement('span')\n      locationIconSpan.classList.add('social-pane__header-location-icon', 'inline-flex-row')\n      locationIconSpan.innerHTML = locationIcon\n      locationLine.appendChild(locationIconSpan)\n      locationLine.appendChild(dom.createTextNode(profileData.location))\n\n      headerSummary.appendChild(locationLine)\n    }\n\n    const statsRow = dom.createElement('div')\n    statsRow.className = 'social-pane__header-stats'\n\n    const friendCount = dom.createElement('button')\n    friendCount.className = 'social-pane__header-stat'\n    friendCount.type = 'button'\n    const friendCountLabel = dom.createElement('span')\n    friendCountLabel.className = 'social-pane__header-stat-label'\n    friendCountLabel.textContent = `${stats.friendCount} friend${stats.friendCount === 1 ? '' : 's'}`\n    friendCount.appendChild(friendCountLabel)\n    if (stats.onSelectFriends) {\n      friendCount.addEventListener('click', stats.onSelectFriends)\n    }\n    statsRow.appendChild(friendCount)\n\n    if (typeof stats.mutualFriendCount === 'number') {\n      const mutualCount = dom.createElement('button')\n      mutualCount.className = 'social-pane__header-stat'\n      mutualCount.type = 'button'\n      const mutualCountLabel = dom.createElement('span')\n      mutualCountLabel.className = 'social-pane__header-stat-label'\n      mutualCountLabel.textContent = `${stats.mutualFriendCount} mutual friend${stats.mutualFriendCount === 1 ? '' : 's'}`\n      mutualCount.appendChild(mutualCountLabel)\n      if (stats.onSelectMutual) {\n        mutualCount.addEventListener('click', stats.onSelectMutual)\n      }\n      statsRow.appendChild(mutualCount)\n    }\n\n    headerSummary.appendChild(statsRow)\n    appendProfileLinks(headerMedia, dom, kb, subject)\n  }\n\n  header.refreshSocialHeader = function (nextControls: HeaderControls) {\n    headerControls = nextControls\n    renderHeader()\n  }\n\n  renderHeader()\n\n  return header\n}\n\nfunction createImage (dom: HTMLDocument, src: string | null | undefined, alt = ''): HTMLElement {\n  if (src) {\n    const img = dom.createElement('img')\n    img.className = 'social-pane__header-hero'\n    img.src = src\n    img.alt = alt\n    img.width = 180\n    img.height = 180\n    img.loading = 'eager'\n    return img\n  }\n\n  const fallback = dom.createElement('div')\n  fallback.className = 'social-pane__header-hero-alt flex-center'\n  fallback.setAttribute('role', 'img')\n  fallback.setAttribute('aria-label', alt)\n  fallback.tabIndex = 0\n\n  const icon = dom.createElement('span')\n  icon.classList.add('social-pane__header-hero-icon', 'inline-flex-row')\n  icon.innerHTML = personInCircleIconSvg\n  fallback.appendChild(icon)\n\n  return fallback\n}\n\nexport function createMutualSection (options: {\n  dom: HTMLDocument,\n  subject: NamedNode,\n  familiar: string,\n  me: NamedNode,\n  meUri: string | null,\n  incoming: boolean | NamedNode[] | undefined,\n  outgoing: boolean | NamedNode[] | undefined,\n  editable: boolean,\n  profile: NamedNode | null,\n  knows: NamedNode,\n  mutualConnections: NamedNode[],\n  link: (contents: Node, uri: string | null | undefined) => Node,\n  text: (value: string) => Text,\n  buildCheckboxForm: (\n    label: string | Node,\n    statement: Statement,\n    state: boolean,\n    options?: { disabled?: boolean, disabledTitle?: string }\n  ) => HTMLElement,\n  renderSupportingInfo: FriendRowRenderers['renderSupportingInfo'],\n  renderNameSuffix: FriendRowRenderers['renderNameSuffix']\n}): { section: HTMLElement, content: HTMLElement, refreshMutualFriends: () => void } {\n  const {\n    dom,\n    subject,\n    familiar,\n    me,\n    meUri,\n    incoming,\n    outgoing,\n    editable,\n    profile,\n    knows,\n    mutualConnections,\n    link,\n    text,\n    buildCheckboxForm,\n    renderSupportingInfo,\n    renderNameSuffix\n  } = options\n\n  let refreshMutualFriends = function () {}\n\n  const mutualSection = dom.createElement('section')\n  mutualSection.className = 'social-pane__mutual-friends social-primary__panel'\n  mutualSection.id = 'social-panel-mutual'\n  mutualSection.setAttribute('role', 'tabpanel')\n  mutualSection.setAttribute('aria-labelledby', 'social-tab-mutual')\n\n  const mutualContent = mutualSection.appendChild(dom.createElement('div'))\n  mutualContent.classList.add('social-main', 'social-main--mutual', 'flex-column')\n\n  const relationshipSummary = dom.createElement('div')\n  relationshipSummary.classList.add('social-mutual-summary', 'flex-column')\n  mutualContent.appendChild(relationshipSummary)\n\n  const createRelationshipLine = function () {\n    const line = relationshipSummary.appendChild(dom.createElement('div'))\n    line.classList.add('social-mutual-summary-line')\n    return line\n  }\n\n  const youAndThem = function () {\n    const line = createRelationshipLine()\n    line.appendChild(link(text('You'), meUri))\n    line.appendChild(text(' and '))\n    line.appendChild(link(text(familiar), subject.uri))\n    return line\n  }\n\n  if (!incoming) {\n    if (!outgoing) {\n      const line = youAndThem()\n      line.appendChild(text(' have not said you know each other.'))\n    } else {\n      const line = createRelationshipLine()\n      line.appendChild(link(text('You'), meUri))\n      line.appendChild(text(' know '))\n      line.appendChild(link(text(familiar), subject.uri))\n      line.appendChild(text(' (unconfirmed).'))\n    }\n  } else if (!outgoing) {\n    relationshipSummary.classList.add('social-mutual-summary--confirm')\n\n    const incomingLine = relationshipSummary.appendChild(dom.createElement('div'))\n    incomingLine.classList.add('social-mutual-summary-line')\n    incomingLine.appendChild(link(text(familiar), subject.uri))\n    incomingLine.appendChild(text(' knows '))\n    incomingLine.appendChild(link(text('you'), meUri))\n    incomingLine.appendChild(text(' (unconfirmed).'))\n  } else {\n    const line = youAndThem()\n    line.appendChild(text(' say you know each other.'))\n  }\n\n  const shouldShowCheckboxPreview = Boolean(incoming) && !outgoing\n  if (shouldShowCheckboxPreview) {\n    const confirmLabel = dom.createElement('span')\n    confirmLabel.className = 'social-mutual-confirm-prompt'\n    confirmLabel.appendChild(text('Confirm you know '))\n    confirmLabel.appendChild(link(text(familiar), subject.uri))\n\n    const relationshipForm = buildCheckboxForm(\n      confirmLabel,\n      new Statement(me, knows, subject, profile ?? undefined),\n      Boolean(outgoing),\n      {\n        disabled: !editable,\n        disabledTitle: !editable ? 'Your profile is not editable' : undefined\n      }\n    )\n    relationshipForm.classList.add('social-mutual-checkbox-form')\n\n    mutualContent.appendChild(relationshipForm)\n  }\n\n  if (mutualConnections.length) {\n    const mutualFriendsTable = mutualContent.appendChild(dom.createElement('table'))\n    mutualFriendsTable.className = 'social-main social-friends-list social-friends-grid'\n\n    const createMutualRow = function (target: NamedNode) {\n      return widgets.personTR(dom, ns.foaf('knows'), target, {\n        renderSupportingInfo,\n        renderNameSuffix\n      })\n    }\n\n    refreshMutualFriends = function () {\n      const sortedMutualConnections = [...mutualConnections].sort((left, right) => {\n        const leftLabel = utils.label(left) || left.value\n        const rightLabel = utils.label(right) || right.value\n        return leftLabel.localeCompare(rightLabel)\n      })\n\n      utils.syncTableToArray(\n        mutualFriendsTable,\n        sortedMutualConnections,\n        createMutualRow,\n        function (row, thing) {\n          const replacement = createMutualRow(thing)\n          return replacement\n        }\n      )\n    }\n\n    refreshMutualFriends()\n  }\n\n  return { section: mutualSection, content: mutualContent, refreshMutualFriends }\n}\n\nexport function createAllFriendsSection (options: {\n  dom: HTMLDocument,\n  subject: NamedNode,\n  profile: NamedNode | null,\n  editable: boolean,\n  renderSupportingInfo: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null,\n  renderNameSuffix: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null\n}): { section: HTMLElement, mainTable: HTMLTableElement, friendsList: HTMLElement } {\n  const { dom, subject, profile, editable, renderSupportingInfo, renderNameSuffix } = options\n\n  const allFriends = dom.createElement('section')\n  allFriends.className = 'social-pane__all-friends social-primary__panel'\n  allFriends.id = 'social-panel-all-friends'\n  allFriends.setAttribute('role', 'tabpanel')\n  allFriends.setAttribute('aria-labelledby', 'social-tab-all-friends')\n\n  const mainTable = allFriends.appendChild(dom.createElement('table'))\n  mainTable.className = 'social-main'\n\n  const friendsList = widgets.attachmentList(dom, subject, mainTable, {\n    doc: profile,\n    modify: !!editable,\n    predicate: ns.foaf('knows'),\n    noun: 'friend',\n    // Social pane already owns the async refresh cycle for friend data in\n    // socialPane.ts. Leave attachmentList's generic follow-up rerender disabled\n    // here or each fetched friend profile will trigger an extra whole-table refresh\n    // on top of the pane's own batched updates.\n    refreshOnDocumentLoad: false,\n    renderSupportingInfo,\n    renderNameSuffix\n  })\n  friendsList.classList.add('social-friends-list')\n  friendsList.style.marginTop = '0'\n\n  const friendsListRow = friendsList.querySelector('tr')\n  const friendsListPromptCell = friendsListRow?.children?.[0]\n  const friendsListRightCell = friendsListRow?.children?.[1]\n  const friendsHeaderActions = dom.createElement('div')\n  friendsHeaderActions.classList.add('social-friends-header-actions')\n\n  if (friendsListPromptCell instanceof HTMLTableCellElement) {\n    friendsListPromptCell.classList.add('social-friends-header-dropzone-cell')\n    const friendsHeaderDropzone = dom.createElement('table')\n    friendsHeaderDropzone.className = 'social-friends-header-dropzone'\n    friendsHeaderDropzone.setAttribute('role', 'presentation')\n    const friendsHeaderDropzoneBody = friendsHeaderDropzone.appendChild(dom.createElement('tbody'))\n    const friendsHeaderDropzoneRow = friendsHeaderDropzoneBody.appendChild(dom.createElement('tr'))\n    friendsHeaderDropzoneRow.appendChild(friendsListPromptCell)\n    friendsHeaderActions.appendChild(friendsHeaderDropzone)\n  } else if (friendsListPromptCell instanceof HTMLElement) {\n    while (friendsListPromptCell.firstChild) {\n      friendsHeaderActions.appendChild(friendsListPromptCell.firstChild)\n    }\n    friendsListPromptCell.remove()\n  }\n\n  const friendDropButtons = friendsHeaderActions.querySelectorAll('button')\n  if (editable && friendDropButtons.length > 0) {\n    friendDropButtons.forEach((button) => {\n      button.setAttribute('title', 'Drop friend here')\n      button.setAttribute('aria-label', 'Drop friend here')\n      const buttonImages = button.querySelectorAll('img')\n      buttonImages.forEach((image) => {\n        image.setAttribute('title', 'Drop friend here')\n        image.setAttribute('alt', 'Drop friend here')\n      })\n    })\n\n    const friendsActionsRow = dom.createElement('div')\n    friendsActionsRow.className = 'social-friends-header-actions social-friends-header-actions--standalone'\n    friendsActionsRow.appendChild(friendsHeaderActions)\n    const dropHint = dom.createElement('span')\n    dropHint.className = 'social-friends-header-hint'\n    dropHint.textContent = 'Drag a WebId on the target to add a friend.'\n    friendsActionsRow.appendChild(dropHint)\n    allFriends.prepend(friendsActionsRow)\n  }\n\n  if (friendsListRightCell instanceof HTMLTableCellElement) {\n    friendsListRightCell.colSpan = 2\n  }\n\n  const friendsItemsTable = friendsList.querySelector('td table')\n  if (friendsItemsTable instanceof HTMLTableElement) {\n    friendsItemsTable.classList.add('social-friends-grid')\n  }\n\n  return { section: allFriends, mainTable, friendsList }\n}\n\nexport function createRequestsSection (options: {\n  dom: HTMLDocument,\n  triage: FriendshipTriage,\n  renderSupportingInfo: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null,\n  renderNameSuffix: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null\n}): { section: HTMLElement, refreshRequests: (triage: FriendshipTriage) => void } {\n  const { dom, triage, renderSupportingInfo, renderNameSuffix } = options\n\n  const requestsSection = dom.createElement('section')\n  requestsSection.className = 'social-pane__requests social-primary__panel'\n  requestsSection.id = 'social-panel-requests'\n  requestsSection.setAttribute('role', 'tabpanel')\n  requestsSection.setAttribute('aria-labelledby', 'social-tab-requests')\n\n  const requestsContent = requestsSection.appendChild(dom.createElement('div'))\n  requestsContent.classList.add('social-main', 'social-main--requests', 'flex-column')\n\n  const note = requestsContent.appendChild(dom.createElement('p'))\n  note.className = 'social-requests__note'\n  note.textContent = 'Best effort preview: this view only reflects profile documents that are currently loaded. A dedicated inbox would still be needed for complete request discovery.'\n\n  const createRequestGroup = function (title: string, description: string, emptyText: string) {\n    const group = requestsContent.appendChild(dom.createElement('section'))\n    group.classList.add('social-requests__group', 'flex-column')\n\n    const header = group.appendChild(dom.createElement('div'))\n    header.className = 'social-requests__group-header'\n\n    const heading = header.appendChild(dom.createElement('h2'))\n    heading.className = 'social-requests__group-title'\n    heading.textContent = title\n\n    const blurb = header.appendChild(dom.createElement('p'))\n    blurb.className = 'social-requests__group-description'\n    blurb.textContent = description\n\n    const empty = group.appendChild(dom.createElement('p'))\n    empty.className = 'social-requests__empty'\n    empty.textContent = emptyText\n\n    const table = group.appendChild(dom.createElement('table'))\n    table.className = 'social-main social-friends-list social-friends-grid social-requests__table'\n\n    return { empty, table }\n  }\n\n  const incomingGroup = createRequestGroup(\n    'Incoming requests',\n    'People who say they know this profile, but have not been confirmed yet.',\n    'No incoming requests are visible from the currently loaded data.'\n  )\n  const pendingGroup = createRequestGroup(\n    'Awaiting confirmation',\n    'People this profile knows who have not linked back yet.',\n    'Nothing is waiting for confirmation right now.'\n  )\n\n  const createPersonRow = function (target: NamedNode) {\n    return widgets.personTR(dom, ns.foaf('knows'), target, {\n      renderSupportingInfo,\n      renderNameSuffix\n    })\n  }\n\n  const sortNodes = function (nodes: NamedNode[]) {\n    return [...nodes].sort((left, right) => {\n      const leftLabel = utils.label(left) || left.value\n      const rightLabel = utils.label(right) || right.value\n      return leftLabel.localeCompare(rightLabel)\n    })\n  }\n\n  const syncRequestGroup = function (\n    group: { empty: HTMLElement, table: HTMLTableElement },\n    nodes: NamedNode[]\n  ) {\n    const sortedNodes = sortNodes(nodes)\n    group.empty.hidden = sortedNodes.length > 0\n    group.table.hidden = sortedNodes.length === 0\n\n    utils.syncTableToArray(\n      group.table,\n      sortedNodes,\n      createPersonRow,\n      function (_row, thing) {\n        return createPersonRow(thing)\n      }\n    )\n  }\n\n  const refreshRequests = function (nextTriage: FriendshipTriage) {\n    syncRequestGroup(incomingGroup, nextTriage.requests)\n    syncRequestGroup(pendingGroup, nextTriage.unconfirmed)\n  }\n\n  refreshRequests(triage)\n\n  return { section: requestsSection, refreshRequests }\n}\n"],"mappings":"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"}
+{"version":3,"file":"socialSections.esm.js","names":["personInCircleIconSvg","createHeaderSection","dom","context","header","headerControls","controls","renderHeader","profileData","getProfileData","headerContent","headerActions","addToFriendsButton","createAddMeToYourFriendsButton","subject","headerMedia","createImage","headerDetails","headerSummary","name","utils","h1","jobAndOrganization","jobLine","locationLine","locationIconSpan","locationIcon","statsRow","friendCount","friendCountLabel","stats","mutualCount","mutualCountLabel","nextControls","src","img","alt","fallback","icon","personInCircleIcon","createMutualSection","options","refreshMutualFriends","mutualSection","mutualContent","relationshipSummary","createRelationshipLine","line","youAndThem","link","text","meUri","familiar","incoming","outgoing","incomingLine","confirmLabel","relationshipForm","buildCheckboxForm","Statement","me","knows","profile","editable","mutualConnections","mutualFriendsTable","createMutualRow","widgets","ns","target","sortedMutualConnections","leftLabel","left","rightLabel","right","thing","createAllFriendsSection","allFriends","mainTable","friendsList","friendsListRow","friendsListPromptCell","friendsListRightCell","friendsHeaderActions","friendsHeaderDropzone","friendDropButtons","button","image","friendsActionsRow","dropHint","friendsItemsTable","createRequestsSection","requestsSection","requestsContent","note","createRequestGroup","group","heading","title","blurb","description","empty","emptyText","table","incomingGroup","pendingGroup","createPersonRow","sortNodes","nodes","syncRequestGroup","sortedNodes","refreshRequests","nextTriage","triage"],"sources":["../../src/social/socialSections.ts"],"sourcesContent":["import { DataBrowserContext } from 'pane-registry'\nimport { createAddMeToYourFriendsButton } from 'profile-pane'\nimport { Statement, NamedNode } from 'rdflib'\nimport { ns, utils, widgets } from 'solid-ui'\nimport { appendProfileLinks } from './editProfileDetails'\nimport { locationIcon, personInCircleIcon as personInCircleIconSvg } from './icons'\nimport { FriendshipTriage } from './triage'\n\nexport type ViewerMode = 'owner' | 'authenticated' | 'anonymous'\n\nexport type HeaderControls = {\n  canEdit: boolean,\n  viewerMode: ViewerMode,\n  showAddFriendAction?: boolean\n}\n\nexport type SocialHeaderElement = HTMLElement & {\n  refreshSocialHeader?: (controls: HeaderControls) => void\n}\n\nexport type HeaderStats = {\n  friendCount: number,\n  mutualFriendCount: number | null,\n  onSelectFriends?: () => void,\n  onSelectMutual?: () => void\n}\n\nexport type HeaderProfileData = {\n  imageUrl?: string,\n  name?: string,\n  jobTitle?: string,\n  organization?: string,\n  location?: string | null\n} | null\n\nexport type FriendRowRenderers = {\n  renderSupportingInfo: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null,\n  renderNameSuffix: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null\n}\n\nexport function createHeaderSection (\n  context: DataBrowserContext,\n  subject: NamedNode,\n  controls: HeaderControls,\n  stats: HeaderStats,\n  getProfileData: () => HeaderProfileData\n): SocialHeaderElement {\n  const dom = context.dom\n  const kb = context.session.store\n  const header = dom.createElement('header') as SocialHeaderElement\n  header.className = 'social-pane__header'\n  let headerControls = controls\n\n  const renderHeader = function () {\n    header.replaceChildren()\n    const profileData = getProfileData()\n\n    const headerContent = dom.createElement('div')\n    headerContent.className = 'social-pane__header-content'\n\n    const headerActions = dom.createElement('div')\n    headerActions.className = 'social-pane__header-actions profile__actions profile__heading-actions'\n\n    if (headerControls.canEdit) {\n      // Hidden for now because the social pane header edit control does not match the new design.\n      // Revisit later if we decide to restore profile-link editing here.\n    } else if (headerControls.viewerMode === 'authenticated' && headerControls.showAddFriendAction) {\n      headerActions.classList.add('social-pane__header-actions--friend')\n      const addToFriendsButton = createAddMeToYourFriendsButton(subject, context)\n      addToFriendsButton.classList.add('flex-center')\n      headerActions.appendChild(addToFriendsButton)\n    }\n\n    header.appendChild(headerContent)\n\n    const headerMedia = dom.createElement('div')\n    headerMedia.className = 'social-pane__header-media'\n    headerContent.appendChild(headerMedia)\n\n    if (profileData) {\n      headerMedia.appendChild(createImage(dom, profileData.imageUrl, profileData.name))\n    }\n\n    const headerDetails = dom.createElement('div')\n    headerDetails.className = 'social-pane__header-details'\n    headerContent.appendChild(headerDetails)\n\n    if (headerActions.childNodes.length > 0) {\n      headerContent.appendChild(headerActions)\n    }\n\n    const headerSummary = dom.createElement('div')\n    headerSummary.classList.add('social-pane__header-summary', 'flex-column')\n    headerDetails.appendChild(headerSummary)\n\n    const name = profileData?.name || utils.label(subject)\n    const h1 = dom.createElement('h1')\n    h1.classList.add('social-pane__header-name')\n    h1.appendChild(dom.createTextNode(name))\n    headerSummary.appendChild(h1)\n\n    const jobAndOrganization = [profileData?.jobTitle, profileData?.organization].filter(Boolean).join(' | ')\n    if (jobAndOrganization) {\n      const jobLine = dom.createElement('div')\n      jobLine.className = 'social-pane__header-job-org'\n      jobLine.textContent = jobAndOrganization\n      headerSummary.appendChild(jobLine)\n    }\n\n    if (profileData?.location) {\n      const locationLine = dom.createElement('div')\n      locationLine.className = 'social-pane__header-location'\n\n      const locationIconSpan = dom.createElement('span')\n      locationIconSpan.classList.add('social-pane__header-location-icon', 'inline-flex-row')\n      locationIconSpan.innerHTML = locationIcon\n      locationLine.appendChild(locationIconSpan)\n      locationLine.appendChild(dom.createTextNode(profileData.location))\n\n      headerSummary.appendChild(locationLine)\n    }\n\n    const statsRow = dom.createElement('div')\n    statsRow.className = 'social-pane__header-stats'\n\n    const friendCount = dom.createElement('button')\n    friendCount.className = 'social-pane__header-stat'\n    friendCount.type = 'button'\n    const friendCountLabel = dom.createElement('span')\n    friendCountLabel.className = 'social-pane__header-stat-label'\n    friendCountLabel.textContent = `${stats.friendCount} friend${stats.friendCount === 1 ? '' : 's'}`\n    friendCount.appendChild(friendCountLabel)\n    if (stats.onSelectFriends) {\n      friendCount.addEventListener('click', stats.onSelectFriends)\n    }\n    statsRow.appendChild(friendCount)\n\n    if (typeof stats.mutualFriendCount === 'number') {\n      const mutualCount = dom.createElement('button')\n      mutualCount.className = 'social-pane__header-stat'\n      mutualCount.type = 'button'\n      const mutualCountLabel = dom.createElement('span')\n      mutualCountLabel.className = 'social-pane__header-stat-label'\n      mutualCountLabel.textContent = `${stats.mutualFriendCount} mutual friend${stats.mutualFriendCount === 1 ? '' : 's'}`\n      mutualCount.appendChild(mutualCountLabel)\n      if (stats.onSelectMutual) {\n        mutualCount.addEventListener('click', stats.onSelectMutual)\n      }\n      statsRow.appendChild(mutualCount)\n    }\n\n    headerSummary.appendChild(statsRow)\n    appendProfileLinks(headerMedia, dom, kb, subject)\n  }\n\n  header.refreshSocialHeader = function (nextControls: HeaderControls) {\n    headerControls = nextControls\n    renderHeader()\n  }\n\n  renderHeader()\n\n  return header\n}\n\nfunction createImage (dom: HTMLDocument, src: string | null | undefined, alt = ''): HTMLElement {\n  if (src) {\n    const img = dom.createElement('img')\n    img.className = 'social-pane__header-hero'\n    img.src = src\n    img.alt = alt\n    img.width = 180\n    img.height = 180\n    img.loading = 'eager'\n    return img\n  }\n\n  const fallback = dom.createElement('div')\n  fallback.className = 'social-pane__header-hero-alt flex-center'\n  fallback.setAttribute('role', 'img')\n  fallback.setAttribute('aria-label', alt)\n  fallback.tabIndex = 0\n\n  const icon = dom.createElement('span')\n  icon.classList.add('social-pane__header-hero-icon', 'inline-flex-row')\n  icon.innerHTML = personInCircleIconSvg\n  fallback.appendChild(icon)\n\n  return fallback\n}\n\nexport function createMutualSection (options: {\n  dom: HTMLDocument,\n  subject: NamedNode,\n  familiar: string,\n  me: NamedNode,\n  meUri: string | null,\n  incoming: boolean | NamedNode[] | undefined,\n  outgoing: boolean | NamedNode[] | undefined,\n  editable: boolean,\n  profile: NamedNode | null,\n  knows: NamedNode,\n  mutualConnections: NamedNode[],\n  link: (contents: Node, uri: string | null | undefined) => Node,\n  text: (value: string) => Text,\n  buildCheckboxForm: (\n    label: string | Node,\n    statement: Statement,\n    state: boolean,\n    options?: { disabled?: boolean, disabledTitle?: string }\n  ) => HTMLElement,\n  renderSupportingInfo: FriendRowRenderers['renderSupportingInfo'],\n  renderNameSuffix: FriendRowRenderers['renderNameSuffix']\n}): { section: HTMLElement, content: HTMLElement, refreshMutualFriends: () => void } {\n  const {\n    dom,\n    subject,\n    familiar,\n    me,\n    meUri,\n    incoming,\n    outgoing,\n    editable,\n    profile,\n    knows,\n    mutualConnections,\n    link,\n    text,\n    buildCheckboxForm,\n    renderSupportingInfo,\n    renderNameSuffix\n  } = options\n\n  let refreshMutualFriends = function () {}\n\n  const mutualSection = dom.createElement('section')\n  mutualSection.className = 'social-pane__mutual-friends social-primary__panel'\n  mutualSection.id = 'social-panel-mutual'\n  mutualSection.setAttribute('role', 'tabpanel')\n  mutualSection.setAttribute('aria-labelledby', 'social-tab-mutual')\n\n  const mutualContent = mutualSection.appendChild(dom.createElement('div'))\n  mutualContent.classList.add('social-main', 'social-main--mutual', 'flex-column')\n\n  const relationshipSummary = dom.createElement('div')\n  relationshipSummary.classList.add('social-mutual-summary', 'flex-column')\n  mutualContent.appendChild(relationshipSummary)\n\n  const createRelationshipLine = function () {\n    const line = relationshipSummary.appendChild(dom.createElement('div'))\n    line.classList.add('social-mutual-summary-line')\n    return line\n  }\n\n  const youAndThem = function () {\n    const line = createRelationshipLine()\n    line.appendChild(link(text('You'), meUri))\n    line.appendChild(text(' and '))\n    line.appendChild(link(text(familiar), subject.uri))\n    return line\n  }\n\n  if (!incoming) {\n    if (!outgoing) {\n      const line = youAndThem()\n      line.appendChild(text(' have not said you know each other.'))\n    } else {\n      const line = createRelationshipLine()\n      line.appendChild(link(text('You'), meUri))\n      line.appendChild(text(' know '))\n      line.appendChild(link(text(familiar), subject.uri))\n      line.appendChild(text(' (unconfirmed).'))\n    }\n  } else if (!outgoing) {\n    relationshipSummary.classList.add('social-mutual-summary--confirm')\n\n    const incomingLine = relationshipSummary.appendChild(dom.createElement('div'))\n    incomingLine.classList.add('social-mutual-summary-line')\n    incomingLine.appendChild(link(text(familiar), subject.uri))\n    incomingLine.appendChild(text(' knows '))\n    incomingLine.appendChild(link(text('you'), meUri))\n    incomingLine.appendChild(text(' (unconfirmed).'))\n  } else {\n    const line = youAndThem()\n    line.appendChild(text(' say you know each other.'))\n  }\n\n  const shouldShowCheckboxPreview = Boolean(incoming) && !outgoing\n  if (shouldShowCheckboxPreview) {\n    const confirmLabel = dom.createElement('span')\n    confirmLabel.className = 'social-mutual-confirm-prompt'\n    confirmLabel.appendChild(text('Confirm you know '))\n    confirmLabel.appendChild(link(text(familiar), subject.uri))\n\n    const relationshipForm = buildCheckboxForm(\n      confirmLabel,\n      new Statement(me, knows, subject, profile ?? undefined),\n      Boolean(outgoing),\n      {\n        disabled: !editable,\n        disabledTitle: !editable ? 'Your profile is not editable' : undefined\n      }\n    )\n    relationshipForm.classList.add('social-mutual-checkbox-form')\n\n    mutualContent.appendChild(relationshipForm)\n  }\n\n  if (mutualConnections.length) {\n    const mutualFriendsTable = mutualContent.appendChild(dom.createElement('table'))\n    mutualFriendsTable.className = 'social-main social-friends-list social-friends-grid'\n\n    const createMutualRow = function (target: NamedNode) {\n      return widgets.personTR(dom, ns.foaf('knows'), target, {\n        renderSupportingInfo,\n        renderNameSuffix\n      })\n    }\n\n    refreshMutualFriends = function () {\n      const sortedMutualConnections = [...mutualConnections].sort((left, right) => {\n        const leftLabel = utils.label(left) || left.value\n        const rightLabel = utils.label(right) || right.value\n        return leftLabel.localeCompare(rightLabel)\n      })\n\n      utils.syncTableToArray(\n        mutualFriendsTable,\n        sortedMutualConnections,\n        createMutualRow,\n        function (row, thing) {\n          const replacement = createMutualRow(thing)\n          return replacement\n        }\n      )\n    }\n\n    refreshMutualFriends()\n  }\n\n  return { section: mutualSection, content: mutualContent, refreshMutualFriends }\n}\n\nexport function createAllFriendsSection (options: {\n  dom: HTMLDocument,\n  subject: NamedNode,\n  profile: NamedNode | null,\n  editable: boolean,\n  renderSupportingInfo: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null,\n  renderNameSuffix: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null\n}): { section: HTMLElement, mainTable: HTMLTableElement, friendsList: HTMLElement } {\n  const { dom, subject, profile, editable, renderSupportingInfo, renderNameSuffix } = options\n\n  const allFriends = dom.createElement('section')\n  allFriends.className = 'social-pane__all-friends social-primary__panel'\n  allFriends.id = 'social-panel-all-friends'\n  allFriends.setAttribute('role', 'tabpanel')\n  allFriends.setAttribute('aria-labelledby', 'social-tab-all-friends')\n\n  const mainTable = allFriends.appendChild(dom.createElement('table'))\n  mainTable.className = 'social-main'\n\n  const friendsList = widgets.attachmentList(dom, subject, mainTable, {\n    doc: profile,\n    modify: !!editable,\n    predicate: ns.foaf('knows'),\n    noun: 'friend',\n    // Social pane already owns the async refresh cycle for friend data in\n    // socialPane.ts. Leave attachmentList's generic follow-up rerender disabled\n    // here or each fetched friend profile will trigger an extra whole-table refresh\n    // on top of the pane's own batched updates.\n    refreshOnDocumentLoad: false,\n    renderSupportingInfo,\n    renderNameSuffix\n  })\n  friendsList.classList.add('social-friends-list')\n  friendsList.style.marginTop = '0'\n\n  const friendsListRow = friendsList.querySelector('tr')\n  const friendsListPromptCell = friendsListRow?.children?.[0]\n  const friendsListRightCell = friendsListRow?.children?.[1]\n  const friendsHeaderActions = dom.createElement('div')\n  friendsHeaderActions.classList.add('social-friends-header-actions')\n\n  if (friendsListPromptCell instanceof HTMLTableCellElement) {\n    friendsListPromptCell.classList.add('social-friends-header-dropzone-cell')\n    const friendsHeaderDropzone = dom.createElement('table')\n    friendsHeaderDropzone.className = 'social-friends-header-dropzone'\n    friendsHeaderDropzone.setAttribute('role', 'presentation')\n    const friendsHeaderDropzoneBody = friendsHeaderDropzone.appendChild(dom.createElement('tbody'))\n    const friendsHeaderDropzoneRow = friendsHeaderDropzoneBody.appendChild(dom.createElement('tr'))\n    friendsHeaderDropzoneRow.appendChild(friendsListPromptCell)\n    friendsHeaderActions.appendChild(friendsHeaderDropzone)\n  } else if (friendsListPromptCell instanceof HTMLElement) {\n    while (friendsListPromptCell.firstChild) {\n      friendsHeaderActions.appendChild(friendsListPromptCell.firstChild)\n    }\n    friendsListPromptCell.remove()\n  }\n\n  const friendDropButtons = friendsHeaderActions.querySelectorAll('button')\n  if (editable && friendDropButtons.length > 0) {\n    friendDropButtons.forEach((button) => {\n      button.setAttribute('title', 'Drop friend here')\n      button.setAttribute('aria-label', 'Drop friend here')\n      const buttonImages = button.querySelectorAll('img')\n      buttonImages.forEach((image) => {\n        image.setAttribute('title', 'Drop friend here')\n        image.setAttribute('alt', 'Drop friend here')\n      })\n    })\n\n    const friendsActionsRow = dom.createElement('div')\n    friendsActionsRow.className = 'social-friends-header-actions social-friends-header-actions--standalone'\n    friendsActionsRow.appendChild(friendsHeaderActions)\n    const dropHint = dom.createElement('span')\n    dropHint.className = 'social-friends-header-hint'\n    dropHint.textContent = 'Drag a WebId on the target to add a friend.'\n    friendsActionsRow.appendChild(dropHint)\n    allFriends.prepend(friendsActionsRow)\n  }\n\n  if (friendsListRightCell instanceof HTMLTableCellElement) {\n    friendsListRightCell.colSpan = 2\n  }\n\n  const friendsItemsTable = friendsList.querySelector('td table')\n  if (friendsItemsTable instanceof HTMLTableElement) {\n    friendsItemsTable.classList.add('social-friends-grid')\n  }\n\n  return { section: allFriends, mainTable, friendsList }\n}\n\nexport function createRequestsSection (options: {\n  dom: HTMLDocument,\n  triage: FriendshipTriage,\n  renderSupportingInfo: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null,\n  renderNameSuffix: (target: NamedNode, renderDom: HTMLDocument) => HTMLElement | null\n}): { section: HTMLElement, refreshRequests: (triage: FriendshipTriage) => void } {\n  const { dom, triage, renderSupportingInfo, renderNameSuffix } = options\n\n  const requestsSection = dom.createElement('section')\n  requestsSection.className = 'social-pane__requests social-primary__panel'\n  requestsSection.id = 'social-panel-requests'\n  requestsSection.setAttribute('role', 'tabpanel')\n  requestsSection.setAttribute('aria-labelledby', 'social-tab-requests')\n\n  const requestsContent = requestsSection.appendChild(dom.createElement('div'))\n  requestsContent.classList.add('social-main', 'social-main--requests', 'flex-column')\n\n  const note = requestsContent.appendChild(dom.createElement('p'))\n  note.className = 'social-requests__note'\n  note.textContent = 'Best effort preview: this view only reflects profile documents that are currently loaded. A dedicated inbox would still be needed for complete request discovery.'\n\n  const createRequestGroup = function (title: string, description: string, emptyText: string) {\n    const group = requestsContent.appendChild(dom.createElement('section'))\n    group.classList.add('social-requests__group', 'flex-column')\n\n    const header = group.appendChild(dom.createElement('div'))\n    header.className = 'social-requests__group-header'\n\n    const heading = header.appendChild(dom.createElement('h2'))\n    heading.className = 'social-requests__group-title'\n    heading.textContent = title\n\n    const blurb = header.appendChild(dom.createElement('p'))\n    blurb.className = 'social-requests__group-description'\n    blurb.textContent = description\n\n    const empty = group.appendChild(dom.createElement('p'))\n    empty.className = 'social-requests__empty'\n    empty.textContent = emptyText\n\n    const table = group.appendChild(dom.createElement('table'))\n    table.className = 'social-main social-friends-list social-friends-grid social-requests__table'\n\n    return { empty, table }\n  }\n\n  const incomingGroup = createRequestGroup(\n    'Incoming requests',\n    'People who say they know this profile, but have not been confirmed yet.',\n    'No incoming requests are visible from the currently loaded data.'\n  )\n  const pendingGroup = createRequestGroup(\n    'Awaiting confirmation',\n    'People this profile knows who have not linked back yet.',\n    'Nothing is waiting for confirmation right now.'\n  )\n\n  const createPersonRow = function (target: NamedNode) {\n    return widgets.personTR(dom, ns.foaf('knows'), target, {\n      renderSupportingInfo,\n      renderNameSuffix\n    })\n  }\n\n  const sortNodes = function (nodes: NamedNode[]) {\n    return [...nodes].sort((left, right) => {\n      const leftLabel = utils.label(left) || left.value\n      const rightLabel = utils.label(right) || right.value\n      return leftLabel.localeCompare(rightLabel)\n    })\n  }\n\n  const syncRequestGroup = function (\n    group: { empty: HTMLElement, table: HTMLTableElement },\n    nodes: NamedNode[]\n  ) {\n    const sortedNodes = sortNodes(nodes)\n    group.empty.hidden = sortedNodes.length > 0\n    group.table.hidden = sortedNodes.length === 0\n\n    utils.syncTableToArray(\n      group.table,\n      sortedNodes,\n      createPersonRow,\n      function (_row, thing) {\n        return createPersonRow(thing)\n      }\n    )\n  }\n\n  const refreshRequests = function (nextTriage: FriendshipTriage) {\n    syncRequestGroup(incomingGroup, nextTriage.requests)\n    syncRequestGroup(pendingGroup, nextTriage.unconfirmed)\n  }\n\n  refreshRequests(triage)\n\n  return { section: requestsSection, refreshRequests }\n}\n"],"mappings":"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"}

package/dist/social/triage.cjs.js

@@ -1,2 +1,2 @@
-let e=require("solid-ui");function t(e){let t=new Set,n=[];for(let r of e){let e=r?.value;!e||t.has(e)||(t.add(e),n.push(r))}return n}function n(n,r){let i=t(n.each(r,e.ns.foaf(`knows`))),a=t(n.each(void 0,e.ns.foaf(`knows`),r)),o=[],s=[],c=[];for(let e of i)a.some(t=>t.sameTerm(e))?o.push(e):s.push(e);for(let e of a)i.some(t=>t.sameTerm(e))||c.push(e);return{acquaintances:i,confirmed:o,unconfirmed:s,requests:c}}async function r(t,r){let i=t.session.store,a=i.fetcher;if(!a||typeof a.load!=`function`)return n(i,r);try{await a.load(r.doc())}catch{}let o=n(i,r),s=new Map;s.set(r.doc().value,r.doc());for(let e of[...o.acquaintances,...o.requests])s.set(e.doc().value,e.doc());let c=i.statementsMatching(void 0,e.ns.foaf(`knows`),r);for(let e of c){let t=e.why;t?.value&&s.set(t.value,t)}for(let e of s.values())try{await a.load(e)}catch{}return n(i,r)}exports.loadFriendshipTriage=r,exports.triageFriends=n;
+let e=require("solid-ui");function t(e){let t=new Set,n=[];for(let r of e){let e=r?.value;e&&!t.has(e)&&(t.add(e),n.push(r))}return n}function n(n,r){let i=t(n.each(r,e.ns.foaf(`knows`))),a=t(n.each(void 0,e.ns.foaf(`knows`),r)),o=[],s=[],c=[];for(let e of i)a.some(t=>t.sameTerm(e))?o.push(e):s.push(e);for(let e of a)i.some(t=>t.sameTerm(e))||c.push(e);return{acquaintances:i,confirmed:o,unconfirmed:s,requests:c}}async function r(t,r){let i=t.session.store,a=i.fetcher;if(!a||typeof a.load!=`function`)return n(i,r);try{await a.load(r.doc())}catch{}let o=n(i,r),s=new Map;s.set(r.doc().value,r.doc());for(let e of[...o.acquaintances,...o.requests])s.set(e.doc().value,e.doc());let c=i.statementsMatching(void 0,e.ns.foaf(`knows`),r);for(let e of c){let t=e.why;t?.value&&s.set(t.value,t)}for(let e of s.values())try{await a.load(e)}catch{}return n(i,r)}exports.loadFriendshipTriage=r,exports.triageFriends=n;
 //# sourceMappingURL=triage.cjs.js.map

package/dist/social/triage.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"triage.cjs.js","names":[],"sources":["../../src/social/triage.ts"],"sourcesContent":["import { DataBrowserContext } from 'pane-registry'\nimport { IndexedFormula, NamedNode } from 'rdflib'\nimport { ns } from 'solid-ui'\n\ntype FriendshipStore = IndexedFormula & {\n  fetcher?: {\n    load?: (target: NamedNode | string) => Promise<unknown>\n  }\n}\n\nexport interface FriendshipTriage {\n  acquaintances: NamedNode[]\n  confirmed: NamedNode[]\n  unconfirmed: NamedNode[]\n  requests: NamedNode[]\n}\n\nfunction uniqueNamedNodes (nodes: NamedNode[]): NamedNode[] {\n  const seen = new Set<string>()\n  const unique: NamedNode[] = []\n\n  for (const node of nodes) {\n    const key = node?.value\n    if (!key || seen.has(key)) continue\n    seen.add(key)\n    unique.push(node)\n  }\n\n  return unique\n}\n\nexport function triageFriends (store: FriendshipStore, subject: NamedNode): FriendshipTriage {\n  const outgoingFriends = uniqueNamedNodes(store.each(subject, ns.foaf('knows')) as NamedNode[])\n  const incomingFriends = uniqueNamedNodes(\n    store.each(undefined, ns.foaf('knows'), subject) as NamedNode[]\n  )\n  const confirmed: NamedNode[] = []\n  const unconfirmed: NamedNode[] = []\n  const requests: NamedNode[] = []\n\n  for (const friend of outgoingFriends) {\n    const isConfirmed = incomingFriends.some(incomingFriend => incomingFriend.sameTerm(friend))\n    if (isConfirmed) {\n      confirmed.push(friend)\n    } else {\n      unconfirmed.push(friend)\n    }\n  }\n\n  for (const friend of incomingFriends) {\n    const isAlreadyOutgoing = outgoingFriends.some(outgoingFriend => outgoingFriend.sameTerm(friend))\n    if (!isAlreadyOutgoing) {\n      requests.push(friend)\n    }\n  }\n\n  return {\n    acquaintances: outgoingFriends,\n    confirmed,\n    unconfirmed,\n    requests\n  }\n}\n\nexport async function loadFriendshipTriage (\n  context: DataBrowserContext,\n  subject: NamedNode\n): Promise<FriendshipTriage> {\n  const store = context.session.store as FriendshipStore\n  const fetcher = store.fetcher\n\n  if (!fetcher || typeof fetcher.load !== 'function') {\n    return triageFriends(store, subject)\n  }\n\n  try {\n    await fetcher.load(subject.doc())\n  } catch {\n    // Continue with the store snapshot we already have.\n  }\n\n  const initialTriage = triageFriends(store, subject)\n  const documentsToLoad = new Map<string, NamedNode | string>()\n\n  documentsToLoad.set(subject.doc().value, subject.doc())\n\n  for (const friend of [...initialTriage.acquaintances, ...initialTriage.requests]) {\n    documentsToLoad.set(friend.doc().value, friend.doc())\n  }\n\n  const incomingStatements = store.statementsMatching(undefined, ns.foaf('knows'), subject)\n  for (const statement of incomingStatements) {\n    const why = statement.why as NamedNode | undefined\n    if (why?.value) {\n      documentsToLoad.set(why.value, why)\n    }\n  }\n\n  for (const target of documentsToLoad.values()) {\n    try {\n      await fetcher.load(target)\n    } catch {\n      // Keep partial results when one profile document fails to load.\n    }\n  }\n\n  return triageFriends(store, subject)\n}\n"],"mappings":"0BAiBA,SAAS,EAAkB,EAAiC,CAC1D,IAAM,EAAO,IAAI,IACX,EAAsB,CAAC,EAE7B,IAAK,IAAM,KAAQ,EAAO,CACxB,IAAM,EAAM,GAAM,MACd,CAAC,GAAO,EAAK,IAAI,CAAG,IACxB,EAAK,IAAI,CAAG,EACZ,EAAO,KAAK,CAAI,EAClB,CAEA,OAAO,CACT,CAEA,SAAgB,EAAe,EAAwB,EAAsC,CAC3F,IAAM,EAAkB,EAAiB,EAAM,KAAK,EAAS,EAAA,GAAG,KAAK,OAAO,CAAC,CAAgB,EACvF,EAAkB,EACtB,EAAM,KAAK,IAAA,GAAW,EAAA,GAAG,KAAK,OAAO,EAAG,CAAO,CACjD,EACM,EAAyB,CAAC,EAC1B,EAA2B,CAAC,EAC5B,EAAwB,CAAC,EAE/B,IAAK,IAAM,KAAU,EACC,EAAgB,KAAK,GAAkB,EAAe,SAAS,CAAM,CACrF,EACF,EAAU,KAAK,CAAM,EAErB,EAAY,KAAK,CAAM,EAI3B,IAAK,IAAM,KAAU,EACO,EAAgB,KAAK,GAAkB,EAAe,SAAS,CAAM,CAC1F,GACH,EAAS,KAAK,CAAM,EAIxB,MAAO,CACL,cAAe,EACf,YACA,cACA,UACF,CACF,CAEA,eAAsB,EACpB,EACA,EAC2B,CAC3B,IAAM,EAAQ,EAAQ,QAAQ,MACxB,EAAU,EAAM,QAEtB,GAAI,CAAC,GAAW,OAAO,EAAQ,MAAS,WACtC,OAAO,EAAc,EAAO,CAAO,EAGrC,GAAI,CACF,MAAM,EAAQ,KAAK,EAAQ,IAAI,CAAC,CAClC,MAAQ,CAER,CAEA,IAAM,EAAgB,EAAc,EAAO,CAAO,EAC5C,EAAkB,IAAI,IAE5B,EAAgB,IAAI,EAAQ,IAAI,CAAC,CAAC,MAAO,EAAQ,IAAI,CAAC,EAEtD,IAAK,IAAM,IAAU,CAAC,GAAG,EAAc,cAAe,GAAG,EAAc,QAAQ,EAC7E,EAAgB,IAAI,EAAO,IAAI,CAAC,CAAC,MAAO,EAAO,IAAI,CAAC,EAGtD,IAAM,EAAqB,EAAM,mBAAmB,IAAA,GAAW,EAAA,GAAG,KAAK,OAAO,EAAG,CAAO,EACxF,IAAK,IAAM,KAAa,EAAoB,CAC1C,IAAM,EAAM,EAAU,IAClB,GAAK,OACP,EAAgB,IAAI,EAAI,MAAO,CAAG,CAEtC,CAEA,IAAK,IAAM,KAAU,EAAgB,OAAO,EAC1C,GAAI,CACF,MAAM,EAAQ,KAAK,CAAM,CAC3B,MAAQ,CAER,CAGF,OAAO,EAAc,EAAO,CAAO,CACrC"}
+{"version":3,"file":"triage.cjs.js","names":["ns","solid_ui","uniqueNamedNodes","seen","unique","node","nodes","key","triageFriends","outgoingFriends","store","subject","incomingFriends","confirmed","unconfirmed","requests","friend","incomingFriend","outgoingFriend","loadFriendshipTriage","context","fetcher","initialTriage","documentsToLoad","incomingStatements","statement","why","target"],"sources":["../../src/social/triage.ts"],"sourcesContent":["import { DataBrowserContext } from 'pane-registry'\nimport { IndexedFormula, NamedNode } from 'rdflib'\nimport { ns } from 'solid-ui'\n\ntype FriendshipStore = IndexedFormula & {\n  fetcher?: {\n    load?: (target: NamedNode | string) => Promise<unknown>\n  }\n}\n\nexport interface FriendshipTriage {\n  acquaintances: NamedNode[]\n  confirmed: NamedNode[]\n  unconfirmed: NamedNode[]\n  requests: NamedNode[]\n}\n\nfunction uniqueNamedNodes (nodes: NamedNode[]): NamedNode[] {\n  const seen = new Set<string>()\n  const unique: NamedNode[] = []\n\n  for (const node of nodes) {\n    const key = node?.value\n    if (!key || seen.has(key)) continue\n    seen.add(key)\n    unique.push(node)\n  }\n\n  return unique\n}\n\nexport function triageFriends (store: FriendshipStore, subject: NamedNode): FriendshipTriage {\n  const outgoingFriends = uniqueNamedNodes(store.each(subject, ns.foaf('knows')) as NamedNode[])\n  const incomingFriends = uniqueNamedNodes(\n    store.each(undefined, ns.foaf('knows'), subject) as NamedNode[]\n  )\n  const confirmed: NamedNode[] = []\n  const unconfirmed: NamedNode[] = []\n  const requests: NamedNode[] = []\n\n  for (const friend of outgoingFriends) {\n    const isConfirmed = incomingFriends.some(incomingFriend => incomingFriend.sameTerm(friend))\n    if (isConfirmed) {\n      confirmed.push(friend)\n    } else {\n      unconfirmed.push(friend)\n    }\n  }\n\n  for (const friend of incomingFriends) {\n    const isAlreadyOutgoing = outgoingFriends.some(outgoingFriend => outgoingFriend.sameTerm(friend))\n    if (!isAlreadyOutgoing) {\n      requests.push(friend)\n    }\n  }\n\n  return {\n    acquaintances: outgoingFriends,\n    confirmed,\n    unconfirmed,\n    requests\n  }\n}\n\nexport async function loadFriendshipTriage (\n  context: DataBrowserContext,\n  subject: NamedNode\n): Promise<FriendshipTriage> {\n  const store = context.session.store as FriendshipStore\n  const fetcher = store.fetcher\n\n  if (!fetcher || typeof fetcher.load !== 'function') {\n    return triageFriends(store, subject)\n  }\n\n  try {\n    await fetcher.load(subject.doc())\n  } catch {\n    // Continue with the store snapshot we already have.\n  }\n\n  const initialTriage = triageFriends(store, subject)\n  const documentsToLoad = new Map<string, NamedNode | string>()\n\n  documentsToLoad.set(subject.doc().value, subject.doc())\n\n  for (const friend of [...initialTriage.acquaintances, ...initialTriage.requests]) {\n    documentsToLoad.set(friend.doc().value, friend.doc())\n  }\n\n  const incomingStatements = store.statementsMatching(undefined, ns.foaf('knows'), subject)\n  for (const statement of incomingStatements) {\n    const why = statement.why as NamedNode | undefined\n    if (why?.value) {\n      documentsToLoad.set(why.value, why)\n    }\n  }\n\n  for (const target of documentsToLoad.values()) {\n    try {\n      await fetcher.load(target)\n    } catch {\n      // Keep partial results when one profile document fails to load.\n    }\n  }\n\n  return triageFriends(store, subject)\n}\n"],"mappings":"0BAiBA,SAASE,EAAkB,EAAiC,CAC1D,IAAMC,EAAO,IAAI,IACXC,EAAsB,CAAC,EAE7B,IAAK,IAAMC,KAAQC,EAAO,CACxB,IAAMC,EAAMF,GAAM,MACbE,GAAO,GAAK,IAAIA,CAAG,IACxBJ,EAAK,IAAII,CAAG,EACZH,EAAO,KAAKC,CAAI,EAClB,CAEA,OAAOD,CACT,CAEA,SAAgBI,EAAe,EAAwB,EAAsC,CAC3F,IAAMC,EAAkBP,EAAiBQ,EAAM,KAAKC,EAASX,EAAAA,GAAG,KAAK,OAAO,CAAC,CAAgB,EACvFY,EAAkBV,EACtBQ,EAAM,KAAK,IAAA,GAAWV,EAAAA,GAAG,KAAK,OAAO,EAAGW,CAAO,CACjD,EACME,EAAyB,CAAC,EAC1BC,EAA2B,CAAC,EAC5BC,EAAwB,CAAC,EAE/B,IAAK,IAAMC,KAAUP,EACCG,EAAgB,KAAK,GAAkBK,EAAe,SAASD,CAAM,CACrF,EACFH,EAAU,KAAKG,CAAM,EAErBF,EAAY,KAAKE,CAAM,EAI3B,IAAK,IAAMA,KAAUJ,EACOH,EAAgB,KAAK,GAAkBS,EAAe,SAASF,CAAM,CAC1F,GACHD,EAAS,KAAKC,CAAM,EAIxB,MAAO,CACL,cAAeP,EACf,YACA,cACA,UACF,CACF,CAEA,eAAsBU,EACpB,EACA,EAC2B,CAC3B,IAAMT,EAAQU,EAAQ,QAAQ,MACxBC,EAAUX,EAAM,QAEtB,GAAI,CAACW,GAAW,OAAOA,EAAQ,MAAS,WACtC,OAAOb,EAAcE,EAAOC,CAAO,EAGrC,GAAI,CACF,MAAMU,EAAQ,KAAKV,EAAQ,IAAI,CAAC,CAClC,MAAQ,CAER,CAEA,IAAMW,EAAgBd,EAAcE,EAAOC,CAAO,EAC5CY,EAAkB,IAAI,IAE5BA,EAAgB,IAAIZ,EAAQ,IAAI,CAAC,CAAC,MAAOA,EAAQ,IAAI,CAAC,EAEtD,IAAK,IAAMK,IAAU,CAAC,GAAGM,EAAc,cAAe,GAAGA,EAAc,QAAQ,EAC7EC,EAAgB,IAAIP,EAAO,IAAI,CAAC,CAAC,MAAOA,EAAO,IAAI,CAAC,EAGtD,IAAMQ,EAAqBd,EAAM,mBAAmB,IAAA,GAAWV,EAAAA,GAAG,KAAK,OAAO,EAAGW,CAAO,EACxF,IAAK,IAAMc,KAAaD,EAAoB,CAC1C,IAAME,EAAMD,EAAU,IAClBC,GAAK,OACPH,EAAgB,IAAIG,EAAI,MAAOA,CAAG,CAEtC,CAEA,IAAK,IAAMC,KAAUJ,EAAgB,OAAO,EAC1C,GAAI,CACF,MAAMF,EAAQ,KAAKM,CAAM,CAC3B,MAAQ,CAER,CAGF,OAAOnB,EAAcE,EAAOC,CAAO,CACrC"}

package/dist/social/triage.esm.js

@@ -4,7 +4,7 @@ function t(e) {
 	let t = /* @__PURE__ */ new Set(), n = [];
 	for (let r of e) {
 		let e = r?.value;
-		!e || t.has(e) || (t.add(e), n.push(r));
+		e && !t.has(e) && (t.add(e), n.push(r));
 	}
 	return n;
 }

package/dist/social/triage.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"triage.esm.js","names":[],"sources":["../../src/social/triage.ts"],"sourcesContent":["import { DataBrowserContext } from 'pane-registry'\nimport { IndexedFormula, NamedNode } from 'rdflib'\nimport { ns } from 'solid-ui'\n\ntype FriendshipStore = IndexedFormula & {\n  fetcher?: {\n    load?: (target: NamedNode | string) => Promise<unknown>\n  }\n}\n\nexport interface FriendshipTriage {\n  acquaintances: NamedNode[]\n  confirmed: NamedNode[]\n  unconfirmed: NamedNode[]\n  requests: NamedNode[]\n}\n\nfunction uniqueNamedNodes (nodes: NamedNode[]): NamedNode[] {\n  const seen = new Set<string>()\n  const unique: NamedNode[] = []\n\n  for (const node of nodes) {\n    const key = node?.value\n    if (!key || seen.has(key)) continue\n    seen.add(key)\n    unique.push(node)\n  }\n\n  return unique\n}\n\nexport function triageFriends (store: FriendshipStore, subject: NamedNode): FriendshipTriage {\n  const outgoingFriends = uniqueNamedNodes(store.each(subject, ns.foaf('knows')) as NamedNode[])\n  const incomingFriends = uniqueNamedNodes(\n    store.each(undefined, ns.foaf('knows'), subject) as NamedNode[]\n  )\n  const confirmed: NamedNode[] = []\n  const unconfirmed: NamedNode[] = []\n  const requests: NamedNode[] = []\n\n  for (const friend of outgoingFriends) {\n    const isConfirmed = incomingFriends.some(incomingFriend => incomingFriend.sameTerm(friend))\n    if (isConfirmed) {\n      confirmed.push(friend)\n    } else {\n      unconfirmed.push(friend)\n    }\n  }\n\n  for (const friend of incomingFriends) {\n    const isAlreadyOutgoing = outgoingFriends.some(outgoingFriend => outgoingFriend.sameTerm(friend))\n    if (!isAlreadyOutgoing) {\n      requests.push(friend)\n    }\n  }\n\n  return {\n    acquaintances: outgoingFriends,\n    confirmed,\n    unconfirmed,\n    requests\n  }\n}\n\nexport async function loadFriendshipTriage (\n  context: DataBrowserContext,\n  subject: NamedNode\n): Promise<FriendshipTriage> {\n  const store = context.session.store as FriendshipStore\n  const fetcher = store.fetcher\n\n  if (!fetcher || typeof fetcher.load !== 'function') {\n    return triageFriends(store, subject)\n  }\n\n  try {\n    await fetcher.load(subject.doc())\n  } catch {\n    // Continue with the store snapshot we already have.\n  }\n\n  const initialTriage = triageFriends(store, subject)\n  const documentsToLoad = new Map<string, NamedNode | string>()\n\n  documentsToLoad.set(subject.doc().value, subject.doc())\n\n  for (const friend of [...initialTriage.acquaintances, ...initialTriage.requests]) {\n    documentsToLoad.set(friend.doc().value, friend.doc())\n  }\n\n  const incomingStatements = store.statementsMatching(undefined, ns.foaf('knows'), subject)\n  for (const statement of incomingStatements) {\n    const why = statement.why as NamedNode | undefined\n    if (why?.value) {\n      documentsToLoad.set(why.value, why)\n    }\n  }\n\n  for (const target of documentsToLoad.values()) {\n    try {\n      await fetcher.load(target)\n    } catch {\n      // Keep partial results when one profile document fails to load.\n    }\n  }\n\n  return triageFriends(store, subject)\n}\n"],"mappings":";;AAiBA,SAAS,EAAkB,GAAiC;CAC1D,IAAM,oBAAO,IAAI,IAAY,GACvB,IAAsB,CAAC;CAE7B,KAAK,IAAM,KAAQ,GAAO;EACxB,IAAM,IAAM,GAAM;EACd,CAAC,KAAO,EAAK,IAAI,CAAG,MACxB,EAAK,IAAI,CAAG,GACZ,EAAO,KAAK,CAAI;CAClB;CAEA,OAAO;AACT;AAEA,SAAgB,EAAe,GAAwB,GAAsC;CAC3F,IAAM,IAAkB,EAAiB,EAAM,KAAK,GAAS,EAAG,KAAK,OAAO,CAAC,CAAgB,GACvF,IAAkB,EACtB,EAAM,KAAK,KAAA,GAAW,EAAG,KAAK,OAAO,GAAG,CAAO,CACjD,GACM,IAAyB,CAAC,GAC1B,IAA2B,CAAC,GAC5B,IAAwB,CAAC;CAE/B,KAAK,IAAM,KAAU,GAEnB,AADoB,EAAgB,MAAK,MAAkB,EAAe,SAAS,CAAM,CACrF,IACF,EAAU,KAAK,CAAM,IAErB,EAAY,KAAK,CAAM;CAI3B,KAAK,IAAM,KAAU,GAEnB,AAD0B,EAAgB,MAAK,MAAkB,EAAe,SAAS,CAAM,CAC1F,KACH,EAAS,KAAK,CAAM;CAIxB,OAAO;EACL,eAAe;EACf;EACA;EACA;CACF;AACF;AAEA,eAAsB,EACpB,GACA,GAC2B;CAC3B,IAAM,IAAQ,EAAQ,QAAQ,OACxB,IAAU,EAAM;CAEtB,IAAI,CAAC,KAAW,OAAO,EAAQ,QAAS,YACtC,OAAO,EAAc,GAAO,CAAO;CAGrC,IAAI;EACF,MAAM,EAAQ,KAAK,EAAQ,IAAI,CAAC;CAClC,QAAQ,CAER;CAEA,IAAM,IAAgB,EAAc,GAAO,CAAO,GAC5C,oBAAkB,IAAI,IAAgC;CAE5D,EAAgB,IAAI,EAAQ,IAAI,CAAC,CAAC,OAAO,EAAQ,IAAI,CAAC;CAEtD,KAAK,IAAM,KAAU,CAAC,GAAG,EAAc,eAAe,GAAG,EAAc,QAAQ,GAC7E,EAAgB,IAAI,EAAO,IAAI,CAAC,CAAC,OAAO,EAAO,IAAI,CAAC;CAGtD,IAAM,IAAqB,EAAM,mBAAmB,KAAA,GAAW,EAAG,KAAK,OAAO,GAAG,CAAO;CACxF,KAAK,IAAM,KAAa,GAAoB;EAC1C,IAAM,IAAM,EAAU;EACtB,AAAI,GAAK,SACP,EAAgB,IAAI,EAAI,OAAO,CAAG;CAEtC;CAEA,KAAK,IAAM,KAAU,EAAgB,OAAO,GAC1C,IAAI;EACF,MAAM,EAAQ,KAAK,CAAM;CAC3B,QAAQ,CAER;CAGF,OAAO,EAAc,GAAO,CAAO;AACrC"}
+{"version":3,"file":"triage.esm.js","names":["uniqueNamedNodes","seen","unique","node","nodes","key","triageFriends","outgoingFriends","store","subject","ns","incomingFriends","confirmed","unconfirmed","requests","friend","incomingFriend","outgoingFriend","loadFriendshipTriage","context","fetcher","initialTriage","documentsToLoad","incomingStatements","statement","why","target"],"sources":["../../src/social/triage.ts"],"sourcesContent":["import { DataBrowserContext } from 'pane-registry'\nimport { IndexedFormula, NamedNode } from 'rdflib'\nimport { ns } from 'solid-ui'\n\ntype FriendshipStore = IndexedFormula & {\n  fetcher?: {\n    load?: (target: NamedNode | string) => Promise<unknown>\n  }\n}\n\nexport interface FriendshipTriage {\n  acquaintances: NamedNode[]\n  confirmed: NamedNode[]\n  unconfirmed: NamedNode[]\n  requests: NamedNode[]\n}\n\nfunction uniqueNamedNodes (nodes: NamedNode[]): NamedNode[] {\n  const seen = new Set<string>()\n  const unique: NamedNode[] = []\n\n  for (const node of nodes) {\n    const key = node?.value\n    if (!key || seen.has(key)) continue\n    seen.add(key)\n    unique.push(node)\n  }\n\n  return unique\n}\n\nexport function triageFriends (store: FriendshipStore, subject: NamedNode): FriendshipTriage {\n  const outgoingFriends = uniqueNamedNodes(store.each(subject, ns.foaf('knows')) as NamedNode[])\n  const incomingFriends = uniqueNamedNodes(\n    store.each(undefined, ns.foaf('knows'), subject) as NamedNode[]\n  )\n  const confirmed: NamedNode[] = []\n  const unconfirmed: NamedNode[] = []\n  const requests: NamedNode[] = []\n\n  for (const friend of outgoingFriends) {\n    const isConfirmed = incomingFriends.some(incomingFriend => incomingFriend.sameTerm(friend))\n    if (isConfirmed) {\n      confirmed.push(friend)\n    } else {\n      unconfirmed.push(friend)\n    }\n  }\n\n  for (const friend of incomingFriends) {\n    const isAlreadyOutgoing = outgoingFriends.some(outgoingFriend => outgoingFriend.sameTerm(friend))\n    if (!isAlreadyOutgoing) {\n      requests.push(friend)\n    }\n  }\n\n  return {\n    acquaintances: outgoingFriends,\n    confirmed,\n    unconfirmed,\n    requests\n  }\n}\n\nexport async function loadFriendshipTriage (\n  context: DataBrowserContext,\n  subject: NamedNode\n): Promise<FriendshipTriage> {\n  const store = context.session.store as FriendshipStore\n  const fetcher = store.fetcher\n\n  if (!fetcher || typeof fetcher.load !== 'function') {\n    return triageFriends(store, subject)\n  }\n\n  try {\n    await fetcher.load(subject.doc())\n  } catch {\n    // Continue with the store snapshot we already have.\n  }\n\n  const initialTriage = triageFriends(store, subject)\n  const documentsToLoad = new Map<string, NamedNode | string>()\n\n  documentsToLoad.set(subject.doc().value, subject.doc())\n\n  for (const friend of [...initialTriage.acquaintances, ...initialTriage.requests]) {\n    documentsToLoad.set(friend.doc().value, friend.doc())\n  }\n\n  const incomingStatements = store.statementsMatching(undefined, ns.foaf('knows'), subject)\n  for (const statement of incomingStatements) {\n    const why = statement.why as NamedNode | undefined\n    if (why?.value) {\n      documentsToLoad.set(why.value, why)\n    }\n  }\n\n  for (const target of documentsToLoad.values()) {\n    try {\n      await fetcher.load(target)\n    } catch {\n      // Keep partial results when one profile document fails to load.\n    }\n  }\n\n  return triageFriends(store, subject)\n}\n"],"mappings":";;AAiBA,SAASA,EAAkB,GAAiC;CAC1D,IAAMC,oBAAO,IAAI,IAAY,GACvBC,IAAsB,CAAC;CAE7B,KAAK,IAAMC,KAAQC,GAAO;EACxB,IAAMC,IAAMF,GAAM;EAClB,AAAKE,KAAO,GAAK,IAAIA,CAAG,MACxBJ,EAAK,IAAII,CAAG,GACZH,EAAO,KAAKC,CAAI;CAClB;CAEA,OAAOD;AACT;AAEA,SAAgBI,EAAe,GAAwB,GAAsC;CAC3F,IAAMC,IAAkBP,EAAiBQ,EAAM,KAAKC,GAASC,EAAG,KAAK,OAAO,CAAC,CAAgB,GACvFC,IAAkBX,EACtBQ,EAAM,KAAK,KAAA,GAAWE,EAAG,KAAK,OAAO,GAAGD,CAAO,CACjD,GACMG,IAAyB,CAAC,GAC1BC,IAA2B,CAAC,GAC5BC,IAAwB,CAAC;CAE/B,KAAK,IAAMC,KAAUR,GAEnB,AADoBI,EAAgB,MAAK,MAAkBK,EAAe,SAASD,CAAM,CACrF,IACFH,EAAU,KAAKG,CAAM,IAErBF,EAAY,KAAKE,CAAM;CAI3B,KAAK,IAAMA,KAAUJ,GAEnB,AAD0BJ,EAAgB,MAAK,MAAkBU,EAAe,SAASF,CAAM,CAC1F,KACHD,EAAS,KAAKC,CAAM;CAIxB,OAAO;EACL,eAAeR;EACf;EACA;EACA;CACF;AACF;AAEA,eAAsBW,EACpB,GACA,GAC2B;CAC3B,IAAMV,IAAQW,EAAQ,QAAQ,OACxBC,IAAUZ,EAAM;CAEtB,IAAI,CAACY,KAAW,OAAOA,EAAQ,QAAS,YACtC,OAAOd,EAAcE,GAAOC,CAAO;CAGrC,IAAI;EACF,MAAMW,EAAQ,KAAKX,EAAQ,IAAI,CAAC;CAClC,QAAQ,CAER;CAEA,IAAMY,IAAgBf,EAAcE,GAAOC,CAAO,GAC5Ca,oBAAkB,IAAI,IAAgC;CAE5D,EAAgB,IAAIb,EAAQ,IAAI,CAAC,CAAC,OAAOA,EAAQ,IAAI,CAAC;CAEtD,KAAK,IAAMM,KAAU,CAAC,GAAGM,EAAc,eAAe,GAAGA,EAAc,QAAQ,GAC7E,EAAgB,IAAIN,EAAO,IAAI,CAAC,CAAC,OAAOA,EAAO,IAAI,CAAC;CAGtD,IAAMQ,IAAqBf,EAAM,mBAAmB,KAAA,GAAWE,EAAG,KAAK,OAAO,GAAGD,CAAO;CACxF,KAAK,IAAMe,KAAaD,GAAoB;EAC1C,IAAME,IAAMD,EAAU;EACtB,AAAIC,GAAK,SACPH,EAAgB,IAAIG,EAAI,OAAOA,CAAG;CAEtC;CAEA,KAAK,IAAMC,KAAUJ,EAAgB,OAAO,GAC1C,IAAI;EACF,MAAMF,EAAQ,KAAKM,CAAM;CAC3B,QAAQ,CAER;CAGF,OAAOpB,EAAcE,GAAOC,CAAO;AACrC"}

package/dist/tabbed/tabbedPane.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabbedPane.cjs.js","names":[],"sources":["../../src/tabbed/tabbedPane.ts"],"sourcesContent":["/*   Tabbed view of anything\n **\n ** data-driven\n **\n */\nimport { Store } from 'rdflib'\nimport { PaneDefinition } from 'pane-registry'\nimport { icons, ns, tabs, widgets } from 'solid-ui'\n\nconst TabbedPane: PaneDefinition = {\n  icon: icons.iconBase + 'noun_688606.svg',\n\n  name: 'tabbed',\n\n  audience: [ns.solid('PowerUser')],\n\n  // Does the subject deserve this pane?\n  label: (subject, context) => {\n    // @ts-ignore\n    const kb = context.session.store as Store\n    const typeURIs = kb.findTypeURIs(subject)\n    if (ns.meeting('Cluster').uri in typeURIs) {\n      return 'Tabbed'\n    }\n    return null\n  },\n\n  render: (subject, context) => {\n    const dom = context.dom\n    // @ts-ignore\n    const store = context.session.store as Store\n    const div = dom.createElement('div')\n\n    ;(async () => {\n      if (!store.fetcher) {\n        throw new Error('Store has no fetcher')\n      }\n      await store.fetcher.load(subject)\n\n      div.appendChild(tabs.tabWidget({\n        dom,\n        subject,\n        predicate: store.any(subject, ns.meeting('predicate')) || ns.meeting('toolList'),\n        ordered: true,\n        orientation: ((store as Store).anyValue(subject, ns.meeting('orientation')) || '0') as ('0' | '1' | '2' | '3'),\n        renderMain: (containerDiv, item) => {\n          containerDiv.innerHTML = ''\n          const table = containerDiv.appendChild(context.dom.createElement('table'))\n          ;(context.getOutliner(context.dom) as any).GotoSubject(item, true, null, false, undefined, table)\n        },\n        renderTab: (containerDiv, item) => {\n          const predicate = store.the(subject, ns.meeting('predicate'))\n          containerDiv.appendChild(widgets.personTR(context.dom, predicate, item, {}))\n        },\n        backgroundColor: store.anyValue(subject, ns.ui('backgroundColor')) || '#ddddcc'\n      }))\n    })()\n    return div\n  }\n}\n\nexport default TabbedPane\n"],"mappings":"0BASA,IAAM,EAA6B,CACjC,KAAM,EAAA,MAAM,SAAW,kBAEvB,KAAM,SAEN,SAAU,CAAC,EAAA,GAAG,MAAM,WAAW,CAAC,EAGhC,OAAQ,EAAS,IAAY,CAG3B,IAAM,EADK,EAAQ,QAAQ,MACP,aAAa,CAAO,EAIxC,OAHI,EAAA,GAAG,QAAQ,SAAS,CAAC,CAAC,OAAO,EACxB,SAEF,IACT,EAEA,QAAS,EAAS,IAAY,CAC5B,IAAM,EAAM,EAAQ,IAEd,EAAQ,EAAQ,QAAQ,MACxB,EAAM,EAAI,cAAc,KAAK,EA0BnC,OAxBE,SAAY,CACZ,GAAI,CAAC,EAAM,QACT,MAAU,MAAM,sBAAsB,EAExC,MAAM,EAAM,QAAQ,KAAK,CAAO,EAEhC,EAAI,YAAY,EAAA,KAAK,UAAU,CAC7B,MACA,UACA,UAAW,EAAM,IAAI,EAAS,EAAA,GAAG,QAAQ,WAAW,CAAC,GAAK,EAAA,GAAG,QAAQ,UAAU,EAC/E,QAAS,GACT,YAAe,EAAgB,SAAS,EAAS,EAAA,GAAG,QAAQ,aAAa,CAAC,GAAK,IAC/E,YAAa,EAAc,IAAS,CAClC,EAAa,UAAY,GACzB,IAAM,EAAQ,EAAa,YAAY,EAAQ,IAAI,cAAc,OAAO,CAAC,EACxE,EAAS,YAAY,EAAQ,GAAG,CAAC,CAAS,YAAY,EAAM,GAAM,KAAM,GAAO,IAAA,GAAW,CAAK,CAClG,EACA,WAAY,EAAc,IAAS,CACjC,IAAM,EAAY,EAAM,IAAI,EAAS,EAAA,GAAG,QAAQ,WAAW,CAAC,EAC5D,EAAa,YAAY,EAAA,QAAQ,SAAS,EAAQ,IAAK,EAAW,EAAM,CAAC,CAAC,CAAC,CAC7E,EACA,gBAAiB,EAAM,SAAS,EAAS,EAAA,GAAG,GAAG,iBAAiB,CAAC,GAAK,SACxE,CAAC,CAAC,CACJ,EAAA,CAAG,EACI,CACT,CACF"}
+{"version":3,"file":"tabbedPane.cjs.js","names":["icons","ns","tabs","widgets","solid_ui","TabbedPane","typeURIs","context","subject","dom","store","div","table","containerDiv","item","predicate"],"sources":["../../src/tabbed/tabbedPane.ts"],"sourcesContent":["/*   Tabbed view of anything\n **\n ** data-driven\n **\n */\nimport { Store } from 'rdflib'\nimport { PaneDefinition } from 'pane-registry'\nimport { icons, ns, tabs, widgets } from 'solid-ui'\n\nconst TabbedPane: PaneDefinition = {\n  icon: icons.iconBase + 'noun_688606.svg',\n\n  name: 'tabbed',\n\n  audience: [ns.solid('PowerUser')],\n\n  // Does the subject deserve this pane?\n  label: (subject, context) => {\n    // @ts-ignore\n    const kb = context.session.store as Store\n    const typeURIs = kb.findTypeURIs(subject)\n    if (ns.meeting('Cluster').uri in typeURIs) {\n      return 'Tabbed'\n    }\n    return null\n  },\n\n  render: (subject, context) => {\n    const dom = context.dom\n    // @ts-ignore\n    const store = context.session.store as Store\n    const div = dom.createElement('div')\n\n    ;(async () => {\n      if (!store.fetcher) {\n        throw new Error('Store has no fetcher')\n      }\n      await store.fetcher.load(subject)\n\n      div.appendChild(tabs.tabWidget({\n        dom,\n        subject,\n        predicate: store.any(subject, ns.meeting('predicate')) || ns.meeting('toolList'),\n        ordered: true,\n        orientation: ((store as Store).anyValue(subject, ns.meeting('orientation')) || '0') as ('0' | '1' | '2' | '3'),\n        renderMain: (containerDiv, item) => {\n          containerDiv.innerHTML = ''\n          const table = containerDiv.appendChild(context.dom.createElement('table'))\n          ;(context.getOutliner(context.dom) as any).GotoSubject(item, true, null, false, undefined, table)\n        },\n        renderTab: (containerDiv, item) => {\n          const predicate = store.the(subject, ns.meeting('predicate'))\n          containerDiv.appendChild(widgets.personTR(context.dom, predicate, item, {}))\n        },\n        backgroundColor: store.anyValue(subject, ns.ui('backgroundColor')) || '#ddddcc'\n      }))\n    })()\n    return div\n  }\n}\n\nexport default TabbedPane\n"],"mappings":"0BASA,IAAMK,EAA6B,CACjC,KAAML,EAAAA,MAAM,SAAW,kBAEvB,KAAM,SAEN,SAAU,CAACC,EAAAA,GAAG,MAAM,WAAW,CAAC,EAGhC,OAAQ,EAAS,IAAY,CAG3B,IAAMK,EADKC,EAAQ,QAAQ,MACP,aAAaC,CAAO,EAIxC,OAHIP,EAAAA,GAAG,QAAQ,SAAS,CAAC,CAAC,OAAOK,EACxB,SAEF,IACT,EAEA,QAAS,EAAS,IAAY,CAC5B,IAAMG,EAAMF,EAAQ,IAEdG,EAAQH,EAAQ,QAAQ,MACxBI,EAAMF,EAAI,cAAc,KAAK,EA0BnC,OAxBE,SAAY,CACZ,GAAI,CAACC,EAAM,QACT,MAAU,MAAM,sBAAsB,EAExC,MAAMA,EAAM,QAAQ,KAAKF,CAAO,EAEhCG,EAAI,YAAYT,EAAAA,KAAK,UAAU,CAC7B,MACA,UACA,UAAWQ,EAAM,IAAIF,EAASP,EAAAA,GAAG,QAAQ,WAAW,CAAC,GAAKA,EAAAA,GAAG,QAAQ,UAAU,EAC/E,QAAS,GACT,YAAeS,EAAgB,SAASF,EAASP,EAAAA,GAAG,QAAQ,aAAa,CAAC,GAAK,IAC/E,YAAa,EAAc,IAAS,CAClC,EAAa,UAAY,GACzB,IAAMW,EAAQC,EAAa,YAAYN,EAAQ,IAAI,cAAc,OAAO,CAAC,EACxEA,EAAS,YAAYA,EAAQ,GAAG,CAAC,CAAS,YAAYO,EAAM,GAAM,KAAM,GAAO,IAAA,GAAWF,CAAK,CAClG,EACA,WAAY,EAAc,IAAS,CACjC,IAAMG,EAAYL,EAAM,IAAIF,EAASP,EAAAA,GAAG,QAAQ,WAAW,CAAC,EAC5DY,EAAa,YAAYV,EAAAA,QAAQ,SAASI,EAAQ,IAAKQ,EAAWD,EAAM,CAAC,CAAC,CAAC,CAC7E,EACA,gBAAiBJ,EAAM,SAASF,EAASP,EAAAA,GAAG,GAAG,iBAAiB,CAAC,GAAK,SACxE,CAAC,CAAC,CACJ,EAAA,CAAG,EACIU,CACT,CACF"}

package/dist/tabbed/tabbedPane.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabbedPane.esm.js","names":[],"sources":["../../src/tabbed/tabbedPane.ts"],"sourcesContent":["/*   Tabbed view of anything\n **\n ** data-driven\n **\n */\nimport { Store } from 'rdflib'\nimport { PaneDefinition } from 'pane-registry'\nimport { icons, ns, tabs, widgets } from 'solid-ui'\n\nconst TabbedPane: PaneDefinition = {\n  icon: icons.iconBase + 'noun_688606.svg',\n\n  name: 'tabbed',\n\n  audience: [ns.solid('PowerUser')],\n\n  // Does the subject deserve this pane?\n  label: (subject, context) => {\n    // @ts-ignore\n    const kb = context.session.store as Store\n    const typeURIs = kb.findTypeURIs(subject)\n    if (ns.meeting('Cluster').uri in typeURIs) {\n      return 'Tabbed'\n    }\n    return null\n  },\n\n  render: (subject, context) => {\n    const dom = context.dom\n    // @ts-ignore\n    const store = context.session.store as Store\n    const div = dom.createElement('div')\n\n    ;(async () => {\n      if (!store.fetcher) {\n        throw new Error('Store has no fetcher')\n      }\n      await store.fetcher.load(subject)\n\n      div.appendChild(tabs.tabWidget({\n        dom,\n        subject,\n        predicate: store.any(subject, ns.meeting('predicate')) || ns.meeting('toolList'),\n        ordered: true,\n        orientation: ((store as Store).anyValue(subject, ns.meeting('orientation')) || '0') as ('0' | '1' | '2' | '3'),\n        renderMain: (containerDiv, item) => {\n          containerDiv.innerHTML = ''\n          const table = containerDiv.appendChild(context.dom.createElement('table'))\n          ;(context.getOutliner(context.dom) as any).GotoSubject(item, true, null, false, undefined, table)\n        },\n        renderTab: (containerDiv, item) => {\n          const predicate = store.the(subject, ns.meeting('predicate'))\n          containerDiv.appendChild(widgets.personTR(context.dom, predicate, item, {}))\n        },\n        backgroundColor: store.anyValue(subject, ns.ui('backgroundColor')) || '#ddddcc'\n      }))\n    })()\n    return div\n  }\n}\n\nexport default TabbedPane\n"],"mappings":";;AASA,IAAM,IAA6B;CACjC,MAAM,EAAM,WAAW;CAEvB,MAAM;CAEN,UAAU,CAAC,EAAG,MAAM,WAAW,CAAC;CAGhC,QAAQ,GAAS,MAAY;EAG3B,IAAM,IADK,EAAQ,QAAQ,MACP,aAAa,CAAO;EAIxC,OAHI,EAAG,QAAQ,SAAS,CAAC,CAAC,OAAO,IACxB,WAEF;CACT;CAEA,SAAS,GAAS,MAAY;EAC5B,IAAM,IAAM,EAAQ,KAEd,IAAQ,EAAQ,QAAQ,OACxB,IAAM,EAAI,cAAc,KAAK;EA0BnC,QAxBE,YAAY;GACZ,IAAI,CAAC,EAAM,SACT,MAAU,MAAM,sBAAsB;GAIxC,AAFA,MAAM,EAAM,QAAQ,KAAK,CAAO,GAEhC,EAAI,YAAY,EAAK,UAAU;IAC7B;IACA;IACA,WAAW,EAAM,IAAI,GAAS,EAAG,QAAQ,WAAW,CAAC,KAAK,EAAG,QAAQ,UAAU;IAC/E,SAAS;IACT,aAAe,EAAgB,SAAS,GAAS,EAAG,QAAQ,aAAa,CAAC,KAAK;IAC/E,aAAa,GAAc,MAAS;KAClC,EAAa,YAAY;KACzB,IAAM,IAAQ,EAAa,YAAY,EAAQ,IAAI,cAAc,OAAO,CAAC;KACxE,EAAS,YAAY,EAAQ,GAAG,CAAC,CAAS,YAAY,GAAM,IAAM,MAAM,IAAO,KAAA,GAAW,CAAK;IAClG;IACA,YAAY,GAAc,MAAS;KACjC,IAAM,IAAY,EAAM,IAAI,GAAS,EAAG,QAAQ,WAAW,CAAC;KAC5D,EAAa,YAAY,EAAQ,SAAS,EAAQ,KAAK,GAAW,GAAM,CAAC,CAAC,CAAC;IAC7E;IACA,iBAAiB,EAAM,SAAS,GAAS,EAAG,GAAG,iBAAiB,CAAC,KAAK;GACxE,CAAC,CAAC;EACJ,EAAA,CAAG,GACI;CACT;AACF"}
+{"version":3,"file":"tabbedPane.esm.js","names":["TabbedPane","icons","ns","typeURIs","context","subject","dom","store","div","tabs","table","containerDiv","item","predicate","widgets"],"sources":["../../src/tabbed/tabbedPane.ts"],"sourcesContent":["/*   Tabbed view of anything\n **\n ** data-driven\n **\n */\nimport { Store } from 'rdflib'\nimport { PaneDefinition } from 'pane-registry'\nimport { icons, ns, tabs, widgets } from 'solid-ui'\n\nconst TabbedPane: PaneDefinition = {\n  icon: icons.iconBase + 'noun_688606.svg',\n\n  name: 'tabbed',\n\n  audience: [ns.solid('PowerUser')],\n\n  // Does the subject deserve this pane?\n  label: (subject, context) => {\n    // @ts-ignore\n    const kb = context.session.store as Store\n    const typeURIs = kb.findTypeURIs(subject)\n    if (ns.meeting('Cluster').uri in typeURIs) {\n      return 'Tabbed'\n    }\n    return null\n  },\n\n  render: (subject, context) => {\n    const dom = context.dom\n    // @ts-ignore\n    const store = context.session.store as Store\n    const div = dom.createElement('div')\n\n    ;(async () => {\n      if (!store.fetcher) {\n        throw new Error('Store has no fetcher')\n      }\n      await store.fetcher.load(subject)\n\n      div.appendChild(tabs.tabWidget({\n        dom,\n        subject,\n        predicate: store.any(subject, ns.meeting('predicate')) || ns.meeting('toolList'),\n        ordered: true,\n        orientation: ((store as Store).anyValue(subject, ns.meeting('orientation')) || '0') as ('0' | '1' | '2' | '3'),\n        renderMain: (containerDiv, item) => {\n          containerDiv.innerHTML = ''\n          const table = containerDiv.appendChild(context.dom.createElement('table'))\n          ;(context.getOutliner(context.dom) as any).GotoSubject(item, true, null, false, undefined, table)\n        },\n        renderTab: (containerDiv, item) => {\n          const predicate = store.the(subject, ns.meeting('predicate'))\n          containerDiv.appendChild(widgets.personTR(context.dom, predicate, item, {}))\n        },\n        backgroundColor: store.anyValue(subject, ns.ui('backgroundColor')) || '#ddddcc'\n      }))\n    })()\n    return div\n  }\n}\n\nexport default TabbedPane\n"],"mappings":";;AASA,IAAMA,IAA6B;CACjC,MAAMC,EAAM,WAAW;CAEvB,MAAM;CAEN,UAAU,CAACC,EAAG,MAAM,WAAW,CAAC;CAGhC,QAAQ,GAAS,MAAY;EAG3B,IAAMC,IADKC,EAAQ,QAAQ,MACP,aAAaC,CAAO;EAIxC,OAHIH,EAAG,QAAQ,SAAS,CAAC,CAAC,OAAOC,IACxB,WAEF;CACT;CAEA,SAAS,GAAS,MAAY;EAC5B,IAAMG,IAAMF,EAAQ,KAEdG,IAAQH,EAAQ,QAAQ,OACxBI,IAAMF,EAAI,cAAc,KAAK;EA0BnC,QAxBE,YAAY;GACZ,IAAI,CAACC,EAAM,SACT,MAAU,MAAM,sBAAsB;GAIxC,AAFA,MAAMA,EAAM,QAAQ,KAAKF,CAAO,GAEhCG,EAAI,YAAYC,EAAK,UAAU;IAC7B;IACA;IACA,WAAWF,EAAM,IAAIF,GAASH,EAAG,QAAQ,WAAW,CAAC,KAAKA,EAAG,QAAQ,UAAU;IAC/E,SAAS;IACT,aAAeK,EAAgB,SAASF,GAASH,EAAG,QAAQ,aAAa,CAAC,KAAK;IAC/E,aAAa,GAAc,MAAS;KAClC,EAAa,YAAY;KACzB,IAAMQ,IAAQC,EAAa,YAAYP,EAAQ,IAAI,cAAc,OAAO,CAAC;KACxE,EAAS,YAAYA,EAAQ,GAAG,CAAC,CAAS,YAAYQ,GAAM,IAAM,MAAM,IAAO,KAAA,GAAWF,CAAK;IAClG;IACA,YAAY,GAAc,MAAS;KACjC,IAAMG,IAAYN,EAAM,IAAIF,GAASH,EAAG,QAAQ,WAAW,CAAC;KAC5D,EAAa,YAAYY,EAAQ,SAASV,EAAQ,KAAKS,GAAWD,GAAM,CAAC,CAAC,CAAC;IAC7E;IACA,iBAAiBL,EAAM,SAASF,GAASH,EAAG,GAAG,iBAAiB,CAAC,KAAK;GACxE,CAAC,CAAC;EACJ,EAAA,CAAG,GACIM;CACT;AACF"}

package/dist/tableViewPane.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableViewPane.cjs.js","names":["UI"],"sources":["../src/tableViewPane.js"],"sourcesContent":["// Format an array of RDF statements as an HTML table.\n//\n// This can operate in one of three modes: when the class of object is given\n// or when the source document from which data is taken is given,\n// or if a prepared query object is given.\n// (In principle it could operate with neither class nor document\n// given but typically\n// there would be too much data.)\n// When the tableClass is not given, it looks for common  classes in the data,\n// and gives the user the option.\n//\n// 2008 Written, Ilaria Liccardi\n// 2014 core functionality now in common/table.js   -timbl\n\n// ///////////////////////////////////////////////////////////////////\n\n// Table view pane  -- view of a class as a table of properties of class members\nimport * as UI from 'solid-ui'\n\nexport const tableViewPane = {\n  icon: UI.icons.originalIconBase + 'table.png',\n\n  name: 'tableOfClass',\n\n  label: function (subject, context) {\n    const store = context.session.store\n    // if (!store.holds(subject, UI.ns.rdf('type'),UI.ns.rdfs('Class'))) return null\n    if (!store.any(undefined, UI.ns.rdf('type'), subject)) {\n      return null\n    }\n    const n = store.statementsMatching(undefined, UI.ns.rdf('type'), subject)\n      .length\n    if (n === 0) {\n      // None, suppress pane\n      return null\n    }\n    if (n > 15) {\n      // @@ At the moment this pane can be slow with too many @@ fixme by using limits\n      return null\n    }\n    return UI.utils.label(subject) + ' table'\n  },\n\n  render: function (subject, context) {\n    const myDocument = context.dom\n    const div = myDocument.createElement('div')\n    div.setAttribute('class', 'tablePane')\n    div.appendChild(UI.table(myDocument, { tableClass: subject }))\n    return div\n  }\n}\n"],"mappings":"gGAmBA,IAAa,EAAgB,CAC3B,KAAMA,EAAG,MAAM,iBAAmB,YAElC,KAAM,eAEN,MAAO,SAAU,EAAS,EAAS,CACjC,IAAM,EAAQ,EAAQ,QAAQ,MAE9B,GAAI,CAAC,EAAM,IAAI,IAAA,GAAWA,EAAG,GAAG,IAAI,MAAM,EAAG,CAAO,EAClD,OAAO,KAET,IAAM,EAAI,EAAM,mBAAmB,IAAA,GAAWA,EAAG,GAAG,IAAI,MAAM,EAAG,CAAO,CAAC,CACtE,OASH,OARI,IAAM,GAIN,EAAI,GAEC,KAEFA,EAAG,MAAM,MAAM,CAAO,EAAI,QACnC,EAEA,OAAQ,SAAU,EAAS,EAAS,CAClC,IAAM,EAAa,EAAQ,IACrB,EAAM,EAAW,cAAc,KAAK,EAG1C,OAFA,EAAI,aAAa,QAAS,WAAW,EACrC,EAAI,YAAYA,EAAG,MAAM,EAAY,CAAE,WAAY,CAAQ,CAAC,CAAC,EACtD,CACT,CACF"}
+{"version":3,"file":"tableViewPane.cjs.js","names":["UI","require_runtime","solid_ui","tableViewPane","store","context","subject","n","myDocument","div"],"sources":["../src/tableViewPane.js"],"sourcesContent":["// Format an array of RDF statements as an HTML table.\n//\n// This can operate in one of three modes: when the class of object is given\n// or when the source document from which data is taken is given,\n// or if a prepared query object is given.\n// (In principle it could operate with neither class nor document\n// given but typically\n// there would be too much data.)\n// When the tableClass is not given, it looks for common  classes in the data,\n// and gives the user the option.\n//\n// 2008 Written, Ilaria Liccardi\n// 2014 core functionality now in common/table.js   -timbl\n\n// ///////////////////////////////////////////////////////////////////\n\n// Table view pane  -- view of a class as a table of properties of class members\nimport * as UI from 'solid-ui'\n\nexport const tableViewPane = {\n  icon: UI.icons.originalIconBase + 'table.png',\n\n  name: 'tableOfClass',\n\n  label: function (subject, context) {\n    const store = context.session.store\n    // if (!store.holds(subject, UI.ns.rdf('type'),UI.ns.rdfs('Class'))) return null\n    if (!store.any(undefined, UI.ns.rdf('type'), subject)) {\n      return null\n    }\n    const n = store.statementsMatching(undefined, UI.ns.rdf('type'), subject)\n      .length\n    if (n === 0) {\n      // None, suppress pane\n      return null\n    }\n    if (n > 15) {\n      // @@ At the moment this pane can be slow with too many @@ fixme by using limits\n      return null\n    }\n    return UI.utils.label(subject) + ' table'\n  },\n\n  render: function (subject, context) {\n    const myDocument = context.dom\n    const div = myDocument.createElement('div')\n    div.setAttribute('class', 'tablePane')\n    div.appendChild(UI.table(myDocument, { tableClass: subject }))\n    return div\n  }\n}\n"],"mappings":"gGAmBA,IAAaG,EAAgB,CAC3B,KAAMH,EAAG,MAAM,iBAAmB,YAElC,KAAM,eAEN,MAAO,SAAU,EAAS,EAAS,CACjC,IAAMI,EAAQC,EAAQ,QAAQ,MAE9B,GAAI,CAACD,EAAM,IAAI,IAAA,GAAWJ,EAAG,GAAG,IAAI,MAAM,EAAGM,CAAO,EAClD,OAAO,KAET,IAAMC,EAAIH,EAAM,mBAAmB,IAAA,GAAWJ,EAAG,GAAG,IAAI,MAAM,EAAGM,CAAO,CAAC,CACtE,OASH,OARIC,IAAM,GAINA,EAAI,GAEC,KAEFP,EAAG,MAAM,MAAMM,CAAO,EAAI,QACnC,EAEA,OAAQ,SAAU,EAAS,EAAS,CAClC,IAAME,EAAaH,EAAQ,IACrBI,EAAMD,EAAW,cAAc,KAAK,EAG1C,OAFAC,EAAI,aAAa,QAAS,WAAW,EACrCA,EAAI,YAAYT,EAAG,MAAMQ,EAAY,CAAE,WAAYF,CAAQ,CAAC,CAAC,EACtDG,CACT,CACF"}

package/dist/tableViewPane.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableViewPane.esm.js","names":[],"sources":["../src/tableViewPane.js"],"sourcesContent":["// Format an array of RDF statements as an HTML table.\n//\n// This can operate in one of three modes: when the class of object is given\n// or when the source document from which data is taken is given,\n// or if a prepared query object is given.\n// (In principle it could operate with neither class nor document\n// given but typically\n// there would be too much data.)\n// When the tableClass is not given, it looks for common  classes in the data,\n// and gives the user the option.\n//\n// 2008 Written, Ilaria Liccardi\n// 2014 core functionality now in common/table.js   -timbl\n\n// ///////////////////////////////////////////////////////////////////\n\n// Table view pane  -- view of a class as a table of properties of class members\nimport * as UI from 'solid-ui'\n\nexport const tableViewPane = {\n  icon: UI.icons.originalIconBase + 'table.png',\n\n  name: 'tableOfClass',\n\n  label: function (subject, context) {\n    const store = context.session.store\n    // if (!store.holds(subject, UI.ns.rdf('type'),UI.ns.rdfs('Class'))) return null\n    if (!store.any(undefined, UI.ns.rdf('type'), subject)) {\n      return null\n    }\n    const n = store.statementsMatching(undefined, UI.ns.rdf('type'), subject)\n      .length\n    if (n === 0) {\n      // None, suppress pane\n      return null\n    }\n    if (n > 15) {\n      // @@ At the moment this pane can be slow with too many @@ fixme by using limits\n      return null\n    }\n    return UI.utils.label(subject) + ' table'\n  },\n\n  render: function (subject, context) {\n    const myDocument = context.dom\n    const div = myDocument.createElement('div')\n    div.setAttribute('class', 'tablePane')\n    div.appendChild(UI.table(myDocument, { tableClass: subject }))\n    return div\n  }\n}\n"],"mappings":";;AAmBA,IAAa,IAAgB;CAC3B,MAAM,EAAG,MAAM,mBAAmB;CAElC,MAAM;CAEN,OAAO,SAAU,GAAS,GAAS;EACjC,IAAM,IAAQ,EAAQ,QAAQ;EAE9B,IAAI,CAAC,EAAM,IAAI,KAAA,GAAW,EAAG,GAAG,IAAI,MAAM,GAAG,CAAO,GAClD,OAAO;EAET,IAAM,IAAI,EAAM,mBAAmB,KAAA,GAAW,EAAG,GAAG,IAAI,MAAM,GAAG,CAAO,CAAC,CACtE;EASH,OARI,MAAM,KAIN,IAAI,KAEC,OAEF,EAAG,MAAM,MAAM,CAAO,IAAI;CACnC;CAEA,QAAQ,SAAU,GAAS,GAAS;EAClC,IAAM,IAAa,EAAQ,KACrB,IAAM,EAAW,cAAc,KAAK;EAG1C,OAFA,EAAI,aAAa,SAAS,WAAW,GACrC,EAAI,YAAY,EAAG,MAAM,GAAY,EAAE,YAAY,EAAQ,CAAC,CAAC,GACtD;CACT;AACF"}
+{"version":3,"file":"tableViewPane.esm.js","names":["UI","tableViewPane","store","context","subject","n","myDocument","div"],"sources":["../src/tableViewPane.js"],"sourcesContent":["// Format an array of RDF statements as an HTML table.\n//\n// This can operate in one of three modes: when the class of object is given\n// or when the source document from which data is taken is given,\n// or if a prepared query object is given.\n// (In principle it could operate with neither class nor document\n// given but typically\n// there would be too much data.)\n// When the tableClass is not given, it looks for common  classes in the data,\n// and gives the user the option.\n//\n// 2008 Written, Ilaria Liccardi\n// 2014 core functionality now in common/table.js   -timbl\n\n// ///////////////////////////////////////////////////////////////////\n\n// Table view pane  -- view of a class as a table of properties of class members\nimport * as UI from 'solid-ui'\n\nexport const tableViewPane = {\n  icon: UI.icons.originalIconBase + 'table.png',\n\n  name: 'tableOfClass',\n\n  label: function (subject, context) {\n    const store = context.session.store\n    // if (!store.holds(subject, UI.ns.rdf('type'),UI.ns.rdfs('Class'))) return null\n    if (!store.any(undefined, UI.ns.rdf('type'), subject)) {\n      return null\n    }\n    const n = store.statementsMatching(undefined, UI.ns.rdf('type'), subject)\n      .length\n    if (n === 0) {\n      // None, suppress pane\n      return null\n    }\n    if (n > 15) {\n      // @@ At the moment this pane can be slow with too many @@ fixme by using limits\n      return null\n    }\n    return UI.utils.label(subject) + ' table'\n  },\n\n  render: function (subject, context) {\n    const myDocument = context.dom\n    const div = myDocument.createElement('div')\n    div.setAttribute('class', 'tablePane')\n    div.appendChild(UI.table(myDocument, { tableClass: subject }))\n    return div\n  }\n}\n"],"mappings":";;AAmBA,IAAaC,IAAgB;CAC3B,MAAMD,EAAG,MAAM,mBAAmB;CAElC,MAAM;CAEN,OAAO,SAAU,GAAS,GAAS;EACjC,IAAME,IAAQC,EAAQ,QAAQ;EAE9B,IAAI,CAACD,EAAM,IAAI,KAAA,GAAWF,EAAG,GAAG,IAAI,MAAM,GAAGI,CAAO,GAClD,OAAO;EAET,IAAMC,IAAIH,EAAM,mBAAmB,KAAA,GAAWF,EAAG,GAAG,IAAI,MAAM,GAAGI,CAAO,CAAC,CACtE;EASH,OARIC,MAAM,KAINA,IAAI,KAEC,OAEFL,EAAG,MAAM,MAAMI,CAAO,IAAI;CACnC;CAEA,QAAQ,SAAU,GAAS,GAAS;EAClC,IAAME,IAAaH,EAAQ,KACrBI,IAAMD,EAAW,cAAc,KAAK;EAG1C,OAFAC,EAAI,aAAa,SAAS,WAAW,GACrCA,EAAI,YAAYP,EAAG,MAAMM,GAAY,EAAE,YAAYF,EAAQ,CAAC,CAAC,GACtDG;CACT;AACF"}