npm - @pod-os/elements - Versions diffs - 0.22.0 → 0.22.2-ada70b7.0 - Mend

@pod-os/elements 0.22.0 → 0.22.2-ada70b7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (107) hide show

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

	@@ -1 +1 @@
1	- {"file":"pos-app-browser.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,~~opBAAopB~~,CAAC;~~AAC9qB~~,4BAAe,gBAAgB;;MCKlBA,eAAa;IAJ1B;;;QAKU,2BAAsB,GAAY,KAAK,CAAC;;;;;;;QAQxC,SAAI,GAAyB,YAAY,CAAC;QAEzC,QAAG,GAAG,EAAE,CAAC;KAgCnB;IA9BC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,gEAAS,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,IAC1D,0EACE,mEAAY,IAAI,EAAE,IAAI,CAAC,IAAI,4BAA0B,CAAC,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,IAC7E,iEACE,0EAAmB,YAAY,EAAE,IAAI,CAAC,GAAG,GAAsB,EAC/D,2EAAoB,GAAG,EAAE,IAAI,CAAC,GAAG,KAAK,kBAAkB,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,GAAuB,EAC/F,mEAAuB,CAChB,EACT,+DACG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,IAC7B,2BAAqB,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,KAEtC,oBAAc,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IACxC,0BAAmB,CACN,CAChB,CACI,EACP,iEACE,EAAC,IAAI,sDAAG,EACR,+EAA0B,CACnB,CACE,CACG,CACV,CACL,EACP;KACH;;;;;;;AAGH,MAAM,IAAI,GAAG;IACX,QACE,WAAK,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,4BAA4B,IAC3D,YACE,CAAC,EAAC,6CAA6C,EAC/C,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,0EAA0E,EAC5E,KAAK,EAAE;YACL,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,OAAO;YACjB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,gDAAgD,EAClD,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,CACE,EACN;AACJ,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppBrowser"],"sources":["src/apps/pos-app-browser/pos-app-browser.css?tag=pos-app-browser","src/apps/pos-app-browser/pos-app-browser.tsx"],"sourcesContent":["pos-router {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n height: ~~100vh;\~~n}\n\npos-navigation-bar {\n max-width: var(--width-lg);\n margin: 0;\n}\n\npos-add-new-thing,\npos-login {\n flex: 0 1 auto; /* Behält die Breite des Inhalts bei /\n}\n\nheader,\nfooter {\n display: flex;\n gap: var(--size-1);\n height: auto;\n justify-content: center;\n align-items: center;\n padding: var(--size-1);\n}\n\nfooter svg {\n width: var(--size-5);\n height: var(--size-5);\n}\n\nfooter {\n font-size: var(--scale-fluid-000);\n}\n\nheader {\n flex-wrap: wrap;\n padding: 0 var(--size-8);\n}\n\nmain {\n flex: 1;\n max-height: 100vh;\n overflow: auto;\n}\n\n@media (max-width: 640px) {\n header {\n padding: 0 var(--size-1) var(--size-1);\n justify-content: space-between;\n }\n\n pos-navigation-bar {\n flex-basis: 100%;\n order: 0;\n }\n\n pos-add-new-thing,\n pos-login {\n order: 1;\n }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-browser',\n styleUrl: 'pos-app-browser.css',\n})\nexport class PosAppBrowser {\n @Prop() restorePreviousSession: boolean = false;\n\n /\n The mode the app is running in:\n \n - standalone: use this when you deploy it as a standalone web application\n * - pod: use this when you host this app as a default interface for you pod\n */\n @Prop() mode: 'standalone' \| 'pod' = 'standalone';\n\n @State() uri = '';\n\n render() {\n return (\n <Host>\n <pos-app restorePreviousSession={this.restorePreviousSession}>\n <pos-error-toast>\n <pos-router mode={this.mode} onPod-os:route-changed={e => (this.uri = e.detail)}>\n <header>\n <pos-add-new-thing referenceUri={this.uri}></pos-add-new-thing>\n <pos-navigation-bar uri={this.uri === 'pod-os:dashboard' ? '' : this.uri}></pos-navigation-bar>\n <pos-login></pos-login>\n </header>\n <main>\n {this.uri.startsWith('pod-os:') ? (\n <pos-internal-router uri={this.uri} />\n ) : (\n <pos-resource key={this.uri} uri={this.uri}>\n <pos-type-router />\n </pos-resource>\n )}\n </main>\n <footer>\n <Logo />\n <span>PodOS Browser</span>\n </footer>\n </pos-router>\n </pos-error-toast>\n </pos-app>\n </Host>\n );\n }\n}\n\nconst Logo = () => {\n return (\n <svg viewBox=\"0 0 400 400\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M50 350 L50 100 L200 50 L350 100 L350 350 Z\"\n style={{\n 'fill': '#008BF8',\n 'stroke': '#008BF8',\n 'stroke-width': '70',\n }}\n stroke-linejoin=\"round\"\n />\n\n <path\n d=\"M100 300 L100 150 L200 120 L300 150 L300 300 L130 300 L130 370 L100 370Z\"\n style={{\n 'fill': 'white',\n 'stroke': 'white',\n 'stroke-width': '45',\n }}\n stroke-linejoin=\"round\"\n />\n\n <path\n d=\"M150 250 L150 200 L200 180 L250 200 L250 250 Z\"\n style={{\n 'fill': '#DC0073',\n 'stroke': '#DC0073',\n 'stroke-width': '20',\n }}\n stroke-linejoin=\"round\"\n />\n </svg>\n );\n};\n"],"version":3}
1	+ {"file":"pos-app-browser.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,MAAM,gBAAgB,GAAG,mpBAAmpB,CAAC;AAC7qB,4BAAe,gBAAgB;;MCKlBA,eAAa;IAJ1B;;;QAKU,2BAAsB,GAAY,KAAK,CAAC;;;;;;;QAQxC,SAAI,GAAyB,YAAY,CAAC;QAEzC,QAAG,GAAG,EAAE,CAAC;KAgCnB;IA9BC,MAAM;QACJ,QACE,EAAC,IAAI,uDACH,gEAAS,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,IAC1D,0EACE,mEAAY,IAAI,EAAE,IAAI,CAAC,IAAI,4BAA0B,CAAC,KAAK,IAAI,CAAC,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,IAC7E,iEACE,0EAAmB,YAAY,EAAE,IAAI,CAAC,GAAG,GAAsB,EAC/D,2EAAoB,GAAG,EAAE,IAAI,CAAC,GAAG,KAAK,kBAAkB,GAAG,EAAE,GAAG,IAAI,CAAC,GAAG,GAAuB,EAC/F,mEAAuB,CAChB,EACT,+DACG,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,SAAS,CAAC,IAC7B,2BAAqB,GAAG,EAAE,IAAI,CAAC,GAAG,GAAI,KAEtC,oBAAc,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IACxC,0BAAmB,CACN,CAChB,CACI,EACP,iEACE,EAAC,IAAI,sDAAG,EACR,+EAA0B,CACnB,CACE,CACG,CACV,CACL,EACP;KACH;;;;;;;AAGH,MAAM,IAAI,GAAG;IACX,QACE,WAAK,OAAO,EAAC,aAAa,EAAC,KAAK,EAAC,4BAA4B,IAC3D,YACE,CAAC,EAAC,6CAA6C,EAC/C,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,0EAA0E,EAC5E,KAAK,EAAE;YACL,MAAM,EAAE,OAAO;YACf,QAAQ,EAAE,OAAO;YACjB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,EAEF,YACE,CAAC,EAAC,gDAAgD,EAClD,KAAK,EAAE;YACL,MAAM,EAAE,SAAS;YACjB,QAAQ,EAAE,SAAS;YACnB,cAAc,EAAE,IAAI;SACrB,qBACe,OAAO,GACvB,CACE,EACN;AACJ,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppBrowser"],"sources":["src/apps/pos-app-browser/pos-app-browser.css?tag=pos-app-browser","src/apps/pos-app-browser/pos-app-browser.tsx"],"sourcesContent":["pos-router {\n margin: 0;\n padding: 0;\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\npos-navigation-bar {\n max-width: var(--width-lg);\n margin: 0;\n}\n\npos-add-new-thing,\npos-login {\n flex: 0 1 auto; /* Behält die Breite des Inhalts bei /\n}\n\nheader,\nfooter {\n display: flex;\n gap: var(--size-1);\n height: auto;\n justify-content: center;\n align-items: center;\n padding: var(--size-1);\n}\n\nfooter svg {\n width: var(--size-5);\n height: var(--size-5);\n}\n\nfooter {\n font-size: var(--scale-fluid-000);\n}\n\nheader {\n flex-wrap: wrap;\n padding: 0 var(--size-8);\n}\n\nmain {\n flex: 1;\n max-height: 100vh;\n overflow: auto;\n}\n\n@media (max-width: 640px) {\n header {\n padding: 0 var(--size-1) var(--size-1);\n justify-content: space-between;\n }\n\n pos-navigation-bar {\n flex-basis: 100%;\n order: 0;\n }\n\n pos-add-new-thing,\n pos-login {\n order: 1;\n }\n}\n","import { Component, h, Host, Prop, State } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-browser',\n styleUrl: 'pos-app-browser.css',\n})\nexport class PosAppBrowser {\n @Prop() restorePreviousSession: boolean = false;\n\n /\n The mode the app is running in:\n \n - standalone: use this when you deploy it as a standalone web application\n * - pod: use this when you host this app as a default interface for you pod\n */\n @Prop() mode: 'standalone' \| 'pod' = 'standalone';\n\n @State() uri = '';\n\n render() {\n return (\n <Host>\n <pos-app restorePreviousSession={this.restorePreviousSession}>\n <pos-error-toast>\n <pos-router mode={this.mode} onPod-os:route-changed={e => (this.uri = e.detail)}>\n <header>\n <pos-add-new-thing referenceUri={this.uri}></pos-add-new-thing>\n <pos-navigation-bar uri={this.uri === 'pod-os:dashboard' ? '' : this.uri}></pos-navigation-bar>\n <pos-login></pos-login>\n </header>\n <main>\n {this.uri.startsWith('pod-os:') ? (\n <pos-internal-router uri={this.uri} />\n ) : (\n <pos-resource key={this.uri} uri={this.uri}>\n <pos-type-router />\n </pos-resource>\n )}\n </main>\n <footer>\n <Logo />\n <span>PodOS Browser</span>\n </footer>\n </pos-router>\n </pos-error-toast>\n </pos-app>\n </Host>\n );\n }\n}\n\nconst Logo = () => {\n return (\n <svg viewBox=\"0 0 400 400\" xmlns=\"http://www.w3.org/2000/svg\">\n <path\n d=\"M50 350 L50 100 L200 50 L350 100 L350 350 Z\"\n style={{\n 'fill': '#008BF8',\n 'stroke': '#008BF8',\n 'stroke-width': '70',\n }}\n stroke-linejoin=\"round\"\n />\n\n <path\n d=\"M100 300 L100 150 L200 120 L300 150 L300 300 L130 300 L130 370 L100 370Z\"\n style={{\n 'fill': 'white',\n 'stroke': 'white',\n 'stroke-width': '45',\n }}\n stroke-linejoin=\"round\"\n />\n\n <path\n d=\"M150 250 L150 200 L200 180 L250 200 L250 250 Z\"\n style={{\n 'fill': '#DC0073',\n 'stroke': '#DC0073',\n 'stroke-width': '20',\n }}\n stroke-linejoin=\"round\"\n />\n </svg>\n );\n};\n"],"version":3}

package/dist/components/pos-app-document-viewer.js CHANGED Viewed

@@ -36,7 +36,7 @@ const PosAppDocumentViewer$1 = /*@__PURE__*/ proxyCustomElement(class PosAppDocu
         if (!this.resource) {
             return null;
         }
-        return (h("ion-grid", null, h("ion-row", null, h("ion-col", { size: "12", "size-sm": true }, h("pos-document", { src: this.resource.uri })), h("ion-col", { size: "12", "size-sm": true }, h("ion-card", null, h("ion-card-header", null, h("ion-card-title", null, h("pos-label", null)), h("pos-type-badges", null), h("pos-literals", null)))))));
+        return (h("ion-grid", null, h("ion-row", null, h("ion-col", { size: "12", "size-sm": true }, h("pos-document", { src: this.resource.uri })), h("ion-col", { size: "12", "size-sm": true }, h("ion-card", null, h("ion-card-header", { style: { gap: 'var(--size-1)' } }, h("ion-card-title", null, h("pos-label", null)), h("pos-type-badges", null), h("pos-literals", null)))))));
     }
 }, [1, "pos-app-document-viewer", {
         "resource": [32]

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

	@@ -1 +1 @@
1	- {"file":"pos-app-document-viewer.js","mappings":";;;;;;;;;;;;;;;;;;;;;MAQaA,sBAAoB;IAJjC;;;;;QAaE,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;KA4BH;IAlCC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,IAAI,CAAC;SACb;QAED,QACE,oBACE,mBACE,eAAS,IAAI,EAAC,IAAI,qBAChB,oBAAc,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAChC,EACV,eAAS,IAAI,EAAC,IAAI,qBAChB,oBACE,~~2BACE~~,0BACE,oBAAa,CACE,EACjB,0BAAmB,EACnB,uBAAgB,CACA,CACT,CACH,CACF,CACD,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppDocumentViewer"],"sources":["src/apps/pos-app-document-viewer/pos-app-document-viewer.tsx"],"sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n tag: 'pos-app-document-viewer',\n shadow: true,\n})\nexport class PosAppDocumentViewer implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) {\n return null;\n }\n\n return (\n <ion-grid>\n <ion-row>\n <ion-col size=\"12\" size-sm>\n <pos-document src={this.resource.uri} />\n </ion-col>\n <ion-col size=\"12\" size-sm>\n <ion-card>\n <ion-card-header>\n <ion-card-title>\n <pos-label />\n </ion-card-title>\n <pos-type-badges />\n <pos-literals />\n </ion-card-header>\n </ion-card>\n </ion-col>\n </ion-row>\n </ion-grid>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pos-app-document-viewer.js","mappings":";;;;;;;;;;;;;;;;;;;;;MAQaA,sBAAoB;IAJjC;;;;;QAaE,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;KA4BH;IAlCC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,IAAI,CAAC;SACb;QAED,QACE,oBACE,mBACE,eAAS,IAAI,EAAC,IAAI,qBAChB,oBAAc,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAChC,EACV,eAAS,IAAI,EAAC,IAAI,qBAChB,oBACE,uBAAiB,KAAK,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,IAC9C,0BACE,oBAAa,CACE,EACjB,0BAAmB,EACnB,uBAAgB,CACA,CACT,CACH,CACF,CACD,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppDocumentViewer"],"sources":["src/apps/pos-app-document-viewer/pos-app-document-viewer.tsx"],"sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n tag: 'pos-app-document-viewer',\n shadow: true,\n})\nexport class PosAppDocumentViewer implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) {\n return null;\n }\n\n return (\n <ion-grid>\n <ion-row>\n <ion-col size=\"12\" size-sm>\n <pos-document src={this.resource.uri} />\n </ion-col>\n <ion-col size=\"12\" size-sm>\n <ion-card>\n <ion-card-header style={{ gap: 'var(--size-1)' }}>\n <ion-card-title>\n <pos-label />\n </ion-card-title>\n <pos-type-badges />\n <pos-literals />\n </ion-card-header>\n </ion-card>\n </ion-col>\n </ion-row>\n </ion-grid>\n );\n }\n}\n"],"version":3}

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

@@ -36,9 +36,9 @@ const PosAppImageViewer$1 = /*@__PURE__*/ proxyCustomElement(class PosAppImageVi
         if (!this.resource) {
             return null;
         }
-        return (h("ion-grid", null, h("ion-row", null, h("ion-col", { size: "12", "size-sm": true }, h("pos-image", { src: this.resource.uri })), h("ion-col", { size: "12", "size-sm": true }, h("ion-card", null, h("ion-card-header", null, h("ion-card-title", null, h("pos-label", null)), h("pos-type-badges", null), h("pos-literals", null)))))));
+        return (h("ion-grid", null, h("ion-row", null, h("ion-col", { size: "12", "size-sm": true }, h("pos-image", { src: this.resource.uri })), h("ion-col", { size: "12", "size-sm": true }, h("ion-card", null, h("ion-card-header", { style: { gap: 'var(--size-1)' } }, h("ion-card-title", null, h("pos-label", null)), h("pos-type-badges", null), h("pos-literals", null)))))));
     }
-    static get style() { return "pos-image {\n          --max-width: 100%;\n        }"; }
+    static get style() { return "pos-image {\n      --max-width: 100%;\n    }"; }
 }, [1, "pos-app-image-viewer", {
         "resource": [32]
     }]);

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

	@@ -1 +1 @@
1	- {"file":"pos-app-image-viewer.js","mappings":";;;;;;;;;;;;;;;;;;;;;MAaaA,mBAAiB;IAT9B;;;;;QAkBE,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;KA4BH;IAlCC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,IAAI,CAAC;SACb;QAED,QACE,oBACE,mBACE,eAAS,IAAI,EAAC,IAAI,qBAChB,iBAAW,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAC7B,EACV,eAAS,IAAI,EAAC,IAAI,qBAChB,oBACE,~~2BACE~~,0BACE,oBAAa,CACE,EACjB,0BAAmB,EACnB,uBAAgB,CACA,CACT,CACH,CACF,CACD,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppImageViewer"],"sources":["src/apps/pos-app-image-viewer/pos-app-image-viewer.tsx"],"sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n tag: 'pos-app-image-viewer',\n shadow: true,\n styles: `\n pos-image {\n --max-width: 100%;\n }\n `,\n})\nexport class PosAppImageViewer implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) {\n return null;\n }\n\n return (\n <ion-grid>\n <ion-row>\n <ion-col size=\"12\" size-sm>\n <pos-image src={this.resource.uri} />\n </ion-col>\n <ion-col size=\"12\" size-sm>\n <ion-card>\n <ion-card-header>\n <ion-card-title>\n <pos-label />\n </ion-card-title>\n <pos-type-badges />\n <pos-literals />\n </ion-card-header>\n </ion-card>\n </ion-col>\n </ion-row>\n </ion-grid>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pos-app-image-viewer.js","mappings":";;;;;;;;;;;;;;;;;;;;;MAaaA,mBAAiB;IAT9B;;;;;QAkBE,oBAAe,GAAG,CAAC,QAAe;YAChC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;SAC1B,CAAC;KA4BH;IAlCC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAMD,MAAM;QACJ,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;YAClB,OAAO,IAAI,CAAC;SACb;QAED,QACE,oBACE,mBACE,eAAS,IAAI,EAAC,IAAI,qBAChB,iBAAW,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,GAAI,CAC7B,EACV,eAAS,IAAI,EAAC,IAAI,qBAChB,oBACE,uBAAiB,KAAK,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,IAC9C,0BACE,oBAAa,CACE,EACjB,0BAAmB,EACnB,uBAAgB,CACA,CACT,CACH,CACF,CACD,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppImageViewer"],"sources":["src/apps/pos-app-image-viewer/pos-app-image-viewer.tsx"],"sourcesContent":["import { Thing } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../../components/events/ResourceAware';\n\n@Component({\n tag: 'pos-app-image-viewer',\n shadow: true,\n styles: `\n pos-image {\n --max-width: 100%;\n }\n `,\n})\nexport class PosAppImageViewer implements ResourceAware {\n @State() resource: Thing;\n\n @Event({ eventName: 'pod-os:resource' }) subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n this.resource = resource;\n };\n\n render() {\n if (!this.resource) {\n return null;\n }\n\n return (\n <ion-grid>\n <ion-row>\n <ion-col size=\"12\" size-sm>\n <pos-image src={this.resource.uri} />\n </ion-col>\n <ion-col size=\"12\" size-sm>\n <ion-card>\n <ion-card-header style={{ gap: 'var(--size-1)' }}>\n <ion-card-title>\n <pos-label />\n </ion-card-title>\n <pos-type-badges />\n <pos-literals />\n </ion-card-header>\n </ion-card>\n </ion-col>\n </ion-row>\n </ion-grid>\n );\n }\n}\n"],"version":3}

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

@@ -1,16 +1,14 @@
 import { proxyCustomElement, HTMLElement, h } from '@stencil/core/internal/client';
-import { d as defineCustomElement$t } from './badge.js';
-import { d as defineCustomElement$s } from './card.js';
-import { d as defineCustomElement$r } from './card-content.js';
-import { d as defineCustomElement$q } from './card-header.js';
-import { d as defineCustomElement$p } from './card-title.js';
-import { d as defineCustomElement$o } from './col.js';
-import { d as defineCustomElement$n } from './grid.js';
-import { d as defineCustomElement$m } from './icon.js';
-import { d as defineCustomElement$l } from './input.js';
-import { d as defineCustomElement$k } from './item.js';
-import { d as defineCustomElement$j } from './label.js';
-import { d as defineCustomElement$i } from './list.js';
+import { d as defineCustomElement$r } from './badge.js';
+import { d as defineCustomElement$q } from './card.js';
+import { d as defineCustomElement$p } from './card-content.js';
+import { d as defineCustomElement$o } from './card-header.js';
+import { d as defineCustomElement$n } from './card-title.js';
+import { d as defineCustomElement$m } from './col.js';
+import { d as defineCustomElement$l } from './grid.js';
+import { d as defineCustomElement$k } from './icon.js';
+import { d as defineCustomElement$j } from './input.js';
+import { d as defineCustomElement$i } from './item.js';
 import { d as defineCustomElement$h } from './note.js';
 import { d as defineCustomElement$g } from './progress-bar.js';
 import { d as defineCustomElement$f } from './ripple-effect.js';
@@ -34,14 +32,14 @@ const PosAppLdpContainer$1 = /*@__PURE__*/ proxyCustomElement(class PosAppLdpCon
         this.__registerHost();
     }
     render() {
-        return (h("ion-grid", { key: '25d3c6836ab626ce1fc2c9ca5b01b963b1068943' }, h("ion-row", { key: 'e040e5f41cba292ee7eaa77b7a7886f9d1d8ca99' }, h("ion-col", { key: 'c16769e7747bd035a4b13545c452ca11766b7054', size: "12", "size-sm": true }, h("pos-container-contents", { key: '9a28b62c6c824e069176a9dab781a6edd6582a81' }), h("details", { key: '288eaceb2e30282f9018c6bf6759586df637cfaf' }, h("summary", { key: '554f9bd02907d914ac0074c31e31b8800aeb7722' }, "All subjects"), h("pos-subjects", { key: '9bd7980dd958296a4006e5b2ce02d70759c4418c' }))), h("ion-col", { key: 'ef03fe6c49255c65b195fe900742d54cb323d4b1', size: "12", "size-sm": true }, h("ion-card", { key: 'fadc374858fe564b20504196b70b2946af3d7402' }, h("ion-card-header", { key: '2283119004b8a38b1adc2b8f1cb56309a9923aea' }, h("ion-card-title", { key: '634152799d6abddb5a9ca8bfb70104998c2888f5' }, h("pos-label", { key: '3677ba9818ac14cb8478eca888431cf225fd9d2e' })), h("pos-type-badges", { key: '45d803cc33ca2642f7b677df6ca387f10019baa1' }), h("pos-literals", { key: '2a9ffea31fb034b3ed876eeb528a00b0a0d8577a' })))))));
+        return (h("ion-grid", { key: '25d3c6836ab626ce1fc2c9ca5b01b963b1068943' }, h("ion-row", { key: 'e040e5f41cba292ee7eaa77b7a7886f9d1d8ca99' }, h("ion-col", { key: 'c16769e7747bd035a4b13545c452ca11766b7054', size: "12", "size-sm": true }, h("pos-container-contents", { key: '9a28b62c6c824e069176a9dab781a6edd6582a81' }), h("details", { key: '288eaceb2e30282f9018c6bf6759586df637cfaf' }, h("summary", { key: '554f9bd02907d914ac0074c31e31b8800aeb7722' }, "All subjects"), h("pos-subjects", { key: '9bd7980dd958296a4006e5b2ce02d70759c4418c' }))), h("ion-col", { key: 'ef03fe6c49255c65b195fe900742d54cb323d4b1', size: "12", "size-sm": true }, h("ion-card", { key: 'fadc374858fe564b20504196b70b2946af3d7402' }, h("ion-card-header", { key: '0c1f0c7207940df8795d93706d91ed1f5aff2ae1', style: { gap: 'var(--size-1)' } }, h("ion-card-title", { key: 'da42c92d6f0e7bec8e4762216fd547e81a1651c5' }, h("pos-label", { key: '11b8c556d3608f5fdb0f80fa5c0c9a71fa51e506' })), h("pos-type-badges", { key: 'd1389c7b55706528b6d1cc41507b4db8798b0c8e' }), h("pos-literals", { key: '5abd990cc4f335e9ba880a8a2b903608d91c0bdd' })))))));
     }
 }, [0, "pos-app-ldp-container"]);
 function defineCustomElement$1() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["pos-app-ldp-container", "ion-badge", "ion-card", "ion-card-content", "ion-card-header", "ion-card-title", "ion-col", "ion-grid", "ion-icon", "ion-input", "ion-item", "ion-label", "ion-list", "ion-note", "ion-progress-bar", "ion-ripple-effect", "ion-row", "pos-add-literal-value", "pos-container-contents", "pos-container-item", "pos-description", "pos-label", "pos-literals", "pos-predicate", "pos-resource", "pos-rich-link", "pos-select-term", "pos-subjects", "pos-type-badges"];
+    const components = ["pos-app-ldp-container", "ion-badge", "ion-card", "ion-card-content", "ion-card-header", "ion-card-title", "ion-col", "ion-grid", "ion-icon", "ion-input", "ion-item", "ion-note", "ion-progress-bar", "ion-ripple-effect", "ion-row", "pos-add-literal-value", "pos-container-contents", "pos-container-item", "pos-description", "pos-label", "pos-literals", "pos-predicate", "pos-resource", "pos-rich-link", "pos-select-term", "pos-subjects", "pos-type-badges"];
     components.forEach(tagName => { switch (tagName) {
         case "pos-app-ldp-container":
             if (!customElements.get(tagName)) {
@@ -49,61 +47,51 @@ function defineCustomElement$1() {
             }
             break;
         case "ion-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$t();
-            }
-            break;
-        case "ion-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$s();
-            }
-            break;
-        case "ion-card-content":
             if (!customElements.get(tagName)) {
                 defineCustomElement$r();
             }
             break;
-        case "ion-card-header":
+        case "ion-card":
             if (!customElements.get(tagName)) {
                 defineCustomElement$q();
             }
             break;
-        case "ion-card-title":
+        case "ion-card-content":
             if (!customElements.get(tagName)) {
                 defineCustomElement$p();
             }
             break;
-        case "ion-col":
+        case "ion-card-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$o();
             }
             break;
-        case "ion-grid":
+        case "ion-card-title":
             if (!customElements.get(tagName)) {
                 defineCustomElement$n();
             }
             break;
-        case "ion-icon":
+        case "ion-col":
             if (!customElements.get(tagName)) {
                 defineCustomElement$m();
             }
             break;
-        case "ion-input":
+        case "ion-grid":
             if (!customElements.get(tagName)) {
                 defineCustomElement$l();
             }
             break;
-        case "ion-item":
+        case "ion-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$k();
             }
             break;
-        case "ion-label":
+        case "ion-input":
             if (!customElements.get(tagName)) {
                 defineCustomElement$j();
             }
             break;
-        case "ion-list":
+        case "ion-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$i();
             }

package/dist/components/pos-app-ldp-container.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pos-app-ldp-container.js","mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~MAKaA,oBAAkB;;;;;IAC7B,MAAM;QACJ,QACE,mEACE,kEACE,gEAAS,IAAI,EAAC,IAAI,qBAChB,gFAA0B,EAC1B,kEACE,iFAA+B,EAC/B,sEAAgB,CACR,CACF,EACV,gEAAS,IAAI,EAAC,IAAI,qBAChB,mEACE,~~0EACE~~,yEACE,mEAAa,CACE,EACjB,yEAAmB,EACnB,sEAAgB,CACA,CACT,CACH,CACF,CACD,EACX;KACH~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":["PosAppLdpContainer"],"sources":["src/apps/pos-app-ldp-container/pos-app-ldp-container.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-ldp-container',\n})\nexport class PosAppLdpContainer {\n render() {\n return (\n <ion-grid>\n <ion-row>\n <ion-col size=\"12\" size-sm>\n <pos-container-contents />\n <details>\n <summary>All subjects</summary>\n <pos-subjects />\n </details>\n </ion-col>\n <ion-col size=\"12\" size-sm>\n <ion-card>\n <ion-card-header>\n <ion-card-title>\n <pos-label />\n </ion-card-title>\n <pos-type-badges />\n <pos-literals />\n </ion-card-header>\n </ion-card>\n </ion-col>\n </ion-row>\n </ion-grid>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pos-app-ldp-container.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;MAKaA,oBAAkB;;;;;IAC7B,MAAM;QACJ,QACE,mEACE,kEACE,gEAAS,IAAI,EAAC,IAAI,qBAChB,gFAA0B,EAC1B,kEACE,iFAA+B,EAC/B,sEAAgB,CACR,CACF,EACV,gEAAS,IAAI,EAAC,IAAI,qBAChB,mEACE,wEAAiB,KAAK,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,IAC9C,yEACE,mEAAa,CACE,EACjB,yEAAmB,EACnB,sEAAgB,CACA,CACT,CACH,CACF,CACD,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppLdpContainer"],"sources":["src/apps/pos-app-ldp-container/pos-app-ldp-container.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-ldp-container',\n})\nexport class PosAppLdpContainer {\n render() {\n return (\n <ion-grid>\n <ion-row>\n <ion-col size=\"12\" size-sm>\n <pos-container-contents />\n <details>\n <summary>All subjects</summary>\n <pos-subjects />\n </details>\n </ion-col>\n <ion-col size=\"12\" size-sm>\n <ion-card>\n <ion-card-header style={{ gap: 'var(--size-1)' }}>\n <ion-card-title>\n <pos-label />\n </ion-card-title>\n <pos-type-badges />\n <pos-literals />\n </ion-card-header>\n </ion-card>\n </ion-col>\n </ion-row>\n </ion-grid>\n );\n }\n}\n"],"version":3}

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

@@ -28,7 +28,7 @@ const PosAppRdfDocument$1 = /*@__PURE__*/ proxyCustomElement(class PosAppRdfDocu
         this.__registerHost();
     }
     render() {
-        return (h("ion-grid", { key: '491c329c7b6083129acc0b04d6097d7361b2c2d4' }, h("ion-row", { key: '88dbc219423b1ff94e6a5c6f67e74e6b496eaca8' }, h("ion-col", { key: 'e3329294ca16e707c9ac0f4ede51e801f11524d2', size: "12", "size-sm": true }, h("pos-subjects", { key: '45af152a3cce35a2be01bef1b5ac3072e9bddcd8' })), h("ion-col", { key: 'd376dbf8d4a3d8113dd018a3d3d1d84b9027339d', size: "12", "size-sm": true }, h("ion-card", { key: '958ad15df45ca16960faca66a98e6938faafaf0d' }, h("ion-card-header", { key: '8f0d87ecc1ef413d767b00c906ba36af212a3e25' }, h("ion-card-title", { key: 'a7010a87e619c0d2200b5f0076a6096405821d8a' }, h("pos-label", { key: '462dd3461b1fd5658ae9c0f497f7e5164ff30621' })), h("pos-type-badges", { key: '4b7f8b9e4204a9310e186f10ca3b57d5b245ac5f' }), h("pos-literals", { key: 'cdb9f3b2b088e2852f9116dae10c425e3329c9a4' })))))));
+        return (h("ion-grid", { key: '491c329c7b6083129acc0b04d6097d7361b2c2d4' }, h("ion-row", { key: '88dbc219423b1ff94e6a5c6f67e74e6b496eaca8' }, h("ion-col", { key: 'e3329294ca16e707c9ac0f4ede51e801f11524d2', size: "12", "size-sm": true }, h("pos-subjects", { key: '45af152a3cce35a2be01bef1b5ac3072e9bddcd8' })), h("ion-col", { key: 'd376dbf8d4a3d8113dd018a3d3d1d84b9027339d', size: "12", "size-sm": true }, h("ion-card", { key: '958ad15df45ca16960faca66a98e6938faafaf0d' }, h("ion-card-header", { key: '3c44629dc22dcbb815c2177b77fc5abda695d5db', style: { gap: 'var(--size-1)' } }, h("ion-card-title", { key: 'a95edfd2ec885e554e1de5ad33f4cc041cd98902' }, h("pos-label", { key: 'bc678d0dc3e151812bdd6d16b6fc46dad8c1630e' })), h("pos-type-badges", { key: 'c7d7dd3850db4936ab3dd8c9c633db4fb95f3b91' }), h("pos-literals", { key: 'a2f3a69fde4c3fae3f4a352e00f033980787216d' })))))));
     }
 }, [0, "pos-app-rdf-document"]);
 function defineCustomElement$1() {

package/dist/components/pos-app-rdf-document.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pos-app-rdf-document.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;MAKaA,mBAAiB;;;;;IAC5B,MAAM;QACJ,QACE,mEACE,kEACE,gEAAS,IAAI,EAAC,IAAI,qBAChB,sEAAgB,CACR,EACV,gEAAS,IAAI,EAAC,IAAI,qBAChB,mEACE,~~0EACE~~,yEACE,mEAAa,CACE,EACjB,yEAAmB,EACnB,sEAAgB,CACA,CACT,CACH,CACF,CACD,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppRdfDocument"],"sources":["src/apps/pos-app-rdf-document/pos-app-rdf-document.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-rdf-document',\n})\nexport class PosAppRdfDocument {\n render() {\n return (\n <ion-grid>\n <ion-row>\n <ion-col size=\"12\" size-sm>\n <pos-subjects />\n </ion-col>\n <ion-col size=\"12\" size-sm>\n <ion-card>\n <ion-card-header>\n <ion-card-title>\n <pos-label />\n </ion-card-title>\n <pos-type-badges />\n <pos-literals />\n </ion-card-header>\n </ion-card>\n </ion-col>\n </ion-row>\n </ion-grid>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pos-app-rdf-document.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;MAKaA,mBAAiB;;;;;IAC5B,MAAM;QACJ,QACE,mEACE,kEACE,gEAAS,IAAI,EAAC,IAAI,qBAChB,sEAAgB,CACR,EACV,gEAAS,IAAI,EAAC,IAAI,qBAChB,mEACE,wEAAiB,KAAK,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,IAC9C,yEACE,mEAAa,CACE,EACjB,yEAAmB,EACnB,sEAAgB,CACA,CACT,CACH,CACF,CACD,EACX;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["PosAppRdfDocument"],"sources":["src/apps/pos-app-rdf-document/pos-app-rdf-document.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n tag: 'pos-app-rdf-document',\n})\nexport class PosAppRdfDocument {\n render() {\n return (\n <ion-grid>\n <ion-row>\n <ion-col size=\"12\" size-sm>\n <pos-subjects />\n </ion-col>\n <ion-col size=\"12\" size-sm>\n <ion-card>\n <ion-card-header style={{ gap: 'var(--size-1)' }}>\n <ion-card-title>\n <pos-label />\n </ion-card-title>\n <pos-type-badges />\n <pos-literals />\n </ion-card-header>\n </ion-card>\n </ion-col>\n </ion-row>\n </ion-grid>\n );\n }\n}\n"],"version":3}

package/dist/components/pos-container-contents2.js CHANGED Viewed

@@ -1,19 +1,20 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { L as LdpContainer } from './index10.js';
 import { s as subscribeResource } from './ResourceAware.js';
-import { d as defineCustomElement$c } from './card.js';
-import { d as defineCustomElement$b } from './card-content.js';
-import { d as defineCustomElement$a } from './card-header.js';
-import { d as defineCustomElement$9 } from './icon.js';
-import { d as defineCustomElement$8 } from './item.js';
-import { d as defineCustomElement$7 } from './label.js';
-import { d as defineCustomElement$6 } from './list.js';
+import { d as defineCustomElement$a } from './card.js';
+import { d as defineCustomElement$9 } from './card-content.js';
+import { d as defineCustomElement$8 } from './card-header.js';
+import { d as defineCustomElement$7 } from './icon.js';
+import { d as defineCustomElement$6 } from './item.js';
 import { d as defineCustomElement$5 } from './note.js';
 import { d as defineCustomElement$4 } from './progress-bar.js';
 import { d as defineCustomElement$3 } from './ripple-effect.js';
 import { d as defineCustomElement$2 } from './pos-container-item2.js';
 import { d as defineCustomElement$1 } from './pos-resource2.js';
+const posContainerContentsCss = "ul{list-style:none;padding:0;margin:0}li{padding:0;margin:0}";
+const PosContainerContentsStyle0 = posContainerContentsCss;
 const PosContainerContents = /*@__PURE__*/ proxyCustomElement(class PosContainerContents extends HTMLElement {
     constructor() {
         super();
@@ -34,9 +35,10 @@ const PosContainerContents = /*@__PURE__*/ proxyCustomElement(class PosContainer
     render() {
         if (this.loading)
             return null;
-        const items = this.contents.map(it => (h("pos-resource", { lazy: true, uri: it.uri }, h("pos-container-item", { role: "listitem" }, h("ion-label", null, h("h3", null, it.name))))));
-        return this.contents.length > 0 ? h("ion-list", null, items) : h("p", null, "The container is empty");
+        const items = this.contents.map(it => (h("li", null, h("pos-resource", { lazy: true, uri: it.uri }, h("pos-container-item", null, it.name)))));
+        return this.contents.length > 0 ? h("ul", null, items) : h("p", null, "The container is empty");
     }
+    static get style() { return PosContainerContentsStyle0; }
 }, [1, "pos-container-contents", {
         "contents": [32],
         "loading": [32]
@@ -45,7 +47,7 @@ function defineCustomElement() {
     if (typeof customElements === "undefined") {
         return;
     }
-    const components = ["pos-container-contents", "ion-card", "ion-card-content", "ion-card-header", "ion-icon", "ion-item", "ion-label", "ion-list", "ion-note", "ion-progress-bar", "ion-ripple-effect", "pos-container-item", "pos-resource"];
+    const components = ["pos-container-contents", "ion-card", "ion-card-content", "ion-card-header", "ion-icon", "ion-item", "ion-note", "ion-progress-bar", "ion-ripple-effect", "pos-container-item", "pos-resource"];
     components.forEach(tagName => { switch (tagName) {
         case "pos-container-contents":
             if (!customElements.get(tagName)) {
@@ -53,36 +55,26 @@ function defineCustomElement() {
             }
             break;
         case "ion-card":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "ion-card-content":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "ion-card-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$a();
             }
             break;
-        case "ion-icon":
+        case "ion-card-content":
             if (!customElements.get(tagName)) {
                 defineCustomElement$9();
             }
             break;
-        case "ion-item":
+        case "ion-card-header":
             if (!customElements.get(tagName)) {
                 defineCustomElement$8();
             }
             break;
-        case "ion-label":
+        case "ion-icon":
             if (!customElements.get(tagName)) {
                 defineCustomElement$7();
             }
             break;
-        case "ion-list":
+        case "ion-item":
             if (!customElements.get(tagName)) {
                 defineCustomElement$6();
             }

package/dist/components/pos-container-contents2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"pos-container-contents2.js","mappings":"~~;;;;;;;;;;;;;;;;MAQa~~,oBAAoB;~~IAJjC~~;;;;;~~QAKW~~,aAAQ,GAAuB,EAAE,CAAC;QAElC,YAAO,GAAG,IAAI,CAAC;QASxB,oBAAe,GAAG,CAAC,QAAe;YAChC,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YAC1C,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;SAC7E,CAAC;KAeH;IAvBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAQD,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,KAChC,oBAAc,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,IACnC,~~0BAAoB~~,~~IAAI,EAAC,UAAU,IACjC,qBACE,cAAK,~~EAAE,CAAC,IAAI,~~CAAM~~,CACR,~~CACO~~,~~CACR~~,~~CAChB,~~CAAC,CAAC;QACH,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,~~oBAAW~~,KAAK,~~CAAY~~,GAAG,sCAA6B,CAAC;~~KAChG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~","names":[],"sources":["src/components/pos-container-contents/pos-container-contents.tsx"],"sourcesContent":["import { Thing, ContainerContent, LdpContainer } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n tag: 'pos-container-contents',\n shadow: true,\n})\nexport class PosContainerContents implements ResourceAware {\n @State() contents: ContainerContent[] = [];\n\n @State() loading = true;\n\n @Event({ eventName: 'pod-os:resource' })\n subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n const doc = resource.assume(LdpContainer);\n this.loading = false;\n this.contents = doc.contains().sort((a, b) => a.name.localeCompare(b.name));\n };\n\n render() {\n if (this.loading) return null;\n const items = this.contents.map(it => (\n <pos-resource lazy={true} uri={it.uri}>\n <pos-container-item ~~role=\"listitem\"~~>\n ~~<ion-label>\n~~ ~~<h3>~~{it.name}~~</h3>\~~n </~~ion-label>\n </~~pos-container-item>\n </pos-resource>\n ));\n return this.contents.length > 0 ? <~~ion-list~~>{items}</~~ion-list~~> : <p>The container is empty</p>;\n }\n}\n"],"version":3}
1	+ {"file":"pos-container-contents2.js","mappings":";;;;;;;;;;;;;;AAAA,MAAM,uBAAuB,GAAG,8DAA8D,CAAC;AAC/F,mCAAe,uBAAuB;;MCQzB,oBAAoB;IALjC;;;;;QAMW,aAAQ,GAAuB,EAAE,CAAC;QAElC,YAAO,GAAG,IAAI,CAAC;QASxB,oBAAe,GAAG,CAAC,QAAe;YAChC,MAAM,GAAG,GAAG,QAAQ,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC;YAC1C,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,GAAG,CAAC,QAAQ,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;SAC7E,CAAC;KAeH;IAvBC,iBAAiB;QACf,iBAAiB,CAAC,IAAI,CAAC,CAAC;KACzB;IAQD,MAAM;QACJ,IAAI,IAAI,CAAC,OAAO;YAAE,OAAO,IAAI,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,KAChC,cACE,oBAAc,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,GAAG,IACnC,8BACG,EAAE,CAAC,IAAI,CACW,CACR,CACZ,CACN,CAAC,CAAC;QACH,OAAO,IAAI,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,GAAG,cAAK,KAAK,CAAM,GAAG,sCAA6B,CAAC;KACpF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-container-contents/pos-container-contents.css?tag=pos-container-contents&encapsulation=shadow","src/components/pos-container-contents/pos-container-contents.tsx"],"sourcesContent":["ul {\n list-style: none;\n padding: 0;\n margin: 0;\n}\n\nli {\n padding: 0;\n margin: 0;\n} ","import { Thing, ContainerContent, LdpContainer } from '@pod-os/core';\nimport { Component, Event, EventEmitter, h, State } from '@stencil/core';\nimport { ResourceAware, subscribeResource } from '../events/ResourceAware';\n\n@Component({\n tag: 'pos-container-contents',\n shadow: true,\n styleUrl: 'pos-container-contents.css'\n})\nexport class PosContainerContents implements ResourceAware {\n @State() contents: ContainerContent[] = [];\n\n @State() loading = true;\n\n @Event({ eventName: 'pod-os:resource' })\n subscribeResource: EventEmitter;\n\n componentWillLoad() {\n subscribeResource(this);\n }\n\n receiveResource = (resource: Thing) => {\n const doc = resource.assume(LdpContainer);\n this.loading = false;\n this.contents = doc.contains().sort((a, b) => a.name.localeCompare(b.name));\n };\n\n render() {\n if (this.loading) return null;\n const items = this.contents.map(it => (\n <li>\n <pos-resource lazy={true} uri={it.uri}>\n <pos-container-item>\n {it.name}\n </pos-container-item>\n </pos-resource>\n </li>\n ));\n return this.contents.length > 0 ? <ul>{items}</ul> : <p>The container is empty</p>;\n }\n}\n"],"version":3}

package/dist/components/pos-rich-link2.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { d as defineCustomElement$3 } from './pos-description2.js';
 import { d as defineCustomElement$2 } from './pos-label2.js';
 import { d as defineCustomElement$1 } from './pos-resource2.js';
-const posRichLinkCss = ":host {\n  --background-color: inherit;\n  --label-color: var(--color-grey-900);\n  --description-color: var(--color-grey-900);\n  --uri-color: var(--color-grey-600);\n  --font-family: var(--font-sans);\n}\n\np.content {\n  background-color: var(--background-color);\n  line-height: var(--line-xs);\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: baseline;\n  gap: var(--size-1);\n\n  .url {\n    font-size: var(--scale-000);\n    color: var(--color-grey-500);\n  }\n}\n\na {\n  color: var(--label-color);\n  max-width: var(--prose-lg);\n  text-decoration: underline;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  text-decoration-thickness: var(--size-px);\n}\n\npos-label {\n  color: var(--label-color);\n  font-size: var(--scale-fluid-0);\n  margin-bottom: var(--size-1);\n}\n\npos-description {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  font-weight: var(--weight-light);\n  color: var(--description-color);\n  font-size: var(--scale-fluid-0);\n}\n";
+const posRichLinkCss = ":host {\n  --background-color: inherit;\n  --label-color: var(--color-grey-900);\n  --description-color: var(--color-grey-900);\n  --uri-color: var(--color-grey-600);\n  --font-family: var(--font-sans);\n}\n\np.content {\n  background-color: var(--background-color);\n  line-height: var(--line-xs);\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: baseline;\n  gap: var(--size-1);\n\n  .url {\n    font-size: var(--scale-fluid-1);\n    color: var(--color-grey-500);\n  }\n}\n\na {\n  color: var(--label-color);\n  max-width: var(--prose-lg);\n  text-decoration: underline;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  text-decoration-thickness: var(--size-px);\n}\n\npos-label {\n  color: var(--label-color);\n  font-size: var(--scale-fluid-2);\n  margin-bottom: var(--size-1);\n}\n\npos-description {\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 2;\n  text-overflow: ellipsis;\n  overflow: hidden;\n  font-weight: var(--weight-light);\n  color: var(--description-color);\n  font-size: var(--scale-fluid-2);\n}\n\n@media (min-width: 640px) {\n  pos-label {\n    font-size: var(--scale-fluid-0);\n  }\n  pos-description {\n    font-size: var(--scale-fluid-1);\n  }\n\n  p.content {\n    .url {\n      font-size: var(--scale-fluid-000);\n    }\n  }\n}\n";
 const PosRichLinkStyle0 = posRichLinkCss;
 const PosRichLink = /*@__PURE__*/ proxyCustomElement(class PosRichLink extends HTMLElement {

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

	@@ -1 +1 @@
1	- {"file":"pos-rich-link2.js","mappings":";;;;;;;;;;AAAA,MAAM,cAAc,GAAG~~,+kCAA+kC~~,CAAC;~~AACvmC~~,0BAAe,cAAc;;MCMhB,WAAW;;;;;;;IAKtB,MAAM;QACJ,QACE,qEAAc,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IACrC,0DAAG,KAAK,EAAC,SAAS,IAChB,0DACE,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,OAAO,EAAE,CAAC;gBACR,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aACjC,IAED,mEAAa,CACX,EACJ,6DAAM,KAAK,EAAC,KAAK,IAAE,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAQ,EACjD,yEAAmB,CACjB,CACS,EACf;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-rich-link/pos-rich-link.css?tag=pos-rich-link&encapsulation=shadow","src/components/pos-rich-link/pos-rich-link.tsx"],"sourcesContent":[":host {\n --background-color: inherit;\n --label-color: var(--color-grey-900);\n --description-color: var(--color-grey-900);\n --uri-color: var(--color-grey-600);\n --font-family: var(--font-sans);\n}\n\np.content {\n background-color: var(--background-color);\n line-height: var(--line-xs);\n margin: 0;\n display: flex;\n flex-direction: column;\n align-items: baseline;\n gap: var(--size-1);\n\n .url {\n font-size: var(--scale-~~000~~);\n color: var(--color-grey-500);\n }\n}\n\na {\n color: var(--label-color);\n max-width: var(--prose-lg);\n text-decoration: underline;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-decoration-thickness: var(--size-px);\n}\n\npos-label {\n color: var(--label-color);\n font-size: var(--scale-fluid-0);\n margin-bottom: var(--size-1);\n}\n\npos-description {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n text-overflow: ellipsis;\n overflow: hidden;\n font-weight: var(--weight-light);\n color: var(--description-color);\n font-size: var(--scale-fluid-0);\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pos-rich-link',\n shadow: true,\n styleUrl: 'pos-rich-link.css',\n})\nexport class PosRichLink {\n @Prop() uri: string;\n\n @Event({ eventName: 'pod-os:link' }) linkEmitter: EventEmitter;\n\n render() {\n return (\n <pos-resource lazy={true} uri={this.uri}>\n <p class=\"content\">\n <a\n href={this.uri}\n onClick={e => {\n e.preventDefault();\n this.linkEmitter.emit(this.uri);\n }}\n >\n <pos-label />\n </a>\n <span class=\"url\">{new URL(this.uri).host}</span>\n <pos-description />\n </p>\n </pos-resource>\n );\n }\n}\n"],"version":3}
1	+ {"file":"pos-rich-link2.js","mappings":";;;;;;;;;;AAAA,MAAM,cAAc,GAAG,k0CAAk0C,CAAC;AAC11C,0BAAe,cAAc;;MCMhB,WAAW;;;;;;;IAKtB,MAAM;QACJ,QACE,qEAAc,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,IACrC,0DAAG,KAAK,EAAC,SAAS,IAChB,0DACE,IAAI,EAAE,IAAI,CAAC,GAAG,EACd,OAAO,EAAE,CAAC;gBACR,CAAC,CAAC,cAAc,EAAE,CAAC;gBACnB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;aACjC,IAED,mEAAa,CACX,EACJ,6DAAM,KAAK,EAAC,KAAK,IAAE,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,CAAQ,EACjD,yEAAmB,CACjB,CACS,EACf;KACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":[],"sources":["src/components/pos-rich-link/pos-rich-link.css?tag=pos-rich-link&encapsulation=shadow","src/components/pos-rich-link/pos-rich-link.tsx"],"sourcesContent":[":host {\n --background-color: inherit;\n --label-color: var(--color-grey-900);\n --description-color: var(--color-grey-900);\n --uri-color: var(--color-grey-600);\n --font-family: var(--font-sans);\n}\n\np.content {\n background-color: var(--background-color);\n line-height: var(--line-xs);\n margin: 0;\n display: flex;\n flex-direction: column;\n align-items: baseline;\n gap: var(--size-1);\n\n .url {\n font-size: var(--scale-fluid-1);\n color: var(--color-grey-500);\n }\n}\n\na {\n color: var(--label-color);\n max-width: var(--prose-lg);\n text-decoration: underline;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n text-decoration-thickness: var(--size-px);\n}\n\npos-label {\n color: var(--label-color);\n font-size: var(--scale-fluid-2);\n margin-bottom: var(--size-1);\n}\n\npos-description {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n text-overflow: ellipsis;\n overflow: hidden;\n font-weight: var(--weight-light);\n color: var(--description-color);\n font-size: var(--scale-fluid-2);\n}\n\n@media (min-width: 640px) {\n pos-label {\n font-size: var(--scale-fluid-0);\n }\n pos-description {\n font-size: var(--scale-fluid-1);\n }\n\n p.content {\n .url {\n font-size: var(--scale-fluid-000);\n }\n }\n}\n","import { Component, Event, EventEmitter, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'pos-rich-link',\n shadow: true,\n styleUrl: 'pos-rich-link.css',\n})\nexport class PosRichLink {\n @Prop() uri: string;\n\n @Event({ eventName: 'pod-os:link' }) linkEmitter: EventEmitter;\n\n render() {\n return (\n <pos-resource lazy={true} uri={this.uri}>\n <p class=\"content\">\n <a\n href={this.uri}\n onClick={e => {\n e.preventDefault();\n this.linkEmitter.emit(this.uri);\n }}\n >\n <pos-label />\n </a>\n <span class=\"url\">{new URL(this.uri).host}</span>\n <pos-description />\n </p>\n </pos-resource>\n );\n }\n}\n"],"version":3}

package/dist/elements/elements.css CHANGED Viewed

@@ -4,4 +4,4 @@ html.ios{--ion-default-font:-apple-system,BlinkMacSystemFont,"Helvetica Neue","R
     0 2px 4px -2px rgba(0, 0, 0, 0.06);--shadow-md:0 12px 16px -4px rgba(0, 0, 0, 0.1),
     0 4px 6px -2px rgba(0, 0, 0, 0.05);--shadow-lg:0 20px 24px -4px rgba(0, 0, 0, 0.1),
     0 8px 8px -4px rgba(0, 0, 0, 0.04);--shadow-xl:0 24px 48px -12px rgba(0, 0, 0, 0.25);--ease-in-sine:cubic-bezier(0.47, 0, 0.745, 0.715);--ease-out-sine:cubic-bezier(0.39, 0.575, 0.565, 1);--ease-in-out-sine:cubic-bezier(0.445, 0.05, 0.55, 0.95);--ease-in-quad:cubic-bezier(0.55, 0.085, 0.68, 0.53);--ease-out-quad:cubic-bezier(0.25, 0.46, 0.45, 0.94);--ease-in-out-quad:cubic-bezier(0.455, 0.03, 0.515, 0.955);--ease-in-cubic:cubic-bezier(0.55, 0.055, 0.675, 0.19);--ease-out-cubic:cubic-bezier(0.215, 0.61, 0.355, 1);--ease-in-out-cubic:cubic-bezier(0.645, 0.045, 0.355, 1);--ease-in-quart:cubic-bezier(0.895, 0.03, 0.685, 0.22);--ease-out-quart:cubic-bezier(0.165, 0.84, 0.44, 1);--ease-in-out-quart:cubic-bezier(0.77, 0, 0.175, 1);--ease-in-quint:cubic-bezier(0.755, 0.05, 0.855, 0.06);--ease-out-quint:cubic-bezier(0.23, 1, 0.32, 1);--ease-in-out-quint:cubic-bezier(0.86, 0, 0.07, 1);--ease-in-expo:cubic-bezier(0.95, 0.05, 0.795, 0.035);--ease-out-expo:cubic-bezier(0.19, 1, 0.22, 1);--ease-in-out-expo:cubic-bezier(1, 0, 0, 1);--ease-in-circ:cubic-bezier(0.6, 0.04, 0.98, 0.335);--ease-out-circ:cubic-bezier(0.075, 0.82, 0.165, 1);--ease-in-out-circ:cubic-bezier(0.785, 0.135, 0.15, 0.86);--ease-in-back:cubic-bezier(0.6, -0.28, 0.735, 0.045);--ease-out-back:cubic-bezier(0.175, 0.885, 0.32, 1.275);--ease-in-out-back:cubic-bezier(0.68, -0.55, 0.265, 1.55);--color-black:#000;--color-white:#fff;--color-grey-50:#f9fafb;--color-grey-100:#f3f4f6;--color-grey-200:#e5e7eb;--color-grey-300:#d1d5db;--color-grey-400:#9ca3af;--color-grey-500:#6b7280;--color-grey-600:#4b5563;--color-grey-700:#374151;--color-grey-800:#1f2937;--color-grey-900:#111827;--color-grey-950:#030712;--color-grey:var(--color-gray-500);--color-slate-50:#f8fafc;--color-slate-100:#f1f5f9;--color-slate-200:#e2e8f0;--color-slate-300:#cbd5e1;--color-slate-400:#94a3b8;--color-slate-500:#64748b;--color-slate-600:#475569;--color-slate-700:#334155;--color-slate-800:#1e293b;--color-slate-900:#0f172a;--color-slate-950:#020617;--color-slate:var(--color-slate-500);--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#a1a1aa;--color-zinc-500:#71717a;--color-zinc-600:#52525b;--color-zinc-700:#3f3f46;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-zinc-950:#09090b;--color-zinc:var(--color-zinc-500);--color-stone-50:#fafaf9;--color-stone-100:#f5f5f4;--color-stone-200:#e7e5e4;--color-stone-300:#d6d3d1;--color-stone-400:#a8a29e;--color-stone-500:#78716c;--color-stone-600:#57534e;--color-stone-700:#44403c;--color-stone-800:#292524;--color-stone-900:#1c1917;--color-stone-950:#0c0a09;--color-stone:var(--color-stone-500);--color-red-50:#fef2f2;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-300:#fca5a5;--color-red-400:#f87171;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-red-800:#991b1b;--color-red-900:#7f1d1d;--color-red-950:#450a0a;--color-red:var(--color-red-500);--color-orange-50:#fff7ed;--color-orange-100:#ffedd5;--color-orange-200:#fed7aa;--color-orange-300:#fdba74;--color-orange-400:#fb923c;--color-orange-500:#f97316;--color-orange-600:#ea580c;--color-orange-700:#c2410c;--color-orange-800:#9a3412;--color-orange-900:#7c2d12;--color-orange-950:#431407;--color-orange:var(--color-orange-500);--color-amber-50:#fffbeb;--color-amber-100:#fef3c7;--color-amber-200:#fde68a;--color-amber-300:#fcd34d;--color-amber-400:#fbbf24;--color-amber-500:#f59e0b;--color-amber-600:#d97706;--color-amber-700:#b45309;--color-amber-800:#92400e;--color-amber-900:#78350f;--color-amber-950:#451a03;--color-amber:var(--color-amber-500);--color-yellow-50:#fefce8;--color-yellow-100:#fef9c3;--color-yellow-200:#fef08a;--color-yellow-300:#fde047;--color-yellow-400:#facc15;--color-yellow-500:#eab308;--color-yellow-600:#ca8a04;--color-yellow-700:#a16207;--color-yellow-800:#854d0e;--color-yellow-900:#713f12;--color-yellow-950:#422006;--color-yellow:var(--color-yellow-500);--color-lime-50:#f7fee7;--color-lime-100:#ecfccb;--color-lime-200:#d9f99d;--color-lime-300:#bef264;--color-lime-400:#a3e635;--color-lime-500:#84cc16;--color-lime-600:#65a30d;--color-lime-700:#4d7c0f;--color-lime-800:#3f6212;--color-lime-900:#365314;--color-lime-950:#1a2e05;--color-lime:var(--color-lime-500);--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#bbf7d0;--color-green-300:#86efac;--color-green-400:#4ade80;--color-green-500:#22c55e;--color-green-600:#16a34a;--color-green-700:#15803d;--color-green-800:#166534;--color-green-900:#14532d;--color-green-950:#052e16;--color-green:var(--color-green-500);--color-teal-50:#f0fdfa;--color-teal-100:#ccfbf1;--color-teal-200:#99f6e4;--color-teal-300:#5eead4;--color-teal-400:#2dd4bf;--color-teal-500:#14b8a6;--color-teal-600:#0d9488;--color-teal-700:#0f766e;--color-teal-800:#115e59;--color-teal-900:#134e4a;--color-teal-950:#042f2e;--color-teal:var(--color-teal-500);--color-cyan-50:#ecfeff;--color-cyan-100:#cffafe;--color-cyan-200:#a5f3fc;--color-cyan-300:#67e8f9;--color-cyan-400:#22d3ee;--color-cyan-500:#06b6d4;--color-cyan-600:#0891b2;--color-cyan-700:#0e7490;--color-cyan-800:#155e75;--color-cyan-900:#164e63;--color-cyan-950:#083344;--color-cyan:var(--color-cyan-500);--color-sky-50:#f0f9ff;--color-sky-100:#e0f2fe;--color-sky-200:#bae6fd;--color-sky-300:#7dd3fc;--color-sky-400:#38bdf8;--color-sky-500:#0ea5e9;--color-sky-600:#0284c7;--color-sky-700:#0369a1;--color-sky-800:#075985;--color-sky-900:#0c4a6e;--color-sky-950:#082f49;--color-sky:var(--color-sky-500);--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-200:#bfdbfe;--color-blue-300:#93c5fd;--color-blue-400:#60a5fa;--color-blue-500:#3b82f6;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-blue-800:#1e40af;--color-blue-900:#1e3a8a;--color-blue-950:#172554;--color-blue:var(--color-blue-500);--color-indigo-50:#eef2ff;--color-indigo-100:#e0e7ff;--color-indigo-200:#c7d2fe;--color-indigo-300:#a5b4fc;--color-indigo-400:#818cf8;--color-indigo-500:#6366f1;--color-indigo-600:#4f46e5;--color-indigo-700:#4338ca;--color-indigo-800:#3730a3;--color-indigo-900:#312e81;--color-indigo-950:#1e1b4b;--color-indigo:var(--color-indigo-500);--color-violet-50:#f5f3ff;--color-violet-100:#ede9fe;--color-violet-200:#ddd6fe;--color-violet-300:#c4b5fd;--color-violet-400:#a78bfa;--color-violet-500:#8b5cf6;--color-violet-600:#7c3aed;--color-violet-700:#6d28d9;--color-violet-800:#5b21b6;--color-violet-900:#4c1d95;--color-violet-950:#2e1065;--color-violet:var(--color-violet-500);--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-200:#e9d5ff;--color-purple-300:#d8b4fe;--color-purple-400:#c084fc;--color-purple-500:#a855f7;--color-purple-600:#9333ea;--color-purple-700:#7e22ce;--color-purple-800:#6b21a8;--color-purple-900:#581c87;--color-purple-950:#3b0764;--color-purple:var(--color-purple-500);--color-fuchsia-50:#fdf4ff;--color-fuchsia-100:#fae8ff;--color-fuchsia-200:#f5d0fe;--color-fuchsia-300:#f0abfc;--color-fuchsia-400:#e879f9;--color-fuchsia-500:#d946ef;--color-fuchsia-600:#c026d3;--color-fuchsia-700:#a21caf;--color-fuchsia-800:#86198f;--color-fuchsia-900:#701a75;--color-fuchsia-950:#4a044e;--color-fuchsia:var(--color-fuchsia-500);--color-pink-50:#fdf2f8;--color-pink-100:#fce7f3;--color-pink-200:#fbcfe8;--color-pink-300:#f9a8d4;--color-pink-400:#f472b6;--color-pink-500:#ec4899;--color-pink-600:#db2777;--color-pink-700:#be185d;--color-pink-800:#9d174d;--color-pink-900:#831843;--color-pink-950:#500724;--color-pink:var(--color-pink-500);--color-rose-50:#fff1f2;--color-rose-100:#ffe4e6;--color-rose-200:#fecdd3;--color-rose-300:#fda4af;--color-rose-400:#fb7185;--color-rose-500:#f43f5e;--color-rose-600:#e11d48;--color-rose-700:#be123c;--color-rose-800:#9f1239;--color-rose-900:#881337;--color-rose-950:#4c0519;--color-rose:var(--color-rose-500);--grid-2:repeat(2, minmax(0, 1fr));--grid-3:repeat(3, minmax(0, 1fr));--grid-4:repeat(4, minmax(0, 1fr));--grid-5:repeat(5, minmax(0, 1fr));--grid-6:repeat(6, minmax(0, 1fr));--grid-7:repeat(7, minmax(0, 1fr));--grid-8:repeat(8, minmax(0, 1fr));--grid-9:repeat(9, minmax(0, 1fr));--grid-10:repeat(10, minmax(0, 1fr));--grid-11:repeat(11, minmax(0, 1fr));--grid-12:repeat(12, minmax(0, 1fr));--grid-page-width:var(--width-xl);--grid-page-gutter:5vw;--grid-page-main:2 / 3;--grid-page:minmax(var(--grid-page-gutter), 1fr)
-    minmax(0, var(--grid-page-width)) minmax(var(--grid-page-gutter), 1fr)}body{height:100vh;margin:0;padding:0;font-family:sans-serif}:root{--pos-primary-text-color:var(--color-grey-50);--pos-normal-text-color:var(--color-grey-900);--pos-disabled-text-color:var(--color-grey-600);--pos-primary-color:var(--color-blue-500);--pos-disabled-color:var(--color-grey-100);--pos-background-color:var(--color-grey-50);--pos-border-color:var(--color-grey-200);--pos-input-outline:var(--size-px) solid var(--color-grey-700);--pos-input-focus-outline:var(--size-px) solid var(--pos-primary-color);--pos-border-solid:var(--size-px) solid var(--pos-border-color)}
+    minmax(0, var(--grid-page-width)) minmax(var(--grid-page-gutter), 1fr)}body{height:100dvh;margin:0;padding:0;font-family:sans-serif}:root{--pos-primary-text-color:var(--color-grey-50);--pos-normal-text-color:var(--color-grey-900);--pos-disabled-text-color:var(--color-grey-600);--pos-primary-color:var(--color-blue-500);--pos-disabled-color:var(--color-grey-100);--pos-background-color:var(--color-grey-50);--pos-border-color:var(--color-grey-200);--pos-input-outline:var(--size-px) solid var(--color-grey-700);--pos-input-focus-outline:var(--size-px) solid var(--pos-primary-color);--pos-border-solid:var(--size-px) solid var(--pos-border-color)}