solid-panes 4.4.2-1 → 4.4.2-3

package/dist/schedule/schedulePane2.esm.js

@@ -0,0 +1,384 @@
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.schedule-pane__table{border-collapse:collapse;background-color:#fff;min-width:40rem;min-height:13rem}.schedule-pane__button{padding:var(--spacing-xs,.5rem);background-color:#eef;border:.5rem solid #fff;font-size:100%}.schedule-pane__button-icon{width:var(--icon-sm,1.8rem);height:var(--icon-sm,1.8rem)}.schedule-pane__nav{text-align:center;vertical-align:middle;padding-top:4rem}.schedule-pane__cell{padding:var(--spacing-xs,.3rem);text-align:center}.schedule-pane__table .schedule-pane__form-heading{color:#888;padding:.2em;font-weight:700;margin:.7em 0!important;font-size:110%!important}.schedule-pane__table .schedule-pane__form-heading--time-proposals{margin-bottom:0!important}.schedule-pane__table .schedule-pane__panel--time-proposals{border:none!important;padding-bottom:.9rem!important}.schedule-pane__table .schedule-pane__panel{box-sizing:border-box;max-width:100%;margin-right:.5rem;padding-left:.75rem!important;padding-right:.75rem!important}@media (width<=1024px){.schedule-pane__table .schedule-pane__main-cell{box-sizing:border-box;padding-left:.5rem;padding-right:.5rem}.schedule-pane__table .schedule-pane__field-row--comment{flex-wrap:wrap;align-items:flex-start;gap:.5rem;flex-direction:row!important;display:flex!important}.schedule-pane__table .schedule-pane__field-row--comment>div:first-child{flex:0 6rem;min-width:4.5rem;width:auto!important}.schedule-pane__table .schedule-pane__field-value--comment{box-sizing:border-box;flex:20rem;width:auto;min-width:0;padding-right:.25rem}.schedule-pane__table .schedule-pane__field-value--comment .schedule-pane__form-control--textarea,.schedule-pane__table .schedule-pane__field-row--comment .schedule-pane__form-control--textarea{box-sizing:border-box;padding:.5rem .45rem;width:100%!important;min-width:0!important;max-width:100%!important;margin:.2rem 0 0!important}}div.schedule-pane[data-layout=mobile] .schedule-pane__table{table-layout:fixed;width:100%;min-width:0;min-height:0}div.schedule-pane[data-layout=mobile] .schedule-pane__table td,div.schedule-pane[data-layout=mobile] .schedule-pane__table th{overflow-wrap:anywhere;min-width:0;max-width:100%}div.schedule-pane[data-layout=mobile] .schedule-pane__table .schedule-pane__main-cell{box-sizing:border-box;padding-left:.5rem;padding-right:.5rem}div.schedule-pane[data-layout=mobile] .schedule-pane__table .schedule-pane__field-row--compact{align-items:flex-start;gap:.25rem}div.schedule-pane[data-layout=mobile] .schedule-pane__table .schedule-pane__field-row--compact .formFieldName{flex:0 5.5rem;min-width:4.5rem;width:auto!important}div.schedule-pane[data-layout=mobile] .schedule-pane__table .schedule-pane__field-row--compact .formFieldValue{flex:auto;min-width:0}div.schedule-pane[data-layout=mobile] .schedule-pane__table .schedule-pane__field-row--compact .schedule-pane__form-control{box-sizing:border-box;font-size:var(--font-size-sm,.875rem);padding:.35rem .45rem;width:100%!important;min-width:0!important;max-width:100%!important;margin:.2rem 0 0!important}div.schedule-pane[data-layout=mobile] .schedule-pane__table .schedule-pane__field-row--comment{align-items:stretch;gap:.25rem;flex-direction:column!important;display:flex!important}div.schedule-pane[data-layout=mobile] .schedule-pane__table .schedule-pane__field-row--comment .formFieldName,div.schedule-pane[data-layout=mobile] .schedule-pane__table .schedule-pane__field-row--comment>div:first-child{flex:none;min-width:0;width:auto!important}div.schedule-pane[data-layout=mobile] .schedule-pane__table .schedule-pane__field-row--comment .formFieldValue,div.schedule-pane[data-layout=mobile] .schedule-pane__table .schedule-pane__field-row--comment>div:last-child,div.schedule-pane[data-layout=mobile] .schedule-pane__table .schedule-pane__field-value--comment{flex:auto;width:100%;min-width:0;display:block}div.schedule-pane[data-layout=mobile] .schedule-pane__table .schedule-pane__field-row--comment .schedule-pane__form-control--textarea,div.schedule-pane[data-layout=mobile] .schedule-pane__table .schedule-pane__field-value--comment .schedule-pane__form-control--textarea{box-sizing:border-box;font-size:var(--font-size-sm,.875rem);min-height:5.5rem;padding:.35rem .45rem;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}div.schedule-pane[data-layout=mobile] .schedule-pane__button{border-width:.2rem;padding:.4rem}div.schedule-pane[data-layout=mobile] .schedule-pane__button-icon{width:1.35rem;height:1.35rem}div.schedule-pane[data-layout=mobile] .schedule-pane__nav{padding-top:1rem}div.schedule-pane[data-layout=mobile] .schedule-pane__cell{padding:.2rem}@media (width<=576px){.schedule-pane__table{table-layout:fixed;width:100%;min-width:0;min-height:0}.schedule-pane__table td,.schedule-pane__table th{overflow-wrap:anywhere;min-width:0;max-width:100%}.schedule-pane__table .schedule-pane__main-cell{box-sizing:border-box;padding-left:.5rem;padding-right:.5rem}.schedule-pane__table .schedule-pane__field-row--compact{align-items:flex-start;gap:.25rem}.schedule-pane__table .schedule-pane__field-row--compact .formFieldName{flex:0 5.5rem;min-width:4.5rem;width:auto!important}.schedule-pane__table .schedule-pane__field-row--compact .formFieldValue{flex:auto;min-width:0}.schedule-pane__table .schedule-pane__field-row--compact .schedule-pane__form-control{box-sizing:border-box;font-size:var(--font-size-sm,.875rem);padding:.35rem .45rem;width:100%!important;min-width:0!important;max-width:100%!important;margin:.2rem 0 0!important}.schedule-pane__table .schedule-pane__field-row--comment{align-items:stretch;gap:.25rem;flex-direction:column!important;display:flex!important}.schedule-pane__table .schedule-pane__field-row--comment .formFieldName,.schedule-pane__table .schedule-pane__field-row--comment>div:first-child{flex:none;min-width:0;width:auto!important}.schedule-pane__table .schedule-pane__field-row--comment .formFieldValue,.schedule-pane__table .schedule-pane__field-row--comment>div:last-child,.schedule-pane__table .schedule-pane__field-value--comment{flex:auto;width:100%;min-width:0;display:block}.schedule-pane__table .schedule-pane__field-row--comment .schedule-pane__form-control--textarea,.schedule-pane__table .schedule-pane__field-value--comment .schedule-pane__form-control--textarea{box-sizing:border-box;font-size:var(--font-size-sm,.875rem);min-height:5.5rem;padding:.35rem .45rem;width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important}.schedule-pane__button{border-width:.2rem;padding:.4rem}.schedule-pane__button-icon{width:1.35rem;height:1.35rem}.schedule-pane__nav{padding-top:1rem}.schedule-pane__cell{padding:.2rem}}
+:root{--icon-sm:1.8em;--color-background-row-default:white;--color-background-row-alternate:#f0f0f0}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();import e from "./formsForSchedule.esm.js";
+
+
+import * as t from "solid-ui";
+import { authn as n } from "solid-logic";
+import * as r from "rdflib";
+//#region src/schedule/schedulePane.ts
+var i = t.ns, a = [
+	i.sched("No"),
+	i.sched("Maybe"),
+	i.sched("Yes")
+];
+function o(e) {
+	let t = e.shift();
+	t && t();
+}
+var s = {
+	icon: t.icons.iconBase + "noun_346777.svg",
+	name: "schedule",
+	audience: [i.solid("PowerUser")],
+	label: function(e, t) {
+		return t.session.store.findTypeURIs(e)["http://www.w3.org/ns/pim/schedule#SchedulableEvent"] ? "Scheduling poll" : null;
+	},
+	mintClass: i.sched("SchedulableEvent"),
+	mintNew: function(e, i) {
+		return new Promise(function(a, s) {
+			let c = t.ns, l = e.session.store, u = i.newBase, d = i.useExisting || r.sym(i.newBase + "index.ttl#this"), f = function(e, t) {
+				e || (console.log("Error in Schedule Pane: Error constructing new scheduler: " + t), s(Error(t)));
+			}, p = function(e, n, i) {
+				let a = r.graph(), o = r.Namespace("http://www.w3.org/ns/auth/acl#"), s = a.sym(n + "#a1"), l = a.sym(n), u = a.sym(e);
+				return a.add(s, t.ns.rdf("type"), o("Authorization"), l), a.add(s, o("accessTo"), u, l), a.add(s, o("agent"), _, l), a.add(s, o("mode"), o("Read"), l), a.add(s, o("mode"), o("Write"), l), a.add(s, o("mode"), o("Control"), l), s = a.sym(n + "#a2"), a.add(s, t.ns.rdf("type"), o("Authorization"), l), a.add(s, o("accessTo"), u, l), a.add(s, o("agentClass"), c.foaf("Agent"), l), a.add(s, o("mode"), o("Read"), l), i && a.add(s, o("mode"), o("Write"), l), r.serialize(l, a, n, "text/turtle");
+			}, m = function(e, t, n) {
+				let r = l.any(l.sym(e), l.sym("http://www.iana.org/assignments/link-relations/acl"));
+				if (r) {
+					let i = p(e, r.uri, t);
+					return h.webOperation("PUT", r.uri, {
+						data: i,
+						contentType: "text/turtle"
+					}).then((e) => n(!0)).catch((e) => {
+						n(!1, e.message);
+					});
+				} else return h.load(e).catch((e) => {
+					n(!1, "Getting headers for ACL: " + e);
+				}).then(() => {
+					let n = l.any(l.sym(e), l.sym("http://www.iana.org/assignments/link-relations/acl"));
+					if (!n) throw Error("No Link rel=ACL header for " + e);
+					let r = p(e, n.uri, t);
+					return h.webOperation("PUT", n.uri, {
+						data: r,
+						contentType: "text/turtle"
+					});
+				}).then((e) => n(!0)).catch((e) => {
+					n(!1, e.message);
+				});
+			}, h = l.fetcher, g = l.updater, _ = i.me || n.currentUser();
+			if (!_) {
+				console.log("MUST BE LOGGED IN"), alert("NOT LOGGED IN");
+				return;
+			}
+			let v = d.dir();
+			if (!v) throw Error("Schedule pane needs a base directory to mint a new poll");
+			let y = v.uri, b, x;
+			if (i.useExisting) {
+				x = i.useExisting;
+				let e = d.dir();
+				if (!e) throw Error("Existing schedule instance needs a containing directory");
+				if (u = e.uri, b = x.doc(), i.newBase) throw Error("mint new scheduler: Illegal - have both new base and existing event");
+			} else b = l.sym(u + "details.ttl"), x = l.sym(b.uri + "#event");
+			let S = l.sym(u + "results.ttl"), C = i.noIndexHTML ? [] : [{
+				local: "index.html",
+				contentType: "text/html"
+			}], w = [];
+			for (let e = 0; e < C.length; e++) (function(e) {
+				w.push(function() {
+					let t = u + e.local;
+					console.log("Copying " + y + e.local + " to " + t);
+					let r = function() {
+						m(t, !1, function(e, n) {
+							e ? o(w) : (f(e, "FAILED to set ACL " + t + " : " + n), console.log("FAILED to set ACL " + t + " : " + n));
+						});
+					};
+					l.fetcher.webCopy(y + e.local, u + e.local, e.contentType).then(() => n.checkUser()).then((e) => {
+						_ = e, r();
+					}).catch((t) => {
+						console.log("FAILED to copy " + y + e.local + " : " + t.message), f(!1, "FAILED to copy " + y + e.local + " : " + t.message);
+					});
+				});
+			})(C[e]);
+			w.push(function() {
+				l.add(x, c.rdf("type"), c.sched("SchedulableEvent"), b), _ && (l.add(x, c.dc("author"), _, b), l.add(x, c.foaf("maker"), _, b)), l.add(x, c.dc("created"), r.literal((/* @__PURE__ */ new Date()).toISOString(), r.sym("http://www.w3.org/2001/XMLSchema#dateTime")), b), l.add(x, c.sched("resultsDocument"), b), g.put(b, l.statementsMatching(void 0, void 0, void 0, b), "text/turtle", function(e, t, n) {
+					t ? o(w) : (f(t, "FAILED to save new scheduler at: " + b + " : " + n), console.log("FAILED to save new scheduler at: " + b + " : " + n));
+				});
+			}), w.push(function() {
+				l.fetcher.webOperation("PUT", S.uri, {
+					data: "",
+					contentType: "text/turtle"
+				}).then(() => {
+					o(w);
+				}).catch((e) => {
+					f(!1, "Failed to initialize empty results file: " + e.message);
+				});
+			}), w.push(function() {
+				m(S.uri, !0, function(e, t) {
+					f(e, "Failed to set Read-Write ACL on results file: " + t), e && o(w);
+				});
+			}), w.push(function() {
+				m(b.uri, !1, function(e, t) {
+					f(e, "Failed to set read ACL on configuration file: " + t), e && o(w);
+				});
+			}), w.push(function() {
+				console.log("Finished minting new scheduler"), i.newInstance = x, a(i);
+			}), o(w);
+		});
+	},
+	render: function(i, o) {
+		let c = o.dom, l = o.session.store, u = t.ns, d = i, f = "app-when-can-we.w3.org";
+		function p(e) {
+			let t = o.environment ?? {};
+			e.dataset.layout = t.layout ?? "desktop";
+		}
+		let m = l.fetcher, h = l.updater, g = !1, _ = i, v = i.doc(), y = v.dir();
+		if (!y) throw Error("Schedule pane needs a containing directory for its details document");
+		let b = y.uri, x = r.sym(b + "results.ttl"), S = "https://solidos.github.io/solid-panes/schedule/formsForSchedule.ttl", C = l.sym("https://solidos.github.io/solid-panes/schedule/formsForSchedule.ttl#form1"), w = l.sym("https://solidos.github.io/solid-panes/schedule/formsForSchedule.ttl#form2"), T = l.sym("https://solidos.github.io/solid-panes/schedule/formsForSchedule.ttl#form3");
+		r.parse(e, l, S, "text/turtle");
+		let E = function(e, n) {
+			e || H.appendChild(t.widgets.errorMessageBlock(c, n, "pink"));
+		}, D = function(e) {
+			for (; e.firstChild;) e.removeChild(e.firstChild);
+			return e;
+		}, O = function(e, n) {
+			let r = l.any(n, t.ns.ui("backgroundColor"));
+			r && (e.classList.add("schedule-pane__cell"), e.setAttribute("style", "background-color: " + r + ";"));
+		}, k = null;
+		n.checkUser().then((e) => {
+			k = e ?? null, W && W.refresh(), e && g && (g = !1, F());
+		}), console.log("me: " + k);
+		let A = function() {
+			let e = t.login.newAppInstance(c, {
+				noun: "scheduler",
+				appPathSegment: f
+			}, function(e, t) {
+				return j(r.sym(e || t));
+			});
+			return e.firstChild instanceof HTMLElement && e.firstChild.classList.add("schedule-pane__button"), e;
+		}, j = function(e) {
+			let t = l.any(e, u.space("uriPrefix")), n = "";
+			n = t ? t.value : e.uri.split("#")[0], n.slice(-1) !== "/" && (r.log.error("app-when-can-we.w3.org: No / at end of uriPrefix " + n), n += "/"), n += "app-when-can-we.w3.org/id" + (/* @__PURE__ */ new Date()).getTime() + "/", M(_, n);
+		}, M = function(e, t) {
+			let n = {
+				thisInstance: e,
+				newBase: t
+			};
+			s.mintNew(o, n).then(function(e) {
+				if (!e.newInstance) throw Error("New scheduler instance was not returned");
+				let t = H.appendChild(c.createElement("p"));
+				t.setAttribute("style", "font-size: 140%;"), t.innerHTML = "Your <a href='" + e.newInstance.uri + "'><b>new scheduler</b></a> is ready to be set up. <br/><br/><a href='" + e.newInstance.uri + "'>Say when you what days work for you.</a>";
+			}).catch(function(e) {
+				E(!1, "Error createing new scheduler at " + n.newInstance + ": " + e);
+			});
+		}, N = function() {
+			console.log("getforms()"), P();
+		}, P = function() {
+			console.log("getDetails()"), m.nowOrWhenFetched(v.uri, void 0, function(e, t) {
+				if (console.log("getDetails() ok? " + e), !e) return E(e, t);
+				F();
+			});
+		}, F = function() {
+			console.log("showAppropriateDisplay()"), n.checkUser().then((e) => {
+				if (!e) return I();
+				if (!l.updater.editable(v.uri, l) || l.holds(i, u.rdf("type"), u.wf("TemplateInstance"))) {
+					L();
+					return;
+				}
+				l.any(i, u.sched("ready")) ? B() : z();
+			});
+		}, I = function() {
+			D(G);
+			let e = {
+				div: H,
+				dom: c
+			};
+			t.login.ensureLoggedIn(e).then((e) => {
+				k = e.me ?? null, g = !1, F();
+			});
+		}, L = function() {
+			let e = D(G);
+			e.appendChild(t.login.newAppInstance(c, {
+				noun: "poll",
+				appPathSegment: f
+			}, function(e, t) {
+				return j(r.sym(e || t));
+			})), e.appendChild(c.createElement("hr"));
+			let n = e.appendChild(c.createElement("p"));
+			n.textContent = "Where would you like to store the data for the poll?  Give the URL of the directory where you would like the data stored.";
+			let i = e.appendChild(c.createElement("input"));
+			i.setAttribute("type", "text"), i.size = 80, i.label = "base URL", i.autocomplete = "on", e.appendChild(c.createElement("br"));
+			let a = e.appendChild(c.createElement("button"));
+			a.classList.add("schedule-pane__button"), a.textContent = "Start new poll at this URI", a.addEventListener("click", function(e) {
+				let t = i.value;
+				t.slice(-1) !== "/" && (t += "/"), M(_, t);
+			});
+		}, R = c.createElement("button"), z = function() {
+			D(J), l.any(i, u.sched("allDay")) || l.add(i, u.sched("allDay"), r.literal("true", r.sym("http://www.w3.org/2001/XMLSchema#boolean")), v);
+			let e = 0, n = !1, a = function(e) {
+				return !!e.querySelector("input, select, textarea, button");
+			}, o = function(e, t) {
+				if (!e) return t;
+				let n = (e.value || "").toLowerCase();
+				return n === "true" || n === "1" ? !0 : n === "false" || n === "0" ? !1 : t;
+			}, s = function(e) {
+				let n = o(l.any(i, u.sched("allDay")), !0), r = l.sym(S + (n ? "#AllDayForm2" : "#NotAllDayForm2"));
+				t.widgets.appendForm(document, e, {}, i, r, v, E);
+			}, d = function(e, t = !1) {
+				if (Array.from(e.querySelectorAll("input, select, textarea")).forEach((e) => {
+					e.classList.add("schedule-pane__form-control"), e.tagName.toLowerCase() === "textarea" && e.classList.add("schedule-pane__form-control--textarea");
+				}), Array.from(e.querySelectorAll("div[style*=\"border: 0.05em solid\"]")).forEach((e) => {
+					e.classList.add("schedule-pane__panel");
+				}), Array.from(e.querySelectorAll("h3")).forEach((e) => {
+					e.classList.add("schedule-pane__form-heading"), (e.textContent || "").trim().toLowerCase() === "time proposals" && (e.classList.add("schedule-pane__form-heading--time-proposals"), e.closest(".schedule-pane__panel")?.classList.add("schedule-pane__panel--time-proposals"));
+				}), !t) return;
+				Array.from(e.querySelectorAll(".formFieldName")).forEach((e) => {
+					let t = e.parentElement, n = (e.textContent || "").trim().toLowerCase();
+					t && ((n === "summary" || n === "location") && t.classList.add("schedule-pane__field-row--compact"), n === "comment" && t.classList.add("schedule-pane__field-row--comment"));
+				});
+				let n = e.querySelector("textarea")?.parentElement?.parentElement, r = n?.parentElement;
+				r && r.classList.add("schedule-pane__field-row--comment"), n && n.classList.add("schedule-pane__field-value--comment");
+			}, f = function(e) {
+				let t = e.firstElementChild;
+				return !t || e.childElementCount !== 1 ? e : t;
+			};
+			{
+				let r = [
+					C,
+					w,
+					T
+				], o = [];
+				e = 0;
+				for (let e = 0; e < r.length; e++) {
+					let n = c.createElement("div");
+					t.widgets.appendForm(document, n, {}, i, r[e], v, E), d(n, e === 0), e === 1 && !a(n) && (s(n), d(n)), o.push(f(n));
+				}
+				let l = function() {
+					D(G).appendChild(o[e]), e === 0 ? u.setAttribute("disabled", "") : u.removeAttribute("disabled"), e === o.length - 1 ? (p.setAttribute("disabled", ""), n ||= (J.appendChild(m), J.appendChild(R), !0)) : p.removeAttribute("disabled");
+				}, u = D(q).appendChild(c.createElement("button"));
+				u.classList.add("schedule-pane__button"), u.textContent = "<- go back", u.addEventListener("click", function(t) {
+					e > 0 && (--e, l());
+				}, !1);
+				let p = D(Y).appendChild(c.createElement("button"));
+				p.classList.add("schedule-pane__button"), p.textContent = "continue ->", p.addEventListener("click", function(t) {
+					e < o.length - 1 && (e += 1, l());
+				}, !1), l();
+			}
+			let p = [];
+			p.push(r.st(i, u.sched("availabilityOptions"), u.sched("YesNoMaybe"), v)), p.push(r.st(i, u.sched("ready"), r.literal((/* @__PURE__ */ new Date()).toISOString(), r.sym("http://www.w3.org/2001/XMLSchema#dateTime")), v)), p.push(r.st(i, u.sched("results"), x, v)), R.classList.add("schedule-pane__button"), R.textContent = "Go to poll", R.addEventListener("click", function(e) {
+				l.any(i, u.sched("ready")) ? (B(), Y.appendChild(m)) : (Y.appendChild(m), l.updater.update([], p, function(e, t, n) {
+					t ? B() : E(t, n);
+				}));
+			}, !1);
+			let m = c.createElement("button");
+			m.classList.add("schedule-pane__button");
+			let h = m.appendChild(c.createElement("img"));
+			h.setAttribute("src", t.icons.iconBase + "noun_480183.svg"), h.classList.add("schedule-pane__button-icon"), m.addEventListener("click", function(e) {
+				let t = l.anyValue(i, u.cal("summary")) || l.anyValue(i, u.dc("title")) || "", n = "mailto:" + l.each(i, u.sched("invitee")).map(function(e) {
+					let t = l.any(e, u.foaf("mbox"));
+					return t ? t.uri.replace("mailto:", "") : "";
+				}).join(",") + "?subject=" + encodeURIComponent(t + "-- When can we meet?") + "&body=" + encodeURIComponent(t + "\n\nWhen can you?\n\nSee " + i + "\n");
+				console.log("Mail: " + n), window.location.href = n;
+			}, !1);
+		};
+		function B() {
+			m.nowOrWhenFetched(x.uri, void 0, (e, t, n) => {
+				e ? (D(G), V()) : n.status === 404 ? (console.log("Initializing details file " + x), h.put(x, [], "text/turtle", function(e, t, n) {
+					t ? (D(G), V()) : (E(t, "FAILED to create results file at: " + x.uri + " : " + n), console.log("FAILED to craete results file at: " + x.uri + " : " + n));
+				})) : E(e, "FAILED to read results file: " + t);
+			});
+		}
+		function V() {
+			let e = l.any(d, u.cal("summary")), n = l.any(d, u.cal("comment")), o = l.any(d, u.cal("location")), s = G;
+			e && (s.appendChild(c.createElement("h3")).textContent = e.value), o && (s.appendChild(c.createElement("address")).textContent = o.value), n && (s.appendChild(c.createElement("p")).textContent = n.value);
+			let f = l.any(d, u.dc("author"));
+			if (f) {
+				let e = l.any(f, u.foaf("name"));
+				e && (s.appendChild(c.createElement("p")).textContent = e.value);
+			}
+			let p = new r.Query("Responses", 0), m = {};
+			m.time = r.variable("time"), m.author = r.variable("author"), m.value = r.variable("value"), m.resp = r.variable("resp"), m.cell = r.variable("cell"), p.vars.push(m.time, m.author, m.value, m.resp, m.cell), p.pat.add(d, u.sched("response"), m.resp), p.pat.add(m.resp, u.dc("author"), m.author), p.pat.add(m.resp, u.sched("cell"), m.cell), p.pat.add(m.cell, u.sched("availabilty"), m.value), p.pat.add(m.cell, u.cal("dtstart"), m.time);
+			let h = {
+				set_x: [],
+				set_y: []
+			};
+			h.set_x = l.each(i, u.sched("option")), h.set_x = h.set_x.map(function(e) {
+				return l.any(e, u.cal("dtstart"));
+			}).filter(function(e) {
+				return !!e;
+			}), h.set_y = l.each(i, u.sched("response")), h.set_y = h.set_y.map(function(e) {
+				return l.any(e, u.dc("author"));
+			}).filter(function(e) {
+				return !!e;
+			});
+			let g = l.each(d, u.sched("option")).map(function(e) {
+				return l.any(e, u.cal("dtstart"));
+			}).filter(function(e) {
+				return !!e;
+			}), _ = function() {
+				let e = s.appendChild(t.matrix.matrixForQuery(c, p, m.time, m.author, m.value, h, function() {}));
+				e.setAttribute("class", "matrix");
+				let n = c.createElement("button");
+				n.classList.add("schedule-pane__button");
+				let r = c.createElement("img");
+				r.setAttribute("src", t.icons.iconBase + "noun_479395.svg"), r.classList.add("schedule-pane__button-icon"), n.appendChild(r), n.addEventListener("click", function(t) {
+					n.disabled = !0, l.fetcher.refresh(x, function(t, r) {
+						t ? (e.refresh(), n.disabled = !1) : console.log("Cant refresh matrix" + r);
+					});
+				}, !1), D(J), J.appendChild(n);
+			}, v = {}, y = {
+				div: J,
+				dom: c
+			};
+			t.login.ensureLoggedIn(y).then((e) => {
+				let n = e.me;
+				if (!n) return;
+				let i = x;
+				h.set_y = h.set_y.filter(function(e) {
+					return !e.sameTerm(n);
+				}), h.set_y.push(n), h.cellFunction = function(e, r, i, o) {
+					if (o !== null && l.fetcher.nowOrWhenFetched(o.uri.split("#")[0], void 0, function(t, n) {
+						t && O(e, o);
+					}), i.sameTerm(n)) {
+						let n = function() {
+							return O(e, o), "";
+						}, i = {}, s = u.sched("availabilty");
+						if (!r) return "";
+						let d = v[r.toNT()], f = t.widgets.makeSelectForOptions(c, l, d, s, a, i, x, n);
+						e.appendChild(f);
+					} else o !== null && (e.textContent = t.utils.label(o));
+					return "";
+				};
+				let o = l.each(d, u.sched("response")), s = null;
+				o.forEach(function(e) {
+					l.holds(e, u.dc("author"), n) && (s = e);
+				});
+				let f = [], p = t.widgets.newThing(i).uri;
+				s === null ? (s = r.sym(p + "_response"), f.push(r.st(d, u.sched("response"), s, i)), f.push(r.st(s, u.dc("author"), n, i))) : l.each(s, u.sched("cell")).forEach(function(e) {
+					let t = l.any(e, u.cal("dtstart"));
+					t && (v[t.toNT()] = e);
+				});
+				for (let e = 0; e < g.length; e++) {
+					let t = g[e];
+					if (!t || v[t.toNT()]) continue;
+					let n = r.sym(p + "_" + e);
+					f.push(r.st(s, u.sched("cell"), n, i)), f.push(r.st(n, u.cal("dtstart"), t, i)), v[t.toNT()] = n;
+				}
+				f.length ? l.updater.update([], f, function(e, t, n) {
+					t ? _() : E(t, n);
+				}) : _();
+			});
+			let b = l.any(i, u.foaf("maker"));
+			if (!b || !k || b.sameTerm(k)) {
+				let e = c.createElement("button");
+				e.classList.add("schedule-pane__button");
+				let n = c.createElement("img");
+				n.setAttribute("src", t.icons.iconBase + "noun_344563.svg"), n.classList.add("schedule-pane__button-icon"), e.appendChild(n), e.addEventListener("click", function(e) {
+					D(s), z();
+				}, !1), D(q), q.appendChild(e);
+			}
+			D(Y), Y.appendChild(A());
+		}
+		let H = c.createElement("div");
+		H.classList.add("schedule-pane"), p(H);
+		let U = H.appendChild(c.createElement("table"));
+		U.classList.add("schedule-pane__table");
+		let W = null, G = U.appendChild(c.createElement("tr")).appendChild(c.createElement("td"));
+		G.classList.add("schedule-pane__main-cell"), G.setAttribute("colspan", "3");
+		let K = U.appendChild(c.createElement("tr"));
+		K.classList.add("naviMenu", "schedule-pane__nav");
+		let q = K.appendChild(c.createElement("td")), J = K.appendChild(c.createElement("td")), Y = K.appendChild(c.createElement("td"));
+		return N(), H;
+	}
+};
+//#endregion
+export { s as schedulePane };
+
+//# sourceMappingURL=schedulePane2.esm.js.map

package/dist/schedule/schedulePane2.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schedulePane2.esm.js","names":[],"sources":["../../src/schedule/schedulePane.ts"],"sourcesContent":["/*   Scheduler Pane\n **\n **\n */\n/* global alert */\n\nimport * as UI from 'solid-ui'\nimport { authn } from 'solid-logic'\nimport * as $rdf from 'rdflib'\nimport type { DataBrowserContext, RenderEnvironment } from 'pane-registry'\nimport type { NamedNode, Node as RdflibNode, Statement, Variable } from 'rdflib'\nimport formText from './formsForSchedule.ttl'\nimport './schedulePane.css'\nimport '../styles/utilities.css'\n\nconst ns = UI.ns\n\n// @@ Give other combos too-- see schedule ontology\nconst possibleAvailabilities = [\n  ns.sched('No'),\n  ns.sched('Maybe'),\n  ns.sched('Yes')\n]\n\ntype AgendaTask = () => void\n\ntype CopySpec = {\n  local: string\n  contentType: string\n}\n\ntype MintOptions = {\n  newBase: string\n  useExisting?: NamedNode\n  noIndexHTML?: boolean\n  me?: NamedNode | null\n  newInstance?: NamedNode\n  thisInstance?: NamedNode\n}\n\ntype MatrixOptionsLike = {\n  set_x: RdflibNode[]\n  set_y: RdflibNode[]\n  cellFunction?: (cell: HTMLElement, x: RdflibNode, y: RdflibNode, value: NamedNode | null) => string\n}\n\ntype ResponseQueryVars = {\n  time: Variable\n  author: Variable\n  value: Variable\n  resp: Variable\n  cell: Variable\n}\n\ntype LoginStatusBoxLike = {\n  refresh: () => void\n}\n\nfunction runNextAgendaItem (agenda: AgendaTask[]): void {\n  const nextTask = agenda.shift()\n  if (nextTask) {\n    nextTask()\n  }\n}\n\nexport const schedulePane = {\n  icon: UI.icons.iconBase + 'noun_346777.svg', // @@ better?\n\n  name: 'schedule',\n\n  audience: [ns.solid('PowerUser')],\n\n  // Does the subject deserve an Scheduler pane?\n  label: function (subject: NamedNode, context: DataBrowserContext) {\n    const kb = context.session.store\n    const t = kb.findTypeURIs(subject)\n    if (t['http://www.w3.org/ns/pim/schedule#SchedulableEvent']) {\n      return 'Scheduling poll'\n    }\n    return null // No under other circumstances\n  },\n\n  //  Mint a new Schedule poll\n  mintClass: ns.sched('SchedulableEvent'),\n\n  mintNew: function (context: DataBrowserContext, options: MintOptions) {\n    return new Promise<MintOptions>(function (resolve, reject) {\n      const ns = UI.ns\n      const kb = context.session.store\n      let newBase = options.newBase\n      const thisInstance =\n        options.useExisting || $rdf.sym(options.newBase + 'index.ttl#this')\n\n      const complainIfBad = function (ok: boolean, body: string) {\n        if (ok) return\n        console.log(\n          'Error in Schedule Pane: Error constructing new scheduler: ' + body\n        )\n        reject(new Error(body))\n      }\n\n      // ////////////////////// Accesss control\n\n      // Two constiations of ACL for this app, public read and public read/write\n      // In all cases owner has read write control\n\n      const genACLtext = function (docURI: string, aclURI: string, allWrite: boolean) {\n        const g = $rdf.graph()\n        const auth = $rdf.Namespace('http://www.w3.org/ns/auth/acl#')\n        let a = g.sym(aclURI + '#a1')\n        const acl = g.sym(aclURI)\n        const doc = g.sym(docURI)\n        g.add(a, UI.ns.rdf('type'), auth('Authorization'), acl)\n        g.add(a, auth('accessTo'), doc, acl)\n        g.add(a, auth('agent'), me as NamedNode, acl)\n        g.add(a, auth('mode'), auth('Read'), acl)\n        g.add(a, auth('mode'), auth('Write'), acl)\n        g.add(a, auth('mode'), auth('Control'), acl)\n\n        a = g.sym(aclURI + '#a2')\n        g.add(a, UI.ns.rdf('type'), auth('Authorization'), acl)\n        g.add(a, auth('accessTo'), doc, acl)\n        g.add(a, auth('agentClass'), ns.foaf('Agent'), acl)\n        g.add(a, auth('mode'), auth('Read'), acl)\n        if (allWrite) {\n          g.add(a, auth('mode'), auth('Write'), acl)\n        }\n        return $rdf.serialize(acl, g, aclURI, 'text/turtle')\n      }\n\n      /*\n          const setACL3 = function (docURI, allWrite, callbackFunction) {\n            const aclText = genACLtext(docURI, aclDoc.uri, allWrite)\n            return UI.acl.setACL(docURI, aclText, callbackFunction)\n          }\n          */\n\n      const setACL2 = function setACL2 (docURI, allWrite, callbackFunction) {\n        const aclDoc = kb.any(\n          kb.sym(docURI),\n          kb.sym('http://www.iana.org/assignments/link-relations/acl')\n        ) as NamedNode | null // @@ check that this get set by web.js\n\n        if (aclDoc) {\n          // Great we already know where it is\n          const aclText = genACLtext(docURI, aclDoc.uri, allWrite)\n\n          return fetcher\n            .webOperation('PUT', aclDoc.uri, {\n              data: aclText,\n              contentType: 'text/turtle'\n            })\n            .then(_result => callbackFunction(true))\n            .catch(err => {\n              callbackFunction(false, err.message)\n            })\n        } else {\n          return fetcher\n            .load(docURI)\n            .catch(err => {\n              callbackFunction(false, 'Getting headers for ACL: ' + err)\n            })\n            .then(() => {\n              const aclDoc = kb.any(\n                kb.sym(docURI),\n                kb.sym('http://www.iana.org/assignments/link-relations/acl')\n              ) as NamedNode | null\n\n              if (!aclDoc) {\n                // complainIfBad(false, \"No Link rel=ACL header for \" + docURI)\n                throw new Error('No Link rel=ACL header for ' + docURI)\n              }\n\n              const aclText = genACLtext(docURI, aclDoc.uri, allWrite)\n\n              return fetcher.webOperation('PUT', aclDoc.uri, {\n                data: aclText,\n                contentType: 'text/turtle'\n              })\n            })\n            .then(_result => callbackFunction(true))\n            .catch(err => {\n              callbackFunction(false, err.message)\n            })\n        }\n      }\n\n      // Body of mintNew\n      const fetcher = kb.fetcher\n      const updater = kb.updater\n\n      let me: NamedNode | null = options.me || authn.currentUser()\n      if (!me) {\n        console.log('MUST BE LOGGED IN')\n        alert('NOT LOGGED IN')\n        return\n      }\n\n      const baseDir = thisInstance.dir()\n      if (!baseDir) {\n        throw new Error('Schedule pane needs a base directory to mint a new poll')\n      }\n      const base = baseDir.uri\n      let newDetailsDoc: NamedNode\n      let newInstance: NamedNode\n\n      if (options.useExisting) {\n        newInstance = options.useExisting\n        const existingBaseDir = thisInstance.dir()\n        if (!existingBaseDir) {\n          throw new Error('Existing schedule instance needs a containing directory')\n        }\n        newBase = existingBaseDir.uri\n        newDetailsDoc = newInstance.doc()\n        // newIndexDoc = null\n        if (options.newBase) {\n          throw new Error(\n            'mint new scheduler: Illegal - have both new base and existing event'\n          )\n        }\n      } else {\n        newDetailsDoc = kb.sym(newBase + 'details.ttl')\n        // newIndexDoc = kb.sym(newBase + 'index.html')\n        newInstance = kb.sym(newDetailsDoc.uri + '#event')\n      }\n\n      const newResultsDoc = kb.sym(newBase + 'results.ttl')\n\n      const toBeCopied: CopySpec[] = options.noIndexHTML\n        ? []\n        : [{ local: 'index.html', contentType: 'text/html' }]\n\n      const agenda: AgendaTask[] = []\n\n      //   @@ This needs some form of visible progress bar\n      for (let f = 0; f < toBeCopied.length; f++) {\n        const item = toBeCopied[f]\n        const fun = function copyItem (item: CopySpec) {\n          agenda.push(function () {\n            const newURI = newBase + item.local\n            console.log('Copying ' + base + item.local + ' to ' + newURI)\n\n            const setThatACL = function () {\n              setACL2(newURI, false, function (ok, message) {\n                if (!ok) {\n                  complainIfBad(\n                    ok,\n                    'FAILED to set ACL ' + newURI + ' : ' + message\n                  )\n                  console.log('FAILED to set ACL ' + newURI + ' : ' + message)\n                } else {\n                  runNextAgendaItem(agenda) // beware too much nesting\n                }\n              })\n            }\n\n            kb.fetcher\n              .webCopy(\n                base + item.local,\n                newBase + item.local,\n                item.contentType\n              )\n              .then(() => authn.checkUser())\n              .then(webId => {\n                me = webId as NamedNode | null\n\n                setThatACL()\n              })\n              .catch(err => {\n                console.log(\n                  'FAILED to copy ' + base + item.local + ' : ' + err.message\n                )\n                complainIfBad(\n                  false,\n                  'FAILED to copy ' + base + item.local + ' : ' + err.message\n                )\n              })\n          })\n        }\n        fun(item)\n      }\n\n      agenda.push(function createDetailsFile () {\n        kb.add(\n          newInstance,\n          ns.rdf('type'),\n          ns.sched('SchedulableEvent'),\n          newDetailsDoc\n        )\n        if (me) {\n          kb.add(newInstance, ns.dc('author'), me, newDetailsDoc) // Who is sending the invitation?\n          kb.add(newInstance, ns.foaf('maker'), me, newDetailsDoc) // Uneditable - wh is allowed to edit this?\n        }\n\n        kb.add(\n          newInstance,\n          ns.dc('created'),\n          $rdf.literal(\n            new Date().toISOString(),\n            $rdf.sym('http://www.w3.org/2001/XMLSchema#dateTime')\n          ),\n          newDetailsDoc\n        )\n        kb.add(newInstance, ns.sched('resultsDocument'), newDetailsDoc)\n\n        updater.put(\n          newDetailsDoc,\n          kb.statementsMatching(undefined, undefined, undefined, newDetailsDoc),\n          'text/turtle',\n          function (uri2, ok, message) {\n            if (ok) {\n              runNextAgendaItem(agenda)\n            } else {\n              complainIfBad(\n                ok,\n                'FAILED to save new scheduler at: ' +\n                  newDetailsDoc +\n                  ' : ' +\n                  message\n              )\n              console.log(\n                'FAILED to save new scheduler at: ' +\n                  newDetailsDoc +\n                  ' : ' +\n                  message\n              )\n            }\n          }\n        )\n      })\n\n      agenda.push(function () {\n        kb.fetcher\n          .webOperation('PUT', newResultsDoc.uri, {\n            data: '',\n            contentType: 'text/turtle'\n          })\n          .then(() => {\n            runNextAgendaItem(agenda)\n          })\n          .catch(err => {\n            complainIfBad(\n              false,\n              'Failed to initialize empty results file: ' + err.message\n            )\n          })\n      })\n\n      agenda.push(function () {\n        setACL2(newResultsDoc.uri, true, function (ok, body) {\n          complainIfBad(\n            ok,\n            'Failed to set Read-Write ACL on results file: ' + body\n          )\n          if (ok) runNextAgendaItem(agenda)\n        })\n      })\n\n      agenda.push(function () {\n        setACL2(newDetailsDoc.uri, false, function (ok, body) {\n          complainIfBad(\n            ok,\n            'Failed to set read ACL on configuration file: ' + body\n          )\n          if (ok) runNextAgendaItem(agenda)\n        })\n      })\n\n      agenda.push(function () {\n        // give the user links to the new app\n        console.log('Finished minting new scheduler')\n        options.newInstance = newInstance\n        resolve(options)\n      })\n\n      runNextAgendaItem(agenda)\n      // Created new data files.\n    }) // promise\n  }, // mintNew\n\n  //  Render one meeting schedule poll\n  render: function (subject: NamedNode, context: DataBrowserContext) {\n    const dom = context.dom\n    const kb = context.session.store\n    const ns = UI.ns\n    const invitation = subject\n    const appPathSegment = 'app-when-can-we.w3.org' // how to allocate this string and connect to\n\n    function applyEnvironmentAttributes (element: HTMLDivElement): void {\n      const environment = (context.environment ?? {}) as Partial<RenderEnvironment>\n      element.dataset.layout = environment.layout ?? 'desktop'\n    }\n\n    // ////////////////////////////////////////////\n\n    const fetcher = kb.fetcher\n    const updater = kb.updater\n    let waitingForLogin = false\n\n    const thisInstance = subject\n    const detailsDoc = subject.doc()\n    const baseDir = detailsDoc.dir()\n    if (!baseDir) {\n      throw new Error('Schedule pane needs a containing directory for its details document')\n    }\n    const base = baseDir.uri\n\n    const resultsDoc = $rdf.sym(base + 'results.ttl')\n    // const formsURI = base + 'forms.ttl'\n    // We can't in fact host stuff from there because of CORS\n    const formsURI =\n      'https://solidos.github.io/solid-panes/schedule/formsForSchedule.ttl'\n\n    const form1 = kb.sym(formsURI + '#form1')\n    const form2 = kb.sym(formsURI + '#form2')\n    const form3 = kb.sym(formsURI + '#form3')\n\n    $rdf.parse(formText, kb, formsURI, 'text/turtle') // Load forms directly\n\n    // Utility functions\n\n    const complainIfBad = function (ok, message) {\n      if (!ok) {\n        div.appendChild(UI.widgets.errorMessageBlock(dom, message, 'pink'))\n      }\n    }\n\n    const clearElement = function (ele) {\n      while (ele.firstChild) {\n        ele.removeChild(ele.firstChild)\n      }\n      return ele\n    }\n\n    const refreshCellColor = function (cell, value) {\n      const bg = kb.any(value, UI.ns.ui('backgroundColor'))\n      if (bg) {\n        cell.classList.add('schedule-pane__cell')\n        cell.setAttribute(\n          'style',\n          'background-color: ' + bg + ';'\n        )\n      }\n    }\n\n    let me: NamedNode | null = null\n\n    authn.checkUser().then(webId => {\n      me = (webId as NamedNode | null) ?? null\n\n      if (logInOutButton) {\n        logInOutButton.refresh()\n      }\n      if (webId && waitingForLogin) {\n        waitingForLogin = false\n        showAppropriateDisplay()\n      }\n    })\n    console.log('me: ' + me) // @@ curently not actually used elsewhere\n\n    // //////////////////////////////  Reproduction: spawn a new instance\n    //\n    // Viral growth path: user of app decides to make another instance\n    //\n\n    const newInstanceButton = function () {\n      const b = UI.login.newAppInstance(\n        dom,\n        { noun: 'scheduler', appPathSegment },\n        function (workspace: string | null, newBase: string) {\n          return initializeNewInstanceInWorkspace(\n            $rdf.sym(workspace || newBase)\n          )\n        }\n      )\n      if (b.firstChild instanceof HTMLElement) {\n        b.firstChild.classList.add('schedule-pane__button')\n      }\n      return b\n    } // newInstanceButton\n\n    // ///////////////////////  Create new document files for new instance of app\n\n    const initializeNewInstanceInWorkspace = function (ws: NamedNode) {\n      const uriPrefix = kb.any(ws, ns.space('uriPrefix'))\n      let newBase = ''\n      if (!uriPrefix) {\n        newBase = ws.uri.split('#')[0]\n      } else {\n        newBase = uriPrefix.value\n      }\n      if (newBase.slice(-1) !== '/') {\n        $rdf.log.error(appPathSegment + ': No / at end of uriPrefix ' + newBase) // @@ paramater?\n        newBase = newBase + '/'\n      }\n      const now = new Date()\n      newBase += appPathSegment + '/id' + now.getTime() + '/' // unique id\n\n      initializeNewInstanceAtBase(thisInstance, newBase)\n    }\n\n    const initializeNewInstanceAtBase = function (thisInstance: NamedNode, newBase: string) {\n      const options: MintOptions = { thisInstance, newBase }\n      schedulePane.mintNew(context, options)\n        .then(function (options) {\n          if (!options.newInstance) {\n            throw new Error('New scheduler instance was not returned')\n          }\n          const p = div.appendChild(dom.createElement('p'))\n          p.setAttribute('style', 'font-size: 140%;')\n          p.innerHTML =\n            'Your <a href=\\'' +\n            options.newInstance.uri +\n            '\\'><b>new scheduler</b></a> is ready to be set up. ' +\n            '<br/><br/><a href=\\'' +\n            options.newInstance.uri +\n            '\\'>Say when you what days work for you.</a>'\n        })\n        .catch(function (error) {\n          complainIfBad(\n            false,\n            'Error createing new scheduler at ' +\n              options.newInstance +\n              ': ' +\n              error\n          )\n        })\n    }\n\n    // ///////////////////////\n\n    const getForms = function () {\n      console.log('getforms()')\n      getDetails()\n      /*\n      fetcher.nowOrWhenFetched(formsURI, undefined, function (ok, body) {\n        console.log('getforms() ok? ' + ok)\n        if (!ok) return complainIfBad(ok, body)\n        getDetails()\n      })\n      */\n    }\n\n    const getDetails = function () {\n      console.log('getDetails()') // Looking for blank screen hang-up\n      fetcher.nowOrWhenFetched(detailsDoc.uri, undefined, function (ok, body) {\n        console.log('getDetails() ok? ' + ok)\n        if (!ok) return complainIfBad(ok, body)\n        showAppropriateDisplay()\n      })\n    }\n\n    const showAppropriateDisplay = function showAppropriateDisplay () {\n      console.log('showAppropriateDisplay()')\n\n      authn.checkUser().then(webId => {\n        if (!webId) {\n          return showSignon()\n        }\n\n        // On gh-pages, the turtle will not load properly (bad mime type)\n        // but we can trap it as being a non-editable server.\n\n        if (\n          !kb.updater.editable(detailsDoc.uri, kb) ||\n          kb.holds(subject, ns.rdf('type'), ns.wf('TemplateInstance'))\n        ) {\n          // This is read-only example e.g. on github pages, etc\n          showBootstrap()\n          return\n        }\n\n        const ready = kb.any(subject, ns.sched('ready'))\n\n        if (!ready) {\n          showForms()\n        } else {\n          // no editing not author\n          getResults()\n        }\n      })\n    }\n\n    const showSignon = function showSignon () {\n      clearElement(naviMain)\n      const signonContext = { div, dom }\n      UI.login.ensureLoggedIn(signonContext).then(context => {\n        me = context.me ?? null\n        waitingForLogin = false // untested\n        showAppropriateDisplay()\n      })\n    }\n\n    const showBootstrap = function showBootstrap () {\n      const div = clearElement(naviMain)\n      div.appendChild(\n        UI.login.newAppInstance(\n          dom,\n          { noun: 'poll', appPathSegment },\n          function (workspace: string | null, newBase: string) {\n            return initializeNewInstanceInWorkspace(\n              $rdf.sym(workspace || newBase)\n            )\n          }\n        )\n      )\n\n      div.appendChild(dom.createElement('hr')) // @@\n\n      const p = div.appendChild(dom.createElement('p'))\n      p.textContent =\n        'Where would you like to store the data for the poll?  ' +\n        'Give the URL of the directory where you would like the data stored.'\n      const baseField = div.appendChild(dom.createElement('input'))\n      baseField.setAttribute('type', 'text')\n      baseField.size = 80 // really a string\n      baseField.label = 'base URL'\n      baseField.autocomplete = 'on'\n\n      div.appendChild(dom.createElement('br')) // @@\n\n      const button = div.appendChild(dom.createElement('button'))\n      button.classList.add('schedule-pane__button')\n      button.textContent = 'Start new poll at this URI'\n      button.addEventListener('click', function (_e) {\n        let newBase = baseField.value\n        if (newBase.slice(-1) !== '/') {\n          newBase += '/'\n        }\n        initializeNewInstanceAtBase(thisInstance, newBase)\n      })\n    }\n\n    // ///////////// The forms to configure the poll\n\n    const doneButton = dom.createElement('button')\n\n    const showForms = function () {\n      clearElement(naviCenter) // Remove refresh button if nec\n      const div = naviMain\n\n      // form2 depends on sched:allDay; seed a local default for new polls\n      if (!kb.any(subject, ns.sched('allDay'))) {\n        kb.add(\n          subject,\n          ns.sched('allDay'),\n          $rdf.literal('true', $rdf.sym('http://www.w3.org/2001/XMLSchema#boolean')),\n          detailsDoc\n        )\n      }\n\n      const wizard = true\n      let currentSlide = 0\n      let gotDoneButton = false\n\n      const hasFormControls = function (container) {\n        return !!container.querySelector('input, select, textarea, button')\n      }\n\n      const asBoolean = function (term, fallback) {\n        if (!term) return fallback\n        const value = (term.value || '').toLowerCase()\n        if (value === 'true' || value === '1') return true\n        if (value === 'false' || value === '0') return false\n        return fallback\n      }\n\n      const renderTimeProposalFallback = function (slide) {\n        const allDayValue = asBoolean(kb.any(subject, ns.sched('allDay')), true)\n        const fallbackForm = kb.sym(\n          formsURI + (allDayValue ? '#AllDayForm2' : '#NotAllDayForm2')\n        )\n        UI.widgets.appendForm(\n          document,\n          slide,\n          {},\n          subject,\n          fallbackForm,\n          detailsDoc,\n          complainIfBad\n        )\n      }\n\n      const annotateRenderedForm = function (\n        container: HTMLElement,\n        includePrimaryFields: boolean = false\n      ) {\n        const controls = Array.from(\n          container.querySelectorAll('input, select, textarea')\n        ) as HTMLElement[]\n        controls.forEach(control => {\n          control.classList.add('schedule-pane__form-control')\n          if (control.tagName.toLowerCase() === 'textarea') {\n            control.classList.add('schedule-pane__form-control--textarea')\n          }\n        })\n\n        const borderedPanels = Array.from(\n          container.querySelectorAll('div[style*=\"border: 0.05em solid\"]')\n        ) as HTMLElement[]\n        borderedPanels.forEach(panel => {\n          panel.classList.add('schedule-pane__panel')\n        })\n\n        const headings = Array.from(container.querySelectorAll('h3')) as HTMLElement[]\n        headings.forEach(heading => {\n          heading.classList.add('schedule-pane__form-heading')\n          const headingText = (heading.textContent || '').trim().toLowerCase()\n          if (headingText === 'time proposals') {\n            heading.classList.add('schedule-pane__form-heading--time-proposals')\n            heading.closest('.schedule-pane__panel')?.classList.add(\n              'schedule-pane__panel--time-proposals'\n            )\n          }\n        })\n\n        if (!includePrimaryFields) {\n          return\n        }\n\n        const labels = Array.from(container.querySelectorAll('.formFieldName'))\n        labels.forEach(labelElement => {\n          const row = labelElement.parentElement as HTMLElement | null\n          const labelText = (labelElement.textContent || '').trim().toLowerCase()\n          if (!row) return\n          if (labelText === 'summary' || labelText === 'location') {\n            row.classList.add('schedule-pane__field-row--compact')\n          }\n          if (labelText === 'comment') {\n            row.classList.add('schedule-pane__field-row--comment')\n          }\n        })\n\n        const commentField = container.querySelector('textarea') as HTMLTextAreaElement | null\n        const commentFieldWrapper = commentField?.parentElement as HTMLElement | null\n        const commentValueCell = commentFieldWrapper?.parentElement as HTMLElement | null\n        const commentRow = commentValueCell?.parentElement as HTMLElement | null\n        if (commentRow) {\n          commentRow.classList.add('schedule-pane__field-row--comment')\n        }\n        if (commentValueCell) {\n          commentValueCell.classList.add('schedule-pane__field-value--comment')\n        }\n      }\n\n      const unwrapSlide = function (slide: HTMLElement) {\n        const firstElement = slide.firstElementChild as HTMLElement | null\n        if (!firstElement || slide.childElementCount !== 1) {\n          return slide\n        }\n        return firstElement\n      }\n\n      if (wizard) {\n        const forms = [form1, form2, form3]\n        const slides: HTMLElement[] = []\n        currentSlide = 0\n        for (let f = 0; f < forms.length; f++) {\n          const slide = dom.createElement('div')\n          UI.widgets.appendForm(\n            document,\n            slide,\n            {},\n            subject,\n            forms[f],\n            detailsDoc,\n            complainIfBad\n          )\n          annotateRenderedForm(slide, f === 0)\n\n          // Some stores end up with form2's ui:Options unresolved; force a usable input form.\n          if (f === 1 && !hasFormControls(slide)) {\n            renderTimeProposalFallback(slide)\n            annotateRenderedForm(slide)\n          }\n\n          slides.push(unwrapSlide(slide))\n        }\n\n        const refresh = function () {\n          clearElement(naviMain).appendChild(slides[currentSlide])\n\n          if (currentSlide === 0) {\n            b1.setAttribute('disabled', '')\n          } else {\n            b1.removeAttribute('disabled')\n          }\n          if (currentSlide === slides.length - 1) {\n            b2.setAttribute('disabled', '')\n            if (!gotDoneButton) {\n              // Only expose at last slide seen\n              naviCenter.appendChild(emailButton) // could also check data shape\n              naviCenter.appendChild(doneButton) // could also check data shape\n              gotDoneButton = true\n            }\n          } else {\n            b2.removeAttribute('disabled')\n          }\n        }\n        const b1 = clearElement(naviLeft).appendChild(dom.createElement('button'))\n        b1.classList.add('schedule-pane__button')\n        b1.textContent = '<- go back'\n        b1.addEventListener(\n          'click',\n          function (_e) {\n            if (currentSlide > 0) {\n              currentSlide -= 1\n              refresh()\n            }\n          },\n          false\n        )\n\n        const b2 = clearElement(naviRight).appendChild(\n          dom.createElement('button')\n        )\n        b2.classList.add('schedule-pane__button')\n        b2.textContent = 'continue ->'\n        b2.addEventListener(\n          'click',\n          function (_e) {\n            if (currentSlide < slides.length - 1) {\n              currentSlide += 1\n              refresh()\n            }\n          },\n          false\n        )\n\n        refresh()\n      } else {\n        // not wizard one big form\n        // @@@ create the initial config doc if not exist\n        const table = div.appendChild(dom.createElement('table'))\n        UI.widgets.appendForm(\n          document,\n          table,\n          {},\n          subject,\n          form1,\n          detailsDoc,\n          complainIfBad\n        )\n        annotateRenderedForm(table, true)\n        UI.widgets.appendForm(\n          document,\n          table,\n          {},\n          subject,\n          form2,\n          detailsDoc,\n          complainIfBad\n        )\n        annotateRenderedForm(table)\n        UI.widgets.appendForm(\n          document,\n          table,\n          {},\n          subject,\n          form3,\n          detailsDoc,\n          complainIfBad\n        )\n        annotateRenderedForm(table)\n        naviCenter.appendChild(doneButton) // could also check data shape\n      }\n      // @@@  link config to results\n\n      const insertables: Statement[] = []\n      insertables.push(\n        $rdf.st(\n          subject,\n          ns.sched('availabilityOptions'),\n          ns.sched('YesNoMaybe'),\n          detailsDoc\n        )\n      )\n      insertables.push(\n        $rdf.st(\n          subject,\n          ns.sched('ready'),\n          $rdf.literal(\n            new Date().toISOString(),\n            $rdf.sym('http://www.w3.org/2001/XMLSchema#dateTime')\n          ),\n          detailsDoc\n        )\n      )\n      insertables.push(\n        $rdf.st(subject, ns.sched('results'), resultsDoc, detailsDoc)\n      ) // @@ also link in results\n\n      doneButton.classList.add('schedule-pane__button')\n      doneButton.textContent = 'Go to poll'\n      doneButton.addEventListener(\n        'click',\n        function (_e) {\n          if (kb.any(subject, ns.sched('ready'))) {\n            // already done\n            getResults()\n            naviRight.appendChild(emailButton)\n          } else {\n            naviRight.appendChild(emailButton)\n            kb.updater.update([], insertables, function (\n              uri,\n              success,\n              errorBody\n            ) {\n              if (!success) {\n                complainIfBad(success, errorBody)\n              } else {\n                // naviRight.appendChild(emailButton)\n                getResults()\n              }\n            })\n          }\n        },\n        false\n      )\n\n      const emailButton = dom.createElement('button')\n      emailButton.classList.add('schedule-pane__button')\n      const emailIcon = emailButton.appendChild(dom.createElement('img'))\n      emailIcon.setAttribute('src', UI.icons.iconBase + 'noun_480183.svg') // noun_480183.svg\n      emailIcon.classList.add('schedule-pane__button-icon')\n      // emailButton.textContent = 'email invitations'\n      emailButton.addEventListener(\n        'click',\n        function (_e) {\n          const title =\n            kb.anyValue(subject, ns.cal('summary')) ||\n            kb.anyValue(subject, ns.dc('title')) ||\n            ''\n          const mailto =\n            'mailto:' +\n            kb\n              .each(subject, ns.sched('invitee'))\n              .map(function (who) {\n                const mbox = kb.any(who as NamedNode, ns.foaf('mbox')) as NamedNode | null\n                return mbox ? mbox.uri.replace('mailto:', '') : ''\n              })\n              .join(',') +\n            '?subject=' +\n            encodeURIComponent(title + '-- When can we meet?') +\n            '&body=' +\n            encodeURIComponent(\n              title + '\\n\\nWhen can you?\\n\\nSee ' + subject + '\\n'\n            )\n          // @@ assumed there is a data browser\n\n          console.log('Mail: ' + mailto)\n          window.location.href = mailto\n        },\n        false\n      )\n    } // showForms\n\n    // Ask for each day, what times .. @@ to be added some time\n    /*\n    const setTimesOfDay = function () {\n      const i, j, x, y, slot, cell, day\n      const insertables = []\n      const possibleDays = kb.each(invitation, ns.sched('option'))\n        .map(function (opt) {return kb.any(opt, ns.cal('dtstart'))})\n      const cellLookup = []\n      const slots = kb.each(invitation, ns.sched('slot'))\n      if (slots.length === 0) {\n        for (i = 0; i < 2; i++) {\n          slot = UI.widgets.newThing(detailsDoc)\n          insertables.push($rdf.st(invitation, ns.sched('slot'), slot))\n          insertables.push($rdf.st(slot, ns.rdfs('label'), 'slot ' + (i + 1)))\n          for (j = 0; j < possibleDays.length; j++) {\n            day - possibleDays[j]\n            x = kb.any(slot, ns.rdfs('label'))\n            y = kb.any(day, ns.cal('dtstart'))\n            cell = UI.widgets.newThing(detailsDoc)\n            cellLookup[x.toNT() + y.toNT()] = cell\n            insertables.push($rdf.st(slot, ns.sched('cell'), cell))\n            insertables.push($rdf.st(cell, ns.sched('day'), possibleDays[j]))\n          }\n        }\n      }\n\n      const query = new $rdf.Query('TimesOfDay')\n      const v = {}['day', 'label', 'value', 'slot', 'cell'].map(function (x) {\n        query.consts.push(v[x] = $rdf.constiable(x)) })\n      query.pat.add(invitation, ns.sched('slot'), v.slot)\n      query.pat.add(v.slot, ns.rdfs('label'), v.label)\n      query.pat.add(v.slot, ns.sched('cell'), v.cell)\n      query.pat.add(v.cell, ns.sched('timeOfDay'), v.value)\n      query.pat.add(v.cell, ns.sched('day'), v.day)\n\n      const options = {}\n      options.set_x = kb.each(subject, ns.sched('slot')) // @@@@@ option -> dtstart in future\n      options.set_x = options.set_x.map(function (opt) { return kb.any(opt, ns.rdfs('label')) })\n\n      options.set_y = kb.each(subject, ns.sched('option')); // @@@@@ option -> dtstart in future\n      options.set_y = options.set_y.map(function (opt) { return kb.any(opt, ns.cal('dtstart')) })\n\n      const possibleTimes = kb.each(invitation, ns.sched('option'))\n        .map(function (opt) { return kb.any(opt, ns.cal('dtstart')) })\n\n      const displayTheMatrix = function () {\n        const matrix = div.appendChild(UI.matrix.matrixForQuery(\n          dom, query, v.time, v.author, v.value, options, function () {}))\n\n        matrix.setAttribute('class', 'matrix')\n\n        const refreshButton = dom.createElement('button')\n        refreshButton.setAttribute('style', inputStyle)\n        refreshButton.textContent = 'refresh'\n        refreshButton.addEventListener('click', function (e) {\n          refreshButton.disabled = true\n          store.fetcher.nowOrWhenFetched(subject.doc(), undefined, function (ok, body) {\n            if (!ok) {\n              console.log('Cant refresh matrix' + body)\n            } else {\n              matrix.refresh()\n              refreshButton.disabled = false\n            }\n          })\n        }, false)\n\n        clearElement(naviCenter)\n        naviCenter.appendChild(refreshButton)\n      }\n\n      const dataPointForNT = []\n\n      const doc = resultsDoc\n      options.set_y = options.set_y.filter(function (z) { return (! z.sameTerm(me)) })\n      options.set_y.push(me) // Put me on the end\n\n      options.cellFunction = function (cell, x, y, value) {\n        // const point = cellLookup[x.toNT() + y.toNT()]\n\n        if (y.sameTerm(me)) {\n          const callbackFunction = function () { refreshCellColor(cell, value); }; //  @@ may need that\n          const selectOptions = {}\n          const predicate = ns.sched('timeOfDay')\n          const cellSubject = dataPointForNT[x.toNT()]\n          const selector = UI.widgets.makeSelectForOptions(dom, kb, cellSubject, predicate,\n            possibleAvailabilities, selectOptions, resultsDoc, callbackFunction)\n          cell.appendChild(selector)\n        } else if (value !== null) {\n          cell.textContent = UI.utils.label(value)\n        }\n\n      }\n\n      const responses = kb.each(invitation, ns.sched('response'))\n      const myResponse = null\n      responses.map(function (r) {\n        if (kb.holds(r, ns.dc('author'), me)) {\n          myResponse = r\n        }\n      })\n\n      const id = UI.widgets.newThing(doc).uri\n      if (myResponse === null) {\n        myResponse = $rdf.sym(id + '_response')\n        insertables.push($rdf.st(invitation, ns.sched('response'), myResponse, doc))\n        insertables.push($rdf.st(myResponse, ns.dc('author'), me, doc))\n      } else {\n        const dps = kb.each(myResponse, ns.sched('cell'))\n        dps.map(function (dataPoint) {\n          const time = kb.any(dataPoint, ns.cal('dtstart'))\n          dataPointForNT[time.toNT()] = dataPoint\n        })\n      }\n      for (let j = 0; j < possibleTimes.length; j++) {\n        if (dataPointForNT[possibleTimes[j].toNT()]) continue\n        const dataPoint = $rdf.sym(id + '_' + j)\n        insertables.push($rdf.st(myResponse, ns.sched('cell'), dataPoint, doc))\n        insertables.push($rdf.st(dataPoint, ns.cal('dtstart'), possibleTimes[j], doc)) // @@\n        dataPointForNT[possibleTimes[j].toNT()] = dataPoint\n      }\n      if (insertables.length) {\n        store.updater.update([], insertables, function (uri, success, errorBody) {\n          if (!success) {\n            complainIfBad(success, errorBody)\n          } else {\n            displayTheMatrix()\n          }\n        })\n      } else { // no insertables\n        displayTheMatrix()\n      }\n    }\n    */\n    // end setTimesOfDay\n\n    // Read or create empty results file\n    function getResults () {\n      fetcher.nowOrWhenFetched(resultsDoc.uri, undefined, (ok, body, response) => {\n        if (!ok) {\n          if (response.status === 404) {\n            // /  Check explicitly for 404 error\n            console.log('Initializing details file ' + resultsDoc)\n            updater.put(resultsDoc, [], 'text/turtle', function (\n              uri2,\n              ok,\n              message\n            ) {\n              if (ok) {\n                clearElement(naviMain)\n                showResults()\n              } else {\n                complainIfBad(\n                  ok,\n                  'FAILED to create results file at: ' +\n                    resultsDoc.uri +\n                    ' : ' +\n                    message\n                )\n                console.log(\n                  'FAILED to craete results file at: ' +\n                    resultsDoc.uri +\n                    ' : ' +\n                    message\n                )\n              }\n            })\n          } else {\n            // Other error, not 404 -- do not try to overwite the file\n            complainIfBad(ok, 'FAILED to read results file: ' + body)\n          }\n        } else {\n          // Happy read\n          clearElement(naviMain)\n          showResults()\n        }\n      })\n    }\n\n    function showResults () {\n      //       Now the form for responsing to the poll\n      //\n\n      // div.appendChild(dom.createElement('hr'))\n\n      // const invitation = subject\n      const title = kb.any(invitation, ns.cal('summary'))\n      const comment = kb.any(invitation, ns.cal('comment'))\n      const location = kb.any(invitation, ns.cal('location'))\n      const div = naviMain\n      if (title) div.appendChild(dom.createElement('h3')).textContent = title.value\n      if (location) {\n        div.appendChild(dom.createElement('address')).textContent =\n          location.value\n      }\n      if (comment) {\n        div.appendChild(dom.createElement('p')).textContent = comment.value\n      }\n      const author = kb.any(invitation, ns.dc('author')) as NamedNode | null\n      if (author) {\n        const authorName = kb.any(author, ns.foaf('name'))\n        if (authorName) {\n          div.appendChild(dom.createElement('p')).textContent = authorName.value\n        }\n      }\n\n      const query = new $rdf.Query('Responses', 0)\n      const v = {} as ResponseQueryVars\n      v.time = $rdf.variable('time')\n      v.author = $rdf.variable('author')\n      v.value = $rdf.variable('value')\n      v.resp = $rdf.variable('resp')\n      v.cell = $rdf.variable('cell')\n      query.vars.push(v.time, v.author, v.value, v.resp, v.cell)\n      query.pat.add(invitation, ns.sched('response'), v.resp)\n      query.pat.add(v.resp, ns.dc('author'), v.author)\n      query.pat.add(v.resp, ns.sched('cell'), v.cell)\n      query.pat.add(v.cell, ns.sched('availabilty'), v.value)\n      query.pat.add(v.cell, ns.cal('dtstart'), v.time)\n\n      // Sort by by person @@@\n\n      const options: MatrixOptionsLike = { set_x: [], set_y: [] }\n      options.set_x = kb.each(subject, ns.sched('option')) as RdflibNode[] // @@@@@ option -> dtstart in future\n      options.set_x = options.set_x.map(function (opt) {\n        return kb.any(opt as NamedNode, ns.cal('dtstart'))\n      }).filter(function (time) {\n        return !!time\n      })\n\n      options.set_y = kb.each(subject, ns.sched('response')) as RdflibNode[]\n      options.set_y = options.set_y.map(function (resp) {\n        return kb.any(resp as NamedNode, ns.dc('author'))\n      }).filter(function (author) {\n        return !!author\n      })\n\n      const possibleTimes = kb\n        .each(invitation, ns.sched('option'))\n        .map(function (opt) {\n          return kb.any(opt as NamedNode, ns.cal('dtstart'))\n        })\n        .filter(function (time) {\n          return !!time\n        })\n\n      const displayTheMatrix = function () {\n        const matrix = div.appendChild(\n          UI.matrix.matrixForQuery(\n            dom,\n            query,\n            v.time,\n            v.author,\n            v.value,\n            options,\n            function () {}\n          )\n        )\n\n        matrix.setAttribute('class', 'matrix')\n\n        const refreshButton = dom.createElement('button')\n        refreshButton.classList.add('schedule-pane__button')\n        // refreshButton.textContent = 'refresh' // noun_479395.svg\n        const refreshIcon = dom.createElement('img')\n        refreshIcon.setAttribute('src', UI.icons.iconBase + 'noun_479395.svg')\n        refreshIcon.classList.add('schedule-pane__button-icon')\n        refreshButton.appendChild(refreshIcon)\n        refreshButton.addEventListener(\n          'click',\n          function (_e) {\n            refreshButton.disabled = true\n            kb.fetcher.refresh(resultsDoc, function (ok, body) {\n              if (!ok) {\n                console.log('Cant refresh matrix' + body)\n              } else {\n                matrix.refresh()\n                refreshButton.disabled = false\n              }\n            })\n          },\n          false\n        )\n\n        clearElement(naviCenter)\n        naviCenter.appendChild(refreshButton)\n      }\n\n      // @@ Give other combos too-- see schedule ontology\n      // const possibleAvailabilities = [ SCHED('No'), SCHED('Maybe'), SCHED('Yes') ]\n\n      // const me = authn.currentUser()\n\n      const dataPointForNT: Record<string, NamedNode> = {}\n\n      const loginContext = { div: naviCenter, dom }\n      UI.login.ensureLoggedIn(loginContext).then(context => {\n        const me = context.me\n        if (!me) {\n          return\n        }\n        const doc = resultsDoc\n        options.set_y = options.set_y.filter(function (z) {\n          return !z.sameTerm(me)\n        })\n        options.set_y.push(me) // Put me on the end\n\n        options.cellFunction = function (cell, x, y, value) {\n          if (value !== null) {\n            kb.fetcher.nowOrWhenFetched(\n              value.uri.split('#')[0],\n              undefined,\n              function (ok, _error) {\n                if (ok) refreshCellColor(cell, value)\n              }\n            )\n          }\n          if (y.sameTerm(me)) {\n            const callbackFunction = function () {\n              refreshCellColor(cell, value)\n              return ''\n            } //  @@ may need that\n            const selectOptions = {}\n            const predicate = ns.sched('availabilty')\n            if (!x) return ''\n            const cellSubject = dataPointForNT[x.toNT()]\n            const selector = UI.widgets.makeSelectForOptions(\n              dom,\n              kb,\n              cellSubject,\n              predicate,\n              possibleAvailabilities,\n              selectOptions,\n              resultsDoc,\n              callbackFunction\n            )\n            cell.appendChild(selector)\n          } else if (value !== null) {\n            cell.textContent = UI.utils.label(value)\n          }\n          return ''\n        }\n\n        const responses = kb.each(invitation, ns.sched('response'))\n        let myResponse: NamedNode | null = null\n        responses.forEach(function (r) {\n          if (kb.holds(r, ns.dc('author'), me)) {\n            myResponse = r as NamedNode\n          }\n        })\n\n        const insertables: Statement[] = [] // list of statements to be stored\n\n        const id = UI.widgets.newThing(doc).uri\n        if (myResponse === null) {\n          myResponse = $rdf.sym(id + '_response')\n          insertables.push(\n            $rdf.st(invitation, ns.sched('response'), myResponse, doc)\n          )\n          insertables.push($rdf.st(myResponse, ns.dc('author'), me, doc))\n        } else {\n          const dps = kb.each(myResponse, ns.sched('cell'))\n          dps.forEach(function (dataPoint) {\n            const time = kb.any(dataPoint as NamedNode, ns.cal('dtstart'))\n            if (!time) return\n            dataPointForNT[time.toNT()] = dataPoint as NamedNode\n          })\n        }\n        for (let j = 0; j < possibleTimes.length; j++) {\n          const possibleTime = possibleTimes[j]\n          if (!possibleTime) continue\n          if (dataPointForNT[possibleTime.toNT()]) continue\n          const dataPoint = $rdf.sym(id + '_' + j)\n          insertables.push(\n            $rdf.st(myResponse, ns.sched('cell'), dataPoint, doc)\n          )\n          insertables.push(\n            $rdf.st(dataPoint, ns.cal('dtstart'), possibleTime, doc)\n          ) // @@\n          dataPointForNT[possibleTime.toNT()] = dataPoint\n        }\n        if (insertables.length) {\n          kb.updater.update([], insertables, function (\n            uri,\n            success,\n            errorBody\n          ) {\n            if (!success) {\n              complainIfBad(success, errorBody)\n            } else {\n              displayTheMatrix()\n            }\n          })\n        } else {\n          // no insertables\n          displayTheMatrix()\n        }\n      }) // @@@@ end of .then\n\n      // If I made this in the first place, allow me to edit it.\n      // @@ optionally -- allows others to if according to original\n      const instanceCreator = kb.any(subject, ns.foaf('maker')) // owner?\n      if (!instanceCreator || !me || instanceCreator.sameTerm(me)) {\n        const editButton = dom.createElement('button')\n        editButton.classList.add('schedule-pane__button')\n        // editButton.textContent = '(Modify the poll)' // noun_344563.svg\n        const editIcon = dom.createElement('img')\n        editIcon.setAttribute('src', UI.icons.iconBase + 'noun_344563.svg')\n        editIcon.classList.add('schedule-pane__button-icon')\n        editButton.appendChild(editIcon)\n        editButton.addEventListener(\n          'click',\n          function (_e) {\n            clearElement(div)\n            showForms()\n          },\n          false\n        )\n        clearElement(naviLeft)\n        naviLeft.appendChild(editButton)\n      }\n\n      // div.appendChild(editButton)\n\n      clearElement(naviRight)\n      naviRight.appendChild(newInstanceButton())\n    } // showResults\n\n    const div = dom.createElement('div')\n    div.classList.add('schedule-pane')\n    applyEnvironmentAttributes(div)\n    const structure = div.appendChild(dom.createElement('table')) // @@ make responsive style\n    structure.classList.add('schedule-pane__table')\n\n    const logInOutButton: LoginStatusBoxLike | null = null\n    /*\n    const logInOutButton = UI.login.loginStatusBox(dom, setUser)\n    // floating divs lead to a mess\n    // logInOutButton.setAttribute('style', 'float: right') // float the beginning of the end\n    naviLoginout3.appendChild(logInOutButton)\n    logInOutButton.setAttribute('style', 'margin-right: 0em;')\n    */\n\n    const naviTop = structure.appendChild(dom.createElement('tr'))\n    const naviMain = naviTop.appendChild(dom.createElement('td'))\n    naviMain.classList.add('schedule-pane__main-cell')\n    naviMain.setAttribute('colspan', '3')\n\n    const naviMenu = structure.appendChild(dom.createElement('tr'))\n    naviMenu.classList.add('naviMenu', 'schedule-pane__nav')\n    const naviLeft = naviMenu.appendChild(dom.createElement('td'))\n    const naviCenter = naviMenu.appendChild(dom.createElement('td'))\n    const naviRight = naviMenu.appendChild(dom.createElement('td'))\n\n    getForms()\n\n    return div\n  } // render\n} // property list\n// ends\n"],"mappings":"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"}

package/dist/sharing/sharingPane.cjs.js

@@ -0,0 +1,2 @@
+let e=require("solid-ui");var t={icon:e.icons.iconBase+`padlock-timbl.svg`,name:`sharing`,label:(t,n)=>{let r=n.session.store.findTypeURIs(t);return r[e.ns.ldp(`Resource`).uri]||r[e.ns.ldp(`Container`).uri]||r[e.ns.ldp(`BasicContainer`).uri]?`Sharing`:null},render:(t,n)=>{let r=n.dom,i=n.session.store,a=s(),o=r.createElement(`div`);return o.classList.add(`sharingPane`),e.aclControl.preventBrowserDropEvents(r),o.appendChild(e.aclControl.ACLControlBox5(t,n,a,i)),o;function s(){let n=i.findTypeURIs(t);return n[e.ns.ldp(`BasicContainer`).uri]||n[e.ns.ldp(`Container`).uri]?`folder`:`file`}}};exports.default=t;
+//# sourceMappingURL=sharingPane.cjs.js.map

package/dist/sharing/sharingPane.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sharingPane.cjs.js","names":[],"sources":["../../src/sharing/sharingPane.ts"],"sourcesContent":["/*   Sharing Pane\n **\n ** This outline pane allows a user to view and adjust the sharing -- access control lists\n ** for anything which has that capability.\n **\n ** I am using in places single quotes strings like 'this'\n ** where internationalization (\"i18n\") is not a problem, and double quoted\n ** like \"this\" where the string is seen by the user and so I18n is an issue.\n */\n\nimport { aclControl, icons, ns } from 'solid-ui'\n\nconst sharingPane = {\n  icon: icons.iconBase + 'padlock-timbl.svg',\n\n  name: 'sharing',\n\n  label: (subject, context) => {\n    const store = context.session.store\n    const t = store.findTypeURIs(subject)\n    if (t[ns.ldp('Resource').uri]) return 'Sharing' // @@ be more sophisticated?\n    if (t[ns.ldp('Container').uri]) return 'Sharing' // @@ be more sophisticated?\n    if (t[ns.ldp('BasicContainer').uri]) return 'Sharing' // @@ be more sophisticated?\n    // check being allowed to see/change sharing?\n    return null // No under other circumstances\n  },\n\n  render: (subject, context) => {\n    const dom = context.dom\n    const store = context.session.store\n    const noun = getNoun()\n\n    const div = dom.createElement('div')\n    div.classList.add('sharingPane')\n    aclControl.preventBrowserDropEvents(dom)\n    div.appendChild(aclControl.ACLControlBox5(subject, context, noun, store))\n    return div\n\n    function getNoun () {\n      const t = store.findTypeURIs(subject)\n      if (t[ns.ldp('BasicContainer').uri] || t[ns.ldp('Container').uri]) {\n        return 'folder'\n      }\n      return 'file'\n    }\n  }\n}\n\nexport default sharingPane\n"],"mappings":"0BAYA,IAAM,EAAc,CAClB,KAAM,EAAA,MAAM,SAAW,oBAEvB,KAAM,UAEN,OAAQ,EAAS,IAAY,CAE3B,IAAM,EADQ,EAAQ,QAAQ,MACd,aAAa,CAAO,EAKpC,OAJI,EAAE,EAAA,GAAG,IAAI,UAAU,CAAC,CAAC,MACrB,EAAE,EAAA,GAAG,IAAI,WAAW,CAAC,CAAC,MACtB,EAAE,EAAA,GAAG,IAAI,gBAAgB,CAAC,CAAC,KAAa,UAErC,IACT,EAEA,QAAS,EAAS,IAAY,CAC5B,IAAM,EAAM,EAAQ,IACd,EAAQ,EAAQ,QAAQ,MACxB,EAAO,EAAQ,EAEf,EAAM,EAAI,cAAc,KAAK,EAInC,OAHA,EAAI,UAAU,IAAI,aAAa,EAC/B,EAAA,WAAW,yBAAyB,CAAG,EACvC,EAAI,YAAY,EAAA,WAAW,eAAe,EAAS,EAAS,EAAM,CAAK,CAAC,EACjE,EAEP,SAAS,GAAW,CAClB,IAAM,EAAI,EAAM,aAAa,CAAO,EAIpC,OAHI,EAAE,EAAA,GAAG,IAAI,gBAAgB,CAAC,CAAC,MAAQ,EAAE,EAAA,GAAG,IAAI,WAAW,CAAC,CAAC,KACpD,SAEF,MACT,CACF,CACF"}

package/dist/sharing/sharingPane.esm.js

@@ -0,0 +1,22 @@
+import { aclControl as e, icons as t, ns as n } from "solid-ui";
+//#region src/sharing/sharingPane.ts
+var r = {
+	icon: t.iconBase + "padlock-timbl.svg",
+	name: "sharing",
+	label: (e, t) => {
+		let r = t.session.store.findTypeURIs(e);
+		return r[n.ldp("Resource").uri] || r[n.ldp("Container").uri] || r[n.ldp("BasicContainer").uri] ? "Sharing" : null;
+	},
+	render: (t, r) => {
+		let i = r.dom, a = r.session.store, o = c(), s = i.createElement("div");
+		return s.classList.add("sharingPane"), e.preventBrowserDropEvents(i), s.appendChild(e.ACLControlBox5(t, r, o, a)), s;
+		function c() {
+			let e = a.findTypeURIs(t);
+			return e[n.ldp("BasicContainer").uri] || e[n.ldp("Container").uri] ? "folder" : "file";
+		}
+	}
+};
+//#endregion
+export { r as default };
+
+//# sourceMappingURL=sharingPane.esm.js.map

package/dist/sharing/sharingPane.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sharingPane.esm.js","names":[],"sources":["../../src/sharing/sharingPane.ts"],"sourcesContent":["/*   Sharing Pane\n **\n ** This outline pane allows a user to view and adjust the sharing -- access control lists\n ** for anything which has that capability.\n **\n ** I am using in places single quotes strings like 'this'\n ** where internationalization (\"i18n\") is not a problem, and double quoted\n ** like \"this\" where the string is seen by the user and so I18n is an issue.\n */\n\nimport { aclControl, icons, ns } from 'solid-ui'\n\nconst sharingPane = {\n  icon: icons.iconBase + 'padlock-timbl.svg',\n\n  name: 'sharing',\n\n  label: (subject, context) => {\n    const store = context.session.store\n    const t = store.findTypeURIs(subject)\n    if (t[ns.ldp('Resource').uri]) return 'Sharing' // @@ be more sophisticated?\n    if (t[ns.ldp('Container').uri]) return 'Sharing' // @@ be more sophisticated?\n    if (t[ns.ldp('BasicContainer').uri]) return 'Sharing' // @@ be more sophisticated?\n    // check being allowed to see/change sharing?\n    return null // No under other circumstances\n  },\n\n  render: (subject, context) => {\n    const dom = context.dom\n    const store = context.session.store\n    const noun = getNoun()\n\n    const div = dom.createElement('div')\n    div.classList.add('sharingPane')\n    aclControl.preventBrowserDropEvents(dom)\n    div.appendChild(aclControl.ACLControlBox5(subject, context, noun, store))\n    return div\n\n    function getNoun () {\n      const t = store.findTypeURIs(subject)\n      if (t[ns.ldp('BasicContainer').uri] || t[ns.ldp('Container').uri]) {\n        return 'folder'\n      }\n      return 'file'\n    }\n  }\n}\n\nexport default sharingPane\n"],"mappings":";;AAYA,IAAM,IAAc;CAClB,MAAM,EAAM,WAAW;CAEvB,MAAM;CAEN,QAAQ,GAAS,MAAY;EAE3B,IAAM,IADQ,EAAQ,QAAQ,MACd,aAAa,CAAO;EAKpC,OAJI,EAAE,EAAG,IAAI,UAAU,CAAC,CAAC,QACrB,EAAE,EAAG,IAAI,WAAW,CAAC,CAAC,QACtB,EAAE,EAAG,IAAI,gBAAgB,CAAC,CAAC,OAAa,YAErC;CACT;CAEA,SAAS,GAAS,MAAY;EAC5B,IAAM,IAAM,EAAQ,KACd,IAAQ,EAAQ,QAAQ,OACxB,IAAO,EAAQ,GAEf,IAAM,EAAI,cAAc,KAAK;EAInC,OAHA,EAAI,UAAU,IAAI,aAAa,GAC/B,EAAW,yBAAyB,CAAG,GACvC,EAAI,YAAY,EAAW,eAAe,GAAS,GAAS,GAAM,CAAK,CAAC,GACjE;EAEP,SAAS,IAAW;GAClB,IAAM,IAAI,EAAM,aAAa,CAAO;GAIpC,OAHI,EAAE,EAAG,IAAI,gBAAgB,CAAC,CAAC,QAAQ,EAAE,EAAG,IAAI,WAAW,CAAC,CAAC,OACpD,WAEF;EACT;CACF;AACF"}

package/dist/slideshow/slideshowPane.cjs.js

@@ -0,0 +1,2 @@
+const e=require("../_virtual/_rolldown/runtime.cjs.js");let t=require("solid-ui");t=e.__toESM(t);let n=require("@solid/better-simple-slideshow");n=e.__toESM(n);var r=t.ns,i={icon:t.icons.iconBase+`noun_138712.svg`,name:`slideshow`,audience:[r.solid(`PowerUser`)],label:function(e,n){let r=n.session.store,i=t.ns,a=r.findTypeURIs(e);if(a[i.ldp(`Container`).uri]||a[i.ldp(`BasicContainer`).uri]){let n=r.each(e,i.ldp(`contains`)),a=0;return n.forEach(function(e){t.widgets.isImage(e)&&a++}),a>0?`Slideshow`:null}return null},render:function(e,r){let i=r.dom;t.widgets.addStyleSheet(i,`https://leemark.github.io/better-simple-slideshow/css/simple-slideshow-styles.css`);let a=r.session.store,o=t.ns,s=i.createElement(`div`);s.setAttribute(`class`,`bss-slides`);let c=a.findTypeURIs(e),l;(c[o.ldp(`BasicContainer`).uri]||c[o.ldp(`Container`).uri])&&(l=o.ldp(`contains`));let u=a.each(e,l);u.sort();for(let e=0;e<u.length;e++){if(!t.widgets.isImage(u[e]))continue;let n=s.appendChild(i.createElement(`figure`)),r=n.appendChild(i.createElement(`img`));a.fetcher._fetch(u[e].uri).then(function(e){return e.blob()}).then(function(e){let t=URL.createObjectURL(e);r.setAttribute(`src`,t)}),r.style.width=`100%`,n.appendChild(i.createElement(`figcaption`))}let d={dom:i};return setTimeout(function(){(0,n.default)(`.bss-slides`,d)},1e3),s}};exports.slideshowPane=i;
+//# sourceMappingURL=slideshowPane.cjs.js.map

package/dist/slideshow/slideshowPane.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slideshowPane.cjs.js","names":["UI"],"sources":["../../src/slideshow/slideshowPane.js"],"sourcesContent":["/*   slideshow Pane\n **\n */\nimport * as UI from 'solid-ui'\n\nimport makeBSS from '@solid/better-simple-slideshow'\nconst ns = UI.ns\n\nexport const slideshowPane = {\n  icon: UI.icons.iconBase + 'noun_138712.svg',\n\n  name: 'slideshow',\n\n  audience: [ns.solid('PowerUser')],\n\n  // Does the subject deserve an slideshow pane?\n  label: function (subject, context) {\n    const store = context.session.store\n    const ns = UI.ns\n    const t = store.findTypeURIs(subject)\n    if (t[ns.ldp('Container').uri] || t[ns.ldp('BasicContainer').uri]) {\n      const contents = store.each(subject, ns.ldp('contains'))\n      let count = 0\n      contents.forEach(function (file) {\n        if (UI.widgets.isImage(file)) count++\n      })\n      return count > 0 ? 'Slideshow' : null\n    }\n    return null\n  },\n\n  // See https://github.com/leemark/better-simple-slideshow\n  // and follow instructions there\n  render: function (subject, context) {\n    const dom = context.dom\n    const styleSheet =\n      'https://leemark.github.io/better-simple-slideshow/css/simple-slideshow-styles.css'\n    UI.widgets.addStyleSheet(dom, styleSheet)\n\n    const store = context.session.store\n    const ns = UI.ns\n    const div = dom.createElement('div')\n    div.setAttribute('class', 'bss-slides')\n\n    const t = store.findTypeURIs(subject)\n    let predicate\n    if (t[ns.ldp('BasicContainer').uri] || t[ns.ldp('Container').uri]) {\n      predicate = ns.ldp('contains')\n    }\n    const images = store.each(subject, predicate) // @@ random order?\n    // @@ Ideally: sort by embedded time of image\n    images.sort() // Sort for now by URI\n    for (let i = 0; i < images.length; i++) {\n      if (!UI.widgets.isImage(images[i])) continue\n      const figure = div.appendChild(dom.createElement('figure'))\n      const img = figure.appendChild(dom.createElement('img'))\n\n      // get image with authenticated fetch\n      store.fetcher._fetch(images[i].uri)\n        .then(function (response) {\n          return response.blob()\n        })\n        .then(function (myBlob) {\n          const objectURL = URL.createObjectURL(myBlob)\n          img.setAttribute('src', objectURL) // w640 h480 //\n        })\n      img.style.width = '100%'\n      figure.appendChild(dom.createElement('figcaption'))\n    }\n    const options = { dom }\n\n    setTimeout(function () {\n      makeBSS('.bss-slides', options)\n    }, 1000) // Must run after the code which called this\n\n    return div\n  }\n}\n\n// ends\n"],"mappings":"gKAMA,IAAM,EAAKA,EAAG,GAED,EAAgB,CAC3B,KAAMA,EAAG,MAAM,SAAW,kBAE1B,KAAM,YAEN,SAAU,CAAC,EAAG,MAAM,WAAW,CAAC,EAGhC,MAAO,SAAU,EAAS,EAAS,CACjC,IAAM,EAAQ,EAAQ,QAAQ,MACxB,EAAKA,EAAG,GACR,EAAI,EAAM,aAAa,CAAO,EACpC,GAAI,EAAE,EAAG,IAAI,WAAW,CAAC,CAAC,MAAQ,EAAE,EAAG,IAAI,gBAAgB,CAAC,CAAC,KAAM,CACjE,IAAM,EAAW,EAAM,KAAK,EAAS,EAAG,IAAI,UAAU,CAAC,EACnD,EAAQ,EAIZ,OAHA,EAAS,QAAQ,SAAU,EAAM,CAC3BA,EAAG,QAAQ,QAAQ,CAAI,GAAG,GAChC,CAAC,EACM,EAAQ,EAAI,YAAc,IACnC,CACA,OAAO,IACT,EAIA,OAAQ,SAAU,EAAS,EAAS,CAClC,IAAM,EAAM,EAAQ,IAGpB,EAAG,QAAQ,cAAc,EAAK,mFAAU,EAExC,IAAM,EAAQ,EAAQ,QAAQ,MACxB,EAAKA,EAAG,GACR,EAAM,EAAI,cAAc,KAAK,EACnC,EAAI,aAAa,QAAS,YAAY,EAEtC,IAAM,EAAI,EAAM,aAAa,CAAO,EAChC,GACA,EAAE,EAAG,IAAI,gBAAgB,CAAC,CAAC,MAAQ,EAAE,EAAG,IAAI,WAAW,CAAC,CAAC,QAC3D,EAAY,EAAG,IAAI,UAAU,GAE/B,IAAM,EAAS,EAAM,KAAK,EAAS,CAAS,EAE5C,EAAO,KAAK,EACZ,IAAK,IAAI,EAAI,EAAG,EAAI,EAAO,OAAQ,IAAK,CACtC,GAAI,CAACA,EAAG,QAAQ,QAAQ,EAAO,EAAE,EAAG,SACpC,IAAM,EAAS,EAAI,YAAY,EAAI,cAAc,QAAQ,CAAC,EACpD,EAAM,EAAO,YAAY,EAAI,cAAc,KAAK,CAAC,EAGvD,EAAM,QAAQ,OAAO,EAAO,EAAE,CAAC,GAAG,CAAC,CAChC,KAAK,SAAU,EAAU,CACxB,OAAO,EAAS,KAAK,CACvB,CAAC,CAAC,CACD,KAAK,SAAU,EAAQ,CACtB,IAAM,EAAY,IAAI,gBAAgB,CAAM,EAC5C,EAAI,aAAa,MAAO,CAAS,CACnC,CAAC,EACH,EAAI,MAAM,MAAQ,OAClB,EAAO,YAAY,EAAI,cAAc,YAAY,CAAC,CACpD,CACA,IAAM,EAAU,CAAE,KAAI,EAMtB,OAJA,WAAW,UAAY,EACrB,EAAA,EAAA,QAAA,CAAQ,cAAe,CAAO,CAChC,EAAG,GAAI,EAEA,CACT,CACF"}