@pod-os/elements 0.36.0 → 0.37.0-rc.0b98c3c.0

package/dist/cjs/{jsonld-V2RB47OZ-BerQ9IRa.js → jsonld-V2RB47OZ-BWMHCZBW.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-FUnpyb19.js');
+var index = require('./index-LDTTta4S.js');
 
 // ../node_modules/rdf-canonize/lib/IdentifierIssuer.js
 var require_IdentifierIssuer = index.__commonJS({

package/dist/cjs/loader.cjs.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-DCpu_nnH.js');
+var index = require('./index-CtUr8eOE.js');
 
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await index.globalScripts();
-  return index.bootstrapLazy([["pos-add-new-thing_31.cjs",[[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"],[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-app-generic.cjs",[[1,"pos-app-generic"]]],["pos-app-ldp-container.cjs",[[1,"pos-app-ldp-container"]]],["pos-app-rdf-document.cjs",[[1,"pos-app-rdf-document"]]],["pos-app-image-viewer.cjs",[[1,"pos-app-image-viewer",{"resource":[32]}]]],["pos-tool-attachments.cjs",[[1,"pos-tool-attachments",{"os":[32],"resource":[32]}]]],["pos-app-document-viewer.cjs",[[1,"pos-app-document-viewer",{"resource":[32]}]]],["pos-list.cjs",[[0,"pos-list",{"rel":[1],"ifTypeof":[1,"if-typeof"],"fetch":[4],"error":[32],"os":[32],"resource":[32],"items":[32],"templateString":[32]}]]],["pos-value.cjs",[[1,"pos-value",{"predicate":[1],"resource":[32]}]]],["pos-attachments.cjs",[[1,"pos-attachments",{"resource":[32],"attachments":[32],"addToList":[64]}]]],["pos-container-contents.cjs",[[1,"pos-container-contents",{"container":[32],"contents":[32],"loading":[32],"createNewItem":[32]},[[0,"keydown","handleKeyDown"]]]]],["pos-document.cjs",[[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-relations_2.cjs",[[1,"pos-relations",{"data":[32]}],[1,"pos-reverse-relations",{"data":[32]}]]],["pos-subjects.cjs",[[1,"pos-subjects",{"data":[32]}]]],["pos-markdown-document.cjs",[[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.cjs",[[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.cjs",[[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 index.bootstrapLazy([["pos-app-generic.cjs",[[1,"pos-app-generic"]]],["pos-app-ldp-container.cjs",[[1,"pos-app-ldp-container"]]],["pos-app-rdf-document.cjs",[[1,"pos-app-rdf-document"]]],["pos-app-image-viewer.cjs",[[1,"pos-app-image-viewer",{"resource":[32]}]]],["pos-tool-attachments.cjs",[[1,"pos-tool-attachments",{"os":[32],"resource":[32]}]]],["pos-app-document-viewer.cjs",[[1,"pos-app-document-viewer",{"resource":[32]}]]],["pos-list.cjs",[[0,"pos-list",{"rel":[1],"ifTypeof":[1,"if-typeof"],"fetch":[4],"error":[32],"os":[32],"resource":[32],"items":[32],"templateString":[32]}]]],["pos-case.cjs",[[0,"pos-case",{"ifTypeof":[1,"if-typeof"],"not":[4],"else":[4],"error":[32]}]]],["pos-switch.cjs",[[0,"pos-switch",{"error":[32],"resource":[32],"caseElements":[32],"templateString":[32]}]]],["pos-value.cjs",[[1,"pos-value",{"predicate":[1],"resource":[32]}]]],["pos-attachments.cjs",[[1,"pos-attachments",{"resource":[32],"attachments":[32],"addToList":[64]}]]],["pos-container-contents.cjs",[[1,"pos-container-contents",{"container":[32],"contents":[32],"loading":[32],"createNewItem":[32]},[[0,"keydown","handleKeyDown"]]]]],["pos-document.cjs",[[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.cjs",[[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]},[[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.cjs",[[1,"pos-relations",{"data":[32]}],[1,"pos-reverse-relations",{"data":[32]}]]],["pos-subjects.cjs",[[1,"pos-subjects",{"data":[32]}]]],["pos-markdown-document.cjs",[[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.cjs",[[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.cjs",[[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);
 };
 
 exports.setNonce = index.setNonce;

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

@@ -1,14 +1,14 @@
 'use strict';
 
-var index = require('./index-DCpu_nnH.js');
-var index$1 = require('./index-FUnpyb19.js');
+var index = require('./index-CtUr8eOE.js');
+var index$1 = require('./index-LDTTta4S.js');
 var PodOsAware = require('./PodOsAware-_Lsp4KsV.js');
 var ResourceAware = require('./ResourceAware-uqh9ZRDt.js');
-require('./chunk.ZGGPD2XJ-uKZZdqOH.js');
-require('./chunk.URTPIBTY-DdK9pL5v.js');
-require('./class-map-DAZXfKKA.js');
+require('./chunk.ZGGPD2XJ-DZsyTFqB.js');
+require('./chunk.URTPIBTY-FtbhZr1d.js');
+require('./class-map-CF_MMTnq.js');
 
-const posAddLiteralValueCss = () => `:host{display:flex;align-items:center;gap:0.2rem}input{padding:var(--size-2);background-color:transparent;color:var(--pos-normal-text-color);border:none}input:focus{outline:2px solid var(--pos-primary-color);background-color:var(--pos-input-background-color);transition:outline 0.1s,\\n    background-color 0.1s}`;
+const posAddLiteralValueCss = () => `:host{display:flex;align-items:center;gap:0.2rem}input{padding:var(--size-2);background-color:transparent;color:var(--pos-normal-text-color);border:none}input:focus{outline:2px solid var(--pos-primary-color);background-color:var(--pos-input-background-color);transition:outline 0.1s,     background-color 0.1s}`;
 
 const PosAddLiteralValue = class {
     constructor(hostRef) {

package/dist/cjs/{pos-add-new-thing_31.cjs.entry.js → pos-add-new-thing_32.cjs.entry.js}

@@ -1,12 +1,12 @@
 'use strict';
 
-var index = require('./index-DCpu_nnH.js');
-var chunk_ZGGPD2XJ = require('./chunk.ZGGPD2XJ-uKZZdqOH.js');
-var chunk_XQ2OKYYA = require('./chunk.XQ2OKYYA-DEkhm1i7.js');
-var index$1 = require('./index-FUnpyb19.js');
+var index = require('./index-CtUr8eOE.js');
+var chunk_ZGGPD2XJ = require('./chunk.ZGGPD2XJ-DZsyTFqB.js');
+var chunk_XQ2OKYYA = require('./chunk.XQ2OKYYA-BpcNJ_Ey.js');
+var index$1 = require('./index-LDTTta4S.js');
 var index$2 = require('./index-DlHQ3blV.js');
-var chunk_URTPIBTY = require('./chunk.URTPIBTY-DdK9pL5v.js');
-var classMap = require('./class-map-DAZXfKKA.js');
+var chunk_URTPIBTY = require('./chunk.URTPIBTY-FtbhZr1d.js');
+var classMap = require('./class-map-CF_MMTnq.js');
 var ResourceAware = require('./ResourceAware-uqh9ZRDt.js');
 var PodOsAware = require('./PodOsAware-_Lsp4KsV.js');
 var usePodOS = require('./usePodOS-BnFzjtlx.js');
@@ -5350,7 +5350,7 @@ chunk_ZGGPD2XJ.__decorateClass([
 
 SlMenuItem.define("sl-menu-item");
 
-const posMakeFindableCss = () => `button.main{display:flex;transition:width 200ms,\\n    background-color 500ms,\\n    color 500ms,\\n    border-color 500ms;max-width:var(--size-40);flex-direction:row;overflow:hidden;height:var(--pos-navigation-bar-height);width:var(--pos-navigation-bar-height);align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--pos-subtle-text-color);border:var(--size-px) dashed var(--pos-subtle-text-color);background-color:var(--pos-background-color);p{padding:0;margin:0;display:none;white-space:nowrap}&.success{color:var(--color-green-700);border-color:var(--color-green-700);border-style:solid;background-color:var(--color-green-100)}&:active{transform:scale(0.99);filter:brightness(90%)}&:focus{outline:var(--pos-input-focus-outline)}}svg{display:inline-block;height:var(--size-6);flex-shrink:0;flex-grow:0;width:var(--size-6)}button.main:hover,sl-dropdown[open] button{width:var(--size-full);height:var(--pos-navigation-bar-height);background:var(--pos-background-color);color:var(--pos-normal-text-color);&.success{background:var(--color-green-200);color:var(--color-green-700)}p{display:inline-block}}`;
+const posMakeFindableCss = () => `button.main{display:flex;transition:width 200ms,     background-color 500ms,     color 500ms,     border-color 500ms;max-width:var(--size-40);flex-direction:row;overflow:hidden;height:var(--pos-navigation-bar-height);width:var(--pos-navigation-bar-height);align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--pos-subtle-text-color);border:var(--size-px) dashed var(--pos-subtle-text-color);background-color:var(--pos-background-color);p{padding:0;margin:0;display:none;white-space:nowrap}&.success{color:var(--color-green-700);border-color:var(--color-green-700);border-style:solid;background-color:var(--color-green-100)}&:active{transform:scale(0.99);filter:brightness(90%)}&:focus{outline:var(--pos-input-focus-outline)}}svg{display:inline-block;height:var(--size-6);flex-shrink:0;flex-grow:0;width:var(--size-6)}button.main:hover,sl-dropdown[open] button{width:var(--size-full);height:var(--pos-navigation-bar-height);background:var(--pos-background-color);color:var(--pos-normal-text-color);&.success{background:var(--color-green-200);color:var(--color-green-700)}p{display:inline-block}}`;
 
 const PosMakeFindable = class {
     constructor(hostRef) {
@@ -5580,7 +5580,7 @@ const PosNavigation = class {
 };
 PosNavigation.style = posNavigationCss();
 
-const posNavigationBarCss = () => `section.current{display:flex;height:var(--pos-navigation-bar-height);flex-grow:1;gap:0;background-color:var(--pos-input-background-color);border-radius:var(--radius-md);width:100%;&:focus-within{outline:var(--pos-input-focus-outline)}}section.current button{cursor:pointer;font-size:var(--scale-1);display:flex;align-items:center;justify-content:center;flex-grow:1;background:none;color:var(--pos-normal-text-color);outline:none;border:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;&:focus{text-decoration:underline}:first-child{flex-grow:1}svg{width:var(--size-6);color:var(--pos-subtle-text-color)}}`;
+const posNavigationBarCss = () => `section.current{display:flex;align-items:center;box-sizing:border-box;padding:0 var(--size-2);height:var(--pos-navigation-bar-height);flex-grow:1;gap:0;background-color:var(--pos-input-background-color);border-radius:var(--radius-md);width:100%;&:focus-within{outline:var(--pos-input-focus-outline)}button{cursor:pointer;font-size:var(--scale-1);display:flex;align-items:center;justify-content:center;flex-grow:1;background:none;color:var(--pos-normal-text-color);outline:none;border:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;&:focus{text-decoration:underline}:first-child{flex-grow:1}svg{width:var(--size-6);color:var(--pos-subtle-text-color)}}pos-share{height:80%;&:hover{&::part(button){color:var(--pos-primary-color);background-color:var(--pos-border-color);border-radius:var(--radius-full)}}&::part(button){font-size:var(--size-4);background:none;outline:none;border:none;color:var(--pos-subtle-text-color)}}}`;
 
 const PosNavigationBar = class {
     constructor(hostRef) {
@@ -5598,7 +5598,7 @@ const PosNavigationBar = class {
     }
     render() {
         const ariaLabel = this.current ? `${this.current.label()} (Click to search or enter URI)` : 'Search or enter URI';
-        return (index.h("section", { key: '5f49aa9dad9d07550ee8ffbee90036cbc1efda55', class: "current" }, this.current && this.searchIndexReady && index.h("pos-make-findable", { key: '85974a4772aaf8cad3a11cdcd49e6df10141bfe3', uri: this.current.uri }), index.h("button", { key: '40660a3455b0f3392c68d7aea0075b102a1762a2', "aria-label": ariaLabel, onClick: () => this.onClick() }, index.h("div", { key: '9ab8922175d701f714f72aefb95745cf5ae4bb95' }, this.current ? this.current.label() : 'Search or enter URI'), this.icon())));
+        return (index.h("section", { key: '5f49aa9dad9d07550ee8ffbee90036cbc1efda55', class: "current" }, this.current && this.searchIndexReady && index.h("pos-make-findable", { key: '85974a4772aaf8cad3a11cdcd49e6df10141bfe3', uri: this.current.uri }), index.h("button", { key: '40660a3455b0f3392c68d7aea0075b102a1762a2', "aria-label": ariaLabel, onClick: () => this.onClick() }, index.h("div", { key: '9ab8922175d701f714f72aefb95745cf5ae4bb95' }, this.current ? this.current.label() : 'Search or enter URI'), this.icon()), this.current && index.h("pos-share", { key: '3b80c1987f9f5138b11b8a106171fc73a236f426', uri: this.current.uri })));
     }
     icon() {
         return (index.h("svg", { "aria-hidden": "true", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "stroke-width": "1.5", stroke: "currentColor" }, index.h("path", { "stroke-linecap": "round", "stroke-linejoin": "round", d: "m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z" })));
@@ -5626,7 +5626,7 @@ const PosNewThingForm = class {
         PodOsAware.subscribePodOs(this);
     }
     render() {
-        return (index.h("form", { key: 'a362c5b749dd744123973987ff8b0291485b465e', method: "dialog", onSubmit: e => this.handleSubmit(e) }, index.h("label", { key: '45c78b0b48955cc157d04f547285b4ae4c19c38f', htmlFor: "type" }, "Type"), index.h("pos-select-term", { key: 'e3c3ab9abdbbb585916d95ba1aa14a066dbc5bd0', id: "type", placeholder: "", value: this.selectedTypeUri, "onPod-os:term-selected": e => this.onTermSelected(e) }), index.h("label", { key: 'c696f8ed862d40d3c366ef0ede5e88e574928db3', htmlFor: "name" }, "Name"), index.h("input", { key: '89e6289e24ca9d3969da97c7aeb22224db1c376c', id: "name", type: "text", value: this.name, onInput: e => this.handleChange(e) }), this.newUri ? (index.h("div", { id: "new-uri", title: "This will be the URI of the new thing" }, this.newUri)) : null, index.h("input", { key: 'b9520afef34177c6f14ab0798c045536d5661a2a', id: "create", type: "submit", value: "Create", disabled: !this.canSubmit })));
+        return (index.h("form", { key: '64781cfb0e570d2368325d674c6637c581bb87c2', method: "dialog", onSubmit: e => this.handleSubmit(e) }, index.h("label", { key: '409e04f147430042eb334024fc7061574ab543cf', htmlFor: "type" }, "Type"), index.h("pos-select-term", { key: '8d5d580ee1f1e2e2c60cac0cc06798e94a0d28c3', id: "type", placeholder: "", value: this.selectedTypeUri, "onPod-os:term-selected": e => this.onTermSelected(e) }), index.h("label", { key: 'a45199618751e24b7d4a1bc13ad85c599cc93d1c', htmlFor: "name" }, "Name"), index.h("input", { key: 'bee3be7a680abbffc08caa5c549b68b1e653872d', id: "name", type: "text", value: this.name, onInput: e => this.handleChange(e) }), this.newUri ? (index.h("div", { id: "new-uri", title: "This will be the URI of the new thing" }, this.newUri)) : null, index.h("input", { key: 'e8fab4d442188f7f2f325ff7bde3dce6d3f772f6', id: "create", type: "submit", value: "Create", disabled: !this.canSubmit })));
     }
     handleChange(event) {
         this.name = event.target.value;
@@ -6213,7 +6213,7 @@ const PosRouter = class {
         this.routeChanged.emit(this.uri);
     }
     render() {
-        return index.h("slot", { key: '8b09de3dbbd253665cd541b9f264b0dcdc774354' });
+        return index.h("slot", { key: '2775fc2835158ccd8d540e4f27edfd497eafe7a9' });
     }
 };
 PosRouter.style = posRouterCss();
@@ -6242,7 +6242,7 @@ const PosSelectTerm = class {
         this.termSelected.emit({ uri: event.target.value });
     }
     render() {
-        return (index.h(index.Host, { key: '2e995b15a3b76a13cd7e11d09670121a6191b5ce' }, index.h("input", { key: 'ad79f1b410312790d4f5cd1f398b2eec3c04aad7', part: "input", list: "terms", placeholder: this.placeholder, value: this.value, onChange: ev => this.handleChange(ev) }), index.h("datalist", { key: 'e3cc9ce85b75033bac29a32ca8e55c57535a9659', part: "terms", id: "terms" }, this.terms.map(term => (index.h("option", { value: term.uri }, term.shorthand))))));
+        return (index.h(index.Host, { key: 'a4050d72acd62d907f0fd4c3b90c54194700871c' }, index.h("input", { key: '99b35c4a14a2623599ba237bb4af0b79c0761196', part: "input", list: "terms", placeholder: this.placeholder, value: this.value, onChange: ev => this.handleChange(ev) }), index.h("datalist", { key: 'd64ad5ea83200014c6de5cd4720f29922494982c', part: "terms", id: "terms" }, this.terms.map(term => (index.h("option", { value: term.uri }, term.shorthand))))));
     }
     static get delegatesFocus() { return true; }
     static get watchers() { return {
@@ -6265,7 +6265,99 @@ const PosSettingOfflineCache = class {
 };
 PosSettingOfflineCache.style = posSettingOfflineCacheCss();
 
-const posToolSelectCss = () => `:host {\\n  --button-size: var(--size-16);\\n  display: block;\\n  position: sticky;\\n  align-self: flex-start;\\n  top: 0;\\n  overflow: auto;\\n  min-width: var(--button-size);\\n  z-index: var(--layer-1);\\n}\\n\\n[role='tablist'] {\\n  display: flex;\\n  flex-direction: column;\\n  justify-content: center;\\n\\n  border-right: var(--size-px) solid var(--pos-border-color);\\n\\n  button {\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n    justify-content: center;\\n    gap: 0;\\n    font-size: var(--size-6);\\n    position: relative;\\n    overflow: hidden;\\n    outline: none;\\n    border: none;\\n    width: var(--button-size);\\n    min-width: var(--button-size);\\n    height: var(--button-size);\\n    min-height: var(--button-size);\\n    color: var(--pos-normal-text-color);\\n    background-color: var(--pos-background-color);\\n\\n    &::after {\\n      content: '';\\n      position: absolute;\\n      top: 50%;\\n      left: 50%;\\n      width: 0;\\n      height: 0;\\n      border-radius: 100%;\\n      background: color-mix(in srgb, var(--pos-primary-color), transparent 50%);\\n      transform: translate(-50%, -50%);\\n      opacity: 1;\\n    }\\n\\n    &:active::after,\\n    &:focus::after {\\n      width: calc(var(--button-size) * 1.5);\\n      height: calc(var(--button-size) * 1.5);\\n      opacity: 0;\\n      transition:\\n        width 0.5s ease-out,\\n        height 0.5s ease-out,\\n        opacity 1s ease-out;\\n    }\\n\\n    &:focus-visible {\\n      border: var(--size-px) solid var(--pos-primary-color);\\n    }\\n\\n    @media (min-width: 640px) {\\n      &[aria-selected] {\\n        border-right: var(--size-1) solid var(--pos-primary-color);\\n      }\\n    }\\n\\n    .text {\\n      font-size: var(--size-3);\\n      white-space: nowrap;\\n      text-overflow: ellipsis;\\n      width: 100%;\\n      overflow: hidden;\\n    }\\n  }\\n}\\n\\n@media (max-width: 640px) {\\n  :host {\\n    position: fixed;\\n    top: unset;\\n    bottom: 0;\\n    width: 100dvw;\\n  }\\n  [role='tablist'] {\\n    flex-direction: row;\\n    background-color: var(--pos-background-color);\\n\\n    border-top: var(--size-px) solid var(--pos-border-color);\\n\\n    button {\\n      &[aria-selected] {\\n        border-top: var(--size-1) solid var(--pos-primary-color);\\n      }\\n    }\\n  }\\n}\\n`;
+// src/components/divider/divider.styles.ts
+var divider_styles_default = chunk_ZGGPD2XJ.i`
+  :host {
+    --color: var(--sl-panel-border-color);
+    --width: var(--sl-panel-border-width);
+    --spacing: var(--sl-spacing-medium);
+  }
+
+  :host(:not([vertical])) {
+    display: block;
+    border-top: solid var(--width) var(--color);
+    margin: var(--spacing) 0;
+  }
+
+  :host([vertical]) {
+    display: inline-block;
+    height: 100%;
+    border-left: solid var(--width) var(--color);
+    margin: 0 var(--spacing);
+  }
+`;
+
+var SlDivider = class extends chunk_ZGGPD2XJ.ShoelaceElement {
+  constructor() {
+    super(...arguments);
+    this.vertical = false;
+  }
+  connectedCallback() {
+    super.connectedCallback();
+    this.setAttribute("role", "separator");
+  }
+  handleVerticalChange() {
+    this.setAttribute("aria-orientation", this.vertical ? "vertical" : "horizontal");
+  }
+};
+SlDivider.styles = [chunk_ZGGPD2XJ.component_styles_default, divider_styles_default];
+chunk_ZGGPD2XJ.__decorateClass([
+  chunk_ZGGPD2XJ.n({ type: Boolean, reflect: true })
+], SlDivider.prototype, "vertical", 2);
+chunk_ZGGPD2XJ.__decorateClass([
+  chunk_ZGGPD2XJ.watch("vertical")
+], SlDivider.prototype, "handleVerticalChange", 1);
+
+SlDivider.define("sl-divider");
+
+function openNewTab(url) {
+    window.open(url.toString(), '_blank');
+}
+
+const posShareCss = () => `:host{display:flex;aspect-ratio:1/1;height:var(--size-8);align-items:center;justify-content:center}sl-dropdown{height:100%;width:100%;display:flex;align-items:center;justify-content:center;&::part(trigger){height:100%;width:100%}button{display:flex;align-items:center;justify-content:center;height:100%;width:100%;cursor:pointer;padding:0;margin:0}}sl-menu-item[disabled]{&::part(base){cursor:default;opacity:1}}`;
+
+const PosShare = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.apps = [];
+    }
+    async componentWillLoad() {
+        this.os = await usePodOS.usePodOS(this.el);
+        await this.updateApps();
+    }
+    async updateApps() {
+        const thing = this.os.store.get(this.uri);
+        this.apps = this.os.proposeAppsFor(thing);
+    }
+    onSelect(e) {
+        const { value } = e.detail.item;
+        if (value === 'copy-uri') {
+            navigator.clipboard.writeText(this.uri);
+        }
+        else {
+            openNewTab(value.urlTemplate.expand({ uri: this.uri }));
+        }
+    }
+    render() {
+        return (index.h("sl-dropdown", { key: '29aa438dc2598ae0ca874cebbddb56798587d03a' }, index.h("button", { key: 'e3faedf0eb0613563281634ce597c7c6feaf6eee', slot: "trigger", "aria-label": "Share", part: "button" }, index.h("sl-icon", { key: '6b932bd7a91f47a6e406e99b074ecb3108a1c611', name: "share" })), index.h("sl-menu", { key: 'e17beb4fc2709ec701618b26f446964460ffe2e1' }, index.h("sl-menu-item", { key: '34cef924cd9a503f87214df50cb6ec0ecc6402ed', value: "copy-uri" }, index.h("sl-icon", { key: 'db7910538c61bf6ad0e9591f77f353ff5209933e', slot: "prefix", name: "copy" }), "Copy URI"), this.apps.length > 0 && index.h(OpenWithApps, { key: '5ae82ba277c26ce5d99ddb68ff6616c5a3c43d96', apps: this.apps }))));
+    }
+    get el() { return index.getElement(this); }
+    static get watchers() { return {
+        "uri": [{
+                "updateApps": 0
+            }]
+    }; }
+};
+function OpenWithApps({ apps }) {
+    return [
+        index.h("sl-divider", null),
+        index.h("sl-menu-item", { disabled: true }, "Open with..."),
+        apps.map(it => index.h("sl-menu-item", { value: it }, it.name)),
+    ];
+}
+PosShare.style = posShareCss();
+
+const posToolSelectCss = () => `:host {   --button-size: var(--size-16);   display: block;   position: sticky;   align-self: flex-start;   top: 0;   overflow: auto;   min-width: var(--button-size);   z-index: var(--layer-1); }  [role='tablist'] {   display: flex;   flex-direction: column;   justify-content: center;    border-right: var(--size-px) solid var(--pos-border-color);    button {     display: flex;     flex-direction: column;     align-items: center;     justify-content: center;     gap: 0;     font-size: var(--size-6);     position: relative;     overflow: hidden;     outline: none;     border: none;     width: var(--button-size);     min-width: var(--button-size);     height: var(--button-size);     min-height: var(--button-size);     color: var(--pos-normal-text-color);     background-color: var(--pos-background-color);      &::after {       content: '';       position: absolute;       top: 50%;       left: 50%;       width: 0;       height: 0;       border-radius: 100%;       background: color-mix(in srgb, var(--pos-primary-color), transparent 50%);       transform: translate(-50%, -50%);       opacity: 1;     }      &:active::after,     &:focus::after {       width: calc(var(--button-size) * 1.5);       height: calc(var(--button-size) * 1.5);       opacity: 0;       transition:         width 0.5s ease-out,         height 0.5s ease-out,         opacity 1s ease-out;     }      &:focus-visible {       border: var(--size-px) solid var(--pos-primary-color);     }      @media (min-width: 640px) {       &[aria-selected] {         border-right: var(--size-1) solid var(--pos-primary-color);       }     }      .text {       font-size: var(--size-3);       white-space: nowrap;       text-overflow: ellipsis;       width: 100%;       overflow: hidden;     }   } }  @media (max-width: 640px) {   :host {     position: fixed;     top: unset;     bottom: 0;     width: 100dvw;   }   [role='tablist'] {     flex-direction: row;     background-color: var(--pos-background-color);      border-top: var(--size-px) solid var(--pos-border-color);      button {       &[aria-selected] {         border-top: var(--size-1) solid var(--pos-primary-color);       }     }   } } `;
 
 const PosToolSelect = class {
     constructor(hostRef) {
@@ -6288,7 +6380,7 @@ const PosToolSelect = class {
 };
 PosToolSelect.style = posToolSelectCss();
 
-const posTypeIndexEntriesCss = () => `dl {\\n  > * {\\n    display: flex;\\n    flex-direction: column;\\n    gap: var(--size-1);\\n  }\\n\\n  display: flex;\\n  flex-direction: column;\\n  gap: var(--size-4);\\n  dd {\\n    margin: 0;\\n  }\\n}\\n`;
+const posTypeIndexEntriesCss = () => `dl {   > * {     display: flex;     flex-direction: column;     gap: var(--size-1);   }    display: flex;   flex-direction: column;   gap: var(--size-4);   dd {     margin: 0;   } } `;
 
 const PosTypeIndexEntries = class {
     constructor(hostRef) {
@@ -18561,7 +18653,7 @@ const PosUpload = class {
         }
     }
     render() {
-        return index.h("div", { key: '0f77e2cac68f5aaf1d25a429b866015160c5787b', class: "container", ref: el => (this.uppy = el) });
+        return index.h("div", { key: 'bba1889322d2bb688881bcab1797dbc2a325e4e3', class: "container", ref: el => (this.uppy = el) });
     }
 };
 PosUpload.style = posUploadCss();
@@ -18717,51 +18809,6 @@ chunk_ZGGPD2XJ.__decorateClass([
 
 SlAvatar.define("sl-avatar");
 
-// src/components/divider/divider.styles.ts
-var divider_styles_default = chunk_ZGGPD2XJ.i`
-  :host {
-    --color: var(--sl-panel-border-color);
-    --width: var(--sl-panel-border-width);
-    --spacing: var(--sl-spacing-medium);
-  }
-
-  :host(:not([vertical])) {
-    display: block;
-    border-top: solid var(--width) var(--color);
-    margin: var(--spacing) 0;
-  }
-
-  :host([vertical]) {
-    display: inline-block;
-    height: 100%;
-    border-left: solid var(--width) var(--color);
-    margin: 0 var(--spacing);
-  }
-`;
-
-var SlDivider = class extends chunk_ZGGPD2XJ.ShoelaceElement {
-  constructor() {
-    super(...arguments);
-    this.vertical = false;
-  }
-  connectedCallback() {
-    super.connectedCallback();
-    this.setAttribute("role", "separator");
-  }
-  handleVerticalChange() {
-    this.setAttribute("aria-orientation", this.vertical ? "vertical" : "horizontal");
-  }
-};
-SlDivider.styles = [chunk_ZGGPD2XJ.component_styles_default, divider_styles_default];
-chunk_ZGGPD2XJ.__decorateClass([
-  chunk_ZGGPD2XJ.n({ type: Boolean, reflect: true })
-], SlDivider.prototype, "vertical", 2);
-chunk_ZGGPD2XJ.__decorateClass([
-  chunk_ZGGPD2XJ.watch("vertical")
-], SlDivider.prototype, "handleVerticalChange", 1);
-
-SlDivider.define("sl-divider");
-
 const posUserMenuCss = () => `button{display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:none;background:none;cursor:pointer;border-radius:50%;pos-picture{--width:40px;--height:40px;--border-radius:50%}sl-avatar{--size:40px}}sl-dropdown{display:block}`;
 
 const PosUserMenu = class {
@@ -18787,7 +18834,7 @@ const PosUserMenu = class {
     }
     render() {
         if (!this.webId)
-            return null; //?
+            return null;
         return (index.h("pos-resource", { uri: this.webId }, index.h("sl-dropdown", null, index.h("button", { slot: "trigger", "aria-label": "User menu" }, index.h("pos-picture", { "no-upload": true }, index.h("sl-avatar", null))), index.h("sl-menu", null, index.h("sl-menu-item", { value: "dashboard" }, "Dashboard"), index.h("sl-menu-item", { value: "profile" }, index.h("pos-label", null)), index.h("sl-menu-item", { value: "settings" }, "Settings"), index.h("sl-divider", null), index.h("sl-menu-item", { value: "logout" }, "Logout")))));
     }
 };
@@ -18819,6 +18866,7 @@ exports.pos_rich_link = PosRichLink;
 exports.pos_router = PosRouter;
 exports.pos_select_term = PosSelectTerm;
 exports.pos_setting_offline_cache = PosSettingOfflineCache;
+exports.pos_share = PosShare;
 exports.pos_tool_select = PosToolSelect;
 exports.pos_type_index_entries = PosTypeIndexEntries;
 exports.pos_type_router = PosTypeRouter;

package/dist/cjs/pos-app-document-viewer.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DCpu_nnH.js');
+var index = require('./index-CtUr8eOE.js');
 var ResourceAware = require('./ResourceAware-uqh9ZRDt.js');
 
 const defaultAppLayoutCss = () => `:host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section{&:first-of-type{flex:1}}section:not(:first-of-type){flex:0 0 30%}}}`;

package/dist/cjs/pos-app-generic.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DCpu_nnH.js');
+var index = require('./index-CtUr8eOE.js');
 
 const posAppGenericCss = () => `:host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}article{outline:var(--pos-border-solid);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);background-color:var(--pos-card-background);header{display:flex;flex-direction:column;pos-picture{--object-fit:contain;--width:100%;--height:auto;--max-height:300px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;--border-radius:var(--radius-sm) var(--radius-sm) 0 0}h1,pos-type-badges{margin:var(--size-2)}}main{padding:var(--size-2);pos-description{color:var(--pos-secondary-text-color);font-weight:var(--weight-light)}}}@media (min-width: 640px){:host{flex-direction:row;flex-wrap:wrap;section:first-of-type{flex:0 0 25%}section:not(:first-of-type){flex:1}}}`;
 

package/dist/cjs/pos-app-image-viewer.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DCpu_nnH.js');
+var index = require('./index-CtUr8eOE.js');
 var ResourceAware = require('./ResourceAware-uqh9ZRDt.js');
 
 const posAppImageViewerCss = () => `pos-image{--max-width:100%}`;

package/dist/cjs/pos-app-ldp-container.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DCpu_nnH.js');
+var index = require('./index-CtUr8eOE.js');
 
 const defaultAppLayoutCss = () => `:host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section{&:first-of-type{flex:1}}section:not(:first-of-type){flex:0 0 30%}}}`;
 

package/dist/cjs/pos-app-rdf-document.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DCpu_nnH.js');
+var index = require('./index-CtUr8eOE.js');
 
 const defaultAppLayoutCss = () => `:host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section{&:first-of-type{flex:1}}section:not(:first-of-type){flex:0 0 30%}}}`;
 

package/dist/cjs/pos-attachments.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DCpu_nnH.js');
+var index = require('./index-CtUr8eOE.js');
 var useResource = require('./useResource-IN7KmaP3.js');
 
-const posAttachmentsCss = () => `: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{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--size-1);li{padding:var(--size-1);&:nth-child(even){background-color:var(--background-color-even)}&:nth-child(odd){background-color:var(--background-color-odd)}&.new{animation:newItemBounce 0.8s ease-out,\\n          highlightFlash 2.5s ease-in-out}}}}@keyframes newItemBounce{0%{transform:scale(0.95);opacity:0}60%{transform:scale(1.02)}100%{transform:scale(1);opacity:1}}@keyframes highlightFlash{0%{box-shadow:0 0 20px var(--pos-primary-color)}100%{box-shadow:0 0 0 transparent}}`;
+const posAttachmentsCss = () => `: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{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--size-1);li{padding:var(--size-1);&:nth-child(even){background-color:var(--background-color-even)}&:nth-child(odd){background-color:var(--background-color-odd)}&.new{animation:newItemBounce 0.8s ease-out,           highlightFlash 2.5s ease-in-out}}}}@keyframes newItemBounce{0%{transform:scale(0.95);opacity:0}60%{transform:scale(1.02)}100%{transform:scale(1);opacity:1}}@keyframes highlightFlash{0%{box-shadow:0 0 20px var(--pos-primary-color)}100%{box-shadow:0 0 0 transparent}}`;
 
 const PosAttachments = class {
     constructor(hostRef) {

package/dist/cjs/pos-case.cjs.entry.js

@@ -0,0 +1,24 @@
+'use strict';
+
+var index = require('./index-CtUr8eOE.js');
+
+const PosCase = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.error = null;
+    }
+    componentWillLoad() {
+        const templateElement = this.host.querySelector('template');
+        if (templateElement == null) {
+            this.error = 'No template element found';
+        }
+    }
+    render() {
+        if (this.error)
+            return this.error;
+        return null;
+    }
+    get host() { return index.getElement(this); }
+};
+
+exports.pos_case = PosCase;

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DCpu_nnH.js');
-var index$1 = require('./index-FUnpyb19.js');
+var index = require('./index-CtUr8eOE.js');
+var index$1 = require('./index-LDTTta4S.js');
 var ResourceAware = require('./ResourceAware-uqh9ZRDt.js');
 
 const posContainerContentsCss = () => `ul{list-style:none;padding:0;margin:0}li{padding:0;margin:0}`;

package/dist/cjs/pos-container-item_3.cjs.entry.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var index = require('./index-DCpu_nnH.js');
+var index = require('./index-CtUr8eOE.js');
 var ResourceAware = require('./ResourceAware-uqh9ZRDt.js');
-require('./chunk.ZGGPD2XJ-uKZZdqOH.js');
-require('./chunk.URTPIBTY-DdK9pL5v.js');
+require('./chunk.ZGGPD2XJ-DZsyTFqB.js');
+require('./chunk.URTPIBTY-FtbhZr1d.js');
 var usePodOS = require('./usePodOS-BnFzjtlx.js');
-require('./class-map-DAZXfKKA.js');
+require('./class-map-CF_MMTnq.js');
 
 function selectIconForTypes(types) {
     if (containsType(types, 'http://www.w3.org/ns/ldp#Container')) {

package/dist/cjs/pos-document.cjs.entry.js

@@ -1,9 +1,9 @@
 'use strict';
 
-var index = require('./index-DCpu_nnH.js');
-var chunk_XQ2OKYYA = require('./chunk.XQ2OKYYA-DEkhm1i7.js');
-require('./chunk.ZGGPD2XJ-uKZZdqOH.js');
-require('./class-map-DAZXfKKA.js');
+var index = require('./index-CtUr8eOE.js');
+var chunk_XQ2OKYYA = require('./chunk.XQ2OKYYA-BpcNJ_Ey.js');
+require('./chunk.ZGGPD2XJ-DZsyTFqB.js');
+require('./class-map-CF_MMTnq.js');
 
 const posDocumentCss = () => `iframe{background-color:var(--pos-background-color);width:100%;height:100vh}.error{display:flex;opacity:0.8;background:repeating-linear-gradient(-45deg, rgba(150, 0, 0, 0.1), rgba(150, 0, 0, 0.1) 10px, #fff 5px, #fff 25px);flex-direction:column;border:1px solid red;color:black;align-items:center;justify-content:center;word-break:break-all;padding:1rem;box-sizing:border-box}.error{color:#282828;font-size:calc(var(--width) / 2)}a{text-decoration:none;width:var(--width);height:var(--height)}.code{font-weight:bold;font-size:calc(var(--width) / 8)}.text{font-size:calc(var(--width) / 20)}.skeleton{display:flex;gap:var(--size-2);flex-direction:column;sl-skeleton{&:nth-child(2){width:95%}&:nth-child(4){width:90%}&:last-child{width:50%}}}`;
 

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

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DCpu_nnH.js');
+var index = require('./index-CtUr8eOE.js');
 var ResourceAware = require('./ResourceAware-uqh9ZRDt.js');
 var PodOsAware = require('./PodOsAware-_Lsp4KsV.js');
 var index$1 = require('./index-DlHQ3blV.js');

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

@@ -1,8 +1,8 @@
 'use strict';
 
-var index$1 = require('./index-DCpu_nnH.js');
+var index$1 = require('./index-CtUr8eOE.js');
 var index = require('./index-DlHQ3blV.js');
-require('./chunk.ZGGPD2XJ-uKZZdqOH.js');
+require('./chunk.ZGGPD2XJ-DZsyTFqB.js');
 
 // ::- Persistent data structure representing an ordered mapping from
 // strings to values, with some convenient update methods.

package/dist/cjs/pos-relations_2.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DCpu_nnH.js');
+var index = require('./index-CtUr8eOE.js');
 var ResourceAware = require('./ResourceAware-uqh9ZRDt.js');
 
 const posRelationsCss = () => `: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)}dd{padding:0;margin:0}dl{display:flex;flex-direction:column;gap:var(--size-1);padding:0;margin:0}dt{margin-bottom:var(--size-1)}.predicate-values:nth-child(odd){background-color:var(--background-color-odd)}.predicate-values:nth-child(even){background-color:var(--background-color-even)}.predicate-values{display:flex;flex-direction:column;border:var(--size-px) solid var(--border-color);padding:var(--size-2);gap:var(--size-1);.values{display:flex;flex-direction:column;gap:var(--size-3)}}pos-rich-link{--background-color:inherit}`;

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var index = require('./index-DCpu_nnH.js');
-var index$1 = require('./index-FUnpyb19.js');
+var index = require('./index-CtUr8eOE.js');
+var index$1 = require('./index-LDTTta4S.js');
 var ResourceAware = require('./ResourceAware-uqh9ZRDt.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/cjs/pos-switch.cjs.entry.js

@@ -0,0 +1,64 @@
+'use strict';
+
+var index = require('./index-CtUr8eOE.js');
+var ResourceAware = require('./ResourceAware-uqh9ZRDt.js');
+
+const PosSwitch = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.subscribeResource = index.createEvent(this, "pod-os:resource", 7);
+        this.error = null;
+        this.receiveResource = (resource) => {
+            this.resource = resource;
+        };
+    }
+    componentWillLoad() {
+        ResourceAware.subscribeResource(this);
+        const caseElements = this.host.querySelectorAll('pos-case');
+        if (caseElements.length == 0) {
+            this.error = 'No pos-case elements found';
+        }
+        else {
+            this.caseElements = caseElements;
+        }
+    }
+    test(caseElement) {
+        let state = null;
+        if (caseElement.getAttribute('if-typeof') !== null) {
+            state = this.resource
+                .types()
+                .map(x => x.uri)
+                .includes(caseElement.getAttribute('if-typeof'));
+        }
+        if (caseElement.getAttribute('not') != null) {
+            state = !state;
+        }
+        return state;
+    }
+    render() {
+        if (this.error) {
+            return this.error;
+        }
+        if (!this.resource) {
+            return null;
+        }
+        let state = null;
+        let activeElements = [];
+        this.caseElements.forEach(el => {
+            const elemState = this.test(el);
+            const includeCondition = state !== true || el.getAttribute('else') === null;
+            if (elemState && includeCondition) {
+                state = elemState;
+                activeElements.push(el);
+            }
+            if (elemState === null && includeCondition) {
+                activeElements.push(el);
+            }
+        });
+        const activeElementsContent = activeElements.map(el => el.querySelector('template').innerHTML).join('\n');
+        return index.h(index.Host, { innerHTML: activeElementsContent });
+    }
+    get host() { return index.getElement(this); }
+};
+
+exports.pos_switch = PosSwitch;

package/dist/cjs/pos-tool-attachments.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DCpu_nnH.js');
+var index = require('./index-CtUr8eOE.js');
 var usePodOS = require('./usePodOS-BnFzjtlx.js');
 var useResource = require('./useResource-IN7KmaP3.js');
 
@@ -20,7 +20,7 @@ const PosToolAttachments = class {
     }
     render() {
         var _a;
-        return (index.h(index.Host, { key: 'c7670fa2c000099af02d33a702a404e9889d4552' }, index.h("section", { key: '1b3ce82d5101ec4c0b6e6df26ede473c7287b747' }, index.h("article", { key: 'b9929952d801ab53a848985af7ed08c18072a662' }, index.h("h2", { key: 'dc39c20da1730c6ea01b32a99dc8b0680a33b6c2' }, "Attachments"), index.h("pos-attachments", { key: '65fd33e592be78e1a15ac9c2238321973a3f8612', ref: it => (this.attachmentsElement = it) }))), index.h("section", { key: '4ebe089659ed2c517440a9ff06141f332e44c56d' }, ((_a = this.resource) === null || _a === void 0 ? void 0 : _a.editable) ? (index.h("pos-upload", { accept: ['*/*'], uploader: file => {
+        return (index.h(index.Host, { key: '90a688233dde6bed413d57c11d89833629e1e2c8' }, index.h("section", { key: 'd47427736806216b35cb5e77bcabf12b82a03b31' }, index.h("article", { key: 'a77c2f9e41165effdc6e41fed79fa6b48dcc753e' }, index.h("h2", { key: '5e4d9a23ceb3c88075ef7785ca1b6fba201714ca' }, "Attachments"), index.h("pos-attachments", { key: '6a1001d633b0cad66178818b7a32c76ebbc4e46c', ref: it => (this.attachmentsElement = it) }))), index.h("section", { key: 'ea6c933f2a5fb67d6e63ca799c14920361eafe1f' }, ((_a = this.resource) === null || _a === void 0 ? void 0 : _a.editable) ? (index.h("pos-upload", { accept: ['*/*'], uploader: file => {
                 const result = this.os.attachments().uploadAndAddAttachment(this.resource, file);
                 result.map(it => {
                     this.attachmentsElement.addToList({

package/dist/cjs/pos-value.cjs.entry.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var index = require('./index-DCpu_nnH.js');
+var index = require('./index-CtUr8eOE.js');
 var ResourceAware = require('./ResourceAware-uqh9ZRDt.js');
 
 const PosValue = class {