solid-panes 5.0.0-0 → 5.0.0-1

package/dist/components/resource-actions-menu/ResourceActionsMenu.esm.js

@@ -1,31 +1,41 @@
+import { isContainerSubject as e } from "../../utils/podUtils.esm.js";
+import "../../_virtual/~icons/lucide/pencil.esm.js";
 import "../../_virtual/~icons/lucide/ellipsis-vertical.esm.js";
-import e from "./DeleteResourceDialog.esm.js";
-import "../../_virtual/~icons/lucide/trash-2.esm.js";
-import { WebComponent as t, showDialog as n, utils as r } from "solid-ui";
-import { html as i } from "lit";
-import { customElement as a, property as o } from "lit/decorators.js";
+import "../../_virtual/~icons/lucide/user-round-cog.esm.js";
+import t from "./ResourceActionsMenu.styles.esm.js";
+import { WebComponent as n } from "solid-ui";
+import { customElement as r, property as i } from "lit/decorators.js";
+import { html as a, nothing as o } from "lit";
 import "solid-ui/components/button";
 import "solid-ui/components/menu";
 import "solid-ui/components/menu-item";
 //#region src/components/resource-actions-menu/ResourceActionsMenu.ts
-var s, c, l, u, d, f, p, m, h, g, _;
-function v(e, t, n) {
-	y(e, t), t.set(e, n);
+var s, c, l, u, d, f, p, m, h, g, _, v, y, b, x, S, C, w, T, E, D, O, k, A, j, M, N, P, F, I, L;
+function R(e, t, n) {
+	z(e, t), t.set(e, n);
 }
-function y(e, t) {
+function z(e, t) {
 	if (t.has(e)) throw TypeError("Cannot initialize the same private elements twice on an object");
 }
-function b(e, t, n) {
-	return e.set(S(e, t), n), n;
+function B(e, t, n) {
+	return e.set(H(e, t), n), n;
 }
-function x(e, t) {
-	return e.get(S(e, t));
+function V(e, t) {
+	return e.get(H(e, t));
 }
-function S(e, t, n) {
+function H(e, t, n) {
 	if (typeof e == "function" ? e === t : e.has(t)) return arguments.length < 3 ? t : n;
 	throw TypeError("Private element is not present on this object");
 }
-function C(e, t, n, r, i, a) {
+function U(e, t, n) {
+	return (t = G(t)) in e ? Object.defineProperty(e, t, {
+		value: n,
+		enumerable: !0,
+		configurable: !0,
+		writable: !0
+	}) : e[t] = n, e;
+}
+function W(e, t, n, r, i, a) {
 	function o(e, t, n) {
 		return function(r, i) {
 			return n && n(r), e[t].call(r, i);
@@ -48,16 +58,16 @@ function C(e, t, n, r, i, a) {
 			n || Array.isArray(_) || (_ = [_]);
 			var b = {}, x = [], S = i === 3 ? "get" : i === 4 || p ? "set" : "value";
 			d ? (f || p ? b = {
-				get: E(function() {
+				get: q(function() {
 					return v(this);
 				}, r, "get"),
 				set: function(e) {
 					t[4](this, e);
 				}
-			} : b[S] = v, f || E(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
+			} : b[S] = v, f || q(b[S], r, i === 2 ? "" : S)) : f || (b = Object.getOwnPropertyDescriptor(e, r));
 		}
 		for (var C = e, w = _.length - 1; w >= 0; w -= n ? 2 : 1) {
-			var T = _[w], D = n ? _[w - 1] : void 0, O = {}, k = {
+			var T = _[w], E = n ? _[w - 1] : void 0, D = {}, O = {
 				kind: [
 					"field",
 					"accessor",
@@ -71,32 +81,32 @@ function C(e, t, n, r, i, a) {
 				addInitializer: function(e, t) {
 					if (e.v) throw Error("attempted to call addInitializer after decoration was finished");
 					c(t, "An initializer", "be", !0), s.push(t);
-				}.bind(null, O)
+				}.bind(null, D)
 			};
 			try {
-				if (y) (g = c(T.call(D, C, k), "class decorators", "return")) && (C = g);
+				if (y) (g = c(T.call(E, C, O), "class decorators", "return")) && (C = g);
 				else {
-					var A, j;
-					k.static = u, k.private = d, d ? i === 2 ? A = function(e) {
+					var k, A;
+					O.static = u, O.private = d, d ? i === 2 ? k = function(e) {
 						return h(e), b.value;
-					} : (i < 4 && (A = o(b, "get", h)), i !== 3 && (j = o(b, "set", h))) : (A = function(e) {
+					} : (i < 4 && (k = o(b, "get", h)), i !== 3 && (A = o(b, "set", h))) : (k = function(e) {
 						return e[r];
-					}, (i < 2 || i === 4) && (j = function(e, t) {
+					}, (i < 2 || i === 4) && (A = function(e, t) {
 						e[r] = t;
 					}));
-					var M = k.access = { has: d ? m.bind() : function(e) {
+					var j = O.access = { has: d ? m.bind() : function(e) {
 						return r in e;
 					} };
-					if (A && (M.get = A), j && (M.set = j), C = T.call(D, p ? {
+					if (k && (j.get = k), A && (j.set = A), C = T.call(E, p ? {
 						get: b.get,
 						set: b.set
-					} : b[S], k), p) {
+					} : b[S], O), p) {
 						if (typeof C == "object" && C) (g = c(C.get, "accessor.get")) && (b.get = g), (g = c(C.set, "accessor.set")) && (b.set = g), (g = c(C.init, "accessor.init")) && x.push(g);
 						else if (C !== void 0) throw TypeError("accessor decorators must return an object with get, set, or init properties or void 0");
 					} else c(C, (f ? "field" : "method") + " decorators", "return") && (f ? x.push(C) : b[S] = C);
 				}
 			} finally {
-				O.v = !0;
+				D.v = !0;
 			}
 		}
 		return (f || p) && l.push(function(e, t) {
@@ -114,7 +124,7 @@ function C(e, t, n, r, i, a) {
 	if (arguments.length >= 6) var d = a[Symbol.metadata || Symbol.for("Symbol.metadata")];
 	var f = Object.create(d ?? null), p = function(e, t, n, r) {
 		var i, a, o = [], c = function(t) {
-			return D(t) === e;
+			return J(t) === e;
 		}, u = /* @__PURE__ */ new Map();
 		function d(e) {
 			e && o.push(s.bind(null, e));
@@ -128,7 +138,7 @@ function C(e, t, n, r, i, a) {
 					if (!0 === x || x === 3 && m !== 4 || x === 4 && m !== 3) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h);
 					u.set(b, !(m > 2) || m);
 				}
-				l(v ? e : e.prototype, p, _, g ? "#" + h : w(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
+				l(v ? e : e.prototype, p, _, g ? "#" + h : G(h), m, r, v ? a ||= [] : i ||= [], o, v, g, y, m === 1, v && g ? c : n);
 			}
 		}
 		return d(i), d(a), o;
@@ -141,11 +151,11 @@ function C(e, t, n, r, i, a) {
 		}
 	};
 }
-function w(e) {
-	var t = T(e, "string");
+function G(e) {
+	var t = K(e, "string");
 	return typeof t == "symbol" ? t : t + "";
 }
-function T(e, t) {
+function K(e, t) {
 	if (typeof e != "object" || !e) return e;
 	var n = e[Symbol.toPrimitive];
 	if (n !== void 0) {
@@ -155,7 +165,7 @@ function T(e, t) {
 	}
 	return (t === "string" ? String : Number)(e);
 }
-function E(e, t, n) {
+function q(e, t, n) {
 	typeof t == "symbol" && (t = (t = t.description) ? "[" + t + "]" : "");
 	try {
 		Object.defineProperty(e, "name", {
@@ -165,96 +175,148 @@ function E(e, t, n) {
 	} catch {}
 	return e;
 }
-function D(e) {
+function J(e) {
 	if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (e === null ? "null" : typeof e));
 	return e;
 }
-u = [a("resource-actions-menu")];
-var O, k = /*#__PURE__*/ new WeakMap(), A = /*#__PURE__*/ new WeakMap(), j = /*#__PURE__*/ new WeakMap();
-_ = (d = o({ attribute: !1 }), p = o({ type: String }), h = o({ attribute: !1 }), "store"), s = class extends t {
+function Y(e) {
+	return e;
+}
+y = [r("resource-actions-menu")];
+var X;
+new (I = (l = /*#__PURE__*/ new WeakMap(), u = /*#__PURE__*/ new WeakMap(), d = /*#__PURE__*/ new WeakMap(), f = /*#__PURE__*/ new WeakMap(), p = /*#__PURE__*/ new WeakMap(), m = /*#__PURE__*/ new WeakMap(), h = /*#__PURE__*/ new WeakMap(), g = /*#__PURE__*/ new WeakMap(), L = (b = i({ attribute: !1 }), S = i({ type: String }), w = i({ attribute: !1 }), E = i({ attribute: !1 }), O = i({ type: Boolean }), A = i({ type: Boolean }), M = i({ type: Boolean }), P = i({ attribute: !1 }), "store"), c = class extends n {
 	constructor(...e) {
-		super(...e), v(this, k, (c(this), f(this))), v(this, A, m(this)), v(this, j, g(this, []));
+		super(...e), R(this, l, (_(this), x(this))), R(this, u, C(this)), R(this, d, T(this, void 0)), R(this, f, D(this, void 0)), R(this, p, k(this, !1)), R(this, m, j(this, !1)), R(this, h, N(this, !1)), R(this, g, F(this, []));
 	}
-	get [_]() {
-		return x(k, this);
+	get [L]() {
+		return V(l, this);
 	}
 	set store(e) {
-		b(k, this, e);
+		B(l, this, e);
 	}
 	get subjectUri() {
-		return x(A, this);
+		return V(u, this);
 	}
 	set subjectUri(e) {
-		b(A, this, e);
+		B(u, this, e);
 	}
-	get menuItems() {
-		return x(j, this);
+	get handleAccessClick() {
+		return V(d, this);
 	}
-	set menuItems(e) {
-		b(j, this, e);
+	set handleAccessClick(e) {
+		B(d, this, e);
 	}
-	confirmDelete(t) {
-		return new Promise((r) => {
-			n(e, {
-				props: { resourceName: t },
-				onClose: (e) => r(e === !0)
-			});
-		});
+	get handleEditingClick() {
+		return V(f, this);
 	}
-	async deleteResourceIfPresent(e, t) {
-		try {
-			await e.fetcher.webOperation("DELETE", t);
-		} catch (e) {
-			if ((e?.response?.status ?? e?.status) === 404) return;
-			throw e;
-		}
+	set handleEditingClick(e) {
+		B(f, this, e);
+	}
+	get paneSupportsEditing() {
+		return V(p, this);
 	}
-	async handleDelete(e) {
-		if (e.preventDefault(), !this.store?.fetcher || !this.subjectUri) return;
-		let t = this.store, n = t.sym(this.subjectUri);
-		if (await this.confirmDelete(r.label(n))) try {
-			await this.deleteResourceIfPresent(t, n.value);
-			let e = this.subjectUri + ".acl";
-			e && (await this.deleteResourceIfPresent(t, e), t.removeDocument(t.sym(e))), t.removeDocument(n);
-		} catch {}
+	set paneSupportsEditing(e) {
+		B(p, this, e);
+	}
+	get canEdit() {
+		return V(m, this);
+	}
+	set canEdit(e) {
+		B(m, this, e);
+	}
+	get isMobile() {
+		return V(h, this);
+	}
+	set isMobile(e) {
+		B(h, this, e);
+	}
+	get menuItems() {
+		return V(g, this);
+	}
+	set menuItems(e) {
+		B(g, this, e);
 	}
 	render() {
-		return i`
+		let t = e(this.store, this.subjectUri), n = !t && this.isMobile && this.paneSupportsEditing && this.canEdit && !!this.handleEditingClick, r = !!this.handleAccessClick;
+		return a`
       <solid-ui-menu>
-        <solid-ui-button slot="trigger" variant="ghost" title="More options">
-          <icon-lucide-ellipsis-vertical slot="icon"></icon-lucide-ellipsis-vertical>
+        <solid-ui-button slot="trigger" class="file-explorer-header-more-button" variant="ghost" title="More options">
+          <icon-lucide-ellipsis-vertical slot="icon" class="ellipsisIcon"></icon-lucide-ellipsis-vertical>
         </solid-ui-button>
-        ${this.menuItems.map((e) => i`
+        ${this.menuItems.map((e) => a`
           <solid-ui-menu-item @solid-ui-select=${(t) => e.action(t)}>
             ${e.icon}
             ${e.label}
           </solid-ui-menu-item>
         `)}
-        <solid-ui-menu-item @solid-ui-select=${(e) => this.handleDelete(e)}>
-          <icon-lucide-trash-2 slot="left-icon"></icon-lucide-trash-2>
-          Delete
-        </solid-ui-menu-item>
+        ${n ? a`
+              <solid-ui-menu-item @solid-ui-select=${this.handleEditingClick}>
+                <icon-lucide-pencil slot="left-icon"></icon-lucide-pencil>
+                Edit
+              </solid-ui-menu-item>
+            ` : o}
+        ${!t && this.isMobile && r ? a`
+              <solid-ui-menu-item @solid-ui-select=${this.handleAccessClick}>
+                <icon-lucide-user-round-cog slot="left-icon"></icon-lucide-user-round-cog>
+                Manage Access
+              </solid-ui-menu-item>
+            ` : o}
+        ${t && r ? a`
+              <solid-ui-menu-item @solid-ui-select=${this.handleAccessClick}>
+                <icon-lucide-user-round-cog slot="left-icon"></icon-lucide-user-round-cog>
+                Manage Access
+              </solid-ui-menu-item>
+            ` : o}
       </solid-ui-menu>
     `;
 	}
-}, {e: [f, m, g, c], c: [O, l]} = C(s, [
+}, {e: [x, C, T, D, k, j, N, F, _], c: [X, v]} = W(c, [
 	[
-		d,
+		b,
 		1,
 		"store"
 	],
 	[
-		p,
+		S,
 		1,
 		"subjectUri"
 	],
 	[
-		h,
+		w,
+		1,
+		"handleAccessClick"
+	],
+	[
+		E,
+		1,
+		"handleEditingClick"
+	],
+	[
+		O,
+		1,
+		"paneSupportsEditing"
+	],
+	[
+		A,
+		1,
+		"canEdit"
+	],
+	[
+		M,
+		1,
+		"isMobile"
+	],
+	[
+		P,
 		1,
 		"menuItems"
 	]
-], u, 0, void 0, t), l();
+], y, 0, void 0, n), c), s = class extends Y {
+	constructor() {
+		super(X), U(this, "styles", t), v();
+	}
+}, U(s, I, void 0), s)();
 //#endregion
-export { O as default };
+export { X as default };
 
 //# sourceMappingURL=ResourceActionsMenu.esm.js.map

package/dist/components/resource-actions-menu/ResourceActionsMenu.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResourceActionsMenu.esm.js","names":["showDialog","utils","WebComponent","customElement","property","html","DeleteResourceDialog","_classDecs","_ResourceActionsMenu","_A","WeakMap","_B","_C","_ref","_storeDecs","attribute","_subjectUriDecs","type","String","_menuItemsDecs","ResourceActionsMenu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_store","_init_subjectUri","_init_menuItems","_classPrivateFieldGet","store","v","_classPrivateFieldSet","subjectUri","menuItems","confirmDelete","resourceName","Promise","resolve","props","onClose","result","deleteResourceIfPresent","uri","fetcher","webOperation","err","status","response","handleDelete","event","preventDefault","resourceNode","sym","confirmation","label","value","aclUri","removeDocument","render","map","item","action","icon","_ResourceActionsMenu2","e","c","_initClass","_applyDecs","default"],"sources":["../../../src/components/resource-actions-menu/ResourceActionsMenu.ts"],"sourcesContent":["import { showDialog, utils, WebComponent } from 'solid-ui'\nimport { customElement, property } from 'lit/decorators.js'\nimport { html } from 'lit'\nimport 'solid-ui/components/button'\nimport 'solid-ui/components/menu'\nimport 'solid-ui/components/menu-item'\nimport DeleteResourceDialog from './DeleteResourceDialog'\nimport '~icons/lucide/ellipsis-vertical'\nimport '~icons/lucide/trash-2'\nimport { LiveStore } from 'rdflib'\n// TODO: Add Error Status section\n\n@customElement('resource-actions-menu')\nexport default class ResourceActionsMenu extends WebComponent {\n  @property({ attribute: false })\n  accessor store: LiveStore | undefined\n\n  @property({ type: String })\n  accessor subjectUri: string | undefined\n\n  @property({ attribute: false })\n  accessor menuItems: Array<{ label: string, icon?: HTMLElement, action: (event: Event) => void }> = []\n\n  private confirmDelete (resourceName: string) {\n    return new Promise<boolean>(resolve => {\n      showDialog(DeleteResourceDialog, {\n        props: { resourceName },\n        onClose: (result) => resolve(result === true)\n      })\n    })\n  }\n\n  /* private gotoParentFolder(resourceUri: string) {\n    const sourceContext = this.sourceContext\n    const outliner = sourceContext?.context?.getOutliner?.(sourceContext.context.dom)\n\n    if (!outliner) return\n\n    const parentFolderUri = this.getParentFolderUri(resourceUri)\n    ;(outliner as any).GotoSubject(sourceContext.context.session.store.sym(parentFolderUri), true, undefined, true, undefined)\n  } */\n\n  private async deleteResourceIfPresent (store: LiveStore, uri: string) {\n    try {\n      await store.fetcher.webOperation('DELETE', uri)\n    } catch (err: any) {\n      const status = err?.response?.status ?? err?.status\n      if (status === 404) return\n      throw err\n    }\n  }\n\n  // TODO: Below is for a file only. I need to move this to a function\n  // that function needs to check if it's a container and if so we can do the\n  // recursive delete function.\n  // dont' forget public and private type indexes.\n  private async handleDelete (event: Event) {\n    event.preventDefault()\n\n    if (!this.store?.fetcher || !this.subjectUri) return\n\n    const store = this.store\n    const resourceNode = store.sym(this.subjectUri)\n\n    const confirmation = await this.confirmDelete(utils.label(resourceNode))\n    if (!confirmation) return\n\n    try {\n      await this.deleteResourceIfPresent(store, resourceNode.value)\n\n      const aclUri = this.subjectUri + '.acl'\n      if (aclUri) {\n        await this.deleteResourceIfPresent(store, aclUri)\n        store.removeDocument(store.sym(aclUri))\n      }\n\n      store.removeDocument(resourceNode)\n      // this.gotoParentFolder(resourceNode.value)\n    } catch (err) {\n      // error('Error deleting resource:', err)\n      // getStatusSection()?.showError('Failed to delete resource. Check console for details.')\n    }\n  }\n\n  render () {\n    return html`\n      <solid-ui-menu>\n        <solid-ui-button slot=\"trigger\" variant=\"ghost\" title=\"More options\">\n          <icon-lucide-ellipsis-vertical slot=\"icon\"></icon-lucide-ellipsis-vertical>\n        </solid-ui-button>\n        ${this.menuItems.map(item => html`\n          <solid-ui-menu-item @solid-ui-select=${(event: Event) => item.action(event)}>\n            ${item.icon}\n            ${item.label}\n          </solid-ui-menu-item>\n        `)}\n        <solid-ui-menu-item @solid-ui-select=${(event: Event) => this.handleDelete(event)}>\n          <icon-lucide-trash-2 slot=\"left-icon\"></icon-lucide-trash-2>\n          Delete\n        </solid-ui-menu-item>\n      </solid-ui-menu>\n    `\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"ResourceActionsMenu.esm.js","names":["WebComponent","customElement","property","html","nothing","styles","isContainerSubject","_classDecs","_ResourceActionsMenu","_ResourceActionsMenu2","_A","WeakMap","_B","_C","_D","_E","_F","_G","_H","_ref","_storeDecs","attribute","_subjectUriDecs","type","String","_handleAccessClickDecs","_handleEditingClickDecs","_paneSupportsEditingDecs","Boolean","_canEditDecs","_isMobileDecs","_menuItemsDecs","_ResourceActionsMenu3","ResourceActionsMenu","constructor","args","_classPrivateFieldInitSpec","_initProto","_init_store","_init_subjectUri","_init_handleAccessClick","undefined","_init_handleEditingClick","_init_paneSupportsEditing","_init_canEdit","_init_isMobile","_init_menuItems","_classPrivateFieldGet","store","v","_classPrivateFieldSet","subjectUri","handleAccessClick","handleEditingClick","paneSupportsEditing","canEdit","isMobile","menuItems","render","isContainerResource","canManageAccess","map","item","event","action","icon","label","e","c","_initClass","_applyDecs","_Class","_identity","_defineProperty","default"],"sources":["../../../src/components/resource-actions-menu/ResourceActionsMenu.ts"],"sourcesContent":["import { WebComponent } from 'solid-ui'\nimport { customElement, property } from 'lit/decorators.js'\nimport { html, nothing } from 'lit'\nimport 'solid-ui/components/button'\nimport 'solid-ui/components/menu'\nimport 'solid-ui/components/menu-item'\nimport '~icons/lucide/ellipsis-vertical'\nimport '~icons/lucide/user-round-cog'\nimport '~icons/lucide/pencil'\nimport { LiveStore } from 'rdflib'\nimport styles from './ResourceActionsMenu.styles.css'\nimport { isContainerSubject } from '../../utils/podUtils'\n@customElement('resource-actions-menu')\nexport default class ResourceActionsMenu extends WebComponent {\n  static styles = styles\n\n  @property({ attribute: false })\n  accessor store: LiveStore | undefined\n\n  @property({ type: String })\n  accessor subjectUri: string | undefined\n\n  @property({ attribute: false })\n  accessor handleAccessClick: (() => void) | undefined = undefined\n\n  @property({ attribute: false })\n  accessor handleEditingClick: (() => void) | undefined = undefined\n\n  @property({ type: Boolean })\n  accessor paneSupportsEditing = false\n\n  @property({ type: Boolean })\n  accessor canEdit = false\n\n  @property({ type: Boolean })\n  accessor isMobile = false\n\n  @property({ attribute: false })\n  accessor menuItems: Array<{ label: string, icon?: unknown, action: (event: Event) => void }> = []\n\n  render () {\n    const isContainerResource = isContainerSubject(this.store, this.subjectUri)\n    const canEdit = !isContainerResource && this.isMobile && this.paneSupportsEditing && this.canEdit && !!this.handleEditingClick\n    const canManageAccess = !!this.handleAccessClick\n    return html`\n      <solid-ui-menu>\n        <solid-ui-button slot=\"trigger\" class=\"file-explorer-header-more-button\" variant=\"ghost\" title=\"More options\">\n          <icon-lucide-ellipsis-vertical slot=\"icon\" class=\"ellipsisIcon\"></icon-lucide-ellipsis-vertical>\n        </solid-ui-button>\n        ${this.menuItems.map(item => html`\n          <solid-ui-menu-item @solid-ui-select=${(event: Event) => item.action(event)}>\n            ${item.icon}\n            ${item.label}\n          </solid-ui-menu-item>\n        `)}\n        ${canEdit\n          ? html`\n              <solid-ui-menu-item @solid-ui-select=${this.handleEditingClick}>\n                <icon-lucide-pencil slot=\"left-icon\"></icon-lucide-pencil>\n                Edit\n              </solid-ui-menu-item>\n            `\n          : nothing}\n        ${!isContainerResource && this.isMobile && canManageAccess\n          ? html`\n              <solid-ui-menu-item @solid-ui-select=${this.handleAccessClick}>\n                <icon-lucide-user-round-cog slot=\"left-icon\"></icon-lucide-user-round-cog>\n                Manage Access\n              </solid-ui-menu-item>\n            `\n          : nothing}\n        ${isContainerResource && canManageAccess\n          ? html`\n              <solid-ui-menu-item @solid-ui-select=${this.handleAccessClick}>\n                <icon-lucide-user-round-cog slot=\"left-icon\"></icon-lucide-user-round-cog>\n                Manage Access\n              </solid-ui-menu-item>\n            `\n          : nothing}\n      </solid-ui-menu>\n    `\n  }\n}\n"],"mappings":"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"}

package/dist/components/resource-actions-menu/ResourceActionsMenu.styles.cjs.js

@@ -0,0 +1,2 @@
+var e=require("lit").css`:host .file-explorer-header-more-button{width:var(--solid-ui-clickable-area,42px);height:var(--solid-ui-clickable-area,42px);padding:0}:host .ellipsisIcon{width:16px;height:16px}`;exports.default=e;
+//# sourceMappingURL=ResourceActionsMenu.styles.cjs.js.map

package/dist/components/resource-actions-menu/ResourceActionsMenu.styles.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceActionsMenu.styles.cjs.js","names":[],"sources":["../../../src/components/resource-actions-menu/ResourceActionsMenu.styles.css"],"sourcesContent":[":host {\n  .file-explorer-header-more-button {\n    width: var(--solid-ui-clickable-area, 42px);\n    height: var(--solid-ui-clickable-area, 42px);\n    padding: 0;\n  }\n\n  .ellipsisIcon {\n    width: 16px;\n    height: 16px;\n  }\n}\n"],"mappings":""}

package/dist/components/resource-actions-menu/ResourceActionsMenu.styles.esm.js

@@ -0,0 +1,7 @@
+import { css as e } from "lit";
+//#region src/components/resource-actions-menu/ResourceActionsMenu.styles.css
+var t = e`:host .file-explorer-header-more-button{width:var(--solid-ui-clickable-area,42px);height:var(--solid-ui-clickable-area,42px);padding:0}:host .ellipsisIcon{width:16px;height:16px}`;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ResourceActionsMenu.styles.esm.js.map

package/dist/components/resource-actions-menu/ResourceActionsMenu.styles.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResourceActionsMenu.styles.esm.js","names":[],"sources":["../../../src/components/resource-actions-menu/ResourceActionsMenu.styles.css"],"sourcesContent":[":host {\n  .file-explorer-header-more-button {\n    width: var(--solid-ui-clickable-area, 42px);\n    height: var(--solid-ui-clickable-area, 42px);\n    padding: 0;\n  }\n\n  .ellipsisIcon {\n    width: 16px;\n    height: 16px;\n  }\n}\n"],"mappings":""}

package/dist/dataContentPane2.cjs.js

@@ -1,2 +1,2 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.data-content-pane__literal{white-space:pre-wrap}div.data-content-pane{border-top:solid 1px var(--color-data-pane-border-top,black);border-left:solid 1px var(--color-data-pane-border-top,black);border-bottom:solid 1px var(--color-data-pane-border-side,#777);border-right:solid 1px var(--color-data-pane-border-side,#777);padding:var(--spacing-base,.5rem);margin-top:var(--spacing-base,.5rem);margin-bottom:var(--spacing-base,.5rem)}div.data-content-pane table.data-content-pane__table{border-collapse:separate;border-spacing:0;width:100%}div.data-content-pane table.data-content-pane__table--root{table-layout:auto}div.data-content-pane .data-content-pane__row--root{align-items:flex-start;display:flex}div.data-content-pane .data-content-pane__row--root>td{vertical-align:top}div.data-content-pane .data-content-pane__subject-cell{flex:none;width:clamp(7rem,12%,10rem);padding-right:.8rem}div.data-content-pane .data-content-pane__details-cell{flex:0 auto;min-width:0}div.data-content-pane .data-content-pane__subject-cell,div.data-content-pane td.data-content-pane__predicate-cell,div.data-content-pane .data-content-pane__row--top-aligned>td:not(.data-content-pane__predicate-cell),div.data-content-pane .data-content-pane__subject-cell a,div.data-content-pane td.data-content-pane__predicate-cell a,div.data-content-pane .data-content-pane__row--top-aligned>td:not(.data-content-pane__predicate-cell) a{white-space:normal;overflow-wrap:anywhere;word-break:break-word}div.data-content-pane table.data-content-pane__table--property{table-layout:auto;width:auto;max-width:100%}.data-content-pane__nested-formula{border-top:solid 1px var(--color-data-pane-border-top,black);border-left:solid 1px var(--color-data-pane-border-top,black);border-bottom:solid 1px var(--color-data-pane-border-side,#777);border-right:solid 1px var(--color-data-pane-border-side,#777);padding:var(--spacing-base,.5rem);border-radius:var(--border-radius-md,.5rem)}div.data-content-pane td{padding-left:var(--spacing-xxxs,.2rem);padding-top:var(--spacing-small,.1rem);padding-right:var(--spacing-xxxs,.2rem);vertical-align:top;padding-bottom:.05rem}div.data-content-pane table.data-content-pane__table--property td{padding-top:.3rem;padding-bottom:.3rem}div.data-content-pane tr{margin-bottom:var(--spacing-2xs,.625rem);padding-top:var(--spacing-small,.1rem);padding-bottom:var(--spacing-small,.1rem)}.data-content-pane a,.data-content-pane a:link{color:var(--color-text-link,#3b5998);font-weight:700;text-decoration:none}.data-content-pane a:visited{color:var(--color-text-link-visited,#3b5998);font-weight:700;text-decoration:none}.data-content-pane a:hover{color:var(--color-text-link-hover,#3b5998);font-weight:700;text-decoration:underline}.data-content-pane a:active{color:var(--color-text-link-active,#888);text-decoration:none}.data-content-pane.embeddedText{white-space:pre-wrap}div.data-content-pane td.data-content-pane__predicate-cell{width:clamp(8.5rem,18vw,12rem);min-width:8.5rem;max-width:12rem;padding-right:var(--spacing-base,.5rem)}div.data-content-pane .data-content-pane__row--top-aligned>td:not(.data-content-pane__predicate-cell){padding-left:var(--spacing-xxs,.3125rem)}div.data-content-pane td.data-content-pane__predicate-cell a{color:var(--color-text-muted,#444)}.data-content-pane__row--even{background-color:var(--color-background-row-alternate,#f0f0f0)}.data-content-pane__row--odd{background-color:var(--color-background-row-default,white)}.data-content-pane__row--top-aligned{vertical-align:top;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.data-content-pane__nested-table--light{background-color:var(--color-background-row-default,white)}.data-content-pane__nested-table--dark{background-color:var(--color-background-row-alternate,#f0f0f0)}div.data-content-pane[data-layout=mobile] .data-content-pane__row--root{padding-bottom:var(--spacing-xs,.75rem);align-items:flex-start;display:flex}div.data-content-pane[data-layout=mobile] .data-content-pane__subject-cell{box-sizing:border-box;width:40%;max-width:40%;padding-right:var(--spacing-xs,.75rem);flex:0 0 40%;padding-bottom:0}div.data-content-pane[data-layout=mobile] .data-content-pane__details-cell{box-sizing:border-box;flex:0 0 60%;width:60%;min-width:0;max-width:60%}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property>tbody>tr,div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property>tr{margin-bottom:0}div.data-content-pane[data-layout=mobile] .data-content-pane__row--top-aligned+.data-content-pane__row--top-aligned{margin-top:0}div.data-content-pane[data-layout=mobile] .data-content-pane__row--top-aligned{margin-bottom:0;padding-top:0;padding-bottom:0;display:block}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property,div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property>tbody{width:100%;display:block}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property td{box-sizing:border-box;width:100%;display:block}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property td.data-content-pane__predicate-cell{width:100%;min-width:0;padding-bottom:.1rem}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property td:not(.data-content-pane__predicate-cell){padding-top:0;padding-left:.85rem}@media (width<=700px){div.data-content-pane .data-content-pane__row--root{align-items:flex-start;display:flex}div.data-content-pane .data-content-pane__subject-cell{width:40%;max-width:40%;padding-right:var(--spacing-xs,.75rem);box-sizing:border-box;flex:0 0 40%;padding-bottom:0}div.data-content-pane .data-content-pane__details-cell{box-sizing:border-box;flex:0 0 60%;width:60%;max-width:60%}div.data-content-pane .data-content-pane__row--top-aligned{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;display:block}div.data-content-pane .data-content-pane__row--top-aligned>td{box-sizing:border-box;width:100%;display:block}div.data-content-pane .data-content-pane__row--top-aligned>td.data-content-pane__predicate-cell{width:100%;min-width:0;max-width:none;padding-bottom:var(--spacing-small,.1rem)}div.data-content-pane .data-content-pane__row--top-aligned>td:not(.data-content-pane__predicate-cell){padding-top:0;padding-left:.85rem}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();const e=require("./_virtual/_rolldown/runtime.cjs.js");;let t=require("solid-ui");t=e.__toESM(t);let n=require("rdflib");n=e.__toESM(n);let r=require("dompurify");r=e.__toESM(r);var i=t.ns,a={icon:t.icons.originalIconBase+`rdf_flyer.24.gif`,name:`dataContents`,audience:[i.solid(`Developer`)],label:function(e,t){if(`http://www.w3.org/2007/ont/link#ProtocolEvent`in t.session.store.findTypeURIs(e))return null;let n=t.session.store.statementsMatching(void 0,void 0,void 0,e).length;return n===0?null:`Data (`+n+`)`},statementsAsTables:function(e,i,a){let o=i.dom,s=o.createElement(`table`);s.classList.add(`data-content-pane__table`,`data-content-pane__table--root`);let c=i.environment?.layout===`mobile`,l=n.Serializer(i.session.store),u=l.rootSubjects(e),d=u.roots,f=u.subjects,p=u.loopBreakers??{};for(let e in p)console.log(`	dataContentPane: loopbreaker:`+e);let m={},h={};function g(e,n=0){let r=o.createElement(`table`);r.classList.add(`data-content-pane__table`,`data-content-pane__table--property`);let i=null,a=f[l.toStr(e)];if(!a)return r.appendChild(o.createTextNode(`...`)),r;a.sort();let s=0,u;for(let e=0;e<a.length;e++){let l=a[e],d=o.createElement(`tr`);if(d.classList.add(`data-content-pane__row--top-aligned`,`data-content-pane__row--property`),l.predicate.uri!==i||c){!c&&i&&s>1&&u?.setAttribute(`rowspan`,``+s),u=o.createElement(`td`),u.setAttribute(`class`,`data-content-pane__predicate-cell`);let e=o.createElement(`a`);e.setAttribute(`href`,l.predicate.uri),e.addEventListener(`click`,t.widgets.openHrefInOutlineMode,!0),e.appendChild(o.createTextNode(t.utils.predicateLabelForXML(l.predicate))),u.appendChild(e),d.appendChild(u),i=l.predicate.uri,s=0}s++;let f=o.createElement(`td`);f.classList.add(`data-content-pane__value-cell`),f.appendChild(_(l.object,n+1)),d.appendChild(f),r.appendChild(d)}return!c&&i&&s>1&&u?.setAttribute(`rowspan`,``+s),r}function _(e,n=0){let a,s;switch(e.termType){case`NamedNode`:return s=o.createElement(`a`),s.setAttribute(`href`,e.uri),s.addEventListener(`click`,t.widgets.openHrefInOutlineMode,!0),s.appendChild(o.createTextNode(t.utils.label(e))),s;case`Literal`:return!e.datatype||!e.datatype.uri?(a=o.createElement(`div`),a.classList.add(`data-content-pane__literal`),a.textContent=e.value,a):e.datatype.uri===`http://www.w3.org/1999/02/22-rdf-syntax-ns#XMLLiteral`?(a=o.createElement(`div`),a.classList.add(`embeddedXHTML`),a.innerHTML=r.default.sanitize(e.value),a):o.createTextNode(e.value);case`BlankNode`:{if(e.toNT()in m){h[e.toNT()]=!0;let t=o.createElement(`a`);return t.setAttribute(`href`,`#`+e.toNT().slice(2)),t.setAttribute(`class`,`bnodeRef`),t.textContent=`*`+e.toNT().slice(3),t}m[e.toNT()]=!0;let t=g(e,n);return m[e.toNT()]=t,n%2==1?t.classList.add(`data-content-pane__nested-table--light`):t.classList.add(`data-content-pane__nested-table--dark`),t}case`Collection`:a=o.createElement(`table`),a.setAttribute(`class`,`collectionAsTables`);for(let t=0;t<e.elements.length;t++){let r=o.createElement(`tr`);a.appendChild(r),r.appendChild(_(e.elements[t],n+1))}return a;case`Graph`:return a=i.session.paneRegistry.byName(`dataContents`).statementsAsTables(e.statements,i),a.setAttribute(`class`,`data-content-pane__nested-formula`),a;case`Variable`:return o.createTextNode(`?`+e.uri)}throw Error(`Unhandled node type: `+e.termType)}a&&(d=a.concat(d.filter(function(e){for(let t=0;t<a.length;t++)if(e.sameTerm(a[t]))return!1;return!0})));for(let e=0;e<d.length;e++){let n=o.createElement(`tr`);n.classList.add(e%2==0?`data-content-pane__row--even`:`data-content-pane__row--odd`,`data-content-pane__row--root`),s.appendChild(n);let r=o.createElement(`td`);r.classList.add(`data-content-pane__subject-cell`),n.appendChild(r);let i=o.createElement(`td`);i.classList.add(`data-content-pane__details-cell`),n.appendChild(i);let a=d[e];a.termType===`BlankNode`?r.appendChild(o.createTextNode(t.utils.label(a))):r.appendChild(_(a,0)),i.appendChild(g(a,0))}for(let e in h){let t=m[e];if(t===!0)continue;let n=o.createElement(`a`);n.setAttribute(`id`,e.slice(2)),n.setAttribute(`class`,`bnodeDef`),n.textContent=e.slice(3)+`)`,t.insertBefore(n,t.firstChild)}return s},render:function(e,n){let r=n.dom;function i(e){let t=n.environment??{};e.dataset.layout=t.layout??`desktop`,e.dataset.theme=t.theme??`light`,e.dataset.inputMode=t.inputMode??`pointer`}function a(){let r=n.session.store,i=r.statementsMatching(void 0,void 0,void 0,e),a=[];r.holds(e,void 0,void 0,e)&&a.push(e);let s=r.any(e,t.ns.foaf(`primaryTopic`),void 0,e);s&&(s.termType===`NamedNode`||s.termType===`BlankNode`)&&a.push(s),o.appendChild(n.session.paneRegistry.byName(`dataContents`).statementsAsTables(i,n,a))}let o=r.createElement(`div`);return o.classList.add(`dataContentPane`,`data-content-pane`),i(o),a(),o}};exports.dataContentPane=a;
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.data-content-pane__literal{white-space:pre-wrap}div.data-content-pane{border:1px solid var(--solid-ui-color-gray-200,#cbd5e1);padding:var(--spacing-base,.5rem);margin-bottom:var(--spacing-base,.5rem)}div.data-content-pane table.data-content-pane__table{border-collapse:separate;border-spacing:0;width:100%}div.data-content-pane table.data-content-pane__table--root{table-layout:auto}div.data-content-pane .data-content-pane__row--root{align-items:flex-start;display:flex}div.data-content-pane .data-content-pane__row--root>td{vertical-align:top}div.data-content-pane .data-content-pane__subject-cell{flex:none;width:clamp(7rem,12%,10rem);padding-right:.8rem}div.data-content-pane .data-content-pane__details-cell{flex:0 auto;min-width:0}div.data-content-pane .data-content-pane__subject-cell,div.data-content-pane td.data-content-pane__predicate-cell,div.data-content-pane .data-content-pane__row--top-aligned>td:not(.data-content-pane__predicate-cell),div.data-content-pane .data-content-pane__subject-cell a,div.data-content-pane td.data-content-pane__predicate-cell a,div.data-content-pane .data-content-pane__row--top-aligned>td:not(.data-content-pane__predicate-cell) a{white-space:normal;overflow-wrap:anywhere;word-break:break-word}div.data-content-pane table.data-content-pane__table--property{table-layout:auto;width:auto;max-width:100%}.data-content-pane__nested-formula{border-top:solid 1px var(--color-data-pane-border-top,black);border-left:solid 1px var(--color-data-pane-border-top,black);border-bottom:solid 1px var(--color-data-pane-border-side,#777);border-right:solid 1px var(--color-data-pane-border-side,#777);padding:var(--spacing-base,.5rem);border-radius:var(--border-radius-md,.5rem)}div.data-content-pane td{padding-left:var(--spacing-xxxs,.2rem);padding-top:var(--spacing-small,.1rem);padding-right:var(--spacing-xxxs,.2rem);vertical-align:top;padding-bottom:.05rem}div.data-content-pane table.data-content-pane__table--property td{padding-top:.3rem;padding-bottom:.3rem}div.data-content-pane tr{margin-bottom:var(--spacing-2xs,.625rem);padding-top:var(--spacing-small,.1rem);padding-bottom:var(--spacing-small,.1rem)}.data-content-pane a,.data-content-pane a:link{color:var(--color-text-link,#3b5998);font-weight:700;text-decoration:none}.data-content-pane a:visited{color:var(--color-text-link-visited,#3b5998);font-weight:700;text-decoration:none}.data-content-pane a:hover{color:var(--color-text-link-hover,#3b5998);font-weight:700;text-decoration:underline}.data-content-pane a:active{color:var(--color-text-link-active,#888);text-decoration:none}.data-content-pane.embeddedText{white-space:pre-wrap}div.data-content-pane td.data-content-pane__predicate-cell{width:clamp(8.5rem,18vw,12rem);min-width:8.5rem;max-width:12rem;padding-right:var(--spacing-base,.5rem)}div.data-content-pane .data-content-pane__row--top-aligned>td:not(.data-content-pane__predicate-cell){padding-left:var(--spacing-xxs,.3125rem)}div.data-content-pane td.data-content-pane__predicate-cell a{color:var(--color-text-muted,#444)}.data-content-pane__row--even{background-color:var(--color-background-row-alternate,#f0f0f0)}.data-content-pane__row--odd{background-color:var(--color-background-row-default,white)}.data-content-pane__row--top-aligned{vertical-align:top;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.data-content-pane__nested-table--light{background-color:var(--color-background-row-default,white)}.data-content-pane__nested-table--dark{background-color:var(--color-background-row-alternate,#f0f0f0)}div.data-content-pane[data-layout=mobile] .data-content-pane__row--root{padding-bottom:var(--spacing-xs,.75rem);align-items:flex-start;display:flex}div.data-content-pane[data-layout=mobile] .data-content-pane__subject-cell{box-sizing:border-box;width:40%;max-width:40%;padding-right:var(--spacing-xs,.75rem);flex:0 0 40%;padding-bottom:0}div.data-content-pane[data-layout=mobile] .data-content-pane__details-cell{box-sizing:border-box;flex:0 0 60%;width:60%;min-width:0;max-width:60%}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property>tbody>tr,div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property>tr{margin-bottom:0}div.data-content-pane[data-layout=mobile] .data-content-pane__row--top-aligned+.data-content-pane__row--top-aligned{margin-top:0}div.data-content-pane[data-layout=mobile] .data-content-pane__row--top-aligned{margin-bottom:0;padding-top:0;padding-bottom:0;display:block}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property,div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property>tbody{width:100%;display:block}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property td{box-sizing:border-box;width:100%;display:block}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property td.data-content-pane__predicate-cell{width:100%;min-width:0;padding-bottom:.1rem}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property td:not(.data-content-pane__predicate-cell){padding-top:0;padding-left:.85rem}@media (width<=700px){div.data-content-pane .data-content-pane__row--root{align-items:flex-start;display:flex}div.data-content-pane .data-content-pane__subject-cell{width:40%;max-width:40%;padding-right:var(--spacing-xs,.75rem);box-sizing:border-box;flex:0 0 40%;padding-bottom:0}div.data-content-pane .data-content-pane__details-cell{box-sizing:border-box;flex:0 0 60%;width:60%;max-width:60%}div.data-content-pane .data-content-pane__row--top-aligned{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;display:block}div.data-content-pane .data-content-pane__row--top-aligned>td{box-sizing:border-box;width:100%;display:block}div.data-content-pane .data-content-pane__row--top-aligned>td.data-content-pane__predicate-cell{width:100%;min-width:0;max-width:none;padding-bottom:var(--spacing-small,.1rem)}div.data-content-pane .data-content-pane__row--top-aligned>td:not(.data-content-pane__predicate-cell){padding-top:0;padding-left:.85rem}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();const e=require("./_virtual/_rolldown/runtime.cjs.js");;let t=require("solid-ui");t=e.__toESM(t);let n=require("rdflib");n=e.__toESM(n);let r=require("dompurify");r=e.__toESM(r);var i=t.ns,a={icon:t.icons.originalIconBase+`rdf_flyer.24.gif`,name:`dataContents`,audience:[i.solid(`Developer`)],label:function(e,t){if(`http://www.w3.org/2007/ont/link#ProtocolEvent`in t.session.store.findTypeURIs(e))return null;let n=t.session.store.statementsMatching(void 0,void 0,void 0,e).length;return n===0?null:`Data (`+n+`)`},statementsAsTables:function(e,i,a){let o=i.dom,s=o.createElement(`table`);s.classList.add(`data-content-pane__table`,`data-content-pane__table--root`);let c=i.environment?.layout===`mobile`,l=n.Serializer(i.session.store),u=l.rootSubjects(e),d=u.roots,f=u.subjects,p=u.loopBreakers??{};for(let e in p)console.log(`	dataContentPane: loopbreaker:`+e);let m={},h={};function g(e,n=0){let r=o.createElement(`table`);r.classList.add(`data-content-pane__table`,`data-content-pane__table--property`);let i=null,a=f[l.toStr(e)];if(!a)return r.appendChild(o.createTextNode(`...`)),r;a.sort();let s=0,u;for(let e=0;e<a.length;e++){let l=a[e],d=o.createElement(`tr`);if(d.classList.add(`data-content-pane__row--top-aligned`,`data-content-pane__row--property`),l.predicate.uri!==i||c){!c&&i&&s>1&&u?.setAttribute(`rowspan`,``+s),u=o.createElement(`td`),u.setAttribute(`class`,`data-content-pane__predicate-cell`);let e=o.createElement(`a`);e.setAttribute(`href`,l.predicate.uri),e.addEventListener(`click`,t.widgets.openHrefInOutlineMode,!0),e.appendChild(o.createTextNode(t.utils.predicateLabelForXML(l.predicate))),u.appendChild(e),d.appendChild(u),i=l.predicate.uri,s=0}s++;let f=o.createElement(`td`);f.classList.add(`data-content-pane__value-cell`),f.appendChild(_(l.object,n+1)),d.appendChild(f),r.appendChild(d)}return!c&&i&&s>1&&u?.setAttribute(`rowspan`,``+s),r}function _(e,n=0){let a,s;switch(e.termType){case`NamedNode`:return s=o.createElement(`a`),s.setAttribute(`href`,e.uri),s.addEventListener(`click`,t.widgets.openHrefInOutlineMode,!0),s.appendChild(o.createTextNode(t.utils.label(e))),s;case`Literal`:return!e.datatype||!e.datatype.uri?(a=o.createElement(`div`),a.classList.add(`data-content-pane__literal`),a.textContent=e.value,a):e.datatype.uri===`http://www.w3.org/1999/02/22-rdf-syntax-ns#XMLLiteral`?(a=o.createElement(`div`),a.classList.add(`embeddedXHTML`),a.innerHTML=r.default.sanitize(e.value),a):o.createTextNode(e.value);case`BlankNode`:{if(e.toNT()in m){h[e.toNT()]=!0;let t=o.createElement(`a`);return t.setAttribute(`href`,`#`+e.toNT().slice(2)),t.setAttribute(`class`,`bnodeRef`),t.textContent=`*`+e.toNT().slice(3),t}m[e.toNT()]=!0;let t=g(e,n);return m[e.toNT()]=t,n%2==1?t.classList.add(`data-content-pane__nested-table--light`):t.classList.add(`data-content-pane__nested-table--dark`),t}case`Collection`:a=o.createElement(`table`),a.setAttribute(`class`,`collectionAsTables`);for(let t=0;t<e.elements.length;t++){let r=o.createElement(`tr`);a.appendChild(r),r.appendChild(_(e.elements[t],n+1))}return a;case`Graph`:return a=i.session.paneRegistry.byName(`dataContents`).statementsAsTables(e.statements,i),a.setAttribute(`class`,`data-content-pane__nested-formula`),a;case`Variable`:return o.createTextNode(`?`+e.uri)}throw Error(`Unhandled node type: `+e.termType)}a&&(d=a.concat(d.filter(function(e){for(let t=0;t<a.length;t++)if(e.sameTerm(a[t]))return!1;return!0})));for(let e=0;e<d.length;e++){let n=o.createElement(`tr`);n.classList.add(e%2==0?`data-content-pane__row--even`:`data-content-pane__row--odd`,`data-content-pane__row--root`),s.appendChild(n);let r=o.createElement(`td`);r.classList.add(`data-content-pane__subject-cell`),n.appendChild(r);let i=o.createElement(`td`);i.classList.add(`data-content-pane__details-cell`),n.appendChild(i);let a=d[e];a.termType===`BlankNode`?r.appendChild(o.createTextNode(t.utils.label(a))):r.appendChild(_(a,0)),i.appendChild(g(a,0))}for(let e in h){let t=m[e];if(t===!0)continue;let n=o.createElement(`a`);n.setAttribute(`id`,e.slice(2)),n.setAttribute(`class`,`bnodeDef`),n.textContent=e.slice(3)+`)`,t.insertBefore(n,t.firstChild)}return s},render:function(e,n){let r=n.dom;function i(e){let t=n.environment??{};e.dataset.layout=t.layout??`desktop`,e.dataset.theme=t.theme??`light`,e.dataset.inputMode=t.inputMode??`pointer`}function a(){let r=n.session.store,i=r.statementsMatching(void 0,void 0,void 0,e),a=[];r.holds(e,void 0,void 0,e)&&a.push(e);let s=r.any(e,t.ns.foaf(`primaryTopic`),void 0,e);s&&(s.termType===`NamedNode`||s.termType===`BlankNode`)&&a.push(s),o.appendChild(n.session.paneRegistry.byName(`dataContents`).statementsAsTables(i,n,a))}let o=r.createElement(`div`);return o.classList.add(`dataContentPane`,`data-content-pane`),i(o),a(),o}};exports.dataContentPane=a;
 //# sourceMappingURL=dataContentPane2.cjs.js.map

package/dist/dataContentPane2.esm.js

@@ -1,4 +1,4 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.data-content-pane__literal{white-space:pre-wrap}div.data-content-pane{border-top:solid 1px var(--color-data-pane-border-top,black);border-left:solid 1px var(--color-data-pane-border-top,black);border-bottom:solid 1px var(--color-data-pane-border-side,#777);border-right:solid 1px var(--color-data-pane-border-side,#777);padding:var(--spacing-base,.5rem);margin-top:var(--spacing-base,.5rem);margin-bottom:var(--spacing-base,.5rem)}div.data-content-pane table.data-content-pane__table{border-collapse:separate;border-spacing:0;width:100%}div.data-content-pane table.data-content-pane__table--root{table-layout:auto}div.data-content-pane .data-content-pane__row--root{align-items:flex-start;display:flex}div.data-content-pane .data-content-pane__row--root>td{vertical-align:top}div.data-content-pane .data-content-pane__subject-cell{flex:none;width:clamp(7rem,12%,10rem);padding-right:.8rem}div.data-content-pane .data-content-pane__details-cell{flex:0 auto;min-width:0}div.data-content-pane .data-content-pane__subject-cell,div.data-content-pane td.data-content-pane__predicate-cell,div.data-content-pane .data-content-pane__row--top-aligned>td:not(.data-content-pane__predicate-cell),div.data-content-pane .data-content-pane__subject-cell a,div.data-content-pane td.data-content-pane__predicate-cell a,div.data-content-pane .data-content-pane__row--top-aligned>td:not(.data-content-pane__predicate-cell) a{white-space:normal;overflow-wrap:anywhere;word-break:break-word}div.data-content-pane table.data-content-pane__table--property{table-layout:auto;width:auto;max-width:100%}.data-content-pane__nested-formula{border-top:solid 1px var(--color-data-pane-border-top,black);border-left:solid 1px var(--color-data-pane-border-top,black);border-bottom:solid 1px var(--color-data-pane-border-side,#777);border-right:solid 1px var(--color-data-pane-border-side,#777);padding:var(--spacing-base,.5rem);border-radius:var(--border-radius-md,.5rem)}div.data-content-pane td{padding-left:var(--spacing-xxxs,.2rem);padding-top:var(--spacing-small,.1rem);padding-right:var(--spacing-xxxs,.2rem);vertical-align:top;padding-bottom:.05rem}div.data-content-pane table.data-content-pane__table--property td{padding-top:.3rem;padding-bottom:.3rem}div.data-content-pane tr{margin-bottom:var(--spacing-2xs,.625rem);padding-top:var(--spacing-small,.1rem);padding-bottom:var(--spacing-small,.1rem)}.data-content-pane a,.data-content-pane a:link{color:var(--color-text-link,#3b5998);font-weight:700;text-decoration:none}.data-content-pane a:visited{color:var(--color-text-link-visited,#3b5998);font-weight:700;text-decoration:none}.data-content-pane a:hover{color:var(--color-text-link-hover,#3b5998);font-weight:700;text-decoration:underline}.data-content-pane a:active{color:var(--color-text-link-active,#888);text-decoration:none}.data-content-pane.embeddedText{white-space:pre-wrap}div.data-content-pane td.data-content-pane__predicate-cell{width:clamp(8.5rem,18vw,12rem);min-width:8.5rem;max-width:12rem;padding-right:var(--spacing-base,.5rem)}div.data-content-pane .data-content-pane__row--top-aligned>td:not(.data-content-pane__predicate-cell){padding-left:var(--spacing-xxs,.3125rem)}div.data-content-pane td.data-content-pane__predicate-cell a{color:var(--color-text-muted,#444)}.data-content-pane__row--even{background-color:var(--color-background-row-alternate,#f0f0f0)}.data-content-pane__row--odd{background-color:var(--color-background-row-default,white)}.data-content-pane__row--top-aligned{vertical-align:top;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.data-content-pane__nested-table--light{background-color:var(--color-background-row-default,white)}.data-content-pane__nested-table--dark{background-color:var(--color-background-row-alternate,#f0f0f0)}div.data-content-pane[data-layout=mobile] .data-content-pane__row--root{padding-bottom:var(--spacing-xs,.75rem);align-items:flex-start;display:flex}div.data-content-pane[data-layout=mobile] .data-content-pane__subject-cell{box-sizing:border-box;width:40%;max-width:40%;padding-right:var(--spacing-xs,.75rem);flex:0 0 40%;padding-bottom:0}div.data-content-pane[data-layout=mobile] .data-content-pane__details-cell{box-sizing:border-box;flex:0 0 60%;width:60%;min-width:0;max-width:60%}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property>tbody>tr,div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property>tr{margin-bottom:0}div.data-content-pane[data-layout=mobile] .data-content-pane__row--top-aligned+.data-content-pane__row--top-aligned{margin-top:0}div.data-content-pane[data-layout=mobile] .data-content-pane__row--top-aligned{margin-bottom:0;padding-top:0;padding-bottom:0;display:block}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property,div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property>tbody{width:100%;display:block}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property td{box-sizing:border-box;width:100%;display:block}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property td.data-content-pane__predicate-cell{width:100%;min-width:0;padding-bottom:.1rem}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property td:not(.data-content-pane__predicate-cell){padding-top:0;padding-left:.85rem}@media (width<=700px){div.data-content-pane .data-content-pane__row--root{align-items:flex-start;display:flex}div.data-content-pane .data-content-pane__subject-cell{width:40%;max-width:40%;padding-right:var(--spacing-xs,.75rem);box-sizing:border-box;flex:0 0 40%;padding-bottom:0}div.data-content-pane .data-content-pane__details-cell{box-sizing:border-box;flex:0 0 60%;width:60%;max-width:60%}div.data-content-pane .data-content-pane__row--top-aligned{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;display:block}div.data-content-pane .data-content-pane__row--top-aligned>td{box-sizing:border-box;width:100%;display:block}div.data-content-pane .data-content-pane__row--top-aligned>td.data-content-pane__predicate-cell{width:100%;min-width:0;max-width:none;padding-bottom:var(--spacing-small,.1rem)}div.data-content-pane .data-content-pane__row--top-aligned>td:not(.data-content-pane__predicate-cell){padding-top:0;padding-left:.85rem}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.data-content-pane__literal{white-space:pre-wrap}div.data-content-pane{border:1px solid var(--solid-ui-color-gray-200,#cbd5e1);padding:var(--spacing-base,.5rem);margin-bottom:var(--spacing-base,.5rem)}div.data-content-pane table.data-content-pane__table{border-collapse:separate;border-spacing:0;width:100%}div.data-content-pane table.data-content-pane__table--root{table-layout:auto}div.data-content-pane .data-content-pane__row--root{align-items:flex-start;display:flex}div.data-content-pane .data-content-pane__row--root>td{vertical-align:top}div.data-content-pane .data-content-pane__subject-cell{flex:none;width:clamp(7rem,12%,10rem);padding-right:.8rem}div.data-content-pane .data-content-pane__details-cell{flex:0 auto;min-width:0}div.data-content-pane .data-content-pane__subject-cell,div.data-content-pane td.data-content-pane__predicate-cell,div.data-content-pane .data-content-pane__row--top-aligned>td:not(.data-content-pane__predicate-cell),div.data-content-pane .data-content-pane__subject-cell a,div.data-content-pane td.data-content-pane__predicate-cell a,div.data-content-pane .data-content-pane__row--top-aligned>td:not(.data-content-pane__predicate-cell) a{white-space:normal;overflow-wrap:anywhere;word-break:break-word}div.data-content-pane table.data-content-pane__table--property{table-layout:auto;width:auto;max-width:100%}.data-content-pane__nested-formula{border-top:solid 1px var(--color-data-pane-border-top,black);border-left:solid 1px var(--color-data-pane-border-top,black);border-bottom:solid 1px var(--color-data-pane-border-side,#777);border-right:solid 1px var(--color-data-pane-border-side,#777);padding:var(--spacing-base,.5rem);border-radius:var(--border-radius-md,.5rem)}div.data-content-pane td{padding-left:var(--spacing-xxxs,.2rem);padding-top:var(--spacing-small,.1rem);padding-right:var(--spacing-xxxs,.2rem);vertical-align:top;padding-bottom:.05rem}div.data-content-pane table.data-content-pane__table--property td{padding-top:.3rem;padding-bottom:.3rem}div.data-content-pane tr{margin-bottom:var(--spacing-2xs,.625rem);padding-top:var(--spacing-small,.1rem);padding-bottom:var(--spacing-small,.1rem)}.data-content-pane a,.data-content-pane a:link{color:var(--color-text-link,#3b5998);font-weight:700;text-decoration:none}.data-content-pane a:visited{color:var(--color-text-link-visited,#3b5998);font-weight:700;text-decoration:none}.data-content-pane a:hover{color:var(--color-text-link-hover,#3b5998);font-weight:700;text-decoration:underline}.data-content-pane a:active{color:var(--color-text-link-active,#888);text-decoration:none}.data-content-pane.embeddedText{white-space:pre-wrap}div.data-content-pane td.data-content-pane__predicate-cell{width:clamp(8.5rem,18vw,12rem);min-width:8.5rem;max-width:12rem;padding-right:var(--spacing-base,.5rem)}div.data-content-pane .data-content-pane__row--top-aligned>td:not(.data-content-pane__predicate-cell){padding-left:var(--spacing-xxs,.3125rem)}div.data-content-pane td.data-content-pane__predicate-cell a{color:var(--color-text-muted,#444)}.data-content-pane__row--even{background-color:var(--color-background-row-alternate,#f0f0f0)}.data-content-pane__row--odd{background-color:var(--color-background-row-default,white)}.data-content-pane__row--top-aligned{vertical-align:top;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0}.data-content-pane__nested-table--light{background-color:var(--color-background-row-default,white)}.data-content-pane__nested-table--dark{background-color:var(--color-background-row-alternate,#f0f0f0)}div.data-content-pane[data-layout=mobile] .data-content-pane__row--root{padding-bottom:var(--spacing-xs,.75rem);align-items:flex-start;display:flex}div.data-content-pane[data-layout=mobile] .data-content-pane__subject-cell{box-sizing:border-box;width:40%;max-width:40%;padding-right:var(--spacing-xs,.75rem);flex:0 0 40%;padding-bottom:0}div.data-content-pane[data-layout=mobile] .data-content-pane__details-cell{box-sizing:border-box;flex:0 0 60%;width:60%;min-width:0;max-width:60%}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property>tbody>tr,div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property>tr{margin-bottom:0}div.data-content-pane[data-layout=mobile] .data-content-pane__row--top-aligned+.data-content-pane__row--top-aligned{margin-top:0}div.data-content-pane[data-layout=mobile] .data-content-pane__row--top-aligned{margin-bottom:0;padding-top:0;padding-bottom:0;display:block}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property,div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property>tbody{width:100%;display:block}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property td{box-sizing:border-box;width:100%;display:block}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property td.data-content-pane__predicate-cell{width:100%;min-width:0;padding-bottom:.1rem}div.data-content-pane[data-layout=mobile] table.data-content-pane__table--property td:not(.data-content-pane__predicate-cell){padding-top:0;padding-left:.85rem}@media (width<=700px){div.data-content-pane .data-content-pane__row--root{align-items:flex-start;display:flex}div.data-content-pane .data-content-pane__subject-cell{width:40%;max-width:40%;padding-right:var(--spacing-xs,.75rem);box-sizing:border-box;flex:0 0 40%;padding-bottom:0}div.data-content-pane .data-content-pane__details-cell{box-sizing:border-box;flex:0 0 60%;width:60%;max-width:60%}div.data-content-pane .data-content-pane__row--top-aligned{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;display:block}div.data-content-pane .data-content-pane__row--top-aligned>td{box-sizing:border-box;width:100%;display:block}div.data-content-pane .data-content-pane__row--top-aligned>td.data-content-pane__predicate-cell{width:100%;min-width:0;max-width:none;padding-bottom:var(--spacing-small,.1rem)}div.data-content-pane .data-content-pane__row--top-aligned>td:not(.data-content-pane__predicate-cell){padding-top:0;padding-left:.85rem}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
 import * as e from "solid-ui";
 import * as t from "rdflib";
 import n from "dompurify";

package/dist/defaultPane2.cjs.js

@@ -1,2 +1,2 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.defaultPane .bottom-border{border:.2rem solid #0000;width:100%}.defaultPane .bottom-border-active{cursor:copy;border:.2rem solid;border-color:var(--color-bottom-border-highlight,#ffa600)}.defaultPane{--default-pane-predicate-column:16rem;--default-pane-object-indent:1.75rem}.defaultPane>tr{grid-template-columns:minmax(0, var(--default-pane-predicate-column)) minmax(0, 1fr);align-items:flex-start;display:grid}.defaultPane>tr>td.pred{box-sizing:border-box;grid-column:1;align-items:flex-start;min-width:0;display:flex;padding-left:0!important}.defaultPane>tr>td.pred>.labelTD{flex:auto;min-width:0;margin:0;padding-top:0;padding-bottom:0}.defaultPane>tr>td.pred>.iconTD{flex:none;width:auto;margin:0}.defaultPane>tr>td.obj{box-sizing:border-box;grid-column:2;align-self:start;min-width:0}.defaultPane>tr>td[colspan="2"]{grid-column:1/-1}.defaultPane[data-layout=mobile]>tr{grid-template-columns:minmax(0,1fr)}.defaultPane[data-layout=mobile]>tr>td.pred,.defaultPane[data-layout=mobile]>tr>td.obj{box-sizing:border-box;grid-column:1;width:100%;display:block}.defaultPane[data-layout=mobile]>tr>td.pred{padding-bottom:var(--spacing-small,.1rem)}.defaultPane[data-layout=mobile]>tr>td.obj{padding-left:var(--default-pane-object-indent)!important}@media (width<=700px){.defaultPane>tr{grid-template-columns:minmax(0,1fr)}.defaultPane>tr>td.pred,.defaultPane>tr>td.obj{box-sizing:border-box;grid-column:1;width:100%;display:block}.defaultPane>tr>td.pred{padding-bottom:var(--spacing-small,.1rem)}.defaultPane>tr>td.obj{padding-left:var(--default-pane-object-indent)!important}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();const e=require("./_virtual/_rolldown/runtime.cjs.js");;let t=require("solid-ui");t=e.__toESM(t);let n=require("rdflib");n=e.__toESM(n);var r=t.ns,i={icon:t.icons.originalIconBase+`about.png`,name:`default`,audience:[r.solid(`Developer`)],label:function(e){return`about `},render:function(e,r){let i=r.dom;function a(e){let t=r.environment??{};e.dataset.layout=t.layout??`desktop`}let o=function(e,t){return!(r.session.paneRegistry.byName(`internal`).predicates[e.uri]!==void 0||t&&e.uri===`http://www.w3.org/1999/02/22-rdf-syntax-ns#type`)},s=r.getOutliner(i),c=r.session.store;t.log.info(`@defaultPane.render, dom is now `+i.location),e=c.canon(e);let l=i.createElement(`div`);l.setAttribute(`class`,`defaultPane`),a(l);let u=e.termType===`Literal`?[]:c.statementsMatching(e);s.appendPropertyTRs(l,u,!1,o),u=c.statementsMatching(void 0,void 0,e),s.appendPropertyTRs(l,u,!0,o);let d=e.termType===`BlankNode`?c.anyStatementMatching(e):void 0;if(e.termType===`Literal`&&e.value.slice(0,7)===`http://`&&s.appendPropertyTRs(l,[n.st(c.sym(e.value),t.ns.link(`uri`),e)],!0,o),e.termType===`NamedNode`&&c.updater.editable(n.Util.uri.docpart(e.uri),c)||e.termType===`BlankNode`&&d&&d.why&&`uri`in d.why&&typeof d.why.uri==`string`&&c.updater.editable(d.why.uri)){let e=i.createElement(`tr`),n=i.createElement(`td`);n.setAttribute(`colspan`,`2`),n.setAttribute(`notSelectable`,`true`);let r=i.createElement(`img`);r.src=t.icons.originalIconBase+`tango/22-list-add-new.png`,r.addEventListener(`click`,function(e){s.UserInput.addNewPredicateObject(e),e.stopPropagation(),e.preventDefault()}),r.className=`bottom-border-active`,l.appendChild(e).appendChild(n).appendChild(r)}return l}};exports.defaultPane=i;
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.defaultPane .bottom-border{border:.2rem solid #0000;width:100%}.defaultPane .bottom-border-active{cursor:copy;border:.2rem solid;border-color:var(--color-bottom-border-highlight,#ffa600)}.defaultPane{--default-pane-predicate-column:16rem;--default-pane-object-indent:1.75rem;border:1px solid var(--solid-ui-color-gray-200,#cbd5e1);padding:var(--spacing-base,.5rem);margin-bottom:var(--spacing-base,.5rem)}.defaultPane>tr{grid-template-columns:minmax(0, var(--default-pane-predicate-column)) minmax(0, 1fr);align-items:flex-start;display:grid}.defaultPane>tr>td.pred{box-sizing:border-box;grid-column:1;align-items:flex-start;min-width:0;display:flex;padding-left:0!important}.defaultPane>tr>td.pred>.labelTD{flex:auto;min-width:0;margin:0;padding-top:0;padding-bottom:0}.defaultPane>tr>td.pred>.iconTD{flex:none;width:auto;margin:0}.defaultPane>tr>td.obj{box-sizing:border-box;grid-column:2;align-self:start;min-width:0}.defaultPane>tr>td[colspan="2"]{grid-column:1/-1}.defaultPane[data-layout=mobile]>tr{grid-template-columns:minmax(0,1fr)}.defaultPane[data-layout=mobile]>tr>td.pred,.defaultPane[data-layout=mobile]>tr>td.obj{box-sizing:border-box;grid-column:1;width:100%;display:block}.defaultPane[data-layout=mobile]>tr>td.pred{padding-bottom:var(--spacing-small,.1rem)}.defaultPane[data-layout=mobile]>tr>td.obj{padding-left:var(--default-pane-object-indent)!important}@media (width<=700px){.defaultPane>tr{grid-template-columns:minmax(0,1fr)}.defaultPane>tr>td.pred,.defaultPane>tr>td.obj{box-sizing:border-box;grid-column:1;width:100%;display:block}.defaultPane>tr>td.pred{padding-bottom:var(--spacing-small,.1rem)}.defaultPane>tr>td.obj{padding-left:var(--default-pane-object-indent)!important}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();const e=require("./_virtual/_rolldown/runtime.cjs.js");;let t=require("solid-ui");t=e.__toESM(t);let n=require("rdflib");n=e.__toESM(n);var r=t.ns,i={icon:t.icons.originalIconBase+`about.png`,name:`default`,audience:[r.solid(`Developer`)],label:function(e){return`About `},render:function(e,r){let i=r.dom;function a(e){let t=r.environment??{};e.dataset.layout=t.layout??`desktop`}let o=function(e,t){return!(r.session.paneRegistry.byName(`internal`).predicates[e.uri]!==void 0||t&&e.uri===`http://www.w3.org/1999/02/22-rdf-syntax-ns#type`)},s=r.getOutliner(i),c=r.session.store;t.log.info(`@defaultPane.render, dom is now `+i.location),e=c.canon(e);let l=i.createElement(`div`);l.setAttribute(`class`,`defaultPane`),a(l);let u=e.termType===`Literal`?[]:c.statementsMatching(e);s.appendPropertyTRs(l,u,!1,o),u=c.statementsMatching(void 0,void 0,e),s.appendPropertyTRs(l,u,!0,o);let d=e.termType===`BlankNode`?c.anyStatementMatching(e):void 0;if(e.termType===`Literal`&&e.value.slice(0,7)===`http://`&&s.appendPropertyTRs(l,[n.st(c.sym(e.value),t.ns.link(`uri`),e)],!0,o),e.termType===`NamedNode`&&c.updater.editable(n.Util.uri.docpart(e.uri),c)||e.termType===`BlankNode`&&d&&d.why&&`uri`in d.why&&typeof d.why.uri==`string`&&c.updater.editable(d.why.uri)){let e=i.createElement(`tr`),n=i.createElement(`td`);n.setAttribute(`colspan`,`2`),n.setAttribute(`notSelectable`,`true`);let r=i.createElement(`img`);r.src=t.icons.originalIconBase+`tango/22-list-add-new.png`,r.addEventListener(`click`,function(e){s.UserInput.addNewPredicateObject(e),e.stopPropagation(),e.preventDefault()}),r.className=`bottom-border-active`,l.appendChild(e).appendChild(n).appendChild(r)}return l}};exports.defaultPane=i;
 //# sourceMappingURL=defaultPane2.cjs.js.map

package/dist/defaultPane2.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultPane2.cjs.js","names":[],"sources":["../src/defaultPane.ts"],"sourcesContent":["/*   Default Pane\n **\n **  This outline pane contains the properties which are\n **  normally displayed to the user. See also: internalPane\n ** This pane hides the ones considered too low-level for the normal user.\n */\n\nimport * as UI from 'solid-ui'\nimport * as $rdf from 'rdflib'\nimport type { DataBrowserContext, RenderEnvironment } from 'pane-registry'\nimport type { BlankNode, Literal, NamedNode, Statement } from 'rdflib'\nimport './defaultPane.css'\n\nconst ns = UI.ns\ntype DefaultPaneSubject = NamedNode | BlankNode | Literal\n\ntype DefaultPaneDefinition = {\n  icon: string\n  name: string\n  audience: NamedNode[]\n  label: (subject: DefaultPaneSubject) => string\n  render: (subject: DefaultPaneSubject, context: DataBrowserContext) => HTMLDivElement\n}\n\ntype DefaultPaneOutliner = {\n  appendPropertyTRs: (\n    parent: HTMLElement,\n    statements: Statement[],\n    inverse: boolean,\n    filter: (pred: NamedNode, inverse: boolean) => boolean\n  ) => void\n  UserInput: {\n    addNewPredicateObject: (event: Event) => void\n  }\n}\n\nexport const defaultPane: DefaultPaneDefinition = {\n  icon: UI.icons.originalIconBase + 'about.png',\n\n  name: 'default',\n\n  audience: [ns.solid('Developer')],\n\n  label: function (_subject: DefaultPaneSubject): string {\n    return 'about '\n  },\n\n  render: function (\n    subject: DefaultPaneSubject,\n    context: DataBrowserContext\n  ): HTMLDivElement {\n    const dom = context.dom\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    const filter = function (pred: NamedNode, inverse: boolean): boolean {\n      if (\n        typeof context.session.paneRegistry.byName('internal').predicates[\n          pred.uri\n        ] !== 'undefined'\n      ) {\n        return false\n      }\n      if (\n        inverse &&\n        pred.uri === 'http://www.w3.org/1999/02/22-rdf-syntax-ns#type'\n      ) {\n        return false\n      }\n      return true\n    }\n\n    const outliner = context.getOutliner(dom) as DefaultPaneOutliner\n    const kb = context.session.store\n    // var outline = outliner; // @@\n    UI.log.info('@defaultPane.render, dom is now ' + dom.location)\n    subject = kb.canon(subject) as DefaultPaneSubject\n    const div = dom.createElement('div')\n    div.setAttribute('class', 'defaultPane')\n    applyEnvironmentAttributes(div)\n    //        appendRemoveIcon(div, subject, div)\n\n    let plist = subject.termType === 'Literal' ? [] : kb.statementsMatching(subject)\n    outliner.appendPropertyTRs(div, plist, false, filter)\n    plist = kb.statementsMatching(undefined, undefined, subject)\n    outliner.appendPropertyTRs(div, plist, true, filter)\n    const subjectStatement = subject.termType === 'BlankNode'\n      ? kb.anyStatementMatching(subject)\n      : undefined\n    if (\n      subject.termType === 'Literal' &&\n      subject.value.slice(0, 7) === 'http://'\n    ) {\n      outliner.appendPropertyTRs(\n        div,\n        [$rdf.st(kb.sym(subject.value), UI.ns.link('uri'), subject)],\n        true,\n        filter\n      )\n    }\n    if (\n      (subject.termType === 'NamedNode' &&\n        kb.updater.editable($rdf.Util.uri.docpart(subject.uri), kb)) ||\n      (subject.termType === 'BlankNode' &&\n        subjectStatement &&\n        subjectStatement.why &&\n        'uri' in subjectStatement.why &&\n        typeof subjectStatement.why.uri === 'string' &&\n        kb.updater.editable(subjectStatement.why.uri))\n      // check the document containing something about of the bnode @@ what about as object?\n      /*  ! && HCIoptions[\"bottom insert highlights\"].enabled  */\n    ) {\n      const holdingTr = dom.createElement('tr') // these are to minimize required changes\n      const holdingTd = dom.createElement('td') // in userinput.js\n      holdingTd.setAttribute('colspan', '2')\n      holdingTd.setAttribute('notSelectable', 'true')\n      const img = dom.createElement('img')\n      img.src = UI.icons.originalIconBase + 'tango/22-list-add-new.png'\n      img.addEventListener('click', function addNewTripleIconMouseDownListener (\n        e\n      ) {\n        outliner.UserInput.addNewPredicateObject(e)\n        e.stopPropagation()\n        e.preventDefault()\n      })\n      img.className = 'bottom-border-active'\n      // img.addEventListener('click', thisOutline.UserInput.addNewPredicateObject,false)\n      div\n        .appendChild(holdingTr)\n        .appendChild(holdingTd)\n        .appendChild(img)\n    }\n    return div\n  }\n}\n\n// ends\n"],"mappings":"uKAaA,IAAM,EAAK,EAAG,GAuBD,EAAqC,CAChD,KAAM,EAAG,MAAM,iBAAmB,YAElC,KAAM,UAEN,SAAU,CAAC,EAAG,MAAM,WAAW,CAAC,EAEhC,MAAO,SAAU,EAAsC,CACrD,MAAO,QACT,EAEA,OAAQ,SACN,EACA,EACgB,CAChB,IAAM,EAAM,EAAQ,IAEpB,SAAS,EAA4B,EAA+B,CAClE,IAAM,EAAe,EAAQ,aAAe,CAAC,EAC7C,EAAQ,QAAQ,OAAS,EAAY,QAAU,SACjD,CAEA,IAAM,EAAS,SAAU,EAAiB,EAA2B,CAcnE,MANA,EANS,EAAQ,QAAQ,aAAa,OAAO,UAAU,CAAC,CAAC,WACrD,EAAK,OACD,QAKN,GACA,EAAK,MAAQ,kDAKjB,EAEM,EAAW,EAAQ,YAAY,CAAG,EAClC,EAAK,EAAQ,QAAQ,MAE3B,EAAG,IAAI,KAAK,mCAAqC,EAAI,QAAQ,EAC7D,EAAU,EAAG,MAAM,CAAO,EAC1B,IAAM,EAAM,EAAI,cAAc,KAAK,EACnC,EAAI,aAAa,QAAS,aAAa,EACvC,EAA2B,CAAG,EAG9B,IAAI,EAAQ,EAAQ,WAAa,UAAY,CAAC,EAAI,EAAG,mBAAmB,CAAO,EAC/E,EAAS,kBAAkB,EAAK,EAAO,GAAO,CAAM,EACpD,EAAQ,EAAG,mBAAmB,IAAA,GAAW,IAAA,GAAW,CAAO,EAC3D,EAAS,kBAAkB,EAAK,EAAO,GAAM,CAAM,EACnD,IAAM,EAAmB,EAAQ,WAAa,YAC1C,EAAG,qBAAqB,CAAO,EAC/B,IAAA,GAYJ,GAVE,EAAQ,WAAa,WACrB,EAAQ,MAAM,MAAM,EAAG,CAAC,IAAM,WAE9B,EAAS,kBACP,EACA,CAAC,EAAK,GAAG,EAAG,IAAI,EAAQ,KAAK,EAAG,EAAG,GAAG,KAAK,KAAK,EAAG,CAAO,CAAC,EAC3D,GACA,CACF,EAGC,EAAQ,WAAa,aACpB,EAAG,QAAQ,SAAS,EAAK,KAAK,IAAI,QAAQ,EAAQ,GAAG,EAAG,CAAE,GAC3D,EAAQ,WAAa,aACpB,GACA,EAAiB,KACjB,QAAS,EAAiB,KAC1B,OAAO,EAAiB,IAAI,KAAQ,UACpC,EAAG,QAAQ,SAAS,EAAiB,IAAI,GAAG,EAG9C,CACA,IAAM,EAAY,EAAI,cAAc,IAAI,EAClC,EAAY,EAAI,cAAc,IAAI,EACxC,EAAU,aAAa,UAAW,GAAG,EACrC,EAAU,aAAa,gBAAiB,MAAM,EAC9C,IAAM,EAAM,EAAI,cAAc,KAAK,EACnC,EAAI,IAAM,EAAG,MAAM,iBAAmB,4BACtC,EAAI,iBAAiB,QAAS,SAC5B,EACA,CACA,EAAS,UAAU,sBAAsB,CAAC,EAC1C,EAAE,gBAAgB,EAClB,EAAE,eAAe,CACnB,CAAC,EACD,EAAI,UAAY,uBAEhB,EACG,YAAY,CAAS,CAAC,CACtB,YAAY,CAAS,CAAC,CACtB,YAAY,CAAG,CACpB,CACA,OAAO,CACT,CACF"}
+{"version":3,"file":"defaultPane2.cjs.js","names":[],"sources":["../src/defaultPane.ts"],"sourcesContent":["/*   Default Pane\n **\n **  This outline pane contains the properties which are\n **  normally displayed to the user. See also: internalPane\n ** This pane hides the ones considered too low-level for the normal user.\n */\n\nimport * as UI from 'solid-ui'\nimport * as $rdf from 'rdflib'\nimport type { DataBrowserContext, RenderEnvironment } from 'pane-registry'\nimport type { BlankNode, Literal, NamedNode, Statement } from 'rdflib'\nimport './defaultPane.css'\n\nconst ns = UI.ns\ntype DefaultPaneSubject = NamedNode | BlankNode | Literal\n\ntype DefaultPaneDefinition = {\n  icon: string\n  name: string\n  audience: NamedNode[]\n  label: (subject: DefaultPaneSubject) => string\n  render: (subject: DefaultPaneSubject, context: DataBrowserContext) => HTMLDivElement\n}\n\ntype DefaultPaneOutliner = {\n  appendPropertyTRs: (\n    parent: HTMLElement,\n    statements: Statement[],\n    inverse: boolean,\n    filter: (pred: NamedNode, inverse: boolean) => boolean\n  ) => void\n  UserInput: {\n    addNewPredicateObject: (event: Event) => void\n  }\n}\n\nexport const defaultPane: DefaultPaneDefinition = {\n  icon: UI.icons.originalIconBase + 'about.png',\n\n  name: 'default',\n\n  audience: [ns.solid('Developer')],\n\n  label: function (_subject: DefaultPaneSubject): string {\n    return 'About '\n  },\n\n  render: function (\n    subject: DefaultPaneSubject,\n    context: DataBrowserContext\n  ): HTMLDivElement {\n    const dom = context.dom\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    const filter = function (pred: NamedNode, inverse: boolean): boolean {\n      if (\n        typeof context.session.paneRegistry.byName('internal').predicates[\n          pred.uri\n        ] !== 'undefined'\n      ) {\n        return false\n      }\n      if (\n        inverse &&\n        pred.uri === 'http://www.w3.org/1999/02/22-rdf-syntax-ns#type'\n      ) {\n        return false\n      }\n      return true\n    }\n\n    const outliner = context.getOutliner(dom) as DefaultPaneOutliner\n    const kb = context.session.store\n    // var outline = outliner; // @@\n    UI.log.info('@defaultPane.render, dom is now ' + dom.location)\n    subject = kb.canon(subject) as DefaultPaneSubject\n    const div = dom.createElement('div')\n    div.setAttribute('class', 'defaultPane')\n    applyEnvironmentAttributes(div)\n    //        appendRemoveIcon(div, subject, div)\n\n    let plist = subject.termType === 'Literal' ? [] : kb.statementsMatching(subject)\n    outliner.appendPropertyTRs(div, plist, false, filter)\n    plist = kb.statementsMatching(undefined, undefined, subject)\n    outliner.appendPropertyTRs(div, plist, true, filter)\n    const subjectStatement = subject.termType === 'BlankNode'\n      ? kb.anyStatementMatching(subject)\n      : undefined\n    if (\n      subject.termType === 'Literal' &&\n      subject.value.slice(0, 7) === 'http://'\n    ) {\n      outliner.appendPropertyTRs(\n        div,\n        [$rdf.st(kb.sym(subject.value), UI.ns.link('uri'), subject)],\n        true,\n        filter\n      )\n    }\n    if (\n      (subject.termType === 'NamedNode' &&\n        kb.updater.editable($rdf.Util.uri.docpart(subject.uri), kb)) ||\n      (subject.termType === 'BlankNode' &&\n        subjectStatement &&\n        subjectStatement.why &&\n        'uri' in subjectStatement.why &&\n        typeof subjectStatement.why.uri === 'string' &&\n        kb.updater.editable(subjectStatement.why.uri))\n      // check the document containing something about of the bnode @@ what about as object?\n      /*  ! && HCIoptions[\"bottom insert highlights\"].enabled  */\n    ) {\n      const holdingTr = dom.createElement('tr') // these are to minimize required changes\n      const holdingTd = dom.createElement('td') // in userinput.js\n      holdingTd.setAttribute('colspan', '2')\n      holdingTd.setAttribute('notSelectable', 'true')\n      const img = dom.createElement('img')\n      img.src = UI.icons.originalIconBase + 'tango/22-list-add-new.png'\n      img.addEventListener('click', function addNewTripleIconMouseDownListener (\n        e\n      ) {\n        outliner.UserInput.addNewPredicateObject(e)\n        e.stopPropagation()\n        e.preventDefault()\n      })\n      img.className = 'bottom-border-active'\n      // img.addEventListener('click', thisOutline.UserInput.addNewPredicateObject,false)\n      div\n        .appendChild(holdingTr)\n        .appendChild(holdingTd)\n        .appendChild(img)\n    }\n    return div\n  }\n}\n\n// ends\n"],"mappings":"uKAaA,IAAM,EAAK,EAAG,GAuBD,EAAqC,CAChD,KAAM,EAAG,MAAM,iBAAmB,YAElC,KAAM,UAEN,SAAU,CAAC,EAAG,MAAM,WAAW,CAAC,EAEhC,MAAO,SAAU,EAAsC,CACrD,MAAO,QACT,EAEA,OAAQ,SACN,EACA,EACgB,CAChB,IAAM,EAAM,EAAQ,IAEpB,SAAS,EAA4B,EAA+B,CAClE,IAAM,EAAe,EAAQ,aAAe,CAAC,EAC7C,EAAQ,QAAQ,OAAS,EAAY,QAAU,SACjD,CAEA,IAAM,EAAS,SAAU,EAAiB,EAA2B,CAcnE,MANA,EANS,EAAQ,QAAQ,aAAa,OAAO,UAAU,CAAC,CAAC,WACrD,EAAK,OACD,QAKN,GACA,EAAK,MAAQ,kDAKjB,EAEM,EAAW,EAAQ,YAAY,CAAG,EAClC,EAAK,EAAQ,QAAQ,MAE3B,EAAG,IAAI,KAAK,mCAAqC,EAAI,QAAQ,EAC7D,EAAU,EAAG,MAAM,CAAO,EAC1B,IAAM,EAAM,EAAI,cAAc,KAAK,EACnC,EAAI,aAAa,QAAS,aAAa,EACvC,EAA2B,CAAG,EAG9B,IAAI,EAAQ,EAAQ,WAAa,UAAY,CAAC,EAAI,EAAG,mBAAmB,CAAO,EAC/E,EAAS,kBAAkB,EAAK,EAAO,GAAO,CAAM,EACpD,EAAQ,EAAG,mBAAmB,IAAA,GAAW,IAAA,GAAW,CAAO,EAC3D,EAAS,kBAAkB,EAAK,EAAO,GAAM,CAAM,EACnD,IAAM,EAAmB,EAAQ,WAAa,YAC1C,EAAG,qBAAqB,CAAO,EAC/B,IAAA,GAYJ,GAVE,EAAQ,WAAa,WACrB,EAAQ,MAAM,MAAM,EAAG,CAAC,IAAM,WAE9B,EAAS,kBACP,EACA,CAAC,EAAK,GAAG,EAAG,IAAI,EAAQ,KAAK,EAAG,EAAG,GAAG,KAAK,KAAK,EAAG,CAAO,CAAC,EAC3D,GACA,CACF,EAGC,EAAQ,WAAa,aACpB,EAAG,QAAQ,SAAS,EAAK,KAAK,IAAI,QAAQ,EAAQ,GAAG,EAAG,CAAE,GAC3D,EAAQ,WAAa,aACpB,GACA,EAAiB,KACjB,QAAS,EAAiB,KAC1B,OAAO,EAAiB,IAAI,KAAQ,UACpC,EAAG,QAAQ,SAAS,EAAiB,IAAI,GAAG,EAG9C,CACA,IAAM,EAAY,EAAI,cAAc,IAAI,EAClC,EAAY,EAAI,cAAc,IAAI,EACxC,EAAU,aAAa,UAAW,GAAG,EACrC,EAAU,aAAa,gBAAiB,MAAM,EAC9C,IAAM,EAAM,EAAI,cAAc,KAAK,EACnC,EAAI,IAAM,EAAG,MAAM,iBAAmB,4BACtC,EAAI,iBAAiB,QAAS,SAC5B,EACA,CACA,EAAS,UAAU,sBAAsB,CAAC,EAC1C,EAAE,gBAAgB,EAClB,EAAE,eAAe,CACnB,CAAC,EACD,EAAI,UAAY,uBAEhB,EACG,YAAY,CAAS,CAAC,CACtB,YAAY,CAAS,CAAC,CACtB,YAAY,CAAG,CACpB,CACA,OAAO,CACT,CACF"}

package/dist/defaultPane2.esm.js

@@ -1,4 +1,4 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.defaultPane .bottom-border{border:.2rem solid #0000;width:100%}.defaultPane .bottom-border-active{cursor:copy;border:.2rem solid;border-color:var(--color-bottom-border-highlight,#ffa600)}.defaultPane{--default-pane-predicate-column:16rem;--default-pane-object-indent:1.75rem}.defaultPane>tr{grid-template-columns:minmax(0, var(--default-pane-predicate-column)) minmax(0, 1fr);align-items:flex-start;display:grid}.defaultPane>tr>td.pred{box-sizing:border-box;grid-column:1;align-items:flex-start;min-width:0;display:flex;padding-left:0!important}.defaultPane>tr>td.pred>.labelTD{flex:auto;min-width:0;margin:0;padding-top:0;padding-bottom:0}.defaultPane>tr>td.pred>.iconTD{flex:none;width:auto;margin:0}.defaultPane>tr>td.obj{box-sizing:border-box;grid-column:2;align-self:start;min-width:0}.defaultPane>tr>td[colspan="2"]{grid-column:1/-1}.defaultPane[data-layout=mobile]>tr{grid-template-columns:minmax(0,1fr)}.defaultPane[data-layout=mobile]>tr>td.pred,.defaultPane[data-layout=mobile]>tr>td.obj{box-sizing:border-box;grid-column:1;width:100%;display:block}.defaultPane[data-layout=mobile]>tr>td.pred{padding-bottom:var(--spacing-small,.1rem)}.defaultPane[data-layout=mobile]>tr>td.obj{padding-left:var(--default-pane-object-indent)!important}@media (width<=700px){.defaultPane>tr{grid-template-columns:minmax(0,1fr)}.defaultPane>tr>td.pred,.defaultPane>tr>td.obj{box-sizing:border-box;grid-column:1;width:100%;display:block}.defaultPane>tr>td.pred{padding-bottom:var(--spacing-small,.1rem)}.defaultPane>tr>td.obj{padding-left:var(--default-pane-object-indent)!important}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);e.appendChild(document.createTextNode(`.defaultPane .bottom-border{border:.2rem solid #0000;width:100%}.defaultPane .bottom-border-active{cursor:copy;border:.2rem solid;border-color:var(--color-bottom-border-highlight,#ffa600)}.defaultPane{--default-pane-predicate-column:16rem;--default-pane-object-indent:1.75rem;border:1px solid var(--solid-ui-color-gray-200,#cbd5e1);padding:var(--spacing-base,.5rem);margin-bottom:var(--spacing-base,.5rem)}.defaultPane>tr{grid-template-columns:minmax(0, var(--default-pane-predicate-column)) minmax(0, 1fr);align-items:flex-start;display:grid}.defaultPane>tr>td.pred{box-sizing:border-box;grid-column:1;align-items:flex-start;min-width:0;display:flex;padding-left:0!important}.defaultPane>tr>td.pred>.labelTD{flex:auto;min-width:0;margin:0;padding-top:0;padding-bottom:0}.defaultPane>tr>td.pred>.iconTD{flex:none;width:auto;margin:0}.defaultPane>tr>td.obj{box-sizing:border-box;grid-column:2;align-self:start;min-width:0}.defaultPane>tr>td[colspan="2"]{grid-column:1/-1}.defaultPane[data-layout=mobile]>tr{grid-template-columns:minmax(0,1fr)}.defaultPane[data-layout=mobile]>tr>td.pred,.defaultPane[data-layout=mobile]>tr>td.obj{box-sizing:border-box;grid-column:1;width:100%;display:block}.defaultPane[data-layout=mobile]>tr>td.pred{padding-bottom:var(--spacing-small,.1rem)}.defaultPane[data-layout=mobile]>tr>td.obj{padding-left:var(--default-pane-object-indent)!important}@media (width<=700px){.defaultPane>tr{grid-template-columns:minmax(0,1fr)}.defaultPane>tr>td.pred,.defaultPane>tr>td.obj{box-sizing:border-box;grid-column:1;width:100%;display:block}.defaultPane>tr>td.pred{padding-bottom:var(--spacing-small,.1rem)}.defaultPane>tr>td.obj{padding-left:var(--default-pane-object-indent)!important}}`)),document.head.appendChild(e)}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
 import * as e from "solid-ui";
 import * as t from "rdflib";
 //#region src/defaultPane.ts
@@ -7,7 +7,7 @@ var n = e.ns, r = {
 	name: "default",
 	audience: [n.solid("Developer")],
 	label: function(e) {
-		return "about ";
+		return "About ";
 	},
 	render: function(n, r) {
 		let i = r.dom;