@pod-os/elements 0.37.0 → 0.38.0-rc.4b2b787.0

package/dist/elements/p-cfa86eeb.entry.js

@@ -0,0 +1 @@
+import{r as t,c as s,h as i,H as e,a as o}from"./p-DzbCx-pP.js";import{s as r}from"./p-BW_CkW1K.js";import{c as h}from"./p-vFMstSdt.js";const n=class{constructor(i){t(this,i),this.subscribeResource=s(this,"pod-os:resource",7),this.error=null,this.disconnected$=new h.Subject,this.receiveResource=t=>{this.disconnected$.next(),this.resource=void 0;let s=[];if(this.caseElements.some((t=>t.hasAttribute("if-typeof")))){const i=t.observeTypes().pipe(h.takeUntil(this.disconnected$));i.subscribe((t=>{this.types=t})),s.push(i)}if(this.caseElements.some((t=>t.hasAttribute("if-property")))){const i=t.observeRelations().pipe(h.takeUntil(this.disconnected$));i.subscribe((t=>{this.relations=t})),s.push(i)}if(this.caseElements.some((t=>t.hasAttribute("if-rev")))){const i=t.observeReverseRelations().pipe(h.takeUntil(this.disconnected$));i.subscribe((t=>{this.reverseRelations=t})),s.push(i)}h.firstValueFrom(h.combineLatest(s)).then((()=>this.resource=t))}}componentWillLoad(){const t=this.host.querySelectorAll("pos-case");0==t.length?this.error="No pos-case elements found":(this.caseElements=Array.from(t),r(this))}test(t){let s=null;return null!==t.getAttribute("if-typeof")&&(s=this.types.map((t=>t.uri)).includes(t.getAttribute("if-typeof"))),null!==t.getAttribute("if-property")&&(s=this.relations.map((t=>t.predicate)).includes(t.getAttribute("if-property"))),null!==t.getAttribute("if-rev")&&(s=this.reverseRelations.map((t=>t.predicate)).includes(t.getAttribute("if-rev"))),null!=t.getAttribute("not")&&(s=!s),s}render(){if(this.error)return this.error;if(!this.resource)return null;let t=null,s=[];this.caseElements.forEach((i=>{const e=this.test(i),o=!0!==t||null===i.getAttribute("else");e&&o&&(t=e,s.push(i)),null===e&&o&&s.push(i)}));const o=s.map((t=>t.querySelector("template").innerHTML)).join("\n");return i(e,{innerHTML:o})}disconnectedCallback(){this.disconnected$.next(),this.disconnected$.complete()}get host(){return o(this)}};export{n as pos_switch}

package/dist/esm/elements.js

@@ -43,5 +43,5 @@ var patchCloneNodeFix = (HTMLElementPrototype) => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["pos-app-generic",[[1,"pos-app-generic"]]],["pos-app-ldp-container",[[1,"pos-app-ldp-container"]]],["pos-app-rdf-document",[[1,"pos-app-rdf-document"]]],["pos-app-image-viewer",[[1,"pos-app-image-viewer",{"resource":[32]}]]],["pos-tool-attachments",[[1,"pos-tool-attachments",{"os":[32],"resource":[32]}]]],["pos-app-document-viewer",[[1,"pos-app-document-viewer",{"resource":[32]}]]],["pos-list",[[0,"pos-list",{"rel":[1],"ifTypeof":[1,"if-typeof"],"fetch":[4],"error":[32],"os":[32],"resource":[32],"items":[32],"templateString":[32]}]]],["pos-case",[[0,"pos-case",{"ifTypeof":[1,"if-typeof"],"not":[4],"else":[4],"error":[32]}]]],["pos-switch",[[0,"pos-switch",{"error":[32],"resource":[32],"caseElements":[32],"templateString":[32]}]]],["pos-value",[[1,"pos-value",{"predicate":[1],"resource":[32]}]]],["pos-attachments",[[1,"pos-attachments",{"resource":[32],"attachments":[32],"addToList":[64]}]]],["pos-container-contents",[[1,"pos-container-contents",{"container":[32],"contents":[32],"loading":[32],"createNewItem":[32]},[[0,"keydown","handleKeyDown"]]]]],["pos-document",[[1,"pos-document",{"src":[1],"alt":[1],"os":[32],"file":[32],"brokenFile":[32],"error":[32],"saveStatus":[32],"loading":[32],"isEditable":[32]},[[0,"pod-os:document-modified","handleDocumentModified"]],{"os":[{"fetchBlob":0}],"src":[{"fetchBlob":0}]}]]],["pos-add-new-thing_32",[[0,"pos-app-browser",{"restorePreviousSession":[4,"restore-previous-session"],"mode":[1],"uri":[32]}],[0,"pos-internal-router",{"uri":[1]}],[257,"pos-login",{"os":[32],"customLoggedInComponent":[32]},[[4,"pod-os:logout","logout"],[4,"pod-os:login","onLogin"]]],[1,"pos-navigation",{"uri":[1],"os":[32],"inputValue":[32],"searchIndex":[32],"suggestions":[32],"selectedIndex":[32],"resource":[32]},[[0,"pod-os:search:index-created","buildSearchIndex"],[0,"pod-os:search:index-updated","rebuildSearchIndex"],[0,"pod-os:navigate","openNavigationDialog"],[4,"click","closeDialog"],[0,"pod-os:link","clearSuggestions"],[0,"click","onClickSelf"],[0,"keydown","handleKeyDown"]],{"uri":[{"updateResource":0}],"os":[{"updateResource":0}]}],[1,"pos-user-menu",{"webId":[1,"web-id"]},[[0,"sl-select","onSelect"]]],[1,"pos-add-new-thing",{"referenceUri":[1,"reference-uri"]}],[1,"pos-type-router",{"initialTool":[32],"availableTools":[32],"oldTool":[32],"currentTool":[32],"transitioning":[32]},[[0,"pod-os:tool-selected","handleToolSelected"]]],[257,"pos-app",{"restorePreviousSession":[4,"restore-previous-session"],"os":[32],"unsubscribeSettings":[32],"loading":[32]},[[0,"pod-os:init","initializeOs"],[0,"pod-os:module","loadModule"]]],[257,"pos-error-toast",{"title":[32],"message":[32]},[[8,"unhandledrejection","unhandledRejection"],[0,"pod-os:error","catchError"]]],[260,"pos-router",{"mode":[1],"uri":[32]},[[0,"pod-os:link","linkClicked"],[8,"pod-os:session-restored","sessionRestored"]]],[1,"pos-app-dashboard"],[1,"pos-navigation-bar",{"current":[16],"searchIndexReady":[4,"search-index-ready"]},[[4,"keydown","activate"]]],[1,"pos-app-settings"],[17,"pos-new-thing-form",{"referenceUri":[1,"reference-uri"],"os":[32],"newUri":[32],"name":[32],"selectedTypeUri":[32],"canSubmit":[32]},null,{"name":[{"validate":0}],"selectedTypeUri":[{"validate":0}]}],[17,"pos-login-form",{"idpUrl":[32],"canSubmit":[32]},null,{"idpUrl":[{"validate":0}]}],[1,"pos-tool-select",{"selected":[16],"tools":[16]}],[1,"pos-type-index-entries",{"uri":[1],"entries":[32]}],[1,"pos-example-resources"],[1,"pos-make-findable",{"uri":[1],"os":[32],"thing":[32],"indexes":[32],"unsubscribeSessionChange":[32],"showOptions":[32],"isIndexed":[32]},[[0,"sl-select","onSelect"]],{"uri":[{"updateUri":0}]}],[260,"pos-dialog",{"showModal":[64],"close":[64]}],[1,"pos-getting-started"],[1,"pos-setting-offline-cache"],[1,"pos-share",{"uri":[1],"apps":[32],"os":[32]},[[4,"pod-os:resource-loaded","resourceLoaded"],[0,"sl-select","onSelect"]],{"uri":[{"updateApps":0}]}],[257,"pos-picture",{"blurredBackground":[4,"blurred-background"],"noUpload":[4,"no-upload"],"resource":[32],"os":[32],"isUploading":[32]}],[1,"pos-image",{"src":[1],"alt":[1],"blurredBackground":[4,"blurred-background"],"os":[32],"dataUri":[32],"brokenFile":[32],"networkError":[32],"imageError":[32],"loading":[32]},null,{"os":[{"fetchBlob":0}],"src":[{"fetchBlob":0}]}],[1,"pos-upload",{"accept":[16],"uploader":[16]}],[17,"pos-select-term",{"placeholder":[1],"value":[1],"os":[32],"terms":[32]},null,{"os":[{"setTerms":0}]}],[1,"pos-predicate",{"uri":[1],"label":[1],"expanded":[32]}],[257,"pos-rich-link",{"uri":[1],"rel":[1],"rev":[1],"link":[32],"followPredicate":[32],"error":[32],"showCustomContent":[32]}],[1,"pos-description",{"resource":[32]}],[1,"pos-label",{"resource":[32]}],[257,"pos-resource",{"uri":[1],"lazy":[4],"os":[32],"resource":[32],"consumers":[32],"error":[32],"loading":[32],"fetch":[64]},[[0,"pod-os:resource","provideResource"]],{"os":[{"loadResource":0}],"uri":[{"loadResource":0}]}]]],["pos-relations_2",[[1,"pos-relations",{"data":[32]}],[1,"pos-reverse-relations",{"data":[32]}]]],["pos-subjects",[[1,"pos-subjects",{"data":[32]}]]],["pos-markdown-document",[[1,"pos-markdown-document",{"file":[16],"saveStatus":[1,"save-status"],"editable":[4],"markdown":[32],"isModified":[32],"isEditing":[32],"startEditing":[64],"stopEditing":[64]}]]],["pos-container-item_3",[[257,"pos-container-item",{"resource":[32]}],[1,"pos-container-toolbar"],[1,"pos-create-new-container-item",{"type":[1],"container":[16],"os":[32],"name":[32]}]]],["pos-add-literal-value_3",[[1,"pos-literals",{"data":[32]}],[1,"pos-type-badges",{"data":[32],"typeLabels":[32],"isExpanded":[32]}],[1,"pos-add-literal-value",{"os":[32],"resource":[32],"currentValue":[32],"selectedTermUri":[32]},null,{"os":[{"setName":0}]}]]]], options);
+  return bootstrapLazy([["pos-app-generic",[[1,"pos-app-generic"]]],["pos-app-ldp-container",[[1,"pos-app-ldp-container"]]],["pos-app-rdf-document",[[1,"pos-app-rdf-document"]]],["pos-app-image-viewer",[[1,"pos-app-image-viewer",{"resource":[32]}]]],["pos-tool-attachments",[[1,"pos-tool-attachments",{"os":[32],"resource":[32]}]]],["pos-app-document-viewer",[[1,"pos-app-document-viewer",{"resource":[32]}]]],["pos-list",[[0,"pos-list",{"rel":[1],"ifTypeof":[1,"if-typeof"],"fetch":[4],"error":[32],"os":[32],"resource":[32],"items":[32],"templateString":[32]}]]],["pos-case",[[0,"pos-case",{"ifTypeof":[1,"if-typeof"],"ifProperty":[1,"if-property"],"ifRev":[1,"if-rev"],"not":[4],"else":[4],"error":[32]}]]],["pos-switch",[[0,"pos-switch",{"error":[32],"resource":[32],"caseElements":[32],"types":[32],"relations":[32],"reverseRelations":[32]}]]],["pos-value",[[1,"pos-value",{"predicate":[1],"resource":[32]}]]],["pos-attachments",[[1,"pos-attachments",{"resource":[32],"attachments":[32],"addToList":[64]}]]],["pos-container-contents",[[1,"pos-container-contents",{"container":[32],"contents":[32],"loading":[32],"createNewItem":[32]},[[0,"keydown","handleKeyDown"]]]]],["pos-document",[[1,"pos-document",{"src":[1],"alt":[1],"os":[32],"file":[32],"brokenFile":[32],"error":[32],"saveStatus":[32],"loading":[32],"isEditable":[32]},[[0,"pod-os:document-modified","handleDocumentModified"]],{"os":[{"fetchBlob":0}],"src":[{"fetchBlob":0}]}]]],["pos-add-new-thing_32",[[0,"pos-app-browser",{"restorePreviousSession":[4,"restore-previous-session"],"mode":[1],"uri":[32]}],[0,"pos-internal-router",{"uri":[1]}],[257,"pos-login",{"os":[32],"customLoggedInComponent":[32]},[[4,"pod-os:logout","logout"],[4,"pod-os:login","onLogin"]]],[1,"pos-navigation",{"uri":[1],"os":[32],"inputValue":[32],"searchIndex":[32],"suggestions":[32],"selectedIndex":[32],"resource":[32]},[[0,"pod-os:search:index-created","buildSearchIndex"],[0,"pod-os:search:index-updated","rebuildSearchIndex"],[0,"pod-os:navigate","openNavigationDialog"],[4,"click","closeDialog"],[0,"pod-os:link","clearSuggestions"],[0,"click","onClickSelf"],[0,"keydown","handleKeyDown"]],{"uri":[{"updateResource":0}],"os":[{"updateResource":0}]}],[1,"pos-user-menu",{"webId":[1,"web-id"]},[[0,"sl-select","onSelect"]]],[1,"pos-add-new-thing",{"referenceUri":[1,"reference-uri"]}],[1,"pos-type-router",{"initialTool":[32],"availableTools":[32],"oldTool":[32],"currentTool":[32],"transitioning":[32]},[[0,"pod-os:tool-selected","handleToolSelected"]]],[257,"pos-app",{"restorePreviousSession":[4,"restore-previous-session"],"os":[32],"unsubscribeSettings":[32],"loading":[32]},[[0,"pod-os:init","initializeOs"],[0,"pod-os:module","loadModule"]]],[257,"pos-error-toast",{"title":[32],"message":[32]},[[8,"unhandledrejection","unhandledRejection"],[0,"pod-os:error","catchError"]]],[260,"pos-router",{"mode":[1],"uri":[32]},[[0,"pod-os:link","linkClicked"],[8,"pod-os:session-restored","sessionRestored"]]],[1,"pos-app-dashboard"],[1,"pos-navigation-bar",{"current":[16],"searchIndexReady":[4,"search-index-ready"]},[[4,"keydown","activate"]]],[1,"pos-app-settings"],[17,"pos-new-thing-form",{"referenceUri":[1,"reference-uri"],"os":[32],"newUri":[32],"name":[32],"selectedTypeUri":[32],"canSubmit":[32]},null,{"name":[{"validate":0}],"selectedTypeUri":[{"validate":0}]}],[17,"pos-login-form",{"idpUrl":[32],"canSubmit":[32]},null,{"idpUrl":[{"validate":0}]}],[1,"pos-tool-select",{"selected":[16],"tools":[16]}],[1,"pos-type-index-entries",{"uri":[1],"entries":[32]}],[1,"pos-example-resources"],[1,"pos-make-findable",{"uri":[1],"os":[32],"thing":[32],"indexes":[32],"unsubscribeSessionChange":[32],"showOptions":[32],"isIndexed":[32]},[[0,"sl-select","onSelect"]],{"uri":[{"updateUri":0}]}],[260,"pos-dialog",{"showModal":[64],"close":[64]}],[1,"pos-getting-started"],[1,"pos-setting-offline-cache"],[1,"pos-share",{"uri":[1],"apps":[32],"os":[32]},[[4,"pod-os:resource-loaded","resourceLoaded"],[0,"sl-select","onSelect"]],{"uri":[{"updateApps":0}]}],[257,"pos-picture",{"blurredBackground":[4,"blurred-background"],"noUpload":[4,"no-upload"],"resource":[32],"os":[32],"isUploading":[32]}],[1,"pos-image",{"src":[1],"alt":[1],"blurredBackground":[4,"blurred-background"],"os":[32],"dataUri":[32],"brokenFile":[32],"networkError":[32],"imageError":[32],"loading":[32]},null,{"os":[{"fetchBlob":0}],"src":[{"fetchBlob":0}]}],[1,"pos-upload",{"accept":[16],"uploader":[16]}],[17,"pos-select-term",{"placeholder":[1],"value":[1],"os":[32],"terms":[32]},null,{"os":[{"setTerms":0}]}],[1,"pos-predicate",{"uri":[1],"label":[1],"expanded":[32]}],[257,"pos-rich-link",{"uri":[1],"rel":[1],"rev":[1],"link":[32],"followPredicate":[32],"error":[32],"showCustomContent":[32]}],[1,"pos-description",{"resource":[32]}],[1,"pos-label",{"resource":[32]}],[257,"pos-resource",{"uri":[1],"lazy":[4],"os":[32],"resource":[32],"consumers":[32],"error":[32],"loading":[32],"fetch":[64]},[[0,"pod-os:resource","provideResource"]],{"os":[{"loadResource":0}],"uri":[{"loadResource":0}]}]]],["pos-relations_2",[[1,"pos-relations",{"data":[32]}],[1,"pos-reverse-relations",{"data":[32]}]]],["pos-subjects",[[1,"pos-subjects",{"data":[32]}]]],["pos-markdown-document",[[1,"pos-markdown-document",{"file":[16],"saveStatus":[1,"save-status"],"editable":[4],"markdown":[32],"isModified":[32],"isEditing":[32],"startEditing":[64],"stopEditing":[64]}]]],["pos-container-item_3",[[257,"pos-container-item",{"resource":[32]}],[1,"pos-container-toolbar"],[1,"pos-create-new-container-item",{"type":[1],"container":[16],"os":[32],"name":[32]}]]],["pos-add-literal-value_3",[[1,"pos-literals",{"data":[32]}],[1,"pos-type-badges",{"data":[32],"typeLabels":[32],"isExpanded":[32]}],[1,"pos-add-literal-value",{"os":[32],"resource":[32],"currentValue":[32],"selectedTermUri":[32]},null,{"os":[{"setName":0}]}]]]], options);
 });

package/dist/esm/{index-CXK32bJz.js → index-DymdXook.js}

@@ -14297,18 +14297,18 @@ function pipeFromArray(fns) {
 
 // ../node_modules/rxjs/dist/esm5/internal/Observable.js
 var Observable = (function() {
-  function Observable4(subscribe) {
+  function Observable5(subscribe) {
     if (subscribe) {
       this._subscribe = subscribe;
     }
   }
-  Observable4.prototype.lift = function(operator2) {
-    var observable2 = new Observable4();
+  Observable5.prototype.lift = function(operator2) {
+    var observable2 = new Observable5();
     observable2.source = this;
     observable2.operator = operator2;
     return observable2;
   };
-  Observable4.prototype.subscribe = function(observerOrNext, error4, complete2) {
+  Observable5.prototype.subscribe = function(observerOrNext, error4, complete2) {
     var _this = this;
     var subscriber3 = isSubscriber(observerOrNext) ? observerOrNext : new SafeSubscriber(observerOrNext, error4, complete2);
     errorContext(function() {
@@ -14317,14 +14317,14 @@ var Observable = (function() {
     });
     return subscriber3;
   };
-  Observable4.prototype._trySubscribe = function(sink) {
+  Observable5.prototype._trySubscribe = function(sink) {
     try {
       return this._subscribe(sink);
     } catch (err2) {
       sink.error(err2);
     }
   };
-  Observable4.prototype.forEach = function(next4, promiseCtor) {
+  Observable5.prototype.forEach = function(next4, promiseCtor) {
     var _this = this;
     promiseCtor = getPromiseCtor(promiseCtor);
     return new promiseCtor(function(resolve, reject) {
@@ -14343,21 +14343,21 @@ var Observable = (function() {
       _this.subscribe(subscriber3);
     });
   };
-  Observable4.prototype._subscribe = function(subscriber3) {
+  Observable5.prototype._subscribe = function(subscriber3) {
     var _a;
     return (_a = this.source) === null || _a === void 0 ? void 0 : _a.subscribe(subscriber3);
   };
-  Observable4.prototype[observable] = function() {
+  Observable5.prototype[observable] = function() {
     return this;
   };
-  Observable4.prototype.pipe = function() {
+  Observable5.prototype.pipe = function() {
     var operations = [];
     for (var _i = 0; _i < arguments.length; _i++) {
       operations[_i] = arguments[_i];
     }
     return pipeFromArray(operations)(this);
   };
-  Observable4.prototype.toPromise = function(promiseCtor) {
+  Observable5.prototype.toPromise = function(promiseCtor) {
     var _this = this;
     promiseCtor = getPromiseCtor(promiseCtor);
     return new promiseCtor(function(resolve, reject) {
@@ -14371,10 +14371,10 @@ var Observable = (function() {
       });
     });
   };
-  Observable4.create = function(subscribe) {
-    return new Observable4(subscribe);
+  Observable5.create = function(subscribe) {
+    return new Observable5(subscribe);
   };
-  return Observable4;
+  return Observable5;
 })();
 function getPromiseCtor(promiseCtor) {
   var _a;
@@ -22138,7 +22138,7 @@ function listToCollection(kb, obj) {
 }
 async function jsonldParser(str, kb, base2) {
   const baseString = base2 && Object.prototype.hasOwnProperty.call(base2, "termType") ? base2.value : base2;
-  const jsonld = await import('./jsonld-V2RB47OZ-BbN7F0s8.js');
+  const jsonld = await import('./jsonld-V2RB47OZ-CtbtC7fM.js');
   const flattened = await jsonld.default.flatten(JSON.parse(str), null, {
     base: baseString
   });
@@ -27632,6 +27632,7 @@ var flow = Namespace("http://www.w3.org/2005/01/wf/flow#");
 // src/thing/accumulateSubjects.ts
 var accumulateSubjects = (accumulator, current3) => {
   const existing = accumulator[current3.predicate.uri];
+  if (existing && existing.includes(current3.subject.value)) return accumulator;
   return {
     ...accumulator,
     [current3.predicate.uri]: existing ? [...existing, current3.subject.value] : [current3.subject.value]
@@ -27641,6 +27642,7 @@ var accumulateSubjects = (accumulator, current3) => {
 // src/thing/accumulateValues.ts
 var accumulateValues = (accumulator, current3) => {
   const existing = accumulator[current3.predicate.uri];
+  if (existing && existing.includes(current3.object.value)) return accumulator;
   return {
     ...accumulator,
     [current3.predicate.uri]: existing ? [...existing, current3.object.value] : [current3.object.value]
@@ -27734,7 +27736,7 @@ var Thing = class {
     }));
   }
   /**
-   * Returns all the links from this thing to other resources
+   * Returns all the unique links from this thing to other resources. This only includes named nodes and excludes rdf:type relations.
    */
   relations(predicate4) {
     const statements = this.store.statementsMatching(
@@ -27749,7 +27751,25 @@ var Thing = class {
     }));
   }
   /**
-   * Returns all the links from other resources to this thing
+   * Observe changes in links from this thing to other resources
+   */
+  observeRelations(predicate4) {
+    return merge(this.store.additions$, this.store.removals$).pipe(
+      // Note: we assume that cost of filtering by the optional predicate is not worthwhile
+      filter((quad3) => quad3.subject.value === this.uri),
+      debounceTime(250),
+      map(() => this.relations(predicate4)),
+      startWith(this.relations(predicate4)),
+      // Note: label is constructed from predicate and is therefore irrelevant to the comparison
+      distinctUntilChanged(
+        (prev2, curr) => prev2.length === curr.length && prev2.every(
+          (rel2, i) => rel2.predicate === curr[i].predicate && rel2.uris.length === curr[i].uris.length
+        )
+      )
+    );
+  }
+  /**
+   * Returns all the unique links from other resources to this thing
    */
   reverseRelations(predicate4) {
     const statements = this.store.statementsMatching(
@@ -27764,6 +27784,24 @@ var Thing = class {
       uris: values2[predicate5]
     }));
   }
+  /**
+   * Observe changes in links from other resources to this thing
+   */
+  observeReverseRelations(predicate4) {
+    return merge(this.store.additions$, this.store.removals$).pipe(
+      // Note: we assume that cost of filtering by the optional predicate is not worthwhile
+      filter((quad3) => quad3.object.value === this.uri),
+      debounceTime(250),
+      map(() => this.reverseRelations(predicate4)),
+      startWith(this.reverseRelations(predicate4)),
+      // Note: label is constructed from predicate and is therefore irrelevant to the comparison
+      distinctUntilChanged(
+        (prev2, curr) => prev2.length === curr.length && prev2.every(
+          (rel2, i) => rel2.predicate === curr[i].predicate && rel2.uris.length === curr[i].uris.length
+        )
+      )
+    );
+  }
   /**
    * Returns any value linked from this thing via one of the given predicates
    * @param predicateUris
@@ -27851,6 +27889,19 @@ var Thing = class {
       label: labelForType(uri6)
     }));
   }
+  /**
+   * Observe changes to the list of RDF types for this thing
+   */
+  observeTypes() {
+    return merge(this.store.additions$, this.store.removals$).pipe(
+      filter(
+        (quad3) => quad3.subject.value === this.uri && quad3.predicate.value === "http://www.w3.org/1999/02/22-rdf-syntax-ns#type" || quad3.predicate.value === "http://www.w3.org/2000/01/rdf-schema#subClassOf"
+      ),
+      map(() => this.types()),
+      startWith(this.types()),
+      distinctUntilChanged((prev2, curr) => prev2.length === curr.length)
+    );
+  }
   /**
    * Returns all attachments linked to this thing
    */
@@ -27917,7 +27968,7 @@ var LdpContainer = class extends Thing {
   observeContains() {
     return merge(this.store.additions$, this.store.removals$).pipe(
       filter(
-        (quad3) => quad3.graph.value == this.uri && quad3.predicate.value == "http://www.w3.org/ns/ldp#contains"
+        (quad3) => quad3.graph.value === this.uri && quad3.predicate.value === "http://www.w3.org/ns/ldp#contains"
       ),
       debounceTime(250),
       map(() => this.contains()),
@@ -28567,7 +28618,7 @@ var Store = class {
       ),
       map(() => this.findMembers(classUri)),
       startWith(this.findMembers(classUri)),
-      distinctUntilChanged((prev2, curr) => prev2.length == curr.length)
+      distinctUntilChanged((prev2, curr) => prev2.length === curr.length)
     );
   }
   /**
@@ -28654,7 +28705,7 @@ var Store = class {
       graph3,
       justOne
     );
-    if (statements.length == 0) return null;
+    if (statements.length === 0) return null;
     if (!subject8) {
       return statements[0].subject;
     } else if (!predicate4) {

package/dist/esm/{jsonld-V2RB47OZ-BbN7F0s8.js → jsonld-V2RB47OZ-CtbtC7fM.js}

@@ -1,4 +1,4 @@
-import { _ as __commonJS } from './index-CXK32bJz.js';
+import { _ as __commonJS } from './index-DymdXook.js';
 
 // ../node_modules/rdf-canonize/lib/IdentifierIssuer.js
 var require_IdentifierIssuer = __commonJS({

package/dist/esm/loader.js

@@ -4,7 +4,7 @@ export { s as setNonce } from './index-DzbCx-pP.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["pos-app-generic",[[1,"pos-app-generic"]]],["pos-app-ldp-container",[[1,"pos-app-ldp-container"]]],["pos-app-rdf-document",[[1,"pos-app-rdf-document"]]],["pos-app-image-viewer",[[1,"pos-app-image-viewer",{"resource":[32]}]]],["pos-tool-attachments",[[1,"pos-tool-attachments",{"os":[32],"resource":[32]}]]],["pos-app-document-viewer",[[1,"pos-app-document-viewer",{"resource":[32]}]]],["pos-list",[[0,"pos-list",{"rel":[1],"ifTypeof":[1,"if-typeof"],"fetch":[4],"error":[32],"os":[32],"resource":[32],"items":[32],"templateString":[32]}]]],["pos-case",[[0,"pos-case",{"ifTypeof":[1,"if-typeof"],"not":[4],"else":[4],"error":[32]}]]],["pos-switch",[[0,"pos-switch",{"error":[32],"resource":[32],"caseElements":[32],"templateString":[32]}]]],["pos-value",[[1,"pos-value",{"predicate":[1],"resource":[32]}]]],["pos-attachments",[[1,"pos-attachments",{"resource":[32],"attachments":[32],"addToList":[64]}]]],["pos-container-contents",[[1,"pos-container-contents",{"container":[32],"contents":[32],"loading":[32],"createNewItem":[32]},[[0,"keydown","handleKeyDown"]]]]],["pos-document",[[1,"pos-document",{"src":[1],"alt":[1],"os":[32],"file":[32],"brokenFile":[32],"error":[32],"saveStatus":[32],"loading":[32],"isEditable":[32]},[[0,"pod-os:document-modified","handleDocumentModified"]],{"os":[{"fetchBlob":0}],"src":[{"fetchBlob":0}]}]]],["pos-add-new-thing_32",[[0,"pos-app-browser",{"restorePreviousSession":[4,"restore-previous-session"],"mode":[1],"uri":[32]}],[0,"pos-internal-router",{"uri":[1]}],[257,"pos-login",{"os":[32],"customLoggedInComponent":[32]},[[4,"pod-os:logout","logout"],[4,"pod-os:login","onLogin"]]],[1,"pos-navigation",{"uri":[1],"os":[32],"inputValue":[32],"searchIndex":[32],"suggestions":[32],"selectedIndex":[32],"resource":[32]},[[0,"pod-os:search:index-created","buildSearchIndex"],[0,"pod-os:search:index-updated","rebuildSearchIndex"],[0,"pod-os:navigate","openNavigationDialog"],[4,"click","closeDialog"],[0,"pod-os:link","clearSuggestions"],[0,"click","onClickSelf"],[0,"keydown","handleKeyDown"]],{"uri":[{"updateResource":0}],"os":[{"updateResource":0}]}],[1,"pos-user-menu",{"webId":[1,"web-id"]},[[0,"sl-select","onSelect"]]],[1,"pos-add-new-thing",{"referenceUri":[1,"reference-uri"]}],[1,"pos-type-router",{"initialTool":[32],"availableTools":[32],"oldTool":[32],"currentTool":[32],"transitioning":[32]},[[0,"pod-os:tool-selected","handleToolSelected"]]],[257,"pos-app",{"restorePreviousSession":[4,"restore-previous-session"],"os":[32],"unsubscribeSettings":[32],"loading":[32]},[[0,"pod-os:init","initializeOs"],[0,"pod-os:module","loadModule"]]],[257,"pos-error-toast",{"title":[32],"message":[32]},[[8,"unhandledrejection","unhandledRejection"],[0,"pod-os:error","catchError"]]],[260,"pos-router",{"mode":[1],"uri":[32]},[[0,"pod-os:link","linkClicked"],[8,"pod-os:session-restored","sessionRestored"]]],[1,"pos-app-dashboard"],[1,"pos-navigation-bar",{"current":[16],"searchIndexReady":[4,"search-index-ready"]},[[4,"keydown","activate"]]],[1,"pos-app-settings"],[17,"pos-new-thing-form",{"referenceUri":[1,"reference-uri"],"os":[32],"newUri":[32],"name":[32],"selectedTypeUri":[32],"canSubmit":[32]},null,{"name":[{"validate":0}],"selectedTypeUri":[{"validate":0}]}],[17,"pos-login-form",{"idpUrl":[32],"canSubmit":[32]},null,{"idpUrl":[{"validate":0}]}],[1,"pos-tool-select",{"selected":[16],"tools":[16]}],[1,"pos-type-index-entries",{"uri":[1],"entries":[32]}],[1,"pos-example-resources"],[1,"pos-make-findable",{"uri":[1],"os":[32],"thing":[32],"indexes":[32],"unsubscribeSessionChange":[32],"showOptions":[32],"isIndexed":[32]},[[0,"sl-select","onSelect"]],{"uri":[{"updateUri":0}]}],[260,"pos-dialog",{"showModal":[64],"close":[64]}],[1,"pos-getting-started"],[1,"pos-setting-offline-cache"],[1,"pos-share",{"uri":[1],"apps":[32],"os":[32]},[[4,"pod-os:resource-loaded","resourceLoaded"],[0,"sl-select","onSelect"]],{"uri":[{"updateApps":0}]}],[257,"pos-picture",{"blurredBackground":[4,"blurred-background"],"noUpload":[4,"no-upload"],"resource":[32],"os":[32],"isUploading":[32]}],[1,"pos-image",{"src":[1],"alt":[1],"blurredBackground":[4,"blurred-background"],"os":[32],"dataUri":[32],"brokenFile":[32],"networkError":[32],"imageError":[32],"loading":[32]},null,{"os":[{"fetchBlob":0}],"src":[{"fetchBlob":0}]}],[1,"pos-upload",{"accept":[16],"uploader":[16]}],[17,"pos-select-term",{"placeholder":[1],"value":[1],"os":[32],"terms":[32]},null,{"os":[{"setTerms":0}]}],[1,"pos-predicate",{"uri":[1],"label":[1],"expanded":[32]}],[257,"pos-rich-link",{"uri":[1],"rel":[1],"rev":[1],"link":[32],"followPredicate":[32],"error":[32],"showCustomContent":[32]}],[1,"pos-description",{"resource":[32]}],[1,"pos-label",{"resource":[32]}],[257,"pos-resource",{"uri":[1],"lazy":[4],"os":[32],"resource":[32],"consumers":[32],"error":[32],"loading":[32],"fetch":[64]},[[0,"pod-os:resource","provideResource"]],{"os":[{"loadResource":0}],"uri":[{"loadResource":0}]}]]],["pos-relations_2",[[1,"pos-relations",{"data":[32]}],[1,"pos-reverse-relations",{"data":[32]}]]],["pos-subjects",[[1,"pos-subjects",{"data":[32]}]]],["pos-markdown-document",[[1,"pos-markdown-document",{"file":[16],"saveStatus":[1,"save-status"],"editable":[4],"markdown":[32],"isModified":[32],"isEditing":[32],"startEditing":[64],"stopEditing":[64]}]]],["pos-container-item_3",[[257,"pos-container-item",{"resource":[32]}],[1,"pos-container-toolbar"],[1,"pos-create-new-container-item",{"type":[1],"container":[16],"os":[32],"name":[32]}]]],["pos-add-literal-value_3",[[1,"pos-literals",{"data":[32]}],[1,"pos-type-badges",{"data":[32],"typeLabels":[32],"isExpanded":[32]}],[1,"pos-add-literal-value",{"os":[32],"resource":[32],"currentValue":[32],"selectedTermUri":[32]},null,{"os":[{"setName":0}]}]]]], options);
+  return bootstrapLazy([["pos-app-generic",[[1,"pos-app-generic"]]],["pos-app-ldp-container",[[1,"pos-app-ldp-container"]]],["pos-app-rdf-document",[[1,"pos-app-rdf-document"]]],["pos-app-image-viewer",[[1,"pos-app-image-viewer",{"resource":[32]}]]],["pos-tool-attachments",[[1,"pos-tool-attachments",{"os":[32],"resource":[32]}]]],["pos-app-document-viewer",[[1,"pos-app-document-viewer",{"resource":[32]}]]],["pos-list",[[0,"pos-list",{"rel":[1],"ifTypeof":[1,"if-typeof"],"fetch":[4],"error":[32],"os":[32],"resource":[32],"items":[32],"templateString":[32]}]]],["pos-case",[[0,"pos-case",{"ifTypeof":[1,"if-typeof"],"ifProperty":[1,"if-property"],"ifRev":[1,"if-rev"],"not":[4],"else":[4],"error":[32]}]]],["pos-switch",[[0,"pos-switch",{"error":[32],"resource":[32],"caseElements":[32],"types":[32],"relations":[32],"reverseRelations":[32]}]]],["pos-value",[[1,"pos-value",{"predicate":[1],"resource":[32]}]]],["pos-attachments",[[1,"pos-attachments",{"resource":[32],"attachments":[32],"addToList":[64]}]]],["pos-container-contents",[[1,"pos-container-contents",{"container":[32],"contents":[32],"loading":[32],"createNewItem":[32]},[[0,"keydown","handleKeyDown"]]]]],["pos-document",[[1,"pos-document",{"src":[1],"alt":[1],"os":[32],"file":[32],"brokenFile":[32],"error":[32],"saveStatus":[32],"loading":[32],"isEditable":[32]},[[0,"pod-os:document-modified","handleDocumentModified"]],{"os":[{"fetchBlob":0}],"src":[{"fetchBlob":0}]}]]],["pos-add-new-thing_32",[[0,"pos-app-browser",{"restorePreviousSession":[4,"restore-previous-session"],"mode":[1],"uri":[32]}],[0,"pos-internal-router",{"uri":[1]}],[257,"pos-login",{"os":[32],"customLoggedInComponent":[32]},[[4,"pod-os:logout","logout"],[4,"pod-os:login","onLogin"]]],[1,"pos-navigation",{"uri":[1],"os":[32],"inputValue":[32],"searchIndex":[32],"suggestions":[32],"selectedIndex":[32],"resource":[32]},[[0,"pod-os:search:index-created","buildSearchIndex"],[0,"pod-os:search:index-updated","rebuildSearchIndex"],[0,"pod-os:navigate","openNavigationDialog"],[4,"click","closeDialog"],[0,"pod-os:link","clearSuggestions"],[0,"click","onClickSelf"],[0,"keydown","handleKeyDown"]],{"uri":[{"updateResource":0}],"os":[{"updateResource":0}]}],[1,"pos-user-menu",{"webId":[1,"web-id"]},[[0,"sl-select","onSelect"]]],[1,"pos-add-new-thing",{"referenceUri":[1,"reference-uri"]}],[1,"pos-type-router",{"initialTool":[32],"availableTools":[32],"oldTool":[32],"currentTool":[32],"transitioning":[32]},[[0,"pod-os:tool-selected","handleToolSelected"]]],[257,"pos-app",{"restorePreviousSession":[4,"restore-previous-session"],"os":[32],"unsubscribeSettings":[32],"loading":[32]},[[0,"pod-os:init","initializeOs"],[0,"pod-os:module","loadModule"]]],[257,"pos-error-toast",{"title":[32],"message":[32]},[[8,"unhandledrejection","unhandledRejection"],[0,"pod-os:error","catchError"]]],[260,"pos-router",{"mode":[1],"uri":[32]},[[0,"pod-os:link","linkClicked"],[8,"pod-os:session-restored","sessionRestored"]]],[1,"pos-app-dashboard"],[1,"pos-navigation-bar",{"current":[16],"searchIndexReady":[4,"search-index-ready"]},[[4,"keydown","activate"]]],[1,"pos-app-settings"],[17,"pos-new-thing-form",{"referenceUri":[1,"reference-uri"],"os":[32],"newUri":[32],"name":[32],"selectedTypeUri":[32],"canSubmit":[32]},null,{"name":[{"validate":0}],"selectedTypeUri":[{"validate":0}]}],[17,"pos-login-form",{"idpUrl":[32],"canSubmit":[32]},null,{"idpUrl":[{"validate":0}]}],[1,"pos-tool-select",{"selected":[16],"tools":[16]}],[1,"pos-type-index-entries",{"uri":[1],"entries":[32]}],[1,"pos-example-resources"],[1,"pos-make-findable",{"uri":[1],"os":[32],"thing":[32],"indexes":[32],"unsubscribeSessionChange":[32],"showOptions":[32],"isIndexed":[32]},[[0,"sl-select","onSelect"]],{"uri":[{"updateUri":0}]}],[260,"pos-dialog",{"showModal":[64],"close":[64]}],[1,"pos-getting-started"],[1,"pos-setting-offline-cache"],[1,"pos-share",{"uri":[1],"apps":[32],"os":[32]},[[4,"pod-os:resource-loaded","resourceLoaded"],[0,"sl-select","onSelect"]],{"uri":[{"updateApps":0}]}],[257,"pos-picture",{"blurredBackground":[4,"blurred-background"],"noUpload":[4,"no-upload"],"resource":[32],"os":[32],"isUploading":[32]}],[1,"pos-image",{"src":[1],"alt":[1],"blurredBackground":[4,"blurred-background"],"os":[32],"dataUri":[32],"brokenFile":[32],"networkError":[32],"imageError":[32],"loading":[32]},null,{"os":[{"fetchBlob":0}],"src":[{"fetchBlob":0}]}],[1,"pos-upload",{"accept":[16],"uploader":[16]}],[17,"pos-select-term",{"placeholder":[1],"value":[1],"os":[32],"terms":[32]},null,{"os":[{"setTerms":0}]}],[1,"pos-predicate",{"uri":[1],"label":[1],"expanded":[32]}],[257,"pos-rich-link",{"uri":[1],"rel":[1],"rev":[1],"link":[32],"followPredicate":[32],"error":[32],"showCustomContent":[32]}],[1,"pos-description",{"resource":[32]}],[1,"pos-label",{"resource":[32]}],[257,"pos-resource",{"uri":[1],"lazy":[4],"os":[32],"resource":[32],"consumers":[32],"error":[32],"loading":[32],"fetch":[64]},[[0,"pod-os:resource","provideResource"]],{"os":[{"loadResource":0}],"uri":[{"loadResource":0}]}]]],["pos-relations_2",[[1,"pos-relations",{"data":[32]}],[1,"pos-reverse-relations",{"data":[32]}]]],["pos-subjects",[[1,"pos-subjects",{"data":[32]}]]],["pos-markdown-document",[[1,"pos-markdown-document",{"file":[16],"saveStatus":[1,"save-status"],"editable":[4],"markdown":[32],"isModified":[32],"isEditing":[32],"startEditing":[64],"stopEditing":[64]}]]],["pos-container-item_3",[[257,"pos-container-item",{"resource":[32]}],[1,"pos-container-toolbar"],[1,"pos-create-new-container-item",{"type":[1],"container":[16],"os":[32],"name":[32]}]]],["pos-add-literal-value_3",[[1,"pos-literals",{"data":[32]}],[1,"pos-type-badges",{"data":[32],"typeLabels":[32],"isExpanded":[32]}],[1,"pos-add-literal-value",{"os":[32],"resource":[32],"currentValue":[32],"selectedTermUri":[32]},null,{"os":[{"setName":0}]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/pos-add-literal-value_3.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-DzbCx-pP.js';
-import { l as labelFromUri } from './index-CXK32bJz.js';
+import { l as labelFromUri } from './index-DymdXook.js';
 import { s as subscribePodOs } from './PodOsAware-jlzl8vRd.js';
 import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
 import './chunk.ZGGPD2XJ-SJISSXOc.js';

package/dist/esm/pos-add-new-thing_32.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$4, H as Host, c as createEvent, a as getElement, i as getRenderingRef, j as forceUpdate } from './index-DzbCx-pP.js';
 import { i as i$5, E as E$2, T as T$3, c as component_styles_default, _ as __decorateClass, n as n$6, S as ShoelaceElement, x as x$1, d as SlIcon, r as r$4, w as watch, e as __yieldStar, f as f$5 } from './chunk.ZGGPD2XJ-SJISSXOc.js';
 import { c as createStore$1, s as store, B as BrokenFile } from './chunk.XQ2OKYYA-Cr3bMzqn.js';
-import { P as PodOS, N as NoOfflineCache, a as LabelIndex, T as TypeIndex2 } from './index-CXK32bJz.js';
+import { P as PodOS, N as NoOfflineCache, a as LabelIndex, T as TypeIndex2 } from './index-DymdXook.js';
 import { c as cjsExports } from './index-vFMstSdt.js';
 import { L as LocalizeController, e as e$6, s as setDefaultAnimation, a as stopAnimations, g as getAnimation, b as animateTo, w as waitForEvent, S as SlPopup } from './chunk.URTPIBTY-yxgfEQ1K.js';
 import { a as e$4, i as i$6, t as t$2, e as e$5 } from './class-map-DEweE_Cr.js';
@@ -3076,7 +3076,7 @@ const PosApp = class {
     disconnectedCallback() {
         this.unsubscribeSettings();
         this.disconnected$.next();
-        this.disconnected$.unsubscribe();
+        this.disconnected$.complete();
     }
     async initializeOs(event) {
         event.stopPropagation();

package/dist/esm/pos-container-contents.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-DzbCx-pP.js';
-import { L as LdpContainer } from './index-CXK32bJz.js';
+import { L as LdpContainer } from './index-DymdXook.js';
 import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
 import { c as cjsExports } from './index-vFMstSdt.js';
 
@@ -19,7 +19,7 @@ const PosContainerContents = class {
             this.container
                 .observeContains()
                 .pipe(cjsExports.takeUntil(this.disconnected$))
-                .subscribe(contains => (this.contents = contains.sort((a, b) => a.name.localeCompare(b.name))));
+                .subscribe(contains => (this.contents = contains.toSorted((a, b) => a.name.localeCompare(b.name))));
         };
     }
     onCreateNewFile() {
@@ -47,7 +47,7 @@ const PosContainerContents = class {
     }
     disconnectedCallback() {
         this.disconnected$.next();
-        this.disconnected$.unsubscribe();
+        this.disconnected$.complete();
     }
 };
 PosContainerContents.style = posContainerContentsCss();

package/dist/esm/pos-list.entry.js

@@ -48,7 +48,7 @@ const PosList = class {
     }
     disconnectedCallback() {
         this.disconnected$.next();
-        this.disconnected$.unsubscribe();
+        this.disconnected$.complete();
     }
     get host() { return getElement(this); }
 };

package/dist/esm/pos-markdown-document.entry.js

@@ -26936,7 +26936,7 @@ const PosMarkdownDocument = class {
     }
     disconnectedCallback() {
         this.disconnected$.next();
-        this.disconnected$.unsubscribe();
+        this.disconnected$.complete();
     }
     /**
      * Switch to editing mode
@@ -26953,7 +26953,7 @@ const PosMarkdownDocument = class {
         this.isEditing = false;
     }
     render() {
-        return (h$1("article", { key: 'c5a2e904d1be9feb545a6ae077ba36e956653e2e' }, this.editable ? (h$1("header", null, this.isEditing ? this.getStatus() : null, this.isEditing ? (h$1("button", { onClick: () => this.stopEditing() }, h$1("sl-icon", { name: "eye" }), "View")) : (h$1("button", { onClick: () => this.startEditing() }, h$1("sl-icon", { name: "pencil-square" }), "Edit")))) : null, h$1("div", { key: '5ddc1a2ff1a07bbeb4290a26614a3b82dd090492', class: "content", ref: el => (this.editorEl = el) })));
+        return (h$1("article", { key: '5ea4a46927219fe07df4cb79d9a43bc8fae9d1cd' }, this.editable ? (h$1("header", null, this.isEditing ? this.getStatus() : null, this.isEditing ? (h$1("button", { onClick: () => this.stopEditing() }, h$1("sl-icon", { name: "eye" }), "View")) : (h$1("button", { onClick: () => this.startEditing() }, h$1("sl-icon", { name: "pencil-square" }), "Edit")))) : null, h$1("div", { key: 'fb013b33f02fd5c756238fe9ce8a9799111e02b7', class: "content", ref: el => (this.editorEl = el) })));
     }
     getStatus() {
         if (this.isModified) {

package/dist/esm/pos-subjects.entry.js

@@ -1,5 +1,5 @@
 import { r as registerInstance, c as createEvent, h } from './index-DzbCx-pP.js';
-import { R as RdfDocument } from './index-CXK32bJz.js';
+import { R as RdfDocument } from './index-DymdXook.js';
 import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
 
 const posSubjectsCss = () => `:host{--background-base-color:color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);--background-color-even:hsl(from var(--background-base-color) h s calc(l + 7));--background-color-odd:hsl(from var(--background-base-color) h s calc(l + 10));--border-color:var(--background-base-color)}ul{display:flex;flex-direction:column;gap:var(--size-2);margin:0;padding:0;li{border:var(--size-px) solid var(--border-color);padding:var(--size-4);list-style-type:none;&:nth-child(even){background-color:var(--background-color-even)}&:nth-child(odd){background-color:var(--background-color-odd)}}}`;

package/dist/esm/pos-switch.entry.js

@@ -1,32 +1,62 @@
 import { r as registerInstance, c as createEvent, h, H as Host, a as getElement } from './index-DzbCx-pP.js';
 import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
+import { c as cjsExports } from './index-vFMstSdt.js';
 
 const PosSwitch = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
         this.subscribeResource = createEvent(this, "pod-os:resource", 7);
         this.error = null;
+        this.disconnected$ = new cjsExports.Subject();
         this.receiveResource = (resource) => {
-            this.resource = resource;
+            // reset any existing resource
+            this.disconnected$.next();
+            this.resource = undefined;
+            let observables = [];
+            if (this.caseElements.some(caseElement => caseElement.hasAttribute('if-typeof'))) {
+                const observeTypes = resource.observeTypes().pipe(cjsExports.takeUntil(this.disconnected$));
+                observeTypes.subscribe(types => {
+                    this.types = types;
+                });
+                observables.push(observeTypes);
+            }
+            if (this.caseElements.some(caseElement => caseElement.hasAttribute('if-property'))) {
+                const observeRelations = resource.observeRelations().pipe(cjsExports.takeUntil(this.disconnected$));
+                observeRelations.subscribe(relations => {
+                    this.relations = relations;
+                });
+                observables.push(observeRelations);
+            }
+            if (this.caseElements.some(caseElement => caseElement.hasAttribute('if-rev'))) {
+                const observeReverseRelations = resource.observeReverseRelations().pipe(cjsExports.takeUntil(this.disconnected$));
+                observeReverseRelations.subscribe(reverseRelations => {
+                    this.reverseRelations = reverseRelations;
+                });
+                observables.push(observeReverseRelations);
+            }
+            cjsExports.firstValueFrom(cjsExports.combineLatest(observables)).then(() => (this.resource = resource));
         };
     }
     componentWillLoad() {
-        subscribeResource(this);
         const caseElements = this.host.querySelectorAll('pos-case');
         if (caseElements.length == 0) {
             this.error = 'No pos-case elements found';
         }
         else {
-            this.caseElements = caseElements;
+            this.caseElements = Array.from(caseElements);
+            subscribeResource(this);
         }
     }
     test(caseElement) {
         let state = null;
         if (caseElement.getAttribute('if-typeof') !== null) {
-            state = this.resource
-                .types()
-                .map(x => x.uri)
-                .includes(caseElement.getAttribute('if-typeof'));
+            state = this.types.map(x => x.uri).includes(caseElement.getAttribute('if-typeof'));
+        }
+        if (caseElement.getAttribute('if-property') !== null) {
+            state = this.relations.map(x => x.predicate).includes(caseElement.getAttribute('if-property'));
+        }
+        if (caseElement.getAttribute('if-rev') !== null) {
+            state = this.reverseRelations.map(x => x.predicate).includes(caseElement.getAttribute('if-rev'));
         }
         if (caseElement.getAttribute('not') != null) {
             state = !state;
@@ -56,6 +86,10 @@ const PosSwitch = class {
         const activeElementsContent = activeElements.map(el => el.querySelector('template').innerHTML).join('\n');
         return h(Host, { innerHTML: activeElementsContent });
     }
+    disconnectedCallback() {
+        this.disconnected$.next();
+        this.disconnected$.complete();
+    }
     get host() { return getElement(this); }
 };
 

package/dist/types/components/pos-switch/pos-case/pos-case.d.ts

@@ -9,6 +9,14 @@ export declare class PosCase {
      * Test if the resource is of the specified type
      */
     ifTypeof?: string;
+    /**
+     * Test if the resource has the specified property (forward link)
+     */
+    ifProperty?: string;
+    /**
+     * Test if the resource is the subject of the specified property (backward link)
+     */
+    ifRev?: string;
     /**
      * Negates the result of the test
      */

package/dist/types/components/pos-switch/pos-switch.d.ts

@@ -1,4 +1,4 @@
-import { Thing } from '@pod-os/core';
+import { RdfType, Relation, Thing } from '@pod-os/core';
 import { ResourceAware, ResourceEventEmitter } from '../events/ResourceAware';
 /**
  * Selects a child template to render based on properties of the subject resource, usually defined by an ancestor `pos-resource` element.
@@ -9,11 +9,15 @@ export declare class PosSwitch implements ResourceAware {
     host: HTMLElement;
     error: string;
     resource: Thing;
-    caseElements: NodeListOf<HTMLPosCaseElement>;
-    templateString: string;
+    caseElements: HTMLPosCaseElement[];
+    types: RdfType[];
+    relations: Relation[];
+    reverseRelations: Relation[];
+    private readonly disconnected$;
     subscribeResource: ResourceEventEmitter;
     componentWillLoad(): void;
     test(caseElement: any): boolean;
     receiveResource: (resource: Thing) => void;
     render(): any;
+    disconnectedCallback(): void;
 }

package/dist/types/components.d.ts

@@ -67,6 +67,14 @@ export namespace Components {
           * The test only evaluates to true if tests for preceding cases have failed
          */
         "else"?: boolean;
+        /**
+          * Test if the resource has the specified property (forward link)
+         */
+        "ifProperty"?: string;
+        /**
+          * Test if the resource is the subject of the specified property (backward link)
+         */
+        "ifRev"?: string;
         /**
           * Test if the resource is of the specified type
          */
@@ -1417,6 +1425,14 @@ declare namespace LocalJSX {
           * The test only evaluates to true if tests for preceding cases have failed
          */
         "else"?: boolean;
+        /**
+          * Test if the resource has the specified property (forward link)
+         */
+        "ifProperty"?: string;
+        /**
+          * Test if the resource is the subject of the specified property (backward link)
+         */
+        "ifRev"?: string;
         /**
           * Test if the resource is of the specified type
          */
@@ -1763,6 +1779,8 @@ declare namespace LocalJSX {
     }
     interface PosCaseAttributes {
         "ifTypeof": string;
+        "ifProperty": string;
+        "ifRev": string;
         "not": boolean;
         "else": boolean;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pod-os/elements",
-  "version": "0.37.0",
+  "version": "0.38.0-rc.4b2b787.0",
   "description": "Custom elements for usage with Solid Pods",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",
@@ -21,7 +21,7 @@
     "generate": "stencil generate"
   },
   "dependencies": {
-    "@pod-os/core": "^0.26.0",
+    "@pod-os/core": "v0.27.0-rc.4b2b787.0",
     "@shoelace-style/shoelace": "^2.20.1",
     "@stencil/core": "^4.43.2",
     "@stencil/store": "^2.2.2",

package/dist/elements/p-3a890f5f.entry.js

@@ -1 +0,0 @@
-import{r as t,c as s,h as e,H as i}from"./p-DzbCx-pP.js";import{L as n}from"./p-DHl0QGLf.js";import{s as o}from"./p-BW_CkW1K.js";import{c as r}from"./p-vFMstSdt.js";const l=class{constructor(e){t(this,e),this.subscribeResource=s(this,"pod-os:resource",7),this.contents=[],this.loading=!0,this.createNewItem=null,this.disconnected$=new r.Subject,this.receiveResource=t=>{this.container=t.assume(n),this.loading=!1,this.container.observeContains().pipe(r.takeUntil(this.disconnected$)).subscribe((t=>this.contents=t.sort(((t,s)=>t.name.localeCompare(s.name)))))}}onCreateNewFile(){this.createNewItem="file"}onCreateNewFolder(){this.createNewItem="folder"}componentWillLoad(){o(this)}handleKeyDown(t){"Escape"===t.key&&(this.createNewItem=null)}render(){if(this.loading)return null;const t=this.contents.map((t=>e("li",{key:t.uri},e("pos-resource",{lazy:!0,uri:t.uri},e("pos-container-item",null,t.name)))));return null!==this.createNewItem&&t.unshift(e("li",{key:"new-item"},e("pos-create-new-container-item",{type:this.createNewItem,container:this.container}))),e(i,null,e("pos-container-toolbar",{"onPod-os:create-new-file":()=>this.onCreateNewFile(),"onPod-os:create-new-folder":()=>this.onCreateNewFolder()}),t.length>0?e("ul",{"aria-label":"Container contents"},t):e("p",null,"The container is empty"))}disconnectedCallback(){this.disconnected$.next(),this.disconnected$.unsubscribe()}};l.style="ul{list-style:none;padding:0;margin:0}li{padding:0;margin:0}";export{l as pos_container_contents}

package/dist/elements/p-53610ccd.entry.js

@@ -1 +0,0 @@
-import{r as s,c as t,h as e,H as n,a as i}from"./p-DzbCx-pP.js";import{s as o}from"./p-BW_CkW1K.js";const l=class{constructor(e){s(this,e),this.subscribeResource=t(this,"pod-os:resource",7),this.error=null,this.receiveResource=s=>{this.resource=s}}componentWillLoad(){o(this);const s=this.host.querySelectorAll("pos-case");0==s.length?this.error="No pos-case elements found":this.caseElements=s}test(s){let t=null;return null!==s.getAttribute("if-typeof")&&(t=this.resource.types().map((s=>s.uri)).includes(s.getAttribute("if-typeof"))),null!=s.getAttribute("not")&&(t=!t),t}render(){if(this.error)return this.error;if(!this.resource)return null;let s=null,t=[];this.caseElements.forEach((e=>{const n=this.test(e),i=!0!==s||null===e.getAttribute("else");n&&i&&(s=n,t.push(e)),null===n&&i&&t.push(e)}));const i=t.map((s=>s.querySelector("template").innerHTML)).join("\n");return e(n,{innerHTML:i})}get host(){return i(this)}};export{l as pos_switch}