npm - @pod-os/elements - Versions diffs - 0.21.1-aba77d3.0 → 0.22.1 - Mend

@pod-os/elements 0.21.1-aba77d3.0 → 0.22.1

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 (612) hide show

package/dist/collection/components/pos-navigation-bar/pos-navigation-bar.js CHANGED Viewed

@@ -3,15 +3,14 @@ import session from "../../store/session";
 import { subscribePodOs } from "../events/PodOsAware";
 export class PosNavigationBar {
     constructor() {
-        this.receivePodOs = async (os) => {
-            this.os = os;
-        };
-        this.os = undefined;
         this.uri = '';
         this.value = this.uri;
         this.searchIndex = undefined;
         this.suggestions = [];
         this.selectedIndex = -1;
+        this.receivePodOs = async (os) => {
+            this.os = os;
+        };
     }
     componentWillLoad() {
         subscribePodOs(this);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-navigation-bar.js","sourceRoot":"","sources":["../../../../src/components/pos-navigation-bar/pos-navigation-bar.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEvF,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAiC,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAOrF,MAAM,OAAO,gBAAgB~~;;QA2B3B~~,~~iBAAY~~,~~GAAG~~,~~KAAK,~~EAAE,~~EAAS~~,~~EAAE~~,~~EAAE;YACjC~~,IAAI,CAAC,~~EAAE~~,GAAG,EAAE,CAAC;~~QACf~~,CAAC,CAAC~~;;mBAzBoB~~,EAAE;~~qBAEC~~,IAAI,CAAC,GAAG~~;2BAII~~,~~SAAS;2BAEvB~~,~~EAAE~~;~~6BAEA~~,CAAC,CAAC~~;;IAE3B~~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","sourcesContent":["import { PodOS, SearchIndex } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Listen, Prop, State } from '@stencil/core';\n\nimport session from '../../store/session';\nimport { PodOsAware, PodOsEventEmitter, subscribePodOs } from '../events/PodOsAware';\n\n@Component({\n tag: 'pos-navigation-bar',\n shadow: true,\n styleUrl: 'pos-navigation-bar.css',\n})\nexport class PosNavigationBar implements PodOsAware {\n @State() os: PodOS;\n\n @Event({ eventName: 'pod-os:init' }) subscribePodOs: PodOsEventEmitter;\n @Prop() uri: string = '';\n\n @State() value: string = this.uri;\n\n @Event({ eventName: 'pod-os:link' }) linkEmitter: EventEmitter;\n\n @State() searchIndex?: SearchIndex = undefined;\n\n @State() suggestions = [];\n\n @State() selectedIndex = -1;\n\n componentWillLoad() {\n subscribePodOs(this);\n session.onChange('isLoggedIn', async isLoggedIn => {\n if (isLoggedIn) {\n this.searchIndex = await this.os.buildSearchIndex(session.state.profile);\n } else {\n this.searchIndex?.clear();\n }\n });\n }\n\n receivePodOs = async (os: PodOS) => {\n this.os = os;\n };\n\n private onChange(event) {\n this.value = event.detail.value;\n this.search();\n }\n\n @Listen('click', { target: 'document' })\n @Listen('pod-os:link')\n clearSuggestions() {\n this.suggestions = [];\n this.selectedIndex = -1;\n }\n\n @Listen('click')\n onClickSelf(event) {\n event.stopPropagation();\n }\n\n @Listen('focus')\n onFocus() {\n this.search();\n }\n\n @Listen('keydown')\n handleKeyDown(ev: KeyboardEvent) {\n if (ev.key === 'Escape') {\n this.clearSuggestions();\n } else if (ev.key === 'ArrowDown') {\n ev.preventDefault();\n this.selectedIndex = Math.min(this.selectedIndex + 1, this.suggestions.length - 1);\n } else if (ev.key === 'ArrowUp') {\n ev.preventDefault();\n this.selectedIndex = Math.max(this.selectedIndex - 1, 0);\n }\n }\n\n private search() {\n if (this.searchIndex) {\n this.suggestions = this.value ? this.searchIndex.search(this.value) : [];\n }\n }\n\n private onSubmit(event) {\n event.preventDefault();\n if (this.suggestions && this.selectedIndex > -1) {\n this.linkEmitter.emit(this.suggestions[this.selectedIndex].ref);\n } else {\n this.linkEmitter.emit(this.value);\n }\n }\n\n render() {\n return (\n <form onSubmit={e => this.onSubmit(e)}>\n <ion-searchbar\n enterkeyhint=\"search\"\n placeholder=\"Search or enter URI\"\n value={this.uri}\n debounce={300}\n onIonChange={e => this.onChange(e)}\n onIonInput={e => this.onChange(e)}\n />\n {this.suggestions.length > 0 ? (\n <div class=\"suggestions\">\n <ol>\n {this.suggestions.map((it, index) => (\n <li class={index === this.selectedIndex ? 'selected' : ''}>\n <pos-rich-link uri={it.ref}></pos-rich-link>\n </li>\n ))}\n </ol>\n </div>\n ) : null}\n </form>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pos-navigation-bar.js","sourceRoot":"","sources":["../../../../src/components/pos-navigation-bar/pos-navigation-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PodOS, SearchIndex } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Listen, Prop, State } from '@stencil/core';\n\nimport session from '../../store/session';\nimport { PodOsAware, PodOsEventEmitter, subscribePodOs } from '../events/PodOsAware';\n\n@Component({\n tag: 'pos-navigation-bar',\n shadow: true,\n styleUrl: 'pos-navigation-bar.css',\n})\nexport class PosNavigationBar implements PodOsAware {\n @State() os: PodOS;\n\n @Event({ eventName: 'pod-os:init' }) subscribePodOs: PodOsEventEmitter;\n @Prop() uri: string = '';\n\n @State() value: string = this.uri;\n\n @Event({ eventName: 'pod-os:link' }) linkEmitter: EventEmitter;\n\n @State() searchIndex?: SearchIndex = undefined;\n\n @State() suggestions = [];\n\n @State() selectedIndex = -1;\n\n componentWillLoad() {\n subscribePodOs(this);\n session.onChange('isLoggedIn', async isLoggedIn => {\n if (isLoggedIn) {\n this.searchIndex = await this.os.buildSearchIndex(session.state.profile);\n } else {\n this.searchIndex?.clear();\n }\n });\n }\n\n receivePodOs = async (os: PodOS) => {\n this.os = os;\n };\n\n private onChange(event) {\n this.value = event.detail.value;\n this.search();\n }\n\n @Listen('click', { target: 'document' })\n @Listen('pod-os:link')\n clearSuggestions() {\n this.suggestions = [];\n this.selectedIndex = -1;\n }\n\n @Listen('click')\n onClickSelf(event) {\n event.stopPropagation();\n }\n\n @Listen('focus')\n onFocus() {\n this.search();\n }\n\n @Listen('keydown')\n handleKeyDown(ev: KeyboardEvent) {\n if (ev.key === 'Escape') {\n this.clearSuggestions();\n } else if (ev.key === 'ArrowDown') {\n ev.preventDefault();\n this.selectedIndex = Math.min(this.selectedIndex + 1, this.suggestions.length - 1);\n } else if (ev.key === 'ArrowUp') {\n ev.preventDefault();\n this.selectedIndex = Math.max(this.selectedIndex - 1, 0);\n }\n }\n\n private search() {\n if (this.searchIndex) {\n this.suggestions = this.value ? this.searchIndex.search(this.value) : [];\n }\n }\n\n private onSubmit(event) {\n event.preventDefault();\n if (this.suggestions && this.selectedIndex > -1) {\n this.linkEmitter.emit(this.suggestions[this.selectedIndex].ref);\n } else {\n this.linkEmitter.emit(this.value);\n }\n }\n\n render() {\n return (\n <form onSubmit={e => this.onSubmit(e)}>\n <ion-searchbar\n enterkeyhint=\"search\"\n placeholder=\"Search or enter URI\"\n value={this.uri}\n debounce={300}\n onIonChange={e => this.onChange(e)}\n onIonInput={e => this.onChange(e)}\n />\n {this.suggestions.length > 0 ? (\n <div class=\"suggestions\">\n <ol>\n {this.suggestions.map((it, index) => (\n <li class={index === this.selectedIndex ? 'selected' : ''}>\n <pos-rich-link uri={it.ref}></pos-rich-link>\n </li>\n ))}\n </ol>\n </div>\n ) : null}\n </form>\n );\n }\n}\n"]}

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

@@ -2,15 +2,10 @@ import { h } from "@stencil/core";
 import { subscribePodOs } from "../events/PodOsAware";
 export class PosNewThingForm {
     constructor() {
+        this.canSubmit = false;
         this.receivePodOs = async (os) => {
             this.os = os;
         };
-        this.referenceUri = undefined;
-        this.os = undefined;
-        this.newUri = undefined;
-        this.name = undefined;
-        this.selectedTypeUri = undefined;
-        this.canSubmit = false;
     }
     validate() {
         this.canSubmit = Boolean(this.name && this.selectedTypeUri);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-new-thing-form.js","sourceRoot":"","sources":["../../../../src/components/pos-new-thing-form/pos-new-thing-form.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,EAAiC,cAAc,EAAE,MAAM,sBAAsB,CAAC;AASrF,MAAM,OAAO,eAAe~~;;QAsB1B~~,iBAAY,GAAG,KAAK,EAAE,EAAS,EAAE,EAAE;YACjC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC~~;;;;;;yBAhB4B~~,~~KAAK;;IAOnC,~~QAAQ;QACN,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC;IAC9D,CAAC;IAED,iBAAiB;QACf,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;IAOD,MAAM;QACJ,OAAO,CACL,6DAAM,MAAM,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;YACvD,8DAAO,OAAO,EAAC,MAAM,WAAa;YAClC,wEACE,EAAE,EAAC,MAAM,EACT,WAAW,EAAC,EAAE,EACd,KAAK,EAAE,IAAI,CAAC,eAAe,4BACH,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,GACnD;YACF,8DAAO,OAAO,EAAC,MAAM,WAAa;YAClC,8DAAO,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAI;YACpF,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,WAAK,EAAE,EAAC,SAAS,EAAC,KAAK,EAAC,uCAAuC,IAC5D,IAAI,CAAC,MAAM,CACR,CACP,CAAC,CAAC,CAAC,IAAI;YACR,8DAAO,EAAE,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS,GAAI,CACxE,CACR,CAAC;IACJ,CAAC;IAED,YAAY,CAAC,KAAK;QAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAC/B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5E,CAAC;IAED,cAAc,CAAC,KAAK;QAClB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;IAC1C,CAAC;IAED,KAAK,CAAC,YAAY,CAAC,KAAK;QACtB,IAAI,CAAC;YACH,MAAM,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YACxE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACnC,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;IAEO,KAAK;QACX,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;IAC5B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { PodOS } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\nimport { PodOsAware, PodOsEventEmitter, subscribePodOs } from '../events/PodOsAware';\n\n@Component({\n tag: 'pos-new-thing-form',\n styleUrl: 'pos-new-thing-form.css',\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class PosNewThingForm implements PodOsAware {\n @Prop() referenceUri!: string;\n @State() os: PodOS;\n\n @State() newUri: string;\n @State() name: string;\n @State() selectedTypeUri: string;\n\n @State() canSubmit: boolean = false;\n\n @Event({ eventName: 'pod-os:link' }) linkEmitter: EventEmitter;\n @Event({ eventName: 'pod-os:error' }) errorEmitter: EventEmitter;\n\n @Watch('name')\n @Watch('selectedTypeUri')\n validate() {\n this.canSubmit = Boolean(this.name && this.selectedTypeUri);\n }\n\n componentWillLoad() {\n subscribePodOs(this);\n }\n receivePodOs = async (os: PodOS) => {\n this.os = os;\n };\n\n @Event({ eventName: 'pod-os:init' }) subscribePodOs: PodOsEventEmitter;\n\n render() {\n return (\n <form method=\"dialog\" onSubmit={e => this.handleSubmit(e)}>\n <label htmlFor=\"type\">Type</label>\n <pos-select-term\n id=\"type\"\n placeholder=\"\"\n value={this.selectedTypeUri}\n onPod-os:term-selected={e => this.onTermSelected(e)}\n />\n <label htmlFor=\"name\">Name</label>\n <input id=\"name\" type=\"text\" value={this.name} onInput={e => this.handleChange(e)} />\n {this.newUri ? (\n <div id=\"new-uri\" title=\"This will be the URI of the new thing\">\n {this.newUri}\n </div>\n ) : null}\n <input id=\"create\" type=\"submit\" value=\"Create\" disabled={!this.canSubmit} />\n </form>\n );\n }\n\n handleChange(event) {\n this.name = event.target.value;\n this.newUri = this.os.proposeUriForNewThing(this.referenceUri, this.name);\n }\n\n onTermSelected(event) {\n this.selectedTypeUri = event.detail.uri;\n }\n\n async handleSubmit(event) {\n try {\n await this.os.addNewThing(this.newUri, this.name, this.selectedTypeUri);\n this.linkEmitter.emit(this.newUri);\n this.reset();\n } catch (error) {\n event.preventDefault();\n this.errorEmitter.emit(error);\n }\n }\n\n private reset() {\n this.name = '';\n this.newUri = '';\n this.selectedTypeUri = '';\n }\n}\n"]}
1	+ {"version":3,"file":"pos-new-thing-form.js","sourceRoot":"","sources":["../../../../src/components/pos-new-thing-form/pos-new-thing-form.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtF,OAAO,EAAiC,cAAc,EAAE,MAAM,sBAAsB,CAAC;AASrF,MAAM,OAAO,eAAe;IAP5B;QAeW,cAAS,GAAY,KAAK,CAAC;QAcpC,iBAAY,GAAG,KAAK,EAAE,EAAS,EAAE,EAAE;YACjC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;KAmDH;IA5DC,QAAQ;QACN,IAAI,CAAC,SAAS,GAAG,OAAO,CAAC,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,eAAe,CAAC,CAAC;IAC9D,CAAC;IAED,iBAAiB;QACf,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;IAOD,MAAM;QACJ,OAAO,CACL,6DAAM,MAAM,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;YACvD,8DAAO,OAAO,EAAC,MAAM,WAAa;YAClC,wEACE,EAAE,EAAC,MAAM,EACT,WAAW,EAAC,EAAE,EACd,KAAK,EAAE,IAAI,CAAC,eAAe,4BACH,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,GACnD;YACF,8DAAO,OAAO,EAAC,MAAM,WAAa;YAClC,8DAAO,EAAE,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,GAAI;YACpF,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CACb,WAAK,EAAE,EAAC,SAAS,EAAC,KAAK,EAAC,uCAAuC,IAC5D,IAAI,CAAC,MAAM,CACR,CACP,CAAC,CAAC,CAAC,IAAI;YACR,8DAAO,EAAE,EAAC,QAAQ,EAAC,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,SAAS,GAAI,CACxE,CACR,CAAC;IACJ,CAAC;IAED,YAAY,CAAC,KAAK;QAChB,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;QAC/B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC,qBAAqB,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;IAC5E,CAAC;IAED,cAAc,CAAC,KAAK;QAClB,IAAI,CAAC,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC;IAC1C,CAAC;IAED,KAAK,CAAC,YAAY,CAAC,KAAK;QACtB,IAAI,CAAC;YACH,MAAM,IAAI,CAAC,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,eAAe,CAAC,CAAC;YACxE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;YACnC,IAAI,CAAC,KAAK,EAAE,CAAC;QACf,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAChC,CAAC;IACH,CAAC;IAEO,KAAK;QACX,IAAI,CAAC,IAAI,GAAG,EAAE,CAAC;QACf,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;QACjB,IAAI,CAAC,eAAe,GAAG,EAAE,CAAC;IAC5B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { PodOS } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Prop, State, Watch } from '@stencil/core';\nimport { PodOsAware, PodOsEventEmitter, subscribePodOs } from '../events/PodOsAware';\n\n@Component({\n tag: 'pos-new-thing-form',\n styleUrl: 'pos-new-thing-form.css',\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class PosNewThingForm implements PodOsAware {\n @Prop() referenceUri!: string;\n @State() os: PodOS;\n\n @State() newUri: string;\n @State() name: string;\n @State() selectedTypeUri: string;\n\n @State() canSubmit: boolean = false;\n\n @Event({ eventName: 'pod-os:link' }) linkEmitter: EventEmitter;\n @Event({ eventName: 'pod-os:error' }) errorEmitter: EventEmitter;\n\n @Watch('name')\n @Watch('selectedTypeUri')\n validate() {\n this.canSubmit = Boolean(this.name && this.selectedTypeUri);\n }\n\n componentWillLoad() {\n subscribePodOs(this);\n }\n receivePodOs = async (os: PodOS) => {\n this.os = os;\n };\n\n @Event({ eventName: 'pod-os:init' }) subscribePodOs: PodOsEventEmitter;\n\n render() {\n return (\n <form method=\"dialog\" onSubmit={e => this.handleSubmit(e)}>\n <label htmlFor=\"type\">Type</label>\n <pos-select-term\n id=\"type\"\n placeholder=\"\"\n value={this.selectedTypeUri}\n onPod-os:term-selected={e => this.onTermSelected(e)}\n />\n <label htmlFor=\"name\">Name</label>\n <input id=\"name\" type=\"text\" value={this.name} onInput={e => this.handleChange(e)} />\n {this.newUri ? (\n <div id=\"new-uri\" title=\"This will be the URI of the new thing\">\n {this.newUri}\n </div>\n ) : null}\n <input id=\"create\" type=\"submit\" value=\"Create\" disabled={!this.canSubmit} />\n </form>\n );\n }\n\n handleChange(event) {\n this.name = event.target.value;\n this.newUri = this.os.proposeUriForNewThing(this.referenceUri, this.name);\n }\n\n onTermSelected(event) {\n this.selectedTypeUri = event.detail.uri;\n }\n\n async handleSubmit(event) {\n try {\n await this.os.addNewThing(this.newUri, this.name, this.selectedTypeUri);\n this.linkEmitter.emit(this.newUri);\n this.reset();\n } catch (error) {\n event.preventDefault();\n this.errorEmitter.emit(error);\n }\n }\n\n private reset() {\n this.name = '';\n this.newUri = '';\n this.selectedTypeUri = '';\n }\n}\n"]}

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

@@ -2,11 +2,13 @@ import { h } from "@stencil/core";
 import { subscribeResource } from "../events/ResourceAware";
 export class PosPicture {
     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.receiveResource = (resource) => {
             this.resource = resource;
         };
-        this.blurredBackground = false;
-        this.resource = undefined;
     }
     componentWillLoad() {
         subscribeResource(this);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-picture.js","sourceRoot":"","sources":["../../../../src/components/pos-picture/pos-picture.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAiB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAO3E,MAAM,OAAO,UAAU;;~~QAcrB~~,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC,CAAC;~~iCAZmC~~,~~KAAK;;;IAM1C,~~iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3D,IAAI,CAAC,GAAG;YAAE,OAAO,IAAI,CAAC;QACtB,OAAO,iBAAW,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAc,CAAC;IACtH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, State, h, Prop } from '@stencil/core';\nimport { Thing } from '@pod-os/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n tag: 'pos-picture',\n shadow: true,\n styleUrl: 'pos-picture.css',\n})\nexport class PosPicture implements ResourceAware {\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() 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 const pic = this.resource ? this.resource.picture() : null;\n if (!pic) return null;\n return <pos-image blurredBackground={this.blurredBackground} src={pic.url} alt={this.resource.label()}></pos-image>;\n }\n}\n"]}
1	+ {"version":3,"file":"pos-picture.js","sourceRoot":"","sources":["../../../../src/components/pos-picture/pos-picture.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAE/E,OAAO,EAAiB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAO3E,MAAM,OAAO,UAAU;IALvB;QAME;;WAEG;QACK,sBAAiB,GAAY,KAAK,CAAC;QAU3C,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAC3B,CAAC,CAAC;KAOH;IAbC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAC3D,IAAI,CAAC,GAAG;YAAE,OAAO,IAAI,CAAC;QACtB,OAAO,iBAAW,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAc,CAAC;IACtH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, State, h, Prop } from '@stencil/core';\nimport { Thing } from '@pod-os/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n tag: 'pos-picture',\n shadow: true,\n styleUrl: 'pos-picture.css',\n})\nexport class PosPicture implements ResourceAware {\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() 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 const pic = this.resource ? this.resource.picture() : null;\n if (!pic) return null;\n return <pos-image blurredBackground={this.blurredBackground} src={pic.url} alt={this.resource.label()}></pos-image>;\n }\n}\n"]}

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

@@ -1,8 +1,6 @@
 import { h } from "@stencil/core";
 export class PosPredicate {
     constructor() {
-        this.uri = undefined;
-        this.label = undefined;
         this.expanded = false;
     }
     render() {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-predicate.js","sourceRoot":"","sources":["../../../../src/components/pos-predicate/pos-predicate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAO1D,MAAM,OAAO,YAAY~~;;;;wBAQH~~,KAAK~~;;IAEzB~~,MAAM;QACJ,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,CACL,WAAK,KAAK,EAAC,WAAW;gBACpB,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IAAG,IAAI,CAAC,GAAG,CAAK;gBACjC,4BAAoB,mBAAmB,IAAI,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;oBACzF,gBAAU,IAAI,EAAC,6BAA6B,GAAY,CACjD,CACL,CACP,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,CACL,cAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,IAC3D,IAAI,CAAC,KAAK,CACJ,CACV,CAAC;QACJ,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'pos-predicate',\n shadow: true,\n styleUrl: './pos-predicate.css',\n})\nexport class PosPredicate {\n @Prop()\n uri: string;\n\n @Prop()\n label: string;\n\n @State()\n expanded: boolean = false;\n\n render() {\n if (this.expanded) {\n return (\n <div class=\"container\">\n <a href={this.uri}>{this.uri}</a>\n <button aria-label={`collapse URI to ${this.label}`} onClick={() => (this.expanded = false)}>\n <ion-icon name=\"chevron-back-circle-outline\"></ion-icon>\n </button>\n </div>\n );\n } else {\n return (\n <button onClick={() => (this.expanded = true)} title={this.uri}>\n {this.label}\n </button>\n );\n }\n }\n}\n"]}
1	+ {"version":3,"file":"pos-predicate.js","sourceRoot":"","sources":["../../../../src/components/pos-predicate/pos-predicate.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAO1D,MAAM,OAAO,YAAY;IALzB;QAaE,aAAQ,GAAY,KAAK,CAAC;KAoB3B;IAlBC,MAAM;QACJ,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,OAAO,CACL,WAAK,KAAK,EAAC,WAAW;gBACpB,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IAAG,IAAI,CAAC,GAAG,CAAK;gBACjC,4BAAoB,mBAAmB,IAAI,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;oBACzF,gBAAU,IAAI,EAAC,6BAA6B,GAAY,CACjD,CACL,CACP,CAAC;QACJ,CAAC;aAAM,CAAC;YACN,OAAO,CACL,cAAQ,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,IAC3D,IAAI,CAAC,KAAK,CACJ,CACV,CAAC;QACJ,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'pos-predicate',\n shadow: true,\n styleUrl: './pos-predicate.css',\n})\nexport class PosPredicate {\n @Prop()\n uri: string;\n\n @Prop()\n label: string;\n\n @State()\n expanded: boolean = false;\n\n render() {\n if (this.expanded) {\n return (\n <div class=\"container\">\n <a href={this.uri}>{this.uri}</a>\n <button aria-label={`collapse URI to ${this.label}`} onClick={() => (this.expanded = false)}>\n <ion-icon name=\"chevron-back-circle-outline\"></ion-icon>\n </button>\n </div>\n );\n } else {\n return (\n <button onClick={() => (this.expanded = true)} title={this.uri}>\n {this.label}\n </button>\n );\n }\n }\n}\n"]}

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

@@ -2,10 +2,10 @@ import { h } from "@stencil/core";
 import { subscribeResource } from "../events/ResourceAware";
 export class PosRelations {
     constructor() {
+        this.data = [];
         this.receiveResource = (resource) => {
             this.data = resource.relations();
         };
-        this.data = [];
     }
     componentWillLoad() {
         subscribeResource(this);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-relations.js","sourceRoot":"","sources":["../../../../src/components/pos-relations/pos-relations.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;AAO3E,MAAM,OAAO,YAAY~~;;QAUvB~~,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC;QACnC,CAAC,CAAC;~~oBAX0B~~,~~EAAE;;IAK9B,~~iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAChC,WAAK,KAAK,EAAC,kBAAkB;YAC3B;gBACE,qBAAe,GAAG,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAI,CAClD;YACL,WAAK,KAAK,EAAC,QAAQ,IAChB,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAClB;gBACE,qBAAe,GAAG,EAAE,GAAG,GAAI,CACxB,CACN,CAAC,CACE,CACF,CACP,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 { Relation, 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-relations',\n shadow: true,\n styleUrl: 'pos-relations.css',\n})\nexport class PosRelations implements ResourceAware {\n @State() data: Relation[] = [];\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.relations();\n };\n\n render() {\n const items = this.data.map(it => (\n <div class=\"predicate-values\">\n <dt>\n <pos-predicate uri={it.predicate} label={it.label} />\n </dt>\n <div class=\"values\">\n {it.uris.map(uri => (\n <dd>\n <pos-rich-link uri={uri} />\n </dd>\n ))}\n </div>\n </div>\n ));\n return this.data.length > 0 ? <dl>{items}</dl> : null;\n }\n}\n"]}
1	+ {"version":3,"file":"pos-relations.js","sourceRoot":"","sources":["../../../../src/components/pos-relations/pos-relations.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;AAO3E,MAAM,OAAO,YAAY;IALzB;QAMW,SAAI,GAAe,EAAE,CAAC;QAS/B,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC;QACnC,CAAC,CAAC;KAmBH;IAzBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAChC,WAAK,KAAK,EAAC,kBAAkB;YAC3B;gBACE,qBAAe,GAAG,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAI,CAClD;YACL,WAAK,KAAK,EAAC,QAAQ,IAChB,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAClB;gBACE,qBAAe,GAAG,EAAE,GAAG,GAAI,CACxB,CACN,CAAC,CACE,CACF,CACP,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 { Relation, 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-relations',\n shadow: true,\n styleUrl: 'pos-relations.css',\n})\nexport class PosRelations implements ResourceAware {\n @State() data: Relation[] = [];\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.relations();\n };\n\n render() {\n const items = this.data.map(it => (\n <div class=\"predicate-values\">\n <dt>\n <pos-predicate uri={it.predicate} label={it.label} />\n </dt>\n <div class=\"values\">\n {it.uris.map(uri => (\n <dd>\n <pos-rich-link uri={uri} />\n </dd>\n ))}\n </div>\n </div>\n ));\n return this.data.length > 0 ? <dl>{items}</dl> : null;\n }\n}\n"]}

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

@@ -3,16 +3,12 @@ import session from "../../store/session";
 import { subscribePodOs } from "../events/PodOsAware";
 export class PosResource {
     constructor() {
-        this.receivePodOs = async (os) => {
-            this.os = os;
-        };
-        this.os = undefined;
-        this.resource = undefined;
         this.consumers = [];
-        this.uri = undefined;
         this.lazy = false;
-        this.error = undefined;
         this.loading = true;
+        this.receivePodOs = async (os) => {
+            this.os = os;
+        };
     }
     componentWillLoad() {
         session.onChange('isLoggedIn', () => this.loadResource());

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

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-resource.js","sourceRoot":"","sources":["../../../../src/components/pos-resource/pos-resource.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEtG,OAAO,OAAO,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAiC,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAWrF,MAAM,OAAO,WAAW~~;;QA4BtB~~,iBAAY,GAAG,KAAK,EAAE,EAAS,EAAE,EAAE;YACjC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC~~;;;yBA1B6C~~,~~EAAE;;oBAIzB,KAAK;;uBAaF,IAAI;;IAE/B,~~iBAAiB;QACf,OAAO,CAAC,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC;QAC1D,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;IAOD,KAAK,CAAC,eAAe,CAAC,KAA6B;QACjD,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;YAClB,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QAC9B,CAAC;QACD,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC7B,CAAC;IAID,KAAK,CAAC,YAAY;QAChB,MAAM,IAAI,CAAC,WAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACrC,CAAC;IAGD,KAAK,CAAC,KAAK;QACT,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAEO,KAAK,CAAC,WAAW,CAAC,QAAiB,KAAK;QAC9C,IAAI,CAAC;YACH,IAAI,KAAK,EAAE,CAAC;gBACV,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;gBACpB,MAAM,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBAC9B,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC5C,CAAC;YACD,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;YAC5C,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC;YAClB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;gBAChC,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;YACjC,CAAC,CAAC,CAAC;QACL,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,wBAAkB,IAAI,EAAC,eAAe,GAAG,CAAC;QACnD,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;YACf,OAAO,CACL;gBACE;oBACE,2CAAkC;oBAClC;;wBAGI,aAAa;wBACb,IAAI,CAAC,KAAK,CAAC,MAAM,CAEjB;oBACJ,mBAAU,IAAI,CAAC,KAAK,CAAC,OAAO,CAAW,CACvB;gBAClB;oBACE,2DAAkD;oBAClD,SAAG,IAAI,EAAE,IAAI,CAAC,GAAG,IAAG,IAAI,CAAC,GAAG,CAAK,CAChB,CACV,CACZ,CAAC;QACJ,CAAC;QACD,OAAO,eAAQ,CAAC;IAClB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { PodOS, Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport session from '../../store/session';\nimport { PodOsAware, PodOsEventEmitter, subscribePodOs } from '../events/PodOsAware';\nimport { ResourceReceiver } from '../events/ResourceAware';\n\ninterface SubscribeResourceEvent extends CustomEvent {\n detail: ResourceReceiver;\n}\n\n@Component({\n tag: 'pos-resource',\n shadow: true,\n})\nexport class PosResource implements PodOsAware {\n @State() os: PodOS;\n\n @State() resource: Thing;\n @State() consumers: SubscribeResourceEvent[] = [];\n\n @Prop() uri: string;\n\n @Prop() lazy: boolean = false;\n\n @Event({ eventName: 'pod-os:init' }) subscribePodOs: PodOsEventEmitter;\n\n /*\n Indicates that the resource given in `uri` property has been loaded.\n */\n @Event({ eventName: 'pod-os:resource-loaded' }) resourceLoadedEmitter: EventEmitter;\n\n @State()\n private error: Error;\n\n @State()\n private loading: boolean = true;\n\n componentWillLoad() {\n session.onChange('isLoggedIn', () => this.loadResource());\n subscribePodOs(this);\n }\n\n receivePodOs = async (os: PodOS) => {\n this.os = os;\n };\n\n @Listen('pod-os:resource')\n async provideResource(event: SubscribeResourceEvent) {\n event.stopPropagation();\n if (this.resource) {\n event.detail(this.resource);\n }\n this.consumers.push(event);\n }\n\n @Watch('os')\n @Watch('uri')\n async loadResource() {\n await this.getResource(!this.lazy);\n }\n\n @Method()\n async fetch() {\n await this.getResource(true);\n }\n\n private async getResource(fetch: boolean = false) {\n try {\n if (fetch) {\n this.loading = true;\n await this.os.fetch(this.uri);\n this.resourceLoadedEmitter.emit(this.uri);\n }\n this.resource = this.os.store.get(this.uri);\n this.error = null;\n this.consumers.forEach(consumer => {\n consumer.detail(this.resource);\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-progress-bar type=\"indeterminate\" />;\n }\n if (this.error) {\n return (\n <ion-card>\n <ion-card-header>\n <p>Sorry, something went wrong</p>\n <p>\n Status:\n {\n // @ts-ignore\n this.error.status\n }\n </p>\n <details>{this.error.message}</details>\n </ion-card-header>\n <ion-card-content>\n <p>You can try to open the link outside PodOS:</p>\n <a href={this.uri}>{this.uri}</a>\n </ion-card-content>\n </ion-card>\n );\n }\n return <slot />;\n }\n}\n"]}
1	+ {"version":3,"file":"pos-resource.js","sourceRoot":"","sources":["../../../../src/components/pos-resource/pos-resource.tsx"],"names":[],"mappings":"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","sourcesContent":["import { PodOS, Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Listen, Method, Prop, State, Watch } from '@stencil/core';\n\nimport session from '../../store/session';\nimport { PodOsAware, PodOsEventEmitter, subscribePodOs } from '../events/PodOsAware';\nimport { ResourceReceiver } from '../events/ResourceAware';\n\ninterface SubscribeResourceEvent extends CustomEvent {\n detail: ResourceReceiver;\n}\n\n@Component({\n tag: 'pos-resource',\n shadow: true,\n})\nexport class PosResource implements PodOsAware {\n @State() os: PodOS;\n\n @State() resource: Thing;\n @State() consumers: SubscribeResourceEvent[] = [];\n\n @Prop() uri: string;\n\n @Prop() lazy: boolean = false;\n\n @Event({ eventName: 'pod-os:init' }) subscribePodOs: PodOsEventEmitter;\n\n /*\n Indicates that the resource given in `uri` property has been loaded.\n */\n @Event({ eventName: 'pod-os:resource-loaded' }) resourceLoadedEmitter: EventEmitter;\n\n @State()\n private error: Error;\n\n @State()\n private loading: boolean = true;\n\n componentWillLoad() {\n session.onChange('isLoggedIn', () => this.loadResource());\n subscribePodOs(this);\n }\n\n receivePodOs = async (os: PodOS) => {\n this.os = os;\n };\n\n @Listen('pod-os:resource')\n async provideResource(event: SubscribeResourceEvent) {\n event.stopPropagation();\n if (this.resource) {\n event.detail(this.resource);\n }\n this.consumers.push(event);\n }\n\n @Watch('os')\n @Watch('uri')\n async loadResource() {\n await this.getResource(!this.lazy);\n }\n\n @Method()\n async fetch() {\n await this.getResource(true);\n }\n\n private async getResource(fetch: boolean = false) {\n try {\n if (fetch) {\n this.loading = true;\n await this.os.fetch(this.uri);\n this.resourceLoadedEmitter.emit(this.uri);\n }\n this.resource = this.os.store.get(this.uri);\n this.error = null;\n this.consumers.forEach(consumer => {\n consumer.detail(this.resource);\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-progress-bar type=\"indeterminate\" />;\n }\n if (this.error) {\n return (\n <ion-card>\n <ion-card-header>\n <p>Sorry, something went wrong</p>\n <p>\n Status:\n {\n // @ts-ignore\n this.error.status\n }\n </p>\n <details>{this.error.message}</details>\n </ion-card-header>\n <ion-card-content>\n <p>You can try to open the link outside PodOS:</p>\n <a href={this.uri}>{this.uri}</a>\n </ion-card-content>\n </ion-card>\n );\n }\n return <slot />;\n }\n}\n"]}

package/dist/collection/components/pos-reverse-relations/pos-reverse-relations.js CHANGED Viewed

@@ -2,10 +2,10 @@ import { h } from "@stencil/core";
 import { subscribeResource } from "../events/ResourceAware";
 export class PosReverseRelations {
     constructor() {
+        this.data = [];
         this.receiveResource = (resource) => {
             this.data = resource.reverseRelations();
         };
-        this.data = [];
     }
     componentWillLoad() {
         subscribeResource(this);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-reverse-relations.js","sourceRoot":"","sources":["../../../../src/components/pos-reverse-relations/pos-reverse-relations.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAiB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAO3E,MAAM,OAAO,mBAAmB~~;;QAS9B~~,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,gBAAgB,EAAE,CAAC;QAC1C,CAAC,CAAC;~~oBAV0B~~,~~EAAE;;IAI9B,~~iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAChC,WAAK,KAAK,EAAC,kBAAkB;YAC3B;gBACE,qBAAe,GAAG,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,KAAK,KAAK,GAAI,CAC7D;YACL,WAAK,KAAK,EAAC,QAAQ,IAChB,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAClB;gBACE,qBAAe,GAAG,EAAE,GAAG,GAAI,CACxB,CACN,CAAC,CACE,CACF,CACP,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 { Relation, Thing } from '@pod-os/core';\nimport { Component, h, Event, EventEmitter, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n tag: 'pos-reverse-relations',\n shadow: true,\n styleUrl: 'pos-reverse-relations.css',\n})\nexport class PosReverseRelations implements ResourceAware {\n @State() data: Relation[] = [];\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.data = resource.reverseRelations();\n };\n\n render() {\n const items = this.data.map(it => (\n <div class=\"predicate-values\">\n <dt>\n <pos-predicate uri={it.predicate} label={`is ${it.label} of`} />\n </dt>\n <div class=\"values\">\n {it.uris.map(uri => (\n <dd>\n <pos-rich-link uri={uri} />\n </dd>\n ))}\n </div>\n </div>\n ));\n return this.data.length > 0 ? <dl>{items}</dl> : null;\n }\n}\n"]}
1	+ {"version":3,"file":"pos-reverse-relations.js","sourceRoot":"","sources":["../../../../src/components/pos-reverse-relations/pos-reverse-relations.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAiB,iBAAiB,EAAE,MAAM,yBAAyB,CAAC;AAO3E,MAAM,OAAO,mBAAmB;IALhC;QAMW,SAAI,GAAe,EAAE,CAAC;QAQ/B,oBAAe,GAAG,CAAC,QAAe,EAAE,EAAE;YACpC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,gBAAgB,EAAE,CAAC;QAC1C,CAAC,CAAC;KAmBH;IAzBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAMD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,CAAC,CAChC,WAAK,KAAK,EAAC,kBAAkB;YAC3B;gBACE,qBAAe,GAAG,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,KAAK,KAAK,GAAI,CAC7D;YACL,WAAK,KAAK,EAAC,QAAQ,IAChB,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAClB;gBACE,qBAAe,GAAG,EAAE,GAAG,GAAI,CACxB,CACN,CAAC,CACE,CACF,CACP,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 { Relation, Thing } from '@pod-os/core';\nimport { Component, h, Event, EventEmitter, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n tag: 'pos-reverse-relations',\n shadow: true,\n styleUrl: 'pos-reverse-relations.css',\n})\nexport class PosReverseRelations implements ResourceAware {\n @State() data: Relation[] = [];\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.data = resource.reverseRelations();\n };\n\n render() {\n const items = this.data.map(it => (\n <div class=\"predicate-values\">\n <dt>\n <pos-predicate uri={it.predicate} label={`is ${it.label} of`} />\n </dt>\n <div class=\"values\">\n {it.uris.map(uri => (\n <dd>\n <pos-rich-link uri={uri} />\n </dd>\n ))}\n </div>\n </div>\n ));\n return this.data.length > 0 ? <dl>{items}</dl> : null;\n }\n}\n"]}

package/dist/collection/components/pos-rich-link/pos-rich-link.css CHANGED Viewed

@@ -16,7 +16,7 @@ p.content {
   gap: var(--size-1);
   .url {
-    font-size: var(--scale-000);
+    font-size: var(--scale-fluid-1);
     color: var(--color-grey-500);
   }
 }
@@ -33,7 +33,7 @@ a {
 pos-label {
   color: var(--label-color);
-  font-size: var(--scale-fluid-0);
+  font-size: var(--scale-fluid-2);
   margin-bottom: var(--size-1);
 }
@@ -45,5 +45,20 @@ pos-description {
   overflow: hidden;
   font-weight: var(--weight-light);
   color: var(--description-color);
-  font-size: var(--scale-fluid-0);
+  font-size: var(--scale-fluid-2);
+}
+@media (min-width: 640px) {
+  pos-label {
+    font-size: var(--scale-fluid-0);
+  }
+  pos-description {
+    font-size: var(--scale-fluid-1);
+  }
+  p.content {
+    .url {
+      font-size: var(--scale-fluid-000);
+    }
+  }
 }

package/dist/collection/components/pos-rich-link/pos-rich-link.js CHANGED Viewed

@@ -1,8 +1,5 @@
 import { h } from "@stencil/core";
 export class PosRichLink {
-    constructor() {
-        this.uri = undefined;
-    }
     render() {
         return (h("pos-resource", { key: 'f9ee2a2e6403733db429593ccc0900efa39efc9f', lazy: true, uri: this.uri }, h("p", { key: '8d8d575619fb66ee28a357c0a1fbcd7e25fd23c3', class: "content" }, h("a", { key: '3c517a107acbbd56865172f90a226f77bcfd052c', href: this.uri, onClick: e => {
                 e.preventDefault();

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

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-rich-link.js","sourceRoot":"","sources":["../../../../src/components/pos-rich-link/pos-rich-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOxE,MAAM,OAAO,WAAW~~;;;;~~IAKtB,MAAM;QACJ,OAAO,CACL,qEAAc,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG;YACrC,0DAAG,KAAK,EAAC,SAAS;gBAChB,0DACE,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,OAAO,EAAE,CAAC,CAAC,EAAE;wBACX,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oBAClC,CAAC;oBAED,mEAAa,CACX;gBACJ,6DAAM,KAAK,EAAC,KAAK,IAAE,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAQ;gBACjD,yEAAmB,CACjB,CACS,CAChB,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pos-rich-link',\n shadow: true,\n styleUrl: 'pos-rich-link.css',\n})\nexport class PosRichLink {\n @Prop() uri: string;\n\n @Event({ eventName: 'pod-os:link' }) linkEmitter: EventEmitter;\n\n render() {\n return (\n <pos-resource lazy={true} uri={this.uri}>\n <p class=\"content\">\n <a\n href={this.uri}\n onClick={e => {\n e.preventDefault();\n this.linkEmitter.emit(this.uri);\n }}\n >\n <pos-label />\n </a>\n <span class=\"url\">{new URL(this.uri).host}</span>\n <pos-description />\n </p>\n </pos-resource>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pos-rich-link.js","sourceRoot":"","sources":["../../../../src/components/pos-rich-link/pos-rich-link.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAC;AAOxE,MAAM,OAAO,WAAW;IAKtB,MAAM;QACJ,OAAO,CACL,qEAAc,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG;YACrC,0DAAG,KAAK,EAAC,SAAS;gBAChB,0DACE,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,OAAO,EAAE,CAAC,CAAC,EAAE;wBACX,CAAC,CAAC,cAAc,EAAE,CAAC;wBACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;oBAClC,CAAC;oBAED,mEAAa,CACX;gBACJ,6DAAM,KAAK,EAAC,KAAK,IAAE,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAQ;gBACjD,yEAAmB,CACjB,CACS,CAChB,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pos-rich-link',\n shadow: true,\n styleUrl: 'pos-rich-link.css',\n})\nexport class PosRichLink {\n @Prop() uri: string;\n\n @Event({ eventName: 'pod-os:link' }) linkEmitter: EventEmitter;\n\n render() {\n return (\n <pos-resource lazy={true} uri={this.uri}>\n <p class=\"content\">\n <a\n href={this.uri}\n onClick={e => {\n e.preventDefault();\n this.linkEmitter.emit(this.uri);\n }}\n >\n <pos-label />\n </a>\n <span class=\"url\">{new URL(this.uri).host}</span>\n <pos-description />\n </p>\n </pos-resource>\n );\n }\n}\n"]}

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

@@ -8,8 +8,13 @@ const Router = createRouter();
  */
 export class PosRouter {
     constructor() {
+        /**
+         * The mode defines what default URI will be used, if no URI param is given
+         *
+         * - standalone: reroute to pod-os:dashboard
+         * - pod: reroute to the URI that is shown in the actual browser
+         */
         this.mode = 'standalone';
-        this.uri = undefined;
     }
     linkClicked(e) {
         this.navigate(e.detail);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-router.js","sourceRoot":"","sources":["../../../../src/components/pos-router/pos-router.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEvF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,MAAM,GAAG,YAAY,EAAE,CAAC;AAE9B;;;;GAIG;AAKH,MAAM,OAAO,SAAS~~;;oBAOiB~~,YAAY~~;;;IAUjD~~,WAAW,CAAC,CAAC;QACX,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1B,CAAC;IAGD,eAAe,CAAC,CAAC;QACf,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;YAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,QAAQ,CAAC,GAAW;QAClB,MAAM,CAAC,IAAI,CAAC,OAAO,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,SAAS;QACP,IAAI,CAAC,GAAG;YACN,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC;gBACtD,CAAC,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC3E,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACnC,CAAC;IAED,MAAM;QACJ,OAAO,8DAAa,CAAC;IACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, h, Listen, Prop, State } from '@stencil/core';\n\nimport { createRouter } from 'stencil-router-v2';\n\nconst Router = createRouter();\n\n/*\n The responsibility of pos-router is to handle the `uri` query param, that specifies the URI of the resource that is currently opened.\n * It reads this query param and informs other components about changes via the `pod-os:route-changed` event.\n * It also intercepts the URLs from `pod-os:link` events and pushes them as a new `uri` parameter.\n /\n@Component({\n tag: 'pos-router',\n styleUrl: 'pos-router.css',\n})\nexport class PosRouter {\n /\n The mode defines what default URI will be used, if no URI param is given\n \n - standalone: reroute to pod-os:dashboard\n * - pod: reroute to the URI that is shown in the actual browser\n /\n @Prop() mode: 'standalone' \| 'pod' = 'standalone';\n\n @State() uri;\n\n /\n Emits the new URI that is active\n */\n @Event({ eventName: 'pod-os:route-changed' }) routeChanged: EventEmitter<string>;\n\n @Listen('pod-os:link')\n linkClicked(e) {\n this.navigate(e.detail);\n }\n\n @Listen('pod-os:session-restored', { target: 'window' })\n sessionRestored(e) {\n Router.push(e.detail.url);\n }\n\n componentWillLoad() {\n this.updateUri();\n Router.onChange('url', () => {\n this.updateUri();\n });\n }\n\n navigate(uri: string) {\n Router.push('?uri=' + encodeURIComponent(uri));\n }\n\n updateUri() {\n this.uri =\n new URLSearchParams(window.location.search).get('uri') \|\|\n (this.mode === 'standalone' ? 'pod-os:dashboard' : window.location.href);\n this.routeChanged.emit(this.uri);\n }\n\n render() {\n return <slot></slot>;\n }\n}\n"]}
1	+ {"version":3,"file":"pos-router.js","sourceRoot":"","sources":["../../../../src/components/pos-router/pos-router.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAEvF,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEjD,MAAM,MAAM,GAAG,YAAY,EAAE,CAAC;AAE9B;;;;GAIG;AAKH,MAAM,OAAO,SAAS;IAJtB;QAKE;;;;;WAKG;QACK,SAAI,GAAyB,YAAY,CAAC;KAwCnD;IA9BC,WAAW,CAAC,CAAC;QACX,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1B,CAAC;IAGD,eAAe,CAAC,CAAC;QACf,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;IAC5B,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,SAAS,EAAE,CAAC;QACjB,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE;YAC1B,IAAI,CAAC,SAAS,EAAE,CAAC;QACnB,CAAC,CAAC,CAAC;IACL,CAAC;IAED,QAAQ,CAAC,GAAW;QAClB,MAAM,CAAC,IAAI,CAAC,OAAO,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC,CAAC;IACjD,CAAC;IAED,SAAS;QACP,IAAI,CAAC,GAAG;YACN,IAAI,eAAe,CAAC,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,KAAK,CAAC;gBACtD,CAAC,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC3E,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACnC,CAAC;IAED,MAAM;QACJ,OAAO,8DAAa,CAAC;IACvB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, h, Listen, Prop, State } from '@stencil/core';\n\nimport { createRouter } from 'stencil-router-v2';\n\nconst Router = createRouter();\n\n/*\n The responsibility of pos-router is to handle the `uri` query param, that specifies the URI of the resource that is currently opened.\n * It reads this query param and informs other components about changes via the `pod-os:route-changed` event.\n * It also intercepts the URLs from `pod-os:link` events and pushes them as a new `uri` parameter.\n /\n@Component({\n tag: 'pos-router',\n styleUrl: 'pos-router.css',\n})\nexport class PosRouter {\n /\n The mode defines what default URI will be used, if no URI param is given\n \n - standalone: reroute to pod-os:dashboard\n * - pod: reroute to the URI that is shown in the actual browser\n /\n @Prop() mode: 'standalone' \| 'pod' = 'standalone';\n\n @State() uri;\n\n /\n Emits the new URI that is active\n */\n @Event({ eventName: 'pod-os:route-changed' }) routeChanged: EventEmitter<string>;\n\n @Listen('pod-os:link')\n linkClicked(e) {\n this.navigate(e.detail);\n }\n\n @Listen('pod-os:session-restored', { target: 'window' })\n sessionRestored(e) {\n Router.push(e.detail.url);\n }\n\n componentWillLoad() {\n this.updateUri();\n Router.onChange('url', () => {\n this.updateUri();\n });\n }\n\n navigate(uri: string) {\n Router.push('?uri=' + encodeURIComponent(uri));\n }\n\n updateUri() {\n this.uri =\n new URLSearchParams(window.location.search).get('uri') \|\|\n (this.mode === 'standalone' ? 'pod-os:dashboard' : window.location.href);\n this.routeChanged.emit(this.uri);\n }\n\n render() {\n return <slot></slot>;\n }\n}\n"]}

package/dist/collection/components/pos-select-term/pos-select-term.js CHANGED Viewed

@@ -2,13 +2,12 @@ import { h, Host } from "@stencil/core";
 import { subscribePodOs } from "../events/PodOsAware";
 export class PosSelectTerm {
     constructor() {
-        this.receivePodOs = async (os) => {
-            this.os = os;
-        };
-        this.os = undefined;
         this.placeholder = 'Type to search...';
         this.value = '';
         this.terms = [];
+        this.receivePodOs = async (os) => {
+            this.os = os;
+        };
     }
     componentWillLoad() {
         subscribePodOs(this);

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

	@@ -1 +1 @@
1	- {"version":3,"file":"pos-select-term.js","sourceRoot":"","sources":["../../../../src/components/pos-select-term/pos-select-term.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAiC,cAAc,EAAE,MAAM,sBAAsB,CAAC;AASrF,MAAM,OAAO,aAAa~~;;QAoBxB~~,iBAAY,GAAG,KAAK,EAAE,EAAS,EAAE,EAAE;YACjC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC~~;;2BAnB4B,mBAAmB~~;~~qBAEzB,EAAE~~;~~qBAED~~,~~EAAE;;IAS3B,~~iBAAiB;QACf,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;IAOD,QAAQ;QACN,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC;IACxC,CAAC;IAED,YAAY,CAAC,KAAK;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IACtD,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,GAC9B;YACT,iEAAU,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,IAC9B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACtB,cAAQ,KAAK,EAAE,IAAI,CAAC,GAAG,IAAG,IAAI,CAAC,SAAS,CAAU,CACnD,CAAC,CACO,CACN,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { PodOS } from '@pod-os/core';\nimport { Term } from '@pod-os/core/types/terms';\nimport { Component, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { PodOsAware, PodOsEventEmitter, subscribePodOs } from '../events/PodOsAware';\n\n@Component({\n tag: 'pos-select-term',\n styleUrl: 'pos-select-term.css',\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class PosSelectTerm implements PodOsAware {\n @State() os: PodOS;\n\n @Prop() placeholder: string = 'Type to search...';\n\n @Prop() value: string = '';\n\n @State() terms: Term[] = [];\n\n @Event({ eventName: 'pod-os:init' }) subscribePodOs: PodOsEventEmitter;\n\n /*\n Fires when a term is entered or selected\n */\n @Event({ eventName: 'pod-os:term-selected' }) termSelected: EventEmitter;\n\n componentWillLoad() {\n subscribePodOs(this);\n }\n\n receivePodOs = async (os: PodOS) => {\n this.os = os;\n };\n\n @Watch('os')\n setTerms() {\n this.terms = this.os.listKnownTerms();\n }\n\n handleChange(event) {\n this.termSelected.emit({ uri: event.target.value });\n }\n\n render() {\n return (\n <Host>\n <input\n part=\"input\"\n list=\"terms\"\n placeholder={this.placeholder}\n value={this.value}\n onChange={ev => this.handleChange(ev)}\n ></input>\n <datalist part=\"terms\" id=\"terms\">\n {this.terms.map(term => (\n <option value={term.uri}>{term.shorthand}</option>\n ))}\n </datalist>\n </Host>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"pos-select-term.js","sourceRoot":"","sources":["../../../../src/components/pos-select-term/pos-select-term.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,EAAiC,cAAc,EAAE,MAAM,sBAAsB,CAAC;AASrF,MAAM,OAAO,aAAa;IAP1B;QAUU,gBAAW,GAAW,mBAAmB,CAAC;QAE1C,UAAK,GAAW,EAAE,CAAC;QAElB,UAAK,GAAW,EAAE,CAAC;QAa5B,iBAAY,GAAG,KAAK,EAAE,EAAS,EAAE,EAAE;YACjC,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;QACf,CAAC,CAAC;KA6BH;IAnCC,iBAAiB;QACf,cAAc,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC;IAOD,QAAQ;QACN,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,EAAE,CAAC,cAAc,EAAE,CAAC;IACxC,CAAC;IAED,YAAY,CAAC,KAAK;QAChB,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC;IACtD,CAAC;IAED,MAAM;QACJ,OAAO,CACL,EAAC,IAAI;YACH,8DACE,IAAI,EAAC,OAAO,EACZ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,EAAE,CAAC,EAAE,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE,CAAC,GAC9B;YACT,iEAAU,IAAI,EAAC,OAAO,EAAC,EAAE,EAAC,OAAO,IAC9B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACtB,cAAQ,KAAK,EAAE,IAAI,CAAC,GAAG,IAAG,IAAI,CAAC,SAAS,CAAU,CACnD,CAAC,CACO,CACN,CACR,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { PodOS } from '@pod-os/core';\nimport { Term } from '@pod-os/core/types/terms';\nimport { Component, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { PodOsAware, PodOsEventEmitter, subscribePodOs } from '../events/PodOsAware';\n\n@Component({\n tag: 'pos-select-term',\n styleUrl: 'pos-select-term.css',\n shadow: {\n delegatesFocus: true,\n },\n})\nexport class PosSelectTerm implements PodOsAware {\n @State() os: PodOS;\n\n @Prop() placeholder: string = 'Type to search...';\n\n @Prop() value: string = '';\n\n @State() terms: Term[] = [];\n\n @Event({ eventName: 'pod-os:init' }) subscribePodOs: PodOsEventEmitter;\n\n /*\n Fires when a term is entered or selected\n */\n @Event({ eventName: 'pod-os:term-selected' }) termSelected: EventEmitter;\n\n componentWillLoad() {\n subscribePodOs(this);\n }\n\n receivePodOs = async (os: PodOS) => {\n this.os = os;\n };\n\n @Watch('os')\n setTerms() {\n this.terms = this.os.listKnownTerms();\n }\n\n handleChange(event) {\n this.termSelected.emit({ uri: event.target.value });\n }\n\n render() {\n return (\n <Host>\n <input\n part=\"input\"\n list=\"terms\"\n placeholder={this.placeholder}\n value={this.value}\n onChange={ev => this.handleChange(ev)}\n ></input>\n <datalist part=\"terms\" id=\"terms\">\n {this.terms.map(term => (\n <option value={term.uri}>{term.shorthand}</option>\n ))}\n </datalist>\n </Host>\n );\n }\n}\n"]}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
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;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.js CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"]}
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;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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}
1	+ {"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 CHANGED Viewed

@@ -12,7 +12,6 @@ const PosAddNewThing = /*@__PURE__*/ proxyCustomElement(class PosAddNewThing ext
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.referenceUri = undefined;
     }
     openDialog() {
         this.dialog.showModal();

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

	@@ -1 +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}
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}

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

@@ -29,7 +29,7 @@ import { d as defineCustomElement$4 } from './pos-router2.js';
 import { d as defineCustomElement$3 } from './pos-select-term2.js';
 import { d as defineCustomElement$2 } from './pos-type-router2.js';
-const posAppBrowserCss = "pos-router{margin:0;padding:0;display:flex;flex-direction:column;height:100vh}pos-navigation-bar{max-width:var(--width-lg);margin:0}pos-add-new-thing,pos-login{flex:0 1 auto;}header,footer{display:flex;gap:var(--size-1);height:auto;justify-content:center;align-items:center;padding:var(--size-1)}footer svg{width:var(--size-5);height:var(--size-5)}footer{font-size:var(--scale-fluid-000)}header{flex-wrap:wrap;padding:0 var(--size-8)}main{flex:1;max-height:100vh;overflow:auto}@media (max-width: 640px){header{padding:0 var(--size-1) var(--size-1);justify-content:space-between}pos-navigation-bar{flex-basis:100%;order:0}pos-add-new-thing,pos-login{order:1}}";
+const posAppBrowserCss = "pos-router{margin:0;padding:0;display:flex;flex-direction:column;height:100%}pos-navigation-bar{max-width:var(--width-lg);margin:0}pos-add-new-thing,pos-login{flex:0 1 auto;}header,footer{display:flex;gap:var(--size-1);height:auto;justify-content:center;align-items:center;padding:var(--size-1)}footer svg{width:var(--size-5);height:var(--size-5)}footer{font-size:var(--scale-fluid-000)}header{flex-wrap:wrap;padding:0 var(--size-8)}main{flex:1;max-height:100vh;overflow:auto}@media (max-width: 640px){header{padding:0 var(--size-1) var(--size-1);justify-content:space-between}pos-navigation-bar{flex-basis:100%;order:0}pos-add-new-thing,pos-login{order:1}}";
 const PosAppBrowserStyle0 = posAppBrowserCss;
 const PosAppBrowser$1 = /*@__PURE__*/ proxyCustomElement(class PosAppBrowser extends HTMLElement {
@@ -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 = '';
     }