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

package/dist/elements/p-8cd4b0ac.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as n}from"./p-c427a5e9.js";const d=":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\n.card {\n  border: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n\n  header {\n    display: flex;\n    flex-direction: column;\n\n    pos-picture {\n      --object-fit: contain;\n      --width: 100%;\n      --height: auto;\n      --max-height: 300px;\n    }\n\n    h1,\n    pos-type-badges {\n      margin: var(--size-2);\n    }\n  }\n\n  main {\n    padding: var(--size-2);\n\n    pos-description {\n      color: var(--color-grey-800);\n      font-weight: var(--weight-light);\n    }\n  }\n}\n\n@media (min-width: 640px) {\n  :host {\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n}\n";const c=d;const b=class{constructor(a){e(this,a)}render(){return a(n,{key:"8e29bb7745cec5493c102c2262b14291eb9fb62a"},a("section",{key:"2da95db7a410290cb89f7d3bebaae29c35e05785"},a("div",{key:"653b61788b1d17adc08620702c72db496578d075",class:"card"},a("header",{key:"4231d891aac87ba7c4f4bebaa89a23a96784f9c1"},a("pos-picture",{key:"61c6231c3d6106c28aa491a83cce894c0bddbcfb"}),a("h1",{key:"400127e39c91b887b4724276469eb973fadba75b"},a("pos-label",{key:"70754e9b95dc94bbaf95877ad31cf85901ade459"})),a("pos-type-badges",{key:"e930d85f5071bc79c92953c17532ca019879d0fe"})),a("main",{key:"f8f338c59eaf54f1689d860f1b9a66dbee44a24b"},a("pos-description",{key:"93770eb687cf1dd975c22aac1dbd66ebe642fedc"})))),a("section",{key:"753ee64115087fed8992597e7971d550faf10436"},a("pos-literals",{key:"537a50ed2aa72800d32a6493c37b8d1f87190235"})),a("section",{key:"5bde1322d4be17b86cacc4191bab076a319dbaa9"},a("pos-relations",{key:"ce69d190433bb45b580f704ae5b195057f903f8d"}),a("pos-reverse-relations",{key:"2b614b3d9b9aed326df7758791a60db4c37ad128"})))}};b.style=c;export{b as pos_app_generic};
-//# sourceMappingURL=p-8cd4b0ac.entry.js.map

package/dist/elements/p-8cd4b0ac.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["posAppGenericCss","PosAppGenericStyle0","PosAppGeneric","render","h","Host","key","class"],"sources":["src/apps/pos-app-generic/pos-app-generic.css?tag=pos-app-generic&encapsulation=shadow","src/apps/pos-app-generic/pos-app-generic.tsx"],"sourcesContent":[":host {\n  --gap-size: var(--size-1);\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n  margin: var(--gap-size);\n}\n\n.card {\n  border: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n\n  header {\n    display: flex;\n    flex-direction: column;\n\n    pos-picture {\n      --object-fit: contain;\n      --width: 100%;\n      --height: auto;\n      --max-height: 300px;\n    }\n\n    h1,\n    pos-type-badges {\n      margin: var(--size-2);\n    }\n  }\n\n  main {\n    padding: var(--size-2);\n\n    pos-description {\n      color: var(--color-grey-800);\n      font-weight: var(--weight-light);\n    }\n  }\n}\n\n@media (min-width: 640px) {\n  :host {\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-generic',\n  styleUrls: ['./pos-app-generic.css'],\n  shadow: true,\n})\nexport class PosAppGeneric {\n  render() {\n    return (\n      <Host>\n        <section>\n          <div class=\"card\">\n            <header>\n              <pos-picture />\n              <h1>\n                <pos-label />\n              </h1>\n              <pos-type-badges />\n            </header>\n            <main>\n              <pos-description />\n            </main>\n          </div>\n        </section>\n        <section>\n          <pos-literals />\n        </section>\n        <section>\n          <pos-relations />\n          <pos-reverse-relations />\n        </section>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAmB,kxBACzB,MAAAC,EAAeD,E,MCMFE,EAAa,M,yBACxB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,WAAAE,IAAA,4CACEF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,QACTH,EAAA,UAAAE,IAAA,4CACEF,EAAA,eAAAE,IAAA,6CACAF,EAAA,MAAAE,IAAA,4CACEF,EAAA,aAAAE,IAAA,8CAEFF,EAAA,mBAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,4CACEF,EAAA,mBAAAE,IAAA,gDAINF,EAAA,WAAAE,IAAA,4CACEF,EAAA,gBAAAE,IAAA,8CAEFF,EAAA,WAAAE,IAAA,4CACEF,EAAA,iBAAAE,IAAA,6CACAF,EAAA,yBAAAE,IAAA,8C","ignoreList":[]}

package/dist/elements/p-9e8f6bf8.entry.js

@@ -1,2 +0,0 @@
-import{r as n,i as o,h as r}from"./p-c427a5e9.js";import{s as l}from"./p-f6671856.js";const a=":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";const s=a;const e=class{constructor(r){n(this,r);this.subscribeResource=o(this,"pod-os:resource",7);this.receiveResource=n=>{this.data=n.relations()};this.data=[]}componentWillLoad(){l(this)}render(){const n=this.data.map((n=>r("div",{class:"predicate-values"},r("dt",null,r("pos-predicate",{uri:n.predicate,label:n.label})),r("div",{class:"values"},n.uris.map((n=>r("dd",null,r("pos-rich-link",{uri:n}))))))));return this.data.length>0?r("dl",null,n):null}};e.style=s;const c=":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";const d=c;const i=class{constructor(r){n(this,r);this.subscribeResource=o(this,"pod-os:resource",7);this.receiveResource=n=>{this.data=n.reverseRelations()};this.data=[]}componentWillLoad(){l(this)}render(){const n=this.data.map((n=>r("div",{class:"predicate-values"},r("dt",null,r("pos-predicate",{uri:n.predicate,label:`is ${n.label} of`})),r("div",{class:"values"},n.uris.map((n=>r("dd",null,r("pos-rich-link",{uri:n}))))))));return this.data.length>0?r("dl",null,n):null}};i.style=d;export{e as pos_relations,i as pos_reverse_relations};
-//# sourceMappingURL=p-9e8f6bf8.entry.js.map

package/dist/elements/p-9e8f6bf8.entry.js.map

@@ -1 +0,0 @@
-{"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  .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"],"mappings":"sFAAA,MAAMA,EAAkB,w7BACxB,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,SAE9CJ,EAAA,OAAKC,MAAM,UACRF,EAAGM,KAAKP,KAAII,GACXF,EAAA,UACEA,EAAA,iBAAeE,IAAKA,WAM9B,OAAOb,KAAKG,KAAKc,OAAS,EAAIN,EAAA,UAAKH,GAAc,I,aCtCrD,MAAMU,EAAyB,s7BAC/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,cAEpDJ,EAAA,OAAKC,MAAM,UACRF,EAAGM,KAAKP,KAAII,GACXF,EAAA,UACEA,EAAA,iBAAeE,IAAKA,WAM9B,OAAOb,KAAKG,KAAKc,OAAS,EAAIN,EAAA,UAAKH,GAAc,I","ignoreList":[]}