solid-ui 5.0.2-4 → 5.0.2-5

package/dist/widgets/buttons.esm.js

@@ -1,19 +1,19 @@
-import e from "../lib/ns.esm.js";
-import { info as t } from "../lib/log.esm.js";
+import { icons as e } from "../lib/iconBase.esm.js";
+import t from "../lib/ns.esm.js";
 import { label as n } from "../utils/label.esm.js";
-import { escapeForXML as r, getTarget as i, syncTableToArray as a } from "../utils/index.esm.js";
-import { log as o } from "../lib/debug.esm.js";
-import { style as s } from "../lib/style.esm.js";
-import { makeDraggable as c, makeDropTarget as l, uploadFiles as u } from "./dragAndDrop.esm.js";
-import { errorMessageBlock as d } from "./error.esm.js";
-import { icons as f } from "../lib/iconBase.esm.js";
-import p from "../lib/newperson.esm.js";
+import { style as r } from "../lib/style.esm.js";
+import { log as i } from "../lib/debug.esm.js";
+import { info as a } from "../lib/log.esm.js";
+import { makeDraggable as o, makeDropTarget as s, uploadFiles as c } from "./dragAndDrop.esm.js";
+import { escapeForXML as l, getTarget as u, syncTableToArray as d } from "../utils/index.esm.js";
+import f from "../lib/newperson.esm.js";
+import { errorMessageBlock as p } from "./error.esm.js";
 import { addClickListenerToElement as m, createImageDiv as h, wrapDivInATR as g } from "./widgetHelpers.esm.js";
 import { createLinkForURI as _, linkIcon as v } from "./buttons/iconLinks.esm.js";
 import { Util as y, st as b, sym as x, uri as S } from "rdflib";
 import { store as C } from "solid-logic";
 // src/widgets/buttons.ts
-var { iconBase: w } = f, T = w + "noun_1180156.svg", E = w + "noun_1180158.svg";
+var { iconBase: w } = e, T = w + "noun_1180156.svg", E = w + "noun_1180158.svg";
 function D(e) {
 	let t = e && e.statusArea || e && e.div || null;
 	if (t) return t;
@@ -27,7 +27,7 @@ function D(e) {
 function O(e, t) {
 	if (!t) return;
 	let n = D(e);
-	o("Complaint: " + t), n ? n.appendChild(d(e && e.dom || document, t)) : alert(t);
+	i("Complaint: " + t), n ? n.appendChild(p(e && e.dom || document, t)) : alert(t);
 }
 function k(e) {
 	for (; e.firstChild;) e.removeChild(e.firstChild);
@@ -75,20 +75,20 @@ function ee() {
 function te() {
 	return M(/* @__PURE__ */ new Date(), "{Hours}:{Minutes}:{Seconds}.{Milliseconds}");
 }
-function N(t, r) {
-	let i = C, a = function(t) {
-		let n = i.any(t, e.vcard("fn")) || i.any(t, e.foaf("name")) || i.any(t, e.vcard("organization-name"));
+function N(e, r) {
+	let i = C, a = function(e) {
+		let n = i.any(e, t.vcard("fn")) || i.any(e, t.foaf("name")) || i.any(e, t.vcard("organization-name"));
 		return n ? n.value : null;
-	}, o = r.sameTerm(e.foaf("Agent")) ? "Everyone" : a(r);
-	if (t.textContent = o || n(r), !o && r.uri) {
+	}, o = r.sameTerm(t.foaf("Agent")) ? "Everyone" : a(r);
+	if (e.textContent = o || n(r), !o && r.uri) {
 		if (!i.fetcher) throw Error("kb has no fetcher");
-		i.fetcher.nowOrWhenFetched(r.doc(), void 0, function(e) {
-			t.textContent = a(r) || n(r);
+		i.fetcher.nowOrWhenFetched(r.doc(), void 0, function(t) {
+			e.textContent = a(r) || n(r);
 		});
 	}
 }
-function ne(t, n) {
-	return n.each(t, e.sioc("avatar")).concat(n.each(t, e.foaf("img"))).concat(n.each(t, e.vcard("logo"))).concat(n.each(t, e.vcard("hasPhoto"))).concat(n.each(t, e.vcard("photo"))).concat(n.each(t, e.foaf("depiction")));
+function ne(e, n) {
+	return n.each(e, t.sioc("avatar")).concat(n.each(e, t.foaf("img"))).concat(n.each(e, t.vcard("logo"))).concat(n.each(e, t.vcard("hasPhoto"))).concat(n.each(e, t.vcard("photo"))).concat(n.each(e, t.foaf("depiction")));
 }
 var P = {
 	"solid:AppProviderClass": "noun_144.svg",
@@ -96,9 +96,9 @@ var P = {
 	"solid:Pod": "noun_Cabinet_1434380.svg",
 	"vcard:Group": "noun_339237.svg",
 	"vcard:Organization": "noun_143899.svg",
-	"vcard:Individual": p,
-	"schema:Person": p,
-	"foaf:Person": p,
+	"vcard:Individual": f,
+	"schema:Person": f,
+	"foaf:Person": f,
 	"foaf:Agent": "noun_98053.svg",
 	"acl:AuthenticatedAgent": "noun_99101.svg",
 	"prov:SoftwareAgent": "noun_Robot_849764.svg",
@@ -126,39 +126,39 @@ function I(e) {
 	let t = w;
 	return typeof e != "string" && e.uri ? e.uri.split("/").length === 4 && !e.uri.split("/")[1] && !e.uri.split("/")[3] ? t + "noun_15177.svg" : e.uri.startsWith("message:") || e.uri.startsWith("mid:") ? t + "noun_480183.svg" : e.uri.startsWith("mailto:") ? t + "noun_567486.svg" : e.uri.startsWith("https:") && e.uri.indexOf("#") < 0 ? F(e) + "favicon.ico" : null : t + "noun_10636_grey.svg";
 }
-function L(t) {
+function L(e) {
 	let n = C, r = w;
-	if (t.sameTerm(e.foaf("Agent")) || t.sameTerm(e.rdf("Resource"))) return r + "noun_98053.svg";
-	let i = n.any(t, e.sioc("avatar")) || n.any(t, e.foaf("img")) || n.any(t, e.vcard("logo")) || n.any(t, e.vcard("hasPhoto")) || n.any(t, e.vcard("photo")) || n.any(t, e.foaf("depiction"));
+	if (e.sameTerm(t.foaf("Agent")) || e.sameTerm(t.rdf("Resource"))) return r + "noun_98053.svg";
+	let i = n.any(e, t.sioc("avatar")) || n.any(e, t.foaf("img")) || n.any(e, t.vcard("logo")) || n.any(e, t.vcard("hasPhoto")) || n.any(e, t.vcard("photo")) || n.any(e, t.foaf("depiction"));
 	return i ? i.uri : null;
 }
 function R(e, t, n) {
-	let r = C, i = L(t);
-	if (i) return e.setAttribute("src", i), !0;
-	let a = n[t.uri];
-	if (a) return e.setAttribute("src", a), e.style = s.classIconStyle, !0;
-	let o = I(t);
-	if (o) return e.setAttribute("src", o), !0;
-	let c = r.findTypeURIs(t);
+	let i = C, a = L(t);
+	if (a) return e.setAttribute("src", a), !0;
+	let o = n[t.uri];
+	if (o) return e.setAttribute("src", o), e.style = r.classIconStyle, !0;
+	let s = I(t);
+	if (s) return e.setAttribute("src", s), !0;
+	let c = i.findTypeURIs(t);
 	for (let t in c) if (n[t]) return e.setAttribute("src", n[t]), !1;
 	return e.setAttribute("src", w + "noun_10636_grey.svg"), !1;
 }
-function z(t, n) {
+function z(e, n) {
 	let r = C, i = {};
-	for (let t in P) {
-		let n = t.split(":")[0], r = t.split(":")[1], a = e[n](r), o = P[t];
+	for (let e in P) {
+		let n = e.split(":")[0], r = e.split(":")[1], a = t[n](r), o = P[e];
 		o.startsWith("data:") ? i[a.uri] = o : i[a.uri] = S.join(o, w);
 	}
-	if (!R(t, n, i) && n.uri) {
+	if (!R(e, n, i) && n.uri) {
 		if (!r.fetcher) throw Error("kb has no fetcher");
-		r.fetcher.nowOrWhenFetched(n.doc(), void 0, (e) => {
-			e && R(t, n, i);
+		r.fetcher.nowOrWhenFetched(n.doc(), void 0, (t) => {
+			t && R(e, n, i);
 		});
 	}
 }
 function B(e, t) {
 	let n = e.createElement("img");
-	if (n.style = s.iconStyle, n.setAttribute("src", w + (function(e) {
+	if (n.style = r.iconStyle, n.setAttribute("src", w + (function(e) {
 		if (!e.uri) return !1;
 		let t = e.uri.split("/");
 		return t.length === 3 || t.length === 4 && t[3] === "";
@@ -168,48 +168,48 @@ function B(e, t) {
 	}
 	return z(n, t), n;
 }
-function re(e, t, n, r, i) {
-	function a() {
-		t.remove(), i();
+function re(t, n, i, a, o) {
+	function s() {
+		n.remove(), o();
 	}
-	function o() {
-		a();
-		let e = r();
-		if (e && typeof e.then == "function") return e.then(i);
-		i();
+	function c() {
+		s();
+		let e = a();
+		if (e && typeof e.then == "function") return e.then(o);
+		o();
 	}
-	let c = e.createElement("div");
-	c.style.cssText = s.confirmPopupStyle, c.style.position = "absolute", c.style.top = "-1em", c.style.display = "grid", c.style.gridTemplateColumns = "auto auto";
-	let l = e.createElement("div");
-	l.style.gridColumn = "1/2", l.style.gridRow = "1";
-	let u = e.createElement("div");
-	u.style.gridColumn = "1/2", u.style.gridRow = "2";
-	let d = U(e, a);
-	c.appendChild(d), d.style.gridColumn = "1", d.style.gridRow = "2";
-	let p = c.appendChild(e.createElement("button"));
-	p.style.cssText = s.buttonStyle, p.style.gridRow = "2", p.style.gridColumn = "2", p.textContent = "Cancel";
-	let m = H(e, f.iconBase + "noun_925021.svg", "Delete it");
-	c.appendChild(m), m.style.gridRow = "1", m.style.gridColumn = "1";
-	let h = c.appendChild(e.createElement("button"));
-	return h.style.cssText = s.buttonStyle, h.style.gridRow = "1", h.style.gridColumn = "2", h.textContent = n, c.appendChild(h), m.addEventListener("click", o), h.addEventListener("click", o), p.addEventListener("click", a), c;
-}
-function V(e, t, n, r, i) {
-	function a() {
-		let n = "button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", a = [];
-		if (i) for (let e = t; e; e = e.parentElement) {
+	let l = t.createElement("div");
+	l.style.cssText = r.confirmPopupStyle, l.style.position = "absolute", l.style.top = "-1em", l.style.display = "grid", l.style.gridTemplateColumns = "auto auto";
+	let u = t.createElement("div");
+	u.style.gridColumn = "1/2", u.style.gridRow = "1";
+	let d = t.createElement("div");
+	d.style.gridColumn = "1/2", d.style.gridRow = "2";
+	let f = U(t, s);
+	l.appendChild(f), f.style.gridColumn = "1", f.style.gridRow = "2";
+	let p = l.appendChild(t.createElement("button"));
+	p.style.cssText = r.buttonStyle, p.style.gridRow = "2", p.style.gridColumn = "2", p.textContent = "Cancel";
+	let m = H(t, e.iconBase + "noun_925021.svg", "Delete it");
+	l.appendChild(m), m.style.gridRow = "1", m.style.gridColumn = "1";
+	let h = l.appendChild(t.createElement("button"));
+	return h.style.cssText = r.buttonStyle, h.style.gridRow = "1", h.style.gridColumn = "2", h.textContent = i, l.appendChild(h), m.addEventListener("click", c), h.addEventListener("click", c), p.addEventListener("click", s), l;
+}
+function V(e, t, n, i, a) {
+	function o() {
+		let n = "button:not([disabled]), a[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])", r = [];
+		if (a) for (let e = t; e; e = e.parentElement) {
 			let t = Array.from(e.querySelectorAll(n));
-			a.push({
+			r.push({
 				element: e,
 				index: t.indexOf(c)
 			});
 		}
 		function o() {
-			if (!i) return;
+			if (!a) return;
 			if (c.isConnected) {
 				c.focus();
 				return;
 			}
-			for (let e of a) {
+			for (let e of r) {
 				if (!e.element.isConnected) continue;
 				let t = e.element.querySelectorAll(n);
 				if (t.length) {
@@ -217,35 +217,35 @@ function V(e, t, n, r, i) {
 					return;
 				}
 			}
-			let e = a.find((e) => e.element.isConnected);
+			let e = r.find((e) => e.element.isConnected);
 			e && (e.element.tabIndex = -1, e.element.focus());
 		}
 		let s = e.createElement("div");
-		i ? (i.querySelector(":scope > [data-delete-confirmation]")?.remove(), s.setAttribute("data-delete-confirmation", ""), s.setAttribute("role", "dialog"), s.setAttribute("aria-label", l), i.appendChild(s)) : (t.insertBefore(s, c), s.style.position = "relative");
-		let u = re(e, s, l, r, o);
-		s.appendChild(u), i && (u.style.position = "static", u.style.top = "", Array.from(u.querySelectorAll("button")).find((e) => e.textContent === "Cancel")?.focus());
+		a ? (a.querySelector(":scope > [data-delete-confirmation]")?.remove(), s.setAttribute("data-delete-confirmation", ""), s.setAttribute("role", "dialog"), s.setAttribute("aria-label", l), a.appendChild(s)) : (t.insertBefore(s, c), s.style.position = "relative");
+		let u = re(e, s, l, i, o);
+		s.appendChild(u), a && (u.style.position = "static", u.style.top = "", Array.from(u.querySelectorAll("button")).find((e) => e.textContent === "Cancel")?.focus());
 	}
-	let o = w + "noun_2188_red.svg", c = e.createElement("img");
-	c.setAttribute("src", o), c.tabIndex = 0, c.setAttribute("role", "button"), c.setAttribute("style", s.smallButtonStyle), c.style.float = "right";
+	let s = w + "noun_2188_red.svg", c = e.createElement("img");
+	c.setAttribute("src", s), c.tabIndex = 0, c.setAttribute("role", "button"), c.setAttribute("style", r.smallButtonStyle), c.style.float = "right";
 	let l = "Remove this " + n;
-	return c.title = l, c.setAttribute("aria-label", l), c.classList.add("hoverControlHide"), c.addEventListener("click", a), c.addEventListener("keydown", (e) => {
+	return c.title = l, c.setAttribute("aria-label", l), c.classList.add("hoverControlHide"), c.addEventListener("click", o), c.addEventListener("keydown", (e) => {
 		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), c.click());
 	}), t.classList.add("hoverControl"), t.appendChild(c), c.setAttribute("data-testid", "deleteButtonWithCheck"), c;
 }
-function H(e, t, n, r, i = {
+function H(e, t, n, i, a = {
 	buttonColor: "Primary",
 	needsBorder: !1
 }) {
-	let a = e.createElement("button");
-	if (a.setAttribute("type", "button"), t) {
-		let r = a.appendChild(e.createElement("img"));
-		r.setAttribute("src", t), r.setAttribute("style", "width: 2em; height: 2em;"), r.title = n, a.setAttribute("style", s.buttonStyle);
-	} else a.textContent = n.toLocaleUpperCase(), a.onmouseover = function() {
-		i.buttonColor === "Secondary" ? i.needsBorder ? a.setAttribute("style", s.secondaryButtonNoBorderHover) : a.setAttribute("style", s.secondaryButtonHover) : i.needsBorder ? a.setAttribute("style", s.primaryButtonNoBorderHover) : a.setAttribute("style", s.primaryButtonHover);
-	}, a.onmouseout = function() {
-		i.buttonColor === "Secondary" ? i.needsBorder ? a.setAttribute("style", s.secondaryButtonNoBorder) : a.setAttribute("style", s.secondaryButton) : i.needsBorder ? a.setAttribute("style", s.primaryButtonNoBorder) : a.setAttribute("style", s.primaryButton);
-	}, i.buttonColor === "Secondary" ? i.needsBorder ? a.setAttribute("style", s.secondaryButtonNoBorder) : a.setAttribute("style", s.secondaryButton) : i.needsBorder ? a.setAttribute("style", s.primaryButtonNoBorder) : a.setAttribute("style", s.primaryButton);
-	return r && a.addEventListener("click", r, !1), a;
+	let o = e.createElement("button");
+	if (o.setAttribute("type", "button"), t) {
+		let i = o.appendChild(e.createElement("img"));
+		i.setAttribute("src", t), i.setAttribute("style", "width: 2em; height: 2em;"), i.title = n, o.setAttribute("style", r.buttonStyle);
+	} else o.textContent = n.toLocaleUpperCase(), o.onmouseover = function() {
+		a.buttonColor === "Secondary" ? a.needsBorder ? o.setAttribute("style", r.secondaryButtonNoBorderHover) : o.setAttribute("style", r.secondaryButtonHover) : a.needsBorder ? o.setAttribute("style", r.primaryButtonNoBorderHover) : o.setAttribute("style", r.primaryButtonHover);
+	}, o.onmouseout = function() {
+		a.buttonColor === "Secondary" ? a.needsBorder ? o.setAttribute("style", r.secondaryButtonNoBorder) : o.setAttribute("style", r.secondaryButton) : a.needsBorder ? o.setAttribute("style", r.primaryButtonNoBorder) : o.setAttribute("style", r.primaryButton);
+	}, a.buttonColor === "Secondary" ? a.needsBorder ? o.setAttribute("style", r.secondaryButtonNoBorder) : o.setAttribute("style", r.secondaryButton) : a.needsBorder ? o.setAttribute("style", r.primaryButtonNoBorder) : o.setAttribute("style", r.primaryButton);
+	return i && o.addEventListener("click", i, !1), o;
 }
 function U(e, t) {
 	let n = H(e, T, "Cancel", t);
@@ -254,22 +254,22 @@ function U(e, t) {
 function W(e, t) {
 	return H(e, E, "Continue", t);
 }
-function ie(t, r, i, a, o, c) {
-	return new Promise(function(r, l) {
-		let u = t.createElement("div");
-		a ||= e.foaf("name"), c ||= o ? n(o) : "  ";
-		let d = c + " " + n(a) + ": ";
-		u.appendChild(t.createElement("p")).textContent = d;
-		let f = t.createElement("input");
-		f.setAttribute("type", "text"), f.setAttribute("size", "100"), f.setAttribute("maxLength", "2048"), f.setAttribute("style", s.textInputStyle), f.select(), u.appendChild(f), i.appendChild(u);
+function ie(e, i, a, o, s, c) {
+	return new Promise(function(i, l) {
+		let u = e.createElement("div");
+		o ||= t.foaf("name"), c ||= s ? n(s) : "  ";
+		let d = c + " " + n(o) + ": ";
+		u.appendChild(e.createElement("p")).textContent = d;
+		let f = e.createElement("input");
+		f.setAttribute("type", "text"), f.setAttribute("size", "100"), f.setAttribute("maxLength", "2048"), f.setAttribute("style", r.textInputStyle), f.select(), u.appendChild(f), a.appendChild(u);
 		function p() {
-			u.parentNode.removeChild(u), r(f.value.trim());
+			u.parentNode.removeChild(u), i(f.value.trim());
 		}
 		f.addEventListener("keyup", function(e) {
 			e.keyCode === 13 && p();
-		}, !1), u.appendChild(t.createElement("br")), u.appendChild(U(t, function(e) {
-			u.parentNode.removeChild(u), r(null);
-		})), u.appendChild(W(t, function(e) {
+		}, !1), u.appendChild(e.createElement("br")), u.appendChild(U(e, function(e) {
+			u.parentNode.removeChild(u), i(null);
+		})), u.appendChild(W(e, function(e) {
 			p();
 		})), f.focus();
 	});
@@ -278,9 +278,9 @@ var G = K;
 function K(e, t, n, r) {
 	let i = e.createElement("tr");
 	r ||= {};
-	let a = i.appendChild(e.createElement("td")), o = i.appendChild(e.createElement("td")), s = i.appendChild(e.createElement("td")), l = r.image || B(e, n);
-	a.setAttribute("style", "vertical-align: middle; width:2.5em; padding:0.5em; height: 2.5em;"), o.setAttribute("style", "vertical-align: middle; text-align:left;"), s.setAttribute("style", "vertical-align: middle; width:2em; padding:0.5em; height: 4em;"), a.appendChild(l);
-	let u = o.appendChild(e.createElement("div")), d = u.appendChild(e.createElement("span"));
+	let a = i.appendChild(e.createElement("td")), s = i.appendChild(e.createElement("td")), c = i.appendChild(e.createElement("td")), l = r.image || B(e, n);
+	a.setAttribute("style", "vertical-align: middle; width:2.5em; padding:0.5em; height: 2.5em;"), s.setAttribute("style", "vertical-align: middle; text-align:left;"), c.setAttribute("style", "vertical-align: middle; width:2em; padding:0.5em; height: 4em;"), a.appendChild(l);
+	let u = s.appendChild(e.createElement("div")), d = u.appendChild(e.createElement("span"));
 	if (r.title ? d.textContent = r.title : N(d, n), typeof r.renderNameSuffix == "function") {
 		let t = r.renderNameSuffix(n, e);
 		if (t) {
@@ -291,53 +291,53 @@ function K(e, t, n, r) {
 	if (typeof r.renderSupportingInfo == "function") {
 		let t = r.renderSupportingInfo(n, e);
 		if (t) {
-			let n = o.appendChild(e.createElement("div"));
+			let n = s.appendChild(e.createElement("div"));
 			n.setAttribute("style", "font-size: 90%; opacity: 0.8;"), typeof t == "string" ? n.textContent = t : n.appendChild(t);
 		}
 	}
-	return r.deleteFunction && V(e, s, r.noun || "one", r.deleteFunction, r.confirmationContainer), n.uri && (r.link !== !1 && (s.appendChild(v(e, n)).classList.add("HoverControlHide"), s.appendChild(e.createElement("br"))), r.draggable !== !1 && (l.setAttribute("draggable", "false"), c(i, n))), i.subject = n, i;
+	return r.deleteFunction && V(e, c, r.noun || "one", r.deleteFunction, r.confirmationContainer), n.uri && (r.link !== !1 && (c.appendChild(v(e, n)).classList.add("HoverControlHide"), c.appendChild(e.createElement("br"))), r.draggable !== !1 && (l.setAttribute("draggable", "false"), o(i, n))), i.subject = n, i;
 }
 function q(e, t, n, r) {
 	let i = t.appendChild(e.createElement("div"));
 	n ? i.textContent = n : N(i, r);
 }
-function J(e, t, n, r) {
-	let i = t.appendChild(e.createElement("div"));
-	i.setAttribute("style", s.linkDivStyle), r.deleteFunction && V(e, i, r.noun || "one", r.deleteFunction, r.confirmationContainer), n.uri && (r.link !== !1 && _(e, i, n), c(t, n));
+function J(e, t, n, i) {
+	let a = t.appendChild(e.createElement("div"));
+	a.setAttribute("style", r.linkDivStyle), i.deleteFunction && V(e, a, i.noun || "one", i.deleteFunction, i.confirmationContainer), n.uri && (i.link !== !1 && _(e, a, n), o(t, n));
 }
 function ae(e, t, n) {
-	let r = e.createElement("div");
-	r.setAttribute("style", s.renderAsDivStyle), n ||= {};
-	let i = n.image || B(e, t);
-	return h(e, r, i), q(e, r, n.title, t), J(e, r, t, n), n.clickable && n.onClickFunction && m(r, n.onClickFunction), n.wrapInATR ? g(e, r, t) : r;
+	let i = e.createElement("div");
+	i.setAttribute("style", r.renderAsDivStyle), n ||= {};
+	let a = n.image || B(e, t);
+	return h(e, i, a), q(e, i, n.title, t), J(e, i, t, n), n.clickable && n.onClickFunction && m(i, n.onClickFunction), n.wrapInATR ? g(e, i, t) : i;
 }
 function Y(e) {
 	if (e.refresh) e.refresh();
 	else for (let t = 0; t < e.children.length; t++) Y(e.children[t]);
 }
-function oe(t, n, r, i = {}) {
-	let s = /* @__PURE__ */ new Set(), c = !!(i.renderSupportingInfo || i.renderNameSuffix), d = i.refreshOnDocumentLoad ?? !0, f = function(e) {
+function oe(e, n, r, a = {}) {
+	let o = /* @__PURE__ */ new Set(), l = !!(a.renderSupportingInfo || a.renderNameSuffix), u = a.refreshOnDocumentLoad ?? !0, f = function(e) {
 		let t = E.updater;
 		if (!t) throw Error("kb has no updater");
 		return new Promise((r) => t.update(b(n, S, e, _), [], function(e, t, n, i) {
 			t ? m() : O(void 0, "Error deleting one: " + n), r();
 		}));
 	};
-	function p(e) {
-		let n = e, r = { noun: T };
-		if (r.renderSupportingInfo = i.renderSupportingInfo, r.renderNameSuffix = i.renderNameSuffix, r.confirmationContainer = i.confirmationContainer, c && d && e?.uri && E.fetcher) {
-			let t = e.doc(), n = t?.uri ? E.fetcher.requested?.[t.uri] : void 0, r = n !== "done" && n !== "failed";
-			t?.uri && r && !s.has(t.uri) && (s.add(t.uri), E.fetcher.nowOrWhenFetched(t, void 0, () => {
-				s.delete(t.uri), m();
+	function p(t) {
+		let n = t, r = { noun: T };
+		if (r.renderSupportingInfo = a.renderSupportingInfo, r.renderNameSuffix = a.renderNameSuffix, r.confirmationContainer = a.confirmationContainer, l && u && t?.uri && E.fetcher) {
+			let e = t.doc(), n = e?.uri ? E.fetcher.requested?.[e.uri] : void 0, r = n !== "done" && n !== "failed";
+			e?.uri && r && !o.has(e.uri) && (o.add(e.uri), E.fetcher.nowOrWhenFetched(e, void 0, () => {
+				o.delete(e.uri), m();
 			}));
 		}
 		return v && (r.deleteFunction = function() {
 			return f(n);
-		}), G(t, S, e, r);
+		}), G(e, S, t, r);
 	}
 	let m = function() {
 		let e = E.each(n, S);
-		e.sort(), a(j, e, p, c ? function(e, t) {
+		e.sort(), d(j, e, p, l ? function(e, t) {
 			return p(t);
 		} : void 0);
 	};
@@ -345,14 +345,14 @@ function oe(t, n, r, i = {}) {
 		let t = [];
 		if (e.forEach(function(e) {
 			let r = x(e);
-			o("Dropped on attachemnt " + e), t.push(b(n, S, r, _));
+			i("Dropped on attachemnt " + e), t.push(b(n, S, r, _));
 		}), !E.updater) throw Error("kb has no updater");
 		E.updater.update([], t, function(e, t, n, r) {
 			t ? m() : O(void 0, "Error adding one: " + n);
 		});
 	}
 	function g(e) {
-		u(E.fetcher, e, i.uploadFolder?.uri, i.uploadFolder?.uri, function(e, t) {
+		c(E.fetcher, e, a.uploadFolder?.uri, a.uploadFolder?.uri, function(e, t) {
 			let r = [b(n, S, E.sym(t), _)];
 			if (!E.updater) throw Error("kb has no updater");
 			E.updater.update([], r, function(e, t, n, r) {
@@ -360,30 +360,30 @@ function oe(t, n, r, i = {}) {
 			});
 		});
 	}
-	let _ = i.doc || n.doc();
-	i.modify === void 0 && (i.modify = !0);
-	let v = i.modify, y = i.promptIcon || w + "noun_748003.svg", S = i.predicate || e.wf("attachment"), T = i.noun || "attachment", E = C, D = r.appendChild(t.createElement("table"));
+	let _ = a.doc || n.doc();
+	a.modify === void 0 && (a.modify = !0);
+	let v = a.modify, y = a.promptIcon || w + "noun_748003.svg", S = a.predicate || t.wf("attachment"), T = a.noun || "attachment", E = C, D = r.appendChild(e.createElement("table"));
 	D.setAttribute("style", "margin-top: 1em; margin-bottom: 1em;");
-	let k = D.appendChild(t.createElement("tr")), A = k.appendChild(t.createElement("td")), j = k.appendChild(t.createElement("td")).appendChild(t.createElement("table"));
-	if (j.appendChild(t.createElement("tr")), D.refresh = m, m(), v) {
-		let e = H(t, y, "Drop attachments here");
-		A.appendChild(e);
-		let n = i.uploadFolder ? g : null;
-		l(e, h, n);
-		let r = e.querySelector("img");
-		if (r && l(r, h, n), l(A, h, n), i.uploadFolder) {
-			let e = $(t, g);
-			A.appendChild(e);
+	let k = D.appendChild(e.createElement("tr")), A = k.appendChild(e.createElement("td")), j = k.appendChild(e.createElement("td")).appendChild(e.createElement("table"));
+	if (j.appendChild(e.createElement("tr")), D.refresh = m, m(), v) {
+		let t = H(e, y, "Drop attachments here");
+		A.appendChild(t);
+		let n = a.uploadFolder ? g : null;
+		s(t, h, n);
+		let r = t.querySelector("img");
+		if (r && s(r, h, n), s(A, h, n), a.uploadFolder) {
+			let t = $(e, g);
+			A.appendChild(t);
 		}
 	}
 	return D;
 }
 function se(e) {
 	e.preventDefault(), e.stopPropagation();
-	let t = i(e).getAttribute("href");
-	if (!t) return o("openHrefInOutlineMode: No href found!\n");
+	let t = u(e).getAttribute("href");
+	if (!t) return i("openHrefInOutlineMode: No href found!\n");
 	let n = window.document;
-	n.outlineManager ? n.outlineManager.GotoSubject(C.sym(t), !0, void 0, !0, void 0) : window && window.panes && window.panes.getOutliner ? window.panes.getOutliner().GotoSubject(C.sym(t), !0, void 0, !0, void 0) : o("ERROR: Can't access outline manager in this config");
+	n.outlineManager ? n.outlineManager.GotoSubject(C.sym(t), !0, void 0, !0, void 0) : window && window.panes && window.panes.getOutliner ? window.panes.getOutliner().GotoSubject(C.sym(t), !0, void 0, !0, void 0) : i("ERROR: Can't access outline manager in this config");
 }
 function ce(e) {
 	if (e.uri === void 0) return;
@@ -400,24 +400,24 @@ function ce(e) {
 	return C.sym("http://tabulator.org/wiki/annnotation/" + t);
 }
 function le() {
-	let t = {};
-	return C.statementsMatching(void 0, e.rdf("type"), void 0).forEach(function(e) {
-		e.object.value && (t[e.object.value] = !0);
-	}), C.statementsMatching(void 0, e.rdfs("subClassOf"), void 0).forEach(function(e) {
-		e.object.value && (t[e.object.value] = !0), e.subject.value && (t[e.subject.value] = !0);
-	}), C.each(void 0, e.rdf("type"), e.rdfs("Class")).forEach(function(e) {
-		e.value && (t[e.value] = !0);
-	}), t;
-}
-function ue(n) {
-	let r = {}, i = {}, a = {}, o = 0, s = 0, c = 0, l = n.predicateIndex;
-	for (let e in l) l[e][0].object.termType === "Literal" ? (i[e] = !0, s++) : (a[e] = !0, o++);
-	let u = n.each(void 0, e.rdf("type"), e.rdf("Property"));
+	let e = {};
+	return C.statementsMatching(void 0, t.rdf("type"), void 0).forEach(function(t) {
+		t.object.value && (e[t.object.value] = !0);
+	}), C.statementsMatching(void 0, t.rdfs("subClassOf"), void 0).forEach(function(t) {
+		t.object.value && (e[t.object.value] = !0), t.subject.value && (e[t.subject.value] = !0);
+	}), C.each(void 0, t.rdf("type"), t.rdfs("Class")).forEach(function(t) {
+		t.value && (e[t.value] = !0);
+	}), e;
+}
+function ue(e) {
+	let n = {}, r = {}, i = {}, o = 0, s = 0, c = 0, l = e.predicateIndex;
+	for (let e in l) l[e][0].object.termType === "Literal" ? (r[e] = !0, s++) : (i[e] = !0, o++);
+	let u = e.each(void 0, t.rdf("type"), t.rdf("Property"));
 	for (let e = 0; e < u.length; e++) {
 		let t = u[e].toNT();
-		!a[t] && !i[t] && (i[t] = !0, a[t] = !0, c++);
+		!i[t] && !r[t] && (r[t] = !0, i[t] = !0, c++);
 	}
-	return r.op = a, r.dp = i, t(`propertyTriage: ${o} non-lit, ${s} literal. ${c} unknown.`), r;
+	return n.op = i, n.dp = r, a(`propertyTriage: ${o} non-lit, ${s} literal. ${c} unknown.`), n;
 }
 function de(e, t) {
 	let r = e.createElement("button");
@@ -472,36 +472,36 @@ function he(e) {
 	for (let e in r) if (t = Z.twoLine[n.fromNT(e).uri], t) return t;
 	return Z.twoLine[""];
 }
-function ge(t, n) {
-	let i = "", a = function(t) {
-		let a = C.any(n, e.qu(t));
-		return a || (i += "@@ No value for " + t + "! "), a ? r(a.value) : "?";
-	}, o = t.createElement("table");
-	return o.innerHTML = `
+function ge(e, n) {
+	let r = "", i = function(e) {
+		let i = C.any(n, t.qu(e));
+		return i || (r += "@@ No value for " + e + "! "), i ? l(i.value) : "?";
+	}, a = e.createElement("table");
+	return a.innerHTML = `
       <tr>
-      <td colspan="2"> ${a("payee")}</td>
+      <td colspan="2"> ${i("payee")}</td>
       < /tr>
       < tr >
-      <td>${a("date").slice(0, 10)}</td>
-      <td style = "text-align: right;">${a("amount")}</td>
-      </tr>`, i && (o.innerHTML = `
+      <td>${i("date").slice(0, 10)}</td>
+      <td style = "text-align: right;">${i("amount")}</td>
+      </tr>`, r && (a.innerHTML = `
       <tr>
-        <td><a href="${r(n.uri)}">${r(i)}</a></td>
-      </tr>`), o;
+        <td><a href="${l(n.uri)}">${l(r)}</a></td>
+      </tr>`), a;
 }
-function _e(t, n) {
-	let i = function(e) {
+function _e(e, n) {
+	let r = function(e) {
 		let t = C.any(n, e);
-		return t ? r(t.value) : "?";
-	}, a = t.createElement("table");
-	return a.innerHTML = `
+		return t ? l(t.value) : "?";
+	}, i = e.createElement("table");
+	return i.innerHTML = `
     <tr>
-      <td colspan="2">${i(e.dc("title"))}</td>
+      <td colspan="2">${r(t.dc("title"))}</td>
     </tr>
     <tr style="color: #777">
-      <td>${i(e.cal("dtstart"))}</td>
-      <td>${i(e.cal("dtend"))}</td>
-    </tr>`, a;
+      <td>${r(t.cal("dtstart"))}</td>
+      <td>${r(t.cal("dtend"))}</td>
+    </tr>`, i;
 }
 function ve(e, t) {
 	let n = e.querySelectorAll("link");
@@ -527,12 +527,12 @@ function Q(e, t) {
 function $(e, t) {
 	let n = e.createElement("div"), r = n.appendChild(e.createElement("input"));
 	r.setAttribute("type", "file"), r.setAttribute("multiple", "true"), r.addEventListener("change", (e) => {
-		o("File drop event: ", e), e.files ? t(e.files) : e.target && e.target.files ? t(e.target.files) : alert("Sorry no files .. internal error?");
+		i("File drop event: ", e), e.files ? t(e.files) : e.target && e.target.files ? t(e.target.files) : alert("Sorry no files .. internal error?");
 	}, !1), r.style = "display:none";
-	let i = n.appendChild(H(e, w + "noun_Upload_76574_000000.svg", "Upload files", (e) => {
+	let a = n.appendChild(H(e, w + "noun_Upload_76574_000000.svg", "Upload files", (e) => {
 		r.click();
 	}));
-	return l(i, null, t), n;
+	return s(a, null, t), n;
 }
 Z = {
 	line: {},

package/dist/widgets/error.cjs.js

@@ -1,2 +1,2 @@
-const e=require("../lib/styleConstants.cjs.js"),t=require("../lib/style.cjs.js"),n=require("./buttons.cjs.js");require("./index.cjs.js");function r(r,i,a,o){let s=r.createElement(`div`),c=o||i instanceof Error?i:null;return c?(console.error(`errorMessageBlock: ${c} at: ${c.stack||`??`}`,c),s.textContent=c.message):s.textContent=i,s.appendChild(n.cancelButton(r,()=>{s.parentNode&&s.parentNode.removeChild(s)})).style=t.style.errorCancelButton,s.setAttribute(`style`,t.style.errorMessageBlockStyle),s.style.backgroundColor=a||e.default.defaultErrorBackgroundColor,s}exports.errorMessageBlock=r;
+require("./index.cjs.js");const e=require("../lib/style.cjs.js"),t=require("./buttons.cjs.js"),n=require("../lib/styleConstants.cjs.js");function r(r,i,a,o){let s=r.createElement(`div`),c=o||i instanceof Error?i:null;return c?(console.error(`errorMessageBlock: ${c} at: ${c.stack||`??`}`,c),s.textContent=c.message):s.textContent=i,s.appendChild(t.cancelButton(r,()=>{s.parentNode&&s.parentNode.removeChild(s)})).style=e.style.errorCancelButton,s.setAttribute(`style`,e.style.errorMessageBlockStyle),s.style.backgroundColor=a||n.default.defaultErrorBackgroundColor,s}exports.errorMessageBlock=r;
 //# sourceMappingURL=error.cjs.js.map

package/dist/widgets/error.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"error.cjs.js","names":["cancelButton","style","styleConstants","require_styleConstants","require_style","require_buttons","errorMessageBlock","div","dom","errorObject","err2","err","backgroundColor"],"sources":["../../src/widgets/error.ts"],"sourcesContent":["/**\n * Create an error message block\n * @param dom The DOM on which dom.createElement will be called\n * @param err The error message string to display (or an error object)\n * @param backgroundColor Background color. Default: '#fee'\n * @param err2 Is the second param is a string, you can put the original Error in here\n * @returns A div element with the err string\n *\n * This will return a DOM element you can put in the UI as a notice for the user\n *  Meanwhile the stack is dumped to the console for the developer, so you actually know\n *  where it happened!\n */\n\nimport { cancelButton } from '../widgets'\nimport { style } from '../lib/style'\nimport styleConstants from '../lib/styleConstants'\n\nexport function errorMessageBlock (dom: HTMLDocument, err: string | Error, backgroundColor?: string, err2?: Error): HTMLDivElement {\n  const div = dom.createElement('div')\n\n  /* tslint:disable-next-line */ // Too complex for TS?\n  // @ts-ignore\n  const errorObject:Error = err2 || err instanceof Error ? err : null\n\n  if (errorObject) {\n    console.error(`errorMessageBlock: ${errorObject} at: ${errorObject.stack || '??'}`, errorObject) // @@ pick one\n    div.textContent = errorObject.message\n  } else {\n    div.textContent = err as string\n  }\n\n  div.appendChild(cancelButton(dom, () => { if (div.parentNode) div.parentNode.removeChild(div) }))\n    .style = style.errorCancelButton\n\n  div.setAttribute('style', style.errorMessageBlockStyle)\n  div.style.backgroundColor = (backgroundColor || styleConstants.defaultErrorBackgroundColor)\n  return div\n}\n"],"mappings":"A,yIAiBA,SAAgBM,EAAmB,EAAmB,EAAqB,EAA0B,EAA8B,CACjI,IAAMC,EAAMC,EAAI,cAAc,KAAK,EAI7BC,EAAoBC,GAAQC,aAAe,MAAQA,EAAM,KAc/D,OAZIF,GACF,QAAQ,MAAM,sBAAsBA,EAAY,OAAOA,EAAY,OAAS,OAAQA,CAAW,EAC/F,EAAI,YAAcA,EAAY,SAE9B,EAAI,YAAcE,EAGpB,EAAI,YAAYX,EAAAA,aAAaQ,MAAW,CAAMD,EAAI,YAAYA,EAAI,WAAW,YAAYA,CAAG,CAAE,CAAC,CAAC,CAAC,CAC9F,MAAQN,EAAAA,MAAM,kBAEjBM,EAAI,aAAa,QAASN,EAAAA,MAAM,sBAAsB,EACtD,EAAI,MAAM,gBAAmBW,GAAmBV,EAAAA,QAAe,4BACxDK,CACT,C"}
+{"version":3,"file":"error.cjs.js","names":["cancelButton","style","styleConstants","require_style","require_buttons","require_styleConstants","errorMessageBlock","div","dom","errorObject","err2","err","backgroundColor"],"sources":["../../src/widgets/error.ts"],"sourcesContent":["/**\n * Create an error message block\n * @param dom The DOM on which dom.createElement will be called\n * @param err The error message string to display (or an error object)\n * @param backgroundColor Background color. Default: '#fee'\n * @param err2 Is the second param is a string, you can put the original Error in here\n * @returns A div element with the err string\n *\n * This will return a DOM element you can put in the UI as a notice for the user\n *  Meanwhile the stack is dumped to the console for the developer, so you actually know\n *  where it happened!\n */\n\nimport { cancelButton } from '../widgets'\nimport { style } from '../lib/style'\nimport styleConstants from '../lib/styleConstants'\n\nexport function errorMessageBlock (dom: HTMLDocument, err: string | Error, backgroundColor?: string, err2?: Error): HTMLDivElement {\n  const div = dom.createElement('div')\n\n  /* tslint:disable-next-line */ // Too complex for TS?\n  // @ts-ignore\n  const errorObject:Error = err2 || err instanceof Error ? err : null\n\n  if (errorObject) {\n    console.error(`errorMessageBlock: ${errorObject} at: ${errorObject.stack || '??'}`, errorObject) // @@ pick one\n    div.textContent = errorObject.message\n  } else {\n    div.textContent = err as string\n  }\n\n  div.appendChild(cancelButton(dom, () => { if (div.parentNode) div.parentNode.removeChild(div) }))\n    .style = style.errorCancelButton\n\n  div.setAttribute('style', style.errorMessageBlockStyle)\n  div.style.backgroundColor = (backgroundColor || styleConstants.defaultErrorBackgroundColor)\n  return div\n}\n"],"mappings":"A,yIAiBA,SAAgBM,EAAmB,EAAmB,EAAqB,EAA0B,EAA8B,CACjI,IAAMC,EAAMC,EAAI,cAAc,KAAK,EAI7BC,EAAoBC,GAAQC,aAAe,MAAQA,EAAM,KAc/D,OAZIF,GACF,QAAQ,MAAM,sBAAsBA,EAAY,OAAOA,EAAY,OAAS,OAAQA,CAAW,EAC/F,EAAI,YAAcA,EAAY,SAE9B,EAAI,YAAcE,EAGpB,EAAI,YAAYX,EAAAA,aAAaQ,MAAW,CAAMD,EAAI,YAAYA,EAAI,WAAW,YAAYA,CAAG,CAAE,CAAC,CAAC,CAAC,CAC9F,MAAQN,EAAAA,MAAM,kBAEjBM,EAAI,aAAa,QAASN,EAAAA,MAAM,sBAAsB,EACtD,EAAI,MAAM,gBAAmBW,GAAmBV,EAAAA,QAAe,4BACxDK,CACT,C"}

package/dist/widgets/error.esm.js

@@ -1,13 +1,13 @@
-import e from "../lib/styleConstants.esm.js";
-import { style as t } from "../lib/style.esm.js";
-import { cancelButton as n } from "./buttons.esm.js";
 import "./index.esm.js";
+import { style as e } from "../lib/style.esm.js";
+import { cancelButton as t } from "./buttons.esm.js";
+import n from "../lib/styleConstants.esm.js";
 // src/widgets/error.ts
 function r(r, i, a, o) {
 	let s = r.createElement("div"), c = o || i instanceof Error ? i : null;
-	return c ? (console.error(`errorMessageBlock: ${c} at: ${c.stack || "??"}`, c), s.textContent = c.message) : s.textContent = i, s.appendChild(n(r, () => {
+	return c ? (console.error(`errorMessageBlock: ${c} at: ${c.stack || "??"}`, c), s.textContent = c.message) : s.textContent = i, s.appendChild(t(r, () => {
 		s.parentNode && s.parentNode.removeChild(s);
-	})).style = t.errorCancelButton, s.setAttribute("style", t.errorMessageBlockStyle), s.style.backgroundColor = a || e.defaultErrorBackgroundColor, s;
+	})).style = e.errorCancelButton, s.setAttribute("style", e.errorMessageBlockStyle), s.style.backgroundColor = a || n.defaultErrorBackgroundColor, s;
 }
 export { r as errorMessageBlock };