solid-panes 5.0.0 → 5.1.0-1

package/dist/social/socialSections.esm.js

@@ -1,80 +1,17 @@
-import { locationIcon as e, personInCircleIcon as t } from "./icons.esm.js";
+import "./icons.esm.js";
 import "./editProfileDetails.esm.js";
-import { ns as n, utils as r, widgets as i } from "solid-ui";
-import { Statement as a } from "rdflib";
-import { createAddMeToYourFriendsButton as o } from "profile-pane";
+import { ns as e, utils as t, widgets as n } from "solid-ui";
+import { Statement as r } from "rdflib";
 //#region src/social/socialSections.ts
-function s(t, n, i, a, s) {
-	let l = t.dom;
-	t.session.store;
-	let u = l.createElement("header");
-	u.className = "social-pane__header";
-	let d = i, f = function() {
-		u.replaceChildren();
-		let i = s(), f = l.createElement("div");
-		f.className = "social-pane__header-content";
-		let p = l.createElement("div");
-		if (p.className = "social-pane__header-actions profile__actions profile__heading-actions", !d.canEdit && d.viewerMode === "authenticated" && d.showAddFriendAction) {
-			p.classList.add("social-pane__header-actions--friend");
-			let e = o(n, t);
-			e.classList.add("flex-center"), p.appendChild(e);
-		}
-		u.appendChild(f);
-		let m = l.createElement("div");
-		m.className = "social-pane__header-media", f.appendChild(m), i && m.appendChild(c(l, i.imageUrl, i.name));
-		let h = l.createElement("div");
-		h.className = "social-pane__header-details", f.appendChild(h), p.childNodes.length > 0 && f.appendChild(p);
-		let g = l.createElement("div");
-		g.classList.add("social-pane__header-summary", "flex-column"), h.appendChild(g);
-		let _ = i?.name || r.label(n), v = l.createElement("h1");
-		v.classList.add("social-pane__header-name"), v.appendChild(l.createTextNode(_)), g.appendChild(v);
-		let y = [i?.jobTitle, i?.organization].filter(Boolean).join(" | ");
-		if (y) {
-			let e = l.createElement("div");
-			e.className = "social-pane__header-job-org", e.textContent = y, g.appendChild(e);
-		}
-		if (i?.location) {
-			let t = l.createElement("div");
-			t.className = "social-pane__header-location";
-			let n = l.createElement("span");
-			n.classList.add("social-pane__header-location-icon", "inline-flex-row"), n.innerHTML = e, t.appendChild(n), t.appendChild(l.createTextNode(i.location)), g.appendChild(t);
-		}
-		let b = l.createElement("div");
-		b.className = "social-pane__header-stats";
-		let x = l.createElement("button");
-		x.className = "social-pane__header-stat", x.type = "button";
-		let S = l.createElement("span");
-		if (S.className = "social-pane__header-stat-label", S.textContent = `${a.friendCount} friend${a.friendCount === 1 ? "" : "s"}`, x.appendChild(S), a.onSelectFriends && x.addEventListener("click", a.onSelectFriends), b.appendChild(x), typeof a.mutualFriendCount == "number") {
-			let e = l.createElement("button");
-			e.className = "social-pane__header-stat", e.type = "button";
-			let t = l.createElement("span");
-			t.className = "social-pane__header-stat-label", t.textContent = `${a.mutualFriendCount} mutual friend${a.mutualFriendCount === 1 ? "" : "s"}`, e.appendChild(t), a.onSelectMutual && e.addEventListener("click", a.onSelectMutual), b.appendChild(e);
-		}
-		g.appendChild(b);
-	};
-	return u.refreshSocialHeader = function(e) {
-		d = e, f();
-	}, f(), u;
-}
-function c(e, n, r = "") {
-	if (n) {
-		let t = e.createElement("img");
-		return t.className = "social-pane__header-hero", t.src = n, t.alt = r, t.width = 180, t.height = 180, t.loading = "eager", t;
-	}
-	let i = e.createElement("div");
-	i.className = "social-pane__header-hero-alt flex-center", i.setAttribute("role", "img"), i.setAttribute("aria-label", r), i.tabIndex = 0;
-	let a = e.createElement("span");
-	return a.classList.add("social-pane__header-hero-icon", "inline-flex-row"), a.innerHTML = t, i.appendChild(a), i;
-}
-function l(e) {
-	let { dom: t, subject: o, familiar: s, me: c, meUri: l, incoming: u, outgoing: d, editable: f, profile: p, knows: m, mutualConnections: h, link: g, text: _, buildCheckboxForm: v, renderSupportingInfo: y, renderNameSuffix: b } = e, x = function() {}, S = t.createElement("section");
+function i(i) {
+	let { dom: a, subject: o, familiar: s, me: c, meUri: l, incoming: u, outgoing: d, editable: f, profile: p, knows: m, mutualConnections: h, link: g, text: _, buildCheckboxForm: v, renderSupportingInfo: y, renderNameSuffix: b } = i, x = function() {}, S = a.createElement("section");
 	S.className = "social-pane__mutual-friends social-primary__panel", S.id = "social-panel-mutual", S.setAttribute("role", "tabpanel"), S.setAttribute("aria-labelledby", "social-tab-mutual");
-	let C = S.appendChild(t.createElement("div"));
+	let C = S.appendChild(a.createElement("div"));
 	C.classList.add("social-main", "social-main--mutual", "flex-column");
-	let w = t.createElement("div");
+	let w = a.createElement("div");
 	w.classList.add("social-mutual-summary", "flex-column"), C.appendChild(w);
 	let T = function() {
-		let e = w.appendChild(t.createElement("div"));
+		let e = w.appendChild(a.createElement("div"));
 		return e.classList.add("social-mutual-summary-line"), e;
 	}, E = function() {
 		let e = T();
@@ -89,34 +26,34 @@ function l(e) {
 	} else if (d) E().appendChild(_(" say you know each other."));
 	else {
 		w.classList.add("social-mutual-summary--confirm");
-		let e = w.appendChild(t.createElement("div"));
+		let e = w.appendChild(a.createElement("div"));
 		e.classList.add("social-mutual-summary-line"), e.appendChild(g(_(s), o.uri)), e.appendChild(_(" knows ")), e.appendChild(g(_("you"), l)), e.appendChild(_(" (unconfirmed)."));
 	}
 	if (u && !d) {
-		let e = t.createElement("span");
+		let e = a.createElement("span");
 		e.className = "social-mutual-confirm-prompt", e.appendChild(_("Confirm you know ")), e.appendChild(g(_(s), o.uri));
-		let n = v(e, new a(c, m, o, p ?? void 0), !!d, {
+		let t = v(e, new r(c, m, o, p ?? void 0), !!d, {
 			disabled: !f,
 			disabledTitle: f ? void 0 : "Your profile is not editable"
 		});
-		n.classList.add("social-mutual-checkbox-form"), C.appendChild(n);
+		t.classList.add("social-mutual-checkbox-form"), C.appendChild(t);
 	}
 	if (h.length) {
-		let e = C.appendChild(t.createElement("table"));
-		e.className = "social-main social-friends-list social-friends-grid";
-		let a = function(e) {
-			return i.personTR(t, n.foaf("knows"), e, {
+		let r = C.appendChild(a.createElement("table"));
+		r.className = "social-main social-friends-list social-friends-grid";
+		let i = function(t) {
+			return n.personTR(a, e.foaf("knows"), t, {
 				renderSupportingInfo: y,
 				renderNameSuffix: b
 			});
 		};
 		x = function() {
-			let t = [...h].sort((e, t) => {
-				let n = r.label(e) || e.value, i = r.label(t) || t.value;
-				return n.localeCompare(i);
+			let e = [...h].sort((e, n) => {
+				let r = t.label(e) || e.value, i = t.label(n) || n.value;
+				return r.localeCompare(i);
 			});
-			r.syncTableToArray(e, t, a, function(e, t) {
-				return a(t);
+			t.syncTableToArray(r, e, i, function(e, t) {
+				return i(t);
 			});
 		}, x();
 	}
@@ -126,86 +63,72 @@ function l(e) {
 		refreshMutualFriends: x
 	};
 }
-function u(e) {
-	let { dom: t, subject: r, profile: a, editable: o, renderSupportingInfo: s, renderNameSuffix: c } = e, l = t.createElement("section");
+function a(t) {
+	let { dom: r, subject: i, profile: a, editable: o, renderSupportingInfo: s, renderNameSuffix: c } = t, l = r.createElement("section");
 	l.className = "social-pane__all-friends social-primary__panel", l.id = "social-panel-all-friends", l.setAttribute("role", "tabpanel"), l.setAttribute("aria-labelledby", "social-tab-all-friends");
-	let u = l.appendChild(t.createElement("table"));
-	u.className = "social-main";
-	let d = i.attachmentList(t, r, u, {
+	let u = l.appendChild(r.createElement("div"));
+	u.className = "social-friends-delete-confirmation";
+	let d = l.appendChild(r.createElement("table"));
+	d.className = "social-main";
+	let f = n.attachmentList(r, i, d, {
 		doc: a,
 		modify: !!o,
-		predicate: n.foaf("knows"),
+		predicate: e.foaf("knows"),
 		noun: "friend",
+		confirmationContainer: u,
 		refreshOnDocumentLoad: !1,
 		renderSupportingInfo: s,
 		renderNameSuffix: c
 	});
-	d.classList.add("social-friends-list"), d.style.marginTop = "0";
-	let f = d.querySelector("tr"), p = f?.children?.[0], m = f?.children?.[1], h = t.createElement("div");
-	if (h.classList.add("social-friends-header-actions"), p instanceof HTMLTableCellElement) {
-		p.classList.add("social-friends-header-dropzone-cell");
-		let e = t.createElement("table");
-		e.className = "social-friends-header-dropzone", e.setAttribute("role", "presentation"), e.appendChild(t.createElement("tbody")).appendChild(t.createElement("tr")).appendChild(p), h.appendChild(e);
-	} else if (p instanceof HTMLElement) {
-		for (; p.firstChild;) h.appendChild(p.firstChild);
-		p.remove();
-	}
-	let g = h.querySelectorAll("button");
-	if (o && g.length > 0) {
-		g.forEach((e) => {
-			e.setAttribute("title", "Drop friend here"), e.setAttribute("aria-label", "Drop friend here"), e.querySelectorAll("img").forEach((e) => {
-				e.setAttribute("title", "Drop friend here"), e.setAttribute("alt", "Drop friend here");
-			});
-		});
-		let e = t.createElement("div");
-		e.className = "social-friends-header-actions social-friends-header-actions--standalone", e.appendChild(h);
-		let n = t.createElement("span");
-		n.className = "social-friends-header-hint", n.textContent = "Drag a WebId on the target to add a friend.", e.appendChild(n), l.prepend(e);
+	f.classList.add("social-friends-list"), f.style.marginTop = "0";
+	let p = f.rows[0], m = p.cells[0], h = p.cells[1];
+	if (m.replaceChildren(...Array.from(h.childNodes)), m.classList.add("social-friends-list-surface"), h.remove(), o) {
+		let e = r.createElement("p");
+		e.className = "social-friends-drop-hint", e.textContent = "Drop a WebID anywhere here to add a friend.", m.prepend(e);
 	}
-	m instanceof HTMLTableCellElement && (m.colSpan = 2);
-	let _ = d.querySelector("td table");
-	return _ instanceof HTMLTableElement && _.classList.add("social-friends-grid"), {
+	let g = f.querySelector("td table");
+	return g instanceof HTMLTableElement && g.classList.add("social-friends-grid"), {
 		section: l,
-		mainTable: u,
-		friendsList: d
+		mainTable: d,
+		friendsList: f
 	};
 }
-function d(e) {
-	let { dom: t, triage: a, renderSupportingInfo: o, renderNameSuffix: s } = e, c = t.createElement("section");
+function o(r) {
+	let { dom: i, triage: a, renderSupportingInfo: o, renderNameSuffix: s } = r, c = i.createElement("section");
 	c.className = "social-pane__requests social-primary__panel", c.id = "social-panel-requests", c.setAttribute("role", "tabpanel"), c.setAttribute("aria-labelledby", "social-tab-requests");
-	let l = c.appendChild(t.createElement("div"));
+	let l = c.appendChild(i.createElement("div"));
 	l.classList.add("social-main", "social-main--requests", "flex-column");
-	let u = l.appendChild(t.createElement("p"));
+	let u = l.appendChild(i.createElement("p"));
 	u.className = "social-requests__note", u.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.";
-	let d = function(e, n, r) {
-		let i = l.appendChild(t.createElement("section"));
-		i.classList.add("social-requests__group", "flex-column");
-		let a = i.appendChild(t.createElement("div"));
+	let d = function(e, t, n) {
+		let r = l.appendChild(i.createElement("section"));
+		r.classList.add("social-requests__group", "flex-column");
+		let a = r.appendChild(i.createElement("div"));
 		a.className = "social-requests__group-header";
-		let o = a.appendChild(t.createElement("h2"));
+		let o = a.appendChild(i.createElement("h2"));
 		o.className = "social-requests__group-title", o.textContent = e;
-		let s = a.appendChild(t.createElement("p"));
-		s.className = "social-requests__group-description", s.textContent = n;
-		let c = i.appendChild(t.createElement("p"));
-		c.className = "social-requests__empty", c.textContent = r;
-		let u = i.appendChild(t.createElement("table"));
+		let s = a.appendChild(i.createElement("p"));
+		s.className = "social-requests__group-description", s.textContent = t;
+		let c = r.appendChild(i.createElement("p"));
+		c.className = "social-requests__empty", c.textContent = n;
+		let u = r.appendChild(i.createElement("table"));
 		return u.className = "social-main social-friends-list social-friends-grid social-requests__table", {
 			empty: c,
 			table: u
 		};
-	}, f = d("Incoming requests", "People who say they know this profile, but have not been confirmed yet.", "No incoming requests are visible from the currently loaded data."), p = d("Awaiting confirmation", "People this profile knows who have not linked back yet.", "Nothing is waiting for confirmation right now."), m = function(e) {
-		return i.personTR(t, n.foaf("knows"), e, {
+	}, f = d("Incoming requests", "People who say they know this profile, but have not been confirmed yet.", "No incoming requests are visible from the currently loaded data."), p = d("Awaiting confirmation", "People this profile knows who have not linked back yet.", "Nothing is waiting for confirmation right now."), m = function(t) {
+		return n.personTR(i, e.foaf("knows"), t, {
 			renderSupportingInfo: o,
 			renderNameSuffix: s
 		});
 	}, h = function(e) {
-		return [...e].sort((e, t) => {
-			let n = r.label(e) || e.value, i = r.label(t) || t.value;
-			return n.localeCompare(i);
+		return [...e].sort((e, n) => {
+			let r = t.label(e) || e.value, i = t.label(n) || n.value;
+			return r.localeCompare(i);
 		});
-	}, g = function(e, t) {
-		let n = h(t);
-		e.empty.hidden = n.length > 0, e.table.hidden = n.length === 0, r.syncTableToArray(e.table, n, m, function(e, t) {
+	}, g = function(e, n) {
+		let r = h(n);
+		e.empty.hidden = r.length > 0, e.table.hidden = r.length === 0, t.syncTableToArray(e.table, r, m, function(e, t) {
 			return m(t);
 		});
 	}, _ = function(e) {
@@ -217,6 +140,6 @@ function d(e) {
 	};
 }
 //#endregion
-export { u as createAllFriendsSection, s as createHeaderSection, l as createMutualSection, d as createRequestsSection };
+export { a as createAllFriendsSection, i as createMutualSection, o as createRequestsSection };
 
 //# sourceMappingURL=socialSections.esm.js.map

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

@@ -1 +1 @@
-{"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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"}
+{"version":3,"file":"socialSections.esm.js","names":["createMutualSection","options","refreshMutualFriends","mutualSection","dom","mutualContent","relationshipSummary","createRelationshipLine","line","youAndThem","link","text","meUri","familiar","subject","incoming","outgoing","incomingLine","confirmLabel","relationshipForm","buildCheckboxForm","Statement","me","knows","profile","editable","mutualConnections","mutualFriendsTable","createMutualRow","widgets","ns","target","sortedMutualConnections","leftLabel","utils","left","rightLabel","right","thing","createAllFriendsSection","allFriends","confirmationContainer","mainTable","friendsList","friendsListRow","dropCell","itemsCell","hint","friendsItemsTable","createRequestsSection","requestsSection","requestsContent","note","createRequestGroup","group","header","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'\n// import { 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'\nimport type { ViewerMode } from '../types'\n\nexport type HeaderControls = {\n  canEdit: boolean,\n  viewerMode: ViewerMode\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  pronouns?: 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    }\n\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 pronounsSpan = dom.createElement('span')\n    pronounsSpan.classList.add('social-pane_header-pronouns')\n    headerSummary.appendChild(pronounsSpan)\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 confirmationContainer = allFriends.appendChild(dom.createElement('div'))\n  confirmationContainer.className = 'social-friends-delete-confirmation'\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    confirmationContainer,\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.rows[0]\n  const dropCell = friendsListRow.cells[0]\n  const itemsCell = friendsListRow.cells[1]\n  // Keep attachmentList's wired drop cell and move the grid into it, so drops\n  // anywhere in the list use the widget's existing save and refresh handlers.\n  dropCell.replaceChildren(...Array.from(itemsCell.childNodes))\n  dropCell.classList.add('social-friends-list-surface')\n  itemsCell.remove()\n\n  if (editable) {\n    const hint = dom.createElement('p')\n    hint.className = 'social-friends-drop-hint'\n    hint.textContent = 'Drop a WebID anywhere here to add a friend.'\n    dropCell.prepend(hint)\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.map

@@ -1 +1 @@
-{"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"}
+{"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":"A,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,C"}

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

@@ -1 +1 @@
-{"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"}
+{"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":"A,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,E"}

package/dist/tableViewPane.cjs.js.map

@@ -1 +1 @@
-{"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"}
+{"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":"A,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,E"}