solid-ui 5.0.1-0 → 5.0.1-1

package/dist/chunks/{widgets-CQOLuw3A.js → widgets-CVLwnfkU.js}

@@ -8043,7 +8043,11 @@ var fe = "https://solidos.github.io/solid-ui/src", R = typeof module < "u" && mo
 	originalIconBase: fe + "/originalIcons/"
 };
 O("   icons.iconBase is set to : " + R.iconBase);
-var pe = R.iconBase, me = R.originalIconBase, z = /* @__PURE__ */ d(M()), B = p.store, he = class {
+var pe = R.iconBase;
+R.originalIconBase;
+//#endregion
+//#region src/widgets/peoplePicker.js
+var z = /* @__PURE__ */ d(M()), B = p.store, me = class {
 	constructor(e, t, n, r) {
 		this.options = r || {}, this.element = e, this.typeIndex = t, this.groupPickedCb = n, this.selectedgroup = this.options.selectedgroup, this.onSelectGroup = this.onSelectGroup.bind(this);
 	}
@@ -8052,7 +8056,7 @@ var pe = R.iconBase, me = R.originalIconBase, z = /* @__PURE__ */ d(M()), B = p.
 		if (e.style.maxWidth = "350px", e.style.minHeight = "200px", e.style.outline = "1px solid black", e.style.display = "flex", this.selectedgroup) {
 			e.style.flexDirection = "column";
 			let t = document.createElement("div");
-			new _e(t, this.selectedgroup).render();
+			new ge(t, this.selectedgroup).render();
 			let n = document.createElement("button");
 			n.textContent = (0, z.default)("Change group"), n.addEventListener("click", (e) => {
 				this.selectedgroup = null, this.render();
@@ -8060,12 +8064,12 @@ var pe = R.iconBase, me = R.originalIconBase, z = /* @__PURE__ */ d(M()), B = p.
 		} else this.findAddressBook(this.typeIndex).then(({ book: t }) => {
 			let n = document.createElement("button");
 			n.textContent = (0, z.default)("Pick an existing group"), n.style.margin = "auto", n.addEventListener("click", (n) => {
-				new ge(e, t, this.onSelectGroup).render();
+				new he(e, t, this.onSelectGroup).render();
 			});
 			let r = document.createElement("button");
 			r.textContent = (0, z.default)("Create a new group"), r.style.margin = "auto", r.addEventListener("click", (e) => {
 				this.createNewGroup(t, this.options.defaultNewGroupName).then(({ group: e }) => {
-					new ve(this.element, t, e, this.onSelectGroup).render();
+					new _e(this.element, t, e, this.onSelectGroup).render();
 				}).catch((e) => {
 					this.element.appendChild(L(document, (0, z.default)(`Error creating a new group. (${e})`)));
 				});
@@ -8092,13 +8096,13 @@ var pe = R.iconBase, me = R.originalIconBase, z = /* @__PURE__ */ d(M()), B = p.
 		});
 	}
 	createNewGroup(t, n) {
-		let { groupIndex: r, groupContainer: i } = Se(t), a = e(`${i.uri}${te().slice(0, 8)}.ttl#this`), o = n || "Untitled Group", s = [a.doc(), r].map((e) => {
+		let { groupIndex: r, groupContainer: i } = xe(t), a = e(`${i.uri}${te().slice(0, 8)}.ttl#this`), o = n || "Untitled Group", s = [a.doc(), r].map((e) => {
 			let n = l(a, f.rdf("type"), f.vcard("Group"), e), i = l(a, f.vcard("fn"), o, a.doc(), e), s = l(t, f.vcard("includesGroup"), a, e), c = e.equals(r) ? [
 				n,
 				i,
 				s
 			] : [n, i];
-			return xe(e.uri, { toIns: c }).then(() => {
+			return be(e.uri, { toIns: c }).then(() => {
 				c.forEach((e) => {
 					B.add(e);
 				});
@@ -8111,7 +8115,7 @@ var pe = R.iconBase, me = R.originalIconBase, z = /* @__PURE__ */ d(M()), B = p.
 	onSelectGroup(e) {
 		this.selectedgroup = e, this.groupPickedCb(e), this.render();
 	}
-}, ge = class {
+}, he = class {
 	constructor(e, t, n) {
 		this.element = e, this.book = t, this.onSelectGroup = n;
 	}
@@ -8120,7 +8124,7 @@ var pe = R.iconBase, me = R.originalIconBase, z = /* @__PURE__ */ d(M()), B = p.
 			let t = document.createElement("div");
 			t.style.display = "flex", t.style.flexDirection = "column", e.forEach((e) => {
 				let n = document.createElement("button");
-				n.addEventListener("click", this.handleClickGroup(e)), new _e(n, e).render(), t.appendChild(n);
+				n.addEventListener("click", this.handleClickGroup(e)), new ge(n, e).render(), t.appendChild(n);
 			}), this.element.innerHTML = "", this.element.appendChild(t);
 		}).catch((e) => {
 			this.element.appendChild(L(document, (0, z.default)(`There was an error loading your groups. (${e})`)));
@@ -8128,7 +8132,7 @@ var pe = R.iconBase, me = R.originalIconBase, z = /* @__PURE__ */ d(M()), B = p.
 	}
 	loadGroups() {
 		return new Promise((e, t) => {
-			let { groupIndex: n } = Se(this.book);
+			let { groupIndex: n } = xe(this.book);
 			B.fetcher.nowOrWhenFetched(n, (n, r) => n ? e(B.each(this.book, f.vcard("includesGroup"))) : t(r));
 		});
 	}
@@ -8137,15 +8141,15 @@ var pe = R.iconBase, me = R.originalIconBase, z = /* @__PURE__ */ d(M()), B = p.
 			this.onSelectGroup(e);
 		};
 	}
-}, _e = class {
+}, ge = class {
 	constructor(e, t) {
 		this.element = e, this.group = t;
 	}
 	render() {
 		let e = document.createElement("div");
-		return e.textContent = (0, z.default)(be(this.group, f.vcard("fn"), `[${this.group.value}]`)), this.element.innerHTML = "", this.element.appendChild(e), this;
+		return e.textContent = (0, z.default)(ye(this.group, f.vcard("fn"), `[${this.group.value}]`)), this.element.innerHTML = "", this.element.appendChild(e), this;
 	}
-}, ve = class {
+}, _e = class {
 	constructor(e, t, n, r, i) {
 		this.element = e, this.book = t, this.group = n, this.onGroupChanged = (e, t, n) => {
 			i && i(e, t, n);
@@ -8162,7 +8166,7 @@ var pe = R.iconBase, me = R.originalIconBase, z = /* @__PURE__ */ d(M()), B = p.
 			});
 		});
 		let t = document.createElement("input");
-		t.type = "text", t.value = be(this.group, f.vcard("fn"), "Untitled Group"), t.addEventListener("change", (e) => {
+		t.type = "text", t.value = ye(this.group, f.vcard("fn"), "Untitled Group"), t.addEventListener("change", (e) => {
 			this.setGroupName(e.target.value).catch((e) => {
 				this.element.appendChild(L(document, `Error changing group name. (${e})`));
 			});
@@ -8170,7 +8174,7 @@ var pe = R.iconBase, me = R.originalIconBase, z = /* @__PURE__ */ d(M()), B = p.
 		let n = document.createElement("label");
 		if (n.textContent = (0, z.default)("Group Name:"), n.appendChild(t), e.appendChild(n), B.any(this.group, f.vcard("hasMember"))) B.match(this.group, f.vcard("hasMember")).forEach((t) => {
 			let n = t.object, r = document.createElement("div");
-			new ye(r, n, this.handleRemove(n)).render(), e.appendChild(r);
+			new ve(r, n, this.handleRemove(n)).render(), e.appendChild(r);
 		});
 		else {
 			let t = document.createElement("p");
@@ -8192,7 +8196,7 @@ var pe = R.iconBase, me = R.originalIconBase, z = /* @__PURE__ */ d(M()), B = p.
 			});
 		}).then((e) => {
 			let t = l(this.group, f.vcard("hasMember"), e);
-			return B.holdsStatement(t) ? e : xe(this.group.doc().uri, { toIns: [t] }).then(() => {
+			return B.holdsStatement(t) ? e : be(this.group.doc().uri, { toIns: [t] }).then(() => {
 				t.why = this.group.doc(), B.add(t), this.onGroupChanged(null, "added", e), this.render();
 			});
 		});
@@ -8200,16 +8204,16 @@ var pe = R.iconBase, me = R.originalIconBase, z = /* @__PURE__ */ d(M()), B = p.
 	handleRemove(e) {
 		return (t) => {
 			let n = l(this.group, f.vcard("hasMember"), e);
-			return xe(this.group.doc().uri, { toDel: [n] }).then(() => (B.remove(n), this.onGroupChanged(null, "removed", e), this.render(), !0)).catch((t) => {
+			return be(this.group.doc().uri, { toDel: [n] }).then(() => (B.remove(n), this.onGroupChanged(null, "removed", e), this.render(), !0)).catch((t) => {
 				let n = B.any(e, f.foaf("name")), r = n && n.value ? `Could not remove ${n.value}. (${t})` : `Could not remove ${e.value}. (${t})`;
 				throw Error(r);
 			});
 		};
 	}
 	setGroupName(e) {
-		let { groupIndex: n } = Se(this.book), r = [this.group.doc(), n].map((n) => {
+		let { groupIndex: n } = xe(this.book), r = [this.group.doc(), n].map((n) => {
 			let r = B.match(this.group, f.vcard("fn"), null, n), i = l(this.group, f.vcard("fn"), t(e));
-			return xe(n.value, {
+			return be(n.value, {
 				toDel: r,
 				toIns: [i]
 			}).then((e) => {
@@ -8218,16 +8222,16 @@ var pe = R.iconBase, me = R.originalIconBase, z = /* @__PURE__ */ d(M()), B = p.
 		});
 		return Promise.all(r);
 	}
-}, ye = class {
+}, ve = class {
 	constructor(e, t, n) {
 		this.webIdNode = t, this.element = e, this.handleRemove = n;
 	}
 	render() {
 		let e = document.createElement("div");
 		e.style.display = "flex";
-		let t = be(this.webIdNode, f.foaf("img"), pe + "noun_15059.svg"), n = document.createElement("img");
+		let t = ye(this.webIdNode, f.foaf("img"), pe + "noun_15059.svg"), n = document.createElement("img");
 		n.src = (0, z.default)(t), n.width = "50", n.height = "50", n.style.margin = "5px";
-		let r = be(this.webIdNode, f.foaf("name"), `[${this.webIdNode}]`), i = document.createElement("span");
+		let r = ye(this.webIdNode, f.foaf("name"), `[${this.webIdNode}]`), i = document.createElement("span");
 		i.innerHTML = (0, z.default)(r), i.style.flexGrow = "1", i.style.margin = "auto 0";
 		let a = document.createElement("button");
 		return a.textContent = "Remove", a.addEventListener("click", (e) => this.handleRemove().catch((e) => {
@@ -8235,11 +8239,11 @@ var pe = R.iconBase, me = R.originalIconBase, z = /* @__PURE__ */ d(M()), B = p.
 		})), a.style.margin = "5px", e.appendChild(n), e.appendChild(i), e.appendChild(a), this.element.innerHTML = "", this.element.appendChild(e), this;
 	}
 };
-function be(e, t, n) {
+function ye(e, t, n) {
 	let r = B.any(e, t);
 	return r ? r.value : n;
 }
-function xe(e, { toDel: t, toIns: n }) {
+function be(e, { toDel: t, toIns: n }) {
 	return new Promise((e, r) => {
 		B.updater.update(t, n, (t, n, i) => {
 			if (!n) return r(/* @__PURE__ */ Error(`PATCH failed for resource <${t}>: ${i}`));
@@ -8247,7 +8251,7 @@ function xe(e, { toDel: t, toIns: n }) {
 		});
 	});
 }
-function Se(e) {
+function xe(e) {
 	return {
 		groupIndex: B.any(e, f.vcard("groupIndex")),
 		groupContainer: B.sym(e.dir().uri + "Group/")
@@ -8255,22 +8259,33 @@ function Se(e) {
 }
 //#endregion
 //#region src/lib/newperson.js
-var Ce = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjAxNTcgOS4yNzM2M0MxNC4yOTU0IDguMzQwMzEgMTUuMTI4OCA2LjgyOTg0IDE1LjEyODggNS4xMjgyQzE1LjEyODggMi4zMDA1MSAxMi44MjgzIDAgMTAuMDAwNiAwQzcuMTcyODkgMCA0Ljg3MjM4IDIuMzAwNTEgNC44NzIzOCA1LjEyODJDNC44NzIzOCA2LjgyOTg0IDUuNzA1NyA4LjM0MDMxIDYuOTg1NDcgOS4yNzM2M0MzLjgwNDIyIDEwLjQ5MSAxLjUzOTA2IDEzLjU3NTQgMS41MzkwNiAxNy4xNzk1QzEuNTM5MDYgMTguNzM0NyAyLjgwNDM0IDIwIDQuMzU5NTcgMjBIMTUuNjQxNkMxNy4xOTY4IDIwIDE4LjQ2MjEgMTguNzM0NyAxOC40NjIxIDE3LjE3OTVDMTguNDYyMSAxMy41NzU0IDE2LjE5NyAxMC40OTEgMTMuMDE1NyA5LjI3MzYzWk02LjQxMDg2IDUuMTI4MkM2LjQxMDg2IDMuMTQ4ODMgOC4wMjEyMSAxLjUzODQ4IDEwLjAwMDYgMS41Mzg0OEMxMS45OCAxLjUzODQ4IDEzLjU5MDMgMy4xNDg4MyAxMy41OTAzIDUuMTI4MkMxMy41OTAzIDcuMTA3NTggMTEuOTggOC43MTc5NyAxMC4wMDA2IDguNzE3OTdDOC4wMjEyMSA4LjcxNzk3IDYuNDEwODYgNy4xMDc1OCA2LjQxMDg2IDUuMTI4MlpNMTUuNjQxNiAxOC40NjE1SDQuMzU5NTdDMy42NTI2NiAxOC40NjE1IDMuMDc3NTQgMTcuODg2NCAzLjA3NzU0IDE3LjE3OTVDMy4wNzc1NCAxMy4zNjIgNi4xODMxNiAxMC4yNTY0IDEwLjAwMDYgMTAuMjU2NEMxMy44MTgxIDEwLjI1NjQgMTYuOTIzNyAxMy4zNjIgMTYuOTIzNyAxNy4xNzk1QzE2LjkyMzcgMTcuODg2NCAxNi4zNDg2IDE4LjQ2MTUgMTUuNjQxNiAxOC40NjE1WiIgZmlsbD0iIzMxNDE1OCIvPgo8L3N2Zz4K", we = (e, t, n) => {
+var Se = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEzLjAxNTcgOS4yNzM2M0MxNC4yOTU0IDguMzQwMzEgMTUuMTI4OCA2LjgyOTg0IDE1LjEyODggNS4xMjgyQzE1LjEyODggMi4zMDA1MSAxMi44MjgzIDAgMTAuMDAwNiAwQzcuMTcyODkgMCA0Ljg3MjM4IDIuMzAwNTEgNC44NzIzOCA1LjEyODJDNC44NzIzOCA2LjgyOTg0IDUuNzA1NyA4LjM0MDMxIDYuOTg1NDcgOS4yNzM2M0MzLjgwNDIyIDEwLjQ5MSAxLjUzOTA2IDEzLjU3NTQgMS41MzkwNiAxNy4xNzk1QzEuNTM5MDYgMTguNzM0NyAyLjgwNDM0IDIwIDQuMzU5NTcgMjBIMTUuNjQxNkMxNy4xOTY4IDIwIDE4LjQ2MjEgMTguNzM0NyAxOC40NjIxIDE3LjE3OTVDMTguNDYyMSAxMy41NzU0IDE2LjE5NyAxMC40OTEgMTMuMDE1NyA5LjI3MzYzWk02LjQxMDg2IDUuMTI4MkM2LjQxMDg2IDMuMTQ4ODMgOC4wMjEyMSAxLjUzODQ4IDEwLjAwMDYgMS41Mzg0OEMxMS45OCAxLjUzODQ4IDEzLjU5MDMgMy4xNDg4MyAxMy41OTAzIDUuMTI4MkMxMy41OTAzIDcuMTA3NTggMTEuOTggOC43MTc5NyAxMC4wMDA2IDguNzE3OTdDOC4wMjEyMSA4LjcxNzk3IDYuNDEwODYgNy4xMDc1OCA2LjQxMDg2IDUuMTI4MlpNMTUuNjQxNiAxOC40NjE1SDQuMzU5NTdDMy42NTI2NiAxOC40NjE1IDMuMDc3NTQgMTcuODg2NCAzLjA3NzU0IDE3LjE3OTVDMy4wNzc1NCAxMy4zNjIgNi4xODMxNiAxMC4yNTY0IDEwLjAwMDYgMTAuMjU2NEMxMy44MTgxIDEwLjI1NjQgMTYuOTIzNyAxMy4zNjIgMTYuOTIzNyAxNy4xNzk1QzE2LjkyMzcgMTcuODg2NCAxNi4zNDg2IDE4LjQ2MTUgMTUuNjQxNiAxOC40NjE1WiIgZmlsbD0iIzMxNDE1OCIvPgo8L3N2Zz4K", Ce = (e, t, n) => {
 	let r = e.createElement("tr");
 	return r.appendChild(e.createElement("td")).appendChild(t), r.subject = n, r;
-}, Te = (e, t) => {
+}, we = (e, t) => {
 	e.addEventListener("click", t);
-}, Ee = (e, t, n) => {
+}, Te = (e, t, n) => {
 	let r = t.appendChild(e.createElement("div"));
 	r.setAttribute("style", E.imageDivStyle), r.appendChild(n), n.setAttribute("draggable", "false");
+}, Ee = class extends HTMLElement {
+	constructor() {
+		super(), this.attachShadow({ mode: "open" }).innerHTML = "<style>:host { display: inline-flex; }</style><svg viewBox=\"0 0 24 24\" width=\"100%\" height=\"100%\" ><path fill=\"none\" stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6m10 0l-9 9m3-9h6v6\"/></svg>";
+	}
 };
+customElements.get("icon-lucide-square-arrow-out-up-right") || customElements.define("icon-lucide-square-arrow-out-up-right", Ee);
 //#endregion
 //#region src/widgets/buttons/iconLinks.ts
 function De(e, t, n) {
 	let r = e.createElement("a");
-	r.setAttribute("href", t.uri), t.uri.startsWith("http") && r.setAttribute("target", "_blank");
-	let i = r.appendChild(e.createElement("img"));
-	return i.setAttribute("src", n || me + "go-to-this.png"), i.setAttribute("style", "margin: 0.3em;"), r;
+	if (r.setAttribute("href", t.uri), t.uri.startsWith("http") && r.setAttribute("target", "_blank"), n) {
+		let t = r.appendChild(e.createElement("img"));
+		t.setAttribute("src", n), t.setAttribute("style", "margin: 0.3em;");
+	} else {
+		r.setAttribute("aria-label", "Open resource");
+		let t = r.appendChild(e.createElement("icon-lucide-square-arrow-out-up-right"));
+		t.setAttribute("aria-hidden", "true"), t.setAttribute("style", "display: inline-block; width: 1em; height: 1em; margin: 0.2em; color: var(--color-text-secondary, #4A5565);");
+	}
+	return r;
 }
 var Oe = (e, t, n) => {
 	let r = De(e, n);
@@ -8358,9 +8373,9 @@ var Ve = {
 	"solid:Pod": "noun_Cabinet_1434380.svg",
 	"vcard:Group": "noun_339237.svg",
 	"vcard:Organization": "noun_143899.svg",
-	"vcard:Individual": Ce,
-	"schema:Person": Ce,
-	"foaf:Person": Ce,
+	"vcard:Individual": Se,
+	"schema:Person": Se,
+	"foaf:Person": Se,
 	"foaf:Agent": "noun_98053.svg",
 	"acl:AuthenticatedAgent": "noun_99101.svg",
 	"prov:SoftwareAgent": "noun_Robot_849764.svg",
@@ -8430,37 +8445,69 @@ function qe(e, t) {
 	}
 	return Ke(n, t), n;
 }
-function Je(e, t, n, r) {
-	function i() {
-		t.parentElement.removeChild(t);
-	}
+function Je(e, t, n, r, i) {
 	function a() {
-		i(), r();
+		t.remove(), i();
+	}
+	function o() {
+		a();
+		let e = r();
+		if (e && typeof e.then == "function") return e.then(i);
+		i();
 	}
-	let o = e.createElement("div");
-	o.style = E.confirmPopupStyle, o.style.position = "absolute", o.style.top = "-1em", o.style.display = "grid", o.style.gridTemplateColumns = "auto auto";
 	let s = e.createElement("div");
-	s.style.gridColumn = "1/2", s.style.gridRow = "1";
+	s.style.cssText = E.confirmPopupStyle, s.style.position = "absolute", s.style.top = "-1em", s.style.display = "grid", s.style.gridTemplateColumns = "auto auto";
 	let c = e.createElement("div");
-	c.style.gridColumn = "1/2", c.style.gridRow = "2";
-	let l = W(e, i);
-	o.appendChild(l), l.style.gridColumn = "1", l.style.gridRow = "2";
-	let u = o.appendChild(e.createElement("button"));
-	u.style = E.buttonStyle, u.style.gridRow = "2", u.style.gridColumn = "2", u.textContent = "Cancel";
-	let d = U(e, R.iconBase + "noun_925021.svg", "Delete it");
-	o.appendChild(d), d.style.gridRow = "1", d.style.gridColumn = "1";
-	let f = o.appendChild(e.createElement("button"));
-	return f.style = E.buttonStyle, f.style.gridRow = "1", f.style.gridColumn = "2", f.textContent = n, o.appendChild(f), d.addEventListener("click", a), f.addEventListener("click", a), u.addEventListener("click", i), o;
+	c.style.gridColumn = "1/2", c.style.gridRow = "1";
+	let l = e.createElement("div");
+	l.style.gridColumn = "1/2", l.style.gridRow = "2";
+	let u = W(e, a);
+	s.appendChild(u), u.style.gridColumn = "1", u.style.gridRow = "2";
+	let d = s.appendChild(e.createElement("button"));
+	d.style.cssText = E.buttonStyle, d.style.gridRow = "2", d.style.gridColumn = "2", d.textContent = "Cancel";
+	let f = U(e, R.iconBase + "noun_925021.svg", "Delete it");
+	s.appendChild(f), f.style.gridRow = "1", f.style.gridColumn = "1";
+	let p = s.appendChild(e.createElement("button"));
+	return p.style.cssText = E.buttonStyle, p.style.gridRow = "1", p.style.gridColumn = "2", p.textContent = n, s.appendChild(p), f.addEventListener("click", o), p.addEventListener("click", o), d.addEventListener("click", a), s;
 }
-function H(e, t, n, r) {
-	function i() {
-		let n = e.createElement("div");
-		t.insertBefore(n, o), n.style.position = "relative", n.appendChild(Je(e, n, s, r));
-	}
-	let a = V + "noun_2188_red.svg", o = e.createElement("img");
-	o.setAttribute("src", a), o.setAttribute("style", E.smallButtonStyle), o.style.float = "right";
-	let s = "Remove this " + n;
-	return o.title = s, o.classList.add("hoverControlHide"), o.addEventListener("click", i), t.classList.add("hoverControl"), t.appendChild(o), o.setAttribute("data-testid", "deleteButtonWithCheck"), o;
+function H(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 t = Array.from(e.querySelectorAll(n));
+			a.push({
+				element: e,
+				index: t.indexOf(s)
+			});
+		}
+		function o() {
+			if (!i) return;
+			if (s.isConnected) {
+				s.focus();
+				return;
+			}
+			for (let e of a) {
+				if (!e.element.isConnected) continue;
+				let t = e.element.querySelectorAll(n);
+				if (t.length) {
+					t[Math.min(Math.max(e.index, 0), t.length - 1)].focus();
+					return;
+				}
+			}
+			let e = a.find((e) => e.element.isConnected);
+			e && (e.element.tabIndex = -1, e.element.focus());
+		}
+		let l = e.createElement("div");
+		i ? (i.querySelector(":scope > [data-delete-confirmation]")?.remove(), l.setAttribute("data-delete-confirmation", ""), l.setAttribute("role", "dialog"), l.setAttribute("aria-label", c), i.appendChild(l)) : (t.insertBefore(l, s), l.style.position = "relative");
+		let u = Je(e, l, c, r, o);
+		l.appendChild(u), i && (u.style.position = "static", u.style.top = "", Array.from(u.querySelectorAll("button")).find((e) => e.textContent === "Cancel")?.focus());
+	}
+	let o = V + "noun_2188_red.svg", s = e.createElement("img");
+	s.setAttribute("src", o), s.tabIndex = 0, s.setAttribute("role", "button"), s.setAttribute("style", E.smallButtonStyle), s.style.float = "right";
+	let c = "Remove this " + n;
+	return s.title = c, s.setAttribute("aria-label", c), s.classList.add("hoverControlHide"), s.addEventListener("click", a), s.addEventListener("keydown", (e) => {
+		(e.key === "Enter" || e.key === " ") && (e.preventDefault(), s.click());
+	}), t.classList.add("hoverControl"), t.appendChild(s), s.setAttribute("data-testid", "deleteButtonWithCheck"), s;
 }
 function U(e, t, n, r, i = {
 	buttonColor: "Primary",
@@ -8525,7 +8572,7 @@ function Qe(e, t, n, r) {
 			n.setAttribute("style", "font-size: 90%; opacity: 0.8;"), typeof t == "string" ? n.textContent = t : n.appendChild(t);
 		}
 	}
-	return r.deleteFunction && H(e, s, r.noun || "one", r.deleteFunction), n.uri && (r.link !== !1 && (s.appendChild(De(e, n)).classList.add("HoverControlHide"), s.appendChild(e.createElement("br"))), r.draggable !== !1 && (c.setAttribute("draggable", "false"), ue(i, n))), i.subject = n, i;
+	return r.deleteFunction && H(e, s, r.noun || "one", r.deleteFunction, r.confirmationContainer), n.uri && (r.link !== !1 && (s.appendChild(De(e, n)).classList.add("HoverControlHide"), s.appendChild(e.createElement("br"))), r.draggable !== !1 && (c.setAttribute("draggable", "false"), ue(i, n))), i.subject = n, i;
 }
 function $e(e, t, n, r) {
 	let i = t.appendChild(e.createElement("div"));
@@ -8533,11 +8580,11 @@ function $e(e, t, n, r) {
 }
 function et(e, t, n, r) {
 	let i = t.appendChild(e.createElement("div"));
-	i.setAttribute("style", E.linkDivStyle), r.deleteFunction && H(e, i, r.noun || "one", r.deleteFunction), n.uri && (r.link !== !1 && Oe(e, i, n), ue(t, n));
+	i.setAttribute("style", E.linkDivStyle), r.deleteFunction && H(e, i, r.noun || "one", r.deleteFunction, r.confirmationContainer), n.uri && (r.link !== !1 && Oe(e, i, n), ue(t, n));
 }
 function tt(e, t, n) {
 	let r = e.createElement("div");
-	return r.setAttribute("style", E.renderAsDivStyle), n ||= {}, Ee(e, r, n.image || qe(e, t)), $e(e, r, n.title, t), et(e, r, t, n), n.clickable && n.onClickFunction && Te(r, n.onClickFunction), n.wrapInATR ? we(e, r, t) : r;
+	return r.setAttribute("style", E.renderAsDivStyle), n ||= {}, Te(e, r, n.image || qe(e, t)), $e(e, r, n.title, t), et(e, r, t, n), n.clickable && n.onClickFunction && we(r, n.onClickFunction), n.wrapInATR ? Ce(e, r, t) : r;
 }
 function nt(e) {
 	if (e.refresh) e.refresh();
@@ -8545,21 +8592,22 @@ function nt(e) {
 }
 function rt(t, n, r, i = {}) {
 	let a = /* @__PURE__ */ new Set(), o = !!(i.renderSupportingInfo || i.renderNameSuffix), s = i.refreshOnDocumentLoad ?? !0, c = function(e) {
-		if (!x.updater) throw Error("kb has no updater");
-		x.updater.update(l(n, y, e, h), [], function(e, t, n, r) {
-			t ? d() : Me(void 0, "Error deleting one: " + n);
-		});
+		let t = x.updater;
+		if (!t) throw Error("kb has no updater");
+		return new Promise((r) => t.update(l(n, y, e, h), [], function(e, t, n, i) {
+			t ? d() : Me(void 0, "Error deleting one: " + n), r();
+		}));
 	};
 	function u(e) {
 		let n = e, r = { noun: b };
-		if (r.renderSupportingInfo = i.renderSupportingInfo, r.renderNameSuffix = i.renderNameSuffix, o && s && e?.uri && x.fetcher) {
+		if (r.renderSupportingInfo = i.renderSupportingInfo, r.renderNameSuffix = i.renderNameSuffix, r.confirmationContainer = i.confirmationContainer, o && s && e?.uri && x.fetcher) {
 			let t = e.doc(), n = t?.uri ? x.fetcher.requested?.[t.uri] : void 0, r = n !== "done" && n !== "failed";
 			t?.uri && r && !a.has(t.uri) && (a.add(t.uri), x.fetcher.nowOrWhenFetched(t, void 0, () => {
 				a.delete(t.uri), d();
 			}));
 		}
 		return _ && (r.deleteFunction = function() {
-			c(n);
+			return c(n);
 		}), Ze(t, y, e, r);
 	}
 	let d = function() {
@@ -10517,11 +10565,11 @@ function Hn(e, t, n) {
 //#endregion
 //#region src/widgets/index.js
 var Un = /* @__PURE__ */ h({
-	Group: () => _e,
-	GroupBuilder: () => ve,
-	GroupPicker: () => ge,
-	PeoplePicker: () => he,
-	Person: () => ye,
+	Group: () => ge,
+	GroupBuilder: () => _e,
+	GroupPicker: () => he,
+	PeoplePicker: () => me,
+	Person: () => ve,
 	addStyleSheet: () => gt,
 	allClassURIs: () => ot,
 	appendForm: () => En,
@@ -10601,4 +10649,4 @@ var Un = /* @__PURE__ */ h({
 //#endregion
 export { I as C, j as D, O as E, k as O, ue as S, A as T, nt as _, kt as a, R as b, W as c, Ye as d, H as f, Ze as g, it as h, $ as i, Ne as l, Ve as m, En as n, Xe as o, We as p, zn as r, U as s, Un as t, Me as u, Ke as v, de as w, L as x, Fe as y };
 
-//# sourceMappingURL=widgets-CQOLuw3A.js.map
+//# sourceMappingURL=widgets-CVLwnfkU.js.map