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

package/dist/collection/components/pos-subjects/pos-subjects.js

@@ -3,11 +3,11 @@ import { h } from "@stencil/core";
 import { subscribeResource } from "../events/ResourceAware";
 export class PosSubjects {
     constructor() {
+        this.data = [];
         this.receiveResource = (resource) => {
             const doc = resource.assume(RdfDocument);
             this.data = doc.subjects();
         };
-        this.data = [];
     }
     componentWillLoad() {
         subscribeResource(this);

package/dist/collection/components/pos-subjects/pos-subjects.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-subjects.js","sourceRoot":"","sources":["../../../../src/components/pos-subjects/pos-subjects.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAkB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAiB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAO3E,MAAM,OAAO,WAAW;;QAUtB,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC7B,CAAC,CAAC;oBAZyB,EAAE;;IAK7B,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAOD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAChC;YACE,qBAAe,GAAG,EAAE,EAAE,CAAC,GAAG,GAAI,CAC3B,CACN,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,cAAK,KAAK,CAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IACxD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { RdfDocument, Subject, Thing } 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-subjects',\n  shadow: true,\n  styleUrl: 'pos-subjects.css',\n})\nexport class PosSubjects implements ResourceAware {\n  @State() data: Subject[] = [];\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(RdfDocument);\n    this.data = doc.subjects();\n  };\n\n  render() {\n    const items = this.data.map(it => (\n      <li>\n        <pos-rich-link uri={it.uri} />\n      </li>\n    ));\n    return this.data.length > 0 ? <ul>{items}</ul> : null;\n  }\n}\n"]}
+{"version":3,"file":"pos-subjects.js","sourceRoot":"","sources":["../../../../src/components/pos-subjects/pos-subjects.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAkB,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAiB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAO3E,MAAM,OAAO,WAAW;IALxB;QAMW,SAAI,GAAc,EAAE,CAAC;QAS9B,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;YACzC,IAAI,CAAC,IAAI,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC;QAC7B,CAAC,CAAC;KAUH;IAjBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAOD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAChC;YACE,qBAAe,GAAG,EAAE,EAAE,CAAC,GAAG,GAAI,CAC3B,CACN,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,cAAK,KAAK,CAAM,CAAC,CAAC,CAAC,IAAI,CAAC;IACxD,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { RdfDocument, Subject, Thing } 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-subjects',\n  shadow: true,\n  styleUrl: 'pos-subjects.css',\n})\nexport class PosSubjects implements ResourceAware {\n  @State() data: Subject[] = [];\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(RdfDocument);\n    this.data = doc.subjects();\n  };\n\n  render() {\n    const items = this.data.map(it => (\n      <li>\n        <pos-rich-link uri={it.uri} />\n      </li>\n    ));\n    return this.data.length > 0 ? <ul>{items}</ul> : null;\n  }\n}\n"]}

package/dist/collection/components/pos-type-badges/pos-type-badges.css

@@ -1,7 +1,6 @@
 .types {
   display: flex;
-  gap: 0.25rem;
-  margin: 0.5rem 0;
+  gap: var(--size-1);
 }
 
 .expanded {

package/dist/collection/components/pos-type-badges/pos-type-badges.js

@@ -2,13 +2,13 @@ import { h, Host } from "@stencil/core";
 import { subscribeResource } from "../events/ResourceAware";
 export class PosTypeBadges {
     constructor() {
+        this.data = [];
+        this.typeLabels = [];
+        this.isExpanded = false;
         this.receiveResource = (resource) => {
             this.data = resource.types();
             this.typeLabels = [...new Set(resource.types().map(it => it.label))];
         };
-        this.data = [];
-        this.typeLabels = [];
-        this.isExpanded = false;
     }
     componentWillLoad() {
         subscribeResource(this);

package/dist/collection/components/pos-type-badges/pos-type-badges.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-type-badges.js","sourceRoot":"","sources":["../../../../src/components/pos-type-badges/pos-type-badges.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAiB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAO3E,MAAM,OAAO,aAAa;;QAaxB,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACvE,CAAC,CAAC;oBAfyB,EAAE;0BACG,EAAE;0BAEH,KAAK;;IAKpC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAOD,aAAa;QACX,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;IACrC,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAC;QACd,CAAC;QACD,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,CACL,WAAK,KAAK,EAAC,gBAAgB;gBACzB,iBAAW,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;oBAC3D,gBAAU,IAAI,EAAC,kBAAkB,GAAY,CACnC;gBACX,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CACnB,qBAAY,EAAE,CAAC,GAAG,CAAa,CAChC,CAAC,CACE,CACP,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,CACL,EAAC,IAAI;gBACH,WAAK,KAAK,EAAC,OAAO;oBACf,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CACzB,qBAAY,EAAE,CAAa,CAC5B,CAAC;oBACF,iBAAW,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;wBAC3D,gBAAU,IAAI,EAAC,gBAAgB,GAAY,CACjC,CACR,CACD,CACR,CAAC;QACJ,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { RdfType, Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n  tag: 'pos-type-badges',\n  shadow: true,\n  styleUrl: 'pos-type-badges.css',\n})\nexport class PosTypeBadges implements ResourceAware {\n  @State() data: RdfType[] = [];\n  @State() typeLabels: string[] = [];\n\n  @State() isExpanded: boolean = false;\n\n  @Event({ eventName: 'pod-os:resource' })\n  subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.data = resource.types();\n    this.typeLabels = [...new Set(resource.types().map(it => it.label))];\n  };\n\n  toggleDetails() {\n    this.isExpanded = !this.isExpanded;\n  }\n\n  render() {\n    if (this.data.length == 0) {\n      return null;\n    }\n    if (this.isExpanded) {\n      return (\n        <div class=\"types expanded\">\n          <ion-badge class=\"toggle\" onClick={() => this.toggleDetails()}>\n            <ion-icon name=\"contract-outline\"></ion-icon>\n          </ion-badge>\n          {this.data.map(it => (\n            <ion-badge>{it.uri}</ion-badge>\n          ))}\n        </div>\n      );\n    } else {\n      return (\n        <Host>\n          <div class=\"types\">\n            {this.typeLabels.map(it => (\n              <ion-badge>{it}</ion-badge>\n            ))}\n            <ion-badge class=\"toggle\" onClick={() => this.toggleDetails()}>\n              <ion-icon name=\"expand-outline\"></ion-icon>\n            </ion-badge>\n          </div>\n        </Host>\n      );\n    }\n  }\n}\n"]}
+{"version":3,"file":"pos-type-badges.js","sourceRoot":"","sources":["../../../../src/components/pos-type-badges/pos-type-badges.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC/E,OAAO,EAAiB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAO3E,MAAM,OAAO,aAAa;IAL1B;QAMW,SAAI,GAAc,EAAE,CAAC;QACrB,eAAU,GAAa,EAAE,CAAC;QAE1B,eAAU,GAAY,KAAK,CAAC;QASrC,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;YAC7B,IAAI,CAAC,UAAU,GAAG,CAAC,GAAG,IAAI,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACvE,CAAC,CAAC;KAoCH;IA3CC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAOD,aAAa;QACX,IAAI,CAAC,UAAU,GAAG,CAAC,IAAI,CAAC,UAAU,CAAC;IACrC,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,IAAI,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YAC1B,OAAO,IAAI,CAAC;QACd,CAAC;QACD,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YACpB,OAAO,CACL,WAAK,KAAK,EAAC,gBAAgB;gBACzB,iBAAW,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;oBAC3D,gBAAU,IAAI,EAAC,kBAAkB,GAAY,CACnC;gBACX,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CACnB,qBAAY,EAAE,CAAC,GAAG,CAAa,CAChC,CAAC,CACE,CACP,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,CACL,EAAC,IAAI;gBACH,WAAK,KAAK,EAAC,OAAO;oBACf,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CACzB,qBAAY,EAAE,CAAa,CAC5B,CAAC;oBACF,iBAAW,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,EAAE;wBAC3D,gBAAU,IAAI,EAAC,gBAAgB,GAAY,CACjC,CACR,CACD,CACR,CAAC;QACJ,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { RdfType, Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n  tag: 'pos-type-badges',\n  shadow: true,\n  styleUrl: 'pos-type-badges.css',\n})\nexport class PosTypeBadges implements ResourceAware {\n  @State() data: RdfType[] = [];\n  @State() typeLabels: string[] = [];\n\n  @State() isExpanded: boolean = false;\n\n  @Event({ eventName: 'pod-os:resource' })\n  subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.data = resource.types();\n    this.typeLabels = [...new Set(resource.types().map(it => it.label))];\n  };\n\n  toggleDetails() {\n    this.isExpanded = !this.isExpanded;\n  }\n\n  render() {\n    if (this.data.length == 0) {\n      return null;\n    }\n    if (this.isExpanded) {\n      return (\n        <div class=\"types expanded\">\n          <ion-badge class=\"toggle\" onClick={() => this.toggleDetails()}>\n            <ion-icon name=\"contract-outline\"></ion-icon>\n          </ion-badge>\n          {this.data.map(it => (\n            <ion-badge>{it.uri}</ion-badge>\n          ))}\n        </div>\n      );\n    } else {\n      return (\n        <Host>\n          <div class=\"types\">\n            {this.typeLabels.map(it => (\n              <ion-badge>{it}</ion-badge>\n            ))}\n            <ion-badge class=\"toggle\" onClick={() => this.toggleDetails()}>\n              <ion-icon name=\"expand-outline\"></ion-icon>\n            </ion-badge>\n          </div>\n        </Host>\n      );\n    }\n  }\n}\n"]}

package/dist/collection/components/pos-type-router/pos-type-router.js

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

package/dist/collection/components/pos-type-router/pos-type-router.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-type-router.js","sourceRoot":"","sources":["../../../../src/components/pos-type-router/pos-type-router.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,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAMxD,MAAM,OAAO,aAAa;;QAUxB,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;QAChC,CAAC,CAAC;;;IANF,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9C,CAAC;IAEO,SAAS;QACf,MAAM,GAAG,GAAG,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1C,OAAO,EAAC,GAAG,OAAG,CAAC;IACjB,CAAC;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { RdfType, Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\nimport { selectAppForTypes } from './selectAppForTypes';\n\n@Component({\n  tag: 'pos-type-router',\n  shadow: true,\n})\nexport class PosTypeRouter implements ResourceAware {\n  @State() types: RdfType[];\n\n  @Event({ eventName: 'pod-os:resource' })\n  subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.types = resource.types();\n  };\n\n  render() {\n    return this.types ? this.renderApp() : null;\n  }\n\n  private renderApp() {\n    const App = selectAppForTypes(this.types);\n    return <App />;\n  }\n}\n"]}
+{"version":3,"file":"pos-type-router.js","sourceRoot":"","sources":["../../../../src/components/pos-type-router/pos-type-router.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,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAMxD,MAAM,OAAO,aAAa;IAJ1B;QAcE,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;QAChC,CAAC,CAAC;KAUH;IAhBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,OAAO,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC9C,CAAC;IAEO,SAAS;QACf,MAAM,GAAG,GAAG,iBAAiB,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1C,OAAO,EAAC,GAAG,OAAG,CAAC;IACjB,CAAC;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { RdfType, Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\nimport { selectAppForTypes } from './selectAppForTypes';\n\n@Component({\n  tag: 'pos-type-router',\n  shadow: true,\n})\nexport class PosTypeRouter implements ResourceAware {\n  @State() types: RdfType[];\n\n  @Event({ eventName: 'pod-os:resource' })\n  subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.types = resource.types();\n  };\n\n  render() {\n    return this.types ? this.renderApp() : null;\n  }\n\n  private renderApp() {\n    const App = selectAppForTypes(this.types);\n    return <App />;\n  }\n}\n"]}

package/dist/collection/components/pos-value/pos-value.js

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

package/dist/collection/components/pos-value/pos-value.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-value.js","sourceRoot":"","sources":["../../../../src/components/pos-value/pos-value.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAuC,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAMjG,MAAM,OAAO,QAAQ;;QAcnB,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,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACvE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, Prop, State } from '@stencil/core';\nimport { ResourceAware, ResourceEventEmitter, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n  tag: 'pos-value',\n  shadow: true,\n})\nexport class PosValue implements ResourceAware {\n  /**\n   * URI of the predicate to get the value from\n   */\n  @Prop() predicate: string;\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.anyValue(this.predicate) : null;\n  }\n}\n"]}
+{"version":3,"file":"pos-value.js","sourceRoot":"","sources":["../../../../src/components/pos-value/pos-value.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC9D,OAAO,EAAuC,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAMjG,MAAM,OAAO,QAAQ;IAJrB;QAkBE,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,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IACvE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, Prop, State } from '@stencil/core';\nimport { ResourceAware, ResourceEventEmitter, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n  tag: 'pos-value',\n  shadow: true,\n})\nexport class PosValue implements ResourceAware {\n  /**\n   * URI of the predicate to get the value from\n   */\n  @Prop() predicate: string;\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.anyValue(this.predicate) : null;\n  }\n}\n"]}

package/dist/components/pos-add-literal-value2.js

@@ -24,10 +24,6 @@ const PosAddLiteralValue = /*@__PURE__*/ proxyCustomElement(class PosAddLiteralV
         this.receivePodOs = async (os) => {
             this.os = os;
         };
-        this.os = undefined;
-        this.resource = undefined;
-        this.currentValue = undefined;
-        this.selectedTermUri = undefined;
     }
     setName() { }
     componentWillLoad() {

package/dist/components/pos-add-literal-value2.js.map

@@ -1 +1 @@
-{"file":"pos-add-literal-value2.js","mappings":";;;;;;;;AAAA,MAAM,qBAAqB,GAAG,mDAAmD,CAAC;AAClF,iCAAe,qBAAqB;;MCSvB,kBAAkB;;;;;;;;;QA+B7B,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;QAEF,iBAAY,GAAG,OAAO,EAAS;YAC7B,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd,CAAC;;;;;;IAfF,OAAO,MAAK;IAIZ,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,cAAc,CAAC,IAAI,CAAC,CAAC;KACtB;IAUD,MAAM,IAAI;QACR,IAAI;YACF,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;SACxB;QAAC,OAAO,GAAG,EAAE;YACZ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACtB;KACF;IAED,cAAc,CAAC,KAAK;QAClB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QACxC,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;KAC5B;IAED,MAAM;;QACJ,IAAI,EAAC,MAAA,IAAI,CAAC,QAAQ,0CAAE,QAAQ,CAAA,EAAE;YAC5B,OAAO;SACR;QACD,QACE,EAAC,IAAI,QACH,gBAAU,IAAI,EAAC,oBAAoB,GAAY,EAC/C,uBAAiB,WAAW,EAAC,aAAa,4BAAyB,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,GAAI,EACpG,iBACE,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,EACjC,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,WAAW,EAAC,EAAE,EACd,WAAW,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,EACnE,QAAQ,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,GAChB,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-add-literal-value/pos-add-literal-value.css?tag=pos-add-literal-value&encapsulation=shadow","src/components/pos-add-literal-value/pos-add-literal-value.tsx"],"sourcesContent":[":host {\n  display: flex;\n  align-items: center;\n  gap: 0.2rem;\n}\n","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"],"version":3}
+{"file":"pos-add-literal-value2.js","mappings":";;;;;;;;AAAA,MAAM,qBAAqB,GAAG,mDAAmD,CAAC;AAClF,iCAAe,qBAAqB;;MCSvB,kBAAkB;IAL/B;;;;;;;;QAoCE,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;QAEF,iBAAY,GAAG,OAAO,EAAS;YAC7B,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;SACd,CAAC;KAwCH;IAvDC,OAAO,MAAK;IAIZ,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;QACxB,cAAc,CAAC,IAAI,CAAC,CAAC;KACtB;IAUD,MAAM,IAAI;QACR,IAAI;YACF,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;SACxB;QAAC,OAAO,GAAG,EAAE;YACZ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;SACtB;KACF;IAED,cAAc,CAAC,KAAK;QAClB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;QACxC,IAAI,CAAC,UAAU,CAAC,QAAQ,EAAE,CAAC;KAC5B;IAED,MAAM;;QACJ,IAAI,EAAC,MAAA,IAAI,CAAC,QAAQ,0CAAE,QAAQ,CAAA,EAAE;YAC5B,OAAO;SACR;QACD,QACE,EAAC,IAAI,QACH,gBAAU,IAAI,EAAC,oBAAoB,GAAY,EAC/C,uBAAiB,WAAW,EAAC,aAAa,4BAAyB,EAAE,IAAI,IAAI,CAAC,cAAc,CAAC,EAAE,CAAC,GAAI,EACpG,iBACE,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,UAAU,GAAG,EAAE,CAAC,EACjC,KAAK,EAAE,IAAI,CAAC,YAAY,EACxB,WAAW,EAAC,EAAE,EACd,WAAW,EAAE,EAAE,KAAK,IAAI,CAAC,YAAY,GAAG,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,EACnE,QAAQ,EAAE,MAAM,IAAI,CAAC,IAAI,EAAE,GAChB,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-add-literal-value/pos-add-literal-value.css?tag=pos-add-literal-value&encapsulation=shadow","src/components/pos-add-literal-value/pos-add-literal-value.tsx"],"sourcesContent":[":host {\n  display: flex;\n  align-items: center;\n  gap: 0.2rem;\n}\n","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"],"version":3}

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

@@ -12,13 +12,12 @@ const PosAddNewThing = /*@__PURE__*/ proxyCustomElement(class PosAddNewThing ext
         super();
         this.__registerHost();
         this.__attachShadow();
-        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 style() { return PosAddNewThingStyle0; }
 }, [1, "pos-add-new-thing", {

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

@@ -1 +1 @@
-{"file":"pos-add-new-thing2.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,ocAAoc,CAAC;AAC/d,6BAAe,iBAAiB;;MCMnB,cAAc;;;;;;;IAKzB,UAAU;QACR,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;KACzB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,+DAAQ,EAAE,EAAC,KAAK,EAAC,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,IACvE,iEAAU,IAAI,EAAC,oBAAoB,GAAY,CACxC,EACT,mEAAY,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,MAAM,GAAG,EAA0B,CAAC,IAC/D,6DAAM,IAAI,EAAC,OAAO,sBAAuB,EACzC,2EAAoB,IAAI,EAAC,SAAS,EAAC,YAAY,EAAE,IAAI,CAAC,YAAY,GAAI,CAC3D,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-add-new-thing/pos-add-new-thing.css?tag=pos-add-new-thing&encapsulation=shadow","src/components/pos-add-new-thing/pos-add-new-thing.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-sans);\n  display: block;\n}\n\nbutton#new {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  width: var(--scale-5);\n  height: var(--scale-5);\n  background-color: var(--pos-primary-color);\n  color: var(--color-grey-50);\n  font-size: var(--scale-6);\n  border-radius: var(--radius-xs);\n}\n\nbutton#new:hover, button#new:focus {\n  outline: none;\n  filter: brightness(110%);\n  box-shadow: var(--shadow-sm);\n}\n\npos-new-thing-form {\n  margin: var(--scale-3);\n}\n\n","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"],"version":3}
+{"file":"pos-add-new-thing2.js","mappings":";;;;;;AAAA,MAAM,iBAAiB,GAAG,ocAAoc,CAAC;AAC/d,6BAAe,iBAAiB;;MCMnB,cAAc;;;;;;IAKzB,UAAU;QACR,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,CAAC;KACzB;IAED,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,+DAAQ,EAAE,EAAC,KAAK,EAAC,KAAK,EAAC,iBAAiB,EAAC,OAAO,EAAE,MAAM,IAAI,CAAC,UAAU,EAAE,IACvE,iEAAU,IAAI,EAAC,oBAAoB,GAAY,CACxC,EACT,mEAAY,GAAG,EAAE,EAAE,KAAK,IAAI,CAAC,MAAM,GAAG,EAA0B,CAAC,IAC/D,6DAAM,IAAI,EAAC,OAAO,sBAAuB,EACzC,2EAAoB,IAAI,EAAC,SAAS,EAAC,YAAY,EAAE,IAAI,CAAC,YAAY,GAAI,CAC3D,CACR,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-add-new-thing/pos-add-new-thing.css?tag=pos-add-new-thing&encapsulation=shadow","src/components/pos-add-new-thing/pos-add-new-thing.tsx"],"sourcesContent":[":host {\n  font-family: var(--font-sans);\n  display: block;\n}\n\nbutton#new {\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border: none;\n  width: var(--scale-5);\n  height: var(--scale-5);\n  background-color: var(--pos-primary-color);\n  color: var(--color-grey-50);\n  font-size: var(--scale-6);\n  border-radius: var(--radius-xs);\n}\n\nbutton#new:hover, button#new:focus {\n  outline: none;\n  filter: brightness(110%);\n  box-shadow: var(--shadow-sm);\n}\n\npos-new-thing-form {\n  margin: var(--scale-3);\n}\n\n","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"],"version":3}

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

@@ -37,6 +37,12 @@ const PosAppBrowser$1 = /*@__PURE__*/ proxyCustomElement(class PosAppBrowser ext
         super();
         this.__registerHost();
         this.restorePreviousSession = false;
+        /**
+         * The mode the app is running in:
+         *
+         * - standalone:  use this when you deploy it as a standalone web application
+         * - pod: use this when you host this app as a default interface for you pod
+         */
         this.mode = 'standalone';
         this.uri = '';
     }

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

@@ -1 +1 @@
-{"file":"pos-app-browser.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,opBAAopB,CAAC;AAC9qB,4BAAe,gBAAgB;;MCKlBA,eAAa;;;;sCACkB,KAAK;oBAQV,YAAY;mBAElC,EAAE;;IAEjB,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,2EAAoB,GAAG,EAAE,IAAI,CAAC,GAAG,KAAK,kBAAkB,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,GAAuB,EAC/F,mEAAuB,CAChB,EACT,+DACG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,IAC7B,2BAAqB,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,KAEtC,oBAAc,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IACxC,0BAAmB,CACN,CAChB,CACI,EACP,iEACE,EAAC,IAAI,sDAAG,EACR,+EAA0B,CACnB,CACE,CACG,CACV,CACL,EACP;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: 100vh;\n}\n\npos-navigation-bar {\n  max-width: var(--width-lg);\n  margin: 0;\n}\n\npos-add-new-thing,\npos-login {\n  flex: 0 1 auto; /* Behält die Breite des Inhalts bei */\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\nheader {\n  flex-wrap: wrap;\n  padding: 0 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: 0 var(--size-1) var(--size-1);\n    justify-content: space-between;\n  }\n\n  pos-navigation-bar {\n    flex-basis: 100%;\n    order: 0;\n  }\n\n  pos-add-new-thing,\n  pos-login {\n    order: 1;\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-bar uri={this.uri === 'pod-os:dashboard' ? '' : this.uri}></pos-navigation-bar>\n                <pos-login></pos-login>\n              </header>\n              <main>\n                {this.uri.startsWith('pod-os:') ? (\n                  <pos-internal-router uri={this.uri} />\n                ) : (\n                  <pos-resource key={this.uri} uri={this.uri}>\n                    <pos-type-router />\n                  </pos-resource>\n                )}\n              </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\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,opBAAopB,CAAC;AAC9qB,4BAAe,gBAAgB;;MCKlBA,eAAa;IAJ1B;;;QAKU,2BAAsB,GAAY,KAAK,CAAC;;;;;;;QAQxC,SAAI,GAAyB,YAAY,CAAC;QAEzC,QAAG,GAAG,EAAE,CAAC;KAgCnB;IA9BC,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,2EAAoB,GAAG,EAAE,IAAI,CAAC,GAAG,KAAK,kBAAkB,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,GAAuB,EAC/F,mEAAuB,CAChB,EACT,+DACG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,IAC7B,2BAAqB,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,KAEtC,oBAAc,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IACxC,0BAAmB,CACN,CAChB,CACI,EACP,iEACE,EAAC,IAAI,sDAAG,EACR,+EAA0B,CACnB,CACE,CACG,CACV,CACL,EACP;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: 100vh;\n}\n\npos-navigation-bar {\n  max-width: var(--width-lg);\n  margin: 0;\n}\n\npos-add-new-thing,\npos-login {\n  flex: 0 1 auto; /* Behält die Breite des Inhalts bei */\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\nheader {\n  flex-wrap: wrap;\n  padding: 0 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: 0 var(--size-1) var(--size-1);\n    justify-content: space-between;\n  }\n\n  pos-navigation-bar {\n    flex-basis: 100%;\n    order: 0;\n  }\n\n  pos-add-new-thing,\n  pos-login {\n    order: 1;\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-bar uri={this.uri === 'pod-os:dashboard' ? '' : this.uri}></pos-navigation-bar>\n                <pos-login></pos-login>\n              </header>\n              <main>\n                {this.uri.startsWith('pod-os:') ? (\n                  <pos-internal-router uri={this.uri} />\n                ) : (\n                  <pos-resource key={this.uri} uri={this.uri}>\n                    <pos-type-router />\n                  </pos-resource>\n                )}\n              </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\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-document-viewer.js

@@ -28,7 +28,6 @@ const PosAppDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class PosAppDocu
         this.receiveResource = (resource) => {
             this.resource = resource;
         };
-        this.resource = undefined;
     }
     componentWillLoad() {
         subscribeResource(this);

package/dist/components/pos-app-document-viewer.js.map

@@ -1 +1 @@
-{"file":"pos-app-document-viewer.js","mappings":";;;;;;;;;;;;;;;;;;;;;MAQaA,sBAAoB;;;;;;QAS/B,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;;;IANF,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,IAAI,CAAC;SACb;QAED,QACE,oBACE,mBACE,eAAS,IAAI,EAAC,IAAI,qBAChB,oBAAc,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAChC,EACV,eAAS,IAAI,EAAC,IAAI,qBAChB,oBACE,2BACE,0BACE,oBAAa,CACE,EACjB,0BAAmB,EACnB,uBAAgB,CACA,CACT,CACH,CACF,CACD,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppDocumentViewer"],"sources":["src/apps/pos-app-document-viewer/pos-app-document-viewer.tsx"],"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"],"version":3}
+{"file":"pos-app-document-viewer.js","mappings":";;;;;;;;;;;;;;;;;;;;;MAQaA,sBAAoB;IAJjC;;;;;QAaE,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;KA4BH;IAlCC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,IAAI,CAAC;SACb;QAED,QACE,oBACE,mBACE,eAAS,IAAI,EAAC,IAAI,qBAChB,oBAAc,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAChC,EACV,eAAS,IAAI,EAAC,IAAI,qBAChB,oBACE,2BACE,0BACE,oBAAa,CACE,EACjB,0BAAmB,EACnB,uBAAgB,CACA,CACT,CACH,CACF,CACD,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppDocumentViewer"],"sources":["src/apps/pos-app-document-viewer/pos-app-document-viewer.tsx"],"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"],"version":3}

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

@@ -1,16 +1,12 @@
-import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$r } from './badge.js';
-import { d as defineCustomElement$q } from './card.js';
-import { d as defineCustomElement$p } from './card-content.js';
-import { d as defineCustomElement$o } from './card-header.js';
-import { d as defineCustomElement$n } from './card-title.js';
-import { d as defineCustomElement$m } from './col.js';
-import { d as defineCustomElement$l } from './grid.js';
-import { d as defineCustomElement$k } from './icon.js';
-import { d as defineCustomElement$j } from './input.js';
-import { d as defineCustomElement$i } from './progress-bar.js';
-import { d as defineCustomElement$h } from './ripple-effect.js';
-import { d as defineCustomElement$g } from './row.js';
+import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { d as defineCustomElement$n } from './badge.js';
+import { d as defineCustomElement$m } from './card.js';
+import { d as defineCustomElement$l } from './card-content.js';
+import { d as defineCustomElement$k } from './card-header.js';
+import { d as defineCustomElement$j } from './icon.js';
+import { d as defineCustomElement$i } from './input.js';
+import { d as defineCustomElement$h } from './progress-bar.js';
+import { d as defineCustomElement$g } from './ripple-effect.js';
 import { d as defineCustomElement$f } from './skeleton-text.js';
 import { d as defineCustomElement$e } from './pos-add-literal-value2.js';
 import { d as defineCustomElement$d } from './pos-description2.js';
@@ -26,20 +22,25 @@ import { d as defineCustomElement$4 } from './pos-rich-link2.js';
 import { d as defineCustomElement$3 } from './pos-select-term2.js';
 import { d as defineCustomElement$2 } from './pos-type-badges2.js';
 
+const posAppGenericCss = ":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\n.card {\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n\n  header {\n    display: flex;\n    flex-direction: column;\n\n    pos-picture {\n      --object-fit: contain;\n      --width: 100%;\n      --height: auto;\n      --max-height: 300px;\n      border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n      --border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n    }\n\n    h1,\n    pos-type-badges {\n      margin: var(--size-2);\n    }\n  }\n\n  main {\n    padding: var(--size-2);\n\n    pos-description {\n      color: var(--color-grey-800);\n      font-weight: var(--weight-light);\n    }\n  }\n}\n\n@media (min-width: 640px) {\n  :host {\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section:first-of-type {\n      flex: 0 0 25%;\n    }\n\n    section:not(:first-of-type) {\n      flex: 1;\n    }\n  }\n}\n";
+const PosAppGenericStyle0 = posAppGenericCss;
+
 const PosAppGeneric$1 = /*@__PURE__*/ proxyCustomElement(class PosAppGeneric extends HTMLElement {
     constructor() {
         super();
         this.__registerHost();
+        this.__attachShadow();
     }
     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' }))));
     }
-}, [0, "pos-app-generic"]);
+    static get style() { return PosAppGenericStyle0; }
+}, [1, "pos-app-generic"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["pos-app-generic", "ion-badge", "ion-card", "ion-card-content", "ion-card-header", "ion-card-title", "ion-col", "ion-grid", "ion-icon", "ion-input", "ion-progress-bar", "ion-ripple-effect", "ion-row", "ion-skeleton-text", "pos-add-literal-value", "pos-description", "pos-image", "pos-label", "pos-literals", "pos-picture", "pos-predicate", "pos-relations", "pos-resource", "pos-reverse-relations", "pos-rich-link", "pos-select-term", "pos-type-badges"];
+    const components = ["pos-app-generic", "ion-badge", "ion-card", "ion-card-content", "ion-card-header", "ion-icon", "ion-input", "ion-progress-bar", "ion-ripple-effect", "ion-skeleton-text", "pos-add-literal-value", "pos-description", "pos-image", "pos-label", "pos-literals", "pos-picture", "pos-predicate", "pos-relations", "pos-resource", "pos-reverse-relations", "pos-rich-link", "pos-select-term", "pos-type-badges"];
     components.forEach(tagName => { switch (tagName) {
         case "pos-app-generic":
             if (!customElements.get(tagName)) {
@@ -47,61 +48,41 @@ function defineCustomElement$1() {
             }
             break;
         case "ion-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$r();
-            }
-            break;
-        case "ion-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$q();
-            }
-            break;
-        case "ion-card-content":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$p();
-            }
-            break;
-        case "ion-card-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$o();
-            }
-            break;
-        case "ion-card-title":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "ion-col":
+        case "ion-card":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "ion-grid":
+        case "ion-card-content":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "ion-icon":
+        case "ion-card-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "ion-input":
+        case "ion-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "ion-progress-bar":
+        case "ion-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }
             break;
-        case "ion-ripple-effect":
+        case "ion-progress-bar":
             if (!customElements.get(tagName)) {
                 defineCustomElement$h();
             }
             break;
-        case "ion-row":
+        case "ion-ripple-effect":
             if (!customElements.get(tagName)) {
                 defineCustomElement$g();
             }

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

@@ -1 +1 @@
-{"file":"pos-app-generic.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;MAKaA,eAAa;;;;;IACxB,MAAM;QACJ,QACE,mEACE,kEACE,gEAAS,IAAI,EAAC,IAAI,qBAChB,mEACE,0EACE,yEAAmB,EACnB,qEAAe,EACf,yEACE,mEAAa,CACE,CACD,EAClB,2EACE,yEAAmB,CACF,CACV,CACH,EACV,gEAAS,IAAI,EAAC,IAAI,qBAChB,sEAAgB,CACR,EACV,gEAAS,IAAI,EAAC,IAAI,qBAChB,uEAAiB,EACjB,+EAAyB,CACjB,CACF,CACD,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppGeneric"],"sources":["src/apps/pos-app-generic/pos-app-generic.tsx"],"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"],"version":3}
+{"file":"pos-app-generic.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,sgCAAsgC,CAAC;AAChiC,4BAAe,gBAAgB;;MCMlBA,eAAa;;;;;;IACxB,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,kEACE,4DAAK,KAAK,EAAC,MAAM,IACf,iEACE,oEAAa,iBAAiB,EAAE,IAAI,GAAI,EACxC,6DACE,mEAAa,CACV,EACL,yEAAmB,CACZ,EACT,+DACE,yEAAmB,CACd,CACH,CACE,EACV,kEACE,sEAAgB,CACR,EACV,kEACE,uEAAiB,EACjB,+EAAyB,CACjB,CACL,EACP;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppGeneric"],"sources":["src/apps/pos-app-generic/pos-app-generic.css?tag=pos-app-generic&encapsulation=shadow","src/apps/pos-app-generic/pos-app-generic.tsx"],"sourcesContent":[":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\n.card {\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n\n  header {\n    display: flex;\n    flex-direction: column;\n\n    pos-picture {\n      --object-fit: contain;\n      --width: 100%;\n      --height: auto;\n      --max-height: 300px;\n      border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n      --border-radius: var(--radius-sm) var(--radius-sm) 0 0;\n    }\n\n    h1,\n    pos-type-badges {\n      margin: var(--size-2);\n    }\n  }\n\n  main {\n    padding: var(--size-2);\n\n    pos-description {\n      color: var(--color-grey-800);\n      font-weight: var(--weight-light);\n    }\n  }\n}\n\n@media (min-width: 640px) {\n  :host {\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section:first-of-type {\n      flex: 0 0 25%;\n    }\n\n    section:not(:first-of-type) {\n      flex: 1;\n    }\n  }\n}\n","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"],"version":3}

package/dist/components/pos-app-image-viewer.js

@@ -28,7 +28,6 @@ const PosAppImageViewer$1 = /*@__PURE__*/ proxyCustomElement(class PosAppImageVi
         this.receiveResource = (resource) => {
             this.resource = resource;
         };
-        this.resource = undefined;
     }
     componentWillLoad() {
         subscribeResource(this);

package/dist/components/pos-app-image-viewer.js.map

@@ -1 +1 @@
-{"file":"pos-app-image-viewer.js","mappings":";;;;;;;;;;;;;;;;;;;;;MAaaA,mBAAiB;;;;;;QAS5B,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;;;IANF,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,IAAI,CAAC;SACb;QAED,QACE,oBACE,mBACE,eAAS,IAAI,EAAC,IAAI,qBAChB,iBAAW,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAC7B,EACV,eAAS,IAAI,EAAC,IAAI,qBAChB,oBACE,2BACE,0BACE,oBAAa,CACE,EACjB,0BAAmB,EACnB,uBAAgB,CACA,CACT,CACH,CACF,CACD,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppImageViewer"],"sources":["src/apps/pos-app-image-viewer/pos-app-image-viewer.tsx"],"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"],"version":3}
+{"file":"pos-app-image-viewer.js","mappings":";;;;;;;;;;;;;;;;;;;;;MAaaA,mBAAiB;IAT9B;;;;;QAkBE,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;KA4BH;IAlCC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,IAAI,CAAC;SACb;QAED,QACE,oBACE,mBACE,eAAS,IAAI,EAAC,IAAI,qBAChB,iBAAW,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAC7B,EACV,eAAS,IAAI,EAAC,IAAI,qBAChB,oBACE,2BACE,0BACE,oBAAa,CACE,EACjB,0BAAmB,EACnB,uBAAgB,CACA,CACT,CACH,CACF,CACD,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppImageViewer"],"sources":["src/apps/pos-app-image-viewer/pos-app-image-viewer.tsx"],"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"],"version":3}

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

@@ -34,7 +34,7 @@ const PosAppLdpContainer$1 = /*@__PURE__*/ proxyCustomElement(class PosAppLdpCon
         this.__registerHost();
     }
     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' })))))));
     }
 }, [0, "pos-app-ldp-container"]);
 function defineCustomElement$1() {

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

@@ -28,7 +28,7 @@ const PosAppRdfDocument$1 = /*@__PURE__*/ proxyCustomElement(class PosAppRdfDocu
         this.__registerHost();
     }
     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' })))))));
     }
 }, [0, "pos-app-rdf-document"]);
 function defineCustomElement$1() {

package/dist/components/pos-app2.js

@@ -930,9 +930,8 @@ const PosApp = /*@__PURE__*/ proxyCustomElement(class PosApp extends HTMLElement
         super();
         this.__registerHost();
         this.sessionRestoredEmitter = createEvent(this, "pod-os:session-restored", 7);
-        this.disconnected$ = new Subject();
-        this.os = undefined;
         this.restorePreviousSession = false;
+        this.disconnected$ = new Subject();
     }
     componentWillLoad() {
         this.os = createPodOS();
@@ -971,7 +970,7 @@ const PosApp = /*@__PURE__*/ proxyCustomElement(class PosApp extends HTMLElement
         }
     }
     render() {
-        return h("slot", { key: '1ed94f2f97dd52a6a80ceb6d9faa1d1c95796994' });
+        return h("slot", { key: '32436fcf8726f4c6b3079f402c296bd3c6cafd04' });
     }
 }, [4, "pos-app", {
         "restorePreviousSession": [4, "restore-previous-session"],