@pod-os/elements 0.34.1-rc.11e4e07.0 → 0.34.1-rc.4cc8792.0

package/dist/elements/p-5423da3f.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s}from"./p-CTyMYUsB.js";const a=class{constructor(s){t(this,s)}render(){return s("pos-attachments",{key:"58f67b724517cfe6eb67b4e3d675aff8da5fa749"})}};export{a as pos_tool_attachments};
+//# sourceMappingURL=p-5423da3f.entry.js.map

package/dist/elements/p-5423da3f.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","PosToolAttachments","constructor","hostRef","this","render","key"],"sources":["0"],"mappings":"YAAcA,OAAkBC,MAAS,kBAEzC,MAAMC,EAAqB,MACvB,WAAAC,CAAYC,GACRJ,EAAiBK,KAAMD,EAC3B,CACA,MAAAE,GACI,OAAOL,EAAE,kBAAmB,CAAEM,IAAK,4CACvC,UAGKL","ignoreList":[]}

package/dist/elements/p-5a97b2ec.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as n,h as e,H as i}from"./p-CTyMYUsB.js";import{s as a}from"./p-BW_CkW1K.js";const r="pos-image{--max-width:100%}";const o=":host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section:first-of-type {\n      flex: 1}section:not(:first-of-type){flex:0 0 30%}}";const l="article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";const t=class{constructor(e){s(this,e);this.subscribeResource=n(this,"pod-os:resource");this.receiveResource=s=>{this.resource=s}}componentWillLoad(){a(this)}render(){if(!this.resource){return null}return e(i,null,e("section",null,e("pos-image",{src:this.resource.uri})),e("section",null,e("article",null,e("header",null,e("h1",null,e("pos-label",null)),e("pos-type-badges",null)),e("pos-literals",null))))}};t.style=r+(o+l);export{t as pos_app_image_viewer};
+//# sourceMappingURL=p-5a97b2ec.entry.js.map

package/dist/elements/{p-80278ad4.entry.js.map → p-5a97b2ec.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","createEvent","h","Host","subscribeResource","posAppImageViewerCss","defaultAppLayoutCss","articleCardCss","PosAppImageViewer","constructor","hostRef","this","receiveResource","resource","componentWillLoad","render","src","uri","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,MAAY,8BACxDC,MAAyB,kBAEvC,MAAMC,EAAuB,8BAE7B,MAAMC,EAAsB,qfAE5B,MAAMC,EAAiB,2YAEvB,MAAMC,EAAoB,MACtB,WAAAC,CAAYC,GACRV,EAAiBW,KAAMD,GACvBC,KAAKP,kBAAoBH,EAAYU,KAAM,mBAC3CA,KAAKC,gBAAmBC,IACpBF,KAAKE,SAAWA,CAAQ,CAEhC,CACA,iBAAAC,GACIV,EAAkBO,KACtB,CACA,MAAAI,GACI,IAAKJ,KAAKE,SAAU,CAChB,OAAO,IACX,CACA,OAAQX,EAAEC,EAAM,KAAMD,EAAE,UAAW,KAAMA,EAAE,YAAa,CAAEc,IAAKL,KAAKE,SAASI,OAASf,EAAE,UAAW,KAAMA,EAAE,UAAW,KAAMA,EAAE,SAAU,KAAMA,EAAE,KAAM,KAAMA,EAAE,YAAa,OAAQA,EAAE,kBAAmB,OAAQA,EAAE,eAAgB,QACtO,GAEJM,EAAkBU,MAAQb,GAAwBC,EAAsBC,UAE/DC","ignoreList":[]}
+{"version":3,"names":["registerInstance","createEvent","h","Host","subscribeResource","posAppImageViewerCss","defaultAppLayoutCss","articleCardCss","PosAppImageViewer","constructor","hostRef","this","receiveResource","resource","componentWillLoad","render","src","uri","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,MAAY,8BACxDC,MAAyB,kBAEvC,MAAMC,EAAuB,8BAE7B,MAAMC,EAAsB,2VAE5B,MAAMC,EAAiB,2YAEvB,MAAMC,EAAoB,MACtB,WAAAC,CAAYC,GACRV,EAAiBW,KAAMD,GACvBC,KAAKP,kBAAoBH,EAAYU,KAAM,mBAC3CA,KAAKC,gBAAmBC,IACpBF,KAAKE,SAAWA,CAAQ,CAEhC,CACA,iBAAAC,GACIV,EAAkBO,KACtB,CACA,MAAAI,GACI,IAAKJ,KAAKE,SAAU,CAChB,OAAO,IACX,CACA,OAAQX,EAAEC,EAAM,KAAMD,EAAE,UAAW,KAAMA,EAAE,YAAa,CAAEc,IAAKL,KAAKE,SAASI,OAASf,EAAE,UAAW,KAAMA,EAAE,UAAW,KAAMA,EAAE,SAAU,KAAMA,EAAE,KAAM,KAAMA,EAAE,YAAa,OAAQA,EAAE,kBAAmB,OAAQA,EAAE,eAAgB,QACtO,GAEJM,EAAkBU,MAAQb,GAAwBC,EAAsBC,UAE/DC","ignoreList":[]}

package/dist/elements/p-659b128e.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as d}from"./p-CTyMYUsB.js";const s=":host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section:first-of-type {\n      flex: 1}section:not(:first-of-type){flex:0 0 30%}}";const r="article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";const i=class{constructor(a){e(this,a)}render(){return a(d,{key:"c77f9fc24e9ed8a47c2d60b570e8a231609f90ba"},a("section",{key:"d40607f64e45868c92bd9f226e3df300f14ab11a"},a("pos-subjects",{key:"83fc348454ea2659c93f69cf250050b4add05ba1"})),a("section",{key:"b7958ea13a5911c2c5709ca8b181346a677bfe20"},a("article",{key:"f5f2d24ed058471b893590b29e13a8e69d7f9a44","aria-labelledby":"doc-title"},a("header",{key:"71db64d04790d2ef8f11a8cefdb9b78348339d56"},a("h1",{key:"d857c251a9a507596d0025709c9f232764e83e66",id:"doc-title"},a("pos-label",{key:"db8554528e6690e331b2d4db3ee2cfaa87f7e27e"})),a("pos-type-badges",{key:"e4b49d6357a86028969e7f61d57755f1017d4948"})),a("pos-literals",{key:"55f2d23287107c18fc2ebb62eac05e0f84175e6f"}))))}};i.style=s+r;export{i as pos_app_rdf_document};
+//# sourceMappingURL=p-659b128e.entry.js.map

package/dist/elements/{p-3ac829ce.entry.js.map → p-659b128e.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Host","defaultAppLayoutCss","articleCardCss","PosAppRdfDocument","constructor","hostRef","this","render","key","id","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAsB,qfAE5B,MAAMC,EAAiB,2YAEvB,MAAMC,EAAoB,MACtB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,EAC3B,CACA,MAAAE,GACI,OAAQR,EAAEC,EAAM,CAAEQ,IAAK,4CAA8CT,EAAE,UAAW,CAAES,IAAK,4CAA8CT,EAAE,eAAgB,CAAES,IAAK,8CAAgDT,EAAE,UAAW,CAAES,IAAK,4CAA8CT,EAAE,UAAW,CAAES,IAAK,2CAA4C,kBAAmB,aAAeT,EAAE,SAAU,CAAES,IAAK,4CAA8CT,EAAE,KAAM,CAAES,IAAK,2CAA4CC,GAAI,aAAeV,EAAE,YAAa,CAAES,IAAK,8CAAgDT,EAAE,kBAAmB,CAAES,IAAK,8CAAgDT,EAAE,eAAgB,CAAES,IAAK,+CAClrB,GAEJL,EAAkBO,MAAQT,EAAsBC,SAEvCC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","defaultAppLayoutCss","articleCardCss","PosAppRdfDocument","constructor","hostRef","this","render","key","id","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAsB,2VAE5B,MAAMC,EAAiB,2YAEvB,MAAMC,EAAoB,MACtB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,EAC3B,CACA,MAAAE,GACI,OAAQR,EAAEC,EAAM,CAAEQ,IAAK,4CAA8CT,EAAE,UAAW,CAAES,IAAK,4CAA8CT,EAAE,eAAgB,CAAES,IAAK,8CAAgDT,EAAE,UAAW,CAAES,IAAK,4CAA8CT,EAAE,UAAW,CAAES,IAAK,2CAA4C,kBAAmB,aAAeT,EAAE,SAAU,CAAES,IAAK,4CAA8CT,EAAE,KAAM,CAAES,IAAK,2CAA4CC,GAAI,aAAeV,EAAE,YAAa,CAAES,IAAK,8CAAgDT,EAAE,kBAAmB,CAAES,IAAK,8CAAgDT,EAAE,eAAgB,CAAES,IAAK,+CAClrB,GAEJL,EAAkBO,MAAQT,EAAsBC,SAEvCC","ignoreList":[]}

package/dist/elements/p-b6bd2c13.entry.js

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as d}from"./p-CTyMYUsB.js";const c=":host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section:first-of-type {\n      flex: 1}section:not(:first-of-type){flex:0 0 30%}}";const n="article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";const s=class{constructor(a){e(this,a)}render(){return a(d,{key:"d8d992da6a9c0b5f71120b3bf89d71d972f63961"},a("section",{key:"d22b9b31c07e062738cad94889428d3aaa5b2ed0"},a("pos-container-contents",{key:"9800d022d77175e03ece450a690c4ce644f1d724"}),a("details",{key:"57ca10cca663164d332ce3b156b62a1cd0475f46"},a("summary",{key:"9d48f320550ef6d9ab1c8dc5327ba400292d89d9"},"All subjects"),a("pos-subjects",{key:"a200dbb34b9b325743dee1d4ecba38f39e70886b"}))),a("section",{key:"0bb7d8970819ef4e0f68d3d4be62d31b85f98083"},a("article",{key:"0a25df3369119ea9cab22092ff3e96a9bfcb1f88","aria-labelledby":"container-title"},a("header",{key:"25d8f23702d72380345fb9d3199c35e77ca25dd9"},a("h1",{key:"6bb675b5d79a6602a55344238a3946ea310c6401",id:"container-title"},a("pos-label",{key:"56f32fc545f83dd45269b7af3b1314db2c36d47b"})),a("pos-type-badges",{key:"5a79774e85cc05c5ffe6bad567993a24b27781ec"})),a("pos-literals",{key:"79f3727026d13ceed50bab8d878aa64545081c9a"}))))}};s.style=c+n;export{s as pos_app_ldp_container};
+//# sourceMappingURL=p-b6bd2c13.entry.js.map

package/dist/elements/{p-5d824704.entry.js.map → p-b6bd2c13.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","h","Host","defaultAppLayoutCss","articleCardCss","PosAppLdpContainer","constructor","hostRef","this","render","key","id","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAsB,qfAE5B,MAAMC,EAAiB,2YAEvB,MAAMC,EAAqB,MACvB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,EAC3B,CACA,MAAAE,GACI,OAAQR,EAAEC,EAAM,CAAEQ,IAAK,4CAA8CT,EAAE,UAAW,CAAES,IAAK,4CAA8CT,EAAE,yBAA0B,CAAES,IAAK,6CAA+CT,EAAE,UAAW,CAAES,IAAK,4CAA8CT,EAAE,UAAW,CAAES,IAAK,4CAA8C,gBAAiBT,EAAE,eAAgB,CAAES,IAAK,+CAAiDT,EAAE,UAAW,CAAES,IAAK,4CAA8CT,EAAE,UAAW,CAAES,IAAK,2CAA4C,kBAAmB,mBAAqBT,EAAE,SAAU,CAAES,IAAK,4CAA8CT,EAAE,KAAM,CAAES,IAAK,2CAA4CC,GAAI,mBAAqBV,EAAE,YAAa,CAAES,IAAK,8CAAgDT,EAAE,kBAAmB,CAAES,IAAK,8CAAgDT,EAAE,eAAgB,CAAES,IAAK,+CACt6B,GAEJL,EAAmBO,MAAQT,EAAsBC,SAExCC","ignoreList":[]}
+{"version":3,"names":["registerInstance","h","Host","defaultAppLayoutCss","articleCardCss","PosAppLdpContainer","constructor","hostRef","this","render","key","id","style"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,MAAY,kBAEpD,MAAMC,EAAsB,2VAE5B,MAAMC,EAAiB,2YAEvB,MAAMC,EAAqB,MACvB,WAAAC,CAAYC,GACRP,EAAiBQ,KAAMD,EAC3B,CACA,MAAAE,GACI,OAAQR,EAAEC,EAAM,CAAEQ,IAAK,4CAA8CT,EAAE,UAAW,CAAES,IAAK,4CAA8CT,EAAE,yBAA0B,CAAES,IAAK,6CAA+CT,EAAE,UAAW,CAAES,IAAK,4CAA8CT,EAAE,UAAW,CAAES,IAAK,4CAA8C,gBAAiBT,EAAE,eAAgB,CAAES,IAAK,+CAAiDT,EAAE,UAAW,CAAES,IAAK,4CAA8CT,EAAE,UAAW,CAAES,IAAK,2CAA4C,kBAAmB,mBAAqBT,EAAE,SAAU,CAAES,IAAK,4CAA8CT,EAAE,KAAM,CAAES,IAAK,2CAA4CC,GAAI,mBAAqBV,EAAE,YAAa,CAAES,IAAK,8CAAgDT,EAAE,kBAAmB,CAAES,IAAK,8CAAgDT,EAAE,eAAgB,CAAES,IAAK,+CACt6B,GAEJL,EAAmBO,MAAQT,EAAsBC,SAExCC","ignoreList":[]}

package/dist/elements/p-c7a53ee1.entry.js

@@ -0,0 +1,2 @@
+import{r as t,h as s,H as e,a as r}from"./p-CTyMYUsB.js";function n(t){return new Promise((s=>{t.dispatchEvent(new CustomEvent("pod-os:resource",{bubbles:true,composed:true,cancelable:true,detail:t=>{s(t)}}))}))}const o=class{constructor(s){t(this,s)}async componentWillLoad(){this.resource=await n(this.el);this.attachments=this.resource.attachments()}render(){if(this.attachments.length===0){return s(e,null,"No attachments found.")}return s("ul",null,this.attachments.map((t=>s("li",null,s("pos-rich-link",{uri:t.uri})))))}get el(){return r(this)}};export{o as pos_attachments};
+//# sourceMappingURL=p-c7a53ee1.entry.js.map

package/dist/elements/p-c7a53ee1.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["registerInstance","h","Host","getElement","useResource","el","Promise","resolve","dispatchEvent","CustomEvent","bubbles","composed","cancelable","detail","thing","PosAttachments","constructor","hostRef","this","componentWillLoad","resource","attachments","render","length","map","it","uri"],"sources":["0"],"mappings":"YAAcA,OAAkBC,OAAQC,OAAWC,MAAkB,kBAErE,SAASC,EAAYC,GACjB,OAAO,IAAIC,SAAQC,IACfF,EAAGG,cAAc,IAAIC,YAAY,kBAAmB,CAChDC,QAAS,KACTC,SAAU,KACVC,WAAY,KACZC,OAASC,IACLP,EAAQO,EAAM,IAEnB,GAEX,CAEA,MAAMC,EAAiB,MACnB,WAAAC,CAAYC,GACRjB,EAAiBkB,KAAMD,EAC3B,CACA,uBAAME,GACFD,KAAKE,eAAiBhB,EAAYc,KAAKb,IACvCa,KAAKG,YAAcH,KAAKE,SAASC,aACrC,CACA,MAAAC,GACI,GAAIJ,KAAKG,YAAYE,SAAW,EAAG,CAC/B,OAAOtB,EAAEC,EAAM,KAAM,wBACzB,CACA,OAAQD,EAAE,KAAM,KAAMiB,KAAKG,YAAYG,KAAIC,GAAOxB,EAAE,KAAM,KAAMA,EAAE,gBAAiB,CAAEyB,IAAKD,EAAGC,SACjG,CACA,MAAIrB,GAAO,OAAOF,EAAWe,KAAO,UAG/BH","ignoreList":[]}

package/dist/elements/p-d03f9b42.entry.js

@@ -0,0 +1,2 @@
+import{r as s,c as n,h as i,H as r}from"./p-CTyMYUsB.js";import{s as e}from"./p-BW_CkW1K.js";const o=":host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section:first-of-type {\n      flex: 1}section:not(:first-of-type){flex:0 0 30%}}";const a="article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";const t=class{constructor(i){s(this,i);this.subscribeResource=n(this,"pod-os:resource");this.receiveResource=s=>{this.resource=s}}componentWillLoad(){e(this)}render(){if(!this.resource){return null}return i(r,null,i("section",null,i("pos-document",{src:this.resource.uri})))}};t.style=o+a;export{t as pos_app_document_viewer};
+//# sourceMappingURL=p-d03f9b42.entry.js.map

package/dist/elements/{p-02ccc4a2.entry.js.map → p-d03f9b42.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["registerInstance","createEvent","h","Host","subscribeResource","defaultAppLayoutCss","articleCardCss","PosAppDocumentViewer","constructor","hostRef","this","receiveResource","resource","componentWillLoad","render","src","uri","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,MAAY,8BACxDC,MAAyB,kBAEvC,MAAMC,EAAsB,qfAE5B,MAAMC,EAAiB,2YAEvB,MAAMC,EAAuB,MACzB,WAAAC,CAAYC,GACRT,EAAiBU,KAAMD,GACvBC,KAAKN,kBAAoBH,EAAYS,KAAM,mBAC3CA,KAAKC,gBAAmBC,IACpBF,KAAKE,SAAWA,CAAQ,CAEhC,CACA,iBAAAC,GACIT,EAAkBM,KACtB,CACA,MAAAI,GACI,IAAKJ,KAAKE,SAAU,CAChB,OAAO,IACX,CACA,OAAQV,EAAEC,EAAM,KAAMD,EAAE,UAAW,KAAMA,EAAE,eAAgB,CAAEa,IAAKL,KAAKE,SAASI,OACpF,GAEJT,EAAqBU,MAAQZ,EAAsBC,SAE1CC","ignoreList":[]}
+{"version":3,"names":["registerInstance","createEvent","h","Host","subscribeResource","defaultAppLayoutCss","articleCardCss","PosAppDocumentViewer","constructor","hostRef","this","receiveResource","resource","componentWillLoad","render","src","uri","style"],"sources":["0"],"mappings":"YAAcA,OAAuBC,OAAaC,OAAQC,MAAY,8BACxDC,MAAyB,kBAEvC,MAAMC,EAAsB,2VAE5B,MAAMC,EAAiB,2YAEvB,MAAMC,EAAuB,MACzB,WAAAC,CAAYC,GACRT,EAAiBU,KAAMD,GACvBC,KAAKN,kBAAoBH,EAAYS,KAAM,mBAC3CA,KAAKC,gBAAmBC,IACpBF,KAAKE,SAAWA,CAAQ,CAEhC,CACA,iBAAAC,GACIT,EAAkBM,KACtB,CACA,MAAAI,GACI,IAAKJ,KAAKE,SAAU,CAChB,OAAO,IACX,CACA,OAAQV,EAAEC,EAAM,KAAMD,EAAE,UAAW,KAAMA,EAAE,eAAgB,CAAEa,IAAKL,KAAKE,SAASI,OACpF,GAEJT,EAAqBU,MAAQZ,EAAsBC,SAE1CC","ignoreList":[]}

package/dist/elements/pos-app-document-viewer.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-app-document-viewer.entry.esm.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-document-viewer&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-document-viewer&encapsulation=shadow","src/apps/pos-app-document-viewer/pos-app-document-viewer.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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n  tag: 'pos-app-document-viewer',\n  shadow: true,\n  styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppDocumentViewer implements ResourceAware {\n  @State() resource: Thing;\n\n  @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.resource = resource;\n  };\n\n  render() {\n    if (!this.resource) {\n      return null;\n    }\n\n    return (\n      <Host>\n        <section>\n          <pos-document src={this.resource.uri} />\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,mBAAmB,GAAG,ofAAof;;ACAhhB,MAAM,cAAc,GAAG,0YAA0Y;;MCSpZ,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAcE,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,QAAe,KAAI;AACpC,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AAC1B,SAAC;AAeF;IArBC,iBAAiB,GAAA;QACf,iBAAiB,CAAC,IAAI,CAAC;;IAOzB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAc,CAAA,cAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAI,CAAA,CAChC,CACL;;;;;;;"}
+{"version":3,"file":"pos-app-document-viewer.entry.esm.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-document-viewer&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-document-viewer&encapsulation=shadow","src/apps/pos-app-document-viewer/pos-app-document-viewer.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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section:first-of-type {\n      flex: 1;\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n  tag: 'pos-app-document-viewer',\n  shadow: true,\n  styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppDocumentViewer implements ResourceAware {\n  @State() resource: Thing;\n\n  @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.resource = resource;\n  };\n\n  render() {\n    if (!this.resource) {\n      return null;\n    }\n\n    return (\n      <Host>\n        <section>\n          <pos-document src={this.resource.uri} />\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,mBAAmB,GAAG,0VAA0V;;ACAtX,MAAM,cAAc,GAAG,0YAA0Y;;MCSpZ,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAcE,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,QAAe,KAAI;AACpC,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AAC1B,SAAC;AAeF;IArBC,iBAAiB,GAAA;QACf,iBAAiB,CAAC,IAAI,CAAC;;IAOzB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAc,CAAA,cAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAI,CAAA,CAChC,CACL;;;;;;;"}

package/dist/elements/pos-app-image-viewer.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-app-image-viewer.entry.esm.js","sources":["src/apps/pos-app-image-viewer/pos-app-image-viewer.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/styles/default-app-layout.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/pos-app-image-viewer/pos-app-image-viewer.tsx"],"sourcesContent":["pos-image {\n  --max-width: 100%;\n}\n",":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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n  tag: 'pos-app-image-viewer',\n  shadow: true,\n  styleUrls: ['pos-app-image-viewer.css', '../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppImageViewer implements ResourceAware {\n  @State() resource: Thing;\n\n  @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.resource = resource;\n  };\n\n  render() {\n    if (!this.resource) {\n      return null;\n    }\n\n    return (\n      <Host>\n        <section>\n          <pos-image src={this.resource.uri} />\n        </section>\n        <section>\n          <article>\n            <header>\n              <h1>\n                <pos-label />\n              </h1>\n              <pos-type-badges />\n            </header>\n            <pos-literals />\n          </article>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,oBAAoB,GAAG,6BAA6B;;ACA1D,MAAM,mBAAmB,GAAG,ofAAof;;ACAhhB,MAAM,cAAc,GAAG,0YAA0Y;;MCSpZ,iBAAiB,GAAA,MAAA;AAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAcE,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,QAAe,KAAI;AACpC,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AAC1B,SAAC;AA0BF;IAhCC,iBAAiB,GAAA;QACf,iBAAiB,CAAC,IAAI,CAAC;;IAOzB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAW,CAAA,WAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAC7B,EACV,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAA,CAAA,QAAA,EAAA,IAAA,EACE,CAAA,CAAA,IAAA,EAAA,IAAA,EACE,CAAA,CAAA,WAAA,EAAA,IAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,IAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,IAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}
+{"version":3,"file":"pos-app-image-viewer.entry.esm.js","sources":["src/apps/pos-app-image-viewer/pos-app-image-viewer.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/styles/default-app-layout.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/pos-app-image-viewer/pos-app-image-viewer.tsx"],"sourcesContent":["pos-image {\n  --max-width: 100%;\n}\n",":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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section:first-of-type {\n      flex: 1;\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n  tag: 'pos-app-image-viewer',\n  shadow: true,\n  styleUrls: ['pos-app-image-viewer.css', '../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppImageViewer implements ResourceAware {\n  @State() resource: Thing;\n\n  @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.resource = resource;\n  };\n\n  render() {\n    if (!this.resource) {\n      return null;\n    }\n\n    return (\n      <Host>\n        <section>\n          <pos-image src={this.resource.uri} />\n        </section>\n        <section>\n          <article>\n            <header>\n              <h1>\n                <pos-label />\n              </h1>\n              <pos-type-badges />\n            </header>\n            <pos-literals />\n          </article>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,oBAAoB,GAAG,6BAA6B;;ACA1D,MAAM,mBAAmB,GAAG,0VAA0V;;ACAtX,MAAM,cAAc,GAAG,0YAA0Y;;MCSpZ,iBAAiB,GAAA,MAAA;AAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAcE,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,QAAe,KAAI;AACpC,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AAC1B,SAAC;AA0BF;IAhCC,iBAAiB,GAAA;QACf,iBAAiB,CAAC,IAAI,CAAC;;IAOzB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAW,CAAA,WAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAC7B,EACV,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAA,CAAA,QAAA,EAAA,IAAA,EACE,CAAA,CAAA,IAAA,EAAA,IAAA,EACE,CAAA,CAAA,WAAA,EAAA,IAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,IAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,IAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}

package/dist/elements/pos-app-ldp-container.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-app-ldp-container.entry.esm.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-ldp-container&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-ldp-container&encapsulation=shadow","src/apps/pos-app-ldp-container/pos-app-ldp-container.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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-ldp-container',\n  shadow: true,\n  styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppLdpContainer {\n  render() {\n    return (\n      <Host>\n        <section>\n          <pos-container-contents />\n          <details>\n            <summary>All subjects</summary>\n            <pos-subjects />\n          </details>\n        </section>\n        <section>\n          <article aria-labelledby=\"container-title\">\n            <header>\n              <h1 id=\"container-title\">\n                <pos-label />\n              </h1>\n              <pos-type-badges />\n            </header>\n            <pos-literals />\n          </article>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,mBAAmB,GAAG,ofAAof;;ACAhhB,MAAM,cAAc,GAAG,0YAA0Y;;MCOpZ,kBAAkB,GAAA,MAAA;;;;IAC7B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAA0B,CAAA,wBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAC1B,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAA+B,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,cAAA,CAAA,EAC/B,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,EACV,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EAAyB,iBAAiB,EAAA,EACxC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EAAA,EACtB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}
+{"version":3,"file":"pos-app-ldp-container.entry.esm.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-ldp-container&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-ldp-container&encapsulation=shadow","src/apps/pos-app-ldp-container/pos-app-ldp-container.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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section:first-of-type {\n      flex: 1;\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-ldp-container',\n  shadow: true,\n  styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppLdpContainer {\n  render() {\n    return (\n      <Host>\n        <section>\n          <pos-container-contents />\n          <details>\n            <summary>All subjects</summary>\n            <pos-subjects />\n          </details>\n        </section>\n        <section>\n          <article aria-labelledby=\"container-title\">\n            <header>\n              <h1 id=\"container-title\">\n                <pos-label />\n              </h1>\n              <pos-type-badges />\n            </header>\n            <pos-literals />\n          </article>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,mBAAmB,GAAG,0VAA0V;;ACAtX,MAAM,cAAc,GAAG,0YAA0Y;;MCOpZ,kBAAkB,GAAA,MAAA;;;;IAC7B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAA0B,CAAA,wBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAC1B,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAA+B,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,cAAA,CAAA,EAC/B,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,EACV,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EAAyB,iBAAiB,EAAA,EACxC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EAAA,EACtB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}

package/dist/elements/pos-app-rdf-document.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-app-rdf-document.entry.esm.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/pos-app-rdf-document/pos-app-rdf-document.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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-rdf-document',\n  styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n  shadow: true,\n})\nexport class PosAppRdfDocument {\n  render() {\n    return (\n      <Host>\n        <section>\n          <pos-subjects />\n        </section>\n        <section>\n          <article aria-labelledby=\"doc-title\">\n            <header>\n              <h1 id=\"doc-title\">\n                <pos-label />\n              </h1>\n              <pos-type-badges />\n            </header>\n            <pos-literals />\n          </article>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,mBAAmB,GAAG,ofAAof;;ACAhhB,MAAM,cAAc,GAAG,0YAA0Y;;MCOpZ,iBAAiB,GAAA,MAAA;;;;IAC5B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,EACV,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EAAyB,WAAW,EAAA,EAClC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,WAAW,EAAA,EAChB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}
+{"version":3,"file":"pos-app-rdf-document.entry.esm.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/pos-app-rdf-document/pos-app-rdf-document.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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section:first-of-type {\n      flex: 1;\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-rdf-document',\n  styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n  shadow: true,\n})\nexport class PosAppRdfDocument {\n  render() {\n    return (\n      <Host>\n        <section>\n          <pos-subjects />\n        </section>\n        <section>\n          <article aria-labelledby=\"doc-title\">\n            <header>\n              <h1 id=\"doc-title\">\n                <pos-label />\n              </h1>\n              <pos-type-badges />\n            </header>\n            <pos-literals />\n          </article>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,mBAAmB,GAAG,0VAA0V;;ACAtX,MAAM,cAAc,GAAG,0YAA0Y;;MCOpZ,iBAAiB,GAAA,MAAA;;;;IAC5B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,EACV,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EAAyB,WAAW,EAAA,EAClC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,WAAW,EAAA,EAChB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}

package/dist/elements/pos-attachments.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-attachments.entry.esm.js","sources":["src/components/pos-attachments/pos-attachments.css?tag=pos-attachments&encapsulation=shadow","src/components/pos-attachments/pos-attachments.tsx"],"sourcesContent":[":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\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  ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-1);\n\n    li {\n      padding: var(--size-1);\n      &:nth-child(even) {\n        background-color: var(--background-color-even);\n      }\n      &:nth-child(odd) {\n        background-color: var(--background-color-odd);\n      }\n    }\n  }\n}\n","import { Component, Element, h, Host, State } from '@stencil/core';\nimport { Attachment, Thing } from '@pod-os/core';\nimport { useResource } from '../events/useResource';\n\n/**\n * Lists whatever is attached to the current thing\n */\n@Component({\n  tag: 'pos-attachments',\n  styleUrl: 'pos-attachments.css',\n  shadow: true,\n})\nexport class PosAttachments {\n  @Element() el: HTMLElement;\n\n  @State() resource: Thing;\n  @State() attachments: Attachment[];\n\n  async componentWillLoad() {\n    this.resource = await useResource(this.el);\n    this.attachments = this.resource.attachments();\n  }\n\n  render() {\n    if (this.attachments.length === 0) {\n      return <Host>No attachments found.</Host>;\n    }\n\n    return (\n      <ul>\n        {this.attachments.map(it => (\n          <li>\n            <pos-rich-link uri={it.uri}></pos-rich-link>\n          </li>\n        ))}\n      </ul>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,iBAAiB,GAAG,0sBAA0sB;;MCYvtB,cAAc,GAAA,MAAA;;;;AAMzB,IAAA,MAAM,iBAAiB,GAAA;QACrB,IAAI,CAAC,QAAQ,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;;IAGhD,MAAM,GAAA;QACJ,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,OAAO,CAAA,CAAC,IAAI,EAAA,IAAA,EAAA,uBAAA,CAA6B;;AAG3C,QAAA,QACE,CAAA,CAAA,IAAA,EAAA,IAAA,EACG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,KACtB,CAAA,CAAA,IAAA,EAAA,IAAA,EACE,CAAe,CAAA,eAAA,EAAA,EAAA,GAAG,EAAE,EAAE,CAAC,GAAG,EAAkB,CAAA,CACzC,CACN,CAAC,CACC;;;;;;;;"}
+{"version":3,"file":"pos-attachments.entry.esm.js","sources":["src/components/events/useResource.ts","src/components/pos-attachments/pos-attachments.tsx"],"sourcesContent":["import { Thing } from '@pod-os/core';\n\nexport function useResource(el: HTMLElement): Promise<Thing> {\n  return new Promise(resolve => {\n    el.dispatchEvent(\n      new CustomEvent('pod-os:resource', {\n        bubbles: true,\n        composed: true,\n        cancelable: true,\n        detail: (thing: Thing) => {\n          resolve(thing);\n        },\n      }),\n    );\n  });\n}\n","import { Component, Element, h, Host, State } from '@stencil/core';\nimport { Attachment, Thing } from '@pod-os/core';\nimport { useResource } from '../events/useResource';\n\n/**\n * Lists whatever is attached to the current thing\n */\n@Component({\n  tag: 'pos-attachments',\n})\nexport class PosAttachments {\n  @Element() el: HTMLElement;\n\n  @State() resource: Thing;\n  @State() attachments: Attachment[];\n\n  async componentWillLoad() {\n    this.resource = await useResource(this.el);\n    this.attachments = this.resource.attachments();\n  }\n\n  render() {\n    if (this.attachments.length === 0) {\n      return <Host>No attachments found.</Host>;\n    }\n\n    return (\n      <ul>\n        {this.attachments.map(it => (\n          <li>\n            <pos-rich-link uri={it.uri}></pos-rich-link>\n          </li>\n        ))}\n      </ul>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAEM,SAAU,WAAW,CAAC,EAAe,EAAA;AACzC,IAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAG;AAC3B,QAAA,EAAE,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,iBAAiB,EAAE;AACjC,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,MAAM,EAAE,CAAC,KAAY,KAAI;gBACvB,OAAO,CAAC,KAAK,CAAC;aACf;AACF,SAAA,CAAC,CACH;AACH,KAAC,CAAC;AACJ;;MCLa,cAAc,GAAA,MAAA;;;;AAMzB,IAAA,MAAM,iBAAiB,GAAA;QACrB,IAAI,CAAC,QAAQ,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;;IAGhD,MAAM,GAAA;QACJ,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,OAAO,CAAA,CAAC,IAAI,EAAA,IAAA,EAAA,uBAAA,CAA6B;;AAG3C,QAAA,QACE,CAAA,CAAA,IAAA,EAAA,IAAA,EACG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,KACtB,CAAA,CAAA,IAAA,EAAA,IAAA,EACE,CAAe,CAAA,eAAA,EAAA,EAAA,GAAG,EAAE,EAAE,CAAC,GAAG,EAAkB,CAAA,CACzC,CACN,CAAC,CACC;;;;;;;"}

package/dist/elements/pos-tool-attachments.entry.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-tool-attachments.entry.esm.js","sources":["src/tools/pos-tool-attachments/pos-tool-attachments.css?tag=pos-tool-attachments&encapsulation=shadow","src/apps/styles/default-app-layout.css?tag=pos-tool-attachments&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-tool-attachments&encapsulation=shadow","src/tools/pos-tool-attachments/pos-tool-attachments.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n  h2 {\n    margin: 0;\n    padding: 0;\n    font-size: var(--scale-2);\n  }\n}\n",":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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Component, h, Host, Element, State } from '@stencil/core';\nimport { PodOS, Thing } from '@pod-os/core';\nimport { usePodOS } from '../../components/events/usePodOS';\nimport { useResource } from '../../components/events/useResource';\n\n/**\n * A tool to manage attachments of a thing.\n */\n@Component({\n  tag: 'pos-tool-attachments',\n  styleUrls: [\n    './pos-tool-attachments.css',\n    '../../apps/styles/default-app-layout.css',\n    '../../apps/styles/article-card.css',\n  ],\n  shadow: true,\n})\nexport class PosToolAttachments {\n  @Element() el: HTMLElement;\n\n  @State() os: PodOS;\n  @State() resource: Thing;\n\n  async componentWillLoad() {\n    this.os = await usePodOS(this.el);\n    this.resource = await useResource(this.el);\n  }\n\n  render() {\n    return (\n      <Host>\n        <section>\n          <article>\n            <h2>Attachments</h2>\n            <pos-attachments></pos-attachments>\n          </article>\n        </section>\n        <section>\n          {this.resource?.editable ? (\n            <pos-upload\n              accept={['*/*']}\n              uploader={file => {\n                return this.os.attachments().uploadAndAddAttachment(this.resource, file);\n              }}\n            ></pos-upload>\n          ) : null}\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,gKAAgK;;ACA9L,MAAM,mBAAmB,GAAG,ofAAof;;ACAhhB,MAAM,cAAc,GAAG,0YAA0Y;;MCiBpZ,kBAAkB,GAAA,MAAA;;;;AAM7B,IAAA,MAAM,iBAAiB,GAAA;QACrB,IAAI,CAAC,EAAE,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QACjC,IAAI,CAAC,QAAQ,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;;IAG5C,MAAM,GAAA;;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAoB,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,aAAA,CAAA,EACpB,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmC,CAC3B,CACF,EACV,CACG,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,CAAA,MAAA,IAAI,CAAC,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAQ,KACtB,kBACE,MAAM,EAAE,CAAC,KAAK,CAAC,EACf,QAAQ,EAAE,IAAI,IAAG;AACf,gBAAA,OAAO,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;aACzE,EAAA,CACW,IACZ,IAAI,CACA,CACL;;;;;;;;"}
+{"version":3,"file":"pos-tool-attachments.entry.esm.js","sources":["src/tools/pos-tool-attachments/pos-tool-attachments.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n/**\n * A tool to manage attachments of a thing.\n */\n@Component({\n  tag: 'pos-tool-attachments',\n})\nexport class PosToolAttachments {\n  render() {\n    return <pos-attachments></pos-attachments>;\n  }\n}\n"],"names":[],"mappings":";;MAQa,kBAAkB,GAAA,MAAA;;;;IAC7B,MAAM,GAAA;QACJ,OAAO,yEAAmC;;;;;;"}

package/dist/esm/elements.js

@@ -16,6 +16,6 @@ var patchBrowser = () => {
 
 patchBrowser().then(async (options) => {
   await globalScripts();
-  return bootstrapLazy([["pos-add-new-thing_31",[[256,"pos-app-browser",{"restorePreviousSession":[4,"restore-previous-session"],"mode":[1],"uri":[32]}],[256,"pos-internal-router",{"uri":[1]}],[257,"pos-login",{"os":[32],"customLoggedInComponent":[32]},[[4,"pod-os:logout","logout"],[4,"pod-os:login","onLogin"]]],[257,"pos-navigation",{"uri":[1],"os":[32],"inputValue":[32],"searchIndex":[32],"suggestions":[32],"selectedIndex":[32],"resource":[32]},[[0,"pod-os:search:index-created","buildSearchIndex"],[0,"pod-os:search:index-updated","rebuildSearchIndex"],[0,"pod-os:navigate","openNavigationDialog"],[4,"click","closeDialog"],[0,"pod-os:link","clearSuggestions"],[0,"click","onClickSelf"],[0,"keydown","handleKeyDown"]],{"uri":["updateResource"],"os":["updateResource"]}],[257,"pos-user-menu",{"webId":[1,"web-id"]},[[0,"sl-select","onSelect"]]],[257,"pos-add-new-thing",{"referenceUri":[1,"reference-uri"]}],[257,"pos-type-router",{"initialTool":[32],"availableTools":[32],"oldTool":[32],"currentTool":[32],"transitioning":[32]},[[0,"pod-os:tool-selected","handleToolSelected"]]],[257,"pos-app",{"restorePreviousSession":[4,"restore-previous-session"],"os":[32],"unsubscribeSettings":[32],"loading":[32]},[[0,"pod-os:init","initializeOs"],[0,"pod-os:module","loadModule"]]],[257,"pos-error-toast",{"title":[32],"message":[32]},[[8,"unhandledrejection","unhandledRejection"],[0,"pod-os:error","catchError"]]],[260,"pos-router",{"mode":[1],"uri":[32]},[[0,"pod-os:link","linkClicked"],[8,"pod-os:session-restored","sessionRestored"]]],[257,"pos-app-dashboard"],[257,"pos-navigation-bar",{"current":[16],"searchIndexReady":[4,"search-index-ready"]},[[4,"keydown","activate"]]],[257,"pos-app-settings"],[273,"pos-new-thing-form",{"referenceUri":[1,"reference-uri"],"os":[32],"newUri":[32],"name":[32],"selectedTypeUri":[32],"canSubmit":[32]},null,{"name":["validate"],"selectedTypeUri":["validate"]}],[273,"pos-login-form",{"idpUrl":[32],"canSubmit":[32]},null,{"idpUrl":["validate"]}],[257,"pos-tool-select",{"selected":[16],"tools":[16]}],[257,"pos-type-index-entries",{"uri":[1],"entries":[32]}],[257,"pos-example-resources"],[257,"pos-make-findable",{"uri":[1],"os":[32],"thing":[32],"indexes":[32],"unsubscribeSessionChange":[32],"showOptions":[32],"isIndexed":[32]},[[0,"sl-select","onSelect"]],{"uri":["updateUri"]}],[260,"pos-dialog",{"showModal":[64],"close":[64]}],[257,"pos-getting-started"],[257,"pos-setting-offline-cache"],[257,"pos-picture",{"blurredBackground":[4,"blurred-background"],"noUpload":[4,"no-upload"],"resource":[32],"os":[32],"isUploading":[32]}],[257,"pos-image",{"src":[1],"alt":[1],"blurredBackground":[4,"blurred-background"],"os":[32],"dataUri":[32],"brokenFile":[32],"networkError":[32],"imageError":[32],"loading":[32]},null,{"os":["fetchBlob"],"src":["fetchBlob"]}],[257,"pos-upload",{"accept":[16],"uploader":[16]}],[273,"pos-select-term",{"placeholder":[1],"value":[1],"os":[32],"terms":[32]},null,{"os":["setTerms"]}],[257,"pos-predicate",{"uri":[1],"label":[1],"expanded":[32]}],[257,"pos-rich-link",{"uri":[1],"rel":[1],"rev":[1],"link":[32],"followPredicate":[32],"error":[32],"showCustomContent":[32]}],[257,"pos-description",{"resource":[32]}],[257,"pos-label",{"resource":[32]}],[257,"pos-resource",{"uri":[1],"lazy":[4],"os":[32],"resource":[32],"consumers":[32],"error":[32],"loading":[32],"fetch":[64]},[[0,"pod-os:resource","provideResource"]],{"os":["loadResource"],"uri":["loadResource"]}]]],["pos-app-generic",[[257,"pos-app-generic"]]],["pos-app-ldp-container",[[257,"pos-app-ldp-container"]]],["pos-app-rdf-document",[[257,"pos-app-rdf-document"]]],["pos-app-image-viewer",[[257,"pos-app-image-viewer",{"resource":[32]}]]],["pos-tool-attachments",[[257,"pos-tool-attachments",{"os":[32],"resource":[32]}]]],["pos-app-document-viewer",[[257,"pos-app-document-viewer",{"resource":[32]}]]],["pos-list",[[256,"pos-list",{"rel":[1],"ifTypeof":[1,"if-typeof"],"fetch":[4],"error":[32],"os":[32],"resource":[32],"items":[32],"templateString":[32]}]]],["pos-value",[[257,"pos-value",{"predicate":[1],"resource":[32]}]]],["pos-attachments",[[257,"pos-attachments",{"resource":[32],"attachments":[32]}]]],["pos-container-contents",[[257,"pos-container-contents",{"container":[32],"contents":[32],"loading":[32],"createNewItem":[32]},[[0,"keydown","handleKeyDown"]]]]],["pos-document",[[257,"pos-document",{"src":[1],"alt":[1],"os":[32],"file":[32],"brokenFile":[32],"error":[32],"saveStatus":[32],"loading":[32],"isEditable":[32]},[[0,"pod-os:document-modified","handleDocumentModified"]],{"os":["fetchBlob"],"src":["fetchBlob"]}]]],["pos-relations_2",[[257,"pos-relations",{"data":[32]}],[257,"pos-reverse-relations",{"data":[32]}]]],["pos-subjects",[[257,"pos-subjects",{"data":[32]}]]],["pos-markdown-document",[[257,"pos-markdown-document",{"file":[16],"saveStatus":[1,"save-status"],"editable":[4],"markdown":[32],"isModified":[32],"isEditing":[32],"startEditing":[64],"stopEditing":[64]}]]],["pos-container-item_3",[[257,"pos-container-item",{"resource":[32]}],[257,"pos-container-toolbar"],[257,"pos-create-new-container-item",{"type":[1],"container":[16],"os":[32],"name":[32]}]]],["pos-add-literal-value_3",[[257,"pos-literals",{"data":[32]}],[257,"pos-type-badges",{"data":[32],"typeLabels":[32],"isExpanded":[32]}],[257,"pos-add-literal-value",{"os":[32],"resource":[32],"currentValue":[32],"selectedTermUri":[32]},null,{"os":["setName"]}]]]], options);
+  return bootstrapLazy([["pos-add-new-thing_31",[[256,"pos-app-browser",{"restorePreviousSession":[4,"restore-previous-session"],"mode":[1],"uri":[32]}],[256,"pos-internal-router",{"uri":[1]}],[257,"pos-login",{"os":[32],"customLoggedInComponent":[32]},[[4,"pod-os:logout","logout"],[4,"pod-os:login","onLogin"]]],[257,"pos-navigation",{"uri":[1],"os":[32],"inputValue":[32],"searchIndex":[32],"suggestions":[32],"selectedIndex":[32],"resource":[32]},[[0,"pod-os:search:index-created","buildSearchIndex"],[0,"pod-os:search:index-updated","rebuildSearchIndex"],[0,"pod-os:navigate","openNavigationDialog"],[4,"click","closeDialog"],[0,"pod-os:link","clearSuggestions"],[0,"click","onClickSelf"],[0,"keydown","handleKeyDown"]],{"uri":["updateResource"],"os":["updateResource"]}],[257,"pos-user-menu",{"webId":[1,"web-id"]},[[0,"sl-select","onSelect"]]],[257,"pos-add-new-thing",{"referenceUri":[1,"reference-uri"]}],[257,"pos-type-router",{"initialTool":[32],"availableTools":[32],"oldTool":[32],"currentTool":[32],"transitioning":[32]},[[0,"pod-os:tool-selected","handleToolSelected"]]],[257,"pos-app",{"restorePreviousSession":[4,"restore-previous-session"],"os":[32],"unsubscribeSettings":[32],"loading":[32]},[[0,"pod-os:init","initializeOs"],[0,"pod-os:module","loadModule"]]],[257,"pos-error-toast",{"title":[32],"message":[32]},[[8,"unhandledrejection","unhandledRejection"],[0,"pod-os:error","catchError"]]],[260,"pos-router",{"mode":[1],"uri":[32]},[[0,"pod-os:link","linkClicked"],[8,"pod-os:session-restored","sessionRestored"]]],[257,"pos-app-dashboard"],[257,"pos-navigation-bar",{"current":[16],"searchIndexReady":[4,"search-index-ready"]},[[4,"keydown","activate"]]],[257,"pos-app-settings"],[273,"pos-new-thing-form",{"referenceUri":[1,"reference-uri"],"os":[32],"newUri":[32],"name":[32],"selectedTypeUri":[32],"canSubmit":[32]},null,{"name":["validate"],"selectedTypeUri":["validate"]}],[273,"pos-login-form",{"idpUrl":[32],"canSubmit":[32]},null,{"idpUrl":["validate"]}],[257,"pos-tool-select",{"selected":[16],"tools":[16]}],[257,"pos-type-index-entries",{"uri":[1],"entries":[32]}],[257,"pos-example-resources"],[257,"pos-make-findable",{"uri":[1],"os":[32],"thing":[32],"indexes":[32],"unsubscribeSessionChange":[32],"showOptions":[32],"isIndexed":[32]},[[0,"sl-select","onSelect"]],{"uri":["updateUri"]}],[260,"pos-dialog",{"showModal":[64],"close":[64]}],[257,"pos-getting-started"],[257,"pos-setting-offline-cache"],[257,"pos-picture",{"blurredBackground":[4,"blurred-background"],"noUpload":[4,"no-upload"],"resource":[32],"os":[32],"isUploading":[32]}],[257,"pos-upload",{"accept":[16],"uploader":[16]}],[257,"pos-image",{"src":[1],"alt":[1],"blurredBackground":[4,"blurred-background"],"os":[32],"dataUri":[32],"brokenFile":[32],"networkError":[32],"imageError":[32],"loading":[32]},null,{"os":["fetchBlob"],"src":["fetchBlob"]}],[273,"pos-select-term",{"placeholder":[1],"value":[1],"os":[32],"terms":[32]},null,{"os":["setTerms"]}],[257,"pos-predicate",{"uri":[1],"label":[1],"expanded":[32]}],[257,"pos-rich-link",{"uri":[1],"rel":[1],"rev":[1],"link":[32],"followPredicate":[32],"error":[32],"showCustomContent":[32]}],[257,"pos-description",{"resource":[32]}],[257,"pos-label",{"resource":[32]}],[257,"pos-resource",{"uri":[1],"lazy":[4],"os":[32],"resource":[32],"consumers":[32],"error":[32],"loading":[32],"fetch":[64]},[[0,"pod-os:resource","provideResource"]],{"os":["loadResource"],"uri":["loadResource"]}]]],["pos-app-generic",[[257,"pos-app-generic"]]],["pos-app-ldp-container",[[257,"pos-app-ldp-container"]]],["pos-app-rdf-document",[[257,"pos-app-rdf-document"]]],["pos-app-image-viewer",[[257,"pos-app-image-viewer",{"resource":[32]}]]],["pos-tool-attachments",[[256,"pos-tool-attachments"]]],["pos-app-document-viewer",[[257,"pos-app-document-viewer",{"resource":[32]}]]],["pos-list",[[256,"pos-list",{"rel":[1],"ifTypeof":[1,"if-typeof"],"fetch":[4],"error":[32],"os":[32],"resource":[32],"items":[32],"templateString":[32]}]]],["pos-value",[[257,"pos-value",{"predicate":[1],"resource":[32]}]]],["pos-attachments",[[256,"pos-attachments",{"resource":[32],"attachments":[32]}]]],["pos-container-contents",[[257,"pos-container-contents",{"container":[32],"contents":[32],"loading":[32],"createNewItem":[32]},[[0,"keydown","handleKeyDown"]]]]],["pos-document",[[257,"pos-document",{"src":[1],"alt":[1],"os":[32],"file":[32],"brokenFile":[32],"error":[32],"saveStatus":[32],"loading":[32],"isEditable":[32]},[[0,"pod-os:document-modified","handleDocumentModified"]],{"os":["fetchBlob"],"src":["fetchBlob"]}]]],["pos-relations_2",[[257,"pos-relations",{"data":[32]}],[257,"pos-reverse-relations",{"data":[32]}]]],["pos-subjects",[[257,"pos-subjects",{"data":[32]}]]],["pos-markdown-document",[[257,"pos-markdown-document",{"file":[16],"saveStatus":[1,"save-status"],"editable":[4],"markdown":[32],"isModified":[32],"isEditing":[32],"startEditing":[64],"stopEditing":[64]}]]],["pos-container-item_3",[[257,"pos-container-item",{"resource":[32]}],[257,"pos-container-toolbar"],[257,"pos-create-new-container-item",{"type":[1],"container":[16],"os":[32],"name":[32]}]]],["pos-add-literal-value_3",[[257,"pos-literals",{"data":[32]}],[257,"pos-type-badges",{"data":[32],"typeLabels":[32],"isExpanded":[32]}],[257,"pos-add-literal-value",{"os":[32],"resource":[32],"currentValue":[32],"selectedTermUri":[32]},null,{"os":["setName"]}]]]], options);
 });
 //# sourceMappingURL=elements.js.map

package/dist/esm/loader.js

@@ -4,7 +4,7 @@ export { s as setNonce } from './index-CTyMYUsB.js';
 const defineCustomElements = async (win, options) => {
   if (typeof window === 'undefined') return undefined;
   await globalScripts();
-  return bootstrapLazy([["pos-add-new-thing_31",[[256,"pos-app-browser",{"restorePreviousSession":[4,"restore-previous-session"],"mode":[1],"uri":[32]}],[256,"pos-internal-router",{"uri":[1]}],[257,"pos-login",{"os":[32],"customLoggedInComponent":[32]},[[4,"pod-os:logout","logout"],[4,"pod-os:login","onLogin"]]],[257,"pos-navigation",{"uri":[1],"os":[32],"inputValue":[32],"searchIndex":[32],"suggestions":[32],"selectedIndex":[32],"resource":[32]},[[0,"pod-os:search:index-created","buildSearchIndex"],[0,"pod-os:search:index-updated","rebuildSearchIndex"],[0,"pod-os:navigate","openNavigationDialog"],[4,"click","closeDialog"],[0,"pod-os:link","clearSuggestions"],[0,"click","onClickSelf"],[0,"keydown","handleKeyDown"]],{"uri":["updateResource"],"os":["updateResource"]}],[257,"pos-user-menu",{"webId":[1,"web-id"]},[[0,"sl-select","onSelect"]]],[257,"pos-add-new-thing",{"referenceUri":[1,"reference-uri"]}],[257,"pos-type-router",{"initialTool":[32],"availableTools":[32],"oldTool":[32],"currentTool":[32],"transitioning":[32]},[[0,"pod-os:tool-selected","handleToolSelected"]]],[257,"pos-app",{"restorePreviousSession":[4,"restore-previous-session"],"os":[32],"unsubscribeSettings":[32],"loading":[32]},[[0,"pod-os:init","initializeOs"],[0,"pod-os:module","loadModule"]]],[257,"pos-error-toast",{"title":[32],"message":[32]},[[8,"unhandledrejection","unhandledRejection"],[0,"pod-os:error","catchError"]]],[260,"pos-router",{"mode":[1],"uri":[32]},[[0,"pod-os:link","linkClicked"],[8,"pod-os:session-restored","sessionRestored"]]],[257,"pos-app-dashboard"],[257,"pos-navigation-bar",{"current":[16],"searchIndexReady":[4,"search-index-ready"]},[[4,"keydown","activate"]]],[257,"pos-app-settings"],[273,"pos-new-thing-form",{"referenceUri":[1,"reference-uri"],"os":[32],"newUri":[32],"name":[32],"selectedTypeUri":[32],"canSubmit":[32]},null,{"name":["validate"],"selectedTypeUri":["validate"]}],[273,"pos-login-form",{"idpUrl":[32],"canSubmit":[32]},null,{"idpUrl":["validate"]}],[257,"pos-tool-select",{"selected":[16],"tools":[16]}],[257,"pos-type-index-entries",{"uri":[1],"entries":[32]}],[257,"pos-example-resources"],[257,"pos-make-findable",{"uri":[1],"os":[32],"thing":[32],"indexes":[32],"unsubscribeSessionChange":[32],"showOptions":[32],"isIndexed":[32]},[[0,"sl-select","onSelect"]],{"uri":["updateUri"]}],[260,"pos-dialog",{"showModal":[64],"close":[64]}],[257,"pos-getting-started"],[257,"pos-setting-offline-cache"],[257,"pos-picture",{"blurredBackground":[4,"blurred-background"],"noUpload":[4,"no-upload"],"resource":[32],"os":[32],"isUploading":[32]}],[257,"pos-image",{"src":[1],"alt":[1],"blurredBackground":[4,"blurred-background"],"os":[32],"dataUri":[32],"brokenFile":[32],"networkError":[32],"imageError":[32],"loading":[32]},null,{"os":["fetchBlob"],"src":["fetchBlob"]}],[257,"pos-upload",{"accept":[16],"uploader":[16]}],[273,"pos-select-term",{"placeholder":[1],"value":[1],"os":[32],"terms":[32]},null,{"os":["setTerms"]}],[257,"pos-predicate",{"uri":[1],"label":[1],"expanded":[32]}],[257,"pos-rich-link",{"uri":[1],"rel":[1],"rev":[1],"link":[32],"followPredicate":[32],"error":[32],"showCustomContent":[32]}],[257,"pos-description",{"resource":[32]}],[257,"pos-label",{"resource":[32]}],[257,"pos-resource",{"uri":[1],"lazy":[4],"os":[32],"resource":[32],"consumers":[32],"error":[32],"loading":[32],"fetch":[64]},[[0,"pod-os:resource","provideResource"]],{"os":["loadResource"],"uri":["loadResource"]}]]],["pos-app-generic",[[257,"pos-app-generic"]]],["pos-app-ldp-container",[[257,"pos-app-ldp-container"]]],["pos-app-rdf-document",[[257,"pos-app-rdf-document"]]],["pos-app-image-viewer",[[257,"pos-app-image-viewer",{"resource":[32]}]]],["pos-tool-attachments",[[257,"pos-tool-attachments",{"os":[32],"resource":[32]}]]],["pos-app-document-viewer",[[257,"pos-app-document-viewer",{"resource":[32]}]]],["pos-list",[[256,"pos-list",{"rel":[1],"ifTypeof":[1,"if-typeof"],"fetch":[4],"error":[32],"os":[32],"resource":[32],"items":[32],"templateString":[32]}]]],["pos-value",[[257,"pos-value",{"predicate":[1],"resource":[32]}]]],["pos-attachments",[[257,"pos-attachments",{"resource":[32],"attachments":[32]}]]],["pos-container-contents",[[257,"pos-container-contents",{"container":[32],"contents":[32],"loading":[32],"createNewItem":[32]},[[0,"keydown","handleKeyDown"]]]]],["pos-document",[[257,"pos-document",{"src":[1],"alt":[1],"os":[32],"file":[32],"brokenFile":[32],"error":[32],"saveStatus":[32],"loading":[32],"isEditable":[32]},[[0,"pod-os:document-modified","handleDocumentModified"]],{"os":["fetchBlob"],"src":["fetchBlob"]}]]],["pos-relations_2",[[257,"pos-relations",{"data":[32]}],[257,"pos-reverse-relations",{"data":[32]}]]],["pos-subjects",[[257,"pos-subjects",{"data":[32]}]]],["pos-markdown-document",[[257,"pos-markdown-document",{"file":[16],"saveStatus":[1,"save-status"],"editable":[4],"markdown":[32],"isModified":[32],"isEditing":[32],"startEditing":[64],"stopEditing":[64]}]]],["pos-container-item_3",[[257,"pos-container-item",{"resource":[32]}],[257,"pos-container-toolbar"],[257,"pos-create-new-container-item",{"type":[1],"container":[16],"os":[32],"name":[32]}]]],["pos-add-literal-value_3",[[257,"pos-literals",{"data":[32]}],[257,"pos-type-badges",{"data":[32],"typeLabels":[32],"isExpanded":[32]}],[257,"pos-add-literal-value",{"os":[32],"resource":[32],"currentValue":[32],"selectedTermUri":[32]},null,{"os":["setName"]}]]]], options);
+  return bootstrapLazy([["pos-add-new-thing_31",[[256,"pos-app-browser",{"restorePreviousSession":[4,"restore-previous-session"],"mode":[1],"uri":[32]}],[256,"pos-internal-router",{"uri":[1]}],[257,"pos-login",{"os":[32],"customLoggedInComponent":[32]},[[4,"pod-os:logout","logout"],[4,"pod-os:login","onLogin"]]],[257,"pos-navigation",{"uri":[1],"os":[32],"inputValue":[32],"searchIndex":[32],"suggestions":[32],"selectedIndex":[32],"resource":[32]},[[0,"pod-os:search:index-created","buildSearchIndex"],[0,"pod-os:search:index-updated","rebuildSearchIndex"],[0,"pod-os:navigate","openNavigationDialog"],[4,"click","closeDialog"],[0,"pod-os:link","clearSuggestions"],[0,"click","onClickSelf"],[0,"keydown","handleKeyDown"]],{"uri":["updateResource"],"os":["updateResource"]}],[257,"pos-user-menu",{"webId":[1,"web-id"]},[[0,"sl-select","onSelect"]]],[257,"pos-add-new-thing",{"referenceUri":[1,"reference-uri"]}],[257,"pos-type-router",{"initialTool":[32],"availableTools":[32],"oldTool":[32],"currentTool":[32],"transitioning":[32]},[[0,"pod-os:tool-selected","handleToolSelected"]]],[257,"pos-app",{"restorePreviousSession":[4,"restore-previous-session"],"os":[32],"unsubscribeSettings":[32],"loading":[32]},[[0,"pod-os:init","initializeOs"],[0,"pod-os:module","loadModule"]]],[257,"pos-error-toast",{"title":[32],"message":[32]},[[8,"unhandledrejection","unhandledRejection"],[0,"pod-os:error","catchError"]]],[260,"pos-router",{"mode":[1],"uri":[32]},[[0,"pod-os:link","linkClicked"],[8,"pod-os:session-restored","sessionRestored"]]],[257,"pos-app-dashboard"],[257,"pos-navigation-bar",{"current":[16],"searchIndexReady":[4,"search-index-ready"]},[[4,"keydown","activate"]]],[257,"pos-app-settings"],[273,"pos-new-thing-form",{"referenceUri":[1,"reference-uri"],"os":[32],"newUri":[32],"name":[32],"selectedTypeUri":[32],"canSubmit":[32]},null,{"name":["validate"],"selectedTypeUri":["validate"]}],[273,"pos-login-form",{"idpUrl":[32],"canSubmit":[32]},null,{"idpUrl":["validate"]}],[257,"pos-tool-select",{"selected":[16],"tools":[16]}],[257,"pos-type-index-entries",{"uri":[1],"entries":[32]}],[257,"pos-example-resources"],[257,"pos-make-findable",{"uri":[1],"os":[32],"thing":[32],"indexes":[32],"unsubscribeSessionChange":[32],"showOptions":[32],"isIndexed":[32]},[[0,"sl-select","onSelect"]],{"uri":["updateUri"]}],[260,"pos-dialog",{"showModal":[64],"close":[64]}],[257,"pos-getting-started"],[257,"pos-setting-offline-cache"],[257,"pos-picture",{"blurredBackground":[4,"blurred-background"],"noUpload":[4,"no-upload"],"resource":[32],"os":[32],"isUploading":[32]}],[257,"pos-upload",{"accept":[16],"uploader":[16]}],[257,"pos-image",{"src":[1],"alt":[1],"blurredBackground":[4,"blurred-background"],"os":[32],"dataUri":[32],"brokenFile":[32],"networkError":[32],"imageError":[32],"loading":[32]},null,{"os":["fetchBlob"],"src":["fetchBlob"]}],[273,"pos-select-term",{"placeholder":[1],"value":[1],"os":[32],"terms":[32]},null,{"os":["setTerms"]}],[257,"pos-predicate",{"uri":[1],"label":[1],"expanded":[32]}],[257,"pos-rich-link",{"uri":[1],"rel":[1],"rev":[1],"link":[32],"followPredicate":[32],"error":[32],"showCustomContent":[32]}],[257,"pos-description",{"resource":[32]}],[257,"pos-label",{"resource":[32]}],[257,"pos-resource",{"uri":[1],"lazy":[4],"os":[32],"resource":[32],"consumers":[32],"error":[32],"loading":[32],"fetch":[64]},[[0,"pod-os:resource","provideResource"]],{"os":["loadResource"],"uri":["loadResource"]}]]],["pos-app-generic",[[257,"pos-app-generic"]]],["pos-app-ldp-container",[[257,"pos-app-ldp-container"]]],["pos-app-rdf-document",[[257,"pos-app-rdf-document"]]],["pos-app-image-viewer",[[257,"pos-app-image-viewer",{"resource":[32]}]]],["pos-tool-attachments",[[256,"pos-tool-attachments"]]],["pos-app-document-viewer",[[257,"pos-app-document-viewer",{"resource":[32]}]]],["pos-list",[[256,"pos-list",{"rel":[1],"ifTypeof":[1,"if-typeof"],"fetch":[4],"error":[32],"os":[32],"resource":[32],"items":[32],"templateString":[32]}]]],["pos-value",[[257,"pos-value",{"predicate":[1],"resource":[32]}]]],["pos-attachments",[[256,"pos-attachments",{"resource":[32],"attachments":[32]}]]],["pos-container-contents",[[257,"pos-container-contents",{"container":[32],"contents":[32],"loading":[32],"createNewItem":[32]},[[0,"keydown","handleKeyDown"]]]]],["pos-document",[[257,"pos-document",{"src":[1],"alt":[1],"os":[32],"file":[32],"brokenFile":[32],"error":[32],"saveStatus":[32],"loading":[32],"isEditable":[32]},[[0,"pod-os:document-modified","handleDocumentModified"]],{"os":["fetchBlob"],"src":["fetchBlob"]}]]],["pos-relations_2",[[257,"pos-relations",{"data":[32]}],[257,"pos-reverse-relations",{"data":[32]}]]],["pos-subjects",[[257,"pos-subjects",{"data":[32]}]]],["pos-markdown-document",[[257,"pos-markdown-document",{"file":[16],"saveStatus":[1,"save-status"],"editable":[4],"markdown":[32],"isModified":[32],"isEditing":[32],"startEditing":[64],"stopEditing":[64]}]]],["pos-container-item_3",[[257,"pos-container-item",{"resource":[32]}],[257,"pos-container-toolbar"],[257,"pos-create-new-container-item",{"type":[1],"container":[16],"os":[32],"name":[32]}]]],["pos-add-literal-value_3",[[257,"pos-literals",{"data":[32]}],[257,"pos-type-badges",{"data":[32],"typeLabels":[32],"isExpanded":[32]}],[257,"pos-add-literal-value",{"os":[32],"resource":[32],"currentValue":[32],"selectedTermUri":[32]},null,{"os":["setName"]}]]]], options);
 };
 
 export { defineCustomElements };

package/dist/esm/pos-add-new-thing_31.entry.js

@@ -6246,7 +6246,7 @@ const PosSettingOfflineCache = class {
 };
 PosSettingOfflineCache.style = posSettingOfflineCacheCss;
 
-const posToolSelectCss = ":host {\n  --button-size: var(--size-16);\n  display: block;\n  position: sticky;\n  align-self: flex-start;\n  top: 0;\n  overflow: auto;\n  min-width: var(--button-size);\n  z-index: var(--layer-1);\n}\n\n[role='tablist'] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  border-right: var(--size-px) solid var(--pos-border-color);\n\n  button {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 0;\n    font-size: var(--size-6);\n    position: relative;\n    overflow: hidden;\n    outline: none;\n    border: none;\n    width: var(--button-size);\n    min-width: var(--button-size);\n    height: var(--button-size);\n    min-height: var(--button-size);\n    color: var(--pos-normal-text-color);\n    background-color: var(--pos-background-color);\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 0;\n      height: 0;\n      border-radius: 100%;\n      background: color-mix(in srgb, var(--pos-primary-color), transparent 50%);\n      transform: translate(-50%, -50%);\n      opacity: 1;\n    }\n\n    &:active::after,\n    &:focus::after {\n      width: calc(var(--button-size) * 1.5);\n      height: calc(var(--button-size) * 1.5);\n      opacity: 0;\n      transition:\n        width 0.5s ease-out,\n        height 0.5s ease-out,\n        opacity 1s ease-out;\n    }\n\n    &:focus-visible {\n      border: var(--size-px) solid var(--pos-primary-color);\n    }\n\n    @media (min-width: 640px) {\n      &[aria-selected] {\n        border-right: var(--size-1) solid var(--pos-primary-color);\n      }\n    }\n\n    .text {\n      font-size: var(--size-3);\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      width: 100%;\n      overflow: hidden;\n    }\n  }\n}\n\n@media (max-width: 640px) {\n  :host {\n    position: fixed;\n    top: unset;\n    bottom: 0;\n    width: 100dvw;\n  }\n  [role='tablist'] {\n    flex-direction: row;\n    background-color: var(--pos-background-color);\n\n    border-top: var(--size-px) solid var(--pos-border-color);\n\n    button {\n      &[aria-selected] {\n        border-top: var(--size-1) solid var(--pos-primary-color);\n      }\n    }\n  }\n}\n";
+const posToolSelectCss = ":host {\n  --button-size: var(--size-16);\n  display: block;\n  position: sticky;\n  align-self: flex-start;\n  top: 0;\n  overflow: auto;\n  min-width: var(--button-size);\n  z-index: var(--layer-1);\n}\n\n[role='tablist'] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n\n  border-right: var(--size-px) solid var(--pos-border-color);\n\n  button {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    gap: 0;\n    font-size: var(--size-6);\n    position: relative;\n    overflow: hidden;\n    outline: none;\n    border: none;\n    width: var(--button-size);\n    min-width: var(--button-size);\n    height: var(--button-size);\n    min-height: var(--button-size);\n    background-color: var(--pos-background-color);\n\n    &::after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      width: 0;\n      height: 0;\n      border-radius: 100%;\n      background: color-mix(in srgb, var(--pos-primary-color), transparent 50%);\n      transform: translate(-50%, -50%);\n      opacity: 1;\n    }\n\n    &:active::after,\n    &:focus::after {\n      width: calc(var(--button-size) * 1.5);\n      height: calc(var(--button-size) * 1.5);\n      opacity: 0;\n      transition:\n        width 0.5s ease-out,\n        height 0.5s ease-out,\n        opacity 1s ease-out;\n    }\n\n    &:focus-visible {\n      border: var(--size-px) solid var(--pos-primary-color);\n    }\n\n    @media (min-width: 640px) {\n      &[aria-selected] {\n        border-right: var(--size-1) solid var(--pos-primary-color);\n      }\n    }\n\n    .text {\n      font-size: var(--size-3);\n      white-space: nowrap;\n      text-overflow: ellipsis;\n      width: 100%;\n      overflow: hidden;\n    }\n  }\n}\n\n@media (max-width: 640px) {\n  :host {\n    position: fixed;\n    top: unset;\n    bottom: 0;\n    width: 100dvw;\n  }\n  [role='tablist'] {\n    flex-direction: row;\n    background-color: var(--pos-background-color);\n\n    border-top: var(--size-px) solid var(--pos-border-color);\n\n    button {\n      &[aria-selected] {\n        border-top: var(--size-1) solid var(--pos-primary-color);\n      }\n    }\n  }\n}\n";
 
 const PosToolSelect = class {
     constructor(hostRef) {

package/dist/esm/pos-app-document-viewer.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host } from './index-CTyMYUsB.js';
 import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
 
-const defaultAppLayoutCss = ":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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n";
+const defaultAppLayoutCss = ":host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section:first-of-type {\n      flex: 1}section:not(:first-of-type){flex:0 0 30%}}";
 
 const articleCardCss = "article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";
 

package/dist/esm/pos-app-document-viewer.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-app-document-viewer.entry.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-document-viewer&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-document-viewer&encapsulation=shadow","src/apps/pos-app-document-viewer/pos-app-document-viewer.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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n  tag: 'pos-app-document-viewer',\n  shadow: true,\n  styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppDocumentViewer implements ResourceAware {\n  @State() resource: Thing;\n\n  @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.resource = resource;\n  };\n\n  render() {\n    if (!this.resource) {\n      return null;\n    }\n\n    return (\n      <Host>\n        <section>\n          <pos-document src={this.resource.uri} />\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,mBAAmB,GAAG,ofAAof;;ACAhhB,MAAM,cAAc,GAAG,0YAA0Y;;MCSpZ,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAcE,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,QAAe,KAAI;AACpC,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AAC1B,SAAC;AAeF;IArBC,iBAAiB,GAAA;QACf,iBAAiB,CAAC,IAAI,CAAC;;IAOzB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAc,CAAA,cAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAI,CAAA,CAChC,CACL;;;;;;;"}
+{"version":3,"file":"pos-app-document-viewer.entry.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-document-viewer&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-document-viewer&encapsulation=shadow","src/apps/pos-app-document-viewer/pos-app-document-viewer.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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section:first-of-type {\n      flex: 1;\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n  tag: 'pos-app-document-viewer',\n  shadow: true,\n  styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppDocumentViewer implements ResourceAware {\n  @State() resource: Thing;\n\n  @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.resource = resource;\n  };\n\n  render() {\n    if (!this.resource) {\n      return null;\n    }\n\n    return (\n      <Host>\n        <section>\n          <pos-document src={this.resource.uri} />\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,mBAAmB,GAAG,0VAA0V;;ACAtX,MAAM,cAAc,GAAG,0YAA0Y;;MCSpZ,oBAAoB,GAAA,MAAA;AALjC,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAcE,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,QAAe,KAAI;AACpC,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AAC1B,SAAC;AAeF;IArBC,iBAAiB,GAAA;QACf,iBAAiB,CAAC,IAAI,CAAC;;IAOzB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAc,CAAA,cAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,EAAI,CAAA,CAChC,CACL;;;;;;;"}

package/dist/esm/pos-app-image-viewer.entry.js

@@ -3,7 +3,7 @@ import { s as subscribeResource } from './ResourceAware-BW_CkW1K.js';
 
 const posAppImageViewerCss = "pos-image{--max-width:100%}";
 
-const defaultAppLayoutCss = ":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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n";
+const defaultAppLayoutCss = ":host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section:first-of-type {\n      flex: 1}section:not(:first-of-type){flex:0 0 30%}}";
 
 const articleCardCss = "article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";
 

package/dist/esm/pos-app-image-viewer.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-app-image-viewer.entry.js","sources":["src/apps/pos-app-image-viewer/pos-app-image-viewer.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/styles/default-app-layout.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/pos-app-image-viewer/pos-app-image-viewer.tsx"],"sourcesContent":["pos-image {\n  --max-width: 100%;\n}\n",":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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n  tag: 'pos-app-image-viewer',\n  shadow: true,\n  styleUrls: ['pos-app-image-viewer.css', '../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppImageViewer implements ResourceAware {\n  @State() resource: Thing;\n\n  @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.resource = resource;\n  };\n\n  render() {\n    if (!this.resource) {\n      return null;\n    }\n\n    return (\n      <Host>\n        <section>\n          <pos-image src={this.resource.uri} />\n        </section>\n        <section>\n          <article>\n            <header>\n              <h1>\n                <pos-label />\n              </h1>\n              <pos-type-badges />\n            </header>\n            <pos-literals />\n          </article>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,oBAAoB,GAAG,6BAA6B;;ACA1D,MAAM,mBAAmB,GAAG,ofAAof;;ACAhhB,MAAM,cAAc,GAAG,0YAA0Y;;MCSpZ,iBAAiB,GAAA,MAAA;AAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAcE,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,QAAe,KAAI;AACpC,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AAC1B,SAAC;AA0BF;IAhCC,iBAAiB,GAAA;QACf,iBAAiB,CAAC,IAAI,CAAC;;IAOzB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAW,CAAA,WAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAC7B,EACV,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAA,CAAA,QAAA,EAAA,IAAA,EACE,CAAA,CAAA,IAAA,EAAA,IAAA,EACE,CAAA,CAAA,WAAA,EAAA,IAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,IAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,IAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}
+{"version":3,"file":"pos-app-image-viewer.entry.js","sources":["src/apps/pos-app-image-viewer/pos-app-image-viewer.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/styles/default-app-layout.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-image-viewer&encapsulation=shadow","src/apps/pos-app-image-viewer/pos-app-image-viewer.tsx"],"sourcesContent":["pos-image {\n  --max-width: 100%;\n}\n",":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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section:first-of-type {\n      flex: 1;\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, Host, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n  tag: 'pos-app-image-viewer',\n  shadow: true,\n  styleUrls: ['pos-app-image-viewer.css', '../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppImageViewer implements ResourceAware {\n  @State() resource: Thing;\n\n  @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n  componentWillLoad() {\n    subscribeResource(this);\n  }\n\n  receiveResource = (resource: Thing) => {\n    this.resource = resource;\n  };\n\n  render() {\n    if (!this.resource) {\n      return null;\n    }\n\n    return (\n      <Host>\n        <section>\n          <pos-image src={this.resource.uri} />\n        </section>\n        <section>\n          <article>\n            <header>\n              <h1>\n                <pos-label />\n              </h1>\n              <pos-type-badges />\n            </header>\n            <pos-literals />\n          </article>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,oBAAoB,GAAG,6BAA6B;;ACA1D,MAAM,mBAAmB,GAAG,0VAA0V;;ACAtX,MAAM,cAAc,GAAG,0YAA0Y;;MCSpZ,iBAAiB,GAAA,MAAA;AAL9B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAcE,QAAA,IAAA,CAAA,eAAe,GAAG,CAAC,QAAe,KAAI;AACpC,YAAA,IAAI,CAAC,QAAQ,GAAG,QAAQ;AAC1B,SAAC;AA0BF;IAhCC,iBAAiB,GAAA;QACf,iBAAiB,CAAC,IAAI,CAAC;;IAOzB,MAAM,GAAA;AACJ,QAAA,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;AAClB,YAAA,OAAO,IAAI;;AAGb,QAAA,QACE,EAAC,IAAI,EAAA,IAAA,EACH,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAW,CAAA,WAAA,EAAA,EAAA,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAC7B,EACV,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAA,CAAA,SAAA,EAAA,IAAA,EACE,CAAA,CAAA,QAAA,EAAA,IAAA,EACE,CAAA,CAAA,IAAA,EAAA,IAAA,EACE,CAAA,CAAA,WAAA,EAAA,IAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,IAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,IAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}

package/dist/esm/pos-app-ldp-container.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-CTyMYUsB.js';
 
-const defaultAppLayoutCss = ":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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n";
+const defaultAppLayoutCss = ":host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section:first-of-type {\n      flex: 1}section:not(:first-of-type){flex:0 0 30%}}";
 
 const articleCardCss = "article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";
 

package/dist/esm/pos-app-ldp-container.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-app-ldp-container.entry.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-ldp-container&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-ldp-container&encapsulation=shadow","src/apps/pos-app-ldp-container/pos-app-ldp-container.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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-ldp-container',\n  shadow: true,\n  styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppLdpContainer {\n  render() {\n    return (\n      <Host>\n        <section>\n          <pos-container-contents />\n          <details>\n            <summary>All subjects</summary>\n            <pos-subjects />\n          </details>\n        </section>\n        <section>\n          <article aria-labelledby=\"container-title\">\n            <header>\n              <h1 id=\"container-title\">\n                <pos-label />\n              </h1>\n              <pos-type-badges />\n            </header>\n            <pos-literals />\n          </article>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,mBAAmB,GAAG,ofAAof;;ACAhhB,MAAM,cAAc,GAAG,0YAA0Y;;MCOpZ,kBAAkB,GAAA,MAAA;;;;IAC7B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAA0B,CAAA,wBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAC1B,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAA+B,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,cAAA,CAAA,EAC/B,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,EACV,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EAAyB,iBAAiB,EAAA,EACxC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EAAA,EACtB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}
+{"version":3,"file":"pos-app-ldp-container.entry.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-ldp-container&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-ldp-container&encapsulation=shadow","src/apps/pos-app-ldp-container/pos-app-ldp-container.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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section:first-of-type {\n      flex: 1;\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-ldp-container',\n  shadow: true,\n  styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n})\nexport class PosAppLdpContainer {\n  render() {\n    return (\n      <Host>\n        <section>\n          <pos-container-contents />\n          <details>\n            <summary>All subjects</summary>\n            <pos-subjects />\n          </details>\n        </section>\n        <section>\n          <article aria-labelledby=\"container-title\">\n            <header>\n              <h1 id=\"container-title\">\n                <pos-label />\n              </h1>\n              <pos-type-badges />\n            </header>\n            <pos-literals />\n          </article>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,mBAAmB,GAAG,0VAA0V;;ACAtX,MAAM,cAAc,GAAG,0YAA0Y;;MCOpZ,kBAAkB,GAAA,MAAA;;;;IAC7B,MAAM,GAAA;AACJ,QAAA,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAA0B,CAAA,wBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EAC1B,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAA+B,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,cAAA,CAAA,EAC/B,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,EACV,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EAAyB,iBAAiB,EAAA,EACxC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,iBAAiB,EAAA,EACtB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}

package/dist/esm/pos-app-rdf-document.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host } from './index-CTyMYUsB.js';
 
-const defaultAppLayoutCss = ":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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n";
+const defaultAppLayoutCss = ":host{--gap-size:var(--size-1);display:flex;flex-direction:column;gap:var(--gap-size);margin:var(--gap-size)}section{display:flex;flex-direction:column;gap:var(--gap-size)}@media (min-width: 640px){:host{--gap-size:var(--size-4);flex-direction:row;flex-wrap:wrap;section:first-of-type {\n      flex: 1}section:not(:first-of-type){flex:0 0 30%}}";
 
 const articleCardCss = "article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";
 

package/dist/esm/pos-app-rdf-document.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-app-rdf-document.entry.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/pos-app-rdf-document/pos-app-rdf-document.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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-rdf-document',\n  styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n  shadow: true,\n})\nexport class PosAppRdfDocument {\n  render() {\n    return (\n      <Host>\n        <section>\n          <pos-subjects />\n        </section>\n        <section>\n          <article aria-labelledby=\"doc-title\">\n            <header>\n              <h1 id=\"doc-title\">\n                <pos-label />\n              </h1>\n              <pos-type-badges />\n            </header>\n            <pos-literals />\n          </article>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,mBAAmB,GAAG,ofAAof;;ACAhhB,MAAM,cAAc,GAAG,0YAA0Y;;MCOpZ,iBAAiB,GAAA,MAAA;;;;IAC5B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,EACV,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EAAyB,WAAW,EAAA,EAClC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,WAAW,EAAA,EAChB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}
+{"version":3,"file":"pos-app-rdf-document.entry.js","sources":["src/apps/styles/default-app-layout.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-app-rdf-document&encapsulation=shadow","src/apps/pos-app-rdf-document/pos-app-rdf-document.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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section:first-of-type {\n      flex: 1;\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Component, h, Host } from '@stencil/core';\n\n@Component({\n  tag: 'pos-app-rdf-document',\n  styleUrls: ['../styles/default-app-layout.css', '../styles/article-card.css'],\n  shadow: true,\n})\nexport class PosAppRdfDocument {\n  render() {\n    return (\n      <Host>\n        <section>\n          <pos-subjects />\n        </section>\n        <section>\n          <article aria-labelledby=\"doc-title\">\n            <header>\n              <h1 id=\"doc-title\">\n                <pos-label />\n              </h1>\n              <pos-type-badges />\n            </header>\n            <pos-literals />\n          </article>\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAAA,MAAM,mBAAmB,GAAG,0VAA0V;;ACAtX,MAAM,cAAc,GAAG,0YAA0Y;;MCOpZ,iBAAiB,GAAA,MAAA;;;;IAC5B,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,EACV,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,iBAAA,EAAyB,WAAW,EAAA,EAClC,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAI,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,WAAW,EAAA,EAChB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACV,EACL,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmB,CACZ,EACT,CAAA,CAAA,cAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAgB,CACR,CACF,CACL;;;;;;;"}

package/dist/esm/pos-attachments.entry.js

@@ -1,7 +1,17 @@
 import { r as registerInstance, h, H as Host, a as getElement } from './index-CTyMYUsB.js';
-import { u as useResource } from './useResource-yVO4JQ9P.js';
 
-const posAttachmentsCss = ":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\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  ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-1);\n\n    li {\n      padding: var(--size-1);\n      &:nth-child(even) {\n        background-color: var(--background-color-even);\n      }\n      &:nth-child(odd) {\n        background-color: var(--background-color-odd);\n      }\n    }\n  }\n}\n";
+function useResource(el) {
+    return new Promise(resolve => {
+        el.dispatchEvent(new CustomEvent('pod-os:resource', {
+            bubbles: true,
+            composed: true,
+            cancelable: true,
+            detail: (thing) => {
+                resolve(thing);
+            },
+        }));
+    });
+}
 
 const PosAttachments = class {
     constructor(hostRef) {
@@ -19,7 +29,6 @@ const PosAttachments = class {
     }
     get el() { return getElement(this); }
 };
-PosAttachments.style = posAttachmentsCss;
 
 export { PosAttachments as pos_attachments };
 //# sourceMappingURL=pos-attachments.entry.js.map

package/dist/esm/pos-attachments.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-attachments.entry.js","sources":["src/components/pos-attachments/pos-attachments.css?tag=pos-attachments&encapsulation=shadow","src/components/pos-attachments/pos-attachments.tsx"],"sourcesContent":[":host {\n  --background-base-color: color-mix(in srgb, var(--pos-background-color), var(--color-grey-800) 10%);\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  ul {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-1);\n\n    li {\n      padding: var(--size-1);\n      &:nth-child(even) {\n        background-color: var(--background-color-even);\n      }\n      &:nth-child(odd) {\n        background-color: var(--background-color-odd);\n      }\n    }\n  }\n}\n","import { Component, Element, h, Host, State } from '@stencil/core';\nimport { Attachment, Thing } from '@pod-os/core';\nimport { useResource } from '../events/useResource';\n\n/**\n * Lists whatever is attached to the current thing\n */\n@Component({\n  tag: 'pos-attachments',\n  styleUrl: 'pos-attachments.css',\n  shadow: true,\n})\nexport class PosAttachments {\n  @Element() el: HTMLElement;\n\n  @State() resource: Thing;\n  @State() attachments: Attachment[];\n\n  async componentWillLoad() {\n    this.resource = await useResource(this.el);\n    this.attachments = this.resource.attachments();\n  }\n\n  render() {\n    if (this.attachments.length === 0) {\n      return <Host>No attachments found.</Host>;\n    }\n\n    return (\n      <ul>\n        {this.attachments.map(it => (\n          <li>\n            <pos-rich-link uri={it.uri}></pos-rich-link>\n          </li>\n        ))}\n      </ul>\n    );\n  }\n}\n"],"names":[],"mappings":";;;AAAA,MAAM,iBAAiB,GAAG,0sBAA0sB;;MCYvtB,cAAc,GAAA,MAAA;;;;AAMzB,IAAA,MAAM,iBAAiB,GAAA;QACrB,IAAI,CAAC,QAAQ,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;;IAGhD,MAAM,GAAA;QACJ,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,OAAO,CAAA,CAAC,IAAI,EAAA,IAAA,EAAA,uBAAA,CAA6B;;AAG3C,QAAA,QACE,CAAA,CAAA,IAAA,EAAA,IAAA,EACG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,KACtB,CAAA,CAAA,IAAA,EAAA,IAAA,EACE,CAAe,CAAA,eAAA,EAAA,EAAA,GAAG,EAAE,EAAE,CAAC,GAAG,EAAkB,CAAA,CACzC,CACN,CAAC,CACC;;;;;;;;"}
+{"version":3,"file":"pos-attachments.entry.js","sources":["src/components/events/useResource.ts","src/components/pos-attachments/pos-attachments.tsx"],"sourcesContent":["import { Thing } from '@pod-os/core';\n\nexport function useResource(el: HTMLElement): Promise<Thing> {\n  return new Promise(resolve => {\n    el.dispatchEvent(\n      new CustomEvent('pod-os:resource', {\n        bubbles: true,\n        composed: true,\n        cancelable: true,\n        detail: (thing: Thing) => {\n          resolve(thing);\n        },\n      }),\n    );\n  });\n}\n","import { Component, Element, h, Host, State } from '@stencil/core';\nimport { Attachment, Thing } from '@pod-os/core';\nimport { useResource } from '../events/useResource';\n\n/**\n * Lists whatever is attached to the current thing\n */\n@Component({\n  tag: 'pos-attachments',\n})\nexport class PosAttachments {\n  @Element() el: HTMLElement;\n\n  @State() resource: Thing;\n  @State() attachments: Attachment[];\n\n  async componentWillLoad() {\n    this.resource = await useResource(this.el);\n    this.attachments = this.resource.attachments();\n  }\n\n  render() {\n    if (this.attachments.length === 0) {\n      return <Host>No attachments found.</Host>;\n    }\n\n    return (\n      <ul>\n        {this.attachments.map(it => (\n          <li>\n            <pos-rich-link uri={it.uri}></pos-rich-link>\n          </li>\n        ))}\n      </ul>\n    );\n  }\n}\n"],"names":[],"mappings":";;AAEM,SAAU,WAAW,CAAC,EAAe,EAAA;AACzC,IAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAG;AAC3B,QAAA,EAAE,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,iBAAiB,EAAE;AACjC,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,MAAM,EAAE,CAAC,KAAY,KAAI;gBACvB,OAAO,CAAC,KAAK,CAAC;aACf;AACF,SAAA,CAAC,CACH;AACH,KAAC,CAAC;AACJ;;MCLa,cAAc,GAAA,MAAA;;;;AAMzB,IAAA,MAAM,iBAAiB,GAAA;QACrB,IAAI,CAAC,QAAQ,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;QAC1C,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE;;IAGhD,MAAM,GAAA;QACJ,IAAI,IAAI,CAAC,WAAW,CAAC,MAAM,KAAK,CAAC,EAAE;YACjC,OAAO,CAAA,CAAC,IAAI,EAAA,IAAA,EAAA,uBAAA,CAA6B;;AAG3C,QAAA,QACE,CAAA,CAAA,IAAA,EAAA,IAAA,EACG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,EAAE,KACtB,CAAA,CAAA,IAAA,EAAA,IAAA,EACE,CAAe,CAAA,eAAA,EAAA,EAAA,GAAG,EAAE,EAAE,CAAC,GAAG,EAAkB,CAAA,CACzC,CACN,CAAC,CACC;;;;;;;"}

package/dist/esm/pos-tool-attachments.entry.js

@@ -1,30 +1,13 @@
-import { r as registerInstance, h, H as Host, a as getElement } from './index-CTyMYUsB.js';
-import { u as usePodOS } from './usePodOS-D0uCfr1-.js';
-import { u as useResource } from './useResource-yVO4JQ9P.js';
-
-const posToolAttachmentsCss = ":host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n  h2 {\n    margin: 0;\n    padding: 0;\n    font-size: var(--scale-2);\n  }\n}\n";
-
-const defaultAppLayoutCss = ":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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n";
-
-const articleCardCss = "article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n";
+import { r as registerInstance, h } from './index-CTyMYUsB.js';
 
 const PosToolAttachments = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
     }
-    async componentWillLoad() {
-        this.os = await usePodOS(this.el);
-        this.resource = await useResource(this.el);
-    }
     render() {
-        var _a;
-        return (h(Host, { key: '68d1638d8f3d32768c9bb9fd5ec306e2e5cfcedf' }, h("section", { key: '12e66c5122bf0150c877317026325acb0ee0e998' }, h("article", { key: '502da4a6148d2c3d7c8180dedda9368d8e887fb9' }, h("h2", { key: '4a6eb2de72675bbc59644be1c1d926065b3ac618' }, "Attachments"), h("pos-attachments", { key: '9dfefe674075e96c6c6c1f9df55fe82840cf0c1e' }))), h("section", { key: '70bede1ab47113bd9c1d6321e1dfc8dd1d266503' }, ((_a = this.resource) === null || _a === void 0 ? void 0 : _a.editable) ? (h("pos-upload", { accept: ['*/*'], uploader: file => {
-                return this.os.attachments().uploadAndAddAttachment(this.resource, file);
-            } })) : null)));
+        return h("pos-attachments", { key: '58f67b724517cfe6eb67b4e3d675aff8da5fa749' });
     }
-    get el() { return getElement(this); }
 };
-PosToolAttachments.style = posToolAttachmentsCss + (defaultAppLayoutCss + articleCardCss);
 
 export { PosToolAttachments as pos_tool_attachments };
 //# sourceMappingURL=pos-tool-attachments.entry.js.map

package/dist/esm/pos-tool-attachments.entry.js.map

@@ -1 +1 @@
-{"version":3,"file":"pos-tool-attachments.entry.js","sources":["src/tools/pos-tool-attachments/pos-tool-attachments.css?tag=pos-tool-attachments&encapsulation=shadow","src/apps/styles/default-app-layout.css?tag=pos-tool-attachments&encapsulation=shadow","src/apps/styles/article-card.css?tag=pos-tool-attachments&encapsulation=shadow","src/tools/pos-tool-attachments/pos-tool-attachments.tsx"],"sourcesContent":[":host {\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-1);\n  h2 {\n    margin: 0;\n    padding: 0;\n    font-size: var(--scale-2);\n  }\n}\n",":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\nsection {\n  display: flex;\n  flex-direction: column;\n  gap: var(--gap-size);\n}\n\n@media (min-width: 640px) {\n  :host {\n    --gap-size: var(--size-4);\n    flex-direction: row;\n    flex-wrap: wrap;\n\n    section {\n      &:first-of-type {\n        flex: 1;\n      }\n    }\n\n    section:not(:first-of-type) {\n      flex: 0 0 30%;\n    }\n  }\n}\n","article {\n  padding: var(--size-2);\n  display: flex;\n  flex-direction: column;\n  gap: var(--size-2);\n  outline: var(--pos-border-solid);\n  border-radius: var(--radius-sm);\n  box-shadow: var(--shadow-md);\n  background-color: var(--pos-card-background);\n\n  header {\n    display: flex;\n    flex-direction: column;\n    gap: var(--size-2);\n    h1 {\n      margin: 0;\n    }\n  }\n}\n","import { Component, h, Host, Element, State } from '@stencil/core';\nimport { PodOS, Thing } from '@pod-os/core';\nimport { usePodOS } from '../../components/events/usePodOS';\nimport { useResource } from '../../components/events/useResource';\n\n/**\n * A tool to manage attachments of a thing.\n */\n@Component({\n  tag: 'pos-tool-attachments',\n  styleUrls: [\n    './pos-tool-attachments.css',\n    '../../apps/styles/default-app-layout.css',\n    '../../apps/styles/article-card.css',\n  ],\n  shadow: true,\n})\nexport class PosToolAttachments {\n  @Element() el: HTMLElement;\n\n  @State() os: PodOS;\n  @State() resource: Thing;\n\n  async componentWillLoad() {\n    this.os = await usePodOS(this.el);\n    this.resource = await useResource(this.el);\n  }\n\n  render() {\n    return (\n      <Host>\n        <section>\n          <article>\n            <h2>Attachments</h2>\n            <pos-attachments></pos-attachments>\n          </article>\n        </section>\n        <section>\n          {this.resource?.editable ? (\n            <pos-upload\n              accept={['*/*']}\n              uploader={file => {\n                return this.os.attachments().uploadAndAddAttachment(this.resource, file);\n              }}\n            ></pos-upload>\n          ) : null}\n        </section>\n      </Host>\n    );\n  }\n}\n"],"names":[],"mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,gKAAgK;;ACA9L,MAAM,mBAAmB,GAAG,ofAAof;;ACAhhB,MAAM,cAAc,GAAG,0YAA0Y;;MCiBpZ,kBAAkB,GAAA,MAAA;;;;AAM7B,IAAA,MAAM,iBAAiB,GAAA;QACrB,IAAI,CAAC,EAAE,GAAG,MAAM,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;QACjC,IAAI,CAAC,QAAQ,GAAG,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC;;IAG5C,MAAM,GAAA;;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAoB,CAAA,IAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,aAAA,CAAA,EACpB,CAAA,CAAA,iBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAmC,CAC3B,CACF,EACV,CACG,CAAA,SAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,CAAA,MAAA,IAAI,CAAC,QAAQ,MAAE,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,MAAA,GAAA,EAAA,CAAA,QAAQ,KACtB,kBACE,MAAM,EAAE,CAAC,KAAK,CAAC,EACf,QAAQ,EAAE,IAAI,IAAG;AACf,gBAAA,OAAO,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC,sBAAsB,CAAC,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC;aACzE,EAAA,CACW,IACZ,IAAI,CACA,CACL;;;;;;;;"}
+{"version":3,"file":"pos-tool-attachments.entry.js","sources":["src/tools/pos-tool-attachments/pos-tool-attachments.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n/**\n * A tool to manage attachments of a thing.\n */\n@Component({\n  tag: 'pos-tool-attachments',\n})\nexport class PosToolAttachments {\n  render() {\n    return <pos-attachments></pos-attachments>;\n  }\n}\n"],"names":[],"mappings":";;MAQa,kBAAkB,GAAA,MAAA;;;;IAC7B,MAAM,GAAA;QACJ,OAAO,yEAAmC;;;;;;"}

package/dist/types/tools/pos-tool-attachments/pos-tool-attachments.d.ts

@@ -1,11 +1,6 @@
-import { PodOS, Thing } from '@pod-os/core';
 /**
  * A tool to manage attachments of a thing.
  */
 export declare class PosToolAttachments {
-    el: HTMLElement;
-    os: PodOS;
-    resource: Thing;
-    componentWillLoad(): Promise<void>;
     render(): any;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pod-os/elements",
-  "version": "0.34.1-rc.11e4e07.0",
+  "version": "0.34.1-rc.4cc8792.0",
   "description": "Custom elements for usage with Solid Pods",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/useResource-IN7KmaP3.js

@@ -1,19 +0,0 @@
-'use strict';
-
-function useResource(el) {
-    return new Promise(resolve => {
-        el.dispatchEvent(new CustomEvent('pod-os:resource', {
-            bubbles: true,
-            composed: true,
-            cancelable: true,
-            detail: (thing) => {
-                resolve(thing);
-            },
-        }));
-    });
-}
-
-exports.useResource = useResource;
-//# sourceMappingURL=useResource-IN7KmaP3.js.map
-
-//# sourceMappingURL=useResource-IN7KmaP3.js.map

package/dist/cjs/useResource-IN7KmaP3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useResource-IN7KmaP3.js","sources":["src/components/events/useResource.ts"],"sourcesContent":["import { Thing } from '@pod-os/core';\n\nexport function useResource(el: HTMLElement): Promise<Thing> {\n  return new Promise(resolve => {\n    el.dispatchEvent(\n      new CustomEvent('pod-os:resource', {\n        bubbles: true,\n        composed: true,\n        cancelable: true,\n        detail: (thing: Thing) => {\n          resolve(thing);\n        },\n      }),\n    );\n  });\n}\n"],"names":[],"mappings":";;AAEM,SAAU,WAAW,CAAC,EAAe,EAAA;AACzC,IAAA,OAAO,IAAI,OAAO,CAAC,OAAO,IAAG;AAC3B,QAAA,EAAE,CAAC,aAAa,CACd,IAAI,WAAW,CAAC,iBAAiB,EAAE;AACjC,YAAA,OAAO,EAAE,IAAI;AACb,YAAA,QAAQ,EAAE,IAAI;AACd,YAAA,UAAU,EAAE,IAAI;AAChB,YAAA,MAAM,EAAE,CAAC,KAAY,KAAI;gBACvB,OAAO,CAAC,KAAK,CAAC;aACf;AACF,SAAA,CAAC,CACH;AACH,KAAC,CAAC;AACJ;;;;"}