npm - @pod-os/elements - Versions diffs - 0.21.1-5f6551f.0 → 0.21.1-888a4e9.0 - Mend

@pod-os/elements 0.21.1-5f6551f.0 → 0.21.1-888a4e9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (619) hide show

package/dist/collection/apps/pos-app-document-viewer/pos-app-document-viewer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-app-document-viewer.js","sourceRoot":"","sources":["../../../../src/apps/pos-app-document-viewer/pos-app-document-viewer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAiB,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAMzF,MAAM,OAAO,oBAAoB~~;;QAS/B~~,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC,CAAC~~;;;IANF~~,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL;YACE;gBACE,eAAS,IAAI,EAAC,IAAI;oBAChB,oBAAc,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAChC;gBACV,eAAS,IAAI,EAAC,IAAI;oBAChB;wBACE;4BACE;gCACE,oBAAa,CACE;4BACjB,0BAAmB;4BACnB,uBAAgB,CACA,CACT,CACH,CACF,CACD,CACZ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n tag: 'pos-app-document-viewer',\n shadow: true,\n})\nexport class PosAppDocumentViewer implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) {\n return null;\n }\n\n return (\n <ion-grid>\n <ion-row>\n <ion-col size=\"12\" size-sm>\n <pos-document src={this.resource.uri} />\n </ion-col>\n <ion-col size=\"12\" size-sm>\n <ion-card>\n <ion-card-header>\n <ion-card-title>\n <pos-label />\n </ion-card-title>\n <pos-type-badges />\n <pos-literals />\n </ion-card-header>\n </ion-card>\n </ion-col>\n </ion-row>\n </ion-grid>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pos-app-document-viewer.js","sourceRoot":"","sources":["../../../../src/apps/pos-app-document-viewer/pos-app-document-viewer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAiB,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAMzF,MAAM,OAAO,oBAAoB;IAJjC;QAaE,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC,CAAC;KA4BH;IAlCC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL;YACE;gBACE,eAAS,IAAI,EAAC,IAAI;oBAChB,oBAAc,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAChC;gBACV,eAAS,IAAI,EAAC,IAAI;oBAChB;wBACE;4BACE;gCACE,oBAAa,CACE;4BACjB,0BAAmB;4BACnB,uBAAgB,CACA,CACT,CACH,CACF,CACD,CACZ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n tag: 'pos-app-document-viewer',\n shadow: true,\n})\nexport class PosAppDocumentViewer implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) {\n return null;\n }\n\n return (\n <ion-grid>\n <ion-row>\n <ion-col size=\"12\" size-sm>\n <pos-document src={this.resource.uri} />\n </ion-col>\n <ion-col size=\"12\" size-sm>\n <ion-card>\n <ion-card-header>\n <ion-card-title>\n <pos-label />\n </ion-card-title>\n <pos-type-badges />\n <pos-literals />\n </ion-card-header>\n </ion-card>\n </ion-col>\n </ion-row>\n </ion-grid>\n );\n }\n}\n"]}

package/dist/collection/apps/pos-app-generic/pos-app-generic.css ADDED Viewed

@@ -0,0 +1,56 @@
+:host {
+  --gap-size: var(--size-1);
+  display: flex;
+  flex-direction: column;
+  gap: var(--gap-size);
+  margin: var(--gap-size);
+}
+.card {
+  outline: var(--pos-border-solid);
+  border-radius: var(--radius-sm);
+  box-shadow: var(--shadow-md);
+  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(--color-grey-800);
+      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/collection/apps/pos-app-generic/pos-app-generic.js CHANGED Viewed

@@ -1,8 +1,19 @@
-import { h } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 export class PosAppGeneric {
     render() {
-        return (h("ion-grid", { key: 'd0b80b1dac49e6f3412371fa4cad2ae8de78f959' }, h("ion-row", { key: '2dca3cc1202f2e74bd9d33a2ba311edc111ce512' }, h("ion-col", { key: '77c6fe004de20c30bfc73a0552065aa3bcf18aa3', size: "12", "size-sm": true }, h("ion-card", { key: '0c4de80c0b307f6ffd55e6a38ebd7d20640ce405' }, h("ion-card-header", { key: 'f5f237441b5f5a178fce1d40bf57c37c879c22ca' }, h("pos-type-badges", { key: '92c8e0bb766db6d158c611e4d785263006134730' }), h("pos-picture", { key: '70d1ef02dd1b37a4a6770e40fa1fd3ddd23952b6' }), h("ion-card-title", { key: '768e74004bf1f9fc3fbd8f60d4cc5de1b3dcb4a6' }, h("pos-label", { key: '54fcf93b3991beea083027cf1070670363eb0af1' }))), h("ion-card-content", { key: 'ba810321b1cae0118e8af2e5743ce386023f1fc1' }, h("pos-description", { key: '815ee08a94228a0c35cd68da93ca110c86349d03' })))), h("ion-col", { key: 'b201d815f67b5576c58fdadb2c22b2979cb621bc', size: "12", "size-sm": true }, h("pos-literals", { key: 'b7c00d91b0ab24d745b4714af3a29e13184f47bd' })), h("ion-col", { key: '41c8e46e6a0d8543058a00ef74fd37f37fae1a15', size: "12", "size-sm": true }, h("pos-relations", { key: '2c625c5515ddb96f0ee72695f0552ef641633ca1' }), h("pos-reverse-relations", { key: 'ac8d70a70fa7fd23b016cdf7251a7cb8fa6b34a1' })))));
+        return (h(Host, { key: '8e29bb7745cec5493c102c2262b14291eb9fb62a' }, h("section", { key: '2da95db7a410290cb89f7d3bebaae29c35e05785' }, h("div", { key: '653b61788b1d17adc08620702c72db496578d075', class: "card" }, h("header", { key: '4231d891aac87ba7c4f4bebaa89a23a96784f9c1' }, h("pos-picture", { key: '04a382eec4b3c3d87ae616375162a6da8d52144e', blurredBackground: true }), h("h1", { key: '54e7aafcc30bf3df9353e82c218e56fd66d6c9ef' }, h("pos-label", { key: '8df7a754d5aca177fb1e12c45ca25fa69d933a43' })), h("pos-type-badges", { key: '43b4d9464325b084d23349cc62e0a1615c2d3a15' })), h("main", { key: 'dd3da38812b1cb40a749e914fc72cd83253220b6' }, h("pos-description", { key: '9366c219761578f4381d868ca6d94e660645ec9e' })))), h("section", { key: '4d905102110d50ca60a3e2d87c18a32e01fb7ca1' }, h("pos-literals", { key: 'c0829b4921ba110966a483a00beba4df56a0df6d' })), h("section", { key: '893ffdaffdcec188361d3ffb8afbaf6c1f55ea5b' }, h("pos-relations", { key: '23f5bd14481721439bec06eb5449a9743f87143d' }), h("pos-reverse-relations", { key: '928122999484f392c70ba3cdf7b0b2a7f67f599a' }))));
     }
     static get is() { return "pos-app-generic"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["./pos-app-generic.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["pos-app-generic.css"]
+        };
+    }
 }
 //# sourceMappingURL=pos-app-generic.js.map

package/dist/collection/apps/pos-app-generic/pos-app-generic.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-app-generic.js","sourceRoot":"","sources":["../../../../src/apps/pos-app-generic/pos-app-generic.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;~~AAK7C~~,MAAM,OAAO,aAAa;IACxB,MAAM;QACJ,OAAO,CACL;~~YACE~~;gBACE,~~gEAAS~~,~~IAAI~~,EAAC,~~IAAI~~;~~oBAChB~~;wBACE~~;4BACE~~,~~yEAAmB;4BACnB~~,~~qEAAe;4BACf;gCACE~~,~~mEAAa~~,~~CACE~~,~~CACD~~;~~wBAClB~~;4BACE,~~yEAAmB~~,~~CACF,~~CACV,~~CACH~~;~~gBACV~~,~~gEAAS~~,~~IAAI~~,~~EAAC~~,~~IAAI~~;~~oBAChB~~,sEAAgB,CACR;~~gBACV,gEAAS,IAAI,EAAC,IAAI~~;~~oBAChB~~,uEAAiB;~~oBACjB~~,+EAAyB,CACjB,~~CACF~~,~~CACD~~,~~CACZ,~~CAAC;IACJ,CAAC;;CACF","sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-generic',\n})\nexport class PosAppGeneric {\n render() {\n return (\n <~~ion-grid~~>\n <~~ion-row~~>\n <~~ion-col~~ ~~size~~=\"12\" ~~size-sm~~>\n <~~ion-card~~>\n <~~ion-card-header>\n <~~pos-~~type-badges />\n <pos-~~picture />\n <~~ion-card-title~~>\n <pos-label />\n </~~ion-card-title~~>\n ~~</ion~~-~~card~~-header>\n <~~ion-card-content~~>\n <pos-description />\n </~~ion-card-content~~>\n </~~ion-card~~>\n </~~ion-col~~>\n <~~ion-col size=\"12\" size-sm~~>\n <pos-literals />\n </~~ion-col~~>\n <~~ion-col size=\"12\" size-sm~~>\n <pos-relations />\n <pos-reverse-relations />\n ~~</ion-col>\n~~ </~~ion-row~~>\n </~~ion-grid~~>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pos-app-generic.js","sourceRoot":"","sources":["../../../../src/apps/pos-app-generic/pos-app-generic.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOnD,MAAM,OAAO,aAAa;IACxB,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH;gBACE,4DAAK,KAAK,EAAC,MAAM;oBACf;wBACE,oEAAa,iBAAiB,EAAE,IAAI,GAAI;wBACxC;4BACE,mEAAa,CACV;wBACL,yEAAmB,CACZ;oBACT;wBACE,yEAAmB,CACd,CACH,CACE;YACV;gBACE,sEAAgB,CACR;YACV;gBACE,uEAAiB;gBACjB,+EAAyB,CACjB,CACL,CACR,CAAC;IACJ,CAAC;;;;;;;;;CACF","sourcesContent":["import { Component, h, Host } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-generic',\n styleUrls: ['./pos-app-generic.css'],\n shadow: true,\n})\nexport class PosAppGeneric {\n render() {\n return (\n <Host>\n <section>\n <div class=\"card\">\n <header>\n <pos-picture blurredBackground={true} />\n <h1>\n <pos-label />\n </h1>\n <pos-type-badges />\n </header>\n <main>\n <pos-description />\n </main>\n </div>\n </section>\n <section>\n <pos-literals />\n </section>\n <section>\n <pos-relations />\n <pos-reverse-relations />\n </section>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/apps/pos-app-image-viewer/pos-app-image-viewer.js CHANGED Viewed

@@ -5,7 +5,6 @@ export class PosAppImageViewer {
         this.receiveResource = (resource) => {
             this.resource = resource;
         };
-        this.resource = undefined;
     }
     componentWillLoad() {
         subscribeResource(this);

package/dist/collection/apps/pos-app-image-viewer/pos-app-image-viewer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-app-image-viewer.js","sourceRoot":"","sources":["../../../../src/apps/pos-app-image-viewer/pos-app-image-viewer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAiB,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAWzF,MAAM,OAAO,iBAAiB~~;;QAS5B~~,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC,CAAC~~;;;IANF~~,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL;YACE;gBACE,eAAS,IAAI,EAAC,IAAI;oBAChB,iBAAW,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAC7B;gBACV,eAAS,IAAI,EAAC,IAAI;oBAChB;wBACE;4BACE;gCACE,oBAAa,CACE;4BACjB,0BAAmB;4BACnB,uBAAgB,CACA,CACT,CACH,CACF,CACD,CACZ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n tag: 'pos-app-image-viewer',\n shadow: true,\n styles: `\n pos-image {\n --max-width: 100%;\n }\n `,\n})\nexport class PosAppImageViewer implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) {\n return null;\n }\n\n return (\n <ion-grid>\n <ion-row>\n <ion-col size=\"12\" size-sm>\n <pos-image src={this.resource.uri} />\n </ion-col>\n <ion-col size=\"12\" size-sm>\n <ion-card>\n <ion-card-header>\n <ion-card-title>\n <pos-label />\n </ion-card-title>\n <pos-type-badges />\n <pos-literals />\n </ion-card-header>\n </ion-card>\n </ion-col>\n </ion-row>\n </ion-grid>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pos-app-image-viewer.js","sourceRoot":"","sources":["../../../../src/apps/pos-app-image-viewer/pos-app-image-viewer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAiB,iBAAiB,EAAE,MAAM,uCAAuC,CAAC;AAWzF,MAAM,OAAO,iBAAiB;IAT9B;QAkBE,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC,CAAC;KA4BH;IAlCC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,OAAO,IAAI,CAAC;QACd,CAAC;QAED,OAAO,CACL;YACE;gBACE,eAAS,IAAI,EAAC,IAAI;oBAChB,iBAAW,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAC7B;gBACV,eAAS,IAAI,EAAC,IAAI;oBAChB;wBACE;4BACE;gCACE,oBAAa,CACE;4BACjB,0BAAmB;4BACnB,uBAAgB,CACA,CACT,CACH,CACF,CACD,CACZ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n tag: 'pos-app-image-viewer',\n shadow: true,\n styles: `\n pos-image {\n --max-width: 100%;\n }\n `,\n})\nexport class PosAppImageViewer implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) {\n return null;\n }\n\n return (\n <ion-grid>\n <ion-row>\n <ion-col size=\"12\" size-sm>\n <pos-image src={this.resource.uri} />\n </ion-col>\n <ion-col size=\"12\" size-sm>\n <ion-card>\n <ion-card-header>\n <ion-card-title>\n <pos-label />\n </ion-card-title>\n <pos-type-badges />\n <pos-literals />\n </ion-card-header>\n </ion-card>\n </ion-col>\n </ion-row>\n </ion-grid>\n );\n }\n}\n"]}

package/dist/collection/apps/pos-app-ldp-container/pos-app-ldp-container.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class PosAppLdpContainer {
     render() {
-        return (h("ion-grid", { key: '785f4fa7813691a20262ed5f552332fda3fb72a3' }, h("ion-row", { key: '6f381bff626cea2ed58700ec5ed6f9586930ac47' }, h("ion-col", { key: '9e3e83c257c6a8efb22ce6f83fb451d337e709c7', size: "12", "size-sm": true }, h("pos-container-contents", { key: '7467a0167d1120d5e2b5fb8a49a5f66388a13cee' }), h("details", { key: 'df8f64dc59c93eba8948dea5f0c71731046f6806' }, h("summary", { key: '8ffa0486425561e1ce0924e2f8f8082e6af53c55' }, "All subjects"), h("pos-subjects", { key: '09d959809f7a590934adc4c32efe019d62c61c7d' }))), h("ion-col", { key: '89416e19e86472ae01ed48a9b9c5db4e9190ef22', size: "12", "size-sm": true }, h("ion-card", { key: 'e1efc990e8fbf43b24e21e10501de935ba368e3b' }, h("ion-card-header", { key: '41993a1573194e11f28a67ec5af9c19b3d951736' }, h("ion-card-title", { key: 'd57ff830cb6adf7d41fede1c5dbac3538ffdd5d0' }, h("pos-label", { key: 'df93bba787f3fea0887ccdb2dcf441d6a5962fc2' })), h("pos-type-badges", { key: 'f224c0ecb5491cf791a7a9d7efa1024f13cb6655' }), h("pos-literals", { key: '6690fee8a6cde845fddd145f4da642002fbdc97a' })))))));
+        return (h("ion-grid", { key: '25d3c6836ab626ce1fc2c9ca5b01b963b1068943' }, h("ion-row", { key: 'e040e5f41cba292ee7eaa77b7a7886f9d1d8ca99' }, h("ion-col", { key: 'c16769e7747bd035a4b13545c452ca11766b7054', size: "12", "size-sm": true }, h("pos-container-contents", { key: '9a28b62c6c824e069176a9dab781a6edd6582a81' }), h("details", { key: '288eaceb2e30282f9018c6bf6759586df637cfaf' }, h("summary", { key: '554f9bd02907d914ac0074c31e31b8800aeb7722' }, "All subjects"), h("pos-subjects", { key: '9bd7980dd958296a4006e5b2ce02d70759c4418c' }))), h("ion-col", { key: 'ef03fe6c49255c65b195fe900742d54cb323d4b1', size: "12", "size-sm": true }, h("ion-card", { key: 'fadc374858fe564b20504196b70b2946af3d7402' }, h("ion-card-header", { key: '2283119004b8a38b1adc2b8f1cb56309a9923aea' }, h("ion-card-title", { key: '634152799d6abddb5a9ca8bfb70104998c2888f5' }, h("pos-label", { key: '3677ba9818ac14cb8478eca888431cf225fd9d2e' })), h("pos-type-badges", { key: '45d803cc33ca2642f7b677df6ca387f10019baa1' }), h("pos-literals", { key: '2a9ffea31fb034b3ed876eeb528a00b0a0d8577a' })))))));
     }
     static get is() { return "pos-app-ldp-container"; }
 }

package/dist/collection/apps/pos-app-rdf-document/pos-app-rdf-document.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class PosAppRdfDocument {
     render() {
-        return (h("ion-grid", { key: '79d54a7df8f06a8f264b9035e2d8b399e6cfcce9' }, h("ion-row", { key: '525e6991420c39d427c3bd9bb77b45c660187d91' }, h("ion-col", { key: '85324626961b36214605fe80c4d74f79b2b768a7', size: "12", "size-sm": true }, h("pos-subjects", { key: '6817ef3413a8c7141046431bd7dd18aeaca2a67d' })), h("ion-col", { key: 'aff36764414823123a3b0cc4b0b03ffe9e9e3789', size: "12", "size-sm": true }, h("ion-card", { key: '68291d664e5a12e9164ad874ad810a66afca9c86' }, h("ion-card-header", { key: 'e9a27454426b8018388590912d5a9e8d244b2108' }, h("ion-card-title", { key: '5609079dc2c0fc1ff374f038e90fa683e236bcca' }, h("pos-label", { key: 'f7b81a6e7786ba712c69d4105deb5d80d892d843' })), h("pos-type-badges", { key: '3ea29c7fd93a974c4960e4b834805ed84335f02d' }), h("pos-literals", { key: '4b68e050c7611b00ddbacff832a61f832419eaab' })))))));
+        return (h("ion-grid", { key: '491c329c7b6083129acc0b04d6097d7361b2c2d4' }, h("ion-row", { key: '88dbc219423b1ff94e6a5c6f67e74e6b496eaca8' }, h("ion-col", { key: 'e3329294ca16e707c9ac0f4ede51e801f11524d2', size: "12", "size-sm": true }, h("pos-subjects", { key: '45af152a3cce35a2be01bef1b5ac3072e9bddcd8' })), h("ion-col", { key: 'd376dbf8d4a3d8113dd018a3d3d1d84b9027339d', size: "12", "size-sm": true }, h("ion-card", { key: '958ad15df45ca16960faca66a98e6938faafaf0d' }, h("ion-card-header", { key: '8f0d87ecc1ef413d767b00c906ba36af212a3e25' }, h("ion-card-title", { key: 'a7010a87e619c0d2200b5f0076a6096405821d8a' }, h("pos-label", { key: '462dd3461b1fd5658ae9c0f497f7e5164ff30621' })), h("pos-type-badges", { key: '4b7f8b9e4204a9310e186f10ca3b57d5b245ac5f' }), h("pos-literals", { key: 'cdb9f3b2b088e2852f9116dae10c425e3329c9a4' })))))));
     }
     static get is() { return "pos-app-rdf-document"; }
 }

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -41,7 +41,7 @@
   ],
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.23.0",
+    "version": "4.23.2",
     "typescriptVersion": "5.5.4"
   },
   "collections": [

package/dist/collection/components/pos-add-literal-value/pos-add-literal-value.js CHANGED Viewed

@@ -10,10 +10,6 @@ export class PosAddLiteralValue {
         this.receivePodOs = async (os) => {
             this.os = os;
         };
-        this.os = undefined;
-        this.resource = undefined;
-        this.currentValue = undefined;
-        this.selectedTermUri = undefined;
     }
     setName() { }
     componentWillLoad() {

package/dist/collection/components/pos-add-literal-value/pos-add-literal-value.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-add-literal-value.js","sourceRoot":"","sources":["../../../../src/components/pos-add-literal-value/pos-add-literal-value.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,YAAY,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AACtF,OAAO,EAAiC,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAuC,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAOjG,MAAM,OAAO,kBAAkB~~;;QA+B7B~~,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC,CAAC;QAEF,iBAAY,GAAG,KAAK,EAAE,EAAS,EAAE,EAAE;YACjC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC~~;;;;;;IAfF~~,OAAO,KAAI,CAAC;IAIZ,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;IAUD,KAAK,CAAC,IAAI;QACR,IAAI,CAAC;YACH,MAAM,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YACvF,MAAM,OAAO,GAAY;gBACvB,SAAS,EAAE,IAAI,CAAC,eAAe;gBAC/B,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC;gBACzC,MAAM,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC;aAC5B,CAAC;YACF,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACrC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;QACzB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAED,cAAc,CAAC,KAAK;QAClB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QACxC,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;IAC7B,CAAC;IAED,MAAM;;QACJ,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,QAAQ,CAAA,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QACD,OAAO,CACL,EAAC,IAAI;YACH,gBAAU,IAAI,EAAC,oBAAoB,GAAY;YAC/C,uBAAiB,WAAW,EAAC,aAAa,4BAAyB,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,GAAI;YACpG,iBACE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,EACjC,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,WAAW,EAAC,EAAE,EACd,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,EACnE,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,GAChB,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Literal, PodOS, Thing, labelFromUri } from '@pod-os/core';\nimport { Component, Host, h, State, Event, Watch, EventEmitter } from '@stencil/core';\nimport { PodOsAware, PodOsEventEmitter, subscribePodOs } from '../events/PodOsAware';\nimport { ResourceAware, ResourceEventEmitter, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n tag: 'pos-add-literal-value',\n styleUrl: 'pos-add-literal-value.css',\n shadow: true,\n})\nexport class PosAddLiteralValue implements ResourceAware, PodOsAware {\n @State() os: PodOS;\n @State() resource: Thing;\n\n @State() currentValue: string;\n @State() selectedTermUri: string;\n\n @Event({ eventName: 'pod-os:init' }) subscribePodOs: PodOsEventEmitter;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: ResourceEventEmitter;\n\n /*\n The entered literal value has been added to the resource and successfully stored to the Pod.\n /\n @Event({ eventName: 'pod-os:added-literal-value' }) addedLiteralValue: EventEmitter;\n\n /\n Something went wrong while adding the literal value.\n */\n @Event({ eventName: 'pod-os:error' }) error: EventEmitter;\n\n @Watch('os')\n setName() {}\n\n private valueInput: HTMLIonInputElement;\n\n componentWillLoad() {\n subscribeResource(this);\n subscribePodOs(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n receivePodOs = async (os: PodOS) => {\n this.os = os;\n };\n\n async save() {\n try {\n await this.os.addPropertyValue(this.resource, this.selectedTermUri, this.currentValue);\n const literal: Literal = {\n predicate: this.selectedTermUri,\n label: labelFromUri(this.selectedTermUri),\n values: [this.currentValue],\n };\n this.addedLiteralValue.emit(literal);\n this.currentValue = '';\n } catch (err) {\n this.error.emit(err);\n }\n }\n\n onTermSelected(event) {\n this.selectedTermUri = event.detail.uri;\n this.valueInput.setFocus();\n }\n\n render() {\n if (!this.resource?.editable) {\n return;\n }\n return (\n <Host>\n <ion-icon name=\"add-circle-outline\"></ion-icon>\n <pos-select-term placeholder=\"Add literal\" onPod-os:term-selected={ev => this.onTermSelected(ev)} />\n <ion-input\n ref={el => (this.valueInput = el)}\n value={this.currentValue}\n placeholder=\"\"\n onIonChange={ev => (this.currentValue = ev.detail.value.toString())}\n onChange={() => this.save()}\n ></ion-input>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pos-add-literal-value.js","sourceRoot":"","sources":["../../../../src/components/pos-add-literal-value/pos-add-literal-value.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,YAAY,EAAE,MAAM,cAAc,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AACtF,OAAO,EAAiC,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACrF,OAAO,EAAuC,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAOjG,MAAM,OAAO,kBAAkB;IAL/B;QAoCE,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC,CAAC;QAEF,iBAAY,GAAG,KAAK,EAAE,EAAS,EAAE,EAAE;YACjC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;KAwCH;IAvDC,OAAO,KAAI,CAAC;IAIZ,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;IAUD,KAAK,CAAC,IAAI;QACR,IAAI,CAAC;YACH,MAAM,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,eAAe,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;YACvF,MAAM,OAAO,GAAY;gBACvB,SAAS,EAAE,IAAI,CAAC,eAAe;gBAC/B,KAAK,EAAE,YAAY,CAAC,IAAI,CAAC,eAAe,CAAC;gBACzC,MAAM,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC;aAC5B,CAAC;YACF,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACrC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC;QACzB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QACvB,CAAC;IACH,CAAC;IAED,cAAc,CAAC,KAAK;QAClB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QACxC,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;IAC7B,CAAC;IAED,MAAM;;QACJ,IAAI,CAAC,CAAA,MAAA,IAAI,CAAC,QAAQ,0CAAE,QAAQ,CAAA,EAAE,CAAC;YAC7B,OAAO;QACT,CAAC;QACD,OAAO,CACL,EAAC,IAAI;YACH,gBAAU,IAAI,EAAC,oBAAoB,GAAY;YAC/C,uBAAiB,WAAW,EAAC,aAAa,4BAAyB,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,GAAI;YACpG,iBACE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,EACjC,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,WAAW,EAAC,EAAE,EACd,WAAW,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,EACnE,QAAQ,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,GAChB,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Literal, PodOS, Thing, labelFromUri } from '@pod-os/core';\nimport { Component, Host, h, State, Event, Watch, EventEmitter } from '@stencil/core';\nimport { PodOsAware, PodOsEventEmitter, subscribePodOs } from '../events/PodOsAware';\nimport { ResourceAware, ResourceEventEmitter, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n tag: 'pos-add-literal-value',\n styleUrl: 'pos-add-literal-value.css',\n shadow: true,\n})\nexport class PosAddLiteralValue implements ResourceAware, PodOsAware {\n @State() os: PodOS;\n @State() resource: Thing;\n\n @State() currentValue: string;\n @State() selectedTermUri: string;\n\n @Event({ eventName: 'pod-os:init' }) subscribePodOs: PodOsEventEmitter;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: ResourceEventEmitter;\n\n /*\n The entered literal value has been added to the resource and successfully stored to the Pod.\n /\n @Event({ eventName: 'pod-os:added-literal-value' }) addedLiteralValue: EventEmitter;\n\n /\n Something went wrong while adding the literal value.\n */\n @Event({ eventName: 'pod-os:error' }) error: EventEmitter;\n\n @Watch('os')\n setName() {}\n\n private valueInput: HTMLIonInputElement;\n\n componentWillLoad() {\n subscribeResource(this);\n subscribePodOs(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n receivePodOs = async (os: PodOS) => {\n this.os = os;\n };\n\n async save() {\n try {\n await this.os.addPropertyValue(this.resource, this.selectedTermUri, this.currentValue);\n const literal: Literal = {\n predicate: this.selectedTermUri,\n label: labelFromUri(this.selectedTermUri),\n values: [this.currentValue],\n };\n this.addedLiteralValue.emit(literal);\n this.currentValue = '';\n } catch (err) {\n this.error.emit(err);\n }\n }\n\n onTermSelected(event) {\n this.selectedTermUri = event.detail.uri;\n this.valueInput.setFocus();\n }\n\n render() {\n if (!this.resource?.editable) {\n return;\n }\n return (\n <Host>\n <ion-icon name=\"add-circle-outline\"></ion-icon>\n <pos-select-term placeholder=\"Add literal\" onPod-os:term-selected={ev => this.onTermSelected(ev)} />\n <ion-input\n ref={el => (this.valueInput = el)}\n value={this.currentValue}\n placeholder=\"\"\n onIonChange={ev => (this.currentValue = ev.detail.value.toString())}\n onChange={() => this.save()}\n ></ion-input>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/pos-add-new-thing/pos-add-new-thing.js CHANGED Viewed

@@ -1,13 +1,10 @@
 import { Host, h } from "@stencil/core";
 export class PosAddNewThing {
-    constructor() {
-        this.referenceUri = undefined;
-    }
     openDialog() {
         this.dialog.showModal();
     }
     render() {
-        return (h(Host, { key: '3e9951127a62911e8f58119ba4216c661253d11c' }, h("button", { key: '166c65ae30d0c7511438d53ee65240a7e9444da8', id: "new", title: "Add a new thing", onClick: () => this.openDialog() }, h("ion-icon", { key: '2ba7be2f696d04f6b3dfc828802a846e72d6c557', name: "add-circle-outline" })), h("pos-dialog", { key: 'c9e8db289593e1858770a350303a410e4ac93e75', ref: el => (this.dialog = el) }, h("span", { key: '760f2a22783271c273d1f6aa5e6cdf4567cb02ae', slot: "title" }, "Add a new thing"), h("pos-new-thing-form", { key: '4424370c5e08100521b8afe978309cd64ae778ab', slot: "content", referenceUri: this.referenceUri }))));
+        return (h(Host, { key: '35b8629fc9ac9d9e759009f329dc9437307649c3' }, h("button", { key: 'b6c0b1d06fbed05a079c1e4cb684f227fd40d098', id: "new", title: "Add a new thing", onClick: () => this.openDialog() }, h("ion-icon", { key: '2dfbcff7480dfc7397a5810ca7a33b9e583a77ee', name: "add-circle-outline" })), h("pos-dialog", { key: 'a61bf93754ca323fbc23137956a00c39be81cad9', ref: el => (this.dialog = el) }, h("span", { key: 'a4095e3c9ddd26e18ce002a05ef65d8895894589', slot: "title" }, "Add a new thing"), h("pos-new-thing-form", { key: '136cfbbab823f5abc313642e1dc04f67d5d81777', slot: "content", referenceUri: this.referenceUri }))));
     }
     static get is() { return "pos-add-new-thing"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pos-add-new-thing/pos-add-new-thing.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-add-new-thing.js","sourceRoot":"","sources":["../../../../src/components/pos-add-new-thing/pos-add-new-thing.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,cAAc~~;;;;~~IAKzB,UAAU;QACR,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,+DAAQ,EAAE,EAAC,KAAK,EAAC,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE;gBACvE,iEAAU,IAAI,EAAC,oBAAoB,GAAY,CACxC;YACT,mEAAY,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,EAA0B,CAAC;gBAC/D,6DAAM,IAAI,EAAC,OAAO,sBAAuB;gBACzC,2EAAoB,IAAI,EAAC,SAAS,EAAC,YAAY,EAAE,IAAI,CAAC,YAAY,GAAI,CAC3D,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pos-add-new-thing',\n styleUrl: 'pos-add-new-thing.css',\n shadow: true,\n})\nexport class PosAddNewThing {\n @Prop() referenceUri!: string;\n\n private dialog: HTMLPosDialogElement;\n\n openDialog() {\n this.dialog.showModal();\n }\n\n render() {\n return (\n <Host>\n <button id=\"new\" title=\"Add a new thing\" onClick={() => this.openDialog()}>\n <ion-icon name=\"add-circle-outline\"></ion-icon>\n </button>\n <pos-dialog ref={el => (this.dialog = el as HTMLPosDialogElement)}>\n <span slot=\"title\">Add a new thing</span>\n <pos-new-thing-form slot=\"content\" referenceUri={this.referenceUri} />\n </pos-dialog>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pos-add-new-thing.js","sourceRoot":"","sources":["../../../../src/components/pos-add-new-thing/pos-add-new-thing.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOzD,MAAM,OAAO,cAAc;IAKzB,UAAU;QACR,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;IAC1B,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,+DAAQ,EAAE,EAAC,KAAK,EAAC,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,UAAU,EAAE;gBACvE,iEAAU,IAAI,EAAC,oBAAoB,GAAY,CACxC;YACT,mEAAY,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,MAAM,GAAG,EAA0B,CAAC;gBAC/D,6DAAM,IAAI,EAAC,OAAO,sBAAuB;gBACzC,2EAAoB,IAAI,EAAC,SAAS,EAAC,YAAY,EAAE,IAAI,CAAC,YAAY,GAAI,CAC3D,CACR,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pos-add-new-thing',\n styleUrl: 'pos-add-new-thing.css',\n shadow: true,\n})\nexport class PosAddNewThing {\n @Prop() referenceUri!: string;\n\n private dialog: HTMLPosDialogElement;\n\n openDialog() {\n this.dialog.showModal();\n }\n\n render() {\n return (\n <Host>\n <button id=\"new\" title=\"Add a new thing\" onClick={() => this.openDialog()}>\n <ion-icon name=\"add-circle-outline\"></ion-icon>\n </button>\n <pos-dialog ref={el => (this.dialog = el as HTMLPosDialogElement)}>\n <span slot=\"title\">Add a new thing</span>\n <pos-new-thing-form slot=\"content\" referenceUri={this.referenceUri} />\n </pos-dialog>\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/pos-app/pos-app.js CHANGED Viewed

@@ -4,9 +4,8 @@ import { createPodOS } from "../../pod-os";
 import { Subject, takeUntil } from "rxjs";
 export class PosApp {
     constructor() {
-        this.disconnected$ = new Subject();
-        this.os = undefined;
         this.restorePreviousSession = false;
+        this.disconnected$ = new Subject();
     }
     componentWillLoad() {
         this.os = createPodOS();
@@ -45,7 +44,7 @@ export class PosApp {
         }
     }
     render() {
-        return h("slot", { key: '1ed94f2f97dd52a6a80ceb6d9faa1d1c95796994' });
+        return h("slot", { key: '32436fcf8726f4c6b3079f402c296bd3c6cafd04' });
     }
     static get is() { return "pos-app"; }
     static get properties() {

package/dist/collection/components/pos-app/pos-app.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-app.js","sourceRoot":"","sources":["../../../../src/components/pos-app/pos-app.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AACvF,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAgB1C,MAAM,OAAO,MAAM~~;;QAUA~~,kBAAa,GAAG,IAAI,OAAO,EAAQ,CAAC~~;;sCAPX~~,~~KAAK;;IAS/C,~~iBAAiB;QACf,IAAI,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;QACxB,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE;YAC7B,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QAC5D,IAAI,CAAC,EAAE;aACJ,cAAc,EAAE;aAChB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aACnC,SAAS,CAAC,KAAK,EAAC,WAAW,EAAC,EAAE;YAC7B,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;YACxC,IAAI,WAAW,CAAC,UAAU,EAAE,CAAC;gBAC3B,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;gBAC9D,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;YAClC,CAAC;YACD,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC;QACpD,CAAC,CAAC,CAAC;IACP,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC;IACnC,CAAC;IAGD,KAAK,CAAC,YAAY,CAAC,KAAwB;QACzC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC;IAGD,KAAK,CAAC,UAAU,CAAC,KAAyB;QACxC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,UAAU,EAAE,CAAC;YACvC,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC,kBAAkB,EAAE,CAAC;YAClD,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACN,MAAM,KAAK,CAAC,mBAAmB,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QACzD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { PodOS } from '@pod-os/core';\nimport { Component, h, Listen, Prop, State, Event, EventEmitter } from '@stencil/core';\nimport session from '../../store/session';\nimport { createPodOS } from '../../pod-os';\nimport { Subject, takeUntil } from 'rxjs';\n\ninterface InitializeOsEvent extends CustomEvent {\n detail: Function;\n}\n\ninterface RequestModuleEvent extends CustomEvent {\n detail: {\n module: string;\n receiver: Function;\n };\n}\n\n@Component({\n tag: 'pos-app',\n})\nexport class PosApp {\n @State() os: PodOS;\n\n @Prop() restorePreviousSession: boolean = false;\n\n /*\n Fired whenever the session was restored\n */\n @Event({ eventName: 'pod-os:session-restored' }) sessionRestoredEmitter: EventEmitter<{ url: string }>;\n\n private readonly disconnected$ = new Subject<void>();\n\n componentWillLoad() {\n this.os = createPodOS();\n this.os.onSessionRestore(url => {\n this.sessionRestoredEmitter.emit({ url });\n });\n this.os.handleIncomingRedirect(this.restorePreviousSession);\n this.os\n .observeSession()\n .pipe(takeUntil(this.disconnected$))\n .subscribe(async sessionInfo => {\n session.state.webId = sessionInfo.webId;\n if (sessionInfo.isLoggedIn) {\n const profile = await this.os.fetchProfile(sessionInfo.webId);\n session.state.profile = profile;\n }\n session.state.isLoggedIn = sessionInfo.isLoggedIn;\n });\n }\n\n disconnectedCallback() {\n this.disconnected$.next();\n this.disconnected$.unsubscribe();\n }\n\n @Listen('pod-os:init')\n async initializeOs(event: InitializeOsEvent) {\n event.stopPropagation();\n event.detail(this.os);\n }\n\n @Listen('pod-os:module')\n async loadModule(event: RequestModuleEvent) {\n event.stopPropagation();\n if (event.detail.module === 'contacts') {\n const module = await this.os.loadContactsModule();\n event.detail.receiver(module);\n } else {\n throw Error(`Unknown module \"${event.detail.module}\"`);\n }\n }\n\n render() {\n return <slot />;\n }\n}\n"]}
1	+ {"version":3,"file":"pos-app.js","sourceRoot":"","sources":["../../../../src/components/pos-app/pos-app.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAC;AACvF,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,MAAM,CAAC;AAgB1C,MAAM,OAAO,MAAM;IAHnB;QAMU,2BAAsB,GAAY,KAAK,CAAC;QAO/B,kBAAa,GAAG,IAAI,OAAO,EAAQ,CAAC;KA8CtD;IA5CC,iBAAiB;QACf,IAAI,CAAC,EAAE,GAAG,WAAW,EAAE,CAAC;QACxB,IAAI,CAAC,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE;YAC7B,IAAI,CAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC,CAAC;QAC5C,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC,sBAAsB,CAAC,CAAC;QAC5D,IAAI,CAAC,EAAE;aACJ,cAAc,EAAE;aAChB,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC;aACnC,SAAS,CAAC,KAAK,EAAC,WAAW,EAAC,EAAE;YAC7B,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC;YACxC,IAAI,WAAW,CAAC,UAAU,EAAE,CAAC;gBAC3B,MAAM,OAAO,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC,YAAY,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;gBAC9D,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,OAAO,CAAC;YAClC,CAAC;YACD,OAAO,CAAC,KAAK,CAAC,UAAU,GAAG,WAAW,CAAC,UAAU,CAAC;QACpD,CAAC,CAAC,CAAC;IACP,CAAC;IAED,oBAAoB;QAClB,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC;IACnC,CAAC;IAGD,KAAK,CAAC,YAAY,CAAC,KAAwB;QACzC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;IACxB,CAAC;IAGD,KAAK,CAAC,UAAU,CAAC,KAAyB;QACxC,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,KAAK,CAAC,MAAM,CAAC,MAAM,KAAK,UAAU,EAAE,CAAC;YACvC,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC,kBAAkB,EAAE,CAAC;YAClD,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAChC,CAAC;aAAM,CAAC;YACN,MAAM,KAAK,CAAC,mBAAmB,KAAK,CAAC,MAAM,CAAC,MAAM,GAAG,CAAC,CAAC;QACzD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,8DAAQ,CAAC;IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { PodOS } from '@pod-os/core';\nimport { Component, h, Listen, Prop, State, Event, EventEmitter } from '@stencil/core';\nimport session from '../../store/session';\nimport { createPodOS } from '../../pod-os';\nimport { Subject, takeUntil } from 'rxjs';\n\ninterface InitializeOsEvent extends CustomEvent {\n detail: Function;\n}\n\ninterface RequestModuleEvent extends CustomEvent {\n detail: {\n module: string;\n receiver: Function;\n };\n}\n\n@Component({\n tag: 'pos-app',\n})\nexport class PosApp {\n @State() os: PodOS;\n\n @Prop() restorePreviousSession: boolean = false;\n\n /*\n Fired whenever the session was restored\n */\n @Event({ eventName: 'pod-os:session-restored' }) sessionRestoredEmitter: EventEmitter<{ url: string }>;\n\n private readonly disconnected$ = new Subject<void>();\n\n componentWillLoad() {\n this.os = createPodOS();\n this.os.onSessionRestore(url => {\n this.sessionRestoredEmitter.emit({ url });\n });\n this.os.handleIncomingRedirect(this.restorePreviousSession);\n this.os\n .observeSession()\n .pipe(takeUntil(this.disconnected$))\n .subscribe(async sessionInfo => {\n session.state.webId = sessionInfo.webId;\n if (sessionInfo.isLoggedIn) {\n const profile = await this.os.fetchProfile(sessionInfo.webId);\n session.state.profile = profile;\n }\n session.state.isLoggedIn = sessionInfo.isLoggedIn;\n });\n }\n\n disconnectedCallback() {\n this.disconnected$.next();\n this.disconnected$.unsubscribe();\n }\n\n @Listen('pod-os:init')\n async initializeOs(event: InitializeOsEvent) {\n event.stopPropagation();\n event.detail(this.os);\n }\n\n @Listen('pod-os:module')\n async loadModule(event: RequestModuleEvent) {\n event.stopPropagation();\n if (event.detail.module === 'contacts') {\n const module = await this.os.loadContactsModule();\n event.detail.receiver(module);\n } else {\n throw Error(`Unknown module \"${event.detail.module}\"`);\n }\n }\n\n render() {\n return <slot />;\n }\n}\n"]}

package/dist/collection/components/pos-container-contents/pos-container-contents.js CHANGED Viewed

@@ -3,13 +3,13 @@ import { h } from "@stencil/core";
 import { subscribeResource } from "../events/ResourceAware";
 export class PosContainerContents {
     constructor() {
+        this.contents = [];
+        this.loading = true;
         this.receiveResource = (resource) => {
             const doc = resource.assume(LdpContainer);
             this.loading = false;
             this.contents = doc.contains().sort((a, b) => a.name.localeCompare(b.name));
         };
-        this.contents = [];
-        this.loading = true;
     }
     componentWillLoad() {
         subscribeResource(this);

package/dist/collection/components/pos-container-contents/pos-container-contents.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-container-contents.js","sourceRoot":"","sources":["../../../../src/components/pos-container-contents/pos-container-contents.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,YAAY,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAiB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAM3E,MAAM,OAAO,oBAAoB~~;;QAY/B~~,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YAC1C,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9E,CAAC,CAAC;~~wBAfsC,EAAE~~;~~uBAEvB~~,~~IAAI;;IAKvB,~~iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAQD,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CACpC,oBAAc,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG;YACnC,0BAAoB,IAAI,EAAC,UAAU;gBACjC;oBACE,cAAK,EAAE,CAAC,IAAI,CAAM,CACR,CACO,CACR,CAChB,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAW,KAAK,CAAY,CAAC,CAAC,CAAC,sCAA6B,CAAC;IACjG,CAAC;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Thing, ContainerContent, LdpContainer } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n tag: 'pos-container-contents',\n shadow: true,\n})\nexport class PosContainerContents implements ResourceAware {\n @State() contents: ContainerContent[] = [];\n\n @State() loading = true;\n\n @Event({ eventName: 'pod-os:resource' })\n subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n const doc = resource.assume(LdpContainer);\n this.loading = false;\n this.contents = doc.contains().sort((a, b) => a.name.localeCompare(b.name));\n };\n\n render() {\n if (this.loading) return null;\n const items = this.contents.map(it => (\n <pos-resource lazy={true} uri={it.uri}>\n <pos-container-item role=\"listitem\">\n <ion-label>\n <h3>{it.name}</h3>\n </ion-label>\n </pos-container-item>\n </pos-resource>\n ));\n return this.contents.length > 0 ? <ion-list>{items}</ion-list> : <p>The container is empty</p>;\n }\n}\n"]}
1	+ {"version":3,"file":"pos-container-contents.js","sourceRoot":"","sources":["../../../../src/components/pos-container-contents/pos-container-contents.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA2B,YAAY,EAAE,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAiB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAM3E,MAAM,OAAO,oBAAoB;IAJjC;QAKW,aAAQ,GAAuB,EAAE,CAAC;QAElC,YAAO,GAAG,IAAI,CAAC;QASxB,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YAC1C,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;QAC9E,CAAC,CAAC;KAeH;IAvBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAQD,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CACpC,oBAAc,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG;YACnC,0BAAoB,IAAI,EAAC,UAAU;gBACjC;oBACE,cAAK,EAAE,CAAC,IAAI,CAAM,CACR,CACO,CACR,CAChB,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAW,KAAK,CAAY,CAAC,CAAC,CAAC,sCAA6B,CAAC;IACjG,CAAC;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Thing, ContainerContent, LdpContainer } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n tag: 'pos-container-contents',\n shadow: true,\n})\nexport class PosContainerContents implements ResourceAware {\n @State() contents: ContainerContent[] = [];\n\n @State() loading = true;\n\n @Event({ eventName: 'pod-os:resource' })\n subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n const doc = resource.assume(LdpContainer);\n this.loading = false;\n this.contents = doc.contains().sort((a, b) => a.name.localeCompare(b.name));\n };\n\n render() {\n if (this.loading) return null;\n const items = this.contents.map(it => (\n <pos-resource lazy={true} uri={it.uri}>\n <pos-container-item role=\"listitem\">\n <ion-label>\n <h3>{it.name}</h3>\n </ion-label>\n </pos-container-item>\n </pos-resource>\n ));\n return this.contents.length > 0 ? <ion-list>{items}</ion-list> : <p>The container is empty</p>;\n }\n}\n"]}

package/dist/collection/components/pos-container-contents/pos-container-item.js CHANGED Viewed

@@ -6,7 +6,6 @@ export class PosContainerItem {
         this.receiveResource = (resource) => {
             this.resource = resource;
         };
-        this.resource = undefined;
     }
     componentWillLoad() {
         subscribeResource(this);

package/dist/collection/components/pos-container-contents/pos-container-item.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-container-item.js","sourceRoot":"","sources":["../../../../src/components/pos-container-contents/pos-container-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAiB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAM1D,MAAM,OAAO,gBAAgB~~;;QAY3B~~,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC,CAAC~~;;;IANF~~,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QAChC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;QAC3D,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YAC3C,CAAC;YAED,gBAAU,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAY;YAClD,eAAa,CACJ,CACZ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\nimport { selectIconForTypes } from './selectIconForTypes';\n\n@Component({\n tag: 'pos-container-item',\n shadow: true,\n})\nexport class PosContainerItem implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:link' }) linkEmitter: EventEmitter;\n\n @Event({ eventName: 'pod-os:resource' })\n subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) return null;\n const iconName = selectIconForTypes(this.resource.types());\n return (\n <ion-item\n href={this.resource.uri}\n onClick={e => {\n e.preventDefault();\n this.linkEmitter.emit(this.resource.uri);\n }}\n >\n <ion-icon name={iconName} slot=\"start\"></ion-icon>\n <slot></slot>\n </ion-item>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pos-container-item.js","sourceRoot":"","sources":["../../../../src/components/pos-container-contents/pos-container-item.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAiB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAC3E,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAM1D,MAAM,OAAO,gBAAgB;IAJ7B;QAgBE,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC,CAAC;KAkBH;IAxBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ;YAAE,OAAO,IAAI,CAAC;QAChC,MAAM,QAAQ,GAAG,kBAAkB,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC;QAC3D,OAAO,CACL,gBACE,IAAI,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,EACvB,OAAO,EAAE,CAAC,CAAC,EAAE;gBACX,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YAC3C,CAAC;YAED,gBAAU,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,GAAY;YAClD,eAAa,CACJ,CACZ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\nimport { selectIconForTypes } from './selectIconForTypes';\n\n@Component({\n tag: 'pos-container-item',\n shadow: true,\n})\nexport class PosContainerItem implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:link' }) linkEmitter: EventEmitter;\n\n @Event({ eventName: 'pod-os:resource' })\n subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) return null;\n const iconName = selectIconForTypes(this.resource.types());\n return (\n <ion-item\n href={this.resource.uri}\n onClick={e => {\n e.preventDefault();\n this.linkEmitter.emit(this.resource.uri);\n }}\n >\n <ion-icon name={iconName} slot=\"start\"></ion-icon>\n <slot></slot>\n </ion-item>\n );\n }\n}\n"]}

package/dist/collection/components/pos-description/pos-description.js CHANGED Viewed

@@ -4,7 +4,6 @@ export class PosDescription {
         this.receiveResource = (resource) => {
             this.resource = resource;
         };
-        this.resource = undefined;
     }
     componentWillLoad() {
         subscribeResource(this);

package/dist/collection/components/pos-description/pos-description.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-description.js","sourceRoot":"","sources":["../../../../src/components/pos-description/pos-description.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAiB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAM3E,MAAM,OAAO,cAAc~~;;QASzB~~,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC,CAAC~~;;;IANF~~,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5D,CAAC;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n tag: 'pos-description',\n shadow: true,\n})\nexport class PosDescription implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n return this.resource ? this.resource.description() : null;\n }\n}\n"]}
1	+ {"version":3,"file":"pos-description.js","sourceRoot":"","sources":["../../../../src/components/pos-description/pos-description.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAiB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAM3E,MAAM,OAAO,cAAc;IAJ3B;QAaE,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC,CAAC;KAKH;IAXC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC5D,CAAC;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n tag: 'pos-description',\n shadow: true,\n})\nexport class PosDescription implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n return this.resource ? this.resource.description() : null;\n }\n}\n"]}

package/dist/collection/components/pos-dialog/pos-dialog.js CHANGED Viewed

@@ -10,7 +10,7 @@ export class PosDialog {
         this.dialog.close();
     }
     render() {
-        return (h(Host, { key: '96cf2a4229429fb2e7a9aa0a5df072bb8ef3e945' }, h("dialog", { key: '4fc37192bb461020c9633b5b262621ab4d4bc0fe', ref: el => (this.dialog = el) }, h("header", { key: 'ed591e9b701a57179cf9c1230b24429dfd29465c' }, h("slot", { key: 'e6774fe791994bc37f842b0dd5d2a7944f009365', name: "title" }), h("button", { key: 'a106d0eced3de811ea285df1d7ede14b62539059', tabindex: -1, id: "close", title: "Close", onClick: () => this.close() }, h("ion-icon", { key: 'a5053e1836dcb97d36827d25e6b503b3bd4bb38a', name: "close-outline" }))), h("slot", { key: '4d6fa2d3f4044a0b647e697331c8cc78a91b7bda', name: "content" }))));
+        return (h(Host, { key: 'c225a4ac0e04d0a71fdb0b98c6b2ec8619f465b2' }, h("dialog", { key: 'ca442886d0651fce3b9b565dba18a6bda30750cd', ref: el => (this.dialog = el) }, h("header", { key: '5589443a2551bb8ed14870bacdbaaf0b93b0cfe2' }, h("slot", { key: 'abad20ea1a223ad2229bebcca6c7f3fe09ee4d05', name: "title" }), h("button", { key: '2da0f8dfc03a15c90dc099ee824369564ac12d72', tabindex: -1, id: "close", title: "Close", onClick: () => this.close() }, h("ion-icon", { key: 'bab7a9b15ebbec354e84aab7a84ca34a01e62600', name: "close-outline" }))), h("slot", { key: '51978d27aef2308e0b66374087543705f0ac391c', name: "content" }))));
     }
     static get is() { return "pos-dialog"; }
     static get originalStyleUrls() {

package/dist/collection/components/pos-document/pos-document.js CHANGED Viewed

@@ -3,16 +3,10 @@ import session from "../../store/session";
 import { BrokenFile } from "../broken-file/BrokenFile";
 export class PosDocument {
     constructor() {
+        this.loading = true;
         this.setOs = async (os) => {
             this.os = os;
         };
-        this.src = undefined;
-        this.alt = undefined;
-        this.os = undefined;
-        this.dataUri = undefined;
-        this.brokenFile = undefined;
-        this.error = undefined;
-        this.loading = true;
     }
     componentWillLoad() {
         session.onChange('isLoggedIn', () => this.fetchBlob());

package/dist/collection/components/pos-document/pos-document.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-document.js","sourceRoot":"","sources":["../../../../src/components/pos-document/pos-document.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAOvD,MAAM,OAAO,WAAW~~;;QA+BtB~~,UAAK,GAAG,KAAK,EAAE,EAAS,EAAE,EAAE;YAC1B,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC~~;;;;;;;uBAhByB~~,~~IAAI;;IAS/B,~~iBAAiB;QACf,OAAO,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QACvD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAQD,KAAK,CAAC,SAAS;QACb,IAAI,CAAC;YACH,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC/C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC1C,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;gBAChB,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;gBAChD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YACpB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,UAAU,GAAG,IAAsB,CAAC;YAC3C,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;QACnB,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,CAAC;IACH,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,yBAAmB,QAAQ,EAAE,IAAI,GAAsB,CAAC;QACjE,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,WAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAO,CAAC;QACvD,CAAC;QACD,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,EAAC,UAAU,IAAC,IAAI,EAAE,IAAI,CAAC,UAAU,GAAI,CAAC;QAC/C,CAAC;QACD,OAAO,cAAQ,GAAG,EAAE,IAAI,CAAC,OAAO,GAAW,CAAC;IAC9C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { PodOS, BrokenFile as BrokenFileData } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\nimport session from '../../store/session';\nimport { BrokenFile } from '../broken-file/BrokenFile';\n\n@Component({\n tag: 'pos-document',\n styleUrl: 'pos-document.css',\n shadow: true,\n})\nexport class PosDocument {\n @Prop() src: string;\n\n @Prop() alt: string;\n\n @State() os: PodOS;\n\n @State()\n private dataUri: string;\n\n @State()\n private brokenFile: BrokenFileData;\n\n @State()\n private error: Error;\n\n @State()\n private loading: boolean = true;\n\n @Event({ eventName: 'pod-os:init' }) initializeOsEmitter: EventEmitter;\n\n /*\n Indicates that the resource given in `src` property has been loaded.\n */\n @Event({ eventName: 'pod-os:resource-loaded' }) resourceLoadedEmitter: EventEmitter<string>;\n\n componentWillLoad() {\n session.onChange('isLoggedIn', () => this.fetchBlob());\n this.initializeOsEmitter.emit(this.setOs);\n }\n\n setOs = async (os: PodOS) => {\n this.os = os;\n };\n\n @Watch('os')\n @Watch('src')\n async fetchBlob() {\n try {\n this.loading = true;\n const file = await this.os.fetchFile(this.src);\n this.resourceLoadedEmitter.emit(this.src);\n if (file.blob()) {\n this.dataUri = URL.createObjectURL(file.blob());\n this.error = null;\n } else {\n this.brokenFile = file as BrokenFileData;\n }\n } catch (err) {\n this.error = err;\n } finally {\n this.loading = false;\n }\n }\n\n render() {\n if (this.loading) {\n return <ion-skeleton-text animated={true}></ion-skeleton-text>;\n }\n if (this.error) {\n return <div class=\"error\">{this.error.message}</div>;\n }\n if (this.brokenFile) {\n return <BrokenFile file={this.brokenFile} />;\n }\n return <iframe src={this.dataUri}></iframe>;\n }\n}\n"]}
1	+ {"version":3,"file":"pos-document.js","sourceRoot":"","sources":["../../../../src/components/pos-document/pos-document.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAOvD,MAAM,OAAO,WAAW;IALxB;QAsBU,YAAO,GAAY,IAAI,CAAC;QAchC,UAAK,GAAG,KAAK,EAAE,EAAS,EAAE,EAAE;YAC1B,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;KAkCH;IAzCC,iBAAiB;QACf,OAAO,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QACvD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAQD,KAAK,CAAC,SAAS;QACb,IAAI,CAAC;YACH,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC/C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC1C,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;gBAChB,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;gBAChD,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YACpB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,UAAU,GAAG,IAAsB,CAAC;YAC3C,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;QACnB,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,CAAC;IACH,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,yBAAmB,QAAQ,EAAE,IAAI,GAAsB,CAAC;QACjE,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,WAAK,KAAK,EAAC,OAAO,IAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAO,CAAC;QACvD,CAAC;QACD,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,EAAC,UAAU,IAAC,IAAI,EAAE,IAAI,CAAC,UAAU,GAAI,CAAC;QAC/C,CAAC;QACD,OAAO,cAAQ,GAAG,EAAE,IAAI,CAAC,OAAO,GAAW,CAAC;IAC9C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { PodOS, BrokenFile as BrokenFileData } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\nimport session from '../../store/session';\nimport { BrokenFile } from '../broken-file/BrokenFile';\n\n@Component({\n tag: 'pos-document',\n styleUrl: 'pos-document.css',\n shadow: true,\n})\nexport class PosDocument {\n @Prop() src: string;\n\n @Prop() alt: string;\n\n @State() os: PodOS;\n\n @State()\n private dataUri: string;\n\n @State()\n private brokenFile: BrokenFileData;\n\n @State()\n private error: Error;\n\n @State()\n private loading: boolean = true;\n\n @Event({ eventName: 'pod-os:init' }) initializeOsEmitter: EventEmitter;\n\n /*\n Indicates that the resource given in `src` property has been loaded.\n */\n @Event({ eventName: 'pod-os:resource-loaded' }) resourceLoadedEmitter: EventEmitter<string>;\n\n componentWillLoad() {\n session.onChange('isLoggedIn', () => this.fetchBlob());\n this.initializeOsEmitter.emit(this.setOs);\n }\n\n setOs = async (os: PodOS) => {\n this.os = os;\n };\n\n @Watch('os')\n @Watch('src')\n async fetchBlob() {\n try {\n this.loading = true;\n const file = await this.os.fetchFile(this.src);\n this.resourceLoadedEmitter.emit(this.src);\n if (file.blob()) {\n this.dataUri = URL.createObjectURL(file.blob());\n this.error = null;\n } else {\n this.brokenFile = file as BrokenFileData;\n }\n } catch (err) {\n this.error = err;\n } finally {\n this.loading = false;\n }\n }\n\n render() {\n if (this.loading) {\n return <ion-skeleton-text animated={true}></ion-skeleton-text>;\n }\n if (this.error) {\n return <div class=\"error\">{this.error.message}</div>;\n }\n if (this.brokenFile) {\n return <BrokenFile file={this.brokenFile} />;\n }\n return <iframe src={this.dataUri}></iframe>;\n }\n}\n"]}

package/dist/collection/components/pos-error-toast/pos-error-toast.js CHANGED Viewed

@@ -25,7 +25,7 @@ export class PosErrorToast {
         await toast.present();
     }
     render() {
-        return h("slot", { key: '4a74cfb8984c6040fec76e98ed3c8bee65fa1ee1' });
+        return h("slot", { key: '1abf0983dd843eb8b3342ec1fda0e25d02a2df5a' });
     }
     static get is() { return "pos-error-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/pos-image/pos-image.css CHANGED Viewed

@@ -7,7 +7,11 @@
    * @prop --max-height: Maximum height of the image
    * @prop --object-fit: CSS object-fit of the image
    */
-  --object-fit: cover;
+  display: flex;
+  background-size: cover;
+  background-repeat: no-repeat;
+  background-position: center;
+  border-radius: inherit;
 }
 img,
@@ -21,6 +25,10 @@ div.error {
   object-fit: var(--object-fit);
 }
+img {
+  backdrop-filter: var(--blur-xl);
+}
 .error {
   display: flex;
   opacity: 0.8;

package/dist/collection/components/pos-image/pos-image.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { BrokenFile } from "../broken-file/BrokenFile";
-import { h } from "@stencil/core";
+import { h, Host } from "@stencil/core";
 import session from "../../store/session";
 /**
  * Tries fetch an image with the solid authentication, and can visualize http errors like 403 or 404 if this fails.
@@ -8,17 +8,14 @@ import session from "../../store/session";
  */
 export class PosImage {
     constructor() {
+        /**
+         * Use a blurred version of the image as its own background, if the image is scaled down to fit into the container.
+         */
+        this.blurredBackground = false;
+        this.loading = true;
         this.setOs = async (os) => {
             this.os = os;
         };
-        this.src = undefined;
-        this.alt = undefined;
-        this.os = undefined;
-        this.dataUri = undefined;
-        this.brokenFile = undefined;
-        this.networkError = undefined;
-        this.imageError = undefined;
-        this.loading = true;
     }
     componentWillLoad() {
         session.onChange('isLoggedIn', () => this.fetchBlob());
@@ -66,7 +63,9 @@ export class PosImage {
             // if even the loading via classic <img src="..."> failed, render a link
             return (h("div", { class: "error" }, h("a", { href: this.src }, this.src)));
         }
-        return h("img", { src: this.dataUri, alt: this.alt });
+        return (h(Host, { style: {
+                backgroundImage: this.blurredBackground ? `url('${this.dataUri}')` : null,
+            } }, h("img", { src: this.dataUri, alt: this.alt })));
     }
     static get is() { return "pos-image"; }
     static get encapsulation() { return "shadow"; }
@@ -119,6 +118,26 @@ export class PosImage {
                 "setter": false,
                 "attribute": "alt",
                 "reflect": false
+            },
+            "blurredBackground": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": "Use a blurred version of the image as its own background, if the image is scaled down to fit into the container."
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "blurred-background",
+                "reflect": false,
+                "defaultValue": "false"
             }
         };
     }

package/dist/collection/components/pos-image/pos-image.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-image.js","sourceRoot":"","sources":["../../../../src/components/pos-image/pos-image.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;~~AACtF~~,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAE1C;;;;GAIG;AAMH,MAAM,OAAO,QAAQ;;~~QAkCnB~~,UAAK,GAAG,KAAK,EAAE,EAAS,EAAE,EAAE;YAC1B,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC~~;;;;;;;;uBAhByB~~,~~IAAI;;IAS/B,~~iBAAiB;QACf,OAAO,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QACvD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAQD,KAAK,CAAC,SAAS;QACb,IAAI,CAAC;YACH,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC/C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC1C,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;gBAChB,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;YAClD,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,UAAU,GAAG,IAAsB,CAAC;YAC3C,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;QAC1B,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,CAAC;IACH,CAAC;IAED,YAAY,CAAC,GAAU;QACrB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC;IACxB,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,yBAAmB,QAAQ,EAAE,IAAI,GAAsB,CAAC;QACjE,CAAC;QACD,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,wBAAwB;YACxB,OAAO,WAAK,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAI,CAAC;QACvF,CAAC;QACD,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,gDAAgD;YAChD,OAAO,EAAC,UAAU,IAAC,IAAI,EAAE,IAAI,CAAC,UAAU,GAAI,CAAC;QAC/C,CAAC;QACD,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,wEAAwE;YACxE,OAAO,CACL,WAAK,KAAK,EAAC,OAAO;gBAChB,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IAAG,IAAI,CAAC,GAAG,CAAK,CAC7B,CACP,CAAC;QACJ,CAAC;QAED,OAAO,WAAK,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CAAC;~~IACnD~~,CAAC~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~CACF","sourcesContent":["import { BrokenFile as BrokenFileData, PodOS } from '@pod-os/core';\nimport { BrokenFile } from '../broken-file/BrokenFile';\nimport { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\nimport session from '../../store/session';\n\n/*\n Tries fetch an image with the solid authentication, and can visualize http errors like 403 or 404 if this fails.\n * Falls back to classic <img src=\"...\"> on network errors like CORS.\n * Renders a normal link if even this fails.\n /\n@Component({\n tag: 'pos-image',\n styleUrl: 'pos-image.css',\n shadow: true,\n})\nexport class PosImage {\n @Prop() src: string;\n\n @Prop() alt: string;\n\n @State() os: PodOS;\n\n @State()\n private dataUri: string;\n\n @State()\n private brokenFile: BrokenFileData;\n\n @State()\n private networkError: Error;\n\n @State()\n private imageError: Event;\n\n @State()\n private loading: boolean = true;\n\n @Event({ eventName: 'pod-os:init' }) initializeOsEmitter: EventEmitter;\n\n /\n Indicates that the resource given in `src` property has been loaded.\n */\n @Event({ eventName: 'pod-os:resource-loaded' }) resourceLoadedEmitter: EventEmitter<string>;\n\n componentWillLoad() {\n session.onChange('isLoggedIn', () => this.fetchBlob());\n this.initializeOsEmitter.emit(this.setOs);\n }\n\n setOs = async (os: PodOS) => {\n this.os = os;\n };\n\n @Watch('os')\n @Watch('src')\n async fetchBlob() {\n try {\n this.loading = true;\n this.imageError = null;\n this.networkError = null;\n this.brokenFile = null;\n const file = await this.os.fetchFile(this.src);\n this.resourceLoadedEmitter.emit(this.src);\n if (file.blob()) {\n this.dataUri = URL.createObjectURL(file.blob());\n } else {\n this.brokenFile = file as BrokenFileData;\n }\n } catch (err) {\n this.networkError = err;\n } finally {\n this.loading = false;\n }\n }\n\n onImageError(err: Event) {\n this.networkError = null;\n this.imageError = err;\n }\n\n render() {\n if (this.loading) {\n return <ion-skeleton-text animated={true}></ion-skeleton-text>;\n }\n if (this.networkError) {\n // probably a CORS error\n return <img alt={this.alt} src={this.src} onError={err => this.onImageError(err)} />;\n }\n if (this.brokenFile) {\n // fetching worked, but HTTP response was not ok\n return <BrokenFile file={this.brokenFile} />;\n }\n if (this.imageError) {\n // if even the loading via classic <img src=\"...\"> failed, render a link\n return (\n <div class=\"error\">\n <a href={this.src}>{this.src}</a>\n </div>\n );\n }\n\n return <img src={this.dataUri} alt={this.alt} ~~/>;\~~n }\n}\n"]}
1	+ {"version":3,"file":"pos-image.js","sourceRoot":"","sources":["../../../../src/components/pos-image/pos-image.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAE1C;;;;GAIG;AAMH,MAAM,OAAO,QAAQ;IALrB;QAUE;;WAEG;QACK,sBAAiB,GAAY,KAAK,CAAC;QAiBnC,YAAO,GAAY,IAAI,CAAC;QAchC,UAAK,GAAG,KAAK,EAAE,EAAS,EAAE,EAAE;YAC1B,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;KA4DH;IAnEC,iBAAiB;QACf,OAAO,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC;QACvD,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC5C,CAAC;IAQD,KAAK,CAAC,SAAS;QACb,IAAI,CAAC;YACH,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;YACpB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;YACzB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC;YACvB,MAAM,IAAI,GAAG,MAAM,IAAI,CAAC,EAAE,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC/C,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC1C,IAAI,IAAI,CAAC,IAAI,EAAE,EAAE,CAAC;gBAChB,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;YAClD,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,UAAU,GAAG,IAAsB,CAAC;YAC3C,CAAC;QACH,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,IAAI,CAAC,YAAY,GAAG,GAAG,CAAC;QAC1B,CAAC;gBAAS,CAAC;YACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACvB,CAAC;IACH,CAAC;IAED,YAAY,CAAC,GAAU;QACrB,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC;QACzB,IAAI,CAAC,UAAU,GAAG,GAAG,CAAC;IACxB,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YACjB,OAAO,yBAAmB,QAAQ,EAAE,IAAI,GAAsB,CAAC;QACjE,CAAC;QACD,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACtB,wBAAwB;YACxB,OAAO,WAAK,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,GAAI,CAAC;QACvF,CAAC;QACD,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,gDAAgD;YAChD,OAAO,EAAC,UAAU,IAAC,IAAI,EAAE,IAAI,CAAC,UAAU,GAAI,CAAC;QAC/C,CAAC;QACD,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,wEAAwE;YACxE,OAAO,CACL,WAAK,KAAK,EAAC,OAAO;gBAChB,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IAAG,IAAI,CAAC,GAAG,CAAK,CAC7B,CACP,CAAC;QACJ,CAAC;QAED,OAAO,CACL,EAAC,IAAI,IACH,KAAK,EAAE;gBACL,eAAe,EAAE,IAAI,CAAC,iBAAiB,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,CAAC,IAAI;aAC1E;YAED,WAAK,GAAG,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,CACpC,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { BrokenFile as BrokenFileData, PodOS } from '@pod-os/core';\nimport { BrokenFile } from '../broken-file/BrokenFile';\nimport { Component, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\nimport session from '../../store/session';\n\n/*\n Tries fetch an image with the solid authentication, and can visualize http errors like 403 or 404 if this fails.\n * Falls back to classic <img src=\"...\"> on network errors like CORS.\n * Renders a normal link if even this fails.\n /\n@Component({\n tag: 'pos-image',\n styleUrl: 'pos-image.css',\n shadow: true,\n})\nexport class PosImage {\n @Prop() src: string;\n\n @Prop() alt: string;\n\n /\n Use a blurred version of the image as its own background, if the image is scaled down to fit into the container.\n /\n @Prop() blurredBackground: boolean = false;\n\n @State() os: PodOS;\n\n @State()\n private dataUri: string;\n\n @State()\n private brokenFile: BrokenFileData;\n\n @State()\n private networkError: Error;\n\n @State()\n private imageError: Event;\n\n @State()\n private loading: boolean = true;\n\n @Event({ eventName: 'pod-os:init' }) initializeOsEmitter: EventEmitter;\n\n /\n Indicates that the resource given in `src` property has been loaded.\n */\n @Event({ eventName: 'pod-os:resource-loaded' }) resourceLoadedEmitter: EventEmitter<string>;\n\n componentWillLoad() {\n session.onChange('isLoggedIn', () => this.fetchBlob());\n this.initializeOsEmitter.emit(this.setOs);\n }\n\n setOs = async (os: PodOS) => {\n this.os = os;\n };\n\n @Watch('os')\n @Watch('src')\n async fetchBlob() {\n try {\n this.loading = true;\n this.imageError = null;\n this.networkError = null;\n this.brokenFile = null;\n const file = await this.os.fetchFile(this.src);\n this.resourceLoadedEmitter.emit(this.src);\n if (file.blob()) {\n this.dataUri = URL.createObjectURL(file.blob());\n } else {\n this.brokenFile = file as BrokenFileData;\n }\n } catch (err) {\n this.networkError = err;\n } finally {\n this.loading = false;\n }\n }\n\n onImageError(err: Event) {\n this.networkError = null;\n this.imageError = err;\n }\n\n render() {\n if (this.loading) {\n return <ion-skeleton-text animated={true}></ion-skeleton-text>;\n }\n if (this.networkError) {\n // probably a CORS error\n return <img alt={this.alt} src={this.src} onError={err => this.onImageError(err)} />;\n }\n if (this.brokenFile) {\n // fetching worked, but HTTP response was not ok\n return <BrokenFile file={this.brokenFile} />;\n }\n if (this.imageError) {\n // if even the loading via classic <img src=\"...\"> failed, render a link\n return (\n <div class=\"error\">\n <a href={this.src}>{this.src}</a>\n </div>\n );\n }\n\n return (\n <Host\n style={{\n backgroundImage: this.blurredBackground ? `url('${this.dataUri}')` : null,\n }}\n >\n <img src={this.dataUri} alt={this.alt} />\n </Host>\n );\n }\n}\n"]}

package/dist/collection/components/pos-internal-router/pos-internal-router.js CHANGED Viewed

@@ -4,7 +4,7 @@ export class PosInternalRouter {
         this.uri = 'pod-os:dashboard';
     }
     render() {
-        return h("pos-app-dashboard", { key: '9f21e373afb8a99a1b85abf09f97f730afee4ed6' });
+        return h("pos-app-dashboard", { key: '44741d470c91f1faa732c5932788aa58b56805d4' });
     }
     static get is() { return "pos-internal-router"; }
     static get properties() {

package/dist/collection/components/pos-internal-router/pos-internal-router.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-internal-router.js","sourceRoot":"","sources":["../../../../src/components/pos-internal-router/pos-internal-router.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAKnD,MAAM,OAAO,iBAAiB~~;;mBAEd~~,kBAAkB~~;;IAEhC~~,MAAM;QACJ,OAAO,2EAAuC,CAAC;IACjD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pos-internal-router',\n})\nexport class PosInternalRouter {\n @Prop()\n uri: string = 'pod-os:dashboard';\n\n render() {\n return <pos-app-dashboard></pos-app-dashboard>;\n }\n}\n"]}
1	+ {"version":3,"file":"pos-internal-router.js","sourceRoot":"","sources":["../../../../src/components/pos-internal-router/pos-internal-router.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAKnD,MAAM,OAAO,iBAAiB;IAH9B;QAKE,QAAG,GAAW,kBAAkB,CAAC;KAKlC;IAHC,MAAM;QACJ,OAAO,2EAAuC,CAAC;IACjD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pos-internal-router',\n})\nexport class PosInternalRouter {\n @Prop()\n uri: string = 'pod-os:dashboard';\n\n render() {\n return <pos-app-dashboard></pos-app-dashboard>;\n }\n}\n"]}

package/dist/collection/components/pos-label/pos-label.js CHANGED Viewed

@@ -4,7 +4,6 @@ export class PosLabel {
         this.receiveResource = (resource) => {
             this.resource = resource;
         };
-        this.resource = undefined;
     }
     componentWillLoad() {
         subscribeResource(this);

package/dist/collection/components/pos-label/pos-label.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-label.js","sourceRoot":"","sources":["../../../../src/components/pos-label/pos-label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAuC,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAMjG,MAAM,OAAO,QAAQ~~;;QAUnB~~,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC,CAAC~~;;;IANF~~,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACtD,CAAC;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, State } from '@stencil/core';\nimport { ResourceAware, ResourceEventEmitter, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n tag: 'pos-label',\n shadow: true,\n})\nexport class PosLabel implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' })\n subscribeResource: ResourceEventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n return this.resource ? this.resource.label() : null;\n }\n}\n"]}
1	+ {"version":3,"file":"pos-label.js","sourceRoot":"","sources":["../../../../src/components/pos-label/pos-label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACxD,OAAO,EAAuC,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAMjG,MAAM,OAAO,QAAQ;IAJrB;QAcE,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC,CAAC;KAKH;IAXC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IACtD,CAAC;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, State } from '@stencil/core';\nimport { ResourceAware, ResourceEventEmitter, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n tag: 'pos-label',\n shadow: true,\n})\nexport class PosLabel implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' })\n subscribeResource: ResourceEventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n return this.resource ? this.resource.label() : null;\n }\n}\n"]}

package/dist/collection/components/pos-literals/pos-literals.css CHANGED Viewed

@@ -11,6 +11,8 @@ dd {
 }
 dl {
+  padding: 0;
+  margin: 0;
   display: flex;
   flex-direction: column;
   gap: var(--size-1);