@pod-os/elements 0.20.1-cc6dad2.0 → 0.20.1-facecbd.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/ion-badge_10.cjs.entry.js +3 -3
- package/dist/cjs/ion-badge_10.cjs.entry.js.map +1 -1
- package/dist/cjs/pos-container-contents.cjs.entry.js +1 -1
- package/dist/cjs/pos-container-contents.cjs.entry.js.map +1 -1
- package/dist/cjs/pos-relations_2.cjs.entry.js +4 -4
- package/dist/cjs/pos-relations_2.cjs.entry.js.map +1 -1
- package/dist/collection/components/pos-container-contents/pos-container-contents.js +1 -1
- package/dist/collection/components/pos-container-contents/pos-container-contents.js.map +1 -1
- package/dist/collection/components/pos-literals/pos-literals.css +6 -0
- package/dist/collection/components/pos-literals/pos-literals.js +1 -1
- package/dist/collection/components/pos-literals/pos-literals.js.map +1 -1
- package/dist/collection/components/pos-predicate/pos-predicate.css +2 -0
- package/dist/collection/components/pos-relations/pos-relations.css +6 -0
- package/dist/collection/components/pos-relations/pos-relations.js +1 -1
- package/dist/collection/components/pos-relations/pos-relations.js.map +1 -1
- package/dist/collection/components/pos-reverse-relations/pos-reverse-relations.css +5 -0
- package/dist/collection/components/pos-reverse-relations/pos-reverse-relations.js +1 -1
- package/dist/collection/components/pos-reverse-relations/pos-reverse-relations.js.map +1 -1
- package/dist/components/pos-container-contents2.js +1 -1
- package/dist/components/pos-container-contents2.js.map +1 -1
- package/dist/components/pos-literals2.js +2 -2
- package/dist/components/pos-literals2.js.map +1 -1
- package/dist/components/pos-predicate2.js +1 -1
- package/dist/components/pos-predicate2.js.map +1 -1
- package/dist/components/pos-relations2.js +2 -2
- package/dist/components/pos-relations2.js.map +1 -1
- package/dist/components/pos-reverse-relations2.js +2 -2
- package/dist/components/pos-reverse-relations2.js.map +1 -1
- package/dist/elements/elements.esm.js +1 -1
- package/dist/elements/p-299b96db.entry.js +2 -0
- package/dist/elements/p-299b96db.entry.js.map +1 -0
- package/dist/elements/{p-4771bcef.entry.js → p-7dae9efe.entry.js} +2 -2
- package/dist/elements/{p-4771bcef.entry.js.map → p-7dae9efe.entry.js.map} +1 -1
- package/dist/elements/{p-20f8a265.entry.js → p-f8dd1bea.entry.js} +2 -2
- package/dist/elements/{p-20f8a265.entry.js.map → p-f8dd1bea.entry.js.map} +1 -1
- package/dist/esm/ion-badge_10.entry.js +3 -3
- package/dist/esm/ion-badge_10.entry.js.map +1 -1
- package/dist/esm/pos-container-contents.entry.js +1 -1
- package/dist/esm/pos-container-contents.entry.js.map +1 -1
- package/dist/esm/pos-relations_2.entry.js +4 -4
- package/dist/esm/pos-relations_2.entry.js.map +1 -1
- package/package.json +1 -1
- package/dist/elements/p-dbac8ce3.entry.js +0 -2
- package/dist/elements/p-dbac8ce3.entry.js.map +0 -1
|
@@ -20,7 +20,7 @@ const PosContainerContents = class {
|
|
|
20
20
|
render() {
|
|
21
21
|
if (this.loading)
|
|
22
22
|
return null;
|
|
23
|
-
const items = this.contents.map(it => (h("pos-resource", { lazy: true, uri: it.uri }, h("pos-container-item", { role: "listitem" }, h("ion-label", null, h("h3", null, it.name)
|
|
23
|
+
const items = this.contents.map(it => (h("pos-resource", { lazy: true, uri: it.uri }, h("pos-container-item", { role: "listitem" }, h("ion-label", null, h("h3", null, it.name))))));
|
|
24
24
|
return this.contents.length > 0 ? h("ion-list", null, items) : h("p", null, "The container is empty");
|
|
25
25
|
}
|
|
26
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"pos-container-contents.entry.js","mappings":";;;;MAQa,oBAAoB;;;;QAY/B,oBAAe,GAAG,CAAC,QAAe;YAChC,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YAC1C,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;SAC7E,CAAC;wBAfsC,EAAE;uBAEvB,IAAI;;IAKvB,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAQD,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,KAChC,oBAAc,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,IACnC,0BAAoB,IAAI,EAAC,UAAU,IACjC,qBACE,cAAK,EAAE,CAAC,IAAI,CAAM,
|
|
1
|
+
{"file":"pos-container-contents.entry.js","mappings":";;;;MAQa,oBAAoB;;;;QAY/B,oBAAe,GAAG,CAAC,QAAe;YAChC,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YAC1C,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;SAC7E,CAAC;wBAfsC,EAAE;uBAEvB,IAAI;;IAKvB,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAQD,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,KAChC,oBAAc,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,IACnC,0BAAoB,IAAI,EAAC,UAAU,IACjC,qBACE,cAAK,EAAE,CAAC,IAAI,CAAM,CACR,CACO,CACR,CAChB,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,oBAAW,KAAK,CAAY,GAAG,sCAA6B,CAAC;KAChG;;;;;","names":[],"sources":["src/components/pos-container-contents/pos-container-contents.tsx"],"sourcesContent":["import { Thing, ContainerContent, LdpContainer } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n tag: 'pos-container-contents',\n shadow: true,\n})\nexport class PosContainerContents implements ResourceAware {\n @State() contents: ContainerContent[] = [];\n\n @State() loading = true;\n\n @Event({ eventName: 'pod-os:resource' })\n subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n const doc = resource.assume(LdpContainer);\n this.loading = false;\n this.contents = doc.contains().sort((a, b) => a.name.localeCompare(b.name));\n };\n\n render() {\n if (this.loading) return null;\n const items = this.contents.map(it => (\n <pos-resource lazy={true} uri={it.uri}>\n <pos-container-item role=\"listitem\">\n <ion-label>\n <h3>{it.name}</h3>\n </ion-label>\n </pos-container-item>\n </pos-resource>\n ));\n return this.contents.length > 0 ? <ion-list>{items}</ion-list> : <p>The container is empty</p>;\n }\n}\n"],"version":3}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { r as registerInstance, i as createEvent, h } from './index-cef1074d.js';
|
|
2
2
|
import { s as subscribeResource } from './ResourceAware-5f237305.js';
|
|
3
3
|
|
|
4
|
-
const posRelationsCss = ":host{--background-base-color:var(--color-grey-200)
|
|
4
|
+
const posRelationsCss = ":host {\n --background-base-color: var(--color-grey-200);\n --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n --border-color: var(--background-base-color);\n}\n\ndd {\n padding: 0;\n margin: 0;\n}\n\ndl {\n display: flex;\n flex-direction: column;\n gap: var(--size-1);\n}\n\ndt {\n margin-bottom: var(--size-1);\n}\n\n.predicate-values:nth-child(odd) {\n background-color: var(--background-color-odd);\n}\n\n.predicate-values:nth-child(even) {\n background-color: var(--background-color-even);\n}\n\n.predicate-values {\n display: flex;\n flex-direction: column;\n border: var(--size-px) solid var(--border-color);\n padding: var(--size-2);\n gap: var(--size-1);\n\n .values {\n display: flex;\n flex-direction: column;\n gap: var(--size-3);\n }\n}\n\npos-rich-link {\n --background-color: inherit;\n}\n";
|
|
5
5
|
const PosRelationsStyle0 = posRelationsCss;
|
|
6
6
|
|
|
7
7
|
const PosRelations = class {
|
|
@@ -17,13 +17,13 @@ const PosRelations = class {
|
|
|
17
17
|
subscribeResource(this);
|
|
18
18
|
}
|
|
19
19
|
render() {
|
|
20
|
-
const items = this.data.map(it => (h("div", { class: "predicate-values" }, h("dt", null, h("pos-predicate", { uri: it.predicate, label: it.label })), it.uris.map(uri => (h("dd", null, h("pos-rich-link", { uri: uri })))))));
|
|
20
|
+
const items = this.data.map(it => (h("div", { class: "predicate-values" }, h("dt", null, h("pos-predicate", { uri: it.predicate, label: it.label })), h("div", { class: "values" }, it.uris.map(uri => (h("dd", null, h("pos-rich-link", { uri: uri }))))))));
|
|
21
21
|
return this.data.length > 0 ? h("dl", null, items) : null;
|
|
22
22
|
}
|
|
23
23
|
};
|
|
24
24
|
PosRelations.style = PosRelationsStyle0;
|
|
25
25
|
|
|
26
|
-
const posReverseRelationsCss = ":host{--background-base-color:var(--color-grey-200)
|
|
26
|
+
const posReverseRelationsCss = ":host {\n --background-base-color: var(--color-grey-200);\n --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n --border-color: var(--background-base-color);\n}\n\ndd {\n padding: 0;\n margin: 0;\n}\n\ndl {\n display: flex;\n flex-direction: column;\n gap: var(--size-1);\n}\n\ndt {\n margin-bottom: var(--size-1);\n}\n\n.predicate-values:nth-child(odd) {\n background-color: var(--background-color-odd);\n}\n\n.predicate-values:nth-child(even) {\n background-color: var(--background-color-even);\n}\n\n.predicate-values {\n display: flex;\n flex-direction: column;\n border: var(--size-px) solid var(--border-color);\n padding: var(--size-2);\n gap: var(--size-1);\n .values {\n display: flex;\n flex-direction: column;\n gap: var(--size-3);\n }\n}\n\npos-rich-link {\n --background-color: inherit;\n}\n";
|
|
27
27
|
const PosReverseRelationsStyle0 = posReverseRelationsCss;
|
|
28
28
|
|
|
29
29
|
const PosReverseRelations = class {
|
|
@@ -39,7 +39,7 @@ const PosReverseRelations = class {
|
|
|
39
39
|
subscribeResource(this);
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
|
-
const items = this.data.map(it => (h("div", { class: "predicate-values" }, h("dt", null, h("pos-predicate", { uri: it.predicate, label: `is ${it.label} of` })), it.uris.map(uri => (h("dd", null, h("pos-rich-link", { uri: uri })))))));
|
|
42
|
+
const items = this.data.map(it => (h("div", { class: "predicate-values" }, h("dt", null, h("pos-predicate", { uri: it.predicate, label: `is ${it.label} of` })), h("div", { class: "values" }, it.uris.map(uri => (h("dd", null, h("pos-rich-link", { uri: uri }))))))));
|
|
43
43
|
return this.data.length > 0 ? h("dl", null, items) : null;
|
|
44
44
|
}
|
|
45
45
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"pos-relations.pos-reverse-relations.entry.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,
|
|
1
|
+
{"file":"pos-relations.pos-reverse-relations.entry.js","mappings":";;;AAAA,MAAM,eAAe,GAAG,u7BAAu7B,CAAC;AACh9B,2BAAe,eAAe;;MCQjB,YAAY;;;;QAUvB,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,SAAS,EAAE,CAAC;SAClC,CAAC;oBAX0B,EAAE;;IAK9B,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAC5B,WAAK,KAAK,EAAC,kBAAkB,IAC3B,cACE,qBAAe,GAAG,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAI,CAClD,EACL,WAAK,KAAK,EAAC,QAAQ,IAChB,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KACd,cACE,qBAAe,GAAG,EAAE,GAAG,GAAI,CACxB,CACN,CAAC,CACE,CACF,CACP,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,cAAK,KAAK,CAAM,GAAG,IAAI,CAAC;KACvD;;;;ACvCH,MAAM,sBAAsB,GAAG,q7BAAq7B,CAAC;AACr9B,kCAAe,sBAAsB;;MCQxB,mBAAmB;;;;QAS9B,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,gBAAgB,EAAE,CAAC;SACzC,CAAC;oBAV0B,EAAE;;IAI9B,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,MAAM,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,KAC5B,WAAK,KAAK,EAAC,kBAAkB,IAC3B,cACE,qBAAe,GAAG,EAAE,EAAE,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,KAAK,KAAK,GAAI,CAC7D,EACL,WAAK,KAAK,EAAC,QAAQ,IAChB,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,KACd,cACE,qBAAe,GAAG,EAAE,GAAG,GAAI,CACxB,CACN,CAAC,CACE,CACF,CACP,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,GAAG,cAAK,KAAK,CAAM,GAAG,IAAI,CAAC;KACvD;;;;;;","names":[],"sources":["src/components/pos-relations/pos-relations.css?tag=pos-relations&encapsulation=shadow","src/components/pos-relations/pos-relations.tsx","src/components/pos-reverse-relations/pos-reverse-relations.css?tag=pos-reverse-relations&encapsulation=shadow","src/components/pos-reverse-relations/pos-reverse-relations.tsx"],"sourcesContent":[":host {\n --background-base-color: var(--color-grey-200);\n --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n --border-color: var(--background-base-color);\n}\n\ndd {\n padding: 0;\n margin: 0;\n}\n\ndl {\n display: flex;\n flex-direction: column;\n gap: var(--size-1);\n}\n\ndt {\n margin-bottom: var(--size-1);\n}\n\n.predicate-values:nth-child(odd) {\n background-color: var(--background-color-odd);\n}\n\n.predicate-values:nth-child(even) {\n background-color: var(--background-color-even);\n}\n\n.predicate-values {\n display: flex;\n flex-direction: column;\n border: var(--size-px) solid var(--border-color);\n padding: var(--size-2);\n gap: var(--size-1);\n\n .values {\n display: flex;\n flex-direction: column;\n gap: var(--size-3);\n }\n}\n\npos-rich-link {\n --background-color: inherit;\n}\n","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",":host {\n --background-base-color: var(--color-grey-200);\n --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n --border-color: var(--background-base-color);\n}\n\ndd {\n padding: 0;\n margin: 0;\n}\n\ndl {\n display: flex;\n flex-direction: column;\n gap: var(--size-1);\n}\n\ndt {\n margin-bottom: var(--size-1);\n}\n\n.predicate-values:nth-child(odd) {\n background-color: var(--background-color-odd);\n}\n\n.predicate-values:nth-child(even) {\n background-color: var(--background-color-even);\n}\n\n.predicate-values {\n display: flex;\n flex-direction: column;\n border: var(--size-px) solid var(--border-color);\n padding: var(--size-2);\n gap: var(--size-1);\n .values {\n display: flex;\n flex-direction: column;\n gap: var(--size-3);\n }\n}\n\npos-rich-link {\n --background-color: inherit;\n}\n","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"],"version":3}
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as o,i as r,h as a}from"./p-ca21b02b.js";import{s as l}from"./p-f6671856.js";const c=":host{--background-base-color:var(--color-grey-200);--background-color-even:hsl(from var(--background-base-color) h s calc(l + 7));--background-color-odd:hsl(from var(--background-base-color) h s calc(l + 10));--border-color:var(--background-base-color)}dd{padding:0;margin:0}dl{display:flex;flex-direction:column;gap:var(--size-1)}dt{margin-bottom:var(--size-1)}.predicate-values:nth-child(odd){background-color:var(--background-color-odd)}.predicate-values:nth-child(even){background-color:var(--background-color-even)}.predicate-values{display:flex;flex-direction:column;border:var(--size-px) solid var(--border-color);padding:var(--size-2);gap:var(--size-1)}pos-rich-link{--background-color:inherit}";const s=c;const e=class{constructor(a){o(this,a);this.subscribeResource=r(this,"pod-os:resource",7);this.receiveResource=o=>{this.data=o.relations()};this.data=[]}componentWillLoad(){l(this)}render(){const o=this.data.map((o=>a("div",{class:"predicate-values"},a("dt",null,a("pos-predicate",{uri:o.predicate,label:o.label})),o.uris.map((o=>a("dd",null,a("pos-rich-link",{uri:o})))))));return this.data.length>0?a("dl",null,o):null}};e.style=s;const d=":host{--background-base-color:var(--color-grey-200);--background-color-even:hsl(from var(--background-base-color) h s calc(l + 7));--background-color-odd:hsl(from var(--background-base-color) h s calc(l + 10));--border-color:var(--background-base-color)}dd{padding:0;margin:0}dl{display:flex;flex-direction:column;gap:var(--size-1)}dt{margin-bottom:var(--size-1)}.predicate-values:nth-child(odd){background-color:var(--background-color-odd)}.predicate-values:nth-child(even){background-color:var(--background-color-even)}.predicate-values{display:flex;flex-direction:column;border:var(--size-px) solid var(--border-color);padding:var(--size-2);gap:var(--size-1)}pos-rich-link{--background-color:inherit}";const i=d;const n=class{constructor(a){o(this,a);this.subscribeResource=r(this,"pod-os:resource",7);this.receiveResource=o=>{this.data=o.reverseRelations()};this.data=[]}componentWillLoad(){l(this)}render(){const o=this.data.map((o=>a("div",{class:"predicate-values"},a("dt",null,a("pos-predicate",{uri:o.predicate,label:`is ${o.label} of`})),o.uris.map((o=>a("dd",null,a("pos-rich-link",{uri:o})))))));return this.data.length>0?a("dl",null,o):null}};n.style=i;export{e as pos_relations,n as pos_reverse_relations};
|
|
2
|
-
//# sourceMappingURL=p-dbac8ce3.entry.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"names":["posRelationsCss","PosRelationsStyle0","PosRelations","this","receiveResource","resource","data","relations","componentWillLoad","subscribeResource","render","items","map","it","h","class","uri","predicate","label","uris","length","posReverseRelationsCss","PosReverseRelationsStyle0","PosReverseRelations","reverseRelations"],"sources":["src/components/pos-relations/pos-relations.css?tag=pos-relations&encapsulation=shadow","src/components/pos-relations/pos-relations.tsx","src/components/pos-reverse-relations/pos-reverse-relations.css?tag=pos-reverse-relations&encapsulation=shadow","src/components/pos-reverse-relations/pos-reverse-relations.tsx"],"sourcesContent":[":host {\n --background-base-color: var(--color-grey-200);\n --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n --border-color: var(--background-base-color);\n}\n\ndd {\n padding: 0;\n margin: 0;\n}\n\ndl {\n display: flex;\n flex-direction: column;\n gap: var(--size-1);\n}\n\ndt {\n margin-bottom: var(--size-1);\n}\n\n.predicate-values:nth-child(odd) {\n background-color: var(--background-color-odd);\n}\n\n.predicate-values:nth-child(even) {\n background-color: var(--background-color-even);\n}\n\n.predicate-values {\n display: flex;\n flex-direction: column;\n border: var(--size-px) solid var(--border-color);\n padding: var(--size-2);\n gap: var(--size-1);\n}\n\npos-rich-link {\n --background-color: inherit;\n}\n","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 {it.uris.map(uri => (\n <dd>\n <pos-rich-link uri={uri} />\n </dd>\n ))}\n </div>\n ));\n return this.data.length > 0 ? <dl>{items}</dl> : null;\n }\n}\n",":host {\n --background-base-color: var(--color-grey-200);\n --background-color-even: hsl(from var(--background-base-color) h s calc(l + 7));\n --background-color-odd: hsl(from var(--background-base-color) h s calc(l + 10));\n --border-color: var(--background-base-color);\n}\n\ndd {\n padding: 0;\n margin: 0;\n}\n\ndl {\n display: flex;\n flex-direction: column;\n gap: var(--size-1);\n}\n\ndt {\n margin-bottom: var(--size-1);\n}\n\n.predicate-values:nth-child(odd) {\n background-color: var(--background-color-odd);\n}\n\n.predicate-values:nth-child(even) {\n background-color: var(--background-color-even);\n}\n\n.predicate-values {\n display: flex;\n flex-direction: column;\n border: var(--size-px) solid var(--border-color);\n padding: var(--size-2);\n gap: var(--size-1);\n}\n\npos-rich-link {\n --background-color: inherit;\n}\n","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 {it.uris.map(uri => (\n <dd>\n <pos-rich-link uri={uri} />\n </dd>\n ))}\n </div>\n ));\n return this.data.length > 0 ? <dl>{items}</dl> : null;\n }\n}\n"],"mappings":"sFAAA,MAAMA,EAAkB,ksBACxB,MAAAC,EAAeD,E,MCQFE,EAAY,M,4EAUvBC,KAAAC,gBAAmBC,IACjBF,KAAKG,KAAOD,EAASE,WAAW,E,UAVN,E,CAK5B,iBAAAC,GACEC,EAAkBN,K,CAOpB,MAAAO,GACE,MAAMC,EAAQR,KAAKG,KAAKM,KAAIC,GAC1BC,EAAA,OAAKC,MAAM,oBACTD,EAAA,UACEA,EAAA,iBAAeE,IAAKH,EAAGI,UAAWC,MAAOL,EAAGK,SAE7CL,EAAGM,KAAKP,KAAII,GACXF,EAAA,UACEA,EAAA,iBAAeE,IAAKA,UAK5B,OAAOb,KAAKG,KAAKc,OAAS,EAAIN,EAAA,UAAKH,GAAc,I,aCpCrD,MAAMU,EAAyB,ksBAC/B,MAAAC,EAAeD,E,MCQFE,EAAmB,M,4EAS9BpB,KAAAC,gBAAmBC,IACjBF,KAAKG,KAAOD,EAASmB,kBAAkB,E,UATb,E,CAI5B,iBAAAhB,GACEC,EAAkBN,K,CAOpB,MAAAO,GACE,MAAMC,EAAQR,KAAKG,KAAKM,KAAIC,GAC1BC,EAAA,OAAKC,MAAM,oBACTD,EAAA,UACEA,EAAA,iBAAeE,IAAKH,EAAGI,UAAWC,MAAO,MAAML,EAAGK,cAEnDL,EAAGM,KAAKP,KAAII,GACXF,EAAA,UACEA,EAAA,iBAAeE,IAAKA,UAK5B,OAAOb,KAAKG,KAAKc,OAAS,EAAIN,EAAA,UAAKH,GAAc,I","ignoreList":[]}
|