solid-panes 4.4.2-2 → 4.4.2-3

package/dist/outline/manager2.esm.js

@@ -0,0 +1,875 @@
+(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}.iconTD{vertical-align:top;border:none;width:0;margin:.2em;padding:0}.labelTD{width:100%}.paneIconTray{justify-content:flex-start;align-items:center;display:flex}.paneShown{border-radius:var(--border-radius-md,.5rem);width:24px;margin-left:var(--spacing-small,.1rem);padding:.188rem;background-color:var(--header-menu-item-hover,#e6dcff)!important;border:none!important}.paneHidden{border-radius:var(--border-radius-md,.5rem);width:24px;margin-left:var(--spacing-small,.1rem);padding:.188rem}.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{margin:var(--spacing-xxxs,.2rem);vertical-align:top;border:none;flex-direction:row;justify-content:space-between;padding:0;display:flex}`)),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 { getNameOfPodOwner as i } from "../profileUtils/ownerProfile.esm.js";
+import a from "../icons/person.esm.js";
+import o from "../icons/friends.esm.js";
+import s from "../icons/folder.esm.js";
+import c from "../icons/dashboard.esm.js";
+import * as l from "solid-ui";
+import { authSession as u, authn as d, store as f } from "solid-logic";
+import * as p from "pane-registry";
+import * as m from "rdflib";
+//#region src/outline/manager.js
+/* istanbul ignore file */
+var h = a, g = o, _ = s, v = c;
+function y(a) {
+	let o = a.dom;
+	this.document = a.dom, this.context = a, this.outlineIcons = t, this.labeller = this.labeller || {}, this.labeller.LanguagePreference = "";
+	let s = this, c = this, y = [];
+	this.selection = y, this.ancestor = l.utils.ancestor, this.sparql = m.UpdateManager, this.kb = f;
+	let b = f, x = f.fetcher;
+	o.outline = this, this.qs = new r(), this.UserInput = new n(this), this.clipboardAddress = "tabulator:clipboard", this.UserInput.clipboardInit(this.clipboardAddress);
+	let S = this.outlineElement;
+	this.init = function() {
+		let e = k();
+		e.outline = this;
+	}, this.getLayoutMode = function() {
+		let e = this.context?.environment?.layout;
+		if (e === "mobile" || e === "desktop") return e;
+		if (typeof window < "u" && window.matchMedia) {
+			let e = Math.round(Math.min(window.innerWidth, window.visualViewport?.width || window.innerWidth)), t = window.matchMedia("(pointer: coarse)").matches || navigator.maxTouchPoints > 0;
+			return e <= 768 || t && e <= 1024 ? "mobile" : "desktop";
+		}
+		return "desktop";
+	}, C.lastkbsize = 0;
+	function C(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 l.log.info("BENCHMARK: kb delta: " + (b.statements.length - C.lastkbsize) + ", time elapsed for " + e + " was " + (i - n) + "ms"), C.lastkbsize = b.statements.length, r;
+	}
+	function ee(e, n, r) {
+		let i = l.utils.AJARImage(t.src.icon_remove_node, "remove", void 0, o);
+		return i.addEventListener("click", ue), i.node = r, i.setAttribute("about", n.toNT()), i.style.marginLeft = "5px", i.style.marginRight = "10px", e.appendChild(i), i;
+	}
+	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], c.appendAccessIcon(t, i));
+	}, this.appendAccessIcon = function(e, n) {
+		if (!n) return "";
+		let r = m.uri.docpart(n);
+		if (r.slice(0, 5) !== "http:") return "";
+		let i = x.getState(r), a, s, c;
+		switch (i) {
+			case "unrequested":
+				a = t.src.icon_unrequested, s = "fetch", c = le;
+				break;
+			case "requested":
+				a = t.src.icon_requested, s = "fetching", c = K;
+				break;
+			case "fetched":
+				a = t.src.icon_fetched, c = ce, s = "loaded";
+				break;
+			case "failed":
+				a = t.src.icon_failed, s = "failed", c = K;
+				break;
+			case "unpermitted":
+				a = t.src.icon_failed, c = K, s = "no perm";
+				break;
+			case "unfetchable":
+				a = t.src.icon_failed, c = K, s = "cannot fetch";
+				break;
+			default:
+				l.log.error("?? state = " + i);
+				break;
+		}
+		let u = l.utils.AJARImage(a, s, t.tooltips[a].replace(/[Tt]his resource/, r), o);
+		return u.setAttribute("uri", n), u.addEventListener("click", c), ae(u, r), e.appendChild(u), u;
+	}, this.outlineObjectTD = function(e, t, n, r) {
+		let i = o.createElement("td");
+		return i.classList.add("obj"), i.setAttribute("notSelectable", "false"), i.style.margin = "0.2em", e ? (i.style.border = "none", i.style.padding = "0", i.style.verticalAlign = "top", (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(l.utils.AJARImage(l.icons.originalIconBase + "tbl-expand-trans.png", "expand", void 0, o)).addEventListener("click", oe)), i.setAttribute("class", "obj"), b.whether(e, l.ns.rdf("type"), l.ns.link("Request")) && (i.className = "undetermined"), t ||= pe, i.appendChild(t(e)), n && ee(i, e, n), i.tabulatorSelect = function() {
+			W(this, !0);
+		}, i.tabulatorDeselect = function() {
+			W(this, !1);
+		}, i.addEventListener("click", q), i) : (i.textContent = "No object available.", i);
+	}, this.outlinePredicateTD = function(e, n, r, i) {
+		let a = o.createElement("TD");
+		a.setAttribute("about", e.toNT()), a.setAttribute("class", i ? "pred internal" : "pred");
+		let s;
+		switch (e.termType) {
+			case "BlankNode":
+				a.className = "undetermined";
+				break;
+			case "NamedNode":
+				s = l.utils.predicateLabelForXML(e, r);
+				break;
+			case "Collection": s = l.utils.predicateLabelForXML(e.elements[0], r);
+		}
+		s = s ? s.slice(0, 1).toUpperCase() + s.slice(1) : "...";
+		let c = o.createElement("TD");
+		c.classList.add("labelTD"), c.setAttribute("notSelectable", "true"), c.appendChild(o.createTextNode(s)), a.appendChild(c), c.style.width = "100%", a.appendChild(L.construct(o));
+		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) && L.addIcon(a, t.termWidgets[e]);
+		}
+		return a.tabulatorSelect = function() {
+			W(this, !0);
+		}, a.tabulatorDeselect = function() {
+			W(this, !1);
+		}, a.addEventListener("click", q), a;
+	};
+	async function w(e = {}) {
+		console.log("globalAppTabs @@");
+		let t = o.createElement("div"), n = d.currentUser();
+		if (!n) throw alert("Must be logged in for this"), Error("Not logged in");
+		let r = await T(), i = e.selectedTab ? r.find((t) => t.paneName === e.selectedTab || t.tabName === e.selectedTab) : r[0];
+		if (!i) return t;
+		t.dataset.globalPaneName = i.tabName || i.paneName;
+		let a = t.appendChild(o.createElement("div")), s = p.byName(i.paneName), l = a.appendChild(o.createElement("table"));
+		return c.GotoSubject(i.subject || n, !0, s, !1, void 0, l), t;
+	}
+	this.getDashboard = w;
+	async function T() {
+		let e = d.currentUser();
+		if (!e) return [];
+		o.createElement("div");
+		let t = [{
+			paneName: "profile",
+			subject: e,
+			label: "Your profile",
+			icon: h
+		}, {
+			paneName: "social",
+			subject: e,
+			label: "Your friends",
+			icon: g
+		}], [n] = await Promise.all([r()]);
+		return t.push(...n), t.push({
+			paneName: "home",
+			label: "Your dashboard",
+			icon: v
+		}, {
+			paneName: "basicPreferences",
+			label: "Your preferences",
+			icon: l.icons.iconBase + "noun_Sliders_341315_000000.svg"
+		}), t;
+		async function r() {
+			async function t(e) {
+				return await j(e), b.holds(e, Q.rdf("type"), Q.space("Storage"), e.doc()) ? (r.push(e), !0) : !1;
+			}
+			async function n(e) {
+				let n = new URL(e), r = n.pathname;
+				for (; r.length;) if (r = r.substring(0, r.lastIndexOf("/")), await t(b.sym(`${n.origin}${r}/`))) return;
+			}
+			try {
+				await b.fetcher.load(e.doc());
+			} catch (e) {
+				return console.error("Unable to load profile", e), [];
+			}
+			let r = b.each(e, Q.space("storage"), null, e.doc());
+			await Promise.all(r.map(async (e) => {
+				await j(e);
+			}));
+			try {
+				await n(new URL(window.location.href).searchParams.get("uri") || window.location.href);
+			} catch (e) {
+				console.error("cannot load container", e);
+			}
+			function a(e) {
+				let t = [];
+				return e.forEach((e) => {
+					t.find((t) => t.equals(e)) || t.push(e);
+				}), t;
+			}
+			return r = a(r), r.length ? Promise.all(r.map(async (t, n) => {
+				function r(e) {
+					return e.uri.split("//")[1].slice(0, -1);
+				}
+				let a = await i(t, b, x) || "", o = r(e).startsWith(r(t)) ? "Your storage" : a.trim() === "" ? r(t) : a + "'s storage";
+				return {
+					paneName: "folder",
+					tabName: `folder-${n}`,
+					label: o,
+					subject: t,
+					icon: _
+				};
+			})) : [];
+		}
+	}
+	this.getDashboardItems = T;
+	function te() {
+		let e = O(), t = k();
+		e.innerHTML = "", D(e), E(t);
+	}
+	u.events.on("logout", te);
+	function E(e) {
+		e.removeAttribute("hidden"), e.style.display = "";
+	}
+	function D(e) {
+		e.setAttribute("hidden", ""), e.style.display = "none";
+	}
+	async function ne(e, t = {}) {
+		let n = O(), r = k();
+		if (n.childNodes.length > 0) {
+			let i = n.firstElementChild;
+			if (i && t.pane && i.dataset.globalPaneName === t.pane && i.dataset.subject === (e && e.value || "")) {
+				D(r), E(n);
+				return;
+			}
+			n.innerHTML = "";
+		}
+		let i = await w({ selectedTab: t.pane });
+		D(r), E(n), n.appendChild(i);
+	}
+	this.showDashboard = ne;
+	function O() {
+		return A("GlobalDashboard", "Dashboard");
+	}
+	function k() {
+		return A("OutlineView", "Resource browser");
+	}
+	function A(e) {
+		let t = document.getElementById("app-view") || document.getElementById("MainContent") || document.querySelector("[role=\"main\"]") || document.body;
+		if (e === "OutlineView") {
+			let e = document.getElementById("OutlineView");
+			if (e) return e;
+			if (t) {
+				let e = document.createElement("table");
+				return e.id = "OutlineView", e.classList.add("outline-view"), e.setAttribute("aria-label", "Resource browser"), t.appendChild(e), e;
+			}
+		}
+		return document.getElementById(e) || (() => {
+			let n = document.createElement("section");
+			return n.id = e, n.setAttribute("aria-label", "Dashboard"), n.classList.add("global-dashboard"), t.appendChild(n);
+		})();
+	}
+	async function j(e) {
+		if (!b.any(e, Q.ldp("contains"), void 0, e.doc())) {
+			let t = (await b.fetcher.webOperation("GET", e.uri, b.fetcher.initFetchOptions(e.uri, { headers: { accept: "text/turtle" } }))).responseText;
+			m.parse(t, b, e.uri, "text/turtle");
+		}
+	}
+	async function M(e, t) {
+		e.uri.endsWith("/") && await j(e);
+		let n = t.session.paneRegistry, r = n.list.filter((n) => n.label(e, t) && !n.global);
+		if (r.length === 0) return [n.byName("internal")];
+		let i = await l.login.filterAvailablePanes(r);
+		return i.length === 0 ? [r[0]] : n.list.indexOf(r[0]) < n.list.indexOf(i[0]) ? [r[0]].concat(i) : i;
+	}
+	function re(e, t) {
+		return e.find((e) => e.shouldGetFocus && e.shouldGetFocus(t)) || e[0];
+	}
+	async function ie(e, t, n) {
+		async function r(n, r = {}) {
+			let s = "width: 24px; border-radius: 0.5em; border-top: solid #222 1px; border-left: solid #222 0.1em; border-bottom: solid #eee 0.1em; border-right: solid #eee 0.1em; margin-left: 1em; padding: 3px; background-color:   #ffd;", c = "width: 24px; border-radius: 0.5em; margin-left: 1em; padding: 3px", u = n.appendChild(o.createElement("nav"));
+			u.style = "display:flex; justify-content: flex-start; align-items: center;";
+			let d = r.hideList ? [] : await M(e, a);
+			i.firstPane = t || re(d, e);
+			let f = d.indexOf(i.firstPane);
+			return d.length !== 1 && d.forEach((t, d) => {
+				let p = t.label(e, a), m = "";
+				m = t.name === "profile" ? h : t.name === "social" ? g : typeof t.icon == "function" ? t.icon(e, a) : t.icon;
+				let _ = l.utils.AJARImage(m, p, p, o);
+				m instanceof Promise && m.then((e) => {
+					_.setAttribute("src", e);
+				}).catch((e) => {
+					console.error("Error resolving async icon:", e);
+				}), _.style = t === i.firstPane ? s : c, function(t, i) {
+					t.addEventListener("click", function(u) {
+						let d;
+						for (d = n; d.parentNode && d.nodeName !== "TABLE"; d = d.parentNode);
+						if (d.nodeName !== "TABLE") throw Error("outline: internal error.");
+						let f = function(e) {
+							for (let t = d.firstChild; t; t = t.nextSibling) t.pane !== void 0 && (!e || t.pane === e) && (t.paneButton && (t.paneButton.setAttribute("class", "paneHidden"), t.paneButton.style = c), N(t), t.pane.requireQueryButton && d.parentNode.className && p === 1 && o.getElementById("queryButton") && o.getElementById("queryButton").setAttribute("style", "display:none;"));
+						};
+						t.getAttribute("class") === "paneHidden" ? (u.shiftKey || f(), function(n) {
+							let i;
+							l.log.info("outline: Rendering pane (2): " + n.name);
+							try {
+								i = n.render(e, a, r);
+							} catch (e) {
+								i = o.createElement("div"), i.setAttribute("class", "exceptionPane");
+								let t = o.createElement("pre");
+								i.appendChild(t), t.appendChild(o.createTextNode(l.utils.stackString(e)));
+							}
+							n.requireQueryButton && o.getElementById("queryButton") && o.getElementById("queryButton").removeAttribute("style");
+							let s = d.firstChild.nextSibling, c = o.createElement("tr"), u = c.appendChild(o.createElement("td"));
+							u.setAttribute("colspan", "2"), u.style.textAlign = "left", u.style.width = "100%", u.appendChild(i), s ? d.insertBefore(c, s) : d.appendChild(c), c.pane = n, c.paneButton = t;
+						}(i), t.setAttribute("class", "paneShown"), t.style = s) : (f(i), t.setAttribute("class", "paneHidden"), t.style = c);
+						let p = 0;
+						for (let e = d.firstChild; e; e = e.nextSibling) e.pane && e.pane.requireQueryButton && p++;
+					}, !1);
+				}(_, t), _.setAttribute("class", d === f ? "paneShown" : "paneHidden"), d === f && (i.paneButton = _), u.appendChild(_);
+			}), u;
+		}
+		let i = o.createElement("tr");
+		n.hover && i.setAttribute("class", "hoverControl");
+		let s = i.appendChild(o.createElement("td"));
+		s.setAttribute("style", "margin: 0.2em; border: none; padding-top: 0; padding-bottom: 0; vertical-align: top;display:flex; justify-content: space-between; flex-direction: row;background-color: var(--color-background, #F8F9FB);"), s.setAttribute("notSelectable", "true"), s.setAttribute("about", e.toNT()), s.setAttribute("colspan", "2");
+		let c = s.appendChild(o.createElement("div"));
+		c.style = "display:flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;";
+		let u = !!t;
+		if (!n.solo && !u) {
+			c.appendChild(l.utils.AJARImage(l.icons.originalIconBase + "tbl-collapse.png", "collapse", void 0, o)).addEventListener("click", se);
+			let t = c.appendChild(o.createElement("h1"));
+			t.appendChild(o.createTextNode(l.utils.label(e))), t.style = "font-size: 150%; margin: 0 0.6em 0 0; padding: 0.1em 0.4em;background-color: var(--color-background, #F8F9FB);", l.widgets.makeDraggable(t, e);
+		}
+		return c.appendChild(await r(s, { hideList: u })), i.firstChild.tabulatorSelect = function() {
+			W(this, !0);
+		}, i.firstChild.tabulatorDeselect = function() {
+			W(this, !1);
+		}, i;
+	}
+	function N(e) {
+		let t = e.parentNode, n = t.parentNode, r = o.createElement("table");
+		r.classList.add("placeholderTable"), n.replaceChild(r, t), t.removeChild(e), n.replaceChild(t, r);
+	}
+	let P = this.propertyTable = function(e, t, n, r) {
+		return l.log.debug("Property table for: " + e), e = b.canon(e), t ? (l.log.info("Re-expand: " + t), t) : (t = o.createElement("table"), t.classList.add("tableFullWidth"), ie(e, n, r).then((n) => {
+			if (t.appendChild(n), n.firstPane) {
+				let i;
+				try {
+					l.log.info("outline: Rendering pane (1): " + n.firstPane.name), i = n.firstPane.render(e, a, r);
+				} catch (e) {
+					i = o.createElement("div"), i.setAttribute("class", "exceptionPane");
+					let t = o.createElement("pre");
+					i.appendChild(t), t.appendChild(o.createTextNode(l.utils.stackString(e)));
+				}
+				let s = o.createElement("tr"), c = s.appendChild(o.createElement("td"));
+				c.setAttribute("colspan", "2"), c.style.textAlign = "left", c.style.width = "100%", c.style.backgroundColor = "var(--color-background, #F8F9FB)", c.appendChild(i), n.firstPane.requireQueryButton && o.getElementById("queryButton") && o.getElementById("queryButton").removeAttribute("style"), t.appendChild(s), s.pane = n.firstPane, s.paneButton = n.paneButton;
+			}
+		}), t);
+	};
+	function F(e, t, n) {
+		let r = e.createElement("TR");
+		r.AJAR_statement = t, r.AJAR_inverse = n, r.setAttribute("predTR", "true");
+		let i = c.outlinePredicateTD(t.predicate, r, n);
+		return r.appendChild(i), r;
+	}
+	this.propertyTR = F;
+	function I(e, t, n, r) {
+		if (l.log.debug("Property list length = " + t.length), t.length === 0) return "";
+		let i, a, u;
+		n ? (i = function(e) {
+			return e.subject;
+		}, t = t.sort(l.utils.RDFComparePredicateSubject)) : (i = function(e) {
+			return e.object;
+		}, t = t.sort(l.utils.RDFComparePredicateObject));
+		let d = t.length;
+		for (a = 0; a < d; a++) {
+			let f = t[a];
+			if (r && !r(f.predicate, n)) continue;
+			let p = F(o, f, n);
+			e.appendChild(p);
+			let m = p.firstChild, h = $.defaults[f.predicate.uri], g = 0, _ = 0, v = 0;
+			for (u = 0; u + a < d && t[a + u].predicate.sameTerm(f.predicate); u++) u > 0 && i(t[a + u]).sameTerm(i(t[a + u - 1])) && g++, i(t[a + u]).lang && s.labeller.LanguagePreference && (_ += 1, i(t[a + u]).lang.indexOf(s.labeller.LanguagePreference) >= 0 && v++);
+			if (v > 0 && _ === g + 1) {
+				for (let e = a; e <= a + g; e++) if (s.labeller.LanguagePreference && i(t[e]).lang.indexOf(s.labeller.LanguagePreference) >= 0) {
+					p.appendChild(c.outlineObjectTD(i(t[e]), h, void 0, f));
+					break;
+				}
+				a += g;
+				continue;
+			}
+			p.appendChild(c.outlineObjectTD(i(f), h, void 0, f)), p.showNobj = function(r) {
+				let s = u - g, d = 2 * r < s ? r : s, p = [];
+				if (s !== 1) {
+					m.setAttribute("rowspan", d === s ? s : r + 1);
+					let g;
+					d < s && d === 1 && m.setAttribute("rowspan", 2);
+					let _ = 0;
+					for (g = 1; g < u; g++) if (b.canon(i(t[a + g])).sameTerm(b.canon(i(t[a + g - 1])))) l.log.info("there are duplicates here: %s", t[a + g - 1]);
+					else {
+						_++, f = t[a + g], h = $.defaults[f.predicate.uri];
+						let r = o.createElement("tr");
+						r.style.colspan = "1", r.appendChild(c.outlineObjectTD(i(t[a + g]), h, void 0, f)), r.AJAR_statement = f, r.AJAR_inverse = n, e.appendChild(r), _ >= d && (r.style.display = "none", p.push(r));
+					}
+					d === s && m.setAttribute("rowspan", _ + 1);
+				}
+				if (d < s) {
+					let t = o.createElement("tr"), n = t.appendChild(o.createElement("td"));
+					if (n.setAttribute("style", "margin: 0.2em; border: none; padding: 0; vertical-align: top;"), n.setAttribute("notSelectable", "false"), s > r) {
+						let e = o.createElement("a");
+						n.appendChild(e);
+						let t = (function(e) {
+							return e(m, u, g, r);
+						})(function(t, n, r, i) {
+							return function(n) {
+								e.innerHTML = "", n === "none" ? (e.appendChild(l.utils.AJARImage(l.icons.originalIconBase + "tbl-more-trans.png", "more", "See all", o)), e.appendChild(o.createTextNode(s - i + " more...")), t.setAttribute("rowspan", i + 1)) : (e.appendChild(l.utils.AJARImage(l.icons.originalIconBase + "tbl-shrink.png", "(less)", void 0, o)), t.setAttribute("rowspan", s + 1));
+								for (let e = 0; e < p.length; e++) {
+									let t = p[e];
+									t.style.display = n;
+								}
+							};
+						}), i = "none", a = function(e) {
+							return t(i), i = i === "none" ? "" : "none", e && e.stopPropagation(), !1;
+						};
+						a(), e.addEventListener("click", a, !1);
+					}
+					e.appendChild(t);
+				}
+			}, p.showAllobj = function() {
+				p.showNobj(u - g);
+			}, p.showNobj(10), a += u - 1;
+		}
+	}
+	this.appendPropertyTRs = I;
+	let L = {};
+	globalThis.termWidget = L, L.construct = function(e) {
+		e ||= document;
+		let t = e.createElement("TD");
+		return t.setAttribute("style", "margin: 0.2em; border: none; padding: 0; vertical-align: top;"), t.setAttribute("class", "iconTD"), t.setAttribute("notSelectable", "true"), t.style.width = "0px", t;
+	}, L.addIcon = function(e, t, n) {
+		let r = e.childNodes[1];
+		if (!r) return;
+		let i = r.style.width, a = l.utils.AJARImage(t.src, t.alt, t.tooltip, o);
+		i = parseInt(i), i += t.width, r.style.width = i + "px", r.appendChild(a), n && a.addEventListener("click", n);
+	}, L.removeIcon = function(e, t) {
+		let n = e.childNodes[1], r;
+		if (!n) return;
+		let i = n.style.width;
+		i = parseInt(i), i -= t.width, n.style.width = i + "px";
+		for (let e = 0; e < n.childNodes.length; e++) {
+			let i = n.childNodes[e], a = i.src;
+			try {
+				r = o.location.href.split("?")[0];
+			} catch (e) {
+				console.log(e), r = "";
+			}
+			a === m.uri.join(t.src, r) && n.removeChild(i);
+		}
+	}, L.replaceIcon = function(e, t, n, r) {
+		L.removeIcon(e, t), L.addIcon(e, n, r);
+	};
+	function R() {
+		this.pat = b.formula(), this.vars = [];
+	}
+	let z = [];
+	z[0] = new R();
+	function ae(e, n) {
+		l.log.debug("Button callbacks for " + n + " added");
+		let r = function(r) {
+			return function(i) {
+				return i.indexOf("#") >= 0 && console.log("@@ makeIconCallback: Not expecting # in URI whose state changed: " + i), !e || !s.ancestor(e, "DIV") ? !1 : (i === n && (e.src = r, e.title = t.tooltips[r]), !0);
+			};
+		};
+		x.addCallback("request", r(t.src.icon_requested)), x.addCallback("done", r(t.src.icon_fetched)), x.addCallback("fail", r(t.src.icon_failed));
+	}
+	function B(e) {
+		let t = e.getAttribute("class");
+		return !!(t && t.indexOf("selected") >= 0);
+	}
+	function V(e) {
+		let n = c.targetOf(e).parentNode;
+		L.replaceIcon(n.parentNode, t.termWidgets.optOn, t.termWidgets.optOff, H), n.parentNode.parentNode.removeAttribute("optional");
+	}
+	function H(e) {
+		let n = c.targetOf(e).parentNode;
+		L.replaceIcon(n.parentNode, t.termWidgets.optOff, t.termWidgets.optOn, V), n.parentNode.parentNode.setAttribute("optional", "true");
+	}
+	function U(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")) {
+			let e = t.getAttribute("parentOfSelected");
+			e = e ? parseInt(e) : 0, e === 0 && n > 0 && L.addIcon(t.childNodes[0], t.getAttribute("optional") ? r : i, t.getAttribute("optional") ? V : H), e += n, t.setAttribute("parentOfSelected", e), e === 0 && (t.removeAttribute("parentOfSelected"), L.removeIcon(t.childNodes[0], t.getAttribute("optional") ? r : i));
+			break;
+		} else if (t.previousSibling && t.previousSibling.nodeName === "TR") t = t.previousSibling;
+		else break;
+	}
+	this.statusBarClick = function(e) {
+		let t = l.utils.getTarget(e);
+		t.label && (window.content.location = t.label);
+	}, this.showURI = function(e) {
+		e && o.getElementById("UserURI") && (o.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 < y.length; e++) {
+				if (!y[e].parentNode) {
+					console.log("showSource: EH? no parentNode? " + y[e] + "\n");
+					continue;
+				}
+				let t = y[e].parentNode.AJAR_statement;
+				if (!t) continue;
+				let n = t.why;
+				n && n.uri && sourceWidget.highlight(n, !0);
+			}
+		}
+	}, this.getSelection = function() {
+		return y;
+	};
+	function W(e, n) {
+		if (e.nodeName !== "TD") throw l.log.debug("down" + e.nodeName), Error("Expected TD in setSelected: " + e.nodeName + " : " + e.textContent);
+		l.log.debug("pass");
+		let r = e.getAttribute("class");
+		if (r ||= "", n) {
+			r += " selected", (r.indexOf("pred") >= 0 || r.indexOf("obj") >= 0) && U(e, 1), y.push(e);
+			let n = l.utils.getTerm(e);
+			c.showURI(n);
+			let i = e.AJAR_statement;
+			if (i === void 0 && e.parentNode && (i = e.parentNode.AJAR_statement), i) {
+				let n = i.why;
+				f.updater.editable(n.uri, b) && r.indexOf("pred") >= 0 && L.addIcon(e, t.termWidgets.addTri);
+			}
+		} else l.log.debug("cla=$" + r + "$"), r === "selected" && (r = ""), r = r.replace(" selected", ""), (r.indexOf("pred") >= 0 || r.indexOf("obj") >= 0) && U(e, -1), r.indexOf("pred") >= 0 && L.removeIcon(e, t.termWidgets.addTri), y = y.filter(function(t) {
+			return t === e;
+		}), l.log.info("Deselecting " + e.textContent);
+		typeof sourceWidget < "u" && c.showSource(), e.setAttribute("class", r);
+	}
+	function G() {
+		let e = y.length;
+		for (let t = e - 1; t >= 0; t--) W(y[t], !1);
+		y = [];
+	}
+	this.targetOf = function(e) {
+		let t;
+		if (e ||= window.event, e.target) t = e.target;
+		else if (e.srcElement) t = e.srcElement;
+		else return l.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 || y[0], r;
+		switch (e) {
+			case "down":
+				try {
+					r = n.parentNode.nextSibling.lastChild;
+				} catch {
+					this.walk("up");
+					return;
+				}
+				G(), W(r, !0);
+				break;
+			case "up":
+				try {
+					r = n.parentNode.previousSibling.lastChild;
+				} catch {
+					return;
+				}
+				G(), W(r, !0);
+				break;
+			case "right":
+				if (G(), n.nextSibling || n.lastChild.tagName === "strong") W(n.nextSibling, !0);
+				else {
+					let e = o.evaluate("table/div/tr/td[2]", n, null, XPathResult.FIRST_ORDERED_NODE_TYPE, null).singleNodeValue;
+					W(e, !0);
+				}
+				break;
+			case "left":
+				if (G(), n.previousSibling && n.previousSibling.className === "undetermined") return W(n.previousSibling, !0), !0;
+				W(l.utils.ancestor(n.parentNode, "TD"), !0);
+				break;
+			case "moveTo":
+				G(), W(t, !0);
+				break;
+		}
+		(e === "down" || e === "up") && (r.tabulatorSelect || this.walk(e));
+	}, this.OutlinerKeypressPanel = function(e) {
+		l.log.info("Key " + e.keyCode + " pressed");
+		function t(e) {
+			e && o.getElementById("UserURI") && (o.getElementById("UserURI").value = e.termType === "NamedNode" ? e.uri : "");
+		}
+		function n(e) {
+			return arguments[3] ? !0 : (u("right", a), t(l.utils.getAbout(b, y[0])), !0);
+		}
+		let r, i;
+		if (l.utils.getTarget(e).tagName === "TEXTAREA" || l.utils.getTarget(e).id === "UserURI" || y.length > 1) return;
+		if (y.length === 0) {
+			(e.keyCode === 13 || e.keyCode === 38 || e.keyCode === 40 || e.keyCode === 37 || e.keyCode === 39) && (this.walk("right", c.focusTd), t(l.utils.getAbout(b, y[0])));
+			return;
+		}
+		let a = y[0];
+		switch (x.removeCallback("done", "setSelectedAfterward"), x.removeCallback("fail", "setSelectedAfterward"), e.keyCode) {
+			case 13:
+				if (l.utils.getTarget(e).tagName === "HTML") {
+					let e = l.utils.getAbout(b, a);
+					r = a.parentNode.AJAR_statement.why, i = f.updater.editable(r.uri, b), e ? s.GotoSubject(e, !0) : i && c.UserInput.Enter(a);
+				} else this.UserInput.Keypress(e), this.walk("down"), e.stopPropagation();
+				return;
+			case 38:
+				this.walk("up"), e.stopPropagation(), e.preventDefault();
+				break;
+			case 40: this.walk("down"), e.stopPropagation(), e.preventDefault();
+		}
+		if (l.utils.getTarget(e).tagName === "INPUT") return;
+		let u;
+		switch (e.keyCode) {
+			case 46:
+			case 8:
+				r = a.parentNode.AJAR_statement.why, i = f.updater.editable(r.uri, b), i && (e.preventDefault(), this.UserInput.Delete(a));
+				break;
+			case 37: {
+				if (this.walk("left")) return;
+				let e = l.utils.ancestor(a.parentNode, "TD");
+				X(a, l.utils.getAbout(b, e));
+				break;
+			}
+			case 39:
+				{
+					let e = l.utils.getAbout(b, a);
+					if (e) {
+						if (u = this.walk, a.nextSibling) {
+							this.walk("right");
+							return;
+						}
+						a.firstChild.tagName !== "TABLE" && (x.addCallback("done", n), x.addCallback("fail", n), Y(a, e, { pane: p.byName("defaultPane") })), n();
+					}
+				}
+				break;
+			case 38:
+			case 40: break;
+			default: switch (e.charCode) {
+				case 99:
+					if (e.ctrlKey) {
+						c.UserInput.copyToClipboard(c.clipboardAddress, a);
+						break;
+					}
+					break;
+				case 118:
+				case 112:
+					if (e.ctrlKey) {
+						c.UserInput.pasteFromClipboard(c.clipboardAddress, a);
+						break;
+					}
+					break;
+				default: l.utils.getTarget(e).tagName;
+			}
+		}
+		if (t(l.utils.getAbout(b, y[0])), y[0]) {
+			let e = l.utils.findPos(y[0])[1];
+			e + y[0].clientHeight > window.scrollY + window.innerHeight && l.utils.getEyeFocus(y[0], !0, !0, window), e < window.scrollY + 54 && l.utils.getEyeFocus(y[0], !0, void 0, window);
+		}
+	}, this.OutlinerMouseclickPanel = function(e) {
+		switch (c.UserInput._tabulatorMode) {
+			case 0:
+				de(e);
+				break;
+			case 1:
+				c.UserInput.Click(e);
+				break;
+			default:
+		}
+	};
+	function oe(e) {
+		let t = c.targetOf(e), n = t.parentNode, r = l.utils.getAbout(b, t), i = e.altKey ? p.byName("internal") : void 0;
+		e.shiftKey ? Z(n, r, i) : e.altKey ? Y(n, r, {
+			pane: p.byName("internal"),
+			immediate: !0
+		}) : Y(n, r);
+	}
+	function se(e) {
+		let t = c.targetOf(e), n = l.utils.getAbout(b, t), r = e.altKey ? p.byName("internal") : void 0, i = t.parentNode.parentNode;
+		X(i, n, r);
+	}
+	function K(e) {
+		let t = c.targetOf(e).getAttribute("uri");
+		e.altKey ? x.fetch(m.uri.docpart(t), { force: !0 }) : x.refresh(b.sym(m.uri.docpart(t)));
+	}
+	function ce(e) {
+		let t = c.targetOf(e).getAttribute("uri");
+		e.altKey ? x.fetch(m.uri.docpart(t), { force: !0 }) : x.refresh(b.sym(m.uri.docpart(t)));
+	}
+	function le(e) {
+		let t = c.targetOf(e).getAttribute("uri");
+		x.fetch(m.uri.docpart(t));
+	}
+	function ue(e) {
+		let t = c.targetOf(e), n = t.node;
+		n.childNodes.length > 1 && (n = t.parentNode), N(n);
+	}
+	function q(e) {
+		if (c.UserInput._tabulatorMode) return c.UserInput.Click(e);
+		let t = c.targetOf(e), n;
+		for (n = l.utils.ancestor(t, "TD"); n && n.getAttribute("notSelectable") !== "false"; n = l.utils.ancestor(n.parentNode, "TD"));
+		if (!n) return;
+		let r = B(n);
+		if (l.log.debug("Was node selected before: " + r), e.altKey) W(n, !B(n));
+		else if (e.shiftKey) W(n, !0);
+		else {
+			if (G(), c.UserInput.clearInputAndSave(e), W(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 = f.updater.editable(i.uri, b);
+			r && a && c.UserInput.Click(e, y[0]);
+		}
+		l.log.debug("Was node selected after: " + B(n) + ", count=" + y.length), e.stopPropagation();
+	}
+	function de(e) {
+		l.log.info("@TabulatorMousedown, dom.location is now " + o.location);
+		let n = c.targetOf(e);
+		if (!n) return;
+		let r = n.tagName;
+		r === "INPUT" || r === "TEXTAREA" || (c.UserInput.clearMenu(), c.UserInput.lastModified && c.UserInput.lastModified.parentNode.nextSibling && c.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) && c.UserInput.clearInputAndSave(e), (!n.src || n.src.slice(n.src.indexOf("/icons/") + 1) !== t.src.icon_show_choices) && c.UserInput.clearMenu(), e && e.stopPropagation());
+	}
+	function J(e) {
+		o.title = l.utils.label(e), o.location.href.startsWith(e.site().uri);
+	}
+	function Y(e, t, n) {
+		n ||= {};
+		let r = n.pane, i = !!n.already, a = n.immediate;
+		l.log.info("@outlineExpand, dom is now " + o.location), x.removeCallback("done", "expand"), x.removeCallback("fail", "expand");
+		let s = b.canon(t);
+		function u() {
+			if (s = b.canon(s), !e || !e.parentNode || !e.parentNode.parentNode) return !1;
+			let t;
+			if (l.log.info("@@ REPAINTING "), !i) t = P(s, void 0, r, n);
+			else {
+				for (l.log.info(" ... p is  " + e), t = e.firstChild; t.nextSibling && (l.log.info(" ... checking node " + t), t.nodeName !== "table"); t = t.nextSibling);
+				t = P(s, t, r, n);
+			}
+			i = !0, l.utils.ancestor(e, "TABLE") && l.utils.ancestor(e, "TABLE").style.backgroundColor === "white" ? t.style.backgroundColor = "#eee" : t.style.backgroundColor = "white", l.utils.emptyNode(e).appendChild(t), c.focusTd = e, l.log.debug("expand: Node for " + s + " expanded");
+			let a = b.each(s, l.ns.rdfs("seeAlso"));
+			for (let e = 0; e < a.length; e++) e === 25 && l.log.warn("expand: Warning: many (" + a.length + ") seeAlso links for " + s), x.lookUpThing(a[e], s);
+		}
+		function d(e) {
+			if (arguments[3]) return !0;
+			let t = b.canon(s);
+			l.log.info("@@ expand: relevant subject=" + t + ", uri=" + e + ", already=" + i);
+			let n = b.sym(m.uri.docpart(e));
+			if (e.indexOf("#") >= 0) throw Error("Internal error: hash in " + e);
+			return function() {
+				if (!t.uri) return !0;
+				let r = b.uris(t);
+				if (!r) return !1;
+				for (let t = 0; t < r.length; t++) for (let n = m.uri.docpart(r[t]); n; n = b.HTTPRedirects[n]) if (e === n) return !0;
+				return !!b.anyStatementMatching(t, void 0, void 0, n);
+			}() ? (l.log.success("@@ expand OK: relevant subject=" + t + ", uri=" + e + ", source=" + i), u(), !1) : !0;
+		}
+		n.solo && J(s), l.log.debug("outlineExpand: dereferencing " + s);
+		let f = o.createElement("span");
+		e.appendChild(f), x.addCallback("done", d), x.addCallback("fail", d);
+		let p = [];
+		if (s.uri && s.uri.split(":")[0] === "rdf") {
+			u();
+			return;
+		}
+		for (let e = 0; e < p.length; e++) if (p[e](s) === void 0) {
+			u(), l.log.debug("outline 1815"), (void 0)[1] && S.removeChild(S.lastChild);
+			return;
+		}
+		if (s.uri && !a && !l.widgets.isAudio(s) && !l.widgets.isVideo(s)) {
+			let t = s.doc() && s.doc().uri ? s.doc().uri : "" + s.doc(), r = function(e) {
+				let t = !!(s && s.uri && s.site && s.site().uri === s.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 s = i(n, a), c = s ? r(s) : n, u = l.widgets.errorMessageBlock(o, c, "#fee", a instanceof Error ? a : void 0);
+				t && u.setAttribute("data-outline-error-for", t), e.appendChild(u);
+			}, c = !1, d = x.nowOrWhenFetched(s.doc(), void 0, function(e, t) {
+				e ? (x.lookUpThing(s), u(), n.solo && J(s)) : (c = !0, a(t, void 0));
+			});
+			d && typeof d.catch == "function" && d.catch(function(e) {
+				c || (c = !0, a(e, e));
+			});
+		} else u();
+	}
+	function X(e, t) {
+		let n = l.utils.ancestor(e, "TR");
+		n = l.utils.ancestor(n.parentNode, "TR");
+		let r;
+		n && (r = n.AJAR_statement);
+		let i;
+		for (i = e.parentNode; i.tagName !== "TD"; i = i.parentNode) if (i === void 0) {
+			alert("Not enclosed in TD!");
+			return;
+		}
+		l.log.debug("Collapsing subject " + t);
+		let a;
+		r && (l.log.debug("looking up pred " + r.predicate.uri + "in defaults"), a = $.defaults[r.predicate.uri]), l.log.debug("view= " + a);
+		let o;
+		i.parentNode.parentNode.id === "outline" && (o = i.parentNode), c.replaceTD(c.outlineObjectTD(t, a, o, r), i);
+	}
+	this.replaceTD = function(e, t) {
+		let n;
+		B(t) && (n = !0);
+		for (let e = y.length - 1; e > -1; e--) for (let n = y[e]; n.parentNode; n = n.parentNode) n === t && W(y[e], !1);
+		t.parentNode.replaceChild(e, t), n && W(e, !0);
+	};
+	function Z(e, t) {
+		let n = null;
+		for (let t = e.parentNode; t; t = t.parentNode) l.log.debug("level " + t.tagName), t.tagName === "TD" && (n = t);
+		l.utils.emptyNode(n).appendChild(P(t)), J(t), n.setAttribute("about", t.toNT());
+	}
+	s.outlineRefocus = Z, this.GotoFormURI_enterKey = function(e) {
+		e.keyCode === 13 && s.GotoFormURI(e);
+	}, this.GotoFormURI = function(e) {
+		fe(o.getElementById("UserURI").value);
+	};
+	function fe(e) {
+		let t = b.sym(e);
+		this.GotoSubject(t, !0);
+	}
+	this.GotoURIinit = function(e) {
+		let t = b.sym(e);
+		this.GotoSubject(t);
+	}, this.GotoSubject = function(e, t, n, r, i, a) {
+		a ||= k("OutlineView"), r && (l.utils.emptyNode(a), a.style.width = "100%");
+		function s() {
+			let t = o.createElement("TR");
+			t.style.verticalAlign = "top", a.appendChild(t);
+			let n = c.outlineObjectTD(e, void 0, t);
+			return t.appendChild(n), n;
+		}
+		let u = s();
+		if (r && J(e), t) {
+			Y(u, e, {
+				pane: n,
+				solo: r
+			});
+			let t = u.parentNode;
+			l.utils.getEyeFocus(t, !1, void 0, window);
+		}
+		if (r && o && o.defaultView && o.defaultView.history && document.location.href !== e.uri) {
+			let t = n ? { paneName: n.name } : {};
+			try {
+				let n = new URL(document.location.href), r = new URL(e.uri, document.location.href);
+				n.origin === r.origin && o.defaultView.history.pushState(t, e.uri, e.uri);
+			} catch (e) {
+				console.log(e);
+			}
+		}
+		return e;
+	};
+	let Q = l.ns, $ = e(o);
+	function pe(e) {
+		let n;
+		if (e.termType === "Literal") {
+			let t = {
+				integer: "text-align: right;",
+				decimal: "text-align: '.';",
+				double: "text-align: '.';"
+			};
+			n = o.createElement("span"), n.textContent = e.value;
+			let r = "";
+			if (e.datatype && e.datatype.uri) {
+				let n = l.ns.xsd("").uri;
+				e.datatype.uri.slice(0, n.length) === n && (r = t[e.datatype.uri.slice(n.length)]);
+			}
+			n.setAttribute("style", r || "white-space: pre-wrap;");
+		} else if (e.termType === "NamedNode" || e.termType === "BlankNode") if (n = o.createElement("span"), n.setAttribute("about", e.toNT()), c.appendAccessIcons(b, n, e), e.termType === "NamedNode") if (e.uri.slice(0, 4) === "tel:") {
+			let r = e.uri.slice(4), i = o.createElement("a");
+			n.appendChild(o.createTextNode(r)), i.setAttribute("href", e.uri), i.appendChild(l.utils.AJARImage(t.src.icon_telephone, "phone", "phone " + r, o)), n.appendChild(i), i.firstChild.setAttribute("class", "phoneIcon");
+		} else {
+			n.appendChild(o.createTextNode(l.utils.label(e)));
+			let t = l.widgets.linkIcon(o, e);
+			n.appendChild(t), l.widgets.makeDraggable(n, e);
+		}
+		else n.appendChild(o.createTextNode(l.utils.label(e)));
+		else if (e.termType === "Collection") {
+			n = o.createElement("table"), n.classList.add("tableFullWidth"), n.setAttribute("about", e.toNT());
+			for (let t = 0; t < e.elements.length; t++) {
+				let r = e.elements[t], i = n.appendChild(o.createElement("tr")), a = i.appendChild(o.createElement("td"));
+				a.classList.add("obj"), a.setAttribute("notSelectable", "false"), a.setAttribute("about", e.toNT()), a.innerHTML = t + 1 + ")", i.appendChild(c.outlineObjectTD(r));
+			}
+		} else e.termType === "Graph" ? (n = p.byName("dataContentPane").statementsAsTables(e.statements, a), n.setAttribute("class", "nestedFormula")) : (l.log.error("Object " + e + " has unknown term type: " + e.termType), n = o.createTextNode("[unknownTermType:" + e.termType + "]"));
+		return l.log.debug("contents: " + n.innerHTML), n;
+	}
+	return this.createTabURI = function() {
+		o.getElementById("UserURI").value = o.URL + "?uri=" + o.getElementById("UserURI").value;
+	}, this.UserInput.setSelected = W, this.UserInput.deselectAll = G, this.UserInput.views = $, this.outlineExpand = Y, this;
+}
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=manager2.esm.js.map