@pod-os/elements 0.26.1-rc.e49d800.0 → 0.26.1-rc.f4329bf.0

package/dist/components/index.js

@@ -1,6 +1,13 @@
 import { i as initialize } from './ionic-global.js';
 export { getAssetPath, setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
 
+const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');
+function updateTheme(e) {
+    document.documentElement.classList.toggle('sl-theme-dark', e.matches);
+}
+updateTheme(mediaQuery);
+mediaQuery.addEventListener('change', updateTheme);
+
 const globalFn = () => { };
 
 const globalScripts = () => {

package/dist/components/index.js.map

@@ -1 +1 @@
-{"file":"index.js","mappings":";;;;;AAEO,MAAM,aAAa,GAAG,MAAM;AACnC,EAAE,OAAO,OAAO,CAAC,GAAG,CAAC;AACrB,IAAIA,QAAoB,EAAE;AAC1B,IAAIC,UAAqB,EAAE;AAC3B,GAAG,CAAC,CAAC;AACL,CAAC;;","names":["elementsGlobalScript","ionicCoreGlobalScript"],"sources":["@stencil/core/internal/app-globals"],"sourcesContent":["import ionicCoreGlobalScript from '/home/runner/work/PodOS/PodOS/node_modules/@ionic/core/dist/collection/global/ionic-global.js';\nimport elementsGlobalScript from '/home/runner/work/PodOS/PodOS/elements/src/global.ts';\nexport const globalScripts = () => {\n  return Promise.all([\n    elementsGlobalScript(),\n    ionicCoreGlobalScript(),\n  ]);\n};\n"],"version":3}
+{"file":"index.js","mappings":";;;AAAA;AAEA;AAEA;;AAEA;AAEA,WAAW;;;;ACNJ,MAAM,aAAa,GAAG,MAAM;AACnC,EAAE,OAAO,OAAO,CAAC,GAAG,CAAC;AACrB,IAAIA,QAAoB,EAAE;AAC1B,IAAIC,UAAqB,EAAE;AAC3B,GAAG,CAAC,CAAC;AACL,CAAC;;","names":["elementsGlobalScript","ionicCoreGlobalScript"],"sources":["src/global.ts","@stencil/core/internal/app-globals"],"sourcesContent":["import '@ionic/core';\n\nconst mediaQuery = window.matchMedia('(prefers-color-scheme: dark)');\n\nfunction updateTheme(e) {\n  document.documentElement.classList.toggle('sl-theme-dark', e.matches);\n}\n\nupdateTheme(mediaQuery);\n\nmediaQuery.addEventListener('change', updateTheme);\n","import ionicCoreGlobalScript from '/home/runner/work/PodOS/PodOS/node_modules/@ionic/core/dist/collection/global/ionic-global.js';\nimport elementsGlobalScript from '/home/runner/work/PodOS/PodOS/elements/src/global.ts';\nexport const globalScripts = () => {\n  return Promise.all([\n    elementsGlobalScript(),\n    ionicCoreGlobalScript(),\n  ]);\n};\n"],"version":3}

package/dist/components/pos-add-new-thing2.js

@@ -17,7 +17,7 @@ const PosAddNewThing = /*@__PURE__*/ proxyCustomElement(class PosAddNewThing ext
         this.dialog.showModal();
     }
     render() {
-        return (h(Host, { key: '5ed3ba3982467778ed2b9b02090c230acb6b1762' }, h("button", { key: '96ff5dbd0ba4ca4d8c1d25045efa06fea062e9cf', id: "new", title: "Add a new thing", onClick: () => this.openDialog() }, h("ion-icon", { key: '201a19c8ecb39e0e913d3fb8cf1ebee06bc41df5', name: "add-circle-outline" })), h("pos-dialog", { key: '421da81e6faf52119fe600cc388663299eab67ec', ref: el => (this.dialog = el) }, h("span", { key: '454e6e05dc478e9c1b378cb3308f006fab4d8738', slot: "title" }, "Add a new thing"), h("pos-new-thing-form", { key: 'a469379848776a4c7e9f8e3f94da76ba048d7fab', slot: "content", referenceUri: this.referenceUri }))));
+        return (h(Host, { key: '6142a141ef03ca93a362a6b00ebe8d515c3a677a' }, h("button", { key: '72ecf353cd3a7d2d68f9ef28eb1bbe7fdb88b700', id: "new", title: "Add a new thing", onClick: () => this.openDialog() }, h("ion-icon", { key: 'bd05d75c42c10de6df519575787fc66eafb22930', name: "add-circle-outline" })), h("pos-dialog", { key: '23cf0118149704dfca16758970e4f4658e87e946', ref: el => (this.dialog = el) }, h("span", { key: '5af7b7f618cc20684c39134b5ea295400e651cb6', slot: "title" }, "Add a new thing"), h("pos-new-thing-form", { key: '895496c2f6ede3c8677d9d918e0b13582090baed', slot: "content", referenceUri: this.referenceUri }))));
     }
     static get style() { return PosAddNewThingStyle0; }
 }, [1, "pos-add-new-thing", {

package/dist/components/pos-app-browser.js

@@ -1,34 +1,36 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$v } from './icon.js';
-import { d as defineCustomElement$u } from './progress-bar.js';
-import { d as defineCustomElement$t } from './ripple-effect.js';
-import { d as defineCustomElement$s } from './skeleton-text.js';
-import { d as defineCustomElement$r } from './toast.js';
-import { d as defineCustomElement$q } from './pos-add-new-thing2.js';
-import { d as defineCustomElement$p } from './pos-app2.js';
-import { d as defineCustomElement$o } from './pos-app-dashboard2.js';
-import { d as defineCustomElement$n } from './pos-app-settings2.js';
-import { d as defineCustomElement$m } from './pos-description2.js';
-import { d as defineCustomElement$l } from './pos-dialog2.js';
-import { d as defineCustomElement$k } from './pos-error-toast2.js';
-import { d as defineCustomElement$j } from './pos-example-resources2.js';
-import { d as defineCustomElement$i } from './pos-getting-started2.js';
-import { d as defineCustomElement$h } from './pos-image2.js';
-import { d as defineCustomElement$g } from './pos-internal-router2.js';
-import { d as defineCustomElement$f } from './pos-label2.js';
-import { d as defineCustomElement$e } from './pos-login2.js';
-import { d as defineCustomElement$d } from './pos-login-form2.js';
-import { d as defineCustomElement$c } from './pos-make-findable2.js';
-import { d as defineCustomElement$b } from './pos-navigation2.js';
-import { d as defineCustomElement$a } from './pos-navigation-bar2.js';
-import { d as defineCustomElement$9 } from './pos-new-thing-form2.js';
-import { d as defineCustomElement$8 } from './pos-picture2.js';
-import { d as defineCustomElement$7 } from './pos-resource2.js';
-import { d as defineCustomElement$6 } from './pos-rich-link2.js';
-import { d as defineCustomElement$5 } from './pos-router2.js';
-import { d as defineCustomElement$4 } from './pos-select-term2.js';
-import { d as defineCustomElement$3 } from './pos-setting-offline-cache2.js';
-import { d as defineCustomElement$2 } from './pos-type-router2.js';
+import { s as store } from './session.js';
+import { d as defineCustomElement$w } from './icon.js';
+import { d as defineCustomElement$v } from './progress-bar.js';
+import { d as defineCustomElement$u } from './ripple-effect.js';
+import { d as defineCustomElement$t } from './skeleton-text.js';
+import { d as defineCustomElement$s } from './toast.js';
+import { d as defineCustomElement$r } from './pos-add-new-thing2.js';
+import { d as defineCustomElement$q } from './pos-app2.js';
+import { d as defineCustomElement$p } from './pos-app-dashboard2.js';
+import { d as defineCustomElement$o } from './pos-app-settings2.js';
+import { d as defineCustomElement$n } from './pos-description2.js';
+import { d as defineCustomElement$m } from './pos-dialog2.js';
+import { d as defineCustomElement$l } from './pos-error-toast2.js';
+import { d as defineCustomElement$k } from './pos-example-resources2.js';
+import { d as defineCustomElement$j } from './pos-getting-started2.js';
+import { d as defineCustomElement$i } from './pos-image2.js';
+import { d as defineCustomElement$h } from './pos-internal-router2.js';
+import { d as defineCustomElement$g } from './pos-label2.js';
+import { d as defineCustomElement$f } from './pos-login2.js';
+import { d as defineCustomElement$e } from './pos-login-form2.js';
+import { d as defineCustomElement$d } from './pos-make-findable2.js';
+import { d as defineCustomElement$c } from './pos-navigation2.js';
+import { d as defineCustomElement$b } from './pos-navigation-bar2.js';
+import { d as defineCustomElement$a } from './pos-new-thing-form2.js';
+import { d as defineCustomElement$9 } from './pos-picture2.js';
+import { d as defineCustomElement$8 } from './pos-resource2.js';
+import { d as defineCustomElement$7 } from './pos-rich-link2.js';
+import { d as defineCustomElement$6 } from './pos-router2.js';
+import { d as defineCustomElement$5 } from './pos-select-term2.js';
+import { d as defineCustomElement$4 } from './pos-setting-offline-cache2.js';
+import { d as defineCustomElement$3 } from './pos-type-router2.js';
+import { d as defineCustomElement$2 } from './pos-user-menu2.js';
 
 const posAppBrowserCss = "pos-router {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\npos-navigation {\n  max-width: var(--width-lg);\n  margin: 0;\n  min-width: var(--size-32);\n  flex-shrink: 1; /* Ensure navigation can shrink */\n}\n\npos-add-new-thing,\npos-login {\n  flex: 0 1 auto;\n  flex-shrink: 0; /* Ensure those items don't shrink */\n}\n\nheader,\nfooter {\n  display: flex;\n  gap: var(--size-1);\n  height: auto;\n  justify-content: center;\n  align-items: center;\n  padding: var(--size-1);\n}\n\nfooter svg {\n  width: var(--size-5);\n  height: var(--size-5);\n}\n\nfooter {\n  font-size: var(--scale-fluid-000);\n\n  .settings {\n    padding: 0 var(--size-1);\n    text-decoration: none;\n    background-color: var(--pos-background-color);\n    border: 1px solid var(--pos-secondary-border-color);\n    color: var(--pos-secondary-border-color);\n    border-radius: var(--radius-xs);\n\n    &:hover {\n      background-color: var(--pos-secondary-border-color);\n      color: var(--pos-background-color);\n    }\n  }\n}\n\nheader {\n  flex-wrap: nowrap;\n  padding: var(--size-1) var(--size-8);\n}\n\nmain {\n  flex: 1;\n  max-height: 100vh;\n  overflow: auto;\n}\n\n@media (max-width: 640px) {\n  header {\n    padding: var(--size-1);\n    justify-content: space-between;\n  }\n}\n";
 const PosAppBrowserStyle0 = posAppBrowserCss;
@@ -48,7 +50,7 @@ const PosAppBrowser$1 = /*@__PURE__*/ proxyCustomElement(class PosAppBrowser ext
         this.uri = '';
     }
     render() {
-        return (h(Host, { key: 'd2c863f8abf790352cdf9c830a1baa8d7aee95a8' }, h("pos-app", { key: '163415bea00a0a18f5e97f5cb7f3e5b9f5910f61', restorePreviousSession: this.restorePreviousSession }, h("pos-error-toast", { key: '799735b00aff86946259013132079814520ced7e' }, h("pos-router", { key: 'bdb89d03d93937399ec38b0b2c1d695feea248b9', mode: this.mode, "onPod-os:route-changed": e => (this.uri = e.detail) }, h("header", { key: 'e828af57fa2d8842c058197a826ac488cbb2a968' }, h("pos-add-new-thing", { key: '28eed0a89a4e554e88ea4fce13b2dd59c5ce0149', referenceUri: this.uri }), h("pos-navigation", { key: '16a06ae6aea6ac316cacc4ffa52442b3ada62d62', uri: this.uri === 'pod-os:dashboard' ? '' : this.uri }), h("pos-login", { key: '9577c4aa8a18af341715b6e51946dbb4481ef963' })), h("main", { key: '73dc7ba162440c5198a31f5a4b060dc2c2d1c70a' }, this.mainContent()), h("footer", { key: 'cb18c8eb3abc1ee62426db39a61e650df2906241' }, h(Logo, { key: 'e9205f06faa7153310a17470f55b97a423cf6691' }), h("span", { key: '7be0a255d0ca50d961f122fdfc9fd3bb3fdfd624' }, "PodOS Browser"), h("span", { key: '3ed17bc88faffbcfa973278c76f63a2a199ec026' }, "|"), h("a", { key: 'ab88d3e93e59b918dd21b8cd42b70522dc532730', class: "settings", href: "?uri=pod-os%3Asettings" }, "\u2699 Settings")))))));
+        return (h(Host, { key: '08b186d2f354d6c07df02707eb4ada81aef7dec3' }, h("pos-app", { key: '54c372343e916ab5d77584381b3965c925ae0cd0', restorePreviousSession: this.restorePreviousSession }, h("pos-error-toast", { key: 'ab63e18121ca16670f81da141219a782dde0694b' }, h("pos-router", { key: '69b6f3bf8ce3720c6c39cdb4be69e640e27ccc5b', mode: this.mode, "onPod-os:route-changed": e => (this.uri = e.detail) }, h("header", { key: '5cd3412caf13b6d99da517ae7e6f5877234e65d7' }, h("pos-add-new-thing", { key: '9b83b3cf03b7038303975386176df539b35ff547', referenceUri: this.uri }), h("pos-navigation", { key: '26bfed9b1c8dd1be018babc6ef40ae42808a5c42', uri: this.uri === 'pod-os:dashboard' ? '' : this.uri }), h("pos-login", { key: 'e29f18dcde866d8ac1e317fcd7b71ef584e69034' }, h("pos-user-menu", { key: 'be796f0914649eb4e8525a9d8acdfd535626303c', webId: store.state.webId, slot: "if-logged-in" }))), h("main", { key: 'f99dfb2d43e949528bc767b94801c99bf04a7eea' }, this.mainContent()), h("footer", { key: '64744d1246356fa00da9c6b561785e2b794a7907' }, h(Logo, { key: 'a648f7f88e12c79348bda33152f2759d2b93e738' }), h("span", { key: 'f22e2f9904ba517fc2e579a05018704b5ade6302' }, "PodOS Browser")))))));
     }
     mainContent() {
         if (this.uri === '') {
@@ -84,7 +86,7 @@ function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["pos-app-browser", "ion-icon", "ion-progress-bar", "ion-ripple-effect", "ion-skeleton-text", "ion-toast", "pos-add-new-thing", "pos-app", "pos-app-dashboard", "pos-app-settings", "pos-description", "pos-dialog", "pos-error-toast", "pos-example-resources", "pos-getting-started", "pos-image", "pos-internal-router", "pos-label", "pos-login", "pos-login-form", "pos-make-findable", "pos-navigation", "pos-navigation-bar", "pos-new-thing-form", "pos-picture", "pos-resource", "pos-rich-link", "pos-router", "pos-select-term", "pos-setting-offline-cache", "pos-type-router"];
+    const components = ["pos-app-browser", "ion-icon", "ion-progress-bar", "ion-ripple-effect", "ion-skeleton-text", "ion-toast", "pos-add-new-thing", "pos-app", "pos-app-dashboard", "pos-app-settings", "pos-description", "pos-dialog", "pos-error-toast", "pos-example-resources", "pos-getting-started", "pos-image", "pos-internal-router", "pos-label", "pos-login", "pos-login-form", "pos-make-findable", "pos-navigation", "pos-navigation-bar", "pos-new-thing-form", "pos-picture", "pos-resource", "pos-rich-link", "pos-router", "pos-select-term", "pos-setting-offline-cache", "pos-type-router", "pos-user-menu"];
     components.forEach(tagName => { switch (tagName) {
         case "pos-app-browser":
             if (!customElements.get(tagName)) {
@@ -93,150 +95,155 @@ function defineCustomElement$1() {
             break;
         case "ion-icon":
             if (!customElements.get(tagName)) {
-                defineCustomElement$v();
+                defineCustomElement$w();
             }
             break;
         case "ion-progress-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$u();
+                defineCustomElement$v();
             }
             break;
         case "ion-ripple-effect":
             if (!customElements.get(tagName)) {
-                defineCustomElement$t();
+                defineCustomElement$u();
             }
             break;
         case "ion-skeleton-text":
             if (!customElements.get(tagName)) {
-                defineCustomElement$s();
+                defineCustomElement$t();
             }
             break;
         case "ion-toast":
             if (!customElements.get(tagName)) {
-                defineCustomElement$r();
+                defineCustomElement$s();
             }
             break;
         case "pos-add-new-thing":
             if (!customElements.get(tagName)) {
-                defineCustomElement$q();
+                defineCustomElement$r();
             }
             break;
         case "pos-app":
             if (!customElements.get(tagName)) {
-                defineCustomElement$p();
+                defineCustomElement$q();
             }
             break;
         case "pos-app-dashboard":
             if (!customElements.get(tagName)) {
-                defineCustomElement$o();
+                defineCustomElement$p();
             }
             break;
         case "pos-app-settings":
             if (!customElements.get(tagName)) {
-                defineCustomElement$n();
+                defineCustomElement$o();
             }
             break;
         case "pos-description":
             if (!customElements.get(tagName)) {
-                defineCustomElement$m();
+                defineCustomElement$n();
             }
             break;
         case "pos-dialog":
             if (!customElements.get(tagName)) {
-                defineCustomElement$l();
+                defineCustomElement$m();
             }
             break;
         case "pos-error-toast":
             if (!customElements.get(tagName)) {
-                defineCustomElement$k();
+                defineCustomElement$l();
             }
             break;
         case "pos-example-resources":
             if (!customElements.get(tagName)) {
-                defineCustomElement$j();
+                defineCustomElement$k();
             }
             break;
         case "pos-getting-started":
             if (!customElements.get(tagName)) {
-                defineCustomElement$i();
+                defineCustomElement$j();
             }
             break;
         case "pos-image":
             if (!customElements.get(tagName)) {
-                defineCustomElement$h();
+                defineCustomElement$i();
             }
             break;
         case "pos-internal-router":
             if (!customElements.get(tagName)) {
-                defineCustomElement$g();
+                defineCustomElement$h();
             }
             break;
         case "pos-label":
             if (!customElements.get(tagName)) {
-                defineCustomElement$f();
+                defineCustomElement$g();
             }
             break;
         case "pos-login":
             if (!customElements.get(tagName)) {
-                defineCustomElement$e();
+                defineCustomElement$f();
             }
             break;
         case "pos-login-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$d();
+                defineCustomElement$e();
             }
             break;
         case "pos-make-findable":
             if (!customElements.get(tagName)) {
-                defineCustomElement$c();
+                defineCustomElement$d();
             }
             break;
         case "pos-navigation":
             if (!customElements.get(tagName)) {
-                defineCustomElement$b();
+                defineCustomElement$c();
             }
             break;
         case "pos-navigation-bar":
             if (!customElements.get(tagName)) {
-                defineCustomElement$a();
+                defineCustomElement$b();
             }
             break;
         case "pos-new-thing-form":
             if (!customElements.get(tagName)) {
-                defineCustomElement$9();
+                defineCustomElement$a();
             }
             break;
         case "pos-picture":
             if (!customElements.get(tagName)) {
-                defineCustomElement$8();
+                defineCustomElement$9();
             }
             break;
         case "pos-resource":
             if (!customElements.get(tagName)) {
-                defineCustomElement$7();
+                defineCustomElement$8();
             }
             break;
         case "pos-rich-link":
             if (!customElements.get(tagName)) {
-                defineCustomElement$6();
+                defineCustomElement$7();
             }
             break;
         case "pos-router":
             if (!customElements.get(tagName)) {
-                defineCustomElement$5();
+                defineCustomElement$6();
             }
             break;
         case "pos-select-term":
             if (!customElements.get(tagName)) {
-                defineCustomElement$4();
+                defineCustomElement$5();
             }
             break;
         case "pos-setting-offline-cache":
             if (!customElements.get(tagName)) {
-                defineCustomElement$3();
+                defineCustomElement$4();
             }
             break;
         case "pos-type-router":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "pos-user-menu":
             if (!customElements.get(tagName)) {
                 defineCustomElement$2();
             }

package/dist/components/pos-app-browser.js.map

@@ -1 +1 @@
-{"file":"pos-app-browser.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,4yCAA4yC,CAAC;AACt0C,4BAAe,gBAAgB;;MCKlBA,eAAa;IAJ1B;;;QAKU,2BAAsB,GAAY,KAAK,CAAC;;;;;;;QAQxC,SAAI,GAAyB,YAAY,CAAC;QAEzC,QAAG,GAAG,EAAE,CAAC;KA0CnB;IAxCC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,gEAAS,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,IAC1D,0EACE,mEAAY,IAAI,EAAE,IAAI,CAAC,IAAI,4BAA0B,CAAC,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,IAC7E,iEACE,0EAAmB,YAAY,EAAE,IAAI,CAAC,GAAG,GAAsB,EAC/D,uEAAgB,GAAG,EAAE,IAAI,CAAC,GAAG,KAAK,kBAAkB,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,GAAmB,EACvF,mEAAuB,CAChB,EACT,+DAAO,IAAI,CAAC,WAAW,EAAE,CAAQ,EACjC,iEACE,EAAC,IAAI,sDAAG,EACR,+EAA0B,EAC1B,mEAAc,EACd,0DAAG,KAAK,EAAC,UAAU,EAAC,IAAI,EAAC,wBAAwB,sBAE7C,CACG,CACE,CACG,CACV,CACL,EACP;KACH;IAEO,WAAW;QACjB,IAAI,IAAI,CAAC,GAAG,KAAK,EAAE,EAAE;YACnB,OAAO,IAAI,CAAC;SACb;QACD,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE;YAClC,OAAO,2BAAqB,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CAAC;SAC/C;QACD,QACE,oBAAc,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IACxC,0BAAmB,CACN,EACf;KACH;;;;;;;AAGH,MAAM,IAAI,GAAG;IACX,QACE,WAAK,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,4BAA4B,IAC3D,YACE,CAAC,EAAC,6CAA6C,EAC/C,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,0EAA0E,EAC5E,KAAK,EAAE;YACL,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,OAAO;YACjB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,gDAAgD,EAClD,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,CACE,EACN;AACJ,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppBrowser"],"sources":["src/apps/pos-app-browser/pos-app-browser.css?tag=pos-app-browser","src/apps/pos-app-browser/pos-app-browser.tsx"],"sourcesContent":["pos-router {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\npos-navigation {\n  max-width: var(--width-lg);\n  margin: 0;\n  min-width: var(--size-32);\n  flex-shrink: 1; /* Ensure navigation can shrink */\n}\n\npos-add-new-thing,\npos-login {\n  flex: 0 1 auto;\n  flex-shrink: 0; /* Ensure those items don't shrink */\n}\n\nheader,\nfooter {\n  display: flex;\n  gap: var(--size-1);\n  height: auto;\n  justify-content: center;\n  align-items: center;\n  padding: var(--size-1);\n}\n\nfooter svg {\n  width: var(--size-5);\n  height: var(--size-5);\n}\n\nfooter {\n  font-size: var(--scale-fluid-000);\n\n  .settings {\n    padding: 0 var(--size-1);\n    text-decoration: none;\n    background-color: var(--pos-background-color);\n    border: 1px solid var(--pos-secondary-border-color);\n    color: var(--pos-secondary-border-color);\n    border-radius: var(--radius-xs);\n\n    &:hover {\n      background-color: var(--pos-secondary-border-color);\n      color: var(--pos-background-color);\n    }\n  }\n}\n\nheader {\n  flex-wrap: nowrap;\n  padding: var(--size-1) var(--size-8);\n}\n\nmain {\n  flex: 1;\n  max-height: 100vh;\n  overflow: auto;\n}\n\n@media (max-width: 640px) {\n  header {\n    padding: var(--size-1);\n    justify-content: space-between;\n  }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-browser',\n  styleUrl: 'pos-app-browser.css',\n})\nexport class PosAppBrowser {\n  @Prop() restorePreviousSession: boolean = false;\n\n  /**\n   * The mode the app is running in:\n   *\n   * - standalone: use this when you deploy it as a standalone web application\n   * - pod: use this when you host this app as a default interface for you pod\n   */\n  @Prop() mode: 'standalone' | 'pod' = 'standalone';\n\n  @State() uri = '';\n\n  render() {\n    return (\n      <Host>\n        <pos-app restorePreviousSession={this.restorePreviousSession}>\n          <pos-error-toast>\n            <pos-router mode={this.mode} onPod-os:route-changed={e => (this.uri = e.detail)}>\n              <header>\n                <pos-add-new-thing referenceUri={this.uri}></pos-add-new-thing>\n                <pos-navigation uri={this.uri === 'pod-os:dashboard' ? '' : this.uri}></pos-navigation>\n                <pos-login></pos-login>\n              </header>\n              <main>{this.mainContent()}</main>\n              <footer>\n                <Logo />\n                <span>PodOS Browser</span>\n                <span>|</span>\n                <a class=\"settings\" href=\"?uri=pod-os%3Asettings\">\n                  ⚙ Settings\n                </a>\n              </footer>\n            </pos-router>\n          </pos-error-toast>\n        </pos-app>\n      </Host>\n    );\n  }\n\n  private mainContent() {\n    if (this.uri === '') {\n      return null;\n    }\n    if (this.uri.startsWith('pod-os:')) {\n      return <pos-internal-router uri={this.uri} />;\n    }\n    return (\n      <pos-resource key={this.uri} uri={this.uri}>\n        <pos-type-router />\n      </pos-resource>\n    );\n  }\n}\n\nconst Logo = () => {\n  return (\n    <svg viewBox=\"0 0 400 400\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M50 350 L50 100 L200 50 L350 100 L350 350 Z\"\n        style={{\n          'fill': '#008BF8',\n          'stroke': '#008BF8',\n          'stroke-width': '70',\n        }}\n        stroke-linejoin=\"round\"\n      />\n\n      <path\n        d=\"M100 300 L100 150 L200 120 L300 150 L300 300 L130 300 L130 370 L100 370Z\"\n        style={{\n          'fill': 'white',\n          'stroke': 'white',\n          'stroke-width': '45',\n        }}\n        stroke-linejoin=\"round\"\n      />\n\n      <path\n        d=\"M150 250 L150 200 L200 180 L250 200 L250 250 Z\"\n        style={{\n          'fill': '#DC0073',\n          'stroke': '#DC0073',\n          'stroke-width': '20',\n        }}\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  );\n};\n"],"version":3}
+{"file":"pos-app-browser.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,4yCAA4yC,CAAC;AACt0C,4BAAe,gBAAgB;;MCMlBA,eAAa;IAJ1B;;;QAKU,2BAAsB,GAAY,KAAK,CAAC;;;;;;;QAQxC,SAAI,GAAyB,YAAY,CAAC;QAEzC,QAAG,GAAG,EAAE,CAAC;KAyCnB;IAvCC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,gEAAS,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,IAC1D,0EACE,mEAAY,IAAI,EAAE,IAAI,CAAC,IAAI,4BAA0B,CAAC,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,IAC7E,iEACE,0EAAmB,YAAY,EAAE,IAAI,CAAC,GAAG,GAAsB,EAC/D,uEAAgB,GAAG,EAAE,IAAI,CAAC,GAAG,KAAK,kBAAkB,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,GAAmB,EAEvF,oEACE,sEAAe,KAAK,EAAEC,KAAO,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAC,cAAc,GAAiB,CACrE,CACL,EACT,+DAAO,IAAI,CAAC,WAAW,EAAE,CAAQ,EACjC,iEACE,EAAC,IAAI,sDAAG,EACR,+EAA0B,CACnB,CACE,CACG,CACV,CACL,EACP;KACH;IAEO,WAAW;QACjB,IAAI,IAAI,CAAC,GAAG,KAAK,EAAE,EAAE;YACnB,OAAO,IAAI,CAAC;SACb;QACD,IAAI,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,EAAE;YAClC,OAAO,2BAAqB,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CAAC;SAC/C;QACD,QACE,oBAAc,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IACxC,0BAAmB,CACN,EACf;KACH;;;;;;;AAGH,MAAM,IAAI,GAAG;IACX,QACE,WAAK,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,4BAA4B,IAC3D,YACE,CAAC,EAAC,6CAA6C,EAC/C,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,0EAA0E,EAC5E,KAAK,EAAE;YACL,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,OAAO;YACjB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,gDAAgD,EAClD,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,CACE,EACN;AACJ,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppBrowser","session"],"sources":["src/apps/pos-app-browser/pos-app-browser.css?tag=pos-app-browser","src/apps/pos-app-browser/pos-app-browser.tsx"],"sourcesContent":["pos-router {\n  margin: 0;\n  padding: 0;\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\npos-navigation {\n  max-width: var(--width-lg);\n  margin: 0;\n  min-width: var(--size-32);\n  flex-shrink: 1; /* Ensure navigation can shrink */\n}\n\npos-add-new-thing,\npos-login {\n  flex: 0 1 auto;\n  flex-shrink: 0; /* Ensure those items don't shrink */\n}\n\nheader,\nfooter {\n  display: flex;\n  gap: var(--size-1);\n  height: auto;\n  justify-content: center;\n  align-items: center;\n  padding: var(--size-1);\n}\n\nfooter svg {\n  width: var(--size-5);\n  height: var(--size-5);\n}\n\nfooter {\n  font-size: var(--scale-fluid-000);\n\n  .settings {\n    padding: 0 var(--size-1);\n    text-decoration: none;\n    background-color: var(--pos-background-color);\n    border: 1px solid var(--pos-secondary-border-color);\n    color: var(--pos-secondary-border-color);\n    border-radius: var(--radius-xs);\n\n    &:hover {\n      background-color: var(--pos-secondary-border-color);\n      color: var(--pos-background-color);\n    }\n  }\n}\n\nheader {\n  flex-wrap: nowrap;\n  padding: var(--size-1) var(--size-8);\n}\n\nmain {\n  flex: 1;\n  max-height: 100vh;\n  overflow: auto;\n}\n\n@media (max-width: 640px) {\n  header {\n    padding: var(--size-1);\n    justify-content: space-between;\n  }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\nimport session from '../../store/session';\n\n@Component({\n  tag: 'pos-app-browser',\n  styleUrl: 'pos-app-browser.css',\n})\nexport class PosAppBrowser {\n  @Prop() restorePreviousSession: boolean = false;\n\n  /**\n   * The mode the app is running in:\n   *\n   * - standalone: use this when you deploy it as a standalone web application\n   * - pod: use this when you host this app as a default interface for you pod\n   */\n  @Prop() mode: 'standalone' | 'pod' = 'standalone';\n\n  @State() uri = '';\n\n  render() {\n    return (\n      <Host>\n        <pos-app restorePreviousSession={this.restorePreviousSession}>\n          <pos-error-toast>\n            <pos-router mode={this.mode} onPod-os:route-changed={e => (this.uri = e.detail)}>\n              <header>\n                <pos-add-new-thing referenceUri={this.uri}></pos-add-new-thing>\n                <pos-navigation uri={this.uri === 'pod-os:dashboard' ? '' : this.uri}></pos-navigation>\n\n                <pos-login>\n                  <pos-user-menu webId={session.state.webId} slot=\"if-logged-in\"></pos-user-menu>\n                </pos-login>\n              </header>\n              <main>{this.mainContent()}</main>\n              <footer>\n                <Logo />\n                <span>PodOS Browser</span>\n              </footer>\n            </pos-router>\n          </pos-error-toast>\n        </pos-app>\n      </Host>\n    );\n  }\n\n  private mainContent() {\n    if (this.uri === '') {\n      return null;\n    }\n    if (this.uri.startsWith('pod-os:')) {\n      return <pos-internal-router uri={this.uri} />;\n    }\n    return (\n      <pos-resource key={this.uri} uri={this.uri}>\n        <pos-type-router />\n      </pos-resource>\n    );\n  }\n}\n\nconst Logo = () => {\n  return (\n    <svg viewBox=\"0 0 400 400\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M50 350 L50 100 L200 50 L350 100 L350 350 Z\"\n        style={{\n          'fill': '#008BF8',\n          'stroke': '#008BF8',\n          'stroke-width': '70',\n        }}\n        stroke-linejoin=\"round\"\n      />\n\n      <path\n        d=\"M100 300 L100 150 L200 120 L300 150 L300 300 L130 300 L130 370 L100 370Z\"\n        style={{\n          'fill': 'white',\n          'stroke': 'white',\n          'stroke-width': '45',\n        }}\n        stroke-linejoin=\"round\"\n      />\n\n      <path\n        d=\"M150 250 L150 200 L200 180 L250 200 L250 250 Z\"\n        style={{\n          'fill': '#DC0073',\n          'stroke': '#DC0073',\n          'stroke-width': '20',\n        }}\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  );\n};\n"],"version":3}

package/dist/components/pos-app-dashboard2.js

@@ -17,7 +17,7 @@ const PosAppDashboard = /*@__PURE__*/ proxyCustomElement(class PosAppDashboard e
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'c467fa44eac028bc1a1546423ac92a5e1e9a98d2' }, h("pos-getting-started", { key: 'f62088d7cc2c199617eecbfd771b2f22db1a7431' }), h("pos-example-resources", { key: '6285bd2160042582ee113f81e7e6e02139d67f45' })));
+        return (h(Host, { key: '18dc165b7be1c796136804a2ba7643b2a6fffc73' }, h("pos-getting-started", { key: 'e3f7a22641e4c24168a36f96463515cd1a89ca5e' }), h("pos-example-resources", { key: '1044dd873049118e165ff6d38449c85695f63a50' })));
     }
     static get style() { return PosAppDashboardStyle0; }
 }, [1, "pos-app-dashboard"]);

package/dist/components/pos-app-generic.js

@@ -27,7 +27,7 @@ const PosAppGeneric$1 = /*@__PURE__*/ proxyCustomElement(class PosAppGeneric ext
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'afbda65361df3b386348ee06a65c08b407d65708' }, h("section", { key: '78e6810a94e06e79e7f373c217de914e975d9a76' }, h("article", { key: 'daa8864317ef4354554a92d7e9de6f6bf7bbe24e', "aria-labelledby": "thing-title" }, h("header", { key: 'ca81075f3cfd0acf9915f738b691598759f554cd' }, h("pos-picture", { key: '682ea8c946bae1886a60f5985d13f3dc696d5108', blurredBackground: true }), h("h1", { key: '8e97b2c9b38c919eda5d896f2072c3ed1906daf2', id: "thing-title" }, h("pos-label", { key: '4e35e238dd6913756742f8eee0da96c7442fe12b' })), h("pos-type-badges", { key: '552b29a529807a1ea14316f620db410019b7a232' })), h("main", { key: '5ff73a76535daf5de695335adea4711f9c67355f' }, h("pos-description", { key: '3b4731fc93bd11c5221630c0547bdd1e5a78e416' })))), h("section", { key: 'e8f9950a602d197ec9bb0b28cc64ed68fd3989f4' }, h("pos-literals", { key: 'b2aae4058c620be3790cf1e4bb223667e2311247' })), h("section", { key: 'b9ad586436b66c12b562402a779289a97f3fbdd0' }, h("pos-relations", { key: '123da027d9a78aa1465d6d5bea91f671d48a8a90' }), h("pos-reverse-relations", { key: '97d3a4f3b7a276668c58aed5cee1b97683e333ce' }))));
+        return (h(Host, { key: '170a57d59474ac6fa887251c96dfe64f93308e3f' }, h("section", { key: '208917e280149067f5a0c946636853f23fc83d7b' }, h("article", { key: '62c8f8a2b37455d7ec4ffc11cbb7e46b7262a6e8', "aria-labelledby": "thing-title" }, h("header", { key: '2f85c4bffecfa3e0f55ed07d98397647cfcd4acc' }, h("pos-picture", { key: '1094acb0b8cac8c9a8acaca29abeeaa5cc00aca0', blurredBackground: true }), h("h1", { key: 'eba5144dd2cf94fdfdc7514c26d68aecc8361139', id: "thing-title" }, h("pos-label", { key: 'ac03525509d037740d1b329fbaf64c68f9ea5376' })), h("pos-type-badges", { key: '0dbdb698a8a77a5a500a440142e078860b3c0681' })), h("main", { key: 'd87bfa4cf8bfb9b0ba633dff40f7d42478265cc1' }, h("pos-description", { key: 'c5c3b64864f8bc9d8e72b1a87f92bdd2435b4e41' })))), h("section", { key: 'f013653e7eafd26e6daa53c76a95d12939d356bd' }, h("pos-literals", { key: 'd34963cc5eed8c6e6baa3963009c352043f30db5' })), h("section", { key: 'ab70a3d890665c4ecfe987f35437de1a5dc3e655' }, h("pos-relations", { key: 'f8751d31a54b240cad0f089a9aea5123dc0c0bae' }), h("pos-reverse-relations", { key: '5aff024840f92393d69f0816263751efc6cb57f3' }))));
     }
     static get style() { return PosAppGenericStyle0; }
 }, [1, "pos-app-generic"]);

package/dist/components/pos-app-ldp-container.js

@@ -28,7 +28,7 @@ const PosAppLdpContainer$1 = /*@__PURE__*/ proxyCustomElement(class PosAppLdpCon
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'd1073c803fe6786740408b1e66fd415f0e26de90' }, h("section", { key: '288eaceb2e30282f9018c6bf6759586df637cfaf' }, h("pos-container-contents", { key: '9a6522288ea9df7b902dc5169ee69157a0df5840' }), h("details", { key: 'acf9410c0aec5244a2e1d1bb207aff32f9b21786' }, h("summary", { key: '27b26d9f81a9f4e20d793b28e70476063ff94374' }, "All subjects"), h("pos-subjects", { key: 'abaee22e92eabe54ea7a4b12c66419d78da0ae6d' }))), h("section", { key: '5d74265b93009aaa9cf6df0cc6fe18f5f91ca64f' }, h("article", { key: '81e460004603c914734133b39b7b77af50a439eb' }, h("header", { key: '16fa3a62c8c5cf4e0d07d57e007341679e33c195' }, h("h1", { key: 'a98c66bddb8294caa635d6c75cc7d6d28fac8b88' }, h("pos-label", { key: '9f3f29c4a49529dba5c34fb3c2e08a58c6621c7b' })), h("pos-type-badges", { key: '08866ce24fd093422a9ee6ec52ef9aa9197735e8' })), h("pos-literals", { key: '8e7dfe19b317a49a167e607e2e658b7c66e9b289' })))));
+        return (h(Host, { key: '76b7a2ab73232cbea2a7352527fd4fc35a75c66b' }, h("section", { key: '28d455d6e4b640de624a2c684133a6d4c7de2100' }, h("pos-container-contents", { key: '8e518a1122461108b3d33d66664f67feb55527c4' }), h("details", { key: '6be9b8cf613a54213e8281c0a4bf4e8235c1b4b1' }, h("summary", { key: '541ff3bbe8ec736361ea59fef319141a743c93ee' }, "All subjects"), h("pos-subjects", { key: '4e1927ea2365c354c7d1abf2eca50d892e1ac2bc' }))), h("section", { key: 'c9156ae4584e7f5803a7427b97844c3bbeae86bf' }, h("article", { key: 'c3fdc4cf0d4dd6624c63c2c6f4cf1c852a2468fc' }, h("header", { key: '4103d4a971e51942afeff1a26aca17454a962f31' }, h("h1", { key: 'eb000f4bac564b0255e28c44c112180a4558e323' }, h("pos-label", { key: '700a53e05c33d9c5a923dd5f73ecfb4ee969bc9d' })), h("pos-type-badges", { key: '15c37fc60de0e9ff1d36280da42bf0cc42c0c27c' })), h("pos-literals", { key: '4bf833339c2bedd888248e3893633496d2f61bd0' })))));
     }
     static get style() { return PosAppLdpContainerStyle0 + PosAppLdpContainerStyle1; }
 }, [1, "pos-app-ldp-container"]);

package/dist/components/pos-app-rdf-document.js

@@ -26,7 +26,7 @@ const PosAppRdfDocument$1 = /*@__PURE__*/ proxyCustomElement(class PosAppRdfDocu
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: '065921cc8beaab90ca56ff993a5d77673af22e18' }, h("section", { key: '9beb103877957c15a494d1604e2ae844172ddc03' }, h("pos-subjects", { key: '5e65e4c5f343e4f0a9ae124dfee4424894e181ff' })), h("section", { key: 'e8beb80dea5f126bcec14a2a3bec7b07aa7c0c15' }, h("article", { key: '38b1603b9bd834b219b4a3ab506c74a12f8d0569', "aria-labelledby": "doc-title" }, h("header", { key: 'c9818e9bd0795205821dab36057469d32e255c15' }, h("h1", { key: '2d676a39fb302e22a07c831e738d96587cfcc3a0', id: "doc-title" }, h("pos-label", { key: 'f5344016de55d828fb9a17c1e0fe43a699593244' })), h("pos-type-badges", { key: 'c273ec23e82f59a89fab79eeff367a23992796a3' })), h("pos-literals", { key: 'ffc386e8934568cf677e105f05d2a1e55d374463' })))));
+        return (h(Host, { key: '9dd4b79cd54b3d2d61eea562b41a397cc1841279' }, h("section", { key: 'ec97b4983b9c45a5420b8e15b1b5d13a2b78f505' }, h("pos-subjects", { key: '7ca852dee46a4f1bb64cebccb397e2df7045be82' })), h("section", { key: '9aaf18c750b9847234ebb6d92c3c4ab605ff306e' }, h("article", { key: 'd794f6f83cfa49a37a759f0b8fa16b28038ec10b', "aria-labelledby": "doc-title" }, h("header", { key: 'bebbe27160a15351a1eabaa8c1ebb449beaa1005' }, h("h1", { key: 'cf5ba1875f2e22f162d2878789106738aac3d97c', id: "doc-title" }, h("pos-label", { key: 'fcb1a84e354ab5e2842077a6417c5b77ac9d87ed' })), h("pos-type-badges", { key: '370688f50c2906e069686d35a177c88b68de0a98' })), h("pos-literals", { key: '56bc40269a0269301603f3e9f101ad52738fca6a' })))));
     }
     static get style() { return PosAppRdfDocumentStyle0 + PosAppRdfDocumentStyle1; }
 }, [1, "pos-app-rdf-document"]);

package/dist/components/pos-app-settings2.js

@@ -11,7 +11,7 @@ const PosAppSettings = /*@__PURE__*/ proxyCustomElement(class PosAppSettings ext
         this.__attachShadow();
     }
     render() {
-        return h("pos-setting-offline-cache", { key: '0da588136a4c7c4238e0387bfe0649464ccd1c7d' });
+        return h("pos-setting-offline-cache", { key: 'f065206f6291089773a19045243f04b6ce35eeb9' });
     }
     static get style() { return PosAppSettingsStyle0; }
 }, [1, "pos-app-settings"]);

package/dist/components/pos-app2.js

@@ -610,7 +610,7 @@ const PosApp = /*@__PURE__*/ proxyCustomElement(class PosApp extends HTMLElement
         }
     }
     render() {
-        return h("slot", { key: '402887f3383b6053da157df211c28977720db8e2' });
+        return h("slot", { key: '988c393af75e8bd0f4ff2b4c04fe33b1ed686fa7' });
     }
 }, [4, "pos-app", {
         "restorePreviousSession": [4, "restore-previous-session"],

package/dist/components/pos-dialog2.js

@@ -9,14 +9,14 @@ const PosDialog = /*@__PURE__*/ proxyCustomElement(class PosDialog extends HTMLE
         super();
         this.__registerHost();
     }
-    showModal() {
+    async showModal() {
         this.dialog.showModal();
     }
-    close() {
+    async close() {
         this.dialog.close();
     }
     render() {
-        return (h(Host, { key: '52b46535cab915321a93f84fa8b2f662d2e8e4ea' }, h("dialog", { key: 'e6c57b54805f48084c0a0ef2fa32fda9938f4c17', ref: el => (this.dialog = el) }, h("header", { key: 'aee8b90512a18b8e87084009433e963d1a9b3fd1' }, h("slot", { key: '3aa5a212f5774316ffaf0b9a1a04607690a2bcac', name: "title" }), h("button", { key: 'f3da0669f952023cfcc792b2b801670c94e49400', tabindex: -1, id: "close", title: "Close", onClick: () => this.close() }, h("ion-icon", { key: '90b5835a6f79c587c651d1d5e599fa9079a1d1e9', name: "close-outline" }))), h("slot", { key: '9fa7fa1e7f6077aca2a6eb40d806b1d7b9237eef', name: "content" }))));
+        return (h(Host, { key: '168dc7d1cf3feabd5f9b2b3f9add6b04467b36ef' }, h("dialog", { key: '8bbfb245d9ff066d111c116c1715be25b0907403', ref: el => (this.dialog = el) }, h("header", { key: '94e28eb2b8147cb6b2aedda0d8e6a5158117788e' }, h("slot", { key: 'a40c2d397b9f54056d4fd8089fdfcc1e446b6d61', name: "title" }), h("button", { key: 'f0f64f5aaafc331f9e3d0fb6201c453600157db1', tabindex: -1, id: "close", title: "Close", onClick: () => this.close() }, h("ion-icon", { key: 'd94a0cf3d19d7caa3717690004101e3ff4748760', name: "close-outline" }))), h("slot", { key: '3181fafe55869add4a587bf4726226055e98588d', name: "content" }))));
     }
     static get style() { return PosDialogStyle0; }
 }, [4, "pos-dialog", {

package/dist/components/pos-dialog2.js.map

@@ -1 +1 @@
-{"file":"pos-dialog2.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,ipCAAipC,CAAC;AACvqC,wBAAe,YAAY;;MCSd,SAAS;;;;;IAIpB,SAAS;QACP,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;KACzB;IAGD,KAAK;QACH,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;KACrB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,+DAAQ,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC,IACnC,iEACE,6DAAM,IAAI,EAAC,OAAO,GAAG,EACrB,+DAAQ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,IACxE,iEAAU,IAAI,EAAC,eAAe,GAAY,CACnC,CACF,EACT,6DAAM,IAAI,EAAC,SAAS,GAAG,CAChB,CACJ,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-dialog/pos-dialog.css?tag=pos-dialog","src/components/pos-dialog/pos-dialog.tsx"],"sourcesContent":["dialog {\n  background-color: var(--pos-background-color);\n  color: var(--pos-normal-text-color);\n  border: none;\n  border-radius: var(--radius-md);\n  box-shadow: var(--shadow-md);\n  max-width: var(--width-xs);\n  animation: slideIn 0.2s ease-out;\n}\n\ndialog::backdrop {\n  background: rgba(0, 0, 0, 0.5);\n  backdrop-filter: var(--blur-sm);\n  animation: fadeIn 0.2s ease-out;\n}\n\n@media (prefers-color-scheme: dark) {\n  dialog::backdrop {\n    background: rgb(100, 100, 100, 0.5);\n  }\n}\n\ndialog header > :first-child {\n  /* This is the title slot*/\n  flex-grow: 1;\n  font-weight: var(--weight-light);\n  font-size: var(--scale-2);\n  font-family: var(--font-sans);\n  margin: 0;\n}\n\ndialog header {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--scale-0);\n  border-bottom-style: inset;\n  padding: 0 0 var(--scale-0) 0;\n}\n\ndialog > :last-child {\n  /* This is the content slot*/\n  display: block;\n  margin-top: var(--scale-3);\n}\n\nbutton#close {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: none;\n  font-size: var(--scale-3);\n  color: var(--color-grey-500);\n}\n\nbutton#close:hover {\n  color: var(--pos-secondary-border-color);\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes slideIn {\n  from {\n    opacity: 0;\n    transform: translateY(-20px) scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n","import { Component, Host, h, Method } from '@stencil/core';\n\n/**\n * Styled wrapper around native dialog element, with slots `title` and `content`\n */\n@Component({\n  tag: 'pos-dialog',\n  styleUrl: 'pos-dialog.css',\n  shadow: false, // shadow dom prevents the html dialog from working normally (autofocus, close on submit)\n})\nexport class PosDialog {\n  private dialog: HTMLDialogElement;\n\n  @Method()\n  showModal() {\n    this.dialog.showModal();\n  }\n\n  @Method()\n  close() {\n    this.dialog.close();\n  }\n\n  render() {\n    return (\n      <Host>\n        <dialog ref={el => (this.dialog = el)}>\n          <header>\n            <slot name=\"title\" />\n            <button tabindex={-1} id=\"close\" title=\"Close\" onClick={() => this.close()}>\n              <ion-icon name=\"close-outline\"></ion-icon>\n            </button>\n          </header>\n          <slot name=\"content\" />\n        </dialog>\n      </Host>\n    );\n  }\n}\n"],"version":3}
+{"file":"pos-dialog2.js","mappings":";;;AAAA,MAAM,YAAY,GAAG,ipCAAipC,CAAC;AACvqC,wBAAe,YAAY;;MCSd,SAAS;;;;;IAIpB,MAAM,SAAS;QACb,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;KACzB;IAGD,MAAM,KAAK;QACT,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;KACrB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,+DAAQ,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,MAAM,GAAG,EAAuB,CAAC,IACxD,iEACE,6DAAM,IAAI,EAAC,OAAO,GAAG,EACrB,+DAAQ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,EAAC,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,KAAK,EAAE,IACxE,iEAAU,IAAI,EAAC,eAAe,GAAY,CACnC,CACF,EACT,6DAAM,IAAI,EAAC,SAAS,GAAG,CAChB,CACJ,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-dialog/pos-dialog.css?tag=pos-dialog","src/components/pos-dialog/pos-dialog.tsx"],"sourcesContent":["dialog {\n  background-color: var(--pos-background-color);\n  color: var(--pos-normal-text-color);\n  border: none;\n  border-radius: var(--radius-md);\n  box-shadow: var(--shadow-md);\n  max-width: var(--width-xs);\n  animation: slideIn 0.2s ease-out;\n}\n\ndialog::backdrop {\n  background: rgba(0, 0, 0, 0.5);\n  backdrop-filter: var(--blur-sm);\n  animation: fadeIn 0.2s ease-out;\n}\n\n@media (prefers-color-scheme: dark) {\n  dialog::backdrop {\n    background: rgb(100, 100, 100, 0.5);\n  }\n}\n\ndialog header > :first-child {\n  /* This is the title slot*/\n  flex-grow: 1;\n  font-weight: var(--weight-light);\n  font-size: var(--scale-2);\n  font-family: var(--font-sans);\n  margin: 0;\n}\n\ndialog header {\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: var(--scale-0);\n  border-bottom-style: inset;\n  padding: 0 0 var(--scale-0) 0;\n}\n\ndialog > :last-child {\n  /* This is the content slot*/\n  display: block;\n  margin-top: var(--scale-3);\n}\n\nbutton#close {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  background: none;\n  font-size: var(--scale-3);\n  color: var(--color-grey-500);\n}\n\nbutton#close:hover {\n  color: var(--pos-secondary-border-color);\n}\n\n@keyframes fadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n\n@keyframes slideIn {\n  from {\n    opacity: 0;\n    transform: translateY(-20px) scale(0.95);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n  }\n}\n","import { Component, Host, h, Method } from '@stencil/core';\n\n/**\n * Styled wrapper around native dialog element, with slots `title` and `content`\n */\n@Component({\n  tag: 'pos-dialog',\n  styleUrl: 'pos-dialog.css',\n  shadow: false, // shadow dom prevents the html dialog from working normally (autofocus, close on submit)\n})\nexport class PosDialog {\n  private dialog: HTMLDialogElement;\n\n  @Method()\n  async showModal() {\n    this.dialog.showModal();\n  }\n\n  @Method()\n  async close() {\n    this.dialog.close();\n  }\n\n  render() {\n    return (\n      <Host>\n        <dialog ref={el => (this.dialog = el as HTMLDialogElement)}>\n          <header>\n            <slot name=\"title\" />\n            <button tabindex={-1} id=\"close\" title=\"Close\" onClick={() => this.close()}>\n              <ion-icon name=\"close-outline\"></ion-icon>\n            </button>\n          </header>\n          <slot name=\"content\" />\n        </dialog>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/pos-error-toast2.js

@@ -37,7 +37,7 @@ const PosErrorToast = /*@__PURE__*/ proxyCustomElement(class PosErrorToast exten
         await toast.present();
     }
     render() {
-        return (h(Host, { key: '0dce513e04101d3b9011c635f5aab8897a246385' }, h("ion-toast", { key: '956224c61589fca317f8143055344c857aa894cf', trigger: "never", message: "Workarround to preload ion-toast and ion-ripple-effect to be able to show errors while offline", duration: 0 }, h("ion-ripple-effect", { key: 'e96e65e2f06b61970e241639e7c429a90404517e' })), h("slot", { key: '8869125c64fb97f9736e30df0a748c9ce6aec1da' })));
+        return (h(Host, { key: 'c1ee5f8a19177c79a3fe377fa27e4a32ffa9db9f' }, h("ion-toast", { key: '8759a3436a5caa16a11a2900a5f67d0dd205d097', trigger: "never", message: "Workarround to preload ion-toast and ion-ripple-effect to be able to show errors while offline", duration: 0 }, h("ion-ripple-effect", { key: '990aa24f2a18750ec5307498acda539b784c86c4' })), h("slot", { key: 'bea0650cc211dc2a161e7c634825adc045647d84' })));
     }
 }, [1, "pos-error-toast", undefined, [[8, "unhandledrejection", "unhandledRejection"], [0, "pod-os:error", "catchError"]]]);
 function defineCustomElement() {

package/dist/components/pos-example-resources2.js

@@ -15,7 +15,7 @@ const PosExampleResources = /*@__PURE__*/ proxyCustomElement(class PosExampleRes
         this.__attachShadow();
     }
     render() {
-        return (h(Host, { key: 'b6a491caa9ea624cdba3cca92fcc9444a3c38290' }, h("div", { key: '458ceb259d7070d38eb13aea9f3b303f174a5c56' }, h("h2", { key: '1d571afb47c256f2ac873840c6fe8bc8408cc9a6' }, "Try these... \uD83D\uDCA1"), h("p", { key: '7de1dac7a92becb01ec7aab4cf96c45fa95f7de6' }, "No idea where to start? Try these example resources, and follow your nose \uD83D\uDC43"), h("div", { key: 'b94cc5571f5b7af0bcc660fc8812ca08ca2db482', class: "links" }, h("pos-rich-link", { key: 'e2c414d51b79e27667a42d04fa66e879a2ecf2a2', uri: "https://pod-os.solidcommunity.net/profile/card#me" }), h("pos-rich-link", { key: 'e54479349363d67d027612bbcdb2167f9ab6ec03', uri: "https://angelo.veltens.org/profile/card#me" }), h("pos-rich-link", { key: '1c743eafd11d46f6bdd31face3bf1083abd1e045', uri: "https://angelo.veltens.org/public/bookmarks" }), h("pos-rich-link", { key: '3e47cd67a0ab44a1921ec4f0e5e9f24404826494', uri: "https://solidos.solidcommunity.net/profile/card#me" })))));
+        return (h(Host, { key: '42e8ecc30fa26eb7750efff9a65048bb42b4c71d' }, h("div", { key: '1df80385f1f6c44f7fe4255ecb93f6183df61727' }, h("h2", { key: '9b249d38f00d1b00863226799bdcd13e4f78a4a9' }, "Try these... \uD83D\uDCA1"), h("p", { key: 'c33157b085b1ad3397e38bf5f4b1c601b0e40b6a' }, "No idea where to start? Try these example resources, and follow your nose \uD83D\uDC43"), h("div", { key: 'f0f35cc2ec1f7fbf8a306e718e1f2aaffcbe84e0', class: "links" }, h("pos-rich-link", { key: '999b7dc0aa587b1964838820f17a02257b051c0e', uri: "https://pod-os.solidcommunity.net/profile/card#me" }), h("pos-rich-link", { key: '67ca02160d0bdaa73bcfb188fcf40b058a584bf8', uri: "https://angelo.veltens.org/profile/card#me" }), h("pos-rich-link", { key: '800829fb68c96b0caa0ad2372b02e08b7842b704', uri: "https://angelo.veltens.org/public/bookmarks" }), h("pos-rich-link", { key: '680e29b8bf0437d6adba15052339b91ffd41b9a4', uri: "https://solidos.solidcommunity.net/profile/card#me" })))));
     }
     static get style() { return PosExampleResourcesStyle0; }
 }, [1, "pos-example-resources"]);

package/dist/components/pos-getting-started2.js

@@ -11,7 +11,7 @@ const PosGettingStarted = /*@__PURE__*/ proxyCustomElement(class PosGettingStart
         this.login = createEvent(this, "pod-os:login", 7);
     }
     render() {
-        return (h(Host, { key: '963476081378811bc5623921ca7f4dc5ac18b9f7' }, h("div", { key: 'df6a7a5bab3c026d1960c03a4d008f8bff0b1c9d' }, h("h2", { key: '9e7a1e2c081f87275641fe99afb72c1f8ef65115' }, "Getting started \uD83D\uDE80"), h("p", { key: 'dac8ca58a733d66ab80fa79ef59d62a254b3b83f' }, "\uD83D\uDD0E Enter a URL into the above navigation bar to browse through the web of data. "), h("p", { key: 'c90fbc4f7c09893f6ded65befe4c77f673df6db2' }, "\uD83D\uDD10", ' ', h("button", { key: '2688b10503c6d518a7a48601f35e1f20741d71c7', class: "login", onClick: () => this.login.emit() }, "Sign in"), ' ', "to access private resources on your Solid Pod or those of your friends or coworkers.")), h("div", { key: '5990c65adc978df16ec7b73c3be2b6b4b3a48ce3' }, h("p", { key: '8fd4cb0941da30c3b438338a557a6d4fb9d7ff33', class: "question" }, "New to Solid?"), h("p", { key: 'd6b06063acaac1d55dc0aea86c3d80f4e7c8ca6f' }, h("a", { key: 'b0a49b4e170c89f736cf9bd2dd567cfafbcec31c', href: "https://solidproject.org/for-developers#hosted-pod-services" }, "Get a Pod \u2192"))), h("div", { key: '7c88ea4bb3982346343cf10e6196d2d07057a24e' }, h("p", { key: '22cfb601fada05ca7b5f274f0b6a81d360344764', class: "question" }, "Want to dig deeper into PodOS?"), h("p", { key: 'fb03d0f84714feb53b1b053390a5e7b9686e610e' }, h("a", { key: '1681d6d1c860589ca1624abc3c05121ccde3f951', href: "http://pod-os.org" }, "Learn more \u2192")))));
+        return (h(Host, { key: '23a14b5ee10d585cc8cf3166ce041072b68cabb2' }, h("div", { key: '964e46223d77516aaed40c7c55371716cfccf40a' }, h("h2", { key: '5eaf56d6b0751d8511632d05570a05d5deba88c0' }, "Getting started \uD83D\uDE80"), h("p", { key: 'f41d858112a0337bcf2be9a39986cacac6921210' }, "\uD83D\uDD0E Enter a URL into the above navigation bar to browse through the web of data. "), h("p", { key: '8d40de32d86b871343687b402122b0dcc843daf9' }, "\uD83D\uDD10", ' ', h("button", { key: '225091e03c1cf175362dc9530cf1eb5238e50d65', class: "login", onClick: () => this.login.emit() }, "Sign in"), ' ', "to access private resources on your Solid Pod or those of your friends or coworkers.")), h("div", { key: '92924f3a67ac70cd333932f0658f9f73dd7474c9' }, h("p", { key: '365d7c78aee4bb9396ac7d55c42c9e26b47fe87a', class: "question" }, "New to Solid?"), h("p", { key: '42190c0f401faff3cf43fe8f3c69f4afc380f819' }, h("a", { key: 'd7de0d55a657c8a54a389efc50aa89bc4d48c5e6', href: "https://solidproject.org/for-developers#hosted-pod-services" }, "Get a Pod \u2192"))), h("div", { key: '8ad728231a1f2af613a462982af6bf129956ab1c' }, h("p", { key: 'c960fa49ff9789fe881cadc4f37d315c7727115a', class: "question" }, "Want to dig deeper into PodOS?"), h("p", { key: '7991e91dbfdfc0447a2e08850e3634086f3f12ee' }, h("a", { key: 'a35d336eb2ca5947e66abb9e37526ee035c0a700', href: "http://pod-os.org" }, "Learn more \u2192")))));
     }
     static get style() { return PosGettingStartedStyle0; }
 }, [1, "pos-getting-started"]);

package/dist/components/pos-literals2.js

@@ -40,7 +40,7 @@ const PosLiterals = /*@__PURE__*/ proxyCustomElement(class PosLiterals extends H
         }
     }
     render() {
-        return (h(Host, { key: '571f571381d9a9c4bcf0188a782c46485266a3d8' }, this.data.length > 0 ? (h("dl", null, this.data.map(it => (h("div", { class: "predicate-values" }, h("dt", null, h("pos-predicate", { uri: it.predicate, label: it.label })), h("div", { class: "values" }, it.values.map(value => (h("dd", null, value))))))))) : null, h("pos-add-literal-value", { key: 'e1b58aba48a56e60ec8bb1087f054972bb2c437c', "onPod-os:added-literal-value": event => this.literalValueAdded(event.detail) })));
+        return (h(Host, { key: '26dd446e53e4157e6b635b5d711abf9ddf50b821' }, this.data.length > 0 ? (h("dl", null, this.data.map(it => (h("div", { class: "predicate-values" }, h("dt", null, h("pos-predicate", { uri: it.predicate, label: it.label })), h("div", { class: "values" }, it.values.map(value => (h("dd", null, value))))))))) : null, h("pos-add-literal-value", { key: '756003351bba9399d1a53242c0153b18fc0b4b19', "onPod-os:added-literal-value": event => this.literalValueAdded(event.detail) })));
     }
     static get style() { return PosLiteralsStyle0; }
 }, [1, "pos-literals", {

package/dist/components/pos-login-form2.js

@@ -16,7 +16,7 @@ const PosLoginForm = /*@__PURE__*/ proxyCustomElement(class PosLoginForm extends
         this.canSubmit = Boolean(this.idpUrl);
     }
     render() {
-        return (h("form", { key: '6c54aa03972bf5af3779c1e3f874b99574232821', method: "dialog", onSubmit: () => this.handleSubmit() }, h("label", { key: 'a5def7569abeb0a2591886d48fa0deb2c7f6039c', htmlFor: "idpUrl" }, "Please enter your Identity Provider"), h("input", { key: '1da8575dccea9a777f00cb8a7f96435654a582bc', id: "idpUrl", type: "url", value: this.idpUrl, required: true, onInput: e => this.handleChange(e), list: "suggestedIssuers", placeholder: "Type to search..." }), h("datalist", { key: '1818988df2f8a825194eb3503979d6c6adac3619', id: "suggestedIssuers" }, h("option", { key: '25e1b3fd84610e0664c25c3ca9cd535bf7558357', value: "https://solidcommunity.net" }, "solidcommunity.net"), h("option", { key: '5635e434dc4bf406a3664cf5cb28489b5b9218fc', value: "https://solidweb.org" }, "solidweb.org"), h("option", { key: 'd4d301023b40f84b5f445d14290ef3bc589cff56', value: "https://solidweb.me" }, "solidweb.me"), h("option", { key: '39f968af206347c83e4271724e9090543fcec43e', value: "https://inrupt.net" }, "inrupt.net"), h("option", { key: '381767d06a60e16b9323cb15b4298db2eac71d82', value: "https://login.inrupt.com" }, "Inrupt PodSpaces"), h("option", { key: 'd4461d0bb2bfba0ec97f276951b6534dee1ffd51', value: "https://trinpod.us" }, "trinpod.us"), h("option", { key: '80aa0ef7de3ec8dd53d06402c116a6c97747a24f', value: "https://use.id" }, "use.id"), h("option", { key: '794bee3c5a2b29738f25bb67bfb918754fe016ef', value: "https://solid.redpencil.io" }, "redpencil.io"), h("option", { key: '88e27225e7252c90bfb24f21a72bd70c9e3408f4', value: "https://datapod.grant.io" }, "Data Pod (grant.io)"), h("option", { key: '033b75773e898b4fed2507c5064686fb0ad56e03', value: "https://teamid.live" }, "teamid.live")), h("input", { key: 'c8dc41c5d6a892e623d42f5b1839af2728929abd', id: "login", type: "submit", value: "Login", disabled: !this.canSubmit })));
+        return (h("form", { key: '30eab981894b50a2681e10a68606c87e0d07a235', method: "dialog", onSubmit: () => this.handleSubmit() }, h("label", { key: '97ceb026754eba3f7b2d14b2dc47f842d601f8c0', htmlFor: "idpUrl" }, "Please enter your Identity Provider"), h("input", { key: '2c5c709ab36bbf017291e37991e3da93c150ad8a', id: "idpUrl", type: "url", value: this.idpUrl, required: true, onInput: e => this.handleChange(e), list: "suggestedIssuers", placeholder: "Type to search..." }), h("datalist", { key: '0baa3fada6f2dbb7c11cadaa52430628710fcc20', id: "suggestedIssuers" }, h("option", { key: 'b69926e6ad5e0c2d71a18ae95ef68e8ec1c1ffaa', value: "https://solidcommunity.net" }, "solidcommunity.net"), h("option", { key: '551d5bb9df7fe416e10a64f072020e1c4fdcb407', value: "https://solidweb.org" }, "solidweb.org"), h("option", { key: '5461e8bbe8c8e1a33d4cae2bb8c82e51bd78fde2', value: "https://solidweb.me" }, "solidweb.me"), h("option", { key: '8a46f5b818ca408db889abd68f6087a56db3788d', value: "https://inrupt.net" }, "inrupt.net"), h("option", { key: '533935f58b3230a223bd0f8e38a4800d6e357017', value: "https://login.inrupt.com" }, "Inrupt PodSpaces"), h("option", { key: '2e47e0832aaa3786283d4ca667efe4af246e8b0c', value: "https://trinpod.us" }, "trinpod.us"), h("option", { key: '259af90ed0e39da4ea3148643dde06125ee8e349', value: "https://use.id" }, "use.id"), h("option", { key: '2259f1ca0e0fa91ffbaa8aeddc7336bb94eed05b', value: "https://solid.redpencil.io" }, "redpencil.io"), h("option", { key: '29244565c8f61e38d7bc15039a6ec990ca8765c0', value: "https://datapod.grant.io" }, "Data Pod (grant.io)"), h("option", { key: '6be3b3c1171669fe3a9405d68623208dafc41439', value: "https://teamid.live" }, "teamid.live")), h("input", { key: '4b967c6bb05a87a007eebf4ef3495d6b342da784', id: "login", type: "submit", value: "Login", disabled: !this.canSubmit })));
     }
     handleChange(event) {
         this.validate();

package/dist/components/pos-login2.js

@@ -19,11 +19,13 @@ const PosLogin = /*@__PURE__*/ proxyCustomElement(class PosLogin extends HTMLEle
         this.__registerHost();
         this.__attachShadow();
         this.initializeOsEmitter = createEvent(this, "pod-os:init", 7);
+        this.customLoggedInComponent = false;
         this.setOs = async (os) => {
             this.os = os;
         };
     }
     componentWillLoad() {
+        this.customLoggedInComponent = !!this.host.querySelector('[slot="if-logged-in"]');
         this.initializeOsEmitter.emit(this.setOs);
     }
     login(event) {
@@ -40,12 +42,23 @@ const PosLogin = /*@__PURE__*/ proxyCustomElement(class PosLogin extends HTMLEle
         this.dialog.showModal();
     }
     render() {
-        return (h(Host, { key: '3a9b64d2fde82e4067095067d852f3a793c9c6a2' }, h("div", { key: '36ce0bb0f9d85b90f5faf9dc47c64c8d0dcf88e9', class: "container" }, store.state.isLoggedIn ? (h("pos-resource", { uri: store.state.webId }, h("span", { class: "user-data" }, h("pos-picture", null), h("pos-label", null)))) : (''), !store.state.isLoggedIn && (h("button", { key: '228a4dd94d2497acc6f3ecd13f70e2ff40daf8dc', id: "login", onClick: () => this.openDialog() }, "Login")), store.state.isLoggedIn && (h("button", { key: '2212c8e0c939656179a66c2b3ff74227dab42476', id: "logout", onClick: () => this.logout() }, "Logout"))), h("pos-dialog", { key: '2cd9a1060b1494606848d3dcaea21cad2ede8103', ref: el => (this.dialog = el) }, h("span", { key: '4852dc345b9271c6aca71d4615627d76985d548d', slot: "title" }, "Sign in to your Pod"), h("pos-login-form", { key: 'f6919d6a8863d3c8535ba786a5334741550bc8a5', "onPod-os:idp-url-selected": ev => this.login(ev), slot: "content" }))));
+        return (h(Host, { key: 'dded3af9b4a95f30b9eda0414ff90ef77503f730' }, h("div", { key: 'd97326a13eb116bf47e7bd2c0887cfca59b792ad', class: "container" }, !store.state.isLoggedIn ? (h("button", { id: "login", onClick: () => this.openDialog() }, "Login")) : (this.loggedInComponents())), h("pos-dialog", { key: 'fd361fd4961fb96d74e402c4f41288a191c56bd5', ref: el => (this.dialog = el) }, h("span", { key: '2254d45b88f06dab5b3c5ce593c01fb3b35bd935', slot: "title" }, "Sign in to your Pod"), h("pos-login-form", { key: '70a0080686c1f8064887b918273451c65c9a7813', "onPod-os:idp-url-selected": ev => this.login(ev), slot: "content" }))));
     }
+    loggedInComponents() {
+        return this.customLoggedInComponent ? h("slot", { name: "if-logged-in" }) : this.defaultLoggedInComponents();
+    }
+    defaultLoggedInComponents() {
+        return [
+            h("pos-resource", { uri: store.state.webId }, h("span", { class: "user-data" }, h("pos-picture", null), h("pos-label", null))),
+            h("button", { id: "logout", onClick: () => this.logout() }, "Logout"),
+        ];
+    }
+    get host() { return this; }
     static get style() { return PosLoginStyle0; }
 }, [1, "pos-login", {
-        "os": [32]
-    }, [[4, "pod-os:login", "onLogin"]]]);
+        "os": [32],
+        "customLoggedInComponent": [32]
+    }, [[4, "pod-os:logout", "logout"], [4, "pod-os:login", "onLogin"]]]);
 function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;