solid-panes 5.1.0-1 → 5.1.0-3

package/dist/outline/manager2.esm.js

@@ -1,33 +1,49 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.obj{vertical-align:top;border:none;margin:.2em;padding:0 0 5px}.iconTD{vertical-align:top;border:none;width:0;margin:.2em;padding:0}.labelTD{width:100%}.file-explorer-header{flex-wrap:wrap;justify-content:flex-start;align-items:center;display:flex}.strongHeader{margin:0 .6rem 0 0;padding:.1rem .4rem;font-size:150%}.tableFullWidth{width:100%;background:var(--color-background,#f8f9fb)!important}.placeholderTable{width:100%}.tdFlex{vertical-align:top;border-radius:5px;flex-direction:row;justify-content:space-between;display:flex;overflow:hidden}.paneDiv,.exceptionPane{box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block;overflow-x:hidden}.objectValue--literal{white-space:pre-wrap}.objectValue--integer,.objectValue--decimal,.objectValue--double{text-align:right;display:block}.objectValueAccessIcon,.objectValueLinkIcon,.phoneIcon{vertical-align:middle;display:inline-block}.objectValueLinkIcon,.phoneIcon{width:12px;height:12px}@media (width<=600px){.obj,.iconTD{vertical-align:top;font-size:100%;margin:0!important}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.obj{vertical-align:top;border:none;margin:.2em;padding:0 0 5px}.iconTD{vertical-align:top;border:none;width:0;margin:.2em;padding:0}.labelTD{width:100%}.strongHeader{margin:0 .6rem 0 0;padding:.1rem .4rem;font-size:150%}.tableFullWidth{width:100%;background:var(--color-background,#f8f9fb)!important}.placeholderTable{width:100%}.tdFlex{vertical-align:top;border-radius:5px;flex-direction:row;justify-content:space-between;display:flex;overflow:hidden}solid-ui-file-explorer-provider{flex-direction:column;gap:0;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}solid-ui-file-explorer-provider.tdFlex{flex-direction:column;align-items:stretch}solid-ui-file-explorer-provider>solid-ui-file-explorer-header{flex:none;width:100%}solid-ui-file-explorer-provider>.paneDiv,solid-ui-file-explorer-provider>.exceptionPane{flex:auto;width:100%;min-height:0;margin:0;overflow:hidden auto}.paneDiv,.exceptionPane{box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:block;overflow-x:hidden}.objectValue--literal{white-space:pre-wrap}.objectValue--integer,.objectValue--decimal,.objectValue--double{text-align:right;display:block}.objectValueAccessIcon,.objectValueLinkIcon,.phoneIcon{vertical-align:middle;display:inline-block}.objectValueLinkIcon,.phoneIcon{width:12px;height:12px}@media (width<=600px){.obj,.iconTD{vertical-align:top;font-size:100%;margin:0!important}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
 import { propertyViews as e } from "./propertyViews.esm.js";
 import { outlineIcons as t } from "./outlineIcons.esm.js";
 import { UserInput as n } from "./userInput.esm.js";
 import { QuerySource as r } from "./queryByExample.esm.js";
 import { isWebIdUri as i } from "../utils/webIdUtils.esm.js";
 import { loadContainerRepresentation as a } from "../utils/podUtils.esm.js";
-import { deriveExplorerHeader as o } from "../navigation/chrome.esm.js";
-import { isPageInViewerPod as s } from "../navigation/podContext.esm.js";
-import { nextHistoryState as c } from "../navigation/state.esm.js";
-import { announceNavigation as l } from "../navigation/events.esm.js";
-import { resolveSource as u } from "../navigation/options.esm.js";
-import { refreshNavbarVisibility as d } from "../navigation/navbarVisibility.esm.js";
-import "../components/file-explorer-header/index.esm.js";
-import * as f from "solid-ui";
-import { store as p } from "solid-logic";
-import * as m from "pane-registry";
-import * as h from "rdflib";
-//#region src/outline/manager.js
+import { deriveExplorerHeader as o, explorerHeaderForPane as s } from "../navigation/chrome.esm.js";
+import { isPageInViewerPod as c } from "../navigation/podContext.esm.js";
+import { nextHistoryState as l } from "../navigation/state.esm.js";
+import { announceNavigation as u } from "../navigation/events.esm.js";
+import { resolveFolderView as d, resolveSource as f } from "../navigation/options.esm.js";
+import { refreshNavbarVisibility as p } from "../navigation/navbarVisibility.esm.js";
+import { createOutlineDomHelpers as m } from "./outlineDomHelpers.esm.js";
+import { getPaneIcon as h, getPaneItems as g } from "./fileExplorerHelpers.esm.js";
+import * as _ from "solid-ui";
+import { solidLogicSingleton as v, store as y } from "solid-logic";
+import * as b from "pane-registry";
+import * as x from "rdflib";
+import "solid-ui/components/file-explorer-provider";
+import "solid-ui/components/file-explorer-header";
+import "solid-ui/components/error-state";
+import S from "solid-ui/components/access-control-modal";
+// src/outline/manager.js
 /* istanbul ignore file */
-function g(g) {
-	let _ = g.dom;
-	this.document = g.dom, this.context = g, this.outlineIcons = t, this.labeller = this.labeller || {}, this.labeller.LanguagePreference = "";
-	let v = this, y = this, b = [];
-	this.selection = b, this.ancestor = f.utils.ancestor, this.sparql = h.UpdateManager, this.kb = p;
-	let x = p, S = p.fetcher;
-	_.outline = this, this.qs = new r(), this.UserInput = new n(this), this.clipboardAddress = "tabulator:clipboard", this.UserInput.clipboardInit(this.clipboardAddress);
-	let C = this.outlineElement;
-	this.init = function() {
-		let e = E();
+var C = "solid-ui-file-explorer-provider";
+function w(w) {
+	let T = w.dom, E = /* @__PURE__ */ new WeakMap(), D = /* @__PURE__ */ new WeakSet();
+	this.document = w.dom, this.context = w, this.outlineIcons = t, this.labeller = this.labeller || {}, this.labeller.LanguagePreference = "";
+	let O = this, k = this, A = [];
+	this.selection = A, this.ancestor = _.utils.ancestor, this.sparql = x.UpdateManager, this.kb = y;
+	let j = y, M = y.fetcher;
+	T.outline = this, this.qs = new r(), this.UserInput = new n(this), this.clipboardAddress = "tabulator:clipboard", this.UserInput.clipboardInit(this.clipboardAddress);
+	let { outlineObjectDiv: N, outlinePredicateDiv: P, termWidget: F } = m({
+		dom: T,
+		UI: _,
+		kb: y,
+		outlineIcons: t,
+		expandMouseDownListener: ue,
+		selectableTDClickListener: he,
+		setSelected: K,
+		viewAsBoringDefault: ye,
+		removeNodeIconMouseDownListener: me
+	});
+	this.outlineObjectDiv = N, this.outlinePredicateDiv = P, this.outlineObjectTD = N, this.outlinePredicateTD = P, this.termWidget = F, this.init = function() {
+		let e = ee();
 		e.outline = this;
 	}, this.getLayoutMode = function() {
 		let e = this.context?.environment?.layout;
@@ -37,220 +53,240 @@ function g(g) {
 			return e <= 768 || t && e <= 1024 ? "mobile" : "desktop";
 		}
 		return "desktop";
-	}, w.lastkbsize = 0;
-	function w(e) {
+	}, I.lastkbsize = 0;
+	function I(e) {
 		let t = [];
 		for (let e = arguments.length - 1; e > 0; e--) t[e - 1] = arguments[e];
 		let n = (/* @__PURE__ */ new Date()).getTime(), r = e.apply(e, t), i = (/* @__PURE__ */ new Date()).getTime();
-		return f.log.info("BENCHMARK: kb delta: " + (x.statements.length - w.lastkbsize) + ", time elapsed for " + e + " was " + (i - n) + "ms"), w.lastkbsize = x.statements.length, r;
-	}
-	function T(e, n, r) {
-		let i = f.utils.AJARImage(t.src.icon_remove_node, "remove", void 0, _);
-		return i.addEventListener("click", ae), i.node = r, i.setAttribute("about", n.toNT()), i.style.marginLeft = "5px", i.style.marginRight = "10px", e.appendChild(i), i;
+		return _.log.info("BENCHMARK: kb delta: " + (j.statements.length - I.lastkbsize) + ", time elapsed for " + e + " was " + (i - n) + "ms"), I.lastkbsize = j.statements.length, r;
 	}
 	this.appendAccessIcons = function(e, t, n) {
 		if (n.termType !== "NamedNode") return;
 		let r = e.uris(n);
 		r.sort();
 		let i = null;
-		for (let e = 0; e < r.length; e++) r[e] !== i && (i = r[e], y.appendAccessIcon(t, i));
+		for (let e = 0; e < r.length; e++) r[e] !== i && (i = r[e], k.appendAccessIcon(t, i));
 	}, this.appendAccessIcon = function(e, n) {
 		if (!n) return "";
-		let r = h.uri.docpart(n);
+		let r = x.uri.docpart(n);
 		if (r.slice(0, 5) !== "http:") return "";
-		let i = S.getState(r), a, o, s;
+		let i = M.getState(r), a, o, s;
 		switch (i) {
 			case "unrequested":
-				a = t.src.icon_unrequested, o = "fetch", s = ie;
+				a = t.src.icon_unrequested, o = "fetch", s = pe;
 				break;
 			case "requested":
-				a = t.src.icon_requested, o = "fetching", s = G;
+				a = t.src.icon_requested, o = "fetching", s = Y;
 				break;
 			case "fetched":
-				a = t.src.icon_fetched, s = K, o = "loaded";
+				a = t.src.icon_fetched, s = fe, o = "loaded";
 				break;
 			case "failed":
-				a = t.src.icon_failed, o = "failed", s = G;
+				a = t.src.icon_failed, o = "failed", s = Y;
 				break;
 			case "unpermitted":
-				a = t.src.icon_failed, s = G, o = "no perm";
+				a = t.src.icon_failed, s = Y, o = "no perm";
 				break;
 			case "unfetchable":
-				a = t.src.icon_failed, s = G, o = "cannot fetch";
-				break;
-			default: f.log.error("?? state = " + i);
-		}
-		let c = f.utils.AJARImage(a, o, t.tooltips[a].replace(/[Tt]his resource/, r), _);
-		return c.classList.add("objectValueAccessIcon"), c.setAttribute("uri", n), c.addEventListener("click", s), I(c, r), e.appendChild(c), c;
-	}, this.outlineObjectTD = function(e, t, n, r) {
-		let i = _.createElement("td");
-		return i.classList.add("obj"), i.setAttribute("notSelectable", "false"), e ? ((e.termType === "NamedNode" || e.termType === "BlankNode" || e.termType === "Literal" && e.value.slice && (e.value.slice(0, 6) === "ftp://" || e.value.slice(0, 8) === "https://" || e.value.slice(0, 7) === "http://")) && (i.setAttribute("about", e.toNT()), i.appendChild(f.utils.AJARImage(f.icons.originalIconBase + "tbl-expand-trans.png", "expand", void 0, _)).addEventListener("click", U)), i.setAttribute("class", "obj"), x.whether(e, f.ns.rdf("type"), f.ns.link("Request")) && (i.className = "undetermined"), t ||= le, i.appendChild(t(e)), n && T(i, e, n), i.tabulatorSelect = function() {
-			V(this, !0);
-		}, i.tabulatorDeselect = function() {
-			V(this, !1);
-		}, i.addEventListener("click", q), i) : (i.textContent = "No object available.", i);
-	}, this.outlinePredicateTD = function(e, n, r, i) {
-		let a = _.createElement("TD");
-		a.setAttribute("about", e.toNT()), a.setAttribute("class", i ? "pred internal" : "pred");
-		let o;
-		switch (e.termType) {
-			case "BlankNode":
-				a.className = "undetermined";
+				a = t.src.icon_failed, s = Y, o = "cannot fetch";
 				break;
-			case "NamedNode":
-				o = f.utils.predicateLabelForXML(e, r);
-				break;
-			case "Collection": o = f.utils.predicateLabelForXML(e.elements[0], r);
-		}
-		o = o ? o.slice(0, 1).toUpperCase() + o.slice(1) : "...";
-		let s = _.createElement("TD");
-		s.classList.add("labelTD"), s.setAttribute("notSelectable", "true"), s.appendChild(_.createTextNode(o)), a.appendChild(s), s.style.width = "100%", a.appendChild(F.construct(_));
-		for (let e in t.termWidgets) {
-			if (!n || !n.AJAR_statement) break;
-			t.termWidgets[e].filter && t.termWidgets[e].filter(n.AJAR_statement, "pred", r) && F.addIcon(a, t.termWidgets[e]);
+			default: _.log.error("?? state = " + i);
 		}
-		return a.tabulatorSelect = function() {
-			V(this, !0);
-		}, a.tabulatorDeselect = function() {
-			V(this, !1);
-		}, a.addEventListener("click", q), a;
+		let c = _.utils.AJARImage(a, o, t.tooltips[a].replace(/[Tt]his resource/, r), T);
+		return c.classList.add("objectValueAccessIcon"), c.setAttribute("uri", n), c.addEventListener("click", s), le(c, r), e.appendChild(c), c;
 	};
-	function E() {
-		return ee("OutlineView", "Resource browser");
+	function ee() {
+		return ne("OutlineView", "Resource browser");
 	}
-	function D(e) {
-		d(e.uri).catch((e) => f.log.error("Failed to update navbar visibility: " + e));
+	function te(e) {
+		p(e.uri).catch((e) => _.log.error("Failed to update navbar visibility: " + e));
 	}
-	function ee(e) {
-		if (document.getElementById("MainContent") || document.body, e === "OutlineView") {
+	function ne(e) {
+		if (e === "OutlineView") {
 			let e = document.getElementById("OutlineView");
 			if (e) return e;
 			let t = document.getElementById("MainContent") || document.body;
 			if (t) {
-				let e = document.createElement("table");
+				let e = document.createElement("div");
 				return e.id = "OutlineView", e.classList.add("outline-view"), e.setAttribute("aria-label", "Resource browser"), t.appendChild(e), e;
 			}
 		}
 	}
-	async function te(e, t) {
-		e.uri.endsWith("/") && await a(e);
-		let n = t.session.paneRegistry, r = n.list.filter((n) => n.label(e, t) && !n.global && n.name !== "sharing");
-		if (r.length === 0) return [n.byName("internal")];
-		let i = await f.login.filterAvailablePanes(r);
-		return i.length === 0 ? [r[0]] : n.list.indexOf(r[0]) < n.list.indexOf(i[0]) ? [r[0]].concat(i) : i;
+	async function re(e, t) {
+		return e.uri.endsWith("/") && await a(e), _.getRelevantPanes(e, t, {
+			excludedPaneNames: ["sharing"],
+			fallbackPaneName: "internal"
+		});
 	}
-	function ne(e, t) {
+	function ie(e, t) {
 		return e.find((e) => e.shouldGetFocus && e.shouldGetFocus(t)) || e[0];
 	}
-	function re(e) {
-		let t = _.getElementById("queryButton");
+	function ae(e) {
+		let t = T.getElementById("queryButton");
 		t && (e ? t.removeAttribute("style") : t.setAttribute("style", "display:none;"));
 	}
-	function O(e, t, n, r) {
+	function L(e, t, n, r) {
 		if (!e || !n) return;
 		let i;
 		try {
-			f.log.info("outline: Rendering pane (menu): " + n.name), i = n.render(t, g, r);
+			_.log.info("outline: Rendering pane (menu): " + n.name), i = n.render(t, w, r);
 		} catch (e) {
-			i = _.createElement("div"), i.setAttribute("class", "exceptionPane");
-			let t = _.createElement("pre");
-			i.appendChild(t), t.appendChild(_.createTextNode(f.utils.stackString(e)));
+			i = T.createElement("div"), i.setAttribute("class", "exceptionPane");
+			let t = T.createElement("pre");
+			i.appendChild(t), t.appendChild(T.createTextNode(_.utils.stackString(e)));
 		}
-		i.classList.add("paneDiv");
-		let a = e.querySelector(".paneDiv");
-		a ? a.replaceWith(i) : e.appendChild(i);
+		z(e, t, n, i);
 	}
-	function k(e, t) {
-		let n = _.getElementById("OutlineView");
-		if (!n) return;
-		let r = e.toNT(), i = n.querySelector("td.paneView[about=\"" + r + "\"]");
-		if (!i) return;
-		let a = i.querySelector("file-explorer-provider");
-		a && (t ? (re(!!t.requireQueryButton), a.openSelectedPane?.(t), O(a, e, t, a.paneRenderOptions)) : f.log.warn("outline: Unable to open pane in place: pane is undefined."));
+	function R(e, t, n) {
+		n ? (ae(!!n.requireQueryButton), e.pane = n, L(e, t, n, E.get(e)?.options || {})) : _.log.warn("outline: Unable to open pane in place: pane is undefined.");
 	}
-	async function A(e, t, n) {
-		n ||= {};
-		let r = _.createElement("tr");
-		n.hover && r.classList.add("hoverControl");
-		let a = r.appendChild(_.createElement("td"));
-		a.classList.add("paneView", "tdFlex"), a.setAttribute("notSelectable", "true"), a.setAttribute("about", e.toNT()), a.setAttribute("colspan", "2");
-		let c = a.appendChild(_.createElement("file-explorer-provider"));
-		c.context = g, c.subjectUri = e.uri, c.onBack = () => W({ target: c });
-		let l = n.hideList ? [] : await te(e, g);
-		c.relevantPanes = l, c.pane = t || ne(l, e);
-		let u = !!(e && e.uri && e.site && e.site().uri === e.uri), d = !!n.headerOnlyInViewerPod;
-		return c.showHeader = o({
-			isRootResource: u,
+	function z(e, t, n, r) {
+		let i = E.get(e);
+		_.composeExplorer(e, {
+			context: w,
+			subjectUri: t.uri,
+			pane: n,
+			relevantPanes: e.relevantPanes || [],
+			header: i && s(i.showHeader, n?.name, i.options.folderView) ? {
+				paneIcon: h(n, t, w),
+				menuItems: i.menuItems
+			} : void 0,
+			paneElement: r
+		});
+	}
+	async function oe(e, t, n, r) {
+		n ||= {}, r ||= T.createElement(C);
+		let a = {
+			generation: (E.get(r)?.generation || 0) + 1,
+			menuItems: [],
+			options: n
+		};
+		E.set(r, a), r.classList.add("paneView", "tdFlex"), r.setAttribute("notSelectable", "true"), r.setAttribute("role", "grid"), r.setAttribute("about", e.toNT()), n.hover && r.classList.add("hoverControl"), r.context = w, r.subjectUri = e.uri, r.soloPane = n.solo, D.has(r) || (r.addEventListener(_.FILE_EXPLORER_BACK_EVENT, (e) => {
+			_.isExplorerEvent(e, r) && (e.stopPropagation(), de({ target: r }));
+		}), r.addEventListener(_.FILE_EXPLORER_MANAGE_ACCESS_EVENT, (e) => {
+			e.stopPropagation();
+			let t = x.sym(e.detail.subjectUri).doc();
+			v.acl.findAccessGrants(t).then((e) => {
+				_.showDialog(S, { props: {
+					subjectUri: t.uri,
+					accessGrants: e
+				} });
+			}).catch((e) => {
+				_.log.error("outline: Failed to open access controls: " + _.utils.stackString(e));
+			});
+		}), r.addEventListener(_.FILE_EXPLORER_OPEN_PANE_EVENT, (e) => {
+			if (!_.isExplorerEvent(e, r)) return;
+			e.stopPropagation();
+			let t = w.session.paneRegistry.byName(e.detail.paneName);
+			R(r, x.sym(e.detail.subjectUri), t);
+		}), D.add(r));
+		let s = n.hideList ? [] : await re(e, w);
+		if (E.get(r) !== a) return r;
+		let l = w.session.logic?.resource || v.resource, u = e.uri.endsWith("/") ? x.sym(`${e.uri}index.ttl`) : null;
+		if (n.solo && !t && !n.folderView && u && (typeof l?.containerHasIndexDocument == "function" && l.containerHasIndexDocument(e) || j.holds(e, _.ns.ldp("contains"), u, e.doc()))) {
+			if (e = typeof l?.getContainerIndexThing == "function" ? l.getContainerIndexThing(e) : x.sym(`${u.uri}#this`), await j.fetcher.load(e.doc()), s = await re(e, w), E.get(r) !== a) return r;
+			r.subjectUri = e.uri, r.setAttribute("about", e.toNT());
+		}
+		r.relevantPanes = s, r.pane = t || ie(s, e);
+		let d = !!(e && e.uri && e.site && e.site().uri === e.uri), f = !!n.headerOnlyInViewerPod, p = !e.uri.endsWith("/index.ttl#this") && o({
+			isRootResource: d,
 			isWebId: i(e),
-			viewerPodOnly: d,
-			inViewerPod: !d || await s(document.location.href)
-		}), c.paneRenderOptions = n, c.soloPane = n.solo, c.openPane = (e, t) => k(e, m.byName(t)), c.handleAccessClick = () => k(e, m.byName("sharing")), c.pane && (r.classList.add("outlinePaneRow"), O(c, e, c.pane, n)), r;
-	}
-	function j(e) {
-		let t = e.parentNode, n = t.parentNode, r = _.createElement("table");
-		r.classList.add("placeholderTable"), n.replaceChild(r, t), t.removeChild(e), n.replaceChild(t, r);
-	}
-	let M = this.propertyTable = function(e, t, n, r) {
-		return f.log.debug("Property table for: " + e), e = x.canon(e), t ? (f.log.info("Re-expand: " + t), t) : (t = _.createElement("table"), t.classList.add("tableFullWidth"), A(e, n, r).then((e) => {
-			t.appendChild(e);
-		}), t);
+			viewerPodOnly: f,
+			inViewerPod: !f || await c(T.location.href)
+		});
+		if (E.get(r) !== a) return r;
+		if (a.showHeader = p, r.paneRenderOptions = n, r.soloPane = n.solo, r.openPane = (e, t) => R(r, e, b.byName(t)), r.handleAccessClick = async () => {
+			try {
+				let t = e.doc(), n = await v.acl.findAccessGrants(t);
+				_.showDialog(S, { props: {
+					subjectUri: t.uri,
+					accessGrants: n
+				} });
+			} catch (e) {
+				_.log.error("outline: Failed to open access controls: " + _.utils.stackString(e));
+			}
+		}, r.pane ? L(r, e, r.pane, n) : z(r, e, r.pane), p) {
+			let t = await g(e, w, s, (e, t) => {
+				r.dispatchEvent(new CustomEvent(_.FILE_EXPLORER_OPEN_PANE_EVENT, {
+					bubbles: !0,
+					composed: !0,
+					detail: {
+						subjectUri: e.uri,
+						paneName: t
+					}
+				}));
+			});
+			E.get(r) === a && (a.menuItems = t, z(r, e, r.pane));
+		}
+		return r;
+	}
+	function se(e) {
+		let t = e.parentNode, n = t.parentNode, r = T.createElement("div");
+		n.replaceChild(r, t), t.removeChild(e), n.replaceChild(t, r);
+	}
+	let B = this.propertyTable = function(e, t, n, r) {
+		_.log.debug("Property block for: " + e), e = j.canon(e);
+		let i = t ? t.matches?.(C) ? t : t.firstElementChild || t : T.createElement(C);
+		return oe(e, n, r, i).catch((e) => {
+			_.log.error("outline: Failed to set up file explorer: " + _.utils.stackString(e));
+		}), t && _.log.info("Re-expand: " + t), t || i;
 	};
-	function N(e, t, n) {
-		let r = e.createElement("TR");
-		r.AJAR_statement = t, r.AJAR_inverse = n, r.setAttribute("predTR", "true");
-		let i = y.outlinePredicateTD(t.predicate, r, n);
+	function V(e, t, n) {
+		let r = e.createElement("div");
+		r.AJAR_statement = t, r.AJAR_inverse = n, r.setAttribute("predTR", "true"), r.setAttribute("role", "row");
+		let i = k.outlinePredicateDiv(t.predicate, r, n);
 		return r.appendChild(i), r;
 	}
-	this.propertyTR = N;
-	function P(e, t, n, r) {
-		if (f.log.debug("Property list length = " + t.length), t.length === 0) return "";
+	this.propertyTR = V;
+	function ce(e, t, n, r) {
+		if (_.log.debug("Property list length = " + t.length), t.length === 0) return "";
 		let i, a, o;
 		n ? (i = function(e) {
 			return e.subject;
-		}, t = t.sort(f.utils.RDFComparePredicateSubject)) : (i = function(e) {
+		}, t = t.sort(_.utils.RDFComparePredicateSubject)) : (i = function(e) {
 			return e.object;
-		}, t = t.sort(f.utils.RDFComparePredicateObject));
+		}, t = t.sort(_.utils.RDFComparePredicateObject));
 		let s = t.length;
 		for (a = 0; a < s; a++) {
 			let c = t[a];
 			if (r && !r(c.predicate, n)) continue;
-			let l = N(_, c, n);
+			let l = V(T, c, n);
 			e.appendChild(l);
-			let u = l.firstChild, d = $.defaults[c.predicate.uri], p = 0, m = 0, h = 0;
-			for (o = 0; o + a < s && t[a + o].predicate.sameTerm(c.predicate); o++) o > 0 && i(t[a + o]).sameTerm(i(t[a + o - 1])) && p++, i(t[a + o]).lang && v.labeller.LanguagePreference && (m += 1, i(t[a + o]).lang.indexOf(v.labeller.LanguagePreference) >= 0 && h++);
-			if (h > 0 && m === p + 1) {
-				for (let e = a; e <= a + p; e++) if (v.labeller.LanguagePreference && i(t[e]).lang.indexOf(v.labeller.LanguagePreference) >= 0) {
-					l.appendChild(y.outlineObjectTD(i(t[e]), d, void 0, c));
+			let u = l.firstChild, d = $.defaults[c.predicate.uri], f = 0, p = 0, m = 0;
+			for (o = 0; o + a < s && t[a + o].predicate.sameTerm(c.predicate); o++) o > 0 && i(t[a + o]).sameTerm(i(t[a + o - 1])) && f++, i(t[a + o]).lang && O.labeller.LanguagePreference && (p += 1, i(t[a + o]).lang.indexOf(O.labeller.LanguagePreference) >= 0 && m++);
+			if (m > 0 && p === f + 1) {
+				for (let e = a; e <= a + f; e++) if (O.labeller.LanguagePreference && i(t[e]).lang.indexOf(O.labeller.LanguagePreference) >= 0) {
+					l.appendChild(k.outlineObjectDiv(i(t[e]), d, void 0, c));
 					break;
 				}
-				a += p;
-			} else l.appendChild(y.outlineObjectTD(i(c), d, void 0, c)), l.showNobj = function(r) {
-				let s = o - p, l = 2 * r < s ? r : s, m = [];
+				a += f;
+			} else l.appendChild(k.outlineObjectDiv(i(c), d, void 0, c)), l.showNobj = function(r) {
+				let s = o - f, l = 2 * r < s ? r : s, p = [];
 				if (s !== 1) {
 					u.setAttribute("rowspan", l === s ? s : r + 1);
-					let p;
+					let f;
 					l < s && l === 1 && u.setAttribute("rowspan", 2);
-					let h = 0;
-					for (p = 1; p < o; p++) if (x.canon(i(t[a + p])).sameTerm(x.canon(i(t[a + p - 1])))) f.log.info("there are duplicates here: %s", t[a + p - 1]);
+					let m = 0;
+					for (f = 1; f < o; f++) if (j.canon(i(t[a + f])).sameTerm(j.canon(i(t[a + f - 1])))) _.log.info("there are duplicates here: %s", t[a + f - 1]);
 					else {
-						h++, c = t[a + p], d = $.defaults[c.predicate.uri];
-						let r = _.createElement("tr");
-						r.style.colspan = "1", r.appendChild(y.outlineObjectTD(i(t[a + p]), d, void 0, c)), r.AJAR_statement = c, r.AJAR_inverse = n, e.appendChild(r), h >= l && (r.style.display = "none", m.push(r));
+						m++, c = t[a + f], d = $.defaults[c.predicate.uri];
+						let r = T.createElement("div");
+						r.style.colspan = "1", r.appendChild(k.outlineObjectDiv(i(t[a + f]), d, void 0, c)), r.AJAR_statement = c, r.AJAR_inverse = n, e.appendChild(r), m >= l && (r.style.display = "none", p.push(r));
 					}
-					l === s && u.setAttribute("rowspan", h + 1);
+					l === s && u.setAttribute("rowspan", m + 1);
 				}
 				if (l < s) {
-					let t = _.createElement("tr"), n = t.appendChild(_.createElement("td"));
-					if (n.classList.add("obj"), n.setAttribute("notSelectable", "false"), s > r) {
-						let e = _.createElement("a");
+					let t = T.createElement("div"), n = t.appendChild(T.createElement("div"));
+					if (n.setAttribute("style", "margin: 0.2em; border: none; padding: 0; vertical-align: top;"), n.classList.add("obj"), n.setAttribute("notSelectable", "false"), s > r) {
+						let e = T.createElement("a");
 						n.appendChild(e);
 						let t = (function(e) {
-							return e(u, o, p, r);
+							return e(u, o, f, r);
 						})(function(t, n, r, i) {
 							return function(n) {
-								e.innerHTML = "", n === "none" ? (e.appendChild(f.utils.AJARImage(f.icons.originalIconBase + "tbl-more-trans.png", "more", "See all", _)), e.appendChild(_.createTextNode(s - i + " more...")), t.setAttribute("rowspan", i + 1)) : (e.appendChild(f.utils.AJARImage(f.icons.originalIconBase + "tbl-shrink.png", "(less)", void 0, _)), t.setAttribute("rowspan", s + 1));
-								for (let e = 0; e < m.length; e++) {
-									let t = m[e];
+								e.innerHTML = "", n === "none" ? (e.appendChild(_.utils.AJARImage(_.icons.originalIconBase + "tbl-more-trans.png", "more", "See all", T)), e.appendChild(T.createTextNode(s - i + " more...")), t.setAttribute("rowspan", i + 1)) : (e.appendChild(_.utils.AJARImage(_.icons.originalIconBase + "tbl-shrink.png", "(less)", void 0, T)), t.setAttribute("rowspan", s + 1));
+								for (let e = 0; e < p.length; e++) {
+									let t = p[e];
 									t.style.display = n;
 								}
 							};
@@ -262,115 +298,91 @@ function g(g) {
 					e.appendChild(t);
 				}
 			}, l.showAllobj = function() {
-				l.showNobj(o - p);
+				l.showNobj(o - f);
 			}, l.showNobj(10), a += o - 1;
 		}
 	}
-	this.appendPropertyTRs = P;
-	let F = {};
-	globalThis.termWidget = F, F.construct = function(e) {
-		e ||= document;
-		let t = e.createElement("TD");
-		return t.setAttribute("class", "iconTD"), t.setAttribute("notSelectable", "true"), t;
-	}, F.addIcon = function(e, t, n) {
-		let r = e.childNodes[1];
-		if (!r) return;
-		let i = f.utils.AJARImage(t.src, t.alt, t.tooltip, _);
-		r.appendChild(i), n && i.addEventListener("click", n);
-	}, F.removeIcon = function(e, t) {
-		let n = e.childNodes[1], r;
-		if (n) for (let e = 0; e < n.childNodes.length; e++) {
-			let i = n.childNodes[e], a = i.src;
-			try {
-				r = _.location.href.split("?")[0];
-			} catch {
-				r = "";
-			}
-			a === h.uri.join(t.src, r) && n.removeChild(i);
-		}
-	}, F.replaceIcon = function(e, t, n, r) {
-		F.removeIcon(e, t), F.addIcon(e, n, r);
-	};
-	function I(e, n) {
-		f.log.debug("Button callbacks for " + n + " added");
+	this.appendPropertyTRs = ce;
+	function le(e, n) {
+		_.log.debug("Button callbacks for " + n + " added");
 		let r = function(r) {
 			return function(i) {
-				return i.indexOf("#"), !e || !v.ancestor(e, "DIV") ? !1 : (i === n && (e.src = r, e.title = t.tooltips[r]), !0);
+				return i.indexOf("#"), !e || !O.ancestor(e, "DIV") ? !1 : (i === n && (e.src = r, e.title = t.tooltips[r]), !0);
 			};
 		};
-		S.addCallback("request", r(t.src.icon_requested)), S.addCallback("done", r(t.src.icon_fetched)), S.addCallback("fail", r(t.src.icon_failed));
+		M.addCallback("request", r(t.src.icon_requested)), M.addCallback("done", r(t.src.icon_fetched)), M.addCallback("fail", r(t.src.icon_failed));
 	}
-	function L(e) {
+	function H(e) {
 		let t = e.getAttribute("class");
 		return !!(t && t.indexOf("selected") >= 0);
 	}
-	function R(e) {
-		let n = y.targetOf(e).parentNode;
-		F.replaceIcon(n.parentNode, t.termWidgets.optOn, t.termWidgets.optOff, z), n.parentNode.parentNode.removeAttribute("optional");
+	function U(e) {
+		let n = k.targetOf(e).parentNode;
+		F.replaceIcon(n.parentNode, t.termWidgets.optOn, t.termWidgets.optOff, W), n.parentNode.parentNode.removeAttribute("optional");
 	}
-	function z(e) {
-		let n = y.targetOf(e).parentNode;
-		F.replaceIcon(n.parentNode, t.termWidgets.optOff, t.termWidgets.optOn, R), n.parentNode.parentNode.setAttribute("optional", "true");
+	function W(e) {
+		let n = k.targetOf(e).parentNode;
+		F.replaceIcon(n.parentNode, t.termWidgets.optOff, t.termWidgets.optOn, U), n.parentNode.parentNode.setAttribute("optional", "true");
 	}
-	function B(e, n) {
-		let r = t.termWidgets.optOn, i = t.termWidgets.optOff;
-		for (let t = e; t.parentNode; t = t.parentNode) for (;;) if (t.getAttribute("predTR")) {
+	function G(e, n) {
+		let r = t.termWidgets.optOn, i = t.termWidgets.optOff, a = (e) => !(!e || typeof e.getAttribute != "function" || e.getAttribute("predTR") !== "true" && e.getAttribute("data-outline-node") !== "predicate");
+		for (let t = e; t.parentNode; t = t.parentNode) for (;;) if (a(t)) {
 			let e = t.getAttribute("parentOfSelected");
-			e = e ? parseInt(e) : 0, e === 0 && n > 0 && F.addIcon(t.childNodes[0], t.getAttribute("optional") ? r : i, t.getAttribute("optional") ? R : z), e += n, t.setAttribute("parentOfSelected", e), e === 0 && (t.removeAttribute("parentOfSelected"), F.removeIcon(t.childNodes[0], t.getAttribute("optional") ? r : i));
+			e = e ? parseInt(e) : 0, e === 0 && n > 0 && F.addIcon(t.childNodes[0], t.getAttribute("optional") ? r : i, t.getAttribute("optional") ? U : W), e += n, t.setAttribute("parentOfSelected", e), e === 0 && (t.removeAttribute("parentOfSelected"), F.removeIcon(t.childNodes[0], t.getAttribute("optional") ? r : i));
 			break;
-		} else if (t.previousSibling && t.previousSibling.nodeName === "TR") t = t.previousSibling;
+		} else if (t.previousElementSibling) t = t.previousElementSibling;
 		else break;
 	}
 	this.statusBarClick = function(e) {
-		let t = f.utils.getTarget(e);
+		let t = _.utils.getTarget(e);
 		t.label && (window.content.location = t.label);
 	}, this.showURI = function(e) {
-		e && _.getElementById("UserURI") && (_.getElementById("UserURI").value = e.termType === "NamedNode" ? e.uri : "");
+		e && T.getElementById("UserURI") && (T.getElementById("UserURI").value = e.termType === "NamedNode" ? e.uri : "");
 	}, this.showSource = function() {
 		if (typeof sourceWidget < "u") {
 			for (let e in sourceWidget.sources) sourceWidget.sources[e].setAttribute("class", "");
-			for (let e = 0; e < b.length; e++) {
-				if (!b[e].parentNode) continue;
-				let t = b[e].parentNode.AJAR_statement;
+			for (let e = 0; e < A.length; e++) {
+				if (!A[e].parentNode) continue;
+				let t = A[e].parentNode.AJAR_statement;
 				if (!t) continue;
 				let n = t.why;
 				n && n.uri && sourceWidget.highlight(n, !0);
 			}
 		}
 	}, this.getSelection = function() {
-		return b;
+		return A;
 	};
-	function V(e, n) {
-		if (e.nodeName !== "TD") throw f.log.debug("down" + e.nodeName), Error("Expected TD in setSelected: " + e.nodeName + " : " + e.textContent);
-		f.log.debug("pass");
+	function K(e, n) {
+		if (e.nodeName !== "TD" && e.nodeName !== "DIV") throw _.log.debug("down" + e.nodeName), Error("Expected TD or DIV in setSelected: " + e.nodeName + " : " + e.textContent);
+		_.log.debug("pass");
 		let r = e.getAttribute("class");
 		if (r ||= "", n) {
-			r += " selected", (r.indexOf("pred") >= 0 || r.indexOf("obj") >= 0) && B(e, 1), b.push(e);
-			let n = f.utils.getTerm(e);
-			y.showURI(n);
+			r += " selected", (r.indexOf("pred") >= 0 || r.indexOf("obj") >= 0) && G(e, 1), A.push(e);
+			let n = _.utils.getTerm(e);
+			k.showURI(n);
 			let i = e.AJAR_statement;
 			if (i === void 0 && e.parentNode && (i = e.parentNode.AJAR_statement), i) {
 				let n = i.why;
-				p.updater.editable(n.uri, x) && r.indexOf("pred") >= 0 && F.addIcon(e, t.termWidgets.addTri);
+				y.updater.editable(n.uri, j) && r.indexOf("pred") >= 0 && F.addIcon(e, t.termWidgets.addTri);
 			}
-		} else f.log.debug("cla=$" + r + "$"), r === "selected" && (r = ""), r = r.replace(" selected", ""), (r.indexOf("pred") >= 0 || r.indexOf("obj") >= 0) && B(e, -1), r.indexOf("pred") >= 0 && F.removeIcon(e, t.termWidgets.addTri), b = b.filter(function(t) {
+		} else _.log.debug("cla=$" + r + "$"), r === "selected" && (r = ""), r = r.replace(" selected", ""), (r.indexOf("pred") >= 0 || r.indexOf("obj") >= 0) && G(e, -1), r.indexOf("pred") >= 0 && F.removeIcon(e, t.termWidgets.addTri), A = A.filter(function(t) {
 			return t === e;
-		}), f.log.info("Deselecting " + e.textContent);
-		typeof sourceWidget < "u" && y.showSource(), e.setAttribute("class", r);
+		}), _.log.info("Deselecting " + e.textContent);
+		typeof sourceWidget < "u" && k.showSource(), e.setAttribute("class", r);
 	}
-	function H() {
-		let e = b.length;
-		for (let t = e - 1; t >= 0; t--) V(b[t], !1);
-		b = [];
+	function q() {
+		let e = A.length;
+		for (let t = e - 1; t >= 0; t--) K(A[t], !1);
+		A = [];
 	}
 	this.targetOf = function(e) {
 		let t;
 		if (e ||= window.event, e.target) t = e.target;
 		else if (e.srcElement) t = e.srcElement;
-		else return f.log.error("can't get target for event " + e), !1;
+		else return _.log.error("can't get target for event " + e), !1;
 		return t.nodeType === 3 && (t = t.parentNode), t;
 	}, this.walk = function(e, t) {
-		let n = t || b[0], r;
+		let n = t || A[0], r;
 		switch (e) {
 			case "down":
 				try {
@@ -379,7 +391,7 @@ function g(g) {
 					this.walk("up");
 					return;
 				}
-				H(), V(r, !0);
+				q(), K(r, !0);
 				break;
 			case "up":
 				try {
@@ -387,42 +399,53 @@ function g(g) {
 				} catch {
 					return;
 				}
-				H(), V(r, !0);
+				q(), K(r, !0);
 				break;
 			case "right":
-				if (H(), n.nextSibling || n.lastChild.tagName === "strong") V(n.nextSibling, !0);
+				{
+					let e = n.matches?.(C) ? n : n.querySelector?.(C), t = e?.querySelector?.("[data-outline-node=\"object\"]");
+					if (e) {
+						t && (q(), K(t, !0));
+						return;
+					}
+				}
+				if (q(), n.nextSibling || n.lastChild.tagName === "strong") K(n.nextSibling, !0);
 				else {
-					let e = _.evaluate("table/div/tr/td[2]", n, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
-					V(e, !0);
+					let e = n.parentNode && n.parentNode.nextSibling, t = e ? e.lastChild : null;
+					if (!t) {
+						K(n, !0);
+						return;
+					}
+					K(t, !0);
 				}
 				break;
 			case "left":
-				if (H(), n.previousSibling && n.previousSibling.className === "undetermined") return V(n.previousSibling, !0), !0;
-				V(f.utils.ancestor(n.parentNode, "TD"), !0);
+				if (q(), n.previousSibling && n.previousSibling.className === "undetermined") return K(n.previousSibling, !0), !0;
+				K(J(n)?.block || n.parentNode && n.parentNode.firstChild, !0);
 				break;
-			case "moveTo": H(), V(t, !0);
+			case "moveTo": q(), K(t, !0);
 		}
-		(e === "down" || e === "up") && (r.tabulatorSelect || this.walk(e));
+		e !== "down" && e !== "up" || r.tabulatorSelect || this.walk(e);
 	}, this.OutlinerKeypressPanel = function(e) {
-		f.log.info("Key " + e.keyCode + " pressed");
+		_.log.info("Key " + e.keyCode + " pressed");
 		function t(e) {
-			e && _.getElementById("UserURI") && (_.getElementById("UserURI").value = e.termType === "NamedNode" ? e.uri : "");
+			e && T.getElementById("UserURI") && (T.getElementById("UserURI").value = e.termType === "NamedNode" ? e.uri : "");
 		}
 		function n(e) {
-			return arguments[3] || (o("right", a), t(f.utils.getAbout(x, b[0]))), !0;
+			return arguments[3] || (o("right", a), t(_.utils.getAbout(j, A[0]))), !0;
 		}
 		let r, i;
-		if (f.utils.getTarget(e).tagName === "TEXTAREA" || f.utils.getTarget(e).id === "UserURI" || b.length > 1) return;
-		if (b.length === 0) {
-			(e.keyCode === 13 || e.keyCode === 38 || e.keyCode === 40 || e.keyCode === 37 || e.keyCode === 39) && (this.walk("right", y.focusTd), t(f.utils.getAbout(x, b[0])));
+		if (_.utils.getTarget(e).tagName === "TEXTAREA" || _.utils.getTarget(e).id === "UserURI" || A.length > 1) return;
+		if (A.length === 0) {
+			(e.keyCode === 13 || e.keyCode === 38 || e.keyCode === 40 || e.keyCode === 37 || e.keyCode === 39) && (this.walk("right", k.focusTd), t(_.utils.getAbout(j, A[0])));
 			return;
 		}
-		let a = b[0];
-		switch (S.removeCallback("done", "setSelectedAfterward"), S.removeCallback("fail", "setSelectedAfterward"), e.keyCode) {
+		let a = A[0];
+		switch (M.removeCallback("done", "setSelectedAfterward"), M.removeCallback("fail", "setSelectedAfterward"), e.keyCode) {
 			case 13:
-				if (f.utils.getTarget(e).tagName === "HTML") {
-					let e = f.utils.getAbout(x, a);
-					r = a.parentNode.AJAR_statement.why, i = p.updater.editable(r.uri, x), e ? v.GotoSubject(e, !0) : i && y.UserInput.Enter(a);
+				if (_.utils.getTarget(e).tagName === "HTML") {
+					let e = _.utils.getAbout(j, a);
+					r = a.parentNode.AJAR_statement.why, i = y.updater.editable(r.uri, j), e ? O.GotoSubject(e, !0) : i && k.UserInput.Enter(a);
 				} else this.UserInput.Keypress(e), this.walk("down"), e.stopPropagation();
 				return;
 			case 38:
@@ -430,28 +453,30 @@ function g(g) {
 				break;
 			case 40: this.walk("down"), e.stopPropagation(), e.preventDefault();
 		}
-		if (f.utils.getTarget(e).tagName === "INPUT") return;
+		if (_.utils.getTarget(e).tagName === "INPUT") return;
 		let o;
 		switch (e.keyCode) {
 			case 46:
 			case 8:
-				r = a.parentNode.AJAR_statement.why, i = p.updater.editable(r.uri, x), i && (e.preventDefault(), this.UserInput.Delete(a));
+				r = a.parentNode.AJAR_statement.why, i = y.updater.editable(r.uri, j), i && (e.preventDefault(), this.UserInput.Delete(a));
 				break;
 			case 37: {
 				if (this.walk("left")) return;
-				let e = f.utils.ancestor(a.parentNode, "TD");
-				X(a, f.utils.getAbout(x, e));
+				let e = J(a);
+				if (!e) break;
+				let t = _.utils.getAbout(j, e.provider);
+				t && _e(e.block, t);
 				break;
 			}
 			case 39:
 				{
-					let e = f.utils.getAbout(x, a);
+					let e = _.utils.getAbout(j, a);
 					if (e) {
 						if (o = this.walk, a.nextSibling) {
 							this.walk("right");
 							return;
 						}
-						a.firstChild.tagName !== "TABLE" && (S.addCallback("done", n), S.addCallback("fail", n), Y(a, e, { pane: m.byName("defaultPane") })), n();
+						a.firstElementChild?.matches(C) || (M.addCallback("done", n), M.addCallback("fail", n), Z(a, e, { pane: b.byName("defaultPane") })), n();
 					}
 				}
 				break;
@@ -460,283 +485,278 @@ function g(g) {
 			default: switch (e.charCode) {
 				case 99:
 					if (e.ctrlKey) {
-						y.UserInput.copyToClipboard(y.clipboardAddress, a);
+						k.UserInput.copyToClipboard(k.clipboardAddress, a);
 						break;
 					}
 					break;
 				case 118:
 				case 112:
 					if (e.ctrlKey) {
-						y.UserInput.pasteFromClipboard(y.clipboardAddress, a);
+						k.UserInput.pasteFromClipboard(k.clipboardAddress, a);
 						break;
 					}
 					break;
-				default: f.utils.getTarget(e).tagName;
+				default: _.utils.getTarget(e).tagName;
 			}
 		}
-		t(f.utils.getAbout(x, b[0]));
+		t(_.utils.getAbout(j, A[0]));
 	}, this.OutlinerMouseclickPanel = function(e) {
-		switch (y.UserInput._tabulatorMode) {
+		switch (k.UserInput._tabulatorMode) {
 			case 0:
-				oe(e);
+				ge(e);
 				break;
-			case 1: y.UserInput.Click(e);
+			case 1: k.UserInput.Click(e);
 		}
 	};
-	function U(e) {
-		let t = y.targetOf(e), n = t.parentNode, r = f.utils.getAbout(x, t), i = e.altKey ? m.byName("internal") : void 0;
-		e.shiftKey ? Z(n, r, i) : e.altKey ? Y(n, r, {
-			pane: m.byName("internal"),
+	function ue(e) {
+		let t = k.targetOf(e), n, r;
+		for (let e = t; e && e !== T; e = e.parentNode) e.matches?.("[data-outline-node=\"object\"]") && (n = e), e.matches?.(".outline-subject-block") && (r = e);
+		let i = r || n || t.parentNode, a = _.utils.getAbout(j, t), o = e.altKey ? b.byName("internal") : void 0;
+		e.shiftKey ? Q(i, a, o) : e.altKey ? Z(i, a, {
+			pane: b.byName("internal"),
 			immediate: !0
-		}) : Y(n, r);
+		}) : Z(i, a);
 	}
-	function W(e) {
-		let t = y.targetOf(e), n = f.utils.getAbout(x, t), r = e.altKey ? m.byName("internal") : void 0, i = t.parentNode.parentNode;
-		X(i, n, r);
+	function de(e) {
+		let t = k.targetOf(e), n = e.altKey ? b.byName("internal") : void 0, r = J(t);
+		if (!r) return;
+		let i = _.utils.getAbout(j, r.provider);
+		i && _e(r.block, i, n);
+	}
+	function J(e) {
+		for (let t = e; t && t !== T; t = t.parentNode) {
+			if (t.matches?.("[data-outline-node=\"object\"]")) {
+				let e = t.querySelector?.(C);
+				if (e) return {
+					block: t,
+					provider: e
+				};
+			}
+			if (t.matches?.(C)) return {
+				block: t.closest?.("[data-outline-node=\"object\"]") || t.closest?.(".outline-subject-block") || t,
+				provider: t
+			};
+		}
+		return null;
 	}
-	function G(e) {
-		let t = y.targetOf(e).getAttribute("uri");
-		e.altKey ? S.fetch(h.uri.docpart(t), { force: !0 }) : S.refresh(x.sym(h.uri.docpart(t)));
+	function Y(e) {
+		let t = k.targetOf(e).getAttribute("uri");
+		e.altKey ? M.fetch(x.uri.docpart(t), { force: !0 }) : M.refresh(j.sym(x.uri.docpart(t)));
 	}
-	function K(e) {
-		let t = y.targetOf(e).getAttribute("uri");
-		e.altKey ? S.fetch(h.uri.docpart(t), { force: !0 }) : S.refresh(x.sym(h.uri.docpart(t)));
+	function fe(e) {
+		let t = k.targetOf(e).getAttribute("uri");
+		e.altKey ? M.fetch(x.uri.docpart(t), { force: !0 }) : M.refresh(j.sym(x.uri.docpart(t)));
 	}
-	function ie(e) {
-		let t = y.targetOf(e).getAttribute("uri");
-		S.fetch(h.uri.docpart(t));
+	function pe(e) {
+		let t = k.targetOf(e).getAttribute("uri");
+		M.fetch(x.uri.docpart(t));
 	}
-	function ae(e) {
-		let t = y.targetOf(e), n = t.node;
-		n.childNodes.length > 1 && (n = t.parentNode), j(n);
+	function me(e) {
+		let t = k.targetOf(e), n = t.node;
+		n.childNodes.length > 1 && (n = t.parentNode), se(n);
 	}
-	function q(e) {
-		if (y.UserInput._tabulatorMode) return y.UserInput.Click(e);
-		let t = y.targetOf(e), n;
-		for (n = f.utils.ancestor(t, "TD"); n && n.getAttribute("notSelectable") !== "false"; n = f.utils.ancestor(n.parentNode, "TD"));
+	function he(e) {
+		if (k.UserInput._tabulatorMode) return k.UserInput.Click(e);
+		let t = k.targetOf(e), n;
+		for (n = _.utils.ancestor(t, "td") || _.utils.ancestor(t, "tr") || _.utils.ancestor(t, "div"); n && n.getAttribute("notSelectable") !== "false"; n = _.utils.ancestor(n.parentNode, "td") || _.utils.ancestor(n.parentNode, "tr") || _.utils.ancestor(n.parentNode, "div"));
 		if (!n) return;
-		let r = L(n);
-		if (f.log.debug("Was node selected before: " + r), e.altKey) V(n, !L(n));
-		else if (e.shiftKey) V(n, !0);
+		let r = H(n);
+		if (_.log.debug("Was node selected before: " + r), e.altKey) K(n, !H(n));
+		else if (e.shiftKey) K(n, !0);
 		else {
-			if (H(), y.UserInput.clearInputAndSave(e), V(n, !0), e.detail === 2) {
+			if (q(), k.UserInput.clearInputAndSave(e), K(n, !0), e.detail === 2) {
 				e.stopPropagation();
 				return;
 			}
 			let t;
 			if (n.parentNode && (t = n.parentNode.AJAR_statement), !t) return;
-			let i = t.why, a = p.updater.editable(i.uri, x);
-			r && a && y.UserInput.Click(e, b[0]);
+			let i = t.why, a = y.updater.editable(i.uri, j);
+			r && a && k.UserInput.Click(e, A[0]);
 		}
-		f.log.debug("Was node selected after: " + L(n) + ", count=" + b.length), e.stopPropagation();
+		_.log.debug("Was node selected after: " + H(n) + ", count=" + A.length), e.stopPropagation();
 	}
-	function oe(e) {
-		f.log.info("@TabulatorMousedown, dom.location is now " + _.location);
-		let n = y.targetOf(e);
+	function ge(e) {
+		_.log.info("@TabulatorMousedown, dom.location is now " + T.location);
+		let n = k.targetOf(e);
 		if (!n) return;
 		let r = n.tagName;
-		r !== "INPUT" && r !== "TEXTAREA" && (y.UserInput.clearMenu(), y.UserInput.lastModified && y.UserInput.lastModified.parentNode.nextSibling && y.UserInput.backOut(), (!n.src || n.src.slice(n.src.indexOf("/icons/") + 1) !== t.src.icon_show_choices && n.src.slice(n.src.indexOf("/icons/") + 1) !== t.src.icon_add_triple) && y.UserInput.clearInputAndSave(e), (!n.src || n.src.slice(n.src.indexOf("/icons/") + 1) !== t.src.icon_show_choices) && y.UserInput.clearMenu(), e && e.stopPropagation());
+		r !== "INPUT" && r !== "TEXTAREA" && (k.UserInput.clearMenu(), k.UserInput.lastModified && k.UserInput.lastModified.parentNode.nextSibling && k.UserInput.backOut(), (!n.src || n.src.slice(n.src.indexOf("/icons/") + 1) !== t.src.icon_show_choices && n.src.slice(n.src.indexOf("/icons/") + 1) !== t.src.icon_add_triple) && k.UserInput.clearInputAndSave(e), n.src && n.src.slice(n.src.indexOf("/icons/") + 1) === t.src.icon_show_choices || k.UserInput.clearMenu(), e && e.stopPropagation());
 	}
-	function J(e) {
-		_.title = f.utils.label(e), _.location.href.startsWith(e.site().uri);
+	function X(e) {
+		T.title = _.utils.label(e), T.location.href.startsWith(e.site().uri);
 	}
-	function Y(e, t, n) {
+	function Z(e, t, n) {
 		n ||= {};
 		let r = n.pane, i = !!n.already, a = n.immediate;
-		f.log.info("@outlineExpand, dom is now " + _.location), S.removeCallback("done", "expand"), S.removeCallback("fail", "expand");
-		let o = x.canon(t);
-		function s() {
-			if (o = x.canon(o), !e || !e.parentNode || !e.parentNode.parentNode) return !1;
-			let t;
-			if (f.log.info("@@ REPAINTING "), !i) t = M(o, void 0, r, n);
-			else {
-				for (f.log.info(" ... p is  " + e), t = e.firstChild; t.nextSibling && (f.log.info(" ... checking node " + t), t.nodeName !== "table"); t = t.nextSibling);
-				t = M(o, t, r, n);
+		_.log.info("@outlineExpand, dom is now " + T.location), M.removeCallback("done", "expand"), M.removeCallback("fail", "expand");
+		let o = j.canon(t), s = !1;
+		function c() {
+			if (s) {
+				if (M.getState(o.doc().uri) !== "fetched") return !1;
+				s = !1, i = !1;
 			}
-			i = !0, f.utils.ancestor(e, "TABLE") && f.utils.ancestor(e, "TABLE").style.backgroundColor === "white" ? t.style.backgroundColor = "#eee" : t.style.backgroundColor = "white", f.utils.emptyNode(e).appendChild(t), y.focusTd = e, f.log.debug("expand: Node for " + o + " expanded");
-			let a = x.each(o, f.ns.rdfs("seeAlso"));
-			for (let e = 0; e < a.length; e++) e === 25 && f.log.warn("expand: Warning: many (" + a.length + ") seeAlso links for " + o), S.lookUpThing(a[e], o);
+			if (o = j.canon(o), !e || !e.parentNode || !e.parentNode.parentNode) return !1;
+			let t;
+			_.log.info("@@ REPAINTING "), t = i ? B(o, e, r, n) : B(o, void 0, r, n), i = !0, t !== e && _.utils.emptyNode(e).appendChild(t), k.focusTd = e, _.log.debug("expand: Node for " + o + " expanded");
+			let a = j.each(o, _.ns.rdfs("seeAlso"));
+			for (let e = 0; e < a.length; e++) e === 25 && _.log.warn("expand: Warning: many (" + a.length + ") seeAlso links for " + o), M.lookUpThing(a[e], o);
 		}
-		function c(e) {
+		function l(e) {
 			if (arguments[3]) return !0;
-			let t = x.canon(o);
-			f.log.info("@@ expand: relevant subject=" + t + ", uri=" + e + ", already=" + i);
-			let n = x.sym(h.uri.docpart(e));
+			let t = j.canon(o);
+			_.log.info("@@ expand: relevant subject=" + t + ", uri=" + e + ", already=" + i);
+			let n = j.sym(x.uri.docpart(e));
 			if (e.indexOf("#") >= 0) throw Error("Internal error: hash in " + e);
 			return !function() {
 				if (!t.uri) return !0;
-				let r = x.uris(t);
+				let r = j.uris(t);
 				if (!r) return !1;
-				for (let t = 0; t < r.length; t++) for (let n = h.uri.docpart(r[t]); n; n = x.HTTPRedirects[n]) if (e === n) return !0;
-				return !!x.anyStatementMatching(t, void 0, void 0, n);
-			}() || (f.log.success("@@ expand OK: relevant subject=" + t + ", uri=" + e + ", source=" + i), s(), !1);
+				for (let t = 0; t < r.length; t++) for (let n = x.uri.docpart(r[t]); n; n = j.HTTPRedirects[n]) if (e === n) return !0;
+				return !!j.anyStatementMatching(t, void 0, void 0, n);
+			}() || (_.log.success("@@ expand OK: relevant subject=" + t + ", uri=" + e + ", source=" + i), c(), !1);
 		}
-		n.solo && J(o), f.log.debug("outlineExpand: dereferencing " + o);
-		let l = _.createElement("span");
-		e.appendChild(l), S.addCallback("done", c), S.addCallback("fail", c);
-		let u = [];
-		if (o.uri && o.uri.split(":")[0] === "rdf") s();
-		else {
-			for (let e = 0; e < u.length; e++) {
-				let t;
-				if (t === u[e](o)) {
-					s(), f.log.debug("outline 1815"), t[1] && C.removeChild(C.lastChild);
+		if (n.solo && X(o), r?.global) {
+			c();
+			return;
+		}
+		_.log.debug("outlineExpand: dereferencing " + o);
+		let u = T.createElement("span");
+		if (e.appendChild(u), M.addCallback("done", l), M.addCallback("fail", l), o.uri && o.uri.split(":")[0] === "rdf") c();
+		else if (o.uri && !a && !_.widgets.isAudio(o) && !_.widgets.isVideo(o)) {
+			let t = o.doc() && o.doc().uri ? o.doc().uri : "" + o.doc(), r = function(e) {
+				let t = !!(o && o.uri && o.site && o.site().uri === o.uri);
+				return e === 403 ? t ? "This root resource is not accessible with your current permissions. Try logging in with an authorized account or opening a public profile document." : "This resource is not accessible with your current permissions." : t ? "This root resource is not publicly readable. Try logging in or opening a profile document." : "This resource is not publicly readable. Try logging in or opening a different public resource.";
+			}, i = function(e, t) {
+				let n = typeof e == "string" ? e : String(e || ""), r = t?.status || t?.response?.status;
+				return r === 401 || r === 403 ? r : n.includes("status: 403") || n.includes("status 403") ? 403 : n.includes("status: 401") || n.includes("status 401") ? 401 : null;
+			}, a = function() {
+				let e = !!(o && o.uri && o.site && o.site().uri === o.uri), t = !!v.authn.currentUser();
+				return e ? t ? "You are logged in, but this root resource is not publicly readable. Select a storage location from the account menu to continue." : "This root resource is not publicly readable. Try logging in or opening a profile document." : t ? "You are logged in, but your account does not have permission to view this resource." : "This resource is not publicly readable. Log in to view it.";
+			}, l = function() {
+				s = !0;
+				let n = T.createElement("solid-ui-error-state");
+				n.setAttribute("title", "Access denied"), n.setAttribute("message", a()), t && n.setAttribute("data-outline-error-for", t), _.utils.emptyNode(e).appendChild(n), M.addCallback("done", function(n) {
+					return !s || !e.isConnected ? !1 : n !== t || (c(), !1);
+				}), M.getState(t) === "fetched" && c();
+			}, u = function(a, o) {
+				if (e.querySelector && t && e.querySelector("[data-outline-error-for=\"" + t + "\"]")) return;
+				let s = i(a, o);
+				if (s && n.solo) {
+					if (!d && v.authn.currentUser()) {
+						d = !0, f(!0);
+						return;
+					}
+					l();
 					return;
 				}
-			}
-			if (o.uri && !a && !f.widgets.isAudio(o) && !f.widgets.isVideo(o)) {
-				let t = o.doc() && o.doc().uri ? o.doc().uri : "" + o.doc(), r = function(e) {
-					let t = !!(o && o.uri && o.site && o.site().uri === o.uri);
-					return e === 403 ? t ? "This root resource is not accessible with your current permissions. Try logging in with an authorized account or opening a public profile document." : "This resource is not accessible with your current permissions." : t ? "This root resource is not publicly readable. Try logging in or opening a profile document." : "This resource is not publicly readable. Try logging in or opening a different public resource.";
-				}, i = function(e, t) {
-					let n = typeof e == "string" ? e : String(e || ""), r = t?.status || t?.response?.status;
-					return r === 401 || r === 403 ? r : n.includes("status: 403") || n.includes("status 403") ? 403 : n.includes("status: 401") || n.includes("status 401") ? 401 : null;
-				}, a = function(n, a) {
-					if (e.querySelector && t && e.querySelector("[data-outline-error-for=\"" + t + "\"]")) return;
-					let o = i(n, a), s = o ? r(o) : n, c = f.widgets.errorMessageBlock(_, s, "#fee", a instanceof Error ? a : void 0);
-					t && c.setAttribute("data-outline-error-for", t), e.appendChild(c);
-				}, c = !1, l = S.nowOrWhenFetched(o.doc(), void 0, function(e, t) {
-					e ? (S.lookUpThing(o), s(), n.solo && J(o)) : (c = !0, a(t, void 0));
+				let c = s ? r(s) : a, u = _.widgets.errorMessageBlock(T, c, "#fee", o instanceof Error ? o : void 0);
+				t && u.setAttribute("data-outline-error-for", t), e.appendChild(u);
+			}, d = !1, f = function(e) {
+				let t = !1, r = M.nowOrWhenFetched(o.doc(), e ? { force: !0 } : {}, function(e, r) {
+					e ? (M.lookUpThing(o), c(), n.solo && X(o)) : (t = !0, u(r, void 0));
 				});
-				l && typeof l.catch == "function" && l.catch(function(e) {
-					c || (c = !0, a(e, e));
+				r && typeof r.catch == "function" && r.catch(function(e) {
+					t || (t = !0, u(e, e));
 				});
-			} else s();
-		}
+			}, p = M.requested[t];
+			f(!!n.solo && (p === 401 || p === 403));
+		} else c();
 	}
-	function X(e, t) {
-		let n = f.utils.ancestor(e, "TR");
-		n = f.utils.ancestor(n.parentNode, "TR");
+	function _e(e, t) {
+		let n = e.AJAR_statement || e.parentNode && e.parentNode.AJAR_statement;
+		_.log.debug("Collapsing subject " + t);
 		let r;
-		n && (r = n.AJAR_statement);
+		n && (_.log.debug("looking up pred " + n.predicate.uri + "in defaults"), r = $.defaults[n.predicate.uri]), _.log.debug("view= " + r);
 		let i;
-		for (i = e.parentNode; i.tagName !== "TD"; i = i.parentNode) if (i === void 0) {
-			alert("Not enclosed in TD!");
-			return;
-		}
-		f.log.debug("Collapsing subject " + t);
-		let a;
-		r && (f.log.debug("looking up pred " + r.predicate.uri + "in defaults"), a = $.defaults[r.predicate.uri]), f.log.debug("view= " + a);
-		let o;
-		i.parentNode.parentNode.id === "outline" && (o = i.parentNode), y.replaceTD(y.outlineObjectTD(t, a, o, r), i);
+		e.parentNode && e.parentNode.id === "outline" && (i = e), k.replaceTD(k.outlineObjectDiv(t, r, i, n), e);
 	}
 	this.replaceTD = function(e, t) {
 		let n;
-		L(t) && (n = !0);
-		for (let e = b.length - 1; e > -1; e--) for (let n = b[e]; n.parentNode; n = n.parentNode) n === t && V(b[e], !1);
-		t.parentNode.replaceChild(e, t), n && V(e, !0);
+		H(t) && (n = !0);
+		for (let e = A.length - 1; e > -1; e--) for (let n = A[e]; n.parentNode; n = n.parentNode) n === t && K(A[e], !1);
+		t.parentNode.replaceChild(e, t), n && K(e, !0);
 	};
-	function Z(e, t) {
-		let n = null;
-		for (let t = e.parentNode; t; t = t.parentNode) f.log.debug("level " + t.tagName), t.tagName === "TD" && (n = t);
-		f.utils.emptyNode(n).appendChild(M(t)), J(t), n.setAttribute("about", t.toNT());
+	function Q(e, t) {
+		_.utils.emptyNode(e).appendChild(B(t)), X(t), e.setAttribute("about", t.toNT());
 	}
-	v.outlineRefocus = Z, this.GotoFormURI_enterKey = function(e) {
-		e.keyCode === 13 && v.GotoFormURI(e);
+	O.outlineRefocus = Q, this.GotoFormURI_enterKey = function(e) {
+		e.keyCode === 13 && O.GotoFormURI(e);
 	}, this.GotoFormURI = function(e) {
-		se(_.getElementById("UserURI").value);
+		ve(T.getElementById("UserURI").value);
 	};
-	function se(e) {
-		let t = x.sym(e);
+	function ve(e) {
+		let t = j.sym(e);
 		this.GotoSubject(t, !0);
 	}
-	let Q = 0;
-	function ce(e, t, n) {
-		let r = ++Q, i = t.uri, a = n.uri.split("#")[0];
-		if (!i.endsWith("/") || !a.startsWith(i) || a === i) return;
-		let o = [], s = a.slice(i.length).split("/"), c = i;
-		s.forEach((e, t) => {
-			e && (c += t < s.length - 1 ? e + "/" : e, o.push(c));
-		});
-		let l = (t) => Array.from(e.querySelectorAll("td.obj[about]")).find((e) => e.getAttribute("about") === x.sym(t).toNT()), u = (t) => new Promise((n) => {
-			let i = l(t);
-			if (i) return n(i);
-			let a = setTimeout(() => {
-				o.disconnect(), n(null);
-			}, 1e4), o = new MutationObserver(() => {
-				let e = l(t);
-				(e || r !== Q) && (clearTimeout(a), o.disconnect(), n(e));
-			});
-			o.observe(e, {
-				childList: !0,
-				subtree: !0
-			});
-		});
-		(async () => {
-			for (let e of o) {
-				let t = await u(e);
-				if (!t || r !== Q) return;
-				(!t.firstChild || t.firstChild.nodeName !== "TABLE") && Y(t, x.sym(e)), e === o[o.length - 1] && typeof t.scrollIntoView == "function" && t.scrollIntoView({ block: "nearest" });
-			}
-		})().catch((e) => f.log.warn("outline: could not open " + n.uri + " inside " + i + ": " + e));
-	}
 	this.GotoURIinit = function(e) {
-		let t = x.sym(e);
+		let t = j.sym(e);
 		this.GotoSubject(t);
 	}, this.GotoSubject = function(e, t, n, r, i, a, o) {
-		let s = u(o) !== "accountMenu", d = E();
-		s && (!a || a === d) && D(e), a ||= d, r && (f.utils.emptyNode(a), a.style.width = "100%");
-		let p = n && n.subject && n.subject.uri ? n.subject : e;
-		function m() {
-			let e = _.createElement("tr");
-			e.classList.add("outlineRow1"), e.style.verticalAlign = "top", a.appendChild(e);
-			let t = y.outlineObjectTD(p, void 0, e);
-			return e.appendChild(t), t;
+		let s = f(o) !== "accountMenu", c = ee();
+		s && (!a || a === c) && te(e);
+		let p = a || c;
+		r && (p.style.width = "100%", _.utils.emptyNode(p));
+		let m = n && n.subject && n.subject.uri ? n.subject : e;
+		function h() {
+			let e = T.createElement("div");
+			e.classList.add("outline-subject-block");
+			let t = k.outlineObjectDiv(m, void 0, e);
+			return e.appendChild(t), p.appendChild(e), e;
 		}
-		let h = m();
-		if (r && J(p), t && (Y(h, p, {
+		let g = r ? h() : p;
+		if (r && X(m), t ? Z(g, m, {
 			pane: n,
 			solo: r,
+			folderView: d(o),
 			headerOnlyInViewerPod: !s || !!(n && n.subject && n.subject.uri)
-		}), r && p !== e && ce(a, p, e)), r && _ && _.defaultView && _.defaultView.history) {
-			let t = _.defaultView.history.state || {}, r = document.location.href !== e.uri, i = c(t, {
+		}) : r || h(), r && T && T.defaultView && T.defaultView.history) {
+			let t = o && typeof o == "object" && o.preserveUrl === !0, r = T.defaultView.history.state || {}, i = document.location.href !== e.uri, a = l(r, {
 				pane: n ? {
 					name: n.name,
 					subject: n.subject && typeof n.subject.uri == "string" ? n.subject.uri : void 0
 				} : void 0,
-				leavingPage: r,
+				leavingPage: i,
 				viaAccountMenu: !s
 			});
 			try {
-				let n = new URL(document.location.href), a = new URL(e.uri, document.location.href);
-				n.origin === a.origin && (r ? _.defaultView.history.pushState(i, e.uri, e.uri) : JSON.stringify(t) !== JSON.stringify(i) && _.defaultView.history.replaceState(i, e.uri, e.uri));
+				let n = new URL(T.location.href), o = new URL(e.uri, T.location.href);
+				t ? T.defaultView.history.replaceState(a, "") : n.origin === o.origin && (i ? T.defaultView.history.pushState(a, e.uri, e.uri) : JSON.stringify(r) !== JSON.stringify(a) && T.defaultView.history.replaceState(a, e.uri, e.uri));
 			} catch {}
 		}
-		return r && l(_), e;
+		return r && u(T), e;
 	};
-	let $ = e(_);
-	function le(e) {
+	let $ = e(T);
+	function ye(e) {
 		let n;
 		if (e.termType === "Literal") {
-			if (n = _.createElement("span"), n.classList.add("objectValue", "objectValue--literal"), n.textContent = e.value, e.datatype && e.datatype.uri) {
-				let t = f.ns.xsd("").uri;
+			if (n = T.createElement("span"), n.classList.add("objectValue", "objectValue--literal"), n.textContent = e.value, e.datatype && e.datatype.uri) {
+				let t = _.ns.xsd("").uri;
 				e.datatype.uri.slice(0, t.length) === t && n.classList.add("objectValue--" + e.datatype.uri.slice(t.length));
 			}
 		} else if (e.termType === "NamedNode" || e.termType === "BlankNode") {
-			if (n = _.createElement("span"), n.classList.add("objectValue", "objectValue--resource"), n.setAttribute("about", e.toNT()), y.appendAccessIcons(x, n, e), e.termType === "NamedNode") {
+			if (n = T.createElement("span"), n.classList.add("objectValue", "objectValue--resource"), n.setAttribute("about", e.toNT()), k.appendAccessIcons(j, n, e), e.termType === "NamedNode") {
 				if (e.uri.slice(0, 4) === "tel:") {
-					let r = e.uri.slice(4), i = _.createElement("a");
-					n.appendChild(_.createTextNode(r)), i.setAttribute("href", e.uri), i.appendChild(f.utils.AJARImage(t.src.icon_telephone, "phone", "phone " + r, _)), n.appendChild(i), i.firstChild.setAttribute("class", "phoneIcon"), i.firstChild.classList.add("objectValueLinkIcon");
+					let r = e.uri.slice(4), i = T.createElement("a");
+					n.appendChild(T.createTextNode(r)), i.setAttribute("href", e.uri), i.appendChild(_.utils.AJARImage(t.src.icon_telephone, "phone", "phone " + r, T)), n.appendChild(i), i.firstChild.setAttribute("class", "phoneIcon"), i.firstChild.classList.add("objectValueLinkIcon");
 				} else {
-					n.appendChild(_.createTextNode(f.utils.label(e)));
-					let t = f.widgets.linkIcon(_, e);
-					t.firstChild && t.firstChild.classList.add("objectValueLinkIcon"), n.appendChild(t), f.widgets.makeDraggable(n, e);
+					n.appendChild(T.createTextNode(_.utils.label(e)));
+					let t = _.widgets.linkIcon(T, e);
+					t.firstChild && t.firstChild.classList.add("objectValueLinkIcon"), n.appendChild(t), _.widgets.makeDraggable(n, e);
 				}
-			} else n.appendChild(_.createTextNode(f.utils.label(e)));
+			} else n.appendChild(T.createTextNode(_.utils.label(e)));
 		} else if (e.termType === "Collection") {
-			n = _.createElement("table"), n.classList.add("tableFullWidth"), n.setAttribute("about", e.toNT());
+			n = T.createElement("div"), n.setAttribute("about", e.toNT());
 			for (let t = 0; t < e.elements.length; t++) {
-				let r = e.elements[t], i = n.appendChild(_.createElement("tr")), a = i.appendChild(_.createElement("td"));
-				a.classList.add("obj"), a.setAttribute("notSelectable", "false"), a.setAttribute("about", e.toNT()), a.innerHTML = t + 1 + ")", i.appendChild(y.outlineObjectTD(r));
+				let r = e.elements[t], i = n.appendChild(T.createElement("div")), a = i.appendChild(T.createElement("div"));
+				a.classList.add("obj"), a.setAttribute("notSelectable", "false"), a.setAttribute("about", e.toNT()), a.innerHTML = t + 1 + ")", i.appendChild(k.outlineObjectDiv(r));
 			}
-		} else e.termType === "Graph" ? (n = m.byName("dataContentPane").statementsAsTables(e.statements, g), n.setAttribute("class", "nestedFormula")) : (f.log.error("Object " + e + " has unknown term type: " + e.termType), n = _.createTextNode("[unknownTermType:" + e.termType + "]"));
-		return f.log.debug("contents: " + n.innerHTML), n;
+		} else e.termType === "Graph" ? (n = b.byName("dataContentPane").statementsAsTables(e.statements, w), n.setAttribute("class", "nestedFormula")) : (_.log.error("Object " + e + " has unknown term type: " + e.termType), n = T.createTextNode("[unknownTermType:" + e.termType + "]"));
+		return _.log.debug("contents: " + n.innerHTML), n;
 	}
 	return this.createTabURI = function() {
-		_.getElementById("UserURI").value = _.URL + "?uri=" + _.getElementById("UserURI").value;
-	}, this.UserInput.setSelected = V, this.UserInput.deselectAll = H, this.UserInput.views = $, this.outlineExpand = Y, this;
+		T.getElementById("UserURI").value = T.URL + "?uri=" + T.getElementById("UserURI").value;
+	}, this.UserInput.setSelected = K, this.UserInput.deselectAll = q, this.UserInput.views = $, this.outlineExpand = Z, this;
 }
-//#endregion
-export { g as default };
+export { w as default };
 
 //# sourceMappingURL=manager2.esm.js.map